{"forms": [{"id": 96830, "template": 1012, "button_template": 179, "test_group": null, "new_targeting": {"filter": {"id": "root", "name": "root", "nodes": [{"id": "2", "field": "utm_medium", "value": "email", "operator": "$neq"}, {"id": "3", "field": "referrer", "value": "market.yandex.ru", "operator": "$exclude"}, {"id": "4", "field": "device", "value": ["pc"], "operator": "$in"}, {"id": "5", "field": "source", "value": ["utm", "organic", "referral", "typein"], "operator": "$in"}, {"id": "6", "name": "$or", "type": "current_page", "nodes": [{"id": "7", "field": "page", "value": ["https://www.oriflame.ru/?"], "operator": "$in_contains"}, {"id": "8", "field": "page", "value": ["https://www.oriflame.ru/"], "operator": "$in"}, {"id": "9", "field": "page", "value": ["https://www.oriflame.ru"], "operator": "$in"}, {"id": "10", "field": "page", "value": ["oriflame.ru"], "operator": "$in"}, {"id": "11", "field": "page", "value": ["https://www.oriflame.ru/?"], "operator": "$in_startsWith"}, {"id": "12", "field": "page", "value": ["https://oriflame.ru/"], "operator": "$in_startsWith"}], "operator": "$or"}, {"id": "13", "name": "$and", "type": "current_page", "nodes": [{"id": "14", "field": "page", "value": "frommarket=", "operator": "$exclude"}], "operator": "$and"}], "operator": "$and"}}, "settings_splits": [{"settings": {"pad_top": "15.00", "btn_text": "\u0417\u0410 \u041f\u041e\u041a\u0423\u041f\u041a\u0410\u041c\u0418", "endpoint": "ruoriflamecom", "link_url": "https://www.oriflame.ru/products/digital-catalogue-current/?erid=2Vtzqw3qyin", "pad_left": "120.00", "show_btn": "1", "btn_color": "#ffffff", "btn_width": "229.00", "form_font": "SansOri,Arial,Helvetica,sans-serif", "pad_right": "0.00", "btn_action": "link", "pad_bottom": "25.00", "promo_text": "", "show_promo": "0", "show_title": "1", "title_text": "\u041d\u0435 \u043f\u043b\u0430\u0442\u0438 \u0437\u0430 \u0434\u043e\u0441\u0442\u0430\u0432\u043a\u0443!", "btn_bgcolor": "#68BB93", "close_color": "#555555", "form_bg_img": "", "pad_top_mob": "24", "promo_color": "#000000", "promo_width": "279", "title_color": "#555555", "btn_fontsize": "18", "btn_text_mob": "", "copy_success": "", "img_left_src": "https://personalization-web-stable.mindbox.ru/user-media/4271/a689e41521ddcff1bb6f6c1840a9e8d04d307837ed0ec055c0bb00a877c8b8b6.png", "img_left_top": "-18.00", "pad_left_mob": "40", "show_form_bg": "0", "btn_width_mob": "183.00", "form_bg_color": "#f0f0f0", "img_left_left": "-9.00", "pad_right_mob": "40", "show_img_left": "1", "img_left_width": "257.00", "pad_bottom_mob": "9", "promo_fontsize": "36", "title_fontsize": "27", "btn_hover_color": "#ffffff", "form_bg_opacity": "0.90", "form_height_mob": "181", "img_left_height": "163", "post_title_text": "\u0410 \u0441\u0434\u0435\u043b\u0430\u0439 \u0437\u0430\u043a\u0430\u0437 \u043d\u0430 25 \u0411\u0411 \u2013 \u0438 \u043c\u044b \u043e\u0442\u043f\u0440\u0430\u0432\u0438\u043c \u0435\u0433\u043e \u0431\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u043e!", "promo_width_mob": "200", "show_post_title": "1", "btn_fontsize_mob": "15", "form_line_height": "1.1", "img_left_top_mob": "-12.00", "post_title_color": "#555555", "btn_border_radius": "50", "btn_hover_bgcolor": "#7cd6b1", "img_left_width_mob": "208.00", "promo_fontsize_mob": "26", "title_fontsize_mob": "19", "img_left_height_mob": "63", "post_title_fontsize": "19", "form_line_height_mob": "1", "post_title_fontsize_mob": "14"}, "button_settings": {"font2": "Roboto", "otst1": 14, "otst2": 47, "otst3": "10", "otst4": 9, "text7": "WOW-\u0441\u043a\u0438\u0434\u043a\u0438", "cl_col": "#7f7d7d", "color3": "#bee4d5", "color5": "#7f7d7d", "color7": "#98dac3", "crug10": 18, "font434": 500, "font_size10": 20, "font_size16": "14", "border_color": "#7f7d7d", "border_width": 1, "border_enable": "0"}, "conditions_splits": [{"conditions": {"delay": "3"}, "combinator": "or", "id": 204136}], "id": 96238, "behavior_settings": {"lead": {"legal_text": ""}, "banner": {"offset": 0, "position": "bottom", "animation_in": "fadeIn", "allow_overlay": true, "animation_out": "fadeOut"}, "button": {"on": false, "positions": {"mobile": {"top": "0px", "left": "0px"}, "tablet": {"top": "0px", "left": "0px"}, "desktop": {"left": "0%", "bottom": "0px"}}, "conditions": "targeting", "show_before": true}, "social": {"id": "popmechanic", "mode": "cover", "type": "fb_page"}, "instagram": {"user": ""}, "fullscreen": {"show_legal": false, "allow_overlay": true}}}], "pinned": false, "name": "Free delivery C12 W2 2024 desktop", "active": true, "embed_selector": false, "selector": "", "placement": "start", "frequency": {"once_lifetime": false, "once_session": true, "priority": false, "minimal_timeout": null}, "start_date": null, "end_date": "2024-09-08T21:00:00+03:00", "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": 179, "rendered_preview": "https://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-97344.png?ts=1725273928955", "rendered_button_preview": "https://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-button-97344.png?ts=1725273934006", "settings": {"pad_top": "15.00", "btn_text": "\u0417\u0410 \u041f\u041e\u041a\u0423\u041f\u041a\u0410\u041c\u0418", "endpoint": "ruoriflamecom", "link_url": "https://www.oriflame.ru/products/digital-catalogue-current/?erid=2Vtzqw3qyin", "pad_left": "120.00", "show_btn": "1", "btn_color": "#ffffff", "btn_width": "229.00", "form_font": "SansOri,Arial,Helvetica,sans-serif", "pad_right": "0.00", "btn_action": "link", "pad_bottom": "25.00", "promo_text": "", "show_promo": "0", "show_title": "1", "title_text": "\u041d\u0435 \u043f\u043b\u0430\u0442\u0438 \u0437\u0430 \u0434\u043e\u0441\u0442\u0430\u0432\u043a\u0443!", "btn_bgcolor": "#68BB93", "close_color": "#555555", "form_bg_img": "", "pad_top_mob": "24", "promo_color": "#000000", "promo_width": "279", "title_color": "#555555", "btn_fontsize": "18", "btn_text_mob": "", "copy_success": "", "img_left_src": "https://personalization-web-stable.mindbox.ru/user-media/4271/a689e41521ddcff1bb6f6c1840a9e8d04d307837ed0ec055c0bb00a877c8b8b6.png", "img_left_top": "-18.00", "pad_left_mob": "40", "show_form_bg": "0", "btn_width_mob": "183.00", "form_bg_color": "#f0f0f0", "img_left_left": "-9.00", "pad_right_mob": "40", "show_img_left": "1", "img_left_width": "257.00", "pad_bottom_mob": "9", "promo_fontsize": "36", "title_fontsize": "27", "btn_hover_color": "#ffffff", "form_bg_opacity": "0.90", "form_height_mob": "181", "img_left_height": "163", "post_title_text": "\u0410 \u0441\u0434\u0435\u043b\u0430\u0439 \u0437\u0430\u043a\u0430\u0437 \u043d\u0430 25 \u0411\u0411 \u2013 \u0438 \u043c\u044b \u043e\u0442\u043f\u0440\u0430\u0432\u0438\u043c \u0435\u0433\u043e \u0431\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u043e!", "promo_width_mob": "200", "show_post_title": "1", "btn_fontsize_mob": "15", "form_line_height": "1.1", "img_left_top_mob": "-12.00", "post_title_color": "#555555", "btn_border_radius": "50", "btn_hover_bgcolor": "#7cd6b1", "img_left_width_mob": "208.00", "promo_fontsize_mob": "26", "title_fontsize_mob": "19", "img_left_height_mob": "63", "post_title_fontsize": "19", "form_line_height_mob": "1", "post_title_fontsize_mob": "14"}, "button_settings": {"font2": "Roboto", "otst1": 14, "otst2": 47, "otst3": "10", "otst4": 9, "text7": "WOW-\u0441\u043a\u0438\u0434\u043a\u0438", "cl_col": "#7f7d7d", "color3": "#bee4d5", "color5": "#7f7d7d", "color7": "#98dac3", "crug10": 18, "font434": 500, "font_size10": 20, "font_size16": "14", "border_color": "#7f7d7d", "border_width": 1, "border_enable": "0"}, "behavior_settings": {"lead": {"legal_text": ""}, "banner": {"offset": 0, "position": "bottom", "animation_in": "fadeIn", "allow_overlay": true, "animation_out": "fadeOut"}, "button": {"on": false, "positions": {"mobile": {"top": "0px", "left": "0px"}, "tablet": {"top": "0px", "left": "0px"}, "desktop": {"left": "0%", "bottom": "0px"}}, "conditions": "targeting", "show_before": true}, "social": {"id": "popmechanic", "mode": "cover", "type": "fb_page"}, "instagram": {"user": ""}, "fullscreen": {"show_legal": false, "allow_overlay": true}}, "html": "
\r\n
\r\n
\r\n <% if(parseInt(show_img_left)){ %>\r\n
\r\n \" alt=\"img\">\r\n
\r\n <% } %>\r\n\r\n \r\n
\r\n <% if(parseInt(show_title)){ %>\r\n <%=title_text%>\r\n <% } %>\r\n <% if(parseInt(show_post_title)){ %>\r\n
\r\n <%=post_title_text%>\r\n
\r\n <% } %>\r\n
\r\n \r\n\r\n \r\n
\r\n <% if(parseInt(show_promo)){ %>\r\n
\r\n <%=promo_text%>\r\n
\r\n <% } %>\r\n <%if(btn_action == 'close') {%>\r\n \r\n <%=btn_text%>\r\n \r\n \r\n <%=btn_text_mob%>\r\n \r\n <% } %>\r\n <%if(btn_action == 'copy') {%>\r\n \r\n <%=btn_text%>\r\n \r\n \r\n <%=btn_text_mob%>\r\n \r\n <% } %>\r\n <%if(btn_action == 'link') {%>\r\n \" class=\"popmechanic-button popmechanic-btn-desktop\" data-popmechanic-link>\r\n <%=btn_text%>\r\n \r\n \" class=\"popmechanic-button popmechanic-btn-mobile\" data-popmechanic-link>\r\n <%=btn_text_mob%>\r\n \r\n <% } %>\r\n
\r\n\r\n
\r\n

\u0420\u0435\u043a\u043b\u0430\u043c\u043e\u0434\u0430\u0442\u0435\u043b\u044c \u041e\u041e\u041e \"\u041e\u0440\u0438\u0444\u043b\u044d\u0439\u043c \u041a\u043e\u0441\u043c\u0435\u0442\u0438\u043a\u0441\"
\u0418\u041d\u041d 7704270172.

\r\n
\r\n \r\n \r\n
×
\r\n \r\n
\r\n
\r\n\r\n
", "css": "#popmechanic-form {\r\n width: 100%;\r\n \r\n font-family: <%=form_font%>;\r\n -webkit-box-sizing: border-box;\r\n box-sizing: border-box;\r\n position: relative;\r\n line-height: <%=form_line_height%>;\r\n \r\n padding-top: <%=pad_top%>px;\r\n padding-bottom: <%=pad_bottom%>px;\r\n padding-left: <%=pad_left%>px;\r\n padding-right: <%=pad_right%>px;\r\n\r\n <%if(parseInt(show_form_bg)) {%>\r\n background: url(<%=form_bg_img%>);\r\n background-repeat: no-repeat;\r\n background-size: cover;\r\n <% } else {%>\r\n \r\n <% } %>\r\n}\r\n#popmechanic-form::after {\r\n content: \"\";\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n display: block;\r\n width: 100%;\r\n height: 100%;\r\n background-color: <%=form_bg_color%>;\r\n opacity: <%=form_bg_opacity%>;\r\n z-index: -1;\r\n}\r\n#popmechanic-form .popmechanic-main {\r\n height: 100%;\r\n z-index: 2;\r\n}\r\n\r\n#popmechanic-form .popmechanic-content {\r\n text-align: center;\r\n display: -webkit-box;\r\n display: -ms-flexbox;\r\n display: flex;\r\n -webkit-box-pack: center;\r\n -ms-flex-pack: center;\r\n justify-content: center;\r\n -webkit-box-align: center;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n height: 100%;\r\n}\r\n\r\n#popmechanic-form .popmechanic-close {\r\n color: <%=close_color%>;\r\n cursor: pointer;\r\n text-align: center;\r\n margin-left: auto;\r\n background-color: transparent;\r\n font-weight: 400;\r\n width: 30px;\r\n height: 30px;\r\n line-height: 30px;\r\n font-size: 45px;\r\n}\r\n\r\n#popmechanic-form .img_left {\r\n width: <%=img_left_width%>px;\r\n position: relative;\r\n margin-right: 70px;\r\n margin-left: auto;\r\n}\r\n\r\n#popmechanic-form .img_left img {\r\n top: <%=img_left_top%>px;\r\n left: <%=img_left_left%>px;\r\n -webkit-transform: translateY(-50%);\r\n transform: translateY(-50%);\r\n position: absolute;\r\n width: <%=img_left_width%>px;\r\n height: auto;\r\n}\r\n\r\n#popmechanic-form .popmechanic-post-title {\r\n margin-top: 0px;\r\n font-size: <%=post_title_fontsize%>px;\r\n font-weight: 400;\r\n color: <%=post_title_color%>;\r\n text-align: center;\r\n}\r\n\r\n#popmechanic-form .popmechanic-title {\r\n font-size: <%=title_fontsize%>px;\r\n margin-right: 80px;\r\n font-weight: bold;\r\n color: <%=title_color%>;\r\n}\r\n\r\n#popmechanic-form .popmechanic-promo-wrapper {\r\n display: -webkit-box;\r\n display: -ms-flexbox;\r\n display: flex;\r\n -webkit-box-align: center;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n height: 65px;\r\n margin-right: 30px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-promo {\r\n width: <%=promo_width%>px;\r\n display: -webkit-box;\r\n display: -ms-flexbox;\r\n display: flex;\r\n -webkit-box-align: center;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n -webkit-box-pack: center;\r\n -ms-flex-pack: center;\r\n justify-content: center;\r\n height: 100%;\r\n background-color: #fff;\r\n color: <%=promo_color%>;\r\n font-size: <%=promo_fontsize%>px;\r\n font-weight: 600;\r\n line-height: 65px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-button {\r\n line-height: 65px;\r\n width: <%=btn_width%>px;\r\n height: 100%;\r\n background: <%=btn_bgcolor%>;\r\n color: <%=btn_color%>;\r\n font-size: <%=btn_fontsize%>px;\r\n border-radius: <%=btn_border_radius%>px;\r\n cursor: pointer;\r\n text-decoration: none;\r\n -webkit-transition: .3s;\r\n transition: .3s;\r\n outline: none;\r\n border: none;\r\n -webkit-transition: all .3s;\r\n transition: all .3s;\r\n\r\n <% if(!parseInt(show_btn)){ %>\r\n display: none!important;\r\n <% } %>\r\n}\r\n\r\n#popmechanic-form .popmechanic-button:hover {\r\n color: <%=btn_hover_color%>;\r\n background: <%=btn_hover_bgcolor%>;\r\n}\r\n#popmechanic-form .popmechanic-btn-mobile {\r\n display: none;\r\n}\r\n\r\n\r\n.popmechanic-mobile #popmechanic-form {\r\n height: <%=form_height_mob%>px;\r\n padding-top: <%=pad_top_mob%>px;\r\n padding-bottom: <%=pad_bottom_mob%>px;\r\n padding-left: <%=pad_left_mob%>px;\r\n padding-right: <%=pad_right_mob%>px;\r\n line-height: <%=form_line_height_mob%>;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-content {\r\n text-align: center;\r\n -webkit-box-orient: vertical;\r\n -webkit-box-direction: normal;\r\n -ms-flex-direction: column;\r\n flex-direction: column;\r\n -webkit-box-align: center;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-close {\r\n position: absolute;\r\n right: 10px;\r\n left: auto;\r\n top: 10px;\r\n color: #555555;\r\n font-size: 45px;\r\n}\r\n.popmechanic-mobile #popmechanic-form .img_left {\r\n position: absolute;\r\n top: <%=img_left_top_mob%>px;\r\n left: 50%;\r\n -webkit-transform: translateX(-50%);\r\n transform: translateX(-50%);\r\n width: <%=img_left_width_mob%>px;\r\n height: <%=img_left_height_mob%>px;\r\n margin: 0;\r\n}\r\n.popmechanic-mobile #popmechanic-form .img_left img {\r\n position: static;\r\n margin: 0;\r\n -webkit-transform: none;\r\n transform: none;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-title {\r\n font-size: <%=title_fontsize_mob%>px;\r\n margin: 0;\r\n margin-bottom: 10px;\r\n text-align: center;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-post-title {\r\n font-size: <%=post_title_fontsize_mob%>px;\r\n text-align: center;\r\n margin-top: 8px;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-promo-wrapper {\r\n height: auto;\r\n margin: 0;\r\n -webkit-box-orient: vertical;\r\n -webkit-box-direction: normal;\r\n -ms-flex-direction: column;\r\n flex-direction: column;\r\n -webkit-box-align: center;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-promo {\r\n width: <%=promo_width_mob%>px;\r\n font-size: <%=promo_fontsize_mob%>px;\r\n padding: 12px 0;\r\n line-height: 1;\r\n margin-bottom: 10px;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-button {\r\n width: <%=btn_width_mob%>px;\r\n font-size: <%=btn_fontsize_mob%>px;\r\n padding: 14px 0;\r\n line-height: 1;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-btn-desktop {\r\n display: none;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-btn-mobile {\r\n display: block;\r\n}\r\n\r\n@media screen and (max-width: 1100px) {\r\n #popmechanic-form {\r\n height: <%=form_height_mob%>px;\r\n padding-top: <%=pad_top_mob%>px;\r\n padding-bottom: <%=pad_bottom_mob%>px;\r\n padding-left: <%=pad_left_mob%>px;\r\n padding-right: <%=pad_right_mob%>px;\r\n line-height: <%=form_line_height_mob%>;\r\n }\r\n #popmechanic-form .popmechanic-content {\r\n text-align: center;\r\n -webkit-box-orient: vertical;\r\n -webkit-box-direction: normal;\r\n -ms-flex-direction: column;\r\n flex-direction: column;\r\n -webkit-box-align: center;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n }\r\n #popmechanic-form .popmechanic-close {\r\n position: absolute;\r\n right: 10px;\r\n left: auto;\r\n top: 10px;\r\n color:#555555;\r\n font-size: 45px;\r\n }\r\n #popmechanic-form .img_left {\r\n position: absolute;\r\n top: <%=img_left_top_mob%>px;\r\n left: 50%;\r\n -webkit-transform: translateX(-50%);\r\n transform: translateX(-50%);\r\n width: <%=img_left_width_mob%>px;\r\n margin: 0;\r\n }\r\n #popmechanic-form .img_left img {\r\n position: static;\r\n margin: 0;\r\n -webkit-transform: none;\r\n transform: none;\r\n }\r\n #popmechanic-form .popmechanic-title {\r\n font-size: <%=title_fontsize_mob%>px;\r\n margin: 0;\r\n margin-bottom: 10px;\r\n text-align: center;\r\n }\r\n #popmechanic-form .popmechanic-post-title {\r\n font-size: <%=post_title_fontsize_mob%>px;\r\n text-align: center;\r\n margin-top: 8px;\r\n }\r\n #popmechanic-form .popmechanic-promo-wrapper {\r\n height: auto;\r\n margin: 0;\r\n -webkit-box-orient: vertical;\r\n -webkit-box-direction: normal;\r\n -ms-flex-direction: column;\r\n flex-direction: column;\r\n -webkit-box-align: center;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n }\r\n #popmechanic-form .popmechanic-promo {\r\n width: <%=promo_width_mob%>px;\r\n font-size: <%=promo_fontsize_mob%>px;\r\n padding: 12px 0;\r\n line-height: 1;\r\n margin-bottom: 10px;\r\n }\r\n #popmechanic-form .popmechanic-button {\r\n width: <%=btn_width_mob%>px;\r\n font-size: <%=btn_fontsize_mob%>px;\r\n line-height: 1;\r\n padding: 14px 0;\r\n }\r\n #popmechanic-form .popmechanic-btn-desktop {\r\n display: none;\r\n }\r\n #popmechanic-form .popmechanic-btn-mobile {\r\n display: block;\r\n }\r\n}\r\n.popover {\r\n display: none;\r\n position: absolute !important;\r\n background-color: #fff !important;\r\n border: 1px solid #ccc !important;\r\n padding: 10px;\r\n box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3) !important;\r\n left: 10%;\r\n top: 15px !important;\r\n padding: 10px !important;\r\n}\r\n#popoverButton {\r\n top: 60px !important;\r\n position: absolute !important;\r\n left: 3%;\r\n background: rgba(0,0,0,.3) !important;\r\n padding: 5px !important;\r\n border-radius: 5px;\r\n color: #fff !important;\r\n}", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 96828, "template": 1012, "button_template": 179, "test_group": null, "new_targeting": {"filter": {"id": "root", "name": "root", "nodes": [{"id": "2", "field": "utm_medium", "value": "email", "operator": "$neq"}, {"id": "3", "field": "referrer", "value": "market.yandex.ru", "operator": "$exclude"}, {"id": "4", "field": "device", "value": ["tablet", "mobile"], "operator": "$in"}, {"id": "5", "field": "source", "value": ["utm", "organic", "referral", "typein"], "operator": "$in"}, {"id": "6", "name": "$or", "type": "current_page", "nodes": [{"id": "7", "field": "page", "value": ["https://www.oriflame.ru/?"], "operator": "$in_contains"}, {"id": "8", "field": "page", "value": ["https://www.oriflame.ru/"], "operator": "$in"}, {"id": "9", "field": "page", "value": ["https://www.oriflame.ru"], "operator": "$in"}, {"id": "10", "field": "page", "value": ["oriflame.ru"], "operator": "$in"}, {"id": "11", "field": "page", "value": ["https://www.oriflame.ru/?"], "operator": "$in_startsWith"}, {"id": "12", "field": "page", "value": ["https://oriflame.ru/"], "operator": "$in_startsWith"}], "operator": "$or"}, {"id": "13", "name": "$and", "type": "current_page", "nodes": [{"id": "14", "field": "page", "value": "frommarket=", "operator": "$exclude"}], "operator": "$and"}], "operator": "$and"}}, "settings_splits": [{"settings": {"pad_top": "25", "btn_text": " \u0417\u0410 \u041f\u041e\u041a\u0423\u041f\u041a\u0410\u041c\u0418", "endpoint": "ruoriflamecom", "link_url": "https://www.oriflame.ru/products/digital-catalogue-current/?erid=2VtzqwQfAUv", "pad_left": "5", "show_btn": "1", "btn_color": "#ffffff", "btn_width": "229.00", "form_font": "SansOri,Arial,Helvetica,sans-serif", "pad_right": "24", "btn_action": "link", "pad_bottom": "25", "promo_text": "", "show_promo": "0", "show_title": "1", "title_text": "\ud83d\udef4 \u0411\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u0430\u044f \u0434\u043e\u0441\u0442\u0430\u0432\u043a\u0430!
\u0417\u0430 \u0437\u0430\u043a\u0430\u0437 \u043e\u0442 25 \u0411\u0411", "btn_bgcolor": "#68BB93", "close_color": "#555555 !important", "form_bg_img": "https://personalization-web-stable.mindbox.ru/user-media/4271/5b5ad7e2a80d27ae35086a176f1a6ebd2e3b1855cf128d1de0d8bb47aced6434.png", "pad_top_mob": "15.00", "promo_color": "#000000", "promo_width": "279", "title_color": "#555555", "btn_fontsize": "18", "btn_text_mob": "\u0417\u0410 \u041f\u041e\u041a\u0423\u041f\u041a\u0410\u041c\u0418", "copy_success": "", "img_left_src": "https://personalization-web-stable.mindbox.ru/user-media/4271/ede2872739ca59a7677c3012a2f571c2ea3206f652352f91173cca5e42568285.png", "img_left_top": "-11.00", "pad_left_mob": "40.00", "show_form_bg": "0", "btn_width_mob": "161.00", "form_bg_color": "#ededed", "img_left_left": "-12.00", "pad_right_mob": "40.00", "show_img_left": "0", "img_left_width": "192.00", "pad_bottom_mob": "15.00", "promo_fontsize": "36", "title_fontsize": "27", "btn_hover_color": "#ffffff", "form_bg_opacity": "0.9", "form_height_mob": "80.00", "img_left_height": "163", "post_title_text": "", "promo_width_mob": "200", "show_post_title": "1", "btn_fontsize_mob": "15", "form_line_height": "1.1", "img_left_top_mob": "-200.00", "post_title_color": "#555555", "btn_border_radius": "50", "btn_hover_bgcolor": "#81deb1", "img_left_width_mob": "50.00", "promo_fontsize_mob": "26", "title_fontsize_mob": "19", "img_left_height_mob": "63", "post_title_fontsize": "19", "form_line_height_mob": "1", "post_title_fontsize_mob": "15"}, "button_settings": {"font2": "Roboto", "otst1": 14, "otst2": 47, "otst3": "10", "otst4": 9, "text7": "WOW-\u0441\u043a\u0438\u0434\u043a\u0438", "cl_col": "#7f7d7d", "color3": "#bee4d5", "color5": "#7f7d7d", "color7": "#98dac3", "crug10": 18, "font434": 500, "font_size10": 20, "font_size16": "14", "border_color": "#7f7d7d", "border_width": 1, "border_enable": "0"}, "conditions_splits": [{"conditions": {"delay": "3"}, "combinator": "or", "id": 204135}], "id": 96236, "behavior_settings": {"lead": {"legal_text": ""}, "banner": {"offset": 0, "position": "bottom", "animation_in": "fadeIn", "allow_overlay": true, "animation_out": "fadeOut"}, "button": {"on": false, "positions": {"mobile": {"top": "0px", "left": "0px"}, "tablet": {"top": "0px", "left": "0px"}, "desktop": {"left": "0%", "bottom": "0px"}}, "conditions": "targeting", "show_before": true}, "social": {"id": "popmechanic", "mode": "cover", "type": "fb_page"}, "instagram": {"user": ""}, "fullscreen": {"show_legal": false, "allow_overlay": true}}}], "pinned": false, "name": "Free Delivery C12 W2 2024 mobile", "active": true, "embed_selector": false, "selector": "", "placement": "start", "frequency": {"once_lifetime": false, "once_session": true, "priority": false, "minimal_timeout": null}, "start_date": null, "end_date": "2024-09-08T21:00:00+03:00", "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": 179, "rendered_preview": "https://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-97342.png?ts=1725273990060", "rendered_button_preview": "https://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-button-97342.png?ts=1725273995156", "settings": {"pad_top": "25", "btn_text": " \u0417\u0410 \u041f\u041e\u041a\u0423\u041f\u041a\u0410\u041c\u0418", "endpoint": "ruoriflamecom", "link_url": "https://www.oriflame.ru/products/digital-catalogue-current/?erid=2VtzqwQfAUv", "pad_left": "5", "show_btn": "1", "btn_color": "#ffffff", "btn_width": "229.00", "form_font": "SansOri,Arial,Helvetica,sans-serif", "pad_right": "24", "btn_action": "link", "pad_bottom": "25", "promo_text": "", "show_promo": "0", "show_title": "1", "title_text": "\ud83d\udef4 \u0411\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u0430\u044f \u0434\u043e\u0441\u0442\u0430\u0432\u043a\u0430!
\u0417\u0430 \u0437\u0430\u043a\u0430\u0437 \u043e\u0442 25 \u0411\u0411", "btn_bgcolor": "#68BB93", "close_color": "#555555 !important", "form_bg_img": "https://personalization-web-stable.mindbox.ru/user-media/4271/5b5ad7e2a80d27ae35086a176f1a6ebd2e3b1855cf128d1de0d8bb47aced6434.png", "pad_top_mob": "15.00", "promo_color": "#000000", "promo_width": "279", "title_color": "#555555", "btn_fontsize": "18", "btn_text_mob": "\u0417\u0410 \u041f\u041e\u041a\u0423\u041f\u041a\u0410\u041c\u0418", "copy_success": "", "img_left_src": "https://personalization-web-stable.mindbox.ru/user-media/4271/ede2872739ca59a7677c3012a2f571c2ea3206f652352f91173cca5e42568285.png", "img_left_top": "-11.00", "pad_left_mob": "40.00", "show_form_bg": "0", "btn_width_mob": "161.00", "form_bg_color": "#ededed", "img_left_left": "-12.00", "pad_right_mob": "40.00", "show_img_left": "0", "img_left_width": "192.00", "pad_bottom_mob": "15.00", "promo_fontsize": "36", "title_fontsize": "27", "btn_hover_color": "#ffffff", "form_bg_opacity": "0.9", "form_height_mob": "80.00", "img_left_height": "163", "post_title_text": "", "promo_width_mob": "200", "show_post_title": "1", "btn_fontsize_mob": "15", "form_line_height": "1.1", "img_left_top_mob": "-200.00", "post_title_color": "#555555", "btn_border_radius": "50", "btn_hover_bgcolor": "#81deb1", "img_left_width_mob": "50.00", "promo_fontsize_mob": "26", "title_fontsize_mob": "19", "img_left_height_mob": "63", "post_title_fontsize": "19", "form_line_height_mob": "1", "post_title_fontsize_mob": "15"}, "button_settings": {"font2": "Roboto", "otst1": 14, "otst2": 47, "otst3": "10", "otst4": 9, "text7": "WOW-\u0441\u043a\u0438\u0434\u043a\u0438", "cl_col": "#7f7d7d", "color3": "#bee4d5", "color5": "#7f7d7d", "color7": "#98dac3", "crug10": 18, "font434": 500, "font_size10": 20, "font_size16": "14", "border_color": "#7f7d7d", "border_width": 1, "border_enable": "0"}, "behavior_settings": {"lead": {"legal_text": ""}, "banner": {"offset": 0, "position": "bottom", "animation_in": "fadeIn", "allow_overlay": true, "animation_out": "fadeOut"}, "button": {"on": false, "positions": {"mobile": {"top": "0px", "left": "0px"}, "tablet": {"top": "0px", "left": "0px"}, "desktop": {"left": "0%", "bottom": "0px"}}, "conditions": "targeting", "show_before": true}, "social": {"id": "popmechanic", "mode": "cover", "type": "fb_page"}, "instagram": {"user": ""}, "fullscreen": {"show_legal": false, "allow_overlay": true}}, "html": "
\r\n
\r\n
\r\n <% if(parseInt(show_img_left)){ %>\r\n
\r\n \" alt=\"img\">\r\n
\r\n <% } %>\r\n\r\n \r\n
\r\n <% if(parseInt(show_title)){ %>\r\n <%=title_text%>\r\n <% } %>\r\n <% if(parseInt(show_post_title)){ %>\r\n
\r\n <%=post_title_text%>\r\n
\r\n <% } %>\r\n
\r\n \r\n\r\n \r\n
\r\n <% if(parseInt(show_promo)){ %>\r\n
\r\n <%=promo_text%>\r\n
\r\n <% } %>\r\n <%if(btn_action == 'close') {%>\r\n \r\n <%=btn_text%>\r\n \r\n \r\n <%=btn_text_mob%>\r\n \r\n <% } %>\r\n <%if(btn_action == 'copy') {%>\r\n \r\n <%=btn_text%>\r\n \r\n \r\n <%=btn_text_mob%>\r\n \r\n <% } %>\r\n <%if(btn_action == 'link') {%>\r\n \" class=\"popmechanic-button popmechanic-btn-desktop\" data-popmechanic-link>\r\n <%=btn_text%>\r\n \r\n \" class=\"popmechanic-button popmechanic-btn-mobile\" data-popmechanic-link>\r\n <%=btn_text_mob%>\r\n \r\n <% } %>\r\n
\r\n
\r\n

\u0420\u0435\u043a\u043b\u0430\u043c\u043e\u0434\u0430\u0442\u0435\u043b\u044c \u041e\u041e\u041e \"\u041e\u0440\u0438\u0444\u043b\u044d\u0439\u043c \u041a\u043e\u0441\u043c\u0435\u0442\u0438\u043a\u0441\"
\u0418\u041d\u041d 7704270172.

\r\n
\r\n\r\n \r\n
×
\r\n \r\n
\r\n
\r\n\r\n
", "css": "#popmechanic-form {\r\n width: 100%;\r\n \r\n font-family: <%=form_font%>;\r\n -webkit-box-sizing: border-box;\r\n box-sizing: border-box;\r\n position: relative;\r\n line-height: <%=form_line_height%>;\r\n \r\n padding-top: <%=pad_top%>px;\r\n padding-bottom: <%=pad_bottom%>px;\r\n padding-left: <%=pad_left%>px;\r\n padding-right: <%=pad_right%>px;\r\n\r\n <%if(parseInt(show_form_bg)) {%>\r\n background: url(<%=form_bg_img%>);\r\n background-repeat: no-repeat;\r\n background-size: cover;\r\n <% } else {%>\r\n \r\n <% } %>\r\n}\r\n#popmechanic-form::after {\r\n content: \"\";\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n display: block;\r\n width: 100%;\r\n height: 100%;\r\n background-color: <%=form_bg_color%>;\r\n opacity: <%=form_bg_opacity%>;\r\n z-index: -1;\r\n}\r\n#popmechanic-form .popmechanic-main {\r\n height: 100%;\r\n z-index: 2;\r\n}\r\n\r\n#popmechanic-form .popmechanic-content {\r\n text-align: center;\r\n display: -webkit-box;\r\n display: -ms-flexbox;\r\n display: flex;\r\n -webkit-box-pack: center;\r\n -ms-flex-pack: center;\r\n justify-content: center;\r\n -webkit-box-align: center;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n height: 100%;\r\n}\r\n\r\n#popmechanic-form .popmechanic-close {\r\n color: <%=close_color%>;\r\n cursor: pointer;\r\n text-align: center;\r\n margin-left: auto;\r\n background-color: transparent;\r\n font-weight: 400;\r\n width: 30px;\r\n height: 30px;\r\n line-height: 30px;\r\n font-size: 45px;\r\n}\r\n\r\n#popmechanic-form .img_left {\r\n width: <%=img_left_width%>px;\r\n position: relative;\r\n margin-right: 70px;\r\n margin-left: auto;\r\n}\r\n\r\n#popmechanic-form .img_left img {\r\n top: <%=img_left_top%>px;\r\n left: <%=img_left_left%>px;\r\n -webkit-transform: translateY(-50%);\r\n transform: translateY(-50%);\r\n position: absolute;\r\n width: <%=img_left_width%>px;\r\n height: auto;\r\n}\r\n\r\n#popmechanic-form .popmechanic-post-title {\r\n margin-top: 0px;\r\n font-size: <%=post_title_fontsize%>px;\r\n font-weight: 400;\r\n color: <%=post_title_color%>;\r\n text-align: left;\r\n}\r\n\r\n#popmechanic-form .popmechanic-title {\r\n font-size: <%=title_fontsize%>px;\r\n margin-right: 80px;\r\n font-weight: bold;\r\n color: <%=title_color%>;\r\n}\r\n\r\n#popmechanic-form .popmechanic-promo-wrapper {\r\n display: -webkit-box;\r\n display: -ms-flexbox;\r\n display: flex;\r\n -webkit-box-align: center;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n height: 65px;\r\n margin-right: 30px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-promo {\r\n width: <%=promo_width%>px;\r\n display: -webkit-box;\r\n display: -ms-flexbox;\r\n display: flex;\r\n -webkit-box-align: center;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n -webkit-box-pack: center;\r\n -ms-flex-pack: center;\r\n justify-content: center;\r\n height: 100%;\r\n background-color: #fff;\r\n color: <%=promo_color%>;\r\n font-size: <%=promo_fontsize%>px;\r\n font-weight: 600;\r\n line-height: 65px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-button {\r\n line-height: 65px;\r\n width: <%=btn_width%>px;\r\n height: 100%;\r\n background: <%=btn_bgcolor%>;\r\n color: <%=btn_color%>;\r\n font-size: <%=btn_fontsize%>px;\r\n border-radius: <%=btn_border_radius%>px;\r\n cursor: pointer;\r\n text-decoration: none;\r\n -webkit-transition: .3s;\r\n transition: .3s;\r\n outline: none;\r\n border: none;\r\n -webkit-transition: all .3s;\r\n transition: all .3s;\r\n\r\n <% if(!parseInt(show_btn)){ %>\r\n display: none!important;\r\n <% } %>\r\n}\r\n\r\n#popmechanic-form .popmechanic-button:hover {\r\n color: <%=btn_hover_color%>;\r\n background: <%=btn_hover_bgcolor%>;\r\n}\r\n#popmechanic-form .popmechanic-btn-mobile {\r\n display: none;\r\n}\r\n\r\n\r\n.popmechanic-mobile #popmechanic-form {\r\n height: <%=form_height_mob%>px;\r\n padding-top: <%=pad_top_mob%>px;\r\n padding-bottom: <%=pad_bottom_mob%>px;\r\n padding-left: <%=pad_left_mob%>px;\r\n padding-right: <%=pad_right_mob%>px;\r\n line-height: <%=form_line_height_mob%>;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-content {\r\n text-align: center;\r\n -webkit-box-orient: vertical;\r\n -webkit-box-direction: normal;\r\n -ms-flex-direction: column;\r\n flex-direction: column;\r\n -webkit-box-align: center;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-close {\r\n position: absolute;\r\n right: 10px;\r\n left: auto;\r\n top: 10px;\r\n color: <%=close_color%>;\r\n font-size: 45px;\r\n}\r\n.popmechanic-mobile #popmechanic-form .img_left {\r\n position: absolute;\r\n top: <%=img_left_top_mob%>px;\r\n left: 50%;\r\n -webkit-transform: translateX(-50%);\r\n transform: translateX(-50%);\r\n width: <%=img_left_width_mob%>px;\r\n height: <%=img_left_height_mob%>px;\r\n margin: 0;\r\n}\r\n.popmechanic-mobile #popmechanic-form .img_left img {\r\n position: static;\r\n margin: 0;\r\n -webkit-transform: none;\r\n transform: none;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-title {\r\n font-size: <%=title_fontsize_mob%>px;\r\n margin: 0;\r\n margin-bottom: 10px;\r\n text-align: center;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-post-title {\r\n font-size: <%=post_title_fontsize_mob%>px;\r\n text-align: center;\r\n margin-top: 8px;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-promo-wrapper {\r\n height: auto;\r\n margin: 0;\r\n -webkit-box-orient: vertical;\r\n -webkit-box-direction: normal;\r\n -ms-flex-direction: column;\r\n flex-direction: column;\r\n -webkit-box-align: center;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-promo {\r\n width: <%=promo_width_mob%>px;\r\n font-size: <%=promo_fontsize_mob%>px;\r\n padding: 12px 0;\r\n line-height: 1;\r\n margin-bottom: 10px;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-button {\r\n width: <%=btn_width_mob%>px;\r\n font-size: <%=btn_fontsize_mob%>px;\r\n padding: 14px 0;\r\n line-height: 1;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-btn-desktop {\r\n display: none;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-btn-mobile {\r\n display: block;\r\n}\r\n\r\n@media screen and (max-width: 1100px) {\r\n #popmechanic-form {\r\n height: <%=form_height_mob%>px;\r\n padding-top: <%=pad_top_mob%>px;\r\n padding-bottom: <%=pad_bottom_mob%>px;\r\n padding-left: <%=pad_left_mob%>px;\r\n padding-right: <%=pad_right_mob%>px;\r\n line-height: <%=form_line_height_mob%>;\r\n }\r\n #popmechanic-form .popmechanic-content {\r\n text-align: center;\r\n -webkit-box-orient: vertical;\r\n -webkit-box-direction: normal;\r\n -ms-flex-direction: column;\r\n flex-direction: column;\r\n -webkit-box-align: center;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n }\r\n #popmechanic-form .popmechanic-close {\r\n position: absolute;\r\n right: 10px;\r\n left: auto;\r\n top: 10px;\r\n color:#555555;\r\n font-size: 45px;\r\n }\r\n #popmechanic-form .img_left {\r\n position: absolute;\r\n top: <%=img_left_top_mob%>px;\r\n left: 50%;\r\n -webkit-transform: translateX(-50%);\r\n transform: translateX(-50%);\r\n width: <%=img_left_width_mob%>px;\r\n margin: 0;\r\n }\r\n #popmechanic-form .img_left img {\r\n position: static;\r\n margin: 0;\r\n -webkit-transform: none;\r\n transform: none;\r\n }\r\n #popmechanic-form .popmechanic-title {\r\n font-size: <%=title_fontsize_mob%>px;\r\n margin: 0;\r\n margin-bottom: 10px;\r\n text-align: center;\r\n }\r\n #popmechanic-form .popmechanic-post-title {\r\n font-size: <%=post_title_fontsize_mob%>px;\r\n text-align: center;\r\n margin-top: 8px;\r\n }\r\n #popmechanic-form .popmechanic-promo-wrapper {\r\n height: auto;\r\n margin: 0;\r\n -webkit-box-orient: vertical;\r\n -webkit-box-direction: normal;\r\n -ms-flex-direction: column;\r\n flex-direction: column;\r\n -webkit-box-align: center;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n }\r\n #popmechanic-form .popmechanic-promo {\r\n width: <%=promo_width_mob%>px;\r\n font-size: <%=promo_fontsize_mob%>px;\r\n padding: 12px 0;\r\n line-height: 1;\r\n margin-bottom: 10px;\r\n }\r\n #popmechanic-form .popmechanic-button {\r\n width: <%=btn_width_mob%>px;\r\n font-size: <%=btn_fontsize_mob%>px;\r\n line-height: 1;\r\n padding: 14px 0;\r\n }\r\n #popmechanic-form .popmechanic-btn-desktop {\r\n display: none;\r\n }\r\n #popmechanic-form .popmechanic-btn-mobile {\r\n display: block;\r\n }\r\n}\r\n.popover {\r\n display: none;\r\n position: absolute !important;\r\n background-color: #fff !important;\r\n border: 1px solid #ccc !important;\r\n padding: 10px;\r\n box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3) !important;\r\n left: 10%;\r\n top: 25px !important;\r\n padding: 10px !important;\r\n}\r\n#popoverButton {\r\n bottom: 7%; !important;\r\n position: absolute !important;\r\n left: 4%;\r\n background: rgba(0,0,0,.3) !important;\r\n padding: 5px !important;\r\n border-radius: 5px;\r\n color: #fff !important;\r\n}", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 96735, "template": 1991, "button_template": null, "test_group": null, "new_targeting": {"filter": {"id": "root", "name": "root", "nodes": [{"id": "2", "name": "$or", "type": "current_page", "nodes": [{"id": "3", "field": "page", "value": ["https://www.oriflame.ru/"], "operator": "$in"}, {"id": "4", "field": "page", "value": ["https://www.oriflame.ru"], "operator": "$in"}, {"id": "5", "field": "page", "value": ["https://www.oriflame.ru/?"], "operator": "$in_startsWith"}], "operator": "$or"}], "operator": "$and"}}, "settings_splits": [{"settings": {"on": "1", "link": "https://www.oriflame.ru/products/digital-catalogue-current/?erid=2VtzqwTX6Nr", "on_2": "0", "on_3": "0", "on_4": "0", "on_5": "0", "type": "image", "image": "https://personalization-web-stable.mindbox.ru/user-media/4271/41d40ecc0bdebe329629c23ee3878ab32640274773ce851219c7cf70f4d98e4a.jpg", "order": "1", "link_2": "https://mindbox.ru", "link_3": "https://mindbox.ru", "link_4": "https://mindbox.ru", "link_5": "https://mindbox.ru", "type_2": "image", "type_3": "image", "type_4": "image", "type_5": "image", "ga_show": "Story shown", "image_2": "https://personalization-web-stable.mindbox.ru/user-media/3/0fb567174ddca8f259bb7bab5402d2fe6f5775e6721117e73ec1c24b706567b2.png", "image_3": "https://personalization-web-stable.mindbox.ru/user-media/3/1a117aa927782c21b903c597ede4cb79a388c7e8e104c6fcbdbb5c5c99111799.png", "image_4": "https://personalization-web-stable.mindbox.ru/user-media/3/ac7d2e6d4201606cf5ccb43793571bbe6ec5a0e21fbe0610d9624bf5a9186475.png", "image_5": "https://personalization-web-stable.mindbox.ru/user-media/3/ae14a699806ba019d51166d14086d3357cb800d88c4f7d58fb4496bab749bfb8.png", "timeout": "10", "enableGA": "0", "ga_click": "Stories Click", "timeout_2": "10", "timeout_3": "10", "timeout_4": "10", "timeout_5": "10", "more_color": "#fff", "story_name": "\u0411\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u0430\u044f
\u0434\u043e\u0441\u0442\u0430\u0432\u043a\u0430", "ua_tracker": "UA-123123", "video_link": "", "button_text": "\u0417\u0430 \u043f\u043e\u043a\u0443\u043f\u043a\u0430\u043c\u0438", "font_custom": "Roboto", "font_family": "Roboto, sans-serif", "ga_category": "PopMechanic", "btn_bg_color": "#68BB93", "more_color_2": "#fff", "more_color_3": "#fff", "more_color_4": "#fff", "more_color_5": "#fff", "video_link_2": "https://www.w3schools.com/html/mov_bbb.mp4", "video_link_3": "https://www.w3schools.com/html/mov_bbb.mp4", "video_link_4": "https://www.w3schools.com/html/mov_bbb.mp4", "video_link_5": "https://www.w3schools.com/html/mov_bbb.mp4", "button_text_2": "\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435", "button_text_3": "\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435", "button_text_4": "\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435", "button_text_5": "\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435", "story_picture": "https://personalization-web-stable.mindbox.ru/user-media/4271/122fac324fae3dd49db1c6ab5b4d950a413422f3d0ac388fac8c14cadd9e5c09.jfif", "btn_bg_color_2": "#becd6d", "btn_bg_color_3": "#becd6d", "btn_bg_color_4": "#becd6d", "btn_bg_color_5": "#becd6d", "font_custom_show": "0"}, "button_settings": {}, "conditions_splits": [], "id": 96143, "behavior_settings": {"button": {"on": false, "positions": {"desktop": {"top": "0px", "left": "0px"}}, "conditions": "targeting", "show_before": true}}}], "pinned": false, "name": "Free delivery", "active": true, "embed_selector": false, "selector": "", "placement": "start", "frequency": {"once_lifetime": false, "once_session": false, "priority": false, "minimal_timeout": null}, "start_date": null, "end_date": "2024-09-08T21:20:00+03:00", "day_of_week": [true, true, true, true, true, true, true], "start_time": null, "end_time": null, "timezone_minutes": 180, "custom_fields": [], "container_id": 81193, "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-97247.png?ts=1725286750674&id=154d7e22-d7a1-476e-9430-00fb4337dd20", "rendered_button_preview": null, "settings": {"on": "1", "link": "https://www.oriflame.ru/products/digital-catalogue-current/?erid=2VtzqwTX6Nr", "on_2": "0", "on_3": "0", "on_4": "0", "on_5": "0", "type": "image", "image": "https://personalization-web-stable.mindbox.ru/user-media/4271/41d40ecc0bdebe329629c23ee3878ab32640274773ce851219c7cf70f4d98e4a.jpg", "order": "1", "link_2": "https://mindbox.ru", "link_3": "https://mindbox.ru", "link_4": "https://mindbox.ru", "link_5": "https://mindbox.ru", "type_2": "image", "type_3": "image", "type_4": "image", "type_5": "image", "ga_show": "Story shown", "image_2": "https://personalization-web-stable.mindbox.ru/user-media/3/0fb567174ddca8f259bb7bab5402d2fe6f5775e6721117e73ec1c24b706567b2.png", "image_3": "https://personalization-web-stable.mindbox.ru/user-media/3/1a117aa927782c21b903c597ede4cb79a388c7e8e104c6fcbdbb5c5c99111799.png", "image_4": "https://personalization-web-stable.mindbox.ru/user-media/3/ac7d2e6d4201606cf5ccb43793571bbe6ec5a0e21fbe0610d9624bf5a9186475.png", "image_5": "https://personalization-web-stable.mindbox.ru/user-media/3/ae14a699806ba019d51166d14086d3357cb800d88c4f7d58fb4496bab749bfb8.png", "timeout": "10", "enableGA": "0", "ga_click": "Stories Click", "timeout_2": "10", "timeout_3": "10", "timeout_4": "10", "timeout_5": "10", "more_color": "#fff", "story_name": "\u0411\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u0430\u044f
\u0434\u043e\u0441\u0442\u0430\u0432\u043a\u0430", "ua_tracker": "UA-123123", "video_link": "", "button_text": "\u0417\u0430 \u043f\u043e\u043a\u0443\u043f\u043a\u0430\u043c\u0438", "font_custom": "Roboto", "font_family": "Roboto, sans-serif", "ga_category": "PopMechanic", "btn_bg_color": "#68BB93", "more_color_2": "#fff", "more_color_3": "#fff", "more_color_4": "#fff", "more_color_5": "#fff", "video_link_2": "https://www.w3schools.com/html/mov_bbb.mp4", "video_link_3": "https://www.w3schools.com/html/mov_bbb.mp4", "video_link_4": "https://www.w3schools.com/html/mov_bbb.mp4", "video_link_5": "https://www.w3schools.com/html/mov_bbb.mp4", "button_text_2": "\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435", "button_text_3": "\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435", "button_text_4": "\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435", "button_text_5": "\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435", "story_picture": "https://personalization-web-stable.mindbox.ru/user-media/4271/122fac324fae3dd49db1c6ab5b4d950a413422f3d0ac388fac8c14cadd9e5c09.jfif", "btn_bg_color_2": "#becd6d", "btn_bg_color_3": "#becd6d", "btn_bg_color_4": "#becd6d", "btn_bg_color_5": "#becd6d", "font_custom_show": "0"}, "button_settings": {}, "behavior_settings": {"button": {"on": false, "positions": {"desktop": {"top": "0px", "left": "0px"}}, "conditions": "targeting", "show_before": true}}, "html": "", "css": "", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 96265, "template": 1012, "button_template": 179, "test_group": null, "new_targeting": {"filter": {"id": "root", "name": "root", "nodes": [{"id": "2", "field": "utm_medium", "value": "email", "operator": "$neq"}, {"id": "3", "field": "referrer", "value": "market.yandex.ru", "operator": "$exclude"}, {"id": "4", "field": "device", "value": ["pc"], "operator": "$in"}, {"id": "5", "field": "source", "value": ["utm", "organic", "referral", "typein"], "operator": "$in"}, {"id": "6", "name": "$or", "type": "current_page", "nodes": [{"id": "7", "field": "page", "value": ["https://www.oriflame.ru/focus"], "operator": "$in_contains"}, {"id": "8", "field": "page", "value": ["https://www.oriflame.ru/focus"], "operator": "$in"}, {"id": "9", "field": "page", "value": ["oriflame.ru/focus"], "operator": "$in"}], "operator": "$or"}, {"id": "10", "name": "$and", "type": "current_page", "nodes": [{"id": "11", "field": "page", "value": "frommarket=", "operator": "$exclude"}], "operator": "$and"}], "operator": "$and"}}, "settings_splits": [{"settings": {"pad_top": "15.00", "btn_text": "\u041f\u041e\u0414\u0420\u041e\u0411\u041d\u041e\u0421\u0422\u0418", "endpoint": "ruoriflamecom", "link_url": "https://www.oriflame.ru/plp/24-12-crazy-offer/?erid=2VtzqwzdEE1", "pad_left": "120.00", "show_btn": "1", "btn_color": "#ffffff", "btn_width": "229.00", "form_font": "SansOri,Arial,Helvetica,sans-serif", "pad_right": "0.00", "btn_action": "link", "pad_bottom": "25.00", "promo_text": "", "show_promo": "0", "show_title": "1", "title_text": "\u0421\u0434\u0435\u043b\u0430\u0439 \u0437\u0430\u043a\u0430\u0437 \u0438 \u043f\u043e\u043b\u0443\u0447\u0438 \u043f\u043e\u043c\u0430\u0434\u0443-\u043a\u043e\u043c\u043f\u043b\u0435\u043c\u0435\u043d\u0442 \u0437\u0430 49 \ua750!", "btn_bgcolor": "#8D0134", "close_color": "#555555", "form_bg_img": "", "pad_top_mob": "24", "promo_color": "#000000", "promo_width": "279", "title_color": "#555555", "btn_fontsize": "18", "btn_text_mob": "", "copy_success": "", "img_left_src": "https://personalization-web-stable.mindbox.ru/user-media/4271/96f551acb456e9eb62313f2ad555731083a721c33f6e13b6e8ea3c0f6c80212d.gif", "img_left_top": "-36.00", "pad_left_mob": "40", "show_form_bg": "0", "btn_width_mob": "183.00", "form_bg_color": "#f0f0f0", "img_left_left": "-9.00", "pad_right_mob": "40", "show_img_left": "1", "img_left_width": "257.00", "pad_bottom_mob": "9", "promo_fontsize": "36", "title_fontsize": "27", "btn_hover_color": "#ffffff", "form_bg_opacity": "0.90", "form_height_mob": "181", "img_left_height": "163", "post_title_text": "\u041e\u043d\u0430 \u0443\u0436\u0435 \u0436\u0434\u0451\u0442 \u0442\u0435\u0431\u044f \u0432 \u0442\u0432\u043e\u0435\u0439 \u0432 \u043a\u043e\u0440\u0437\u0438\u043d\u0435!", "promo_width_mob": "200", "show_post_title": "1", "btn_fontsize_mob": "15", "form_line_height": "1.1", "img_left_top_mob": "-12.00", "post_title_color": "#555555", "btn_border_radius": "50", "btn_hover_bgcolor": "#af0140", "img_left_width_mob": "208.00", "promo_fontsize_mob": "26", "title_fontsize_mob": "19", "img_left_height_mob": "63", "post_title_fontsize": "19", "form_line_height_mob": "1", "post_title_fontsize_mob": "14"}, "button_settings": {"font2": "Roboto", "otst1": 14, "otst2": 47, "otst3": "10", "otst4": 9, "text7": "WOW-\u0441\u043a\u0438\u0434\u043a\u0438", "cl_col": "#7f7d7d", "color3": "#bee4d5", "color5": "#7f7d7d", "color7": "#98dac3", "crug10": 18, "font434": 500, "font_size10": 20, "font_size16": "14", "border_color": "#7f7d7d", "border_width": 1, "border_enable": "0"}, "conditions_splits": [{"conditions": {"delay": "3"}, "combinator": "or", "id": 203817}], "id": 95673, "behavior_settings": {"lead": {"legal_text": ""}, "banner": {"offset": 0, "position": "bottom", "animation_in": "fadeIn", "allow_overlay": true, "animation_out": "fadeOut"}, "button": {"on": false, "positions": {"mobile": {"top": "0px", "left": "0px"}, "tablet": {"top": "0px", "left": "0px"}, "desktop": {"left": "0%", "bottom": "0px"}}, "conditions": "targeting", "show_before": true}, "social": {"id": "popmechanic", "mode": "cover", "type": "fb_page"}, "instagram": {"user": ""}, "fullscreen": {"show_legal": false, "allow_overlay": true}}}], "pinned": false, "name": "Crazy offer C12 2024 desktop", "active": true, "embed_selector": false, "selector": "", "placement": "start", "frequency": {"once_lifetime": false, "once_session": true, "priority": false, "minimal_timeout": null}, "start_date": null, "end_date": "2024-09-14T21:00:00+03:00", "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": 179, "rendered_preview": "https://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-96760.png?ts=1724751843510", "rendered_button_preview": "https://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-button-96760.png?ts=1724751848190", "settings": {"pad_top": "15.00", "btn_text": "\u041f\u041e\u0414\u0420\u041e\u0411\u041d\u041e\u0421\u0422\u0418", "endpoint": "ruoriflamecom", "link_url": "https://www.oriflame.ru/plp/24-12-crazy-offer/?erid=2VtzqwzdEE1", "pad_left": "120.00", "show_btn": "1", "btn_color": "#ffffff", "btn_width": "229.00", "form_font": "SansOri,Arial,Helvetica,sans-serif", "pad_right": "0.00", "btn_action": "link", "pad_bottom": "25.00", "promo_text": "", "show_promo": "0", "show_title": "1", "title_text": "\u0421\u0434\u0435\u043b\u0430\u0439 \u0437\u0430\u043a\u0430\u0437 \u0438 \u043f\u043e\u043b\u0443\u0447\u0438 \u043f\u043e\u043c\u0430\u0434\u0443-\u043a\u043e\u043c\u043f\u043b\u0435\u043c\u0435\u043d\u0442 \u0437\u0430 49 \ua750!", "btn_bgcolor": "#8D0134", "close_color": "#555555", "form_bg_img": "", "pad_top_mob": "24", "promo_color": "#000000", "promo_width": "279", "title_color": "#555555", "btn_fontsize": "18", "btn_text_mob": "", "copy_success": "", "img_left_src": "https://personalization-web-stable.mindbox.ru/user-media/4271/96f551acb456e9eb62313f2ad555731083a721c33f6e13b6e8ea3c0f6c80212d.gif", "img_left_top": "-36.00", "pad_left_mob": "40", "show_form_bg": "0", "btn_width_mob": "183.00", "form_bg_color": "#f0f0f0", "img_left_left": "-9.00", "pad_right_mob": "40", "show_img_left": "1", "img_left_width": "257.00", "pad_bottom_mob": "9", "promo_fontsize": "36", "title_fontsize": "27", "btn_hover_color": "#ffffff", "form_bg_opacity": "0.90", "form_height_mob": "181", "img_left_height": "163", "post_title_text": "\u041e\u043d\u0430 \u0443\u0436\u0435 \u0436\u0434\u0451\u0442 \u0442\u0435\u0431\u044f \u0432 \u0442\u0432\u043e\u0435\u0439 \u0432 \u043a\u043e\u0440\u0437\u0438\u043d\u0435!", "promo_width_mob": "200", "show_post_title": "1", "btn_fontsize_mob": "15", "form_line_height": "1.1", "img_left_top_mob": "-12.00", "post_title_color": "#555555", "btn_border_radius": "50", "btn_hover_bgcolor": "#af0140", "img_left_width_mob": "208.00", "promo_fontsize_mob": "26", "title_fontsize_mob": "19", "img_left_height_mob": "63", "post_title_fontsize": "19", "form_line_height_mob": "1", "post_title_fontsize_mob": "14"}, "button_settings": {"font2": "Roboto", "otst1": 14, "otst2": 47, "otst3": "10", "otst4": 9, "text7": "WOW-\u0441\u043a\u0438\u0434\u043a\u0438", "cl_col": "#7f7d7d", "color3": "#bee4d5", "color5": "#7f7d7d", "color7": "#98dac3", "crug10": 18, "font434": 500, "font_size10": 20, "font_size16": "14", "border_color": "#7f7d7d", "border_width": 1, "border_enable": "0"}, "behavior_settings": {"lead": {"legal_text": ""}, "banner": {"offset": 0, "position": "bottom", "animation_in": "fadeIn", "allow_overlay": true, "animation_out": "fadeOut"}, "button": {"on": false, "positions": {"mobile": {"top": "0px", "left": "0px"}, "tablet": {"top": "0px", "left": "0px"}, "desktop": {"left": "0%", "bottom": "0px"}}, "conditions": "targeting", "show_before": true}, "social": {"id": "popmechanic", "mode": "cover", "type": "fb_page"}, "instagram": {"user": ""}, "fullscreen": {"show_legal": false, "allow_overlay": true}}, "html": "
\r\n
\r\n
\r\n <% if(parseInt(show_img_left)){ %>\r\n
\r\n \" alt=\"img\">\r\n
\r\n <% } %>\r\n\r\n \r\n
\r\n <% if(parseInt(show_title)){ %>\r\n <%=title_text%>\r\n <% } %>\r\n <% if(parseInt(show_post_title)){ %>\r\n
\r\n <%=post_title_text%>\r\n
\r\n <% } %>\r\n
\r\n \r\n\r\n \r\n
\r\n <% if(parseInt(show_promo)){ %>\r\n
\r\n <%=promo_text%>\r\n
\r\n <% } %>\r\n <%if(btn_action == 'close') {%>\r\n \r\n <%=btn_text%>\r\n \r\n \r\n <%=btn_text_mob%>\r\n \r\n <% } %>\r\n <%if(btn_action == 'copy') {%>\r\n \r\n <%=btn_text%>\r\n \r\n \r\n <%=btn_text_mob%>\r\n \r\n <% } %>\r\n <%if(btn_action == 'link') {%>\r\n \" class=\"popmechanic-button popmechanic-btn-desktop\" data-popmechanic-link>\r\n <%=btn_text%>\r\n \r\n \" class=\"popmechanic-button popmechanic-btn-mobile\" data-popmechanic-link>\r\n <%=btn_text_mob%>\r\n \r\n <% } %>\r\n
\r\n\r\n
\r\n

\u0420\u0435\u043a\u043b\u0430\u043c\u043e\u0434\u0430\u0442\u0435\u043b\u044c \u041e\u041e\u041e \"\u041e\u0440\u0438\u0444\u043b\u044d\u0439\u043c \u041a\u043e\u0441\u043c\u0435\u0442\u0438\u043a\u0441\"
\u0418\u041d\u041d 7704270172.

\r\n
\r\n \r\n \r\n
×
\r\n \r\n
\r\n
\r\n\r\n
", "css": "#popmechanic-form {\r\n width: 100%;\r\n \r\n font-family: <%=form_font%>;\r\n -webkit-box-sizing: border-box;\r\n box-sizing: border-box;\r\n position: relative;\r\n line-height: <%=form_line_height%>;\r\n \r\n padding-top: <%=pad_top%>px;\r\n padding-bottom: <%=pad_bottom%>px;\r\n padding-left: <%=pad_left%>px;\r\n padding-right: <%=pad_right%>px;\r\n\r\n <%if(parseInt(show_form_bg)) {%>\r\n background: url(<%=form_bg_img%>);\r\n background-repeat: no-repeat;\r\n background-size: cover;\r\n <% } else {%>\r\n \r\n <% } %>\r\n}\r\n#popmechanic-form::after {\r\n content: \"\";\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n display: block;\r\n width: 100%;\r\n height: 100%;\r\n background-color: <%=form_bg_color%>;\r\n opacity: <%=form_bg_opacity%>;\r\n z-index: -1;\r\n}\r\n#popmechanic-form .popmechanic-main {\r\n height: 100%;\r\n z-index: 2;\r\n}\r\n\r\n#popmechanic-form .popmechanic-content {\r\n text-align: center;\r\n display: -webkit-box;\r\n display: -ms-flexbox;\r\n display: flex;\r\n -webkit-box-pack: center;\r\n -ms-flex-pack: center;\r\n justify-content: center;\r\n -webkit-box-align: center;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n height: 100%;\r\n}\r\n\r\n#popmechanic-form .popmechanic-close {\r\n color: <%=close_color%>;\r\n cursor: pointer;\r\n text-align: center;\r\n margin-left: auto;\r\n background-color: transparent;\r\n font-weight: 400;\r\n width: 30px;\r\n height: 30px;\r\n line-height: 30px;\r\n font-size: 45px;\r\n}\r\n\r\n#popmechanic-form .img_left {\r\n width: <%=img_left_width%>px;\r\n position: relative;\r\n margin-right: 70px;\r\n margin-left: auto;\r\n}\r\n\r\n#popmechanic-form .img_left img {\r\n top: <%=img_left_top%>px;\r\n left: <%=img_left_left%>px;\r\n -webkit-transform: translateY(-50%);\r\n transform: translateY(-50%);\r\n position: absolute;\r\n width: <%=img_left_width%>px;\r\n height: auto;\r\n}\r\n\r\n#popmechanic-form .popmechanic-post-title {\r\n margin-top: 0px;\r\n font-size: <%=post_title_fontsize%>px;\r\n font-weight: 400;\r\n color: <%=post_title_color%>;\r\n text-align: center;\r\n}\r\n\r\n#popmechanic-form .popmechanic-title {\r\n font-size: <%=title_fontsize%>px;\r\n margin-right: 80px;\r\n font-weight: bold;\r\n color: <%=title_color%>;\r\n}\r\n\r\n#popmechanic-form .popmechanic-promo-wrapper {\r\n display: -webkit-box;\r\n display: -ms-flexbox;\r\n display: flex;\r\n -webkit-box-align: center;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n height: 65px;\r\n margin-right: 30px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-promo {\r\n width: <%=promo_width%>px;\r\n display: -webkit-box;\r\n display: -ms-flexbox;\r\n display: flex;\r\n -webkit-box-align: center;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n -webkit-box-pack: center;\r\n -ms-flex-pack: center;\r\n justify-content: center;\r\n height: 100%;\r\n background-color: #fff;\r\n color: <%=promo_color%>;\r\n font-size: <%=promo_fontsize%>px;\r\n font-weight: 600;\r\n line-height: 65px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-button {\r\n line-height: 65px;\r\n width: <%=btn_width%>px;\r\n height: 100%;\r\n background: <%=btn_bgcolor%>;\r\n color: <%=btn_color%>;\r\n font-size: <%=btn_fontsize%>px;\r\n border-radius: <%=btn_border_radius%>px;\r\n cursor: pointer;\r\n text-decoration: none;\r\n -webkit-transition: .3s;\r\n transition: .3s;\r\n outline: none;\r\n border: none;\r\n -webkit-transition: all .3s;\r\n transition: all .3s;\r\n\r\n <% if(!parseInt(show_btn)){ %>\r\n display: none!important;\r\n <% } %>\r\n}\r\n\r\n#popmechanic-form .popmechanic-button:hover {\r\n color: <%=btn_hover_color%>;\r\n background: <%=btn_hover_bgcolor%>;\r\n}\r\n#popmechanic-form .popmechanic-btn-mobile {\r\n display: none;\r\n}\r\n\r\n\r\n.popmechanic-mobile #popmechanic-form {\r\n height: <%=form_height_mob%>px;\r\n padding-top: <%=pad_top_mob%>px;\r\n padding-bottom: <%=pad_bottom_mob%>px;\r\n padding-left: <%=pad_left_mob%>px;\r\n padding-right: <%=pad_right_mob%>px;\r\n line-height: <%=form_line_height_mob%>;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-content {\r\n text-align: center;\r\n -webkit-box-orient: vertical;\r\n -webkit-box-direction: normal;\r\n -ms-flex-direction: column;\r\n flex-direction: column;\r\n -webkit-box-align: center;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-close {\r\n position: absolute;\r\n right: 10px;\r\n left: auto;\r\n top: 10px;\r\n color: #555555;\r\n font-size: 45px;\r\n}\r\n.popmechanic-mobile #popmechanic-form .img_left {\r\n position: absolute;\r\n top: <%=img_left_top_mob%>px;\r\n left: 50%;\r\n -webkit-transform: translateX(-50%);\r\n transform: translateX(-50%);\r\n width: <%=img_left_width_mob%>px;\r\n height: <%=img_left_height_mob%>px;\r\n margin: 0;\r\n}\r\n.popmechanic-mobile #popmechanic-form .img_left img {\r\n position: static;\r\n margin: 0;\r\n -webkit-transform: none;\r\n transform: none;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-title {\r\n font-size: <%=title_fontsize_mob%>px;\r\n margin: 0;\r\n margin-bottom: 10px;\r\n text-align: center;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-post-title {\r\n font-size: <%=post_title_fontsize_mob%>px;\r\n text-align: center;\r\n margin-top: 8px;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-promo-wrapper {\r\n height: auto;\r\n margin: 0;\r\n -webkit-box-orient: vertical;\r\n -webkit-box-direction: normal;\r\n -ms-flex-direction: column;\r\n flex-direction: column;\r\n -webkit-box-align: center;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-promo {\r\n width: <%=promo_width_mob%>px;\r\n font-size: <%=promo_fontsize_mob%>px;\r\n padding: 12px 0;\r\n line-height: 1;\r\n margin-bottom: 10px;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-button {\r\n width: <%=btn_width_mob%>px;\r\n font-size: <%=btn_fontsize_mob%>px;\r\n padding: 14px 0;\r\n line-height: 1;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-btn-desktop {\r\n display: none;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-btn-mobile {\r\n display: block;\r\n}\r\n\r\n@media screen and (max-width: 1100px) {\r\n #popmechanic-form {\r\n height: <%=form_height_mob%>px;\r\n padding-top: <%=pad_top_mob%>px;\r\n padding-bottom: <%=pad_bottom_mob%>px;\r\n padding-left: <%=pad_left_mob%>px;\r\n padding-right: <%=pad_right_mob%>px;\r\n line-height: <%=form_line_height_mob%>;\r\n }\r\n #popmechanic-form .popmechanic-content {\r\n text-align: center;\r\n -webkit-box-orient: vertical;\r\n -webkit-box-direction: normal;\r\n -ms-flex-direction: column;\r\n flex-direction: column;\r\n -webkit-box-align: center;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n }\r\n #popmechanic-form .popmechanic-close {\r\n position: absolute;\r\n right: 10px;\r\n left: auto;\r\n top: 10px;\r\n color:#555555;\r\n font-size: 45px;\r\n }\r\n #popmechanic-form .img_left {\r\n position: absolute;\r\n top: <%=img_left_top_mob%>px;\r\n left: 50%;\r\n -webkit-transform: translateX(-50%);\r\n transform: translateX(-50%);\r\n width: <%=img_left_width_mob%>px;\r\n margin: 0;\r\n }\r\n #popmechanic-form .img_left img {\r\n position: static;\r\n margin: 0;\r\n -webkit-transform: none;\r\n transform: none;\r\n }\r\n #popmechanic-form .popmechanic-title {\r\n font-size: <%=title_fontsize_mob%>px;\r\n margin: 0;\r\n margin-bottom: 10px;\r\n text-align: center;\r\n }\r\n #popmechanic-form .popmechanic-post-title {\r\n font-size: <%=post_title_fontsize_mob%>px;\r\n text-align: center;\r\n margin-top: 8px;\r\n }\r\n #popmechanic-form .popmechanic-promo-wrapper {\r\n height: auto;\r\n margin: 0;\r\n -webkit-box-orient: vertical;\r\n -webkit-box-direction: normal;\r\n -ms-flex-direction: column;\r\n flex-direction: column;\r\n -webkit-box-align: center;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n }\r\n #popmechanic-form .popmechanic-promo {\r\n width: <%=promo_width_mob%>px;\r\n font-size: <%=promo_fontsize_mob%>px;\r\n padding: 12px 0;\r\n line-height: 1;\r\n margin-bottom: 10px;\r\n }\r\n #popmechanic-form .popmechanic-button {\r\n width: <%=btn_width_mob%>px;\r\n font-size: <%=btn_fontsize_mob%>px;\r\n line-height: 1;\r\n padding: 14px 0;\r\n }\r\n #popmechanic-form .popmechanic-btn-desktop {\r\n display: none;\r\n }\r\n #popmechanic-form .popmechanic-btn-mobile {\r\n display: block;\r\n }\r\n}\r\n.popover {\r\n display: none;\r\n position: absolute !important;\r\n background-color: #fff !important;\r\n border: 1px solid #ccc !important;\r\n padding: 10px;\r\n box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3) !important;\r\n left: 10%;\r\n top: 15px !important;\r\n padding: 10px !important;\r\n}\r\n#popoverButton {\r\n top: 60px !important;\r\n position: absolute !important;\r\n left: 3%;\r\n background: rgba(0,0,0,.3) !important;\r\n padding: 5px !important;\r\n border-radius: 5px;\r\n color: #fff !important;\r\n}", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 96083, "template": 1012, "button_template": 179, "test_group": null, "new_targeting": {"filter": {"id": "root", "name": "root", "nodes": [{"id": "2", "field": "utm_medium", "value": "email", "operator": "$neq"}, {"id": "3", "field": "referrer", "value": "market.yandex.ru", "operator": "$exclude"}, {"id": "4", "field": "device", "value": ["tablet", "mobile"], "operator": "$in"}, {"id": "5", "field": "source", "value": ["utm", "organic", "referral", "typein"], "operator": "$in"}, {"id": "6", "name": "$or", "type": "current_page", "nodes": [{"id": "7", "field": "page", "value": ["https://www.oriflame.ru/focus"], "operator": "$in_contains"}, {"id": "8", "field": "page", "value": ["https://www.oriflame.ru/focus"], "operator": "$in"}, {"id": "9", "field": "page", "value": ["oriflame.ru/focus"], "operator": "$in"}, {"id": "10", "field": "page", "value": ["https://www.oriflame.ru/focus"], "operator": "$in_startsWith"}, {"id": "11", "field": "page", "value": ["oriflame.ru/focus"], "operator": "$in_startsWith"}], "operator": "$or"}, {"id": "12", "name": "$and", "type": "current_page", "nodes": [{"id": "13", "field": "page", "value": "frommarket=", "operator": "$exclude"}], "operator": "$and"}], "operator": "$and"}}, "settings_splits": [{"settings": {"pad_top": "25", "btn_text": "\u041f\u041e\u0414\u0420\u041e\u0411\u041d\u0415\u0415", "endpoint": "ruoriflamecom", "link_url": "https://www.oriflame.ru/plp/24-12-crazy-offer/?erid=2VtzqwChHty", "pad_left": "5", "show_btn": "1", "btn_color": "#ffffff", "btn_width": "229.00", "form_font": "SansOri,Arial,Helvetica,sans-serif", "pad_right": "24", "btn_action": "link", "pad_bottom": "25", "promo_text": "", "show_promo": "0", "show_title": "1", "title_text": "\ud83d\udc84 \u0421\u0434\u0435\u043b\u0430\u0439 \u0437\u0430\u043a\u0430\u0437 \u0438 \u043f\u043e\u043b\u0443\u0447\u0438
\u043f\u043e\u043c\u0430\u0434\u0443-\u043a\u043e\u043c\u043f\u043b\u0435\u043c\u0435\u043d\u0442 \u0437\u0430 49 \ua750!", "btn_bgcolor": "#8D0134", "close_color": "#555555 !important", "form_bg_img": "https://personalization-web-stable.mindbox.ru/user-media/4271/5b5ad7e2a80d27ae35086a176f1a6ebd2e3b1855cf128d1de0d8bb47aced6434.png", "pad_top_mob": "15.00", "promo_color": "#000000", "promo_width": "279", "title_color": "#555555", "btn_fontsize": "18", "btn_text_mob": "\u041f\u041e\u0414\u0420\u041e\u0411\u041d\u0415\u0415", "copy_success": "", "img_left_src": "https://personalization-web-stable.mindbox.ru/user-media/4271/ede2872739ca59a7677c3012a2f571c2ea3206f652352f91173cca5e42568285.png", "img_left_top": "-11.00", "pad_left_mob": "40.00", "show_form_bg": "0", "btn_width_mob": "161.00", "form_bg_color": "#ededed", "img_left_left": "-12.00", "pad_right_mob": "40.00", "show_img_left": "0", "img_left_width": "192.00", "pad_bottom_mob": "15.00", "promo_fontsize": "36", "title_fontsize": "27", "btn_hover_color": "#ffffff", "form_bg_opacity": "0.9", "form_height_mob": "80.00", "img_left_height": "163", "post_title_text": "", "promo_width_mob": "200", "show_post_title": "1", "btn_fontsize_mob": "15", "form_line_height": "1.1", "img_left_top_mob": "-200.00", "post_title_color": "#555555", "btn_border_radius": "50", "btn_hover_bgcolor": "#b90647", "img_left_width_mob": "50.00", "promo_fontsize_mob": "26", "title_fontsize_mob": "19", "img_left_height_mob": "63", "post_title_fontsize": "19", "form_line_height_mob": "1", "post_title_fontsize_mob": "15"}, "button_settings": {"font2": "Roboto", "otst1": 14, "otst2": 47, "otst3": "10", "otst4": 9, "text7": "WOW-\u0441\u043a\u0438\u0434\u043a\u0438", "cl_col": "#7f7d7d", "color3": "#bee4d5", "color5": "#7f7d7d", "color7": "#98dac3", "crug10": 18, "font434": 500, "font_size10": 20, "font_size16": "14", "border_color": "#7f7d7d", "border_width": 1, "border_enable": "0"}, "conditions_splits": [{"conditions": {"delay": "3"}, "combinator": "or", "id": 203742}], "id": 95491, "behavior_settings": {"lead": {"legal_text": ""}, "banner": {"offset": 0, "position": "bottom", "animation_in": "fadeIn", "allow_overlay": true, "animation_out": "fadeOut"}, "button": {"on": false, "positions": {"mobile": {"top": "0px", "left": "0px"}, "tablet": {"top": "0px", "left": "0px"}, "desktop": {"left": "0%", "bottom": "0px"}}, "conditions": "targeting", "show_before": true}, "social": {"id": "popmechanic", "mode": "cover", "type": "fb_page"}, "instagram": {"user": ""}, "fullscreen": {"show_legal": false, "allow_overlay": true}}}], "pinned": false, "name": "Crazy offer C12 2024 mobile", "active": true, "embed_selector": false, "selector": "", "placement": "start", "frequency": {"once_lifetime": false, "once_session": true, "priority": false, "minimal_timeout": null}, "start_date": null, "end_date": "2024-09-14T21:00:00+03:00", "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": 179, "rendered_preview": "https://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-96582.png?ts=1724751901609", "rendered_button_preview": "https://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-button-96582.png?ts=1724751909766", "settings": {"pad_top": "25", "btn_text": "\u041f\u041e\u0414\u0420\u041e\u0411\u041d\u0415\u0415", "endpoint": "ruoriflamecom", "link_url": "https://www.oriflame.ru/plp/24-12-crazy-offer/?erid=2VtzqwChHty", "pad_left": "5", "show_btn": "1", "btn_color": "#ffffff", "btn_width": "229.00", "form_font": "SansOri,Arial,Helvetica,sans-serif", "pad_right": "24", "btn_action": "link", "pad_bottom": "25", "promo_text": "", "show_promo": "0", "show_title": "1", "title_text": "\ud83d\udc84 \u0421\u0434\u0435\u043b\u0430\u0439 \u0437\u0430\u043a\u0430\u0437 \u0438 \u043f\u043e\u043b\u0443\u0447\u0438
\u043f\u043e\u043c\u0430\u0434\u0443-\u043a\u043e\u043c\u043f\u043b\u0435\u043c\u0435\u043d\u0442 \u0437\u0430 49 \ua750!", "btn_bgcolor": "#8D0134", "close_color": "#555555 !important", "form_bg_img": "https://personalization-web-stable.mindbox.ru/user-media/4271/5b5ad7e2a80d27ae35086a176f1a6ebd2e3b1855cf128d1de0d8bb47aced6434.png", "pad_top_mob": "15.00", "promo_color": "#000000", "promo_width": "279", "title_color": "#555555", "btn_fontsize": "18", "btn_text_mob": "\u041f\u041e\u0414\u0420\u041e\u0411\u041d\u0415\u0415", "copy_success": "", "img_left_src": "https://personalization-web-stable.mindbox.ru/user-media/4271/ede2872739ca59a7677c3012a2f571c2ea3206f652352f91173cca5e42568285.png", "img_left_top": "-11.00", "pad_left_mob": "40.00", "show_form_bg": "0", "btn_width_mob": "161.00", "form_bg_color": "#ededed", "img_left_left": "-12.00", "pad_right_mob": "40.00", "show_img_left": "0", "img_left_width": "192.00", "pad_bottom_mob": "15.00", "promo_fontsize": "36", "title_fontsize": "27", "btn_hover_color": "#ffffff", "form_bg_opacity": "0.9", "form_height_mob": "80.00", "img_left_height": "163", "post_title_text": "", "promo_width_mob": "200", "show_post_title": "1", "btn_fontsize_mob": "15", "form_line_height": "1.1", "img_left_top_mob": "-200.00", "post_title_color": "#555555", "btn_border_radius": "50", "btn_hover_bgcolor": "#b90647", "img_left_width_mob": "50.00", "promo_fontsize_mob": "26", "title_fontsize_mob": "19", "img_left_height_mob": "63", "post_title_fontsize": "19", "form_line_height_mob": "1", "post_title_fontsize_mob": "15"}, "button_settings": {"font2": "Roboto", "otst1": 14, "otst2": 47, "otst3": "10", "otst4": 9, "text7": "WOW-\u0441\u043a\u0438\u0434\u043a\u0438", "cl_col": "#7f7d7d", "color3": "#bee4d5", "color5": "#7f7d7d", "color7": "#98dac3", "crug10": 18, "font434": 500, "font_size10": 20, "font_size16": "14", "border_color": "#7f7d7d", "border_width": 1, "border_enable": "0"}, "behavior_settings": {"lead": {"legal_text": ""}, "banner": {"offset": 0, "position": "bottom", "animation_in": "fadeIn", "allow_overlay": true, "animation_out": "fadeOut"}, "button": {"on": false, "positions": {"mobile": {"top": "0px", "left": "0px"}, "tablet": {"top": "0px", "left": "0px"}, "desktop": {"left": "0%", "bottom": "0px"}}, "conditions": "targeting", "show_before": true}, "social": {"id": "popmechanic", "mode": "cover", "type": "fb_page"}, "instagram": {"user": ""}, "fullscreen": {"show_legal": false, "allow_overlay": true}}, "html": "
\r\n
\r\n
\r\n <% if(parseInt(show_img_left)){ %>\r\n
\r\n \" alt=\"img\">\r\n
\r\n <% } %>\r\n\r\n \r\n
\r\n <% if(parseInt(show_title)){ %>\r\n <%=title_text%>\r\n <% } %>\r\n <% if(parseInt(show_post_title)){ %>\r\n
\r\n <%=post_title_text%>\r\n
\r\n <% } %>\r\n
\r\n \r\n\r\n \r\n
\r\n <% if(parseInt(show_promo)){ %>\r\n
\r\n <%=promo_text%>\r\n
\r\n <% } %>\r\n <%if(btn_action == 'close') {%>\r\n \r\n <%=btn_text%>\r\n \r\n \r\n <%=btn_text_mob%>\r\n \r\n <% } %>\r\n <%if(btn_action == 'copy') {%>\r\n \r\n <%=btn_text%>\r\n \r\n \r\n <%=btn_text_mob%>\r\n \r\n <% } %>\r\n <%if(btn_action == 'link') {%>\r\n \" class=\"popmechanic-button popmechanic-btn-desktop\" data-popmechanic-link>\r\n <%=btn_text%>\r\n \r\n \" class=\"popmechanic-button popmechanic-btn-mobile\" data-popmechanic-link>\r\n <%=btn_text_mob%>\r\n \r\n <% } %>\r\n
\r\n
\r\n

\u0420\u0435\u043a\u043b\u0430\u043c\u043e\u0434\u0430\u0442\u0435\u043b\u044c \u041e\u041e\u041e \"\u041e\u0440\u0438\u0444\u043b\u044d\u0439\u043c \u041a\u043e\u0441\u043c\u0435\u0442\u0438\u043a\u0441\"
\u0418\u041d\u041d 7704270172.

\r\n
\r\n\r\n \r\n
×
\r\n \r\n
\r\n
\r\n\r\n
", "css": "#popmechanic-form {\r\n width: 100%;\r\n \r\n font-family: <%=form_font%>;\r\n -webkit-box-sizing: border-box;\r\n box-sizing: border-box;\r\n position: relative;\r\n line-height: <%=form_line_height%>;\r\n \r\n padding-top: <%=pad_top%>px;\r\n padding-bottom: <%=pad_bottom%>px;\r\n padding-left: <%=pad_left%>px;\r\n padding-right: <%=pad_right%>px;\r\n\r\n <%if(parseInt(show_form_bg)) {%>\r\n background: url(<%=form_bg_img%>);\r\n background-repeat: no-repeat;\r\n background-size: cover;\r\n <% } else {%>\r\n \r\n <% } %>\r\n}\r\n#popmechanic-form::after {\r\n content: \"\";\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n display: block;\r\n width: 100%;\r\n height: 100%;\r\n background-color: <%=form_bg_color%>;\r\n opacity: <%=form_bg_opacity%>;\r\n z-index: -1;\r\n}\r\n#popmechanic-form .popmechanic-main {\r\n height: 100%;\r\n z-index: 2;\r\n}\r\n\r\n#popmechanic-form .popmechanic-content {\r\n text-align: center;\r\n display: -webkit-box;\r\n display: -ms-flexbox;\r\n display: flex;\r\n -webkit-box-pack: center;\r\n -ms-flex-pack: center;\r\n justify-content: center;\r\n -webkit-box-align: center;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n height: 100%;\r\n}\r\n\r\n#popmechanic-form .popmechanic-close {\r\n color: <%=close_color%>;\r\n cursor: pointer;\r\n text-align: center;\r\n margin-left: auto;\r\n background-color: transparent;\r\n font-weight: 400;\r\n width: 30px;\r\n height: 30px;\r\n line-height: 30px;\r\n font-size: 45px;\r\n}\r\n\r\n#popmechanic-form .img_left {\r\n width: <%=img_left_width%>px;\r\n position: relative;\r\n margin-right: 70px;\r\n margin-left: auto;\r\n}\r\n\r\n#popmechanic-form .img_left img {\r\n top: <%=img_left_top%>px;\r\n left: <%=img_left_left%>px;\r\n -webkit-transform: translateY(-50%);\r\n transform: translateY(-50%);\r\n position: absolute;\r\n width: <%=img_left_width%>px;\r\n height: auto;\r\n}\r\n\r\n#popmechanic-form .popmechanic-post-title {\r\n margin-top: 0px;\r\n font-size: <%=post_title_fontsize%>px;\r\n font-weight: 400;\r\n color: <%=post_title_color%>;\r\n text-align: left;\r\n}\r\n\r\n#popmechanic-form .popmechanic-title {\r\n font-size: <%=title_fontsize%>px;\r\n margin-right: 80px;\r\n font-weight: bold;\r\n color: <%=title_color%>;\r\n}\r\n\r\n#popmechanic-form .popmechanic-promo-wrapper {\r\n display: -webkit-box;\r\n display: -ms-flexbox;\r\n display: flex;\r\n -webkit-box-align: center;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n height: 65px;\r\n margin-right: 30px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-promo {\r\n width: <%=promo_width%>px;\r\n display: -webkit-box;\r\n display: -ms-flexbox;\r\n display: flex;\r\n -webkit-box-align: center;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n -webkit-box-pack: center;\r\n -ms-flex-pack: center;\r\n justify-content: center;\r\n height: 100%;\r\n background-color: #fff;\r\n color: <%=promo_color%>;\r\n font-size: <%=promo_fontsize%>px;\r\n font-weight: 600;\r\n line-height: 65px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-button {\r\n line-height: 65px;\r\n width: <%=btn_width%>px;\r\n height: 100%;\r\n background: <%=btn_bgcolor%>;\r\n color: <%=btn_color%>;\r\n font-size: <%=btn_fontsize%>px;\r\n border-radius: <%=btn_border_radius%>px;\r\n cursor: pointer;\r\n text-decoration: none;\r\n -webkit-transition: .3s;\r\n transition: .3s;\r\n outline: none;\r\n border: none;\r\n -webkit-transition: all .3s;\r\n transition: all .3s;\r\n\r\n <% if(!parseInt(show_btn)){ %>\r\n display: none!important;\r\n <% } %>\r\n}\r\n\r\n#popmechanic-form .popmechanic-button:hover {\r\n color: <%=btn_hover_color%>;\r\n background: <%=btn_hover_bgcolor%>;\r\n}\r\n#popmechanic-form .popmechanic-btn-mobile {\r\n display: none;\r\n}\r\n\r\n\r\n.popmechanic-mobile #popmechanic-form {\r\n height: <%=form_height_mob%>px;\r\n padding-top: <%=pad_top_mob%>px;\r\n padding-bottom: <%=pad_bottom_mob%>px;\r\n padding-left: <%=pad_left_mob%>px;\r\n padding-right: <%=pad_right_mob%>px;\r\n line-height: <%=form_line_height_mob%>;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-content {\r\n text-align: center;\r\n -webkit-box-orient: vertical;\r\n -webkit-box-direction: normal;\r\n -ms-flex-direction: column;\r\n flex-direction: column;\r\n -webkit-box-align: center;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-close {\r\n position: absolute;\r\n right: 10px;\r\n left: auto;\r\n top: 10px;\r\n color: <%=close_color%>;\r\n font-size: 45px;\r\n}\r\n.popmechanic-mobile #popmechanic-form .img_left {\r\n position: absolute;\r\n top: <%=img_left_top_mob%>px;\r\n left: 50%;\r\n -webkit-transform: translateX(-50%);\r\n transform: translateX(-50%);\r\n width: <%=img_left_width_mob%>px;\r\n height: <%=img_left_height_mob%>px;\r\n margin: 0;\r\n}\r\n.popmechanic-mobile #popmechanic-form .img_left img {\r\n position: static;\r\n margin: 0;\r\n -webkit-transform: none;\r\n transform: none;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-title {\r\n font-size: <%=title_fontsize_mob%>px;\r\n margin: 0;\r\n margin-bottom: 10px;\r\n text-align: center;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-post-title {\r\n font-size: <%=post_title_fontsize_mob%>px;\r\n text-align: center;\r\n margin-top: 8px;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-promo-wrapper {\r\n height: auto;\r\n margin: 0;\r\n -webkit-box-orient: vertical;\r\n -webkit-box-direction: normal;\r\n -ms-flex-direction: column;\r\n flex-direction: column;\r\n -webkit-box-align: center;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-promo {\r\n width: <%=promo_width_mob%>px;\r\n font-size: <%=promo_fontsize_mob%>px;\r\n padding: 12px 0;\r\n line-height: 1;\r\n margin-bottom: 10px;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-button {\r\n width: <%=btn_width_mob%>px;\r\n font-size: <%=btn_fontsize_mob%>px;\r\n padding: 14px 0;\r\n line-height: 1;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-btn-desktop {\r\n display: none;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-btn-mobile {\r\n display: block;\r\n}\r\n\r\n@media screen and (max-width: 1100px) {\r\n #popmechanic-form {\r\n height: <%=form_height_mob%>px;\r\n padding-top: <%=pad_top_mob%>px;\r\n padding-bottom: <%=pad_bottom_mob%>px;\r\n padding-left: <%=pad_left_mob%>px;\r\n padding-right: <%=pad_right_mob%>px;\r\n line-height: <%=form_line_height_mob%>;\r\n }\r\n #popmechanic-form .popmechanic-content {\r\n text-align: center;\r\n -webkit-box-orient: vertical;\r\n -webkit-box-direction: normal;\r\n -ms-flex-direction: column;\r\n flex-direction: column;\r\n -webkit-box-align: center;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n }\r\n #popmechanic-form .popmechanic-close {\r\n position: absolute;\r\n right: 10px;\r\n left: auto;\r\n top: 10px;\r\n color:#555555;\r\n font-size: 45px;\r\n }\r\n #popmechanic-form .img_left {\r\n position: absolute;\r\n top: <%=img_left_top_mob%>px;\r\n left: 50%;\r\n -webkit-transform: translateX(-50%);\r\n transform: translateX(-50%);\r\n width: <%=img_left_width_mob%>px;\r\n margin: 0;\r\n }\r\n #popmechanic-form .img_left img {\r\n position: static;\r\n margin: 0;\r\n -webkit-transform: none;\r\n transform: none;\r\n }\r\n #popmechanic-form .popmechanic-title {\r\n font-size: <%=title_fontsize_mob%>px;\r\n margin: 0;\r\n margin-bottom: 10px;\r\n text-align: center;\r\n }\r\n #popmechanic-form .popmechanic-post-title {\r\n font-size: <%=post_title_fontsize_mob%>px;\r\n text-align: center;\r\n margin-top: 8px;\r\n }\r\n #popmechanic-form .popmechanic-promo-wrapper {\r\n height: auto;\r\n margin: 0;\r\n -webkit-box-orient: vertical;\r\n -webkit-box-direction: normal;\r\n -ms-flex-direction: column;\r\n flex-direction: column;\r\n -webkit-box-align: center;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n }\r\n #popmechanic-form .popmechanic-promo {\r\n width: <%=promo_width_mob%>px;\r\n font-size: <%=promo_fontsize_mob%>px;\r\n padding: 12px 0;\r\n line-height: 1;\r\n margin-bottom: 10px;\r\n }\r\n #popmechanic-form .popmechanic-button {\r\n width: <%=btn_width_mob%>px;\r\n font-size: <%=btn_fontsize_mob%>px;\r\n line-height: 1;\r\n padding: 14px 0;\r\n }\r\n #popmechanic-form .popmechanic-btn-desktop {\r\n display: none;\r\n }\r\n #popmechanic-form .popmechanic-btn-mobile {\r\n display: block;\r\n }\r\n}\r\n.popover {\r\n display: none;\r\n position: absolute !important;\r\n background-color: #fff !important;\r\n border: 1px solid #ccc !important;\r\n padding: 10px;\r\n box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3) !important;\r\n left: 10%;\r\n top: 25px !important;\r\n padding: 10px !important;\r\n}\r\n#popoverButton {\r\n bottom: 7%; !important;\r\n position: absolute !important;\r\n left: 4%;\r\n background: rgba(0,0,0,.3) !important;\r\n padding: 5px !important;\r\n border-radius: 5px;\r\n color: #fff !important;\r\n}", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 90710, "template": 1991, "button_template": null, "test_group": null, "new_targeting": {"filter": {"id": "root", "name": "root", "nodes": [{"id": "2", "name": "$or", "type": "current_page", "nodes": [{"id": "3", "field": "page", "value": ["https://www.oriflame.ru/"], "operator": "$in"}, {"id": "4", "field": "page", "value": ["https://www.oriflame.ru"], "operator": "$in"}, {"id": "5", "field": "page", "value": ["https://www.oriflame.ru/?"], "operator": "$in_startsWith"}], "operator": "$or"}], "operator": "$and"}}, "settings_splits": [{"settings": {"on": "1", "link": "https://www.oriflame.ru/sample-shop", "on_2": "0", "on_3": "0", "on_4": "0", "on_5": "0", "type": "image", "image": "https://personalization-web-stable.mindbox.ru/user-media/4271/054f730e92239d5ae3bb63c3fee8dc3943026ea5023f91d69fdcce379dbe7236.png", "order": "5", "link_2": "https://mindbox.ru", "link_3": "https://mindbox.ru", "link_4": "https://mindbox.ru", "link_5": "https://mindbox.ru", "type_2": "image", "type_3": "image", "type_4": "image", "type_5": "image", "ga_show": "Story shown", "image_2": "https://personalization-web-stable.mindbox.ru/user-media/3/0fb567174ddca8f259bb7bab5402d2fe6f5775e6721117e73ec1c24b706567b2.png", "image_3": "https://personalization-web-stable.mindbox.ru/user-media/3/1a117aa927782c21b903c597ede4cb79a388c7e8e104c6fcbdbb5c5c99111799.png", "image_4": "https://personalization-web-stable.mindbox.ru/user-media/3/ac7d2e6d4201606cf5ccb43793571bbe6ec5a0e21fbe0610d9624bf5a9186475.png", "image_5": "https://personalization-web-stable.mindbox.ru/user-media/3/ae14a699806ba019d51166d14086d3357cb800d88c4f7d58fb4496bab749bfb8.png", "timeout": "10", "enableGA": "0", "ga_click": "Stories Click", "timeout_2": "10", "timeout_3": "10", "timeout_4": "10", "timeout_5": "10", "more_color": "#333333", "story_name": "\u041c\u0430\u0433\u0430\u0437\u0438\u043d
\u043f\u0440\u043e\u0431\u043d\u0438\u043a\u043e\u0432", "ua_tracker": "UA-123123", "video_link": "", "button_text": "\u0417\u0430 \u043f\u043e\u043a\u0443\u043f\u043a\u0430\u043c\u0438", "font_custom": "Roboto", "font_family": "Roboto, sans-serif", "ga_category": "PopMechanic", "btn_bg_color": "#ffffff", "more_color_2": "#fff", "more_color_3": "#fff", "more_color_4": "#fff", "more_color_5": "#fff", "video_link_2": "https://www.w3schools.com/html/mov_bbb.mp4", "video_link_3": "https://www.w3schools.com/html/mov_bbb.mp4", "video_link_4": "https://www.w3schools.com/html/mov_bbb.mp4", "video_link_5": "https://www.w3schools.com/html/mov_bbb.mp4", "button_text_2": "\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435", "button_text_3": "\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435", "button_text_4": "\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435", "button_text_5": "\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435", "story_picture": "https://personalization-web-stable.mindbox.ru/user-media/4271/5c8aea9edd140397157e613e91bba49069257fb3b2de3a55e368aba3650284a7.png", "btn_bg_color_2": "#becd6d", "btn_bg_color_3": "#becd6d", "btn_bg_color_4": "#becd6d", "btn_bg_color_5": "#becd6d", "font_custom_show": "0"}, "button_settings": {}, "conditions_splits": [], "id": 90118, "behavior_settings": {"button": {"on": false, "positions": {"desktop": {"top": "0px", "left": "0px"}}, "conditions": "targeting", "show_before": true}}}], "pinned": false, "name": "Sample shop C12 2024", "active": true, "embed_selector": false, "selector": "", "placement": "start", "frequency": {"once_lifetime": false, "once_session": false, "priority": false, "minimal_timeout": null}, "start_date": "2024-08-25T00:30:42+03:00", "end_date": "2024-09-14T21:00:00+03:00", "day_of_week": [true, true, true, true, true, true, true], "start_time": null, "end_time": null, "timezone_minutes": 180, "custom_fields": [], "container_id": 81193, "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-91067.png?ts=1725020842778", "rendered_button_preview": null, "settings": {"on": "1", "link": "https://www.oriflame.ru/sample-shop", "on_2": "0", "on_3": "0", "on_4": "0", "on_5": "0", "type": "image", "image": "https://personalization-web-stable.mindbox.ru/user-media/4271/054f730e92239d5ae3bb63c3fee8dc3943026ea5023f91d69fdcce379dbe7236.png", "order": "5", "link_2": "https://mindbox.ru", "link_3": "https://mindbox.ru", "link_4": "https://mindbox.ru", "link_5": "https://mindbox.ru", "type_2": "image", "type_3": "image", "type_4": "image", "type_5": "image", "ga_show": "Story shown", "image_2": "https://personalization-web-stable.mindbox.ru/user-media/3/0fb567174ddca8f259bb7bab5402d2fe6f5775e6721117e73ec1c24b706567b2.png", "image_3": "https://personalization-web-stable.mindbox.ru/user-media/3/1a117aa927782c21b903c597ede4cb79a388c7e8e104c6fcbdbb5c5c99111799.png", "image_4": "https://personalization-web-stable.mindbox.ru/user-media/3/ac7d2e6d4201606cf5ccb43793571bbe6ec5a0e21fbe0610d9624bf5a9186475.png", "image_5": "https://personalization-web-stable.mindbox.ru/user-media/3/ae14a699806ba019d51166d14086d3357cb800d88c4f7d58fb4496bab749bfb8.png", "timeout": "10", "enableGA": "0", "ga_click": "Stories Click", "timeout_2": "10", "timeout_3": "10", "timeout_4": "10", "timeout_5": "10", "more_color": "#333333", "story_name": "\u041c\u0430\u0433\u0430\u0437\u0438\u043d
\u043f\u0440\u043e\u0431\u043d\u0438\u043a\u043e\u0432", "ua_tracker": "UA-123123", "video_link": "", "button_text": "\u0417\u0430 \u043f\u043e\u043a\u0443\u043f\u043a\u0430\u043c\u0438", "font_custom": "Roboto", "font_family": "Roboto, sans-serif", "ga_category": "PopMechanic", "btn_bg_color": "#ffffff", "more_color_2": "#fff", "more_color_3": "#fff", "more_color_4": "#fff", "more_color_5": "#fff", "video_link_2": "https://www.w3schools.com/html/mov_bbb.mp4", "video_link_3": "https://www.w3schools.com/html/mov_bbb.mp4", "video_link_4": "https://www.w3schools.com/html/mov_bbb.mp4", "video_link_5": "https://www.w3schools.com/html/mov_bbb.mp4", "button_text_2": "\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435", "button_text_3": "\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435", "button_text_4": "\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435", "button_text_5": "\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435", "story_picture": "https://personalization-web-stable.mindbox.ru/user-media/4271/5c8aea9edd140397157e613e91bba49069257fb3b2de3a55e368aba3650284a7.png", "btn_bg_color_2": "#becd6d", "btn_bg_color_3": "#becd6d", "btn_bg_color_4": "#becd6d", "btn_bg_color_5": "#becd6d", "font_custom_show": "0"}, "button_settings": {}, "behavior_settings": {"button": {"on": false, "positions": {"desktop": {"top": "0px", "left": "0px"}}, "conditions": "targeting", "show_before": true}}, "html": "", "css": "", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 90709, "template": 1991, "button_template": null, "test_group": null, "new_targeting": {"filter": {"id": "root", "name": "root", "nodes": [{"id": "2", "name": "$or", "type": "current_page", "nodes": [{"id": "3", "field": "page", "value": ["https://www.oriflame.ru/"], "operator": "$in"}, {"id": "4", "field": "page", "value": ["https://www.oriflame.ru"], "operator": "$in"}, {"id": "5", "field": "page", "value": ["https://www.oriflame.ru/?"], "operator": "$in_startsWith"}], "operator": "$or"}], "operator": "$and"}}, "settings_splits": [{"settings": {"on": "1", "link": "https://www.oriflame.ru/online-exclusive", "on_2": "0", "on_3": "0", "on_4": "0", "on_5": "0", "type": "image", "image": "https://personalization-web-stable.mindbox.ru/user-media/4271/dea30c56506fc4a40e402cc145145184f4ae3665ebe0aa6796c159fea5a2b714.jpg", "order": "3", "link_2": "https://mindbox.ru", "link_3": "https://mindbox.ru", "link_4": "https://mindbox.ru", "link_5": "https://mindbox.ru", "type_2": "image", "type_3": "image", "type_4": "image", "type_5": "image", "ga_show": "Story shown", "image_2": "https://personalization-web-stable.mindbox.ru/user-media/3/0fb567174ddca8f259bb7bab5402d2fe6f5775e6721117e73ec1c24b706567b2.png", "image_3": "https://personalization-web-stable.mindbox.ru/user-media/3/1a117aa927782c21b903c597ede4cb79a388c7e8e104c6fcbdbb5c5c99111799.png", "image_4": "https://personalization-web-stable.mindbox.ru/user-media/3/ac7d2e6d4201606cf5ccb43793571bbe6ec5a0e21fbe0610d9624bf5a9186475.png", "image_5": "https://personalization-web-stable.mindbox.ru/user-media/3/ae14a699806ba019d51166d14086d3357cb800d88c4f7d58fb4496bab749bfb8.png", "timeout": "10", "enableGA": "0", "ga_click": "Stories Click", "timeout_2": "10", "timeout_3": "10", "timeout_4": "10", "timeout_5": "10", "more_color": "#333333", "story_name": "\u042d\u043a\u0441\u043a\u043b\u044e\u0437\u0438\u0432\u043d\u043e
\u043e\u043d\u043b\u0430\u0439\u043d", "ua_tracker": "UA-123123", "video_link": "", "button_text": "\u041f\u0440\u043e\u0432\u0435\u0440\u0438\u0442\u044c", "font_custom": "Roboto", "font_family": "Roboto, sans-serif", "ga_category": "PopMechanic", "btn_bg_color": "#ffffff", "more_color_2": "#fff", "more_color_3": "#fff", "more_color_4": "#fff", "more_color_5": "#fff", "video_link_2": "https://www.w3schools.com/html/mov_bbb.mp4", "video_link_3": "https://www.w3schools.com/html/mov_bbb.mp4", "video_link_4": "https://www.w3schools.com/html/mov_bbb.mp4", "video_link_5": "https://www.w3schools.com/html/mov_bbb.mp4", "button_text_2": "\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435", "button_text_3": "\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435", "button_text_4": "\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435", "button_text_5": "\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435", "story_picture": "https://personalization-web-stable.mindbox.ru/user-media/4271/e07110e36ebc9b348a6cccc363e5bc5ad69ad141525671b070cf7f13d874681a.jpg", "btn_bg_color_2": "#becd6d", "btn_bg_color_3": "#becd6d", "btn_bg_color_4": "#becd6d", "btn_bg_color_5": "#becd6d", "font_custom_show": "0"}, "button_settings": {}, "conditions_splits": [], "id": 90117, "behavior_settings": {"button": {"on": false, "positions": {"desktop": {"top": "0px", "left": "0px"}}, "conditions": "targeting", "show_before": true}}}], "pinned": false, "name": "Online Exclusive C12 2024", "active": true, "embed_selector": false, "selector": "", "placement": "start", "frequency": {"once_lifetime": false, "once_session": false, "priority": false, "minimal_timeout": null}, "start_date": "2024-08-25T00:30:12+03:00", "end_date": "2024-09-14T21:00:00+03:00", "day_of_week": [true, true, true, true, true, true, true], "start_time": null, "end_time": null, "timezone_minutes": 180, "custom_fields": [], "container_id": 81193, "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-91066.png?ts=1724426479522", "rendered_button_preview": null, "settings": {"on": "1", "link": "https://www.oriflame.ru/online-exclusive", "on_2": "0", "on_3": "0", "on_4": "0", "on_5": "0", "type": "image", "image": "https://personalization-web-stable.mindbox.ru/user-media/4271/dea30c56506fc4a40e402cc145145184f4ae3665ebe0aa6796c159fea5a2b714.jpg", "order": "3", "link_2": "https://mindbox.ru", "link_3": "https://mindbox.ru", "link_4": "https://mindbox.ru", "link_5": "https://mindbox.ru", "type_2": "image", "type_3": "image", "type_4": "image", "type_5": "image", "ga_show": "Story shown", "image_2": "https://personalization-web-stable.mindbox.ru/user-media/3/0fb567174ddca8f259bb7bab5402d2fe6f5775e6721117e73ec1c24b706567b2.png", "image_3": "https://personalization-web-stable.mindbox.ru/user-media/3/1a117aa927782c21b903c597ede4cb79a388c7e8e104c6fcbdbb5c5c99111799.png", "image_4": "https://personalization-web-stable.mindbox.ru/user-media/3/ac7d2e6d4201606cf5ccb43793571bbe6ec5a0e21fbe0610d9624bf5a9186475.png", "image_5": "https://personalization-web-stable.mindbox.ru/user-media/3/ae14a699806ba019d51166d14086d3357cb800d88c4f7d58fb4496bab749bfb8.png", "timeout": "10", "enableGA": "0", "ga_click": "Stories Click", "timeout_2": "10", "timeout_3": "10", "timeout_4": "10", "timeout_5": "10", "more_color": "#333333", "story_name": "\u042d\u043a\u0441\u043a\u043b\u044e\u0437\u0438\u0432\u043d\u043e
\u043e\u043d\u043b\u0430\u0439\u043d", "ua_tracker": "UA-123123", "video_link": "", "button_text": "\u041f\u0440\u043e\u0432\u0435\u0440\u0438\u0442\u044c", "font_custom": "Roboto", "font_family": "Roboto, sans-serif", "ga_category": "PopMechanic", "btn_bg_color": "#ffffff", "more_color_2": "#fff", "more_color_3": "#fff", "more_color_4": "#fff", "more_color_5": "#fff", "video_link_2": "https://www.w3schools.com/html/mov_bbb.mp4", "video_link_3": "https://www.w3schools.com/html/mov_bbb.mp4", "video_link_4": "https://www.w3schools.com/html/mov_bbb.mp4", "video_link_5": "https://www.w3schools.com/html/mov_bbb.mp4", "button_text_2": "\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435", "button_text_3": "\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435", "button_text_4": "\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435", "button_text_5": "\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435", "story_picture": "https://personalization-web-stable.mindbox.ru/user-media/4271/e07110e36ebc9b348a6cccc363e5bc5ad69ad141525671b070cf7f13d874681a.jpg", "btn_bg_color_2": "#becd6d", "btn_bg_color_3": "#becd6d", "btn_bg_color_4": "#becd6d", "btn_bg_color_5": "#becd6d", "font_custom_show": "0"}, "button_settings": {}, "behavior_settings": {"button": {"on": false, "positions": {"desktop": {"top": "0px", "left": "0px"}}, "conditions": "targeting", "show_before": true}}, "html": "", "css": "", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 90707, "template": 1991, "button_template": null, "test_group": null, "new_targeting": {"filter": {"id": "root", "name": "root", "nodes": [{"id": "2", "name": "$or", "type": "current_page", "nodes": [{"id": "3", "field": "page", "value": ["https://www.oriflame.ru/"], "operator": "$in"}, {"id": "4", "field": "page", "value": ["https://www.oriflame.ru"], "operator": "$in"}, {"id": "5", "field": "page", "value": ["https://www.oriflame.ru/?"], "operator": "$in_startsWith"}], "operator": "$or"}], "operator": "$and"}}, "settings_splits": [{"settings": {"on": "1", "link": "https://www.oriflame.ru/new", "on_2": "0", "on_3": "0", "on_4": "0", "on_5": "0", "type": "image", "image": "https://personalization-web-stable.mindbox.ru/user-media/4271/ce62cdce1f0453da84e4aa0be999cd28f9822d30d7579ad6a59c87c62580c618.jpg", "order": "2", "link_2": "https://mindbox.ru", "link_3": "https://mindbox.ru", "link_4": "https://mindbox.ru", "link_5": "https://mindbox.ru", "type_2": "image", "type_3": "image", "type_4": "image", "type_5": "image", "ga_show": "Story shown", "image_2": "https://personalization-web-stable.mindbox.ru/user-media/3/0fb567174ddca8f259bb7bab5402d2fe6f5775e6721117e73ec1c24b706567b2.png", "image_3": "https://personalization-web-stable.mindbox.ru/user-media/3/1a117aa927782c21b903c597ede4cb79a388c7e8e104c6fcbdbb5c5c99111799.png", "image_4": "https://personalization-web-stable.mindbox.ru/user-media/3/ac7d2e6d4201606cf5ccb43793571bbe6ec5a0e21fbe0610d9624bf5a9186475.png", "image_5": "https://personalization-web-stable.mindbox.ru/user-media/3/ae14a699806ba019d51166d14086d3357cb800d88c4f7d58fb4496bab749bfb8.png", "timeout": "10", "enableGA": "0", "ga_click": "Stories Click", "timeout_2": "10", "timeout_3": "10", "timeout_4": "10", "timeout_5": "10", "more_color": "#333333", "story_name": "\u041d\u043e\u0432\u0438\u043d\u043a\u0438", "ua_tracker": "UA-123123", "video_link": "", "button_text": "\u0425\u043e\u0447\u0443!", "font_custom": "Roboto", "font_family": "Roboto, sans-serif", "ga_category": "PopMechanic", "btn_bg_color": "#ffffff", "more_color_2": "#fff", "more_color_3": "#fff", "more_color_4": "#fff", "more_color_5": "#fff", "video_link_2": "https://www.w3schools.com/html/mov_bbb.mp4", "video_link_3": "https://www.w3schools.com/html/mov_bbb.mp4", "video_link_4": "https://www.w3schools.com/html/mov_bbb.mp4", "video_link_5": "https://www.w3schools.com/html/mov_bbb.mp4", "button_text_2": "\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435", "button_text_3": "\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435", "button_text_4": "\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435", "button_text_5": "\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435", "story_picture": "https://personalization-web-stable.mindbox.ru/user-media/4271/05eba09a3e888ed48d76b2313b657853aa1514444d1c20a4ce1954a62f6ba5df.jpg", "btn_bg_color_2": "#becd6d", "btn_bg_color_3": "#becd6d", "btn_bg_color_4": "#becd6d", "btn_bg_color_5": "#becd6d", "font_custom_show": "0"}, "button_settings": {}, "conditions_splits": [], "id": 90115, "behavior_settings": {"button": {"on": false, "positions": {"desktop": {"top": "0px", "left": "0px"}}, "conditions": "targeting", "show_before": true}}}], "pinned": false, "name": "Novelties C12 2024", "active": true, "embed_selector": false, "selector": "", "placement": "start", "frequency": {"once_lifetime": false, "once_session": false, "priority": false, "minimal_timeout": null}, "start_date": "2024-08-25T00:30:00+03:00", "end_date": "2024-09-14T21:00:00+03:00", "day_of_week": [true, true, true, true, true, true, true], "start_time": null, "end_time": null, "timezone_minutes": 180, "custom_fields": [], "container_id": 81193, "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-91064.png?ts=1724425655705", "rendered_button_preview": null, "settings": {"on": "1", "link": "https://www.oriflame.ru/new", "on_2": "0", "on_3": "0", "on_4": "0", "on_5": "0", "type": "image", "image": "https://personalization-web-stable.mindbox.ru/user-media/4271/ce62cdce1f0453da84e4aa0be999cd28f9822d30d7579ad6a59c87c62580c618.jpg", "order": "2", "link_2": "https://mindbox.ru", "link_3": "https://mindbox.ru", "link_4": "https://mindbox.ru", "link_5": "https://mindbox.ru", "type_2": "image", "type_3": "image", "type_4": "image", "type_5": "image", "ga_show": "Story shown", "image_2": "https://personalization-web-stable.mindbox.ru/user-media/3/0fb567174ddca8f259bb7bab5402d2fe6f5775e6721117e73ec1c24b706567b2.png", "image_3": "https://personalization-web-stable.mindbox.ru/user-media/3/1a117aa927782c21b903c597ede4cb79a388c7e8e104c6fcbdbb5c5c99111799.png", "image_4": "https://personalization-web-stable.mindbox.ru/user-media/3/ac7d2e6d4201606cf5ccb43793571bbe6ec5a0e21fbe0610d9624bf5a9186475.png", "image_5": "https://personalization-web-stable.mindbox.ru/user-media/3/ae14a699806ba019d51166d14086d3357cb800d88c4f7d58fb4496bab749bfb8.png", "timeout": "10", "enableGA": "0", "ga_click": "Stories Click", "timeout_2": "10", "timeout_3": "10", "timeout_4": "10", "timeout_5": "10", "more_color": "#333333", "story_name": "\u041d\u043e\u0432\u0438\u043d\u043a\u0438", "ua_tracker": "UA-123123", "video_link": "", "button_text": "\u0425\u043e\u0447\u0443!", "font_custom": "Roboto", "font_family": "Roboto, sans-serif", "ga_category": "PopMechanic", "btn_bg_color": "#ffffff", "more_color_2": "#fff", "more_color_3": "#fff", "more_color_4": "#fff", "more_color_5": "#fff", "video_link_2": "https://www.w3schools.com/html/mov_bbb.mp4", "video_link_3": "https://www.w3schools.com/html/mov_bbb.mp4", "video_link_4": "https://www.w3schools.com/html/mov_bbb.mp4", "video_link_5": "https://www.w3schools.com/html/mov_bbb.mp4", "button_text_2": "\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435", "button_text_3": "\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435", "button_text_4": "\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435", "button_text_5": "\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435", "story_picture": "https://personalization-web-stable.mindbox.ru/user-media/4271/05eba09a3e888ed48d76b2313b657853aa1514444d1c20a4ce1954a62f6ba5df.jpg", "btn_bg_color_2": "#becd6d", "btn_bg_color_3": "#becd6d", "btn_bg_color_4": "#becd6d", "btn_bg_color_5": "#becd6d", "font_custom_show": "0"}, "button_settings": {}, "behavior_settings": {"button": {"on": false, "positions": {"desktop": {"top": "0px", "left": "0px"}}, "conditions": "targeting", "show_before": true}}, "html": "", "css": "", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 90706, "template": 1991, "button_template": null, "test_group": null, "new_targeting": {"filter": {"id": "root", "name": "root", "nodes": [{"id": "2", "name": "$or", "type": "current_page", "nodes": [{"id": "3", "field": "page", "value": ["https://www.oriflame.ru/"], "operator": "$in"}, {"id": "4", "field": "page", "value": ["https://www.oriflame.ru"], "operator": "$in"}, {"id": "5", "field": "page", "value": ["https://www.oriflame.ru/?"], "operator": "$in_startsWith"}], "operator": "$or"}], "operator": "$and"}}, "settings_splits": [{"settings": {"on": "1", "link": "https://www.oriflame.ru/products/digital-catalogue-current", "on_2": "0", "on_3": "0", "on_4": "0", "on_5": "0", "type": "image", "image": "https://personalization-web-stable.mindbox.ru/user-media/4271/9541b633e262016cb9361597f5ab913379fff75bd6e9fa490fc5694b83aedaff.jpg", "order": "1", "link_2": "https://www.oriflame.ru/catalogues", "link_3": "https://mindbox.ru", "link_4": "https://mindbox.ru", "link_5": "https://mindbox.ru", "type_2": "image", "type_3": "image", "type_4": "image", "type_5": "image", "ga_show": "Story shown", "image_2": "https://personalization-web-stable.mindbox.ru/user-media/4271/c642263f16951c6b2b4109f85fd779b22c8ea2841a350b7b500465cbcb33808e.gif", "image_3": "https://personalization-web-stable.mindbox.ru/user-media/3/1a117aa927782c21b903c597ede4cb79a388c7e8e104c6fcbdbb5c5c99111799.png", "image_4": "https://personalization-web-stable.mindbox.ru/user-media/3/ac7d2e6d4201606cf5ccb43793571bbe6ec5a0e21fbe0610d9624bf5a9186475.png", "image_5": "https://personalization-web-stable.mindbox.ru/user-media/3/ae14a699806ba019d51166d14086d3357cb800d88c4f7d58fb4496bab749bfb8.png", "timeout": "10", "enableGA": "0", "ga_click": "Stories Click", "timeout_2": "10", "timeout_3": "10", "timeout_4": "10", "timeout_5": "10", "more_color": "#ffffff", "story_name": "\u0412\u0441\u0435
\u043a\u0430\u0442\u0430\u043b\u043e\u0433\u0438", "ua_tracker": "UA-123123", "video_link": "", "button_text": "\u041e\u0442\u043a\u0440\u044b\u0442\u044c", "font_custom": "Roboto", "font_family": "Roboto, sans-serif", "ga_category": "PopMechanic", "btn_bg_color": "#555555", "more_color_2": "#333333", "more_color_3": "#fff", "more_color_4": "#fff", "more_color_5": "#fff", "video_link_2": "", "video_link_3": "https://www.w3schools.com/html/mov_bbb.mp4", "video_link_4": "https://www.w3schools.com/html/mov_bbb.mp4", "video_link_5": "https://www.w3schools.com/html/mov_bbb.mp4", "button_text_2": "\u0421\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u0432\u0441\u0435", "button_text_3": "\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435", "button_text_4": "\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435", "button_text_5": "\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435", "story_picture": "https://personalization-web-stable.mindbox.ru/user-media/4271/54cf211184be44b92132400cdd684c1b13d1870f3b784359a995365457fd1e3a.jpg", "btn_bg_color_2": "#ffffff", "btn_bg_color_3": "#becd6d", "btn_bg_color_4": "#becd6d", "btn_bg_color_5": "#becd6d", "font_custom_show": "0"}, "button_settings": {}, "conditions_splits": [], "id": 90114, "behavior_settings": {"button": {"on": false, "positions": {"desktop": {"top": "0px", "left": "0px"}}, "conditions": "targeting", "show_before": true}}}], "pinned": false, "name": "All catalogues C12 2024", "active": true, "embed_selector": false, "selector": "", "placement": "start", "frequency": {"once_lifetime": false, "once_session": false, "priority": false, "minimal_timeout": null}, "start_date": "2024-08-25T00:30:02+03:00", "end_date": "2024-09-14T21:00:00+03:00", "day_of_week": [true, true, true, true, true, true, true], "start_time": null, "end_time": null, "timezone_minutes": 180, "custom_fields": [], "container_id": 81193, "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-91063.png?ts=1724425571572", "rendered_button_preview": null, "settings": {"on": "1", "link": "https://www.oriflame.ru/products/digital-catalogue-current", "on_2": "0", "on_3": "0", "on_4": "0", "on_5": "0", "type": "image", "image": "https://personalization-web-stable.mindbox.ru/user-media/4271/9541b633e262016cb9361597f5ab913379fff75bd6e9fa490fc5694b83aedaff.jpg", "order": "1", "link_2": "https://www.oriflame.ru/catalogues", "link_3": "https://mindbox.ru", "link_4": "https://mindbox.ru", "link_5": "https://mindbox.ru", "type_2": "image", "type_3": "image", "type_4": "image", "type_5": "image", "ga_show": "Story shown", "image_2": "https://personalization-web-stable.mindbox.ru/user-media/4271/c642263f16951c6b2b4109f85fd779b22c8ea2841a350b7b500465cbcb33808e.gif", "image_3": "https://personalization-web-stable.mindbox.ru/user-media/3/1a117aa927782c21b903c597ede4cb79a388c7e8e104c6fcbdbb5c5c99111799.png", "image_4": "https://personalization-web-stable.mindbox.ru/user-media/3/ac7d2e6d4201606cf5ccb43793571bbe6ec5a0e21fbe0610d9624bf5a9186475.png", "image_5": "https://personalization-web-stable.mindbox.ru/user-media/3/ae14a699806ba019d51166d14086d3357cb800d88c4f7d58fb4496bab749bfb8.png", "timeout": "10", "enableGA": "0", "ga_click": "Stories Click", "timeout_2": "10", "timeout_3": "10", "timeout_4": "10", "timeout_5": "10", "more_color": "#ffffff", "story_name": "\u0412\u0441\u0435
\u043a\u0430\u0442\u0430\u043b\u043e\u0433\u0438", "ua_tracker": "UA-123123", "video_link": "", "button_text": "\u041e\u0442\u043a\u0440\u044b\u0442\u044c", "font_custom": "Roboto", "font_family": "Roboto, sans-serif", "ga_category": "PopMechanic", "btn_bg_color": "#555555", "more_color_2": "#333333", "more_color_3": "#fff", "more_color_4": "#fff", "more_color_5": "#fff", "video_link_2": "", "video_link_3": "https://www.w3schools.com/html/mov_bbb.mp4", "video_link_4": "https://www.w3schools.com/html/mov_bbb.mp4", "video_link_5": "https://www.w3schools.com/html/mov_bbb.mp4", "button_text_2": "\u0421\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u0432\u0441\u0435", "button_text_3": "\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435", "button_text_4": "\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435", "button_text_5": "\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435", "story_picture": "https://personalization-web-stable.mindbox.ru/user-media/4271/54cf211184be44b92132400cdd684c1b13d1870f3b784359a995365457fd1e3a.jpg", "btn_bg_color_2": "#ffffff", "btn_bg_color_3": "#becd6d", "btn_bg_color_4": "#becd6d", "btn_bg_color_5": "#becd6d", "font_custom_show": "0"}, "button_settings": {}, "behavior_settings": {"button": {"on": false, "positions": {"desktop": {"top": "0px", "left": "0px"}}, "conditions": "targeting", "show_before": true}}, "html": "", "css": "", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 83123, "template": 1012, "button_template": 179, "test_group": null, "new_targeting": {"filter": {"id": "root", "name": "root", "nodes": [{"id": "2", "field": "utm_medium", "value": "email", "operator": "$neq"}, {"id": "3", "field": "referrer", "value": "market.yandex.ru", "operator": "$exclude"}, {"id": "4", "field": "device", "value": ["pc", "mobile", "tablet"], "operator": "$in"}, {"id": "5", "field": "source", "value": ["utm", "organic", "referral", "typein"], "operator": "$in"}, {"id": "6", "name": "$and", "type": "current_page", "nodes": [{"id": "7", "field": "page", "value": ["https://www.oriflame.ru/business-opportunity/become-consultant"], "operator": "$in"}], "operator": "$and"}, {"id": "8", "name": "$and", "type": "current_page", "nodes": [{"id": "9", "field": "page", "value": "frommarket=", "operator": "$exclude"}], "operator": "$and"}], "operator": "$and"}}, "settings_splits": [{"settings": {"pad_top": "25", "btn_text": "\u0417\u0410 \u041f\u041e\u041a\u0423\u041f\u041a\u0410\u041c\u0418", "endpoint": "ruoriflamecom", "link_url": "", "pad_left": "300.00", "show_btn": "0", "btn_color": "#ffffff", "btn_width": "229.00", "form_font": "SansOri,Arial,Helvetica,sans-serif", "pad_right": "24.00", "btn_action": "link", "pad_bottom": "25.00", "promo_text": "", "show_promo": "0", "show_title": "1", "title_text": "\u041e\u0431\u0440\u0430\u0442\u0438\u0442\u0435 \u0432\u043d\u0438\u043c\u0430\u043d\u0438\u0435! ", "btn_bgcolor": "#554377", "close_color": "#555555", "form_bg_img": "", "pad_top_mob": "24", "promo_color": "#000000", "promo_width": "279", "title_color": "#555555", "btn_fontsize": "18", "btn_text_mob": "", "copy_success": "", "img_left_src": "https://personalization-web-stable.mindbox.ru/user-media/4271/1fc39012f022f2a5709027fe94468ccf40f7cf24890e21dbd7a60da6da9dd874.png", "img_left_top": "-84.00", "pad_left_mob": "40", "show_form_bg": "0", "btn_width_mob": "183.00", "form_bg_color": "#f0f0f0", "img_left_left": "-0.00", "pad_right_mob": "40", "show_img_left": "0", "img_left_width": "300.00", "pad_bottom_mob": "9", "promo_fontsize": "36", "title_fontsize": "27", "btn_hover_color": "#ffffff", "form_bg_opacity": "0.90", "form_height_mob": "181", "img_left_height": "163", "post_title_text": "\u042d\u0442\u043e \u0444\u043e\u0440\u043c\u0430 \u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u0438 \u0434\u043b\u044f \u0411\u0438\u0437\u043d\u0435\u0441 \u041f\u0430\u0440\u0442\u043d\u0451\u0440\u043e\u0432! \u041f\u043b\u0430\u0442\u0430 \u0437\u0430 \u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u044e - 499 \u0440\u0443\u0431.", "promo_width_mob": "200", "show_post_title": "1", "btn_fontsize_mob": "15", "form_line_height": "1.1", "img_left_top_mob": "-12.00", "post_title_color": "#555555", "btn_border_radius": "50", "btn_hover_bgcolor": "#71599c", "img_left_width_mob": "241.00", "promo_fontsize_mob": "26", "title_fontsize_mob": "19", "img_left_height_mob": "63", "post_title_fontsize": "19", "form_line_height_mob": "1", "post_title_fontsize_mob": "14"}, "button_settings": {"font2": "Roboto", "otst1": 14, "otst2": 47, "otst3": "10", "otst4": 9, "text7": "WOW-\u0441\u043a\u0438\u0434\u043a\u0438", "cl_col": "#7f7d7d", "color3": "#bee4d5", "color5": "#7f7d7d", "color7": "#98dac3", "crug10": 18, "font434": 500, "font_size10": 20, "font_size16": "14", "border_color": "#7f7d7d", "border_width": 1, "border_enable": "0"}, "conditions_splits": [{"conditions": {"delay": "3"}, "combinator": "or", "id": 195841}], "id": 82531, "behavior_settings": {"lead": {"legal_text": ""}, "banner": {"offset": 0, "position": "bottom", "animation_in": "fadeIn", "allow_overlay": true, "animation_out": "fadeOut"}, "button": {"on": false, "positions": {"mobile": {"top": "0px", "left": "0px"}, "tablet": {"top": "0px", "left": "0px"}, "desktop": {"left": "0%", "bottom": "0px"}}, "conditions": "targeting", "show_before": true}, "social": {"id": "popmechanic", "mode": "cover", "type": "fb_page"}, "instagram": {"user": ""}, "fullscreen": {"show_legal": false, "allow_overlay": true}}}], "pinned": false, "name": "BCM C04 2024 marketing request", "active": true, "embed_selector": false, "selector": "", "placement": "start", "frequency": {"once_lifetime": false, "once_session": false, "priority": false, "minimal_timeout": null}, "start_date": "2024-03-12T11:54:12.061000+03:00", "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": 179, "rendered_preview": "https://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-83093.png?ts=1710233693013", "rendered_button_preview": "https://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-button-83093.png?ts=1710233697984", "settings": {"pad_top": "25", "btn_text": "\u0417\u0410 \u041f\u041e\u041a\u0423\u041f\u041a\u0410\u041c\u0418", "endpoint": "ruoriflamecom", "link_url": "", "pad_left": "300.00", "show_btn": "0", "btn_color": "#ffffff", "btn_width": "229.00", "form_font": "SansOri,Arial,Helvetica,sans-serif", "pad_right": "24.00", "btn_action": "link", "pad_bottom": "25.00", "promo_text": "", "show_promo": "0", "show_title": "1", "title_text": "\u041e\u0431\u0440\u0430\u0442\u0438\u0442\u0435 \u0432\u043d\u0438\u043c\u0430\u043d\u0438\u0435! ", "btn_bgcolor": "#554377", "close_color": "#555555", "form_bg_img": "", "pad_top_mob": "24", "promo_color": "#000000", "promo_width": "279", "title_color": "#555555", "btn_fontsize": "18", "btn_text_mob": "", "copy_success": "", "img_left_src": "https://personalization-web-stable.mindbox.ru/user-media/4271/1fc39012f022f2a5709027fe94468ccf40f7cf24890e21dbd7a60da6da9dd874.png", "img_left_top": "-84.00", "pad_left_mob": "40", "show_form_bg": "0", "btn_width_mob": "183.00", "form_bg_color": "#f0f0f0", "img_left_left": "-0.00", "pad_right_mob": "40", "show_img_left": "0", "img_left_width": "300.00", "pad_bottom_mob": "9", "promo_fontsize": "36", "title_fontsize": "27", "btn_hover_color": "#ffffff", "form_bg_opacity": "0.90", "form_height_mob": "181", "img_left_height": "163", "post_title_text": "\u042d\u0442\u043e \u0444\u043e\u0440\u043c\u0430 \u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u0438 \u0434\u043b\u044f \u0411\u0438\u0437\u043d\u0435\u0441 \u041f\u0430\u0440\u0442\u043d\u0451\u0440\u043e\u0432! \u041f\u043b\u0430\u0442\u0430 \u0437\u0430 \u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u044e - 499 \u0440\u0443\u0431.", "promo_width_mob": "200", "show_post_title": "1", "btn_fontsize_mob": "15", "form_line_height": "1.1", "img_left_top_mob": "-12.00", "post_title_color": "#555555", "btn_border_radius": "50", "btn_hover_bgcolor": "#71599c", "img_left_width_mob": "241.00", "promo_fontsize_mob": "26", "title_fontsize_mob": "19", "img_left_height_mob": "63", "post_title_fontsize": "19", "form_line_height_mob": "1", "post_title_fontsize_mob": "14"}, "button_settings": {"font2": "Roboto", "otst1": 14, "otst2": 47, "otst3": "10", "otst4": 9, "text7": "WOW-\u0441\u043a\u0438\u0434\u043a\u0438", "cl_col": "#7f7d7d", "color3": "#bee4d5", "color5": "#7f7d7d", "color7": "#98dac3", "crug10": 18, "font434": 500, "font_size10": 20, "font_size16": "14", "border_color": "#7f7d7d", "border_width": 1, "border_enable": "0"}, "behavior_settings": {"lead": {"legal_text": ""}, "banner": {"offset": 0, "position": "bottom", "animation_in": "fadeIn", "allow_overlay": true, "animation_out": "fadeOut"}, "button": {"on": false, "positions": {"mobile": {"top": "0px", "left": "0px"}, "tablet": {"top": "0px", "left": "0px"}, "desktop": {"left": "0%", "bottom": "0px"}}, "conditions": "targeting", "show_before": true}, "social": {"id": "popmechanic", "mode": "cover", "type": "fb_page"}, "instagram": {"user": ""}, "fullscreen": {"show_legal": false, "allow_overlay": true}}, "html": "
\r\n
\r\n
\r\n <% if(parseInt(show_img_left)){ %>\r\n
\r\n \" alt=\"img\">\r\n
\r\n <% } %>\r\n\r\n \r\n
\r\n <% if(parseInt(show_title)){ %>\r\n <%=title_text%>\r\n <% } %>\r\n <% if(parseInt(show_post_title)){ %>\r\n
\r\n <%=post_title_text%>\r\n
\r\n <% } %>\r\n
\r\n \r\n\r\n \r\n
\r\n <% if(parseInt(show_promo)){ %>\r\n
\r\n <%=promo_text%>\r\n
\r\n <% } %>\r\n <%if(btn_action == 'close') {%>\r\n \r\n <%=btn_text%>\r\n \r\n \r\n <%=btn_text_mob%>\r\n \r\n <% } %>\r\n <%if(btn_action == 'copy') {%>\r\n \r\n <%=btn_text%>\r\n \r\n \r\n <%=btn_text_mob%>\r\n \r\n <% } %>\r\n <%if(btn_action == 'link') {%>\r\n \" class=\"popmechanic-button popmechanic-btn-desktop\" data-popmechanic-link>\r\n <%=btn_text%>\r\n \r\n \" class=\"popmechanic-button popmechanic-btn-mobile\" data-popmechanic-link>\r\n <%=btn_text_mob%>\r\n \r\n <% } %>\r\n
\r\n \r\n
×
\r\n
\r\n
\r\n\r\n
", "css": "#popmechanic-form {\r\n width: 100%;\r\n \r\n font-family: <%=form_font%>;\r\n -webkit-box-sizing: border-box;\r\n box-sizing: border-box;\r\n position: relative;\r\n line-height: <%=form_line_height%>;\r\n \r\n padding-top: <%=pad_top%>px;\r\n padding-bottom: <%=pad_bottom%>px;\r\n padding-left: <%=pad_left%>px;\r\n padding-right: <%=pad_right%>px;\r\n\r\n <%if(parseInt(show_form_bg)) {%>\r\n background: url(<%=form_bg_img%>);\r\n background-repeat: no-repeat;\r\n background-size: cover;\r\n <% } else {%>\r\n \r\n <% } %>\r\n}\r\n#popmechanic-form::after {\r\n content: \"\";\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n display: block;\r\n width: 100%;\r\n height: 100%;\r\n background-color: <%=form_bg_color%>;\r\n opacity: <%=form_bg_opacity%>;\r\n z-index: -1;\r\n}\r\n#popmechanic-form .popmechanic-main {\r\n height: 100%;\r\n z-index: 2;\r\n}\r\n\r\n#popmechanic-form .popmechanic-content {\r\n text-align: center;\r\n display: -webkit-box;\r\n display: -ms-flexbox;\r\n display: flex;\r\n -webkit-box-pack: center;\r\n -ms-flex-pack: center;\r\n justify-content: center;\r\n -webkit-box-align: center;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n height: 100%;\r\n}\r\n\r\n#popmechanic-form .popmechanic-close {\r\n color: <%=close_color%>;\r\n cursor: pointer;\r\n text-align: center;\r\n margin-left: auto;\r\n background-color: transparent;\r\n font-weight: 400;\r\n width: 30px;\r\n height: 30px;\r\n line-height: 30px;\r\n font-size: 45px;\r\n}\r\n\r\n#popmechanic-form .img_left {\r\n width: <%=img_left_width%>px;\r\n position: relative;\r\n margin-right: 70px;\r\n margin-left: auto;\r\n}\r\n\r\n#popmechanic-form .img_left img {\r\n top: <%=img_left_top%>px;\r\n left: <%=img_left_left%>px;\r\n -webkit-transform: translateY(-50%);\r\n transform: translateY(-50%);\r\n position: absolute;\r\n width: <%=img_left_width%>px;\r\n height: auto;\r\n}\r\n\r\n#popmechanic-form .popmechanic-post-title {\r\n margin-top: 0px;\r\n font-size: <%=post_title_fontsize%>px;\r\n font-weight: 400;\r\n color: <%=post_title_color%>;\r\n text-align: center;\r\n}\r\n\r\n#popmechanic-form .popmechanic-title {\r\n font-size: <%=title_fontsize%>px;\r\n margin-right: 80px;\r\n font-weight: bold;\r\n color: <%=title_color%>;\r\n}\r\n\r\n#popmechanic-form .popmechanic-promo-wrapper {\r\n display: -webkit-box;\r\n display: -ms-flexbox;\r\n display: flex;\r\n -webkit-box-align: center;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n height: 65px;\r\n margin-right: 30px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-promo {\r\n width: <%=promo_width%>px;\r\n display: -webkit-box;\r\n display: -ms-flexbox;\r\n display: flex;\r\n -webkit-box-align: center;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n -webkit-box-pack: center;\r\n -ms-flex-pack: center;\r\n justify-content: center;\r\n height: 100%;\r\n background-color: #fff;\r\n color: <%=promo_color%>;\r\n font-size: <%=promo_fontsize%>px;\r\n font-weight: 600;\r\n line-height: 65px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-button {\r\n line-height: 65px;\r\n width: <%=btn_width%>px;\r\n height: 100%;\r\n background: <%=btn_bgcolor%>;\r\n color: <%=btn_color%>;\r\n font-size: <%=btn_fontsize%>px;\r\n border-radius: <%=btn_border_radius%>px;\r\n cursor: pointer;\r\n text-decoration: none;\r\n -webkit-transition: .3s;\r\n transition: .3s;\r\n outline: none;\r\n border: none;\r\n -webkit-transition: all .3s;\r\n transition: all .3s;\r\n\r\n <% if(!parseInt(show_btn)){ %>\r\n display: none!important;\r\n <% } %>\r\n}\r\n\r\n#popmechanic-form .popmechanic-button:hover {\r\n color: <%=btn_hover_color%>;\r\n background: <%=btn_hover_bgcolor%>;\r\n}\r\n#popmechanic-form .popmechanic-btn-mobile {\r\n display: none;\r\n}\r\n\r\n\r\n.popmechanic-mobile #popmechanic-form {\r\n height: <%=form_height_mob%>px;\r\n padding-top: <%=pad_top_mob%>px;\r\n padding-bottom: <%=pad_bottom_mob%>px;\r\n padding-left: <%=pad_left_mob%>px;\r\n padding-right: <%=pad_right_mob%>px;\r\n line-height: <%=form_line_height_mob%>;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-content {\r\n text-align: center;\r\n -webkit-box-orient: vertical;\r\n -webkit-box-direction: normal;\r\n -ms-flex-direction: column;\r\n flex-direction: column;\r\n -webkit-box-align: center;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-close {\r\n position: absolute;\r\n right: 10px;\r\n left: auto;\r\n top: 10px;\r\n color: #555555;\r\n font-size: 45px;\r\n}\r\n.popmechanic-mobile #popmechanic-form .img_left {\r\n position: absolute;\r\n top: <%=img_left_top_mob%>px;\r\n left: 50%;\r\n -webkit-transform: translateX(-50%);\r\n transform: translateX(-50%);\r\n width: <%=img_left_width_mob%>px;\r\n height: <%=img_left_height_mob%>px;\r\n margin: 0;\r\n}\r\n.popmechanic-mobile #popmechanic-form .img_left img {\r\n position: static;\r\n margin: 0;\r\n -webkit-transform: none;\r\n transform: none;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-title {\r\n font-size: <%=title_fontsize_mob%>px;\r\n margin: 0;\r\n margin-bottom: 10px;\r\n text-align: center;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-post-title {\r\n font-size: <%=post_title_fontsize_mob%>px;\r\n text-align: center;\r\n margin-top: 8px;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-promo-wrapper {\r\n height: auto;\r\n margin: 0;\r\n -webkit-box-orient: vertical;\r\n -webkit-box-direction: normal;\r\n -ms-flex-direction: column;\r\n flex-direction: column;\r\n -webkit-box-align: center;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-promo {\r\n width: <%=promo_width_mob%>px;\r\n font-size: <%=promo_fontsize_mob%>px;\r\n padding: 12px 0;\r\n line-height: 1;\r\n margin-bottom: 10px;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-button {\r\n width: <%=btn_width_mob%>px;\r\n font-size: <%=btn_fontsize_mob%>px;\r\n padding: 14px 0;\r\n line-height: 1;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-btn-desktop {\r\n display: none;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-btn-mobile {\r\n display: block;\r\n}\r\n\r\n@media screen and (max-width: 1100px) {\r\n #popmechanic-form {\r\n height: <%=form_height_mob%>px;\r\n padding-top: <%=pad_top_mob%>px;\r\n padding-bottom: <%=pad_bottom_mob%>px;\r\n padding-left: <%=pad_left_mob%>px;\r\n padding-right: <%=pad_right_mob%>px;\r\n line-height: <%=form_line_height_mob%>;\r\n }\r\n #popmechanic-form .popmechanic-content {\r\n text-align: center;\r\n -webkit-box-orient: vertical;\r\n -webkit-box-direction: normal;\r\n -ms-flex-direction: column;\r\n flex-direction: column;\r\n -webkit-box-align: center;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n }\r\n #popmechanic-form .popmechanic-close {\r\n position: absolute;\r\n right: 10px;\r\n left: auto;\r\n top: 10px;\r\n color:#555555;\r\n font-size: 45px;\r\n }\r\n #popmechanic-form .img_left {\r\n position: absolute;\r\n top: <%=img_left_top_mob%>px;\r\n left: 50%;\r\n -webkit-transform: translateX(-50%);\r\n transform: translateX(-50%);\r\n width: <%=img_left_width_mob%>px;\r\n margin: 0;\r\n }\r\n #popmechanic-form .img_left img {\r\n position: static;\r\n margin: 0;\r\n -webkit-transform: none;\r\n transform: none;\r\n }\r\n #popmechanic-form .popmechanic-title {\r\n font-size: <%=title_fontsize_mob%>px;\r\n margin: 0;\r\n margin-bottom: 10px;\r\n text-align: center;\r\n }\r\n #popmechanic-form .popmechanic-post-title {\r\n font-size: <%=post_title_fontsize_mob%>px;\r\n text-align: center;\r\n margin-top: 8px;\r\n }\r\n #popmechanic-form .popmechanic-promo-wrapper {\r\n height: auto;\r\n margin: 0;\r\n -webkit-box-orient: vertical;\r\n -webkit-box-direction: normal;\r\n -ms-flex-direction: column;\r\n flex-direction: column;\r\n -webkit-box-align: center;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n }\r\n #popmechanic-form .popmechanic-promo {\r\n width: <%=promo_width_mob%>px;\r\n font-size: <%=promo_fontsize_mob%>px;\r\n padding: 12px 0;\r\n line-height: 1;\r\n margin-bottom: 10px;\r\n }\r\n #popmechanic-form .popmechanic-button {\r\n width: <%=btn_width_mob%>px;\r\n font-size: <%=btn_fontsize_mob%>px;\r\n line-height: 1;\r\n padding: 14px 0;\r\n }\r\n #popmechanic-form .popmechanic-btn-desktop {\r\n display: none;\r\n }\r\n #popmechanic-form .popmechanic-btn-mobile {\r\n display: block;\r\n }\r\n}", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 81193, "template": 2430, "button_template": null, "test_group": null, "new_targeting": {"filter": {"id": "root", "name": "root", "nodes": [{"id": "2", "field": "device", "value": ["tablet", "pc", "mobile"], "operator": "$in"}, {"id": "3", "name": "$or", "type": "current_page", "nodes": [{"id": "4", "field": "page", "value": ["https://www.oriflame.ru/"], "operator": "$in"}, {"id": "5", "field": "page", "value": ["https://www.oriflame.ru"], "operator": "$in"}, {"id": "6", "field": "page", "value": ["https://www.oriflame.ru/?"], "operator": "$in_startsWith"}], "operator": "$or"}, {"id": "7", "name": "$and", "type": "current_page", "nodes": [{"id": "8", "field": "page", "value": "basket", "operator": "$exclude"}, {"id": "9", "field": "page", "value": "shopping/", "operator": "$exclude"}, {"id": "10", "field": "page", "value": "/wellness-guide", "operator": "$exclude"}, {"id": "11", "field": "page", "value": "become-consultant", "operator": "$exclude"}, {"id": "12", "field": "page", "value": "mypages", "operator": "$exclude"}, {"id": "13", "field": "page", "value": "order-detail", "operator": "$exclude"}, {"id": "14", "field": "page", "value": "/digital-catalogue-current", "operator": "$exclude"}, {"id": "15", "field": "page", "value": "/search", "operator": "$exclude"}, {"id": "16", "field": "page", "value": "https://www.oriflame.ru/brands/norrsken", "operator": "$exclude"}], "operator": "$and"}], "operator": "$and"}}, "settings_splits": [{"settings": {"bg_color": "#fff", "height_mob": "110", "font_custom": "\u2018Circe\u2019, Arial, sans-serif", "font_family": "Roboto, sans-serif", "height_desk": "110", "title_color": "#000", "border_color": "#f3b1b1", "border_width": "2", "title_fs_mob": "11", "gradient_show": "1", "padding_x_mob": "5", "padding_y_mob": "5", "title_fs_desk": "11", "height_fix_mob": "0", "off_hash_links": "0", "padding_x_desk": "5", "padding_y_desk": "20", "slider_slideby": "3", "height_fix_desk": "0", "font_custom_show": "0", "preview_size_mob": "62", "title_margin_mob": "8", "border_color_seen": "#555", "preview_size_desk": "65", "title_margin_desk": "8", "border_color_hover": "#000", "preview_margin_mob": "24", "preview_margin_desk": "25"}, "button_settings": {}, "conditions_splits": [], "id": 80601, "behavior_settings": {"embedded": {"animation_out": "fadeOut"}}}], "pinned": false, "name": "Stories 2024", "active": true, "embed_selector": true, "selector": "#__next > main > div.appshell-fp-4qshxx > div", "placement": "after", "frequency": {"once_lifetime": false, "once_session": false, "priority": false, "minimal_timeout": null}, "start_date": "2024-08-04T11:20:44.593000+03:00", "end_date": "2024-09-14T21:00:00+03:00", "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": [89610, 89123, 89120, 89130, 89125, 89127, 90706, 90707, 96735, 90709, 90708, 90710], "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-81108.png?ts=1725029808750", "rendered_button_preview": null, "settings": {"bg_color": "#fff", "height_mob": "110", "font_custom": "\u2018Circe\u2019, Arial, sans-serif", "font_family": "Roboto, sans-serif", "height_desk": "110", "title_color": "#000", "border_color": "#f3b1b1", "border_width": "2", "title_fs_mob": "11", "gradient_show": "1", "padding_x_mob": "5", "padding_y_mob": "5", "title_fs_desk": "11", "height_fix_mob": "0", "off_hash_links": "0", "padding_x_desk": "5", "padding_y_desk": "20", "slider_slideby": "3", "height_fix_desk": "0", "font_custom_show": "0", "preview_size_mob": "62", "title_margin_mob": "8", "border_color_seen": "#555", "preview_size_desk": "65", "title_margin_desk": "8", "border_color_hover": "#000", "preview_margin_mob": "24", "preview_margin_desk": "25"}, "button_settings": {}, "behavior_settings": {"embedded": {"animation_out": "fadeOut"}}, "html": "", "css": "", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 65969, "template": 2379, "button_template": null, "test_group": null, "new_targeting": null, "settings_splits": [{"settings": {"title": "\u0421\u0432\u043e\u0439 \u0432\u0430\u0440\u0438\u0430\u043d\u0442", "bg_color": "#fff", "title_fw": "600", "title_lh": "1", "width_mob": "304", "close_show": "0", "title_show": "0", "width_desk": "1", "close_color": "#000", "font_custom": "Circe, Arial, sans-serif", "font_family": "Raleway, sans-serif", "img_src_mob": "https://personalization-web-stable.mindbox.ru/user-media/img/img4_-5430093244205192374.svg", "shadow_blur": "15", "shadow_show": "1", "title_color": "#000", "border_color": "#000", "img_show_mob": "1", "img_src_desk": "https://personalization-web-stable.mindbox.ru/user-media/img/img4_-5430093244205192374.svg", "shadow_color": "#000", "title_fs_mob": "16", "border_radius": "12", "close_bg_show": "0", "img_show_desk": "0", "img_width_mob": "24", "padding_x_mob": "16", "padding_y_mob": "12", "shadow_spread": "0", "title_fs_desk": "18", "title_options": "opt1", "close_bg_color": "#ccc", "close_size_mob": "32", "img_offset_mob": "14", "img_width_desk": "10.00", "padding_x_desk": "1", "padding_y_desk": "1", "title_default1": "\u041f\u043e\u043f\u0443\u043b\u044f\u0440\u043d\u044b\u0439 \u0442\u043e\u0432\u0430\u0440", "title_default2": "\u041d\u0430 \u0442\u043e\u0432\u0430\u0440 \u0434\u0435\u0439\u0441\u0442\u0432\u0443\u0435\u0442 \u0441\u043a\u0438\u0434\u043a\u0430", "title_default3": "\u0412\u044b\u0441\u043e\u043a\u0438\u0439 \u0441\u043f\u0440\u043e\u0441", "bg_transparency": "0.00", "close_size_desk": "1", "img_offset_desk": "14", "shadow_offset_x": "0", "shadow_offset_y": "10", "border_width_mob": "0", "font_custom_show": "0", "border_width_desk": "0", "image_options_mob": "opt1", "image_default1_mob": "https://personalization-web-stable.mindbox.ru/user-media/img/img1_7512264618007754016.svg", "image_default2_mob": "https://personalization-web-stable.mindbox.ru/user-media/img/img2_2166958376586475848.svg", "image_default3_mob": "https://personalization-web-stable.mindbox.ru/user-media/img/img3_-7691492651555502830.svg", "image_options_desk": "opt1", "img_position_x_mob": "left", "img_position_y_mob": "center", "close_border_radius": "0", "image_default1_desk": "https://personalization-web-stable.mindbox.ru/user-media/img/img1_7512264618007754016.svg", "image_default2_desk": "https://personalization-web-stable.mindbox.ru/user-media/img/img2_2166958376586475848.svg", "image_default3_desk": "https://personalization-web-stable.mindbox.ru/user-media/img/img3_-7691492651555502830.svg", "img_position_x_desk": "left", "img_position_y_desk": "center", "shadow_transparency": "0.15", "close_position_x_mob": "6", "close_position_y_mob": "6", "title_position_x_mob": "left", "title_position_y_mob": "center", "close_bg_transparency": "1", "close_position_x_desk": "1", "close_position_y_desk": "1", "title_position_x_desk": "left", "title_position_y_desk": "center"}, "button_settings": {}, "conditions_splits": [], "id": 65377, "behavior_settings": {"embedded": {"animation_out": "fadeOut"}}}], "pinned": false, "name": "Pixel for abandoned basket popup", "active": true, "embed_selector": true, "selector": "#__next > div.appshell-fp-de7lgk > div", "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-64926.png?ts=1688653054945", "rendered_button_preview": null, "settings": {"title": "\u0421\u0432\u043e\u0439 \u0432\u0430\u0440\u0438\u0430\u043d\u0442", "bg_color": "#fff", "title_fw": "600", "title_lh": "1", "width_mob": "304", "close_show": "0", "title_show": "0", "width_desk": "1", "close_color": "#000", "font_custom": "Circe, Arial, sans-serif", "font_family": "Raleway, sans-serif", "img_src_mob": "https://personalization-web-stable.mindbox.ru/user-media/img/img4_-5430093244205192374.svg", "shadow_blur": "15", "shadow_show": "1", "title_color": "#000", "border_color": "#000", "img_show_mob": "1", "img_src_desk": "https://personalization-web-stable.mindbox.ru/user-media/img/img4_-5430093244205192374.svg", "shadow_color": "#000", "title_fs_mob": "16", "border_radius": "12", "close_bg_show": "0", "img_show_desk": "0", "img_width_mob": "24", "padding_x_mob": "16", "padding_y_mob": "12", "shadow_spread": "0", "title_fs_desk": "18", "title_options": "opt1", "close_bg_color": "#ccc", "close_size_mob": "32", "img_offset_mob": "14", "img_width_desk": "10.00", "padding_x_desk": "1", "padding_y_desk": "1", "title_default1": "\u041f\u043e\u043f\u0443\u043b\u044f\u0440\u043d\u044b\u0439 \u0442\u043e\u0432\u0430\u0440", "title_default2": "\u041d\u0430 \u0442\u043e\u0432\u0430\u0440 \u0434\u0435\u0439\u0441\u0442\u0432\u0443\u0435\u0442 \u0441\u043a\u0438\u0434\u043a\u0430", "title_default3": "\u0412\u044b\u0441\u043e\u043a\u0438\u0439 \u0441\u043f\u0440\u043e\u0441", "bg_transparency": "0.00", "close_size_desk": "1", "img_offset_desk": "14", "shadow_offset_x": "0", "shadow_offset_y": "10", "border_width_mob": "0", "font_custom_show": "0", "border_width_desk": "0", "image_options_mob": "opt1", "image_default1_mob": "https://personalization-web-stable.mindbox.ru/user-media/img/img1_7512264618007754016.svg", "image_default2_mob": "https://personalization-web-stable.mindbox.ru/user-media/img/img2_2166958376586475848.svg", "image_default3_mob": "https://personalization-web-stable.mindbox.ru/user-media/img/img3_-7691492651555502830.svg", "image_options_desk": "opt1", "img_position_x_mob": "left", "img_position_y_mob": "center", "close_border_radius": "0", "image_default1_desk": "https://personalization-web-stable.mindbox.ru/user-media/img/img1_7512264618007754016.svg", "image_default2_desk": "https://personalization-web-stable.mindbox.ru/user-media/img/img2_2166958376586475848.svg", "image_default3_desk": "https://personalization-web-stable.mindbox.ru/user-media/img/img3_-7691492651555502830.svg", "img_position_x_desk": "left", "img_position_y_desk": "center", "shadow_transparency": "0.15", "close_position_x_mob": "6", "close_position_y_mob": "6", "title_position_x_mob": "left", "title_position_y_mob": "center", "close_bg_transparency": "1", "close_position_x_desk": "1", "close_position_y_desk": "1", "title_position_x_desk": "left", "title_position_y_desk": "center"}, "button_settings": {}, "behavior_settings": {"embedded": {"animation_out": "fadeOut"}}, "html": "<%\r\n\tfunction createImageSrc(option, defaultSrc, userSrc) {\r\n\t\treturn {\r\n\t\t\topt1: defaultSrc[0],\r\n\t\t\topt2: defaultSrc[1],\r\n\t\t\topt3: defaultSrc[2],\r\n\t\t\topt4: userSrc\r\n\t\t}[option];\r\n\t}\r\n%>\r\n\r\n
\r\n\r\n\t
\r\n\t\t
\r\n\t\t\t
\r\n\r\n\t\t\t\t<% if ((desktop.toString() !== \"false\") && parseInt(img_show_desk)) { %>\r\n\t\t\t\t<% var image_options_desk_src = createImageSrc(image_options_desk, [image_default1_desk, image_default2_desk, image_default3_desk], img_src_desk); %>\r\n\r\n\t\t\t\t\"\r\n\t\t\t\t\t\t alt=\"\"\r\n\t\t\t\t\t\t class=\"popmechanic-image\">\r\n\t\t\t\t<% } %>\r\n\r\n\t\t\t\t<% if ((desktop.toString() === \"false\") && parseInt(img_show_mob)) { %>\r\n\t\t\t\t<% var image_options_mob_src = createImageSrc(image_options_mob, [image_default1_mob, image_default2_mob, image_default3_mob], img_src_mob); %>\r\n\r\n\t\t\t\t\"\r\n\t\t\t\t\t\t alt=\"\"\r\n\t\t\t\t\t\t class=\"popmechanic-image\">\r\n\t\t\t\t<% } %>\r\n\r\n\t\t\t\t<% if (parseInt(title_show)) { %>\r\n\t\t\t\t<% var title_options_src = createImageSrc(title_options, [title_default1, title_default2, title_default3], title); %>\r\n\t\t\t\t
<%= title_options_src %>
\r\n\t\t\t\t<% } %>\r\n\t\t\t
\r\n\t\t
\r\n\t
\r\n\r\n\t<% if (parseInt(close_show)) { %>\r\n\t\r\n\t
\r\n\t<% } %>\r\n
", "css": "<% if(!parseInt(font_custom_show)) { %>\r\n\t@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;500;600;700&family=Roboto:wght@300;400;500;700&display=swap');\r\n<% } %>\r\n\r\n<%\r\n\tfunction hexToRgb(hex) {\r\n\t\treturn hex.replace(/^#?([a-f\\d])([a-f\\d])([a-f\\d])$/i, function (m, r, g, b) {\r\n\t\t\treturn \"#\".concat(r).concat(r).concat(g).concat(g).concat(b).concat(b);\r\n\t\t}).substring(1).match(/.{2}/g).map(function (x) {\r\n\t\t\treturn parseInt(x, 16);\r\n\t\t});\r\n\t};\r\n%>\r\n\r\n.popmechanic-reset, .popmechanic-reset * {\r\n\tbox-sizing: border-box;\r\n\tmargin: 0;\r\n\tfont-size: 16px;\r\n\tline-height: normal;\r\n}\r\n.popmechanic-reset::before, .popmechanic-reset::after,\r\n.popmechanic-reset *::before, .popmechanic-reset *::after {\r\n\tbox-sizing: border-box;\r\n}\r\n\r\n#popmechanic-form {\r\n\tposition: relative !important;\r\n\tdisplay: inline-block;\r\n\tvertical-align: middle;\r\n\tdisplay:none;\r\n\t<% if(parseInt(font_custom_show)) { %>\r\n\t\tfont-family: <%= font_custom %>;\r\n\t<% } else { %>\r\n\t\tfont-family: <%= font_family %>;\r\n\t<% } %>\r\n\t\r\n}\r\n#popmechanic-form .popmechanic-main {\r\n\tposition: relative;\r\n\twidth: 100vw;\r\n\tmax-width: 100%;\r\n\toverflow: hidden;\r\n\tborder: 0 solid <%= border_color %>;\r\n\tborder-radius: <%= border_radius %>px;\r\n\t<% if (parseInt(shadow_show)) { %>\r\n\t\tbox-shadow: <%= shadow_offset_x %>px <%= shadow_offset_y %>px <%= shadow_blur %>px <%= shadow_spread %>px rgba(<%= hexToRgb(shadow_color) %>, <%= shadow_transparency %>);\r\n\t<% } %>\r\n}\r\n#popmechanic-form .popmechanic-container {\r\n\tdisplay: flex;\r\n\twidth: 100%;\r\n\tmax-width: 100%;\r\n\tbackground-color: rgba(<%= hexToRgb(bg_color) %>, <%= bg_transparency %>);\r\n}\r\n#popmechanic-form .popmechanic-content {\r\n\tdisplay: flex;\r\n\tjustify-content: flex-start;\r\n\talign-items: center;\r\n\twidth: 100%;\r\n\tmax-width: 100%;\r\n}\r\n<% if (!(!parseInt(img_show_desk) && !parseInt(img_show_mob))) { %>\r\n\t#popmechanic-form .popmechanic-image {\r\n\t\tdisplay: block;\r\n\t\tflex-shrink: 0;\r\n\t\tmax-width: 100%;\r\n\t}\r\n<% } %>\r\n#popmechanic-form .popmechanic-title {\r\n\tcolor: <%= title_color %>;\r\n\tfont-weight: <%= title_fw %>;\r\n\tline-height: <%= title_lh %>;\r\n\tflex-grow: 1;\r\n\tword-break: break-word;\r\n\toverflow-wrap: break-word;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-main {\r\n\tmax-width: <%= width_desk %>px;\r\n\tborder-width: <%= border_width_desk %>px;\r\n}\r\n<% if (parseInt(img_show_desk)) { %>\r\n\t.popmechanic-desktop #popmechanic-form .popmechanic-image {\r\n\t\torder: <%= (img_position_x_desk === \"left\") ? \"0\" : \"1\" %>;\r\n\t\twidth: <%= img_width_desk %>px;\r\n\t\t<% if (img_position_y_desk === \"top\") { %>\r\n\t\t\talign-self: flex-start;\r\n\t\t<% } else if (img_position_y_desk === \"bottom\") { %>\r\n\t\t\talign-self: flex-end;\r\n\t\t<% } else { %>\r\n\t\t\talign-self: center;\r\n\t\t<% } %>\r\n\t}\r\n<% } %>\r\n.popmechanic-desktop #popmechanic-form .popmechanic-content {\r\n\tgap: <%= img_offset_desk %>px;\r\n\tpadding: <%= padding_y_desk %>px <%= padding_x_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-title {\r\n\tfont-size: <%= title_fs_desk %>px;\r\n\ttext-align: <%= title_position_x_desk %>;\r\n\t<% if (title_position_y_desk === \"top\") { %>\r\n\t\talign-self: flex-start;\r\n\t<% } else if (title_position_y_desk === \"bottom\") { %>\r\n\t\talign-self: flex-end;\r\n\t<% } else { %>\r\n\t\talign-self: center;\r\n\t<% } %>\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-main,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main {\r\n\tmax-width: <%= width_mob %>px;\r\n\tborder-width: <%= border_width_mob %>px;\r\n}\r\n<% if (parseInt(img_show_mob)) { %>\r\n\t.popmechanic-tablet #popmechanic-form .popmechanic-image,\r\n\t.popmechanic-mobile #popmechanic-form .popmechanic-image {\r\n\t\torder: <%= (img_position_x_mob === \"left\") ? \"0\" : \"1\" %>;\r\n\t\twidth: <%= img_width_mob %>px;\r\n\t\t<% if (img_position_y_mob === \"top\") { %>\r\n\t\t\talign-self: flex-start;\r\n\t\t<% } else if (img_position_y_mob === \"bottom\") { %>\r\n\t\t\talign-self: flex-end;\r\n\t\t<% } else { %>\r\n\t\t\talign-self: center;\r\n\t\t<% } %>\r\n\t}\r\n<% } %>\r\n.popmechanic-tablet #popmechanic-form .popmechanic-content,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-content {\r\n\tgap: <%= img_offset_mob %>px;\r\n\tpadding: <%= padding_y_mob %>px <%= padding_x_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-title,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-title {\r\n\tfont-size: <%= title_fs_mob %>px;\r\n\ttext-align: <%= title_position_x_mob %>;\r\n\t<% if (title_position_y_mob === \"top\") { %>\r\n\t\talign-self: flex-start;\r\n\t<% } else if (title_position_y_mob === \"bottom\") { %>\r\n\t\talign-self: flex-end;\r\n\t<% } else { %>\r\n\t\talign-self: center;\r\n\t<% } %>\r\n}\r\n<% if (parseInt(close_show)) { %>\r\n\t#popmechanic-form .popmechanic-close {\r\n\t\tposition: absolute;\r\n\t\tz-index: 40;\r\n\t\tborder-radius: <%= close_border_radius %>px;\r\n\t\tcursor: pointer;\r\n\t\t<% if (parseInt(close_bg_show)) { %>\r\n\t\t\tbackground-color: rgba(<%= hexToRgb(close_bg_color) %>, <%= close_bg_transparency %>);\r\n\t\t<% } else { %>\r\n\t\t\tbackground-color: rgba(255, 255, 255, 0);\r\n\t\t<% } %>\r\n\t}\r\n\t#popmechanic-form .popmechanic-close::before,\r\n\t#popmechanic-form .popmechanic-close::after {\r\n\t\tcontent: \"\";\r\n\t\tposition: absolute;\r\n\t\ttop: 50%;\r\n\t\tleft: 50%;\r\n\t\twidth: 50%;\r\n\t\theight: 2px;\r\n\t\tborder-radius: 2px;\r\n\t\ttransform: translate(-50%, -50%) rotate(45deg);\r\n\t\tbackground-color: <%= close_color %>;\r\n\t}\r\n\t#popmechanic-form .popmechanic-close::after {\r\n\t\ttransform: translate(-50%, -50%) rotate(135deg);\r\n\t}\r\n\t.popmechanic-desktop #popmechanic-form .popmechanic-close {\r\n\t\ttop: <%= close_position_y_desk %>px;\r\n\t\tright: <%= close_position_x_desk %>px;\r\n\t\twidth: <%= close_size_desk %>px;\r\n\t\theight: <%= close_size_desk %>px;\r\n\t}\r\n\t.popmechanic-tablet #popmechanic-form .popmechanic-close,\r\n\t.popmechanic-mobile #popmechanic-form .popmechanic-close {\r\n\t\ttop: <%= close_position_y_mob %>px;\r\n\t\tright: <%= close_position_x_mob %>px;\r\n\t\twidth: <%= close_size_mob %>px;\r\n\t\theight: <%= close_size_mob %>px;\r\n\t}\r\n<% } %>", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 65539, "template": 1991, "button_template": null, "test_group": null, "new_targeting": {"filter": {"id": "root", "name": "root", "nodes": [{"id": "2", "name": "$or", "type": "current_page", "nodes": [{"id": "3", "field": "page", "value": ["https://www.oriflame.ru/"], "operator": "$in"}, {"id": "4", "field": "page", "value": ["https://www.oriflame.ru"], "operator": "$in"}, {"id": "5", "field": "page", "value": ["https://www.oriflame.ru/?"], "operator": "$in_startsWith"}], "operator": "$or"}], "operator": "$and"}}, "settings_splits": [{"settings": {"on": "1", "link": "https://www.oriflame.ru/plp/23-09-oriflame-collection?utm_source=mindbox&utm_medium=stories&utm_campaign=fra_offer_c09_23", "on_2": "0", "on_3": "0", "on_4": "0", "on_5": "0", "type": "image", "image": "https://personalization-web-stable.mindbox.ru/user-media/4271/33ddc70e0c0387c478b9448fb7675da28d83c1fd14b996b9f65e6512902b7e95.jpg", "order": "2", "link_2": "https://mindbox.ru", "link_3": "https://mindbox.ru", "link_4": "https://mindbox.ru", "link_5": "https://mindbox.ru", "type_2": "image", "type_3": "image", "type_4": "image", "type_5": "image", "ga_show": "Story shown", "image_2": "https://personalization-web-stable.mindbox.ru/user-media/3/0fb567174ddca8f259bb7bab5402d2fe6f5775e6721117e73ec1c24b706567b2.png", "image_3": "https://personalization-web-stable.mindbox.ru/user-media/3/1a117aa927782c21b903c597ede4cb79a388c7e8e104c6fcbdbb5c5c99111799.png", "image_4": "https://personalization-web-stable.mindbox.ru/user-media/3/ac7d2e6d4201606cf5ccb43793571bbe6ec5a0e21fbe0610d9624bf5a9186475.png", "image_5": "https://personalization-web-stable.mindbox.ru/user-media/3/ae14a699806ba019d51166d14086d3357cb800d88c4f7d58fb4496bab749bfb8.png", "timeout": "10", "enableGA": "0", "ga_click": "Stories Click", "timeout_2": "10", "timeout_3": "10", "timeout_4": "10", "timeout_5": "10", "more_color": "#333333", "story_name": "\u041d\u043e\u0432\u0438\u043d\u043a\u0438", "ua_tracker": "UA-123123", "video_link": "", "button_text": "\u0421\u043c\u043e\u0442\u0440\u0435\u0442\u044c", "font_custom": "Roboto", "font_family": "Roboto, sans-serif", "ga_category": "PopMechanic", "btn_bg_color": "#ffffff", "more_color_2": "#fff", "more_color_3": "#fff", "more_color_4": "#fff", "more_color_5": "#fff", "video_link_2": "https://www.w3schools.com/html/mov_bbb.mp4", "video_link_3": "https://www.w3schools.com/html/mov_bbb.mp4", "video_link_4": "https://www.w3schools.com/html/mov_bbb.mp4", "video_link_5": "https://www.w3schools.com/html/mov_bbb.mp4", "button_text_2": "\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435", "button_text_3": "\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435", "button_text_4": "\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435", "button_text_5": "\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435", "story_picture": "https://personalization-web-stable.mindbox.ru/user-media/4271/1a44cc5c3636193969f5c82dce7c0c72a025ba0ab9fa7766bafa0872e1f54aa2.jpg", "btn_bg_color_2": "#becd6d", "btn_bg_color_3": "#becd6d", "btn_bg_color_4": "#becd6d", "btn_bg_color_5": "#becd6d", "font_custom_show": "0"}, "button_settings": {}, "conditions_splits": [], "id": 64947, "behavior_settings": {}}], "pinned": false, "name": "Katya test", "active": true, "embed_selector": false, "selector": "", "placement": "start", "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": 65533, "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-64484.png?ts=1687890656926", "rendered_button_preview": null, "settings": {"on": "1", "link": "https://www.oriflame.ru/plp/23-09-oriflame-collection?utm_source=mindbox&utm_medium=stories&utm_campaign=fra_offer_c09_23", "on_2": "0", "on_3": "0", "on_4": "0", "on_5": "0", "type": "image", "image": "https://personalization-web-stable.mindbox.ru/user-media/4271/33ddc70e0c0387c478b9448fb7675da28d83c1fd14b996b9f65e6512902b7e95.jpg", "order": "2", "link_2": "https://mindbox.ru", "link_3": "https://mindbox.ru", "link_4": "https://mindbox.ru", "link_5": "https://mindbox.ru", "type_2": "image", "type_3": "image", "type_4": "image", "type_5": "image", "ga_show": "Story shown", "image_2": "https://personalization-web-stable.mindbox.ru/user-media/3/0fb567174ddca8f259bb7bab5402d2fe6f5775e6721117e73ec1c24b706567b2.png", "image_3": "https://personalization-web-stable.mindbox.ru/user-media/3/1a117aa927782c21b903c597ede4cb79a388c7e8e104c6fcbdbb5c5c99111799.png", "image_4": "https://personalization-web-stable.mindbox.ru/user-media/3/ac7d2e6d4201606cf5ccb43793571bbe6ec5a0e21fbe0610d9624bf5a9186475.png", "image_5": "https://personalization-web-stable.mindbox.ru/user-media/3/ae14a699806ba019d51166d14086d3357cb800d88c4f7d58fb4496bab749bfb8.png", "timeout": "10", "enableGA": "0", "ga_click": "Stories Click", "timeout_2": "10", "timeout_3": "10", "timeout_4": "10", "timeout_5": "10", "more_color": "#333333", "story_name": "\u041d\u043e\u0432\u0438\u043d\u043a\u0438", "ua_tracker": "UA-123123", "video_link": "", "button_text": "\u0421\u043c\u043e\u0442\u0440\u0435\u0442\u044c", "font_custom": "Roboto", "font_family": "Roboto, sans-serif", "ga_category": "PopMechanic", "btn_bg_color": "#ffffff", "more_color_2": "#fff", "more_color_3": "#fff", "more_color_4": "#fff", "more_color_5": "#fff", "video_link_2": "https://www.w3schools.com/html/mov_bbb.mp4", "video_link_3": "https://www.w3schools.com/html/mov_bbb.mp4", "video_link_4": "https://www.w3schools.com/html/mov_bbb.mp4", "video_link_5": "https://www.w3schools.com/html/mov_bbb.mp4", "button_text_2": "\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435", "button_text_3": "\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435", "button_text_4": "\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435", "button_text_5": "\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435", "story_picture": "https://personalization-web-stable.mindbox.ru/user-media/4271/1a44cc5c3636193969f5c82dce7c0c72a025ba0ab9fa7766bafa0872e1f54aa2.jpg", "btn_bg_color_2": "#becd6d", "btn_bg_color_3": "#becd6d", "btn_bg_color_4": "#becd6d", "btn_bg_color_5": "#becd6d", "font_custom_show": "0"}, "button_settings": {}, "behavior_settings": {}, "html": "", "css": "", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 60507, "template": 2418, "button_template": 176, "test_group": null, "new_targeting": {"filter": {"id": "root", "name": "root", "nodes": [{"id": "2", "name": "$and", "type": "current_page", "nodes": [{"id": "3", "field": "page", "value": ["https://www.oriflame.ru/focus"], "operator": "$in_contains"}], "operator": "$and"}, {"id": "4", "field": "utm_campaign", "value": "lead_from_subscription_footer", "operator": "$eq"}], "operator": "$and"}}, "settings_splits": [{"settings": {"title": "", "btn_fw": "400", "sectors": "6", "bg_color": "#CDEBEF", "input_fw": "400", "subtitle": "\u041a\u0440\u0443\u0442\u0438 \u043a\u043e\u043b\u0435\u0441\u043e \u0438 \u0443\u0437\u043d\u0430\u0435\u0448\u044c, \u043a\u0430\u043a\u0438\u0435 \u0441\u043f\u0435\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u0435 \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0436\u0434\u0443\u0442 \u0442\u0432\u043e\u0435\u0433\u043e \u0432\u043d\u0438\u043c\u0430\u043d\u0438\u044f \ud83d\ude09
\u0416\u0435\u043b\u0430\u0435\u043c \u0443\u0434\u0430\u0447\u0438!", "title_fw": "700", "title_lh": "1.2", "tnx_title": "\u041f\u043e\u0437\u0434\u0440\u0430\u0432\u043b\u044f\u0435\u043c!", "width_mob": "310", "arrow_fill": "#fff", "bg_img_src": "https://personalization-web-stable.mindbox.ru/user-media/4271/a25044db8f10d4836dd9f3fc35c9c3d4538acd109c3baf5aef46f1c33e986669.png", "btn_fs_mob": "12", "height_mob": "500", "sector_odd": "#031acf", "title_show": "1", "width_desk": "840", "bg_img_show": "0", "btn_fs_desk": "18", "btn_gap_mob": "10", "checkbox_fs": "14", "close_color": "#fff", "fields_list": [{"name": "StringField", "type": "text", "params": {}, "required": false, "placeholder": "", "machine_name": "string"}, {"name": "\u041a\u043d\u043e\u043f\u043a\u0430", "type": "submit", "params": {"submit1_text": "\u0412\u0440\u0430\u0449\u0430\u0439 \u0431\u0430\u0440\u0430\u0431\u0430\u043d", "submits_count": 1}, "machine_name": "button"}], "font_custom": "Circe, sans-serif", "font_family": "Roboto, sans-serif", "height_desk": "400", "img_src_mob": "https://personalization-web-stable.mindbox.ru/user-media/img/img_main_-4741568565817053079.svg", "sector_even": "#000000", "shadow_blur": "10", "shadow_show": "0", "subtitle_fw": "400", "subtitle_lh": "1.4", "title_color": "#ffffff", "tnx_btn_url": "", "variant1_on": "1", "variant2_on": "1", "variant3_on": "1", "variant4_on": "1", "variant5_on": "1", "variant6_on": "1", "variant7_on": "0", "variant8_on": "0", "variant9_on": "0", "arrow_border": "#b2b2b2", "arrow_circle": "#031acf", "arrow_offset": "33.33", "border_color": "#ffffff", "btn_bg_color": "#00B6BC", "btn_gap_desk": "10", "img_show_mob": "0", "img_src_desk": "https://personalization-web-stable.mindbox.ru/user-media/4271/01576be17119bfa7619c362ee774da0dc7cc3195ffd7eca67808b944673ef5ac.png", "input_fs_mob": "12", "input_mb_mob": "10", "sector_color": "#ffffff", "shadow_color": "#000", "title_fs_mob": "20", "tnx_btn_show": "1", "tnx_btn_text": "\u0417\u0430 \u043f\u043e\u043a\u0443\u043f\u043a\u0430\u043c\u0438", "tnx_subtitle": "%customs.result111%", "variant10_on": "0", "variant11_on": "0", "variant12_on": "0", "variant13_on": "0", "variant14_on": "0", "variant15_on": "0", "variant16_on": "0", "variant17_on": "0", "variant18_on": "0", "arrow_img_src": "https://personalization-web-stable.mindbox.ru/user-media/4271/865f66ad38ed7f5ee4245ba3f30cd87da38df3081009b153da0d6cb1abc4e82e.png", "border_radius": "0", "btn_width_mob": "200", "checkbox_show": "1", "checkbox_size": "20", "close_bg_show": "0", "close_padding": "0", "img_show_desk": "1", "img_width_mob": "100", "input_fs_desk": "18", "input_mb_desk": "10", "padding_x_mob": "20", "padding_y_mob": "20", "shadow_spread": "0", "show_half_mob": "0", "subtitle_show": "1", "title_fs_desk": "26.00", "tnx_btn_blank": "1", "variant1_prob": "1", "variant1_text": " \u0421\u043f\u0435\u0446\u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u044f
\u043d\u0435\u0434\u0435\u043b\u0438
", "variant2_prob": "1", "variant2_text": "\u0414\u0435\u043a\u043e\u0440\u0430\u0442\u0438\u0432\u043d\u0430\u044f \u043a\u043e\u0441\u043c\u0435\u0442\u0438\u043a\u0430", "variant3_prob": "1", "variant3_text": "\u041f\u043e\u043f\u0443\u043b\u044f\u0440\u043d\u044b\u0435 \u0430\u0440\u043e\u043c\u0430\u0442\u044b", "variant4_prob": "1", "variant4_text": "\u041e\u043d\u043b\u0430\u0439\u043d-\u0430\u0443\u0442\u043b\u0435\u0442", "variant5_prob": "1", "variant5_text": "\u0412\u044b\u0433\u043e\u0434\u043d\u044b\u0435 \u0430\u043a\u0446\u0438\u0438", "variant6_prob": "1", "variant6_text": "\u0410\u043a\u0441\u0435\u0441\u0441\u0443\u0430\u0440\u044b", "variant7_prob": "1", "variant7_text": "\u0412\u0430\u0440\u0438\u0430\u043d\u0442 7", "variant8_prob": "1", "variant8_text": "\u0412\u0430\u0440\u0438\u0430\u043d\u0442 8", "variant9_prob": "1", "variant9_text": "\u0412\u0430\u0440\u0438\u0430\u043d\u0442 9", "arrow_img_show": "1", "arrow_size_mob": "45", "btn_height_mob": "40", "btn_text_color": "#fff", "btn_width_desk": "138.00", "close_bg_color": "#222", "close_size_mob": "20", "height_fix_mob": "0", "img_width_desk": "280.00", "input_bg_color": "#fff", "padding_x_desk": "40", "padding_y_desk": "30", "sector_text_fw": "400", "show_half_desk": "0", "subtitle_color": "#029ea3", "tnx_btn_action": "link", "tnx_title_show": "0", "variant10_prob": "1", "variant10_text": "\u0412\u0430\u0440\u0438\u0430\u043d\u0442 10", "variant11_prob": "1", "variant11_text": "\u0412\u0430\u0440\u0438\u0430\u043d\u0442 11", "variant12_prob": "1", "variant12_text": "\u0412\u0430\u0440\u0438\u0430\u043d\u0442 12", "variant13_prob": "1", "variant13_text": "\u0412\u0430\u0440\u0438\u0430\u043d\u0442 13", "variant14_prob": "1", "variant14_text": "\u0412\u0430\u0440\u0438\u0430\u043d\u0442 14", "variant15_prob": "1", "variant15_text": "\u0412\u0430\u0440\u0438\u0430\u043d\u0442 15", "variant16_prob": "1", "variant16_text": "\u0412\u0430\u0440\u0438\u0430\u043d\u0442 16", "variant17_prob": "1", "variant17_text": "\u0412\u0430\u0440\u0438\u0430\u043d\u0442 17", "variant18_prob": "1", "variant18_text": "\u0412\u0430\u0440\u0438\u0430\u043d\u0442 18", "variant1_color": "#FF8072", "variant1_value": "1", "variant2_color": "#ffffff", "variant2_value": "2", "variant3_color": "#FF8072", "variant3_value": "3", "variant4_color": "#ffffff", "variant4_value": "4", "variant5_color": "#FF8072", "variant5_value": "5", "variant6_color": "#ffffff", "variant6_value": "6", "variant7_color": "#ffffff", "variant7_value": "7", "variant8_color": "#ffffff", "variant8_value": "8", "variant9_color": "#ffffff", "variant9_value": "9", "arrow_shift_mob": "0", "arrow_size_desk": "97.00", "bg_transparency": "1", "btn_height_desk": "50", "close_size_desk": "24", "height_fix_desk": "0", "input_width_mob": "200", "rotation_result": "1", "shadow_offset_x": "0", "shadow_offset_y": "0", "subtitle_fs_mob": "18", "tnx_img_src_mob": "https://personalization-web-stable.mindbox.ru/user-media/img/img_main_success_-1611196397546702358.svg", "variant10_color": "#ffffff", "variant10_value": "10", "variant11_color": "#ffffff", "variant11_value": "11", "variant12_color": "#ffffff", "variant12_value": "12", "variant13_color": "#ffffff", "variant13_value": "13", "variant14_color": "#ffffff", "variant14_value": "14", "variant15_color": "#ffffff", "variant15_value": "15", "variant16_color": "#ffffff", "variant16_value": "16", "variant17_color": "#ffffff", "variant17_value": "17", "variant18_color": "#ffffff", "variant18_value": "18", "arrow_shift_desk": "0", "border_width_mob": "0", "btn_bg_color_hov": "#178d91", "btn_border_color": "#000", "btn_border_width": "0", "btn_position_mob": "center", "checkbox_padding": "2", "font_custom_show": "0", "input_height_mob": "40", "input_text_color": "#000", "input_width_desk": "200", "subtitle_fs_desk": "20", "tnx_img_show_mob": "0", "tnx_img_src_desk": "https://personalization-web-stable.mindbox.ru/user-media/img/img_main_success_-1611196397546702358.svg", "arrow_shadow_blur": "10", "arrow_shadow_show": "1", "border_width_desk": "0.00", "btn_border_radius": "10.00", "btn_direction_mob": "row", "btn_padding_x_mob": "10", "btn_position_desk": "center", "btn_width_fix_mob": "0", "checkbox_bg_color": "#fff", "circle_bg_img_src": "https://personalization-web-stable.mindbox.ru/user-media/4271/f852e79757f51c5dbadd5a61919a64ecbbe1e528bc67ba936e2aaabbb5ab2c6d.png", "circle_radius_mob": "125", "input_error_color": "#d4351c", "input_height_desk": "50", "tnx_img_show_desk": "0", "tnx_img_width_mob": "80", "tnx_subtitle_show": "1", "arrow_border_width": "4", "arrow_shadow_color": "#000", "btn_direction_desk": "row", "btn_padding_x_desk": "10", "btn_text_color_hov": "#ffffff", "btn_width_fix_desk": "0", "circle_bg_img_show": "0", "circle_radius_desk": "300", "circle_shadow_blur": "10", "circle_shadow_show": "1", "img_position_x_mob": "center", "input_border_color": "#000", "input_border_width": "1", "sector_text_fs_mob": "11", "tnx_img_width_desk": "120", "use_variants_color": "0", "checkbox_text_color": "#fff", "checkbox_tick_color": "#031acf", "circle_border_color": "#ffffff", "circle_shadow_color": "#000", "close_border_radius": "0", "img_position_x_desk": "center", "input_border_radius": "1", "input_padding_x_mob": "10", "input_width_fix_mob": "0", "sector_text_fs_desk": "16", "shadow_transparency": "0.5", "variant1_background": "#CDEBEF", "variant2_background": "#FF8072", "variant3_background": "#CDEBEF", "variant4_background": "#FF8072", "variant5_background": "#CDEBEF", "variant6_background": "#FF8072", "variant7_background": "#0054A5", "variant8_background": "#2D9CDA", "variant9_background": "#0054A5", "btn_border_color_hov": "#333", "close_position_x_mob": "5", "close_position_y_mob": "5", "input_padding_x_desk": "10", "input_width_fix_desk": "0", "sector_padding_x_mob": "15", "title_position_x_mob": "center", "variant10_background": "#2D9CDA", "variant11_background": "#0054A5", "variant12_background": "#2D9CDA", "variant13_background": "#0054A5", "variant14_background": "#2D9CDA", "variant15_background": "#0054A5", "variant16_background": "#2D9CDA", "variant17_background": "#0054A5", "variant18_background": "#2D9CDA", "arrow_positioning_mob": "center", "arrow_shadow_offset_x": "0", "arrow_shadow_offset_y": "0", "btn_margin_bottom_mob": "10", "checkbox_border_color": "#fff", "checkbox_border_width": "1", "close_bg_transparency": "0.5", "close_position_x_desk": "10", "close_position_y_desk": "10", "img_margin_bottom_mob": "30", "sector_padding_x_desk": "30", "title_position_x_desk": "center", "arrow_positioning_desk": "center", "btn_margin_bottom_desk": "10", "checkbox_border_radius": "0", "checkbox_margin_bottom": "0", "circle_shadow_offset_x": "0", "circle_shadow_offset_y": "0", "img_margin_bottom_desk": "26.00", "input_border_color_hov": "#333", "tnx_img_position_x_mob": "center", "checkbox_link_underline": "1", "circle_border_width_mob": "4", "input_placeholder_color": "#444", "input_text_position_mob": "center", "subtitle_position_x_mob": "center", "title_margin_bottom_mob": "15", "tnx_img_position_x_desk": "center", "use_variants_background": "1", "circle_border_width_desk": "12", "input_text_position_desk": "center", "subtitle_position_x_desk": "center", "title_margin_bottom_desk": "20", "arrow_shadow_transparency": "0.5", "tnx_img_margin_bottom_mob": "15", "circle_shadow_transparency": "0.5", "display_btn_before_filling": "1", "sector_text_position_x_mob": "right", "subtitle_margin_bottom_mob": "15", "tnx_img_margin_bottom_desk": "30.00", "sector_text_position_x_desk": "right", "subtitle_margin_bottom_desk": "20"}, "button_settings": {"font2": "Roboto", "otst1": "12.00", "otst2": "24.00", "otst3": "10.00", "otst4": "10", "text7": "\u0412\u0440\u0430\u0449\u0430\u0439 \u0431\u0430\u0440\u0430\u0431\u0430\u043d%customs.result%", "color3": "#C8799A", "color5": "#fff", "color7": "#c17192", "crug10": "4.00", "font_size10": "16", "font_size16": "14"}, "conditions_splits": [{"conditions": {"immediate": "1"}, "combinator": "and", "id": 180982}], "id": 59915, "behavior_settings": {"lead": {"legal_text": ""}, "button": {"on": false, "positions": {"desktop": {"right": "0px", "bottom": "0px"}}, "conditions": "targeting", "show_before": true}, "partscreen": {"mobile": null, "tablet": null, "desktop": {"target": "window", "position": "center", "vertical_offset": 0, "element_position": "right", "horizontal_offset": 0, "element_vertical_offset": 0, "element_horizontal_offset": 0}, "animation_in": "fadeIn", "allow_overlay": true, "animation_out": "fadeOut", "paranja_color": "#000000", "paranja_opacity": 0.3}}}], "pinned": false, "name": "Subscribtion leads wheel v2.2", "active": true, "embed_selector": false, "selector": "", "placement": "start", "frequency": {"once_lifetime": false, "once_session": false, "priority": true, "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": 176, "rendered_preview": "https://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-59188.png?ts=1710251577145", "rendered_button_preview": "https://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-button-59188.png?ts=1710251581970", "settings": {"title": "", "btn_fw": "400", "sectors": "6", "bg_color": "#CDEBEF", "input_fw": "400", "subtitle": "\u041a\u0440\u0443\u0442\u0438 \u043a\u043e\u043b\u0435\u0441\u043e \u0438 \u0443\u0437\u043d\u0430\u0435\u0448\u044c, \u043a\u0430\u043a\u0438\u0435 \u0441\u043f\u0435\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u0435 \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0436\u0434\u0443\u0442 \u0442\u0432\u043e\u0435\u0433\u043e \u0432\u043d\u0438\u043c\u0430\u043d\u0438\u044f \ud83d\ude09
\u0416\u0435\u043b\u0430\u0435\u043c \u0443\u0434\u0430\u0447\u0438!", "title_fw": "700", "title_lh": "1.2", "tnx_title": "\u041f\u043e\u0437\u0434\u0440\u0430\u0432\u043b\u044f\u0435\u043c!", "width_mob": "310", "arrow_fill": "#fff", "bg_img_src": "https://personalization-web-stable.mindbox.ru/user-media/4271/a25044db8f10d4836dd9f3fc35c9c3d4538acd109c3baf5aef46f1c33e986669.png", "btn_fs_mob": "12", "height_mob": "500", "sector_odd": "#031acf", "title_show": "1", "width_desk": "840", "bg_img_show": "0", "btn_fs_desk": "18", "btn_gap_mob": "10", "checkbox_fs": "14", "close_color": "#fff", "fields_list": [{"name": "StringField", "type": "text", "params": {}, "required": false, "placeholder": "", "machine_name": "string"}, {"name": "\u041a\u043d\u043e\u043f\u043a\u0430", "type": "submit", "params": {"submit1_text": "\u0412\u0440\u0430\u0449\u0430\u0439 \u0431\u0430\u0440\u0430\u0431\u0430\u043d", "submits_count": 1}, "machine_name": "button"}], "font_custom": "Circe, sans-serif", "font_family": "Roboto, sans-serif", "height_desk": "400", "img_src_mob": "https://personalization-web-stable.mindbox.ru/user-media/img/img_main_-4741568565817053079.svg", "sector_even": "#000000", "shadow_blur": "10", "shadow_show": "0", "subtitle_fw": "400", "subtitle_lh": "1.4", "title_color": "#ffffff", "tnx_btn_url": "", "variant1_on": "1", "variant2_on": "1", "variant3_on": "1", "variant4_on": "1", "variant5_on": "1", "variant6_on": "1", "variant7_on": "0", "variant8_on": "0", "variant9_on": "0", "arrow_border": "#b2b2b2", "arrow_circle": "#031acf", "arrow_offset": "33.33", "border_color": "#ffffff", "btn_bg_color": "#00B6BC", "btn_gap_desk": "10", "img_show_mob": "0", "img_src_desk": "https://personalization-web-stable.mindbox.ru/user-media/4271/01576be17119bfa7619c362ee774da0dc7cc3195ffd7eca67808b944673ef5ac.png", "input_fs_mob": "12", "input_mb_mob": "10", "sector_color": "#ffffff", "shadow_color": "#000", "title_fs_mob": "20", "tnx_btn_show": "1", "tnx_btn_text": "\u0417\u0430 \u043f\u043e\u043a\u0443\u043f\u043a\u0430\u043c\u0438", "tnx_subtitle": "%customs.result111%", "variant10_on": "0", "variant11_on": "0", "variant12_on": "0", "variant13_on": "0", "variant14_on": "0", "variant15_on": "0", "variant16_on": "0", "variant17_on": "0", "variant18_on": "0", "arrow_img_src": "https://personalization-web-stable.mindbox.ru/user-media/4271/865f66ad38ed7f5ee4245ba3f30cd87da38df3081009b153da0d6cb1abc4e82e.png", "border_radius": "0", "btn_width_mob": "200", "checkbox_show": "1", "checkbox_size": "20", "close_bg_show": "0", "close_padding": "0", "img_show_desk": "1", "img_width_mob": "100", "input_fs_desk": "18", "input_mb_desk": "10", "padding_x_mob": "20", "padding_y_mob": "20", "shadow_spread": "0", "show_half_mob": "0", "subtitle_show": "1", "title_fs_desk": "26.00", "tnx_btn_blank": "1", "variant1_prob": "1", "variant1_text": " \u0421\u043f\u0435\u0446\u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u044f
\u043d\u0435\u0434\u0435\u043b\u0438
", "variant2_prob": "1", "variant2_text": "\u0414\u0435\u043a\u043e\u0440\u0430\u0442\u0438\u0432\u043d\u0430\u044f \u043a\u043e\u0441\u043c\u0435\u0442\u0438\u043a\u0430", "variant3_prob": "1", "variant3_text": "\u041f\u043e\u043f\u0443\u043b\u044f\u0440\u043d\u044b\u0435 \u0430\u0440\u043e\u043c\u0430\u0442\u044b", "variant4_prob": "1", "variant4_text": "\u041e\u043d\u043b\u0430\u0439\u043d-\u0430\u0443\u0442\u043b\u0435\u0442", "variant5_prob": "1", "variant5_text": "\u0412\u044b\u0433\u043e\u0434\u043d\u044b\u0435 \u0430\u043a\u0446\u0438\u0438", "variant6_prob": "1", "variant6_text": "\u0410\u043a\u0441\u0435\u0441\u0441\u0443\u0430\u0440\u044b", "variant7_prob": "1", "variant7_text": "\u0412\u0430\u0440\u0438\u0430\u043d\u0442 7", "variant8_prob": "1", "variant8_text": "\u0412\u0430\u0440\u0438\u0430\u043d\u0442 8", "variant9_prob": "1", "variant9_text": "\u0412\u0430\u0440\u0438\u0430\u043d\u0442 9", "arrow_img_show": "1", "arrow_size_mob": "45", "btn_height_mob": "40", "btn_text_color": "#fff", "btn_width_desk": "138.00", "close_bg_color": "#222", "close_size_mob": "20", "height_fix_mob": "0", "img_width_desk": "280.00", "input_bg_color": "#fff", "padding_x_desk": "40", "padding_y_desk": "30", "sector_text_fw": "400", "show_half_desk": "0", "subtitle_color": "#029ea3", "tnx_btn_action": "link", "tnx_title_show": "0", "variant10_prob": "1", "variant10_text": "\u0412\u0430\u0440\u0438\u0430\u043d\u0442 10", "variant11_prob": "1", "variant11_text": "\u0412\u0430\u0440\u0438\u0430\u043d\u0442 11", "variant12_prob": "1", "variant12_text": "\u0412\u0430\u0440\u0438\u0430\u043d\u0442 12", "variant13_prob": "1", "variant13_text": "\u0412\u0430\u0440\u0438\u0430\u043d\u0442 13", "variant14_prob": "1", "variant14_text": "\u0412\u0430\u0440\u0438\u0430\u043d\u0442 14", "variant15_prob": "1", "variant15_text": "\u0412\u0430\u0440\u0438\u0430\u043d\u0442 15", "variant16_prob": "1", "variant16_text": "\u0412\u0430\u0440\u0438\u0430\u043d\u0442 16", "variant17_prob": "1", "variant17_text": "\u0412\u0430\u0440\u0438\u0430\u043d\u0442 17", "variant18_prob": "1", "variant18_text": "\u0412\u0430\u0440\u0438\u0430\u043d\u0442 18", "variant1_color": "#FF8072", "variant1_value": "1", "variant2_color": "#ffffff", "variant2_value": "2", "variant3_color": "#FF8072", "variant3_value": "3", "variant4_color": "#ffffff", "variant4_value": "4", "variant5_color": "#FF8072", "variant5_value": "5", "variant6_color": "#ffffff", "variant6_value": "6", "variant7_color": "#ffffff", "variant7_value": "7", "variant8_color": "#ffffff", "variant8_value": "8", "variant9_color": "#ffffff", "variant9_value": "9", "arrow_shift_mob": "0", "arrow_size_desk": "97.00", "bg_transparency": "1", "btn_height_desk": "50", "close_size_desk": "24", "height_fix_desk": "0", "input_width_mob": "200", "rotation_result": "1", "shadow_offset_x": "0", "shadow_offset_y": "0", "subtitle_fs_mob": "18", "tnx_img_src_mob": "https://personalization-web-stable.mindbox.ru/user-media/img/img_main_success_-1611196397546702358.svg", "variant10_color": "#ffffff", "variant10_value": "10", "variant11_color": "#ffffff", "variant11_value": "11", "variant12_color": "#ffffff", "variant12_value": "12", "variant13_color": "#ffffff", "variant13_value": "13", "variant14_color": "#ffffff", "variant14_value": "14", "variant15_color": "#ffffff", "variant15_value": "15", "variant16_color": "#ffffff", "variant16_value": "16", "variant17_color": "#ffffff", "variant17_value": "17", "variant18_color": "#ffffff", "variant18_value": "18", "arrow_shift_desk": "0", "border_width_mob": "0", "btn_bg_color_hov": "#178d91", "btn_border_color": "#000", "btn_border_width": "0", "btn_position_mob": "center", "checkbox_padding": "2", "font_custom_show": "0", "input_height_mob": "40", "input_text_color": "#000", "input_width_desk": "200", "subtitle_fs_desk": "20", "tnx_img_show_mob": "0", "tnx_img_src_desk": "https://personalization-web-stable.mindbox.ru/user-media/img/img_main_success_-1611196397546702358.svg", "arrow_shadow_blur": "10", "arrow_shadow_show": "1", "border_width_desk": "0.00", "btn_border_radius": "10.00", "btn_direction_mob": "row", "btn_padding_x_mob": "10", "btn_position_desk": "center", "btn_width_fix_mob": "0", "checkbox_bg_color": "#fff", "circle_bg_img_src": "https://personalization-web-stable.mindbox.ru/user-media/4271/f852e79757f51c5dbadd5a61919a64ecbbe1e528bc67ba936e2aaabbb5ab2c6d.png", "circle_radius_mob": "125", "input_error_color": "#d4351c", "input_height_desk": "50", "tnx_img_show_desk": "0", "tnx_img_width_mob": "80", "tnx_subtitle_show": "1", "arrow_border_width": "4", "arrow_shadow_color": "#000", "btn_direction_desk": "row", "btn_padding_x_desk": "10", "btn_text_color_hov": "#ffffff", "btn_width_fix_desk": "0", "circle_bg_img_show": "0", "circle_radius_desk": "300", "circle_shadow_blur": "10", "circle_shadow_show": "1", "img_position_x_mob": "center", "input_border_color": "#000", "input_border_width": "1", "sector_text_fs_mob": "11", "tnx_img_width_desk": "120", "use_variants_color": "0", "checkbox_text_color": "#fff", "checkbox_tick_color": "#031acf", "circle_border_color": "#ffffff", "circle_shadow_color": "#000", "close_border_radius": "0", "img_position_x_desk": "center", "input_border_radius": "1", "input_padding_x_mob": "10", "input_width_fix_mob": "0", "sector_text_fs_desk": "16", "shadow_transparency": "0.5", "variant1_background": "#CDEBEF", "variant2_background": "#FF8072", "variant3_background": "#CDEBEF", "variant4_background": "#FF8072", "variant5_background": "#CDEBEF", "variant6_background": "#FF8072", "variant7_background": "#0054A5", "variant8_background": "#2D9CDA", "variant9_background": "#0054A5", "btn_border_color_hov": "#333", "close_position_x_mob": "5", "close_position_y_mob": "5", "input_padding_x_desk": "10", "input_width_fix_desk": "0", "sector_padding_x_mob": "15", "title_position_x_mob": "center", "variant10_background": "#2D9CDA", "variant11_background": "#0054A5", "variant12_background": "#2D9CDA", "variant13_background": "#0054A5", "variant14_background": "#2D9CDA", "variant15_background": "#0054A5", "variant16_background": "#2D9CDA", "variant17_background": "#0054A5", "variant18_background": "#2D9CDA", "arrow_positioning_mob": "center", "arrow_shadow_offset_x": "0", "arrow_shadow_offset_y": "0", "btn_margin_bottom_mob": "10", "checkbox_border_color": "#fff", "checkbox_border_width": "1", "close_bg_transparency": "0.5", "close_position_x_desk": "10", "close_position_y_desk": "10", "img_margin_bottom_mob": "30", "sector_padding_x_desk": "30", "title_position_x_desk": "center", "arrow_positioning_desk": "center", "btn_margin_bottom_desk": "10", "checkbox_border_radius": "0", "checkbox_margin_bottom": "0", "circle_shadow_offset_x": "0", "circle_shadow_offset_y": "0", "img_margin_bottom_desk": "26.00", "input_border_color_hov": "#333", "tnx_img_position_x_mob": "center", "checkbox_link_underline": "1", "circle_border_width_mob": "4", "input_placeholder_color": "#444", "input_text_position_mob": "center", "subtitle_position_x_mob": "center", "title_margin_bottom_mob": "15", "tnx_img_position_x_desk": "center", "use_variants_background": "1", "circle_border_width_desk": "12", "input_text_position_desk": "center", "subtitle_position_x_desk": "center", "title_margin_bottom_desk": "20", "arrow_shadow_transparency": "0.5", "tnx_img_margin_bottom_mob": "15", "circle_shadow_transparency": "0.5", "display_btn_before_filling": "1", "sector_text_position_x_mob": "right", "subtitle_margin_bottom_mob": "15", "tnx_img_margin_bottom_desk": "30.00", "sector_text_position_x_desk": "right", "subtitle_margin_bottom_desk": "20"}, "button_settings": {"font2": "Roboto", "otst1": "12.00", "otst2": "24.00", "otst3": "10.00", "otst4": "10", "text7": "\u0412\u0440\u0430\u0449\u0430\u0439 \u0431\u0430\u0440\u0430\u0431\u0430\u043d%customs.result%", "color3": "#C8799A", "color5": "#fff", "color7": "#c17192", "crug10": "4.00", "font_size10": "16", "font_size16": "14"}, "behavior_settings": {"lead": {"legal_text": ""}, "button": {"on": false, "positions": {"desktop": {"right": "0px", "bottom": "0px"}}, "conditions": "targeting", "show_before": true}, "partscreen": {"mobile": null, "tablet": null, "desktop": {"target": "window", "position": "center", "vertical_offset": 0, "element_position": "right", "horizontal_offset": 0, "element_vertical_offset": 0, "element_horizontal_offset": 0}, "animation_in": "fadeIn", "allow_overlay": true, "animation_out": "fadeOut", "paranja_color": "#000000", "paranja_opacity": 0.3}}, "html": "\r\n<%\r\n\tvar submitDataPopmechanicIfString = function () {\r\n\t\tvar fieldConditions = [];\r\n\t\tfor (var i = 0; i < fields_list.length; i++) {\r\n\t\t\tvar field = fields_list[i];\r\n\t\t\tif (field.required && field.machine_name && field.type !== 'submit') {\r\n\t\t\t\tfieldConditions.push(\"!!lead['\" + (['email', 'name', 'phone'].indexOf(field.type) > -1 ? '' : 'customs.fields_list.') + field.machine_name + \"']\");\r\n\t\t\t}\r\n\t\t}\r\n\t\treturn \"lead&&\" + (fieldConditions.length ? fieldConditions.join(\"&&\") : \"true\");\r\n\t}();\r\n\r\n\tvar variants = [\r\n\t\tparseInt(variant1_on, 10) ? {\r\n\t\t\ttext: variant1_text,\r\n\t\t\tcolor: variant1_color,\r\n\t\t\tbackground: variant1_background\r\n\t\t} : undefined,\r\n\t\tparseInt(variant2_on, 10) ? {\r\n\t\t\ttext: variant2_text,\r\n\t\t\tcolor: variant2_color,\r\n\t\t\tbackground: variant2_background\r\n\t\t} : undefined,\r\n\t\tparseInt(variant3_on, 10) ? {\r\n\t\t\ttext: variant3_text,\r\n\t\t\tcolor: variant3_color,\r\n\t\t\tbackground: variant3_background\r\n\t\t} : undefined,\r\n\t\tparseInt(variant4_on, 10) ? {\r\n\t\t\ttext: variant4_text,\r\n\t\t\tcolor: variant4_color,\r\n\t\t\tbackground: variant4_background\r\n\t\t} : undefined,\r\n\t\tparseInt(variant5_on, 10) ? {\r\n\t\t\ttext: variant5_text,\r\n\t\t\tcolor: variant5_color,\r\n\t\t\tbackground: variant5_background\r\n\t\t} : undefined,\r\n\t\tparseInt(variant6_on, 10) ? {\r\n\t\t\ttext: variant6_text,\r\n\t\t\tcolor: variant6_color,\r\n\t\t\tbackground: variant6_background\r\n\t\t} : undefined,\r\n\t\tparseInt(variant7_on, 10) ? {\r\n\t\t\ttext: variant7_text,\r\n\t\t\tcolor: variant7_color,\r\n\t\t\tbackground: variant7_background\r\n\t\t} : undefined,\r\n\t\tparseInt(variant8_on, 10) ? {\r\n\t\t\ttext: variant8_text,\r\n\t\t\tcolor: variant8_color,\r\n\t\t\tbackground: variant8_background\r\n\t\t} : undefined,\r\n\t\tparseInt(variant9_on, 10) ? {\r\n\t\t\ttext: variant9_text,\r\n\t\t\tcolor: variant9_color,\r\n\t\t\tbackground: variant9_background\r\n\t\t} : undefined,\r\n\t\tparseInt(variant10_on, 10) ? {\r\n\t\t\ttext: variant10_text,\r\n\t\t\tcolor: variant10_color,\r\n\t\t\tbackground: variant10_background\r\n\t\t} : undefined,\r\n\t\tparseInt(variant11_on, 10) ? {\r\n\t\t\ttext: variant11_text,\r\n\t\t\tcolor: variant11_color,\r\n\t\t\tbackground: variant11_background\r\n\t\t} : undefined,\r\n\t\tparseInt(variant12_on, 10) ? {\r\n\t\t\ttext: variant12_text,\r\n\t\t\tcolor: variant12_color,\r\n\t\t\tbackground: variant12_background\r\n\t\t} : undefined,\r\n\t\tparseInt(variant13_on, 10) ? {\r\n\t\t\ttext: variant13_text,\r\n\t\t\tcolor: variant13_color,\r\n\t\t\tbackground: variant13_background\r\n\t\t} : undefined,\r\n\t\tparseInt(variant14_on, 10) ? {\r\n\t\t\ttext: variant14_text,\r\n\t\t\tcolor: variant14_color,\r\n\t\t\tbackground: variant14_background\r\n\t\t} : undefined,\r\n\t\tparseInt(variant15_on, 10) ? {\r\n\t\t\ttext: variant15_text,\r\n\t\t\tcolor: variant15_color,\r\n\t\t\tbackground: variant15_background\r\n\t\t} : undefined,\r\n\t\tparseInt(variant16_on, 10) ? {\r\n\t\t\ttext: variant16_text,\r\n\t\t\tcolor: variant16_color,\r\n\t\t\tbackground: variant16_background\r\n\t\t} : undefined,\r\n\t\tparseInt(variant17_on, 10) ? {\r\n\t\t\ttext: variant17_text,\r\n\t\t\tcolor: variant17_color,\r\n\t\t\tbackground: variant17_background\r\n\t\t} : undefined,\r\n\t\tparseInt(variant18_on, 10) ? {\r\n\t\t\ttext: variant18_text,\r\n\t\t\tcolor: variant18_color,\r\n\t\t\tbackground: variant18_background\r\n\t\t} : undefined\r\n\t].filter(function (variant) {\r\n\t\treturn typeof variant !== \"undefined\";\r\n\t});\r\n\r\n\tvar circle_positioning_desk = 'left';\r\n\tvar circle_positioning_mob = 'top';\r\n%>\r\n\r\n
\r\n\t\">\r\n\t\t\">\r\n\t\t\t
\r\n\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t<%\r\n\t\t\t\t\t\t\t\tvar angle = 360 / sectors;\r\n\t\t\t\t\t\t\t\tvar angleRad = Math.PI * angle / 180;\r\n\t\t\t\t\t\t\t\tvar variantIndex = 0;\r\n\t\t\t\t\t\t\t\tfor (var sectorIndex = 0; sectorIndex < sectors; sectorIndex++) {\r\n\t\t\t\t\t\t\t\t\tvar x = Math.sin(angleRad) * 6;\r\n\t\t\t\t\t\t\t\t\tvar y = -1 * Math.cos(angleRad) * 6;\r\n\t\t\t\t\t\t\t\t\tvar rotate = angle * sectorIndex;\r\n\t\t\t\t\t\t\t\t\tvar fill = \"\";\r\n\t\t\t\t\t\t\t\t\tif (parseInt(use_variants_background, 10)) {\r\n\t\t\t\t\t\t\t\t\t\tfill = variants[variantIndex].background;\r\n\t\t\t\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\t\t\t\tif (sectorIndex % 2 === 0) {\r\n\t\t\t\t\t\t\t\t\t\t\tfill = sector_odd;\r\n\t\t\t\t\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\t\t\t\t\tfill = sector_even;\r\n\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t%>\r\n\t\t\t\t\t\t\t\"\r\n\t\t\t\t\t\t\t\t\t\td=\"M0 0 0 -6A6 6 0 0 1 <%= x %> <%= y %>Z\"\r\n\t\t\t\t\t\t\t\t\t\ttransform=\"rotate(<%= rotate %> 0 0)\">\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t<%\r\n\t\t\t\t\t\t\t\tif ((variantIndex + 1) < variants.length) {\r\n\t\t\t\t\t\t\t\t\tvariantIndex++;\r\n\t\t\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\t\t\tvariantIndex = 0;\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t%>\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t
    \">\r\n\t\t\t\t\t\t<%\r\n\t\t\t\t\t\t\tvariantIndex = 0;\r\n\t\t\t\t\t\t\tfor(var sectorIndex = 0; sectorIndex < sectors; sectorIndex++) {\r\n\t\t\t\t\t\t\t\tvar sectorRotate = angle * 0.5 + angle * sectorIndex - 90;\r\n\t\t\t\t\t\t\t\tvar color = \"\";\r\n\t\t\t\t\t\t\t\tif (parseInt(use_variants_color, 10)) {\r\n\t\t\t\t\t\t\t\t\tcolor = variants[variantIndex].color;\r\n\t\t\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\t\t\tcolor = sector_color;\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t%>\r\n\t\t\t\t\t\t
  • deg)\">\r\n\t\t\t\t\t\t\t
    \r\n\t\t\t\t\t\t\t\t;\"><%= variants[variantIndex].text %>\r\n\t\t\t\t\t\t\t
    \r\n\t\t\t\t\t\t
  • \r\n\t\t\t\t\t\t<%\r\n\t\t\t\t\t\t\tif ((variantIndex + 1) < variants.length) {\r\n\t\t\t\t\t\t\t\tvariantIndex++;\r\n\t\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\t\tvariantIndex = 0;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\t%>\r\n\t\t\t\t\t
\r\n\t\t\t\t
\r\n\t\t\t
\r\n\r\n\t\t
\r\n\t\t
\">\r\n\t\t\t
\r\n\t\t\t\t<% if (parseInt(arrow_img_show)) { %>\r\n\t\t\t\t\"\r\n\t\t\t\t\t\t alt=\"\">\r\n\t\t\t\t<% } else { %>\r\n\t\t\t\t\r\n\t\t\t\t\t\"\r\n\t\t\t\t\t\t\t\tstroke=\"<%= arrow_border %>\"\r\n\t\t\t\t\t\t\t\tstroke-width=\"<%= arrow_border_width %>\"\r\n\t\t\t\t\t\t\t\td=\"m51.763 32.683 55.601 27.8-55.601 27.801C31.096 98.617 6.78 83.589 6.78 60.484c0-23.106 24.316-38.135 44.983-27.801Z\" />\r\n\t\t\t\t\t\"\r\n\t\t\t\t\t\t\t\t\t rx=\"11\"\r\n\t\t\t\t\t\t\t\t\t ry=\"11\" />\r\n\t\t\t\t\r\n\t\t\t\t<% } %>\r\n\t\t\t
\r\n\t\t
\r\n\t\r\n\r\n\t
\r\n\r\n\t\t
\r\n\t\t\t
\r\n\r\n\t\t\t<% if (desktop && parseInt(img_show_desk)) { %>\r\n\t\t\t\"\r\n\t\t\t\t\t alt=\"\"\r\n\t\t\t\t\t class=\"popmechanic-image\">\r\n\t\t\t<% } %>\r\n\t\t\t<% if (!desktop && parseInt(img_show_mob)) { %>\r\n\t\t\t\"\r\n\t\t\t\t\t alt=\"\"\r\n\t\t\t\t\t class=\"popmechanic-image\">\r\n\t\t\t<% } %>\r\n\r\n\t\t\t<% if (parseInt(title_show)) { %>\r\n\t\t\t
<%= title %>
\r\n\t\t\t<% } %>\r\n\r\n\t\t\t<% if (parseInt(subtitle_show)) { %>\r\n\t\t\t
<%= subtitle %>
\r\n\t\t\t<% } %>\r\n\r\n\t\t\t
\r\n\t\t\t\t
\r\n\t\t\t\t\t<%\r\n\t\t\t\t\t\tfor (var i = 0; i < fields_list.length; i++) {\r\n\t\t\t\t\t\t\tvar field = fields_list[i];\r\n\t\t\t\t\t\t\tvar required = \"data-popmechanic-\" + (field.required ? \"required\" : \"unrequired\");\r\n\t\t\t\t\t\t\tif (!field) continue;\r\n\t\t\t\t\t\t\t\tswitch (field.type) {\r\n\t\t\t\t\t\t\tcase \"text\":\r\n\t\t\t\t\t%>\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\t\"\r\n\t\t\t\t\t\t\t\t\t placeholder=\"<%= field.placeholder %>\"\r\n\t\t\t\t\t\t\t\t\t <%= required %>>\r\n\t\t\t\t\t\t<% if (field.show_error_message && field.required) { %>\r\n\t\t\t\t\t\t
<%= field.error_message_text %>
\r\n\t\t\t\t\t\t<% } %>\r\n\t\t\t\t\t
\r\n\t\t\t\t\t<%\r\n\t\t\t\t\t\t\tbreak;\r\n\t\t\t\t\t\tcase \"name\":\r\n\t\t\t\t\t\tcase \"phone\":\r\n\t\t\t\t\t%>\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\t\"\r\n\t\t\t\t\t\t\t\t\t placeholder=\"<%= field.placeholder %>\"\r\n\t\t\t\t\t\t\t\t\t <%= required %>>\r\n\t\t\t\t\t\t<% if (field.show_error_message && field.required) { %>\r\n\t\t\t\t\t\t
<%= field.error_message_text %>
\r\n\t\t\t\t\t\t<% } %>\r\n\t\t\t\t\t
\r\n\t\t\t\t\t<%\r\n\t\t\t\t\t\t\tbreak;\r\n\t\t\t\t\t\tcase \"email\":\r\n\t\t\t\t\t%>\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\t\"\r\n\t\t\t\t\t\t\t\t\t placeholder=\"<%= field.placeholder %>\"\r\n\t\t\t\t\t\t\t\t\t <%= required %>>\r\n\t\t\t\t\t\t<% if (field.show_error_message && field.required) { %>\r\n\t\t\t\t\t\t
<%= field.error_message_text %>
\r\n\t\t\t\t\t\t<% } %>\r\n\t\t\t\t\t
\r\n\t\t\t\t\t<%\r\n\t\t\t\t\t\t\tbreak;\r\n\t\t\t\t\t\tcase \"number\":\r\n\t\t\t\t\t%>\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\t\"\r\n\t\t\t\t\t\t\t\t\t placeholder=\"<%= field.placeholder %>\"\r\n\t\t\t\t\t\t\t\t\t <%= required %>>\r\n\t\t\t\t\t\t<% if (field.show_error_message && field.required) { %>\r\n\t\t\t\t\t\t
<%= field.error_message_text %>
\r\n\t\t\t\t\t\t<% } %>\r\n\t\t\t\t\t
\r\n\t\t\t\t\t<%\r\n\t\t\t\t\t\t\tbreak;\r\n\t\t\t\t\t\tcase \"date\":\r\n\t\t\t\t\t%>\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\t\"\r\n\t\t\t\t\t\t\t\t\t placeholder=\"<%= field.placeholder %>\"\r\n\t\t\t\t\t\t\t\t\t <%= required %>>\r\n\t\t\t\t\t\t<% if (field.show_error_message && field.required) { %>\r\n\t\t\t\t\t\t
<%= field.error_message_text %>
\r\n\t\t\t\t\t\t<% } %>\r\n\t\t\t\t\t
\r\n\t\t\t\t\t<%\r\n\t\t\t\t\t\t\tbreak;\r\n\t\t\t\t\t\tcase \"select\":\r\n\t\t\t\t\t%>\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\r\n\t\t\t\t\t\t<% if (field.show_error_message && field.required) { %>\r\n\t\t\t\t\t\t
<%= field.error_message_text %>
\r\n\t\t\t\t\t\t<% } %>\r\n\t\t\t\t\t
\r\n\t\t\t\t\t<%\r\n\t\t\t\t\t\tbreak;\r\n\t\t\t\t\t\tcase \"checkbox\":\r\n\t\t\t\t\t%>\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t<%\r\n\t\t\t\t\t\t\t\t\tprint(field.label);\r\n\t\t\t\t\t\t\t\t\tif (field.params.show_link) {\r\n\t\t\t\t\t\t\t\t%>\r\n\t\t\t\t\t\t\t\t\"\r\n\t\t\t\t\t\t\t\t\t class=\"popmechanic-checkbox__link\"\r\n\t\t\t\t\t\t\t\t\t target=\"_blank\"><%= field.params.link_text %> <%= field.params.text_after_link %>\r\n\t\t\t\t\t\t\t\t<% } %>\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t
\r\n\t\t\t\t\t<%\r\n\t\t\t\t\t\tbreak;\r\n\t\t\t\t\t\tcase \"submit\":\r\n\t\t\t\t\t%>\r\n\t\t\t\t\t\r\n\t\t\t\t\t<%\r\n\t\t\t\t\t\tif (field.params.submits_count === 1) {\r\n\t\t\t\t\t\tif (parseInt(display_btn_before_filling, 10)) {\r\n\t\t\t\t\t%>\r\n\t\t\t\t\t\r\n\t\t\t\t\t<% } %>\r\n\t\t\t\t\t\r\n\t\t\t\t\t<% } else {\r\n\t\t\t\t\t\tif (parseInt(display_btn_before_filling, 10)) {\r\n\t\t\t\t\t%>\r\n\r\n\t\t\t\t\t
)\">\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t
\r\n\t\t\t\t\t<% } %>\r\n\r\n\t\t\t\t\t
\">\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t
\r\n\t\t\t\t\t<%\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\tbreak;\r\n\t\t\t\t\t\tdefault:\r\n\t\t\t\t\t}\r\n\t\t\t\t\t} %>\r\n\t\t\t\t
\r\n\r\n\t\t\t\t\r\n\t\t\t
\r\n\t\t
\r\n\t
\r\n\r\n\t
\r\n\t\t
\r\n\t\t\t
\r\n\r\n\t\t\t<% if (desktop && parseInt(tnx_img_show_desk)) { %>\r\n\t\t\t\"\r\n\t\t\t\t\t alt=\"\"\r\n\t\t\t\t\t class=\"popmechanic-image\">\r\n\t\t\t<% } %>\r\n\t\t\t<% if (!desktop && parseInt(tnx_img_show_mob)) { %>\r\n\t\t\t\"\r\n\t\t\t\t\t alt=\"\"\r\n\t\t\t\t\t class=\"popmechanic-image\">\r\n\t\t\t<% } %>\r\n\r\n\t\t\t<% if (parseInt(tnx_title_show)) { %>\r\n\t\t\t
<%= tnx_title %>
\r\n\t\t\t<% } %>\r\n\r\n\t\t\t<% if (parseInt(tnx_subtitle_show)) { %>\r\n\t\t\t
<%= tnx_subtitle %>
\r\n\t\t\t<% } %>\r\n
\r\n\t\t\t<% if (parseInt(tnx_btn_show)) { %>\r\n\t\t\t<% if (tnx_btn_action === \"link\") { %>\r\n\t\t\t\"\r\n\t\t\t\t data-popmechanic-close\r\n\t\t\t\t <%= parseInt(tnx_btn_blank) ? 'target=\"_blank\"' : '' %>>\r\n\t\t\t\t<%= tnx_btn_text %>\r\n\t\t\t\r\n\t\t\t<% } else { %>\r\n\t\t\t\r\n\t\t\t<% } %>\r\n\t\t\t<% } %>\r\n\t\t
\r\n\t
\r\n\r\n", "css": "<% if (!parseInt(font_custom_show)) { %>\r\n\t@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;600;700;800&display=swap');\r\n<% } %>\r\n\r\n<%\r\n\tfunction hexToRgb(hex) {\r\n\t\treturn hex.replace(/^#?([a-f\\d])([a-f\\d])([a-f\\d])$/i, function (m, r, g, b) {\r\n\t\t\treturn \"#\".concat(r).concat(r).concat(g).concat(g).concat(b).concat(b);\r\n\t\t}).substring(1).match(/.{2}/g).map(function (x) {\r\n\t\t\treturn parseInt(x, 16);\r\n\t\t});\r\n\t};\r\n\r\n\tfunction setArrowDirection(side) {\r\n\t\treturn {\r\n\t\t\t'left': '180',\r\n\t\t\t'right': '0',\r\n\t\t\t'top': '270',\r\n\t\t\t'bottom': '90'\r\n\t\t}[side];\r\n\t}\r\n\r\n\tvar error_message_lh = 1.5;\r\n\tvar circle_positioning_desk = 'left';\r\n\tvar circle_positioning_mob = 'top';\r\n\tvar arrow_direction_desk = 'right';\r\n\tvar arrow_direction_mob = 'bottom';\r\n%>\r\n\r\n.popmechanic-reset,\r\n.popmechanic-reset * {\r\n\tbox-sizing: border-box;\r\n\tfont-size: 16px;\r\n\tline-height: normal;\r\n}\r\n.popmechanic-reset::before,\r\n.popmechanic-reset::after,\r\n.popmechanic-reset *::before,\r\n.popmechanic-reset *::after {\r\n\tbox-sizing: border-box;\r\n}\r\n/* FOCUS */\r\n.popmechanic-reset *:focus,\r\n.popmechanic-reset *:focus + .popmechanic-checkbox__check {\r\n\toutline: none;\r\n\tborder: 2px solid rgba(30, 144, 255, 0.5) !important;\r\n}\r\n.popmechanic-reset A,\r\n.popmechanic-reset * A {\r\n\tcolor: inherit;\r\n\tfont-size: inherit;\r\n}\r\n.popmechanic-reset INPUT,\r\n.popmechanic-reset BUTTON,\r\n.popmechanic-reset * INPUT,\r\n.popmechanic-reset * BUTTON {\r\n\tdisplay: block;\r\n\tmax-width: 100%;\r\n\tpadding: 0;\r\n\tborder: 0;\r\n\tborder-radius: 0;\r\n\tbackground: none;\r\n\tword-break: break-word;\r\n\toverflow-wrap: break-word;\r\n\tfont-family: inherit;\r\n\tfont-size: inherit;\r\n\t-webkit-appearance: none;\r\n\t\t\t\t\tappearance: none;\r\n}\r\n.popmechanic-reset INPUT::placeholder,\r\n.popmechanic-reset * INPUT::placeholder {\r\n\tfont-style: normal;\r\n\topacity: 1;\r\n}\r\n.popmechanic-reset BUTTON,\r\n.popmechanic-reset * BUTTON {\r\n\theight: auto;\r\n\tcursor: pointer;\r\n}\r\n.popmechanic-input-hidden {\r\n\tposition: absolute;\r\n\ttop: 0;\r\n\tleft: 0;\r\n\twidth: 0;\r\n\theight: 0;\r\n\topacity: 0;\r\n}\r\n.popmechanic-reset SVG {\r\n\tdisplay: block;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\tmax-width: 100%;\r\n\tmax-height: 100%;\r\n}\r\n#popmechanic-form {\r\n\tposition: relative;\r\n\tdisplay: inline-block;\r\n\tvertical-align: middle;\r\n\t<% if (parseInt(font_custom_show)) { %>\r\n\t\tfont-family: <%= font_custom %>;\r\n\t<% } else { %>\r\n\t\tfont-family: <%= font_family %>;\r\n\t<% } %>\r\n}\r\n#popmechanic-form .popmechanic-main,\r\n#popmechanic-form .popmechanic-thankyou {\r\n\tdisplay: flex;\r\n\tposition: relative;\r\n}\r\n#popmechanic-form .popmechanic-circle-container {\r\n\tposition: absolute;\r\n\tz-index: 2;\r\n\tdisplay: flex;\r\n\tjustify-content: flex-start;\r\n\talign-items: center;\r\n\toverflow: hidden;\r\n\t<% if (parseInt(circle_shadow_show)) { %>\r\n\t\tfilter:\r\n\t\t\tdrop-shadow(<%= circle_shadow_offset_x %>px <%= circle_shadow_offset_y %>px <%= circle_shadow_blur %>px rgba(<%= hexToRgb(circle_shadow_color) %>, <%= circle_shadow_transparency %>));\r\n\t<% } %>\r\n}\r\n#popmechanic-form .popmechanic-circle {\r\n\tdisplay: flex;\r\n\tflex-shrink: 0;\r\n\tborder: 0 solid <%= circle_border_color %>;\r\n\tborder-radius: 50%;\r\n\toverflow: hidden;\r\n\ttransition: transform 3s;\r\n}\r\n#popmechanic-form .popmechanic-circle-inner {\r\n\tposition: relative;\r\n\tdisplay: block;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\t<% if (parseInt(circle_bg_img_show)) { %>\r\n\t\tbackground-image: url(<%= circle_bg_img_src %>);\r\n\t\tbackground-position: center;\r\n\t\tbackground-repeat: no-repeat;\r\n\t\tbackground-size: cover;\r\n\t<% } %>\r\n}\r\n<% if (parseInt(circle_bg_img_show)) { %>\r\n\t#popmechanic-form .popmechanic-circle-inner * {\r\n\t\topacity: 0;\r\n\t}\r\n<% } %>\r\n#popmechanic-form .popmechanic-circle-backdrop {\r\n\tposition: absolute;\r\n}\r\n#popmechanic-form .popmechanic-arrow-wrapper {\r\n\tposition: absolute;\r\n\tz-index: 3;\r\n}\r\n#popmechanic-form .popmechanic-arrow {\r\n\tposition: absolute;\r\n\tz-index: 3;\r\n\theight: auto;\r\n}\r\n#popmechanic-form .popmechanic-arrow-shadow {\r\n\t--arrow_shadow_offset_x: <%= arrow_shadow_offset_x %>px;\r\n\t--arrow_shadow_offset_y: <%= arrow_shadow_offset_y %>px;\r\n\t<% if (parseInt(arrow_shadow_show)) { %>\r\n\t\tfilter: drop-shadow(var(--arrow_shadow_offset_x) var(--arrow_shadow_offset_y) <%= arrow_shadow_blur %>px rgba(<%= hexToRgb(arrow_shadow_color) %>, <%= arrow_shadow_transparency %>));\r\n\t<% } %>\r\n}\r\n#popmechanic-form .popmechanic-arrow-top .popmechanic-arrow-shadow,\r\n#popmechanic-form .popmechanic-arrow-bottom .popmechanic-arrow-shadow {\r\n\t--arrow_shadow_offset_x: <%= arrow_shadow_offset_y %>px;\r\n\t--arrow_shadow_offset_y: <%= arrow_shadow_offset_x %>px;\r\n}\r\n#popmechanic-form .popmechanic-arrow img {\r\n\tdisplay: block;\r\n\twidth: 100%;\r\n\theight: auto;\r\n\tmax-width: 100%;\r\n\tmax-height: 100%;\r\n}\r\n#popmechanic-form .popmechanic-sector {\r\n\tposition: absolute;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\tpointer-events: none;\r\n}\r\n#popmechanic-form .popmechanic-sector-text {\r\n\tposition: absolute;\r\n\ttop: 50%;\r\n\tright: 0;\r\n\ttransform: translateY(-50%);\r\n\twidth: 50%;\r\n\theight: auto;\r\n\tpointer-events: all;\r\n}\r\n#popmechanic-form .popmechanic-sector-text_big {\r\n\tdisplay: block;\r\n\tline-height: 1;\r\n\tfont-weight: <%= sector_text_fw %>;\r\n}\r\n#popmechanic-form .popmechanic-circle-texts {\r\n\tpadding: 0;\r\n\tmargin: 0;\r\n\tlist-style-type: none;\r\n}\r\n#popmechanic-form .popmechanic-content {\r\n\tposition: relative;\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n\tjustify-content: center;\r\n\tbackground-color: rgba(<%= hexToRgb(bg_color) %>, <%= bg_transparency %>);\r\n\tborder-radius: <%= border_radius %>px;\r\n\tborder: 0 solid <%= border_color %>;\r\n\t<% if (parseInt(bg_img_show)) { %>\r\n\t\tbackground-image: url(<%= bg_img_src %>);\r\n\t\tbackground-size: cover;\r\n\t\tbackground-position: center;\r\n\t\tbackground-repeat: no-repeat;\r\n\t<% } %>\r\n\t<% if (parseInt(shadow_show)) { %>\r\n\t\tbox-shadow: <%= shadow_offset_x %>px <%= shadow_offset_y %>px <%= shadow_blur %>px <%= shadow_spread %>px rgba(<%= hexToRgb(shadow_color) %>, <%= shadow_transparency %>);\r\n\t<% } %>\r\n}\r\n#popmechanic-form .popmechanic-image {\r\n\tdisplay: block;\r\n\twidth: 100%;\r\n\tmax-width: 100%;\r\n\theight: auto;\r\n\tmax-height: 100%;\r\n\tobject-fit: cover;\r\n}\r\n#popmechanic-form .popmechanic-title {\r\n\tcolor: <%= title_color %>;\r\n\tfont-weight: <%= title_fw %>;\r\n\tline-height: <%= title_lh %>;\r\n}\r\n#popmechanic-form .popmechanic-subtitle {\r\n\tcolor: <%= subtitle_color %>;\r\n\tfont-weight: <%= subtitle_fw %>;\r\n\tline-height: <%= subtitle_lh %>;\r\n}\r\n#popmechanic-form .popmechanic-inputs,\r\n#popmechanic-form .popmechanic-field {\r\n\twidth: 100%;\r\n\tmax-width: 100%;\r\n}\r\n#popmechanic-form .popmechanic-inputs-wrapper {\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n}\r\n#popmechanic-form .popmechanic-error-message {\r\n\tdisplay: none;\r\n\tmax-width: 100%;\r\n\toverflow: hidden;\r\n\tcolor: <%= input_error_color %>;\r\n\tfont-size: smaller;\r\n\tline-height: <%= error_message_lh %>;\r\n}\r\n#popmechanic-form .popmechanic-input {\r\n\tborder: <%= input_border_width %>px solid <%= input_border_color %>;\r\n\tborder-radius: <%= input_border_radius %>px;\r\n\tbackground-color: <%= input_bg_color %>;\r\n\tcolor: <%= input_text_color %>;\r\n\tfont-size: inherit;\r\n\tfont-weight: <%= input_fw %>;\r\n\tline-height: 1;\r\n\ttransition: border-color 0.3s ease-in-out;\r\n}\r\n#popmechanic-form .popmechanic-input:hover {\r\n\tborder-color: <%= input_border_color_hov %>;\r\n}\r\n#popmechanic-form .popmechanic-input::placeholder,\r\n#popmechanic-form .popmechanic-input[data-popmechanic-placeholder] {\r\n\tcolor: <%= input_placeholder_color %>;\r\n}\r\n#popmechanic-form .popmechanic-placeholder[data-popmechanic-placeholder],\r\n#popmechanic-form .popmechanic-input[data-popmechanic-placeholder] option {\r\n\tcolor: <%= input_text_color %>;\r\n}\r\n#popmechanic-form .popmechanic-input:focus::placeholder {\r\n\topacity: 0;\r\n}\r\n#popmechanic-form .popmechanic-hidden {\r\n\tdisplay: none;\r\n}\r\n#popmechanic-form .popmechanic-submit {\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\tborder: <%= btn_border_width %>px solid <%= btn_border_color %>;\r\n\tborder-radius: <%= btn_border_radius %>px;\r\n\toutline: none;\r\n\tcolor: <%= btn_text_color %>;\r\n\tbackground-color: <%= btn_bg_color %>;\r\n\tfont-weight: <%= btn_fw %>;\r\n\tline-height: 1;\r\n\ttext-decoration: none;\r\n\ttext-align: center;\r\n\ttransition: all 0.3s ease-in-out;\r\n\toverflow: hidden;\r\n\tcursor: pointer;\r\n}\r\n#popmechanic-form .popmechanic-submit:hover {\r\n\tbackground-color: <%= btn_bg_color_hov %>;\r\n\tcolor: <%= btn_text_color_hov %>;\r\n\tborder-color: <%= btn_border_color_hov %>;\r\n}\r\n#popmechanic-form .popmechanic-submit:disabled {\r\n\topacity: 0.8;\r\n\tpointer-events: none;\r\n}\r\n#popmechanic-form .popmechanic-buttons-wrapper {\r\n\twidth: 100%;\r\n}\r\n#popmechanic-form .popmechanic-buttons {\r\n\twidth: 100%;\r\n\tdisplay: flex;\r\n}\r\n#popmechanic-form .popmechanic-thankyou {\r\n\tdisplay: none;\r\n}\r\n.popmechanic-success #popmechanic-form .popmechanic-main {\r\n\tdisplay: none;\r\n}\r\n.popmechanic-success #popmechanic-form .popmechanic-thankyou {\r\n\tdisplay: flex;\r\n}\r\n\r\n/* CHECKBOX */\r\n#popmechanic-form .popmechanic-checkbox {\r\n\t--mb-checkbox-size: <%= checkbox_size %>px;\r\n\tposition: relative;\r\n\tdisplay: flex;\r\n\talign-items: flex-start;\r\n\tgap: calc(var(--mb-checkbox-size, 20px) / 2);\r\n\tmargin-bottom: <%= checkbox_margin_bottom %>px;\r\n\tuser-select: none;\r\n\t<% for (var f = 0; f < fields_list.length; f++) { %>\r\n\t\t<% if (fields_list[f].type === 'checkbox' && fields_list[f].show_error_message && parseInt(checkbox_show) ) { %>\r\n\t\t\tpadding-bottom: <%= +checkbox_fs * +error_message_lh %>px;\r\n\t\t<% } %>\r\n\t<% } %>\r\n}\r\n#popmechanic-form .popmechanic-checkbox__text {\r\n\tcolor: <%= checkbox_text_color %>;\r\n\tfont-size: <%= checkbox_fs %>px;\r\n\tline-height: 1.3;\r\n}\r\n#popmechanic-form .popmechanic-checkbox__link {\r\n\ttext-decoration: <%= parseInt(checkbox_link_underline) ? \"underline\" : \"none\" %>;\r\n}\r\n<% if (parseInt(checkbox_show)) { %>\r\n\t#popmechanic-form .popmechanic-checkbox__check {\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: center;\r\n\t\talign-items: center;\r\n\t\tflex-shrink: 0;\r\n\t\twidth: var(--mb-checkbox-size, 20px);\r\n\t\theight: var(--mb-checkbox-size, 20px);\r\n\t\tborder: <%= checkbox_border_width %>px solid <%= checkbox_border_color %>;\r\n\t\tborder-radius: <%= checkbox_border_radius %>px;\r\n\t\tbackground-color: <%= checkbox_bg_color %>;\r\n\t\tcursor: pointer;\r\n\t}\r\n\t#popmechanic-form .popmechanic-checkbox__check svg {\r\n\t\twidth: calc(100% - (<%= checkbox_padding %>px * 2));\r\n\t\theight: auto;\r\n\t\tcolor: <%= checkbox_tick_color %>;\r\n\t\topacity: 0;\r\n\t\ttransition: opacity 0.3s ease-in-out;\r\n\t}\r\n\t#popmechanic-form .popmechanic-checkbox__input:checked + .popmechanic-checkbox__check svg {\r\n\t\topacity: 1;\r\n\t}\r\n\t#popmechanic-form .popmechanic-invalid:not(:focus) + .popmechanic-checkbox__check {\r\n\t\tborder: <%= parseInt(checkbox_border_width) ? checkbox_border_width : 1 %>px solid <%= input_error_color %>;\r\n\t}\r\n\t#popmechanic-form .popmechanic-checkbox__label .popmechanic-error-message {\r\n\t\tposition: absolute;\r\n\t\tbottom: 0;\r\n\t\tleft: 0;\r\n\t\twidth: 100%;\r\n\t\tmax-width: 100%;\r\n\t\theight: 100%;\r\n\t\tmax-height: <%= +checkbox_fs * +error_message_lh %>px;\r\n\t\toverflow: hidden;\r\n\t\tfont-size: <%= checkbox_fs %>px;\r\n\t}\r\n<% } else { %>\r\n\t#popmechanic-form .popmechanic-checkbox__label {\r\n\t\tdisplay: none;\r\n\t}\r\n<% } %>\r\n\r\n/* CLOSE */\r\n#popmechanic-form .popmechanic-close {\r\n\tposition: absolute;\r\n\ttop: var(--close_position_y, 10px);\r\n\tz-index: 2;\r\n\twidth: var(--close_size, 24px);\r\n\theight: var(--close_size, 24px);\r\n\tborder-radius: <%= close_border_radius %>px;\r\n\tcursor: pointer;\r\n\t<% if (circle_positioning_desk === \"right\") { %>\r\n\t\tleft: var(--close_position_x, 10px);\r\n\t<% } else { %>\r\n\t\tright: var(--close_position_x, 10px);\r\n\t<% } %>\r\n\t<% if (parseInt(close_bg_show)) { %>\r\n\t\tbackground-color: rgba(<%= hexToRgb(close_bg_color) %>, <%= close_bg_transparency %>);\r\n\t<% } else { %>\r\n\t\tbackground-color: rgba(255, 255, 255, 0);\r\n\t<% } %>\r\n}\r\n#popmechanic-form .popmechanic-close::before,\r\n#popmechanic-form .popmechanic-close::after {\r\n\t--translate: translate(-50%, -50%);\r\n\tcontent: \"\";\r\n\tposition: absolute;\r\n\ttop: 50%;\r\n\tleft: 50%;\r\n\twidth: calc(100% - (<%= close_padding %>px * 2));\r\n\theight: 2px;\r\n\tbackground-color: <%= close_color %>;\r\n\ttransform: var(--translate) rotate(45deg);\r\n}\r\n#popmechanic-form .popmechanic-close::after {\r\n\ttransform: var(--translate) rotate(135deg);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-close {\r\n\t--close_size: <%= close_size_desk %>px;\r\n\t--close_position_y: <%= close_position_y_desk %>px;\r\n\t--close_position_x: <%= close_position_x_desk %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-close,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-close {\r\n\t--close_size: <%= close_size_mob %>px;\r\n\t--close_position_y: <%= close_position_y_mob %>px;\r\n\t--close_position_x: <%= close_position_x_mob %>px;\r\n}\r\n\r\n/* DESKTOP */\r\n.popmechanic-desktop #popmechanic-form .popmechanic-main,\r\n.popmechanic-desktop #popmechanic-form .popmechanic-thankyou {\r\n\t<% if (circle_positioning_desk === \"left\" || circle_positioning_desk === \"right\") { %>\r\n\t\tjustify-content: <%= (circle_positioning_desk === \"left\") ? \"flex-end\" : \"flex-start\" %>;\r\n\t\twidth: <%= parseInt(show_half_desk) ? width_desk : (+width_desk + +circle_radius_desk) %>px;\r\n\r\n\t<% } else if (circle_positioning_desk === \"top\" || circle_positioning_desk === \"bottom\") { %>\r\n\t\twidth: <%= width_desk %>px;\r\n\t\tpadding-<%= circle_positioning_desk %>: <%= parseInt(show_half_desk) ? 0 : circle_radius_desk %>px;\r\n\t<% } %>\r\n}\r\n<% if (parseInt(show_half_desk)) { %>\r\n\t.popmechanic-desktop #popmechanic-form .popmechanic-circle-container-left,\r\n\t.popmechanic-desktop #popmechanic-form .popmechanic-circle-container-right {\r\n\t\twidth: <%= circle_radius_desk %>px;\r\n\t\tjustify-content: <%= (circle_positioning_desk === \"left\") ? \"flex-end\" : \"flex-start\" %>;\r\n\t}\r\n\t.popmechanic-desktop #popmechanic-form .popmechanic-circle-container-top,\r\n\t.popmechanic-desktop #popmechanic-form .popmechanic-circle-container-bottom {\r\n\t\theight: <%= circle_radius_desk %>px;\r\n\t\talign-items: <%= (circle_positioning_desk === \"top\") ? \"flex-end\" : \"flex-start\" %>;\r\n\t}\r\n<% } %>\r\n.popmechanic-desktop #popmechanic-form .popmechanic-circle-inner {\r\n\t<% if (arrow_positioning_desk === \"left\") { %>\r\n\t\ttransform: rotate(180deg);\r\n\t<% } else if (arrow_positioning_desk === \"right\") { %>\r\n\t\ttransform: rotate(0deg);\r\n\t<% } else if (arrow_positioning_desk === \"top\") { %>\r\n\t\ttransform: rotate(270deg);\r\n\t<% } else if (arrow_positioning_desk === \"bottom\") { %>\r\n\t\ttransform: rotate(90deg);\r\n\t<% } else { %>\r\n\t\t<% if (arrow_direction_desk === \"left\") { %>\r\n\t\t\ttransform: rotate(180deg);\r\n\t\t<% } else if (arrow_direction_desk === \"top\") { %>\r\n\t\t\ttransform: rotate(270deg);\r\n\t\t<% } else if (arrow_direction_desk === \"bottom\") { %>\r\n\t\t\ttransform: rotate(90deg);\r\n\t\t<% } %>\r\n\t<% } %>\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-circle {\r\n\twidth: <%= +circle_radius_desk * 2 %>px;\r\n\theight: <%= +circle_radius_desk * 2 %>px;\r\n\tborder-width: <%= parseInt(circle_bg_img_show) ? 0 : circle_border_width_desk %>px;\r\n}\r\n\r\n/* ARROW DESKTOP */\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-wrapper {\r\n\twidth: <%= +circle_radius_desk * 2 %>px;\r\n\theight: <%= +circle_radius_desk * 2 %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-wrapper-left,\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-wrapper-right {\r\n\ttop: 50%;\r\n\t<%= circle_positioning_desk %>: 0;\r\n\ttransform: translateY(-50%);\r\n\t<% if (parseInt(show_half_desk)) { %>\r\n\t\twidth: <%= circle_radius_desk %>px;\r\n\t<% } %>\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-wrapper-top,\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-wrapper-bottom {\r\n\t<%= circle_positioning_desk %>: 0;\r\n\tleft: 50%;\r\n\ttransform: translateX(-50%);\r\n\t<% if (parseInt(show_half_desk)) { %>\r\n\t\theight: <%= circle_radius_desk %>px;\r\n\t<% } %>\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow {\r\n\twidth: <%= arrow_size_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-wrapper-left .popmechanic-arrow-left {\r\n\ttop: 50%;\r\n\tleft: 0;\r\n\ttransform: translate(<%= +arrow_shift_desk + (parseInt(show_half_desk) ? -(+arrow_offset) : 0) %>%, -50%);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-wrapper-left .popmechanic-arrow-right {\r\n\ttop: 50%;\r\n\tright: 0;\r\n\ttransform: translate(<%= -(+arrow_shift_desk) + 0 %>%, -50%) rotate(180deg);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-wrapper-left .popmechanic-arrow-top {\r\n\ttop: 0;\r\n\tleft: <%= parseInt(show_half_desk) ? \"0\" : \"50%\" %>;\r\n\ttransform: translate(-50%, <%= +arrow_shift_desk + 0 %>%) rotate(90deg);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-wrapper-left .popmechanic-arrow-bottom {\r\n\tbottom: 0;\r\n\tleft: <%= parseInt(show_half_desk) ? \"0\" : \"50%\" %>;\r\n\ttransform: translate(-50%, <%= -(+arrow_shift_desk) + 0 %>%) rotate(270deg);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-wrapper-left .popmechanic-arrow-center {\r\n\ttop: 50%;\r\n\tleft: <%= parseInt(show_half_desk) ? \"0\" : \"50%\" %>;\r\n\ttransform-origin: <%= arrow_offset %>% center;\r\n\ttransform: translate(<%= -arrow_offset %>%, -50%) rotate(<%= setArrowDirection(arrow_direction_desk) %>deg);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-wrapper-right .popmechanic-arrow-left {\r\n\ttop: 50%;\r\n\tleft: 0;\r\n\ttransform: translate(<%= +arrow_shift_desk + 0 %>%, -50%);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-wrapper-right .popmechanic-arrow-right {\r\n\ttop: 50%;\r\n\tright: 0;\r\n\ttransform: translate(<%= -(+arrow_shift_desk) + (parseInt(show_half_desk) ? +arrow_offset : 0) %>%, -50%) rotate(180deg);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-wrapper-right .popmechanic-arrow-top {\r\n\ttop: 0;\r\n\tright: <%= parseInt(show_half_desk) ? \"0\" : \"50%\" %>;\r\n\ttransform: translate(50%, <%= +arrow_shift_desk + 0 %>%) rotate(90deg);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-wrapper-right .popmechanic-arrow-bottom {\r\n\tbottom: 0;\r\n\tright: <%= parseInt(show_half_desk) ? \"0\" : \"50%\" %>;\r\n\ttransform: translate(50%, <%= -(+arrow_shift_desk) + 0 %>%) rotate(270deg);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-wrapper-right .popmechanic-arrow-center {\r\n\ttop: 50%;\r\n\tleft: <%= parseInt(show_half_desk) ? \"100%\" : \"50%\" %>;\r\n\ttransform-origin: <%= arrow_offset %>% center;\r\n\ttransform: translate(<%= -arrow_offset %>%, -50%) rotate(<%= setArrowDirection(arrow_direction_desk) %>deg);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-wrapper-top .popmechanic-arrow-left {\r\n\ttop: <%= parseInt(show_half_desk) ? \"0\" : \"50%\" %>;\r\n\tleft: 0;\r\n\ttransform: translate(<%= +arrow_shift_desk + 0 %>%, -50%);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-wrapper-top .popmechanic-arrow-right {\r\n\ttop: <%= parseInt(show_half_desk) ? \"0\" : \"50%\" %>;\r\n\tright: 0;\r\n\ttransform: translate(<%= -(+arrow_shift_desk) + 0 %>%, -50%) rotate(180deg);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-wrapper-top .popmechanic-arrow-top {\r\n\ttop: 0;\r\n\tleft: 50%;\r\n\ttransform: translate(-50%, <%= +arrow_shift_desk + (parseInt(show_half_desk) ? -(+arrow_offset) : 0) %>%) rotate(90deg);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-wrapper-top .popmechanic-arrow-bottom {\r\n\tbottom: 0;\r\n\tleft: 50%;\r\n\ttransform: translate(-50%, <%= -(+arrow_shift_desk) + 0 %>%) rotate(270deg);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-wrapper-top .popmechanic-arrow-center {\r\n\ttop: <%= parseInt(show_half_desk) ? \"0\" : \"50%\" %>;\r\n\tleft: 50%;\r\n\ttransform-origin: <%= arrow_offset %>% center;\r\n\ttransform: translate(<%= -arrow_offset %>%, -50%) rotate(<%= setArrowDirection(arrow_direction_desk) %>deg);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-wrapper-bottom .popmechanic-arrow-left {\r\n\tbottom: <%= parseInt(show_half_desk) ? \"0\" : \"50%\" %>;\r\n\tleft: 0;\r\n\ttransform: translate(<%= +arrow_shift_desk + 0 %>%, 50%);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-wrapper-bottom .popmechanic-arrow-right {\r\n\tbottom: <%= parseInt(show_half_desk) ? \"0\" : \"50%\" %>;\r\n\tright: 0;\r\n\ttransform: translate(<%= -(+arrow_shift_desk) + 0 %>%, 50%) rotate(180deg);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-wrapper-bottom .popmechanic-arrow-top {\r\n\ttop: 0;\r\n\tleft: 50%;\r\n\ttransform: translate(-50%, <%= +arrow_shift_desk + 0 %>%) rotate(90deg);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-wrapper-bottom .popmechanic-arrow-bottom {\r\n\tbottom: 0;\r\n\tleft: 50%;\r\n\ttransform: translate(-50%, <%= -(+arrow_shift_desk) + (parseInt(show_half_desk) ? +arrow_offset : 0) %>%) rotate(270deg);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-wrapper-bottom .popmechanic-arrow-center {\r\n\tbottom: <%= parseInt(show_half_desk) ? \"0\" : \"50%\" %>;\r\n\tleft: 50%;\r\n\ttransform-origin: <%= arrow_offset %>% center;\r\n\ttransform: translate(<%= -arrow_offset %>%, 50%) rotate(<%= setArrowDirection(arrow_direction_desk) %>deg);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-center .popmechanic-arrow-shadow {\r\n\ttransform: rotate(-<%= setArrowDirection(arrow_direction_desk) %>deg);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-center .popmechanic-arrow-shadow > * {\r\n\ttransform: rotate(<%= setArrowDirection(arrow_direction_desk) %>deg);\r\n}\r\n/* ARROW DESKTOP END */\r\n\r\n.popmechanic-desktop #popmechanic-form .popmechanic-sector-text {\r\n\tpadding: 0 <%= sector_padding_x_desk %>px;\r\n\ttext-align: <%= sector_text_position_x_desk %>;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-sector-text_big {\r\n\tfont-size: <%= sector_text_fs_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-content {\r\n\tborder-width: <%= border_width_desk %>px;\r\n\tpadding: <%= padding_y_desk %>px <%= padding_x_desk %>px;\r\n\t<% if (parseInt(height_fix_desk)) { %>\r\n\t\theight: <%= height_desk %>px;\r\n\t\toverflow: hidden;\r\n\t<% } %>\r\n\r\n\t/* LEFT & RIGHT */\r\n\t<% if (circle_positioning_desk === \"left\" || circle_positioning_desk === \"right\") { %>\r\n\t\tpadding-<%= circle_positioning_desk %>: <%= +circle_radius_desk + +padding_x_desk %>px;\r\n\t\t<% if (parseInt(show_half_desk)) { %>\r\n\t\t\twidth: 100%;\r\n\t\t<% } else { %>\r\n\t\t\twidth: calc(100% - <%= circle_radius_desk %>px);\r\n\t\t<% } %>\r\n\r\n\t/* TOP & BOTTOM */\r\n\t<% } else if (circle_positioning_desk === \"top\" || circle_positioning_desk === \"bottom\") { %>\r\n\t\twidth: 100%;\r\n\t\tpadding-<%= circle_positioning_desk %>: <%= +circle_radius_desk + +padding_x_desk %>px;\r\n\t<% } %>\r\n}\r\n<% if (parseInt(img_show_desk)) { %>\r\n\t.popmechanic-desktop #popmechanic-form .popmechanic-image {\r\n\t\twidth: <%= img_width_desk %>px;\r\n\t\tmargin-bottom: <%= img_margin_bottom_desk %>px;\r\n\t\t<% if (img_position_x_desk === \"right\") { %>\r\n\t\t\tmargin-left: auto;\r\n\t\t<% } else if (img_position_x_desk === \"left\") { %>\r\n\t\t\tmargin-right: auto;\r\n\t\t<% } else { %>\r\n\t\t\tmargin-left: auto;\r\n\t\t\tmargin-right: auto;\r\n\t\t<% } %>\r\n\t}\r\n<% } %>\r\n.popmechanic-desktop #popmechanic-form .popmechanic-title {\r\n\tmargin-bottom: <%= title_margin_bottom_desk %>px;\r\n\tfont-size: <%= title_fs_desk %>px;\r\n\ttext-align: <%= title_position_x_desk %>;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-subtitle {\r\n\tmargin-bottom: <%= subtitle_margin_bottom_desk %>px;\r\n\tfont-size: <%= subtitle_fs_desk %>px;\r\n\ttext-align: <%= subtitle_position_x_desk %>;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-inputs-wrapper {\r\n\tgap: <%= input_mb_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-field {\r\n\tfont-size: <%= input_fs_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-error-message {\r\n\ttext-align: <%= input_text_position_desk %>;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-input {\r\n\twidth: <%= parseInt(input_width_fix_desk) ? input_width_desk + \"px\" : \"100%\" %>;\r\n\theight: <%= input_height_desk %>px;\r\n\tpadding: 0 <%= input_padding_x_desk %>px;\r\n\ttext-align: <%= input_text_position_desk %>;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-buttons {\r\n\tflex-direction: <%= btn_direction_desk %>;\r\n\tgap: <%= btn_gap_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-submit {\r\n\twidth: <%= parseInt(btn_width_fix_desk) ? btn_width_desk + \"px\" : \"100%\" %>;\r\n\theight: <%= btn_height_desk %>px;\r\n\tpadding: 0 <%= btn_padding_x_desk %>px;\r\n\tfont-size: <%= btn_fs_desk %>px;\r\n\t<% if (btn_direction_desk === \"row\") { %>\r\n\t\tmargin-bottom: <%= btn_margin_bottom_desk %>px;\r\n\t<% } %>\r\n\t<% if (btn_position_desk === \"right\") { %>\r\n\t\tmargin-left: auto;\r\n\t<% } else if (btn_position_desk === \"left\") { %>\r\n\t\tmargin-right: auto;\r\n\t<% } else { %>\r\n\t\tmargin-left: auto;\r\n\t\tmargin-right: auto;\r\n\t<% } %>\r\n}\r\n<% if (btn_direction_desk === \"column\") { %>\r\n\t.popmechanic-desktop #popmechanic-form .popmechanic-buttons .popmechanic-submit:last-child {\r\n\t\tmargin-bottom: <%= btn_margin_bottom_desk %>px;\r\n\t}\r\n<% } %>\r\n<% if (parseInt(tnx_img_show_desk)) { %>\r\n\t.popmechanic-desktop.popmechanic-success #popmechanic-form .popmechanic-image {\r\n\t\twidth: <%= tnx_img_width_desk %>px;\r\n\t\tmargin-bottom: <%= tnx_img_margin_bottom_desk %>px;\r\n\t\t<% if (tnx_img_position_x_desk === \"right\") { %>\r\n\t\t\tmargin-left: auto;\r\n\t\t\tmargin-right: 0;\r\n\t\t<% } else if (tnx_img_position_x_desk === \"left\") { %>\r\n\t\t\tmargin-right: auto;\r\n\t\t\tmargin-left: 0;\r\n\t\t<% } else { %>\r\n\t\t\tmargin-left: auto;\r\n\t\t\tmargin-right: auto;\r\n\t\t<% } %>\r\n\t}\r\n<% } %>\r\n\r\n/* MOBILE */\r\n.popmechanic-tablet #popmechanic-form .popmechanic-main,\r\n.popmechanic-tablet #popmechanic-form .popmechanic-thankyou,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou {\r\n\twidth: <%= width_mob %>px;\r\n\tpadding-<%= circle_positioning_mob %>: <%= parseInt(show_half_mob) ? 0 : circle_radius_mob %>px;\r\n}\r\n<% if (parseInt(show_half_mob)) { %>\r\n\t.popmechanic-tablet #popmechanic-form .popmechanic-circle-container-top,\r\n\t.popmechanic-mobile #popmechanic-form .popmechanic-circle-container-top {\r\n\t\theight: <%= circle_radius_mob %>px;\r\n\t\talign-items: flex-end;\r\n\t}\r\n\t.popmechanic-tablet #popmechanic-form .popmechanic-circle-container-bottom,\r\n\t.popmechanic-mobile #popmechanic-form .popmechanic-circle-container-bottom {\r\n\t\theight: <%= circle_radius_mob %>px;\r\n\t\talign-items: flex-start;\r\n\t}\r\n<% } %>\r\n.popmechanic-tablet #popmechanic-form .popmechanic-circle-inner,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-circle-inner {\r\n\t<% if (arrow_positioning_mob === \"left\") { %>\r\n\t\ttransform: rotate(180deg);\r\n\t<% } else if (arrow_positioning_mob === \"right\") { %>\r\n\t\ttransform: rotate(0deg);\r\n\t<% } else if (arrow_positioning_mob === \"top\") { %>\r\n\t\ttransform: rotate(270deg);\r\n\t<% } else if (arrow_positioning_mob === \"bottom\") { %>\r\n\t\ttransform: rotate(90deg);\r\n\t<% } else { %>\r\n\t\t<% if (arrow_direction_mob === \"left\") { %>\r\n\t\t\ttransform: rotate(180deg);\r\n\t\t<% } else if (arrow_direction_mob === \"top\") { %>\r\n\t\t\ttransform: rotate(270deg);\r\n\t\t<% } else if (arrow_direction_mob === \"bottom\") { %>\r\n\t\t\ttransform: rotate(90deg);\r\n\t\t<% } %>\r\n\t<% } %>\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-circle,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-circle {\r\n\twidth: <%= +circle_radius_mob * 2 %>px;\r\n\theight: <%= +circle_radius_mob * 2 %>px;\r\n\tborder-width: <%= parseInt(circle_bg_img_show) ? 0 : circle_border_width_mob %>px;\r\n}\r\n\r\n/* ARROW MOBILE */\r\n.popmechanic-tablet #popmechanic-form .popmechanic-arrow-wrapper,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-arrow-wrapper {\r\n\twidth: <%= +circle_radius_mob * 2 %>px;\r\n\theight: <%= +circle_radius_mob * 2 %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-arrow-wrapper-top,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-arrow-wrapper-top,\r\n.popmechanic-tablet #popmechanic-form .popmechanic-arrow-wrapper-bottom,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-arrow-wrapper-bottom {\r\n\t<%= circle_positioning_mob %>: 0;\r\n\tleft: 50%;\r\n\ttransform: translateX(-50%);\r\n\t<% if (parseInt(show_half_mob)) { %>\r\n\t\theight: <%= circle_radius_mob %>px;\r\n\t<% } %>\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-arrow,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-arrow {\r\n\twidth: <%= arrow_size_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-arrow-wrapper-top .popmechanic-arrow-left,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-arrow-wrapper-top .popmechanic-arrow-left {\r\n\ttop: <%= parseInt(show_half_mob) ? \"0\" : \"50%\" %>;\r\n\tleft: 0;\r\n\ttransform: translate(<%= +arrow_shift_mob + 0 %>%, -50%);\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-arrow-wrapper-top .popmechanic-arrow-right,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-arrow-wrapper-top .popmechanic-arrow-right {\r\n\ttop: <%= parseInt(show_half_mob) ? \"0\" : \"50%\" %>;\r\n\tright: 0;\r\n\ttransform: translate(<%= -(+arrow_shift_mob) + 0 %>%, -50%) rotate(180deg);\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-arrow-wrapper-top .popmechanic-arrow-top,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-arrow-wrapper-top .popmechanic-arrow-top {\r\n\ttop: 0;\r\n\tleft: 50%;\r\n\ttransform: translate(-50%, <%= +arrow_shift_mob + (parseInt(show_half_mob) ? -(+arrow_offset) : 0) %>%) rotate(90deg);\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-arrow-wrapper-top .popmechanic-arrow-bottom,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-arrow-wrapper-top .popmechanic-arrow-bottom {\r\n\tbottom: 0;\r\n\tleft: 50%;\r\n\ttransform: translate(-50%, <%= -(+arrow_shift_mob) + 0 %>%) rotate(270deg);\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-arrow-wrapper-top .popmechanic-arrow-center,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-arrow-wrapper-top .popmechanic-arrow-center {\r\n\ttop: <%= parseInt(show_half_mob) ? \"0\" : \"50%\" %>;\r\n\tleft: 50%;\r\n\ttransform-origin: <%= arrow_offset %>% center;\r\n\ttransform: translate(<%= -arrow_offset %>%, -50%) rotate(<%= setArrowDirection(arrow_direction_mob) %>deg);\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-arrow-wrapper-bottom .popmechanic-arrow-left,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-arrow-wrapper-bottom .popmechanic-arrow-left {\r\n\tbottom: <%= parseInt(show_half_mob) ? \"0\" : \"50%\" %>;\r\n\tleft: 0;\r\n\ttransform: translate(<%= +arrow_shift_mob + 0 %>%, 50%);\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-arrow-wrapper-bottom .popmechanic-arrow-right,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-arrow-wrapper-bottom .popmechanic-arrow-right {\r\n\tbottom: <%= parseInt(show_half_mob) ? \"0\" : \"50%\" %>;\r\n\tright: 0;\r\n\ttransform: translate(<%= -(+arrow_shift_mob) + 0 %>%, 50%) rotate(180deg);\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-arrow-wrapper-bottom .popmechanic-arrow-top,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-arrow-wrapper-bottom .popmechanic-arrow-top {\r\n\ttop: 0;\r\n\tleft: 50%;\r\n\ttransform: translate(-50%, <%= +arrow_shift_mob + 0 %>%) rotate(90deg);\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-arrow-wrapper-bottom .popmechanic-arrow-bottom,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-arrow-wrapper-bottom .popmechanic-arrow-bottom {\r\n\tbottom: 0;\r\n\tleft: 50%;\r\n\ttransform: translate(-50%, <%= -(+arrow_shift_mob) + (parseInt(show_half_mob) ? +arrow_offset : 0) %>%) rotate(270deg);\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-arrow-wrapper-bottom .popmechanic-arrow-center,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-arrow-wrapper-bottom .popmechanic-arrow-center {\r\n\tbottom: <%= parseInt(show_half_mob) ? \"0\" : \"50%\" %>;\r\n\tleft: 50%;\r\n\ttransform-origin: <%= arrow_offset %>% center;\r\n\ttransform: translate(<%= -arrow_offset %>%, 50%) rotate(<%= setArrowDirection(arrow_direction_mob) %>deg);\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-arrow-center .popmechanic-arrow-shadow,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-arrow-center .popmechanic-arrow-shadow {\r\n\ttransform: rotate(-<%= setArrowDirection(arrow_direction_mob) %>deg);\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-arrow-center .popmechanic-arrow-shadow > *,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-arrow-center .popmechanic-arrow-shadow > * {\r\n\ttransform: rotate(<%= setArrowDirection(arrow_direction_mob) %>deg);\r\n}\r\n/* ARROW MOBILE END */\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-sector-text,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-sector-text {\r\n\tpadding: 0 <%= sector_padding_x_mob %>px;\r\n\ttext-align: <%= sector_text_position_x_mob %>;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-sector-text_big,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-sector-text_big {\r\n\tfont-size: <%= sector_text_fs_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-content,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-content {\r\n\twidth: 100%;\r\n\tpadding: <%= padding_y_mob %>px <%= padding_x_mob %>px;\r\n\tpadding-<%= circle_positioning_mob %>: <%= +circle_radius_mob + +padding_x_mob %>px;\r\n\tborder-width: <%= border_width_mob %>px;\r\n\t<% if (parseInt(height_fix_mob)) { %>\r\n\t\theight: <%= height_mob %>px;\r\n\t\toverflow: hidden;\r\n\t<% } %>\r\n}\r\n<% if (parseInt(img_show_mob)) { %>\r\n\t.popmechanic-tablet #popmechanic-form .popmechanic-image,\r\n\t.popmechanic-mobile #popmechanic-form .popmechanic-image {\r\n\t\twidth: <%= img_width_mob %>px;\r\n\t\tmargin-bottom: <%= img_margin_bottom_mob %>px;\r\n\t\t<% if (img_position_x_mob === \"right\") { %>\r\n\t\t\tmargin-left: auto;\r\n\t\t<% } else if (img_position_x_mob === \"left\") { %>\r\n\t\t\tmargin-right: auto;\r\n\t\t<% } else { %>\r\n\t\t\tmargin-left: auto;\r\n\t\t\tmargin-right: auto;\r\n\t\t<% } %>\r\n\t}\r\n<% } %>\r\n.popmechanic-tablet #popmechanic-form .popmechanic-title,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-title {\r\n\tmargin-bottom: <%= title_margin_bottom_mob %>px;\r\n\tfont-size: <%= title_fs_mob %>px;\r\n\ttext-align: <%= title_position_x_mob %>;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-subtitle,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-subtitle {\r\n\tmargin-bottom: <%= subtitle_margin_bottom_mob %>px;\r\n\tfont-size: <%= subtitle_fs_mob %>px;\r\n\ttext-align: <%= subtitle_position_x_mob %>;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-inputs-wrapper,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-inputs-wrapper {\r\n\tgap: <%= input_mb_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-field,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-field {\r\n\tfont-size: <%= input_fs_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-error-message,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-error-message {\r\n\ttext-align: <%= input_text_position_mob %>;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-input,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-input {\r\n\twidth: <%= parseInt(input_width_fix_mob) ? input_width_mob + \"px\" : \"100%\" %>;\r\n\theight: <%= input_height_mob %>px;\r\n\tpadding: 0 <%= input_padding_x_mob %>px;\r\n\ttext-align: <%= input_text_position_mob %>;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-buttons,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-buttons {\r\n\tflex-direction: <%= btn_direction_mob %>;\r\n\tgap: <%= btn_gap_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-submit,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-submit {\r\n\twidth: <%= parseInt(btn_width_fix_mob) ? btn_width_mob + \"px\" : \"100%\" %>;\r\n\theight: <%= btn_height_mob %>px;\r\n\tpadding: 0 <%= btn_padding_x_mob %>px;\r\n\tfont-size: <%= btn_fs_mob %>px;\r\n\t<% if (btn_direction_mob === \"row\") { %>\r\n\t\tmargin-bottom: <%= btn_margin_bottom_mob %>px;\r\n\t<% } %>\r\n\t<% if (btn_position_mob === \"right\") { %>\r\n\t\tmargin-left: auto;\r\n\t<% } else if (btn_position_mob === \"left\") { %>\r\n\t\tmargin-right: auto;\r\n\t<% } else { %>\r\n\t\tmargin-left: auto;\r\n\t\tmargin-right: auto;\r\n\t<% } %>\r\n}\r\n<% if (btn_direction_mob === \"column\") { %>\r\n\t.popmechanic-tablet #popmechanic-form .popmechanic-buttons .popmechanic-submit:last-child,\r\n\t.popmechanic-mobile #popmechanic-form .popmechanic-buttons .popmechanic-submit:last-child {\r\n\t\tmargin-bottom: <%= btn_margin_bottom_mob %>px;\r\n\t}\r\n<% } %>\r\n<% if (parseInt(tnx_img_show_mob)) { %>\r\n\t.popmechanic-tablet.popmechanic-success #popmechanic-form .popmechanic-image,\r\n\t.popmechanic-mobile.popmechanic-success #popmechanic-form .popmechanic-image {\r\n\t\twidth: <%= tnx_img_width_mob %>px;\r\n\t\tmargin-bottom: <%= tnx_img_margin_bottom_mob %>px;\r\n\t\t<% if (tnx_img_position_x_mob === \"right\") { %>\r\n\t\t\tmargin-left: auto;\r\n\t\t\tmargin-right: 0;\r\n\t\t<% } else if (tnx_img_position_x_mob === \"left\") { %>\r\n\t\t\tmargin-right: auto;\r\n\t\t\tmargin-left: 0;\r\n\t\t<% } else { %>\r\n\t\t\tmargin-left: auto;\r\n\t\t\tmargin-right: auto;\r\n\t\t<% } %>\r\n\t}\r\n<% } %>\r\n#popmechanic-form .popmechanic-invalid:not(:focus) {\r\n\tz-index: 30;\r\n\tborder: 1px solid <%= input_error_color %> !important;\r\n\tcolor: <%= input_error_color %> !important;\r\n}\r\n#popmechanic-form .popmechanic-invalid:not(:focus)::placeholder {\r\n\tcolor: <%= input_error_color %>;\r\n}\r\n#popmechanic-form .popmechanic-invalid:not(:focus) ~ .popmechanic-error-message {\r\n\tdisplay: block;\r\n}\r\n.popmechanic-mobile li.popmechanic-sector {\r\n zoom: 0.5;\r\n}", "button_html": "", "button_css": "#popmechanic-button {\r\n background-color: <%=color3%>;\r\n width: auto;\r\n display: inline-block;\r\n padding: <%=otst1%>px <%=otst2%>px;\r\n border-radius: <%=crug10%>px;\r\n cursor: pointer;\r\n box-shadow: 0 -1px 3px 0 #666;\r\n z-index: 10000000;\r\n}\r\n#popmechanic-button .popmechanic-button-text {\r\n color:<%=color5%>;\r\n font-family: <%=font2%>;\r\n font-size: <%=font_size10%>px;\r\n}\r\n#popmechanic-button:hover {\r\n background-color: <%=color7%>;\r\n}\r\n#popmechanic-button-56947 {\r\n position: absolute;\r\n margin-right: 421px;\r\n margin-bottom: 75px;\r\n}\r\n.popmechanic-mobile #popmechanic-button {\r\n padding: <%=otst3%>px <%=otst4%>px;\r\n}\r\n.popmechanic-mobile #popmechanic-button .popmechanic-button-text {\r\n font-size: <%=font_size16%>px;\r\n}"}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 59590, "template": 1259, "button_template": null, "test_group": null, "new_targeting": {"filter": {"id": "root", "name": "root", "nodes": [{"id": "2", "field": "utm_medium", "value": "email", "operator": "$neq"}, {"id": "3", "field": "referrer", "value": "market.yandex.ru", "operator": "$exclude"}, {"id": "4", "field": "device", "value": ["pc", "tablet", "mobile"], "operator": "$in"}, {"id": "5", "field": "source", "value": ["utm", "organic", "referral", "typein"], "operator": "$in"}, {"id": "6", "name": "$or", "type": "current_page", "nodes": [{"id": "7", "field": "page", "value": ["https://www.oriflame.ru/mypages"], "operator": "$in_contains"}], "operator": "$or"}, {"id": "8", "name": "$and", "type": "current_page", "nodes": [{"id": "9", "field": "page", "value": "frommarket=", "operator": "$exclude"}], "operator": "$and"}, {"id": "10", "name": "$or", "nodes": [{"id": "11", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": true, "operation": "popmechanic-check-segment", "segmentation": {"id": 478, "externalId": "3f423482-0f98-470b-990e-5fd396f5c661"}, "inSegmentByDefault": false}, "operator": "$check"}, {"id": "12", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": true, "operation": "popmechanic-check-segment", "segmentation": {"id": 582, "externalId": "306af16b-0a78-4043-a2ba-691b8977fa04"}, "inSegmentByDefault": false}, "operator": "$check"}], "operator": "$or"}], "operator": "$and"}}, "settings_splits": [{"settings": {"img": "", "link": "", "text": "", "title": "\ud83d\udea9 \u0414\u043b\u044f \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u0438\u044f \u043f\u043e\u0434\u0440\u043e\u0431\u043d\u043e\u0439 \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u0438 \u043e \u0437\u0430\u043a\u0430\u0437\u0430\u0445 \u043e\u0431\u043d\u043e\u0432\u0438 \u0441\u0432\u043e\u0439 e-mail \u0432 \u0440\u0430\u0437\u0434\u0435\u043b\u0435: \u041d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438 \u043f\u0440\u043e\u0444\u0438\u043b\u044f \u21e8 \u0414\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u044b \u0438 \u0441\u043e\u0433\u043b\u0430\u0448\u0435\u043d\u0438\u044f", "button": "\u0417\u0430\u043a\u0440\u044b\u0442\u044c", "endpoint": "ruoriflamecom", "img_width": "35.00", "text_size": "0", "form_width": "400.00", "text_align": "left", "text_color": "#646468", "title_size": "18.00", "cross_color": "#ccc", "font_family": "Arial, Helvetica, sans-serif", "form_bg_img": "", "img_eneable": "0", "shadow_size": "10", "text_enable": "0", "text_weight": "400", "title_color": "#646468", "arrow_enable": "0", "border_color": "#ff0000", "button_width": "95", "cross_enable": "1", "img_position": "right", "title_enable": "1", "title_weight": "400", "button_height": "25", "button_second": "\u041d\u0435\u0442, \u0441\u043f\u0430\u0441\u0438\u0431\u043e", "buttons_align": "center", "form_bg_color": "#ffffff", "img_width_mob": "", "text_size_mob": "0", "arrow_position": "top", "button_main_bg": "#ff8e88", "form_padding_h": "20", "form_padding_v": "16", "form_width_mob": "260", "shadow_enabled": "1", "shadow_opacity": "0.30000000000000004", "title_size_mob": "18.00", "button_main_size": "14", "cross_enable_mob": "1", "text_line_height": "0", "button_main_color": "#fff", "form_border_width": "0", "title_line_height": "1,01", "button_second_size": "14", "custom_font_family": "SansOri", "form_bg_img_enable": "0", "form_border_radius": "0", "form_padding_h_mob": "20", "form_padding_v_mob": "10", "button_border_width": "1", "button_second_color": "#cccccc", "button_border_radius": "50", "button_main_bg_hover": "#f97771", "button_second_enabled": "0", "button_main_color_hover": "#fff", "custom_font_family_enable": "1"}, "button_settings": {}, "conditions_splits": [{"conditions": {"immediate": "1"}, "combinator": "and", "id": 180369}], "id": 58998, "behavior_settings": {"partscreen": {"mobile": {"target": "window", "position": "center", "vertical_offset": 60, "element_position": "right", "horizontal_offset": 0, "element_vertical_offset": 0, "element_horizontal_offset": 0}, "tablet": null, "desktop": {"target": "window", "position": "bottom-right", "vertical_offset": 120, "element_position": "right", "horizontal_offset": 0, "element_vertical_offset": 0, "element_horizontal_offset": 0}, "animation_in": "fadeIn", "allow_overlay": false, "animation_out": "fadeOut", "paranja_color": "#000000", "paranja_opacity": "0"}}}], "pinned": false, "name": "Email form in Orders", "active": true, "embed_selector": false, "selector": "", "placement": "start", "frequency": {"once_lifetime": false, "once_session": false, "priority": false, "minimal_timeout": 864000}, "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://popmechanic-media.storage.yandexcloud.net/shots/form-59590.png?ts=1679402001629", "rendered_button_preview": null, "settings": {"img": "", "link": "", "text": "", "title": "\ud83d\udea9 \u0414\u043b\u044f \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u0438\u044f \u043f\u043e\u0434\u0440\u043e\u0431\u043d\u043e\u0439 \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u0438 \u043e \u0437\u0430\u043a\u0430\u0437\u0430\u0445 \u043e\u0431\u043d\u043e\u0432\u0438 \u0441\u0432\u043e\u0439 e-mail \u0432 \u0440\u0430\u0437\u0434\u0435\u043b\u0435: \u041d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438 \u043f\u0440\u043e\u0444\u0438\u043b\u044f \u21e8 \u0414\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u044b \u0438 \u0441\u043e\u0433\u043b\u0430\u0448\u0435\u043d\u0438\u044f", "button": "\u0417\u0430\u043a\u0440\u044b\u0442\u044c", "endpoint": "ruoriflamecom", "img_width": "35.00", "text_size": "0", "form_width": "400.00", "text_align": "left", "text_color": "#646468", "title_size": "18.00", "cross_color": "#ccc", "font_family": "Arial, Helvetica, sans-serif", "form_bg_img": "", "img_eneable": "0", "shadow_size": "10", "text_enable": "0", "text_weight": "400", "title_color": "#646468", "arrow_enable": "0", "border_color": "#ff0000", "button_width": "95", "cross_enable": "1", "img_position": "right", "title_enable": "1", "title_weight": "400", "button_height": "25", "button_second": "\u041d\u0435\u0442, \u0441\u043f\u0430\u0441\u0438\u0431\u043e", "buttons_align": "center", "form_bg_color": "#ffffff", "img_width_mob": "", "text_size_mob": "0", "arrow_position": "top", "button_main_bg": "#ff8e88", "form_padding_h": "20", "form_padding_v": "16", "form_width_mob": "260", "shadow_enabled": "1", "shadow_opacity": "0.30000000000000004", "title_size_mob": "18.00", "button_main_size": "14", "cross_enable_mob": "1", "text_line_height": "0", "button_main_color": "#fff", "form_border_width": "0", "title_line_height": "1,01", "button_second_size": "14", "custom_font_family": "SansOri", "form_bg_img_enable": "0", "form_border_radius": "0", "form_padding_h_mob": "20", "form_padding_v_mob": "10", "button_border_width": "1", "button_second_color": "#cccccc", "button_border_radius": "50", "button_main_bg_hover": "#f97771", "button_second_enabled": "0", "button_main_color_hover": "#fff", "custom_font_family_enable": "1"}, "button_settings": {}, "behavior_settings": {"partscreen": {"mobile": {"target": "window", "position": "center", "vertical_offset": 60, "element_position": "right", "horizontal_offset": 0, "element_vertical_offset": 0, "element_horizontal_offset": 0}, "tablet": null, "desktop": {"target": "window", "position": "bottom-right", "vertical_offset": 120, "element_position": "right", "horizontal_offset": 0, "element_vertical_offset": 0, "element_horizontal_offset": 0}, "animation_in": "fadeIn", "allow_overlay": false, "animation_out": "fadeOut", "paranja_color": "#000000", "paranja_opacity": "0"}}, "html": "
\r\n\r\n\t
\r\n\t\t
\">
\r\n\t\t
\r\n\t\t\t<% if(parseInt(img_eneable)){ %>\r\n\t\t\t
\r\n\t\t\t\t\" class=\"popmechanic-img\">\r\n\t\t\t
\r\n\t\t\t<% } %>\r\n\t\t\t
\r\n\t\t\t\t<% if(parseInt(title_enable)){ %>
<%=title%>
<% } %>\r\n\t\t\t\t<% if(parseInt(text_enable)){ %>
<%=text%>
<% } %>\r\n\t\t\t\t
\r\n\t\t\t\t\t<% if(parseInt(button_second_enabled)){ %><% } %>\r\n\t\t\t\t\r\n\t\t\t\t
\r\n\t\t\t
\t\t\t\r\n\t\t
\r\n\t
\r\n\t\r\n\t
×
\r\n\r\n
", "css": "", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 56499, "template": 1843, "button_template": null, "test_group": null, "new_targeting": {"filter": {"id": "root", "name": "root", "nodes": [], "operator": "$and"}}, "settings_splits": [{"settings": {"img": "https://personalization-web-stable.mindbox.ru/user-media/2521/e748f904656d743166b35fa3af41bafc94ba8a119ee146d6077e6b922f54c541.gif", "img2": "", "text": "\u0418 \u043f\u043e\u043b\u0443\u0447\u0438 \u0431\u043e\u043d\u0443\u0441 \u0443\u0436\u0435 \u0432 \u043f\u0435\u0440\u0432\u043e\u043c \u043f\u0438\u0441\u044c\u043c\u0435 \u2764\ufe0f", "header": "\u041f\u043e\u0434\u043f\u0438\u0448\u0438\u0441\u044c \u043d\u0430 \u043d\u0430\u0448\u0438 \u0440\u0430\u0441\u0441\u044b\u043b\u043a\u0438", "submit": "\u041f\u043e\u0434\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f", "img_top": "-60", "pad_top": "36", "but_col1": "#f0f0f0", "but_col2": "#68bb93", "img_left": "0.00", "show_img": "0", "btn_color": "#686262", "btn_width": "90", "form_font": "Roboto, sans-serif", "img_width": "10.00", "inp_color": "#686262", "inp_width": "358", "close_show": "0", "conf_color": "#686262", "inp_height": "40", "pad_bottom": "20.00", "show_title": "1", "custom_font": "SansOri, SansOriFallback, sans-serif", "form_bg_img": "", "form_height": "150", "img_top_mob": "1", "lang_helper": "ru", "pad_top_mob": "15", "show_policy": "1", "title_color": "#555555", "btn_fontsize": "18", "img_left_mob": "1", "inp_fontsize": "14", "pad_left_mob": "15", "show_btn_img": "0", "show_form_bg": "0", "btn_width_mob": "300", "conf_fontsize": "12", "conf_link_url": "#", "form_bg_color": "#ffffff", "img_width_mob": "150", "inp_width_mob": "300", "pad_right_mob": "15", "thankyou_text": "\u0422\u0430\u043a \u0434\u0435\u0440\u0436\u0430\u0442\u044c!
\u0410 \u0442\u0435\u043f\u0435\u0440\u044c \u043f\u0440\u043e\u0432\u0435\u0440\u044c \u0441\u0432\u043e\u0439 \u044d\u043b\u0435\u043a\u0442\u0440\u043e\u043d\u043d\u044b\u0439 \u044f\u0449\u0438\u043a \u0438 \u043d\u0435 \u0437\u0430\u0431\u0443\u0434\u044c \u043f\u0440\u043e \u0431\u043e\u043d\u0443\u0441", "btn_height_mob": "52", "close_size_mob": "20", "conf_link_text": "\u0434\u0430\u0451\u0448\u044c \u0441\u043e\u0433\u043b\u0430\u0441\u0438\u0435", "form_width_mob": "320", "inp_height_mob": "45", "pad_bottom_mob": "15", "show_sub_title": "1", "title_fontsize": "20", "btn_hover_color": "#ffffff", "close_color_mob": "#fff", "close_size_desk": "20", "form_bg_img_mob": "https://storage.yandexcloud.net/popmechanic-stage-media/default_preview.jpg", "form_height_mob": "465", "sub_title_color": "#333333", "thanks_fontsize": "16", "use_custom_font": "1", "btn_fontsize_mob": "18", "close_color_desk": "#fff", "inp_border_color": "#686262", "inp_fontsize_mob": "14", "show_form_bg_mob": "0", "close_bg_show_mob": "0", "conf_fontsize_mob": "12", "close_bg_color_mob": "#000000", "close_bg_show_desk": "0", "conf_text_pre_link": "\u041d\u0430\u0436\u0438\u043c\u0430\u044f \u043d\u0430 \u043a\u043d\u043e\u043f\u043a\u0443, \u0442\u044b", "sub_title_fontsize": "12.00", "title_fontsize_mob": "25", "close_bg_color_desk": "#000000", "conf_text_post_link": "\u043d\u0430 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u0441\u0432\u043e\u0438\u0445 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445", "inputs_border_color": "#686262", "thanks_fontsize_mob": "16", "close_bg_transparency": "0.5", "sub_title_fontsize_mob": "14"}, "button_settings": {}, "conditions_splits": [], "id": 55923, "behavior_settings": {"lead": {"legal_text": ""}, "embedded": {"animation_out": "fadeOut"}}}], "pinned": false, "name": "Subscription form footer | \u0424\u043e\u0440\u043c\u0430 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0438 \u0432 \u0444\u0443\u0442\u0435\u0440\u0435 (email)", "active": true, "embed_selector": true, "selector": "#__next > div.appshell-fp-o3469i > div > div.appshell-fp-1ehbso6", "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-54923.png?ts=1722505429997", "rendered_button_preview": null, "settings": {"img": "https://personalization-web-stable.mindbox.ru/user-media/2521/e748f904656d743166b35fa3af41bafc94ba8a119ee146d6077e6b922f54c541.gif", "img2": "", "text": "\u0418 \u043f\u043e\u043b\u0443\u0447\u0438 \u0431\u043e\u043d\u0443\u0441 \u0443\u0436\u0435 \u0432 \u043f\u0435\u0440\u0432\u043e\u043c \u043f\u0438\u0441\u044c\u043c\u0435 \u2764\ufe0f", "header": "\u041f\u043e\u0434\u043f\u0438\u0448\u0438\u0441\u044c \u043d\u0430 \u043d\u0430\u0448\u0438 \u0440\u0430\u0441\u0441\u044b\u043b\u043a\u0438", "submit": "\u041f\u043e\u0434\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f", "img_top": "-60", "pad_top": "36", "but_col1": "#f0f0f0", "but_col2": "#68bb93", "img_left": "0.00", "show_img": "0", "btn_color": "#686262", "btn_width": "90", "form_font": "Roboto, sans-serif", "img_width": "10.00", "inp_color": "#686262", "inp_width": "358", "close_show": "0", "conf_color": "#686262", "inp_height": "40", "pad_bottom": "20.00", "show_title": "1", "custom_font": "SansOri, SansOriFallback, sans-serif", "form_bg_img": "", "form_height": "150", "img_top_mob": "1", "lang_helper": "ru", "pad_top_mob": "15", "show_policy": "1", "title_color": "#555555", "btn_fontsize": "18", "img_left_mob": "1", "inp_fontsize": "14", "pad_left_mob": "15", "show_btn_img": "0", "show_form_bg": "0", "btn_width_mob": "300", "conf_fontsize": "12", "conf_link_url": "#", "form_bg_color": "#ffffff", "img_width_mob": "150", "inp_width_mob": "300", "pad_right_mob": "15", "thankyou_text": "\u0422\u0430\u043a \u0434\u0435\u0440\u0436\u0430\u0442\u044c!
\u0410 \u0442\u0435\u043f\u0435\u0440\u044c \u043f\u0440\u043e\u0432\u0435\u0440\u044c \u0441\u0432\u043e\u0439 \u044d\u043b\u0435\u043a\u0442\u0440\u043e\u043d\u043d\u044b\u0439 \u044f\u0449\u0438\u043a \u0438 \u043d\u0435 \u0437\u0430\u0431\u0443\u0434\u044c \u043f\u0440\u043e \u0431\u043e\u043d\u0443\u0441", "btn_height_mob": "52", "close_size_mob": "20", "conf_link_text": "\u0434\u0430\u0451\u0448\u044c \u0441\u043e\u0433\u043b\u0430\u0441\u0438\u0435", "form_width_mob": "320", "inp_height_mob": "45", "pad_bottom_mob": "15", "show_sub_title": "1", "title_fontsize": "20", "btn_hover_color": "#ffffff", "close_color_mob": "#fff", "close_size_desk": "20", "form_bg_img_mob": "https://storage.yandexcloud.net/popmechanic-stage-media/default_preview.jpg", "form_height_mob": "465", "sub_title_color": "#333333", "thanks_fontsize": "16", "use_custom_font": "1", "btn_fontsize_mob": "18", "close_color_desk": "#fff", "inp_border_color": "#686262", "inp_fontsize_mob": "14", "show_form_bg_mob": "0", "close_bg_show_mob": "0", "conf_fontsize_mob": "12", "close_bg_color_mob": "#000000", "close_bg_show_desk": "0", "conf_text_pre_link": "\u041d\u0430\u0436\u0438\u043c\u0430\u044f \u043d\u0430 \u043a\u043d\u043e\u043f\u043a\u0443, \u0442\u044b", "sub_title_fontsize": "12.00", "title_fontsize_mob": "25", "close_bg_color_desk": "#000000", "conf_text_post_link": "\u043d\u0430 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u0441\u0432\u043e\u0438\u0445 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445", "inputs_border_color": "#686262", "thanks_fontsize_mob": "16", "close_bg_transparency": "0.5", "sub_title_fontsize_mob": "14"}, "button_settings": {}, "behavior_settings": {"lead": {"legal_text": ""}, "embedded": {"animation_out": "fadeOut"}}, "html": "<% try {\r\n\tlang_helper = lang_helper;\r\n\tclose_show = close_show;\r\n\t} catch (e) {\r\n\t\tlang_helper = \"ru\"\r\n\t\tclose_show = 0\r\n\t}\r\n%>\r\n\r\n
\r\n\t
\r\n\r\n\r\n\r\n\t\t
\r\n\t\t \t\t
\r\n\t\t\t<% if (parseInt(show_title)) { %>\r\n\t\t\t
<%= header %>
\r\n\t\t\t<% } %>\r\n\r\n\t\t\t<% if (parseInt(show_sub_title)) { %>\r\n\t\t\t
<%= text %>
\r\n\t\t\t<%= (lang_helper === 'ru') ? '\u0422\u0432\u043e\u0439 email*' : 'Your email' %>\r\n\t\t\t<% } %>\r\n\t\t
\r\n\t\t\t
\r\n\t\t\t \r\n\t\t\t\t
\r\n\t\t\t\t \r\n\t\t\t\t\t\r\n\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t
\r\n\r\n\t\t\t<% if (parseInt(show_policy)) { %>\r\n\t\t\t\r\n\t\t\t<% } %>\r\n\t\t
\r\n\t
\r\n\t
\r\n\t\t
<%= thankyou_text %>
\r\n\t
\r\n\r\n\t<% if (parseInt(close_show)) { %>\r\n\t\r\n\t
\r\n\t<% } %>\r\n
", "css": "<% if(!parseInt(use_custom_font)) { %>\r\n @import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&family=Roboto:wght@400;500;700&display=swap');\r\n<% } %>\r\n\r\n<% 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.popmechanic-reset,\r\n.popmechanic-reset * {\r\n line-height: normal;\r\n box-sizing: border-box; \r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-input{\r\nborder-bottom: 1px black solid;\r\n}\r\ndiv.popmechanic-input:focus{\r\n border-color: #68bb93 !important;\r\n border-bottom: 2px solid !important;\r\n}\r\ndiv.popmechanic-inputs:focus{\r\n border-color: #68bb93 !important;\r\n border-bottom: 1px solid !important;\r\n}\r\ninput:focus{\r\n border-color: #68bb93 !important;\r\n border-bottom: 1px solid !important;\r\n}\r\ninput:focus{\r\n border-color: #68bb93 !important;\r\n}\r\n#popmechanic-form {\r\n position: relative;\r\n <% if (parseInt(use_custom_font)) { %> \r\n font-family: <%=custom_font%>; \r\n <% } else { %> \r\n font-family: <%=form_font%>;\r\n <% } %>\r\n width: 100%;\r\n box-sizing: border-box;\r\n z-index: 100;\r\n}\r\n #popmechanic-form::before {\r\n content: \"\";\r\n display: block;\r\n width: 100%;\r\n height: 100%;\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n bottom: 0;\r\n right: 0;\r\n background-color: <%=form_bg_color%>;\r\n z-index: 1;\r\n <% if(parseInt(show_form_bg)) { %>\r\n background: url(<%=form_bg_img%>) center center no-repeat;\r\n background-size: cover;\r\n <% } %>\r\n }\r\n #popmechanic-form .popmechanic-main,\r\n #popmechanic-form .popmechanic-thankyou {\r\n position: relative;\r\n z-index: 2;\r\n display: flex; \r\n align-items: flex-start;\r\n justify-content: center;\r\n max-width: 1280px;\r\n min-height: <%=form_height%>px;\r\n margin: 0 auto;\r\n padding-left: 20px;\r\n padding-right: 20px;\r\n padding-top: <%=pad_top%>px;\r\n padding-bottom: <%=pad_bottom%>px;\r\n width: 400px;\r\n }\r\n #popmechanic-form .popmechanic-self-box {\r\n width: <%=img_width%>px;\r\n max-width: 100%;\r\n position: relative;\r\n margin-left: <%=img_left%>px;\r\n margin-top: <%=img_top%>px;\r\n margin-right: 20px; }\r\n #popmechanic-form .popmechanic-content {\r\n max-width: 470px;\r\n margin-right: 20px; }\r\n #popmechanic-form .popmechanic-inputs {\r\n \r\n display: flex;\r\n align-items: stretch;\r\n margin-bottom: 21px;\r\n height: <%=inp_height%>px;\r\n max-width: 100%;\r\n }\r\n\r\n #popmechanic-form .popmechanic-inputs--wrapper {\r\n /* flex: 1; */\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n max-width: 100%;\r\n }\r\n #popmechanic-form .popmechanic-input {\r\n flex-shrink: 0;\r\n width: <%=inp_width%>px;\r\n height: 100%;\r\n max-width: 100%;\r\n }\r\n #popmechanic-form .popmechanic-input input {\r\n width: 100%;\r\n height: 100%;\r\n border: none;\r\n background-color: transparent;\r\n font-size: <%=inp_fontsize%>px;\r\n color: <%=inp_color%>;\r\n letter-spacing: 0.3px;\r\n padding-left: 1px;\r\n}\r\n\r\n #popmechanic-form .popmechanic-input input::placeholder {\r\n color: <%=inp_color%>;\r\n opacity: .6;\r\n }\r\n #popmechanic-form input::-moz-placeholder {\r\n color: <%=inp_color%>;\r\n opacity: .6;\r\n }\r\n #popmechanic-form input::-ms-input-placeholder {\r\n color: <%=inp_color%>;\r\n opacity: .6;\r\n }\r\n\r\n #popmechanic-form button {\r\n flex-shrink: 0;\r\n height: 40px;\r\n width: 360px;\r\n background-color: #f5f5f5;\r\n border: none;\r\n font-size: <%=btn_fontsize%>px;\r\n font-weight: 500;\r\n letter-spacing: 0.4px;\r\n color: <%=btn_color%>;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center; \r\n border-radius: 25px;\r\n }\r\n #popmechanic-form button:hover {\r\n background: <%=but_col2%>;\r\n color: <%=btn_hover_color%>;\r\n cursor: pointer;\r\n outline: none; }\r\n #popmechanic-form .popmechanic-subscribe_text {\r\n <% if(parseInt(show_btn_img)) { %>\r\n display: none; \r\n <% } else { %>\r\n display: block;\r\n <% } %>\r\n }\r\n #popmechanic-form .popmechanic-approval {\r\n font-size: <%=conf_fontsize%>px;\r\n color: <%=conf_color%>;\r\n line-height: 1.5;\r\n letter-spacing: 0.3px; \r\n display: flex;\r\n align-items: center;\r\n padding-top: 10px;\r\n }\r\n #popmechanic-form .popmechanic-approval a {\r\n color: #686262;\r\n text-decoration: none; }\r\n #popmechanic-form .popmechanic-checkbox-check {\r\n width: 20px;\r\n height: 20px;\r\n background-color: transparent;\r\n border: 1px solid <%=inp_border_color%>;\r\n margin-right: 8px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-shrink: 0;\r\n }\r\n #popmechanic-form .popmechanic-checkbox-check svg {\r\n width: 100%;\r\n height: 100%;\r\n opacity: 0;\r\n fill: #686262;\r\n }\r\n #popmechanic-form .popmechanic-approval input {\r\n visibility: hidden;\r\n display: block;\r\n width: 0;\r\n height: 0;\r\n opacity: 0;\r\n }\r\n #popmechanic-form .popmechanic-approval input:checked ~ .popmechanic-checkbox-check svg {\r\n opacity: 1;\r\n }\r\n #popmechanic-form .popmechanic-header {\r\n font-size: <%=title_fontsize%>px;\r\n color: <%=title_color%>;\r\n font-weight: bold;\r\n line-height: 1.07;\r\n letter-spacing: 0.7px;\r\n margin-bottom: 16px; }\r\n #popmechanic-form .popmechanic-text {\r\n width: 470px;\r\n max-width: 100%;\r\n font-size: <%=sub_title_fontsize%>px;\r\n color: <%=sub_title_color%>;\r\n line-height: 1.25;\r\n letter-spacing: 0.4px;\r\n font-weight: 700;\r\n padding-bottom: 3px;\r\n }\r\n #popmechanic-form .popmechanic-thankyou .popmechanic-text {\r\n font-size: <%=thanks_fontsize%>px; \r\n text-align: center; \r\n margin: 0 auto;\r\n }\r\n #popmechanic-form input.popmechanic-invalid {\r\n border-color: #e84e4e; }\r\n #popmechanic-form .popmechanic-thankyou {\r\n display: none; }\r\n\r\n.popmechanic-mobile #popmechanic-form::before, .popmechanic-tablet #popmechanic-form::before {\r\n <% if(parseInt(show_form_bg_mob)) { %>\r\n background: url(<%=form_bg_img_mob%>) center center no-repeat;\r\n background-size: cover;\r\n <% } else { %>\r\n background-image: none;\r\n background-color: <%=form_bg_color%>;\r\n <% } %>\r\n}\r\n .popmechanic-mobile #popmechanic-form .popmechanic-main,\r\n .popmechanic-tablet #popmechanic-form .popmechanic-main,\r\n .popmechanic-mobile #popmechanic-form .popmechanic-thankyou,\r\n .popmechanic-tablet #popmechanic-form .popmechanic-thankyou {\r\n flex-direction: column;\r\n align-items: center;\r\n max-width: <%=form_width_mob%>px;\r\n width: 100%; \r\n min-height: <%=form_height_mob%>px;\r\n padding: <%=pad_top_mob%>px <%=pad_right_mob%>px <%=pad_bottom_mob%>px <%=pad_left_mob%>px;\r\n}\r\n .popmechanic-mobile #popmechanic-form .popmechanic-self-box, .popmechanic-tablet #popmechanic-form .popmechanic-self-box {\r\n width: <%=img_width_mob%>px;\r\n position: relative;\r\n margin: 0;\r\n left: <%=img_left_mob%>px;\r\n top: <%=img_top_mob%>px;\r\n margin-right: 0;\r\n margin-bottom: 10px; }\r\n .popmechanic-mobile #popmechanic-form .popmechanic-content, .popmechanic-tablet #popmechanic-form .popmechanic-content {\r\n margin-right: 0;\r\n max-width: 100%;\r\n margin-bottom: 20px; }\r\n .popmechanic-mobile #popmechanic-form .popmechanic-header, .popmechanic-tablet #popmechanic-form .popmechanic-header {\r\n font-size: <%=title_fontsize_mob%>px;\r\n text-align: center; }\r\n .popmechanic-mobile #popmechanic-form .popmechanic-text, .popmechanic-tablet #popmechanic-form .popmechanic-text {\r\n font-size: <%=sub_title_fontsize_mob%>px;\r\n text-align: center; }\r\n .popmechanic-mobile #popmechanic-form .popmechanic-inputs, .popmechanic-tablet #popmechanic-form .popmechanic-inputs {\r\n border: none;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n height: auto;\r\n width: 100%;\r\n }\r\n .popmechanic-mobile .popmechanic-input .popmechanic-email {\r\n border: none;\r\n }\r\n .popmechanic-mobile #popmechanic-form .popmechanic-inputs--wrapper, .popmechanic-tablet #popmechanic-form .popmechanic-inputs--wrapper {\r\n width: auto; }\r\n .popmechanic-mobile #popmechanic-form .popmechanic-input, .popmechanic-tablet #popmechanic-form .popmechanic-input {\r\n width: <%=inp_width_mob%>px;\r\n max-width: 100%;\r\n }\r\n .popmechanic-mobile #popmechanic-form .popmechanic-input input, .popmechanic-tablet #popmechanic-form .popmechanic-input input {\r\n height: <%=inp_height_mob%>px;\r\n font-size: <%=inp_fontsize_mob%>px;\r\n border: solid 1px <%=inp_border_color%>;\r\n margin-bottom: 15px;\r\n \r\n }\r\n .popmechanic-mobile #popmechanic-form button, .popmechanic-tablet #popmechanic-form button {\r\n width: <%=btn_width_mob%>px;\r\n max-width: 100%;\r\n height: <%=btn_height_mob%>px;\r\n font-size: <%=btn_fontsize_mob%>px;\r\n }\r\n .popmechanic-mobile #popmechanic-form .popmechanic-subscribe_text, .popmechanic-tablet #popmechanic-form .popmechanic-subscribe_text {\r\n display: inline; }\r\n .popmechanic-mobile #popmechanic-form .popmechanic-subscribe_img, .popmechanic-tablet #popmechanic-form .popmechanic-subscribe_img {\r\n display: none; }\r\n .popmechanic-mobile #popmechanic-form .popmechanic-approval, .popmechanic-tablet #popmechanic-form .popmechanic-approval {\r\n font-size: <%=conf_fontsize_mob%>px;\r\n text-align: center; }\r\n .popmechanic-mobile #popmechanic-form .popmechanic-thankyou .popmechanic-text, .popmechanic-tablet #popmechanic-form .popmechanic-thankyou .popmechanic-text {\r\n font-size: <%=thanks_fontsize_mob%>px;\r\n }\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 width: 100%;\r\n display: flex; }\r\n#popmechanic-form input.popmechanic-invalid {\r\n border-color: red!important;\r\n border-bottom: 1px solid red!important;\r\n color: red!important;\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_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 50056, "template": 2440, "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": ["testtest"], "operator": "$in_contains"}], "operator": "$and"}], "operator": "$and"}}, "settings_splits": [{"settings": {"css": "#popmechanic-form .popmechanic-item-wrapper {\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n\theight: 100%;\r\n\tbackground-color: <%= card_bg %>;\r\n\tpadding: <%= card_padding_vert %>px <%= card_padding_hor %>px;\r\n\tborder-radius: <%= card_border_radius %>px;\r\n\toverflow: hidden;\r\n\ttransition: box-shadow 0.3s ease-in-out;\r\n\tborder: <%= card_border_width %>px solid <%= card_border_color %>;\r\n}\r\n#popmechanic-form .popmechanic-picture-wrapper {\r\n\tposition: relative;\r\n\tpadding: <%= card_img_padding_vert %>px <%= card_img_padding_hor %>px;\r\n\tmargin-bottom: <%= card_img_margin_bottom %>px;\r\n}\r\n#popmechanic-form .popmechanic-picture {\r\n\tposition: relative;\r\n\tborder-radius: <%= card_img_border_radius %>px;\r\n\toverflow: hidden;\r\n\tmargin-left: auto;\r\n\tmargin-right: auto;\r\n}\r\n#popmechanic-form .popmechanic-picture::before {\r\n\tcontent: '';\r\n\tdisplay: block;\r\n\tpadding-top: calc(100% / (<%= card_img_aspect_ratio %>));\r\n}\r\n#popmechanic-form .popmechanic-img {\r\n\tposition: absolute;\r\n\ttop: 50%;\r\n\tleft: 50%;\r\n\ttransform: translate(-50%, -50%);\r\n\tobject-fit: cover;\r\n\tobject-position: center;\r\n}\r\n#popmechanic-form .popmechanic-labels {\r\n\tposition: absolute;\r\n\tz-index: 1;\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\t<% if (card_labels_position === \"lefttop\") { %>\r\n\t\ttop: <%= card_labels_position_vert %>px;\r\n\t\tleft: <%= card_labels_position_hor %>px;\r\n\t<% } else if (card_labels_position === \"leftbottom\") { %>\r\n\t\tbottom: <%= card_labels_position_vert %>px;\r\n\t\tleft: <%= card_labels_position_hor %>px;\r\n\t<% } else if (card_labels_position === \"righttop\") { %>\r\n\t\ttop: <%= card_labels_position_vert %>px;\r\n\t\tright: <%= card_labels_position_hor %>px;\r\n\t<% } else if (card_labels_position === \"rightbottom\") { %>\r\n\t\tbottom: <%= card_labels_position_vert %>px;\r\n\t\tright: <%= card_labels_position_hor %>px;\r\n\t<% } %>\r\n}\r\n#popmechanic-form .popmechanic-label {\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\tpadding: <%= card_labels_padding_vert %>px <%= card_labels_padding_hor %>px;\r\n\tborder-radius: <%= card_labels_border_radius %>px;\r\n\tline-height: 1;\r\n\tborder: 1px solid;\r\n}\r\n#popmechanic-form .popmechanic-label:not(:last-child) {\r\n\tmargin-right: <%= card_labels_space %>px;\r\n}\r\n#popmechanic-form .popmechanic-label-discount {\r\n\tbackground-color: <%= card_label_discount_bg %>;\r\n\tcolor: <%= card_label_discount_color %>;\r\n\tborder-color: <%= card_label_discount_border %>;\r\n}\r\n#popmechanic-form .popmechanic-label-new {\r\n\tbackground-color: <%= card_label_new_bg %>;\r\n\tcolor: <%= card_label_new_color %>;\r\n\tborder-color: <%= card_label_new_border %>;\r\n}\r\n#popmechanic-form .popmechanic-favorite {\r\n\tposition: absolute;\r\n\tz-index: 1;\r\n\twidth: <%= btn_fav_width %>px;\r\n\theight: <%= btn_fav_height %>px;\r\n\tbackground-repeat: no-repeat;\r\n\tbackground-position: center;\r\n\tbackground-image: url(<%= btn_fav_img_empty %>);\r\n\ttransition: background-image 0.3s ease-in-out;\r\n\t<% if (btn_fav_position === \"lefttop\") { %>\r\n\t\ttop: <%= btn_fav_padding_vert %>px;\r\n\t\tleft: <%= btn_fav_padding_hor %>px;\r\n\t<% } else if (btn_fav_position === \"leftbottom\") { %>\r\n\t\tbottom: <%= btn_fav_padding_vert %>px;\r\n\t\tleft: <%= btn_fav_padding_hor %>px;\r\n\t<% } else if (btn_fav_position === \"righttop\") { %>\r\n\t\ttop: <%= btn_fav_padding_vert %>px;\r\n\t\tright: <%= btn_fav_padding_hor %>px;\r\n\t<% } else if (btn_fav_position === \"rightbottom\") { %>\r\n\t\tbottom: <%= btn_fav_padding_vert %>px;\r\n\t\tright: <%= btn_fav_padding_hor %>px;\r\n\t<% } %>\r\n}\r\n#popmechanic-form .popmechanic-favorite.popmechanic-in-favorite {\r\n\tbackground-image: url(<%= btn_fav_img_fill %>);\r\n}\r\n#popmechanic-form .popmechanic-inner {\r\n\tdisplay: grid;\r\n\tgrid-template-columns: repeat(2, minmax(0, auto));\r\n\tjustify-items: center;\r\n\talign-items: end;\r\n\talign-content: <%= card_content_position_vert %>;\r\n\toverflow: hidden;\r\n\tflex-grow: 1;\r\n}\r\n#popmechanic-form .popmechanic-inner-item {\r\n\tgrid-column: 1 / -1;\r\n}\r\n#popmechanic-form .popmechanic-name {\r\n\tgrid-row: <%= card_name_ordering %>;\r\n\tcolor: <%= card_name_color %>;\r\n\tline-height: <%= card_name_lh %>;\r\n\tfont-weight: <%= card_name_fw %>;\r\n\tdisplay: -webkit-box;\r\n\t-webkit-line-clamp: <%= Math.trunc(card_name_line) %>;\r\n\t-webkit-box-orient: vertical;\r\n\tword-break: break-word;\r\n\toverflow: hidden;\r\n\tmargin-bottom: <%= card_name_margin_bottom %>px;\r\n\t<% if (card_name_align === \"right\") { %>\r\n\t\tmargin-left: auto;\r\n\t<% } else if (card_name_align === \"left\") { %>\r\n\t\tmargin-right: auto;\r\n\t<% } else { %>\r\n\t\tmargin-left: auto;\r\n\t\tmargin-right: auto;\r\n\t<% } %>\r\n}\r\n#popmechanic-form .popmechanic-vendor {\r\n\tgrid-row: <%= card_vendor_ordering %>;\r\n\tcolor: <%= card_vendor_color %>;\r\n\tline-height: <%= card_vendor_lh %>;\r\n\tfont-weight: <%= card_vendor_fw %>;\r\n\tdisplay: -webkit-box;\r\n\t-webkit-line-clamp: <%= Math.trunc(card_vendor_line) %>;\r\n\t-webkit-box-orient: vertical;\r\n\tword-break: break-word;\r\n\toverflow: hidden;\r\n\tmargin-bottom: <%= card_vendor_margin_bottom %>px;\r\n\t<% if (card_vendor_align === \"right\") { %>\r\n\t\tmargin-left: auto;\r\n\t<% } else if (card_vendor_align === \"left\") { %>\r\n\t\tmargin-right: auto;\r\n\t<% } else { %>\r\n\t\tmargin-left: auto;\r\n\t\tmargin-right: auto;\r\n\t<% } %>\r\n}\r\n#popmechanic-form .popmechanic-rating {\r\n\tposition: relative;\r\n\tdisplay: flex;\r\n\tjustify-content: flex-start;\r\n\talign-items: center;\r\n\tgrid-row: <%= card_rating_ordering %>;\r\n\tmargin-bottom: <%= card_rating_margin_bottom %>px;\r\n\t<% if (card_rating_align === \"right\") { %>\r\n\t\tmargin-left: auto;\r\n\t<% } else if (card_rating_align === \"left\") { %>\r\n\t\tmargin-right: auto;\r\n\t<% } else { %>\r\n\t\tmargin-left: auto;\r\n\t\tmargin-right: auto;\r\n\t<% } %>\r\n}\r\n#popmechanic-form .popmechanic-rating-not-active,\r\n#popmechanic-form .popmechanic-rating-active {\r\n\tposition: absolute;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\tbackground-repeat: repeat-x;\r\n}\r\n#popmechanic-form .popmechanic-rating-not-active {\r\n\tbackground-image: url(<%= card_rating_img_empty %>);\r\n}\r\n#popmechanic-form .popmechanic-rating-active {\r\n\tmax-width:100%;\r\n\tbackground-image: url(<%= card_rating_img_fill %>);\r\n}\r\n#popmechanic-form .popmechanic-prices {\r\n\tdisplay: flex;\r\n\tgrid-row: <%= card_prices_ordering %>;\r\n\tflex-direction: <%= parseInt(card_prices_col) ? \"column\" : \"row\" %>;\r\n\tgap: <%= card_prices_space %>px;\r\n\tflex-wrap: wrap;\r\n\tfont-weight: <%= card_prices_fw %>;\r\n\tmargin-bottom: <%= card_prices_margin_bottom %>px;\r\n\t<% if (card_prices_align === \"right\") { %>\r\n\t\tmargin-left: auto;\r\n\t<% } else if (card_prices_align === \"left\") { %>\r\n\t\tmargin-right: auto;\r\n\t<% } else { %>\r\n\t\tmargin-left: auto;\r\n\t\tmargin-right: auto;\r\n\t<% } %>\r\n}\r\n#popmechanic-form .popmechanic-price {\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tcolumn-gap: 0.5ch;\r\n\tcolor: <%= card_prices_color %>;\r\n\tline-height: 1;\r\n}\r\n#popmechanic-form .popmechanic-price-old {\r\n\tcolor: <%= card_price_discount_color %>;\r\n\tfont-weight: <%= card_price_discount_fw %>;\r\n\t<% if (parseInt(card_price_discount_cross)) { %>\r\n\t\ttext-decoration: line-through;\r\n\t<% } %>\r\n\t<% if (!parseInt(card_price_discount_first)) { %>\r\n\t\torder: 1;\r\n\t<% } %>\r\n}\r\n#popmechanic-form .popmechanic-price-new {\r\n\t/* keep */\r\n}\r\n#popmechanic-form .popmechanic-currency {\r\n\tfont-size: inherit;\r\n\tcolor: inherit;\r\n\tline-height: inherit;\r\n\tfont-family: inherit;\r\n\torder: <%= (hidden_locale === 'ru') ? '0' : '-1' %>;\r\n}\r\n#popmechanic-form .popmechanic-button-cart {\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\tflex-shrink: 0;\r\n\tgrid-row: <%= btn_cart_ordering %>;\r\n\tbackground-color: <%= btn_cart_bg %>;\r\n\tbackground-repeat: no-repeat;\r\n\tcolor: <%= btn_cart_color %>;\r\n\tline-height: 1;\r\n\tfont-weight: <%= btn_cart_fw %>;\r\n\tpadding: <%= btn_cart_padding_vert %>px <%= btn_cart_padding_hor %>px;\r\n\tborder-radius: <%= btn_cart_border_radius %>px;\r\n\tborder: 1px solid <%= btn_cart_border_color %>;\r\n\toverflow: hidden;\r\n\tmax-width: 100%;\r\n\twidth: <%= btn_cart_width %>px;\r\n\tmin-height: <%= btn_cart_height %>px;\r\n\ttransition: all 0.3s ease-in-out;\r\n\tword-break: break-word;\r\n\toverflow-wrap: break-word;\r\n\tmargin-bottom: <%= btn_cart_margin_bottom %>px;\r\n\t<% if (btn_cart_align === \"right\") { %>\r\n\t\tmargin-left: auto;\r\n\t<% } else if (btn_cart_align === \"left\") { %>\r\n\t\tmargin-right: auto;\r\n\t<% } else { %>\r\n\t\tmargin-left: auto;\r\n\t\tmargin-right: auto;\r\n\t<% } %>\r\n}\r\n<% if (parseInt(btn_cart_icon_show)) { %>\r\n\t#popmechanic-form .popmechanic-button-cart-icon {\r\n\t\tbackground-position: center;\r\n\t\tbackground-size: <%= btn_cart_icon_size %>px;\r\n\t\tbackground-image: url(<%= btn_cart_icon_src %>);\r\n\t\tfont-size: 0 !important;\r\n\t}\r\n<% } %>\r\n#popmechanic-form .popmechanic-button-cart.popmechanic-in-cart {\r\n\tbackground-color: <%= btn_cart_bg_after %>;\r\n}\r\n\r\n/* DESKTOP */\r\n.popmechanic-desktop #popmechanic-form .popmechanic-label {\r\n\tfont-size: <%= card_labels_fz_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-name {\r\n\tfont-size: <%= card_name_fs_desk %>px;\r\n\tmin-height: calc((<%= card_name_fs_desk %>px * <%= card_name_lh %>) * <%= card_name_line %>);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-vendor {\r\n\tfont-size: <%= card_vendor_fs_desk %>px;\r\n\tmin-height: calc((<%= card_vendor_fs_desk %>px * <%= card_vendor_lh %>) * <%= card_vendor_line %>);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-rating {\r\n\twidth: calc(<%= +card_rating_img_size_desk + +card_rating_img_gap %>px * 5);\r\n\theight: <%= card_rating_img_size_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-rating-not-active,\r\n.popmechanic-desktop #popmechanic-form .popmechanic-rating-active {\r\n\tbackground-size: <%= +card_rating_img_size_desk + +card_rating_img_gap %>px <%= card_rating_img_size_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-price {\r\n\tfont-size: <%= card_prices_fs_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-price-old {\r\n\tfont-size: <%= card_price_discount_fs_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-button-cart {\r\n\tfont-size: <%= btn_cart_fs_desk %>px;\r\n}\r\n\r\n/* TABLET, MOBILE */\r\n.popmechanic-tablet #popmechanic-form .popmechanic-label,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-label {\r\n\tfont-size: <%= card_labels_fz_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-name,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-name {\r\n\tfont-size: <%= card_name_fs_mob %>px;\r\n\tmin-height: calc((<%= card_name_fs_mob %>px * <%= card_name_lh %>) * <%= card_name_line %>);\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-vendor,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-vendor {\r\n\tfont-size: <%= card_vendor_fs_mob %>px;\r\n\tmin-height: calc((<%= card_vendor_fs_mob %>px * <%= card_vendor_lh %>) * <%= card_vendor_line %>);\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-rating,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-rating {\r\n\twidth: calc(<%= +card_rating_img_size_mob + +card_rating_img_gap %>px * 5);\r\n\theight: <%= card_rating_img_size_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-rating-not-active,\r\n.popmechanic-tablet #popmechanic-form .popmechanic-rating-active,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-rating-not-active,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-rating-active {\r\n\tbackground-size: <%= +card_rating_img_size_mob + +card_rating_img_gap %>px <%= card_rating_img_size_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-price,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-price {\r\n\tfont-size: <%= card_prices_fs_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-price-old,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-price-old {\r\n\tfont-size: <%= card_price_discount_fs_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-button-cart,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-button-cart {\r\n\tfont-size: <%= btn_cart_fs_mob %>px;\r\n}\r\n\r\n/* HOVER */\r\n@media (hover: hover) {\r\n\t#popmechanic-form .popmechanic-item-wrapper:hover {\r\n\t\t<% if (parseInt(card_hov_shadow)) { %>\r\n\t\t\tbox-shadow: 0 0 <%= card_hov_shadow_size %>px rgba(0, 0, 0, 0.25);\r\n\t\t<% } %>\r\n\t}\r\n\t#popmechanic-form .popmechanic-button:hover {\r\n\t\tbackground-color: <%= btn_cart_bg_hov %>;\r\n\t\tcolor: <%= btn_cart_color_hov %>;\r\n\t\tborder: 1px solid <%= btn_cart_border_color_hov %>;\r\n\t}\r\n}\r\n\r\n.popmechanic-inner {\r\n position: fixed;\r\n bottom: 50px;\r\n padding-left: 200px;\r\n top: 100px;\r\n}\r\n.popmechanic-picture-wrapper {\r\n max-width: 50%;\r\n}\r\n.popmechanic-item-wrapper {\r\n zoom: 0.8;\r\n}\r\n\r\n.popmechanic-picture-wrapper {\r\n max-width: 200px !important;\r\n}\r\n.popmechanic-item-wrapper {\r\n height: 300px !important;\r\n}\r\n#popmechanic-container-50056.popmechanic-desktop #popmechanic-form-50056 .popmechanic-name {\r\n font-size: 13px;\r\n min-height: calc((13px * 1.5) * 2);\r\n word-break: break-word;\r\n width: 220px;\r\n}\r\n.popmechanic-header {\r\n display: inline-flex !important;\r\n margin-bottom: -40px !important;\r\n}\r\n.popmechanic-main {\r\n margin-right: -180px;\r\n}", "header": "\u041f\u041e\u041f\u0423\u041b\u042f\u0420\u041d\u042b\u0415 \u0422\u041e\u0412\u0410\u0420\u042b", "shopId": "OriflameProducts", "card_bg": "#fff", "controls": "1", "enableGA": "0", "endpoint": "endpoints", "template": "
\r\n\r\n\t\t \r\n\t
\r\n\r\n\t\t
\r\n\t\t\t
\r\n\t\t\t\t{% if (parseInt(card_label_discount_show) && product.discount) { %}\r\n\t\t\t\t
-{{ product.discount }}
\r\n\t\t\t\t{% } %}\r\n\t\t\t\t{% if (parseInt(card_label_new_show) && product.customFields[card_label_new_customfield]) { %}\r\n\t\t\t\t
{{ card_label_new_text }}
\r\n\t\t\t\t{% } %}\r\n\t\t\t\t
{{ product.ids.oriflameProducts }}
\r\n\t\t\t
\r\n\r\n\t\t\t{% if (parseInt(btn_fav_show)) { %}\r\n\t\t\t\r\n\t\t\t{% } %}\r\n\r\n\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\t\t{% if (parseInt(card_name_show)) { %}\r\n\t\t\t{{ product.displayName }}\r\n\t\t\t{% } %}\r\n\r\n\t\t\t{% if (parseInt(card_vendor_show) && product.manufacturer) { %}\r\n\t\t\t
{{ product.manufacturer.name }}
\r\n\t\t\t{% } %}\r\n\r\n\t\t\t{% if (parseInt(card_rating_show)) { %}\r\n\t\t\t
\r\n\t\t\t\t{% if(product.customFields[card_rating_customfield]) { %}\r\n\t\t\t\t{% function toTheStars(num) { return (num * 100) / 5 } %}\r\n\r\n\t\t\t\t
\r\n\t\t\t\t
\r\n\t\t\t\t
\r\n\t\t\t\t
\r\n\t\t\t\t{% } %}\r\n\t\t\t
\r\n\t\t\t{% } %}\r\n\r\n\t\t\t{% if (parseInt(card_prices_show)) { %}\r\n\t\t\t
\r\n\t\t\t\t{% if(parseInt(card_price_discount_show) && product.discount) { %}\r\n\t\t\t\t{{ product.formattedOldPrice }}\r\n\t\t\t\t\t{{ card_prices_symbol }}\r\n\t\t\t\t\r\n\t\t\t\t{{ product.formattedPrice }}\r\n\t\t\t\t\t{{ card_prices_symbol }}\r\n\t\t\t\t\r\n\t\t\t\t{% } else { %}\r\n\t\t\t\t{{ product.formattedPrice }}\r\n\t\t\t\t\t{{ card_prices_symbol }}\r\n\t\t\t\t\r\n\t\t\t\t{% } %}\r\n\r\n\t\t\t
\r\n\t\t\t{% } %}\r\n\r\n\t\t\t{% if (parseInt(btn_cart_show)) { %}\r\n\t\t\t\r\n\t\t\t{% } %}\r\n\t\t
\r\n\r\n\t
\r\n
\r\n\r\n{%\r\n\ttry {\r\n\t\tsetTimeout(function () {\r\n\r\n\t\t\tvar addToFavoritesWrapped = new Function('product', btn_fav_func);\r\n\t\t\tPopMechanic.$('[data-mb-product-id=\"' + product.ids.mindboxId + '\"] .popmechanic-favorite')\r\n\t\t\t\t.click(function() {\r\n\t\t\t\t\tPopMechanic.$(this).toggleClass(\"popmechanic-in-favorite\");\r\n\t\t\t\t\taddToFavoritesWrapped(product);\r\n\t\t\t\t});\r\n\r\n\t\t\tvar addToCartWrapped = new Function('product', btn_cart_func);\r\n\t\t\tPopMechanic.$('[data-mb-product-id=\"' + product.ids.mindboxId + '\"] .popmechanic-button-cart')\r\n\t\t\t\t.click(function() {\r\n\t\t\t\t\tPopMechanic.$(this).toggleClass(\"popmechanic-in-cart\");\r\n\t\t\t\t\tvar $text = PopMechanic.$(this).text();\r\n\t\t\t\t\tPopMechanic.$(this).text($text == btn_cart_text ? btn_cart_text_after : btn_cart_text);\r\n\t\t\t\t\taddToCartWrapped(product);\r\n\t\t\t\t});\r\n\r\n\t\t}, 100);\r\n\t} catch (e) {}\r\n%}", "user_tns": "{\r\n\tpreventScrollOnTouch: \"auto\",\r\n\tresponsive: {\r\n\t\t0: {\r\n\t\t\tcontrols: false,\r\n\t\t},\r\n\t\t768: {\r\n\t\t\tcontrols: true,\r\n\t\t},\r\n\t}\r\n}", "enableTns": "1", "header_fw": "400", "lessCount": "0", "algorithm1": "{\"systemName\": \"PopulaGoods\", \"recoTarget\": \"Customer\"}", "algorithm2": "popular", "algorithm3": "popular", "gaListName": "\u0420\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0438 Mindbox", "loopSlider": "1", "responsive": "1,10,1;480,1,10,1;768,1,10,1;1280,1,10,1", "btn_cart_bg": "#666", "btn_cart_fw": "400", "fieldsToGet": "[]", "font_custom": "Circe, Arial, sans-serif", "font_family": "Roboto, sans-serif", "btn_fav_func": "addToFavorites(product.ids.mindboxId)", "btn_fav_show": "0", "card_name_fw": "400", "card_name_lh": "1.5", "header_color": "#444", "btn_cart_func": "", "btn_cart_show": "1", "btn_cart_text": "\u0412 \u043a\u043e\u0440\u0437\u0438\u043d\u0443", "btn_fav_width": "20", "enable_reco_2": "0", "enable_reco_3": "0", "gaTrackerName": "t0", "groupSlidesBy": "1", "header_fz_mob": "22", "hidden_locale": "ru", "sendAllFields": "0", "btn_cart_align": "center", "btn_cart_color": "#fff", "btn_cart_width": "120", "btn_fav_height": "20", "card_name_line": "2", "card_name_show": "1", "card_prices_fw": "400", "card_vendor_fw": "400", "card_vendor_lh": "1.2", "header_fz_desk": "26", "productIdsCode": "0", "btn_cart_bg_hov": "#808080", "btn_cart_fs_mob": "16", "btn_cart_height": "34", "card_hov_shadow": "0", "card_name_align": "center", "card_name_color": "#444", "card_prices_col": "1", "btn_cart_fs_desk": "16", "btn_fav_img_fill": "https://personalization-web-stable.mindbox.ru/user-media/img/fav_fill_f16db001a40dbb7ae478a47534b4aa2c.svg", "btn_fav_position": "rightbottom", "card_name_fs_mob": "16", "card_padding_hor": "10", "card_prices_show": "1", "card_rating_show": "0", "card_vendor_line": "1", "card_vendor_show": "0", "font_custom_show": "0", "header_align_mob": "center", "slider_bullit_bg": "#FFF", "btn_cart_bg_after": "#2f9e44", "btn_cart_icon_src": "https://personalization-web-stable.mindbox.ru/user-media/img/cart_9e2e35b9c47795c327dfdf792d65a5.svg", "btn_cart_ordering": "5", "btn_fav_img_empty": "https://personalization-web-stable.mindbox.ru/user-media/img/fav_8e7efd4a3c459cbc5ef9338f2eb07.svg", "card_border_color": "#444", "card_border_width": "0", "card_label_new_bg": "#37b24d", "card_labels_space": "5", "card_name_fs_desk": "16", "card_padding_vert": "10", "card_prices_align": "center", "card_prices_color": "#444", "card_prices_space": "10", "card_rating_align": "center", "card_vendor_align": "center", "card_vendor_color": "#444", "filterByOtherReco": "0", "header_align_desk": "center", "main_padding_vert": "30", "btn_cart_color_hov": "#fff", "btn_cart_icon_show": "0", "btn_cart_icon_size": "40", "card_border_radius": "8", "card_labels_fz_mob": "12", "card_name_ordering": "1", "card_prices_fs_mob": "15", "card_prices_symbol": "\u0440\u0443\u0431", "card_vendor_fs_mob": "16", "slider_bullit_size": "16", "slider_show_bullit": "0", "btn_cart_text_after": "\u0414\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u043e", "btn_fav_padding_hor": "20", "card_label_new_show": "1", "card_label_new_text": "New", "card_labels_fz_desk": "12", "card_prices_fs_desk": "15", "card_rating_img_gap": "2", "card_vendor_fs_desk": "16", "map_recommendations": "return recommendations;", "recommendationLimit": "8", "slider_button_width": "32", "btn_cart_padding_hor": "8", "btn_fav_padding_vert": "20", "card_hov_shadow_size": "10", "card_img_padding_hor": "10", "card_label_new_color": "#fff", "card_labels_position": "lefttop", "card_prices_ordering": "4", "card_rating_img_fill": "https://personalization-web-stable.mindbox.ru/user-media/img/star_fill_2e8a227ff596e9b97d5fcd93fd08cf1e.svg", "card_rating_ordering": "3", "card_vendor_ordering": "2", "header_margin_bottom": "0.00", "recommendationLimit2": "12", "recommendationLimit3": "12", "slider_button_height": "32", "btn_cart_border_color": "#666", "btn_cart_padding_vert": "8", "card_img_aspect_ratio": "1 / 1", "card_img_padding_vert": "10", "card_label_new_border": "#37b24d", "card_rating_img_empty": "https://personalization-web-stable.mindbox.ru/user-media/img/star_empty_1bd02a21ec00d096e27935230e9f57a4.svg", "btn_cart_border_radius": "8", "btn_cart_margin_bottom": "10", "card_img_border_radius": "8", "card_img_margin_bottom": "0", "card_label_discount_bg": "#f03e3e", "card_price_discount_fw": "400", "slider_bullit_position": "bottom", "card_labels_padding_hor": "6", "card_name_margin_bottom": "10", "card_rating_customfield": "rating", "returnOptimizedPictures": "0", "slider_bullit_bg_active": "#444", "slider_button_icon_next": "https://personalization-web-stable.mindbox.ru/user-media/img/icon_next_25866d364d75997fed4570b06a59411c.svg", "slider_button_icon_prev": "https://personalization-web-stable.mindbox.ru/user-media/img/icon_prev_4bfe4cd7124f9a8ea25af4d6072f1ad9.svg", "card_label_discount_show": "1", "card_labels_padding_vert": "4", "card_labels_position_hor": "0", "card_price_discount_show": "1", "card_rating_img_size_mob": "18", "btn_cart_border_color_hov": "#808080", "card_label_discount_color": "#fff", "card_labels_border_radius": "4", "card_labels_position_vert": "0", "card_price_discount_color": "#999", "card_price_discount_cross": "1", "card_price_discount_first": "1", "card_prices_margin_bottom": "10", "card_rating_img_size_desk": "18", "card_rating_margin_bottom": "10", "card_vendor_margin_bottom": "10", "card_content_position_vert": "stretch", "card_label_discount_border": "#f03e3e", "card_label_new_customfield": "new", "card_price_discount_fs_mob": "14", "slider_bullit_border_color": "#444", "slider_button_border_color": "#444", "slider_button_border_width": "0", "card_price_discount_fs_desk": "14", "slider_button_icon_next_hover": "https://personalization-web-stable.mindbox.ru/user-media/img/icon_next_hover_a5089830b5c2179ee24cea0efe3eef90.svg", "slider_button_icon_prev_hover": "https://personalization-web-stable.mindbox.ru/user-media/img/icon_prev_hover_d590ae9758ed0835d5ef9da7aaa2a001.svg"}, "button_settings": {}, "conditions_splits": [], "id": 49494, "behavior_settings": {"embedded": {"animation_out": "fadeOut"}, "reco_data": {"shopId": "OriflameProducts", "operations": [{"id": "popmechanic-widget-50056-reco-1", "limit": "8", "disabled": false, "algorithm": "PopulaGoods", "recoTarget": "Customer"}], "fieldsToGet": [], "sendAllFields": false, "productIdsCode": null, "filterByOtherReco": false, "returnOptimizedPictures": false}}}], "pinned": false, "name": "\u0412\u0438\u0434\u0436\u0435\u0442 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0439 #50056", "active": true, "embed_selector": true, "selector": "#main > div > section > section > div:nth-child(12)", "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://popmechanic-media.storage.yandexcloud.net/shots/form-50056.png?ts=1667913898928", "rendered_button_preview": null, "settings": {"css": "#popmechanic-form .popmechanic-item-wrapper {\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n\theight: 100%;\r\n\tbackground-color: <%= card_bg %>;\r\n\tpadding: <%= card_padding_vert %>px <%= card_padding_hor %>px;\r\n\tborder-radius: <%= card_border_radius %>px;\r\n\toverflow: hidden;\r\n\ttransition: box-shadow 0.3s ease-in-out;\r\n\tborder: <%= card_border_width %>px solid <%= card_border_color %>;\r\n}\r\n#popmechanic-form .popmechanic-picture-wrapper {\r\n\tposition: relative;\r\n\tpadding: <%= card_img_padding_vert %>px <%= card_img_padding_hor %>px;\r\n\tmargin-bottom: <%= card_img_margin_bottom %>px;\r\n}\r\n#popmechanic-form .popmechanic-picture {\r\n\tposition: relative;\r\n\tborder-radius: <%= card_img_border_radius %>px;\r\n\toverflow: hidden;\r\n\tmargin-left: auto;\r\n\tmargin-right: auto;\r\n}\r\n#popmechanic-form .popmechanic-picture::before {\r\n\tcontent: '';\r\n\tdisplay: block;\r\n\tpadding-top: calc(100% / (<%= card_img_aspect_ratio %>));\r\n}\r\n#popmechanic-form .popmechanic-img {\r\n\tposition: absolute;\r\n\ttop: 50%;\r\n\tleft: 50%;\r\n\ttransform: translate(-50%, -50%);\r\n\tobject-fit: cover;\r\n\tobject-position: center;\r\n}\r\n#popmechanic-form .popmechanic-labels {\r\n\tposition: absolute;\r\n\tz-index: 1;\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\t<% if (card_labels_position === \"lefttop\") { %>\r\n\t\ttop: <%= card_labels_position_vert %>px;\r\n\t\tleft: <%= card_labels_position_hor %>px;\r\n\t<% } else if (card_labels_position === \"leftbottom\") { %>\r\n\t\tbottom: <%= card_labels_position_vert %>px;\r\n\t\tleft: <%= card_labels_position_hor %>px;\r\n\t<% } else if (card_labels_position === \"righttop\") { %>\r\n\t\ttop: <%= card_labels_position_vert %>px;\r\n\t\tright: <%= card_labels_position_hor %>px;\r\n\t<% } else if (card_labels_position === \"rightbottom\") { %>\r\n\t\tbottom: <%= card_labels_position_vert %>px;\r\n\t\tright: <%= card_labels_position_hor %>px;\r\n\t<% } %>\r\n}\r\n#popmechanic-form .popmechanic-label {\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\tpadding: <%= card_labels_padding_vert %>px <%= card_labels_padding_hor %>px;\r\n\tborder-radius: <%= card_labels_border_radius %>px;\r\n\tline-height: 1;\r\n\tborder: 1px solid;\r\n}\r\n#popmechanic-form .popmechanic-label:not(:last-child) {\r\n\tmargin-right: <%= card_labels_space %>px;\r\n}\r\n#popmechanic-form .popmechanic-label-discount {\r\n\tbackground-color: <%= card_label_discount_bg %>;\r\n\tcolor: <%= card_label_discount_color %>;\r\n\tborder-color: <%= card_label_discount_border %>;\r\n}\r\n#popmechanic-form .popmechanic-label-new {\r\n\tbackground-color: <%= card_label_new_bg %>;\r\n\tcolor: <%= card_label_new_color %>;\r\n\tborder-color: <%= card_label_new_border %>;\r\n}\r\n#popmechanic-form .popmechanic-favorite {\r\n\tposition: absolute;\r\n\tz-index: 1;\r\n\twidth: <%= btn_fav_width %>px;\r\n\theight: <%= btn_fav_height %>px;\r\n\tbackground-repeat: no-repeat;\r\n\tbackground-position: center;\r\n\tbackground-image: url(<%= btn_fav_img_empty %>);\r\n\ttransition: background-image 0.3s ease-in-out;\r\n\t<% if (btn_fav_position === \"lefttop\") { %>\r\n\t\ttop: <%= btn_fav_padding_vert %>px;\r\n\t\tleft: <%= btn_fav_padding_hor %>px;\r\n\t<% } else if (btn_fav_position === \"leftbottom\") { %>\r\n\t\tbottom: <%= btn_fav_padding_vert %>px;\r\n\t\tleft: <%= btn_fav_padding_hor %>px;\r\n\t<% } else if (btn_fav_position === \"righttop\") { %>\r\n\t\ttop: <%= btn_fav_padding_vert %>px;\r\n\t\tright: <%= btn_fav_padding_hor %>px;\r\n\t<% } else if (btn_fav_position === \"rightbottom\") { %>\r\n\t\tbottom: <%= btn_fav_padding_vert %>px;\r\n\t\tright: <%= btn_fav_padding_hor %>px;\r\n\t<% } %>\r\n}\r\n#popmechanic-form .popmechanic-favorite.popmechanic-in-favorite {\r\n\tbackground-image: url(<%= btn_fav_img_fill %>);\r\n}\r\n#popmechanic-form .popmechanic-inner {\r\n\tdisplay: grid;\r\n\tgrid-template-columns: repeat(2, minmax(0, auto));\r\n\tjustify-items: center;\r\n\talign-items: end;\r\n\talign-content: <%= card_content_position_vert %>;\r\n\toverflow: hidden;\r\n\tflex-grow: 1;\r\n}\r\n#popmechanic-form .popmechanic-inner-item {\r\n\tgrid-column: 1 / -1;\r\n}\r\n#popmechanic-form .popmechanic-name {\r\n\tgrid-row: <%= card_name_ordering %>;\r\n\tcolor: <%= card_name_color %>;\r\n\tline-height: <%= card_name_lh %>;\r\n\tfont-weight: <%= card_name_fw %>;\r\n\tdisplay: -webkit-box;\r\n\t-webkit-line-clamp: <%= Math.trunc(card_name_line) %>;\r\n\t-webkit-box-orient: vertical;\r\n\tword-break: break-word;\r\n\toverflow: hidden;\r\n\tmargin-bottom: <%= card_name_margin_bottom %>px;\r\n\t<% if (card_name_align === \"right\") { %>\r\n\t\tmargin-left: auto;\r\n\t<% } else if (card_name_align === \"left\") { %>\r\n\t\tmargin-right: auto;\r\n\t<% } else { %>\r\n\t\tmargin-left: auto;\r\n\t\tmargin-right: auto;\r\n\t<% } %>\r\n}\r\n#popmechanic-form .popmechanic-vendor {\r\n\tgrid-row: <%= card_vendor_ordering %>;\r\n\tcolor: <%= card_vendor_color %>;\r\n\tline-height: <%= card_vendor_lh %>;\r\n\tfont-weight: <%= card_vendor_fw %>;\r\n\tdisplay: -webkit-box;\r\n\t-webkit-line-clamp: <%= Math.trunc(card_vendor_line) %>;\r\n\t-webkit-box-orient: vertical;\r\n\tword-break: break-word;\r\n\toverflow: hidden;\r\n\tmargin-bottom: <%= card_vendor_margin_bottom %>px;\r\n\t<% if (card_vendor_align === \"right\") { %>\r\n\t\tmargin-left: auto;\r\n\t<% } else if (card_vendor_align === \"left\") { %>\r\n\t\tmargin-right: auto;\r\n\t<% } else { %>\r\n\t\tmargin-left: auto;\r\n\t\tmargin-right: auto;\r\n\t<% } %>\r\n}\r\n#popmechanic-form .popmechanic-rating {\r\n\tposition: relative;\r\n\tdisplay: flex;\r\n\tjustify-content: flex-start;\r\n\talign-items: center;\r\n\tgrid-row: <%= card_rating_ordering %>;\r\n\tmargin-bottom: <%= card_rating_margin_bottom %>px;\r\n\t<% if (card_rating_align === \"right\") { %>\r\n\t\tmargin-left: auto;\r\n\t<% } else if (card_rating_align === \"left\") { %>\r\n\t\tmargin-right: auto;\r\n\t<% } else { %>\r\n\t\tmargin-left: auto;\r\n\t\tmargin-right: auto;\r\n\t<% } %>\r\n}\r\n#popmechanic-form .popmechanic-rating-not-active,\r\n#popmechanic-form .popmechanic-rating-active {\r\n\tposition: absolute;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\tbackground-repeat: repeat-x;\r\n}\r\n#popmechanic-form .popmechanic-rating-not-active {\r\n\tbackground-image: url(<%= card_rating_img_empty %>);\r\n}\r\n#popmechanic-form .popmechanic-rating-active {\r\n\tmax-width:100%;\r\n\tbackground-image: url(<%= card_rating_img_fill %>);\r\n}\r\n#popmechanic-form .popmechanic-prices {\r\n\tdisplay: flex;\r\n\tgrid-row: <%= card_prices_ordering %>;\r\n\tflex-direction: <%= parseInt(card_prices_col) ? \"column\" : \"row\" %>;\r\n\tgap: <%= card_prices_space %>px;\r\n\tflex-wrap: wrap;\r\n\tfont-weight: <%= card_prices_fw %>;\r\n\tmargin-bottom: <%= card_prices_margin_bottom %>px;\r\n\t<% if (card_prices_align === \"right\") { %>\r\n\t\tmargin-left: auto;\r\n\t<% } else if (card_prices_align === \"left\") { %>\r\n\t\tmargin-right: auto;\r\n\t<% } else { %>\r\n\t\tmargin-left: auto;\r\n\t\tmargin-right: auto;\r\n\t<% } %>\r\n}\r\n#popmechanic-form .popmechanic-price {\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tcolumn-gap: 0.5ch;\r\n\tcolor: <%= card_prices_color %>;\r\n\tline-height: 1;\r\n}\r\n#popmechanic-form .popmechanic-price-old {\r\n\tcolor: <%= card_price_discount_color %>;\r\n\tfont-weight: <%= card_price_discount_fw %>;\r\n\t<% if (parseInt(card_price_discount_cross)) { %>\r\n\t\ttext-decoration: line-through;\r\n\t<% } %>\r\n\t<% if (!parseInt(card_price_discount_first)) { %>\r\n\t\torder: 1;\r\n\t<% } %>\r\n}\r\n#popmechanic-form .popmechanic-price-new {\r\n\t/* keep */\r\n}\r\n#popmechanic-form .popmechanic-currency {\r\n\tfont-size: inherit;\r\n\tcolor: inherit;\r\n\tline-height: inherit;\r\n\tfont-family: inherit;\r\n\torder: <%= (hidden_locale === 'ru') ? '0' : '-1' %>;\r\n}\r\n#popmechanic-form .popmechanic-button-cart {\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\tflex-shrink: 0;\r\n\tgrid-row: <%= btn_cart_ordering %>;\r\n\tbackground-color: <%= btn_cart_bg %>;\r\n\tbackground-repeat: no-repeat;\r\n\tcolor: <%= btn_cart_color %>;\r\n\tline-height: 1;\r\n\tfont-weight: <%= btn_cart_fw %>;\r\n\tpadding: <%= btn_cart_padding_vert %>px <%= btn_cart_padding_hor %>px;\r\n\tborder-radius: <%= btn_cart_border_radius %>px;\r\n\tborder: 1px solid <%= btn_cart_border_color %>;\r\n\toverflow: hidden;\r\n\tmax-width: 100%;\r\n\twidth: <%= btn_cart_width %>px;\r\n\tmin-height: <%= btn_cart_height %>px;\r\n\ttransition: all 0.3s ease-in-out;\r\n\tword-break: break-word;\r\n\toverflow-wrap: break-word;\r\n\tmargin-bottom: <%= btn_cart_margin_bottom %>px;\r\n\t<% if (btn_cart_align === \"right\") { %>\r\n\t\tmargin-left: auto;\r\n\t<% } else if (btn_cart_align === \"left\") { %>\r\n\t\tmargin-right: auto;\r\n\t<% } else { %>\r\n\t\tmargin-left: auto;\r\n\t\tmargin-right: auto;\r\n\t<% } %>\r\n}\r\n<% if (parseInt(btn_cart_icon_show)) { %>\r\n\t#popmechanic-form .popmechanic-button-cart-icon {\r\n\t\tbackground-position: center;\r\n\t\tbackground-size: <%= btn_cart_icon_size %>px;\r\n\t\tbackground-image: url(<%= btn_cart_icon_src %>);\r\n\t\tfont-size: 0 !important;\r\n\t}\r\n<% } %>\r\n#popmechanic-form .popmechanic-button-cart.popmechanic-in-cart {\r\n\tbackground-color: <%= btn_cart_bg_after %>;\r\n}\r\n\r\n/* DESKTOP */\r\n.popmechanic-desktop #popmechanic-form .popmechanic-label {\r\n\tfont-size: <%= card_labels_fz_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-name {\r\n\tfont-size: <%= card_name_fs_desk %>px;\r\n\tmin-height: calc((<%= card_name_fs_desk %>px * <%= card_name_lh %>) * <%= card_name_line %>);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-vendor {\r\n\tfont-size: <%= card_vendor_fs_desk %>px;\r\n\tmin-height: calc((<%= card_vendor_fs_desk %>px * <%= card_vendor_lh %>) * <%= card_vendor_line %>);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-rating {\r\n\twidth: calc(<%= +card_rating_img_size_desk + +card_rating_img_gap %>px * 5);\r\n\theight: <%= card_rating_img_size_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-rating-not-active,\r\n.popmechanic-desktop #popmechanic-form .popmechanic-rating-active {\r\n\tbackground-size: <%= +card_rating_img_size_desk + +card_rating_img_gap %>px <%= card_rating_img_size_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-price {\r\n\tfont-size: <%= card_prices_fs_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-price-old {\r\n\tfont-size: <%= card_price_discount_fs_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-button-cart {\r\n\tfont-size: <%= btn_cart_fs_desk %>px;\r\n}\r\n\r\n/* TABLET, MOBILE */\r\n.popmechanic-tablet #popmechanic-form .popmechanic-label,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-label {\r\n\tfont-size: <%= card_labels_fz_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-name,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-name {\r\n\tfont-size: <%= card_name_fs_mob %>px;\r\n\tmin-height: calc((<%= card_name_fs_mob %>px * <%= card_name_lh %>) * <%= card_name_line %>);\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-vendor,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-vendor {\r\n\tfont-size: <%= card_vendor_fs_mob %>px;\r\n\tmin-height: calc((<%= card_vendor_fs_mob %>px * <%= card_vendor_lh %>) * <%= card_vendor_line %>);\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-rating,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-rating {\r\n\twidth: calc(<%= +card_rating_img_size_mob + +card_rating_img_gap %>px * 5);\r\n\theight: <%= card_rating_img_size_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-rating-not-active,\r\n.popmechanic-tablet #popmechanic-form .popmechanic-rating-active,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-rating-not-active,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-rating-active {\r\n\tbackground-size: <%= +card_rating_img_size_mob + +card_rating_img_gap %>px <%= card_rating_img_size_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-price,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-price {\r\n\tfont-size: <%= card_prices_fs_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-price-old,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-price-old {\r\n\tfont-size: <%= card_price_discount_fs_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-button-cart,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-button-cart {\r\n\tfont-size: <%= btn_cart_fs_mob %>px;\r\n}\r\n\r\n/* HOVER */\r\n@media (hover: hover) {\r\n\t#popmechanic-form .popmechanic-item-wrapper:hover {\r\n\t\t<% if (parseInt(card_hov_shadow)) { %>\r\n\t\t\tbox-shadow: 0 0 <%= card_hov_shadow_size %>px rgba(0, 0, 0, 0.25);\r\n\t\t<% } %>\r\n\t}\r\n\t#popmechanic-form .popmechanic-button:hover {\r\n\t\tbackground-color: <%= btn_cart_bg_hov %>;\r\n\t\tcolor: <%= btn_cart_color_hov %>;\r\n\t\tborder: 1px solid <%= btn_cart_border_color_hov %>;\r\n\t}\r\n}\r\n\r\n.popmechanic-inner {\r\n position: fixed;\r\n bottom: 50px;\r\n padding-left: 200px;\r\n top: 100px;\r\n}\r\n.popmechanic-picture-wrapper {\r\n max-width: 50%;\r\n}\r\n.popmechanic-item-wrapper {\r\n zoom: 0.8;\r\n}\r\n\r\n.popmechanic-picture-wrapper {\r\n max-width: 200px !important;\r\n}\r\n.popmechanic-item-wrapper {\r\n height: 300px !important;\r\n}\r\n#popmechanic-container-50056.popmechanic-desktop #popmechanic-form-50056 .popmechanic-name {\r\n font-size: 13px;\r\n min-height: calc((13px * 1.5) * 2);\r\n word-break: break-word;\r\n width: 220px;\r\n}\r\n.popmechanic-header {\r\n display: inline-flex !important;\r\n margin-bottom: -40px !important;\r\n}\r\n.popmechanic-main {\r\n margin-right: -180px;\r\n}", "header": "\u041f\u041e\u041f\u0423\u041b\u042f\u0420\u041d\u042b\u0415 \u0422\u041e\u0412\u0410\u0420\u042b", "shopId": "OriflameProducts", "card_bg": "#fff", "controls": "1", "enableGA": "0", "endpoint": "endpoints", "template": "
\r\n\r\n\t\t \r\n\t
\r\n\r\n\t\t
\r\n\t\t\t
\r\n\t\t\t\t{% if (parseInt(card_label_discount_show) && product.discount) { %}\r\n\t\t\t\t
-{{ product.discount }}
\r\n\t\t\t\t{% } %}\r\n\t\t\t\t{% if (parseInt(card_label_new_show) && product.customFields[card_label_new_customfield]) { %}\r\n\t\t\t\t
{{ card_label_new_text }}
\r\n\t\t\t\t{% } %}\r\n\t\t\t\t
{{ product.ids.oriflameProducts }}
\r\n\t\t\t
\r\n\r\n\t\t\t{% if (parseInt(btn_fav_show)) { %}\r\n\t\t\t\r\n\t\t\t{% } %}\r\n\r\n\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\t\t{% if (parseInt(card_name_show)) { %}\r\n\t\t\t{{ product.displayName }}\r\n\t\t\t{% } %}\r\n\r\n\t\t\t{% if (parseInt(card_vendor_show) && product.manufacturer) { %}\r\n\t\t\t
{{ product.manufacturer.name }}
\r\n\t\t\t{% } %}\r\n\r\n\t\t\t{% if (parseInt(card_rating_show)) { %}\r\n\t\t\t
\r\n\t\t\t\t{% if(product.customFields[card_rating_customfield]) { %}\r\n\t\t\t\t{% function toTheStars(num) { return (num * 100) / 5 } %}\r\n\r\n\t\t\t\t
\r\n\t\t\t\t
\r\n\t\t\t\t
\r\n\t\t\t\t
\r\n\t\t\t\t{% } %}\r\n\t\t\t
\r\n\t\t\t{% } %}\r\n\r\n\t\t\t{% if (parseInt(card_prices_show)) { %}\r\n\t\t\t
\r\n\t\t\t\t{% if(parseInt(card_price_discount_show) && product.discount) { %}\r\n\t\t\t\t{{ product.formattedOldPrice }}\r\n\t\t\t\t\t{{ card_prices_symbol }}\r\n\t\t\t\t\r\n\t\t\t\t{{ product.formattedPrice }}\r\n\t\t\t\t\t{{ card_prices_symbol }}\r\n\t\t\t\t\r\n\t\t\t\t{% } else { %}\r\n\t\t\t\t{{ product.formattedPrice }}\r\n\t\t\t\t\t{{ card_prices_symbol }}\r\n\t\t\t\t\r\n\t\t\t\t{% } %}\r\n\r\n\t\t\t
\r\n\t\t\t{% } %}\r\n\r\n\t\t\t{% if (parseInt(btn_cart_show)) { %}\r\n\t\t\t\r\n\t\t\t{% } %}\r\n\t\t
\r\n\r\n\t
\r\n
\r\n\r\n{%\r\n\ttry {\r\n\t\tsetTimeout(function () {\r\n\r\n\t\t\tvar addToFavoritesWrapped = new Function('product', btn_fav_func);\r\n\t\t\tPopMechanic.$('[data-mb-product-id=\"' + product.ids.mindboxId + '\"] .popmechanic-favorite')\r\n\t\t\t\t.click(function() {\r\n\t\t\t\t\tPopMechanic.$(this).toggleClass(\"popmechanic-in-favorite\");\r\n\t\t\t\t\taddToFavoritesWrapped(product);\r\n\t\t\t\t});\r\n\r\n\t\t\tvar addToCartWrapped = new Function('product', btn_cart_func);\r\n\t\t\tPopMechanic.$('[data-mb-product-id=\"' + product.ids.mindboxId + '\"] .popmechanic-button-cart')\r\n\t\t\t\t.click(function() {\r\n\t\t\t\t\tPopMechanic.$(this).toggleClass(\"popmechanic-in-cart\");\r\n\t\t\t\t\tvar $text = PopMechanic.$(this).text();\r\n\t\t\t\t\tPopMechanic.$(this).text($text == btn_cart_text ? btn_cart_text_after : btn_cart_text);\r\n\t\t\t\t\taddToCartWrapped(product);\r\n\t\t\t\t});\r\n\r\n\t\t}, 100);\r\n\t} catch (e) {}\r\n%}", "user_tns": "{\r\n\tpreventScrollOnTouch: \"auto\",\r\n\tresponsive: {\r\n\t\t0: {\r\n\t\t\tcontrols: false,\r\n\t\t},\r\n\t\t768: {\r\n\t\t\tcontrols: true,\r\n\t\t},\r\n\t}\r\n}", "enableTns": "1", "header_fw": "400", "lessCount": "0", "algorithm1": "{\"systemName\": \"PopulaGoods\", \"recoTarget\": \"Customer\"}", "algorithm2": "popular", "algorithm3": "popular", "gaListName": "\u0420\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0438 Mindbox", "loopSlider": "1", "responsive": "1,10,1;480,1,10,1;768,1,10,1;1280,1,10,1", "btn_cart_bg": "#666", "btn_cart_fw": "400", "fieldsToGet": "[]", "font_custom": "Circe, Arial, sans-serif", "font_family": "Roboto, sans-serif", "btn_fav_func": "addToFavorites(product.ids.mindboxId)", "btn_fav_show": "0", "card_name_fw": "400", "card_name_lh": "1.5", "header_color": "#444", "btn_cart_func": "", "btn_cart_show": "1", "btn_cart_text": "\u0412 \u043a\u043e\u0440\u0437\u0438\u043d\u0443", "btn_fav_width": "20", "enable_reco_2": "0", "enable_reco_3": "0", "gaTrackerName": "t0", "groupSlidesBy": "1", "header_fz_mob": "22", "hidden_locale": "ru", "sendAllFields": "0", "btn_cart_align": "center", "btn_cart_color": "#fff", "btn_cart_width": "120", "btn_fav_height": "20", "card_name_line": "2", "card_name_show": "1", "card_prices_fw": "400", "card_vendor_fw": "400", "card_vendor_lh": "1.2", "header_fz_desk": "26", "productIdsCode": "0", "btn_cart_bg_hov": "#808080", "btn_cart_fs_mob": "16", "btn_cart_height": "34", "card_hov_shadow": "0", "card_name_align": "center", "card_name_color": "#444", "card_prices_col": "1", "btn_cart_fs_desk": "16", "btn_fav_img_fill": "https://personalization-web-stable.mindbox.ru/user-media/img/fav_fill_f16db001a40dbb7ae478a47534b4aa2c.svg", "btn_fav_position": "rightbottom", "card_name_fs_mob": "16", "card_padding_hor": "10", "card_prices_show": "1", "card_rating_show": "0", "card_vendor_line": "1", "card_vendor_show": "0", "font_custom_show": "0", "header_align_mob": "center", "slider_bullit_bg": "#FFF", "btn_cart_bg_after": "#2f9e44", "btn_cart_icon_src": "https://personalization-web-stable.mindbox.ru/user-media/img/cart_9e2e35b9c47795c327dfdf792d65a5.svg", "btn_cart_ordering": "5", "btn_fav_img_empty": "https://personalization-web-stable.mindbox.ru/user-media/img/fav_8e7efd4a3c459cbc5ef9338f2eb07.svg", "card_border_color": "#444", "card_border_width": "0", "card_label_new_bg": "#37b24d", "card_labels_space": "5", "card_name_fs_desk": "16", "card_padding_vert": "10", "card_prices_align": "center", "card_prices_color": "#444", "card_prices_space": "10", "card_rating_align": "center", "card_vendor_align": "center", "card_vendor_color": "#444", "filterByOtherReco": "0", "header_align_desk": "center", "main_padding_vert": "30", "btn_cart_color_hov": "#fff", "btn_cart_icon_show": "0", "btn_cart_icon_size": "40", "card_border_radius": "8", "card_labels_fz_mob": "12", "card_name_ordering": "1", "card_prices_fs_mob": "15", "card_prices_symbol": "\u0440\u0443\u0431", "card_vendor_fs_mob": "16", "slider_bullit_size": "16", "slider_show_bullit": "0", "btn_cart_text_after": "\u0414\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u043e", "btn_fav_padding_hor": "20", "card_label_new_show": "1", "card_label_new_text": "New", "card_labels_fz_desk": "12", "card_prices_fs_desk": "15", "card_rating_img_gap": "2", "card_vendor_fs_desk": "16", "map_recommendations": "return recommendations;", "recommendationLimit": "8", "slider_button_width": "32", "btn_cart_padding_hor": "8", "btn_fav_padding_vert": "20", "card_hov_shadow_size": "10", "card_img_padding_hor": "10", "card_label_new_color": "#fff", "card_labels_position": "lefttop", "card_prices_ordering": "4", "card_rating_img_fill": "https://personalization-web-stable.mindbox.ru/user-media/img/star_fill_2e8a227ff596e9b97d5fcd93fd08cf1e.svg", "card_rating_ordering": "3", "card_vendor_ordering": "2", "header_margin_bottom": "0.00", "recommendationLimit2": "12", "recommendationLimit3": "12", "slider_button_height": "32", "btn_cart_border_color": "#666", "btn_cart_padding_vert": "8", "card_img_aspect_ratio": "1 / 1", "card_img_padding_vert": "10", "card_label_new_border": "#37b24d", "card_rating_img_empty": "https://personalization-web-stable.mindbox.ru/user-media/img/star_empty_1bd02a21ec00d096e27935230e9f57a4.svg", "btn_cart_border_radius": "8", "btn_cart_margin_bottom": "10", "card_img_border_radius": "8", "card_img_margin_bottom": "0", "card_label_discount_bg": "#f03e3e", "card_price_discount_fw": "400", "slider_bullit_position": "bottom", "card_labels_padding_hor": "6", "card_name_margin_bottom": "10", "card_rating_customfield": "rating", "returnOptimizedPictures": "0", "slider_bullit_bg_active": "#444", "slider_button_icon_next": "https://personalization-web-stable.mindbox.ru/user-media/img/icon_next_25866d364d75997fed4570b06a59411c.svg", "slider_button_icon_prev": "https://personalization-web-stable.mindbox.ru/user-media/img/icon_prev_4bfe4cd7124f9a8ea25af4d6072f1ad9.svg", "card_label_discount_show": "1", "card_labels_padding_vert": "4", "card_labels_position_hor": "0", "card_price_discount_show": "1", "card_rating_img_size_mob": "18", "btn_cart_border_color_hov": "#808080", "card_label_discount_color": "#fff", "card_labels_border_radius": "4", "card_labels_position_vert": "0", "card_price_discount_color": "#999", "card_price_discount_cross": "1", "card_price_discount_first": "1", "card_prices_margin_bottom": "10", "card_rating_img_size_desk": "18", "card_rating_margin_bottom": "10", "card_vendor_margin_bottom": "10", "card_content_position_vert": "stretch", "card_label_discount_border": "#f03e3e", "card_label_new_customfield": "new", "card_price_discount_fs_mob": "14", "slider_bullit_border_color": "#444", "slider_button_border_color": "#444", "slider_button_border_width": "0", "card_price_discount_fs_desk": "14", "slider_button_icon_next_hover": "https://personalization-web-stable.mindbox.ru/user-media/img/icon_next_hover_a5089830b5c2179ee24cea0efe3eef90.svg", "slider_button_icon_prev_hover": "https://personalization-web-stable.mindbox.ru/user-media/img/icon_prev_hover_d590ae9758ed0835d5ef9da7aaa2a001.svg"}, "button_settings": {}, "behavior_settings": {"embedded": {"animation_out": "fadeOut"}, "reco_data": {"shopId": "OriflameProducts", "operations": [{"id": "popmechanic-widget-50056-reco-1", "limit": "8", "disabled": false, "algorithm": "PopulaGoods", "recoTarget": "Customer"}], "fieldsToGet": [], "sendAllFields": false, "productIdsCode": null, "filterByOtherReco": false, "returnOptimizedPictures": false}}, "html": "
\r\n\t
\r\n\t\t<% if(header) { %>\r\n\t\t
<%= header %>\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\t\r\n\t\t\t\t\r\n\t\t\t
\r\n\t\t\t
\r\n\t\t
\r\n\t
\r\n\t\r\n
\r\n", "css": "", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 39719, "template": 1630, "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": ["code=32631"], "operator": "$in_contains"}], "operator": "$and"}], "operator": "$and"}}, "settings_splits": [{"settings": {"img_same": "0", "align_mob": "center", "width_mob": "100", "action_url": "https://app.popmechanic.io", "align_desk": "center", "link_blank": "1", "width_desk": "200", "form_action": "disabled", "img_src_mob": "https://personalization-web-stable.mindbox.ru/user-media/2521/c407904e96fda6a62541c53cb76c878d396b2cfedba277efe8b6807b91a281c5.png", "img_src_desk": "https://personalization-web-stable.mindbox.ru/user-media/2521/c407904e96fda6a62541c53cb76c878d396b2cfedba277efe8b6807b91a281c5.png", "action_form_id": "0", "width_type_mob": "free", "width_type_desk": "free", "close_bg_show_desk": "0"}, "button_settings": {}, "conditions_splits": [], "id": 39305, "behavior_settings": {}}], "pinned": false, "name": "Products widget on products page", "active": true, "embed_selector": true, "selector": ".summary__benefits_FeUKz", "placement": "end", "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://popmechanic-media.storage.yandexcloud.net/shots/form-39719.png?ts=1648038437236", "rendered_button_preview": null, "settings": {"img_same": "0", "align_mob": "center", "width_mob": "100", "action_url": "https://app.popmechanic.io", "align_desk": "center", "link_blank": "1", "width_desk": "200", "form_action": "disabled", "img_src_mob": "https://personalization-web-stable.mindbox.ru/user-media/2521/c407904e96fda6a62541c53cb76c878d396b2cfedba277efe8b6807b91a281c5.png", "img_src_desk": "https://personalization-web-stable.mindbox.ru/user-media/2521/c407904e96fda6a62541c53cb76c878d396b2cfedba277efe8b6807b91a281c5.png", "action_form_id": "0", "width_type_mob": "free", "width_type_desk": "free", "close_bg_show_desk": "0"}, "button_settings": {}, "behavior_settings": {}, "html": "
\r\n <% if(form_action === \"link\") { %>\r\n \"\r\n <%= parseInt(link_blank) ? 'target=\"_blank\"' : '' %>\r\n data-popmechanic-submit\r\n data-popmechanic-close>\r\n <% } %>\r\n <% const searchString = new URLSearchParams(window.location.search);\r\n\r\nconst consultantNumber = searchString.get('consultantNumber');\r\nconsole.log(consultantNumber); %>\r\n
\u0412\u043c\u0435\u0441\u0442\u0435 \u044d\u0444\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u0435\u0435


\r\n
\r\n\r\n\r\n
\r\n29705\r\n
", "css": "#popmechanic-form.popmechanic-embedded-static img {\r\n width: 100%;\r\n max-width: 100%;\r\n}\r\n.popmechanic-desktop #popmechanic-form.popmechanic-embedded-static {\r\n width: <%= (width_type_desk === 'free') ? '100%' : width_desk + 'px' %>;\r\n <% if(align_desk === 'left') { %>\r\n margin-right: auto;\r\n <% } else if(align_desk === 'right') { %>\r\n margin-left: auto;\r\n <% } else { %>\r\n margin-left: auto;\r\n margin-right: auto;\r\n <% } %>\r\n}\r\n.popmechanic-tablet #popmechanic-form.popmechanic-embedded-static,\r\n.popmechanic-mobile #popmechanic-form.popmechanic-embedded-static {\r\n width: <%= (width_type_mob === 'free') ? '100%' : width_mob + 'px' %>;\r\n <% if(align_mob === 'left') { %>\r\n margin-right: auto;\r\n <% } else if(align_mob === 'right') { %>\r\n margin-left: auto;\r\n <% } else { %>\r\n margin-left: auto;\r\n margin-right: auto;\r\n <% } %>\r\n}\r\n.bot-links {\r\n display: flex;\r\n justify-content: space-between;\r\n width: 130px;\r\n}\r\n\r\n.bot-links__icon {\r\n width: 700px;\r\n object-fit: contain;\r\n}", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 38540, "template": 1452, "button_template": null, "test_group": null, "new_targeting": {"filter": {"id": "root", "name": "root", "nodes": [{"id": "2", "field": "utm_medium", "value": "email", "operator": "$neq"}, {"id": "3", "field": "referrer", "value": "market.yandex.ru", "operator": "$exclude"}, {"id": "4", "field": "device", "value": ["pc"], "operator": "$in"}, {"id": "5", "field": "source", "value": ["utm", "organic", "referral", "typein"], "operator": "$in"}, {"id": "6", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": true, "operation": "popmechanic-check-segment", "segmentation": {"id": "478", "externalId": "3f423482-0f98-470b-990e-5fd396f5c661"}, "inSegmentByDefault": false}, "operator": "$check"}, {"id": "7", "name": "$or", "nodes": [{"id": "8", "name": "$or", "type": "current_page", "nodes": [{"id": "9", "field": "page", "value": ["https://www.oriflame.ru/brands/novage?"], "operator": "$in_contains"}, {"id": "10", "field": "page", "value": ["https://www.oriflame.ru/brands/novage/"], "operator": "$in_contains"}, {"id": "11", "field": "page", "value": ["https://www.oriflame.ru/brands/novage"], "operator": "$in"}, {"id": "12", "field": "page", "value": ["https://www.oriflame.ru/brands/novage/"], "operator": "$in"}, {"id": "13", "field": "page", "value": ["https://www.oriflame.ru/brands/novage?"], "operator": "$in_startsWith"}, {"id": "14", "field": "page", "value": ["https://www.oriflame.ru/brands/novage/"], "operator": "$in_startsWith"}], "operator": "$or"}, {"id": "15", "name": "$and", "type": "current_page", "nodes": [{"id": "16", "field": "mindboxProduct", "filter": {"nodes": [{"id": "17", "field": "mindboxProductSegment", "value": {"segment": {"id": "505", "externalId": "b17074e9-c20e-4d2f-861a-a47aa8d69962"}, "segmentation": {"id": "502", "externalId": "b17074e9-c20e-4d2f-861a-a47aa8d69962"}}, "operator": "$exists"}], "operator": "$and"}, "aggregator": "$exists"}], "operator": "$and"}], "operator": "$or"}, {"id": "18", "field": "cart", "filter": {"nodes": [{"id": "19", "name": "$and", "type": "product", "nodes": [{"id": "20", "field": "productName", "value": ["NovAge"], "operator": "$in_contains"}], "operator": "$and"}], "operator": "$and"}, "aggregator": "$noneOf"}], "operator": "$and"}}, "settings_splits": [{"settings": {"font": "Roboto, sans-serif", "title": "\u0415\u0449\u0451 \u0441\u0435\u043a\u0443\u043d\u0434\u0430...", "bgcolor": "#ffffff", "img_url": "https://personalization-web-stable.mindbox.ru/user-media/4271/aae6b8c9f62defb669dda02a1109a7675270bc87f748ab223055fc947ffde910.jpg", "link_url": "https://www.oriflame.ru/novage-quiz", "show_btn": "1", "show_img": "1", "subtitle": "\u041d\u0435 \u0437\u043d\u0430\u0435\u0448\u044c, \u0447\u0442\u043e \u0432\u044b\u0431\u0440\u0430\u0442\u044c? \u041f\u0440\u043e\u0439\u0434\u0438 \u043d\u0430\u0448 \u0442\u0435\u0441\u0442 \u0438 \u0443\u0437\u043d\u0430\u0439, \u043a\u0430\u043a\u0438\u0435 \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u044b \u043f\u043e\u043c\u043e\u0433\u0443\u0442 \u0438\u043c\u0435\u043d\u043d\u043e \u0442\u0435\u0431\u0435.", "text_bt1": "\u041f\u0440\u043e\u0439\u0442\u0438", "text_bt2": "\u041d\u0435 \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u043e", "width_img": "100", "action_btn": "link", "bgcolor_mb": "#ffffff", "height_img": "176", "custom_font": "Roboto", "show_header": "1", "show_shadow": "1", "bg_popbutton": "#6f7170", "borderradius": "11", "color__title": "#333333", "line__height": "24", "link_url_two": "https://www.oriflame.ru/brands/novage", "open_form_id": "#", "show_btn_two": "1", "top_close_mb": "10", "top_close_pc": "6", "align_poptext": "left", "bg_hover_text": "#ffffff", "bg_popbutton2": "#ffffff", "br__popbutton": "5", "height_img_mb": "140", "width_form_mb": "305", "width_form_pc": "300", "action_btn_two": "close", "bg_hover_text2": "#000000", "color__poptext": "#333333", "color_close_mb": "#000000", "color_close_pc": "#000000", "height_form_mb": "385", "height_form_pc": "385", "right_close_mb": "10", "right_close_pc": "6", "show_subheader": "1", "width_close_mb": "40", "width_close_pc": "25", "color_popbutton": "#ffffff", "line__height_mb": "45", "margin_bt_title": "23", "mt_popbutton_mb": "13", "padding_poptext": "20", "use_custom_font": "1", "width_popbutton": "123", "align_poptext_mb": "left", "color_popbutton2": "#000000", "height_popbutton": "37", "margin_top_title": "24", "padding_poptitle": "20", "text_align_title": "right", "br__popbutton__mb": "5", "font__size__title": "18", "font__weight__btn": "400", "line__height_text": "17", "margin_bt_poptext": "30", "padding_popinputs": "20", "bg_hover_popbutton": "#8b8b8b", "font__weight__text": "400", "margin_bt_title_mb": "5", "padding_poptext_mb": "20", "width_popbutton_mb": "100", "bg_hover_popbutton2": "#E5E5E5", "br_color__popbutton": "#000000", "br_wight__popbutton": "1", "font__size__poptext": "12", "font__weight__title": "500", "height_popbutton_mb": "37", "margin_top_title_mb": "10", "padding_poptitle_mb": "20", "font__size__title_mb": "18", "font__weight__btn_mb": "400", "line__height_text_mb": "17", "padding_popinputs_mb": "20", "text_align_title__mb": "center", "font__size__popbutton": "12", "font__weight__text_mb": "400", "br_color__popbutton_mb": "#000000", "br_wight__popbutton_mb": "1", "font__size__poptext_mb": "12", "font__weight__title_mb": "500", "font__size__popbutton__mb": "12"}, "button_settings": {}, "conditions_splits": [{"conditions": {"mouseleave": "1"}, "combinator": "or", "id": 165423}], "id": 38126, "behavior_settings": {"partscreen": {"mobile": null, "tablet": null, "desktop": {"target": "window", "position": "center", "vertical_offset": 0, "element_position": "right", "horizontal_offset": 0, "element_vertical_offset": 0, "element_horizontal_offset": 0}, "animation_in": "fadeIn", "allow_overlay": false, "animation_out": "fadeOut", "paranja_color": "#000000", "paranja_opacity": 0.3}}}], "pinned": false, "name": "Skincare chain NovAge exit TEST", "active": true, "embed_selector": false, "selector": "", "placement": "start", "frequency": {"once_lifetime": false, "once_session": true, "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://popmechanic-media.storage.yandexcloud.net/shots/form-38540.png?ts=1647957010970", "rendered_button_preview": null, "settings": {"font": "Roboto, sans-serif", "title": "\u0415\u0449\u0451 \u0441\u0435\u043a\u0443\u043d\u0434\u0430...", "bgcolor": "#ffffff", "img_url": "https://personalization-web-stable.mindbox.ru/user-media/4271/aae6b8c9f62defb669dda02a1109a7675270bc87f748ab223055fc947ffde910.jpg", "link_url": "https://www.oriflame.ru/novage-quiz", "show_btn": "1", "show_img": "1", "subtitle": "\u041d\u0435 \u0437\u043d\u0430\u0435\u0448\u044c, \u0447\u0442\u043e \u0432\u044b\u0431\u0440\u0430\u0442\u044c? \u041f\u0440\u043e\u0439\u0434\u0438 \u043d\u0430\u0448 \u0442\u0435\u0441\u0442 \u0438 \u0443\u0437\u043d\u0430\u0439, \u043a\u0430\u043a\u0438\u0435 \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u044b \u043f\u043e\u043c\u043e\u0433\u0443\u0442 \u0438\u043c\u0435\u043d\u043d\u043e \u0442\u0435\u0431\u0435.", "text_bt1": "\u041f\u0440\u043e\u0439\u0442\u0438", "text_bt2": "\u041d\u0435 \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u043e", "width_img": "100", "action_btn": "link", "bgcolor_mb": "#ffffff", "height_img": "176", "custom_font": "Roboto", "show_header": "1", "show_shadow": "1", "bg_popbutton": "#6f7170", "borderradius": "11", "color__title": "#333333", "line__height": "24", "link_url_two": "https://www.oriflame.ru/brands/novage", "open_form_id": "#", "show_btn_two": "1", "top_close_mb": "10", "top_close_pc": "6", "align_poptext": "left", "bg_hover_text": "#ffffff", "bg_popbutton2": "#ffffff", "br__popbutton": "5", "height_img_mb": "140", "width_form_mb": "305", "width_form_pc": "300", "action_btn_two": "close", "bg_hover_text2": "#000000", "color__poptext": "#333333", "color_close_mb": "#000000", "color_close_pc": "#000000", "height_form_mb": "385", "height_form_pc": "385", "right_close_mb": "10", "right_close_pc": "6", "show_subheader": "1", "width_close_mb": "40", "width_close_pc": "25", "color_popbutton": "#ffffff", "line__height_mb": "45", "margin_bt_title": "23", "mt_popbutton_mb": "13", "padding_poptext": "20", "use_custom_font": "1", "width_popbutton": "123", "align_poptext_mb": "left", "color_popbutton2": "#000000", "height_popbutton": "37", "margin_top_title": "24", "padding_poptitle": "20", "text_align_title": "right", "br__popbutton__mb": "5", "font__size__title": "18", "font__weight__btn": "400", "line__height_text": "17", "margin_bt_poptext": "30", "padding_popinputs": "20", "bg_hover_popbutton": "#8b8b8b", "font__weight__text": "400", "margin_bt_title_mb": "5", "padding_poptext_mb": "20", "width_popbutton_mb": "100", "bg_hover_popbutton2": "#E5E5E5", "br_color__popbutton": "#000000", "br_wight__popbutton": "1", "font__size__poptext": "12", "font__weight__title": "500", "height_popbutton_mb": "37", "margin_top_title_mb": "10", "padding_poptitle_mb": "20", "font__size__title_mb": "18", "font__weight__btn_mb": "400", "line__height_text_mb": "17", "padding_popinputs_mb": "20", "text_align_title__mb": "center", "font__size__popbutton": "12", "font__weight__text_mb": "400", "br_color__popbutton_mb": "#000000", "br_wight__popbutton_mb": "1", "font__size__poptext_mb": "12", "font__weight__title_mb": "500", "font__size__popbutton__mb": "12"}, "button_settings": {}, "behavior_settings": {"partscreen": {"mobile": null, "tablet": null, "desktop": {"target": "window", "position": "center", "vertical_offset": 0, "element_position": "right", "horizontal_offset": 0, "element_vertical_offset": 0, "element_horizontal_offset": 0}, "animation_in": "fadeIn", "allow_overlay": false, "animation_out": "fadeOut", "paranja_color": "#000000", "paranja_opacity": 0.3}}, "html": "", "css": "", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 24142, "template": 1630, "button_template": null, "test_group": null, "new_targeting": {"filter": {"id": "root", "name": "root", "nodes": [{"id": "2", "name": "$or", "type": "current_page", "nodes": [{"id": "3", "field": "page", "value": ["https://www.oriflame.ru/activate?consultantNumber="], "operator": "$in_contains"}], "operator": "$or"}], "operator": "$and"}}, "settings_splits": [{"settings": {"img_same": "0", "align_mob": "center", "width_mob": "100", "action_url": "https://app.popmechanic.io", "align_desk": "center", "link_blank": "1", "width_desk": "200", "form_action": "disabled", "img_src_mob": "https://personalization-web-stable.mindbox.ru/user-media/2521/c407904e96fda6a62541c53cb76c878d396b2cfedba277efe8b6807b91a281c5.png", "img_src_desk": "https://personalization-web-stable.mindbox.ru/user-media/2521/c407904e96fda6a62541c53cb76c878d396b2cfedba277efe8b6807b91a281c5.png", "action_form_id": "0", "width_type_mob": "free", "width_type_desk": "free", "close_bg_show_desk": "0"}, "button_settings": {}, "conditions_splits": [], "id": 23774, "behavior_settings": {}}], "pinned": false, "name": "Bot links on Activate page #24142", "active": true, "embed_selector": true, "selector": ".g-all", "placement": "end", "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://popmechanic-media.storage.yandexcloud.net/shots/form-24142.png?ts=1645788366664", "rendered_button_preview": null, "settings": {"img_same": "0", "align_mob": "center", "width_mob": "100", "action_url": "https://app.popmechanic.io", "align_desk": "center", "link_blank": "1", "width_desk": "200", "form_action": "disabled", "img_src_mob": "https://personalization-web-stable.mindbox.ru/user-media/2521/c407904e96fda6a62541c53cb76c878d396b2cfedba277efe8b6807b91a281c5.png", "img_src_desk": "https://personalization-web-stable.mindbox.ru/user-media/2521/c407904e96fda6a62541c53cb76c878d396b2cfedba277efe8b6807b91a281c5.png", "action_form_id": "0", "width_type_mob": "free", "width_type_desk": "free", "close_bg_show_desk": "0"}, "button_settings": {}, "behavior_settings": {}, "html": "
\r\n <% if(form_action === \"link\") { %>\r\n \"\r\n <%= parseInt(link_blank) ? 'target=\"_blank\"' : '' %>\r\n data-popmechanic-submit\r\n data-popmechanic-close>\r\n <% } %>\r\n <% const searchString = new URLSearchParams(window.location.search);\r\n\r\nconst consultantNumber = searchString.get('consultantNumber');\r\nconsole.log(consultantNumber); %>\r\n \u0427\u0442\u043e \u0434\u0435\u043b\u0430\u0442\u044c \u0434\u0430\u043b\u044c\u0448\u0435? \u041d\u0430\u0448 \u0431\u043e\u0442 \u0442\u0435\u0431\u0435 \u043f\u043e\u043c\u043e\u0436\u0435\u0442!

\r\n
\r\n\" target=\"_blank\">\r\n\r\n
\r\n
", "css": "#popmechanic-form.popmechanic-embedded-static img {\r\n width: 100%;\r\n max-width: 100%;\r\n}\r\n.popmechanic-desktop #popmechanic-form.popmechanic-embedded-static {\r\n width: <%= (width_type_desk === 'free') ? '100%' : width_desk + 'px' %>;\r\n <% if(align_desk === 'left') { %>\r\n margin-right: auto;\r\n <% } else if(align_desk === 'right') { %>\r\n margin-left: auto;\r\n <% } else { %>\r\n margin-left: auto;\r\n margin-right: auto;\r\n <% } %>\r\n}\r\n.popmechanic-tablet #popmechanic-form.popmechanic-embedded-static,\r\n.popmechanic-mobile #popmechanic-form.popmechanic-embedded-static {\r\n width: <%= (width_type_mob === 'free') ? '100%' : width_mob + 'px' %>;\r\n <% if(align_mob === 'left') { %>\r\n margin-right: auto;\r\n <% } else if(align_mob === 'right') { %>\r\n margin-left: auto;\r\n <% } else { %>\r\n margin-left: auto;\r\n margin-right: auto;\r\n <% } %>\r\n}\r\n.bot-links {\r\n display: flex;\r\n justify-content: space-between;\r\n width: 130px;\r\n}\r\n\r\n.bot-links__icon {\r\n width: 700px;\r\n object-fit: contain;\r\n}", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}], "templates": [{"id": 1012, "html": "
\r\n
\r\n
\r\n <% if(parseInt(show_img_left)){ %>\r\n
\r\n \" alt=\"img\">\r\n
\r\n <% } %>\r\n\r\n \r\n
\r\n <% if(parseInt(show_title)){ %>\r\n <%=title_text%>\r\n <% } %>\r\n <% if(parseInt(show_post_title)){ %>\r\n
\r\n <%=post_title_text%>\r\n
\r\n <% } %>\r\n
\r\n \r\n\r\n \r\n
\r\n <% if(parseInt(show_promo)){ %>\r\n
\r\n <%=promo_text%>\r\n
\r\n <% } %>\r\n <%if(btn_action == 'close') {%>\r\n \r\n <%=btn_text%>\r\n \r\n \r\n <%=btn_text_mob%>\r\n \r\n <% } %>\r\n <%if(btn_action == 'copy') {%>\r\n \r\n <%=btn_text%>\r\n \r\n \r\n <%=btn_text_mob%>\r\n \r\n <% } %>\r\n <%if(btn_action == 'link') {%>\r\n \" class=\"popmechanic-button popmechanic-btn-desktop\">\r\n <%=btn_text%>\r\n \r\n \" class=\"popmechanic-button popmechanic-btn-mobile\">\r\n <%=btn_text_mob%>\r\n \r\n <% } %>\r\n
\r\n \r\n
×
\r\n
\r\n
\r\n\r\n
", "css": "#popmechanic-form {\r\n width: 100%;\r\n font-family: <%=form_font%>;\r\n -webkit-box-sizing: border-box;\r\n box-sizing: border-box;\r\n position: relative;\r\n line-height: <%=form_line_height%>;\r\n padding-top: <%=pad_top%>px;\r\n padding-bottom: <%=pad_bottom%>px;\r\n padding-left: <%=pad_left%>px;\r\n padding-right: <%=pad_right%>px;\r\n <%if(parseInt(show_form_bg)) {%>\r\n background: url(<%=form_bg_img%>);\r\n background-repeat: no-repeat;\r\n background-size: cover;\r\n <% } %>\r\n}\r\n#popmechanic-form::after {\r\n content: \"\";\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n display: block;\r\n width: 100%;\r\n height: 100%;\r\n background-color: <%=form_bg_color%>;\r\n opacity: <%=form_bg_opacity%>;\r\n z-index: -1;\r\n}\r\n#popmechanic-form .popmechanic-main {\r\n height: 100%;\r\n z-index: 2;\r\n}\r\n\r\n#popmechanic-form .popmechanic-content {\r\n text-align: center;\r\n display: -webkit-box;\r\n display: -ms-flexbox;\r\n display: flex;\r\n -webkit-box-pack: center;\r\n -ms-flex-pack: center;\r\n justify-content: center;\r\n -webkit-box-align: center;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n}\r\n\r\n#popmechanic-form .popmechanic-close {\r\n position: absolute;\r\n top: 50%;\r\n right: 10px;\r\n transform: translateY(-50%);\r\n color: <%=close_color%>;\r\n cursor: pointer;\r\n background-color: transparent;\r\n font-weight: 400;\r\n width: 30px;\r\n height: 30px;\r\n line-height: 30px;\r\n font-size: 45px;\r\n}\r\n\r\n#popmechanic-form .img_left {\r\n width: <%=img_left_width%>px;\r\n position: relative;\r\n margin-right: 70px;\r\n}\r\n\r\n#popmechanic-form .img_left img {\r\n top: <%=img_left_top%>px;\r\n left: <%=img_left_left%>px;\r\n -webkit-transform: translateY(-50%);\r\n transform: translateY(-50%);\r\n position: absolute;\r\n width: <%=img_left_width%>px;\r\n height: auto;\r\n}\r\n\r\n#popmechanic-form .popmechanic-post-title {\r\n margin-top: 0px;\r\n font-size: <%=post_title_fontsize%>px;\r\n font-weight: 400;\r\n color: <%=post_title_color%>;\r\n text-align: left;\r\n}\r\n\r\n#popmechanic-form .popmechanic-title {\r\n font-size: <%=title_fontsize%>px;\r\n margin-right: 80px;\r\n font-weight: bold;\r\n color: <%=title_color%>;\r\n}\r\n\r\n#popmechanic-form .popmechanic-promo-wrapper {\r\n display: -webkit-box;\r\n display: -ms-flexbox;\r\n display: flex;\r\n align-items: stretch;\r\n min-height: 65px;\r\n margin-right: 30px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-promo {\r\n width: <%=promo_width%>px;\r\n display: -webkit-box;\r\n display: -ms-flexbox;\r\n display: flex;\r\n -webkit-box-align: center;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n -webkit-box-pack: center;\r\n -ms-flex-pack: center;\r\n justify-content: center;\r\n height: 100%;\r\n padding: 0.5em;\r\n background-color: #fff;\r\n color: <%=promo_color%>;\r\n font-size: <%=promo_fontsize%>px;\r\n font-weight: 600;\r\n line-height: 1.3;\r\n}\r\n\r\n#popmechanic-form .popmechanic-button {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n padding: 0.5em;\r\n line-height: 1;\r\n width: <%=btn_width%>px;\r\n min-height: 65px;\r\n background: <%=btn_bgcolor%>;\r\n color: <%=btn_color%>;\r\n font-size: <%=btn_fontsize%>px;\r\n border-radius: <%=btn_border_radius%>px;\r\n cursor: pointer;\r\n text-decoration: none;\r\n -webkit-transition: .3s;\r\n transition: .3s;\r\n outline: none;\r\n border: none;\r\n -webkit-transition: all .3s;\r\n transition: all .3s;\r\n\r\n <% if(!parseInt(show_btn)){ %>\r\n display: none!important;\r\n <% } %>\r\n}\r\n\r\n#popmechanic-form .popmechanic-button:hover {\r\n color: <%=btn_hover_color%>;\r\n background: <%=btn_hover_bgcolor%>;\r\n}\r\n#popmechanic-form .popmechanic-btn-mobile {\r\n display: none;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form,\r\n.popmechanic-mobile #popmechanic-form {\r\n min-height: <%=form_height_mob%>px;\r\n padding-top: <%=pad_top_mob%>px;\r\n padding-bottom: <%=pad_bottom_mob%>px;\r\n padding-left: <%=pad_left_mob%>px;\r\n padding-right: <%=pad_right_mob%>px;\r\n line-height: <%=form_line_height_mob%>;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-content,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-content {\r\n padding-top: <%= Math.abs(img_left_top_mob) %>px;\r\n text-align: center;\r\n -webkit-box-orient: vertical;\r\n -webkit-box-direction: normal;\r\n -ms-flex-direction: column;\r\n flex-direction: column;\r\n -webkit-box-align: center;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .img_left,\r\n.popmechanic-mobile #popmechanic-form .img_left {\r\n position: absolute;\r\n top: <%=img_left_top_mob%>px;\r\n left: 50%;\r\n -webkit-transform: translateX(-50%);\r\n transform: translateX(-50%);\r\n width: <%=img_left_width_mob%>px;\r\n height: auto;\r\n margin: 0;\r\n}\r\n.popmechanic-tablet #popmechanic-form .img_left img,\r\n.popmechanic-mobile #popmechanic-form .img_left img {\r\n position: static;\r\n margin: 0;\r\n -webkit-transform: none;\r\n transform: none;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-title,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-title {\r\n font-size: <%=title_fontsize_mob%>px;\r\n margin: 0;\r\n margin-bottom: 10px;\r\n text-align: center;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-post-title,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-post-title {\r\n font-size: <%=post_title_fontsize_mob%>px;\r\n text-align: center;\r\n margin-top: 8px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-promo-wrapper,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-promo-wrapper {\r\n height: auto;\r\n margin: 0;\r\n -webkit-box-orient: vertical;\r\n -webkit-box-direction: normal;\r\n -ms-flex-direction: column;\r\n flex-direction: column;\r\n -webkit-box-align: center;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-promo,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-promo {\r\n width: <%=promo_width_mob%>px;\r\n font-size: <%=promo_fontsize_mob%>px;\r\n padding: 12px 0;\r\n line-height: 1;\r\n margin-bottom: 10px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-button,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-button {\r\n width: <%=btn_width_mob%>px;\r\n font-size: <%=btn_fontsize_mob%>px;\r\n padding: 14px 0;\r\n line-height: 1;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-btn-desktop,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-btn-desktop {\r\n display: none;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-btn-mobile,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-btn-mobile {\r\n display: flex;\r\n}", "button": "", "on_show": "+(function () {\r\n let promo = document.querySelector('.popmechanic-promo');\r\n let btn = document.querySelector('.popmechanic-do-copy');\r\n if(!btn) return;\r\n btn.addEventListener('click', function (e) {\r\n e.preventDefault();\r\n let content = promo.innerHTML;\r\n navigator.clipboard.writeText(content)\r\n .then(() => {\r\n this.innerHTML = '<%=copy_success%>'\r\n });\r\n });\r\n}())", "on_close": "", "embed_code": "", "behaviors": ["banner-h", "humble", "post-text", "info"], "template_type": "partscreen-info", "need_reset": true, "parameters": [], "on_targeting_ready": "", "on_child_ready": ""}, {"id": 1259, "html": "
\r\n\r\n\t
\r\n\t\t
\">
\r\n\t\t
\r\n\t\t\t<% if(parseInt(img_eneable)){ %>\r\n\t\t\t
\r\n\t\t\t\t\" class=\"popmechanic-img\">\r\n\t\t\t
\r\n\t\t\t<% } %>\r\n\t\t\t
\r\n\t\t\t\t<% if(parseInt(title_enable)){ %>
<%=title%>
<% } %>\r\n\t\t\t\t<% if(parseInt(text_enable)){ %>
<%=text%>
<% } %>\r\n\t\t\t\t
\r\n\t\t\t\t\t<% if(parseInt(button_second_enabled)){ %><% } %>\r\n\t\t\t\t\t\" data-popmechanic-link data-popmechanic-close class=\"popmechanic-submit popmechanic-submit-main\"><%=button%>\r\n\t\t\t\t
\r\n\t\t\t
\t\t\t\r\n\t\t
\r\n\t
\r\n\t\r\n\t
×
\r\n\r\n
", "css": "@import url(\"https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900&display=swap&subset=cyrillic\");\r\n@import url('https://fonts.googleapis.com/css?family=Merriweather:300,400,700,900&display=swap&subset=cyrillic');\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: inline-block;\r\n vertical-align: top;\r\n <% if(!parseInt(arrow_enable)){ %>\r\n\tmargin:0;\r\n <% } else {%>\r\n\tmargin-<%=arrow_position%>:50px;\r\n <% } %>\r\n \r\n padding: 0; }\r\n #popmechanic-form .popmechanic-close {\r\n <% if(parseInt(cross_enable)){ %>display:block;<% } else { %>display:none;<% } %>\r\n\tposition: absolute;\r\n z-index: 99;\r\n top: 10px;\r\n right: 10px;\r\n width: 21px;\r\n height: 21px;\r\n font-size: 0;\r\n color: transparent;\r\n background-color: transparent;\r\n border: none;\r\n border-radius: 50%;\r\n cursor: pointer;\r\n outline: none;\r\n transform: rotate(45deg);\r\n transition: all .15s; }\r\n #popmechanic-form .popmechanic-close:hover {\r\n transform: rotate(45deg) scale(1.1); }\r\n #popmechanic-form .popmechanic-close:before, #popmechanic-form .popmechanic-close:after {\r\n content: '';\r\n position: absolute;\r\n top: 10px;\r\n left: 0;\r\n width: 100%;\r\n height: 2px;\r\n background-color: <%=cross_color%>; }\r\n #popmechanic-form .popmechanic-close:after {\r\n transform: rotate(90deg); }\r\n #popmechanic-form .popmechanic-main {\r\n width: <%=form_width%>px;\r\n background-color: <%=form_bg_color%>;\r\n\t<% if(parseInt(shadow_enabled)){ %>box-shadow:0 0 <%=shadow_size%>px 0 rgba(0,0,0,<%=shadow_opacity%>);<% } %>\r\n\t<% if(parseInt(form_bg_img_enable)){ %>background-image:url('<%=form_bg_img%>');background-posiiton:50% 50%;background-size:cover;<% } %>\r\n position: relative;\r\n border-radius: <%=form_border_radius%>px;\r\n border: <%=form_border_width%>px solid <%=border_color%>; }\r\n #popmechanic-form .popmechanic-arrow {\r\n <% if(!parseInt(arrow_enable)){ %>display:none;<% } %>\r\n\tposition: absolute;\r\n width: 0;\r\n height: 0;\r\n border-style: solid;\r\n border-width: 0 25px 50px 25px;\r\n border-color: transparent transparent #fff transparent; }\r\n #popmechanic-form .popmechanic-arrow.popmechanic-arrow-top {\r\n top: -49px;\r\n left: <%=form_border_radius%>px; }\r\n #popmechanic-form .popmechanic-arrow.popmechanic-arrow-bottom {\r\n bottom:-49px;\r\n left: <%=form_border_radius%>px;\r\n transform: rotate(180deg); }\r\n #popmechanic-form .popmechanic-arrow.popmechanic-arrow-left {\r\n top: <%=form_border_radius%>px;\r\n left: -50px;\r\n transform: rotate(-90deg); }\r\n #popmechanic-form .popmechanic-arrow.popmechanic-arrow-right {\r\n top: <%=form_border_radius%>px;\r\n left: 100%;\r\n transform: rotate(90deg); }\r\n #popmechanic-form .popmechanic-content {\r\n padding: <%=form_padding_v%>px <%=form_padding_h%>px;\r\n margin: 0 -10px;\r\n display: flex;\r\n flex-direction: row;\r\n flex-wrap: nowrap;\r\n justify-content: space-between;\r\n align-content: stretch;\r\n align-items: flex-start; }\r\n #popmechanic-form .popmechanic-block {\r\n margin: 0 10px; }\r\n #popmechanic-form .popmechanic-img-block {\r\n <% if(img_position == 'left'){ %>order: 1;<% } %>\r\n <% if(img_position == 'right'){ %>order: 2;<% } %>\r\n flex: 0 1 <%=img_width%>px; }\r\n #popmechanic-form .popmechanic-img-block .popmechanic-img {\r\n display: block;\r\n width: 100%;\r\n height: auto; }\r\n #popmechanic-form .popmechanic-text-block {\r\n <% if(img_position == 'left'){ %>order: 2;<% } %>\r\n <% if(img_position == 'right'){ %>order: 1;<% } %>\r\n <% if(parseInt(img_eneable)){ %>flex: 0 1 calc(100% - <%=img_width%>px - 40px);<% } else {%>flex:0 1 auto;<% } %>\r\n text-align: <%=text_align%>; }\r\n #popmechanic-form .popmechanic-title {\r\n <%if(parseInt(custom_font_family_enable)){%>font-family:<%=custom_font_family%>;<%}else{%>font-family:<%=font_family%>;<%}%>\r\n font-size: <%=title_size%>px;\r\n line-height: <%=title_line_height%>;\r\n font-weight: <%=title_weight%>;\r\n color: <%=title_color%>;\r\n margin-bottom: 15px; }\r\n #popmechanic-form .popmechanic-text {\r\n <%if(parseInt(custom_font_family_enable)){%>font-family:<%=custom_font_family%>;<%}else{%>font-family:<%=font_family%>;<%}%>\r\n font-size: <%=text_size%>px;\r\n line-height: <%=text_line_height%>;\r\n font-weight: <%=text_weight%>;\r\n color: <%=text_color%>;\r\n margin-bottom: 20px; }\r\n #popmechanic-form .popmechanic-inputs {\r\n display: flex;\r\n flex-direction: row;\r\n flex-wrap: nowrap;\r\n justify-content: <%=buttons_align%>;\r\n align-content: stretch;\r\n align-items: flex-start;\r\n margin: 0 -3px; }\r\n #popmechanic-form .popmechanic-inputs .popmechanic-submit {\r\n width: <%=button_width%>px;\r\n height: <%=button_height%>px;\r\n margin: 0 3px;\r\n text-align: center;\r\n\t border-radius:<%=button_border_radius%>px;\r\n <%if(parseInt(custom_font_family_enable)){%>font-family:<%=custom_font_family%>;<%}else{%>font-family:<%=font_family%>;<%}%>\r\n line-height: calc(<%=button_height%>px - 2px);\r\n text-decoration: none;\r\n cursor: pointer;\r\n transition: all .15s; }\r\n #popmechanic-form .popmechanic-inputs .popmechanic-submit.popmechanic-submit-close {\r\n border: <%=button_border_width%>px solid <%=button_second_color%>;\r\n background-color: transparent;\r\n font-size: <%=button_second_size%>px;\r\n font-weight: 400;\r\n color: <%=button_second_color%>;\r\n opacity: .75; }\r\n #popmechanic-form .popmechanic-inputs .popmechanic-submit.popmechanic-submit-close:hover {\r\n opacity: 1; }\r\n #popmechanic-form .popmechanic-inputs .popmechanic-submit.popmechanic-submit-main {\r\n border: <%=button_border_width%>px solid transparent;\r\n background-color: <%=button_main_bg%>;\r\n font-size: <%=button_main_size%>px;\r\n font-weight: 900;\r\n color: <%=button_main_color%>; }\r\n #popmechanic-form .popmechanic-inputs .popmechanic-submit.popmechanic-submit-main:hover {\r\n background-color: <%=button_main_bg_hover%>;\r\n\t\t\tcolor:<%=button_main_color_hover%>;\t }\r\n\r\n.popmechanic-mobile #popmechanic-form {\r\n margin: 0; }\r\n .popmechanic-mobile #popmechanic-form .popmechanic-close {\r\n <% if(parseInt(cross_enable_mob)){ %>display:block;<% } else { %>display:none;<% } %>\r\n }\r\n .popmechanic-mobile #popmechanic-form .popmechanic-main {\r\n width: <%=form_width_mob%>px;\r\n max-width: 100vw; }\r\n .popmechanic-mobile #popmechanic-form .popmechanic-arrow {\r\n display: none; }\r\n .popmechanic-mobile #popmechanic-form .popmechanic-content {\r\n flex-direction: column;\r\n align-items: center;\r\n padding: <%=form_padding_v_mob%>px <%=form_padding_h_mob%>px; }\r\n .popmechanic-mobile #popmechanic-form .popmechanic-img-block {\r\n margin-bottom: 20px;\r\n\twidth:<%=img_width_mob%>px;\r\n order: 1; }\r\n .popmechanic-mobile #popmechanic-form .popmechanic-text-block {\r\n order: 2;\r\n text-align: center; }\r\n\t.popmechanic-mobile #popmechanic-form .popmechanic-title {\r\n\t\tfont-size:<%=title_size_mob%>px;\r\n }\r\n .popmechanic-mobile #popmechanic-form .popmechanic-text {\r\n\t\tfont-size:<%=text_size_mob%>px;\r\n }\r\n .popmechanic-mobile #popmechanic-form .popmechanic-inputs {\r\n flex-wrap: wrap;\r\n margin: 0; }\r\n .popmechanic-mobile #popmechanic-form .popmechanic-submit {\r\n width: 100%;\r\n margin: 0; }\r\n .popmechanic-mobile #popmechanic-form .popmechanic-submit:not(:last-child) {\r\n margin: 0 0 10px; }\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: block; }", "button": "", "on_show": "", "on_close": "", "embed_code": "", "behaviors": ["partscreen", "info"], "template_type": "partscreen-push", "need_reset": true, "parameters": [], "on_targeting_ready": "", "on_child_ready": ""}, {"id": 1452, "html": "
\r\n\r\n
\r\n
\r\n
\r\n <%if(parseInt(show_img)) {%>\r\n
\r\n <% } %>\r\n \r\n <%if(parseInt(show_header)) {%>\r\n
<%=title%>
\r\n <% } %>\r\n <%if(parseInt(show_subheader)) {%>\r\n
<%=subtitle%>
\r\n <% } %>\r\n
\r\n \r\n <%if(parseInt(show_btn)) {%>\r\n \r\n <%if(action_btn==='close') {%>\r\n <%=text_bt1%>\r\n <% } %> \r\n \r\n <%if(action_btn==='link') {%>\r\n \" target=\"_blank\" class=\"popmechanic-copy\" data-popmechanic-link data-popmechanic-close><%=text_bt1%>\r\n <% } %> \r\n \r\n <%if(action_btn==='form') {%>\r\n \" data-popmechanic-close class=\"popmechanic-copy popmechanic-form-open\"><%=text_bt1%>\r\n <% } %> \r\n \r\n \r\n <%if(parseInt(show_btn_two)) {%>\r\n <%if(action_btn_two==='close') {%>\r\n <%=text_bt2%>\r\n <% } %> \r\n \r\n <%if(action_btn_two==='link') {%>\r\n \" target=\"_blank\" class=\"popmechanic-copy\" data-popmechanic-link data-popmechanic-close><%=text_bt2%>\r\n <% } %> \r\n \r\n <%if(action_btn_two==='form') {%>\r\n \" data-popmechanic-close class=\"popmechanic-copy popmechanic-form-open\"><%=text_bt2%>\r\n <% } %> \r\n <% } %> \r\n \r\n <% } %> \r\n
\r\n
\r\n
\r\n
\r\n\r\n
\u00d7
\r\n\r\n
", "css": "@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');\r\n\r\n.popmechanic-reset,\r\n.popmechanic-reset * {\r\n line-height: normal;\r\n box-sizing: border-box;\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\r\n#popmechanic-form {\r\n position: relative !important;\r\n display: inline-block;\r\n vertical-align: top;\r\n margin: 0 auto;\r\n padding: 0;\r\n\r\n}\r\n\r\n#popmechanic-form .popmechanic-close {\r\n font-size: <%=width_close_pc%>px;\r\n display: flex;\r\n align-items: center;\r\n color: <%=color_close_pc%>;\r\n position: absolute;\r\n z-index: 99;\r\n width: 17px;\r\n height: 17px;\r\n top: <%=top_close_pc%>px;\r\n right: <%=right_close_pc%>px;\r\n cursor: pointer;\r\n outline: none;\r\n transform: rotate(0deg);\r\n}\r\n\r\n\r\n\r\n#popmechanic-form .popmechanic-main {\r\n <%if(parseInt(show_shadow)) {%>\r\n box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.35);\r\n <% } %>\r\n width: <%=width_form_pc%>px;\r\n height: <%=height_form_pc%>px;\r\n background-color: <%=bgcolor%>;\r\n display: flex;\r\n flex-direction: row;\r\n flex-wrap: nowrap;\r\n justify-content: flex-start;\r\n align-content: stretch;\r\n border-radius: <%=borderradius%>px;\r\n overflow: hidden;\r\n}\r\n\r\n#popmechanic-form .popmechanic-image {\r\n width: <%=width_img%>%;\r\n height: <%=height_img%>px;\r\n background-image: url(<%=img_url%>);\r\n background-size: 100%;\r\n background-position: center;\r\n background-repeat: no-repeat;\r\n background-size: cover;\r\n}\r\n\r\n#popmechanic-form .popmechanic-content {\r\n position: relative;\r\n width: 100%;\r\n <% if (parseInt(use_custom_font)) { %> \r\n font-family: <%=custom_font%>;\r\n <% } else { %> \r\n font-family: <%=font%>;\r\n <% } %>\r\n}\r\n\r\n\r\n#popmechanic-form .popmechanic-title {\r\n font-size: <%=font__size__title%>px;\r\n font-weight: <%=font__weight__title%>;\r\n color: <%=color__title%>;\r\n line-height: <%=line__height%>px;\r\n margin-top: <%=margin_top_title%>px;\r\n margin-bottom: <%=margin_bt_title%>px;\r\n padding: 0 <%=padding_poptitle%>px;\r\n text-align: <%=text_align_title%>;\r\n}\r\n\r\n#popmechanic-form .popmechanic-text {\r\n text-align: <%=align_poptext%>;\r\n padding: 0 <%=padding_poptext%>px;\r\n font-size: <%=font__size__poptext%>px;\r\n font-weight: <%=font__weight__text%>;\r\n line-height: <%=line__height_text%>px;\r\n color: <%=color__poptext%>;\r\n margin-bottom: <%=margin_bt_poptext%>px;\r\n \r\n}\r\n\r\n#popmechanic-form .popmechanic-inputs {\r\n padding: 0 <%=padding_popinputs%>px;\r\n display: flex;\r\n flex-direction: row;\r\n justify-content: space-between;\r\n}\r\n\r\n#popmechanic-form .popmechanic-copy {\r\n width: 100%;\r\n max-width: <%=width_popbutton%>px;\r\n height: <%=height_popbutton%>px;\r\n display: flex;\r\n justify-content: center;\r\n text-align: center;\r\n align-items: center;\r\n background-color: <%=bg_popbutton%>;\r\n border-radius: <%=br__popbutton%>px;\r\n border: <%=br_wight__popbutton%>px solid <%=br_color__popbutton%>;\r\n font-family: Roboto;\r\n font-style: normal;\r\n color: <%=color_popbutton%>;\r\n font-size: <%=font__size__popbutton%>px;\r\n font-weight: <%=font__weight__btn%>;\r\n text-decoration: none;\r\n transition: ease-in 0.2s;\r\n}\r\n\r\n#popmechanic-form .popmechanic-copy:hover {\r\n background-color: <%=bg_hover_popbutton%>;\r\n transition: ease-in 0.2s;\r\n color:<%=bg_hover_text%>;\r\n}\r\n\r\n#popmechanic-form .popmechanic-copy:nth-child(2) {\r\n background-color: <%=bg_popbutton2%>;\r\n color: <%=color_popbutton2%>;\r\n transition: ease-in 0.2s;\r\n}\r\n\r\n#popmechanic-form .popmechanic-copy:nth-child(2):hover {\r\n background-color: <%=bg_hover_popbutton2%>;\r\n transition: ease-in 0.2s;\r\n color:<%=bg_hover_text2%>;\r\n}\r\n\r\n\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-inputs,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-inputs{\r\n display: flex;\r\n flex-direction: column;\r\n padding: 0 <%=padding_popinputs_mb%>px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-main, \r\n.popmechanic-mobile #popmechanic-form .popmechanic-main {\r\n width: <%=width_form_mb%>px;\r\n height: <%=height_form_mb%>px;\r\n background-color: <%=bgcolor_mb%>;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-title,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-title {\r\n font-size: <%=font__size__title_mb%>px;\r\n font-weight: <%=font__weight__title_mb%>;\r\n margin: <%=margin_top_title_mb%>px auto;\r\n margin-bottom: <%=margin_bt_title_mb%>px;\r\n padding: 0 <%=padding_poptitle%>px;\r\n line-height: <%=line__height_mb%>px;\r\n text-align: <%=text_align_title__mb%>;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-text,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-text{\r\n text-align: <%=align_poptext_mb%>;\r\n padding: 0 <%=padding_poptext_mb%>px;\r\n font-size: <%=font__size__poptext_mb%>px;\r\n font-weight: <%=font__weight__text_mb%>;\r\n line-height: <%=line__height_text_mb%>px;\r\n color: <%=color__poptext%>;\r\n margin-bottom: <%=margin_bt_poptext%>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-image,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-image {\r\n height: <%=height_img_mb%>px;\r\n background-size: 100%;\r\n background-position: 100% 0;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-inputs,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-inputs{\r\n align-items: center;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-copy,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-copy {\r\n max-width: <%=width_popbutton_mb%>%;\r\n height: <%=height_popbutton_mb%>px;\r\n font-size: <%=font__size__popbutton__mb%>px;\r\n font-weight: <%=font__weight__btn_mb%>;\r\n border-radius: <%=br__popbutton__mb%>px;\r\n height: <%=height_popbutton_mb%>px;\r\n border: <%=br_wight__popbutton_mb%>px solid <%=br_color__popbutton_mb%>;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-copy:nth-child(2),\r\n.popmechanic-mobile #popmechanic-form .popmechanic-copy:nth-child(2){\r\n margin-top: <%=mt_popbutton_mb%>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-close,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-close {\r\n top: <%=top_close_mb%>px;\r\n right: <%=right_close_mb%>px;\r\n font-size: <%=width_close_mb%>px;\r\n color: <%=color_close_mb%>;\r\n}", "button": "", "on_show": "var form = arguments[0] || {};\r\n\r\nPopMechanic.$('#popmechanic-snippet').on(\r\n 'click',\r\n '#popmechanic-container-' + form.id + ' .popmechanic-form-open',\r\n function (e) { \r\n PopMechanic.show(<%=open_form_id %>, true);\r\n e.preventDefault();\r\n e.stopPropagation();\r\n return false;\r\n }\r\n);", "on_close": "", "embed_code": "", "behaviors": ["partscreen", "info"], "template_type": "partscreen-info", "need_reset": true, "parameters": [], "on_targeting_ready": "", "on_child_ready": ""}, {"id": 1630, "html": "<% try { close_show = close_show; } catch (e) { close_show = 0 } %>\r\n\r\n
\r\n <% if(form_action === \"link\") { %>\r\n \"\r\n <%= parseInt(link_blank) ? 'target=\"_blank\"' : '' %>\r\n data-popmechanic-submit\r\n data-popmechanic-close>\r\n <% } %>\r\n <% if(form_action === \"form\") { %>\r\n \r\n <% } %>\r\n <% if(form_action === \"disabled\") { %>\r\n \r\n <% } %>\r\n <% if (desktop.toString() !== \"false\") { %>\r\n \" />\r\n <% } else { %>\r\n \" />\r\n <% } %>\r\n \r\n\r\n <% if(parseInt(close_show)) { %>\r\n \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#popmechanic-form.popmechanic-embedded-static {\r\n position: relative;\r\n}\r\n\r\n#popmechanic-form.popmechanic-embedded-static img {\r\n display: block;\r\n width: 100%;\r\n max-width: 100%;\r\n}\r\n.popmechanic-desktop #popmechanic-form.popmechanic-embedded-static {\r\n width: <%= (width_type_desk === 'free') ? '100%' : width_desk + 'px' %>;\r\n <% if(align_desk === 'left') { %>\r\n margin-right: auto;\r\n <% } else if(align_desk === 'right') { %>\r\n margin-left: auto;\r\n <% } else { %>\r\n margin-left: auto;\r\n margin-right: auto;\r\n <% } %>\r\n}\r\n.popmechanic-tablet #popmechanic-form.popmechanic-embedded-static,\r\n.popmechanic-mobile #popmechanic-form.popmechanic-embedded-static {\r\n width: <%= (width_type_mob === 'free') ? '100%' : width_mob + 'px' %>;\r\n <% if(align_mob === 'left') { %>\r\n margin-right: auto;\r\n <% } else if(align_mob === 'right') { %>\r\n margin-left: auto;\r\n <% } else { %>\r\n margin-left: auto;\r\n margin-right: auto;\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-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": "<% if (!!parseInt(action_form_id)) { %>\r\n\tPopMechanic.$('.popmechanic-form-open').on('click', function (e) {\r\n \te.preventDefault();\r\n \tsetTimeout(function(){PopMechanic.show(<%= action_form_id %>, true)}, 300);})\r\n<% } %>", "on_close": "", "embed_code": "", "behaviors": ["info"], "template_type": "embedded", "need_reset": true, "parameters": [], "on_targeting_ready": "", "on_child_ready": ""}, {"id": 1843, "html": "<% try {\r\n\tlang_helper = lang_helper;\r\n\tclose_show = close_show;\r\n\t} catch (e) {\r\n\t\tlang_helper = \"ru\"\r\n\t\tclose_show = 0\r\n\t}\r\n%>\r\n\r\n
\r\n\t
\r\n\r\n\t\t<% if (parseInt(show_img)) { %>\r\n\t\t\"\r\n\t\t\t\t alt=\" \">\r\n\t\t<% } %>\r\n\t\t
\r\n\t\t\t<% if (parseInt(show_title)) { %>\r\n\t\t\t
<%= header %>
\r\n\t\t\t<% } %>\r\n\r\n\t\t\t<% if (parseInt(show_sub_title)) { %>\r\n\t\t\t
<%= text %>
\r\n\t\t\t<% } %>\r\n\t\t
\r\n\r\n\t\t
\r\n\t\t\t
\r\n\t\t\t\t
\r\n\t\t\t\t\t\">\r\n\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t
\r\n\r\n\t\t\t<% if (parseInt(show_policy)) { %>\r\n\t\t\t\r\n\t\t\t<% } %>\r\n\t\t
\r\n\t
\r\n\t
\r\n\t\t
<%= thankyou_text %>
\r\n\t
\r\n\r\n\t<% if (parseInt(close_show)) { %>\r\n\t\r\n\t
\r\n\t<% } %>\r\n
", "css": "<% if(!parseInt(use_custom_font)) { %>\r\n @import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&family=Roboto:wght@400;500;700&display=swap');\r\n<% } %>\r\n\r\n<% 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.popmechanic-reset,\r\n.popmechanic-reset * {\r\n line-height: normal;\r\n box-sizing: border-box; \r\n}\r\n\r\n#popmechanic-form {\r\n position: relative;\r\n <% if (parseInt(use_custom_font)) { %> \r\n font-family: <%=custom_font%>; \r\n <% } else { %> \r\n font-family: <%=form_font%>;\r\n <% } %>\r\n width: 100%;\r\n box-sizing: border-box;\r\n z-index: 100;\r\n}\r\n #popmechanic-form::before {\r\n content: \"\";\r\n display: block;\r\n width: 100%;\r\n height: 100%;\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n bottom: 0;\r\n right: 0;\r\n background-color: <%=form_bg_color%>;\r\n z-index: 1;\r\n <% if(parseInt(show_form_bg)) { %>\r\n background: url(<%=form_bg_img%>) center center no-repeat;\r\n background-size: cover;\r\n <% } %>\r\n }\r\n #popmechanic-form .popmechanic-main,\r\n #popmechanic-form .popmechanic-thankyou {\r\n position: relative;\r\n z-index: 2;\r\n display: flex; \r\n align-items: flex-start;\r\n justify-content: center;\r\n max-width: 1280px;\r\n min-height: <%=form_height%>px;\r\n margin: 0 auto;\r\n padding-left: 20px;\r\n padding-right: 20px;\r\n padding-top: <%=pad_top%>px;\r\n padding-bottom: <%=pad_bottom%>px;\r\n }\r\n #popmechanic-form .popmechanic-self-box {\r\n width: <%=img_width%>px;\r\n max-width: 100%;\r\n position: relative;\r\n margin-left: <%=img_left%>px;\r\n margin-top: <%=img_top%>px;\r\n margin-right: 20px; }\r\n #popmechanic-form .popmechanic-content {\r\n max-width: 470px;\r\n margin-right: 20px; }\r\n #popmechanic-form .popmechanic-inputs {\r\n border: solid 1px <%=inputs_border_color%>;\r\n display: flex;\r\n align-items: stretch;\r\n margin-bottom: 21px;\r\n height: <%=inp_height%>px;\r\n max-width: 100%;\r\n }\r\n #popmechanic-form .popmechanic-inputs--wrapper {\r\n /* flex: 1; */\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n max-width: 100%;\r\n }\r\n #popmechanic-form .popmechanic-input {\r\n flex-shrink: 0;\r\n width: <%=inp_width%>px;\r\n height: 100%;\r\n max-width: 100%;\r\n }\r\n #popmechanic-form .popmechanic-input input {\r\n width: 100%;\r\n height: 100%;\r\n border: none;\r\n background-color: transparent;\r\n font-size: <%=inp_fontsize%>px;\r\n color: <%=inp_color%>;\r\n letter-spacing: 0.3px;\r\n padding-left: 20px;\r\n}\r\n #popmechanic-form .popmechanic-input input::placeholder {\r\n color: <%=inp_color%>;\r\n opacity: .6;\r\n }\r\n #popmechanic-form input::-moz-placeholder {\r\n color: <%=inp_color%>;\r\n opacity: .6;\r\n }\r\n #popmechanic-form input::-ms-input-placeholder {\r\n color: <%=inp_color%>;\r\n opacity: .6;\r\n }\r\n #popmechanic-form input:hover, #popmechanic-form input:focus {\r\n outline: none; }\r\n #popmechanic-form button {\r\n flex-shrink: 0;\r\n width: <%=btn_width%>px;\r\n height: 100%;\r\n background-color: <%=but_col1%>;\r\n border: none;\r\n font-size: <%=btn_fontsize%>px;\r\n font-weight: 500;\r\n letter-spacing: 0.4px;\r\n color: <%=btn_color%>;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center; \r\n }\r\n #popmechanic-form button:hover {\r\n background: <%=but_col2%>;\r\n color: <%=btn_hover_color%>;\r\n cursor: pointer;\r\n outline: none; }\r\n #popmechanic-form .popmechanic-subscribe_text {\r\n <% if(parseInt(show_btn_img)) { %>\r\n display: none; \r\n <% } else { %>\r\n display: block;\r\n <% } %>\r\n }\r\n #popmechanic-form .popmechanic-approval {\r\n font-size: <%=conf_fontsize%>px;\r\n color: <%=conf_color%>;\r\n line-height: 1.5;\r\n letter-spacing: 0.3px; \r\n display: flex;\r\n align-items: center;\r\n }\r\n #popmechanic-form .popmechanic-approval a {\r\n color: <%=but_col1%>;\r\n text-decoration: none; }\r\n #popmechanic-form .popmechanic-checkbox-check {\r\n width: 20px;\r\n height: 20px;\r\n background-color: transparent;\r\n border: 1px solid <%=inp_border_color%>;\r\n margin-right: 8px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-shrink: 0;\r\n }\r\n #popmechanic-form .popmechanic-checkbox-check svg {\r\n width: 100%;\r\n height: 100%;\r\n opacity: 0;\r\n fill: <%=but_col1%>;\r\n }\r\n #popmechanic-form .popmechanic-approval input {\r\n visibility: hidden;\r\n display: block;\r\n width: 0;\r\n height: 0;\r\n opacity: 0;\r\n }\r\n #popmechanic-form .popmechanic-approval input:checked ~ .popmechanic-checkbox-check svg {\r\n opacity: 1;\r\n }\r\n #popmechanic-form .popmechanic-header {\r\n font-size: <%=title_fontsize%>px;\r\n color: <%=title_color%>;\r\n font-weight: bold;\r\n line-height: 1.07;\r\n letter-spacing: 0.7px;\r\n margin-bottom: 16px; }\r\n #popmechanic-form .popmechanic-text {\r\n width: 470px;\r\n max-width: 100%;\r\n font-size: <%=sub_title_fontsize%>px;\r\n color: <%=sub_title_color%>;\r\n line-height: 1.25;\r\n letter-spacing: 0.4px;\r\n }\r\n #popmechanic-form .popmechanic-thankyou .popmechanic-text {\r\n font-size: <%=thanks_fontsize%>px; \r\n text-align: center; \r\n margin: 0 auto;\r\n }\r\n #popmechanic-form input.popmechanic-invalid {\r\n border-color: #e84e4e; }\r\n #popmechanic-form .popmechanic-thankyou {\r\n display: none; }\r\n\r\n.popmechanic-mobile #popmechanic-form::before, .popmechanic-tablet #popmechanic-form::before {\r\n <% if(parseInt(show_form_bg_mob)) { %>\r\n background: url(<%=form_bg_img_mob%>) center center no-repeat;\r\n background-size: cover;\r\n <% } else { %>\r\n background-image: none;\r\n background-color: <%=form_bg_color%>;\r\n <% } %>\r\n}\r\n .popmechanic-mobile #popmechanic-form .popmechanic-main,\r\n .popmechanic-tablet #popmechanic-form .popmechanic-main,\r\n .popmechanic-mobile #popmechanic-form .popmechanic-thankyou,\r\n .popmechanic-tablet #popmechanic-form .popmechanic-thankyou {\r\n flex-direction: column;\r\n align-items: center;\r\n max-width: <%=form_width_mob%>px;\r\n width: 100%; \r\n min-height: <%=form_height_mob%>px;\r\n padding: <%=pad_top_mob%>px <%=pad_right_mob%>px <%=pad_bottom_mob%>px <%=pad_left_mob%>px;\r\n}\r\n .popmechanic-mobile #popmechanic-form .popmechanic-self-box, .popmechanic-tablet #popmechanic-form .popmechanic-self-box {\r\n width: <%=img_width_mob%>px;\r\n position: relative;\r\n margin: 0;\r\n left: <%=img_left_mob%>px;\r\n top: <%=img_top_mob%>px;\r\n margin-right: 0;\r\n margin-bottom: 10px; }\r\n .popmechanic-mobile #popmechanic-form .popmechanic-content, .popmechanic-tablet #popmechanic-form .popmechanic-content {\r\n margin-right: 0;\r\n max-width: 100%;\r\n margin-bottom: 20px; }\r\n .popmechanic-mobile #popmechanic-form .popmechanic-header, .popmechanic-tablet #popmechanic-form .popmechanic-header {\r\n font-size: <%=title_fontsize_mob%>px;\r\n text-align: center; }\r\n .popmechanic-mobile #popmechanic-form .popmechanic-text, .popmechanic-tablet #popmechanic-form .popmechanic-text {\r\n font-size: <%=sub_title_fontsize_mob%>px;\r\n text-align: center; }\r\n .popmechanic-mobile #popmechanic-form .popmechanic-inputs, .popmechanic-tablet #popmechanic-form .popmechanic-inputs {\r\n border: none;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n height: auto;\r\n width: 100%;\r\n }\r\n .popmechanic-mobile #popmechanic-form .popmechanic-inputs--wrapper, .popmechanic-tablet #popmechanic-form .popmechanic-inputs--wrapper {\r\n width: auto; }\r\n .popmechanic-mobile #popmechanic-form .popmechanic-input, .popmechanic-tablet #popmechanic-form .popmechanic-input {\r\n width: <%=inp_width_mob%>px;\r\n max-width: 100%;\r\n }\r\n .popmechanic-mobile #popmechanic-form .popmechanic-input input, .popmechanic-tablet #popmechanic-form .popmechanic-input input {\r\n height: <%=inp_height_mob%>px;\r\n font-size: <%=inp_fontsize_mob%>px;\r\n border: solid 1px <%=inp_border_color%>;\r\n margin-bottom: 15px; }\r\n .popmechanic-mobile #popmechanic-form button, .popmechanic-tablet #popmechanic-form button {\r\n width: <%=btn_width_mob%>px;\r\n max-width: 100%;\r\n height: <%=btn_height_mob%>px;\r\n font-size: <%=btn_fontsize_mob%>px;\r\n }\r\n .popmechanic-mobile #popmechanic-form .popmechanic-subscribe_text, .popmechanic-tablet #popmechanic-form .popmechanic-subscribe_text {\r\n display: inline; }\r\n .popmechanic-mobile #popmechanic-form .popmechanic-subscribe_img, .popmechanic-tablet #popmechanic-form .popmechanic-subscribe_img {\r\n display: none; }\r\n .popmechanic-mobile #popmechanic-form .popmechanic-approval, .popmechanic-tablet #popmechanic-form .popmechanic-approval {\r\n font-size: <%=conf_fontsize_mob%>px;\r\n text-align: center; }\r\n .popmechanic-mobile #popmechanic-form .popmechanic-thankyou .popmechanic-text, .popmechanic-tablet #popmechanic-form .popmechanic-thankyou .popmechanic-text {\r\n font-size: <%=thanks_fontsize_mob%>px;\r\n }\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 width: 100%;\r\n display: flex; }\r\n#popmechanic-form input.popmechanic-invalid {\r\n border-color: red!important;\r\n border: 1px solid red!important;\r\n color: red!important;\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": false, "parameters": [], "on_targeting_ready": "", "on_child_ready": ""}, {"id": 1991, "html": "<%\r\n try {\r\n var formId = formId;\r\n } catch (e) {\r\n formId = 1;\r\n }\r\n%>\r\n\r\n
\r\n
-zuck-container\">
\r\n
-preview-container\">
\r\n \r\n
", "css": "<%\r\n try {\r\n var formId = formId;\r\n } catch (e) {\r\n formId = 1;\r\n }\r\n%>\r\n@import url(\"https://fonts.googleapis.com/css?family=Roboto&display=swap&subset=cyrillic\");\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, #popmechanic-form-<%=formId%>-zuck-container {\r\n display: none !important;\r\n}", "button": "", "on_show": "function loadZuckJs(onload) {\r\n if (typeof Zuck === 'undefined') {\r\n try {\r\n var zuckCSSHref = 'https://storage.yandexcloud.net/popmechanic-media/zuck/zuck.min.css';\r\n var zuckJsSrc = 'https://storage.yandexcloud.net/popmechanic-media/zuck/zuck.min.js';\r\n\r\n var zuckLink = document.createElement('link');\r\n zuckLink.href = zuckCSSHref;\r\n zuckLink.rel = 'stylesheet';\r\n document.body.appendChild(zuckLink);\r\n\r\n var zuckScript = document.createElement('script');\r\n zuckScript.src = zuckJsSrc;\r\n if (typeof onload === 'function') {\r\n zuckScript.onload = onload;\r\n }\r\n document.body.appendChild(zuckScript);\r\n } catch (error) {\r\n console.log(\"zuck.js loading error\", error);\r\n }\r\n } else {\r\n if (typeof onload === 'function') {\r\n onload();\r\n }\r\n }\r\n}\r\n\r\nfunction timestamp() {\r\n return Date.now() - 150000;\r\n}\r\n\r\nform.destroyZuck = function () {\r\n if (form.zuck) {\r\n PopMechanic.$('#zuck-modal').remove();\r\n form.zuck.remove('story');\r\n delete form.zuck;\r\n }\r\n}\r\n\r\nPopMechanic.$('.popmechanic-item-wrapper[data-popmechanic-story=\"' + form.id + '\"]').addClass('popmechanic-item-seen');\r\n\r\nfunction initStory() {\r\n \tvar $form = PopMechanic.$('#popmechanic-form-' + form.id).eq(0);\r\n var storyItemTemplate = PopMechanic._.template(\r\n $form.find('script[type=\"text\\/x-template\"]')\r\n .html()\r\n .replace(/\\s+/g, ' '),\r\n {\r\n interpolate: /\\{\\{(.+?)\\}\\}/g,\r\n evaluate: /\\{\\%(.+?)\\%\\}/g\r\n }\r\n );\r\n var items = [\r\n <% if (on === '1') { %>\r\n {\r\n id: 1,\r\n type: '<% try { print(type); } catch (e) { print('image'); } %>',\r\n photoSrc: '<% try { print(image); } catch (e) { print(''); } %>',\r\n videoSrc: '<% try { print(video_link); } catch (e) { print(''); } %>',\r\n link: '<% try { print(link); } catch (e) { print(''); } %>',\r\n timeout: parseInt('<% try { print(timeout); } catch (e) { print(10); } %>', 10),\r\n linkText: '<% try { print(button_text); } catch (e) { print(''); } %>',\r\n },\r\n <% } %>\r\n <% if (on_2 === '1') { %>\r\n {\r\n id: 2,\r\n type: '<% try { print(type_2); } catch (e) { print('image'); } %>',\r\n photoSrc: '<% try { print(image_2); } catch (e) { print(''); } %>',\r\n videoSrc: '<% try { print(video_link_2); } catch (e) { print(''); } %>',\r\n link: '<% try { print(link_2); } catch (e) { print(''); } %>',\r\n timeout: parseInt('<% try { print(timeout_2); } catch (e) { print(10); } %>', 10),\r\n linkText: '<% try { print(button_text_2); } catch (e) { print(''); } %>',\r\n },\r\n <% } %>\r\n <% if (on_3 === '1') { %>\r\n {\r\n id: 3,\r\n type: '<% try { print(type_3); } catch (e) { print('image'); } %>',\r\n photoSrc: '<% try { print(image_3); } catch (e) { print(''); } %>',\r\n videoSrc: '<% try { print(video_link_3); } catch (e) { print(''); } %>',\r\n link: '<% try { print(link_3); } catch (e) { print(''); } %>',\r\n timeout: parseInt('<% try { print(timeout_3); } catch (e) { print(10); } %>', 10),\r\n linkText: '<% try { print(button_text_3); } catch (e) { print(''); } %>',\r\n },\r\n <% } %>\r\n <% if (on_4 === '1') { %>\r\n {\r\n id: 4,\r\n type: '<% try { print(type_4); } catch (e) { print('image'); } %>',\r\n photoSrc: '<% try { print(image_4); } catch (e) { print(''); } %>',\r\n videoSrc: '<% try { print(video_link_4); } catch (e) { print(''); } %>',\r\n link: '<% try { print(link_4); } catch (e) { print(''); } %>',\r\n timeout: parseInt('<% try { print(timeout_4); } catch (e) { print(10); } %>', 10),\r\n linkText: '<% try { print(button_text_4); } catch (e) { print(''); } %>',\r\n },\r\n <% } %>\r\n <% if (on_5 === '1') { %>\r\n {\r\n id: 5,\r\n type: '<% try { print(type_5); } catch (e) { print('image'); } %>',\r\n photoSrc: '<% try { print(image_5); } catch (e) { print(''); } %>',\r\n videoSrc: '<% try { print(video_link_5); } catch (e) { print(''); } %>',\r\n link: '<% try { print(link_5); } catch (e) { print(''); } %>',\r\n timeout: parseInt('<% try { print(timeout_5); } catch (e) { print(10); } %>', 10),\r\n linkText: '<% try { print(button_text_5); } catch (e) { print(''); } %>',\r\n },\r\n <% } %>\r\n ].filter(Boolean);\r\n\r\n // old forms cannot have data-popmechanic-link\r\n PopMechanic.$(document).on(\r\n 'click',\r\n '#zuck-modal-slider-popmechanic-form-' + form.id + '-zuck-container .item a.tip.link:not([data-popmechanic-link])',\r\n function () {\r\n form.report('follow');\r\n\r\n return true;\r\n }\r\n );\r\n\t\r\n // doesn't change this id\r\n form.zuck = new Zuck('popmechanic-form-' + form.id + '-zuck-container', {\r\n openEffect: false,\r\n language: {\r\n unmute: '\u0412\u043a\u043b\u044e\u0447\u0438\u0442\u044c \u0437\u0432\u0443\u043a',\r\n visitLink: '\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435',\r\n },\r\n template: {\r\n viewerItemBody(index, currentIndex, item) {\r\n if (index >= items.length) {\r\n return '';\r\n }\r\n \r\n \treturn storyItemTemplate({\r\n isSeen: item.seen === true,\r\n isActive: currentIndex === index,\r\n index: index,\r\n time: item.time,\r\n type: item.type,\r\n id: items[index].id,\r\n videoSrc: items[index].videoSrc,\r\n photoSrc: items[index].photoSrc,\r\n link: item.link,\r\n linkText: item.linkText,\r\n canShare: navigator.canShare,\r\n name: '<%=story_name%>'\r\n });\r\n },\r\n },\r\n callbacks: {\r\n onView(_storyId) {\r\n if (!form.offHashLinks && (!location.hash || location.hash.indexOf('popmechanic-stories') > -1)) {\r\n \tlocation.hash = 'popmechanic-stories-' + form.id;\r\n }\r\n },\r\n onEnd(_storyId, _callback) {\r\n if (location.hash.indexOf('popmechanic-stories-') > -1) { location.hash = ''; }\r\n form.goToNextStory();\r\n },\r\n onBeforeNavigatePrevItem(_storyId, navigateItem) {\r\n if (navigateItem < 0) {\r\n form.goToPrevStory();\r\n }\r\n },\r\n onClose(storyId, callback) {\r\n if (location.hash.indexOf('popmechanic-stories-') > -1) { location.hash = ''; }\r\n\r\n \t\t\tvar formView = PopMechanic.getView(form.id);\r\n formView.close();\r\n\r\n callback();\r\n }\r\n },\r\n stories: [\r\n Zuck.buildTimelineItem(\r\n 'story',\r\n '',\r\n '',\r\n '',\r\n timestamp(),\r\n items.map(function (item, index) {\r\n return [\r\n index,\r\n item.type === 'image' ? 'photo' : item.type,\r\n item.timeout,\r\n item.type === 'image' ? item.photoSrc : item.videoSrc,\r\n false,\r\n item.link,\r\n item.linkText,\r\n false,\r\n timestamp(),\r\n ];\r\n }),\r\n ),\r\n ],\r\n });\r\n\r\n var storyElement = $form.find('.story').eq(0);\r\n if (storyElement) {\r\n if (form.calledFromNextStory) {\r\n form.zuck.data.story.currentItem = form.zuck.data.story.items.length - 1;\r\n }\r\n storyElement.click();\r\n }\r\n}\r\n\r\nloadZuckJs(initStory);", "on_close": "form.destroyZuck();", "embed_code": "", "behaviors": ["info"], "template_type": "story", "need_reset": true, "parameters": [], "on_targeting_ready": "", "on_child_ready": ""}, {"id": 2379, "html": "<%\r\n\tfunction createImageSrc(option, defaultSrc, userSrc) {\r\n\t\treturn {\r\n\t\t\topt1: defaultSrc[0],\r\n\t\t\topt2: defaultSrc[1],\r\n\t\t\topt3: defaultSrc[2],\r\n\t\t\topt4: userSrc\r\n\t\t}[option];\r\n\t}\r\n%>\r\n\r\n
\r\n\r\n\t
\r\n\t\t
\r\n\t\t\t
\r\n\r\n\t\t\t\t<% if ((desktop.toString() !== \"false\") && parseInt(img_show_desk)) { %>\r\n\t\t\t\t<% var image_options_desk_src = createImageSrc(image_options_desk, [image_default1_desk, image_default2_desk, image_default3_desk], img_src_desk); %>\r\n\r\n\t\t\t\t\"\r\n\t\t\t\t\t\t alt=\"\"\r\n\t\t\t\t\t\t class=\"popmechanic-image\">\r\n\t\t\t\t<% } %>\r\n\r\n\t\t\t\t<% if ((desktop.toString() === \"false\") && parseInt(img_show_mob)) { %>\r\n\t\t\t\t<% var image_options_mob_src = createImageSrc(image_options_mob, [image_default1_mob, image_default2_mob, image_default3_mob], img_src_mob); %>\r\n\r\n\t\t\t\t\"\r\n\t\t\t\t\t\t alt=\"\"\r\n\t\t\t\t\t\t class=\"popmechanic-image\">\r\n\t\t\t\t<% } %>\r\n\r\n\t\t\t\t<% if (parseInt(title_show)) { %>\r\n\t\t\t\t<% var title_options_src = createImageSrc(title_options, [title_default1, title_default2, title_default3], title); %>\r\n\t\t\t\t
<%= title_options_src %>
\r\n\t\t\t\t<% } %>\r\n\t\t\t
\r\n\t\t
\r\n\t
\r\n\r\n\t<% if (parseInt(close_show)) { %>\r\n\t\r\n\t
\r\n\t<% } %>\r\n
", "css": "<% if(!parseInt(font_custom_show)) { %>\r\n\t@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;500;600;700&family=Roboto:wght@300;400;500;700&display=swap');\r\n<% } %>\r\n\r\n<%\r\n\tfunction hexToRgb(hex) {\r\n\t\treturn hex.replace(/^#?([a-f\\d])([a-f\\d])([a-f\\d])$/i, function (m, r, g, b) {\r\n\t\t\treturn \"#\".concat(r).concat(r).concat(g).concat(g).concat(b).concat(b);\r\n\t\t}).substring(1).match(/.{2}/g).map(function (x) {\r\n\t\t\treturn parseInt(x, 16);\r\n\t\t});\r\n\t};\r\n%>\r\n\r\n.popmechanic-reset, .popmechanic-reset * {\r\n\tbox-sizing: border-box;\r\n\tmargin: 0;\r\n\tfont-size: 16px;\r\n\tline-height: normal;\r\n}\r\n.popmechanic-reset::before, .popmechanic-reset::after,\r\n.popmechanic-reset *::before, .popmechanic-reset *::after {\r\n\tbox-sizing: border-box;\r\n}\r\n\r\n#popmechanic-form {\r\n\tposition: relative !important;\r\n\tdisplay: inline-block;\r\n\tvertical-align: middle;\r\n\t<% if(parseInt(font_custom_show)) { %>\r\n\t\tfont-family: <%= font_custom %>;\r\n\t<% } else { %>\r\n\t\tfont-family: <%= font_family %>;\r\n\t<% } %>\r\n}\r\n#popmechanic-form .popmechanic-main {\r\n\tposition: relative;\r\n\twidth: 100vw;\r\n\tmax-width: 100%;\r\n\toverflow: hidden;\r\n\tborder: 0 solid <%= border_color %>;\r\n\tborder-radius: <%= border_radius %>px;\r\n\t<% if (parseInt(shadow_show)) { %>\r\n\t\tbox-shadow: <%= shadow_offset_x %>px <%= shadow_offset_y %>px <%= shadow_blur %>px <%= shadow_spread %>px rgba(<%= hexToRgb(shadow_color) %>, <%= shadow_transparency %>);\r\n\t<% } %>\r\n}\r\n#popmechanic-form .popmechanic-container {\r\n\tdisplay: flex;\r\n\twidth: 100%;\r\n\tmax-width: 100%;\r\n\tbackground-color: rgba(<%= hexToRgb(bg_color) %>, <%= bg_transparency %>);\r\n}\r\n#popmechanic-form .popmechanic-content {\r\n\tdisplay: flex;\r\n\tjustify-content: flex-start;\r\n\talign-items: center;\r\n\twidth: 100%;\r\n\tmax-width: 100%;\r\n}\r\n<% if (!(!parseInt(img_show_desk) && !parseInt(img_show_mob))) { %>\r\n\t#popmechanic-form .popmechanic-image {\r\n\t\tdisplay: block;\r\n\t\tflex-shrink: 0;\r\n\t\tmax-width: 100%;\r\n\t}\r\n<% } %>\r\n#popmechanic-form .popmechanic-title {\r\n\tcolor: <%= title_color %>;\r\n\tfont-weight: <%= title_fw %>;\r\n\tline-height: <%= title_lh %>;\r\n\tflex-grow: 1;\r\n\tword-break: break-word;\r\n\toverflow-wrap: break-word;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-main {\r\n\tmax-width: <%= width_desk %>px;\r\n\tborder-width: <%= border_width_desk %>px;\r\n}\r\n<% if (parseInt(img_show_desk)) { %>\r\n\t.popmechanic-desktop #popmechanic-form .popmechanic-image {\r\n\t\torder: <%= (img_position_x_desk === \"left\") ? \"0\" : \"1\" %>;\r\n\t\twidth: <%= img_width_desk %>px;\r\n\t\t<% if (img_position_y_desk === \"top\") { %>\r\n\t\t\talign-self: flex-start;\r\n\t\t<% } else if (img_position_y_desk === \"bottom\") { %>\r\n\t\t\talign-self: flex-end;\r\n\t\t<% } else { %>\r\n\t\t\talign-self: center;\r\n\t\t<% } %>\r\n\t}\r\n<% } %>\r\n.popmechanic-desktop #popmechanic-form .popmechanic-content {\r\n\tgap: <%= img_offset_desk %>px;\r\n\tpadding: <%= padding_y_desk %>px <%= padding_x_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-title {\r\n\tfont-size: <%= title_fs_desk %>px;\r\n\ttext-align: <%= title_position_x_desk %>;\r\n\t<% if (title_position_y_desk === \"top\") { %>\r\n\t\talign-self: flex-start;\r\n\t<% } else if (title_position_y_desk === \"bottom\") { %>\r\n\t\talign-self: flex-end;\r\n\t<% } else { %>\r\n\t\talign-self: center;\r\n\t<% } %>\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-main,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main {\r\n\tmax-width: <%= width_mob %>px;\r\n\tborder-width: <%= border_width_mob %>px;\r\n}\r\n<% if (parseInt(img_show_mob)) { %>\r\n\t.popmechanic-tablet #popmechanic-form .popmechanic-image,\r\n\t.popmechanic-mobile #popmechanic-form .popmechanic-image {\r\n\t\torder: <%= (img_position_x_mob === \"left\") ? \"0\" : \"1\" %>;\r\n\t\twidth: <%= img_width_mob %>px;\r\n\t\t<% if (img_position_y_mob === \"top\") { %>\r\n\t\t\talign-self: flex-start;\r\n\t\t<% } else if (img_position_y_mob === \"bottom\") { %>\r\n\t\t\talign-self: flex-end;\r\n\t\t<% } else { %>\r\n\t\t\talign-self: center;\r\n\t\t<% } %>\r\n\t}\r\n<% } %>\r\n.popmechanic-tablet #popmechanic-form .popmechanic-content,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-content {\r\n\tgap: <%= img_offset_mob %>px;\r\n\tpadding: <%= padding_y_mob %>px <%= padding_x_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-title,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-title {\r\n\tfont-size: <%= title_fs_mob %>px;\r\n\ttext-align: <%= title_position_x_mob %>;\r\n\t<% if (title_position_y_mob === \"top\") { %>\r\n\t\talign-self: flex-start;\r\n\t<% } else if (title_position_y_mob === \"bottom\") { %>\r\n\t\talign-self: flex-end;\r\n\t<% } else { %>\r\n\t\talign-self: center;\r\n\t<% } %>\r\n}\r\n<% if (parseInt(close_show)) { %>\r\n\t#popmechanic-form .popmechanic-close {\r\n\t\tposition: absolute;\r\n\t\tz-index: 40;\r\n\t\tborder-radius: <%= close_border_radius %>px;\r\n\t\tcursor: pointer;\r\n\t\t<% if (parseInt(close_bg_show)) { %>\r\n\t\t\tbackground-color: rgba(<%= hexToRgb(close_bg_color) %>, <%= close_bg_transparency %>);\r\n\t\t<% } else { %>\r\n\t\t\tbackground-color: rgba(255, 255, 255, 0);\r\n\t\t<% } %>\r\n\t}\r\n\t#popmechanic-form .popmechanic-close::before,\r\n\t#popmechanic-form .popmechanic-close::after {\r\n\t\tcontent: \"\";\r\n\t\tposition: absolute;\r\n\t\ttop: 50%;\r\n\t\tleft: 50%;\r\n\t\twidth: 50%;\r\n\t\theight: 2px;\r\n\t\tborder-radius: 2px;\r\n\t\ttransform: translate(-50%, -50%) rotate(45deg);\r\n\t\tbackground-color: <%= close_color %>;\r\n\t}\r\n\t#popmechanic-form .popmechanic-close::after {\r\n\t\ttransform: translate(-50%, -50%) rotate(135deg);\r\n\t}\r\n\t.popmechanic-desktop #popmechanic-form .popmechanic-close {\r\n\t\ttop: <%= close_position_y_desk %>px;\r\n\t\tright: <%= close_position_x_desk %>px;\r\n\t\twidth: <%= close_size_desk %>px;\r\n\t\theight: <%= close_size_desk %>px;\r\n\t}\r\n\t.popmechanic-tablet #popmechanic-form .popmechanic-close,\r\n\t.popmechanic-mobile #popmechanic-form .popmechanic-close {\r\n\t\ttop: <%= close_position_y_mob %>px;\r\n\t\tright: <%= close_position_x_mob %>px;\r\n\t\twidth: <%= close_size_mob %>px;\r\n\t\theight: <%= close_size_mob %>px;\r\n\t}\r\n<% } %>", "button": "", "on_show": "", "on_close": "", "embed_code": "", "behaviors": ["info"], "template_type": "embedded", "need_reset": true, "parameters": [], "on_targeting_ready": "", "on_child_ready": ""}, {"id": 2418, "html": "<%\r\n\tvar submitDataPopmechanicIfString = function () {\r\n\t\tvar fieldConditions = [];\r\n\t\tfor (var i = 0; i < fields_list.length; i++) {\r\n\t\t\tvar field = fields_list[i];\r\n\t\t\tif (field.required && field.machine_name && field.type !== 'submit') {\r\n\t\t\t\tfieldConditions.push(\"!!lead['\" + (['email', 'name', 'phone'].indexOf(field.type) > -1 ? '' : 'customs.fields_list.') + field.machine_name + \"']\");\r\n\t\t\t}\r\n\t\t}\r\n\t\treturn \"lead&&\" + (fieldConditions.length ? fieldConditions.join(\"&&\") : \"true\");\r\n\t}();\r\n\r\n\tvar variants = [\r\n\t\tparseInt(variant1_on, 10) ? {\r\n\t\t\ttext: variant1_text,\r\n\t\t\tcolor: variant1_color,\r\n\t\t\tbackground: variant1_background\r\n\t\t} : undefined,\r\n\t\tparseInt(variant2_on, 10) ? {\r\n\t\t\ttext: variant2_text,\r\n\t\t\tcolor: variant2_color,\r\n\t\t\tbackground: variant2_background\r\n\t\t} : undefined,\r\n\t\tparseInt(variant3_on, 10) ? {\r\n\t\t\ttext: variant3_text,\r\n\t\t\tcolor: variant3_color,\r\n\t\t\tbackground: variant3_background\r\n\t\t} : undefined,\r\n\t\tparseInt(variant4_on, 10) ? {\r\n\t\t\ttext: variant4_text,\r\n\t\t\tcolor: variant4_color,\r\n\t\t\tbackground: variant4_background\r\n\t\t} : undefined,\r\n\t\tparseInt(variant5_on, 10) ? {\r\n\t\t\ttext: variant5_text,\r\n\t\t\tcolor: variant5_color,\r\n\t\t\tbackground: variant5_background\r\n\t\t} : undefined,\r\n\t\tparseInt(variant6_on, 10) ? {\r\n\t\t\ttext: variant6_text,\r\n\t\t\tcolor: variant6_color,\r\n\t\t\tbackground: variant6_background\r\n\t\t} : undefined,\r\n\t\tparseInt(variant7_on, 10) ? {\r\n\t\t\ttext: variant7_text,\r\n\t\t\tcolor: variant7_color,\r\n\t\t\tbackground: variant7_background\r\n\t\t} : undefined,\r\n\t\tparseInt(variant8_on, 10) ? {\r\n\t\t\ttext: variant8_text,\r\n\t\t\tcolor: variant8_color,\r\n\t\t\tbackground: variant8_background\r\n\t\t} : undefined,\r\n\t\tparseInt(variant9_on, 10) ? {\r\n\t\t\ttext: variant9_text,\r\n\t\t\tcolor: variant9_color,\r\n\t\t\tbackground: variant9_background\r\n\t\t} : undefined,\r\n\t\tparseInt(variant10_on, 10) ? {\r\n\t\t\ttext: variant10_text,\r\n\t\t\tcolor: variant10_color,\r\n\t\t\tbackground: variant10_background\r\n\t\t} : undefined,\r\n\t\tparseInt(variant11_on, 10) ? {\r\n\t\t\ttext: variant11_text,\r\n\t\t\tcolor: variant11_color,\r\n\t\t\tbackground: variant11_background\r\n\t\t} : undefined,\r\n\t\tparseInt(variant12_on, 10) ? {\r\n\t\t\ttext: variant12_text,\r\n\t\t\tcolor: variant12_color,\r\n\t\t\tbackground: variant12_background\r\n\t\t} : undefined,\r\n\t\tparseInt(variant13_on, 10) ? {\r\n\t\t\ttext: variant13_text,\r\n\t\t\tcolor: variant13_color,\r\n\t\t\tbackground: variant13_background\r\n\t\t} : undefined,\r\n\t\tparseInt(variant14_on, 10) ? {\r\n\t\t\ttext: variant14_text,\r\n\t\t\tcolor: variant14_color,\r\n\t\t\tbackground: variant14_background\r\n\t\t} : undefined,\r\n\t\tparseInt(variant15_on, 10) ? {\r\n\t\t\ttext: variant15_text,\r\n\t\t\tcolor: variant15_color,\r\n\t\t\tbackground: variant15_background\r\n\t\t} : undefined,\r\n\t\tparseInt(variant16_on, 10) ? {\r\n\t\t\ttext: variant16_text,\r\n\t\t\tcolor: variant16_color,\r\n\t\t\tbackground: variant16_background\r\n\t\t} : undefined,\r\n\t\tparseInt(variant17_on, 10) ? {\r\n\t\t\ttext: variant17_text,\r\n\t\t\tcolor: variant17_color,\r\n\t\t\tbackground: variant17_background\r\n\t\t} : undefined,\r\n\t\tparseInt(variant18_on, 10) ? {\r\n\t\t\ttext: variant18_text,\r\n\t\t\tcolor: variant18_color,\r\n\t\t\tbackground: variant18_background\r\n\t\t} : undefined\r\n\t].filter(function (variant) {\r\n\t\treturn typeof variant !== \"undefined\";\r\n\t});\r\n\r\n\tvar circle_positioning_desk = 'left';\r\n\tvar circle_positioning_mob = 'top';\r\n%>\r\n\r\n
\r\n\t\">\r\n\t\t\">\r\n\t\t\t
\r\n\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t<%\r\n\t\t\t\t\t\t\t\tvar angle = 360 / sectors;\r\n\t\t\t\t\t\t\t\tvar angleRad = Math.PI * angle / 180;\r\n\t\t\t\t\t\t\t\tvar variantIndex = 0;\r\n\t\t\t\t\t\t\t\tfor (var sectorIndex = 0; sectorIndex < sectors; sectorIndex++) {\r\n\t\t\t\t\t\t\t\t\tvar x = Math.sin(angleRad) * 6;\r\n\t\t\t\t\t\t\t\t\tvar y = -1 * Math.cos(angleRad) * 6;\r\n\t\t\t\t\t\t\t\t\tvar rotate = angle * sectorIndex;\r\n\t\t\t\t\t\t\t\t\tvar fill = \"\";\r\n\t\t\t\t\t\t\t\t\tif (parseInt(use_variants_background, 10)) {\r\n\t\t\t\t\t\t\t\t\t\tfill = variants[variantIndex].background;\r\n\t\t\t\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\t\t\t\tif (sectorIndex % 2 === 0) {\r\n\t\t\t\t\t\t\t\t\t\t\tfill = sector_odd;\r\n\t\t\t\t\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\t\t\t\t\tfill = sector_even;\r\n\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t%>\r\n\t\t\t\t\t\t\t\"\r\n\t\t\t\t\t\t\t\t\t\td=\"M0 0 0 -6A6 6 0 0 1 <%= x %> <%= y %>Z\"\r\n\t\t\t\t\t\t\t\t\t\ttransform=\"rotate(<%= rotate %> 0 0)\">\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t<%\r\n\t\t\t\t\t\t\t\tif ((variantIndex + 1) < variants.length) {\r\n\t\t\t\t\t\t\t\t\tvariantIndex++;\r\n\t\t\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\t\t\tvariantIndex = 0;\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t%>\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t
    \">\r\n\t\t\t\t\t\t<%\r\n\t\t\t\t\t\t\tvariantIndex = 0;\r\n\t\t\t\t\t\t\tfor(var sectorIndex = 0; sectorIndex < sectors; sectorIndex++) {\r\n\t\t\t\t\t\t\t\tvar sectorRotate = angle * 0.5 + angle * sectorIndex - 90;\r\n\t\t\t\t\t\t\t\tvar color = \"\";\r\n\t\t\t\t\t\t\t\tif (parseInt(use_variants_color, 10)) {\r\n\t\t\t\t\t\t\t\t\tcolor = variants[variantIndex].color;\r\n\t\t\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\t\t\tcolor = sector_color;\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t%>\r\n\t\t\t\t\t\t
  • deg)\">\r\n\t\t\t\t\t\t\t
    \r\n\t\t\t\t\t\t\t\t;\"><%= variants[variantIndex].text %>\r\n\t\t\t\t\t\t\t
    \r\n\t\t\t\t\t\t
  • \r\n\t\t\t\t\t\t<%\r\n\t\t\t\t\t\t\tif ((variantIndex + 1) < variants.length) {\r\n\t\t\t\t\t\t\t\tvariantIndex++;\r\n\t\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\t\tvariantIndex = 0;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\t%>\r\n\t\t\t\t\t
\r\n\t\t\t\t
\r\n\t\t\t
\r\n\r\n\t\t
\r\n\t\t
\">\r\n\t\t\t
\r\n\t\t\t\t<% if (parseInt(arrow_img_show)) { %>\r\n\t\t\t\t\"\r\n\t\t\t\t\t\t alt=\"\">\r\n\t\t\t\t<% } else { %>\r\n\t\t\t\t\r\n\t\t\t\t\t\"\r\n\t\t\t\t\t\t\t\tstroke=\"<%= arrow_border %>\"\r\n\t\t\t\t\t\t\t\tstroke-width=\"<%= arrow_border_width %>\"\r\n\t\t\t\t\t\t\t\td=\"m51.763 32.683 55.601 27.8-55.601 27.801C31.096 98.617 6.78 83.589 6.78 60.484c0-23.106 24.316-38.135 44.983-27.801Z\" />\r\n\t\t\t\t\t\"\r\n\t\t\t\t\t\t\t\t\t rx=\"11\"\r\n\t\t\t\t\t\t\t\t\t ry=\"11\" />\r\n\t\t\t\t\r\n\t\t\t\t<% } %>\r\n\t\t\t
\r\n\t\t
\r\n\t\r\n\r\n\t
\r\n\r\n\t\t
\r\n\t\t\t
\r\n\r\n\t\t\t<% if (desktop && parseInt(img_show_desk)) { %>\r\n\t\t\t\"\r\n\t\t\t\t\t alt=\"\"\r\n\t\t\t\t\t class=\"popmechanic-image\">\r\n\t\t\t<% } %>\r\n\t\t\t<% if (!desktop && parseInt(img_show_mob)) { %>\r\n\t\t\t\"\r\n\t\t\t\t\t alt=\"\"\r\n\t\t\t\t\t class=\"popmechanic-image\">\r\n\t\t\t<% } %>\r\n\r\n\t\t\t<% if (parseInt(title_show)) { %>\r\n\t\t\t
<%= title %>
\r\n\t\t\t<% } %>\r\n\r\n\t\t\t<% if (parseInt(subtitle_show)) { %>\r\n\t\t\t
<%= subtitle %>
\r\n\t\t\t<% } %>\r\n\r\n\t\t\t
\r\n\t\t\t\t
\r\n\t\t\t\t\t<%\r\n\t\t\t\t\t\tfor (var i = 0; i < fields_list.length; i++) {\r\n\t\t\t\t\t\t\tvar field = fields_list[i];\r\n\t\t\t\t\t\t\tvar required = \"data-popmechanic-\" + (field.required ? \"required\" : \"unrequired\");\r\n\t\t\t\t\t\t\tif (!field) continue;\r\n\t\t\t\t\t\t\t\tswitch (field.type) {\r\n\t\t\t\t\t\t\tcase \"text\":\r\n\t\t\t\t\t%>\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\t\"\r\n\t\t\t\t\t\t\t\t\t placeholder=\"<%= field.placeholder %>\"\r\n\t\t\t\t\t\t\t\t\t <%= required %>>\r\n\t\t\t\t\t\t<% if (field.show_error_message && field.required) { %>\r\n\t\t\t\t\t\t
<%= field.error_message_text %>
\r\n\t\t\t\t\t\t<% } %>\r\n\t\t\t\t\t
\r\n\t\t\t\t\t<%\r\n\t\t\t\t\t\t\tbreak;\r\n\t\t\t\t\t\tcase \"name\":\r\n\t\t\t\t\t\tcase \"phone\":\r\n\t\t\t\t\t%>\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\t\"\r\n\t\t\t\t\t\t\t\t\t placeholder=\"<%= field.placeholder %>\"\r\n\t\t\t\t\t\t\t\t\t <%= required %>>\r\n\t\t\t\t\t\t<% if (field.show_error_message && field.required) { %>\r\n\t\t\t\t\t\t
<%= field.error_message_text %>
\r\n\t\t\t\t\t\t<% } %>\r\n\t\t\t\t\t
\r\n\t\t\t\t\t<%\r\n\t\t\t\t\t\t\tbreak;\r\n\t\t\t\t\t\tcase \"email\":\r\n\t\t\t\t\t%>\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\t\"\r\n\t\t\t\t\t\t\t\t\t placeholder=\"<%= field.placeholder %>\"\r\n\t\t\t\t\t\t\t\t\t <%= required %>>\r\n\t\t\t\t\t\t<% if (field.show_error_message && field.required) { %>\r\n\t\t\t\t\t\t
<%= field.error_message_text %>
\r\n\t\t\t\t\t\t<% } %>\r\n\t\t\t\t\t
\r\n\t\t\t\t\t<%\r\n\t\t\t\t\t\t\tbreak;\r\n\t\t\t\t\t\tcase \"number\":\r\n\t\t\t\t\t%>\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\t\"\r\n\t\t\t\t\t\t\t\t\t placeholder=\"<%= field.placeholder %>\"\r\n\t\t\t\t\t\t\t\t\t <%= required %>>\r\n\t\t\t\t\t\t<% if (field.show_error_message && field.required) { %>\r\n\t\t\t\t\t\t
<%= field.error_message_text %>
\r\n\t\t\t\t\t\t<% } %>\r\n\t\t\t\t\t
\r\n\t\t\t\t\t<%\r\n\t\t\t\t\t\t\tbreak;\r\n\t\t\t\t\t\tcase \"date\":\r\n\t\t\t\t\t%>\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\t\"\r\n\t\t\t\t\t\t\t\t\t placeholder=\"<%= field.placeholder %>\"\r\n\t\t\t\t\t\t\t\t\t <%= required %>>\r\n\t\t\t\t\t\t<% if (field.show_error_message && field.required) { %>\r\n\t\t\t\t\t\t
<%= field.error_message_text %>
\r\n\t\t\t\t\t\t<% } %>\r\n\t\t\t\t\t
\r\n\t\t\t\t\t<%\r\n\t\t\t\t\t\t\tbreak;\r\n\t\t\t\t\t\tcase \"select\":\r\n\t\t\t\t\t%>\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\r\n\t\t\t\t\t\t<% if (field.show_error_message && field.required) { %>\r\n\t\t\t\t\t\t
<%= field.error_message_text %>
\r\n\t\t\t\t\t\t<% } %>\r\n\t\t\t\t\t
\r\n\t\t\t\t\t<%\r\n\t\t\t\t\t\tbreak;\r\n\t\t\t\t\t\tcase \"checkbox\":\r\n\t\t\t\t\t%>\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t<%\r\n\t\t\t\t\t\t\t\t\tprint(field.label);\r\n\t\t\t\t\t\t\t\t\tif (field.params.show_link) {\r\n\t\t\t\t\t\t\t\t%>\r\n\t\t\t\t\t\t\t\t\"\r\n\t\t\t\t\t\t\t\t\t class=\"popmechanic-checkbox__link\"\r\n\t\t\t\t\t\t\t\t\t target=\"_blank\"><%= field.params.link_text %> <%= field.params.text_after_link %>\r\n\t\t\t\t\t\t\t\t<% } %>\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t
\r\n\t\t\t\t\t<%\r\n\t\t\t\t\t\tbreak;\r\n\t\t\t\t\t\tcase \"submit\":\r\n\t\t\t\t\t%>\r\n\t\t\t\t\t\r\n\t\t\t\t\t<%\r\n\t\t\t\t\t\tif (field.params.submits_count === 1) {\r\n\t\t\t\t\t\tif (parseInt(display_btn_before_filling, 10)) {\r\n\t\t\t\t\t%>\r\n\t\t\t\t\t\r\n\t\t\t\t\t<% } %>\r\n\t\t\t\t\t\r\n\t\t\t\t\t<% } else {\r\n\t\t\t\t\t\tif (parseInt(display_btn_before_filling, 10)) {\r\n\t\t\t\t\t%>\r\n\r\n\t\t\t\t\t
)\">\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t
\r\n\t\t\t\t\t<% } %>\r\n\r\n\t\t\t\t\t
\">\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t
\r\n\t\t\t\t\t<%\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\tbreak;\r\n\t\t\t\t\t\tdefault:\r\n\t\t\t\t\t}\r\n\t\t\t\t\t} %>\r\n\t\t\t\t
\r\n\r\n\t\t\t\t\r\n\t\t\t
\r\n\t\t
\r\n\t
\r\n\r\n\t
\r\n\t\t
\r\n\t\t\t
\r\n\r\n\t\t\t<% if (desktop && parseInt(tnx_img_show_desk)) { %>\r\n\t\t\t\"\r\n\t\t\t\t\t alt=\"\"\r\n\t\t\t\t\t class=\"popmechanic-image\">\r\n\t\t\t<% } %>\r\n\t\t\t<% if (!desktop && parseInt(tnx_img_show_mob)) { %>\r\n\t\t\t\"\r\n\t\t\t\t\t alt=\"\"\r\n\t\t\t\t\t class=\"popmechanic-image\">\r\n\t\t\t<% } %>\r\n\r\n\t\t\t<% if (parseInt(tnx_title_show)) { %>\r\n\t\t\t
<%= tnx_title %>
\r\n\t\t\t<% } %>\r\n\r\n\t\t\t<% if (parseInt(tnx_subtitle_show)) { %>\r\n\t\t\t
<%= tnx_subtitle %>
\r\n\t\t\t<% } %>\r\n\r\n\t\t\t<% if (parseInt(tnx_btn_show)) { %>\r\n\t\t\t<% if (tnx_btn_action === \"link\") { %>\r\n\t\t\t\"\r\n\t\t\t\t data-popmechanic-close\r\n\t\t\t\t <%= parseInt(tnx_btn_blank) ? 'target=\"_blank\"' : '' %>>\r\n\t\t\t\t<%= tnx_btn_text %>\r\n\t\t\t\r\n\t\t\t<% } else { %>\r\n\t\t\t\r\n\t\t\t<% } %>\r\n\t\t\t<% } %>\r\n\t\t
\r\n\t
\r\n", "css": "<% if (!parseInt(font_custom_show)) { %>\r\n\t@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;600;700;800&display=swap');\r\n<% } %>\r\n\r\n<%\r\n\tfunction hexToRgb(hex) {\r\n\t\treturn hex.replace(/^#?([a-f\\d])([a-f\\d])([a-f\\d])$/i, function (m, r, g, b) {\r\n\t\t\treturn \"#\".concat(r).concat(r).concat(g).concat(g).concat(b).concat(b);\r\n\t\t}).substring(1).match(/.{2}/g).map(function (x) {\r\n\t\t\treturn parseInt(x, 16);\r\n\t\t});\r\n\t};\r\n\r\n\tfunction setArrowDirection(side) {\r\n\t\treturn {\r\n\t\t\t'left': '180',\r\n\t\t\t'right': '0',\r\n\t\t\t'top': '270',\r\n\t\t\t'bottom': '90'\r\n\t\t}[side];\r\n\t}\r\n\r\n\tvar error_message_lh = 1.5;\r\n\tvar circle_positioning_desk = 'left';\r\n\tvar circle_positioning_mob = 'top';\r\n\tvar arrow_direction_desk = 'right';\r\n\tvar arrow_direction_mob = 'bottom';\r\n%>\r\n\r\n.popmechanic-reset,\r\n.popmechanic-reset * {\r\n\tbox-sizing: border-box;\r\n\tfont-size: 16px;\r\n\tline-height: normal;\r\n}\r\n.popmechanic-reset::before,\r\n.popmechanic-reset::after,\r\n.popmechanic-reset *::before,\r\n.popmechanic-reset *::after {\r\n\tbox-sizing: border-box;\r\n}\r\n/* FOCUS */\r\n.popmechanic-reset *:focus,\r\n.popmechanic-reset *:focus + .popmechanic-checkbox__check {\r\n\toutline: none;\r\n\tborder: 2px solid rgba(30, 144, 255, 0.5) !important;\r\n}\r\n.popmechanic-reset A,\r\n.popmechanic-reset * A {\r\n\tcolor: inherit;\r\n\tfont-size: inherit;\r\n}\r\n.popmechanic-reset INPUT,\r\n.popmechanic-reset BUTTON,\r\n.popmechanic-reset * INPUT,\r\n.popmechanic-reset * BUTTON {\r\n\tdisplay: block;\r\n\tmax-width: 100%;\r\n\tpadding: 0;\r\n\tborder: 0;\r\n\tborder-radius: 0;\r\n\tbackground: none;\r\n\tword-break: break-word;\r\n\toverflow-wrap: break-word;\r\n\tfont-family: inherit;\r\n\tfont-size: inherit;\r\n\t-webkit-appearance: none;\r\n\t\t\t\t\tappearance: none;\r\n}\r\n.popmechanic-reset INPUT::placeholder,\r\n.popmechanic-reset * INPUT::placeholder {\r\n\tfont-style: normal;\r\n\topacity: 1;\r\n}\r\n.popmechanic-reset BUTTON,\r\n.popmechanic-reset * BUTTON {\r\n\theight: auto;\r\n\tcursor: pointer;\r\n}\r\n.popmechanic-input-hidden {\r\n\tposition: absolute;\r\n\ttop: 0;\r\n\tleft: 0;\r\n\twidth: 0;\r\n\theight: 0;\r\n\topacity: 0;\r\n}\r\n.popmechanic-reset SVG {\r\n\tdisplay: block;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\tmax-width: 100%;\r\n\tmax-height: 100%;\r\n}\r\n#popmechanic-form {\r\n\tposition: relative;\r\n\tdisplay: inline-block;\r\n\tvertical-align: middle;\r\n\t<% if (parseInt(font_custom_show)) { %>\r\n\t\tfont-family: <%= font_custom %>;\r\n\t<% } else { %>\r\n\t\tfont-family: <%= font_family %>;\r\n\t<% } %>\r\n}\r\n#popmechanic-form .popmechanic-main,\r\n#popmechanic-form .popmechanic-thankyou {\r\n\tdisplay: flex;\r\n\tposition: relative;\r\n}\r\n#popmechanic-form .popmechanic-circle-container {\r\n\tposition: absolute;\r\n\tz-index: 2;\r\n\tdisplay: flex;\r\n\tjustify-content: flex-start;\r\n\talign-items: center;\r\n\toverflow: hidden;\r\n\t<% if (parseInt(circle_shadow_show)) { %>\r\n\t\tfilter:\r\n\t\t\tdrop-shadow(<%= circle_shadow_offset_x %>px <%= circle_shadow_offset_y %>px <%= circle_shadow_blur %>px rgba(<%= hexToRgb(circle_shadow_color) %>, <%= circle_shadow_transparency %>));\r\n\t<% } %>\r\n}\r\n#popmechanic-form .popmechanic-circle {\r\n\tdisplay: flex;\r\n\tflex-shrink: 0;\r\n\tborder: 0 solid <%= circle_border_color %>;\r\n\tborder-radius: 50%;\r\n\toverflow: hidden;\r\n\ttransition: transform 3s;\r\n}\r\n#popmechanic-form .popmechanic-circle-inner {\r\n\tposition: relative;\r\n\tdisplay: block;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\t<% if (parseInt(circle_bg_img_show)) { %>\r\n\t\tbackground-image: url(<%= circle_bg_img_src %>);\r\n\t\tbackground-position: center;\r\n\t\tbackground-repeat: no-repeat;\r\n\t\tbackground-size: cover;\r\n\t<% } %>\r\n}\r\n<% if (parseInt(circle_bg_img_show)) { %>\r\n\t#popmechanic-form .popmechanic-circle-inner * {\r\n\t\topacity: 0;\r\n\t}\r\n<% } %>\r\n#popmechanic-form .popmechanic-circle-backdrop {\r\n\tposition: absolute;\r\n}\r\n#popmechanic-form .popmechanic-arrow-wrapper {\r\n\tposition: absolute;\r\n\tz-index: 3;\r\n}\r\n#popmechanic-form .popmechanic-arrow {\r\n\tposition: absolute;\r\n\tz-index: 3;\r\n\theight: auto;\r\n}\r\n#popmechanic-form .popmechanic-arrow-shadow {\r\n\t--arrow_shadow_offset_x: <%= arrow_shadow_offset_x %>px;\r\n\t--arrow_shadow_offset_y: <%= arrow_shadow_offset_y %>px;\r\n\t<% if (parseInt(arrow_shadow_show)) { %>\r\n\t\tfilter: drop-shadow(var(--arrow_shadow_offset_x) var(--arrow_shadow_offset_y) <%= arrow_shadow_blur %>px rgba(<%= hexToRgb(arrow_shadow_color) %>, <%= arrow_shadow_transparency %>));\r\n\t<% } %>\r\n}\r\n#popmechanic-form .popmechanic-arrow-top .popmechanic-arrow-shadow,\r\n#popmechanic-form .popmechanic-arrow-bottom .popmechanic-arrow-shadow {\r\n\t--arrow_shadow_offset_x: <%= arrow_shadow_offset_y %>px;\r\n\t--arrow_shadow_offset_y: <%= arrow_shadow_offset_x %>px;\r\n}\r\n#popmechanic-form .popmechanic-arrow img {\r\n\tdisplay: block;\r\n\twidth: 100%;\r\n\theight: auto;\r\n\tmax-width: 100%;\r\n\tmax-height: 100%;\r\n}\r\n#popmechanic-form .popmechanic-sector {\r\n\tposition: absolute;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\tpointer-events: none;\r\n}\r\n#popmechanic-form .popmechanic-sector-text {\r\n\tposition: absolute;\r\n\ttop: 50%;\r\n\tright: 0;\r\n\ttransform: translateY(-50%);\r\n\twidth: 50%;\r\n\theight: auto;\r\n\tpointer-events: all;\r\n}\r\n#popmechanic-form .popmechanic-sector-text_big {\r\n\tdisplay: block;\r\n\tline-height: 1;\r\n\tfont-weight: <%= sector_text_fw %>;\r\n}\r\n#popmechanic-form .popmechanic-circle-texts {\r\n\tpadding: 0;\r\n\tmargin: 0;\r\n\tlist-style-type: none;\r\n white-space: unset;\r\n}\r\n#popmechanic-form .popmechanic-content {\r\n\tposition: relative;\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n\tjustify-content: center;\r\n\tbackground-color: rgba(<%= hexToRgb(bg_color) %>, <%= bg_transparency %>);\r\n\tborder-radius: <%= border_radius %>px;\r\n\tborder: 0 solid <%= border_color %>;\r\n\t<% if (parseInt(bg_img_show)) { %>\r\n\t\tbackground-image: url(<%= bg_img_src %>);\r\n\t\tbackground-size: cover;\r\n\t\tbackground-position: center;\r\n\t\tbackground-repeat: no-repeat;\r\n\t<% } %>\r\n\t<% if (parseInt(shadow_show)) { %>\r\n\t\tbox-shadow: <%= shadow_offset_x %>px <%= shadow_offset_y %>px <%= shadow_blur %>px <%= shadow_spread %>px rgba(<%= hexToRgb(shadow_color) %>, <%= shadow_transparency %>);\r\n\t<% } %>\r\n}\r\n#popmechanic-form .popmechanic-image {\r\n\tdisplay: block;\r\n\twidth: 100%;\r\n\tmax-width: 100%;\r\n\theight: auto;\r\n\tmax-height: 100%;\r\n\tobject-fit: cover;\r\n}\r\n#popmechanic-form .popmechanic-title {\r\n\tcolor: <%= title_color %>;\r\n\tfont-weight: <%= title_fw %>;\r\n\tline-height: <%= title_lh %>;\r\n}\r\n#popmechanic-form .popmechanic-subtitle {\r\n\tcolor: <%= subtitle_color %>;\r\n\tfont-weight: <%= subtitle_fw %>;\r\n\tline-height: <%= subtitle_lh %>;\r\n}\r\n#popmechanic-form .popmechanic-inputs,\r\n#popmechanic-form .popmechanic-field {\r\n\twidth: 100%;\r\n\tmax-width: 100%;\r\n}\r\n#popmechanic-form .popmechanic-inputs-wrapper {\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n}\r\n#popmechanic-form .popmechanic-error-message {\r\n\tdisplay: none;\r\n\tmax-width: 100%;\r\n\toverflow: hidden;\r\n\tcolor: <%= input_error_color %>;\r\n\tfont-size: smaller;\r\n\tline-height: <%= error_message_lh %>;\r\n}\r\n#popmechanic-form .popmechanic-input {\r\n\tborder: <%= input_border_width %>px solid <%= input_border_color %>;\r\n\tborder-radius: <%= input_border_radius %>px;\r\n\tbackground-color: <%= input_bg_color %>;\r\n\tcolor: <%= input_text_color %>;\r\n\tfont-size: inherit;\r\n\tfont-weight: <%= input_fw %>;\r\n\tline-height: 1;\r\n\ttransition: border-color 0.3s ease-in-out;\r\n}\r\n#popmechanic-form .popmechanic-input:hover {\r\n\tborder-color: <%= input_border_color_hov %>;\r\n}\r\n#popmechanic-form .popmechanic-input::placeholder,\r\n#popmechanic-form .popmechanic-input[data-popmechanic-placeholder] {\r\n\tcolor: <%= input_placeholder_color %>;\r\n}\r\n#popmechanic-form .popmechanic-placeholder[data-popmechanic-placeholder],\r\n#popmechanic-form .popmechanic-input[data-popmechanic-placeholder] option {\r\n\tcolor: <%= input_text_color %>;\r\n}\r\n#popmechanic-form .popmechanic-input:focus::placeholder {\r\n\topacity: 0;\r\n}\r\n#popmechanic-form .popmechanic-hidden {\r\n\tdisplay: none;\r\n}\r\n#popmechanic-form .popmechanic-submit {\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\tborder: <%= btn_border_width %>px solid <%= btn_border_color %>;\r\n\tborder-radius: <%= btn_border_radius %>px;\r\n\toutline: none;\r\n\tcolor: <%= btn_text_color %>;\r\n\tbackground-color: <%= btn_bg_color %>;\r\n\tfont-weight: <%= btn_fw %>;\r\n\tline-height: 1;\r\n\ttext-decoration: none;\r\n\ttext-align: center;\r\n\ttransition: all 0.3s ease-in-out;\r\n\toverflow: hidden;\r\n\tcursor: pointer;\r\n}\r\n#popmechanic-form .popmechanic-submit:hover {\r\n\tbackground-color: <%= btn_bg_color_hov %>;\r\n\tcolor: <%= btn_text_color_hov %>;\r\n\tborder-color: <%= btn_border_color_hov %>;\r\n}\r\n#popmechanic-form .popmechanic-submit:disabled {\r\n\topacity: 0.8;\r\n\tpointer-events: none;\r\n}\r\n#popmechanic-form .popmechanic-buttons-wrapper {\r\n\twidth: 100%;\r\n}\r\n#popmechanic-form .popmechanic-buttons {\r\n\twidth: 100%;\r\n\tdisplay: flex;\r\n}\r\n#popmechanic-form .popmechanic-thankyou {\r\n\tdisplay: none;\r\n}\r\n.popmechanic-success #popmechanic-form .popmechanic-main {\r\n\tdisplay: none;\r\n}\r\n.popmechanic-success #popmechanic-form .popmechanic-thankyou {\r\n\tdisplay: flex;\r\n}\r\n\r\n/* CHECKBOX */\r\n#popmechanic-form .popmechanic-checkbox {\r\n\t--mb-checkbox-size: <%= checkbox_size %>px;\r\n\tposition: relative;\r\n\tdisplay: flex;\r\n\talign-items: flex-start;\r\n\tgap: calc(var(--mb-checkbox-size, 20px) / 2);\r\n\tmargin-bottom: <%= checkbox_margin_bottom %>px;\r\n\tuser-select: none;\r\n\t<% for (var f = 0; f < fields_list.length; f++) { %>\r\n\t\t<% if (fields_list[f].type === 'checkbox' && fields_list[f].show_error_message && parseInt(checkbox_show) ) { %>\r\n\t\t\tpadding-bottom: <%= +checkbox_fs * +error_message_lh %>px;\r\n\t\t<% } %>\r\n\t<% } %>\r\n}\r\n#popmechanic-form .popmechanic-checkbox__text {\r\n\tcolor: <%= checkbox_text_color %>;\r\n\tfont-size: <%= checkbox_fs %>px;\r\n\tline-height: 1.3;\r\n}\r\n#popmechanic-form .popmechanic-checkbox__link {\r\n\ttext-decoration: <%= parseInt(checkbox_link_underline) ? \"underline\" : \"none\" %>;\r\n}\r\n<% if (parseInt(checkbox_show)) { %>\r\n\t#popmechanic-form .popmechanic-checkbox__check {\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: center;\r\n\t\talign-items: center;\r\n\t\tflex-shrink: 0;\r\n\t\twidth: var(--mb-checkbox-size, 20px);\r\n\t\theight: var(--mb-checkbox-size, 20px);\r\n\t\tborder: <%= checkbox_border_width %>px solid <%= checkbox_border_color %>;\r\n\t\tborder-radius: <%= checkbox_border_radius %>px;\r\n\t\tbackground-color: <%= checkbox_bg_color %>;\r\n\t\tcursor: pointer;\r\n\t}\r\n\t#popmechanic-form .popmechanic-checkbox__check svg {\r\n\t\twidth: calc(100% - (<%= checkbox_padding %>px * 2));\r\n\t\theight: auto;\r\n\t\tcolor: <%= checkbox_tick_color %>;\r\n\t\topacity: 0;\r\n\t\ttransition: opacity 0.3s ease-in-out;\r\n\t}\r\n\t#popmechanic-form .popmechanic-checkbox__input:checked + .popmechanic-checkbox__check svg {\r\n\t\topacity: 1;\r\n\t}\r\n\t#popmechanic-form .popmechanic-invalid:not(:focus) + .popmechanic-checkbox__check {\r\n\t\tborder: <%= parseInt(checkbox_border_width) ? checkbox_border_width : 1 %>px solid <%= input_error_color %>;\r\n\t}\r\n\t#popmechanic-form .popmechanic-checkbox__label .popmechanic-error-message {\r\n\t\tposition: absolute;\r\n\t\tbottom: 0;\r\n\t\tleft: 0;\r\n\t\twidth: 100%;\r\n\t\tmax-width: 100%;\r\n\t\theight: 100%;\r\n\t\tmax-height: <%= +checkbox_fs * +error_message_lh %>px;\r\n\t\toverflow: hidden;\r\n\t\tfont-size: <%= checkbox_fs %>px;\r\n\t}\r\n<% } else { %>\r\n\t#popmechanic-form .popmechanic-checkbox__label {\r\n\t\tdisplay: none;\r\n\t}\r\n<% } %>\r\n\r\n/* CLOSE */\r\n#popmechanic-form .popmechanic-close {\r\n\tposition: absolute;\r\n\ttop: var(--close_position_y, 10px);\r\n\tz-index: 40;\r\n\twidth: var(--close_size, 24px);\r\n\theight: var(--close_size, 24px);\r\n\tborder-radius: <%= close_border_radius %>px;\r\n\tcursor: pointer;\r\n\t<% if (circle_positioning_desk === \"right\") { %>\r\n\t\tleft: var(--close_position_x, 10px);\r\n\t<% } else { %>\r\n\t\tright: var(--close_position_x, 10px);\r\n\t<% } %>\r\n\t<% if (parseInt(close_bg_show)) { %>\r\n\t\tbackground-color: rgba(<%= hexToRgb(close_bg_color) %>, <%= close_bg_transparency %>);\r\n\t<% } else { %>\r\n\t\tbackground-color: rgba(255, 255, 255, 0);\r\n\t<% } %>\r\n}\r\n#popmechanic-form .popmechanic-close::before,\r\n#popmechanic-form .popmechanic-close::after {\r\n\t--translate: translate(-50%, -50%);\r\n\tcontent: \"\";\r\n\tposition: absolute;\r\n\ttop: 50%;\r\n\tleft: 50%;\r\n\twidth: calc(100% - (<%= close_padding %>px * 2));\r\n\theight: 2px;\r\n\tbackground-color: <%= close_color %>;\r\n\ttransform: var(--translate) rotate(45deg);\r\n}\r\n#popmechanic-form .popmechanic-close::after {\r\n\ttransform: var(--translate) rotate(135deg);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-close {\r\n\t--close_size: <%= close_size_desk %>px;\r\n\t--close_position_y: <%= close_position_y_desk %>px;\r\n\t--close_position_x: <%= close_position_x_desk %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-close,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-close {\r\n\t--close_size: <%= close_size_mob %>px;\r\n\t--close_position_y: <%= close_position_y_mob %>px;\r\n\t--close_position_x: <%= close_position_x_mob %>px;\r\n}\r\n\r\n/* DESKTOP */\r\n.popmechanic-desktop #popmechanic-form .popmechanic-main,\r\n.popmechanic-desktop #popmechanic-form .popmechanic-thankyou {\r\n\t<% if (circle_positioning_desk === \"left\" || circle_positioning_desk === \"right\") { %>\r\n\t\tjustify-content: <%= (circle_positioning_desk === \"left\") ? \"flex-end\" : \"flex-start\" %>;\r\n\t\twidth: <%= parseInt(show_half_desk) ? width_desk : (+width_desk + +circle_radius_desk) %>px;\r\n\r\n\t<% } else if (circle_positioning_desk === \"top\" || circle_positioning_desk === \"bottom\") { %>\r\n\t\twidth: <%= width_desk %>px;\r\n\t\tpadding-<%= circle_positioning_desk %>: <%= parseInt(show_half_desk) ? 0 : circle_radius_desk %>px;\r\n\t<% } %>\r\n}\r\n<% if (parseInt(show_half_desk)) { %>\r\n\t.popmechanic-desktop #popmechanic-form .popmechanic-circle-container-left,\r\n\t.popmechanic-desktop #popmechanic-form .popmechanic-circle-container-right {\r\n\t\twidth: <%= circle_radius_desk %>px;\r\n\t\tjustify-content: <%= (circle_positioning_desk === \"left\") ? \"flex-end\" : \"flex-start\" %>;\r\n\t}\r\n\t.popmechanic-desktop #popmechanic-form .popmechanic-circle-container-top,\r\n\t.popmechanic-desktop #popmechanic-form .popmechanic-circle-container-bottom {\r\n\t\theight: <%= circle_radius_desk %>px;\r\n\t\talign-items: <%= (circle_positioning_desk === \"top\") ? \"flex-end\" : \"flex-start\" %>;\r\n\t}\r\n<% } %>\r\n.popmechanic-desktop #popmechanic-form .popmechanic-circle-inner {\r\n\t<% if (arrow_positioning_desk === \"left\") { %>\r\n\t\ttransform: rotate(180deg);\r\n\t<% } else if (arrow_positioning_desk === \"right\") { %>\r\n\t\ttransform: rotate(0deg);\r\n\t<% } else if (arrow_positioning_desk === \"top\") { %>\r\n\t\ttransform: rotate(270deg);\r\n\t<% } else if (arrow_positioning_desk === \"bottom\") { %>\r\n\t\ttransform: rotate(90deg);\r\n\t<% } else { %>\r\n\t\t<% if (arrow_direction_desk === \"left\") { %>\r\n\t\t\ttransform: rotate(180deg);\r\n\t\t<% } else if (arrow_direction_desk === \"top\") { %>\r\n\t\t\ttransform: rotate(270deg);\r\n\t\t<% } else if (arrow_direction_desk === \"bottom\") { %>\r\n\t\t\ttransform: rotate(90deg);\r\n\t\t<% } %>\r\n\t<% } %>\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-circle {\r\n\twidth: <%= +circle_radius_desk * 2 %>px;\r\n\theight: <%= +circle_radius_desk * 2 %>px;\r\n\tborder-width: <%= parseInt(circle_bg_img_show) ? 0 : circle_border_width_desk %>px;\r\n}\r\n\r\n/* ARROW DESKTOP */\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-wrapper {\r\n\twidth: <%= +circle_radius_desk * 2 %>px;\r\n\theight: <%= +circle_radius_desk * 2 %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-wrapper-left,\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-wrapper-right {\r\n\ttop: 50%;\r\n\t<%= circle_positioning_desk %>: 0;\r\n\ttransform: translateY(-50%);\r\n\t<% if (parseInt(show_half_desk)) { %>\r\n\t\twidth: <%= circle_radius_desk %>px;\r\n\t<% } %>\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-wrapper-top,\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-wrapper-bottom {\r\n\t<%= circle_positioning_desk %>: 0;\r\n\tleft: 50%;\r\n\ttransform: translateX(-50%);\r\n\t<% if (parseInt(show_half_desk)) { %>\r\n\t\theight: <%= circle_radius_desk %>px;\r\n\t<% } %>\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow {\r\n\twidth: <%= arrow_size_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-wrapper-left .popmechanic-arrow-left {\r\n\ttop: 50%;\r\n\tleft: 0;\r\n\ttransform: translate(<%= +arrow_shift_desk + (parseInt(show_half_desk) ? -(+arrow_offset) : 0) %>%, -50%);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-wrapper-left .popmechanic-arrow-right {\r\n\ttop: 50%;\r\n\tright: 0;\r\n\ttransform: translate(<%= -(+arrow_shift_desk) + 0 %>%, -50%) rotate(180deg);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-wrapper-left .popmechanic-arrow-top {\r\n\ttop: 0;\r\n\tleft: <%= parseInt(show_half_desk) ? \"0\" : \"50%\" %>;\r\n\ttransform: translate(-50%, <%= +arrow_shift_desk + 0 %>%) rotate(90deg);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-wrapper-left .popmechanic-arrow-bottom {\r\n\tbottom: 0;\r\n\tleft: <%= parseInt(show_half_desk) ? \"0\" : \"50%\" %>;\r\n\ttransform: translate(-50%, <%= -(+arrow_shift_desk) + 0 %>%) rotate(270deg);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-wrapper-left .popmechanic-arrow-center {\r\n\ttop: 50%;\r\n\tleft: <%= parseInt(show_half_desk) ? \"0\" : \"50%\" %>;\r\n\ttransform-origin: <%= arrow_offset %>% center;\r\n\ttransform: translate(<%= -arrow_offset %>%, -50%) rotate(<%= setArrowDirection(arrow_direction_desk) %>deg);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-wrapper-right .popmechanic-arrow-left {\r\n\ttop: 50%;\r\n\tleft: 0;\r\n\ttransform: translate(<%= +arrow_shift_desk + 0 %>%, -50%);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-wrapper-right .popmechanic-arrow-right {\r\n\ttop: 50%;\r\n\tright: 0;\r\n\ttransform: translate(<%= -(+arrow_shift_desk) + (parseInt(show_half_desk) ? +arrow_offset : 0) %>%, -50%) rotate(180deg);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-wrapper-right .popmechanic-arrow-top {\r\n\ttop: 0;\r\n\tright: <%= parseInt(show_half_desk) ? \"0\" : \"50%\" %>;\r\n\ttransform: translate(50%, <%= +arrow_shift_desk + 0 %>%) rotate(90deg);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-wrapper-right .popmechanic-arrow-bottom {\r\n\tbottom: 0;\r\n\tright: <%= parseInt(show_half_desk) ? \"0\" : \"50%\" %>;\r\n\ttransform: translate(50%, <%= -(+arrow_shift_desk) + 0 %>%) rotate(270deg);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-wrapper-right .popmechanic-arrow-center {\r\n\ttop: 50%;\r\n\tleft: <%= parseInt(show_half_desk) ? \"100%\" : \"50%\" %>;\r\n\ttransform-origin: <%= arrow_offset %>% center;\r\n\ttransform: translate(<%= -arrow_offset %>%, -50%) rotate(<%= setArrowDirection(arrow_direction_desk) %>deg);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-wrapper-top .popmechanic-arrow-left {\r\n\ttop: <%= parseInt(show_half_desk) ? \"0\" : \"50%\" %>;\r\n\tleft: 0;\r\n\ttransform: translate(<%= +arrow_shift_desk + 0 %>%, -50%);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-wrapper-top .popmechanic-arrow-right {\r\n\ttop: <%= parseInt(show_half_desk) ? \"0\" : \"50%\" %>;\r\n\tright: 0;\r\n\ttransform: translate(<%= -(+arrow_shift_desk) + 0 %>%, -50%) rotate(180deg);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-wrapper-top .popmechanic-arrow-top {\r\n\ttop: 0;\r\n\tleft: 50%;\r\n\ttransform: translate(-50%, <%= +arrow_shift_desk + (parseInt(show_half_desk) ? -(+arrow_offset) : 0) %>%) rotate(90deg);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-wrapper-top .popmechanic-arrow-bottom {\r\n\tbottom: 0;\r\n\tleft: 50%;\r\n\ttransform: translate(-50%, <%= -(+arrow_shift_desk) + 0 %>%) rotate(270deg);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-wrapper-top .popmechanic-arrow-center {\r\n\ttop: <%= parseInt(show_half_desk) ? \"0\" : \"50%\" %>;\r\n\tleft: 50%;\r\n\ttransform-origin: <%= arrow_offset %>% center;\r\n\ttransform: translate(<%= -arrow_offset %>%, -50%) rotate(<%= setArrowDirection(arrow_direction_desk) %>deg);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-wrapper-bottom .popmechanic-arrow-left {\r\n\tbottom: <%= parseInt(show_half_desk) ? \"0\" : \"50%\" %>;\r\n\tleft: 0;\r\n\ttransform: translate(<%= +arrow_shift_desk + 0 %>%, 50%);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-wrapper-bottom .popmechanic-arrow-right {\r\n\tbottom: <%= parseInt(show_half_desk) ? \"0\" : \"50%\" %>;\r\n\tright: 0;\r\n\ttransform: translate(<%= -(+arrow_shift_desk) + 0 %>%, 50%) rotate(180deg);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-wrapper-bottom .popmechanic-arrow-top {\r\n\ttop: 0;\r\n\tleft: 50%;\r\n\ttransform: translate(-50%, <%= +arrow_shift_desk + 0 %>%) rotate(90deg);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-wrapper-bottom .popmechanic-arrow-bottom {\r\n\tbottom: 0;\r\n\tleft: 50%;\r\n\ttransform: translate(-50%, <%= -(+arrow_shift_desk) + (parseInt(show_half_desk) ? +arrow_offset : 0) %>%) rotate(270deg);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-wrapper-bottom .popmechanic-arrow-center {\r\n\tbottom: <%= parseInt(show_half_desk) ? \"0\" : \"50%\" %>;\r\n\tleft: 50%;\r\n\ttransform-origin: <%= arrow_offset %>% center;\r\n\ttransform: translate(<%= -arrow_offset %>%, 50%) rotate(<%= setArrowDirection(arrow_direction_desk) %>deg);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-center .popmechanic-arrow-shadow {\r\n\ttransform: rotate(-<%= setArrowDirection(arrow_direction_desk) %>deg);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-center .popmechanic-arrow-shadow > * {\r\n\ttransform: rotate(<%= setArrowDirection(arrow_direction_desk) %>deg);\r\n}\r\n/* ARROW DESKTOP END */\r\n\r\n.popmechanic-desktop #popmechanic-form .popmechanic-sector-text {\r\n\tpadding: 0 <%= sector_padding_x_desk %>px;\r\n\ttext-align: <%= sector_text_position_x_desk %>;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-sector-text_big {\r\n\tfont-size: <%= sector_text_fs_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-content {\r\n\tborder-width: <%= border_width_desk %>px;\r\n\tpadding: <%= padding_y_desk %>px <%= padding_x_desk %>px;\r\n\t<% if (parseInt(height_fix_desk)) { %>\r\n\t\theight: <%= height_desk %>px;\r\n\t\toverflow: hidden;\r\n\t<% } %>\r\n\r\n\t/* LEFT & RIGHT */\r\n\t<% if (circle_positioning_desk === \"left\" || circle_positioning_desk === \"right\") { %>\r\n\t\tpadding-<%= circle_positioning_desk %>: <%= +circle_radius_desk + +padding_x_desk %>px;\r\n\t\t<% if (parseInt(show_half_desk)) { %>\r\n\t\t\twidth: 100%;\r\n\t\t<% } else { %>\r\n\t\t\twidth: calc(100% - <%= circle_radius_desk %>px);\r\n\t\t<% } %>\r\n\r\n\t/* TOP & BOTTOM */\r\n\t<% } else if (circle_positioning_desk === \"top\" || circle_positioning_desk === \"bottom\") { %>\r\n\t\twidth: 100%;\r\n\t\tpadding-<%= circle_positioning_desk %>: <%= +circle_radius_desk + +padding_x_desk %>px;\r\n\t<% } %>\r\n}\r\n<% if (parseInt(img_show_desk)) { %>\r\n\t.popmechanic-desktop #popmechanic-form .popmechanic-image {\r\n\t\twidth: <%= img_width_desk %>px;\r\n\t\tmargin-bottom: <%= img_margin_bottom_desk %>px;\r\n\t\t<% if (img_position_x_desk === \"right\") { %>\r\n\t\t\tmargin-left: auto;\r\n\t\t<% } else if (img_position_x_desk === \"left\") { %>\r\n\t\t\tmargin-right: auto;\r\n\t\t<% } else { %>\r\n\t\t\tmargin-left: auto;\r\n\t\t\tmargin-right: auto;\r\n\t\t<% } %>\r\n\t}\r\n<% } %>\r\n.popmechanic-desktop #popmechanic-form .popmechanic-title {\r\n\tmargin-bottom: <%= title_margin_bottom_desk %>px;\r\n\tfont-size: <%= title_fs_desk %>px;\r\n\ttext-align: <%= title_position_x_desk %>;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-subtitle {\r\n\tmargin-bottom: <%= subtitle_margin_bottom_desk %>px;\r\n\tfont-size: <%= subtitle_fs_desk %>px;\r\n\ttext-align: <%= subtitle_position_x_desk %>;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-inputs-wrapper {\r\n\tgap: <%= input_mb_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-field {\r\n\tfont-size: <%= input_fs_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-error-message {\r\n\ttext-align: <%= input_text_position_desk %>;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-input {\r\n\twidth: <%= parseInt(input_width_fix_desk) ? input_width_desk + \"px\" : \"100%\" %>;\r\n\theight: <%= input_height_desk %>px;\r\n\tpadding: 0 <%= input_padding_x_desk %>px;\r\n\ttext-align: <%= input_text_position_desk %>;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-buttons {\r\n\tflex-direction: <%= btn_direction_desk %>;\r\n\tgap: <%= btn_gap_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-submit {\r\n\twidth: <%= parseInt(btn_width_fix_desk) ? btn_width_desk + \"px\" : \"100%\" %>;\r\n\theight: <%= btn_height_desk %>px;\r\n\tpadding: 0 <%= btn_padding_x_desk %>px;\r\n\tfont-size: <%= btn_fs_desk %>px;\r\n\t<% if (btn_direction_desk === \"row\") { %>\r\n\t\tmargin-bottom: <%= btn_margin_bottom_desk %>px;\r\n\t<% } %>\r\n\t<% if (btn_position_desk === \"right\") { %>\r\n\t\tmargin-left: auto;\r\n\t<% } else if (btn_position_desk === \"left\") { %>\r\n\t\tmargin-right: auto;\r\n\t<% } else { %>\r\n\t\tmargin-left: auto;\r\n\t\tmargin-right: auto;\r\n\t<% } %>\r\n}\r\n<% if (btn_direction_desk === \"column\") { %>\r\n\t.popmechanic-desktop #popmechanic-form .popmechanic-buttons .popmechanic-submit:last-child {\r\n\t\tmargin-bottom: <%= btn_margin_bottom_desk %>px;\r\n\t}\r\n<% } %>\r\n<% if (parseInt(tnx_img_show_desk)) { %>\r\n\t.popmechanic-desktop.popmechanic-success #popmechanic-form .popmechanic-image {\r\n\t\twidth: <%= tnx_img_width_desk %>px;\r\n\t\tmargin-bottom: <%= tnx_img_margin_bottom_desk %>px;\r\n\t\t<% if (tnx_img_position_x_desk === \"right\") { %>\r\n\t\t\tmargin-left: auto;\r\n\t\t\tmargin-right: 0;\r\n\t\t<% } else if (tnx_img_position_x_desk === \"left\") { %>\r\n\t\t\tmargin-right: auto;\r\n\t\t\tmargin-left: 0;\r\n\t\t<% } else { %>\r\n\t\t\tmargin-left: auto;\r\n\t\t\tmargin-right: auto;\r\n\t\t<% } %>\r\n\t}\r\n<% } %>\r\n\r\n/* MOBILE */\r\n.popmechanic-tablet #popmechanic-form .popmechanic-main,\r\n.popmechanic-tablet #popmechanic-form .popmechanic-thankyou,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou {\r\n\twidth: <%= width_mob %>px;\r\n\tpadding-<%= circle_positioning_mob %>: <%= parseInt(show_half_mob) ? 0 : circle_radius_mob %>px;\r\n}\r\n<% if (parseInt(show_half_mob)) { %>\r\n\t.popmechanic-tablet #popmechanic-form .popmechanic-circle-container-top,\r\n\t.popmechanic-mobile #popmechanic-form .popmechanic-circle-container-top {\r\n\t\theight: <%= circle_radius_mob %>px;\r\n\t\talign-items: flex-end;\r\n\t}\r\n\t.popmechanic-tablet #popmechanic-form .popmechanic-circle-container-bottom,\r\n\t.popmechanic-mobile #popmechanic-form .popmechanic-circle-container-bottom {\r\n\t\theight: <%= circle_radius_mob %>px;\r\n\t\talign-items: flex-start;\r\n\t}\r\n<% } %>\r\n.popmechanic-tablet #popmechanic-form .popmechanic-circle-inner,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-circle-inner {\r\n\t<% if (arrow_positioning_mob === \"left\") { %>\r\n\t\ttransform: rotate(180deg);\r\n\t<% } else if (arrow_positioning_mob === \"right\") { %>\r\n\t\ttransform: rotate(0deg);\r\n\t<% } else if (arrow_positioning_mob === \"top\") { %>\r\n\t\ttransform: rotate(270deg);\r\n\t<% } else if (arrow_positioning_mob === \"bottom\") { %>\r\n\t\ttransform: rotate(90deg);\r\n\t<% } else { %>\r\n\t\t<% if (arrow_direction_mob === \"left\") { %>\r\n\t\t\ttransform: rotate(180deg);\r\n\t\t<% } else if (arrow_direction_mob === \"top\") { %>\r\n\t\t\ttransform: rotate(270deg);\r\n\t\t<% } else if (arrow_direction_mob === \"bottom\") { %>\r\n\t\t\ttransform: rotate(90deg);\r\n\t\t<% } %>\r\n\t<% } %>\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-circle,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-circle {\r\n\twidth: <%= +circle_radius_mob * 2 %>px;\r\n\theight: <%= +circle_radius_mob * 2 %>px;\r\n\tborder-width: <%= parseInt(circle_bg_img_show) ? 0 : circle_border_width_mob %>px;\r\n}\r\n\r\n/* ARROW MOBILE */\r\n.popmechanic-tablet #popmechanic-form .popmechanic-arrow-wrapper,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-arrow-wrapper {\r\n\twidth: <%= +circle_radius_mob * 2 %>px;\r\n\theight: <%= +circle_radius_mob * 2 %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-arrow-wrapper-top,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-arrow-wrapper-top,\r\n.popmechanic-tablet #popmechanic-form .popmechanic-arrow-wrapper-bottom,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-arrow-wrapper-bottom {\r\n\t<%= circle_positioning_mob %>: 0;\r\n\tleft: 50%;\r\n\ttransform: translateX(-50%);\r\n\t<% if (parseInt(show_half_mob)) { %>\r\n\t\theight: <%= circle_radius_mob %>px;\r\n\t<% } %>\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-arrow,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-arrow {\r\n\twidth: <%= arrow_size_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-arrow-wrapper-top .popmechanic-arrow-left,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-arrow-wrapper-top .popmechanic-arrow-left {\r\n\ttop: <%= parseInt(show_half_mob) ? \"0\" : \"50%\" %>;\r\n\tleft: 0;\r\n\ttransform: translate(<%= +arrow_shift_mob + 0 %>%, -50%);\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-arrow-wrapper-top .popmechanic-arrow-right,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-arrow-wrapper-top .popmechanic-arrow-right {\r\n\ttop: <%= parseInt(show_half_mob) ? \"0\" : \"50%\" %>;\r\n\tright: 0;\r\n\ttransform: translate(<%= -(+arrow_shift_mob) + 0 %>%, -50%) rotate(180deg);\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-arrow-wrapper-top .popmechanic-arrow-top,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-arrow-wrapper-top .popmechanic-arrow-top {\r\n\ttop: 0;\r\n\tleft: 50%;\r\n\ttransform: translate(-50%, <%= +arrow_shift_mob + (parseInt(show_half_mob) ? -(+arrow_offset) : 0) %>%) rotate(90deg);\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-arrow-wrapper-top .popmechanic-arrow-bottom,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-arrow-wrapper-top .popmechanic-arrow-bottom {\r\n\tbottom: 0;\r\n\tleft: 50%;\r\n\ttransform: translate(-50%, <%= -(+arrow_shift_mob) + 0 %>%) rotate(270deg);\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-arrow-wrapper-top .popmechanic-arrow-center,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-arrow-wrapper-top .popmechanic-arrow-center {\r\n\ttop: <%= parseInt(show_half_mob) ? \"0\" : \"50%\" %>;\r\n\tleft: 50%;\r\n\ttransform-origin: <%= arrow_offset %>% center;\r\n\ttransform: translate(<%= -arrow_offset %>%, -50%) rotate(<%= setArrowDirection(arrow_direction_mob) %>deg);\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-arrow-wrapper-bottom .popmechanic-arrow-left,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-arrow-wrapper-bottom .popmechanic-arrow-left {\r\n\tbottom: <%= parseInt(show_half_mob) ? \"0\" : \"50%\" %>;\r\n\tleft: 0;\r\n\ttransform: translate(<%= +arrow_shift_mob + 0 %>%, 50%);\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-arrow-wrapper-bottom .popmechanic-arrow-right,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-arrow-wrapper-bottom .popmechanic-arrow-right {\r\n\tbottom: <%= parseInt(show_half_mob) ? \"0\" : \"50%\" %>;\r\n\tright: 0;\r\n\ttransform: translate(<%= -(+arrow_shift_mob) + 0 %>%, 50%) rotate(180deg);\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-arrow-wrapper-bottom .popmechanic-arrow-top,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-arrow-wrapper-bottom .popmechanic-arrow-top {\r\n\ttop: 0;\r\n\tleft: 50%;\r\n\ttransform: translate(-50%, <%= +arrow_shift_mob + 0 %>%) rotate(90deg);\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-arrow-wrapper-bottom .popmechanic-arrow-bottom,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-arrow-wrapper-bottom .popmechanic-arrow-bottom {\r\n\tbottom: 0;\r\n\tleft: 50%;\r\n\ttransform: translate(-50%, <%= -(+arrow_shift_mob) + (parseInt(show_half_mob) ? +arrow_offset : 0) %>%) rotate(270deg);\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-arrow-wrapper-bottom .popmechanic-arrow-center,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-arrow-wrapper-bottom .popmechanic-arrow-center {\r\n\tbottom: <%= parseInt(show_half_mob) ? \"0\" : \"50%\" %>;\r\n\tleft: 50%;\r\n\ttransform-origin: <%= arrow_offset %>% center;\r\n\ttransform: translate(<%= -arrow_offset %>%, 50%) rotate(<%= setArrowDirection(arrow_direction_mob) %>deg);\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-arrow-center .popmechanic-arrow-shadow,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-arrow-center .popmechanic-arrow-shadow {\r\n\ttransform: rotate(-<%= setArrowDirection(arrow_direction_mob) %>deg);\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-arrow-center .popmechanic-arrow-shadow > *,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-arrow-center .popmechanic-arrow-shadow > * {\r\n\ttransform: rotate(<%= setArrowDirection(arrow_direction_mob) %>deg);\r\n}\r\n/* ARROW MOBILE END */\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-sector-text,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-sector-text {\r\n\tpadding: 0 <%= sector_padding_x_mob %>px;\r\n\ttext-align: <%= sector_text_position_x_mob %>;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-sector-text_big,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-sector-text_big {\r\n\tfont-size: <%= sector_text_fs_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-content,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-content {\r\n\twidth: 100%;\r\n\tpadding: <%= padding_y_mob %>px <%= padding_x_mob %>px;\r\n\tpadding-<%= circle_positioning_mob %>: <%= +circle_radius_mob + +padding_x_mob %>px;\r\n\tborder-width: <%= border_width_mob %>px;\r\n\t<% if (parseInt(height_fix_mob)) { %>\r\n\t\theight: <%= height_mob %>px;\r\n\t\toverflow: hidden;\r\n\t<% } %>\r\n}\r\n<% if (parseInt(img_show_mob)) { %>\r\n\t.popmechanic-tablet #popmechanic-form .popmechanic-image,\r\n\t.popmechanic-mobile #popmechanic-form .popmechanic-image {\r\n\t\twidth: <%= img_width_mob %>px;\r\n\t\tmargin-bottom: <%= img_margin_bottom_mob %>px;\r\n\t\t<% if (img_position_x_mob === \"right\") { %>\r\n\t\t\tmargin-left: auto;\r\n\t\t<% } else if (img_position_x_mob === \"left\") { %>\r\n\t\t\tmargin-right: auto;\r\n\t\t<% } else { %>\r\n\t\t\tmargin-left: auto;\r\n\t\t\tmargin-right: auto;\r\n\t\t<% } %>\r\n\t}\r\n<% } %>\r\n.popmechanic-tablet #popmechanic-form .popmechanic-title,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-title {\r\n\tmargin-bottom: <%= title_margin_bottom_mob %>px;\r\n\tfont-size: <%= title_fs_mob %>px;\r\n\ttext-align: <%= title_position_x_mob %>;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-subtitle,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-subtitle {\r\n\tmargin-bottom: <%= subtitle_margin_bottom_mob %>px;\r\n\tfont-size: <%= subtitle_fs_mob %>px;\r\n\ttext-align: <%= subtitle_position_x_mob %>;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-inputs-wrapper,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-inputs-wrapper {\r\n\tgap: <%= input_mb_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-field,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-field {\r\n\tfont-size: <%= input_fs_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-error-message,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-error-message {\r\n\ttext-align: <%= input_text_position_mob %>;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-input,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-input {\r\n\twidth: <%= parseInt(input_width_fix_mob) ? input_width_mob + \"px\" : \"100%\" %>;\r\n\theight: <%= input_height_mob %>px;\r\n\tpadding: 0 <%= input_padding_x_mob %>px;\r\n\ttext-align: <%= input_text_position_mob %>;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-buttons,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-buttons {\r\n\tflex-direction: <%= btn_direction_mob %>;\r\n\tgap: <%= btn_gap_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-submit,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-submit {\r\n\twidth: <%= parseInt(btn_width_fix_mob) ? btn_width_mob + \"px\" : \"100%\" %>;\r\n\theight: <%= btn_height_mob %>px;\r\n\tpadding: 0 <%= btn_padding_x_mob %>px;\r\n\tfont-size: <%= btn_fs_mob %>px;\r\n\t<% if (btn_direction_mob === \"row\") { %>\r\n\t\tmargin-bottom: <%= btn_margin_bottom_mob %>px;\r\n\t<% } %>\r\n\t<% if (btn_position_mob === \"right\") { %>\r\n\t\tmargin-left: auto;\r\n\t<% } else if (btn_position_mob === \"left\") { %>\r\n\t\tmargin-right: auto;\r\n\t<% } else { %>\r\n\t\tmargin-left: auto;\r\n\t\tmargin-right: auto;\r\n\t<% } %>\r\n}\r\n<% if (btn_direction_mob === \"column\") { %>\r\n\t.popmechanic-tablet #popmechanic-form .popmechanic-buttons .popmechanic-submit:last-child,\r\n\t.popmechanic-mobile #popmechanic-form .popmechanic-buttons .popmechanic-submit:last-child {\r\n\t\tmargin-bottom: <%= btn_margin_bottom_mob %>px;\r\n\t}\r\n<% } %>\r\n<% if (parseInt(tnx_img_show_mob)) { %>\r\n\t.popmechanic-tablet.popmechanic-success #popmechanic-form .popmechanic-image,\r\n\t.popmechanic-mobile.popmechanic-success #popmechanic-form .popmechanic-image {\r\n\t\twidth: <%= tnx_img_width_mob %>px;\r\n\t\tmargin-bottom: <%= tnx_img_margin_bottom_mob %>px;\r\n\t\t<% if (tnx_img_position_x_mob === \"right\") { %>\r\n\t\t\tmargin-left: auto;\r\n\t\t\tmargin-right: 0;\r\n\t\t<% } else if (tnx_img_position_x_mob === \"left\") { %>\r\n\t\t\tmargin-right: auto;\r\n\t\t\tmargin-left: 0;\r\n\t\t<% } else { %>\r\n\t\t\tmargin-left: auto;\r\n\t\t\tmargin-right: auto;\r\n\t\t<% } %>\r\n\t}\r\n<% } %>\r\n#popmechanic-form .popmechanic-invalid:not(:focus) {\r\n\tz-index: 30;\r\n\tborder: 1px solid <%= input_error_color %> !important;\r\n\tcolor: <%= input_error_color %> !important;\r\n}\r\n#popmechanic-form .popmechanic-invalid:not(:focus)::placeholder {\r\n\tcolor: <%= input_error_color %>;\r\n}\r\n#popmechanic-form .popmechanic-invalid:not(:focus) ~ .popmechanic-error-message {\r\n\tdisplay: block;\r\n}", "button": "", "on_show": "window.PopMechanic = window.PopMechanic || {};\r\nPopMechanic.Rotate2418 = function () {\r\n\t\tif (PopMechanic.$(\"[data-popmechanic-input]:not([data-popmechanic-input='customs.result2418'])\").hasClass(\"popmechanic-invalid\")) return;\r\n\r\n\t\tvar counter = <%= sectors %>;\r\n\t\tvar variants = [\r\n\t\t\t\tparseInt(<%= variant1_on %>, 10) ? {\r\n\t\t\t\t\t\tvalue: '<%= variant1_value %>',\r\n\t\t\t\t\t\tprob: parseFloat('<%= variant1_prob %>', 10)\r\n\t\t\t\t} : undefined,\r\n\t\t\t\tparseInt(<%= variant2_on %>, 10) ? {\r\n\t\t\t\t\t\tvalue: '<%= variant2_value %>',\r\n\t\t\t\t\t\tprob: parseFloat('<%= variant2_prob %>', 10)\r\n\t\t\t\t} : undefined,\r\n\t\t\t\tparseInt(<%= variant3_on %>, 10) ? {\r\n\t\t\t\t\t\tvalue: '<%= variant3_value %>',\r\n\t\t\t\t\t\tprob: parseFloat('<%= variant3_prob %>', 10)\r\n\t\t\t\t} : undefined,\r\n\t\t\t\tparseInt(<%= variant4_on %>, 10) ? {\r\n\t\t\t\t\t\tvalue: '<%= variant4_value %>',\r\n\t\t\t\t\t\tprob: parseFloat('<%= variant4_prob %>', 10)\r\n\t\t\t\t} : undefined,\r\n\t\t\t\tparseInt(<%= variant5_on %>, 10) ? {\r\n\t\t\t\t\t\tvalue: '<%= variant5_value %>',\r\n\t\t\t\t\t\tprob: parseFloat('<%= variant5_prob %>', 10)\r\n\t\t\t\t} : undefined,\r\n\t\t\t\tparseInt(<%= variant6_on %>, 10) ? {\r\n\t\t\t\t\t\tvalue: '<%= variant6_value %>',\r\n\t\t\t\t\t\tprob: parseFloat('<%= variant6_prob %>', 10)\r\n\t\t\t\t} : undefined,\r\n\t\t\t\tparseInt(<%= variant7_on %>, 10) ? {\r\n\t\t\t\t\t\tvalue: '<%= variant7_value %>',\r\n\t\t\t\t\t\tprob: parseFloat('<%= variant7_prob %>', 10)\r\n\t\t\t\t} : undefined,\r\n\t\t\t\tparseInt(<%= variant8_on %>, 10) ? {\r\n\t\t\t\t\t\tvalue: '<%= variant8_value %>',\r\n\t\t\t\t\t\tprob: parseFloat('<%= variant8_prob %>', 10)\r\n\t\t\t\t} : undefined,\r\n\t\t\t\tparseInt(<%= variant9_on %>, 10) ? {\r\n\t\t\t\t\t\tvalue: '<%= variant9_value %>',\r\n\t\t\t\t\t\tprob: parseFloat('<%= variant9_prob %>', 10)\r\n\t\t\t\t} : undefined,\r\n\t\t\t\tparseInt(<%= variant10_on %>, 10) ? {\r\n\t\t\t\t\t\tvalue: '<%= variant10_value %>',\r\n\t\t\t\t\t\tprob: parseFloat('<%= variant10_prob %>', 10)\r\n\t\t\t\t} : undefined,\r\n\t\t\t\tparseInt(<%= variant11_on %>, 10) ? {\r\n\t\t\t\t\t\tvalue: '<%= variant11_value %>',\r\n\t\t\t\t\t\tprob: parseFloat('<%= variant11_prob %>', 10)\r\n\t\t\t\t} : undefined,\r\n\t\t\t\tparseInt(<%= variant12_on %>, 10) ? {\r\n\t\t\t\t\t\tvalue: '<%= variant12_value %>',\r\n\t\t\t\t\t\tprob: parseFloat('<%= variant12_prob %>', 10)\r\n\t\t\t\t} : undefined,\r\n\t\t\t\tparseInt(<%= variant13_on %>, 10) ? {\r\n\t\t\t\t\t\tvalue: '<%= variant13_value %>',\r\n\t\t\t\t\t\tprob: parseFloat('<%= variant13_prob %>', 10)\r\n\t\t\t\t} : undefined,\r\n\t\t\t\tparseInt(<%= variant14_on %>, 10) ? {\r\n\t\t\t\t\t\tvalue: '<%= variant14_value %>',\r\n\t\t\t\t\t\tprob: parseFloat('<%= variant14_prob %>', 10)\r\n\t\t\t\t} : undefined,\r\n\t\t\t\tparseInt(<%= variant15_on %>, 10) ? {\r\n\t\t\t\t\t\tvalue: '<%= variant15_value %>',\r\n\t\t\t\t\t\tprob: parseFloat('<%= variant15_prob %>', 10)\r\n\t\t\t\t} : undefined,\r\n\t\t\t\tparseInt(<%= variant16_on %>, 10) ? {\r\n\t\t\t\t\t\tvalue: '<%= variant16_value %>',\r\n\t\t\t\t\t\tprob: parseFloat('<%= variant16_prob %>', 10)\r\n\t\t\t\t} : undefined,\r\n\t\t\t\tparseInt(<%= variant17_on %>, 10) ? {\r\n\t\t\t\t\t\tvalue: '<%= variant17_value %>',\r\n\t\t\t\t\t\tprob: parseFloat('<%= variant17_prob %>', 10)\r\n\t\t\t\t} : undefined,\r\n\t\t\t\tparseInt(<%= variant18_on %>, 10) ? {\r\n\t\t\t\t\t\tvalue: '<%= variant18_value %>',\r\n\t\t\t\t\t\tprob: parseFloat('<%= variant18_prob %>', 10)\r\n\t\t\t\t} : undefined\r\n\t\t].filter(function (variant) { return typeof variant !== \"undefined\" });\r\n\t\tvariants = variants.slice(0, counter);\r\n\r\n\t\tvar probs = variants.map(function (variant) { return variant.prob; });\r\n\t\tvar circle = document.querySelector(\".popmechanic-circle\");\r\n\t\tvar rand = <%= rotation_result %>;\r\n\r\n\t\tif (!circle.classList.contains(\"popmechanic-disabled\")) {\r\n\t\t\t\tif (rand == 1) {\r\n\t\t\t\t\t\tvar probSum = probs.reduce(function(a, b) { return a + b; }, 0);\r\n\t\t\t\t\t\tvar result;\r\n\t\t\t\t\t\tvar randRes = Math.floor(Math.random() * probSum);\r\n\r\n\t\t\t\t\t\tprobs.some(function(item, index) {\r\n\t\t\t\t\t\t\t\tvar upSum = probs.slice(0, index + 1).reduce(function(a, b) { return a + b; }, 0);\r\n\t\t\t\t\t\t\t\tvar downSum = probs.slice(0, index).reduce(function(a, b) { return a + b; }, 0);\r\n\r\n\t\t\t\t\t\t\t\tif (downSum <= randRes && randRes < upSum) {\r\n\t\t\t\t\t\t\t\t\t\tresult = index + 1;\r\n\r\n\t\t\t\t\t\t\t\t\t\treturn true;\r\n\t\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t\treturn false;\r\n\t\t\t\t\t\t});\r\n\r\n\t\t\t\t\t\tresult = result || probs.length;\r\n\t\t\t\t} else {\r\n\t\t\t\t\t\tvar result = 1;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tvar rotation = 90 + 180 / counter - (360 / counter) * result + 360 * 4;\r\n\r\n\t\t\t\tcircle.setAttribute(\"style\", \"transform:rotate(\"+rotation+\"deg)\");\r\n\t\t\t\tcircle.classList.add(\"popmechanic-disabled\");\r\n\r\n\t\t\t\tvar variantIndex = result % probs.length || probs.length;\r\n \r\n\t\t\t\tPopMechanic.$('[data-popmechanic-input=\"customs.result2418\"]')\r\n\t\t\t\t\t\t.val(variants[variantIndex-1].value)\r\n\t\t\t\t\t\t.trigger('change');\r\n\r\n\t\t\t\tsetTimeout(function(){\r\n\t\t\t\t\t\tPopMechanic.$('[data-popmechanic-submit]').click();\r\n\t\t\t\t}, 3000);\r\n\t\t} else {\r\n\t\t\t\tPopMechanic.$('[data-popmechanic-submit]').click();\r\n\t\t}\r\n}", "on_close": "", "embed_code": "", "behaviors": ["post-text", "lead", "partscreen"], "template_type": "partscreen", "need_reset": false, "parameters": [], "on_targeting_ready": "", "on_child_ready": ""}, {"id": 2430, "html": "
\r\n\t
\r\n\t\t
\r\n\t
\r\n\r\n\t\r\n
", "css": "<% if(!parseInt(font_custom_show)) { %>\r\n\t@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');\r\n<% } %>\r\n\r\n#popmechanic-form * {\r\n\tmargin: 0;\r\n\tborder: 0;\r\n\tfont-size: 100%;\r\n\tfont: inherit;\r\n\tcolor: inherit;\r\n\tline-height: normal;\r\n\tvertical-align: baseline;\r\n\tbackground: none;\r\n\tpointer-events: all;\r\n\tposition: static;\r\n}\r\n#popmechanic-form .tns-outer {\r\n\tpadding: 0 !important;\r\n}\r\n#popmechanic-form .tns-outer [hidden] {\r\n\tdisplay: none !important;\r\n}\r\n#popmechanic-form .tns-outer [aria-controls],\r\n#popmechanic-form .tns-outer [data-action] {\r\n\tcursor: pointer;\r\n}\r\n#popmechanic-form .tns-slider {\r\n\ttransition: all 0s;\r\n}\r\n#popmechanic-form .tns-slider > .tns-item {\r\n\tbox-sizing: border-box;\r\n}\r\n#popmechanic-form .tns-horizontal.tns-subpixel {\r\n\twhite-space: nowrap;\r\n}\r\n#popmechanic-form .tns-horizontal.tns-subpixel > .tns-item {\r\n\tdisplay: inline-block;\r\n\tvertical-align: top;\r\n\twhite-space: normal;\r\n}\r\n#popmechanic-form .tns-horizontal.tns-no-subpixel::after {\r\n\tcontent: '';\r\n\tdisplay: table;\r\n\tclear: both;\r\n}\r\n#popmechanic-form .tns-horizontal.tns-no-subpixel > .tns-item {\r\n\tfloat: left;\r\n}\r\n#popmechanic-form .tns-horizontal.tns-carousel.tns-no-subpixel > .tns-item {\r\n\tmargin-right: -100%;\r\n}\r\n#popmechanic-form .tns-no-calc {\r\n\tposition: relative;\r\n\tleft: 0;\r\n}\r\n#popmechanic-form .tns-gallery {\r\n\tposition: relative;\r\n\tleft: 0;\r\n\tmin-height: 1px;\r\n}\r\n#popmechanic-form .tns-gallery > .tns-item {\r\n\tposition: absolute;\r\n\tleft: -100%;\r\n\ttransition: transform 0s, opacity 0s;\r\n}\r\n#popmechanic-form .tns-gallery > .tns-slide-active {\r\n\tposition: relative;\r\n\tleft: auto !important;\r\n}\r\n#popmechanic-form .tns-gallery > .tns-moving {\r\n\ttransition: all 0.25s;\r\n}\r\n#popmechanic-form .tns-autowidth {\r\n\tdisplay: inline-block;\r\n}\r\n#popmechanic-form .tns-lazy-img {\r\n\topacity: 0.6;\r\n\ttransition: opacity 0.6s;\r\n}\r\n#popmechanic-form .tns-lazy-img.tns-complete {\r\n\topacity: 1;\r\n}\r\n#popmechanic-form .tns-ah {\r\n\ttransition: height 0s;\r\n}\r\n#popmechanic-form .tns-ovh {\r\n\toverflow: hidden;\r\n}\r\n#popmechanic-form .tns-visually-hidden {\r\n\tposition: absolute;\r\n\tleft: -10000em;\r\n\tfont-size: 0;\r\n}\r\n#popmechanic-form .tns-transparent {\r\n\tvisibility: hidden;\r\n\topacity: 0;\r\n}\r\n#popmechanic-form .tns-fadeIn {\r\n\tz-index: 0;\r\n\topacity: 1;\r\n}\r\n#popmechanic-form .tns-normal,\r\n#popmechanic-form .tns-fadeOut {\r\n\tz-index: -1;\r\n\topacity: 0;\r\n}\r\n#popmechanic-form .tns-vpfix {\r\n\twhite-space: nowrap;\r\n}\r\n#popmechanic-form .tns-vpfix > DIV,\r\n#popmechanic-form .tns-vpfix > LI {\r\n\tdisplay: inline-block;\r\n}\r\n#popmechanic-form .tns-t-subp2 {\r\n\tposition: relative;\r\n\twidth: 310px;\r\n\theight: 10px;\r\n\toverflow: hidden;\r\n\tmargin: 0 auto;\r\n}\r\n#popmechanic-form .tns-t-ct {\r\n\tposition: absolute;\r\n\tright: 0;\r\n\twidth: 2333.3333333%;\r\n\twidth: calc(100% * 70 / 3);\r\n}\r\n#popmechanic-form .tns-t-ct::after {\r\n\tcontent: '';\r\n\tdisplay: table;\r\n\tclear: both;\r\n}\r\n#popmechanic-form .tns-t-ct > DIV {\r\n\tfloat: left;\r\n\twidth: 1.4285714%;\r\n\twidth: calc(100% / 70);\r\n\theight: 10px;\r\n}\r\n#popmechanic-form .tns-controls {\r\n\toutline: none !important;\r\n}\r\n#popmechanic-form .tns-controls button {\r\n\tposition: absolute;\r\n\ttop: 50%;\r\n\twidth: 30px;\r\n\theight: 30px;\r\n\tborder-radius: 50%;\r\n\tbox-shadow: 0 0 3px 0 #ccc;\r\n\tbackground: white;\r\n\tborder: none;\r\n\tz-index: 10000;\r\n\tmargin-top: -15px;\r\n\tfont-size: 0;\r\n\tpadding: 0;\r\n\topacity: 0.8;\r\n\ttransition: 0.2s all;\r\n}\r\n#popmechanic-form .tns-controls button:hover {\r\n\topacity: 1;\r\n}\r\n#popmechanic-form .tns-controls button[data-controls=\"next\"] {\r\n\tright: -5px;\r\n\tline-height: 30px;\r\n}\r\n#popmechanic-form .tns-controls button:disabled {\r\n\tdisplay: none;\r\n}\r\n#popmechanic-form .tns-controls button[data-controls=\"next\"]:after {\r\n\theight: 10px;\r\n\tcontent: \" \";\r\n\ttransform: rotate(45deg);\r\n\ttransform-origin: 50% 50%;\r\n\tdisplay: inline-block;\r\n\tborder-top: 1px solid black;\r\n\tborder-right: 1px solid black;\r\n\twidth: 10px;\r\n\ttop: 50%;\r\n\tposition: absolute;\r\n\tmargin-top: -5px;\r\n\tleft: 50%;\r\n\tmargin-left: -8px;\r\n}\r\n#popmechanic-form .tns-controls button[data-controls=\"prev\"] {\r\n\tleft: -5px;\r\n}\r\n#popmechanic-form .tns-controls button[data-controls=\"prev\"]:after {\r\n\theight: 10px;\r\n\tcontent: \" \";\r\n\ttransform: rotate(-45deg);\r\n\ttransform-origin: 50% 50%;\r\n\tdisplay: inline-block;\r\n\tborder-top: 1px solid black;\r\n\tborder-left: 1px solid black;\r\n\twidth: 10px;\r\n\ttop: 50%;\r\n\tposition: absolute;\r\n\tmargin-top: -5px;\r\n\tright: 50%;\r\n\tmargin-right: -8px;\r\n}\r\n\r\n/* COMMON */\r\n#popmechanic-form {\r\n\tposition: relative;\r\n\tdisplay: none;\r\n\twidth: 100%;\r\n\t<% if(parseInt(font_custom_show)) { %>\r\n\t\tfont-family: <%= font_custom %>;\r\n\t<% } else { %>\r\n\t\tfont-family: <%= font_family %>;\r\n\t<% } %>\r\n}\r\n#popmechanic-form .popmechanic-wrapper {\r\n\tpadding-left: 0 !important;\r\n\tpadding-right: 0 !important;\r\n\tmargin: 0 auto;\r\n\tposition: relative;\r\n\tbox-sizing: border-box;\r\n\tbackground-color: <%= bg_color %>;\r\n}\r\n#popmechanic-form .popmechanic-items {\r\n\ttransition: all 0.3s;\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tjustify-content: center;\r\n\tmargin-left: auto;\r\n\tmargin-right: auto;\r\n}\r\n#popmechanic-form .popmechanic-item-card {\r\n\ttext-align: center;\r\n}\r\n#popmechanic-form .popmechanic-item-wrapper {\r\n\ttext-decoration: none;\r\n}\r\n#popmechanic-form .popmechanic-item-img-block {\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\taspect-ratio: 1/1;\r\n\tmargin: 0 auto;\r\n\tborder-radius: 50%;\r\n\tbackground: <%= border_color %>;\r\n\ttransition: all 0.15s;\r\n}\r\n#popmechanic-form .popmechanic-item-seen .popmechanic-item-img-block {\r\n\tbackground: <%= border_color_seen %>;\r\n}\r\n#popmechanic-form .popmechanic-item-img-block:hover {\r\n\t<% if(parseInt(gradient_show)) { %>\r\n\t\tbackground: linear-gradient(45deg, #fda744 0%, #e6395b 70%, #c00988 100%);\r\n\t<% } else { %>\r\n\t\tbackground: <%= border_color_hover %>;\r\n\t<% } %>\r\n}\r\n#popmechanic-form .popmechanic-item-img {\r\n\tz-index: 1;\r\n\twidth: calc(100% - <%= +border_width * 2 %>px);\r\n\theight: calc(100% - <%= +border_width * 2 %>px);\r\n\tbox-sizing: border-box;\r\n\tborder: 1px solid #fff;\r\n\tborder-radius: 50%;\r\n\tbackground-color: #ccc;\r\n\tbackground-position: 50% 50%;\r\n\tbackground-size: cover;\r\n}\r\n#popmechanic-form .popmechanic-item-title {\r\n\theight: 2.4em;\r\n\tcolor: <%= title_color %>;\r\n\ttext-align: center;\r\n\ttext-decoration: none;\r\n\tline-height: 1.2;\r\n\ttext-overflow: ellipsis;\r\n\twhite-space: nowrap;\r\n\toverflow: hidden;\r\n}\r\n\r\n/* DESKTOP */\r\n.popmechanic-desktop #popmechanic-form .popmechanic-wrapper {\r\n\tpadding: <%= padding_y_desk %>px <%= padding_x_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-items {\r\n\theight: <%= parseInt(height_fix_desk) ? height_desk + 'px' : 'auto' %>;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-item-title {\r\n\tmargin-top: <%= title_margin_desk %>px;\r\n\tfont-size: <%= title_fs_desk %>px;\r\n}\r\n\r\n/* MOBILE */\r\n.popmechanic-mobile #popmechanic-form .popmechanic-wrapper,\r\n.popmechanic-tablet #popmechanic-form .popmechanic-wrapper {\r\n\tpadding: <%= padding_y_mob %>px <%= padding_x_mob %>px;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-items,\r\n.popmechanic-tablet #popmechanic-form .popmechanic-items {\r\n\theight: <%= parseInt(height_fix_mob) ? height_mob + 'px' : 'auto' %>;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-item-title,\r\n.popmechanic-tablet #popmechanic-form .popmechanic-item-title {\r\n\tmargin-top: <%= title_margin_mob %>px;\r\n\tfont-size: <%= title_fs_mob %>px;\r\n}", "button": "", "on_show": "var offHashLinks = settings.off_hash_links ? !!parseInt(settings.off_hash_links, 10) : false;\r\n\r\nfunction destroySlider() {\r\n while (form.storiesContainerSlider && form.storiesContainerSlider.destroy) {\r\n form.storiesContainerSlider.destroy();\r\n }\r\n}\r\n\r\nfunction initSlider() {\r\n destroySlider();\r\n\r\n form.storiesContainerSlider = PopMechanicTns({\r\n container: '#popmechanic-form-' + form.id + ' .popmechanic-items',\r\n controlsText: ['', ''],\r\n slideBy: settings.slider_slideby || 3,\r\n nav: false,\r\n controls: true,\r\n fixedWidth: Math.trunc((settings.desktop) ? settings.preview_size_desk : settings.preview_size_mob),\r\n gutter: Math.trunc((settings.desktop) ? settings.preview_margin_desk : settings.preview_margin_mob),\r\n mouseDrag: true,\r\n loop: false,\r\n swipeAngle: 30\r\n });\r\n}\r\n\r\nfunction renderStoriesPreviews(childrenViews) {\r\n var storiesContainer = PopMechanic.$('[id=\"popmechanic-form-'+ form.id +'\"]');\r\n var storyTemplate = PopMechanic._.template(\r\n storiesContainer.find('script[type=\"text\\/x-template\"]')\r\n .html()\r\n .replace(/\\s+/g, ' '),\r\n {\r\n interpolate: /\\{\\{(.+?)\\}\\}/g,\r\n evaluate: /\\{\\%(.+?)\\%\\}/g\r\n }\r\n );\r\n var storiesListHtml = childrenViews.map(function (childView, index) {\r\n var isSeen = false;\r\n try {\r\n if (localStorage['popmechanic.last-shown-' + childView.form.id]) {\r\n isSeen = true;\r\n }\r\n } catch (e) {}\r\n\r\n childView.form.offHashLinks = offHashLinks;\r\n childView.form.goToNextStory = function () {\r\n if (typeof childrenViews[index + 1] !== 'undefined') {\r\n childrenViews[index + 1].show();\r\n }\r\n\r\n childrenViews[index].close();\r\n };\r\n\r\n childView.form.goToPrevStory = function () {\r\n if (typeof childrenViews[index - 1] !== 'undefined') {\r\n childrenViews[index - 1].form.calledFromNextStory = true;\r\n childrenViews[index - 1].show();\r\n childrenViews[index].close();\r\n }\r\n };\r\n\r\n storiesContainer.on(\r\n 'click',\r\n '.popmechanic-item-wrapper[data-popmechanic-story=\"' + childView.form.id + '\"]',\r\n function () {\r\n childView.show();\r\n }\r\n );\r\n\r\n return storyTemplate({\r\n isSeen: isSeen,\r\n formId: childView.form.id,\r\n picture: childView.form.settings.settings.story_picture,\r\n name: childView.form.settings.settings.story_name\r\n });\r\n }).join('');\r\n\r\n destroySlider();\r\n PopMechanic.$(storiesContainer).find('.popmechanic-items').html(storiesListHtml);\r\n\r\n if (storiesListHtml) {\r\n storiesContainer.show();\r\n PopMechanic._.some(childrenViews, function (childView) {\r\n if (!offHashLinks && window.location.hash === '#popmechanic-stories-' + childView.form.id) {\r\n childView.show();\r\n return true;\r\n }\r\n\r\n return false;\r\n });\r\n\r\n initSlider();\r\n } else {\r\n storiesContainer.hide();\r\n }\r\n}\r\n\r\nform.destroySlider = destroySlider;\r\nform.renderStoriesPreviews = PopMechanic._.debounce(renderStoriesPreviews, 100);", "on_close": "form.destroySlider();", "embed_code": "", "behaviors": ["form-container", "tns-legacy"], "template_type": "embedded", "need_reset": false, "parameters": [], "on_targeting_ready": "", "on_child_ready": "form.form.renderStoriesPreviews(children);"}, {"id": 2440, "html": "
\r\n\t
\r\n\t\t<% if(header) { %>\r\n\t\t
<%= header %>
\r\n\t\t<% } %>\r\n\t\t
\r\n\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t
\r\n\t\t\t
\r\n\t\t
\r\n\t
\r\n\t\r\n
", "css": "<% if(!parseInt(font_custom_show)) { %>\r\n\t@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');\r\n<% } %>\r\n\r\n.tns-outer{padding:0 !important}.tns-outer [hidden]{display:none !important}.tns-outer [aria-controls],.tns-outer [data-action]{cursor:pointer}.tns-slider{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s}.tns-slider>.tns-item{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.tns-horizontal.tns-subpixel{white-space:nowrap}.tns-horizontal.tns-subpixel>.tns-item{display:inline-block;vertical-align:top;white-space:normal}.tns-horizontal.tns-no-subpixel:after{content:'';display:table;clear:both}.tns-horizontal.tns-no-subpixel>.tns-item{float:left;margin-right:-100%}.tns-no-calc{position:relative;left:0}.tns-gallery{position:relative;left:0;min-height:1px}.tns-gallery>.tns-item{position:absolute;left:-100%;-webkit-transition:transform 0s, opacity 0s;-moz-transition:transform 0s, opacity 0s;transition:transform 0s, opacity 0s}.tns-gallery>.tns-slide-active{position:relative;left:unset !important}.tns-gallery>.tns-moving{-webkit-transition:all 0.25s;-moz-transition:all 0.25s;transition:all 0.25s}.tns-lazy-img{-webkit-transition:opacity 0.6s;-moz-transition:opacity 0.6s;transition:opacity 0.6s;opacity:0.6}.tns-lazy-img.loaded{opacity:1}.tns-ah{-webkit-transition:height 0s;-moz-transition:height 0s;transition:height 0s}.tns-ovh{overflow:hidden}.tns-visually-hidden{position:absolute;left:-10000em}.tns-transparent{opacity:0;visibility:hidden}.tns-fadeIn{opacity:1;filter:alpha(opacity=100);z-index:0}.tns-normal,.tns-fadeOut{opacity:0;filter:alpha(opacity=0);z-index:-1}.tns-t-subp2{margin:0 auto;width:310px;position:relative;height:10px;overflow:hidden}.tns-t-ct{width:2333.3333333%;width:-webkit-calc(100% * 70 / 3);width:-moz-calc(100% * 70 / 3);width:calc(100% * 70 / 3);position:absolute;right:0}.tns-t-ct:after{content:'';display:table;clear:both}.tns-t-ct>div{width:1.4285714%;width:-webkit-calc(100% / 70);width:-moz-calc(100% / 70);width:calc(100% / 70);height:10px;float:left}\r\n\r\n#popmechanic-form * {\r\n\tbox-sizing: border-box;\r\n}\r\n#popmechanic-form a {\r\n\tdisplay: block;\r\n\ttext-decoration: none;\r\n\tcolor: inherit;\r\n}\r\n#popmechanic-form img,\r\n#popmechanic-form svg {\r\n\tdisplay: block;\r\n\tmax-width: 100%;\r\n\tmax-height: 100%;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n}\r\n#popmechanic-form [tabindex=\"0\"] {\r\n\toutline: none;\r\n}\r\n#popmechanic-form button {\r\n\tdisplay: flex;\r\n\tflex-shrink: 0;\r\n\tpadding: 0;\r\n\tmargin: 0;\r\n\tline-height: 0;\r\n\tbackground: none;\r\n\toutline: none;\r\n\tuser-select: none;\r\n\tborder: none;\r\n\tappearance: none;\r\n\t-webkit-appearance: none;\r\n\tcursor: pointer;\r\n}\r\n#popmechanic-form .popmechanic-controls-btn {\r\n\tposition: absolute;\r\n\tz-index: 3;\r\n\twidth: <%= slider_button_width %>px;\r\n\theight: <%= slider_button_height %>px;\r\n\ttransform: translateY(-50%);\r\n\tborder-radius: 50%;\r\n\tborder: <%= slider_button_border_width %>px solid <%= slider_button_border_color %>;\r\n\ttransition: background-image 0.3s ease-in-out;\r\n\tbackground-repeat: no-repeat;\r\n\tbackground-position: center;\r\n\tbackground-size: cover;\r\n\t<% if(parseInt(slider_show_bullit) && slider_bullit_position === \"bottom\") { %>\r\n\t\ttop: calc(50% - <%= slider_bullit_size %>px);\r\n\t<% } else if (parseInt(slider_show_bullit) && slider_bullit_position === \"top\") { %>\r\n\t\ttop: calc(50% + <%= slider_bullit_size %>px);\r\n\t<% } else { %>\r\n\t\ttop: 50%;\r\n\t<% } %>\r\n}\r\n#popmechanic-form .popmechanic-controls-btn:focus {\r\n\toutline: none;\r\n}\r\n#popmechanic-form .popmechanic-controls-btn:disabled {\r\n\tdisplay: none;\r\n}\r\n#popmechanic-form .popmechanic-controls-btn-prev {\r\n\tleft: 0;\r\n\tbackground-image: url(<%= slider_button_icon_prev %>);\r\n}\r\n#popmechanic-form .popmechanic-controls-btn-next {\r\n\tright: 0;\r\n\tbackground-image: url(<%= slider_button_icon_next %>);\r\n}\r\n#popmechanic-form .tns-nav {\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\tmax-width: 100%;\r\n\toverflow: hidden;\r\n\t<% if(slider_bullit_position === \"bottom\") { %>\r\n\t\tpadding-top: <%= slider_bullit_size %>px;\r\n\t<% } else { %>\r\n\t\tpadding-bottom: <%= slider_bullit_size %>px;\r\n\t<% } %>\r\n}\r\n#popmechanic-form .tns-nav button {\r\n\twidth: <%= slider_bullit_size %>px;\r\n\theight: <%= slider_bullit_size %>px;\r\n\tborder: 1px solid <%= slider_bullit_border_color %>;\r\n\tborder-radius: 50%;\r\n\tbackground-color: <%= slider_bullit_bg %>;\r\n\ttransition: background-color 0.3s ease-in-out;\r\n}\r\n#popmechanic-form .tns-nav button:not(:last-child) {\r\n\tmargin-right: 10px;\r\n}\r\n#popmechanic-form .tns-nav .tns-nav-active {\r\n\tbackground-color: <%= slider_bullit_bg_active %>;\r\n}\r\n#popmechanic-form .popmechanic-main {\r\n\tpadding-top: <%= main_padding_vert %>px;\r\n\tpadding-bottom: <%= main_padding_vert %>px;\r\n\t<% if(parseInt(font_custom_show)) { %>\r\n\t\tfont-family: <%= font_custom %>;\r\n\t<% } else { %>\r\n\t\tfont-family: <%= font_family %>;\r\n\t<% } %>\r\n}\r\n#popmechanic-form .popmechanic-header {\r\n\tmargin-bottom: <%= header_margin_bottom %>px;\r\n\tcolor: <%= header_color %>;\r\n\tfont-weight: <%= header_fw %>;\r\n}\r\n#popmechanic-form .popmechanic-slider {\r\n\tposition: relative;\r\n}\r\n#popmechanic-form .popmechanic-items {\r\n\tdisplay: flex;\r\n}\r\n#popmechanic-form .tns-inner {\r\n\tpadding: 10px 9px;\r\n}\r\n\r\n/* DESKTOP */\r\n.popmechanic-desktop #popmechanic-form .popmechanic-header {\r\n\tfont-size: <%= header_fz_desk %>px;\r\n\ttext-align: <%= header_align_desk %>;\r\n}\r\n\r\n/* TABLET, MOBILE */\r\n.popmechanic-tablet #popmechanic-form .popmechanic-header,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-header {\r\n\tfont-size: <%= header_fz_mob %>px;\r\n\ttext-align: <%= header_align_mob %>;\r\n}\r\n\r\n/* HOVER */\r\n@media (hover: hover) {\r\n\t#popmechanic-form .popmechanic-controls-btn-prev:hover {\r\n\t\tbackground-image: url(<%= slider_button_icon_prev_hover %>);\r\n\t}\r\n\t#popmechanic-form .popmechanic-controls-btn-next:hover {\r\n\t\tbackground-image: url(<%= slider_button_icon_next_hover %>);\r\n\t}\r\n}\r\n\r\n<%\r\n\ttry {\r\n\t\tprint(PopMechanic._.template(css)(arguments[0]));\r\n\t} catch {}\r\n%>", "button": "", "on_show": "\"use strict\";\r\n\r\ntry {\r\n form.reportSlaSuccess();\r\n} catch (e) {}\r\n\r\nif (location.href.indexOf('pm-debug') > -1) {\r\n debugger;\r\n}\r\n\r\nvar impressionMap = {};\r\nvar formId = form.id;\r\nvar $removal\u0421ontainersEmbed = PopMechanic.$('[data-popmechanic-embed=\"' + formId + '\"]');\r\nvar $removal\u0421ontainers = PopMechanic.$('#popmechanic-container-' + formId);\r\nvar recommendations = settings.recommendations || [];\r\n\r\nif (settings.map_recommendations) {\r\n try {\r\n recommendations = new Function('recommendations', settings.map_recommendations)(settings.recommendations) || settings.recommendations;\r\n } catch (err) {}\r\n}\r\n\r\nvar form = arguments[0] || {};\r\n\r\ntry {\r\n var lessCount;\r\n try {\r\n lessCount = parseInt('<% try { print(lessCount); } catch (e) { print(0); } %>') || 0;\r\n } catch (e) {\r\n lessCount = 0;\r\n };\r\n var enableTns = true;\r\n try {\r\n enableTns = !!(parseInt('<% try { print(enableTns); } catch (e) { print(0); } %>') || 1);\r\n } catch (e) {\r\n enableTns = true;\r\n };\r\n var groupSlidesBy = parseInt('<%= groupSlidesBy %>');\r\n\r\n var responsiveArray = '<%= responsive %>'.split(';');\r\n var firstPoint = responsiveArray[0].split(',');\r\n var responsive = {};\r\n for (var i = 1; i < responsiveArray.length; i++) {\r\n var params = responsiveArray[i].split(',');\r\n responsive[params[0]] = {\r\n items: params[1],\r\n gutter: params[2] || 0,\r\n slideBy: params[3] || 1\r\n };\r\n }\r\n\r\n var tnsParams = {\r\n nav: parseInt('<%= slider_show_bullit %>'),\r\n navPosition: '<%= slider_bullit_position %>',\r\n controlsContainer: '#popmechanic-form-' + formId + ' .popmechanic-controls',\r\n items: firstPoint[0],\r\n mouseDrag: true,\r\n gutter: firstPoint[1] || 0,\r\n slideBy: firstPoint[2] || 1,\r\n responsive: responsive,\r\n loop: parseInt('<%= loopSlider %>'),\r\n controls: !!<%= controls %>\r\n };\r\n\r\n var userParams = <% try { print(user_tns); } catch (e) { print('{}'); } %>;\r\n\r\n tnsParams = PopMechanic.$.extend(true, tnsParams, userParams);\r\n\r\n var $container = PopMechanic.$('#popmechanic-form-' + formId + ', [data-popmechanic-embed=\"' + formId + '\"], [data-popmecanic-embed=\"' + formId + '\"]');\r\n if (!$container.length) {\r\n $container = PopMechanic.$('#popmechanic-container-' + formId);\r\n }\r\n if (!$container.length) {\r\n return;\r\n }\r\n\r\n var cardTemplate = PopMechanic._.template(\r\n $container.find('script[type=\"text\\/x-template\"]')\r\n .html()\r\n .replace(/\\s+/g, ' '),\r\n {\r\n interpolate: /\\{\\{(.+?)\\}\\}/g,\r\n evaluate: /\\{\\%(.+?)\\%\\}/g\r\n }\r\n );\r\n\r\n function renderProductList() {\r\n function onInit() {\r\n try {\r\n var container = $container.find('.popmechanic-items')[0];\r\n if (!container) {\r\n return;\r\n }\r\n\r\n if (!$container.find('.popmechanic-item-card').length) {\r\n $removal\u0421ontainersEmbed.remove();\r\n $removal\u0421ontainers.remove();\r\n return;\r\n }\r\n window.PopMechanicTnsQ = window.PopMechanicTnsQ || [];\r\n\r\n if (enableTns) {\r\n window.PopMechanicTnsQ.push(function () {\r\n form.reportSlaSuccess();\r\n window.PopMechanicSlider = window.PopMechanicSlider || {};\r\n window.PopMechanicSlider[formId] = PopMechanicTns(PopMechanic.$.extend({ container: container }, tnsParams));\r\n\r\n var reco = null;\r\n if ($container.is('.popmechanic-widget-reco')) {\r\n reco = $container;\r\n } else {\r\n reco = $container.find('.popmechanic-widget-reco');\r\n }\r\n reco.addClass('popmechanic-loaded');\r\n var debouncedStopDrag = PopMechanic._.debounce(function() {\r\n PopMechanic.$(\"#popmechanic-form-\" + formId).removeClass('popmechanic-dragged');\r\n }, 200)\r\n PopMechanicSlider[formId].events.on('dragMove', function() {\r\n PopMechanic.$(\"#popmechanic-form-\" + formId).addClass('popmechanic-dragged');\r\n debouncedStopDrag();\r\n });\r\n PopMechanicSlider[formId].events.on('dragEnd', function() {\r\n PopMechanic.$(\"#popmechanic-form-\" + formId).removeClass('popmechanic-dragged');\r\n });\r\n\r\n PopMechanicSlider[formId].events.on('indexChanged', function() {\r\n reco.find('.tns-slide-active').each(function(i, el) {\r\n impressionMap[PopMechanic.$(el).data('clickTrack')]();\r\n });\r\n });\r\n reco.find('.tns-slide-active').each(function(i, el) {\r\n impressionMap[PopMechanic.$(el).data('clickTrack')]();\r\n });\r\n \r\n });\r\n } else {\r\n $container.find('.popmechanic-widget-reco').addClass('popmechanic-loaded');\r\n $container.find('.popmechanic-item-card').each(function(i, el) {\r\n impressionMap[PopMechanic.$(el).data('clickTrack')]();\r\n });\r\n form.reportSlaSuccess();\r\n }\r\n } catch (e) {\r\n $removal\u0421ontainersEmbed.remove();\r\n $removal\u0421ontainers.remove();\r\n console.error('PopMechanic widget ' + formId, e.message);\r\n form.reportSlaFailure('script-error', e);\r\n }\r\n }\r\n\r\n $container.find(\".popmechanic-items\").empty();\r\n $container.find('.popmechanic-items-wrapper').html('
');\r\n var $carousel = $container.find('.popmechanic-items');\r\n $carousel.empty();\r\n var slideAccumulator = [];\r\n var $slideContainer = PopMechanic.$('
');\r\n\r\n for (var i = 0; i < recommendations.length; i++) {\r\n var product = recommendations[i];\r\n if (product.oldPrice && product.oldPrice <= product.price) {\r\n product.oldPrice = null;\r\n }\r\n product.customFields = product.customFields || {};\r\n product.discount = (product.oldPrice && product.price !== product.oldPrice) ? (100 * (product.oldPrice - product.price) / product.oldPrice).toFixed(0) + '%' : null;\r\n\r\n try {\r\n var $item = PopMechanic.$(\r\n cardTemplate({\r\n product: product,\r\n card_label_discount_show: '<%= card_label_discount_show %>',\r\n card_label_new_show: '<%= card_label_new_show %>',\r\n card_label_new_text: '<%= card_label_new_text %>',\r\n card_name_show: '<%= card_name_show %>',\r\n card_rating_show: '<%= card_rating_show %>',\r\n card_prices_show: '<%= card_prices_show %>',\r\n card_prices_symbol: '<%= card_prices_symbol %>',\r\n card_price_discount_show: '<%= card_price_discount_show %>',\r\n btn_cart_show: '<%= btn_cart_show %>',\r\n btn_cart_text: '<%= btn_cart_text %>',\r\n btn_cart_text_after: '<%= btn_cart_text_after %>',\r\n btn_cart_func: '<%= btn_cart_func %>',\r\n btn_fav_show: '<%= btn_fav_show %>',\r\n btn_fav_func: '<%= btn_fav_func %>',\r\n card_vendor_show: '<%= card_vendor_show %>',\r\n card_label_new_customfield: '<%= card_label_new_customfield %>',\r\n card_rating_customfield: '<%= card_rating_customfield %>',\r\n btn_cart_icon_show: '<%= btn_cart_icon_show %>',\r\n card_name_ordering: '<%= card_name_ordering %>',\r\n card_vendor_ordering: '<%= card_vendor_ordering %>',\r\n card_rating_ordering: '<%= card_rating_ordering %>',\r\n card_prices_ordering: '<%= card_prices_ordering %>',\r\n btn_cart_ordering: '<%= btn_cart_ordering %>',\r\n recommendations: recommendations,\r\n index: i\r\n })\r\n );\r\n } catch (e) { continue; }\r\n if (groupSlidesBy === 1) {\r\n $carousel.append($item);\r\n } else {\r\n slideAccumulator.push($item);\r\n $slideContainer.append($item);\r\n if (slideAccumulator.length == groupSlidesBy) {\r\n slideAccumulator = [];\r\n $carousel.append($slideContainer);\r\n $slideContainer = PopMechanic.$('
');\r\n }\r\n }\r\n\r\n (function(i, product) {\r\n $item.attr('data-click-track', i);\r\n PopMechanic.$('#popmechanic-form-' + formId).on('click', '[data-click-track=\"' + i + '\"]', function(event) {\r\n event.stopPropagation(); \r\n if (mindbox) {\r\n mindbox(\"async\", {\r\n operation: \"popmechanic-widget-click-\" + formId,\r\n data: {\r\n clicked: {\r\n product: {\r\n ids: product.ids,\r\n }\r\n }\r\n },\r\n onSuccess: function() {\r\n // console.log('successful click');\r\n },\r\n onError: function(error) {\r\n console.log(error);\r\n }\r\n });\r\n }\r\n\r\n settings.gaTracker.selectItem(product, i);\r\n \r\n \t\treturn true;\r\n });\r\n }(i, product));\r\n }\r\n\r\n \r\n recommendations.map(function(product, i) {\r\n impressionMap[i] = function() {\r\n settings.gaTracker.viewItemList(product, i, { non_interaction: true });\r\n };\r\n });\r\n\r\n onInit();\r\n }\r\n\r\n var recommendationsLimit = recommendations.length;\r\n\r\n if (recommendationsLimit) {\r\n if (lessCount === 0 || lessCount <= recommendationsLimit) {\r\n renderProductList();\r\n } else {\r\n $removal\u0421ontainersEmbed.remove();\r\n $removal\u0421ontainers.remove();\r\n console.log('PopMechanic widget ' + formId + ': empty response');\r\n form.reportSlaSuccess();\r\n }\r\n } else {\r\n form.reportSlaSuccess();\r\n throw new Error('no data from mindbox');\r\n }\r\n} catch (e) {\r\n $removal\u0421ontainersEmbed.remove();\r\n $removal\u0421ontainers.remove();\r\n console.error('PopMechanic widget ' + formId, e.message);\r\n form.reportSlaSuccess();\r\n}", "on_close": "var form = arguments[0] || {};\r\nwindow.PopMechanicSlider && window.PopMechanicSlider[form.id] && window.PopMechanicSlider[form.id].destroy && window.PopMechanicSlider[form.id].destroy();", "embed_code": "", "behaviors": ["info", "reco-sla", "reco_data", "tns"], "template_type": "embedded", "need_reset": false, "parameters": [], "on_targeting_ready": "", "on_child_ready": ""}], "button_templates": [{"id": 176, "html": "
\r\n
<%=text7%>
\r\n
", "css": "#popmechanic-button {\r\n background-color: <%=color3%>;\r\n width: auto;\r\n display: inline-block;\r\n padding: <%=otst1%>px <%=otst2%>px;\r\n border-radius: <%=crug10%>px;\r\n cursor: pointer;\r\n box-shadow: 0 -1px 3px 0 #666;\r\n z-index: 10000000;\r\n}\r\n#popmechanic-button .popmechanic-button-text {\r\n color:<%=color5%>;\r\n font-family: <%=font2%>;\r\n font-size: <%=font_size10%>px;\r\n}\r\n#popmechanic-button:hover {\r\n background-color: <%=color7%>;\r\n}\r\n.popmechanic-mobile #popmechanic-button {\r\n padding: <%=otst3%>px <%=otst4%>px;\r\n}\r\n.popmechanic-mobile #popmechanic-button .popmechanic-button-text {\r\n font-size: <%=font_size16%>px;\r\n}", "on_show": null, "on_close": null, "parameters": [{"id": 1033, "machine_name": "text7", "type": "text"}, {"id": 1034, "machine_name": "color3", "type": "color"}, {"id": 1035, "machine_name": "color5", "type": "color"}, {"id": 1036, "machine_name": "crug10", "type": "slider"}, {"id": 1037, "machine_name": "font_size10", "type": "slider"}, {"id": 1038, "machine_name": "font2", "type": "select"}, {"id": 1039, "machine_name": "otst1", "type": "slider"}, {"id": 1040, "machine_name": "otst2", "type": "slider"}, {"id": 1041, "machine_name": "color7", "type": "color"}, {"id": 1042, "machine_name": "otst3", "type": "slider"}, {"id": 1043, "machine_name": "otst4", "type": "slider"}, {"id": 1044, "machine_name": "font_size16", "type": "slider"}]}, {"id": 179, "html": "
\r\n\t<%=text7%>\r\n\t\r\n
", "css": "@import url(\"https://fonts.googleapis.com/css?family=Merriweather:100,300,400,700,900|Roboto:100,300,400,700,900&display=swap&subset=cyrillic\");\r\n@import url(\"https://fonts.googleapis.com/css?family=Merriweather:100,300,400,700,900|Open+Sans:100,300,400,700,900&subset=cyrillic\");\r\n@import url(\"https://fonts.googleapis.com/css?family=Open+Sans:100,300,400,700,900&subset=cyrillic\");\r\n.popmechanic-widget {\r\n \r\n z-index: 10000000000;\r\n \r\npadding: <%=otst1%>px <%=otst2%>px;\r\nbackground-color: <%=color3%>;\r\n border: none;\r\n outline: none;\r\n transform: rotate(-90deg) translate(-50%, 0);\r\n transform-origin: 0 0;\r\n display: flex;\r\n flex-direction: row;\r\n flex-wrap: nowrap;\r\n justify-content: center;\r\n align-content: stretch;\r\n align-items: center;\r\n font-family: <%=font2%>;\r\n font-size: <%=font_size10%>px;\r\nfont-weight: <%=font434%>;\r\n border-radius: <%=crug10%>px;\r\n line-height: 1;\r\n color:<%=color5%>;\r\n cursor: pointer;\r\n <%if(parseInt(border_enable)){%>\r\n\t\tborder: <%=border_width%>px solid <%=border_color%>;\r\n\t<%}%>}\r\n.popmechanic-widget:hover {\r\n background-color: <%=color7%>;\r\n}\r\n.popmechanic-widget-close {\r\n position: absolute;\r\n top: 5px;\r\n right: 5px;\r\n width: 12px;\r\n height: 12px;\r\n border: none;\r\n outline: none;\r\n background: transparent;\r\n font-size: 0;\r\n padding: 0;\r\n transform: rotate(45deg);\r\n cursor: pointer; }\r\n .popmechanic-widget-close:before, .popmechanic-widget-close:after {\r\n content: '';\r\n position: absolute;\r\n top: 5px;\r\n left: 0;\r\n width: 100%;\r\n height: 1px;\r\n background-color: <%=cl_col%>; }\r\n .popmechanic-widget-close:after {\r\n transform: rotate(90deg); }\r\n.popmechanic-mobile #popmechanic-widget {\r\n padding: <%=otst3%>px <%=otst4%>px;\r\n font-size: <%=font_size16%>px;}", "on_show": null, "on_close": null, "parameters": [{"id": 1087, "machine_name": "text7", "type": "text"}, {"id": 1088, "machine_name": "color3", "type": "color"}, {"id": 1089, "machine_name": "color5", "type": "color"}, {"id": 1090, "machine_name": "crug10", "type": "slider"}, {"id": 1091, "machine_name": "font_size10", "type": "slider"}, {"id": 1092, "machine_name": "font2", "type": "select"}, {"id": 1093, "machine_name": "otst1", "type": "slider"}, {"id": 1094, "machine_name": "otst2", "type": "slider"}, {"id": 1095, "machine_name": "color7", "type": "color"}, {"id": 1096, "machine_name": "otst3", "type": "slider"}, {"id": 1097, "machine_name": "otst4", "type": "slider"}, {"id": 1098, "machine_name": "font_size16", "type": "slider"}, {"id": 1099, "machine_name": "cl_col", "type": "color"}, {"id": 1100, "machine_name": "border_enable", "type": "checkbox"}, {"id": 1101, "machine_name": "border_width", "type": "slider"}, {"id": 1102, "machine_name": "border_color", "type": "color"}, {"id": 1103, "machine_name": "font434", "type": "slider"}]}], "integrations": [{"id": 93374, "form": 83123, "filter": null, "filter_type": null, "account": 4271, "integration_type": "javascript", "on_render": "", "on_show": "document.addEventListener('click', function (event) {\n const target = event.target;\n if (target.classList.contains('popmechanic-button')) {\n dataLayer.push({\n event: 'popup-selected',\n popupProvider: 'mindbox',\n popupType: 'popup_desktop',\n popupCampaign: 'BCM_mark_24'\n });\n\n // \u0421\u043e\u0445\u0440\u0430\u043d\u044f\u0435\u043c \u0434\u0430\u043d\u043d\u044b\u0435 \u0432 localStorage\n localStorage.setItem('popupData', JSON.stringify({\n event: 'popup-selected',\n popupProvider: 'mindbox',\n popupType: 'popup_desktop',\n popupCampaign: 'BCM_mark_24'\n }));\n }\n});\n\nwindow.addEventListener('beforeunload', function () {\n // \u041f\u043e\u043b\u0443\u0447\u0430\u0435\u043c \u0434\u0430\u043d\u043d\u044b\u0435 \u0438\u0437 localStorage\n const savedData = localStorage.getItem('popupData');\n if (savedData) {\n const popupData = JSON.parse(savedData);\n // \u0412\u044b\u043f\u043e\u043b\u043d\u044f\u0435\u043c dataLayer.push \u0441 \u0434\u0430\u043d\u043d\u044b\u043c\u0438\n dataLayer.push(popupData);\n // \u041e\u0447\u0438\u0449\u0430\u0435\u043c \u0434\u0430\u043d\u043d\u044b\u0435 \u0438\u0437 localStorage\n localStorage.removeItem('popupData');\n }\n});", "on_success": "", "on_close_success": "", "on_close_fail": ""}, {"id": 59162, "form": 60507, "filter": null, "filter_type": null, "account": 4271, "integration_type": "javascript", "on_render": "", "on_show": "", "on_success": "setTimeout(function() {\r\nif (PopMechanic.leads[0].customs.result2418 == 1) {\r\n $('.infoabout').html('\u0421\u043f\u0435\u0446\u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u043d\u0435\u0434\u0435\u043b\u0438
\u0421\u043a\u0438\u0434\u043a\u0438 \u0438 \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u044f, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0435\u0441\u0442\u044c \u0442\u043e\u043b\u044c\u043a\u043e \u043d\u0430 \u0441\u0430\u0439\u0442\u0435. \u0417\u0430\u0445\u043e\u0434\u0438 \u0438 \u0432\u044b\u0431\u0438\u0440\u0430\u0439

\u041e\u0431\u043d\u043e\u0432\u0438 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443, \u0447\u0442\u043e\u0431\u044b \u0432\u0440\u0430\u0449\u0430\u0442\u044c \u0431\u0430\u0440\u0430\u0431\u0430\u043d \u0435\u0449\u0451 \u0440\u0430\u0437

');\r\n $('.popmechanic-submit')[2].href='https://www.oriflame.ru/online-exclusive?utm_source=mindbox&utm_medium=email&utm_campaign=online_exclusive_leads'\r\nconsole.log(1)\r\n\r\n} else if (PopMechanic.leads[0].customs.result2418 == 2 ) {\r\n $('.infoabout').html('\u0414\u0435\u043a\u043e\u0440\u0430\u0442\u0438\u0432\u043d\u0430\u044f \u043a\u043e\u0441\u043c\u0435\u0442\u0438\u043a\u0430
\u042f\u0440\u043a\u0438\u0439 \u043c\u0430\u043a\u0438\u044f\u0436 \u0441\u043f\u0435\u0446\u0438\u0430\u043b\u044c\u043d\u043e \u0434\u043b\u044f \u0442\u0435\u0431\u044f.

\u041e\u0431\u043d\u043e\u0432\u0438 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443, \u0447\u0442\u043e\u0431\u044b \u0432\u0440\u0430\u0449\u0430\u0442\u044c \u0431\u0430\u0440\u0430\u0431\u0430\u043d \u0435\u0449\u0451 \u0440\u0430\u0437

');\r\n $('.popmechanic-submit')[2].href='https://www.oriflame.ru/makeup?utm_source=mindbox&utm_medium=email&utm_campaign=makeup_leads'\r\nconsole.log(2)\r\n\r\n} else if (PopMechanic.leads[0].customs.result2418 == 3 ) {\r\n $('.infoabout').html('\u041f\u043e\u043f\u0443\u043b\u044f\u0440\u043d\u044b\u0435 \u0430\u0440\u043e\u043c\u0430\u0442\u044b
\u0410\u0440\u043e\u043c\u0430\u0442\u044b \u043f\u043e \u043f\u0440\u0438\u044f\u0442\u043d\u044b\u043c \u0446\u0435\u043d\u0430\u043c.

\u041e\u0431\u043d\u043e\u0432\u0438 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443, \u0447\u0442\u043e\u0431\u044b \u0432\u0440\u0430\u0449\u0430\u0442\u044c \u0431\u0430\u0440\u0430\u0431\u0430\u043d \u0435\u0449\u0451 \u0440\u0430\u0437

');\r\n $('.popmechanic-submit')[2].href='https://www.oriflame.ru/fragrance?utm_source=mindbox&utm_medium=email&utm_campaign=fra_leads'\r\nconsole.log(3)\r\n\r\n} else if (PopMechanic.leads[0].customs.result2418 == 4 ) {\r\n $('.infoabout').html('\u041e\u043d\u043b\u0430\u0439\u043d-\u0430\u0443\u0442\u043b\u0435\u0442
\u041f\u0440\u043e\u0434\u0443\u043a\u0442\u044b, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0432\u043e\u0442-\u0432\u043e\u0442 \u0432\u044b\u0439\u0434\u0443\u0442 \u0438\u0437 \u043f\u0440\u043e\u0434\u0430\u0436\u0438! \u0423\u0441\u043f\u0435\u0439 \u043a\u0443\u043f\u0438\u0442\u044c.

\u041e\u0431\u043d\u043e\u0432\u0438 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443, \u0447\u0442\u043e\u0431\u044b \u0432\u0440\u0430\u0449\u0430\u0442\u044c \u0431\u0430\u0440\u0430\u0431\u0430\u043d \u0435\u0449\u0451 \u0440\u0430\u0437

');\r\n $('.popmechanic-submit')[2].href='https://www.oriflame.ru/outlet?utm_source=mindbox&utm_medium=outlet_leads'\r\nconsole.log(4) \r\n\r\n} else if (PopMechanic.leads[0].customs.result2418 == 5 ) {\r\n $('.infoabout').html('\u0412\u044b\u0433\u043e\u0434\u043d\u044b\u0435 \u0430\u043a\u0446\u0438\u0438
\u041b\u0443\u0447\u0448\u0438\u0435 \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u043d\u0430 \u043e\u0434\u043d\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435. \u041e\u0441\u0442\u0430\u043b\u043e\u0441\u044c \u0442\u043e\u043b\u044c\u043a\u043e \u0432\u044b\u0431\u0440\u0430\u0442\u044c ;)

\u041e\u0431\u043d\u043e\u0432\u0438 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443, \u0447\u0442\u043e\u0431\u044b \u0432\u0440\u0430\u0449\u0430\u0442\u044c \u0431\u0430\u0440\u0430\u0431\u0430\u043d \u0435\u0449\u0451 \u0440\u0430\u0437

');\r\n $('.popmechanic-submit')[2].href='https://www.oriflame.ru/focus?utm_source=mindbox&utm_medium=email&utm_campaign=best_offers_leads'\r\nconsole.log(5)\r\n\r\n} else if (PopMechanic.leads[0].customs.result2418 == 6 ) {\r\n $('.infoabout').html('\u0410\u043a\u0441\u0435\u0441\u0441\u0443\u0430\u0440\u044b
\u0412\u0441\u0451 \u0434\u043b\u044f \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u0437\u0430\u043f\u043e\u043c\u0438\u043d\u0430\u044e\u0449\u0435\u0433\u043e\u0441\u044f \u043e\u0431\u0440\u0430\u0437\u0430

\u041e\u0431\u043d\u043e\u0432\u0438 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443, \u0447\u0442\u043e\u0431\u044b \u0432\u0440\u0430\u0449\u0430\u0442\u044c \u0431\u0430\u0440\u0430\u0431\u0430\u043d \u0435\u0449\u0451 \u0440\u0430\u0437

');\r\n $('.popmechanic-submit')[2].href='https://www.oriflame.ru/accessories?utm_source=mindbox&utm_medium=email&utm_campaign=accessories_leads'\r\nconsole.log(6)\r\n}\r\n}, 1000);", "on_close_success": "", "on_close_fail": ""}, {"id": 104727, "form": 90706, "filter": null, "filter_type": null, "account": 4271, "integration_type": "javascript", "on_render": "", "on_show": "const element = document.querySelectorAll('[data-popmechanic-link]')[0] || document.querySelectorAll('[data-popmechanic-link]')[1]\n\nelement.addEventListener('click', function (event) {\ndataLayer.push({\n event: 'popup-selected',\n popupProvider: 'mindbox',\n popupType: 'stories',\n popupCampaign: 'ecatalogue_C12_2024'\n});\n})", "on_success": "", "on_close_success": "", "on_close_fail": ""}, {"id": 104729, "form": 90707, "filter": null, "filter_type": null, "account": 4271, "integration_type": "javascript", "on_render": "", "on_show": "const element = document.querySelectorAll('[data-popmechanic-link]')[0] || document.querySelectorAll('[data-popmechanic-link]')[1]\n\nelement.addEventListener('click', function (event) {\ndataLayer.push({\n event: 'popup-selected',\n popupProvider: 'mindbox',\n popupType: 'stories',\n popupCampaign: 'novelties_C12_2024'\n});\n})", "on_success": "", "on_close_success": "", "on_close_fail": ""}, {"id": 104733, "form": 90709, "filter": null, "filter_type": null, "account": 4271, "integration_type": "javascript", "on_render": "", "on_show": "const element = document.querySelectorAll('[data-popmechanic-link]')[0] || document.querySelectorAll('[data-popmechanic-link]')[1]\n\nelement.addEventListener('click', function (event) {\ndataLayer.push({\n event: 'popup-selected',\n popupProvider: 'mindbox',\n popupType: 'stories',\n popupCampaign: 'online_exclusive_C12_2024'\n});\n})", "on_success": "", "on_close_success": "", "on_close_fail": ""}, {"id": 104735, "form": 90710, "filter": null, "filter_type": null, "account": 4271, "integration_type": "javascript", "on_render": "", "on_show": "const element = document.querySelectorAll('[data-popmechanic-link]')[0] || document.querySelectorAll('[data-popmechanic-link]')[1]\n\nelement.addEventListener('click', function (event) {\ndataLayer.push({\n event: 'popup-selected',\n popupProvider: 'mindbox',\n popupType: 'stories',\n popupCampaign: 'sample_shop_C12_2024'\n});\n})", "on_success": "", "on_close_success": "", "on_close_fail": ""}, {"id": 112762, "form": 96265, "filter": null, "filter_type": null, "account": 4271, "integration_type": "javascript", "on_render": "", "on_show": "document.addEventListener('click', function (event) {\n const target = event.target;\n if (target.classList.contains('popmechanic-button')) {\n dataLayer.push({\n event: 'popup-selected',\n popupProvider: 'mindbox',\n popupType: 'popup_desktop',\n popupCampaign: 'crazy_offer_\u042112_2024'\n });\n\n // \u0421\u043e\u0445\u0440\u0430\u043d\u044f\u0435\u043c \u0434\u0430\u043d\u043d\u044b\u0435 \u0432 localStorage\n localStorage.setItem('popupData', JSON.stringify({\n event: 'popup-selected',\n popupProvider: 'mindbox',\n popupType: 'popup_desktop',\n popupCampaign: 'crazy_offer_\u042112_2024'\n }));\n }\n});\n\nwindow.addEventListener('beforeunload', function () {\n // \u041f\u043e\u043b\u0443\u0447\u0430\u0435\u043c \u0434\u0430\u043d\u043d\u044b\u0435 \u0438\u0437 localStorage\n const savedData = localStorage.getItem('popupData');\n if (savedData) {\n const popupData = JSON.parse(savedData);\n // \u0412\u044b\u043f\u043e\u043b\u043d\u044f\u0435\u043c dataLayer.push \u0441 \u0434\u0430\u043d\u043d\u044b\u043c\u0438\n dataLayer.push(popupData);\n // \u041e\u0447\u0438\u0449\u0430\u0435\u043c \u0434\u0430\u043d\u043d\u044b\u0435 \u0438\u0437 localStorage\n localStorage.removeItem('popupData');\n }\n});", "on_success": "", "on_close_success": "", "on_close_fail": ""}, {"id": 112473, "form": 96083, "filter": null, "filter_type": null, "account": 4271, "integration_type": "javascript", "on_render": "", "on_show": "document.addEventListener('click', function (event) {\n const target = event.target;\n if (target.classList.contains('popmechanic-btn-mobile')) {\n dataLayer.push({\n event: 'popup-selected',\n popupProvider: 'mindbox',\n popupType: 'popup_mobile',\n popupCampaign: 'crazy_offer_C12_2024'\n });\n\n // \u0421\u043e\u0445\u0440\u0430\u043d\u044f\u0435\u043c \u0434\u0430\u043d\u043d\u044b\u0435 \u0432 localStorage\n localStorage.setItem('popupData', JSON.stringify({\n event: 'popup-selected',\n popupProvider: 'mindbox',\n popupType: 'popup_mobile',\n popupCampaign: 'crazy_offer_C12_2024'\n }));\n }\n});\n\nwindow.addEventListener('beforeunload', function () {\n // \u041f\u043e\u043b\u0443\u0447\u0430\u0435\u043c \u0434\u0430\u043d\u043d\u044b\u0435 \u0438\u0437 localStorage\n const savedData = localStorage.getItem('popupData');\n if (savedData) {\n const popupData = JSON.parse(savedData);\n // \u0412\u044b\u043f\u043e\u043b\u043d\u044f\u0435\u043c dataLayer.push \u0441 \u0434\u0430\u043d\u043d\u044b\u043c\u0438\n dataLayer.push(popupData);\n // \u041e\u0447\u0438\u0449\u0430\u0435\u043c \u0434\u0430\u043d\u043d\u044b\u0435 \u0438\u0437 localStorage\n localStorage.removeItem('popupData');\n }\n});", "on_success": "", "on_close_success": "", "on_close_fail": ""}, {"id": 113523, "form": 96735, "filter": null, "filter_type": null, "account": 4271, "integration_type": "javascript", "on_render": "", "on_show": "const element = document.querySelectorAll('[data-popmechanic-link]')[0] || document.querySelectorAll('[data-popmechanic-link]')[1]\n\nelement.addEventListener('click', function (event) {\ndataLayer.push({\n event: 'popup-selected',\n popupProvider: 'mindbox',\n popupType: 'stories',\n popupCampaign: 'free_delivery_w2_C12_2024'\n});\n})", "on_success": "", "on_close_success": "", "on_close_fail": ""}, {"id": 113627, "form": 96828, "filter": null, "filter_type": null, "account": 4271, "integration_type": "javascript", "on_render": "", "on_show": "document.addEventListener('click', function (event) {\n const target = event.target;\n if (target.classList.contains('popmechanic-btn-mobile')) {\n dataLayer.push({\n event: 'popup-selected',\n popupProvider: 'mindbox',\n popupType: 'popup_mobile',\n popupCampaign: 'free_delivery_C12_w2_2024'\n });\n\n // \u0421\u043e\u0445\u0440\u0430\u043d\u044f\u0435\u043c \u0434\u0430\u043d\u043d\u044b\u0435 \u0432 localStorage\n localStorage.setItem('popupData', JSON.stringify({\n event: 'popup-selected',\n popupProvider: 'mindbox',\n popupType: 'popup_mobile',\n popupCampaign: 'free_delivery_C12_w2_2024'\n }));\n }\n});\n\nwindow.addEventListener('beforeunload', function () {\n // \u041f\u043e\u043b\u0443\u0447\u0430\u0435\u043c \u0434\u0430\u043d\u043d\u044b\u0435 \u0438\u0437 localStorage\n const savedData = localStorage.getItem('popupData');\n if (savedData) {\n const popupData = JSON.parse(savedData);\n // \u0412\u044b\u043f\u043e\u043b\u043d\u044f\u0435\u043c dataLayer.push \u0441 \u0434\u0430\u043d\u043d\u044b\u043c\u0438\n dataLayer.push(popupData);\n // \u041e\u0447\u0438\u0449\u0430\u0435\u043c \u0434\u0430\u043d\u043d\u044b\u0435 \u0438\u0437 localStorage\n localStorage.removeItem('popupData');\n }\n});", "on_success": "", "on_close_success": "", "on_close_fail": ""}, {"id": 113630, "form": 96830, "filter": null, "filter_type": null, "account": 4271, "integration_type": "javascript", "on_render": "", "on_show": "document.addEventListener('click', function (event) {\n const target = event.target;\n if (target.classList.contains('popmechanic-button')) {\n dataLayer.push({\n event: 'popup-selected',\n popupProvider: 'mindbox',\n popupType: 'popup_desktop',\n popupCampaign: 'free_delivery_\u042112_w2_2024'\n });\n\n // \u0421\u043e\u0445\u0440\u0430\u043d\u044f\u0435\u043c \u0434\u0430\u043d\u043d\u044b\u0435 \u0432 localStorage\n localStorage.setItem('popupData', JSON.stringify({\n event: 'popup-selected',\n popupProvider: 'mindbox',\n popupType: 'popup_desktop',\n popupCampaign: 'free_delivery_\u042112_w2_2024'\n }));\n }\n});\n\nwindow.addEventListener('beforeunload', function () {\n // \u041f\u043e\u043b\u0443\u0447\u0430\u0435\u043c \u0434\u0430\u043d\u043d\u044b\u0435 \u0438\u0437 localStorage\n const savedData = localStorage.getItem('popupData');\n if (savedData) {\n const popupData = JSON.parse(savedData);\n // \u0412\u044b\u043f\u043e\u043b\u043d\u044f\u0435\u043c dataLayer.push \u0441 \u0434\u0430\u043d\u043d\u044b\u043c\u0438\n dataLayer.push(popupData);\n // \u041e\u0447\u0438\u0449\u0430\u0435\u043c \u0434\u0430\u043d\u043d\u044b\u0435 \u0438\u0437 localStorage\n localStorage.removeItem('popupData');\n }\n});", "on_success": "", "on_close_success": "", "on_close_fail": ""}, {"id": 52795, "form": 56499, "filter": null, "filter_type": null, "account": 4271, "integration_type": "mindbox_server_json", "customer_extended": [{"value": "%email%", "systemName": "email"}], "customer_action_extended": [], "mode": "create", "send_customer": true, "issue_action": false, "operation": "popmechanic-integration-create-56499", "subscriptions": [{"pointOfContact": "Email"}]}, {"id": 12889, "form": 24142, "filter": null, "filter_type": null, "account": 4271, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-block-24142-show", "click_operation": "popmechanic-block-24142-click", "targeting_operation": "popmechanic-block-24142-targeting"}, {"id": 24632, "form": 38540, "filter": null, "filter_type": null, "account": 4271, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-38540-show", "click_operation": "popmechanic-popup-38540-click", "targeting_operation": "popmechanic-popup-38540-targeting"}, {"id": 26367, "form": 39719, "filter": null, "filter_type": null, "account": 4271, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-block-39719-show", "click_operation": "popmechanic-block-39719-click", "targeting_operation": "popmechanic-block-39719-targeting"}, {"id": 43166, "form": 50056, "filter": null, "filter_type": null, "account": 4271, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-reco-widget-50056-show", "click_operation": null, "targeting_operation": "popmechanic-reco-widget-50056-targeting"}, {"id": 52796, "form": 56499, "filter": null, "filter_type": null, "account": 4271, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-block-56499-show", "click_operation": "popmechanic-block-56499-click", "targeting_operation": "popmechanic-block-56499-targeting"}, {"id": 57805, "form": 59590, "filter": null, "filter_type": null, "account": 4271, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-59590-show", "click_operation": "popmechanic-popup-59590-click", "targeting_operation": "popmechanic-popup-59590-targeting"}, {"id": 59163, "form": 60507, "filter": null, "filter_type": null, "account": 4271, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-60507-show", "click_operation": "popmechanic-popup-60507-click", "targeting_operation": "popmechanic-popup-60507-targeting"}, {"id": 66814, "form": 65539, "filter": null, "filter_type": null, "account": 4271, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-65539-show", "click_operation": "popmechanic-popup-65539-click", "targeting_operation": "popmechanic-popup-65539-targeting"}, {"id": 67507, "form": 65969, "filter": null, "filter_type": null, "account": 4271, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-block-65969-show", "click_operation": "popmechanic-block-65969-click", "targeting_operation": "popmechanic-block-65969-targeting"}, {"id": 90295, "form": 81193, "filter": null, "filter_type": null, "account": 4271, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-block-81193-show", "click_operation": "popmechanic-block-81193-click", "targeting_operation": "popmechanic-block-81193-targeting"}, {"id": 93375, "form": 83123, "filter": null, "filter_type": null, "account": 4271, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-83123-show", "click_operation": "popmechanic-popup-83123-click", "targeting_operation": "popmechanic-popup-83123-targeting"}, {"id": 104728, "form": 90706, "filter": null, "filter_type": null, "account": 4271, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-90706-show", "click_operation": "popmechanic-popup-90706-click", "targeting_operation": "popmechanic-popup-90706-targeting"}, {"id": 104730, "form": 90707, "filter": null, "filter_type": null, "account": 4271, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-90707-show", "click_operation": "popmechanic-popup-90707-click", "targeting_operation": "popmechanic-popup-90707-targeting"}, {"id": 104734, "form": 90709, "filter": null, "filter_type": null, "account": 4271, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-90709-show", "click_operation": "popmechanic-popup-90709-click", "targeting_operation": "popmechanic-popup-90709-targeting"}, {"id": 104736, "form": 90710, "filter": null, "filter_type": null, "account": 4271, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-90710-show", "click_operation": "popmechanic-popup-90710-click", "targeting_operation": "popmechanic-popup-90710-targeting"}, {"id": 112474, "form": 96083, "filter": null, "filter_type": null, "account": 4271, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-96083-show", "click_operation": "popmechanic-popup-96083-click", "targeting_operation": "popmechanic-popup-96083-targeting"}, {"id": 112763, "form": 96265, "filter": null, "filter_type": null, "account": 4271, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-96265-show", "click_operation": "popmechanic-popup-96265-click", "targeting_operation": "popmechanic-popup-96265-targeting"}, {"id": 113521, "form": 96735, "filter": null, "filter_type": null, "account": 4271, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-96735-show", "click_operation": "popmechanic-popup-96735-click", "targeting_operation": "popmechanic-popup-96735-targeting"}, {"id": 113628, "form": 96828, "filter": null, "filter_type": null, "account": 4271, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-96828-show", "click_operation": "popmechanic-popup-96828-click", "targeting_operation": "popmechanic-popup-96828-targeting"}, {"id": 113631, "form": 96830, "filter": null, "filter_type": null, "account": 4271, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-96830-show", "click_operation": "popmechanic-popup-96830-click", "targeting_operation": "popmechanic-popup-96830-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}