{"forms": [{"id": 90582, "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": "events", "operator": "$exclude"}, {"id": "4", "field": "page", "value": "basket", "operator": "$exclude"}, {"id": "5", "field": "page", "value": "cart", "operator": "$exclude"}, {"id": "6", "field": "page", "value": "order", "operator": "$exclude"}, {"id": "7", "field": "page", "value": "checkout", "operator": "$exclude"}, {"id": "8", "field": "page", "value": "partners", "operator": "$exclude"}, {"id": "9", "field": "page", "value": "stage", "operator": "$exclude"}, {"id": "10", "field": "page", "value": "promotions", "operator": "$exclude"}, {"id": "11", "field": "page", "value": "certificate", "operator": "$exclude"}, {"id": "12", "field": "page", "value": "collections", "operator": "$exclude"}, {"id": "13", "field": "page", "value": "articles", "operator": "$exclude"}, {"id": "14", "field": "page", "value": "sales", "operator": "$exclude"}, {"id": "15", "field": "page", "value": "feedback", "operator": "$exclude"}], "operator": "$and"}, {"id": "16", "name": "$and", "type": "current_page", "nodes": [{"id": "17", "field": "dom_element", "value": ".modal:visible", "operator": "$not_exists"}, {"id": "18", "field": "dom_element", "value": ".popup:visible", "operator": "$not_exists"}], "operator": "$and"}, {"id": "19", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 2181, "externalId": "fdf626a4-5826-468b-935b-07128a1bdcc4"}, "inSegmentByDefault": true}, "operator": "$check"}, {"id": "20", "name": "$or", "type": "current_page", "nodes": [{"id": "21", "field": "mindboxCategory", "filter": {"nodes": [{"id": "22", "field": "mindboxCategoryId", "value": [{"id": "2", "externalId": "18035", "externalSystemName": "website"}, {"id": "174", "externalId": "3439", "externalSystemName": "website"}, {"id": "1600", "externalId": "3635", "externalSystemName": "website"}, {"id": "2150", "externalId": "17", "externalSystemName": "website"}, {"id": "2159", "externalId": "37", "externalSystemName": "website"}, {"id": "11229", "externalId": "371", "externalSystemName": "website"}], "operator": "$in"}], "operator": "$and"}, "aggregator": "$exists"}, {"id": "23", "field": "mindboxProduct", "filter": {"nodes": [{"id": "24", "field": "mindboxProductSegment", "value": {"segment": {"id": "2212", "externalId": "cd9cc76e-3eeb-43f2-94fe-9de08b28e546"}, "segmentation": {"id": "2121", "externalId": "cd9cc76e-3eeb-43f2-94fe-9de08b28e546"}}, "operator": "$exists"}], "operator": "$and"}, "aggregator": "$exists"}], "operator": "$or"}], "operator": "$and"}}, "settings_splits": [{"settings": {"url": "https://www.chitai-gorod.ru/lp/schiller", "image": "https://personalization-web-stable.mindbox.ru/user-media/34927/f9854564767911c8c6b008106b5093227d6468f220f8a22c43a153700dea00bc.png", "width": "600", "cl_col": "#808080", "cl_size": "55.00", "otstup1": "10", "otstup2": "5.00", "showurl": "1", "width_mobile": "320", "showtransform": "1", "form_border_color": "#facc48", "form_border_width": "0", "form_border_radius": "0", "form_border_width2": "0"}, "button_settings": {}, "conditions_splits": [{"conditions": {"session_time": "20", "pages_session": "2"}, "combinator": "and", "id": 200410}], "id": 89990, "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": "\u0427\u0413_\u043f\u043e\u043f\u0430\u043f_\u0410\u043d\u043e\u043d\u0441_\u0421\u0422\u041c_Schiller", "active": true, "embed_selector": false, "selector": "", "placement": "start", "frequency": {"once_lifetime": false, "once_session": false, "priority": false, "minimal_timeout": 1209600}, "start_date": null, "end_date": null, "day_of_week": [true, true, true, true, true, true, true], "start_time": null, "end_time": null, "timezone_minutes": 180, "custom_fields": [], "container_id": null, "child_forms": [], "salt": null, "control_group": null, "variants": [{"is_winner": false, "ab_test_variant_internal_id": null, "view_settings": {"button_template": null, "rendered_preview": "https://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-90935.png?ts=1718633930483", "rendered_button_preview": null, "settings": {"url": "https://www.chitai-gorod.ru/lp/schiller", "image": "https://personalization-web-stable.mindbox.ru/user-media/34927/f9854564767911c8c6b008106b5093227d6468f220f8a22c43a153700dea00bc.png", "width": "600", "cl_col": "#808080", "cl_size": "55.00", "otstup1": "10", "otstup2": "5.00", "showurl": "1", "width_mobile": "320", "showtransform": "1", "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": 89687, "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": "events", "operator": "$exclude"}, {"id": "4", "field": "page", "value": "basket", "operator": "$exclude"}, {"id": "5", "field": "page", "value": "cart", "operator": "$exclude"}, {"id": "6", "field": "page", "value": "order", "operator": "$exclude"}, {"id": "7", "field": "page", "value": "checkout", "operator": "$exclude"}, {"id": "8", "field": "page", "value": "partners", "operator": "$exclude"}, {"id": "9", "field": "page", "value": "stage", "operator": "$exclude"}, {"id": "10", "field": "page", "value": "promotions", "operator": "$exclude"}, {"id": "11", "field": "page", "value": "certificate", "operator": "$exclude"}, {"id": "12", "field": "page", "value": "collections", "operator": "$exclude"}, {"id": "13", "field": "page", "value": "articles", "operator": "$exclude"}, {"id": "14", "field": "page", "value": "sales", "operator": "$exclude"}, {"id": "15", "field": "page", "value": "feedback", "operator": "$exclude"}], "operator": "$and"}, {"id": "16", "name": "$and", "type": "current_page", "nodes": [{"id": "17", "field": "dom_element", "value": ".modal:visible", "operator": "$not_exists"}, {"id": "18", "field": "dom_element", "value": ".popup:visible", "operator": "$not_exists"}], "operator": "$and"}, {"id": "19", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": true, "operation": "popmechanic-check-segment", "segmentation": {"id": 2147, "externalId": "3faec37a-fe1c-492b-82f0-01c0dcb46e0d"}, "inSegmentByDefault": false}, "operator": "$check"}], "operator": "$and"}}, "settings_splits": [{"settings": {"url": "https://www.chitai-gorod.ru/product/magiya-belyh-nochey-3043250", "image": "https://personalization-web-stable.mindbox.ru/user-media/34927/c21504e8065c701d704a948259ee787fdd697d5de27ba02f52c9daf96c20aa51.png", "width": "600", "cl_col": "#f3ecec", "cl_size": "53.00", "otstup1": "15.00", "otstup2": "9.00", "showurl": "1", "width_mobile": "320.00", "showtransform": "0", "form_border_color": "#facc48", "form_border_width": "0.00", "form_border_radius": "0.00", "form_border_width2": "0"}, "button_settings": {}, "conditions_splits": [{"conditions": {"session_time": "20", "pages_session": "2"}, "combinator": "and", "id": 199821}], "id": 89095, "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": "\u0427\u0413_\u043f\u043e\u043f\u0430\u043f_\u041c\u0430\u0433\u0438\u044f \u0431\u0435\u043b\u044b\u0445 \u043d\u043e\u0447\u0435\u0439", "active": true, "embed_selector": false, "selector": "", "placement": "start", "frequency": {"once_lifetime": true, "once_session": false, "priority": false, "minimal_timeout": null}, "start_date": "2024-06-03T12:00:00+03:00", "end_date": "2024-07-07T23:30:00+03:00", "day_of_week": [true, true, true, true, true, true, true], "start_time": null, "end_time": null, "timezone_minutes": 180, "custom_fields": [], "container_id": null, "child_forms": [], "salt": null, "control_group": null, "variants": [{"is_winner": false, "ab_test_variant_internal_id": null, "view_settings": {"button_template": null, "rendered_preview": "https://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-90007.png?ts=1719902849373", "rendered_button_preview": null, "settings": {"url": "https://www.chitai-gorod.ru/product/magiya-belyh-nochey-3043250", "image": "https://personalization-web-stable.mindbox.ru/user-media/34927/c21504e8065c701d704a948259ee787fdd697d5de27ba02f52c9daf96c20aa51.png", "width": "600", "cl_col": "#f3ecec", "cl_size": "53.00", "otstup1": "15.00", "otstup2": "9.00", "showurl": "1", "width_mobile": "320.00", "showtransform": "0", "form_border_color": "#facc48", "form_border_width": "0.00", "form_border_radius": "0.00", "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": 89616, "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": "events", "operator": "$exclude"}, {"id": "4", "field": "page", "value": "basket", "operator": "$exclude"}, {"id": "5", "field": "page", "value": "cart", "operator": "$exclude"}, {"id": "6", "field": "page", "value": "order", "operator": "$exclude"}, {"id": "7", "field": "page", "value": "checkout", "operator": "$exclude"}, {"id": "8", "field": "page", "value": "partners", "operator": "$exclude"}, {"id": "9", "field": "page", "value": "stage", "operator": "$exclude"}, {"id": "10", "field": "page", "value": "promotions", "operator": "$exclude"}, {"id": "11", "field": "page", "value": "certificate", "operator": "$exclude"}, {"id": "12", "field": "page", "value": "collections", "operator": "$exclude"}, {"id": "13", "field": "page", "value": "articles", "operator": "$exclude"}, {"id": "14", "field": "page", "value": "sales", "operator": "$exclude"}, {"id": "15", "field": "page", "value": "feedback", "operator": "$exclude"}], "operator": "$and"}, {"id": "16", "name": "$and", "type": "current_page", "nodes": [{"id": "17", "field": "dom_element", "value": ".modal:visible", "operator": "$not_exists"}, {"id": "18", "field": "dom_element", "value": ".popup:visible", "operator": "$not_exists"}], "operator": "$and"}, {"id": "19", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": true, "operation": "popmechanic-check-segment", "segmentation": {"id": 2153, "externalId": "fe029049-2fed-47a1-8d04-f46293024959"}, "inSegmentByDefault": false}, "operator": "$check"}], "operator": "$and"}}, "settings_splits": [{"settings": {"url": "https://www.chitai-gorod.ru/product/gorod-polumesyaca-dom-plameni-i-teni-dop-istoriya-3040344", "image": "https://personalization-web-stable.mindbox.ru/user-media/34927/bb639ff58b0b767fa97f27d29d13c34e983637cd48b1a979f5da5466d101aa9a.png", "width": "600", "cl_col": "#000000", "cl_size": "53.00", "otstup1": "15.00", "otstup2": "9.00", "showurl": "1", "width_mobile": "320.00", "showtransform": "0", "form_border_color": "#facc48", "form_border_width": "0.00", "form_border_radius": "0.00", "form_border_width2": "0"}, "button_settings": {}, "conditions_splits": [{"conditions": {"session_time": "20", "pages_session": "2"}, "combinator": "and", "id": 199768}], "id": 89024, "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": "\u0427\u0413_\u043f\u043e\u043f\u0430\u043f_\u0413\u043e\u0440\u043e\u0434 \u041f\u043e\u043b\u0443\u043c\u0435\u0441\u044f\u0446\u0430. \u0414\u043e\u043c \u041f\u043b\u0430\u043c\u0435\u043d\u0438 \u0438 \u0422\u0435\u043d\u0438", "active": true, "embed_selector": false, "selector": "", "placement": "start", "frequency": {"once_lifetime": true, "once_session": false, "priority": false, "minimal_timeout": null}, "start_date": "2024-06-03T12:00:00+03:00", "end_date": "2024-07-07T23:30:00+03:00", "day_of_week": [true, true, true, true, true, true, true], "start_time": null, "end_time": null, "timezone_minutes": 180, "custom_fields": [], "container_id": null, "child_forms": [], "salt": null, "control_group": null, "variants": [{"is_winner": false, "ab_test_variant_internal_id": null, "view_settings": {"button_template": null, "rendered_preview": "https://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-89931.png?ts=1719902877665", "rendered_button_preview": null, "settings": {"url": "https://www.chitai-gorod.ru/product/gorod-polumesyaca-dom-plameni-i-teni-dop-istoriya-3040344", "image": "https://personalization-web-stable.mindbox.ru/user-media/34927/bb639ff58b0b767fa97f27d29d13c34e983637cd48b1a979f5da5466d101aa9a.png", "width": "600", "cl_col": "#000000", "cl_size": "53.00", "otstup1": "15.00", "otstup2": "9.00", "showurl": "1", "width_mobile": "320.00", "showtransform": "0", "form_border_color": "#facc48", "form_border_width": "0.00", "form_border_radius": "0.00", "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": 89615, "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": "events", "operator": "$exclude"}, {"id": "4", "field": "page", "value": "basket", "operator": "$exclude"}, {"id": "5", "field": "page", "value": "cart", "operator": "$exclude"}, {"id": "6", "field": "page", "value": "order", "operator": "$exclude"}, {"id": "7", "field": "page", "value": "checkout", "operator": "$exclude"}, {"id": "8", "field": "page", "value": "partners", "operator": "$exclude"}, {"id": "9", "field": "page", "value": "stage", "operator": "$exclude"}, {"id": "10", "field": "page", "value": "promotions", "operator": "$exclude"}, {"id": "11", "field": "page", "value": "certificate", "operator": "$exclude"}, {"id": "12", "field": "page", "value": "collections", "operator": "$exclude"}, {"id": "13", "field": "page", "value": "articles", "operator": "$exclude"}, {"id": "14", "field": "page", "value": "sales", "operator": "$exclude"}, {"id": "15", "field": "page", "value": "feedback", "operator": "$exclude"}], "operator": "$and"}, {"id": "16", "name": "$and", "type": "current_page", "nodes": [{"id": "17", "field": "dom_element", "value": ".modal:visible", "operator": "$not_exists"}, {"id": "18", "field": "dom_element", "value": ".popup:visible", "operator": "$not_exists"}], "operator": "$and"}, {"id": "19", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": true, "operation": "popmechanic-check-segment", "segmentation": {"id": 2152, "externalId": "4e35df49-98ae-442c-bbae-b58c419f17e0"}, "inSegmentByDefault": false}, "operator": "$check"}], "operator": "$and"}}, "settings_splits": [{"settings": {"url": "https://www.chitai-gorod.ru/product/zlodeyskiy-put-tom-4-3019837", "image": "https://personalization-web-stable.mindbox.ru/user-media/34927/e51fb229c4db85199863f6a8cc274888eae6c67b905e24a839e3669664607c75.png", "width": "600", "cl_col": "#000000", "cl_size": "53.00", "otstup1": "15.00", "otstup2": "9.00", "showurl": "1", "width_mobile": "320.00", "showtransform": "0", "form_border_color": "#facc48", "form_border_width": "0.00", "form_border_radius": "0.00", "form_border_width2": "0"}, "button_settings": {}, "conditions_splits": [{"conditions": {"session_time": "20", "pages_session": "2"}, "combinator": "and", "id": 199767}], "id": 89023, "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": "\u0427\u0413_\u043f\u043e\u043f\u0430\u043f_\u0417\u043b\u043e\u0434\u0435\u0439\u0441\u043a\u0438\u0439 \u043f\u0443\u0442\u044c!.. \u0422\u043e\u043c 4", "active": true, "embed_selector": false, "selector": "", "placement": "start", "frequency": {"once_lifetime": true, "once_session": false, "priority": false, "minimal_timeout": null}, "start_date": "2024-06-03T12:00:00+03:00", "end_date": "2024-07-07T23:30:00+03:00", "day_of_week": [true, true, true, true, true, true, true], "start_time": null, "end_time": null, "timezone_minutes": 180, "custom_fields": [], "container_id": null, "child_forms": [], "salt": null, "control_group": null, "variants": [{"is_winner": false, "ab_test_variant_internal_id": null, "view_settings": {"button_template": null, "rendered_preview": "https://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-89930.png?ts=1719902912065", "rendered_button_preview": null, "settings": {"url": "https://www.chitai-gorod.ru/product/zlodeyskiy-put-tom-4-3019837", "image": "https://personalization-web-stable.mindbox.ru/user-media/34927/e51fb229c4db85199863f6a8cc274888eae6c67b905e24a839e3669664607c75.png", "width": "600", "cl_col": "#000000", "cl_size": "53.00", "otstup1": "15.00", "otstup2": "9.00", "showurl": "1", "width_mobile": "320.00", "showtransform": "0", "form_border_color": "#facc48", "form_border_width": "0.00", "form_border_radius": "0.00", "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": 89614, "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": "events", "operator": "$exclude"}, {"id": "4", "field": "page", "value": "basket", "operator": "$exclude"}, {"id": "5", "field": "page", "value": "cart", "operator": "$exclude"}, {"id": "6", "field": "page", "value": "order", "operator": "$exclude"}, {"id": "7", "field": "page", "value": "checkout", "operator": "$exclude"}, {"id": "8", "field": "page", "value": "partners", "operator": "$exclude"}, {"id": "9", "field": "page", "value": "stage", "operator": "$exclude"}, {"id": "10", "field": "page", "value": "promotions", "operator": "$exclude"}, {"id": "11", "field": "page", "value": "certificate", "operator": "$exclude"}, {"id": "12", "field": "page", "value": "collections", "operator": "$exclude"}, {"id": "13", "field": "page", "value": "articles", "operator": "$exclude"}, {"id": "14", "field": "page", "value": "sales", "operator": "$exclude"}, {"id": "15", "field": "page", "value": "feedback", "operator": "$exclude"}], "operator": "$and"}, {"id": "16", "name": "$and", "type": "current_page", "nodes": [{"id": "17", "field": "dom_element", "value": ".modal:visible", "operator": "$not_exists"}, {"id": "18", "field": "dom_element", "value": ".popup:visible", "operator": "$not_exists"}], "operator": "$and"}, {"id": "19", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": true, "operation": "popmechanic-check-segment", "segmentation": {"id": 2151, "externalId": "465722fd-548c-4557-a60b-792ca132ba70"}, "inSegmentByDefault": false}, "operator": "$check"}], "operator": "$and"}}, "settings_splits": [{"settings": {"url": "https://www.chitai-gorod.ru/product/plohie-deti-3042833", "image": "https://personalization-web-stable.mindbox.ru/user-media/34927/a02f6c04c0218010fbea6c1a1ea987b8d02de82333b3abf7d112103e66081009.png", "width": "600", "cl_col": "#000000", "cl_size": "53.00", "otstup1": "15.00", "otstup2": "9.00", "showurl": "1", "width_mobile": "320.00", "showtransform": "0", "form_border_color": "#facc48", "form_border_width": "0.00", "form_border_radius": "0.00", "form_border_width2": "0"}, "button_settings": {}, "conditions_splits": [{"conditions": {"session_time": "20", "pages_session": "2"}, "combinator": "and", "id": 199766}], "id": 89022, "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": "\u0427\u0413_\u043f\u043e\u043f\u0430\u043f_\u041f\u043b\u043e\u0445\u0438\u0435 \u0434\u0435\u0442\u0438", "active": true, "embed_selector": false, "selector": "", "placement": "start", "frequency": {"once_lifetime": true, "once_session": false, "priority": false, "minimal_timeout": null}, "start_date": "2024-06-03T12:00:00+03:00", "end_date": "2024-07-07T23:30:00+03:00", "day_of_week": [true, true, true, true, true, true, true], "start_time": null, "end_time": null, "timezone_minutes": 180, "custom_fields": [], "container_id": null, "child_forms": [], "salt": null, "control_group": null, "variants": [{"is_winner": false, "ab_test_variant_internal_id": null, "view_settings": {"button_template": null, "rendered_preview": "https://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-89929.png?ts=1719903124349", "rendered_button_preview": null, "settings": {"url": "https://www.chitai-gorod.ru/product/plohie-deti-3042833", "image": "https://personalization-web-stable.mindbox.ru/user-media/34927/a02f6c04c0218010fbea6c1a1ea987b8d02de82333b3abf7d112103e66081009.png", "width": "600", "cl_col": "#000000", "cl_size": "53.00", "otstup1": "15.00", "otstup2": "9.00", "showurl": "1", "width_mobile": "320.00", "showtransform": "0", "form_border_color": "#facc48", "form_border_width": "0.00", "form_border_radius": "0.00", "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": 89613, "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": "events", "operator": "$exclude"}, {"id": "4", "field": "page", "value": "basket", "operator": "$exclude"}, {"id": "5", "field": "page", "value": "cart", "operator": "$exclude"}, {"id": "6", "field": "page", "value": "order", "operator": "$exclude"}, {"id": "7", "field": "page", "value": "checkout", "operator": "$exclude"}, {"id": "8", "field": "page", "value": "partners", "operator": "$exclude"}, {"id": "9", "field": "page", "value": "stage", "operator": "$exclude"}, {"id": "10", "field": "page", "value": "promotions", "operator": "$exclude"}, {"id": "11", "field": "page", "value": "certificate", "operator": "$exclude"}, {"id": "12", "field": "page", "value": "collections", "operator": "$exclude"}, {"id": "13", "field": "page", "value": "articles", "operator": "$exclude"}, {"id": "14", "field": "page", "value": "sales", "operator": "$exclude"}, {"id": "15", "field": "page", "value": "feedback", "operator": "$exclude"}], "operator": "$and"}, {"id": "16", "name": "$and", "type": "current_page", "nodes": [{"id": "17", "field": "dom_element", "value": ".modal:visible", "operator": "$not_exists"}, {"id": "18", "field": "dom_element", "value": ".popup:visible", "operator": "$not_exists"}], "operator": "$and"}, {"id": "19", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": true, "operation": "popmechanic-check-segment", "segmentation": {"id": 2150, "externalId": "82a18fa6-67b6-4b36-a568-12629ad14945"}, "inSegmentByDefault": false}, "operator": "$check"}], "operator": "$and"}}, "settings_splits": [{"settings": {"url": "https://www.chitai-gorod.ru/product/ee-sluga-tom-1-stikery-3042605", "image": "https://personalization-web-stable.mindbox.ru/user-media/34927/ccaa013a56c2e5a62bae369decba0a7d15eff7d66796ae632a355d694e6c9133.png", "width": "600", "cl_col": "#000000", "cl_size": "53.00", "otstup1": "15.00", "otstup2": "9.00", "showurl": "1", "width_mobile": "320.00", "showtransform": "0", "form_border_color": "#facc48", "form_border_width": "0.00", "form_border_radius": "0.00", "form_border_width2": "0"}, "button_settings": {}, "conditions_splits": [{"conditions": {"session_time": "20", "pages_session": "2"}, "combinator": "and", "id": 199765}], "id": 89021, "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": "\u0427\u0413_\u043f\u043e\u043f\u0430\u043f_\u0415\u0435 \u0441\u043b\u0443\u0433\u0430. \u0422\u043e\u043c 1 + \u0421\u0442\u0438\u043a\u0435\u0440\u044b", "active": true, "embed_selector": false, "selector": "", "placement": "start", "frequency": {"once_lifetime": true, "once_session": false, "priority": false, "minimal_timeout": null}, "start_date": "2024-06-03T12:00:00+03:00", "end_date": "2024-07-07T23:30:00+03:00", "day_of_week": [true, true, true, true, true, true, true], "start_time": null, "end_time": null, "timezone_minutes": 180, "custom_fields": [], "container_id": null, "child_forms": [], "salt": null, "control_group": null, "variants": [{"is_winner": false, "ab_test_variant_internal_id": null, "view_settings": {"button_template": null, "rendered_preview": "https://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-89928.png?ts=1719903349375", "rendered_button_preview": null, "settings": {"url": "https://www.chitai-gorod.ru/product/ee-sluga-tom-1-stikery-3042605", "image": "https://personalization-web-stable.mindbox.ru/user-media/34927/ccaa013a56c2e5a62bae369decba0a7d15eff7d66796ae632a355d694e6c9133.png", "width": "600", "cl_col": "#000000", "cl_size": "53.00", "otstup1": "15.00", "otstup2": "9.00", "showurl": "1", "width_mobile": "320.00", "showtransform": "0", "form_border_color": "#facc48", "form_border_width": "0.00", "form_border_radius": "0.00", "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": 89612, "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": "events", "operator": "$exclude"}, {"id": "4", "field": "page", "value": "basket", "operator": "$exclude"}, {"id": "5", "field": "page", "value": "cart", "operator": "$exclude"}, {"id": "6", "field": "page", "value": "order", "operator": "$exclude"}, {"id": "7", "field": "page", "value": "checkout", "operator": "$exclude"}, {"id": "8", "field": "page", "value": "partners", "operator": "$exclude"}, {"id": "9", "field": "page", "value": "stage", "operator": "$exclude"}, {"id": "10", "field": "page", "value": "promotions", "operator": "$exclude"}, {"id": "11", "field": "page", "value": "certificate", "operator": "$exclude"}, {"id": "12", "field": "page", "value": "collections", "operator": "$exclude"}, {"id": "13", "field": "page", "value": "articles", "operator": "$exclude"}, {"id": "14", "field": "page", "value": "sales", "operator": "$exclude"}, {"id": "15", "field": "page", "value": "feedback", "operator": "$exclude"}], "operator": "$and"}, {"id": "16", "name": "$and", "type": "current_page", "nodes": [{"id": "17", "field": "dom_element", "value": ".modal:visible", "operator": "$not_exists"}, {"id": "18", "field": "dom_element", "value": ".popup:visible", "operator": "$not_exists"}], "operator": "$and"}, {"id": "19", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": true, "operation": "popmechanic-check-segment", "segmentation": {"id": 2149, "externalId": "9e52360c-c1bc-47e6-9f6e-e3fe8ff925eb"}, "inSegmentByDefault": false}, "operator": "$check"}], "operator": "$and"}}, "settings_splits": [{"settings": {"url": "https://www.chitai-gorod.ru/product/spasti-6-go-3043191", "image": "https://personalization-web-stable.mindbox.ru/user-media/34927/d3a9035a1e5e187e1dd9ed017ac920a1d8d3c0e2d92eabed995b2487b2f0dbe6.png", "width": "600", "cl_col": "#f3ecec", "cl_size": "53.00", "otstup1": "15.00", "otstup2": "9.00", "showurl": "1", "width_mobile": "320.00", "showtransform": "0", "form_border_color": "#facc48", "form_border_width": "0.00", "form_border_radius": "0.00", "form_border_width2": "0"}, "button_settings": {}, "conditions_splits": [{"conditions": {"session_time": "20", "pages_session": "2"}, "combinator": "and", "id": 199764}], "id": 89020, "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": "\u0427\u0413_\u043f\u043e\u043f\u0430\u043f_\u0421\u043f\u0430\u0441\u0442\u0438 6-\u0433\u043e", "active": true, "embed_selector": false, "selector": "", "placement": "start", "frequency": {"once_lifetime": true, "once_session": false, "priority": false, "minimal_timeout": null}, "start_date": "2024-06-03T12:00:00+03:00", "end_date": "2024-07-07T23:30:00+03:00", "day_of_week": [true, true, true, true, true, true, true], "start_time": null, "end_time": null, "timezone_minutes": 180, "custom_fields": [], "container_id": null, "child_forms": [], "salt": null, "control_group": null, "variants": [{"is_winner": false, "ab_test_variant_internal_id": null, "view_settings": {"button_template": null, "rendered_preview": "https://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-89927.png?ts=1719903016547", "rendered_button_preview": null, "settings": {"url": "https://www.chitai-gorod.ru/product/spasti-6-go-3043191", "image": "https://personalization-web-stable.mindbox.ru/user-media/34927/d3a9035a1e5e187e1dd9ed017ac920a1d8d3c0e2d92eabed995b2487b2f0dbe6.png", "width": "600", "cl_col": "#f3ecec", "cl_size": "53.00", "otstup1": "15.00", "otstup2": "9.00", "showurl": "1", "width_mobile": "320.00", "showtransform": "0", "form_border_color": "#facc48", "form_border_width": "0.00", "form_border_radius": "0.00", "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": 89611, "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": "events", "operator": "$exclude"}, {"id": "4", "field": "page", "value": "basket", "operator": "$exclude"}, {"id": "5", "field": "page", "value": "cart", "operator": "$exclude"}, {"id": "6", "field": "page", "value": "order", "operator": "$exclude"}, {"id": "7", "field": "page", "value": "checkout", "operator": "$exclude"}, {"id": "8", "field": "page", "value": "partners", "operator": "$exclude"}, {"id": "9", "field": "page", "value": "stage", "operator": "$exclude"}, {"id": "10", "field": "page", "value": "promotions", "operator": "$exclude"}, {"id": "11", "field": "page", "value": "certificate", "operator": "$exclude"}, {"id": "12", "field": "page", "value": "collections", "operator": "$exclude"}, {"id": "13", "field": "page", "value": "articles", "operator": "$exclude"}, {"id": "14", "field": "page", "value": "sales", "operator": "$exclude"}, {"id": "15", "field": "page", "value": "feedback", "operator": "$exclude"}], "operator": "$and"}, {"id": "16", "name": "$and", "type": "current_page", "nodes": [{"id": "17", "field": "dom_element", "value": ".modal:visible", "operator": "$not_exists"}, {"id": "18", "field": "dom_element", "value": ".popup:visible", "operator": "$not_exists"}], "operator": "$and"}, {"id": "19", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": true, "operation": "popmechanic-check-segment", "segmentation": {"id": 2148, "externalId": "03557163-b237-4820-9a5a-72eeef04ca19"}, "inSegmentByDefault": false}, "operator": "$check"}], "operator": "$and"}}, "settings_splits": [{"settings": {"url": "https://www.chitai-gorod.ru/product/komplekt-limitirovannyh-izdaniy-bezmolvnoe-chtenie-tom-1-zhyulen-i-krasnoe-i-chernoe-3039937?productShelf=&shelfIndex=0&productIndex=1", "image": "https://personalization-web-stable.mindbox.ru/user-media/34927/a3ab3259e9686961191cc05a228031fd958ca71231c680e5c613312e8f52933f.png", "width": "600", "cl_col": "#f3ecec", "cl_size": "53.00", "otstup1": "15.00", "otstup2": "9.00", "showurl": "1", "width_mobile": "320.00", "showtransform": "0", "form_border_color": "#facc48", "form_border_width": "0.00", "form_border_radius": "0.00", "form_border_width2": "0"}, "button_settings": {}, "conditions_splits": [{"conditions": {"session_time": "20", "pages_session": "2"}, "combinator": "and", "id": 199763}], "id": 89019, "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": "\u0427\u0413_\u043f\u043e\u043f\u0430\u043f_\u041a\u043e\u043c\u043f\u043b\u0435\u043a\u0442 \u0411\u0435\u0437\u043c\u043e\u043b\u0432\u043d\u043e\u0435 \u0447\u0442\u0435\u043d\u0438\u0435. \u0422\u043e\u043c 1 \u0438 \u041a\u0440\u0430\u0441\u043d\u043e\u0435 \u0438 \u0427\u0451\u0440\u043d\u043e\u0435", "active": true, "embed_selector": false, "selector": "", "placement": "start", "frequency": {"once_lifetime": true, "once_session": false, "priority": false, "minimal_timeout": null}, "start_date": "2024-06-03T12:00:00+03:00", "end_date": "2024-07-07T23:30:00+03:00", "day_of_week": [true, true, true, true, true, true, true], "start_time": null, "end_time": null, "timezone_minutes": 180, "custom_fields": [], "container_id": null, "child_forms": [], "salt": null, "control_group": null, "variants": [{"is_winner": false, "ab_test_variant_internal_id": null, "view_settings": {"button_template": null, "rendered_preview": "https://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-89926.png?ts=1719903049741", "rendered_button_preview": null, "settings": {"url": "https://www.chitai-gorod.ru/product/komplekt-limitirovannyh-izdaniy-bezmolvnoe-chtenie-tom-1-zhyulen-i-krasnoe-i-chernoe-3039937?productShelf=&shelfIndex=0&productIndex=1", "image": "https://personalization-web-stable.mindbox.ru/user-media/34927/a3ab3259e9686961191cc05a228031fd958ca71231c680e5c613312e8f52933f.png", "width": "600", "cl_col": "#f3ecec", "cl_size": "53.00", "otstup1": "15.00", "otstup2": "9.00", "showurl": "1", "width_mobile": "320.00", "showtransform": "0", "form_border_color": "#facc48", "form_border_width": "0.00", "form_border_radius": "0.00", "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": 89134, "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": "events", "operator": "$exclude"}, {"id": "4", "field": "page", "value": "basket", "operator": "$exclude"}, {"id": "5", "field": "page", "value": "cart", "operator": "$exclude"}, {"id": "6", "field": "page", "value": "order", "operator": "$exclude"}, {"id": "7", "field": "page", "value": "checkout", "operator": "$exclude"}, {"id": "8", "field": "page", "value": "partners", "operator": "$exclude"}, {"id": "9", "field": "page", "value": "stage", "operator": "$exclude"}, {"id": "10", "field": "page", "value": "promotions", "operator": "$exclude"}, {"id": "11", "field": "page", "value": "certificate", "operator": "$exclude"}, {"id": "12", "field": "page", "value": "collections", "operator": "$exclude"}, {"id": "13", "field": "page", "value": "articles", "operator": "$exclude"}, {"id": "14", "field": "page", "value": "sales", "operator": "$exclude"}, {"id": "15", "field": "page", "value": "feedback", "operator": "$exclude"}], "operator": "$and"}, {"id": "16", "name": "$and", "type": "current_page", "nodes": [{"id": "17", "field": "dom_element", "value": ".modal:visible", "operator": "$not_exists"}, {"id": "18", "field": "dom_element", "value": ".popup:visible", "operator": "$not_exists"}], "operator": "$and"}, {"id": "19", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": true, "operation": "popmechanic-check-segment", "segmentation": {"id": 2181, "externalId": "fdf626a4-5826-468b-935b-07128a1bdcc4"}, "inSegmentByDefault": false}, "operator": "$check"}, {"id": "20", "name": "$or", "type": "current_page", "nodes": [{"id": "21", "field": "mindboxCategory", "filter": {"nodes": [{"id": "22", "field": "mindboxCategoryId", "value": [{"id": "2", "externalId": "18035", "externalSystemName": "website"}, {"id": "174", "externalId": "3439", "externalSystemName": "website"}, {"id": "1600", "externalId": "3635", "externalSystemName": "website"}, {"id": "2150", "externalId": "17", "externalSystemName": "website"}, {"id": "2159", "externalId": "37", "externalSystemName": "website"}, {"id": "11229", "externalId": "371", "externalSystemName": "website"}], "operator": "$in"}], "operator": "$and"}, "aggregator": "$exists"}, {"id": "23", "field": "mindboxProduct", "filter": {"nodes": [{"id": "24", "field": "mindboxProductSegment", "value": {"segment": {"id": "2212", "externalId": "cd9cc76e-3eeb-43f2-94fe-9de08b28e546"}, "segmentation": {"id": "2121", "externalId": "cd9cc76e-3eeb-43f2-94fe-9de08b28e546"}}, "operator": "$exists"}], "operator": "$and"}, "aggregator": "$exists"}], "operator": "$or"}], "operator": "$and"}}, "settings_splits": [{"settings": {"url": "https://www.chitai-gorod.ru/lp/yoi", "image": "https://personalization-web-stable.mindbox.ru/user-media/34927/68d1f17c2008cca3a1f56cea85d2d2e2172f1c82e357350eb5e45bd10d22838e.png", "width": "600", "cl_col": "#808080", "cl_size": "55.00", "otstup1": "10", "otstup2": "5.00", "showurl": "1", "width_mobile": "320", "showtransform": "1", "form_border_color": "#facc48", "form_border_width": "0", "form_border_radius": "0", "form_border_width2": "0"}, "button_settings": {}, "conditions_splits": [{"conditions": {"session_time": "20", "pages_session": "2"}, "combinator": "and", "id": 199489}], "id": 88542, "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": "\u0427\u0413_\u043f\u043e\u043f\u0430\u043f_\u0410\u043d\u043e\u043d\u0441_\u0421\u0422\u041c_YOI", "active": true, "embed_selector": false, "selector": "", "placement": "start", "frequency": {"once_lifetime": false, "once_session": false, "priority": false, "minimal_timeout": 1209600}, "start_date": null, "end_date": null, "day_of_week": [true, true, true, true, true, true, true], "start_time": null, "end_time": null, "timezone_minutes": 180, "custom_fields": [], "container_id": null, "child_forms": [], "salt": null, "control_group": null, "variants": [{"is_winner": false, "ab_test_variant_internal_id": null, "view_settings": {"button_template": null, "rendered_preview": "https://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-89431.png?ts=1716896335954", "rendered_button_preview": null, "settings": {"url": "https://www.chitai-gorod.ru/lp/yoi", "image": "https://personalization-web-stable.mindbox.ru/user-media/34927/68d1f17c2008cca3a1f56cea85d2d2e2172f1c82e357350eb5e45bd10d22838e.png", "width": "600", "cl_col": "#808080", "cl_size": "55.00", "otstup1": "10", "otstup2": "5.00", "showurl": "1", "width_mobile": "320", "showtransform": "1", "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": 87769, "template": 1843, "button_template": null, "test_group": null, "new_targeting": {"filter": {"id": "root", "name": "root", "nodes": [{"id": "2", "name": "$and", "type": "current_page", "nodes": [{"id": "3", "field": "page", "value": ["/events/12years"], "operator": "$in_contains"}], "operator": "$and"}], "operator": "$and"}}, "settings_splits": [{"settings": {"img": "https://content.img-gorod.ru/mb/mailcorgy.svg", "img2": "https://static.popmechanic.ru/media/lifehacker/img/send.svg", "text": "\u041f\u043e\u043b\u0443\u0447\u0430\u0439\u0442\u0435 \u0430\u043a\u0442\u0443\u0430\u043b\u044c\u043d\u044b\u0435 \u043d\u043e\u0432\u0438\u043d\u043a\u0438, \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0435 \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0438 \u043b\u0443\u0447\u0448\u0438\u0435 \u0430\u043a\u0446\u0438\u0438.", "header": "\u0414\u0430\u0440\u0438\u043c \u0431\u043e\u043d\u0443\u0441\u044b \u0437\u0430 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0443!", "submit": "\u041f\u043e\u0434\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f", "img_top": "10.00", "pad_top": "50.00", "but_col1": "#713D32", "but_col2": "#472018", "img_left": "0.00", "show_img": "0", "btn_color": "#fafafa", "btn_width": "90", "form_font": "Roboto, sans-serif", "img_width": "200.00", "inp_color": "#242424", "inp_width": "460.00", "close_show": "0", "conf_color": "#242424", "inp_height": "52", "pad_bottom": "10.00", "show_title": "0", "custom_font": "Inter, Arial, sans-serif", "form_bg_img": "https://book24.ru/_ssr/img/backgrounds/subscriptions-main-bg.svg", "form_height": "251.00", "img_top_mob": "1", "lang_helper": "ru", "pad_top_mob": "15", "show_policy": "1", "title_color": "#242424", "btn_fontsize": "12.00", "img_left_mob": "1", "inp_fontsize": "16.00", "pad_left_mob": "15", "show_btn_img": "0", "show_form_bg": "0", "btn_width_mob": "300.00", "conf_fontsize": "14.00", "conf_link_url": "https://www.chitai-gorod.ru/about/policy/", "form_bg_color": "", "img_width_mob": "150", "inp_width_mob": "300", "pad_right_mob": "15", "thankyou_text": "\u0412\u044b \u0443\u0441\u043f\u0435\u0448\u043d\u043e \u043f\u043e\u0434\u043f\u0438\u0441\u0430\u043b\u0438\u0441\u044c \u043d\u0430 \u0440\u0430\u0441\u0441\u044b\u043b\u043a\u0443", "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": "34.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": "1", "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.00", "title_fontsize_mob": "25", "close_bg_color_desk": "#000000", "conf_text_post_link": "\u043d\u0430 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u0441\u0432\u043e\u0438\u0445 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445", "inputs_border_color": "#ffffff", "thanks_fontsize_mob": "16", "close_bg_transparency": "0.5", "sub_title_fontsize_mob": "14"}, "button_settings": {}, "conditions_splits": [], "id": 87177, "behavior_settings": {"lead": {"legal_text": ""}, "embedded": {"animation_out": "fadeOut"}}}], "pinned": false, "name": "\u0427\u0413: \u0424\u043e\u0440\u043c\u0430 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0438 \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435 \u0414\u0420 \u0427\u0413 2024", "active": true, "embed_selector": true, "selector": "#twelve-years-subscribe-form", "placement": "start", "frequency": {"once_lifetime": false, "once_session": false, "priority": false, "minimal_timeout": null}, "start_date": null, "end_date": null, "day_of_week": [true, true, true, true, true, true, true], "start_time": null, "end_time": null, "timezone_minutes": 180, "custom_fields": [], "container_id": null, "child_forms": [], "salt": null, "control_group": null, "variants": [{"is_winner": false, "ab_test_variant_internal_id": null, "view_settings": {"button_template": null, "rendered_preview": "https://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-88001.png?ts=1715548870667", "rendered_button_preview": null, "settings": {"img": "https://content.img-gorod.ru/mb/mailcorgy.svg", "img2": "https://static.popmechanic.ru/media/lifehacker/img/send.svg", "text": "\u041f\u043e\u043b\u0443\u0447\u0430\u0439\u0442\u0435 \u0430\u043a\u0442\u0443\u0430\u043b\u044c\u043d\u044b\u0435 \u043d\u043e\u0432\u0438\u043d\u043a\u0438, \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0435 \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0438 \u043b\u0443\u0447\u0448\u0438\u0435 \u0430\u043a\u0446\u0438\u0438.", "header": "\u0414\u0430\u0440\u0438\u043c \u0431\u043e\u043d\u0443\u0441\u044b \u0437\u0430 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0443!", "submit": "\u041f\u043e\u0434\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f", "img_top": "10.00", "pad_top": "50.00", "but_col1": "#713D32", "but_col2": "#472018", "img_left": "0.00", "show_img": "0", "btn_color": "#fafafa", "btn_width": "90", "form_font": "Roboto, sans-serif", "img_width": "200.00", "inp_color": "#242424", "inp_width": "460.00", "close_show": "0", "conf_color": "#242424", "inp_height": "52", "pad_bottom": "10.00", "show_title": "0", "custom_font": "Inter, Arial, sans-serif", "form_bg_img": "https://book24.ru/_ssr/img/backgrounds/subscriptions-main-bg.svg", "form_height": "251.00", "img_top_mob": "1", "lang_helper": "ru", "pad_top_mob": "15", "show_policy": "1", "title_color": "#242424", "btn_fontsize": "12.00", "img_left_mob": "1", "inp_fontsize": "16.00", "pad_left_mob": "15", "show_btn_img": "0", "show_form_bg": "0", "btn_width_mob": "300.00", "conf_fontsize": "14.00", "conf_link_url": "https://www.chitai-gorod.ru/about/policy/", "form_bg_color": "", "img_width_mob": "150", "inp_width_mob": "300", "pad_right_mob": "15", "thankyou_text": "\u0412\u044b \u0443\u0441\u043f\u0435\u0448\u043d\u043e \u043f\u043e\u0434\u043f\u0438\u0441\u0430\u043b\u0438\u0441\u044c \u043d\u0430 \u0440\u0430\u0441\u0441\u044b\u043b\u043a\u0443", "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": "34.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": "1", "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.00", "title_fontsize_mob": "25", "close_bg_color_desk": "#000000", "conf_text_post_link": "\u043d\u0430 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u0441\u0432\u043e\u0438\u0445 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445", "inputs_border_color": "#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\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\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\r\n<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n<g clip-path=\"url(#clip0)\">\r\n<path d=\"M13 4L6.14671 12L3 8.32677\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n</g>\r\n<defs>\r\n<clipPath id=\"clip0\">\r\n<rect width=\"16\" height=\"16\" fill=\"white\"/>\r\n</clipPath>\r\n</defs>\r\n</svg>\r\n\r\n\t\t\t\t</div>\r\n\t\t\t\t<span>\u042f \u0434\u0430\u044e \u0441\u043e\u0433\u043b\u0430\u0441\u0438\u0435 \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<br> \u0432 \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0438\u0438 \u0441 <a href=\"/about/policy\" target=\"_blank\">\u041f\u043e\u043b\u0438\u0442\u0438\u043a\u043e\u0439 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445</a></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<% if (parseInt(show_img)) { %>\r\n\t\t<div class=\"popmechanic-self-box-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</div>\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\">\u041c\u044b \u0443\u0436\u0435 \u0433\u043e\u0442\u043e\u0432\u0438\u043c \u0434\u043b\u044f \u0432\u0430\u0441 \u043f\u043e\u0441\u043b\u0430\u043d\u0438\u044f \u0441 \u0441\u0430\u043c\u044b\u043c\u0438 \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u044b\u043c\u0438 \u043d\u043e\u0432\u043e\u0441\u0442\u044f\u043c\u0438. \u0416\u0434\u0438\u0442\u0435 \u0433\u043e\u043d\u0446\u043e\u0432!</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)) { %>\n@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&family=Roboto:wght@400;500;700&display=swap');\n    <% } %>\n\n          <% try {\n                 close_show = close_show;\n                 close_size_desk = close_size_desk;\n                 close_size_mob = close_size_mob;\n                 close_color_desk = close_color_desk;\n                 close_color_mob = close_color_mob;\n                 close_bg_show_desk = close_bg_show_desk;\n                 close_bg_color_desk = close_bg_color_desk;\n                 close_bg_show_mob = close_bg_show_mob;\n                 close_bg_color_mob = close_bg_color_mob;\n                 close_bg_transparency = close_bg_transparency;\n             } catch (e) {\n    close_show = 0\n    close_size_desk = 20\n    close_size_mob = 20\n    close_color_desk = '#000000'\n    close_color_mob = '#000000'\n    close_bg_show_desk = 0\n    close_bg_color_desk = '#000000'\n    close_bg_show_mob = 0\n    close_bg_color_mob = '#000000'\n    close_bg_transparency = 0.5\n}\n%>\n\n .popmechanic-reset,\n .popmechanic-reset * {\n     line-height: normal;\n     box-sizing: border-box;\n }\n\n#popmechanic-form {\n    position: relative;\n<% if (parseInt(use_custom_font)) { %>\nfont-family: <%=custom_font%>;\n    <% } else { %>\n         font-family: <%=form_font%>;\n             <% } %>\n                   width: 100%;\nbox-sizing: border-box;\nz-index: 2;\n}\n#popmechanic-form::before {\n    content: \"\";\n    display: block;\n    width: 100%;\n    height: 100%;\n    position: absolute;\n    top: 0;\n    left: 0;\n    bottom: 0;\n    right: 0;\n    background-color: <%=form_bg_color%>;\n\n    z-index: 1;\n<% if(parseInt(show_form_bg)) { %>\nbackground: url(<%=form_bg_img%>) center center no-repeat;\n    background-size: cover;\n    <% } %>\n          border-radius: 4px;\n}\n#popmechanic-form .popmechanic-main,\n#popmechanic-form .popmechanic-thankyou {\n    position: relative;\n    z-index: 2;\n    display: flex;\n    align-items: flex-start;\n    width: 100%;\n    justify-content: center;\n    max-width: 1300px;\n    min-height: 150px !important;\n    margin: 0 auto;\n}\n#popmechanic-form .popmechanic-self-box {\n    width: <%=img_width%>px;\n    max-width: 100%;\n    position: relative;\n    margin-left: <%=img_left%>px;\n    margin-top: <%=img_top%>px;\n    margin-right: 380px;\n}\n#popmechanic-form .popmechanic-content {\n    width: 100%;\n}\n#popmechanic-form .popmechanic-inputs {\n    display: flex;\n    flex-direction: row;\n    justify-content: space-between;\n    margin-bottom: 24px;\n    width: 100%;\n    gap: 15px;\n}\n#popmechanic-form .popmechanic-inputs--wrapper {\n    /* flex: 1; */\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    max-width: 100%;\n}\n#popmechanic-form .popmechanic-input {\n    width: 100%;\n    height: 100%;\n    max-width: 100%;\n}\n#popmechanic-form .popmechanic-input input {\n    width: 100%;\n    height: <%=inp_height%>px;\n    border: none;\n    background-color: #FFF;\n    border-radius: 4px;\n    border:1px solid #e4e4e4;\n    font-size: <%=inp_fontsize%>px;\n    color: <%=inp_color%>;\n    padding-left: 24px;\n}\n#popmechanic-form .popmechanic-input input::placeholder {\n    color: <%=inp_color%>;\n    opacity: .6;\n    text-decoration: none;\n    font-style: normal;\n}\n#popmechanic-form input::-moz-placeholder {\n    color: <%=inp_color%>;\n    opacity: .6;\n}\n#popmechanic-form input::-ms-input-placeholder {\n    color: <%=inp_color%>;\n    opacity: .6;\n}\n#popmechanic-form input:hover, #popmechanic-form input:focus {\n    outline: none; }\n#popmechanic-form button {\n    flex-shrink: 0;\n    height: 52px;\n    background-color: <%=but_col1%>;\n    border: none;\n    font-size: <%=btn_fontsize%>px;\n    color: <%=btn_color%>;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 3px;\n    padding: 16px;\n    font-weight: 600;\n    line-height: 18px;\n    text-transform: uppercase;\n    color: #fff;\n    letter-spacing: 0.05em;\n}\n#popmechanic-form button:hover {\n    background: <%=but_col2%>;\n    color: <%=btn_hover_color%>;\n    cursor: pointer;\n    outline: none; }\n#popmechanic-form .popmechanic-subscribe_text {\n    font-style: normal;\n    font-weight: 600;\n    font-size: 14px;\n    line-height: 22px;\n}\n#popmechanic-form .popmechanic-approval {\n    font-size: <%=conf_fontsize%>px;\n    color: <%=conf_color%>;\n    font-style: normal;\n    font-weight: 400;\n    font-size: 14px;\n    line-height: 20px;\n    display: flex;\n    align-items: center;\n    width: 100%;\n    cursor: pointer;\n}\n.popmechanic-content *{\n\n    line-height: 20px !important;\n\n}\n#popmechanic-form .popmechanic-approval a {\n    color: #713D32;\n    text-decoration: underline; }\n#popmechanic-form .popmechanic-checkbox-check {\n    width: 20px;\n    height: 20px;\n    background-color: #713D32;\n    border-radius: 2px;\n    margin-right: 12px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n}\n#popmechanic-form .popmechanic-checkbox-check svg {\n\n    opacity: 0;\n}\n#popmechanic-form .popmechanic-approval input {\n    visibility: hidden;\n    display: block;\n    width: 0;\n    height: 0;\n    opacity: 0;\n}\n#popmechanic-form .popmechanic-approval input:checked ~ .popmechanic-checkbox-check svg {\n    opacity: 1;\n}\n#popmechanic-form .popmechanic-header {\n    font-size: <%=title_fontsize%>px;\n    color: <%=title_color%>;\n    font-style: normal;\n    font-weight: 500;\n    line-height: 40px;\n    margin-bottom: 20px; }\n#popmechanic-form .popmechanic-text {\n    max-width: 100%;\n    font-size: <%=sub_title_fontsize%>px;\n    color: <%=sub_title_color%>;\n    font-style: normal;\n    font-weight: 400;\n    font-size: 16px;\n    line-height: 22px;\n    color:#000000;\n    margin-bottom: 15px;\n}\n#popmechanic-form .popmechanic-thankyou .popmechanic-text {\n    font-style: normal;\n    font-weight: 600;\n    font-size: 32px;\n    line-height: 40px;\n    margin: 0 auto;\n    width: 100%;\n    margin-bottom: 12px;\n    color: #472018;\n   \n}\n#popmechanic-form .popmechanic-thankyou .caption {\n    font-style: normal;\n    font-weight: 400;\n    font-size: 20px;\n    line-height: 28px;\n}\n#popmechanic-form input.popmechanic-invalid {\n    border-color: #e84e4e; }\n#popmechanic-form .popmechanic-thankyou {\n    display: none; }\n\n.popmechanic-mobile #popmechanic-form::before, .popmechanic-tablet #popmechanic-form::before {\n<% if(parseInt(show_form_bg_mob)) { %>\nbackground: url(<%=form_bg_img_mob%>) center center no-repeat;\n    background-size: cover;\n    <% } else { %>\n         background-image: none;\n             background-color: <%=form_bg_color%>;\n             <% } %>\n}\n.popmechanic-mobile #popmechanic-form .popmechanic-main,\n.popmechanic-tablet #popmechanic-form .popmechanic-main,\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou,\n.popmechanic-tablet #popmechanic-form .popmechanic-thankyou {\n    flex-direction: column;\n    align-items: center;\n    max-width: <%=form_width_mob%>px;\n    width: 100%;\n    min-height: <%=form_height_mob%>px;\n    padding: <%=pad_top_mob%>px <%=pad_right_mob%>px <%=pad_bottom_mob%>px <%=pad_left_mob%>px;\n}\n.popmechanic-mobile #popmechanic-form .popmechanic-self-box, .popmechanic-tablet #popmechanic-form .popmechanic-self-box {\n    width: <%=img_width_mob%>px;\n    position: relative;\n    margin: 0;\n    left: <%=img_left_mob%>px;\n    top: <%=img_top_mob%>px;\n    margin-right: 0;\n    margin-bottom: 10px; }\n.popmechanic-mobile #popmechanic-form .popmechanic-content, .popmechanic-tablet #popmechanic-form .popmechanic-content {\n    margin-right: 0;\n    max-width: 100%;\n    margin-bottom: 20px; }\n.popmechanic-mobile #popmechanic-form .popmechanic-header, .popmechanic-tablet #popmechanic-form .popmechanic-header {\n    font-size: <%=title_fontsize_mob%>px;\n    text-align: center; }\n.popmechanic-mobile #popmechanic-form .popmechanic-text, .popmechanic-tablet #popmechanic-form .popmechanic-text {\n    font-size: <%=sub_title_fontsize_mob%>px;\n    text-align: center; }\n.popmechanic-mobile #popmechanic-form .popmechanic-inputs, .popmechanic-tablet #popmechanic-form .popmechanic-inputs {\n    border: none;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    height: auto;\n    width: 100%;\n}\n.popmechanic-mobile #popmechanic-form .popmechanic-inputs--wrapper, .popmechanic-tablet #popmechanic-form .popmechanic-inputs--wrapper {\n    width: auto; }\n.popmechanic-mobile #popmechanic-form .popmechanic-input, .popmechanic-tablet #popmechanic-form .popmechanic-input {\n    width: <%=inp_width_mob%>px;\n    max-width: 100%;\n}\n.popmechanic-mobile #popmechanic-form .popmechanic-input input, .popmechanic-tablet #popmechanic-form .popmechanic-input input {\n    height: <%=inp_height_mob%>px;\n    font-size: <%=inp_fontsize_mob%>px;\n    border: solid 1px <%=inp_border_color%>;\n    margin-bottom: 15px; }\n.popmechanic-mobile #popmechanic-form button, .popmechanic-tablet #popmechanic-form button {\n    width: <%=btn_width_mob%>px;\n    max-width: 100%;\n    height: <%=btn_height_mob%>px;\n    font-size: <%=btn_fontsize_mob%>px;\n}\n.popmechanic-mobile #popmechanic-form .popmechanic-subscribe_text, .popmechanic-tablet #popmechanic-form .popmechanic-subscribe_text {\n    display: inline; }\n.popmechanic-mobile #popmechanic-form .popmechanic-subscribe_img, .popmechanic-tablet #popmechanic-form .popmechanic-subscribe_img {\n    display: none; }\n.popmechanic-mobile #popmechanic-form .popmechanic-approval, .popmechanic-tablet #popmechanic-form .popmechanic-approval {\n    font-size: <%=conf_fontsize_mob%>px;\n    text-align: center; }\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou .popmechanic-text, .popmechanic-tablet #popmechanic-form .popmechanic-thankyou .popmechanic-text {\n    font-size: <%=thanks_fontsize_mob%>px;\n}\n\n.popmechanic-success #popmechanic-form .popmechanic-main {\n    display: none; }\n\n.popmechanic-success #popmechanic-form .popmechanic-thankyou {\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n    text-align: left;\n    align-items: flex-start;\n    min-height: 200px;\n}\n#popmechanic-form input.popmechanic-invalid {\n    border-color: red!important;\n    border: 1px solid red!important;\n    color: red!important;\n}\n\n<% if(parseInt(close_show)) { %>\n                                   /* CLOSE */\n                               <%\nfunction hexToRgb(hex) {\nreturn hex.replace(/^#?([a-f\\d])([a-f\\d])([a-f\\d])$/i, function (m, r, g, b) {\n    return \"#\".concat(r).concat(r).concat(g).concat(g).concat(b).concat(b);\n}).substring(1).match(/.{2}/g).map(function (x) {\n    return parseInt(x, 16);\n});\n};\n%>\n\n #popmechanic-form .popmechanic-close {\n     position: absolute;\n     z-index: 40;\n     cursor: pointer;\n }\n#popmechanic-form .popmechanic-close::before,\n#popmechanic-form .popmechanic-close::after {\n    content: \"\";\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    width: 80%;\n    height: 2px;\n    transform: translate(-50%, -50%) rotate(45deg);\n}\n#popmechanic-form .popmechanic-close::after {\n    transform: translate(-50%, -50%) rotate(135deg);\n}\n.popmechanic-desktop #popmechanic-form .popmechanic-close {\n    top: 10px;\n    right: 10px;\n    width: <%= close_size_desk %>px;\n    height: <%= close_size_desk %>px;\n<% if(parseInt(close_bg_show_desk)) { %>\nbackground-color: rgba(<%= hexToRgb(close_bg_color_desk) %>, <%= close_bg_transparency %>);\n    <% } %>\n}\n.popmechanic-desktop #popmechanic-form .popmechanic-close::before,\n.popmechanic-desktop #popmechanic-form .popmechanic-close::after {\n    background-color: <%= close_color_desk %>;\n}\n.popmechanic-tablet #popmechanic-form .popmechanic-close,\n.popmechanic-mobile #popmechanic-form .popmechanic-close {\n    top: 5px;\n    right: 5px;\n    width: <%= close_size_mob %>px;\n    height: <%= close_size_mob %>px;\n<% if(parseInt(close_bg_show_mob)) { %>\nbackground-color: rgba(<%= hexToRgb(close_bg_color_mob) %>, <%= close_bg_transparency %>);\n    <% } %>\n}\n.popmechanic-tablet #popmechanic-form .popmechanic-close::before,\n.popmechanic-tablet #popmechanic-form .popmechanic-close::after,\n.popmechanic-mobile #popmechanic-form .popmechanic-close::before,\n.popmechanic-mobile #popmechanic-form .popmechanic-close::after {\n    background-color: <%= close_color_mob %>;\n}\n<% } %>\n\n@media screen and (max-width: 850px) {\n    .popmechanic-self-box-img {\n        display: none;\n    }\n}\n\n\n\n@media screen and (max-width: 540px) {\n    #popmechanic-form .popmechanic-header {\n        font-size: 24px;\n        line-height: 30px;\n    }\n    \n    #popmechanic-form .popmechanic-text {\n        font-size: 12px;\n        line-height: 18px;\n    }\n    \n    #popmechanic-form button {\n\n    }\n\n}\n.popmechanic-tablet #popmechanic-form .popmechanic-self-box-img {\n    display: none;\n}\n\n@media screen and (max-width: 640px) {\n    #popmechanic-form .popmechanic-inputs {\n        flex-direction: column;\n    }\n}", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 85946, "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": "events", "operator": "$exclude"}, {"id": "4", "field": "page", "value": "basket", "operator": "$exclude"}, {"id": "5", "field": "page", "value": "cart", "operator": "$exclude"}, {"id": "6", "field": "page", "value": "order", "operator": "$exclude"}, {"id": "7", "field": "page", "value": "checkout", "operator": "$exclude"}, {"id": "8", "field": "page", "value": "partners", "operator": "$exclude"}, {"id": "9", "field": "page", "value": "stage", "operator": "$exclude"}, {"id": "10", "field": "page", "value": "promotions", "operator": "$exclude"}, {"id": "11", "field": "page", "value": "certificate", "operator": "$exclude"}, {"id": "12", "field": "page", "value": "collections", "operator": "$exclude"}, {"id": "13", "field": "page", "value": "articles", "operator": "$exclude"}, {"id": "14", "field": "page", "value": "sales", "operator": "$exclude"}, {"id": "15", "field": "page", "value": "feedback", "operator": "$exclude"}], "operator": "$and"}, {"id": "16", "name": "$and", "type": "current_page", "nodes": [{"id": "17", "field": "dom_element", "value": ".modal:visible", "operator": "$not_exists"}, {"id": "18", "field": "dom_element", "value": ".popup:visible", "operator": "$not_exists"}], "operator": "$and"}, {"id": "19", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": true, "operation": "popmechanic-check-segment", "segmentation": {"id": 2013, "externalId": "b43977c2-50c0-4fbb-8132-bbce03981292"}, "inSegmentByDefault": false}, "operator": "$check"}], "operator": "$and"}}, "settings_splits": [{"settings": {"url": "https://www.chitai-gorod.ru/product/sistema-spasi-sebya-sam-dlya-glavnogo-zlodeya-tom-2-kniga-tatu-otkrytka-3040615", "image": "https://personalization-web-stable.mindbox.ru/user-media/34927/ab49380c26d3c6159976036e1e7ace8ff71f89d13e6648080274be20d021e51d.png", "width": "600", "cl_col": "#f3ecec", "cl_size": "53.00", "otstup1": "15.00", "otstup2": "9.00", "showurl": "1", "width_mobile": "320.00", "showtransform": "0", "form_border_color": "#facc48", "form_border_width": "0.00", "form_border_radius": "0.00", "form_border_width2": "0"}, "button_settings": {}, "conditions_splits": [{"conditions": {"session_time": "20", "pages_session": "2"}, "combinator": "and", "id": 197575}], "id": 85354, "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": "\u0427\u0413_\u043f\u043e\u043f\u0430\u043f_\u0421\u0438\u0441\u0442\u0435\u043c\u0430 \u0421\u043f\u0430\u0441\u0438-\u0421\u0435\u0431\u044f-\u0421\u0430\u043c \u0434\u043b\u044f \u0413\u043b\u0430\u0432\u043d\u043e\u0433\u043e \u0417\u043b\u043e\u0434\u0435\u044f. \u0422\u043e\u043c 2", "active": true, "embed_selector": false, "selector": "", "placement": "start", "frequency": {"once_lifetime": true, "once_session": false, "priority": false, "minimal_timeout": null}, "start_date": "2024-06-03T12:00:00+03:00", "end_date": "2024-07-07T23:30:00+03:00", "day_of_week": [true, true, true, true, true, true, true], "start_time": null, "end_time": null, "timezone_minutes": 180, "custom_fields": [], "container_id": null, "child_forms": [], "salt": null, "control_group": null, "variants": [{"is_winner": false, "ab_test_variant_internal_id": null, "view_settings": {"button_template": null, "rendered_preview": "https://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-86094.png?ts=1719903225045", "rendered_button_preview": null, "settings": {"url": "https://www.chitai-gorod.ru/product/sistema-spasi-sebya-sam-dlya-glavnogo-zlodeya-tom-2-kniga-tatu-otkrytka-3040615", "image": "https://personalization-web-stable.mindbox.ru/user-media/34927/ab49380c26d3c6159976036e1e7ace8ff71f89d13e6648080274be20d021e51d.png", "width": "600", "cl_col": "#f3ecec", "cl_size": "53.00", "otstup1": "15.00", "otstup2": "9.00", "showurl": "1", "width_mobile": "320.00", "showtransform": "0", "form_border_color": "#facc48", "form_border_width": "0.00", "form_border_radius": "0.00", "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": 85881, "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": "events", "operator": "$exclude"}, {"id": "4", "field": "page", "value": "basket", "operator": "$exclude"}, {"id": "5", "field": "page", "value": "cart", "operator": "$exclude"}, {"id": "6", "field": "page", "value": "order", "operator": "$exclude"}, {"id": "7", "field": "page", "value": "checkout", "operator": "$exclude"}, {"id": "8", "field": "page", "value": "partners", "operator": "$exclude"}, {"id": "9", "field": "page", "value": "stage", "operator": "$exclude"}, {"id": "10", "field": "page", "value": "promotions", "operator": "$exclude"}, {"id": "11", "field": "page", "value": "certificate", "operator": "$exclude"}, {"id": "12", "field": "page", "value": "collections", "operator": "$exclude"}, {"id": "13", "field": "page", "value": "articles", "operator": "$exclude"}, {"id": "14", "field": "page", "value": "sales", "operator": "$exclude"}, {"id": "15", "field": "page", "value": "feedback", "operator": "$exclude"}], "operator": "$and"}, {"id": "16", "name": "$and", "type": "current_page", "nodes": [{"id": "17", "field": "dom_element", "value": ".modal:visible", "operator": "$not_exists"}, {"id": "18", "field": "dom_element", "value": ".popup:visible", "operator": "$not_exists"}], "operator": "$and"}, {"id": "19", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": true, "operation": "popmechanic-check-segment", "segmentation": {"id": 2031, "externalId": "2ff20835-4dca-41f2-adda-76e31a7fcd46"}, "inSegmentByDefault": false}, "operator": "$check"}], "operator": "$and"}}, "settings_splits": [{"settings": {"url": "https://www.chitai-gorod.ru/profile/personal-data", "image": "https://personalization-web-stable.mindbox.ru/user-media/34927/a967607598feb9bf1fbd55de0e12ba874bb4c2f6a4e372aed5c6864a35d032b0.png", "width": "400.00", "cl_col": "#f3ecec", "cl_size": "41.00", "otstup1": "0.00", "otstup2": "-2.00", "showurl": "1", "width_mobile": "320.00", "showtransform": "0", "form_border_color": "#facc48", "form_border_width": "0.00", "form_border_radius": "0.00", "form_border_width2": "0"}, "button_settings": {}, "conditions_splits": [{"conditions": {"session_time": "20", "pages_session": "2"}, "combinator": "and", "id": 197536}], "id": 85289, "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": "\u0427\u0413_\u043f\u043e\u043f\u0430\u043f_240412_\u0437\u0430\u043f\u043e\u043b\u043d\u0438\u0442\u0435_\u0414\u0420", "active": true, "embed_selector": false, "selector": "", "placement": "start", "frequency": {"once_lifetime": true, "once_session": false, "priority": true, "minimal_timeout": null}, "start_date": null, "end_date": null, "day_of_week": [true, true, true, true, true, true, true], "start_time": null, "end_time": null, "timezone_minutes": 180, "custom_fields": [], "container_id": null, "child_forms": [], "salt": null, "control_group": null, "variants": [{"is_winner": false, "ab_test_variant_internal_id": null, "view_settings": {"button_template": null, "rendered_preview": "https://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-86023.png?ts=1716544512524", "rendered_button_preview": null, "settings": {"url": "https://www.chitai-gorod.ru/profile/personal-data", "image": "https://personalization-web-stable.mindbox.ru/user-media/34927/a967607598feb9bf1fbd55de0e12ba874bb4c2f6a4e372aed5c6864a35d032b0.png", "width": "400.00", "cl_col": "#f3ecec", "cl_size": "41.00", "otstup1": "0.00", "otstup2": "-2.00", "showurl": "1", "width_mobile": "320.00", "showtransform": "0", "form_border_color": "#facc48", "form_border_width": "0.00", "form_border_radius": "0.00", "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": 85804, "template": 1843, "button_template": null, "test_group": null, "new_targeting": {"filter": {"id": "root", "name": "root", "nodes": [{"id": "2", "name": "$and", "type": "current_page", "nodes": [{"id": "3", "field": "page", "value": ["izuchaem-inostrannye-jazyki"], "operator": "$in_contains"}], "operator": "$and"}], "operator": "$and"}}, "settings_splits": [{"settings": {"img": "https://content.img-gorod.ru/mb/mailcorgy.svg", "img2": "https://static.popmechanic.ru/media/lifehacker/img/send.svg", "text": "\u041f\u043e\u043b\u0443\u0447\u0430\u0439\u0442\u0435 \u0430\u043a\u0442\u0443\u0430\u043b\u044c\u043d\u044b\u0435 \u043d\u043e\u0432\u0438\u043d\u043a\u0438, \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0435 \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0438 \u043b\u0443\u0447\u0448\u0438\u0435 \u0430\u043a\u0446\u0438\u0438.", "header": "\u0414\u0430\u0440\u0438\u043c \u0431\u043e\u043d\u0443\u0441\u044b \u0437\u0430 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0443!", "submit": "\u041f\u043e\u0434\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f", "img_top": "10.00", "pad_top": "50.00", "but_col1": "#713D32", "but_col2": "#472018", "img_left": "0.00", "show_img": "0", "btn_color": "#fafafa", "btn_width": "90", "form_font": "Roboto, sans-serif", "img_width": "200.00", "inp_color": "#242424", "inp_width": "460.00", "close_show": "0", "conf_color": "#242424", "inp_height": "52", "pad_bottom": "10.00", "show_title": "0", "custom_font": "Inter, Arial, sans-serif", "form_bg_img": "https://book24.ru/_ssr/img/backgrounds/subscriptions-main-bg.svg", "form_height": "251.00", "img_top_mob": "1", "lang_helper": "ru", "pad_top_mob": "15", "show_policy": "1", "title_color": "#242424", "btn_fontsize": "12.00", "img_left_mob": "1", "inp_fontsize": "16.00", "pad_left_mob": "15", "show_btn_img": "0", "show_form_bg": "0", "btn_width_mob": "300.00", "conf_fontsize": "14.00", "conf_link_url": "https://www.chitai-gorod.ru/about/policy/", "form_bg_color": "", "img_width_mob": "150", "inp_width_mob": "300", "pad_right_mob": "15", "thankyou_text": "\u0412\u044b \u0443\u0441\u043f\u0435\u0448\u043d\u043e \u043f\u043e\u0434\u043f\u0438\u0441\u0430\u043b\u0438\u0441\u044c \u043d\u0430 \u0440\u0430\u0441\u0441\u044b\u043b\u043a\u0443", "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": "34.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": "1", "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.00", "title_fontsize_mob": "25", "close_bg_color_desk": "#000000", "conf_text_post_link": "\u043d\u0430 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u0441\u0432\u043e\u0438\u0445 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445", "inputs_border_color": "#ffffff", "thanks_fontsize_mob": "16", "close_bg_transparency": "0.5", "sub_title_fontsize_mob": "14"}, "button_settings": {}, "conditions_splits": [], "id": 85212, "behavior_settings": {"lead": {"legal_text": ""}, "embedded": {"animation_out": "fadeOut"}}}], "pinned": false, "name": "\u0422\u0415\u0421\u0422 \u0421\u0435\u0440\u0433\u0435\u044f \u0427", "active": true, "embed_selector": true, "selector": "#018c1611-a851-7197-9884-16a80c417455", "placement": "before", "frequency": {"once_lifetime": false, "once_session": false, "priority": false, "minimal_timeout": null}, "start_date": null, "end_date": null, "day_of_week": [true, true, true, true, true, true, true], "start_time": null, "end_time": null, "timezone_minutes": 180, "custom_fields": [], "container_id": null, "child_forms": [], "salt": null, "control_group": null, "variants": [{"is_winner": false, "ab_test_variant_internal_id": null, "view_settings": {"button_template": null, "rendered_preview": "https://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-85945.png?ts=1715084219319", "rendered_button_preview": null, "settings": {"img": "https://content.img-gorod.ru/mb/mailcorgy.svg", "img2": "https://static.popmechanic.ru/media/lifehacker/img/send.svg", "text": "\u041f\u043e\u043b\u0443\u0447\u0430\u0439\u0442\u0435 \u0430\u043a\u0442\u0443\u0430\u043b\u044c\u043d\u044b\u0435 \u043d\u043e\u0432\u0438\u043d\u043a\u0438, \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0435 \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0438 \u043b\u0443\u0447\u0448\u0438\u0435 \u0430\u043a\u0446\u0438\u0438.", "header": "\u0414\u0430\u0440\u0438\u043c \u0431\u043e\u043d\u0443\u0441\u044b \u0437\u0430 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0443!", "submit": "\u041f\u043e\u0434\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f", "img_top": "10.00", "pad_top": "50.00", "but_col1": "#713D32", "but_col2": "#472018", "img_left": "0.00", "show_img": "0", "btn_color": "#fafafa", "btn_width": "90", "form_font": "Roboto, sans-serif", "img_width": "200.00", "inp_color": "#242424", "inp_width": "460.00", "close_show": "0", "conf_color": "#242424", "inp_height": "52", "pad_bottom": "10.00", "show_title": "0", "custom_font": "Inter, Arial, sans-serif", "form_bg_img": "https://book24.ru/_ssr/img/backgrounds/subscriptions-main-bg.svg", "form_height": "251.00", "img_top_mob": "1", "lang_helper": "ru", "pad_top_mob": "15", "show_policy": "1", "title_color": "#242424", "btn_fontsize": "12.00", "img_left_mob": "1", "inp_fontsize": "16.00", "pad_left_mob": "15", "show_btn_img": "0", "show_form_bg": "0", "btn_width_mob": "300.00", "conf_fontsize": "14.00", "conf_link_url": "https://www.chitai-gorod.ru/about/policy/", "form_bg_color": "", "img_width_mob": "150", "inp_width_mob": "300", "pad_right_mob": "15", "thankyou_text": "\u0412\u044b \u0443\u0441\u043f\u0435\u0448\u043d\u043e \u043f\u043e\u0434\u043f\u0438\u0441\u0430\u043b\u0438\u0441\u044c \u043d\u0430 \u0440\u0430\u0441\u0441\u044b\u043b\u043a\u0443", "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": "34.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": "1", "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.00", "title_fontsize_mob": "25", "close_bg_color_desk": "#000000", "conf_text_post_link": "\u043d\u0430 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u0441\u0432\u043e\u0438\u0445 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445", "inputs_border_color": "#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\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\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\r\n<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n<g clip-path=\"url(#clip0)\">\r\n<path d=\"M13 4L6.14671 12L3 8.32677\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n</g>\r\n<defs>\r\n<clipPath id=\"clip0\">\r\n<rect width=\"16\" height=\"16\" fill=\"white\"/>\r\n</clipPath>\r\n</defs>\r\n</svg>\r\n\r\n\t\t\t\t</div>\r\n\t\t\t\t<span>\u042f \u0434\u0430\u044e \u0441\u043e\u0433\u043b\u0430\u0441\u0438\u0435 \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<br> \u0432 \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0438\u0438 \u0441 <a href=\"/about/policy\" target=\"_blank\">\u041f\u043e\u043b\u0438\u0442\u0438\u043a\u043e\u0439 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445</a></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<% if (parseInt(show_img)) { %>\r\n\t\t<div class=\"popmechanic-self-box-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</div>\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\">\u041c\u044b \u0443\u0436\u0435 \u0433\u043e\u0442\u043e\u0432\u0438\u043c \u0434\u043b\u044f \u0432\u0430\u0441 \u043f\u043e\u0441\u043b\u0430\u043d\u0438\u044f \u0441 \u0441\u0430\u043c\u044b\u043c\u0438 \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u044b\u043c\u0438 \u043d\u043e\u0432\u043e\u0441\u0442\u044f\u043c\u0438. \u0416\u0434\u0438\u0442\u0435 \u0433\u043e\u043d\u0446\u043e\u0432!</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)) { %>\n@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&family=Roboto:wght@400;500;700&display=swap');\n    <% } %>\n\n          <% try {\n                 close_show = close_show;\n                 close_size_desk = close_size_desk;\n                 close_size_mob = close_size_mob;\n                 close_color_desk = close_color_desk;\n                 close_color_mob = close_color_mob;\n                 close_bg_show_desk = close_bg_show_desk;\n                 close_bg_color_desk = close_bg_color_desk;\n                 close_bg_show_mob = close_bg_show_mob;\n                 close_bg_color_mob = close_bg_color_mob;\n                 close_bg_transparency = close_bg_transparency;\n             } catch (e) {\n    close_show = 0\n    close_size_desk = 20\n    close_size_mob = 20\n    close_color_desk = '#000000'\n    close_color_mob = '#000000'\n    close_bg_show_desk = 0\n    close_bg_color_desk = '#000000'\n    close_bg_show_mob = 0\n    close_bg_color_mob = '#000000'\n    close_bg_transparency = 0.5\n}\n%>\n\n .popmechanic-reset,\n .popmechanic-reset * {\n     line-height: normal;\n     box-sizing: border-box;\n }\n\n#popmechanic-form {\n    position: relative;\n<% if (parseInt(use_custom_font)) { %>\nfont-family: <%=custom_font%>;\n    <% } else { %>\n         font-family: <%=form_font%>;\n             <% } %>\n                   width: 100%;\nbox-sizing: border-box;\nz-index: 2;\n}\n#popmechanic-form::before {\n    content: \"\";\n    display: block;\n    width: 100%;\n    height: 100%;\n    position: absolute;\n    top: 0;\n    left: 0;\n    bottom: 0;\n    right: 0;\n    background-color: <%=form_bg_color%>;\n\n    z-index: 1;\n<% if(parseInt(show_form_bg)) { %>\nbackground: url(<%=form_bg_img%>) center center no-repeat;\n    background-size: cover;\n    <% } %>\n          border-radius: 4px;\n}\n#popmechanic-form .popmechanic-main,\n#popmechanic-form .popmechanic-thankyou {\n    position: relative;\n    z-index: 2;\n    display: flex;\n    align-items: flex-start;\n    width: 100%;\n    justify-content: center;\n    max-width: 1300px;\n    min-height: 150px !important;\n    margin: 0 auto;\n}\n#popmechanic-form .popmechanic-self-box {\n    width: <%=img_width%>px;\n    max-width: 100%;\n    position: relative;\n    margin-left: <%=img_left%>px;\n    margin-top: <%=img_top%>px;\n    margin-right: 380px;\n}\n#popmechanic-form .popmechanic-content {\n    width: 100%;\n}\n#popmechanic-form .popmechanic-inputs {\n    display: flex;\n    flex-direction: row;\n    justify-content: space-between;\n    margin-bottom: 24px;\n    width: 100%;\n    gap: 15px;\n}\n#popmechanic-form .popmechanic-inputs--wrapper {\n    /* flex: 1; */\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    max-width: 100%;\n}\n#popmechanic-form .popmechanic-input {\n    width: 100%;\n    height: 100%;\n    max-width: 100%;\n}\n#popmechanic-form .popmechanic-input input {\n    width: 100%;\n    height: <%=inp_height%>px;\n    border: none;\n    background-color: #FFF;\n    border-radius: 4px;\n    border:1px solid #e4e4e4;\n    font-size: <%=inp_fontsize%>px;\n    color: <%=inp_color%>;\n    padding-left: 24px;\n}\n#popmechanic-form .popmechanic-input input::placeholder {\n    color: <%=inp_color%>;\n    opacity: .6;\n    text-decoration: none;\n    font-style: normal;\n}\n#popmechanic-form input::-moz-placeholder {\n    color: <%=inp_color%>;\n    opacity: .6;\n}\n#popmechanic-form input::-ms-input-placeholder {\n    color: <%=inp_color%>;\n    opacity: .6;\n}\n#popmechanic-form input:hover, #popmechanic-form input:focus {\n    outline: none; }\n#popmechanic-form button {\n    flex-shrink: 0;\n    height: 52px;\n    background-color: <%=but_col1%>;\n    border: none;\n    font-size: <%=btn_fontsize%>px;\n    color: <%=btn_color%>;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 3px;\n    padding: 16px;\n    font-weight: 600;\n    line-height: 18px;\n    text-transform: uppercase;\n    color: #fff;\n    letter-spacing: 0.05em;\n}\n#popmechanic-form button:hover {\n    background: <%=but_col2%>;\n    color: <%=btn_hover_color%>;\n    cursor: pointer;\n    outline: none; }\n#popmechanic-form .popmechanic-subscribe_text {\n    font-style: normal;\n    font-weight: 600;\n    font-size: 14px;\n    line-height: 22px;\n}\n#popmechanic-form .popmechanic-approval {\n    font-size: <%=conf_fontsize%>px;\n    color: <%=conf_color%>;\n    font-style: normal;\n    font-weight: 400;\n    font-size: 14px;\n    line-height: 20px;\n    display: flex;\n    align-items: center;\n    width: 100%;\n    cursor: pointer;\n}\n.popmechanic-content *{\n\n    line-height: 20px !important;\n\n}\n#popmechanic-form .popmechanic-approval a {\n    color: #713D32;\n    text-decoration: underline; }\n#popmechanic-form .popmechanic-checkbox-check {\n    width: 20px;\n    height: 20px;\n    background-color: #713D32;\n    border-radius: 2px;\n    margin-right: 12px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n}\n#popmechanic-form .popmechanic-checkbox-check svg {\n\n    opacity: 0;\n}\n#popmechanic-form .popmechanic-approval input {\n    visibility: hidden;\n    display: block;\n    width: 0;\n    height: 0;\n    opacity: 0;\n}\n#popmechanic-form .popmechanic-approval input:checked ~ .popmechanic-checkbox-check svg {\n    opacity: 1;\n}\n#popmechanic-form .popmechanic-header {\n    font-size: <%=title_fontsize%>px;\n    color: <%=title_color%>;\n    font-style: normal;\n    font-weight: 500;\n    line-height: 40px;\n    margin-bottom: 20px; }\n#popmechanic-form .popmechanic-text {\n    max-width: 100%;\n    font-size: <%=sub_title_fontsize%>px;\n    color: <%=sub_title_color%>;\n    font-style: normal;\n    font-weight: 400;\n    font-size: 16px;\n    line-height: 22px;\n    color:#000000;\n    margin-bottom: 15px;\n}\n#popmechanic-form .popmechanic-thankyou .popmechanic-text {\n    font-style: normal;\n    font-weight: 600;\n    font-size: 32px;\n    line-height: 40px;\n    margin: 0 auto;\n    width: 100%;\n    margin-bottom: 12px;\n    color: #472018;\n   \n}\n#popmechanic-form .popmechanic-thankyou .caption {\n    font-style: normal;\n    font-weight: 400;\n    font-size: 20px;\n    line-height: 28px;\n}\n#popmechanic-form input.popmechanic-invalid {\n    border-color: #e84e4e; }\n#popmechanic-form .popmechanic-thankyou {\n    display: none; }\n\n.popmechanic-mobile #popmechanic-form::before, .popmechanic-tablet #popmechanic-form::before {\n<% if(parseInt(show_form_bg_mob)) { %>\nbackground: url(<%=form_bg_img_mob%>) center center no-repeat;\n    background-size: cover;\n    <% } else { %>\n         background-image: none;\n             background-color: <%=form_bg_color%>;\n             <% } %>\n}\n.popmechanic-mobile #popmechanic-form .popmechanic-main,\n.popmechanic-tablet #popmechanic-form .popmechanic-main,\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou,\n.popmechanic-tablet #popmechanic-form .popmechanic-thankyou {\n    flex-direction: column;\n    align-items: center;\n    max-width: <%=form_width_mob%>px;\n    width: 100%;\n    min-height: <%=form_height_mob%>px;\n    padding: <%=pad_top_mob%>px <%=pad_right_mob%>px <%=pad_bottom_mob%>px <%=pad_left_mob%>px;\n}\n.popmechanic-mobile #popmechanic-form .popmechanic-self-box, .popmechanic-tablet #popmechanic-form .popmechanic-self-box {\n    width: <%=img_width_mob%>px;\n    position: relative;\n    margin: 0;\n    left: <%=img_left_mob%>px;\n    top: <%=img_top_mob%>px;\n    margin-right: 0;\n    margin-bottom: 10px; }\n.popmechanic-mobile #popmechanic-form .popmechanic-content, .popmechanic-tablet #popmechanic-form .popmechanic-content {\n    margin-right: 0;\n    max-width: 100%;\n    margin-bottom: 20px; }\n.popmechanic-mobile #popmechanic-form .popmechanic-header, .popmechanic-tablet #popmechanic-form .popmechanic-header {\n    font-size: <%=title_fontsize_mob%>px;\n    text-align: center; }\n.popmechanic-mobile #popmechanic-form .popmechanic-text, .popmechanic-tablet #popmechanic-form .popmechanic-text {\n    font-size: <%=sub_title_fontsize_mob%>px;\n    text-align: center; }\n.popmechanic-mobile #popmechanic-form .popmechanic-inputs, .popmechanic-tablet #popmechanic-form .popmechanic-inputs {\n    border: none;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    height: auto;\n    width: 100%;\n}\n.popmechanic-mobile #popmechanic-form .popmechanic-inputs--wrapper, .popmechanic-tablet #popmechanic-form .popmechanic-inputs--wrapper {\n    width: auto; }\n.popmechanic-mobile #popmechanic-form .popmechanic-input, .popmechanic-tablet #popmechanic-form .popmechanic-input {\n    width: <%=inp_width_mob%>px;\n    max-width: 100%;\n}\n.popmechanic-mobile #popmechanic-form .popmechanic-input input, .popmechanic-tablet #popmechanic-form .popmechanic-input input {\n    height: <%=inp_height_mob%>px;\n    font-size: <%=inp_fontsize_mob%>px;\n    border: solid 1px <%=inp_border_color%>;\n    margin-bottom: 15px; }\n.popmechanic-mobile #popmechanic-form button, .popmechanic-tablet #popmechanic-form button {\n    width: <%=btn_width_mob%>px;\n    max-width: 100%;\n    height: <%=btn_height_mob%>px;\n    font-size: <%=btn_fontsize_mob%>px;\n}\n.popmechanic-mobile #popmechanic-form .popmechanic-subscribe_text, .popmechanic-tablet #popmechanic-form .popmechanic-subscribe_text {\n    display: inline; }\n.popmechanic-mobile #popmechanic-form .popmechanic-subscribe_img, .popmechanic-tablet #popmechanic-form .popmechanic-subscribe_img {\n    display: none; }\n.popmechanic-mobile #popmechanic-form .popmechanic-approval, .popmechanic-tablet #popmechanic-form .popmechanic-approval {\n    font-size: <%=conf_fontsize_mob%>px;\n    text-align: center; }\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou .popmechanic-text, .popmechanic-tablet #popmechanic-form .popmechanic-thankyou .popmechanic-text {\n    font-size: <%=thanks_fontsize_mob%>px;\n}\n\n.popmechanic-success #popmechanic-form .popmechanic-main {\n    display: none; }\n\n.popmechanic-success #popmechanic-form .popmechanic-thankyou {\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n    text-align: left;\n    align-items: flex-start;\n    min-height: 200px;\n}\n#popmechanic-form input.popmechanic-invalid {\n    border-color: red!important;\n    border: 1px solid red!important;\n    color: red!important;\n}\n\n<% if(parseInt(close_show)) { %>\n                                   /* CLOSE */\n                               <%\nfunction hexToRgb(hex) {\nreturn hex.replace(/^#?([a-f\\d])([a-f\\d])([a-f\\d])$/i, function (m, r, g, b) {\n    return \"#\".concat(r).concat(r).concat(g).concat(g).concat(b).concat(b);\n}).substring(1).match(/.{2}/g).map(function (x) {\n    return parseInt(x, 16);\n});\n};\n%>\n\n #popmechanic-form .popmechanic-close {\n     position: absolute;\n     z-index: 40;\n     cursor: pointer;\n }\n#popmechanic-form .popmechanic-close::before,\n#popmechanic-form .popmechanic-close::after {\n    content: \"\";\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    width: 80%;\n    height: 2px;\n    transform: translate(-50%, -50%) rotate(45deg);\n}\n#popmechanic-form .popmechanic-close::after {\n    transform: translate(-50%, -50%) rotate(135deg);\n}\n.popmechanic-desktop #popmechanic-form .popmechanic-close {\n    top: 10px;\n    right: 10px;\n    width: <%= close_size_desk %>px;\n    height: <%= close_size_desk %>px;\n<% if(parseInt(close_bg_show_desk)) { %>\nbackground-color: rgba(<%= hexToRgb(close_bg_color_desk) %>, <%= close_bg_transparency %>);\n    <% } %>\n}\n.popmechanic-desktop #popmechanic-form .popmechanic-close::before,\n.popmechanic-desktop #popmechanic-form .popmechanic-close::after {\n    background-color: <%= close_color_desk %>;\n}\n.popmechanic-tablet #popmechanic-form .popmechanic-close,\n.popmechanic-mobile #popmechanic-form .popmechanic-close {\n    top: 5px;\n    right: 5px;\n    width: <%= close_size_mob %>px;\n    height: <%= close_size_mob %>px;\n<% if(parseInt(close_bg_show_mob)) { %>\nbackground-color: rgba(<%= hexToRgb(close_bg_color_mob) %>, <%= close_bg_transparency %>);\n    <% } %>\n}\n.popmechanic-tablet #popmechanic-form .popmechanic-close::before,\n.popmechanic-tablet #popmechanic-form .popmechanic-close::after,\n.popmechanic-mobile #popmechanic-form .popmechanic-close::before,\n.popmechanic-mobile #popmechanic-form .popmechanic-close::after {\n    background-color: <%= close_color_mob %>;\n}\n<% } %>\n\n@media screen and (max-width: 850px) {\n    .popmechanic-self-box-img {\n        display: none;\n    }\n}\n\n\n\n@media screen and (max-width: 540px) {\n    #popmechanic-form .popmechanic-header {\n        font-size: 24px;\n        line-height: 30px;\n    }\n    \n    #popmechanic-form .popmechanic-text {\n        font-size: 12px;\n        line-height: 18px;\n    }\n    \n    #popmechanic-form button {\n\n    }\n\n}\n.popmechanic-tablet #popmechanic-form .popmechanic-self-box-img {\n    display: none;\n}\n\n@media screen and (max-width: 640px) {\n    #popmechanic-form .popmechanic-inputs {\n        flex-direction: column;\n    }\n}", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 62949, "template": 2010, "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": 891, "externalId": "c3defdbc-b056-4390-892e-2e58af46de62"}, "inSegmentByDefault": false}, "operator": "$check"}, {"id": "3", "name": "$and", "type": "current_page", "nodes": [{"id": "4", "field": "page", "value": "events", "operator": "$exclude"}, {"id": "5", "field": "page", "value": "basket", "operator": "$exclude"}, {"id": "6", "field": "page", "value": "cart", "operator": "$exclude"}, {"id": "7", "field": "page", "value": "partners", "operator": "$exclude"}, {"id": "8", "field": "page", "value": "stage", "operator": "$exclude"}, {"id": "9", "field": "page", "value": "order", "operator": "$exclude"}, {"id": "10", "field": "page", "value": "checkout", "operator": "$exclude"}, {"id": "11", "field": "page", "value": "skidka-25-dlya-novyh-podpischikov-11301", "operator": "$exclude"}, {"id": "12", "field": "dom_element", "value": ".modal:visible", "operator": "$not_exists"}, {"id": "13", "field": "dom_element", "value": ".popup:visible", "operator": "$not_exists"}], "operator": "$and"}], "operator": "$and"}}, "settings_splits": [{"settings": {"img": "https://personalization-web-stable.mindbox.ru/user-media/5035/23a6f913ee39d93a0401c20ed88acb02491c1f8f82da3f596f79682e1f8fbc4a.png", "font": "Roboto, sans-serif", "bg_img": "", "height": "165.00", "title1": "\u041a\u0440\u0443\u0442\u0438\u0442\u0435 \u043d\u0430 \u0443\u0434\u0430\u0447\u0443!", "title2": "\u041f\u043e\u0437\u0434\u0440\u0430\u0432\u043b\u044f\u0435\u043c!", "button2": "\u0414\u043e\u0436\u0434\u0430\u0442\u044c\u0441\u044f \u043f\u0438\u0441\u044c\u043c\u0430", "img_top": "135.00", "padding": "20.00", "sectors": "12", "bg_color": "#fff", "input_bg": "#fff", "img_width": "245.00", "show_half": "1", "subtitle1": "\u041a\u0443\u0434\u0430 \u043e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c \u043f\u0440\u0438\u0437?", "subtitle2": "\u041f\u0440\u043e\u0432\u0435\u0440\u044c\u0442\u0435 \u0441\u0432\u043e\u044e \u043f\u043e\u0447\u0442\u0443 \u0438 \u043f\u043e\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u0435 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0443, \u0447\u0442\u043e\u0431\u044b \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c 50 \u0431\u043e\u043d\u0443\u0441\u043e\u0432! ", "arrow_fill": "#fff", "form_width": "620.00", "img_enable": "0", "img_header": "", "sector_odd": "#8CC53F", "title_size": "28.00", "circle_left": "0.00", "cross_color": "#BBB", "fields_list": [{"name": "Email", "type": "email", "params": {}, "required": true, "placeholder": "\u0412\u0430\u0448\u0430 \u043f\u043e\u0447\u0442\u0430", "machine_name": "email"}, {"name": "\u041a\u043d\u043e\u043f\u043a\u0430", "type": "submit", "params": {"submit1_text": "\u041a\u0440\u0443\u0442\u0438\u0442\u044c \u043a\u043e\u043b\u0435\u0441\u043e", "submits_count": 1}, "machine_name": "button"}, {"name": "", "type": "checkbox", "label": "\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 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443", "params": {"checked": true, "options": [], "link_href": "https://www.chitai-gorod.ru/about/policy/", "link_text": "\u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445", "show_link": true, "submit1_text": "", "submit2_text": "", "submit1_value": "", "submit2_value": "", "submits_count": 1, "text_after_link": ""}, "required": true, "placeholder": "", "machine_name": "checkbox", "error_message_text": "", "show_error_message": false}], "font_custom": "\"Inter\",system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,\"Arial\"", "input_color": "#0D0C22", "input_width": "325", "sector_even": "#785EEA", "show_button": "1", "title_color": "#242424", "variant1_on": "1", "variant2_on": "1", "variant3_on": "1", "variant4_on": "1", "variant5_on": "0", "variant6_on": "0", "variant7_on": "0", "variant8_on": "0", "variant9_on": "0", "arrow_border": "#fff", "arrow_circle": "#555", "border_color": "#ffffff", "border_width": "4", "btn_bg_color": "#8CC53F", "input_height": "12.00", "input_radius": "4.00", "sector_color": "#ffffff", "variant10_on": "0", "variant11_on": "0", "variant12_on": "0", "variant13_on": "0", "variant14_on": "0", "variant15_on": "0", "variant16_on": "0", "variant17_on": "0", "variant18_on": "0", "bg_img_enable": "0", "border_enable": "0", "border_radius": "4.00", "shadow_enable": "1", "subtitle_size": "16.00", "variant1_prob": "1", "variant1_text": "50 \u0431\u043e\u043d\u0443\u0441\u043e\u0432", "variant2_prob": "1", "variant2_text": "20% \u0441\u043a\u0438\u0434\u043a\u0430", "variant3_prob": "1", "variant3_text": "30 \u0431\u043e\u043d\u0443\u0441\u043e\u0432", "variant4_prob": "1", "variant4_text": "25% \u0441\u043a\u0438\u0434\u043a\u0430", "variant5_prob": "1", "variant5_text": "\u0412\u0430\u0440\u0438\u0430\u043d\u0442 5", "variant6_prob": "1", "variant6_text": "\u0412\u0430\u0440\u0438\u0430\u043d\u0442 6", "variant7_prob": "1", "variant7_text": "\u0412\u0430\u0440\u0438\u0430\u043d\u0442 7", "variant8_prob": "1", "variant8_text": "\u0412\u0430\u0440\u0438\u0430\u043d\u0442 8", "variant9_prob": "1", "variant9_text": "\u0412\u0430\u0440\u0438\u0430\u043d\u0442 9", "img_header_top": "1", "text_align_mob": "left", "title_size_mob": "16", "variant10_prob": "1", "variant10_text": "\u0412\u0430\u0440\u0438\u0430\u043d\u0442 10", "variant11_prob": "1", "variant11_text": "\u0412\u0430\u0440\u0438\u0430\u043d\u0442 11", "variant12_prob": "1", "variant12_text": "\u0412\u0430\u0440\u0438\u0430\u043d\u0442 12", "variant13_prob": "1", "variant13_text": "\u0412\u0430\u0440\u0438\u0430\u043d\u0442 13", "variant14_prob": "1", "variant14_text": "\u0412\u0430\u0440\u0438\u0430\u043d\u0442 14", "variant15_prob": "1", "variant15_text": "\u0412\u0430\u0440\u0438\u0430\u043d\u0442 15", "variant16_prob": "1", "variant16_text": "\u0412\u0430\u0440\u0438\u0430\u043d\u0442 16", "variant17_prob": "1", "variant17_text": "\u0412\u0430\u0440\u0438\u0430\u043d\u0442 17", "variant18_prob": "1", "variant18_text": "\u0412\u0430\u0440\u0438\u0430\u043d\u0442 18", "variant1_color": "#ffffff", "variant1_value": "1", "variant2_color": "#ffffff", "variant2_value": "2", "variant3_color": "#ffffff", "variant3_value": "3", "variant4_color": "#ffffff", "variant4_value": "4", "variant5_color": "#ffffff", "variant5_value": "5", "variant6_color": "#ffffff", "variant6_value": "6", "variant7_color": "#ffffff", "variant7_value": "7", "variant8_color": "#ffffff", "variant8_value": "8", "variant9_color": "#ffffff", "variant9_value": "9", "bg_circle_color": "#031acf", "input_font_size": "16", "rotation_result": "0", "sector_bit_size": "13.00", "variant10_color": "#ffffff", "variant10_value": "10", "variant11_color": "#ffffff", "variant11_value": "11", "variant12_color": "#ffffff", "variant12_value": "12", "variant13_color": "#ffffff", "variant13_value": "13", "variant14_color": "#ffffff", "variant14_value": "14", "variant15_color": "#ffffff", "variant15_value": "15", "variant16_color": "#ffffff", "variant16_value": "16", "variant17_color": "#ffffff", "variant17_value": "17", "variant18_color": "#ffffff", "variant18_value": "18", "btn_bg_color_hov": "#8CC53F", "button_font_size": "16.00", "font_custom_show": "1", "img_header_width": "219", "input_height_mob": "11", "subtitle1_enable": "1", "subtitle2_enable": "1", "bg_circle_opacity": "0.00", "button_font_color": "#ffffff", "img_header_enable": "0", "img_padding_bottom": "47.00", "input_border_color": "#CBD6DE", "input_border_width": "1", "use_variants_color": "0", "circle_border_color": "#ffffff", "variant1_background": "#8A68CC", "variant2_background": "#2D9CDA", "variant3_background": "#0054A5", "variant4_background": "#2D9CDA", "variant5_background": "#0054A5", "variant6_background": "#2D9CDA", "variant7_background": "#0054A5", "variant8_background": "#2D9CDA", "variant9_background": "#0054A5", "checkbox_check_color": "#6c94ba", "circle_radius_mobile": "160.00", "variant10_background": "#2D9CDA", "variant11_background": "#0054A5", "variant12_background": "#2D9CDA", "variant13_background": "#0054A5", "variant14_background": "#2D9CDA", "variant15_background": "#0054A5", "variant16_background": "#2D9CDA", "variant17_background": "#0054A5", "variant18_background": "#2D9CDA", "checkbox_check_border": "#CBD6DE", "circle_radius_desktop": "175.00", "use_variants_background": "0", "img_header_padding_bottom": "42"}, "button_settings": {}, "conditions_splits": [{"conditions": {"session_time": "60", "pages_session": "2"}, "combinator": "and", "id": 182510}], "id": 62357, "behavior_settings": {"lead": {"legal_text": ""}, "button": {"on": false, "positions": {"desktop": {"top": "0px", "left": "0px"}}, "conditions": "targeting", "show_before": true}, "partscreen": {"mobile": {"target": "window", "position": "bottom", "vertical_offset": 0, "element_position": "right", "horizontal_offset": 0, "element_vertical_offset": 0, "element_horizontal_offset": 0}, "tablet": null, "desktop": {"target": "window", "position": "bottom-left", "vertical_offset": 0, "element_position": "right", "horizontal_offset": 0, "element_vertical_offset": 0, "element_horizontal_offset": 0}, "show_legal": false, "animation_in": "fadeInLeft", "allow_overlay": false, "animation_out": "fadeOutLeft", "paranja_color": "#000000", "paranja_opacity": "0.30"}}}], "pinned": false, "name": "\u0427\u0413: \u0420\u0443\u043b\u0435\u0442\u043a\u0430 \u0431\u043e\u043d\u0443\u0441\u044b \u0434\u043b\u044f \u043e\u0442\u043f\u0438\u0441\u0430\u043d\u043d\u044b\u0445", "active": true, "embed_selector": false, "selector": "", "placement": "start", "frequency": {"once_lifetime": false, "once_session": false, "priority": true, "minimal_timeout": 1209600}, "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-62949.png?ts=1684427348420", "rendered_button_preview": null, "settings": {"img": "https://personalization-web-stable.mindbox.ru/user-media/5035/23a6f913ee39d93a0401c20ed88acb02491c1f8f82da3f596f79682e1f8fbc4a.png", "font": "Roboto, sans-serif", "bg_img": "", "height": "165.00", "title1": "\u041a\u0440\u0443\u0442\u0438\u0442\u0435 \u043d\u0430 \u0443\u0434\u0430\u0447\u0443!", "title2": "\u041f\u043e\u0437\u0434\u0440\u0430\u0432\u043b\u044f\u0435\u043c!", "button2": "\u0414\u043e\u0436\u0434\u0430\u0442\u044c\u0441\u044f \u043f\u0438\u0441\u044c\u043c\u0430", "img_top": "135.00", "padding": "20.00", "sectors": "12", "bg_color": "#fff", "input_bg": "#fff", "img_width": "245.00", "show_half": "1", "subtitle1": "\u041a\u0443\u0434\u0430 \u043e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c \u043f\u0440\u0438\u0437?", "subtitle2": "\u041f\u0440\u043e\u0432\u0435\u0440\u044c\u0442\u0435 \u0441\u0432\u043e\u044e \u043f\u043e\u0447\u0442\u0443 \u0438 \u043f\u043e\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u0435 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0443, \u0447\u0442\u043e\u0431\u044b \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c 50 \u0431\u043e\u043d\u0443\u0441\u043e\u0432! ", "arrow_fill": "#fff", "form_width": "620.00", "img_enable": "0", "img_header": "", "sector_odd": "#8CC53F", "title_size": "28.00", "circle_left": "0.00", "cross_color": "#BBB", "fields_list": [{"name": "Email", "type": "email", "params": {}, "required": true, "placeholder": "\u0412\u0430\u0448\u0430 \u043f\u043e\u0447\u0442\u0430", "machine_name": "email"}, {"name": "\u041a\u043d\u043e\u043f\u043a\u0430", "type": "submit", "params": {"submit1_text": "\u041a\u0440\u0443\u0442\u0438\u0442\u044c \u043a\u043e\u043b\u0435\u0441\u043e", "submits_count": 1}, "machine_name": "button"}, {"name": "", "type": "checkbox", "label": "\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 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443", "params": {"checked": true, "options": [], "link_href": "https://www.chitai-gorod.ru/about/policy/", "link_text": "\u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445", "show_link": true, "submit1_text": "", "submit2_text": "", "submit1_value": "", "submit2_value": "", "submits_count": 1, "text_after_link": ""}, "required": true, "placeholder": "", "machine_name": "checkbox", "error_message_text": "", "show_error_message": false}], "font_custom": "\"Inter\",system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,\"Arial\"", "input_color": "#0D0C22", "input_width": "325", "sector_even": "#785EEA", "show_button": "1", "title_color": "#242424", "variant1_on": "1", "variant2_on": "1", "variant3_on": "1", "variant4_on": "1", "variant5_on": "0", "variant6_on": "0", "variant7_on": "0", "variant8_on": "0", "variant9_on": "0", "arrow_border": "#fff", "arrow_circle": "#555", "border_color": "#ffffff", "border_width": "4", "btn_bg_color": "#8CC53F", "input_height": "12.00", "input_radius": "4.00", "sector_color": "#ffffff", "variant10_on": "0", "variant11_on": "0", "variant12_on": "0", "variant13_on": "0", "variant14_on": "0", "variant15_on": "0", "variant16_on": "0", "variant17_on": "0", "variant18_on": "0", "bg_img_enable": "0", "border_enable": "0", "border_radius": "4.00", "shadow_enable": "1", "subtitle_size": "16.00", "variant1_prob": "1", "variant1_text": "50 \u0431\u043e\u043d\u0443\u0441\u043e\u0432", "variant2_prob": "1", "variant2_text": "20% \u0441\u043a\u0438\u0434\u043a\u0430", "variant3_prob": "1", "variant3_text": "30 \u0431\u043e\u043d\u0443\u0441\u043e\u0432", "variant4_prob": "1", "variant4_text": "25% \u0441\u043a\u0438\u0434\u043a\u0430", "variant5_prob": "1", "variant5_text": "\u0412\u0430\u0440\u0438\u0430\u043d\u0442 5", "variant6_prob": "1", "variant6_text": "\u0412\u0430\u0440\u0438\u0430\u043d\u0442 6", "variant7_prob": "1", "variant7_text": "\u0412\u0430\u0440\u0438\u0430\u043d\u0442 7", "variant8_prob": "1", "variant8_text": "\u0412\u0430\u0440\u0438\u0430\u043d\u0442 8", "variant9_prob": "1", "variant9_text": "\u0412\u0430\u0440\u0438\u0430\u043d\u0442 9", "img_header_top": "1", "text_align_mob": "left", "title_size_mob": "16", "variant10_prob": "1", "variant10_text": "\u0412\u0430\u0440\u0438\u0430\u043d\u0442 10", "variant11_prob": "1", "variant11_text": "\u0412\u0430\u0440\u0438\u0430\u043d\u0442 11", "variant12_prob": "1", "variant12_text": "\u0412\u0430\u0440\u0438\u0430\u043d\u0442 12", "variant13_prob": "1", "variant13_text": "\u0412\u0430\u0440\u0438\u0430\u043d\u0442 13", "variant14_prob": "1", "variant14_text": "\u0412\u0430\u0440\u0438\u0430\u043d\u0442 14", "variant15_prob": "1", "variant15_text": "\u0412\u0430\u0440\u0438\u0430\u043d\u0442 15", "variant16_prob": "1", "variant16_text": "\u0412\u0430\u0440\u0438\u0430\u043d\u0442 16", "variant17_prob": "1", "variant17_text": "\u0412\u0430\u0440\u0438\u0430\u043d\u0442 17", "variant18_prob": "1", "variant18_text": "\u0412\u0430\u0440\u0438\u0430\u043d\u0442 18", "variant1_color": "#ffffff", "variant1_value": "1", "variant2_color": "#ffffff", "variant2_value": "2", "variant3_color": "#ffffff", "variant3_value": "3", "variant4_color": "#ffffff", "variant4_value": "4", "variant5_color": "#ffffff", "variant5_value": "5", "variant6_color": "#ffffff", "variant6_value": "6", "variant7_color": "#ffffff", "variant7_value": "7", "variant8_color": "#ffffff", "variant8_value": "8", "variant9_color": "#ffffff", "variant9_value": "9", "bg_circle_color": "#031acf", "input_font_size": "16", "rotation_result": "0", "sector_bit_size": "13.00", "variant10_color": "#ffffff", "variant10_value": "10", "variant11_color": "#ffffff", "variant11_value": "11", "variant12_color": "#ffffff", "variant12_value": "12", "variant13_color": "#ffffff", "variant13_value": "13", "variant14_color": "#ffffff", "variant14_value": "14", "variant15_color": "#ffffff", "variant15_value": "15", "variant16_color": "#ffffff", "variant16_value": "16", "variant17_color": "#ffffff", "variant17_value": "17", "variant18_color": "#ffffff", "variant18_value": "18", "btn_bg_color_hov": "#8CC53F", "button_font_size": "16.00", "font_custom_show": "1", "img_header_width": "219", "input_height_mob": "11", "subtitle1_enable": "1", "subtitle2_enable": "1", "bg_circle_opacity": "0.00", "button_font_color": "#ffffff", "img_header_enable": "0", "img_padding_bottom": "47.00", "input_border_color": "#CBD6DE", "input_border_width": "1", "use_variants_color": "0", "circle_border_color": "#ffffff", "variant1_background": "#8A68CC", "variant2_background": "#2D9CDA", "variant3_background": "#0054A5", "variant4_background": "#2D9CDA", "variant5_background": "#0054A5", "variant6_background": "#2D9CDA", "variant7_background": "#0054A5", "variant8_background": "#2D9CDA", "variant9_background": "#0054A5", "checkbox_check_color": "#6c94ba", "circle_radius_mobile": "160.00", "variant10_background": "#2D9CDA", "variant11_background": "#0054A5", "variant12_background": "#2D9CDA", "variant13_background": "#0054A5", "variant14_background": "#2D9CDA", "variant15_background": "#0054A5", "variant16_background": "#2D9CDA", "variant17_background": "#0054A5", "variant18_background": "#2D9CDA", "checkbox_check_border": "#CBD6DE", "circle_radius_desktop": "175.00", "use_variants_background": "0", "img_header_padding_bottom": "42"}, "button_settings": {}, "behavior_settings": {"lead": {"legal_text": ""}, "button": {"on": false, "positions": {"desktop": {"top": "0px", "left": "0px"}}, "conditions": "targeting", "show_before": true}, "partscreen": {"mobile": {"target": "window", "position": "bottom", "vertical_offset": 0, "element_position": "right", "horizontal_offset": 0, "element_vertical_offset": 0, "element_horizontal_offset": 0}, "tablet": null, "desktop": {"target": "window", "position": "bottom-left", "vertical_offset": 0, "element_position": "right", "horizontal_offset": 0, "element_vertical_offset": 0, "element_horizontal_offset": 0}, "show_legal": false, "animation_in": "fadeInLeft", "allow_overlay": false, "animation_out": "fadeOutLeft", "paranja_color": "#000000", "paranja_opacity": "0.30"}}, "html": "<%\r\nvar submitDataPopmechanicIfString = function () {\r\n    var fieldConditions = [];\r\n    for (var i = 0; i < fields_list.length; i++) {\r\n        var field = fields_list[i];\r\n        if (field.required && field.machine_name && field.type !== 'submit') {\r\n            fieldConditions.push(\"!!lead['\" + (['email', 'name', 'phone'].indexOf(field.type) > -1 ? '' : 'customs.fields_list.') + field.machine_name + \"']\");\r\n        }\r\n    }\r\n\r\n    return \"lead&&\" + (fieldConditions.length ? fieldConditions.join(\"&&\") : \"true\");\r\n}();\r\nvar variants = [\r\n    parseInt(variant1_on, 10) ? {\r\n        text: variant1_text,\r\n        color: variant1_color,\r\n        background: variant1_background\r\n    } : undefined,\r\n    parseInt(variant2_on, 10) ? {\r\n        text: variant2_text,\r\n        color: variant2_color,\r\n        background: variant2_background\r\n    } : undefined,\r\n    parseInt(variant3_on, 10) ? {\r\n        text: variant3_text,\r\n        color: variant3_color,\r\n        background: variant3_background\r\n    } : undefined,\r\n    parseInt(variant4_on, 10) ? {\r\n        text: variant4_text,\r\n        color: variant4_color,\r\n        background: variant4_background\r\n    } : undefined,\r\n    parseInt(variant5_on, 10) ? {\r\n        text: variant5_text,\r\n        color: variant5_color,\r\n        background: variant5_background\r\n    } : undefined,\r\n    parseInt(variant6_on, 10) ? {\r\n        text: variant6_text,\r\n        color: variant6_color,\r\n        background: variant6_background\r\n    } : undefined,\r\n    parseInt(variant7_on, 10) ? {\r\n        text: variant7_text,\r\n        color: variant7_color,\r\n        background: variant7_background\r\n    } : undefined,\r\n    parseInt(variant8_on, 10) ? {\r\n        text: variant8_text,\r\n        color: variant8_color,\r\n        background: variant8_background\r\n    } : undefined,\r\n    parseInt(variant9_on, 10) ? {\r\n        text: variant9_text,\r\n        color: variant9_color,\r\n        background: variant9_background\r\n    } : undefined,\r\n    parseInt(variant10_on, 10) ? {\r\n        text: variant10_text,\r\n        color: variant10_color,\r\n        background: variant10_background\r\n    } : undefined,\r\n    parseInt(variant11_on, 10) ? {\r\n        text: variant11_text,\r\n        color: variant11_color,\r\n        background: variant11_background\r\n    } : undefined,\r\n    parseInt(variant12_on, 10) ? {\r\n        text: variant12_text,\r\n        color: variant12_color,\r\n        background: variant12_background\r\n    } : undefined,\r\n    parseInt(variant13_on, 10) ? {\r\n        text: variant13_text,\r\n        color: variant13_color,\r\n        background: variant13_background\r\n    } : undefined,\r\n    parseInt(variant14_on, 10) ? {\r\n        text: variant14_text,\r\n        color: variant14_color,\r\n        background: variant14_background\r\n    } : undefined,\r\n    parseInt(variant15_on, 10) ? {\r\n        text: variant15_text,\r\n        color: variant15_color,\r\n        background: variant15_background\r\n    } : undefined,\r\n    parseInt(variant16_on, 10) ? {\r\n        text: variant16_text,\r\n        color: variant16_color,\r\n        background: variant16_background\r\n    } : undefined,\r\n    parseInt(variant17_on, 10) ? {\r\n        text: variant17_text,\r\n        color: variant17_color,\r\n        background: variant17_background\r\n    } : undefined,\r\n    parseInt(variant18_on, 10) ? {\r\n        text: variant18_text,\r\n        color: variant18_color,\r\n        background: variant18_background\r\n    } : undefined\r\n].filter(function (variant) {\r\n    return typeof variant !== \"undefined\";\r\n});\r\n%>\r\n<div class=\"popmechanic-reset\" id=\"popmechanic-form\">\r\n    <div class=\"popmechanic-circle-container\">\r\n        <div class=\"popmechanic-circle\">\r\n            <div class=\"popmechanic-circle-inner\">\r\n                <svg viewBox=\"0 0 12 12\" class=\"popmechanic-circle-backdrop\" xmlns=\"http://www.w3.org/2000/svg\">\r\n                    <g transform=\"translate(6,6)\">\r\n                        <%\r\n                        var angle = 360 / sectors;\r\n                        var angleRad = Math.PI * angle / 180;\r\n                        var variantIndex = 0;\r\n\r\n                        for (var sectorIndex = 0; sectorIndex < sectors; sectorIndex++) {\r\n                            var x = Math.sin(angleRad) * 6;\r\n                            var y = -1 * Math.cos(angleRad) * 6;\r\n                            var rotate = angle * sectorIndex;\r\n                            var fill = \"\";\r\n\r\n                            if (parseInt(use_variants_background, 10)) {\r\n                                fill = variants[variantIndex].background;\r\n                            } else {\r\n                                if (sectorIndex % 2 === 0) {\r\n                                    fill = sector_odd;\r\n                                } else {\r\n                                    fill = sector_even;\r\n                                }\r\n                            }\r\n                        %>\r\n                        <path\r\n                                fill=\"<%= fill %>\"\r\n                                d=\"M0 0 0 -6A6 6 0 0 1 <%= x %> <%= y %>Z\"\r\n                                transform=\"rotate(<%= rotate %> 0 0)\"\r\n                        ></path>\r\n                        <%\r\n                            if ((variantIndex + 1) < variants.length) {\r\n                                variantIndex++;\r\n                            } else {\r\n                                variantIndex = 0;\r\n                            }\r\n                        }\r\n                        %>\r\n                    </g>\r\n                </svg>\r\n                <ul class=\"popmechanic-circle-texts sector_<%= sectors %>\">\r\n                    <%\r\n                    variantIndex = 0;\r\n\r\n                    for(var sectorIndex = 0; sectorIndex < sectors; sectorIndex++) {\r\n                        var sectorRotate = angle * 0.5 + angle * sectorIndex - 90;\r\n                        var color = \"\";\r\n\r\n                        if (parseInt(use_variants_color, 10)) {\r\n                            color = variants[variantIndex].color;\r\n                        } else {\r\n                            color = sector_color;\r\n                        }\r\n                    %>\r\n                    <li class=\"popmechanic-sector\" style=\"transform: rotate(<%= sectorRotate %>deg)\">\r\n                        <div class=\"popmechanic-sector-text\">\r\n                            <span class=\"popmechanic-sector-text_big\"\r\n                                  style=\"color: <%= color %>;\"><%= variants[variantIndex].text %></span>\r\n                        </div>\r\n                    </li>\r\n                    <%\r\n                        if ((variantIndex + 1) < variants.length) {\r\n                            variantIndex++;\r\n                        } else {\r\n                            variantIndex = 0;\r\n                        }\r\n                    }\r\n                    %>\r\n                </ul>\r\n            </div>\r\n        </div>\r\n        <div class=\"popmechanic-arrow\">\r\n            <svg width=\"85\" height=\"56\" viewBox=\"0 0 85 56\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n                <path d=\"M2 26.4524C2.13693 26.0374 2.19109 25.5998 2.15941 25.1643C2.25266 24.2215 2.39455 23.2842 2.58445 22.3559C3.33665 18.59 4.92274 15.0376 7.22774 11.9562C9.1922 9.37604 11.665 7.22061 14.4955 5.62139C17.0277 4.2261 19.7683 3.24233 22.6133 2.70737C23.6758 2.48565 24.7383 2.33785 25.8752 2.19004C26.3148 2.12478 26.7591 2.09658 27.2034 2.10562C27.9153 2.10562 28.6272 2.01056 29.3285 2C31.3019 2.02902 33.2617 2.3311 35.1513 2.89747C37.2447 3.49378 39.3053 4.19861 41.3246 5.00907C42.759 5.58976 44.1615 6.21267 45.5747 6.84615C46.9879 7.47964 48.5817 8.18702 50.048 8.95776C52.4812 10.2142 54.9569 11.4072 57.3582 12.7586C58.9414 13.6455 60.5459 14.4796 62.1503 15.3665C63.7547 16.2533 65.1679 17.0769 66.6661 17.9426C68.7168 19.1462 70.7675 20.3393 72.8076 21.5535C74.2951 22.4403 75.7615 23.3483 77.2384 24.2669L82.7848 27.7404C83.0717 27.9199 83.0717 28.0572 82.7848 28.2367L76.9409 31.9109C76.0377 32.4704 75.1133 32.9667 74.1996 33.5685C72.3933 34.6243 70.6081 35.6801 68.8018 36.7992C67.3886 37.6333 65.9542 38.4463 64.5516 39.2593C62.7559 40.3151 60.9603 41.3074 59.1434 42.2999C57.7302 43.0706 56.2851 43.8097 54.8932 44.5593C53.5013 45.309 51.8755 46.1748 50.3242 46.9138C48.1142 47.9696 45.9147 49.0254 43.6621 49.9967C41.622 50.873 39.5501 51.7071 37.4463 52.4145C35.6356 53.0565 33.7678 53.5267 31.8679 53.8187C30.7532 53.9823 29.625 54.0354 28.4998 53.9771C26.4246 53.8837 24.3603 53.6259 22.3264 53.2063C20.7425 52.8613 19.1869 52.3989 17.6724 51.8232C15.4815 50.9981 13.4289 49.8484 11.5841 48.413C9.32024 46.6625 7.39738 44.5156 5.9102 42.0782C4.90017 40.4131 4.07702 38.6428 3.45567 36.7992C2.968 35.3775 2.61233 33.9144 2.39313 32.4282C2.2603 31.5429 2.17518 30.6513 2.13814 29.757C2.13664 29.7276 2.12689 29.6991 2.10999 29.6749C2.09309 29.6506 2.06976 29.6315 2.04254 29.6198L2 26.4524Z\"\r\n                      fill=\"<%= arrow_fill %>\"/>\r\n                <path d=\"M29.2252 55.9957C28.8832 55.9957 28.5268 55.9957 28.1563 55.9957C25.9788 55.9045 23.8125 55.6365 21.6785 55.1944C20.0006 54.8247 18.3533 54.3282 16.7506 53.7093C14.3867 52.8194 12.1732 51.5727 10.1872 50.0126C7.74687 48.0987 5.67197 45.7607 4.06208 43.1106C2.9885 41.3149 2.11043 39.4094 1.44306 37.4267C0.942717 35.8886 0.584893 34.3078 0.374108 32.7042C0.267213 32.0204 0.203117 31.4114 0.149669 30.8452L0 30.7811V26.016L0.138969 25.7168C0.145246 25.6065 0.145246 25.4959 0.138969 25.3856C0.138969 25.2574 0.138969 25.1185 0.138969 24.9582C0.229776 23.9354 0.379727 22.9187 0.587978 21.9132C1.39241 17.8517 3.09015 14.0198 5.55852 10.6949C6.55014 9.3922 7.66328 8.1866 8.88296 7.0943C10.2682 5.85869 11.7887 4.78346 13.4154 3.88905C14.8306 3.09746 16.3111 2.42902 17.8408 1.89112C19.2357 1.40188 20.6649 1.01619 22.1166 0.73721C23.2711 0.512842 24.4256 0.35258 25.5053 0.203002C26.0426 0.119388 26.5867 0.0871941 27.1301 0.106848C27.4623 0.108977 27.7942 0.0911504 28.1242 0.0534404C28.4662 0.0534404 28.819 0 29.1931 0C31.3382 0.0193264 33.4695 0.346798 35.5214 0.972295C37.6993 1.59644 39.8406 2.3419 41.9351 3.20525C43.4637 3.81425 45.0245 4.51941 46.2644 5.08567L46.8951 5.37417C48.1885 5.96179 49.5353 6.56011 50.8395 7.24389L52.9774 8.31231C54.7198 9.19909 56.5263 10.1179 58.3222 11.1116C59.156 11.5817 60.0112 12.0411 60.845 12.4898C61.6788 12.9385 62.3842 13.3125 63.1539 13.7505C64.7359 14.6373 66.3608 15.5668 67.7183 16.3788C69.8028 17.6075 71.8552 18.8041 73.9183 20.0435C75.3614 20.9089 76.8044 21.8064 78.3972 22.8L81.9996 25.0758L83.9878 26.3258C84.2938 26.4904 84.5495 26.7348 84.7277 27.0329C84.9059 27.3311 85 27.6719 85 28.0193C85 28.3666 84.9059 28.7074 84.7277 29.0056C84.5495 29.3037 84.2938 29.548 83.9878 29.7127L81.9676 30.9948L78.1086 33.4308L75.9706 34.7128L75.2759 35.1295L73.8755 35.9843L69.8348 38.3989C68.3597 39.2857 66.8311 40.1618 65.559 40.9097L65.0138 41.2195C63.4104 42.1384 61.807 43.0892 60.0967 43.9974C59.0277 44.6064 57.8519 45.2047 56.7508 45.7817L55.7568 46.3052C55.3292 46.5189 54.9122 46.7432 54.4953 46.9676C53.4264 47.5552 52.2613 48.1535 51.0961 48.7091L50.3478 49.0723C48.3916 50.0126 46.3713 50.9742 44.3403 51.861C41.871 52.9294 39.84 53.72 37.9265 54.361C36.0039 55.0445 34.0211 55.5453 32.0045 55.8568C31.0825 55.9687 30.1538 56.0151 29.2252 55.9957ZM3.43131 29.1571C3.47621 29.3213 3.50494 29.4895 3.51691 29.6592C3.55215 30.5036 3.63421 31.3454 3.76275 32.1807C3.96031 33.5822 4.28596 34.9627 4.73553 36.3048C5.32148 38.0537 6.09557 39.7338 7.04438 41.3156C8.44892 43.617 10.2599 45.6443 12.3892 47.2988C14.1037 48.6488 16.0142 49.7296 18.0547 50.5041C19.5039 51.0633 20.9941 51.5098 22.5121 51.8396C24.4671 52.2415 26.451 52.488 28.4449 52.5768C29.4593 52.6316 30.4766 52.5815 31.4807 52.4272C33.3015 52.157 35.0916 51.7097 36.8255 51.0917C38.632 50.472 40.5775 49.7134 42.9613 48.6877C44.9282 47.833 46.9164 46.8821 48.8405 45.9526L49.5996 45.5893C50.6685 45.0658 51.7375 44.5209 52.8064 43.9119L54.0891 43.2388L55.0833 42.7153C56.1523 42.1491 57.296 41.5614 58.3757 40.9631C60.0005 40.0656 61.6467 39.1254 63.2395 38.2173L63.7846 37.9075C65.0888 37.1596 66.596 36.2941 68.0605 35.4287C69.5249 34.5633 70.7542 33.8154 72.0691 33.0141L73.48 32.17L74.1749 31.7427C74.8483 31.3474 75.5432 30.92 76.2166 30.5033L80.0648 28.078L80.1931 27.9925L80.1075 27.9391L76.5158 25.6741C74.9338 24.6911 73.512 23.8044 72.0903 22.9496C70.0379 21.7209 67.9963 20.5243 65.9226 19.3063C64.5329 18.4943 62.9721 17.5755 61.4115 16.6994C60.6739 16.2827 59.8936 15.8767 59.156 15.4707C58.4184 15.0647 57.4351 14.5412 56.5799 14.0604C54.8909 13.1095 53.1164 12.2013 51.4061 11.3359C50.7112 10.9833 49.9843 10.62 49.2681 10.2675C48.0388 9.6371 46.7455 9.04949 45.4841 8.48323L44.8533 8.19473C43.3034 7.48958 42.01 6.91268 40.6524 6.36778C38.6787 5.54851 36.6626 4.83521 34.6128 4.23095C32.8785 3.7067 31.0797 3.42619 29.268 3.39756H29.1931C28.9473 3.39756 28.6694 3.39756 28.3701 3.39756C28.0708 3.39756 27.4828 3.46166 26.9804 3.39756C26.6226 3.39003 26.2648 3.41507 25.9115 3.47235C24.8425 3.61125 23.7736 3.76086 22.7046 3.97454C21.4272 4.22025 20.1695 4.55945 18.9419 4.98949C17.5988 5.46544 16.2974 6.05152 15.0509 6.7417C12.4102 8.22078 10.1002 10.2242 8.26301 12.6287C7.14011 14.1383 6.19665 15.7732 5.45165 17.5007C4.75776 19.0879 4.24159 20.7469 3.91242 22.4474C3.72333 23.3216 3.58767 24.2064 3.50621 25.0971C3.51092 25.1825 3.51092 25.2682 3.50621 25.3536C3.51596 25.7605 3.46918 26.1667 3.36724 26.5608L3.43131 29.1571Z\"\r\n                      fill=\"<%= arrow_border %>\"/>\r\n                <path d=\"M29.0208 37C27.2358 37.0041 25.4898 36.4774 24.005 35.4867C22.5201 34.496 21.3634 33.0862 20.6818 31.4364C20.0003 29.7867 19.8248 27.9715 20.1775 26.2216C20.5302 24.4718 21.3952 22.8664 22.6626 21.6095C23.9301 20.3526 25.5427 19.501 27.2954 19.1629C29.0481 18.8248 30.8618 19.0156 32.5058 19.7109C34.1498 20.4062 35.55 21.5747 36.5283 23.0678C37.5065 24.5609 38.0185 26.3112 37.9995 28.0961C37.977 30.4635 37.0214 32.7265 35.3403 34.3936C33.6593 36.0607 31.3883 36.9973 29.0208 37Z\"\r\n                      fill=\"<%= arrow_circle %>\"/>\r\n            </svg>\r\n        </div>\r\n    </div>\r\n<style>\r\n    .popmechanic-js-container:after{\r\n    content:\"\\u3164\" !important;\r\n    display: block !important; \r\n    position: fixed !important; \r\n    inset: 0px !important; \r\n    background-color: rgb(0, 0, 0) !important; \r\n    opacity: 0.3 !important; \r\n    pointer-events: all !important; \r\n    transition: opacity 200ms ease 0s !important; \r\n    z-index: 1000000 !important;\r\n}\r\n</style>\r\n    <div class=\"popmechanic-main\">\r\n\r\n        <div class=\"popmechanic-content\">\r\n            <div class=\"popmechanic-close\" data-popmechanic-close>&times;</div>\r\n            <% if(parseInt(img_header_enable)){ %>\r\n                <img src=\"<%= img_header %>\" class=\"popmechanic-img\">\r\n            <% } %>\r\n            <div class=\"popmechanic-title\"><%= title1 %></div>\r\n            <% if(parseInt(subtitle1_enable)){ %>\r\n                <div class=\"popmechanic-text\"><%= subtitle1 %></div>\r\n            <% } %>\r\n            <div class=\"popmechanic-inputs\">\r\n                <div class=\"popmechanic-inputs-wrapper\">\r\n                    <%\r\n                    for (var i = 0; i < fields_list.length; i++) {\r\n                        var field = fields_list[i];\r\n                        var required = \"data-popmechanic-\" + (field.required ? \"required\" : \"unrequired\");\r\n                        if (!field) continue;\r\n                            switch (field.type) {\r\n                        case \"text\":\r\n                    %>\r\n                    <input\r\n                            type=\"text\"\r\n                            class=\"popmechanic-input\"\r\n                            data-popmechanic-input=\"customs.fields_list.<%= field.machine_name %>\"\r\n                            placeholder=\"<%= field.placeholder %>\"\r\n                            <%= required %>\r\n                    >\r\n                    <%\r\n                        break;\r\n                        case \"name\":\r\n                    case \"phone\":\r\n                    %>\r\n                    <input\r\n                            type=\"text\"\r\n                            class=\"popmechanic-input\"\r\n                            data-popmechanic-input=\"<%= field.machine_name %>\"\r\n                            placeholder=\"<%= field.placeholder %>\"\r\n                            <%= required %>\r\n                    >\r\n                    <%\r\n                        break;\r\n                    case \"email\":\r\n                    %>\r\n                    <input\r\n                            type=\"email\"\r\n                            class=\"popmechanic-input\"\r\n                            data-popmechanic-input=\"<%= field.machine_name %>\"\r\n                            placeholder=\"<%= field.placeholder %>\"\r\n                            <%= required %>\r\n                    >\r\n                    <%\r\n                        break;\r\n                    case \"number\":\r\n                    %>\r\n                    <input\r\n                            type=\"number\"\r\n                            class=\"popmechanic-input\"\r\n                            data-popmechanic-input=\"customs.fields_list.<%= field.machine_name %>\"\r\n                            placeholder=\"<%= field.placeholder %>\"\r\n                            <%= required %>\r\n                    >\r\n                    <%\r\n                        break;\r\n                    case \"date\":\r\n                    %>\r\n                    <input\r\n                            data-popmechanic-type=\"date\"\r\n                            class=\"popmechanic-input\"\r\n                            data-popmechanic-input=\"customs.fields_list.<%= field.machine_name %>\"\r\n                            placeholder=\"<%= field.placeholder %>\"\r\n                            <%= required %>\r\n                    >\r\n                    <%\r\n                        break;\r\n                    case \"select\":\r\n                    %>\r\n                    <select class=\"popmechanic-input\"\r\n                            data-popmechanic-input=\"customs.fields_list.<%= field.machine_name %>\" <%= required %>>\r\n                        <%\r\n                        if (field.placeholder) {\r\n                        %>\r\n                            <option value=\"\" selected disabled><%= field.placeholder %></option>\r\n                        <%\r\n                        }\r\n                        for (var oi = 0; oi < field.params.options.length; oi++) {\r\n                            var opt = field.params.options[oi];\r\n                        %>\r\n                        <option value=\"<%= opt %>\"><%= opt %></option>\r\n                        <%\r\n                        }\r\n                        %>\r\n                    </select>\r\n                    <%\r\n                        break;\r\n                    case \"checkbox\":\r\n                    %>\r\n                    <label class=\"popmechanic-checkbox-block\">\r\n                        <input\r\n                                type=\"checkbox\"\r\n                                class=\"popmechanic-checkbox\"\r\n                                <%= field.params.checked ? \"checked\" : \"\" %>\r\n                                data-popmechanic-input=\"customs.fields_list.<%= field.machine_name %>\"\r\n                                <%= field.required ? \"data-popmechanic-required\" : \"\" %>\r\n                                value=\"1\"\r\n                        >\r\n                        <div class=\"popmechanic-checkbox-check\">\r\n                            <svg width=\"17\" height=\"17\" viewBox=\"0 0 17 17\" fill=\"none\"\r\n                                 xmlns=\"http://www.w3.org/2000/svg\">\r\n                                <path d=\"M3.598 16.968C3.598 16.7773 3.56133 16.682 3.488 16.682L2.982 16.924C2.982 16.8213 2.92333 16.748 2.806 16.704L2.63 16.682C2.51267 16.682 2.366 16.7333 2.19 16.836C2.16067 16.7627 2.124 16.6893 2.08 16.616C2.036 16.5427 1.99933 16.4767 1.97 16.418C1.77933 16.0513 1.58867 15.648 1.398 15.208C1.222 14.7533 1.05333 14.3207 0.892 13.91C0.745333 13.4993 0.628 13.1767 0.54 12.942C0.481333 12.7513 0.415333 12.4653 0.342 12.084C0.268667 11.7027 0.195333 11.2187 0.122 10.632C0.283333 10.7347 0.408 10.786 0.496 10.786C0.598667 10.786 0.694 10.632 0.782 10.324C0.826 10.3827 0.906667 10.412 1.024 10.412C1.112 10.412 1.178 10.3827 1.222 10.324L1.574 9.796L1.97 9.928H1.992C2.02133 9.928 2.05067 9.91333 2.08 9.884C2.10933 9.85467 2.15333 9.82533 2.212 9.796C2.32933 9.72267 2.41733 9.686 2.476 9.686L2.542 9.708C2.90867 9.884 3.14333 10.2067 3.246 10.676C3.51 11.7907 3.774 12.348 4.038 12.348C4.302 12.348 4.61 12.0693 4.962 11.512C5.138 11.2333 5.314 10.9107 5.49 10.544C5.68067 10.1773 5.87133 9.76667 6.062 9.312C6.09133 9.488 6.12067 9.576 6.15 9.576C6.22333 9.576 6.348 9.39267 6.524 9.026C6.71467 8.65933 7.01533 8.15333 7.426 7.508C7.66067 7.112 7.954 6.66467 8.306 6.166C8.67267 5.66733 9.06133 5.154 9.472 4.626C9.88267 4.098 10.2787 3.59933 10.66 3.13C11.056 2.66067 11.408 2.25733 11.716 1.92C12.024 1.58267 12.2513 1.36267 12.398 1.26C12.9553 0.878666 13.3953 0.511999 13.718 0.159999C13.7033 0.262666 13.6813 0.357999 13.652 0.446C13.6373 0.519333 13.63 0.570666 13.63 0.599999C13.63 0.658666 13.6593 0.687999 13.718 0.687999L14.334 0.379999V0.467999C14.334 0.585333 14.3633 0.644 14.422 0.644C14.466 0.644 14.554 0.578 14.686 0.446C14.818 0.314 14.8913 0.218666 14.906 0.159999L14.862 0.467999L15.61 0.0279998L15.434 0.424C15.6687 0.262666 15.8373 0.181999 15.94 0.181999C15.9987 0.181999 16.0427 0.218666 16.072 0.291999C16.1013 0.350666 16.116 0.409333 16.116 0.467999C16.116 0.555999 16.0793 0.658666 16.006 0.775999C15.9327 0.893333 15.8373 1.03267 15.72 1.194C15.632 1.31133 15.4853 1.48733 15.28 1.722C15.0893 1.942 14.796 2.272 14.4 2.712C14.004 3.13733 13.476 3.73133 12.816 4.494C12.64 4.68467 12.3687 5.022 12.002 5.506C11.6353 5.97533 11.2173 6.52533 10.748 7.156C10.2933 7.772 9.83867 8.39533 9.384 9.026C8.92933 9.65667 8.526 10.2287 8.174 10.742C7.822 11.2407 7.57267 11.6147 7.426 11.864L6.062 14.174C5.76867 14.6727 5.52667 15.0833 5.336 15.406C5.14533 15.714 4.99867 15.9267 4.896 16.044C4.676 16.308 4.434 16.5427 4.17 16.748L3.972 16.638L3.796 16.748L3.598 16.968Z\"\r\n                                      fill=\"<%= checkbox_check_color %>\"/>\r\n                            </svg>\r\n                        </div>\r\n                        <%\r\n                            print(field.label);\r\n                        if (field.params.show_link) {\r\n                        %>\r\n                            <a target=\"_blank\"\r\n                               href=\"<%= field.params.link_href %>\"><%= field.params.link_text %></a> <%= field.params.text_after_link %>\r\n                        <%\r\n                        }\r\n                        %>\r\n                    </label>\r\n                    <%\r\n                        break;\r\n                    case \"submit\":\r\n                    %>\r\n                    <button type=\"button\" name=\"button\" class=\"popmechanic-hidden\"\r\n                            data-popmechanic-submit><%= field.params.submit1_text %></button>  \r\n                    <%\r\n                       var showButton = 0;\r\n                       try {\r\n                       \tshowButton = show_button;\r\n                       } catch (err){};\r\n                       \r\n                       if (field.params.submits_count == 1) {\r\n \t\t\t\t\t\tif (parseInt(showButton, 10)) {\r\n                    %><button\r\n                type=\"button\"\r\n                name=\"button\"\r\n                class=\"popmechanic-submit\"\r\n                disabled\r\n                data-popmechanic-if=\"!(<%= submitDataPopmechanicIfString%>)\"\r\n            ><%= field.params.submit1_text %></button><% } %>\r\n               <button\r\n                type=\"button\"\r\n                name=\"button\"\r\n                class=\"popmechanic-submit\"\r\n                onclick=\"PopMechanic.Rotate1625()\"\r\n                data-popmechanic-if=\"<%= submitDataPopmechanicIfString%>\"\r\n            ><%= field.params.submit1_text %></button><%                                         \r\n            } else {\r\n            \tif (parseInt(showButton, 10)) {\r\n            %>\r\n                 <div class=\"popmechanic-buttons-wrapper\" data-popmechanic-if=\"!(<%= submitDataPopmechanicIfString%>)\">\r\n          <div class=\"popmechanic-buttons\">\r\n                    <button\r\n                            type=\"button\"\r\n                            name=\"button\"\r\n                            class=\"popmechanic-submit\"\r\n                            disabled\r\n                            onclick=\"PopMechanic.customs['fields_list.<%=field.machine_name%>'] = '<%= field.params.submit1_value %>';PopMechanic.Rotate1625();\"\r\n                    ><%= field.params.submit1_text %></button>\r\n                    <button\r\n                            type=\"button\"\r\n                            name=\"button\"\r\n                            class=\"popmechanic-submit\"\r\n                            disabled\r\n                            onclick=\"PopMechanic.customs['fields_list.<%=field.machine_name%>'] = '<%= field.params.submit2_value %>';PopMechanic.Rotate1625();\"\r\n                    ><%= field.params.submit2_text %></button>\r\n                      </div></div>\r\n             <% } %>    \r\n                      <div class=\"popmechanic-buttons-wrapper\" data-popmechanic-if=\"<%= submitDataPopmechanicIfString%>\">\r\n          <div class=\"popmechanic-buttons\">\r\n                    <button\r\n                            type=\"button\"\r\n                            name=\"button\"\r\n                            class=\"popmechanic-submit\"\r\n                            onclick=\"PopMechanic.customs['fields_list.<%=field.machine_name%>'] = '<%= field.params.submit1_value %>';PopMechanic.Rotate1625();\"\r\n                    ><%= field.params.submit1_text %></button>\r\n                    <button\r\n                            type=\"button\"\r\n                            name=\"button\"\r\n                            class=\"popmechanic-submit\"\r\n                            onclick=\"PopMechanic.customs['fields_list.<%=field.machine_name%>'] = '<%= field.params.submit2_value %>';PopMechanic.Rotate1625();\"\r\n                    ><%= field.params.submit2_text %></button>\r\n                      </div></div><%\r\n            }\r\n                        break;\r\n                        default:\r\n\r\n                    }\r\n                    } %>\r\n                </div>\r\n                <input class=\"popmechanic-hidden popmechanic-input\" type=\"text\"\r\n                       data-popmechanic-input=\"customs.result\" data-popmechanic-required>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"popmechanic-thankyou\">\r\n        <div class=\"popmechanic-content\">\r\n            <div class=\"popmechanic-close\" data-popmechanic-close>&times;</div>\r\n            <% if(parseInt(img_enable)){ %>\r\n                <img src=\"<%= img %>\" class=\"popmechanic-ok\">\r\n            <% } %>\r\n            <div class=\"popmechanic-title\"><%= title2 %></div>\r\n            <% if(parseInt(subtitle2_enable)){ %>\r\n                <div class=\"popmechanic-text\"><%= subtitle2 %></div>\r\n            <% } %>\r\n            <div class=\"popmechanic-inputs\">\r\n                <button type=\"button\" name=\"button\" class=\"popmechanic-submit\"\r\n                        data-popmechanic-close><%= button2 %></button>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>", "css": "<% try {\r\n    font_custom_show = font_custom_show;\r\n    input_height_mob = input_height_mob\r\n} catch (e) {\r\n    font_custom_show = 0\r\n    input_height_mob = 11\r\n}\r\n%>\r\n\r\n <% if(!parseInt(font_custom_show)) { %>\r\n@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');\r\n<% } %>\r\n\r\n.popmechanic-reset,\r\n.popmechanic-reset * {\r\n  line-height: inherit;\r\n  box-sizing: border-box;\r\n}\r\n\r\n#popmechanic-form .popmechanic-circle-backdrop {\r\n    position: absolute;\r\n}\r\n\r\n#popmechanic-form {\r\n    position: relative;\r\n    display: inline-block;\r\n    vertical-align: top;\r\n    margin: 0;\r\n    padding: 0;\r\n<% if(font_custom_show && parseInt(font_custom_show)) { %>\r\n    font-family: <% try { print(font_custom); } catch (e) { print('Helvetica, Arial, sans-serif'); } %>;\r\n<% } else { %>\r\n    font-family: <% try { print(font); } catch (e) { print('Helvetica, Arial, sans-serif'); } %>;\r\n<% } %>\r\n}\r\n#popmechanic-form:before{\r\n    content:'';\r\n    width:814px;\r\n    height:772px;\r\n    background:<%=bg_circle_color%>;\r\n    opacity:<%=(bg_circle_opacity/100)%>;\r\n    border-radius:50%;\r\n    position:absolute;\r\n    z-index:-1;\r\n    top:50%;\r\n    left:-200px;\r\n    transform:translate(0,-50%);\r\n    filter: blur(80px);\r\n}\r\n.popmechanic-tablet #popmechanic-form:before,.popmechanic-mobile #popmechanic-form:before{\r\n    display:none;\r\n}\r\n.popmechanic-thankyou button{\r\n    display:none;\r\n}\r\n#popmechanic-form .popmechanic-close {\r\n    position: absolute;\r\n    z-index: 99;\r\n    top: 30px;\r\n    right: 40px;\r\n    width: 31px;\r\n    height: 31px;\r\n    font-size: 0;\r\n    color: transparent;\r\n    background-color:transparent;\r\n    border: none;\r\n    border-radius: 50%;\r\n    cursor: pointer;\r\n    outline: none;\r\n    transform: rotate(45deg);\r\n    transition: all .3s;\r\n}\r\n#popmechanic-form .popmechanic-close:hover {\r\n    transform: rotate(45deg) scale(1.1);\r\n    filter: brightness(0.75);\r\n}\r\n#popmechanic-form .popmechanic-close:before, #popmechanic-form .popmechanic-close:after {\r\n    content: '';\r\n    position: absolute;\r\n    top: 15px;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 3px;\r\n    background-color: <%=cross_color%>;\r\n}\r\n#popmechanic-form .popmechanic-close:after {\r\n    transform: rotate(90deg);\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-close,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-close {\r\n    top: 0;\r\n    right: 0;\r\n    width: 20px;\r\n    height: 20px;\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    height: 1px;\r\n}\r\n#popmechanic-form .popmechanic-main, #popmechanic-form .popmechanic-thankyou {\r\n<% if (parseInt(show_half, 10)) { %>\r\nwidth: <%=form_width%>px;\r\n    <% } else { %>\r\n         width: calc(<%=form_width%>px + <%= circle_radius_desktop %>px);\r\n             <% } %>\r\n                   height: 370px;\r\nposition: relative;\r\n}\r\n#popmechanic-form .popmechanic-circle-container {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: <%=circle_left%>px;\r\n    transform: translateY(-50%);\r\n<% if (parseInt(show_half, 10)) { %>\r\nwidth: <%=circle_radius_desktop%>px;\r\n    overflow: hidden;\r\n    <% } %>\r\n          z-index: 2;\r\n}\r\n#popmechanic-form .popmechanic-circle {\r\n    display: flex;\r\n    width: <% print(parseInt(circle_radius_desktop, 10) * 2); %>px;\r\n    height: <% print(parseInt(circle_radius_desktop, 10) * 2); %>px;\r\n    border:12px solid <%=circle_border_color%>;\r\n    border-radius: 50%;\r\n    padding: 0;\r\n    margin: 0;\r\n    list-style-type: none;\r\n    overflow: hidden;\r\n    background:#fff;\r\n    transition: transform 3s;\r\n<% if (parseInt(show_half, 10)) { %>\r\nfloat: right;\r\n    <% } %>\r\n}\r\n#popmechanic-form .popmechanic-circle-inner {\r\n    position: relative;\r\n    display: block;\r\n    width: 100%;\r\n    height: 100%;\r\n}\r\n#popmechanic-form .popmechanic-circle .popmechanic-sector {\r\n    position: absolute;\r\n    width: 100%;\r\n    height: 100%;\r\n}\r\n#popmechanic-form .popmechanic-circle .popmechanic-sector .popmechanic-sector-text {\r\n    width: 50%;\r\n    height: 30px;\r\n    position: absolute;\r\n    top: calc(50% - 15px);\r\n    right: 30px;\r\n    transform-origin: 30px 15px;\r\n    text-align: right;\r\n}\r\n#popmechanic-form .popmechanic-circle .popmechanic-sector .popmechanic-sector-text span {\r\n    display: block;\r\n}\r\n#popmechanic-form .popmechanic-circle .popmechanic-sector .popmechanic-sector-text .popmechanic-sector-text_big {\r\n    line-height: 30px;\r\n}\r\n#popmechanic-form .popmechanic-circle .popmechanic-sector .popmechanic-sector-text .popmechanic-sector-text_big {\r\n    font-size: <%=sector_bit_size%>px;\r\n    font-weight: 400;\r\n}\r\n\r\n#popmechanic-form .popmechanic-circle .popmechanic-circle-texts {\r\n    position: static;\r\n    padding-left: 0;\r\n}\r\n\r\n@keyframes button_pop {\r\n0 {\r\n    transform: scale(1);\r\n}\r\n50% {\r\n    transform: scale(0.9);\r\n}\r\n100% {\r\n    transform: scale(1);\r\n}\r\n}\r\n#popmechanic-form .popmechanic-arrow {\r\n    width:85px;\r\n    height:56px;\r\n    position: absolute;\r\n    z-index: 3;\r\n    top: 50%;\r\n    transform: translate(-30px, -50%);\r\n<% if (parseInt(show_half, 10)) { %>\r\nleft: 0;\r\n    <% } else { %>\r\n         left: 50%;\r\n             <% } %>\r\n}\r\n#popmechanic-form .popmechanic-arrow svg {\r\n    width:100%;\r\n    height:100%;\r\n}\r\n#popmechanic-form .popmechanic-content {\r\n<% if (parseInt(show_half, 10)) { %>\r\nwidth: 100%;\r\n    <% } else { %>\r\n         width: calc(100% - <%= circle_radius_desktop %>px);\r\n             <% } %>\r\n                   background: <%=bg_color%>;\r\n<%if(parseInt(bg_img_enable)){%>\r\nbackground-image: url('<%=bg_img%>');\r\n    background-size: cover;\r\n    background-position: 50% 50%;\r\n    <%}%>\r\n        <%if(parseInt(border_enable)){%>\r\nborder:<%=border_width%>px solid <%=border_color%>;\r\n    <%}%>\r\n        border-radius: <%=border_radius%>px;\r\n<%if(parseInt(shadow_enable)){%>\r\nbox-shadow: 0 1px 20px 2px rgba(1, 2, 2, 0.1);\r\n    <%}%>\r\n        position: absolute;\r\nz-index: 1;\r\nright: 0;\r\ntop: 50%;\r\ntransform: translate(0, -50%);\r\npadding: calc(<%=padding%>px + 10px) <%=padding%>px calc(<%=padding%>px + 10px) calc(<%= circle_radius_desktop %>px + <%=padding%>px);\r\ntext-align: center;\r\nmin-height: <%=height%>px;\r\ndisplay: flex;\r\nflex-direction: column;\r\nflex-wrap: nowrap;\r\njustify-content: flex-start;\r\nalign-content: stretch;\r\nalign-items: center;\r\n}\r\n#popmechanic-form .popmechanic-img {\r\n    width:<%=img_header_width%>px;\r\n    height:auto;\r\n    margin-bottom:<%=img_header_padding_bottom%>px;\r\n    margin-top:-<%=img_header_top%>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-img,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-img {\r\n    display:none;\r\n}\r\n#popmechanic-form .popmechanic-title {\r\n    font-size: <%=title_size%>px;\r\n    font-weight: 400;\r\n    line-height: 1.2;\r\n    color:<%=title_color%>;\r\n    margin: 0 0 16px;\r\n}\r\n#popmechanic-form .popmechanic-text {\r\n    font-size: <%=subtitle_size%>px;\r\n    font-weight: 400;\r\n    line-height: 1.1;\r\n    color: #707783;\r\n    margin: 0 0 16px;\r\n}\r\n#popmechanic-form .popmechanic-inputs {\r\n    width: 100%;\r\n    max-width:<%=input_width%>px;\r\n    margin:15px 0 -10px;\r\n}\r\n#popmechanic-form .popmechanic-inputs-wrapper > * {\r\n  margin-bottom: 16px;\r\n}\r\n#popmechanic-form .popmechanic-input {\r\n    width: 100%;\r\n    padding: <%= input_height * 1.2 %>px 20px;\r\n    border: <%=input_border_width%>px solid <%=input_border_color%>;\r\n    border-radius: <%=input_radius%>px;\r\n    outline: none;\r\n    color: <%=input_color%>;\r\n    font-size: <%=input_font_size%>px;\r\n    font-weight: 400;\r\n    line-height: 1;\r\n    background-color: <%=input_bg%>;\r\n    text-align: left;\r\n}\r\n#popmechanic-form .popmechanic-input::placeholder {\r\n    color: <%=input_color%>;\r\n    opacity: .6;\r\n    transition: all .3s;\r\n    font-style: normal;\r\n}\r\n#popmechanic-form .popmechanic-input:focus::placeholder {\r\n    /*opacity: 0;*/\r\n}\r\n\r\n#popmechanic-form .popmechanic-input:hover {\r\n    border-color: #AEB4C2;\r\n}\r\n#popmechanic-form .popmechanic-input:focus {\r\n    border-color: #3D70B2;\r\n}\r\n#popmechanic-form .popmechanic-input.popmechanic-invalid {\r\n    border-color:#f00;\r\n}\r\n#popmechanic-form .popmechanic-hidden {\r\n    display:none;\r\n}\r\n#popmechanic-form .popmechanic-submit {\r\n    width: 100%;\r\n    z-index: 55;\r\n    padding:calc(<%= input_height %>px + 6px) 15px;\r\n    border:none;\r\n    outline: none;\r\n    border-radius: <%=input_radius%>px;\r\n    color: <%=button_font_color%>;\r\n    font-size: <%=button_font_size%>px;\r\n    font-weight: 600;\r\n    letter-spacing: 0.02em;\r\n    text-transform: uppercase;\r\n    line-height: 1;\r\n    height: auto;\r\n    background-color: <%=btn_bg_color%>;\r\n    transition: all .3s;\r\n    white-space: nowrap;\r\n    text-overflow: ellipsis;\r\n    overflow: hidden;\r\n    margin-top: 4px;\r\n}\r\n#popmechanic-form .popmechanic-submit:not(:disabled) {\r\n    cursor: pointer;\r\n}\r\n#popmechanic-form .popmechanic-submit:not(:disabled):hover, #popmechanic-form .popmechanic-submit:not(:disabled):focus, #popmechanic-form .popmechanic-submit:not(:disabled):active {\r\n    background-color: <%=btn_bg_color_hov%>;\r\n}\r\n#popmechanic-form .popmechanic-submit:disabled {\r\n    opacity: .3;\r\n}\r\n#popmechanic-form .popmechanic-buttons {\r\n    width: 100%;\r\n  display: flex;\r\n}\r\n#popmechanic-form .popmechanic-buttons-wrapper {\r\n  width: 100%;\r\n}\r\n#popmechanic-form .popmechanic-buttons .popmechanic-submit {\r\n  width: 50%;\r\n}\r\n#popmechanic-form .popmechanic-buttons .popmechanic-submit:not(:last-child) {\r\n  margin-right: 10px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-checkbox-block {\r\n    position: relative;\r\n    display: block;\r\n    font-weight: 400;\r\n    font-size: 11px;\r\n    line-height: 1.2;\r\n    text-align: left;\r\n    color: <%=title_color%>;\r\n    padding: 0 0 0 30px;\r\n    margin: 15px 0;\r\n}\r\n#popmechanic-form .popmechanic-checkbox-block a {\r\n    color: <%=btn_bg_color%>;\r\n    text-decoration: underline;\r\n}\r\n#popmechanic-form .popmechanic-checkbox-block:before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 20px;\r\n    height: 20px;\r\n    border: 1px solid <%=checkbox_check_border%>;\r\n    box-sizing:border-box;\r\n}\r\n#popmechanic-form .popmechanic-checkbox-check {\r\n    position: absolute;\r\n    top: 2px;\r\n    left: 4px;\r\n    z-index: 2;\r\n    width: 17px;\r\n    height: 17px;\r\n    opacity: 0;\r\n    transition: all .3s;\r\n}\r\n#popmechanic-form .popmechanic-checkbox {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 20px;\r\n    z-index: 3;\r\n    width: 20px;\r\n    height: 20px;\r\n    opacity: 0;\r\n}\r\n#popmechanic-form .popmechanic-checkbox:checked ~ .popmechanic-checkbox-check {\r\n    opacity: 1;\r\n}\r\n#popmechanic-form .popmechanic-ok {\r\n    height: auto;\r\n    width: <%=img_width%>px;\r\n    margin-bottom:<%=img_padding_bottom%>px;\r\n    margin-top:-<%=img_top%>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form,\r\n.popmechanic-mobile #popmechanic-form {\r\n    overflow: hidden;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-main,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main {\r\n    height:auto;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-circle-container,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-circle-container {\r\n    left: 50%;\r\n    top: auto;\r\n    bottom: 0;\r\n    transform: translate(-50%, 50%);\r\n    width: 100%;\r\n    overflow: visible;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-circle,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-circle {\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n    float: none;\r\n    width: <% print(parseInt(circle_radius_mobile, 10) * 2); %>px;\r\n    height: <% print(parseInt(circle_radius_mobile, 10) * 2); %>px;\r\n    border-width:8px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-circle .popmechanic-sector .popmechanic-sector-text,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-circle .popmechanic-sector .popmechanic-sector-text {\r\n    width: 50%;\r\n    height: 12px;\r\n    position: absolute;\r\n    top: calc(50% - 6px);\r\n    right: 15px;\r\n    transform-origin: 15px 6px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-circle .popmechanic-sector .popmechanic-sector-text .popmechanic-sector-text_big,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-circle .popmechanic-sector .popmechanic-sector-text .popmechanic-sector-text_big {\r\n    font-size: 11px;\r\n    line-height:12px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-main, .popmechanic-tablet #popmechanic-form .popmechanic-thankyou,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main, .popmechanic-mobile #popmechanic-form .popmechanic-thankyou {\r\n    width: 320px;\r\n    height:auto;\r\n    min-height: 0;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-content,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-content {\r\n    width:100%;\r\n    min-height: 430px;\r\n    position: static;\r\n    transform: none;\r\n    padding: 30px 10px 120px 10px;\r\n    display: block;\r\n    border-radius: 0;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-arrow,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-arrow {\r\n    top: 0;\r\n    left: 50%;\r\n    transform: translatex(-50%) rotate(90deg);\r\n    width: 45px;\r\n    height: 30px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-title,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-title {\r\n    font-size: <%=title_size_mob%>px;\r\n    margin: 0 0 15px;\r\n    text-align: <%= text_align_mob %>;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-text,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-text {\r\n    font-size:12px;\r\n    text-align: <%= text_align_mob %>;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-inputs,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-inputs {\r\n    margin:0;\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-inputs .popmechanic-inputs-wrapper,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-inputs .popmechanic-inputs-wrapper {\r\n    display: flex;\r\n    flex-direction: column;\r\n    flex-wrap: nowrap;\r\n    justify-content: center;\r\n    align-content: stretch;\r\n    align-items: flex-end;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-inputs-wrapper > *:not(:last-child),\r\n.popmechanic-mobile #popmechanic-form .popmechanic-inputs-wrapper > *:not(:last-child) {\r\n    margin-bottom: 6px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-inputs .popmechanic-input,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-inputs .popmechanic-input {\r\n    padding: <%= input_height_mob %>px 15px;\r\n    margin:0 0 6px;\r\n    width: 100%;\r\n    font-size:12px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-inputs .popmechanic-submit,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-inputs .popmechanic-submit {\r\n    width: 100%;\r\n    height: auto;\r\n    margin: 0;\r\n    padding:calc(<%= input_height_mob %>px + 2px) 15px;\r\n    font-size: 12px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-inputs .popmechanic-buttons,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-inputs .popmechanic-buttons {\r\n  display: block;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-inputs .popmechanic-buttons .popmechanic-submit,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-inputs .popmechanic-buttons .popmechanic-submit {\r\n  width: 100%;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-inputs .popmechanic-buttons .popmechanic-submit:not(:last-child),\r\n.popmechanic-mobile #popmechanic-form .popmechanic-inputs .popmechanic-buttons .popmechanic-submit:not(:last-child) {\r\n  margin-bottom: 6px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-checkbox-block,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-checkbox-block {\r\n    width:100%;\r\n    margin: 15px auto 0;\r\n    font-size:9px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-thankyou .popmechanic-content,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou .popmechanic-content {\r\n    padding: 30px 15px 180px 15px;\r\n    min-height: 430px;\r\n    position:static;\r\n    transform:none;\r\n    display: block;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-thankyou .popmechanic-ok,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou .popmechanic-ok {\r\n    display: none;\r\n}\r\n\r\n.popmechanic-tablet .popmechanic-success #popmechanic-form .popmechanic-circl,\r\n.popmechanic-mobile .popmechanic-success #popmechanic-form .popmechanic-circle{\r\n    top:calc(50% - 140px);\r\n}\r\n\r\n.popmechanic-thankyou {\r\n    display: none;\r\n}\r\n.popmechanic-success #popmechanic-form .popmechanic-main {\r\n    display: none;\r\n}\r\n.popmechanic-success #popmechanic-form .popmechanic-thankyou {\r\n    display: block;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-circle-inner,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-circle-inner {\r\n    transform: rotate(-90deg);\r\n}", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 61843, "template": 1533, "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": "events", "operator": "$exclude"}, {"id": "4", "field": "page", "value": "order", "operator": "$exclude"}, {"id": "5", "field": "page", "value": "partners", "operator": "$exclude"}, {"id": "6", "field": "page", "value": "checkout", "operator": "$exclude"}, {"id": "7", "field": "page", "value": "stage", "operator": "$exclude"}, {"id": "8", "field": "page", "value": "become-a-friend", "operator": "$exclude"}, {"id": "9", "field": "dom_element", "value": ".js__isLoggedIn", "operator": "$not_exists"}], "operator": "$and"}, {"id": "10", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 850, "externalId": "719236f2-1d26-4a0e-b5dd-2e6a1445265b"}, "inSegmentByDefault": true}, "operator": "$check"}], "operator": "$and"}}, "settings_splits": [{"settings": {"title": "\u0412\u043e\u0439\u0434\u0438\u0442\u0435 \u0438\u043b\u0438 \u0437\u0430\u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0438\u0440\u0443\u0439\u0442\u0435\u0441\u044c, \u0447\u0442\u043e\u0431\u044b \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u0441\u043a\u0438\u0434\u043a\u0443 30% \u043d\u0430 \u043f\u0435\u0440\u0432\u044b\u0439 \u0437\u0430\u043a\u0430\u0437", "img_src": "https://personalization-web-stable.mindbox.ru/user-media/28173/bcb1277a4136425b4b497cae8b6e4336a95092f319f022f73c8a48a5b96401dc.gif", "bg_color": "#FFC808", "subtitle": "\u041d\u0430 \u043d\u0430\u0448\u0435\u043c \u0432\u0435\u0431-\u0441\u0430\u0439\u0442\u0435 \u043c\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c \u0444\u0430\u0439\u043b\u044b cookie, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043f\u043e\u043c\u043e\u0433\u0430\u044e\u0442 \u043d\u0430\u043c \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0442\u044c \u0440\u0435\u043b\u0435\u0432\u0430\u043d\u0442\u043d\u044b\u0439 \u043a\u043e\u043d\u0442\u0435\u043d\u0442 \u0434\u043b\u044f \u0432\u0430\u0441.", "title_fw": "400", "btn_blank": "1", "btn_url_1": "https://www.chitai-gorod.ru/promotions/16132-13931", "btn_url_2": "https://mindbox.ru", "btn_show_1": "1", "btn_show_2": "0", "btn_text_1": "\u041f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u0441\u043a\u0438\u0434\u043a\u0443", "btn_text_2": "\u041f\u0420\u0418\u041d\u042f\u0422\u042c \u0418 \u0417\u0410\u041a\u0420\u042b\u0422\u042c", "title_show": "1", "border_show": "0", "close_color": "#B89006", "font_custom": "Inter,sans-serif", "font_family": "Roboto, sans-serif", "shadow_show": "0", "shadow_size": "7", "title_color": "#252438", "border_color": "#000", "border_width": "1.00", "btn_action_1": "link", "btn_action_2": "close", "btn_form_id_1": "0", "btn_form_id_2": "0", "subtitle_show": "0", "btn_bg_color_1": "#785EEA", "btn_bg_color_2": "#ffd100", "height_desktop": "10.00", "padding_mobile": "24.00", "subtitle_color": "#000", "bg_transparency": "1", "img_show_mobile": "0", "padding_desktop": "28.00", "btn_text_color_1": "#FFF", "btn_text_color_2": "#000", "btn_width_mobile": "160.00", "font_custom_show": "1", "img_show_desktop": "0", "img_width_mobile": "114", "btn_height_mobile": "9.00", "btn_width_desktop": "148.00", "close_size_mobile": "30", "img_width_desktop": "132", "text_align_mobile": "center", "btn_bg_color_hov_1": "#624DC0", "btn_bg_color_hov_2": "#ffd100", "btn_border_color_1": "", "btn_border_color_2": "#ffd100", "btn_height_desktop": "9.00", "close_size_desktop": "28.00", "text_align_desktop": "center", "btn_border_radius_1": "4.00", "btn_border_radius_2": "0", "btn_font_size_mobile": "15.00", "btn_text_color_hov_1": "#FFF", "btn_text_color_hov_2": "#000", "btn_font_size_desktop": "14.00", "img_margin_top_mobile": "-40", "btn_border_color_hov_1": "", "btn_border_color_hov_2": "#ffd100", "img_margin_top_desktop": "0", "title_font_size_mobile": "15.00", "title_font_size_desktop": "16.00", "subtitle_font_size_mobile": "14", "subtitle_font_size_desktop": "16"}, "button_settings": {}, "conditions_splits": [{"conditions": {"immediate": "1"}, "combinator": "and", "id": 181836}], "id": 61251, "behavior_settings": {"banner": {"offset": 0, "position": "bottom", "animation_in": "fadeInUp", "allow_overlay": false, "animation_out": "fadeOutDown"}, "button": {"on": false, "positions": {"desktop": {"top": "0px", "left": "0px"}}, "conditions": "targeting", "show_before": true}}}], "pinned": false, "name": "\u0427\u0413_\u041f\u043e\u043f\u0430\u043f_30%_\u043d\u043e\u0432\u0438\u0447\u043a\u0430\u043c", "active": true, "embed_selector": false, "selector": "", "placement": "start", "frequency": {"once_lifetime": false, "once_session": false, "priority": true, "minimal_timeout": null}, "start_date": "2023-09-30T00:00:33+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-60616.png?ts=1706807817234", "rendered_button_preview": null, "settings": {"title": "\u0412\u043e\u0439\u0434\u0438\u0442\u0435 \u0438\u043b\u0438 \u0437\u0430\u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0438\u0440\u0443\u0439\u0442\u0435\u0441\u044c, \u0447\u0442\u043e\u0431\u044b \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u0441\u043a\u0438\u0434\u043a\u0443 30% \u043d\u0430 \u043f\u0435\u0440\u0432\u044b\u0439 \u0437\u0430\u043a\u0430\u0437", "img_src": "https://personalization-web-stable.mindbox.ru/user-media/28173/bcb1277a4136425b4b497cae8b6e4336a95092f319f022f73c8a48a5b96401dc.gif", "bg_color": "#FFC808", "subtitle": "\u041d\u0430 \u043d\u0430\u0448\u0435\u043c \u0432\u0435\u0431-\u0441\u0430\u0439\u0442\u0435 \u043c\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c \u0444\u0430\u0439\u043b\u044b cookie, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043f\u043e\u043c\u043e\u0433\u0430\u044e\u0442 \u043d\u0430\u043c \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0442\u044c \u0440\u0435\u043b\u0435\u0432\u0430\u043d\u0442\u043d\u044b\u0439 \u043a\u043e\u043d\u0442\u0435\u043d\u0442 \u0434\u043b\u044f \u0432\u0430\u0441.", "title_fw": "400", "btn_blank": "1", "btn_url_1": "https://www.chitai-gorod.ru/promotions/16132-13931", "btn_url_2": "https://mindbox.ru", "btn_show_1": "1", "btn_show_2": "0", "btn_text_1": "\u041f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u0441\u043a\u0438\u0434\u043a\u0443", "btn_text_2": "\u041f\u0420\u0418\u041d\u042f\u0422\u042c \u0418 \u0417\u0410\u041a\u0420\u042b\u0422\u042c", "title_show": "1", "border_show": "0", "close_color": "#B89006", "font_custom": "Inter,sans-serif", "font_family": "Roboto, sans-serif", "shadow_show": "0", "shadow_size": "7", "title_color": "#252438", "border_color": "#000", "border_width": "1.00", "btn_action_1": "link", "btn_action_2": "close", "btn_form_id_1": "0", "btn_form_id_2": "0", "subtitle_show": "0", "btn_bg_color_1": "#785EEA", "btn_bg_color_2": "#ffd100", "height_desktop": "10.00", "padding_mobile": "24.00", "subtitle_color": "#000", "bg_transparency": "1", "img_show_mobile": "0", "padding_desktop": "28.00", "btn_text_color_1": "#FFF", "btn_text_color_2": "#000", "btn_width_mobile": "160.00", "font_custom_show": "1", "img_show_desktop": "0", "img_width_mobile": "114", "btn_height_mobile": "9.00", "btn_width_desktop": "148.00", "close_size_mobile": "30", "img_width_desktop": "132", "text_align_mobile": "center", "btn_bg_color_hov_1": "#624DC0", "btn_bg_color_hov_2": "#ffd100", "btn_border_color_1": "", "btn_border_color_2": "#ffd100", "btn_height_desktop": "9.00", "close_size_desktop": "28.00", "text_align_desktop": "center", "btn_border_radius_1": "4.00", "btn_border_radius_2": "0", "btn_font_size_mobile": "15.00", "btn_text_color_hov_1": "#FFF", "btn_text_color_hov_2": "#000", "btn_font_size_desktop": "14.00", "img_margin_top_mobile": "-40", "btn_border_color_hov_1": "", "btn_border_color_hov_2": "#ffd100", "img_margin_top_desktop": "0", "title_font_size_mobile": "15.00", "title_font_size_desktop": "16.00", "subtitle_font_size_mobile": "14", "subtitle_font_size_desktop": "16"}, "button_settings": {}, "behavior_settings": {"banner": {"offset": 0, "position": "bottom", "animation_in": "fadeInUp", "allow_overlay": false, "animation_out": "fadeOutDown"}, "button": {"on": false, "positions": {"desktop": {"top": "0px", "left": "0px"}}, "conditions": "targeting", "show_before": true}}, "html": "", "css": "<% if(!parseInt(font_custom_show)) { %>\r\n  @import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;900&family=Roboto:wght@400;900&display=swap');\r\n<% } %>\r\n\r\n.popmechanic-reset,\r\n.popmechanic-reset * {\r\n  line-height: normal;\r\n  box-sizing: border-box;\r\n}\r\n\r\n#popmechanic-form {\r\n  position: relative !important;\r\n  display: inline-block;\r\n  <% if(parseInt(font_custom_show)) { %>\r\n      font-family: <%=font_custom%>;\r\n  <% } else { %>\r\n      font-family: <%=font_family%>;\r\n  <% } %>\r\n  <% if(parseInt(shadow_show)) { %>\r\n    box-shadow: 0px 0px <%=shadow_size%>px rgba(0, 0, 0, 0.25);\r\n  <% } %>\r\n  vertical-align: middle;\r\n  <% if(parseInt(border_show)) { %>\r\n    border-color: <%=border_color%>;\r\n    border-width: <%=border_width%>px;\r\n    border-style: solid;\r\n  <% } %>\r\n}\r\n\r\n#popmechanic-form:before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  z-index: 0;\r\n  background-color: <%=bg_color%>;\r\n  opacity: <%=bg_transparency%>\r\n}\r\n\r\n#popmechanic-form .popmechanic-main {\r\n  position: relative;\r\n  z-index: 10;\r\n  height: 100%;\r\n}\r\n\r\n#popmechanic-form .popmechanic-content {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  height: 100%;\r\n}\r\n\r\n#popmechanic-form .popmechanic-image {\r\n  height: auto;\r\n  flex-shrink: 0;\r\n}\r\n\r\n#popmechanic-form .popmechanic-image img {\r\n  width: 100%;\r\n}\r\n\r\n#popmechanic-form .popmechanic-title {\r\n  margin-top: 0;\r\n  font-weight: <%= title_fw %>;\r\n  color: <%=title_color%>;\r\n}\r\n\r\n#popmechanic-form .popmechanic-subtitle {\r\n  margin: 0;\r\n  font-weight: 400;\r\n  color: <%=subtitle_color%>;\r\n  line-height: 1.5;\r\n}\r\n\r\n#popmechanic-form .popmechanic-button {\r\n  flex-shrink: 0;\r\n  font-weight: 500;\r\n  text-align: center;\r\n  text-decoration: none;\r\n  padding-top: 14px;\r\n  padding-bottom: 14px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-button--first {\r\n  background-color: <%=btn_bg_color_1%>;\r\n  border-color: <%=btn_border_color_1%>;\r\n  color: <%=btn_text_color_1%>;\r\n  border-radius: <%=btn_border_radius_1%>px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-button--first:hover {\r\n  background-color: <%=btn_bg_color_hov_1%>;\r\n  color: <%=btn_text_color_hov_1%>;\r\n  border-color: <%=btn_border_color_hov_1%>;\r\n}\r\n\r\n#popmechanic-form .popmechanic-button--second {\r\n  background-color: <%=btn_bg_color_2%>;\r\n  border-color: <%=btn_border_color_2%>;\r\n  color: <%=btn_text_color_2%>;\r\n  border-radius: <%=btn_border_radius_2%>px;\r\n  font-weight: 900;\r\n}\r\n\r\n#popmechanic-form .popmechanic-button--second:hover {\r\n  background-color: <%=btn_bg_color_hov_2%>;\r\n  color: <%=btn_text_color_hov_2%>;\r\n  border-color: <%=btn_border_color_hov_2%>;\r\n}\r\n\r\n#popmechanic-form .popmechanic-close {\r\n  display: block;\r\n  position: absolute;\r\n  top: 10px;\r\n  right: 10px;\r\n  line-height: 1ex;\r\n  color: <%=close_color%>;\r\n  cursor: pointer;\r\n  z-index: 99;\r\n}\r\n\r\n#popmechanic-form .popmechanic-close:hover {\r\n    color: #856804;\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form .popmechanic-main {\r\n  padding: <%=padding_desktop%>px;\r\n  width: 100%;\r\n  height: <%=height_desktop%>px;\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form .popmechanic-image {\r\n  display: <%= parseInt(img_show_desktop) ? 'block' : 'none' %>;\r\n  width: <%=img_width_desktop%>px;\r\n  margin-right: 20px;\r\n  margin-top: <%=img_margin_top_desktop%>%;\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form .popmechanic-header {\r\n  margin-right: 75px;\r\n  text-align: <%=text_align_desktop%>;\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form .popmechanic-title {\r\n  font-size: <%=title_font_size_desktop%>px;\r\n  font-weight: 500;\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form .popmechanic-subtitle {\r\n  font-size: <%=subtitle_font_size_desktop%>px;\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form .popmechanic-button {\r\n  width: <%=btn_width_desktop%>px;\r\n  padding-top: <%=btn_height_desktop%>px;\r\n  padding-bottom: <%=btn_height_desktop%>px;\r\n  font-size: <%= btn_font_size_desktop %>px;\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form .popmechanic-button--first {\r\n  margin-right: 16px;\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form .popmechanic-close {\r\n  font-size: <%=close_size_desktop%>px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form,\r\n.popmechanic-mobile #popmechanic-form {\r\n  overflow: visible;\r\n  margin-top: <%= (img_margin_top_mobile < 0) ? Math.abs(parseInt(img_margin_top_mobile)) : 0 %>px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-main,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main {\r\n  width: 100%;\r\n  padding: <%=padding_mobile%>px;\r\n  padding-top: <%=\r\n  (+padding_mobile + +img_margin_top_mobile >= +padding_mobile)\r\n    ? padding_mobile\r\n    : (+padding_mobile + +img_margin_top_mobile <= 0 ) ? 0 : +padding_mobile + +img_margin_top_mobile\r\n  %>px;\r\n\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-content,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-content {\r\n  flex-direction: column;\r\n  justify-content: flex-start;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-image,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-image {\r\n  position: relative;\r\n  top: <%=img_margin_top_mobile%>px;\r\n  display: <%= parseInt(img_show_mobile) ? 'block' : 'none' %>;\r\n  width: <%=img_width_mobile%>px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-header,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-header {\r\n  margin-bottom: 20px;\r\n  margin-top: <%= parseInt(img_show_mobile) ? +img_margin_top_mobile + 16 : 32 %>px;\r\n  text-align: <%=text_align_mobile%>;\r\n  \r\n  overflow: hidden;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-title,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-title {\r\n  font-size: <%=title_font_size_mobile%>px;\r\n  line-height: 1.36em;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-subtitle,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-subtitle {\r\n  font-size: <%=subtitle_font_size_mobile%>px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-button,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-button {\r\n  width: <%=btn_width_mobile%>px;\r\n  padding-top: <%=btn_height_mobile%>px;\r\n  padding-bottom: <%=btn_height_mobile%>px;\r\n  font-size: <%= btn_font_size_mobile %>px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-button--first,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-button--first {\r\n  \r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-close,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-close {\r\n  font-size: <%=close_size_mobile%>px;\r\n}", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 57323, "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": 422, "externalId": "9aa5c073-6e4f-4c7b-8e94-ea4c1f7ff515"}, "inSegmentByDefault": false}, "operator": "$check"}, {"id": "3", "name": "$and", "type": "current_page", "nodes": [{"id": "4", "field": "page", "value": ["bonus-program"], "operator": "$in_contains"}], "operator": "$and"}, {"id": "5", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 1589, "externalId": "512c9d2a-5b05-481c-b17d-7f9703d7e97e"}, "inSegmentByDefault": true}, "operator": "$check"}, {"id": "6", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 1590, "externalId": "0ad4c39f-1438-4469-82b1-74a12dc4dd33"}, "inSegmentByDefault": true}, "operator": "$check"}], "operator": "$and"}}, "settings_splits": [{"settings": {"img": "https://content.img-gorod.ru/mb/mailcorgy.svg", "img2": "https://static.popmechanic.ru/media/lifehacker/img/send.svg", "text": "\u041f\u043e\u043b\u0443\u0447\u0430\u0439\u0442\u0435 \u0430\u043a\u0442\u0443\u0430\u043b\u044c\u043d\u044b\u0435 \u043d\u043e\u0432\u0438\u043d\u043a\u0438, \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0435 \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0438 \u043b\u0443\u0447\u0448\u0438\u0435 \u0430\u043a\u0446\u0438\u0438.", "header": "\u0414\u0430\u0440\u0438\u043c \u0431\u043e\u043d\u0443\u0441\u044b \u0437\u0430 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0443!", "submit": "\u041f\u043e\u0434\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f", "img_top": "10.00", "pad_top": "50.00", "but_col1": "#2660ab", "but_col2": "#205496", "img_left": "0.00", "show_img": "1", "btn_color": "#fafafa", "btn_width": "90", "form_font": "Roboto, sans-serif", "img_width": "200.00", "inp_color": "#242424", "inp_width": "520.00", "close_show": "0", "conf_color": "#242424", "inp_height": "52.00", "pad_bottom": "10.00", "show_title": "1", "custom_font": "Inter, Arial, sans-serif", "form_bg_img": "https://book24.ru/_ssr/img/backgrounds/subscriptions-main-bg.svg", "form_height": "251.00", "img_top_mob": "1", "lang_helper": "ru", "pad_top_mob": "15", "show_policy": "1", "title_color": "#242424", "btn_fontsize": "12.00", "img_left_mob": "1", "inp_fontsize": "16.00", "pad_left_mob": "15", "show_btn_img": "1", "show_form_bg": "0", "btn_width_mob": "300.00", "conf_fontsize": "14.00", "conf_link_url": "https://www.chitai-gorod.ru/about/policy/", "form_bg_color": "#ecf6fe", "img_width_mob": "150", "inp_width_mob": "300", "pad_right_mob": "15", "thankyou_text": "\u041f\u043e\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u0435 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0443 \u0438 \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u0435 50 \u0431\u043e\u043d\u0443\u0441\u043e\u0432!", "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": "1", "title_fontsize": "34.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": "1", "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.00", "title_fontsize_mob": "25", "close_bg_color_desk": "#000000", "conf_text_post_link": "\u043d\u0430 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u0441\u0432\u043e\u0438\u0445 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445", "inputs_border_color": "#ffffff", "thanks_fontsize_mob": "16", "close_bg_transparency": "0.5", "sub_title_fontsize_mob": "14"}, "button_settings": {}, "conditions_splits": [], "id": 56747, "behavior_settings": {"lead": {"legal_text": ""}, "embedded": {"animation_out": "fadeOut"}}}], "pinned": false, "name": "\u0427\u0413: \u0424\u043e\u0440\u043c\u0430 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0438 \u0441 \u0431\u043e\u043d\u0443\u0441\u0430\u043c\u0438 (\u043d\u043e\u0432\u044b\u0439 \u0441\u0430\u0439\u0442 \u043b\u0435\u043d\u0434\u0438\u043d\u0433 \u043f\u043b)", "active": true, "embed_selector": true, "selector": ".app-footer", "placement": "before", "frequency": {"once_lifetime": false, "once_session": false, "priority": false, "minimal_timeout": null}, "start_date": null, "end_date": null, "day_of_week": [true, true, true, true, true, true, true], "start_time": null, "end_time": null, "timezone_minutes": 180, "custom_fields": [], "container_id": null, "child_forms": [], "salt": null, "control_group": null, "variants": [{"is_winner": false, "ab_test_variant_internal_id": null, "view_settings": {"button_template": null, "rendered_preview": "https://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-55836.png?ts=1706195763733", "rendered_button_preview": null, "settings": {"img": "https://content.img-gorod.ru/mb/mailcorgy.svg", "img2": "https://static.popmechanic.ru/media/lifehacker/img/send.svg", "text": "\u041f\u043e\u043b\u0443\u0447\u0430\u0439\u0442\u0435 \u0430\u043a\u0442\u0443\u0430\u043b\u044c\u043d\u044b\u0435 \u043d\u043e\u0432\u0438\u043d\u043a\u0438, \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0435 \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0438 \u043b\u0443\u0447\u0448\u0438\u0435 \u0430\u043a\u0446\u0438\u0438.", "header": "\u0414\u0430\u0440\u0438\u043c \u0431\u043e\u043d\u0443\u0441\u044b \u0437\u0430 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0443!", "submit": "\u041f\u043e\u0434\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f", "img_top": "10.00", "pad_top": "50.00", "but_col1": "#2660ab", "but_col2": "#205496", "img_left": "0.00", "show_img": "1", "btn_color": "#fafafa", "btn_width": "90", "form_font": "Roboto, sans-serif", "img_width": "200.00", "inp_color": "#242424", "inp_width": "520.00", "close_show": "0", "conf_color": "#242424", "inp_height": "52.00", "pad_bottom": "10.00", "show_title": "1", "custom_font": "Inter, Arial, sans-serif", "form_bg_img": "https://book24.ru/_ssr/img/backgrounds/subscriptions-main-bg.svg", "form_height": "251.00", "img_top_mob": "1", "lang_helper": "ru", "pad_top_mob": "15", "show_policy": "1", "title_color": "#242424", "btn_fontsize": "12.00", "img_left_mob": "1", "inp_fontsize": "16.00", "pad_left_mob": "15", "show_btn_img": "1", "show_form_bg": "0", "btn_width_mob": "300.00", "conf_fontsize": "14.00", "conf_link_url": "https://www.chitai-gorod.ru/about/policy/", "form_bg_color": "#ecf6fe", "img_width_mob": "150", "inp_width_mob": "300", "pad_right_mob": "15", "thankyou_text": "\u041f\u043e\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u0435 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0443 \u0438 \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u0435 50 \u0431\u043e\u043d\u0443\u0441\u043e\u0432!", "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": "1", "title_fontsize": "34.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": "1", "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.00", "title_fontsize_mob": "25", "close_bg_color_desk": "#000000", "conf_text_post_link": "\u043d\u0430 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u0441\u0432\u043e\u0438\u0445 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445", "inputs_border_color": "#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\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\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\r\n<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n<g clip-path=\"url(#clip0)\">\r\n<path d=\"M13 4L6.14671 12L3 8.32677\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n</g>\r\n<defs>\r\n<clipPath id=\"clip0\">\r\n<rect width=\"16\" height=\"16\" fill=\"white\"/>\r\n</clipPath>\r\n</defs>\r\n</svg>\r\n\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 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 <a href=\"/about/policy\">\u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445</a></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<% if (parseInt(show_img)) { %>\r\n\t\t<div class=\"popmechanic-self-box-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</div>\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)) { %>\n@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&family=Roboto:wght@400;500;700&display=swap');\n    <% } %>\n\n          <% try {\n                 close_show = close_show;\n                 close_size_desk = close_size_desk;\n                 close_size_mob = close_size_mob;\n                 close_color_desk = close_color_desk;\n                 close_color_mob = close_color_mob;\n                 close_bg_show_desk = close_bg_show_desk;\n                 close_bg_color_desk = close_bg_color_desk;\n                 close_bg_show_mob = close_bg_show_mob;\n                 close_bg_color_mob = close_bg_color_mob;\n                 close_bg_transparency = close_bg_transparency;\n             } catch (e) {\n    close_show = 0\n    close_size_desk = 20\n    close_size_mob = 20\n    close_color_desk = '#000000'\n    close_color_mob = '#000000'\n    close_bg_show_desk = 0\n    close_bg_color_desk = '#000000'\n    close_bg_show_mob = 0\n    close_bg_color_mob = '#000000'\n    close_bg_transparency = 0.5\n}\n%>\n\n .popmechanic-reset,\n .popmechanic-reset * {\n     line-height: normal;\n     box-sizing: border-box;\n }\n\n#popmechanic-form {\n    position: relative;\n<% if (parseInt(use_custom_font)) { %>\nfont-family: <%=custom_font%>;\n    <% } else { %>\n         font-family: <%=form_font%>;\n             <% } %>\n                   width: 100%;\nbox-sizing: border-box;\nz-index: 2;\n}\n#popmechanic-form::before {\n    content: \"\";\n    display: block;\n    width: 100%;\n    height: 100%;\n    position: absolute;\n    top: 0;\n    left: 0;\n    bottom: 0;\n    right: 0;\n    background-color: <%=form_bg_color%>;\n\n    z-index: 1;\n<% if(parseInt(show_form_bg)) { %>\nbackground: url(<%=form_bg_img%>) center center no-repeat;\n    background-size: cover;\n    <% } %>\n          border-radius: 4px;\n}\n#popmechanic-form .popmechanic-main,\n#popmechanic-form .popmechanic-thankyou {\n    position: relative;\n    z-index: 2;\n    display: flex;\n    align-items: flex-start;\n    width: 100%;\n    justify-content: center;\n    max-width: 1300px;\n    min-height: 251px !important;\n    margin: 0 auto;\n    padding-left: 0px;\n    padding-right: 40px;\n    padding-top: <%=pad_top%>px;\n    padding-bottom: <%=pad_bottom%>px;\n}\n#popmechanic-form .popmechanic-thankyou {\n\n}\n#popmechanic-form .popmechanic-self-box {\n    width: <%=img_width%>px;\n    max-width: 100%;\n    position: relative;\n    margin-left: <%=img_left%>px;\n    margin-top: <%=img_top%>px;\n    margin-right: 380px;\n}\n#popmechanic-form .popmechanic-content {\n    width: 100%;\n    margin-right: 20px; }\n#popmechanic-form .popmechanic-inputs {\n    display: flex;\n    align-items: stretch;\n    margin-bottom: 24px;\n    height: <%=inp_height%>px;\n    max-width: 100%;\n}\n#popmechanic-form .popmechanic-inputs--wrapper {\n    /* flex: 1; */\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    max-width: 100%;\n}\n#popmechanic-form .popmechanic-input {\n    flex-shrink: 0;\n    width: <%=inp_width%>px;\n    height: 100%;\n    max-width: 100%;\n}\n#popmechanic-form .popmechanic-input input {\n    width: 100%;\n    height: 100%;\n    border: none;\n    background-color: #FFF;\n    border-radius: 4px;\n    font-size: <%=inp_fontsize%>px;\n    color: <%=inp_color%>;\n    padding-left: 24px;\n}\n#popmechanic-form .popmechanic-input input::placeholder {\n    color: <%=inp_color%>;\n    opacity: .6;\n    text-decoration: none;\n    font-style: normal;\n}\n#popmechanic-form input::-moz-placeholder {\n    color: <%=inp_color%>;\n    opacity: .6;\n}\n#popmechanic-form input::-ms-input-placeholder {\n    color: <%=inp_color%>;\n    opacity: .6;\n}\n#popmechanic-form input:hover, #popmechanic-form input:focus {\n    outline: none; }\n#popmechanic-form button {\n    flex-shrink: 0;\n    height: 44px;\n    background-color: <%=but_col1%>;\n    border: none;\n    font-size: <%=btn_fontsize%>px;\n\n    color: <%=btn_color%>;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    margin-top: 4px;\n    border-radius: 3px;\n    padding: 16px;\n\n    font-weight: 600;\n    line-height: 18px;\n    text-transform: uppercase;\n    color: #fff;\n    letter-spacing: 0.05em;\n}\n#popmechanic-form button:hover {\n    background: <%=but_col2%>;\n    color: <%=btn_hover_color%>;\n    cursor: pointer;\n    outline: none; }\n#popmechanic-form .popmechanic-subscribe_text {\n    font-style: normal;\n    font-weight: 600;\n    font-size: 14px;\n    line-height: 22px;\n}\n#popmechanic-form .popmechanic-approval {\n    font-size: <%=conf_fontsize%>px;\n    color: <%=conf_color%>;\n    font-style: normal;\n    font-weight: 400;\n    font-size: 14px;\n    line-height: 20px;\n    display: flex;\n    align-items: center;\n    width: 100%;\n    cursor: pointer;\n}\n.popmechanic-content *{\n\n    line-height: 20px !important;\n\n}\n#popmechanic-form .popmechanic-approval a {\n    color: #26a9e0;\n    text-decoration: none; }\n#popmechanic-form .popmechanic-checkbox-check {\n    width: 20px;\n    height: 20px;\n    background-color: #26a9e0;\n    border-radius: 2px;\n    margin-right: 12px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n}\n#popmechanic-form .popmechanic-checkbox-check svg {\n\n    opacity: 0;\n}\n#popmechanic-form .popmechanic-approval input {\n    visibility: hidden;\n    display: block;\n    width: 0;\n    height: 0;\n    opacity: 0;\n}\n#popmechanic-form .popmechanic-approval input:checked ~ .popmechanic-checkbox-check svg {\n    opacity: 1;\n}\n#popmechanic-form .popmechanic-header {\n    font-size: <%=title_fontsize%>px;\n    color: <%=title_color%>;\n    font-style: normal;\n    font-weight: 500;\n    line-height: 40px;\n    margin-bottom: 20px; }\n#popmechanic-form .popmechanic-text {\n    max-width: 100%;\n    font-size: <%=sub_title_fontsize%>px;\n    color: <%=sub_title_color%>;\n    font-style: normal;\n    font-weight: 400;\n    font-size: 16px;\n    line-height: 22px;\n    color:#000000;\n    margin-bottom: 15px;\n}\n#popmechanic-form .popmechanic-thankyou .popmechanic-text {\n    font-style: normal;\n    font-weight: 600;\n    font-size: 32px;\n    line-height: 40px;\n    text-align: center;\n    margin: 0 auto;\n    width: 100%;\n    margin-bottom: 12px;\n    color: #37CEB4;\n   \n}\n#popmechanic-form .popmechanic-thankyou .caption {\n    font-style: normal;\n    font-weight: 400;\n    font-size: 20px;\n    line-height: 28px;\n}\n#popmechanic-form input.popmechanic-invalid {\n    border-color: #e84e4e; }\n#popmechanic-form .popmechanic-thankyou {\n    display: none; }\n\n.popmechanic-mobile #popmechanic-form::before, .popmechanic-tablet #popmechanic-form::before {\n<% if(parseInt(show_form_bg_mob)) { %>\nbackground: url(<%=form_bg_img_mob%>) center center no-repeat;\n    background-size: cover;\n    <% } else { %>\n         background-image: none;\n             background-color: <%=form_bg_color%>;\n             <% } %>\n}\n.popmechanic-mobile #popmechanic-form .popmechanic-main,\n.popmechanic-tablet #popmechanic-form .popmechanic-main,\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou,\n.popmechanic-tablet #popmechanic-form .popmechanic-thankyou {\n    flex-direction: column;\n    align-items: center;\n    max-width: <%=form_width_mob%>px;\n    width: 100%;\n    min-height: <%=form_height_mob%>px;\n    padding: <%=pad_top_mob%>px <%=pad_right_mob%>px <%=pad_bottom_mob%>px <%=pad_left_mob%>px;\n}\n.popmechanic-mobile #popmechanic-form .popmechanic-self-box, .popmechanic-tablet #popmechanic-form .popmechanic-self-box {\n    width: <%=img_width_mob%>px;\n    position: relative;\n    margin: 0;\n    left: <%=img_left_mob%>px;\n    top: <%=img_top_mob%>px;\n    margin-right: 0;\n    margin-bottom: 10px; }\n.popmechanic-mobile #popmechanic-form .popmechanic-content, .popmechanic-tablet #popmechanic-form .popmechanic-content {\n    margin-right: 0;\n    max-width: 100%;\n    margin-bottom: 20px; }\n.popmechanic-mobile #popmechanic-form .popmechanic-header, .popmechanic-tablet #popmechanic-form .popmechanic-header {\n    font-size: <%=title_fontsize_mob%>px;\n    text-align: center; }\n.popmechanic-mobile #popmechanic-form .popmechanic-text, .popmechanic-tablet #popmechanic-form .popmechanic-text {\n    font-size: <%=sub_title_fontsize_mob%>px;\n    text-align: center; }\n.popmechanic-mobile #popmechanic-form .popmechanic-inputs, .popmechanic-tablet #popmechanic-form .popmechanic-inputs {\n    border: none;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    height: auto;\n    width: 100%;\n}\n.popmechanic-mobile #popmechanic-form .popmechanic-inputs--wrapper, .popmechanic-tablet #popmechanic-form .popmechanic-inputs--wrapper {\n    width: auto; }\n.popmechanic-mobile #popmechanic-form .popmechanic-input, .popmechanic-tablet #popmechanic-form .popmechanic-input {\n    width: <%=inp_width_mob%>px;\n    max-width: 100%;\n}\n.popmechanic-mobile #popmechanic-form .popmechanic-input input, .popmechanic-tablet #popmechanic-form .popmechanic-input input {\n    height: <%=inp_height_mob%>px;\n    font-size: <%=inp_fontsize_mob%>px;\n    border: solid 1px <%=inp_border_color%>;\n    margin-bottom: 15px; }\n.popmechanic-mobile #popmechanic-form button, .popmechanic-tablet #popmechanic-form button {\n    width: <%=btn_width_mob%>px;\n    max-width: 100%;\n    height: <%=btn_height_mob%>px;\n    font-size: <%=btn_fontsize_mob%>px;\n}\n.popmechanic-mobile #popmechanic-form .popmechanic-subscribe_text, .popmechanic-tablet #popmechanic-form .popmechanic-subscribe_text {\n    display: inline; }\n.popmechanic-mobile #popmechanic-form .popmechanic-subscribe_img, .popmechanic-tablet #popmechanic-form .popmechanic-subscribe_img {\n    display: none; }\n.popmechanic-mobile #popmechanic-form .popmechanic-approval, .popmechanic-tablet #popmechanic-form .popmechanic-approval {\n    font-size: <%=conf_fontsize_mob%>px;\n    text-align: center; }\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou .popmechanic-text, .popmechanic-tablet #popmechanic-form .popmechanic-thankyou .popmechanic-text {\n    font-size: <%=thanks_fontsize_mob%>px;\n}\n\n.popmechanic-success #popmechanic-form .popmechanic-main {\n    display: none; }\n\n.popmechanic-success #popmechanic-form .popmechanic-thankyou {\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n    text-align: center;\n    align-items: center;\n    min-height: 200px;\n}\n#popmechanic-form input.popmechanic-invalid {\n    border-color: red!important;\n    border: 1px solid red!important;\n    color: red!important;\n}\n\n<% if(parseInt(close_show)) { %>\n                                   /* CLOSE */\n                               <%\nfunction hexToRgb(hex) {\nreturn hex.replace(/^#?([a-f\\d])([a-f\\d])([a-f\\d])$/i, function (m, r, g, b) {\n    return \"#\".concat(r).concat(r).concat(g).concat(g).concat(b).concat(b);\n}).substring(1).match(/.{2}/g).map(function (x) {\n    return parseInt(x, 16);\n});\n};\n%>\n\n #popmechanic-form .popmechanic-close {\n     position: absolute;\n     z-index: 40;\n     cursor: pointer;\n }\n#popmechanic-form .popmechanic-close::before,\n#popmechanic-form .popmechanic-close::after {\n    content: \"\";\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    width: 80%;\n    height: 2px;\n    transform: translate(-50%, -50%) rotate(45deg);\n}\n#popmechanic-form .popmechanic-close::after {\n    transform: translate(-50%, -50%) rotate(135deg);\n}\n.popmechanic-desktop #popmechanic-form .popmechanic-close {\n    top: 10px;\n    right: 10px;\n    width: <%= close_size_desk %>px;\n    height: <%= close_size_desk %>px;\n<% if(parseInt(close_bg_show_desk)) { %>\nbackground-color: rgba(<%= hexToRgb(close_bg_color_desk) %>, <%= close_bg_transparency %>);\n    <% } %>\n}\n.popmechanic-desktop #popmechanic-form .popmechanic-close::before,\n.popmechanic-desktop #popmechanic-form .popmechanic-close::after {\n    background-color: <%= close_color_desk %>;\n}\n.popmechanic-tablet #popmechanic-form .popmechanic-close,\n.popmechanic-mobile #popmechanic-form .popmechanic-close {\n    top: 5px;\n    right: 5px;\n    width: <%= close_size_mob %>px;\n    height: <%= close_size_mob %>px;\n<% if(parseInt(close_bg_show_mob)) { %>\nbackground-color: rgba(<%= hexToRgb(close_bg_color_mob) %>, <%= close_bg_transparency %>);\n    <% } %>\n}\n.popmechanic-tablet #popmechanic-form .popmechanic-close::before,\n.popmechanic-tablet #popmechanic-form .popmechanic-close::after,\n.popmechanic-mobile #popmechanic-form .popmechanic-close::before,\n.popmechanic-mobile #popmechanic-form .popmechanic-close::after {\n    background-color: <%= close_color_mob %>;\n}\n<% } %>\n\n@media screen and (max-width: 850px) {\n    .popmechanic-self-box-img {\n        display: none;\n    }\n}\n\n\n\n@media screen and (max-width: 540px) {\n    \n    #popmechanic-form .popmechanic-main {\n        padding: 24px 20px;\n    }\n    \n    #popmechanic-form .popmechanic-header {\n        font-size: 24px;\n        line-height: 30px;\n    }\n    \n    #popmechanic-form .popmechanic-text {\n        font-size: 12px;\n        line-height: 18px;\n    }\n    \n    #popmechanic-form button {\n\n    }\n    \n    #popmechanic-form .popmechanic-subscribe_text {\n        font-size: 9px;\n    }\n}\n.popmechanic-tablet #popmechanic-form .popmechanic-self-box-img {\n    display: none;\n}\n\n@media screen and (min-width:539px) and (max-width: 1341px) {\n   #popmechanic-form .popmechanic-main,\n#popmechanic-form .popmechanic-thankyou {\n    padding-left: 40px !important;\n}\n}\n@media screen and (min-width:849px) and (max-width: 976px) {\n   #popmechanic-form .popmechanic-main,\n#popmechanic-form .popmechanic-thankyou {\n    padding-left:150px !important;\n}\n}", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 56827, "template": 1843, "button_template": null, "test_group": null, "new_targeting": {"filter": {"id": "root", "name": "root", "nodes": [{"id": "2", "name": "$and", "type": "current_page", "nodes": [{"id": "3", "field": "page", "value": ["become-a-friend"], "operator": "$in_contains"}], "operator": "$and"}, {"id": "4", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 1589, "externalId": "512c9d2a-5b05-481c-b17d-7f9703d7e97e"}, "inSegmentByDefault": true}, "operator": "$check"}, {"id": "5", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 1590, "externalId": "0ad4c39f-1438-4469-82b1-74a12dc4dd33"}, "inSegmentByDefault": true}, "operator": "$check"}], "operator": "$and"}}, "settings_splits": [{"settings": {"img": "https://content.img-gorod.ru/mb/mailcorgy.svg", "img2": "https://static.popmechanic.ru/media/lifehacker/img/send.svg", "text": "\u041f\u043e\u043b\u0443\u0447\u0430\u0439\u0442\u0435 \u0430\u043a\u0442\u0443\u0430\u043b\u044c\u043d\u044b\u0435 \u043d\u043e\u0432\u0438\u043d\u043a\u0438, \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0435 \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0438 \u043b\u0443\u0447\u0448\u0438\u0435 \u0430\u043a\u0446\u0438\u0438.", "header": "\u041e\u0433\u043e! \u0422\u0443\u0442 \u043c\u043e\u0436\u043d\u043e \u043f\u043e\u0434\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f!", "submit": "\u041f\u043e\u0434\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f", "img_top": "10.00", "pad_top": "50.00", "but_col1": "#2660ab", "but_col2": "#205496", "img_left": "0.00", "show_img": "1", "btn_color": "#fafafa", "btn_width": "90", "form_font": "Roboto, sans-serif", "img_width": "200.00", "inp_color": "#242424", "inp_width": "520.00", "close_show": "0", "conf_color": "#242424", "inp_height": "52.00", "pad_bottom": "10.00", "show_title": "1", "custom_font": "Inter, Arial, sans-serif", "form_bg_img": "https://book24.ru/_ssr/img/backgrounds/subscriptions-main-bg.svg", "form_height": "251.00", "img_top_mob": "1", "lang_helper": "ru", "pad_top_mob": "15", "show_policy": "1", "title_color": "#242424", "btn_fontsize": "12.00", "img_left_mob": "1", "inp_fontsize": "16.00", "pad_left_mob": "15", "show_btn_img": "1", "show_form_bg": "0", "btn_width_mob": "300.00", "conf_fontsize": "14.00", "conf_link_url": "https://www.chitai-gorod.ru/about/policy/", "form_bg_color": "#ecf6fe", "img_width_mob": "150", "inp_width_mob": "300", "pad_right_mob": "15", "thankyou_text": "\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!", "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": "1", "title_fontsize": "34.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": "1", "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.00", "title_fontsize_mob": "25", "close_bg_color_desk": "#000000", "conf_text_post_link": "\u043d\u0430 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u0441\u0432\u043e\u0438\u0445 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445", "inputs_border_color": "#ffffff", "thanks_fontsize_mob": "16", "close_bg_transparency": "0.5", "sub_title_fontsize_mob": "14"}, "button_settings": {}, "conditions_splits": [], "id": 56251, "behavior_settings": {"lead": {"legal_text": ""}, "embedded": {"animation_out": "fadeOut"}}}], "pinned": false, "name": "\u0427\u0413: \u0424\u043e\u0440\u043c\u0430 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0438 \u0441 \u0431\u043e\u043d\u0443\u0441\u0430\u043c\u0438 (\u043b\u0435\u043d\u0434\u0438\u043d\u0433 \u0434\u043b\u044f SMM \u0438 \u041e\u041a\u041f)", "active": true, "embed_selector": true, "selector": ".subscribe-form", "placement": "start", "frequency": {"once_lifetime": false, "once_session": false, "priority": false, "minimal_timeout": null}, "start_date": null, "end_date": null, "day_of_week": [true, true, true, true, true, true, true], "start_time": null, "end_time": null, "timezone_minutes": 180, "custom_fields": [], "container_id": null, "child_forms": [], "salt": null, "control_group": null, "variants": [{"is_winner": false, "ab_test_variant_internal_id": null, "view_settings": {"button_template": null, "rendered_preview": "https://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-55297.png?ts=1706195915368", "rendered_button_preview": null, "settings": {"img": "https://content.img-gorod.ru/mb/mailcorgy.svg", "img2": "https://static.popmechanic.ru/media/lifehacker/img/send.svg", "text": "\u041f\u043e\u043b\u0443\u0447\u0430\u0439\u0442\u0435 \u0430\u043a\u0442\u0443\u0430\u043b\u044c\u043d\u044b\u0435 \u043d\u043e\u0432\u0438\u043d\u043a\u0438, \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0435 \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0438 \u043b\u0443\u0447\u0448\u0438\u0435 \u0430\u043a\u0446\u0438\u0438.", "header": "\u041e\u0433\u043e! \u0422\u0443\u0442 \u043c\u043e\u0436\u043d\u043e \u043f\u043e\u0434\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f!", "submit": "\u041f\u043e\u0434\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f", "img_top": "10.00", "pad_top": "50.00", "but_col1": "#2660ab", "but_col2": "#205496", "img_left": "0.00", "show_img": "1", "btn_color": "#fafafa", "btn_width": "90", "form_font": "Roboto, sans-serif", "img_width": "200.00", "inp_color": "#242424", "inp_width": "520.00", "close_show": "0", "conf_color": "#242424", "inp_height": "52.00", "pad_bottom": "10.00", "show_title": "1", "custom_font": "Inter, Arial, sans-serif", "form_bg_img": "https://book24.ru/_ssr/img/backgrounds/subscriptions-main-bg.svg", "form_height": "251.00", "img_top_mob": "1", "lang_helper": "ru", "pad_top_mob": "15", "show_policy": "1", "title_color": "#242424", "btn_fontsize": "12.00", "img_left_mob": "1", "inp_fontsize": "16.00", "pad_left_mob": "15", "show_btn_img": "1", "show_form_bg": "0", "btn_width_mob": "300.00", "conf_fontsize": "14.00", "conf_link_url": "https://www.chitai-gorod.ru/about/policy/", "form_bg_color": "#ecf6fe", "img_width_mob": "150", "inp_width_mob": "300", "pad_right_mob": "15", "thankyou_text": "\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!", "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": "1", "title_fontsize": "34.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": "1", "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.00", "title_fontsize_mob": "25", "close_bg_color_desk": "#000000", "conf_text_post_link": "\u043d\u0430 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u0441\u0432\u043e\u0438\u0445 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445", "inputs_border_color": "#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    body{\r\n    background-color: #ecf6fe;\r\n}\r\n.popmechanic-js-container{\r\n        position: absolute;\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n}\r\n.subscribe-form{\r\n    min-height: 350px;\r\n}\r\n\r\n.popmechanic-inputs--wrapper{\r\n    max-width: 425px !important;\r\n}\r\n@media screen and (max-width: 540px)\r\n<style>\r\n#popmechanic-container-56827 #popmechanic-form-56827 .popmechanic-main {\r\n    padding: 24px 20px;\r\n}\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\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\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\r\n<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n<g clip-path=\"url(#clip0)\">\r\n<path d=\"M13 4L6.14671 12L3 8.32677\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n</g>\r\n<defs>\r\n<clipPath id=\"clip0\">\r\n<rect width=\"16\" height=\"16\" fill=\"white\"/>\r\n</clipPath>\r\n</defs>\r\n</svg>\r\n\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 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 <a href=\"/about/policy\">\u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445</a></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<% if (parseInt(show_img)) { %>\r\n\t\t<div class=\"popmechanic-self-box-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</div>\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)) { %>\n@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&family=Roboto:wght@400;500;700&display=swap');\n    <% } %>\n\n          <% try {\n                 close_show = close_show;\n                 close_size_desk = close_size_desk;\n                 close_size_mob = close_size_mob;\n                 close_color_desk = close_color_desk;\n                 close_color_mob = close_color_mob;\n                 close_bg_show_desk = close_bg_show_desk;\n                 close_bg_color_desk = close_bg_color_desk;\n                 close_bg_show_mob = close_bg_show_mob;\n                 close_bg_color_mob = close_bg_color_mob;\n                 close_bg_transparency = close_bg_transparency;\n             } catch (e) {\n    close_show = 0\n    close_size_desk = 20\n    close_size_mob = 20\n    close_color_desk = '#000000'\n    close_color_mob = '#000000'\n    close_bg_show_desk = 0\n    close_bg_color_desk = '#000000'\n    close_bg_show_mob = 0\n    close_bg_color_mob = '#000000'\n    close_bg_transparency = 0.5\n}\n%>\n\n .popmechanic-reset,\n .popmechanic-reset * {\n     line-height: normal;\n     box-sizing: border-box;\n }\n\n#popmechanic-form {\n    position: relative;\n<% if (parseInt(use_custom_font)) { %>\nfont-family: <%=custom_font%>;\n    <% } else { %>\n         font-family: <%=form_font%>;\n             <% } %>\n                   width: 100%;\nbox-sizing: border-box;\nz-index: 2;\n}\n#popmechanic-form::before {\n    content: \"\";\n    display: block;\n    width: 100%;\n    height: 100%;\n    position: absolute;\n    top: 0;\n    left: 0;\n    bottom: 0;\n    right: 0;\n    background-color: <%=form_bg_color%>;\n\n    z-index: 1;\n<% if(parseInt(show_form_bg)) { %>\nbackground: url(<%=form_bg_img%>) center center no-repeat;\n    background-size: cover;\n    <% } %>\n          border-radius: 4px;\n}\n#popmechanic-form .popmechanic-main,\n#popmechanic-form .popmechanic-thankyou {\n    position: relative;\n    z-index: 2;\n    display: flex;\n    align-items: flex-start;\n    width: 100%;\n    justify-content: center;\n    max-width: 1300px;\n    min-height: 251px !important;\n    margin: 0 auto;\n    padding-left: 0px;\n    padding-right: 40px;\n    padding-top: <%=pad_top%>px;\n    padding-bottom: <%=pad_bottom%>px;\n}\n#popmechanic-form .popmechanic-thankyou {\n\n}\n#popmechanic-form .popmechanic-self-box {\n    width: <%=img_width%>px;\n    max-width: 100%;\n    position: relative;\n    margin-left: <%=img_left%>px;\n    margin-top: <%=img_top%>px;\n    margin-right: 380px;\n}\n#popmechanic-form .popmechanic-content {\n    width: 100%;\n    margin-right: 20px; }\n#popmechanic-form .popmechanic-inputs {\n    display: flex;\n    align-items: stretch;\n    margin-bottom: 24px;\n    height: <%=inp_height%>px;\n    max-width: 100%;\n}\n#popmechanic-form .popmechanic-inputs--wrapper {\n    /* flex: 1; */\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    max-width: 100%;\n}\n#popmechanic-form .popmechanic-input {\n    flex-shrink: 0;\n    width: <%=inp_width%>px;\n    height: 100%;\n    max-width: 100%;\n}\n#popmechanic-form .popmechanic-input input {\n    width: 100%;\n    height: 100%;\n    border: none;\n    background-color: #FFF;\n    border-radius: 4px;\n    font-size: <%=inp_fontsize%>px;\n    color: <%=inp_color%>;\n    padding-left: 24px;\n}\n#popmechanic-form .popmechanic-input input::placeholder {\n    color: <%=inp_color%>;\n    opacity: .6;\n    text-decoration: none;\n    font-style: normal;\n}\n#popmechanic-form input::-moz-placeholder {\n    color: <%=inp_color%>;\n    opacity: .6;\n}\n#popmechanic-form input::-ms-input-placeholder {\n    color: <%=inp_color%>;\n    opacity: .6;\n}\n#popmechanic-form input:hover, #popmechanic-form input:focus {\n    outline: none; }\n#popmechanic-form button {\n    flex-shrink: 0;\n    height: 44px;\n    background-color: <%=but_col1%>;\n    border: none;\n    font-size: <%=btn_fontsize%>px;\n\n    color: <%=btn_color%>;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    margin-top: 4px;\n    border-radius: 3px;\n    padding: 16px;\n\n    font-weight: 600;\n    line-height: 18px;\n    text-transform: uppercase;\n    color: #fff;\n    letter-spacing: 0.05em;\n}\n#popmechanic-form button:hover {\n    background: <%=but_col2%>;\n    color: <%=btn_hover_color%>;\n    cursor: pointer;\n    outline: none; }\n#popmechanic-form .popmechanic-subscribe_text {\n    font-style: normal;\n    font-weight: 600;\n    font-size: 14px;\n    line-height: 22px;\n}\n#popmechanic-form .popmechanic-approval {\n    font-size: <%=conf_fontsize%>px;\n    color: <%=conf_color%>;\n    font-style: normal;\n    font-weight: 400;\n    font-size: 14px;\n    line-height: 20px;\n    display: flex;\n    align-items: center;\n    width: 100%;\n    cursor: pointer;\n}\n.popmechanic-content *{\n\n    line-height: 20px !important;\n\n}\n.popmechanic-content .popmechanic-header{\n    line-height: 35px !important;\n}\n#popmechanic-form .popmechanic-approval a {\n    color: #26a9e0;\n    text-decoration: none; }\n#popmechanic-form .popmechanic-checkbox-check {\n    width: 20px;\n    height: 20px;\n    background-color: #26a9e0;\n    border-radius: 2px;\n    margin-right: 12px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n}\n#popmechanic-form .popmechanic-checkbox-check svg {\n\n    opacity: 0;\n}\n#popmechanic-form .popmechanic-approval input {\n    visibility: hidden;\n    display: block;\n    width: 0;\n    height: 0;\n    opacity: 0;\n}\n#popmechanic-form .popmechanic-approval input:checked ~ .popmechanic-checkbox-check svg {\n    opacity: 1;\n}\n#popmechanic-form .popmechanic-header {\n    font-size: <%=title_fontsize%>px;\n    color: <%=title_color%>;\n    font-style: normal;\n    font-weight: 500;\n    line-height: 40px;\n    margin-bottom: 20px; }\n#popmechanic-form .popmechanic-text {\n    max-width: 100%;\n    font-size: <%=sub_title_fontsize%>px;\n    color: <%=sub_title_color%>;\n    font-style: normal;\n    font-weight: 400;\n    font-size: 16px;\n    line-height: 22px;\n    color:#000000;\n    margin-bottom: 15px;\n}\n#popmechanic-form .popmechanic-thankyou .popmechanic-text {\n    font-style: normal;\n    font-weight: 600;\n    font-size: 32px;\n    line-height: 40px;\n    text-align: center;\n    margin: 0 auto;\n    width: 100%;\n    margin-bottom: 12px;\n    color: #37CEB4;\n   \n}\n#popmechanic-form .popmechanic-thankyou .caption {\n    font-style: normal;\n    font-weight: 400;\n    font-size: 20px;\n    line-height: 28px;\n}\n#popmechanic-form input.popmechanic-invalid {\n    border-color: #e84e4e; }\n#popmechanic-form .popmechanic-thankyou {\n    display: none; }\n\n.popmechanic-mobile #popmechanic-form::before, .popmechanic-tablet #popmechanic-form::before {\n<% if(parseInt(show_form_bg_mob)) { %>\nbackground: url(<%=form_bg_img_mob%>) center center no-repeat;\n    background-size: cover;\n    <% } else { %>\n         background-image: none;\n             background-color: <%=form_bg_color%>;\n             <% } %>\n}\n.popmechanic-mobile #popmechanic-form .popmechanic-main,\n.popmechanic-tablet #popmechanic-form .popmechanic-main,\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou,\n.popmechanic-tablet #popmechanic-form .popmechanic-thankyou {\n    flex-direction: column;\n    align-items: center;\n    max-width: <%=form_width_mob%>px;\n    width: 100%;\n    min-height: <%=form_height_mob%>px;\n    padding: <%=pad_top_mob%>px <%=pad_right_mob%>px <%=pad_bottom_mob%>px <%=pad_left_mob%>px;\n}\n.popmechanic-mobile #popmechanic-form .popmechanic-self-box, .popmechanic-tablet #popmechanic-form .popmechanic-self-box {\n    width: <%=img_width_mob%>px;\n    position: relative;\n    margin: 0;\n    left: <%=img_left_mob%>px;\n    top: <%=img_top_mob%>px;\n    margin-right: 0;\n    margin-bottom: 10px; }\n.popmechanic-mobile #popmechanic-form .popmechanic-content, .popmechanic-tablet #popmechanic-form .popmechanic-content {\n    margin-right: 0;\n    max-width: 100%;\n    margin-bottom: 20px; }\n.popmechanic-mobile #popmechanic-form .popmechanic-header, .popmechanic-tablet #popmechanic-form .popmechanic-header {\n    font-size: <%=title_fontsize_mob%>px;\n    text-align: center; }\n.popmechanic-mobile #popmechanic-form .popmechanic-text, .popmechanic-tablet #popmechanic-form .popmechanic-text {\n    font-size: <%=sub_title_fontsize_mob%>px;\n    text-align: center; }\n.popmechanic-mobile #popmechanic-form .popmechanic-inputs, .popmechanic-tablet #popmechanic-form .popmechanic-inputs {\n    border: none;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    height: auto;\n    width: 100%;\n}\n.popmechanic-mobile #popmechanic-form .popmechanic-inputs--wrapper, .popmechanic-tablet #popmechanic-form .popmechanic-inputs--wrapper {\n    width: auto; }\n.popmechanic-mobile #popmechanic-form .popmechanic-input, .popmechanic-tablet #popmechanic-form .popmechanic-input {\n    width: <%=inp_width_mob%>px;\n    max-width: 100%;\n}\n.popmechanic-mobile #popmechanic-form .popmechanic-input input, .popmechanic-tablet #popmechanic-form .popmechanic-input input {\n    height: <%=inp_height_mob%>px;\n    font-size: <%=inp_fontsize_mob%>px;\n    border: solid 1px <%=inp_border_color%>;\n    margin-bottom: 15px; }\n.popmechanic-mobile #popmechanic-form button, .popmechanic-tablet #popmechanic-form button {\n    width: <%=btn_width_mob%>px;\n    max-width: 100%;\n    height: <%=btn_height_mob%>px;\n    font-size: <%=btn_fontsize_mob%>px;\n}\n.popmechanic-mobile #popmechanic-form .popmechanic-subscribe_text, .popmechanic-tablet #popmechanic-form .popmechanic-subscribe_text {\n    display: inline; }\n.popmechanic-mobile #popmechanic-form .popmechanic-subscribe_img, .popmechanic-tablet #popmechanic-form .popmechanic-subscribe_img {\n    display: none; }\n.popmechanic-mobile #popmechanic-form .popmechanic-approval, .popmechanic-tablet #popmechanic-form .popmechanic-approval {\n    font-size: <%=conf_fontsize_mob%>px;\n    text-align: center; }\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou .popmechanic-text, .popmechanic-tablet #popmechanic-form .popmechanic-thankyou .popmechanic-text {\n    font-size: <%=thanks_fontsize_mob%>px;\n}\n\n.popmechanic-success #popmechanic-form .popmechanic-main {\n    display: none; }\n\n.popmechanic-success #popmechanic-form .popmechanic-thankyou {\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n    text-align: center;\n    align-items: center;\n    min-height: 200px;\n}\n#popmechanic-form input.popmechanic-invalid {\n    border-color: red!important;\n    border: 1px solid red!important;\n    color: red!important;\n}\n\n<% if(parseInt(close_show)) { %>\n                                   /* CLOSE */\n                               <%\nfunction hexToRgb(hex) {\nreturn hex.replace(/^#?([a-f\\d])([a-f\\d])([a-f\\d])$/i, function (m, r, g, b) {\n    return \"#\".concat(r).concat(r).concat(g).concat(g).concat(b).concat(b);\n}).substring(1).match(/.{2}/g).map(function (x) {\n    return parseInt(x, 16);\n});\n};\n%>\n\n #popmechanic-form .popmechanic-close {\n     position: absolute;\n     z-index: 40;\n     cursor: pointer;\n }\n#popmechanic-form .popmechanic-close::before,\n#popmechanic-form .popmechanic-close::after {\n    content: \"\";\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    width: 80%;\n    height: 2px;\n    transform: translate(-50%, -50%) rotate(45deg);\n}\n#popmechanic-form .popmechanic-close::after {\n    transform: translate(-50%, -50%) rotate(135deg);\n}\n.popmechanic-desktop #popmechanic-form .popmechanic-close {\n    top: 10px;\n    right: 10px;\n    width: <%= close_size_desk %>px;\n    height: <%= close_size_desk %>px;\n<% if(parseInt(close_bg_show_desk)) { %>\nbackground-color: rgba(<%= hexToRgb(close_bg_color_desk) %>, <%= close_bg_transparency %>);\n    <% } %>\n}\n.popmechanic-desktop #popmechanic-form .popmechanic-close::before,\n.popmechanic-desktop #popmechanic-form .popmechanic-close::after {\n    background-color: <%= close_color_desk %>;\n}\n.popmechanic-tablet #popmechanic-form .popmechanic-close,\n.popmechanic-mobile #popmechanic-form .popmechanic-close {\n    top: 5px;\n    right: 5px;\n    width: <%= close_size_mob %>px;\n    height: <%= close_size_mob %>px;\n<% if(parseInt(close_bg_show_mob)) { %>\nbackground-color: rgba(<%= hexToRgb(close_bg_color_mob) %>, <%= close_bg_transparency %>);\n    <% } %>\n}\n.popmechanic-tablet #popmechanic-form .popmechanic-close::before,\n.popmechanic-tablet #popmechanic-form .popmechanic-close::after,\n.popmechanic-mobile #popmechanic-form .popmechanic-close::before,\n.popmechanic-mobile #popmechanic-form .popmechanic-close::after {\n    background-color: <%= close_color_mob %>;\n}\n<% } %>\n\n@media screen and (max-width: 850px) {\n    .popmechanic-self-box-img {\n        display: none;\n    }\n}\n\n\n\n@media screen and (max-width: 540px) {\n    \n    #popmechanic-form .popmechanic-main {\n        padding: 24px 20px;\n    }\n    \n    #popmechanic-form .popmechanic-header {\n        font-size: 24px;\n        line-height: 30px;\n    }\n    \n    #popmechanic-form .popmechanic-text {\n        font-size: 12px;\n        line-height: 18px;\n    }\n    \n    #popmechanic-form button {\n        margin-left: 0px;\n    }\n    \n    #popmechanic-form .popmechanic-subscribe_text {\n        font-size: 9px;\n    }\n}\n.popmechanic-tablet #popmechanic-form .popmechanic-self-box-img {\n    display: none;\n}\n\n@media screen and (min-width:539px) and (max-width: 1341px) {\n   #popmechanic-form .popmechanic-main,\n#popmechanic-form .popmechanic-thankyou {\n    padding-left: 40px !important;\n}\n}\n@media screen and (min-width:849px) and (max-width: 976px) {\n   #popmechanic-form .popmechanic-main,\n#popmechanic-form .popmechanic-thankyou {\n    padding-left:150px !important;\n}\n}", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 55692, "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": 422, "externalId": "9aa5c073-6e4f-4c7b-8e94-ea4c1f7ff515"}, "inSegmentByDefault": false}, "operator": "$check"}, {"id": "3", "name": "$and", "type": "current_page", "nodes": [{"id": "4", "field": "page", "value": ["product"], "operator": "$in_contains"}], "operator": "$and"}, {"id": "5", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 1589, "externalId": "512c9d2a-5b05-481c-b17d-7f9703d7e97e"}, "inSegmentByDefault": true}, "operator": "$check"}, {"id": "6", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 1590, "externalId": "0ad4c39f-1438-4469-82b1-74a12dc4dd33"}, "inSegmentByDefault": true}, "operator": "$check"}], "operator": "$and"}}, "settings_splits": [{"settings": {"img": "https://content.img-gorod.ru/mb/mailcorgy.svg", "img2": "https://static.popmechanic.ru/media/lifehacker/img/send.svg", "text": "\u041f\u043e\u043b\u0443\u0447\u0430\u0439\u0442\u0435 \u0430\u043a\u0442\u0443\u0430\u043b\u044c\u043d\u044b\u0435 \u043d\u043e\u0432\u0438\u043d\u043a\u0438, \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0435 \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0438 \u043b\u0443\u0447\u0448\u0438\u0435 \u0430\u043a\u0446\u0438\u0438.", "header": "\u0414\u0430\u0440\u0438\u043c \u0431\u043e\u043d\u0443\u0441\u044b \u0437\u0430 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0443!", "submit": "\u041f\u043e\u0434\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f", "img_top": "10.00", "pad_top": "50.00", "but_col1": "#2660ab", "but_col2": "#205496", "img_left": "0.00", "show_img": "1", "btn_color": "#fafafa", "btn_width": "90", "form_font": "Roboto, sans-serif", "img_width": "200.00", "inp_color": "#242424", "inp_width": "520.00", "close_show": "0", "conf_color": "#242424", "inp_height": "52.00", "pad_bottom": "10.00", "show_title": "1", "custom_font": "Inter, Arial, sans-serif", "form_bg_img": "https://book24.ru/_ssr/img/backgrounds/subscriptions-main-bg.svg", "form_height": "251.00", "img_top_mob": "1", "lang_helper": "ru", "pad_top_mob": "15", "show_policy": "1", "title_color": "#242424", "btn_fontsize": "12.00", "img_left_mob": "1", "inp_fontsize": "16.00", "pad_left_mob": "15", "show_btn_img": "1", "show_form_bg": "0", "btn_width_mob": "300.00", "conf_fontsize": "14.00", "conf_link_url": "https://www.chitai-gorod.ru/about/policy/", "form_bg_color": "#ecf6fe", "img_width_mob": "150", "inp_width_mob": "300", "pad_right_mob": "15", "thankyou_text": "\u041f\u043e\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u0435 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0443 \u0438 \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u0435 50 \u0431\u043e\u043d\u0443\u0441\u043e\u0432!", "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": "1", "title_fontsize": "34.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": "1", "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.00", "title_fontsize_mob": "25", "close_bg_color_desk": "#000000", "conf_text_post_link": "\u043d\u0430 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u0441\u0432\u043e\u0438\u0445 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445", "inputs_border_color": "#ffffff", "thanks_fontsize_mob": "16", "close_bg_transparency": "0.5", "sub_title_fontsize_mob": "14"}, "button_settings": {}, "conditions_splits": [], "id": 55116, "behavior_settings": {"lead": {"legal_text": ""}, "embedded": {"animation_out": "fadeOut"}}}], "pinned": false, "name": "\u0427\u0413: \u0424\u043e\u0440\u043c\u0430 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0438 \u0441 \u0431\u043e\u043d\u0443\u0441\u0430\u043c\u0438 (\u043d\u043e\u0432\u044b\u0439 \u0441\u0430\u0439\u0442 \u0442\u043e\u0432\u0430\u0440\u044b)", "active": true, "embed_selector": true, "selector": ".app-footer", "placement": "before", "frequency": {"once_lifetime": false, "once_session": false, "priority": false, "minimal_timeout": null}, "start_date": null, "end_date": null, "day_of_week": [true, true, true, true, true, true, true], "start_time": null, "end_time": null, "timezone_minutes": 180, "custom_fields": [], "container_id": null, "child_forms": [], "salt": null, "control_group": null, "variants": [{"is_winner": false, "ab_test_variant_internal_id": null, "view_settings": {"button_template": null, "rendered_preview": "https://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-54085.png?ts=1706195778226", "rendered_button_preview": null, "settings": {"img": "https://content.img-gorod.ru/mb/mailcorgy.svg", "img2": "https://static.popmechanic.ru/media/lifehacker/img/send.svg", "text": "\u041f\u043e\u043b\u0443\u0447\u0430\u0439\u0442\u0435 \u0430\u043a\u0442\u0443\u0430\u043b\u044c\u043d\u044b\u0435 \u043d\u043e\u0432\u0438\u043d\u043a\u0438, \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0435 \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0438 \u043b\u0443\u0447\u0448\u0438\u0435 \u0430\u043a\u0446\u0438\u0438.", "header": "\u0414\u0430\u0440\u0438\u043c \u0431\u043e\u043d\u0443\u0441\u044b \u0437\u0430 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0443!", "submit": "\u041f\u043e\u0434\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f", "img_top": "10.00", "pad_top": "50.00", "but_col1": "#2660ab", "but_col2": "#205496", "img_left": "0.00", "show_img": "1", "btn_color": "#fafafa", "btn_width": "90", "form_font": "Roboto, sans-serif", "img_width": "200.00", "inp_color": "#242424", "inp_width": "520.00", "close_show": "0", "conf_color": "#242424", "inp_height": "52.00", "pad_bottom": "10.00", "show_title": "1", "custom_font": "Inter, Arial, sans-serif", "form_bg_img": "https://book24.ru/_ssr/img/backgrounds/subscriptions-main-bg.svg", "form_height": "251.00", "img_top_mob": "1", "lang_helper": "ru", "pad_top_mob": "15", "show_policy": "1", "title_color": "#242424", "btn_fontsize": "12.00", "img_left_mob": "1", "inp_fontsize": "16.00", "pad_left_mob": "15", "show_btn_img": "1", "show_form_bg": "0", "btn_width_mob": "300.00", "conf_fontsize": "14.00", "conf_link_url": "https://www.chitai-gorod.ru/about/policy/", "form_bg_color": "#ecf6fe", "img_width_mob": "150", "inp_width_mob": "300", "pad_right_mob": "15", "thankyou_text": "\u041f\u043e\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u0435 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0443 \u0438 \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u0435 50 \u0431\u043e\u043d\u0443\u0441\u043e\u0432!", "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": "1", "title_fontsize": "34.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": "1", "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.00", "title_fontsize_mob": "25", "close_bg_color_desk": "#000000", "conf_text_post_link": "\u043d\u0430 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u0441\u0432\u043e\u0438\u0445 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445", "inputs_border_color": "#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\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\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\r\n<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n<g clip-path=\"url(#clip0)\">\r\n<path d=\"M13 4L6.14671 12L3 8.32677\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n</g>\r\n<defs>\r\n<clipPath id=\"clip0\">\r\n<rect width=\"16\" height=\"16\" fill=\"white\"/>\r\n</clipPath>\r\n</defs>\r\n</svg>\r\n\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 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 <a href=\"/about/policy\">\u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445</a></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<% if (parseInt(show_img)) { %>\r\n\t\t<div class=\"popmechanic-self-box-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</div>\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)) { %>\n@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&family=Roboto:wght@400;500;700&display=swap');\n    <% } %>\n\n          <% try {\n                 close_show = close_show;\n                 close_size_desk = close_size_desk;\n                 close_size_mob = close_size_mob;\n                 close_color_desk = close_color_desk;\n                 close_color_mob = close_color_mob;\n                 close_bg_show_desk = close_bg_show_desk;\n                 close_bg_color_desk = close_bg_color_desk;\n                 close_bg_show_mob = close_bg_show_mob;\n                 close_bg_color_mob = close_bg_color_mob;\n                 close_bg_transparency = close_bg_transparency;\n             } catch (e) {\n    close_show = 0\n    close_size_desk = 20\n    close_size_mob = 20\n    close_color_desk = '#000000'\n    close_color_mob = '#000000'\n    close_bg_show_desk = 0\n    close_bg_color_desk = '#000000'\n    close_bg_show_mob = 0\n    close_bg_color_mob = '#000000'\n    close_bg_transparency = 0.5\n}\n%>\n\n .popmechanic-reset,\n .popmechanic-reset * {\n     line-height: normal;\n     box-sizing: border-box;\n }\n\n#popmechanic-form {\n    position: relative;\n<% if (parseInt(use_custom_font)) { %>\nfont-family: <%=custom_font%>;\n    <% } else { %>\n         font-family: <%=form_font%>;\n             <% } %>\n                   width: 100%;\nbox-sizing: border-box;\nz-index: 2;\n}\n#popmechanic-form::before {\n    content: \"\";\n    display: block;\n    width: 100%;\n    height: 100%;\n    position: absolute;\n    top: 0;\n    left: 0;\n    bottom: 0;\n    right: 0;\n    background-color: <%=form_bg_color%>;\n\n    z-index: 1;\n<% if(parseInt(show_form_bg)) { %>\nbackground: url(<%=form_bg_img%>) center center no-repeat;\n    background-size: cover;\n    <% } %>\n          border-radius: 4px;\n}\n#popmechanic-form .popmechanic-main,\n#popmechanic-form .popmechanic-thankyou {\n    position: relative;\n    z-index: 2;\n    display: flex;\n    align-items: flex-start;\n    width: 100%;\n    justify-content: center;\n    max-width: 1300px;\n    min-height: 251px !important;\n    margin: 0 auto;\n    padding-left: 0px;\n    padding-right: 40px;\n    padding-top: <%=pad_top%>px;\n    padding-bottom: <%=pad_bottom%>px;\n}\n#popmechanic-form .popmechanic-thankyou {\n\n}\n#popmechanic-form .popmechanic-self-box {\n    width: <%=img_width%>px;\n    max-width: 100%;\n    position: relative;\n    margin-left: <%=img_left%>px;\n    margin-top: <%=img_top%>px;\n    margin-right: 380px;\n}\n#popmechanic-form .popmechanic-content {\n    width: 100%;\n    margin-right: 20px; }\n#popmechanic-form .popmechanic-inputs {\n    display: flex;\n    align-items: stretch;\n    margin-bottom: 24px;\n    height: <%=inp_height%>px;\n    max-width: 100%;\n}\n#popmechanic-form .popmechanic-inputs--wrapper {\n    /* flex: 1; */\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    max-width: 100%;\n}\n#popmechanic-form .popmechanic-input {\n    flex-shrink: 0;\n    width: <%=inp_width%>px;\n    height: 100%;\n    max-width: 100%;\n}\n#popmechanic-form .popmechanic-input input {\n    width: 100%;\n    height: 100%;\n    border: none;\n    background-color: #FFF;\n    border-radius: 4px;\n    font-size: <%=inp_fontsize%>px;\n    color: <%=inp_color%>;\n    padding-left: 24px;\n}\n#popmechanic-form .popmechanic-input input::placeholder {\n    color: <%=inp_color%>;\n    opacity: .6;\n    text-decoration: none;\n    font-style: normal;\n}\n#popmechanic-form input::-moz-placeholder {\n    color: <%=inp_color%>;\n    opacity: .6;\n}\n#popmechanic-form input::-ms-input-placeholder {\n    color: <%=inp_color%>;\n    opacity: .6;\n}\n#popmechanic-form input:hover, #popmechanic-form input:focus {\n    outline: none; }\n#popmechanic-form button {\n    flex-shrink: 0;\n    height: 44px;\n    background-color: <%=but_col1%>;\n    border: none;\n    font-size: <%=btn_fontsize%>px;\n\n    color: <%=btn_color%>;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    margin-top: 4px;\n    border-radius: 3px;\n    padding: 16px;\n\n    font-weight: 600;\n    line-height: 18px;\n    text-transform: uppercase;\n    color: #fff;\n    letter-spacing: 0.05em;\n}\n#popmechanic-form button:hover {\n    background: <%=but_col2%>;\n    color: <%=btn_hover_color%>;\n    cursor: pointer;\n    outline: none; }\n#popmechanic-form .popmechanic-subscribe_text {\n    font-style: normal;\n    font-weight: 600;\n    font-size: 14px;\n    line-height: 22px;\n}\n#popmechanic-form .popmechanic-approval {\n    font-size: <%=conf_fontsize%>px;\n    color: <%=conf_color%>;\n    font-style: normal;\n    font-weight: 400;\n    font-size: 14px;\n    line-height: 20px;\n    display: flex;\n    align-items: center;\n    width: 100%;\n    cursor: pointer;\n}\n.popmechanic-content *{\n\n    line-height: 20px !important;\n\n}\n#popmechanic-form .popmechanic-approval a {\n    color: #26a9e0;\n    text-decoration: none; }\n#popmechanic-form .popmechanic-checkbox-check {\n    width: 20px;\n    height: 20px;\n    background-color: #26a9e0;\n    border-radius: 2px;\n    margin-right: 12px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n}\n#popmechanic-form .popmechanic-checkbox-check svg {\n\n    opacity: 0;\n}\n#popmechanic-form .popmechanic-approval input {\n    visibility: hidden;\n    display: block;\n    width: 0;\n    height: 0;\n    opacity: 0;\n}\n#popmechanic-form .popmechanic-approval input:checked ~ .popmechanic-checkbox-check svg {\n    opacity: 1;\n}\n#popmechanic-form .popmechanic-header {\n    font-size: <%=title_fontsize%>px;\n    color: <%=title_color%>;\n    font-style: normal;\n    font-weight: 500;\n    line-height: 40px;\n    margin-bottom: 20px; }\n#popmechanic-form .popmechanic-text {\n    max-width: 100%;\n    font-size: <%=sub_title_fontsize%>px;\n    color: <%=sub_title_color%>;\n    font-style: normal;\n    font-weight: 400;\n    font-size: 16px;\n    line-height: 22px;\n    color:#000000;\n    margin-bottom: 15px;\n}\n#popmechanic-form .popmechanic-thankyou .popmechanic-text {\n    font-style: normal;\n    font-weight: 600;\n    font-size: 32px;\n    line-height: 40px;\n    text-align: center;\n    margin: 0 auto;\n    width: 100%;\n    margin-bottom: 12px;\n    color: #37CEB4;\n   \n}\n#popmechanic-form .popmechanic-thankyou .caption {\n    font-style: normal;\n    font-weight: 400;\n    font-size: 20px;\n    line-height: 28px;\n}\n#popmechanic-form input.popmechanic-invalid {\n    border-color: #e84e4e; }\n#popmechanic-form .popmechanic-thankyou {\n    display: none; }\n\n.popmechanic-mobile #popmechanic-form::before, .popmechanic-tablet #popmechanic-form::before {\n<% if(parseInt(show_form_bg_mob)) { %>\nbackground: url(<%=form_bg_img_mob%>) center center no-repeat;\n    background-size: cover;\n    <% } else { %>\n         background-image: none;\n             background-color: <%=form_bg_color%>;\n             <% } %>\n}\n.popmechanic-mobile #popmechanic-form .popmechanic-main,\n.popmechanic-tablet #popmechanic-form .popmechanic-main,\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou,\n.popmechanic-tablet #popmechanic-form .popmechanic-thankyou {\n    flex-direction: column;\n    align-items: center;\n    max-width: <%=form_width_mob%>px;\n    width: 100%;\n    min-height: <%=form_height_mob%>px;\n    padding: <%=pad_top_mob%>px <%=pad_right_mob%>px <%=pad_bottom_mob%>px <%=pad_left_mob%>px;\n}\n.popmechanic-mobile #popmechanic-form .popmechanic-self-box, .popmechanic-tablet #popmechanic-form .popmechanic-self-box {\n    width: <%=img_width_mob%>px;\n    position: relative;\n    margin: 0;\n    left: <%=img_left_mob%>px;\n    top: <%=img_top_mob%>px;\n    margin-right: 0;\n    margin-bottom: 10px; }\n.popmechanic-mobile #popmechanic-form .popmechanic-content, .popmechanic-tablet #popmechanic-form .popmechanic-content {\n    margin-right: 0;\n    max-width: 100%;\n    margin-bottom: 20px; }\n.popmechanic-mobile #popmechanic-form .popmechanic-header, .popmechanic-tablet #popmechanic-form .popmechanic-header {\n    font-size: <%=title_fontsize_mob%>px;\n    text-align: center; }\n.popmechanic-mobile #popmechanic-form .popmechanic-text, .popmechanic-tablet #popmechanic-form .popmechanic-text {\n    font-size: <%=sub_title_fontsize_mob%>px;\n    text-align: center; }\n.popmechanic-mobile #popmechanic-form .popmechanic-inputs, .popmechanic-tablet #popmechanic-form .popmechanic-inputs {\n    border: none;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    height: auto;\n    width: 100%;\n}\n.popmechanic-mobile #popmechanic-form .popmechanic-inputs--wrapper, .popmechanic-tablet #popmechanic-form .popmechanic-inputs--wrapper {\n    width: auto; }\n.popmechanic-mobile #popmechanic-form .popmechanic-input, .popmechanic-tablet #popmechanic-form .popmechanic-input {\n    width: <%=inp_width_mob%>px;\n    max-width: 100%;\n}\n.popmechanic-mobile #popmechanic-form .popmechanic-input input, .popmechanic-tablet #popmechanic-form .popmechanic-input input {\n    height: <%=inp_height_mob%>px;\n    font-size: <%=inp_fontsize_mob%>px;\n    border: solid 1px <%=inp_border_color%>;\n    margin-bottom: 15px; }\n.popmechanic-mobile #popmechanic-form button, .popmechanic-tablet #popmechanic-form button {\n    width: <%=btn_width_mob%>px;\n    max-width: 100%;\n    height: <%=btn_height_mob%>px;\n    font-size: <%=btn_fontsize_mob%>px;\n}\n.popmechanic-mobile #popmechanic-form .popmechanic-subscribe_text, .popmechanic-tablet #popmechanic-form .popmechanic-subscribe_text {\n    display: inline; }\n.popmechanic-mobile #popmechanic-form .popmechanic-subscribe_img, .popmechanic-tablet #popmechanic-form .popmechanic-subscribe_img {\n    display: none; }\n.popmechanic-mobile #popmechanic-form .popmechanic-approval, .popmechanic-tablet #popmechanic-form .popmechanic-approval {\n    font-size: <%=conf_fontsize_mob%>px;\n    text-align: center; }\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou .popmechanic-text, .popmechanic-tablet #popmechanic-form .popmechanic-thankyou .popmechanic-text {\n    font-size: <%=thanks_fontsize_mob%>px;\n}\n\n.popmechanic-success #popmechanic-form .popmechanic-main {\n    display: none; }\n\n.popmechanic-success #popmechanic-form .popmechanic-thankyou {\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n    text-align: center;\n    align-items: center;\n    min-height: 200px;\n}\n#popmechanic-form input.popmechanic-invalid {\n    border-color: red!important;\n    border: 1px solid red!important;\n    color: red!important;\n}\n\n<% if(parseInt(close_show)) { %>\n                                   /* CLOSE */\n                               <%\nfunction hexToRgb(hex) {\nreturn hex.replace(/^#?([a-f\\d])([a-f\\d])([a-f\\d])$/i, function (m, r, g, b) {\n    return \"#\".concat(r).concat(r).concat(g).concat(g).concat(b).concat(b);\n}).substring(1).match(/.{2}/g).map(function (x) {\n    return parseInt(x, 16);\n});\n};\n%>\n\n #popmechanic-form .popmechanic-close {\n     position: absolute;\n     z-index: 40;\n     cursor: pointer;\n }\n#popmechanic-form .popmechanic-close::before,\n#popmechanic-form .popmechanic-close::after {\n    content: \"\";\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    width: 80%;\n    height: 2px;\n    transform: translate(-50%, -50%) rotate(45deg);\n}\n#popmechanic-form .popmechanic-close::after {\n    transform: translate(-50%, -50%) rotate(135deg);\n}\n.popmechanic-desktop #popmechanic-form .popmechanic-close {\n    top: 10px;\n    right: 10px;\n    width: <%= close_size_desk %>px;\n    height: <%= close_size_desk %>px;\n<% if(parseInt(close_bg_show_desk)) { %>\nbackground-color: rgba(<%= hexToRgb(close_bg_color_desk) %>, <%= close_bg_transparency %>);\n    <% } %>\n}\n.popmechanic-desktop #popmechanic-form .popmechanic-close::before,\n.popmechanic-desktop #popmechanic-form .popmechanic-close::after {\n    background-color: <%= close_color_desk %>;\n}\n.popmechanic-tablet #popmechanic-form .popmechanic-close,\n.popmechanic-mobile #popmechanic-form .popmechanic-close {\n    top: 5px;\n    right: 5px;\n    width: <%= close_size_mob %>px;\n    height: <%= close_size_mob %>px;\n<% if(parseInt(close_bg_show_mob)) { %>\nbackground-color: rgba(<%= hexToRgb(close_bg_color_mob) %>, <%= close_bg_transparency %>);\n    <% } %>\n}\n.popmechanic-tablet #popmechanic-form .popmechanic-close::before,\n.popmechanic-tablet #popmechanic-form .popmechanic-close::after,\n.popmechanic-mobile #popmechanic-form .popmechanic-close::before,\n.popmechanic-mobile #popmechanic-form .popmechanic-close::after {\n    background-color: <%= close_color_mob %>;\n}\n<% } %>\n\n@media screen and (max-width: 850px) {\n    .popmechanic-self-box-img {\n        display: none;\n    }\n}\n\n\n\n@media screen and (max-width: 540px) {\n    \n    #popmechanic-form .popmechanic-main {\n        padding: 24px 20px;\n    }\n    \n    #popmechanic-form .popmechanic-header {\n        font-size: 24px;\n        line-height: 30px;\n    }\n    \n    #popmechanic-form .popmechanic-text {\n        font-size: 12px;\n        line-height: 18px;\n    }\n    \n    #popmechanic-form button {\n\n    }\n    \n    #popmechanic-form .popmechanic-subscribe_text {\n        font-size: 9px;\n    }\n}\n.popmechanic-tablet #popmechanic-form .popmechanic-self-box-img {\n    display: none;\n}\n\n@media screen and (min-width:539px) and (max-width: 1341px) {\n   #popmechanic-form .popmechanic-main,\n#popmechanic-form .popmechanic-thankyou {\n    padding-left: 40px !important;\n}\n}\n@media screen and (min-width:849px) and (max-width: 976px) {\n   #popmechanic-form .popmechanic-main,\n#popmechanic-form .popmechanic-thankyou {\n    padding-left:150px !important;\n}\n}", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 55691, "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": 422, "externalId": "9aa5c073-6e4f-4c7b-8e94-ea4c1f7ff515"}, "inSegmentByDefault": false}, "operator": "$check"}, {"id": "3", "name": "$and", "type": "current_page", "nodes": [{"id": "4", "field": "page", "value": ["catalog"], "operator": "$in_contains"}], "operator": "$and"}], "operator": "$and"}}, "settings_splits": [{"settings": {"img": "https://content.img-gorod.ru/mb/mailcorgy.svg", "img2": "https://static.popmechanic.ru/media/lifehacker/img/send.svg", "text": "\u041f\u043e\u043b\u0443\u0447\u0430\u0439\u0442\u0435 \u0430\u043a\u0442\u0443\u0430\u043b\u044c\u043d\u044b\u0435 \u043d\u043e\u0432\u0438\u043d\u043a\u0438, \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0435 \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0438 \u043b\u0443\u0447\u0448\u0438\u0435 \u0430\u043a\u0446\u0438\u0438.", "header": "\u0414\u0430\u0440\u0438\u043c \u0431\u043e\u043d\u0443\u0441\u044b \u0437\u0430 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0443!", "submit": "\u041f\u043e\u0434\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f", "img_top": "10.00", "pad_top": "50.00", "but_col1": "#2660ab", "but_col2": "#205496", "img_left": "0.00", "show_img": "1", "btn_color": "#fafafa", "btn_width": "90", "form_font": "Roboto, sans-serif", "img_width": "200.00", "inp_color": "#242424", "inp_width": "520.00", "close_show": "0", "conf_color": "#242424", "inp_height": "52.00", "pad_bottom": "10.00", "show_title": "1", "custom_font": "Inter, Arial, sans-serif", "form_bg_img": "https://book24.ru/_ssr/img/backgrounds/subscriptions-main-bg.svg", "form_height": "251.00", "img_top_mob": "1", "lang_helper": "ru", "pad_top_mob": "15", "show_policy": "1", "title_color": "#242424", "btn_fontsize": "12.00", "img_left_mob": "1", "inp_fontsize": "16.00", "pad_left_mob": "15", "show_btn_img": "1", "show_form_bg": "0", "btn_width_mob": "300.00", "conf_fontsize": "14.00", "conf_link_url": "https://www.chitai-gorod.ru/about/policy/", "form_bg_color": "#ecf6fe", "img_width_mob": "150", "inp_width_mob": "300", "pad_right_mob": "15", "thankyou_text": "\u041f\u043e\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u0435 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0443 \u0438 \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u0435 50 \u0431\u043e\u043d\u0443\u0441\u043e\u0432!", "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": "1", "title_fontsize": "34.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": "1", "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.00", "title_fontsize_mob": "25", "close_bg_color_desk": "#000000", "conf_text_post_link": "\u043d\u0430 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u0441\u0432\u043e\u0438\u0445 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445", "inputs_border_color": "#ffffff", "thanks_fontsize_mob": "16", "close_bg_transparency": "0.5", "sub_title_fontsize_mob": "14"}, "button_settings": {}, "conditions_splits": [], "id": 55115, "behavior_settings": {"lead": {"legal_text": ""}, "embedded": {"animation_out": "fadeOut"}}}], "pinned": false, "name": "\u0427\u0413: \u0424\u043e\u0440\u043c\u0430 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0438 \u0441 \u0431\u043e\u043d\u0443\u0441\u0430\u043c\u0438 (\u043d\u043e\u0432\u044b\u0439 \u0441\u0430\u0439\u0442 \u043a\u0430\u0442\u0435\u0433\u043e\u0440\u0438\u0438)", "active": true, "embed_selector": true, "selector": ".app-footer", "placement": "before", "frequency": {"once_lifetime": false, "once_session": false, "priority": false, "minimal_timeout": null}, "start_date": null, "end_date": null, "day_of_week": [true, true, true, true, true, true, true], "start_time": null, "end_time": null, "timezone_minutes": 180, "custom_fields": [], "container_id": null, "child_forms": [], "salt": null, "control_group": null, "variants": [{"is_winner": false, "ab_test_variant_internal_id": null, "view_settings": {"button_template": null, "rendered_preview": "https://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-54084.png?ts=1706195791553", "rendered_button_preview": null, "settings": {"img": "https://content.img-gorod.ru/mb/mailcorgy.svg", "img2": "https://static.popmechanic.ru/media/lifehacker/img/send.svg", "text": "\u041f\u043e\u043b\u0443\u0447\u0430\u0439\u0442\u0435 \u0430\u043a\u0442\u0443\u0430\u043b\u044c\u043d\u044b\u0435 \u043d\u043e\u0432\u0438\u043d\u043a\u0438, \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0435 \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0438 \u043b\u0443\u0447\u0448\u0438\u0435 \u0430\u043a\u0446\u0438\u0438.", "header": "\u0414\u0430\u0440\u0438\u043c \u0431\u043e\u043d\u0443\u0441\u044b \u0437\u0430 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0443!", "submit": "\u041f\u043e\u0434\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f", "img_top": "10.00", "pad_top": "50.00", "but_col1": "#2660ab", "but_col2": "#205496", "img_left": "0.00", "show_img": "1", "btn_color": "#fafafa", "btn_width": "90", "form_font": "Roboto, sans-serif", "img_width": "200.00", "inp_color": "#242424", "inp_width": "520.00", "close_show": "0", "conf_color": "#242424", "inp_height": "52.00", "pad_bottom": "10.00", "show_title": "1", "custom_font": "Inter, Arial, sans-serif", "form_bg_img": "https://book24.ru/_ssr/img/backgrounds/subscriptions-main-bg.svg", "form_height": "251.00", "img_top_mob": "1", "lang_helper": "ru", "pad_top_mob": "15", "show_policy": "1", "title_color": "#242424", "btn_fontsize": "12.00", "img_left_mob": "1", "inp_fontsize": "16.00", "pad_left_mob": "15", "show_btn_img": "1", "show_form_bg": "0", "btn_width_mob": "300.00", "conf_fontsize": "14.00", "conf_link_url": "https://www.chitai-gorod.ru/about/policy/", "form_bg_color": "#ecf6fe", "img_width_mob": "150", "inp_width_mob": "300", "pad_right_mob": "15", "thankyou_text": "\u041f\u043e\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u0435 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0443 \u0438 \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u0435 50 \u0431\u043e\u043d\u0443\u0441\u043e\u0432!", "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": "1", "title_fontsize": "34.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": "1", "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.00", "title_fontsize_mob": "25", "close_bg_color_desk": "#000000", "conf_text_post_link": "\u043d\u0430 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u0441\u0432\u043e\u0438\u0445 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445", "inputs_border_color": "#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\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\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\r\n<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n<g clip-path=\"url(#clip0)\">\r\n<path d=\"M13 4L6.14671 12L3 8.32677\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n</g>\r\n<defs>\r\n<clipPath id=\"clip0\">\r\n<rect width=\"16\" height=\"16\" fill=\"white\"/>\r\n</clipPath>\r\n</defs>\r\n</svg>\r\n\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 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 <a href=\"/about/policy\">\u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445</a></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<% if (parseInt(show_img)) { %>\r\n\t\t<div class=\"popmechanic-self-box-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</div>\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)) { %>\n@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&family=Roboto:wght@400;500;700&display=swap');\n    <% } %>\n\n          <% try {\n                 close_show = close_show;\n                 close_size_desk = close_size_desk;\n                 close_size_mob = close_size_mob;\n                 close_color_desk = close_color_desk;\n                 close_color_mob = close_color_mob;\n                 close_bg_show_desk = close_bg_show_desk;\n                 close_bg_color_desk = close_bg_color_desk;\n                 close_bg_show_mob = close_bg_show_mob;\n                 close_bg_color_mob = close_bg_color_mob;\n                 close_bg_transparency = close_bg_transparency;\n             } catch (e) {\n    close_show = 0\n    close_size_desk = 20\n    close_size_mob = 20\n    close_color_desk = '#000000'\n    close_color_mob = '#000000'\n    close_bg_show_desk = 0\n    close_bg_color_desk = '#000000'\n    close_bg_show_mob = 0\n    close_bg_color_mob = '#000000'\n    close_bg_transparency = 0.5\n}\n%>\n\n .popmechanic-reset,\n .popmechanic-reset * {\n     line-height: normal;\n     box-sizing: border-box;\n }\n\n#popmechanic-form {\n    position: relative;\n<% if (parseInt(use_custom_font)) { %>\nfont-family: <%=custom_font%>;\n    <% } else { %>\n         font-family: <%=form_font%>;\n             <% } %>\n                   width: 100%;\nbox-sizing: border-box;\nz-index: 2;\n}\n#popmechanic-form::before {\n    content: \"\";\n    display: block;\n    width: 100%;\n    height: 100%;\n    position: absolute;\n    top: 0;\n    left: 0;\n    bottom: 0;\n    right: 0;\n    background-color: <%=form_bg_color%>;\n\n    z-index: 1;\n<% if(parseInt(show_form_bg)) { %>\nbackground: url(<%=form_bg_img%>) center center no-repeat;\n    background-size: cover;\n    <% } %>\n          border-radius: 4px;\n}\n#popmechanic-form .popmechanic-main,\n#popmechanic-form .popmechanic-thankyou {\n    position: relative;\n    z-index: 2;\n    display: flex;\n    align-items: flex-start;\n    width: 100%;\n    justify-content: center;\n    max-width: 1300px;\n    min-height: 251px !important;\n    margin: 0 auto;\n    padding-left: 0px;\n    padding-right: 40px;\n    padding-top: <%=pad_top%>px;\n    padding-bottom: <%=pad_bottom%>px;\n}\n#popmechanic-form .popmechanic-thankyou {\n\n}\n#popmechanic-form .popmechanic-self-box {\n    width: <%=img_width%>px;\n    max-width: 100%;\n    position: relative;\n    margin-left: <%=img_left%>px;\n    margin-top: <%=img_top%>px;\n    margin-right: 380px;\n}\n#popmechanic-form .popmechanic-content {\n    width: 100%;\n    margin-right: 20px; }\n#popmechanic-form .popmechanic-inputs {\n    display: flex;\n    align-items: stretch;\n    margin-bottom: 24px;\n    height: <%=inp_height%>px;\n    max-width: 100%;\n}\n#popmechanic-form .popmechanic-inputs--wrapper {\n    /* flex: 1; */\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    max-width: 100%;\n}\n#popmechanic-form .popmechanic-input {\n    flex-shrink: 0;\n    width: <%=inp_width%>px;\n    height: 100%;\n    max-width: 100%;\n}\n#popmechanic-form .popmechanic-input input {\n    width: 100%;\n    height: 100%;\n    border: none;\n    background-color: #FFF;\n    border-radius: 4px;\n    font-size: <%=inp_fontsize%>px;\n    color: <%=inp_color%>;\n    padding-left: 24px;\n}\n#popmechanic-form .popmechanic-input input::placeholder {\n    color: <%=inp_color%>;\n    opacity: .6;\n    text-decoration: none;\n    font-style: normal;\n}\n#popmechanic-form input::-moz-placeholder {\n    color: <%=inp_color%>;\n    opacity: .6;\n}\n#popmechanic-form input::-ms-input-placeholder {\n    color: <%=inp_color%>;\n    opacity: .6;\n}\n#popmechanic-form input:hover, #popmechanic-form input:focus {\n    outline: none; }\n#popmechanic-form button {\n    flex-shrink: 0;\n    height: 44px;\n    background-color: <%=but_col1%>;\n    border: none;\n    font-size: <%=btn_fontsize%>px;\n\n    color: <%=btn_color%>;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    margin-top: 4px;\n    border-radius: 3px;\n    padding: 16px;\n\n    font-weight: 600;\n    line-height: 18px;\n    text-transform: uppercase;\n    color: #fff;\n    letter-spacing: 0.05em;\n}\n#popmechanic-form button:hover {\n    background: <%=but_col2%>;\n    color: <%=btn_hover_color%>;\n    cursor: pointer;\n    outline: none; }\n#popmechanic-form .popmechanic-subscribe_text {\n    font-style: normal;\n    font-weight: 600;\n    font-size: 14px;\n    line-height: 22px;\n}\n#popmechanic-form .popmechanic-approval {\n    font-size: <%=conf_fontsize%>px;\n    color: <%=conf_color%>;\n    font-style: normal;\n    font-weight: 400;\n    font-size: 14px;\n    line-height: 20px;\n    display: flex;\n    align-items: center;\n    width: 100%;\n    cursor: pointer;\n}\n.popmechanic-content *{\n\n    line-height: 20px !important;\n\n}\n#popmechanic-form .popmechanic-approval a {\n    color: #26a9e0;\n    text-decoration: none; }\n#popmechanic-form .popmechanic-checkbox-check {\n    width: 20px;\n    height: 20px;\n    background-color: #26a9e0;\n    border-radius: 2px;\n    margin-right: 12px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n}\n#popmechanic-form .popmechanic-checkbox-check svg {\n\n    opacity: 0;\n}\n#popmechanic-form .popmechanic-approval input {\n    visibility: hidden;\n    display: block;\n    width: 0;\n    height: 0;\n    opacity: 0;\n}\n#popmechanic-form .popmechanic-approval input:checked ~ .popmechanic-checkbox-check svg {\n    opacity: 1;\n}\n#popmechanic-form .popmechanic-header {\n    font-size: <%=title_fontsize%>px;\n    color: <%=title_color%>;\n    font-style: normal;\n    font-weight: 500;\n    line-height: 40px;\n    margin-bottom: 20px; }\n#popmechanic-form .popmechanic-text {\n    max-width: 100%;\n    font-size: <%=sub_title_fontsize%>px;\n    color: <%=sub_title_color%>;\n    font-style: normal;\n    font-weight: 400;\n    font-size: 16px;\n    line-height: 22px;\n    color:#000000;\n    margin-bottom: 15px;\n}\n#popmechanic-form .popmechanic-thankyou .popmechanic-text {\n    font-style: normal;\n    font-weight: 600;\n    font-size: 32px;\n    line-height: 40px;\n    text-align: center;\n    margin: 0 auto;\n    width: 100%;\n    margin-bottom: 12px;\n    color: #37CEB4;\n   \n}\n#popmechanic-form .popmechanic-thankyou .caption {\n    font-style: normal;\n    font-weight: 400;\n    font-size: 20px;\n    line-height: 28px;\n}\n#popmechanic-form input.popmechanic-invalid {\n    border-color: #e84e4e; }\n#popmechanic-form .popmechanic-thankyou {\n    display: none; }\n\n.popmechanic-mobile #popmechanic-form::before, .popmechanic-tablet #popmechanic-form::before {\n<% if(parseInt(show_form_bg_mob)) { %>\nbackground: url(<%=form_bg_img_mob%>) center center no-repeat;\n    background-size: cover;\n    <% } else { %>\n         background-image: none;\n             background-color: <%=form_bg_color%>;\n             <% } %>\n}\n.popmechanic-mobile #popmechanic-form .popmechanic-main,\n.popmechanic-tablet #popmechanic-form .popmechanic-main,\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou,\n.popmechanic-tablet #popmechanic-form .popmechanic-thankyou {\n    flex-direction: column;\n    align-items: center;\n    max-width: <%=form_width_mob%>px;\n    width: 100%;\n    min-height: <%=form_height_mob%>px;\n    padding: <%=pad_top_mob%>px <%=pad_right_mob%>px <%=pad_bottom_mob%>px <%=pad_left_mob%>px;\n}\n.popmechanic-mobile #popmechanic-form .popmechanic-self-box, .popmechanic-tablet #popmechanic-form .popmechanic-self-box {\n    width: <%=img_width_mob%>px;\n    position: relative;\n    margin: 0;\n    left: <%=img_left_mob%>px;\n    top: <%=img_top_mob%>px;\n    margin-right: 0;\n    margin-bottom: 10px; }\n.popmechanic-mobile #popmechanic-form .popmechanic-content, .popmechanic-tablet #popmechanic-form .popmechanic-content {\n    margin-right: 0;\n    max-width: 100%;\n    margin-bottom: 20px; }\n.popmechanic-mobile #popmechanic-form .popmechanic-header, .popmechanic-tablet #popmechanic-form .popmechanic-header {\n    font-size: <%=title_fontsize_mob%>px;\n    text-align: center; }\n.popmechanic-mobile #popmechanic-form .popmechanic-text, .popmechanic-tablet #popmechanic-form .popmechanic-text {\n    font-size: <%=sub_title_fontsize_mob%>px;\n    text-align: center; }\n.popmechanic-mobile #popmechanic-form .popmechanic-inputs, .popmechanic-tablet #popmechanic-form .popmechanic-inputs {\n    border: none;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    height: auto;\n    width: 100%;\n}\n.popmechanic-mobile #popmechanic-form .popmechanic-inputs--wrapper, .popmechanic-tablet #popmechanic-form .popmechanic-inputs--wrapper {\n    width: auto; }\n.popmechanic-mobile #popmechanic-form .popmechanic-input, .popmechanic-tablet #popmechanic-form .popmechanic-input {\n    width: <%=inp_width_mob%>px;\n    max-width: 100%;\n}\n.popmechanic-mobile #popmechanic-form .popmechanic-input input, .popmechanic-tablet #popmechanic-form .popmechanic-input input {\n    height: <%=inp_height_mob%>px;\n    font-size: <%=inp_fontsize_mob%>px;\n    border: solid 1px <%=inp_border_color%>;\n    margin-bottom: 15px; }\n.popmechanic-mobile #popmechanic-form button, .popmechanic-tablet #popmechanic-form button {\n    width: <%=btn_width_mob%>px;\n    max-width: 100%;\n    height: <%=btn_height_mob%>px;\n    font-size: <%=btn_fontsize_mob%>px;\n}\n.popmechanic-mobile #popmechanic-form .popmechanic-subscribe_text, .popmechanic-tablet #popmechanic-form .popmechanic-subscribe_text {\n    display: inline; }\n.popmechanic-mobile #popmechanic-form .popmechanic-subscribe_img, .popmechanic-tablet #popmechanic-form .popmechanic-subscribe_img {\n    display: none; }\n.popmechanic-mobile #popmechanic-form .popmechanic-approval, .popmechanic-tablet #popmechanic-form .popmechanic-approval {\n    font-size: <%=conf_fontsize_mob%>px;\n    text-align: center; }\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou .popmechanic-text, .popmechanic-tablet #popmechanic-form .popmechanic-thankyou .popmechanic-text {\n    font-size: <%=thanks_fontsize_mob%>px;\n}\n\n.popmechanic-success #popmechanic-form .popmechanic-main {\n    display: none; }\n\n.popmechanic-success #popmechanic-form .popmechanic-thankyou {\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n    text-align: center;\n    align-items: center;\n    min-height: 200px;\n}\n#popmechanic-form input.popmechanic-invalid {\n    border-color: red!important;\n    border: 1px solid red!important;\n    color: red!important;\n}\n\n<% if(parseInt(close_show)) { %>\n                                   /* CLOSE */\n                               <%\nfunction hexToRgb(hex) {\nreturn hex.replace(/^#?([a-f\\d])([a-f\\d])([a-f\\d])$/i, function (m, r, g, b) {\n    return \"#\".concat(r).concat(r).concat(g).concat(g).concat(b).concat(b);\n}).substring(1).match(/.{2}/g).map(function (x) {\n    return parseInt(x, 16);\n});\n};\n%>\n\n #popmechanic-form .popmechanic-close {\n     position: absolute;\n     z-index: 40;\n     cursor: pointer;\n }\n#popmechanic-form .popmechanic-close::before,\n#popmechanic-form .popmechanic-close::after {\n    content: \"\";\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    width: 80%;\n    height: 2px;\n    transform: translate(-50%, -50%) rotate(45deg);\n}\n#popmechanic-form .popmechanic-close::after {\n    transform: translate(-50%, -50%) rotate(135deg);\n}\n.popmechanic-desktop #popmechanic-form .popmechanic-close {\n    top: 10px;\n    right: 10px;\n    width: <%= close_size_desk %>px;\n    height: <%= close_size_desk %>px;\n<% if(parseInt(close_bg_show_desk)) { %>\nbackground-color: rgba(<%= hexToRgb(close_bg_color_desk) %>, <%= close_bg_transparency %>);\n    <% } %>\n}\n.popmechanic-desktop #popmechanic-form .popmechanic-close::before,\n.popmechanic-desktop #popmechanic-form .popmechanic-close::after {\n    background-color: <%= close_color_desk %>;\n}\n.popmechanic-tablet #popmechanic-form .popmechanic-close,\n.popmechanic-mobile #popmechanic-form .popmechanic-close {\n    top: 5px;\n    right: 5px;\n    width: <%= close_size_mob %>px;\n    height: <%= close_size_mob %>px;\n<% if(parseInt(close_bg_show_mob)) { %>\nbackground-color: rgba(<%= hexToRgb(close_bg_color_mob) %>, <%= close_bg_transparency %>);\n    <% } %>\n}\n.popmechanic-tablet #popmechanic-form .popmechanic-close::before,\n.popmechanic-tablet #popmechanic-form .popmechanic-close::after,\n.popmechanic-mobile #popmechanic-form .popmechanic-close::before,\n.popmechanic-mobile #popmechanic-form .popmechanic-close::after {\n    background-color: <%= close_color_mob %>;\n}\n<% } %>\n\n@media screen and (max-width: 850px) {\n    .popmechanic-self-box-img {\n        display: none;\n    }\n}\n\n\n\n@media screen and (max-width: 540px) {\n    \n    #popmechanic-form .popmechanic-main {\n        padding: 24px 20px;\n    }\n    \n    #popmechanic-form .popmechanic-header {\n        font-size: 24px;\n        line-height: 30px;\n    }\n    \n    #popmechanic-form .popmechanic-text {\n        font-size: 12px;\n        line-height: 18px;\n    }\n    \n    #popmechanic-form button {\n\n    }\n    \n    #popmechanic-form .popmechanic-subscribe_text {\n        font-size: 9px;\n    }\n}\n.popmechanic-tablet #popmechanic-form .popmechanic-self-box-img {\n    display: none;\n}\n\n@media screen and (min-width:539px) and (max-width: 1341px) {\n   #popmechanic-form .popmechanic-main,\n#popmechanic-form .popmechanic-thankyou {\n    padding-left: 40px !important;\n}\n}\n@media screen and (min-width:849px) and (max-width: 976px) {\n   #popmechanic-form .popmechanic-main,\n#popmechanic-form .popmechanic-thankyou {\n    padding-left:150px !important;\n}\n}", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 55690, "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": 422, "externalId": "9aa5c073-6e4f-4c7b-8e94-ea4c1f7ff515"}, "inSegmentByDefault": false}, "operator": "$check"}, {"id": "3", "name": "$and", "type": "current_page", "nodes": [{"id": "4", "field": "page", "value": ["books-series"], "operator": "$in_contains"}], "operator": "$and"}, {"id": "5", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 1589, "externalId": "512c9d2a-5b05-481c-b17d-7f9703d7e97e"}, "inSegmentByDefault": true}, "operator": "$check"}, {"id": "6", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 1590, "externalId": "0ad4c39f-1438-4469-82b1-74a12dc4dd33"}, "inSegmentByDefault": true}, "operator": "$check"}], "operator": "$and"}}, "settings_splits": [{"settings": {"img": "https://content.img-gorod.ru/mb/mailcorgy.svg", "img2": "https://static.popmechanic.ru/media/lifehacker/img/send.svg", "text": "\u041f\u043e\u043b\u0443\u0447\u0430\u0439\u0442\u0435 \u0430\u043a\u0442\u0443\u0430\u043b\u044c\u043d\u044b\u0435 \u043d\u043e\u0432\u0438\u043d\u043a\u0438, \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0435 \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0438 \u043b\u0443\u0447\u0448\u0438\u0435 \u0430\u043a\u0446\u0438\u0438.", "header": "\u0414\u0430\u0440\u0438\u043c \u0431\u043e\u043d\u0443\u0441\u044b \u0437\u0430 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0443!", "submit": "\u041f\u043e\u0434\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f", "img_top": "10.00", "pad_top": "50.00", "but_col1": "#2660ab", "but_col2": "#205496", "img_left": "0.00", "show_img": "1", "btn_color": "#fafafa", "btn_width": "90", "form_font": "Roboto, sans-serif", "img_width": "200.00", "inp_color": "#242424", "inp_width": "520.00", "close_show": "0", "conf_color": "#242424", "inp_height": "52.00", "pad_bottom": "10.00", "show_title": "1", "custom_font": "Inter, Arial, sans-serif", "form_bg_img": "https://book24.ru/_ssr/img/backgrounds/subscriptions-main-bg.svg", "form_height": "251.00", "img_top_mob": "1", "lang_helper": "ru", "pad_top_mob": "15", "show_policy": "1", "title_color": "#242424", "btn_fontsize": "12.00", "img_left_mob": "1", "inp_fontsize": "16.00", "pad_left_mob": "15", "show_btn_img": "1", "show_form_bg": "0", "btn_width_mob": "300.00", "conf_fontsize": "14.00", "conf_link_url": "https://www.chitai-gorod.ru/about/policy/", "form_bg_color": "#ecf6fe", "img_width_mob": "150", "inp_width_mob": "300", "pad_right_mob": "15", "thankyou_text": "\u041f\u043e\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u0435 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0443 \u0438 \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u0435 50 \u0431\u043e\u043d\u0443\u0441\u043e\u0432!", "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": "1", "title_fontsize": "34.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": "1", "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.00", "title_fontsize_mob": "25", "close_bg_color_desk": "#000000", "conf_text_post_link": "\u043d\u0430 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u0441\u0432\u043e\u0438\u0445 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445", "inputs_border_color": "#ffffff", "thanks_fontsize_mob": "16", "close_bg_transparency": "0.5", "sub_title_fontsize_mob": "14"}, "button_settings": {}, "conditions_splits": [], "id": 55114, "behavior_settings": {"lead": {"legal_text": ""}, "embedded": {"animation_out": "fadeOut"}}}], "pinned": false, "name": "\u0427\u0413: \u0424\u043e\u0440\u043c\u0430 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0438 \u0441 \u0431\u043e\u043d\u0443\u0441\u0430\u043c\u0438 (\u043d\u043e\u0432\u044b\u0439 \u0441\u0430\u0439\u0442 \u0446\u0438\u043a\u043b\u044b)", "active": true, "embed_selector": true, "selector": ".app-footer", "placement": "before", "frequency": {"once_lifetime": false, "once_session": false, "priority": false, "minimal_timeout": null}, "start_date": null, "end_date": null, "day_of_week": [true, true, true, true, true, true, true], "start_time": null, "end_time": null, "timezone_minutes": 180, "custom_fields": [], "container_id": null, "child_forms": [], "salt": null, "control_group": null, "variants": [{"is_winner": false, "ab_test_variant_internal_id": null, "view_settings": {"button_template": null, "rendered_preview": "https://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-54083.png?ts=1706195803785", "rendered_button_preview": null, "settings": {"img": "https://content.img-gorod.ru/mb/mailcorgy.svg", "img2": "https://static.popmechanic.ru/media/lifehacker/img/send.svg", "text": "\u041f\u043e\u043b\u0443\u0447\u0430\u0439\u0442\u0435 \u0430\u043a\u0442\u0443\u0430\u043b\u044c\u043d\u044b\u0435 \u043d\u043e\u0432\u0438\u043d\u043a\u0438, \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0435 \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0438 \u043b\u0443\u0447\u0448\u0438\u0435 \u0430\u043a\u0446\u0438\u0438.", "header": "\u0414\u0430\u0440\u0438\u043c \u0431\u043e\u043d\u0443\u0441\u044b \u0437\u0430 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0443!", "submit": "\u041f\u043e\u0434\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f", "img_top": "10.00", "pad_top": "50.00", "but_col1": "#2660ab", "but_col2": "#205496", "img_left": "0.00", "show_img": "1", "btn_color": "#fafafa", "btn_width": "90", "form_font": "Roboto, sans-serif", "img_width": "200.00", "inp_color": "#242424", "inp_width": "520.00", "close_show": "0", "conf_color": "#242424", "inp_height": "52.00", "pad_bottom": "10.00", "show_title": "1", "custom_font": "Inter, Arial, sans-serif", "form_bg_img": "https://book24.ru/_ssr/img/backgrounds/subscriptions-main-bg.svg", "form_height": "251.00", "img_top_mob": "1", "lang_helper": "ru", "pad_top_mob": "15", "show_policy": "1", "title_color": "#242424", "btn_fontsize": "12.00", "img_left_mob": "1", "inp_fontsize": "16.00", "pad_left_mob": "15", "show_btn_img": "1", "show_form_bg": "0", "btn_width_mob": "300.00", "conf_fontsize": "14.00", "conf_link_url": "https://www.chitai-gorod.ru/about/policy/", "form_bg_color": "#ecf6fe", "img_width_mob": "150", "inp_width_mob": "300", "pad_right_mob": "15", "thankyou_text": "\u041f\u043e\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u0435 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0443 \u0438 \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u0435 50 \u0431\u043e\u043d\u0443\u0441\u043e\u0432!", "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": "1", "title_fontsize": "34.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": "1", "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.00", "title_fontsize_mob": "25", "close_bg_color_desk": "#000000", "conf_text_post_link": "\u043d\u0430 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u0441\u0432\u043e\u0438\u0445 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445", "inputs_border_color": "#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\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\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\r\n<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n<g clip-path=\"url(#clip0)\">\r\n<path d=\"M13 4L6.14671 12L3 8.32677\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n</g>\r\n<defs>\r\n<clipPath id=\"clip0\">\r\n<rect width=\"16\" height=\"16\" fill=\"white\"/>\r\n</clipPath>\r\n</defs>\r\n</svg>\r\n\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 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 <a href=\"/about/policy\">\u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445</a></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<% if (parseInt(show_img)) { %>\r\n\t\t<div class=\"popmechanic-self-box-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</div>\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)) { %>\n@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&family=Roboto:wght@400;500;700&display=swap');\n    <% } %>\n\n          <% try {\n                 close_show = close_show;\n                 close_size_desk = close_size_desk;\n                 close_size_mob = close_size_mob;\n                 close_color_desk = close_color_desk;\n                 close_color_mob = close_color_mob;\n                 close_bg_show_desk = close_bg_show_desk;\n                 close_bg_color_desk = close_bg_color_desk;\n                 close_bg_show_mob = close_bg_show_mob;\n                 close_bg_color_mob = close_bg_color_mob;\n                 close_bg_transparency = close_bg_transparency;\n             } catch (e) {\n    close_show = 0\n    close_size_desk = 20\n    close_size_mob = 20\n    close_color_desk = '#000000'\n    close_color_mob = '#000000'\n    close_bg_show_desk = 0\n    close_bg_color_desk = '#000000'\n    close_bg_show_mob = 0\n    close_bg_color_mob = '#000000'\n    close_bg_transparency = 0.5\n}\n%>\n\n .popmechanic-reset,\n .popmechanic-reset * {\n     line-height: normal;\n     box-sizing: border-box;\n }\n\n#popmechanic-form {\n    position: relative;\n<% if (parseInt(use_custom_font)) { %>\nfont-family: <%=custom_font%>;\n    <% } else { %>\n         font-family: <%=form_font%>;\n             <% } %>\n                   width: 100%;\nbox-sizing: border-box;\nz-index: 2;\n}\n#popmechanic-form::before {\n    content: \"\";\n    display: block;\n    width: 100%;\n    height: 100%;\n    position: absolute;\n    top: 0;\n    left: 0;\n    bottom: 0;\n    right: 0;\n    background-color: <%=form_bg_color%>;\n\n    z-index: 1;\n<% if(parseInt(show_form_bg)) { %>\nbackground: url(<%=form_bg_img%>) center center no-repeat;\n    background-size: cover;\n    <% } %>\n          border-radius: 4px;\n}\n#popmechanic-form .popmechanic-main,\n#popmechanic-form .popmechanic-thankyou {\n    position: relative;\n    z-index: 2;\n    display: flex;\n    align-items: flex-start;\n    width: 100%;\n    justify-content: center;\n    max-width: 1300px;\n    min-height: 251px !important;\n    margin: 0 auto;\n    padding-left: 0px;\n    padding-right: 40px;\n    padding-top: <%=pad_top%>px;\n    padding-bottom: <%=pad_bottom%>px;\n}\n#popmechanic-form .popmechanic-thankyou {\n\n}\n#popmechanic-form .popmechanic-self-box {\n    width: <%=img_width%>px;\n    max-width: 100%;\n    position: relative;\n    margin-left: <%=img_left%>px;\n    margin-top: <%=img_top%>px;\n    margin-right: 380px;\n}\n#popmechanic-form .popmechanic-content {\n    width: 100%;\n    margin-right: 20px; }\n#popmechanic-form .popmechanic-inputs {\n    display: flex;\n    align-items: stretch;\n    margin-bottom: 24px;\n    height: <%=inp_height%>px;\n    max-width: 100%;\n}\n#popmechanic-form .popmechanic-inputs--wrapper {\n    /* flex: 1; */\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    max-width: 100%;\n}\n#popmechanic-form .popmechanic-input {\n    flex-shrink: 0;\n    width: <%=inp_width%>px;\n    height: 100%;\n    max-width: 100%;\n}\n#popmechanic-form .popmechanic-input input {\n    width: 100%;\n    height: 100%;\n    border: none;\n    background-color: #FFF;\n    border-radius: 4px;\n    font-size: <%=inp_fontsize%>px;\n    color: <%=inp_color%>;\n    padding-left: 24px;\n}\n#popmechanic-form .popmechanic-input input::placeholder {\n    color: <%=inp_color%>;\n    opacity: .6;\n    text-decoration: none;\n    font-style: normal;\n}\n#popmechanic-form input::-moz-placeholder {\n    color: <%=inp_color%>;\n    opacity: .6;\n}\n#popmechanic-form input::-ms-input-placeholder {\n    color: <%=inp_color%>;\n    opacity: .6;\n}\n#popmechanic-form input:hover, #popmechanic-form input:focus {\n    outline: none; }\n#popmechanic-form button {\n    flex-shrink: 0;\n    height: 44px;\n    background-color: <%=but_col1%>;\n    border: none;\n    font-size: <%=btn_fontsize%>px;\n\n    color: <%=btn_color%>;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    margin-top: 4px;\n    border-radius: 3px;\n    padding: 16px;\n\n    font-weight: 600;\n    line-height: 18px;\n    text-transform: uppercase;\n    color: #fff;\n    letter-spacing: 0.05em;\n}\n#popmechanic-form button:hover {\n    background: <%=but_col2%>;\n    color: <%=btn_hover_color%>;\n    cursor: pointer;\n    outline: none; }\n#popmechanic-form .popmechanic-subscribe_text {\n    font-style: normal;\n    font-weight: 600;\n    font-size: 14px;\n    line-height: 22px;\n}\n#popmechanic-form .popmechanic-approval {\n    font-size: <%=conf_fontsize%>px;\n    color: <%=conf_color%>;\n    font-style: normal;\n    font-weight: 400;\n    font-size: 14px;\n    line-height: 20px;\n    display: flex;\n    align-items: center;\n    width: 100%;\n    cursor: pointer;\n}\n.popmechanic-content *{\n\n    line-height: 20px !important;\n\n}\n#popmechanic-form .popmechanic-approval a {\n    color: #26a9e0;\n    text-decoration: none; }\n#popmechanic-form .popmechanic-checkbox-check {\n    width: 20px;\n    height: 20px;\n    background-color: #26a9e0;\n    border-radius: 2px;\n    margin-right: 12px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n}\n#popmechanic-form .popmechanic-checkbox-check svg {\n\n    opacity: 0;\n}\n#popmechanic-form .popmechanic-approval input {\n    visibility: hidden;\n    display: block;\n    width: 0;\n    height: 0;\n    opacity: 0;\n}\n#popmechanic-form .popmechanic-approval input:checked ~ .popmechanic-checkbox-check svg {\n    opacity: 1;\n}\n#popmechanic-form .popmechanic-header {\n    font-size: <%=title_fontsize%>px;\n    color: <%=title_color%>;\n    font-style: normal;\n    font-weight: 500;\n    line-height: 40px;\n    margin-bottom: 20px; }\n#popmechanic-form .popmechanic-text {\n    max-width: 100%;\n    font-size: <%=sub_title_fontsize%>px;\n    color: <%=sub_title_color%>;\n    font-style: normal;\n    font-weight: 400;\n    font-size: 16px;\n    line-height: 22px;\n    color:#000000;\n    margin-bottom: 15px;\n}\n#popmechanic-form .popmechanic-thankyou .popmechanic-text {\n    font-style: normal;\n    font-weight: 600;\n    font-size: 32px;\n    line-height: 40px;\n    text-align: center;\n    margin: 0 auto;\n    width: 100%;\n    margin-bottom: 12px;\n    color: #37CEB4;\n   \n}\n#popmechanic-form .popmechanic-thankyou .caption {\n    font-style: normal;\n    font-weight: 400;\n    font-size: 20px;\n    line-height: 28px;\n}\n#popmechanic-form input.popmechanic-invalid {\n    border-color: #e84e4e; }\n#popmechanic-form .popmechanic-thankyou {\n    display: none; }\n\n.popmechanic-mobile #popmechanic-form::before, .popmechanic-tablet #popmechanic-form::before {\n<% if(parseInt(show_form_bg_mob)) { %>\nbackground: url(<%=form_bg_img_mob%>) center center no-repeat;\n    background-size: cover;\n    <% } else { %>\n         background-image: none;\n             background-color: <%=form_bg_color%>;\n             <% } %>\n}\n.popmechanic-mobile #popmechanic-form .popmechanic-main,\n.popmechanic-tablet #popmechanic-form .popmechanic-main,\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou,\n.popmechanic-tablet #popmechanic-form .popmechanic-thankyou {\n    flex-direction: column;\n    align-items: center;\n    max-width: <%=form_width_mob%>px;\n    width: 100%;\n    min-height: <%=form_height_mob%>px;\n    padding: <%=pad_top_mob%>px <%=pad_right_mob%>px <%=pad_bottom_mob%>px <%=pad_left_mob%>px;\n}\n.popmechanic-mobile #popmechanic-form .popmechanic-self-box, .popmechanic-tablet #popmechanic-form .popmechanic-self-box {\n    width: <%=img_width_mob%>px;\n    position: relative;\n    margin: 0;\n    left: <%=img_left_mob%>px;\n    top: <%=img_top_mob%>px;\n    margin-right: 0;\n    margin-bottom: 10px; }\n.popmechanic-mobile #popmechanic-form .popmechanic-content, .popmechanic-tablet #popmechanic-form .popmechanic-content {\n    margin-right: 0;\n    max-width: 100%;\n    margin-bottom: 20px; }\n.popmechanic-mobile #popmechanic-form .popmechanic-header, .popmechanic-tablet #popmechanic-form .popmechanic-header {\n    font-size: <%=title_fontsize_mob%>px;\n    text-align: center; }\n.popmechanic-mobile #popmechanic-form .popmechanic-text, .popmechanic-tablet #popmechanic-form .popmechanic-text {\n    font-size: <%=sub_title_fontsize_mob%>px;\n    text-align: center; }\n.popmechanic-mobile #popmechanic-form .popmechanic-inputs, .popmechanic-tablet #popmechanic-form .popmechanic-inputs {\n    border: none;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    height: auto;\n    width: 100%;\n}\n.popmechanic-mobile #popmechanic-form .popmechanic-inputs--wrapper, .popmechanic-tablet #popmechanic-form .popmechanic-inputs--wrapper {\n    width: auto; }\n.popmechanic-mobile #popmechanic-form .popmechanic-input, .popmechanic-tablet #popmechanic-form .popmechanic-input {\n    width: <%=inp_width_mob%>px;\n    max-width: 100%;\n}\n.popmechanic-mobile #popmechanic-form .popmechanic-input input, .popmechanic-tablet #popmechanic-form .popmechanic-input input {\n    height: <%=inp_height_mob%>px;\n    font-size: <%=inp_fontsize_mob%>px;\n    border: solid 1px <%=inp_border_color%>;\n    margin-bottom: 15px; }\n.popmechanic-mobile #popmechanic-form button, .popmechanic-tablet #popmechanic-form button {\n    width: <%=btn_width_mob%>px;\n    max-width: 100%;\n    height: <%=btn_height_mob%>px;\n    font-size: <%=btn_fontsize_mob%>px;\n}\n.popmechanic-mobile #popmechanic-form .popmechanic-subscribe_text, .popmechanic-tablet #popmechanic-form .popmechanic-subscribe_text {\n    display: inline; }\n.popmechanic-mobile #popmechanic-form .popmechanic-subscribe_img, .popmechanic-tablet #popmechanic-form .popmechanic-subscribe_img {\n    display: none; }\n.popmechanic-mobile #popmechanic-form .popmechanic-approval, .popmechanic-tablet #popmechanic-form .popmechanic-approval {\n    font-size: <%=conf_fontsize_mob%>px;\n    text-align: center; }\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou .popmechanic-text, .popmechanic-tablet #popmechanic-form .popmechanic-thankyou .popmechanic-text {\n    font-size: <%=thanks_fontsize_mob%>px;\n}\n\n.popmechanic-success #popmechanic-form .popmechanic-main {\n    display: none; }\n\n.popmechanic-success #popmechanic-form .popmechanic-thankyou {\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n    text-align: center;\n    align-items: center;\n    min-height: 200px;\n}\n#popmechanic-form input.popmechanic-invalid {\n    border-color: red!important;\n    border: 1px solid red!important;\n    color: red!important;\n}\n\n<% if(parseInt(close_show)) { %>\n                                   /* CLOSE */\n                               <%\nfunction hexToRgb(hex) {\nreturn hex.replace(/^#?([a-f\\d])([a-f\\d])([a-f\\d])$/i, function (m, r, g, b) {\n    return \"#\".concat(r).concat(r).concat(g).concat(g).concat(b).concat(b);\n}).substring(1).match(/.{2}/g).map(function (x) {\n    return parseInt(x, 16);\n});\n};\n%>\n\n #popmechanic-form .popmechanic-close {\n     position: absolute;\n     z-index: 40;\n     cursor: pointer;\n }\n#popmechanic-form .popmechanic-close::before,\n#popmechanic-form .popmechanic-close::after {\n    content: \"\";\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    width: 80%;\n    height: 2px;\n    transform: translate(-50%, -50%) rotate(45deg);\n}\n#popmechanic-form .popmechanic-close::after {\n    transform: translate(-50%, -50%) rotate(135deg);\n}\n.popmechanic-desktop #popmechanic-form .popmechanic-close {\n    top: 10px;\n    right: 10px;\n    width: <%= close_size_desk %>px;\n    height: <%= close_size_desk %>px;\n<% if(parseInt(close_bg_show_desk)) { %>\nbackground-color: rgba(<%= hexToRgb(close_bg_color_desk) %>, <%= close_bg_transparency %>);\n    <% } %>\n}\n.popmechanic-desktop #popmechanic-form .popmechanic-close::before,\n.popmechanic-desktop #popmechanic-form .popmechanic-close::after {\n    background-color: <%= close_color_desk %>;\n}\n.popmechanic-tablet #popmechanic-form .popmechanic-close,\n.popmechanic-mobile #popmechanic-form .popmechanic-close {\n    top: 5px;\n    right: 5px;\n    width: <%= close_size_mob %>px;\n    height: <%= close_size_mob %>px;\n<% if(parseInt(close_bg_show_mob)) { %>\nbackground-color: rgba(<%= hexToRgb(close_bg_color_mob) %>, <%= close_bg_transparency %>);\n    <% } %>\n}\n.popmechanic-tablet #popmechanic-form .popmechanic-close::before,\n.popmechanic-tablet #popmechanic-form .popmechanic-close::after,\n.popmechanic-mobile #popmechanic-form .popmechanic-close::before,\n.popmechanic-mobile #popmechanic-form .popmechanic-close::after {\n    background-color: <%= close_color_mob %>;\n}\n<% } %>\n\n@media screen and (max-width: 850px) {\n    .popmechanic-self-box-img {\n        display: none;\n    }\n}\n\n\n\n@media screen and (max-width: 540px) {\n    \n    #popmechanic-form .popmechanic-main {\n        padding: 24px 20px;\n    }\n    \n    #popmechanic-form .popmechanic-header {\n        font-size: 24px;\n        line-height: 30px;\n    }\n    \n    #popmechanic-form .popmechanic-text {\n        font-size: 12px;\n        line-height: 18px;\n    }\n    \n    #popmechanic-form button {\n\n    }\n    \n    #popmechanic-form .popmechanic-subscribe_text {\n        font-size: 9px;\n    }\n}\n.popmechanic-tablet #popmechanic-form .popmechanic-self-box-img {\n    display: none;\n}\n\n@media screen and (min-width:539px) and (max-width: 1341px) {\n   #popmechanic-form .popmechanic-main,\n#popmechanic-form .popmechanic-thankyou {\n    padding-left: 40px !important;\n}\n}\n@media screen and (min-width:849px) and (max-width: 976px) {\n   #popmechanic-form .popmechanic-main,\n#popmechanic-form .popmechanic-thankyou {\n    padding-left:150px !important;\n}\n}", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 55689, "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": 422, "externalId": "9aa5c073-6e4f-4c7b-8e94-ea4c1f7ff515"}, "inSegmentByDefault": false}, "operator": "$check"}, {"id": "3", "name": "$and", "type": "current_page", "nodes": [{"id": "4", "field": "page", "value": ["articles"], "operator": "$in_contains"}], "operator": "$and"}, {"id": "5", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 1589, "externalId": "512c9d2a-5b05-481c-b17d-7f9703d7e97e"}, "inSegmentByDefault": true}, "operator": "$check"}, {"id": "6", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 1590, "externalId": "0ad4c39f-1438-4469-82b1-74a12dc4dd33"}, "inSegmentByDefault": true}, "operator": "$check"}], "operator": "$and"}}, "settings_splits": [{"settings": {"img": "https://content.img-gorod.ru/mb/mailcorgy.svg", "img2": "https://static.popmechanic.ru/media/lifehacker/img/send.svg", "text": "\u041f\u043e\u043b\u0443\u0447\u0430\u0439\u0442\u0435 \u0430\u043a\u0442\u0443\u0430\u043b\u044c\u043d\u044b\u0435 \u043d\u043e\u0432\u0438\u043d\u043a\u0438, \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0435 \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0438 \u043b\u0443\u0447\u0448\u0438\u0435 \u0430\u043a\u0446\u0438\u0438.", "header": "\u0414\u0430\u0440\u0438\u043c \u0431\u043e\u043d\u0443\u0441\u044b \u0437\u0430 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0443!", "submit": "\u041f\u043e\u0434\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f", "img_top": "10.00", "pad_top": "50.00", "but_col1": "#2660ab", "but_col2": "#205496", "img_left": "0.00", "show_img": "1", "btn_color": "#fafafa", "btn_width": "90", "form_font": "Roboto, sans-serif", "img_width": "200.00", "inp_color": "#242424", "inp_width": "520.00", "close_show": "0", "conf_color": "#242424", "inp_height": "52.00", "pad_bottom": "10.00", "show_title": "1", "custom_font": "Inter, Arial, sans-serif", "form_bg_img": "https://book24.ru/_ssr/img/backgrounds/subscriptions-main-bg.svg", "form_height": "251.00", "img_top_mob": "1", "lang_helper": "ru", "pad_top_mob": "15", "show_policy": "1", "title_color": "#242424", "btn_fontsize": "12.00", "img_left_mob": "1", "inp_fontsize": "16.00", "pad_left_mob": "15", "show_btn_img": "1", "show_form_bg": "0", "btn_width_mob": "300.00", "conf_fontsize": "14.00", "conf_link_url": "https://www.chitai-gorod.ru/about/policy/", "form_bg_color": "#ecf6fe", "img_width_mob": "150", "inp_width_mob": "300", "pad_right_mob": "15", "thankyou_text": "\u041f\u043e\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u0435 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0443 \u0438 \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u0435 50 \u0431\u043e\u043d\u0443\u0441\u043e\u0432!", "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": "1", "title_fontsize": "34.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": "1", "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.00", "title_fontsize_mob": "25", "close_bg_color_desk": "#000000", "conf_text_post_link": "\u043d\u0430 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u0441\u0432\u043e\u0438\u0445 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445", "inputs_border_color": "#ffffff", "thanks_fontsize_mob": "16", "close_bg_transparency": "0.5", "sub_title_fontsize_mob": "14"}, "button_settings": {}, "conditions_splits": [], "id": 55113, "behavior_settings": {"lead": {"legal_text": ""}, "embedded": {"animation_out": "fadeOut"}}}], "pinned": false, "name": "\u0427\u0413: \u0424\u043e\u0440\u043c\u0430 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0438 \u0441 \u0431\u043e\u043d\u0443\u0441\u0430\u043c\u0438 (\u043d\u043e\u0432\u044b\u0439 \u0441\u0430\u0439\u0442 \u0441\u0442\u0430\u0442\u044c\u0438)", "active": true, "embed_selector": true, "selector": ".app-footer", "placement": "before", "frequency": {"once_lifetime": false, "once_session": false, "priority": false, "minimal_timeout": null}, "start_date": null, "end_date": null, "day_of_week": [true, true, true, true, true, true, true], "start_time": null, "end_time": null, "timezone_minutes": 180, "custom_fields": [], "container_id": null, "child_forms": [], "salt": null, "control_group": null, "variants": [{"is_winner": false, "ab_test_variant_internal_id": null, "view_settings": {"button_template": null, "rendered_preview": "https://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-54082.png?ts=1706195815484", "rendered_button_preview": null, "settings": {"img": "https://content.img-gorod.ru/mb/mailcorgy.svg", "img2": "https://static.popmechanic.ru/media/lifehacker/img/send.svg", "text": "\u041f\u043e\u043b\u0443\u0447\u0430\u0439\u0442\u0435 \u0430\u043a\u0442\u0443\u0430\u043b\u044c\u043d\u044b\u0435 \u043d\u043e\u0432\u0438\u043d\u043a\u0438, \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0435 \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0438 \u043b\u0443\u0447\u0448\u0438\u0435 \u0430\u043a\u0446\u0438\u0438.", "header": "\u0414\u0430\u0440\u0438\u043c \u0431\u043e\u043d\u0443\u0441\u044b \u0437\u0430 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0443!", "submit": "\u041f\u043e\u0434\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f", "img_top": "10.00", "pad_top": "50.00", "but_col1": "#2660ab", "but_col2": "#205496", "img_left": "0.00", "show_img": "1", "btn_color": "#fafafa", "btn_width": "90", "form_font": "Roboto, sans-serif", "img_width": "200.00", "inp_color": "#242424", "inp_width": "520.00", "close_show": "0", "conf_color": "#242424", "inp_height": "52.00", "pad_bottom": "10.00", "show_title": "1", "custom_font": "Inter, Arial, sans-serif", "form_bg_img": "https://book24.ru/_ssr/img/backgrounds/subscriptions-main-bg.svg", "form_height": "251.00", "img_top_mob": "1", "lang_helper": "ru", "pad_top_mob": "15", "show_policy": "1", "title_color": "#242424", "btn_fontsize": "12.00", "img_left_mob": "1", "inp_fontsize": "16.00", "pad_left_mob": "15", "show_btn_img": "1", "show_form_bg": "0", "btn_width_mob": "300.00", "conf_fontsize": "14.00", "conf_link_url": "https://www.chitai-gorod.ru/about/policy/", "form_bg_color": "#ecf6fe", "img_width_mob": "150", "inp_width_mob": "300", "pad_right_mob": "15", "thankyou_text": "\u041f\u043e\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u0435 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0443 \u0438 \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u0435 50 \u0431\u043e\u043d\u0443\u0441\u043e\u0432!", "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": "1", "title_fontsize": "34.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": "1", "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.00", "title_fontsize_mob": "25", "close_bg_color_desk": "#000000", "conf_text_post_link": "\u043d\u0430 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u0441\u0432\u043e\u0438\u0445 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445", "inputs_border_color": "#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\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\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\r\n<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n<g clip-path=\"url(#clip0)\">\r\n<path d=\"M13 4L6.14671 12L3 8.32677\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n</g>\r\n<defs>\r\n<clipPath id=\"clip0\">\r\n<rect width=\"16\" height=\"16\" fill=\"white\"/>\r\n</clipPath>\r\n</defs>\r\n</svg>\r\n\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 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 <a href=\"/about/policy\">\u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445</a></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<% if (parseInt(show_img)) { %>\r\n\t\t<div class=\"popmechanic-self-box-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</div>\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)) { %>\n@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&family=Roboto:wght@400;500;700&display=swap');\n    <% } %>\n\n          <% try {\n                 close_show = close_show;\n                 close_size_desk = close_size_desk;\n                 close_size_mob = close_size_mob;\n                 close_color_desk = close_color_desk;\n                 close_color_mob = close_color_mob;\n                 close_bg_show_desk = close_bg_show_desk;\n                 close_bg_color_desk = close_bg_color_desk;\n                 close_bg_show_mob = close_bg_show_mob;\n                 close_bg_color_mob = close_bg_color_mob;\n                 close_bg_transparency = close_bg_transparency;\n             } catch (e) {\n    close_show = 0\n    close_size_desk = 20\n    close_size_mob = 20\n    close_color_desk = '#000000'\n    close_color_mob = '#000000'\n    close_bg_show_desk = 0\n    close_bg_color_desk = '#000000'\n    close_bg_show_mob = 0\n    close_bg_color_mob = '#000000'\n    close_bg_transparency = 0.5\n}\n%>\n\n .popmechanic-reset,\n .popmechanic-reset * {\n     line-height: normal;\n     box-sizing: border-box;\n }\n\n#popmechanic-form {\n    position: relative;\n<% if (parseInt(use_custom_font)) { %>\nfont-family: <%=custom_font%>;\n    <% } else { %>\n         font-family: <%=form_font%>;\n             <% } %>\n                   width: 100%;\nbox-sizing: border-box;\nz-index: 2;\n}\n#popmechanic-form::before {\n    content: \"\";\n    display: block;\n    width: 100%;\n    height: 100%;\n    position: absolute;\n    top: 0;\n    left: 0;\n    bottom: 0;\n    right: 0;\n    background-color: <%=form_bg_color%>;\n\n    z-index: 1;\n<% if(parseInt(show_form_bg)) { %>\nbackground: url(<%=form_bg_img%>) center center no-repeat;\n    background-size: cover;\n    <% } %>\n          border-radius: 4px;\n}\n#popmechanic-form .popmechanic-main,\n#popmechanic-form .popmechanic-thankyou {\n    position: relative;\n    z-index: 2;\n    display: flex;\n    align-items: flex-start;\n    width: 100%;\n    justify-content: center;\n    max-width: 1300px;\n    min-height: 251px !important;\n    margin: 0 auto;\n    padding-left: 0px;\n    padding-right: 40px;\n    padding-top: <%=pad_top%>px;\n    padding-bottom: <%=pad_bottom%>px;\n}\n#popmechanic-form .popmechanic-thankyou {\n\n}\n#popmechanic-form .popmechanic-self-box {\n    width: <%=img_width%>px;\n    max-width: 100%;\n    position: relative;\n    margin-left: <%=img_left%>px;\n    margin-top: <%=img_top%>px;\n    margin-right: 380px;\n}\n#popmechanic-form .popmechanic-content {\n    width: 100%;\n    margin-right: 20px; }\n#popmechanic-form .popmechanic-inputs {\n    display: flex;\n    align-items: stretch;\n    margin-bottom: 24px;\n    height: <%=inp_height%>px;\n    max-width: 100%;\n}\n#popmechanic-form .popmechanic-inputs--wrapper {\n    /* flex: 1; */\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    max-width: 100%;\n}\n#popmechanic-form .popmechanic-input {\n    flex-shrink: 0;\n    width: <%=inp_width%>px;\n    height: 100%;\n    max-width: 100%;\n}\n#popmechanic-form .popmechanic-input input {\n    width: 100%;\n    height: 100%;\n    border: none;\n    background-color: #FFF;\n    border-radius: 4px;\n    font-size: <%=inp_fontsize%>px;\n    color: <%=inp_color%>;\n    padding-left: 24px;\n}\n#popmechanic-form .popmechanic-input input::placeholder {\n    color: <%=inp_color%>;\n    opacity: .6;\n    text-decoration: none;\n    font-style: normal;\n}\n#popmechanic-form input::-moz-placeholder {\n    color: <%=inp_color%>;\n    opacity: .6;\n}\n#popmechanic-form input::-ms-input-placeholder {\n    color: <%=inp_color%>;\n    opacity: .6;\n}\n#popmechanic-form input:hover, #popmechanic-form input:focus {\n    outline: none; }\n#popmechanic-form button {\n    flex-shrink: 0;\n    height: 44px;\n    background-color: <%=but_col1%>;\n    border: none;\n    font-size: <%=btn_fontsize%>px;\n\n    color: <%=btn_color%>;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    margin-top: 4px;\n    border-radius: 3px;\n    padding: 16px;\n\n    font-weight: 600;\n    line-height: 18px;\n    text-transform: uppercase;\n    color: #fff;\n    letter-spacing: 0.05em;\n}\n#popmechanic-form button:hover {\n    background: <%=but_col2%>;\n    color: <%=btn_hover_color%>;\n    cursor: pointer;\n    outline: none; }\n#popmechanic-form .popmechanic-subscribe_text {\n    font-style: normal;\n    font-weight: 600;\n    font-size: 14px;\n    line-height: 22px;\n}\n#popmechanic-form .popmechanic-approval {\n    font-size: <%=conf_fontsize%>px;\n    color: <%=conf_color%>;\n    font-style: normal;\n    font-weight: 400;\n    font-size: 14px;\n    line-height: 20px;\n    display: flex;\n    align-items: center;\n    width: 100%;\n    cursor: pointer;\n}\n.popmechanic-content *{\n\n    line-height: 20px !important;\n\n}\n#popmechanic-form .popmechanic-approval a {\n    color: #26a9e0;\n    text-decoration: none; }\n#popmechanic-form .popmechanic-checkbox-check {\n    width: 20px;\n    height: 20px;\n    background-color: #26a9e0;\n    border-radius: 2px;\n    margin-right: 12px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n}\n#popmechanic-form .popmechanic-checkbox-check svg {\n\n    opacity: 0;\n}\n#popmechanic-form .popmechanic-approval input {\n    visibility: hidden;\n    display: block;\n    width: 0;\n    height: 0;\n    opacity: 0;\n}\n#popmechanic-form .popmechanic-approval input:checked ~ .popmechanic-checkbox-check svg {\n    opacity: 1;\n}\n#popmechanic-form .popmechanic-header {\n    font-size: <%=title_fontsize%>px;\n    color: <%=title_color%>;\n    font-style: normal;\n    font-weight: 500;\n    line-height: 40px;\n    margin-bottom: 20px; }\n#popmechanic-form .popmechanic-text {\n    max-width: 100%;\n    font-size: <%=sub_title_fontsize%>px;\n    color: <%=sub_title_color%>;\n    font-style: normal;\n    font-weight: 400;\n    font-size: 16px;\n    line-height: 22px;\n    color:#000000;\n    margin-bottom: 15px;\n}\n#popmechanic-form .popmechanic-thankyou .popmechanic-text {\n    font-style: normal;\n    font-weight: 600;\n    font-size: 32px;\n    line-height: 40px;\n    text-align: center;\n    margin: 0 auto;\n    width: 100%;\n    margin-bottom: 12px;\n    color: #37CEB4;\n   \n}\n#popmechanic-form .popmechanic-thankyou .caption {\n    font-style: normal;\n    font-weight: 400;\n    font-size: 20px;\n    line-height: 28px;\n}\n#popmechanic-form input.popmechanic-invalid {\n    border-color: #e84e4e; }\n#popmechanic-form .popmechanic-thankyou {\n    display: none; }\n\n.popmechanic-mobile #popmechanic-form::before, .popmechanic-tablet #popmechanic-form::before {\n<% if(parseInt(show_form_bg_mob)) { %>\nbackground: url(<%=form_bg_img_mob%>) center center no-repeat;\n    background-size: cover;\n    <% } else { %>\n         background-image: none;\n             background-color: <%=form_bg_color%>;\n             <% } %>\n}\n.popmechanic-mobile #popmechanic-form .popmechanic-main,\n.popmechanic-tablet #popmechanic-form .popmechanic-main,\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou,\n.popmechanic-tablet #popmechanic-form .popmechanic-thankyou {\n    flex-direction: column;\n    align-items: center;\n    max-width: <%=form_width_mob%>px;\n    width: 100%;\n    min-height: <%=form_height_mob%>px;\n    padding: <%=pad_top_mob%>px <%=pad_right_mob%>px <%=pad_bottom_mob%>px <%=pad_left_mob%>px;\n}\n.popmechanic-mobile #popmechanic-form .popmechanic-self-box, .popmechanic-tablet #popmechanic-form .popmechanic-self-box {\n    width: <%=img_width_mob%>px;\n    position: relative;\n    margin: 0;\n    left: <%=img_left_mob%>px;\n    top: <%=img_top_mob%>px;\n    margin-right: 0;\n    margin-bottom: 10px; }\n.popmechanic-mobile #popmechanic-form .popmechanic-content, .popmechanic-tablet #popmechanic-form .popmechanic-content {\n    margin-right: 0;\n    max-width: 100%;\n    margin-bottom: 20px; }\n.popmechanic-mobile #popmechanic-form .popmechanic-header, .popmechanic-tablet #popmechanic-form .popmechanic-header {\n    font-size: <%=title_fontsize_mob%>px;\n    text-align: center; }\n.popmechanic-mobile #popmechanic-form .popmechanic-text, .popmechanic-tablet #popmechanic-form .popmechanic-text {\n    font-size: <%=sub_title_fontsize_mob%>px;\n    text-align: center; }\n.popmechanic-mobile #popmechanic-form .popmechanic-inputs, .popmechanic-tablet #popmechanic-form .popmechanic-inputs {\n    border: none;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    height: auto;\n    width: 100%;\n}\n.popmechanic-mobile #popmechanic-form .popmechanic-inputs--wrapper, .popmechanic-tablet #popmechanic-form .popmechanic-inputs--wrapper {\n    width: auto; }\n.popmechanic-mobile #popmechanic-form .popmechanic-input, .popmechanic-tablet #popmechanic-form .popmechanic-input {\n    width: <%=inp_width_mob%>px;\n    max-width: 100%;\n}\n.popmechanic-mobile #popmechanic-form .popmechanic-input input, .popmechanic-tablet #popmechanic-form .popmechanic-input input {\n    height: <%=inp_height_mob%>px;\n    font-size: <%=inp_fontsize_mob%>px;\n    border: solid 1px <%=inp_border_color%>;\n    margin-bottom: 15px; }\n.popmechanic-mobile #popmechanic-form button, .popmechanic-tablet #popmechanic-form button {\n    width: <%=btn_width_mob%>px;\n    max-width: 100%;\n    height: <%=btn_height_mob%>px;\n    font-size: <%=btn_fontsize_mob%>px;\n}\n.popmechanic-mobile #popmechanic-form .popmechanic-subscribe_text, .popmechanic-tablet #popmechanic-form .popmechanic-subscribe_text {\n    display: inline; }\n.popmechanic-mobile #popmechanic-form .popmechanic-subscribe_img, .popmechanic-tablet #popmechanic-form .popmechanic-subscribe_img {\n    display: none; }\n.popmechanic-mobile #popmechanic-form .popmechanic-approval, .popmechanic-tablet #popmechanic-form .popmechanic-approval {\n    font-size: <%=conf_fontsize_mob%>px;\n    text-align: center; }\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou .popmechanic-text, .popmechanic-tablet #popmechanic-form .popmechanic-thankyou .popmechanic-text {\n    font-size: <%=thanks_fontsize_mob%>px;\n}\n\n.popmechanic-success #popmechanic-form .popmechanic-main {\n    display: none; }\n\n.popmechanic-success #popmechanic-form .popmechanic-thankyou {\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n    text-align: center;\n    align-items: center;\n    min-height: 200px;\n}\n#popmechanic-form input.popmechanic-invalid {\n    border-color: red!important;\n    border: 1px solid red!important;\n    color: red!important;\n}\n\n<% if(parseInt(close_show)) { %>\n                                   /* CLOSE */\n                               <%\nfunction hexToRgb(hex) {\nreturn hex.replace(/^#?([a-f\\d])([a-f\\d])([a-f\\d])$/i, function (m, r, g, b) {\n    return \"#\".concat(r).concat(r).concat(g).concat(g).concat(b).concat(b);\n}).substring(1).match(/.{2}/g).map(function (x) {\n    return parseInt(x, 16);\n});\n};\n%>\n\n #popmechanic-form .popmechanic-close {\n     position: absolute;\n     z-index: 40;\n     cursor: pointer;\n }\n#popmechanic-form .popmechanic-close::before,\n#popmechanic-form .popmechanic-close::after {\n    content: \"\";\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    width: 80%;\n    height: 2px;\n    transform: translate(-50%, -50%) rotate(45deg);\n}\n#popmechanic-form .popmechanic-close::after {\n    transform: translate(-50%, -50%) rotate(135deg);\n}\n.popmechanic-desktop #popmechanic-form .popmechanic-close {\n    top: 10px;\n    right: 10px;\n    width: <%= close_size_desk %>px;\n    height: <%= close_size_desk %>px;\n<% if(parseInt(close_bg_show_desk)) { %>\nbackground-color: rgba(<%= hexToRgb(close_bg_color_desk) %>, <%= close_bg_transparency %>);\n    <% } %>\n}\n.popmechanic-desktop #popmechanic-form .popmechanic-close::before,\n.popmechanic-desktop #popmechanic-form .popmechanic-close::after {\n    background-color: <%= close_color_desk %>;\n}\n.popmechanic-tablet #popmechanic-form .popmechanic-close,\n.popmechanic-mobile #popmechanic-form .popmechanic-close {\n    top: 5px;\n    right: 5px;\n    width: <%= close_size_mob %>px;\n    height: <%= close_size_mob %>px;\n<% if(parseInt(close_bg_show_mob)) { %>\nbackground-color: rgba(<%= hexToRgb(close_bg_color_mob) %>, <%= close_bg_transparency %>);\n    <% } %>\n}\n.popmechanic-tablet #popmechanic-form .popmechanic-close::before,\n.popmechanic-tablet #popmechanic-form .popmechanic-close::after,\n.popmechanic-mobile #popmechanic-form .popmechanic-close::before,\n.popmechanic-mobile #popmechanic-form .popmechanic-close::after {\n    background-color: <%= close_color_mob %>;\n}\n<% } %>\n\n@media screen and (max-width: 850px) {\n    .popmechanic-self-box-img {\n        display: none;\n    }\n}\n\n\n\n@media screen and (max-width: 540px) {\n    \n    #popmechanic-form .popmechanic-main {\n        padding: 24px 20px;\n    }\n    \n    #popmechanic-form .popmechanic-header {\n        font-size: 24px;\n        line-height: 30px;\n    }\n    \n    #popmechanic-form .popmechanic-text {\n        font-size: 12px;\n        line-height: 18px;\n    }\n    \n    #popmechanic-form button {\n\n    }\n    \n    #popmechanic-form .popmechanic-subscribe_text {\n        font-size: 9px;\n    }\n}\n.popmechanic-tablet #popmechanic-form .popmechanic-self-box-img {\n    display: none;\n}\n\n@media screen and (min-width:539px) and (max-width: 1341px) {\n   #popmechanic-form .popmechanic-main,\n#popmechanic-form .popmechanic-thankyou {\n    padding-left: 40px !important;\n}\n}\n@media screen and (min-width:849px) and (max-width: 976px) {\n   #popmechanic-form .popmechanic-main,\n#popmechanic-form .popmechanic-thankyou {\n    padding-left:150px !important;\n}\n}", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 55688, "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": 422, "externalId": "9aa5c073-6e4f-4c7b-8e94-ea4c1f7ff515"}, "inSegmentByDefault": false}, "operator": "$check"}, {"id": "3", "name": "$and", "type": "current_page", "nodes": [{"id": "4", "field": "page", "value": ["collections"], "operator": "$in_contains"}], "operator": "$and"}, {"id": "5", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 1589, "externalId": "512c9d2a-5b05-481c-b17d-7f9703d7e97e"}, "inSegmentByDefault": true}, "operator": "$check"}, {"id": "6", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 1590, "externalId": "0ad4c39f-1438-4469-82b1-74a12dc4dd33"}, "inSegmentByDefault": true}, "operator": "$check"}], "operator": "$and"}}, "settings_splits": [{"settings": {"img": "https://content.img-gorod.ru/mb/mailcorgy.svg", "img2": "https://static.popmechanic.ru/media/lifehacker/img/send.svg", "text": "\u041f\u043e\u043b\u0443\u0447\u0430\u0439\u0442\u0435 \u0430\u043a\u0442\u0443\u0430\u043b\u044c\u043d\u044b\u0435 \u043d\u043e\u0432\u0438\u043d\u043a\u0438, \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0435 \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0438 \u043b\u0443\u0447\u0448\u0438\u0435 \u0430\u043a\u0446\u0438\u0438.", "header": "\u0414\u0430\u0440\u0438\u043c \u0431\u043e\u043d\u0443\u0441\u044b \u0437\u0430 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0443!", "submit": "\u041f\u043e\u0434\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f", "img_top": "10.00", "pad_top": "50.00", "but_col1": "#2660ab", "but_col2": "#205496", "img_left": "0.00", "show_img": "1", "btn_color": "#fafafa", "btn_width": "90", "form_font": "Roboto, sans-serif", "img_width": "200.00", "inp_color": "#242424", "inp_width": "520.00", "close_show": "0", "conf_color": "#242424", "inp_height": "52.00", "pad_bottom": "10.00", "show_title": "1", "custom_font": "Inter, Arial, sans-serif", "form_bg_img": "https://book24.ru/_ssr/img/backgrounds/subscriptions-main-bg.svg", "form_height": "251.00", "img_top_mob": "1", "lang_helper": "ru", "pad_top_mob": "15", "show_policy": "1", "title_color": "#242424", "btn_fontsize": "12.00", "img_left_mob": "1", "inp_fontsize": "16.00", "pad_left_mob": "15", "show_btn_img": "1", "show_form_bg": "0", "btn_width_mob": "300.00", "conf_fontsize": "14.00", "conf_link_url": "https://www.chitai-gorod.ru/about/policy/", "form_bg_color": "#ecf6fe", "img_width_mob": "150", "inp_width_mob": "300", "pad_right_mob": "15", "thankyou_text": "\u041f\u043e\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u0435 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0443 \u0438 \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u0435 50 \u0431\u043e\u043d\u0443\u0441\u043e\u0432!", "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": "1", "title_fontsize": "34.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": "1", "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.00", "title_fontsize_mob": "25", "close_bg_color_desk": "#000000", "conf_text_post_link": "\u043d\u0430 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u0441\u0432\u043e\u0438\u0445 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445", "inputs_border_color": "#ffffff", "thanks_fontsize_mob": "16", "close_bg_transparency": "0.5", "sub_title_fontsize_mob": "14"}, "button_settings": {}, "conditions_splits": [], "id": 55112, "behavior_settings": {"lead": {"legal_text": ""}, "embedded": {"animation_out": "fadeOut"}}}], "pinned": false, "name": "\u0427\u0413: \u0424\u043e\u0440\u043c\u0430 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0438 \u0441 \u0431\u043e\u043d\u0443\u0441\u0430\u043c\u0438 (\u043d\u043e\u0432\u044b\u0439 \u0441\u0430\u0439\u0442 \u043f\u043e\u0434\u0431\u043e\u0440\u043a\u0438)", "active": true, "embed_selector": true, "selector": ".app-footer", "placement": "before", "frequency": {"once_lifetime": false, "once_session": false, "priority": false, "minimal_timeout": null}, "start_date": null, "end_date": null, "day_of_week": [true, true, true, true, true, true, true], "start_time": null, "end_time": null, "timezone_minutes": 180, "custom_fields": [], "container_id": null, "child_forms": [], "salt": null, "control_group": null, "variants": [{"is_winner": false, "ab_test_variant_internal_id": null, "view_settings": {"button_template": null, "rendered_preview": "https://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-54081.png?ts=1706195826715", "rendered_button_preview": null, "settings": {"img": "https://content.img-gorod.ru/mb/mailcorgy.svg", "img2": "https://static.popmechanic.ru/media/lifehacker/img/send.svg", "text": "\u041f\u043e\u043b\u0443\u0447\u0430\u0439\u0442\u0435 \u0430\u043a\u0442\u0443\u0430\u043b\u044c\u043d\u044b\u0435 \u043d\u043e\u0432\u0438\u043d\u043a\u0438, \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0435 \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0438 \u043b\u0443\u0447\u0448\u0438\u0435 \u0430\u043a\u0446\u0438\u0438.", "header": "\u0414\u0430\u0440\u0438\u043c \u0431\u043e\u043d\u0443\u0441\u044b \u0437\u0430 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0443!", "submit": "\u041f\u043e\u0434\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f", "img_top": "10.00", "pad_top": "50.00", "but_col1": "#2660ab", "but_col2": "#205496", "img_left": "0.00", "show_img": "1", "btn_color": "#fafafa", "btn_width": "90", "form_font": "Roboto, sans-serif", "img_width": "200.00", "inp_color": "#242424", "inp_width": "520.00", "close_show": "0", "conf_color": "#242424", "inp_height": "52.00", "pad_bottom": "10.00", "show_title": "1", "custom_font": "Inter, Arial, sans-serif", "form_bg_img": "https://book24.ru/_ssr/img/backgrounds/subscriptions-main-bg.svg", "form_height": "251.00", "img_top_mob": "1", "lang_helper": "ru", "pad_top_mob": "15", "show_policy": "1", "title_color": "#242424", "btn_fontsize": "12.00", "img_left_mob": "1", "inp_fontsize": "16.00", "pad_left_mob": "15", "show_btn_img": "1", "show_form_bg": "0", "btn_width_mob": "300.00", "conf_fontsize": "14.00", "conf_link_url": "https://www.chitai-gorod.ru/about/policy/", "form_bg_color": "#ecf6fe", "img_width_mob": "150", "inp_width_mob": "300", "pad_right_mob": "15", "thankyou_text": "\u041f\u043e\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u0435 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0443 \u0438 \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u0435 50 \u0431\u043e\u043d\u0443\u0441\u043e\u0432!", "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": "1", "title_fontsize": "34.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": "1", "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.00", "title_fontsize_mob": "25", "close_bg_color_desk": "#000000", "conf_text_post_link": "\u043d\u0430 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u0441\u0432\u043e\u0438\u0445 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445", "inputs_border_color": "#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\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\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\r\n<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n<g clip-path=\"url(#clip0)\">\r\n<path d=\"M13 4L6.14671 12L3 8.32677\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n</g>\r\n<defs>\r\n<clipPath id=\"clip0\">\r\n<rect width=\"16\" height=\"16\" fill=\"white\"/>\r\n</clipPath>\r\n</defs>\r\n</svg>\r\n\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 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 <a href=\"/about/policy\">\u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445</a></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<% if (parseInt(show_img)) { %>\r\n\t\t<div class=\"popmechanic-self-box-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</div>\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)) { %>\n@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&family=Roboto:wght@400;500;700&display=swap');\n    <% } %>\n\n          <% try {\n                 close_show = close_show;\n                 close_size_desk = close_size_desk;\n                 close_size_mob = close_size_mob;\n                 close_color_desk = close_color_desk;\n                 close_color_mob = close_color_mob;\n                 close_bg_show_desk = close_bg_show_desk;\n                 close_bg_color_desk = close_bg_color_desk;\n                 close_bg_show_mob = close_bg_show_mob;\n                 close_bg_color_mob = close_bg_color_mob;\n                 close_bg_transparency = close_bg_transparency;\n             } catch (e) {\n    close_show = 0\n    close_size_desk = 20\n    close_size_mob = 20\n    close_color_desk = '#000000'\n    close_color_mob = '#000000'\n    close_bg_show_desk = 0\n    close_bg_color_desk = '#000000'\n    close_bg_show_mob = 0\n    close_bg_color_mob = '#000000'\n    close_bg_transparency = 0.5\n}\n%>\n\n .popmechanic-reset,\n .popmechanic-reset * {\n     line-height: normal;\n     box-sizing: border-box;\n }\n\n#popmechanic-form {\n    position: relative;\n<% if (parseInt(use_custom_font)) { %>\nfont-family: <%=custom_font%>;\n    <% } else { %>\n         font-family: <%=form_font%>;\n             <% } %>\n                   width: 100%;\nbox-sizing: border-box;\nz-index: 2;\n}\n#popmechanic-form::before {\n    content: \"\";\n    display: block;\n    width: 100%;\n    height: 100%;\n    position: absolute;\n    top: 0;\n    left: 0;\n    bottom: 0;\n    right: 0;\n    background-color: <%=form_bg_color%>;\n\n    z-index: 1;\n<% if(parseInt(show_form_bg)) { %>\nbackground: url(<%=form_bg_img%>) center center no-repeat;\n    background-size: cover;\n    <% } %>\n          border-radius: 4px;\n}\n#popmechanic-form .popmechanic-main,\n#popmechanic-form .popmechanic-thankyou {\n    position: relative;\n    z-index: 2;\n    display: flex;\n    align-items: flex-start;\n    width: 100%;\n    justify-content: center;\n    max-width: 1300px;\n    min-height: 251px !important;\n    margin: 0 auto;\n    padding-left: 0px;\n    padding-right: 40px;\n    padding-top: <%=pad_top%>px;\n    padding-bottom: <%=pad_bottom%>px;\n}\n#popmechanic-form .popmechanic-thankyou {\n\n}\n#popmechanic-form .popmechanic-self-box {\n    width: <%=img_width%>px;\n    max-width: 100%;\n    position: relative;\n    margin-left: <%=img_left%>px;\n    margin-top: <%=img_top%>px;\n    margin-right: 380px;\n}\n#popmechanic-form .popmechanic-content {\n    width: 100%;\n    margin-right: 20px; }\n#popmechanic-form .popmechanic-inputs {\n    display: flex;\n    align-items: stretch;\n    margin-bottom: 24px;\n    height: <%=inp_height%>px;\n    max-width: 100%;\n}\n#popmechanic-form .popmechanic-inputs--wrapper {\n    /* flex: 1; */\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    max-width: 100%;\n}\n#popmechanic-form .popmechanic-input {\n    flex-shrink: 0;\n    width: <%=inp_width%>px;\n    height: 100%;\n    max-width: 100%;\n}\n#popmechanic-form .popmechanic-input input {\n    width: 100%;\n    height: 100%;\n    border: none;\n    background-color: #FFF;\n    border-radius: 4px;\n    font-size: <%=inp_fontsize%>px;\n    color: <%=inp_color%>;\n    padding-left: 24px;\n}\n#popmechanic-form .popmechanic-input input::placeholder {\n    color: <%=inp_color%>;\n    opacity: .6;\n    text-decoration: none;\n    font-style: normal;\n}\n#popmechanic-form input::-moz-placeholder {\n    color: <%=inp_color%>;\n    opacity: .6;\n}\n#popmechanic-form input::-ms-input-placeholder {\n    color: <%=inp_color%>;\n    opacity: .6;\n}\n#popmechanic-form input:hover, #popmechanic-form input:focus {\n    outline: none; }\n#popmechanic-form button {\n    flex-shrink: 0;\n    height: 44px;\n    background-color: <%=but_col1%>;\n    border: none;\n    font-size: <%=btn_fontsize%>px;\n\n    color: <%=btn_color%>;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    margin-top: 4px;\n    border-radius: 3px;\n    padding: 16px;\n\n    font-weight: 600;\n    line-height: 18px;\n    text-transform: uppercase;\n    color: #fff;\n    letter-spacing: 0.05em;\n}\n#popmechanic-form button:hover {\n    background: <%=but_col2%>;\n    color: <%=btn_hover_color%>;\n    cursor: pointer;\n    outline: none; }\n#popmechanic-form .popmechanic-subscribe_text {\n    font-style: normal;\n    font-weight: 600;\n    font-size: 14px;\n    line-height: 22px;\n}\n#popmechanic-form .popmechanic-approval {\n    font-size: <%=conf_fontsize%>px;\n    color: <%=conf_color%>;\n    font-style: normal;\n    font-weight: 400;\n    font-size: 14px;\n    line-height: 20px;\n    display: flex;\n    align-items: center;\n    width: 100%;\n    cursor: pointer;\n}\n.popmechanic-content *{\n\n    line-height: 20px !important;\n\n}\n#popmechanic-form .popmechanic-approval a {\n    color: #26a9e0;\n    text-decoration: none; }\n#popmechanic-form .popmechanic-checkbox-check {\n    width: 20px;\n    height: 20px;\n    background-color: #26a9e0;\n    border-radius: 2px;\n    margin-right: 12px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n}\n#popmechanic-form .popmechanic-checkbox-check svg {\n\n    opacity: 0;\n}\n#popmechanic-form .popmechanic-approval input {\n    visibility: hidden;\n    display: block;\n    width: 0;\n    height: 0;\n    opacity: 0;\n}\n#popmechanic-form .popmechanic-approval input:checked ~ .popmechanic-checkbox-check svg {\n    opacity: 1;\n}\n#popmechanic-form .popmechanic-header {\n    font-size: <%=title_fontsize%>px;\n    color: <%=title_color%>;\n    font-style: normal;\n    font-weight: 500;\n    line-height: 40px;\n    margin-bottom: 20px; }\n#popmechanic-form .popmechanic-text {\n    max-width: 100%;\n    font-size: <%=sub_title_fontsize%>px;\n    color: <%=sub_title_color%>;\n    font-style: normal;\n    font-weight: 400;\n    font-size: 16px;\n    line-height: 22px;\n    color:#000000;\n    margin-bottom: 15px;\n}\n#popmechanic-form .popmechanic-thankyou .popmechanic-text {\n    font-style: normal;\n    font-weight: 600;\n    font-size: 32px;\n    line-height: 40px;\n    text-align: center;\n    margin: 0 auto;\n    width: 100%;\n    margin-bottom: 12px;\n    color: #37CEB4;\n   \n}\n#popmechanic-form .popmechanic-thankyou .caption {\n    font-style: normal;\n    font-weight: 400;\n    font-size: 20px;\n    line-height: 28px;\n}\n#popmechanic-form input.popmechanic-invalid {\n    border-color: #e84e4e; }\n#popmechanic-form .popmechanic-thankyou {\n    display: none; }\n\n.popmechanic-mobile #popmechanic-form::before, .popmechanic-tablet #popmechanic-form::before {\n<% if(parseInt(show_form_bg_mob)) { %>\nbackground: url(<%=form_bg_img_mob%>) center center no-repeat;\n    background-size: cover;\n    <% } else { %>\n         background-image: none;\n             background-color: <%=form_bg_color%>;\n             <% } %>\n}\n.popmechanic-mobile #popmechanic-form .popmechanic-main,\n.popmechanic-tablet #popmechanic-form .popmechanic-main,\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou,\n.popmechanic-tablet #popmechanic-form .popmechanic-thankyou {\n    flex-direction: column;\n    align-items: center;\n    max-width: <%=form_width_mob%>px;\n    width: 100%;\n    min-height: <%=form_height_mob%>px;\n    padding: <%=pad_top_mob%>px <%=pad_right_mob%>px <%=pad_bottom_mob%>px <%=pad_left_mob%>px;\n}\n.popmechanic-mobile #popmechanic-form .popmechanic-self-box, .popmechanic-tablet #popmechanic-form .popmechanic-self-box {\n    width: <%=img_width_mob%>px;\n    position: relative;\n    margin: 0;\n    left: <%=img_left_mob%>px;\n    top: <%=img_top_mob%>px;\n    margin-right: 0;\n    margin-bottom: 10px; }\n.popmechanic-mobile #popmechanic-form .popmechanic-content, .popmechanic-tablet #popmechanic-form .popmechanic-content {\n    margin-right: 0;\n    max-width: 100%;\n    margin-bottom: 20px; }\n.popmechanic-mobile #popmechanic-form .popmechanic-header, .popmechanic-tablet #popmechanic-form .popmechanic-header {\n    font-size: <%=title_fontsize_mob%>px;\n    text-align: center; }\n.popmechanic-mobile #popmechanic-form .popmechanic-text, .popmechanic-tablet #popmechanic-form .popmechanic-text {\n    font-size: <%=sub_title_fontsize_mob%>px;\n    text-align: center; }\n.popmechanic-mobile #popmechanic-form .popmechanic-inputs, .popmechanic-tablet #popmechanic-form .popmechanic-inputs {\n    border: none;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    height: auto;\n    width: 100%;\n}\n.popmechanic-mobile #popmechanic-form .popmechanic-inputs--wrapper, .popmechanic-tablet #popmechanic-form .popmechanic-inputs--wrapper {\n    width: auto; }\n.popmechanic-mobile #popmechanic-form .popmechanic-input, .popmechanic-tablet #popmechanic-form .popmechanic-input {\n    width: <%=inp_width_mob%>px;\n    max-width: 100%;\n}\n.popmechanic-mobile #popmechanic-form .popmechanic-input input, .popmechanic-tablet #popmechanic-form .popmechanic-input input {\n    height: <%=inp_height_mob%>px;\n    font-size: <%=inp_fontsize_mob%>px;\n    border: solid 1px <%=inp_border_color%>;\n    margin-bottom: 15px; }\n.popmechanic-mobile #popmechanic-form button, .popmechanic-tablet #popmechanic-form button {\n    width: <%=btn_width_mob%>px;\n    max-width: 100%;\n    height: <%=btn_height_mob%>px;\n    font-size: <%=btn_fontsize_mob%>px;\n}\n.popmechanic-mobile #popmechanic-form .popmechanic-subscribe_text, .popmechanic-tablet #popmechanic-form .popmechanic-subscribe_text {\n    display: inline; }\n.popmechanic-mobile #popmechanic-form .popmechanic-subscribe_img, .popmechanic-tablet #popmechanic-form .popmechanic-subscribe_img {\n    display: none; }\n.popmechanic-mobile #popmechanic-form .popmechanic-approval, .popmechanic-tablet #popmechanic-form .popmechanic-approval {\n    font-size: <%=conf_fontsize_mob%>px;\n    text-align: center; }\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou .popmechanic-text, .popmechanic-tablet #popmechanic-form .popmechanic-thankyou .popmechanic-text {\n    font-size: <%=thanks_fontsize_mob%>px;\n}\n\n.popmechanic-success #popmechanic-form .popmechanic-main {\n    display: none; }\n\n.popmechanic-success #popmechanic-form .popmechanic-thankyou {\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n    text-align: center;\n    align-items: center;\n    min-height: 200px;\n}\n#popmechanic-form input.popmechanic-invalid {\n    border-color: red!important;\n    border: 1px solid red!important;\n    color: red!important;\n}\n\n<% if(parseInt(close_show)) { %>\n                                   /* CLOSE */\n                               <%\nfunction hexToRgb(hex) {\nreturn hex.replace(/^#?([a-f\\d])([a-f\\d])([a-f\\d])$/i, function (m, r, g, b) {\n    return \"#\".concat(r).concat(r).concat(g).concat(g).concat(b).concat(b);\n}).substring(1).match(/.{2}/g).map(function (x) {\n    return parseInt(x, 16);\n});\n};\n%>\n\n #popmechanic-form .popmechanic-close {\n     position: absolute;\n     z-index: 40;\n     cursor: pointer;\n }\n#popmechanic-form .popmechanic-close::before,\n#popmechanic-form .popmechanic-close::after {\n    content: \"\";\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    width: 80%;\n    height: 2px;\n    transform: translate(-50%, -50%) rotate(45deg);\n}\n#popmechanic-form .popmechanic-close::after {\n    transform: translate(-50%, -50%) rotate(135deg);\n}\n.popmechanic-desktop #popmechanic-form .popmechanic-close {\n    top: 10px;\n    right: 10px;\n    width: <%= close_size_desk %>px;\n    height: <%= close_size_desk %>px;\n<% if(parseInt(close_bg_show_desk)) { %>\nbackground-color: rgba(<%= hexToRgb(close_bg_color_desk) %>, <%= close_bg_transparency %>);\n    <% } %>\n}\n.popmechanic-desktop #popmechanic-form .popmechanic-close::before,\n.popmechanic-desktop #popmechanic-form .popmechanic-close::after {\n    background-color: <%= close_color_desk %>;\n}\n.popmechanic-tablet #popmechanic-form .popmechanic-close,\n.popmechanic-mobile #popmechanic-form .popmechanic-close {\n    top: 5px;\n    right: 5px;\n    width: <%= close_size_mob %>px;\n    height: <%= close_size_mob %>px;\n<% if(parseInt(close_bg_show_mob)) { %>\nbackground-color: rgba(<%= hexToRgb(close_bg_color_mob) %>, <%= close_bg_transparency %>);\n    <% } %>\n}\n.popmechanic-tablet #popmechanic-form .popmechanic-close::before,\n.popmechanic-tablet #popmechanic-form .popmechanic-close::after,\n.popmechanic-mobile #popmechanic-form .popmechanic-close::before,\n.popmechanic-mobile #popmechanic-form .popmechanic-close::after {\n    background-color: <%= close_color_mob %>;\n}\n<% } %>\n\n@media screen and (max-width: 850px) {\n    .popmechanic-self-box-img {\n        display: none;\n    }\n}\n\n\n\n@media screen and (max-width: 540px) {\n    \n    #popmechanic-form .popmechanic-main {\n        padding: 24px 20px;\n    }\n    \n    #popmechanic-form .popmechanic-header {\n        font-size: 24px;\n        line-height: 30px;\n    }\n    \n    #popmechanic-form .popmechanic-text {\n        font-size: 12px;\n        line-height: 18px;\n    }\n    \n    #popmechanic-form button {\n\n    }\n    \n    #popmechanic-form .popmechanic-subscribe_text {\n        font-size: 9px;\n    }\n}\n.popmechanic-tablet #popmechanic-form .popmechanic-self-box-img {\n    display: none;\n}\n\n@media screen and (min-width:539px) and (max-width: 1341px) {\n   #popmechanic-form .popmechanic-main,\n#popmechanic-form .popmechanic-thankyou {\n    padding-left: 40px !important;\n}\n}\n@media screen and (min-width:849px) and (max-width: 976px) {\n   #popmechanic-form .popmechanic-main,\n#popmechanic-form .popmechanic-thankyou {\n    padding-left:150px !important;\n}\n}", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 55687, "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": 422, "externalId": "9aa5c073-6e4f-4c7b-8e94-ea4c1f7ff515"}, "inSegmentByDefault": false}, "operator": "$check"}, {"id": "3", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 1589, "externalId": "512c9d2a-5b05-481c-b17d-7f9703d7e97e"}, "inSegmentByDefault": true}, "operator": "$check"}, {"id": "4", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 1590, "externalId": "0ad4c39f-1438-4469-82b1-74a12dc4dd33"}, "inSegmentByDefault": true}, "operator": "$check"}, {"id": "5", "name": "$and", "type": "current_page", "nodes": [{"id": "6", "field": "page", "value": ["promotions"], "operator": "$in_contains"}, {"id": "7", "field": "page", "value": "promotions/15839-13397", "operator": "$exclude"}], "operator": "$and"}], "operator": "$and"}}, "settings_splits": [{"settings": {"img": "https://content.img-gorod.ru/mb/mailcorgy.svg", "img2": "https://static.popmechanic.ru/media/lifehacker/img/send.svg", "text": "\u041f\u043e\u043b\u0443\u0447\u0430\u0439\u0442\u0435 \u0430\u043a\u0442\u0443\u0430\u043b\u044c\u043d\u044b\u0435 \u043d\u043e\u0432\u0438\u043d\u043a\u0438, \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0435 \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0438 \u043b\u0443\u0447\u0448\u0438\u0435 \u0430\u043a\u0446\u0438\u0438.", "header": "\u0414\u0430\u0440\u0438\u043c \u0431\u043e\u043d\u0443\u0441\u044b \u0437\u0430 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0443!", "submit": "\u041f\u043e\u0434\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f", "img_top": "10.00", "pad_top": "50.00", "but_col1": "#2660ab", "but_col2": "#205496", "img_left": "0.00", "show_img": "1", "btn_color": "#fafafa", "btn_width": "90", "form_font": "Roboto, sans-serif", "img_width": "200.00", "inp_color": "#242424", "inp_width": "520.00", "close_show": "0", "conf_color": "#242424", "inp_height": "52.00", "pad_bottom": "10.00", "show_title": "1", "custom_font": "Inter, Arial, sans-serif", "form_bg_img": "https://book24.ru/_ssr/img/backgrounds/subscriptions-main-bg.svg", "form_height": "251.00", "img_top_mob": "1", "lang_helper": "ru", "pad_top_mob": "15", "show_policy": "1", "title_color": "#242424", "btn_fontsize": "12.00", "img_left_mob": "1", "inp_fontsize": "16.00", "pad_left_mob": "15", "show_btn_img": "1", "show_form_bg": "0", "btn_width_mob": "300.00", "conf_fontsize": "14.00", "conf_link_url": "https://www.chitai-gorod.ru/about/policy/", "form_bg_color": "#ecf6fe", "img_width_mob": "150", "inp_width_mob": "300", "pad_right_mob": "15", "thankyou_text": "\u041f\u043e\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u0435 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0443 \u0438 \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u0435 50 \u0431\u043e\u043d\u0443\u0441\u043e\u0432!", "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": "1", "title_fontsize": "34.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": "1", "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.00", "title_fontsize_mob": "25", "close_bg_color_desk": "#000000", "conf_text_post_link": "\u043d\u0430 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u0441\u0432\u043e\u0438\u0445 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445", "inputs_border_color": "#ffffff", "thanks_fontsize_mob": "16", "close_bg_transparency": "0.5", "sub_title_fontsize_mob": "14"}, "button_settings": {}, "conditions_splits": [], "id": 55111, "behavior_settings": {"lead": {"legal_text": ""}, "embedded": {"animation_out": "fadeOut"}}}], "pinned": false, "name": "\u0427\u0413: \u0424\u043e\u0440\u043c\u0430 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0438 \u0441 \u0431\u043e\u043d\u0443\u0441\u0430\u043c\u0438 (\u043d\u043e\u0432\u044b\u0439 \u0441\u0430\u0439\u0442 \u0430\u043a\u0446\u0438\u0438)", "active": true, "embed_selector": true, "selector": ".app-footer", "placement": "before", "frequency": {"once_lifetime": false, "once_session": false, "priority": false, "minimal_timeout": null}, "start_date": null, "end_date": null, "day_of_week": [true, true, true, true, true, true, true], "start_time": null, "end_time": null, "timezone_minutes": 180, "custom_fields": [], "container_id": null, "child_forms": [], "salt": null, "control_group": null, "variants": [{"is_winner": false, "ab_test_variant_internal_id": null, "view_settings": {"button_template": null, "rendered_preview": "https://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-54080.png?ts=1706195751949", "rendered_button_preview": null, "settings": {"img": "https://content.img-gorod.ru/mb/mailcorgy.svg", "img2": "https://static.popmechanic.ru/media/lifehacker/img/send.svg", "text": "\u041f\u043e\u043b\u0443\u0447\u0430\u0439\u0442\u0435 \u0430\u043a\u0442\u0443\u0430\u043b\u044c\u043d\u044b\u0435 \u043d\u043e\u0432\u0438\u043d\u043a\u0438, \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0435 \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0438 \u043b\u0443\u0447\u0448\u0438\u0435 \u0430\u043a\u0446\u0438\u0438.", "header": "\u0414\u0430\u0440\u0438\u043c \u0431\u043e\u043d\u0443\u0441\u044b \u0437\u0430 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0443!", "submit": "\u041f\u043e\u0434\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f", "img_top": "10.00", "pad_top": "50.00", "but_col1": "#2660ab", "but_col2": "#205496", "img_left": "0.00", "show_img": "1", "btn_color": "#fafafa", "btn_width": "90", "form_font": "Roboto, sans-serif", "img_width": "200.00", "inp_color": "#242424", "inp_width": "520.00", "close_show": "0", "conf_color": "#242424", "inp_height": "52.00", "pad_bottom": "10.00", "show_title": "1", "custom_font": "Inter, Arial, sans-serif", "form_bg_img": "https://book24.ru/_ssr/img/backgrounds/subscriptions-main-bg.svg", "form_height": "251.00", "img_top_mob": "1", "lang_helper": "ru", "pad_top_mob": "15", "show_policy": "1", "title_color": "#242424", "btn_fontsize": "12.00", "img_left_mob": "1", "inp_fontsize": "16.00", "pad_left_mob": "15", "show_btn_img": "1", "show_form_bg": "0", "btn_width_mob": "300.00", "conf_fontsize": "14.00", "conf_link_url": "https://www.chitai-gorod.ru/about/policy/", "form_bg_color": "#ecf6fe", "img_width_mob": "150", "inp_width_mob": "300", "pad_right_mob": "15", "thankyou_text": "\u041f\u043e\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u0435 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0443 \u0438 \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u0435 50 \u0431\u043e\u043d\u0443\u0441\u043e\u0432!", "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": "1", "title_fontsize": "34.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": "1", "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.00", "title_fontsize_mob": "25", "close_bg_color_desk": "#000000", "conf_text_post_link": "\u043d\u0430 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u0441\u0432\u043e\u0438\u0445 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445", "inputs_border_color": "#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\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\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\r\n<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n<g clip-path=\"url(#clip0)\">\r\n<path d=\"M13 4L6.14671 12L3 8.32677\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n</g>\r\n<defs>\r\n<clipPath id=\"clip0\">\r\n<rect width=\"16\" height=\"16\" fill=\"white\"/>\r\n</clipPath>\r\n</defs>\r\n</svg>\r\n\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 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 <a href=\"/about/policy\">\u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445</a></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<% if (parseInt(show_img)) { %>\r\n\t\t<div class=\"popmechanic-self-box-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</div>\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)) { %>\n@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&family=Roboto:wght@400;500;700&display=swap');\n    <% } %>\n\n          <% try {\n                 close_show = close_show;\n                 close_size_desk = close_size_desk;\n                 close_size_mob = close_size_mob;\n                 close_color_desk = close_color_desk;\n                 close_color_mob = close_color_mob;\n                 close_bg_show_desk = close_bg_show_desk;\n                 close_bg_color_desk = close_bg_color_desk;\n                 close_bg_show_mob = close_bg_show_mob;\n                 close_bg_color_mob = close_bg_color_mob;\n                 close_bg_transparency = close_bg_transparency;\n             } catch (e) {\n    close_show = 0\n    close_size_desk = 20\n    close_size_mob = 20\n    close_color_desk = '#000000'\n    close_color_mob = '#000000'\n    close_bg_show_desk = 0\n    close_bg_color_desk = '#000000'\n    close_bg_show_mob = 0\n    close_bg_color_mob = '#000000'\n    close_bg_transparency = 0.5\n}\n%>\n\n .popmechanic-reset,\n .popmechanic-reset * {\n     line-height: normal;\n     box-sizing: border-box;\n }\n\n#popmechanic-form {\n    position: relative;\n<% if (parseInt(use_custom_font)) { %>\nfont-family: <%=custom_font%>;\n    <% } else { %>\n         font-family: <%=form_font%>;\n             <% } %>\n                   width: 100%;\nbox-sizing: border-box;\nz-index: 2;\n}\n#popmechanic-form::before {\n    content: \"\";\n    display: block;\n    width: 100%;\n    height: 100%;\n    position: absolute;\n    top: 0;\n    left: 0;\n    bottom: 0;\n    right: 0;\n    background-color: <%=form_bg_color%>;\n\n    z-index: 1;\n<% if(parseInt(show_form_bg)) { %>\nbackground: url(<%=form_bg_img%>) center center no-repeat;\n    background-size: cover;\n    <% } %>\n          border-radius: 4px;\n}\n#popmechanic-form .popmechanic-main,\n#popmechanic-form .popmechanic-thankyou {\n    position: relative;\n    z-index: 2;\n    display: flex;\n    align-items: flex-start;\n    width: 100%;\n    justify-content: center;\n    max-width: 1300px;\n    min-height: 251px !important;\n    margin: 0 auto;\n    padding-left: 0px;\n    padding-right: 40px;\n    padding-top: <%=pad_top%>px;\n    padding-bottom: <%=pad_bottom%>px;\n}\n#popmechanic-form .popmechanic-thankyou {\n     margin-left:120px;\n}\n#popmechanic-form .popmechanic-self-box {\n    width: <%=img_width%>px;\n    max-width: 100%;\n    position: relative;\n    margin-left: <%=img_left%>px;\n    margin-top: <%=img_top%>px;\n    margin-right: 380px;\n}\n#popmechanic-form .popmechanic-content {\n    width: 100%;\n    margin-right: 20px; }\n#popmechanic-form .popmechanic-inputs {\n    display: flex;\n    align-items: stretch;\n    margin-bottom: 24px;\n    height: <%=inp_height%>px;\n    max-width: 100%;\n}\n#popmechanic-form .popmechanic-inputs--wrapper {\n    /* flex: 1; */\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    max-width: 100%;\n}\n#popmechanic-form .popmechanic-input {\n    flex-shrink: 0;\n    width: <%=inp_width%>px;\n    height: 100%;\n    max-width: 100%;\n}\n#popmechanic-form .popmechanic-input input {\n    width: 100%;\n    height: 100%;\n    border: none;\n    background-color: #FFF;\n    border-radius: 4px;\n    font-size: <%=inp_fontsize%>px;\n    color: <%=inp_color%>;\n    padding-left: 24px;\n}\n#popmechanic-form .popmechanic-input input::placeholder {\n    color: <%=inp_color%>;\n    opacity: .6;\n    text-decoration: none;\n    font-style: normal;\n}\n#popmechanic-form input::-moz-placeholder {\n    color: <%=inp_color%>;\n    opacity: .6;\n}\n#popmechanic-form input::-ms-input-placeholder {\n    color: <%=inp_color%>;\n    opacity: .6;\n}\n#popmechanic-form input:hover, #popmechanic-form input:focus {\n    outline: none; }\n#popmechanic-form button {\n    flex-shrink: 0;\n    height: 44px;\n    background-color: <%=but_col1%>;\n    border: none;\n    font-size: <%=btn_fontsize%>px;\n\n    color: <%=btn_color%>;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-left: -152px;\n    margin-top: 4px;\n    border-radius: 3px;\n    padding: 16px;\n\n    font-weight: 600;\n    line-height: 18px;\n    text-transform: uppercase;\n    color: #fff;\n    letter-spacing: 0.05em;\n}\n#popmechanic-form button:hover {\n    background: <%=but_col2%>;\n    color: <%=btn_hover_color%>;\n    cursor: pointer;\n    outline: none; }\n#popmechanic-form .popmechanic-subscribe_text {\n    font-style: normal;\n    font-weight: 600;\n    font-size: 14px;\n    line-height: 22px;\n}\n#popmechanic-form .popmechanic-approval {\n    font-size: <%=conf_fontsize%>px;\n    color: <%=conf_color%>;\n    font-style: normal;\n    font-weight: 400;\n    font-size: 14px;\n    line-height: 20px;\n    display: flex;\n    align-items: center;\n    width: 100%;\n    cursor: pointer;\n}\n.popmechanic-content *{\n\n    line-height: 20px !important;\n\n}\n#popmechanic-form .popmechanic-approval a {\n    color: #26a9e0;\n    text-decoration: none; }\n#popmechanic-form .popmechanic-checkbox-check {\n    width: 20px;\n    height: 20px;\n    background-color: #26a9e0;\n    border-radius: 2px;\n    margin-right: 12px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n}\n#popmechanic-form .popmechanic-checkbox-check svg {\n\n    opacity: 0;\n}\n#popmechanic-form .popmechanic-approval input {\n    visibility: hidden;\n    display: block;\n    width: 0;\n    height: 0;\n    opacity: 0;\n}\n#popmechanic-form .popmechanic-approval input:checked ~ .popmechanic-checkbox-check svg {\n    opacity: 1;\n}\n#popmechanic-form .popmechanic-header {\n    font-size: <%=title_fontsize%>px;\n    color: <%=title_color%>;\n    font-style: normal;\n    font-weight: 500;\n    line-height: 40px;\n    margin-bottom: 20px; }\n#popmechanic-form .popmechanic-text {\n    max-width: 100%;\n    font-size: <%=sub_title_fontsize%>px;\n    color: <%=sub_title_color%>;\n    font-style: normal;\n    font-weight: 400;\n    font-size: 16px;\n    line-height: 22px;\n    color:#000000;\n    margin-bottom: 15px;\n}\n#popmechanic-form .popmechanic-thankyou .popmechanic-text {\n    font-style: normal;\n    font-weight: 600;\n    font-size: 32px;\n    line-height: 40px;\n    text-align: center;\n    margin: 0 auto;\n    width: 100%;\n    margin-bottom: 12px;\n    color: #37CEB4;\n   \n}\n#popmechanic-form .popmechanic-thankyou .caption {\n    font-style: normal;\n    font-weight: 400;\n    font-size: 20px;\n    line-height: 28px;\n}\n#popmechanic-form input.popmechanic-invalid {\n    border-color: #e84e4e; }\n#popmechanic-form .popmechanic-thankyou {\n    display: none; }\n\n.popmechanic-mobile #popmechanic-form::before, .popmechanic-tablet #popmechanic-form::before {\n<% if(parseInt(show_form_bg_mob)) { %>\nbackground: url(<%=form_bg_img_mob%>) center center no-repeat;\n    background-size: cover;\n    <% } else { %>\n         background-image: none;\n             background-color: <%=form_bg_color%>;\n             <% } %>\n}\n.popmechanic-mobile #popmechanic-form .popmechanic-main,\n.popmechanic-tablet #popmechanic-form .popmechanic-main,\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou,\n.popmechanic-tablet #popmechanic-form .popmechanic-thankyou {\n    flex-direction: column;\n    align-items: center;\n    max-width: <%=form_width_mob%>px;\n    width: 100%;\n    min-height: <%=form_height_mob%>px;\n    padding: <%=pad_top_mob%>px <%=pad_right_mob%>px <%=pad_bottom_mob%>px <%=pad_left_mob%>px;\n}\n.popmechanic-mobile #popmechanic-form .popmechanic-self-box, .popmechanic-tablet #popmechanic-form .popmechanic-self-box {\n    width: <%=img_width_mob%>px;\n    position: relative;\n    margin: 0;\n    left: <%=img_left_mob%>px;\n    top: <%=img_top_mob%>px;\n    margin-right: 0;\n    margin-bottom: 10px; }\n.popmechanic-mobile #popmechanic-form .popmechanic-content, .popmechanic-tablet #popmechanic-form .popmechanic-content {\n    margin-right: 0;\n    max-width: 100%;\n    margin-bottom: 20px; }\n.popmechanic-mobile #popmechanic-form .popmechanic-header, .popmechanic-tablet #popmechanic-form .popmechanic-header {\n    font-size: <%=title_fontsize_mob%>px;\n    text-align: center; }\n.popmechanic-mobile #popmechanic-form .popmechanic-text, .popmechanic-tablet #popmechanic-form .popmechanic-text {\n    font-size: <%=sub_title_fontsize_mob%>px;\n    text-align: center; }\n.popmechanic-mobile #popmechanic-form .popmechanic-inputs, .popmechanic-tablet #popmechanic-form .popmechanic-inputs {\n    border: none;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    height: auto;\n    width: 100%;\n}\n.popmechanic-mobile #popmechanic-form .popmechanic-inputs--wrapper, .popmechanic-tablet #popmechanic-form .popmechanic-inputs--wrapper {\n    width: auto; }\n.popmechanic-mobile #popmechanic-form .popmechanic-input, .popmechanic-tablet #popmechanic-form .popmechanic-input {\n    width: <%=inp_width_mob%>px;\n    max-width: 100%;\n}\n.popmechanic-mobile #popmechanic-form .popmechanic-input input, .popmechanic-tablet #popmechanic-form .popmechanic-input input {\n    height: <%=inp_height_mob%>px;\n    font-size: <%=inp_fontsize_mob%>px;\n    border: solid 1px <%=inp_border_color%>;\n    margin-bottom: 15px; }\n.popmechanic-mobile #popmechanic-form button, .popmechanic-tablet #popmechanic-form button {\n    width: <%=btn_width_mob%>px;\n    max-width: 100%;\n    height: <%=btn_height_mob%>px;\n    font-size: <%=btn_fontsize_mob%>px;\n}\n.popmechanic-mobile #popmechanic-form .popmechanic-subscribe_text, .popmechanic-tablet #popmechanic-form .popmechanic-subscribe_text {\n    display: inline; }\n.popmechanic-mobile #popmechanic-form .popmechanic-subscribe_img, .popmechanic-tablet #popmechanic-form .popmechanic-subscribe_img {\n    display: none; }\n.popmechanic-mobile #popmechanic-form .popmechanic-approval, .popmechanic-tablet #popmechanic-form .popmechanic-approval {\n    font-size: <%=conf_fontsize_mob%>px;\n    text-align: center; }\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou .popmechanic-text, .popmechanic-tablet #popmechanic-form .popmechanic-thankyou .popmechanic-text {\n    font-size: <%=thanks_fontsize_mob%>px;\n}\n\n.popmechanic-success #popmechanic-form .popmechanic-main {\n    display: none; }\n\n.popmechanic-success #popmechanic-form .popmechanic-thankyou {\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n    text-align: center;\n    align-items: center;\n    min-height: 200px;\n}\n#popmechanic-form input.popmechanic-invalid {\n    border-color: red!important;\n    border: 1px solid red!important;\n    color: red!important;\n}\n\n<% if(parseInt(close_show)) { %>\n                                   /* CLOSE */\n                               <%\nfunction hexToRgb(hex) {\nreturn hex.replace(/^#?([a-f\\d])([a-f\\d])([a-f\\d])$/i, function (m, r, g, b) {\n    return \"#\".concat(r).concat(r).concat(g).concat(g).concat(b).concat(b);\n}).substring(1).match(/.{2}/g).map(function (x) {\n    return parseInt(x, 16);\n});\n};\n%>\n\n #popmechanic-form .popmechanic-close {\n     position: absolute;\n     z-index: 40;\n     cursor: pointer;\n }\n#popmechanic-form .popmechanic-close::before,\n#popmechanic-form .popmechanic-close::after {\n    content: \"\";\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    width: 80%;\n    height: 2px;\n    transform: translate(-50%, -50%) rotate(45deg);\n}\n#popmechanic-form .popmechanic-close::after {\n    transform: translate(-50%, -50%) rotate(135deg);\n}\n.popmechanic-desktop #popmechanic-form .popmechanic-close {\n    top: 10px;\n    right: 10px;\n    width: <%= close_size_desk %>px;\n    height: <%= close_size_desk %>px;\n<% if(parseInt(close_bg_show_desk)) { %>\nbackground-color: rgba(<%= hexToRgb(close_bg_color_desk) %>, <%= close_bg_transparency %>);\n    <% } %>\n}\n.popmechanic-desktop #popmechanic-form .popmechanic-close::before,\n.popmechanic-desktop #popmechanic-form .popmechanic-close::after {\n    background-color: <%= close_color_desk %>;\n}\n.popmechanic-tablet #popmechanic-form .popmechanic-close,\n.popmechanic-mobile #popmechanic-form .popmechanic-close {\n    top: 5px;\n    right: 5px;\n    width: <%= close_size_mob %>px;\n    height: <%= close_size_mob %>px;\n<% if(parseInt(close_bg_show_mob)) { %>\nbackground-color: rgba(<%= hexToRgb(close_bg_color_mob) %>, <%= close_bg_transparency %>);\n    <% } %>\n}\n.popmechanic-tablet #popmechanic-form .popmechanic-close::before,\n.popmechanic-tablet #popmechanic-form .popmechanic-close::after,\n.popmechanic-mobile #popmechanic-form .popmechanic-close::before,\n.popmechanic-mobile #popmechanic-form .popmechanic-close::after {\n    background-color: <%= close_color_mob %>;\n}\n<% } %>\n\n@media screen and (max-width: 850px) {\n    .popmechanic-self-box-img {\n        display: none;\n    }\n}\n\n\n\n@media screen and (max-width: 540px) {\n    \n    #popmechanic-form .popmechanic-main {\n        padding: 24px 20px;\n    }\n    \n    #popmechanic-form .popmechanic-header {\n        font-size: 24px;\n        line-height: 30px;\n    }\n    \n    #popmechanic-form .popmechanic-text {\n        font-size: 12px;\n        line-height: 18px;\n    }\n    \n    #popmechanic-form button {\n\n    }\n    \n    #popmechanic-form .popmechanic-subscribe_text {\n        font-size: 9px;\n    }\n}\n.popmechanic-tablet #popmechanic-form .popmechanic-self-box-img {\n    display: none;\n}\n\n@media screen and (min-width:539px) and (max-width: 1341px) {\n   #popmechanic-form .popmechanic-main,\n#popmechanic-form .popmechanic-thankyou {\n    padding-left: 40px !important;\n}\n}\n@media screen and (min-width:849px) and (max-width: 976px) {\n   #popmechanic-form .popmechanic-main,\n#popmechanic-form .popmechanic-thankyou {\n    padding-left:150px !important;\n}\n}", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 55686, "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": 422, "externalId": "9aa5c073-6e4f-4c7b-8e94-ea4c1f7ff515"}, "inSegmentByDefault": false}, "operator": "$check"}, {"id": "3", "name": "$and", "type": "current_page", "nodes": [{"id": "4", "field": "page", "value": ["shops"], "operator": "$in_contains"}], "operator": "$and"}, {"id": "5", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 1589, "externalId": "512c9d2a-5b05-481c-b17d-7f9703d7e97e"}, "inSegmentByDefault": true}, "operator": "$check"}, {"id": "6", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 1590, "externalId": "0ad4c39f-1438-4469-82b1-74a12dc4dd33"}, "inSegmentByDefault": true}, "operator": "$check"}], "operator": "$and"}}, "settings_splits": [{"settings": {"img": "https://content.img-gorod.ru/mb/mailcorgy.svg", "img2": "https://static.popmechanic.ru/media/lifehacker/img/send.svg", "text": "\u041f\u043e\u043b\u0443\u0447\u0430\u0439\u0442\u0435 \u0430\u043a\u0442\u0443\u0430\u043b\u044c\u043d\u044b\u0435 \u043d\u043e\u0432\u0438\u043d\u043a\u0438, \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0435 \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0438 \u043b\u0443\u0447\u0448\u0438\u0435 \u0430\u043a\u0446\u0438\u0438.", "header": "\u0414\u0430\u0440\u0438\u043c \u0431\u043e\u043d\u0443\u0441\u044b \u0437\u0430 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0443!", "submit": "\u041f\u043e\u0434\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f", "img_top": "10.00", "pad_top": "50.00", "but_col1": "#2660ab", "but_col2": "#205496", "img_left": "0.00", "show_img": "1", "btn_color": "#fafafa", "btn_width": "90", "form_font": "Roboto, sans-serif", "img_width": "200.00", "inp_color": "#242424", "inp_width": "520.00", "close_show": "0", "conf_color": "#242424", "inp_height": "52.00", "pad_bottom": "10.00", "show_title": "1", "custom_font": "Inter, Arial, sans-serif", "form_bg_img": "https://book24.ru/_ssr/img/backgrounds/subscriptions-main-bg.svg", "form_height": "251.00", "img_top_mob": "1", "lang_helper": "ru", "pad_top_mob": "15", "show_policy": "1", "title_color": "#242424", "btn_fontsize": "12.00", "img_left_mob": "1", "inp_fontsize": "16.00", "pad_left_mob": "15", "show_btn_img": "1", "show_form_bg": "0", "btn_width_mob": "300.00", "conf_fontsize": "14.00", "conf_link_url": "https://www.chitai-gorod.ru/about/policy/", "form_bg_color": "#ecf6fe", "img_width_mob": "150", "inp_width_mob": "300", "pad_right_mob": "15", "thankyou_text": "\u041f\u043e\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u0435 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0443 \u0438 \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u0435 50 \u0431\u043e\u043d\u0443\u0441\u043e\u0432!", "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": "1", "title_fontsize": "34.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": "1", "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.00", "title_fontsize_mob": "25", "close_bg_color_desk": "#000000", "conf_text_post_link": "\u043d\u0430 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u0441\u0432\u043e\u0438\u0445 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445", "inputs_border_color": "#ffffff", "thanks_fontsize_mob": "16", "close_bg_transparency": "0.5", "sub_title_fontsize_mob": "14"}, "button_settings": {}, "conditions_splits": [], "id": 55110, "behavior_settings": {"lead": {"legal_text": ""}, "embedded": {"animation_out": "fadeOut"}}}], "pinned": false, "name": "\u0427\u0413: \u0424\u043e\u0440\u043c\u0430 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0438 \u0441 \u0431\u043e\u043d\u0443\u0441\u0430\u043c\u0438 (\u043d\u043e\u0432\u044b\u0439 \u0441\u0430\u0439\u0442 \u0430\u0434\u0440\u0435\u0441\u0430)", "active": true, "embed_selector": true, "selector": ".app-footer", "placement": "before", "frequency": {"once_lifetime": false, "once_session": false, "priority": false, "minimal_timeout": null}, "start_date": null, "end_date": null, "day_of_week": [true, true, true, true, true, true, true], "start_time": null, "end_time": null, "timezone_minutes": 180, "custom_fields": [], "container_id": null, "child_forms": [], "salt": null, "control_group": null, "variants": [{"is_winner": false, "ab_test_variant_internal_id": null, "view_settings": {"button_template": null, "rendered_preview": "https://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-54079.png?ts=1706195835342", "rendered_button_preview": null, "settings": {"img": "https://content.img-gorod.ru/mb/mailcorgy.svg", "img2": "https://static.popmechanic.ru/media/lifehacker/img/send.svg", "text": "\u041f\u043e\u043b\u0443\u0447\u0430\u0439\u0442\u0435 \u0430\u043a\u0442\u0443\u0430\u043b\u044c\u043d\u044b\u0435 \u043d\u043e\u0432\u0438\u043d\u043a\u0438, \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0435 \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0438 \u043b\u0443\u0447\u0448\u0438\u0435 \u0430\u043a\u0446\u0438\u0438.", "header": "\u0414\u0430\u0440\u0438\u043c \u0431\u043e\u043d\u0443\u0441\u044b \u0437\u0430 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0443!", "submit": "\u041f\u043e\u0434\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f", "img_top": "10.00", "pad_top": "50.00", "but_col1": "#2660ab", "but_col2": "#205496", "img_left": "0.00", "show_img": "1", "btn_color": "#fafafa", "btn_width": "90", "form_font": "Roboto, sans-serif", "img_width": "200.00", "inp_color": "#242424", "inp_width": "520.00", "close_show": "0", "conf_color": "#242424", "inp_height": "52.00", "pad_bottom": "10.00", "show_title": "1", "custom_font": "Inter, Arial, sans-serif", "form_bg_img": "https://book24.ru/_ssr/img/backgrounds/subscriptions-main-bg.svg", "form_height": "251.00", "img_top_mob": "1", "lang_helper": "ru", "pad_top_mob": "15", "show_policy": "1", "title_color": "#242424", "btn_fontsize": "12.00", "img_left_mob": "1", "inp_fontsize": "16.00", "pad_left_mob": "15", "show_btn_img": "1", "show_form_bg": "0", "btn_width_mob": "300.00", "conf_fontsize": "14.00", "conf_link_url": "https://www.chitai-gorod.ru/about/policy/", "form_bg_color": "#ecf6fe", "img_width_mob": "150", "inp_width_mob": "300", "pad_right_mob": "15", "thankyou_text": "\u041f\u043e\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u0435 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0443 \u0438 \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u0435 50 \u0431\u043e\u043d\u0443\u0441\u043e\u0432!", "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": "1", "title_fontsize": "34.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": "1", "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.00", "title_fontsize_mob": "25", "close_bg_color_desk": "#000000", "conf_text_post_link": "\u043d\u0430 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u0441\u0432\u043e\u0438\u0445 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445", "inputs_border_color": "#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\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\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\r\n<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n<g clip-path=\"url(#clip0)\">\r\n<path d=\"M13 4L6.14671 12L3 8.32677\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n</g>\r\n<defs>\r\n<clipPath id=\"clip0\">\r\n<rect width=\"16\" height=\"16\" fill=\"white\"/>\r\n</clipPath>\r\n</defs>\r\n</svg>\r\n\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 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 <a href=\"/about/policy\">\u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445</a></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<% if (parseInt(show_img)) { %>\r\n\t\t<div class=\"popmechanic-self-box-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</div>\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)) { %>\n@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&family=Roboto:wght@400;500;700&display=swap');\n    <% } %>\n\n          <% try {\n                 close_show = close_show;\n                 close_size_desk = close_size_desk;\n                 close_size_mob = close_size_mob;\n                 close_color_desk = close_color_desk;\n                 close_color_mob = close_color_mob;\n                 close_bg_show_desk = close_bg_show_desk;\n                 close_bg_color_desk = close_bg_color_desk;\n                 close_bg_show_mob = close_bg_show_mob;\n                 close_bg_color_mob = close_bg_color_mob;\n                 close_bg_transparency = close_bg_transparency;\n             } catch (e) {\n    close_show = 0\n    close_size_desk = 20\n    close_size_mob = 20\n    close_color_desk = '#000000'\n    close_color_mob = '#000000'\n    close_bg_show_desk = 0\n    close_bg_color_desk = '#000000'\n    close_bg_show_mob = 0\n    close_bg_color_mob = '#000000'\n    close_bg_transparency = 0.5\n}\n%>\n\n .popmechanic-reset,\n .popmechanic-reset * {\n     line-height: normal;\n     box-sizing: border-box;\n }\n\n#popmechanic-form {\n    position: relative;\n<% if (parseInt(use_custom_font)) { %>\nfont-family: <%=custom_font%>;\n    <% } else { %>\n         font-family: <%=form_font%>;\n             <% } %>\n                   width: 100%;\nbox-sizing: border-box;\nz-index: 2;\n}\n#popmechanic-form::before {\n    content: \"\";\n    display: block;\n    width: 100%;\n    height: 100%;\n    position: absolute;\n    top: 0;\n    left: 0;\n    bottom: 0;\n    right: 0;\n    background-color: <%=form_bg_color%>;\n\n    z-index: 1;\n<% if(parseInt(show_form_bg)) { %>\nbackground: url(<%=form_bg_img%>) center center no-repeat;\n    background-size: cover;\n    <% } %>\n          border-radius: 4px;\n}\n#popmechanic-form .popmechanic-main,\n#popmechanic-form .popmechanic-thankyou {\n    position: relative;\n    z-index: 2;\n    display: flex;\n    align-items: flex-start;\n    width: 100%;\n    justify-content: center;\n    max-width: 1300px;\n    min-height: 251px !important;\n    margin: 0 auto;\n    padding-left: 0px;\n    padding-right: 40px;\n    padding-top: <%=pad_top%>px;\n    padding-bottom: <%=pad_bottom%>px;\n}\n#popmechanic-form .popmechanic-thankyou {\n\n}\n#popmechanic-form .popmechanic-self-box {\n    width: <%=img_width%>px;\n    max-width: 100%;\n    position: relative;\n    margin-left: <%=img_left%>px;\n    margin-top: <%=img_top%>px;\n    margin-right: 380px;\n}\n#popmechanic-form .popmechanic-content {\n    width: 100%;\n    margin-right: 20px; }\n#popmechanic-form .popmechanic-inputs {\n    display: flex;\n    align-items: stretch;\n    margin-bottom: 24px;\n    height: <%=inp_height%>px;\n    max-width: 100%;\n}\n#popmechanic-form .popmechanic-inputs--wrapper {\n    /* flex: 1; */\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    max-width: 100%;\n}\n#popmechanic-form .popmechanic-input {\n    flex-shrink: 0;\n    width: <%=inp_width%>px;\n    height: 100%;\n    max-width: 100%;\n}\n#popmechanic-form .popmechanic-input input {\n    width: 100%;\n    height: 100%;\n    border: none;\n    background-color: #FFF;\n    border-radius: 4px;\n    font-size: <%=inp_fontsize%>px;\n    color: <%=inp_color%>;\n    padding-left: 24px;\n}\n#popmechanic-form .popmechanic-input input::placeholder {\n    color: <%=inp_color%>;\n    opacity: .6;\n    text-decoration: none;\n    font-style: normal;\n}\n#popmechanic-form input::-moz-placeholder {\n    color: <%=inp_color%>;\n    opacity: .6;\n}\n#popmechanic-form input::-ms-input-placeholder {\n    color: <%=inp_color%>;\n    opacity: .6;\n}\n#popmechanic-form input:hover, #popmechanic-form input:focus {\n    outline: none; }\n#popmechanic-form button {\n    flex-shrink: 0;\n    height: 44px;\n    background-color: <%=but_col1%>;\n    border: none;\n    font-size: <%=btn_fontsize%>px;\n\n    color: <%=btn_color%>;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    margin-top: 4px;\n    border-radius: 3px;\n    padding: 16px;\n\n    font-weight: 600;\n    line-height: 18px;\n    text-transform: uppercase;\n    color: #fff;\n    letter-spacing: 0.05em;\n}\n#popmechanic-form button:hover {\n    background: <%=but_col2%>;\n    color: <%=btn_hover_color%>;\n    cursor: pointer;\n    outline: none; }\n#popmechanic-form .popmechanic-subscribe_text {\n    font-style: normal;\n    font-weight: 600;\n    font-size: 14px;\n    line-height: 22px;\n}\n#popmechanic-form .popmechanic-approval {\n    font-size: <%=conf_fontsize%>px;\n    color: <%=conf_color%>;\n    font-style: normal;\n    font-weight: 400;\n    font-size: 14px;\n    line-height: 20px;\n    display: flex;\n    align-items: center;\n    width: 100%;\n    cursor: pointer;\n}\n.popmechanic-content *{\n\n    line-height: 20px !important;\n\n}\n#popmechanic-form .popmechanic-approval a {\n    color: #26a9e0;\n    text-decoration: none; }\n#popmechanic-form .popmechanic-checkbox-check {\n    width: 20px;\n    height: 20px;\n    background-color: #26a9e0;\n    border-radius: 2px;\n    margin-right: 12px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n}\n#popmechanic-form .popmechanic-checkbox-check svg {\n\n    opacity: 0;\n}\n#popmechanic-form .popmechanic-approval input {\n    visibility: hidden;\n    display: block;\n    width: 0;\n    height: 0;\n    opacity: 0;\n}\n#popmechanic-form .popmechanic-approval input:checked ~ .popmechanic-checkbox-check svg {\n    opacity: 1;\n}\n#popmechanic-form .popmechanic-header {\n    font-size: <%=title_fontsize%>px;\n    color: <%=title_color%>;\n    font-style: normal;\n    font-weight: 500;\n    line-height: 40px;\n    margin-bottom: 20px; }\n#popmechanic-form .popmechanic-text {\n    max-width: 100%;\n    font-size: <%=sub_title_fontsize%>px;\n    color: <%=sub_title_color%>;\n    font-style: normal;\n    font-weight: 400;\n    font-size: 16px;\n    line-height: 22px;\n    color:#000000;\n    margin-bottom: 15px;\n}\n#popmechanic-form .popmechanic-thankyou .popmechanic-text {\n    font-style: normal;\n    font-weight: 600;\n    font-size: 32px;\n    line-height: 40px;\n    text-align: center;\n    margin: 0 auto;\n    width: 100%;\n    margin-bottom: 12px;\n    color: #37CEB4;\n   \n}\n#popmechanic-form .popmechanic-thankyou .caption {\n    font-style: normal;\n    font-weight: 400;\n    font-size: 20px;\n    line-height: 28px;\n}\n#popmechanic-form input.popmechanic-invalid {\n    border-color: #e84e4e; }\n#popmechanic-form .popmechanic-thankyou {\n    display: none; }\n\n.popmechanic-mobile #popmechanic-form::before, .popmechanic-tablet #popmechanic-form::before {\n<% if(parseInt(show_form_bg_mob)) { %>\nbackground: url(<%=form_bg_img_mob%>) center center no-repeat;\n    background-size: cover;\n    <% } else { %>\n         background-image: none;\n             background-color: <%=form_bg_color%>;\n             <% } %>\n}\n.popmechanic-mobile #popmechanic-form .popmechanic-main,\n.popmechanic-tablet #popmechanic-form .popmechanic-main,\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou,\n.popmechanic-tablet #popmechanic-form .popmechanic-thankyou {\n    flex-direction: column;\n    align-items: center;\n    max-width: <%=form_width_mob%>px;\n    width: 100%;\n    min-height: <%=form_height_mob%>px;\n    padding: <%=pad_top_mob%>px <%=pad_right_mob%>px <%=pad_bottom_mob%>px <%=pad_left_mob%>px;\n}\n.popmechanic-mobile #popmechanic-form .popmechanic-self-box, .popmechanic-tablet #popmechanic-form .popmechanic-self-box {\n    width: <%=img_width_mob%>px;\n    position: relative;\n    margin: 0;\n    left: <%=img_left_mob%>px;\n    top: <%=img_top_mob%>px;\n    margin-right: 0;\n    margin-bottom: 10px; }\n.popmechanic-mobile #popmechanic-form .popmechanic-content, .popmechanic-tablet #popmechanic-form .popmechanic-content {\n    margin-right: 0;\n    max-width: 100%;\n    margin-bottom: 20px; }\n.popmechanic-mobile #popmechanic-form .popmechanic-header, .popmechanic-tablet #popmechanic-form .popmechanic-header {\n    font-size: <%=title_fontsize_mob%>px;\n    text-align: center; }\n.popmechanic-mobile #popmechanic-form .popmechanic-text, .popmechanic-tablet #popmechanic-form .popmechanic-text {\n    font-size: <%=sub_title_fontsize_mob%>px;\n    text-align: center; }\n.popmechanic-mobile #popmechanic-form .popmechanic-inputs, .popmechanic-tablet #popmechanic-form .popmechanic-inputs {\n    border: none;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    height: auto;\n    width: 100%;\n}\n.popmechanic-mobile #popmechanic-form .popmechanic-inputs--wrapper, .popmechanic-tablet #popmechanic-form .popmechanic-inputs--wrapper {\n    width: auto; }\n.popmechanic-mobile #popmechanic-form .popmechanic-input, .popmechanic-tablet #popmechanic-form .popmechanic-input {\n    width: <%=inp_width_mob%>px;\n    max-width: 100%;\n}\n.popmechanic-mobile #popmechanic-form .popmechanic-input input, .popmechanic-tablet #popmechanic-form .popmechanic-input input {\n    height: <%=inp_height_mob%>px;\n    font-size: <%=inp_fontsize_mob%>px;\n    border: solid 1px <%=inp_border_color%>;\n    margin-bottom: 15px; }\n.popmechanic-mobile #popmechanic-form button, .popmechanic-tablet #popmechanic-form button {\n    width: <%=btn_width_mob%>px;\n    max-width: 100%;\n    height: <%=btn_height_mob%>px;\n    font-size: <%=btn_fontsize_mob%>px;\n}\n.popmechanic-mobile #popmechanic-form .popmechanic-subscribe_text, .popmechanic-tablet #popmechanic-form .popmechanic-subscribe_text {\n    display: inline; }\n.popmechanic-mobile #popmechanic-form .popmechanic-subscribe_img, .popmechanic-tablet #popmechanic-form .popmechanic-subscribe_img {\n    display: none; }\n.popmechanic-mobile #popmechanic-form .popmechanic-approval, .popmechanic-tablet #popmechanic-form .popmechanic-approval {\n    font-size: <%=conf_fontsize_mob%>px;\n    text-align: center; }\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou .popmechanic-text, .popmechanic-tablet #popmechanic-form .popmechanic-thankyou .popmechanic-text {\n    font-size: <%=thanks_fontsize_mob%>px;\n}\n\n.popmechanic-success #popmechanic-form .popmechanic-main {\n    display: none; }\n\n.popmechanic-success #popmechanic-form .popmechanic-thankyou {\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n    text-align: center;\n    align-items: center;\n    min-height: 200px;\n}\n#popmechanic-form input.popmechanic-invalid {\n    border-color: red!important;\n    border: 1px solid red!important;\n    color: red!important;\n}\n\n<% if(parseInt(close_show)) { %>\n                                   /* CLOSE */\n                               <%\nfunction hexToRgb(hex) {\nreturn hex.replace(/^#?([a-f\\d])([a-f\\d])([a-f\\d])$/i, function (m, r, g, b) {\n    return \"#\".concat(r).concat(r).concat(g).concat(g).concat(b).concat(b);\n}).substring(1).match(/.{2}/g).map(function (x) {\n    return parseInt(x, 16);\n});\n};\n%>\n\n #popmechanic-form .popmechanic-close {\n     position: absolute;\n     z-index: 40;\n     cursor: pointer;\n }\n#popmechanic-form .popmechanic-close::before,\n#popmechanic-form .popmechanic-close::after {\n    content: \"\";\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    width: 80%;\n    height: 2px;\n    transform: translate(-50%, -50%) rotate(45deg);\n}\n#popmechanic-form .popmechanic-close::after {\n    transform: translate(-50%, -50%) rotate(135deg);\n}\n.popmechanic-desktop #popmechanic-form .popmechanic-close {\n    top: 10px;\n    right: 10px;\n    width: <%= close_size_desk %>px;\n    height: <%= close_size_desk %>px;\n<% if(parseInt(close_bg_show_desk)) { %>\nbackground-color: rgba(<%= hexToRgb(close_bg_color_desk) %>, <%= close_bg_transparency %>);\n    <% } %>\n}\n.popmechanic-desktop #popmechanic-form .popmechanic-close::before,\n.popmechanic-desktop #popmechanic-form .popmechanic-close::after {\n    background-color: <%= close_color_desk %>;\n}\n.popmechanic-tablet #popmechanic-form .popmechanic-close,\n.popmechanic-mobile #popmechanic-form .popmechanic-close {\n    top: 5px;\n    right: 5px;\n    width: <%= close_size_mob %>px;\n    height: <%= close_size_mob %>px;\n<% if(parseInt(close_bg_show_mob)) { %>\nbackground-color: rgba(<%= hexToRgb(close_bg_color_mob) %>, <%= close_bg_transparency %>);\n    <% } %>\n}\n.popmechanic-tablet #popmechanic-form .popmechanic-close::before,\n.popmechanic-tablet #popmechanic-form .popmechanic-close::after,\n.popmechanic-mobile #popmechanic-form .popmechanic-close::before,\n.popmechanic-mobile #popmechanic-form .popmechanic-close::after {\n    background-color: <%= close_color_mob %>;\n}\n<% } %>\n\n@media screen and (max-width: 850px) {\n    .popmechanic-self-box-img {\n        display: none;\n    }\n}\n\n\n\n@media screen and (max-width: 540px) {\n    \n    #popmechanic-form .popmechanic-main {\n        padding: 24px 20px;\n    }\n    \n    #popmechanic-form .popmechanic-header {\n        font-size: 24px;\n        line-height: 30px;\n    }\n    \n    #popmechanic-form .popmechanic-text {\n        font-size: 12px;\n        line-height: 18px;\n    }\n    \n    #popmechanic-form button {\n\n    }\n    \n    #popmechanic-form .popmechanic-subscribe_text {\n        font-size: 9px;\n    }\n}\n.popmechanic-tablet #popmechanic-form .popmechanic-self-box-img {\n    display: none;\n}\n\n@media screen and (min-width:539px) and (max-width: 1341px) {\n   #popmechanic-form .popmechanic-main,\n#popmechanic-form .popmechanic-thankyou {\n    padding-left: 40px !important;\n}\n}\n@media screen and (min-width:849px) and (max-width: 976px) {\n   #popmechanic-form .popmechanic-main,\n#popmechanic-form .popmechanic-thankyou {\n    padding-left:150px !important;\n}\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": 1533, "html": "<div class=\"popmechanic-reset\" id=\"popmechanic-form\">\r\n    <div class=\"popmechanic-main\">\r\n        <div class=\"popmechanic-content\">\r\n            <div class=\"popmechanic-image\"><img src=\"<%=img_src%>\" alt=\"\"></div>\r\n            <div class=\"popmechanic-header\">\r\n              <% if(parseInt(title_show)) { %>\r\n                <p class=\"popmechanic-title\"><%=title%></p>\r\n              <% } %>\r\n              <% if(parseInt(subtitle_show)) { %>\r\n                <p class=\"popmechanic-subtitle\"><%=subtitle%></p>\r\n              <% } %>\r\n            </div>\r\n            <!-- btn_1 -->\r\n            <% if(parseInt(btn_show_1)) { %>\r\n              <% if(btn_action_1 === \"link\") { %>\r\n                <a href=\"<%=btn_url_1%>\" <%= parseInt(btn_blank) ? 'target=\"_blank\"' : '' %> name=\"button\"\r\n                class=\"popmechanic-button popmechanic-button--first\" data-popmechanic-submit><%=btn_text_1%></a>\r\n              <% } %>\r\n              <% if(btn_action_1 === \"form\") { %>\r\n                <a href=\"#\" name=\"button\" class=\"popmechanic-button popmechanic-button--first popmechanic-form-open1\" data-popmechanic-submit data-popmechanic-close><%=btn_text_1%></a>\r\n              <% } %>\r\n              <% if(btn_action_1 === \"close\") { %>\r\n                <a href=\"#\" name=\"button\" class=\"popmechanic-button popmechanic-button--first\" data-popmechanic-close><%=btn_text_1%></a>\r\n              <% } %>\r\n            <% } %>\r\n            <!-- btn_2 -->\r\n            <% if(parseInt(btn_show_2)) { %>\r\n              <% if(btn_action_2 === \"link\") { %>\r\n                <a href=\"<%=btn_url_2%>\" <%= parseInt(btn_blank) ? 'target=\"_blank\"' : '' %> name=\"button\"\r\n                class=\"popmechanic-button popmechanic-button--second\" data-popmechanic-submit><%=btn_text_2%></a>\r\n              <% } %>\r\n              <% if(btn_action_2 === \"form\") { %>\r\n                <a href=\"#\" name=\"button\" class=\"popmechanic-button popmechanic-button--second popmechanic-form-open2\" data-popmechanic-submit data-popmechanic-close><%=btn_text_2%></a>\r\n              <% } %>\r\n              <% if(btn_action_2 === \"close\") { %>\r\n                <a href=\"#\" name=\"button\" class=\"popmechanic-button popmechanic-button--second\" data-popmechanic-close><%=btn_text_2%></a>\r\n              <% } %>\r\n            <% } %>\r\n        </div>\r\n    </div>\r\n   \r\n    <div class=\"popmechanic-close\" data-popmechanic-close>&times;</div>\r\n</div>", "css": "<% if(!parseInt(font_custom_show)) { %>\r\n  @import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;900&family=Roboto:wght@400;900&display=swap');\r\n<% } %>\r\n\r\n.popmechanic-reset,\r\n.popmechanic-reset * {\r\n  line-height: normal;\r\n  box-sizing: border-box;\r\n}\r\n\r\n#popmechanic-form {\r\n  position: relative !important;\r\n  display: inline-block;\r\n  <% if(parseInt(font_custom_show)) { %>\r\n      font-family: <%=font_custom%>;\r\n  <% } else { %>\r\n      font-family: <%=font_family%>;\r\n  <% } %>\r\n  <% if(parseInt(shadow_show)) { %>\r\n    box-shadow: 0px 0px <%=shadow_size%>px rgba(0, 0, 0, 0.25);\r\n  <% } %>\r\n  vertical-align: middle;\r\n  <% if(parseInt(border_show)) { %>\r\n    border-color: <%=border_color%>;\r\n    border-width: <%=border_width%>px;\r\n    border-style: solid;\r\n  <% } %>\r\n}\r\n\r\n#popmechanic-form:before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  z-index: 0;\r\n  background-color: <%=bg_color%>;\r\n  opacity: <%=bg_transparency%>\r\n}\r\n\r\n#popmechanic-form .popmechanic-main {\r\n  position: relative;\r\n  z-index: 10;\r\n  height: 100%;\r\n}\r\n\r\n#popmechanic-form .popmechanic-content {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  height: 100%;\r\n}\r\n\r\n#popmechanic-form .popmechanic-image {\r\n  height: auto;\r\n  flex-shrink: 0;\r\n}\r\n\r\n#popmechanic-form .popmechanic-image img {\r\n  width: 100%;\r\n}\r\n\r\n#popmechanic-form .popmechanic-title {\r\n  margin-top: 0;\r\n  margin-bottom: 0.9em;\r\n  font-weight: <%= title_fw %>;\r\n  color: <%=title_color%>;\r\n}\r\n\r\n#popmechanic-form .popmechanic-subtitle {\r\n  margin: 0;\r\n  font-weight: 400;\r\n  color: <%=subtitle_color%>;\r\n  line-height: 1.5;\r\n}\r\n\r\n#popmechanic-form .popmechanic-button {\r\n  flex-shrink: 0;\r\n  text-align: center;\r\n  text-decoration: none;\r\n  padding-top: 14px;\r\n  padding-bottom: 14px;\r\n  border: 1px solid;\r\n}\r\n\r\n#popmechanic-form .popmechanic-button--first {\r\n  background-color: <%=btn_bg_color_1%>;\r\n  border-color: <%=btn_border_color_1%>;\r\n  color: <%=btn_text_color_1%>;\r\n  border-radius: <%=btn_border_radius_1%>px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-button--first:hover {\r\n  background-color: <%=btn_bg_color_hov_1%>;\r\n  color: <%=btn_text_color_hov_1%>;\r\n  border-color: <%=btn_border_color_hov_1%>;\r\n}\r\n\r\n#popmechanic-form .popmechanic-button--second {\r\n  background-color: <%=btn_bg_color_2%>;\r\n  border-color: <%=btn_border_color_2%>;\r\n  color: <%=btn_text_color_2%>;\r\n  border-radius: <%=btn_border_radius_2%>px;\r\n  font-weight: 900;\r\n}\r\n\r\n#popmechanic-form .popmechanic-button--second:hover {\r\n  background-color: <%=btn_bg_color_hov_2%>;\r\n  color: <%=btn_text_color_hov_2%>;\r\n  border-color: <%=btn_border_color_hov_2%>;\r\n}\r\n\r\n#popmechanic-form .popmechanic-close {\r\n  display: block;\r\n  position: absolute;\r\n  top: 10px;\r\n  right: 10px;\r\n  line-height: 1ex;\r\n  color: <%=close_color%>;\r\n  cursor: pointer;\r\n  z-index: 99;\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form .popmechanic-main {\r\n  padding: <%=padding_desktop%>px;\r\n  width: 100%;\r\n  height: <%=height_desktop%>px;\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form .popmechanic-image {\r\n  display: <%= parseInt(img_show_desktop) ? 'block' : 'none' %>;\r\n  width: <%=img_width_desktop%>px;\r\n  margin-right: 20px;\r\n  margin-top: <%=img_margin_top_desktop%>%;\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form .popmechanic-header {\r\n  margin-right: 75px;\r\n  text-align: <%=text_align_desktop%>;\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form .popmechanic-title {\r\n  font-size: <%=title_font_size_desktop%>px;\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form .popmechanic-subtitle {\r\n  font-size: <%=subtitle_font_size_desktop%>px;\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form .popmechanic-button {\r\n  width: <%=btn_width_desktop%>px;\r\n  padding-top: <%=btn_height_desktop%>px;\r\n  padding-bottom: <%=btn_height_desktop%>px;\r\n  font-size: <%= btn_font_size_desktop %>px;\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form .popmechanic-button--first {\r\n  margin-right: 16px;\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form .popmechanic-close {\r\n  font-size: <%=close_size_desktop%>px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form,\r\n.popmechanic-mobile #popmechanic-form {\r\n  overflow: visible;\r\n  margin-top: <%= (img_margin_top_mobile < 0) ? Math.abs(parseInt(img_margin_top_mobile)) : 0 %>px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-main,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main {\r\n  width: 100%;\r\n  padding: <%=padding_mobile%>px;\r\n  padding-top: <%=\r\n  (+padding_mobile + +img_margin_top_mobile >= +padding_mobile)\r\n    ? padding_mobile\r\n    : (+padding_mobile + +img_margin_top_mobile <= 0 ) ? 0 : +padding_mobile + +img_margin_top_mobile\r\n  %>px;\r\n\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-content,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-content {\r\n  flex-direction: column;\r\n  justify-content: flex-start;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-image,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-image {\r\n  position: relative;\r\n  top: <%=img_margin_top_mobile%>px;\r\n  display: <%= parseInt(img_show_mobile) ? 'block' : 'none' %>;\r\n  width: <%=img_width_mobile%>px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-header,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-header {\r\n  margin-bottom: 26px;\r\n  margin-top: <%= parseInt(img_show_mobile) ? +img_margin_top_mobile + 10 : padding_mobile %>px;\r\n  text-align: <%=text_align_mobile%>;\r\n  overflow: hidden;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-title,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-title {\r\n  font-size: <%=title_font_size_mobile%>px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-subtitle,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-subtitle {\r\n  font-size: <%=subtitle_font_size_mobile%>px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-button,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-button {\r\n  width: <%=btn_width_mobile%>px;\r\n  padding-top: <%=btn_height_mobile%>px;\r\n  padding-bottom: <%=btn_height_mobile%>px;\r\n  font-size: <%= btn_font_size_mobile %>px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-button--first,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-button--first {\r\n  margin-bottom: 16px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-close,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-close {\r\n  font-size: <%=close_size_mobile%>px;\r\n}", "button": "", "on_show": "<% if (!!parseInt(btn_form_id_1)) { %>\r\n\tPopMechanic.$('.popmechanic-form-open1').on('click', function (e) {\r\n  \te.preventDefault();\r\n  \tsetTimeout(function(){PopMechanic.show(<%= btn_form_id_1 %>, true)}, 300);})\r\n<% } %>\r\n  \r\n  \r\n<% if (!!parseInt(btn_form_id_2)) { %>\r\n\tPopMechanic.$('.popmechanic-form-open2').on('click', function (e) {\r\n  \te.preventDefault();\r\n  \tsetTimeout(function(){PopMechanic.show(<%= btn_form_id_2 %>, true)}, 300);})\r\n<% } %>", "on_close": "", "embed_code": "", "behaviors": ["info", "banner-h"], "template_type": "partscreen-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": ""}, {"id": 2010, "html": "<%\r\nvar submitDataPopmechanicIfString = function () {\r\n    var fieldConditions = [];\r\n    for (var i = 0; i < fields_list.length; i++) {\r\n        var field = fields_list[i];\r\n        if (field.required && field.machine_name && field.type !== 'submit') {\r\n            fieldConditions.push(\"!!lead['\" + (['email', 'name', 'phone'].indexOf(field.type) > -1 ? '' : 'customs.fields_list.') + field.machine_name + \"']\");\r\n        }\r\n    }\r\n\r\n    return \"lead&&\" + (fieldConditions.length ? fieldConditions.join(\"&&\") : \"true\");\r\n}();\r\nvar variants = [\r\n    parseInt(variant1_on, 10) ? {\r\n        text: variant1_text,\r\n        color: variant1_color,\r\n        background: variant1_background\r\n    } : undefined,\r\n    parseInt(variant2_on, 10) ? {\r\n        text: variant2_text,\r\n        color: variant2_color,\r\n        background: variant2_background\r\n    } : undefined,\r\n    parseInt(variant3_on, 10) ? {\r\n        text: variant3_text,\r\n        color: variant3_color,\r\n        background: variant3_background\r\n    } : undefined,\r\n    parseInt(variant4_on, 10) ? {\r\n        text: variant4_text,\r\n        color: variant4_color,\r\n        background: variant4_background\r\n    } : undefined,\r\n    parseInt(variant5_on, 10) ? {\r\n        text: variant5_text,\r\n        color: variant5_color,\r\n        background: variant5_background\r\n    } : undefined,\r\n    parseInt(variant6_on, 10) ? {\r\n        text: variant6_text,\r\n        color: variant6_color,\r\n        background: variant6_background\r\n    } : undefined,\r\n    parseInt(variant7_on, 10) ? {\r\n        text: variant7_text,\r\n        color: variant7_color,\r\n        background: variant7_background\r\n    } : undefined,\r\n    parseInt(variant8_on, 10) ? {\r\n        text: variant8_text,\r\n        color: variant8_color,\r\n        background: variant8_background\r\n    } : undefined,\r\n    parseInt(variant9_on, 10) ? {\r\n        text: variant9_text,\r\n        color: variant9_color,\r\n        background: variant9_background\r\n    } : undefined,\r\n    parseInt(variant10_on, 10) ? {\r\n        text: variant10_text,\r\n        color: variant10_color,\r\n        background: variant10_background\r\n    } : undefined,\r\n    parseInt(variant11_on, 10) ? {\r\n        text: variant11_text,\r\n        color: variant11_color,\r\n        background: variant11_background\r\n    } : undefined,\r\n    parseInt(variant12_on, 10) ? {\r\n        text: variant12_text,\r\n        color: variant12_color,\r\n        background: variant12_background\r\n    } : undefined,\r\n    parseInt(variant13_on, 10) ? {\r\n        text: variant13_text,\r\n        color: variant13_color,\r\n        background: variant13_background\r\n    } : undefined,\r\n    parseInt(variant14_on, 10) ? {\r\n        text: variant14_text,\r\n        color: variant14_color,\r\n        background: variant14_background\r\n    } : undefined,\r\n    parseInt(variant15_on, 10) ? {\r\n        text: variant15_text,\r\n        color: variant15_color,\r\n        background: variant15_background\r\n    } : undefined,\r\n    parseInt(variant16_on, 10) ? {\r\n        text: variant16_text,\r\n        color: variant16_color,\r\n        background: variant16_background\r\n    } : undefined,\r\n    parseInt(variant17_on, 10) ? {\r\n        text: variant17_text,\r\n        color: variant17_color,\r\n        background: variant17_background\r\n    } : undefined,\r\n    parseInt(variant18_on, 10) ? {\r\n        text: variant18_text,\r\n        color: variant18_color,\r\n        background: variant18_background\r\n    } : undefined\r\n].filter(function (variant) {\r\n    return typeof variant !== \"undefined\";\r\n});\r\n%>\r\n<div class=\"popmechanic-reset\" id=\"popmechanic-form\">\r\n    <div class=\"popmechanic-circle-container\">\r\n        <div class=\"popmechanic-circle\">\r\n            <div class=\"popmechanic-circle-inner\">\r\n                <svg viewBox=\"0 0 12 12\" class=\"popmechanic-circle-backdrop\" xmlns=\"http://www.w3.org/2000/svg\">\r\n                    <g transform=\"translate(6,6)\">\r\n                        <%\r\n                        var angle = 360 / sectors;\r\n                        var angleRad = Math.PI * angle / 180;\r\n                        var variantIndex = 0;\r\n\r\n                        for (var sectorIndex = 0; sectorIndex < sectors; sectorIndex++) {\r\n                            var x = Math.sin(angleRad) * 6;\r\n                            var y = -1 * Math.cos(angleRad) * 6;\r\n                            var rotate = angle * sectorIndex;\r\n                            var fill = \"\";\r\n\r\n                            if (parseInt(use_variants_background, 10)) {\r\n                                fill = variants[variantIndex].background;\r\n                            } else {\r\n                                if (sectorIndex % 2 === 0) {\r\n                                    fill = sector_odd;\r\n                                } else {\r\n                                    fill = sector_even;\r\n                                }\r\n                            }\r\n                        %>\r\n                        <path\r\n                                fill=\"<%= fill %>\"\r\n                                d=\"M0 0 0 -6A6 6 0 0 1 <%= x %> <%= y %>Z\"\r\n                                transform=\"rotate(<%= rotate %> 0 0)\"\r\n                        ></path>\r\n                        <%\r\n                            if ((variantIndex + 1) < variants.length) {\r\n                                variantIndex++;\r\n                            } else {\r\n                                variantIndex = 0;\r\n                            }\r\n                        }\r\n                        %>\r\n                    </g>\r\n                </svg>\r\n                <ul class=\"popmechanic-circle-texts sector_<%= sectors %>\">\r\n                    <%\r\n                    variantIndex = 0;\r\n\r\n                    for(var sectorIndex = 0; sectorIndex < sectors; sectorIndex++) {\r\n                        var sectorRotate = angle * 0.5 + angle * sectorIndex - 90;\r\n                        var color = \"\";\r\n\r\n                        if (parseInt(use_variants_color, 10)) {\r\n                            color = variants[variantIndex].color;\r\n                        } else {\r\n                            color = sector_color;\r\n                        }\r\n                    %>\r\n                    <li class=\"popmechanic-sector\" style=\"transform: rotate(<%= sectorRotate %>deg)\">\r\n                        <div class=\"popmechanic-sector-text\">\r\n                            <span class=\"popmechanic-sector-text_big\"\r\n                                  style=\"color: <%= color %>;\"><%= variants[variantIndex].text %></span>\r\n                        </div>\r\n                    </li>\r\n                    <%\r\n                        if ((variantIndex + 1) < variants.length) {\r\n                            variantIndex++;\r\n                        } else {\r\n                            variantIndex = 0;\r\n                        }\r\n                    }\r\n                    %>\r\n                </ul>\r\n            </div>\r\n        </div>\r\n        <div class=\"popmechanic-arrow\">\r\n            <svg width=\"85\" height=\"56\" viewBox=\"0 0 85 56\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n                <path d=\"M2 26.4524C2.13693 26.0374 2.19109 25.5998 2.15941 25.1643C2.25266 24.2215 2.39455 23.2842 2.58445 22.3559C3.33665 18.59 4.92274 15.0376 7.22774 11.9562C9.1922 9.37604 11.665 7.22061 14.4955 5.62139C17.0277 4.2261 19.7683 3.24233 22.6133 2.70737C23.6758 2.48565 24.7383 2.33785 25.8752 2.19004C26.3148 2.12478 26.7591 2.09658 27.2034 2.10562C27.9153 2.10562 28.6272 2.01056 29.3285 2C31.3019 2.02902 33.2617 2.3311 35.1513 2.89747C37.2447 3.49378 39.3053 4.19861 41.3246 5.00907C42.759 5.58976 44.1615 6.21267 45.5747 6.84615C46.9879 7.47964 48.5817 8.18702 50.048 8.95776C52.4812 10.2142 54.9569 11.4072 57.3582 12.7586C58.9414 13.6455 60.5459 14.4796 62.1503 15.3665C63.7547 16.2533 65.1679 17.0769 66.6661 17.9426C68.7168 19.1462 70.7675 20.3393 72.8076 21.5535C74.2951 22.4403 75.7615 23.3483 77.2384 24.2669L82.7848 27.7404C83.0717 27.9199 83.0717 28.0572 82.7848 28.2367L76.9409 31.9109C76.0377 32.4704 75.1133 32.9667 74.1996 33.5685C72.3933 34.6243 70.6081 35.6801 68.8018 36.7992C67.3886 37.6333 65.9542 38.4463 64.5516 39.2593C62.7559 40.3151 60.9603 41.3074 59.1434 42.2999C57.7302 43.0706 56.2851 43.8097 54.8932 44.5593C53.5013 45.309 51.8755 46.1748 50.3242 46.9138C48.1142 47.9696 45.9147 49.0254 43.6621 49.9967C41.622 50.873 39.5501 51.7071 37.4463 52.4145C35.6356 53.0565 33.7678 53.5267 31.8679 53.8187C30.7532 53.9823 29.625 54.0354 28.4998 53.9771C26.4246 53.8837 24.3603 53.6259 22.3264 53.2063C20.7425 52.8613 19.1869 52.3989 17.6724 51.8232C15.4815 50.9981 13.4289 49.8484 11.5841 48.413C9.32024 46.6625 7.39738 44.5156 5.9102 42.0782C4.90017 40.4131 4.07702 38.6428 3.45567 36.7992C2.968 35.3775 2.61233 33.9144 2.39313 32.4282C2.2603 31.5429 2.17518 30.6513 2.13814 29.757C2.13664 29.7276 2.12689 29.6991 2.10999 29.6749C2.09309 29.6506 2.06976 29.6315 2.04254 29.6198L2 26.4524Z\"\r\n                      fill=\"<%= arrow_fill %>\"/>\r\n                <path d=\"M29.2252 55.9957C28.8832 55.9957 28.5268 55.9957 28.1563 55.9957C25.9788 55.9045 23.8125 55.6365 21.6785 55.1944C20.0006 54.8247 18.3533 54.3282 16.7506 53.7093C14.3867 52.8194 12.1732 51.5727 10.1872 50.0126C7.74687 48.0987 5.67197 45.7607 4.06208 43.1106C2.9885 41.3149 2.11043 39.4094 1.44306 37.4267C0.942717 35.8886 0.584893 34.3078 0.374108 32.7042C0.267213 32.0204 0.203117 31.4114 0.149669 30.8452L0 30.7811V26.016L0.138969 25.7168C0.145246 25.6065 0.145246 25.4959 0.138969 25.3856C0.138969 25.2574 0.138969 25.1185 0.138969 24.9582C0.229776 23.9354 0.379727 22.9187 0.587978 21.9132C1.39241 17.8517 3.09015 14.0198 5.55852 10.6949C6.55014 9.3922 7.66328 8.1866 8.88296 7.0943C10.2682 5.85869 11.7887 4.78346 13.4154 3.88905C14.8306 3.09746 16.3111 2.42902 17.8408 1.89112C19.2357 1.40188 20.6649 1.01619 22.1166 0.73721C23.2711 0.512842 24.4256 0.35258 25.5053 0.203002C26.0426 0.119388 26.5867 0.0871941 27.1301 0.106848C27.4623 0.108977 27.7942 0.0911504 28.1242 0.0534404C28.4662 0.0534404 28.819 0 29.1931 0C31.3382 0.0193264 33.4695 0.346798 35.5214 0.972295C37.6993 1.59644 39.8406 2.3419 41.9351 3.20525C43.4637 3.81425 45.0245 4.51941 46.2644 5.08567L46.8951 5.37417C48.1885 5.96179 49.5353 6.56011 50.8395 7.24389L52.9774 8.31231C54.7198 9.19909 56.5263 10.1179 58.3222 11.1116C59.156 11.5817 60.0112 12.0411 60.845 12.4898C61.6788 12.9385 62.3842 13.3125 63.1539 13.7505C64.7359 14.6373 66.3608 15.5668 67.7183 16.3788C69.8028 17.6075 71.8552 18.8041 73.9183 20.0435C75.3614 20.9089 76.8044 21.8064 78.3972 22.8L81.9996 25.0758L83.9878 26.3258C84.2938 26.4904 84.5495 26.7348 84.7277 27.0329C84.9059 27.3311 85 27.6719 85 28.0193C85 28.3666 84.9059 28.7074 84.7277 29.0056C84.5495 29.3037 84.2938 29.548 83.9878 29.7127L81.9676 30.9948L78.1086 33.4308L75.9706 34.7128L75.2759 35.1295L73.8755 35.9843L69.8348 38.3989C68.3597 39.2857 66.8311 40.1618 65.559 40.9097L65.0138 41.2195C63.4104 42.1384 61.807 43.0892 60.0967 43.9974C59.0277 44.6064 57.8519 45.2047 56.7508 45.7817L55.7568 46.3052C55.3292 46.5189 54.9122 46.7432 54.4953 46.9676C53.4264 47.5552 52.2613 48.1535 51.0961 48.7091L50.3478 49.0723C48.3916 50.0126 46.3713 50.9742 44.3403 51.861C41.871 52.9294 39.84 53.72 37.9265 54.361C36.0039 55.0445 34.0211 55.5453 32.0045 55.8568C31.0825 55.9687 30.1538 56.0151 29.2252 55.9957ZM3.43131 29.1571C3.47621 29.3213 3.50494 29.4895 3.51691 29.6592C3.55215 30.5036 3.63421 31.3454 3.76275 32.1807C3.96031 33.5822 4.28596 34.9627 4.73553 36.3048C5.32148 38.0537 6.09557 39.7338 7.04438 41.3156C8.44892 43.617 10.2599 45.6443 12.3892 47.2988C14.1037 48.6488 16.0142 49.7296 18.0547 50.5041C19.5039 51.0633 20.9941 51.5098 22.5121 51.8396C24.4671 52.2415 26.451 52.488 28.4449 52.5768C29.4593 52.6316 30.4766 52.5815 31.4807 52.4272C33.3015 52.157 35.0916 51.7097 36.8255 51.0917C38.632 50.472 40.5775 49.7134 42.9613 48.6877C44.9282 47.833 46.9164 46.8821 48.8405 45.9526L49.5996 45.5893C50.6685 45.0658 51.7375 44.5209 52.8064 43.9119L54.0891 43.2388L55.0833 42.7153C56.1523 42.1491 57.296 41.5614 58.3757 40.9631C60.0005 40.0656 61.6467 39.1254 63.2395 38.2173L63.7846 37.9075C65.0888 37.1596 66.596 36.2941 68.0605 35.4287C69.5249 34.5633 70.7542 33.8154 72.0691 33.0141L73.48 32.17L74.1749 31.7427C74.8483 31.3474 75.5432 30.92 76.2166 30.5033L80.0648 28.078L80.1931 27.9925L80.1075 27.9391L76.5158 25.6741C74.9338 24.6911 73.512 23.8044 72.0903 22.9496C70.0379 21.7209 67.9963 20.5243 65.9226 19.3063C64.5329 18.4943 62.9721 17.5755 61.4115 16.6994C60.6739 16.2827 59.8936 15.8767 59.156 15.4707C58.4184 15.0647 57.4351 14.5412 56.5799 14.0604C54.8909 13.1095 53.1164 12.2013 51.4061 11.3359C50.7112 10.9833 49.9843 10.62 49.2681 10.2675C48.0388 9.6371 46.7455 9.04949 45.4841 8.48323L44.8533 8.19473C43.3034 7.48958 42.01 6.91268 40.6524 6.36778C38.6787 5.54851 36.6626 4.83521 34.6128 4.23095C32.8785 3.7067 31.0797 3.42619 29.268 3.39756H29.1931C28.9473 3.39756 28.6694 3.39756 28.3701 3.39756C28.0708 3.39756 27.4828 3.46166 26.9804 3.39756C26.6226 3.39003 26.2648 3.41507 25.9115 3.47235C24.8425 3.61125 23.7736 3.76086 22.7046 3.97454C21.4272 4.22025 20.1695 4.55945 18.9419 4.98949C17.5988 5.46544 16.2974 6.05152 15.0509 6.7417C12.4102 8.22078 10.1002 10.2242 8.26301 12.6287C7.14011 14.1383 6.19665 15.7732 5.45165 17.5007C4.75776 19.0879 4.24159 20.7469 3.91242 22.4474C3.72333 23.3216 3.58767 24.2064 3.50621 25.0971C3.51092 25.1825 3.51092 25.2682 3.50621 25.3536C3.51596 25.7605 3.46918 26.1667 3.36724 26.5608L3.43131 29.1571Z\"\r\n                      fill=\"<%= arrow_border %>\"/>\r\n                <path d=\"M29.0208 37C27.2358 37.0041 25.4898 36.4774 24.005 35.4867C22.5201 34.496 21.3634 33.0862 20.6818 31.4364C20.0003 29.7867 19.8248 27.9715 20.1775 26.2216C20.5302 24.4718 21.3952 22.8664 22.6626 21.6095C23.9301 20.3526 25.5427 19.501 27.2954 19.1629C29.0481 18.8248 30.8618 19.0156 32.5058 19.7109C34.1498 20.4062 35.55 21.5747 36.5283 23.0678C37.5065 24.5609 38.0185 26.3112 37.9995 28.0961C37.977 30.4635 37.0214 32.7265 35.3403 34.3936C33.6593 36.0607 31.3883 36.9973 29.0208 37Z\"\r\n                      fill=\"<%= arrow_circle %>\"/>\r\n            </svg>\r\n        </div>\r\n    </div>\r\n\r\n    <div class=\"popmechanic-main\">\r\n\r\n        <div class=\"popmechanic-content\">\r\n            <div class=\"popmechanic-close\" data-popmechanic-close>&times;</div>\r\n            <% if(parseInt(img_header_enable)){ %>\r\n                <img src=\"<%= img_header %>\" class=\"popmechanic-img\">\r\n            <% } %>\r\n            <div class=\"popmechanic-title\"><%= title1 %></div>\r\n            <% if(parseInt(subtitle1_enable)){ %>\r\n                <div class=\"popmechanic-text\"><%= subtitle1 %></div>\r\n            <% } %>\r\n            <div class=\"popmechanic-inputs\">\r\n                <div class=\"popmechanic-inputs-wrapper\">\r\n                    <%\r\n                    for (var i = 0; i < fields_list.length; i++) {\r\n                        var field = fields_list[i];\r\n                        var required = \"data-popmechanic-\" + (field.required ? \"required\" : \"unrequired\");\r\n                        if (!field) continue;\r\n                            switch (field.type) {\r\n                        case \"text\":\r\n                    %>\r\n                    <input\r\n                            type=\"text\"\r\n                            class=\"popmechanic-input\"\r\n                            data-popmechanic-input=\"customs.fields_list.<%= field.machine_name %>\"\r\n                            placeholder=\"<%= field.placeholder %>\"\r\n                            <%= required %>\r\n                    >\r\n                    <%\r\n                        break;\r\n                        case \"name\":\r\n                    case \"phone\":\r\n                    %>\r\n                    <input\r\n                            type=\"text\"\r\n                            class=\"popmechanic-input\"\r\n                            data-popmechanic-input=\"<%= field.machine_name %>\"\r\n                            placeholder=\"<%= field.placeholder %>\"\r\n                            <%= required %>\r\n                    >\r\n                    <%\r\n                        break;\r\n                    case \"email\":\r\n                    %>\r\n                    <input\r\n                            type=\"email\"\r\n                            class=\"popmechanic-input\"\r\n                            data-popmechanic-input=\"<%= field.machine_name %>\"\r\n                            placeholder=\"<%= field.placeholder %>\"\r\n                            <%= required %>\r\n                    >\r\n                    <%\r\n                        break;\r\n                    case \"number\":\r\n                    %>\r\n                    <input\r\n                            type=\"number\"\r\n                            class=\"popmechanic-input\"\r\n                            data-popmechanic-input=\"customs.fields_list.<%= field.machine_name %>\"\r\n                            placeholder=\"<%= field.placeholder %>\"\r\n                            <%= required %>\r\n                    >\r\n                    <%\r\n                        break;\r\n                    case \"date\":\r\n                    %>\r\n                    <input\r\n                            data-popmechanic-type=\"date\"\r\n                            class=\"popmechanic-input\"\r\n                            data-popmechanic-input=\"customs.fields_list.<%= field.machine_name %>\"\r\n                            placeholder=\"<%= field.placeholder %>\"\r\n                            <%= required %>\r\n                    >\r\n                    <%\r\n                        break;\r\n                    case \"select\":\r\n                    %>\r\n                    <select class=\"popmechanic-input\"\r\n                            data-popmechanic-input=\"customs.fields_list.<%= field.machine_name %>\" <%= required %>>\r\n                        <%\r\n                        if (field.placeholder) {\r\n                        %>\r\n                            <option value=\"\" selected disabled><%= field.placeholder %></option>\r\n                        <%\r\n                        }\r\n                        for (var oi = 0; oi < field.params.options.length; oi++) {\r\n                            var opt = field.params.options[oi];\r\n                        %>\r\n                        <option value=\"<%= opt %>\"><%= opt %></option>\r\n                        <%\r\n                        }\r\n                        %>\r\n                    </select>\r\n                    <%\r\n                        break;\r\n                    case \"checkbox\":\r\n                    %>\r\n                    <label class=\"popmechanic-checkbox-block\">\r\n                        <input\r\n                                type=\"checkbox\"\r\n                                class=\"popmechanic-checkbox\"\r\n                                <%= field.params.checked ? \"checked\" : \"\" %>\r\n                                data-popmechanic-input=\"customs.fields_list.<%= field.machine_name %>\"\r\n                                <%= field.required ? \"data-popmechanic-required\" : \"\" %>\r\n                                value=\"1\"\r\n                        >\r\n                        <div class=\"popmechanic-checkbox-check\">\r\n                            <svg width=\"17\" height=\"17\" viewBox=\"0 0 17 17\" fill=\"none\"\r\n                                 xmlns=\"http://www.w3.org/2000/svg\">\r\n                                <path d=\"M3.598 16.968C3.598 16.7773 3.56133 16.682 3.488 16.682L2.982 16.924C2.982 16.8213 2.92333 16.748 2.806 16.704L2.63 16.682C2.51267 16.682 2.366 16.7333 2.19 16.836C2.16067 16.7627 2.124 16.6893 2.08 16.616C2.036 16.5427 1.99933 16.4767 1.97 16.418C1.77933 16.0513 1.58867 15.648 1.398 15.208C1.222 14.7533 1.05333 14.3207 0.892 13.91C0.745333 13.4993 0.628 13.1767 0.54 12.942C0.481333 12.7513 0.415333 12.4653 0.342 12.084C0.268667 11.7027 0.195333 11.2187 0.122 10.632C0.283333 10.7347 0.408 10.786 0.496 10.786C0.598667 10.786 0.694 10.632 0.782 10.324C0.826 10.3827 0.906667 10.412 1.024 10.412C1.112 10.412 1.178 10.3827 1.222 10.324L1.574 9.796L1.97 9.928H1.992C2.02133 9.928 2.05067 9.91333 2.08 9.884C2.10933 9.85467 2.15333 9.82533 2.212 9.796C2.32933 9.72267 2.41733 9.686 2.476 9.686L2.542 9.708C2.90867 9.884 3.14333 10.2067 3.246 10.676C3.51 11.7907 3.774 12.348 4.038 12.348C4.302 12.348 4.61 12.0693 4.962 11.512C5.138 11.2333 5.314 10.9107 5.49 10.544C5.68067 10.1773 5.87133 9.76667 6.062 9.312C6.09133 9.488 6.12067 9.576 6.15 9.576C6.22333 9.576 6.348 9.39267 6.524 9.026C6.71467 8.65933 7.01533 8.15333 7.426 7.508C7.66067 7.112 7.954 6.66467 8.306 6.166C8.67267 5.66733 9.06133 5.154 9.472 4.626C9.88267 4.098 10.2787 3.59933 10.66 3.13C11.056 2.66067 11.408 2.25733 11.716 1.92C12.024 1.58267 12.2513 1.36267 12.398 1.26C12.9553 0.878666 13.3953 0.511999 13.718 0.159999C13.7033 0.262666 13.6813 0.357999 13.652 0.446C13.6373 0.519333 13.63 0.570666 13.63 0.599999C13.63 0.658666 13.6593 0.687999 13.718 0.687999L14.334 0.379999V0.467999C14.334 0.585333 14.3633 0.644 14.422 0.644C14.466 0.644 14.554 0.578 14.686 0.446C14.818 0.314 14.8913 0.218666 14.906 0.159999L14.862 0.467999L15.61 0.0279998L15.434 0.424C15.6687 0.262666 15.8373 0.181999 15.94 0.181999C15.9987 0.181999 16.0427 0.218666 16.072 0.291999C16.1013 0.350666 16.116 0.409333 16.116 0.467999C16.116 0.555999 16.0793 0.658666 16.006 0.775999C15.9327 0.893333 15.8373 1.03267 15.72 1.194C15.632 1.31133 15.4853 1.48733 15.28 1.722C15.0893 1.942 14.796 2.272 14.4 2.712C14.004 3.13733 13.476 3.73133 12.816 4.494C12.64 4.68467 12.3687 5.022 12.002 5.506C11.6353 5.97533 11.2173 6.52533 10.748 7.156C10.2933 7.772 9.83867 8.39533 9.384 9.026C8.92933 9.65667 8.526 10.2287 8.174 10.742C7.822 11.2407 7.57267 11.6147 7.426 11.864L6.062 14.174C5.76867 14.6727 5.52667 15.0833 5.336 15.406C5.14533 15.714 4.99867 15.9267 4.896 16.044C4.676 16.308 4.434 16.5427 4.17 16.748L3.972 16.638L3.796 16.748L3.598 16.968Z\"\r\n                                      fill=\"<%= checkbox_check_color %>\"/>\r\n                            </svg>\r\n                        </div>\r\n                        <%\r\n                            print(field.label);\r\n                        if (field.params.show_link) {\r\n                        %>\r\n                            <a target=\"_blank\"\r\n                               href=\"<%= field.params.link_href %>\"><%= field.params.link_text %></a> <%= field.params.text_after_link %>\r\n                        <%\r\n                        }\r\n                        %>\r\n                    </label>\r\n                    <%\r\n                        break;\r\n                    case \"submit\":\r\n                    %>\r\n                    <button type=\"button\" name=\"button\" class=\"popmechanic-hidden\"\r\n                            data-popmechanic-submit><%= field.params.submit1_text %></button>  \r\n                    <%\r\n                       var showButton = 0;\r\n                       try {\r\n                       \tshowButton = show_button;\r\n                       } catch (err){};\r\n                       \r\n                       if (field.params.submits_count == 1) {\r\n \t\t\t\t\t\tif (parseInt(showButton, 10)) {\r\n                    %><button\r\n                type=\"button\"\r\n                name=\"button\"\r\n                class=\"popmechanic-submit\"\r\n                disabled\r\n                data-popmechanic-if=\"!(<%= submitDataPopmechanicIfString%>)\"\r\n            ><%= field.params.submit1_text %></button><% } %>\r\n               <button\r\n                type=\"button\"\r\n                name=\"button\"\r\n                class=\"popmechanic-submit\"\r\n                onclick=\"PopMechanic.Rotate1625()\"\r\n                data-popmechanic-if=\"<%= submitDataPopmechanicIfString%>\"\r\n            ><%= field.params.submit1_text %></button><%                                         \r\n            } else {\r\n            \tif (parseInt(showButton, 10)) {\r\n            %>\r\n                 <div class=\"popmechanic-buttons-wrapper\" data-popmechanic-if=\"!(<%= submitDataPopmechanicIfString%>)\">\r\n          <div class=\"popmechanic-buttons\">\r\n                    <button\r\n                            type=\"button\"\r\n                            name=\"button\"\r\n                            class=\"popmechanic-submit\"\r\n                            disabled\r\n                            onclick=\"PopMechanic.customs['fields_list.<%=field.machine_name%>'] = '<%= field.params.submit1_value %>';PopMechanic.Rotate1625();\"\r\n                    ><%= field.params.submit1_text %></button>\r\n                    <button\r\n                            type=\"button\"\r\n                            name=\"button\"\r\n                            class=\"popmechanic-submit\"\r\n                            disabled\r\n                            onclick=\"PopMechanic.customs['fields_list.<%=field.machine_name%>'] = '<%= field.params.submit2_value %>';PopMechanic.Rotate1625();\"\r\n                    ><%= field.params.submit2_text %></button>\r\n                      </div></div>\r\n             <% } %>    \r\n                      <div class=\"popmechanic-buttons-wrapper\" data-popmechanic-if=\"<%= submitDataPopmechanicIfString%>\">\r\n          <div class=\"popmechanic-buttons\">\r\n                    <button\r\n                            type=\"button\"\r\n                            name=\"button\"\r\n                            class=\"popmechanic-submit\"\r\n                            onclick=\"PopMechanic.customs['fields_list.<%=field.machine_name%>'] = '<%= field.params.submit1_value %>';PopMechanic.Rotate1625();\"\r\n                    ><%= field.params.submit1_text %></button>\r\n                    <button\r\n                            type=\"button\"\r\n                            name=\"button\"\r\n                            class=\"popmechanic-submit\"\r\n                            onclick=\"PopMechanic.customs['fields_list.<%=field.machine_name%>'] = '<%= field.params.submit2_value %>';PopMechanic.Rotate1625();\"\r\n                    ><%= field.params.submit2_text %></button>\r\n                      </div></div><%\r\n            }\r\n                        break;\r\n                        default:\r\n\r\n                    }\r\n                    } %>\r\n                </div>\r\n                <input class=\"popmechanic-hidden popmechanic-input\" type=\"text\"\r\n                       data-popmechanic-input=\"customs.result\" data-popmechanic-required>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"popmechanic-thankyou\">\r\n        <div class=\"popmechanic-content\">\r\n            <div class=\"popmechanic-close\" data-popmechanic-close>&times;</div>\r\n            <% if(parseInt(img_enable)){ %>\r\n                <img src=\"<%= img %>\" class=\"popmechanic-ok\">\r\n            <% } %>\r\n            <div class=\"popmechanic-title\"><%= title2 %></div>\r\n            <% if(parseInt(subtitle2_enable)){ %>\r\n                <div class=\"popmechanic-text\"><%= subtitle2 %></div>\r\n            <% } %>\r\n            <div class=\"popmechanic-inputs\">\r\n                <button type=\"button\" name=\"button\" class=\"popmechanic-submit\"\r\n                        data-popmechanic-close><%= button2 %></button>\r\n            </div>\r\n        </div>\r\n    </div>\r\n\r\n    <% \r\n    try {\r\n        show_legal_text_below_form = show_legal_text_below_form;\r\n    } catch (e) { show_legal_text_below_form = 0 }\r\n    try {\r\n        below_form_legal_text = below_form_legal_text;\r\n    } catch (e) { below_form_legal_text = \"\" }\r\n    %>\r\n    <% if(parseInt(show_legal_text_below_form) && below_form_legal_text) { %>\r\n        <div style=\"position: absolute; top: 100%; left: 0; right: 0; color: white; text-align: center; display: block;\"><%=below_form_legal_text%></div>\r\n    <% } %>\r\n\r\n</div>", "css": "<% try {\r\n    font_custom_show = font_custom_show;\r\n    input_height_mob = input_height_mob\r\n} catch (e) {\r\n    font_custom_show = 0\r\n    input_height_mob = 11\r\n}\r\n%>\r\n\r\n <% if(!parseInt(font_custom_show)) { %>\r\n@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');\r\n<% } %>\r\n\r\n.popmechanic-reset,\r\n.popmechanic-reset * {\r\n  line-height: inherit;\r\n  box-sizing: border-box;\r\n}\r\n\r\n#popmechanic-form .popmechanic-circle-backdrop {\r\n    position: absolute;\r\n}\r\n\r\n#popmechanic-form {\r\n    position: relative;\r\n    display: inline-block;\r\n    vertical-align: top;\r\n    margin: 0;\r\n    padding: 0;\r\n<% if(font_custom_show && parseInt(font_custom_show)) { %>\r\n    font-family: <% try { print(font_custom); } catch (e) { print('Helvetica, Arial, sans-serif'); } %>;\r\n<% } else { %>\r\n    font-family: <% try { print(font); } catch (e) { print('Helvetica, Arial, sans-serif'); } %>;\r\n<% } %>\r\n}\r\n#popmechanic-form:before{\r\n    content:'';\r\n    width:814px;\r\n    height:772px;\r\n    background:<%=bg_circle_color%>;\r\n    opacity:<%=(bg_circle_opacity/100)%>;\r\n    border-radius:50%;\r\n    position:absolute;\r\n    z-index:-1;\r\n    top:50%;\r\n    left:-200px;\r\n    transform:translate(0,-50%);\r\n    filter: blur(80px);\r\n}\r\n.popmechanic-tablet #popmechanic-form:before,.popmechanic-mobile #popmechanic-form:before{\r\n    display:none;\r\n}\r\n#popmechanic-form .popmechanic-close {\r\n    position: absolute;\r\n    z-index: 99;\r\n    top: 30px;\r\n    right: 40px;\r\n    width: 31px;\r\n    height: 31px;\r\n    font-size: 0;\r\n    color: transparent;\r\n    background-color:transparent;\r\n    border: none;\r\n    border-radius: 50%;\r\n    cursor: pointer;\r\n    outline: none;\r\n    transform: rotate(45deg);\r\n    transition: all .3s;\r\n}\r\n#popmechanic-form .popmechanic-close:hover {\r\n    transform: rotate(45deg) scale(1.1);\r\n}\r\n#popmechanic-form .popmechanic-close:before, #popmechanic-form .popmechanic-close:after {\r\n    content: '';\r\n    position: absolute;\r\n    top: 15px;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 3px;\r\n    background-color: <%=cross_color%>;\r\n}\r\n#popmechanic-form .popmechanic-close:after {\r\n    transform: rotate(90deg);\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-close,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-close {\r\n    top: 0;\r\n    right: 0;\r\n    width: 20px;\r\n    height: 20px;\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    height: 1px;\r\n}\r\n#popmechanic-form .popmechanic-main, #popmechanic-form .popmechanic-thankyou {\r\n<% if (parseInt(show_half, 10)) { %>\r\nwidth: <%=form_width%>px;\r\n    <% } else { %>\r\n         width: calc(<%=form_width%>px + <%= circle_radius_desktop %>px);\r\n             <% } %>\r\n                   height: 500px;\r\nposition: relative;\r\n}\r\n#popmechanic-form .popmechanic-circle-container {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: <%=circle_left%>px;\r\n    transform: translateY(-50%);\r\n<% if (parseInt(show_half, 10)) { %>\r\nwidth: <%=circle_radius_desktop%>px;\r\n    overflow: hidden;\r\n    <% } %>\r\n          z-index: 2;\r\n}\r\n#popmechanic-form .popmechanic-circle {\r\n    display: flex;\r\n    width: <% print(parseInt(circle_radius_desktop, 10) * 2); %>px;\r\n    height: <% print(parseInt(circle_radius_desktop, 10) * 2); %>px;\r\n    border:12px solid <%=circle_border_color%>;\r\n    border-radius: 50%;\r\n    padding: 0;\r\n    margin: 0;\r\n    list-style-type: none;\r\n    overflow: hidden;\r\n    background:#fff;\r\n    transition: transform 3s;\r\n<% if (parseInt(show_half, 10)) { %>\r\nfloat: right;\r\n    <% } %>\r\n}\r\n#popmechanic-form .popmechanic-circle-inner {\r\n    position: relative;\r\n    display: block;\r\n    width: 100%;\r\n    height: 100%;\r\n}\r\n#popmechanic-form .popmechanic-circle .popmechanic-sector {\r\n    position: absolute;\r\n    width: 100%;\r\n    height: 100%;\r\n}\r\n#popmechanic-form .popmechanic-circle .popmechanic-sector .popmechanic-sector-text {\r\n    width: 50%;\r\n    height: 30px;\r\n    position: absolute;\r\n    top: calc(50% - 15px);\r\n    right: 30px;\r\n    transform-origin: 30px 15px;\r\n    text-align: right;\r\n}\r\n#popmechanic-form .popmechanic-circle .popmechanic-sector .popmechanic-sector-text span {\r\n    display: block;\r\n}\r\n#popmechanic-form .popmechanic-circle .popmechanic-sector .popmechanic-sector-text .popmechanic-sector-text_big {\r\n    line-height: 30px;\r\n}\r\n#popmechanic-form .popmechanic-circle .popmechanic-sector .popmechanic-sector-text .popmechanic-sector-text_big {\r\n    font-size: <%=sector_bit_size%>px;\r\n    font-weight: 400;\r\n}\r\n\r\n#popmechanic-form .popmechanic-circle .popmechanic-circle-texts {\r\n    position: static;\r\n    padding-left: 0;\r\n}\r\n\r\n@keyframes button_pop {\r\n0 {\r\n    transform: scale(1);\r\n}\r\n50% {\r\n    transform: scale(0.9);\r\n}\r\n100% {\r\n    transform: scale(1);\r\n}\r\n}\r\n#popmechanic-form .popmechanic-arrow {\r\n    width:85px;\r\n    height:56px;\r\n    position: absolute;\r\n    z-index: 3;\r\n    top: 50%;\r\n    transform: translate(-30px, -50%);\r\n<% if (parseInt(show_half, 10)) { %>\r\nleft: 0;\r\n    <% } else { %>\r\n         left: 50%;\r\n             <% } %>\r\n}\r\n#popmechanic-form .popmechanic-arrow svg {\r\n    width:100%;\r\n    height:100%;\r\n}\r\n#popmechanic-form .popmechanic-content {\r\n<% if (parseInt(show_half, 10)) { %>\r\nwidth: 100%;\r\n    <% } else { %>\r\n         width: calc(100% - <%= circle_radius_desktop %>px);\r\n             <% } %>\r\n                   background: <%=bg_color%>;\r\n<%if(parseInt(bg_img_enable)){%>\r\nbackground-image: url('<%=bg_img%>');\r\n    background-size: cover;\r\n    background-position: 50% 50%;\r\n    <%}%>\r\n        <%if(parseInt(border_enable)){%>\r\nborder:<%=border_width%>px solid <%=border_color%>;\r\n    <%}%>\r\n        border-radius: <%=border_radius%>px;\r\n<%if(parseInt(shadow_enable)){%>\r\nbox-shadow: 0 1px 20px 2px rgba(1, 2, 2, 0.1);\r\n    <%}%>\r\n        position: absolute;\r\nz-index: 1;\r\nright: 0;\r\ntop: 50%;\r\ntransform: translate(0, -50%);\r\npadding: calc(<%=padding%>px + 10px) <%=padding%>px calc(<%=padding%>px + 10px) calc(<%= circle_radius_desktop %>px + <%=padding%>px);\r\ntext-align: center;\r\nmin-height: <%=height%>px;\r\ndisplay: flex;\r\nflex-direction: column;\r\nflex-wrap: nowrap;\r\njustify-content: flex-start;\r\nalign-content: stretch;\r\nalign-items: center;\r\n}\r\n#popmechanic-form .popmechanic-img {\r\n    width:<%=img_header_width%>px;\r\n    height:auto;\r\n    margin-bottom:<%=img_header_padding_bottom%>px;\r\n    margin-top:-<%=img_header_top%>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-img,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-img {\r\n    display:none;\r\n}\r\n#popmechanic-form .popmechanic-title {\r\n    font-size: <%=title_size%>px;\r\n    font-weight: 400;\r\n    line-height: 1.2;\r\n    color:<%=title_color%>;\r\n    margin: 0 0 15px;\r\n}\r\n#popmechanic-form .popmechanic-text {\r\n    font-size: <%=subtitle_size%>px;\r\n    font-weight: 400;\r\n    line-height: 1.2;\r\n    color:<%=title_color%>;\r\n    margin: 0 0 15px;\r\n}\r\n#popmechanic-form .popmechanic-inputs {\r\n    width: 100%;\r\n    max-width:<%=input_width%>px;\r\n    margin:15px 0 -10px;\r\n}\r\n#popmechanic-form .popmechanic-inputs-wrapper > * {\r\n  margin-bottom: 10px;\r\n}\r\n#popmechanic-form .popmechanic-input {\r\n    width: 100%;\r\n    padding: <%= input_height %>px 15px;\r\n    border: <%=input_border_width%>px solid <%=input_border_color%>;\r\n    border-radius: <%=input_radius%>px;\r\n    outline: none;\r\n    color: <%=input_color%>;\r\n    font-size: <%=input_font_size%>px;\r\n    font-weight: 400;\r\n    line-height: 1;\r\n    background-color: <%=input_bg%>;\r\n    text-align:center;\r\n}\r\n#popmechanic-form .popmechanic-input::placeholder {\r\n    color: <%=input_color%>;\r\n    opacity: .6;\r\n    transition: all .3s;\r\n}\r\n#popmechanic-form .popmechanic-input:focus::placeholder {\r\n    opacity: 0;\r\n}\r\n#popmechanic-form .popmechanic-input.popmechanic-invalid {\r\n    border-color:#f00;\r\n}\r\n#popmechanic-form .popmechanic-hidden {\r\n    display:none;\r\n}\r\n#popmechanic-form .popmechanic-submit {\r\n    width: 100%;\r\n    z-index: 55;\r\n    padding:calc(<%= input_height %>px + 2px) 15px;\r\n    border:none;\r\n    outline: none;\r\n    border-radius: <%=input_radius%>px;\r\n    color: <%=button_font_color%>;\r\n    font-size: <%=button_font_size%>px;\r\n    font-weight: 400;\r\n    line-height: 1;\r\n    height: auto;\r\n    background-color: <%=btn_bg_color%>;\r\n    transition: all .3s;\r\n    white-space: nowrap;\r\n    text-overflow: ellipsis;\r\n    overflow: hidden;\r\n}\r\n#popmechanic-form .popmechanic-submit:not(:disabled) {\r\n    cursor: pointer;\r\n}\r\n#popmechanic-form .popmechanic-submit:not(:disabled):hover {\r\n    background-color: <%=btn_bg_color_hov%>;\r\n}\r\n#popmechanic-form .popmechanic-submit:disabled {\r\n    opacity: .8;\r\n}\r\n#popmechanic-form .popmechanic-buttons {\r\n    width: 100%;\r\n  display: flex;\r\n}\r\n#popmechanic-form .popmechanic-buttons-wrapper {\r\n  width: 100%;\r\n}\r\n#popmechanic-form .popmechanic-buttons .popmechanic-submit {\r\n  width: 50%;\r\n}\r\n#popmechanic-form .popmechanic-buttons .popmechanic-submit:not(:last-child) {\r\n  margin-right: 10px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-checkbox-block {\r\n    position: relative;\r\n    display: block;\r\n    font-weight: 400;\r\n    font-size: 11px;\r\n    line-height: 1.2;\r\n    text-align: left;\r\n    color: <%=title_color%>;\r\n    padding: 0 0 0 30px;\r\n    margin: 15px 0;\r\n}\r\n#popmechanic-form .popmechanic-checkbox-block a {\r\n    color: <%=btn_bg_color%>;\r\n    text-decoration: underline;\r\n}\r\n#popmechanic-form .popmechanic-checkbox-block:before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 20px;\r\n    height: 20px;\r\n    border: 1px solid <%=checkbox_check_border%>;\r\n    box-sizing:border-box;\r\n}\r\n#popmechanic-form .popmechanic-checkbox-check {\r\n    position: absolute;\r\n    top: 2px;\r\n    left: 4px;\r\n    z-index: 2;\r\n    width: 17px;\r\n    height: 17px;\r\n    opacity: 0;\r\n    transition: all .3s;\r\n}\r\n#popmechanic-form .popmechanic-checkbox {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 20px;\r\n    z-index: 3;\r\n    width: 20px;\r\n    height: 20px;\r\n    opacity: 0;\r\n}\r\n#popmechanic-form .popmechanic-checkbox:checked ~ .popmechanic-checkbox-check {\r\n    opacity: 1;\r\n}\r\n#popmechanic-form .popmechanic-ok {\r\n    height: auto;\r\n    width: <%=img_width%>px;\r\n    margin-bottom:<%=img_padding_bottom%>px;\r\n    margin-top:-<%=img_top%>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form,\r\n.popmechanic-mobile #popmechanic-form {\r\n    overflow: hidden;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-main,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main {\r\n    height:auto;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-circle-container,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-circle-container {\r\n    left: 50%;\r\n    top: auto;\r\n    bottom: 0;\r\n    transform: translate(-50%, 50%);\r\n    width: 100%;\r\n    overflow: visible;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-circle,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-circle {\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n    float: none;\r\n    width: <% print(parseInt(circle_radius_mobile, 10) * 2); %>px;\r\n    height: <% print(parseInt(circle_radius_mobile, 10) * 2); %>px;\r\n    border-width:8px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-circle .popmechanic-sector .popmechanic-sector-text,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-circle .popmechanic-sector .popmechanic-sector-text {\r\n    width: 50%;\r\n    height: 12px;\r\n    position: absolute;\r\n    top: calc(50% - 6px);\r\n    right: 15px;\r\n    transform-origin: 15px 6px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-circle .popmechanic-sector .popmechanic-sector-text .popmechanic-sector-text_big,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-circle .popmechanic-sector .popmechanic-sector-text .popmechanic-sector-text_big {\r\n    font-size: 11px;\r\n    line-height:12px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-main, .popmechanic-tablet #popmechanic-form .popmechanic-thankyou,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main, .popmechanic-mobile #popmechanic-form .popmechanic-thankyou {\r\n    width: 320px;\r\n    height:auto;\r\n    min-height: 0;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-content,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-content {\r\n    width:100%;\r\n    min-height: 0;\r\n    position: static;\r\n    transform: none;\r\n    padding: 30px 10px 180px 10px;\r\n    display: block;\r\n    border-radius: 0;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-arrow,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-arrow {\r\n    top: 0;\r\n    left: 50%;\r\n    transform: translatex(-50%) rotate(90deg);\r\n    width: 45px;\r\n    height: 30px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-title,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-title {\r\n    font-size: <%=title_size_mob%>px;\r\n    margin: 0 0 15px;\r\n    text-align: <%= text_align_mob %>;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-text,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-text {\r\n    font-size:12px;\r\n    text-align: <%= text_align_mob %>;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-inputs,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-inputs {\r\n    margin:0;\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-inputs .popmechanic-inputs-wrapper,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-inputs .popmechanic-inputs-wrapper {\r\n    display: flex;\r\n    flex-direction: column;\r\n    flex-wrap: nowrap;\r\n    justify-content: center;\r\n    align-content: stretch;\r\n    align-items: flex-end;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-inputs-wrapper > *:not(:last-child),\r\n.popmechanic-mobile #popmechanic-form .popmechanic-inputs-wrapper > *:not(:last-child) {\r\n    margin-bottom: 6px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-inputs .popmechanic-input,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-inputs .popmechanic-input {\r\n    padding: <%= input_height_mob %>px 15px;\r\n    margin:0 0 6px;\r\n    width: 100%;\r\n    font-size:12px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-inputs .popmechanic-submit,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-inputs .popmechanic-submit {\r\n    width: 100%;\r\n    height: auto;\r\n    margin: 0;\r\n    padding:calc(<%= input_height_mob %>px + 2px) 15px;\r\n    font-size: 12px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-inputs .popmechanic-buttons,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-inputs .popmechanic-buttons {\r\n  display: block;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-inputs .popmechanic-buttons .popmechanic-submit,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-inputs .popmechanic-buttons .popmechanic-submit {\r\n  width: 100%;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-inputs .popmechanic-buttons .popmechanic-submit:not(:last-child),\r\n.popmechanic-mobile #popmechanic-form .popmechanic-inputs .popmechanic-buttons .popmechanic-submit:not(:last-child) {\r\n  margin-bottom: 6px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-checkbox-block,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-checkbox-block {\r\n    width:100%;\r\n    margin: 15px auto 0;\r\n    font-size:9px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-thankyou .popmechanic-content,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou .popmechanic-content {\r\n    padding: 30px 15px 180px 15px;\r\n    min-height: 320px;\r\n    position:static;\r\n    transform:none;\r\n    display: block;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-thankyou .popmechanic-ok,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou .popmechanic-ok {\r\n    display: none;\r\n}\r\n\r\n.popmechanic-tablet .popmechanic-success #popmechanic-form .popmechanic-circl,\r\n.popmechanic-mobile .popmechanic-success #popmechanic-form .popmechanic-circle{\r\n    top:calc(50% - 140px);\r\n}\r\n\r\n.popmechanic-thankyou {\r\n    display: none;\r\n}\r\n.popmechanic-success #popmechanic-form .popmechanic-main {\r\n    display: none;\r\n}\r\n.popmechanic-success #popmechanic-form .popmechanic-thankyou {\r\n    display: block;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-circle-inner,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-circle-inner {\r\n    transform: rotate(-90deg);\r\n}", "button": "", "on_show": "window.PopMechanic = window.PopMechanic || {};\r\nPopMechanic.Rotate1625 = function () {\r\n    if (PopMechanic.$(\"[data-popmechanic-input]:not([data-popmechanic-input='customs.result'])\").hasClass(\"popmechanic-invalid\")) return;\r\n\r\n    var counter = <%= sectors %>;\r\n    var variants = [\r\n        parseInt(<%= variant1_on %>, 10) ? {\r\n            value: '<%= variant1_value %>',\r\n            prob: parseFloat('<%= variant1_prob %>', 10)\r\n        } : undefined,\r\n        parseInt(<%= variant2_on %>, 10) ? {\r\n            value: '<%= variant2_value %>',\r\n            prob: parseFloat('<%= variant2_prob %>', 10)\r\n        } : undefined,\r\n        parseInt(<%= variant3_on %>, 10) ? {\r\n            value: '<%= variant3_value %>',\r\n            prob: parseFloat('<%= variant3_prob %>', 10)\r\n        } : undefined,\r\n        parseInt(<%= variant4_on %>, 10) ? {\r\n            value: '<%= variant4_value %>',\r\n            prob: parseFloat('<%= variant4_prob %>', 10)\r\n        } : undefined,\r\n        parseInt(<%= variant5_on %>, 10) ? {\r\n            value: '<%= variant5_value %>',\r\n            prob: parseFloat('<%= variant5_prob %>', 10)\r\n        } : undefined,\r\n        parseInt(<%= variant6_on %>, 10) ? {\r\n            value: '<%= variant6_value %>',\r\n            prob: parseFloat('<%= variant6_prob %>', 10)\r\n        } : undefined,\r\n        parseInt(<%= variant7_on %>, 10) ? {\r\n            value: '<%= variant7_value %>',\r\n            prob: parseFloat('<%= variant7_prob %>', 10)\r\n        } : undefined,\r\n        parseInt(<%= variant8_on %>, 10) ? {\r\n            value: '<%= variant8_value %>',\r\n            prob: parseFloat('<%= variant8_prob %>', 10)\r\n        } : undefined,\r\n        parseInt(<%= variant9_on %>, 10) ? {\r\n            value: '<%= variant9_value %>',\r\n            prob: parseFloat('<%= variant9_prob %>', 10)\r\n        } : undefined,\r\n        parseInt(<%= variant10_on %>, 10) ? {\r\n            value: '<%= variant10_value %>',\r\n            prob: parseFloat('<%= variant10_prob %>', 10)\r\n        } : undefined,\r\n        parseInt(<%= variant11_on %>, 10) ? {\r\n            value: '<%= variant11_value %>',\r\n            prob: parseFloat('<%= variant11_prob %>', 10)\r\n        } : undefined,\r\n        parseInt(<%= variant12_on %>, 10) ? {\r\n            value: '<%= variant12_value %>',\r\n            prob: parseFloat('<%= variant12_prob %>', 10)\r\n        } : undefined,\r\n        parseInt(<%= variant13_on %>, 10) ? {\r\n            value: '<%= variant13_value %>',\r\n            prob: parseFloat('<%= variant13_prob %>', 10)\r\n        } : undefined,\r\n        parseInt(<%= variant14_on %>, 10) ? {\r\n            value: '<%= variant14_value %>',\r\n            prob: parseFloat('<%= variant14_prob %>', 10)\r\n        } : undefined,\r\n        parseInt(<%= variant15_on %>, 10) ? {\r\n            value: '<%= variant15_value %>',\r\n            prob: parseFloat('<%= variant15_prob %>', 10)\r\n        } : undefined,\r\n        parseInt(<%= variant16_on %>, 10) ? {\r\n            value: '<%= variant16_value %>',\r\n            prob: parseFloat('<%= variant16_prob %>', 10)\r\n        } : undefined,\r\n        parseInt(<%= variant17_on %>, 10) ? {\r\n            value: '<%= variant17_value %>',\r\n            prob: parseFloat('<%= variant17_prob %>', 10)\r\n        } : undefined,\r\n        parseInt(<%= variant18_on %>, 10) ? {\r\n            value: '<%= variant18_value %>',\r\n            prob: parseFloat('<%= variant18_prob %>', 10)\r\n        } : undefined\r\n    ].filter(function (variant) { return typeof variant !== \"undefined\" });\r\n    variants = variants.slice(0, counter);\r\n    var probs = variants.map(function (variant) { return variant.prob; });\r\n    var circle = document.querySelector(\".popmechanic-circle\");\r\n    var rand = <%= rotation_result %>;\r\n\r\n    if (!circle.classList.contains(\"popmechanic-disabled\")) {\r\n        if (rand == 1) {\r\n            var probSum = probs.reduce(function(a, b) { return a + b; }, 0);\r\n            var result;\r\n            var randRes = Math.floor(Math.random() * probSum);\r\n\r\n            probs.some(function(item, index) {\r\n                var upSum = probs.slice(0, index + 1).reduce(function(a, b) { return a + b; }, 0);\r\n                var downSum = probs.slice(0, index).reduce(function(a, b) { return a + b; }, 0);\r\n\r\n                if (downSum <= randRes && randRes < upSum) {\r\n                    result = index + 1;\r\n\r\n                    return true;\r\n                }\r\n\r\n                return false;\r\n            });\r\n\r\n            result = result || probs.length;\r\n        } else {\r\n            var result = 1;\r\n        }\r\n\r\n        var rotation = 90 + 180/counter - (360/counter)*result + 360*4;\r\n\r\n        circle.setAttribute(\"style\",\"transform:rotate(\"+rotation+\"deg)\");\r\n        circle.classList.add(\"popmechanic-disabled\");\r\n\r\n        var variantIndex = result % probs.length || probs.length;\r\n\r\n        PopMechanic.$('[data-popmechanic-input=\"customs.result\"]')\r\n            .val(variants[variantIndex-1].value)\r\n            .trigger('change');\r\n\r\n        setTimeout(function(){\r\n            PopMechanic.$('[data-popmechanic-submit]').click();\r\n        }, 3000);\r\n    } else {\r\n        PopMechanic.$('[data-popmechanic-submit]').click();\r\n    }\r\n}", "on_close": "", "embed_code": "", "behaviors": ["post-text", "humble", "lead", "partscreen", "copy-code"], "template_type": "popup-info", "need_reset": true, "parameters": [], "on_targeting_ready": "", "on_child_ready": ""}], "button_templates": [], "integrations": [{"id": 51455, "form": 55686, "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-55686", "subscriptions": [{"pointOfContact": "Email"}]}, {"id": 51457, "form": 55687, "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-55687", "subscriptions": [{"pointOfContact": "Email"}]}, {"id": 51459, "form": 55688, "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-55688", "subscriptions": [{"pointOfContact": "Email"}]}, {"id": 51461, "form": 55689, "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-55689", "subscriptions": [{"pointOfContact": "Email"}]}, {"id": 51463, "form": 55690, "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-55690", "subscriptions": [{"pointOfContact": "Email"}]}, {"id": 51465, "form": 55691, "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-55691", "subscriptions": [{"pointOfContact": "Email"}]}, {"id": 51467, "form": 55692, "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-55692", "subscriptions": [{"pointOfContact": "Email"}]}, {"id": 53327, "form": 56827, "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-56827", "subscriptions": [{"pointOfContact": "Email"}]}, {"id": 54080, "form": 57323, "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-57323", "subscriptions": [{"pointOfContact": "Email"}]}, {"id": 62828, "form": 62949, "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-62949", "subscriptions": [{"pointOfContact": "Email"}]}, {"id": 97534, "form": 85804, "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-85804", "subscriptions": [{"pointOfContact": "Email"}]}, {"id": 100365, "form": 87769, "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-87769", "subscriptions": [{"pointOfContact": "Email"}]}, {"id": 51456, "form": 55686, "filter": null, "filter_type": null, "account": 34927, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-block-55686-show", "click_operation": "popmechanic-block-55686-click", "targeting_operation": "popmechanic-block-55686-targeting"}, {"id": 51458, "form": 55687, "filter": null, "filter_type": null, "account": 34927, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-block-55687-show", "click_operation": "popmechanic-block-55687-click", "targeting_operation": "popmechanic-block-55687-targeting"}, {"id": 51460, "form": 55688, "filter": null, "filter_type": null, "account": 34927, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-block-55688-show", "click_operation": "popmechanic-block-55688-click", "targeting_operation": "popmechanic-block-55688-targeting"}, {"id": 51462, "form": 55689, "filter": null, "filter_type": null, "account": 34927, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-block-55689-show", "click_operation": "popmechanic-block-55689-click", "targeting_operation": "popmechanic-block-55689-targeting"}, {"id": 51464, "form": 55690, "filter": null, "filter_type": null, "account": 34927, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-block-55690-show", "click_operation": "popmechanic-block-55690-click", "targeting_operation": "popmechanic-block-55690-targeting"}, {"id": 51466, "form": 55691, "filter": null, "filter_type": null, "account": 34927, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-block-55691-show", "click_operation": "popmechanic-block-55691-click", "targeting_operation": "popmechanic-block-55691-targeting"}, {"id": 51468, "form": 55692, "filter": null, "filter_type": null, "account": 34927, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-block-55692-show", "click_operation": "popmechanic-block-55692-click", "targeting_operation": "popmechanic-block-55692-targeting"}, {"id": 53328, "form": 56827, "filter": null, "filter_type": null, "account": 34927, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-block-56827-show", "click_operation": "popmechanic-block-56827-click", "targeting_operation": "popmechanic-block-56827-targeting"}, {"id": 54081, "form": 57323, "filter": null, "filter_type": null, "account": 34927, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-block-57323-show", "click_operation": "popmechanic-block-57323-click", "targeting_operation": "popmechanic-block-57323-targeting"}, {"id": 61147, "form": 61843, "filter": null, "filter_type": null, "account": 34927, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-61843-show", "click_operation": "popmechanic-popup-61843-click", "targeting_operation": "popmechanic-popup-61843-targeting"}, {"id": 62829, "form": 62949, "filter": null, "filter_type": null, "account": 34927, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-62949-show", "click_operation": "popmechanic-popup-62949-click", "targeting_operation": "popmechanic-popup-62949-targeting"}, {"id": 97535, "form": 85804, "filter": null, "filter_type": null, "account": 34927, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-block-85804-show", "click_operation": "popmechanic-block-85804-click", "targeting_operation": "popmechanic-block-85804-targeting"}, {"id": 97647, "form": 85881, "filter": null, "filter_type": null, "account": 34927, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-85881-show", "click_operation": "popmechanic-popup-85881-click", "targeting_operation": "popmechanic-popup-85881-targeting"}, {"id": 97744, "form": 85946, "filter": null, "filter_type": null, "account": 34927, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-85946-show", "click_operation": "popmechanic-popup-85946-click", "targeting_operation": "popmechanic-popup-85946-targeting"}, {"id": 100366, "form": 87769, "filter": null, "filter_type": null, "account": 34927, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-block-87769-show", "click_operation": "popmechanic-block-87769-click", "targeting_operation": "popmechanic-block-87769-targeting"}, {"id": 102375, "form": 89134, "filter": null, "filter_type": null, "account": 34927, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-89134-show", "click_operation": "popmechanic-popup-89134-click", "targeting_operation": "popmechanic-popup-89134-targeting"}, {"id": 103130, "form": 89611, "filter": null, "filter_type": null, "account": 34927, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-89611-show", "click_operation": "popmechanic-popup-89611-click", "targeting_operation": "popmechanic-popup-89611-targeting"}, {"id": 103131, "form": 89612, "filter": null, "filter_type": null, "account": 34927, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-89612-show", "click_operation": "popmechanic-popup-89612-click", "targeting_operation": "popmechanic-popup-89612-targeting"}, {"id": 103132, "form": 89613, "filter": null, "filter_type": null, "account": 34927, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-89613-show", "click_operation": "popmechanic-popup-89613-click", "targeting_operation": "popmechanic-popup-89613-targeting"}, {"id": 103133, "form": 89614, "filter": null, "filter_type": null, "account": 34927, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-89614-show", "click_operation": "popmechanic-popup-89614-click", "targeting_operation": "popmechanic-popup-89614-targeting"}, {"id": 103134, "form": 89615, "filter": null, "filter_type": null, "account": 34927, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-89615-show", "click_operation": "popmechanic-popup-89615-click", "targeting_operation": "popmechanic-popup-89615-targeting"}, {"id": 103135, "form": 89616, "filter": null, "filter_type": null, "account": 34927, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-89616-show", "click_operation": "popmechanic-popup-89616-click", "targeting_operation": "popmechanic-popup-89616-targeting"}, {"id": 103232, "form": 89687, "filter": null, "filter_type": null, "account": 34927, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-89687-show", "click_operation": "popmechanic-popup-89687-click", "targeting_operation": "popmechanic-popup-89687-targeting"}, {"id": 104560, "form": 90582, "filter": null, "filter_type": null, "account": 34927, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-90582-show", "click_operation": "popmechanic-popup-90582-click", "targeting_operation": "popmechanic-popup-90582-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}