{"forms": [{"id": 66671, "template": 886, "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": "personal", "operator": "$exclude"}, {"id": "4", "field": "page", "value": "cashback", "operator": "$exclude"}, {"id": "5", "field": "page", "value": "payment", "operator": "$exclude"}, {"id": "6", "field": "page", "value": "o-nas", "operator": "$exclude"}, {"id": "7", "field": "page", "value": "partners", "operator": "$exclude"}, {"id": "8", "field": "page", "value": "mnogoru", "operator": "$exclude"}, {"id": "9", "field": "page", "value": "rating", "operator": "$exclude"}, {"id": "10", "field": "page", "value": "stage", "operator": "$exclude"}, {"id": "11", "field": "dom_element", "value": ".modal-content:visible", "operator": "$not_exists"}, {"id": "12", "name": "$or", "nodes": [{"id": "13", "field": "page", "value": ["blog"], "operator": "$in_contains"}, {"id": "14", "field": "page", "value": ["journal"], "operator": "$in_contains"}, {"id": "15", "field": "page", "value": ["news"], "operator": "$in_contains"}, {"id": "16", "field": "page", "value": ["podborki"], "operator": "$in_contains"}], "operator": "$or"}], "operator": "$and"}], "operator": "$and"}}, "settings_splits": [{"settings": {"url": "https://clck.ru/352QAG", "image": "https://personalization-web-stable.mindbox.ru/user-media/34927/8be04aa910518330b1cd50b54f324d37e3959be1fd9226002b8e988e98ea2c7a.png", "width": "600", "cl_col": "#000000", "cl_size": "55", "otstup1": "9", "otstup2": "-1", "showurl": "1", "width_mobile": "310", "showtransform": "0", "form_border_color": "#facc48", "form_border_width": "0", "form_border_radius": "0", "form_border_width2": "0"}, "button_settings": {}, "conditions_splits": [{"conditions": {"mouseleave": "1", "session_time": "30"}, "combinator": "and", "id": 184854}], "id": 66079, "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": "b24_\u041f\u043e\u043f\u0430\u043f_\u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0430_\u043d\u0430_\u0422\u0413", "active": true, "embed_selector": false, "selector": "", "placement": "start", "frequency": {"once_lifetime": false, "once_session": false, "priority": false, "minimal_timeout": 1209600}, "start_date": "2022-11-11T18:03:00+03:00", "end_date": null, "day_of_week": [true, true, true, true, true, true, true], "start_time": null, "end_time": null, "timezone_minutes": 180, "custom_fields": [], "container_id": null, "child_forms": [], "salt": null, "control_group": null, "variants": [{"is_winner": false, "ab_test_variant_internal_id": null, "view_settings": {"button_template": null, "rendered_preview": "https://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-65645.png?ts=1705999994679", "rendered_button_preview": null, "settings": {"url": "https://clck.ru/352QAG", "image": "https://personalization-web-stable.mindbox.ru/user-media/34927/8be04aa910518330b1cd50b54f324d37e3959be1fd9226002b8e988e98ea2c7a.png", "width": "600", "cl_col": "#000000", "cl_size": "55", "otstup1": "9", "otstup2": "-1", "showurl": "1", "width_mobile": "310", "showtransform": "0", "form_border_color": "#facc48", "form_border_width": "0", "form_border_radius": "0", "form_border_width2": "0"}, "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": 51721, "template": 1843, "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": 421, "externalId": "2f993ba2-cef6-4f61-a2e7-96b7e0cca2f7"}, "inSegmentByDefault": false}, "operator": "$check"}, {"id": "3", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 1779, "externalId": "fe826b91-f122-4569-83ef-cc8565617bc8"}, "inSegmentByDefault": true}, "operator": "$check"}, {"id": "4", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 1780, "externalId": "ed8727b5-70be-44af-82e9-e06d4a3051b6"}, "inSegmentByDefault": true}, "operator": "$check"}], "operator": "$and"}}, "settings_splits": [{"settings": {"img": "https://book24.ru/_ssr/img/subscription-img/envelope-heart-fill.svg", "img2": "https://static.popmechanic.ru/media/lifehacker/img/send.svg", "text": "\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0439\u0442\u0435 \u0435\u0433\u043e, \u043a\u043e\u0433\u0434\u0430 \u043d\u0443\u0436\u043d\u043e \u0432\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u0441\u0431\u043e\u0440 email <br>\u0432 \u043a\u043e\u043d\u0442\u0435\u043d\u0442\u0435 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b, \u0430 \u043d\u0435 \u043f\u043e\u0432\u0435\u0440\u0445 \u043d\u0435\u0433\u043e", "header": "\u0414\u0430\u0440\u0438\u043c 50 \u0431\u043e\u043d\u0443\u0441\u043e\u0432 \u0438 \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0439 \u043a\u0435\u0448\u0431\u044d\u043a \u043d\u0430 \u043a\u0430\u0436\u0434\u044b\u0439 \u0437\u0430\u043a\u0430\u0437!", "submit": "\u041f\u043e\u0434\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f", "img_top": "0.00", "pad_top": "36", "but_col1": "#FE6564", "but_col2": "#a32320", "img_left": "56.00", "show_img": "1", "btn_color": "#fafafa", "btn_width": "90", "form_font": "Roboto, sans-serif", "img_width": "132.00", "inp_color": "#242424", "inp_width": "460.00", "close_show": "0", "conf_color": "#242424", "inp_height": "44.00", "pad_bottom": "32.00", "show_title": "1", "custom_font": "Arial, sans-serif", "form_bg_img": "https://book24.ru/_ssr/img/backgrounds/subscriptions-main-bg.svg", "form_height": "150", "img_top_mob": "1", "lang_helper": "ru", "pad_top_mob": "15", "show_policy": "1", "title_color": "#242424", "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": "14.00", "conf_link_url": "#", "form_bg_color": "#EFCC4B", "img_width_mob": "150", "inp_width_mob": "300", "pad_right_mob": "15", "thankyou_text": "\u0421\u043f\u0430\u0441\u0438\u0431\u043e! \u041e\u0441\u0442\u0430\u043b\u043e\u0441\u044c \u043f\u043e\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u044c \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0443 \u0438 \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u043f\u043e\u0434\u0430\u0440\u043a\u0438.", "btn_height_mob": "52", "close_size_mob": "20", "conf_link_text": "\u043f\u043e\u043b\u0438\u0442\u0438\u043a\u0443", "form_width_mob": "320", "inp_height_mob": "45", "pad_bottom_mob": "15", "show_sub_title": "0", "title_fontsize": "24.00", "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": "#242424", "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": "\u042f \u0441\u043e\u0433\u043b\u0430\u0441\u0435\u043d \u043f\u043e\u043b\u0443\u0447\u0430\u0442\u044c \u0440\u0435\u043a\u043b\u0430\u043c\u043d\u044b\u0435 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u044f \u0438 \u0434\u0430\u044e \u0441\u0432\u043e\u0451 \u0441\u043e\u0433\u043b\u0430\u0441\u0438\u0435 \u043d\u0430\u00a0\u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445", "sub_title_fontsize": "16", "title_fontsize_mob": "25", "close_bg_color_desk": "#000000", "conf_text_post_link": "\u043d\u0430 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u0441\u0432\u043e\u0438\u0445 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445", "inputs_border_color": "#ffffff", "thanks_fontsize_mob": "16", "close_bg_transparency": "0.5", "sub_title_fontsize_mob": "14"}, "button_settings": {}, "conditions_splits": [], "id": 51146, "behavior_settings": {"lead": {"legal_text": ""}, "embedded": {"animation_out": "fadeOut"}}}], "pinned": false, "name": "b24: \u0424\u043e\u0440\u043c\u0430 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0438 \u0441 \u0431\u043e\u043d\u0443\u0441\u0430\u043c\u0438 (\u0436\u0443\u0440\u043d\u0430\u043b)", "active": true, "embed_selector": true, "selector": ".journal-page .app-section:nth-child(3)", "placement": "after", "frequency": {"once_lifetime": false, "once_session": false, "priority": false, "minimal_timeout": null}, "start_date": null, "end_date": null, "day_of_week": [true, true, true, true, true, true, true], "start_time": null, "end_time": null, "timezone_minutes": 180, "custom_fields": [], "container_id": null, "child_forms": [], "salt": null, "control_group": null, "variants": [{"is_winner": false, "ab_test_variant_internal_id": null, "view_settings": {"button_template": null, "rendered_preview": "https://popmechanic-media.storage.yandexcloud.net/shots/form-51721.png?ts=1666371098684", "rendered_button_preview": null, "settings": {"img": "https://book24.ru/_ssr/img/subscription-img/envelope-heart-fill.svg", "img2": "https://static.popmechanic.ru/media/lifehacker/img/send.svg", "text": "\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0439\u0442\u0435 \u0435\u0433\u043e, \u043a\u043e\u0433\u0434\u0430 \u043d\u0443\u0436\u043d\u043e \u0432\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u0441\u0431\u043e\u0440 email <br>\u0432 \u043a\u043e\u043d\u0442\u0435\u043d\u0442\u0435 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b, \u0430 \u043d\u0435 \u043f\u043e\u0432\u0435\u0440\u0445 \u043d\u0435\u0433\u043e", "header": "\u0414\u0430\u0440\u0438\u043c 50 \u0431\u043e\u043d\u0443\u0441\u043e\u0432 \u0438 \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0439 \u043a\u0435\u0448\u0431\u044d\u043a \u043d\u0430 \u043a\u0430\u0436\u0434\u044b\u0439 \u0437\u0430\u043a\u0430\u0437!", "submit": "\u041f\u043e\u0434\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f", "img_top": "0.00", "pad_top": "36", "but_col1": "#FE6564", "but_col2": "#a32320", "img_left": "56.00", "show_img": "1", "btn_color": "#fafafa", "btn_width": "90", "form_font": "Roboto, sans-serif", "img_width": "132.00", "inp_color": "#242424", "inp_width": "460.00", "close_show": "0", "conf_color": "#242424", "inp_height": "44.00", "pad_bottom": "32.00", "show_title": "1", "custom_font": "Arial, sans-serif", "form_bg_img": "https://book24.ru/_ssr/img/backgrounds/subscriptions-main-bg.svg", "form_height": "150", "img_top_mob": "1", "lang_helper": "ru", "pad_top_mob": "15", "show_policy": "1", "title_color": "#242424", "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": "14.00", "conf_link_url": "#", "form_bg_color": "#EFCC4B", "img_width_mob": "150", "inp_width_mob": "300", "pad_right_mob": "15", "thankyou_text": "\u0421\u043f\u0430\u0441\u0438\u0431\u043e! \u041e\u0441\u0442\u0430\u043b\u043e\u0441\u044c \u043f\u043e\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u044c \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0443 \u0438 \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u043f\u043e\u0434\u0430\u0440\u043a\u0438.", "btn_height_mob": "52", "close_size_mob": "20", "conf_link_text": "\u043f\u043e\u043b\u0438\u0442\u0438\u043a\u0443", "form_width_mob": "320", "inp_height_mob": "45", "pad_bottom_mob": "15", "show_sub_title": "0", "title_fontsize": "24.00", "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": "#242424", "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": "\u042f \u0441\u043e\u0433\u043b\u0430\u0441\u0435\u043d \u043f\u043e\u043b\u0443\u0447\u0430\u0442\u044c \u0440\u0435\u043a\u043b\u0430\u043c\u043d\u044b\u0435 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u044f \u0438 \u0434\u0430\u044e \u0441\u0432\u043e\u0451 \u0441\u043e\u0433\u043b\u0430\u0441\u0438\u0435 \u043d\u0430\u00a0\u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445", "sub_title_fontsize": "16", "title_fontsize_mob": "25", "close_bg_color_desk": "#000000", "conf_text_post_link": "\u043d\u0430 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u0441\u0432\u043e\u0438\u0445 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445", "inputs_border_color": "#ffffff", "thanks_fontsize_mob": "16", "close_bg_transparency": "0.5", "sub_title_fontsize_mob": "14"}, "button_settings": {}, "behavior_settings": {"lead": {"legal_text": ""}, "embedded": {"animation_out": "fadeOut"}}, "html": "<% try {\r\n\tlang_helper = lang_helper;\r\n\tclose_show = close_show;\r\n\t} catch (e) {\r\n\t\tlang_helper = \"ru\"\r\n\t\tclose_show = 0\r\n\t}\r\n%>\r\n<style>\r\n    .popmechanic-js-container.popmechanic-desktop{\r\n     margin-bottom:35px;   \r\n    }\r\n</style>\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\r\n\t\t\t<div class=\"popmechanic-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, \u0441\u0435\u043a\u0440\u0435\u0442\u043d\u044b\u0445 \u0441\u043a\u0438\u0434\u043a\u0430\u0445 \u0438 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u044f\u0445.</div>\r\n\t\t\r\n\t\t\t\r\n\t\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=\"E-mail\">\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<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>\u042f \u0441\u043e\u0433\u043b\u0430\u0441\u0435\u043d \u043f\u043e\u043b\u0443\u0447\u0430\u0442\u044c \u0440\u0435\u043a\u043b\u0430\u043c\u043d\u044b\u0435 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u044f \u0438 \u0434\u0430\u044e \u0441\u0432\u043e\u0451 \u0441\u043e\u0433\u043b\u0430\u0441\u0438\u0435 \u043d\u0430\u00a0\u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445</span>\r\n\t\t\t</label>\r\n\t\t\t<% } %>\r\n\t\t</div>\r\n\t\t</div>\r\n\r\n\t\t\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\t<div class=\"caption\">\u041f\u0440\u043e\u0432\u0435\u0440\u044c\u0442\u0435 \u0441\u0432\u043e\u044e \u043f\u043e\u0447\u0442\u0443. \u0412\u0430\u043c \u043e\u0442\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u043e \u043f\u0438\u0441\u044c\u043c\u043e</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: 2;\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    background-image: url('https://book24.ru/_ssr/img/backgrounds/subscriptions-main-bg.svg');\r\n    background-position: 50% 50%;\r\n    background-repeat: no-repeat;\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    border-radius: 20px;\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    flex-wrap: wrap;\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: 70px; }\r\n  #popmechanic-form .popmechanic-content {\r\n    max-width: 670px;\r\n    margin-right: 20px; }\r\n  #popmechanic-form .popmechanic-inputs {\r\n    display: flex;\r\n    align-items: stretch;\r\n    margin-bottom: 24px;\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: #FFF;\r\n    border-radius: 4px;\r\n    font-size: <%=inp_fontsize%>px;\r\n    color: <%=inp_color%>;\r\n    letter-spacing: 0.3px;\r\n    padding-left: 12px;\r\n}\r\n #popmechanic-form .popmechanic-input input::placeholder {\r\n   color: <%=inp_color%>;\r\n   opacity: .6;\r\n   text-decoration: none;\r\n   font-style: normal;\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  height: 40px;\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  margin-left: -130px;\r\n  margin-top: 2px;\r\n  border-radius: 3px;\r\n  padding: 16px;\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      font-style: normal;\r\nfont-weight: 600;\r\nfont-size: 14px;\r\nline-height: 24px;\r\n  }\r\n  #popmechanic-form .popmechanic-approval {\r\n    font-size: <%=conf_fontsize%>px;\r\n    color: <%=conf_color%>;\r\n    font-style: normal;\r\n    font-weight: 400;\r\n    font-size: 14px;\r\n    line-height: 24px;\r\n    display: flex;\r\n    align-items: center;\r\n    width: 100%;\r\n    max-width:500px;\r\n    cursor: pointer;\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: #6EBC63;\r\n    border-radius: 4px;\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: 75%;\r\n    height: 75%;\r\n    opacity: 0;\r\n    fill: #FFF;\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-style: normal;\r\nfont-weight: 600;\r\nfont-size: 30px;\r\nline-height: 40px;\r\n    margin-bottom: 10px; }\r\n  #popmechanic-form .popmechanic-text {\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    margin-bottom: 14px; }\r\n  }\r\n  #popmechanic-form .popmechanic-thankyou .popmechanic-text {\r\n    font-style: normal;\r\nfont-weight: 600;\r\nfont-size: 32px;\r\nline-height: 40px;\r\n    text-align: center; \r\n    margin: 0 auto;\r\n    width: 100%;\r\n    margin-bottom: 12px;\r\n  }\r\n    #popmechanic-form .popmechanic-thankyou .caption {\r\n        font-style: normal;\r\nfont-weight: 400;\r\nfont-size: 20px;\r\nline-height: 28px;\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  flex-direction: column;\r\n    text-align: center;\r\n    align-items: center;\r\n    min-height: 200px;\r\n}\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<% } %>\r\n\r\n@media screen and (max-width: 540px) {\r\n    #popmechanic-form .popmechanic-inputs,\r\n    #popmechanic-form .popmechanic-input {\r\n        width: 100%;\r\n    }\r\n    \r\n    #popmechanic-form .popmechanic-header {\r\n        font-size: 22px;\r\n        line-height: 28px;\r\n    }\r\n    \r\n    #popmechanic-form button {\r\n        margin-left: 0;\r\n    }\r\n}", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 51720, "template": 1843, "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": 421, "externalId": "2f993ba2-cef6-4f61-a2e7-96b7e0cca2f7"}, "inSegmentByDefault": false}, "operator": "$check"}, {"id": "3", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 1779, "externalId": "fe826b91-f122-4569-83ef-cc8565617bc8"}, "inSegmentByDefault": true}, "operator": "$check"}, {"id": "4", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 1780, "externalId": "ed8727b5-70be-44af-82e9-e06d4a3051b6"}, "inSegmentByDefault": true}, "operator": "$check"}], "operator": "$and"}}, "settings_splits": [{"settings": {"img": "https://book24.ru/_ssr/img/subscription-img/envelope-heart-fill.svg", "img2": "https://static.popmechanic.ru/media/lifehacker/img/send.svg", "text": "\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0439\u0442\u0435 \u0435\u0433\u043e, \u043a\u043e\u0433\u0434\u0430 \u043d\u0443\u0436\u043d\u043e \u0432\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u0441\u0431\u043e\u0440 email <br>\u0432 \u043a\u043e\u043d\u0442\u0435\u043d\u0442\u0435 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b, \u0430 \u043d\u0435 \u043f\u043e\u0432\u0435\u0440\u0445 \u043d\u0435\u0433\u043e", "header": "\u0414\u0430\u0440\u0438\u043c 50 \u0431\u043e\u043d\u0443\u0441\u043e\u0432 \u0438 \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0439 \u043a\u0435\u0448\u0431\u044d\u043a \u043d\u0430 \u043a\u0430\u0436\u0434\u044b\u0439 \u0437\u0430\u043a\u0430\u0437!", "submit": "\u041f\u043e\u0434\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f", "img_top": "0.00", "pad_top": "36", "but_col1": "#FE6564", "but_col2": "#a32320", "img_left": "56.00", "show_img": "1", "btn_color": "#fafafa", "btn_width": "90", "form_font": "Roboto, sans-serif", "img_width": "132.00", "inp_color": "#242424", "inp_width": "460.00", "close_show": "0", "conf_color": "#242424", "inp_height": "44.00", "pad_bottom": "32.00", "show_title": "1", "custom_font": "Arial, sans-serif", "form_bg_img": "https://book24.ru/_ssr/img/backgrounds/subscriptions-main-bg.svg", "form_height": "150", "img_top_mob": "1", "lang_helper": "ru", "pad_top_mob": "15", "show_policy": "1", "title_color": "#242424", "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": "14.00", "conf_link_url": "#", "form_bg_color": "#EFCC4B", "img_width_mob": "150", "inp_width_mob": "300", "pad_right_mob": "15", "thankyou_text": "\u0421\u043f\u0430\u0441\u0438\u0431\u043e! \u041e\u0441\u0442\u0430\u043b\u043e\u0441\u044c \u043f\u043e\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u044c \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0443 \u0438 \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u043f\u043e\u0434\u0430\u0440\u043a\u0438.", "btn_height_mob": "52", "close_size_mob": "20", "conf_link_text": "\u043f\u043e\u043b\u0438\u0442\u0438\u043a\u0443", "form_width_mob": "320", "inp_height_mob": "45", "pad_bottom_mob": "15", "show_sub_title": "0", "title_fontsize": "24.00", "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": "#242424", "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": "\u042f \u0441\u043e\u0433\u043b\u0430\u0441\u0435\u043d \u043f\u043e\u043b\u0443\u0447\u0430\u0442\u044c \u0440\u0435\u043a\u043b\u0430\u043c\u043d\u044b\u0435 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u044f \u0438 \u0434\u0430\u044e \u0441\u0432\u043e\u0451 \u0441\u043e\u0433\u043b\u0430\u0441\u0438\u0435 \u043d\u0430\u00a0\u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445", "sub_title_fontsize": "16", "title_fontsize_mob": "25", "close_bg_color_desk": "#000000", "conf_text_post_link": "\u043d\u0430 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u0441\u0432\u043e\u0438\u0445 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445", "inputs_border_color": "#ffffff", "thanks_fontsize_mob": "16", "close_bg_transparency": "0.5", "sub_title_fontsize_mob": "14"}, "button_settings": {}, "conditions_splits": [], "id": 51145, "behavior_settings": {"lead": {"legal_text": ""}, "embedded": {"animation_out": "fadeOut"}}}], "pinned": false, "name": "b24: \u0424\u043e\u0440\u043c\u0430 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0438 \u0441 \u0431\u043e\u043d\u0443\u0441\u0430\u043c\u0438 (\u043f\u0440\u043e\u0444\u0438\u043b\u044c)", "active": true, "embed_selector": true, "selector": ".personal-page__content  .personal-orders-page__recommendations", "placement": "after", "frequency": {"once_lifetime": false, "once_session": false, "priority": false, "minimal_timeout": null}, "start_date": null, "end_date": null, "day_of_week": [true, true, true, true, true, true, true], "start_time": null, "end_time": null, "timezone_minutes": 180, "custom_fields": [], "container_id": null, "child_forms": [], "salt": null, "control_group": null, "variants": [{"is_winner": false, "ab_test_variant_internal_id": null, "view_settings": {"button_template": null, "rendered_preview": "https://popmechanic-media.storage.yandexcloud.net/shots/form-51720.png?ts=1666372365234", "rendered_button_preview": null, "settings": {"img": "https://book24.ru/_ssr/img/subscription-img/envelope-heart-fill.svg", "img2": "https://static.popmechanic.ru/media/lifehacker/img/send.svg", "text": "\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0439\u0442\u0435 \u0435\u0433\u043e, \u043a\u043e\u0433\u0434\u0430 \u043d\u0443\u0436\u043d\u043e \u0432\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u0441\u0431\u043e\u0440 email <br>\u0432 \u043a\u043e\u043d\u0442\u0435\u043d\u0442\u0435 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b, \u0430 \u043d\u0435 \u043f\u043e\u0432\u0435\u0440\u0445 \u043d\u0435\u0433\u043e", "header": "\u0414\u0430\u0440\u0438\u043c 50 \u0431\u043e\u043d\u0443\u0441\u043e\u0432 \u0438 \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0439 \u043a\u0435\u0448\u0431\u044d\u043a \u043d\u0430 \u043a\u0430\u0436\u0434\u044b\u0439 \u0437\u0430\u043a\u0430\u0437!", "submit": "\u041f\u043e\u0434\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f", "img_top": "0.00", "pad_top": "36", "but_col1": "#FE6564", "but_col2": "#a32320", "img_left": "56.00", "show_img": "1", "btn_color": "#fafafa", "btn_width": "90", "form_font": "Roboto, sans-serif", "img_width": "132.00", "inp_color": "#242424", "inp_width": "460.00", "close_show": "0", "conf_color": "#242424", "inp_height": "44.00", "pad_bottom": "32.00", "show_title": "1", "custom_font": "Arial, sans-serif", "form_bg_img": "https://book24.ru/_ssr/img/backgrounds/subscriptions-main-bg.svg", "form_height": "150", "img_top_mob": "1", "lang_helper": "ru", "pad_top_mob": "15", "show_policy": "1", "title_color": "#242424", "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": "14.00", "conf_link_url": "#", "form_bg_color": "#EFCC4B", "img_width_mob": "150", "inp_width_mob": "300", "pad_right_mob": "15", "thankyou_text": "\u0421\u043f\u0430\u0441\u0438\u0431\u043e! \u041e\u0441\u0442\u0430\u043b\u043e\u0441\u044c \u043f\u043e\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u044c \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0443 \u0438 \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u043f\u043e\u0434\u0430\u0440\u043a\u0438.", "btn_height_mob": "52", "close_size_mob": "20", "conf_link_text": "\u043f\u043e\u043b\u0438\u0442\u0438\u043a\u0443", "form_width_mob": "320", "inp_height_mob": "45", "pad_bottom_mob": "15", "show_sub_title": "0", "title_fontsize": "24.00", "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": "#242424", "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": "\u042f \u0441\u043e\u0433\u043b\u0430\u0441\u0435\u043d \u043f\u043e\u043b\u0443\u0447\u0430\u0442\u044c \u0440\u0435\u043a\u043b\u0430\u043c\u043d\u044b\u0435 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u044f \u0438 \u0434\u0430\u044e \u0441\u0432\u043e\u0451 \u0441\u043e\u0433\u043b\u0430\u0441\u0438\u0435 \u043d\u0430\u00a0\u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445", "sub_title_fontsize": "16", "title_fontsize_mob": "25", "close_bg_color_desk": "#000000", "conf_text_post_link": "\u043d\u0430 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u0441\u0432\u043e\u0438\u0445 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445", "inputs_border_color": "#ffffff", "thanks_fontsize_mob": "16", "close_bg_transparency": "0.5", "sub_title_fontsize_mob": "14"}, "button_settings": {}, "behavior_settings": {"lead": {"legal_text": ""}, "embedded": {"animation_out": "fadeOut"}}, "html": "<% try {\r\n\tlang_helper = lang_helper;\r\n\tclose_show = close_show;\r\n\t} catch (e) {\r\n\t\tlang_helper = \"ru\"\r\n\t\tclose_show = 0\r\n\t}\r\n%>\r\n\r\n<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\r\n\t\t\t<div class=\"popmechanic-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, \u0441\u0435\u043a\u0440\u0435\u0442\u043d\u044b\u0445 \u0441\u043a\u0438\u0434\u043a\u0430\u0445 \u0438 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u044f\u0445.</div>\r\n\t\t\r\n\t\t\t\r\n\t\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=\"E-mail\">\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<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>\u042f \u0441\u043e\u0433\u043b\u0430\u0441\u0435\u043d \u043f\u043e\u043b\u0443\u0447\u0430\u0442\u044c \u0440\u0435\u043a\u043b\u0430\u043c\u043d\u044b\u0435 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u044f \u0438 \u0434\u0430\u044e \u0441\u0432\u043e\u0451 \u0441\u043e\u0433\u043b\u0430\u0441\u0438\u0435 \u043d\u0430\u00a0\u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445</span>\r\n\t\t\t</label>\r\n\t\t\t<% } %>\r\n\t\t</div>\r\n\t\t</div>\r\n\r\n\t\t\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\t<div class=\"caption\">\u041f\u0440\u043e\u0432\u0435\u0440\u044c\u0442\u0435 \u0441\u0432\u043e\u044e \u043f\u043e\u0447\u0442\u0443. \u0412\u0430\u043c \u043e\u0442\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u043e \u043f\u0438\u0441\u044c\u043c\u043e</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: 2;\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    background-image: url('https://book24.ru/_ssr/img/backgrounds/subscriptions-main-bg.svg');\r\n    background-position: 50% 50%;\r\n    background-repeat: no-repeat;\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    border-radius: 20px;\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    flex-wrap: wrap;\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: 70px; }\r\n  #popmechanic-form .popmechanic-content {\r\n    max-width: 670px;\r\n    margin-right: 20px; }\r\n  #popmechanic-form .popmechanic-inputs {\r\n    display: flex;\r\n    align-items: stretch;\r\n    margin-bottom: 24px;\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: #FFF;\r\n    border-radius: 4px;\r\n    font-size: <%=inp_fontsize%>px;\r\n    color: <%=inp_color%>;\r\n    letter-spacing: 0.3px;\r\n    padding-left: 12px;\r\n}\r\n #popmechanic-form .popmechanic-input input::placeholder {\r\n   color: <%=inp_color%>;\r\n   opacity: .6;\r\n   text-decoration: none;\r\n   font-style: normal;\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  height: 40px;\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  margin-left: -130px;\r\n  margin-top: 2px;\r\n  border-radius: 3px;\r\n  padding: 16px;\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      font-style: normal;\r\nfont-weight: 600;\r\nfont-size: 14px;\r\nline-height: 24px;\r\n  }\r\n  #popmechanic-form .popmechanic-approval {\r\n    font-size: <%=conf_fontsize%>px;\r\n    color: <%=conf_color%>;\r\n    font-style: normal;\r\n    font-weight: 400;\r\n    font-size: 14px;\r\n    line-height: 24px;\r\n    display: flex;\r\n    align-items: center;\r\n    width: 100%;\r\n    max-width:500px;\r\n    cursor: pointer;\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: #6EBC63;\r\n    border-radius: 4px;\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: 75%;\r\n    height: 75%;\r\n    opacity: 0;\r\n    fill: #FFF;\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-style: normal;\r\nfont-weight: 600;\r\nfont-size: 30px;\r\nline-height: 40px;\r\n    margin-bottom: 10px; }\r\n  #popmechanic-form .popmechanic-text {\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    margin-bottom: 14px; }\r\n  }\r\n  #popmechanic-form .popmechanic-thankyou .popmechanic-text {\r\n    font-style: normal;\r\nfont-weight: 600;\r\nfont-size: 32px;\r\nline-height: 40px;\r\n    text-align: center; \r\n    margin: 0 auto;\r\n    width: 100%;\r\n    margin-bottom: 12px;\r\n  }\r\n    #popmechanic-form .popmechanic-thankyou .caption {\r\n        font-style: normal;\r\nfont-weight: 400;\r\nfont-size: 20px;\r\nline-height: 28px;\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  flex-direction: column;\r\n    text-align: center;\r\n    align-items: center;\r\n    min-height: 200px;\r\n}\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<% } %>\r\n\r\n@media screen and (max-width: 540px) {\r\n    #popmechanic-form .popmechanic-inputs,\r\n    #popmechanic-form .popmechanic-input {\r\n        width: 100%;\r\n    }\r\n    \r\n    #popmechanic-form .popmechanic-header {\r\n        font-size: 22px;\r\n        line-height: 28px;\r\n    }\r\n    \r\n    #popmechanic-form button {\r\n        margin-left: 0;\r\n    }\r\n}", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 51719, "template": 1843, "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": 421, "externalId": "2f993ba2-cef6-4f61-a2e7-96b7e0cca2f7"}, "inSegmentByDefault": false}, "operator": "$check"}, {"id": "3", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 1779, "externalId": "fe826b91-f122-4569-83ef-cc8565617bc8"}, "inSegmentByDefault": true}, "operator": "$check"}, {"id": "4", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 1780, "externalId": "ed8727b5-70be-44af-82e9-e06d4a3051b6"}, "inSegmentByDefault": true}, "operator": "$check"}], "operator": "$and"}}, "settings_splits": [{"settings": {"img": "https://book24.ru/_ssr/img/subscription-img/envelope-heart-fill.svg", "img2": "https://static.popmechanic.ru/media/lifehacker/img/send.svg", "text": "\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0439\u0442\u0435 \u0435\u0433\u043e, \u043a\u043e\u0433\u0434\u0430 \u043d\u0443\u0436\u043d\u043e \u0432\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u0441\u0431\u043e\u0440 email <br>\u0432 \u043a\u043e\u043d\u0442\u0435\u043d\u0442\u0435 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b, \u0430 \u043d\u0435 \u043f\u043e\u0432\u0435\u0440\u0445 \u043d\u0435\u0433\u043e", "header": "\u0414\u0430\u0440\u0438\u043c 50 \u0431\u043e\u043d\u0443\u0441\u043e\u0432 \u0438 \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0439 \u043a\u0435\u0448\u0431\u044d\u043a \u043d\u0430 \u043a\u0430\u0436\u0434\u044b\u0439 \u0437\u0430\u043a\u0430\u0437!", "submit": "\u041f\u043e\u0434\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f", "img_top": "0.00", "pad_top": "36", "but_col1": "#FE6564", "but_col2": "#a32320", "img_left": "56.00", "show_img": "1", "btn_color": "#fafafa", "btn_width": "90", "form_font": "Roboto, sans-serif", "img_width": "132.00", "inp_color": "#242424", "inp_width": "460.00", "close_show": "0", "conf_color": "#242424", "inp_height": "44.00", "pad_bottom": "32.00", "show_title": "1", "custom_font": "Arial, sans-serif", "form_bg_img": "https://book24.ru/_ssr/img/backgrounds/subscriptions-main-bg.svg", "form_height": "150", "img_top_mob": "1", "lang_helper": "ru", "pad_top_mob": "15", "show_policy": "1", "title_color": "#242424", "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": "14.00", "conf_link_url": "#", "form_bg_color": "#EFCC4B", "img_width_mob": "150", "inp_width_mob": "300", "pad_right_mob": "15", "thankyou_text": "\u0421\u043f\u0430\u0441\u0438\u0431\u043e! \u041e\u0441\u0442\u0430\u043b\u043e\u0441\u044c \u043f\u043e\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u044c \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0443 \u0438 \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u043f\u043e\u0434\u0430\u0440\u043a\u0438.", "btn_height_mob": "52", "close_size_mob": "20", "conf_link_text": "\u043f\u043e\u043b\u0438\u0442\u0438\u043a\u0443", "form_width_mob": "320", "inp_height_mob": "45", "pad_bottom_mob": "15", "show_sub_title": "0", "title_fontsize": "24.00", "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": "#242424", "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": "\u042f \u0441\u043e\u0433\u043b\u0430\u0441\u0435\u043d \u043f\u043e\u043b\u0443\u0447\u0430\u0442\u044c \u0440\u0435\u043a\u043b\u0430\u043c\u043d\u044b\u0435 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u044f \u0438 \u0434\u0430\u044e \u0441\u0432\u043e\u0451 \u0441\u043e\u0433\u043b\u0430\u0441\u0438\u0435 \u043d\u0430\u00a0\u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445", "sub_title_fontsize": "16", "title_fontsize_mob": "25", "close_bg_color_desk": "#000000", "conf_text_post_link": "\u043d\u0430 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u0441\u0432\u043e\u0438\u0445 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445", "inputs_border_color": "#ffffff", "thanks_fontsize_mob": "16", "close_bg_transparency": "0.5", "sub_title_fontsize_mob": "14"}, "button_settings": {}, "conditions_splits": [], "id": 51144, "behavior_settings": {"lead": {"legal_text": ""}, "embedded": {"animation_out": "fadeOut"}}}], "pinned": false, "name": "b24: \u0424\u043e\u0440\u043c\u0430 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0438 \u0441 \u0431\u043e\u043d\u0443\u0441\u0430\u043c\u0438 (\u043f\u043b \u043b\u0435\u043d\u0434\u0438\u043d\u0433)", "active": true, "embed_selector": true, "selector": ".cashback-faq.cashback-landing-page__faq", "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://popmechanic-media.storage.yandexcloud.net/shots/form-51719.png?ts=1666371246905", "rendered_button_preview": null, "settings": {"img": "https://book24.ru/_ssr/img/subscription-img/envelope-heart-fill.svg", "img2": "https://static.popmechanic.ru/media/lifehacker/img/send.svg", "text": "\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0439\u0442\u0435 \u0435\u0433\u043e, \u043a\u043e\u0433\u0434\u0430 \u043d\u0443\u0436\u043d\u043e \u0432\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u0441\u0431\u043e\u0440 email <br>\u0432 \u043a\u043e\u043d\u0442\u0435\u043d\u0442\u0435 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b, \u0430 \u043d\u0435 \u043f\u043e\u0432\u0435\u0440\u0445 \u043d\u0435\u0433\u043e", "header": "\u0414\u0430\u0440\u0438\u043c 50 \u0431\u043e\u043d\u0443\u0441\u043e\u0432 \u0438 \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0439 \u043a\u0435\u0448\u0431\u044d\u043a \u043d\u0430 \u043a\u0430\u0436\u0434\u044b\u0439 \u0437\u0430\u043a\u0430\u0437!", "submit": "\u041f\u043e\u0434\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f", "img_top": "0.00", "pad_top": "36", "but_col1": "#FE6564", "but_col2": "#a32320", "img_left": "56.00", "show_img": "1", "btn_color": "#fafafa", "btn_width": "90", "form_font": "Roboto, sans-serif", "img_width": "132.00", "inp_color": "#242424", "inp_width": "460.00", "close_show": "0", "conf_color": "#242424", "inp_height": "44.00", "pad_bottom": "32.00", "show_title": "1", "custom_font": "Arial, sans-serif", "form_bg_img": "https://book24.ru/_ssr/img/backgrounds/subscriptions-main-bg.svg", "form_height": "150", "img_top_mob": "1", "lang_helper": "ru", "pad_top_mob": "15", "show_policy": "1", "title_color": "#242424", "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": "14.00", "conf_link_url": "#", "form_bg_color": "#EFCC4B", "img_width_mob": "150", "inp_width_mob": "300", "pad_right_mob": "15", "thankyou_text": "\u0421\u043f\u0430\u0441\u0438\u0431\u043e! \u041e\u0441\u0442\u0430\u043b\u043e\u0441\u044c \u043f\u043e\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u044c \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0443 \u0438 \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u043f\u043e\u0434\u0430\u0440\u043a\u0438.", "btn_height_mob": "52", "close_size_mob": "20", "conf_link_text": "\u043f\u043e\u043b\u0438\u0442\u0438\u043a\u0443", "form_width_mob": "320", "inp_height_mob": "45", "pad_bottom_mob": "15", "show_sub_title": "0", "title_fontsize": "24.00", "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": "#242424", "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": "\u042f \u0441\u043e\u0433\u043b\u0430\u0441\u0435\u043d \u043f\u043e\u043b\u0443\u0447\u0430\u0442\u044c \u0440\u0435\u043a\u043b\u0430\u043c\u043d\u044b\u0435 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u044f \u0438 \u0434\u0430\u044e \u0441\u0432\u043e\u0451 \u0441\u043e\u0433\u043b\u0430\u0441\u0438\u0435 \u043d\u0430\u00a0\u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445", "sub_title_fontsize": "16", "title_fontsize_mob": "25", "close_bg_color_desk": "#000000", "conf_text_post_link": "\u043d\u0430 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u0441\u0432\u043e\u0438\u0445 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445", "inputs_border_color": "#ffffff", "thanks_fontsize_mob": "16", "close_bg_transparency": "0.5", "sub_title_fontsize_mob": "14"}, "button_settings": {}, "behavior_settings": {"lead": {"legal_text": ""}, "embedded": {"animation_out": "fadeOut"}}, "html": "<% try {\r\n\tlang_helper = lang_helper;\r\n\tclose_show = close_show;\r\n\t} catch (e) {\r\n\t\tlang_helper = \"ru\"\r\n\t\tclose_show = 0\r\n\t}\r\n%>\r\n<style>\r\n    .popmechanic-js-container.popmechanic-desktop{\r\n        margin-top:30px;\r\n    }\r\n</style>\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\r\n\t\t\t<div class=\"popmechanic-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, \u0441\u0435\u043a\u0440\u0435\u0442\u043d\u044b\u0445 \u0441\u043a\u0438\u0434\u043a\u0430\u0445 \u0438 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u044f\u0445.</div>\r\n\t\t\r\n\t\t\t\r\n\t\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=\"E-mail\">\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<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>\u042f \u0441\u043e\u0433\u043b\u0430\u0441\u0435\u043d \u043f\u043e\u043b\u0443\u0447\u0430\u0442\u044c \u0440\u0435\u043a\u043b\u0430\u043c\u043d\u044b\u0435 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u044f \u0438 \u0434\u0430\u044e \u0441\u0432\u043e\u0451 \u0441\u043e\u0433\u043b\u0430\u0441\u0438\u0435 \u043d\u0430\u00a0\u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445</span>\r\n\t\t\t</label>\r\n\t\t\t<% } %>\r\n\t\t</div>\r\n\t\t</div>\r\n\r\n\t\t\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\t<div class=\"caption\">\u041f\u0440\u043e\u0432\u0435\u0440\u044c\u0442\u0435 \u0441\u0432\u043e\u044e \u043f\u043e\u0447\u0442\u0443. \u0412\u0430\u043c \u043e\u0442\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u043e \u043f\u0438\u0441\u044c\u043c\u043e</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: 2;\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    background-image: url('https://book24.ru/_ssr/img/backgrounds/subscriptions-main-bg.svg');\r\n    background-position: 50% 50%;\r\n    background-repeat: no-repeat;\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    border-radius: 20px;\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    flex-wrap: wrap;\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: 70px; }\r\n  #popmechanic-form .popmechanic-content {\r\n    max-width: 670px;\r\n    margin-right: 20px; }\r\n  #popmechanic-form .popmechanic-inputs {\r\n    display: flex;\r\n    align-items: stretch;\r\n    margin-bottom: 24px;\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: #FFF;\r\n    border-radius: 4px;\r\n    font-size: <%=inp_fontsize%>px;\r\n    color: <%=inp_color%>;\r\n    letter-spacing: 0.3px;\r\n    padding-left: 12px;\r\n}\r\n #popmechanic-form .popmechanic-input input::placeholder {\r\n   color: <%=inp_color%>;\r\n   opacity: .6;\r\n   text-decoration: none;\r\n   font-style: normal;\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  height: 40px;\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  margin-left: -130px;\r\n  margin-top: 2px;\r\n  border-radius: 3px;\r\n  padding: 16px;\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      font-style: normal;\r\nfont-weight: 600;\r\nfont-size: 14px;\r\nline-height: 24px;\r\n  }\r\n  #popmechanic-form .popmechanic-approval {\r\n    font-size: <%=conf_fontsize%>px;\r\n    color: <%=conf_color%>;\r\n    font-style: normal;\r\n    font-weight: 400;\r\n    font-size: 14px;\r\n    line-height: 24px;\r\n    display: flex;\r\n    align-items: center;\r\n    width: 100%;\r\n    max-width:500px;\r\n    cursor: pointer;\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: #6EBC63;\r\n    border-radius: 4px;\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: 75%;\r\n    height: 75%;\r\n    opacity: 0;\r\n    fill: #FFF;\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-style: normal;\r\nfont-weight: 600;\r\nfont-size: 30px;\r\nline-height: 40px;\r\n    margin-bottom: 10px; }\r\n  #popmechanic-form .popmechanic-text {\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    margin-bottom: 14px; }\r\n  }\r\n  #popmechanic-form .popmechanic-thankyou .popmechanic-text {\r\n    font-style: normal;\r\nfont-weight: 600;\r\nfont-size: 32px;\r\nline-height: 40px;\r\n    text-align: center; \r\n    margin: 0 auto;\r\n    width: 100%;\r\n    margin-bottom: 12px;\r\n  }\r\n    #popmechanic-form .popmechanic-thankyou .caption {\r\n        font-style: normal;\r\nfont-weight: 400;\r\nfont-size: 20px;\r\nline-height: 28px;\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  flex-direction: column;\r\n    text-align: center;\r\n    align-items: center;\r\n    min-height: 200px;\r\n}\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<% } %>\r\n\r\n@media screen and (max-width: 540px) {\r\n    #popmechanic-form .popmechanic-inputs,\r\n    #popmechanic-form .popmechanic-input {\r\n        width: 100%;\r\n    }\r\n    \r\n    #popmechanic-form .popmechanic-header {\r\n        font-size: 22px;\r\n        line-height: 28px;\r\n    }\r\n    \r\n    #popmechanic-form button {\r\n        margin-left: 0;\r\n    }\r\n}", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 51718, "template": 1843, "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": 421, "externalId": "2f993ba2-cef6-4f61-a2e7-96b7e0cca2f7"}, "inSegmentByDefault": false}, "operator": "$check"}, {"id": "3", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 1779, "externalId": "fe826b91-f122-4569-83ef-cc8565617bc8"}, "inSegmentByDefault": true}, "operator": "$check"}, {"id": "4", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 1780, "externalId": "ed8727b5-70be-44af-82e9-e06d4a3051b6"}, "inSegmentByDefault": true}, "operator": "$check"}], "operator": "$and"}}, "settings_splits": [{"settings": {"img": "https://book24.ru/_ssr/img/subscription-img/envelope-heart-fill.svg", "img2": "https://static.popmechanic.ru/media/lifehacker/img/send.svg", "text": "\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0439\u0442\u0435 \u0435\u0433\u043e, \u043a\u043e\u0433\u0434\u0430 \u043d\u0443\u0436\u043d\u043e \u0432\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u0441\u0431\u043e\u0440 email <br>\u0432 \u043a\u043e\u043d\u0442\u0435\u043d\u0442\u0435 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b, \u0430 \u043d\u0435 \u043f\u043e\u0432\u0435\u0440\u0445 \u043d\u0435\u0433\u043e", "header": "\u0414\u0430\u0440\u0438\u043c 50 \u0431\u043e\u043d\u0443\u0441\u043e\u0432 \u0438 \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0439 \u043a\u0435\u0448\u0431\u044d\u043a \u043d\u0430 \u043a\u0430\u0436\u0434\u044b\u0439 \u0437\u0430\u043a\u0430\u0437!", "submit": "\u041f\u043e\u0434\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f", "img_top": "0.00", "pad_top": "36", "but_col1": "#FE6564", "but_col2": "#a32320", "img_left": "56.00", "show_img": "1", "btn_color": "#fafafa", "btn_width": "90", "form_font": "Roboto, sans-serif", "img_width": "132.00", "inp_color": "#242424", "inp_width": "460.00", "close_show": "0", "conf_color": "#242424", "inp_height": "44.00", "pad_bottom": "32.00", "show_title": "1", "custom_font": "Arial, sans-serif", "form_bg_img": "https://book24.ru/_ssr/img/backgrounds/subscriptions-main-bg.svg", "form_height": "150", "img_top_mob": "1", "lang_helper": "ru", "pad_top_mob": "15", "show_policy": "1", "title_color": "#242424", "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": "14.00", "conf_link_url": "#", "form_bg_color": "#EFCC4B", "img_width_mob": "150", "inp_width_mob": "300", "pad_right_mob": "15", "thankyou_text": "\u0421\u043f\u0430\u0441\u0438\u0431\u043e! \u041e\u0441\u0442\u0430\u043b\u043e\u0441\u044c \u043f\u043e\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u044c \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0443 \u0438 \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u043f\u043e\u0434\u0430\u0440\u043a\u0438.", "btn_height_mob": "52", "close_size_mob": "20", "conf_link_text": "\u043f\u043e\u043b\u0438\u0442\u0438\u043a\u0443", "form_width_mob": "320", "inp_height_mob": "45", "pad_bottom_mob": "15", "show_sub_title": "0", "title_fontsize": "24.00", "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": "#242424", "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": "\u042f \u0441\u043e\u0433\u043b\u0430\u0441\u0435\u043d \u043f\u043e\u043b\u0443\u0447\u0430\u0442\u044c \u0440\u0435\u043a\u043b\u0430\u043c\u043d\u044b\u0435 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u044f \u0438 \u0434\u0430\u044e \u0441\u0432\u043e\u0451 \u0441\u043e\u0433\u043b\u0430\u0441\u0438\u0435 \u043d\u0430\u00a0\u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445", "sub_title_fontsize": "16", "title_fontsize_mob": "25", "close_bg_color_desk": "#000000", "conf_text_post_link": "\u043d\u0430 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u0441\u0432\u043e\u0438\u0445 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445", "inputs_border_color": "#ffffff", "thanks_fontsize_mob": "16", "close_bg_transparency": "0.5", "sub_title_fontsize_mob": "14"}, "button_settings": {}, "conditions_splits": [], "id": 51143, "behavior_settings": {"lead": {"legal_text": ""}, "embedded": {"animation_out": "fadeOut"}}}], "pinned": false, "name": "b24: \u0424\u043e\u0440\u043c\u0430 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0438 \u0441 \u0431\u043e\u043d\u0443\u0441\u0430\u043c\u0438 (\u043a\u0430\u0442\u0435\u0433\u043e\u0440\u0438\u0438)", "active": true, "embed_selector": true, "selector": ".catalog-page__body .catalog__pagination", "placement": "after", "frequency": {"once_lifetime": false, "once_session": false, "priority": false, "minimal_timeout": null}, "start_date": null, "end_date": null, "day_of_week": [true, true, true, true, true, true, true], "start_time": null, "end_time": null, "timezone_minutes": 180, "custom_fields": [], "container_id": null, "child_forms": [], "salt": null, "control_group": null, "variants": [{"is_winner": false, "ab_test_variant_internal_id": null, "view_settings": {"button_template": null, "rendered_preview": "https://popmechanic-media.storage.yandexcloud.net/shots/form-51718.png?ts=1666371373729", "rendered_button_preview": null, "settings": {"img": "https://book24.ru/_ssr/img/subscription-img/envelope-heart-fill.svg", "img2": "https://static.popmechanic.ru/media/lifehacker/img/send.svg", "text": "\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0439\u0442\u0435 \u0435\u0433\u043e, \u043a\u043e\u0433\u0434\u0430 \u043d\u0443\u0436\u043d\u043e \u0432\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u0441\u0431\u043e\u0440 email <br>\u0432 \u043a\u043e\u043d\u0442\u0435\u043d\u0442\u0435 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b, \u0430 \u043d\u0435 \u043f\u043e\u0432\u0435\u0440\u0445 \u043d\u0435\u0433\u043e", "header": "\u0414\u0430\u0440\u0438\u043c 50 \u0431\u043e\u043d\u0443\u0441\u043e\u0432 \u0438 \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0439 \u043a\u0435\u0448\u0431\u044d\u043a \u043d\u0430 \u043a\u0430\u0436\u0434\u044b\u0439 \u0437\u0430\u043a\u0430\u0437!", "submit": "\u041f\u043e\u0434\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f", "img_top": "0.00", "pad_top": "36", "but_col1": "#FE6564", "but_col2": "#a32320", "img_left": "56.00", "show_img": "1", "btn_color": "#fafafa", "btn_width": "90", "form_font": "Roboto, sans-serif", "img_width": "132.00", "inp_color": "#242424", "inp_width": "460.00", "close_show": "0", "conf_color": "#242424", "inp_height": "44.00", "pad_bottom": "32.00", "show_title": "1", "custom_font": "Arial, sans-serif", "form_bg_img": "https://book24.ru/_ssr/img/backgrounds/subscriptions-main-bg.svg", "form_height": "150", "img_top_mob": "1", "lang_helper": "ru", "pad_top_mob": "15", "show_policy": "1", "title_color": "#242424", "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": "14.00", "conf_link_url": "#", "form_bg_color": "#EFCC4B", "img_width_mob": "150", "inp_width_mob": "300", "pad_right_mob": "15", "thankyou_text": "\u0421\u043f\u0430\u0441\u0438\u0431\u043e! \u041e\u0441\u0442\u0430\u043b\u043e\u0441\u044c \u043f\u043e\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u044c \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0443 \u0438 \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u043f\u043e\u0434\u0430\u0440\u043a\u0438.", "btn_height_mob": "52", "close_size_mob": "20", "conf_link_text": "\u043f\u043e\u043b\u0438\u0442\u0438\u043a\u0443", "form_width_mob": "320", "inp_height_mob": "45", "pad_bottom_mob": "15", "show_sub_title": "0", "title_fontsize": "24.00", "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": "#242424", "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": "\u042f \u0441\u043e\u0433\u043b\u0430\u0441\u0435\u043d \u043f\u043e\u043b\u0443\u0447\u0430\u0442\u044c \u0440\u0435\u043a\u043b\u0430\u043c\u043d\u044b\u0435 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u044f \u0438 \u0434\u0430\u044e \u0441\u0432\u043e\u0451 \u0441\u043e\u0433\u043b\u0430\u0441\u0438\u0435 \u043d\u0430\u00a0\u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445", "sub_title_fontsize": "16", "title_fontsize_mob": "25", "close_bg_color_desk": "#000000", "conf_text_post_link": "\u043d\u0430 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u0441\u0432\u043e\u0438\u0445 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445", "inputs_border_color": "#ffffff", "thanks_fontsize_mob": "16", "close_bg_transparency": "0.5", "sub_title_fontsize_mob": "14"}, "button_settings": {}, "behavior_settings": {"lead": {"legal_text": ""}, "embedded": {"animation_out": "fadeOut"}}, "html": "<% try {\r\n\tlang_helper = lang_helper;\r\n\tclose_show = close_show;\r\n\t} catch (e) {\r\n\t\tlang_helper = \"ru\"\r\n\t\tclose_show = 0\r\n\t}\r\n%>\r\n\r\n<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\r\n\t\t\t<div class=\"popmechanic-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, \u0441\u0435\u043a\u0440\u0435\u0442\u043d\u044b\u0445 \u0441\u043a\u0438\u0434\u043a\u0430\u0445 \u0438 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u044f\u0445.</div>\r\n\t\t\r\n\t\t\t\r\n\t\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=\"E-mail\">\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<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>\u042f \u0441\u043e\u0433\u043b\u0430\u0441\u0435\u043d \u043f\u043e\u043b\u0443\u0447\u0430\u0442\u044c \u0440\u0435\u043a\u043b\u0430\u043c\u043d\u044b\u0435 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u044f \u0438 \u0434\u0430\u044e \u0441\u0432\u043e\u0451 \u0441\u043e\u0433\u043b\u0430\u0441\u0438\u0435 \u043d\u0430\u00a0\u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445</span>\r\n\t\t\t</label>\r\n\t\t\t<% } %>\r\n\t\t</div>\r\n\t\t</div>\r\n\r\n\t\t\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\t<div class=\"caption\">\u041f\u0440\u043e\u0432\u0435\u0440\u044c\u0442\u0435 \u0441\u0432\u043e\u044e \u043f\u043e\u0447\u0442\u0443. \u0412\u0430\u043c \u043e\u0442\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u043e \u043f\u0438\u0441\u044c\u043c\u043e</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: 2;\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    background-image: url('https://book24.ru/_ssr/img/backgrounds/subscriptions-main-bg.svg');\r\n    background-position: 50% 50%;\r\n    background-repeat: no-repeat;\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    border-radius: 20px;\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    flex-wrap: wrap;\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: 70px; }\r\n  #popmechanic-form .popmechanic-content {\r\n    max-width: 670px;\r\n    margin-right: 20px; }\r\n  #popmechanic-form .popmechanic-inputs {\r\n    display: flex;\r\n    align-items: stretch;\r\n    margin-bottom: 24px;\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: #FFF;\r\n    border-radius: 4px;\r\n    font-size: <%=inp_fontsize%>px;\r\n    color: <%=inp_color%>;\r\n    letter-spacing: 0.3px;\r\n    padding-left: 12px;\r\n}\r\n #popmechanic-form .popmechanic-input input::placeholder {\r\n   color: <%=inp_color%>;\r\n   opacity: .6;\r\n   text-decoration: none;\r\n   font-style: normal;\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  height: 40px;\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  margin-left: -130px;\r\n  margin-top: 2px;\r\n  border-radius: 3px;\r\n  padding: 16px;\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      font-style: normal;\r\nfont-weight: 600;\r\nfont-size: 14px;\r\nline-height: 24px;\r\n  }\r\n  #popmechanic-form .popmechanic-approval {\r\n    font-size: <%=conf_fontsize%>px;\r\n    color: <%=conf_color%>;\r\n    font-style: normal;\r\n    font-weight: 400;\r\n    font-size: 14px;\r\n    line-height: 24px;\r\n    display: flex;\r\n    align-items: center;\r\n    width: 100%;\r\n    max-width:500px;\r\n    cursor: pointer;\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: #6EBC63;\r\n    border-radius: 4px;\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: 75%;\r\n    height: 75%;\r\n    opacity: 0;\r\n    fill: #FFF;\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-style: normal;\r\nfont-weight: 600;\r\nfont-size: 30px;\r\nline-height: 40px;\r\n    margin-bottom: 10px; }\r\n  #popmechanic-form .popmechanic-text {\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    margin-bottom: 14px; }\r\n  }\r\n  #popmechanic-form .popmechanic-thankyou .popmechanic-text {\r\n    font-style: normal;\r\nfont-weight: 600;\r\nfont-size: 32px;\r\nline-height: 40px;\r\n    text-align: center; \r\n    margin: 0 auto;\r\n    width: 100%;\r\n    margin-bottom: 12px;\r\n  }\r\n    #popmechanic-form .popmechanic-thankyou .caption {\r\n        font-style: normal;\r\nfont-weight: 400;\r\nfont-size: 20px;\r\nline-height: 28px;\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  flex-direction: column;\r\n    text-align: center;\r\n    align-items: center;\r\n    min-height: 200px;\r\n}\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<% } %>\r\n\r\n@media screen and (max-width: 540px) {\r\n    #popmechanic-form .popmechanic-inputs,\r\n    #popmechanic-form .popmechanic-input {\r\n        width: 100%;\r\n    }\r\n    \r\n    #popmechanic-form .popmechanic-header {\r\n        font-size: 22px;\r\n        line-height: 28px;\r\n    }\r\n    \r\n    #popmechanic-form button {\r\n        margin-left: 0;\r\n    }\r\n}", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 51717, "template": 1843, "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": 421, "externalId": "2f993ba2-cef6-4f61-a2e7-96b7e0cca2f7"}, "inSegmentByDefault": false}, "operator": "$check"}, {"id": "3", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 1779, "externalId": "fe826b91-f122-4569-83ef-cc8565617bc8"}, "inSegmentByDefault": true}, "operator": "$check"}, {"id": "4", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 1780, "externalId": "ed8727b5-70be-44af-82e9-e06d4a3051b6"}, "inSegmentByDefault": true}, "operator": "$check"}], "operator": "$and"}}, "settings_splits": [{"settings": {"img": "https://book24.ru/_ssr/img/subscription-img/envelope-heart-fill.svg", "img2": "https://static.popmechanic.ru/media/lifehacker/img/send.svg", "text": "\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0439\u0442\u0435 \u0435\u0433\u043e, \u043a\u043e\u0433\u0434\u0430 \u043d\u0443\u0436\u043d\u043e \u0432\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u0441\u0431\u043e\u0440 email <br>\u0432 \u043a\u043e\u043d\u0442\u0435\u043d\u0442\u0435 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b, \u0430 \u043d\u0435 \u043f\u043e\u0432\u0435\u0440\u0445 \u043d\u0435\u0433\u043e", "header": "\u0414\u0430\u0440\u0438\u043c 50 \u0431\u043e\u043d\u0443\u0441\u043e\u0432 \u0438 \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0439 \u043a\u0435\u0448\u0431\u044d\u043a \u043d\u0430 \u043a\u0430\u0436\u0434\u044b\u0439 \u0437\u0430\u043a\u0430\u0437!", "submit": "\u041f\u043e\u0434\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f", "img_top": "0.00", "pad_top": "45.00", "but_col1": "#FE6564", "but_col2": "#a32320", "img_left": "56.00", "show_img": "1", "btn_color": "#fafafa", "btn_width": "90", "form_font": "Roboto, sans-serif", "img_width": "132.00", "inp_color": "#242424", "inp_width": "460.00", "close_show": "0", "conf_color": "#242424", "inp_height": "44.00", "pad_bottom": "32.00", "show_title": "1", "custom_font": "Arial, sans-serif", "form_bg_img": "https://book24.ru/_ssr/img/backgrounds/subscriptions-main-bg.svg", "form_height": "150", "img_top_mob": "1", "lang_helper": "ru", "pad_top_mob": "15", "show_policy": "1", "title_color": "#242424", "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": "14.00", "conf_link_url": "#", "form_bg_color": "#EFCC4B", "img_width_mob": "150", "inp_width_mob": "300", "pad_right_mob": "15", "thankyou_text": "\u0421\u043f\u0430\u0441\u0438\u0431\u043e! \u041e\u0441\u0442\u0430\u043b\u043e\u0441\u044c \u043f\u043e\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u044c \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0443 \u0438 \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u043f\u043e\u0434\u0430\u0440\u043a\u0438.", "btn_height_mob": "52", "close_size_mob": "20", "conf_link_text": "\u043f\u043e\u043b\u0438\u0442\u0438\u043a\u0443", "form_width_mob": "320", "inp_height_mob": "45", "pad_bottom_mob": "15", "show_sub_title": "0", "title_fontsize": "24.00", "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": "#242424", "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": "\u042f \u0441\u043e\u0433\u043b\u0430\u0441\u0435\u043d \u043f\u043e\u043b\u0443\u0447\u0430\u0442\u044c \u0440\u0435\u043a\u043b\u0430\u043c\u043d\u044b\u0435 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u044f \u0438 \u0434\u0430\u044e \u0441\u0432\u043e\u0451 \u0441\u043e\u0433\u043b\u0430\u0441\u0438\u0435 \u043d\u0430\u00a0\u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445", "sub_title_fontsize": "16", "title_fontsize_mob": "25", "close_bg_color_desk": "#000000", "conf_text_post_link": "\u043d\u0430 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u0441\u0432\u043e\u0438\u0445 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445", "inputs_border_color": "#ffffff", "thanks_fontsize_mob": "16", "close_bg_transparency": "0.5", "sub_title_fontsize_mob": "14"}, "button_settings": {}, "conditions_splits": [], "id": 51142, "behavior_settings": {"lead": {"legal_text": ""}, "embedded": {"animation_out": "fadeOut"}}}], "pinned": false, "name": "b24: \u0424\u043e\u0440\u043c\u0430 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0438 \u0441 \u0431\u043e\u043d\u0443\u0441\u0430\u043c\u0438 (\u0430\u043a\u0446\u0438\u0438)", "active": true, "embed_selector": true, "selector": ".sales-page__container .sales-tabs-item:nth-child(6)", "placement": "after", "frequency": {"once_lifetime": false, "once_session": false, "priority": false, "minimal_timeout": null}, "start_date": null, "end_date": null, "day_of_week": [true, true, true, true, true, true, true], "start_time": null, "end_time": null, "timezone_minutes": 180, "custom_fields": [], "container_id": null, "child_forms": [], "salt": null, "control_group": null, "variants": [{"is_winner": false, "ab_test_variant_internal_id": null, "view_settings": {"button_template": null, "rendered_preview": "https://popmechanic-media.storage.yandexcloud.net/shots/form-51717.png?ts=1666370911174", "rendered_button_preview": null, "settings": {"img": "https://book24.ru/_ssr/img/subscription-img/envelope-heart-fill.svg", "img2": "https://static.popmechanic.ru/media/lifehacker/img/send.svg", "text": "\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0439\u0442\u0435 \u0435\u0433\u043e, \u043a\u043e\u0433\u0434\u0430 \u043d\u0443\u0436\u043d\u043e \u0432\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u0441\u0431\u043e\u0440 email <br>\u0432 \u043a\u043e\u043d\u0442\u0435\u043d\u0442\u0435 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b, \u0430 \u043d\u0435 \u043f\u043e\u0432\u0435\u0440\u0445 \u043d\u0435\u0433\u043e", "header": "\u0414\u0430\u0440\u0438\u043c 50 \u0431\u043e\u043d\u0443\u0441\u043e\u0432 \u0438 \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0439 \u043a\u0435\u0448\u0431\u044d\u043a \u043d\u0430 \u043a\u0430\u0436\u0434\u044b\u0439 \u0437\u0430\u043a\u0430\u0437!", "submit": "\u041f\u043e\u0434\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f", "img_top": "0.00", "pad_top": "45.00", "but_col1": "#FE6564", "but_col2": "#a32320", "img_left": "56.00", "show_img": "1", "btn_color": "#fafafa", "btn_width": "90", "form_font": "Roboto, sans-serif", "img_width": "132.00", "inp_color": "#242424", "inp_width": "460.00", "close_show": "0", "conf_color": "#242424", "inp_height": "44.00", "pad_bottom": "32.00", "show_title": "1", "custom_font": "Arial, sans-serif", "form_bg_img": "https://book24.ru/_ssr/img/backgrounds/subscriptions-main-bg.svg", "form_height": "150", "img_top_mob": "1", "lang_helper": "ru", "pad_top_mob": "15", "show_policy": "1", "title_color": "#242424", "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": "14.00", "conf_link_url": "#", "form_bg_color": "#EFCC4B", "img_width_mob": "150", "inp_width_mob": "300", "pad_right_mob": "15", "thankyou_text": "\u0421\u043f\u0430\u0441\u0438\u0431\u043e! \u041e\u0441\u0442\u0430\u043b\u043e\u0441\u044c \u043f\u043e\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u044c \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0443 \u0438 \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u043f\u043e\u0434\u0430\u0440\u043a\u0438.", "btn_height_mob": "52", "close_size_mob": "20", "conf_link_text": "\u043f\u043e\u043b\u0438\u0442\u0438\u043a\u0443", "form_width_mob": "320", "inp_height_mob": "45", "pad_bottom_mob": "15", "show_sub_title": "0", "title_fontsize": "24.00", "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": "#242424", "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": "\u042f \u0441\u043e\u0433\u043b\u0430\u0441\u0435\u043d \u043f\u043e\u043b\u0443\u0447\u0430\u0442\u044c \u0440\u0435\u043a\u043b\u0430\u043c\u043d\u044b\u0435 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u044f \u0438 \u0434\u0430\u044e \u0441\u0432\u043e\u0451 \u0441\u043e\u0433\u043b\u0430\u0441\u0438\u0435 \u043d\u0430\u00a0\u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445", "sub_title_fontsize": "16", "title_fontsize_mob": "25", "close_bg_color_desk": "#000000", "conf_text_post_link": "\u043d\u0430 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u0441\u0432\u043e\u0438\u0445 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445", "inputs_border_color": "#ffffff", "thanks_fontsize_mob": "16", "close_bg_transparency": "0.5", "sub_title_fontsize_mob": "14"}, "button_settings": {}, "behavior_settings": {"lead": {"legal_text": ""}, "embedded": {"animation_out": "fadeOut"}}, "html": "<% try {\r\n\tlang_helper = lang_helper;\r\n\tclose_show = close_show;\r\n\t} catch (e) {\r\n\t\tlang_helper = \"ru\"\r\n\t\tclose_show = 0\r\n\t}\r\n%>\r\n<style>\r\n    .popmechanic-js-container.popmechanic-desktop{\r\n     margin-top:30px;   \r\n    }\r\n</style>\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\r\n\t\t\t<div class=\"popmechanic-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, \u0441\u0435\u043a\u0440\u0435\u0442\u043d\u044b\u0445 \u0441\u043a\u0438\u0434\u043a\u0430\u0445 \u0438 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u044f\u0445.</div>\r\n\t\t\r\n\t\t\t\r\n\t\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=\"E-mail\">\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<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>\u042f \u0441\u043e\u0433\u043b\u0430\u0441\u0435\u043d \u043f\u043e\u043b\u0443\u0447\u0430\u0442\u044c \u0440\u0435\u043a\u043b\u0430\u043c\u043d\u044b\u0435 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u044f \u0438 \u0434\u0430\u044e \u0441\u0432\u043e\u0451 \u0441\u043e\u0433\u043b\u0430\u0441\u0438\u0435 \u043d\u0430\u00a0\u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445</span>\r\n\t\t\t</label>\r\n\t\t\t<% } %>\r\n\t\t</div>\r\n\t\t</div>\r\n\r\n\t\t\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\t<div class=\"caption\">\u041f\u0440\u043e\u0432\u0435\u0440\u044c\u0442\u0435 \u0441\u0432\u043e\u044e \u043f\u043e\u0447\u0442\u0443. \u0412\u0430\u043c \u043e\u0442\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u043e \u043f\u0438\u0441\u044c\u043c\u043e</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: 2;\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    background-image: url('https://book24.ru/_ssr/img/backgrounds/subscriptions-main-bg.svg');\r\n    background-position: 50% 50%;\r\n    background-repeat: no-repeat;\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    border-radius: 20px;\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    flex-wrap: wrap;\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: 70px; }\r\n  #popmechanic-form .popmechanic-content {\r\n    max-width: 670px;\r\n    margin-right: 20px; }\r\n  #popmechanic-form .popmechanic-inputs {\r\n    display: flex;\r\n    align-items: stretch;\r\n    margin-bottom: 24px;\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: #FFF;\r\n    border-radius: 4px;\r\n    font-size: <%=inp_fontsize%>px;\r\n    color: <%=inp_color%>;\r\n    letter-spacing: 0.3px;\r\n    padding-left: 12px;\r\n}\r\n #popmechanic-form .popmechanic-input input::placeholder {\r\n   color: <%=inp_color%>;\r\n   opacity: .6;\r\n   text-decoration: none;\r\n   font-style: normal;\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  height: 40px;\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  margin-left: -130px;\r\n  margin-top: 2px;\r\n  border-radius: 3px;\r\n  padding: 16px;\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      font-style: normal;\r\nfont-weight: 600;\r\nfont-size: 14px;\r\nline-height: 24px;\r\n  }\r\n  #popmechanic-form .popmechanic-approval {\r\n    font-size: <%=conf_fontsize%>px;\r\n    color: <%=conf_color%>;\r\n    font-style: normal;\r\n    font-weight: 400;\r\n    font-size: 14px;\r\n    line-height: 24px;\r\n    display: flex;\r\n    align-items: center;\r\n    width: 100%;\r\n    max-width:500px;\r\n    cursor: pointer;\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: #6EBC63;\r\n    border-radius: 4px;\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: 75%;\r\n    height: 75%;\r\n    opacity: 0;\r\n    fill: #FFF;\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-style: normal;\r\nfont-weight: 600;\r\nfont-size: 30px;\r\nline-height: 40px;\r\n    margin-bottom: 10px; }\r\n  #popmechanic-form .popmechanic-text {\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    margin-bottom: 14px; }\r\n  }\r\n  #popmechanic-form .popmechanic-thankyou .popmechanic-text {\r\n    font-style: normal;\r\nfont-weight: 600;\r\nfont-size: 32px;\r\nline-height: 40px;\r\n    text-align: center; \r\n    margin: 0 auto;\r\n    width: 100%;\r\n    margin-bottom: 12px;\r\n  }\r\n    #popmechanic-form .popmechanic-thankyou .caption {\r\n        font-style: normal;\r\nfont-weight: 400;\r\nfont-size: 20px;\r\nline-height: 28px;\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  flex-direction: column;\r\n    text-align: center;\r\n    align-items: center;\r\n    min-height: 200px;\r\n}\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<% } %>\r\n\r\n@media screen and (max-width: 540px) {\r\n    #popmechanic-form .popmechanic-inputs,\r\n    #popmechanic-form .popmechanic-input {\r\n        width: 100%;\r\n    }\r\n    \r\n    #popmechanic-form .popmechanic-header {\r\n        font-size: 22px;\r\n        line-height: 28px;\r\n    }\r\n    \r\n    #popmechanic-form button {\r\n        margin-left: 0;\r\n    }\r\n}", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 50107, "template": 1843, "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": 421, "externalId": "2f993ba2-cef6-4f61-a2e7-96b7e0cca2f7"}, "inSegmentByDefault": false}, "operator": "$check"}, {"id": "3", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 1779, "externalId": "fe826b91-f122-4569-83ef-cc8565617bc8"}, "inSegmentByDefault": true}, "operator": "$check"}, {"id": "4", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 1780, "externalId": "ed8727b5-70be-44af-82e9-e06d4a3051b6"}, "inSegmentByDefault": true}, "operator": "$check"}], "operator": "$and"}}, "settings_splits": [{"settings": {"img": "https://book24.ru/_ssr/img/subscription-img/envelope-heart-fill.svg", "img2": "https://static.popmechanic.ru/media/lifehacker/img/send.svg", "text": "\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0439\u0442\u0435 \u0435\u0433\u043e, \u043a\u043e\u0433\u0434\u0430 \u043d\u0443\u0436\u043d\u043e \u0432\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u0441\u0431\u043e\u0440 email <br>\u0432 \u043a\u043e\u043d\u0442\u0435\u043d\u0442\u0435 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b, \u0430 \u043d\u0435 \u043f\u043e\u0432\u0435\u0440\u0445 \u043d\u0435\u0433\u043e", "header": "\u0414\u0430\u0440\u0438\u043c 50 \u0431\u043e\u043d\u0443\u0441\u043e\u0432 \u0438 \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0439 \u043a\u0435\u0448\u0431\u044d\u043a \u043d\u0430 \u043a\u0430\u0436\u0434\u044b\u0439 \u0437\u0430\u043a\u0430\u0437!", "submit": "\u041f\u043e\u0434\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f", "img_top": "0.00", "pad_top": "36", "but_col1": "#FE6564", "but_col2": "#a32320", "img_left": "56.00", "show_img": "1", "btn_color": "#fafafa", "btn_width": "90", "form_font": "Roboto, sans-serif", "img_width": "132.00", "inp_color": "#242424", "inp_width": "460.00", "close_show": "0", "conf_color": "#242424", "inp_height": "44.00", "pad_bottom": "32.00", "show_title": "1", "custom_font": "Arial, sans-serif", "form_bg_img": "https://book24.ru/_ssr/img/backgrounds/subscriptions-main-bg.svg", "form_height": "150", "img_top_mob": "1", "lang_helper": "ru", "pad_top_mob": "15", "show_policy": "1", "title_color": "#242424", "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": "14.00", "conf_link_url": "#", "form_bg_color": "#EFCC4B", "img_width_mob": "150", "inp_width_mob": "300", "pad_right_mob": "15", "thankyou_text": "\u0421\u043f\u0430\u0441\u0438\u0431\u043e! \u041e\u0441\u0442\u0430\u043b\u043e\u0441\u044c \u043f\u043e\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u044c \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0443 \u0438 \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u043f\u043e\u0434\u0430\u0440\u043a\u0438.", "btn_height_mob": "52", "close_size_mob": "20", "conf_link_text": "\u043f\u043e\u043b\u0438\u0442\u0438\u043a\u0443", "form_width_mob": "320", "inp_height_mob": "45", "pad_bottom_mob": "15", "show_sub_title": "0", "title_fontsize": "24.00", "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": "#242424", "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": "\u042f \u0441\u043e\u0433\u043b\u0430\u0441\u0435\u043d \u043f\u043e\u043b\u0443\u0447\u0430\u0442\u044c \u0440\u0435\u043a\u043b\u0430\u043c\u043d\u044b\u0435 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u044f \u0438 \u0434\u0430\u044e \u0441\u0432\u043e\u0451 \u0441\u043e\u0433\u043b\u0430\u0441\u0438\u0435 \u043d\u0430\u00a0\u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445", "sub_title_fontsize": "16", "title_fontsize_mob": "25", "close_bg_color_desk": "#000000", "conf_text_post_link": "\u043d\u0430 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u0441\u0432\u043e\u0438\u0445 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445", "inputs_border_color": "#ffffff", "thanks_fontsize_mob": "16", "close_bg_transparency": "0.5", "sub_title_fontsize_mob": "14"}, "button_settings": {}, "conditions_splits": [], "id": 49545, "behavior_settings": {"lead": {"legal_text": ""}, "embedded": {"animation_out": "fadeOut"}}}], "pinned": false, "name": "b24: \u0424\u043e\u0440\u043c\u0430 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0438 \u0441 \u0431\u043e\u043d\u0443\u0441\u0430\u043c\u0438 (\u043d\u0430 \u0433\u043b\u0430\u0432\u043d\u043e\u0439)", "active": true, "embed_selector": true, "selector": ".page-wrap__main .app-section:nth-child(6)", "placement": "after", "frequency": {"once_lifetime": false, "once_session": false, "priority": false, "minimal_timeout": null}, "start_date": null, "end_date": null, "day_of_week": [true, true, true, true, true, true, true], "start_time": null, "end_time": null, "timezone_minutes": 180, "custom_fields": [], "container_id": null, "child_forms": [], "salt": null, "control_group": null, "variants": [{"is_winner": false, "ab_test_variant_internal_id": null, "view_settings": {"button_template": null, "rendered_preview": "https://popmechanic-media.storage.yandexcloud.net/shots/form-50107.png?ts=1666367600144", "rendered_button_preview": null, "settings": {"img": "https://book24.ru/_ssr/img/subscription-img/envelope-heart-fill.svg", "img2": "https://static.popmechanic.ru/media/lifehacker/img/send.svg", "text": "\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0439\u0442\u0435 \u0435\u0433\u043e, \u043a\u043e\u0433\u0434\u0430 \u043d\u0443\u0436\u043d\u043e \u0432\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u0441\u0431\u043e\u0440 email <br>\u0432 \u043a\u043e\u043d\u0442\u0435\u043d\u0442\u0435 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b, \u0430 \u043d\u0435 \u043f\u043e\u0432\u0435\u0440\u0445 \u043d\u0435\u0433\u043e", "header": "\u0414\u0430\u0440\u0438\u043c 50 \u0431\u043e\u043d\u0443\u0441\u043e\u0432 \u0438 \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0439 \u043a\u0435\u0448\u0431\u044d\u043a \u043d\u0430 \u043a\u0430\u0436\u0434\u044b\u0439 \u0437\u0430\u043a\u0430\u0437!", "submit": "\u041f\u043e\u0434\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f", "img_top": "0.00", "pad_top": "36", "but_col1": "#FE6564", "but_col2": "#a32320", "img_left": "56.00", "show_img": "1", "btn_color": "#fafafa", "btn_width": "90", "form_font": "Roboto, sans-serif", "img_width": "132.00", "inp_color": "#242424", "inp_width": "460.00", "close_show": "0", "conf_color": "#242424", "inp_height": "44.00", "pad_bottom": "32.00", "show_title": "1", "custom_font": "Arial, sans-serif", "form_bg_img": "https://book24.ru/_ssr/img/backgrounds/subscriptions-main-bg.svg", "form_height": "150", "img_top_mob": "1", "lang_helper": "ru", "pad_top_mob": "15", "show_policy": "1", "title_color": "#242424", "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": "14.00", "conf_link_url": "#", "form_bg_color": "#EFCC4B", "img_width_mob": "150", "inp_width_mob": "300", "pad_right_mob": "15", "thankyou_text": "\u0421\u043f\u0430\u0441\u0438\u0431\u043e! \u041e\u0441\u0442\u0430\u043b\u043e\u0441\u044c \u043f\u043e\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u044c \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0443 \u0438 \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u043f\u043e\u0434\u0430\u0440\u043a\u0438.", "btn_height_mob": "52", "close_size_mob": "20", "conf_link_text": "\u043f\u043e\u043b\u0438\u0442\u0438\u043a\u0443", "form_width_mob": "320", "inp_height_mob": "45", "pad_bottom_mob": "15", "show_sub_title": "0", "title_fontsize": "24.00", "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": "#242424", "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": "\u042f \u0441\u043e\u0433\u043b\u0430\u0441\u0435\u043d \u043f\u043e\u043b\u0443\u0447\u0430\u0442\u044c \u0440\u0435\u043a\u043b\u0430\u043c\u043d\u044b\u0435 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u044f \u0438 \u0434\u0430\u044e \u0441\u0432\u043e\u0451 \u0441\u043e\u0433\u043b\u0430\u0441\u0438\u0435 \u043d\u0430\u00a0\u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445", "sub_title_fontsize": "16", "title_fontsize_mob": "25", "close_bg_color_desk": "#000000", "conf_text_post_link": "\u043d\u0430 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u0441\u0432\u043e\u0438\u0445 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445", "inputs_border_color": "#ffffff", "thanks_fontsize_mob": "16", "close_bg_transparency": "0.5", "sub_title_fontsize_mob": "14"}, "button_settings": {}, "behavior_settings": {"lead": {"legal_text": ""}, "embedded": {"animation_out": "fadeOut"}}, "html": "<% try {\r\n\tlang_helper = lang_helper;\r\n\tclose_show = close_show;\r\n\t} catch (e) {\r\n\t\tlang_helper = \"ru\"\r\n\t\tclose_show = 0\r\n\t}\r\n%>\r\n<style>\r\n    .popmechanic-desktop.popmechanic-js-container{\r\n    max-width: 1600px;\r\n    min-width: 1024px;\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n    padding-left: 30px;\r\n    padding-right: 30px;\r\n    }\r\n</style>\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\r\n\t\t\t<div class=\"popmechanic-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, \u0441\u0435\u043a\u0440\u0435\u0442\u043d\u044b\u0445 \u0441\u043a\u0438\u0434\u043a\u0430\u0445 \u0438 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u044f\u0445.</div>\r\n\t\t\r\n\t\t\t\r\n\t\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=\"E-mail\">\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<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>\u042f \u0441\u043e\u0433\u043b\u0430\u0441\u0435\u043d \u043f\u043e\u043b\u0443\u0447\u0430\u0442\u044c \u0440\u0435\u043a\u043b\u0430\u043c\u043d\u044b\u0435 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u044f \u0438 \u0434\u0430\u044e \u0441\u0432\u043e\u0451 \u0441\u043e\u0433\u043b\u0430\u0441\u0438\u0435 \u043d\u0430\u00a0\u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445</span>\r\n\t\t\t</label>\r\n\t\t\t<% } %>\r\n\t\t</div>\r\n\t\t</div>\r\n\r\n\t\t\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\t<div class=\"caption\">\u041f\u0440\u043e\u0432\u0435\u0440\u044c\u0442\u0435 \u0441\u0432\u043e\u044e \u043f\u043e\u0447\u0442\u0443. \u0412\u0430\u043c \u043e\u0442\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u043e \u043f\u0438\u0441\u044c\u043c\u043e</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: 2;\r\n  \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    background-image: url('https://book24.ru/_ssr/img/backgrounds/subscriptions-main-bg.svg');\r\n    background-position: 50% 50%;\r\n    background-repeat: no-repeat;\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    border-radius: 20px;\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    flex-wrap: wrap;\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: 70px; }\r\n  #popmechanic-form .popmechanic-content {\r\n    max-width: 670px;\r\n    margin-right: 20px; }\r\n  #popmechanic-form .popmechanic-inputs {\r\n    display: flex;\r\n    align-items: stretch;\r\n    margin-bottom: 24px;\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: #FFF;\r\n    border-radius: 4px;\r\n    font-size: <%=inp_fontsize%>px;\r\n    color: <%=inp_color%>;\r\n    letter-spacing: 0.3px;\r\n    padding-left: 12px;\r\n}\r\n #popmechanic-form .popmechanic-input input::placeholder {\r\n   color: <%=inp_color%>;\r\n   opacity: .6;\r\n   text-decoration: none;\r\n   font-style: normal;\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  height: 40px;\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  margin-left: -130px;\r\n  margin-top: 2px;\r\n  border-radius: 3px;\r\n  padding: 16px;\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      font-style: normal;\r\nfont-weight: 600;\r\nfont-size: 14px;\r\nline-height: 24px;\r\n  }\r\n  #popmechanic-form .popmechanic-approval {\r\n    font-size: <%=conf_fontsize%>px;\r\n    color: <%=conf_color%>;\r\n    font-style: normal;\r\n    font-weight: 400;\r\n    font-size: 14px;\r\n    line-height: 24px;\r\n    display: flex;\r\n    align-items: center;\r\n    width: 100%;\r\n    max-width:500px;\r\n    cursor: pointer;\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: #6EBC63;\r\n    border-radius: 4px;\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: 75%;\r\n    height: 75%;\r\n    opacity: 0;\r\n    fill: #FFF;\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-style: normal;\r\nfont-weight: 600;\r\nfont-size: 30px;\r\nline-height: 40px;\r\n    margin-bottom: 10px; }\r\n  #popmechanic-form .popmechanic-text {\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    margin-bottom: 14px; }\r\n  }\r\n  #popmechanic-form .popmechanic-thankyou .popmechanic-text {\r\n    font-style: normal;\r\nfont-weight: 600;\r\nfont-size: 32px;\r\nline-height: 40px;\r\n    text-align: center; \r\n    margin: 0 auto;\r\n    width: 100%;\r\n    margin-bottom: 12px;\r\n  }\r\n    #popmechanic-form .popmechanic-thankyou .caption {\r\n        font-style: normal;\r\nfont-weight: 400;\r\nfont-size: 20px;\r\nline-height: 28px;\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  flex-direction: column;\r\n    text-align: center;\r\n    align-items: center;\r\n    min-height: 200px;\r\n}\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<% } %>\r\n\r\n@media screen and (max-width: 540px) {\r\n    #popmechanic-form .popmechanic-inputs,\r\n    #popmechanic-form .popmechanic-input {\r\n        width: 100%;\r\n    }\r\n    \r\n    #popmechanic-form .popmechanic-header {\r\n        font-size: 22px;\r\n        line-height: 28px;\r\n    }\r\n    \r\n    #popmechanic-form button {\r\n        margin-left: 0;\r\n    }\r\n}", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}], "templates": [{"id": 886, "html": "<div id=\"popmechanic-form\">\r\n    <% if (parseInt(showurl)) { %>\r\n    <a class=\"popmechanic-link\" href=\"<%=url%>\" target=\"_blank\" data-popmechanic-submit>\r\n    <% } %>\r\n        <img src=\"<%=image%>\"/>\r\n    <% if (parseInt(showurl)) { %> </a> <% } %>\r\n    \r\n    <div class=\"popmechanic-close\" data-popmechanic-close>&times;</div>\r\n</div>", "css": "#popmechanic-form {\r\n    width: <%=width%>px;\r\n    \r\n}\r\n<% if (parseInt(showtransform)) { %>\r\n\r\n#popmechanic-form:hover {\r\n      -webkit-transform: scale(1.03);\r\n  -ms-transform: scale(1.03);\r\n  transform: scale(1.03);\r\n}\r\n                        <% } %>\r\n\r\n#popmechanic-form .popmechanic-link {\r\n    display: block;\r\n}\r\n#popmechanic-form img {\r\n    display: block;\r\n    width: <%=width%>px;\r\n    height: auto;\r\n    border: <%=form_border_width%>px solid <%=form_border_color%>;\r\n    border-radius: <%=form_border_radius%>px;\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n#popmechanic-form .popmechanic-close {\r\n    font-size: <%=cl_size%>px;\r\n    line-height: 20px;\r\n    position: absolute;\r\n     cursor: pointer;\r\n    outline: none;\r\n    top: <%=otstup1%>px;\r\n    right: <%=otstup2%>px;\r\n    color: <%=cl_col%>;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form {\r\n    width: <%=width_mobile%>px;\r\n    \r\n}\r\n.popmechanic-mobile #popmechanic-form img {\r\n    width: <%=width_mobile%>px;\r\n    border: <%=form_border_width2%>px solid <%=form_border_color%>;\r\n    box-sizing: border-box;\r\n}", "button": "", "on_show": "", "on_close": "", "embed_code": "", "behaviors": ["info", "partscreen"], "template_type": "popup-info", "need_reset": true, "parameters": [], "on_targeting_ready": "", "on_child_ready": ""}, {"id": 1843, "html": "<% try {\r\n\tlang_helper = lang_helper;\r\n\tclose_show = close_show;\r\n\t} catch (e) {\r\n\t\tlang_helper = \"ru\"\r\n\t\tclose_show = 0\r\n\t}\r\n%>\r\n\r\n<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": 44307, "form": 50107, "filter": null, "filter_type": null, "account": 34927, "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-50107", "subscriptions": [{"pointOfContact": "Email"}]}, {"id": 45377, "form": 51718, "filter": null, "filter_type": null, "account": 34927, "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-51718", "subscriptions": [{"pointOfContact": "Email"}]}, {"id": 45379, "form": 51719, "filter": null, "filter_type": null, "account": 34927, "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-51719", "subscriptions": [{"pointOfContact": "Email"}]}, {"id": 45381, "form": 51720, "filter": null, "filter_type": null, "account": 34927, "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-51720", "subscriptions": [{"pointOfContact": "Email"}]}, {"id": 45375, "form": 51717, "filter": null, "filter_type": null, "account": 34927, "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-51717", "subscriptions": [{"pointOfContact": "Email"}]}, {"id": 45383, "form": 51721, "filter": null, "filter_type": null, "account": 34927, "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-51721", "subscriptions": [{"pointOfContact": "Email"}]}, {"id": 43227, "form": 50107, "filter": null, "filter_type": null, "account": 34927, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-block-50107-show", "click_operation": "popmechanic-block-50107-click", "targeting_operation": "popmechanic-block-50107-targeting"}, {"id": 45376, "form": 51717, "filter": null, "filter_type": null, "account": 34927, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-block-51717-show", "click_operation": "popmechanic-block-51717-click", "targeting_operation": "popmechanic-block-51717-targeting"}, {"id": 45378, "form": 51718, "filter": null, "filter_type": null, "account": 34927, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-block-51718-show", "click_operation": "popmechanic-block-51718-click", "targeting_operation": "popmechanic-block-51718-targeting"}, {"id": 45380, "form": 51719, "filter": null, "filter_type": null, "account": 34927, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-block-51719-show", "click_operation": "popmechanic-block-51719-click", "targeting_operation": "popmechanic-block-51719-targeting"}, {"id": 45382, "form": 51720, "filter": null, "filter_type": null, "account": 34927, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-block-51720-show", "click_operation": "popmechanic-block-51720-click", "targeting_operation": "popmechanic-block-51720-targeting"}, {"id": 45384, "form": 51721, "filter": null, "filter_type": null, "account": 34927, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-block-51721-show", "click_operation": "popmechanic-block-51721-click", "targeting_operation": "popmechanic-block-51721-targeting"}, {"id": 68498, "form": 66671, "filter": null, "filter_type": null, "account": 34927, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-66671-show", "click_operation": "popmechanic-popup-66671-click", "targeting_operation": "popmechanic-popup-66671-targeting"}], "settings": {"hide_copyright": true, "premium": true}, "frequency": {"minimal_timeout": null, "session": null, "day": 1, "week": null, "month": null}, "global_ab_tests": [], "ip": "1.1.1.1", "contacts": [], "geo": null}