{"forms": [{"id": 93287, "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": "bonus-program", "operator": "$exclude"}, {"id": "4", "field": "page", "value": "outposts", "operator": "$exclude"}, {"id": "5", "field": "page", "value": "stocks", "operator": "$exclude"}, {"id": "6", "field": "page", "value": "challenge", "operator": "$exclude"}, {"id": "7", "field": "page", "value": "pickerbook?id=1127", "operator": "$exclude"}, {"id": "8", "field": "page", "value": "events?f=top_menu", "operator": "$exclude"}, {"id": "9", "field": "page", "value": "news?id=2499", "operator": "$exclude"}, {"id": "10", "field": "page", "value": "dostoevsky200?f=top_menu", "operator": "$exclude"}, {"id": "11", "field": "dom_element", "value": ".modal-content:visible", "operator": "$not_exists"}, {"id": "12", "field": "page", "value": "20-anniversary?f=top_menu", "operator": "$exclude"}, {"id": "13", "field": "page", "value": "help", "operator": "$exclude"}, {"id": "14", "field": "page", "value": "goods-from-spb", "operator": "$exclude"}, {"id": "15", "field": "page", "value": "termsofuse", "operator": "$exclude"}, {"id": "16", "field": "page", "value": "company/about", "operator": "$exclude"}, {"id": "17", "field": "page", "value": "aboutwork", "operator": "$exclude"}, {"id": "18", "field": "page", "value": "contacts", "operator": "$exclude"}, {"id": "19", "field": "page", "value": "presscenter", "operator": "$exclude"}, {"id": "20", "field": "page", "value": "static?id=13", "operator": "$exclude"}], "operator": "$and"}, {"id": "21", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": true, "operation": "popmechanic-check-segment", "segmentation": {"id": 2250, "externalId": "a7e358ea-5f6f-489b-a4ad-30782a216ead"}, "inSegmentByDefault": false}, "operator": "$check"}], "operator": "$and"}}, "settings_splits": [{"settings": {"url": "https://www.bookvoed.ru/sales/7102251", "image": "https://personalization-web-stable.mindbox.ru/user-media/34927/ded8c9a196731df12b84175c6a4367d992c695bcae82c2be1f2b96e6e0524127.png", "width": "600", "cl_col": "#000000", "cl_size": "55", "otstup1": "9", "otstup2": "-1", "showurl": "1", "width_mobile": "310", "showtransform": "0", "form_border_color": "#facc48", "form_border_width": "0", "form_border_radius": "0", "form_border_width2": "0"}, "button_settings": {}, "conditions_splits": [{"conditions": {"delay": "10", "pages_session": "1"}, "combinator": "and", "id": 201984}], "id": 92695, "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": "\u0411\u0443\u043a\u0432\u043e\u0435\u0434. \u041f\u043e\u043f\u0430\u043f \u041a\u043e\u043c\u043f\u043b\u0435\u043a\u0442\u044b \u042d\u041a\u0421\u041c\u041e", "active": true, "embed_selector": false, "selector": "", "placement": "start", "frequency": {"once_lifetime": true, "once_session": false, "priority": false, "minimal_timeout": null}, "start_date": "2024-07-22T00:00:00+03:00", "end_date": "2024-08-31T00:00: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-93758.png?ts=1721647987976", "rendered_button_preview": null, "settings": {"url": "https://www.bookvoed.ru/sales/7102251", "image": "https://personalization-web-stable.mindbox.ru/user-media/34927/ded8c9a196731df12b84175c6a4367d992c695bcae82c2be1f2b96e6e0524127.png", "width": "600", "cl_col": "#000000", "cl_size": "55", "otstup1": "9", "otstup2": "-1", "showurl": "1", "width_mobile": "310", "showtransform": "0", "form_border_color": "#facc48", "form_border_width": "0", "form_border_radius": "0", "form_border_width2": "0"}, "button_settings": {}, "behavior_settings": {"button": {"on": false, "positions": {"desktop": {"top": "0px", "left": "0px"}}, "conditions": "targeting", "show_before": true}, "partscreen": {"mobile": null, "tablet": null, "desktop": {"target": "window", "position": "center", "vertical_offset": 0, "element_position": "right", "horizontal_offset": 0, "element_vertical_offset": 0, "element_horizontal_offset": 0}, "animation_in": "fadeIn", "allow_overlay": false, "animation_out": "fadeOut", "paranja_color": "#000000", "paranja_opacity": 0.3}}, "html": "", "css": "", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 93284, "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": "bonus-program", "operator": "$exclude"}, {"id": "4", "field": "page", "value": "outposts", "operator": "$exclude"}, {"id": "5", "field": "page", "value": "stocks", "operator": "$exclude"}, {"id": "6", "field": "page", "value": "challenge", "operator": "$exclude"}, {"id": "7", "field": "page", "value": "pickerbook?id=1127", "operator": "$exclude"}, {"id": "8", "field": "page", "value": "events?f=top_menu", "operator": "$exclude"}, {"id": "9", "field": "page", "value": "news?id=2499", "operator": "$exclude"}, {"id": "10", "field": "page", "value": "dostoevsky200?f=top_menu", "operator": "$exclude"}, {"id": "11", "field": "dom_element", "value": ".modal-content:visible", "operator": "$not_exists"}, {"id": "12", "field": "page", "value": "20-anniversary?f=top_menu", "operator": "$exclude"}, {"id": "13", "field": "page", "value": "help", "operator": "$exclude"}, {"id": "14", "field": "page", "value": "goods-from-spb", "operator": "$exclude"}, {"id": "15", "field": "page", "value": "termsofuse", "operator": "$exclude"}, {"id": "16", "field": "page", "value": "company/about", "operator": "$exclude"}, {"id": "17", "field": "page", "value": "aboutwork", "operator": "$exclude"}, {"id": "18", "field": "page", "value": "contacts", "operator": "$exclude"}, {"id": "19", "field": "page", "value": "presscenter", "operator": "$exclude"}, {"id": "20", "field": "page", "value": "static?id=13", "operator": "$exclude"}], "operator": "$and"}, {"id": "21", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": true, "operation": "popmechanic-check-segment", "segmentation": {"id": 2249, "externalId": "462c4f1d-aa73-4666-8320-9c8502899ba6"}, "inSegmentByDefault": false}, "operator": "$check"}], "operator": "$and"}}, "settings_splits": [{"settings": {"url": "https://www.bookvoed.ru/product/blagoslovenie-nebozhiteley-dunkhua-polnoe-kollektsionnoe-izdanie-7098759", "image": "https://personalization-web-stable.mindbox.ru/user-media/34927/deff2cfac98dfef44e52507dd5863f3fac4994b35f9bd6cf4e4fa1433db67a2e.png", "width": "600", "cl_col": "#000000", "cl_size": "55", "otstup1": "9", "otstup2": "-1", "showurl": "1", "width_mobile": "310", "showtransform": "0", "form_border_color": "#facc48", "form_border_width": "0", "form_border_radius": "0", "form_border_width2": "0"}, "button_settings": {}, "conditions_splits": [{"conditions": {"delay": "10", "pages_session": "1"}, "combinator": "and", "id": 201981}], "id": 92692, "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": "\u0411\u0443\u043a\u0432\u043e\u0435\u0434. \u041f\u043e\u043f\u0430\u043f \u0411\u043b\u0430\u0433\u043e\u0441\u043b\u043e\u0432\u0435\u043d\u0438\u0435 \u043d\u0435\u0431\u043e\u0436\u0438\u0442\u0435\u043b\u0435\u0439. \u0414\u0443\u043d\u0445\u0443\u0430. \u041f\u043e\u043b\u043d\u043e\u0435 \u043a\u043e\u043b\u043b\u0435\u043a\u0446\u0438\u043e\u043d\u043d\u043e\u0435 \u0438\u0437\u0434\u0430\u043d\u0438\u0435", "active": true, "embed_selector": false, "selector": "", "placement": "start", "frequency": {"once_lifetime": true, "once_session": false, "priority": false, "minimal_timeout": null}, "start_date": "2024-07-22T00:00:00+03:00", "end_date": "2024-08-31T00:00: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-93755.png?ts=1721647425655", "rendered_button_preview": null, "settings": {"url": "https://www.bookvoed.ru/product/blagoslovenie-nebozhiteley-dunkhua-polnoe-kollektsionnoe-izdanie-7098759", "image": "https://personalization-web-stable.mindbox.ru/user-media/34927/deff2cfac98dfef44e52507dd5863f3fac4994b35f9bd6cf4e4fa1433db67a2e.png", "width": "600", "cl_col": "#000000", "cl_size": "55", "otstup1": "9", "otstup2": "-1", "showurl": "1", "width_mobile": "310", "showtransform": "0", "form_border_color": "#facc48", "form_border_width": "0", "form_border_radius": "0", "form_border_width2": "0"}, "button_settings": {}, "behavior_settings": {"button": {"on": false, "positions": {"desktop": {"top": "0px", "left": "0px"}}, "conditions": "targeting", "show_before": true}, "partscreen": {"mobile": null, "tablet": null, "desktop": {"target": "window", "position": "center", "vertical_offset": 0, "element_position": "right", "horizontal_offset": 0, "element_vertical_offset": 0, "element_horizontal_offset": 0}, "animation_in": "fadeIn", "allow_overlay": false, "animation_out": "fadeOut", "paranja_color": "#000000", "paranja_opacity": 0.3}}, "html": "", "css": "", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 89623, "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": "bonus-program", "operator": "$exclude"}, {"id": "4", "field": "page", "value": "outposts", "operator": "$exclude"}, {"id": "5", "field": "page", "value": "stocks", "operator": "$exclude"}, {"id": "6", "field": "page", "value": "challenge", "operator": "$exclude"}, {"id": "7", "field": "page", "value": "pickerbook?id=1127", "operator": "$exclude"}, {"id": "8", "field": "page", "value": "events?f=top_menu", "operator": "$exclude"}, {"id": "9", "field": "page", "value": "news?id=2499", "operator": "$exclude"}, {"id": "10", "field": "page", "value": "dostoevsky200?f=top_menu", "operator": "$exclude"}, {"id": "11", "field": "dom_element", "value": ".modal-content:visible", "operator": "$not_exists"}, {"id": "12", "field": "page", "value": "20-anniversary?f=top_menu", "operator": "$exclude"}, {"id": "13", "field": "page", "value": "help", "operator": "$exclude"}, {"id": "14", "field": "page", "value": "goods-from-spb", "operator": "$exclude"}, {"id": "15", "field": "page", "value": "termsofuse", "operator": "$exclude"}, {"id": "16", "field": "page", "value": "company/about", "operator": "$exclude"}, {"id": "17", "field": "page", "value": "aboutwork", "operator": "$exclude"}, {"id": "18", "field": "page", "value": "contacts", "operator": "$exclude"}, {"id": "19", "field": "page", "value": "presscenter", "operator": "$exclude"}, {"id": "20", "field": "page", "value": "static?id=13", "operator": "$exclude"}], "operator": "$and"}, {"id": "21", "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.bookvoed.ru/product/gorod-polumesyatsa-dom-plameni-i-teni-7058391", "image": "https://personalization-web-stable.mindbox.ru/user-media/34927/8ffba65dc3cb2b99ac997ce55b9e3419029ffaadbe8732ec72634487d1b9c113.png", "width": "600", "cl_col": "#ffffff", "cl_size": "55", "otstup1": "9", "otstup2": "-1", "showurl": "1", "width_mobile": "310", "showtransform": "0", "form_border_color": "#facc48", "form_border_width": "0", "form_border_radius": "0", "form_border_width2": "0"}, "button_settings": {}, "conditions_splits": [{"conditions": {"delay": "10", "pages_session": "1"}, "combinator": "and", "id": 199775}], "id": 89031, "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": "\u0411\u0443\u043a\u0432\u043e\u0435\u0434. \u041f\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-07-22T00:00:00+03:00", "end_date": "2024-08-31T23: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-89938.png?ts=1721644213388", "rendered_button_preview": null, "settings": {"url": "https://www.bookvoed.ru/product/gorod-polumesyatsa-dom-plameni-i-teni-7058391", "image": "https://personalization-web-stable.mindbox.ru/user-media/34927/8ffba65dc3cb2b99ac997ce55b9e3419029ffaadbe8732ec72634487d1b9c113.png", "width": "600", "cl_col": "#ffffff", "cl_size": "55", "otstup1": "9", "otstup2": "-1", "showurl": "1", "width_mobile": "310", "showtransform": "0", "form_border_color": "#facc48", "form_border_width": "0", "form_border_radius": "0", "form_border_width2": "0"}, "button_settings": {}, "behavior_settings": {"button": {"on": false, "positions": {"desktop": {"top": "0px", "left": "0px"}}, "conditions": "targeting", "show_before": true}, "partscreen": {"mobile": null, "tablet": null, "desktop": {"target": "window", "position": "center", "vertical_offset": 0, "element_position": "right", "horizontal_offset": 0, "element_vertical_offset": 0, "element_horizontal_offset": 0}, "animation_in": "fadeIn", "allow_overlay": false, "animation_out": "fadeOut", "paranja_color": "#000000", "paranja_opacity": 0.3}}, "html": "", "css": "", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 81024, "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": "partners", "operator": "$exclude"}, {"id": "5", "field": "page", "value": "checkout", "operator": "$exclude"}, {"id": "6", "field": "page", "value": "stage", "operator": "$exclude"}, {"id": "7", "field": "dom_element", "value": ".js__isLoggedIn", "operator": "$not_exists"}], "operator": "$and"}, {"id": "8", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 1636, "externalId": "a393c679-5de7-42f2-9ae7-0f4315e55c5f"}, "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": "#eb3246", "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.bookvoed.ru/sales/7056035", "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": "#c3d7f4", "font_custom": "AlergiaNormal", "font_family": "Roboto, sans-serif", "shadow_show": "0", "shadow_size": "7", "title_color": "#ffffff", "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": "#ffdc2d", "btn_bg_color_2": "#ffd100", "height_desktop": "10.00", "padding_mobile": "10.00", "subtitle_color": "#000", "bg_transparency": "1", "img_show_mobile": "0", "padding_desktop": "28.00", "btn_text_color_1": "#1f1f1f", "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": "#e4c62c", "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": "#1f1f1f", "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": "15.00", "subtitle_font_size_mobile": "14", "subtitle_font_size_desktop": "16"}, "button_settings": {}, "conditions_splits": [{"conditions": {"immediate": "1"}, "combinator": "and", "id": 194446}], "id": 80432, "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": "\u0411\u041a_\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": 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-80926.png?ts=1714751329961", "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": "#eb3246", "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.bookvoed.ru/sales/7056035", "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": "#c3d7f4", "font_custom": "AlergiaNormal", "font_family": "Roboto, sans-serif", "shadow_show": "0", "shadow_size": "7", "title_color": "#ffffff", "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": "#ffdc2d", "btn_bg_color_2": "#ffd100", "height_desktop": "10.00", "padding_mobile": "10.00", "subtitle_color": "#000", "bg_transparency": "1", "img_show_mobile": "0", "padding_desktop": "28.00", "btn_text_color_1": "#1f1f1f", "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": "#e4c62c", "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": "#1f1f1f", "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": "15.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: 400;\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: #ecf4fd;\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: 400;\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": 65987, "template": 2418, "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": "cart", "operator": "$exclude"}, {"id": "4", "field": "page", "value": "events", "operator": "$exclude"}, {"id": "5", "field": "page", "value": "basket", "operator": "$exclude"}, {"id": "6", "field": "page", "value": "partners", "operator": "$exclude"}, {"id": "7", "field": "page", "value": "stage", "operator": "$exclude"}, {"id": "8", "field": "page", "value": "order", "operator": "$exclude"}, {"id": "9", "field": "page", "value": "checkout", "operator": "$exclude"}], "operator": "$and"}, {"id": "10", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": true, "operation": "popmechanic-check-segment", "segmentation": {"id": 1114, "externalId": "b69c74fc-3cc8-4e35-8fbf-ef08e065e05f"}, "inSegmentByDefault": false}, "operator": "$check"}, {"id": "11", "name": "$and", "type": "current_page", "nodes": [{"id": "12", "field": "dom_element", "value": ".js__isLoggedIn", "operator": "$exists"}], "operator": "$and"}], "operator": "$and"}}, "settings_splits": [{"settings": {"title": "\u0413\u0430\u0440\u0430\u043d\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0439 \u043f\u0440\u0438\u0437!", "btn_fw": "400", "sectors": "14", "bg_color": "#ffffff", "input_fw": "400", "subtitle": "\u041f\u043e\u0434\u043f\u0438\u0441\u044b\u0432\u0430\u0439\u0442\u0435\u0441\u044c \u043d\u0430 \u0437\u043d\u0430\u043a\u043e\u0432\u0443\u044e \u0440\u0430\u0441\u0441\u044b\u043b\u043a\u0443 \u0438 \u043a\u0440\u0443\u0442\u0438\u0442\u0435 \u043a\u043e\u043b\u0435\u0441\u043e!", "title_fw": "500", "title_lh": "1.0", "tnx_title": "\u041f\u043e\u0437\u0434\u0440\u0430\u0432\u043b\u044f\u0435\u043c!", "width_mob": "310", "arrow_fill": "#fff", "bg_img_src": "https://personalization-web-stable.mindbox.ru/user-media/img/bg_img_8308687756649375530.jpg", "btn_fs_mob": "12", "height_mob": "500", "sector_odd": "#3C72BF", "title_show": "1", "width_desk": "647.00", "bg_img_show": "0", "btn_fs_desk": "20", "btn_gap_mob": "10", "checkbox_fs": "12", "close_color": "#C6C8C8", "fields_list": [{"name": "\u0418\u043c\u044f", "type": "name", "params": {}, "required": true, "placeholder": "\u0418\u043c\u044f", "machine_name": "name"}, {"name": "Email", "type": "email", "params": {}, "required": true, "placeholder": "\u042d\u043b\u0435\u043a\u0442\u0440\u043e\u043d\u043d\u0430\u044f \u043f\u043e\u0447\u0442\u0430", "machine_name": "email"}, {"name": "Phone", "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, "link_href": "https://www.bookvoed.ru/agreement", "link_text": "\u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445", "show_link": true}, "required": true, "placeholder": "\u0412\u0430\u0448 \u043d\u043e\u043c\u0435\u0440 \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0430", "machine_name": "checkbox"}, {"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"}], "font_custom": "AlergiaNormal, \"Segoe UI\", \"San Francisco\", sans-serif;", "font_family": "Roboto, sans-serif", "height_desk": "468", "img_src_mob": "https://personalization-web-stable.mindbox.ru/user-media/img/img_main_-4741568565817053079.svg", "sector_even": "#4F4F4F", "shadow_blur": "10", "shadow_show": "0", "subtitle_fw": "400", "subtitle_lh": "1.3", "title_color": "#222222", "tnx_btn_url": "#", "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": "#b2b2b2", "arrow_circle": "#4F4F4F", "arrow_offset": "33.33", "border_color": "#ff0000", "btn_bg_color": "#3C72BF", "btn_gap_desk": "10", "img_show_mob": "0", "img_src_desk": "https://personalization-web-stable.mindbox.ru/user-media/img/img_main_-4741568565817053079.svg", "input_fs_mob": "12", "input_mb_mob": "10", "sector_color": "#ffffff", "shadow_color": "#000", "title_fs_mob": "20", "tnx_btn_show": "1", "tnx_btn_text": "\u0417\u0430\u043c\u0435\u0447\u0430\u0442\u0435\u043b\u044c\u043d\u043e", "tnx_subtitle": "\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 \u043f\u0440\u0438\u0437!", "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", "arrow_img_src": "https://personalization-web-stable.mindbox.ru/user-media/28173/d7c261c7f4df9239842222e005cad954519e55ca1f0845ac945450d38f495669.png", "border_radius": "4", "btn_width_mob": "200", "checkbox_show": "1", "checkbox_size": "20", "close_bg_show": "0", "close_padding": "0", "img_show_desk": "0", "img_width_mob": "100", "input_fs_desk": "16", "input_mb_desk": "16", "padding_x_mob": "20", "padding_y_mob": "20", "shadow_spread": "0", "show_half_mob": "0", "subtitle_show": "1", "title_fs_desk": "27", "tnx_btn_blank": "1", "variant1_prob": "1", "variant1_text": "50 \u0431\u043e\u043d\u0443\u0441\u043e\u0432", "variant2_prob": "1", "variant2_text": "\u0421\u043a\u0438\u0434\u043a\u0430 25%", "variant3_prob": "1", "variant3_text": "\u0421\u043a\u0438\u0434\u043a\u0430 20%", "variant4_prob": "1", "variant4_text": "25 \u0431\u043e\u043d\u0443\u0441\u043e\u0432", "variant5_prob": "1", "variant5_text": "\u0421\u043a\u0438\u0434\u043a\u0430 15%", "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", "arrow_img_show": "0", "arrow_size_mob": "45", "btn_height_mob": "40", "btn_text_color": "#ffffff", "btn_width_desk": "200", "close_bg_color": "#222", "close_size_mob": "20", "height_fix_mob": "0", "img_width_desk": "140", "input_bg_color": "#fff", "padding_x_desk": "67.00", "padding_y_desk": "48", "sector_text_fw": "400", "show_half_desk": "1", "subtitle_color": "#222222", "tnx_btn_action": "close", "tnx_title_show": "1", "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", "arrow_shift_mob": "0", "arrow_size_desk": "85", "bg_transparency": "1", "btn_height_desk": "50", "close_size_desk": "20", "height_fix_desk": "1", "input_width_mob": "200", "rotation_result": "0", "shadow_offset_x": "0", "shadow_offset_y": "0", "subtitle_fs_mob": "18", "tnx_img_src_mob": "https://personalization-web-stable.mindbox.ru/user-media/img/img_main_success_-1611196397546702358.svg", "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", "arrow_shift_desk": "0", "border_width_mob": "0", "btn_bg_color_hov": "##3C72BF", "btn_border_color": "#000", "btn_border_width": "0", "btn_position_mob": "center", "checkbox_padding": "2", "font_custom_show": "1", "input_height_mob": "40", "input_text_color": "#000", "input_width_desk": "200", "subtitle_fs_desk": "17", "tnx_img_show_mob": "0", "tnx_img_src_desk": "https://dev.bookvoed.ru/mindbox/img/wheel_fortune_done.svg", "arrow_shadow_blur": "10", "arrow_shadow_show": "1", "border_width_desk": "0", "btn_border_radius": "4", "btn_direction_mob": "row", "btn_padding_x_mob": "10", "btn_position_desk": "center", "btn_width_fix_mob": "0", "checkbox_bg_color": "#3C72BF", "circle_bg_img_src": "https://personalization-web-stable.mindbox.ru/user-media/img/bg_circle_702003936404330.svg", "circle_radius_mob": "125", "input_error_color": "#d4351c", "input_height_desk": "50", "tnx_img_show_desk": "1", "tnx_img_width_mob": "80", "tnx_subtitle_show": "1", "arrow_border_width": "0", "arrow_shadow_color": "#000", "btn_direction_desk": "row", "btn_padding_x_desk": "10", "btn_text_color_hov": "#fff", "btn_width_fix_desk": "0", "circle_bg_img_show": "0", "circle_radius_desk": "185", "circle_shadow_blur": "10", "circle_shadow_show": "0", "img_position_x_mob": "center", "input_border_color": "#E3E3E3", "input_border_width": "1", "sector_text_fs_mob": "11", "tnx_img_width_desk": "65", "use_variants_color": "0", "checkbox_text_color": "#4F4F4F", "checkbox_tick_color": "#fff", "circle_border_color": "#ffffff", "circle_shadow_color": "#000", "close_border_radius": "0", "img_position_x_desk": "center", "input_border_radius": "4", "input_padding_x_mob": "10", "input_width_fix_mob": "0", "sector_text_fs_desk": "16", "shadow_transparency": "0.5", "variant1_background": "#6c94ba", "variant2_background": "#2D9CDA", "variant3_background": "#0054A5", "variant4_background": "#2D9CDA", "variant5_background": "#0054A5", "variant6_background": "#2D9CDA", "variant7_background": "#0054A5", "variant8_background": "#2D9CDA", "variant9_background": "#0054A5", "btn_border_color_hov": "#333", "close_position_x_mob": "5", "close_position_y_mob": "5", "input_padding_x_desk": "10", "input_width_fix_desk": "0", "sector_padding_x_mob": "15", "title_position_x_mob": "center", "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", "arrow_positioning_mob": "center", "arrow_shadow_offset_x": "0", "arrow_shadow_offset_y": "0", "btn_margin_bottom_mob": "10", "checkbox_border_color": "#3C72BF", "checkbox_border_width": "1", "close_bg_transparency": "0.5", "close_position_x_desk": "10", "close_position_y_desk": "10", "img_margin_bottom_mob": "30", "sector_padding_x_desk": "30", "title_position_x_desk": "left", "arrow_positioning_desk": "center", "btn_margin_bottom_desk": "10", "checkbox_border_radius": "2", "checkbox_margin_bottom": "0", "circle_shadow_offset_x": "0", "circle_shadow_offset_y": "0", "img_margin_bottom_desk": "40", "input_border_color_hov": "#E3E3E3", "tnx_img_position_x_mob": "center", "checkbox_link_underline": "1", "circle_border_width_mob": "4", "input_placeholder_color": "#C6C8C8", "input_text_position_mob": "center", "subtitle_position_x_mob": "center", "title_margin_bottom_mob": "15", "tnx_img_position_x_desk": "center", "use_variants_background": "0", "circle_border_width_desk": "0", "input_text_position_desk": "left", "subtitle_position_x_desk": "left", "title_margin_bottom_desk": "12", "arrow_shadow_transparency": "0.5", "tnx_img_margin_bottom_mob": "15", "circle_shadow_transparency": "0.5", "display_btn_before_filling": "1", "sector_text_position_x_mob": "right", "subtitle_margin_bottom_mob": "15", "tnx_img_margin_bottom_desk": "20", "sector_text_position_x_desk": "right", "subtitle_margin_bottom_desk": "32"}, "button_settings": {}, "conditions_splits": [{"conditions": {"session_time": "60", "pages_session": "2"}, "combinator": "and", "id": 184404}], "id": 65395, "behavior_settings": {"lead": {"legal_text": ""}, "partscreen": {"mobile": null, "tablet": null, "desktop": {"target": "window", "position": "left", "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": "\u0411\u041a: \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://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-64944.png?ts=1688548284100", "rendered_button_preview": null, "settings": {"title": "\u0413\u0430\u0440\u0430\u043d\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0439 \u043f\u0440\u0438\u0437!", "btn_fw": "400", "sectors": "14", "bg_color": "#ffffff", "input_fw": "400", "subtitle": "\u041f\u043e\u0434\u043f\u0438\u0441\u044b\u0432\u0430\u0439\u0442\u0435\u0441\u044c \u043d\u0430 \u0437\u043d\u0430\u043a\u043e\u0432\u0443\u044e \u0440\u0430\u0441\u0441\u044b\u043b\u043a\u0443 \u0438 \u043a\u0440\u0443\u0442\u0438\u0442\u0435 \u043a\u043e\u043b\u0435\u0441\u043e!", "title_fw": "500", "title_lh": "1.0", "tnx_title": "\u041f\u043e\u0437\u0434\u0440\u0430\u0432\u043b\u044f\u0435\u043c!", "width_mob": "310", "arrow_fill": "#fff", "bg_img_src": "https://personalization-web-stable.mindbox.ru/user-media/img/bg_img_8308687756649375530.jpg", "btn_fs_mob": "12", "height_mob": "500", "sector_odd": "#3C72BF", "title_show": "1", "width_desk": "647.00", "bg_img_show": "0", "btn_fs_desk": "20", "btn_gap_mob": "10", "checkbox_fs": "12", "close_color": "#C6C8C8", "fields_list": [{"name": "\u0418\u043c\u044f", "type": "name", "params": {}, "required": true, "placeholder": "\u0418\u043c\u044f", "machine_name": "name"}, {"name": "Email", "type": "email", "params": {}, "required": true, "placeholder": "\u042d\u043b\u0435\u043a\u0442\u0440\u043e\u043d\u043d\u0430\u044f \u043f\u043e\u0447\u0442\u0430", "machine_name": "email"}, {"name": "Phone", "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, "link_href": "https://www.bookvoed.ru/agreement", "link_text": "\u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445", "show_link": true}, "required": true, "placeholder": "\u0412\u0430\u0448 \u043d\u043e\u043c\u0435\u0440 \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0430", "machine_name": "checkbox"}, {"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"}], "font_custom": "AlergiaNormal, \"Segoe UI\", \"San Francisco\", sans-serif;", "font_family": "Roboto, sans-serif", "height_desk": "468", "img_src_mob": "https://personalization-web-stable.mindbox.ru/user-media/img/img_main_-4741568565817053079.svg", "sector_even": "#4F4F4F", "shadow_blur": "10", "shadow_show": "0", "subtitle_fw": "400", "subtitle_lh": "1.3", "title_color": "#222222", "tnx_btn_url": "#", "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": "#b2b2b2", "arrow_circle": "#4F4F4F", "arrow_offset": "33.33", "border_color": "#ff0000", "btn_bg_color": "#3C72BF", "btn_gap_desk": "10", "img_show_mob": "0", "img_src_desk": "https://personalization-web-stable.mindbox.ru/user-media/img/img_main_-4741568565817053079.svg", "input_fs_mob": "12", "input_mb_mob": "10", "sector_color": "#ffffff", "shadow_color": "#000", "title_fs_mob": "20", "tnx_btn_show": "1", "tnx_btn_text": "\u0417\u0430\u043c\u0435\u0447\u0430\u0442\u0435\u043b\u044c\u043d\u043e", "tnx_subtitle": "\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 \u043f\u0440\u0438\u0437!", "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", "arrow_img_src": "https://personalization-web-stable.mindbox.ru/user-media/28173/d7c261c7f4df9239842222e005cad954519e55ca1f0845ac945450d38f495669.png", "border_radius": "4", "btn_width_mob": "200", "checkbox_show": "1", "checkbox_size": "20", "close_bg_show": "0", "close_padding": "0", "img_show_desk": "0", "img_width_mob": "100", "input_fs_desk": "16", "input_mb_desk": "16", "padding_x_mob": "20", "padding_y_mob": "20", "shadow_spread": "0", "show_half_mob": "0", "subtitle_show": "1", "title_fs_desk": "27", "tnx_btn_blank": "1", "variant1_prob": "1", "variant1_text": "50 \u0431\u043e\u043d\u0443\u0441\u043e\u0432", "variant2_prob": "1", "variant2_text": "\u0421\u043a\u0438\u0434\u043a\u0430 25%", "variant3_prob": "1", "variant3_text": "\u0421\u043a\u0438\u0434\u043a\u0430 20%", "variant4_prob": "1", "variant4_text": "25 \u0431\u043e\u043d\u0443\u0441\u043e\u0432", "variant5_prob": "1", "variant5_text": "\u0421\u043a\u0438\u0434\u043a\u0430 15%", "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", "arrow_img_show": "0", "arrow_size_mob": "45", "btn_height_mob": "40", "btn_text_color": "#ffffff", "btn_width_desk": "200", "close_bg_color": "#222", "close_size_mob": "20", "height_fix_mob": "0", "img_width_desk": "140", "input_bg_color": "#fff", "padding_x_desk": "67.00", "padding_y_desk": "48", "sector_text_fw": "400", "show_half_desk": "1", "subtitle_color": "#222222", "tnx_btn_action": "close", "tnx_title_show": "1", "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", "arrow_shift_mob": "0", "arrow_size_desk": "85", "bg_transparency": "1", "btn_height_desk": "50", "close_size_desk": "20", "height_fix_desk": "1", "input_width_mob": "200", "rotation_result": "0", "shadow_offset_x": "0", "shadow_offset_y": "0", "subtitle_fs_mob": "18", "tnx_img_src_mob": "https://personalization-web-stable.mindbox.ru/user-media/img/img_main_success_-1611196397546702358.svg", "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", "arrow_shift_desk": "0", "border_width_mob": "0", "btn_bg_color_hov": "##3C72BF", "btn_border_color": "#000", "btn_border_width": "0", "btn_position_mob": "center", "checkbox_padding": "2", "font_custom_show": "1", "input_height_mob": "40", "input_text_color": "#000", "input_width_desk": "200", "subtitle_fs_desk": "17", "tnx_img_show_mob": "0", "tnx_img_src_desk": "https://dev.bookvoed.ru/mindbox/img/wheel_fortune_done.svg", "arrow_shadow_blur": "10", "arrow_shadow_show": "1", "border_width_desk": "0", "btn_border_radius": "4", "btn_direction_mob": "row", "btn_padding_x_mob": "10", "btn_position_desk": "center", "btn_width_fix_mob": "0", "checkbox_bg_color": "#3C72BF", "circle_bg_img_src": "https://personalization-web-stable.mindbox.ru/user-media/img/bg_circle_702003936404330.svg", "circle_radius_mob": "125", "input_error_color": "#d4351c", "input_height_desk": "50", "tnx_img_show_desk": "1", "tnx_img_width_mob": "80", "tnx_subtitle_show": "1", "arrow_border_width": "0", "arrow_shadow_color": "#000", "btn_direction_desk": "row", "btn_padding_x_desk": "10", "btn_text_color_hov": "#fff", "btn_width_fix_desk": "0", "circle_bg_img_show": "0", "circle_radius_desk": "185", "circle_shadow_blur": "10", "circle_shadow_show": "0", "img_position_x_mob": "center", "input_border_color": "#E3E3E3", "input_border_width": "1", "sector_text_fs_mob": "11", "tnx_img_width_desk": "65", "use_variants_color": "0", "checkbox_text_color": "#4F4F4F", "checkbox_tick_color": "#fff", "circle_border_color": "#ffffff", "circle_shadow_color": "#000", "close_border_radius": "0", "img_position_x_desk": "center", "input_border_radius": "4", "input_padding_x_mob": "10", "input_width_fix_mob": "0", "sector_text_fs_desk": "16", "shadow_transparency": "0.5", "variant1_background": "#6c94ba", "variant2_background": "#2D9CDA", "variant3_background": "#0054A5", "variant4_background": "#2D9CDA", "variant5_background": "#0054A5", "variant6_background": "#2D9CDA", "variant7_background": "#0054A5", "variant8_background": "#2D9CDA", "variant9_background": "#0054A5", "btn_border_color_hov": "#333", "close_position_x_mob": "5", "close_position_y_mob": "5", "input_padding_x_desk": "10", "input_width_fix_desk": "0", "sector_padding_x_mob": "15", "title_position_x_mob": "center", "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", "arrow_positioning_mob": "center", "arrow_shadow_offset_x": "0", "arrow_shadow_offset_y": "0", "btn_margin_bottom_mob": "10", "checkbox_border_color": "#3C72BF", "checkbox_border_width": "1", "close_bg_transparency": "0.5", "close_position_x_desk": "10", "close_position_y_desk": "10", "img_margin_bottom_mob": "30", "sector_padding_x_desk": "30", "title_position_x_desk": "left", "arrow_positioning_desk": "center", "btn_margin_bottom_desk": "10", "checkbox_border_radius": "2", "checkbox_margin_bottom": "0", "circle_shadow_offset_x": "0", "circle_shadow_offset_y": "0", "img_margin_bottom_desk": "40", "input_border_color_hov": "#E3E3E3", "tnx_img_position_x_mob": "center", "checkbox_link_underline": "1", "circle_border_width_mob": "4", "input_placeholder_color": "#C6C8C8", "input_text_position_mob": "center", "subtitle_position_x_mob": "center", "title_margin_bottom_mob": "15", "tnx_img_position_x_desk": "center", "use_variants_background": "0", "circle_border_width_desk": "0", "input_text_position_desk": "left", "subtitle_position_x_desk": "left", "title_margin_bottom_desk": "12", "arrow_shadow_transparency": "0.5", "tnx_img_margin_bottom_mob": "15", "circle_shadow_transparency": "0.5", "display_btn_before_filling": "1", "sector_text_position_x_mob": "right", "subtitle_margin_bottom_mob": "15", "tnx_img_margin_bottom_desk": "20", "sector_text_position_x_desk": "right", "subtitle_margin_bottom_desk": "32"}, "button_settings": {}, "behavior_settings": {"lead": {"legal_text": ""}, "partscreen": {"mobile": null, "tablet": null, "desktop": {"target": "window", "position": "left", "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": "<%\r\n\tvar submitDataPopmechanicIfString = function () {\r\n\t\tvar fieldConditions = [];\r\n\t\tfor (var i = 0; i < fields_list.length; i++) {\r\n\t\t\tvar field = fields_list[i];\r\n\t\t\tif (field.required && field.machine_name && field.type !== 'submit') {\r\n\t\t\t\tfieldConditions.push(\"!!lead['\" + (['email', 'name', 'phone'].indexOf(field.type) > -1 ? '' : 'customs.fields_list.') + field.machine_name + \"']\");\r\n\t\t\t}\r\n\t\t}\r\n\t\treturn \"lead&&\" + (fieldConditions.length ? fieldConditions.join(\"&&\") : \"true\");\r\n\t}();\r\n\r\n\tvar variants = [\r\n\t\tparseInt(variant1_on, 10) ? {\r\n\t\t\ttext: variant1_text,\r\n\t\t\tcolor: variant1_color,\r\n\t\t\tbackground: variant1_background\r\n\t\t} : undefined,\r\n\t\tparseInt(variant2_on, 10) ? {\r\n\t\t\ttext: variant2_text,\r\n\t\t\tcolor: variant2_color,\r\n\t\t\tbackground: variant2_background\r\n\t\t} : undefined,\r\n\t\tparseInt(variant3_on, 10) ? {\r\n\t\t\ttext: variant3_text,\r\n\t\t\tcolor: variant3_color,\r\n\t\t\tbackground: variant3_background\r\n\t\t} : undefined,\r\n\t\tparseInt(variant4_on, 10) ? {\r\n\t\t\ttext: variant4_text,\r\n\t\t\tcolor: variant4_color,\r\n\t\t\tbackground: variant4_background\r\n\t\t} : undefined,\r\n\t\tparseInt(variant5_on, 10) ? {\r\n\t\t\ttext: variant5_text,\r\n\t\t\tcolor: variant5_color,\r\n\t\t\tbackground: variant5_background\r\n\t\t} : undefined,\r\n\t\tparseInt(variant6_on, 10) ? {\r\n\t\t\ttext: variant6_text,\r\n\t\t\tcolor: variant6_color,\r\n\t\t\tbackground: variant6_background\r\n\t\t} : undefined,\r\n\t\tparseInt(variant7_on, 10) ? {\r\n\t\t\ttext: variant7_text,\r\n\t\t\tcolor: variant7_color,\r\n\t\t\tbackground: variant7_background\r\n\t\t} : undefined,\r\n\t\tparseInt(variant8_on, 10) ? {\r\n\t\t\ttext: variant8_text,\r\n\t\t\tcolor: variant8_color,\r\n\t\t\tbackground: variant8_background\r\n\t\t} : undefined,\r\n\t\tparseInt(variant9_on, 10) ? {\r\n\t\t\ttext: variant9_text,\r\n\t\t\tcolor: variant9_color,\r\n\t\t\tbackground: variant9_background\r\n\t\t} : undefined,\r\n\t\tparseInt(variant10_on, 10) ? {\r\n\t\t\ttext: variant10_text,\r\n\t\t\tcolor: variant10_color,\r\n\t\t\tbackground: variant10_background\r\n\t\t} : undefined,\r\n\t\tparseInt(variant11_on, 10) ? {\r\n\t\t\ttext: variant11_text,\r\n\t\t\tcolor: variant11_color,\r\n\t\t\tbackground: variant11_background\r\n\t\t} : undefined,\r\n\t\tparseInt(variant12_on, 10) ? {\r\n\t\t\ttext: variant12_text,\r\n\t\t\tcolor: variant12_color,\r\n\t\t\tbackground: variant12_background\r\n\t\t} : undefined,\r\n\t\tparseInt(variant13_on, 10) ? {\r\n\t\t\ttext: variant13_text,\r\n\t\t\tcolor: variant13_color,\r\n\t\t\tbackground: variant13_background\r\n\t\t} : undefined,\r\n\t\tparseInt(variant14_on, 10) ? {\r\n\t\t\ttext: variant14_text,\r\n\t\t\tcolor: variant14_color,\r\n\t\t\tbackground: variant14_background\r\n\t\t} : undefined,\r\n\t\tparseInt(variant15_on, 10) ? {\r\n\t\t\ttext: variant15_text,\r\n\t\t\tcolor: variant15_color,\r\n\t\t\tbackground: variant15_background\r\n\t\t} : undefined,\r\n\t\tparseInt(variant16_on, 10) ? {\r\n\t\t\ttext: variant16_text,\r\n\t\t\tcolor: variant16_color,\r\n\t\t\tbackground: variant16_background\r\n\t\t} : undefined,\r\n\t\tparseInt(variant17_on, 10) ? {\r\n\t\t\ttext: variant17_text,\r\n\t\t\tcolor: variant17_color,\r\n\t\t\tbackground: variant17_background\r\n\t\t} : undefined,\r\n\t\tparseInt(variant18_on, 10) ? {\r\n\t\t\ttext: variant18_text,\r\n\t\t\tcolor: variant18_color,\r\n\t\t\tbackground: variant18_background\r\n\t\t} : undefined\r\n\t].filter(function (variant) {\r\n\t\treturn typeof variant !== \"undefined\";\r\n\t});\r\n\r\n\tvar circle_positioning_desk = 'left';\r\n\tvar circle_positioning_mob = 'top';\r\n%>\r\n<style>\r\n@media screen and (max-width: 700px){\r\n   #popmechanic-container-53123.popmechanic-mobile #popmechanic-form-53123 .popmechanic-arrow-wrapper-top {\r\n    top: -125px !important;\r\n    left: 10% !important;\r\n    transform: rotate(180deg) !important;\r\n}\r\n    #popmechanic-container-53123.popmechanic-mobile #popmechanic-form-53123 .popmechanic-content {\r\n    padding-top: 50px !important;\r\n}}\r\n</style>\r\n<div class=\"popmechanic-reset\"\r\n\t\t id=\"popmechanic-form\">\r\n\t<div\r\n\t\t\t class=\"popmechanic-arrow-wrapper popmechanic-arrow-wrapper-<%= desktop ? circle_positioning_desk : circle_positioning_mob %>\">\r\n\t\t<div\r\n\t\t\t\t class=\"popmechanic-circle-container popmechanic-circle-container-<%= desktop ? circle_positioning_desk : circle_positioning_mob %>\">\r\n\t\t\t<div class=\"popmechanic-circle\">\r\n\t\t\t\t<div class=\"popmechanic-circle-inner\">\r\n\t\t\t\t\t<svg viewBox=\"0 0 12 12\"\r\n\t\t\t\t\t\t\t class=\"popmechanic-circle-backdrop\"\r\n\t\t\t\t\t\t\t xmlns=\"http://www.w3.org/2000/svg\">\r\n\t\t\t\t\t\t<g transform=\"translate(6,6)\">\r\n\t\t\t\t\t\t\t<%\r\n\t\t\t\t\t\t\t\tvar angle = 360 / sectors;\r\n\t\t\t\t\t\t\t\tvar angleRad = Math.PI * angle / 180;\r\n\t\t\t\t\t\t\t\tvar variantIndex = 0;\r\n\t\t\t\t\t\t\t\tfor (var sectorIndex = 0; sectorIndex < sectors; sectorIndex++) {\r\n\t\t\t\t\t\t\t\t\tvar x = Math.sin(angleRad) * 6;\r\n\t\t\t\t\t\t\t\t\tvar y = -1 * Math.cos(angleRad) * 6;\r\n\t\t\t\t\t\t\t\t\tvar rotate = angle * sectorIndex;\r\n\t\t\t\t\t\t\t\t\tvar fill = \"\";\r\n\t\t\t\t\t\t\t\t\tif (parseInt(use_variants_background, 10)) {\r\n\t\t\t\t\t\t\t\t\t\tfill = variants[variantIndex].background;\r\n\t\t\t\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\t\t\t\tif (sectorIndex % 2 === 0) {\r\n\t\t\t\t\t\t\t\t\t\t\tfill = sector_odd;\r\n\t\t\t\t\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\t\t\t\t\tfill = sector_even;\r\n\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t%>\r\n\t\t\t\t\t\t\t<path fill=\"<%= fill %>\"\r\n\t\t\t\t\t\t\t\t\t\td=\"M0 0 0 -6A6 6 0 0 1 <%= x %> <%= y %>Z\"\r\n\t\t\t\t\t\t\t\t\t\ttransform=\"rotate(<%= rotate %> 0 0)\">\r\n\t\t\t\t\t\t\t</path>\r\n\t\t\t\t\t\t\t<%\r\n\t\t\t\t\t\t\t\tif ((variantIndex + 1) < variants.length) {\r\n\t\t\t\t\t\t\t\t\tvariantIndex++;\r\n\t\t\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\t\t\tvariantIndex = 0;\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t%>\r\n\t\t\t\t\t\t</g>\r\n\t\t\t\t\t</svg>\r\n\t\t\t\t\t<ul class=\"popmechanic-circle-texts sector_<%= sectors %>\">\r\n\t\t\t\t\t\t<%\r\n\t\t\t\t\t\t\tvariantIndex = 0;\r\n\t\t\t\t\t\t\tfor(var sectorIndex = 0; sectorIndex < sectors; sectorIndex++) {\r\n\t\t\t\t\t\t\t\tvar sectorRotate = angle * 0.5 + angle * sectorIndex - 90;\r\n\t\t\t\t\t\t\t\tvar color = \"\";\r\n\t\t\t\t\t\t\t\tif (parseInt(use_variants_color, 10)) {\r\n\t\t\t\t\t\t\t\t\tcolor = variants[variantIndex].color;\r\n\t\t\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\t\t\tcolor = sector_color;\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t%>\r\n\t\t\t\t\t\t<li class=\"popmechanic-sector\"\r\n\t\t\t\t\t\t\t\tstyle=\"transform: rotate(<%= sectorRotate %>deg)\">\r\n\t\t\t\t\t\t\t<div class=\"popmechanic-sector-text\">\r\n\t\t\t\t\t\t\t\t<span class=\"popmechanic-sector-text_big\"\r\n\t\t\t\t\t\t\t\t\t\t\tstyle=\"color: <%= color %>;\"><%= variants[variantIndex].text %></span>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</li>\r\n\t\t\t\t\t\t<%\r\n\t\t\t\t\t\t\tif ((variantIndex + 1) < variants.length) {\r\n\t\t\t\t\t\t\t\tvariantIndex++;\r\n\t\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\t\tvariantIndex = 0;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\t%>\r\n\t\t\t\t\t</ul>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\r\n\t\t</div>\r\n\t\t<div class=\"popmechanic-arrow popmechanic-arrow-<%= desktop ? arrow_positioning_desk : arrow_positioning_mob %>\">\r\n\t\t\t<div class=\"popmechanic-arrow-shadow\">\r\n\t\t\t\t<% if (parseInt(arrow_img_show)) { %>\r\n\t\t\t\t<img src=\"<%= arrow_img_src %>\"\r\n\t\t\t\t\t\t alt=\"\">\r\n\t\t\t\t<% } else { %>\r\n\t\t\t\t<svg xmlns=\"http://www.w3.org/2000/svg\"\r\n\t\t\t\t\t\t viewBox=\"0 0 120 120\">\r\n\t\t\t\t\t<path fill=\"<%= arrow_fill %>\"\r\n\t\t\t\t\t\t\t\tstroke=\"<%= arrow_border %>\"\r\n\t\t\t\t\t\t\t\tstroke-width=\"<%= arrow_border_width %>\"\r\n\t\t\t\t\t\t\t\td=\"m51.763 32.683 55.601 27.8-55.601 27.801C31.096 98.617 6.78 83.589 6.78 60.484c0-23.106 24.316-38.135 44.983-27.801Z\" />\r\n\t\t\t\t\t<ellipse cx=\"40\"\r\n\t\t\t\t\t\t\t\t\t cy=\"60\"\r\n\t\t\t\t\t\t\t\t\t fill=\"<%= arrow_circle %>\"\r\n\t\t\t\t\t\t\t\t\t rx=\"11\"\r\n\t\t\t\t\t\t\t\t\t ry=\"11\" />\r\n\t\t\t\t</svg>\r\n\t\t\t\t<% } %>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n\r\n\t<div class=\"popmechanic-main\">\r\n\r\n\t\t<div class=\"popmechanic-content\">\r\n\t\t\t<div class=\"popmechanic-close\"\r\n\t\t\t\t\t data-popmechanic-close></div>\r\n\r\n\t\t\t<% if (desktop && parseInt(img_show_desk)) { %>\r\n\t\t\t<img src=\"<%= img_src_desk %>\"\r\n\t\t\t\t\t alt=\"\"\r\n\t\t\t\t\t class=\"popmechanic-image\">\r\n\t\t\t<% } %>\r\n\t\t\t<% if (!desktop && parseInt(img_show_mob)) { %>\r\n\t\t\t<img src=\"<%= img_src_mob %>\"\r\n\t\t\t\t\t alt=\"\"\r\n\t\t\t\t\t class=\"popmechanic-image\">\r\n\t\t\t<% } %>\r\n\r\n\t\t\t<% if (parseInt(title_show)) { %>\r\n\t\t\t<div class=\"popmechanic-title\"><%= title %></div>\r\n\t\t\t<% } %>\r\n\r\n\t\t\t<% if (parseInt(subtitle_show)) { %>\r\n\t\t\t<div class=\"popmechanic-subtitle\"><%= subtitle %></div>\r\n\t\t\t<% } %>\r\n\r\n\t\t\t<div class=\"popmechanic-inputs\">\r\n\t\t\t\t<div class=\"popmechanic-inputs-wrapper\">\r\n\t\t\t\t\t<%\r\n\t\t\t\t\t\tfor (var i = 0; i < fields_list.length; i++) {\r\n\t\t\t\t\t\t\tvar field = fields_list[i];\r\n\t\t\t\t\t\t\tvar required = \"data-popmechanic-\" + (field.required ? \"required\" : \"unrequired\");\r\n\t\t\t\t\t\t\tif (!field) continue;\r\n\t\t\t\t\t\t\t\tswitch (field.type) {\r\n\t\t\t\t\t\t\tcase \"text\":\r\n\t\t\t\t\t%>\r\n\t\t\t\t\t<div class=\"popmechanic-field\">\r\n\t\t\t\t\t\t<input type=\"text\"\r\n\t\t\t\t\t\t\t\t\t class=\"popmechanic-input\"\r\n\t\t\t\t\t\t\t\t\t data-popmechanic-input=\"customs.fields_list.<%= field.machine_name %>\"\r\n\t\t\t\t\t\t\t\t\t placeholder=\"<%= field.placeholder %>\"\r\n\t\t\t\t\t\t\t\t\t <%= required %>>\r\n\t\t\t\t\t\t<% if (field.show_error_message && field.required) { %>\r\n\t\t\t\t\t\t<div class=\"popmechanic-error-message\"><%= field.error_message_text %></div>\r\n\t\t\t\t\t\t<% } %>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<%\r\n\t\t\t\t\t\t\tbreak;\r\n\t\t\t\t\t\tcase \"name\":\r\n\t\t\t\t\t\tcase \"phone\":\r\n\t\t\t\t\t%>\r\n\t\t\t\t\t<div class=\"popmechanic-field\">\r\n\t\t\t\t\t\t<input type=\"text\"\r\n\t\t\t\t\t\t\t\t\t class=\"popmechanic-input\"\r\n\t\t\t\t\t\t\t\t\t data-popmechanic-input=\"<%= field.machine_name %>\"\r\n\t\t\t\t\t\t\t\t\t placeholder=\"<%= field.placeholder %>\"\r\n\t\t\t\t\t\t\t\t\t <%= required %>>\r\n\t\t\t\t\t\t<% if (field.show_error_message && field.required) { %>\r\n\t\t\t\t\t\t<div class=\"popmechanic-error-message\"><%= field.error_message_text %></div>\r\n\t\t\t\t\t\t<% } %>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<%\r\n\t\t\t\t\t\t\tbreak;\r\n\t\t\t\t\t\tcase \"email\":\r\n\t\t\t\t\t%>\r\n\t\t\t\t\t<div class=\"popmechanic-field\">\r\n\t\t\t\t\t\t<input type=\"email\"\r\n\t\t\t\t\t\t\t\t\t class=\"popmechanic-input\"\r\n\t\t\t\t\t\t\t\t\t data-popmechanic-input=\"<%= field.machine_name %>\"\r\n\t\t\t\t\t\t\t\t\t placeholder=\"<%= field.placeholder %>\"\r\n\t\t\t\t\t\t\t\t\t <%= required %>>\r\n\t\t\t\t\t\t<% if (field.show_error_message && field.required) { %>\r\n\t\t\t\t\t\t<div class=\"popmechanic-error-message\"><%= field.error_message_text %></div>\r\n\t\t\t\t\t\t<% } %>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<%\r\n\t\t\t\t\t\t\tbreak;\r\n\t\t\t\t\t\tcase \"number\":\r\n\t\t\t\t\t%>\r\n\t\t\t\t\t<div class=\"popmechanic-field\">\r\n\t\t\t\t\t\t<input type=\"number\"\r\n\t\t\t\t\t\t\t\t\t class=\"popmechanic-input\"\r\n\t\t\t\t\t\t\t\t\t data-popmechanic-input=\"customs.fields_list.<%= field.machine_name %>\"\r\n\t\t\t\t\t\t\t\t\t placeholder=\"<%= field.placeholder %>\"\r\n\t\t\t\t\t\t\t\t\t <%= required %>>\r\n\t\t\t\t\t\t<% if (field.show_error_message && field.required) { %>\r\n\t\t\t\t\t\t<div class=\"popmechanic-error-message\"><%= field.error_message_text %></div>\r\n\t\t\t\t\t\t<% } %>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<%\r\n\t\t\t\t\t\t\tbreak;\r\n\t\t\t\t\t\tcase \"date\":\r\n\t\t\t\t\t%>\r\n\t\t\t\t\t<div class=\"popmechanic-field\">\r\n\t\t\t\t\t\t<input data-popmechanic-type=\"date\"\r\n\t\t\t\t\t\t\t\t\t class=\"popmechanic-input\"\r\n\t\t\t\t\t\t\t\t\t data-popmechanic-input=\"customs.fields_list.<%= field.machine_name %>\"\r\n\t\t\t\t\t\t\t\t\t placeholder=\"<%= field.placeholder %>\"\r\n\t\t\t\t\t\t\t\t\t <%= required %>>\r\n\t\t\t\t\t\t<% if (field.show_error_message && field.required) { %>\r\n\t\t\t\t\t\t<div class=\"popmechanic-error-message\"><%= field.error_message_text %></div>\r\n\t\t\t\t\t\t<% } %>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<%\r\n\t\t\t\t\t\t\tbreak;\r\n\t\t\t\t\t\tcase \"select\":\r\n\t\t\t\t\t%>\r\n\t\t\t\t\t<div class=\"popmechanic-field\">\r\n\t\t\t\t\t\t<select class=\"popmechanic-input\"\r\n\t\t\t\t\t\t\t\t\t\tonchange=\"(this.value) ? this.classList.add('popmechanic-placeholder') : ''\"\r\n\t\t\t\t\t\t\t\t\t\t<% if (field.placeholder) { %>\r\n\t\t\t\t\t\t\t\t\t\tdata-popmechanic-placeholder\r\n\t\t\t\t\t\t\t\t\t\t<% } %>\r\n\t\t\t\t\t\t\t\t\t\tdata-popmechanic-input=\"customs.fields_list.<%= field.machine_name %>\"\r\n\t\t\t\t\t\t\t\t\t\t<%= required %>>\r\n\t\t\t\t\t\t\t<% if (field.placeholder) { %>\r\n\t\t\t\t\t\t\t<option value=\"\"\r\n\t\t\t\t\t\t\t\t\t\t\tselected\r\n\t\t\t\t\t\t\t\t\t\t\tdisabled><%= field.placeholder %></option>\r\n\t\t\t\t\t\t\t<%\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\tfor (var oi = 0; oi < field.params.options.length; oi++) {\r\n\t\t\t\t\t\t\t\t\tvar opt = field.params.options[oi];\r\n\t\t\t\t\t\t\t%>\r\n\t\t\t\t\t\t\t<option value=\"<%= opt %>\"><%= opt %></option>\r\n\t\t\t\t\t\t\t<% } %>\r\n\t\t\t\t\t\t</select>\r\n\r\n\t\t\t\t\t\t<% if (field.show_error_message && field.required) { %>\r\n\t\t\t\t\t\t<div class=\"popmechanic-error-message\"><%= field.error_message_text %></div>\r\n\t\t\t\t\t\t<% } %>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<%\r\n\t\t\t\t\t\tbreak;\r\n\t\t\t\t\t\tcase \"checkbox\":\r\n\t\t\t\t\t%>\r\n\t\t\t\t\t<div class=\"popmechanic-field\">\r\n\t\t\t\t\t\t<div class=\"popmechanic-checkbox\">\r\n\t\t\t\t\t\t\t<label class=\"popmechanic-checkbox__label\">\r\n\t\t\t\t\t\t\t\t<input type=\"checkbox\"\r\n\t\t\t\t\t\t\t\t\t\t\t class=\"popmechanic-input-hidden popmechanic-checkbox__input\"\r\n\t\t\t\t\t\t\t\t\t\t\t <%= field.params.checked ? \"checked\" : \"\" %>\r\n\t\t\t\t\t\t\t\t\t\t\t data-popmechanic-input=\"customs.fields_list.<%= field.machine_name %>\"\r\n\t\t\t\t\t\t\t\t\t\t\t <%= required %>\r\n\t\t\t\t\t\t\t\t\t\t\t value=\"1\">\r\n\t\t\t\t\t\t\t\t<div class=\"popmechanic-checkbox__check\">\r\n\t\t\t\t\t\t\t\t\t<svg xmlns='http://www.w3.org/2000/svg'\r\n\t\t\t\t\t\t\t\t\t\t\t viewBox='0 0 20 20'>\r\n\t\t\t\t\t\t\t\t\t\t<g stroke='currentColor'\r\n\t\t\t\t\t\t\t\t\t\t\t stroke-linecap='square'\r\n\t\t\t\t\t\t\t\t\t\t\t stroke-linejoin='round'\r\n\t\t\t\t\t\t\t\t\t\t\t stroke-width='3'>\r\n\t\t\t\t\t\t\t\t\t\t\t<path d='M3.12 12.64l4.12 3.4M7.24 16.04l9.65-12.09' />\r\n\t\t\t\t\t\t\t\t\t\t</g>\r\n\t\t\t\t\t\t\t\t\t</svg>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t<% if (field.show_error_message && parseInt(checkbox_show) && field.required) { %>\r\n\t\t\t\t\t\t\t\t<div class=\"popmechanic-error-message\"><%= field.error_message_text %></div>\r\n\t\t\t\t\t\t\t\t<% } %>\r\n\t\t\t\t\t\t\t</label>\r\n\t\t\t\t\t\t\t<span class=\"popmechanic-checkbox__text\">\r\n\t\t\t\t\t\t\t\t<%\r\n\t\t\t\t\t\t\t\t\tprint(field.label);\r\n\t\t\t\t\t\t\t\t\tif (field.params.show_link) {\r\n\t\t\t\t\t\t\t\t%>\r\n\t\t\t\t\t\t\t\t<a href=\"<%= field.params.link_href %>\"\r\n\t\t\t\t\t\t\t\t\t class=\"popmechanic-checkbox__link\"\r\n\t\t\t\t\t\t\t\t\t target=\"_blank\"><%= field.params.link_text %></a> <%= field.params.text_after_link %>\r\n\t\t\t\t\t\t\t\t<% } %>\r\n\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<%\r\n\t\t\t\t\t\tbreak;\r\n\t\t\t\t\t\tcase \"submit\":\r\n\t\t\t\t\t%>\r\n\t\t\t\t\t<button type=\"button\"\r\n\t\t\t\t\t\t\t\t\tname=\"button\"\r\n\t\t\t\t\t\t\t\t\tclass=\"popmechanic-hidden\"\r\n\t\t\t\t\t\t\t\t\tdata-popmechanic-submit><%= field.params.submit1_text %></button>\r\n\t\t\t\t\t<%\r\n\t\t\t\t\t\tif (field.params.submits_count === 1) {\r\n\t\t\t\t\t\tif (parseInt(display_btn_before_filling, 10)) {\r\n\t\t\t\t\t%>\r\n\t\t\t\t\t<button type=\"button\"\r\n\t\t\t\t\t\t\t\t\tname=\"button\"\r\n\t\t\t\t\t\t\t\t\tclass=\"popmechanic-submit\"\r\n\t\t\t\t\t\t\t\t\tdisabled\r\n\t\t\t\t\t\t\t\t\tdata-popmechanic-if=\"!(<%= submitDataPopmechanicIfString %>)\"><%= field.params.submit1_text %></button>\r\n\t\t\t\t\t<% } %>\r\n\t\t\t\t\t<button type=\"button\"\r\n\t\t\t\t\t\t\t\t\tname=\"button\"\r\n\t\t\t\t\t\t\t\t\tclass=\"popmechanic-submit\"\r\n\t\t\t\t\t\t\t\t\tonclick=\"PopMechanic.Rotate2418()\"\r\n\t\t\t\t\t\t\t\t\tdata-popmechanic-if=\"<%= submitDataPopmechanicIfString %>\"><%= field.params.submit1_text %></button>\r\n\t\t\t\t\t<% } else {\r\n\t\t\t\t\t\tif (parseInt(display_btn_before_filling, 10)) {\r\n\t\t\t\t\t%>\r\n\r\n\t\t\t\t\t<div class=\"popmechanic-buttons-wrapper popmechanic-preview-only\"\r\n\t\t\t\t\t\t\t data-popmechanic-if=\"!(<%= submitDataPopmechanicIfString %>)\">\r\n\t\t\t\t\t\t<div class=\"popmechanic-buttons\">\r\n\t\t\t\t\t\t\t<button type=\"button\"\r\n\t\t\t\t\t\t\t\t\t\t\tname=\"button\"\r\n\t\t\t\t\t\t\t\t\t\t\tclass=\"popmechanic-submit\"\r\n\t\t\t\t\t\t\t\t\t\t\tdisabled\r\n\t\t\t\t\t\t\t\t\t\t\tonclick=\"PopMechanic.customs['fields_list.<%= field.machine_name %>'] = '<%= field.params.submit1_value %>';PopMechanic.Rotate2418();\"><%= field.params.submit1_text %></button>\r\n\t\t\t\t\t\t\t<button type=\"button\"\r\n\t\t\t\t\t\t\t\t\t\t\tname=\"button\"\r\n\t\t\t\t\t\t\t\t\t\t\tclass=\"popmechanic-submit\"\r\n\t\t\t\t\t\t\t\t\t\t\tdisabled\r\n\t\t\t\t\t\t\t\t\t\t\tonclick=\"PopMechanic.customs['fields_list.<%= field.machine_name %>'] = '<%= field.params.submit2_value %>';PopMechanic.Rotate2418();\"><%= field.params.submit2_text %></button>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<% } %>\r\n\r\n\t\t\t\t\t<div class=\"popmechanic-buttons-wrapper\"\r\n\t\t\t\t\t\t\t data-popmechanic-if=\"<%= submitDataPopmechanicIfString %>\">\r\n\t\t\t\t\t\t<div class=\"popmechanic-buttons\">\r\n\t\t\t\t\t\t\t<button type=\"button\"\r\n\t\t\t\t\t\t\t\t\t\t\tname=\"button\"\r\n\t\t\t\t\t\t\t\t\t\t\tclass=\"popmechanic-submit\"\r\n\t\t\t\t\t\t\t\t\t\t\tonclick=\"PopMechanic.customs['fields_list.<%= field.machine_name %>'] = '<%= field.params.submit1_value %>';PopMechanic.Rotate2418();\"><%= field.params.submit1_text %></button>\r\n\t\t\t\t\t\t\t<button type=\"button\"\r\n\t\t\t\t\t\t\t\t\t\t\tname=\"button\"\r\n\t\t\t\t\t\t\t\t\t\t\tclass=\"popmechanic-submit\"\r\n\t\t\t\t\t\t\t\t\t\t\tonclick=\"PopMechanic.customs['fields_list.<%= field.machine_name %>'] = '<%= field.params.submit2_value %>';PopMechanic.Rotate2418();\"><%= field.params.submit2_text %></button>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<%\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\tbreak;\r\n\t\t\t\t\t\tdefault:\r\n\t\t\t\t\t}\r\n\t\t\t\t\t} %>\r\n\t\t\t\t</div>\r\n\r\n\t\t\t\t<input class=\"popmechanic-hidden popmechanic-input\"\r\n\t\t\t\t\t\t\t type=\"text\"\r\n\t\t\t\t\t\t\t data-popmechanic-input=\"customs.result2418\"\r\n\t\t\t\t\t\t\t data-popmechanic-required>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n\r\n\t<div class=\"popmechanic-thankyou\">\r\n\t\t<div class=\"popmechanic-content\">\r\n\t\t\t<div class=\"popmechanic-close\"\r\n\t\t\t\t\t data-popmechanic-close></div>\r\n\r\n\t\t\t<% if (desktop && parseInt(tnx_img_show_desk)) { %>\r\n\t\t\t<img src=\"<%= tnx_img_src_desk %>\"\r\n\t\t\t\t\t alt=\"\"\r\n\t\t\t\t\t class=\"popmechanic-image\">\r\n\t\t\t<% } %>\r\n\t\t\t<% if (!desktop && parseInt(tnx_img_show_mob)) { %>\r\n\t\t\t<img src=\"<%= tnx_img_src_mob %>\"\r\n\t\t\t\t\t alt=\"\"\r\n\t\t\t\t\t class=\"popmechanic-image\">\r\n\t\t\t<% } %>\r\n\r\n\t\t\t<% if (parseInt(tnx_title_show)) { %>\r\n\t\t\t<div class=\"popmechanic-title\"><%= tnx_title %></div>\r\n\t\t\t<% } %>\r\n\r\n\t\t\t<% if (parseInt(tnx_subtitle_show)) { %>\r\n\t\t\t<div class=\"popmechanic-subtitle\"><%= tnx_subtitle %></div>\r\n\t\t\t<% } %>\r\n\r\n\t\t\t<% if (parseInt(tnx_btn_show)) { %>\r\n\t\t\t<% if (tnx_btn_action === \"link\") { %>\r\n\t\t\t<a class=\"popmechanic-submit\"\r\n\t\t\t\t href=\"<%= tnx_btn_url %>\"\r\n\t\t\t\t data-popmechanic-close\r\n\t\t\t\t <%= parseInt(tnx_btn_blank) ? 'target=\"_blank\"' : '' %>>\r\n\t\t\t\t<%= tnx_btn_text %>\r\n\t\t\t</a>\r\n\t\t\t<% } else { %>\r\n\t\t\t<button type=\"button\"\r\n\t\t\t\t\t\t\tname=\"button\"\r\n\t\t\t\t\t\t\tclass=\"popmechanic-submit\"\r\n\t\t\t\t\t\t\tdata-popmechanic-close><%= tnx_btn_text %>\r\n\t\t\t</button>\r\n\t\t\t<% } %>\r\n\t\t\t<% } %>\r\n\t\t</div>\r\n\t</div>\r\n</div>", "css": "<% if (!parseInt(font_custom_show)) { %>\r\n\t@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;600;700;800&display=swap');\r\n<% } %>\r\n\r\n<%\r\n\tfunction hexToRgb(hex) {\r\n\t\treturn hex.replace(/^#?([a-f\\d])([a-f\\d])([a-f\\d])$/i, function (m, r, g, b) {\r\n\t\t\treturn \"#\".concat(r).concat(r).concat(g).concat(g).concat(b).concat(b);\r\n\t\t}).substring(1).match(/.{2}/g).map(function (x) {\r\n\t\t\treturn parseInt(x, 16);\r\n\t\t});\r\n\t};\r\n\r\n\tfunction setArrowDirection(side) {\r\n\t\treturn {\r\n\t\t\t'left': '180',\r\n\t\t\t'right': '0',\r\n\t\t\t'top': '270',\r\n\t\t\t'bottom': '90'\r\n\t\t}[side];\r\n\t}\r\n\r\n\tvar error_message_lh = 1.5;\r\n\tvar circle_positioning_desk = 'left';\r\n\tvar circle_positioning_mob = 'top';\r\n\tvar arrow_direction_desk = 'right';\r\n\tvar arrow_direction_mob = 'bottom';\r\n%>\r\n\r\n\r\n@font-face {\r\n  font-family: 'AlergiaNormal';\r\n  font-style: normal;\r\n  font-display: swap;\r\n  src: url('https://www.bookvoed.ru/fonts/Alergia/AlergiaNormal-Regular.woff2') format('woff2');\r\n}\r\n.popmechanic-title, .popmechanic-subtitle{\r\n    margin-bottom:10px !important;\r\n}\r\n.popmechanic-content{\r\n    height:345px !important;\r\n}\r\n.popmechanic-inputs-wrapper {\r\n    gap: 8px !important;\r\n    \r\n}\r\nli.popmechanic-sector{\r\n    margin-left:0px !important;\r\n}\r\n.popmechanic-reset,\r\n.popmechanic-reset * {\r\n\tbox-sizing: border-box;\r\n\tfont-size: 16px;\r\n\tline-height: normal;\r\n}\r\n.popmechanic-reset::before,\r\n.popmechanic-reset::after,\r\n.popmechanic-reset *::before,\r\n.popmechanic-reset *::after {\r\n\tbox-sizing: border-box;\r\n}\r\n/* FOCUS */\r\n.popmechanic-reset *:focus,\r\n.popmechanic-reset *:focus + .popmechanic-checkbox__check {\r\n\toutline: none;\r\n\tborder: 2px solid rgba(30, 144, 255, 0.5) !important;\r\n}\r\n.popmechanic-reset A,\r\n.popmechanic-reset * A {\r\n\tcolor: inherit;\r\n\tfont-size: inherit;\r\n}\r\n.popmechanic-reset INPUT,\r\n.popmechanic-reset BUTTON,\r\n.popmechanic-reset * INPUT,\r\n.popmechanic-reset * BUTTON {\r\n\tdisplay: block;\r\n\tmax-width: 100%;\r\n\tpadding: 0;\r\n\tborder: 0;\r\n\tborder-radius: 0;\r\n\tbackground: none;\r\n\tword-break: break-word;\r\n\toverflow-wrap: break-word;\r\n\tfont-family: inherit;\r\n\tfont-size: inherit;\r\n\t-webkit-appearance: none;\r\n\t\t\t\t\tappearance: none;\r\n}\r\n.popmechanic-reset INPUT::placeholder,\r\n.popmechanic-reset * INPUT::placeholder {\r\n\tfont-style: normal;\r\n\topacity: 1;\r\n}\r\n.popmechanic-reset BUTTON,\r\n.popmechanic-reset * BUTTON {\r\n\theight: auto;\r\n\tcursor: pointer;\r\n}\r\n.popmechanic-input-hidden {\r\n\tposition: absolute;\r\n\ttop: 0;\r\n\tleft: 0;\r\n\twidth: 0;\r\n\theight: 0;\r\n\topacity: 0;\r\n}\r\n.popmechanic-reset SVG {\r\n\tdisplay: block;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\tmax-width: 100%;\r\n\tmax-height: 100%;\r\n}\r\n#popmechanic-form {\r\n\tposition: relative;\r\n\tdisplay: inline-block;\r\n\tvertical-align: middle;\r\n\tbottom:-150px !important;\r\n\t<% if (parseInt(font_custom_show)) { %>\r\n\t\tfont-family: <%= font_custom %>;\r\n\t<% } else { %>\r\n\t\tfont-family: <%= font_family %>;\r\n\t<% } %>\r\n}\r\n#popmechanic-form .popmechanic-main,\r\n#popmechanic-form .popmechanic-thankyou {\r\n\tdisplay: flex;\r\n\tposition: relative;\r\n}\r\n#popmechanic-form .popmechanic-circle-container {\r\n\tposition: absolute;\r\n\tz-index: 2;\r\n\tdisplay: flex;\r\n\tjustify-content: flex-start;\r\n\talign-items: center;\r\n\toverflow: hidden;\r\n\t<% if (parseInt(circle_shadow_show)) { %>\r\n\t\tfilter:\r\n\t\t\tdrop-shadow(<%= circle_shadow_offset_x %>px <%= circle_shadow_offset_y %>px <%= circle_shadow_blur %>px rgba(<%= hexToRgb(circle_shadow_color) %>, <%= circle_shadow_transparency %>));\r\n\t<% } %>\r\n}\r\n#popmechanic-form .popmechanic-circle {\r\n\tdisplay: flex;\r\n\tflex-shrink: 0;\r\n\tborder: 0 solid <%= circle_border_color %>;\r\n\tborder-radius: 50%;\r\n\toverflow: hidden;\r\n\ttransition: transform 3s;\r\n}\r\n#popmechanic-form .popmechanic-circle-inner {\r\n\tposition: relative;\r\n\tdisplay: block;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\t<% if (parseInt(circle_bg_img_show)) { %>\r\n\t\tbackground-image: url(<%= circle_bg_img_src %>);\r\n\t\tbackground-position: center;\r\n\t\tbackground-repeat: no-repeat;\r\n\t\tbackground-size: cover;\r\n\t<% } %>\r\n}\r\n<% if (parseInt(circle_bg_img_show)) { %>\r\n\t#popmechanic-form .popmechanic-circle-inner * {\r\n\t\topacity: 0;\r\n\t}\r\n<% } %>\r\n#popmechanic-form .popmechanic-circle-backdrop {\r\n\tposition: absolute;\r\n}\r\n#popmechanic-form .popmechanic-arrow-wrapper {\r\n\tposition: absolute;\r\n\tz-index: 3;\r\n}\r\n#popmechanic-form .popmechanic-arrow {\r\n\tposition: absolute;\r\n\tz-index: 3;\r\n\theight: auto;\r\n}\r\n#popmechanic-form .popmechanic-arrow-shadow {\r\n\t--arrow_shadow_offset_x: <%= arrow_shadow_offset_x %>px;\r\n\t--arrow_shadow_offset_y: <%= arrow_shadow_offset_y %>px;\r\n\t<% if (parseInt(arrow_shadow_show)) { %>\r\n\t\tfilter: drop-shadow(var(--arrow_shadow_offset_x) var(--arrow_shadow_offset_y) <%= arrow_shadow_blur %>px rgba(<%= hexToRgb(arrow_shadow_color) %>, <%= arrow_shadow_transparency %>));\r\n\t<% } %>\r\n}\r\n#popmechanic-form .popmechanic-arrow-top .popmechanic-arrow-shadow,\r\n#popmechanic-form .popmechanic-arrow-bottom .popmechanic-arrow-shadow {\r\n\t--arrow_shadow_offset_x: <%= arrow_shadow_offset_y %>px;\r\n\t--arrow_shadow_offset_y: <%= arrow_shadow_offset_x %>px;\r\n}\r\n#popmechanic-form .popmechanic-arrow img {\r\n\tdisplay: block;\r\n\twidth: 100%;\r\n\theight: auto;\r\n\tmax-width: 100%;\r\n\tmax-height: 100%;\r\n}\r\n#popmechanic-form .popmechanic-sector {\r\n\tposition: absolute;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n}\r\n#popmechanic-form .popmechanic-sector-text {\r\n\tposition: absolute;\r\n\ttop: 50%;\r\n\tright: 0;\r\n\ttransform: translateY(-50%);\r\n\twidth: 50%;\r\n\theight: auto;\r\n}\r\n#popmechanic-form .popmechanic-sector-text_big {\r\n\tdisplay: block;\r\n\tline-height: 1;\r\n\tfont-weight: <%= sector_text_fw %>;\r\n}\r\n#popmechanic-form .popmechanic-circle-texts {\r\n\tpadding: 0;\r\n\tmargin: 0;\r\n\tlist-style-type: none;\r\n}\r\n#popmechanic-form .popmechanic-content {\r\n\tposition: relative;\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n\tjustify-content: center;\r\n\tbackground-color: rgba(<%= hexToRgb(bg_color) %>, <%= bg_transparency %>);\r\n\tborder-radius: <%= border_radius %>px;\r\n\tborder: 0 solid <%= border_color %>;\r\n\t<% if (parseInt(bg_img_show)) { %>\r\n\t\tbackground-image: url(<%= bg_img_src %>);\r\n\t\tbackground-size: cover;\r\n\t\tbackground-position: center;\r\n\t\tbackground-repeat: no-repeat;\r\n\t<% } %>\r\n\t<% if (parseInt(shadow_show)) { %>\r\n\t\tbox-shadow: <%= shadow_offset_x %>px <%= shadow_offset_y %>px <%= shadow_blur %>px <%= shadow_spread %>px rgba(<%= hexToRgb(shadow_color) %>, <%= shadow_transparency %>);\r\n\t<% } %>\r\n}\r\n#popmechanic-form .popmechanic-image {\r\n\tdisplay: block;\r\n\twidth: 100%;\r\n\tmax-width: 100%;\r\n\theight: auto;\r\n\tmax-height: 100%;\r\n\tobject-fit: cover;\r\n}\r\n#popmechanic-form .popmechanic-title {\r\n\tcolor: <%= title_color %>;\r\n\tfont-weight: <%= title_fw %>;\r\n\tline-height: <%= title_lh %>;\r\n}\r\n#popmechanic-form .popmechanic-subtitle {\r\n\tcolor: <%= subtitle_color %>;\r\n\tfont-weight: <%= subtitle_fw %>;\r\n\tline-height: <%= subtitle_lh %>;\r\n}\r\n#popmechanic-form .popmechanic-inputs,\r\n#popmechanic-form .popmechanic-field {\r\n\twidth: 100%;\r\n\tmax-width: 100%;\r\n}\r\n#popmechanic-form .popmechanic-inputs-wrapper {\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n}\r\n#popmechanic-form .popmechanic-error-message {\r\n\tdisplay: none;\r\n\tmax-width: 100%;\r\n\toverflow: hidden;\r\n\tcolor: <%= input_error_color %>;\r\n\tfont-size: smaller;\r\n\tline-height: <%= error_message_lh %>;\r\n}\r\n#popmechanic-form .popmechanic-input {\r\n\tborder: <%= input_border_width %>px solid <%= input_border_color %>;\r\n\tborder-radius: <%= input_border_radius %>px;\r\n\tbackground-color: <%= input_bg_color %>;\r\n\tcolor: <%= input_text_color %>;\r\n\tfont-size: inherit;\r\n\tfont-weight: <%= input_fw %>;\r\n\tline-height: 1;\r\n\ttransition: border-color 0.3s ease-in-out;\r\n}\r\n#popmechanic-form .popmechanic-input:hover {\r\n\tborder-color: <%= input_border_color_hov %>;\r\n}\r\n#popmechanic-form .popmechanic-input::placeholder,\r\n#popmechanic-form .popmechanic-input[data-popmechanic-placeholder] {\r\n\tcolor: <%= input_placeholder_color %>;\r\n}\r\n#popmechanic-form .popmechanic-placeholder[data-popmechanic-placeholder],\r\n#popmechanic-form .popmechanic-input[data-popmechanic-placeholder] option {\r\n\tcolor: <%= input_text_color %>;\r\n}\r\n#popmechanic-form .popmechanic-input:focus::placeholder {\r\n\topacity: 0;\r\n}\r\n#popmechanic-form .popmechanic-hidden {\r\n\tdisplay: none;\r\n}\r\n#popmechanic-form .popmechanic-submit {\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\tborder: <%= btn_border_width %>px solid <%= btn_border_color %>;\r\n\tborder-radius: <%= btn_border_radius %>px;\r\n\toutline: none;\r\n\tcolor: <%= btn_text_color %>;\r\n\tbackground-color: <%= btn_bg_color %>;\r\n\tfont-weight: <%= btn_fw %>;\r\n\tline-height: 1;\r\n\ttext-decoration: none;\r\n\ttext-align: center;\r\n\ttransition: all 0.3s ease-in-out;\r\n\toverflow: hidden;\r\n\tcursor: pointer;\r\n}\r\n#popmechanic-form .popmechanic-submit:hover {\r\n\tbackground-color: <%= btn_bg_color_hov %>;\r\n\tcolor: <%= btn_text_color_hov %>;\r\n\tborder-color: <%= btn_border_color_hov %>;\r\n}\r\n#popmechanic-form .popmechanic-submit:disabled {\r\n\topacity: 0.8;\r\n\tpointer-events: none;\r\n}\r\n#popmechanic-form .popmechanic-buttons-wrapper {\r\n\twidth: 100%;\r\n}\r\n#popmechanic-form .popmechanic-buttons {\r\n\twidth: 100%;\r\n\tdisplay: flex;\r\n}\r\n#popmechanic-form .popmechanic-thankyou {\r\n\tdisplay: none;\r\n}\r\n.popmechanic-success #popmechanic-form .popmechanic-main {\r\n\tdisplay: none;\r\n}\r\n.popmechanic-success #popmechanic-form .popmechanic-thankyou {\r\n\tdisplay: flex;\r\n}\r\n\r\n/* CHECKBOX */\r\n#popmechanic-form .popmechanic-checkbox {\r\n\t--mb-checkbox-size: <%= checkbox_size %>px;\r\n\tposition: relative;\r\n\tdisplay: flex;\r\n\talign-items: flex-start;\r\n\tgap: calc(var(--mb-checkbox-size, 20px) / 2);\r\n\tmargin-bottom: <%= checkbox_margin_bottom %>px;\r\n\tuser-select: none;\r\n\t<% for (var f = 0; f < fields_list.length; f++) { %>\r\n\t\t<% if (fields_list[f].type === 'checkbox' && fields_list[f].show_error_message && parseInt(checkbox_show) ) { %>\r\n\t\t\tpadding-bottom: <%= +checkbox_fs * +error_message_lh %>px;\r\n\t\t<% } %>\r\n\t<% } %>\r\n}\r\n#popmechanic-form .popmechanic-checkbox__text {\r\n\tcolor: <%= checkbox_text_color %>;\r\n\tfont-size: <%= checkbox_fs %>px;\r\n\tline-height: 1.3;\r\n}\r\n#popmechanic-form .popmechanic-checkbox__link {\r\n\ttext-decoration: none;\r\n    color: #3C72BF;\r\n}\r\n\r\n#popmechanic-form .popmechanic-checkbox__link:hover {\r\n    color: #eb3246;\r\n}\r\n\r\n#popmechanic-form .popmechanic-checkbox__link:focus {\r\n    color: #eb3246;\r\n}\r\n\r\n<% if (parseInt(checkbox_show)) { %>\r\n\t#popmechanic-form .popmechanic-checkbox__check {\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: center;\r\n\t\talign-items: center;\r\n\t\tflex-shrink: 0;\r\n\t\twidth: var(--mb-checkbox-size, 20px);\r\n\t\theight: var(--mb-checkbox-size, 20px);\r\n\t\tborder: <%= checkbox_border_width %>px solid <%= checkbox_border_color %>;\r\n\t\tborder-radius: <%= checkbox_border_radius %>px;\r\n\t\tbackground-color: <%= checkbox_bg_color %>;\r\n\t\tcursor: pointer;\r\n\t}\r\n\t#popmechanic-form .popmechanic-checkbox__check svg {\r\n\t\twidth: calc(100% - (<%= checkbox_padding %>px * 2));\r\n\t\theight: auto;\r\n\t\tcolor: <%= checkbox_tick_color %>;\r\n\t\topacity: 0;\r\n\t\ttransition: opacity 0.3s ease-in-out;\r\n\t}\r\n\t#popmechanic-form .popmechanic-checkbox__input:checked + .popmechanic-checkbox__check svg {\r\n\t\topacity: 1;\r\n\t}\r\n\t#popmechanic-form .popmechanic-invalid:not(:focus) + .popmechanic-checkbox__check {\r\n\t\tborder: <%= parseInt(checkbox_border_width) ? checkbox_border_width : 1 %>px solid <%= input_error_color %>;\r\n\t}\r\n\t#popmechanic-form .popmechanic-checkbox__label .popmechanic-error-message {\r\n\t\tposition: absolute;\r\n\t\tbottom: 0;\r\n\t\tleft: 0;\r\n\t\twidth: 100%;\r\n\t\tmax-width: 100%;\r\n\t\theight: 100%;\r\n\t\tmax-height: <%= +checkbox_fs * +error_message_lh %>px;\r\n\t\toverflow: hidden;\r\n\t\tfont-size: <%= checkbox_fs %>px;\r\n\t}\r\n<% } else { %>\r\n\t#popmechanic-form .popmechanic-checkbox__label {\r\n\t\tdisplay: none;\r\n\t}\r\n<% } %>\r\n\r\n/* CLOSE */\r\n#popmechanic-form .popmechanic-close {\r\n\tposition: absolute;\r\n\ttop: var(--close_position_y, 10px);\r\n\tz-index: 2;\r\n\twidth: var(--close_size, 24px);\r\n\theight: var(--close_size, 24px);\r\n\tborder-radius: <%= close_border_radius %>px;\r\n\tcursor: pointer;\r\n\t<% if (circle_positioning_desk === \"right\") { %>\r\n\t\tleft: var(--close_position_x, 10px);\r\n\t<% } else { %>\r\n\t\tright: var(--close_position_x, 10px);\r\n\t<% } %>\r\n\t<% if (parseInt(close_bg_show)) { %>\r\n\t\tbackground-color: rgba(<%= hexToRgb(close_bg_color) %>, <%= close_bg_transparency %>);\r\n\t<% } else { %>\r\n\t\tbackground-color: rgba(255, 255, 255, 0);\r\n\t<% } %>\r\n}\r\n#popmechanic-form .popmechanic-close::before,\r\n#popmechanic-form .popmechanic-close::after {\r\n\t--translate: translate(-50%, -50%);\r\n\tcontent: \"\";\r\n\tposition: absolute;\r\n\ttop: 50%;\r\n\tleft: 50%;\r\n\twidth: calc(100% - (<%= close_padding %>px * 2));\r\n\theight: 2px;\r\n\tbackground-color: <%= close_color %>;\r\n\ttransform: var(--translate) rotate(45deg);\r\n}\r\n#popmechanic-form .popmechanic-close::after {\r\n\ttransform: var(--translate) rotate(135deg);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-close {\r\n\t--close_size: <%= close_size_desk %>px;\r\n\t--close_position_y: <%= close_position_y_desk %>px;\r\n\t--close_position_x: <%= close_position_x_desk %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-close,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-close {\r\n\t--close_size: <%= close_size_mob %>px;\r\n\t--close_position_y: <%= close_position_y_mob %>px;\r\n\t--close_position_x: <%= close_position_x_mob %>px;\r\n}\r\n\r\n/* DESKTOP */\r\n.popmechanic-desktop #popmechanic-form .popmechanic-main,\r\n.popmechanic-desktop #popmechanic-form .popmechanic-thankyou {\r\n\t<% if (circle_positioning_desk === \"left\" || circle_positioning_desk === \"right\") { %>\r\n\t\tjustify-content: <%= (circle_positioning_desk === \"left\") ? \"flex-end\" : \"flex-start\" %>;\r\n\t\twidth: <%= parseInt(show_half_desk) ? width_desk : (+width_desk + +circle_radius_desk) %>px;\r\n\r\n\t<% } else if (circle_positioning_desk === \"top\" || circle_positioning_desk === \"bottom\") { %>\r\n\t\twidth: <%= width_desk %>px;\r\n\t\tpadding-<%= circle_positioning_desk %>: <%= parseInt(show_half_desk) ? 0 : circle_radius_desk %>px;\r\n\t<% } %>\r\n}\r\n<% if (parseInt(show_half_desk)) { %>\r\n\t.popmechanic-desktop #popmechanic-form .popmechanic-circle-container-left,\r\n\t.popmechanic-desktop #popmechanic-form .popmechanic-circle-container-right {\r\n\t\twidth: <%= circle_radius_desk %>px;\r\n\t\tjustify-content: <%= (circle_positioning_desk === \"left\") ? \"flex-end\" : \"flex-start\" %>;\r\n\t}\r\n\t.popmechanic-desktop #popmechanic-form .popmechanic-circle-container-top,\r\n\t.popmechanic-desktop #popmechanic-form .popmechanic-circle-container-bottom {\r\n\t\theight: <%= circle_radius_desk %>px;\r\n\t\talign-items: <%= (circle_positioning_desk === \"top\") ? \"flex-end\" : \"flex-start\" %>;\r\n\t}\r\n<% } %>\r\n.popmechanic-desktop #popmechanic-form .popmechanic-circle-inner {\r\n\t<% if (arrow_positioning_desk === \"left\") { %>\r\n\t\ttransform: rotate(180deg);\r\n\t<% } else if (arrow_positioning_desk === \"right\") { %>\r\n\t\ttransform: rotate(0deg);\r\n\t<% } else if (arrow_positioning_desk === \"top\") { %>\r\n\t\ttransform: rotate(270deg);\r\n\t<% } else if (arrow_positioning_desk === \"bottom\") { %>\r\n\t\ttransform: rotate(90deg);\r\n\t<% } else { %>\r\n\t\t<% if (arrow_direction_desk === \"left\") { %>\r\n\t\t\ttransform: rotate(180deg);\r\n\t\t<% } else if (arrow_direction_desk === \"top\") { %>\r\n\t\t\ttransform: rotate(270deg);\r\n\t\t<% } else if (arrow_direction_desk === \"bottom\") { %>\r\n\t\t\ttransform: rotate(90deg);\r\n\t\t<% } %>\r\n\t<% } %>\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-circle {\r\n\twidth: <%= +circle_radius_desk * 2 %>px;\r\n\theight: <%= +circle_radius_desk * 2 %>px;\r\n\tborder-width: <%= parseInt(circle_bg_img_show) ? 0 : circle_border_width_desk %>px;\r\n}\r\n\r\n/* ARROW DESKTOP */\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-wrapper {\r\n\twidth: <%= +circle_radius_desk * 2 %>px;\r\n\theight: <%= +circle_radius_desk * 2 %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-wrapper-left,\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-wrapper-right {\r\n\ttop: 50%;\r\n\t<%= circle_positioning_desk %>: 0;\r\n\ttransform: translateY(-50%);\r\n\t<% if (parseInt(show_half_desk)) { %>\r\n\t\twidth: <%= circle_radius_desk %>px;\r\n\t<% } %>\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-wrapper-top,\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-wrapper-bottom {\r\n\t<%= circle_positioning_desk %>: 0;\r\n\tleft: 50%;\r\n\ttransform: translateX(-50%);\r\n\t<% if (parseInt(show_half_desk)) { %>\r\n\t\theight: <%= circle_radius_desk %>px;\r\n\t<% } %>\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow {\r\n\twidth: <%= arrow_size_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-wrapper-left .popmechanic-arrow-left {\r\n\ttop: 50%;\r\n\tleft: 0;\r\n\ttransform: translate(<%= +arrow_shift_desk + (parseInt(show_half_desk) ? -(+arrow_offset) : 0) %>%, -50%);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-wrapper-left .popmechanic-arrow-right {\r\n\ttop: 50%;\r\n\tright: 0;\r\n\ttransform: translate(<%= -(+arrow_shift_desk) + 0 %>%, -50%) rotate(180deg);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-wrapper-left .popmechanic-arrow-top {\r\n\ttop: 0;\r\n\tleft: <%= parseInt(show_half_desk) ? \"0\" : \"50%\" %>;\r\n\ttransform: translate(-50%, <%= +arrow_shift_desk + 0 %>%) rotate(90deg);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-wrapper-left .popmechanic-arrow-bottom {\r\n\tbottom: 0;\r\n\tleft: <%= parseInt(show_half_desk) ? \"0\" : \"50%\" %>;\r\n\ttransform: translate(-50%, <%= -(+arrow_shift_desk) + 0 %>%) rotate(270deg);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-wrapper-left .popmechanic-arrow-center {\r\n\ttop: 50%;\r\n\tleft: <%= parseInt(show_half_desk) ? \"0\" : \"50%\" %>;\r\n\ttransform-origin: <%= arrow_offset %>% center;\r\n\ttransform: translate(<%= -arrow_offset %>%, -50%) rotate(<%= setArrowDirection(arrow_direction_desk) %>deg);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-wrapper-right .popmechanic-arrow-left {\r\n\ttop: 50%;\r\n\tleft: 0;\r\n\ttransform: translate(<%= +arrow_shift_desk + 0 %>%, -50%);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-wrapper-right .popmechanic-arrow-right {\r\n\ttop: 50%;\r\n\tright: 0;\r\n\ttransform: translate(<%= -(+arrow_shift_desk) + (parseInt(show_half_desk) ? +arrow_offset : 0) %>%, -50%) rotate(180deg);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-wrapper-right .popmechanic-arrow-top {\r\n\ttop: 0;\r\n\tright: <%= parseInt(show_half_desk) ? \"0\" : \"50%\" %>;\r\n\ttransform: translate(50%, <%= +arrow_shift_desk + 0 %>%) rotate(90deg);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-wrapper-right .popmechanic-arrow-bottom {\r\n\tbottom: 0;\r\n\tright: <%= parseInt(show_half_desk) ? \"0\" : \"50%\" %>;\r\n\ttransform: translate(50%, <%= -(+arrow_shift_desk) + 0 %>%) rotate(270deg);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-wrapper-right .popmechanic-arrow-center {\r\n\ttop: 50%;\r\n\tleft: <%= parseInt(show_half_desk) ? \"100%\" : \"50%\" %>;\r\n\ttransform-origin: <%= arrow_offset %>% center;\r\n\ttransform: translate(<%= -arrow_offset %>%, -50%) rotate(<%= setArrowDirection(arrow_direction_desk) %>deg);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-wrapper-top .popmechanic-arrow-left {\r\n\ttop: <%= parseInt(show_half_desk) ? \"0\" : \"50%\" %>;\r\n\tleft: 0;\r\n\ttransform: translate(<%= +arrow_shift_desk + 0 %>%, -50%);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-wrapper-top .popmechanic-arrow-right {\r\n\ttop: <%= parseInt(show_half_desk) ? \"0\" : \"50%\" %>;\r\n\tright: 0;\r\n\ttransform: translate(<%= -(+arrow_shift_desk) + 0 %>%, -50%) rotate(180deg);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-wrapper-top .popmechanic-arrow-top {\r\n\ttop: 0;\r\n\tleft: 50%;\r\n\ttransform: translate(-50%, <%= +arrow_shift_desk + (parseInt(show_half_desk) ? -(+arrow_offset) : 0) %>%) rotate(90deg);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-wrapper-top .popmechanic-arrow-bottom {\r\n\tbottom: 0;\r\n\tleft: 50%;\r\n\ttransform: translate(-50%, <%= -(+arrow_shift_desk) + 0 %>%) rotate(270deg);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-wrapper-top .popmechanic-arrow-center {\r\n\ttop: <%= parseInt(show_half_desk) ? \"0\" : \"50%\" %>;\r\n\tleft: 50%;\r\n\ttransform-origin: <%= arrow_offset %>% center;\r\n\ttransform: translate(<%= -arrow_offset %>%, -50%) rotate(<%= setArrowDirection(arrow_direction_desk) %>deg);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-wrapper-bottom .popmechanic-arrow-left {\r\n\tbottom: <%= parseInt(show_half_desk) ? \"0\" : \"50%\" %>;\r\n\tleft: 0;\r\n\ttransform: translate(<%= +arrow_shift_desk + 0 %>%, 50%);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-wrapper-bottom .popmechanic-arrow-right {\r\n\tbottom: <%= parseInt(show_half_desk) ? \"0\" : \"50%\" %>;\r\n\tright: 0;\r\n\ttransform: translate(<%= -(+arrow_shift_desk) + 0 %>%, 50%) rotate(180deg);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-wrapper-bottom .popmechanic-arrow-top {\r\n\ttop: 0;\r\n\tleft: 50%;\r\n\ttransform: translate(-50%, <%= +arrow_shift_desk + 0 %>%) rotate(90deg);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-wrapper-bottom .popmechanic-arrow-bottom {\r\n\tbottom: 0;\r\n\tleft: 50%;\r\n\ttransform: translate(-50%, <%= -(+arrow_shift_desk) + (parseInt(show_half_desk) ? +arrow_offset : 0) %>%) rotate(270deg);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-wrapper-bottom .popmechanic-arrow-center {\r\n\tbottom: <%= parseInt(show_half_desk) ? \"0\" : \"50%\" %>;\r\n\tleft: 50%;\r\n\ttransform-origin: <%= arrow_offset %>% center;\r\n\ttransform: translate(<%= -arrow_offset %>%, 50%) rotate(<%= setArrowDirection(arrow_direction_desk) %>deg);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-center .popmechanic-arrow-shadow {\r\n\ttransform: rotate(-<%= setArrowDirection(arrow_direction_desk) %>deg);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-center .popmechanic-arrow-shadow > * {\r\n\ttransform: rotate(<%= setArrowDirection(arrow_direction_desk) %>deg);\r\n}\r\n/* ARROW DESKTOP END */\r\n\r\n.popmechanic-desktop #popmechanic-form .popmechanic-sector-text {\r\n\tpadding: 0 <%= sector_padding_x_desk %>px;\r\n\ttext-align: <%= sector_text_position_x_desk %>;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-sector-text_big {\r\n\tfont-size: <%= sector_text_fs_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-content {\r\n\tborder-width: <%= border_width_desk %>px;\r\n\tpadding: <%= padding_y_desk %>px <%= padding_x_desk %>px;\r\n\t<% if (parseInt(height_fix_desk)) { %>\r\n\t\theight: <%= height_desk %>px;\r\n\t\toverflow: hidden;\r\n\t<% } %>\r\n\r\n\t/* LEFT & RIGHT */\r\n\t<% if (circle_positioning_desk === \"left\" || circle_positioning_desk === \"right\") { %>\r\n\t\tpadding-<%= circle_positioning_desk %>: <%= +circle_radius_desk + +padding_x_desk %>px;\r\n\t\t<% if (parseInt(show_half_desk)) { %>\r\n\t\t\twidth: 100%;\r\n\t\t<% } else { %>\r\n\t\t\twidth: calc(100% - <%= circle_radius_desk %>px);\r\n\t\t<% } %>\r\n\r\n\t/* TOP & BOTTOM */\r\n\t<% } else if (circle_positioning_desk === \"top\" || circle_positioning_desk === \"bottom\") { %>\r\n\t\twidth: 100%;\r\n\t\tpadding-<%= circle_positioning_desk %>: <%= +circle_radius_desk + +padding_x_desk %>px;\r\n\t<% } %>\r\n}\r\n<% if (parseInt(img_show_desk)) { %>\r\n\t.popmechanic-desktop #popmechanic-form .popmechanic-image {\r\n\t\twidth: <%= img_width_desk %>px;\r\n\t\tmargin-bottom: <%= img_margin_bottom_desk %>px;\r\n\t\t<% if (img_position_x_desk === \"right\") { %>\r\n\t\t\tmargin-left: auto;\r\n\t\t<% } else if (img_position_x_desk === \"left\") { %>\r\n\t\t\tmargin-right: auto;\r\n\t\t<% } else { %>\r\n\t\t\tmargin-left: auto;\r\n\t\t\tmargin-right: auto;\r\n\t\t<% } %>\r\n\t}\r\n<% } %>\r\n.popmechanic-desktop #popmechanic-form .popmechanic-title {\r\n\tmargin-bottom: <%= title_margin_bottom_desk %>px;\r\n\tfont-size: <%= title_fs_desk %>px;\r\n\ttext-align: <%= title_position_x_desk %>;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-subtitle {\r\n\tmargin-bottom: <%= subtitle_margin_bottom_desk %>px;\r\n\tfont-size: <%= subtitle_fs_desk %>px;\r\n\ttext-align: <%= subtitle_position_x_desk %>;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-inputs-wrapper {\r\n\tgap: <%= input_mb_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-field {\r\n\tfont-size: <%= input_fs_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-error-message {\r\n\ttext-align: <%= input_text_position_desk %>;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-input {\r\n\twidth: <%= parseInt(input_width_fix_desk) ? input_width_desk + \"px\" : \"100%\" %>;\r\n\theight: <%= input_height_desk %>px;\r\n\tpadding: 0 <%= input_padding_x_desk %>px;\r\n\ttext-align: <%= input_text_position_desk %>;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-buttons {\r\n\tflex-direction: <%= btn_direction_desk %>;\r\n\tgap: <%= btn_gap_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-submit {\r\n\twidth: <%= parseInt(btn_width_fix_desk) ? btn_width_desk + \"px\" : \"100%\" %>;\r\n\theight: <%= btn_height_desk %>px;\r\n\tpadding: 0 <%= btn_padding_x_desk %>px;\r\n\tfont-size: <%= btn_fs_desk %>px;\r\n\t<% if (btn_direction_desk === \"row\") { %>\r\n\t\tmargin-bottom: <%= btn_margin_bottom_desk %>px;\r\n\t<% } %>\r\n\t<% if (btn_position_desk === \"right\") { %>\r\n\t\tmargin-left: auto;\r\n\t<% } else if (btn_position_desk === \"left\") { %>\r\n\t\tmargin-right: auto;\r\n\t<% } else { %>\r\n\t\tmargin-left: auto;\r\n\t\tmargin-right: auto;\r\n\t<% } %>\r\n}\r\n<% if (btn_direction_desk === \"column\") { %>\r\n\t.popmechanic-desktop #popmechanic-form .popmechanic-buttons .popmechanic-submit:last-child {\r\n\t\tmargin-bottom: <%= btn_margin_bottom_desk %>px;\r\n\t}\r\n<% } %>\r\n<% if (parseInt(tnx_img_show_desk)) { %>\r\n\t.popmechanic-desktop.popmechanic-success #popmechanic-form .popmechanic-image {\r\n\t\twidth: <%= tnx_img_width_desk %>px;\r\n\t\tmargin-bottom: <%= tnx_img_margin_bottom_desk %>px;\r\n\t\t<% if (tnx_img_position_x_desk === \"right\") { %>\r\n\t\t\tmargin-left: auto;\r\n\t\t\tmargin-right: 0;\r\n\t\t<% } else if (tnx_img_position_x_desk === \"left\") { %>\r\n\t\t\tmargin-right: auto;\r\n\t\t\tmargin-left: 0;\r\n\t\t<% } else { %>\r\n\t\t\tmargin-left: auto;\r\n\t\t\tmargin-right: auto;\r\n\t\t<% } %>\r\n\t}\r\n<% } %>\r\n\r\n/* MOBILE */\r\n.popmechanic-tablet #popmechanic-form .popmechanic-main,\r\n.popmechanic-tablet #popmechanic-form .popmechanic-thankyou,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou {\r\n\twidth: <%= width_mob %>px;\r\n\tpadding-<%= circle_positioning_mob %>: <%= parseInt(show_half_mob) ? 0 : circle_radius_mob %>px;\r\n}\r\n<% if (parseInt(show_half_mob)) { %>\r\n\t.popmechanic-tablet #popmechanic-form .popmechanic-circle-container-top,\r\n\t.popmechanic-mobile #popmechanic-form .popmechanic-circle-container-top {\r\n\t\theight: <%= circle_radius_mob %>px;\r\n\t\talign-items: flex-end;\r\n\t}\r\n\t.popmechanic-tablet #popmechanic-form .popmechanic-circle-container-bottom,\r\n\t.popmechanic-mobile #popmechanic-form .popmechanic-circle-container-bottom {\r\n\t\theight: <%= circle_radius_mob %>px;\r\n\t\talign-items: flex-start;\r\n\t}\r\n<% } %>\r\n.popmechanic-tablet #popmechanic-form .popmechanic-circle-inner,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-circle-inner {\r\n\t<% if (arrow_positioning_mob === \"left\") { %>\r\n\t\ttransform: rotate(180deg);\r\n\t<% } else if (arrow_positioning_mob === \"right\") { %>\r\n\t\ttransform: rotate(0deg);\r\n\t<% } else if (arrow_positioning_mob === \"top\") { %>\r\n\t\ttransform: rotate(270deg);\r\n\t<% } else if (arrow_positioning_mob === \"bottom\") { %>\r\n\t\ttransform: rotate(90deg);\r\n\t<% } else { %>\r\n\t\t<% if (arrow_direction_mob === \"left\") { %>\r\n\t\t\ttransform: rotate(180deg);\r\n\t\t<% } else if (arrow_direction_mob === \"top\") { %>\r\n\t\t\ttransform: rotate(270deg);\r\n\t\t<% } else if (arrow_direction_mob === \"bottom\") { %>\r\n\t\t\ttransform: rotate(90deg);\r\n\t\t<% } %>\r\n\t<% } %>\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-circle,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-circle {\r\n\twidth: <%= +circle_radius_mob * 2 %>px;\r\n\theight: <%= +circle_radius_mob * 2 %>px;\r\n\tborder-width: <%= parseInt(circle_bg_img_show) ? 0 : circle_border_width_mob %>px;\r\n}\r\n\r\n/* ARROW MOBILE */\r\n.popmechanic-tablet #popmechanic-form .popmechanic-arrow-wrapper,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-arrow-wrapper {\r\n\twidth: <%= +circle_radius_mob * 2 %>px;\r\n\theight: <%= +circle_radius_mob * 2 %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-arrow-wrapper-top,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-arrow-wrapper-top,\r\n.popmechanic-tablet #popmechanic-form .popmechanic-arrow-wrapper-bottom,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-arrow-wrapper-bottom {\r\n\t<%= circle_positioning_mob %>: 0;\r\n\tleft: 50%;\r\n\ttransform: translateX(-50%);\r\n\t<% if (parseInt(show_half_mob)) { %>\r\n\t\theight: <%= circle_radius_mob %>px;\r\n\t<% } %>\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-arrow,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-arrow {\r\n\twidth: <%= arrow_size_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-arrow-wrapper-top .popmechanic-arrow-left,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-arrow-wrapper-top .popmechanic-arrow-left {\r\n\ttop: <%= parseInt(show_half_mob) ? \"0\" : \"50%\" %>;\r\n\tleft: 0;\r\n\ttransform: translate(<%= +arrow_shift_mob + 0 %>%, -50%);\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-arrow-wrapper-top .popmechanic-arrow-right,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-arrow-wrapper-top .popmechanic-arrow-right {\r\n\ttop: <%= parseInt(show_half_mob) ? \"0\" : \"50%\" %>;\r\n\tright: 0;\r\n\ttransform: translate(<%= -(+arrow_shift_mob) + 0 %>%, -50%) rotate(180deg);\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-arrow-wrapper-top .popmechanic-arrow-top,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-arrow-wrapper-top .popmechanic-arrow-top {\r\n\ttop: 0;\r\n\tleft: 50%;\r\n\ttransform: translate(-50%, <%= +arrow_shift_mob + (parseInt(show_half_mob) ? -(+arrow_offset) : 0) %>%) rotate(90deg);\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-arrow-wrapper-top .popmechanic-arrow-bottom,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-arrow-wrapper-top .popmechanic-arrow-bottom {\r\n\tbottom: 0;\r\n\tleft: 50%;\r\n\ttransform: translate(-50%, <%= -(+arrow_shift_mob) + 0 %>%) rotate(270deg);\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-arrow-wrapper-top .popmechanic-arrow-center,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-arrow-wrapper-top .popmechanic-arrow-center {\r\n\ttop: <%= parseInt(show_half_mob) ? \"0\" : \"50%\" %>;\r\n\tleft: 50%;\r\n\ttransform-origin: <%= arrow_offset %>% center;\r\n\ttransform: translate(<%= -arrow_offset %>%, -50%) rotate(<%= setArrowDirection(arrow_direction_mob) %>deg);\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-arrow-wrapper-bottom .popmechanic-arrow-left,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-arrow-wrapper-bottom .popmechanic-arrow-left {\r\n\tbottom: <%= parseInt(show_half_mob) ? \"0\" : \"50%\" %>;\r\n\tleft: 0;\r\n\ttransform: translate(<%= +arrow_shift_mob + 0 %>%, 50%);\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-arrow-wrapper-bottom .popmechanic-arrow-right,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-arrow-wrapper-bottom .popmechanic-arrow-right {\r\n\tbottom: <%= parseInt(show_half_mob) ? \"0\" : \"50%\" %>;\r\n\tright: 0;\r\n\ttransform: translate(<%= -(+arrow_shift_mob) + 0 %>%, 50%) rotate(180deg);\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-arrow-wrapper-bottom .popmechanic-arrow-top,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-arrow-wrapper-bottom .popmechanic-arrow-top {\r\n\ttop: 0;\r\n\tleft: 50%;\r\n\ttransform: translate(-50%, <%= +arrow_shift_mob + 0 %>%) rotate(90deg);\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-arrow-wrapper-bottom .popmechanic-arrow-bottom,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-arrow-wrapper-bottom .popmechanic-arrow-bottom {\r\n\tbottom: 0;\r\n\tleft: 50%;\r\n\ttransform: translate(-50%, <%= -(+arrow_shift_mob) + (parseInt(show_half_mob) ? +arrow_offset : 0) %>%) rotate(270deg);\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-arrow-wrapper-bottom .popmechanic-arrow-center,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-arrow-wrapper-bottom .popmechanic-arrow-center {\r\n\tbottom: <%= parseInt(show_half_mob) ? \"0\" : \"50%\" %>;\r\n\tleft: 50%;\r\n\ttransform-origin: <%= arrow_offset %>% center;\r\n\ttransform: translate(<%= -arrow_offset %>%, 50%) rotate(<%= setArrowDirection(arrow_direction_mob) %>deg);\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-arrow-center .popmechanic-arrow-shadow,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-arrow-center .popmechanic-arrow-shadow {\r\n\ttransform: rotate(-<%= setArrowDirection(arrow_direction_mob) %>deg);\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-arrow-center .popmechanic-arrow-shadow > *,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-arrow-center .popmechanic-arrow-shadow > * {\r\n\ttransform: rotate(<%= setArrowDirection(arrow_direction_mob) %>deg);\r\n}\r\n/* ARROW MOBILE END */\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-sector-text,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-sector-text {\r\n\tpadding: 0 <%= sector_padding_x_mob %>px;\r\n\ttext-align: <%= sector_text_position_x_mob %>;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-sector-text_big,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-sector-text_big {\r\n\tfont-size: <%= sector_text_fs_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-content,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-content {\r\n\twidth: 100%;\r\n\tpadding: <%= padding_y_mob %>px <%= padding_x_mob %>px;\r\n\tpadding-<%= circle_positioning_mob %>: <%= +circle_radius_mob + +padding_x_mob %>px;\r\n\tborder-width: <%= border_width_mob %>px;\r\n\t<% if (parseInt(height_fix_mob)) { %>\r\n\t\theight: <%= height_mob %>px;\r\n\t\toverflow: hidden;\r\n\t<% } %>\r\n}\r\n<% if (parseInt(img_show_mob)) { %>\r\n\t.popmechanic-tablet #popmechanic-form .popmechanic-image,\r\n\t.popmechanic-mobile #popmechanic-form .popmechanic-image {\r\n\t\twidth: <%= img_width_mob %>px;\r\n\t\tmargin-bottom: <%= img_margin_bottom_mob %>px;\r\n\t\t<% if (img_position_x_mob === \"right\") { %>\r\n\t\t\tmargin-left: auto;\r\n\t\t<% } else if (img_position_x_mob === \"left\") { %>\r\n\t\t\tmargin-right: auto;\r\n\t\t<% } else { %>\r\n\t\t\tmargin-left: auto;\r\n\t\t\tmargin-right: auto;\r\n\t\t<% } %>\r\n\t}\r\n<% } %>\r\n.popmechanic-tablet #popmechanic-form .popmechanic-title,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-title {\r\n\tmargin-bottom: <%= title_margin_bottom_mob %>px;\r\n\tfont-size: <%= title_fs_mob %>px;\r\n\ttext-align: <%= title_position_x_mob %>;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-subtitle,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-subtitle {\r\n\tmargin-bottom: <%= subtitle_margin_bottom_mob %>px;\r\n\tfont-size: <%= subtitle_fs_mob %>px;\r\n\ttext-align: <%= subtitle_position_x_mob %>;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-inputs-wrapper,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-inputs-wrapper {\r\n\tgap: <%= input_mb_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-field,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-field {\r\n\tfont-size: <%= input_fs_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-error-message,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-error-message {\r\n\ttext-align: <%= input_text_position_mob %>;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-input,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-input {\r\n\twidth: <%= parseInt(input_width_fix_mob) ? input_width_mob + \"px\" : \"100%\" %>;\r\n\theight: <%= input_height_mob %>px;\r\n\tpadding: 0 <%= input_padding_x_mob %>px;\r\n\ttext-align: <%= input_text_position_mob %>;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-buttons,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-buttons {\r\n\tflex-direction: <%= btn_direction_mob %>;\r\n\tgap: <%= btn_gap_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-submit,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-submit {\r\n\twidth: <%= parseInt(btn_width_fix_mob) ? btn_width_mob + \"px\" : \"100%\" %>;\r\n\theight: <%= btn_height_mob %>px;\r\n\tpadding: 0 <%= btn_padding_x_mob %>px;\r\n\tfont-size: <%= btn_fs_mob %>px;\r\n\t<% if (btn_direction_mob === \"row\") { %>\r\n\t\tmargin-bottom: <%= btn_margin_bottom_mob %>px;\r\n\t<% } %>\r\n\t<% if (btn_position_mob === \"right\") { %>\r\n\t\tmargin-left: auto;\r\n\t<% } else if (btn_position_mob === \"left\") { %>\r\n\t\tmargin-right: auto;\r\n\t<% } else { %>\r\n\t\tmargin-left: auto;\r\n\t\tmargin-right: auto;\r\n\t<% } %>\r\n}\r\n<% if (btn_direction_mob === \"column\") { %>\r\n\t.popmechanic-tablet #popmechanic-form .popmechanic-buttons .popmechanic-submit:last-child,\r\n\t.popmechanic-mobile #popmechanic-form .popmechanic-buttons .popmechanic-submit:last-child {\r\n\t\tmargin-bottom: <%= btn_margin_bottom_mob %>px;\r\n\t}\r\n<% } %>\r\n<% if (parseInt(tnx_img_show_mob)) { %>\r\n\t.popmechanic-tablet.popmechanic-success #popmechanic-form .popmechanic-image,\r\n\t.popmechanic-mobile.popmechanic-success #popmechanic-form .popmechanic-image {\r\n\t\twidth: <%= tnx_img_width_mob %>px;\r\n\t\tmargin-bottom: <%= tnx_img_margin_bottom_mob %>px;\r\n\t\t<% if (tnx_img_position_x_mob === \"right\") { %>\r\n\t\t\tmargin-left: auto;\r\n\t\t\tmargin-right: 0;\r\n\t\t<% } else if (tnx_img_position_x_mob === \"left\") { %>\r\n\t\t\tmargin-right: auto;\r\n\t\t\tmargin-left: 0;\r\n\t\t<% } else { %>\r\n\t\t\tmargin-left: auto;\r\n\t\t\tmargin-right: auto;\r\n\t\t<% } %>\r\n\t}\r\n<% } %>\r\n#popmechanic-form .popmechanic-invalid:not(:focus) {\r\n\tz-index: 30;\r\n\tborder: 1px solid <%= input_error_color %> !important;\r\n\tcolor: <%= input_error_color %> !important;\r\n}\r\n#popmechanic-form .popmechanic-invalid:not(:focus)::placeholder {\r\n\tcolor: <%= input_error_color %>;\r\n}\r\n#popmechanic-form .popmechanic-invalid:not(:focus) ~ .popmechanic-error-message {\r\n\tdisplay: block;\r\n}\r\n\r\n.popmechanic-js-animation-wrapper {\r\n    background-color: rgba(0, 0, 0, 0.2);\r\n    position: fixed;\r\n    right: 0;\r\n    bottom: 0;\r\n    left: 0;\r\n    top: 0;\r\n    z-index: 99;\r\n}\r\n\r\n", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 63222, "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": 908, "externalId": "280faa9c-d2f0-4a4d-86e9-a335349f2069"}, "inSegmentByDefault": false}, "operator": "$check"}, {"id": "3", "name": "$and", "type": "current_page", "nodes": [{"id": "4", "field": "page", "value": "order", "operator": "$exclude"}], "operator": "$and"}], "operator": "$and"}}, "settings_splits": [{"settings": {"img": "https://new.chitai-gorod.ru/_nuxt/img/subscribe-logo.d8a4759.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": "20.00", "pad_top": "30.00", "but_col1": "#ee4d34", "but_col2": "#a32320", "img_left": "0.00", "show_img": "1", "btn_color": "#fafafa", "btn_width": "90", "form_font": "Roboto, sans-serif", "img_width": "186.00", "inp_color": "#fafafa", "inp_width": "520.00", "close_show": "0", "conf_color": "#fafafa", "inp_height": "52.00", "pad_bottom": "30.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": "#fafafa", "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": 62630, "behavior_settings": {"lead": {"legal_text": ""}, "embedded": {"animation_out": "fadeOut"}}}], "pinned": false, "name": "\u0411\u041a: \u0424\u043e\u0440\u043c\u0430 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0438 \u043d\u0430 \u0441\u0430\u0439\u0442 (\u0421\u043a\u0432\u043e\u0437\u043d\u0430\u044f \u043d\u0430\u0434 \u0444\u0443\u0442\u0435\u0440\u043e\u043c)", "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-62065.png?ts=1714752993189", "rendered_button_preview": null, "settings": {"img": "https://new.chitai-gorod.ru/_nuxt/img/subscribe-logo.d8a4759.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": "20.00", "pad_top": "30.00", "but_col1": "#ee4d34", "but_col2": "#a32320", "img_left": "0.00", "show_img": "1", "btn_color": "#fafafa", "btn_width": "90", "form_font": "Roboto, sans-serif", "img_width": "186.00", "inp_color": "#fafafa", "inp_width": "520.00", "close_show": "0", "conf_color": "#fafafa", "inp_height": "52.00", "pad_bottom": "30.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": "#fafafa", "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<div class=\"popmechanic-main popmechanic-main__mail\"><div class=\"popmechanic-content\"><div class=\"popmechanic-title\">\u041f\u043e\u0434\u043f\u0438\u0441\u044b\u0432\u0430\u0439\u0442\u0435\u0441\u044c \u043d\u0430 \u0437\u043d\u0430\u043a\u043e\u0432\u044b\u0435 \u043f\u0438\u0441\u044c\u043c\u0430!</div><div class=\"popmechanic-text\">\u041f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0435 \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u044f, \u0430\u043a\u0446\u0438\u0438 \u0438 \u043a\u043d\u0438\u0436\u043d\u044b\u0435 \u043d\u043e\u0432\u0438\u043d\u043a\u0438 \u2014 \u0432 \u0432\u0430\u0448\u0435\u0439 \u043f\u043e\u0447\u0442\u0435!</div><div class=\"popmechanic-inputs\"><div class=\"popmechanic-input-holder\"><input type=\"email\" class=\"popmechanic-input popmechanic-field\" data-popmechanic-input=\"email\" placeholder=\"\u042d\u043b\u0435\u043a\u0442\u0440\u043e\u043d\u043d\u0430\u044f \u043f\u043e\u0447\u0442\u0430\" required=\"\" onclick=\"(function(elInput){\r\n                    let elInputs = elInput.parentElement.parentElement;\r\n                    elInputs.classList.remove('popmechanic-inputs__bad_email');\r\n                    })(this)\"><div class=\"popmechanic-error-message\">\u0410\u0434\u0440\u0435\u0441 \u043f\u043e\u0447\u0442\u044b \u043d\u0435 \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u0435\u0442 \u0444\u043e\u0440\u043c\u0430\u0442\u0443</div></div><button type=\"button\" name=\"button\" class=\"popmechanic-submit popmechanic-field popmechanic-field__disabled\" data-popmechanic-submit=\"\" onclick=\"(function(elInput){\r\n                    let elInputs = elInput.parentElement;\r\n                    let elCheckBox = elInputs.querySelector('.popmechanic-input');\r\n                    let tester = /^[-!#$%&amp;'*+\\/0-9=?A-Z^_a-z`{|}~](\\.?[-!#$%&amp;'*+\\/0-9=?A-Z^_a-z`{|}~])*@[a-zA-Z0-9](-*\\.?[a-zA-Z0-9])*\\.[a-zA-Z](-?[a-zA-Z0-9])+$/;\r\n                    if (tester.test(elCheckBox.value)) {\r\n                       elInputs.classList.remove('popmechanic-inputs__bad_email');\r\n                       return true;\r\n                    } else {\r\n                      console.log(elCheckBox.value + '---');\r\n                      elInputs.classList.add('popmechanic-inputs__bad_email')\r\n                      return false;\r\n                    }\r\n                    })(this)\"> \u041f\u043e\u0434\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f </button><label class=\"popmechanic-checkbox-block\"><input type=\"checkbox\" class=\"popmechanic-checkbox\" data-popmechanic-input=\"customs.agreement\" data-popmechanic-required=\"\" value=\"1\" onclick=\"(function(elCheckBox){\r\n                       let elSubmit = elCheckBox.parentElement.parentElement.querySelector('.popmechanic-submit');\r\n                       elSubmit &amp;&amp; elCheckBox.checked\r\n                       ? elSubmit.classList.remove('popmechanic-field__disabled')\r\n                       : elSubmit.classList.add('popmechanic-field__disabled')\r\n                   })(this)\"><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=\"#\" class=\"popmechanic-policy_link\" target=\"_blank\">\u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445</a></span></label></div></div><div class=\"popmechanic-promo_img_holder\"><img class=\"popmechanic-promo_img\" src=\"https://www.bookvoed.ru/mindbox/img/iconic_email_mail.svg\"></div></div>\r\n\t<div class=\"popmechanic-thankyou\"><img class=\"popmechanic-promo_img\" src=\"https://www.bookvoed.ru/mindbox/img/iconic_email_done.svg\"><div class=\"popmechanic-content\"><div class=\"popmechanic-title\">\u041f\u043e\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u0435 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0443</div><div class=\"popmechanic-text\">\u041c\u044b \u043e\u0442\u043f\u0440\u0430\u0432\u0438\u043b\u0438 \u043f\u0438\u0441\u044c\u043c\u043e \u0432\u0430\u043c \u043d\u0430 \u043f\u043e\u0447\u0442\u0443. </div></div></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: inherit;\r\n  box-sizing: border-box;\r\n}\r\n#popmechanic-form {\r\n  font-family: AlergiaNormal, \"Segoe UI\", \"San Francisco\", sans-serif;\r\n  font-size: 16px;\r\n  line-height: 156%;\r\n  width: 100%;\r\n  background-color: #F4F4F4;\r\n  padding: 20px 28px;\r\n  overflow: hidden;\r\n}\r\n#popmechanic-form.popmechanic-main__gift {\r\n  background-color: #ffffff;\r\n}\r\n.popmechanic-content {\r\n  width: 100%;\r\n}\r\n.popmechanic-promo_img_holder {\r\n  width: 32.1%;\r\n  min-width: 236px;\r\n}\r\n.popmechanic-main {\r\n  display: flex;\r\n  gap: 40px;\r\n  margin: 0 auto;\r\n  max-width: 775px;\r\n  flex-wrap: wrap;\r\n  justify-content: center;\r\n}\r\n.popmechanic-title {\r\n  font-family: Merriweather, Georgia, Cambria, Serif, sans-serif;\r\n  letter-spacing: -0.02em;\r\n  font-size: 20px;\r\n  font-weight: 700;\r\n  line-height: 25px;\r\n}\r\n.popmechanic-text {\r\n  margin-top: 12px;\r\n  line-height: 156%;\r\n}\r\n.popmechanic-inputs {\r\n  margin-top: 20px;\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 12px;\r\n}\r\n.popmechanic-input-holder {\r\n  flex-grow: 1;\r\n}\r\n.popmechanic-checkbox-block {\r\n  display: flex;\r\n  font-size: 12px;\r\n  line-height: 132%;\r\n  color: #4F4F4F;\r\n  align-items: flex-start;\r\n}\r\n.popmechanic-checkbox {\r\n  margin-right: 12px;\r\n  transform: scale(1.25);\r\n  outline: none;\r\n}\r\n.popmechanic-policy_link {\r\n  color: #3C72BF;\r\n  text-decoration: none;\r\n}\r\n.popmechanic-policy_link:hover, .popmechanic-policy_link:focus {\r\n  color: #eb3246;\r\n}\r\n.popmechanic-field {\r\n  width: 100%;\r\n  height: 36px;\r\n}\r\n.popmechanic-field__disabled {\r\n  opacity: 0.3;\r\n  pointer-events: none;\r\n}\r\n.popmechanic-input {\r\n  border: 1px solid #E3E3E3;\r\n  border-radius: 4px;\r\n  box-sizing: border-box;\r\n  outline: none;\r\n  padding: 0 12px;\r\n}\r\n.popmechanic-input::-moz-placeholder {\r\n  color: #C6C8C8;\r\n  font-size: 14px;\r\n  font-family: AlergiaNormal, \"Segoe UI\", \"San Francisco\", sans-serif;\r\n}\r\n.popmechanic-input::placeholder {\r\n  color: #C6C8C8;\r\n  font-size: 14px;\r\n  font-family: AlergiaNormal, \"Segoe UI\", \"San Francisco\", sans-serif;\r\n}\r\n.popmechanic-submit {\r\n  font-family: AlergiaNormal, \"Segoe UI\", \"San Francisco\", sans-serif;\r\n  flex-basis: auto;\r\n  background-color: #3C72BF;\r\n  border: 1px solid #3C72BF;\r\n  border-radius: 2px;\r\n  color: #ffffff;\r\n  box-sizing: border-box;\r\n}\r\n.popmechanic-error-message {\r\n  color: #EB3246;\r\n  font-size: 14px;\r\n  line-height: 132%;\r\n  margin-top: 8px;\r\n  display: none;\r\n}\r\n.popmechanic-inputs__bad_email .popmechanic-input {\r\n  background-color: #FFEAEC;\r\n}\r\n.popmechanic-inputs__bad_email .popmechanic-error-message {\r\n  display: block;\r\n}\r\n.popmechanic-promo_img_holder {\r\n  position: relative;\r\n  width: 246px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: start;\r\n}\r\n@media (min-width: 600px) and (max-width: 820px) {\r\n.popmechanic-promo_img_holder {\r\n    justify-content: center;\r\n}\r\n}\r\n.popmechanic-main__gift .popmechanic-promo_img_holder,\r\n.popmechanic-main__book .popmechanic-promo_img_holder {\r\n  min-height: 147px;\r\n}\r\n.popmechanic-main__gift .popmechanic-promo_img {\r\n  width: 273px;\r\n  position: absolute;\r\n}\r\n.popmechanic-main__book .popmechanic-promo_img {\r\n  width: 246px;\r\n  position: absolute;\r\n}\r\n@media (max-width: 320px) {\r\n.popmechanic-main__mail .popmechanic-promo_img {\r\n    width: 100%;\r\n}\r\n.popmechanic-main__gift .popmechanic-promo_img_holder,\r\n.popmechanic-main__book .popmechanic-promo_img_holder {\r\n    left: 15%;\r\n}\r\n.popmechanic-promo_img_holder {\r\n    min-width: unset;\r\n}\r\n}\r\n@media (min-width: 600px) {\r\n.popmechanic-main {\r\n    flex-wrap: nowrap;\r\n    justify-content: space-between;\r\n}\r\n.popmechanic-content {\r\n    width: 56.9%;\r\n}\r\n.popmechanic-submit {\r\n    flex-basis: 130px;\r\n}\r\n}\r\n@media (max-width: 600px) {\r\n.popmechanic-submit {\r\n    order: 3;\r\n    max-width: 100%;\r\n}\r\n.popmechanic-title {\r\n    font-size: 16px;\r\n    line-height: 132%;\r\n}\r\n.popmechanic-text {\r\n    font-size: 12px;\r\n    line-height: 132%;\r\n}\r\n.popmechanic-error-message {\r\n    font-size: 12px;\r\n}\r\n}\r\n@font-face {\r\n  font-family: \"AlergiaNormal\";\r\n  font-style: normal;\r\n  font-display: swap;\r\n  src: url(\"https://www.bookvoed.ru/fonts/Alergia/AlergiaNormal-Regular.woff2\") format(\"woff2\");\r\n}\r\n@font-face {\r\n  font-family: \"Merriweather\";\r\n  font-style: normal;\r\n  font-weight: 700;\r\n  font-display: swap;\r\n  src: url(\"https://www.bookvoed.ru/fonts/Merriweather/Merriweather-Bold.woff2\") format(\"woff2\");\r\n}\r\n.popmechanic-thankyou {\r\n  background: #F4F4F4;\r\n  padding: 22px;\r\n  display: none;\r\n  flex-direction: column;\r\n  align-items: center;\r\n}\r\n.popmechanic-thankyou .popmechanic-promo_img {\r\n  width: 36px;\r\n  height: 36px;\r\n}\r\n.popmechanic-thankyou .popmechanic-title {\r\n  margin-top: 12px;\r\n  text-align: center;\r\n}\r\n.popmechanic-thankyou .popmechanic-text {\r\n  text-align: center;\r\n  max-width: 475px;\r\n  margin: 4px auto 0;\r\n  font-size: 14px;\r\n  line-height: 152%;\r\n}\r\n@media (max-width: 640px) {\r\n.popmechanic-thankyou {\r\n    padding: 28px;\r\n}\r\n.popmechanic-thankyou .popmechanic-title {\r\n    font-size: 16px;\r\n}\r\n.popmechanic-thankyou .popmechanic-text {\r\n    font-size: 12px;\r\n    line-height: 152%;\r\n    max-width: 215px;\r\n    margin: 12px auto 0;\r\n}\r\n}\r\n.popmechanic-success .popmechanic-main {\r\n  display: none;\r\n}\r\n.popmechanic-success .popmechanic-thankyou {\r\n  display: flex;\r\n}", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}], "templates": [{"id": 886, "html": "<div id=\"popmechanic-form\">\r\n    <% if (parseInt(showurl)) { %>\r\n    <a class=\"popmechanic-link\" href=\"<%=url%>\" target=\"_blank\" data-popmechanic-submit>\r\n    <% } %>\r\n        <img src=\"<%=image%>\"/>\r\n    <% if (parseInt(showurl)) { %> </a> <% } %>\r\n    \r\n    <div class=\"popmechanic-close\" data-popmechanic-close>&times;</div>\r\n</div>", "css": "#popmechanic-form {\r\n    width: <%=width%>px;\r\n    \r\n}\r\n<% if (parseInt(showtransform)) { %>\r\n\r\n#popmechanic-form:hover {\r\n      -webkit-transform: scale(1.03);\r\n  -ms-transform: scale(1.03);\r\n  transform: scale(1.03);\r\n}\r\n                        <% } %>\r\n\r\n#popmechanic-form .popmechanic-link {\r\n    display: block;\r\n}\r\n#popmechanic-form img {\r\n    display: block;\r\n    width: <%=width%>px;\r\n    height: auto;\r\n    border: <%=form_border_width%>px solid <%=form_border_color%>;\r\n    border-radius: <%=form_border_radius%>px;\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n#popmechanic-form .popmechanic-close {\r\n    font-size: <%=cl_size%>px;\r\n    line-height: 20px;\r\n    position: absolute;\r\n     cursor: pointer;\r\n    outline: none;\r\n    top: <%=otstup1%>px;\r\n    right: <%=otstup2%>px;\r\n    color: <%=cl_col%>;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form {\r\n    width: <%=width_mobile%>px;\r\n    \r\n}\r\n.popmechanic-mobile #popmechanic-form img {\r\n    width: <%=width_mobile%>px;\r\n    border: <%=form_border_width2%>px solid <%=form_border_color%>;\r\n    box-sizing: border-box;\r\n}", "button": "", "on_show": "", "on_close": "", "embed_code": "", "behaviors": ["info", "partscreen"], "template_type": "popup-info", "need_reset": true, "parameters": [], "on_targeting_ready": "", "on_child_ready": ""}, {"id": 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": 2418, "html": "<%\r\n\tvar submitDataPopmechanicIfString = function () {\r\n\t\tvar fieldConditions = [];\r\n\t\tfor (var i = 0; i < fields_list.length; i++) {\r\n\t\t\tvar field = fields_list[i];\r\n\t\t\tif (field.required && field.machine_name && field.type !== 'submit') {\r\n\t\t\t\tfieldConditions.push(\"!!lead['\" + (['email', 'name', 'phone'].indexOf(field.type) > -1 ? '' : 'customs.fields_list.') + field.machine_name + \"']\");\r\n\t\t\t}\r\n\t\t}\r\n\t\treturn \"lead&&\" + (fieldConditions.length ? fieldConditions.join(\"&&\") : \"true\");\r\n\t}();\r\n\r\n\tvar variants = [\r\n\t\tparseInt(variant1_on, 10) ? {\r\n\t\t\ttext: variant1_text,\r\n\t\t\tcolor: variant1_color,\r\n\t\t\tbackground: variant1_background\r\n\t\t} : undefined,\r\n\t\tparseInt(variant2_on, 10) ? {\r\n\t\t\ttext: variant2_text,\r\n\t\t\tcolor: variant2_color,\r\n\t\t\tbackground: variant2_background\r\n\t\t} : undefined,\r\n\t\tparseInt(variant3_on, 10) ? {\r\n\t\t\ttext: variant3_text,\r\n\t\t\tcolor: variant3_color,\r\n\t\t\tbackground: variant3_background\r\n\t\t} : undefined,\r\n\t\tparseInt(variant4_on, 10) ? {\r\n\t\t\ttext: variant4_text,\r\n\t\t\tcolor: variant4_color,\r\n\t\t\tbackground: variant4_background\r\n\t\t} : undefined,\r\n\t\tparseInt(variant5_on, 10) ? {\r\n\t\t\ttext: variant5_text,\r\n\t\t\tcolor: variant5_color,\r\n\t\t\tbackground: variant5_background\r\n\t\t} : undefined,\r\n\t\tparseInt(variant6_on, 10) ? {\r\n\t\t\ttext: variant6_text,\r\n\t\t\tcolor: variant6_color,\r\n\t\t\tbackground: variant6_background\r\n\t\t} : undefined,\r\n\t\tparseInt(variant7_on, 10) ? {\r\n\t\t\ttext: variant7_text,\r\n\t\t\tcolor: variant7_color,\r\n\t\t\tbackground: variant7_background\r\n\t\t} : undefined,\r\n\t\tparseInt(variant8_on, 10) ? {\r\n\t\t\ttext: variant8_text,\r\n\t\t\tcolor: variant8_color,\r\n\t\t\tbackground: variant8_background\r\n\t\t} : undefined,\r\n\t\tparseInt(variant9_on, 10) ? {\r\n\t\t\ttext: variant9_text,\r\n\t\t\tcolor: variant9_color,\r\n\t\t\tbackground: variant9_background\r\n\t\t} : undefined,\r\n\t\tparseInt(variant10_on, 10) ? {\r\n\t\t\ttext: variant10_text,\r\n\t\t\tcolor: variant10_color,\r\n\t\t\tbackground: variant10_background\r\n\t\t} : undefined,\r\n\t\tparseInt(variant11_on, 10) ? {\r\n\t\t\ttext: variant11_text,\r\n\t\t\tcolor: variant11_color,\r\n\t\t\tbackground: variant11_background\r\n\t\t} : undefined,\r\n\t\tparseInt(variant12_on, 10) ? {\r\n\t\t\ttext: variant12_text,\r\n\t\t\tcolor: variant12_color,\r\n\t\t\tbackground: variant12_background\r\n\t\t} : undefined,\r\n\t\tparseInt(variant13_on, 10) ? {\r\n\t\t\ttext: variant13_text,\r\n\t\t\tcolor: variant13_color,\r\n\t\t\tbackground: variant13_background\r\n\t\t} : undefined,\r\n\t\tparseInt(variant14_on, 10) ? {\r\n\t\t\ttext: variant14_text,\r\n\t\t\tcolor: variant14_color,\r\n\t\t\tbackground: variant14_background\r\n\t\t} : undefined,\r\n\t\tparseInt(variant15_on, 10) ? {\r\n\t\t\ttext: variant15_text,\r\n\t\t\tcolor: variant15_color,\r\n\t\t\tbackground: variant15_background\r\n\t\t} : undefined,\r\n\t\tparseInt(variant16_on, 10) ? {\r\n\t\t\ttext: variant16_text,\r\n\t\t\tcolor: variant16_color,\r\n\t\t\tbackground: variant16_background\r\n\t\t} : undefined,\r\n\t\tparseInt(variant17_on, 10) ? {\r\n\t\t\ttext: variant17_text,\r\n\t\t\tcolor: variant17_color,\r\n\t\t\tbackground: variant17_background\r\n\t\t} : undefined,\r\n\t\tparseInt(variant18_on, 10) ? {\r\n\t\t\ttext: variant18_text,\r\n\t\t\tcolor: variant18_color,\r\n\t\t\tbackground: variant18_background\r\n\t\t} : undefined\r\n\t].filter(function (variant) {\r\n\t\treturn typeof variant !== \"undefined\";\r\n\t});\r\n\r\n\tvar circle_positioning_desk = 'left';\r\n\tvar circle_positioning_mob = 'top';\r\n%>\r\n\r\n<div class=\"popmechanic-reset\"\r\n\t\t id=\"popmechanic-form\">\r\n\t<div\r\n\t\t\t class=\"popmechanic-arrow-wrapper popmechanic-arrow-wrapper-<%= desktop ? circle_positioning_desk : circle_positioning_mob %>\">\r\n\t\t<div\r\n\t\t\t\t class=\"popmechanic-circle-container popmechanic-circle-container-<%= desktop ? circle_positioning_desk : circle_positioning_mob %>\">\r\n\t\t\t<div class=\"popmechanic-circle\">\r\n\t\t\t\t<div class=\"popmechanic-circle-inner\">\r\n\t\t\t\t\t<svg viewBox=\"0 0 12 12\"\r\n\t\t\t\t\t\t\t class=\"popmechanic-circle-backdrop\"\r\n\t\t\t\t\t\t\t xmlns=\"http://www.w3.org/2000/svg\">\r\n\t\t\t\t\t\t<g transform=\"translate(6,6)\">\r\n\t\t\t\t\t\t\t<%\r\n\t\t\t\t\t\t\t\tvar angle = 360 / sectors;\r\n\t\t\t\t\t\t\t\tvar angleRad = Math.PI * angle / 180;\r\n\t\t\t\t\t\t\t\tvar variantIndex = 0;\r\n\t\t\t\t\t\t\t\tfor (var sectorIndex = 0; sectorIndex < sectors; sectorIndex++) {\r\n\t\t\t\t\t\t\t\t\tvar x = Math.sin(angleRad) * 6;\r\n\t\t\t\t\t\t\t\t\tvar y = -1 * Math.cos(angleRad) * 6;\r\n\t\t\t\t\t\t\t\t\tvar rotate = angle * sectorIndex;\r\n\t\t\t\t\t\t\t\t\tvar fill = \"\";\r\n\t\t\t\t\t\t\t\t\tif (parseInt(use_variants_background, 10)) {\r\n\t\t\t\t\t\t\t\t\t\tfill = variants[variantIndex].background;\r\n\t\t\t\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\t\t\t\tif (sectorIndex % 2 === 0) {\r\n\t\t\t\t\t\t\t\t\t\t\tfill = sector_odd;\r\n\t\t\t\t\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\t\t\t\t\tfill = sector_even;\r\n\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t%>\r\n\t\t\t\t\t\t\t<path fill=\"<%= fill %>\"\r\n\t\t\t\t\t\t\t\t\t\td=\"M0 0 0 -6A6 6 0 0 1 <%= x %> <%= y %>Z\"\r\n\t\t\t\t\t\t\t\t\t\ttransform=\"rotate(<%= rotate %> 0 0)\">\r\n\t\t\t\t\t\t\t</path>\r\n\t\t\t\t\t\t\t<%\r\n\t\t\t\t\t\t\t\tif ((variantIndex + 1) < variants.length) {\r\n\t\t\t\t\t\t\t\t\tvariantIndex++;\r\n\t\t\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\t\t\tvariantIndex = 0;\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t%>\r\n\t\t\t\t\t\t</g>\r\n\t\t\t\t\t</svg>\r\n\t\t\t\t\t<ul class=\"popmechanic-circle-texts sector_<%= sectors %>\">\r\n\t\t\t\t\t\t<%\r\n\t\t\t\t\t\t\tvariantIndex = 0;\r\n\t\t\t\t\t\t\tfor(var sectorIndex = 0; sectorIndex < sectors; sectorIndex++) {\r\n\t\t\t\t\t\t\t\tvar sectorRotate = angle * 0.5 + angle * sectorIndex - 90;\r\n\t\t\t\t\t\t\t\tvar color = \"\";\r\n\t\t\t\t\t\t\t\tif (parseInt(use_variants_color, 10)) {\r\n\t\t\t\t\t\t\t\t\tcolor = variants[variantIndex].color;\r\n\t\t\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\t\t\tcolor = sector_color;\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t%>\r\n\t\t\t\t\t\t<li class=\"popmechanic-sector\"\r\n\t\t\t\t\t\t\t\tstyle=\"transform: rotate(<%= sectorRotate %>deg)\">\r\n\t\t\t\t\t\t\t<div class=\"popmechanic-sector-text\">\r\n\t\t\t\t\t\t\t\t<span class=\"popmechanic-sector-text_big\"\r\n\t\t\t\t\t\t\t\t\t\t\tstyle=\"color: <%= color %>;\"><%= variants[variantIndex].text %></span>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</li>\r\n\t\t\t\t\t\t<%\r\n\t\t\t\t\t\t\tif ((variantIndex + 1) < variants.length) {\r\n\t\t\t\t\t\t\t\tvariantIndex++;\r\n\t\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\t\tvariantIndex = 0;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\t%>\r\n\t\t\t\t\t</ul>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\r\n\t\t</div>\r\n\t\t<div class=\"popmechanic-arrow popmechanic-arrow-<%= desktop ? arrow_positioning_desk : arrow_positioning_mob %>\">\r\n\t\t\t<div class=\"popmechanic-arrow-shadow\">\r\n\t\t\t\t<% if (parseInt(arrow_img_show)) { %>\r\n\t\t\t\t<img src=\"<%= arrow_img_src %>\"\r\n\t\t\t\t\t\t alt=\"\">\r\n\t\t\t\t<% } else { %>\r\n\t\t\t\t<svg xmlns=\"http://www.w3.org/2000/svg\"\r\n\t\t\t\t\t\t viewBox=\"0 0 120 120\">\r\n\t\t\t\t\t<path fill=\"<%= arrow_fill %>\"\r\n\t\t\t\t\t\t\t\tstroke=\"<%= arrow_border %>\"\r\n\t\t\t\t\t\t\t\tstroke-width=\"<%= arrow_border_width %>\"\r\n\t\t\t\t\t\t\t\td=\"m51.763 32.683 55.601 27.8-55.601 27.801C31.096 98.617 6.78 83.589 6.78 60.484c0-23.106 24.316-38.135 44.983-27.801Z\" />\r\n\t\t\t\t\t<ellipse cx=\"40\"\r\n\t\t\t\t\t\t\t\t\t cy=\"60\"\r\n\t\t\t\t\t\t\t\t\t fill=\"<%= arrow_circle %>\"\r\n\t\t\t\t\t\t\t\t\t rx=\"11\"\r\n\t\t\t\t\t\t\t\t\t ry=\"11\" />\r\n\t\t\t\t</svg>\r\n\t\t\t\t<% } %>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n\r\n\t<div class=\"popmechanic-main\">\r\n\r\n\t\t<div class=\"popmechanic-content\">\r\n\t\t\t<div class=\"popmechanic-close\"\r\n\t\t\t\t\t data-popmechanic-close></div>\r\n\r\n\t\t\t<% if (desktop && parseInt(img_show_desk)) { %>\r\n\t\t\t<img src=\"<%= img_src_desk %>\"\r\n\t\t\t\t\t alt=\"\"\r\n\t\t\t\t\t class=\"popmechanic-image\">\r\n\t\t\t<% } %>\r\n\t\t\t<% if (!desktop && parseInt(img_show_mob)) { %>\r\n\t\t\t<img src=\"<%= img_src_mob %>\"\r\n\t\t\t\t\t alt=\"\"\r\n\t\t\t\t\t class=\"popmechanic-image\">\r\n\t\t\t<% } %>\r\n\r\n\t\t\t<% if (parseInt(title_show)) { %>\r\n\t\t\t<div class=\"popmechanic-title\"><%= title %></div>\r\n\t\t\t<% } %>\r\n\r\n\t\t\t<% if (parseInt(subtitle_show)) { %>\r\n\t\t\t<div class=\"popmechanic-subtitle\"><%= subtitle %></div>\r\n\t\t\t<% } %>\r\n\r\n\t\t\t<div class=\"popmechanic-inputs\">\r\n\t\t\t\t<div class=\"popmechanic-inputs-wrapper\">\r\n\t\t\t\t\t<%\r\n\t\t\t\t\t\tfor (var i = 0; i < fields_list.length; i++) {\r\n\t\t\t\t\t\t\tvar field = fields_list[i];\r\n\t\t\t\t\t\t\tvar required = \"data-popmechanic-\" + (field.required ? \"required\" : \"unrequired\");\r\n\t\t\t\t\t\t\tif (!field) continue;\r\n\t\t\t\t\t\t\t\tswitch (field.type) {\r\n\t\t\t\t\t\t\tcase \"text\":\r\n\t\t\t\t\t%>\r\n\t\t\t\t\t<div class=\"popmechanic-field\">\r\n\t\t\t\t\t\t<input type=\"text\"\r\n\t\t\t\t\t\t\t\t\t class=\"popmechanic-input\"\r\n\t\t\t\t\t\t\t\t\t data-popmechanic-input=\"customs.fields_list.<%= field.machine_name %>\"\r\n\t\t\t\t\t\t\t\t\t placeholder=\"<%= field.placeholder %>\"\r\n\t\t\t\t\t\t\t\t\t <%= required %>>\r\n\t\t\t\t\t\t<% if (field.show_error_message && field.required) { %>\r\n\t\t\t\t\t\t<div class=\"popmechanic-error-message\"><%= field.error_message_text %></div>\r\n\t\t\t\t\t\t<% } %>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<%\r\n\t\t\t\t\t\t\tbreak;\r\n\t\t\t\t\t\tcase \"name\":\r\n\t\t\t\t\t\tcase \"phone\":\r\n\t\t\t\t\t%>\r\n\t\t\t\t\t<div class=\"popmechanic-field\">\r\n\t\t\t\t\t\t<input type=\"text\"\r\n\t\t\t\t\t\t\t\t\t class=\"popmechanic-input\"\r\n\t\t\t\t\t\t\t\t\t data-popmechanic-input=\"<%= field.machine_name %>\"\r\n\t\t\t\t\t\t\t\t\t placeholder=\"<%= field.placeholder %>\"\r\n\t\t\t\t\t\t\t\t\t <%= required %>>\r\n\t\t\t\t\t\t<% if (field.show_error_message && field.required) { %>\r\n\t\t\t\t\t\t<div class=\"popmechanic-error-message\"><%= field.error_message_text %></div>\r\n\t\t\t\t\t\t<% } %>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<%\r\n\t\t\t\t\t\t\tbreak;\r\n\t\t\t\t\t\tcase \"email\":\r\n\t\t\t\t\t%>\r\n\t\t\t\t\t<div class=\"popmechanic-field\">\r\n\t\t\t\t\t\t<input type=\"email\"\r\n\t\t\t\t\t\t\t\t\t class=\"popmechanic-input\"\r\n\t\t\t\t\t\t\t\t\t data-popmechanic-input=\"<%= field.machine_name %>\"\r\n\t\t\t\t\t\t\t\t\t placeholder=\"<%= field.placeholder %>\"\r\n\t\t\t\t\t\t\t\t\t <%= required %>>\r\n\t\t\t\t\t\t<% if (field.show_error_message && field.required) { %>\r\n\t\t\t\t\t\t<div class=\"popmechanic-error-message\"><%= field.error_message_text %></div>\r\n\t\t\t\t\t\t<% } %>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<%\r\n\t\t\t\t\t\t\tbreak;\r\n\t\t\t\t\t\tcase \"number\":\r\n\t\t\t\t\t%>\r\n\t\t\t\t\t<div class=\"popmechanic-field\">\r\n\t\t\t\t\t\t<input type=\"number\"\r\n\t\t\t\t\t\t\t\t\t class=\"popmechanic-input\"\r\n\t\t\t\t\t\t\t\t\t data-popmechanic-input=\"customs.fields_list.<%= field.machine_name %>\"\r\n\t\t\t\t\t\t\t\t\t placeholder=\"<%= field.placeholder %>\"\r\n\t\t\t\t\t\t\t\t\t <%= required %>>\r\n\t\t\t\t\t\t<% if (field.show_error_message && field.required) { %>\r\n\t\t\t\t\t\t<div class=\"popmechanic-error-message\"><%= field.error_message_text %></div>\r\n\t\t\t\t\t\t<% } %>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<%\r\n\t\t\t\t\t\t\tbreak;\r\n\t\t\t\t\t\tcase \"date\":\r\n\t\t\t\t\t%>\r\n\t\t\t\t\t<div class=\"popmechanic-field\">\r\n\t\t\t\t\t\t<input data-popmechanic-type=\"date\"\r\n\t\t\t\t\t\t\t\t\t class=\"popmechanic-input\"\r\n\t\t\t\t\t\t\t\t\t data-popmechanic-input=\"customs.fields_list.<%= field.machine_name %>\"\r\n\t\t\t\t\t\t\t\t\t placeholder=\"<%= field.placeholder %>\"\r\n\t\t\t\t\t\t\t\t\t <%= required %>>\r\n\t\t\t\t\t\t<% if (field.show_error_message && field.required) { %>\r\n\t\t\t\t\t\t<div class=\"popmechanic-error-message\"><%= field.error_message_text %></div>\r\n\t\t\t\t\t\t<% } %>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<%\r\n\t\t\t\t\t\t\tbreak;\r\n\t\t\t\t\t\tcase \"select\":\r\n\t\t\t\t\t%>\r\n\t\t\t\t\t<div class=\"popmechanic-field\">\r\n\t\t\t\t\t\t<select class=\"popmechanic-input\"\r\n\t\t\t\t\t\t\t\t\t\tonchange=\"(this.value) ? this.classList.add('popmechanic-placeholder') : ''\"\r\n\t\t\t\t\t\t\t\t\t\t<% if (field.placeholder) { %>\r\n\t\t\t\t\t\t\t\t\t\tdata-popmechanic-placeholder\r\n\t\t\t\t\t\t\t\t\t\t<% } %>\r\n\t\t\t\t\t\t\t\t\t\tdata-popmechanic-input=\"customs.fields_list.<%= field.machine_name %>\"\r\n\t\t\t\t\t\t\t\t\t\t<%= required %>>\r\n\t\t\t\t\t\t\t<% if (field.placeholder) { %>\r\n\t\t\t\t\t\t\t<option value=\"\"\r\n\t\t\t\t\t\t\t\t\t\t\tselected\r\n\t\t\t\t\t\t\t\t\t\t\tdisabled><%= field.placeholder %></option>\r\n\t\t\t\t\t\t\t<%\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\tfor (var oi = 0; oi < field.params.options.length; oi++) {\r\n\t\t\t\t\t\t\t\t\tvar opt = field.params.options[oi];\r\n\t\t\t\t\t\t\t%>\r\n\t\t\t\t\t\t\t<option value=\"<%= opt %>\"><%= opt %></option>\r\n\t\t\t\t\t\t\t<% } %>\r\n\t\t\t\t\t\t</select>\r\n\r\n\t\t\t\t\t\t<% if (field.show_error_message && field.required) { %>\r\n\t\t\t\t\t\t<div class=\"popmechanic-error-message\"><%= field.error_message_text %></div>\r\n\t\t\t\t\t\t<% } %>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<%\r\n\t\t\t\t\t\tbreak;\r\n\t\t\t\t\t\tcase \"checkbox\":\r\n\t\t\t\t\t%>\r\n\t\t\t\t\t<div class=\"popmechanic-field\">\r\n\t\t\t\t\t\t<div class=\"popmechanic-checkbox\">\r\n\t\t\t\t\t\t\t<label class=\"popmechanic-checkbox__label\">\r\n\t\t\t\t\t\t\t\t<input type=\"checkbox\"\r\n\t\t\t\t\t\t\t\t\t\t\t class=\"popmechanic-input-hidden popmechanic-checkbox__input\"\r\n\t\t\t\t\t\t\t\t\t\t\t <%= field.params.checked ? \"checked\" : \"\" %>\r\n\t\t\t\t\t\t\t\t\t\t\t data-popmechanic-input=\"customs.fields_list.<%= field.machine_name %>\"\r\n\t\t\t\t\t\t\t\t\t\t\t <%= required %>\r\n\t\t\t\t\t\t\t\t\t\t\t value=\"1\">\r\n\t\t\t\t\t\t\t\t<div class=\"popmechanic-checkbox__check\">\r\n\t\t\t\t\t\t\t\t\t<svg xmlns='http://www.w3.org/2000/svg'\r\n\t\t\t\t\t\t\t\t\t\t\t viewBox='0 0 20 20'>\r\n\t\t\t\t\t\t\t\t\t\t<g stroke='currentColor'\r\n\t\t\t\t\t\t\t\t\t\t\t stroke-linecap='square'\r\n\t\t\t\t\t\t\t\t\t\t\t stroke-linejoin='round'\r\n\t\t\t\t\t\t\t\t\t\t\t stroke-width='3'>\r\n\t\t\t\t\t\t\t\t\t\t\t<path d='M3.12 12.64l4.12 3.4M7.24 16.04l9.65-12.09' />\r\n\t\t\t\t\t\t\t\t\t\t</g>\r\n\t\t\t\t\t\t\t\t\t</svg>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t<% if (field.show_error_message && parseInt(checkbox_show) && field.required) { %>\r\n\t\t\t\t\t\t\t\t<div class=\"popmechanic-error-message\"><%= field.error_message_text %></div>\r\n\t\t\t\t\t\t\t\t<% } %>\r\n\t\t\t\t\t\t\t</label>\r\n\t\t\t\t\t\t\t<span class=\"popmechanic-checkbox__text\">\r\n\t\t\t\t\t\t\t\t<%\r\n\t\t\t\t\t\t\t\t\tprint(field.label);\r\n\t\t\t\t\t\t\t\t\tif (field.params.show_link) {\r\n\t\t\t\t\t\t\t\t%>\r\n\t\t\t\t\t\t\t\t<a href=\"<%= field.params.link_href %>\"\r\n\t\t\t\t\t\t\t\t\t class=\"popmechanic-checkbox__link\"\r\n\t\t\t\t\t\t\t\t\t target=\"_blank\"><%= field.params.link_text %></a> <%= field.params.text_after_link %>\r\n\t\t\t\t\t\t\t\t<% } %>\r\n\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<%\r\n\t\t\t\t\t\tbreak;\r\n\t\t\t\t\t\tcase \"submit\":\r\n\t\t\t\t\t%>\r\n\t\t\t\t\t<button type=\"button\"\r\n\t\t\t\t\t\t\t\t\tname=\"button\"\r\n\t\t\t\t\t\t\t\t\tclass=\"popmechanic-hidden\"\r\n\t\t\t\t\t\t\t\t\tdata-popmechanic-submit><%= field.params.submit1_text %></button>\r\n\t\t\t\t\t<%\r\n\t\t\t\t\t\tif (field.params.submits_count === 1) {\r\n\t\t\t\t\t\tif (parseInt(display_btn_before_filling, 10)) {\r\n\t\t\t\t\t%>\r\n\t\t\t\t\t<button type=\"button\"\r\n\t\t\t\t\t\t\t\t\tname=\"button\"\r\n\t\t\t\t\t\t\t\t\tclass=\"popmechanic-submit\"\r\n\t\t\t\t\t\t\t\t\tdisabled\r\n\t\t\t\t\t\t\t\t\tdata-popmechanic-if=\"!(<%= submitDataPopmechanicIfString %>)\"><%= field.params.submit1_text %></button>\r\n\t\t\t\t\t<% } %>\r\n\t\t\t\t\t<button type=\"button\"\r\n\t\t\t\t\t\t\t\t\tname=\"button\"\r\n\t\t\t\t\t\t\t\t\tclass=\"popmechanic-submit\"\r\n\t\t\t\t\t\t\t\t\tonclick=\"PopMechanic.Rotate2418()\"\r\n\t\t\t\t\t\t\t\t\tdata-popmechanic-if=\"<%= submitDataPopmechanicIfString %>\"><%= field.params.submit1_text %></button>\r\n\t\t\t\t\t<% } else {\r\n\t\t\t\t\t\tif (parseInt(display_btn_before_filling, 10)) {\r\n\t\t\t\t\t%>\r\n\r\n\t\t\t\t\t<div class=\"popmechanic-buttons-wrapper popmechanic-preview-only\"\r\n\t\t\t\t\t\t\t data-popmechanic-if=\"!(<%= submitDataPopmechanicIfString %>)\">\r\n\t\t\t\t\t\t<div class=\"popmechanic-buttons\">\r\n\t\t\t\t\t\t\t<button type=\"button\"\r\n\t\t\t\t\t\t\t\t\t\t\tname=\"button\"\r\n\t\t\t\t\t\t\t\t\t\t\tclass=\"popmechanic-submit\"\r\n\t\t\t\t\t\t\t\t\t\t\tdisabled\r\n\t\t\t\t\t\t\t\t\t\t\tonclick=\"PopMechanic.customs['fields_list.<%= field.machine_name %>'] = '<%= field.params.submit1_value %>';PopMechanic.Rotate2418();\"><%= field.params.submit1_text %></button>\r\n\t\t\t\t\t\t\t<button type=\"button\"\r\n\t\t\t\t\t\t\t\t\t\t\tname=\"button\"\r\n\t\t\t\t\t\t\t\t\t\t\tclass=\"popmechanic-submit\"\r\n\t\t\t\t\t\t\t\t\t\t\tdisabled\r\n\t\t\t\t\t\t\t\t\t\t\tonclick=\"PopMechanic.customs['fields_list.<%= field.machine_name %>'] = '<%= field.params.submit2_value %>';PopMechanic.Rotate2418();\"><%= field.params.submit2_text %></button>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<% } %>\r\n\r\n\t\t\t\t\t<div class=\"popmechanic-buttons-wrapper\"\r\n\t\t\t\t\t\t\t data-popmechanic-if=\"<%= submitDataPopmechanicIfString %>\">\r\n\t\t\t\t\t\t<div class=\"popmechanic-buttons\">\r\n\t\t\t\t\t\t\t<button type=\"button\"\r\n\t\t\t\t\t\t\t\t\t\t\tname=\"button\"\r\n\t\t\t\t\t\t\t\t\t\t\tclass=\"popmechanic-submit\"\r\n\t\t\t\t\t\t\t\t\t\t\tonclick=\"PopMechanic.customs['fields_list.<%= field.machine_name %>'] = '<%= field.params.submit1_value %>';PopMechanic.Rotate2418();\"><%= field.params.submit1_text %></button>\r\n\t\t\t\t\t\t\t<button type=\"button\"\r\n\t\t\t\t\t\t\t\t\t\t\tname=\"button\"\r\n\t\t\t\t\t\t\t\t\t\t\tclass=\"popmechanic-submit\"\r\n\t\t\t\t\t\t\t\t\t\t\tonclick=\"PopMechanic.customs['fields_list.<%= field.machine_name %>'] = '<%= field.params.submit2_value %>';PopMechanic.Rotate2418();\"><%= field.params.submit2_text %></button>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<%\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\tbreak;\r\n\t\t\t\t\t\tdefault:\r\n\t\t\t\t\t}\r\n\t\t\t\t\t} %>\r\n\t\t\t\t</div>\r\n\r\n\t\t\t\t<input class=\"popmechanic-hidden popmechanic-input\"\r\n\t\t\t\t\t\t\t type=\"text\"\r\n\t\t\t\t\t\t\t data-popmechanic-input=\"customs.result2418\"\r\n\t\t\t\t\t\t\t data-popmechanic-required>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n\r\n\t<div class=\"popmechanic-thankyou\">\r\n\t\t<div class=\"popmechanic-content\">\r\n\t\t\t<div class=\"popmechanic-close\"\r\n\t\t\t\t\t data-popmechanic-close></div>\r\n\r\n\t\t\t<% if (desktop && parseInt(tnx_img_show_desk)) { %>\r\n\t\t\t<img src=\"<%= tnx_img_src_desk %>\"\r\n\t\t\t\t\t alt=\"\"\r\n\t\t\t\t\t class=\"popmechanic-image\">\r\n\t\t\t<% } %>\r\n\t\t\t<% if (!desktop && parseInt(tnx_img_show_mob)) { %>\r\n\t\t\t<img src=\"<%= tnx_img_src_mob %>\"\r\n\t\t\t\t\t alt=\"\"\r\n\t\t\t\t\t class=\"popmechanic-image\">\r\n\t\t\t<% } %>\r\n\r\n\t\t\t<% if (parseInt(tnx_title_show)) { %>\r\n\t\t\t<div class=\"popmechanic-title\"><%= tnx_title %></div>\r\n\t\t\t<% } %>\r\n\r\n\t\t\t<% if (parseInt(tnx_subtitle_show)) { %>\r\n\t\t\t<div class=\"popmechanic-subtitle\"><%= tnx_subtitle %></div>\r\n\t\t\t<% } %>\r\n\r\n\t\t\t<% if (parseInt(tnx_btn_show)) { %>\r\n\t\t\t<% if (tnx_btn_action === \"link\") { %>\r\n\t\t\t<a class=\"popmechanic-submit\"\r\n\t\t\t\t href=\"<%= tnx_btn_url %>\"\r\n\t\t\t\t data-popmechanic-close\r\n\t\t\t\t <%= parseInt(tnx_btn_blank) ? 'target=\"_blank\"' : '' %>>\r\n\t\t\t\t<%= tnx_btn_text %>\r\n\t\t\t</a>\r\n\t\t\t<% } else { %>\r\n\t\t\t<button type=\"button\"\r\n\t\t\t\t\t\t\tname=\"button\"\r\n\t\t\t\t\t\t\tclass=\"popmechanic-submit\"\r\n\t\t\t\t\t\t\tdata-popmechanic-close><%= tnx_btn_text %>\r\n\t\t\t</button>\r\n\t\t\t<% } %>\r\n\t\t\t<% } %>\r\n\t\t</div>\r\n\t</div>\r\n</div>", "css": "<% if (!parseInt(font_custom_show)) { %>\r\n\t@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;600;700;800&display=swap');\r\n<% } %>\r\n\r\n<%\r\n\tfunction hexToRgb(hex) {\r\n\t\treturn hex.replace(/^#?([a-f\\d])([a-f\\d])([a-f\\d])$/i, function (m, r, g, b) {\r\n\t\t\treturn \"#\".concat(r).concat(r).concat(g).concat(g).concat(b).concat(b);\r\n\t\t}).substring(1).match(/.{2}/g).map(function (x) {\r\n\t\t\treturn parseInt(x, 16);\r\n\t\t});\r\n\t};\r\n\r\n\tfunction setArrowDirection(side) {\r\n\t\treturn {\r\n\t\t\t'left': '180',\r\n\t\t\t'right': '0',\r\n\t\t\t'top': '270',\r\n\t\t\t'bottom': '90'\r\n\t\t}[side];\r\n\t}\r\n\r\n\tvar error_message_lh = 1.5;\r\n\tvar circle_positioning_desk = 'left';\r\n\tvar circle_positioning_mob = 'top';\r\n\tvar arrow_direction_desk = 'right';\r\n\tvar arrow_direction_mob = 'bottom';\r\n%>\r\n\r\n.popmechanic-reset,\r\n.popmechanic-reset * {\r\n\tbox-sizing: border-box;\r\n\tfont-size: 16px;\r\n\tline-height: normal;\r\n}\r\n.popmechanic-reset::before,\r\n.popmechanic-reset::after,\r\n.popmechanic-reset *::before,\r\n.popmechanic-reset *::after {\r\n\tbox-sizing: border-box;\r\n}\r\n/* FOCUS */\r\n.popmechanic-reset *:focus,\r\n.popmechanic-reset *:focus + .popmechanic-checkbox__check {\r\n\toutline: none;\r\n\tborder: 2px solid rgba(30, 144, 255, 0.5) !important;\r\n}\r\n.popmechanic-reset A,\r\n.popmechanic-reset * A {\r\n\tcolor: inherit;\r\n\tfont-size: inherit;\r\n}\r\n.popmechanic-reset INPUT,\r\n.popmechanic-reset BUTTON,\r\n.popmechanic-reset * INPUT,\r\n.popmechanic-reset * BUTTON {\r\n\tdisplay: block;\r\n\tmax-width: 100%;\r\n\tpadding: 0;\r\n\tborder: 0;\r\n\tborder-radius: 0;\r\n\tbackground: none;\r\n\tword-break: break-word;\r\n\toverflow-wrap: break-word;\r\n\tfont-family: inherit;\r\n\tfont-size: inherit;\r\n\t-webkit-appearance: none;\r\n\t\t\t\t\tappearance: none;\r\n}\r\n.popmechanic-reset INPUT::placeholder,\r\n.popmechanic-reset * INPUT::placeholder {\r\n\tfont-style: normal;\r\n\topacity: 1;\r\n}\r\n.popmechanic-reset BUTTON,\r\n.popmechanic-reset * BUTTON {\r\n\theight: auto;\r\n\tcursor: pointer;\r\n}\r\n.popmechanic-input-hidden {\r\n\tposition: absolute;\r\n\ttop: 0;\r\n\tleft: 0;\r\n\twidth: 0;\r\n\theight: 0;\r\n\topacity: 0;\r\n}\r\n.popmechanic-reset SVG {\r\n\tdisplay: block;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\tmax-width: 100%;\r\n\tmax-height: 100%;\r\n}\r\n#popmechanic-form {\r\n\tposition: relative;\r\n\tdisplay: inline-block;\r\n\tvertical-align: middle;\r\n\t<% if (parseInt(font_custom_show)) { %>\r\n\t\tfont-family: <%= font_custom %>;\r\n\t<% } else { %>\r\n\t\tfont-family: <%= font_family %>;\r\n\t<% } %>\r\n}\r\n#popmechanic-form .popmechanic-main,\r\n#popmechanic-form .popmechanic-thankyou {\r\n\tdisplay: flex;\r\n\tposition: relative;\r\n}\r\n#popmechanic-form .popmechanic-circle-container {\r\n\tposition: absolute;\r\n\tz-index: 2;\r\n\tdisplay: flex;\r\n\tjustify-content: flex-start;\r\n\talign-items: center;\r\n\toverflow: hidden;\r\n\t<% if (parseInt(circle_shadow_show)) { %>\r\n\t\tfilter:\r\n\t\t\tdrop-shadow(<%= circle_shadow_offset_x %>px <%= circle_shadow_offset_y %>px <%= circle_shadow_blur %>px rgba(<%= hexToRgb(circle_shadow_color) %>, <%= circle_shadow_transparency %>));\r\n\t<% } %>\r\n}\r\n#popmechanic-form .popmechanic-circle {\r\n\tdisplay: flex;\r\n\tflex-shrink: 0;\r\n\tborder: 0 solid <%= circle_border_color %>;\r\n\tborder-radius: 50%;\r\n\toverflow: hidden;\r\n\ttransition: transform 3s;\r\n}\r\n#popmechanic-form .popmechanic-circle-inner {\r\n\tposition: relative;\r\n\tdisplay: block;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\t<% if (parseInt(circle_bg_img_show)) { %>\r\n\t\tbackground-image: url(<%= circle_bg_img_src %>);\r\n\t\tbackground-position: center;\r\n\t\tbackground-repeat: no-repeat;\r\n\t\tbackground-size: cover;\r\n\t<% } %>\r\n}\r\n<% if (parseInt(circle_bg_img_show)) { %>\r\n\t#popmechanic-form .popmechanic-circle-inner * {\r\n\t\topacity: 0;\r\n\t}\r\n<% } %>\r\n#popmechanic-form .popmechanic-circle-backdrop {\r\n\tposition: absolute;\r\n}\r\n#popmechanic-form .popmechanic-arrow-wrapper {\r\n\tposition: absolute;\r\n\tz-index: 3;\r\n}\r\n#popmechanic-form .popmechanic-arrow {\r\n\tposition: absolute;\r\n\tz-index: 3;\r\n\theight: auto;\r\n}\r\n#popmechanic-form .popmechanic-arrow-shadow {\r\n\t--arrow_shadow_offset_x: <%= arrow_shadow_offset_x %>px;\r\n\t--arrow_shadow_offset_y: <%= arrow_shadow_offset_y %>px;\r\n\t<% if (parseInt(arrow_shadow_show)) { %>\r\n\t\tfilter: drop-shadow(var(--arrow_shadow_offset_x) var(--arrow_shadow_offset_y) <%= arrow_shadow_blur %>px rgba(<%= hexToRgb(arrow_shadow_color) %>, <%= arrow_shadow_transparency %>));\r\n\t<% } %>\r\n}\r\n#popmechanic-form .popmechanic-arrow-top .popmechanic-arrow-shadow,\r\n#popmechanic-form .popmechanic-arrow-bottom .popmechanic-arrow-shadow {\r\n\t--arrow_shadow_offset_x: <%= arrow_shadow_offset_y %>px;\r\n\t--arrow_shadow_offset_y: <%= arrow_shadow_offset_x %>px;\r\n}\r\n#popmechanic-form .popmechanic-arrow img {\r\n\tdisplay: block;\r\n\twidth: 100%;\r\n\theight: auto;\r\n\tmax-width: 100%;\r\n\tmax-height: 100%;\r\n}\r\n#popmechanic-form .popmechanic-sector {\r\n\tposition: absolute;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\tpointer-events: none;\r\n}\r\n#popmechanic-form .popmechanic-sector-text {\r\n\tposition: absolute;\r\n\ttop: 50%;\r\n\tright: 0;\r\n\ttransform: translateY(-50%);\r\n\twidth: 50%;\r\n\theight: auto;\r\n\tpointer-events: all;\r\n}\r\n#popmechanic-form .popmechanic-sector-text_big {\r\n\tdisplay: block;\r\n\tline-height: 1;\r\n\tfont-weight: <%= sector_text_fw %>;\r\n}\r\n#popmechanic-form .popmechanic-circle-texts {\r\n\tpadding: 0;\r\n\tmargin: 0;\r\n\tlist-style-type: none;\r\n    white-space: unset;\r\n}\r\n#popmechanic-form .popmechanic-content {\r\n\tposition: relative;\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n\tjustify-content: center;\r\n\tbackground-color: rgba(<%= hexToRgb(bg_color) %>, <%= bg_transparency %>);\r\n\tborder-radius: <%= border_radius %>px;\r\n\tborder: 0 solid <%= border_color %>;\r\n\t<% if (parseInt(bg_img_show)) { %>\r\n\t\tbackground-image: url(<%= bg_img_src %>);\r\n\t\tbackground-size: cover;\r\n\t\tbackground-position: center;\r\n\t\tbackground-repeat: no-repeat;\r\n\t<% } %>\r\n\t<% if (parseInt(shadow_show)) { %>\r\n\t\tbox-shadow: <%= shadow_offset_x %>px <%= shadow_offset_y %>px <%= shadow_blur %>px <%= shadow_spread %>px rgba(<%= hexToRgb(shadow_color) %>, <%= shadow_transparency %>);\r\n\t<% } %>\r\n}\r\n#popmechanic-form .popmechanic-image {\r\n\tdisplay: block;\r\n\twidth: 100%;\r\n\tmax-width: 100%;\r\n\theight: auto;\r\n\tmax-height: 100%;\r\n\tobject-fit: cover;\r\n}\r\n#popmechanic-form .popmechanic-title {\r\n\tcolor: <%= title_color %>;\r\n\tfont-weight: <%= title_fw %>;\r\n\tline-height: <%= title_lh %>;\r\n}\r\n#popmechanic-form .popmechanic-subtitle {\r\n\tcolor: <%= subtitle_color %>;\r\n\tfont-weight: <%= subtitle_fw %>;\r\n\tline-height: <%= subtitle_lh %>;\r\n}\r\n#popmechanic-form .popmechanic-inputs,\r\n#popmechanic-form .popmechanic-field {\r\n\twidth: 100%;\r\n\tmax-width: 100%;\r\n}\r\n#popmechanic-form .popmechanic-inputs-wrapper {\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n}\r\n#popmechanic-form .popmechanic-error-message {\r\n\tdisplay: none;\r\n\tmax-width: 100%;\r\n\toverflow: hidden;\r\n\tcolor: <%= input_error_color %>;\r\n\tfont-size: smaller;\r\n\tline-height: <%= error_message_lh %>;\r\n}\r\n#popmechanic-form .popmechanic-input {\r\n\tborder: <%= input_border_width %>px solid <%= input_border_color %>;\r\n\tborder-radius: <%= input_border_radius %>px;\r\n\tbackground-color: <%= input_bg_color %>;\r\n\tcolor: <%= input_text_color %>;\r\n\tfont-size: inherit;\r\n\tfont-weight: <%= input_fw %>;\r\n\tline-height: 1;\r\n\ttransition: border-color 0.3s ease-in-out;\r\n}\r\n#popmechanic-form .popmechanic-input:hover {\r\n\tborder-color: <%= input_border_color_hov %>;\r\n}\r\n#popmechanic-form .popmechanic-input::placeholder,\r\n#popmechanic-form .popmechanic-input[data-popmechanic-placeholder] {\r\n\tcolor: <%= input_placeholder_color %>;\r\n}\r\n#popmechanic-form .popmechanic-placeholder[data-popmechanic-placeholder],\r\n#popmechanic-form .popmechanic-input[data-popmechanic-placeholder] option {\r\n\tcolor: <%= input_text_color %>;\r\n}\r\n#popmechanic-form .popmechanic-input:focus::placeholder {\r\n\topacity: 0;\r\n}\r\n#popmechanic-form .popmechanic-hidden {\r\n\tdisplay: none;\r\n}\r\n#popmechanic-form .popmechanic-submit {\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\tborder: <%= btn_border_width %>px solid <%= btn_border_color %>;\r\n\tborder-radius: <%= btn_border_radius %>px;\r\n\toutline: none;\r\n\tcolor: <%= btn_text_color %>;\r\n\tbackground-color: <%= btn_bg_color %>;\r\n\tfont-weight: <%= btn_fw %>;\r\n\tline-height: 1;\r\n\ttext-decoration: none;\r\n\ttext-align: center;\r\n\ttransition: all 0.3s ease-in-out;\r\n\toverflow: hidden;\r\n\tcursor: pointer;\r\n}\r\n#popmechanic-form .popmechanic-submit:hover {\r\n\tbackground-color: <%= btn_bg_color_hov %>;\r\n\tcolor: <%= btn_text_color_hov %>;\r\n\tborder-color: <%= btn_border_color_hov %>;\r\n}\r\n#popmechanic-form .popmechanic-submit:disabled {\r\n\topacity: 0.8;\r\n\tpointer-events: none;\r\n}\r\n#popmechanic-form .popmechanic-buttons-wrapper {\r\n\twidth: 100%;\r\n}\r\n#popmechanic-form .popmechanic-buttons {\r\n\twidth: 100%;\r\n\tdisplay: flex;\r\n}\r\n#popmechanic-form .popmechanic-thankyou {\r\n\tdisplay: none;\r\n}\r\n.popmechanic-success #popmechanic-form .popmechanic-main {\r\n\tdisplay: none;\r\n}\r\n.popmechanic-success #popmechanic-form .popmechanic-thankyou {\r\n\tdisplay: flex;\r\n}\r\n\r\n/* CHECKBOX */\r\n#popmechanic-form .popmechanic-checkbox {\r\n\t--mb-checkbox-size: <%= checkbox_size %>px;\r\n\tposition: relative;\r\n\tdisplay: flex;\r\n\talign-items: flex-start;\r\n\tgap: calc(var(--mb-checkbox-size, 20px) / 2);\r\n\tmargin-bottom: <%= checkbox_margin_bottom %>px;\r\n\tuser-select: none;\r\n\t<% for (var f = 0; f < fields_list.length; f++) { %>\r\n\t\t<% if (fields_list[f].type === 'checkbox' && fields_list[f].show_error_message && parseInt(checkbox_show) ) { %>\r\n\t\t\tpadding-bottom: <%= +checkbox_fs * +error_message_lh %>px;\r\n\t\t<% } %>\r\n\t<% } %>\r\n}\r\n#popmechanic-form .popmechanic-checkbox__text {\r\n\tcolor: <%= checkbox_text_color %>;\r\n\tfont-size: <%= checkbox_fs %>px;\r\n\tline-height: 1.3;\r\n}\r\n#popmechanic-form .popmechanic-checkbox__link {\r\n\ttext-decoration: <%= parseInt(checkbox_link_underline) ? \"underline\" : \"none\" %>;\r\n}\r\n<% if (parseInt(checkbox_show)) { %>\r\n\t#popmechanic-form .popmechanic-checkbox__check {\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: center;\r\n\t\talign-items: center;\r\n\t\tflex-shrink: 0;\r\n\t\twidth: var(--mb-checkbox-size, 20px);\r\n\t\theight: var(--mb-checkbox-size, 20px);\r\n\t\tborder: <%= checkbox_border_width %>px solid <%= checkbox_border_color %>;\r\n\t\tborder-radius: <%= checkbox_border_radius %>px;\r\n\t\tbackground-color: <%= checkbox_bg_color %>;\r\n\t\tcursor: pointer;\r\n\t}\r\n\t#popmechanic-form .popmechanic-checkbox__check svg {\r\n\t\twidth: calc(100% - (<%= checkbox_padding %>px * 2));\r\n\t\theight: auto;\r\n\t\tcolor: <%= checkbox_tick_color %>;\r\n\t\topacity: 0;\r\n\t\ttransition: opacity 0.3s ease-in-out;\r\n\t}\r\n\t#popmechanic-form .popmechanic-checkbox__input:checked + .popmechanic-checkbox__check svg {\r\n\t\topacity: 1;\r\n\t}\r\n\t#popmechanic-form .popmechanic-invalid:not(:focus) + .popmechanic-checkbox__check {\r\n\t\tborder: <%= parseInt(checkbox_border_width) ? checkbox_border_width : 1 %>px solid <%= input_error_color %>;\r\n\t}\r\n\t#popmechanic-form .popmechanic-checkbox__label .popmechanic-error-message {\r\n\t\tposition: absolute;\r\n\t\tbottom: 0;\r\n\t\tleft: 0;\r\n\t\twidth: 100%;\r\n\t\tmax-width: 100%;\r\n\t\theight: 100%;\r\n\t\tmax-height: <%= +checkbox_fs * +error_message_lh %>px;\r\n\t\toverflow: hidden;\r\n\t\tfont-size: <%= checkbox_fs %>px;\r\n\t}\r\n<% } else { %>\r\n\t#popmechanic-form .popmechanic-checkbox__label {\r\n\t\tdisplay: none;\r\n\t}\r\n<% } %>\r\n\r\n/* CLOSE */\r\n#popmechanic-form .popmechanic-close {\r\n\tposition: absolute;\r\n\ttop: var(--close_position_y, 10px);\r\n\tz-index: 40;\r\n\twidth: var(--close_size, 24px);\r\n\theight: var(--close_size, 24px);\r\n\tborder-radius: <%= close_border_radius %>px;\r\n\tcursor: pointer;\r\n\t<% if (circle_positioning_desk === \"right\") { %>\r\n\t\tleft: var(--close_position_x, 10px);\r\n\t<% } else { %>\r\n\t\tright: var(--close_position_x, 10px);\r\n\t<% } %>\r\n\t<% if (parseInt(close_bg_show)) { %>\r\n\t\tbackground-color: rgba(<%= hexToRgb(close_bg_color) %>, <%= close_bg_transparency %>);\r\n\t<% } else { %>\r\n\t\tbackground-color: rgba(255, 255, 255, 0);\r\n\t<% } %>\r\n}\r\n#popmechanic-form .popmechanic-close::before,\r\n#popmechanic-form .popmechanic-close::after {\r\n\t--translate: translate(-50%, -50%);\r\n\tcontent: \"\";\r\n\tposition: absolute;\r\n\ttop: 50%;\r\n\tleft: 50%;\r\n\twidth: calc(100% - (<%= close_padding %>px * 2));\r\n\theight: 2px;\r\n\tbackground-color: <%= close_color %>;\r\n\ttransform: var(--translate) rotate(45deg);\r\n}\r\n#popmechanic-form .popmechanic-close::after {\r\n\ttransform: var(--translate) rotate(135deg);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-close {\r\n\t--close_size: <%= close_size_desk %>px;\r\n\t--close_position_y: <%= close_position_y_desk %>px;\r\n\t--close_position_x: <%= close_position_x_desk %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-close,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-close {\r\n\t--close_size: <%= close_size_mob %>px;\r\n\t--close_position_y: <%= close_position_y_mob %>px;\r\n\t--close_position_x: <%= close_position_x_mob %>px;\r\n}\r\n\r\n/* DESKTOP */\r\n.popmechanic-desktop #popmechanic-form .popmechanic-main,\r\n.popmechanic-desktop #popmechanic-form .popmechanic-thankyou {\r\n\t<% if (circle_positioning_desk === \"left\" || circle_positioning_desk === \"right\") { %>\r\n\t\tjustify-content: <%= (circle_positioning_desk === \"left\") ? \"flex-end\" : \"flex-start\" %>;\r\n\t\twidth: <%= parseInt(show_half_desk) ? width_desk : (+width_desk + +circle_radius_desk) %>px;\r\n\r\n\t<% } else if (circle_positioning_desk === \"top\" || circle_positioning_desk === \"bottom\") { %>\r\n\t\twidth: <%= width_desk %>px;\r\n\t\tpadding-<%= circle_positioning_desk %>: <%= parseInt(show_half_desk) ? 0 : circle_radius_desk %>px;\r\n\t<% } %>\r\n}\r\n<% if (parseInt(show_half_desk)) { %>\r\n\t.popmechanic-desktop #popmechanic-form .popmechanic-circle-container-left,\r\n\t.popmechanic-desktop #popmechanic-form .popmechanic-circle-container-right {\r\n\t\twidth: <%= circle_radius_desk %>px;\r\n\t\tjustify-content: <%= (circle_positioning_desk === \"left\") ? \"flex-end\" : \"flex-start\" %>;\r\n\t}\r\n\t.popmechanic-desktop #popmechanic-form .popmechanic-circle-container-top,\r\n\t.popmechanic-desktop #popmechanic-form .popmechanic-circle-container-bottom {\r\n\t\theight: <%= circle_radius_desk %>px;\r\n\t\talign-items: <%= (circle_positioning_desk === \"top\") ? \"flex-end\" : \"flex-start\" %>;\r\n\t}\r\n<% } %>\r\n.popmechanic-desktop #popmechanic-form .popmechanic-circle-inner {\r\n\t<% if (arrow_positioning_desk === \"left\") { %>\r\n\t\ttransform: rotate(180deg);\r\n\t<% } else if (arrow_positioning_desk === \"right\") { %>\r\n\t\ttransform: rotate(0deg);\r\n\t<% } else if (arrow_positioning_desk === \"top\") { %>\r\n\t\ttransform: rotate(270deg);\r\n\t<% } else if (arrow_positioning_desk === \"bottom\") { %>\r\n\t\ttransform: rotate(90deg);\r\n\t<% } else { %>\r\n\t\t<% if (arrow_direction_desk === \"left\") { %>\r\n\t\t\ttransform: rotate(180deg);\r\n\t\t<% } else if (arrow_direction_desk === \"top\") { %>\r\n\t\t\ttransform: rotate(270deg);\r\n\t\t<% } else if (arrow_direction_desk === \"bottom\") { %>\r\n\t\t\ttransform: rotate(90deg);\r\n\t\t<% } %>\r\n\t<% } %>\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-circle {\r\n\twidth: <%= +circle_radius_desk * 2 %>px;\r\n\theight: <%= +circle_radius_desk * 2 %>px;\r\n\tborder-width: <%= parseInt(circle_bg_img_show) ? 0 : circle_border_width_desk %>px;\r\n}\r\n\r\n/* ARROW DESKTOP */\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-wrapper {\r\n\twidth: <%= +circle_radius_desk * 2 %>px;\r\n\theight: <%= +circle_radius_desk * 2 %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-wrapper-left,\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-wrapper-right {\r\n\ttop: 50%;\r\n\t<%= circle_positioning_desk %>: 0;\r\n\ttransform: translateY(-50%);\r\n\t<% if (parseInt(show_half_desk)) { %>\r\n\t\twidth: <%= circle_radius_desk %>px;\r\n\t<% } %>\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-wrapper-top,\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-wrapper-bottom {\r\n\t<%= circle_positioning_desk %>: 0;\r\n\tleft: 50%;\r\n\ttransform: translateX(-50%);\r\n\t<% if (parseInt(show_half_desk)) { %>\r\n\t\theight: <%= circle_radius_desk %>px;\r\n\t<% } %>\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow {\r\n\twidth: <%= arrow_size_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-wrapper-left .popmechanic-arrow-left {\r\n\ttop: 50%;\r\n\tleft: 0;\r\n\ttransform: translate(<%= +arrow_shift_desk + (parseInt(show_half_desk) ? -(+arrow_offset) : 0) %>%, -50%);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-wrapper-left .popmechanic-arrow-right {\r\n\ttop: 50%;\r\n\tright: 0;\r\n\ttransform: translate(<%= -(+arrow_shift_desk) + 0 %>%, -50%) rotate(180deg);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-wrapper-left .popmechanic-arrow-top {\r\n\ttop: 0;\r\n\tleft: <%= parseInt(show_half_desk) ? \"0\" : \"50%\" %>;\r\n\ttransform: translate(-50%, <%= +arrow_shift_desk + 0 %>%) rotate(90deg);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-wrapper-left .popmechanic-arrow-bottom {\r\n\tbottom: 0;\r\n\tleft: <%= parseInt(show_half_desk) ? \"0\" : \"50%\" %>;\r\n\ttransform: translate(-50%, <%= -(+arrow_shift_desk) + 0 %>%) rotate(270deg);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-wrapper-left .popmechanic-arrow-center {\r\n\ttop: 50%;\r\n\tleft: <%= parseInt(show_half_desk) ? \"0\" : \"50%\" %>;\r\n\ttransform-origin: <%= arrow_offset %>% center;\r\n\ttransform: translate(<%= -arrow_offset %>%, -50%) rotate(<%= setArrowDirection(arrow_direction_desk) %>deg);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-wrapper-right .popmechanic-arrow-left {\r\n\ttop: 50%;\r\n\tleft: 0;\r\n\ttransform: translate(<%= +arrow_shift_desk + 0 %>%, -50%);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-wrapper-right .popmechanic-arrow-right {\r\n\ttop: 50%;\r\n\tright: 0;\r\n\ttransform: translate(<%= -(+arrow_shift_desk) + (parseInt(show_half_desk) ? +arrow_offset : 0) %>%, -50%) rotate(180deg);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-wrapper-right .popmechanic-arrow-top {\r\n\ttop: 0;\r\n\tright: <%= parseInt(show_half_desk) ? \"0\" : \"50%\" %>;\r\n\ttransform: translate(50%, <%= +arrow_shift_desk + 0 %>%) rotate(90deg);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-wrapper-right .popmechanic-arrow-bottom {\r\n\tbottom: 0;\r\n\tright: <%= parseInt(show_half_desk) ? \"0\" : \"50%\" %>;\r\n\ttransform: translate(50%, <%= -(+arrow_shift_desk) + 0 %>%) rotate(270deg);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-wrapper-right .popmechanic-arrow-center {\r\n\ttop: 50%;\r\n\tleft: <%= parseInt(show_half_desk) ? \"100%\" : \"50%\" %>;\r\n\ttransform-origin: <%= arrow_offset %>% center;\r\n\ttransform: translate(<%= -arrow_offset %>%, -50%) rotate(<%= setArrowDirection(arrow_direction_desk) %>deg);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-wrapper-top .popmechanic-arrow-left {\r\n\ttop: <%= parseInt(show_half_desk) ? \"0\" : \"50%\" %>;\r\n\tleft: 0;\r\n\ttransform: translate(<%= +arrow_shift_desk + 0 %>%, -50%);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-wrapper-top .popmechanic-arrow-right {\r\n\ttop: <%= parseInt(show_half_desk) ? \"0\" : \"50%\" %>;\r\n\tright: 0;\r\n\ttransform: translate(<%= -(+arrow_shift_desk) + 0 %>%, -50%) rotate(180deg);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-wrapper-top .popmechanic-arrow-top {\r\n\ttop: 0;\r\n\tleft: 50%;\r\n\ttransform: translate(-50%, <%= +arrow_shift_desk + (parseInt(show_half_desk) ? -(+arrow_offset) : 0) %>%) rotate(90deg);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-wrapper-top .popmechanic-arrow-bottom {\r\n\tbottom: 0;\r\n\tleft: 50%;\r\n\ttransform: translate(-50%, <%= -(+arrow_shift_desk) + 0 %>%) rotate(270deg);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-wrapper-top .popmechanic-arrow-center {\r\n\ttop: <%= parseInt(show_half_desk) ? \"0\" : \"50%\" %>;\r\n\tleft: 50%;\r\n\ttransform-origin: <%= arrow_offset %>% center;\r\n\ttransform: translate(<%= -arrow_offset %>%, -50%) rotate(<%= setArrowDirection(arrow_direction_desk) %>deg);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-wrapper-bottom .popmechanic-arrow-left {\r\n\tbottom: <%= parseInt(show_half_desk) ? \"0\" : \"50%\" %>;\r\n\tleft: 0;\r\n\ttransform: translate(<%= +arrow_shift_desk + 0 %>%, 50%);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-wrapper-bottom .popmechanic-arrow-right {\r\n\tbottom: <%= parseInt(show_half_desk) ? \"0\" : \"50%\" %>;\r\n\tright: 0;\r\n\ttransform: translate(<%= -(+arrow_shift_desk) + 0 %>%, 50%) rotate(180deg);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-wrapper-bottom .popmechanic-arrow-top {\r\n\ttop: 0;\r\n\tleft: 50%;\r\n\ttransform: translate(-50%, <%= +arrow_shift_desk + 0 %>%) rotate(90deg);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-wrapper-bottom .popmechanic-arrow-bottom {\r\n\tbottom: 0;\r\n\tleft: 50%;\r\n\ttransform: translate(-50%, <%= -(+arrow_shift_desk) + (parseInt(show_half_desk) ? +arrow_offset : 0) %>%) rotate(270deg);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-wrapper-bottom .popmechanic-arrow-center {\r\n\tbottom: <%= parseInt(show_half_desk) ? \"0\" : \"50%\" %>;\r\n\tleft: 50%;\r\n\ttransform-origin: <%= arrow_offset %>% center;\r\n\ttransform: translate(<%= -arrow_offset %>%, 50%) rotate(<%= setArrowDirection(arrow_direction_desk) %>deg);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-center .popmechanic-arrow-shadow {\r\n\ttransform: rotate(-<%= setArrowDirection(arrow_direction_desk) %>deg);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-center .popmechanic-arrow-shadow > * {\r\n\ttransform: rotate(<%= setArrowDirection(arrow_direction_desk) %>deg);\r\n}\r\n/* ARROW DESKTOP END */\r\n\r\n.popmechanic-desktop #popmechanic-form .popmechanic-sector-text {\r\n\tpadding: 0 <%= sector_padding_x_desk %>px;\r\n\ttext-align: <%= sector_text_position_x_desk %>;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-sector-text_big {\r\n\tfont-size: <%= sector_text_fs_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-content {\r\n\tborder-width: <%= border_width_desk %>px;\r\n\tpadding: <%= padding_y_desk %>px <%= padding_x_desk %>px;\r\n\t<% if (parseInt(height_fix_desk)) { %>\r\n\t\theight: <%= height_desk %>px;\r\n\t\toverflow: hidden;\r\n\t<% } %>\r\n\r\n\t/* LEFT & RIGHT */\r\n\t<% if (circle_positioning_desk === \"left\" || circle_positioning_desk === \"right\") { %>\r\n\t\tpadding-<%= circle_positioning_desk %>: <%= +circle_radius_desk + +padding_x_desk %>px;\r\n\t\t<% if (parseInt(show_half_desk)) { %>\r\n\t\t\twidth: 100%;\r\n\t\t<% } else { %>\r\n\t\t\twidth: calc(100% - <%= circle_radius_desk %>px);\r\n\t\t<% } %>\r\n\r\n\t/* TOP & BOTTOM */\r\n\t<% } else if (circle_positioning_desk === \"top\" || circle_positioning_desk === \"bottom\") { %>\r\n\t\twidth: 100%;\r\n\t\tpadding-<%= circle_positioning_desk %>: <%= +circle_radius_desk + +padding_x_desk %>px;\r\n\t<% } %>\r\n}\r\n<% if (parseInt(img_show_desk)) { %>\r\n\t.popmechanic-desktop #popmechanic-form .popmechanic-image {\r\n\t\twidth: <%= img_width_desk %>px;\r\n\t\tmargin-bottom: <%= img_margin_bottom_desk %>px;\r\n\t\t<% if (img_position_x_desk === \"right\") { %>\r\n\t\t\tmargin-left: auto;\r\n\t\t<% } else if (img_position_x_desk === \"left\") { %>\r\n\t\t\tmargin-right: auto;\r\n\t\t<% } else { %>\r\n\t\t\tmargin-left: auto;\r\n\t\t\tmargin-right: auto;\r\n\t\t<% } %>\r\n\t}\r\n<% } %>\r\n.popmechanic-desktop #popmechanic-form .popmechanic-title {\r\n\tmargin-bottom: <%= title_margin_bottom_desk %>px;\r\n\tfont-size: <%= title_fs_desk %>px;\r\n\ttext-align: <%= title_position_x_desk %>;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-subtitle {\r\n\tmargin-bottom: <%= subtitle_margin_bottom_desk %>px;\r\n\tfont-size: <%= subtitle_fs_desk %>px;\r\n\ttext-align: <%= subtitle_position_x_desk %>;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-inputs-wrapper {\r\n\tgap: <%= input_mb_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-field {\r\n\tfont-size: <%= input_fs_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-error-message {\r\n\ttext-align: <%= input_text_position_desk %>;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-input {\r\n\twidth: <%= parseInt(input_width_fix_desk) ? input_width_desk + \"px\" : \"100%\" %>;\r\n\theight: <%= input_height_desk %>px;\r\n\tpadding: 0 <%= input_padding_x_desk %>px;\r\n\ttext-align: <%= input_text_position_desk %>;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-buttons {\r\n\tflex-direction: <%= btn_direction_desk %>;\r\n\tgap: <%= btn_gap_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-submit {\r\n\twidth: <%= parseInt(btn_width_fix_desk) ? btn_width_desk + \"px\" : \"100%\" %>;\r\n\theight: <%= btn_height_desk %>px;\r\n\tpadding: 0 <%= btn_padding_x_desk %>px;\r\n\tfont-size: <%= btn_fs_desk %>px;\r\n\t<% if (btn_direction_desk === \"row\") { %>\r\n\t\tmargin-bottom: <%= btn_margin_bottom_desk %>px;\r\n\t<% } %>\r\n\t<% if (btn_position_desk === \"right\") { %>\r\n\t\tmargin-left: auto;\r\n\t<% } else if (btn_position_desk === \"left\") { %>\r\n\t\tmargin-right: auto;\r\n\t<% } else { %>\r\n\t\tmargin-left: auto;\r\n\t\tmargin-right: auto;\r\n\t<% } %>\r\n}\r\n<% if (btn_direction_desk === \"column\") { %>\r\n\t.popmechanic-desktop #popmechanic-form .popmechanic-buttons .popmechanic-submit:last-child {\r\n\t\tmargin-bottom: <%= btn_margin_bottom_desk %>px;\r\n\t}\r\n<% } %>\r\n<% if (parseInt(tnx_img_show_desk)) { %>\r\n\t.popmechanic-desktop.popmechanic-success #popmechanic-form .popmechanic-image {\r\n\t\twidth: <%= tnx_img_width_desk %>px;\r\n\t\tmargin-bottom: <%= tnx_img_margin_bottom_desk %>px;\r\n\t\t<% if (tnx_img_position_x_desk === \"right\") { %>\r\n\t\t\tmargin-left: auto;\r\n\t\t\tmargin-right: 0;\r\n\t\t<% } else if (tnx_img_position_x_desk === \"left\") { %>\r\n\t\t\tmargin-right: auto;\r\n\t\t\tmargin-left: 0;\r\n\t\t<% } else { %>\r\n\t\t\tmargin-left: auto;\r\n\t\t\tmargin-right: auto;\r\n\t\t<% } %>\r\n\t}\r\n<% } %>\r\n\r\n/* MOBILE */\r\n.popmechanic-tablet #popmechanic-form .popmechanic-main,\r\n.popmechanic-tablet #popmechanic-form .popmechanic-thankyou,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou {\r\n\twidth: <%= width_mob %>px;\r\n\tpadding-<%= circle_positioning_mob %>: <%= parseInt(show_half_mob) ? 0 : circle_radius_mob %>px;\r\n}\r\n<% if (parseInt(show_half_mob)) { %>\r\n\t.popmechanic-tablet #popmechanic-form .popmechanic-circle-container-top,\r\n\t.popmechanic-mobile #popmechanic-form .popmechanic-circle-container-top {\r\n\t\theight: <%= circle_radius_mob %>px;\r\n\t\talign-items: flex-end;\r\n\t}\r\n\t.popmechanic-tablet #popmechanic-form .popmechanic-circle-container-bottom,\r\n\t.popmechanic-mobile #popmechanic-form .popmechanic-circle-container-bottom {\r\n\t\theight: <%= circle_radius_mob %>px;\r\n\t\talign-items: flex-start;\r\n\t}\r\n<% } %>\r\n.popmechanic-tablet #popmechanic-form .popmechanic-circle-inner,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-circle-inner {\r\n\t<% if (arrow_positioning_mob === \"left\") { %>\r\n\t\ttransform: rotate(180deg);\r\n\t<% } else if (arrow_positioning_mob === \"right\") { %>\r\n\t\ttransform: rotate(0deg);\r\n\t<% } else if (arrow_positioning_mob === \"top\") { %>\r\n\t\ttransform: rotate(270deg);\r\n\t<% } else if (arrow_positioning_mob === \"bottom\") { %>\r\n\t\ttransform: rotate(90deg);\r\n\t<% } else { %>\r\n\t\t<% if (arrow_direction_mob === \"left\") { %>\r\n\t\t\ttransform: rotate(180deg);\r\n\t\t<% } else if (arrow_direction_mob === \"top\") { %>\r\n\t\t\ttransform: rotate(270deg);\r\n\t\t<% } else if (arrow_direction_mob === \"bottom\") { %>\r\n\t\t\ttransform: rotate(90deg);\r\n\t\t<% } %>\r\n\t<% } %>\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-circle,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-circle {\r\n\twidth: <%= +circle_radius_mob * 2 %>px;\r\n\theight: <%= +circle_radius_mob * 2 %>px;\r\n\tborder-width: <%= parseInt(circle_bg_img_show) ? 0 : circle_border_width_mob %>px;\r\n}\r\n\r\n/* ARROW MOBILE */\r\n.popmechanic-tablet #popmechanic-form .popmechanic-arrow-wrapper,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-arrow-wrapper {\r\n\twidth: <%= +circle_radius_mob * 2 %>px;\r\n\theight: <%= +circle_radius_mob * 2 %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-arrow-wrapper-top,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-arrow-wrapper-top,\r\n.popmechanic-tablet #popmechanic-form .popmechanic-arrow-wrapper-bottom,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-arrow-wrapper-bottom {\r\n\t<%= circle_positioning_mob %>: 0;\r\n\tleft: 50%;\r\n\ttransform: translateX(-50%);\r\n\t<% if (parseInt(show_half_mob)) { %>\r\n\t\theight: <%= circle_radius_mob %>px;\r\n\t<% } %>\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-arrow,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-arrow {\r\n\twidth: <%= arrow_size_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-arrow-wrapper-top .popmechanic-arrow-left,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-arrow-wrapper-top .popmechanic-arrow-left {\r\n\ttop: <%= parseInt(show_half_mob) ? \"0\" : \"50%\" %>;\r\n\tleft: 0;\r\n\ttransform: translate(<%= +arrow_shift_mob + 0 %>%, -50%);\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-arrow-wrapper-top .popmechanic-arrow-right,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-arrow-wrapper-top .popmechanic-arrow-right {\r\n\ttop: <%= parseInt(show_half_mob) ? \"0\" : \"50%\" %>;\r\n\tright: 0;\r\n\ttransform: translate(<%= -(+arrow_shift_mob) + 0 %>%, -50%) rotate(180deg);\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-arrow-wrapper-top .popmechanic-arrow-top,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-arrow-wrapper-top .popmechanic-arrow-top {\r\n\ttop: 0;\r\n\tleft: 50%;\r\n\ttransform: translate(-50%, <%= +arrow_shift_mob + (parseInt(show_half_mob) ? -(+arrow_offset) : 0) %>%) rotate(90deg);\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-arrow-wrapper-top .popmechanic-arrow-bottom,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-arrow-wrapper-top .popmechanic-arrow-bottom {\r\n\tbottom: 0;\r\n\tleft: 50%;\r\n\ttransform: translate(-50%, <%= -(+arrow_shift_mob) + 0 %>%) rotate(270deg);\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-arrow-wrapper-top .popmechanic-arrow-center,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-arrow-wrapper-top .popmechanic-arrow-center {\r\n\ttop: <%= parseInt(show_half_mob) ? \"0\" : \"50%\" %>;\r\n\tleft: 50%;\r\n\ttransform-origin: <%= arrow_offset %>% center;\r\n\ttransform: translate(<%= -arrow_offset %>%, -50%) rotate(<%= setArrowDirection(arrow_direction_mob) %>deg);\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-arrow-wrapper-bottom .popmechanic-arrow-left,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-arrow-wrapper-bottom .popmechanic-arrow-left {\r\n\tbottom: <%= parseInt(show_half_mob) ? \"0\" : \"50%\" %>;\r\n\tleft: 0;\r\n\ttransform: translate(<%= +arrow_shift_mob + 0 %>%, 50%);\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-arrow-wrapper-bottom .popmechanic-arrow-right,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-arrow-wrapper-bottom .popmechanic-arrow-right {\r\n\tbottom: <%= parseInt(show_half_mob) ? \"0\" : \"50%\" %>;\r\n\tright: 0;\r\n\ttransform: translate(<%= -(+arrow_shift_mob) + 0 %>%, 50%) rotate(180deg);\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-arrow-wrapper-bottom .popmechanic-arrow-top,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-arrow-wrapper-bottom .popmechanic-arrow-top {\r\n\ttop: 0;\r\n\tleft: 50%;\r\n\ttransform: translate(-50%, <%= +arrow_shift_mob + 0 %>%) rotate(90deg);\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-arrow-wrapper-bottom .popmechanic-arrow-bottom,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-arrow-wrapper-bottom .popmechanic-arrow-bottom {\r\n\tbottom: 0;\r\n\tleft: 50%;\r\n\ttransform: translate(-50%, <%= -(+arrow_shift_mob) + (parseInt(show_half_mob) ? +arrow_offset : 0) %>%) rotate(270deg);\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-arrow-wrapper-bottom .popmechanic-arrow-center,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-arrow-wrapper-bottom .popmechanic-arrow-center {\r\n\tbottom: <%= parseInt(show_half_mob) ? \"0\" : \"50%\" %>;\r\n\tleft: 50%;\r\n\ttransform-origin: <%= arrow_offset %>% center;\r\n\ttransform: translate(<%= -arrow_offset %>%, 50%) rotate(<%= setArrowDirection(arrow_direction_mob) %>deg);\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-arrow-center .popmechanic-arrow-shadow,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-arrow-center .popmechanic-arrow-shadow {\r\n\ttransform: rotate(-<%= setArrowDirection(arrow_direction_mob) %>deg);\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-arrow-center .popmechanic-arrow-shadow > *,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-arrow-center .popmechanic-arrow-shadow > * {\r\n\ttransform: rotate(<%= setArrowDirection(arrow_direction_mob) %>deg);\r\n}\r\n/* ARROW MOBILE END */\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-sector-text,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-sector-text {\r\n\tpadding: 0 <%= sector_padding_x_mob %>px;\r\n\ttext-align: <%= sector_text_position_x_mob %>;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-sector-text_big,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-sector-text_big {\r\n\tfont-size: <%= sector_text_fs_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-content,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-content {\r\n\twidth: 100%;\r\n\tpadding: <%= padding_y_mob %>px <%= padding_x_mob %>px;\r\n\tpadding-<%= circle_positioning_mob %>: <%= +circle_radius_mob + +padding_x_mob %>px;\r\n\tborder-width: <%= border_width_mob %>px;\r\n\t<% if (parseInt(height_fix_mob)) { %>\r\n\t\theight: <%= height_mob %>px;\r\n\t\toverflow: hidden;\r\n\t<% } %>\r\n}\r\n<% if (parseInt(img_show_mob)) { %>\r\n\t.popmechanic-tablet #popmechanic-form .popmechanic-image,\r\n\t.popmechanic-mobile #popmechanic-form .popmechanic-image {\r\n\t\twidth: <%= img_width_mob %>px;\r\n\t\tmargin-bottom: <%= img_margin_bottom_mob %>px;\r\n\t\t<% if (img_position_x_mob === \"right\") { %>\r\n\t\t\tmargin-left: auto;\r\n\t\t<% } else if (img_position_x_mob === \"left\") { %>\r\n\t\t\tmargin-right: auto;\r\n\t\t<% } else { %>\r\n\t\t\tmargin-left: auto;\r\n\t\t\tmargin-right: auto;\r\n\t\t<% } %>\r\n\t}\r\n<% } %>\r\n.popmechanic-tablet #popmechanic-form .popmechanic-title,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-title {\r\n\tmargin-bottom: <%= title_margin_bottom_mob %>px;\r\n\tfont-size: <%= title_fs_mob %>px;\r\n\ttext-align: <%= title_position_x_mob %>;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-subtitle,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-subtitle {\r\n\tmargin-bottom: <%= subtitle_margin_bottom_mob %>px;\r\n\tfont-size: <%= subtitle_fs_mob %>px;\r\n\ttext-align: <%= subtitle_position_x_mob %>;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-inputs-wrapper,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-inputs-wrapper {\r\n\tgap: <%= input_mb_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-field,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-field {\r\n\tfont-size: <%= input_fs_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-error-message,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-error-message {\r\n\ttext-align: <%= input_text_position_mob %>;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-input,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-input {\r\n\twidth: <%= parseInt(input_width_fix_mob) ? input_width_mob + \"px\" : \"100%\" %>;\r\n\theight: <%= input_height_mob %>px;\r\n\tpadding: 0 <%= input_padding_x_mob %>px;\r\n\ttext-align: <%= input_text_position_mob %>;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-buttons,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-buttons {\r\n\tflex-direction: <%= btn_direction_mob %>;\r\n\tgap: <%= btn_gap_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-submit,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-submit {\r\n\twidth: <%= parseInt(btn_width_fix_mob) ? btn_width_mob + \"px\" : \"100%\" %>;\r\n\theight: <%= btn_height_mob %>px;\r\n\tpadding: 0 <%= btn_padding_x_mob %>px;\r\n\tfont-size: <%= btn_fs_mob %>px;\r\n\t<% if (btn_direction_mob === \"row\") { %>\r\n\t\tmargin-bottom: <%= btn_margin_bottom_mob %>px;\r\n\t<% } %>\r\n\t<% if (btn_position_mob === \"right\") { %>\r\n\t\tmargin-left: auto;\r\n\t<% } else if (btn_position_mob === \"left\") { %>\r\n\t\tmargin-right: auto;\r\n\t<% } else { %>\r\n\t\tmargin-left: auto;\r\n\t\tmargin-right: auto;\r\n\t<% } %>\r\n}\r\n<% if (btn_direction_mob === \"column\") { %>\r\n\t.popmechanic-tablet #popmechanic-form .popmechanic-buttons .popmechanic-submit:last-child,\r\n\t.popmechanic-mobile #popmechanic-form .popmechanic-buttons .popmechanic-submit:last-child {\r\n\t\tmargin-bottom: <%= btn_margin_bottom_mob %>px;\r\n\t}\r\n<% } %>\r\n<% if (parseInt(tnx_img_show_mob)) { %>\r\n\t.popmechanic-tablet.popmechanic-success #popmechanic-form .popmechanic-image,\r\n\t.popmechanic-mobile.popmechanic-success #popmechanic-form .popmechanic-image {\r\n\t\twidth: <%= tnx_img_width_mob %>px;\r\n\t\tmargin-bottom: <%= tnx_img_margin_bottom_mob %>px;\r\n\t\t<% if (tnx_img_position_x_mob === \"right\") { %>\r\n\t\t\tmargin-left: auto;\r\n\t\t\tmargin-right: 0;\r\n\t\t<% } else if (tnx_img_position_x_mob === \"left\") { %>\r\n\t\t\tmargin-right: auto;\r\n\t\t\tmargin-left: 0;\r\n\t\t<% } else { %>\r\n\t\t\tmargin-left: auto;\r\n\t\t\tmargin-right: auto;\r\n\t\t<% } %>\r\n\t}\r\n<% } %>\r\n#popmechanic-form .popmechanic-invalid:not(:focus) {\r\n\tz-index: 30;\r\n\tborder: 1px solid <%= input_error_color %> !important;\r\n\tcolor: <%= input_error_color %> !important;\r\n}\r\n#popmechanic-form .popmechanic-invalid:not(:focus)::placeholder {\r\n\tcolor: <%= input_error_color %>;\r\n}\r\n#popmechanic-form .popmechanic-invalid:not(:focus) ~ .popmechanic-error-message {\r\n\tdisplay: block;\r\n}", "button": "", "on_show": "window.PopMechanic = window.PopMechanic || {};\r\nPopMechanic.Rotate2418 = function () {\r\n\t\tif (PopMechanic.$(\"[data-popmechanic-input]:not([data-popmechanic-input='customs.result2418'])\").hasClass(\"popmechanic-invalid\")) return;\r\n\r\n\t\tvar counter = <%= sectors %>;\r\n\t\tvar variants = [\r\n\t\t\t\tparseInt(<%= variant1_on %>, 10) ? {\r\n\t\t\t\t\t\tvalue: '<%= variant1_value %>',\r\n\t\t\t\t\t\tprob: parseFloat('<%= variant1_prob %>', 10)\r\n\t\t\t\t} : undefined,\r\n\t\t\t\tparseInt(<%= variant2_on %>, 10) ? {\r\n\t\t\t\t\t\tvalue: '<%= variant2_value %>',\r\n\t\t\t\t\t\tprob: parseFloat('<%= variant2_prob %>', 10)\r\n\t\t\t\t} : undefined,\r\n\t\t\t\tparseInt(<%= variant3_on %>, 10) ? {\r\n\t\t\t\t\t\tvalue: '<%= variant3_value %>',\r\n\t\t\t\t\t\tprob: parseFloat('<%= variant3_prob %>', 10)\r\n\t\t\t\t} : undefined,\r\n\t\t\t\tparseInt(<%= variant4_on %>, 10) ? {\r\n\t\t\t\t\t\tvalue: '<%= variant4_value %>',\r\n\t\t\t\t\t\tprob: parseFloat('<%= variant4_prob %>', 10)\r\n\t\t\t\t} : undefined,\r\n\t\t\t\tparseInt(<%= variant5_on %>, 10) ? {\r\n\t\t\t\t\t\tvalue: '<%= variant5_value %>',\r\n\t\t\t\t\t\tprob: parseFloat('<%= variant5_prob %>', 10)\r\n\t\t\t\t} : undefined,\r\n\t\t\t\tparseInt(<%= variant6_on %>, 10) ? {\r\n\t\t\t\t\t\tvalue: '<%= variant6_value %>',\r\n\t\t\t\t\t\tprob: parseFloat('<%= variant6_prob %>', 10)\r\n\t\t\t\t} : undefined,\r\n\t\t\t\tparseInt(<%= variant7_on %>, 10) ? {\r\n\t\t\t\t\t\tvalue: '<%= variant7_value %>',\r\n\t\t\t\t\t\tprob: parseFloat('<%= variant7_prob %>', 10)\r\n\t\t\t\t} : undefined,\r\n\t\t\t\tparseInt(<%= variant8_on %>, 10) ? {\r\n\t\t\t\t\t\tvalue: '<%= variant8_value %>',\r\n\t\t\t\t\t\tprob: parseFloat('<%= variant8_prob %>', 10)\r\n\t\t\t\t} : undefined,\r\n\t\t\t\tparseInt(<%= variant9_on %>, 10) ? {\r\n\t\t\t\t\t\tvalue: '<%= variant9_value %>',\r\n\t\t\t\t\t\tprob: parseFloat('<%= variant9_prob %>', 10)\r\n\t\t\t\t} : undefined,\r\n\t\t\t\tparseInt(<%= variant10_on %>, 10) ? {\r\n\t\t\t\t\t\tvalue: '<%= variant10_value %>',\r\n\t\t\t\t\t\tprob: parseFloat('<%= variant10_prob %>', 10)\r\n\t\t\t\t} : undefined,\r\n\t\t\t\tparseInt(<%= variant11_on %>, 10) ? {\r\n\t\t\t\t\t\tvalue: '<%= variant11_value %>',\r\n\t\t\t\t\t\tprob: parseFloat('<%= variant11_prob %>', 10)\r\n\t\t\t\t} : undefined,\r\n\t\t\t\tparseInt(<%= variant12_on %>, 10) ? {\r\n\t\t\t\t\t\tvalue: '<%= variant12_value %>',\r\n\t\t\t\t\t\tprob: parseFloat('<%= variant12_prob %>', 10)\r\n\t\t\t\t} : undefined,\r\n\t\t\t\tparseInt(<%= variant13_on %>, 10) ? {\r\n\t\t\t\t\t\tvalue: '<%= variant13_value %>',\r\n\t\t\t\t\t\tprob: parseFloat('<%= variant13_prob %>', 10)\r\n\t\t\t\t} : undefined,\r\n\t\t\t\tparseInt(<%= variant14_on %>, 10) ? {\r\n\t\t\t\t\t\tvalue: '<%= variant14_value %>',\r\n\t\t\t\t\t\tprob: parseFloat('<%= variant14_prob %>', 10)\r\n\t\t\t\t} : undefined,\r\n\t\t\t\tparseInt(<%= variant15_on %>, 10) ? {\r\n\t\t\t\t\t\tvalue: '<%= variant15_value %>',\r\n\t\t\t\t\t\tprob: parseFloat('<%= variant15_prob %>', 10)\r\n\t\t\t\t} : undefined,\r\n\t\t\t\tparseInt(<%= variant16_on %>, 10) ? {\r\n\t\t\t\t\t\tvalue: '<%= variant16_value %>',\r\n\t\t\t\t\t\tprob: parseFloat('<%= variant16_prob %>', 10)\r\n\t\t\t\t} : undefined,\r\n\t\t\t\tparseInt(<%= variant17_on %>, 10) ? {\r\n\t\t\t\t\t\tvalue: '<%= variant17_value %>',\r\n\t\t\t\t\t\tprob: parseFloat('<%= variant17_prob %>', 10)\r\n\t\t\t\t} : undefined,\r\n\t\t\t\tparseInt(<%= variant18_on %>, 10) ? {\r\n\t\t\t\t\t\tvalue: '<%= variant18_value %>',\r\n\t\t\t\t\t\tprob: parseFloat('<%= variant18_prob %>', 10)\r\n\t\t\t\t} : undefined\r\n\t\t].filter(function (variant) { return typeof variant !== \"undefined\" });\r\n\t\tvariants = variants.slice(0, counter);\r\n\r\n\t\tvar probs = variants.map(function (variant) { return variant.prob; });\r\n\t\tvar circle = document.querySelector(\".popmechanic-circle\");\r\n\t\tvar rand = <%= rotation_result %>;\r\n\r\n\t\tif (!circle.classList.contains(\"popmechanic-disabled\")) {\r\n\t\t\t\tif (rand == 1) {\r\n\t\t\t\t\t\tvar probSum = probs.reduce(function(a, b) { return a + b; }, 0);\r\n\t\t\t\t\t\tvar result;\r\n\t\t\t\t\t\tvar randRes = Math.floor(Math.random() * probSum);\r\n\r\n\t\t\t\t\t\tprobs.some(function(item, index) {\r\n\t\t\t\t\t\t\t\tvar upSum = probs.slice(0, index + 1).reduce(function(a, b) { return a + b; }, 0);\r\n\t\t\t\t\t\t\t\tvar downSum = probs.slice(0, index).reduce(function(a, b) { return a + b; }, 0);\r\n\r\n\t\t\t\t\t\t\t\tif (downSum <= randRes && randRes < upSum) {\r\n\t\t\t\t\t\t\t\t\t\tresult = index + 1;\r\n\r\n\t\t\t\t\t\t\t\t\t\treturn true;\r\n\t\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t\treturn false;\r\n\t\t\t\t\t\t});\r\n\r\n\t\t\t\t\t\tresult = result || probs.length;\r\n\t\t\t\t} else {\r\n\t\t\t\t\t\tvar result = 1;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tvar rotation = 90 + 180 / counter - (360 / counter) * result + 360 * 4;\r\n\r\n\t\t\t\tcircle.setAttribute(\"style\", \"transform:rotate(\"+rotation+\"deg)\");\r\n\t\t\t\tcircle.classList.add(\"popmechanic-disabled\");\r\n\r\n\t\t\t\tvar variantIndex = result % probs.length || probs.length;\r\n          \r\n\t\t\t\tPopMechanic.$('[data-popmechanic-input=\"customs.result2418\"]')\r\n\t\t\t\t\t\t.val(variants[variantIndex-1].value)\r\n\t\t\t\t\t\t.trigger('change');\r\n\r\n\t\t\t\tsetTimeout(function(){\r\n\t\t\t\t\t\tPopMechanic.$('[data-popmechanic-submit]').click();\r\n\t\t\t\t}, 3000);\r\n\t\t} else {\r\n\t\t\t\tPopMechanic.$('[data-popmechanic-submit]').click();\r\n\t\t}\r\n}", "on_close": "", "embed_code": "", "behaviors": ["post-text", "lead", "partscreen"], "template_type": "partscreen", "need_reset": false, "parameters": [], "on_targeting_ready": "", "on_child_ready": ""}], "button_templates": [], "integrations": [{"id": 63218, "form": 63222, "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-63222", "subscriptions": [{"pointOfContact": "Email"}]}, {"id": 67532, "form": 65987, "filter": null, "filter_type": null, "account": 34927, "integration_type": "mindbox_server_json", "customer_extended": [{"value": "%name%", "systemName": "firstName"}, {"value": "%email%", "systemName": "email"}], "customer_action_extended": [], "mode": "create", "send_customer": true, "issue_action": false, "operation": "popmechanic-integration-create-65987", "subscriptions": [{"pointOfContact": "Email"}]}, {"id": 63219, "form": 63222, "filter": null, "filter_type": null, "account": 34927, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-block-63222-show", "click_operation": "popmechanic-block-63222-click", "targeting_operation": "popmechanic-block-63222-targeting"}, {"id": 67533, "form": 65987, "filter": null, "filter_type": null, "account": 34927, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-65987-show", "click_operation": "popmechanic-popup-65987-click", "targeting_operation": "popmechanic-popup-65987-targeting"}, {"id": 90054, "form": 81024, "filter": null, "filter_type": null, "account": 34927, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-81024-show", "click_operation": "popmechanic-popup-81024-click", "targeting_operation": "popmechanic-popup-81024-targeting"}, {"id": 103142, "form": 89623, "filter": null, "filter_type": null, "account": 34927, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-89623-show", "click_operation": "popmechanic-popup-89623-click", "targeting_operation": "popmechanic-popup-89623-targeting"}, {"id": 108572, "form": 93284, "filter": null, "filter_type": null, "account": 34927, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-93284-show", "click_operation": "popmechanic-popup-93284-click", "targeting_operation": "popmechanic-popup-93284-targeting"}, {"id": 108575, "form": 93287, "filter": null, "filter_type": null, "account": 34927, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-93287-show", "click_operation": "popmechanic-popup-93287-click", "targeting_operation": "popmechanic-popup-93287-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}