{"forms": [{"id": 95838, "template": 1313, "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://niidpo.ru/seminar/ippoterapiya"], "operator": "$in_contains"}], "operator": "$and"}, {"id": "4", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 303, "externalId": "62479f13-16d6-4ac7-afde-f8a5f0b3f73c"}, "inSegmentByDefault": true}, "operator": "$check"}], "operator": "$and"}}, "settings_splits": [{"settings": {"link": "https://t.me/zfks_bot?start=id320452833", "text": "\u041f\u043e\u0441\u043c\u043e\u0442\u0440\u0438\u0442\u0435 \u043d\u0430\u0448 \u0431\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u044b\u0439 \u0432\u0435\u0431\u0438\u043d\u0430\u0440: \u00ab\u041c\u0435\u0442\u043e\u0434\u0438\u043a\u0430 \u0431\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u044b\u0445 \u0442\u0440\u0435\u043d\u0438\u0440\u043e\u0432\u043e\u043a \u0434\u043b\u044f \u0434\u0435\u0442\u0435\u0439 \u0432 \u043a\u043e\u043d\u043d\u043e\u043c \u0441\u043f\u043e\u0440\u0442\u0435\u00bb! \u0412\u044b \u0443\u0437\u043d\u0430\u0435\u0442\u0435, \u043a\u0430\u043a \u0443\u0432\u043b\u0435\u043a\u0430\u0442\u0435\u043b\u044c\u043d\u043e, \u044d\u0444\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u043e \u0438 \u0431\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u043e \u043e\u0431\u0443\u0447\u0430\u0442\u044c \u0434\u0435\u0442\u0435\u0439 \u0432\u0435\u0440\u0445\u043e\u0432\u043e\u0439 \u0435\u0437\u0434\u0435\ud83d\udc47", "title": "\u041f\u043e\u0434\u043e\u0436\u0434\u0438\u0442\u0435! \u0423 \u043d\u0430\u0441 \u0435\u0441\u0442\u044c \u0434\u043b\u044f \u0432\u0430\u0441 \u043f\u043e\u0434\u0430\u0440\u043e\u043a!", "width": "720", "bg_img": "https://personalization-web-stable.mindbox.ru/user-media/5035/34eb331997be95cbb9f22ed53ce42752157eb0906df5c7a15d6f95d14baeda07.jpg", "button": "\u041f\u043e\u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u0432\u0435\u0431\u0438\u043d\u0430\u0440", "sideImg": "https://personalization-web-stable.mindbox.ru/user-media/36973/78072891216a9c9d7d13280acdd84db7c17e3bd898b8470b7c8fde764a5ec3be.png", "width_m": "320", "bg_color": "#E9F4FF", "bg_img_m": "https://personalization-web-stable.mindbox.ru/user-media/5035/b40666cd6759ce90872935ca6881b876b98f7573fc8b712329d57daf2978a0fe.jpg", "button_bg": "#8C142F", "font_base": "'Roboto',sans-serif", "img_width": "50", "text_size": "20", "cross_size": "27", "text_align": "left", "text_color": "#000", "title_size": "30.00", "button_size": "24.00", "cross_color": "#044E8B", "custom_font": "Arial,sans-serif", "padding_top": "40", "text_enable": "1", "text_italic": "0", "text_size_m": "18", "text_weight": "400", "title_color": "#000", "border_color": "#000", "border_width": "0", "button_blank": "1", "cross_size_m": "21", "img_height_m": "160.00", "padding_left": "20.00", "text_align_m": "left", "text_padding": "20.00", "title_enable": "1", "title_italic": "0", "title_size_m": "20", "title_weight": "600.00", "bg_img_enable": "0", "bg_img_m_show": "0", "border_radius": "0", "button_action": "link", "button_enable": "1", "button_italic": "0", "button_radius": "0", "button_size_m": "16", "button_weight": "400", "cross_color_m": "#022E5F", "padding_right": "20.00", "padding_top_m": "25.00", "shadow_enable": "1", "text_enable_m": "1", "text_weight_m": "400", "title_padding": "20", "border_width_m": "0", "padding_bottom": "40.00", "padding_left_m": "45.00", "text_padding_m": "20.00", "title_enable_m": "1", "title_weight_m": "700", "border_radius_m": "0", "button_enable_m": "1", "button_weight_m": "400", "padding_right_m": "30.00", "shadow_enable_m": "1", "title_padding_m": "5.00", "bg_color_overlay": "#ffffff", "button_bg_active": "#044E8B", "button_padding_h": "40.00", "button_padding_v": "20.00", "padding_bottom_m": "30.00", "text_line_height": "1.2", "button_text_color": "#ffffff", "title_line_height": "1.2", "button_padding_h_m": "40.00", "button_padding_v_m": "18.00", "cross_color_active": "#044E8B", "custom_font_enable": "0", "button_border_color": "", "button_border_width": "0", "cross_color_active_m": "#044E8B", "button_border_width_m": "0", "bg_color_overlay_opacity": "0", "button_text_color_active": "#ffffff", "button_border_color_active": ""}, "button_settings": {}, "conditions_splits": [{"conditions": {"delay": "240", "mouseleave": "1"}, "combinator": "or", "id": 203595}], "id": 95246, "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": "[niidpo] \u0423\u0445\u043e\u0434\u044f\u0449\u0438\u0439 \u0442\u0440\u0430\u0444\u0438\u043a \u0417\u0424\u041a\u0421 \u0418\u043f\u043f\u043e\u0442\u0435\u0440\u0430\u043f\u0438\u044f. \u041f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u0438\u0435 \u043c\u0435\u0442\u043e\u0434\u0430 \u0432 \u043a\u043e\u043c\u043f\u043b\u0435\u043a\u0441\u043d\u043e\u0439 \u0440\u0435\u0430\u0431\u0438\u043b\u0438\u0442\u0430\u0446\u0438\u0438 \u043b\u0438\u0446 \u0441 \u041e\u0412\u0417 (340\u0447)", "active": true, "embed_selector": false, "selector": "", "placement": "start", "frequency": {"once_lifetime": false, "once_session": true, "priority": false, "minimal_timeout": null}, "start_date": null, "end_date": null, "day_of_week": [true, true, true, true, true, true, true], "start_time": null, "end_time": null, "timezone_minutes": 180, "custom_fields": [], "container_id": null, "child_forms": [], "salt": null, "control_group": null, "variants": [{"is_winner": false, "ab_test_variant_internal_id": null, "view_settings": {"button_template": null, "rendered_preview": "https://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-96328.png?ts=1724253193205", "rendered_button_preview": null, "settings": {"link": "https://t.me/zfks_bot?start=id320452833", "text": "\u041f\u043e\u0441\u043c\u043e\u0442\u0440\u0438\u0442\u0435 \u043d\u0430\u0448 \u0431\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u044b\u0439 \u0432\u0435\u0431\u0438\u043d\u0430\u0440: \u00ab\u041c\u0435\u0442\u043e\u0434\u0438\u043a\u0430 \u0431\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u044b\u0445 \u0442\u0440\u0435\u043d\u0438\u0440\u043e\u0432\u043e\u043a \u0434\u043b\u044f \u0434\u0435\u0442\u0435\u0439 \u0432 \u043a\u043e\u043d\u043d\u043e\u043c \u0441\u043f\u043e\u0440\u0442\u0435\u00bb! \u0412\u044b \u0443\u0437\u043d\u0430\u0435\u0442\u0435, \u043a\u0430\u043a \u0443\u0432\u043b\u0435\u043a\u0430\u0442\u0435\u043b\u044c\u043d\u043e, \u044d\u0444\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u043e \u0438 \u0431\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u043e \u043e\u0431\u0443\u0447\u0430\u0442\u044c \u0434\u0435\u0442\u0435\u0439 \u0432\u0435\u0440\u0445\u043e\u0432\u043e\u0439 \u0435\u0437\u0434\u0435\ud83d\udc47", "title": "\u041f\u043e\u0434\u043e\u0436\u0434\u0438\u0442\u0435! \u0423 \u043d\u0430\u0441 \u0435\u0441\u0442\u044c \u0434\u043b\u044f \u0432\u0430\u0441 \u043f\u043e\u0434\u0430\u0440\u043e\u043a!", "width": "720", "bg_img": "https://personalization-web-stable.mindbox.ru/user-media/5035/34eb331997be95cbb9f22ed53ce42752157eb0906df5c7a15d6f95d14baeda07.jpg", "button": "\u041f\u043e\u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u0432\u0435\u0431\u0438\u043d\u0430\u0440", "sideImg": "https://personalization-web-stable.mindbox.ru/user-media/36973/78072891216a9c9d7d13280acdd84db7c17e3bd898b8470b7c8fde764a5ec3be.png", "width_m": "320", "bg_color": "#E9F4FF", "bg_img_m": "https://personalization-web-stable.mindbox.ru/user-media/5035/b40666cd6759ce90872935ca6881b876b98f7573fc8b712329d57daf2978a0fe.jpg", "button_bg": "#8C142F", "font_base": "'Roboto',sans-serif", "img_width": "50", "text_size": "20", "cross_size": "27", "text_align": "left", "text_color": "#000", "title_size": "30.00", "button_size": "24.00", "cross_color": "#044E8B", "custom_font": "Arial,sans-serif", "padding_top": "40", "text_enable": "1", "text_italic": "0", "text_size_m": "18", "text_weight": "400", "title_color": "#000", "border_color": "#000", "border_width": "0", "button_blank": "1", "cross_size_m": "21", "img_height_m": "160.00", "padding_left": "20.00", "text_align_m": "left", "text_padding": "20.00", "title_enable": "1", "title_italic": "0", "title_size_m": "20", "title_weight": "600.00", "bg_img_enable": "0", "bg_img_m_show": "0", "border_radius": "0", "button_action": "link", "button_enable": "1", "button_italic": "0", "button_radius": "0", "button_size_m": "16", "button_weight": "400", "cross_color_m": "#022E5F", "padding_right": "20.00", "padding_top_m": "25.00", "shadow_enable": "1", "text_enable_m": "1", "text_weight_m": "400", "title_padding": "20", "border_width_m": "0", "padding_bottom": "40.00", "padding_left_m": "45.00", "text_padding_m": "20.00", "title_enable_m": "1", "title_weight_m": "700", "border_radius_m": "0", "button_enable_m": "1", "button_weight_m": "400", "padding_right_m": "30.00", "shadow_enable_m": "1", "title_padding_m": "5.00", "bg_color_overlay": "#ffffff", "button_bg_active": "#044E8B", "button_padding_h": "40.00", "button_padding_v": "20.00", "padding_bottom_m": "30.00", "text_line_height": "1.2", "button_text_color": "#ffffff", "title_line_height": "1.2", "button_padding_h_m": "40.00", "button_padding_v_m": "18.00", "cross_color_active": "#044E8B", "custom_font_enable": "0", "button_border_color": "", "button_border_width": "0", "cross_color_active_m": "#044E8B", "button_border_width_m": "0", "bg_color_overlay_opacity": "0", "button_text_color_active": "#ffffff", "button_border_color_active": ""}, "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": 89270, "template": 1893, "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": ["promo.niidpo.ru/fitness-trainer"], "operator": "$in_contains"}], "operator": "$and"}], "operator": "$and"}}, "settings_splits": [{"settings": {"title": "\u0412\u043e\u043f\u0440\u043e\u0441\u044b \u043e \u043a\u0443\u0440\u0441\u0435?", "bg_type": "image", "bg_color": "#043187", "subtitle": "\u041f\u0440\u043e\u0441\u0442\u043e \u0443\u043a\u0430\u0436\u0438\u0442\u0435 \u0441\u0432\u043e\u0439 \u0442\u0435\u043b\u0435\u0444\u043e\u043d \u0432 \u0444\u043e\u0440\u043c\u0435 \u043d\u0438\u0436\u0435:", "title_fw": "700", "tnx_title": "\u0421\u043f\u0430\u0441\u0438\u0431\u043e!", "width_mob": "200.00", "bg_img_src": "https://personalization-web-stable.mindbox.ru/user-media/36973/715898a331be8c5af2176200c908d9f5343bc586c37c6eab2e929df0452d8334.jpg", "btn_fs_mob": "12.00", "gradient_1": "#017aaf", "gradient_2": "#017abd", "input_type": "phone", "policy_url": "https://niidpo.ru/sveden/personal?roistat_visit=13711189", "width_desk": "320", "btn_fs_desk": "16", "font_custom": "'Rubik', Arial, sans-serif", "font_family": "MS Sans Serif, Geneva, sans-serif", "input_email": "\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0432\u0430\u0448 email", "input_phone": "\u041d\u043e\u043c\u0435\u0440 \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0430", "policy_show": "1", "shadow_show": "1", "shadow_size": "5.00", "submit_text": "\u041e\u043a", "title_color": "#317aaf", "accent_color": "#017abd", "border_color": "#a4c8f3", "input_fs_mob": "12.00", "title_fs_mob": "16.00", "tnx_btn_show": "1", "tnx_btn_text": "\u041e\u043a", "tnx_subtitle": "\u0421\u043a\u043e\u0440\u043e \u0441 \u0432\u0430\u043c\u0438 \u0441\u0432\u044f\u0436\u0435\u0442\u0441\u044f \u043d\u0430\u0448 \u043c\u0435\u043d\u0435\u0434\u0436\u0435\u0440", "border_radius": "3.00", "input_fs_desk": "14.00", "padding_x_mob": "10.00", "padding_y_mob": "5.00", "title_fs_desk": "28.00", "btn_width_desk": "50.00", "close_size_mob": "20", "input_bg_color": "#ffffff", "padding_x_desk": "24.00", "padding_y_desk": "16.00", "policy_checked": "1", "subtitle_color": "#205b8c", "text_align_mob": "left", "tnx_text_align": "left", "bg_transparency": "0.20", "close_color_mob": "#21a1a8", "close_size_desk": "28", "policy_url_text": "\u041f\u043e\u043b\u0438\u0442\u0438\u043a\u043e\u0439 \u0432 \u043e\u0442\u043d\u043e\u0448\u0435\u043d\u0438\u0438 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445", "subtitle_fs_mob": "10.00", "text_align_desk": "left", "border_width_mob": "0", "close_color_desk": "#a3dafb", "font_custom_show": "0", "input_text_color": "#054e79", "subtitle_fs_desk": "16.00", "border_width_desk": "0.00", "close_bg_show_mob": "0", "policy_text_after": "", "policy_text_color": "#017abd", "submit_text_color": "#ffffff", "close_bg_color_mob": "#388da9", "close_bg_show_desk": "0", "policy_text_before": "\u0421\u043e\u0433\u043b\u0430\u0441\u0435\u043d \u0441 ", "close_bg_color_desk": "#ffffff", "submit_bg_color_hov": "#0565b3", "close_bg_transparency": "1.00", "submit_text_color_hov": "#ffffff"}, "button_settings": {}, "conditions_splits": [{"conditions": {"delay": "15", "mouseleave": "1"}, "combinator": "or", "id": 199554}], "id": 88678, "behavior_settings": {"button": {"on": false, "positions": {"desktop": {"top": "0px", "left": "0px"}}, "conditions": "targeting", "show_before": true}, "partscreen": {"mobile": {"target": "window", "position": "bottom-right", "vertical_offset": 40, "element_position": "right", "horizontal_offset": 0, "element_vertical_offset": 0, "element_horizontal_offset": 0}, "tablet": null, "desktop": {"target": "window", "position": "right", "vertical_offset": 0, "element_position": "right", "horizontal_offset": 0, "element_vertical_offset": 0, "element_horizontal_offset": 0}, "animation_in": "fadeInRight", "allow_overlay": false, "animation_out": "fadeOutRight", "paranja_color": "#ffffff", "paranja_opacity": "0.30"}}}], "pinned": false, "name": "[niidpo] \u041b\u0435\u043d\u0434\u0438\u043d\u0433 \u0444\u0438\u0442\u043d\u0435\u0441-\u0442\u0440\u0435\u043d\u0435\u0440: \u043e\u0431\u0440\u0430\u0442\u043d\u044b\u0439 \u0437\u0432\u043e\u043d\u043e\u043a", "active": true, "embed_selector": false, "selector": "", "placement": "start", "frequency": {"once_lifetime": false, "once_session": false, "priority": true, "minimal_timeout": null}, "start_date": null, "end_date": null, "day_of_week": [true, true, true, true, true, true, true], "start_time": null, "end_time": null, "timezone_minutes": 180, "custom_fields": [], "container_id": null, "child_forms": [], "salt": null, "control_group": null, "variants": [{"is_winner": false, "ab_test_variant_internal_id": null, "view_settings": {"button_template": null, "rendered_preview": "https://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-89568.png?ts=1717679996379", "rendered_button_preview": null, "settings": {"title": "\u0412\u043e\u043f\u0440\u043e\u0441\u044b \u043e \u043a\u0443\u0440\u0441\u0435?", "bg_type": "image", "bg_color": "#043187", "subtitle": "\u041f\u0440\u043e\u0441\u0442\u043e \u0443\u043a\u0430\u0436\u0438\u0442\u0435 \u0441\u0432\u043e\u0439 \u0442\u0435\u043b\u0435\u0444\u043e\u043d \u0432 \u0444\u043e\u0440\u043c\u0435 \u043d\u0438\u0436\u0435:", "title_fw": "700", "tnx_title": "\u0421\u043f\u0430\u0441\u0438\u0431\u043e!", "width_mob": "200.00", "bg_img_src": "https://personalization-web-stable.mindbox.ru/user-media/36973/715898a331be8c5af2176200c908d9f5343bc586c37c6eab2e929df0452d8334.jpg", "btn_fs_mob": "12.00", "gradient_1": "#017aaf", "gradient_2": "#017abd", "input_type": "phone", "policy_url": "https://niidpo.ru/sveden/personal?roistat_visit=13711189", "width_desk": "320", "btn_fs_desk": "16", "font_custom": "'Rubik', Arial, sans-serif", "font_family": "MS Sans Serif, Geneva, sans-serif", "input_email": "\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0432\u0430\u0448 email", "input_phone": "\u041d\u043e\u043c\u0435\u0440 \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0430", "policy_show": "1", "shadow_show": "1", "shadow_size": "5.00", "submit_text": "\u041e\u043a", "title_color": "#317aaf", "accent_color": "#017abd", "border_color": "#a4c8f3", "input_fs_mob": "12.00", "title_fs_mob": "16.00", "tnx_btn_show": "1", "tnx_btn_text": "\u041e\u043a", "tnx_subtitle": "\u0421\u043a\u043e\u0440\u043e \u0441 \u0432\u0430\u043c\u0438 \u0441\u0432\u044f\u0436\u0435\u0442\u0441\u044f \u043d\u0430\u0448 \u043c\u0435\u043d\u0435\u0434\u0436\u0435\u0440", "border_radius": "3.00", "input_fs_desk": "14.00", "padding_x_mob": "10.00", "padding_y_mob": "5.00", "title_fs_desk": "28.00", "btn_width_desk": "50.00", "close_size_mob": "20", "input_bg_color": "#ffffff", "padding_x_desk": "24.00", "padding_y_desk": "16.00", "policy_checked": "1", "subtitle_color": "#205b8c", "text_align_mob": "left", "tnx_text_align": "left", "bg_transparency": "0.20", "close_color_mob": "#21a1a8", "close_size_desk": "28", "policy_url_text": "\u041f\u043e\u043b\u0438\u0442\u0438\u043a\u043e\u0439 \u0432 \u043e\u0442\u043d\u043e\u0448\u0435\u043d\u0438\u0438 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445", "subtitle_fs_mob": "10.00", "text_align_desk": "left", "border_width_mob": "0", "close_color_desk": "#a3dafb", "font_custom_show": "0", "input_text_color": "#054e79", "subtitle_fs_desk": "16.00", "border_width_desk": "0.00", "close_bg_show_mob": "0", "policy_text_after": "", "policy_text_color": "#017abd", "submit_text_color": "#ffffff", "close_bg_color_mob": "#388da9", "close_bg_show_desk": "0", "policy_text_before": "\u0421\u043e\u0433\u043b\u0430\u0441\u0435\u043d \u0441 ", "close_bg_color_desk": "#ffffff", "submit_bg_color_hov": "#0565b3", "close_bg_transparency": "1.00", "submit_text_color_hov": "#ffffff"}, "button_settings": {}, "behavior_settings": {"button": {"on": false, "positions": {"desktop": {"top": "0px", "left": "0px"}}, "conditions": "targeting", "show_before": true}, "partscreen": {"mobile": {"target": "window", "position": "bottom-right", "vertical_offset": 40, "element_position": "right", "horizontal_offset": 0, "element_vertical_offset": 0, "element_horizontal_offset": 0}, "tablet": null, "desktop": {"target": "window", "position": "right", "vertical_offset": 0, "element_position": "right", "horizontal_offset": 0, "element_vertical_offset": 0, "element_horizontal_offset": 0}, "animation_in": "fadeInRight", "allow_overlay": false, "animation_out": "fadeOutRight", "paranja_color": "#ffffff", "paranja_opacity": "0.30"}}, "html": "", "css": "<% if(!parseInt(font_custom_show)) { %>\r\n @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;900&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 box-sizing: border-box;\r\n margin: 0;\r\n font-size: 16px;\r\n line-height: normal;\r\n}\r\n.popmechanic-reset::before, .popmechanic-reset::after, .popmechanic-reset *::before, .popmechanic-reset *::after {\r\n box-sizing: border-box;\r\n}\r\n.popmechanic-reset A, .popmechanic-reset * A {\r\n color: inherit;\r\n font-size: inherit;\r\n}\r\n.popmechanic-reset INPUT,\r\n.popmechanic-reset BUTTON, .popmechanic-reset * INPUT,\r\n.popmechanic-reset * BUTTON {\r\n display: block;\r\n padding: 0;\r\n border: 0;\r\n border-radius: 0;\r\n background: none;\r\n word-break: break-word;\r\n overflow-wrap: break-word;\r\n font-family: inherit;\r\n font-size: inherit;\r\n -webkit-appearance: none;\r\n appearance: none;\r\n}\r\n.popmechanic-reset INPUT:-ms-input-placeholder, .popmechanic-reset * INPUT:-ms-input-placeholder {\r\n opacity: 1;\r\n font-style: normal;\r\n}\r\n.popmechanic-reset INPUT::placeholder, .popmechanic-reset * INPUT::placeholder {\r\n opacity: 1;\r\n font-style: normal;\r\n}\r\n.popmechanic-reset BUTTON, .popmechanic-reset * BUTTON {\r\n height: auto;\r\n cursor: pointer;\r\n}\r\n.popmechanic-input-hidden {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 0;\r\n height: 0;\r\n opacity: 0;\r\n}\r\n\r\n#popmechanic-form {\r\n position: relative !important;\r\n display: inline-block;\r\n vertical-align: middle;\r\n <% if(parseInt(font_custom_show)) { %>\r\n font-family: <%= font_custom %>;\r\n <% } else { %>\r\n font-family: <%= font_family %>;\r\n <% } %>\r\n}\r\n#popmechanic-form .popmechanic-main, #popmechanic-form .popmechanic-thankyou {\r\n position: relative;\r\n overflow: hidden;\r\n <% if(parseInt(shadow_show)) { %>\r\n box-shadow: 0 0 <%= shadow_size %>px rgba(0, 0, 0, 0.25);\r\n <% } %>\r\n}\r\n#popmechanic-form .popmechanic-container {\r\n display: flex;\r\n flex-direction: column;\r\n width: 100%;\r\n max-width: 100%;\r\n border-style: solid;\r\n border-color: <%= border_color %>;\r\n border-radius: <%= border_radius %>px;\r\n <% if(bg_type === 'solid') { %>\r\n background-color: rgba(<%= hexToRgb(bg_color) %>, <%= bg_transparency %>);\r\n <% } %>\r\n <% if(bg_type === 'gradient') { %>\r\n background-image: linear-gradient(107deg, rgba(<%= hexToRgb(gradient_1) %>, <%= bg_transparency %>) 0%, rgba(<%= hexToRgb(gradient_2) %>, <%= bg_transparency %>) 100%);\r\n <% } %>\r\n <% if(bg_type === 'image') { %>\r\n background-image: url(\"<%= bg_img_src %>\");\r\n <% } %>\r\n background-position: center;\r\n background-size: cover;\r\n background-repeat: no-repeat;\r\n}\r\n#popmechanic-form .popmechanic-content {\r\n max-width: 100%;\r\n}\r\n#popmechanic-form .popmechanic-header {\r\n word-break: break-word;\r\n overflow-wrap: break-word;\r\n}\r\n#popmechanic-form .popmechanic-title {\r\n color: <%= title_color %>;\r\n font-weight: <%= title_fw %>;\r\n line-height: 1;\r\n}\r\n#popmechanic-form .popmechanic-subtitle {\r\n color: <%= subtitle_color %>;\r\n line-height: 1.2;\r\n}\r\n#popmechanic-form .popmechanic-inputs {\r\n width: 100%;\r\n max-width: 100%;\r\n border-radius: 5px;\r\n}\r\n#popmechanic-form .popmechanic-field {\r\n position: relative;\r\n padding: 10px;\r\n background-color: <%= input_bg_color %>;\r\n border-radius: 5px;\r\n}\r\n#popmechanic-form .popmechanic-field__input {\r\n display: block;\r\n width: 100%;\r\n max-width: 100%;\r\n background-color: <%= input_bg_color %>;\r\n color: <%= input_text_color %>;\r\n font-weight: 400;\r\n}\r\n#popmechanic-form .popmechanic-field__input:-ms-input-placeholder {\r\n color: <%= input_text_color %>;\r\n opacity: 0.8;\r\n}\r\n#popmechanic-form .popmechanic-field__input::placeholder {\r\n color: <%= input_text_color %>;\r\n opacity: 0.8;\r\n}\r\n#popmechanic-form .popmechanic-field__input:focus {\r\n outline: none;\r\n}\r\n#popmechanic-form .popmechanic-button {\r\n display: block;\r\n width: 100%;\r\n max-width: 100%;\r\n overflow: hidden;\r\n padding: 0.5em;\r\n background-color: <%= accent_color %>;\r\n color: <%= submit_text_color %>;\r\n text-align: center;\r\n text-decoration: none;\r\n font-weight: 400;\r\n line-height: 1;\r\n -webkit-user-select: none;\r\n -ms-user-select: none;\r\n user-select: none;\r\n transition-property: background-color;\r\n transition-duration: 0.2s;\r\n transition-timing-function: ease-in-out;\r\n border-radius: 5px;\r\n}\r\n@media (hover: hover) {\r\n #popmechanic-form .popmechanic-button:hover, #popmechanic-form .popmechanic-button:focus {\r\n background-color: <%= submit_bg_color_hov %>;\r\n color: <%= submit_text_color_hov %>;\r\n }\r\n}\r\n#popmechanic-form .popmechanic-policy {\r\n position: relative;\r\n display: flex;\r\n align-items: center;\r\n min-height: 26px;\r\n padding-top: 14px;\r\n color: <%= policy_text_color %>;\r\n -webkit-user-select: none;\r\n -ms-user-select: none;\r\n user-select: none;\r\n}\r\n#popmechanic-form .popmechanic-policy__checkbox:checked + .popmechanic-policy__check {\r\n background-color: <%= accent_color %>;\r\n border-radius: 3px;\r\n}\r\n#popmechanic-form .popmechanic-policy__label {\r\n margin-right: 5px;\r\n margin-left: -0.5em;\r\n padding: 0.5em;\r\n cursor: pointer;\r\n \r\n}\r\n#popmechanic-form .popmechanic-policy__check {\r\n flex-shrink: 0;\r\n width: 26px;\r\n height: 26px;\r\n border: 6px solid <%= input_bg_color %>;\r\n background-color: <%= input_bg_color %>;\r\n cursor: pointer;\r\n transition-property: background-color;\r\n transition-duration: 0.2s;\r\n transition-timing-function: ease-in-out;\r\n border-radius: 3px;\r\n}\r\n#popmechanic-form .popmechanic-policy__text {\r\n font-size: 10px;\r\n line-height: 1.4;\r\n}\r\n#popmechanic-form .popmechanic-policy__link {\r\n text-decoration: underline;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-main, .popmechanic-desktop #popmechanic-form .popmechanic-thankyou {\r\n width: <%= width_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-container {\r\n padding: <%= padding_y_desk %>px <%= padding_x_desk %>px;\r\n padding-top: <%= +padding_y_desk + +close_size_desk %>px;\r\n border-width: <%= border_width_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-header {\r\n margin-bottom: 30px;\r\n text-align: <%= text_align_desk %>;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-title {\r\n margin-bottom: 26px;\r\n font-size: <%= title_fs_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-subtitle {\r\n font-size: <%= subtitle_fs_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-field {\r\n display: flex;\r\n min-height: 60px;\r\n font-size: <%= input_fs_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-field__input {\r\n margin-right: 10px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-button {\r\n max-width: <%= btn_width_desk %>px;\r\n font-size: <%= btn_fs_desk %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-main, .popmechanic-tablet #popmechanic-form .popmechanic-thankyou, .popmechanic-mobile #popmechanic-form .popmechanic-main, .popmechanic-mobile #popmechanic-form .popmechanic-thankyou {\r\n width: <%= width_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-container, .popmechanic-mobile #popmechanic-form .popmechanic-container {\r\n padding: <%= padding_y_mob %>px <%= padding_x_mob %>px;\r\n padding-top: <%= +padding_y_mob + +close_size_mob %>px;\r\n border-width: <%= border_width_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-header, .popmechanic-mobile #popmechanic-form .popmechanic-header {\r\n margin-bottom: 23px;\r\n text-align: <%= text_align_mob %>;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-title, .popmechanic-mobile #popmechanic-form .popmechanic-title {\r\n margin-bottom: 10px;\r\n font-size: <%= title_fs_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-subtitle, .popmechanic-mobile #popmechanic-form .popmechanic-subtitle {\r\n font-size: <%= subtitle_fs_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-field, .popmechanic-mobile #popmechanic-form .popmechanic-field {\r\n font-size: <%= input_fs_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-field__input, .popmechanic-mobile #popmechanic-form .popmechanic-field__input {\r\n min-height: 28px;\r\n margin-bottom: 10px;\r\n text-align: center;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-button, .popmechanic-mobile #popmechanic-form .popmechanic-button {\r\n min-height: 38px;\r\n font-size: <%= btn_fs_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-policy__text, .popmechanic-mobile #popmechanic-form .popmechanic-policy__text {\r\n font-size: 8px;\r\n}\r\n#popmechanic-form .popmechanic-close {\r\n position: absolute;\r\n z-index: 40;\r\n cursor: pointer;\r\n}\r\n#popmechanic-form .popmechanic-close::before, #popmechanic-form .popmechanic-close::after {\r\n content: \"\";\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n width: 80%;\r\n height: 2px;\r\n transform: translate(-50%, -50%) rotate(45deg);\r\n transition-property: transform;\r\n transition-duration: 0.2s;\r\n transition-timing-function: ease-in-out;\r\n}\r\n#popmechanic-form .popmechanic-close::after {\r\n transform: translate(-50%, -50%) rotate(135deg);\r\n}\r\n@media (hover: hover) {\r\n #popmechanic-form .popmechanic-close:hover::before, #popmechanic-form .popmechanic-close:focus::before {\r\n transform: translate(-50%, -50%) rotate(135deg);\r\n }\r\n #popmechanic-form .popmechanic-close:hover::after, #popmechanic-form .popmechanic-close:focus::after {\r\n transform: translate(-50%, -50%) rotate(225deg);\r\n }\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-close {\r\n top: 10px;\r\n right: 10px;\r\n width: <%= close_size_desk %>px;\r\n height: <%= close_size_desk %>px;\r\n <% if(parseInt(close_bg_show_desk)) { %>\r\n background-color: rgba(<%= hexToRgb(close_bg_color_desk) %>, <%= close_bg_transparency %>);\r\n <% } %>\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-close::before, .popmechanic-desktop #popmechanic-form .popmechanic-close::after {\r\n background-color: <%= close_color_desk %>;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-close, .popmechanic-mobile #popmechanic-form .popmechanic-close {\r\n top: 5px;\r\n right: 5px;\r\n width: <%= close_size_mob %>px;\r\n height: <%= close_size_mob %>px;\r\n <% if(parseInt(close_bg_show_mob)) { %>\r\n background-color: rgba(<%= hexToRgb(close_bg_color_mob) %>, <%= close_bg_transparency %>);\r\n <% } %>\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-close::before, .popmechanic-tablet #popmechanic-form .popmechanic-close::after, .popmechanic-mobile #popmechanic-form .popmechanic-close::before, .popmechanic-mobile #popmechanic-form .popmechanic-close::after {\r\n background-color: <%= close_color_mob %>;\r\n}\r\n#popmechanic-form .popmechanic-thankyou {\r\n display: none;\r\n}\r\n.popmechanic-success #popmechanic-form .popmechanic-main {\r\n display: none !important;\r\n}\r\n.popmechanic-success #popmechanic-form .popmechanic-thankyou {\r\n display: block;\r\n}\r\n.popmechanic-success #popmechanic-form .popmechanic-button {\r\n min-height: 38px;\r\n margin-right: auto;\r\n margin-left: auto;\r\n}\r\n.popmechanic-desktop.popmechanic-success #popmechanic-form .popmechanic-container {\r\n padding-top: 60px;\r\n padding-bottom: 97px;\r\n}\r\n.popmechanic-desktop.popmechanic-success #popmechanic-form .popmechanic-header {\r\n text-align: <%= tnx_text_align %>;\r\n}\r\n.popmechanic-desktop.popmechanic-success #popmechanic-form .popmechanic-title {\r\n margin-bottom: 14px;\r\n}\r\n\r\n.popmechanic-tablet.popmechanic-success #popmechanic-form .popmechanic-container, .popmechanic-mobile.popmechanic-success #popmechanic-form .popmechanic-container {\r\n padding-top: 80px;\r\n padding-bottom: 80px;\r\n}\r\n.popmechanic-tablet.popmechanic-success #popmechanic-form .popmechanic-header, .popmechanic-mobile.popmechanic-success #popmechanic-form .popmechanic-header {\r\n margin-bottom: 28px;\r\n text-align: <%= tnx_text_align %>;\r\n}\r\n.popmechanic-tablet.popmechanic-success #popmechanic-form .popmechanic-title, .popmechanic-mobile.popmechanic-success #popmechanic-form .popmechanic-title {\r\n margin-bottom: 15px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-invalid:not(:focus) {\r\n z-index: 30;\r\n border-bottom: 1px solid #d4351c !important;\r\n color: #d4351c !important;\r\n}\r\n#popmechanic-form .popmechanic-invalid:not(:focus):-ms-input-placeholder {\r\n color: #d4351c;\r\n}\r\n#popmechanic-form .popmechanic-invalid:not(:focus)::placeholder {\r\n color: #d4351c;\r\n}\r\n#popmechanic-form .popmechanic-invalid:not(:focus) + .popmechanic-policy__check {\r\n border: 1px solid #d4351c !important;\r\n}", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 88847, "template": 2031, "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://promo.niidpo.ru/horeography-teacher"], "operator": "$in_contains"}], "operator": "$and"}, {"id": "4", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 258, "externalId": "018916d5-ed46-4b5d-9aed-ad99ce5fded0"}, "inSegmentByDefault": true}, "operator": "$check"}], "operator": "$and"}}, "settings_splits": [{"settings": {"crug1": "20.00", "crug2": "10.00", "font1": "Roboto, sans-serif", "image": "https://personalization-web-stable.mindbox.ru/user-media/36973/86a5747a1dcdd85f8266b8b39ae02aa5f26dac21f62e0e892d60f8d47d31a6e2.png", "label": "", "width": "700.00", "header": "\u041f\u043e\u0434\u043f\u0438\u0448\u0438\u0442\u0435\u0441\u044c \u043d\u0430 \u0440\u0430\u0441\u0441\u044b\u043b\u043a\u0443 \u0437\u0430 \u0441\u0435\u043a\u0443\u043d\u0434\u044b \u23f3", "cl_col1": "#333333", "askLebel": "0", "but_col3": "#fff", "inp_col1": "#e3e3e3", "close_text": "\u0425\u043e\u0440\u043e\u0448\u043e", "font_size1": "34.00", "label_col2": "#fff", "main_color": "#ff6f66", "text_color": "#0f6cbf", "fields_list": [{"name": "Email", "type": "email", "params": {}, "required": true, "placeholder": "\u0412\u0430\u0448 email", "machine_name": "email"}, {"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"}, {"name": "\u0421\u043e\u0433\u043b\u0430\u0441\u0438\u0435", "type": "checkbox", "label": "\u0421\u043e\u0433\u043b\u0430\u0441\u0435\u043d \u043d\u0430 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u043c\u043e\u0438\u0445 \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 \u0441", "params": {"checked": true, "link_href": "https://niidpo.ru/sveden/personal", "link_text": "\u041f\u043e\u043b\u0438\u0442\u0438\u043a\u043e\u0439 \u0432 \u043e\u0442\u043d\u043e\u0448\u0435\u043d\u0438\u0438 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445", "show_link": true, "text_after_link": ""}, "required": true, "machine_name": "agreement"}], "font_custom": "\u2018Circe\u2019, Arial, sans-serif", "label_color": "#fa2453", "font_size_mob": "28.00", "thankyou_text": "\u0423\u0436\u0435 \u043e\u0442\u043f\u0440\u0430\u0432\u043b\u044f\u0435\u043c \u0432\u0430\u043c \u043f\u043e\u0434\u0430\u0440\u043e\u043a \u043d\u0430 \u043f\u043e\u0447\u0442\u0443 \u2764\ufe0f", "thankyou_header": "\u0421\u043f\u0430\u0441\u0438\u0431\u043e \u0437\u0430 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0443!", "background_color": "#d9ebfb", "font_custom_show": "0"}, "button_settings": {}, "conditions_splits": [{"conditions": {"mouseleave": "1"}, "combinator": "and", "id": 199298}], "id": 88255, "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": "[niidpo] \u0423\u0445\u043e\u0434\u044f\u0449\u0438\u0439 \u0442\u0440\u0430\u0444\u0438\u043a \u0414\u0418\u041f \u041f\u0440\u0435\u043f\u043e\u0434\u0430\u0432\u0430\u0442\u0435\u043b\u044c \u0445\u043e\u0440\u0435\u043e\u0433\u0440\u0430\u0444\u0438\u0438, \u0440\u0435\u043f\u0435\u0442\u0438\u0442\u043e\u0440", "active": true, "embed_selector": false, "selector": "", "placement": "start", "frequency": {"once_lifetime": false, "once_session": true, "priority": false, "minimal_timeout": null}, "start_date": null, "end_date": null, "day_of_week": [true, true, true, true, true, true, true], "start_time": null, "end_time": null, "timezone_minutes": 180, "custom_fields": [], "container_id": null, "child_forms": [], "salt": null, "control_group": null, "variants": [{"is_winner": false, "ab_test_variant_internal_id": null, "view_settings": {"button_template": null, "rendered_preview": "https://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-89132.png?ts=1717682787895", "rendered_button_preview": null, "settings": {"crug1": "20.00", "crug2": "10.00", "font1": "Roboto, sans-serif", "image": "https://personalization-web-stable.mindbox.ru/user-media/36973/86a5747a1dcdd85f8266b8b39ae02aa5f26dac21f62e0e892d60f8d47d31a6e2.png", "label": "", "width": "700.00", "header": "\u041f\u043e\u0434\u043f\u0438\u0448\u0438\u0442\u0435\u0441\u044c \u043d\u0430 \u0440\u0430\u0441\u0441\u044b\u043b\u043a\u0443 \u0437\u0430 \u0441\u0435\u043a\u0443\u043d\u0434\u044b \u23f3", "cl_col1": "#333333", "askLebel": "0", "but_col3": "#fff", "inp_col1": "#e3e3e3", "close_text": "\u0425\u043e\u0440\u043e\u0448\u043e", "font_size1": "34.00", "label_col2": "#fff", "main_color": "#ff6f66", "text_color": "#0f6cbf", "fields_list": [{"name": "Email", "type": "email", "params": {}, "required": true, "placeholder": "\u0412\u0430\u0448 email", "machine_name": "email"}, {"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"}, {"name": "\u0421\u043e\u0433\u043b\u0430\u0441\u0438\u0435", "type": "checkbox", "label": "\u0421\u043e\u0433\u043b\u0430\u0441\u0435\u043d \u043d\u0430 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u043c\u043e\u0438\u0445 \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 \u0441", "params": {"checked": true, "link_href": "https://niidpo.ru/sveden/personal", "link_text": "\u041f\u043e\u043b\u0438\u0442\u0438\u043a\u043e\u0439 \u0432 \u043e\u0442\u043d\u043e\u0448\u0435\u043d\u0438\u0438 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445", "show_link": true, "text_after_link": ""}, "required": true, "machine_name": "agreement"}], "font_custom": "\u2018Circe\u2019, Arial, sans-serif", "label_color": "#fa2453", "font_size_mob": "28.00", "thankyou_text": "\u0423\u0436\u0435 \u043e\u0442\u043f\u0440\u0430\u0432\u043b\u044f\u0435\u043c \u0432\u0430\u043c \u043f\u043e\u0434\u0430\u0440\u043e\u043a \u043d\u0430 \u043f\u043e\u0447\u0442\u0443 \u2764\ufe0f", "thankyou_header": "\u0421\u043f\u0430\u0441\u0438\u0431\u043e \u0437\u0430 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0443!", "background_color": "#d9ebfb", "font_custom_show": "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": "
\r\n
\r\n
\r\n <% if (parseInt(askLebel)) { %>\r\n
\r\n <%=label%>\r\n
<% } %>\r\n
\r\n <%=header%>\r\n
\r\n
\r\n
\u041f\u043e\u043b\u0443\u0447\u0438\u0442\u0435 \u0433\u0430\u0439\u0434
«\u041a\u0430\u043a \u0441\u0442\u0430\u0442\u044c \u0443\u0441\u043f\u0435\u0448\u043d\u044b\u043c \u0440\u0435\u043f\u0435\u0442\u0438\u0442\u043e\u0440\u043e\u043c»\r\n
\r\n
\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 %>\" placeholder=\"<%=field.placeholder%>\" <%=required%>><%\r\n break;\r\n case \"name\":\r\n case \"phone\":\r\n %>\" placeholder=\"<%=field.placeholder%>\" <%=required%>><%\r\n break;\r\n case \"email\":\r\n %>\" placeholder=\"<%=field.placeholder%>\" <%=required%>><%\r\n break;\r\n case \"number\":\r\n %>\" placeholder=\"<%=field.placeholder%>\" <%=required%>><%\r\n break;\r\n case \"date\":\r\n %>\" placeholder=\"<%=field.placeholder%>\" <%=required%>><%\r\n break;\r\n case \"select\":\r\n %><%\r\n break;\r\n\t\t\tcase \"checkbox\":\r\n %>\r\n \r\n <%\r\n break;\r\n case \"submit\":\r\n if (field.params.submits_count == 1) {\r\n %>\r\n \r\n <%\r\n } else {\r\n %>\r\n
\r\n
\r\n '] = '<%= field.params.submit1_value %>'\" \r\n >\r\n
<%=field.params.submit1_text%>
\r\n \r\n
\r\n
\r\n '] = '<%= field.params.submit2_value %>'\" \r\n >\r\n
<%=field.params.submit2_text%>
\r\n \r\n
\r\n
\r\n <%\r\n }\r\n break;\r\n default:\r\n continue;\r\n }\r\n } %> \t\t\r\n\t\t
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n <%=thankyou_header%>\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n <%=thankyou_text%>\r\n
\r\n \r\n
\r\n \r\n
", "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: 60%;\r\n padding: 20px 30px; }\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: 40%;\r\n border-radius: 0 20px 20px 0;\r\n background-image: url(\"<%=image%>\");\r\n background-size: contain;\r\n background-position: 50% 50%;\r\n background-color: #FFFFFF;\r\n background-repeat: no-repeat; \r\n}\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 .txt {\r\n font-size: 15px;\r\n line-height: 1.2;\r\n font-weight: 400;\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: -999;\r\n width: 0;\r\n height: 0; }\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_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 83897, "template": 2031, "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": 222, "externalId": "602114dc-ddbf-45dc-9ce3-38f683572afe"}, "inSegmentByDefault": true}, "operator": "$check"}, {"id": "3", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 214, "externalId": "dfc4c31f-bd3b-457d-99f3-9f675a1cdcf4"}, "inSegmentByDefault": true}, "operator": "$check"}, {"id": "4", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 219, "externalId": "aa27e82e-63e1-4fc2-ad18-d2541cac916b"}, "inSegmentByDefault": true}, "operator": "$check"}, {"id": "5", "field": "form_completed", "value": {"forms": [83869, 83893, 83897], "interval": 7}, "operator": "$never"}, {"id": "6", "name": "$and", "type": "current_page", "nodes": [{"id": "7", "field": "dom_element", "value": "p.pop-up_dip", "operator": "$exists"}], "operator": "$and"}], "operator": "$and"}}, "settings_splits": [{"settings": {"crug1": "3", "crug2": "25", "font1": "Roboto, sans-serif", "image": "https://email-images.mindbox.ru/f54fd3cb-22b1-44f1-a35a-d4c574d9fcbf/1.png", "label": "", "width": "577.00", "header": "\u041f\u043e\u0434\u043e\u0436\u0434\u0438\u0442\u0435, \u0432\u044b \u043a\u043e\u0435-\u0447\u0442\u043e \u0437\u0430\u0431\u044b\u043b\u0438! \ud83c\udf81", "cl_col1": "#333333", "askLebel": "0", "but_col3": "#fff", "inp_col1": "#e3e3e3", "close_text": "\u0425\u043e\u0440\u043e\u0448\u043e", "font_size1": "30", "label_col2": "#fff", "main_color": "#062043", "text_color": "#333333", "fields_list": [{"name": "Email", "type": "email", "params": {}, "required": true, "placeholder": "\u0412\u0430\u0448 email", "machine_name": "email"}, {"name": "\u041a\u043d\u043e\u043f\u043a\u0430", "type": "submit", "params": {"submit1_text": "\u0425\u043e\u0447\u0443 \u0441\u043a\u0438\u0434\u043a\u0443!", "submits_count": 1}, "machine_name": "button"}, {"name": "\u0421\u043e\u0433\u043b\u0430\u0441\u0438\u0435", "type": "checkbox", "label": "\u0421\u043e\u0433\u043b\u0430\u0441\u0435\u043d \u043d\u0430 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u043c\u043e\u0438\u0445 \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 \u0441", "params": {"checked": true, "link_href": "https://niidpo.ru/sveden/personal", "link_text": "\u041f\u043e\u043b\u0438\u0442\u0438\u043a\u043e\u0439 \u0432 \u043e\u0442\u043d\u043e\u0448\u0435\u043d\u0438\u0438 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445", "show_link": true, "text_after_link": ""}, "required": true, "machine_name": "agreement"}], "font_custom": "\u2018Circe\u2019, Arial, sans-serif", "label_color": "#fa2453", "font_size_mob": "28", "thankyou_text": "\u041f\u0440\u043e\u043c\u043e\u043a\u043e\u0434 \u0443\u0436\u0435 \u043e\u0442\u043f\u0440\u0430\u0432\u0438\u043b\u0438, \u043d\u0435 \u0437\u0430\u0431\u0443\u0434\u044c\u0442\u0435 \u043f\u0440\u043e\u0432\u0435\u0440\u0438\u0442\u044c \u043f\u043e\u0447\u0442\u0443.", "thankyou_header": "\u0421\u043f\u0430\u0441\u0438\u0431\u043e \u0437\u0430 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0443!", "background_color": "#ffffff", "font_custom_show": "0"}, "button_settings": {}, "conditions_splits": [{"conditions": {"mouseleave": "1"}, "combinator": "and", "id": 196361}], "id": 83305, "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": "[niidpo] \u0423\u0445\u043e\u0434\u044f\u0449\u0438\u0439 \u0442\u0440\u0430\u0444\u0438\u043a \u0414\u0418\u041f", "active": true, "embed_selector": false, "selector": "", "placement": "start", "frequency": {"once_lifetime": false, "once_session": false, "priority": false, "minimal_timeout": 259200}, "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-83923.png?ts=1716390607244", "rendered_button_preview": null, "settings": {"crug1": "3", "crug2": "25", "font1": "Roboto, sans-serif", "image": "https://email-images.mindbox.ru/f54fd3cb-22b1-44f1-a35a-d4c574d9fcbf/1.png", "label": "", "width": "577.00", "header": "\u041f\u043e\u0434\u043e\u0436\u0434\u0438\u0442\u0435, \u0432\u044b \u043a\u043e\u0435-\u0447\u0442\u043e \u0437\u0430\u0431\u044b\u043b\u0438! \ud83c\udf81", "cl_col1": "#333333", "askLebel": "0", "but_col3": "#fff", "inp_col1": "#e3e3e3", "close_text": "\u0425\u043e\u0440\u043e\u0448\u043e", "font_size1": "30", "label_col2": "#fff", "main_color": "#062043", "text_color": "#333333", "fields_list": [{"name": "Email", "type": "email", "params": {}, "required": true, "placeholder": "\u0412\u0430\u0448 email", "machine_name": "email"}, {"name": "\u041a\u043d\u043e\u043f\u043a\u0430", "type": "submit", "params": {"submit1_text": "\u0425\u043e\u0447\u0443 \u0441\u043a\u0438\u0434\u043a\u0443!", "submits_count": 1}, "machine_name": "button"}, {"name": "\u0421\u043e\u0433\u043b\u0430\u0441\u0438\u0435", "type": "checkbox", "label": "\u0421\u043e\u0433\u043b\u0430\u0441\u0435\u043d \u043d\u0430 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u043c\u043e\u0438\u0445 \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 \u0441", "params": {"checked": true, "link_href": "https://niidpo.ru/sveden/personal", "link_text": "\u041f\u043e\u043b\u0438\u0442\u0438\u043a\u043e\u0439 \u0432 \u043e\u0442\u043d\u043e\u0448\u0435\u043d\u0438\u0438 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445", "show_link": true, "text_after_link": ""}, "required": true, "machine_name": "agreement"}], "font_custom": "\u2018Circe\u2019, Arial, sans-serif", "label_color": "#fa2453", "font_size_mob": "28", "thankyou_text": "\u041f\u0440\u043e\u043c\u043e\u043a\u043e\u0434 \u0443\u0436\u0435 \u043e\u0442\u043f\u0440\u0430\u0432\u0438\u043b\u0438, \u043d\u0435 \u0437\u0430\u0431\u0443\u0434\u044c\u0442\u0435 \u043f\u0440\u043e\u0432\u0435\u0440\u0438\u0442\u044c \u043f\u043e\u0447\u0442\u0443.", "thankyou_header": "\u0421\u043f\u0430\u0441\u0438\u0431\u043e \u0437\u0430 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0443!", "background_color": "#ffffff", "font_custom_show": "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": "
\r\n
\r\n
\r\n <% if (parseInt(askLebel)) { %>\r\n
\r\n <%=label%>\r\n
<% } %>\r\n
\r\n <%=header%>\r\n
\r\n
\r\n \u041f\u043e\u043b\u0443\u0447\u0438\u0442\u0435 \u043f\u0440\u043e\u043c\u043e\u043a\u043e\u0434 \u0441 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u043e\u0439 \u0441\u043a\u0438\u0434\u043a\u043e\u0439 5% \u043d\u0430 \u043b\u044e\u0431\u043e\u0439 \u043a\u0443\u0440\u0441 \u043f\u043e \u043f\u0435\u0434\u0430\u0433\u043e\u0433\u0438\u043a\u0435 \ud83d\ude0a\r\n
\r\n
\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 %>\" placeholder=\"<%=field.placeholder%>\" <%=required%>><%\r\n break;\r\n case \"name\":\r\n case \"phone\":\r\n %>\" placeholder=\"<%=field.placeholder%>\" <%=required%>><%\r\n break;\r\n case \"email\":\r\n %>\" placeholder=\"<%=field.placeholder%>\" <%=required%>><%\r\n break;\r\n case \"number\":\r\n %>\" placeholder=\"<%=field.placeholder%>\" <%=required%>><%\r\n break;\r\n case \"date\":\r\n %>\" placeholder=\"<%=field.placeholder%>\" <%=required%>><%\r\n break;\r\n case \"select\":\r\n %><%\r\n break;\r\n\t\t\tcase \"checkbox\":\r\n %>\r\n \r\n <%\r\n break;\r\n case \"submit\":\r\n if (field.params.submits_count == 1) {\r\n %>\r\n \r\n <%\r\n } else {\r\n %>\r\n
\r\n
\r\n '] = '<%= field.params.submit1_value %>'\" \r\n >\r\n
<%=field.params.submit1_text%>
\r\n \r\n
\r\n
\r\n '] = '<%= field.params.submit2_value %>'\" \r\n >\r\n
<%=field.params.submit2_text%>
\r\n \r\n
\r\n
\r\n <%\r\n }\r\n break;\r\n default:\r\n continue;\r\n }\r\n } %> \t\t\r\n\t\t
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n <%=thankyou_header%>\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n <%=thankyou_text%>\r\n
\r\n \r\n
\r\n \r\n
", "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: 60%;\r\n padding: 20px 30px; }\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: 40%;\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 .txt {\r\n font-size: 15px;\r\n line-height: 1.2;\r\n font-weight: 400;\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: -999;\r\n width: 0;\r\n height: 0; }\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_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 83893, "template": 2031, "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": 222, "externalId": "602114dc-ddbf-45dc-9ce3-38f683572afe"}, "inSegmentByDefault": true}, "operator": "$check"}, {"id": "3", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 214, "externalId": "dfc4c31f-bd3b-457d-99f3-9f675a1cdcf4"}, "inSegmentByDefault": true}, "operator": "$check"}, {"id": "4", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 219, "externalId": "aa27e82e-63e1-4fc2-ad18-d2541cac916b"}, "inSegmentByDefault": true}, "operator": "$check"}, {"id": "5", "field": "form_completed", "value": {"forms": [83869, 83893, 83897], "interval": 7}, "operator": "$never"}, {"id": "6", "name": "$and", "type": "current_page", "nodes": [{"id": "7", "field": "dom_element", "value": "p.pop-up_lid", "operator": "$exists"}], "operator": "$and"}], "operator": "$and"}}, "settings_splits": [{"settings": {"crug1": "3", "crug2": "25", "font1": "Roboto, sans-serif", "image": "https://email-images.mindbox.ru/f54fd3cb-22b1-44f1-a35a-d4c574d9fcbf/1.png", "label": "", "width": "577.00", "header": "\u041f\u043e\u0434\u043e\u0436\u0434\u0438\u0442\u0435, \u0432\u044b \u043a\u043e\u0435-\u0447\u0442\u043e \u0437\u0430\u0431\u044b\u043b\u0438! \ud83c\udf81", "cl_col1": "#333333", "askLebel": "0", "but_col3": "#fff", "inp_col1": "#e3e3e3", "close_text": "\u0425\u043e\u0440\u043e\u0448\u043e", "font_size1": "30", "label_col2": "#fff", "main_color": "#062043", "text_color": "#333333", "fields_list": [{"name": "Email", "type": "email", "params": {}, "required": true, "placeholder": "\u0412\u0430\u0448 email", "machine_name": "email"}, {"name": "\u041a\u043d\u043e\u043f\u043a\u0430", "type": "submit", "params": {"submit1_text": "\u0425\u043e\u0447\u0443 \u0441\u043a\u0438\u0434\u043a\u0443!", "submits_count": 1}, "machine_name": "button"}, {"name": "\u0421\u043e\u0433\u043b\u0430\u0441\u0438\u0435", "type": "checkbox", "label": "\u0421\u043e\u0433\u043b\u0430\u0441\u0435\u043d \u043d\u0430 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u043c\u043e\u0438\u0445 \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 \u0441", "params": {"checked": true, "link_href": "https://niidpo.ru/sveden/personal", "link_text": "\u041f\u043e\u043b\u0438\u0442\u0438\u043a\u043e\u0439 \u0432 \u043e\u0442\u043d\u043e\u0448\u0435\u043d\u0438\u0438 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445", "show_link": true, "text_after_link": ""}, "required": true, "machine_name": "agreement"}], "font_custom": "\u2018Circe\u2019, Arial, sans-serif", "label_color": "#fa2453", "font_size_mob": "28", "thankyou_text": "\u041f\u0440\u043e\u043c\u043e\u043a\u043e\u0434 \u0443\u0436\u0435 \u043e\u0442\u043f\u0440\u0430\u0432\u0438\u043b\u0438, \u043d\u0435 \u0437\u0430\u0431\u0443\u0434\u044c\u0442\u0435 \u043f\u0440\u043e\u0432\u0435\u0440\u0438\u0442\u044c \u043f\u043e\u0447\u0442\u0443.", "thankyou_header": "\u0421\u043f\u0430\u0441\u0438\u0431\u043e \u0437\u0430 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0443!", "background_color": "#ffffff", "font_custom_show": "0"}, "button_settings": {}, "conditions_splits": [{"conditions": {"mouseleave": "1"}, "combinator": "and", "id": 196358}], "id": 83301, "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": "[niidpo] \u0423\u0445\u043e\u0434\u044f\u0449\u0438\u0439 \u0442\u0440\u0430\u0444\u0438\u043a \u041b\u0418\u0414", "active": true, "embed_selector": false, "selector": "", "placement": "start", "frequency": {"once_lifetime": false, "once_session": false, "priority": false, "minimal_timeout": 259200}, "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-83919.png?ts=1711107095530", "rendered_button_preview": null, "settings": {"crug1": "3", "crug2": "25", "font1": "Roboto, sans-serif", "image": "https://email-images.mindbox.ru/f54fd3cb-22b1-44f1-a35a-d4c574d9fcbf/1.png", "label": "", "width": "577.00", "header": "\u041f\u043e\u0434\u043e\u0436\u0434\u0438\u0442\u0435, \u0432\u044b \u043a\u043e\u0435-\u0447\u0442\u043e \u0437\u0430\u0431\u044b\u043b\u0438! \ud83c\udf81", "cl_col1": "#333333", "askLebel": "0", "but_col3": "#fff", "inp_col1": "#e3e3e3", "close_text": "\u0425\u043e\u0440\u043e\u0448\u043e", "font_size1": "30", "label_col2": "#fff", "main_color": "#062043", "text_color": "#333333", "fields_list": [{"name": "Email", "type": "email", "params": {}, "required": true, "placeholder": "\u0412\u0430\u0448 email", "machine_name": "email"}, {"name": "\u041a\u043d\u043e\u043f\u043a\u0430", "type": "submit", "params": {"submit1_text": "\u0425\u043e\u0447\u0443 \u0441\u043a\u0438\u0434\u043a\u0443!", "submits_count": 1}, "machine_name": "button"}, {"name": "\u0421\u043e\u0433\u043b\u0430\u0441\u0438\u0435", "type": "checkbox", "label": "\u0421\u043e\u0433\u043b\u0430\u0441\u0435\u043d \u043d\u0430 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u043c\u043e\u0438\u0445 \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 \u0441", "params": {"checked": true, "link_href": "https://niidpo.ru/sveden/personal", "link_text": "\u041f\u043e\u043b\u0438\u0442\u0438\u043a\u043e\u0439 \u0432 \u043e\u0442\u043d\u043e\u0448\u0435\u043d\u0438\u0438 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445", "show_link": true, "text_after_link": ""}, "required": true, "machine_name": "agreement"}], "font_custom": "\u2018Circe\u2019, Arial, sans-serif", "label_color": "#fa2453", "font_size_mob": "28", "thankyou_text": "\u041f\u0440\u043e\u043c\u043e\u043a\u043e\u0434 \u0443\u0436\u0435 \u043e\u0442\u043f\u0440\u0430\u0432\u0438\u043b\u0438, \u043d\u0435 \u0437\u0430\u0431\u0443\u0434\u044c\u0442\u0435 \u043f\u0440\u043e\u0432\u0435\u0440\u0438\u0442\u044c \u043f\u043e\u0447\u0442\u0443.", "thankyou_header": "\u0421\u043f\u0430\u0441\u0438\u0431\u043e \u0437\u0430 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0443!", "background_color": "#ffffff", "font_custom_show": "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": "
\r\n
\r\n
\r\n <% if (parseInt(askLebel)) { %>\r\n
\r\n <%=label%>\r\n
<% } %>\r\n
\r\n <%=header%>\r\n
\r\n
\r\n \u0414\u0430\u0440\u0438\u043c \u0432\u0430\u043c 2700 \u0440\u0443\u0431\u043b\u0435\u0439* \u043d\u0430 \u043f\u043e\u043a\u0443\u043f\u043a\u0443 \u043b\u044e\u0431\u043e\u0433\u043e \u043a\u0443\u0440\u0441\u0430 \u043d\u0430\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0439 \"\u041b\u043e\u0433\u043e\u043f\u0435\u0434\u0438\u044f\" \u0438 \"\u0414\u0435\u0444\u0435\u043a\u0442\u043e\u043b\u043e\u0433\u0438\u044f\". \ud83d\ude0a\r\n
\r\n
\r\n *2700 \u0440\u0443\u0431\u043b\u0435\u0439 \u043c\u043e\u0436\u043d\u043e \u043f\u043e\u0442\u0440\u0430\u0442\u0438\u0442\u044c \u043d\u0430 \u0441\u043a\u0438\u0434\u043a\u0443 \u0434\u043e 5% \u043f\u0440\u0438 \u043f\u043e\u043a\u0443\u043f\u043a\u0435 \u043a\u0443\u0440\u0441\u0430\r\n
\r\n
\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 %>\" placeholder=\"<%=field.placeholder%>\" <%=required%>><%\r\n break;\r\n case \"name\":\r\n case \"phone\":\r\n %>\" placeholder=\"<%=field.placeholder%>\" <%=required%>><%\r\n break;\r\n case \"email\":\r\n %>\" placeholder=\"<%=field.placeholder%>\" <%=required%>><%\r\n break;\r\n case \"number\":\r\n %>\" placeholder=\"<%=field.placeholder%>\" <%=required%>><%\r\n break;\r\n case \"date\":\r\n %>\" placeholder=\"<%=field.placeholder%>\" <%=required%>><%\r\n break;\r\n case \"select\":\r\n %><%\r\n break;\r\n\t\t\tcase \"checkbox\":\r\n %>\r\n \r\n <%\r\n break;\r\n case \"submit\":\r\n if (field.params.submits_count == 1) {\r\n %>\r\n \r\n <%\r\n } else {\r\n %>\r\n
\r\n
\r\n '] = '<%= field.params.submit1_value %>'\" \r\n >\r\n
<%=field.params.submit1_text%>
\r\n \r\n
\r\n
\r\n '] = '<%= field.params.submit2_value %>'\" \r\n >\r\n
<%=field.params.submit2_text%>
\r\n \r\n
\r\n
\r\n <%\r\n }\r\n break;\r\n default:\r\n continue;\r\n }\r\n } %> \t\t\r\n\t\t
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n <%=thankyou_header%>\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n <%=thankyou_text%>\r\n
\r\n \r\n
\r\n \r\n
", "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: 60%;\r\n padding: 20px 30px; }\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: 40%;\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 .txt {\r\n font-size: 15px;\r\n line-height: 1.2;\r\n font-weight: 400;\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: -999;\r\n width: 0;\r\n height: 0; }\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_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 83869, "template": 2031, "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": 222, "externalId": "602114dc-ddbf-45dc-9ce3-38f683572afe"}, "inSegmentByDefault": true}, "operator": "$check"}, {"id": "3", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 214, "externalId": "dfc4c31f-bd3b-457d-99f3-9f675a1cdcf4"}, "inSegmentByDefault": true}, "operator": "$check"}, {"id": "4", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 219, "externalId": "aa27e82e-63e1-4fc2-ad18-d2541cac916b"}, "inSegmentByDefault": true}, "operator": "$check"}, {"id": "5", "field": "form_completed", "value": {"forms": [83869, 83897, 83893], "interval": 7}, "operator": "$never"}, {"id": "6", "name": "$and", "type": "current_page", "nodes": [{"id": "7", "field": "dom_element", "value": "p.pop-up_zfks", "operator": "$exists"}], "operator": "$and"}], "operator": "$and"}}, "settings_splits": [{"settings": {"crug1": "3", "crug2": "25", "font1": "Roboto, sans-serif", "image": "https://email-images.mindbox.ru/f54fd3cb-22b1-44f1-a35a-d4c574d9fcbf/1.png", "label": "", "width": "577.00", "header": "\u041f\u043e\u0434\u043e\u0436\u0434\u0438\u0442\u0435, \u0432\u044b \u043a\u043e\u0435-\u0447\u0442\u043e \u0437\u0430\u0431\u044b\u043b\u0438! \ud83c\udf81", "cl_col1": "#333333", "askLebel": "0", "but_col3": "#fff", "inp_col1": "#e3e3e3", "close_text": "\u0425\u043e\u0440\u043e\u0448\u043e", "font_size1": "30", "label_col2": "#fff", "main_color": "#062043", "text_color": "#333333", "fields_list": [{"name": "Email", "type": "email", "params": {}, "required": true, "placeholder": "\u0412\u0430\u0448 email", "machine_name": "email"}, {"name": "\u041a\u043d\u043e\u043f\u043a\u0430", "type": "submit", "params": {"submit1_text": "\u0425\u043e\u0447\u0443 \u0441\u043a\u0438\u0434\u043a\u0443!", "submits_count": 1}, "machine_name": "button"}, {"name": "\u0421\u043e\u0433\u043b\u0430\u0441\u0438\u0435", "type": "checkbox", "label": "\u0421\u043e\u0433\u043b\u0430\u0441\u0435\u043d \u043d\u0430 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u043c\u043e\u0438\u0445 \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 \u0441", "params": {"checked": true, "link_href": "https://niidpo.ru/sveden/personal", "link_text": "\u041f\u043e\u043b\u0438\u0442\u0438\u043a\u043e\u0439 \u0432 \u043e\u0442\u043d\u043e\u0448\u0435\u043d\u0438\u0438 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445", "show_link": true, "text_after_link": ""}, "required": true, "machine_name": "agreement"}], "font_custom": "\u2018Circe\u2019, Arial, sans-serif", "label_color": "#fa2453", "font_size_mob": "28", "thankyou_text": "\u041f\u0440\u043e\u043c\u043e\u043a\u043e\u0434 \u0443\u0436\u0435 \u043e\u0442\u043f\u0440\u0430\u0432\u0438\u043b\u0438, \u043d\u0435 \u0437\u0430\u0431\u0443\u0434\u044c\u0442\u0435 \u043f\u0440\u043e\u0432\u0435\u0440\u0438\u0442\u044c \u043f\u043e\u0447\u0442\u0443.", "thankyou_header": "\u0421\u043f\u0430\u0441\u0438\u0431\u043e \u0437\u0430 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0443!", "background_color": "#ffffff", "font_custom_show": "0"}, "button_settings": {}, "conditions_splits": [{"conditions": {"mouseleave": "1"}, "combinator": "and", "id": 196341}], "id": 83277, "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": "[niidpo] \u0423\u0445\u043e\u0434\u044f\u0449\u0438\u0439 \u0442\u0440\u0430\u0444\u0438\u043a \u0417\u0424\u041a\u0421", "active": true, "embed_selector": false, "selector": "", "placement": "start", "frequency": {"once_lifetime": false, "once_session": false, "priority": false, "minimal_timeout": 259200}, "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-83894.png?ts=1711107114605", "rendered_button_preview": null, "settings": {"crug1": "3", "crug2": "25", "font1": "Roboto, sans-serif", "image": "https://email-images.mindbox.ru/f54fd3cb-22b1-44f1-a35a-d4c574d9fcbf/1.png", "label": "", "width": "577.00", "header": "\u041f\u043e\u0434\u043e\u0436\u0434\u0438\u0442\u0435, \u0432\u044b \u043a\u043e\u0435-\u0447\u0442\u043e \u0437\u0430\u0431\u044b\u043b\u0438! \ud83c\udf81", "cl_col1": "#333333", "askLebel": "0", "but_col3": "#fff", "inp_col1": "#e3e3e3", "close_text": "\u0425\u043e\u0440\u043e\u0448\u043e", "font_size1": "30", "label_col2": "#fff", "main_color": "#062043", "text_color": "#333333", "fields_list": [{"name": "Email", "type": "email", "params": {}, "required": true, "placeholder": "\u0412\u0430\u0448 email", "machine_name": "email"}, {"name": "\u041a\u043d\u043e\u043f\u043a\u0430", "type": "submit", "params": {"submit1_text": "\u0425\u043e\u0447\u0443 \u0441\u043a\u0438\u0434\u043a\u0443!", "submits_count": 1}, "machine_name": "button"}, {"name": "\u0421\u043e\u0433\u043b\u0430\u0441\u0438\u0435", "type": "checkbox", "label": "\u0421\u043e\u0433\u043b\u0430\u0441\u0435\u043d \u043d\u0430 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u043c\u043e\u0438\u0445 \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 \u0441", "params": {"checked": true, "link_href": "https://niidpo.ru/sveden/personal", "link_text": "\u041f\u043e\u043b\u0438\u0442\u0438\u043a\u043e\u0439 \u0432 \u043e\u0442\u043d\u043e\u0448\u0435\u043d\u0438\u0438 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445", "show_link": true, "text_after_link": ""}, "required": true, "machine_name": "agreement"}], "font_custom": "\u2018Circe\u2019, Arial, sans-serif", "label_color": "#fa2453", "font_size_mob": "28", "thankyou_text": "\u041f\u0440\u043e\u043c\u043e\u043a\u043e\u0434 \u0443\u0436\u0435 \u043e\u0442\u043f\u0440\u0430\u0432\u0438\u043b\u0438, \u043d\u0435 \u0437\u0430\u0431\u0443\u0434\u044c\u0442\u0435 \u043f\u0440\u043e\u0432\u0435\u0440\u0438\u0442\u044c \u043f\u043e\u0447\u0442\u0443.", "thankyou_header": "\u0421\u043f\u0430\u0441\u0438\u0431\u043e \u0437\u0430 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0443!", "background_color": "#ffffff", "font_custom_show": "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": "
\r\n
\r\n
\r\n <% if (parseInt(askLebel)) { %>\r\n
\r\n <%=label%>\r\n
<% } %>\r\n
\r\n <%=header%>\r\n
\r\n
\r\n \u0414\u0430\u0440\u0438\u043c \u0432\u0430\u043c 1800 \u0440\u0443\u0431\u043b\u0435\u0439* \u043d\u0430 \u043f\u043e\u043a\u0443\u043f\u043a\u0443 \u043b\u044e\u0431\u043e\u0433\u043e \u043a\u0443\u0440\u0441\u0430 \u043d\u0430\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f \"\u0424\u0438\u0437\u0438\u0447\u0435\u0441\u043a\u0430\u044f \u043a\u0443\u043b\u044c\u0442\u0443\u0440\u0430 \u0438 \u0441\u043f\u043e\u0440\u0442\". \ud83d\ude0a\r\n
\r\n
\r\n *1800 \u0440\u0443\u0431\u043b\u0435\u0439 \u043c\u043e\u0436\u043d\u043e \u043f\u043e\u0442\u0440\u0430\u0442\u0438\u0442\u044c \u043d\u0430 \u0441\u043a\u0438\u0434\u043a\u0443 \u0434\u043e 5% \u043f\u0440\u0438 \u043f\u043e\u043a\u0443\u043f\u043a\u0435 \u043a\u0443\u0440\u0441\u0430\r\n
\r\n
\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 %>\" placeholder=\"<%=field.placeholder%>\" <%=required%>><%\r\n break;\r\n case \"name\":\r\n case \"phone\":\r\n %>\" placeholder=\"<%=field.placeholder%>\" <%=required%>><%\r\n break;\r\n case \"email\":\r\n %>\" placeholder=\"<%=field.placeholder%>\" <%=required%>><%\r\n break;\r\n case \"number\":\r\n %>\" placeholder=\"<%=field.placeholder%>\" <%=required%>><%\r\n break;\r\n case \"date\":\r\n %>\" placeholder=\"<%=field.placeholder%>\" <%=required%>><%\r\n break;\r\n case \"select\":\r\n %><%\r\n break;\r\n\t\t\tcase \"checkbox\":\r\n %>\r\n \r\n <%\r\n break;\r\n case \"submit\":\r\n if (field.params.submits_count == 1) {\r\n %>\r\n \r\n <%\r\n } else {\r\n %>\r\n
\r\n
\r\n '] = '<%= field.params.submit1_value %>'\" \r\n >\r\n
<%=field.params.submit1_text%>
\r\n \r\n
\r\n
\r\n '] = '<%= field.params.submit2_value %>'\" \r\n >\r\n
<%=field.params.submit2_text%>
\r\n \r\n
\r\n
\r\n <%\r\n }\r\n break;\r\n default:\r\n continue;\r\n }\r\n } %> \t\t\r\n\t\t
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n <%=thankyou_header%>\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n <%=thankyou_text%>\r\n
\r\n \r\n
\r\n \r\n
", "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: 60%;\r\n padding: 20px 30px; }\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: 40%;\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 .txt {\r\n font-size: 15px;\r\n line-height: 1.2;\r\n font-weight: 400;\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: -999;\r\n width: 0;\r\n height: 0; }\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_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 83360, "template": 1812, "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": "niidpo.ru/seminar", "operator": "$exclude"}, {"id": "4", "field": "page", "value": "psychology.niidpo.ru", "operator": "$exclude"}, {"id": "5", "field": "page", "value": "design.niidpo.ru", "operator": "$exclude"}, {"id": "6", "field": "page", "value": "logoped.niidpo.ru", "operator": "$exclude"}, {"id": "7", "field": "page", "value": "logoped.niidpo.ru", "operator": "$exclude"}, {"id": "8", "field": "page", "value": "corp.niidpo.ru", "operator": "$exclude"}, {"id": "9", "field": "page", "value": "project.niidpo.ru", "operator": "$exclude"}, {"id": "10", "field": "page", "value": "promo.niidpo.ru", "operator": "$exclude"}, {"id": "11", "field": "page", "value": "niidpo.ru/oplata", "operator": "$exclude"}, {"id": "12", "field": "page", "value": "niidpo.ru/oplata", "operator": "$exclude"}], "operator": "$and"}], "operator": "$and"}}, "settings_splits": [{"settings": {"title": "\u0411\u0443\u0434\u044c\u0442\u0435 \u0432 \u043a\u0443\u0440\u0441\u0435 \u0441\u043a\u0438\u0434\u043e\u043a \u0438 \u0430\u043a\u0446\u0438\u0439 \u043f\u043e\u0441\u043b\u0435 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0438 \u043d\u0430 \u0443\u0432\u0435\u0434\u043e\u043c\u043b\u0435\u043d\u0438\u044f", "img_src": "https://personalization-web-stable.mindbox.ru/user-media/36973/a3a39896a1fa82a102b4b487a27e0843badaed14999d238de9670131212c6dd6.png", "bg_color": "#044E8B", "subtitle": "\u041d\u0430\u0436\u043c\u0438\u0442\u0435 \"\u041f\u043e\u0434\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f\", \u043f\u043e\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u0435 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0443 \u0432 \u0432\u044b\u043f\u043b\u044b\u0432\u0430\u044e\u0449\u0435\u043c \u043e\u043a\u043d\u0435, \u0438 \u043f\u043e\u043b\u0443\u0447\u0430\u0439\u0442\u0435 \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044e \u043e \u0441\u043a\u0438\u0434\u043a\u0430\u0445 \u0438 \u0430\u043a\u0446\u0438\u044f\u0445 \u043f\u0435\u0440\u0432\u044b\u043c\u0438", "title_fw": "700", "btn_blank": "1", "btn_url_1": "https://mindbox.ru", "btn_url_2": "https://mindbox.ru", "btn_show_1": "1", "btn_show_2": "1", "btn_text_1": "\u041f\u043e\u0434\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f", "btn_text_2": "\u041d\u0435 \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u043e ", "title_show": "1", "border_show": "0", "close_color": "#fff", "font_custom": "Arial, sans-serif", "font_family": "MS Sans Serif, Geneva, sans-serif", "shadow_show": "1", "shadow_size": "1.00", "title_color": "#ffffff", "border_color": "#044E8B", "border_width": "1", "btn_action_1": "form", "btn_action_2": "close", "btn_form_id_1": "0", "btn_form_id_2": "0", "subtitle_show": "1", "btn_bg_color_1": "#8C142F", "btn_bg_color_2": "#044E8B", "height_desktop": "111", "padding_mobile": "10", "subtitle_color": "#ffffff", "bg_transparency": "1.00", "img_show_mobile": "1", "padding_desktop": "38", "btn_text_color_1": "#ffffff", "btn_text_color_2": "#ffffff", "btn_width_mobile": "210", "font_custom_show": "0", "img_show_desktop": "1", "img_width_mobile": "56", "btn_height_mobile": "14", "btn_width_desktop": "210", "close_size_mobile": "30", "img_width_desktop": "56", "text_align_mobile": "center", "btn_bg_color_hov_1": "#8C142F", "btn_bg_color_hov_2": "#044E8B", "btn_border_color_1": "#8C142F", "btn_border_color_2": "#ffffff", "btn_height_desktop": "14", "close_size_desktop": "30", "text_align_desktop": "left", "btn_border_radius_1": "5.00", "btn_border_radius_2": "50", "btn_font_size_mobile": "14", "btn_text_color_hov_1": "#ffffff", "btn_text_color_hov_2": "#ffffff", "btn_font_size_desktop": "14", "img_margin_top_mobile": "-37", "btn_border_color_hov_1": "#ffffff", "btn_border_color_hov_2": "#044E8B", "img_margin_top_desktop": "0", "title_font_size_mobile": "16", "title_font_size_desktop": "16", "subtitle_font_size_mobile": "14", "subtitle_font_size_desktop": "14"}, "button_settings": {}, "conditions_splits": [{"conditions": {"delay": "8"}, "combinator": "and", "id": 196004}], "id": 82768, "behavior_settings": {"banner": {"offset": 0, "position": "bottom", "animation_in": "fadeIn", "allow_overlay": false, "animation_out": "fadeOut"}}}], "pinned": false, "name": "[niidpo] \u041f\u043e\u0434\u043f\u0438\u0441\u043a\u0430 \u043d\u0430 web-push", "active": true, "embed_selector": false, "selector": "", "placement": "start", "frequency": {"once_lifetime": false, "once_session": true, "priority": false, "minimal_timeout": null}, "start_date": null, "end_date": null, "day_of_week": [true, true, true, true, true, true, true], "start_time": null, "end_time": null, "timezone_minutes": 180, "custom_fields": [], "container_id": null, "child_forms": [], "salt": null, "control_group": null, "variants": [{"is_winner": false, "ab_test_variant_internal_id": null, "view_settings": {"button_template": null, "rendered_preview": "https://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-83342.png?ts=1716995181650", "rendered_button_preview": null, "settings": {"title": "\u0411\u0443\u0434\u044c\u0442\u0435 \u0432 \u043a\u0443\u0440\u0441\u0435 \u0441\u043a\u0438\u0434\u043e\u043a \u0438 \u0430\u043a\u0446\u0438\u0439 \u043f\u043e\u0441\u043b\u0435 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0438 \u043d\u0430 \u0443\u0432\u0435\u0434\u043e\u043c\u043b\u0435\u043d\u0438\u044f", "img_src": "https://personalization-web-stable.mindbox.ru/user-media/36973/a3a39896a1fa82a102b4b487a27e0843badaed14999d238de9670131212c6dd6.png", "bg_color": "#044E8B", "subtitle": "\u041d\u0430\u0436\u043c\u0438\u0442\u0435 \"\u041f\u043e\u0434\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f\", \u043f\u043e\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u0435 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0443 \u0432 \u0432\u044b\u043f\u043b\u044b\u0432\u0430\u044e\u0449\u0435\u043c \u043e\u043a\u043d\u0435, \u0438 \u043f\u043e\u043b\u0443\u0447\u0430\u0439\u0442\u0435 \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044e \u043e \u0441\u043a\u0438\u0434\u043a\u0430\u0445 \u0438 \u0430\u043a\u0446\u0438\u044f\u0445 \u043f\u0435\u0440\u0432\u044b\u043c\u0438", "title_fw": "700", "btn_blank": "1", "btn_url_1": "https://mindbox.ru", "btn_url_2": "https://mindbox.ru", "btn_show_1": "1", "btn_show_2": "1", "btn_text_1": "\u041f\u043e\u0434\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f", "btn_text_2": "\u041d\u0435 \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u043e ", "title_show": "1", "border_show": "0", "close_color": "#fff", "font_custom": "Arial, sans-serif", "font_family": "MS Sans Serif, Geneva, sans-serif", "shadow_show": "1", "shadow_size": "1.00", "title_color": "#ffffff", "border_color": "#044E8B", "border_width": "1", "btn_action_1": "form", "btn_action_2": "close", "btn_form_id_1": "0", "btn_form_id_2": "0", "subtitle_show": "1", "btn_bg_color_1": "#8C142F", "btn_bg_color_2": "#044E8B", "height_desktop": "111", "padding_mobile": "10", "subtitle_color": "#ffffff", "bg_transparency": "1.00", "img_show_mobile": "1", "padding_desktop": "38", "btn_text_color_1": "#ffffff", "btn_text_color_2": "#ffffff", "btn_width_mobile": "210", "font_custom_show": "0", "img_show_desktop": "1", "img_width_mobile": "56", "btn_height_mobile": "14", "btn_width_desktop": "210", "close_size_mobile": "30", "img_width_desktop": "56", "text_align_mobile": "center", "btn_bg_color_hov_1": "#8C142F", "btn_bg_color_hov_2": "#044E8B", "btn_border_color_1": "#8C142F", "btn_border_color_2": "#ffffff", "btn_height_desktop": "14", "close_size_desktop": "30", "text_align_desktop": "left", "btn_border_radius_1": "5.00", "btn_border_radius_2": "50", "btn_font_size_mobile": "14", "btn_text_color_hov_1": "#ffffff", "btn_text_color_hov_2": "#ffffff", "btn_font_size_desktop": "14", "img_margin_top_mobile": "-37", "btn_border_color_hov_1": "#ffffff", "btn_border_color_hov_2": "#044E8B", "img_margin_top_desktop": "0", "title_font_size_mobile": "16", "title_font_size_desktop": "16", "subtitle_font_size_mobile": "14", "subtitle_font_size_desktop": "14"}, "button_settings": {}, "behavior_settings": {"banner": {"offset": 0, "position": "bottom", "animation_in": "fadeIn", "allow_overlay": false, "animation_out": "fadeOut"}}, "html": "", "css": "", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}], "templates": [{"id": 1313, "html": "
\r\n\t
\r\n\t\t
\r\n\t\t\t
\r\n\t\t\t\t
<%=title%>
\r\n\t\t\t\t
<%=text%>
\r\n\t\t\t\t<%if(button_action==\"link\"){%>\r\n\t\t\t\t\t\" data-popmechanic-submit data-popmechanic-link class=\"popmechanic-button\" <%if(parseInt(button_blank)){%>target=\"_blank\"<%}%>><%=button%>\r\n\t\t\t\t<%}else{%>\r\n\t\t\t\t\t\r\n\t\t\t\t<%}%>\r\n\t\t\t
\r\n\t\t\t
\r\n\t\t
\t\r\n\t
\r\n\t
×
\r\n
", "css": "@import url('https://fonts.googleapis.com/css?family=PT+Serif:400,400i,700,700i|Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&display=swap&subset=cyrillic');\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 display: inline-block;\r\n vertical-align: top;\r\n margin: 0;\r\n padding: 0; }\r\n #popmechanic-form .popmechanic-close {\r\n position: absolute;\r\n z-index: 99;\r\n top: 10px;\r\n right: 10px;\r\n width: <%=cross_size%>px;\r\n height:<%=cross_size%>px;\r\n font-size: 0;\r\n color: transparent;\r\n background-color: transparent;\r\n border: none;\r\n cursor: pointer;\r\n outline: none;\r\n transform: rotate(45deg);\r\n transition: all .15s; }\r\n #popmechanic-form .popmechanic-close:hover {\r\n transform: rotate(45deg) scale(1.1); }\r\n #popmechanic-form .popmechanic-close:hover:before, #popmechanic-form .popmechanic-close:hover:after {\r\n background-color: <%=cross_color_active%>; }\r\n #popmechanic-form .popmechanic-close:before, #popmechanic-form .popmechanic-close:after {\r\n content: '';\r\n position: absolute;\r\n top: <%=(cross_size-1)/2%>px;\r\n left: 0;\r\n width: 100%;\r\n height: 3px;\r\n background-color: <%=cross_color%>; }\r\n #popmechanic-form .popmechanic-close:after {\r\n transform: rotate(90deg); }\r\n #popmechanic-form .popmechanic-wrapper {\r\n\t <%if(parseInt(bg_img_enable)){%>background-image:url(\"<%=bg_img%>\");<%}%>\r\n\t background-size:cover;\r\n\t background-position:50% 50%;\r\n\t background-color: <%=bg_color%>; \r\n\t border-radius: <%=border_radius%>px;\r\n\t border:<%=border_width%>px solid <%=border_color%>;\r\n\t overflow: hidden;\r\n\t position:relative;\r\n\t <%if(parseInt(shadow_enable)){%>box-shadow:0 5px 5px 0 rgba(0,0,0,.2);<%}%>\r\n }\r\n #popmechanic-form .popmechanic-wrapper:before{\r\n\t content:'';\r\n\t position:absolute;top:0;left:0;\r\n\t width:100%;height:100%;\r\n\t background-color:<%=bg_color_overlay%>;\r\n\t opacity:<%=bg_color_overlay_opacity/100%>;\t \r\n }\r\n #popmechanic-form .popmechanic-main {\r\n width: <%=width%>px;\r\n display: flex;\r\n flex-direction: row;\r\n flex-wrap: nowrap;\r\n justify-content: flex-start;\r\n align-content: stretch;\r\n align-items: stretch;\r\n\tposition:relative;z-index:2;\r\n\t\r\n }\r\n #popmechanic-form .popmechanic-main .popmechanic-content {\r\n flex: 0 1 calc(100% - <%=img_width%>%);\r\n padding: <%=padding_top%>px <%=padding_right%>px <%=padding_bottom%>px <%=padding_left%>px;\r\n\ttext-align:<%=text_align%>;\t }\r\n #popmechanic-form .popmechanic-main .popmechanic-img {\r\n flex: 0 1 <%=img_width%>%;\r\n background-image: url(\"<%=sideImg%>\");\r\n background-size: cover;\r\n background-position: 50% 50%; }\r\n #popmechanic-form .popmechanic-title {\r\n <%if(!parseInt(title_enable)){%>display:none;<%}%>\r\n\tfont-family: <%if(parseInt(custom_font_enable)){%><%=custom_font%><%}else{%><%=font_base%><%}%>;\r\n\t<%if(parseInt(title_italic)){%>font-style:italic;<%}%>\r\n font-size: <%=title_size%>px;\r\n font-weight: <%=title_weight%>;\r\n line-height:<%=title_line_height%>;\r\n color: <%=title_color%>;\r\n margin-bottom: <%=title_padding%>px;\r\n\t}\r\n #popmechanic-form .popmechanic-text {\r\n <%if(!parseInt(text_enable)){%>display:none;<%}%>\r\n\tfont-family: <%if(parseInt(custom_font_enable)){%><%=custom_font%><%}else{%><%=font_base%><%}%>;\r\n\t<%if(parseInt(text_italic)){%>font-style:italic;<%}%>\r\n font-size: <%=text_size%>px;\r\n font-weight: <%=text_weight%>;\r\n line-height:<%=text_line_height%>;\r\n color: <%=text_color%>;\r\n margin-bottom: <%=text_padding%>px; }\r\n #popmechanic-form .popmechanic-button {\r\n\t <%if(!parseInt(button_enable)){%>display:none;<%}else{%>display: inline-block;<%}%>\r\n font-family: <%if(parseInt(custom_font_enable)){%><%=custom_font%><%}else{%><%=font_base%><%}%>;\r\n\t<%if(parseInt(button_italic)){%>font-style:italic;<%}%>\r\n font-size: <%=button_size%>px;\r\n font-weight: <%=button_weight%>;\r\n line-height: 1;\r\n text-decoration: none;\r\n color: <%=button_text_color%>; \r\n background-color: <%=button_bg%>;\r\n border-radius: <%=button_radius%>px;\r\n border: <%=button_border_width%>px solid <%=button_border_color%>;\r\n padding: <%=button_padding_v%>px <%=button_padding_h%>px;\r\n transition: all .15s; }\r\n #popmechanic-form .popmechanic-button:hover {\r\n\t\tcolor: <%=button_text_color_active%>; \r\nborder-color:<%=button_border_color_active%>;\t\t\r\n background-color: <%=button_bg_active%>; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-close{\r\n\twidth: <%=cross_size_m%>px;\r\n height:<%=cross_size_m%>px;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-close:before, .popmechanic-mobile #popmechanic-form .popmechanic-close:after {\r\n\tbackground-color:<%=cross_color_m%>;\r\n\ttop: <%=(cross_size_m-1)/2%>px;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-close:hover:before, #popmechanic-form .popmechanic-close:hover:after {\r\n\tbackground-color:<%=cross_color_active_m%>;\t\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-wrapper {\r\n\t<%if(parseInt(bg_img_m_show)){%>background-image:url(\"<%=bg_img_m%>\");<%}%>\r\n\tborder-radius: <%=border_radius_m%>px;\r\n\tborder:<%=border_width_m%>px solid <%=border_color%>; \r\n\t<%if(parseInt(shadow_enable_m)){%>box-shadow:0 5px 5px 0 rgba(0,0,0,.2);<%}%>\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main {\r\n width: <%=width_m%>px;\r\n max-width: 100vw;\r\n display: flex;\r\n flex-direction: column;\r\n flex-wrap: nowrap;\r\n justify-content: flex-start;\r\n align-content: stretch;\r\n align-items: stretch;\r\n\t }\r\n .popmechanic-mobile #popmechanic-form .popmechanic-main .popmechanic-content {\r\n padding: <%=padding_top_m%>px <%=padding_right_m%>px <%=padding_bottom_m%>px <%=padding_left_m%>px;\r\n\tflex: 0 1 auto;\r\n order: 2;\r\ntext-align:<%=text_align_m%>;\t}\r\n .popmechanic-mobile #popmechanic-form .popmechanic-main .popmechanic-img {\r\n\tflex: 0 1 auto;\r\n height: <%=img_height_m%>px;\r\n order: 1; }\r\n\t.popmechanic-mobile #popmechanic-form .popmechanic-title{\r\n\t\t<%if(!parseInt(title_enable_m)){%>display:none;<%}%>\r\n\t\tpadding-bottom:<%=title_padding_m%>px;\r\n\t\tfont-size:<%=title_size_m%>px;\r\n\t}\r\n\t.popmechanic-mobile #popmechanic-form .popmechanic-text{\r\n\t\t<%if(!parseInt(text_enable_m)){%>display:none;<%}%>\r\n\t\tmargin-bottom:<%=text_padding_m%>px;\r\n\t\tfont-size:<%=text_size_m%>px;\r\n\t}\r\n\t.popmechanic-mobile #popmechanic-form .popmechanic-button{\r\n\t\tborder: <%=button_border_width_m%>px solid <%=button_border_color%>;\r\n\t\t<%if(!parseInt(button_enable_m)){%>display:none;<%}else{%>display: inline-block;<%}%>\r\n\t\tfont-size:<%=button_size_m%>px;\r\n\t\tpadding: <%=button_padding_v_m%>px <%=button_padding_h_m%>px;\r\n\t}", "button": "", "on_show": "", "on_close": "", "embed_code": "", "behaviors": ["partscreen", "info"], "template_type": "partscreen-info", "need_reset": true, "parameters": [], "on_targeting_ready": "", "on_child_ready": ""}, {"id": 1812, "html": "
\r\n\t
\r\n\t\t
\r\n\t\t\t
\"\r\n\t\t\t\t\t\t alt=\"\">
\r\n\t\t\t
\r\n\t\t\t\t<% if(parseInt(title_show)) { %>\r\n\t\t\t\t

<%=title%>

\r\n\t\t\t\t<% } %>\r\n\t\t\t\t<% if(parseInt(subtitle_show)) { %>\r\n\t\t\t\t

<%=subtitle%>

\r\n\t\t\t\t<% } %>\r\n\t\t\t
\r\n\t\t\t\r\n\t\t\t<% if(parseInt(btn_show_1)) { %>\r\n\t\t\t<% if(btn_action_1 === \"link\") { %>\r\n\t\t\t\"\r\n\t\t\t\t <%= parseInt(btn_blank) ? 'target=\"_blank\"' : '' %>\r\n\t\t\t\t name=\"button\"\r\n\t\t\t\t class=\"popmechanic-button popmechanic-button--first\"\r\n\t\t\t\t data-popmechanic-submit\r\n\t\t\t\t data-popmechanic-close><%=btn_text_1%>\r\n\t\t\t<% } %>\r\n\t\t\t<% if(btn_action_1 === \"form\") { %>\r\n\t\t\t<%=btn_text_1%>\r\n\t\t\t<% } %>\r\n\r\n\t\t\t<% if(btn_action_1 === \"close\") { %>\r\n\t\t\t<%=btn_text_1%>\r\n\t\t\t<% } %>\r\n\t\t\t<% } %>\r\n\t\t\t\r\n\t\t\t<% if(parseInt(btn_show_2)) { %>\r\n\t\t\t<% if(btn_action_2 === \"link\") { %>\r\n\t\t\t\"\r\n\t\t\t\t <%= parseInt(btn_blank) ? 'target=\"_blank\"' : '' %>\r\n\t\t\t\t name=\"button\"\r\n\t\t\t\t class=\"popmechanic-button popmechanic-button--second\"\r\n\t\t\t\t data-popmechanic-submit><%=btn_text_2%>\r\n\t\t\t<% } %>\r\n\r\n\t\t\t<% if(btn_action_2 === \"close\") { %>\r\n\t\t\t<%=btn_text_2%>\r\n\t\t\t<% } %>\r\n\t\t\t<% if(btn_action_2 === \"form\") { %>\r\n\t\t\t<%=btn_text_1%>\r\n\t\t\t<% } %>\r\n\t\t\t<% } %>\r\n\t\t
\r\n\t
\r\n\r\n\t
×
\r\n
", "css": "<% if(!parseInt(font_custom_show)) { %>\r\n @import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;900&family=Roboto:wght@400;900&display=swap');\r\n<% } %>\r\n\r\n.popmechanic-reset,\r\n.popmechanic-reset * {\r\n line-height: normal;\r\n box-sizing: border-box;\r\n}\r\n\r\n#popmechanic-form {\r\n position: relative !important;\r\n display: inline-block;\r\n <% if(parseInt(font_custom_show)) { %>\r\n font-family: <%=font_custom%>;\r\n <% } else { %>\r\n font-family: <%=font_family%>;\r\n <% } %>\r\n <% if(parseInt(shadow_show)) { %>\r\n box-shadow: 0px 0px <%=shadow_size%>px rgba(0, 0, 0, 0.25);\r\n <% } %>\r\n vertical-align: middle;\r\n <% if(parseInt(border_show)) { %>\r\n border-color: <%=border_color%>;\r\n border-width: <%=border_width%>px;\r\n border-style: solid;\r\n <% } %>\r\n}\r\n\r\n#popmechanic-form:before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n z-index: 0;\r\n background-color: <%=bg_color%>;\r\n opacity: <%=bg_transparency%>\r\n}\r\n\r\n#popmechanic-form .popmechanic-main {\r\n position: relative;\r\n z-index: 10;\r\n height: 100%;\r\n}\r\n\r\n#popmechanic-form .popmechanic-content {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n height: 100%;\r\n}\r\n\r\n#popmechanic-form .popmechanic-image {\r\n height: auto;\r\n flex-shrink: 0;\r\n}\r\n\r\n#popmechanic-form .popmechanic-image img {\r\n width: 100%;\r\n}\r\n\r\n#popmechanic-form .popmechanic-title {\r\n margin-top: 0;\r\n margin-bottom: 0.2em;\r\n font-weight: <%= title_fw %>;\r\n color: <%=title_color%>;\r\n}\r\n\r\n#popmechanic-form .popmechanic-subtitle {\r\n margin: 0;\r\n font-weight: 400;\r\n color: <%=subtitle_color%>;\r\n line-height: 1.5;\r\n}\r\n\r\n#popmechanic-form .popmechanic-button {\r\n flex-shrink: 0;\r\n text-align: center;\r\n text-decoration: none;\r\n padding-top: 14px;\r\n padding-bottom: 14px;\r\n border: 1px solid;\r\n}\r\n\r\n#popmechanic-form .popmechanic-button--first {\r\n background-color: <%=btn_bg_color_1%>;\r\n border-color: <%=btn_border_color_1%>;\r\n font-weight: 400;\r\n color: <%=btn_text_color_1%>;\r\n border-radius: <%=btn_border_radius_1%>px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-button--first:hover {\r\n background-color: <%=btn_bg_color_hov_1%>;\r\n color: <%=btn_text_color_hov_1%>;\r\n border-color: <%=btn_border_color_hov_1%>;\r\n}\r\n\r\n#popmechanic-form .popmechanic-button--second {\r\n background-color: <%=btn_bg_color_2%>;\r\n border-color: <%=btn_border_color_2%>;\r\n color: <%=btn_text_color_2%>;\r\n border-radius: <%=btn_border_radius_2%>px;\r\n \r\n}\r\n\r\n#popmechanic-form .popmechanic-button--second:hover {\r\n background-color: <%=btn_bg_color_hov_2%>;\r\n color: <%=btn_text_color_hov_2%>;\r\n border-color: <%=btn_border_color_hov_2%>;\r\n}\r\n\r\n#popmechanic-form .popmechanic-close {\r\n display: block;\r\n position: absolute;\r\n top: 10px;\r\n right: 10px;\r\n line-height: 1ex;\r\n color: <%=close_color%>;\r\n cursor: pointer;\r\n z-index: 99;\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form .popmechanic-main {\r\n padding: <%=padding_desktop%>px;\r\n width: 100%;\r\n height: <%=height_desktop%>px;\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form .popmechanic-image {\r\n display: <%= parseInt(img_show_desktop) ? 'block' : 'none' %>;\r\n width: <%=img_width_desktop%>px;\r\n margin-right: 20px;\r\n margin-top: <%=img_margin_top_desktop%>%;\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form .popmechanic-header {\r\n margin-right: 75px;\r\n text-align: <%=text_align_desktop%>;\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form .popmechanic-title {\r\n font-size: <%=title_font_size_desktop%>px;\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form .popmechanic-subtitle {\r\n font-size: <%=subtitle_font_size_desktop%>px;\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form .popmechanic-button {\r\n width: <%=btn_width_desktop%>px;\r\n padding-top: <%=btn_height_desktop%>px;\r\n padding-bottom: <%=btn_height_desktop%>px;\r\n font-size: <%= btn_font_size_desktop %>px;\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form .popmechanic-button--first {\r\n margin-right: 16px;\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form .popmechanic-close {\r\n font-size: <%=close_size_desktop%>px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form,\r\n.popmechanic-mobile #popmechanic-form {\r\n overflow: visible;\r\n margin-top: <%= (img_margin_top_mobile < 0) ? Math.abs(parseInt(img_margin_top_mobile)) : 0 %>px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-main,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main {\r\n width: 100%;\r\n padding: <%=padding_mobile%>px;\r\n padding-top: <%=\r\n (+padding_mobile + +img_margin_top_mobile >= +padding_mobile)\r\n ? padding_mobile\r\n : (+padding_mobile + +img_margin_top_mobile <= 0 ) ? 0 : +padding_mobile + +img_margin_top_mobile\r\n %>px;\r\n\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-content,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-content {\r\n flex-direction: column;\r\n justify-content: flex-start;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-image,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-image {\r\n position: relative;\r\n top: <%=img_margin_top_mobile%>px;\r\n display: <%= parseInt(img_show_mobile) ? 'block' : 'none' %>;\r\n width: <%=img_width_mobile%>px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-header,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-header {\r\n margin-bottom: 26px;\r\n margin-top: <%= parseInt(img_show_mobile) ? +img_margin_top_mobile + 10 : padding_mobile %>px;\r\n text-align: <%=text_align_mobile%>;\r\n overflow: hidden;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-title,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-title {\r\n font-size: <%=title_font_size_mobile%>px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-subtitle,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-subtitle {\r\n font-size: <%=subtitle_font_size_mobile%>px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-button,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-button {\r\n width: <%=btn_width_mobile%>px;\r\n padding-top: <%=btn_height_mobile%>px;\r\n padding-bottom: <%=btn_height_mobile%>px;\r\n font-size: <%= btn_font_size_mobile %>px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-button--first,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-button--first {\r\n margin-bottom: 16px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-close,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-close {\r\n font-size: <%=close_size_mobile%>px;\r\n}", "button": "", "on_show": "<% if (!!parseInt(btn_form_id_1)) { %>\r\n\tPopMechanic.$('#popmechanic-form-open1').on('click', function (e) {\r\n \te.preventDefault();\r\n \tsetTimeout(function(){PopMechanic.show(<%= btn_form_id_1 %>, true)}, 300);})\r\n<% } %>\r\n \r\n \r\n<% if (!!parseInt(btn_form_id_2)) { %>\r\n\tPopMechanic.$('#popmechanic-form-open2').on('click', function (e) {\r\n \te.preventDefault();\r\n \tsetTimeout(function(){PopMechanic.show(<%= btn_form_id_2 %>, true)}, 300);})\r\n<% } %>", "on_close": "", "embed_code": "", "behaviors": ["info", "banner-h"], "template_type": "banner-push", "need_reset": true, "parameters": [], "on_targeting_ready": "", "on_child_ready": ""}, {"id": 1893, "html": "
\r\n\r\n
\r\n
\r\n
\r\n
\r\n <% if(title) { %>\r\n
<%= title %>
\r\n <% } %>\r\n <% if(subtitle) { %>\r\n
<%= subtitle %>
\r\n <% } %>\r\n
\r\n\r\n \r\n
\r\n
\r\n <% if(input_type === 'email') { %>\r\n \">\r\n <% } else if (input_type === 'phone') { %>\r\n \">\r\n <% } %>\r\n \r\n
\r\n\r\n \r\n <% if(parseInt(policy_show)) { %>\r\n
\r\n \r\n \r\n <%= policy_text_before %>\r\n \"\r\n class=\"popmechanic-policy__link\"\r\n target=\"_blank\"><%= policy_url_text %> <%= policy_text_after %>\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
\r\n <% if(tnx_title) { %>\r\n
<%= tnx_title %>
\r\n <% } %>\r\n <% if(tnx_subtitle) { %>\r\n
<%= tnx_subtitle %>
\r\n <% } %>\r\n
\r\n\r\n <% if(parseInt(tnx_btn_show)) { %>\r\n \r\n <% } %>\r\n
\r\n
\r\n
\r\n\r\n \r\n
\r\n
", "css": "<% if(!parseInt(font_custom_show)) { %>\r\n @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;900&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 box-sizing: border-box;\r\n margin: 0;\r\n font-size: 16px;\r\n line-height: normal;\r\n}\r\n.popmechanic-reset::before, .popmechanic-reset::after, .popmechanic-reset *::before, .popmechanic-reset *::after {\r\n box-sizing: border-box;\r\n}\r\n.popmechanic-reset A, .popmechanic-reset * A {\r\n color: inherit;\r\n font-size: inherit;\r\n}\r\n.popmechanic-reset INPUT,\r\n.popmechanic-reset BUTTON, .popmechanic-reset * INPUT,\r\n.popmechanic-reset * BUTTON {\r\n display: block;\r\n padding: 0;\r\n border: 0;\r\n border-radius: 0;\r\n background: none;\r\n word-break: break-word;\r\n overflow-wrap: break-word;\r\n font-family: inherit;\r\n font-size: inherit;\r\n -webkit-appearance: none;\r\n appearance: none;\r\n}\r\n.popmechanic-reset INPUT:-ms-input-placeholder, .popmechanic-reset * INPUT:-ms-input-placeholder {\r\n opacity: 1;\r\n font-style: normal;\r\n}\r\n.popmechanic-reset INPUT::placeholder, .popmechanic-reset * INPUT::placeholder {\r\n opacity: 1;\r\n font-style: normal;\r\n}\r\n.popmechanic-reset BUTTON, .popmechanic-reset * BUTTON {\r\n height: auto;\r\n cursor: pointer;\r\n}\r\n.popmechanic-input-hidden {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 0;\r\n height: 0;\r\n opacity: 0;\r\n}\r\n\r\n#popmechanic-form {\r\n position: relative !important;\r\n display: inline-block;\r\n vertical-align: middle;\r\n <% if(parseInt(font_custom_show)) { %>\r\n font-family: <%= font_custom %>;\r\n <% } else { %>\r\n font-family: <%= font_family %>;\r\n <% } %>\r\n}\r\n#popmechanic-form .popmechanic-main, #popmechanic-form .popmechanic-thankyou {\r\n position: relative;\r\n overflow: hidden;\r\n <% if(parseInt(shadow_show)) { %>\r\n box-shadow: 0 0 <%= shadow_size %>px rgba(0, 0, 0, 0.25);\r\n <% } %>\r\n}\r\n#popmechanic-form .popmechanic-container {\r\n display: flex;\r\n flex-direction: column;\r\n width: 100%;\r\n max-width: 100%;\r\n border-style: solid;\r\n border-color: <%= border_color %>;\r\n border-radius: <%= border_radius %>px;\r\n <% if(bg_type === 'solid') { %>\r\n background-color: rgba(<%= hexToRgb(bg_color) %>, <%= bg_transparency %>);\r\n <% } %>\r\n <% if(bg_type === 'gradient') { %>\r\n background-image: linear-gradient(107deg, rgba(<%= hexToRgb(gradient_1) %>, <%= bg_transparency %>) 0%, rgba(<%= hexToRgb(gradient_2) %>, <%= bg_transparency %>) 100%);\r\n <% } %>\r\n <% if(bg_type === 'image') { %>\r\n background-image: url(\"<%= bg_img_src %>\");\r\n <% } %>\r\n background-position: center;\r\n background-size: cover;\r\n background-repeat: no-repeat;\r\n}\r\n#popmechanic-form .popmechanic-content {\r\n max-width: 100%;\r\n}\r\n#popmechanic-form .popmechanic-header {\r\n word-break: break-word;\r\n overflow-wrap: break-word;\r\n}\r\n#popmechanic-form .popmechanic-title {\r\n color: <%= title_color %>;\r\n font-weight: <%= title_fw %>;\r\n line-height: 1.3;\r\n}\r\n#popmechanic-form .popmechanic-subtitle {\r\n color: <%= subtitle_color %>;\r\n line-height: 1.4;\r\n}\r\n#popmechanic-form .popmechanic-inputs {\r\n width: 100%;\r\n max-width: 100%;\r\n}\r\n#popmechanic-form .popmechanic-field {\r\n position: relative;\r\n padding: 10px;\r\n background-color: <%= input_bg_color %>;\r\n}\r\n#popmechanic-form .popmechanic-field__input {\r\n display: block;\r\n width: 100%;\r\n max-width: 100%;\r\n background-color: <%= input_bg_color %>;\r\n color: <%= input_text_color %>;\r\n font-weight: 400;\r\n}\r\n#popmechanic-form .popmechanic-field__input:-ms-input-placeholder {\r\n color: <%= input_text_color %>;\r\n opacity: 0.8;\r\n}\r\n#popmechanic-form .popmechanic-field__input::placeholder {\r\n color: <%= input_text_color %>;\r\n opacity: 0.8;\r\n}\r\n#popmechanic-form .popmechanic-field__input:focus {\r\n outline: none;\r\n}\r\n#popmechanic-form .popmechanic-button {\r\n display: block;\r\n width: 100%;\r\n max-width: 100%;\r\n overflow: hidden;\r\n padding: 0.5em;\r\n background-color: <%= accent_color %>;\r\n color: <%= submit_text_color %>;\r\n text-align: center;\r\n text-decoration: none;\r\n font-weight: 400;\r\n line-height: 1;\r\n -webkit-user-select: none;\r\n -ms-user-select: none;\r\n user-select: none;\r\n transition-property: background-color;\r\n transition-duration: 0.2s;\r\n transition-timing-function: ease-in-out;\r\n}\r\n@media (hover: hover) {\r\n #popmechanic-form .popmechanic-button:hover, #popmechanic-form .popmechanic-button:focus {\r\n background-color: <%= submit_bg_color_hov %>;\r\n color: <%= submit_text_color_hov %>;\r\n }\r\n}\r\n#popmechanic-form .popmechanic-policy {\r\n position: relative;\r\n display: flex;\r\n align-items: center;\r\n min-height: 26px;\r\n padding-top: 14px;\r\n color: <%= policy_text_color %>;\r\n -webkit-user-select: none;\r\n -ms-user-select: none;\r\n user-select: none;\r\n}\r\n#popmechanic-form .popmechanic-policy__checkbox:checked + .popmechanic-policy__check {\r\n background-color: <%= accent_color %>;\r\n}\r\n#popmechanic-form .popmechanic-policy__label {\r\n margin-right: 5px;\r\n margin-left: -0.5em;\r\n padding: 0.5em;\r\n cursor: pointer;\r\n}\r\n#popmechanic-form .popmechanic-policy__check {\r\n flex-shrink: 0;\r\n width: 26px;\r\n height: 26px;\r\n border: 6px solid <%= input_bg_color %>;\r\n background-color: <%= input_bg_color %>;\r\n cursor: pointer;\r\n transition-property: background-color;\r\n transition-duration: 0.2s;\r\n transition-timing-function: ease-in-out;\r\n}\r\n#popmechanic-form .popmechanic-policy__text {\r\n font-size: 10px;\r\n line-height: 1.4;\r\n}\r\n#popmechanic-form .popmechanic-policy__link {\r\n text-decoration: underline;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-main, .popmechanic-desktop #popmechanic-form .popmechanic-thankyou {\r\n width: <%= width_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-container {\r\n padding: <%= padding_y_desk %>px <%= padding_x_desk %>px;\r\n padding-top: <%= +padding_y_desk + +close_size_desk %>px;\r\n border-width: <%= border_width_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-header {\r\n margin-bottom: 30px;\r\n text-align: <%= text_align_desk %>;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-title {\r\n margin-bottom: 26px;\r\n font-size: <%= title_fs_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-subtitle {\r\n font-size: <%= subtitle_fs_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-field {\r\n display: flex;\r\n min-height: 60px;\r\n font-size: <%= input_fs_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-field__input {\r\n margin-right: 10px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-button {\r\n max-width: <%= btn_width_desk %>px;\r\n font-size: <%= btn_fs_desk %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-main, .popmechanic-tablet #popmechanic-form .popmechanic-thankyou, .popmechanic-mobile #popmechanic-form .popmechanic-main, .popmechanic-mobile #popmechanic-form .popmechanic-thankyou {\r\n width: <%= width_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-container, .popmechanic-mobile #popmechanic-form .popmechanic-container {\r\n padding: <%= padding_y_mob %>px <%= padding_x_mob %>px;\r\n padding-top: <%= +padding_y_mob + +close_size_mob %>px;\r\n border-width: <%= border_width_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-header, .popmechanic-mobile #popmechanic-form .popmechanic-header {\r\n margin-bottom: 23px;\r\n text-align: <%= text_align_mob %>;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-title, .popmechanic-mobile #popmechanic-form .popmechanic-title {\r\n margin-bottom: 10px;\r\n font-size: <%= title_fs_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-subtitle, .popmechanic-mobile #popmechanic-form .popmechanic-subtitle {\r\n font-size: <%= subtitle_fs_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-field, .popmechanic-mobile #popmechanic-form .popmechanic-field {\r\n font-size: <%= input_fs_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-field__input, .popmechanic-mobile #popmechanic-form .popmechanic-field__input {\r\n min-height: 28px;\r\n margin-bottom: 10px;\r\n text-align: center;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-button, .popmechanic-mobile #popmechanic-form .popmechanic-button {\r\n min-height: 38px;\r\n font-size: <%= btn_fs_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-policy__text, .popmechanic-mobile #popmechanic-form .popmechanic-policy__text {\r\n font-size: 8px;\r\n}\r\n#popmechanic-form .popmechanic-close {\r\n position: absolute;\r\n z-index: 40;\r\n cursor: pointer;\r\n}\r\n#popmechanic-form .popmechanic-close::before, #popmechanic-form .popmechanic-close::after {\r\n content: \"\";\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n width: 80%;\r\n height: 2px;\r\n transform: translate(-50%, -50%) rotate(45deg);\r\n transition-property: transform;\r\n transition-duration: 0.2s;\r\n transition-timing-function: ease-in-out;\r\n}\r\n#popmechanic-form .popmechanic-close::after {\r\n transform: translate(-50%, -50%) rotate(135deg);\r\n}\r\n@media (hover: hover) {\r\n #popmechanic-form .popmechanic-close:hover::before, #popmechanic-form .popmechanic-close:focus::before {\r\n transform: translate(-50%, -50%) rotate(135deg);\r\n }\r\n #popmechanic-form .popmechanic-close:hover::after, #popmechanic-form .popmechanic-close:focus::after {\r\n transform: translate(-50%, -50%) rotate(225deg);\r\n }\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-close {\r\n top: 10px;\r\n right: 10px;\r\n width: <%= close_size_desk %>px;\r\n height: <%= close_size_desk %>px;\r\n <% if(parseInt(close_bg_show_desk)) { %>\r\n background-color: rgba(<%= hexToRgb(close_bg_color_desk) %>, <%= close_bg_transparency %>);\r\n <% } %>\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-close::before, .popmechanic-desktop #popmechanic-form .popmechanic-close::after {\r\n background-color: <%= close_color_desk %>;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-close, .popmechanic-mobile #popmechanic-form .popmechanic-close {\r\n top: 5px;\r\n right: 5px;\r\n width: <%= close_size_mob %>px;\r\n height: <%= close_size_mob %>px;\r\n <% if(parseInt(close_bg_show_mob)) { %>\r\n background-color: rgba(<%= hexToRgb(close_bg_color_mob) %>, <%= close_bg_transparency %>);\r\n <% } %>\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-close::before, .popmechanic-tablet #popmechanic-form .popmechanic-close::after, .popmechanic-mobile #popmechanic-form .popmechanic-close::before, .popmechanic-mobile #popmechanic-form .popmechanic-close::after {\r\n background-color: <%= close_color_mob %>;\r\n}\r\n#popmechanic-form .popmechanic-thankyou {\r\n display: none;\r\n}\r\n.popmechanic-success #popmechanic-form .popmechanic-main {\r\n display: none !important;\r\n}\r\n.popmechanic-success #popmechanic-form .popmechanic-thankyou {\r\n display: block;\r\n}\r\n.popmechanic-success #popmechanic-form .popmechanic-button {\r\n min-height: 38px;\r\n margin-right: auto;\r\n margin-left: auto;\r\n}\r\n.popmechanic-desktop.popmechanic-success #popmechanic-form .popmechanic-container {\r\n padding-top: 60px;\r\n padding-bottom: 97px;\r\n}\r\n.popmechanic-desktop.popmechanic-success #popmechanic-form .popmechanic-header {\r\n text-align: <%= tnx_text_align %>;\r\n}\r\n.popmechanic-desktop.popmechanic-success #popmechanic-form .popmechanic-title {\r\n margin-bottom: 14px;\r\n}\r\n\r\n.popmechanic-tablet.popmechanic-success #popmechanic-form .popmechanic-container, .popmechanic-mobile.popmechanic-success #popmechanic-form .popmechanic-container {\r\n padding-top: 80px;\r\n padding-bottom: 80px;\r\n}\r\n.popmechanic-tablet.popmechanic-success #popmechanic-form .popmechanic-header, .popmechanic-mobile.popmechanic-success #popmechanic-form .popmechanic-header {\r\n margin-bottom: 28px;\r\n text-align: <%= tnx_text_align %>;\r\n}\r\n.popmechanic-tablet.popmechanic-success #popmechanic-form .popmechanic-title, .popmechanic-mobile.popmechanic-success #popmechanic-form .popmechanic-title {\r\n margin-bottom: 15px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-invalid:not(:focus) {\r\n z-index: 30;\r\n border-bottom: 1px solid #d4351c !important;\r\n color: #d4351c !important;\r\n}\r\n#popmechanic-form .popmechanic-invalid:not(:focus):-ms-input-placeholder {\r\n color: #d4351c;\r\n}\r\n#popmechanic-form .popmechanic-invalid:not(:focus)::placeholder {\r\n color: #d4351c;\r\n}\r\n#popmechanic-form .popmechanic-invalid:not(:focus) + .popmechanic-policy__check {\r\n border: 1px solid #d4351c !important;\r\n}", "button": "", "on_show": "", "on_close": "", "embed_code": "", "behaviors": ["partscreen", "lead", "post-text"], "template_type": "partscreen", "need_reset": true, "parameters": [], "on_targeting_ready": "", "on_child_ready": ""}, {"id": 2031, "html": "
\r\n
\r\n
\r\n <% if (parseInt(askLebel)) { %>\r\n
\r\n <%=label%>\r\n
<% } %>\r\n
\r\n <%=header%>\r\n
\r\n
\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 %>\" placeholder=\"<%=field.placeholder%>\" <%=required%>><%\r\n break;\r\n case \"name\":\r\n case \"phone\":\r\n %>\" placeholder=\"<%=field.placeholder%>\" <%=required%>><%\r\n break;\r\n case \"email\":\r\n %>\" placeholder=\"<%=field.placeholder%>\" <%=required%>><%\r\n break;\r\n case \"number\":\r\n %>\" placeholder=\"<%=field.placeholder%>\" <%=required%>><%\r\n break;\r\n case \"date\":\r\n %>\" placeholder=\"<%=field.placeholder%>\" <%=required%>><%\r\n break;\r\n case \"select\":\r\n %><%\r\n break;\r\n\t\t\tcase \"checkbox\":\r\n %>\r\n \r\n <%\r\n break;\r\n case \"submit\":\r\n if (field.params.submits_count == 1) {\r\n %>\r\n \r\n <%\r\n } else {\r\n %>\r\n
\r\n
\r\n '] = '<%= field.params.submit1_value %>'\" \r\n >\r\n
<%=field.params.submit1_text%>
\r\n \r\n
\r\n
\r\n '] = '<%= field.params.submit2_value %>'\" \r\n >\r\n
<%=field.params.submit2_text%>
\r\n \r\n
\r\n
\r\n <%\r\n }\r\n break;\r\n default:\r\n continue;\r\n }\r\n } %> \t\t\r\n\t\t
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n <%=thankyou_header%>\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n <%=thankyou_text%>\r\n
\r\n \r\n
\r\n \r\n
", "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": ""}], "button_templates": [], "integrations": [{"id": 93688, "form": 83360, "filter": null, "filter_type": null, "account": 36973, "integration_type": "mindbox_push"}, {"id": 94509, "form": 83869, "filter": null, "filter_type": null, "account": 36973, "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-83869", "subscriptions": [{"pointOfContact": "Email"}]}, {"id": 94543, "form": 83893, "filter": null, "filter_type": null, "account": 36973, "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-83893", "subscriptions": [{"pointOfContact": "Email"}]}, {"id": 94549, "form": 83897, "filter": null, "filter_type": null, "account": 36973, "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-83897", "subscriptions": [{"pointOfContact": "Email"}]}, {"id": 101924, "form": 88847, "filter": null, "filter_type": null, "account": 36973, "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-88847", "subscriptions": [{"pointOfContact": "Email"}]}, {"id": 103019, "form": 89270, "filter": null, "filter_type": null, "account": 36973, "integration_type": "mindbox_server_json", "customer_extended": [{"value": "%phone%", "systemName": "mobilePhone"}], "customer_action_extended": [], "mode": "create", "send_customer": false, "issue_action": true, "operation": "popmechanic-integration-issue-89270", "subscriptions": [{"pointOfContact": "Email"}]}, {"id": 93689, "form": 83360, "filter": null, "filter_type": null, "account": 36973, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-83360-show", "click_operation": "popmechanic-popup-83360-click", "targeting_operation": "popmechanic-popup-83360-targeting"}, {"id": 94508, "form": 83869, "filter": null, "filter_type": null, "account": 36973, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-83869-show", "click_operation": "popmechanic-popup-83869-click", "targeting_operation": "popmechanic-popup-83869-targeting"}, {"id": 94544, "form": 83893, "filter": null, "filter_type": null, "account": 36973, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-83893-show", "click_operation": "popmechanic-popup-83893-click", "targeting_operation": "popmechanic-popup-83893-targeting"}, {"id": 94550, "form": 83897, "filter": null, "filter_type": null, "account": 36973, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-83897-show", "click_operation": "popmechanic-popup-83897-click", "targeting_operation": "popmechanic-popup-83897-targeting"}, {"id": 101925, "form": 88847, "filter": null, "filter_type": null, "account": 36973, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-88847-show", "click_operation": "popmechanic-popup-88847-click", "targeting_operation": "popmechanic-popup-88847-targeting"}, {"id": 102595, "form": 89270, "filter": null, "filter_type": null, "account": 36973, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-89270-show", "click_operation": "popmechanic-popup-89270-click", "targeting_operation": "popmechanic-popup-89270-targeting"}, {"id": 112116, "form": 95838, "filter": null, "filter_type": null, "account": 36973, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-95838-show", "click_operation": "popmechanic-popup-95838-click", "targeting_operation": "popmechanic-popup-95838-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}