{"forms": [{"id": 97019, "template": 886, "button_template": null, "test_group": null, "new_targeting": null, "settings_splits": [{"settings": {"url": "https://5lb.ru/catalog/sportivnoe-pitanie/dlya-svyazok-i-sustavov/", "image": "https://personalization-web-stable.mindbox.ru/user-media/35803/d30d7d6d73e05c9e369a9e535b3c78a73e01bede4747eb79f6ed8ac29199a66c.jpg", "width": "510.00", "cl_col": "#000000", "cl_size": "55", "otstup1": "9", "otstup2": "-1", "showurl": "1", "width_mobile": "310", "showtransform": "1", "form_border_color": "#facc48", "form_border_width": "0", "form_border_radius": "0", "form_border_width2": "0"}, "button_settings": {}, "conditions_splits": [{"conditions": {"delay": "30"}, "combinator": "or", "id": 204229}], "id": 96427, "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": "\u043a\u043e\u043b\u043b\u0430\u0433\u0435\u043d \u0432 \u043f\u043e\u0434\u0430\u0440\u043e\u043a \u0437\u0443\u0431\u0430\u0440\u0435\u0432\u0430 02.09-10.09", "active": true, "embed_selector": false, "selector": "", "placement": "start", "frequency": {"once_lifetime": false, "once_session": true, "priority": false, "minimal_timeout": null}, "start_date": "2024-09-03T00:00:24+03:00", "end_date": "2024-09-10T23:30:13+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-97540.png?ts=1725374390831&id=506f956f-9704-4734-9f96-7f052d9521d9", "rendered_button_preview": null, "settings": {"url": "https://5lb.ru/catalog/sportivnoe-pitanie/dlya-svyazok-i-sustavov/", "image": "https://personalization-web-stable.mindbox.ru/user-media/35803/d30d7d6d73e05c9e369a9e535b3c78a73e01bede4747eb79f6ed8ac29199a66c.jpg", "width": "510.00", "cl_col": "#000000", "cl_size": "55", "otstup1": "9", "otstup2": "-1", "showurl": "1", "width_mobile": "310", "showtransform": "1", "form_border_color": "#facc48", "form_border_width": "0", "form_border_radius": "0", "form_border_width2": "0"}, "button_settings": {}, "behavior_settings": {"button": {"on": false, "positions": {"desktop": {"top": "0px", "left": "0px"}}, "conditions": "targeting", "show_before": true}, "partscreen": {"mobile": null, "tablet": null, "desktop": {"target": "window", "position": "center", "vertical_offset": 0, "element_position": "right", "horizontal_offset": 0, "element_vertical_offset": 0, "element_horizontal_offset": 0}, "animation_in": "fadeIn", "allow_overlay": false, "animation_out": "fadeOut", "paranja_color": "#000000", "paranja_opacity": 0.3}}, "html": "", "css": "", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 96976, "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": "https://5lb.ru/order/", "operator": "$exclude"}], "operator": "$and"}], "operator": "$and"}}, "settings_splits": [{"settings": {"url": "https://5lb.ru/sale/luchshaya_tsena/", "image": "https://personalization-web-stable.mindbox.ru/user-media/35803/9469cbfc24eda4d51f530fe0a393329b4bc27e96dcfc266565fa01c7c86a41d7.jpg", "width": "510.00", "cl_col": "#000000", "cl_size": "55", "otstup1": "9", "otstup2": "-1", "showurl": "1", "width_mobile": "310", "showtransform": "1", "form_border_color": "#facc48", "form_border_width": "0", "form_border_radius": "0", "form_border_width2": "0"}, "button_settings": {}, "conditions_splits": [{"conditions": {"session_time": "120"}, "combinator": "or", "id": 204202}], "id": 96384, "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": "\u041b\u0426 Super \u0446\u0435\u043d\u044b", "active": true, "embed_selector": false, "selector": "", "placement": "start", "frequency": {"once_lifetime": false, "once_session": false, "priority": false, "minimal_timeout": 86400}, "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-97497.png?ts=1725356207780&id=27a70b37-a62e-41c0-9a28-904ced14b590", "rendered_button_preview": null, "settings": {"url": "https://5lb.ru/sale/luchshaya_tsena/", "image": "https://personalization-web-stable.mindbox.ru/user-media/35803/9469cbfc24eda4d51f530fe0a393329b4bc27e96dcfc266565fa01c7c86a41d7.jpg", "width": "510.00", "cl_col": "#000000", "cl_size": "55", "otstup1": "9", "otstup2": "-1", "showurl": "1", "width_mobile": "310", "showtransform": "1", "form_border_color": "#facc48", "form_border_width": "0", "form_border_radius": "0", "form_border_width2": "0"}, "button_settings": {}, "behavior_settings": {"button": {"on": false, "positions": {"desktop": {"top": "0px", "left": "0px"}}, "conditions": "targeting", "show_before": true}, "partscreen": {"mobile": null, "tablet": null, "desktop": {"target": "window", "position": "center", "vertical_offset": 0, "element_position": "right", "horizontal_offset": 0, "element_vertical_offset": 0, "element_horizontal_offset": 0}, "animation_in": "fadeIn", "allow_overlay": false, "animation_out": "fadeOut", "paranja_color": "#000000", "paranja_opacity": 0.3}}, "html": "", "css": "", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 49119, "template": 2260, "button_template": null, "test_group": null, "new_targeting": {"filter": {"id": "root", "name": "root", "nodes": [{"id": "2", "field": "device", "value": ["pc"], "operator": "$in"}, {"id": "3", "name": "$and", "type": "current_page", "nodes": [{"id": "4", "field": "page", "value": "/order/", "operator": "$exclude"}, {"id": "5", "field": "page", "value": "/basket/", "operator": "$exclude"}], "operator": "$and"}, {"id": "6", "name": "$or", "nodes": [{"id": "7", "field": "form_seen", "value": {"forms": "$any", "interval": 7}, "operator": "$never"}, {"id": "8", "field": "form_seen", "value": {"forms": "$any", "interval": 20}, "operator": "$after"}], "operator": "$or"}], "operator": "$and"}}, "settings_splits": [{"settings": {"summ": "6010", "btn_url": "https://5lb.ru/loyalty/", "title_1": "\u041f\u043e\u043b\u0443\u0447\u0438 1500 \u0431\u043e\u043d\u0443\u0441\u043d\u044b\u0445 \u0440\u0443\u0431\u043b\u0435\u0439!", "bg_color": "#fff", "btn_show": "1", "btn_text": "\u041f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u0431\u043e\u043d\u0443\u0441\u044b", "img_same": "0", "title_fw": "700", "btn_blank": "1", "width_mob": "320", "btn_action": "link", "btn_fs_mob": "14", "close_show": "1", "subtitle_1": "\u0412\u0441\u0442\u0443\u043f\u0430\u0439 \u0432 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0443 \u043b\u043e\u044f\u043b\u044c\u043d\u043e\u0441\u0442\u0438 5lb \u0438 \u043f\u043e\u043b\u0443\u0447\u0438 \u043f\u0440\u0438\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0435 \u0431\u0430\u043b\u043b\u044b.  \u0421 \u043a\u0430\u0436\u0434\u043e\u0439 \u043f\u043e\u043a\u0443\u043f\u043a\u0438 \u043c\u044b \u043d\u0430\u0447\u0438\u0441\u043b\u044f\u0435\u043c 5% \u043a\u044d\u0448\u0431\u0435\u043a \u043d\u0430 \u0442\u0432\u043e\u0439 \u0431\u043e\u043d\u0443\u0441\u043d\u044b\u0439 \u0441\u0447\u0435\u0442. \u0411\u0430\u043b\u043b\u0430\u043c\u0438 \u0442\u044b \u0441\u043c\u043e\u0436\u0435\u0448\u044c \u043e\u043f\u043b\u0430\u0447\u0438\u0432\u0430\u0442\u044c \u0434\u043e 30% \u043e\u0442 \u0441\u0443\u043c\u043c\u044b \u0447\u0435\u043a\u0430!", "width_desk": "700", "btn_form_id": "0", "btn_fs_desk": "14", "font_custom": "Circe, Arial, sans-serif", "font_family": "Montserrat, sans-serif", "height_desk": "260", "img_src_mob": "https://personalization-web-stable.mindbox.ru/user-media/img/img_smal_26491.png", "shadow_show": "1", "shadow_size": "10", "subtitle_fw": "400", "title_color": "#000", "border_color": "#000", "btn_bg_color": "#f55300", "img_show_mob": "1", "img_src_desk": "https://personalization-web-stable.mindbox.ru/user-media/35803/c7949cc3dd44564de214f5f2a823b3a6aa3b19f0aff15b216d9536c7471ce88b.png", "title_fs_mob": "24", "border_radius": "32", "btn_width_mob": "176", "img_show_desk": "1", "padding_x_mob": "24", "padding_y_mob": "24", "title_fs_desk": "26.00", "btn_height_mob": "48", "btn_text_color": "#fff", "btn_width_desk": "176", "close_size_mob": "22", "img_height_mob": "200", "img_width_desk": "302.00", "padding_x_desk": "32", "padding_y_desk": "32", "subtitle_color": "#000", "bg_transparency": "1", "btn_height_desk": "48", "close_color_mob": "#b1b9c4", "close_size_desk": "24", "subtitle_fs_mob": "16", "title_align_mob": "left", "border_width_mob": "0", "btn_bg_color_hov": "#c64200", "btn_border_color": "#f55300", "btn_border_width": "0", "btn_position_mob": "left", "close_color_desk": "#b1b9c4", "font_custom_show": "0", "img_position_mob": "center", "subtitle_fs_desk": "16.00", "title_align_desk": "left", "border_width_desk": "0", "btn_border_radius": "10", "btn_position_desk": "left", "close_bg_show_mob": "0", "img_position_desk": "center", "btn_text_color_hov": "#fff", "close_bg_color_mob": "#222", "close_bg_show_desk": "0", "subtitle_accent_fw": "700", "close_bg_color_desk": "#222", "btn_border_color_hov": "#f55300", "close_bg_transparency": "1", "subtitle_accent_color": "#000000", "subtitle_accent_fs_mob": "16", "subtitle_accent_fs_desk": "20"}, "button_settings": {}, "conditions_splits": [{"conditions": {"pages": "5", "session_time": "30"}, "combinator": "and", "id": 172785}], "id": 48565, "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": "bottom-left", "vertical_offset": 10, "element_position": "right", "horizontal_offset": 10, "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": "LoyaltyWelcome Desktop", "active": true, "embed_selector": false, "selector": "", "placement": "start", "frequency": {"once_lifetime": false, "once_session": false, "priority": false, "minimal_timeout": 1209600}, "start_date": null, "end_date": null, "day_of_week": [true, true, true, true, true, true, true], "start_time": null, "end_time": null, "timezone_minutes": 180, "custom_fields": [], "container_id": null, "child_forms": [], "salt": null, "control_group": null, "variants": [{"is_winner": false, "ab_test_variant_internal_id": null, "view_settings": {"button_template": null, "rendered_preview": "https://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-53.png?ts=1716884782493", "rendered_button_preview": null, "settings": {"summ": "6010", "btn_url": "https://5lb.ru/loyalty/", "title_1": "\u041f\u043e\u043b\u0443\u0447\u0438 1500 \u0431\u043e\u043d\u0443\u0441\u043d\u044b\u0445 \u0440\u0443\u0431\u043b\u0435\u0439!", "bg_color": "#fff", "btn_show": "1", "btn_text": "\u041f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u0431\u043e\u043d\u0443\u0441\u044b", "img_same": "0", "title_fw": "700", "btn_blank": "1", "width_mob": "320", "btn_action": "link", "btn_fs_mob": "14", "close_show": "1", "subtitle_1": "\u0412\u0441\u0442\u0443\u043f\u0430\u0439 \u0432 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0443 \u043b\u043e\u044f\u043b\u044c\u043d\u043e\u0441\u0442\u0438 5lb \u0438 \u043f\u043e\u043b\u0443\u0447\u0438 \u043f\u0440\u0438\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0435 \u0431\u0430\u043b\u043b\u044b.  \u0421 \u043a\u0430\u0436\u0434\u043e\u0439 \u043f\u043e\u043a\u0443\u043f\u043a\u0438 \u043c\u044b \u043d\u0430\u0447\u0438\u0441\u043b\u044f\u0435\u043c 5% \u043a\u044d\u0448\u0431\u0435\u043a \u043d\u0430 \u0442\u0432\u043e\u0439 \u0431\u043e\u043d\u0443\u0441\u043d\u044b\u0439 \u0441\u0447\u0435\u0442. \u0411\u0430\u043b\u043b\u0430\u043c\u0438 \u0442\u044b \u0441\u043c\u043e\u0436\u0435\u0448\u044c \u043e\u043f\u043b\u0430\u0447\u0438\u0432\u0430\u0442\u044c \u0434\u043e 30% \u043e\u0442 \u0441\u0443\u043c\u043c\u044b \u0447\u0435\u043a\u0430!", "width_desk": "700", "btn_form_id": "0", "btn_fs_desk": "14", "font_custom": "Circe, Arial, sans-serif", "font_family": "Montserrat, sans-serif", "height_desk": "260", "img_src_mob": "https://personalization-web-stable.mindbox.ru/user-media/img/img_smal_26491.png", "shadow_show": "1", "shadow_size": "10", "subtitle_fw": "400", "title_color": "#000", "border_color": "#000", "btn_bg_color": "#f55300", "img_show_mob": "1", "img_src_desk": "https://personalization-web-stable.mindbox.ru/user-media/35803/c7949cc3dd44564de214f5f2a823b3a6aa3b19f0aff15b216d9536c7471ce88b.png", "title_fs_mob": "24", "border_radius": "32", "btn_width_mob": "176", "img_show_desk": "1", "padding_x_mob": "24", "padding_y_mob": "24", "title_fs_desk": "26.00", "btn_height_mob": "48", "btn_text_color": "#fff", "btn_width_desk": "176", "close_size_mob": "22", "img_height_mob": "200", "img_width_desk": "302.00", "padding_x_desk": "32", "padding_y_desk": "32", "subtitle_color": "#000", "bg_transparency": "1", "btn_height_desk": "48", "close_color_mob": "#b1b9c4", "close_size_desk": "24", "subtitle_fs_mob": "16", "title_align_mob": "left", "border_width_mob": "0", "btn_bg_color_hov": "#c64200", "btn_border_color": "#f55300", "btn_border_width": "0", "btn_position_mob": "left", "close_color_desk": "#b1b9c4", "font_custom_show": "0", "img_position_mob": "center", "subtitle_fs_desk": "16.00", "title_align_desk": "left", "border_width_desk": "0", "btn_border_radius": "10", "btn_position_desk": "left", "close_bg_show_mob": "0", "img_position_desk": "center", "btn_text_color_hov": "#fff", "close_bg_color_mob": "#222", "close_bg_show_desk": "0", "subtitle_accent_fw": "700", "close_bg_color_desk": "#222", "btn_border_color_hov": "#f55300", "close_bg_transparency": "1", "subtitle_accent_color": "#000000", "subtitle_accent_fs_mob": "16", "subtitle_accent_fs_desk": "20"}, "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": "bottom-left", "vertical_offset": 10, "element_position": "right", "horizontal_offset": 10, "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": 47160, "template": 2036, "button_template": null, "test_group": null, "new_targeting": {"filter": {"id": "root", "name": "root", "nodes": [{"id": "2", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 7, "externalId": "8fb73eee-682a-4274-9b95-ebf731e04c32"}, "inSegmentByDefault": true}, "operator": "$check"}, {"id": "3", "field": "device", "value": ["mobile"], "operator": "$in"}, {"id": "4", "field": "utm_medium", "value": "email", "operator": "$exclude"}, {"id": "5", "name": "$and", "type": "current_page", "nodes": [{"id": "6", "field": "page", "value": "/order/", "operator": "$exclude"}, {"id": "7", "field": "page", "value": "/basket/", "operator": "$exclude"}], "operator": "$and"}], "operator": "$and"}}, "settings_splits": [{"settings": {"img1": "https://personalization-web-stable.mindbox.ru/user-media/35803/158ac955af96aabab530ece7bb8a2e37d98dda41a111c06f46748d7629bb7ff2.jpg", "img2": "https://personalization-web-stable.mindbox.ru/user-media/35803/158ac955af96aabab530ece7bb8a2e37d98dda41a111c06f46748d7629bb7ff2.jpg", "img3": "https://personalization-web-stable.mindbox.ru/user-media/2521/4adb94c4c1da72f1798eeea869be28450fcf871932f15f10040d50e309e2ad42.gif", "line": "1.5", "font1": "Tahoma, Geneva, sans-serif", "font2": "Roboto, sans-serif", "text1": "\u041f\u043e\u043b\u0443\u0447\u0438 \u0441\u043a\u0438\u0434\u043a\u0443 5% \u043d\u0430 \u043f\u0435\u0440\u0432\u044b\u0439 \u0437\u0430\u043a\u0430\u0437", "text2": "\u0438 \u043f\u043e\u0434\u043f\u0438\u0448\u0438\u0441\u044c \u043d\u0430 \u043d\u0430\u0448\u0438 \u0437\u0430\u043a\u0440\u044b\u0442\u044b\u0435 \u0440\u0430\u0441\u043f\u0440\u043e\u0434\u0430\u0436\u0438 \u0438 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0435 \u0441\u043a\u0438\u0434\u043a\u0438", "text3": "\u0421\u043f\u0430\u0441\u0438\u0431\u043e \u0437\u0430 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0443!", "text4": "\u0423\u0436\u0435 \u043e\u0442\u043f\u0440\u0430\u0432\u0438\u043b\u0438 \u043f\u0438\u0441\u044c\u043c\u043e \u0441 \u043f\u0440\u043e\u043c\u043e-\u043a\u043e\u0434\u043e\u043c \u043d\u0430 \u043f\u0435\u0440\u0432\u044b\u0439 \u0437\u0430\u043a\u0430\u0437", "bg_col": "#fff", "cl_col": "#e0e0e0", "bg_col2": "#fff", "but_col1": "#dd550a", "chek_col": "#787878", "cl_text1": "\u0417\u0430\u043a\u0440\u044b\u0442\u044c", "showText1": "0", "text_col1": "#282828", "text_col2": "#787878", "text_size1": "31.00", "text_size2": "15.00", "check_size1": "10", "fields_list": [{"name": "Email", "type": "email", "params": {"options": []}, "required": true, "placeholder": "E-mail", "machine_name": "email"}, {"name": "\u041a\u043d\u043e\u043f\u043a\u0430", "type": "submit", "params": {"submit1_text": "\u041f\u043e\u043b\u0443\u0447\u0438\u0442\u044c", "submit2_text": "\u0414\u041b\u042f \u041d\u0415\u0413\u041e", "submit1_value": "Female", "submit2_value": "Male", "submits_count": 1}, "machine_name": "gender"}], "font_custom": "'Montserrat', Arial, sans-serif", "text_size_mob1": "24.00", "text_size_mob2": "11.00", "font_custom_show": "1", "show_legal_text_below_form": "0"}, "button_settings": {}, "conditions_splits": [{"conditions": {"delay": "20", "pages_session": "2"}, "combinator": "or", "id": 171454}], "id": 46641, "behavior_settings": {"lead": {"legal_text": ""}, "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.50"}}}], "pinned": false, "name": "\u041f\u043e\u043f\u0430\u043f \u0441\u0431\u043e\u0440\u0430 Email (mobile, \u0433\u0440\u043e\u043c\u043a\u0438\u0439)", "active": true, "embed_selector": false, "selector": "", "placement": "start", "frequency": {"once_lifetime": false, "once_session": false, "priority": false, "minimal_timeout": 432000}, "start_date": null, "end_date": null, "day_of_week": [true, true, true, true, true, true, true], "start_time": null, "end_time": null, "timezone_minutes": 180, "custom_fields": [], "container_id": null, "child_forms": [], "salt": null, "control_group": null, "variants": [{"is_winner": false, "ab_test_variant_internal_id": null, "view_settings": {"button_template": null, "rendered_preview": "https://popmechanic-media.storage.yandexcloud.net/shots/form-47160.png?ts=1659375445100", "rendered_button_preview": null, "settings": {"img1": "https://personalization-web-stable.mindbox.ru/user-media/35803/158ac955af96aabab530ece7bb8a2e37d98dda41a111c06f46748d7629bb7ff2.jpg", "img2": "https://personalization-web-stable.mindbox.ru/user-media/35803/158ac955af96aabab530ece7bb8a2e37d98dda41a111c06f46748d7629bb7ff2.jpg", "img3": "https://personalization-web-stable.mindbox.ru/user-media/2521/4adb94c4c1da72f1798eeea869be28450fcf871932f15f10040d50e309e2ad42.gif", "line": "1.5", "font1": "Tahoma, Geneva, sans-serif", "font2": "Roboto, sans-serif", "text1": "\u041f\u043e\u043b\u0443\u0447\u0438 \u0441\u043a\u0438\u0434\u043a\u0443 5% \u043d\u0430 \u043f\u0435\u0440\u0432\u044b\u0439 \u0437\u0430\u043a\u0430\u0437", "text2": "\u0438 \u043f\u043e\u0434\u043f\u0438\u0448\u0438\u0441\u044c \u043d\u0430 \u043d\u0430\u0448\u0438 \u0437\u0430\u043a\u0440\u044b\u0442\u044b\u0435 \u0440\u0430\u0441\u043f\u0440\u043e\u0434\u0430\u0436\u0438 \u0438 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0435 \u0441\u043a\u0438\u0434\u043a\u0438", "text3": "\u0421\u043f\u0430\u0441\u0438\u0431\u043e \u0437\u0430 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0443!", "text4": "\u0423\u0436\u0435 \u043e\u0442\u043f\u0440\u0430\u0432\u0438\u043b\u0438 \u043f\u0438\u0441\u044c\u043c\u043e \u0441 \u043f\u0440\u043e\u043c\u043e-\u043a\u043e\u0434\u043e\u043c \u043d\u0430 \u043f\u0435\u0440\u0432\u044b\u0439 \u0437\u0430\u043a\u0430\u0437", "bg_col": "#fff", "cl_col": "#e0e0e0", "bg_col2": "#fff", "but_col1": "#dd550a", "chek_col": "#787878", "cl_text1": "\u0417\u0430\u043a\u0440\u044b\u0442\u044c", "showText1": "0", "text_col1": "#282828", "text_col2": "#787878", "text_size1": "31.00", "text_size2": "15.00", "check_size1": "10", "fields_list": [{"name": "Email", "type": "email", "params": {"options": []}, "required": true, "placeholder": "E-mail", "machine_name": "email"}, {"name": "\u041a\u043d\u043e\u043f\u043a\u0430", "type": "submit", "params": {"submit1_text": "\u041f\u043e\u043b\u0443\u0447\u0438\u0442\u044c", "submit2_text": "\u0414\u041b\u042f \u041d\u0415\u0413\u041e", "submit1_value": "Female", "submit2_value": "Male", "submits_count": 1}, "machine_name": "gender"}], "font_custom": "'Montserrat', Arial, sans-serif", "text_size_mob1": "24.00", "text_size_mob2": "11.00", "font_custom_show": "1"}, "button_settings": {}, "behavior_settings": {"lead": {"legal_text": ""}, "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.50"}}, "html": "<div class=\"popmechanic-reset\" id=\"popmechanic-form\">\r\n\r\n    <div class=\"popmechanic-main\">\r\n        <div class=\"popmechanic-promo\" style=\"background-image:url('<%=img1%>');background-position-x:35%;\">\r\n            <img  class=\"popmechanic-promo_img\">\r\n        </div>\r\n        <div class=\"popmechanic-content\">\r\n            <div class=\"popmechanic-title\">\r\n                <%=text1%>\r\n            </div>\r\n            <div class=\"popmechanic-text\"><%=text2%></div>\r\n            <div class=\"popmechanic-inputs\">\r\n                <%\r\n                for (var i = 0; i < fields_list.length; i++) {\r\n                    var field = fields_list[i];\r\n                    var required = \"data-popmechanic-\" + (field.required ? \"required\" : \"unrequired\");\r\n                    if (!field) continue;\r\n                        switch (field.type) {\r\n                    case \"text\":\r\n                %>\r\n                <div class=\"popmechanic-input_block\">\r\n                    <input\r\n                            type=\"text\"\r\n                            class=\"popmechanic-input\"\r\n                            data-popmechanic-input=\"customs.fields_list.<%= field.machine_name %>\"\r\n                            placeholder=\"<%= field.placeholder %>\"\r\n                            <%= required %>\r\n                    >\r\n                    <% if (field.show_error_message) { %>\r\n                        <span class=\"popmechanic-error\"><%= field.error_message_text %></span>\r\n                    <% } %>\r\n                </div>\r\n                <%\r\n                    break;\r\n                    case \"name\":\r\n                    case \"phone\":\r\n                %>\r\n                <div class=\"popmechanic-input_block\">\r\n                    <input\r\n                            type=\"text\"\r\n                            class=\"popmechanic-input\"\r\n                            data-popmechanic-input=\"<%= field.machine_name %>\"\r\n                            placeholder=\"<%= field.placeholder %>\"\r\n                            <%= required %>\r\n                    >\r\n                    <% if (field.show_error_message) { %>\r\n                        <span class=\"popmechanic-error\"><%= field.error_message_text %></span>\r\n                    <% } %>\r\n                </div>\r\n                <%\r\n                    break;\r\n                case \"email\":\r\n                %>\r\n                <div class=\"popmechanic-input_block\">\r\n                    <input\r\n                            type=\"email\"\r\n                            class=\"popmechanic-input\"\r\n                            data-popmechanic-input=\"<%= field.machine_name %>\"\r\n                            placeholder=\"<%= field.placeholder %>\"\r\n                            <%= required %>\r\n                    >\r\n                    <% if (field.show_error_message) { %>\r\n                        <span class=\"popmechanic-error\"><%= field.error_message_text %></span>\r\n                    <% } %>\r\n                </div>\r\n                <%\r\n                    break;\r\n                case \"number\":\r\n                %>\r\n                <div class=\"popmechanic-input_block\">\r\n                    <input\r\n                            type=\"number\"\r\n                            class=\"popmechanic-input\"\r\n                            data-popmechanic-input=\"customs.fields_list.<%= field.machine_name %>\"\r\n                            placeholder=\"<%= field.placeholder %>\"\r\n                            <%= required %>\r\n                    >\r\n                    <% if (field.show_error_message) { %>\r\n                        <span class=\"popmechanic-error\"><%= field.error_message_text %></span>\r\n                    <% } %>\r\n                </div>\r\n                <%\r\n                    break;\r\n                case \"date\":\r\n                %>\r\n                <div class=\"popmechanic-input_block\">\r\n                    <input\r\n                            data-popmechanic-type=\"date\"\r\n                            class=\"popmechanic-input\"\r\n                            data-popmechanic-input=\"customs.fields_list.<%= field.machine_name %>\"\r\n                            placeholder=\"<%= field.placeholder %>\"\r\n                            <%= required %>\r\n                    >\r\n                    <% if (field.show_error_message) { %>\r\n                        <span class=\"popmechanic-error\"><%= field.error_message_text %></span>\r\n                    <% } %>\r\n                </div>\r\n                <%\r\n                    break;\r\n                case \"select\":\r\n                %>\r\n                <div class=\"popmechanic-input_block\">\r\n                    <select class=\"popmechanic-input\"\r\n                            data-popmechanic-input=\"customs.fields_list.<%= field.machine_name %>\" <%= required %>>\r\n                        <%\r\n                        if (field.placeholder) {\r\n                        %>\r\n                            <option value=\"\" selected disabled><%= field.placeholder %></option>\r\n                        <%\r\n                        }\r\n                        for (var oi = 0; oi < field.params.options.length; oi++) {\r\n                            var opt = field.params.options[oi];\r\n                        %>\r\n                        <option value=\"<%= opt %>\"><%= opt %></option>\r\n                        <%\r\n                        }\r\n                        %>\r\n                    </select>\r\n                    <% if (field.show_error_message) { %>\r\n                        <span class=\"popmechanic-error\"><%= field.error_message_text %></span>\r\n                    <% } %>\r\n                </div>\r\n                <%\r\n                    break;\r\n                case \"checkbox\":\r\n                %>\r\n                <label class=\"popmechanic-checkbox-block\">\r\n                    <input\r\n                            type=\"checkbox\"\r\n                            class=\"popmechanic-checkbox\"\r\n                            <%= field.params.checked ? \"checked\" : \"\" %>\r\n                            data-popmechanic-input=\"customs.fields_list.<%= field.machine_name %>\"\r\n                            <%= field.required ? \"data-popmechanic-required\" : \"\" %>\r\n                            value=\"1\"\r\n                    >\r\n                    <div class=\"popmechanic-checkbox-check\"></div>\r\n                    <%\r\n                        print(field.label);\r\n                    if (field.params.show_link) {\r\n                    %>\r\n                        <a target=\"_blank\" class=\"popmechanic-link\"\r\n                           href=\"<%= field.params.link_href %>\"><%= field.params.link_text %></a> <%= field.params.text_after_link %>\r\n                    <%\r\n                    }\r\n                    %>\r\n                </label>\r\n                <%\r\n                    break;\r\n                case \"submit\":\r\n                %>\r\n                <div class=\"popmechanic-submits\">\r\n                <% if (field.params.submits_count === 1) { %>\r\n                    <button\r\n                            type=\"button\"\r\n                            name=\"button\"\r\n                            class=\"popmechanic-submit\"\r\n                            data-popmechanic-submit\r\n                    ><%= field.params.submit1_text %></button>\r\n                <% } else { %>\r\n                    <button\r\n                            type=\"button\"\r\n                            name=\"button\"\r\n                            onclick=\"PopMechanic.customs['fields_list.<%=field.machine_name%>'] = '<%=field.params.submit1_value%>'\"\r\n                            class=\"popmechanic-submit\"\r\n                            data-popmechanic-submit\r\n                    ><%= field.params.submit1_text %></button>\r\n                    <button\r\n                            type=\"button\"\r\n                            name=\"button\"\r\n                            onclick=\"PopMechanic.customs['fields_list.<%=field.machine_name%>'] = '<%=field.params.submit2_value%>'\"\r\n                            class=\"popmechanic-submit\"\r\n                            data-popmechanic-submit\r\n                    ><%= field.params.submit2_text %></button>\r\n                <% } %>\r\n                </div>\r\n                <%\r\n                    break;\r\n                    default:\r\n                }\r\n                } %>\r\n            </div>\r\n        </div>\r\n    </div>\r\n\r\n    <div class=\"popmechanic-thankyou\">\r\n        <div class=\"popmechanic-promo\" style=\"background-image:url('<%=img2%>'); background-position-x:35%;\">\r\n            <img  class=\"popmechanic-promo_img\">\r\n        </div>\r\n        <div class=\"popmechanic-content\">\r\n            <img src=\"<%=img3%>\" class=\"popmechanic-success_img\">\r\n            <div class=\"popmechanic-title\"> <%=text3%></div>\r\n            <div class=\"popmechanic-text\"><%=text4%></div>\r\n            <button type=\"button\" name=\"button\" class=\"popmechanic-submit\" data-popmechanic-close><%=cl_text1%></button>\r\n        </div>\r\n    </div>\r\n\r\n    <div class=\"popmechanic-close\" data-popmechanic-close>&times;</div>\r\n\r\n</div>\r\n\r\n</div>\r\n</div>", "css": "<% try {\r\n\tfont_custom_show = font_custom_show;\r\n\tfont_custom = font_custom;\r\n\t} catch (e) {\r\n\t\tfont_custom_show = 0;\r\n\t\tfont_custom = 'Circe, Arial, sans-serif';\r\n\t}\r\n%>\r\n\r\n\r\n\t@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');\r\n    @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;400;700&display=swap');\r\n\r\n@font-face {\r\n\t\tfont-family: 'Aizel';\r\n\t\tsrc: url(\"https://static.popmechanic.io/media/user-media/aizel/one/fonts/aizel-display-ext-caps.eot?\") format(\"eot\"), url(\"https://static.popmechanic.io/media/user-media/aizel/one/fonts/aizel-display-ext-caps.woff\") format(\"woff\"), url(\"https://static.popmechanic.io/media/user-media/aizel/one/fonts/aizel-display-ext-caps.ttf\") format(\"truetype\");\r\n\t\tfont-weight: 400; }\r\n\r\n\r\n.popmechanic-reset,\r\n.popmechanic-reset * {\r\n\t\tline-height: inherit;\r\n\t\tbox-sizing: border-box; }\r\n#popmechanic-form {\r\n\t\tposition: relative;\r\n\t\tdisplay: inline-block;\r\n\t\tvertical-align: top;\r\n\t\tmargin: 0;\r\n\t\tpadding: 0; }\r\n#popmechanic-form .popmechanic-close {\r\n\t\tposition: absolute;\r\n\t\tz-index: 99;\r\n\t\ttop: 18px;\r\n\t\tright: 18px;\r\n\t\twidth: 21px;\r\n\t\theight: 21px;\r\n\t\tfont-size: 0;\r\n\t\tcolor: transparent;\r\n\t\tbackground-color: transparent;\r\n\t\tborder: none;\r\n\t\tborder-radius: 50%;\r\n\t\tcursor: pointer;\r\n\t\toutline: none;\r\n\t\ttransform: rotate(45deg);\r\n\t\ttransition: all .3s; }\r\n#popmechanic-form .popmechanic-close:hover {\r\n\t\ttransform: rotate(45deg) scale(1.1); }\r\n#popmechanic-form .popmechanic-close:before, #popmechanic-form .popmechanic-close:after {\r\n\t\tcontent: '';\r\n\t\tposition: absolute;\r\n\t\ttop: 10px;\r\n\t\tleft: 0;\r\n\t\twidth: 100%;\r\n\t\theight: 2px;\r\n\t\tbackground-color: <%=cl_col%>; }\r\n#popmechanic-form .popmechanic-close:after {\r\n\t\ttransform: rotate(90deg); }\r\n#popmechanic-form .popmechanic-main, #popmechanic-form .popmechanic-thankyou {\r\n\t\twidth: 740px;\r\n\t\tmin-height: 400px;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: row;\r\n\t\tflex-wrap: nowrap;\r\n\t\tjustify-content: space-between;\r\n\t\talign-content: stretch;\r\n\t\talign-items: stretch;\r\n\t\tbackground-color: <%=bg_col%>; }\r\n#popmechanic-form .popmechanic-promo {\r\n\t\tflex: 0 1 330px;\r\n\t\tbackground-size: cover;\r\n\t\tbackground-position: 50% 50%; }\r\n#popmechanic-form .popmechanic-content {\r\n\t\tpadding: 43px 30px 50px 47px;\r\n\t\tflex: 0 1 410px;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\tflex-wrap: nowrap;\r\n\t\tjustify-content: center;\r\n\t\talign-content: stretch;\r\n\t\talign-items: flex-start; }\r\n#popmechanic-form .popmechanic-title {\r\n\t\tfont-size: <%=text_size1%>px;\r\n\t\tline-height: <%=line%>;\r\n\t\tfont-weight: 700;\r\n\t\tcolor: <%=text_col1%>;\r\n\t\t<% if (parseInt(showText1)) { %>\r\n\t\t\ttext-align: center ;\r\n\t\t<% } %>\r\n\t\t<% if(parseInt(font_custom_show)) { %>\r\n\t\t\tfont-family: <%= font_custom %>;\r\n\t\t<% } else { %>\r\n\t\t\tfont-family: <%= font1 %>;\r\n\t\t<% } %>\r\n\r\n}\r\n#popmechanic-form .popmechanic-text {\r\n\t\tfont-size: <%=text_size2%>px;\r\n\t\tline-height: <%=line%>;\r\n\t\tfont-weight: 400;\r\n\t\tletter-spacing: .2px;\r\n\t\tcolor: <%=text_col2%>;\r\n\t\tmargin: 12px 0 0;\r\n\t\twidth: 100%;\r\n\t\tmax-width: 100%;\r\n\t\t<% if (parseInt(showText1)) { %>\r\n\t\t\ttext-align: center ;\r\n\t\t<% } %>\r\n\t\t<% if(parseInt(font_custom_show)) { %>\r\n\t\t\tfont-family: <%= font_custom %>;\r\n\t\t<% } else { %>\r\n\t\t\tfont-family: <%= font2 %>;\r\n\t\t<% } %>\r\n\t}\r\n#popmechanic-form .popmechanic-inputs {\r\n\t\twidth: 310px;\r\n\t\tmargin: 7px 0 0; }\r\n#popmechanic-form .popmechanic-input_block {\r\n\t\tmin-height: 65px;\r\n\t\tposition: relative;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\tflex-wrap: nowrap;\r\n\t\tjustify-content: flex-end;\r\n\t\talign-content: stretch;\r\n\t\talign-items: flex-start; }\r\n#popmechanic-form .popmechanic-input {\r\n\t\torder: 2;\r\n\t\twidth: 100%;\r\n\t\theight: 50px;\r\n\t\tborder: 1px solid #d8d8d8;\r\n\t\toutline: none;\r\n\t\ttext-align: center;\r\n\t\tfont-size: 15px;\r\n\t\tline-height: 1;\r\n\t\tfont-weight: 200;\r\n\t\tcolor: #787878;\r\n\t\ttransition: all .3s;\r\n\t\tborder-radius: 5px;\r\n\t\t<% if(parseInt(font_custom_show)) { %>\r\n\t\t\tfont-family: <%= font_custom %>;\r\n\t\t<% } else { %>\r\n\t\t\tfont-family: <%= font2 %>;\r\n\t\t<% } %>\r\n\t}\r\n#popmechanic-form .popmechanic-input::placeholder {\r\n\t\topacity: 1;\r\n\t\tcolor: #787878;\r\n\t\ttransition: all .3s; }\r\n#popmechanic-form .popmechanic-input:focus {\r\n\t\tcolor: #202020;\r\n\t\tborder-color: #202020; }\r\n#popmechanic-form .popmechanic-input:focus::placeholder {\r\n\t\topacity: 0; }\r\n#popmechanic-form .popmechanic-input.popmechanic-invalid {\r\n\t\tborder-color: #f00;\r\n\t\tcolor: #f00; }\r\n#popmechanic-form .popmechanic-input.popmechanic-invalid::placeholder {\r\n\t\tcolor: #f00; }\r\n#popmechanic-form .popmechanic-input.popmechanic-invalid ~ .popmechanic-error {\r\n\t\tdisplay: block;\r\n\t\twidth: 100%; }\r\n#popmechanic-form .popmechanic-error {\r\n\t\torder: 1;\r\n\t\tfont-size: 10px;\r\n\t\tline-height: 1;\r\n\t\tfont-weight: 200;\r\n\t\tcolor: #f00;\r\n\t\tdisplay: none;\r\n\t\ttext-align: right;\r\n\t\tmargin: 10px 0 3px;\r\n\t\t<% if(parseInt(font_custom_show)) { %>\r\n\t\t\tfont-family: <%= font_custom %>;\r\n\t\t<% } else { %>\r\n\t\t\tfont-family: <%= font2 %>;\r\n\t\t<% } %>\r\n\t}\r\n#popmechanic-form .popmechanic-submits {\r\n\t\tmargin: 18px 0 0;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: row;\r\n\t\tflex-wrap: nowrap;\r\n\t\tjustify-content: space-between;\r\n\t\talign-content: stretch;\r\n\t\talign-items: flex-start; }\r\n#popmechanic-form .popmechanic-submit {\r\n\t\twidth: 100%;\r\n\t\tflex-shrink: 1;\r\n\t\theight: 50px;\r\n\t\tborder: 1px solid <%=but_col1%>;\r\n\t\toutline: none;\r\n\t\tfont-size: 15px;\r\n\t\tline-height: 1;\r\n\t\tfont-weight: 400;\r\n\t\tcolor: <%=bg_col2%>;\r\n\t\tbackground-color:  <%=but_col1%>;\r\n\t\tcursor: pointer;\r\n\t\ttransition: all .3s;\r\n\t\t\r\n\t\tborder-radius: 5px;\r\n\t\t<% if(parseInt(font_custom_show)) { %>\r\n\t\t\tfont-family: <%= font_custom %>;\r\n\t\t<% } else { %>\r\n\t\t\tfont-family: <%= font2 %>;\r\n\t\t<% } %>\r\n\t}\r\n#popmechanic-form .popmechanic-submit:not(:last-child) {\r\n\t\tmargin-right: 10px;\r\n}\r\n#popmechanic-form .popmechanic-submit:hover {\r\n\t\tcolor: <%=but_col1%>;\r\n\t\tbackground: <%=bg_col%>; }\r\n#popmechanic-form .popmechanic-checkbox-block {\r\n\t\tposition: relative;\r\n\t\tdisplay: block;\r\n\t\tfont-weight: 400;\r\n\t\tfont-size: <%=check_size1%>px;\r\n\t\tline-height: 1.6;\r\n\t\ttext-align: left;\r\n\t\tcolor: <%=chek_col%>;\r\n\t\tpadding: 0 0 0 27px;\r\n\t\tmargin: 25px auto 0;\r\n\t\twidth: 100%;\r\n\t\t<% if(parseInt(font_custom_show)) { %>\r\n\t\t\tfont-family: <%= font_custom %>;\r\n\t\t<% } else { %>\r\n\t\t\tfont-family: <%= font2 %>;\r\n\t\t<% } %>\r\n\t}\r\n#popmechanic-form .popmechanic-checkbox-block a {\r\n\t\tcolor: <%=chek_col%>;\r\n\t\ttext-decoration: underline; }\r\n#popmechanic-form .popmechanic-checkbox-block:before {\r\n\t\tcontent: '';\r\n\t\tposition: absolute;\r\n\t\ttop: 2px;\r\n\t\tleft: 3px;\r\n\t\tbox-sizing: border-box;\r\n\t\twidth: 15px;\r\n\t\theight: 15px;\r\n\t\tborder: 1px solid #d8d8d8; }\r\n#popmechanic-form .popmechanic-checkbox-check {\r\n\t\tposition: absolute;\r\n\t\ttop: 5px;\r\n\t\tleft: 6px;\r\n\t\tz-index: 2;\r\n\t\twidth: 9px;\r\n\t\theight: 9px;\r\n\t\tbackground-color:<%=but_col1%>;\r\n\t\topacity: 0;\r\n\t\ttransition: all .3s; }\r\n#popmechanic-form .popmechanic-checkbox {\r\n\t\tposition: absolute;\r\n\t\ttop: 0;\r\n\t\tleft: 20px;\r\n\t\tz-index: 3;\r\n\t\twidth: 20px;\r\n\t\theight: 20px;\r\n\t\topacity: 0; }\r\n#popmechanic-form .popmechanic-checkbox:checked ~ .popmechanic-checkbox-check {\r\n\t\topacity: 1; }\r\n#popmechanic-form .popmechanic-success_img {\r\n\t\twidth: 88px;\r\n\t\theight: auto;\r\n\t\tmargin: 0 0 35px; }\r\n#popmechanic-form .popmechanic-thankyou .popmechanic-content {\r\n\t\ttext-align: center;\r\n\t\tdisplay: block;\r\n\t\tpadding: 98px 47px; }\r\n#popmechanic-form .popmechanic-thankyou .popmechanic-submit {\r\n\t\twidth: auto;\r\n\t\tpadding: 0 45px;\r\n\t\tmargin: 40px 0 0; }\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-main, .popmechanic-tablet #popmechanic-form .popmechanic-thankyou {\r\n\t\twidth: 526px; }\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-promo {\r\n\t\tflex: 0 1 264px;\r\n\t\twidth: 264px; }\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-content {\r\n\t\tflex: 0 1 262px;\r\n\t\twidth: 262px;\r\n\t\tpadding: 47px 33px; }\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-title {\r\n\t\tfont-size: <%=text_size_mob1%>px; }\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-text {\r\n\t\tfont-size: <%=text_size_mob2%>px; }\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-inputs {\r\n\t\twidth: 100%;\r\n\t\tmargin: 14px 0 0; }\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-input_block {\r\n\t\tmin-height: 55px; }\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-input {\r\n\t\theight: 45px;\r\n\t\tfont-size: 13px; }\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-submits {\r\n\t\tflex-direction: column;\r\n\t\tmargin: 0; }\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-submit {\r\n\t\twidth: 100%;\r\n\t\theight: 45px;\r\n\t\tmargin: 10px 0 0;\r\n\t\tfont-size: 13px; }\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-checkbox-block {\r\n\t\tmargin: 10px 0 0; }\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-thankyou .popmechanic-submit {\r\n\t\tmargin: 30px 0 0; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-close {\r\n\t\ttop: 12px;\r\n\t\tright: 12px; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main, .popmechanic-mobile #popmechanic-form .popmechanic-thankyou {\r\n\t\twidth: 280px;\r\n\t\tmin-height: 300px; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-promo {\r\n\t\tdisplay: none; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-content {\r\n\t\tflex: 0 1 auto;\r\n\t\twidth: 100%;\r\n\t\tpadding: 35px 20px;\r\n\t\ttext-align: center; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-title {\r\n\t\tfont-size: <%=text_size_mob1%>px; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-text {\r\n\t\tfont-size: <%=text_size_mob2%>px;\r\n\t\tmargin: 8px 0 0; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-inputs {\r\n\t\twidth: 100%;\r\n\t\tmargin: 5px 0 0; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-input_block {\r\n\t\tmin-height: 50px; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-input {\r\n\t\theight: 40px; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-submits {\r\n\t\tflex-direction: column;\r\n\t\tmargin: 0; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-submit {\r\n\t\twidth: 100%;\r\n\t\theight: 40px;\r\n\t\tmargin: 10px 0 0;\r\n\t\tfont-size: 13px; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-checkbox-block {\r\n\t\tmargin: 10px 0 0; }\r\n\r\n#popmechanic-form .popmechanic-thankyou {\r\n\t\tdisplay: none; }\r\n\r\n.popmechanic-success #popmechanic-form .popmechanic-main {\r\n\t\tdisplay: none; }\r\n\r\n.popmechanic-success #popmechanic-form .popmechanic-thankyou {\r\n\t\tdisplay: flex; }", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 46839, "template": 2031, "button_template": null, "test_group": null, "new_targeting": {"filter": {"id": "root", "name": "root", "nodes": [{"id": "2", "field": "device", "value": ["pc", "tablet"], "operator": "$in"}, {"id": "3", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 7, "externalId": "8fb73eee-682a-4274-9b95-ebf731e04c32"}, "inSegmentByDefault": true}, "operator": "$check"}, {"id": "4", "field": "utm_medium", "value": "email", "operator": "$exclude"}, {"id": "5", "field": "form_seen", "value": {"forms": [46839, 46386], "interval": 7}, "operator": "$never"}, {"id": "6", "name": "$and", "type": "current_page", "nodes": [{"id": "7", "field": "page", "value": "/basket/", "operator": "$exclude"}, {"id": "8", "field": "page", "value": "/order/", "operator": "$exclude"}], "operator": "$and"}], "operator": "$and"}}, "settings_splits": [{"settings": {"crug1": "3", "crug2": "25", "font1": "Roboto, sans-serif", "image": "https://personalization-web-stable.mindbox.ru/user-media/35803/363118facab6c7503af02aafb58b7fb9bfb43537cf2559326f7192888621f5ad.jpg", "label": "\u041d\u0410 1 \u0417\u0410\u041a\u0410\u0417", "width": "700", "header": "\u0422\u0432\u043e\u044f \u0441\u043a\u0438\u0434\u043a\u0430 5%", "cl_col1": "#b3b3b3", "askLebel": "1", "but_col3": "#ffffff", "inp_col1": "#e3e3e3", "close_text": "\u0417\u0430\u043a\u0440\u044b\u0442\u044c", "font_size1": "30", "label_col2": "#fff", "main_color": "#dd550b", "text_color": "#333333", "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": "E-mail", "machine_name": "email"}, {"name": "\u041a\u043d\u043e\u043f\u043a\u0430", "type": "submit", "params": {"submit1_text": "\u041f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u0441\u043a\u0438\u0434\u043a\u0443", "submits_count": 1}, "machine_name": "button"}, {"name": "\u0421\u043e\u0433\u043b\u0430\u0441\u0438\u0435", "type": "checkbox", "label": "\u041d\u0430\u0436\u0438\u043c\u0430\u044f \u043d\u0430 \u043a\u043d\u043e\u043f\u043a\u0443 &quot;\u041f\u043e\u0434\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f&quot;, \u044f \u0434\u0430\u044e \u0441\u043e\u0433\u043b\u0430\u0441\u0438\u0435 \u043d\u0430 \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 \u0438 \u0441\u043e\u0433\u043b\u0430\u0448\u0430\u044e\u0441\u044c c ", "params": {"checked": true, "link_href": "https://5lb.ru/include/licenses_detail.php", "link_text": "\u043f\u043e\u043b\u0438\u0442\u0438\u043a\u043e\u0439 \u043a\u043e\u043d\u0444\u0438\u0434\u0435\u043d\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u0438", "show_link": true, "text_after_link": "\u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438 \u0438 \u0441\u043e\u0433\u043b\u0430\u0441\u0435\u043d \u0441 \u0435\u0435 \u043f\u043e\u043b\u043e\u0436\u0435\u043d\u0438\u044f\u043c\u0438."}, "required": true, "machine_name": "agreement"}], "font_custom": "'Montserrat', Arial, sans-serif", "label_color": "#cccccc", "font_size_mob": "28", "thankyou_text": "\u041c\u044b \u0443\u0436\u0435 \u043e\u0442\u043f\u0440\u0430\u0432\u0438\u043b\u0438 \u043f\u0438\u0441\u044c\u043c\u043e c \u043f\u0440\u043e\u043c\u043e-\u043a\u043e\u0434\u043e\u043c \u0442\u0435\u0431\u0435 \u043d\u0430 \u043f\u043e\u0447\u0442\u0443 :)", "thankyou_header": "\u0421\u043f\u0430\u0441\u0438\u0431\u043e!", "background_color": "#ffffff", "font_custom_show": "1"}, "button_settings": {}, "conditions_splits": [{"conditions": {"pages_session": "2"}, "combinator": "or", "id": 171249}], "id": 46328, "behavior_settings": {"lead": {"legal_text": ""}, "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}, "show_legal": false, "animation_in": "fadeIn", "allow_overlay": false, "animation_out": "fadeOut", "paranja_color": "#000000", "paranja_opacity": "0.50"}}}], "pinned": false, "name": "\u041f\u043e\u043f\u0430\u043f \u0441\u0431\u043e\u0440\u0430 Email (desktop, \u0433\u0440\u043e\u043c\u043a\u0438\u0439)", "active": true, "embed_selector": false, "selector": "", "placement": "start", "frequency": {"once_lifetime": false, "once_session": false, "priority": false, "minimal_timeout": 864000}, "start_date": null, "end_date": null, "day_of_week": [true, true, true, true, true, true, true], "start_time": null, "end_time": null, "timezone_minutes": 180, "custom_fields": [], "container_id": null, "child_forms": [], "salt": null, "control_group": null, "variants": [{"is_winner": false, "ab_test_variant_internal_id": null, "view_settings": {"button_template": null, "rendered_preview": "https://popmechanic-media.storage.yandexcloud.net/shots/form-46839.png?ts=1659374477412", "rendered_button_preview": null, "settings": {"crug1": "3", "crug2": "25", "font1": "Roboto, sans-serif", "image": "https://personalization-web-stable.mindbox.ru/user-media/35803/363118facab6c7503af02aafb58b7fb9bfb43537cf2559326f7192888621f5ad.jpg", "label": "\u041d\u0410 1 \u0417\u0410\u041a\u0410\u0417", "width": "700", "header": "\u0422\u0432\u043e\u044f \u0441\u043a\u0438\u0434\u043a\u0430 5%", "cl_col1": "#b3b3b3", "askLebel": "1", "but_col3": "#ffffff", "inp_col1": "#e3e3e3", "close_text": "\u0417\u0430\u043a\u0440\u044b\u0442\u044c", "font_size1": "30", "label_col2": "#fff", "main_color": "#dd550b", "text_color": "#333333", "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": "E-mail", "machine_name": "email"}, {"name": "\u041a\u043d\u043e\u043f\u043a\u0430", "type": "submit", "params": {"submit1_text": "\u041f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u0441\u043a\u0438\u0434\u043a\u0443", "submits_count": 1}, "machine_name": "button"}, {"name": "\u0421\u043e\u0433\u043b\u0430\u0441\u0438\u0435", "type": "checkbox", "label": "\u041d\u0430\u0436\u0438\u043c\u0430\u044f \u043d\u0430 \u043a\u043d\u043e\u043f\u043a\u0443 &quot;\u041f\u043e\u0434\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f&quot;, \u044f \u0434\u0430\u044e \u0441\u043e\u0433\u043b\u0430\u0441\u0438\u0435 \u043d\u0430 \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 \u0438 \u0441\u043e\u0433\u043b\u0430\u0448\u0430\u044e\u0441\u044c c ", "params": {"checked": true, "link_href": "https://5lb.ru/include/licenses_detail.php", "link_text": "\u043f\u043e\u043b\u0438\u0442\u0438\u043a\u043e\u0439 \u043a\u043e\u043d\u0444\u0438\u0434\u0435\u043d\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u0438", "show_link": true, "text_after_link": "\u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438 \u0438 \u0441\u043e\u0433\u043b\u0430\u0441\u0435\u043d \u0441 \u0435\u0435 \u043f\u043e\u043b\u043e\u0436\u0435\u043d\u0438\u044f\u043c\u0438."}, "required": true, "machine_name": "agreement"}], "font_custom": "'Montserrat', Arial, sans-serif", "label_color": "#cccccc", "font_size_mob": "28", "thankyou_text": "\u041c\u044b \u0443\u0436\u0435 \u043e\u0442\u043f\u0440\u0430\u0432\u0438\u043b\u0438 \u043f\u0438\u0441\u044c\u043c\u043e c \u043f\u0440\u043e\u043c\u043e-\u043a\u043e\u0434\u043e\u043c \u0442\u0435\u0431\u0435 \u043d\u0430 \u043f\u043e\u0447\u0442\u0443 :)", "thankyou_header": "\u0421\u043f\u0430\u0441\u0438\u0431\u043e!", "background_color": "#ffffff", "font_custom_show": "1"}, "button_settings": {}, "behavior_settings": {"lead": {"legal_text": ""}, "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}, "show_legal": false, "animation_in": "fadeIn", "allow_overlay": false, "animation_out": "fadeOut", "paranja_color": "#000000", "paranja_opacity": "0.50"}}, "html": "<div class=\"popmechanic-reset\" id=\"popmechanic-form\">\r\n    <div class=\"popmechanic-main\">\r\n        <div class=\"popmechanic-column-left\">\r\n              <% if (parseInt(askLebel)) { %>\r\n            <div class=\"popmechanic-label\">\r\n                <%=label%>\r\n            </div> <% } %>\r\n            <div class=\"popmechanic-description-title\">\r\n                <%=header%>\r\n            </div>\r\n            <div class=\"popmechanic-inputs\">\r\n      <%\r\n        for (var i = 0; i < fields_list.length; i++) {\r\n          var field = fields_list[i];\r\n          var required = \"data-popmechanic-\" + (field.required ? \"required\" : \"unrequired\");\r\n          if (!field) continue;\r\n          switch (field.type) {\r\n            case \"text\":\r\n              %><input type=\"text\" class=\"popmechanic-input\" data-popmechanic-input=\"customs.fields_list.<%=field.machine_name%>\" placeholder=\"<%=field.placeholder%>\" <%=required%>><%\r\n              break;\r\n            case \"name\":\r\n            case \"phone\":\r\n              %><input type=\"text\" class=\"popmechanic-input\" data-popmechanic-input=\"<%=field.machine_name%>\" placeholder=\"<%=field.placeholder%>\" <%=required%>><%\r\n              break;\r\n            case \"email\":\r\n              %><input type=\"email\" class=\"popmechanic-input\" data-popmechanic-input=\"<%=field.machine_name%>\" placeholder=\"<%=field.placeholder%>\" <%=required%>><%\r\n              break;\r\n            case \"number\":\r\n              %><input type=\"number\" class=\"popmechanic-input\" data-popmechanic-input=\"customs.fields_list.<%=field.machine_name%>\" placeholder=\"<%=field.placeholder%>\" <%=required%>><%\r\n              break;\r\n            case \"date\":\r\n              %><input data-popmechanic-type=\"date\" class=\"popmechanic-input\" data-popmechanic-input=\"customs.fields_list.<%=field.machine_name%>\" placeholder=\"<%=field.placeholder%>\" <%=required%>><%\r\n              break;\r\n            case \"select\":\r\n              %><select class=\"popmechanic-input\" data-popmechanic-input=\"customs.fields_list.<%=field.machine_name%>\" <%=required%>><%\r\n                if (field.placeholder) {\r\n                  %><option value=\"\" selected disabled><%=field.placeholder%></option><%\r\n                }\r\n                if (field.params.options) {\r\n                  for (var oi = 0; oi < field.params.options.length; oi++) {\r\n                    var opt = field.params.options[oi];\r\n                    %><option value=\"<%=opt%>\"><%=opt%></option><%\r\n                  }\r\n                }\r\n              %></select><%\r\n              break;\r\n\t\t\tcase \"checkbox\":\r\n              %>\r\n                 <label class=\"popmechanic-checkbox-block\">\r\n                    <input type=\"checkbox\" class=\"popmechanic-checkbox\"  <%=field.params.checked ? \"checked\" : \"\"%> data-popmechanic-input=\"customs.fields_list.<%=field.machine_name%>\" <%= field.required ? \"data-popmechanic-required\" : \"\" %> value=\"1\">\r\n                    <div class=\"popmechanic-checkbox-check\"></div>\r\n                    <%\r\n              print(field.label);\r\n              if (field.params.show_link) {\r\n                %> <a class=\"popmechanic-link\" target=\"_blank\" href=\"<%=field.params.link_href%>\"><%=field.params.link_text%></a> <%=field.params.text_after_link%><%\r\n              }\r\n              %>\r\n                 </label>\r\n                <%\r\n              break;\r\n            case \"submit\":\r\n               if (field.params.submits_count == 1) {\r\n              %>\r\n                <center><button class=\"popmechanic-button popmechanic-submit\" data-popmechanic-submit>\r\n                    <div class=\"popmechanic-button-content\"><%=field.params.submit1_text%></div>\r\n                </button></center> \r\n                <%\r\n                   } else {\r\n                %>\r\n                  <div class=\"popmechanic-buttons\">\r\n                    <div class=\"popmechanic-buttons-col\">\r\n                      <button\r\n                          class=\"popmechanic-button popmechanic-submit\"\r\n                          data-popmechanic-submit\r\n                          onclick=\"PopMechanic.customs['fields_list.<%=field.machine_name%>'] = '<%= field.params.submit1_value %>'\"        \r\n                      >\r\n                          <div class=\"popmechanic-button-content\"><%=field.params.submit1_text%></div>\r\n                      </button> \r\n                    </div>\r\n                    <div class=\"popmechanic-buttons-col\">\r\n                      <button\r\n                          class=\"popmechanic-button popmechanic-submit\"\r\n                          data-popmechanic-submit\r\n                          onclick=\"PopMechanic.customs['fields_list.<%=field.machine_name%>'] = '<%= field.params.submit2_value %>'\"        \r\n                      >\r\n                          <div class=\"popmechanic-button-content\"><%=field.params.submit2_text%></div>\r\n                      </button> \r\n                    </div>\r\n                  </div>\r\n               <%\r\n                   }\r\n              break;\r\n            default:\r\n              continue;\r\n          }\r\n      } %>              \t\t\r\n\t\t  </div>      \r\n        </div>\r\n        <div class=\"popmechanic-column-right\"></div>\r\n    </div>\r\n    <div class=\"popmechanic-thankyou\">\r\n        <div class=\"popmechanic-thankyou-title\">\r\n            <%=thankyou_header%>\r\n            <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 64 73\" class=\"popmechanic-icon\">\r\n                <g fill=\"none\" fill-rule=\"evenodd\">\r\n                    <path stroke=\"#4E4E4E\" d=\"M62.969 34.737c0-2.236-1.147-4.192-2.914-5.28L32 13 3.945 29.458A6.185 6.185 0 0 0 1 34.737v31.052C1 69.205 3.79 72 7.2 72h49.6c3.41 0 6.2-2.795 6.2-6.21l-.031-31.053zM32 50.263L6.394 34.24 32 19.21l25.606 15.03L32 50.263z\"></path>\r\n                    <path fill=\"#FA2453\" stroke=\"#333\" d=\"M14.5.5v38.414L32 50.402l17.5-11.488V.5h-35z\"></path>\r\n                </g>\r\n            </svg>\r\n        </div>\r\n        <div class=\"popmechanic-thankyou-text\">\r\n            <%=thankyou_text%>\r\n        </div>\r\n        <button class=\"popmechanic-button\">\r\n            <div class=\"popmechanic-button-content\" data-popmechanic-close><%=close_text%></div>\r\n        </button>\r\n    </div>\r\n    <button class=\"popmechanic-close\" data-popmechanic-close></button>\r\n</div>", "css": "<% try {\r\n  font_custom_show = font_custom_show;\r\n  } catch (e) { font_custom_show = 0 }\r\n%>\r\n\r\n  @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');\r\n  @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;400;700&display=swap');\r\n\r\n\r\n.popmechanic-reset,\r\n.popmechanic-reset * {\r\n  line-height: inherit;\r\n  box-sizing: border-box; }\r\n\r\n#popmechanic-form {\r\n  position: relative;\r\n  width: <%=width%>px;\r\n  padding: 0;\r\n  color: <%=text_color%>;\r\n  background-color: <%=background_color%>;\r\n  text-align: left;\r\n  line-height: 1;\r\n  font-size: 14px;\r\n  box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.13);\r\n  border-radius: <%=crug1%>px;\r\n  <% if(font_custom_show && parseInt(font_custom_show)) { %>\r\n    font-family: <% try { print(font_custom); } catch (e) { print('Helvetica, Arial, sans-serif'); } %>;\r\n  <% } else { %>\r\n    font-family: <% try { print(font1); } catch (e) { print('Helvetica, Arial, sans-serif'); } %>;\r\n  <% } %>\r\n}\r\n\r\n#popmechanic-form strong {\r\n  font-weight: 700; }\r\n\r\n#popmechanic-form .popmechanic-close {\r\n  position: absolute;\r\n  z-index: 99;\r\n  top: 19px;\r\n  right: 23px;\r\n  width: 20px;\r\n  height: 20px;\r\n  background: transparent;\r\n  border: none;\r\n  cursor: pointer; }\r\n  #popmechanic-form .popmechanic-close:before, #popmechanic-form .popmechanic-close:after {\r\n    content: '';\r\n    position: absolute;\r\n    top: 9px;\r\n    left: -2px;\r\n    width: 25px;\r\n    height: 3px;\r\n    background: <%=cl_col1%>; }\r\n  #popmechanic-form .popmechanic-close:after {\r\n    transform: rotate(45deg); }\r\n  #popmechanic-form .popmechanic-close:before {\r\n    transform: rotate(-45deg); }\r\n\r\n#popmechanic-form .popmechanic-main {\r\n  display: flex;\r\n  flex-direction: row;\r\n  flex-wrap: nowrap;\r\n  justify-content: space-between;\r\n  align-content: stretch;\r\n  align-items: stretch;\r\n  position: relative; }\r\n\r\n#popmechanic-form .popmechanic-column-left {\r\n  width: 50%;\r\n  padding: 51px 25px 37px 46px; }\r\n\r\n#popmechanic-form .popmechanic-label {\r\n  display: inline-block;\r\n  color: <%=label_col2%>;\r\n  background-color: <%=label_color%>;\r\n  padding: 8px 22px;\r\n  border-radius: 3px;\r\n  font-weight: 700;\r\n  font-family: 'Montserrat', Arial, sans-serif;}\r\n\r\n#popmechanic-form .popmechanic-column-right {\r\n  width: 50%;\r\n  border-radius: 0 3px 3px 0;\r\n  background-image: url(\"<%=image%>\");\r\n  background-size: cover;\r\n  background-position: 45% 50%; }\r\n\r\n#popmechanic-form .popmechanic-description-title {\r\n  font-size: <%=font_size1%>px;\r\n  font-family: 'Montserrat', Arial, sans-serif;\r\n  line-height: 1.1;\r\n  font-weight: 700;\r\n  margin: 14px 0; }\r\n\r\n#popmechanic-form .popmechanic-inputs {\r\n  width: 100%;\r\n  margin: 24px 0 0; }\r\n\r\n#popmechanic-form .popmechanic-input {\r\n  width: 100%;\r\n  background-color:<%=background_color%>;\r\n  height: 43px;\r\n  border: none;\r\n  margin-bottom: 1px;\r\n  border-bottom: 2px solid <%=inp_col1%>;\r\n  outline: none;\r\n  padding: 0 10px;\r\n  color: #0d253e;\r\n  font-family: 'Montserrat', Arial, sans-serif;\r\n  font-weight: 400;\r\n}\r\n  #popmechanic-form .popmechanic-input::placeholder {\r\n    opacity: .5;\r\n    color: #7b7b7b; }\r\n  #popmechanic-form .popmechanic-input:focus::placeholder {\r\n    opacity: 1; }\r\n\r\n#popmechanic-form input.popmechanic-invalid {\r\n  border-bottom: 2px solid #fa2453; }\r\n  input.popmechanic-invalid::placeholder {\r\n    color: #fa2453; }\r\n\r\n#popmechanic-form .popmechanic-button {\r\n      width: 70%;\r\n  position: relative;\r\n  margin: 24px 0 0;\r\n  background: none;\r\n  border: none;\r\n  z-index: 10;\r\n  cursor: pointer; }\r\n  #popmechanic-form .popmechanic-button:before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 8px;\r\n    left: 8%;\r\n    width: 84%;\r\n    height: 42px;\r\n    border-radius: 21px;\r\n    background-color: <%=background_color%>;\r\n    -webkit-filter: blur(9.7px);\r\n    filter: blur(9.7px);\r\n    transition: all 0.2s;\r\n    z-index: 0; }\r\n  #popmechanic-form .popmechanic-button:hover:before {\r\n    background-color: <%=main_color%>;\r\n  }\r\n.popmechanic-desktop #popmechanic-form .popmechanic-buttons {\r\n\tdisplay: flex;\r\n  \tmargin-right: -10px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-buttons .popmechanic-buttons-col {\r\n\twidth: 50%;\r\n  \tpadding-right: 10px;\r\n}\r\n#popmechanic-form .popmechanic-button-content {\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    white-space: nowrap;\r\n  padding: 0 23px;\r\n  height: 42px;\r\n  line-height: 42px;\r\n  min-width: 185px;\r\n  border: none;\r\n  border-radius: <%=crug2%>px;\r\n  outline: none;\r\n  background-color: <%=main_color%>;\r\n  color: <%=but_col3%>;\r\n  text-align: center;\r\n  font-size: 15px;\r\n  font-weight: 400;\r\n  font-family: 'Montserrat', Arial, sans-serif;\r\n  position: relative;\r\n  z-index: 4; }\r\n.popmechanic-desktop #popmechanic-form .popmechanic-buttons .popmechanic-submit .popmechanic-button-content {\r\n  min-width: 87.5px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-thankyou {\r\n  padding: 90px 46px 55px;\r\n  line-height: 1.1; }\r\n\r\n#popmechanic-form .popmechanic-thankyou-title {\r\n      font-size: 30px;\r\n\r\n  padding: 4px 45px 0 0;\r\n  margin: 0 23px 0 0;\r\n  min-height: 45px;\r\n  position: relative;\r\n  font-weight: bold;\r\n}\r\n\r\n#popmechanic-form .popmechanic-icon {\r\n  width: 40px;\r\n  height: 45px;\r\n  position: absolute;\r\n  right: 0;\r\n  top: 0;\r\n}\r\n\r\n#popmechanic-form .popmechanic-thankyou-text {\r\n          font-size: 18px;\r\n\r\n  margin: 30px 0 20px; }\r\n\r\n\r\n\r\n.popmechanic-mobile #popmechanic-form {\r\n  width: 320px; }\r\n\r\n.popmechanic-tablet #popmechanic-form {\r\n  width: <%=width%>px;\r\n  max-width:500px;\r\n    \r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main {\r\n  flex-direction: column; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-column-right {\r\n  order: 1;\r\n  width: 100%;\r\n  height: 140px; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-column-left {\r\n  order: 2;\r\n  position: static;\r\n  padding: 19px 25px 27px;\r\n  width: 100%; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-label {\r\n  position: absolute;\r\n  z-index: 3;\r\n  top: 20px;\r\n  left: 25px;\r\n  margin: 0; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-description-title {\r\n  font-size: <%=font_size_mob%>px;\r\n  margin: 0; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-inputs {\r\n  width: 260px;\r\n  margin: 8px 0 0; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-button {\r\n  margin: 26px auto 0;\r\n  display: block; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou {\r\n  padding: 53px 25px 27px;\r\n  font-size: 18px; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou-title {\r\n  padding: 106px 0 0 0;\r\n  margin: 0;\r\n  \r\n  font-size: 24px; }\r\n.popmechanic-mobile #popmechanic-form .popmechanic-icon {\r\n  width: 64px;\r\n  height: 73px;\r\n  left: 50%;\r\n  margin-left: -32px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou-text, .popmechanic-tablet #popmechanic-form .popmechanic-thankyou-text {\r\n  margin: 30px 0 50px; }\r\n  \r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-buttons {\r\n  margin-top: 26px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-buttons {\r\n\tmargin-top: 24px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-buttons .popmechanic-submit,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-buttons .popmechanic-submit {\r\n  margin-top: 0;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-buttons .popmechanic-submit:last-child {\r\n  margin-top: 12px;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-buttons .popmechanic-submit:last-child {\r\n  margin-top: 13px;\r\n}\r\n\r\n  #popmechanic-form .popmechanic-checkbox-block {\r\n  position: relative;\r\n  display: block;\r\n  font-size: 10px;\r\n  line-height: 1.2;\r\n  font-weight: 400;\r\n  font-family: 'Montserrat', Arial, sans-serif;\r\n  text-align: left;\r\n  color: #aaaaaa;\r\n  padding: 0 0 0 25px;\r\n  margin: 30px 0 0 0;\r\n  width: 100%; }\r\n  #popmechanic-form .popmechanic-checkbox-block .popmechanic-link {\r\n    color: #dd550b;\r\n    text-decoration: none;\r\n    transition: all .3s; }\r\n  #popmechanic-form .popmechanic-checkbox-block:before {\r\n    content: '';\r\n    position: absolute;\r\n    top: -1px;\r\n    left: 0;\r\n    width: 16px;\r\n    height: 16px;\r\n    border: 1px solid #aaaaaa; }\r\n\r\n#popmechanic-form .popmechanic-checkbox-check {\r\n  position: absolute;\r\n  top: 4px;\r\n  left: 5px;\r\n  z-index: 2;\r\n  width: 8px;\r\n  height: 8px;\r\n  background-color: #dd550b;\r\n  opacity: 0;\r\n  transition: all .3s; }\r\n\r\n#popmechanic-form .popmechanic-checkbox {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 20px;\r\n  z-index: 3;\r\n  width: 20px;\r\n  height: 20px;\r\n  opacity: 0; }\r\n  #popmechanic-form .popmechanic-checkbox:checked ~ .popmechanic-checkbox-check {\r\n    opacity: 1; }\r\n\r\n/* LOGIC */\r\n#popmechanic-form .popmechanic-thankyou {\r\n  display: none; }\r\n\r\n.popmechanic-success #popmechanic-form .popmechanic-main {\r\n  display: none; }\r\n\r\n.popmechanic-success #popmechanic-form .popmechanic-thankyou {\r\n  display: block; }", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 46386, "template": 904, "button_template": null, "test_group": null, "new_targeting": {"filter": {"id": "root", "name": "root", "nodes": [{"id": "2", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 7, "externalId": "8fb73eee-682a-4274-9b95-ebf731e04c32"}, "inSegmentByDefault": true}, "operator": "$check"}, {"id": "3", "field": "device", "value": ["pc", "tablet"], "operator": "$in"}, {"id": "4", "field": "utm_medium", "value": "email", "operator": "$exclude"}, {"id": "5", "field": "form_seen", "value": {"forms": [46839], "interval": 1800}, "operator": "$after"}, {"id": "6", "name": "$and", "type": "current_page", "nodes": [{"id": "7", "field": "page", "value": "/basket/", "operator": "$exclude"}, {"id": "8", "field": "page", "value": "/order/", "operator": "$exclude"}], "operator": "$and"}], "operator": "$and"}}, "settings_splits": [{"settings": {"ff1": "700", "img": "https://personalization-web-stable.mindbox.ru/user-media/5967/81fdd5a9a5b475e7edc94d631ad1b8758272f349c5a066dea8f6bdd0f7a439e8.png", "title": "\u0410\u043a\u0446\u0438\u0438 \u0438 \u0441\u043a\u0438\u0434\u043a\u0438 <br>            \u0442\u043e\u043b\u044c\u043a\u043e \u0434\u043b\u044f \u043f\u043e\u0434\u043f\u0438\u0441\u0447\u0438\u043a\u043e\u0432", "img_top": "-1", "pad_top": "46", "btn_text": "\u041f\u043e\u0434\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f", "img_left": "-1", "pad_left": "30", "show_img": "1", "btn_color": "#ffffff", "btn_width": "140", "form_font": "Roboto, sans-serif", "img_width": "53", "inp_color": "#282828", "inp_width": "260", "pad_right": "30", "sub_title": "\u041f\u043e\u0434\u043f\u0438\u0448\u0438\u0441\u044c \u043d\u0430 \u043d\u0430\u0448\u0443 \u0440\u0430\u0441\u0441\u044b\u043b\u043a\u0443 \u0438 \u0441\u0440\u0430\u0437\u0443 \u043f\u043e\u043b\u0443\u0447\u0438 \u0441\u043a\u0438\u0434\u043a\u0443 5% \u043d\u0430 \u043f\u0435\u0440\u0432\u044b\u0439 \u0437\u0430\u043a\u0430\u0437!", "btn_height": "45", "form_width": "400", "img_thanks": "https://personalization-web-stable.mindbox.ru/user-media/5967/03797487eac209303d1729ca4f817487582cb1814d20039a7e96a003337da3cd.png", "inp_height": "45", "pad_bottom": "38", "show_title": "1", "btn_bgcolor": "#dd550b", "close_color": "#787878", "font_custom": "Circe, Arial, sans-serif", "form_bg_img": "https://images.unsplash.com/photo-1552154357-aaba12e68e64?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=1080&fit=max&ixid=eyJhcHBfaWQiOjI4NjQ4fQ", "form_height": "245", "img_top_mob": "-1", "inp_bgcolor": "#ffffff", "pad_top_mob": "46", "title_color": "#282828", "btn_fontsize": "13", "img_left_mob": "1", "inp_fontsize": "13", "pad_left_mob": "35", "show_form_bg": "0", "thanks_title": "\u0421\u043f\u0430\u0441\u0438\u0431\u043e! <br><br>           \u041f\u0440\u043e\u043c\u043e-\u043a\u043e\u0434 \u043e\u0442\u043f\u0440\u0430\u0432\u0438\u043b\u0438 \u043d\u0430 \u044d\u043b\u0435\u043a\u0442\u0440\u043e\u043d\u043d\u0443\u044e \u043f\u043e\u0447\u0442\u0443!", "btn_width_mob": "100", "close_bgcolor": "#eaeaea", "form_bg_color": "#f9f9fa", "img_width_mob": "53", "inp_width_mob": "200", "pad_right_mob": "35", "btn_height_mob": "45", "form_width_mob": "300", "img_thanks_top": "1", "inp_height_mob": "45", "pad_bottom_mob": "40", "show_sub_title": "1", "title_fontsize": "20", "btn_hover_color": "#ffffff", "form_height_mob": "241", "img_thanks_left": "-1", "show_thanks_img": "1", "sub_title_color": "#787878", "btn_fontsize_mob": "12", "font_custom_show": "0", "form_line_height": "1.4", "img_thanks_width": "80", "inp_fontsize_mob": "12", "btn_hover_bgcolor": "#b54508", "form_border_color": "#ffffff", "form_border_width": "0", "placeholder_email": "\u0412\u0432\u0435\u0434\u0438 \u0441\u0432\u043e\u0439 Email", "show_thanks_title": "1", "form_border_radius": "10", "img_thanks_top_mob": "-1", "sub_title_fontsize": "14", "title_fontsize_mob": "16", "img_thanks_left_mob": "-1", "form_line_height_mob": "1.4", "img_thanks_width_mob": "80", "inp_placeholder_color": "#b8b8b8", "sub_title_fontsize_mob": "12", "show_legal_text_below_form": "0"}, "button_settings": {}, "conditions_splits": [{"conditions": {"delay": "30", "pages_session": "2"}, "combinator": "or", "id": 170890}], "id": 45881, "behavior_settings": {"lead": {"legal_text": ""}, "button": {"on": false, "positions": {"desktop": {"top": "0px", "left": "0px"}}, "conditions": "targeting", "show_before": true}, "partscreen": {"mobile": null, "tablet": null, "desktop": {"target": "window", "position": "bottom-left", "vertical_offset": 30, "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": "\u041f\u043e\u043f\u0430\u043f \u0441\u0431\u043e\u0440\u0430 Email (desktop, \u0441\u0440\u0435\u0434\u043d\u0438\u0439)", "active": true, "embed_selector": false, "selector": "", "placement": "start", "frequency": {"once_lifetime": false, "once_session": false, "priority": false, "minimal_timeout": 86400}, "start_date": null, "end_date": null, "day_of_week": [true, true, true, true, true, true, true], "start_time": null, "end_time": null, "timezone_minutes": 180, "custom_fields": [], "container_id": null, "child_forms": [], "salt": null, "control_group": null, "variants": [{"is_winner": false, "ab_test_variant_internal_id": null, "view_settings": {"button_template": null, "rendered_preview": "https://popmechanic-media.storage.yandexcloud.net/shots/form-46386.png?ts=1659351160591", "rendered_button_preview": null, "settings": {"ff1": "700", "img": "https://personalization-web-stable.mindbox.ru/user-media/5967/81fdd5a9a5b475e7edc94d631ad1b8758272f349c5a066dea8f6bdd0f7a439e8.png", "title": "\u0410\u043a\u0446\u0438\u0438 \u0438 \u0441\u043a\u0438\u0434\u043a\u0438 <br>            \u0442\u043e\u043b\u044c\u043a\u043e \u0434\u043b\u044f \u043f\u043e\u0434\u043f\u0438\u0441\u0447\u0438\u043a\u043e\u0432", "img_top": "-1", "pad_top": "46", "btn_text": "\u041f\u043e\u0434\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f", "img_left": "-1", "pad_left": "30", "show_img": "1", "btn_color": "#ffffff", "btn_width": "140", "form_font": "Roboto, sans-serif", "img_width": "53", "inp_color": "#282828", "inp_width": "260", "pad_right": "30", "sub_title": "\u041f\u043e\u0434\u043f\u0438\u0448\u0438\u0441\u044c \u043d\u0430 \u043d\u0430\u0448\u0443 \u0440\u0430\u0441\u0441\u044b\u043b\u043a\u0443 \u0438 \u0441\u0440\u0430\u0437\u0443 \u043f\u043e\u043b\u0443\u0447\u0438 \u0441\u043a\u0438\u0434\u043a\u0443 5% \u043d\u0430 \u043f\u0435\u0440\u0432\u044b\u0439 \u0437\u0430\u043a\u0430\u0437!", "btn_height": "45", "form_width": "400", "img_thanks": "https://personalization-web-stable.mindbox.ru/user-media/5967/03797487eac209303d1729ca4f817487582cb1814d20039a7e96a003337da3cd.png", "inp_height": "45", "pad_bottom": "38", "show_title": "1", "btn_bgcolor": "#dd550b", "close_color": "#787878", "font_custom": "Circe, Arial, sans-serif", "form_bg_img": "https://images.unsplash.com/photo-1552154357-aaba12e68e64?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=1080&fit=max&ixid=eyJhcHBfaWQiOjI4NjQ4fQ", "form_height": "245", "img_top_mob": "-1", "inp_bgcolor": "#ffffff", "pad_top_mob": "46", "title_color": "#282828", "btn_fontsize": "13", "img_left_mob": "1", "inp_fontsize": "13", "pad_left_mob": "35", "show_form_bg": "0", "thanks_title": "\u0421\u043f\u0430\u0441\u0438\u0431\u043e! <br><br>           \u041f\u0440\u043e\u043c\u043e-\u043a\u043e\u0434 \u043e\u0442\u043f\u0440\u0430\u0432\u0438\u043b\u0438 \u043d\u0430 \u044d\u043b\u0435\u043a\u0442\u0440\u043e\u043d\u043d\u0443\u044e \u043f\u043e\u0447\u0442\u0443!", "btn_width_mob": "100", "close_bgcolor": "#eaeaea", "form_bg_color": "#f9f9fa", "img_width_mob": "53", "inp_width_mob": "200", "pad_right_mob": "35", "btn_height_mob": "45", "form_width_mob": "300", "img_thanks_top": "1", "inp_height_mob": "45", "pad_bottom_mob": "40", "show_sub_title": "1", "title_fontsize": "20", "btn_hover_color": "#ffffff", "form_height_mob": "241", "img_thanks_left": "-1", "show_thanks_img": "1", "sub_title_color": "#787878", "btn_fontsize_mob": "12", "font_custom_show": "0", "form_line_height": "1.4", "img_thanks_width": "80", "inp_fontsize_mob": "12", "btn_hover_bgcolor": "#b54508", "form_border_color": "#ffffff", "form_border_width": "0", "placeholder_email": "\u0412\u0432\u0435\u0434\u0438 \u0441\u0432\u043e\u0439 Email", "show_thanks_title": "1", "form_border_radius": "10", "img_thanks_top_mob": "-1", "sub_title_fontsize": "14", "title_fontsize_mob": "16", "img_thanks_left_mob": "-1", "form_line_height_mob": "1.4", "img_thanks_width_mob": "80", "inp_placeholder_color": "#b8b8b8", "sub_title_fontsize_mob": "12"}, "button_settings": {}, "behavior_settings": {"lead": {"legal_text": ""}, "button": {"on": false, "positions": {"desktop": {"top": "0px", "left": "0px"}}, "conditions": "targeting", "show_before": true}, "partscreen": {"mobile": null, "tablet": null, "desktop": {"target": "window", "position": "bottom-left", "vertical_offset": 30, "element_position": "right", "horizontal_offset": 0, "element_vertical_offset": 0, "element_horizontal_offset": 0}, "animation_in": "fadeIn", "allow_overlay": false, "animation_out": "fadeOut", "paranja_color": "#000000", "paranja_opacity": 0.3}}, "html": "", "css": "", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}], "templates": [{"id": 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": 904, "html": "<div class=\"popmechanic-reset\" id=\"popmechanic-form\">\r\n    <div class=\"popmechanic-main\">\r\n\r\n        <div class=\"popmechanic-content\">\r\n            <div class=\"popmechanic-title-wrapper\">\r\n                <% if(parseInt(show_img)) { %>\r\n                    <img src=\"<%=img%>\" class=\"popmechanic-image\">\r\n                <% } %>\r\n                <% if(parseInt(show_title)) { %>\r\n                <div class=\"popmechanic-title\">\r\n                    <%=title%>\r\n                </div>\r\n                <% } %>\r\n            </div>\r\n            <% if(parseInt(show_sub_title)) { %>\r\n            <div class=\"popmechanic-sub-title\">\r\n               <%=sub_title%>\r\n            </div>\r\n            <% } %>\r\n        </div>\r\n\r\n        <div class=\"popmechanic-inputs\">\r\n            <input type=\"text\" class=\"popmechanic-input\" data-popmechanic-input=\"email\" placeholder=\"<%=placeholder_email%>\">\r\n\r\n            <button type=\"button\" name=\"button\" class=\"popmechanic-submit\" data-popmechanic-submit><%=btn_text%></button>\r\n        </div>\r\n    </div>\r\n    <div class=\"popmechanic-thankyou\" id=\"popmechanic-thanks\">\r\n        <div class=\"popmechanic-content\">\r\n\r\n            <div class=\"popmechanic-title-wrapper\">\r\n                <% if(parseInt(show_thanks_img)) { %>\r\n                <img src=\"<%=img_thanks%>\" class=\"popmechanic-thanks-image\">\r\n                <% } %>\r\n                <% if(parseInt(show_thanks_title)) { %>\r\n                <div class=\"popmechanic-title\">\r\n                    <%=thanks_title%>\r\n                </div>\r\n                <% } %>\r\n            </div>\r\n\r\n\r\n        </div>\r\n    </div>\r\n    <div class=\"popmechanic-close\" data-popmechanic-close>&times;</div>\r\n    <% \r\n    try {\r\n        show_legal_text_below_form = show_legal_text_below_form;\r\n    } catch (e) { show_legal_text_below_form = 0 }\r\n    try {\r\n        below_form_legal_text = below_form_legal_text;\r\n    } catch (e) { below_form_legal_text = \"\" }\r\n    %>\r\n    <% if(parseInt(show_legal_text_below_form) && below_form_legal_text) { %>\r\n        <div style=\"position: absolute; top: 100%; left: 0; right: 0; color: white; text-align: center; display: block;\"><%=below_form_legal_text%></div>\r\n    <% } %>\r\n</div>", "css": "<% try {\r\n  font_custom_show = font_custom_show;\r\n  } catch (e) { font_custom_show = 0 }\r\n%>\r\n\r\n<% if(!parseInt(font_custom_show)) { %>\r\n  @import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&family=Roboto:wght@400;700&display=swap');\r\n<% } %>\r\n\r\n#popmechanic-form * {\r\n  margin: 0;\r\n  padding: 0;\r\n  border: 0;\r\n  font-size: 100%;\r\n  font: inherit;\r\n  vertical-align: baseline;\r\n  background: none;\r\n  -webkit-box-sizing: border-box;\r\n          box-sizing: border-box;\r\n}\r\n\r\n#popmechanic-form {\r\n  width: <%=form_width%>px;\r\n  height: <%=form_height%>px;\r\n  <% if(font_custom_show && parseInt(font_custom_show)) { %>\r\n    font-family: <% try { print(font_custom); } catch (e) { print('sans-serif'); } %>;\r\n  <% } else { %>\r\n    font-family: <% try { print(form_font); } catch (e) { print('sans-serif'); } %>;\r\n  <% } %>\r\n  -webkit-box-sizing: border-box;\r\n          box-sizing: border-box;\r\n  position: relative;\r\n  background-color: <%=form_bg_color%>;\r\n  <% if(parseInt(show_form_bg)) { %>\r\n    background-image: url(<%=form_bg_img%>);\r\n    background-position: center;\r\n    background-size: cover;\r\n    background-repeat: no-repeat;\r\n  <% } %>\r\n  border-radius: <%=form_border_radius%>px;\r\n  line-height: <%=form_line_height%>;\r\n  -webkit-box-shadow: 1px 1px 20px 2px rgba(1, 2, 2, 0.1),\r\n                      0 0 0 <%=form_border_width%>px <%=form_border_color%>;\r\n          box-shadow: 1px 1px 20px 2px rgba(1, 2, 2, 0.1),\r\n                      0 0 0 <%=form_border_width%>px <%=form_border_color%>;\r\n}\r\n\r\n#popmechanic-form .popmechanic-content {\r\n  text-align: left;\r\n  padding-top: <%=pad_top%>px;\r\n  padding-bottom: <%=pad_bottom%>px;\r\n  padding-left: <%=pad_left%>px;\r\n  padding-right: <%=pad_right%>px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-main {\r\n  display: -webkit-box;\r\n  display: -ms-flexbox;\r\n  display: flex;\r\n  -webkit-box-orient: vertical;\r\n  -webkit-box-direction: normal;\r\n      -ms-flex-direction: column;\r\n          flex-direction: column;\r\n  height: 100%;\r\n}\r\n\r\n#popmechanic-form .popmechanic-thankyou {\r\n  display: none;\r\n  -webkit-box-align: center;\r\n      -ms-flex-align: center;\r\n          align-items: center;\r\n  -webkit-box-pack: center;\r\n      -ms-flex-pack: center;\r\n          justify-content: center;\r\n  height: 100%;\r\n}\r\n\r\n.popmechanic-success #popmechanic-form .popmechanic-thankyou {\r\n  display: -webkit-box;\r\n  display: -ms-flexbox;\r\n  display: flex;\r\n}\r\n\r\n.popmechanic-success #popmechanic-form .popmechanic-main {\r\n  display: none;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form {\r\n  width: <%=form_width_mob%>px;\r\n  height: <%=form_height_mob%>px;\r\n  line-height: <%=form_line_height_mob%>;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-content {\r\n  padding-top: <%=pad_top_mob%>px;\r\n  padding-bottom: <%=pad_bottom_mob%>px;\r\n  padding-left: <%=pad_left_mob%>px;\r\n  padding-right: <%=pad_right_mob%>px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-image {\r\n  position: relative;\r\n  width: <%=img_width%>px;\r\n  top: <%=img_top%>px;\r\n  left: <%=img_left%>px;\r\n  margin-right: 20px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-thanks-image {\r\n  position: relative;\r\n  width: <%=img_thanks_width%>px;\r\n  top: <%=img_thanks_top%>px;\r\n  left: <%=img_thanks_left%>px;\r\n  margin-right: 20px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-image {\r\n  top: <%=img_top_mob%>px;\r\n  left: <%=img_left_mob%>px;\r\n  width: <%=img_width_mob%>px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-thanks-image {\r\n  width: <%=img_thanks_width_mob%>px;\r\n  top: <%=img_thanks_top_mob%>px;\r\n  left: <%=img_thanks_left_mob%>px;\r\n  margin-right: 16px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-close {\r\n  cursor: pointer;\r\n  text-align: center;\r\n  position: absolute;\r\n  right: -15px;\r\n  top: -15px;\r\n  color: <%=close_color%>;\r\n  background-color: <%=close_bgcolor%>;\r\n  border-radius: 50%;\r\n  font-weight: 400;\r\n  line-height: 30px;\r\n  width: 30px;\r\n  height: 30px;\r\n  font-size: 25px;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-close {\r\n  top: -7px;\r\n  right: -5px;\r\n}\r\n#popmechanic-form .popmechanic-title-wrapper {\r\n  display: -webkit-box;\r\n  display: -ms-flexbox;\r\n  display: flex;\r\n  -webkit-box-align: center;\r\n      -ms-flex-align: center;\r\n          align-items: center;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-title {\r\n  font-size: <%=title_fontsize%>px;\r\n  color: <%=title_color%>;\r\n  font-weight: <%=ff1%>;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-title {\r\n  font-size: <%=title_fontsize_mob%>px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-sub-title {\r\n  font-size: <%=sub_title_fontsize%>px;\r\n  font-weight: 400;\r\n  color: <%=sub_title_color%>;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-sub-title {\r\n  font-size: <%=sub_title_fontsize_mob%>px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-inputs {\r\n  margin-top: auto;\r\n  display: -webkit-box;\r\n  display: -ms-flexbox;\r\n  display: flex;\r\n  -webkit-box-pack: justify;\r\n      -ms-flex-pack: justify;\r\n          justify-content: space-between;\r\n  -webkit-box-align: center;\r\n      -ms-flex-align: center;\r\n          align-items: center;\r\n}\r\n\r\n#popmechanic-form .popmechanic-input {\r\n  font-size: <%=inp_fontsize%>px;\r\n  background-color: <%=inp_bgcolor%>;\r\n  color: <%=inp_color%>;\r\n  display: block;\r\n  width: <%=inp_width%>px;\r\n  height: <%=inp_height%>px;\r\n  font-weight: 400;\r\n  text-align: left;\r\n  padding-left: 29px;\r\n  outline: none;\r\n  border-radius: 0;\r\n  border-bottom-left-radius: <%=form_border_radius%>px;\r\n  -webkit-box-shadow: -1px 1px 20px 2px rgba(1, 2, 2, 0.1);\r\n          box-shadow: -1px 1px 20px 2px rgba(1, 2, 2, 0.1);\r\n}\r\n\r\n#popmechanic-form .popmechanic-input::-webkit-input-placeholder {\r\n  color: <%=inp_placeholder_color%>;\r\n  font-weight: 400;\r\n}\r\n\r\n#popmechanic-form .popmechanic-input:-ms-input-placeholder {\r\n  color: <%=inp_placeholder_color%>;\r\n  font-weight: 400;\r\n}\r\n\r\n#popmechanic-form .popmechanic-input::-ms-input-placeholder {\r\n  color: <%=inp_placeholder_color%>;\r\n  font-weight: 400;\r\n}\r\n\r\n#popmechanic-form .popmechanic-input::placeholder {\r\n  color: <%=inp_placeholder_color%>;\r\n  font-weight: 400;\r\n}\r\n\r\n#popmechanic-form .popmechanic-invalid {\r\n  border: 1px solid red;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-input {\r\n  width: <%=inp_width_mob%>px;\r\n  height: <%=inp_height_mob%>px;\r\n  font-size: <%=inp_fontsize_mob%>px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-submit {\r\n  display: block;\r\n  width: <%=btn_width%>px;\r\n  height: <%=btn_height%>px;\r\n  background: <%=btn_bgcolor%>;\r\n  color: <%=btn_color%>;\r\n  font-size: <%=btn_fontsize%>px;\r\n  font-weight: 700;\r\n  line-height: <%=btn_height%>px;\r\n  border-radius: 0;\r\n  border-bottom-right-radius: <%=form_border_radius%>px;\r\n  -webkit-box-shadow: -1px 1px 20px 2px rgba(1, 2, 2, 0.1);\r\n          box-shadow: -1px 1px 20px 2px rgba(1, 2, 2, 0.1);\r\n  cursor: pointer;\r\n  outline: none;\r\n  border: none;\r\n  text-decoration: none;\r\n  -webkit-transition: all .3s;\r\n  transition: all .3s;\r\n}\r\n\r\n#popmechanic-form .popmechanic-submit:hover {\r\n  color: <%=btn_hover_color%>;\r\n  background: <%=btn_hover_bgcolor%>;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-submit {\r\n  width: <%=btn_width_mob%>px;\r\n  height: <%=btn_height_mob%>px;\r\n  font-size: <%=btn_fontsize_mob%>px;\r\n  line-height: <%=btn_height_mob%>px;\r\n}", "button": "", "on_show": "", "on_close": "", "embed_code": "", "behaviors": ["partscreen", "humble", "post-text", "lead"], "template_type": "partscreen-info", "need_reset": true, "parameters": [], "on_targeting_ready": "", "on_child_ready": ""}, {"id": 2031, "html": "<div class=\"popmechanic-reset\" id=\"popmechanic-form\">\r\n    <div class=\"popmechanic-main\">\r\n        <div class=\"popmechanic-column-left\">\r\n              <% if (parseInt(askLebel)) { %>\r\n            <div class=\"popmechanic-label\">\r\n                <%=label%>\r\n            </div> <% } %>\r\n            <div class=\"popmechanic-description-title\">\r\n                <%=header%>\r\n            </div>\r\n            <div class=\"popmechanic-inputs\">\r\n      <%\r\n        for (var i = 0; i < fields_list.length; i++) {\r\n          var field = fields_list[i];\r\n          var required = \"data-popmechanic-\" + (field.required ? \"required\" : \"unrequired\");\r\n          if (!field) continue;\r\n          switch (field.type) {\r\n            case \"text\":\r\n              %><input type=\"text\" class=\"popmechanic-input\" data-popmechanic-input=\"customs.fields_list.<%=field.machine_name%>\" placeholder=\"<%=field.placeholder%>\" <%=required%>><%\r\n              break;\r\n            case \"name\":\r\n            case \"phone\":\r\n              %><input type=\"text\" class=\"popmechanic-input\" data-popmechanic-input=\"<%=field.machine_name%>\" placeholder=\"<%=field.placeholder%>\" <%=required%>><%\r\n              break;\r\n            case \"email\":\r\n              %><input type=\"email\" class=\"popmechanic-input\" data-popmechanic-input=\"<%=field.machine_name%>\" placeholder=\"<%=field.placeholder%>\" <%=required%>><%\r\n              break;\r\n            case \"number\":\r\n              %><input type=\"number\" class=\"popmechanic-input\" data-popmechanic-input=\"customs.fields_list.<%=field.machine_name%>\" placeholder=\"<%=field.placeholder%>\" <%=required%>><%\r\n              break;\r\n            case \"date\":\r\n              %><input data-popmechanic-type=\"date\" class=\"popmechanic-input\" data-popmechanic-input=\"customs.fields_list.<%=field.machine_name%>\" placeholder=\"<%=field.placeholder%>\" <%=required%>><%\r\n              break;\r\n            case \"select\":\r\n              %><select class=\"popmechanic-input\" data-popmechanic-input=\"customs.fields_list.<%=field.machine_name%>\" <%=required%>><%\r\n                if (field.placeholder) {\r\n                  %><option value=\"\" selected disabled><%=field.placeholder%></option><%\r\n                }\r\n                if (field.params.options) {\r\n                  for (var oi = 0; oi < field.params.options.length; oi++) {\r\n                    var opt = field.params.options[oi];\r\n                    %><option value=\"<%=opt%>\"><%=opt%></option><%\r\n                  }\r\n                }\r\n              %></select><%\r\n              break;\r\n\t\t\tcase \"checkbox\":\r\n              %>\r\n                 <label class=\"popmechanic-checkbox-block\">\r\n                    <input type=\"checkbox\" class=\"popmechanic-checkbox\"  <%=field.params.checked ? \"checked\" : \"\"%> data-popmechanic-input=\"customs.fields_list.<%=field.machine_name%>\" <%= field.required ? \"data-popmechanic-required\" : \"\" %> value=\"1\">\r\n                    <div class=\"popmechanic-checkbox-check\"></div>\r\n                    <%\r\n              print(field.label);\r\n              if (field.params.show_link) {\r\n                %> <a target=\"_blank\" href=\"<%=field.params.link_href%>\"><%=field.params.link_text%></a> <%=field.params.text_after_link%><%\r\n              }\r\n              %>\r\n                 </label>\r\n                <%\r\n              break;\r\n            case \"submit\":\r\n               if (field.params.submits_count == 1) {\r\n              %>\r\n                <button class=\"popmechanic-button popmechanic-submit\" data-popmechanic-submit>\r\n                    <div class=\"popmechanic-button-content\"><%=field.params.submit1_text%></div>\r\n                </button> \r\n                <%\r\n                   } else {\r\n                %>\r\n                  <div class=\"popmechanic-buttons\">\r\n                    <div class=\"popmechanic-buttons-col\">\r\n                      <button\r\n                          class=\"popmechanic-button popmechanic-submit\"\r\n                          data-popmechanic-submit\r\n                          onclick=\"PopMechanic.customs['fields_list.<%=field.machine_name%>'] = '<%= field.params.submit1_value %>'\"        \r\n                      >\r\n                          <div class=\"popmechanic-button-content\"><%=field.params.submit1_text%></div>\r\n                      </button> \r\n                    </div>\r\n                    <div class=\"popmechanic-buttons-col\">\r\n                      <button\r\n                          class=\"popmechanic-button popmechanic-submit\"\r\n                          data-popmechanic-submit\r\n                          onclick=\"PopMechanic.customs['fields_list.<%=field.machine_name%>'] = '<%= field.params.submit2_value %>'\"        \r\n                      >\r\n                          <div class=\"popmechanic-button-content\"><%=field.params.submit2_text%></div>\r\n                      </button> \r\n                    </div>\r\n                  </div>\r\n               <%\r\n                   }\r\n              break;\r\n            default:\r\n              continue;\r\n          }\r\n      } %>              \t\t\r\n\t\t  </div>      \r\n        </div>\r\n        <div class=\"popmechanic-column-right\"></div>\r\n    </div>\r\n    <div class=\"popmechanic-thankyou\">\r\n        <div class=\"popmechanic-thankyou-title\">\r\n            <%=thankyou_header%>\r\n            <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 64 73\" class=\"popmechanic-icon\">\r\n                <g fill=\"none\" fill-rule=\"evenodd\">\r\n                    <path stroke=\"#4E4E4E\" d=\"M62.969 34.737c0-2.236-1.147-4.192-2.914-5.28L32 13 3.945 29.458A6.185 6.185 0 0 0 1 34.737v31.052C1 69.205 3.79 72 7.2 72h49.6c3.41 0 6.2-2.795 6.2-6.21l-.031-31.053zM32 50.263L6.394 34.24 32 19.21l25.606 15.03L32 50.263z\"></path>\r\n                    <path fill=\"#FA2453\" stroke=\"#333\" d=\"M14.5.5v38.414L32 50.402l17.5-11.488V.5h-35z\"></path>\r\n                </g>\r\n            </svg>\r\n        </div>\r\n        <div class=\"popmechanic-thankyou-text\">\r\n            <%=thankyou_text%>\r\n        </div>\r\n        <button class=\"popmechanic-button\">\r\n            <div class=\"popmechanic-button-content\" data-popmechanic-close><%=close_text%></div>\r\n        </button>\r\n    </div>\r\n    <button class=\"popmechanic-close\" data-popmechanic-close></button>\r\n</div>", "css": "<% try {\r\n  font_custom_show = font_custom_show;\r\n  } catch (e) { font_custom_show = 0 }\r\n%>\r\n\r\n<% if(!parseInt(font_custom_show)) { %>\r\n  @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');\r\n<% } %>\r\n\r\n.popmechanic-reset,\r\n.popmechanic-reset * {\r\n  line-height: inherit;\r\n  box-sizing: border-box; }\r\n\r\n#popmechanic-form {\r\n  position: relative;\r\n  width: <%=width%>px;\r\n  padding: 0;\r\n  color: <%=text_color%>;\r\n  background-color: <%=background_color%>;\r\n  text-align: left;\r\n  line-height: 1;\r\n  font-size: 14px;\r\n  box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.13);\r\n  border-radius: <%=crug1%>px;\r\n  <% if(font_custom_show && parseInt(font_custom_show)) { %>\r\n    font-family: <% try { print(font_custom); } catch (e) { print('Helvetica, Arial, sans-serif'); } %>;\r\n  <% } else { %>\r\n    font-family: <% try { print(font1); } catch (e) { print('Helvetica, Arial, sans-serif'); } %>;\r\n  <% } %>\r\n}\r\n\r\n#popmechanic-form strong {\r\n  font-weight: 700; }\r\n\r\n#popmechanic-form .popmechanic-close {\r\n  position: absolute;\r\n  z-index: 99;\r\n  top: 19px;\r\n  right: 23px;\r\n  width: 20px;\r\n  height: 20px;\r\n  background: transparent;\r\n  border: none;\r\n  cursor: pointer; }\r\n  #popmechanic-form .popmechanic-close:before, #popmechanic-form .popmechanic-close:after {\r\n    content: '';\r\n    position: absolute;\r\n    top: 9px;\r\n    left: -2px;\r\n    width: 25px;\r\n    height: 3px;\r\n    background: <%=cl_col1%>; }\r\n  #popmechanic-form .popmechanic-close:after {\r\n    transform: rotate(45deg); }\r\n  #popmechanic-form .popmechanic-close:before {\r\n    transform: rotate(-45deg); }\r\n\r\n#popmechanic-form .popmechanic-main {\r\n  display: flex;\r\n  flex-direction: row;\r\n  flex-wrap: nowrap;\r\n  justify-content: space-between;\r\n  align-content: stretch;\r\n  align-items: stretch;\r\n  position: relative; }\r\n\r\n#popmechanic-form .popmechanic-column-left {\r\n  width: 50%;\r\n  padding: 51px 25px 37px 46px; }\r\n\r\n#popmechanic-form .popmechanic-label {\r\n  display: inline-block;\r\n  color: <%=label_col2%>;\r\n  background-color: <%=label_color%>;\r\n  padding: 8px 22px;\r\n  border-radius: 3px;\r\n  font-weight: 700; }\r\n\r\n#popmechanic-form .popmechanic-column-right {\r\n  width: 50%;\r\n  border-radius: 0 3px 3px 0;\r\n  background-image: url(\"<%=image%>\");\r\n  background-size: cover;\r\n  background-position: 50% 50%; }\r\n\r\n#popmechanic-form .popmechanic-description-title {\r\n  font-size: <%=font_size1%>px;\r\n  line-height: 1.1;\r\n  font-weight: 700;\r\n  margin: 14px 0; }\r\n\r\n#popmechanic-form .popmechanic-inputs {\r\n  width: 100%;\r\n  margin: 24px 0 0; }\r\n\r\n#popmechanic-form .popmechanic-input {\r\n  width: 100%;\r\n  background-color:<%=background_color%>;\r\n  height: 43px;\r\n  border: none;\r\n  margin-bottom: 1px;\r\n  border-bottom: 2px solid <%=inp_col1%>;\r\n  outline: none;\r\n  padding: 0 10px;\r\n  color: #0d253e; }\r\n  #popmechanic-form .popmechanic-input::placeholder {\r\n    opacity: .5;\r\n    color: #7b7b7b; }\r\n  #popmechanic-form .popmechanic-input:focus::placeholder {\r\n    opacity: 1; }\r\n\r\n#popmechanic-form input.popmechanic-invalid {\r\n  border-bottom: 2px solid #fa2453; }\r\n  input.popmechanic-invalid::placeholder {\r\n    color: #fa2453; }\r\n\r\n#popmechanic-form .popmechanic-button {\r\n      width: 100%;\r\n  position: relative;\r\n  margin: 24px 0 0;\r\n  background: none;\r\n  border: none;\r\n  z-index: 10;\r\n  cursor: pointer; }\r\n  #popmechanic-form .popmechanic-button:before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 8px;\r\n    left: 8%;\r\n    width: 84%;\r\n    height: 42px;\r\n    border-radius: 21px;\r\n    background-color: <%=background_color%>;\r\n    -webkit-filter: blur(9.7px);\r\n    filter: blur(9.7px);\r\n    transition: all 0.2s;\r\n    z-index: 0; }\r\n  #popmechanic-form .popmechanic-button:hover:before {\r\n    background-color: <%=main_color%>;\r\n  }\r\n.popmechanic-desktop #popmechanic-form .popmechanic-buttons {\r\n\tdisplay: flex;\r\n  \tmargin-right: -10px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-buttons .popmechanic-buttons-col {\r\n\twidth: 50%;\r\n  \tpadding-right: 10px;\r\n}\r\n#popmechanic-form .popmechanic-button-content {\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    white-space: nowrap;\r\n  padding: 0 23px;\r\n  height: 42px;\r\n  line-height: 42px;\r\n  min-width: 185px;\r\n  border: none;\r\n  border-radius: <%=crug2%>px;\r\n  outline: none;\r\n  background-color: <%=main_color%>;\r\n  color: <%=but_col3%>;\r\n  text-align: center;\r\n  font-size: 17px;\r\n  position: relative;\r\n  z-index: 4; }\r\n.popmechanic-desktop #popmechanic-form .popmechanic-buttons .popmechanic-submit .popmechanic-button-content {\r\n  min-width: 87.5px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-thankyou {\r\n  padding: 90px 46px 55px;\r\n  line-height: 1.1; }\r\n\r\n#popmechanic-form .popmechanic-thankyou-title {\r\n      font-size: 30px;\r\n\r\n  padding: 4px 45px 0 0;\r\n  margin: 0 23px 0 0;\r\n  min-height: 45px;\r\n  position: relative;\r\n  font-weight: bold;\r\n}\r\n\r\n#popmechanic-form .popmechanic-icon {\r\n  width: 40px;\r\n  height: 45px;\r\n  position: absolute;\r\n  right: 0;\r\n  top: 0;\r\n}\r\n\r\n#popmechanic-form .popmechanic-thankyou-text {\r\n          font-size: 18px;\r\n\r\n  margin: 30px 0 20px; }\r\n\r\n\r\n\r\n.popmechanic-mobile #popmechanic-form {\r\n  width: 320px; }\r\n\r\n.popmechanic-tablet #popmechanic-form {\r\n  width: <%=width%>px;\r\n  max-width:500px;\r\n    \r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main {\r\n  flex-direction: column; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-column-right {\r\n  order: 1;\r\n  width: 100%;\r\n  height: 140px; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-column-left {\r\n  order: 2;\r\n  position: static;\r\n  padding: 19px 25px 27px;\r\n  width: 100%; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-label {\r\n  position: absolute;\r\n  z-index: 3;\r\n  top: 20px;\r\n  left: 25px;\r\n  margin: 0; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-description-title {\r\n  font-size: <%=font_size_mob%>px;\r\n  margin: 0; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-inputs {\r\n  width: 260px;\r\n  margin: 8px 0 0; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-button {\r\n  margin: 26px auto 0;\r\n  display: block; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou {\r\n  padding: 53px 25px 27px;\r\n  font-size: 18px; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou-title {\r\n  padding: 106px 0 0 0;\r\n  margin: 0;\r\n  \r\n  font-size: 24px; }\r\n.popmechanic-mobile #popmechanic-form .popmechanic-icon {\r\n  width: 64px;\r\n  height: 73px;\r\n  left: 50%;\r\n  margin-left: -32px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou-text, .popmechanic-tablet #popmechanic-form .popmechanic-thankyou-text {\r\n  margin: 30px 0 50px; }\r\n  \r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-buttons {\r\n  margin-top: 26px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-buttons {\r\n\tmargin-top: 24px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-buttons .popmechanic-submit,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-buttons .popmechanic-submit {\r\n  margin-top: 0;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-buttons .popmechanic-submit:last-child {\r\n  margin-top: 12px;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-buttons .popmechanic-submit:last-child {\r\n  margin-top: 13px;\r\n}\r\n\r\n  #popmechanic-form .popmechanic-checkbox-block {\r\n  position: relative;\r\n  display: block;\r\n  font-size: 11px;\r\n  line-height: 1.2;\r\n  font-weight: 400;\r\n  text-align: left;\r\n  color: #000;\r\n  padding: 0 0 0 25px;\r\n  margin: 20px 0 0 0;\r\n  width: 100%; }\r\n  #popmechanic-form .popmechanic-checkbox-block .popmechanic-link {\r\n    color: #000;\r\n    text-decoration: underline;\r\n    transition: all .3s; }\r\n  #popmechanic-form .popmechanic-checkbox-block:before {\r\n    content: '';\r\n    position: absolute;\r\n    top: -1px;\r\n    left: 0;\r\n    width: 16px;\r\n    height: 16px;\r\n    border: 1px solid #a5a5a5; }\r\n\r\n#popmechanic-form .popmechanic-checkbox-check {\r\n  position: absolute;\r\n  top: 4px;\r\n  left: 5px;\r\n  z-index: 2;\r\n  width: 8px;\r\n  height: 8px;\r\n  background-color: #3f3f3f;\r\n  opacity: 0;\r\n  transition: all .3s; }\r\n\r\n#popmechanic-form .popmechanic-checkbox {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 20px;\r\n  z-index: 3;\r\n  width: 20px;\r\n  height: 20px;\r\n  opacity: 0; }\r\n  #popmechanic-form .popmechanic-checkbox:checked ~ .popmechanic-checkbox-check {\r\n    opacity: 1; }\r\n\r\n/* LOGIC */\r\n#popmechanic-form .popmechanic-thankyou {\r\n  display: none; }\r\n\r\n.popmechanic-success #popmechanic-form .popmechanic-main {\r\n  display: none; }\r\n\r\n.popmechanic-success #popmechanic-form .popmechanic-thankyou {\r\n  display: block; }", "button": "", "on_show": "", "on_close": "", "embed_code": "", "behaviors": ["post-text", "humble", "lead", "partscreen"], "template_type": "popup-subscribe", "need_reset": true, "parameters": [], "on_targeting_ready": "", "on_child_ready": ""}, {"id": 2036, "html": "<div class=\"popmechanic-reset\" id=\"popmechanic-form\">\r\n\r\n    <div class=\"popmechanic-main\">\r\n        <div class=\"popmechanic-promo\" style=\"background-image:url('<%=img1%>');\">\r\n            <img  class=\"popmechanic-promo_img\">\r\n        </div>\r\n        <div class=\"popmechanic-content\">\r\n            <div class=\"popmechanic-title\">\r\n                <%=text1%>\r\n            </div>\r\n            <div class=\"popmechanic-text\"><%=text2%></div>\r\n            <div class=\"popmechanic-inputs\">\r\n                <%\r\n                for (var i = 0; i < fields_list.length; i++) {\r\n                    var field = fields_list[i];\r\n                    var required = \"data-popmechanic-\" + (field.required ? \"required\" : \"unrequired\");\r\n                    if (!field) continue;\r\n                        switch (field.type) {\r\n                    case \"text\":\r\n                %>\r\n                <div class=\"popmechanic-input_block\">\r\n                    <input\r\n                            type=\"text\"\r\n                            class=\"popmechanic-input\"\r\n                            data-popmechanic-input=\"customs.fields_list.<%= field.machine_name %>\"\r\n                            placeholder=\"<%= field.placeholder %>\"\r\n                            <%= required %>\r\n                    >\r\n                    <% if (field.show_error_message) { %>\r\n                        <span class=\"popmechanic-error\"><%= field.error_message_text %></span>\r\n                    <% } %>\r\n                </div>\r\n                <%\r\n                    break;\r\n                    case \"name\":\r\n                    case \"phone\":\r\n                %>\r\n                <div class=\"popmechanic-input_block\">\r\n                    <input\r\n                            type=\"text\"\r\n                            class=\"popmechanic-input\"\r\n                            data-popmechanic-input=\"<%= field.machine_name %>\"\r\n                            placeholder=\"<%= field.placeholder %>\"\r\n                            <%= required %>\r\n                    >\r\n                    <% if (field.show_error_message) { %>\r\n                        <span class=\"popmechanic-error\"><%= field.error_message_text %></span>\r\n                    <% } %>\r\n                </div>\r\n                <%\r\n                    break;\r\n                case \"email\":\r\n                %>\r\n                <div class=\"popmechanic-input_block\">\r\n                    <input\r\n                            type=\"email\"\r\n                            class=\"popmechanic-input\"\r\n                            data-popmechanic-input=\"<%= field.machine_name %>\"\r\n                            placeholder=\"<%= field.placeholder %>\"\r\n                            <%= required %>\r\n                    >\r\n                    <% if (field.show_error_message) { %>\r\n                        <span class=\"popmechanic-error\"><%= field.error_message_text %></span>\r\n                    <% } %>\r\n                </div>\r\n                <%\r\n                    break;\r\n                case \"number\":\r\n                %>\r\n                <div class=\"popmechanic-input_block\">\r\n                    <input\r\n                            type=\"number\"\r\n                            class=\"popmechanic-input\"\r\n                            data-popmechanic-input=\"customs.fields_list.<%= field.machine_name %>\"\r\n                            placeholder=\"<%= field.placeholder %>\"\r\n                            <%= required %>\r\n                    >\r\n                    <% if (field.show_error_message) { %>\r\n                        <span class=\"popmechanic-error\"><%= field.error_message_text %></span>\r\n                    <% } %>\r\n                </div>\r\n                <%\r\n                    break;\r\n                case \"date\":\r\n                %>\r\n                <div class=\"popmechanic-input_block\">\r\n                    <input\r\n                            data-popmechanic-type=\"date\"\r\n                            class=\"popmechanic-input\"\r\n                            data-popmechanic-input=\"customs.fields_list.<%= field.machine_name %>\"\r\n                            placeholder=\"<%= field.placeholder %>\"\r\n                            <%= required %>\r\n                    >\r\n                    <% if (field.show_error_message) { %>\r\n                        <span class=\"popmechanic-error\"><%= field.error_message_text %></span>\r\n                    <% } %>\r\n                </div>\r\n                <%\r\n                    break;\r\n                case \"select\":\r\n                %>\r\n                <div class=\"popmechanic-input_block\">\r\n                    <select class=\"popmechanic-input\"\r\n                            data-popmechanic-input=\"customs.fields_list.<%= field.machine_name %>\" <%= required %>>\r\n                        <%\r\n                        if (field.placeholder) {\r\n                        %>\r\n                            <option value=\"\" selected disabled><%= field.placeholder %></option>\r\n                        <%\r\n                        }\r\n                        for (var oi = 0; oi < field.params.options.length; oi++) {\r\n                            var opt = field.params.options[oi];\r\n                        %>\r\n                        <option value=\"<%= opt %>\"><%= opt %></option>\r\n                        <%\r\n                        }\r\n                        %>\r\n                    </select>\r\n                    <% if (field.show_error_message) { %>\r\n                        <span class=\"popmechanic-error\"><%= field.error_message_text %></span>\r\n                    <% } %>\r\n                </div>\r\n                <%\r\n                    break;\r\n                case \"checkbox\":\r\n                %>\r\n                <label class=\"popmechanic-checkbox-block\">\r\n                    <input\r\n                            type=\"checkbox\"\r\n                            class=\"popmechanic-checkbox\"\r\n                            <%= field.params.checked ? \"checked\" : \"\" %>\r\n                            data-popmechanic-input=\"customs.fields_list.<%= field.machine_name %>\"\r\n                            <%= field.required ? \"data-popmechanic-required\" : \"\" %>\r\n                            value=\"1\"\r\n                    >\r\n                    <div class=\"popmechanic-checkbox-check\"></div>\r\n                    <%\r\n                        print(field.label);\r\n                    if (field.params.show_link) {\r\n                    %>\r\n                        <a target=\"_blank\" class=\"popmechanic-link\"\r\n                           href=\"<%= field.params.link_href %>\"><%= field.params.link_text %></a> <%= field.params.text_after_link %>\r\n                    <%\r\n                    }\r\n                    %>\r\n                </label>\r\n                <%\r\n                    break;\r\n                case \"submit\":\r\n                %>\r\n                <div class=\"popmechanic-submits\">\r\n                <% if (field.params.submits_count === 1) { %>\r\n                    <button\r\n                            type=\"button\"\r\n                            name=\"button\"\r\n                            class=\"popmechanic-submit\"\r\n                            data-popmechanic-submit\r\n                    ><%= field.params.submit1_text %></button>\r\n                <% } else { %>\r\n                    <button\r\n                            type=\"button\"\r\n                            name=\"button\"\r\n                            onclick=\"PopMechanic.customs['fields_list.<%=field.machine_name%>'] = '<%=field.params.submit1_value%>'\"\r\n                            class=\"popmechanic-submit\"\r\n                            data-popmechanic-submit\r\n                    ><%= field.params.submit1_text %></button>\r\n                    <button\r\n                            type=\"button\"\r\n                            name=\"button\"\r\n                            onclick=\"PopMechanic.customs['fields_list.<%=field.machine_name%>'] = '<%=field.params.submit2_value%>'\"\r\n                            class=\"popmechanic-submit\"\r\n                            data-popmechanic-submit\r\n                    ><%= field.params.submit2_text %></button>\r\n                <% } %>\r\n                </div>\r\n                <%\r\n                    break;\r\n                    default:\r\n                }\r\n                } %>\r\n            </div>\r\n        </div>\r\n    </div>\r\n\r\n    <div class=\"popmechanic-thankyou\">\r\n        <div class=\"popmechanic-promo\" style=\"background-image:url('<%=img2%>');\">\r\n            <img  class=\"popmechanic-promo_img\">\r\n        </div>\r\n        <div class=\"popmechanic-content\">\r\n            <img src=\"<%=img3%>\" class=\"popmechanic-success_img\">\r\n            <div class=\"popmechanic-title\"> <%=text3%></div>\r\n            <div class=\"popmechanic-text\"><%=text4%></div>\r\n            <button type=\"button\" name=\"button\" class=\"popmechanic-submit\" data-popmechanic-close><%=cl_text1%></button>\r\n        </div>\r\n    </div>\r\n\r\n    <div class=\"popmechanic-close\" data-popmechanic-close>&times;</div>\r\n\r\n<% \r\ntry {\r\n  show_legal_text_below_form = show_legal_text_below_form;\r\n} catch (e) { show_legal_text_below_form = 0 }\r\ntry {\r\n  below_form_legal_text = below_form_legal_text;\r\n} catch (e) { below_form_legal_text = \"\" }\r\n%>\r\n<% if(parseInt(show_legal_text_below_form) && below_form_legal_text) { %>\r\n  <div style=\"position: absolute; top: 100%; left: 0; right: 0; color: white; text-align: center; display: block;\"><%=below_form_legal_text%></div>\r\n<% } %>\r\n\r\n</div>\r\n</div>\r\n</div>", "css": "<% try {\r\n\tfont_custom_show = font_custom_show;\r\n\tfont_custom = font_custom;\r\n\t} catch (e) {\r\n\t\tfont_custom_show = 0;\r\n\t\tfont_custom = 'Circe, Arial, sans-serif';\r\n\t}\r\n%>\r\n\r\n<% if(!parseInt(font_custom_show)) { %>\r\n\t@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');\r\n<% } %>\r\n\r\n@font-face {\r\n\t\tfont-family: 'Aizel';\r\n\t\tsrc: url(\"https://static.popmechanic.io/media/user-media/aizel/one/fonts/aizel-display-ext-caps.eot?\") format(\"eot\"), url(\"https://static.popmechanic.io/media/user-media/aizel/one/fonts/aizel-display-ext-caps.woff\") format(\"woff\"), url(\"https://static.popmechanic.io/media/user-media/aizel/one/fonts/aizel-display-ext-caps.ttf\") format(\"truetype\");\r\n\t\tfont-weight: 400; }\r\n\r\n\r\n.popmechanic-reset,\r\n.popmechanic-reset * {\r\n\t\tline-height: inherit;\r\n\t\tbox-sizing: border-box; }\r\n#popmechanic-form {\r\n\t\tposition: relative;\r\n\t\tdisplay: inline-block;\r\n\t\tvertical-align: top;\r\n\t\tmargin: 0;\r\n\t\tpadding: 0; }\r\n#popmechanic-form .popmechanic-close {\r\n\t\tposition: absolute;\r\n\t\tz-index: 99;\r\n\t\ttop: 18px;\r\n\t\tright: 18px;\r\n\t\twidth: 21px;\r\n\t\theight: 21px;\r\n\t\tfont-size: 0;\r\n\t\tcolor: transparent;\r\n\t\tbackground-color: transparent;\r\n\t\tborder: none;\r\n\t\tborder-radius: 50%;\r\n\t\tcursor: pointer;\r\n\t\toutline: none;\r\n\t\ttransform: rotate(45deg);\r\n\t\ttransition: all .3s; }\r\n#popmechanic-form .popmechanic-close:hover {\r\n\t\ttransform: rotate(45deg) scale(1.1); }\r\n#popmechanic-form .popmechanic-close:before, #popmechanic-form .popmechanic-close:after {\r\n\t\tcontent: '';\r\n\t\tposition: absolute;\r\n\t\ttop: 10px;\r\n\t\tleft: 0;\r\n\t\twidth: 100%;\r\n\t\theight: 2px;\r\n\t\tbackground-color: <%=cl_col%>; }\r\n#popmechanic-form .popmechanic-close:after {\r\n\t\ttransform: rotate(90deg); }\r\n#popmechanic-form .popmechanic-main, #popmechanic-form .popmechanic-thankyou {\r\n\t\twidth: 740px;\r\n\t\tmin-height: 400px;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: row;\r\n\t\tflex-wrap: nowrap;\r\n\t\tjustify-content: space-between;\r\n\t\talign-content: stretch;\r\n\t\talign-items: stretch;\r\n\t\tbackground-color: <%=bg_col%>; }\r\n#popmechanic-form .popmechanic-promo {\r\n\t\tflex: 0 1 330px;\r\n\t\tbackground-size: cover;\r\n\t\tbackground-position: 50% 50%; }\r\n#popmechanic-form .popmechanic-content {\r\n\t\tpadding: 43px 30px 50px 47px;\r\n\t\tflex: 0 1 410px;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\tflex-wrap: nowrap;\r\n\t\tjustify-content: center;\r\n\t\talign-content: stretch;\r\n\t\talign-items: flex-start; }\r\n#popmechanic-form .popmechanic-title {\r\n\t\tfont-size: <%=text_size1%>px;\r\n\t\tline-height: <%=line%>;\r\n\t\tfont-weight: 400;\r\n\t\tcolor: <%=text_col1%>;\r\n\t\t<% if (parseInt(showText1)) { %>\r\n\t\t\ttext-align: center ;\r\n\t\t<% } %>\r\n\t\t<% if(parseInt(font_custom_show)) { %>\r\n\t\t\tfont-family: <%= font_custom %>;\r\n\t\t<% } else { %>\r\n\t\t\tfont-family: <%= font1 %>;\r\n\t\t<% } %>\r\n\r\n}\r\n#popmechanic-form .popmechanic-text {\r\n\t\tfont-size: <%=text_size2%>px;\r\n\t\tline-height: <%=line%>;\r\n\t\tfont-weight: 300;\r\n\t\tletter-spacing: .2px;\r\n\t\tcolor: <%=text_col2%>;\r\n\t\tmargin: 12px 0 0;\r\n\t\twidth: 100%;\r\n\t\tmax-width: 100%;\r\n\t\t<% if (parseInt(showText1)) { %>\r\n\t\t\ttext-align: center ;\r\n\t\t<% } %>\r\n\t\t<% if(parseInt(font_custom_show)) { %>\r\n\t\t\tfont-family: <%= font_custom %>;\r\n\t\t<% } else { %>\r\n\t\t\tfont-family: <%= font2 %>;\r\n\t\t<% } %>\r\n\t}\r\n#popmechanic-form .popmechanic-inputs {\r\n\t\twidth: 310px;\r\n\t\tmargin: 7px 0 0; }\r\n#popmechanic-form .popmechanic-input_block {\r\n\t\tmin-height: 65px;\r\n\t\tposition: relative;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\tflex-wrap: nowrap;\r\n\t\tjustify-content: flex-end;\r\n\t\talign-content: stretch;\r\n\t\talign-items: flex-start; }\r\n#popmechanic-form .popmechanic-input {\r\n\t\torder: 2;\r\n\t\twidth: 100%;\r\n\t\theight: 50px;\r\n\t\tborder: 1px solid #d8d8d8;\r\n\t\toutline: none;\r\n\t\ttext-align: center;\r\n\t\tfont-size: 15px;\r\n\t\tline-height: 1;\r\n\t\tfont-weight: 300;\r\n\t\tcolor: #787878;\r\n\t\ttransition: all .3s;\r\n\t\t<% if(parseInt(font_custom_show)) { %>\r\n\t\t\tfont-family: <%= font_custom %>;\r\n\t\t<% } else { %>\r\n\t\t\tfont-family: <%= font2 %>;\r\n\t\t<% } %>\r\n\t}\r\n#popmechanic-form .popmechanic-input::placeholder {\r\n\t\topacity: 1;\r\n\t\tcolor: #787878;\r\n\t\ttransition: all .3s; }\r\n#popmechanic-form .popmechanic-input:focus {\r\n\t\tcolor: #202020;\r\n\t\tborder-color: #202020; }\r\n#popmechanic-form .popmechanic-input:focus::placeholder {\r\n\t\topacity: 0; }\r\n#popmechanic-form .popmechanic-input.popmechanic-invalid {\r\n\t\tborder-color: #f00;\r\n\t\tcolor: #f00; }\r\n#popmechanic-form .popmechanic-input.popmechanic-invalid::placeholder {\r\n\t\tcolor: #f00; }\r\n#popmechanic-form .popmechanic-input.popmechanic-invalid ~ .popmechanic-error {\r\n\t\tdisplay: block;\r\n\t\twidth: 100%; }\r\n#popmechanic-form .popmechanic-error {\r\n\t\torder: 1;\r\n\t\tfont-size: 10px;\r\n\t\tline-height: 1;\r\n\t\tfont-weight: 300;\r\n\t\tcolor: #f00;\r\n\t\tdisplay: none;\r\n\t\ttext-align: right;\r\n\t\tmargin: 10px 0 3px;\r\n\t\t<% if(parseInt(font_custom_show)) { %>\r\n\t\t\tfont-family: <%= font_custom %>;\r\n\t\t<% } else { %>\r\n\t\t\tfont-family: <%= font2 %>;\r\n\t\t<% } %>\r\n\t}\r\n#popmechanic-form .popmechanic-submits {\r\n\t\tmargin: 18px 0 0;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: row;\r\n\t\tflex-wrap: nowrap;\r\n\t\tjustify-content: space-between;\r\n\t\talign-content: stretch;\r\n\t\talign-items: flex-start; }\r\n#popmechanic-form .popmechanic-submit {\r\n\t\twidth: 100%;\r\n\t\tflex-shrink: 1;\r\n\t\theight: 50px;\r\n\t\tborder: 1px solid <%=but_col1%>;\r\n\t\toutline: none;\r\n\t\tfont-size: 15px;\r\n\t\tline-height: 1;\r\n\t\tfont-weight: 300;\r\n\t\tcolor: <%=bg_col2%>;\r\n\t\tbackground-color:  <%=but_col1%>;\r\n\t\tcursor: pointer;\r\n\t\ttransition: all .3s;\r\n\t\t<% if(parseInt(font_custom_show)) { %>\r\n\t\t\tfont-family: <%= font_custom %>;\r\n\t\t<% } else { %>\r\n\t\t\tfont-family: <%= font2 %>;\r\n\t\t<% } %>\r\n\t}\r\n#popmechanic-form .popmechanic-submit:not(:last-child) {\r\n\t\tmargin-right: 10px;\r\n}\r\n#popmechanic-form .popmechanic-submit:hover {\r\n\t\tcolor: <%=but_col1%>;\r\n\t\tbackground: <%=bg_col%>; }\r\n#popmechanic-form .popmechanic-checkbox-block {\r\n\t\tposition: relative;\r\n\t\tdisplay: block;\r\n\t\tfont-weight: 300;\r\n\t\tfont-size: <%=check_size1%>px;\r\n\t\tline-height: 1.6;\r\n\t\ttext-align: left;\r\n\t\tcolor: <%=chek_col%>;\r\n\t\tpadding: 0 0 0 27px;\r\n\t\tmargin: 25px auto 0;\r\n\t\twidth: 100%;\r\n\t\t<% if(parseInt(font_custom_show)) { %>\r\n\t\t\tfont-family: <%= font_custom %>;\r\n\t\t<% } else { %>\r\n\t\t\tfont-family: <%= font2 %>;\r\n\t\t<% } %>\r\n\t}\r\n#popmechanic-form .popmechanic-checkbox-block a {\r\n\t\tcolor: <%=chek_col%>;\r\n\t\ttext-decoration: underline; }\r\n#popmechanic-form .popmechanic-checkbox-block:before {\r\n\t\tcontent: '';\r\n\t\tposition: absolute;\r\n\t\ttop: 2px;\r\n\t\tleft: 3px;\r\n\t\tbox-sizing: border-box;\r\n\t\twidth: 15px;\r\n\t\theight: 15px;\r\n\t\tborder: 1px solid #d8d8d8; }\r\n#popmechanic-form .popmechanic-checkbox-check {\r\n\t\tposition: absolute;\r\n\t\ttop: 5px;\r\n\t\tleft: 6px;\r\n\t\tz-index: 2;\r\n\t\twidth: 9px;\r\n\t\theight: 9px;\r\n\t\tbackground-color:<%=but_col1%>;\r\n\t\topacity: 0;\r\n\t\ttransition: all .3s; }\r\n#popmechanic-form .popmechanic-checkbox {\r\n\t\tposition: absolute;\r\n\t\ttop: 0;\r\n\t\tleft: 20px;\r\n\t\tz-index: 3;\r\n\t\twidth: 20px;\r\n\t\theight: 20px;\r\n\t\topacity: 0; }\r\n#popmechanic-form .popmechanic-checkbox:checked ~ .popmechanic-checkbox-check {\r\n\t\topacity: 1; }\r\n#popmechanic-form .popmechanic-success_img {\r\n\t\twidth: 88px;\r\n\t\theight: auto;\r\n\t\tmargin: 0 0 35px; }\r\n#popmechanic-form .popmechanic-thankyou .popmechanic-content {\r\n\t\ttext-align: center;\r\n\t\tdisplay: block;\r\n\t\tpadding: 98px 47px; }\r\n#popmechanic-form .popmechanic-thankyou .popmechanic-submit {\r\n\t\twidth: auto;\r\n\t\tpadding: 0 45px;\r\n\t\tmargin: 40px 0 0; }\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-main, .popmechanic-tablet #popmechanic-form .popmechanic-thankyou {\r\n\t\twidth: 526px; }\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-promo {\r\n\t\tflex: 0 1 264px;\r\n\t\twidth: 264px; }\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-content {\r\n\t\tflex: 0 1 262px;\r\n\t\twidth: 262px;\r\n\t\tpadding: 47px 33px; }\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-title {\r\n\t\tfont-size: <%=text_size_mob1%>px; }\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-text {\r\n\t\tfont-size: <%=text_size_mob2%>px; }\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-inputs {\r\n\t\twidth: 100%;\r\n\t\tmargin: 14px 0 0; }\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-input_block {\r\n\t\tmin-height: 55px; }\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-input {\r\n\t\theight: 45px;\r\n\t\tfont-size: 13px; }\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-submits {\r\n\t\tflex-direction: column;\r\n\t\tmargin: 0; }\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-submit {\r\n\t\twidth: 100%;\r\n\t\theight: 45px;\r\n\t\tmargin: 10px 0 0;\r\n\t\tfont-size: 13px; }\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-checkbox-block {\r\n\t\tmargin: 10px 0 0; }\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-thankyou .popmechanic-submit {\r\n\t\tmargin: 30px 0 0; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-close {\r\n\t\ttop: 12px;\r\n\t\tright: 12px; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main, .popmechanic-mobile #popmechanic-form .popmechanic-thankyou {\r\n\t\twidth: 280px;\r\n\t\tmin-height: 300px; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-promo {\r\n\t\tdisplay: none; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-content {\r\n\t\tflex: 0 1 auto;\r\n\t\twidth: 100%;\r\n\t\tpadding: 35px 20px;\r\n\t\ttext-align: center; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-title {\r\n\t\tfont-size: <%=text_size_mob1%>px; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-text {\r\n\t\tfont-size: <%=text_size_mob2%>px;\r\n\t\tmargin: 8px 0 0; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-inputs {\r\n\t\twidth: 100%;\r\n\t\tmargin: 5px 0 0; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-input_block {\r\n\t\tmin-height: 50px; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-input {\r\n\t\theight: 40px; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-submits {\r\n\t\tflex-direction: column;\r\n\t\tmargin: 0; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-submit {\r\n\t\twidth: 100%;\r\n\t\theight: 40px;\r\n\t\tmargin: 10px 0 0;\r\n\t\tfont-size: 13px; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-checkbox-block {\r\n\t\tmargin: 10px 0 0; }\r\n\r\n#popmechanic-form .popmechanic-thankyou {\r\n\t\tdisplay: none; }\r\n\r\n.popmechanic-success #popmechanic-form .popmechanic-main {\r\n\t\tdisplay: none; }\r\n\r\n.popmechanic-success #popmechanic-form .popmechanic-thankyou {\r\n\t\tdisplay: flex; }", "button": "", "on_show": "", "on_close": "", "embed_code": "", "behaviors": ["post-text", "humble", "lead", "partscreen"], "template_type": "popup-subscribe", "need_reset": true, "parameters": [], "on_targeting_ready": "", "on_child_ready": ""}, {"id": 2260, "html": "<div class=\"popmechanic-reset\"\r\n\t\t id=\"popmechanic-form\">\r\n\t<div class=\"popmechanic-main\">\r\n\t\t<div class=\"popmechanic-container\">\r\n\t\t\t<% if (desktop && parseInt(img_show_desk)) { %>\r\n\t\t\t<div class=\"popmechanic-image\"></div>\r\n\t\t\t<% } %>\r\n\t\t\t<% if (!desktop && parseInt(img_show_mob)) { %>\r\n\t\t\t<div class=\"popmechanic-image\"></div>\r\n\t\t\t<% } %>\r\n\t\t\t<div class=\"popmechanic-content\">\r\n\t\t\t\t<div class=\"popmechanic-header\">\r\n\t\t\t\t\t<% if(title_1) { %>\r\n\t\t\t\t\t<div class=\"popmechanic-title\"><%= title_1 %></div>\r\n\t\t\t\t\t<% } %>\r\n\t\t\t\t\t<% if(subtitle_1) { %>\r\n\t\t\t\t\t<div class=\"popmechanic-subtitle\"><%\r\n                        var balance = 0;\r\n                        var total = 0;\r\n                                                         \r\n                        if (cart.length) {\r\n                           total = PopMechanic._.reduce(\r\n                             cart,\r\n                             function (total, productLine) {\r\n                               total += productLine.priceOfLine || productLine.pricePerItem * productLine.count || 0;\r\n\r\n                               return total;\r\n                             },\r\n                             0\r\n                           );\t                                 \r\n                        } else if (popmechanicCart) {\r\n                           total = parseInt(popmechanicCart.totalWithDiscount, 10);                            \r\n                        }       \r\n                        \r\n                        var summNumber = parseInt(summ, 10); \r\n                        balance = (total < summNumber) ? summNumber - total : \"\";                                 \r\n                                                         \r\n                    \ttry {\r\n                          print(PopMechanic._.template(subtitle_1)({ balance: balance }));\r\n                        } catch (_err) {};\r\n                    %></div>\r\n\t\t\t\t\t<% } %>\r\n\t\t\t\t</div>\r\n\r\n\t\t\t\t<% if(parseInt(btn_show)) { %>\r\n\r\n\t\t\t\t<% if(btn_action === \"form\") { %>\r\n\t\t\t\t<a id=\"popmechanic-js-form-open\"\r\n\t\t\t\t\t class=\"popmechanic-button\"\r\n\t\t\t\t\t data-popmechanic-submit\r\n\t\t\t\t\t data-popmechanic-close><%= btn_text %></a>\r\n\t\t\t\t<% } %>\r\n\r\n\t\t\t\t<% if(btn_action === \"link\") { %>\r\n\t\t\t\t<a href=\"<%= btn_url %>\"\r\n\t\t\t\t\t class=\"popmechanic-button\"\r\n\t\t\t\t\t data-popmechanic-close\r\n\t\t\t\t\t <%= parseInt(btn_blank) ? 'target=\"_blank\"' : '' %>\r\n\t\t\t\t\t data-popmechanic-submit><%= btn_text %></a>\r\n\t\t\t\t<% } %>\r\n\r\n\t\t\t\t<% if(btn_action === \"close\") { %>\r\n\t\t\t\t<a class=\"popmechanic-button\"\r\n\t\t\t\t\t data-popmechanic-close><%= btn_text %></a>\r\n\t\t\t\t<% } %>\r\n\r\n\t\t\t\t<% } %>\r\n\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n\r\n\t<% if (parseInt(close_show)) { %>\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(font_custom_show)) { %>\r\n  @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;700&family=Roboto:wght@300;400;500;700&display=swap');\r\n<% } %>\r\n\r\n<%\r\nfunction 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-reset, .popmechanic-reset * {\r\n\tbox-sizing: border-box;\r\n\tmargin: 0;\r\n\tfont-size: 16px;\r\n\tline-height: normal;\r\n}\r\n.popmechanic-reset::before,\r\n.popmechanic-reset::after,\r\n.popmechanic-reset *::before,\r\n.popmechanic-reset *::after {\r\n\tbox-sizing: border-box;\r\n}\r\n.popmechanic-reset A,\r\n.popmechanic-reset * A {\r\n\tcolor: inherit;\r\n\tfont-size: inherit;\r\n}\r\n.popmechanic-reset BUTTON,\r\n.popmechanic-reset * BUTTON {\r\n\tdisplay: block;\r\n\theight: auto;\r\n\tpadding: 0;\r\n\tborder: 0;\r\n\tborder-radius: 0;\r\n\tbackground: none;\r\n\tword-break: break-word;\r\n\toverflow-wrap: break-word;\r\n\tfont-family: inherit;\r\n\tfont-size: inherit;\r\n\tcursor: pointer;\r\n\t-webkit-appearance: none;\r\n\tappearance: none;\r\n}\r\n\r\n#popmechanic-form {\r\n\tposition: relative !important;\r\n\tdisplay: inline-block;\r\n\tvertical-align: middle;\r\n\t<% if(parseInt(font_custom_show)) { %>\r\n\t\tfont-family: <%= font_custom %>;\r\n\t<% } else { %>\r\n\t\tfont-family: <%= font_family %>;\r\n\t<% } %>\r\n}\r\n#popmechanic-form .popmechanic-main {\r\n\tposition: relative;\r\n\tdisplay: flex;\r\n\twidth: 100%;\r\n}\r\n#popmechanic-form .popmechanic-container {\r\n\tdisplay: flex;\r\n\twidth: 100%;\r\n\tmax-width: 100%;\r\n\toverflow: hidden;\r\n\tborder: 0 solid <%= border_color %>;\r\n\tborder-radius: <%= border_radius %>px;\r\n\tbackground-color: rgba(<%= hexToRgb(bg_color) %>, <%= bg_transparency %>);\r\n\t<% if(parseInt(shadow_show)) { %>\r\n\t\tbox-shadow: 0 0 <%= shadow_size %>px rgba(0, 0, 0, 0.25);\r\n\t<% } %>\r\n}\r\n\r\n<% if(parseInt(img_show_desk) || parseInt(img_show_mob)) { %>\r\n\t#popmechanic-form .popmechanic-image {\r\n\t\tflex-shrink: 0;\r\n\t\twidth: 100%;\r\n\t\tbackground-size: cover;\r\n\t\tbackground-repeat: no-repeat;\r\n\t}\r\n<% } %>\r\n#popmechanic-form .popmechanic-content {\r\n\tmax-width: 100%;\r\n}\r\n#popmechanic-form .popmechanic-header {\r\n\tword-break: break-word;\r\n\toverflow-wrap: break-word;\r\n}\r\n#popmechanic-form .popmechanic-title {\r\n\tcolor: <%= title_color %>;\r\n\tfont-weight: <%= title_fw %>;\r\n\tline-height: 1;\r\n}\r\n#popmechanic-form .popmechanic-subtitle {\r\n\tcolor: <%= subtitle_color %>;\r\n\tfont-weight: <%= subtitle_fw %>;\r\n\tline-height: 1.4;\r\n}\r\n#popmechanic-form .popmechanic-subtitle span {\r\n\tfont-family: inherit;\r\n\tfont-weight: <%= subtitle_accent_fw %>;\r\n\tcolor: <%= subtitle_accent_color %>;\r\n}\r\n#popmechanic-form .popmechanic-button {\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\tmax-width: 100%;\r\n\toverflow: hidden;\r\n\tpadding: 0.5em;\r\n\tborder: <%= btn_border_width %>px solid <%= btn_border_color %>;\r\n\tborder-radius: <%= btn_border_radius %>px;\r\n\tbackground-color: <%= btn_bg_color %>;\r\n\tcolor: <%= btn_text_color %>;\r\n\ttext-decoration: none;\r\n\tfont-weight: 500;\r\n\tline-height: 1;\r\n\t-webkit-user-select: none;\r\n\t-ms-user-select: none;\r\n\tuser-select: none;\r\n\ttransition-property: background-color, color, border-color;\r\n\ttransition-duration: 0.2s;\r\n\ttransition-timing-function: ease-in-out;\r\n}\r\n@media (hover: hover) {\r\n\t#popmechanic-form .popmechanic-button:hover,\r\n\t#popmechanic-form .popmechanic-button:focus {\r\n\t\tbackground-color: <%= btn_bg_color_hov %>;\r\n\t\tcolor: <%= btn_text_color_hov %>;\r\n\t\tborder-color: <%= btn_border_color_hov %>;\r\n\t}\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-main {\r\n\twidth: <%= width_desk %>px;\r\n\tmin-height: <%= height_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-container {\r\n\talign-items: center;\r\n\tborder-width: <%= border_width_desk %>px;\r\n}\r\n<% if(parseInt(img_show_desk)) { %>\r\n\t.popmechanic-desktop #popmechanic-form .popmechanic-image {\r\n\t\tmax-width: <%= img_width_desk %>px;\r\n\t\tmin-height: 100%;\r\n\t\tbackground-image: url(<%= img_src_desk %>);\r\n\t\tbackground-position: <%= img_position_desk %>;\r\n\t}\r\n<% } %>\r\n.popmechanic-desktop #popmechanic-form .popmechanic-content {\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n\talign-items: flex-start;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\tpadding: <%= padding_y_desk %>px <%= padding_x_desk %>px;\r\n\t<% if(parseInt(close_show)) { %>\r\n\t\tpadding-right: <%= +padding_x_desk + +close_size_desk %>px;\r\n\t<% } %>\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-title {\r\n\tmargin-bottom: 12px;\r\n\tfont-size: <%= title_fs_desk %>px;\r\n\ttext-align: <%= title_align_desk %>;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-subtitle {\r\n\tfont-size: <%= subtitle_fs_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-subtitle span {\r\n\tfont-size: <%= subtitle_accent_fs_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-button {\r\n\tmin-width: <%= btn_width_desk %>px;\r\n\tmin-height: <%= btn_height_desk %>px;\r\n\tmargin-top: 25px;\r\n\tfont-size: <%= btn_fs_desk %>px;\r\n\t<% if (btn_position_desk === 'left') { %>\r\n\t\tmargin-right: auto;\r\n\t<% } else if (btn_position_desk === 'right') { %>\r\n\t\tmargin-left: auto;\r\n\t<% } else { %>\r\n\t\tmargin-right: auto;\r\n\t\tmargin-left: auto;\r\n\t<% } %>\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-main, .popmechanic-mobile #popmechanic-form .popmechanic-main {\r\n\twidth: <%= width_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-container,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-container {\r\n\tflex-direction: column;\r\n\tborder-width: <%= border_width_mob %>px;\r\n}\r\n<% if(parseInt(img_show_mob)) { %>\r\n\t.popmechanic-tablet #popmechanic-form .popmechanic-image,\r\n\t.popmechanic-mobile #popmechanic-form .popmechanic-image {\r\n\t\tmin-height: <%= img_height_mob %>px;\r\n\t\tbackground-image: url(<%= parseInt(img_same) ? img_src_desk : img_src_mob %>);\r\n\t\tbackground-position: <%= img_position_mob %>;\r\n\t}\r\n<% } %>\r\n.popmechanic-tablet #popmechanic-form .popmechanic-content,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-content {\r\n\tpadding: <%= padding_y_mob %>px <%= padding_x_mob %>px;\r\n\t<% if(parseInt(close_show) && !parseInt(img_show_mob)) { %>\r\n\t\tpadding-right: <%= +padding_x_mob + +close_size_mob %>px;\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: 12px;\r\n\tfont-size: <%= title_fs_mob %>px;\r\n\ttext-align: <%= title_align_mob %>;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-subtitle,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-subtitle {\r\n\tfont-size: <%= subtitle_fs_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-subtitle span,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-subtitle span {\r\n\tfont-size: <%= subtitle_accent_fs_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-button,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-button {\r\n\tmax-width: <%= btn_width_mob %>px;\r\n\tmin-height: <%= btn_height_mob %>px;\r\n\tmargin-top: 25px;\r\n\tfont-size: <%= btn_fs_mob %>px;\r\n\t<% if (btn_position_mob === 'left') { %>\r\n\t\tmargin-right: auto;\r\n\t<% } else if (btn_position_mob === 'right') { %>\r\n\t\tmargin-left: auto;\r\n\t<% } else { %>\r\n\t\tmargin-right: auto;\r\n\t\tmargin-left: auto;\r\n\t<% } %>\r\n}\r\n\r\n<% if (parseInt(close_show)) { %>\r\n\t#popmechanic-form .popmechanic-close {\r\n\t\tposition: absolute;\r\n\t\tz-index: 40;\r\n\t\tcursor: pointer;\r\n\t}\r\n\t#popmechanic-form .popmechanic-close::before,\r\n\t#popmechanic-form .popmechanic-close::after {\r\n\t\tcontent: \"\";\r\n\t\tposition: absolute;\r\n\t\ttop: 50%;\r\n\t\tleft: 50%;\r\n\t\twidth: 100%;\r\n\t\theight: 2px;\r\n\t\tborder-radius: 2px;\r\n\t\ttransform: translate(-50%, -50%) rotate(45deg);\r\n\t\ttransition-property: transform;\r\n\t\ttransition-duration: 0.2s;\r\n\t\ttransition-timing-function: ease-in-out;\r\n\t}\r\n\t#popmechanic-form .popmechanic-close::after {\r\n\t\ttransform: translate(-50%, -50%) rotate(135deg);\r\n\t}\r\n\t@media (hover: hover) {\r\n\t\t#popmechanic-form .popmechanic-close:hover::before,\r\n\t\t#popmechanic-form .popmechanic-close:focus::before {\r\n\t\t\ttransform: translate(-50%, -50%) rotate(135deg);\r\n\t\t}\r\n\t\t#popmechanic-form .popmechanic-close:hover::after,\r\n\t\t#popmechanic-form .popmechanic-close:focus::after {\r\n\t\t\ttransform: translate(-50%, -50%) rotate(225deg);\r\n\t\t}\r\n\t}\r\n\t.popmechanic-desktop #popmechanic-form .popmechanic-close {\r\n\t\ttop: <%= padding_y_desk %>px;\r\n\t\tright: <%= padding_x_desk %>px;\r\n\t\twidth: <%= close_size_desk %>px;\r\n\t\theight: <%= close_size_desk %>px;\r\n\t\t<% if(parseInt(close_bg_show_desk)) { %>\r\n\t\t\tbackground-color: rgba(<%= hexToRgb(close_bg_color_desk) %>, <%= close_bg_transparency %>);\r\n\t\t<% } else { %>\r\n\t\t\tbackground-color: rgba(255, 255, 255, 0);\r\n\t\t<% } %>\r\n\t}\r\n\t.popmechanic-desktop #popmechanic-form .popmechanic-close::before,\r\n\t.popmechanic-desktop #popmechanic-form .popmechanic-close::after {\r\n\t\tbackground-color: <%= close_color_desk %>;\r\n\t}\r\n\t.popmechanic-tablet #popmechanic-form .popmechanic-close,\r\n\t.popmechanic-mobile #popmechanic-form .popmechanic-close {\r\n\t\tright: <%= padding_x_mob %>px;\r\n\t\twidth: <%= close_size_mob %>px;\r\n\t\theight: <%= close_size_mob %>px;\r\n\t\t<% if(parseInt(close_bg_show_mob)) { %>\r\n\t\t\tbackground-color: rgba(<%= hexToRgb(close_bg_color_mob) %>, <%= close_bg_transparency %>);\r\n\t\t<% } else { %>\r\n\t\t\tbackground-color: rgba(255, 255, 255, 0);\r\n\t\t<% } %>\r\n\t\t<% if (!parseInt(img_show_mob)) { %>\r\n\t\t\ttop: <%= padding_y_mob %>px;\r\n\t\t<% } else { %>\r\n\t\t\ttop: 20px;\r\n\t\t<% } %>\r\n\t}\r\n\t.popmechanic-tablet #popmechanic-form .popmechanic-close::before,\r\n\t.popmechanic-tablet #popmechanic-form .popmechanic-close::after,\r\n\t.popmechanic-mobile #popmechanic-form .popmechanic-close::before,\r\n\t.popmechanic-mobile #popmechanic-form .popmechanic-close::after {\r\n\t\tbackground-color: <%= close_color_mob %>;\r\n\t}\r\n<% } %>", "button": "", "on_show": "<% if (!!parseInt(btn_form_id)) { %>\r\n  PopMechanic.$('#popmechanic-js-form-open').on('click', function (e) {\r\n  e.preventDefault();\r\n  setTimeout(function(){PopMechanic.show(<%= btn_form_id %>, true)}, 300);})\r\n<% } %>", "on_close": "", "embed_code": "", "behaviors": ["partscreen", "info", "cart"], "template_type": "partscreen", "need_reset": true, "parameters": [], "on_targeting_ready": "", "on_child_ready": ""}], "button_templates": [], "integrations": [{"id": 38829, "form": 46839, "filter": null, "filter_type": null, "account": 35803, "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-46839", "subscriptions": [{"pointOfContact": "Email"}]}, {"id": 38841, "form": 46386, "filter": null, "filter_type": null, "account": 35803, "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-46386", "subscriptions": [{"pointOfContact": "Email"}]}, {"id": 38865, "form": 47160, "filter": null, "filter_type": null, "account": 35803, "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-47160", "subscriptions": [{"pointOfContact": "Email"}]}, {"id": 37891, "form": 46386, "filter": null, "filter_type": null, "account": 35803, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-46386-show", "click_operation": "popmechanic-popup-46386-click", "targeting_operation": "popmechanic-popup-46386-targeting"}, {"id": 38481, "form": 46839, "filter": null, "filter_type": null, "account": 35803, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-46839-show", "click_operation": "popmechanic-popup-46839-click", "targeting_operation": "popmechanic-popup-46839-targeting"}, {"id": 38866, "form": 47160, "filter": null, "filter_type": null, "account": 35803, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-47160-show", "click_operation": "popmechanic-popup-47160-click", "targeting_operation": "popmechanic-popup-47160-targeting"}, {"id": 41804, "form": 49119, "filter": null, "filter_type": null, "account": 35803, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-49119-show", "click_operation": "popmechanic-popup-49119-click", "targeting_operation": "popmechanic-popup-49119-targeting"}, {"id": 113845, "form": 96976, "filter": null, "filter_type": null, "account": 35803, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-96976-show", "click_operation": "popmechanic-popup-96976-click", "targeting_operation": "popmechanic-popup-96976-targeting"}, {"id": 113907, "form": 97019, "filter": null, "filter_type": null, "account": 35803, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-97019-show", "click_operation": "popmechanic-popup-97019-click", "targeting_operation": "popmechanic-popup-97019-targeting"}], "settings": {"hide_copyright": true, "premium": true}, "frequency": {"minimal_timeout": null, "session": 6, "day": null, "week": null, "month": null}, "global_ab_tests": [], "ip": "1.1.1.1", "contacts": [], "geo": null}