{"forms": [{"id": 86531, "template": 619, "button_template": 190, "test_group": null, "new_targeting": {"filter": {"id": "root", "name": "root", "nodes": [{"id": "2", "field": "device", "value": ["pc", "tablet"], "operator": "$in"}], "operator": "$and"}}, "settings_splits": [{"settings": {"url": "https://to.imshop.io/install/sportpoint", "siz1": "320.00", "text": "\u041d\u0430\u0432\u0435\u0434\u0438\u0442\u0435 \u043a\u0430\u043c\u0435\u0440\u0443 \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0430 \u043d\u0430 QR-\u043a\u043e\u0434, \u0447\u0442\u043e\u0431\u044b \u0441\u043a\u0430\u0447\u0430\u0442\u044c \u0435\u0433\u043e \u043f\u0440\u044f\u043c\u043e \u0441\u0435\u0439\u0447\u0430\u0441", "header": "\u041f\u043e\u043a\u0443\u043f\u0430\u0442\u044c \u0443\u0434\u043e\u0431\u043d\u0435\u0435 \u0432 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0438", "submit": "", "tg_png": "", "bg_col1": "#222222", "bg_col2": "#127CD4", "bg_col3": "#0364BF", "picture": "https://personalization-web-stable.mindbox.ru/user-media/35513/9703603decaf02481b21421a3ecc00f5285299348d5a43738cb91acb026ee61d.png", "font_custom": "\u2018Circe\u2019, Arial, sans-serif", "font_family": "Roboto, sans-serif", "font_custom_show": "0"}, "button_settings": {"font": "'Circe',Arial,sans-serif", "img1": "https://personalization-web-stable.mindbox.ru/user-media/35513/dd5b540c4048825617a874501a105636d4f3ce8bb89609511a4ffe905c9b2b4f.png", "size1": "300", "size2": "50", "text1": "\u0421\u043a\u0430\u0447\u0430\u0442\u044c \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435", "clsize": "26.00", "colmob": "#43A549", "color1": "#222222", "color2": "#B01F31", "color3": "#fff", "otstcl1": "12", "otstcl2": "10", "otstup1": "0", "otstup2": "55", "showMob": "1", "imgsize1": "28", "imgsize2": "31", "mobsize1": "75", "mobsize2": "75", "otstimg1": "17", "text_size": "18", "border_color": "#fff", "border_width": "2", "border_enable": "0"}, "conditions_splits": [{"conditions": {"session_time": "20"}, "combinator": "and", "id": 197939}], "id": 85939, "behavior_settings": {"button": {"on": true, "positions": {"desktop": {"left": "30px", "bottom": "30px"}}, "conditions": "targeting", "show_before": true}, "partscreen": {"mobile": {"target": "window", "position": "bottom-left", "vertical_offset": 30, "element_position": "right", "horizontal_offset": 30, "element_vertical_offset": 0, "element_horizontal_offset": 0}, "tablet": null, "desktop": {"target": "window", "position": "bottom-left", "vertical_offset": 30, "element_position": "right", "horizontal_offset": 30, "element_vertical_offset": 0, "element_horizontal_offset": 0}, "animation_in": "fadeIn", "allow_overlay": false, "animation_out": "fadeOut", "paranja_color": "#000000", "paranja_opacity": "0.00"}}}], "pinned": false, "name": "JNS_QR-\u043a\u043e\u0434 \u043d\u0430 \u0441\u0430\u0439\u0442\u0435", "active": true, "embed_selector": false, "selector": "", "placement": "start", "frequency": {"once_lifetime": false, "once_session": false, "priority": false, "minimal_timeout": 604800}, "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": 190, "rendered_preview": "https://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-86710.png?ts=1713858773663", "rendered_button_preview": "https://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-button-86710.png?ts=1713858777909", "settings": {"url": "https://to.imshop.io/install/sportpoint", "siz1": "320.00", "text": "\u041d\u0430\u0432\u0435\u0434\u0438\u0442\u0435 \u043a\u0430\u043c\u0435\u0440\u0443 \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0430 \u043d\u0430 QR-\u043a\u043e\u0434, \u0447\u0442\u043e\u0431\u044b \u0441\u043a\u0430\u0447\u0430\u0442\u044c \u0435\u0433\u043e \u043f\u0440\u044f\u043c\u043e \u0441\u0435\u0439\u0447\u0430\u0441", "header": "\u041f\u043e\u043a\u0443\u043f\u0430\u0442\u044c \u0443\u0434\u043e\u0431\u043d\u0435\u0435 \u0432 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0438", "submit": "", "tg_png": "", "bg_col1": "#222222", "bg_col2": "#127CD4", "bg_col3": "#0364BF", "picture": "https://personalization-web-stable.mindbox.ru/user-media/35513/9703603decaf02481b21421a3ecc00f5285299348d5a43738cb91acb026ee61d.png", "font_custom": "\u2018Circe\u2019, Arial, sans-serif", "font_family": "Roboto, sans-serif", "font_custom_show": "0"}, "button_settings": {"font": "'Circe',Arial,sans-serif", "img1": "https://personalization-web-stable.mindbox.ru/user-media/35513/dd5b540c4048825617a874501a105636d4f3ce8bb89609511a4ffe905c9b2b4f.png", "size1": "300", "size2": "50", "text1": "\u0421\u043a\u0430\u0447\u0430\u0442\u044c \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435", "clsize": "26.00", "colmob": "#43A549", "color1": "#222222", "color2": "#B01F31", "color3": "#fff", "otstcl1": "12", "otstcl2": "10", "otstup1": "0", "otstup2": "55", "showMob": "1", "imgsize1": "28", "imgsize2": "31", "mobsize1": "75", "mobsize2": "75", "otstimg1": "17", "text_size": "18", "border_color": "#fff", "border_width": "2", "border_enable": "0"}, "behavior_settings": {"button": {"on": true, "positions": {"desktop": {"left": "30px", "bottom": "30px"}}, "conditions": "targeting", "show_before": true}, "partscreen": {"mobile": {"target": "window", "position": "bottom-left", "vertical_offset": 30, "element_position": "right", "horizontal_offset": 30, "element_vertical_offset": 0, "element_horizontal_offset": 0}, "tablet": null, "desktop": {"target": "window", "position": "bottom-left", "vertical_offset": 30, "element_position": "right", "horizontal_offset": 30, "element_vertical_offset": 0, "element_horizontal_offset": 0}, "animation_in": "fadeIn", "allow_overlay": false, "animation_out": "fadeOut", "paranja_color": "#000000", "paranja_opacity": "0.00"}}, "html": "<div class=\"popmechanic-reset\" id=\"popmechanic-form\">\r\n    <div class=\"popmechanic-close\" data-popmechanic-close>&times;</div>\r\n    <div class=\"popmechanic-main\">\r\n        <div class=\"popmechanic-header\">\r\n          <%=header%>\r\n        </div>\r\n        <img src=\"<%=picture%>\" alt=\"\">\r\n                <div class=\"popmechanic-text\">\r\n          <%=text%>\r\n        </div>\r\n        \r\n\r\n", "css": "<% try {\r\n  font_custom_show = font_custom_show;\r\n  } catch (e) { font_custom_show = 0 }\r\n%>\r\n\r\n<% if(!parseInt(font_custom_show)) { %>\r\n  @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');\r\n<% } %>\r\n\r\n.popmechanic-reset,\r\n.popmechanic-reset * {\r\n  line-height: normal;\r\n  box-sizing: border-box;\r\n  -webkit-font-smoothing: antialiased;\r\n}\r\n\r\n#popmechanic-form {\r\n  width: 300px;\r\n  height: <%=siz1%>px;\r\n  border-radius: 0px;\r\n  background-color: <%=bg_col1%>;\r\n  color: white;\r\n  padding: 40px;\r\n  position: relative;\r\n  <% if(font_custom_show && parseInt(font_custom_show)) { %>\r\n    font-family: <% try { print(font_custom); } catch (e) { print('Helvetica, Arial, sans-serif'); } %>;\r\n  <% } else { %>\r\n    font-family: <% try { print(font_family); } catch (e) { print('Helvetica, Arial, sans-serif'); } %>;\r\n  <% } %>\r\n}\r\n  A {\r\n    color: white; \r\n   }\r\n   A:visited {\r\n    color: white; \r\n   }\r\n   A:active {\r\n    color: white; \r\n   }\r\n  #popmechanic-form .popmechanic-close {\r\n    position: absolute;\r\n    top: 8px;\r\n    right: 16px;\r\n    cursor: pointer;\r\n    font-size: 30px; }\r\n  #popmechanic-form .popmechanic-header {\r\n    font-size: 22px;\r\n    font-weight: bold;\r\n    font-style: normal;\r\n    font-stretch: condensed;\r\n    text-align: center}\r\n  #popmechanic-form .popmechanic-text {\r\n    font-size: 12px;\r\n      text-align: center\r\n  }\r\n  \r\n  #popmechanic-form img {\r\n    text-align: center;\r\n    max-width: 50%;\r\n    margin-left:25%;\r\n    margin-top: 5px;\r\n    margin-bottom: 15px;}\r\n  \r\n    #popmechanic-form .popmechanic-email:active, #popmechanic-form .popmechanic-email:focus {\r\n      outline: none; }\r\n \r\n  #popmechanic-form .popmechanic-header {\r\n    font-size: 22px;\r\n    font-weight: 700;\r\n    margin-bottom: 18px; }\r\n", "button_html": "", "button_css": ".popmechanic-widget {\r\n  z-index:9999999;\r\n  padding: <%=otstup1%>px <%=otstup2%>px;\r\n  width: <%=size1%>px;\r\n  height: <%=size2%>px;\r\n   <%if(parseInt(border_enable)){%>\r\n\t\tborder: 10px <%=border_color%>;\r\n\t<%}%>\r\n  background-color: <%=color1%>;\r\n  background-image: url(\"<%=img1%>\");\r\n  background-size: <%=imgsize1%>px <%=imgsize2%>px;\r\n  background-repeat: no-repeat;\r\n  background-position: <%=otstimg1%>px 50%;\r\n  transition: all .15s;\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  box-sizing: border-box;\r\n  cursor: pointer;\r\n  position: relative; }\r\n  .popmechanic-widget:hover {\r\n    background-color: <%=color2%>; }\r\n  .popmechanic-widget .popmechanic-widget-close {\r\n    position: absolute;\r\n    top: 10px;\r\n    bottom: 10px;\r\n    right: 25px;\r\n    cursor: pointer;\r\n    font-size: 40px;\r\n    color: transparent;\r\n    background-color: transparent;\r\n    border: none;\r\n    cursor: pointer;\r\n    outline: none;\r\n    transform: rotate(45deg);\r\n    transition: all .15s; }\r\n    .popmechanic-widget .popmechanic-widget-close:hover {\r\n      transform: rotate(45deg) scale(1.1); }\r\n    .popmechanic-widget .popmechanic-widget-close:before, .popmechanic-widget .popmechanic-widget-close:after {\r\n      content: '';\r\n      position: absolute;\r\n      top: 12px;\r\n      left: 0;\r\n      width: 100%;\r\n      height: 2px;\r\n      background-color: #fff; }\r\n    .popmechanic-widget .popmechanic-widget-close:after {\r\n      transform: rotate(90deg); }\r\n  .popmechanic-widget .popmechanic-widget-text {\r\n    font-family: <%=font%>;\r\n    font-size: <%=text_size%>px;\r\n    line-height: 1;\r\n    font-weight: 400;\r\n    color: <%=color3%>; }\r\n<% if (parseInt(showMob)) { %>\r\n\r\n.popmechanic-mobile .popmechanic-widget {\r\n   display: none; }\r\n                        <% } %>\r\n\r\n.popmechanic-mobile .popmechanic-widget {\r\n  width: <%=mobsize1%>px;\r\n  height: <%=mobsize2%>px;\r\n  background-position: 50% 50%;\r\n  padding: 0; }\r\n  .popmechanic-mobile .popmechanic-widget .popmechanic-widget-text {\r\n    display: none; }\r\n  .popmechanic-mobile .popmechanic-widget .popmechanic-widget-close {\r\n    top: 0;\r\n    right: -30px; }\r\n    .popmechanic-mobile .popmechanic-widget .popmechanic-widget-close:before, .popmechanic-mobile .popmechanic-widget .popmechanic-widget-close:after {\r\n      background-color: <%=colmob%>; }"}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 85437, "template": 3055, "button_template": null, "test_group": null, "new_targeting": {"filter": {"id": "root", "name": "root", "nodes": [{"id": "2", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 40, "externalId": "30c044fd-9eea-412d-83df-cc437d53e968"}, "inSegmentByDefault": true}, "operator": "$check"}], "operator": "$and"}}, "settings_splits": [{"settings": {"img_top": "https://personalization-web-stable.mindbox.ru/user-media/35513/8aefd8c8a38c10e106729a9ab3ea4115f72d1632561429ce4e63034b751ca606.jpg", "pad_top": "20", "pad_left": "120", "btn_color": "#ffffff", "btn_width": "350", "form_font": "Roboto", "inp_color": "#646464", "inp_width": "350", "pad_right": "120", "btn_height": "67", "form_width": "592", "inp_height": "45", "pad_bottom": "15", "policy_url": "#", "show_title": "1", "text_color": "#646464", "btn_bgcolor": "#3C667E", "close_color": "#ffffff", "custom_font": "Arial, sans-serif", "fields_list": [{"name": "Email", "type": "email", "params": {}, "required": true, "placeholder": "\u0423\u043a\u0430\u0436\u0438\u0442\u0435 \u0432\u0430\u0448 email", "machine_name": "email"}, {"name": "\u0423\u043a\u0430\u0436\u0438\u0442\u0435 \u0432\u0430\u0448 \u043f\u043e\u043b", "type": "select", "label": "", "params": {"checked": true, "options": ["\u0416\u0435\u043d\u0449\u0438\u043d\u0430", "\u041c\u0443\u0436\u0447\u0438\u043d\u0430"], "link_href": "", "link_text": "", "show_link": false, "submit1_text": "", "submit2_text": "", "submit1_value": "", "submit2_value": "", "submits_count": 1, "text_after_link": ""}, "required": true, "placeholder": "\u0423\u043a\u0430\u0436\u0438\u0442\u0435 \u0432\u0430\u0448 \u043f\u043e\u043b", "machine_name": "list", "error_message_text": "", "show_error_message": false}, {"name": "\u0422\u0435\u043b\u0435\u0444\u043e\u043d", "type": "phone", "params": {}, "required": true, "placeholder": "\u0412\u0430\u0448 \u0442\u0435\u043b\u0435\u0444\u043e\u043d", "machine_name": "phone"}, {"name": "\u041a\u043d\u043e\u043f\u043a\u0430", "type": "submit", "params": {"submit1_text": "\u041f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u0433\u0430\u0439\u0434", "submits_count": 1}, "machine_name": "button"}], "form_bg_img": "https://images.unsplash.com/photo-1552154357-aaba12e68e64?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=1080&fit=max&ixid=eyJhcHBfaWQiOjI4NjQ4fQ", "form_height": "780.00", "img_top_top": "-1", "inp_bgcolor": "#ffffff", "pad_top_mob": "15", "policy_show": "1", "title_color": "#000000", "btn_fontsize": "20", "img_top_left": "-1", "inp_fontsize": "15", "pad_left_mob": "20", "policy_color": "#646464", "show_form_bg": "0", "show_img_top": "1", "btn_width_mob": "270", "form_bg_color": "#ffffff", "img_top_width": "592.00", "inp_width_mob": "270", "pad_right_mob": "20", "btn_height_mob": "40", "close_btn_text": "", "form_width_mob": "326.00", "img_top_height": "420.00", "inp_height_mob": "35", "pad_bottom_mob": "10", "policy_bgcolor": "#EAE8E8", "show_close_btn": "1", "thanks_img_top": "https://personalization-web-stable.mindbox.ru/user-media/35513/8aefd8c8a38c10e106729a9ab3ea4115f72d1632561429ce4e63034b751ca606.jpg", "title_fontsize": "20", "btn_hover_color": "#ffffff", "form_height_mob": "451.00", "img_top_top_mob": "-1", "policy_fontsize": "12", "policy_url_text": "\u041f\u043e\u043b\u0438\u0442\u0438\u043a\u043e\u0439 \u043a\u043e\u043d\u0444\u0438\u0434\u0435\u043d\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u0438 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438", "show_thanks_btn": "1", "thanks_btn_text": "\u041f\u0440\u043e\u0434\u043e\u043b\u0436\u0438\u0442\u044c \u043f\u043e\u043a\u0443\u043f\u043a\u0438", "title_bold_text": "\"\u0412\u0435\u0441\u0435\u043d\u043d\u0438\u0439 \u0434\u0435\u043d\u0438\u043c\"", "use_custom_font": "0", "btn_fontsize_mob": "16", "form_line_height": "1.4", "img_top_left_mob": "-1", "inp_border_color": "#898989", "inp_fontsize_mob": "11", "btn_border_radius": "1", "btn_hover_bgcolor": "#2d4c5e", "img_top_width_mob": "326.00", "policy_text_after": "\u0438 \u0445\u043e\u0447\u0443 \u043f\u043e\u043b\u0443\u0447\u0430\u0442\u044c \u0440\u0435\u043a\u043b\u0430\u043c\u043d\u0443\u044e \u0440\u0430\u0441\u0441\u044b\u043b\u043a\u0443", "show_thanks_title": "1", "thanks_title_text": "\u0421\u043f\u0430\u0441\u0438\u0431\u043e, \u0447\u0442\u043e \u0432\u044b\u0431\u0438\u0440\u0430\u0435\u0442\u0435 \u043d\u0430\u0441!", "form_border_radius": "1", "img_top_height_mob": "198.00", "policy_text_before": "\u042f \u0441\u043e\u0433\u043b\u0430\u0441\u0435\u043d \u0441", "title_fontsize_mob": "16", "policy_fontsize_mob": "9", "show_img_top_thanks": "1", "subtitle_text_color": "#333333", "title_pre_bold_text": "\u0414\u0430\u0440\u0438\u043c \u0433\u0430\u0439\u0434", "checkbox_policy_show": "1", "form_line_height_mob": "1.4", "title_post_bold_text": "\u043f\u0440\u0438 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0435 \u043d\u0430 \u0440\u0430\u0441\u0441\u044b\u043b\u043a\u0443 \u043d\u043e\u0432\u043e\u0441\u0442\u0435\u0439", "checkbox_border_color": "#898989", "inputs_checkbox_color": "#898989", "thanks_title_fontsize": "24", "show_thanks_post_title": "1", "thanks_post_title_text": "\u041e\u0442\u043f\u0440\u0430\u0432\u0438\u043b\u0438 \u0433\u0430\u0439\u0434 \u043d\u0430 \u043f\u043e\u0447\u0442\u0443.", "thanks_title_fontsize_mob": "18", "thanks_post_title_fontsize": "18", "thanks_post_title_fontsize_mob": "14"}, "button_settings": {}, "conditions_splits": [{"conditions": {"session_time": "30"}, "combinator": "and", "id": 197251}], "id": 84845, "behavior_settings": {"button": {"on": false, "positions": {"desktop": {"top": "0px", "left": "0px"}}, "conditions": "targeting", "show_before": true}, "partscreen": {"mobile": {"target": "window", "position": "center", "vertical_offset": 0, "element_position": "right", "horizontal_offset": 0, "element_vertical_offset": 0, "element_horizontal_offset": 0}, "tablet": null, "desktop": {"target": "window", "position": "center", "vertical_offset": 20, "element_position": "right", "horizontal_offset": 20, "element_vertical_offset": 0, "element_horizontal_offset": 0}, "animation_in": "fadeInRight", "allow_overlay": false, "animation_out": "fadeOutLeft", "paranja_color": "#000000", "paranja_opacity": 0.3}}}], "pinned": false, "name": "JNS_\u0432\u0435\u0441\u0435\u043d\u043d\u0438\u0439 \u0434\u0435\u043d\u0438\u043c", "active": true, "embed_selector": false, "selector": "", "placement": "start", "frequency": {"once_lifetime": false, "once_session": false, "priority": false, "minimal_timeout": 604800}, "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-85564.png?ts=1713965080338", "rendered_button_preview": null, "settings": {"img_top": "https://personalization-web-stable.mindbox.ru/user-media/35513/8aefd8c8a38c10e106729a9ab3ea4115f72d1632561429ce4e63034b751ca606.jpg", "pad_top": "20", "pad_left": "120", "btn_color": "#ffffff", "btn_width": "350", "form_font": "Roboto", "inp_color": "#646464", "inp_width": "350", "pad_right": "120", "btn_height": "67", "form_width": "592", "inp_height": "45", "pad_bottom": "15", "policy_url": "#", "show_title": "1", "text_color": "#646464", "btn_bgcolor": "#3C667E", "close_color": "#ffffff", "custom_font": "Arial, sans-serif", "fields_list": [{"name": "Email", "type": "email", "params": {}, "required": true, "placeholder": "\u0423\u043a\u0430\u0436\u0438\u0442\u0435 \u0432\u0430\u0448 email", "machine_name": "email"}, {"name": "\u0423\u043a\u0430\u0436\u0438\u0442\u0435 \u0432\u0430\u0448 \u043f\u043e\u043b", "type": "select", "label": "", "params": {"checked": true, "options": ["\u0416\u0435\u043d\u0449\u0438\u043d\u0430", "\u041c\u0443\u0436\u0447\u0438\u043d\u0430"], "link_href": "", "link_text": "", "show_link": false, "submit1_text": "", "submit2_text": "", "submit1_value": "", "submit2_value": "", "submits_count": 1, "text_after_link": ""}, "required": true, "placeholder": "\u0423\u043a\u0430\u0436\u0438\u0442\u0435 \u0432\u0430\u0448 \u043f\u043e\u043b", "machine_name": "list", "error_message_text": "", "show_error_message": false}, {"name": "\u0422\u0435\u043b\u0435\u0444\u043e\u043d", "type": "phone", "params": {}, "required": true, "placeholder": "\u0412\u0430\u0448 \u0442\u0435\u043b\u0435\u0444\u043e\u043d", "machine_name": "phone"}, {"name": "\u041a\u043d\u043e\u043f\u043a\u0430", "type": "submit", "params": {"submit1_text": "\u041f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u0433\u0430\u0439\u0434", "submits_count": 1}, "machine_name": "button"}], "form_bg_img": "https://images.unsplash.com/photo-1552154357-aaba12e68e64?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=1080&fit=max&ixid=eyJhcHBfaWQiOjI4NjQ4fQ", "form_height": "780.00", "img_top_top": "-1", "inp_bgcolor": "#ffffff", "pad_top_mob": "15", "policy_show": "1", "title_color": "#000000", "btn_fontsize": "20", "img_top_left": "-1", "inp_fontsize": "15", "pad_left_mob": "20", "policy_color": "#646464", "show_form_bg": "0", "show_img_top": "1", "btn_width_mob": "270", "form_bg_color": "#ffffff", "img_top_width": "592.00", "inp_width_mob": "270", "pad_right_mob": "20", "btn_height_mob": "40", "close_btn_text": "", "form_width_mob": "326.00", "img_top_height": "420.00", "inp_height_mob": "35", "pad_bottom_mob": "10", "policy_bgcolor": "#EAE8E8", "show_close_btn": "1", "thanks_img_top": "https://personalization-web-stable.mindbox.ru/user-media/35513/8aefd8c8a38c10e106729a9ab3ea4115f72d1632561429ce4e63034b751ca606.jpg", "title_fontsize": "20", "btn_hover_color": "#ffffff", "form_height_mob": "451.00", "img_top_top_mob": "-1", "policy_fontsize": "12", "policy_url_text": "\u041f\u043e\u043b\u0438\u0442\u0438\u043a\u043e\u0439 \u043a\u043e\u043d\u0444\u0438\u0434\u0435\u043d\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u0438 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438", "show_thanks_btn": "1", "thanks_btn_text": "\u041f\u0440\u043e\u0434\u043e\u043b\u0436\u0438\u0442\u044c \u043f\u043e\u043a\u0443\u043f\u043a\u0438", "title_bold_text": "\"\u0412\u0435\u0441\u0435\u043d\u043d\u0438\u0439 \u0434\u0435\u043d\u0438\u043c\"", "use_custom_font": "0", "btn_fontsize_mob": "16", "form_line_height": "1.4", "img_top_left_mob": "-1", "inp_border_color": "#898989", "inp_fontsize_mob": "11", "btn_border_radius": "1", "btn_hover_bgcolor": "#2d4c5e", "img_top_width_mob": "326.00", "policy_text_after": "\u0438 \u0445\u043e\u0447\u0443 \u043f\u043e\u043b\u0443\u0447\u0430\u0442\u044c \u0440\u0435\u043a\u043b\u0430\u043c\u043d\u0443\u044e \u0440\u0430\u0441\u0441\u044b\u043b\u043a\u0443", "show_thanks_title": "1", "thanks_title_text": "\u0421\u043f\u0430\u0441\u0438\u0431\u043e, \u0447\u0442\u043e \u0432\u044b\u0431\u0438\u0440\u0430\u0435\u0442\u0435 \u043d\u0430\u0441!", "form_border_radius": "1", "img_top_height_mob": "198.00", "policy_text_before": "\u042f \u0441\u043e\u0433\u043b\u0430\u0441\u0435\u043d \u0441", "title_fontsize_mob": "16", "policy_fontsize_mob": "9", "show_img_top_thanks": "1", "subtitle_text_color": "#333333", "title_pre_bold_text": "\u0414\u0430\u0440\u0438\u043c \u0433\u0430\u0439\u0434", "checkbox_policy_show": "1", "form_line_height_mob": "1.4", "title_post_bold_text": "\u043f\u0440\u0438 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0435 \u043d\u0430 \u0440\u0430\u0441\u0441\u044b\u043b\u043a\u0443 \u043d\u043e\u0432\u043e\u0441\u0442\u0435\u0439", "checkbox_border_color": "#898989", "inputs_checkbox_color": "#898989", "thanks_title_fontsize": "24", "show_thanks_post_title": "1", "thanks_post_title_text": "\u041e\u0442\u043f\u0440\u0430\u0432\u0438\u043b\u0438 \u0433\u0430\u0439\u0434 \u043d\u0430 \u043f\u043e\u0447\u0442\u0443.", "thanks_title_fontsize_mob": "18", "thanks_post_title_fontsize": "18", "thanks_post_title_fontsize_mob": "14"}, "button_settings": {}, "behavior_settings": {"button": {"on": false, "positions": {"desktop": {"top": "0px", "left": "0px"}}, "conditions": "targeting", "show_before": true}, "partscreen": {"mobile": {"target": "window", "position": "center", "vertical_offset": 0, "element_position": "right", "horizontal_offset": 0, "element_vertical_offset": 0, "element_horizontal_offset": 0}, "tablet": null, "desktop": {"target": "window", "position": "center", "vertical_offset": 20, "element_position": "right", "horizontal_offset": 20, "element_vertical_offset": 0, "element_horizontal_offset": 0}, "animation_in": "fadeInRight", "allow_overlay": false, "animation_out": "fadeOutLeft", "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": 78342, "template": 1430, "button_template": null, "test_group": null, "new_targeting": {"filter": {"id": "root", "name": "root", "nodes": [{"id": "2", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": true, "operation": "popmechanic-check-segment", "segmentation": {"id": 209, "externalId": "7019a5d6-2958-47dd-990f-0f87a664be0c"}, "inSegmentByDefault": false}, "operator": "$check"}], "operator": "$and"}}, "settings_splits": [{"settings": {"img": "https://personalization-web-stable.mindbox.ru/user-media/5967/81fdd5a9a5b475e7edc94d631ad1b8758272f349c5a066dea8f6bdd0f7a439e8.png", "title": "\u0414\u0430\u0440\u0438\u043c 500 \u0431\u0430\u043b\u043b\u043e\u0432", "img_top": "-1", "pad_top": "40", "show_bg": "1", "img_left": "1", "pad_left": "54", "show_img": "1", "btn_color": "#ffffff", "btn_width": "120", "form_font": "Roboto, sans-serif", "img_width": "53", "inp_color": "#282828", "inp_width": "260", "pad_right": "54", "sub_title": "\u041f\u043e\u0434\u043f\u0438\u0448\u0438\u0441\u044c \u043d\u0430 email-\u0440\u0430\u0441\u0441\u044b\u043b\u043a\u0443 \u0438 \u043f\u043e\u043b\u0443\u0447\u0438 500 \u0431\u043e\u043d\u0443\u0441\u043d\u044b\u0445 \u0440\u0443\u0431\u043b\u0435\u0439 \u043d\u0430 \u043f\u043e\u043a\u0443\u043f\u043a\u0438 \u0432 \u043c\u0430\u0433\u0430\u0437\u0438\u043d\u0430\u0445 \u0438 \u043d\u0430 \u0441\u0430\u0439\u0442\u0435", "btn_1_text": "\u041f\u043e\u0434\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f", "btn_2_text": "\u041d\u0435\u0442, \u0441\u043f\u0430\u0441\u0438\u0431\u043e!", "btn_height": "40", "form_width": "320", "img_thanks": "https://personalization-web-stable.mindbox.ru/user-media/5967/03797487eac209303d1729ca4f817487582cb1814d20039a7e96a003337da3cd.png", "inp_height": "25", "pad_bottom": "38", "show_btn_2": "1", "show_title": "1", "btn_2_color": "#D92138", "btn_bgcolor": "#B01F31", "close_color": "#787878", "font_custom": "\u2018Circe\u2019, Arial, sans-serif", "form_bg_img": "https://images.unsplash.com/photo-1552154357-aaba12e68e64?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=1080&fit=max&ixid=eyJhcHBfaWQiOjI4NjQ4fQ", "form_height": "380", "img_top_mob": "-1", "pad_top_mob": "46", "placeholder": "Email", "title_color": "#282828", "bg_img_color": "#ffffff", "btn_fontsize": "13", "img_left_mob": "1", "inp_fontsize": "13", "pad_left_mob": "35", "show_form_bg": "0", "thanks_title": "\u0421\u043f\u0430\u0441\u0438\u0431\u043e!", "bg_img_height": "230", "btn_width_mob": "120", "close_bgcolor": "#eaeaea", "form_bg_color": "#f9f9fa", "img_width_mob": "53", "inp_width_mob": "260", "pad_right_mob": "35", "btn_height_mob": "40", "form_width_mob": "300", "img_thanks_top": "1", "inp_height_mob": "25", "pad_bottom_mob": "40", "show_sub_title": "1", "show_thanks_bg": "1", "title_fontsize": "17", "btn_hover_color": "#ffffff", "form_height_mob": "380", "img_thanks_left": "-1", "show_thanks_img": "1", "sub_title_color": "#787878", "btn_fontsize_mob": "13", "font_custom_show": "0", "form_line_height": "1.4", "img_thanks_width": "79", "inp_border_color": "#e5e5e5", "inp_fontsize_mob": "13", "thanks_sub_title": "\u0423\u0436\u0435 \u043e\u0442\u043f\u0440\u0430\u0432\u0438\u043b\u0438 \u043f\u0438\u0441\u044c\u043c\u043e \u0434\u043b\u044f \u043f\u043e\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0435\u043d\u0438\u044f", "bg_img_height_mob": "230", "btn_2_hover_color": "#D92138", "btn_border_radius": "20", "btn_hover_bgcolor": "#000000", "form_border_color": "#ffffff", "form_border_width": "1", "show_thanks_title": "1", "btn_2_border_color": "#D92138", "form_border_radius": "10", "img_thanks_top_mob": "1", "sub_title_fontsize": "13", "title_fontsize_mob": "19", "btn_2_hover_bgcolor": "#ffffff", "img_thanks_left_mob": "1", "form_line_height_mob": "1.3", "img_thanks_width_mob": "80", "below_form_legal_text": "", "inp_placeholder_color": "#b8b8b8", "show_thanks_sub_title": "1", "sub_title_fontsize_mob": "13", "show_legal_text_below_form": "0"}, "button_settings": {}, "conditions_splits": [{"conditions": {"session_time": "60"}, "combinator": "and", "id": 192413}], "id": 77750, "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": "JNS_\u043d\u0435\u0442 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0438 \u043d\u0430 email 2", "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://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-78068.png?ts=1704813533301", "rendered_button_preview": null, "settings": {"img": "https://personalization-web-stable.mindbox.ru/user-media/5967/81fdd5a9a5b475e7edc94d631ad1b8758272f349c5a066dea8f6bdd0f7a439e8.png", "title": "\u0414\u0430\u0440\u0438\u043c 500 \u0431\u0430\u043b\u043b\u043e\u0432", "img_top": "-1", "pad_top": "40", "show_bg": "1", "img_left": "1", "pad_left": "54", "show_img": "1", "btn_color": "#ffffff", "btn_width": "120", "form_font": "Roboto, sans-serif", "img_width": "53", "inp_color": "#282828", "inp_width": "260", "pad_right": "54", "sub_title": "\u041f\u043e\u0434\u043f\u0438\u0448\u0438\u0441\u044c \u043d\u0430 email-\u0440\u0430\u0441\u0441\u044b\u043b\u043a\u0443 \u0438 \u043f\u043e\u043b\u0443\u0447\u0438 500 \u0431\u043e\u043d\u0443\u0441\u043d\u044b\u0445 \u0440\u0443\u0431\u043b\u0435\u0439 \u043d\u0430 \u043f\u043e\u043a\u0443\u043f\u043a\u0438 \u0432 \u043c\u0430\u0433\u0430\u0437\u0438\u043d\u0430\u0445 \u0438 \u043d\u0430 \u0441\u0430\u0439\u0442\u0435", "btn_1_text": "\u041f\u043e\u0434\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f", "btn_2_text": "\u041d\u0435\u0442, \u0441\u043f\u0430\u0441\u0438\u0431\u043e!", "btn_height": "40", "form_width": "320", "img_thanks": "https://personalization-web-stable.mindbox.ru/user-media/5967/03797487eac209303d1729ca4f817487582cb1814d20039a7e96a003337da3cd.png", "inp_height": "25", "pad_bottom": "38", "show_btn_2": "1", "show_title": "1", "btn_2_color": "#D92138", "btn_bgcolor": "#B01F31", "close_color": "#787878", "font_custom": "\u2018Circe\u2019, Arial, sans-serif", "form_bg_img": "https://images.unsplash.com/photo-1552154357-aaba12e68e64?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=1080&fit=max&ixid=eyJhcHBfaWQiOjI4NjQ4fQ", "form_height": "380", "img_top_mob": "-1", "pad_top_mob": "46", "placeholder": "Email", "title_color": "#282828", "bg_img_color": "#ffffff", "btn_fontsize": "13", "img_left_mob": "1", "inp_fontsize": "13", "pad_left_mob": "35", "show_form_bg": "0", "thanks_title": "\u0421\u043f\u0430\u0441\u0438\u0431\u043e!", "bg_img_height": "230", "btn_width_mob": "120", "close_bgcolor": "#eaeaea", "form_bg_color": "#f9f9fa", "img_width_mob": "53", "inp_width_mob": "260", "pad_right_mob": "35", "btn_height_mob": "40", "form_width_mob": "300", "img_thanks_top": "1", "inp_height_mob": "25", "pad_bottom_mob": "40", "show_sub_title": "1", "show_thanks_bg": "1", "title_fontsize": "17", "btn_hover_color": "#ffffff", "form_height_mob": "380", "img_thanks_left": "-1", "show_thanks_img": "1", "sub_title_color": "#787878", "btn_fontsize_mob": "13", "font_custom_show": "0", "form_line_height": "1.4", "img_thanks_width": "79", "inp_border_color": "#e5e5e5", "inp_fontsize_mob": "13", "thanks_sub_title": "\u0423\u0436\u0435 \u043e\u0442\u043f\u0440\u0430\u0432\u0438\u043b\u0438 \u043f\u0438\u0441\u044c\u043c\u043e \u0434\u043b\u044f \u043f\u043e\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0435\u043d\u0438\u044f", "bg_img_height_mob": "230", "btn_2_hover_color": "#D92138", "btn_border_radius": "20", "btn_hover_bgcolor": "#000000", "form_border_color": "#ffffff", "form_border_width": "1", "show_thanks_title": "1", "btn_2_border_color": "#D92138", "form_border_radius": "10", "img_thanks_top_mob": "1", "sub_title_fontsize": "13", "title_fontsize_mob": "19", "btn_2_hover_bgcolor": "#ffffff", "img_thanks_left_mob": "1", "form_line_height_mob": "1.3", "img_thanks_width_mob": "80", "below_form_legal_text": "", "inp_placeholder_color": "#b8b8b8", "show_thanks_sub_title": "1", "sub_title_fontsize_mob": "13", "show_legal_text_below_form": "0"}, "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": 74559, "template": 2435, "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": ["https://jnsonline.ru/?utm_source=mindbox&utm_medium=email_trigger&utm_campaign=jns_otkaz"], "operator": "$in"}], "operator": "$and"}, {"id": "4", "field": "utm_campaign", "value": "jns_otkaz", "operator": "$contains"}], "operator": "$and"}}, "settings_splits": [{"settings": {"unit": "option1", "title": "\u0421\u043f\u0430\u0441\u0438\u0431\u043e \u0437\u0430 \u043f\u0440\u043e\u0445\u043e\u0436\u0434\u0435\u043d\u0438\u0435 \u043e\u043f\u0440\u043e\u0441\u0430!", "num_max": "200", "num_min": "10", "bg_color": "#080708", "subtitle": "+500 \u0431\u0430\u043b\u043b\u043e\u0432 \u043d\u0430 \u0431\u0430\u043b\u0430\u043d\u0441\u0435", "title_fw": "700", "title_lh": "1.3", "width_mob": "230", "title_show": "1", "width_desk": "501.00", "font_custom": "Circe, Arial, sans-serif", "font_family": "Roboto, sans-serif", "img_src_mob": "https://personalization-web-stable.mindbox.ru/user-media/35513/d0eb5f930e9886d6e6fbac059c57a7617da434a770ca2633455399428e892e51.png", "shadow_show": "0", "shadow_size": "10", "subtitle_fw": "400", "subtitle_lh": "1.4", "title_color": "#fff", "border_color": "#000", "img_show_mob": "1", "img_src_desk": "https://personalization-web-stable.mindbox.ru/user-media/35513/d0eb5f930e9886d6e6fbac059c57a7617da434a770ca2633455399428e892e51.png", "shadow_color": "#000000", "title_fs_mob": "20", "border_radius": "30", "hidden_locale": "ru", "img_show_desk": "1", "img_width_mob": "94.00", "padding_x_mob": "10", "padding_y_mob": "10", "subtitle_show": "1", "title_fs_desk": "24", "close_size_mob": "20", "img_offset_mob": "82.00", "img_width_desk": "120", "padding_x_desk": "15.00", "padding_y_desk": "20", "subtitle_color": "#fff", "bg_transparency": "1", "close_color_mob": "#fff", "close_size_desk": "22", "img_offset_desk": "104.00", "img_shadow_size": "25", "subtitle_fs_mob": "12", "title_align_mob": "center", "border_width_mob": "0", "close_color_desk": "#fff", "font_custom_show": "0", "img_position_mob": "center", "img_shadow_color": "#000000", "subtitle_fs_desk": "16", "title_align_desk": "center", "border_width_desk": "0", "close_bg_show_mob": "0", "img_position_desk": "center", "close_bg_color_mob": "#222", "close_bg_show_desk": "0", "subtitle_align_mob": "center", "close_bg_color_desk": "#222", "shadow_transparency": "0.8", "subtitle_align_desk": "center", "title_margin_bottom": "10", "close_position_x_mob": "15", "close_position_y_mob": "15", "close_bg_transparency": "1", "close_position_x_desk": "20", "close_position_y_desk": "20", "img_margin_bottom_mob": "2.00", "img_margin_bottom_desk": "10", "img_shadow_transparency": "0.25"}, "button_settings": {}, "conditions_splits": [{"conditions": {"immediate": "1"}, "combinator": "and", "id": 189896}], "id": 73967, "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": "JNS_\u043e\u0442\u043a\u0430\u0437 \u043e\u0442 \u0437\u0430\u043a\u0430\u0437\u0430", "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://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-74016.png?ts=1702389079666", "rendered_button_preview": null, "settings": {"unit": "option1", "title": "\u0421\u043f\u0430\u0441\u0438\u0431\u043e \u0437\u0430 \u043f\u0440\u043e\u0445\u043e\u0436\u0434\u0435\u043d\u0438\u0435 \u043e\u043f\u0440\u043e\u0441\u0430!", "num_max": "200", "num_min": "10", "bg_color": "#080708", "subtitle": "+500 \u0431\u0430\u043b\u043b\u043e\u0432 \u043d\u0430 \u0431\u0430\u043b\u0430\u043d\u0441\u0435", "title_fw": "700", "title_lh": "1.3", "width_mob": "230", "title_show": "1", "width_desk": "501.00", "font_custom": "Circe, Arial, sans-serif", "font_family": "Roboto, sans-serif", "img_src_mob": "https://personalization-web-stable.mindbox.ru/user-media/35513/d0eb5f930e9886d6e6fbac059c57a7617da434a770ca2633455399428e892e51.png", "shadow_show": "0", "shadow_size": "10", "subtitle_fw": "400", "subtitle_lh": "1.4", "title_color": "#fff", "border_color": "#000", "img_show_mob": "1", "img_src_desk": "https://personalization-web-stable.mindbox.ru/user-media/35513/d0eb5f930e9886d6e6fbac059c57a7617da434a770ca2633455399428e892e51.png", "shadow_color": "#000000", "title_fs_mob": "20", "border_radius": "30", "hidden_locale": "ru", "img_show_desk": "1", "img_width_mob": "94.00", "padding_x_mob": "10", "padding_y_mob": "10", "subtitle_show": "1", "title_fs_desk": "24", "close_size_mob": "20", "img_offset_mob": "82.00", "img_width_desk": "120", "padding_x_desk": "15.00", "padding_y_desk": "20", "subtitle_color": "#fff", "bg_transparency": "1", "close_color_mob": "#fff", "close_size_desk": "22", "img_offset_desk": "104.00", "img_shadow_size": "25", "subtitle_fs_mob": "12", "title_align_mob": "center", "border_width_mob": "0", "close_color_desk": "#fff", "font_custom_show": "0", "img_position_mob": "center", "img_shadow_color": "#000000", "subtitle_fs_desk": "16", "title_align_desk": "center", "border_width_desk": "0", "close_bg_show_mob": "0", "img_position_desk": "center", "close_bg_color_mob": "#222", "close_bg_show_desk": "0", "subtitle_align_mob": "center", "close_bg_color_desk": "#222", "shadow_transparency": "0.8", "subtitle_align_desk": "center", "title_margin_bottom": "10", "close_position_x_mob": "15", "close_position_y_mob": "15", "close_bg_transparency": "1", "close_position_x_desk": "20", "close_position_y_desk": "20", "img_margin_bottom_mob": "2.00", "img_margin_bottom_desk": "10", "img_shadow_transparency": "0.25"}, "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": 61477, "template": 2754, "button_template": null, "test_group": null, "new_targeting": {"filter": {"id": "root", "name": "root", "nodes": [{"id": "2", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": true, "operation": "popmechanic-check-segment", "segmentation": {"id": 90, "externalId": "85a60d48-54ec-45e8-a4a0-5ecd62516535"}, "inSegmentByDefault": false}, "operator": "$check"}], "operator": "$and"}}, "settings_splits": [{"settings": {"title": "\u0421\u041a\u0418\u0414\u041a\u0410 10%", "btn_fw": "600", "btn_url": "#", "bg_color": "#fff", "input_fw": "600", "subtitle": "\u0414\u0415\u0419\u0421\u0422\u0412\u0423\u0415\u0422 \u0422\u041e\u041b\u042c\u041a\u041e \u041d\u0410 \u041f\u0415\u0420\u0412\u042b\u0419 \u0417\u0410\u041a\u0410\u0417 \u041d\u0410 \u0421\u0410\u0419\u0422\u0415", "title_fw": "800", "title_lh": "1.1", "btn_blank": "1", "width_mob": "345", "btn_action": "copy", "btn_text_1": "\u041f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u043f\u0440\u043e\u043c\u043e\u043a\u043e\u0434", "btn_text_2": "\u041a\u043e\u043f\u0438\u0440\u043e\u0432\u0430\u0442\u044c", "height_mob": "414", "title_show": "1", "width_desk": "600", "bg_img_show": "1", "btn_pos_mob": "center", "close_color": "#000", "close_width": "1", "font_custom": "Circe, Arial, sans-serif", "font_family": "Inter, sans-serif", "height_desk": "348", "hide_screen": "0", "shadow_blur": "10", "shadow_show": "0", "subtitle_fw": "600", "subtitle_lh": "1.3", "title_color": "#000", "border_color": "#000", "btn_1_fs_mob": "14", "btn_2_fs_mob": "14", "btn_bg_color": "#000", "btn_pos_desk": "center", "btn_type_mob": "text", "input_fs_mob": "16", "shadow_color": "#000", "title_fs_mob": "26", "title_mb_mob": "8", "btn_1_fs_desk": "14", "btn_1_pos_mob": "center", "btn_2_fs_desk": "14", "btn_type_desk": "text", "close_bg_show": "0", "close_padding": "4", "input_fs_desk": "16", "padding_x_mob": "32", "padding_y_mob": "90", "shadow_spread": "0", "subtitle_show": "1", "title_fs_desk": "26", "title_mb_desk": "8", "bg_img_src_mob": "https://personalization-web-stable.mindbox.ru/user-media/35513/9b78b257a97cba60670d4942d1da114d4430120636f6aab360c9ccfeefa7e487.png", "btn_1_pos_desk": "center", "btn_promo_text": "WelcomeJNS", "btn_text_color": "#fff", "close_bg_color": "#222", "close_size_mob": "22", "height_fix_mob": "1", "input_bg_color": "#fff", "padding_x_desk": "32", "padding_y_desk": "90", "subtitle_color": "#000", "bg_img_src_desk": "https://personalization-web-stable.mindbox.ru/user-media/35513/d6948ca382dcfa2e55327f78eb61086087e5aabf6ffc6b387e7c957b6543c0a4.png", "bg_transparency": "1", "btn_1_width_mob": "280", "btn_2_width_mob": "280", "btn_img_src_mob": "https://personalization-web-stable.mindbox.ru/user-media/img/btn_Icon_8605445693599642537.svg", "btn_pos_dir_mob": "column", "btn_pos_gap_mob": "8", "close_pos_x_mob": "14", "close_pos_y_mob": "14", "close_size_desk": "22", "height_fix_desk": "1", "input_width_mob": "280", "shadow_offset_x": "0", "shadow_offset_y": "0", "subtitle_fs_mob": "15", "subtitle_mb_mob": "50.00", "title_pos_x_mob": "center", "border_width_mob": "0", "btn_1_height_mob": "40", "btn_1_width_desk": "170", "btn_2_height_mob": "40", "btn_2_width_desk": "155", "btn_bg_color_hov": "#333", "btn_border_color": "#000", "btn_border_width": "1", "btn_copy_success": "\u0421\u043a\u043e\u043f\u0438\u0440\u043e\u0432\u0430\u043d\u043e!", "btn_img_size_mob": "20", "btn_img_src_desk": "https://personalization-web-stable.mindbox.ru/user-media/img/btn_Icon_8605445693599642537.svg", "btn_pos_dir_desk": "row", "btn_pos_gap_desk": "8", "close_pos_x_desk": "10", "close_pos_y_desk": "10", "font_custom_show": "0", "input_height_mob": "40", "input_text_color": "#000", "input_width_desk": "200", "subtitle_fs_desk": "24", "subtitle_mb_desk": "24", "title_pos_x_desk": "center", "border_radius_mob": "12", "border_width_desk": "0", "btn_1_height_desk": "40", "btn_2_height_desk": "40", "btn_border_radius": "8", "btn_img_size_desk": "20", "content_pos_x_mob": "center", "content_pos_y_mob": "start", "content_width_mob": "200", "input_height_desk": "40", "border_radius_desk": "12", "btn_text_color_hov": "#f2f2f2", "content_pos_x_desk": "start", "content_pos_y_desk": "start", "content_width_desk": "420", "input_border_color": "#fff", "input_border_width": "1", "input_text_pos_mob": "center", "subtitle_pos_x_mob": "center", "btn_1_padding_x_mob": "10", "btn_1_width_fix_mob": "1", "btn_2_padding_x_mob": "10", "btn_2_width_fix_mob": "1", "close_border_radius": "0", "input_border_radius": "8", "input_padding_x_mob": "8", "input_text_pos_desk": "center", "input_width_fix_mob": "1", "shadow_transparency": "0.5", "subtitle_pos_x_desk": "center", "btn_1_padding_x_desk": "10", "btn_1_width_fix_desk": "1", "btn_2_padding_x_desk": "10", "btn_2_width_fix_desk": "1", "btn_border_color_hov": "#333", "input_padding_x_desk": "8", "input_width_fix_desk": "1", "close_bg_transparency": "0.5", "content_width_fix_mob": "0", "content_width_fix_desk": "1"}, "button_settings": {}, "conditions_splits": [{"conditions": {"pages": "2", "session_time": "15"}, "combinator": "and", "id": 181577}], "id": 60885, "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": "JNS_\u0441\u043a\u0438\u0434\u043a\u0430 \u043d\u0430 \u043f\u0435\u0440\u0432\u044b\u0439 \u0437\u0430\u043a\u0430\u0437 \u043d\u0430 \u0441\u0430\u0439\u0442\u0435", "active": true, "embed_selector": false, "selector": "", "placement": "start", "frequency": {"once_lifetime": false, "once_session": false, "priority": false, "minimal_timeout": 2592000}, "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-60197.png?ts=1692766884998", "rendered_button_preview": null, "settings": {"title": "\u0421\u041a\u0418\u0414\u041a\u0410 10%", "btn_fw": "600", "btn_url": "#", "bg_color": "#fff", "input_fw": "600", "subtitle": "\u0414\u0415\u0419\u0421\u0422\u0412\u0423\u0415\u0422 \u0422\u041e\u041b\u042c\u041a\u041e \u041d\u0410 \u041f\u0415\u0420\u0412\u042b\u0419 \u0417\u0410\u041a\u0410\u0417 \u041d\u0410 \u0421\u0410\u0419\u0422\u0415", "title_fw": "800", "title_lh": "1.1", "btn_blank": "1", "width_mob": "345", "btn_action": "copy", "btn_text_1": "\u041f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u043f\u0440\u043e\u043c\u043e\u043a\u043e\u0434", "btn_text_2": "\u041a\u043e\u043f\u0438\u0440\u043e\u0432\u0430\u0442\u044c", "height_mob": "414", "title_show": "1", "width_desk": "600", "bg_img_show": "1", "btn_pos_mob": "center", "close_color": "#000", "close_width": "1", "font_custom": "Circe, Arial, sans-serif", "font_family": "Inter, sans-serif", "height_desk": "348", "hide_screen": "0", "shadow_blur": "10", "shadow_show": "0", "subtitle_fw": "600", "subtitle_lh": "1.3", "title_color": "#000", "border_color": "#000", "btn_1_fs_mob": "14", "btn_2_fs_mob": "14", "btn_bg_color": "#000", "btn_pos_desk": "center", "btn_type_mob": "text", "input_fs_mob": "16", "shadow_color": "#000", "title_fs_mob": "26", "title_mb_mob": "8", "btn_1_fs_desk": "14", "btn_1_pos_mob": "center", "btn_2_fs_desk": "14", "btn_type_desk": "text", "close_bg_show": "0", "close_padding": "4", "input_fs_desk": "16", "padding_x_mob": "32", "padding_y_mob": "90", "shadow_spread": "0", "subtitle_show": "1", "title_fs_desk": "26", "title_mb_desk": "8", "bg_img_src_mob": "https://personalization-web-stable.mindbox.ru/user-media/35513/9b78b257a97cba60670d4942d1da114d4430120636f6aab360c9ccfeefa7e487.png", "btn_1_pos_desk": "center", "btn_promo_text": "WelcomeJNS", "btn_text_color": "#fff", "close_bg_color": "#222", "close_size_mob": "22", "height_fix_mob": "1", "input_bg_color": "#fff", "padding_x_desk": "32", "padding_y_desk": "90", "subtitle_color": "#000", "bg_img_src_desk": "https://personalization-web-stable.mindbox.ru/user-media/35513/d6948ca382dcfa2e55327f78eb61086087e5aabf6ffc6b387e7c957b6543c0a4.png", "bg_transparency": "1", "btn_1_width_mob": "280", "btn_2_width_mob": "280", "btn_img_src_mob": "https://personalization-web-stable.mindbox.ru/user-media/img/btn_Icon_8605445693599642537.svg", "btn_pos_dir_mob": "column", "btn_pos_gap_mob": "8", "close_pos_x_mob": "14", "close_pos_y_mob": "14", "close_size_desk": "22", "height_fix_desk": "1", "input_width_mob": "280", "shadow_offset_x": "0", "shadow_offset_y": "0", "subtitle_fs_mob": "15", "subtitle_mb_mob": "50.00", "title_pos_x_mob": "center", "border_width_mob": "0", "btn_1_height_mob": "40", "btn_1_width_desk": "170", "btn_2_height_mob": "40", "btn_2_width_desk": "155", "btn_bg_color_hov": "#333", "btn_border_color": "#000", "btn_border_width": "1", "btn_copy_success": "\u0421\u043a\u043e\u043f\u0438\u0440\u043e\u0432\u0430\u043d\u043e!", "btn_img_size_mob": "20", "btn_img_src_desk": "https://personalization-web-stable.mindbox.ru/user-media/img/btn_Icon_8605445693599642537.svg", "btn_pos_dir_desk": "row", "btn_pos_gap_desk": "8", "close_pos_x_desk": "10", "close_pos_y_desk": "10", "font_custom_show": "0", "input_height_mob": "40", "input_text_color": "#000", "input_width_desk": "200", "subtitle_fs_desk": "24", "subtitle_mb_desk": "24", "title_pos_x_desk": "center", "border_radius_mob": "12", "border_width_desk": "0", "btn_1_height_desk": "40", "btn_2_height_desk": "40", "btn_border_radius": "8", "btn_img_size_desk": "20", "content_pos_x_mob": "center", "content_pos_y_mob": "start", "content_width_mob": "200", "input_height_desk": "40", "border_radius_desk": "12", "btn_text_color_hov": "#f2f2f2", "content_pos_x_desk": "start", "content_pos_y_desk": "start", "content_width_desk": "420", "input_border_color": "#fff", "input_border_width": "1", "input_text_pos_mob": "center", "subtitle_pos_x_mob": "center", "btn_1_padding_x_mob": "10", "btn_1_width_fix_mob": "1", "btn_2_padding_x_mob": "10", "btn_2_width_fix_mob": "1", "close_border_radius": "0", "input_border_radius": "8", "input_padding_x_mob": "8", "input_text_pos_desk": "center", "input_width_fix_mob": "1", "shadow_transparency": "0.5", "subtitle_pos_x_desk": "center", "btn_1_padding_x_desk": "10", "btn_1_width_fix_desk": "1", "btn_2_padding_x_desk": "10", "btn_2_width_fix_desk": "1", "btn_border_color_hov": "#333", "input_padding_x_desk": "8", "input_width_fix_desk": "1", "close_bg_transparency": "0.5", "content_width_fix_mob": "0", "content_width_fix_desk": "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}], "templates": [{"id": 619, "html": "<div class=\"popmechanic-reset\" id=\"popmechanic-form\">\r\n    <div class=\"popmechanic-close\" data-popmechanic-close>&times;</div>\r\n\r\n    <div class=\"popmechanic-main\">\r\n        <div class=\"popmechanic-header\">\r\n          <%=header%>\r\n        </div>\r\n\r\n        <div class=\"popmechanic-text\">\r\n          <%=text%>\r\n        </div>\r\n\r\n        <img src=\"<%=picture%>\" alt=\"\">\r\n\r\n<a href=\"<%=url%>\" target=\"_blank\" name=\"button\" class=\"popmechanic-button\" data-popmechanic-submit>\r\n                    <span class=\"popmechanic-telegram-icon\"></span>\r\n\r\n                <%=submit%>\r\n            </a>\r\n    \r\n</div>", "css": "<% try {\r\n  font_custom_show = font_custom_show;\r\n  } catch (e) { font_custom_show = 0 }\r\n%>\r\n\r\n<% if(!parseInt(font_custom_show)) { %>\r\n  @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');\r\n<% } %>\r\n\r\n.popmechanic-reset,\r\n.popmechanic-reset * {\r\n  line-height: normal;\r\n  box-sizing: border-box;\r\n  -webkit-font-smoothing: antialiased;\r\n}\r\n\r\n#popmechanic-form {\r\n  width: 300px;\r\n  height: <%=siz1%>px;\r\n  border-radius: 5px;\r\n  background-color: <%=bg_col1%>;\r\n  color: white;\r\n  padding: 30px;\r\n  position: relative;\r\n  <% if(font_custom_show && parseInt(font_custom_show)) { %>\r\n    font-family: <% try { print(font_custom); } catch (e) { print('Helvetica, Arial, sans-serif'); } %>;\r\n  <% } else { %>\r\n    font-family: <% try { print(font_family); } catch (e) { print('Helvetica, Arial, sans-serif'); } %>;\r\n  <% } %>\r\n}\r\n  A {\r\n    color: white; \r\n   }\r\n   A:visited {\r\n    color: white; \r\n   }\r\n   A:active {\r\n    color: white; \r\n   }\r\n  #popmechanic-form .popmechanic-close {\r\n    position: absolute;\r\n    top: 8px;\r\n    right: 16px;\r\n    cursor: pointer;\r\n    font-size: 30px; }\r\n  #popmechanic-form .popmechanic-header {\r\n    font-size: 22px;\r\n    font-weight: bold;\r\n    font-style: normal;\r\n    font-stretch: condensed;\r\n    text-align: center}\r\n  #popmechanic-form .popmechanic-text {\r\n    font-size: 12px;\r\n    margin-top: 10px; \r\n      text-align: center\r\n  }\r\n  #popmechanic-form img {\r\n    max-width: 100%;\r\n    margin-top: 20px; }\r\n  \r\n    #popmechanic-form .popmechanic-email:active, #popmechanic-form .popmechanic-email:focus {\r\n      outline: none; }\r\n  \r\n       #popmechanic-form .popmechanic-telegram-icon {\r\n    background: url(<%=tg_png%>);\r\n    width: 18px;\r\n    height: 15px;\r\n    display: inline-block;\r\n    vertical-align: middle;\r\n    margin-right: 10px; }\r\n  #popmechanic-form .popmechanic-button {\r\n    display: block;\r\n    width: 226px;\r\n    height: 42px;\r\n    line-height: 42px;\r\n    text-align: center;\r\n    border: none;\r\n    background: <%=bg_col2%>;\r\n    padding: 0;\r\n    margin-top: 20px;\r\n    cursor: pointer;\r\n    font-size: 16px;\r\n    border-radius: 21px;\r\n    text-decoration: none;\r\n    color: white;\r\n    font-weight: 700; }\r\n  #popmechanic-form .popmechanic-button:hover {\r\n    background: <%=bg_col3%>; }\r\n  #popmechanic-form .popmechanic-header {\r\n    font-size: 22px;\r\n    font-weight: 700;\r\n    margin-bottom: 18px; }\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; }\r\n\r\n.popmechanic-success #popmechanic-form .popmechanic-thankyou {\r\n  display: block;\r\n  font-size: 22px;\r\n  text-align: center;\r\n  margin-top: 30px; }", "button": "", "on_show": "", "on_close": "", "embed_code": "", "behaviors": ["info", "post-text", "humble", "partscreen"], "template_type": "scrollbox-info", "need_reset": false, "parameters": [], "on_targeting_ready": "", "on_child_ready": ""}, {"id": 1430, "html": "<div class=\"popmechanic-reset\" id=\"popmechanic-form\">\r\n        <div class=\"popmechanic-main\">\r\n            <% if(parseInt(show_bg)) { %>\r\n            <div class=\"popmechanic-bg\">\r\n                <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 300 231\" preserveAspectRatio=\"none\">\r\n                    <g>\r\n                        <g>\r\n                            <path\r\n                                d=\"M10 0h280c5.523 0 10 3.9 10 8.712v187.31c.002 4.764-4.55 10.285-10.162 12.167-94.786 31.092-188.058 29.776-279.993-.14-5.438-1.812-9.843-7.26-9.845-12.027V8.712C0 3.901 4.477 0 10 0z\" />\r\n                        </g>\r\n                    </g>\r\n                </svg>\r\n            </div>\r\n            <% } %>\r\n            <div class=\"popmechanic-content\">\r\n\r\n                <% if(parseInt(show_img)) { %>\r\n                <img src=\"<%=img%>\" class=\"popmechanic-image\">\r\n                <% } %>\r\n                <% if(parseInt(show_title)) { %>\r\n                <div class=\"popmechanic-title\">\r\n                    <%=title%>\r\n                </div>\r\n                <% } %>\r\n                <% if(parseInt(show_sub_title)) { %>\r\n                <div class=\"popmechanic-sub-title\">\r\n                    <%=sub_title%>\r\n                </div>\r\n                <% } %>\r\n                <div class=\"popmechanic-inputs\">\r\n                    <div class=\"popmechanic-input-wrapper\">\r\n                        <input type=\"text\" class=\"popmechanic-input\" id=\"js-popmechanic-input\"\r\n                            data-popmechanic-input=\"email\">\r\n                        <div class=\"popmechanic-placeholder\"\r\n                            id=\"js-popmechanic-placeholder\">\r\n                            <%=placeholder%>\r\n                        </div>\r\n                    </div>\r\n\r\n\r\n                    <div class=\"popmechanic-buttons\">\r\n                        <button type=\"button\" name=\"button\" class=\"popmechanic-button popmechanic-button-primary\"\r\n                            data-popmechanic-submit> <%=btn_1_text%> </button>\r\n                        <% if(parseInt(show_btn_2)) { %>\r\n                        <button type=\"button\" name=\"button\" class=\"popmechanic-button popmechanic-button-close\"\r\n                            data-popmechanic-close> <%=btn_2_text%> </button>\r\n                        <% } %>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n        </div>\r\n        <div class=\"popmechanic-thankyou\" id=\"popmechanic-thanks\">\r\n            <% if(parseInt(show_thanks_bg)) { %>\r\n            <div class=\"popmechanic-bg popmechanic-thanks-bg\">\r\n            </div>\r\n            <% } %>\r\n            <div class=\"popmechanic-content\">\r\n                <% if(parseInt(show_thanks_img)) { %>\r\n                <img src=\"<%=img_thanks%>\" class=\"popmechanic-thanks-image\">\r\n                <% } %>\r\n                <% if(parseInt(show_thanks_title)) { %>\r\n                <div class=\"popmechanic-title\">\r\n                    <%=thanks_title%>\r\n                </div>\r\n                <% } %>\r\n                <% if(parseInt(show_thanks_sub_title)) { %>\r\n                <div class=\"popmechanic-sub-title\">\r\n                    <%=thanks_sub_title%>\r\n                </div>\r\n                <% } %>\r\n\r\n\r\n            </div>\r\n        </div>\r\n        <div class=\"popmechanic-close\" data-popmechanic-close>&times;</div>\r\n\r\n    <% \r\n    try {\r\n        show_legal_text_below_form = show_legal_text_below_form;\r\n    } catch (e) { show_legal_text_below_form = 0 }\r\n    try {\r\n        below_form_legal_text = below_form_legal_text;\r\n    } catch (e) { below_form_legal_text = \"\" }\r\n    %>\r\n    <% if(parseInt(show_legal_text_below_form) && below_form_legal_text) { %>\r\n        <div style=\"position: absolute; top: 100%; left: 0; right: 0; color: white; text-align: center; display: block;\"><%=below_form_legal_text%></div>\r\n    <% } %>\r\n\r\n</div>", "css": "<% try {\r\n  font_custom_show = font_custom_show;\r\n  } catch (e) { font_custom_show = 0 }\r\n%>\r\n\r\n<% if(!parseInt(font_custom_show)) { %>\r\n  @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');\r\n<% } %>\r\n\r\n#popmechanic-form * {\r\n  margin: 0;\r\n  padding: 0;\r\n  border: 0;\r\n  font-size: 100%;\r\n  font: inherit;\r\n  vertical-align: baseline;\r\n  background: none;\r\n  -webkit-box-sizing: border-box;\r\n          box-sizing: border-box;\r\n}\r\n\r\n#popmechanic-form {\r\n  width: <%=form_width%>px;\r\n  min-height: <%=form_height%>px;\r\n  <% if(font_custom_show && parseInt(font_custom_show)) { %>\r\n    font-family: <% try { print(font_custom); } catch (e) { print('Helvetica, Arial, sans-serif'); } %>;\r\n  <% } else { %>\r\n    font-family: <% try { print(form_font); } catch (e) { print('Helvetica, Arial, sans-serif'); } %>;\r\n  <% } %>\r\n  -webkit-box-sizing: border-box;\r\n          box-sizing: border-box;\r\n  position: relative;\r\n  background-color: <%=form_bg_color%>;\r\n  <% if(parseInt(show_form_bg)) { %>\r\n    background-image: url(<%=form_bg_img%>);\r\n    background-position: center;\r\n    background-repeat: no-repeat;\r\n    background-size: cover;\r\n  <% } %>\r\n  border-radius: <%=form_border_radius%>px;\r\n  line-height: <%=form_line_height%>;\r\n  -webkit-box-shadow: 1px 1px 20px 2px rgba(1, 2, 2, 0.1),\r\n                0 0 0 <%=form_border_width%>px <%=form_border_color%>;\r\n          box-shadow: 1px 1px 20px 2px rgba(1, 2, 2, 0.1),\r\n                        0 0 0 <%=form_border_width%>px <%=form_border_color%>;\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-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  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  z-index: 3;\r\n}\r\n\r\n#popmechanic-form .popmechanic-main {\r\n  display: -webkit-box;\r\n  display: -ms-flexbox;\r\n  display: flex;\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  height: 100%;\r\n}\r\n\r\n#popmechanic-form .popmechanic-bg {\r\n  position: absolute;\r\n  top: 10px;\r\n  left: 10px;\r\n  right: 10px;\r\n  z-index: 1;\r\n}\r\n\r\n#popmechanic-form .popmechanic-bg svg {\r\n  width: 100%;\r\n  height: <%=bg_img_height%>px;\r\n  fill: <%=bg_img_color%>;\r\n  border-radius: <%=form_border_radius%>px;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-bg svg {\r\n  height: <%=bg_img_height_mob%>px;\r\n}\r\n#popmechanic-form .popmechanic-thankyou .popmechanic-thanks-bg {\r\n  bottom: 10px;\r\n  background-color: <%=bg_img_color%>;\r\n  border-radius: <%=form_border_radius%>px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-thankyou {\r\n  display: none;\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}\r\n\r\n.popmechanic-success #popmechanic-form .popmechanic-thankyou {\r\n  display: -webkit-box;\r\n  display: -ms-flexbox;\r\n  display: flex;\r\n}\r\n\r\n.popmechanic-success #popmechanic-form .popmechanic-main {\r\n  display: none;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form {\r\n  width: <%=form_width_mob%>px;\r\n  min-height: <%=form_height_mob%>px;\r\n  line-height: <%=form_line_height_mob%>;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-content {\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}\r\n\r\n#popmechanic-form .popmechanic-image {\r\n  position: relative;\r\n  width: <%=img_width%>px;\r\n  top: <%=img_top%>px;\r\n  left: <%=img_left%>px;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-thanks-image {\r\n  position: relative;\r\n  width: <%=img_thanks_width%>px;\r\n  top: <%=img_thanks_top%>px;\r\n  left: <%=img_thanks_left%>px;\r\n  margin-bottom: 34px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-image {\r\n  top: <%=img_top_mob%>px;\r\n  left: <%=img_left_mob%>px;\r\n  width: <%=img_width_mob%>px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-thanks-image {\r\n  width: <%=img_thanks_width_mob%>px;\r\n  top: <%=img_thanks_top_mob%>px;\r\n  left: <%=img_thanks_left_mob%>px;\r\n  margin-bottom: 30px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-close {\r\n  cursor: pointer;\r\n  text-align: center;\r\n  position: absolute;\r\n  right: -10px;\r\n  top: -10px;\r\n  color: <%=close_color%>;\r\n  background-color: <%=close_bgcolor%>;\r\n  border-radius: 50%;\r\n  font-weight: 400;\r\n  line-height: 30px;\r\n  width: 30px;\r\n  height: 30px;\r\n  font-size: 25px;\r\n  z-index: 10;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-close {\r\n  right: -7px;\r\n  top: -7px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-title {\r\n  font-size: <%=title_fontsize%>px;\r\n  color: <%=title_color%>;\r\n  font-weight: 400;\r\n  margin-bottom: 18px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-title {\r\n  font-size: <%=title_fontsize_mob%>px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-sub-title {\r\n  font-size: <%=sub_title_fontsize%>px;\r\n  font-weight: 400;\r\n  color: <%=sub_title_color%>;\r\n  margin-bottom: 70px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-thankyou .popmechanic-sub-title {\r\n  margin-bottom: 0;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-sub-title {\r\n  font-size: <%=sub_title_fontsize_mob%>px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-inputs {\r\n  margin-top: auto;\r\n  display: -webkit-box;\r\n  display: -ms-flexbox;\r\n  display: flex;\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-form .popmechanic-input-wrapper {\r\n  position: relative;\r\n  margin-bottom: 16px;\r\n  font-size: <%=inp_fontsize%>px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-input {\r\n  display: block;\r\n  width: <%=inp_width%>px;\r\n  height: <%=inp_height%>px;\r\n  font-size: inherit;\r\n  background-color: transparent;\r\n  color: <%=inp_color%>;\r\n  font-weight: 400;\r\n  text-align: left;\r\n  padding-left: 3px;\r\n  -webkit-box-sizing: border-box;\r\n          box-sizing: border-box;\r\n  border-bottom: 1px solid <%=inp_border_color%>;\r\n  outline: none;\r\n  position: relative;\r\n  z-index: 3;\r\n}\r\n\r\n#popmechanic-form .popmechanic-placeholder {\r\n  color: <%=inp_placeholder_color%>;\r\n  font-size: inherit;\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  position: absolute;\r\n  top: 50%;\r\n  -webkit-transform: translateY(-50%);\r\n          transform: translateY(-50%);\r\n  left: 3px;\r\n  z-index: 2;\r\n  font-weight: 400;\r\n  -webkit-transition: all .3s;\r\n  transition: all .3s;\r\n}\r\n\r\n#popmechanic-form .popmechanic-placeholder-top {\r\n  top: 0;\r\n  -webkit-transform: translateY(-100%);\r\n          transform: translateY(-100%);\r\n  font-size: 11px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-invalid {\r\n  border-color: red;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-input {\r\n  width: <%=inp_width_mob%>px;\r\n  height: <%=inp_height_mob%>px;\r\n  font-size: <%=inp_fontsize_mob%>px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-input-wrapper {\r\n  font-size: <%=inp_fontsize_mob%>px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-buttons {\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}\r\n\r\n#popmechanic-form .popmechanic-button {\r\n  width: <%=btn_width%>px;\r\n  height: <%=btn_height%>px;\r\n  background: <%=btn_bgcolor%>;\r\n  color: <%=btn_color%>;\r\n  font-size: <%=btn_fontsize%>px;\r\n  font-weight: 700;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  border-radius: <%=btn_border_radius%>px;\r\n  cursor: pointer;\r\n  outline: none;\r\n  border: none;\r\n  text-decoration: none;\r\n  -webkit-transition: all .3s;\r\n  transition: all .3s;\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\r\n#popmechanic-form .popmechanic-button-primary {\r\n  margin-right: 18px;\r\n  <% if(!parseInt(show_btn_2)) { %>\r\n    margin-right: 0;\r\n  <% } %>\r\n}\r\n\r\n#popmechanic-form .popmechanic-button-close {\r\n  color: <%=btn_2_color%>;\r\n  background-color: transparent;\r\n  border: 1px solid <%=btn_2_border_color%>;\r\n}\r\n\r\n#popmechanic-form .popmechanic-button-close:hover {\r\n  background-color: <%=btn_2_hover_bgcolor%>;\r\n  border-color: <%=btn_2_hover_bgcolor%>;\r\n  color: <%=btn_2_hover_color%>;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-button {\r\n  width: <%=btn_width_mob%>px;\r\n  height: <%=btn_height_mob%>px;\r\n  font-size: <%=btn_fontsize_mob%>px;\r\n  line-height: <%=btn_height_mob%>px;\r\n}", "button": "", "on_show": "!(function () {\r\n    var placeholder = document.querySelector('#js-popmechanic-placeholder');\r\n    var input = document.querySelector('#js-popmechanic-input');\r\n\r\n    var pControl = {\r\n        addClass: function () {\r\n            placeholder.classList.add('popmechanic-placeholder-top');\r\n        },\r\n        removeClass: function () {\r\n            placeholder.classList.remove('popmechanic-placeholder-top');\r\n        }\r\n    }\r\n\r\n    if (hasValue(input)) {\r\n        pControl.addClass();\r\n    } else {\r\n        pControl.removeClass();\r\n    }\r\n\r\n    input.addEventListener('focus', function () {\r\n        pControl.addClass();\r\n    });\r\n    input.addEventListener('blur', function () {\r\n        if (!hasValue(input)) {\r\n            pControl.removeClass();\r\n        }\r\n\r\n    })\r\n\r\n    function hasValue(input) {\r\n        return !!input.value;\r\n    }\r\n})();", "on_close": "", "embed_code": "", "behaviors": ["partscreen", "humble", "post-text", "lead"], "template_type": "partscreen-info", "need_reset": true, "parameters": [], "on_targeting_ready": "", "on_child_ready": ""}, {"id": 2435, "html": "<div class=\"popmechanic-reset\"\r\n\t\t id=\"popmechanic-form\">\r\n\r\n\t<div class=\"popmechanic-main\">\r\n\t\t<% if ((desktop.toString() !== \"false\") && parseInt(img_show_desk)) { %>\r\n\t\t<img src=\"<%= img_src_desk %>\"\r\n\t\t\t\t alt=\"\"\r\n\t\t\t\t class=\"popmechanic-image\">\r\n\t\t<% } %>\r\n\t\t<% if ((desktop.toString() === \"false\") && parseInt(img_show_mob)) { %>\r\n\t\t<img src=\"<%= img_src_mob %>\"\r\n\t\t\t\t alt=\"\"\r\n\t\t\t\t class=\"popmechanic-image\">\r\n\t\t<% } %>\r\n\t\t<div class=\"popmechanic-container\">\r\n\t\t\t<div class=\"popmechanic-close\"\r\n\t\t\t\t\t data-popmechanic-close></div>\r\n\t\t\t<div class=\"popmechanic-content\">\r\n\t\t\t\t<div class=\"popmechanic-header\">\r\n\t\t\t\t\t<% if(parseInt(title_show)) { %>\r\n\t\t\t\t\t<div class=\"popmechanic-title\"><%= title %></div>\r\n\t\t\t\t\t<% } %>\r\n\t\t\t\t\t<% if(parseInt(subtitle_show)) { %>\r\n\t\t\t\t\t<div class=\"popmechanic-subtitle\">\r\n\t\t\t\t\t\t<%= subtitle %>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<% } %>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n</div>", "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<%\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, .popmechanic-reset *::before, .popmechanic-reset *::after {\r\n\tbox-sizing: border-box;\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: 100vw;\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\tborder: 0 solid <%= border_color %>;\r\n\tborder-radius: <%= border_radius %>px;\r\n\tbackground-color: rgba(<%= hexToRgb(bg_color) %>, <%= bg_transparency %>);\r\n\t<% if (parseInt(shadow_show)) { %>\r\n\t\tbox-shadow: 0 0 <%= shadow_size %>px rgba(<%= hexToRgb(shadow_color) %>, <%= shadow_transparency %>);\r\n\t<% } %>\r\n}\r\n<% if (!(!parseInt(img_show_desk) && !parseInt(img_show_mob))) { %>\r\n\t#popmechanic-form .popmechanic-image {\r\n\t\tposition: relative;\r\n\t\tz-index: 1;\r\n\t\tdisplay: block;\r\n\t\twidth: 100%;\r\n\t\tmax-width: 100%;\r\n\t\theight: auto;\r\n\t\tmax-height: 100%;\r\n\t\tobject-fit: cover;\r\n\t\tfilter: drop-shadow(0 0 <%= img_shadow_size %>px rgba(<%= hexToRgb(img_shadow_color) %>, <%= img_shadow_transparency %>));\r\n\t}\r\n<% } %>\r\n#popmechanic-form .popmechanic-content {\r\n\tmax-width: 100%;\r\n}\r\n#popmechanic-form .popmechanic-header {\r\n\tword-break: break-word;\r\n\toverflow-wrap: break-word;\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-subtitle span {\r\n\tcolor: inherit;\r\n\tfont-weight: inherit;\r\n\tline-height: inherit;\r\n\tfont-size: inherit;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-main {\r\n\tmax-width: <%= width_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-container {\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\twidth: <%= img_width_desk %>px;\r\n\t\tmargin-bottom: -<%= ((+img_offset_desk - +img_margin_bottom_desk) <= 0 ) ? 0 : +img_offset_desk - +img_margin_bottom_desk %>px;\r\n\t\t<% if (img_position_desk === \"right\") { %>\r\n\t\t\tmargin-left: auto;\r\n\t\t<% } else if (img_position_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-content {\r\n\tpadding: <%= padding_y_desk %>px <%= padding_x_desk %>px;\r\n\t<% if (parseInt(img_show_desk)) { %>\r\n\t\tpadding-top: <%= (+img_offset_desk < +padding_y_desk) ? padding_y_desk : img_offset_desk %>px;\r\n\t<% } %>\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-title {\r\n\tmargin-bottom: <%= title_margin_bottom %>px;\r\n\tfont-size: <%= title_fs_desk %>px;\r\n\ttext-align: <%= title_align_desk %>;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-subtitle {\r\n\tfont-size: <%= subtitle_fs_desk %>px;\r\n\ttext-align: <%= subtitle_align_desk %>;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-main, .popmechanic-mobile #popmechanic-form .popmechanic-main {\r\n\tmax-width: <%= width_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-container, .popmechanic-mobile #popmechanic-form .popmechanic-container {\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, .popmechanic-mobile #popmechanic-form .popmechanic-image {\r\n\t\twidth: <%= img_width_mob %>px;\r\n\t\tmargin-bottom: -<%= ((+img_offset_mob - +img_margin_bottom_mob) <= 0 ) ? 0 : +img_offset_mob - +img_margin_bottom_mob %>px;\r\n\t\t<% if (img_position_mob === \"right\") { %>\r\n\t\t\tmargin-left: auto;\r\n\t\t<% } else if (img_position_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-content, .popmechanic-mobile #popmechanic-form .popmechanic-content {\r\n\tpadding: <%= padding_y_mob %>px <%= padding_x_mob %>px;\r\n\t<% if (parseInt(img_show_mob)) { %>\r\n\t\tpadding-top: <%= (+img_offset_mob < +padding_y_mob) ? padding_y_mob : img_offset_mob %>px;\r\n\t<% } %>\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-title, .popmechanic-mobile #popmechanic-form .popmechanic-title {\r\n\tmargin-bottom: <%= title_margin_bottom %>px;\r\n\tfont-size: <%= title_fs_mob %>px;\r\n\ttext-align: <%= title_align_mob %>;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-subtitle, .popmechanic-mobile #popmechanic-form .popmechanic-subtitle {\r\n\tfont-size: <%= subtitle_fs_mob %>px;\r\n\ttext-align: <%= subtitle_align_mob %>;\r\n}\r\n#popmechanic-form .popmechanic-close {\r\n\tposition: absolute;\r\n\tz-index: 40;\r\n\tcursor: pointer;\r\n}\r\n#popmechanic-form .popmechanic-close::before, #popmechanic-form .popmechanic-close::after {\r\n\tcontent: \"\";\r\n\tposition: absolute;\r\n\ttop: 50%;\r\n\tleft: 50%;\r\n\twidth: 100%;\r\n\theight: 2px;\r\n\tborder-radius: 2px;\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}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-close {\r\n\ttop: <%= close_position_y_desk %>px;\r\n\tright: <%= close_position_x_desk %>px;\r\n\twidth: <%= close_size_desk %>px;\r\n\theight: <%= close_size_desk %>px;\r\n\t<% if (parseInt(close_bg_show_desk)) { %>\r\n\t\tbackground-color: rgba(<%= hexToRgb(close_bg_color_desk) %>, <%= 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-desktop #popmechanic-form .popmechanic-close::before, .popmechanic-desktop #popmechanic-form .popmechanic-close::after {\r\n\tbackground-color: <%= close_color_desk %>;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-close, .popmechanic-mobile #popmechanic-form .popmechanic-close {\r\n\ttop: <%= close_position_y_mob %>px;\r\n\tright: <%= close_position_x_mob %>px;\r\n\twidth: <%= close_size_mob %>px;\r\n\theight: <%= close_size_mob %>px;\r\n\t<% if (parseInt(close_bg_show_mob)) { %>\r\n\t\tbackground-color: rgba(<%= hexToRgb(close_bg_color_mob) %>, <%= 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-tablet #popmechanic-form .popmechanic-close::before, .popmechanic-tablet #popmechanic-form .popmechanic-close::after, .popmechanic-mobile #popmechanic-form .popmechanic-close::before, .popmechanic-mobile #popmechanic-form .popmechanic-close::after {\r\n\tbackground-color: <%= close_color_mob %>;\r\n}", "button": "", "on_show": "function randomInteger(min, max) {\r\n\tmin = parseInt(min);\r\n\tmax = parseInt(max);\r\n\tif (min > max) {\r\n\t\tmin = 10;\r\n\t\tmax = 100;\r\n\t}\r\n\tvar rand = min + Math.random() * (max + 1 - min);\r\n\trand = Math.floor(rand);\r\n\treturn rand;\r\n}\r\n\r\nfunction addSuffix(numb) {\r\n\tif (settings.hidden_locale === \"ru\") {\r\n\t\tlet units = {\r\n\t\t\t'option1': [\"\u0440\u0430\u0437\", \"\u0440\u0430\u0437\", \"\u0440\u0430\u0437\", \"\u0440\u0430\u0437\u0430\", \"\u0440\u0430\u0437\"],\r\n\t\t\t'option2': [\"\u0448\u0442\u0443\u043a\", \"\u0448\u0442\u0443\u043a\u0430\", \"\u0448\u0442\u0443\u043a\", \"\u0448\u0442\u0443\u043a\u0438\", \"\u0448\u0442\u0443\u043a\"],\r\n\t\t\t'option3': [\"\u0447\u0435\u043b\u043e\u0432\u0435\u043a\", \"\u0447\u0435\u043b\u043e\u0432\u0435\u043a\", \"\u0447\u0435\u043b\u043e\u0432\u0435\u043a\", \"\u0447\u0435\u043b\u043e\u0432\u0435\u043a\u0430\", \"\u0447\u0435\u043b\u043e\u0432\u0435\u043a\"]\r\n\t\t};\r\n\r\n\t\treturn (\r\n\t\t\tnumb % 100 >= 10 && numb % 100 <= 20\r\n\t\t\t? units[settings.unit][0]\r\n\t\t\t: (numb % 10 === 1\r\n\t\t\t\t? units[settings.unit][1]\r\n\t\t\t\t: (numb % 10 === 0\r\n\t\t\t\t\t? units[settings.unit][2]\r\n\t\t\t\t\t: (numb % 10 < 5 ? units[settings.unit][3] : units[settings.unit][4])\r\n\t\t\t\t)\r\n\t\t\t)\r\n\t\t);\r\n\t} else {\r\n\t\tlet units = {\r\n\t\t\t'option1': [\"time\", \"times\"],\r\n\t\t\t'option2': [\"piece left\", \"pieces left\"],\r\n\t\t\t'option3': [\"visitor\", \"visitors\"]\r\n\t\t};\r\n\t\treturn (numb === 1 ? units[settings.unit][0] : units[settings.unit][1]);\r\n\t}\r\n}\r\n\r\nlet data = randomInteger(<%= num_min %>, <%= num_max %>);\r\n\r\ndocument.querySelector('#popmechanic-num').innerHTML = data;\r\ndocument.querySelector('#popmechanic-unit').innerHTML = addSuffix(data);", "on_close": "", "embed_code": "", "behaviors": ["partscreen", "info"], "template_type": "partscreen", "need_reset": true, "parameters": [], "on_targeting_ready": "", "on_child_ready": ""}, {"id": 2754, "html": "<div class=\"popmechanic-reset\"\r\n\t\t id=\"popmechanic-form\">\r\n\r\n\t<!-- SCREEN-1 -->\r\n\t<div class=\"popmechanic-main popmechanic-screen <%= parseInt(hide_screen) ? '' : 'popmechanic-screen_active' %>\"\r\n\t\t\t id=\"popmechanic-first\">\r\n\t\t<div class=\"popmechanic-container\">\r\n\t\t\t<div class=\"popmechanic-content\">\r\n\t\t\t\t<div class=\"popmechanic-header\">\r\n\t\t\t\t\t<% if (parseInt(title_show)) { %>\r\n\t\t\t\t\t<div class=\"popmechanic-title\"><%= title %></div>\r\n\t\t\t\t\t<% } %>\r\n\t\t\t\t\t<% if (parseInt(subtitle_show)) { %>\r\n\t\t\t\t\t<div class=\"popmechanic-subtitle\"><%= subtitle %></div>\r\n\t\t\t\t\t<% } %>\r\n\t\t\t\t</div>\r\n\t\t\t\t<button data-target=\"screen\"\r\n\t\t\t\t\t\t\t\thref=\"#popmechanic-second\"\r\n\t\t\t\t\t\t\t\tclass=\"popmechanic-button popmechanic-button-1\"\r\n\t\t\t\t\t\t\t\tname=\"button\"><%= btn_text_1 %></button>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n\r\n\t<!-- SCREEN-2 -->\r\n\t<div class=\"popmechanic-main popmechanic-screen <%= parseInt(hide_screen) ? 'popmechanic-screen_active' : '' %>\"\r\n\t\t\t id=\"popmechanic-second\">\r\n\t\t<div class=\"popmechanic-container\">\r\n\t\t\t<div class=\"popmechanic-content\">\r\n\t\t\t\t<div class=\"popmechanic-header\">\r\n\t\t\t\t\t<% if (parseInt(title_show)) { %>\r\n\t\t\t\t\t<div class=\"popmechanic-title\"><%= title %></div>\r\n\t\t\t\t\t<% } %>\r\n\t\t\t\t\t<% if (parseInt(subtitle_show)) { %>\r\n\t\t\t\t\t<div class=\"popmechanic-subtitle\"><%= subtitle %></div>\r\n\t\t\t\t\t<% } %>\r\n\t\t\t\t</div>\r\n\r\n\t\t\t\t<div class=\"popmechanic-promocode-wrapper\">\r\n\t\t\t\t\t<div class=\"popmechanic-promocode\"><%= btn_promo_text %></div>\r\n\t\t\t\t\t<% if (btn_action === 'copy') { %>\r\n\t\t\t\t\t<button type=\"button\"\r\n\t\t\t\t\t\t\t\t\tname=\"button\"\r\n\t\t\t\t\t\t\t\t\tclass=\"popmechanic-button popmechanic-do-copy popmechanic-button-2\"\r\n\t\t\t\t\t\t\t\t\tdata-popmechanic-submit>\r\n\t\t\t\t\t\t<% } else if (btn_action === 'link') { %>\r\n\t\t\t\t\t\t<a href=\"<%= btn_url %>\"\r\n\t\t\t\t\t\t\t class=\"popmechanic-button popmechanic-button-2\"\r\n\t\t\t\t\t\t\t data-popmechanic-submit\r\n\t\t\t\t\t\t\t <%= parseInt(btn_blank) ? 'target=\"_blank\"' : '' %>>\r\n\t\t\t\t\t\t\t<% } %>\r\n\t\t\t\t\t\t\t<% if (desktop && btn_type_desk !== 'icon') { %>\r\n\t\t\t\t\t\t\t<span class=\"popmechanic-button-text\"><%= btn_text_2 %></span>\r\n\t\t\t\t\t\t\t<% } %>\r\n\t\t\t\t\t\t\t<% if (!desktop && btn_type_mob !== 'icon') { %>\r\n\t\t\t\t\t\t\t<span class=\"popmechanic-button-text\"><%= btn_text_2 %></span>\r\n\t\t\t\t\t\t\t<% } %>\r\n\t\t\t\t\t\t\t<% if (desktop && btn_type_desk !== 'text') { %>\r\n\t\t\t\t\t\t\t<img class=\"popmechanic-button-icon\"\r\n\t\t\t\t\t\t\t\t\t src=\"<%= btn_img_src_desk %>\"\r\n\t\t\t\t\t\t\t\t\t alt=\"<%= btn_text_2 %>\">\r\n\t\t\t\t\t\t\t<% } %>\r\n\t\t\t\t\t\t\t<% if (!desktop && btn_type_mob !== 'text') { %>\r\n\t\t\t\t\t\t\t<img class=\"popmechanic-button-icon\"\r\n\t\t\t\t\t\t\t\t\t src=\"<%= btn_img_src_mob %>\"\r\n\t\t\t\t\t\t\t\t\t alt=\"<%= btn_text_2 %>\">\r\n\t\t\t\t\t\t\t<% } %>\r\n\r\n\t\t\t\t\t\t\t<% if (btn_action === 'copy') { %>\r\n\t\t\t\t\t</button>\r\n\t\t\t\t\t<% } else if (btn_action === 'link') { %>\r\n\t\t\t\t\t</a>\r\n\t\t\t\t\t<% } %>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n\r\n\t<!-- CLOSE -->\r\n\t<div class=\"popmechanic-close\"\r\n\t\t\t data-popmechanic-close></div>\r\n</div>", "css": "<% if(!parseInt(font_custom_show)) { %>\r\n\t@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Roboto:wght@300;400;500;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,\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.popmechanic-reset A,\r\n.popmechanic-reset * A {\r\n\tcolor: inherit;\r\n\tfont-size: inherit;\r\n}\r\n.popmechanic-reset svg,\r\n.popmechanic-reset img {\r\n\tdisplay: block;\r\n\twidth: 100%;\r\n\tmax-width: 100%;\r\n\theight: auto;\r\n\tmax-height: 100%;\r\n}\r\n.popmechanic-reset BUTTON,\r\n.popmechanic-reset * BUTTON {\r\n\tdisplay: block;\r\n\theight: auto;\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\tcursor: pointer;\r\n\t-webkit-appearance: none;\r\n\t\t\t\t\tappearance: none;\r\n}\r\n.popmechanic-screen {\r\n\tdisplay: none;\r\n}\r\n.popmechanic-screen_active {\r\n\tdisplay: flex;\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}\r\n#popmechanic-form .popmechanic-container {\r\n\tdisplay: grid;\r\n\twidth: 100%;\r\n\tmax-width: 100%;\r\n\theight: 100%;\r\n\toverflow: hidden;\r\n\tborder: 0 solid <%= border_color %>;\r\n\tbackground-color: rgba(<%= hexToRgb(bg_color) %>, <%= bg_transparency %>);\r\n\tbackground-position: center;\r\n\tbackground-size: cover;\r\n\tbackground-repeat: no-repeat;\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-content {\r\n\tmax-width: 100%;\r\n}\r\n#popmechanic-form .popmechanic-header {\r\n\tword-break: break-word;\r\n\toverflow-wrap: break-word;\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-promocode {\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\twidth: 100%;\r\n\tmax-width: 100%;\r\n\theight: 100%;\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-weight: <%= input_fw %>;\r\n}\r\n#popmechanic-form .popmechanic-promocode-wrapper {\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\twidth: 100%;\r\n\tmax-width: 100%;\r\n}\r\n#popmechanic-form .popmechanic-button {\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\tborder: <%= btn_border_width %>px solid <%= btn_border_color %>;\r\n\tborder-radius: <%= btn_border_radius %>px;\r\n\tbackground-color: <%= btn_bg_color %>;\r\n\tcolor: <%= btn_text_color %>;\r\n\ttext-decoration: none;\r\n\tfont-weight: <%= btn_fw %>;\r\n\tline-height: 1;\r\n\t-webkit-user-select: none;\r\n\t\t\t\t\tuser-select: none;\r\n\ttransition-property: all;\r\n\ttransition-duration: 0.2s;\r\n\ttransition-timing-function: ease-in-out;\r\n}\r\n@media (hover: hover) {\r\n\t#popmechanic-form .popmechanic-button:hover,\r\n\t#popmechanic-form .popmechanic-button:focus {\r\n\t\tborder-color: <%= btn_border_color_hov %>;\r\n\t\tbackground-color: <%= btn_bg_color_hov %>;\r\n\t\tcolor: <%= btn_text_color_hov %>;\r\n\t}\r\n}\r\n#popmechanic-form .popmechanic-button-text {\r\n\tfont-size: inherit;\r\n\tfont-weight: inherit;\r\n}\r\n\r\n/* DESKTOP */\r\n.popmechanic-desktop #popmechanic-form .popmechanic-main {\r\n\tmax-width: <%= width_desk %>px;\r\n\theight: <%= parseInt(height_fix_desk) ? height_desk + \"px\" : \"auto\" %>;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-container {\r\n\tjustify-content: <%= content_pos_x_desk %>;\r\n\talign-items: <%= content_pos_y_desk %>;\r\n\tborder-radius: <%= border_radius_desk %>px;\r\n\tborder-width: <%= border_width_desk %>px;\r\n\t<% if (parseInt(bg_img_show)) { %>\r\n\t\tbackground-image: url(<%= bg_img_src_desk %>);\r\n\t<% } %>\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-content {\r\n\twidth: <%= parseInt(content_width_fix_desk) ? content_width_desk + \"px\" : \"100%\" %>;\r\n\tpadding: <%= padding_y_desk %>px <%= padding_x_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-title {\r\n\tmargin-bottom: <%= title_mb_desk %>px;\r\n\ttext-align: <%= title_pos_x_desk %>;\r\n\tfont-size: <%= title_fs_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-subtitle {\r\n\tmargin-bottom: <%= subtitle_mb_desk %>px;\r\n\ttext-align: <%= subtitle_pos_x_desk %>;\r\n\tfont-size: <%= subtitle_fs_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-promocode {\r\n\twidth: <%= parseInt(input_width_fix_desk) ? input_width_desk + \"px\" : \"auto\" %>;\r\n\theight: <%= input_height_desk %>px;\r\n\tpadding: 0 <%= input_padding_x_desk %>px;\r\n\tfont-size: <%= input_fs_desk %>px;\r\n\tjustify-content: <%= input_text_pos_desk %>;\r\n\t<% if (btn_pos_dir_desk === 'row') { %>\r\n\t\tborder-top-right-radius: 0;\r\n\t\tborder-bottom-right-radius: 0;\r\n\t<% } %>\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-promocode-wrapper {\r\n\tflex-direction: <%= btn_pos_dir_desk %>;\r\n\trow-gap: <%= btn_pos_gap_desk %>px;\r\n\t<% if (btn_pos_dir_desk === 'row') { %>\r\n\t\t<% if (btn_pos_desk === \"right\") { %>\r\n\t\t\tjustify-content: flex-end;\r\n\t\t<% } else if (btn_pos_desk === \"left\") { %>\r\n\t\t\tjustify-content: flex-start;\r\n\t\t<% } else { %>\r\n\t\t\tjustify-content: center;\r\n\t\t<% } %>\r\n\t<% } else { %>\r\n\t\t<% if (btn_pos_desk === \"right\") { %>\r\n\t\t\talign-items: flex-end;\r\n\t\t<% } else if (btn_pos_desk === \"left\") { %>\r\n\t\t\talign-items: flex-start;\r\n\t\t<% } else { %>\r\n\t\t\talign-items: center;\r\n\t\t<% } %>\r\n\t<% } %>\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-button-1 {\r\n\twidth: <%= parseInt(btn_1_width_fix_desk) ? btn_1_width_desk + \"px\" : \"auto\" %>;\r\n\tmin-height: <%= btn_1_height_desk %>px;\r\n\tpadding: 0 <%= btn_1_padding_x_desk %>px;\r\n\tfont-size: <%= btn_1_fs_desk %>px;\r\n\t<% if (btn_1_pos_desk === \"right\") { %>\r\n\t\tmargin-left: auto;\r\n\t<% } else if (btn_1_pos_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.popmechanic-desktop #popmechanic-form .popmechanic-button-2 {\r\n\twidth: <%= parseInt(btn_2_width_fix_desk) ? btn_2_width_desk + \"px\" : \"auto\" %>;\r\n\tmin-height: <%= btn_2_height_desk %>px;\r\n\tfont-size: <%= btn_2_fs_desk %>px;\r\n\tpadding: 0 <%= btn_2_padding_x_desk %>px;\r\n\tgap: <%= +btn_img_size_desk / 2 %>px;\r\n\t<% if (btn_type_desk === 'icon_text') { %>\r\n\t\tflex-direction: row-reverse;\r\n\t<% } %>\r\n\t<% if (btn_pos_dir_desk === 'row') { %>\r\n\t\tborder-top-left-radius: 0;\r\n\t\tborder-bottom-left-radius: 0;\r\n\t<% } %>\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-button-icon {\r\n\twidth: <%= btn_img_size_desk %>px;\r\n\tflex-shrink: 0;\r\n}\r\n\r\n/* MOBILE */\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\theight: <%= parseInt(height_fix_mob) ? height_mob + \"px\" : \"auto\" %>;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-container,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-container {\r\n\tjustify-content: <%= content_pos_x_mob %>;\r\n\talign-items: <%= content_pos_y_mob %>;\r\n\tborder-radius: <%= border_radius_mob %>px;\r\n\tborder-width: <%= border_width_mob %>px;\r\n\t<% if (parseInt(bg_img_show)) { %>\r\n\t\tbackground-image: url(<%= bg_img_src_mob %>);\r\n\t<% } %>\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-content,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-content {\r\n\twidth: <%= parseInt(content_width_fix_mob) ? content_width_mob + \"px\" : \"100%\" %>;\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\tmargin-bottom: <%= title_mb_mob %>px;\r\n\ttext-align: <%= title_pos_x_mob %>;\r\n\tfont-size: <%= title_fs_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-subtitle,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-subtitle {\r\n\tmargin-bottom: <%= subtitle_mb_mob %>px;\r\n\ttext-align: <%= subtitle_pos_x_mob %>;\r\n\tfont-size: <%= subtitle_fs_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-promocode,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-promocode {\r\n\twidth: <%= parseInt(input_width_fix_mob) ? input_width_mob + \"px\" : \"auto\" %>;\r\n\theight: <%= input_height_mob %>px;\r\n\tpadding: 0 <%= input_padding_x_mob %>px;\r\n\tfont-size: <%= input_fs_mob %>px;\r\n\tjustify-content: <%= input_text_pos_mob %>;\r\n\t<% if (btn_pos_dir_mob === 'row') { %>\r\n\t\tborder-top-right-radius: 0;\r\n\t\tborder-bottom-right-radius: 0;\r\n\t<% } %>\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-promocode-wrapper,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-promocode-wrapper {\r\n\tflex-direction: <%= btn_pos_dir_mob %>;\r\n\trow-gap: <%= btn_pos_gap_mob %>px;\r\n\t<% if (btn_pos_dir_mob === 'row') { %>\r\n\t\t<% if (btn_pos_mob === \"right\") { %>\r\n\t\t\tjustify-content: flex-end;\r\n\t\t<% } else if (btn_pos_mob === \"left\") { %>\r\n\t\t\tjustify-content: flex-start;\r\n\t\t<% } else { %>\r\n\t\t\tjustify-content: center;\r\n\t\t<% } %>\r\n\t<% } else { %>\r\n\t\t<% if (btn_pos_mob === \"right\") { %>\r\n\t\t\talign-items: flex-end;\r\n\t\t<% } else if (btn_pos_mob === \"left\") { %>\r\n\t\t\talign-items: flex-start;\r\n\t\t<% } else { %>\r\n\t\t\talign-items: center;\r\n\t\t<% } %>\r\n\t<% } %>\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-button-1,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-button-1 {\r\n\twidth: <%= parseInt(btn_1_width_fix_mob) ? btn_1_width_mob + \"px\" : \"auto\" %>;\r\n\tmin-height: <%= btn_1_height_mob %>px;\r\n\tpadding: 0 <%= btn_1_padding_x_mob %>px;\r\n\tfont-size: <%= btn_1_fs_mob %>px;\r\n\t<% if (btn_1_pos_mob === \"right\") { %>\r\n\t\tmargin-left: auto;\r\n\t<% } else if (btn_1_pos_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.popmechanic-tablet #popmechanic-form .popmechanic-button-2,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-button-2 {\r\n\twidth: <%= parseInt(btn_2_width_fix_mob) ? btn_2_width_mob + \"px\" : \"auto\" %>;\r\n\tmin-height: <%= btn_2_height_mob %>px;\r\n\tpadding: 0 <%= btn_2_padding_x_mob %>px;\r\n\tfont-size: <%= btn_2_fs_mob %>px;\r\n\tgap: <%= +btn_img_size_mob / 2 %>px;\r\n\t<% if (btn_type_mob === 'icon_text') { %>\r\n\t\tflex-direction: row-reverse;\r\n\t<% } %>\r\n\t<% if (btn_pos_dir_mob === 'row') { %>\r\n\t\tborder-top-left-radius: 0;\r\n\t\tborder-bottom-left-radius: 0;\r\n\t<% } %>\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-button-icon,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-button-icon {\r\n\twidth: <%= btn_img_size_mob %>px;\r\n\tflex-shrink: 0;\r\n}\r\n\r\n/* CLOSE */\r\n#popmechanic-form .popmechanic-close {\r\n\tposition: absolute;\r\n\ttop: var(--close_pos_y, 10px);\r\n\tright: var(--close_pos_x, 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 (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: <%= close_width %>px;\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_pos_y: <%= close_pos_y_desk %>px;\r\n\t--close_pos_x: <%= close_pos_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_pos_y: <%= close_pos_y_mob %>px;\r\n\t--close_pos_x: <%= close_pos_x_mob %>px;\r\n}", "button": "", "on_show": "+(function () {\r\n\tconst promo = document.querySelector('.popmechanic-promocode');\r\n\tconst btns = document.querySelectorAll('.popmechanic-do-copy');\r\n\r\n\tif (!btns) return;\r\n\r\n\tbtns.forEach((btn) => {\r\n\t\tbtn.addEventListener('click', function (e) {\r\n\t\t\te.preventDefault();\r\n\t\t\tconst content = promo.innerHTML.trim();\r\n\t\t\ttry {\r\n\t\t\t\tnavigator.clipboard.writeText(content).then(() => {\r\n\t\t\t\t\tthis\r\n\t\t\t\t\t\t.querySelector('.popmechanic-button-text')\r\n\t\t\t\t\t\t.innerHTML = '<%= btn_copy_success %>';\r\n\t\t\t\t});\r\n\t\t\t} catch (err) {\r\n\t\t\t\tconsole.error(err.name, err.message);\r\n\t\t\t}\r\n\t\t});\r\n\t});\r\n}());", "on_close": "", "embed_code": "", "behaviors": ["partscreen", "info", "multiscreen"], "template_type": "partscreen", "need_reset": true, "parameters": [], "on_targeting_ready": "", "on_child_ready": ""}, {"id": 3055, "html": "<div class=\"popmechanic-reset\" id=\"popmechanic-form\">\r\n    <div class=\"popmechanic-main\">\r\n        <% if(parseInt(show_img_top)){ %>\r\n        <div class=\"popmechanic-image\" style=\"background-image: url(<%=img_top%>);\"></div>\r\n        <% } %>\r\n        <div class=\"popmechanic-content\">\r\n            <% if(parseInt(show_title)){ %>\r\n            <div class=\"popmechanic-title\">\r\n                <%=title_pre_bold_text%> <b><%=title_bold_text%></b> <%=title_post_bold_text%>\r\n            </div>\r\n            <% } %>\r\n            <div class=\"popmechanic-inputs\">\r\n                <%\r\n                for (var i = 0; i < fields_list.length; i++) {\r\n                    var field = fields_list[i];\r\n                    var required = \"data-popmechanic-\" + (field.required ? \"required\" : \"unrequired\");\r\n                    if (!field) continue;\r\n                        switch (field.type) {\r\n                    case \"text\":\r\n                %>\r\n                <input\r\n                        type=\"text\"\r\n                        class=\"popmechanic-input\"\r\n                        data-popmechanic-input=\"customs.fields_list.<%= field.machine_name %>\"\r\n                        placeholder=\"<%= field.placeholder %>\"\r\n                        <%= required %>\r\n                >\r\n                <%\r\n                    break;\r\n                    case \"name\":\r\n                %>\r\n                <input\r\n                        type=\"text\"\r\n                        class=\"popmechanic-input\"\r\n                        data-popmechanic-input=\"<%= field.machine_name %>\"\r\n                        placeholder=\"<%= field.placeholder %>\"\r\n                        <%= required %>\r\n                >\r\n                <%\r\n                    break;\r\n                    case \"phone\":\r\n                %>\r\n                <input\r\n                        type=\"text\"\r\n                        class=\"popmechanic-input\"\r\n                        data-popmechanic-input=\"<%= field.machine_name %>\"\r\n                        placeholder=\"<%= field.placeholder %>\"\r\n                        <%= required %>\r\n                        data-popmechanic-input=\"phone\"\r\n                >\r\n                <%\r\n                    break;\r\n                    case \"email\":\r\n                %>\r\n                <input\r\n                        type=\"email\"\r\n                        class=\"popmechanic-input\"\r\n                        data-popmechanic-input=\"<%= field.machine_name %>\"\r\n                        placeholder=\"<%= field.placeholder %>\"\r\n                        <%= required %>\r\n                >\r\n                <%\r\n                    break;\r\n                    case \"number\":\r\n                %>\r\n                <input\r\n                        type=\"number\"\r\n                        class=\"popmechanic-input\"\r\n                        data-popmechanic-input=\"customs.fields_list.<%= field.machine_name %>\"\r\n                        placeholder=\"<%= field.placeholder %>\"\r\n                        <%= required %>\r\n                >\r\n                <%\r\n                    break;\r\n                case \"date\":\r\n                %>\r\n                <input\r\n                        data-popmechanic-type=\"date\"\r\n                        class=\"popmechanic-input\"\r\n                        data-popmechanic-input=\"customs.fields_list.<%= field.machine_name %>\"\r\n                        placeholder=\"<%= field.placeholder %>\"\r\n                        <%= required %>\r\n                >\r\n                <%\r\n                    break;\r\n                case \"select\":\r\n                %>\r\n                <select class=\"popmechanic-input\"\r\n                        data-popmechanic-input=\"customs.fields_list.<%= field.machine_name %>\" <%= required %>>\r\n                    <%\r\n                    if (field.placeholder) {\r\n                    %>\r\n                        <option value=\"\" selected disabled><%= field.placeholder %></option>\r\n                    <%\r\n                    }\r\n                    for (var oi = 0; oi < field.params.options.length; oi++) {\r\n                        var opt = field.params.options[oi];\r\n                    %>\r\n                    <option value=\"<%= opt %>\"><%= opt %></option>\r\n                    <%\r\n                    }\r\n                    %>\r\n                </select>\r\n                <%\r\n                    break;\r\n                case \"checkbox\":\r\n                %>\r\n                <label class=\"popmechanic-checkbox-block\">\r\n                    <input\r\n                            type=\"checkbox\"\r\n                            class=\"popmechanic-checkbox\"\r\n                            <%= field.params.checked ? \"checked\" : \"\" %>\r\n                            data-popmechanic-input=\"customs.fields_list.<%= field.machine_name %>\"\r\n                            <%= required %>\r\n                            value=\"1\">\r\n                    <div class=\"popmechanic-checkbox-check\"></div>\r\n                    <span>\r\n                        <%= field.label %>\r\n                        <%\r\n                        if (field.params.show_link) {\r\n                        %>\r\n                          <a target=\"_blank\" href=\"<%= field.params.link_href %>\"><%= field.params.link_text %></a> <%= field.params.text_after_link %>\r\n                        <%\r\n                        }\r\n                        %>\r\n                    </span>\r\n                </label>\r\n                <%\r\n                    break;\r\n                case \"submit\":\r\n                  if (field.params.submits_count == 1) { %>\r\n                <button\r\n                        type=\"button\"\r\n                        name=\"button\"\r\n                        class=\"popmechanic-submit\"\r\n                        data-popmechanic-submit\r\n                ><%= field.params.submit1_text %></button>\r\n                  <% } else { %>\r\n                    <div class=\"popmechanic-buttons\">\r\n                      <button\r\n                              type=\"button\"\r\n                              name=\"button\"\r\n                              class=\"popmechanic-submit\"\r\n                              data-popmechanic-submit\r\n                              onclick=\"PopMechanic.customs['fields_list.<%=field.machine_name%>'] = '<%=field.params.submit1_value%>'\"\r\n                      ><%= field.params.submit1_text %></button>\r\n                      <button\r\n                              type=\"button\"\r\n                              name=\"button\"\r\n                              class=\"popmechanic-submit\"\r\n                              data-popmechanic-submit\r\n                              onclick=\"PopMechanic.customs['fields_list.<%=field.machine_name%>'] = '<%=field.params.submit2_value%>'\"\r\n                      ><%= field.params.submit2_text %></button>\r\n                    </div>\r\n                  <% }\r\n                    break;\r\n                    default:\r\n                }\r\n                } %>\r\n                <% if(parseInt(show_close_btn)){ %>\r\n                <div class=\"popmechanic-close-button\" data-popmechanic-close>\r\n                    <%=close_btn_text%>\r\n                </div>\r\n                <% } %>\r\n            </div>\r\n        </div>\r\n        <% if(parseInt(policy_show)&&parseInt(checkbox_policy_show)){ %>\r\n        <div class=\"popmechanic-policy\">\r\n            <label class=\"popmechanic-checkbox-block\">\r\n                <input type=\"checkbox\" class=\"popmechanic-checkbox\" checked data-popmechanic-input=\"customs.agreement\"\r\n                       data-popmechanic-required value=\"1\">\r\n                <div class=\"popmechanic-checkbox-check\"></div>\r\n                <span> <%=policy_text_before%> <a href=\"<%=policy_url%>\"><%=policy_url_text%></a> <%=policy_text_after%></span>\r\n            </label>\r\n        </div>\r\n        <% } %>\r\n          <% if(parseInt(policy_show)&&!parseInt(checkbox_policy_show)){ %>\r\n        <div class=\"popmechanic-policy\">\r\n                <input type=\"checkbox\" class=\"popmechanic-checkbox\" checked data-popmechanic-input=\"customs.agreement\"\r\n                       data-popmechanic-required value=\"1\" style=\"display: none;\">\r\n                <span> <%=policy_text_before%> <a href=\"<%=policy_url%>\"><%=policy_url_text%></a> <%=policy_text_after%></span>\r\n        </div>\r\n        <% } %>\r\n    </div>\r\n    <div class=\"popmechanic-thankyou\" id=\"popmechanic-thanks\">\r\n        <% if(parseInt(show_img_top_thanks)){ %>\r\n        <div class=\"popmechanic-image\" style=\"background-image: url(<%=thanks_img_top%>);\"></div>\r\n        <% } %>\r\n        <div class=\"popmechanic-content\">\r\n            <% if(parseInt(show_thanks_title)){ %>\r\n            <div class=\"popmechanic-title\">\r\n                <b><%=thanks_title_text%></b>\r\n            </div>\r\n            <% } %>\r\n            <% if(parseInt(show_thanks_post_title)){ %>\r\n            <div class=\"popmechanic-post-title\">\r\n                <%=thanks_post_title_text%>\r\n            </div>\r\n            <% } %>\r\n            <% if(parseInt(show_thanks_btn)){ %>\r\n            <button type=\"button\" name=\"button\" class=\"popmechanic-submit\" data-popmechanic-close>\r\n                <%=thanks_btn_text%>\r\n            </button>\r\n            <% } %>\r\n\r\n        </div>\r\n    </div>\r\n    <div class=\"popmechanic-close\" data-popmechanic-close>&times;</div>\r\n</div>", "css": "@import url(\"https://fonts.googleapis.com/css?family=Merriweather:100,200,300,400,700,900|Roboto:100,200,300,400,700,900&display=swap&subset=cyrillic\");\r\n@import url(\"https://fonts.googleapis.com/css?family=Merriweather:400,700|Open+Sans:100,200,300,400,700,900&subset=cyrillic\");\r\n\r\n#popmechanic-form {\r\n   \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  \r\n  width: <%=form_width%>px;\r\n  height: <%=form_height%>px;\r\n    \r\n  -webkit-box-sizing: border-box;\r\n          box-sizing: border-box;\r\n  position: relative;\r\n  border-radius: <%=form_border_radius%>px;\r\n  line-height: <%=form_line_height%>;\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      background-color: <%=form_bg_color%>;\r\n  <% } %>\r\n}\r\n\r\n#popmechanic-form .popmechanic-content {\r\n  text-align: center;\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\r\n#popmechanic-form .popmechanic-main {\r\n  display: -webkit-box;\r\n  display: -ms-flexbox;\r\n  display: flex;\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  height: 100%;\r\n}\r\n\r\n#popmechanic-form .popmechanic-thankyou {\r\n  display: none;\r\n}\r\n\r\n.popmechanic-success #popmechanic-form .popmechanic-thankyou {\r\n  display: block;\r\n}\r\n.popmechanic-success #popmechanic-form .popmechanic-main {\r\n  display: none;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form {\r\n  width: <%=form_width_mob%>px;\r\n  height: <%=form_height_mob%>px;\r\n  line-height: <%=form_line_height_mob%>;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-content {\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}\r\n\r\n#popmechanic-form .popmechanic-image {\r\n  background-position: center center;\r\n  background-size: cover;\r\n  top: <%=img_top_top%>px;\r\n  left: <%=img_top_left%>px;\r\n  position: relative;\r\n  width: <%=img_top_width%>px;\r\n  height: <%=img_top_height%>px;\r\n  min-height: <%=img_top_height%>px;\r\n  border-top-left-radius: <%=form_border_radius%>px;\r\n  border-top-right-radius: <%=form_border_radius%>px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-image {\r\n  top: <%=img_top_top_mob%>px;\r\n  left: <%=img_top_left_mob%>px;\r\n  width: <%=img_top_width_mob%>px;\r\n  height: <%=img_top_height_mob%>px;\r\n  min-height: <%=img_top_height_mob%>px;\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  right: 7px;\r\n  top: 7px;\r\n  position: absolute;\r\n  background-color: transparent;\r\n  font-weight: 300;\r\n  line-height: 30px;\r\n  width: 30px;\r\n  height: 30px;\r\n  font-size: 45px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-close {\r\n  top: 4px;\r\n  right: 4px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-title {\r\n  font-size: <%=title_fontsize%>px;\r\n  margin-bottom: 18px;\r\n  color: <%=title_color%>;\r\n  font-weight: 300;\r\n}\r\n\r\n#popmechanic-form .popmechanic-title b {\r\n  font-weight: 900;\r\n}\r\n\r\n#popmechanic-form .popmechanic-thankyou .popmechanic-title {\r\n  font-size: <%=thanks_title_fontsize%>px;\r\n  margin-top: 50px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-thankyou .popmechanic-post-title {\r\n  color: <%=subtitle_text_color%>;\r\n  font-size: <%=thanks_post_title_fontsize%>px;\r\n  font-weight: 300;\r\n  margin-bottom: 60px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-title {\r\n  font-size: <%=title_fontsize_mob%>px;\r\n  margin-bottom: 14px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou .popmechanic-title {\r\n  font-size: <%=thanks_title_fontsize_mob%>px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou .popmechanic-post-title {\r\n  font-size: <%=thanks_post_title_fontsize_mob%>px;\r\n  margin-bottom: 30px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-inputs {\r\n  display: -webkit-box;\r\n  display: -ms-flexbox;\r\n  display: flex;\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-form .popmechanic-input {\r\n  font-size: <%=inp_fontsize%>px;\r\n  background-color: <%=inp_bgcolor%>;\r\n  color: <%=inp_color%>;\r\n  display: block;\r\n  width: <%=inp_width%>px;\r\n  font-weight: 300;\r\n  text-align: center;\r\n  height: <%=inp_height%>px;\r\n  margin-bottom: 14px;\r\n  outline: none;\r\n  border: 1px solid <%=inp_border_color%>;\r\n}\r\n\r\n#popmechanic-form .popmechanic-input::-webkit-input-placeholder {\r\n  color: <%=inp_color%>;\r\n  font-weight: 300;\r\n}\r\n\r\n#popmechanic-form .popmechanic-input:-ms-input-placeholder {\r\n  color: <%=inp_color%>;\r\n  font-weight: 300;\r\n}\r\n\r\n#popmechanic-form .popmechanic-input::-ms-input-placeholder {\r\n  color: <%=inp_color%>;\r\n  font-weight: 300;\r\n}\r\n\r\n#popmechanic-form .popmechanic-input::placeholder {\r\n  color: <%=inp_color%>;\r\n  font-weight: 300;\r\n}\r\n\r\n#popmechanic-form .popmechanic-invalid {\r\n  border-color: red;\r\n}\r\n\r\n#popmechanic-form .popmechanic-close-button {\r\n  text-decoration: underline;\r\n  font-size: 16px;\r\n  color: #8C8686;\r\n  font-weight: 400;\r\n  cursor: pointer;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-close-button {\r\n  font-size: 14px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-input {\r\n  width: <%=inp_width_mob%>px;\r\n  height: <%=inp_height_mob%>px;\r\n  margin-bottom: 10px;\r\n  font-size: <%=inp_fontsize_mob%>px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-inputs .popmechanic-checkbox-block {\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  <%var text_color; if(text_color) {%>\r\n    color: <%=text_color%>;\r\n  <%} else {%>\r\n    color: #646464;\r\n  <%}%>\r\n  margin-bottom: 14px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-inputs .popmechanic-checkbox-block span {\r\n  text-align: left;\r\n}\r\n\r\n#popmechanic-form .popmechanic-inputs .popmechanic-checkbox-block a {\r\n  color: inherit;\r\n  text-decoration: underline; \r\n}\r\n\r\n#popmechanic-form .popmechanic-inputs .popmechanic-checkbox-check:before {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  display: block;\r\n  width: 10px;\r\n  height: 10px;\r\n  background-color: <%=btn_bgcolor%>;\r\n  opacity: 0;\r\n  -webkit-transition: all .3s;\r\n  transition: all .3s;\r\n}\r\n\r\n#popmechanic-form .popmechanic-inputs .popmechanic-checkbox-check {\r\n  width: 18px;\r\n  min-width: 18px;\r\n  height: 18px;\r\n  <%var inputs_checkbox_color; if(inputs_checkbox_color) {%>\r\n    border: 1px solid <%=inputs_checkbox_color%>;\r\n  <%} else {%>\r\n    border: 1px solid #3C667E;\r\n  <%}%>\r\n  position: relative;\r\n  margin-right: 9px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-inputs .popmechanic-checkbox {\r\n  visibility: hidden;\r\n  display: block;\r\n  width: 0;\r\n  height: 0;\r\n}\r\n\r\n#popmechanic-form .popmechanic-inputs .popmechanic-checkbox:checked ~ .popmechanic-checkbox-check:before {\r\n  opacity: 1; \r\n}\r\n\r\n#popmechanic-form .popmechanic-submit {\r\n  display: inline-block;\r\n  width: <%=btn_width%>px;\r\n  height: <%=btn_height%>px;\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  font-weight: 700;\r\n  line-height: <%=btn_height%>px;\r\n  cursor: pointer;\r\n  outline: none;\r\n  border: none;\r\n  text-decoration: none;\r\n  -webkit-transition: all .3s;\r\n  transition: all .3s;\r\n  margin-bottom: 10px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-submit:hover {\r\n  color: <%=btn_hover_color%>;\r\n  background: <%=btn_hover_bgcolor%>;\r\n}\r\n#popmechanic-form .popmechanic-buttons {\r\n  display: flex;\r\n}\r\n#popmechanic-form .popmechanic-buttons .popmechanic-submit {\r\n  width: <%=btn_width / 2 - 5%>px;;\r\n}\r\n#popmechanic-form .popmechanic-buttons .popmechanic-submit:not(:last-child) {\r\n  margin-right: 10px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-submit {\r\n  width: <%=btn_width_mob%>px;\r\n  height: <%=btn_height_mob%>px;\r\n  font-size: <%=btn_fontsize_mob%>px;\r\n  line-height: <%=btn_height_mob%>px;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-buttons {\r\n  display: block;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-buttons .popmechanic-submit:not(:last-child) {\r\n  margin-right: 0;\r\n}\r\n\r\n#popmechanic-form .popmechanic-policy {\r\n  margin-top: auto;\r\n  padding: 20px 0;\r\n  background-color: <%=policy_bgcolor%>;\r\n  text-align: center;\r\n  -webkit-box-sizing: border-box;\r\n          box-sizing: border-box;\r\n  padding-left: <%=pad_left%>px;\r\n  padding-right: <%=pad_right%>px;\r\n  font-size: <%=policy_fontsize%>px;\r\n  font-weight: 300;\r\n  text-align: left;\r\n  color: <%=policy_color%>;\r\n}\r\n\r\n#popmechanic-form .popmechanic-policy a {\r\n  color: inherit;\r\n  text-decoration: underline;\r\n}\r\n\r\n#popmechanic-form .popmechanic-policy label {\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-policy input {\r\n  visibility: hidden;\r\n  display: block;\r\n  width: 0;\r\n  height: 0;\r\n}\r\n\r\n#popmechanic-form .popmechanic-policy .popmechanic-checkbox-check {\r\n  width: 18px;\r\n  min-width: 18px;\r\n  height: 18px;\r\n  border: 1px solid <%=checkbox_border_color%>;\r\n  position: relative;\r\n  margin-right: 9px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-policy .popmechanic-checkbox-check::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  display: block;\r\n  width: 10px;\r\n  height: 10px;\r\n  background-color: <%=btn_bgcolor%>;\r\n  opacity: 0;\r\n  -webkit-transition: all .3s;\r\n  transition: all .3s;\r\n}\r\n\r\n#popmechanic-form .popmechanic-policy input:checked ~ .popmechanic-checkbox-check::before {\r\n  opacity: 1;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-policy {\r\n  font-size: <%=policy_fontsize_mob%>px;\r\n  padding: 13px 0;\r\n  padding-left: <%=pad_left_mob%>px;\r\n  padding-right: <%=pad_right_mob%>px;\r\n}", "button": "", "on_show": "", "on_close": "", "embed_code": "", "behaviors": ["partscreen", "humble", "post-text", "lead"], "template_type": "partscreen-info", "need_reset": true, "parameters": [], "on_targeting_ready": "", "on_child_ready": ""}], "button_templates": [{"id": 190, "html": "<div class=\"popmechanic-widget\">\r\n\t<div class=\"popmechanic-widget-close\" data-popmechanic-close-button>&times;</div>\r\n\t<div class=\"popmechanic-widget-text\"><%=text1%></div>\r\n</div>", "css": ".popmechanic-widget {\r\n  z-index:9999999;\r\n  padding: <%=otstup1%>px <%=otstup2%>px;\r\n  width: <%=size1%>px;\r\n  height: <%=size2%>px;\r\n   <%if(parseInt(border_enable)){%>\r\n\t\tborder: <%=border_width%>px solid <%=border_color%>;\r\n\t<%}%>\r\n  background-color: <%=color1%>;\r\n  background-image: url(\"<%=img1%>\");\r\n  background-size: <%=imgsize1%>px <%=imgsize2%>px;\r\n  background-repeat: no-repeat;\r\n  background-position: <%=otstimg1%>px 50%;\r\n  transition: all .15s;\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  box-sizing: border-box;\r\n  cursor: pointer;\r\n  position: relative; }\r\n  .popmechanic-widget:hover {\r\n    background-color: <%=color2%>; }\r\n  .popmechanic-widget .popmechanic-widget-close {\r\n    position: absolute;\r\n    z-index: 99;\r\n    top: <%=otstcl1%>px;\r\n    right: <%=otstcl2%>px;\r\n    width: <%=clsize%>px;\r\n    height: %=clsize%>px;\r\n    font-size: 0;\r\n    color: transparent;\r\n    background-color: transparent;\r\n    border: none;\r\n    cursor: pointer;\r\n    outline: none;\r\n    transform: rotate(45deg);\r\n    transition: all .15s; }\r\n    .popmechanic-widget .popmechanic-widget-close:hover {\r\n      transform: rotate(45deg) scale(1.1); }\r\n    .popmechanic-widget .popmechanic-widget-close:before, .popmechanic-widget .popmechanic-widget-close:after {\r\n      content: '';\r\n      position: absolute;\r\n      top: 12px;\r\n      left: 0;\r\n      width: 100%;\r\n      height: 2px;\r\n      background-color: #fff; }\r\n    .popmechanic-widget .popmechanic-widget-close:after {\r\n      transform: rotate(90deg); }\r\n  .popmechanic-widget .popmechanic-widget-text {\r\n    font-family: <%=font%>;\r\n    font-size: <%=text_size%>px;\r\n    line-height: 1;\r\n    font-weight: 400;\r\n    color: <%=color3%>; }\r\n<% if (parseInt(showMob)) { %>\r\n\r\n.popmechanic-mobile .popmechanic-widget {\r\n   display: none; }\r\n                        <% } %>\r\n\r\n.popmechanic-mobile .popmechanic-widget {\r\n  width: <%=mobsize1%>px;\r\n  height: <%=mobsize2%>px;\r\n  background-position: 50% 50%;\r\n  padding: 0; }\r\n  .popmechanic-mobile .popmechanic-widget .popmechanic-widget-text {\r\n    display: none; }\r\n  .popmechanic-mobile .popmechanic-widget .popmechanic-widget-close {\r\n    top: 0;\r\n    right: -30px; }\r\n    .popmechanic-mobile .popmechanic-widget .popmechanic-widget-close:before, .popmechanic-mobile .popmechanic-widget .popmechanic-widget-close:after {\r\n      background-color: <%=colmob%>; }", "on_show": null, "on_close": null, "parameters": [{"id": 1166, "machine_name": "text1", "type": "text"}, {"id": 1167, "machine_name": "size1", "type": "slider"}, {"id": 1168, "machine_name": "size2", "type": "slider"}, {"id": 1169, "machine_name": "color1", "type": "color"}, {"id": 1171, "machine_name": "color2", "type": "color"}, {"id": 1172, "machine_name": "color3", "type": "color"}, {"id": 1173, "machine_name": "otstup2", "type": "slider"}, {"id": 1174, "machine_name": "otstup1", "type": "slider"}, {"id": 1175, "machine_name": "img1", "type": "image"}, {"id": 1176, "machine_name": "imgsize1", "type": "slider"}, {"id": 1177, "machine_name": "imgsize2", "type": "slider"}, {"id": 1178, "machine_name": "clsize", "type": "slider"}, {"id": 1179, "machine_name": "text_size", "type": "slider"}, {"id": 1180, "machine_name": "font", "type": "select"}, {"id": 1181, "machine_name": "border_enable", "type": "checkbox"}, {"id": 1182, "machine_name": "border_color", "type": "color"}, {"id": 1183, "machine_name": "border_width", "type": "slider"}, {"id": 1184, "machine_name": "mobsize1", "type": "slider"}, {"id": 1185, "machine_name": "mobsize2", "type": "slider"}, {"id": 1186, "machine_name": "showMob", "type": "checkbox"}, {"id": 1187, "machine_name": "otstimg1", "type": "slider"}, {"id": 1188, "machine_name": "otstcl1", "type": "slider"}, {"id": 1189, "machine_name": "otstcl2", "type": "slider"}, {"id": 1190, "machine_name": "colmob", "type": "color"}]}], "integrations": [{"id": 86069, "form": 78342, "filter": null, "filter_type": null, "account": 35513, "integration_type": "javascript", "on_render": "", "on_show": "", "on_success": "mindbox(\"async\", {\r\n  operation: \"JNSWebsite.SubscriptionInPopUpForCustomers\",\r\n  data: {\r\n  customer: {\r\n    email: \"%email%\"\r\n  }\r\n}\r\n});", "on_close_success": "", "on_close_fail": ""}, {"id": 97343, "form": 85437, "filter": null, "filter_type": null, "account": 35513, "integration_type": "javascript", "on_render": "", "on_show": "", "on_success": "let sexx = PopMechanic.leads[0].customs[\"fields_list.list\"] === '\u041c\u0443\u0436\u0447\u0438\u043d\u0430' ? 'm' : 'f';\nmindbox(\"async\", {\n  operation: \"JNSWebsite.SubscriptionInPopUpSpringDenim\",\n  data: {\n  customer: {\n    email: \"%email%\",\n    mobilePhone: \"%phone%\",\n    sex: sexx,\n    subscriptions: [\n      {\n        pointOfContact: \"Email\"\n      },\n      {\n        pointOfContact: \"SMS\"\n      }\n    ]\n  }\n}\n});", "on_close_success": "", "on_close_fail": ""}, {"id": 60608, "form": 61477, "filter": null, "filter_type": null, "account": 35513, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-61477-show", "click_operation": "popmechanic-popup-61477-click", "targeting_operation": "popmechanic-popup-61477-targeting"}, {"id": 79988, "form": 74559, "filter": null, "filter_type": null, "account": 35513, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-74559-show", "click_operation": "popmechanic-popup-74559-click", "targeting_operation": "popmechanic-popup-74559-targeting"}, {"id": 85718, "form": 78342, "filter": null, "filter_type": null, "account": 35513, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-78342-show", "click_operation": "popmechanic-popup-78342-click", "targeting_operation": "popmechanic-popup-78342-targeting"}, {"id": 97030, "form": 85437, "filter": null, "filter_type": null, "account": 35513, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-85437-show", "click_operation": "popmechanic-popup-85437-click", "targeting_operation": "popmechanic-popup-85437-targeting"}, {"id": 98530, "form": 86531, "filter": null, "filter_type": null, "account": 35513, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-86531-show", "click_operation": "popmechanic-popup-86531-click", "targeting_operation": "popmechanic-popup-86531-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}