{"forms": [{"id": 97338, "template": 2814, "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://selectel.ru/blog"], "operator": "$in_contains"}], "operator": "$and"}, {"id": "4", "name": "$or", "nodes": [{"id": "5", "field": "form_seen", "value": {"forms": [83719], "interval": 7}, "operator": "$never"}, {"id": "6", "field": "form_seen", "value": {"forms": [83719], "interval": 2592000}, "operator": "$after"}], "operator": "$or"}, {"id": "7", "name": "$or", "nodes": [{"id": "8", "field": "form_seen", "value": {"forms": [95160], "interval": 7}, "operator": "$never"}, {"id": "9", "field": "form_seen", "value": {"forms": [95160], "interval": 2592000}, "operator": "$after"}], "operator": "$or"}], "operator": "$and"}}, "settings_splits": [{"settings": {"btn_fw": "400", "title_1": "", "title_2": "", "title_3": "\u041f\u043e\u0434\u043f\u0438\u0448\u0438\u0442\u0435\u0441\u044c \u043d\u0430 \u0434\u0430\u0439\u0434\u0436\u0435\u0441\u0442 Selectel", "answer_1": "", "answer_2": "", "answer_3": "", "answer_4": "", "answer_5": "", "bg_color": "#ffffff", "input_fw": "400", "title_fw": "500", "title_lh": "1.1", "variants": "5", "tnx_title": "\u0421\u043f\u0430\u0441\u0438\u0431\u043e \u0437\u0430 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0443.", "width_mob": "320", "btn_1_text": "", "btn_fs_mob": "14", "height_mob": "300", "subtitle_1": "", "subtitle_2": "\u041f\u043e\u0434\u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a", "subtitle_3": "\u0420\u0430\u0437 \u0432 \u043c\u0435\u0441\u044f\u0446 \u043e\u0442\u043f\u0440\u0430\u0432\u043b\u044f\u0435\u043c \u043f\u0438\u0441\u044c\u043c\u043e \u0441 \u0441\u0430\u043c\u044b\u043c \u043f\u043e\u043b\u0435\u0437\u043d\u044b\u043c: \u043f\u0438\u0448\u0435\u043c \u043e \u0437\u0430\u043f\u0443\u0441\u043a\u0435 \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u043e\u0432, \u0434\u0435\u043b\u0438\u043c\u0441\u044f \u0432\u0430\u043a\u0430\u043d\u0441\u0438\u044f\u043c\u0438, \u0437\u0430\u043f\u0438\u0441\u044f\u043c\u0438 \u0432\u0435\u0431\u0438\u043d\u0430\u0440\u043e\u0432 \u0438 \u0441\u0442\u0430\u0442\u044c\u044f\u043c\u0438.", "width_desk": "645.00", "bg_img_show": "1", "btn_fs_desk": "15", "bts_gap_mob": "8", "checkbox_fs": "10", "checkbox_lh": "1.50", "close_color": "#092433", "close_width": "2.00", "fields_list": [{"name": "Email", "type": "email", "params": {}, "required": true, "placeholder": "Email*", "machine_name": "email", "error_message_text": "\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0432\u0430\u0448 Email", "show_error_message": true}, {"name": "Policy", "type": "checkbox", "label": "\u0421\u043e\u0433\u043b\u0430\u0448\u0430\u044e\u0441\u044c \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 \u0432 \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0438\u0438 ", "params": {"checked": true, "options": [], "link_href": "https://files.selectel.ru/docs/ru/personal-data-processing-and-protection-policy.pdf?_gl=1*gqh2p8*_ga*MTE4MzI3OTQ5LjE2OTgzMTU3MzAu*_ga_H3R3VJH01B*MTcxMzI1NzI5My4xMTkuMS4xNzEzMjU5NDI0LjUxLjAuMA..", "link_text": "c \u041f\u043e\u043b\u0438\u0442\u0438\u043a\u043e\u0439", "show_link": true, "submit1_text": "", "submit2_text": "", "submit1_value": "", "submit2_value": "", "submits_count": 1, "text_after_link": ""}, "required": true, "placeholder": "", "machine_name": "policy", "error_message_text": "\u041d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e \u0432\u0430\u0448\u0435 \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", "show_error_message": true}, {"name": "\u041a\u043d\u043e\u043f\u043a\u0430", "type": "submit", "params": {"submit1_text": "\u041f\u043e\u0434\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f", "submits_count": 1}, "machine_name": "button"}], "font_custom": "Manrope", "font_family": "Inter, sans-serif", "height_desk": "400.00", "img_src_mob": "https://i.ibb.co/CKydNSx/c611eadaffe10f541f37a13e602ab1323de897bd94d8064ad55d9b6dd3ccc628.jpg", "shadow_blur": "10", "shadow_show": "0", "subtitle_fw": "400", "subtitle_lh": "1.3", "title_color": "#092433", "tnx_btn_url": "#", "border_color": "#000", "btn_bg_color": "#EB4247", "bts_gap_desk": "8", "hide_screens": "3", "img_src_desk": "https://i.ibb.co/CKydNSx/c611eadaffe10f541f37a13e602ab1323de897bd94d8064ad55d9b6dd3ccc628.jpg", "input_fs_mob": "12", "input_mb_mob": "6", "shadow_color": "#000", "title_fs_mob": "20", "title_mb_mob": "12", "title_show_1": "1", "title_show_2": "0", "title_show_3": "1", "tnx_btn_show": "1", "tnx_btn_text": "\u0412 \u0410\u043a\u0430\u0434\u0435\u043c\u0438\u044e", "tnx_subtitle": "\u0420\u0430\u0434\u044b, \u0447\u0442\u043e \u0432\u044b \u0441 \u043d\u0430\u043c\u0438!", "checkbox_size": "18.00", "close_bg_show": "0", "input_comment": "", "input_fs_desk": "15", "input_mb_desk": "8.00", "padding_x_mob": "30", "padding_y_mob": "35", "shadow_spread": "0", "title_fs_desk": "26", "title_mb_desk": "12", "tnx_btn_blank": "1", "tnx_width_mob": "280", "btn_height_mob": "34", "btn_text_color": "#fff", "close_bg_color": "#fff", "close_size_mob": "20", "height_fix_mob": "0", "input_bg_color": "#fff", "padding_x_desk": "50", "padding_y_desk": "90.00", "subtitle_color": "#092433", "tnx_btn_action": "close", "tnx_title_show": "1", "tnx_width_desk": "200", "bg_transparency": "1", "btn_height_desk": "44.00", "btn_width_mob_1": "280", "btn_width_mob_2": "280", "btn_width_mob_3": "280", "close_pos_x_mob": "12", "close_pos_y_mob": "12", "close_size_desk": "30.00", "height_fix_desk": "0", "input_width_mob": "200", "shadow_offset_x": "0", "shadow_offset_y": "0", "subtitle_fs_mob": "12", "subtitle_mb_mob": "15", "subtitle_show_1": "1", "subtitle_show_2": "0", "subtitle_show_3": "1", "title_pos_x_mob": "center", "border_width_mob": "0", "btn_bg_color_hov": "#FFFFFF", "btn_border_color": "#000", "btn_border_width": "0.00", "btn_width_desk_1": "190", "btn_width_desk_2": "170", "btn_width_desk_3": "200", "checkbox_padding": "2", "close_pos_x_desk": "12", "close_pos_y_desk": "12", "font_custom_show": "1", "input_height_mob": "30", "input_text_color": "#092433", "input_width_desk": "50.00", "subtitle_fs_desk": "15", "subtitle_mb_desk": "24", "title_pos_x_desk": "center", "border_radius_mob": "12", "border_width_desk": "0", "btn_border_radius": "7.00", "btn_padding_x_mob": "10", "checkbox_bg_color": "#fff", "close_padding_mob": "2", "input_error_color": "#d4351c", "input_height_desk": "51.00", "tnx_subtitle_show": "1", "tnx_width_fix_mob": "1", "border_radius_desk": "12", "btn_padding_x_desk": "10", "btn_text_color_hov": "#EB4247", "close_padding_desk": "2", "input_border_color": "#000", "input_border_width": "0", "input_text_pos_mob": "left", "subtitle_pos_x_mob": "center", "tnx_width_fix_desk": "1", "btn_width_fix_mob_1": "1", "btn_width_fix_mob_2": "1", "btn_width_fix_mob_3": "1", "checkbox_text_color": "#092433", "checkbox_tick_color": "#092433", "close_border_radius": "0", "input_border_radius": "6.00", "input_padding_x_mob": "12", "input_text_pos_desk": "left", "input_width_fix_mob": "0", "shadow_transparency": "0.5", "subtitle_pos_x_desk": "center", "btn_before_filling_1": "1", "btn_before_filling_2": "1", "btn_border_color_hov": "#333", "btn_width_fix_desk_1": "0", "btn_width_fix_desk_2": "1", "btn_width_fix_desk_3": "1", "input_comment_mb_mob": "16", "input_padding_x_desk": "12", "input_width_fix_desk": "0", "checkbox_bg_color_act": "#ffffff", "checkbox_border_color": "#bfccd4", "checkbox_border_width": "0.00", "close_bg_transparency": "0.5", "input_comment_mb_desk": "16", "checkbox_border_radius": "3.00", "input_border_color_hov": "#333", "input_comment_required": "1", "checkbox_link_underline": "1", "input_placeholder_color": "#9a9a9a", "input_comment_error_show": "1", "input_comment_height_mob": "90", "checkbox_border_color_act": "#ffffff", "checkbox_border_color_hov": "#ffffff", "input_comment_height_desk": "90", "input_comment_error_message": ""}, "button_settings": {}, "conditions_splits": [{"conditions": {"mouseleave": "1"}, "combinator": "and", "id": 204483}], "id": 96746, "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": 20, "element_position": "right", "horizontal_offset": 20, "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": "Popup 10.1.3 Academy \u2014 \u041f\u043e\u0434\u043f\u0438\u0441\u043a\u0430 \u043d\u0430 \u0434\u0430\u0439\u0434\u0436\u0435\u0441\u0442 (\u043f\u0440\u0438 \u0437\u0430\u043a\u0440\u044b\u0442\u0438\u0438)", "active": true, "embed_selector": false, "selector": "", "placement": "start", "frequency": {"once_lifetime": false, "once_session": false, "priority": false, "minimal_timeout": 2592000}, "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-97872.png?ts=1725540673502&id=e6ea5964-7fd8-4a7e-9db8-daadabd6df1c", "rendered_button_preview": null, "settings": {"btn_fw": "400", "title_1": "", "title_2": "", "title_3": "\u041f\u043e\u0434\u043f\u0438\u0448\u0438\u0442\u0435\u0441\u044c \u043d\u0430 \u0434\u0430\u0439\u0434\u0436\u0435\u0441\u0442 Selectel", "answer_1": "", "answer_2": "", "answer_3": "", "answer_4": "", "answer_5": "", "bg_color": "#ffffff", "input_fw": "400", "title_fw": "500", "title_lh": "1.1", "variants": "5", "tnx_title": "\u0421\u043f\u0430\u0441\u0438\u0431\u043e \u0437\u0430 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0443.", "width_mob": "320", "btn_1_text": "", "btn_fs_mob": "14", "height_mob": "300", "subtitle_1": "", "subtitle_2": "\u041f\u043e\u0434\u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a", "subtitle_3": "\u0420\u0430\u0437 \u0432 \u043c\u0435\u0441\u044f\u0446 \u043e\u0442\u043f\u0440\u0430\u0432\u043b\u044f\u0435\u043c \u043f\u0438\u0441\u044c\u043c\u043e \u0441 \u0441\u0430\u043c\u044b\u043c \u043f\u043e\u043b\u0435\u0437\u043d\u044b\u043c: \u043f\u0438\u0448\u0435\u043c \u043e \u0437\u0430\u043f\u0443\u0441\u043a\u0435 \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u043e\u0432, \u0434\u0435\u043b\u0438\u043c\u0441\u044f \u0432\u0430\u043a\u0430\u043d\u0441\u0438\u044f\u043c\u0438, \u0437\u0430\u043f\u0438\u0441\u044f\u043c\u0438 \u0432\u0435\u0431\u0438\u043d\u0430\u0440\u043e\u0432 \u0438 \u0441\u0442\u0430\u0442\u044c\u044f\u043c\u0438.", "width_desk": "645.00", "bg_img_show": "1", "btn_fs_desk": "15", "bts_gap_mob": "8", "checkbox_fs": "10", "checkbox_lh": "1.50", "close_color": "#092433", "close_width": "2.00", "fields_list": [{"name": "Email", "type": "email", "params": {}, "required": true, "placeholder": "Email*", "machine_name": "email", "error_message_text": "\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0432\u0430\u0448 Email", "show_error_message": true}, {"name": "Policy", "type": "checkbox", "label": "\u0421\u043e\u0433\u043b\u0430\u0448\u0430\u044e\u0441\u044c \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 \u0432 \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0438\u0438 ", "params": {"checked": true, "options": [], "link_href": "https://files.selectel.ru/docs/ru/personal-data-processing-and-protection-policy.pdf?_gl=1*gqh2p8*_ga*MTE4MzI3OTQ5LjE2OTgzMTU3MzAu*_ga_H3R3VJH01B*MTcxMzI1NzI5My4xMTkuMS4xNzEzMjU5NDI0LjUxLjAuMA..", "link_text": "c \u041f\u043e\u043b\u0438\u0442\u0438\u043a\u043e\u0439", "show_link": true, "submit1_text": "", "submit2_text": "", "submit1_value": "", "submit2_value": "", "submits_count": 1, "text_after_link": ""}, "required": true, "placeholder": "", "machine_name": "policy", "error_message_text": "\u041d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e \u0432\u0430\u0448\u0435 \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", "show_error_message": true}, {"name": "\u041a\u043d\u043e\u043f\u043a\u0430", "type": "submit", "params": {"submit1_text": "\u041f\u043e\u0434\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f", "submits_count": 1}, "machine_name": "button"}], "font_custom": "Manrope", "font_family": "Inter, sans-serif", "height_desk": "400.00", "img_src_mob": "https://i.ibb.co/CKydNSx/c611eadaffe10f541f37a13e602ab1323de897bd94d8064ad55d9b6dd3ccc628.jpg", "shadow_blur": "10", "shadow_show": "0", "subtitle_fw": "400", "subtitle_lh": "1.3", "title_color": "#092433", "tnx_btn_url": "#", "border_color": "#000", "btn_bg_color": "#EB4247", "bts_gap_desk": "8", "hide_screens": "3", "img_src_desk": "https://i.ibb.co/CKydNSx/c611eadaffe10f541f37a13e602ab1323de897bd94d8064ad55d9b6dd3ccc628.jpg", "input_fs_mob": "12", "input_mb_mob": "6", "shadow_color": "#000", "title_fs_mob": "20", "title_mb_mob": "12", "title_show_1": "1", "title_show_2": "0", "title_show_3": "1", "tnx_btn_show": "1", "tnx_btn_text": "\u0412 \u0410\u043a\u0430\u0434\u0435\u043c\u0438\u044e", "tnx_subtitle": "\u0420\u0430\u0434\u044b, \u0447\u0442\u043e \u0432\u044b \u0441 \u043d\u0430\u043c\u0438!", "checkbox_size": "18.00", "close_bg_show": "0", "input_comment": "", "input_fs_desk": "15", "input_mb_desk": "8.00", "padding_x_mob": "30", "padding_y_mob": "35", "shadow_spread": "0", "title_fs_desk": "26", "title_mb_desk": "12", "tnx_btn_blank": "1", "tnx_width_mob": "280", "btn_height_mob": "34", "btn_text_color": "#fff", "close_bg_color": "#fff", "close_size_mob": "20", "height_fix_mob": "0", "input_bg_color": "#fff", "padding_x_desk": "50", "padding_y_desk": "90.00", "subtitle_color": "#092433", "tnx_btn_action": "close", "tnx_title_show": "1", "tnx_width_desk": "200", "bg_transparency": "1", "btn_height_desk": "44.00", "btn_width_mob_1": "280", "btn_width_mob_2": "280", "btn_width_mob_3": "280", "close_pos_x_mob": "12", "close_pos_y_mob": "12", "close_size_desk": "30.00", "height_fix_desk": "0", "input_width_mob": "200", "shadow_offset_x": "0", "shadow_offset_y": "0", "subtitle_fs_mob": "12", "subtitle_mb_mob": "15", "subtitle_show_1": "1", "subtitle_show_2": "0", "subtitle_show_3": "1", "title_pos_x_mob": "center", "border_width_mob": "0", "btn_bg_color_hov": "#FFFFFF", "btn_border_color": "#000", "btn_border_width": "0.00", "btn_width_desk_1": "190", "btn_width_desk_2": "170", "btn_width_desk_3": "200", "checkbox_padding": "2", "close_pos_x_desk": "12", "close_pos_y_desk": "12", "font_custom_show": "1", "input_height_mob": "30", "input_text_color": "#092433", "input_width_desk": "50.00", "subtitle_fs_desk": "15", "subtitle_mb_desk": "24", "title_pos_x_desk": "center", "border_radius_mob": "12", "border_width_desk": "0", "btn_border_radius": "7.00", "btn_padding_x_mob": "10", "checkbox_bg_color": "#fff", "close_padding_mob": "2", "input_error_color": "#d4351c", "input_height_desk": "51.00", "tnx_subtitle_show": "1", "tnx_width_fix_mob": "1", "border_radius_desk": "12", "btn_padding_x_desk": "10", "btn_text_color_hov": "#EB4247", "close_padding_desk": "2", "input_border_color": "#000", "input_border_width": "0", "input_text_pos_mob": "left", "subtitle_pos_x_mob": "center", "tnx_width_fix_desk": "1", "btn_width_fix_mob_1": "1", "btn_width_fix_mob_2": "1", "btn_width_fix_mob_3": "1", "checkbox_text_color": "#092433", "checkbox_tick_color": "#092433", "close_border_radius": "0", "input_border_radius": "6.00", "input_padding_x_mob": "12", "input_text_pos_desk": "left", "input_width_fix_mob": "0", "shadow_transparency": "0.5", "subtitle_pos_x_desk": "center", "btn_before_filling_1": "1", "btn_before_filling_2": "1", "btn_border_color_hov": "#333", "btn_width_fix_desk_1": "0", "btn_width_fix_desk_2": "1", "btn_width_fix_desk_3": "1", "input_comment_mb_mob": "16", "input_padding_x_desk": "12", "input_width_fix_desk": "0", "checkbox_bg_color_act": "#ffffff", "checkbox_border_color": "#bfccd4", "checkbox_border_width": "0.00", "close_bg_transparency": "0.5", "input_comment_mb_desk": "16", "checkbox_border_radius": "3.00", "input_border_color_hov": "#333", "input_comment_required": "1", "checkbox_link_underline": "1", "input_placeholder_color": "#9a9a9a", "input_comment_error_show": "1", "input_comment_height_mob": "90", "checkbox_border_color_act": "#ffffff", "checkbox_border_color_hov": "#ffffff", "input_comment_height_desk": "90", "input_comment_error_message": ""}, "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": 20, "element_position": "right", "horizontal_offset": 20, "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": 83719, "template": 1080, "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://selectel.ru/blog/"], "operator": "$in_contains"}], "operator": "$and"}, {"id": "4", "name": "$or", "nodes": [{"id": "5", "field": "form_seen", "value": {"forms": [95160], "interval": 7}, "operator": "$never"}, {"id": "6", "field": "form_seen", "value": {"forms": [95160], "interval": 2592000}, "operator": "$after"}], "operator": "$or"}, {"id": "7", "name": "$or", "nodes": [{"id": "8", "field": "form_seen", "value": {"forms": [97338], "interval": 7}, "operator": "$never"}, {"id": "9", "field": "form_seen", "value": {"forms": [97338], "interval": 2592000}, "operator": "$after"}], "operator": "$or"}], "operator": "$and"}}, "settings_splits": [{"settings": {"img_top": "https://personalization-web-stable.mindbox.ru/user-media/31068/ab0fe98fe32fa7a48eaf704620db789769b0fb566230c558e5540d2b2557e073.jpg", "pad_top": "80", "title_1": "", "pad_left": "60.00", "btn_color": "#ffffff", "btn_width": "215.00", "form_font": "Arial, Helvetica, sans-serif", "inp_color": "#6c6a6a", "inp_width": "326", "pad_right": "74.00", "sale_text": "", "show_sale": "0", "var_color": "#092433", "btn_1_text": "\u041c\u0423\u0416\u0421\u041a\u0418\u0415", "btn_2_text": "\u0416\u0415\u041d\u0421\u041a\u0418\u0415", "btn_height": "66", "choice_cnt": "8.00", "form_width": "645.00", "inp_height": "67.00", "pad_bottom": "50.00", "sale_color": "#a9042b", "btn_bgcolor": "#EB4247", "close_color": "#092433", "custom_font": "Manrope", "form_bg_img": "https://i.ibb.co/CKydNSx/c611eadaffe10f541f37a13e602ab1323de897bd94d8064ad55d9b6dd3ccc628.jpg", "form_height": "670", "inp_bgcolor": "#ffffff", "pad_top_mob": "30", "placeholder": "email", "show_policy": "1", "sub_title_1": "\u041f\u043e\u0434\u043f\u0438\u0448\u0438\u0442\u0435\u0441\u044c \u043d\u0430 \u043d\u0430\u0448\u0443 \u0440\u0430\u0441\u0441\u044b\u043b\u043a\u0443.
\u041a\u0430\u0436\u0434\u044b\u0439 \u043c\u0435\u0441\u044f\u0446 \u043e\u0442\u043f\u0440\u0430\u0432\u043b\u044f\u0435\u043c \u043b\u0443\u0447\u0448\u0438\u0435 \u0442\u0435\u043a\u0441\u0442\u044b \u0431\u043b\u043e\u0433\u0430, \u0431\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u044b\u0435 \u043a\u0443\u0440\u0441\u044b \u0438 \u0437\u0430\u0434\u0430\u0447\u0438 \u043e\u0442 \u043f\u0440\u0430\u043a\u0442\u0438\u043a\u043e\u0432.", "text_center": "1", "title_color": "#092433", "btn_fontsize": "18.00", "btn_one_text": "\u041e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c", "choice_img_1": "https://personalization-web-stable.mindbox.ru/user-media/5967/3d1ab2a4cf15c6ecd4e3b3a214c27d7262cfd198af9fe81826fccc31ecb05917.png", "choice_img_2": "https://personalization-web-stable.mindbox.ru/user-media/5967/ef2886300f76cdd60d2b03a41bead13f489a23fb88b4c2eeae72cb99b0e85095.jpg", "choice_img_3": "https://personalization-web-stable.mindbox.ru/user-media/5967/86dc1485fb6a8bdeb675d4f55ad690e7add640d23e46d9577ecf6b58df3d3120.png", "choice_img_4": "", "choice_img_5": "", "choice_img_6": "", "choice_img_7": "", "choice_img_8": "", "choice_img_9": "", "choice_int_1": "academypopup_hardwarenews", "choice_int_2": "academypopup_datacenter", "choice_int_3": "academypopup_development", "choice_int_4": "academypopup_networks", "choice_int_5": "academypopup_informationsecurity", "choice_int_6": "academypopup_kubernetes", "choice_int_7": "academypopup_machinelearning", "choice_int_8": "academypopup_softskills", "choice_int_9": "decoration", "inp_fontsize": "16.00", "pad_left_mob": "17", "pad_main_top": "0.00", "policy_color": "#6c6a6a", "show_form_bg": "1", "show_img_top": "0", "show_title_1": "1", "show_title_2": "1", "show_title_3": "1", "thanks_title": "\u0421\u043f\u0430\u0441\u0438\u0431\u043e \u0437\u0430 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0443.", "title_2_text": "\u0425\u043e\u0442\u0438\u0442\u0435 \u043f\u043e\u043b\u0443\u0447\u0430\u0442\u044c \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u044b\u0439 \u043a\u043e\u043d\u0442\u0435\u043d\u0442
\u043d\u0430 \u043f\u043e\u0447\u0442\u0443?", "var_fontsize": "16.00", "btn_two_width": "186", "btn_width_mob": "287", "choiceNoImage": "1", "choice_text_1": "\u041d\u043e\u0432\u0438\u043d\u043a\u0438 \u043d\u0430 \u0440\u044b\u043d\u043a\u0435 \u0436\u0435\u043b\u0435\u0437\u0430", "choice_text_2": "\u0420\u0430\u0431\u043e\u0442\u0430 \u0434\u0430\u0442\u0430-\u0446\u0435\u043d\u0442\u0440\u043e\u0432", "choice_text_3": "\u0420\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0430", "choice_text_4": "\u0421\u0435\u0442\u0438", "choice_text_5": "\u0418\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u043e\u043d\u043d\u0430\u044f \u0431\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u043e\u0441\u0442\u044c", "choice_text_6": "Kubernetes", "choice_text_7": "\u041c\u0430\u0448\u0438\u043d\u043d\u043e\u0435 \u043e\u0431\u0443\u0447\u0435\u043d\u0438\u0435", "choice_text_8": "Soft skills \u0434\u043b\u044f \u0440\u0430\u0431\u043e\u0442\u044b \u0432 IT", "choice_text_9": "", "conf_link_url": "#", "form_bg_color": "#ffffff", "inp_width_mob": "287", "pad_main_left": "32.00", "pad_right_mob": "17", "sale_fontsize": "20.00", "show_screen_2": "1", "title_2_color": "#092433", "btn_height_mob": "50.00", "btn_scr_2_text": "\u0412\u044b\u0431\u0440\u0430\u0442\u044c \u0442\u0435\u043c\u044b", "btn_two_height": "66", "checkbox_color": "#002859", "conf_link_text": "\u041f\u043e\u043b\u0438\u0442\u0438\u043a\u043e\u0439 \u043a\u043e\u043d\u0444\u0438\u0434\u0435\u043d\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u0438", "form_width_mob": "320", "img_top_height": "440", "inp_height_mob": "49", "pad_bottom_mob": "30.00", "pad_main_right": "21.00", "title_fontsize": "26.00", "btn_hover_color": "#ffffff", "choice_only_one": "0", "form_height_mob": "460", "pad_main_bottom": "18.00", "policy_fontsize": "12", "show_thanks_btn": "1", "sub_title_color": "#092433", "thanks_btn_text": "\u0412 \u0410\u043a\u0430\u0434\u0435\u043c\u0438\u044e", "use_custom_font": "1", "btn_fontsize_mob": "14.00", "btn_two_fontsize": "16.00", "form_line_height": "1.5", "inp_fontsize_mob": "12.00", "show_sub_title_1": "1", "show_sub_title_2": "1", "show_sub_title_3": "1", "show_two_buttons": "0", "sub_title_2_text": "\u0412\u044b\u0431\u0435\u0440\u0438\u0442\u0435 \u043e\u0434\u043d\u0443 \u0438\u043b\u0438 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0442\u0435\u043c \u0438\u0437 \u0441\u043f\u0438\u0441\u043a\u0430.", "thanks_sub_title": "\u0420\u0430\u0434\u044b, \u0447\u0442\u043e \u0432\u044b \u0441 \u043d\u0430\u043c\u0438!", "title_2_fontsize": "26.00", "var_fontsize_mob": "12.00", "btn_border_radius": "12.00", "btn_hover_bgcolor": "#092433", "inp_border_radius": "12.00", "sale_fontsize_mob": "10.00", "sub_title_2_color": "#092433", "conf_text_pre_link": "\u042f \u0445\u043e\u0447\u0443 \u043f\u043e\u0434\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f \u043d\u0430 \u0440\u0435\u043a\u043b\u0430\u043c\u043d\u0443\u044e \u0440\u0430\u0441\u0441\u044b\u043b\u043a\u0443 \u0438 \u0441\u043e\u0433\u043b\u0430\u0441\u0435\u043d \u0438", "form_border_radius": "10.00", "img_top_height_mob": "146", "sub_title_fontsize": "26.00", "title_fontsize_mob": "20.00", "conf_text_post_link": "\u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438", "policy_fontsize_mob": "10.00", "form_line_height_mob": "1.5", "sub_title_2_fontsize": "20.00", "title_2_fontsize_mob": "20.00", "inp_placeholder_color": "#b9b9b9", "sub_title_fontsize_mob": "20.00", "sub_title_2_fontsize_mob": "13.00"}, "button_settings": {}, "conditions_splits": [{"conditions": {"session_time": "30"}, "combinator": "and", "id": 196243}], "id": 83127, "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": "Popup 10.1.1 Academy \u2014 \u0421\u0435\u0433\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u044f \u043f\u043e \u0442\u0435\u043c\u0430\u0442\u0438\u043a\u0430\u043c", "active": true, "embed_selector": false, "selector": "", "placement": "start", "frequency": {"once_lifetime": false, "once_session": false, "priority": false, "minimal_timeout": 2592000}, "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-83713.png?ts=1723810179904", "rendered_button_preview": null, "settings": {"img_top": "https://personalization-web-stable.mindbox.ru/user-media/31068/ab0fe98fe32fa7a48eaf704620db789769b0fb566230c558e5540d2b2557e073.jpg", "pad_top": "80", "title_1": "", "pad_left": "60.00", "btn_color": "#ffffff", "btn_width": "215.00", "form_font": "Arial, Helvetica, sans-serif", "inp_color": "#6c6a6a", "inp_width": "326", "pad_right": "74.00", "sale_text": "", "show_sale": "0", "var_color": "#092433", "btn_1_text": "\u041c\u0423\u0416\u0421\u041a\u0418\u0415", "btn_2_text": "\u0416\u0415\u041d\u0421\u041a\u0418\u0415", "btn_height": "66", "choice_cnt": "8.00", "form_width": "645.00", "inp_height": "67.00", "pad_bottom": "50.00", "sale_color": "#a9042b", "btn_bgcolor": "#EB4247", "close_color": "#092433", "custom_font": "Manrope", "form_bg_img": "https://i.ibb.co/CKydNSx/c611eadaffe10f541f37a13e602ab1323de897bd94d8064ad55d9b6dd3ccc628.jpg", "form_height": "670", "inp_bgcolor": "#ffffff", "pad_top_mob": "30", "placeholder": "email", "show_policy": "1", "sub_title_1": "\u041f\u043e\u0434\u043f\u0438\u0448\u0438\u0442\u0435\u0441\u044c \u043d\u0430 \u043d\u0430\u0448\u0443 \u0440\u0430\u0441\u0441\u044b\u043b\u043a\u0443.
\u041a\u0430\u0436\u0434\u044b\u0439 \u043c\u0435\u0441\u044f\u0446 \u043e\u0442\u043f\u0440\u0430\u0432\u043b\u044f\u0435\u043c \u043b\u0443\u0447\u0448\u0438\u0435 \u0442\u0435\u043a\u0441\u0442\u044b \u0431\u043b\u043e\u0433\u0430, \u0431\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u044b\u0435 \u043a\u0443\u0440\u0441\u044b \u0438 \u0437\u0430\u0434\u0430\u0447\u0438 \u043e\u0442 \u043f\u0440\u0430\u043a\u0442\u0438\u043a\u043e\u0432.", "text_center": "1", "title_color": "#092433", "btn_fontsize": "18.00", "btn_one_text": "\u041e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c", "choice_img_1": "https://personalization-web-stable.mindbox.ru/user-media/5967/3d1ab2a4cf15c6ecd4e3b3a214c27d7262cfd198af9fe81826fccc31ecb05917.png", "choice_img_2": "https://personalization-web-stable.mindbox.ru/user-media/5967/ef2886300f76cdd60d2b03a41bead13f489a23fb88b4c2eeae72cb99b0e85095.jpg", "choice_img_3": "https://personalization-web-stable.mindbox.ru/user-media/5967/86dc1485fb6a8bdeb675d4f55ad690e7add640d23e46d9577ecf6b58df3d3120.png", "choice_img_4": "", "choice_img_5": "", "choice_img_6": "", "choice_img_7": "", "choice_img_8": "", "choice_img_9": "", "choice_int_1": "academypopup_hardwarenews", "choice_int_2": "academypopup_datacenter", "choice_int_3": "academypopup_development", "choice_int_4": "academypopup_networks", "choice_int_5": "academypopup_informationsecurity", "choice_int_6": "academypopup_kubernetes", "choice_int_7": "academypopup_machinelearning", "choice_int_8": "academypopup_softskills", "choice_int_9": "decoration", "inp_fontsize": "16.00", "pad_left_mob": "17", "pad_main_top": "0.00", "policy_color": "#6c6a6a", "show_form_bg": "1", "show_img_top": "0", "show_title_1": "1", "show_title_2": "1", "show_title_3": "1", "thanks_title": "\u0421\u043f\u0430\u0441\u0438\u0431\u043e \u0437\u0430 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0443.", "title_2_text": "\u0425\u043e\u0442\u0438\u0442\u0435 \u043f\u043e\u043b\u0443\u0447\u0430\u0442\u044c \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u044b\u0439 \u043a\u043e\u043d\u0442\u0435\u043d\u0442
\u043d\u0430 \u043f\u043e\u0447\u0442\u0443?", "var_fontsize": "16.00", "btn_two_width": "186", "btn_width_mob": "287", "choiceNoImage": "1", "choice_text_1": "\u041d\u043e\u0432\u0438\u043d\u043a\u0438 \u043d\u0430 \u0440\u044b\u043d\u043a\u0435 \u0436\u0435\u043b\u0435\u0437\u0430", "choice_text_2": "\u0420\u0430\u0431\u043e\u0442\u0430 \u0434\u0430\u0442\u0430-\u0446\u0435\u043d\u0442\u0440\u043e\u0432", "choice_text_3": "\u0420\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0430", "choice_text_4": "\u0421\u0435\u0442\u0438", "choice_text_5": "\u0418\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u043e\u043d\u043d\u0430\u044f \u0431\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u043e\u0441\u0442\u044c", "choice_text_6": "Kubernetes", "choice_text_7": "\u041c\u0430\u0448\u0438\u043d\u043d\u043e\u0435 \u043e\u0431\u0443\u0447\u0435\u043d\u0438\u0435", "choice_text_8": "Soft skills \u0434\u043b\u044f \u0440\u0430\u0431\u043e\u0442\u044b \u0432 IT", "choice_text_9": "", "conf_link_url": "#", "form_bg_color": "#ffffff", "inp_width_mob": "287", "pad_main_left": "32.00", "pad_right_mob": "17", "sale_fontsize": "20.00", "show_screen_2": "1", "title_2_color": "#092433", "btn_height_mob": "50.00", "btn_scr_2_text": "\u0412\u044b\u0431\u0440\u0430\u0442\u044c \u0442\u0435\u043c\u044b", "btn_two_height": "66", "checkbox_color": "#002859", "conf_link_text": "\u041f\u043e\u043b\u0438\u0442\u0438\u043a\u043e\u0439 \u043a\u043e\u043d\u0444\u0438\u0434\u0435\u043d\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u0438", "form_width_mob": "320", "img_top_height": "440", "inp_height_mob": "49", "pad_bottom_mob": "30.00", "pad_main_right": "21.00", "title_fontsize": "26.00", "btn_hover_color": "#ffffff", "choice_only_one": "0", "form_height_mob": "460", "pad_main_bottom": "18.00", "policy_fontsize": "12", "show_thanks_btn": "1", "sub_title_color": "#092433", "thanks_btn_text": "\u0412 \u0410\u043a\u0430\u0434\u0435\u043c\u0438\u044e", "use_custom_font": "1", "btn_fontsize_mob": "14.00", "btn_two_fontsize": "16.00", "form_line_height": "1.5", "inp_fontsize_mob": "12.00", "show_sub_title_1": "1", "show_sub_title_2": "1", "show_sub_title_3": "1", "show_two_buttons": "0", "sub_title_2_text": "\u0412\u044b\u0431\u0435\u0440\u0438\u0442\u0435 \u043e\u0434\u043d\u0443 \u0438\u043b\u0438 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0442\u0435\u043c \u0438\u0437 \u0441\u043f\u0438\u0441\u043a\u0430.", "thanks_sub_title": "\u0420\u0430\u0434\u044b, \u0447\u0442\u043e \u0432\u044b \u0441 \u043d\u0430\u043c\u0438!", "title_2_fontsize": "26.00", "var_fontsize_mob": "12.00", "btn_border_radius": "12.00", "btn_hover_bgcolor": "#092433", "inp_border_radius": "12.00", "sale_fontsize_mob": "10.00", "sub_title_2_color": "#092433", "conf_text_pre_link": "\u042f \u0445\u043e\u0447\u0443 \u043f\u043e\u0434\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f \u043d\u0430 \u0440\u0435\u043a\u043b\u0430\u043c\u043d\u0443\u044e \u0440\u0430\u0441\u0441\u044b\u043b\u043a\u0443 \u0438 \u0441\u043e\u0433\u043b\u0430\u0441\u0435\u043d \u0438", "form_border_radius": "10.00", "img_top_height_mob": "146", "sub_title_fontsize": "26.00", "title_fontsize_mob": "20.00", "conf_text_post_link": "\u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438", "policy_fontsize_mob": "10.00", "form_line_height_mob": "1.5", "sub_title_2_fontsize": "20.00", "title_2_fontsize_mob": "20.00", "inp_placeholder_color": "#b9b9b9", "sub_title_fontsize_mob": "20.00", "sub_title_2_fontsize_mob": "13.00"}, "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}], "templates": [{"id": 1080, "html": "
\r\n
\r\n <% if(parseInt(show_title_2)) { %>\r\n
\r\n <%=title_2_text%>\r\n
\r\n <% } %>\r\n <% if(parseInt(show_sub_title_2)) { %>\r\n
\r\n <%=sub_title_2_text%>\r\n
\r\n <% } %>\r\n
popmechanic-layout-2 <% } \r\n else if (parseInt(choice_cnt) <= 4) {%> popmechanic-layout-4 <% } \r\n else { %> popmechanic-choice-no-image-mob <% } %>\r\n <% if(parseInt(choiceNoImage)){ %> popmechanic-choice-no-image popmechanic-choice-no-image-mob <% } %>\">\r\n <% if(parseInt(choice_cnt) >= 1) { %>\r\n \r\n <% } %>\r\n <% if(parseInt(choice_cnt) >= 2) { %>\r\n \r\n <% } %>\r\n <% if(parseInt(choice_cnt) >= 3) { %>\r\n \r\n <% } %>\r\n <% if(parseInt(choice_cnt) >= 4) { %>\r\n \r\n <% } %>\r\n <% if(parseInt(choice_cnt) >= 5) { %>\r\n \r\n <% } %>\r\n <% if(parseInt(choice_cnt) >= 6) { %>\r\n \r\n <% } %>\r\n <% if(parseInt(choice_cnt) >= 7) { %>\r\n \r\n <% } %>\r\n <% if(parseInt(choice_cnt) >= 8) { %>\r\n \r\n <% } %>\r\n <% if(parseInt(choice_cnt) >= 9) { %>\r\n \r\n <% } %>\r\n
\r\n \r\n
\r\n <% if(parseInt(show_screen_2)) { %>\r\n
\r\n
\r\n <% if(parseInt(show_img_top)) { %>\r\n
)\">
\r\n <% } %>\r\n
\r\n <% if(parseInt(show_title_1)) { %>\r\n
\r\n <%=title_1%>\r\n
\r\n <% } %>\r\n <% if(parseInt(show_sale)) { %>\r\n
\r\n <%=sale_text%>\r\n
\r\n <% } %>\r\n <% if(parseInt(show_sub_title_1)) { %>\r\n
\r\n <%=sub_title_1%>\r\n
\r\n <% } %>\r\n
\r\n
\r\n\r\n
\r\n
\r\n \" />\r\n <% if(parseInt(show_two_buttons)) { %>\r\n
\r\n \r\n \r\n
\r\n <% } else {%>\r\n \r\n <% } %>\r\n
\r\n <% if(parseInt(show_policy)) { %>\r\n
\r\n \r\n
\r\n <% } %>\r\n
\r\n
\r\n <% } %>\r\n\r\n\r\n\r\n
\r\n
\r\n <% if(parseInt(show_img_top)) { %>\r\n
)\">
\r\n <% } %>\r\n
\r\n <% if(parseInt(show_title_3)) { %>\r\n
\r\n <%=thanks_title%>\r\n
\r\n <% } %>\r\n <% if(parseInt(show_sub_title_3)) { %>\r\n
\r\n <%=thanks_sub_title%>\r\n
\r\n <% } %>\r\n
\r\n
\r\n\r\n
\r\n
\r\n <% if(parseInt(show_thanks_btn)) { %>\r\n \r\n <% } %>\r\n
\r\n
\r\n
\r\n
×
\r\n
", "css": "<% if(!parseInt(use_custom_font)) { %>\r\n@import url(\"https://fonts.googleapis.com/css?family=Merriweather:100,200,300,400,700,900|Roboto:100,200,300,400,500,700,900&display=swap&subset=cyrillic\");\r\n@import url(\"https://fonts.googleapis.com/css?family=Merriweather:400,700|Open+Sans:100,200,300,400,700,900&subset=cyrillic\");\r\n<% } %>\r\n\r\n#popmechanic-form {\r\n width: <%=form_width%>px;\r\n height: <%=form_height%>px;\r\n background-color: <%=form_bg_color%>;\r\n line-height: <%=form_line_height%>;\r\n border-radius: <%=form_border_radius%>px;\r\n <% if(parseInt(use_custom_font)) { %>\r\n font-family: <%=custom_font%>;\r\n <% } else { %>\r\n font-family: <%=form_font%>;\r\n <% } %>\r\n position: relative;\r\n <% if(parseInt(show_form_bg)) { %>\r\n background: url(<%=form_bg_img%>) center center no-repeat;\r\n background-size: cover;\r\n <% } %>\r\n}\r\n\r\n#popmechanic-form * {\r\n -webkit-box-sizing: border-box;\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n <% if(parseInt(use_custom_font)) { %>\r\n font-family: <%=custom_font%>;\r\n <% } else { %>\r\n font-family: <%=form_font%>;\r\n <% } %>\r\n}\r\n\r\n#popmechanic-form .popmechanic-close {\r\n color: <%=close_color%>;\r\n font-size: 45px;\r\n position: absolute;\r\n top: 0px;\r\n right: 5px;\r\n line-height: 0;\r\n display: -webkit-box;\r\n display: -ms-flexbox;\r\n display: flex;\r\n width: 26px;\r\n height: 30px;\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 cursor: pointer;\r\n z-index: 3;\r\n}\r\n\r\n#popmechanic-form .popmechanic-holder {\r\n height: <%=img_top_height%>px;\r\n width: 100%;\r\n position: relative;\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 -webkit-box-pack: center;\r\n -ms-flex-pack: center;\r\n justify-content: center;\r\n -webkit-box-align: start;\r\n -ms-flex-align: start;\r\n align-items: flex-start;\r\n \r\n <% if(parseInt(text_center)) { %>\r\n padding: 0 20px;\r\n <% } else { %>\r\n padding-left: 62px;\r\n <% } %>\r\n}\r\n\r\n#popmechanic-form .popmechanic-img-top {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n bottom: 0;\r\n right: 0;\r\n height: 100%;\r\n width: 100%;\r\n background-position: center center;\r\n background-repeat: no-repeat;\r\n background-size: cover;\r\n z-index: 1;\r\n border-top-left-radius: <%=form_border_radius%>px;\r\n border-top-right-radius: <%=form_border_radius%>px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-content {\r\n \r\n z-index: 2;\r\n <% if(parseInt(text_center)) { %>\r\n text-align: center;\r\n margin: 0 auto;\r\n max-width: 100%;\r\n <% } else { %>\r\n max-width: 350px;\r\n <% } %>\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: bold;\r\n margin-bottom: 10px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-sale {\r\n font-size: <%=sale_fontsize%>px;\r\n color: <%=sale_color%>;\r\n font-weight: bold;\r\n margin-bottom: 10px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-sub-title {\r\n font-size: <%=sub_title_fontsize%>px;\r\n color: <%=sub_title_color%>;\r\n font-weight: bold;\r\n}\r\n\r\n#popmechanic-form .popmechanic-inputs {\r\n padding-top: <%=pad_main_top%>px;\r\n padding-left: <%=pad_main_left%>px;\r\n padding-right: <%=pad_main_right%>px;\r\n padding-bottom: <%=pad_main_bottom%>px;\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 -webkit-box-align: start;\r\n -ms-flex-align: start;\r\n align-items: flex-start;\r\n width: 100%;\r\n}\r\n\r\n#popmechanic-form .popmechanic-inputs-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 width: 100%;\r\n -ms-flex-negative: 0;\r\n flex-shrink: 0;\r\n margin-bottom: 26px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-input {\r\n -ms-flex-negative: 0;\r\n flex-shrink: 0;\r\n display: block;\r\n width: <%=inp_width%>px;\r\n height: <%=inp_height%>px;\r\n color: <%=inp_color%>;\r\n font-size: <%=inp_fontsize%>px;\r\n background-color: <%=inp_bgcolor%>;\r\n border-radius: <%=inp_border_radius%>px;\r\n border: none;\r\n outline: none;\r\n padding-left: 22px;\r\n -webkit-box-sizing: border-box;\r\n box-sizing: border-box;\r\n font-weight: 300;\r\n}\r\n#popmechanic-form .popmechanic-invalid {\r\n border: 1px solid red;\r\n}\r\n\r\n#popmechanic-form .popmechanic-input::-webkit-input-placeholder {\r\n font-size: <%=inp_fontsize%>px;\r\n color: <%=inp_placeholder_color%>;\r\n}\r\n\r\n#popmechanic-form .popmechanic-input:-ms-input-placeholder {\r\n font-size: <%=inp_fontsize%>px;\r\n color: <%=inp_placeholder_color%>;\r\n}\r\n\r\n#popmechanic-form .popmechanic-input::-ms-input-placeholder {\r\n font-size: <%=inp_fontsize%>px;\r\n color: <%=inp_placeholder_color%>;\r\n}\r\n\r\n#popmechanic-form .popmechanic-input::placeholder {\r\n font-size: <%=inp_fontsize%>px;\r\n color: <%=inp_placeholder_color%>;\r\n}\r\n\r\n#popmechanic-form .popmechanic-buttons {\r\n display: -webkit-box;\r\n display: -ms-flexbox;\r\n display: flex;\r\n}\r\n\r\n#popmechanic-form .popmechanic-buttons .popmechanic-button {\r\n width: <%=btn_two_width%>px;\r\n height: <%=btn_two_height%>px;\r\n font-size: <%=btn_two_fontsize%>px;\r\n margin-left: 20px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-button {\r\n -ms-flex-negative: 0;\r\n flex-shrink: 0;\r\n margin: 0 auto;\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 -webkit-box-pack: center;\r\n -ms-flex-pack: center;\r\n justify-content: center;\r\n width: <%=btn_width%>px;\r\n height: <%=btn_height%>px;\r\n font-size: <%=btn_fontsize%>px;\r\n border-radius: <%=btn_border_radius%>px;\r\n font-weight: 400;\r\n border: none;\r\n outline: none;\r\n color: <%=btn_color%>;\r\n background-color: <%=btn_bgcolor%>;\r\n cursor: pointer;\r\n -webkit-transition: 0.3s;\r\n transition: 0.3s;\r\n}\r\n\r\n#popmechanic-form .popmechanic-button:hover {\r\n color: <%=btn_hover_color%>;\r\n background-color: <%=btn_hover_bgcolor%>;\r\n}\r\n\r\n#popmechanic-form .popmechanic-policy {\r\n font-size: <%=policy_fontsize%>px;\r\n color: <%=policy_color%>;\r\n}\r\n\r\n#popmechanic-form .popmechanic-checkbox-block {\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}\r\n\r\n#popmechanic-form .popmechanic-checkbox-block span {\r\n margin-left: 15px;\r\n -webkit-user-select: none;\r\n -moz-user-select: none;\r\n -ms-user-select: none;\r\n user-select: none;\r\n}\r\n\r\n#popmechanic-form .popmechanic-checkbox-block a {\r\n text-decoration: underline;\r\n color: inherit;\r\n}\r\n\r\n#popmechanic-form .popmechanic-checkbox {\r\n display: block;\r\n width: 0;\r\n height: 0;\r\n visibility: hidden;\r\n opacity: 0;\r\n}\r\n\r\n#popmechanic-form .popmechanic-checkbox-check {\r\n -ms-flex-negative: 0;\r\n flex-shrink: 0;\r\n width: 24px;\r\n height: 24px;\r\n background-color: <%=inp_bgcolor%>;\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 -webkit-box-pack: center;\r\n -ms-flex-pack: center;\r\n justify-content: center;\r\n position: relative;\r\n}\r\n\r\n#popmechanic-form .popmechanic-checkbox-check svg {\r\n opacity: 0;\r\n -webkit-transition: 0.2s;\r\n transition: 0.2s;\r\n}\r\n\r\n#popmechanic-form .popmechanic-checkbox-check svg path {\r\n fill: <%=checkbox_color%>;\r\n}\r\n\r\n#popmechanic-form .popmechanic-checkbox:checked ~ .popmechanic-checkbox-check svg {\r\n opacity: 1;\r\n}\r\n\r\n#popmechanic-form #popmechanic-screen-choice {\r\n padding-top: <%=pad_top%>px;\r\n padding-left: <%=pad_left%>px;\r\n padding-right: <%=pad_right%>px;\r\n padding-bottom: <%=pad_bottom%>px;\r\n text-align: center;\r\n}\r\n\r\n#popmechanic-form #popmechanic-screen-choice .popmechanic-button {\r\n margin-top: 16px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-title-small {\r\n font-size: <%=title_2_fontsize%>px;\r\n color: <%=title_2_color%>;\r\n font-weight: bold;\r\n margin-bottom: 3px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-sub-title-small {\r\n font-size: <%=sub_title_2_fontsize%>px;\r\n color: <%=sub_title_2_color%>;\r\n font-weight: 400;\r\n}\r\n\r\n#popmechanic-form .popmechanic-choice {\r\n width: calc(100% + 22px);\r\n display: -webkit-box;\r\n display: -ms-flexbox;\r\n display: flex;\r\n -ms-flex-wrap: wrap;\r\n flex-wrap: wrap;\r\n -webkit-box-pack: center;\r\n -ms-flex-pack: center;\r\n justify-content: center;\r\n -webkit-box-align: center;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n margin-top: 25px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-choice-item {\r\n border: 1px solid #d6d6d6;\r\n font-size: <%=var_fontsize%>px;\r\n color: <%=var_color%>;\r\n cursor: pointer;\r\n width: calc(100% / 3 - 22px);\r\n margin: 0 11px;\r\n margin-bottom: 15px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-choice-item .popmechanic-checkbox-check {\r\n width: 17px;\r\n height: 17px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-choice-item .popmechanic-checkbox-check svg {\r\n -ms-flex-negative: 0;\r\n flex-shrink: 0;\r\n width: 16px;\r\n height: auto;\r\n margin-left: 6px;\r\n margin-bottom: 2px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-choice-item input[type=\"checkbox\"]:checked\r\n~ .popmechanic-choice-content\r\n.popmechanic-checkbox-check\r\nsvg {\r\n opacity: 1;\r\n}\r\n\r\n#popmechanic-form .popmechanic-choice-item input[type=\"radio\"]\r\n~ .popmechanic-choice-content\r\n.popmechanic-checkbox-check {\r\n border-radius: 50%;\r\n}\r\n\r\n#popmechanic-form .popmechanic-choice-item input[type=\"radio\"]\r\n~ .popmechanic-choice-content\r\n.popmechanic-checkbox-check svg {\r\n display: none;\r\n}\r\n\r\n#popmechanic-form .popmechanic-choice-item input[type=\"radio\"]\r\n~ .popmechanic-choice-content\r\n.popmechanic-checkbox-check::before {\r\n content: \"\";\r\n display: block;\r\n width: 7px;\r\n height: 7px;\r\n background-color: <%=checkbox_color%>;\r\n border-radius: 50%;\r\n opacity: 0;\r\n margin: 0;\r\n padding: 0;\r\n}\r\n\r\n#popmechanic-form .popmechanic-choice-item input[type=\"radio\"]:checked\r\n~ .popmechanic-choice-content\r\n.popmechanic-checkbox-check::before {\r\n opacity: 1;\r\n}\r\n\r\n#popmechanic-form .popmechanic-choice-item input:checked ~ .popmechanic-choice-content .popmechanic-choice-img {\r\n -webkit-filter: grayscale(0);\r\n filter: grayscale(0);\r\n}\r\n#popmechanic-form .popmechanic-choice-item:hover .popmechanic-choice-content .popmechanic-choice-img {\r\n -webkit-filter: grayscale(0);\r\n filter: grayscale(0);\r\n}\r\n\r\n#popmechanic-form .popmechanic-layout-4 {\r\n width: calc(100% + 30px);\r\n margin-left: -15px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-layout-4 .popmechanic-choice-item {\r\n width: calc(100% / 2 - 30px);\r\n margin-left: 15px;\r\n margin-right: 15px;\r\n margin-bottom: 22px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-layout-4 .popmechanic-choice-img {\r\n height: 118px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-layout-4 .popmechanic-checkbox-check {\r\n width: 25px;\r\n height: 25px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-layout-4 .popmechanic-checkbox-check svg {\r\n margin-left: 0;\r\n}\r\n\r\n#popmechanic-form .popmechanic-layout-4 .popmechanic-choice-text {\r\n padding: 12px 10px;\r\n -webkit-user-select: none;\r\n -moz-user-select: none;\r\n -ms-user-select: none;\r\n user-select: none;\r\n}\r\n\r\n#popmechanic-form .popmechanic-layout-2 {\r\n width: calc(100% + 34px);\r\n margin-left: -17px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-layout-2 .popmechanic-choice-item {\r\n width: calc(100% / 2 - 34px);\r\n margin-left: 17px;\r\n margin-right: 17px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-layout-2 .popmechanic-choice-img {\r\n height: 248px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-layout-2 .popmechanic-checkbox-check {\r\n width: 25px;\r\n height: 25px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-layout-2 .popmechanic-checkbox-check svg {\r\n margin-left: 0;\r\n}\r\n\r\n#popmechanic-form .popmechanic-layout-2 .popmechanic-choice-text {\r\n padding: 15px 18px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-choice-no-image {\r\n max-width: 400px;\r\n width: 100%;\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 margin-left: auto;\r\n margin-right: auto;\r\n}\r\n\r\n#popmechanic-form .popmechanic-choice-no-image .popmechanic-choice-item {\r\n border: none;\r\n margin-bottom: 17px;\r\n width: 100%;\r\n}\r\n\r\n#popmechanic-form .popmechanic-choice-no-image .popmechanic-choice-img {\r\n display: none;\r\n}\r\n\r\n#popmechanic-form .popmechanic-choice-no-image .popmechanic-checkbox-check {\r\n margin-right: 15px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-choice-no-image .popmechanic-choice-text {\r\n padding: 0;\r\n}\r\n\r\n#popmechanic-form .popmechanic-choice-no-image .popmechanic-choice-text span {\r\n text-align-last: left;\r\n}\r\n\r\n#popmechanic-form .popmechanic-choice-content {\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 -webkit-box-align: center;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n}\r\n\r\n#popmechanic-form .popmechanic-choice-text {\r\n width: 100%;\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 -webkit-box-pack: justify;\r\n -ms-flex-pack: justify;\r\n justify-content: space-between;\r\n padding: 7px 7px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-choice-text span {\r\n -webkit-box-flex: 1;\r\n -ms-flex: 1;\r\n flex: 1;\r\n text-align: center;\r\n margin-left: 6px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-choice-img {\r\n width: 100%;\r\n height: 79px;\r\n background-position: center center;\r\n background-repeat: no-repeat;\r\n background-size: cover;\r\n -webkit-filter: grayscale(100%);\r\n filter: grayscale(100%);\r\n -webkit-transition: 0.3s;\r\n transition: 0.3s;\r\n}\r\n\r\n#popmechanic-form .popmechanic-thankyou .popmechanic-button {\r\n margin-top: 30px;\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-close {\r\n left: 5px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-holder {\r\n height: auto;\r\n padding: 0;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-content {\r\n padding-top: <%=pad_top_mob%>px;\r\n padding-right: <%=pad_right_mob%>px;\r\n padding-left: <%=pad_left_mob%>px;\r\n text-align: center;\r\n margin-bottom: 8px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-img-top {\r\n position: relative;\r\n height: <%=img_top_height_mob%>px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-title {\r\n font-size: <%=title_fontsize_mob%>px;\r\n margin-bottom: 0px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-sale {\r\n font-size: <%=sale_fontsize_mob%>px;\r\n margin-bottom: 0;\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-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-mobile #popmechanic-form .popmechanic-input::-webkit-input-placeholder {\r\n font-size: <%=inp_fontsize_mob%>px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-input:-ms-input-placeholder {\r\n font-size: <%=inp_fontsize_mob%>px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-input::-ms-input-placeholder {\r\n font-size: <%=inp_fontsize_mob%>px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-input::placeholder {\r\n font-size: <%=inp_fontsize_mob%>px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-inputs {\r\n padding: 0;\r\n padding-right: <%=pad_right_mob%>px;\r\n padding-left: <%=pad_left_mob%>px;\r\n padding-bottom: <%=pad_bottom_mob%>px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-inputs-wrapper {\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 -webkit-box-align: center;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n margin-bottom: 8px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-buttons {\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 -webkit-box-align: center;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n margin-top: 15px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-buttons .popmechanic-button {\r\n width: <%=btn_width_mob%>px;\r\n height: <%=btn_height_mob%>px;\r\n font-size: <%=btn_fontsize_mob%>px;\r\n \r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-buttons .popmechanic-button:first-child {\r\n margin-bottom: 15px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-button {\r\n width: <%=btn_width_mob%>px;\r\n height: <%=btn_height_mob%>px;\r\n font-size: <%=btn_fontsize_mob%>px;\r\n \r\n margin: 0 auto;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main .popmechanic-button {\r\n <% if(!parseInt(show_two_buttons)) { %>\r\n margin-top: 15px;\r\n <% } %>\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-policy {\r\n font-size: <%=policy_fontsize_mob%>px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form #popmechanic-screen-choice {\r\n padding-top: <%=pad_top_mob%>px;\r\n padding-right: <%=pad_right_mob%>px;\r\n padding-left: <%=pad_left_mob%>px;\r\n padding-bottom: <%=pad_bottom_mob%>px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form #popmechanic-screen-choice .popmechanic-button {\r\n margin-top: 0;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-title-small {\r\n font-size: <%=title_2_fontsize_mob%>px;\r\n padding: 0 15px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-sub-title-small {\r\n font-size: <%=sub_title_2_fontsize_mob%>px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-choice {\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 -webkit-box-align: stretch;\r\n -ms-flex-align: stretch;\r\n align-items: stretch;\r\n width: 100%;\r\n margin-left: 0;\r\n margin-right: 0;\r\n margin-top: 10px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-choice-item {\r\n width: 100%;\r\n margin-right: 0;\r\n margin-left: 0;\r\n margin-bottom: 20px;\r\n font-size: <%=var_fontsize_mob%>px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-choice-img {\r\n height: 28px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-choice-text {\r\n padding: 2px 10px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-choice-text span {\r\n text-align: left;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-choice-no-image-mob {\r\n width: 100%;\r\n padding-left: 20px;\r\n margin-right: auto;\r\n margin-left: auto;\r\n margin-bottom: 15px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-choice-no-image-mob .popmechanic-choice-item {\r\n margin-bottom: 8px;\r\n border: none;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-choice-no-image-mob .popmechanic-choice-img {\r\n display: none;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-checkbox-check {\r\n width: 17px;\r\n height: 17px;\r\n margin-right: 25px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-checkbox-check svg {\r\n margin-left: 4px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou .popmechanic-title {\r\n margin-top: 10px;\r\n margin-bottom: 20px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou .popmechanic-sub-title {\r\n margin-bottom: 35px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-thankyou {\r\n display: none;\r\n}\r\n\r\n#popmechanic-form .popmechanic-screen {\r\n display: none;\r\n}\r\n\r\n#popmechanic-form .popmechanic-screen_active {\r\n display: block;\r\n}\r\n\r\n.popmechanic-success #popmechanic-form .popmechanic-screen {\r\n display: none !important;\r\n}\r\n\r\n.popmechanic-success #popmechanic-form .popmechanic-thankyou {\r\n display: block;\r\n}", "button": "", "on_show": "", "on_close": "", "embed_code": "", "behaviors": ["partscreen", "post-text", "lead", "multiscreen"], "template_type": "partscreen-info", "need_reset": true, "parameters": [], "on_targeting_ready": "", "on_child_ready": ""}, {"id": 2814, "html": "<%\r\n\tvar submitDataPopmechanicIfString = function () {\r\n\t\tvar fieldConditions = [];\r\n\t\tfor (var i = 0; i < fields_list.length; i++) {\r\n\t\t\tvar field = fields_list[i];\r\n\t\t\tif (field.required && field.machine_name && field.type !== 'submit') {\r\n\t\t\t\tfieldConditions.push(\"!!lead['\" + (['email', 'name', 'phone'].indexOf(field.type) > -1 ? '' : 'customs.fields_list.') + field.machine_name + \"']\");\r\n\t\t\t}\r\n\t\t}\r\n\t\treturn \"lead&&\" + (fieldConditions.length ? fieldConditions.join(\"&&\") : \"true\");\r\n\t}();\r\n%>\r\n\r\n
\r\n\r\n\t\r\n\t
\"\r\n\t\t\t id=\"popmechanic-first\">\r\n\t\t
\r\n\t\t\t
\r\n\t\t\t\t<% if (parseInt(title_show_1)) { %>\r\n\t\t\t\t
<%= title_1 %>
\r\n\t\t\t\t<% } %>\r\n\t\t\t\t<% if (parseInt(subtitle_show_1)) { %>\r\n\t\t\t\t
<%= subtitle_1 %>
\r\n\t\t\t\t<% } %>\r\n\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t<% if (parseInt(variants) > 2) { %>\r\n\t\t\t\t\t\r\n\t\t\t\t\t<% } %>\r\n\t\t\t\t\t<% if (parseInt(variants) > 3) { %>\r\n\t\t\t\t\t\r\n\t\t\t\t\t<% } %>\r\n\t\t\t\t\t<% if (parseInt(variants) > 4) { %>\r\n\t\t\t\t\t\r\n\t\t\t\t\t<% } %>\r\n\t\t\t\t
\r\n\t\t\t
\r\n\t\t
\r\n\t
\r\n\r\n\t\r\n\t
\"\r\n\t\t\t id=\"popmechanic-second\">\r\n\t\t
\r\n\t\t\t
\r\n\t\t\t\t<% if (parseInt(title_show_2)) { %>\r\n\t\t\t\t
<%= title_2 %>
\r\n\t\t\t\t<% } %>\r\n\t\t\t\t<% if (parseInt(subtitle_show_2)) { %>\r\n\t\t\t\t
<%= subtitle_2 %>
\r\n\t\t\t\t<% } %>\r\n\r\n\t\t\t\t\r\n\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t<% if (parseInt(input_comment_required)) { %>\r\n\t\t\t\t\t
<%= input_comment_error_message %>
\r\n\t\t\t\t\t<% } %>\r\n\t\t\t\t
\r\n\r\n\t\t\t\t
\r\n\t\t\t\t\t\r\n\r\n\t\t\t\t\t<% if (parseInt(btn_before_filling_1) && parseInt(input_comment_required)) { %>\r\n\t\t\t\t\t\r\n\t\t\t\t\t<% } %>\r\n\t\t\t\t
\r\n\r\n\t\t\t
\r\n\t\t
\r\n\t
\r\n\r\n\t\r\n\t
\"\r\n\t\t\t id=\"popmechanic-third\">\r\n\t\t
\r\n\t\t\t
\r\n\t\t\t\t<% if (parseInt(title_show_3)) { %>\r\n\t\t\t\t
<%= title_3 %>
\r\n\t\t\t\t<% } %>\r\n\t\t\t\t<% if (parseInt(subtitle_show_3)) { %>\r\n\t\t\t\t
<%= subtitle_3 %>
\r\n\t\t\t\t<% } %>\r\n\r\n\t\t\t\t
\r\n\t\t\t\t\t<%\r\n\t\t\t\t\t\tfor (var i = 0; i < fields_list.length; i++) {\r\n\t\t\t\t\t\t\tvar field = fields_list[i];\r\n\t\t\t\t\t\t\tvar required = \"data-popmechanic-\" + (field.required ? \"required\" : \"unrequired\");\r\n\t\t\t\t\t\t\tif (!field) continue;\r\n\t\t\t\r\n\t\t\t\t\t\t\tswitch (field.type) {\r\n\t\t\t\t\t\t\tcase \"text\":\r\n\t\t\t\t\t\t%>\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\t\"\r\n\t\t\t\t\t\t\t\t\t placeholder=\"<%= field.placeholder %>\"\r\n\t\t\t\t\t\t\t\t\t <%= required %>>\r\n\t\t\t\t\t\t<% if (field.show_error_message && field.required) { %>\r\n\t\t\t\t\t\t
<%= field.error_message_text %>
\r\n\t\t\t\t\t\t<% } %>\r\n\t\t\t\t\t
\r\n\t\t\t\t\t<%\r\n\t\t\t\t\t\tbreak;\r\n\t\t\t\t\t\tcase \"name\":\r\n\t\t\t\t\t\tcase \"phone\":\r\n\t\t\t\t\t%>\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\t\"\r\n\t\t\t\t\t\t\t\t\t placeholder=\"<%= field.placeholder %>\"\r\n\t\t\t\t\t\t\t\t\t <%= required %>>\r\n\t\t\t\t\t\t<% if (field.show_error_message && field.required) { %>\r\n\t\t\t\t\t\t
<%= field.error_message_text %>
\r\n\t\t\t\t\t\t<% } %>\r\n\t\t\t\t\t
\r\n\t\t\t\t\t<%\r\n\t\t\t\t\t\tbreak;\r\n\t\t\t\t\t\tcase \"email\":\r\n\t\t\t\t\t%>\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\t\"\r\n\t\t\t\t\t\t\t\t\t placeholder=\"<%= field.placeholder %>\"\r\n\t\t\t\t\t\t\t\t\t <%= required %>>\r\n\t\t\t\t\t\t<% if (field.show_error_message && field.required) { %>\r\n\t\t\t\t\t\t
<%= field.error_message_text %>
\r\n\t\t\t\t\t\t<% } %>\r\n\t\t\t\t\t
\r\n\t\t\t\t\t<%\r\n\t\t\t\t\t\tbreak;\r\n\t\t\t\t\t\tcase \"number\":\r\n\t\t\t\t\t%>\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\t\"\r\n\t\t\t\t\t\t\t\t\t placeholder=\"<%= field.placeholder %>\"\r\n\t\t\t\t\t\t\t\t\t <%= required %>>\r\n\t\t\t\t\t\t<% if (field.show_error_message && field.required) { %>\r\n\t\t\t\t\t\t
<%= field.error_message_text %>
\r\n\t\t\t\t\t\t<% } %>\r\n\t\t\t\t\t
\r\n\t\t\t\t\t<%\r\n\t\t\t\t\t\tbreak;\r\n\t\t\t\t\t\tcase \"date\":\r\n\t\t\t\t\t%>\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\t\"\r\n\t\t\t\t\t\t\t\t\t placeholder=\"<%= field.placeholder %>\"\r\n\t\t\t\t\t\t\t\t\t <%= required %>>\r\n\t\t\t\t\t\t<% if (field.show_error_message && field.required) { %>\r\n\t\t\t\t\t\t
<%= field.error_message_text %>
\r\n\t\t\t\t\t\t<% } %>\r\n\t\t\t\t\t
\r\n\t\t\t\t\t<%\r\n\t\t\t\t\t\tbreak;\r\n\t\t\t\t\t\tcase \"select\":\r\n\t\t\t\t\t%>\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\r\n\t\t\t\t\t\t<% if (field.show_error_message && field.required) { %>\r\n\t\t\t\t\t\t
<%= field.error_message_text %>
\r\n\t\t\t\t\t\t<% } %>\r\n\t\t\t\t\t
\r\n\t\t\t\t\t<%\r\n\t\t\t\t\t\tbreak;\r\n\t\t\t\t\t\tcase \"checkbox\":\r\n\t\t\t\t\t%>\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t
\r\n\t\t\t\t\t<%\r\n\t\t\t\t\t\tbreak;\r\n\t\t\t\t\t\tcase \"submit\":\r\n\t\t\t\t\t%>\r\n\t\t\t\t\t<% if (field.params.submits_count === 1) { %>\r\n\t\t\t\t\t\r\n\t\t\t\t\t<% if (parseInt(btn_before_filling_2)) { %>\r\n\t\t\t\t\t\r\n\t\t\t\t\t<% } %>\r\n\t\t\t\t\t<% } else { %>\r\n\t\t\t\t\t
\">\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t\t<% if (parseInt(btn_before_filling_2)) { %>\r\n\t\t\t\t\t
)\">\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t\t<% } %>\r\n\t\t\t\t\t<% }\r\n\t\t\t\t\t\tbreak;\r\n\t\t\t\t\t\tdefault:\r\n\t\t\t\t\t}\r\n\t\t\t\t\t} %>\r\n\t\t\t\t
\r\n\r\n\t\t\t
\r\n\t\t
\r\n\t
\r\n\r\n\t\r\n\t
\r\n\t\t
\r\n\t\t\t
\r\n\t\t\t
\r\n\t\t\t\t<% if (parseInt(tnx_title_show)) { %>\r\n\t\t\t\t
<%= tnx_title %>
\r\n\t\t\t\t<% } %>\r\n\t\t\t\t<% if (parseInt(tnx_subtitle_show)) { %>\r\n\t\t\t\t
<%= tnx_subtitle %>
\r\n\t\t\t\t<% } %>\r\n\r\n\t\t\t\t<% if (parseInt(tnx_btn_show)) { %>\r\n\t\t\t\t<% if (tnx_btn_action === \"link\") { %>\r\n\t\t\t\t\"\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(tnx_btn_blank) ? 'target=\"_blank\"' : \"\" %>><%= tnx_btn_text %>\r\n\t\t\t\t<% } else { %>\r\n\t\t\t\t\r\n\t\t\t\t<% } %>\r\n\t\t\t\t<% } %>\r\n\t\t\t
\r\n\t\t
\r\n\t
\r\n\r\n\t\r\n\t
\r\n
", "css": "<% if(!parseInt(font_custom_show)) { %>\r\n\t@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Roboto:wght@300;400;500;700&display=swap');\r\n<% } %>\r\n\r\n<%\tfunction hexToRgb(hex) {\r\n\treturn hex.replace(/^#?([a-f\\d])([a-f\\d])([a-f\\d])$/i, function (m, r, g, b) {\r\n\t\treturn \"#\".concat(r).concat(r).concat(g).concat(g).concat(b).concat(b);\r\n\t}).substring(1).match(/.{2}/g).map(function (x) {\r\n\t\treturn parseInt(x, 16);\r\n\t});\r\n};\r\n%>\r\n\r\n.popmechanic-reset,\r\n.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 *:not(.popmechanic-input-hidden):focus,\r\n.popmechanic-reset *:focus + .popmechanic-checkbox-check,\r\n.popmechanic-reset * *:not(.popmechanic-input-hidden):focus,\r\n.popmechanic-reset * *:focus + .popmechanic-checkbox-check {\r\n\toutline: none;\r\n\tbox-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(<%= hexToRgb(btn_bg_color) %>, 0.5);\r\n}\r\n.popmechanic-reset IMG,\r\n.popmechanic-reset svg,\r\n.popmechanic-reset * IMG,\r\n.popmechanic-reset * svg {\r\n\tdisplay: block;\r\n\twidth: 100%;\r\n\tmax-width: 100%;\r\n\theight: auto;\r\n\tmax-height: 100%;\r\n}\r\n.popmechanic-reset TEXTAREA,\r\n.popmechanic-reset INPUT,\r\n.popmechanic-reset BUTTON,\r\n.popmechanic-reset * TEXTAREA,\r\n.popmechanic-reset * INPUT,\r\n.popmechanic-reset * BUTTON {\r\n\tdisplay: block;\r\n\tpadding: 0;\r\n\tborder: 0;\r\n\tborder-radius: 0;\r\n\tbackground: none;\r\n\tbox-shadow: none;\r\n\tcolor: inherit;\r\n\ttext-align: inherit;\r\n\tword-break: break-word;\r\n\toverflow-wrap: break-word;\r\n\tfont-family: inherit;\r\n\tfont-size: inherit;\r\n\t-webkit-appearance: none;\r\n\t\t -moz-appearance: none;\r\n\t\t\t\t\tappearance: none;\r\n}\r\n.popmechanic-reset TEXTAREA::-webkit-input-placeholder,\r\n.popmechanic-reset INPUT::-webkit-input-placeholder,\r\n.popmechanic-reset * TEXTAREA::-webkit-input-placeholder,\r\n.popmechanic-reset * INPUT::-webkit-input-placeholder {\r\n\tfont-style: normal;\r\n\topacity: 1;\r\n}\r\n.popmechanic-reset TEXTAREA::-ms-input-placeholder,\r\n.popmechanic-reset INPUT::-ms-input-placeholder,\r\n.popmechanic-reset * TEXTAREA::-ms-input-placeholder,\r\n.popmechanic-reset * INPUT::-ms-input-placeholder {\r\n\tfont-style: normal;\r\n\topacity: 1;\r\n}\r\n.popmechanic-reset TEXTAREA::placeholder,\r\n.popmechanic-reset INPUT::placeholder,\r\n.popmechanic-reset * TEXTAREA::placeholder,\r\n.popmechanic-reset * INPUT::placeholder {\r\n\tfont-style: normal;\r\n\topacity: 1;\r\n}\r\n.popmechanic-reset BUTTON,\r\n.popmechanic-reset * BUTTON {\r\n\theight: auto;\r\n\tcursor: pointer;\r\n}\r\n.popmechanic-input-hidden {\r\n\tposition: absolute !important;\r\n\ttop: 0 !important;\r\n\tleft: 0 !important;\r\n\twidth: 0 !important;\r\n\theight: 0 !important;\r\n\tborder: 0 !important;\r\n\topacity: 0 !important;\r\n}\r\n.popmechanic-screen {\r\n\tdisplay: none;\r\n}\r\n.popmechanic-screen_active {\r\n\tdisplay: block;\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#popmechanic-form .popmechanic-thankyou {\r\n\tposition: relative;\r\n\twidth: 100vw;\r\n\tmax-width: 100%;\r\n}\r\n#popmechanic-form .popmechanic-thankyou {\r\n\tdisplay: none;\r\n}\r\n#popmechanic-form .popmechanic-container {\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n\twidth: 100%;\r\n\tmax-width: 100%;\r\n\theight: 100%;\r\n\toverflow: hidden;\r\n\tborder: 0px solid <%= border_color %>;\r\n\tbackground-color: rgba(<%= hexToRgb(bg_color) %>, <%= bg_transparency %>);\r\n\t<% if (parseInt(bg_img_show)) { %>\r\n\t\tbackground-position: center;\r\n\t\tbackground-size: cover;\r\n\t\tbackground-repeat: no-repeat;\r\n\t<% } %>\r\n\t<% if (parseInt(shadow_show)) { %>\r\n\t\tbox-shadow: <%= shadow_offset_x %>px <%= shadow_offset_y %>px <%= shadow_blur %>px <%= shadow_spread %>px rgba(<%= hexToRgb(shadow_color) %>, <%= shadow_transparency %>);\r\n\t<% } %>\r\n}\r\n#popmechanic-form .popmechanic-content {\r\n\tmax-width: 100%;\r\n}\r\n#popmechanic-form .popmechanic-title {\r\n\tcolor: <%= title_color %>;\r\n\tfont-weight: <%= title_fw %>;\r\n\tline-height: <%= title_lh %>;\r\n\tword-break: break-word;\r\n\toverflow-wrap: break-word;\r\n}\r\n#popmechanic-form .popmechanic-subtitle {\r\n\tcolor: <%= subtitle_color %>;\r\n\tfont-weight: <%= subtitle_fw %>;\r\n\tline-height: <%= subtitle_lh %>;\r\n\tword-break: break-word;\r\n\toverflow-wrap: break-word;\r\n}\r\n#popmechanic-form .popmechanic-inputs {\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n\twidth: 100%;\r\n\tmax-width: 100%;\r\n}\r\n#popmechanic-form .popmechanic-field {\r\n\tposition: relative;\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\tflex-direction: column;\r\n}\r\n#popmechanic-form .popmechanic-input,\r\n#popmechanic-form .popmechanic-textarea {\r\n\twidth: 100%;\r\n\tmax-width: 100%;\r\n\tborder: <%= input_border_width %>px solid <%= input_border_color %>;\r\n\tborder-radius: <%= input_border_radius %>px;\r\n\tbackground-color: <%= input_bg_color %>;\r\n\tcolor: <%= input_text_color %>;\r\n\tfont-weight: <%= input_fw %>;\r\n}\r\n#popmechanic-form .popmechanic-input::-webkit-input-placeholder {\r\n\tcolor: <%= input_placeholder_color %>;\r\n}\r\n#popmechanic-form .popmechanic-input::-ms-input-placeholder {\r\n\tcolor: <%= input_placeholder_color %>;\r\n}\r\n#popmechanic-form .popmechanic-input::placeholder {\r\n\tcolor: <%= input_placeholder_color %>;\r\n}\r\n@media (hover: hover) {\r\n\t#popmechanic-form .popmechanic-input:hover,\r\n\t#popmechanic-form .popmechanic-input:focus,\r\n\t#popmechanic-form .popmechanic-textarea:hover,\r\n\t#popmechanic-form .popmechanic-textarea:focus {\r\n\t\tborder-color: <%= input_border_color_hov %>;\r\n\t}\r\n}\r\n#popmechanic-form .popmechanic-input[type=tel]:not(:focus) {\r\n\tcolor: <%= input_placeholder_color %>;\r\n}\r\n#popmechanic-form .popmechanic-textarea {\r\n\tline-height: 1.2;\r\n\tresize: none;\r\n}\r\n#popmechanic-form .popmechanic-textarea::-webkit-input-placeholder {\r\n\tcolor: <%= input_placeholder_color %>;\r\n}\r\n#popmechanic-form .popmechanic-textarea::-ms-input-placeholder {\r\n\tcolor: <%= input_placeholder_color %>;\r\n}\r\n#popmechanic-form .popmechanic-textarea::placeholder {\r\n\tcolor: <%= input_placeholder_color %>;\r\n}\r\n#popmechanic-form .popmechanic-error-message {\r\n\tz-index: 30;\r\n\tdisplay: none;\r\n\twidth: 100%;\r\n\tmax-width: 100%;\r\n\toverflow: hidden;\r\n\tcolor: <%= input_error_color %>;\r\n\ttext-align: center;\r\n\tfont-size: smaller;\r\n\tline-height: 1.4;\r\n}\r\n#popmechanic-form .popmechanic-button {\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\ttext-align: center;\r\n\tmax-width: 100%;\r\n\toverflow: hidden;\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: <%= btn_fw %>;\r\n\tline-height: 1;\r\n\t-webkit-user-select: none;\r\n\t\t -moz-user-select: none;\r\n\t\t\t-ms-user-select: none;\r\n\t\t\t\t\tuser-select: none;\r\n\ttransition-property: all;\r\n\ttransition-duration: 0.2s;\r\n\ttransition-timing-function: ease-in-out;\r\n}\r\n#popmechanic-form .popmechanic-button:disabled {\r\n\topacity: 0.5;\r\n\tpointer-events: none;\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\tborder-color: <%= btn_border_color_hov %>;\r\n\t\tbackground-color: <%= btn_bg_color_hov %>;\r\n\t\tcolor: <%= btn_text_color_hov %>;\r\n\t}\r\n}\r\n#popmechanic-form .popmechanic-button-group {\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n}\r\n#popmechanic-form .popmechanic-checkbox {\r\n\t--margin_right: 8px;\r\n\tposition: relative;\r\n\twidth: 100%;\r\n\t-webkit-user-select: none;\r\n\t\t -moz-user-select: none;\r\n\t\t\t-ms-user-select: none;\r\n\t\t\t\t\tuser-select: none;\r\n}\r\n#popmechanic-form .popmechanic-checkbox-input:checked ~ .popmechanic-checkbox-check,\r\n#popmechanic-form .popmechanic-checkbox-input:checked ~ .popmechanic-checkbox-check svg {\r\n\tborder-color: <%= checkbox_border_color_act %>;\r\n\tbackground-color: <%= checkbox_bg_color_act %>;\r\n\tcolor: <%= checkbox_tick_color %>;\r\n\topacity: 1;\r\n}\r\n#popmechanic-form .popmechanic-checkbox-label {\r\n\tdisplay: flex;\r\n\tflex-wrap: wrap;\r\n\talign-items: flex-start;\r\n\tcursor: pointer;\r\n}\r\n#popmechanic-form .popmechanic-checkbox-check {\r\n\tflex-shrink: 0;\r\n\twidth: <%= checkbox_size %>px;\r\n\theight: <%= checkbox_size %>px;\r\n\tmargin-right: var(--margin_right);\r\n\tpadding: <%= checkbox_padding %>px;\r\n\tborder: <%= checkbox_border_width %>px solid <%= checkbox_border_color %>;\r\n\tborder-radius: <%= checkbox_border_radius %>px;\r\n\tbackground-color: <%= checkbox_bg_color %>;\r\n\tcursor: pointer;\r\n\ttransition-property: color, border-color, background-color;\r\n\ttransition-duration: 0.2s;\r\n\ttransition-timing-function: ease-in-out;\r\n}\r\n#popmechanic-form .popmechanic-checkbox-check svg {\r\n\topacity: 0;\r\n}\r\n@media (hover: hover) {\r\n\t#popmechanic-form .popmechanic-checkbox-check:hover,\r\n\t#popmechanic-form .popmechanic-checkbox-check:focus {\r\n\t\tborder-color: <%= checkbox_border_color_hov %>;\r\n\t}\r\n}\r\n#popmechanic-form .popmechanic-checkbox-text {\r\n\twidth: calc(100% - (<%= checkbox_size %>px + var(--margin_right)));\r\n\tcolor: <%= checkbox_text_color %>;\r\n\tfont-size: <%= checkbox_fs %>px;\r\n\tline-height: <%= checkbox_lh %>;\r\n}\r\n#popmechanic-form .popmechanic-checkbox-link {\r\n\ttext-decoration: <%= parseInt(checkbox_link_underline) ? \"underline\" : \"none\" %>;\r\n}\r\n\r\n/* DESKTOP */\r\n.popmechanic-desktop #popmechanic-form .popmechanic-main,\r\n.popmechanic-desktop #popmechanic-form .popmechanic-thankyou {\r\n\tmax-width: <%= width_desk %>px;\r\n\theight: <%= parseInt(height_fix_desk) ? height_desk + \"px\" : \"auto\" %>;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-container {\r\n\tborder-width: <%= border_width_desk %>px;\r\n\tborder-radius: <%= border_radius_desk %>px;\r\n\t<% if (parseInt(bg_img_show)) { %>\r\n\t\tbackground-image: url(\"<%= img_src_desk %>\");\r\n\t<% } %>\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-content {\r\n\tpadding: <%= padding_y_desk %>px <%= padding_x_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-title {\r\n\tmargin-bottom: <%= title_mb_desk %>px;\r\n\ttext-align: <%= title_pos_x_desk %>;\r\n\tfont-size: <%= title_fs_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-subtitle {\r\n\tmargin-bottom: <%= subtitle_mb_desk %>px;\r\n\ttext-align: <%= subtitle_pos_x_desk %>;\r\n\tfont-size: <%= subtitle_fs_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-inputs {\r\n\tgap: <%= input_mb_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-input {\r\n\twidth: <%= parseInt(input_width_fix_desk) ? input_width_desk + \"px\" : \"100%\" %>;\r\n\theight: <%= input_height_desk %>px;\r\n\tpadding: 0 <%= input_padding_x_desk %>px;\r\n\ttext-align: <%= input_text_pos_desk %>;\r\n\tfont-size: <%= input_fs_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-textarea {\r\n\twidth: <%= parseInt(input_width_fix_desk) ? input_width_desk + \"px\" : \"100%\" %>;\r\n\theight: <%= input_comment_height_desk %>px;\r\n\tmargin-bottom: <%= input_comment_mb_desk %>px;\r\n\tpadding: <%= input_padding_x_desk %>px;\r\n\ttext-align: <%= input_text_pos_desk %>;\r\n\tfont-size: <%= input_fs_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-button {\r\n\tmin-height: <%= btn_height_desk %>px;\r\n\tpadding: 0 <%= btn_padding_x_desk %>px;\r\n\tfont-size: <%= btn_fs_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-button-group {\r\n\tflex-direction: row;\r\n\tgap: <%= input_mb_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-checkbox {\r\n\tpadding-top: <%= +input_mb_desk / 2 %>px;\r\n}\r\n\r\n/* MOBILE */\r\n.popmechanic-tablet #popmechanic-form .popmechanic-main,\r\n.popmechanic-tablet #popmechanic-form .popmechanic-thankyou,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou {\r\n\tmax-width: <%= width_mob %>px;\r\n\theight: <%= parseInt(height_fix_mob) ? height_mob + \"px\" : \"auto\" %>;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-container,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-container {\r\n\tborder-width: <%= border_width_mob %>px;\r\n\tborder-radius: <%= border_radius_mob %>px;\r\n\t<% if (parseInt(bg_img_show)) { %>\r\n\t\tbackground-image: url(\"<%= img_src_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}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-title,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-title {\r\n\tmargin-bottom: <%= title_mb_mob %>px;\r\n\ttext-align: <%= title_pos_x_mob %>;\r\n\tfont-size: <%= title_fs_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-subtitle,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-subtitle {\r\n\tmargin-bottom: <%= subtitle_mb_mob %>px;\r\n\ttext-align: <%= subtitle_pos_x_mob %>;\r\n\tfont-size: <%= subtitle_fs_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-inputs,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-inputs {\r\n\tgap: <%= input_mb_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-input,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-input {\r\n\twidth: <%= parseInt(input_width_fix_mob) ? input_width_mob + \"px\" : \"100%\" %>;\r\n\theight: <%= input_height_mob %>px;\r\n\tpadding: 0 <%= input_padding_x_mob %>px;\r\n\ttext-align: <%= input_text_pos_mob %>;\r\n\tfont-size: <%= input_fs_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-textarea,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-textarea {\r\n\twidth: <%= parseInt(input_width_fix_mob) ? input_width_mob + \"px\" : \"100%\" %>;\r\n\theight: <%= input_comment_height_mob %>px;\r\n\tmargin-bottom: <%= input_comment_mb_mob %>px;\r\n\tpadding: <%= input_padding_x_mob %>px;\r\n\ttext-align: <%= input_text_pos_mob %>;\r\n\tfont-size: <%= input_fs_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-button,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-button {\r\n\tmin-height: <%= btn_height_mob %>px;\r\n\tpadding: 0 <%= btn_padding_x_mob %>px;\r\n\tfont-size: <%= btn_fs_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-button-group,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-button-group {\r\n\tflex-direction: column;\r\n\talign-items: center;\r\n\tgap: <%= input_mb_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-checkbox,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-checkbox {\r\n\tpadding-top: <%= +input_mb_mob / 2 %>px;\r\n}\r\n\r\n/* CLOSE */\r\n#popmechanic-form .popmechanic-close {\r\n\tposition: absolute;\r\n\ttop: var(--close_pos_y, 10px);\r\n\tright: var(--close_pos_x, 10px);\r\n\tz-index: 40;\r\n\twidth: var(--close_size, 24px);\r\n\theight: var(--close_size, 24px);\r\n\tborder-radius: <%= close_border_radius %>px;\r\n\tcursor: pointer;\r\n\t<% if (parseInt(close_bg_show)) { %>\r\n\t\tbackground-color: rgba(<%= hexToRgb(close_bg_color) %>, <%= close_bg_transparency %>);\r\n\t<% } else { %>\r\n\t\tbackground-color: rgba(255, 255, 255, 0);\r\n\t<% } %>\r\n}\r\n#popmechanic-form .popmechanic-close::before,\r\n#popmechanic-form .popmechanic-close::after {\r\n\t--translate: translate(-50%, -50%);\r\n\tcontent: \"\";\r\n\tposition: absolute;\r\n\ttop: 50%;\r\n\tleft: 50%;\r\n\twidth: calc(100% - (var(--close_padding, 2px) * 2));\r\n\theight: <%= close_width %>px;\r\n\tborder-radius: 2px;\r\n\tbackground-color: <%= close_color %>;\r\n\t-webkit-transform: var(--translate) rotate(45deg);\r\n\t\t\t\t\ttransform: var(--translate) rotate(45deg);\r\n}\r\n#popmechanic-form .popmechanic-close::after {\r\n\t-webkit-transform: var(--translate) rotate(135deg);\r\n\t\t\t\t\ttransform: var(--translate) rotate(135deg);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-close {\r\n\t--close_size: <%= close_size_desk %>px;\r\n\t--close_padding: <%= close_padding_desk %>px;\r\n\t--close_pos_y: <%= close_pos_y_desk %>px;\r\n\t--close_pos_x: <%= close_pos_x_desk %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-close,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-close {\r\n\t--close_size: <%= close_size_mob %>px;\r\n\t--close_padding: <%= close_padding_mob %>px;\r\n\t--close_pos_y: <%= close_pos_y_mob %>px;\r\n\t--close_pos_x: <%= close_pos_x_mob %>px;\r\n}\r\n\r\n/* SCREENS */\r\n.popmechanic-desktop #popmechanic-form #popmechanic-first .popmechanic-button-group {\r\n\tgap: <%= bts_gap_desk %>px;\r\n\tflex-wrap: wrap;\r\n}\r\n.popmechanic-desktop #popmechanic-form #popmechanic-first .popmechanic-button {\r\n\twidth: <%= parseInt(btn_width_fix_desk_1) ? btn_width_desk_1 + \"px\" : \"auto\" %>;\r\n}\r\n.popmechanic-tablet #popmechanic-form #popmechanic-first .popmechanic-button-group,\r\n.popmechanic-mobile #popmechanic-form #popmechanic-first .popmechanic-button-group {\r\n\tgap: <%= bts_gap_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form #popmechanic-first .popmechanic-button,\r\n.popmechanic-mobile #popmechanic-form #popmechanic-first .popmechanic-button {\r\n\twidth: <%= parseInt(btn_width_fix_mob_1) ? btn_width_mob_1 + \"px\" : \"auto\" %>;\r\n}\r\n\r\n/* SECOND */\r\n#popmechanic-form #popmechanic-second .popmechanic-button {\r\n\tmargin-right: auto;\r\n\tmargin-left: auto;\r\n}\r\n.popmechanic-desktop #popmechanic-form #popmechanic-second .popmechanic-button {\r\n\twidth: <%= parseInt(btn_width_fix_desk_2) ? btn_width_desk_2 + \"px\" : \"auto\" %>;\r\n}\r\n.popmechanic-tablet #popmechanic-form #popmechanic-second .popmechanic-button,\r\n.popmechanic-mobile #popmechanic-form #popmechanic-second .popmechanic-button {\r\n\twidth: <%= parseInt(btn_width_fix_mob_2) ? btn_width_mob_2 + \"px\" : \"auto\" %>;\r\n}\r\n\r\n/* THIRD */\r\n#popmechanic-form #popmechanic-third .popmechanic-button {\r\n\tmargin-right: auto;\r\n\tmargin-left: auto;\r\n}\r\n.popmechanic-desktop #popmechanic-form #popmechanic-third .popmechanic-button,\r\n.popmechanic-desktop #popmechanic-form #popmechanic-third .popmechanic-button-group {\r\n\tmargin-top: <%= +input_mb_desk / 2 %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form #popmechanic-third .popmechanic-button {\r\n\twidth: <%= parseInt(btn_width_fix_desk_3) ? btn_width_desk_3 + \"px\" : \"auto\" %>;\r\n}\r\n.popmechanic-tablet #popmechanic-form #popmechanic-third .popmechanic-button,\r\n.popmechanic-mobile #popmechanic-form #popmechanic-third .popmechanic-button,\r\n.popmechanic-tablet #popmechanic-form #popmechanic-third .popmechanic-button-group,\r\n.popmechanic-mobile #popmechanic-form #popmechanic-third .popmechanic-button-group {\r\n\tmargin-top: <%= +input_mb_mob / 2 %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form #popmechanic-third .popmechanic-button,\r\n.popmechanic-mobile #popmechanic-form #popmechanic-third .popmechanic-button {\r\n\twidth: <%= parseInt(btn_width_fix_mob_3) ? btn_width_mob_3 + \"px\" : \"auto\" %>;\r\n}\r\n\r\n/* SUCCESS */\r\n.popmechanic-success #popmechanic-form .popmechanic-main {\r\n\tdisplay: none !important;\r\n}\r\n.popmechanic-success #popmechanic-form .popmechanic-thankyou {\r\n\tdisplay: block;\r\n}\r\n.popmechanic-success #popmechanic-form .popmechanic-button {\r\n\tmargin-right: auto;\r\n\tmargin-left: auto;\r\n}\r\n.popmechanic-desktop.popmechanic-success #popmechanic-form .popmechanic-button {\r\n\twidth: <%= parseInt(tnx_width_fix_desk) ? tnx_width_desk + \"px\" : \"auto\" %>;\r\n}\r\n.popmechanic-tablet.popmechanic-success #popmechanic-form .popmechanic-button,\r\n.popmechanic-mobile.popmechanic-success #popmechanic-form .popmechanic-button {\r\n\twidth: <%= parseInt(tnx_width_fix_mob) ? tnx_width_mob + \"px\" : \"auto\" %>;\r\n}\r\n\r\n/* INVALID */\r\n#popmechanic-form .popmechanic-invalid:not(:focus) {\r\n\tz-index: 30;\r\n\tborder: 1px solid <%= input_error_color %> !important;\r\n\tcolor: <%= input_error_color %> !important;\r\n}\r\n#popmechanic-form .popmechanic-invalid:not(:focus)::-webkit-input-placeholder {\r\n\tcolor: <%= input_error_color %>;\r\n}\r\n#popmechanic-form .popmechanic-invalid:not(:focus)::-ms-input-placeholder {\r\n\tcolor: <%= input_error_color %>;\r\n}\r\n#popmechanic-form .popmechanic-invalid:not(:focus) + .popmechanic-checkbox-check,\r\n#popmechanic-form .popmechanic-invalid:not(:focus)::placeholder {\r\n\tcolor: <%= input_error_color %>;\r\n}\r\n#popmechanic-form .popmechanic-invalid:not(:focus) + .popmechanic-checkbox-check {\r\n\tborder: 1px solid <%= input_error_color %> !important;\r\n}\r\n#popmechanic-form .popmechanic-invalid:not(:focus) ~ .popmechanic-error-message {\r\n\tdisplay: block;\r\n}", "button": "", "on_show": "", "on_close": "", "embed_code": "", "behaviors": ["partscreen", "lead", "multiscreen", "post-text"], "template_type": "partscreen", "need_reset": true, "parameters": [], "on_targeting_ready": "", "on_child_ready": ""}], "button_templates": [], "integrations": [{"id": 94758, "form": 83719, "filter": null, "filter_type": null, "account": 31068, "integration_type": "mindbox_server_json", "customer_extended": [{"value": "%email%", "systemName": "email"}, {"id": "209", "value": "%customs.academypopup_hardwarenews%", "systemName": "customFields.academypopupcloudservers"}, {"id": "211", "value": "%customs.academypopup_datacenter%", "systemName": "customFields.academypopupdatacenter"}, {"id": "212", "value": "%customs.academypopup_development%", "systemName": "customFields.academypopupdevelopment"}, {"id": "213", "value": "%customs.academypopup_networks%", "systemName": "customFields.academypopupnetworks"}, {"id": "214", "value": "%customs.academypopup_informationsecurity%", "systemName": "customFields.academypopupinformationsecurity"}, {"id": "215", "value": "%customs.academypopup_kubernetes%", "systemName": "customFields.academypopupkubernetes"}, {"id": "216", "value": "%customs.academypopup_machinelearning%", "systemName": "customFields.academypopupmachinelearning"}, {"id": "217", "value": "%customs.academypopup_softskills%", "systemName": "customFields.academypopupsoftskills"}], "customer_action_extended": [], "mode": "create", "send_customer": true, "issue_action": true, "operation": "popmechanic-integration-create-83719", "subscriptions": [{"topic": "Blog", "pointOfContact": "Email"}]}, {"id": 114305, "form": 97338, "filter": null, "filter_type": null, "account": 31068, "integration_type": "mindbox_server_json", "customer_extended": [{"value": "%email%", "systemName": "email"}], "customer_action_extended": [], "mode": "create", "send_customer": true, "issue_action": true, "operation": "popmechanic-integration-create-97338", "subscriptions": [{"topic": "Digest", "pointOfContact": "Email"}]}, {"id": 94273, "form": 83719, "filter": null, "filter_type": null, "account": 31068, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-83719-show", "click_operation": "popmechanic-popup-83719-click", "targeting_operation": "popmechanic-popup-83719-targeting"}, {"id": 114302, "form": 97338, "filter": null, "filter_type": null, "account": 31068, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-97338-show", "click_operation": "popmechanic-popup-97338-click", "targeting_operation": "popmechanic-popup-97338-targeting"}], "settings": {"hide_copyright": true, "premium": true}, "frequency": {"minimal_timeout": null, "session": null, "day": null, "week": null, "month": null}, "global_ab_tests": [], "ip": "1.1.1.1", "contacts": [], "geo": null}