{"forms": [{"id": 77725, "template": 1097, "button_template": null, "test_group": null, "new_targeting": {"filter": {"id": "root", "name": "root", "nodes": [{"id": "2", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 104, "externalId": "d8a6e400-ad4c-440d-9e7d-1f3a6561ae8d"}, "inSegmentByDefault": true}, "operator": "$check"}], "operator": "$and"}}, "settings_splits": [{"settings": {"font": "'Roboto', sans-serif", "text": "\u041d\u0435\u0442 \u0432\u0440\u0435\u043c\u0435\u043d\u0438 \u0438\u0441\u043a\u0430\u0442\u044c \u0440\u0435\u0446\u0435\u043f\u0442\u044b?", "title": "\u041d\u0435\u0442 \u0432\u0440\u0435\u043c\u0435\u043d\u0438 \u0438\u0441\u043a\u0430\u0442\u044c \u0440\u0435\u0446\u0435\u043f\u0442\u044b?", "text_ty": "\u041e\u0441\u0442\u0430\u043b\u043e\u0441\u044c \u043b\u0438\u0448\u044c \u043f\u043e\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u044c \u0441\u0432\u043e\u0439 email. \u0417\u0430\u0433\u043b\u044f\u043d\u0438\u0442\u0435 \u0432\u00a0\u043f\u043e\u0447\u0442\u043e\u0432\u044b\u0439 \u044f\u0449\u0438\u043a \u0438 \u043f\u0435\u0440\u0435\u0439\u0434\u0438\u0442\u0435 \u043f\u043e \u0441\u0441\u044b\u043b\u043a\u0435, \u043a\u043e\u0442\u043e\u0440\u0443\u044e \u043c\u044b \u0432\u0430\u043c \u043f\u0440\u0438\u0441\u043b\u0430\u043b\u0438.", "own_font": "Helvetica, sans-serif", "title_ty": "\u0411\u043b\u0430\u0433\u043e\u0434\u0430\u0440\u0438\u043c \u0437\u0430 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0443!", "promo_img": "https://personalization-web-stable.mindbox.ru/user-media/32474/660d083420634167fd4b60ba96b266baf90abd0681143dbc76c62c2585b34bbf.png", "close_show": "0", "min_height": "290.00", "text_color": "#000", "from_bg_img": "", "input_width": "55.00", "policy_link": "#", "text_bottom": "16", "text_enable": "1", "title_color": "#000000", "button_width": "39.00", "input_height": "50.00", "input_radius": "10", "policy_check": "0", "title_bottom": "12", "title_enable": "1", "use_own_font": "0", "form_bg_color": "#DBD9F8", "input_padding": "3", "policy_enable": "1", "promo_img_top": "5.00", "text_bottom_m": "10", "close_size_mob": "20", "form_max_width": "850.00", "input_bg_color": "#F2F1FF", "input_height_m": "50", "promo_img_left": "72.00", "text_font_size": "20", "text_ty_enable": "1", "title_bottom_m": "10", "button_bg_color": "#FF76AF", "close_color_mob": "#000", "close_size_desk": "20", "input_font_size": "20", "policy_text_end": "", "promo_img_top_m": "13", "promo_img_width": "260", "title_font_size": "32", "title_ty_enable": "1", "button_font_size": "20", "close_color_desk": "#000", "form_padding_top": "32", "input_text_color": "#8F8DBA", "policy_text_link": "\u041f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u043e\u0433\u043e \u0441\u043e\u0433\u043b\u0430\u0448\u0435\u043d\u0438\u044f Food.ru", "promo_img_enable": "1", "promo_img_left_m": "75", "text_font_size_m": "15", "text_line_height": "0.9", "button_text_color": "#ffffff", "close_bg_show_mob": "0", "form_padding_left": "100", "input_font_size_m": "16", "promo_img_width_m": "82", "title_font_size_m": "20", "title_line_height": "0.8", "button_font_size_m": "20", "checkbox_font_size": "12", "close_bg_color_mob": "#000000", "close_bg_show_desk": "0", "form_bg_img_enable": "0", "form_padding_right": "50", "form_padding_top_m": "20", "inputs_max_width_m": "275", "policy_text__start": "\u041d\u0430\u0436\u0438\u043c\u0430\u044f \u043a\u043d\u043e\u043f\u043a\u0443 \u00ab\u041f\u043e\u0434\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f \u043d\u0430 \u0440\u0430\u0441\u0441\u044b\u043b\u043a\u0443\u00bb, \u0432\u044b \u043f\u0440\u0438\u043d\u0438\u043c\u0430\u0435\u0442\u0435 \u0443\u0441\u043b\u043e\u0432\u0438\u044f", "text_line_height_m": "1.2000000000000002", "checkbox_text_color": "#8F8DBA", "close_bg_color_desk": "#000000", "form_padding_bottom": "23.00", "form_padding_left_m": "15", "title_line_height_m": "1.2000000000000002", "checkbox_check_color": "#FFCF00", "checkbox_font_size_m": "10", "checkbox_line_height": "1.4000000000000001", "form_padding_right_m": "15", "button_bg_color_hover": "#FF76AF", "checkbox_border_color": "#ffffff", "close_bg_transparency": "0.5", "form_padding_bottom_m": "20", "checkbox_line_height_m": "1.4000000000000001", "button_text_color_hover": "#ffffff", "input_placeholder_color": "#CDCDCB"}, "button_settings": {}, "conditions_splits": [], "id": 77133, "behavior_settings": {"lead": {"legal_text": ""}, "embedded": {"animation_out": "fadeOut"}}}], "pinned": false, "name": "\u0424\u043e\u0440\u043c\u0430 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0438 \u0432 \u0444\u0443\u0442\u0435\u0440\u0435 \u0441\u0430\u0439\u0442\u0430 - new", "active": true, "embed_selector": true, "selector": "#__next > div:nth-child(9) > div > div > footer > nav.footer_socialLinks__WZsQv > h2", "placement": "before", "frequency": {"once_lifetime": false, "once_session": false, "priority": false, "minimal_timeout": null}, "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-77401.png?ts=1726515828363&id=d1133cde-1bfc-42ac-88b6-d7d219e9a220", "rendered_button_preview": null, "settings": {"font": "'Roboto', sans-serif", "text": "\u041d\u0435\u0442 \u0432\u0440\u0435\u043c\u0435\u043d\u0438 \u0438\u0441\u043a\u0430\u0442\u044c \u0440\u0435\u0446\u0435\u043f\u0442\u044b?", "title": "\u041d\u0435\u0442 \u0432\u0440\u0435\u043c\u0435\u043d\u0438 \u0438\u0441\u043a\u0430\u0442\u044c \u0440\u0435\u0446\u0435\u043f\u0442\u044b?", "text_ty": "\u041e\u0441\u0442\u0430\u043b\u043e\u0441\u044c \u043b\u0438\u0448\u044c \u043f\u043e\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u044c \u0441\u0432\u043e\u0439 email. \u0417\u0430\u0433\u043b\u044f\u043d\u0438\u0442\u0435 \u0432\u00a0\u043f\u043e\u0447\u0442\u043e\u0432\u044b\u0439 \u044f\u0449\u0438\u043a \u0438 \u043f\u0435\u0440\u0435\u0439\u0434\u0438\u0442\u0435 \u043f\u043e \u0441\u0441\u044b\u043b\u043a\u0435, \u043a\u043e\u0442\u043e\u0440\u0443\u044e \u043c\u044b \u0432\u0430\u043c \u043f\u0440\u0438\u0441\u043b\u0430\u043b\u0438.", "own_font": "Helvetica, sans-serif", "title_ty": "\u0411\u043b\u0430\u0433\u043e\u0434\u0430\u0440\u0438\u043c \u0437\u0430 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0443!", "promo_img": "https://personalization-web-stable.mindbox.ru/user-media/32474/660d083420634167fd4b60ba96b266baf90abd0681143dbc76c62c2585b34bbf.png", "close_show": "0", "min_height": "290.00", "text_color": "#000", "from_bg_img": "", "input_width": "55.00", "policy_link": "#", "text_bottom": "16", "text_enable": "1", "title_color": "#000000", "button_width": "39.00", "input_height": "50.00", "input_radius": "10", "policy_check": "0", "title_bottom": "12", "title_enable": "1", "use_own_font": "0", "form_bg_color": "#DBD9F8", "input_padding": "3", "policy_enable": "1", "promo_img_top": "5.00", "text_bottom_m": "10", "close_size_mob": "20", "form_max_width": "850.00", "input_bg_color": "#F2F1FF", "input_height_m": "50", "promo_img_left": "72.00", "text_font_size": "20", "text_ty_enable": "1", "title_bottom_m": "10", "button_bg_color": "#FF76AF", "close_color_mob": "#000", "close_size_desk": "20", "input_font_size": "20", "policy_text_end": "", "promo_img_top_m": "13", "promo_img_width": "260", "title_font_size": "32", "title_ty_enable": "1", "button_font_size": "20", "close_color_desk": "#000", "form_padding_top": "32", "input_text_color": "#8F8DBA", "policy_text_link": "\u041f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u043e\u0433\u043e \u0441\u043e\u0433\u043b\u0430\u0448\u0435\u043d\u0438\u044f Food.ru", "promo_img_enable": "1", "promo_img_left_m": "75", "text_font_size_m": "15", "text_line_height": "0.9", "button_text_color": "#ffffff", "close_bg_show_mob": "0", "form_padding_left": "100", "input_font_size_m": "16", "promo_img_width_m": "82", "title_font_size_m": "20", "title_line_height": "0.8", "button_font_size_m": "20", "checkbox_font_size": "12", "close_bg_color_mob": "#000000", "close_bg_show_desk": "0", "form_bg_img_enable": "0", "form_padding_right": "50", "form_padding_top_m": "20", "inputs_max_width_m": "275", "policy_text__start": "\u041d\u0430\u0436\u0438\u043c\u0430\u044f \u043a\u043d\u043e\u043f\u043a\u0443 \u00ab\u041f\u043e\u0434\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f \u043d\u0430 \u0440\u0430\u0441\u0441\u044b\u043b\u043a\u0443\u00bb, \u0432\u044b \u043f\u0440\u0438\u043d\u0438\u043c\u0430\u0435\u0442\u0435 \u0443\u0441\u043b\u043e\u0432\u0438\u044f", "text_line_height_m": "1.2000000000000002", "checkbox_text_color": "#8F8DBA", "close_bg_color_desk": "#000000", "form_padding_bottom": "23.00", "form_padding_left_m": "15", "title_line_height_m": "1.2000000000000002", "checkbox_check_color": "#FFCF00", "checkbox_font_size_m": "10", "checkbox_line_height": "1.4000000000000001", "form_padding_right_m": "15", "button_bg_color_hover": "#FF76AF", "checkbox_border_color": "#ffffff", "close_bg_transparency": "0.5", "form_padding_bottom_m": "20", "checkbox_line_height_m": "1.4000000000000001", "button_text_color_hover": "#ffffff", "input_placeholder_color": "#CDCDCB"}, "button_settings": {}, "behavior_settings": {"lead": {"legal_text": ""}, "embedded": {"animation_out": "fadeOut"}}, "html": "<% try { close_show = close_show; } catch (e) { close_show = 0 } %>\r\n\r\n
\r\n \r\n\t
\r\n\t\t<%if(parseInt(promo_img_enable)){%>\"><%}%>\r\n\t\t
\r\n\t\t\t<%if(parseInt(title_enable)){%>
\u041f\u043e\u043b\u0443\u0447\u0430\u0439\u0442\u0435 \u043b\u0443\u0447\u0448\u0438\u0435 \u0440\u0435\u0446\u0435\u043f\u0442\u044b \u043e\u0442 \u0440\u0435\u0434\u0430\u043a\u0446\u0438\u0438 \u043f\u0440\u044f\u043c\u043e \u043d\u0430 \u043f\u043e\u0447\u0442\u0443! \ud83d\ude0d
<%}%>\r\n\t\t\t<%if(parseInt(text_enable)){%>
\u041f\u043e\u0434\u043f\u0438\u0448\u0438\u0442\u0435\u0441\u044c \u043d\u0430\u00a0\u0440\u0430\u0441\u0441\u044b\u043b\u043a\u0443 \u043e\u0442\u00a0Food.ru
<%}%>\r\n\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t<%if(parseInt(policy_enable)){%>\r\n \r\n \r\n \r\n\t\t\t\t<%}%>\r\n\t\t\t
\r\n\t\t\t\r\n\t\t
\r\n\t\t\r\n\t\t
\r\n\t\t\t\r\n\t\t\t\r\n\t\t\t\r\n\t\t
\r\n\t\t \r\n\t\r\n\t\t\r\n\t
\t\r\n\t\r\n\t
\r\n\t\t<%if(parseInt(promo_img_enable)){%>\"><%}%>\r\n\t\t
\r\n\t\t\t<%if(parseInt(title_ty_enable)){%>
<%=title_ty%>
<%}%>\r\n\t\t\t\r\n\t\t
\r\n\t
\t\r\n <% if(parseInt(close_show)) { %>\r\n \r\n
\r\n <% } %>\r\n
", "css": "<% try {\r\n close_show = close_show;\r\n close_size_desk = close_size_desk;\r\n close_size_mob = close_size_mob;\r\n close_color_desk = close_color_desk;\r\n close_color_mob = close_color_mob;\r\n close_bg_show_desk = close_bg_show_desk;\r\n close_bg_color_desk = close_bg_color_desk;\r\n close_bg_show_mob = close_bg_show_mob;\r\n close_bg_color_mob = close_bg_color_mob;\r\n close_bg_transparency = close_bg_transparency;\r\n } catch (e) { \r\n close_show = 0\r\n close_size_desk = 20\r\n close_size_mob = 20\r\n close_color_desk = '#000000'\r\n close_color_mob = '#000000'\r\n close_bg_show_desk = 0\r\n close_bg_color_desk = '#000000'\r\n close_bg_show_mob = 0\r\n close_bg_color_mob = '#000000'\r\n close_bg_transparency = 0.5\r\n }\r\n%>\r\n\r\n\r\n\r\n\r\n\r\n.PositionContainer___yH1Z7{\r\n\ttransform:none !important;\r\n\tposition:static;\t\r\n}\r\n\r\n\r\n.popmechanic-reset,\r\n.popmechanic-reset * {\r\n line-height: inherit;\r\n box-sizing: border-box; }\r\n\r\n#popmechanic-form {\r\n position: relative;\r\n display: block;\r\n vertical-align: top;\r\n margin: 48px 0;\r\n padding: 0; }\r\n #popmechanic-form .popmechanic-main,#popmechanic-form .popmechanic-thankyou {\r\n width: 564px;\r\n margin: 0 auto;\r\n min-height:195px;\r\n background-color: #F8F8F8;\r\n position: relative;\r\n overflow: hidden; \r\n\tflex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-content:stretch;align-items:center;\r\n border-radius: 14px;\r\n\t}\r\n #popmechanic-form .popmechanic-promo_img {\r\n position: absolute;\r\n top: 10%;\r\n right: 10%;\r\n width: 137px;\r\n height: auto; }\r\n #popmechanic-form .popmechanic-content {\r\n padding: 25px 33px 0px 34px;\r\n\twidth:100%;\r\n max-width: 394px;\r\n position: relative;\r\n }\r\n \r\n \r\n #popmechanic-form .popmechanic-title {\r\n font-family: 'Helvetica', Arial, sans-serif;\t\r\n font-size: 16px;\r\n line-height: 22px;\r\n font-weight: 700;\r\n color: #241F20;\r\n padding-bottom: 10px; \r\n max-width: 344px;\r\n width: 100%;}\r\n \r\n #popmechanic-form .popmechanic-text {\r\n font-family: Helvetica, sans-serif;\r\n font-size: 14px;\r\n line-height: 24px;\r\n font-weight: 400;\r\n color:#241F20;\r\n margin-bottom: <%=text_bottom%>px; \r\n max-width: 344px;\r\n width: 100%;\r\n }\r\n \r\n #popmechanic-form .popmechanic-inputs {\r\n display: flex;\r\n flex-direction: row;\r\n flex-wrap: wrap;\r\n justify-content: flex-start;\r\n align-content: stretch;\r\n width:100%; }\r\n #popmechanic-form .popmechanic-field {\r\n border: none;\r\n outline: none;\r\n border-radius:<%=input_radius%>px;\r\n height: 40px;\r\n padding: 0 <%=input_padding%>%;\r\n margin: 0 0 10px; }\r\n #popmechanic-form .popmechanic-input {\r\n flex: 0 1 calc(<%=input_width%>% - 15px);\r\n font-family: 'Helvetica';\r\n font-size: 13px;\r\n line-height: 17px;\r\n font-weight: 400;\r\n color: #241F20;\r\n margin-right: 8px;\r\n\tbackground-color:#ffffff;\r\n\tborder: 1px solid #CFD3D7}\r\n #popmechanic-form .popmechanic-input::placeholder {\r\n font-family: 'Helvetica';\r\n font-style: normal;\r\n color: #6F6F6F;\r\n transition: all .3s; \r\n }\r\n #popmechanic-form .popmechanic-input:focus::placeholder {\r\n opacity: 0; }\r\n #popmechanic-form .popmechanic-submit {\r\n cursor: pointer;\r\n flex: 0 1 130px;\r\n font-family:'Helvetica';\r\n font-size: 12px;\r\n line-height: 1;\r\n text-transform: uppercase;\r\n letter-spacing: 0.02em;\r\n \r\n font-weight: 700;\r\n color: #241F20;\r\n background-color: #FFDE00;\r\n\ttransition:all .3s;}\r\n\t#popmechanic-form .popmechanic-submit:hover{\r\n\t\tbackground-color: #FFDE00;\r\n\t\tcolor: #241F20;\r\n\t}\r\n #popmechanic-form .popmechanic-checkbox-block {\r\n position: relative;\r\n flex: 0 1 100%;\r\n <%if(parseInt(use_own_font)){%>font-family:<%=own_font%>;<%}else{%>font-family:<%=font%>;<%}%>\r\n font-weight: 400;\r\n font-size: <%=checkbox_font_size%>px;\r\n line-height: <%=checkbox_line_height%>;\r\n text-align: left;\r\n color: <%=checkbox_text_color%>;\r\n padding: 4px 0 0 32px;\r\n margin: 10px 0 0; }\r\n\r\n #popmechanic-form .popmechanic-policy {\r\n padding-top: 6px;\r\n font-size: 12px;\r\n line-height: 1.4;\r\n font-family: 'Helvetica';\r\n color: #8F8DBA;\r\n }\r\n\r\n\r\n #popmechanic-form .popmechanic-policy_link {\r\n color: <%=checkbox_text_color%>;\r\n text-decoration: underline; }\r\n #popmechanic-form .popmechanic-checkbox-block:before {\r\n content: '';\r\n position: absolute;\r\n top: calc(50% - 10px);\r\n left: 0;\r\n width: 20px;\r\n height: 20px;\r\n border: 1px solid <%=checkbox_border_color%>;\r\n box-sizing: border-box; }\r\n #popmechanic-form .popmechanic-checkbox-check {\r\n position: absolute;\r\n top: calc(50% - 10px);\r\n left: 3px;\r\n z-index: 2;\r\n width: 14px;\r\n height: 24px;\r\n opacity: 0;\r\n transition: all .3s; }\r\n #popmechanic-form .popmechanic-checkbox {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n z-index: 3;\r\n width: 20px;\r\n height: 20px;\r\n opacity: 0; }\r\n #popmechanic-form .popmechanic-checkbox:checked ~ .popmechanic-checkbox-check {\r\n opacity: 1; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main {\r\n max-width: 320px;\r\n height: 320px;\r\n padding: 25px 21px 5px 25px;\r\n background-size: auto 60px;\r\n background-position: 96% 16%; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-promo_img {\r\n top: 57%;\r\n right: 10%;\r\n width: 120px;}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-title {\r\n font-size: 16px;\r\n line-height: 22px;\r\n font-weight: 700;\r\n padding-bottom: 9px; }\r\n \r\n .popmechanic-mobile #popmechanic-form .popmechanic-content {\r\n padding: 0;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-text {\r\n font-family: Helvetica, Arial, sans-serif;\r\n font-size: 14px;\r\n line-height: 24px;\r\n font-weight: 400;\r\n margin-bottom: <%=text_bottom_m%>px;\r\n }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-inputs {\r\n margin: 0 auto;\r\n width: 100%;\r\n max-width: 175px; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-field {\r\n flex: 0 1 100%;\r\n width: 130px;\r\n margin: 0 0 10px;\r\n height:42px;\r\n box-sizing: border-box; }\r\n .popmechanic-mobile #popmechanic-form .popmechanic-input{\r\n\t font-size:<%=input_font_size_m%>px;\r\n\t max-width: 175px;\r\n }\r\n .popmechanic-mobile #popmechanic-form .popmechanic-submit{\r\n\t font-size:12px;\r\n\t width: 130px;\r\n }\r\n.popmechanic-mobile #popmechanic-form .popmechanic-checkbox-block {\r\n font-size:<%=checkbox_font_size_m%>px;\r\n line-height:<%=checkbox_line_height_m%>;\r\n padding: 0 0 0 32px; }\r\n\r\n.popmechanic-thankyou {\r\n display: none; }\r\n\r\n.popmechanic-success #popmechanic-form .popmechanic-main {\r\n display: none; }\r\n\r\n.popmechanic-success #popmechanic-form .popmechanic-thankyou {\r\n display: flex; }\r\n\r\n .popmechanic-tablet #popmechanic-form .popmechanic-main {\r\n width: 500px;\r\n padding: 30px;\r\n }\r\n\r\n \r\n \r\n\r\n .popmechanic-mobile #popmechanic-form .popmechanic-main {\r\n \r\n padding: 25px 21px 5px 21px;\r\n }\r\n \r\n .popmechanic-tablet #popmechanic-form .popmechanic-text {\r\n max-width: 320px;\r\n }\r\n\r\n .popmechanic-tablet #popmechanic-form .popmechanic-title {\r\n line-height: 1.2;\r\n }\r\n .popmechanic-tablet #popmechanic-form .popmechanic-content {\r\n padding: 0;\r\n width: 100%;\r\n max-width: 300px;\r\n padding-left: 48px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-submit {\r\n padding: 0;\r\n width: 100%;\r\n max-width: 120px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-input {\r\n padding: 0;\r\n width: 100%;\r\n max-width: 140px;\r\n padding-left: 10px;\r\n}\r\n\r\n .popmechanic-tablet #popmechanic-form .popmechanic-thankyou {\r\n width: 100%;\r\n max-width: 564px;\r\n }\r\n\r\n .popmechanic-mobile #popmechanic-form .popmechanic-thankyou {\r\n width: 100%;\r\n padding: 20px;\r\n}\r\n\r\n .popmechanic-mobile #popmechanic-form .popmechanic-button {\r\n width: 400px;\r\n }\r\n\r\n .popmechanic-mobile #popmechanic-form .popmechanic-promo_img {\r\n display: none;\r\n }\r\n \r\n #popmechanic-form .popmechanic-content2 {\r\n padding: 10px 33px 33px 34px;\r\n\twidth:100%;\r\n max-width: 525px;\r\n position: relative;\r\n }\r\n \r\n .popmechanic-mobile #popmechanic-form .popmechanic-content2 {\r\n padding: 10px 33px 33px 0px;\r\n }\r\n \r\n #popmechanic-form .popmechanic-text3 {\r\n font-family: Helvetica, sans-serif;\r\n font-size: 12px;\r\n line-height: 24px;\r\n font-weight: 400;\r\n color:#9F9F9F;\r\n margin-top: 0px; \r\n margin-bottom: 0px; \r\n max-width: 525px;\r\n width: 100%;\r\n }\r\n \r\n\r\n .popmechanic-mobile #popmechanic-form .popmechanic-inputs {\r\n width: 100%;\r\n max-width: 100%;\r\n }\r\n\r\n .popmechanic-mobile #popmechanic-form .popmechanic-submit {\r\n font-size: 12px;\r\n width: 100%;\r\n max-width: 130px;\r\n }\r\n\r\n\r\n\r\n<% if(parseInt(close_show)) { %>\r\n /* CLOSE */\r\n <%\r\n function 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-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,\r\n #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 }\r\n #popmechanic-form .popmechanic-close::after {\r\n transform: translate(-50%, -50%) rotate(135deg);\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,\r\n .popmechanic-desktop #popmechanic-form .popmechanic-close::after {\r\n background-color: <%= close_color_desk %>;\r\n }\r\n .popmechanic-tablet #popmechanic-form .popmechanic-close,\r\n .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-content {\r\n padding: 0;\r\n}\r\n .popmechanic-tablet #popmechanic-form .popmechanic-close::before,\r\n .popmechanic-tablet #popmechanic-form .popmechanic-close::after,\r\n .popmechanic-mobile #popmechanic-form .popmechanic-close::before,\r\n .popmechanic-mobile #popmechanic-form .popmechanic-close::after {\r\n background-color: <%= close_color_mob %>;\r\n }\r\n<% } %>", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 77724, "template": 1097, "button_template": null, "test_group": null, "new_targeting": {"filter": {"id": "root", "name": "root", "nodes": [{"id": "2", "name": "$and", "type": "current_page", "nodes": [{"id": "3", "field": "page", "value": ["/recipes/"], "operator": "$in_contains"}], "operator": "$and"}, {"id": "4", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 104, "externalId": "d8a6e400-ad4c-440d-9e7d-1f3a6561ae8d"}, "inSegmentByDefault": true}, "operator": "$check"}], "operator": "$and"}}, "settings_splits": [{"settings": {"font": "'Roboto', sans-serif", "text": "\u041d\u0435\u0442 \u0432\u0440\u0435\u043c\u0435\u043d\u0438 \u0438\u0441\u043a\u0430\u0442\u044c \u0440\u0435\u0446\u0435\u043f\u0442\u044b?", "title": "\u041d\u0435\u0442 \u0432\u0440\u0435\u043c\u0435\u043d\u0438 \u0438\u0441\u043a\u0430\u0442\u044c \u0440\u0435\u0446\u0435\u043f\u0442\u044b?", "text_ty": "\u041e\u0441\u0442\u0430\u043b\u043e\u0441\u044c \u043b\u0438\u0448\u044c \u043f\u043e\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u044c \u0441\u0432\u043e\u0439 email. \u0417\u0430\u0433\u043b\u044f\u043d\u0438\u0442\u0435 \u0432\u00a0\u043f\u043e\u0447\u0442\u043e\u0432\u044b\u0439 \u044f\u0449\u0438\u043a \u0438 \u043f\u0435\u0440\u0435\u0439\u0434\u0438\u0442\u0435 \u043f\u043e \u0441\u0441\u044b\u043b\u043a\u0435, \u043a\u043e\u0442\u043e\u0440\u0443\u044e \u043c\u044b \u0432\u0430\u043c \u043f\u0440\u0438\u0441\u043b\u0430\u043b\u0438.", "own_font": "Helvetica, sans-serif", "title_ty": "\u0411\u043b\u0430\u0433\u043e\u0434\u0430\u0440\u0438\u043c \u0437\u0430 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0443!", "promo_img": "https://personalization-web-stable.mindbox.ru/user-media/32474/660d083420634167fd4b60ba96b266baf90abd0681143dbc76c62c2585b34bbf.png", "close_show": "0", "min_height": "290.00", "text_color": "#000", "from_bg_img": "", "input_width": "55.00", "policy_link": "#", "text_bottom": "16", "text_enable": "1", "title_color": "#000000", "button_width": "39.00", "input_height": "50.00", "input_radius": "10", "policy_check": "0", "title_bottom": "12", "title_enable": "1", "use_own_font": "0", "form_bg_color": "#DBD9F8", "input_padding": "3", "policy_enable": "1", "promo_img_top": "5.00", "text_bottom_m": "10", "close_size_mob": "20", "form_max_width": "850.00", "input_bg_color": "#F2F1FF", "input_height_m": "50", "promo_img_left": "72.00", "text_font_size": "20", "text_ty_enable": "1", "title_bottom_m": "10", "button_bg_color": "#FF76AF", "close_color_mob": "#000", "close_size_desk": "20", "input_font_size": "20", "policy_text_end": "", "promo_img_top_m": "13", "promo_img_width": "260", "title_font_size": "32", "title_ty_enable": "1", "button_font_size": "20", "close_color_desk": "#000", "form_padding_top": "32", "input_text_color": "#8F8DBA", "policy_text_link": "\u041f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u043e\u0433\u043e \u0441\u043e\u0433\u043b\u0430\u0448\u0435\u043d\u0438\u044f Food.ru", "promo_img_enable": "1", "promo_img_left_m": "75", "text_font_size_m": "15", "text_line_height": "0.9", "button_text_color": "#ffffff", "close_bg_show_mob": "0", "form_padding_left": "100", "input_font_size_m": "16", "promo_img_width_m": "82", "title_font_size_m": "20", "title_line_height": "0.8", "button_font_size_m": "20", "checkbox_font_size": "12", "close_bg_color_mob": "#000000", "close_bg_show_desk": "0", "form_bg_img_enable": "0", "form_padding_right": "50", "form_padding_top_m": "20", "inputs_max_width_m": "275", "policy_text__start": "\u041d\u0430\u0436\u0438\u043c\u0430\u044f \u043a\u043d\u043e\u043f\u043a\u0443 \u00ab\u041f\u043e\u0434\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f \u043d\u0430 \u0440\u0430\u0441\u0441\u044b\u043b\u043a\u0443\u00bb, \u0432\u044b \u043f\u0440\u0438\u043d\u0438\u043c\u0430\u0435\u0442\u0435 \u0443\u0441\u043b\u043e\u0432\u0438\u044f", "text_line_height_m": "1.2000000000000002", "checkbox_text_color": "#8F8DBA", "close_bg_color_desk": "#000000", "form_padding_bottom": "23.00", "form_padding_left_m": "15", "title_line_height_m": "1.2000000000000002", "checkbox_check_color": "#FFCF00", "checkbox_font_size_m": "10", "checkbox_line_height": "1.4000000000000001", "form_padding_right_m": "15", "button_bg_color_hover": "#FF76AF", "checkbox_border_color": "#ffffff", "close_bg_transparency": "0.5", "form_padding_bottom_m": "20", "checkbox_line_height_m": "1.4000000000000001", "button_text_color_hover": "#ffffff", "input_placeholder_color": "#CDCDCB"}, "button_settings": {}, "conditions_splits": [], "id": 77132, "behavior_settings": {"lead": {"legal_text": ""}, "embedded": {"animation_out": "fadeOut"}}}], "pinned": false, "name": "\u0424\u043e\u0440\u043c\u0430 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0438 /recipes/ - new", "active": true, "embed_selector": true, "selector": "#__next > div:nth-child(8) > div.grid_row__6w91D > div.grid_col__GAj_L.grid_col_sm_4__K8o8l.grid_col_md_8__eM6_K.grid_col_lg_6__9iu0E.grid_col_offset_md_2__xN8qe > main > div.hrecipe > div.cardWithRemoteElement_root__hbzqZ.slugPage_orderProducts__Sl_5d", "placement": "after", "frequency": {"once_lifetime": false, "once_session": false, "priority": false, "minimal_timeout": null}, "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-77400.png?ts=1726515984320&id=31a05c45-0f37-4a76-a379-f3565761d8d6", "rendered_button_preview": null, "settings": {"font": "'Roboto', sans-serif", "text": "\u041d\u0435\u0442 \u0432\u0440\u0435\u043c\u0435\u043d\u0438 \u0438\u0441\u043a\u0430\u0442\u044c \u0440\u0435\u0446\u0435\u043f\u0442\u044b?", "title": "\u041d\u0435\u0442 \u0432\u0440\u0435\u043c\u0435\u043d\u0438 \u0438\u0441\u043a\u0430\u0442\u044c \u0440\u0435\u0446\u0435\u043f\u0442\u044b?", "text_ty": "\u041e\u0441\u0442\u0430\u043b\u043e\u0441\u044c \u043b\u0438\u0448\u044c \u043f\u043e\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u044c \u0441\u0432\u043e\u0439 email. \u0417\u0430\u0433\u043b\u044f\u043d\u0438\u0442\u0435 \u0432\u00a0\u043f\u043e\u0447\u0442\u043e\u0432\u044b\u0439 \u044f\u0449\u0438\u043a \u0438 \u043f\u0435\u0440\u0435\u0439\u0434\u0438\u0442\u0435 \u043f\u043e \u0441\u0441\u044b\u043b\u043a\u0435, \u043a\u043e\u0442\u043e\u0440\u0443\u044e \u043c\u044b \u0432\u0430\u043c \u043f\u0440\u0438\u0441\u043b\u0430\u043b\u0438.", "own_font": "Helvetica, sans-serif", "title_ty": "\u0411\u043b\u0430\u0433\u043e\u0434\u0430\u0440\u0438\u043c \u0437\u0430 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0443!", "promo_img": "https://personalization-web-stable.mindbox.ru/user-media/32474/660d083420634167fd4b60ba96b266baf90abd0681143dbc76c62c2585b34bbf.png", "close_show": "0", "min_height": "290.00", "text_color": "#000", "from_bg_img": "", "input_width": "55.00", "policy_link": "#", "text_bottom": "16", "text_enable": "1", "title_color": "#000000", "button_width": "39.00", "input_height": "50.00", "input_radius": "10", "policy_check": "0", "title_bottom": "12", "title_enable": "1", "use_own_font": "0", "form_bg_color": "#DBD9F8", "input_padding": "3", "policy_enable": "1", "promo_img_top": "5.00", "text_bottom_m": "10", "close_size_mob": "20", "form_max_width": "850.00", "input_bg_color": "#F2F1FF", "input_height_m": "50", "promo_img_left": "72.00", "text_font_size": "20", "text_ty_enable": "1", "title_bottom_m": "10", "button_bg_color": "#FF76AF", "close_color_mob": "#000", "close_size_desk": "20", "input_font_size": "20", "policy_text_end": "", "promo_img_top_m": "13", "promo_img_width": "260", "title_font_size": "32", "title_ty_enable": "1", "button_font_size": "20", "close_color_desk": "#000", "form_padding_top": "32", "input_text_color": "#8F8DBA", "policy_text_link": "\u041f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u043e\u0433\u043e \u0441\u043e\u0433\u043b\u0430\u0448\u0435\u043d\u0438\u044f Food.ru", "promo_img_enable": "1", "promo_img_left_m": "75", "text_font_size_m": "15", "text_line_height": "0.9", "button_text_color": "#ffffff", "close_bg_show_mob": "0", "form_padding_left": "100", "input_font_size_m": "16", "promo_img_width_m": "82", "title_font_size_m": "20", "title_line_height": "0.8", "button_font_size_m": "20", "checkbox_font_size": "12", "close_bg_color_mob": "#000000", "close_bg_show_desk": "0", "form_bg_img_enable": "0", "form_padding_right": "50", "form_padding_top_m": "20", "inputs_max_width_m": "275", "policy_text__start": "\u041d\u0430\u0436\u0438\u043c\u0430\u044f \u043a\u043d\u043e\u043f\u043a\u0443 \u00ab\u041f\u043e\u0434\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f \u043d\u0430 \u0440\u0430\u0441\u0441\u044b\u043b\u043a\u0443\u00bb, \u0432\u044b \u043f\u0440\u0438\u043d\u0438\u043c\u0430\u0435\u0442\u0435 \u0443\u0441\u043b\u043e\u0432\u0438\u044f", "text_line_height_m": "1.2000000000000002", "checkbox_text_color": "#8F8DBA", "close_bg_color_desk": "#000000", "form_padding_bottom": "23.00", "form_padding_left_m": "15", "title_line_height_m": "1.2000000000000002", "checkbox_check_color": "#FFCF00", "checkbox_font_size_m": "10", "checkbox_line_height": "1.4000000000000001", "form_padding_right_m": "15", "button_bg_color_hover": "#FF76AF", "checkbox_border_color": "#ffffff", "close_bg_transparency": "0.5", "form_padding_bottom_m": "20", "checkbox_line_height_m": "1.4000000000000001", "button_text_color_hover": "#ffffff", "input_placeholder_color": "#CDCDCB"}, "button_settings": {}, "behavior_settings": {"lead": {"legal_text": ""}, "embedded": {"animation_out": "fadeOut"}}, "html": "<% try { close_show = close_show; } catch (e) { close_show = 0 } %>\r\n\r\n
\r\n \r\n\t
\r\n\t\t<%if(parseInt(promo_img_enable)){%>\"><%}%>\r\n\t\t
\r\n\t\t\t<%if(parseInt(title_enable)){%>
\u041f\u043e\u043b\u0443\u0447\u0430\u0439\u0442\u0435 \u043b\u0443\u0447\u0448\u0438\u0435 \u0440\u0435\u0446\u0435\u043f\u0442\u044b \u043e\u0442 \u0440\u0435\u0434\u0430\u043a\u0446\u0438\u0438 \u043f\u0440\u044f\u043c\u043e \u043d\u0430 \u043f\u043e\u0447\u0442\u0443! \ud83d\ude0d
<%}%>\r\n\t\t\t<%if(parseInt(text_enable)){%>
\u041f\u043e\u0434\u043f\u0438\u0448\u0438\u0442\u0435\u0441\u044c \u043d\u0430\u00a0\u0440\u0430\u0441\u0441\u044b\u043b\u043a\u0443 \u043e\u0442\u00a0Food.ru
<%}%>\r\n\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t<%if(parseInt(policy_enable)){%>\r\n \r\n \r\n \r\n\t\t\t\t<%}%>\r\n\t\t\t
\r\n\t\t\t\r\n\t\t
\r\n\t\t\r\n\t\t
\r\n\t\t\t\r\n\t\t\t\r\n\t\t\t\r\n\t\t
\r\n\t\t \r\n\t\r\n\t\t\r\n\t
\t\r\n\t\r\n\t
\r\n\t\t<%if(parseInt(promo_img_enable)){%>\"><%}%>\r\n\t\t
\r\n\t\t\t<%if(parseInt(title_ty_enable)){%>
<%=title_ty%>
<%}%>\r\n\t\t\t\r\n\t\t
\r\n\t
\t\r\n <% if(parseInt(close_show)) { %>\r\n \r\n
\r\n <% } %>\r\n
", "css": "<% try {\r\n close_show = close_show;\r\n close_size_desk = close_size_desk;\r\n close_size_mob = close_size_mob;\r\n close_color_desk = close_color_desk;\r\n close_color_mob = close_color_mob;\r\n close_bg_show_desk = close_bg_show_desk;\r\n close_bg_color_desk = close_bg_color_desk;\r\n close_bg_show_mob = close_bg_show_mob;\r\n close_bg_color_mob = close_bg_color_mob;\r\n close_bg_transparency = close_bg_transparency;\r\n } catch (e) { \r\n close_show = 0\r\n close_size_desk = 20\r\n close_size_mob = 20\r\n close_color_desk = '#000000'\r\n close_color_mob = '#000000'\r\n close_bg_show_desk = 0\r\n close_bg_color_desk = '#000000'\r\n close_bg_show_mob = 0\r\n close_bg_color_mob = '#000000'\r\n close_bg_transparency = 0.5\r\n }\r\n%>\r\n\r\n\r\n\r\n\r\n\r\n.PositionContainer___yH1Z7{\r\n\ttransform:none !important;\r\n\tposition:static;\t\r\n}\r\n\r\n\r\n.popmechanic-reset,\r\n.popmechanic-reset * {\r\n line-height: inherit;\r\n box-sizing: border-box; }\r\n\r\n#popmechanic-form {\r\n position: relative;\r\n display: block;\r\n vertical-align: top;\r\n margin: 48px 0;\r\n padding: 0; }\r\n #popmechanic-form .popmechanic-main,#popmechanic-form .popmechanic-thankyou {\r\n width: 564px;\r\n margin: 0 auto;\r\n min-height:195px;\r\n background-color: #F8F8F8;\r\n position: relative;\r\n overflow: hidden; \r\n\tflex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-content:stretch;align-items:center;\r\n border-radius: 14px;\r\n\t}\r\n #popmechanic-form .popmechanic-promo_img {\r\n position: absolute;\r\n top: 10%;\r\n right: 10%;\r\n width: 137px;\r\n height: auto; }\r\n #popmechanic-form .popmechanic-content {\r\n padding: 25px 33px 0px 34px;\r\n\twidth:100%;\r\n max-width: 394px;\r\n position: relative;\r\n }\r\n \r\n #popmechanic-form .popmechanic-content2 {\r\n padding: 10px 33px 33px 34px;\r\n\twidth:100%;\r\n max-width: 525px;\r\n position: relative;\r\n }\r\n \r\n .popmechanic-mobile #popmechanic-form .popmechanic-content2 {\r\n padding: 10px 33px 33px 0px;\r\n }\r\n \r\n #popmechanic-form .popmechanic-text3 {\r\n font-family: Helvetica, sans-serif;\r\n font-size: 12px;\r\n line-height: 24px;\r\n font-weight: 400;\r\n color:#9F9F9F;\r\n margin-top: 0px; \r\n margin-bottom: 0px; \r\n max-width: 525px;\r\n width: 100%;\r\n }\r\n \r\n \r\n #popmechanic-form .popmechanic-title {\r\n font-family: 'Helvetica', Arial, sans-serif;\t\r\n font-size: 16px;\r\n line-height: 22px;\r\n font-weight: 700;\r\n color: #241F20;\r\n padding-bottom: 10px; \r\n max-width: 344px;\r\n width: 100%;}\r\n \r\n #popmechanic-form .popmechanic-text {\r\n font-family: Helvetica, sans-serif;\r\n font-size: 14px;\r\n line-height: 24px;\r\n font-weight: 400;\r\n color:#241F20;\r\n margin-bottom: <%=text_bottom%>px; \r\n max-width: 344px;\r\n width: 100%;\r\n }\r\n \r\n #popmechanic-form .popmechanic-inputs {\r\n display: flex;\r\n flex-direction: row;\r\n flex-wrap: wrap;\r\n justify-content: flex-start;\r\n align-content: stretch;\r\n width:100%; }\r\n #popmechanic-form .popmechanic-field {\r\n border: none;\r\n outline: none;\r\n border-radius:<%=input_radius%>px;\r\n height: 40px;\r\n padding: 0 <%=input_padding%>%;\r\n margin: 0 0 10px; }\r\n #popmechanic-form .popmechanic-input {\r\n flex: 0 1 calc(<%=input_width%>% - 15px);\r\n font-family: 'Helvetica';\r\n font-size: 13px;\r\n line-height: 17px;\r\n font-weight: 400;\r\n color: #241F20;\r\n margin-right: 8px;\r\n\tbackground-color:#ffffff;\r\n\tborder: 1px solid #CFD3D7}\r\n #popmechanic-form .popmechanic-input::placeholder {\r\n font-family: 'Helvetica';\r\n font-style: normal;\r\n color: #6F6F6F;\r\n transition: all .3s; \r\n }\r\n #popmechanic-form .popmechanic-input:focus::placeholder {\r\n opacity: 0; }\r\n #popmechanic-form .popmechanic-submit {\r\n cursor: pointer;\r\n flex: 0 1 130px;\r\n font-family:'Helvetica';\r\n font-size: 12px;\r\n line-height: 1;\r\n text-transform: uppercase;\r\n letter-spacing: 0.02em;\r\n \r\n font-weight: 700;\r\n color: #241F20;\r\n background-color: #FFDE00;\r\n\ttransition:all .3s;}\r\n\t#popmechanic-form .popmechanic-submit:hover{\r\n\t\tbackground-color: #FFDE00;\r\n\t\tcolor: #241F20;\r\n\t}\r\n #popmechanic-form .popmechanic-checkbox-block {\r\n position: relative;\r\n flex: 0 1 100%;\r\n <%if(parseInt(use_own_font)){%>font-family:<%=own_font%>;<%}else{%>font-family:<%=font%>;<%}%>\r\n font-weight: 400;\r\n font-size: <%=checkbox_font_size%>px;\r\n line-height: <%=checkbox_line_height%>;\r\n text-align: left;\r\n color: <%=checkbox_text_color%>;\r\n padding: 4px 0 0 32px;\r\n margin: 10px 0 0; }\r\n\r\n #popmechanic-form .popmechanic-policy {\r\n padding-top: 6px;\r\n font-size: 12px;\r\n line-height: 1.4;\r\n font-family: 'Helvetica';\r\n color: #8F8DBA;\r\n }\r\n\r\n\r\n #popmechanic-form .popmechanic-policy_link {\r\n color: <%=checkbox_text_color%>;\r\n text-decoration: underline; }\r\n #popmechanic-form .popmechanic-checkbox-block:before {\r\n content: '';\r\n position: absolute;\r\n top: calc(50% - 10px);\r\n left: 0;\r\n width: 20px;\r\n height: 20px;\r\n border: 1px solid <%=checkbox_border_color%>;\r\n box-sizing: border-box; }\r\n #popmechanic-form .popmechanic-checkbox-check {\r\n position: absolute;\r\n top: calc(50% - 10px);\r\n left: 3px;\r\n z-index: 2;\r\n width: 14px;\r\n height: 24px;\r\n opacity: 0;\r\n transition: all .3s; }\r\n #popmechanic-form .popmechanic-checkbox {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n z-index: 3;\r\n width: 20px;\r\n height: 20px;\r\n opacity: 0; }\r\n #popmechanic-form .popmechanic-checkbox:checked ~ .popmechanic-checkbox-check {\r\n opacity: 1; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main {\r\n max-width: 320px;\r\n height: 320px;\r\n padding: 25px 21px 5px 25px;\r\n background-size: auto 60px;\r\n background-position: 96% 16%; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-promo_img {\r\n top: 57%;\r\n right: 10%;\r\n width: 120px;}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-title {\r\n font-size: 16px;\r\n line-height: 22px;\r\n font-weight: 700;\r\n padding-bottom: 9px; }\r\n \r\n .popmechanic-mobile #popmechanic-form .popmechanic-content {\r\n padding: 0;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-text {\r\n font-family: Helvetica, Arial, sans-serif;\r\n font-size: 14px;\r\n line-height: 24px;\r\n font-weight: 400;\r\n margin-bottom: <%=text_bottom_m%>px;\r\n }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-inputs {\r\n margin: 0 auto;\r\n width: 100%;\r\n max-width: 175px; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-field {\r\n flex: 0 1 100%;\r\n width: 130px;\r\n margin: 0 0 10px;\r\n height:42px;\r\n box-sizing: border-box; }\r\n .popmechanic-mobile #popmechanic-form .popmechanic-input{\r\n\t font-size:<%=input_font_size_m%>px;\r\n\t max-width: 175px;\r\n }\r\n .popmechanic-mobile #popmechanic-form .popmechanic-submit{\r\n\t font-size:12px;\r\n\t width: 130px;\r\n }\r\n.popmechanic-mobile #popmechanic-form .popmechanic-checkbox-block {\r\n font-size:<%=checkbox_font_size_m%>px;\r\n line-height:<%=checkbox_line_height_m%>;\r\n padding: 0 0 0 32px; }\r\n\r\n.popmechanic-thankyou {\r\n display: none; }\r\n\r\n.popmechanic-success #popmechanic-form .popmechanic-main {\r\n display: none; }\r\n\r\n.popmechanic-success #popmechanic-form .popmechanic-thankyou {\r\n display: flex; }\r\n\r\n .popmechanic-tablet #popmechanic-form .popmechanic-main {\r\n width: 500px;\r\n padding: 30px;\r\n }\r\n\r\n \r\n \r\n\r\n .popmechanic-mobile #popmechanic-form .popmechanic-main {\r\n \r\n padding: 25px 21px 5px 21px;\r\n }\r\n \r\n .popmechanic-tablet #popmechanic-form .popmechanic-text {\r\n max-width: 320px;\r\n }\r\n\r\n .popmechanic-tablet #popmechanic-form .popmechanic-title {\r\n line-height: 1.2;\r\n }\r\n .popmechanic-tablet #popmechanic-form .popmechanic-content {\r\n padding: 0;\r\n width: 100%;\r\n max-width: 300px;\r\n padding-left: 48px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-submit {\r\n padding: 0;\r\n width: 100%;\r\n max-width: 120px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-input {\r\n padding: 0;\r\n width: 100%;\r\n max-width: 140px;\r\n padding-left: 10px;\r\n}\r\n\r\n .popmechanic-tablet #popmechanic-form .popmechanic-thankyou {\r\n width: 100%;\r\n max-width: 564px;\r\n }\r\n\r\n .popmechanic-mobile #popmechanic-form .popmechanic-thankyou {\r\n width: 100%;\r\n padding: 20px;\r\n}\r\n\r\n .popmechanic-mobile #popmechanic-form .popmechanic-button {\r\n width: 400px;\r\n }\r\n\r\n .popmechanic-mobile #popmechanic-form .popmechanic-promo_img {\r\n display: none;\r\n }\r\n\r\n .popmechanic-mobile #popmechanic-form .popmechanic-inputs {\r\n width: 100%;\r\n max-width: 100%;\r\n }\r\n\r\n .popmechanic-mobile #popmechanic-form .popmechanic-submit {\r\n font-size: 12px;\r\n width: 100%;\r\n max-width: 130px;\r\n }\r\n\r\n\r\n\r\n<% if(parseInt(close_show)) { %>\r\n /* CLOSE */\r\n <%\r\n function 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-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,\r\n #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 }\r\n #popmechanic-form .popmechanic-close::after {\r\n transform: translate(-50%, -50%) rotate(135deg);\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,\r\n .popmechanic-desktop #popmechanic-form .popmechanic-close::after {\r\n background-color: <%= close_color_desk %>;\r\n }\r\n .popmechanic-tablet #popmechanic-form .popmechanic-close,\r\n .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-content {\r\n padding: 0;\r\n}\r\n .popmechanic-tablet #popmechanic-form .popmechanic-close::before,\r\n .popmechanic-tablet #popmechanic-form .popmechanic-close::after,\r\n .popmechanic-mobile #popmechanic-form .popmechanic-close::before,\r\n .popmechanic-mobile #popmechanic-form .popmechanic-close::after {\r\n background-color: <%= close_color_mob %>;\r\n }\r\n<% } %>", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 76364, "template": 1097, "button_template": null, "test_group": null, "new_targeting": {"filter": {"id": "root", "name": "root", "nodes": [{"id": "2", "name": "$and", "type": "current_page", "nodes": [{"id": "3", "field": "page", "value": ["9803-podpishites-na-rassylku-food-ru"], "operator": "$in_contains"}], "operator": "$and"}], "operator": "$and"}}, "settings_splits": [{"settings": {"font": "'Roboto', sans-serif", "text": "\u041d\u0435\u0442 \u0432\u0440\u0435\u043c\u0435\u043d\u0438 \u0438\u0441\u043a\u0430\u0442\u044c \u0440\u0435\u0446\u0435\u043f\u0442\u044b?", "title": "\u041d\u0435\u0442 \u0432\u0440\u0435\u043c\u0435\u043d\u0438 \u0438\u0441\u043a\u0430\u0442\u044c \u0440\u0435\u0446\u0435\u043f\u0442\u044b?", "text_ty": "\u041e\u0441\u0442\u0430\u043b\u043e\u0441\u044c \u043b\u0438\u0448\u044c \u043f\u043e\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u044c \u0441\u0432\u043e\u0439 email. \u0417\u0430\u0433\u043b\u044f\u043d\u0438\u0442\u0435 \u0432\u00a0\u043f\u043e\u0447\u0442\u043e\u0432\u044b\u0439 \u044f\u0449\u0438\u043a \u0438 \u043f\u0435\u0440\u0435\u0439\u0434\u0438\u0442\u0435 \u043f\u043e \u0441\u0441\u044b\u043b\u043a\u0435, \u043a\u043e\u0442\u043e\u0440\u0443\u044e \u043c\u044b \u0432\u0430\u043c \u043f\u0440\u0438\u0441\u043b\u0430\u043b\u0438.", "own_font": "Helvetica, sans-serif", "title_ty": "\u0411\u043b\u0430\u0433\u043e\u0434\u0430\u0440\u0438\u043c \u0437\u0430 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0443!", "promo_img": "https://personalization-web-stable.mindbox.ru/user-media/32474/660d083420634167fd4b60ba96b266baf90abd0681143dbc76c62c2585b34bbf.png", "close_show": "0", "min_height": "290.00", "text_color": "#000", "from_bg_img": "", "input_width": "55.00", "policy_link": "#", "text_bottom": "16", "text_enable": "1", "title_color": "#000000", "button_width": "39.00", "input_height": "50.00", "input_radius": "10", "policy_check": "0", "title_bottom": "12", "title_enable": "1", "use_own_font": "0", "form_bg_color": "#DBD9F8", "input_padding": "3", "policy_enable": "1", "promo_img_top": "5.00", "text_bottom_m": "10", "close_size_mob": "20", "form_max_width": "850.00", "input_bg_color": "#F2F1FF", "input_height_m": "50", "promo_img_left": "72.00", "text_font_size": "20", "text_ty_enable": "1", "title_bottom_m": "10", "button_bg_color": "#FF76AF", "close_color_mob": "#000", "close_size_desk": "20", "input_font_size": "20", "policy_text_end": "", "promo_img_top_m": "13", "promo_img_width": "260", "title_font_size": "32", "title_ty_enable": "1", "button_font_size": "20", "close_color_desk": "#000", "form_padding_top": "32", "input_text_color": "#8F8DBA", "policy_text_link": "\u041f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u043e\u0433\u043e \u0441\u043e\u0433\u043b\u0430\u0448\u0435\u043d\u0438\u044f Food.ru", "promo_img_enable": "1", "promo_img_left_m": "75", "text_font_size_m": "15", "text_line_height": "0.9", "button_text_color": "#ffffff", "close_bg_show_mob": "0", "form_padding_left": "100", "input_font_size_m": "16", "promo_img_width_m": "82", "title_font_size_m": "20", "title_line_height": "0.8", "button_font_size_m": "20", "checkbox_font_size": "12", "close_bg_color_mob": "#000000", "close_bg_show_desk": "0", "form_bg_img_enable": "0", "form_padding_right": "50", "form_padding_top_m": "20", "inputs_max_width_m": "275", "policy_text__start": "\u041d\u0430\u0436\u0438\u043c\u0430\u044f \u043a\u043d\u043e\u043f\u043a\u0443 \u00ab\u041f\u043e\u0434\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f \u043d\u0430 \u0440\u0430\u0441\u0441\u044b\u043b\u043a\u0443\u00bb, \u0432\u044b \u043f\u0440\u0438\u043d\u0438\u043c\u0430\u0435\u0442\u0435 \u0443\u0441\u043b\u043e\u0432\u0438\u044f", "text_line_height_m": "1.2000000000000002", "checkbox_text_color": "#8F8DBA", "close_bg_color_desk": "#000000", "form_padding_bottom": "23.00", "form_padding_left_m": "15", "title_line_height_m": "1.2000000000000002", "checkbox_check_color": "#FFCF00", "checkbox_font_size_m": "10", "checkbox_line_height": "1.4000000000000001", "form_padding_right_m": "15", "button_bg_color_hover": "#FF76AF", "checkbox_border_color": "#ffffff", "close_bg_transparency": "0.5", "form_padding_bottom_m": "20", "checkbox_line_height_m": "1.4000000000000001", "button_text_color_hover": "#ffffff", "input_placeholder_color": "#CDCDCB"}, "button_settings": {}, "conditions_splits": [], "id": 75772, "behavior_settings": {"lead": {"legal_text": ""}, "embedded": {"animation_out": "fadeOut"}}}], "pinned": false, "name": "\u0424\u043e\u0440\u043c\u0430 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0438 9803-podpishites-na-rassylku-food-ru", "active": true, "embed_selector": true, "selector": "#__next > div:nth-child(6) > div.grid_row__2y6lQ > div.grid_col__vKMTS.grid_col_sm_4__PuoGR.grid_col_md_8__G7RJD.grid_col_lg_6__QdFRh.grid_col_offset_md_2__D_r8C > main > article > div:nth-child(1) > div > figure", "placement": "before", "frequency": {"once_lifetime": false, "once_session": false, "priority": false, "minimal_timeout": null}, "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-75941.png?ts=1726514970766&id=993432ba-e687-4f45-b569-d2fa33783763", "rendered_button_preview": null, "settings": {"font": "'Roboto', sans-serif", "text": "\u041d\u0435\u0442 \u0432\u0440\u0435\u043c\u0435\u043d\u0438 \u0438\u0441\u043a\u0430\u0442\u044c \u0440\u0435\u0446\u0435\u043f\u0442\u044b?", "title": "\u041d\u0435\u0442 \u0432\u0440\u0435\u043c\u0435\u043d\u0438 \u0438\u0441\u043a\u0430\u0442\u044c \u0440\u0435\u0446\u0435\u043f\u0442\u044b?", "text_ty": "\u041e\u0441\u0442\u0430\u043b\u043e\u0441\u044c \u043b\u0438\u0448\u044c \u043f\u043e\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u044c \u0441\u0432\u043e\u0439 email. \u0417\u0430\u0433\u043b\u044f\u043d\u0438\u0442\u0435 \u0432\u00a0\u043f\u043e\u0447\u0442\u043e\u0432\u044b\u0439 \u044f\u0449\u0438\u043a \u0438 \u043f\u0435\u0440\u0435\u0439\u0434\u0438\u0442\u0435 \u043f\u043e \u0441\u0441\u044b\u043b\u043a\u0435, \u043a\u043e\u0442\u043e\u0440\u0443\u044e \u043c\u044b \u0432\u0430\u043c \u043f\u0440\u0438\u0441\u043b\u0430\u043b\u0438.", "own_font": "Helvetica, sans-serif", "title_ty": "\u0411\u043b\u0430\u0433\u043e\u0434\u0430\u0440\u0438\u043c \u0437\u0430 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0443!", "promo_img": "https://personalization-web-stable.mindbox.ru/user-media/32474/660d083420634167fd4b60ba96b266baf90abd0681143dbc76c62c2585b34bbf.png", "close_show": "0", "min_height": "290.00", "text_color": "#000", "from_bg_img": "", "input_width": "55.00", "policy_link": "#", "text_bottom": "16", "text_enable": "1", "title_color": "#000000", "button_width": "39.00", "input_height": "50.00", "input_radius": "10", "policy_check": "0", "title_bottom": "12", "title_enable": "1", "use_own_font": "0", "form_bg_color": "#DBD9F8", "input_padding": "3", "policy_enable": "1", "promo_img_top": "5.00", "text_bottom_m": "10", "close_size_mob": "20", "form_max_width": "850.00", "input_bg_color": "#F2F1FF", "input_height_m": "50", "promo_img_left": "72.00", "text_font_size": "20", "text_ty_enable": "1", "title_bottom_m": "10", "button_bg_color": "#FF76AF", "close_color_mob": "#000", "close_size_desk": "20", "input_font_size": "20", "policy_text_end": "", "promo_img_top_m": "13", "promo_img_width": "260", "title_font_size": "32", "title_ty_enable": "1", "button_font_size": "20", "close_color_desk": "#000", "form_padding_top": "32", "input_text_color": "#8F8DBA", "policy_text_link": "\u041f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u043e\u0433\u043e \u0441\u043e\u0433\u043b\u0430\u0448\u0435\u043d\u0438\u044f Food.ru", "promo_img_enable": "1", "promo_img_left_m": "75", "text_font_size_m": "15", "text_line_height": "0.9", "button_text_color": "#ffffff", "close_bg_show_mob": "0", "form_padding_left": "100", "input_font_size_m": "16", "promo_img_width_m": "82", "title_font_size_m": "20", "title_line_height": "0.8", "button_font_size_m": "20", "checkbox_font_size": "12", "close_bg_color_mob": "#000000", "close_bg_show_desk": "0", "form_bg_img_enable": "0", "form_padding_right": "50", "form_padding_top_m": "20", "inputs_max_width_m": "275", "policy_text__start": "\u041d\u0430\u0436\u0438\u043c\u0430\u044f \u043a\u043d\u043e\u043f\u043a\u0443 \u00ab\u041f\u043e\u0434\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f \u043d\u0430 \u0440\u0430\u0441\u0441\u044b\u043b\u043a\u0443\u00bb, \u0432\u044b \u043f\u0440\u0438\u043d\u0438\u043c\u0430\u0435\u0442\u0435 \u0443\u0441\u043b\u043e\u0432\u0438\u044f", "text_line_height_m": "1.2000000000000002", "checkbox_text_color": "#8F8DBA", "close_bg_color_desk": "#000000", "form_padding_bottom": "23.00", "form_padding_left_m": "15", "title_line_height_m": "1.2000000000000002", "checkbox_check_color": "#FFCF00", "checkbox_font_size_m": "10", "checkbox_line_height": "1.4000000000000001", "form_padding_right_m": "15", "button_bg_color_hover": "#FF76AF", "checkbox_border_color": "#ffffff", "close_bg_transparency": "0.5", "form_padding_bottom_m": "20", "checkbox_line_height_m": "1.4000000000000001", "button_text_color_hover": "#ffffff", "input_placeholder_color": "#CDCDCB"}, "button_settings": {}, "behavior_settings": {"lead": {"legal_text": ""}, "embedded": {"animation_out": "fadeOut"}}, "html": "<% try { close_show = close_show; } catch (e) { close_show = 0 } %>\r\n\r\n
\r\n \r\n\t
\r\n\t\t<%if(parseInt(promo_img_enable)){%>\"><%}%>\r\n\t\t
\r\n\t\t\t<%if(parseInt(title_enable)){%>
\u041f\u043e\u043b\u0443\u0447\u0430\u0439\u0442\u0435 \u043b\u0443\u0447\u0448\u0438\u0435 \u0440\u0435\u0446\u0435\u043f\u0442\u044b \u043e\u0442 \u0440\u0435\u0434\u0430\u043a\u0446\u0438\u0438 \u043f\u0440\u044f\u043c\u043e \u043d\u0430 \u043f\u043e\u0447\u0442\u0443! \ud83d\ude0d
<%}%>\r\n\t\t\t<%if(parseInt(text_enable)){%>
\u041f\u043e\u0434\u043f\u0438\u0448\u0438\u0442\u0435\u0441\u044c \u043d\u0430\u00a0\u0440\u0430\u0441\u0441\u044b\u043b\u043a\u0443 \u043e\u0442\u00a0Food.ru
<%}%>\r\n\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t<%if(parseInt(policy_enable)){%>\r\n \r\n \r\n \r\n\t\t\t\t<%}%>\r\n\t\t\t
\r\n\t\t\t\r\n\t\t
\r\n\t\t \r\n\t\r\n\t\t\r\n\t
\t\r\n\t\r\n\t
\r\n\t\t<%if(parseInt(promo_img_enable)){%>\"><%}%>\r\n\t\t
\r\n\t\t\t<%if(parseInt(title_ty_enable)){%>
<%=title_ty%>
<%}%>\r\n\t\t\t\r\n\t\t
\r\n\t
\t\r\n <% if(parseInt(close_show)) { %>\r\n \r\n
\r\n <% } %>\r\n
", "css": "<% try {\r\n close_show = close_show;\r\n close_size_desk = close_size_desk;\r\n close_size_mob = close_size_mob;\r\n close_color_desk = close_color_desk;\r\n close_color_mob = close_color_mob;\r\n close_bg_show_desk = close_bg_show_desk;\r\n close_bg_color_desk = close_bg_color_desk;\r\n close_bg_show_mob = close_bg_show_mob;\r\n close_bg_color_mob = close_bg_color_mob;\r\n close_bg_transparency = close_bg_transparency;\r\n } catch (e) { \r\n close_show = 0\r\n close_size_desk = 20\r\n close_size_mob = 20\r\n close_color_desk = '#000000'\r\n close_color_mob = '#000000'\r\n close_bg_show_desk = 0\r\n close_bg_color_desk = '#000000'\r\n close_bg_show_mob = 0\r\n close_bg_color_mob = '#000000'\r\n close_bg_transparency = 0.5\r\n }\r\n%>\r\n\r\n\r\n\r\n\r\n\r\n.PositionContainer___yH1Z7{\r\n\ttransform:none !important;\r\n\tposition:static;\t\r\n}\r\n\r\n\r\n.popmechanic-reset,\r\n.popmechanic-reset * {\r\n line-height: inherit;\r\n box-sizing: border-box; }\r\n\r\n#popmechanic-form {\r\n position: relative;\r\n display: block;\r\n vertical-align: top;\r\n margin: 48px 0;\r\n padding: 0; }\r\n #popmechanic-form .popmechanic-main,#popmechanic-form .popmechanic-thankyou {\r\n width: 564px;\r\n margin: 0 auto;\r\n min-height:195px;\r\n background-color: #F8F8F8;\r\n position: relative;\r\n overflow: hidden; \r\n\tflex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-content:stretch;align-items:center;\r\n border-radius: 14px;\r\n\t}\r\n #popmechanic-form .popmechanic-promo_img {\r\n position: absolute;\r\n top: 10%;\r\n right: 10%;\r\n width: 137px;\r\n height: auto; }\r\n #popmechanic-form .popmechanic-content {\r\n padding: 25px 33px 33px 34px;\r\n\twidth:100%;\r\n max-width: 394px;\r\n position: relative;\r\n }\r\n \r\n \r\n #popmechanic-form .popmechanic-title {\r\n font-family: 'Helvetica', Arial, sans-serif;\t\r\n font-size: 16px;\r\n line-height: 22px;\r\n font-weight: 700;\r\n color: #241F20;\r\n padding-bottom: 10px; \r\n max-width: 344px;\r\n width: 100%;}\r\n \r\n #popmechanic-form .popmechanic-text {\r\n font-family: Helvetica, sans-serif;\r\n font-size: 14px;\r\n line-height: 24px;\r\n font-weight: 400;\r\n color:#241F20;\r\n margin-bottom: <%=text_bottom%>px; \r\n max-width: 344px;\r\n width: 100%;\r\n }\r\n \r\n #popmechanic-form .popmechanic-inputs {\r\n display: flex;\r\n flex-direction: row;\r\n flex-wrap: wrap;\r\n justify-content: flex-start;\r\n align-content: stretch;\r\n width:100%; }\r\n #popmechanic-form .popmechanic-field {\r\n border: none;\r\n outline: none;\r\n border-radius:<%=input_radius%>px;\r\n height: 40px;\r\n padding: 0 <%=input_padding%>%;\r\n margin: 0 0 10px; }\r\n #popmechanic-form .popmechanic-input {\r\n flex: 0 1 calc(<%=input_width%>% - 15px);\r\n font-family: 'Helvetica';\r\n font-size: 13px;\r\n line-height: 17px;\r\n font-weight: 400;\r\n color: #241F20;\r\n margin-right: 8px;\r\n\tbackground-color:#ffffff;\r\n\tborder: 1px solid #CFD3D7}\r\n #popmechanic-form .popmechanic-input::placeholder {\r\n font-family: 'Helvetica';\r\n font-style: normal;\r\n color: #6F6F6F;\r\n transition: all .3s; \r\n }\r\n #popmechanic-form .popmechanic-input:focus::placeholder {\r\n opacity: 0; }\r\n #popmechanic-form .popmechanic-submit {\r\n cursor: pointer;\r\n flex: 0 1 130px;\r\n font-family:'Helvetica';\r\n font-size: 12px;\r\n line-height: 1;\r\n text-transform: uppercase;\r\n letter-spacing: 0.02em;\r\n \r\n font-weight: 700;\r\n color: #241F20;\r\n background-color: #FFDE00;\r\n\ttransition:all .3s;}\r\n\t#popmechanic-form .popmechanic-submit:hover{\r\n\t\tbackground-color: #FFDE00;\r\n\t\tcolor: #241F20;\r\n\t}\r\n #popmechanic-form .popmechanic-checkbox-block {\r\n position: relative;\r\n flex: 0 1 100%;\r\n <%if(parseInt(use_own_font)){%>font-family:<%=own_font%>;<%}else{%>font-family:<%=font%>;<%}%>\r\n font-weight: 400;\r\n font-size: <%=checkbox_font_size%>px;\r\n line-height: <%=checkbox_line_height%>;\r\n text-align: left;\r\n color: <%=checkbox_text_color%>;\r\n padding: 4px 0 0 32px;\r\n margin: 10px 0 0; }\r\n\r\n #popmechanic-form .popmechanic-policy {\r\n padding-top: 6px;\r\n font-size: 12px;\r\n line-height: 1.4;\r\n font-family: 'Helvetica';\r\n color: #8F8DBA;\r\n }\r\n\r\n\r\n #popmechanic-form .popmechanic-policy_link {\r\n color: <%=checkbox_text_color%>;\r\n text-decoration: underline; }\r\n #popmechanic-form .popmechanic-checkbox-block:before {\r\n content: '';\r\n position: absolute;\r\n top: calc(50% - 10px);\r\n left: 0;\r\n width: 20px;\r\n height: 20px;\r\n border: 1px solid <%=checkbox_border_color%>;\r\n box-sizing: border-box; }\r\n #popmechanic-form .popmechanic-checkbox-check {\r\n position: absolute;\r\n top: calc(50% - 10px);\r\n left: 3px;\r\n z-index: 2;\r\n width: 14px;\r\n height: 24px;\r\n opacity: 0;\r\n transition: all .3s; }\r\n #popmechanic-form .popmechanic-checkbox {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n z-index: 3;\r\n width: 20px;\r\n height: 20px;\r\n opacity: 0; }\r\n #popmechanic-form .popmechanic-checkbox:checked ~ .popmechanic-checkbox-check {\r\n opacity: 1; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main {\r\n max-width: 320px;\r\n height: 320px;\r\n padding: 25px 21px 5px 25px;\r\n background-size: auto 60px;\r\n background-position: 96% 16%; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-promo_img {\r\n top: 57%;\r\n right: 10%;\r\n width: 120px;}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-title {\r\n font-size: 16px;\r\n line-height: 22px;\r\n font-weight: 700;\r\n padding-bottom: 9px; }\r\n \r\n .popmechanic-mobile #popmechanic-form .popmechanic-content {\r\n padding: 0;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-text {\r\n font-family: Helvetica, Arial, sans-serif;\r\n font-size: 14px;\r\n line-height: 24px;\r\n font-weight: 400;\r\n margin-bottom: <%=text_bottom_m%>px;\r\n }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-inputs {\r\n margin: 0 auto;\r\n width: 100%;\r\n max-width: 175px; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-field {\r\n flex: 0 1 100%;\r\n width: 130px;\r\n margin: 0 0 10px;\r\n height:42px;\r\n box-sizing: border-box; }\r\n .popmechanic-mobile #popmechanic-form .popmechanic-input{\r\n\t font-size:<%=input_font_size_m%>px;\r\n\t max-width: 175px;\r\n }\r\n .popmechanic-mobile #popmechanic-form .popmechanic-submit{\r\n\t font-size:12px;\r\n\t width: 130px;\r\n }\r\n.popmechanic-mobile #popmechanic-form .popmechanic-checkbox-block {\r\n font-size:<%=checkbox_font_size_m%>px;\r\n line-height:<%=checkbox_line_height_m%>;\r\n padding: 0 0 0 32px; }\r\n\r\n.popmechanic-thankyou {\r\n display: none; }\r\n\r\n.popmechanic-success #popmechanic-form .popmechanic-main {\r\n display: none; }\r\n\r\n.popmechanic-success #popmechanic-form .popmechanic-thankyou {\r\n display: flex; }\r\n\r\n .popmechanic-tablet #popmechanic-form .popmechanic-main {\r\n width: 500px;\r\n padding: 30px;\r\n }\r\n\r\n \r\n \r\n\r\n .popmechanic-mobile #popmechanic-form .popmechanic-main {\r\n \r\n padding: 25px 21px 5px 21px;\r\n }\r\n \r\n .popmechanic-tablet #popmechanic-form .popmechanic-text {\r\n max-width: 320px;\r\n }\r\n\r\n .popmechanic-tablet #popmechanic-form .popmechanic-title {\r\n line-height: 1.2;\r\n }\r\n .popmechanic-tablet #popmechanic-form .popmechanic-content {\r\n padding: 0;\r\n width: 100%;\r\n max-width: 300px;\r\n padding-left: 48px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-submit {\r\n padding: 0;\r\n width: 100%;\r\n max-width: 120px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-input {\r\n padding: 0;\r\n width: 100%;\r\n max-width: 140px;\r\n padding-left: 10px;\r\n}\r\n\r\n .popmechanic-tablet #popmechanic-form .popmechanic-thankyou {\r\n width: 100%;\r\n max-width: 564px;\r\n }\r\n\r\n .popmechanic-mobile #popmechanic-form .popmechanic-thankyou {\r\n width: 100%;\r\n padding: 20px;\r\n}\r\n\r\n .popmechanic-mobile #popmechanic-form .popmechanic-button {\r\n width: 400px;\r\n }\r\n\r\n .popmechanic-mobile #popmechanic-form .popmechanic-promo_img {\r\n /*display: none;*/\r\n }\r\n\r\n .popmechanic-mobile #popmechanic-form .popmechanic-inputs {\r\n width: 100%;\r\n max-width: 100%;\r\n }\r\n\r\n .popmechanic-mobile #popmechanic-form .popmechanic-submit {\r\n font-size: 12px;\r\n width: 100%;\r\n max-width: 130px;\r\n }\r\n\r\n\r\n\r\n<% if(parseInt(close_show)) { %>\r\n /* CLOSE */\r\n <%\r\n function 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-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,\r\n #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 }\r\n #popmechanic-form .popmechanic-close::after {\r\n transform: translate(-50%, -50%) rotate(135deg);\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,\r\n .popmechanic-desktop #popmechanic-form .popmechanic-close::after {\r\n background-color: <%= close_color_desk %>;\r\n }\r\n .popmechanic-tablet #popmechanic-form .popmechanic-close,\r\n .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-content {\r\n padding: 0;\r\n}\r\n .popmechanic-tablet #popmechanic-form .popmechanic-close::before,\r\n .popmechanic-tablet #popmechanic-form .popmechanic-close::after,\r\n .popmechanic-mobile #popmechanic-form .popmechanic-close::before,\r\n .popmechanic-mobile #popmechanic-form .popmechanic-close::after {\r\n background-color: <%= close_color_mob %>;\r\n }\r\n<% } %>", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 75876, "template": 1097, "button_template": null, "test_group": null, "new_targeting": {"filter": {"id": "root", "name": "root", "nodes": [{"id": "2", "name": "$and", "type": "current_page", "nodes": [{"id": "3", "field": "page", "value": ["/articles/"], "operator": "$in_contains"}], "operator": "$and"}, {"id": "4", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 104, "externalId": "d8a6e400-ad4c-440d-9e7d-1f3a6561ae8d"}, "inSegmentByDefault": true}, "operator": "$check"}], "operator": "$and"}}, "settings_splits": [{"settings": {"font": "'Roboto', sans-serif", "text": "\u041d\u0435\u0442 \u0432\u0440\u0435\u043c\u0435\u043d\u0438 \u0438\u0441\u043a\u0430\u0442\u044c \u0440\u0435\u0446\u0435\u043f\u0442\u044b?", "title": "\u041d\u0435\u0442 \u0432\u0440\u0435\u043c\u0435\u043d\u0438 \u0438\u0441\u043a\u0430\u0442\u044c \u0440\u0435\u0446\u0435\u043f\u0442\u044b?", "text_ty": "\u041e\u0441\u0442\u0430\u043b\u043e\u0441\u044c \u043b\u0438\u0448\u044c \u043f\u043e\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u044c \u0441\u0432\u043e\u0439 email. \u0417\u0430\u0433\u043b\u044f\u043d\u0438\u0442\u0435 \u0432\u00a0\u043f\u043e\u0447\u0442\u043e\u0432\u044b\u0439 \u044f\u0449\u0438\u043a \u0438 \u043f\u0435\u0440\u0435\u0439\u0434\u0438\u0442\u0435 \u043f\u043e \u0441\u0441\u044b\u043b\u043a\u0435, \u043a\u043e\u0442\u043e\u0440\u0443\u044e \u043c\u044b \u0432\u0430\u043c \u043f\u0440\u0438\u0441\u043b\u0430\u043b\u0438.", "own_font": "Helvetica, sans-serif", "title_ty": "\u0411\u043b\u0430\u0433\u043e\u0434\u0430\u0440\u0438\u043c \u0437\u0430 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0443!", "promo_img": "https://personalization-web-stable.mindbox.ru/user-media/32474/660d083420634167fd4b60ba96b266baf90abd0681143dbc76c62c2585b34bbf.png", "close_show": "0", "min_height": "290.00", "text_color": "#000", "from_bg_img": "", "input_width": "55.00", "policy_link": "#", "text_bottom": "16", "text_enable": "1", "title_color": "#000000", "button_width": "39.00", "input_height": "50.00", "input_radius": "10", "policy_check": "0", "title_bottom": "12", "title_enable": "1", "use_own_font": "0", "form_bg_color": "#DBD9F8", "input_padding": "3", "policy_enable": "1", "promo_img_top": "5.00", "text_bottom_m": "10", "close_size_mob": "20", "form_max_width": "850.00", "input_bg_color": "#F2F1FF", "input_height_m": "50", "promo_img_left": "72.00", "text_font_size": "20", "text_ty_enable": "1", "title_bottom_m": "10", "button_bg_color": "#FF76AF", "close_color_mob": "#000", "close_size_desk": "20", "input_font_size": "20", "policy_text_end": "", "promo_img_top_m": "13", "promo_img_width": "260", "title_font_size": "32", "title_ty_enable": "1", "button_font_size": "20", "close_color_desk": "#000", "form_padding_top": "32", "input_text_color": "#8F8DBA", "policy_text_link": "\u041f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u043e\u0433\u043e \u0441\u043e\u0433\u043b\u0430\u0448\u0435\u043d\u0438\u044f Food.ru", "promo_img_enable": "1", "promo_img_left_m": "75", "text_font_size_m": "15", "text_line_height": "0.9", "button_text_color": "#ffffff", "close_bg_show_mob": "0", "form_padding_left": "100", "input_font_size_m": "16", "promo_img_width_m": "82", "title_font_size_m": "20", "title_line_height": "0.8", "button_font_size_m": "20", "checkbox_font_size": "12", "close_bg_color_mob": "#000000", "close_bg_show_desk": "0", "form_bg_img_enable": "0", "form_padding_right": "50", "form_padding_top_m": "20", "inputs_max_width_m": "275", "policy_text__start": "\u041d\u0430\u0436\u0438\u043c\u0430\u044f \u043a\u043d\u043e\u043f\u043a\u0443 \u00ab\u041f\u043e\u0434\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f \u043d\u0430 \u0440\u0430\u0441\u0441\u044b\u043b\u043a\u0443\u00bb, \u0432\u044b \u043f\u0440\u0438\u043d\u0438\u043c\u0430\u0435\u0442\u0435 \u0443\u0441\u043b\u043e\u0432\u0438\u044f", "text_line_height_m": "1.2000000000000002", "checkbox_text_color": "#8F8DBA", "close_bg_color_desk": "#000000", "form_padding_bottom": "23.00", "form_padding_left_m": "15", "title_line_height_m": "1.2000000000000002", "checkbox_check_color": "#FFCF00", "checkbox_font_size_m": "10", "checkbox_line_height": "1.4000000000000001", "form_padding_right_m": "15", "button_bg_color_hover": "#FF76AF", "checkbox_border_color": "#ffffff", "close_bg_transparency": "0.5", "form_padding_bottom_m": "20", "checkbox_line_height_m": "1.4000000000000001", "button_text_color_hover": "#ffffff", "input_placeholder_color": "#CDCDCB"}, "button_settings": {}, "conditions_splits": [], "id": 75284, "behavior_settings": {"lead": {"legal_text": ""}, "embedded": {"animation_out": "fadeOut"}}}], "pinned": false, "name": "\u0424\u043e\u0440\u043c\u0430 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0438 /articles/ - new", "active": true, "embed_selector": true, "selector": "#rate-or-share", "placement": "after", "frequency": {"once_lifetime": false, "once_session": false, "priority": false, "minimal_timeout": null}, "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-75415.png?ts=1726514708720&id=a428eca6-238b-49be-8fcf-3decfee78381", "rendered_button_preview": null, "settings": {"font": "'Roboto', sans-serif", "text": "\u041d\u0435\u0442 \u0432\u0440\u0435\u043c\u0435\u043d\u0438 \u0438\u0441\u043a\u0430\u0442\u044c \u0440\u0435\u0446\u0435\u043f\u0442\u044b?", "title": "\u041d\u0435\u0442 \u0432\u0440\u0435\u043c\u0435\u043d\u0438 \u0438\u0441\u043a\u0430\u0442\u044c \u0440\u0435\u0446\u0435\u043f\u0442\u044b?", "text_ty": "\u041e\u0441\u0442\u0430\u043b\u043e\u0441\u044c \u043b\u0438\u0448\u044c \u043f\u043e\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u044c \u0441\u0432\u043e\u0439 email. \u0417\u0430\u0433\u043b\u044f\u043d\u0438\u0442\u0435 \u0432\u00a0\u043f\u043e\u0447\u0442\u043e\u0432\u044b\u0439 \u044f\u0449\u0438\u043a \u0438 \u043f\u0435\u0440\u0435\u0439\u0434\u0438\u0442\u0435 \u043f\u043e \u0441\u0441\u044b\u043b\u043a\u0435, \u043a\u043e\u0442\u043e\u0440\u0443\u044e \u043c\u044b \u0432\u0430\u043c \u043f\u0440\u0438\u0441\u043b\u0430\u043b\u0438.", "own_font": "Helvetica, sans-serif", "title_ty": "\u0411\u043b\u0430\u0433\u043e\u0434\u0430\u0440\u0438\u043c \u0437\u0430 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0443!", "promo_img": "https://personalization-web-stable.mindbox.ru/user-media/32474/660d083420634167fd4b60ba96b266baf90abd0681143dbc76c62c2585b34bbf.png", "close_show": "0", "min_height": "290.00", "text_color": "#000", "from_bg_img": "", "input_width": "55.00", "policy_link": "#", "text_bottom": "16", "text_enable": "1", "title_color": "#000000", "button_width": "39.00", "input_height": "50.00", "input_radius": "10", "policy_check": "0", "title_bottom": "12", "title_enable": "1", "use_own_font": "0", "form_bg_color": "#DBD9F8", "input_padding": "3", "policy_enable": "1", "promo_img_top": "5.00", "text_bottom_m": "10", "close_size_mob": "20", "form_max_width": "850.00", "input_bg_color": "#F2F1FF", "input_height_m": "50", "promo_img_left": "72.00", "text_font_size": "20", "text_ty_enable": "1", "title_bottom_m": "10", "button_bg_color": "#FF76AF", "close_color_mob": "#000", "close_size_desk": "20", "input_font_size": "20", "policy_text_end": "", "promo_img_top_m": "13", "promo_img_width": "260", "title_font_size": "32", "title_ty_enable": "1", "button_font_size": "20", "close_color_desk": "#000", "form_padding_top": "32", "input_text_color": "#8F8DBA", "policy_text_link": "\u041f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u043e\u0433\u043e \u0441\u043e\u0433\u043b\u0430\u0448\u0435\u043d\u0438\u044f Food.ru", "promo_img_enable": "1", "promo_img_left_m": "75", "text_font_size_m": "15", "text_line_height": "0.9", "button_text_color": "#ffffff", "close_bg_show_mob": "0", "form_padding_left": "100", "input_font_size_m": "16", "promo_img_width_m": "82", "title_font_size_m": "20", "title_line_height": "0.8", "button_font_size_m": "20", "checkbox_font_size": "12", "close_bg_color_mob": "#000000", "close_bg_show_desk": "0", "form_bg_img_enable": "0", "form_padding_right": "50", "form_padding_top_m": "20", "inputs_max_width_m": "275", "policy_text__start": "\u041d\u0430\u0436\u0438\u043c\u0430\u044f \u043a\u043d\u043e\u043f\u043a\u0443 \u00ab\u041f\u043e\u0434\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f \u043d\u0430 \u0440\u0430\u0441\u0441\u044b\u043b\u043a\u0443\u00bb, \u0432\u044b \u043f\u0440\u0438\u043d\u0438\u043c\u0430\u0435\u0442\u0435 \u0443\u0441\u043b\u043e\u0432\u0438\u044f", "text_line_height_m": "1.2000000000000002", "checkbox_text_color": "#8F8DBA", "close_bg_color_desk": "#000000", "form_padding_bottom": "23.00", "form_padding_left_m": "15", "title_line_height_m": "1.2000000000000002", "checkbox_check_color": "#FFCF00", "checkbox_font_size_m": "10", "checkbox_line_height": "1.4000000000000001", "form_padding_right_m": "15", "button_bg_color_hover": "#FF76AF", "checkbox_border_color": "#ffffff", "close_bg_transparency": "0.5", "form_padding_bottom_m": "20", "checkbox_line_height_m": "1.4000000000000001", "button_text_color_hover": "#ffffff", "input_placeholder_color": "#CDCDCB"}, "button_settings": {}, "behavior_settings": {"lead": {"legal_text": ""}, "embedded": {"animation_out": "fadeOut"}}, "html": "<% try { close_show = close_show; } catch (e) { close_show = 0 } %>\r\n\r\n
\r\n \r\n\t
\r\n\t\t<%if(parseInt(promo_img_enable)){%>\"><%}%>\r\n\t\t
\r\n\t\t\t<%if(parseInt(title_enable)){%>
\u041f\u043e\u043b\u0443\u0447\u0430\u0439\u0442\u0435 \u043b\u0443\u0447\u0448\u0438\u0435 \u0440\u0435\u0446\u0435\u043f\u0442\u044b \u043e\u0442 \u0440\u0435\u0434\u0430\u043a\u0446\u0438\u0438 \u043f\u0440\u044f\u043c\u043e \u043d\u0430 \u043f\u043e\u0447\u0442\u0443! \ud83d\ude0d
<%}%>\r\n\t\t\t<%if(parseInt(text_enable)){%>
\u041f\u043e\u0434\u043f\u0438\u0448\u0438\u0442\u0435\u0441\u044c \u043d\u0430\u00a0\u0440\u0430\u0441\u0441\u044b\u043b\u043a\u0443 \u043e\u0442\u00a0Food.ru
<%}%>\r\n\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t<%if(parseInt(policy_enable)){%>\r\n \r\n \r\n \r\n\t\t\t\t<%}%>\r\n\t\t\t
\r\n\t\t\t\r\n\t\t
\r\n\t\t\r\n\t\t\r\n\t\t\r\n\t\t
\r\n\t\t\t\r\n\t\t\t\r\n\t\t\t\r\n\t\t
\r\n\t\t \r\n\t
\r\n\t\r\n\t\r\n\t\t\r\n\t\r\n\t\t \r\n\r\n\t\r\n\t
\r\n\t\t<%if(parseInt(promo_img_enable)){%>\"><%}%>\r\n\t\t
\r\n\t\t\t<%if(parseInt(title_ty_enable)){%>
<%=title_ty%>
<%}%>\r\n\t\t\t\r\n\t\t
\r\n\t
\t\r\n <% if(parseInt(close_show)) { %>\r\n \r\n
\r\n <% } %>\r\n
", "css": "<% try {\r\n close_show = close_show;\r\n close_size_desk = close_size_desk;\r\n close_size_mob = close_size_mob;\r\n close_color_desk = close_color_desk;\r\n close_color_mob = close_color_mob;\r\n close_bg_show_desk = close_bg_show_desk;\r\n close_bg_color_desk = close_bg_color_desk;\r\n close_bg_show_mob = close_bg_show_mob;\r\n close_bg_color_mob = close_bg_color_mob;\r\n close_bg_transparency = close_bg_transparency;\r\n } catch (e) { \r\n close_show = 0\r\n close_size_desk = 20\r\n close_size_mob = 20\r\n close_color_desk = '#000000'\r\n close_color_mob = '#000000'\r\n close_bg_show_desk = 0\r\n close_bg_color_desk = '#000000'\r\n close_bg_show_mob = 0\r\n close_bg_color_mob = '#000000'\r\n close_bg_transparency = 0.5\r\n }\r\n%>\r\n\r\n\r\n\r\n\r\n\r\n.PositionContainer___yH1Z7{\r\n\ttransform:none !important;\r\n\tposition:static;\t\r\n}\r\n\r\n\r\n.popmechanic-reset,\r\n.popmechanic-reset * {\r\n line-height: inherit;\r\n box-sizing: border-box; }\r\n\r\n#popmechanic-form {\r\n position: relative;\r\n display: block;\r\n vertical-align: top;\r\n margin: 48px 0;\r\n padding: 0; }\r\n #popmechanic-form .popmechanic-main,#popmechanic-form .popmechanic-thankyou {\r\n width: 564px;\r\n margin: 0 auto;\r\n min-height:195px;\r\n background-color: #F8F8F8;\r\n position: relative;\r\n overflow: hidden; \r\n\tflex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-content:stretch;align-items:center;\r\n border-radius: 14px;\r\n\t}\r\n #popmechanic-form .popmechanic-promo_img {\r\n position: absolute;\r\n top: 10%;\r\n right: 10%;\r\n width: 137px;\r\n height: auto; }\r\n \r\n #popmechanic-form .popmechanic-content {\r\n padding: 25px 33px 0px 34px;\r\n\twidth:100%;\r\n max-width: 394px;\r\n position: relative;\r\n }\r\n #popmechanic-form .popmechanic-content2 {\r\n padding: 10px 33px 33px 34px;\r\n\twidth:100%;\r\n max-width: 525px;\r\n position: relative;\r\n }\r\n \r\n .popmechanic-mobile #popmechanic-form .popmechanic-content2 {\r\n padding: 10px 33px 33px 0px;\r\n }\r\n \r\n \r\n #popmechanic-form .popmechanic-title {\r\n font-family: 'Helvetica', Arial, sans-serif;\t\r\n font-size: 16px;\r\n line-height: 22px;\r\n font-weight: 700;\r\n color: #241F20;\r\n padding-bottom: 10px; \r\n max-width: 344px;\r\n width: 100%;}\r\n \r\n #popmechanic-form .popmechanic-text {\r\n font-family: Helvetica, sans-serif;\r\n font-size: 14px;\r\n line-height: 24px;\r\n font-weight: 400;\r\n color:#241F20;\r\n margin-bottom: <%=text_bottom%>px; \r\n max-width: 344px;\r\n width: 100%;\r\n }\r\n \r\n #popmechanic-form .popmechanic-text2 {\r\n font-family: Helvetica, sans-serif;\r\n font-size: 14px;\r\n line-height: 24px;\r\n font-weight: 400;\r\n color:#241F20;\r\n margin-top: 10px; \r\n margin-bottom: 0px; \r\n max-width: 344px;\r\n width: 100%;\r\n }\r\n \r\n #popmechanic-form .popmechanic-text3 {\r\n font-family: Helvetica, sans-serif;\r\n font-size: 12px;\r\n line-height: 24px;\r\n font-weight: 400;\r\n color:#9F9F9F;\r\n margin-top: 0px; \r\n margin-bottom: 0px; \r\n max-width: 525px;\r\n width: 100%;\r\n }\r\n \r\n #popmechanic-form .popmechanic-inputs {\r\n display: flex;\r\n flex-direction: row;\r\n flex-wrap: wrap;\r\n justify-content: flex-start;\r\n align-content: stretch;\r\n width:100%; }\r\n #popmechanic-form .popmechanic-field {\r\n border: none;\r\n outline: none;\r\n border-radius:<%=input_radius%>px;\r\n height: 40px;\r\n padding: 0 <%=input_padding%>%;\r\n margin: 0 0 10px; }\r\n #popmechanic-form .popmechanic-input {\r\n flex: 0 1 calc(<%=input_width%>% - 15px);\r\n font-family: 'Helvetica';\r\n font-size: 13px;\r\n line-height: 17px;\r\n font-weight: 400;\r\n color: #241F20;\r\n margin-right: 8px;\r\n\tbackground-color:#ffffff;\r\n\tborder: 1px solid #CFD3D7}\r\n #popmechanic-form .popmechanic-input::placeholder {\r\n font-family: 'Helvetica';\r\n font-style: normal;\r\n color: #6F6F6F;\r\n transition: all .3s; \r\n }\r\n #popmechanic-form .popmechanic-input:focus::placeholder {\r\n opacity: 0; }\r\n #popmechanic-form .popmechanic-submit {\r\n cursor: pointer;\r\n flex: 0 1 130px;\r\n font-family:'Helvetica';\r\n font-size: 12px;\r\n line-height: 1;\r\n text-transform: uppercase;\r\n letter-spacing: 0.02em;\r\n \r\n font-weight: 700;\r\n color: #241F20;\r\n background-color: #FFDE00;\r\n\ttransition:all .3s;}\r\n\t#popmechanic-form .popmechanic-submit:hover{\r\n\t\tbackground-color: #FFDE00;\r\n\t\tcolor: #241F20;\r\n\t}\r\n #popmechanic-form .popmechanic-checkbox-block {\r\n position: relative;\r\n flex: 0 1 100%;\r\n <%if(parseInt(use_own_font)){%>font-family:<%=own_font%>;<%}else{%>font-family:<%=font%>;<%}%>\r\n font-weight: 400;\r\n font-size: <%=checkbox_font_size%>px;\r\n line-height: <%=checkbox_line_height%>;\r\n text-align: left;\r\n color: <%=checkbox_text_color%>;\r\n padding: 4px 0 0 32px;\r\n margin: 10px 0 0; }\r\n\r\n #popmechanic-form .popmechanic-policy {\r\n padding-top: 6px;\r\n font-size: 12px;\r\n line-height: 1.4;\r\n font-family: 'Helvetica';\r\n color: #8F8DBA;\r\n }\r\n\r\n\r\n #popmechanic-form .popmechanic-policy_link {\r\n color: #9F9F9F;\r\n text-decoration: underline; }\r\n #popmechanic-form .popmechanic-checkbox-block:before {\r\n content: '';\r\n position: absolute;\r\n top: calc(50% - 10px);\r\n left: 0;\r\n width: 20px;\r\n height: 20px;\r\n border: 1px solid <%=checkbox_border_color%>;\r\n box-sizing: border-box; }\r\n #popmechanic-form .popmechanic-checkbox-check {\r\n position: absolute;\r\n top: calc(50% - 10px);\r\n left: 3px;\r\n z-index: 2;\r\n width: 14px;\r\n height: 24px;\r\n opacity: 0;\r\n transition: all .3s; }\r\n #popmechanic-form .popmechanic-checkbox {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n z-index: 3;\r\n width: 20px;\r\n height: 20px;\r\n opacity: 0; }\r\n #popmechanic-form .popmechanic-checkbox:checked ~ .popmechanic-checkbox-check {\r\n opacity: 1; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main {\r\n max-width: 320px;\r\n height: 320px;\r\n padding: 25px 21px 5px 25px;\r\n background-size: auto 60px;\r\n background-position: 96% 16%; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-promo_img {\r\n top: 57%;\r\n right: 10%;\r\n width: 120px;}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-title {\r\n font-size: 16px;\r\n line-height: 22px;\r\n font-weight: 700;\r\n padding-bottom: 9px; }\r\n \r\n .popmechanic-mobile #popmechanic-form .popmechanic-content {\r\n padding: 0;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-text {\r\n font-family: Helvetica, Arial, sans-serif;\r\n font-size: 14px;\r\n line-height: 24px;\r\n font-weight: 400;\r\n margin-bottom: <%=text_bottom_m%>px;\r\n }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-inputs {\r\n margin: 0 auto;\r\n width: 100%;\r\n max-width: 175px; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-field {\r\n flex: 0 1 100%;\r\n width: 130px;\r\n margin: 0 0 10px;\r\n height:42px;\r\n box-sizing: border-box; }\r\n .popmechanic-mobile #popmechanic-form .popmechanic-input{\r\n\t font-size:<%=input_font_size_m%>px;\r\n\t max-width: 175px;\r\n }\r\n .popmechanic-mobile #popmechanic-form .popmechanic-submit{\r\n\t font-size:12px;\r\n\t width: 130px;\r\n }\r\n.popmechanic-mobile #popmechanic-form .popmechanic-checkbox-block {\r\n font-size:<%=checkbox_font_size_m%>px;\r\n line-height:<%=checkbox_line_height_m%>;\r\n padding: 0 0 0 32px; }\r\n\r\n.popmechanic-thankyou {\r\n display: none; }\r\n\r\n.popmechanic-success #popmechanic-form .popmechanic-main {\r\n display: none; }\r\n\r\n.popmechanic-success #popmechanic-form .popmechanic-thankyou {\r\n display: flex; }\r\n\r\n .popmechanic-tablet #popmechanic-form .popmechanic-main {\r\n width: 500px;\r\n padding: 30px;\r\n }\r\n\r\n \r\n \r\n\r\n .popmechanic-mobile #popmechanic-form .popmechanic-main {\r\n \r\n padding: 25px 21px 5px 21px;\r\n }\r\n \r\n .popmechanic-tablet #popmechanic-form .popmechanic-text {\r\n max-width: 320px;\r\n }\r\n\r\n .popmechanic-tablet #popmechanic-form .popmechanic-title {\r\n line-height: 1.2;\r\n }\r\n .popmechanic-tablet #popmechanic-form .popmechanic-content {\r\n padding: 0;\r\n width: 100%;\r\n max-width: 300px;\r\n padding-left: 48px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-submit {\r\n padding: 0;\r\n width: 100%;\r\n max-width: 120px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-input {\r\n padding: 0;\r\n width: 100%;\r\n max-width: 140px;\r\n padding-left: 10px;\r\n}\r\n\r\n .popmechanic-tablet #popmechanic-form .popmechanic-thankyou {\r\n width: 100%;\r\n max-width: 564px;\r\n }\r\n\r\n .popmechanic-mobile #popmechanic-form .popmechanic-thankyou {\r\n width: 100%;\r\n padding: 20px;\r\n}\r\n\r\n .popmechanic-mobile #popmechanic-form .popmechanic-button {\r\n width: 400px;\r\n }\r\n\r\n .popmechanic-mobile #popmechanic-form .popmechanic-promo_img {\r\n display: none;\r\n }\r\n\r\n .popmechanic-mobile #popmechanic-form .popmechanic-inputs {\r\n width: 100%;\r\n max-width: 100%;\r\n }\r\n\r\n .popmechanic-mobile #popmechanic-form .popmechanic-submit {\r\n font-size: 12px;\r\n width: 100%;\r\n max-width: 130px;\r\n }\r\n\r\n\r\n\r\n<% if(parseInt(close_show)) { %>\r\n /* CLOSE */\r\n <%\r\n function 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-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,\r\n #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 }\r\n #popmechanic-form .popmechanic-close::after {\r\n transform: translate(-50%, -50%) rotate(135deg);\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,\r\n .popmechanic-desktop #popmechanic-form .popmechanic-close::after {\r\n background-color: <%= close_color_desk %>;\r\n }\r\n .popmechanic-tablet #popmechanic-form .popmechanic-close,\r\n .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-content {\r\n padding: 0;\r\n}\r\n .popmechanic-tablet #popmechanic-form .popmechanic-close::before,\r\n .popmechanic-tablet #popmechanic-form .popmechanic-close::after,\r\n .popmechanic-mobile #popmechanic-form .popmechanic-close::before,\r\n .popmechanic-mobile #popmechanic-form .popmechanic-close::after {\r\n background-color: <%= close_color_mob %>;\r\n }\r\n<% } %>", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}], "templates": [{"id": 1097, "html": "<% try { close_show = close_show; } catch (e) { close_show = 0 } %>\r\n\r\n
\r\n \r\n\t
\r\n\t\t<%if(parseInt(promo_img_enable)){%>\"><%}%>\r\n\t\t
\r\n\t\t\t<%if(parseInt(title_enable)){%>
<%=title%>
<%}%>\r\n\t\t\t<%if(parseInt(text_enable)){%>
<%=text%>
<%}%>\r\n\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t<%if(parseInt(policy_enable)){%>\r\n\t\t\t\t\r\n\t\t\t\t<%}%>\r\n\t\t\t
\r\n\t\t
\r\n\t
\t\r\n\t\r\n\t
\r\n\t\t<%if(parseInt(promo_img_enable)){%>\"><%}%>\r\n\t\t
\r\n\t\t\t<%if(parseInt(title_ty_enable)){%>
<%=title_ty%>
<%}%>\r\n\t\t\t<%if(parseInt(text_ty_enable)){%>
<%=text_ty%>
<%}%>\r\n\t\t
\r\n\t
\t\r\n <% if(parseInt(close_show)) { %>\r\n \r\n
\r\n <% } %>\r\n
", "css": "<% try {\r\n close_show = close_show;\r\n close_size_desk = close_size_desk;\r\n close_size_mob = close_size_mob;\r\n close_color_desk = close_color_desk;\r\n close_color_mob = close_color_mob;\r\n close_bg_show_desk = close_bg_show_desk;\r\n close_bg_color_desk = close_bg_color_desk;\r\n close_bg_show_mob = close_bg_show_mob;\r\n close_bg_color_mob = close_bg_color_mob;\r\n close_bg_transparency = close_bg_transparency;\r\n } catch (e) { \r\n close_show = 0\r\n close_size_desk = 20\r\n close_size_mob = 20\r\n close_color_desk = '#000000'\r\n close_color_mob = '#000000'\r\n close_bg_show_desk = 0\r\n close_bg_color_desk = '#000000'\r\n close_bg_show_mob = 0\r\n close_bg_color_mob = '#000000'\r\n close_bg_transparency = 0.5\r\n }\r\n%>\r\n\r\n.PositionContainer___yH1Z7{\r\n\ttransform:none !important;\r\n\tposition:static;\t\r\n}\r\n\r\n@import url(\"https://fonts.googleapis.com/css?family=Roboto:300,400,700,900&display=swap&subset=cyrillic\");\r\n@import url(\"https://fonts.googleapis.com/css?family=Merriweather:400,700|Open+Sans:100,200,300,400,700,900&subset=cyrillic\");\r\n\r\n.popmechanic-reset,\r\n.popmechanic-reset * {\r\n line-height: inherit;\r\n box-sizing: border-box; }\r\n\r\n#popmechanic-form {\r\n position: relative;\r\n display: block;\r\n vertical-align: top;\r\n margin: 0;\r\n padding: 0; }\r\n #popmechanic-form .popmechanic-main,#popmechanic-form .popmechanic-thankyou {\r\n width: 100%;min-height:<%=min_height%>px;\r\n background-color: <%=form_bg_color%>;\r\n <%if(parseInt(form_bg_img_enable)){%>background-image:url(\"<%=from_bg_img%>\");<%}%>\t\r\n background-size: cover;\r\n background-position: 50% 50%;\r\n padding: <%=form_padding_top%>px <%=form_padding_right%>px <%=form_padding_bottom%>px <%=form_padding_left%>px;\r\n position: relative;\r\n overflow: hidden; \r\n\tflex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-content:stretch;align-items:center;\r\n\t}\r\n #popmechanic-form .popmechanic-promo_img {\r\n position: absolute;\r\n top: <%=promo_img_top%>%;\r\n left: <%=promo_img_left%>%;\r\n width: <%=promo_img_width%>px;\r\n height: auto; }\r\n #popmechanic-form .popmechanic-content {\r\n margin: 0 auto;\r\n\twidth:100%;\r\n max-width: <%=form_max_width%>px;\r\n position: relative; }\r\n #popmechanic-form .popmechanic-title {\r\n <%if(parseInt(use_own_font)){%>font-family:<%=own_font%>;<%}else{%>font-family:<%=font%>;<%}%>\t\r\n font-size: <%=title_font_size%>px;\r\n line-height: <%=title_line_height%>;\r\n font-weight: 700;\r\n color: <%=title_color%>;\r\n margin-bottom: <%=title_bottom%>px; }\r\n #popmechanic-form .popmechanic-text {\r\n <%if(parseInt(use_own_font)){%>font-family:<%=own_font%>;<%}else{%>font-family:<%=font%>;<%}%>\r\n font-size: <%=text_font_size%>px;\r\n line-height: <%=text_line_height%>;\r\n font-weight: 300;\r\n color:<%=text_color%>;\r\n margin-bottom: <%=text_bottom%>px; }\r\n #popmechanic-form .popmechanic-inputs {\r\n display: flex;\r\n flex-direction: row;\r\n flex-wrap: wrap;\r\n justify-content: flex-start;\r\n align-content: stretch;\r\n width:100%; }\r\n #popmechanic-form .popmechanic-field {\r\n border: none;\r\n outline: none;\r\n border-radius:<%=input_radius%>px;\r\n height: <%=input_height%>px;\r\n padding: 0 <%=input_padding%>%;\r\n margin: 0 0 10px; }\r\n #popmechanic-form .popmechanic-input {\r\n flex: 0 1 calc(<%=input_width%>% - 15px);\r\n <%if(parseInt(use_own_font)){%>font-family:<%=own_font%>;<%}else{%>font-family:<%=font%>;<%}%>\r\n font-size: <%=input_font_size%>px;\r\n line-height: 1;\r\n font-weight: 400;\r\n color: <%=input_text_color%>;\r\n margin-right: 15px;\r\n\tbackground-color:<%=input_bg_color%>;}\r\n #popmechanic-form .popmechanic-input::placeholder {\r\n opacity: 1;\r\n color: <%=input_placeholder_color%>;\r\n transition: all .3s; }\r\n #popmechanic-form .popmechanic-input:focus::placeholder {\r\n opacity: 0; }\r\n #popmechanic-form .popmechanic-submit {\r\n cursor: pointer;\r\n flex: 0 1 <%=button_width%>%;\r\n <%if(parseInt(use_own_font)){%>font-family:<%=own_font%>;<%}else{%>font-family:<%=font%>;<%}%>\r\n font-size: <%=button_font_size%>px;\r\n line-height: 1;\r\n font-weight: 900;\r\n color: <%=button_text_color%>;\r\n background-color: <%=button_bg_color%>;\r\n\ttransition:all .3s;}\r\n\t#popmechanic-form .popmechanic-submit:hover{\r\n\t\tbackground-color: <%=button_bg_color_hover%>;\r\n\t\tcolor: <%=button_text_color_hover%>;\r\n\t}\r\n #popmechanic-form .popmechanic-checkbox-block {\r\n position: relative;\r\n flex: 0 1 100%;\r\n <%if(parseInt(use_own_font)){%>font-family:<%=own_font%>;<%}else{%>font-family:<%=font%>;<%}%>\r\n font-weight: 400;\r\n font-size: <%=checkbox_font_size%>px;\r\n line-height: <%=checkbox_line_height%>;\r\n text-align: left;\r\n color: <%=checkbox_text_color%>;\r\n padding: 4px 0 0 32px;\r\n margin: 10px 0 0; }\r\n #popmechanic-form .popmechanic-checkbox-block .popmechanic-policy_link {\r\n color: <%=checkbox_text_color%>;\r\n text-decoration: underline; }\r\n #popmechanic-form .popmechanic-checkbox-block:before {\r\n content: '';\r\n position: absolute;\r\n top: calc(50% - 10px);\r\n left: 0;\r\n width: 20px;\r\n height: 20px;\r\n border: 1px solid <%=checkbox_border_color%>;\r\n box-sizing: border-box; }\r\n #popmechanic-form .popmechanic-checkbox-check {\r\n position: absolute;\r\n top: calc(50% - 10px);\r\n left: 3px;\r\n z-index: 2;\r\n width: 14px;\r\n height: 24px;\r\n opacity: 0;\r\n transition: all .3s; }\r\n #popmechanic-form .popmechanic-checkbox {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n z-index: 3;\r\n width: 20px;\r\n height: 20px;\r\n opacity: 0; }\r\n #popmechanic-form .popmechanic-checkbox:checked ~ .popmechanic-checkbox-check {\r\n opacity: 1; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main {\r\n max-width: 320px;\r\n padding: <%=form_padding_top_m%>px <%=form_padding_right_m%>px <%=form_padding_bottom_m%>px <%=form_padding_left_m%>px;\r\n background-size: auto 60px;\r\n background-position: 96% 16%; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-promo_img {\r\n top: <%=promo_img_top_m%>%;\r\n left: <%=promo_img_left_m%>%;\r\n width: <%=promo_img_width_m%>px;}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-title {\r\n font-size: <%=title_font_size_m%>px;\r\n line-height: <%=title_line_height_m%>;\r\n margin-bottom: <%=title_bottom_m%>px; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-text {\r\n font-size: <%=text_font_size_m%>px;\r\n line-height: <%=text_line_height_m%>;\r\n margin-bottom: <%=text_bottom_m%>px;\r\n }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-inputs {\r\n margin: 0 auto;\r\n max-width: <%=inputs_max_width_m%>px; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-field {\r\n flex: 0 1 100%;\r\n width: 100%;\r\n margin: 0 0 10px;\r\n height:<%=input_height_m%>px;\r\n box-sizing: border-box; }\r\n .popmechanic-mobile #popmechanic-form .popmechanic-input{\r\n\t font-size:<%=input_font_size_m%>px;\r\n }\r\n .popmechanic-mobile #popmechanic-form .popmechanic-submit{\r\n\t font-size:<%=button_font_size_m%>px;\r\n }\r\n.popmechanic-mobile #popmechanic-form .popmechanic-checkbox-block {\r\n font-size:<%=checkbox_font_size_m%>px;\r\n line-height:<%=checkbox_line_height_m%>;\r\n padding: 0 0 0 32px; }\r\n\r\n.popmechanic-thankyou {\r\n display: none; }\r\n\r\n.popmechanic-success #popmechanic-form .popmechanic-main {\r\n display: none; }\r\n\r\n.popmechanic-success #popmechanic-form .popmechanic-thankyou {\r\n display: flex; }\r\n\r\n\r\n<% if(parseInt(close_show)) { %>\r\n /* CLOSE */\r\n <%\r\n function 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-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,\r\n #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 }\r\n #popmechanic-form .popmechanic-close::after {\r\n transform: translate(-50%, -50%) rotate(135deg);\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,\r\n .popmechanic-desktop #popmechanic-form .popmechanic-close::after {\r\n background-color: <%= close_color_desk %>;\r\n }\r\n .popmechanic-tablet #popmechanic-form .popmechanic-close,\r\n .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,\r\n .popmechanic-tablet #popmechanic-form .popmechanic-close::after,\r\n .popmechanic-mobile #popmechanic-form .popmechanic-close::before,\r\n .popmechanic-mobile #popmechanic-form .popmechanic-close::after {\r\n background-color: <%= close_color_mob %>;\r\n }\r\n<% } %>", "button": "", "on_show": "", "on_close": "", "embed_code": "", "behaviors": ["lead", "post-text"], "template_type": "embedded", "need_reset": true, "parameters": [], "on_targeting_ready": "", "on_child_ready": ""}], "button_templates": [], "integrations": [{"id": 82715, "form": 76364, "filter": null, "filter_type": null, "account": 32474, "integration_type": "mindbox_server_json", "customer_extended": [{"value": "%email%", "systemName": "email"}], "customer_action_extended": [], "mode": "create", "send_customer": true, "issue_action": true, "operation": "popmechanic-integration-create-76364", "subscriptions": [{"pointOfContact": "Email"}]}, {"id": 81902, "form": 75876, "filter": null, "filter_type": null, "account": 32474, "integration_type": "mindbox_server_json", "customer_extended": [{"value": "%email%", "systemName": "email"}], "customer_action_extended": [], "mode": "create", "send_customer": true, "issue_action": true, "operation": "popmechanic-integration-create-75876", "subscriptions": [{"pointOfContact": "Email"}]}, {"id": 84706, "form": 77724, "filter": null, "filter_type": null, "account": 32474, "integration_type": "mindbox_server_json", "customer_extended": [{"value": "%email%", "systemName": "email"}], "customer_action_extended": [], "mode": "create", "send_customer": true, "issue_action": true, "operation": "popmechanic-integration-create-77724", "subscriptions": [{"pointOfContact": "Email"}]}, {"id": 84708, "form": 77725, "filter": null, "filter_type": null, "account": 32474, "integration_type": "mindbox_server_json", "customer_extended": [{"value": "%email%", "systemName": "email"}], "customer_action_extended": [], "mode": "create", "send_customer": true, "issue_action": true, "operation": "popmechanic-integration-create-77725", "subscriptions": [{"pointOfContact": "Email"}]}, {"id": 81903, "form": 75876, "filter": null, "filter_type": null, "account": 32474, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-block-75876-show", "click_operation": "popmechanic-block-75876-click", "targeting_operation": "popmechanic-block-75876-targeting"}, {"id": 82716, "form": 76364, "filter": null, "filter_type": null, "account": 32474, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-block-76364-show", "click_operation": "popmechanic-block-76364-click", "targeting_operation": "popmechanic-block-76364-targeting"}, {"id": 84707, "form": 77724, "filter": null, "filter_type": null, "account": 32474, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-block-77724-show", "click_operation": "popmechanic-block-77724-click", "targeting_operation": "popmechanic-block-77724-targeting"}, {"id": 84709, "form": 77725, "filter": null, "filter_type": null, "account": 32474, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-block-77725-show", "click_operation": "popmechanic-block-77725-click", "targeting_operation": "popmechanic-block-77725-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}