{"forms": [{"id": 97643, "template": 1537, "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": ["app.comagic", "app2.comagic"], "operator": "$in_contains"}], "operator": "$and"}, {"id": "4", "name": "$and", "type": "current_page", "nodes": [{"id": "5", "field": "page", "value": "go2.comagic", "operator": "$exclude"}, {"id": "6", "field": "page", "value": "go.comagic", "operator": "$exclude"}], "operator": "$and"}], "operator": "$and"}}, "settings_splits": [{"settings": {"title": "\u0422\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u0440\u0430\u0431\u043e\u0442\u044b \u043d\u0430 \u0440\u044f\u0434\u0435 \u0441\u0435\u0440\u0432\u0435\u0440\u043e\u0432", "btn_url": "https://www.comagic.ru/authorization/", "img_src": "https://personalization-web-stable.mindbox.ru/user-media/35550/c3d77ebf475f09618296844f045e2209bb86a420eb4d891874dd2e05bf79a0ee.png", "bg_color": "#fbf5c8", "btn_show": "0", "btn_text": "\u0412\u043e\u0439\u0442\u0438 \u0432 \u041b\u041a CoMagic", "subtitle": "12.09.24\u0433. \u0432 \u043f\u0435\u0440\u0438\u043e\u0434 0:00 - 02:00 (\u041c\u0421\u041a) \u0431\u0443\u0434\u0443\u0442 \u043f\u0440\u043e\u0432\u043e\u0434\u0438\u0442\u044c\u0441\u044f \u043f\u043b\u0430\u043d\u043e\u0432\u044b\u0435 \u0440\u0430\u0431\u043e\u0442\u044b \u043d\u0430 \u0440\u044f\u0434\u0435 \u0441\u0435\u0440\u0432\u0435\u0440\u043e\u0432 \u0438 \u0441\u0435\u0442\u0438 \u043f\u0435\u0440\u0435\u0434\u0430\u0447\u0438 \u0434\u0430\u043d\u043d\u044b\u0445.
\u0412\u043e\u0437\u043c\u043e\u0436\u0435\u043d \u043f\u0435\u0440\u0435\u0440\u044b\u0432 \u0432 \u0440\u0430\u0431\u043e\u0442\u0435 \u0441\u0435\u0440\u0432\u0438\u0441\u043e\u0432 \u043e\u0431\u0449\u0435\u0439 \u043f\u0440\u043e\u0434\u043e\u043b\u0436\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u044c\u044e \u0434\u043e 60 \u043c\u0438\u043d\u0443\u0442.", "btn_blank": "1", "btn_action": "link", "close_show": "1", "title_show": "1", "border_show": "0", "btn_form_id": "0", "font_custom": "\u2018Circe\u2019, Arial, sans-serif", "font_family": "Tahoma, Geneva, sans-serif", "title_color": "#000000", "border_color": "#fff", "border_width": "0.00", "btn_bg_color": "#00a769", "width_mobile": "300.00", "subtitle_show": "1", "width_desktop": "2000.00", "btn_text_color": "#ffffff", "close_size_mob": "22.00", "padding_mobile": "0.00", "subtitle_color": "#000000", "close_color_mob": "#ffffff", "close_size_desk": "16.00", "img_show_mobile": "0", "padding_desktop": "20.00", "btn_bg_color_hov": "#3d924f", "btn_border_color": "#000", "btn_border_width": "0.00", "close_color_desk": "#32334e", "font_custom_show": "0", "img_show_desktop": "0", "img_width_mobile": "0.00", "btn_border_radius": "20.00", "btn_height_mobile": "9.00", "close_bg_show_mob": "0", "img_width_desktop": "143.00", "text_align_mobile": "left", "btn_height_desktop": "10.00", "btn_text_color_hov": "#ffffff", "close_bg_color_mob": "#000000", "close_bg_show_desk": "0", "text_align_desktop": "left", "close_bg_color_desk": "#000000", "width_option_mobile": "0", "btn_border_color_hov": "#000", "btn_font_size_mobile": "14.00", "width_option_desktop": "0", "btn_font_size_desktop": "16.00", "close_bg_transparency": "0.5", "title_font_size_mobile": "15.00", "title_font_size_desktop": "18.00", "subtitle_font_size_mobile": "14.00", "subtitle_font_size_desktop": "13.00"}, "button_settings": {}, "conditions_splits": [], "id": 97051, "behavior_settings": {"embedded": {"animation_out": "fadeOut"}}}], "pinned": false, "name": "UIS \u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u0440\u0430\u0431\u043e\u0442\u044b \u041b\u041a app.comagic 090924 #97643", "active": true, "embed_selector": true, "selector": "#container-1032", "placement": "start", "frequency": {"once_lifetime": false, "once_session": true, "priority": false, "minimal_timeout": null}, "start_date": null, "end_date": "2024-09-12T02:30: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": null, "rendered_preview": "https://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-98192.png?ts=1725888186311&id=11e4317a-26c3-48e7-9be5-b21fb4dfaea4", "rendered_button_preview": null, "settings": {"title": "\u0422\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u0440\u0430\u0431\u043e\u0442\u044b \u043d\u0430 \u0440\u044f\u0434\u0435 \u0441\u0435\u0440\u0432\u0435\u0440\u043e\u0432", "btn_url": "https://www.comagic.ru/authorization/", "img_src": "https://personalization-web-stable.mindbox.ru/user-media/35550/c3d77ebf475f09618296844f045e2209bb86a420eb4d891874dd2e05bf79a0ee.png", "bg_color": "#fbf5c8", "btn_show": "0", "btn_text": "\u0412\u043e\u0439\u0442\u0438 \u0432 \u041b\u041a CoMagic", "subtitle": "12.09.24\u0433. \u0432 \u043f\u0435\u0440\u0438\u043e\u0434 0:00 - 02:00 (\u041c\u0421\u041a) \u0431\u0443\u0434\u0443\u0442 \u043f\u0440\u043e\u0432\u043e\u0434\u0438\u0442\u044c\u0441\u044f \u043f\u043b\u0430\u043d\u043e\u0432\u044b\u0435 \u0440\u0430\u0431\u043e\u0442\u044b \u043d\u0430 \u0440\u044f\u0434\u0435 \u0441\u0435\u0440\u0432\u0435\u0440\u043e\u0432 \u0438 \u0441\u0435\u0442\u0438 \u043f\u0435\u0440\u0435\u0434\u0430\u0447\u0438 \u0434\u0430\u043d\u043d\u044b\u0445.
\u0412\u043e\u0437\u043c\u043e\u0436\u0435\u043d \u043f\u0435\u0440\u0435\u0440\u044b\u0432 \u0432 \u0440\u0430\u0431\u043e\u0442\u0435 \u0441\u0435\u0440\u0432\u0438\u0441\u043e\u0432 \u043e\u0431\u0449\u0435\u0439 \u043f\u0440\u043e\u0434\u043e\u043b\u0436\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u044c\u044e \u0434\u043e 60 \u043c\u0438\u043d\u0443\u0442.", "btn_blank": "1", "btn_action": "link", "close_show": "1", "title_show": "1", "border_show": "0", "btn_form_id": "0", "font_custom": "\u2018Circe\u2019, Arial, sans-serif", "font_family": "Tahoma, Geneva, sans-serif", "title_color": "#000000", "border_color": "#fff", "border_width": "0.00", "btn_bg_color": "#00a769", "width_mobile": "300.00", "subtitle_show": "1", "width_desktop": "2000.00", "btn_text_color": "#ffffff", "close_size_mob": "22.00", "padding_mobile": "0.00", "subtitle_color": "#000000", "close_color_mob": "#ffffff", "close_size_desk": "16.00", "img_show_mobile": "0", "padding_desktop": "20.00", "btn_bg_color_hov": "#3d924f", "btn_border_color": "#000", "btn_border_width": "0.00", "close_color_desk": "#32334e", "font_custom_show": "0", "img_show_desktop": "0", "img_width_mobile": "0.00", "btn_border_radius": "20.00", "btn_height_mobile": "9.00", "close_bg_show_mob": "0", "img_width_desktop": "143.00", "text_align_mobile": "left", "btn_height_desktop": "10.00", "btn_text_color_hov": "#ffffff", "close_bg_color_mob": "#000000", "close_bg_show_desk": "0", "text_align_desktop": "left", "close_bg_color_desk": "#000000", "width_option_mobile": "0", "btn_border_color_hov": "#000", "btn_font_size_mobile": "14.00", "width_option_desktop": "0", "btn_font_size_desktop": "16.00", "close_bg_transparency": "0.5", "title_font_size_mobile": "15.00", "title_font_size_desktop": "18.00", "subtitle_font_size_mobile": "14.00", "subtitle_font_size_desktop": "13.00"}, "button_settings": {}, "behavior_settings": {"embedded": {"animation_out": "fadeOut"}}, "html": "", "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 = 24\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<% if(!parseInt(font_custom_show)) { %>\r\n @import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;900&family=Roboto:wght@400;900&display=swap');\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 display: inline-block;\r\n <% if(parseInt(font_custom_show)) { %>\r\n font-family: <%=font_custom%>;\r\n <% } else { %>\r\n font-family: <%=font_family%>;\r\n <% } %>\r\n vertical-align: middle;\r\n position: relative;\r\n background-color: <%=bg_color%>;\r\n <% if(parseInt(border_show)) { %>\r\n border-color: <%=border_color%>;\r\n border-width: <%=border_width%>px;\r\n border-style: solid;\r\n <% } %>\r\n}\r\n\r\n#popmechanic-form .popmechanic-main {\r\n position: relative;\r\n z-index: 10;\r\n height: 100%;\r\n}\r\n\r\n#popmechanic-form .popmechanic-content {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-top: 20;\r\n margin-bottom: 20;\r\n height: 100%;\r\n}\r\n\r\n#popmechanic-form .popmechanic-image {\r\n height: auto;\r\n flex-shrink: 0;\r\n}\r\n\r\n#popmechanic-form .popmechanic-title {\r\n margin-top: 20;\r\n margin-bottom: 20;\r\n margin-right: 60;\r\n margin-left: 60;\r\n font-weight: 500;\r\n line-height: 1.3;\r\n color: <%=title_color%>;\r\n line-height: 2;\r\n}\r\n\r\n#popmechanic-form .popmechanic-subtitle {\r\n margin: 0;\r\n font-weight: 400;\r\n color: <%=subtitle_color%>;\r\n line-height: 2;\r\n}\r\n\r\n#popmechanic-form .popmechanic-button {\r\n display: block;\r\n flex-shrink: 0;\r\n text-align: center;\r\n text-decoration: none;\r\n border: <%= btn_border_width %>px solid;\r\n background-color: <%=btn_bg_color%>;\r\n border-color: <%=btn_border_color%>;\r\n color: <%=btn_text_color%>;\r\n border-radius: <%=btn_border_radius%>px;\r\n font-weight: 500;\r\n}\r\n\r\n#popmechanic-form .popmechanic-button:hover {\r\n background-color: <%=btn_bg_color_hov%>;\r\n color: <%=btn_text_color_hov%>;\r\n border-color: <%=btn_border_color_hov%>;\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form {\r\n <% if(parseInt(width_option_desktop)) { %>\r\n width: <%= width_desktop %>px;\r\n <% } else { %>\r\n width: 100%;\r\n <% } %>\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form .popmechanic-main {\r\n padding: <%=padding_desktop%>px;\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form .popmechanic-image {\r\n display: <%= parseInt(img_show_desktop) ? 'block' : 'none' %>;\r\n width: <%=img_width_desktop%>px;\r\n margin-right: 45px;\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form .popmechanic-header {\r\n max-width: 1600px;\r\n margin-right: 0px;\r\n margin-top: 0px;\r\n margin-bottom: -10px;\r\n text-align: <%=text_align_desktop%>;\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form .popmechanic-title {\r\n font-size: <%=title_font_size_desktop%>px;\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form .popmechanic-subtitle {\r\n font-size: <%=subtitle_font_size_desktop%>px;\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form .popmechanic-button {\r\n padding: <%= btn_height_desktop %>px 70px;\r\n font-size: <%= btn_font_size_desktop %>px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form,\r\n.popmechanic-mobile #popmechanic-form {\r\n box-sizing: content-box;\r\n <% if(parseInt(width_option_mobile)) { %>\r\n width: <%= width_mobile %>px;\r\n <% } else { %>\r\n width: 100%;\r\n <% } %>\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-main,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main {\r\n padding: <%=padding_mobile%>px <%= padding_mobile / 2 %>px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-content,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-content {\r\n height: auto;\r\n display: block;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-image,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-image {\r\n display: <%= parseInt(img_show_mobile) ? 'block' : 'none' %>;\r\n width: <%= img_width_mobile %>px;\r\n float: left;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-header,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-header {\r\n margin-bottom: 26px;\r\n margin-left: 52px;\r\n text-align: <%=text_align_mobile%>;\r\n overflow: hidden;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-title,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-title {\r\n font-size: <%=title_font_size_mobile%>px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-subtitle,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-subtitle {\r\n font-size: <%=subtitle_font_size_mobile%>px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-button,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-button {\r\n display: inline-flex;\r\n margin-left: 52px;\r\n padding: <%= btn_height_mobile %>px 35px;\r\n font-size: <%= btn_font_size_mobile %>px;\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_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 97641, "template": 1537, "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": "app2.comagic", "operator": "$exclude"}, {"id": "4", "field": "page", "value": "app.comagic", "operator": "$exclude"}], "operator": "$and"}, {"id": "5", "name": "$and", "type": "current_page", "nodes": [{"id": "6", "field": "page", "value": ["go2.comagic", "go.comagic"], "operator": "$in_contains"}], "operator": "$and"}], "operator": "$and"}}, "settings_splits": [{"settings": {"title": "\u0422\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u0440\u0430\u0431\u043e\u0442\u044b \u043d\u0430 \u0440\u044f\u0434\u0435 \u0441\u0435\u0440\u0432\u0435\u0440\u043e\u0432", "btn_url": "https://www.comagic.ru/authorization/", "img_src": "https://personalization-web-stable.mindbox.ru/user-media/35550/c3d77ebf475f09618296844f045e2209bb86a420eb4d891874dd2e05bf79a0ee.png", "bg_color": "#fbf5c8", "btn_show": "0", "btn_text": "\u0412\u043e\u0439\u0442\u0438 \u0432 \u041b\u041a CoMagic", "subtitle": "12.09.24\u0433. \u0432 \u043f\u0435\u0440\u0438\u043e\u0434 0:00 - 02:00 (\u041c\u0421\u041a) \u0431\u0443\u0434\u0443\u0442 \u043f\u0440\u043e\u0432\u043e\u0434\u0438\u0442\u044c\u0441\u044f \u043f\u043b\u0430\u043d\u043e\u0432\u044b\u0435 \u0440\u0430\u0431\u043e\u0442\u044b \u043d\u0430 \u0440\u044f\u0434\u0435 \u0441\u0435\u0440\u0432\u0435\u0440\u043e\u0432 \u0438 \u0441\u0435\u0442\u0438 \u043f\u0435\u0440\u0435\u0434\u0430\u0447\u0438 \u0434\u0430\u043d\u043d\u044b\u0445.
\u0412\u043e\u0437\u043c\u043e\u0436\u0435\u043d \u043f\u0435\u0440\u0435\u0440\u044b\u0432 \u0432 \u0440\u0430\u0431\u043e\u0442\u0435 \u0441\u0435\u0440\u0432\u0438\u0441\u043e\u0432 \u043e\u0431\u0449\u0435\u0439 \u043f\u0440\u043e\u0434\u043e\u043b\u0436\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u044c\u044e \u0434\u043e 60 \u043c\u0438\u043d\u0443\u0442.", "btn_blank": "1", "btn_action": "link", "close_show": "1", "title_show": "1", "border_show": "0", "btn_form_id": "0", "font_custom": "\u2018Circe\u2019, Arial, sans-serif", "font_family": "Tahoma, Geneva, sans-serif", "title_color": "#000000", "border_color": "#fff", "border_width": "0.00", "btn_bg_color": "#00a769", "width_mobile": "300.00", "subtitle_show": "1", "width_desktop": "2000.00", "btn_text_color": "#ffffff", "close_size_mob": "22.00", "padding_mobile": "0.00", "subtitle_color": "#000000", "close_color_mob": "#ffffff", "close_size_desk": "16.00", "img_show_mobile": "0", "padding_desktop": "20.00", "btn_bg_color_hov": "#3d924f", "btn_border_color": "#000", "btn_border_width": "0.00", "close_color_desk": "#32334e", "font_custom_show": "0", "img_show_desktop": "0", "img_width_mobile": "0.00", "btn_border_radius": "20.00", "btn_height_mobile": "9.00", "close_bg_show_mob": "0", "img_width_desktop": "143.00", "text_align_mobile": "left", "btn_height_desktop": "10.00", "btn_text_color_hov": "#ffffff", "close_bg_color_mob": "#000000", "close_bg_show_desk": "0", "text_align_desktop": "left", "close_bg_color_desk": "#000000", "width_option_mobile": "0", "btn_border_color_hov": "#000", "btn_font_size_mobile": "14.00", "width_option_desktop": "0", "btn_font_size_desktop": "16.00", "close_bg_transparency": "0.5", "title_font_size_mobile": "15.00", "title_font_size_desktop": "18.00", "subtitle_font_size_mobile": "14.00", "subtitle_font_size_desktop": "13.00"}, "button_settings": {}, "conditions_splits": [], "id": 97049, "behavior_settings": {"embedded": {"animation_out": "fadeOut"}}}], "pinned": false, "name": "UIS \u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u0440\u0430\u0431\u043e\u0442\u044b \u041b\u041a go.comagic 090924 #97641", "active": true, "embed_selector": true, "selector": "#rootMain", "placement": "start", "frequency": {"once_lifetime": false, "once_session": true, "priority": false, "minimal_timeout": null}, "start_date": null, "end_date": "2024-09-12T02:30: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": null, "rendered_preview": "https://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-98190.png?ts=1725887500510&id=c525e5b9-899b-4c42-83d2-2eecbba68035", "rendered_button_preview": null, "settings": {"title": "\u0422\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u0440\u0430\u0431\u043e\u0442\u044b \u043d\u0430 \u0440\u044f\u0434\u0435 \u0441\u0435\u0440\u0432\u0435\u0440\u043e\u0432", "btn_url": "https://www.comagic.ru/authorization/", "img_src": "https://personalization-web-stable.mindbox.ru/user-media/35550/c3d77ebf475f09618296844f045e2209bb86a420eb4d891874dd2e05bf79a0ee.png", "bg_color": "#fbf5c8", "btn_show": "0", "btn_text": "\u0412\u043e\u0439\u0442\u0438 \u0432 \u041b\u041a CoMagic", "subtitle": "12.09.24\u0433. \u0432 \u043f\u0435\u0440\u0438\u043e\u0434 0:00 - 02:00 (\u041c\u0421\u041a) \u0431\u0443\u0434\u0443\u0442 \u043f\u0440\u043e\u0432\u043e\u0434\u0438\u0442\u044c\u0441\u044f \u043f\u043b\u0430\u043d\u043e\u0432\u044b\u0435 \u0440\u0430\u0431\u043e\u0442\u044b \u043d\u0430 \u0440\u044f\u0434\u0435 \u0441\u0435\u0440\u0432\u0435\u0440\u043e\u0432 \u0438 \u0441\u0435\u0442\u0438 \u043f\u0435\u0440\u0435\u0434\u0430\u0447\u0438 \u0434\u0430\u043d\u043d\u044b\u0445.
\u0412\u043e\u0437\u043c\u043e\u0436\u0435\u043d \u043f\u0435\u0440\u0435\u0440\u044b\u0432 \u0432 \u0440\u0430\u0431\u043e\u0442\u0435 \u0441\u0435\u0440\u0432\u0438\u0441\u043e\u0432 \u043e\u0431\u0449\u0435\u0439 \u043f\u0440\u043e\u0434\u043e\u043b\u0436\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u044c\u044e \u0434\u043e 60 \u043c\u0438\u043d\u0443\u0442.", "btn_blank": "1", "btn_action": "link", "close_show": "1", "title_show": "1", "border_show": "0", "btn_form_id": "0", "font_custom": "\u2018Circe\u2019, Arial, sans-serif", "font_family": "Tahoma, Geneva, sans-serif", "title_color": "#000000", "border_color": "#fff", "border_width": "0.00", "btn_bg_color": "#00a769", "width_mobile": "300.00", "subtitle_show": "1", "width_desktop": "2000.00", "btn_text_color": "#ffffff", "close_size_mob": "22.00", "padding_mobile": "0.00", "subtitle_color": "#000000", "close_color_mob": "#ffffff", "close_size_desk": "16.00", "img_show_mobile": "0", "padding_desktop": "20.00", "btn_bg_color_hov": "#3d924f", "btn_border_color": "#000", "btn_border_width": "0.00", "close_color_desk": "#32334e", "font_custom_show": "0", "img_show_desktop": "0", "img_width_mobile": "0.00", "btn_border_radius": "20.00", "btn_height_mobile": "9.00", "close_bg_show_mob": "0", "img_width_desktop": "143.00", "text_align_mobile": "left", "btn_height_desktop": "10.00", "btn_text_color_hov": "#ffffff", "close_bg_color_mob": "#000000", "close_bg_show_desk": "0", "text_align_desktop": "left", "close_bg_color_desk": "#000000", "width_option_mobile": "0", "btn_border_color_hov": "#000", "btn_font_size_mobile": "14.00", "width_option_desktop": "0", "btn_font_size_desktop": "16.00", "close_bg_transparency": "0.5", "title_font_size_mobile": "15.00", "title_font_size_desktop": "18.00", "subtitle_font_size_mobile": "14.00", "subtitle_font_size_desktop": "13.00"}, "button_settings": {}, "behavior_settings": {"embedded": {"animation_out": "fadeOut"}}, "html": "", "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 = 24\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<% if(!parseInt(font_custom_show)) { %>\r\n @import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;900&family=Roboto:wght@400;900&display=swap');\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 display: inline-block;\r\n <% if(parseInt(font_custom_show)) { %>\r\n font-family: <%=font_custom%>;\r\n <% } else { %>\r\n font-family: <%=font_family%>;\r\n <% } %>\r\n vertical-align: middle;\r\n position: relative;\r\n background-color: <%=bg_color%>;\r\n <% if(parseInt(border_show)) { %>\r\n border-color: <%=border_color%>;\r\n border-width: <%=border_width%>px;\r\n border-style: solid;\r\n <% } %>\r\n}\r\n\r\n#popmechanic-form .popmechanic-main {\r\n position: relative;\r\n z-index: 10;\r\n height: 100%;\r\n}\r\n\r\n#popmechanic-form .popmechanic-content {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-top: 20;\r\n margin-bottom: 20;\r\n height: 100%;\r\n}\r\n\r\n#popmechanic-form .popmechanic-image {\r\n height: auto;\r\n flex-shrink: 0;\r\n}\r\n\r\n#popmechanic-form .popmechanic-title {\r\n margin-top: 20;\r\n margin-bottom: 20;\r\n margin-right: 60;\r\n margin-left: 60;\r\n font-weight: 500;\r\n line-height: 1.3;\r\n color: <%=title_color%>;\r\n line-height: 2;\r\n}\r\n\r\n#popmechanic-form .popmechanic-subtitle {\r\n margin: 0;\r\n font-weight: 400;\r\n color: <%=subtitle_color%>;\r\n line-height: 2;\r\n}\r\n\r\n#popmechanic-form .popmechanic-button {\r\n display: block;\r\n flex-shrink: 0;\r\n text-align: center;\r\n text-decoration: none;\r\n border: <%= btn_border_width %>px solid;\r\n background-color: <%=btn_bg_color%>;\r\n border-color: <%=btn_border_color%>;\r\n color: <%=btn_text_color%>;\r\n border-radius: <%=btn_border_radius%>px;\r\n font-weight: 500;\r\n}\r\n\r\n#popmechanic-form .popmechanic-button:hover {\r\n background-color: <%=btn_bg_color_hov%>;\r\n color: <%=btn_text_color_hov%>;\r\n border-color: <%=btn_border_color_hov%>;\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form {\r\n <% if(parseInt(width_option_desktop)) { %>\r\n width: <%= width_desktop %>px;\r\n <% } else { %>\r\n width: 100%;\r\n <% } %>\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form .popmechanic-main {\r\n padding: <%=padding_desktop%>px;\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form .popmechanic-image {\r\n display: <%= parseInt(img_show_desktop) ? 'block' : 'none' %>;\r\n width: <%=img_width_desktop%>px;\r\n margin-right: 45px;\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form .popmechanic-header {\r\n max-width: 1600px;\r\n margin-right: 0px;\r\n margin-top: 0px;\r\n margin-bottom: -10px;\r\n text-align: <%=text_align_desktop%>;\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form .popmechanic-title {\r\n font-size: <%=title_font_size_desktop%>px;\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form .popmechanic-subtitle {\r\n font-size: <%=subtitle_font_size_desktop%>px;\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form .popmechanic-button {\r\n padding: <%= btn_height_desktop %>px 70px;\r\n font-size: <%= btn_font_size_desktop %>px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form,\r\n.popmechanic-mobile #popmechanic-form {\r\n box-sizing: content-box;\r\n <% if(parseInt(width_option_mobile)) { %>\r\n width: <%= width_mobile %>px;\r\n <% } else { %>\r\n width: 100%;\r\n <% } %>\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-main,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main {\r\n padding: <%=padding_mobile%>px <%= padding_mobile / 2 %>px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-content,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-content {\r\n height: auto;\r\n display: block;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-image,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-image {\r\n display: <%= parseInt(img_show_mobile) ? 'block' : 'none' %>;\r\n width: <%= img_width_mobile %>px;\r\n float: left;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-header,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-header {\r\n margin-bottom: 26px;\r\n margin-left: 52px;\r\n text-align: <%=text_align_mobile%>;\r\n overflow: hidden;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-title,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-title {\r\n font-size: <%=title_font_size_mobile%>px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-subtitle,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-subtitle {\r\n font-size: <%=subtitle_font_size_mobile%>px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-button,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-button {\r\n display: inline-flex;\r\n margin-left: 52px;\r\n padding: <%= btn_height_mobile %>px 35px;\r\n font-size: <%= btn_font_size_mobile %>px;\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_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": true}, {"id": 60558, "template": 2004, "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": ["comagic.ru/blog/?page=thanks"], "operator": "$in_contains"}], "operator": "$and"}], "operator": "$and"}}, "settings_splits": [{"settings": {"title": "\u0421\u043f\u0430\u0441\u0438\u0431\u043e \u0437\u0430 \u043e\u0442\u0432\u0435\u0442!
\u041c\u044b \u0443\u0436\u0435 \u0433\u043e\u0442\u043e\u0432\u0438\u043c \u043f\u043e\u0434\u0431\u043e\u0440\u043a\u0443 \u043f\u0438\u0441\u0435\u043c, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0431\u0443\u0434\u0443\u0442 \u043f\u043e\u043b\u0435\u0437\u043d\u044b \u0438\u043c\u0435\u043d\u043d\u043e \u0432\u0430\u043c \ud83d\ude09", "width": "310.00", "bg_color": "#fff", "title_fs": "16", "padding_x": "30.00", "padding_y": "16.00", "close_size": "18", "close_color": "#0000aa", "font_custom": "Circe, Arial, sans-serif", "font_family": "Verdana, Geneva, sans-serif", "shadow_show": "1", "shadow_size": "5.00", "title_align": "left", "title_color": "#000", "border_color": "#0000aa", "border_width": "0.00", "border_radius": "20.00", "close_bg_show": "0", "close_bg_color": "#222", "font_custom_show": "0", "close_bg_transparency": "1"}, "button_settings": {}, "conditions_splits": [{"conditions": {"immediate": "1"}, "combinator": "and", "id": 181022}], "id": 59966, "behavior_settings": {"button": {"on": false, "positions": {"desktop": {"top": "0px", "left": "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": false, "animation_out": "fadeOut", "paranja_color": "#000000", "paranja_opacity": 0.3}}}], "pinned": false, "name": "\u0421\u043f\u0430\u0441\u0438\u0431\u043e \u0437\u0430 \u043e\u0442\u0432\u0435\u0442 (CM) #60558", "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": 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-60558.png?ts=1680685928321", "rendered_button_preview": null, "settings": {"title": "\u0421\u043f\u0430\u0441\u0438\u0431\u043e \u0437\u0430 \u043e\u0442\u0432\u0435\u0442!
\u041c\u044b \u0443\u0436\u0435 \u0433\u043e\u0442\u043e\u0432\u0438\u043c \u043f\u043e\u0434\u0431\u043e\u0440\u043a\u0443 \u043f\u0438\u0441\u0435\u043c, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0431\u0443\u0434\u0443\u0442 \u043f\u043e\u043b\u0435\u0437\u043d\u044b \u0438\u043c\u0435\u043d\u043d\u043e \u0432\u0430\u043c \ud83d\ude09", "width": "310.00", "bg_color": "#fff", "title_fs": "16", "padding_x": "30.00", "padding_y": "16.00", "close_size": "18", "close_color": "#0000aa", "font_custom": "Circe, Arial, sans-serif", "font_family": "Verdana, Geneva, sans-serif", "shadow_show": "1", "shadow_size": "5.00", "title_align": "left", "title_color": "#000", "border_color": "#0000aa", "border_width": "0.00", "border_radius": "20.00", "close_bg_show": "0", "close_bg_color": "#222", "font_custom_show": "0", "close_bg_transparency": "1"}, "button_settings": {}, "behavior_settings": {"button": {"on": false, "positions": {"desktop": {"top": "0px", "left": "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": 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": 55548, "template": 1784, "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": ["page=SvojVariantDolzhnosti"], "operator": "$in_contains"}], "operator": "$and"}], "operator": "$and"}}, "settings_splits": [{"settings": {"title": "\u041a\u0430\u043a\u043e\u0432\u0430 \u0432\u0430\u0448\u0430 \u0440\u043e\u043b\u044c \u0432 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438?", "bg_color": "#f8f8f8", "btn_text": "\u041e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c", "img_same": "1", "subtitle": "", "title_fw": "400", "thx_title": "\u0421\u043f\u0430\u0441\u0438\u0431\u043e!", "width_mob": "320", "btn_fs_mob": "16", "width_desk": "470.00", "btn_fs_desk": "16", "close_color": "#000", "font_custom": "\u2018Circe\u2019, Arial, sans-serif", "font_family": "Roboto, sans-serif", "img_src_mob": "https://personalization-web-stable.mindbox.ru/user-media/28173/394633c052221bf161c01e34acf9a2e4f8cf694188eca593bdddff8abd904413.png", "shadow_show": "0", "shadow_size": "10", "title_color": "#000000", "border_color": "#000000", "btn_bg_color": "#8DE213", "img_show_mob": "1", "img_src_desk": "https://personalization-web-stable.mindbox.ru/user-media/28173/2fff9b5df079124041342cfb9b4e8f64c173354751175ab41ed8f992f8232ce7.png", "input_fs_mob": "12", "thx_btn_show": "0", "thx_btn_text": "\u0417\u0430\u043a\u0440\u044b\u0442\u044c", "thx_img_same": "0", "thx_subtitle": "", "title_fs_mob": "16", "border_radius": "20.00", "btn_width_mob": "220", "close_bg_show": "0", "img_show_desk": "0", "input_comment": "\u041d\u0430\u043f\u0438\u0448\u0438\u0442\u0435 \u0434\u043e\u043b\u0436\u043d\u043e\u0441\u0442\u044c", "input_fs_desk": "14.00", "padding_x_mob": "8", "padding_y_mob": "16", "title_fs_desk": "18", "btn_height_mob": "40", "btn_text_color": "#ffffff", "btn_width_desk": "199.00", "close_bg_color": "#fff", "close_size_mob": "24", "img_height_mob": "57", "input_bg_color": "#ffffff", "padding_x_desk": "32.00", "padding_y_desk": "15.00", "subtitle_color": "#000000", "text_align_mob": "center", "btn_height_desk": "40.00", "close_size_desk": "24", "img_height_desk": "100.00", "subtitle_fs_mob": "12", "text_align_desk": "center", "thx_img_src_mob": "https://personalization-web-stable.mindbox.ru/user-media/28173/394633c052221bf161c01e34acf9a2e4f8cf694188eca593bdddff8abd904413.png", "border_width_mob": "0", "btn_bg_color_hov": "#d31bdd", "btn_border_color": "#8DE213", "btn_border_width": "0.00", "font_custom_show": "1", "input_height_mob": "230", "input_text_color": "#000000", "subtitle_fs_desk": "10.00", "thx_img_show_mob": "0", "thx_img_src_desk": "https://personalization-web-stable.mindbox.ru/user-media/28173/2fff9b5df079124041342cfb9b4e8f64c173354751175ab41ed8f992f8232ce7.png", "border_width_desk": "0", "btn_border_radius": "20", "btn_width_fix_mob": "1", "input_height_desk": "20.00", "thx_img_show_desk": "0", "btn_text_color_hov": "#e8e3e3", "btn_width_fix_desk": "0", "input_border_color": "#e8e8e8", "input_comment_show": "1", "thx_img_height_mob": "30.00", "input_border_radius": "20", "thx_img_height_desk": "100.00", "btn_border_color_hov": "#ff0498", "input_placeholder_color": "#999"}, "button_settings": {}, "conditions_splits": [{"conditions": {"immediate": "1"}, "combinator": "and", "id": 177499}], "id": 54972, "behavior_settings": {"lead": {"legal_text": ""}, "button": {"on": false, "positions": {"desktop": {"top": "0px", "left": "0px"}}, "conditions": "targeting", "show_before": true}, "partscreen": {"mobile": null, "tablet": null, "desktop": {"target": "window", "position": "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": "\u0421\u0432\u043e\u0439 \u0432\u0430\u0440\u0438\u0430\u043d\u0442 \u0434\u043e\u043b\u0436\u043d\u043e\u0441\u0442\u0438 #55548", "active": true, "embed_selector": false, "selector": "", "placement": "start", "frequency": {"once_lifetime": false, "once_session": false, "priority": false, "minimal_timeout": 86400}, "start_date": null, "end_date": null, "day_of_week": [true, true, true, true, true, true, true], "start_time": "00:00:00", "end_time": "23:59:59", "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-55548.png?ts=1673885143631", "rendered_button_preview": null, "settings": {"title": "\u041a\u0430\u043a\u043e\u0432\u0430 \u0432\u0430\u0448\u0430 \u0440\u043e\u043b\u044c \u0432 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438?", "bg_color": "#f8f8f8", "btn_text": "\u041e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c", "img_same": "1", "subtitle": "", "title_fw": "400", "thx_title": "\u0421\u043f\u0430\u0441\u0438\u0431\u043e!", "width_mob": "320", "btn_fs_mob": "16", "width_desk": "470.00", "btn_fs_desk": "16", "close_color": "#000", "font_custom": "\u2018Circe\u2019, Arial, sans-serif", "font_family": "Roboto, sans-serif", "img_src_mob": "https://personalization-web-stable.mindbox.ru/user-media/28173/394633c052221bf161c01e34acf9a2e4f8cf694188eca593bdddff8abd904413.png", "shadow_show": "0", "shadow_size": "10", "title_color": "#000000", "border_color": "#000000", "btn_bg_color": "#8DE213", "img_show_mob": "1", "img_src_desk": "https://personalization-web-stable.mindbox.ru/user-media/28173/2fff9b5df079124041342cfb9b4e8f64c173354751175ab41ed8f992f8232ce7.png", "input_fs_mob": "12", "thx_btn_show": "0", "thx_btn_text": "\u0417\u0430\u043a\u0440\u044b\u0442\u044c", "thx_img_same": "0", "thx_subtitle": "", "title_fs_mob": "16", "border_radius": "20.00", "btn_width_mob": "220", "close_bg_show": "0", "img_show_desk": "0", "input_comment": "\u041d\u0430\u043f\u0438\u0448\u0438\u0442\u0435 \u0434\u043e\u043b\u0436\u043d\u043e\u0441\u0442\u044c", "input_fs_desk": "14.00", "padding_x_mob": "8", "padding_y_mob": "16", "title_fs_desk": "18", "btn_height_mob": "40", "btn_text_color": "#ffffff", "btn_width_desk": "199.00", "close_bg_color": "#fff", "close_size_mob": "24", "img_height_mob": "57", "input_bg_color": "#ffffff", "padding_x_desk": "32.00", "padding_y_desk": "15.00", "subtitle_color": "#000000", "text_align_mob": "center", "btn_height_desk": "40.00", "close_size_desk": "24", "img_height_desk": "100.00", "subtitle_fs_mob": "12", "text_align_desk": "center", "thx_img_src_mob": "https://personalization-web-stable.mindbox.ru/user-media/28173/394633c052221bf161c01e34acf9a2e4f8cf694188eca593bdddff8abd904413.png", "border_width_mob": "0", "btn_bg_color_hov": "#d31bdd", "btn_border_color": "#8DE213", "btn_border_width": "0.00", "font_custom_show": "1", "input_height_mob": "230", "input_text_color": "#000000", "subtitle_fs_desk": "10.00", "thx_img_show_mob": "0", "thx_img_src_desk": "https://personalization-web-stable.mindbox.ru/user-media/28173/2fff9b5df079124041342cfb9b4e8f64c173354751175ab41ed8f992f8232ce7.png", "border_width_desk": "0", "btn_border_radius": "20", "btn_width_fix_mob": "1", "input_height_desk": "20.00", "thx_img_show_desk": "0", "btn_text_color_hov": "#e8e3e3", "btn_width_fix_desk": "0", "input_border_color": "#e8e8e8", "input_comment_show": "1", "thx_img_height_mob": "30.00", "input_border_radius": "20", "thx_img_height_desk": "100.00", "btn_border_color_hov": "#ff0498", "input_placeholder_color": "#999"}, "button_settings": {}, "behavior_settings": {"lead": {"legal_text": ""}, "button": {"on": false, "positions": {"desktop": {"top": "0px", "left": "0px"}}, "conditions": "targeting", "show_before": true}, "partscreen": {"mobile": null, "tablet": null, "desktop": {"target": "window", "position": "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}], "templates": [{"id": 1537, "html": "<% try { close_show = close_show; } catch (e) { close_show = 0 } %>\r\n\r\n
\r\n
\r\n
\r\n
\" alt=\"\">
\r\n
\r\n <% if(parseInt(title_show)) { %>\r\n \t

<%=title%>

\r\n <% } %>\r\n <% if(parseInt(subtitle_show)) { %>\r\n \t

<%=subtitle%>

\r\n <% } %>\r\n
\r\n \r\n <% if(parseInt(btn_show)) { %>\r\n <% if(btn_action === \"link\") { %>\r\n \" <%= parseInt(btn_blank) ? 'target=\"_blank\"' : '' %> name=\"button\"\r\n class=\"popmechanic-button\" data-popmechanic-submit><%=btn_text%>\r\n <% } %>\r\n <% if(btn_action === \"form\") { %>\r\n <%=btn_text%>\r\n <% } %>\r\n <% if(btn_action === \"close\") { %>\r\n <%=btn_text%>\r\n <% } %>\r\n <% } %>\r\n
\r\n
\r\n <% if(parseInt(close_show)) { %>\r\n \r\n
\r\n <% } %>\r\n
", "css": "<% try {\r\n close_show = close_show;\r\n close_size_desk = close_size_desk;\r\n close_size_mob = close_size_mob;\r\n close_color_desk = close_color_desk;\r\n close_color_mob = close_color_mob;\r\n close_bg_show_desk = close_bg_show_desk;\r\n close_bg_color_desk = close_bg_color_desk;\r\n close_bg_show_mob = close_bg_show_mob;\r\n close_bg_color_mob = close_bg_color_mob;\r\n close_bg_transparency = close_bg_transparency;\r\n } catch (e) { \r\n close_show = 0\r\n close_size_desk = 24\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<% if(!parseInt(font_custom_show)) { %>\r\n @import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;900&family=Roboto:wght@400;900&display=swap');\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 display: inline-block;\r\n <% if(parseInt(font_custom_show)) { %>\r\n font-family: <%=font_custom%>;\r\n <% } else { %>\r\n font-family: <%=font_family%>;\r\n <% } %>\r\n vertical-align: middle;\r\n position: relative;\r\n background-color: <%=bg_color%>;\r\n <% if(parseInt(border_show)) { %>\r\n border-color: <%=border_color%>;\r\n border-width: <%=border_width%>px;\r\n border-style: solid;\r\n <% } %>\r\n}\r\n\r\n#popmechanic-form .popmechanic-main {\r\n position: relative;\r\n z-index: 10;\r\n height: 100%;\r\n}\r\n\r\n#popmechanic-form .popmechanic-content {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n height: 100%;\r\n}\r\n\r\n#popmechanic-form .popmechanic-image {\r\n height: auto;\r\n flex-shrink: 0;\r\n}\r\n\r\n#popmechanic-form .popmechanic-image img {\r\n width: 100%;\r\n}\r\n\r\n#popmechanic-form .popmechanic-title {\r\n margin-top: 0;\r\n margin-bottom: 0.5em;\r\n font-weight: 500;\r\n color: <%=title_color%>;\r\n}\r\n\r\n#popmechanic-form .popmechanic-subtitle {\r\n margin: 0;\r\n font-weight: 400;\r\n color: <%=subtitle_color%>;\r\n line-height: 1.3;\r\n}\r\n\r\n#popmechanic-form .popmechanic-button {\r\n display: block;\r\n flex-shrink: 0;\r\n text-align: center;\r\n text-decoration: none;\r\n border: <%= btn_border_width %>px solid;\r\n background-color: <%=btn_bg_color%>;\r\n border-color: <%=btn_border_color%>;\r\n color: <%=btn_text_color%>;\r\n border-radius: <%=btn_border_radius%>px;\r\n font-weight: 500;\r\n}\r\n\r\n#popmechanic-form .popmechanic-button:hover {\r\n background-color: <%=btn_bg_color_hov%>;\r\n color: <%=btn_text_color_hov%>;\r\n border-color: <%=btn_border_color_hov%>;\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form {\r\n <% if(parseInt(width_option_desktop)) { %>\r\n width: <%= width_desktop %>px;\r\n <% } else { %>\r\n width: 100%;\r\n <% } %>\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form .popmechanic-main {\r\n padding: <%=padding_desktop%>px;\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form .popmechanic-image {\r\n display: <%= parseInt(img_show_desktop) ? 'block' : 'none' %>;\r\n width: <%=img_width_desktop%>px;\r\n margin-right: 45px;\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form .popmechanic-header {\r\n max-width: 500px;\r\n margin-right: 35px;\r\n text-align: <%=text_align_desktop%>;\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form .popmechanic-title {\r\n font-size: <%=title_font_size_desktop%>px;\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form .popmechanic-subtitle {\r\n font-size: <%=subtitle_font_size_desktop%>px;\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form .popmechanic-button {\r\n padding: <%= btn_height_desktop %>px 70px;\r\n font-size: <%= btn_font_size_desktop %>px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form,\r\n.popmechanic-mobile #popmechanic-form {\r\n box-sizing: content-box;\r\n <% if(parseInt(width_option_mobile)) { %>\r\n width: <%= width_mobile %>px;\r\n <% } else { %>\r\n width: 100%;\r\n <% } %>\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-main,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main {\r\n padding: <%=padding_mobile%>px <%= padding_mobile / 2 %>px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-content,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-content {\r\n height: auto;\r\n display: block;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-image,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-image {\r\n display: <%= parseInt(img_show_mobile) ? 'block' : 'none' %>;\r\n width: <%= img_width_mobile %>px;\r\n float: left;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-header,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-header {\r\n margin-bottom: 26px;\r\n margin-left: 52px;\r\n text-align: <%=text_align_mobile%>;\r\n overflow: hidden;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-title,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-title {\r\n font-size: <%=title_font_size_mobile%>px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-subtitle,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-subtitle {\r\n font-size: <%=subtitle_font_size_mobile%>px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-button,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-button {\r\n display: inline-flex;\r\n margin-left: 52px;\r\n padding: <%= btn_height_mobile %>px 35px;\r\n font-size: <%= btn_font_size_mobile %>px;\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(btn_form_id)) { %>\r\n\tPopMechanic.$('.popmechanic-form-open').on('click', function (e) {\r\n \te.preventDefault();\r\n \tsetTimeout(function(){PopMechanic.show(<%= btn_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": 1784, "html": "
\r\n\r\n
\r\n\r\n <% if(parseInt(img_show_desk) && (desktop.toString() !== \"false\")) { %>\r\n \"\r\n alt=\"\"\r\n class=\"popmechanic-image\">\r\n <% } else if (parseInt(img_show_mob) && (desktop.toString() === \"false\")) { %>\r\n \"\r\n alt=\"\"\r\n class=\"popmechanic-image\">\r\n <% } %>\r\n\r\n
\r\n \r\n
\r\n\r\n
\r\n <% if(title) { %>\r\n
<%= title %>
\r\n <% } %>\r\n <% if(subtitle) { %>\r\n
<%= subtitle %>
\r\n <% } %>\r\n
\r\n
\r\n <% if(parseInt(input_comment_show)) { %>\r\n \r\n <% } %>\r\n
\r\n \r\n
\r\n
\r\n
\r\n\r\n \r\n
\r\n <% if(parseInt(thx_img_show_desk) && (desktop.toString() !== \"false\")) { %>\r\n \"\r\n alt=\"\"\r\n class=\"popmechanic-image\">\r\n <% } else if (parseInt(thx_img_show_mob) && (desktop.toString() === \"false\")) { %>\r\n \"\r\n alt=\"\"\r\n class=\"popmechanic-image\">\r\n <% } %>\r\n
\r\n \r\n
\r\n\r\n
\r\n <% if(thx_title) { %>\r\n
<%= thx_title %>
\r\n <% } %>\r\n <% if(thx_subtitle) { %>\r\n
<%= thx_subtitle %>
\r\n <% } %>\r\n
\r\n <% if(parseInt(thx_btn_show)) { %>\r\n \r\n <% } %>\r\n
\r\n
\r\n
", "css": "<% if(!parseInt(font_custom_show)) { %>\r\n @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap');\r\n<% } %>\r\n\r\n.popmechanic-reset, .popmechanic-reset * {\r\n box-sizing: border-box;\r\n margin: 0;\r\n line-height: normal;\r\n}\r\n.popmechanic-reset::before, .popmechanic-reset::after, .popmechanic-reset *::before, .popmechanic-reset *::after {\r\n box-sizing: border-box;\r\n}\r\n.popmechanic-reset INPUT,\r\n.popmechanic-reset TEXTAREA,\r\n.popmechanic-reset BUTTON, .popmechanic-reset * INPUT,\r\n.popmechanic-reset * TEXTAREA,\r\n.popmechanic-reset * BUTTON {\r\n display: block;\r\n max-width: 100%;\r\n padding: 0;\r\n border: 0;\r\n border-radius: 0;\r\n background: none;\r\n word-break: break-word;\r\n overflow-wrap: break-word;\r\n font-family: inherit;\r\n font-size: inherit;\r\n -webkit-appearance: none;\r\n appearance: none;\r\n}\r\n.popmechanic-reset INPUT:-ms-input-placeholder, .popmechanic-reset TEXTAREA:-ms-input-placeholder, .popmechanic-reset BUTTON:-ms-input-placeholder, .popmechanic-reset * INPUT:-ms-input-placeholder, .popmechanic-reset * TEXTAREA:-ms-input-placeholder, .popmechanic-reset * BUTTON:-ms-input-placeholder {\r\n opacity: 1;\r\n}\r\n.popmechanic-reset INPUT::placeholder,\r\n.popmechanic-reset TEXTAREA::placeholder,\r\n.popmechanic-reset BUTTON::placeholder, .popmechanic-reset * INPUT::placeholder,\r\n.popmechanic-reset * TEXTAREA::placeholder,\r\n.popmechanic-reset * BUTTON::placeholder {\r\n opacity: 1;\r\n}\r\n.popmechanic-reset BUTTON, .popmechanic-reset * BUTTON {\r\n height: auto;\r\n cursor: pointer;\r\n -webkit-user-select: none;\r\n -ms-user-select: none;\r\n user-select: none;\r\n}\r\n\r\n#popmechanic-form {\r\n position: relative !important;\r\n display: inline-block;\r\n vertical-align: middle;\r\n <% if(parseInt(font_custom_show)) { %>\r\n font-family: <%= font_custom %>;\r\n <% } else { %>\r\n font-family: <%= font_family %>;\r\n <% } %>\r\n}\r\n#popmechanic-form .popmechanic-main, #popmechanic-form .popmechanic-thankyou {\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n#popmechanic-form .popmechanic-image {\r\n position: relative;\r\n z-index: 10;\r\n display: block;\r\n width: auto;\r\n max-width: 100%;\r\n margin-right: auto;\r\n margin-left: auto;\r\n}\r\n#popmechanic-form .popmechanic-content {\r\n position: relative;\r\n overflow: hidden;\r\n border-style: solid;\r\n border-color: <%= border_color %>;\r\n border-radius: <%= border_radius %>px;\r\n background-color: <%= bg_color %>;\r\n <% if(parseInt(shadow_show)) { %>\r\n box-shadow: 0 0 <%= shadow_size %>px rgba(0, 0, 0, 0.25);\r\n <% } %>\r\n}\r\n#popmechanic-form .popmechanic-header {\r\n word-break: break-word;\r\n overflow-wrap: break-word;\r\n}\r\n#popmechanic-form .popmechanic-title {\r\n margin-bottom: 5px;\r\n color: <%= title_color %>;\r\n font-weight: <%= title_fw %>;\r\n line-height: 1.3;\r\n}\r\n#popmechanic-form .popmechanic-subtitle {\r\n color: <%= subtitle_color %>;\r\n line-height: 1.3;\r\n}\r\n#popmechanic-form .popmechanic-inputs {\r\n position: relative;\r\n}\r\n#popmechanic-form .popmechanic-inputs-invalid {\r\n content: \"\";\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n z-index: 0;\r\n display: none;\r\n width: 100%;\r\n height: 100%;\r\n border-radius: <%= input_border_radius %>px;\r\n border: 1px solid #d4351c;\r\n background: none;\r\n}\r\n#popmechanic-form .popmechanic-textarea, #popmechanic-form .popmechanic-button {\r\n position: relative;\r\n z-index: 10;\r\n}\r\n#popmechanic-form .popmechanic-textarea {\r\n width: 100%;\r\n background-color: <%= input_bg_color %>;\r\n font-weight: 300;\r\n line-height: 1.3;\r\n color: <%= input_text_color %>;\r\n resize: none;\r\n}\r\n#popmechanic-form .popmechanic-textarea:-ms-input-placeholder {\r\n color: <%= input_placeholder_color %>;\r\n}\r\n#popmechanic-form .popmechanic-textarea::placeholder {\r\n color: <%= input_placeholder_color %>;\r\n}\r\n#popmechanic-form .popmechanic-textarea:focus {\r\n outline: none;\r\n}\r\n#popmechanic-form .popmechanic-button {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n width: auto;\r\n margin-right: auto;\r\n margin-left: auto;\r\n padding-right: 1em;\r\n padding-left: 1em;\r\n border: <%= btn_border_width %>px solid <%= btn_border_color %>;\r\n border-radius: <%= btn_border_radius %>px;\r\n background-color: <%= btn_bg_color %>;\r\n color: <%= btn_text_color %>;\r\n font-weight: 700;\r\n transition-property: background-color, color, border-color;\r\n transition-duration: 0.2s;\r\n transition-timing-function: ease-in-out;\r\n}\r\n@media (hover: hover) {\r\n #popmechanic-form .popmechanic-button:hover, #popmechanic-form .popmechanic-button:focus {\r\n border-color: <%= btn_border_color_hov %>;\r\n background-color: <%= btn_bg_color_hov %>;\r\n color: <%= btn_text_color_hov %>;\r\n }\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-main, .popmechanic-desktop #popmechanic-form .popmechanic-thankyou {\r\n width: <%= width_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-image {\r\n height: <%= img_height_desk %>px;\r\n margin-bottom: -<%= +img_height_desk / 2 %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-content {\r\n padding: <%= padding_y_desk %>px <%= padding_x_desk %>px;\r\n <% if(parseInt(img_show_desk)) { %>\r\n padding-top: <%= (+img_height_desk / 2) + 10 %>px;\r\n <% } else { %>\r\n padding-top: <%= +padding_y_desk + +close_size_desk %>px;\r\n <% } %>\r\n border-width: <%= border_width_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-header {\r\n margin-bottom: 40px;\r\n text-align: <%= text_align_desk %>;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-title {\r\n font-size: <%= title_fs_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-subtitle {\r\n font-size: <%= subtitle_fs_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-inputs {\r\n padding: 15px;\r\n <% if(parseInt(input_comment_show)) { %>\r\n border: 1px solid <%= input_border_color %>;\r\n border-radius: <%= input_border_radius %>px;\r\n background-color: <%= input_bg_color %>;\r\n <% } %>\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-inputs:focus-within {\r\n border-color: currentColor;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-textarea {\r\n height: <%= input_height_desk %>px;\r\n margin-bottom: 20px;\r\n font-size: <%= input_fs_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-button {\r\n <% if(parseInt(btn_width_fix_desk)) { %>\r\n min-width: <%= btn_width_desk %>px;\r\n <% } else { %>\r\n width: 100%;\r\n <% } %>\r\n min-height: <%= btn_height_desk %>px;\r\n margin-right: 0;\r\n font-size: <%= btn_fs_desk %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-main, .popmechanic-tablet #popmechanic-form .popmechanic-thankyou, .popmechanic-mobile #popmechanic-form .popmechanic-main, .popmechanic-mobile #popmechanic-form .popmechanic-thankyou {\r\n position: relative;\r\n width: <%= width_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-image, .popmechanic-mobile #popmechanic-form .popmechanic-image {\r\n position: absolute;\r\n top: 5px;\r\n left: 50%;\r\n height: <%= img_height_mob %>px;\r\n transform: translateX(-50%);\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-content, .popmechanic-mobile #popmechanic-form .popmechanic-content {\r\n padding: <%= padding_y_mob %>px <%= padding_x_mob %>px;\r\n <% if(parseInt(img_show_mob)) { %>\r\n padding-top: <%= +img_height_mob + 10 %>px;\r\n <% } else { %>\r\n padding-top: <%= +padding_y_mob + +close_size_mob %>px;\r\n <% } %>\r\n border-width: <%= border_width_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-header, .popmechanic-mobile #popmechanic-form .popmechanic-header {\r\n margin-bottom: 20px;\r\n text-align: <%= text_align_mob %>;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-title, .popmechanic-mobile #popmechanic-form .popmechanic-title {\r\n font-size: <%= title_fs_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-subtitle, .popmechanic-mobile #popmechanic-form .popmechanic-subtitle {\r\n font-size: <%= subtitle_fs_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-textarea, .popmechanic-mobile #popmechanic-form .popmechanic-textarea {\r\n height: <%= input_height_mob %>px;\r\n margin-bottom: 15px;\r\n padding: 10px;\r\n border: 1px solid <%= input_border_color %>;\r\n border-radius: <%= input_border_radius %>px;\r\n font-size: <%= input_fs_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-button, .popmechanic-mobile #popmechanic-form .popmechanic-button {\r\n <% if(parseInt(btn_width_fix_mob)) { %>\r\n min-width: <%= btn_width_mob %>px;\r\n <% } else { %>\r\n width: 100%;\r\n <% } %>\r\n min-height: <%= btn_height_mob %>px;\r\n font-size: <%= btn_fs_mob %>px;\r\n}\r\n#popmechanic-form .popmechanic-close {\r\n position: absolute;\r\n z-index: 40;\r\n <% if(parseInt(close_bg_show)) { %>\r\n background-color: <%= close_bg_color %>;\r\n <% } %>\r\n cursor: pointer;\r\n}\r\n#popmechanic-form .popmechanic-close::before, #popmechanic-form .popmechanic-close::after {\r\n content: \"\";\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n width: 100%;\r\n height: 2px;\r\n background-color: <%= close_color %>;\r\n transform: translate(-50%, -50%) rotate(45deg);\r\n transition-property: transform;\r\n transition-duration: 0.2s;\r\n transition-timing-function: ease-in-out;\r\n}\r\n#popmechanic-form .popmechanic-close::after {\r\n transform: translate(-50%, -50%) rotate(135deg);\r\n}\r\n@media (hover: hover) {\r\n #popmechanic-form .popmechanic-close:hover::before, #popmechanic-form .popmechanic-close:focus::before {\r\n transform: translate(-50%, -50%) rotate(135deg);\r\n }\r\n #popmechanic-form .popmechanic-close:hover::after, #popmechanic-form .popmechanic-close:focus::after {\r\n transform: translate(-50%, -50%) rotate(225deg);\r\n }\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-close {\r\n top: 10px;\r\n right: 10px;\r\n width: <%= close_size_desk %>px;\r\n height: <%= close_size_desk %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-close, .popmechanic-mobile #popmechanic-form .popmechanic-close {\r\n top: 5px;\r\n right: 5px;\r\n width: <%= close_size_mob %>px;\r\n height: <%= close_size_mob %>px;\r\n}\r\n#popmechanic-form .popmechanic-thankyou {\r\n display: none;\r\n}\r\n.popmechanic-success #popmechanic-form .popmechanic-main {\r\n display: none !important;\r\n}\r\n.popmechanic-success #popmechanic-form .popmechanic-thankyou {\r\n display: block;\r\n}\r\n.popmechanic-desktop.popmechanic-success #popmechanic-form .popmechanic-image {\r\n height: <%= thx_img_height_desk %>px;\r\n margin-bottom: -<%= +thx_img_height_desk / 2 %>px;\r\n}\r\n.popmechanic-desktop.popmechanic-success #popmechanic-form .popmechanic-content {\r\n <% if(parseInt(thx_img_show_desk)) { %>\r\n padding-top: <%= (+thx_img_height_desk / 2) + 10 %>px;\r\n <% } else { %>\r\n padding-top: <%= +padding_y_desk + +close_size_desk %>px;\r\n <% } %>\r\n}\r\n.popmechanic-desktop.popmechanic-success #popmechanic-form .popmechanic-button {\r\n margin-right: auto;\r\n}\r\n.popmechanic-tablet.popmechanic-success #popmechanic-form .popmechanic-image, .popmechanic-mobile.popmechanic-success #popmechanic-form .popmechanic-image {\r\n height: <%= thx_img_height_mob %>px;\r\n}\r\n.popmechanic-tablet.popmechanic-success #popmechanic-form .popmechanic-content, .popmechanic-mobile.popmechanic-success #popmechanic-form .popmechanic-content {\r\n <% if(parseInt(thx_img_show_mob)) { %>\r\n padding-top: <%= +thx_img_height_mob + 10 %>px;\r\n <% } else { %>\r\n padding-top: <%= +padding_y_mob + +close_size_mob %>px;\r\n <% } %>\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form .popmechanic-invalid:not(:focus):-ms-input-placeholder {\r\n color: #d4351c;\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form .popmechanic-invalid:not(:focus)::placeholder {\r\n color: #d4351c;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-invalid:not(:focus) + .popmechanic-inputs-invalid {\r\n display: block;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-invalid:not(:focus), .popmechanic-mobile #popmechanic-form .popmechanic-invalid:not(:focus) {\r\n z-index: 30;\r\n border: 1px solid #d4351c !important;\r\n color: #d4351c !important;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-invalid:not(:focus):-ms-input-placeholder, .popmechanic-mobile #popmechanic-form .popmechanic-invalid:not(:focus):-ms-input-placeholder {\r\n color: #d4351c;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-invalid:not(:focus)::placeholder, .popmechanic-mobile #popmechanic-form .popmechanic-invalid:not(:focus)::placeholder {\r\n color: #d4351c;\r\n}", "button": "", "on_show": "", "on_close": "", "embed_code": "", "behaviors": ["partscreen", "lead", "post-text"], "template_type": "partscreen", "need_reset": true, "parameters": [], "on_targeting_ready": "", "on_child_ready": ""}, {"id": 2004, "html": "
\r\n\r\n\t
\r\n\t\t
\r\n\t\t\t
\r\n\t\t\t\t
<%= title %>
\r\n\t\t\t
\r\n\t\t\t
\r\n\t\t
\r\n\t
\r\n\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@400;700&display=swap');\r\n<% } %>\r\n\r\n<%\r\nfunction hexToRgb(hex) {\r\n\treturn hex.replace(/^#?([a-f\\d])([a-f\\d])([a-f\\d])$/i, function (m, r, g, b) {\r\n\t\treturn \"#\".concat(r).concat(r).concat(g).concat(g).concat(b).concat(b);\r\n\t}).substring(1).match(/.{2}/g).map(function (x) {\r\n\t\treturn parseInt(x, 16);\r\n\t});\r\n};\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, .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\twidth: <%= width %>px;\r\n\t<% if(parseInt(shadow_show)) { %>\r\n\t\tfilter: drop-shadow(0 0 <%= shadow_size %>px rgba(0, 0, 0, 0.3));\r\n\t<% } %>\r\n}\r\n#popmechanic-form .popmechanic-container {\r\n\tposition: relative;\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n\twidth: 100%;\r\n\tmax-width: 100%;\r\n}\r\n[data-popper-placement^=left] #popmechanic-form DIV:not(#popmechanic-container-hack) .popmechanic-container, [data-popper-placement^=right] #popmechanic-form DIV:not(#popmechanic-container-hack) .popmechanic-container {\r\n\tpadding: 0 14.1421356237px;\r\n}\r\n[data-popper-placement^=left] #popmechanic-form DIV:not(#popmechanic-container-hack) + .popmechanic-close,\r\n[data-popper-placement^=right] #popmechanic-form DIV:not(#popmechanic-container-hack) + .popmechanic-close {\r\n\tright: calc(24.1421356237px + <%= border_width %>px + <%= +border_radius / 4 %>px);\r\n}\r\n[data-popper-placement^=top] #popmechanic-form DIV:not(#popmechanic-container-hack) .popmechanic-container, [data-popper-placement^=bottom] #popmechanic-form DIV:not(#popmechanic-container-hack) .popmechanic-container {\r\n\tpadding: 14.1421356237px 0;\r\n}\r\n[data-popper-placement^=top] #popmechanic-form DIV:not(#popmechanic-container-hack) + .popmechanic-close,\r\n[data-popper-placement^=bottom] #popmechanic-form DIV:not(#popmechanic-container-hack) + .popmechanic-close {\r\n\ttop: 24.1421356237px;\r\n}\r\n[data-popper-placement=left] #popmechanic-form .popmechanic-arrow, [data-popper-placement=right] #popmechanic-form .popmechanic-arrow {\r\n\ttop: 50%;\r\n\ttransform: translateY(-50%);\r\n}\r\n[data-popper-placement^=left] #popmechanic-form .popmechanic-arrow::before {\r\n\tmargin-left: <%= border_width %>px;\r\n}\r\n[data-popper-placement^=right] #popmechanic-form .popmechanic-arrow::before {\r\n\tmargin-left: -<%= border_width %>px;\r\n}\r\n[data-popper-placement*=-end]:not([data-popper-placement^=bottom]) #popmechanic-form .popmechanic-arrow, [data-popper-placement^=top] #popmechanic-form .popmechanic-arrow {\r\n\ttop: auto;\r\n\tbottom: calc(4.1421356237px + <%= border_width %>px);\r\n}\r\n[data-popper-placement*=-start]:not([data-popper-placement^=top]) #popmechanic-form .popmechanic-arrow, [data-popper-placement^=bottom] #popmechanic-form .popmechanic-arrow {\r\n\ttop: calc(4.1421356237px + <%= border_width %>px);\r\n\tbottom: auto;\r\n}\r\n[data-popper-placement=top] #popmechanic-form .popmechanic-arrow, [data-popper-placement=bottom] #popmechanic-form .popmechanic-arrow {\r\n\tleft: 50%;\r\n\ttransform: translateX(-50%);\r\n}\r\n[data-popper-placement^=top] #popmechanic-form .popmechanic-arrow::before {\r\n\tmargin-top: <%= border_width %>px;\r\n}\r\n[data-popper-placement^=bottom] #popmechanic-form .popmechanic-arrow::before {\r\n\tmargin-top: -<%= border_width %>px;\r\n}\r\n[data-popper-placement*=-start]:not([data-popper-placement^=left]) #popmechanic-form .popmechanic-arrow, [data-popper-placement^=right] #popmechanic-form .popmechanic-arrow {\r\n\tright: auto;\r\n\tleft: calc(4.1421356237px + <%= border_width %>px);\r\n}\r\n[data-popper-placement*=-end]:not([data-popper-placement^=right]) #popmechanic-form .popmechanic-arrow, [data-popper-placement^=left] #popmechanic-form .popmechanic-arrow {\r\n\tright: calc(4.1421356237px + <%= border_width %>px);\r\n\tleft: auto;\r\n}\r\n[data-popper-placement=bottom-end]:not(.foobar) #popmechanic-form .popmechanic-arrow,\r\n[data-popper-placement=top-end]:not(.foobar) #popmechanic-form .popmechanic-arrow {\r\n\tright: calc(4.1421356237px + <%= border_width %>px + <%= border_radius %>px);\r\n}\r\n[data-popper-placement=bottom-start]:not(.foobar) #popmechanic-form .popmechanic-arrow,\r\n[data-popper-placement=top-start]:not(.foobar) #popmechanic-form .popmechanic-arrow {\r\n\tleft: calc(4.1421356237px + <%= border_width %>px + <%= border_radius %>px);\r\n}\r\n[data-popper-placement=right-end]:not(.foobar) #popmechanic-form .popmechanic-arrow,\r\n[data-popper-placement=left-end]:not(.foobar) #popmechanic-form .popmechanic-arrow {\r\n\tbottom: calc(4.1421356237px + <%= border_width %>px + <%= border_radius %>px);\r\n}\r\n[data-popper-placement=right-start]:not(.foobar) #popmechanic-form .popmechanic-arrow,\r\n[data-popper-placement=left-start]:not(.foobar) #popmechanic-form .popmechanic-arrow {\r\n\ttop: calc(4.1421356237px + <%= border_width %>px + <%= border_radius %>px);\r\n}\r\n\r\n#popmechanic-form .popmechanic-content {\r\n\tmax-width: 100%;\r\n\tpadding: <%= padding_y %>px <%= padding_x %>px;\r\n\tborder: <%= border_width %>px solid <%= border_color %>;\r\n\tborder-radius: <%= border_radius %>px;\r\n\tbackground-color: <%= bg_color %>;\r\n\toverflow: hidden;\r\n\t<% if((+close_size + 10) > +padding_y ) { %>\r\n\t\tpadding-top: <%= close_size %>px;\r\n\t<% } %>\r\n}\r\n#popmechanic-form .popmechanic-title {\r\n\tcolor: <%= title_color %>;\r\n\ttext-align: <%= title_align %>;\r\n\tword-break: break-word;\r\n\toverflow-wrap: break-word;\r\n\tfont-size: <%= title_fs %>px;\r\n\tfont-weight: 400;\r\n\tline-height: 1.3;\r\n}\r\n#popmechanic-form .popmechanic-arrow {\r\n\tposition: absolute;\r\n\tz-index: 10;\r\n\tdisplay: none;\r\n}\r\n[data-popper-placement] #popmechanic-form .popmechanic-arrow {\r\n display: block !important;\r\n}\r\n#popmechanic-form .popmechanic-arrow::before,\r\n#popmechanic-form .popmechanic-arrow::after {\r\n\tcontent: \"\";\r\n\tdisplay: block;\r\n\twidth: 20px;\r\n\theight: 20px;\r\n\ttransform: rotate(45deg);\r\n}\r\n#popmechanic-form .popmechanic-arrow::before {\r\n\tposition: absolute;\r\n\ttop: 0;\r\n\tleft: 0;\r\n\t<% if(!parseInt(border_width)) { %>\r\n\t\tdisplay: none;\r\n\t<% } %>\r\n\tbackground-color: <%= border_color %>;\r\n}\r\n#popmechanic-form .popmechanic-arrow::after {\r\n\tbackground-color: <%= bg_color %>;\r\n}\r\n#popmechanic-form .popmechanic-close {\r\n\tposition: absolute;\r\n\ttop: 10px;\r\n\tright: calc(10px + <%= border_width %>px + <%= +border_radius / 4 %>px);\r\n\tz-index: 40;\r\n\twidth: <%= close_size %>px;\r\n\theight: <%= close_size %>px;\r\n\t<% if(parseInt(close_bg_show)) { %>\r\n\t\tbackground-color: rgba(<%= hexToRgb(close_bg_color) %>, <%= close_bg_transparency %>);\r\n\t<% } %>\r\n\tcursor: pointer;\r\n}\r\n#popmechanic-form .popmechanic-close::before,\r\n#popmechanic-form .popmechanic-close::after {\r\n\tcontent: \"\";\r\n\tposition: absolute;\r\n\ttop: 50%;\r\n\tleft: 50%;\r\n\twidth: 80%;\r\n\theight: 1px;\r\n\tbackground-color: <%= close_color %>;\r\n\ttransform: translate(-50%, -50%) rotate(45deg);\r\n}\r\n#popmechanic-form .popmechanic-close::after {\r\n\ttransform: translate(-50%, -50%) rotate(135deg);\r\n}", "button": "", "on_show": "", "on_close": "", "embed_code": "", "behaviors": ["partscreen", "info"], "template_type": "partscreen", "need_reset": true, "parameters": [], "on_targeting_ready": "", "on_child_ready": ""}], "button_templates": [], "integrations": [{"id": 52184, "form": 55548, "filter": null, "filter_type": null, "account": 35550, "integration_type": "mindbox_server_json", "customer_extended": [{"id": "103", "value": "%customs.comment1784%", "systemName": "customFields.ComagicRole"}], "customer_action_extended": [], "mode": "edit", "send_customer": true, "issue_action": false, "operation": "popmechanic-integration-edit-55548", "subscriptions": []}, {"id": 51241, "form": 55548, "filter": null, "filter_type": null, "account": 35550, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-55548-show", "click_operation": "popmechanic-popup-55548-click", "targeting_operation": "popmechanic-popup-55548-targeting"}, {"id": 59234, "form": 60558, "filter": null, "filter_type": null, "account": 35550, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-60558-show", "click_operation": "popmechanic-popup-60558-click", "targeting_operation": "popmechanic-popup-60558-targeting"}, {"id": 114651, "form": 97641, "filter": null, "filter_type": null, "account": 35550, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-block-97641-show", "click_operation": "popmechanic-block-97641-click", "targeting_operation": "popmechanic-block-97641-targeting"}, {"id": 114653, "form": 97643, "filter": null, "filter_type": null, "account": 35550, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-block-97643-show", "click_operation": "popmechanic-block-97643-click", "targeting_operation": "popmechanic-block-97643-targeting"}], "settings": {"hide_copyright": true, "premium": true}, "frequency": {"minimal_timeout": null, "session": 5, "day": null, "week": null, "month": null}, "global_ab_tests": [], "ip": "1.1.1.1", "contacts": [], "geo": null}