{"forms": [{"id": 81319, "template": 1843, "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://www.kayo.ru/dealers-map/", "operator": "$exclude"}], "operator": "$and"}], "operator": "$and"}}, "settings_splits": [{"settings": {"img": "https://personalization-web-stable.mindbox.ru/user-media/2521/e748f904656d743166b35fa3af41bafc94ba8a119ee146d6077e6b922f54c541.gif", "img2": "https://static.popmechanic.ru/media/lifehacker/img/send.svg", "text": "\u0423\u0437\u043d\u0430\u0432\u0430\u0439\u0442\u0435 \u043f\u0435\u0440\u0432\u044b\u043c\u0438 \u043e \u043d\u043e\u0432\u0438\u043d\u043a\u0430\u0445 \u0438 \u0430\u043a\u0446\u0438\u044f\u0445", "header": "\u0412\u0421\u0422\u0423\u041f\u0410\u0419\u0422\u0415 \u0412 \u041a\u041b\u0423\u0411 KAYO", "submit": "\u041f\u043e\u0434\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f", "img_top": "-60", "pad_top": "36", "but_col1": "#ee4d34", "but_col2": "#a32320", "img_left": "30", "show_img": "1", "btn_color": "#fafafa", "btn_width": "90", "form_font": "Roboto, sans-serif", "img_width": "150", "inp_color": "#fafafa", "inp_width": "358", "close_show": "0", "conf_color": "#fafafa", "inp_height": "53", "pad_bottom": "20", "show_title": "1", "custom_font": "Arial, sans-serif", "form_bg_img": "https://storage.yandexcloud.net/popmechanic-stage-media/default_preview.jpg", "form_height": "150", "img_top_mob": "1", "lang_helper": "ru", "pad_top_mob": "15", "show_policy": "1", "title_color": "#fafafa", "btn_fontsize": "18", "img_left_mob": "1", "inp_fontsize": "14", "pad_left_mob": "15", "show_btn_img": "1", "show_form_bg": "0", "btn_width_mob": "300", "conf_fontsize": "12", "conf_link_url": "#", "form_bg_color": "#161d26", "img_width_mob": "150", "inp_width_mob": "300", "pad_right_mob": "15", "thankyou_text": "\u041e\u0441\u0442\u0430\u043b\u0441\u044f \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0438\u0439 \u0448\u0430\u0433 \u2014 \u043f\u043e\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u044c \u0432\u0430\u0448\u0443 \u044d\u043b\u0435\u043a\u0442\u0440\u043e\u043d\u043d\u0443\u044e \u043f\u043e\u0447\u0442\u0443. \u0414\u043b\u044f \u044d\u0442\u043e\u0433\u043e \u043d\u0430\u0436\u043c\u0438\u0442\u0435 \u043a\u043d\u043e\u043f\u043a\u0443 \u0432 \u043f\u0438\u0441\u044c\u043c\u0435, \u043a\u043e\u0442\u043e\u0440\u043e\u0435 \u043c\u044b \u0432\u0430\u043c \u043e\u0442\u043f\u0440\u0430\u0432\u0438\u043b\u0438.", "btn_height_mob": "52", "close_size_mob": "20", "conf_link_text": "\u043f\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", "form_width_mob": "320", "inp_height_mob": "45", "pad_bottom_mob": "15", "show_sub_title": "1", "title_fontsize": "30", "btn_hover_color": "#ffffff", "close_color_mob": "#fff", "close_size_desk": "20", "form_bg_img_mob": "https://storage.yandexcloud.net/popmechanic-stage-media/default_preview.jpg", "form_height_mob": "465", "sub_title_color": "#fafafa", "thanks_fontsize": "16", "use_custom_font": "0", "btn_fontsize_mob": "18", "close_color_desk": "#fff", "inp_border_color": "#ffffff", "inp_fontsize_mob": "14", "show_form_bg_mob": "0", "close_bg_show_mob": "0", "conf_fontsize_mob": "12", "close_bg_color_mob": "#000000", "close_bg_show_desk": "0", "conf_text_pre_link": "\u041d\u0430\u0436\u0438\u043c\u0430\u044f \u043d\u0430 \u043a\u043d\u043e\u043f\u043a\u0443, \u0432\u044b \u0441\u043e\u0433\u043b\u0430\u0448\u0430\u0435\u0442\u0435\u0441\u044c \u0441 ", "sub_title_fontsize": "16", "title_fontsize_mob": "25", "close_bg_color_desk": "#000000", "conf_text_post_link": "", "inputs_border_color": "#ffffff", "thanks_fontsize_mob": "16", "close_bg_transparency": "0.5", "sub_title_fontsize_mob": "14"}, "button_settings": {}, "conditions_splits": [], "id": 80727, "behavior_settings": {"embedded": {"animation_out": "fadeOut"}}}], "pinned": false, "name": "\u0412\u0421\u0422\u0423\u041f\u0410\u0419 \u0412 \u041a\u041b\u0423\u0411 KAYO", "active": true, "embed_selector": false, "selector": "", "placement": "before", "frequency": {"once_lifetime": false, "once_session": false, "priority": false, "minimal_timeout": null}, "start_date": null, "end_date": null, "day_of_week": [true, true, true, true, true, true, true], "start_time": null, "end_time": null, "timezone_minutes": 180, "custom_fields": [], "container_id": null, "child_forms": [], "salt": null, "control_group": null, "variants": [{"is_winner": false, "ab_test_variant_internal_id": null, "view_settings": {"button_template": null, "rendered_preview": "https://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-81241.png?ts=1726517659142&id=6d62d8cf-d42d-4624-b156-3cf4afbbd56e", "rendered_button_preview": null, "settings": {"img": "https://personalization-web-stable.mindbox.ru/user-media/2521/e748f904656d743166b35fa3af41bafc94ba8a119ee146d6077e6b922f54c541.gif", "img2": "https://static.popmechanic.ru/media/lifehacker/img/send.svg", "text": "\u0423\u0437\u043d\u0430\u0432\u0430\u0439\u0442\u0435 \u043f\u0435\u0440\u0432\u044b\u043c\u0438 \u043e \u043d\u043e\u0432\u0438\u043d\u043a\u0430\u0445 \u0438 \u0430\u043a\u0446\u0438\u044f\u0445", "header": "\u0412\u0421\u0422\u0423\u041f\u0410\u0419\u0422\u0415 \u0412 \u041a\u041b\u0423\u0411 KAYO", "submit": "\u041f\u043e\u0434\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f", "img_top": "-60", "pad_top": "36", "but_col1": "#ee4d34", "but_col2": "#a32320", "img_left": "30", "show_img": "1", "btn_color": "#fafafa", "btn_width": "90", "form_font": "Roboto, sans-serif", "img_width": "150", "inp_color": "#fafafa", "inp_width": "358", "close_show": "0", "conf_color": "#fafafa", "inp_height": "53", "pad_bottom": "20", "show_title": "1", "custom_font": "Arial, sans-serif", "form_bg_img": "https://storage.yandexcloud.net/popmechanic-stage-media/default_preview.jpg", "form_height": "150", "img_top_mob": "1", "lang_helper": "ru", "pad_top_mob": "15", "show_policy": "1", "title_color": "#fafafa", "btn_fontsize": "18", "img_left_mob": "1", "inp_fontsize": "14", "pad_left_mob": "15", "show_btn_img": "1", "show_form_bg": "0", "btn_width_mob": "300", "conf_fontsize": "12", "conf_link_url": "#", "form_bg_color": "#161d26", "img_width_mob": "150", "inp_width_mob": "300", "pad_right_mob": "15", "thankyou_text": "\u041e\u0441\u0442\u0430\u043b\u0441\u044f \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0438\u0439 \u0448\u0430\u0433 \u2014 \u043f\u043e\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u044c \u0432\u0430\u0448\u0443 \u044d\u043b\u0435\u043a\u0442\u0440\u043e\u043d\u043d\u0443\u044e \u043f\u043e\u0447\u0442\u0443. \u0414\u043b\u044f \u044d\u0442\u043e\u0433\u043e \u043d\u0430\u0436\u043c\u0438\u0442\u0435 \u043a\u043d\u043e\u043f\u043a\u0443 \u0432 \u043f\u0438\u0441\u044c\u043c\u0435, \u043a\u043e\u0442\u043e\u0440\u043e\u0435 \u043c\u044b \u0432\u0430\u043c \u043e\u0442\u043f\u0440\u0430\u0432\u0438\u043b\u0438.", "btn_height_mob": "52", "close_size_mob": "20", "conf_link_text": "\u043f\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", "form_width_mob": "320", "inp_height_mob": "45", "pad_bottom_mob": "15", "show_sub_title": "1", "title_fontsize": "30", "btn_hover_color": "#ffffff", "close_color_mob": "#fff", "close_size_desk": "20", "form_bg_img_mob": "https://storage.yandexcloud.net/popmechanic-stage-media/default_preview.jpg", "form_height_mob": "465", "sub_title_color": "#fafafa", "thanks_fontsize": "16", "use_custom_font": "0", "btn_fontsize_mob": "18", "close_color_desk": "#fff", "inp_border_color": "#ffffff", "inp_fontsize_mob": "14", "show_form_bg_mob": "0", "close_bg_show_mob": "0", "conf_fontsize_mob": "12", "close_bg_color_mob": "#000000", "close_bg_show_desk": "0", "conf_text_pre_link": "\u041d\u0430\u0436\u0438\u043c\u0430\u044f \u043d\u0430 \u043a\u043d\u043e\u043f\u043a\u0443, \u0432\u044b \u0441\u043e\u0433\u043b\u0430\u0448\u0430\u0435\u0442\u0435\u0441\u044c \u0441 ", "sub_title_fontsize": "16", "title_fontsize_mob": "25", "close_bg_color_desk": "#000000", "conf_text_post_link": "", "inputs_border_color": "#ffffff", "thanks_fontsize_mob": "16", "close_bg_transparency": "0.5", "sub_title_fontsize_mob": "14"}, "button_settings": {}, "behavior_settings": {"embedded": {"animation_out": "fadeOut"}}, "html": "", "css": "", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}], "templates": [{"id": 1843, "html": "<% try {\r\n\tlang_helper = lang_helper;\r\n\tclose_show = close_show;\r\n\t} catch (e) {\r\n\t\tlang_helper = \"ru\"\r\n\t\tclose_show = 0\r\n\t}\r\n%>\r\n\r\n<div class=\"popmechanic-reset\"\r\n\t\t id=\"popmechanic-form\">\r\n\t<div class=\"popmechanic-main\">\r\n\r\n\t\t<% if (parseInt(show_img)) { %>\r\n\t\t<img class=\"popmechanic-self-box\"\r\n\t\t\t\t src=\"<%= img %>\"\r\n\t\t\t\t alt=\" \">\r\n\t\t<% } %>\r\n\t\t<div class=\"popmechanic-content\">\r\n\t\t\t<% if (parseInt(show_title)) { %>\r\n\t\t\t<div class=\"popmechanic-header\"><%= header %></div>\r\n\t\t\t<% } %>\r\n\r\n\t\t\t<% if (parseInt(show_sub_title)) { %>\r\n\t\t\t<div class=\"popmechanic-text\"><%= text %></div>\r\n\t\t\t<% } %>\r\n\t\t</div>\r\n\r\n\t\t<div class=\"popmechanic-inputs--wrapper\">\r\n\t\t\t<div class=\"popmechanic-inputs\">\r\n\t\t\t\t<div class=\"popmechanic-input\">\r\n\t\t\t\t\t<input type=\"email\"\r\n\t\t\t\t\t\t\t\t class=\"popmechanic-email\"\r\n\t\t\t\t\t\t\t\t data-popmechanic-input=\"email\"\r\n\t\t\t\t\t\t\t\t placeholder=\"<%= (lang_helper === 'ru') ? '\u0412\u0430\u0448 email' : 'Your email' %>\">\r\n\t\t\t\t</div>\r\n\t\t\t\t<button type=\"button\"\r\n\t\t\t\t\t\t\t\tname=\"button\"\r\n\t\t\t\t\t\t\t\tdata-popmechanic-submit>\r\n\t\t\t\t\t<% if (parseInt(show_btn_img)) { %>\r\n\t\t\t\t\t<img class=\"popmechanic-subscribe_img\"\r\n\t\t\t\t\t\t\t src=\"<%= img2 %>\"\r\n\t\t\t\t\t\t\t alt=\"<%= (lang_helper === 'ru') ? '\u041f\u043e\u0434\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f' : 'Subscribe' %>\">\r\n\t\t\t\t\t<% } %>\r\n\t\t\t\t\t<span class=\"popmechanic-subscribe_text\"><%= submit %></span>\r\n\t\t\t\t</button>\r\n\t\t\t</div>\r\n\r\n\t\t\t<% if (parseInt(show_policy)) { %>\r\n\t\t\t<label class=\"popmechanic-approval\">\r\n\t\t\t\t<input type=\"checkbox\"\r\n\t\t\t\t\t\t\t class=\"popmechanic-checkbox\"\r\n\t\t\t\t\t\t\t checked\r\n\t\t\t\t\t\t\t data-popmechanic-input=\"customs.agreement\"\r\n\t\t\t\t\t\t\t data-popmechanic-required\r\n\t\t\t\t\t\t\t value=\"1\">\r\n\t\t\t\t<div class=\"popmechanic-checkbox-check\">\r\n\t\t\t\t\t<svg version=\"1.1\"\r\n\t\t\t\t\t\t\t xmlns=\"http://www.w3.org/2000/svg\"\r\n\t\t\t\t\t\t\t xmlns:xlink=\"http://www.w3.org/1999/xlink\"\r\n\t\t\t\t\t\t\t x=\"0px\"\r\n\t\t\t\t\t\t\t y=\"0px\"\r\n\t\t\t\t\t\t\t viewBox=\"0 0 548.873 548.873\"\r\n\t\t\t\t\t\t\t style=\"enable-background:new 0 0 548.873 548.873;\"\r\n\t\t\t\t\t\t\t xml:space=\"preserve\">\r\n\t\t\t\t\t\t<g>\r\n\t\t\t\t\t\t\t<g>\r\n\t\t\t\t\t\t\t\t<polygon\r\n\t\t\t\t\t\t\t\t\t\t\t\t points=\"449.34,47.966 195.46,301.845 99.533,205.917 0,305.449 95.928,401.378 195.46,500.907 294.99,401.378 548.873,147.496\" />\r\n\t\t\t\t\t\t\t</g>\r\n\t\t\t\t\t\t</g>\r\n\t\t\t\t\t</svg>\r\n\t\t\t\t</div>\r\n\t\t\t\t<span><%= conf_text_pre_link %> <a href=\"<%= conf_link_url %>\"\r\n\t\t\t\t\t\t target=\"_blank\"><%= conf_link_text %></a> <%= conf_text_post_link %></span>\r\n\t\t\t</label>\r\n\t\t\t<% } %>\r\n\t\t</div>\r\n\t</div>\r\n\t<div class=\"popmechanic-thankyou\">\r\n\t\t<div class=\"popmechanic-text\"><%= thankyou_text %></div>\r\n\t</div>\r\n\r\n\t<% if (parseInt(close_show)) { %>\r\n\t<!-- CLOSE -->\r\n\t<div class=\"popmechanic-close\"\r\n\t\t\t data-popmechanic-close></div>\r\n\t<% } %>\r\n</div>", "css": "<% if(!parseInt(use_custom_font)) { %>\r\n  @import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&family=Roboto:wght@400;500;700&display=swap');\r\n<% } %>\r\n\r\n<% try {\r\n  close_show = close_show;\r\n  close_size_desk = close_size_desk;\r\n  close_size_mob = close_size_mob;\r\n  close_color_desk = close_color_desk;\r\n  close_color_mob = close_color_mob;\r\n  close_bg_show_desk = close_bg_show_desk;\r\n  close_bg_color_desk = close_bg_color_desk;\r\n  close_bg_show_mob = close_bg_show_mob;\r\n  close_bg_color_mob = close_bg_color_mob;\r\n  close_bg_transparency = close_bg_transparency;\r\n  } catch (e) { \r\n    close_show = 0\r\n    close_size_desk = 20\r\n    close_size_mob = 20\r\n    close_color_desk = '#000000'\r\n    close_color_mob = '#000000'\r\n    close_bg_show_desk = 0\r\n    close_bg_color_desk = '#000000'\r\n    close_bg_show_mob = 0\r\n    close_bg_color_mob = '#000000'\r\n    close_bg_transparency = 0.5\r\n   }\r\n%>\r\n\r\n.popmechanic-reset,\r\n.popmechanic-reset * {\r\n  line-height: normal;\r\n  box-sizing: border-box; \r\n}\r\n\r\n#popmechanic-form {\r\n  position: relative;\r\n  <% if (parseInt(use_custom_font)) { %>   \r\n    font-family: <%=custom_font%>;  \r\n  <% } else { %> \r\n    font-family: <%=form_font%>;\r\n  <% } %>\r\n  width: 100%;\r\n  box-sizing: border-box;\r\n  z-index: 100;\r\n}\r\n  #popmechanic-form::before {\r\n    content: \"\";\r\n    display: block;\r\n    width: 100%;\r\n    height: 100%;\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    bottom: 0;\r\n    right: 0;\r\n    background-color: <%=form_bg_color%>;\r\n    z-index: 1;\r\n    <% if(parseInt(show_form_bg)) { %>\r\n      background: url(<%=form_bg_img%>) center center no-repeat;\r\n      background-size: cover;\r\n    <% } %>\r\n  }\r\n  #popmechanic-form .popmechanic-main,\r\n  #popmechanic-form .popmechanic-thankyou {\r\n    position: relative;\r\n    z-index: 2;\r\n    display: flex; \r\n    align-items: flex-start;\r\n    justify-content: center;\r\n    max-width: 1280px;\r\n    min-height: <%=form_height%>px;\r\n    margin: 0 auto;\r\n    padding-left: 20px;\r\n    padding-right: 20px;\r\n    padding-top: <%=pad_top%>px;\r\n    padding-bottom: <%=pad_bottom%>px;\r\n  }\r\n  #popmechanic-form .popmechanic-self-box {\r\n    width: <%=img_width%>px;\r\n    max-width: 100%;\r\n    position: relative;\r\n    margin-left: <%=img_left%>px;\r\n    margin-top: <%=img_top%>px;\r\n    margin-right: 20px; }\r\n  #popmechanic-form .popmechanic-content {\r\n    max-width: 470px;\r\n    margin-right: 20px; }\r\n  #popmechanic-form .popmechanic-inputs {\r\n    border: solid 1px <%=inputs_border_color%>;\r\n    display: flex;\r\n    align-items: stretch;\r\n    margin-bottom: 21px;\r\n    height: <%=inp_height%>px;\r\n    max-width: 100%;\r\n  }\r\n  #popmechanic-form .popmechanic-inputs--wrapper {\r\n    /* flex: 1; */\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n    max-width: 100%;\r\n  }\r\n  #popmechanic-form .popmechanic-input {\r\n  flex-shrink: 0;\r\n  width: <%=inp_width%>px;\r\n  height: 100%;\r\n  max-width: 100%;\r\n  }\r\n  #popmechanic-form .popmechanic-input input {\r\n  width: 100%;\r\n  height: 100%;\r\n    border: none;\r\n    background-color: transparent;\r\n    font-size: <%=inp_fontsize%>px;\r\n    color: <%=inp_color%>;\r\n    letter-spacing: 0.3px;\r\n    padding-left: 20px;\r\n}\r\n #popmechanic-form .popmechanic-input input::placeholder {\r\n   color: <%=inp_color%>;\r\n   opacity: .6;\r\n }\r\n #popmechanic-form input::-moz-placeholder {\r\n   color: <%=inp_color%>;\r\n   opacity: .6;\r\n }\r\n #popmechanic-form input::-ms-input-placeholder {\r\n   color: <%=inp_color%>;\r\n   opacity: .6;\r\n }\r\n  #popmechanic-form input:hover, #popmechanic-form input:focus {\r\n    outline: none; }\r\n  #popmechanic-form button {\r\n  flex-shrink: 0;\r\n  width: <%=btn_width%>px;\r\n  height: 100%;\r\n  background-color: <%=but_col1%>;\r\n  border: none;\r\n  font-size: <%=btn_fontsize%>px;\r\n  font-weight: 500;\r\n  letter-spacing: 0.4px;\r\n  color: <%=btn_color%>;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center; \r\n  }\r\n  #popmechanic-form button:hover {\r\n    background: <%=but_col2%>;\r\n    color: <%=btn_hover_color%>;\r\n    cursor: pointer;\r\n    outline: none; }\r\n  #popmechanic-form .popmechanic-subscribe_text {\r\n    <% if(parseInt(show_btn_img)) { %>\r\n      display: none; \r\n    <% } else { %>\r\n      display: block;\r\n    <% } %>\r\n  }\r\n  #popmechanic-form .popmechanic-approval {\r\n    font-size: <%=conf_fontsize%>px;\r\n    color: <%=conf_color%>;\r\n    line-height: 1.5;\r\n    letter-spacing: 0.3px; \r\n    display: flex;\r\n    align-items: center;\r\n  }\r\n  #popmechanic-form .popmechanic-approval a {\r\n    color: <%=but_col1%>;\r\n    text-decoration: none; }\r\n  #popmechanic-form .popmechanic-checkbox-check {\r\n    width: 20px;\r\n    height: 20px;\r\n    background-color: transparent;\r\n    border: 1px solid <%=inp_border_color%>;\r\n    margin-right: 8px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex-shrink: 0;\r\n  }\r\n  #popmechanic-form .popmechanic-checkbox-check svg {\r\n    width: 100%;\r\n    height: 100%;\r\n    opacity: 0;\r\n    fill: <%=but_col1%>;\r\n  }\r\n  #popmechanic-form .popmechanic-approval input {\r\n    visibility: hidden;\r\n    display: block;\r\n    width: 0;\r\n    height: 0;\r\n    opacity: 0;\r\n  }\r\n  #popmechanic-form .popmechanic-approval input:checked ~ .popmechanic-checkbox-check svg {\r\n    opacity: 1;\r\n  }\r\n  #popmechanic-form .popmechanic-header {\r\n    font-size: <%=title_fontsize%>px;\r\n    color: <%=title_color%>;\r\n    font-weight: bold;\r\n    line-height: 1.07;\r\n    letter-spacing: 0.7px;\r\n    margin-bottom: 16px; }\r\n  #popmechanic-form .popmechanic-text {\r\n    width: 470px;\r\n    max-width: 100%;\r\n    font-size: <%=sub_title_fontsize%>px;\r\n    color: <%=sub_title_color%>;\r\n    line-height: 1.25;\r\n    letter-spacing: 0.4px;\r\n  }\r\n  #popmechanic-form .popmechanic-thankyou .popmechanic-text {\r\n    font-size: <%=thanks_fontsize%>px; \r\n    text-align: center; \r\n    margin: 0 auto;\r\n  }\r\n  #popmechanic-form input.popmechanic-invalid {\r\n    border-color: #e84e4e; }\r\n  #popmechanic-form .popmechanic-thankyou {\r\n    display: none; }\r\n\r\n.popmechanic-mobile #popmechanic-form::before, .popmechanic-tablet #popmechanic-form::before {\r\n    <% if(parseInt(show_form_bg_mob)) { %>\r\n      background: url(<%=form_bg_img_mob%>) center center no-repeat;\r\n      background-size: cover;\r\n    <% } else { %>\r\n      background-image: none;\r\n      background-color: <%=form_bg_color%>;\r\n    <% } %>\r\n}\r\n  .popmechanic-mobile #popmechanic-form .popmechanic-main,\r\n  .popmechanic-tablet #popmechanic-form .popmechanic-main,\r\n  .popmechanic-mobile #popmechanic-form .popmechanic-thankyou,\r\n  .popmechanic-tablet #popmechanic-form .popmechanic-thankyou {\r\n  flex-direction: column;\r\n  align-items: center;\r\n  max-width: <%=form_width_mob%>px;\r\n  width: 100%; \r\n  min-height: <%=form_height_mob%>px;\r\n  padding: <%=pad_top_mob%>px <%=pad_right_mob%>px <%=pad_bottom_mob%>px <%=pad_left_mob%>px;\r\n}\r\n  .popmechanic-mobile #popmechanic-form .popmechanic-self-box, .popmechanic-tablet #popmechanic-form .popmechanic-self-box {\r\n    width: <%=img_width_mob%>px;\r\n    position: relative;\r\n    margin: 0;\r\n    left: <%=img_left_mob%>px;\r\n    top: <%=img_top_mob%>px;\r\n    margin-right: 0;\r\n    margin-bottom: 10px; }\r\n  .popmechanic-mobile #popmechanic-form .popmechanic-content, .popmechanic-tablet #popmechanic-form .popmechanic-content {\r\n    margin-right: 0;\r\n    max-width: 100%;\r\n    margin-bottom: 20px; }\r\n  .popmechanic-mobile #popmechanic-form .popmechanic-header, .popmechanic-tablet #popmechanic-form .popmechanic-header {\r\n    font-size: <%=title_fontsize_mob%>px;\r\n    text-align: center; }\r\n  .popmechanic-mobile #popmechanic-form .popmechanic-text, .popmechanic-tablet #popmechanic-form .popmechanic-text {\r\n    font-size: <%=sub_title_fontsize_mob%>px;\r\n    text-align: center; }\r\n  .popmechanic-mobile #popmechanic-form .popmechanic-inputs, .popmechanic-tablet #popmechanic-form .popmechanic-inputs {\r\n    border: none;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    height: auto;\r\n    width: 100%;\r\n  }\r\n  .popmechanic-mobile #popmechanic-form .popmechanic-inputs--wrapper, .popmechanic-tablet #popmechanic-form .popmechanic-inputs--wrapper {\r\n    width: auto; }\r\n  .popmechanic-mobile #popmechanic-form .popmechanic-input, .popmechanic-tablet #popmechanic-form .popmechanic-input {\r\n    width: <%=inp_width_mob%>px;\r\n    max-width: 100%;\r\n  }\r\n  .popmechanic-mobile #popmechanic-form .popmechanic-input input, .popmechanic-tablet #popmechanic-form .popmechanic-input input {\r\n    height: <%=inp_height_mob%>px;\r\n    font-size: <%=inp_fontsize_mob%>px;\r\n    border: solid 1px <%=inp_border_color%>;\r\n    margin-bottom: 15px; }\r\n  .popmechanic-mobile #popmechanic-form button, .popmechanic-tablet #popmechanic-form button {\r\n    width: <%=btn_width_mob%>px;\r\n    max-width: 100%;\r\n    height: <%=btn_height_mob%>px;\r\n    font-size: <%=btn_fontsize_mob%>px;\r\n  }\r\n  .popmechanic-mobile #popmechanic-form .popmechanic-subscribe_text, .popmechanic-tablet #popmechanic-form .popmechanic-subscribe_text {\r\n    display: inline; }\r\n  .popmechanic-mobile #popmechanic-form .popmechanic-subscribe_img, .popmechanic-tablet #popmechanic-form .popmechanic-subscribe_img {\r\n    display: none; }\r\n  .popmechanic-mobile #popmechanic-form .popmechanic-approval, .popmechanic-tablet #popmechanic-form .popmechanic-approval {\r\n    font-size: <%=conf_fontsize_mob%>px;\r\n    text-align: center; }\r\n  .popmechanic-mobile #popmechanic-form .popmechanic-thankyou .popmechanic-text, .popmechanic-tablet #popmechanic-form .popmechanic-thankyou .popmechanic-text {\r\n    font-size: <%=thanks_fontsize_mob%>px;\r\n  }\r\n\r\n.popmechanic-success #popmechanic-form .popmechanic-main {\r\n  display: none; }\r\n\r\n.popmechanic-success #popmechanic-form .popmechanic-thankyou {\r\n  width: 100%;\r\n  display: flex; }\r\n#popmechanic-form input.popmechanic-invalid {\r\n    border-color: red!important;\r\n    border: 1px solid red!important;\r\n    color: red!important;\r\n}\r\n\r\n<% if(parseInt(close_show)) { %>\r\n  /* CLOSE */\r\n  <%\r\n    function hexToRgb(hex) {\r\n      return hex.replace(/^#?([a-f\\d])([a-f\\d])([a-f\\d])$/i, function (m, r, g, b) {\r\n        return \"#\".concat(r).concat(r).concat(g).concat(g).concat(b).concat(b);\r\n      }).substring(1).match(/.{2}/g).map(function (x) {\r\n        return parseInt(x, 16);\r\n      });\r\n    };\r\n  %>\r\n\r\n  #popmechanic-form .popmechanic-close {\r\n    position: absolute;\r\n    z-index: 40;\r\n    cursor: pointer;\r\n  }\r\n  #popmechanic-form .popmechanic-close::before,\r\n  #popmechanic-form .popmechanic-close::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    width: 80%;\r\n    height: 2px;\r\n    transform: translate(-50%, -50%) rotate(45deg);\r\n  }\r\n  #popmechanic-form .popmechanic-close::after {\r\n    transform: translate(-50%, -50%) rotate(135deg);\r\n  }\r\n  .popmechanic-desktop #popmechanic-form .popmechanic-close {\r\n    top: 10px;\r\n    right: 10px;\r\n    width: <%= close_size_desk %>px;\r\n    height: <%= close_size_desk %>px;\r\n    <% if(parseInt(close_bg_show_desk)) { %>\r\n      background-color: rgba(<%= hexToRgb(close_bg_color_desk) %>, <%= close_bg_transparency %>);\r\n    <% } %>\r\n  }\r\n  .popmechanic-desktop #popmechanic-form .popmechanic-close::before,\r\n  .popmechanic-desktop #popmechanic-form .popmechanic-close::after {\r\n    background-color: <%= close_color_desk %>;\r\n  }\r\n  .popmechanic-tablet #popmechanic-form .popmechanic-close,\r\n  .popmechanic-mobile #popmechanic-form .popmechanic-close {\r\n    top: 5px;\r\n    right: 5px;\r\n    width: <%= close_size_mob %>px;\r\n    height: <%= close_size_mob %>px;\r\n    <% if(parseInt(close_bg_show_mob)) { %>\r\n      background-color: rgba(<%= hexToRgb(close_bg_color_mob) %>, <%= close_bg_transparency %>);\r\n    <% } %>\r\n  }\r\n  .popmechanic-tablet #popmechanic-form .popmechanic-close::before,\r\n  .popmechanic-tablet #popmechanic-form .popmechanic-close::after,\r\n  .popmechanic-mobile #popmechanic-form .popmechanic-close::before,\r\n  .popmechanic-mobile #popmechanic-form .popmechanic-close::after {\r\n    background-color: <%= close_color_mob %>;\r\n  }\r\n<% } %>", "button": "", "on_show": "", "on_close": "", "embed_code": "", "behaviors": ["lead", "post-text"], "template_type": "embedded", "need_reset": false, "parameters": [], "on_targeting_ready": "", "on_child_ready": ""}], "button_templates": [], "integrations": [{"id": 90919, "form": 81319, "filter": null, "filter_type": null, "account": 39827, "integration_type": "mindbox_server_json", "customer_extended": [{"value": "%email%", "systemName": "email"}], "customer_action_extended": [], "mode": "create", "send_customer": true, "issue_action": false, "operation": "popmechanic-integration-create-81319", "subscriptions": [{"pointOfContact": "Email"}]}, {"id": 90488, "form": 81319, "filter": null, "filter_type": null, "account": 39827, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-block-81319-show", "click_operation": "popmechanic-block-81319-click", "targeting_operation": "popmechanic-block-81319-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}