{"forms": [{"id": 85642, "template": 1933, "button_template": null, "test_group": null, "new_targeting": {"filter": {"id": "root", "name": "root", "nodes": [{"id": "2", "field": "mindboxCart", "filter": {"nodes": [], "operator": "$and"}, "aggregator": "$anyOf"}, {"id": "3", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 91, "externalId": "f0a86630-ac1d-45ba-8621-77e93a8a59f4"}, "inSegmentByDefault": true}, "operator": "$check"}], "operator": "$and"}}, "settings_splits": [{"settings": {"title_1": "\u0412 \u043a\u043e\u0440\u0437\u0438\u043d\u0435 \u043e\u0441\u0442\u0430\u043b\u0438\u0441\u044c \u0442\u043e\u0432\u0430\u0440\u044b!", "bg_color": "#fff", "btn_text": "\u041e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c \u0441\u043f\u0438\u0441\u043e\u043a \u043f\u043e\u043a\u0443\u043f\u043e\u043a", "title_fw": "700", "tnx_title": "\u0421\u043f\u0430\u0441\u0438\u0431\u043e!", "width_mob": "320", "btn_fs_mob": "16", "policy_url": "#", "subtitle_1": "\u041c\u044b&nbsp;\u0441\u043e\u0445\u0440\u0430\u043d\u0438\u043b\u0438 \u0432\u0430\u0448\u0438 \u0442\u043e\u0432\u0430\u0440\u044b, \u043e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c \u0432\u0430\u043c \u043d\u0430&nbsp;\u043f\u043e\u0447\u0442\u0443?", "width_desk": "350", "btn_fs_desk": "16", "font_custom": "Manrope", "font_family": "Roboto, sans-serif", "input_email": "\u0412\u0430\u0448 email", "policy_show": "0", "shadow_show": "1", "shadow_size": "10", "title_color": "#000", "border_color": "#000", "btn_bg_color": "#ef7d00", "input_fs_mob": "16", "title_fs_mob": "20", "tnx_btn_show": "1", "tnx_btn_text": "\u041f\u0440\u043e\u0434\u043e\u043b\u0436\u0438\u0442\u044c \u043f\u043e\u043a\u0443\u043f\u043a\u0438", "tnx_subtitle": "\u041c\u044b \u043e\u0442\u043f\u0440\u0430\u0432\u0438\u043b\u0438 \u0432\u0430\u043c \u043f\u0438\u0441\u044c\u043c\u043e <br> \u041f\u0440\u043e\u0432\u0435\u0440\u044c\u0442\u0435 \u043f\u043e\u0447\u0442\u0443", "border_radius": "0", "input_fs_desk": "16", "padding_x_mob": "16", "padding_y_mob": "20", "show_products": "2", "title_fs_desk": "22", "btn_height_mob": "40", "btn_text_color": "#fff", "close_size_mob": "20", "input_bg_color": "#fff", "padding_x_desk": "16", "padding_y_desk": "24", "policy_checked": "1", "subtitle_color": "#000", "text_align_mob": "center", "bg_transparency": "1", "btn_height_desk": "50", "close_color_mob": "#333", "close_size_desk": "24", "policy_url_text": "\u041f\u043e\u043b\u0438\u0442\u0438\u043a\u043e\u0439 \u043a\u043e\u043d\u0444\u0438\u0434\u0435\u043d\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u0438 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438", "subtitle_fs_mob": "14", "text_align_desk": "left", "border_width_mob": "0", "btn_bg_color_hov": "#ef7d00", "btn_border_color": "#ef7d00", "btn_border_width": "1.00", "close_color_desk": "#333", "font_custom_show": "1", "input_height_mob": "40", "input_text_color": "#000000", "product_bg_color": "#ffffff", "product_btn_show": "1", "product_btn_text": "\u041e\u0444\u043e\u0440\u043c\u0438\u0442\u044c \u0437\u0430\u043a\u0430\u0437", "subtitle_fs_desk": "15.00", "border_width_desk": "0", "btn_border_radius": "0", "close_bg_show_mob": "0", "input_height_desk": "50", "policy_text_after": "\u0438 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u043e\u0439 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445", "policy_text_color": "#6b6b6b", "btn_text_color_hov": "#fff", "close_bg_color_mob": "#222", "close_bg_show_desk": "0", "input_border_color": "#abaaaa", "policy_check_color": "#c0001e", "policy_text_before": "\u042f \u0441\u043e\u0433\u043b\u0430\u0441\u0435\u043d \u0441", "product_btn_fs_mob": "14", "product_note_color": "#000000", "close_bg_color_desk": "#222", "input_border_radius": "0", "product_btn_fs_desk": "14", "product_note_fs_mob": "16", "product_price_color": "#ef7d00", "product_title_color": "#000", "btn_border_color_hov": "#ef7d00", "product_btn_bg_color": "#82b94f", "product_note_fs_desk": "16", "product_price_fs_mob": "14", "product_title_fs_mob": "14", "close_bg_transparency": "1", "product_img_width_mob": "100", "product_price_fs_desk": "16", "product_title_fs_desk": "14", "product_btn_text_color": "#ffffff", "product_img_width_desk": "100", "input_placeholder_color": "#abaaaa", "product_btn_border_color": "#82b94f", "product_btn_border_width": "1", "input_email_error_message": "\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u043a\u043e\u0440\u0440\u0435\u043a\u0442\u043d\u044b\u0439 email"}, "button_settings": {}, "conditions_splits": [{"conditions": {"session_time": "10"}, "combinator": "or", "id": 197389}], "id": 85050, "behavior_settings": {"lead": {"legal_text": ""}, "button": {"on": false, "positions": {"desktop": {"top": "0px", "left": "0px"}}, "conditions": "targeting", "show_before": true}, "partscreen": {"mobile": null, "tablet": null, "desktop": {"target": "window", "position": "right", "vertical_offset": 0, "element_position": "right", "horizontal_offset": 0, "element_vertical_offset": 0, "element_horizontal_offset": 0}, "animation_in": "fadeIn", "allow_overlay": false, "animation_out": "fadeOut", "paranja_color": "#000000", "paranja_opacity": "0.20"}}}], "pinned": false, "name": "\u041f\u043e\u043f-\u0430\u043f \u043a\u043e\u0440\u0437\u0438\u043d\u0430", "active": true, "embed_selector": false, "selector": "", "placement": "start", "frequency": {"once_lifetime": false, "once_session": false, "priority": false, "minimal_timeout": 43200}, "start_date": null, "end_date": null, "day_of_week": [true, true, true, true, true, true, true], "start_time": null, "end_time": null, "timezone_minutes": 180, "custom_fields": [], "container_id": null, "child_forms": [], "salt": null, "control_group": null, "variants": [{"is_winner": false, "ab_test_variant_internal_id": null, "view_settings": {"button_template": null, "rendered_preview": "https://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-85773.png?ts=1713357397427", "rendered_button_preview": null, "settings": {"title_1": "\u0412 \u043a\u043e\u0440\u0437\u0438\u043d\u0435 \u043e\u0441\u0442\u0430\u043b\u0438\u0441\u044c \u0442\u043e\u0432\u0430\u0440\u044b!", "bg_color": "#fff", "btn_text": "\u041e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c \u0441\u043f\u0438\u0441\u043e\u043a \u043f\u043e\u043a\u0443\u043f\u043e\u043a", "title_fw": "700", "tnx_title": "\u0421\u043f\u0430\u0441\u0438\u0431\u043e!", "width_mob": "320", "btn_fs_mob": "16", "policy_url": "#", "subtitle_1": "\u041c\u044b&nbsp;\u0441\u043e\u0445\u0440\u0430\u043d\u0438\u043b\u0438 \u0432\u0430\u0448\u0438 \u0442\u043e\u0432\u0430\u0440\u044b, \u043e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c \u0432\u0430\u043c \u043d\u0430&nbsp;\u043f\u043e\u0447\u0442\u0443?", "width_desk": "350", "btn_fs_desk": "16", "font_custom": "Manrope", "font_family": "Roboto, sans-serif", "input_email": "\u0412\u0430\u0448 email", "policy_show": "0", "shadow_show": "1", "shadow_size": "10", "title_color": "#000", "border_color": "#000", "btn_bg_color": "#ef7d00", "input_fs_mob": "16", "title_fs_mob": "20", "tnx_btn_show": "1", "tnx_btn_text": "\u041f\u0440\u043e\u0434\u043e\u043b\u0436\u0438\u0442\u044c \u043f\u043e\u043a\u0443\u043f\u043a\u0438", "tnx_subtitle": "\u041c\u044b \u043e\u0442\u043f\u0440\u0430\u0432\u0438\u043b\u0438 \u0432\u0430\u043c \u043f\u0438\u0441\u044c\u043c\u043e <br> \u041f\u0440\u043e\u0432\u0435\u0440\u044c\u0442\u0435 \u043f\u043e\u0447\u0442\u0443", "border_radius": "0", "input_fs_desk": "16", "padding_x_mob": "16", "padding_y_mob": "20", "show_products": "2", "title_fs_desk": "22", "btn_height_mob": "40", "btn_text_color": "#fff", "close_size_mob": "20", "input_bg_color": "#fff", "padding_x_desk": "16", "padding_y_desk": "24", "policy_checked": "1", "subtitle_color": "#000", "text_align_mob": "center", "bg_transparency": "1", "btn_height_desk": "50", "close_color_mob": "#333", "close_size_desk": "24", "policy_url_text": "\u041f\u043e\u043b\u0438\u0442\u0438\u043a\u043e\u0439 \u043a\u043e\u043d\u0444\u0438\u0434\u0435\u043d\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u0438 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438", "subtitle_fs_mob": "14", "text_align_desk": "left", "border_width_mob": "0", "btn_bg_color_hov": "#ef7d00", "btn_border_color": "#ef7d00", "btn_border_width": "1.00", "close_color_desk": "#333", "font_custom_show": "1", "input_height_mob": "40", "input_text_color": "#000000", "product_bg_color": "#ffffff", "product_btn_show": "1", "product_btn_text": "\u041e\u0444\u043e\u0440\u043c\u0438\u0442\u044c \u0437\u0430\u043a\u0430\u0437", "subtitle_fs_desk": "15.00", "border_width_desk": "0", "btn_border_radius": "0", "close_bg_show_mob": "0", "input_height_desk": "50", "policy_text_after": "\u0438 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u043e\u0439 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445", "policy_text_color": "#6b6b6b", "btn_text_color_hov": "#fff", "close_bg_color_mob": "#222", "close_bg_show_desk": "0", "input_border_color": "#abaaaa", "policy_check_color": "#c0001e", "policy_text_before": "\u042f \u0441\u043e\u0433\u043b\u0430\u0441\u0435\u043d \u0441", "product_btn_fs_mob": "14", "product_note_color": "#000000", "close_bg_color_desk": "#222", "input_border_radius": "0", "product_btn_fs_desk": "14", "product_note_fs_mob": "16", "product_price_color": "#ef7d00", "product_title_color": "#000", "btn_border_color_hov": "#ef7d00", "product_btn_bg_color": "#82b94f", "product_note_fs_desk": "16", "product_price_fs_mob": "14", "product_title_fs_mob": "14", "close_bg_transparency": "1", "product_img_width_mob": "100", "product_price_fs_desk": "16", "product_title_fs_desk": "14", "product_btn_text_color": "#ffffff", "product_img_width_desk": "100", "input_placeholder_color": "#abaaaa", "product_btn_border_color": "#82b94f", "product_btn_border_width": "1", "input_email_error_message": "\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u043a\u043e\u0440\u0440\u0435\u043a\u0442\u043d\u044b\u0439 email"}, "button_settings": {}, "behavior_settings": {"lead": {"legal_text": ""}, "button": {"on": false, "positions": {"desktop": {"top": "0px", "left": "0px"}}, "conditions": "targeting", "show_before": true}, "partscreen": {"mobile": null, "tablet": null, "desktop": {"target": "window", "position": "right", "vertical_offset": 0, "element_position": "right", "horizontal_offset": 0, "element_vertical_offset": 0, "element_horizontal_offset": 0}, "animation_in": "fadeIn", "allow_overlay": false, "animation_out": "fadeOut", "paranja_color": "#000000", "paranja_opacity": "0.20"}}, "html": "<%\r\n\tif (!window.PopMechanicCartData &&\r\n\t\t(location.href.indexOf('localhost') > -1 ||\r\n\t\t location.href.indexOf('popmechanic') > -1 ||\r\n\t\t location.href.indexOf('pm-test-form=') > -1 ||\r\n\t\t location.href.indexOf('.mindbox') > -1)) {\r\n\t\tPopMechanicCartData = {\r\n\t\t\t\"total\": 1199,\r\n\t\t\t\"totalWithDiscount\": 1199,\r\n\t\t\t\"delivery\": 0,\r\n\t\t\t\"products\": [\r\n\t\t\t\t{\r\n\t\t\t\t\t\"id\": 1,\r\n\t\t\t\t\t\"price\": 1199,\r\n\t\t\t\t\t\"name\": \"\u041f\u0430\u0440\u0444\u044e\u043c \u0434\u043b\u044f \u0436\u0435\u043d\u0449\u0438\u043d\",\r\n\t\t\t\t\t\"quantity\": 1,\r\n\t\t\t\t\t\"pictureUrl\": \"https://static.popmechanic.ru/media/popmechanic-media/NEW/10-17popmechanic-65-promo2.jpg\",\r\n\t\t\t\t\t\"url\": \"https://popmechanic.io/\",\r\n\t\t\t\t\t\"hasDiscount\": false\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\t\"id\": 2,\r\n\t\t\t\t\t\"price\": 1199,\r\n\t\t\t\t\t\"name\": \"\u041f\u0430\u0440\u0444\u044e\u043c \u0434\u043b\u044f \u0436\u0435\u043d\u0449\u0438\u043d\",\r\n\t\t\t\t\t\"quantity\": 1,\r\n\t\t\t\t\t\"pictureUrl\": \"https://static.popmechanic.ru/media/popmechanic-media/NEW/10-17popmechanic-65-promo2.jpg\",\r\n\t\t\t\t\t\"url\": \"https://popmechanic.io/\",\r\n\t\t\t\t\t\"hasDiscount\": false\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\t\"id\": 3,\r\n\t\t\t\t\t\"price\": 1199,\r\n\t\t\t\t\t\"name\": \"\u041f\u0430\u0440\u0444\u044e\u043c \u0434\u043b\u044f \u0436\u0435\u043d\u0449\u0438\u043d\",\r\n\t\t\t\t\t\"quantity\": 1,\r\n\t\t\t\t\t\"pictureUrl\": \"https://static.popmechanic.ru/media/popmechanic-media/NEW/10-17popmechanic-65-promo2.jpg\",\r\n\t\t\t\t\t\"url\": \"https://popmechanic.io/\",\r\n\t\t\t\t\t\"hasDiscount\": false\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\t\"id\": 4,\r\n\t\t\t\t\t\"price\": 1199,\r\n\t\t\t\t\t\"name\": \"\u041f\u0430\u0440\u0444\u044e\u043c \u0434\u043b\u044f \u0436\u0435\u043d\u0449\u0438\u043d\",\r\n\t\t\t\t\t\"quantity\": 1,\r\n\t\t\t\t\t\"pictureUrl\": \"https://static.popmechanic.ru/media/popmechanic-media/NEW/10-17popmechanic-65-promo2.jpg\",\r\n\t\t\t\t\t\"url\": \"https://popmechanic.io/\",\r\n\t\t\t\t\t\"hasDiscount\": false\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\t\"id\": 5,\r\n\t\t\t\t\t\"price\": 1199,\r\n\t\t\t\t\t\"name\": \"\u041f\u0430\u0440\u0444\u044e\u043c \u0434\u043b\u044f \u0436\u0435\u043d\u0449\u0438\u043d\",\r\n\t\t\t\t\t\"quantity\": 1,\r\n\t\t\t\t\t\"pictureUrl\": \"https://static.popmechanic.ru/media/popmechanic-media/NEW/10-17popmechanic-65-promo2.jpg\",\r\n\t\t\t\t\t\"url\": \"https://popmechanic.io/\",\r\n\t\t\t\t\t\"hasDiscount\": false\r\n\t\t\t\t}\r\n\t\t\t]\r\n\t\t}\r\n\t}\r\n%>\r\n\r\n<div class=\"popmechanic-reset\"\r\n\t\t id=\"popmechanic-form\">\r\n\r\n\t<div class=\"popmechanic-main\">\r\n\t\t<div class=\"popmechanic-container\">\r\n\t\t\t<div class=\"popmechanic-content popmechanic-content1\">\r\n\t\t\t\t<div class=\"popmechanic-header\">\r\n\t\t\t\t\t<% if(title_1) { %>\r\n\t\t\t\t\t<div class=\"popmechanic-title\"><%= title_1 %></div>\r\n\t\t\t\t\t<% } %>\r\n\t\t\t\t\t<% if(subtitle_1) { %>\r\n\t\t\t\t\t<div class=\"popmechanic-subtitle\"><%= subtitle_1 %></div>\r\n\t\t\t\t\t<% } %>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t\t\t\r\n\t\t\t<img src=\"https://emcdn.ru/3806/240410_2556_AYeaNWU.jpg\" class=\"popmechanic-big_img\">\r\n\r\n            <div class=\"popmechanic-content popmechanic-content2\">\r\n                <div class=\"popmechanic-description\">+ \u043f\u043e\u0434\u0431\u043e\u0440\u043a\u0430 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0439 \u0441\u043f\u0435\u0446\u0438\u0430\u043b\u044c\u043d\u043e \u0434\u043b\u044f&nbsp;\u0412\u0430\u0441</div>\r\n\t\t\t\t<!-- INPUTS -->\r\n\t\t\t\t<div class=\"popmechanic-inputs\">\r\n\t\t\t\t\t<div class=\"popmechanic-field\">\r\n\t\t\t\t\t\t<input type=\"text\"\r\n\t\t\t\t\t\t\t\t\t class=\"popmechanic-field__input\"\r\n\t\t\t\t\t\t\t\t\t data-popmechanic-input=\"email\"\r\n\t\t\t\t\t\t\t\t\t data-popmechanic-required\r\n\t\t\t\t\t\t\t\t\t placeholder=\"<%= input_email %>\">\r\n\t\t\t\t\t\t<div class=\"popmechanic-field__error-message\"><%= input_email_error_message %></div>\r\n\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t<button type=\"button\"\r\n\t\t\t\t\t\t\t\t\tname=\"button\"\r\n\t\t\t\t\t\t\t\t\tclass=\"popmechanic-button\"\r\n\t\t\t\t\t\t\t\t\tdata-popmechanic-submit><%= btn_text %></button>\r\n                <div class=\"popmechanic-description\" style=\"padding-top:10px; padding-bottom:0px; font-size:10px;\">\u041d\u0430\u0436\u0438\u043c\u0430\u044f \u043a\u043d\u043e\u043f\u043a\u0443 &laquo;\u041e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c \u0441\u043f\u0438\u0441\u043e\u043a \u043f\u043e\u043a\u0443\u043f\u043e\u043a&raquo;, \u0432\u044b&nbsp;\u0441\u043e\u0433\u043b\u0430\u0448\u0430\u0435\u0442\u0435\u0441\u044c \u0441&nbsp;\u041f\u043e\u043b\u0438\u0442\u0438\u043a\u043e\u0439 \u043a\u043e\u043d\u0444\u0438\u0434\u0435\u043d\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u0438 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438 \u0438&nbsp;\u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u043e\u0439 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445.</div>\r\n\r\n\t\t\t\t\t<!-- POLICY -->\r\n\t\t\t\t\t<% if(parseInt(policy_show)) { %>\r\n\t\t\t\t\t<div class=\"popmechanic-policy\">\r\n\t\t\t\t\t\t<label class=\"popmechanic-policy__label\">\r\n\t\t\t\t\t\t\t<input type=\"checkbox\"\r\n\t\t\t\t\t\t\t\t\t\t class=\"popmechanic-input-hidden popmechanic-policy__checkbox\"\r\n\t\t\t\t\t\t\t\t\t\t data-popmechanic-required\r\n\t\t\t\t\t\t\t\t\t\t value=\"1\">\r\n\t\t\t\t\t\t\t<div class=\"popmechanic-policy__check\"></div>\r\n\t\t\t\t\t\t</label>\r\n\t\t\t\t\t\t<span class=\"popmechanic-policy__text\"\r\n\t\t\t\t\t\t\t\t\tfor=\"popmechanic-input-checkbox\">\r\n\t\t\t\t\t\t\t<%= policy_text_before %>\r\n\t\t\t\t\t\t\t<a href=\"<%= policy_url %>\"\r\n\t\t\t\t\t\t\t\t class=\"popmechanic-policy__link\"\r\n\t\t\t\t\t\t\t\t target=\"_blank\"><%= policy_url_text %></a> <%= policy_text_after %></span>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<% } %>\r\n\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n\r\n\t<!-- THANKYOU -->\r\n\t<div class=\"popmechanic-thankyou\">\r\n\t\t<div class=\"popmechanic-container\">\r\n\t\t\t<div class=\"popmechanic-content popmechanic-content3\">\r\n\t\t\t\t<div class=\"popmechanic-header popmechanic-header_p15\">\r\n\t\t\t\t\t<% if(tnx_title) { %>\r\n\t\t\t\t\t<div class=\"popmechanic-title\"><%= tnx_title %></div>\r\n\t\t\t\t\t<% } %>\r\n\t\t\t\t\t<% if(tnx_subtitle) { %>\r\n\t\t\t\t\t<div class=\"popmechanic-subtitle\"><%= tnx_subtitle %></div>\r\n\t\t\t\t\t<% } %>\r\n\t\t\t\t</div>\r\n\r\n\t\t\t\t<% if(parseInt(tnx_btn_show)) { %>\r\n\t\t\t\t<button type=\"button\"\r\n\t\t\t\t\t\t\t\tname=\"button\"\r\n\t\t\t\t\t\t\t\tclass=\"popmechanic-button\"\r\n\t\t\t\t\t\t\t\tdata-popmechanic-close><%= tnx_btn_text %></button>\r\n\t\t\t\t<% } %>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n\r\n\t<!-- CLOSE -->\r\n\t<div class=\"popmechanic-close\"\r\n\t\t\t data-popmechanic-close></div>\r\n</div>", "css": "<% if(!parseInt(font_custom_show)) { %>\r\n  @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');\r\n<% } %>\r\n\r\n<%\r\nfunction hexToRgb(hex) {\r\n  return hex.replace(/^#?([a-f\\d])([a-f\\d])([a-f\\d])$/i, function (m, r, g, b) {\r\n    return \"#\".concat(r).concat(r).concat(g).concat(g).concat(b).concat(b);\r\n  }).substring(1).match(/.{2}/g).map(function (x) {\r\n    return parseInt(x, 16);\r\n  });\r\n};\r\n%>\r\n\r\n.popmechanic-reset, .popmechanic-reset * {\r\n  box-sizing: border-box;\r\n  margin: 0;\r\n  font-size: 16px;\r\n  line-height: normal;\r\n}\r\n.popmechanic-reset::before, .popmechanic-reset::after, .popmechanic-reset *::before, .popmechanic-reset *::after {\r\n  box-sizing: border-box;\r\n}\r\n.popmechanic-reset A, .popmechanic-reset * A {\r\n  color: inherit;\r\n  font-size: inherit;\r\n}\r\n.popmechanic-reset IMG, .popmechanic-reset * IMG {\r\n  display: block;\r\n  max-width: 100%;\r\n}\r\n.popmechanic-reset INPUT,\r\n.popmechanic-reset BUTTON, .popmechanic-reset * INPUT,\r\n.popmechanic-reset * BUTTON {\r\n  display: block;\r\n  padding: 0;\r\n  border: 0;\r\n  border-radius: 0;\r\n  background: none;\r\n  word-break: break-word;\r\n  overflow-wrap: break-word;\r\n  font-family: inherit;\r\n  font-size: inherit;\r\n  -webkit-appearance: none;\r\n          appearance: none;\r\n}\r\n.popmechanic-reset INPUT:-ms-input-placeholder, .popmechanic-reset * INPUT:-ms-input-placeholder {\r\n  font-style: normal;\r\n  opacity: 1;\r\n}\r\n.popmechanic-reset INPUT::placeholder, .popmechanic-reset * INPUT::placeholder {\r\n  font-style: normal;\r\n  opacity: 1;\r\n}\r\n.popmechanic-reset BUTTON, .popmechanic-reset * BUTTON {\r\n  height: auto;\r\n  cursor: pointer;\r\n}\r\n.popmechanic-input-hidden {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  width: 0;\r\n  height: 0;\r\n  opacity: 0;\r\n}\r\n\r\n#popmechanic-form {\r\n  position: relative !important;\r\n  display: inline-block;\r\n  vertical-align: middle;\r\n  <% if(parseInt(font_custom_show)) { %>\r\n    font-family: <%= font_custom %>;\r\n  <% } else { %>\r\n    font-family: <%= font_family %>;\r\n  <% } %>\r\n}\r\n\r\n#popmechanic-form .popmechanic-big_img{\r\n    width: 100%;\r\n    max-width: 100%;\r\n}\r\n#popmechanic-form .popmechanic-main, #popmechanic-form .popmechanic-thankyou {\r\n  position: relative;\r\n  overflow: hidden;\r\n  border-radius: <%= border_radius %>px;\r\n  <% if(parseInt(shadow_show)) { %>\r\n    box-shadow: 0 0 <%= shadow_size %>px rgba(0, 0, 0, 0.25);\r\n  <% } %>\r\n}\r\n#popmechanic-form .popmechanic-container {\r\n  display: flex;\r\n  flex-direction: column;\r\n  width: 100%;\r\n  max-width: 100%;\r\n  border-style: solid;\r\n  border-color: <%= border_color %>;\r\n  background-color: rgba(<%= hexToRgb(bg_color) %>, <%= bg_transparency %>);\r\n}\r\n#popmechanic-form .popmechanic-content {\r\n  max-width: 100%;\r\n}\r\n#popmechanic-form .popmechanic-header {\r\n  word-break: break-word;\r\n  overflow-wrap: break-word;\r\n}\r\n#popmechanic-form .popmechanic-title {\r\n  color: <%= title_color %>;\r\n  font-weight: <%= title_fw %>;\r\n  line-height: 1.3;\r\n}\r\n#popmechanic-form .popmechanic-subtitle {\r\n  color: <%= subtitle_color %>;\r\n  line-height: 1.4;\r\n}\r\n#popmechanic-form .popmechanic-description {\r\n  color: <%= subtitle_color %>;\r\n  font-size: 14px;\r\n  line-height: 1.2;\r\n  padding-bottom: 24px;\r\n}\r\n#popmechanic-form .popmechanic-products {\r\n  margin-bottom: 20px;\r\n}\r\n#popmechanic-form .popmechanic-products--overflow {\r\n  overflow-y: auto;\r\n}\r\n#popmechanic-form .popmechanic-products__left {\r\n  color: <%= product_note_color %>;\r\n  cursor: pointer;\r\n}\r\n#popmechanic-form .popmechanic-products__left SPAN {\r\n  font-size: inherit;\r\n}\r\n#popmechanic-form .popmechanic-product {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  background-color: <%= product_bg_color %>;\r\n}\r\n#popmechanic-form .popmechanic-product:not(:last-child) {\r\n  margin-bottom: 16px;\r\n}\r\n#popmechanic-form .popmechanic-product--hide {\r\n  display: none;\r\n}\r\n#popmechanic-form .popmechanic-product_image {\r\n  display: block;\r\n  flex-shrink: 0;\r\n  max-width: 100%;\r\n  height: auto;\r\n  margin-right: 10px;\r\n}\r\n#popmechanic-form .popmechanic-product_info {\r\n  display: flex;\r\n  flex-direction: column;\r\n  width: 100%;\r\n  min-width: 0;\r\n  padding: 10px;\r\n}\r\n#popmechanic-form .popmechanic-product_name {\r\n  margin-bottom: 10px;\r\n  color: <%= product_title_color %>;\r\n  font-weight: 400;\r\n  display: -webkit-box;\r\n  -webkit-box-orient: vertical;\r\n  -webkit-line-clamp: 2;\r\n  overflow: hidden;\r\n}\r\n#popmechanic-form .popmechanic-product_price {\r\n  margin-bottom: 10px;\r\n  font-weight: 700;\r\n  color: <%= product_price_color %>;\r\n}\r\n#popmechanic-form .popmechanic-product_button {\r\n  display: block;\r\n  width: auto;\r\n  max-width: 100%;\r\n  overflow: hidden;\r\n  margin-top: auto;\r\n  margin-right: auto;\r\n  padding: 0.5em;\r\n  border: <%= product_btn_border_width %>px solid <%= product_btn_border_color %>;\r\n  background-color: <%= product_btn_bg_color %>;\r\n  color: <%= product_btn_text_color %>;\r\n  text-align: center;\r\n  text-decoration: none;\r\n  font-weight: 700;\r\n  line-height: 1;\r\n  -webkit-user-select: none;\r\n      -ms-user-select: none;\r\n          user-select: none;\r\n}\r\n#popmechanic-form .popmechanic-inputs {\r\n  width: 100%;\r\n  max-width: 100%;\r\n}\r\n#popmechanic-form .popmechanic-field {\r\n  position: relative;\r\n  margin-bottom: 1.1em;\r\n}\r\n#popmechanic-form .popmechanic-field__input {\r\n  width: 100%;\r\n  max-width: 100%;\r\n  padding: 0.5em;\r\n  border-width: 1px;\r\n  border-style: solid;\r\n  border-color: <%= input_border_color %>;\r\n  background-color: <%= input_bg_color %>;\r\n  color: <%= input_text_color %>;\r\n  font-weight: 400;\r\n  border-radius: <%= input_border_radius %>px;\r\n}\r\n#popmechanic-form .popmechanic-field__input:-ms-input-placeholder {\r\n  color: <%= input_placeholder_color %>;\r\n}\r\n#popmechanic-form .popmechanic-field__input::placeholder {\r\n  color: <%= input_placeholder_color %>;\r\n}\r\n#popmechanic-form .popmechanic-field__error-message {\r\n  position: absolute;\r\n  top: 100%;\r\n  left: 50%;\r\n  z-index: 30;\r\n  display: none;\r\n  max-width: 100%;\r\n  overflow: hidden;\r\n  color: #d4351c;\r\n  text-align: center;\r\n  white-space: nowrap;\r\n  font-size: smaller;\r\n  line-height: 1.3;\r\n  transform: translateX(-50%);\r\n}\r\n#popmechanic-form .popmechanic-button {\r\n  display: block;\r\n  width: 100%;\r\n  max-width: 100%;\r\n  overflow: hidden;\r\n  margin-right: auto;\r\n  margin-left: auto;\r\n  padding: 0.5em;\r\n  border: <%= btn_border_width %>px solid <%= btn_border_color %>;\r\n  background-color: <%= btn_bg_color %>;\r\n  color: <%= btn_text_color %>;\r\n  text-align: center;\r\n  text-decoration: none;\r\n  font-weight: 700;\r\n  line-height: 1;\r\n  -webkit-user-select: none;\r\n      -ms-user-select: none;\r\n          user-select: none;\r\n  border-radius: <%= btn_border_radius %>px;\r\n  transition-property: background-color, color, border-color;\r\n  transition-duration: 0.2s;\r\n  transition-timing-function: ease-in-out;\r\n}\r\n@media (hover: hover) {\r\n  #popmechanic-form .popmechanic-button:hover, #popmechanic-form .popmechanic-button:focus {\r\n    border-color: <%= btn_border_color_hov %>;\r\n    background-color: <%= btn_bg_color_hov %>;\r\n    color: <%= btn_text_color_hov %>;\r\n  }\r\n}\r\n#popmechanic-form .popmechanic-policy {\r\n  position: relative;\r\n  display: flex;\r\n  align-items: center;\r\n  min-height: 18px;\r\n  padding-top: 15px;\r\n  color: <%= policy_text_color %>;\r\n  -webkit-user-select: none;\r\n      -ms-user-select: none;\r\n          user-select: none;\r\n}\r\n#popmechanic-form .popmechanic-policy__checkbox:checked + .popmechanic-policy__check {\r\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cg stroke='%23<%= policy_check_color.substring(1) %>' stroke-linecap='square' stroke-linejoin='round' stroke-width='4'%3E%3Cpath d='M3.12 12.64l4.12 3.4M7.24 16.04l9.65-12.09'/%3E%3C/g%3E%3C/svg%3E\");\r\n  background-position: center;\r\n}\r\n#popmechanic-form .popmechanic-policy__label {\r\n  margin-right: 5px;\r\n  padding: 0.5em;\r\n  cursor: pointer;\r\n}\r\n#popmechanic-form .popmechanic-policy__check {\r\n  flex-shrink: 0;\r\n  width: 18px;\r\n  height: 18px;\r\n  border: 1px solid;\r\n  border-radius: 5px;\r\n  background-color: #fff;\r\n  background-position: center -50%;\r\n  background-size: 12px;\r\n  background-repeat: no-repeat;\r\n  cursor: pointer;\r\n  transition-property: background-position;\r\n  transition-duration: 0.2s;\r\n  transition-timing-function: ease-in-out;\r\n}\r\n#popmechanic-form .popmechanic-policy__text {\r\n  font-size: 10px;\r\n  line-height: 1.3;\r\n}\r\n#popmechanic-form .popmechanic-policy__link {\r\n  text-decoration: underline;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-main, .popmechanic-desktop #popmechanic-form .popmechanic-thankyou {\r\n  width: <%= width_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-container {\r\n  border-width: <%= border_width_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-content1 {\r\n  padding: 24px 24px 16px 24px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-content2 {\r\n  padding: 16px 24px 24px 24px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-content3 {\r\n  padding: 24px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-header {\r\n  text-align: <%= text_align_desk %>;\r\n}\r\n#popmechanic-form .popmechanic-header_p15{\r\n    padding-bottom: 15px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-title {\r\n  margin-bottom: 12px;\r\n  font-size: <%= title_fs_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-subtitle {\r\n  font-size: <%= subtitle_fs_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-products__left {\r\n  font-size: <%= product_note_fs_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-product_image {\r\n  width: <%= product_img_width_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-product_name {\r\n  font-size: <%= product_title_fs_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-product_price {\r\n  font-size: <%= product_price_fs_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-product_button {\r\n  font-size: <%= product_btn_fs_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-field {\r\n  font-size: <%= input_fs_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-field__input {\r\n  min-height: <%= input_height_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-button {\r\n  min-height: <%= btn_height_desk %>px;\r\n  font-size: <%= btn_fs_desk %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-main, .popmechanic-tablet #popmechanic-form .popmechanic-thankyou, .popmechanic-mobile #popmechanic-form .popmechanic-main, .popmechanic-mobile #popmechanic-form .popmechanic-thankyou {\r\n  width: <%= width_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-container, .popmechanic-mobile #popmechanic-form .popmechanic-container {\r\n  border-width: <%= border_width_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-content, .popmechanic-mobile #popmechanic-form .popmechanic-content {\r\n  padding: <%= padding_y_mob %>px <%= padding_x_mob %>px;\r\n  padding-top: <%= +padding_y_mob + +close_size_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-header, .popmechanic-mobile #popmechanic-form .popmechanic-header {\r\n  text-align: <%= text_align_mob %>;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-title, .popmechanic-mobile #popmechanic-form .popmechanic-title {\r\n  margin-bottom: 10px;\r\n  font-size: <%= title_fs_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-subtitle, .popmechanic-mobile #popmechanic-form .popmechanic-subtitle {\r\n  font-size: <%= subtitle_fs_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-products__left, .popmechanic-mobile #popmechanic-form .popmechanic-products__left {\r\n  font-size: <%= product_note_fs_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-product_image, .popmechanic-mobile #popmechanic-form .popmechanic-product_image {\r\n  width: <%= product_img_width_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-product_name, .popmechanic-mobile #popmechanic-form .popmechanic-product_name {\r\n  font-size: <%= product_title_fs_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-product_price, .popmechanic-mobile #popmechanic-form .popmechanic-product_price {\r\n  font-size: <%= product_price_fs_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-product_button, .popmechanic-mobile #popmechanic-form .popmechanic-product_button {\r\n  font-size: <%= product_btn_fs_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-field, .popmechanic-mobile #popmechanic-form .popmechanic-field {\r\n  font-size: <%= input_fs_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-field__input, .popmechanic-mobile #popmechanic-form .popmechanic-field__input {\r\n  min-height: <%= input_height_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-button, .popmechanic-mobile #popmechanic-form .popmechanic-button {\r\n  min-height: <%= btn_height_mob %>px;\r\n  font-size: <%= btn_fs_mob %>px;\r\n}\r\n#popmechanic-form .popmechanic-close {\r\n  position: absolute;\r\n  z-index: 40;\r\n  cursor: pointer;\r\n}\r\n#popmechanic-form .popmechanic-close::before, #popmechanic-form .popmechanic-close::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  width: 80%;\r\n  height: 2px;\r\n  transform: translate(-50%, -50%) rotate(45deg);\r\n  transition-property: transform;\r\n  transition-duration: 0.2s;\r\n  transition-timing-function: ease-in-out;\r\n}\r\n#popmechanic-form .popmechanic-close::after {\r\n  transform: translate(-50%, -50%) rotate(135deg);\r\n}\r\n@media (hover: hover) {\r\n  #popmechanic-form .popmechanic-close:hover::before, #popmechanic-form .popmechanic-close:focus::before {\r\n    transform: translate(-50%, -50%) rotate(135deg);\r\n  }\r\n  #popmechanic-form .popmechanic-close:hover::after, #popmechanic-form .popmechanic-close:focus::after {\r\n    transform: translate(-50%, -50%) rotate(225deg);\r\n  }\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-close {\r\n  top: 10px;\r\n  right: 10px;\r\n  width: <%= close_size_desk %>px;\r\n  height: <%= close_size_desk %>px;\r\n  <% if(parseInt(close_bg_show_desk)) { %>\r\n    background-color: rgba(<%= hexToRgb(close_bg_color_desk) %>, <%= close_bg_transparency %>);\r\n  <% } %>\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-close::before, .popmechanic-desktop #popmechanic-form .popmechanic-close::after {\r\n  background-color: <%= close_color_desk %>;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-close, .popmechanic-mobile #popmechanic-form .popmechanic-close {\r\n  top: 5px;\r\n  right: 5px;\r\n  width: <%= close_size_mob %>px;\r\n  height: <%= close_size_mob %>px;\r\n  <% if(parseInt(close_bg_show_mob)) { %>\r\n    background-color: rgba(<%= hexToRgb(close_bg_color_mob) %>, <%= close_bg_transparency %>);\r\n  <% } %>\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-close::before, .popmechanic-tablet #popmechanic-form .popmechanic-close::after, .popmechanic-mobile #popmechanic-form .popmechanic-close::before, .popmechanic-mobile #popmechanic-form .popmechanic-close::after {\r\n  background-color: <%= close_color_mob %>;\r\n}\r\n#popmechanic-form .popmechanic-thankyou {\r\n  display: none;\r\n}\r\n.popmechanic-success #popmechanic-form .popmechanic-main {\r\n  display: none !important;\r\n}\r\n.popmechanic-success #popmechanic-form .popmechanic-thankyou {\r\n  display: block;\r\n}\r\n#popmechanic-form .popmechanic-invalid:not(:focus) {\r\n  z-index: 30;\r\n  border: 1px solid #d4351c !important;\r\n  color: #d4351c !important;\r\n}\r\n#popmechanic-form .popmechanic-invalid:not(:focus):-ms-input-placeholder {\r\n  color: #d4351c;\r\n}\r\n#popmechanic-form .popmechanic-invalid:not(:focus)::placeholder {\r\n  color: #d4351c;\r\n}\r\n#popmechanic-form .popmechanic-invalid:not(:focus) + .popmechanic-policy__check {\r\n  color: #d4351c;\r\n}\r\n#popmechanic-form .popmechanic-invalid:not(:focus) ~ .popmechanic-field__error-message {\r\n  display: block;\r\n}", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}], "templates": [{"id": 1933, "html": "<%\r\n\tif (!window.PopMechanicCartData &&\r\n\t\t(location.href.indexOf('localhost') > -1 ||\r\n\t\t location.href.indexOf('popmechanic') > -1 ||\r\n\t\t location.href.indexOf('pm-test-form=') > -1 ||\r\n\t\t location.href.indexOf('.mindbox') > -1)) {\r\n\t\tPopMechanicCartData = {\r\n\t\t\t\"total\": 1199,\r\n\t\t\t\"totalWithDiscount\": 1199,\r\n\t\t\t\"delivery\": 0,\r\n\t\t\t\"products\": [\r\n\t\t\t\t{\r\n\t\t\t\t\t\"id\": 1,\r\n\t\t\t\t\t\"price\": 1199,\r\n\t\t\t\t\t\"name\": \"\u041f\u0430\u0440\u0444\u044e\u043c \u0434\u043b\u044f \u0436\u0435\u043d\u0449\u0438\u043d\",\r\n\t\t\t\t\t\"quantity\": 1,\r\n\t\t\t\t\t\"pictureUrl\": \"https://static.popmechanic.ru/media/popmechanic-media/NEW/10-17popmechanic-65-promo2.jpg\",\r\n\t\t\t\t\t\"url\": \"https://popmechanic.io/\",\r\n\t\t\t\t\t\"hasDiscount\": false\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\t\"id\": 2,\r\n\t\t\t\t\t\"price\": 1199,\r\n\t\t\t\t\t\"name\": \"\u041f\u0430\u0440\u0444\u044e\u043c \u0434\u043b\u044f \u0436\u0435\u043d\u0449\u0438\u043d\",\r\n\t\t\t\t\t\"quantity\": 1,\r\n\t\t\t\t\t\"pictureUrl\": \"https://static.popmechanic.ru/media/popmechanic-media/NEW/10-17popmechanic-65-promo2.jpg\",\r\n\t\t\t\t\t\"url\": \"https://popmechanic.io/\",\r\n\t\t\t\t\t\"hasDiscount\": false\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\t\"id\": 3,\r\n\t\t\t\t\t\"price\": 1199,\r\n\t\t\t\t\t\"name\": \"\u041f\u0430\u0440\u0444\u044e\u043c \u0434\u043b\u044f \u0436\u0435\u043d\u0449\u0438\u043d\",\r\n\t\t\t\t\t\"quantity\": 1,\r\n\t\t\t\t\t\"pictureUrl\": \"https://static.popmechanic.ru/media/popmechanic-media/NEW/10-17popmechanic-65-promo2.jpg\",\r\n\t\t\t\t\t\"url\": \"https://popmechanic.io/\",\r\n\t\t\t\t\t\"hasDiscount\": false\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\t\"id\": 4,\r\n\t\t\t\t\t\"price\": 1199,\r\n\t\t\t\t\t\"name\": \"\u041f\u0430\u0440\u0444\u044e\u043c \u0434\u043b\u044f \u0436\u0435\u043d\u0449\u0438\u043d\",\r\n\t\t\t\t\t\"quantity\": 1,\r\n\t\t\t\t\t\"pictureUrl\": \"https://static.popmechanic.ru/media/popmechanic-media/NEW/10-17popmechanic-65-promo2.jpg\",\r\n\t\t\t\t\t\"url\": \"https://popmechanic.io/\",\r\n\t\t\t\t\t\"hasDiscount\": false\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\t\"id\": 5,\r\n\t\t\t\t\t\"price\": 1199,\r\n\t\t\t\t\t\"name\": \"\u041f\u0430\u0440\u0444\u044e\u043c \u0434\u043b\u044f \u0436\u0435\u043d\u0449\u0438\u043d\",\r\n\t\t\t\t\t\"quantity\": 1,\r\n\t\t\t\t\t\"pictureUrl\": \"https://static.popmechanic.ru/media/popmechanic-media/NEW/10-17popmechanic-65-promo2.jpg\",\r\n\t\t\t\t\t\"url\": \"https://popmechanic.io/\",\r\n\t\t\t\t\t\"hasDiscount\": false\r\n\t\t\t\t}\r\n\t\t\t]\r\n\t\t}\r\n\t}\r\n%>\r\n\r\n<div class=\"popmechanic-reset\"\r\n\t\t id=\"popmechanic-form\">\r\n\r\n\t<div class=\"popmechanic-main\">\r\n\t\t<div class=\"popmechanic-container\">\r\n\t\t\t<div class=\"popmechanic-content\">\r\n\t\t\t\t<div class=\"popmechanic-header\">\r\n\t\t\t\t\t<% if(title_1) { %>\r\n\t\t\t\t\t<div class=\"popmechanic-title\"><%= title_1 %></div>\r\n\t\t\t\t\t<% } %>\r\n\t\t\t\t\t<% if(subtitle_1) { %>\r\n\t\t\t\t\t<div class=\"popmechanic-subtitle\"><%= subtitle_1 %></div>\r\n\t\t\t\t\t<% } %>\r\n\t\t\t\t</div>\r\n\r\n\t\t\t\t<!-- PRODUCTS -->\r\n\t\t\t\t<div class=\"popmechanic-products\">\r\n\t\t\t\t\t<% var products = PopMechanicCartData.products %>\r\n\t\t\t\t\t<% var showProducts = (show_products > +products.length) ? +products.length : show_products %>\r\n\t\t\t\t\t<% var moreProducts = +products.length - +showProducts %>\r\n\t\t\t\t\t<% for (var i = 0; i < products.length; i++) { %>\r\n\t\t\t\t\t<div\r\n\t\t\t\t\t\t\t class=\"<%= (i < +showProducts) ? 'popmechanic-product' : 'popmechanic-product popmechanic-product--hide' %>\">\r\n\t\t\t\t\t\t<% var product = products[i]; %>\r\n\t\t\t\t\t\t<a class=\"popmechanic-product_image\"\r\n\t\t\t\t\t\t\t href=\"<%= product.url %>\">\r\n\t\t\t\t\t\t\t<img src=\"<%= product.pictureUrl %>\"\r\n\t\t\t\t\t\t\t\t\t alt=\"<%= product.name %>\">\r\n\t\t\t\t\t\t</a>\r\n\t\t\t\t\t\t<div class=\"popmechanic-product_info\">\r\n\t\t\t\t\t\t\t<div class=\"popmechanic-product_name\">\r\n\t\t\t\t\t\t\t\t<%= product.name %>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t<div class=\"popmechanic-product_price\">\r\n\t\t\t\t\t\t\t\t<%= Number(product.priceWithDiscount || product.price).toLocaleString('ru-RU', { style: 'currency', currency: 'RUB', minimumFractionDigits: 0  }) %>\r\n\t\t\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t\t\t<% if(parseInt(product_btn_show)) { %>\r\n\t\t\t\t\t\t\t<a href=\"<%= product.url %>\"\r\n\t\t\t\t\t\t\t\t class=\"popmechanic-product_button\"><%= product_btn_text %>\r\n\t\t\t\t\t\t\t</a>\r\n\t\t\t\t\t\t\t<% } %>\r\n\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<% } %>\r\n\t\t\t\t\t<% if(moreProducts) { %>\r\n\t\t\t\t\t<div class=\"popmechanic-products__left\">+ \u0435\u0449\u0435 <%= moreProducts %>\r\n\t\t\t\t\t\t<span class=\"popmechanic-products__word\"><% (moreProducts % 100 >= 10 && moreProducts % 100 <= 20)\r\n\t\t\t\t\t\t\t? print('\u0442\u043e\u0432\u0430\u0440\u043e\u0432')\r\n\t\t\t\t\t\t\t: (moreProducts % 10 === 1\r\n\t\t\t\t\t\t\t\t? print('\u0442\u043e\u0432\u0430\u0440')\r\n\t\t\t\t\t\t\t\t: (moreProducts % 10 === 0\r\n\t\t\t\t\t\t\t\t\t? print('\u0442\u043e\u0432\u0430\u0440\u043e\u0432')\r\n\t\t\t\t\t\t\t\t\t: ((moreProducts % 10 < 5\r\n\t\t\t\t\t\t\t\t\t\t? print('\u0442\u043e\u0432\u0430\u0440\u0430')\r\n\t\t\t\t\t\t\t\t\t\t: print('\u0442\u043e\u0432\u0430\u0440\u043e\u0432'))))); %></span>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<% } %>\r\n\t\t\t\t</div>\r\n\r\n\t\t\t\t<!-- INPUTS -->\r\n\t\t\t\t<div class=\"popmechanic-inputs\">\r\n\t\t\t\t\t<div class=\"popmechanic-field\">\r\n\t\t\t\t\t\t<input type=\"text\"\r\n\t\t\t\t\t\t\t\t\t class=\"popmechanic-field__input\"\r\n\t\t\t\t\t\t\t\t\t data-popmechanic-input=\"email\"\r\n\t\t\t\t\t\t\t\t\t data-popmechanic-required\r\n\t\t\t\t\t\t\t\t\t placeholder=\"<%= input_email %>\">\r\n\t\t\t\t\t\t<div class=\"popmechanic-field__error-message\"><%= input_email_error_message %></div>\r\n\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t<button type=\"button\"\r\n\t\t\t\t\t\t\t\t\tname=\"button\"\r\n\t\t\t\t\t\t\t\t\tclass=\"popmechanic-button\"\r\n\t\t\t\t\t\t\t\t\tdata-popmechanic-submit><%= btn_text %></button>\r\n\r\n\t\t\t\t\t<!-- POLICY -->\r\n\t\t\t\t\t<% if(parseInt(policy_show)) { %>\r\n\t\t\t\t\t<div class=\"popmechanic-policy\">\r\n\t\t\t\t\t\t<label class=\"popmechanic-policy__label\">\r\n\t\t\t\t\t\t\t<input type=\"checkbox\"\r\n\t\t\t\t\t\t\t\t\t\t class=\"popmechanic-input-hidden popmechanic-policy__checkbox\"\r\n\t\t\t\t\t\t\t\t\t\t <%= parseInt(policy_checked) ? 'checked' : '' %>\r\n\t\t\t\t\t\t\t\t\t\t data-popmechanic-input=\"customs.agreement\"\r\n\t\t\t\t\t\t\t\t\t\t data-popmechanic-required\r\n\t\t\t\t\t\t\t\t\t\t value=\"1\">\r\n\t\t\t\t\t\t\t<div class=\"popmechanic-policy__check\"></div>\r\n\t\t\t\t\t\t</label>\r\n\t\t\t\t\t\t<span class=\"popmechanic-policy__text\"\r\n\t\t\t\t\t\t\t\t\tfor=\"popmechanic-input-checkbox\">\r\n\t\t\t\t\t\t\t<%= policy_text_before %>\r\n\t\t\t\t\t\t\t<a href=\"<%= policy_url %>\"\r\n\t\t\t\t\t\t\t\t class=\"popmechanic-policy__link\"\r\n\t\t\t\t\t\t\t\t target=\"_blank\"><%= policy_url_text %></a> <%= policy_text_after %></span>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<% } %>\r\n\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n\r\n\t<!-- THANKYOU -->\r\n\t<div class=\"popmechanic-thankyou\">\r\n\t\t<div class=\"popmechanic-container\">\r\n\t\t\t<div class=\"popmechanic-content\">\r\n\t\t\t\t<div class=\"popmechanic-header\">\r\n\t\t\t\t\t<% if(tnx_title) { %>\r\n\t\t\t\t\t<div class=\"popmechanic-title\"><%= tnx_title %></div>\r\n\t\t\t\t\t<% } %>\r\n\t\t\t\t\t<% if(tnx_subtitle) { %>\r\n\t\t\t\t\t<div class=\"popmechanic-subtitle\"><%= tnx_subtitle %></div>\r\n\t\t\t\t\t<% } %>\r\n\t\t\t\t</div>\r\n\r\n\t\t\t\t<% if(parseInt(tnx_btn_show)) { %>\r\n\t\t\t\t<button type=\"button\"\r\n\t\t\t\t\t\t\t\tname=\"button\"\r\n\t\t\t\t\t\t\t\tclass=\"popmechanic-button\"\r\n\t\t\t\t\t\t\t\tdata-popmechanic-close><%= tnx_btn_text %></button>\r\n\t\t\t\t<% } %>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n\r\n\t<!-- CLOSE -->\r\n\t<div class=\"popmechanic-close\"\r\n\t\t\t data-popmechanic-close></div>\r\n</div>", "css": "<% if(!parseInt(font_custom_show)) { %>\r\n  @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');\r\n<% } %>\r\n\r\n<%\r\nfunction hexToRgb(hex) {\r\n  return hex.replace(/^#?([a-f\\d])([a-f\\d])([a-f\\d])$/i, function (m, r, g, b) {\r\n    return \"#\".concat(r).concat(r).concat(g).concat(g).concat(b).concat(b);\r\n  }).substring(1).match(/.{2}/g).map(function (x) {\r\n    return parseInt(x, 16);\r\n  });\r\n};\r\n%>\r\n\r\n.popmechanic-reset, .popmechanic-reset * {\r\n  box-sizing: border-box;\r\n  margin: 0;\r\n  font-size: 16px;\r\n  line-height: normal;\r\n}\r\n.popmechanic-reset::before, .popmechanic-reset::after, .popmechanic-reset *::before, .popmechanic-reset *::after {\r\n  box-sizing: border-box;\r\n}\r\n.popmechanic-reset A, .popmechanic-reset * A {\r\n  color: inherit;\r\n  font-size: inherit;\r\n}\r\n.popmechanic-reset IMG, .popmechanic-reset * IMG {\r\n  display: block;\r\n  max-width: 100%;\r\n}\r\n.popmechanic-reset INPUT,\r\n.popmechanic-reset BUTTON, .popmechanic-reset * INPUT,\r\n.popmechanic-reset * BUTTON {\r\n  display: block;\r\n  padding: 0;\r\n  border: 0;\r\n  border-radius: 0;\r\n  background: none;\r\n  word-break: break-word;\r\n  overflow-wrap: break-word;\r\n  font-family: inherit;\r\n  font-size: inherit;\r\n  -webkit-appearance: none;\r\n          appearance: none;\r\n}\r\n.popmechanic-reset INPUT:-ms-input-placeholder, .popmechanic-reset * INPUT:-ms-input-placeholder {\r\n  font-style: normal;\r\n  opacity: 1;\r\n}\r\n.popmechanic-reset INPUT::placeholder, .popmechanic-reset * INPUT::placeholder {\r\n  font-style: normal;\r\n  opacity: 1;\r\n}\r\n.popmechanic-reset BUTTON, .popmechanic-reset * BUTTON {\r\n  height: auto;\r\n  cursor: pointer;\r\n}\r\n.popmechanic-input-hidden {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  width: 0;\r\n  height: 0;\r\n  opacity: 0;\r\n}\r\n\r\n#popmechanic-form {\r\n  position: relative !important;\r\n  display: inline-block;\r\n  vertical-align: middle;\r\n  <% if(parseInt(font_custom_show)) { %>\r\n    font-family: <%= font_custom %>;\r\n  <% } else { %>\r\n    font-family: <%= font_family %>;\r\n  <% } %>\r\n}\r\n#popmechanic-form .popmechanic-main, #popmechanic-form .popmechanic-thankyou {\r\n  position: relative;\r\n  overflow: hidden;\r\n  border-radius: <%= border_radius %>px;\r\n  <% if(parseInt(shadow_show)) { %>\r\n    box-shadow: 0 0 <%= shadow_size %>px rgba(0, 0, 0, 0.25);\r\n  <% } %>\r\n}\r\n#popmechanic-form .popmechanic-container {\r\n  display: flex;\r\n  flex-direction: column;\r\n  width: 100%;\r\n  max-width: 100%;\r\n  border-style: solid;\r\n  border-color: <%= border_color %>;\r\n  background-color: rgba(<%= hexToRgb(bg_color) %>, <%= bg_transparency %>);\r\n}\r\n#popmechanic-form .popmechanic-content {\r\n  max-width: 100%;\r\n}\r\n#popmechanic-form .popmechanic-header {\r\n  margin-bottom: 15px;\r\n  word-break: break-word;\r\n  overflow-wrap: break-word;\r\n}\r\n#popmechanic-form .popmechanic-title {\r\n  color: <%= title_color %>;\r\n  font-weight: <%= title_fw %>;\r\n  line-height: 1.3;\r\n}\r\n#popmechanic-form .popmechanic-subtitle {\r\n  color: <%= subtitle_color %>;\r\n  line-height: 1.4;\r\n}\r\n#popmechanic-form .popmechanic-products {\r\n  margin-bottom: 20px;\r\n}\r\n#popmechanic-form .popmechanic-products--overflow {\r\n  overflow-y: auto;\r\n}\r\n#popmechanic-form .popmechanic-products__left {\r\n  color: <%= product_note_color %>;\r\n  cursor: pointer;\r\n}\r\n#popmechanic-form .popmechanic-products__left SPAN {\r\n  font-size: inherit;\r\n}\r\n#popmechanic-form .popmechanic-product {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  background-color: <%= product_bg_color %>;\r\n}\r\n#popmechanic-form .popmechanic-product:not(:last-child) {\r\n  margin-bottom: 16px;\r\n}\r\n#popmechanic-form .popmechanic-product--hide {\r\n  display: none;\r\n}\r\n#popmechanic-form .popmechanic-product_image {\r\n  display: block;\r\n  flex-shrink: 0;\r\n  max-width: 100%;\r\n  height: auto;\r\n  margin-right: 10px;\r\n}\r\n#popmechanic-form .popmechanic-product_info {\r\n  display: flex;\r\n  flex-direction: column;\r\n  width: 100%;\r\n  min-width: 0;\r\n  padding: 10px;\r\n}\r\n#popmechanic-form .popmechanic-product_name {\r\n  margin-bottom: 10px;\r\n  color: <%= product_title_color %>;\r\n  font-weight: 400;\r\n  display: -webkit-box;\r\n  -webkit-box-orient: vertical;\r\n  -webkit-line-clamp: 2;\r\n  overflow: hidden;\r\n}\r\n#popmechanic-form .popmechanic-product_price {\r\n  margin-bottom: 10px;\r\n  font-weight: 700;\r\n  color: <%= product_price_color %>;\r\n}\r\n#popmechanic-form .popmechanic-product_button {\r\n  display: block;\r\n  width: auto;\r\n  max-width: 100%;\r\n  overflow: hidden;\r\n  margin-top: auto;\r\n  margin-right: auto;\r\n  padding: 0.5em;\r\n  border: <%= product_btn_border_width %>px solid <%= product_btn_border_color %>;\r\n  background-color: <%= product_btn_bg_color %>;\r\n  color: <%= product_btn_text_color %>;\r\n  text-align: center;\r\n  text-decoration: none;\r\n  font-weight: 700;\r\n  line-height: 1;\r\n  -webkit-user-select: none;\r\n      -ms-user-select: none;\r\n          user-select: none;\r\n}\r\n#popmechanic-form .popmechanic-inputs {\r\n  width: 100%;\r\n  max-width: 100%;\r\n}\r\n#popmechanic-form .popmechanic-field {\r\n  position: relative;\r\n  margin-bottom: 1.1em;\r\n}\r\n#popmechanic-form .popmechanic-field__input {\r\n  width: 100%;\r\n  max-width: 100%;\r\n  padding: 0.5em;\r\n  border-width: 1px;\r\n  border-style: solid;\r\n  border-color: <%= input_border_color %>;\r\n  background-color: <%= input_bg_color %>;\r\n  color: <%= input_text_color %>;\r\n  font-weight: 400;\r\n  border-radius: <%= input_border_radius %>px;\r\n}\r\n#popmechanic-form .popmechanic-field__input:-ms-input-placeholder {\r\n  color: <%= input_placeholder_color %>;\r\n}\r\n#popmechanic-form .popmechanic-field__input::placeholder {\r\n  color: <%= input_placeholder_color %>;\r\n}\r\n#popmechanic-form .popmechanic-field__error-message {\r\n  position: absolute;\r\n  top: 100%;\r\n  left: 50%;\r\n  z-index: 30;\r\n  display: none;\r\n  max-width: 100%;\r\n  overflow: hidden;\r\n  color: #d4351c;\r\n  text-align: center;\r\n  white-space: nowrap;\r\n  font-size: smaller;\r\n  line-height: 1.3;\r\n  transform: translateX(-50%);\r\n}\r\n#popmechanic-form .popmechanic-button {\r\n  display: block;\r\n  width: 100%;\r\n  max-width: 100%;\r\n  overflow: hidden;\r\n  margin-right: auto;\r\n  margin-left: auto;\r\n  padding: 0.5em;\r\n  border: <%= btn_border_width %>px solid <%= btn_border_color %>;\r\n  background-color: <%= btn_bg_color %>;\r\n  color: <%= btn_text_color %>;\r\n  text-align: center;\r\n  text-decoration: none;\r\n  font-weight: 700;\r\n  line-height: 1;\r\n  -webkit-user-select: none;\r\n      -ms-user-select: none;\r\n          user-select: none;\r\n  border-radius: <%= btn_border_radius %>px;\r\n  transition-property: background-color, color, border-color;\r\n  transition-duration: 0.2s;\r\n  transition-timing-function: ease-in-out;\r\n}\r\n@media (hover: hover) {\r\n  #popmechanic-form .popmechanic-button:hover, #popmechanic-form .popmechanic-button:focus {\r\n    border-color: <%= btn_border_color_hov %>;\r\n    background-color: <%= btn_bg_color_hov %>;\r\n    color: <%= btn_text_color_hov %>;\r\n  }\r\n}\r\n#popmechanic-form .popmechanic-policy {\r\n  position: relative;\r\n  display: flex;\r\n  align-items: center;\r\n  min-height: 18px;\r\n  padding-top: 15px;\r\n  color: <%= policy_text_color %>;\r\n  -webkit-user-select: none;\r\n      -ms-user-select: none;\r\n          user-select: none;\r\n}\r\n#popmechanic-form .popmechanic-policy__checkbox:checked + .popmechanic-policy__check {\r\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cg stroke='%23<%= policy_check_color.substring(1) %>' stroke-linecap='square' stroke-linejoin='round' stroke-width='4'%3E%3Cpath d='M3.12 12.64l4.12 3.4M7.24 16.04l9.65-12.09'/%3E%3C/g%3E%3C/svg%3E\");\r\n  background-position: center;\r\n}\r\n#popmechanic-form .popmechanic-policy__label {\r\n  margin-right: 5px;\r\n  padding: 0.5em;\r\n  cursor: pointer;\r\n}\r\n#popmechanic-form .popmechanic-policy__check {\r\n  flex-shrink: 0;\r\n  width: 18px;\r\n  height: 18px;\r\n  border: 1px solid;\r\n  border-radius: 5px;\r\n  background-color: #fff;\r\n  background-position: center -50%;\r\n  background-size: 12px;\r\n  background-repeat: no-repeat;\r\n  cursor: pointer;\r\n  transition-property: background-position;\r\n  transition-duration: 0.2s;\r\n  transition-timing-function: ease-in-out;\r\n}\r\n#popmechanic-form .popmechanic-policy__text {\r\n  font-size: 10px;\r\n  line-height: 1.3;\r\n}\r\n#popmechanic-form .popmechanic-policy__link {\r\n  text-decoration: underline;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-main, .popmechanic-desktop #popmechanic-form .popmechanic-thankyou {\r\n  width: <%= width_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-container {\r\n  border-width: <%= border_width_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-content {\r\n  padding: <%= padding_y_desk %>px <%= padding_x_desk %>px;\r\n  padding-top: <%= +padding_y_desk + +close_size_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-header {\r\n  text-align: <%= text_align_desk %>;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-title {\r\n  margin-bottom: 12px;\r\n  font-size: <%= title_fs_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-subtitle {\r\n  font-size: <%= subtitle_fs_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-products__left {\r\n  font-size: <%= product_note_fs_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-product_image {\r\n  width: <%= product_img_width_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-product_name {\r\n  font-size: <%= product_title_fs_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-product_price {\r\n  font-size: <%= product_price_fs_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-product_button {\r\n  font-size: <%= product_btn_fs_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-field {\r\n  font-size: <%= input_fs_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-field__input {\r\n  min-height: <%= input_height_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-button {\r\n  min-height: <%= btn_height_desk %>px;\r\n  font-size: <%= btn_fs_desk %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-main, .popmechanic-tablet #popmechanic-form .popmechanic-thankyou, .popmechanic-mobile #popmechanic-form .popmechanic-main, .popmechanic-mobile #popmechanic-form .popmechanic-thankyou {\r\n  width: <%= width_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-container, .popmechanic-mobile #popmechanic-form .popmechanic-container {\r\n  border-width: <%= border_width_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-content, .popmechanic-mobile #popmechanic-form .popmechanic-content {\r\n  padding: <%= padding_y_mob %>px <%= padding_x_mob %>px;\r\n  padding-top: <%= +padding_y_mob + +close_size_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-header, .popmechanic-mobile #popmechanic-form .popmechanic-header {\r\n  text-align: <%= text_align_mob %>;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-title, .popmechanic-mobile #popmechanic-form .popmechanic-title {\r\n  margin-bottom: 10px;\r\n  font-size: <%= title_fs_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-subtitle, .popmechanic-mobile #popmechanic-form .popmechanic-subtitle {\r\n  font-size: <%= subtitle_fs_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-products__left, .popmechanic-mobile #popmechanic-form .popmechanic-products__left {\r\n  font-size: <%= product_note_fs_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-product_image, .popmechanic-mobile #popmechanic-form .popmechanic-product_image {\r\n  width: <%= product_img_width_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-product_name, .popmechanic-mobile #popmechanic-form .popmechanic-product_name {\r\n  font-size: <%= product_title_fs_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-product_price, .popmechanic-mobile #popmechanic-form .popmechanic-product_price {\r\n  font-size: <%= product_price_fs_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-product_button, .popmechanic-mobile #popmechanic-form .popmechanic-product_button {\r\n  font-size: <%= product_btn_fs_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-field, .popmechanic-mobile #popmechanic-form .popmechanic-field {\r\n  font-size: <%= input_fs_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-field__input, .popmechanic-mobile #popmechanic-form .popmechanic-field__input {\r\n  min-height: <%= input_height_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-button, .popmechanic-mobile #popmechanic-form .popmechanic-button {\r\n  min-height: <%= btn_height_mob %>px;\r\n  font-size: <%= btn_fs_mob %>px;\r\n}\r\n#popmechanic-form .popmechanic-close {\r\n  position: absolute;\r\n  z-index: 40;\r\n  cursor: pointer;\r\n}\r\n#popmechanic-form .popmechanic-close::before, #popmechanic-form .popmechanic-close::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  width: 80%;\r\n  height: 2px;\r\n  transform: translate(-50%, -50%) rotate(45deg);\r\n  transition-property: transform;\r\n  transition-duration: 0.2s;\r\n  transition-timing-function: ease-in-out;\r\n}\r\n#popmechanic-form .popmechanic-close::after {\r\n  transform: translate(-50%, -50%) rotate(135deg);\r\n}\r\n@media (hover: hover) {\r\n  #popmechanic-form .popmechanic-close:hover::before, #popmechanic-form .popmechanic-close:focus::before {\r\n    transform: translate(-50%, -50%) rotate(135deg);\r\n  }\r\n  #popmechanic-form .popmechanic-close:hover::after, #popmechanic-form .popmechanic-close:focus::after {\r\n    transform: translate(-50%, -50%) rotate(225deg);\r\n  }\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-close {\r\n  top: 10px;\r\n  right: 10px;\r\n  width: <%= close_size_desk %>px;\r\n  height: <%= close_size_desk %>px;\r\n  <% if(parseInt(close_bg_show_desk)) { %>\r\n    background-color: rgba(<%= hexToRgb(close_bg_color_desk) %>, <%= close_bg_transparency %>);\r\n  <% } %>\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-close::before, .popmechanic-desktop #popmechanic-form .popmechanic-close::after {\r\n  background-color: <%= close_color_desk %>;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-close, .popmechanic-mobile #popmechanic-form .popmechanic-close {\r\n  top: 5px;\r\n  right: 5px;\r\n  width: <%= close_size_mob %>px;\r\n  height: <%= close_size_mob %>px;\r\n  <% if(parseInt(close_bg_show_mob)) { %>\r\n    background-color: rgba(<%= hexToRgb(close_bg_color_mob) %>, <%= close_bg_transparency %>);\r\n  <% } %>\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-close::before, .popmechanic-tablet #popmechanic-form .popmechanic-close::after, .popmechanic-mobile #popmechanic-form .popmechanic-close::before, .popmechanic-mobile #popmechanic-form .popmechanic-close::after {\r\n  background-color: <%= close_color_mob %>;\r\n}\r\n#popmechanic-form .popmechanic-thankyou {\r\n  display: none;\r\n}\r\n.popmechanic-success #popmechanic-form .popmechanic-main {\r\n  display: none !important;\r\n}\r\n.popmechanic-success #popmechanic-form .popmechanic-thankyou {\r\n  display: block;\r\n}\r\n#popmechanic-form .popmechanic-invalid:not(:focus) {\r\n  z-index: 30;\r\n  border: 1px solid #d4351c !important;\r\n  color: #d4351c !important;\r\n}\r\n#popmechanic-form .popmechanic-invalid:not(:focus):-ms-input-placeholder {\r\n  color: #d4351c;\r\n}\r\n#popmechanic-form .popmechanic-invalid:not(:focus)::placeholder {\r\n  color: #d4351c;\r\n}\r\n#popmechanic-form .popmechanic-invalid:not(:focus) + .popmechanic-policy__check {\r\n  color: #d4351c;\r\n}\r\n#popmechanic-form .popmechanic-invalid:not(:focus) ~ .popmechanic-field__error-message {\r\n  display: block;\r\n}", "button": "", "on_show": "PopMechanic.$('.popmechanic-products__left')\r\n\t.click(function () {\r\n\t\tvar overflowHeight = PopMechanic.$('.popmechanic-product').height();\r\n\r\n\t\tPopMechanic.$(this).hide();\r\n\t\tPopMechanic.$('.popmechanic-products')\r\n\t\t\t.addClass('popmechanic-products--overflow')\r\n\t\t\t.css('max-height', overflowHeight * 2.5 + 'px');\r\n\r\n\t\tPopMechanic.$('.popmechanic-product--hide').show()\r\n\t\t\t.removeClass('popmechanic-product--hide')\r\n\t\t\t.css('display', 'flex');\r\n\t});", "on_close": "", "embed_code": "", "behaviors": ["partscreen", "lead", "post-text"], "template_type": "partscreen", "need_reset": true, "parameters": [], "on_targeting_ready": "", "on_child_ready": ""}], "button_templates": [], "integrations": [{"id": 97547, "form": 85642, "filter": null, "filter_type": null, "account": 5737, "integration_type": "googleanalytics", "event_category": "Mindbox", "lead_action": "lead", "open_action": "open", "close_action": "close", "event_label": "", "event_value": "", "tracker_name": "", "measurement_id": "", "events": null}, {"id": 97329, "form": 85642, "filter": null, "filter_type": null, "account": 5737, "integration_type": "mindbox_server_json", "customer_extended": [{"value": "%email%", "systemName": "email"}], "customer_action_extended": [], "mode": "create", "send_customer": true, "issue_action": false, "operation": "popmechanic-integration-create-85642", "subscriptions": [{"pointOfContact": "Email"}]}, {"id": 97330, "form": 85642, "filter": null, "filter_type": null, "account": 5737, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-85642-show", "click_operation": "popmechanic-popup-85642-click", "targeting_operation": "popmechanic-popup-85642-targeting"}], "settings": {"hide_copyright": true, "premium": true}, "frequency": {"minimal_timeout": null, "session": null, "day": null, "week": null, "month": null}, "global_ab_tests": [], "ip": "1.1.1.1", "contacts": [], "geo": null}