\r\n\r\n", "css": "<% try {\r\n close_show = close_show;\r\n close_size_desk = close_size_desk;\r\n close_size_mob = close_size_mob;\r\n close_color_desk = close_color_desk;\r\n close_color_mob = close_color_mob;\r\n close_bg_show_desk = close_bg_show_desk;\r\n close_bg_color_desk = close_bg_color_desk;\r\n close_bg_show_mob = close_bg_show_mob;\r\n close_bg_color_mob = close_bg_color_mob;\r\n close_bg_transparency = close_bg_transparency;\r\n } catch (e) { \r\n close_show = 0\r\n close_size_desk = 24\r\n close_size_mob = 20\r\n close_color_desk = '#000000'\r\n close_color_mob = '#000000'\r\n close_bg_show_desk = 0\r\n close_bg_color_desk = '#000000'\r\n close_bg_show_mob = 0\r\n close_bg_color_mob = '#000000'\r\n close_bg_transparency = 0.5\r\n }\r\n%>\r\n\r\n<% 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 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 vertical-align: middle;\r\n position: relative;\r\n background-color: <%=bg_color%>;\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 background-color: #FFFADA;\r\n overflow: hidden;\r\n display: flex;\r\n justify-content: left;\r\n \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\r\n#popmechanic-form .popmechanic-content {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-evenly;\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 .cup {\r\n display: inline-block;\r\n padding: 2px 9px 4px;\r\n background-color: #ffd400;\r\n border-radius: 17px;\r\n font-size: 12px;\r\n color: #000;\r\n margin-bottom: 10px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-title {\r\n margin-top: 0;\r\n margin-bottom: 12px;\r\n margin-right: 0px;\r\n font-weight: 500;\r\n color: <%=title_color%>;\r\n}\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: 24px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-button {\r\n display: block;\r\n flex-shrink: 0;\r\n text-align: center;\r\n text-decoration: none;\r\n border: <%= btn_border_width %>px solid;\r\n background-color: <%=btn_bg_color%>;\r\n border-color: <%=btn_border_color%>;\r\n color: <%=btn_text_color%>;\r\n border-radius: <%=btn_border_radius%>px;\r\n font-weight: 500;\r\n}\r\n\r\n#popmechanic-form .popmechanic-button:hover {\r\n background-color: <%=btn_bg_color_hov%>;\r\n color: <%=btn_text_color_hov%>;\r\n border-color: <%=btn_border_color_hov%>;\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form {\r\n <% if(parseInt(width_option_desktop)) { %>\r\n width: <%= width_desktop %>px;\r\n <% } else { %>\r\n width: 100%;\r\n <% } %>\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form .popmechanic-main {\r\n padding: <%=padding_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: 32px;\r\n margin-left: 8px;\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form .popmechanic-header {\r\n max-width: 1240px;\r\n text-align: <%=text_align_desktop%>;\r\n margin-right: 80px;\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form .popmechanic-title {\r\n font-size: <%=title_font_size_desktop%>px;\r\n font-weight: 600;\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 padding: <%= btn_height_desktop %>px 24px;\r\n font-size: <%= btn_font_size_desktop %>px;\r\n margin-right: 36px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form,\r\n.popmechanic-mobile #popmechanic-form {\r\n box-sizing: content-box;\r\n <% if(parseInt(width_option_mobile)) { %>\r\n width: <%= width_mobile %>px;\r\n <% } else { %>\r\n width: 100%;\r\n <% } %>\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-main,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main {\r\n padding: <%=padding_mobile%>px <%= padding_mobile / 2 %>px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-content,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-content {\r\n height: auto;\r\n display: block;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-image,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-image {\r\n display: <%= parseInt(img_show_mobile) ? 'block' : 'none' %>;\r\n width: <%= img_width_mobile %>px;\r\n float: left;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-header,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-header {\r\n margin-bottom: 24px;\r\n margin-left: 32px;\r\n margin-right: 40px;\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 display: inline-flex;\r\n margin-left: 28px;\r\n margin-right: 0em;\r\n \r\n padding: <%= btn_height_mobile %>px 35px;\r\n font-size: <%= btn_font_size_mobile %>px;\r\n}\r\n\r\n\r\n<% if(parseInt(close_show)) { %>\r\n /* CLOSE */\r\n <%\r\n function hexToRgb(hex) {\r\n return hex.replace(/^#?([a-f\\d])([a-f\\d])([a-f\\d])$/i, function (m, r, g, b) {\r\n return \"#\".concat(r).concat(r).concat(g).concat(g).concat(b).concat(b);\r\n }).substring(1).match(/.{2}/g).map(function (x) {\r\n return parseInt(x, 16);\r\n });\r\n };\r\n %>\r\n\r\n #popmechanic-form .popmechanic-close {\r\n position: absolute;\r\n z-index: 40;\r\n cursor: pointer;\r\n }\r\n #popmechanic-form .popmechanic-close::before,\r\n #popmechanic-form .popmechanic-close::after {\r\n content: \"\";\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n width: 80%;\r\n height: 2px;\r\n transform: translate(-50%, -50%) rotate(45deg);\r\n }\r\n #popmechanic-form .popmechanic-close::after {\r\n transform: translate(-50%, -50%) rotate(135deg);\r\n }\r\n .popmechanic-desktop #popmechanic-form .popmechanic-close {\r\n top: 10px;\r\n right: 10px;\r\n width: <%= close_size_desk %>px;\r\n height: <%= close_size_desk %>px;\r\n <% if(parseInt(close_bg_show_desk)) { %>\r\n background-color: rgba(<%= hexToRgb(close_bg_color_desk) %>, <%= close_bg_transparency %>);\r\n <% } %>\r\n }\r\n .popmechanic-desktop #popmechanic-form .popmechanic-close::before,\r\n .popmechanic-desktop #popmechanic-form .popmechanic-close::after {\r\n background-color: <%= close_color_desk %>;\r\n }\r\n .popmechanic-tablet #popmechanic-form .popmechanic-close,\r\n .popmechanic-mobile #popmechanic-form .popmechanic-close {\r\n top: 5px;\r\n right: 5px;\r\n width: <%= close_size_mob %>px;\r\n height: <%= close_size_mob %>px;\r\n <% if(parseInt(close_bg_show_mob)) { %>\r\n background-color: rgba(<%= hexToRgb(close_bg_color_mob) %>, <%= close_bg_transparency %>);\r\n <% } %>\r\n }\r\n .popmechanic-tablet #popmechanic-form .popmechanic-close::before,\r\n .popmechanic-tablet #popmechanic-form .popmechanic-close::after,\r\n .popmechanic-mobile #popmechanic-form .popmechanic-close::before,\r\n .popmechanic-mobile #popmechanic-form .popmechanic-close::after {\r\n background-color: <%= close_color_mob %>;\r\n }\r\n<% } %>", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 81138, "template": 1537, "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": ["netology.ru/free"], "operator": "$in_contains"}, {"id": "4", "field": "page", "value": "netology.ru/free-lessons", "operator": "$exclude"}], "operator": "$and"}, {"id": "5", "field": "device", "value": ["pc", "tablet", "mobile"], "operator": "$in"}, {"id": "6", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": true, "operation": "popmechanic-check-segment", "segmentation": {"id": 5686, "externalId": "252de5be-753b-40a3-8a9c-935a12ee9fdc"}, "inSegmentByDefault": false}, "operator": "$check"}], "operator": "$and"}}, "settings_splits": [{"settings": {"title": "\u0412\u0430\u0448\u0430 \u0431\u0440\u043e\u0448\u0435\u043d\u043d\u0430\u044f \u0437\u0430\u044f\u0432\u043a\u0430", "btn_url": "https://netology.ru/programs/baza-znaniy-po-podpiske?utm_campaign=brand_all_podpiska_neto_free_2020_21&utm_source=triggers&utm_medium=block", "img_src": "https://u.netology.ru/backend/uploads/page_assets/images/file/62929/%D0%A0%D0%B5%D1%81%D1%83%D1%80%D1%81_1_1__1_.webp", "bg_color": "#E8D9A9", "btn_show": "1", "btn_text": "\u041f\u0435\u0440\u0435\u0439\u0442\u0438 \u043a \u043a\u0443\u0440\u0441\u0443", "subtitle": "\u0412\u044b \u043e\u0441\u0442\u0430\u0432\u0438\u043b\u0438 \u0437\u0430\u044f\u0432\u043a\u0443 \u043d\u0430 \u043a\u0443\u0440\u0441 \u0438 \u043d\u0435 \u043e\u043f\u043b\u0430\u0442\u0438\u043b\u0438: \u043d\u0430\u043f\u043e\u043c\u0438\u043d\u0430\u0435\u043c, \u0447\u0442\u043e \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u043e\u0444\u043e\u0440\u043c\u0438\u0442\u044c \u0440\u0430\u0441\u0441\u0440\u043e\u0447\u043a\u0443 \u0438 \u043d\u0430\u0447\u0430\u0442\u044c \u0443\u0447\u0438\u0442\u044c\u0441\u044f, \u0430 \u043f\u0440\u043e\u0446\u0435\u043d\u0442\u044b \u043e\u043f\u043b\u0430\u0442\u0438\u043c \u043c\u044b \ud83d\udc9a", "btn_blank": "1", "btn_action": "link", "close_show": "0", "title_show": "1", "border_show": "0", "btn_form_id": "0", "font_custom": "Golos, Arial, sans-serif", "font_family": "Roboto, sans-serif", "title_color": "#000", "border_color": "#fff", "border_width": "10", "btn_bg_color": "#27292D", "width_mobile": "826.00", "subtitle_show": "1", "width_desktop": "2000.00", "btn_text_color": "#ffffff", "close_size_mob": "20", "padding_mobile": "30.00", "subtitle_color": "#000", "close_color_mob": "#000", "close_size_desk": "24", "img_show_mobile": "0", "padding_desktop": "24.00", "btn_bg_color_hov": "#000000", "btn_border_color": "#27292D", "btn_border_width": "1", "close_color_desk": "#000", "font_custom_show": "1", "img_show_desktop": "0", "img_width_mobile": "80.00", "btn_border_radius": "2", "btn_height_mobile": "12", "close_bg_show_mob": "0", "img_width_desktop": "100", "text_align_mobile": "left", "btn_height_desktop": "12", "btn_text_color_hov": "#ffffff", "close_bg_color_mob": "#000000", "close_bg_show_desk": "0", "text_align_desktop": "left", "close_bg_color_desk": "#000000", "width_option_mobile": "0", "btn_border_color_hov": "#000000", "btn_font_size_mobile": "16", "width_option_desktop": "0", "btn_font_size_desktop": "16", "close_bg_transparency": "0.5", "title_font_size_mobile": "18", "title_font_size_desktop": "22", "subtitle_font_size_mobile": "16", "subtitle_font_size_desktop": "18"}, "button_settings": {}, "conditions_splits": [], "id": 80546, "behavior_settings": {"embedded": {"animation_out": "fadeOut"}}}], "pinned": false, "name": "\u0411\u0440\u043e\u0448\u0435\u043d\u043d\u0430\u044f \u0437\u0430\u044f\u0432\u043a\u0430 \u043d\u0430 \u0412\u0438\u0442\u0440\u0438\u043d\u0435 | Block | Free | Product | Content | crossunit | crossunit_abandoned_cart_free | Auto", "active": true, "embed_selector": true, "selector": "#__next > div.style_root__4ZYxi.style_inner__XWUig.style_mobile__INSiY > section > div.styles_root__n5HBw > div.styles_root__NIgia > div > div.styles_innerContent__xGKqv", "placement": "after", "frequency": {"once_lifetime": false, "once_session": false, "priority": false, "minimal_timeout": null}, "start_date": null, "end_date": null, "day_of_week": [true, true, true, true, true, true, true], "start_time": null, "end_time": null, "timezone_minutes": 180, "custom_fields": [], "container_id": null, "child_forms": [], "salt": null, "control_group": null, "variants": [{"is_winner": false, "ab_test_variant_internal_id": null, "view_settings": {"button_template": null, "rendered_preview": "https://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-81051.png?ts=1712540682809", "rendered_button_preview": null, "settings": {"title": "\u0412\u0430\u0448\u0430 \u0431\u0440\u043e\u0448\u0435\u043d\u043d\u0430\u044f \u0437\u0430\u044f\u0432\u043a\u0430", "btn_url": "https://netology.ru/programs/baza-znaniy-po-podpiske?utm_campaign=brand_all_podpiska_neto_free_2020_21&utm_source=triggers&utm_medium=block", "img_src": "https://u.netology.ru/backend/uploads/page_assets/images/file/62929/%D0%A0%D0%B5%D1%81%D1%83%D1%80%D1%81_1_1__1_.webp", "bg_color": "#E8D9A9", "btn_show": "1", "btn_text": "\u041f\u0435\u0440\u0435\u0439\u0442\u0438 \u043a \u043a\u0443\u0440\u0441\u0443", "subtitle": "\u0412\u044b \u043e\u0441\u0442\u0430\u0432\u0438\u043b\u0438 \u0437\u0430\u044f\u0432\u043a\u0443 \u043d\u0430 \u043a\u0443\u0440\u0441 \u0438 \u043d\u0435 \u043e\u043f\u043b\u0430\u0442\u0438\u043b\u0438: \u043d\u0430\u043f\u043e\u043c\u0438\u043d\u0430\u0435\u043c, \u0447\u0442\u043e \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u043e\u0444\u043e\u0440\u043c\u0438\u0442\u044c \u0440\u0430\u0441\u0441\u0440\u043e\u0447\u043a\u0443 \u0438 \u043d\u0430\u0447\u0430\u0442\u044c \u0443\u0447\u0438\u0442\u044c\u0441\u044f, \u0430 \u043f\u0440\u043e\u0446\u0435\u043d\u0442\u044b \u043e\u043f\u043b\u0430\u0442\u0438\u043c \u043c\u044b \ud83d\udc9a", "btn_blank": "1", "btn_action": "link", "close_show": "0", "title_show": "1", "border_show": "0", "btn_form_id": "0", "font_custom": "Golos, Arial, sans-serif", "font_family": "Roboto, sans-serif", "title_color": "#000", "border_color": "#fff", "border_width": "10", "btn_bg_color": "#27292D", "width_mobile": "826.00", "subtitle_show": "1", "width_desktop": "2000.00", "btn_text_color": "#ffffff", "close_size_mob": "20", "padding_mobile": "30.00", "subtitle_color": "#000", "close_color_mob": "#000", "close_size_desk": "24", "img_show_mobile": "0", "padding_desktop": "24.00", "btn_bg_color_hov": "#000000", "btn_border_color": "#27292D", "btn_border_width": "1", "close_color_desk": "#000", "font_custom_show": "1", "img_show_desktop": "0", "img_width_mobile": "80.00", "btn_border_radius": "2", "btn_height_mobile": "12", "close_bg_show_mob": "0", "img_width_desktop": "100", "text_align_mobile": "left", "btn_height_desktop": "12", "btn_text_color_hov": "#ffffff", "close_bg_color_mob": "#000000", "close_bg_show_desk": "0", "text_align_desktop": "left", "close_bg_color_desk": "#000000", "width_option_mobile": "0", "btn_border_color_hov": "#000000", "btn_font_size_mobile": "16", "width_option_desktop": "0", "btn_font_size_desktop": "16", "close_bg_transparency": "0.5", "title_font_size_mobile": "18", "title_font_size_desktop": "22", "subtitle_font_size_mobile": "16", "subtitle_font_size_desktop": "18"}, "button_settings": {}, "behavior_settings": {"embedded": {"animation_out": "fadeOut"}}, "html": "\r\n
\r\n\r\n<% try { close_show = close_show; } catch (e) { close_show = 0 } %>\r\n
\r\n\r\n", "css": "<% try {\r\n close_show = close_show;\r\n close_size_desk = close_size_desk;\r\n close_size_mob = close_size_mob;\r\n close_color_desk = close_color_desk;\r\n close_color_mob = close_color_mob;\r\n close_bg_show_desk = close_bg_show_desk;\r\n close_bg_color_desk = close_bg_color_desk;\r\n close_bg_show_mob = close_bg_show_mob;\r\n close_bg_color_mob = close_bg_color_mob;\r\n close_bg_transparency = close_bg_transparency;\r\n } catch (e) { \r\n close_show = 0\r\n close_size_desk = 24\r\n close_size_mob = 20\r\n close_color_desk = '#000000'\r\n close_color_mob = '#000000'\r\n close_bg_show_desk = 0\r\n close_bg_color_desk = '#000000'\r\n close_bg_show_mob = 0\r\n close_bg_color_mob = '#000000'\r\n close_bg_transparency = 0.5\r\n }\r\n%>\r\n\r\n<% 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 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 vertical-align: middle;\r\n position: relative;\r\n background-color: <%=bg_color%>;\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 background-color: #FFFADA;\r\n overflow: hidden;\r\n display: flex;\r\n justify-content: left;\r\n \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\r\n#popmechanic-form .popmechanic-content {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-evenly;\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 .cup {\r\n display: inline-block;\r\n padding: 2px 9px 4px;\r\n background-color: #ffd400;\r\n border-radius: 17px;\r\n font-size: 12px;\r\n color: #000;\r\n margin-bottom: 10px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-title {\r\n margin-top: 0;\r\n margin-bottom: 12px;\r\n margin-right: 0px;\r\n font-weight: 500;\r\n color: <%=title_color%>;\r\n}\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: 24px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-button {\r\n display: block;\r\n flex-shrink: 0;\r\n text-align: center;\r\n text-decoration: none;\r\n border: <%= btn_border_width %>px solid;\r\n background-color: <%=btn_bg_color%>;\r\n border-color: <%=btn_border_color%>;\r\n color: <%=btn_text_color%>;\r\n border-radius: <%=btn_border_radius%>px;\r\n font-weight: 500;\r\n}\r\n\r\n#popmechanic-form .popmechanic-button:hover {\r\n background-color: <%=btn_bg_color_hov%>;\r\n color: <%=btn_text_color_hov%>;\r\n border-color: <%=btn_border_color_hov%>;\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form {\r\n <% if(parseInt(width_option_desktop)) { %>\r\n width: <%= width_desktop %>px;\r\n <% } else { %>\r\n width: 100%;\r\n <% } %>\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form .popmechanic-main {\r\n padding: <%=padding_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: 32px;\r\n margin-left: 8px;\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form .popmechanic-header {\r\n max-width: 1240px;\r\n text-align: <%=text_align_desktop%>;\r\n margin-right: 80px;\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form .popmechanic-title {\r\n font-size: <%=title_font_size_desktop%>px;\r\n font-weight: 600;\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 padding: <%= btn_height_desktop %>px 24px;\r\n font-size: <%= btn_font_size_desktop %>px;\r\n margin-right: 36px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form,\r\n.popmechanic-mobile #popmechanic-form {\r\n box-sizing: content-box;\r\n <% if(parseInt(width_option_mobile)) { %>\r\n width: <%= width_mobile %>px;\r\n <% } else { %>\r\n width: 100%;\r\n <% } %>\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-main,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main {\r\n padding: <%=padding_mobile%>px <%= padding_mobile / 2 %>px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-content,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-content {\r\n height: auto;\r\n display: block;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-image,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-image {\r\n display: <%= parseInt(img_show_mobile) ? 'block' : 'none' %>;\r\n width: <%= img_width_mobile %>px;\r\n float: left;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-header,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-header {\r\n margin-bottom: 24px;\r\n margin-left: 32px;\r\n margin-right: 40px;\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 display: inline-flex;\r\n margin-left: 28px;\r\n margin-right: 0em;\r\n \r\n padding: <%= btn_height_mobile %>px 35px;\r\n font-size: <%= btn_font_size_mobile %>px;\r\n}\r\n\r\n\r\n<% if(parseInt(close_show)) { %>\r\n /* CLOSE */\r\n <%\r\n function hexToRgb(hex) {\r\n return hex.replace(/^#?([a-f\\d])([a-f\\d])([a-f\\d])$/i, function (m, r, g, b) {\r\n return \"#\".concat(r).concat(r).concat(g).concat(g).concat(b).concat(b);\r\n }).substring(1).match(/.{2}/g).map(function (x) {\r\n return parseInt(x, 16);\r\n });\r\n };\r\n %>\r\n\r\n #popmechanic-form .popmechanic-close {\r\n position: absolute;\r\n z-index: 40;\r\n cursor: pointer;\r\n }\r\n #popmechanic-form .popmechanic-close::before,\r\n #popmechanic-form .popmechanic-close::after {\r\n content: \"\";\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n width: 80%;\r\n height: 2px;\r\n transform: translate(-50%, -50%) rotate(45deg);\r\n }\r\n #popmechanic-form .popmechanic-close::after {\r\n transform: translate(-50%, -50%) rotate(135deg);\r\n }\r\n .popmechanic-desktop #popmechanic-form .popmechanic-close {\r\n top: 10px;\r\n right: 10px;\r\n width: <%= close_size_desk %>px;\r\n height: <%= close_size_desk %>px;\r\n <% if(parseInt(close_bg_show_desk)) { %>\r\n background-color: rgba(<%= hexToRgb(close_bg_color_desk) %>, <%= close_bg_transparency %>);\r\n <% } %>\r\n }\r\n .popmechanic-desktop #popmechanic-form .popmechanic-close::before,\r\n .popmechanic-desktop #popmechanic-form .popmechanic-close::after {\r\n background-color: <%= close_color_desk %>;\r\n }\r\n .popmechanic-tablet #popmechanic-form .popmechanic-close,\r\n .popmechanic-mobile #popmechanic-form .popmechanic-close {\r\n top: 5px;\r\n right: 5px;\r\n width: <%= close_size_mob %>px;\r\n height: <%= close_size_mob %>px;\r\n <% if(parseInt(close_bg_show_mob)) { %>\r\n background-color: rgba(<%= hexToRgb(close_bg_color_mob) %>, <%= close_bg_transparency %>);\r\n <% } %>\r\n }\r\n .popmechanic-tablet #popmechanic-form .popmechanic-close::before,\r\n .popmechanic-tablet #popmechanic-form .popmechanic-close::after,\r\n .popmechanic-mobile #popmechanic-form .popmechanic-close::before,\r\n .popmechanic-mobile #popmechanic-form .popmechanic-close::after {\r\n background-color: <%= close_color_mob %>;\r\n }\r\n<% } %>", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 76320, "template": 2845, "button_template": null, "test_group": null, "new_targeting": {"filter": {"id": "root", "name": "root", "nodes": [{"id": "2", "field": "device", "value": ["tablet", "mobile"], "operator": "$in"}, {"id": "3", "name": "$or", "type": "current_page", "nodes": [{"id": "4", "field": "page", "value": ["netology.ru/programs/nazad_v_sssr"], "operator": "$in_contains"}, {"id": "5", "field": "page", "value": ["netology.ru/programs/it_women"], "operator": "$in_contains"}, {"id": "6", "field": "page", "value": ["netology.ru/gajd-future-professions"], "operator": "$in_contains"}, {"id": "7", "field": "page", "value": ["netology.ru/test_na_vygoranie"], "operator": "$in_contains"}, {"id": "8", "field": "page", "value": ["netology.ru/geniy_vs_ii"], "operator": "$in_contains"}, {"id": "9", "field": "page", "value": ["netology.ru/it_viktorina"], "operator": "$in_contains"}, {"id": "10", "field": "page", "value": ["netology.ru/gaid-kak-perejti-v-it"], "operator": "$in_contains"}, {"id": "11", "field": "page", "value": ["netology.ru/programs/challenge-bot"], "operator": "$in_contains"}, {"id": "12", "field": "page", "value": ["l.netology.ru/job-interview"], "operator": "$in_contains"}, {"id": "13", "field": "page", "value": ["netology.ru/programs/gruppovaya-karernaya-konsultaciya/"], "operator": "$in_contains"}, {"id": "14", "field": "page", "value": ["netology.ru/programs/kakaya-rabota-podojdyot-imenno-vam/"], "operator": "$in_contains"}, {"id": "15", "field": "page", "value": ["netology.ru/programs/steps-to-goal"], "operator": "$in_contains"}, {"id": "16", "field": "page", "value": ["netology.ru/nomanipulations/"], "operator": "$in_contains"}, {"id": "17", "field": "page", "value": ["netology.ru/trudoustroystvo"], "operator": "$in_contains"}, {"id": "18", "field": "page", "value": ["l.netology.ru/onedayanalyst"], "operator": "$in_contains"}, {"id": "19", "field": "page", "value": ["netology.ru/programs/kariera-bez-straha"], "operator": "$in_contains"}, {"id": "20", "field": "page", "value": ["netology.ru/programs/bp-career-plan"], "operator": "$in_contains"}, {"id": "21", "field": "page", "value": ["netology.ru/programs/imposter_syndrom"], "operator": "$in_contains"}, {"id": "22", "field": "page", "value": ["netology.ru/programs/zadachnik"], "operator": "$in_contains"}, {"id": "23", "field": "page", "value": ["netology.ru/programs/lichnye-finansy-kak-ehkonomit-i-kopit-dengi"], "operator": "$in_contains"}, {"id": "24", "field": "page", "value": ["netology.ru/programs/internet-instruktsiya"], "operator": "$in_contains"}, {"id": "25", "field": "page", "value": ["netology.ru/programs/kak-sdelat-silnuyu-prezentaciyu"], "operator": "$in_contains"}, {"id": "26", "field": "page", "value": ["netology.ru/programs/it-dlya-gumanitariev"], "operator": "$in_contains"}, {"id": "27", "field": "page", "value": ["netology.ru/free-lessons/digital-atlas"], "operator": "$in_contains"}, {"id": "28", "field": "page", "value": ["netology.ru/netology_inside"], "operator": "$in_contains"}, {"id": "29", "field": "page", "value": ["netology.ru/proftest"], "operator": "$in_contains"}, {"id": "30", "field": "page", "value": ["netology.ru/ideal_profession_test"], "operator": "$in_contains"}], "operator": "$or"}], "operator": "$and"}}, "settings_splits": [{"settings": {}, "button_settings": {}, "conditions_splits": [{"conditions": {"delay": "30"}, "combinator": "and", "id": 191003}], "id": 75728, "behavior_settings": {"button": {"on": false, "positions": {"desktop": {"top": "0px", "left": "0px"}}, "conditions": "targeting", "show_before": true}, "partscreen": {"mobile": null, "tablet": null, "desktop": {"target": "window", "position": "bottom-right", "vertical_offset": 100, "element_position": "right", "horizontal_offset": 20, "element_vertical_offset": 0, "element_horizontal_offset": 0}, "animation_in": "fadeIn", "allow_overlay": true, "animation_out": "fadeOutLeft", "paranja_color": "#000000", "paranja_opacity": "0.5"}}}], "pinned": false, "name": "NSALE-20513 Exit \u043f\u043e\u043f\u0430\u043f \u0434\u043b\u044f Enter_it (\u0434\u043b\u044f \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u0438\u043a\u043e\u0432) | Popup | Landing | Product | Free Course | crossunit | crossunit_bou_enterit_mobile | Auto", "active": true, "embed_selector": false, "selector": "", "placement": "start", "frequency": {"once_lifetime": true, "once_session": false, "priority": false, "minimal_timeout": null}, "start_date": null, "end_date": null, "day_of_week": [true, true, true, true, true, true, true], "start_time": null, "end_time": null, "timezone_minutes": 180, "custom_fields": [], "container_id": null, "child_forms": [], "salt": null, "control_group": null, "variants": [{"is_winner": false, "ab_test_variant_internal_id": null, "view_settings": {"button_template": null, "rendered_preview": "https://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-75895.png?ts=1712547309216", "rendered_button_preview": null, "settings": {}, "button_settings": {}, "behavior_settings": {"button": {"on": false, "positions": {"desktop": {"top": "0px", "left": "0px"}}, "conditions": "targeting", "show_before": true}, "partscreen": {"mobile": null, "tablet": null, "desktop": {"target": "window", "position": "bottom-right", "vertical_offset": 100, "element_position": "right", "horizontal_offset": 20, "element_vertical_offset": 0, "element_horizontal_offset": 0}, "animation_in": "fadeIn", "allow_overlay": true, "animation_out": "fadeOutLeft", "paranja_color": "#000000", "paranja_opacity": "0.5"}}, "html": "<% try {\n\tlang_helper = lang_helper;\n\t} catch (e) { lang_helper = \"ru\" }\n%>\n<% try {\n /// \u0422\u0435\u043a\u0441\u0442 \u0432 \u043e\u0431\u043b\u0430\u0447\u043a\u0430\u0445\n var firstCloudTextContent = '\u0442\u0438\u043f \u043a\u0443\u0440\u0441\u0430';\n var secondCloudTextContent = '\u0434\u0430\u0442\u0430 \u0441\u0442\u0430\u0440\u0442\u0430';\n \n // \u0422\u0435\u043a\u0441\u0442 \u0432 \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u0435 \u0438 \u043f\u043e\u0434\u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u0435\n var titleHeaderTextContent = '\u041d\u0430\u0437\u0432\u0430\u043d\u0438\u0435 \u043a\u0443\u0440\u0441\u0430 \u0432 \u043e\u0434\u043d\u0443 \u0441\u0442\u0440\u043e\u043a\u0443 \u0438\u043b\u0438 \u0434\u0432\u0435 \u0441\u0442\u0440\u043e\u043a\u0438';\n var titleDescribeTextContent = '\u041e\u043f\u0438\u0441\u0430\u043d\u0438\u0435 \u043a\u0443\u0440\u0441\u0430 \u0432 \u043e\u0434\u043d\u0443 \u0441\u0442\u0440\u043e\u043a\u0443 \u0438\u043b\u0438 \u0434\u0432\u0435 \u0441\u0442\u0440\u043e\u043a\u0438';\n \n // \u043f\u043e\u0434\u043f\u0438\u0441\u044c \u043a\u043d\u043e\u043f\u043a\u0438\n var buttonTextContent = '\u043f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435';\n \n // \u043a\u0430\u0440\u0442\u0438\u043d\u043a\u0430 svg\n var svgText = `
`\n} catch(e) {\n \n}%>\n
", "css": "<% try {\n bgc_color = \"linear-gradient(90deg, #173FED 0%, #136FEA 100%)\";\n row_font_size = 10;\n circle_size = 177;\n circle_size_min = 135;\n circle_color = '#81B3FF';\n shadow_text_color = '#27292D';\n height_over = 110;\n height_max = 180;\n max_width = 700;\n middle_width = 500;\n min_width = '100vw';\n permanent_height = 300;\n} catch(e) {\n \n}%>\n\n\n#popmechanic-form {\n box-sizing: border-box;\n width: 610px;\n height: 285px;\n background: #3BBFB2;\n padding-top: 16px;\n padding-left: 24px;\n padding-bottom: 16px;\n border-radius: 20px;\n position: relative;\n overflow: hidden;\n box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);\n}\n\n@media screen and (max-width: 1100px) {\n #popmechanic-form {\n width: 576px;\n height: 260px;\n }\n \n #popmechanic-form .title__header {\n font-size: 20px;\n}\n}\n\n@media screen and (max-width: 500px) {\n #popmechanic-form {\n border-radius: 0px;\n width: 330px;\n height: 270px;\n padding-left: 15px;\n }\n}\n\n#popmechanic-form .popmechanic-content {\n display: flex;\n flex-direction: column;\n width: 370px;\n height: 40px;\n}\n\n@media screen and (max-width: 1100px) {\n #popmechanic-form .popmechanic-content {\n width: 350px;\n }\n #popmechanic-form .title__header {\n font-size: 20px;\n}\n}\n\n\n#popmechanic-form .art-block {\n position: absolute;\n width: 430px;\n right: -180px;\n top: 30px;\n}\n\n@media screen and (max-width: 1100px) { \n #popmechanic-form .art-block { \n top: 40px;\n width: 430px;\n right: -220px;\n }\n}\n\n@media screen and (max-width: 500px) { \n #popmechanic-form .art-block { \n display: none;\n }\n}\n\n\n\n\n#popmechanic-form .art-block__image {\n position: relative;\n z-index: 2;\n right: -25px;\n}\n\n@media screen and (max-width: 1100px) {\n #popmechanic-form .art-block__image {\n top: -20px;\n right: 45px;\n }\n #popmechanic-form .art-block__image svg {\n width: 241px;\n \n }\n}\n\n#popmechanic-form .clouds {\n font-family: 'Golos';\n font-style: normal;\n font-weight: 400;\n font-size: 16px;\n display: flex;\n padding-bottom: 10px;\n}\n\n\n\n#popmechanic-form .title {\n font-family: 'Golos';\n font-style: normal;\n color: #FAFCFF;\n padding-bottom: 20px;\n font-weight: 800;\n}\n\n#popmechanic-form .title__header {\n font-weight: 800;\n font-size: 24px;\n padding-bottom: 10px;\n}\n\n@media screen and (max-width: 1100px) {\n #popmechanic-form .title__header {\n font-size: 20px;\n }\n}\n\n#popmechanic-form .title__describe {\n font-weight: 400;\n font-size: 20px; /*22*/\n}\n\n@media screen and (max-width: 1100px) {\n #popmechanic-form .title__describe {\n font-size: 18px;\n padding-right: 70px;\n }\n}\n\n\n#popmechanic-form .button-container {\n height: 100%;\n width: 100%;\n display: flex;\n justify-content: start;\n flex-grow: 1;\n}\n\n@media screen and (max-width: 500px) { \n #popmechanic-form .button-container {\n align-items: center;\n }\n}\n\n#popmechanic-form .button-container__button {\n width: 250px;\n height: 42px;\n background: #fff;\n border-radius: 5px;\n font-family: 'Golos';\n font-style: normal;\n font-weight: 700;\n font-size: <%=row_font_size*1.4%>px;/*14px*/\n letter-spacing: 1px;\n text-transform: uppercase;\n color: #000;\n}\n\n#popmechanic-form .button-container__button:hover {\n color: white;\n background: black;\n}\n\n#popmechanic-form .popmechanic-close {\n position: absolute;\n top: 20px;\n right: 20px;\n cursor: pointer;\n z-index: 3;\n}\n\n\n\n\n\n", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 75969, "template": 2845, "button_template": null, "test_group": null, "new_targeting": {"filter": {"id": "root", "name": "root", "nodes": [{"id": "2", "field": "device", "value": ["pc"], "operator": "$in"}, {"id": "3", "name": "$or", "type": "current_page", "nodes": [{"id": "4", "field": "page", "value": ["netology.ru/programs/nazad_v_sssr"], "operator": "$in_contains"}, {"id": "5", "field": "page", "value": ["netology.ru/programs/it_women"], "operator": "$in_contains"}, {"id": "6", "field": "page", "value": ["netology.ru/gajd-future-professions"], "operator": "$in_contains"}, {"id": "7", "field": "page", "value": ["netology.ru/test_na_vygoranie"], "operator": "$in_contains"}, {"id": "8", "field": "page", "value": ["netology.ru/geniy_vs_ii"], "operator": "$in_contains"}, {"id": "9", "field": "page", "value": ["netology.ru/it_viktorina"], "operator": "$in_contains"}, {"id": "10", "field": "page", "value": ["netology.ru/gaid-kak-perejti-v-it"], "operator": "$in_contains"}, {"id": "11", "field": "page", "value": ["netology.ru/programs/challenge-bot"], "operator": "$in_contains"}, {"id": "12", "field": "page", "value": ["l.netology.ru/job-interview"], "operator": "$in_contains"}, {"id": "13", "field": "page", "value": ["netology.ru/programs/gruppovaya-karernaya-konsultaciya/"], "operator": "$in_contains"}, {"id": "14", "field": "page", "value": ["netology.ru/programs/kakaya-rabota-podojdyot-imenno-vam/"], "operator": "$in_contains"}, {"id": "15", "field": "page", "value": ["netology.ru/programs/steps-to-goal"], "operator": "$in_contains"}, {"id": "16", "field": "page", "value": ["netology.ru/nomanipulations/"], "operator": "$in_contains"}, {"id": "17", "field": "page", "value": ["netology.ru/trudoustroystvo"], "operator": "$in_contains"}, {"id": "18", "field": "page", "value": ["l.netology.ru/onedayanalyst"], "operator": "$in_contains"}, {"id": "19", "field": "page", "value": ["netology.ru/programs/kariera-bez-straha"], "operator": "$in_contains"}, {"id": "20", "field": "page", "value": ["netology.ru/programs/bp-career-plan"], "operator": "$in_contains"}, {"id": "21", "field": "page", "value": ["netology.ru/programs/imposter_syndrom"], "operator": "$in_contains"}, {"id": "22", "field": "page", "value": ["netology.ru/programs/zadachnik"], "operator": "$in_contains"}, {"id": "23", "field": "page", "value": ["netology.ru/programs/lichnye-finansy-kak-ehkonomit-i-kopit-dengi"], "operator": "$in_contains"}, {"id": "24", "field": "page", "value": ["netology.ru/programs/internet-instruktsiya"], "operator": "$in_contains"}, {"id": "25", "field": "page", "value": ["netology.ru/programs/kak-sdelat-silnuyu-prezentaciyu"], "operator": "$in_contains"}, {"id": "26", "field": "page", "value": ["netology.ru/programs/it-dlya-gumanitariev"], "operator": "$in_contains"}, {"id": "27", "field": "page", "value": ["netology.ru/free-lessons/digital-atlas"], "operator": "$in_contains"}, {"id": "28", "field": "page", "value": ["netology.ru/netology_inside"], "operator": "$in_contains"}, {"id": "29", "field": "page", "value": ["netology.ru/proftest"], "operator": "$in_contains"}, {"id": "30", "field": "page", "value": ["netology.ru/ideal_profession_test"], "operator": "$in_contains"}], "operator": "$or"}], "operator": "$and"}}, "settings_splits": [{"settings": {}, "button_settings": {}, "conditions_splits": [{"conditions": {"mouseleave": "1"}, "combinator": "and", "id": 190818}], "id": 75377, "behavior_settings": {"button": {"on": false, "positions": {"desktop": {"top": "0px", "left": "0px"}}, "conditions": "targeting", "show_before": true}, "partscreen": {"mobile": null, "tablet": null, "desktop": {"target": "window", "position": "bottom-right", "vertical_offset": 100, "element_position": "right", "horizontal_offset": 20, "element_vertical_offset": 0, "element_horizontal_offset": 0}, "animation_in": "fadeIn", "allow_overlay": true, "animation_out": "fadeOutLeft", "paranja_color": "#000000", "paranja_opacity": "0.5"}}}], "pinned": false, "name": "NSALE-20513 Exit \u043f\u043e\u043f\u0430\u043f \u0434\u043b\u044f Enter_it - \u0434\u0435\u0441\u043a\u0442\u043e\u043f | Popup | Landing | Product | Free Course | crossunit | crossunit_bou_enterit_desktop | Auto", "active": true, "embed_selector": false, "selector": "", "placement": "start", "frequency": {"once_lifetime": true, "once_session": false, "priority": false, "minimal_timeout": null}, "start_date": null, "end_date": null, "day_of_week": [true, true, true, true, true, true, true], "start_time": null, "end_time": null, "timezone_minutes": 180, "custom_fields": [], "container_id": null, "child_forms": [], "salt": null, "control_group": null, "variants": [{"is_winner": false, "ab_test_variant_internal_id": null, "view_settings": {"button_template": null, "rendered_preview": "https://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-75512.png?ts=1712547317696", "rendered_button_preview": null, "settings": {}, "button_settings": {}, "behavior_settings": {"button": {"on": false, "positions": {"desktop": {"top": "0px", "left": "0px"}}, "conditions": "targeting", "show_before": true}, "partscreen": {"mobile": null, "tablet": null, "desktop": {"target": "window", "position": "bottom-right", "vertical_offset": 100, "element_position": "right", "horizontal_offset": 20, "element_vertical_offset": 0, "element_horizontal_offset": 0}, "animation_in": "fadeIn", "allow_overlay": true, "animation_out": "fadeOutLeft", "paranja_color": "#000000", "paranja_opacity": "0.5"}}, "html": "<% try {\n\tlang_helper = lang_helper;\n\t} catch (e) { lang_helper = \"ru\" }\n%>\n<% try {\n /// \u0422\u0435\u043a\u0441\u0442 \u0432 \u043e\u0431\u043b\u0430\u0447\u043a\u0430\u0445\n var firstCloudTextContent = '\u0442\u0438\u043f \u043a\u0443\u0440\u0441\u0430';\n var secondCloudTextContent = '\u0434\u0430\u0442\u0430 \u0441\u0442\u0430\u0440\u0442\u0430';\n \n // \u0422\u0435\u043a\u0441\u0442 \u0432 \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u0435 \u0438 \u043f\u043e\u0434\u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u0435\n var titleHeaderTextContent = '\u041d\u0430\u0437\u0432\u0430\u043d\u0438\u0435 \u043a\u0443\u0440\u0441\u0430 \u0432 \u043e\u0434\u043d\u0443 \u0441\u0442\u0440\u043e\u043a\u0443 \u0438\u043b\u0438 \u0434\u0432\u0435 \u0441\u0442\u0440\u043e\u043a\u0438';\n var titleDescribeTextContent = '\u041e\u043f\u0438\u0441\u0430\u043d\u0438\u0435 \u043a\u0443\u0440\u0441\u0430 \u0432 \u043e\u0434\u043d\u0443 \u0441\u0442\u0440\u043e\u043a\u0443 \u0438\u043b\u0438 \u0434\u0432\u0435 \u0441\u0442\u0440\u043e\u043a\u0438';\n \n // \u043f\u043e\u0434\u043f\u0438\u0441\u044c \u043a\u043d\u043e\u043f\u043a\u0438\n var buttonTextContent = '\u043f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435';\n \n // \u043a\u0430\u0440\u0442\u0438\u043d\u043a\u0430 svg\n var svgText = `
`\n} catch(e) {\n \n}%>\n
", "css": "<% try {\n bgc_color = \"linear-gradient(90deg, #173FED 0%, #136FEA 100%)\";\n row_font_size = 10;\n circle_size = 177;\n circle_size_min = 135;\n circle_color = '#81B3FF';\n shadow_text_color = '#27292D';\n height_over = 110;\n height_max = 180;\n max_width = 700;\n middle_width = 500;\n min_width = '100vw';\n permanent_height = 300;\n} catch(e) {\n \n}%>\n\n\n#popmechanic-form {\n box-sizing: border-box;\n width: 610px;\n height: 285px;\n background: #3BBFB2;\n padding-top: 16px;\n padding-left: 24px;\n padding-bottom: 16px;\n border-radius: 20px;\n position: relative;\n overflow: hidden;\n box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);\n}\n\n@media screen and (max-width: 1100px) {\n #popmechanic-form {\n width: 576px;\n height: 260px;\n }\n \n #popmechanic-form .title__header {\n font-size: 20px;\n}\n}\n\n@media screen and (max-width: 500px) {\n #popmechanic-form {\n border-radius: 0px;\n width: 330px;\n height: 270px;\n padding-left: 15px;\n }\n}\n\n#popmechanic-form .popmechanic-content {\n display: flex;\n flex-direction: column;\n width: 370px;\n height: 40px;\n}\n\n@media screen and (max-width: 1100px) {\n #popmechanic-form .popmechanic-content {\n width: 350px;\n }\n #popmechanic-form .title__header {\n font-size: 20px;\n}\n}\n\n\n#popmechanic-form .art-block {\n position: absolute;\n width: 430px;\n right: -180px;\n top: 30px;\n}\n\n@media screen and (max-width: 1100px) { \n #popmechanic-form .art-block { \n top: 40px;\n width: 430px;\n right: -220px;\n }\n}\n\n@media screen and (max-width: 500px) { \n #popmechanic-form .art-block { \n display: none;\n }\n}\n\n\n\n\n#popmechanic-form .art-block__image {\n position: relative;\n z-index: 2;\n right: -25px;\n}\n\n@media screen and (max-width: 1100px) {\n #popmechanic-form .art-block__image {\n top: -20px;\n right: 45px;\n }\n #popmechanic-form .art-block__image svg {\n width: 241px;\n \n }\n}\n\n#popmechanic-form .clouds {\n font-family: 'Golos';\n font-style: normal;\n font-weight: 400;\n font-size: 16px;\n display: flex;\n padding-bottom: 10px;\n}\n\n\n\n#popmechanic-form .title {\n font-family: 'Golos';\n font-style: normal;\n color: #FAFCFF;\n padding-bottom: 20px;\n font-weight: 800;\n}\n\n#popmechanic-form .title__header {\n font-weight: 800;\n font-size: 24px;\n padding-bottom: 10px;\n}\n\n@media screen and (max-width: 1100px) {\n #popmechanic-form .title__header {\n font-size: 20px;\n }\n}\n\n#popmechanic-form .title__describe {\n font-weight: 400;\n font-size: 20px; /*22*/\n}\n\n@media screen and (max-width: 1100px) {\n #popmechanic-form .title__describe {\n font-size: 18px;\n padding-right: 70px;\n }\n}\n\n\n#popmechanic-form .button-container {\n height: 100%;\n width: 100%;\n display: flex;\n justify-content: start;\n flex-grow: 1;\n}\n\n@media screen and (max-width: 500px) { \n #popmechanic-form .button-container {\n align-items: center;\n }\n}\n\n#popmechanic-form .button-container__button {\n width: 250px;\n height: 42px;\n background: #fff;\n border-radius: 5px;\n font-family: 'Golos';\n font-style: normal;\n font-weight: 700;\n font-size: <%=row_font_size*1.4%>px;/*14px*/\n letter-spacing: 1px;\n text-transform: uppercase;\n color: #000;\n}\n\n#popmechanic-form .button-container__button:hover {\n color: white;\n background: black;\n}\n\n#popmechanic-form .popmechanic-close {\n position: absolute;\n top: 20px;\n right: 20px;\n cursor: pointer;\n z-index: 3;\n}\n\n\n\n\n\n", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 73506, "template": 2845, "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": ["netology.ru/free", "netology.ru/free/career"], "operator": "$in_contains"}, {"id": "4", "field": "page", "value": "netology.ru/free-lessons", "operator": "$exclude"}], "operator": "$and"}, {"id": "5", "field": "device", "value": ["pc", "tablet"], "operator": "$in"}], "operator": "$and"}}, "settings_splits": [{"settings": {}, "button_settings": {}, "conditions_splits": [{"conditions": {"read": "20", "delay": "7"}, "combinator": "or", "id": 189107}], "id": 72914, "behavior_settings": {"button": {"on": false, "positions": {"desktop": {"top": "0px", "left": "0px"}}, "conditions": "targeting", "show_before": true}, "partscreen": {"mobile": null, "tablet": null, "desktop": {"target": "window", "position": "bottom-right", "vertical_offset": 100, "element_position": "right", "horizontal_offset": 20, "element_vertical_offset": 0, "element_horizontal_offset": 0}, "animation_in": "fadeInLeft", "allow_overlay": true, "animation_out": "fadeOutLeft", "paranja_color": "#000000", "paranja_opacity": "0.00"}}}], "pinned": false, "name": "NSALE-20038 - \u0412\u043e\u043f\u0440\u043e\u0441 \u043e \u043a\u0430\u0440\u044c\u0435\u0440\u043d\u043e\u043c \u0440\u0430\u0437\u0432\u0438\u0442\u0438\u0438 | Popup | Free | Queez | Content | crossunit | crossunit_queez_desktop | Auto", "active": true, "embed_selector": false, "selector": "", "placement": "start", "frequency": {"once_lifetime": false, "once_session": false, "priority": false, "minimal_timeout": null}, "start_date": null, "end_date": null, "day_of_week": [true, true, true, true, true, true, true], "start_time": null, "end_time": null, "timezone_minutes": 180, "custom_fields": [], "container_id": null, "child_forms": [], "salt": "03C6377D-1B3B-4360-A461-273BF2972783", "control_group": {"modulus_lower_inclusive": 0, "modulus_upper_exclusive": 50}, "variants": [{"is_winner": false, "ab_test_variant_internal_id": "1bdc992e-1b52-4297-8c1d-0a2e1df5675b", "view_settings": {"button_template": null, "rendered_preview": "https://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-72923.png?ts=1712543247271", "rendered_button_preview": null, "settings": {}, "button_settings": {}, "behavior_settings": {"button": {"on": false, "positions": {"desktop": {"top": "0px", "left": "0px"}}, "conditions": "targeting", "show_before": true}, "partscreen": {"mobile": null, "tablet": null, "desktop": {"target": "window", "position": "bottom-right", "vertical_offset": 100, "element_position": "right", "horizontal_offset": 20, "element_vertical_offset": 0, "element_horizontal_offset": 0}, "animation_in": "fadeInLeft", "allow_overlay": true, "animation_out": "fadeOutLeft", "paranja_color": "#000000", "paranja_opacity": "0.00"}}, "html": "<% try {\n\tlang_helper = lang_helper;\n\t} catch (e) { lang_helper = \"ru\" }\n%>\n<% try {\n /// \u0422\u0435\u043a\u0441\u0442 \u0432 \u043e\u0431\u043b\u0430\u0447\u043a\u0430\u0445\n var firstCloudTextContent = '\u0442\u0438\u043f \u043a\u0443\u0440\u0441\u0430';\n var secondCloudTextContent = '\u0434\u0430\u0442\u0430 \u0441\u0442\u0430\u0440\u0442\u0430';\n \n // \u0422\u0435\u043a\u0441\u0442 \u0432 \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u0435 \u0438 \u043f\u043e\u0434\u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u0435\n var titleHeaderTextContent = '\u041d\u0430\u0437\u0432\u0430\u043d\u0438\u0435 \u043a\u0443\u0440\u0441\u0430 \u0432 \u043e\u0434\u043d\u0443 \u0441\u0442\u0440\u043e\u043a\u0443 \u0438\u043b\u0438 \u0434\u0432\u0435 \u0441\u0442\u0440\u043e\u043a\u0438';\n var titleDescribeTextContent = '\u041e\u043f\u0438\u0441\u0430\u043d\u0438\u0435 \u043a\u0443\u0440\u0441\u0430 \u0432 \u043e\u0434\u043d\u0443 \u0441\u0442\u0440\u043e\u043a\u0443 \u0438\u043b\u0438 \u0434\u0432\u0435 \u0441\u0442\u0440\u043e\u043a\u0438';\n \n // \u043f\u043e\u0434\u043f\u0438\u0441\u044c \u043a\u043d\u043e\u043f\u043a\u0438\n var buttonTextContent = '\u043f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435';\n \n // \u043a\u0430\u0440\u0442\u0438\u043d\u043a\u0430 svg\n var svgText = `
`\n} catch(e) {\n \n}%>\n
", "css": "<% try {\n bgc_color = \"linear-gradient(90deg, #173FED 0%, #136FEA 100%)\";\n row_font_size = 10;\n circle_size = 177;\n circle_size_min = 135;\n circle_color = '#81B3FF';\n shadow_text_color = '#27292D';\n height_over = 110;\n height_max = 180;\n max_width = 700;\n middle_width = 500;\n min_width = '100vw';\n permanent_height = 300;\n} catch(e) {\n \n}%>\n\n#popmechanic-form {\n box-sizing: border-box;\n width: 600px;\n height: 260px;\n background: #f3f4f7;\n padding-top: 16px;\n padding-left: 24px;\n padding-bottom: 20px;\n border-radius: 20px;\n position: relative;\n overflow: hidden;\n box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);\n}\n\n@media screen and (max-width: 1100px) {\n #popmechanic-form {\n width: 600px;\n height: 260px;\n }\n}\n\n@media screen and (max-width: 500px) {\n #popmechanic-form {\n border-radius: 0px;\n width: 400px;\n height: 270px;\n padding-left: 30px;\n }\n}\n\n#popmechanic-form .popmechanic-content {\n display: flex;\n flex-direction: column;\n width: 60%;\n height: 40px;\n}\n\n@media screen and (max-width: 1100px) {\n #popmechanic-form .popmechanic-content {\n width: 400px;\n }\n}\n\n\n#popmechanic-form .art-block {\n position: absolute;\n width: 445px;\n right: -170px;\n top: 20px;\n}\n\n@media screen and (max-width: 1100px) { \n #popmechanic-form .art-block { \n top: 40px;\n width: 445px;\n right: -220px;\n }\n}\n\n@media screen and (max-width: 500px) { \n #popmechanic-form .art-block { \n display: none;\n }\n}\n\n\n\n\n#popmechanic-form .art-block__image {\n position: relative;\n z-index: 2;\n right: -10px;\n}\n\n@media screen and (max-width: 1100px) {\n #popmechanic-form .art-block__image {\n top: -20px;\n right: 45px;\n }\n #popmechanic-form .art-block__image svg {\n width: 241px;\n \n }\n}\n\n#popmechanic-form .clouds {\n font-family: 'Golos';\n font-style: normal;\n font-weight: 400;\n font-size: 16px;\n display: flex;\n padding-bottom: 20px;\n}\n\n@media screen and (max-width: 1100px) {\n #popmechanic-form .clouds {\n font-size: 16px;\n }\n}\n\n\n#popmechanic-form .clouds__item {\n border-radius: 16px;\n padding-left: 9px;\n padding-right: 9px;\n}\n\n#popmechanic-form .clouds__item_left {\n margin-right: 0px;\n background-color: #b3d2ff;\n}\n\n#popmechanic-form .clouds__item_right {\n background-color: #FFFFFF;\n}\n\n#popmechanic-form .title {\n font-family: 'Golos';\n font-style: normal;\n color: #27292D;\n padding-bottom: 20px;\n font-weight: 800;\n}\n\n#popmechanic-form .title__header {\n font-weight: 800;\n font-size: 24px; /*30*/\n padding-bottom: 10px;\n}\n\n@media screen and (max-width: 1100px) {\n #popmechanic-form .title__header {\n font-size: 24px;\n }\n}\n\n#popmechanic-form .title__describe {\n font-weight: 400;\n font-size: 18px; /*20*/\n}\n\n@media screen and (max-width: 1100px) {\n #popmechanic-form .title__describe {\n font-size: 18px;\n padding-right: 70px;\n }\n}\n\n\n#popmechanic-form .button-container {\n height: 100%;\n width: 100%;\n display: flex;\n justify-content: start;\n flex-grow: 1;\n}\n\n@media screen and (max-width: 500px) { \n #popmechanic-form .button-container {\n align-items: center;\n }\n}\n\n#popmechanic-form .button-container__button {\n width: 250px;\n height: 42px;\n background: #3989ff;\n border-radius: 5px;\n font-family: 'Golos';\n font-style: normal;\n font-weight: 700;\n font-size: <%=row_font_size*1.4%>px;/*14px*/\n letter-spacing: 1px;\n text-transform: uppercase;\n color: white;\n}\n\n#popmechanic-form .button-container__button:hover {\n color: white;\n background: black;\n}\n\n#popmechanic-form .popmechanic-close {\n position: absolute;\n top: 20px;\n right: 20px;\n cursor: pointer;\n z-index: 3;\n}\n\n\n\n\n\n", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": 50, "modulus_upper_exclusive": 100}], "is_transactional": false}, {"id": 73251, "template": 1537, "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": ["netology.ru/design?level=pro"], "operator": "$in_contains"}, {"id": "4", "field": "page", "value": "netology.ru/design?level=neo", "operator": "$exclude"}], "operator": "$and"}, {"id": "5", "field": "device", "value": ["pc", "tablet", "mobile"], "operator": "$in"}], "operator": "$and"}}, "settings_splits": [{"settings": {"title": "\u0418\u043d\u0444\u043e\u0433\u0440\u0430\u0444\u0438\u043a\u0430", "btn_url": "https://netology.ru/programs/infografica?utm_campaign=bdes_catalog_infografica&utm_source=triggers&utm_medium=block", "img_src": "https://u.netology.ru/backend/uploads/page_assets/images/file/60675/illust__4_.webp", "bg_color": "#f3f4f7", "btn_show": "1", "btn_text": "\u0417\u0430\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f", "subtitle": "\u0421\u043e\u0437\u0434\u0430\u0432\u0430\u0439\u0442\u0435 \u043c\u0443\u043b\u044c\u0442\u0438\u043c\u0435\u0434\u0438\u0439\u043d\u044b\u0435 \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u044b ", "btn_blank": "1", "btn_action": "link", "close_show": "0", "title_show": "1", "border_show": "0", "btn_form_id": "0", "font_custom": "Golos, Arial, sans-serif", "font_family": "Roboto, sans-serif", "title_color": "#000000", "border_color": "#fff", "border_width": "10", "btn_bg_color": "#0066FF", "width_mobile": "826.00", "subtitle_show": "1", "width_desktop": "2000.00", "btn_text_color": "#ffffff", "close_size_mob": "20", "padding_mobile": "20.00", "subtitle_color": "#000000", "close_color_mob": "#000", "close_size_desk": "24", "img_show_mobile": "0", "padding_desktop": "10.00", "btn_bg_color_hov": "#000000", "btn_border_color": "#0066FF", "btn_border_width": "1", "close_color_desk": "#000", "font_custom_show": "1", "img_show_desktop": "1", "img_width_mobile": "80.00", "btn_border_radius": "4", "btn_height_mobile": "12", "close_bg_show_mob": "0", "img_width_desktop": "160.00", "text_align_mobile": "left", "btn_height_desktop": "12", "btn_text_color_hov": "#ffffff", "close_bg_color_mob": "#000000", "close_bg_show_desk": "0", "text_align_desktop": "left", "close_bg_color_desk": "#000000", "width_option_mobile": "0", "btn_border_color_hov": "#000000", "btn_font_size_mobile": "12", "width_option_desktop": "0", "btn_font_size_desktop": "12", "close_bg_transparency": "0.5", "title_font_size_mobile": "20", "title_font_size_desktop": "24", "subtitle_font_size_mobile": "18", "subtitle_font_size_desktop": "16"}, "button_settings": {}, "conditions_splits": [], "id": 72659, "behavior_settings": {"embedded": {"animation_out": "fadeOut"}}}], "pinned": false, "name": "\u0418\u043d\u0444\u043e\u0433\u0440\u0430\u0444\u0438\u043a\u0430(in) \u0432 \u043a\u0430\u0442\u0430\u043b\u043e\u0433\u0435 | Block | Catalog List | Product | Paid Course | bdes | bdes_ou_navigation_in | Auto", "active": true, "embed_selector": true, "selector": "#__next > div.style_root__4ZYxi.style_inner__XWUig.style_mobile__INSiY > section > div.styles_root__emOlD > div.container_root__YUcmg.styles_content__f1Rlh > div > div.styles_root__HOtvu > div > div.styles_programs__PdSzw > div:nth-child(6)", "placement": "after", "frequency": {"once_lifetime": false, "once_session": false, "priority": false, "minimal_timeout": null}, "start_date": null, "end_date": null, "day_of_week": [true, true, true, true, true, true, true], "start_time": null, "end_time": null, "timezone_minutes": 180, "custom_fields": [], "container_id": null, "child_forms": [], "salt": null, "control_group": null, "variants": [{"is_winner": false, "ab_test_variant_internal_id": null, "view_settings": {"button_template": null, "rendered_preview": "https://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-72659.png?ts=1712540881549", "rendered_button_preview": null, "settings": {"title": "\u0418\u043d\u0444\u043e\u0433\u0440\u0430\u0444\u0438\u043a\u0430", "btn_url": "https://netology.ru/programs/infografica?utm_campaign=bdes_catalog_infografica&utm_source=triggers&utm_medium=block", "img_src": "https://u.netology.ru/backend/uploads/page_assets/images/file/60675/illust__4_.webp", "bg_color": "#f3f4f7", "btn_show": "1", "btn_text": "\u0417\u0430\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f", "subtitle": "\u0421\u043e\u0437\u0434\u0430\u0432\u0430\u0439\u0442\u0435 \u043c\u0443\u043b\u044c\u0442\u0438\u043c\u0435\u0434\u0438\u0439\u043d\u044b\u0435 \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u044b ", "btn_blank": "1", "btn_action": "link", "close_show": "0", "title_show": "1", "border_show": "0", "btn_form_id": "0", "font_custom": "Golos, Arial, sans-serif", "font_family": "Roboto, sans-serif", "title_color": "#000000", "border_color": "#fff", "border_width": "10", "btn_bg_color": "#0066FF", "width_mobile": "826.00", "subtitle_show": "1", "width_desktop": "2000.00", "btn_text_color": "#ffffff", "close_size_mob": "20", "padding_mobile": "20.00", "subtitle_color": "#000000", "close_color_mob": "#000", "close_size_desk": "24", "img_show_mobile": "0", "padding_desktop": "10.00", "btn_bg_color_hov": "#000000", "btn_border_color": "#0066FF", "btn_border_width": "1", "close_color_desk": "#000", "font_custom_show": "1", "img_show_desktop": "1", "img_width_mobile": "80.00", "btn_border_radius": "4", "btn_height_mobile": "12", "close_bg_show_mob": "0", "img_width_desktop": "160.00", "text_align_mobile": "left", "btn_height_desktop": "12", "btn_text_color_hov": "#ffffff", "close_bg_color_mob": "#000000", "close_bg_show_desk": "0", "text_align_desktop": "left", "close_bg_color_desk": "#000000", "width_option_mobile": "0", "btn_border_color_hov": "#000000", "btn_font_size_mobile": "12", "width_option_desktop": "0", "btn_font_size_desktop": "12", "close_bg_transparency": "0.5", "title_font_size_mobile": "20", "title_font_size_desktop": "24", "subtitle_font_size_mobile": "18", "subtitle_font_size_desktop": "16"}, "button_settings": {}, "behavior_settings": {"embedded": {"animation_out": "fadeOut"}}, "html": "
\" target=\"_blank\" style=\"text-decoration: none;\" data-popmechanic-submit>\r\n\r\n\r\n<% try { close_show = close_show; } catch (e) { close_show = 0 } %>\r\n
\r\n
", "css": "<% try {\r\n close_show = close_show;\r\n close_size_desk = close_size_desk;\r\n close_size_mob = close_size_mob;\r\n close_color_desk = close_color_desk;\r\n close_color_mob = close_color_mob;\r\n close_bg_show_desk = close_bg_show_desk;\r\n close_bg_color_desk = close_bg_color_desk;\r\n close_bg_show_mob = close_bg_show_mob;\r\n close_bg_color_mob = close_bg_color_mob;\r\n close_bg_transparency = close_bg_transparency;\r\n } catch (e) { \r\n close_show = 0\r\n close_size_desk = 24\r\n close_size_mob = 20\r\n close_color_desk = '#000000'\r\n close_color_mob = '#000000'\r\n close_bg_show_desk = 0\r\n close_bg_color_desk = '#000000'\r\n close_bg_show_mob = 0\r\n close_bg_color_mob = '#000000'\r\n close_bg_transparency = 0.5\r\n }\r\n%>\r\n\r\n<% 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.line {\r\n color: #F3F4F7;\r\n size: 1px;\r\n margin-bottom: 30px;\r\n}\r\n\r\n\r\n#popmechanic-form {\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 vertical-align: middle;\r\n position: relative;\r\n background-color: <%=bg_color%>;\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\r\n\r\n#popmechanic-form .popmechanic-content {\r\n display: flex;\r\n align-items: center;\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 .span-first {\r\n padding: 2px 8px;\r\n background-color: #D4E4FB;\r\n border-radius: 20px;\r\n color: #2c2c2c;\r\n font-size: 12px;\r\n margin-right: 4px;\r\n}\r\n\r\n#popmechanic-form .span-second {\r\n padding: 2px 8px;\r\n background-color: #2c2c2c;\r\n border-radius: 20px;\r\n color: #ffff;\r\n font-size: 12px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-title {\r\n margin-bottom: 8px;\r\n font-weight: 500;\r\n color: <%=title_color%>;\r\n}\r\n\r\n\r\n#popmechanic-form .popmechanic-button {\r\n display: block;\r\n text-align: center;\r\n text-decoration: none;\r\n background-color: <%=btn_bg_color%>;\r\n color: <%=btn_text_color%>;\r\n border-radius: <%=btn_border_radius%>px;\r\n max-width: 120px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-button:hover {\r\n background-color: <%=btn_bg_color_hov%>;\r\n color: <%=btn_text_color_hov%>;\r\n border-color: <%=btn_border_color_hov%>;\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form {\r\n <% if(parseInt(width_option_desktop)) { %>\r\n width: <%= width_desktop %>px;\r\n <% } else { %>\r\n width: 100%;\r\n <% } %>\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form .popmechanic-main {\r\n padding: <%=padding_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 \r\n}\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 margin-bottom: 20px;\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form .popmechanic-button {\r\n padding: <%= btn_height_desktop %>px;\r\n font-size: <%= btn_font_size_desktop %>px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form,\r\n.popmechanic-mobile #popmechanic-form {\r\n box-sizing: content-box;\r\n <% if(parseInt(width_option_mobile)) { %>\r\n width: <%= width_mobile %>px;\r\n <% } else { %>\r\n width: 100%;\r\n <% } %>\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-main,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main {\r\n padding: <%=padding_mobile%>px <%= padding_mobile / 2 %>px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-content,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-content {\r\n height: auto;\r\n display: block;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-image,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-image {\r\n display: <%= parseInt(img_show_mobile) ? 'block' : 'none' %>;\r\n width: <%= img_width_mobile %>px;\r\n float: left;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-header,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-header {\r\n margin-bottom: 24px;\r\n margin-left: 32px;\r\n margin-right: 20px;\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 display: inline-flex;\r\n margin-left: 28px;\r\n \r\n padding: <%= btn_height_mobile %>px 35px;\r\n font-size: <%= btn_font_size_mobile %>px;\r\n}\r\n\r\n\r\n\r\n\r\n<% if(parseInt(close_show)) { %>\r\n /* CLOSE */\r\n <%\r\n function hexToRgb(hex) {\r\n return hex.replace(/^#?([a-f\\d])([a-f\\d])([a-f\\d])$/i, function (m, r, g, b) {\r\n return \"#\".concat(r).concat(r).concat(g).concat(g).concat(b).concat(b);\r\n }).substring(1).match(/.{2}/g).map(function (x) {\r\n return parseInt(x, 16);\r\n });\r\n };\r\n %>\r\n\r\n #popmechanic-form .popmechanic-close {\r\n position: absolute;\r\n z-index: 40;\r\n cursor: pointer;\r\n }\r\n #popmechanic-form .popmechanic-close::before,\r\n #popmechanic-form .popmechanic-close::after {\r\n content: \"\";\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n width: 80%;\r\n height: 2px;\r\n transform: translate(-50%, -50%) rotate(45deg);\r\n }\r\n #popmechanic-form .popmechanic-close::after {\r\n transform: translate(-50%, -50%) rotate(135deg);\r\n }\r\n .popmechanic-desktop #popmechanic-form .popmechanic-close {\r\n top: 10px;\r\n right: 10px;\r\n width: <%= close_size_desk %>px;\r\n height: <%= close_size_desk %>px;\r\n <% if(parseInt(close_bg_show_desk)) { %>\r\n background-color: rgba(<%= hexToRgb(close_bg_color_desk) %>, <%= close_bg_transparency %>);\r\n <% } %>\r\n }\r\n .popmechanic-desktop #popmechanic-form .popmechanic-close::before,\r\n .popmechanic-desktop #popmechanic-form .popmechanic-close::after {\r\n background-color: <%= close_color_desk %>;\r\n }\r\n .popmechanic-tablet #popmechanic-form .popmechanic-close,\r\n .popmechanic-mobile #popmechanic-form .popmechanic-close {\r\n top: 5px;\r\n right: 5px;\r\n width: <%= close_size_mob %>px;\r\n height: <%= close_size_mob %>px;\r\n <% if(parseInt(close_bg_show_mob)) { %>\r\n background-color: rgba(<%= hexToRgb(close_bg_color_mob) %>, <%= close_bg_transparency %>);\r\n <% } %>\r\n }\r\n .popmechanic-tablet #popmechanic-form .popmechanic-close::before,\r\n .popmechanic-tablet #popmechanic-form .popmechanic-close::after,\r\n .popmechanic-mobile #popmechanic-form .popmechanic-close::before,\r\n .popmechanic-mobile #popmechanic-form .popmechanic-close::after {\r\n background-color: <%= close_color_mob %>;\r\n }\r\n<% } %>", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 73226, "template": 1537, "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": ["netology.ru/marketing?level=neo"], "operator": "$in_contains"}], "operator": "$and"}, {"id": "4", "field": "device", "value": ["pc", "tablet", "mobile"], "operator": "$in"}], "operator": "$and"}}, "settings_splits": [{"settings": {"title": "\u041c\u0435\u043d\u0435\u0434\u0436\u0435\u0440 \u043f\u043e \u043c\u0430\u0440\u043a\u0435\u0442\u043f\u043b\u0435\u0439\u0441\u0430\u043c", "btn_url": "https://netology.ru/programs/menedger-marketplace?utm_campaign=bmit_catalog_marketplace&utm_source=triggers&utm_medium=block", "img_src": "https://u.netology.ru/backend/uploads/page_assets/images/file/60663/illust__3_.webp", "bg_color": "#f3f4f7", "btn_show": "1", "btn_text": "\u0417\u0430\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f", "subtitle": "\u041d\u0430\u0443\u0447\u0438\u0442\u0435\u0441\u044c \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u0441 \u043f\u043e\u0441\u0442\u0430\u0432\u0449\u0438\u043a\u0430\u043c\u0438 \u0438\u0437 \u041a\u0438\u0442\u0430\u044f", "btn_blank": "1", "btn_action": "link", "close_show": "0", "title_show": "1", "border_show": "0", "btn_form_id": "0", "font_custom": "Golos, Arial, sans-serif", "font_family": "Roboto, sans-serif", "title_color": "#000000", "border_color": "#fff", "border_width": "10", "btn_bg_color": "#0066FF", "width_mobile": "826.00", "subtitle_show": "1", "width_desktop": "2000.00", "btn_text_color": "#ffffff", "close_size_mob": "20", "padding_mobile": "20.00", "subtitle_color": "#000000", "close_color_mob": "#000", "close_size_desk": "24", "img_show_mobile": "0", "padding_desktop": "10.00", "btn_bg_color_hov": "#000000", "btn_border_color": "#0066FF", "btn_border_width": "1", "close_color_desk": "#000", "font_custom_show": "1", "img_show_desktop": "1", "img_width_mobile": "80.00", "btn_border_radius": "4", "btn_height_mobile": "12", "close_bg_show_mob": "0", "img_width_desktop": "160.00", "text_align_mobile": "left", "btn_height_desktop": "12", "btn_text_color_hov": "#ffffff", "close_bg_color_mob": "#000000", "close_bg_show_desk": "0", "text_align_desktop": "left", "close_bg_color_desk": "#000000", "width_option_mobile": "0", "btn_border_color_hov": "#000000", "btn_font_size_mobile": "12", "width_option_desktop": "0", "btn_font_size_desktop": "12", "close_bg_transparency": "0.5", "title_font_size_mobile": "20", "title_font_size_desktop": "24", "subtitle_font_size_mobile": "18", "subtitle_font_size_desktop": "16"}, "button_settings": {}, "conditions_splits": [], "id": 72634, "behavior_settings": {"embedded": {"animation_out": "fadeOut"}}}], "pinned": false, "name": "\u041c\u0435\u043d\u0435\u0434\u0436\u0435\u0440 \u043f\u043e \u043c\u0430\u0440\u043a\u0435\u0442\u043f\u043b\u0435\u0439\u0441\u0430\u043c(mrpl) \u0432 \u043a\u0430\u0442\u0430\u043b\u043e\u0433\u0435 | Block | Catalog List | Product | Paid Course | bmit | bmit_ou_navigation_mrpl | Auto", "active": true, "embed_selector": true, "selector": "#__next > div.style_root__4ZYxi.style_inner__XWUig.style_mobile__INSiY > section > div.styles_root__emOlD > div.container_root__YUcmg.styles_content__f1Rlh > div > div.styles_root__HOtvu > div > div.styles_programs__PdSzw > div:nth-child(6)", "placement": "after", "frequency": {"once_lifetime": false, "once_session": false, "priority": false, "minimal_timeout": null}, "start_date": null, "end_date": null, "day_of_week": [true, true, true, true, true, true, true], "start_time": null, "end_time": null, "timezone_minutes": 180, "custom_fields": [], "container_id": null, "child_forms": [], "salt": null, "control_group": null, "variants": [{"is_winner": false, "ab_test_variant_internal_id": null, "view_settings": {"button_template": null, "rendered_preview": "https://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-72634.png?ts=1712540891888", "rendered_button_preview": null, "settings": {"title": "\u041c\u0435\u043d\u0435\u0434\u0436\u0435\u0440 \u043f\u043e \u043c\u0430\u0440\u043a\u0435\u0442\u043f\u043b\u0435\u0439\u0441\u0430\u043c", "btn_url": "https://netology.ru/programs/menedger-marketplace?utm_campaign=bmit_catalog_marketplace&utm_source=triggers&utm_medium=block", "img_src": "https://u.netology.ru/backend/uploads/page_assets/images/file/60663/illust__3_.webp", "bg_color": "#f3f4f7", "btn_show": "1", "btn_text": "\u0417\u0430\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f", "subtitle": "\u041d\u0430\u0443\u0447\u0438\u0442\u0435\u0441\u044c \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u0441 \u043f\u043e\u0441\u0442\u0430\u0432\u0449\u0438\u043a\u0430\u043c\u0438 \u0438\u0437 \u041a\u0438\u0442\u0430\u044f", "btn_blank": "1", "btn_action": "link", "close_show": "0", "title_show": "1", "border_show": "0", "btn_form_id": "0", "font_custom": "Golos, Arial, sans-serif", "font_family": "Roboto, sans-serif", "title_color": "#000000", "border_color": "#fff", "border_width": "10", "btn_bg_color": "#0066FF", "width_mobile": "826.00", "subtitle_show": "1", "width_desktop": "2000.00", "btn_text_color": "#ffffff", "close_size_mob": "20", "padding_mobile": "20.00", "subtitle_color": "#000000", "close_color_mob": "#000", "close_size_desk": "24", "img_show_mobile": "0", "padding_desktop": "10.00", "btn_bg_color_hov": "#000000", "btn_border_color": "#0066FF", "btn_border_width": "1", "close_color_desk": "#000", "font_custom_show": "1", "img_show_desktop": "1", "img_width_mobile": "80.00", "btn_border_radius": "4", "btn_height_mobile": "12", "close_bg_show_mob": "0", "img_width_desktop": "160.00", "text_align_mobile": "left", "btn_height_desktop": "12", "btn_text_color_hov": "#ffffff", "close_bg_color_mob": "#000000", "close_bg_show_desk": "0", "text_align_desktop": "left", "close_bg_color_desk": "#000000", "width_option_mobile": "0", "btn_border_color_hov": "#000000", "btn_font_size_mobile": "12", "width_option_desktop": "0", "btn_font_size_desktop": "12", "close_bg_transparency": "0.5", "title_font_size_mobile": "20", "title_font_size_desktop": "24", "subtitle_font_size_mobile": "18", "subtitle_font_size_desktop": "16"}, "button_settings": {}, "behavior_settings": {"embedded": {"animation_out": "fadeOut"}}, "html": "
\" target=\"_blank\" style=\"text-decoration: none;\" data-popmechanic-submit>\r\n\r\n\r\n<% try { close_show = close_show; } catch (e) { close_show = 0 } %>\r\n
\r\n
", "css": "<% try {\r\n close_show = close_show;\r\n close_size_desk = close_size_desk;\r\n close_size_mob = close_size_mob;\r\n close_color_desk = close_color_desk;\r\n close_color_mob = close_color_mob;\r\n close_bg_show_desk = close_bg_show_desk;\r\n close_bg_color_desk = close_bg_color_desk;\r\n close_bg_show_mob = close_bg_show_mob;\r\n close_bg_color_mob = close_bg_color_mob;\r\n close_bg_transparency = close_bg_transparency;\r\n } catch (e) { \r\n close_show = 0\r\n close_size_desk = 24\r\n close_size_mob = 20\r\n close_color_desk = '#000000'\r\n close_color_mob = '#000000'\r\n close_bg_show_desk = 0\r\n close_bg_color_desk = '#000000'\r\n close_bg_show_mob = 0\r\n close_bg_color_mob = '#000000'\r\n close_bg_transparency = 0.5\r\n }\r\n%>\r\n\r\n<% 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.line {\r\n color: #F3F4F7;\r\n size: 1px;\r\n margin-bottom: 30px;\r\n}\r\n\r\n\r\n#popmechanic-form {\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 vertical-align: middle;\r\n position: relative;\r\n background-color: <%=bg_color%>;\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\r\n\r\n#popmechanic-form .popmechanic-content {\r\n display: flex;\r\n align-items: center;\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 .span-first {\r\n padding: 2px 8px;\r\n background-color: #D4E4FB;\r\n border-radius: 20px;\r\n color: #2c2c2c;\r\n font-size: 12px;\r\n margin-right: 4px;\r\n}\r\n\r\n#popmechanic-form .span-second {\r\n padding: 2px 8px;\r\n background-color: #2c2c2c;\r\n border-radius: 20px;\r\n color: #ffff;\r\n font-size: 12px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-title {\r\n margin-bottom: 8px;\r\n font-weight: 500;\r\n color: <%=title_color%>;\r\n}\r\n\r\n\r\n#popmechanic-form .popmechanic-button {\r\n display: block;\r\n text-align: center;\r\n text-decoration: none;\r\n background-color: <%=btn_bg_color%>;\r\n color: <%=btn_text_color%>;\r\n border-radius: <%=btn_border_radius%>px;\r\n max-width: 120px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-button:hover {\r\n background-color: <%=btn_bg_color_hov%>;\r\n color: <%=btn_text_color_hov%>;\r\n border-color: <%=btn_border_color_hov%>;\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form {\r\n <% if(parseInt(width_option_desktop)) { %>\r\n width: <%= width_desktop %>px;\r\n <% } else { %>\r\n width: 100%;\r\n <% } %>\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form .popmechanic-main {\r\n padding: <%=padding_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 \r\n}\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 margin-bottom: 20px;\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form .popmechanic-button {\r\n padding: <%= btn_height_desktop %>px;\r\n font-size: <%= btn_font_size_desktop %>px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form,\r\n.popmechanic-mobile #popmechanic-form {\r\n box-sizing: content-box;\r\n <% if(parseInt(width_option_mobile)) { %>\r\n width: <%= width_mobile %>px;\r\n <% } else { %>\r\n width: 100%;\r\n <% } %>\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-main,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main {\r\n padding: <%=padding_mobile%>px <%= padding_mobile / 2 %>px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-content,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-content {\r\n height: auto;\r\n display: block;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-image,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-image {\r\n display: <%= parseInt(img_show_mobile) ? 'block' : 'none' %>;\r\n width: <%= img_width_mobile %>px;\r\n float: left;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-header,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-header {\r\n margin-bottom: 24px;\r\n margin-left: 32px;\r\n margin-right: 20px;\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 display: inline-flex;\r\n margin-left: 28px;\r\n \r\n padding: <%= btn_height_mobile %>px 35px;\r\n font-size: <%= btn_font_size_mobile %>px;\r\n}\r\n\r\n\r\n\r\n\r\n<% if(parseInt(close_show)) { %>\r\n /* CLOSE */\r\n <%\r\n function hexToRgb(hex) {\r\n return hex.replace(/^#?([a-f\\d])([a-f\\d])([a-f\\d])$/i, function (m, r, g, b) {\r\n return \"#\".concat(r).concat(r).concat(g).concat(g).concat(b).concat(b);\r\n }).substring(1).match(/.{2}/g).map(function (x) {\r\n return parseInt(x, 16);\r\n });\r\n };\r\n %>\r\n\r\n #popmechanic-form .popmechanic-close {\r\n position: absolute;\r\n z-index: 40;\r\n cursor: pointer;\r\n }\r\n #popmechanic-form .popmechanic-close::before,\r\n #popmechanic-form .popmechanic-close::after {\r\n content: \"\";\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n width: 80%;\r\n height: 2px;\r\n transform: translate(-50%, -50%) rotate(45deg);\r\n }\r\n #popmechanic-form .popmechanic-close::after {\r\n transform: translate(-50%, -50%) rotate(135deg);\r\n }\r\n .popmechanic-desktop #popmechanic-form .popmechanic-close {\r\n top: 10px;\r\n right: 10px;\r\n width: <%= close_size_desk %>px;\r\n height: <%= close_size_desk %>px;\r\n <% if(parseInt(close_bg_show_desk)) { %>\r\n background-color: rgba(<%= hexToRgb(close_bg_color_desk) %>, <%= close_bg_transparency %>);\r\n <% } %>\r\n }\r\n .popmechanic-desktop #popmechanic-form .popmechanic-close::before,\r\n .popmechanic-desktop #popmechanic-form .popmechanic-close::after {\r\n background-color: <%= close_color_desk %>;\r\n }\r\n .popmechanic-tablet #popmechanic-form .popmechanic-close,\r\n .popmechanic-mobile #popmechanic-form .popmechanic-close {\r\n top: 5px;\r\n right: 5px;\r\n width: <%= close_size_mob %>px;\r\n height: <%= close_size_mob %>px;\r\n <% if(parseInt(close_bg_show_mob)) { %>\r\n background-color: rgba(<%= hexToRgb(close_bg_color_mob) %>, <%= close_bg_transparency %>);\r\n <% } %>\r\n }\r\n .popmechanic-tablet #popmechanic-form .popmechanic-close::before,\r\n .popmechanic-tablet #popmechanic-form .popmechanic-close::after,\r\n .popmechanic-mobile #popmechanic-form .popmechanic-close::before,\r\n .popmechanic-mobile #popmechanic-form .popmechanic-close::after {\r\n background-color: <%= close_color_mob %>;\r\n }\r\n<% } %>", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 73223, "template": 1537, "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": ["netology.ru/development?level=neo"], "operator": "$in_contains"}], "operator": "$and"}, {"id": "4", "field": "device", "value": ["pc", "tablet", "mobile"], "operator": "$in"}], "operator": "$and"}}, "settings_splits": [{"settings": {"title": "1\u0421-\u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0441\u0442: \u0441 \u043d\u0443\u043b\u044f \u0434\u043e middle", "btn_url": "https://netology.ru/programs/developer1c_ultimate?utm_campaign=bdev_catalog_developer1c&utm_source=triggers&utm_medium=block", "img_src": "https://u.netology.ru/backend/uploads/page_assets/images/file/60662/illust__2_.webp", "bg_color": "#f3f4f7", "btn_show": "1", "btn_text": "\u0417\u0430\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f", "subtitle": "\u041d\u0430\u0441\u0442\u0440\u043e\u0438\u0442\u0435 \u0438\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u044e \u0441 \u0441\u0435\u0440\u0432\u0438\u0441\u0430\u043c\u0438 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e «1C:EDT» \u0438 Git", "btn_blank": "1", "btn_action": "link", "close_show": "0", "title_show": "1", "border_show": "0", "btn_form_id": "0", "font_custom": "Golos, Arial, sans-serif", "font_family": "Roboto, sans-serif", "title_color": "#000000", "border_color": "#fff", "border_width": "10", "btn_bg_color": "#0066FF", "width_mobile": "826.00", "subtitle_show": "1", "width_desktop": "2000.00", "btn_text_color": "#ffffff", "close_size_mob": "20", "padding_mobile": "20.00", "subtitle_color": "#000000", "close_color_mob": "#000", "close_size_desk": "24", "img_show_mobile": "0", "padding_desktop": "10.00", "btn_bg_color_hov": "#000000", "btn_border_color": "#0066FF", "btn_border_width": "1", "close_color_desk": "#000", "font_custom_show": "1", "img_show_desktop": "1", "img_width_mobile": "80.00", "btn_border_radius": "4", "btn_height_mobile": "12", "close_bg_show_mob": "0", "img_width_desktop": "160.00", "text_align_mobile": "left", "btn_height_desktop": "12", "btn_text_color_hov": "#ffffff", "close_bg_color_mob": "#000000", "close_bg_show_desk": "0", "text_align_desktop": "left", "close_bg_color_desk": "#000000", "width_option_mobile": "0", "btn_border_color_hov": "#000000", "btn_font_size_mobile": "12", "width_option_desktop": "0", "btn_font_size_desktop": "12", "close_bg_transparency": "0.5", "title_font_size_mobile": "20", "title_font_size_desktop": "24", "subtitle_font_size_mobile": "18", "subtitle_font_size_desktop": "16"}, "button_settings": {}, "conditions_splits": [], "id": 72631, "behavior_settings": {"embedded": {"animation_out": "fadeOut"}}}], "pinned": false, "name": "1\u0421-\u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0441\u0442: \u0441 \u043d\u0443\u043b\u044f \u0434\u043e middle(onecmid) \u0432 \u043a\u0430\u0442\u0430\u043b\u043e\u0433\u0435 | Block | Catalog List | Product | Paid Course | bdev | bdev_ou_navigation_onecmid | Auto", "active": true, "embed_selector": true, "selector": "#__next > div.style_root__4ZYxi.style_inner__XWUig.style_mobile__INSiY > section > div.styles_root__emOlD > div.container_root__YUcmg.styles_content__f1Rlh > div > div.styles_root__HOtvu > div > div.styles_programs__PdSzw > div:nth-child(6)", "placement": "after", "frequency": {"once_lifetime": false, "once_session": false, "priority": false, "minimal_timeout": null}, "start_date": null, "end_date": null, "day_of_week": [true, true, true, true, true, true, true], "start_time": null, "end_time": null, "timezone_minutes": 180, "custom_fields": [], "container_id": null, "child_forms": [], "salt": null, "control_group": null, "variants": [{"is_winner": false, "ab_test_variant_internal_id": null, "view_settings": {"button_template": null, "rendered_preview": "https://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-72631.png?ts=1712540901206", "rendered_button_preview": null, "settings": {"title": "1\u0421-\u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0441\u0442: \u0441 \u043d\u0443\u043b\u044f \u0434\u043e middle", "btn_url": "https://netology.ru/programs/developer1c_ultimate?utm_campaign=bdev_catalog_developer1c&utm_source=triggers&utm_medium=block", "img_src": "https://u.netology.ru/backend/uploads/page_assets/images/file/60662/illust__2_.webp", "bg_color": "#f3f4f7", "btn_show": "1", "btn_text": "\u0417\u0430\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f", "subtitle": "\u041d\u0430\u0441\u0442\u0440\u043e\u0438\u0442\u0435 \u0438\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u044e \u0441 \u0441\u0435\u0440\u0432\u0438\u0441\u0430\u043c\u0438 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e «1C:EDT» \u0438 Git", "btn_blank": "1", "btn_action": "link", "close_show": "0", "title_show": "1", "border_show": "0", "btn_form_id": "0", "font_custom": "Golos, Arial, sans-serif", "font_family": "Roboto, sans-serif", "title_color": "#000000", "border_color": "#fff", "border_width": "10", "btn_bg_color": "#0066FF", "width_mobile": "826.00", "subtitle_show": "1", "width_desktop": "2000.00", "btn_text_color": "#ffffff", "close_size_mob": "20", "padding_mobile": "20.00", "subtitle_color": "#000000", "close_color_mob": "#000", "close_size_desk": "24", "img_show_mobile": "0", "padding_desktop": "10.00", "btn_bg_color_hov": "#000000", "btn_border_color": "#0066FF", "btn_border_width": "1", "close_color_desk": "#000", "font_custom_show": "1", "img_show_desktop": "1", "img_width_mobile": "80.00", "btn_border_radius": "4", "btn_height_mobile": "12", "close_bg_show_mob": "0", "img_width_desktop": "160.00", "text_align_mobile": "left", "btn_height_desktop": "12", "btn_text_color_hov": "#ffffff", "close_bg_color_mob": "#000000", "close_bg_show_desk": "0", "text_align_desktop": "left", "close_bg_color_desk": "#000000", "width_option_mobile": "0", "btn_border_color_hov": "#000000", "btn_font_size_mobile": "12", "width_option_desktop": "0", "btn_font_size_desktop": "12", "close_bg_transparency": "0.5", "title_font_size_mobile": "20", "title_font_size_desktop": "24", "subtitle_font_size_mobile": "18", "subtitle_font_size_desktop": "16"}, "button_settings": {}, "behavior_settings": {"embedded": {"animation_out": "fadeOut"}}, "html": "
\" target=\"_blank\" style=\"text-decoration: none;\" data-popmechanic-submit>\r\n\r\n\r\n<% try { close_show = close_show; } catch (e) { close_show = 0 } %>\r\n
\r\n
", "css": "<% try {\r\n close_show = close_show;\r\n close_size_desk = close_size_desk;\r\n close_size_mob = close_size_mob;\r\n close_color_desk = close_color_desk;\r\n close_color_mob = close_color_mob;\r\n close_bg_show_desk = close_bg_show_desk;\r\n close_bg_color_desk = close_bg_color_desk;\r\n close_bg_show_mob = close_bg_show_mob;\r\n close_bg_color_mob = close_bg_color_mob;\r\n close_bg_transparency = close_bg_transparency;\r\n } catch (e) { \r\n close_show = 0\r\n close_size_desk = 24\r\n close_size_mob = 20\r\n close_color_desk = '#000000'\r\n close_color_mob = '#000000'\r\n close_bg_show_desk = 0\r\n close_bg_color_desk = '#000000'\r\n close_bg_show_mob = 0\r\n close_bg_color_mob = '#000000'\r\n close_bg_transparency = 0.5\r\n }\r\n%>\r\n\r\n<% 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.line {\r\n color: #F3F4F7;\r\n size: 1px;\r\n margin-bottom: 30px;\r\n}\r\n\r\n\r\n#popmechanic-form {\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 vertical-align: middle;\r\n position: relative;\r\n background-color: <%=bg_color%>;\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\r\n\r\n#popmechanic-form .popmechanic-content {\r\n display: flex;\r\n align-items: center;\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 .span-first {\r\n padding: 2px 8px;\r\n background-color: #D4E4FB;\r\n border-radius: 20px;\r\n color: #2c2c2c;\r\n font-size: 12px;\r\n margin-right: 4px;\r\n}\r\n\r\n#popmechanic-form .span-second {\r\n padding: 2px 8px;\r\n background-color: #2c2c2c;\r\n border-radius: 20px;\r\n color: #ffff;\r\n font-size: 12px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-title {\r\n margin-bottom: 8px;\r\n font-weight: 500;\r\n color: <%=title_color%>;\r\n}\r\n\r\n\r\n#popmechanic-form .popmechanic-button {\r\n display: block;\r\n text-align: center;\r\n text-decoration: none;\r\n background-color: <%=btn_bg_color%>;\r\n color: <%=btn_text_color%>;\r\n border-radius: <%=btn_border_radius%>px;\r\n max-width: 120px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-button:hover {\r\n background-color: <%=btn_bg_color_hov%>;\r\n color: <%=btn_text_color_hov%>;\r\n border-color: <%=btn_border_color_hov%>;\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form {\r\n <% if(parseInt(width_option_desktop)) { %>\r\n width: <%= width_desktop %>px;\r\n <% } else { %>\r\n width: 100%;\r\n <% } %>\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form .popmechanic-main {\r\n padding: <%=padding_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 \r\n}\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 margin-bottom: 20px;\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form .popmechanic-button {\r\n padding: <%= btn_height_desktop %>px;\r\n font-size: <%= btn_font_size_desktop %>px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form,\r\n.popmechanic-mobile #popmechanic-form {\r\n box-sizing: content-box;\r\n <% if(parseInt(width_option_mobile)) { %>\r\n width: <%= width_mobile %>px;\r\n <% } else { %>\r\n width: 100%;\r\n <% } %>\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-main,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main {\r\n padding: <%=padding_mobile%>px <%= padding_mobile / 2 %>px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-content,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-content {\r\n height: auto;\r\n display: block;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-image,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-image {\r\n display: <%= parseInt(img_show_mobile) ? 'block' : 'none' %>;\r\n width: <%= img_width_mobile %>px;\r\n float: left;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-header,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-header {\r\n margin-bottom: 24px;\r\n margin-left: 32px;\r\n margin-right: 20px;\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 display: inline-flex;\r\n margin-left: 28px;\r\n \r\n padding: <%= btn_height_mobile %>px 35px;\r\n font-size: <%= btn_font_size_mobile %>px;\r\n}\r\n\r\n\r\n\r\n\r\n<% if(parseInt(close_show)) { %>\r\n /* CLOSE */\r\n <%\r\n function hexToRgb(hex) {\r\n return hex.replace(/^#?([a-f\\d])([a-f\\d])([a-f\\d])$/i, function (m, r, g, b) {\r\n return \"#\".concat(r).concat(r).concat(g).concat(g).concat(b).concat(b);\r\n }).substring(1).match(/.{2}/g).map(function (x) {\r\n return parseInt(x, 16);\r\n });\r\n };\r\n %>\r\n\r\n #popmechanic-form .popmechanic-close {\r\n position: absolute;\r\n z-index: 40;\r\n cursor: pointer;\r\n }\r\n #popmechanic-form .popmechanic-close::before,\r\n #popmechanic-form .popmechanic-close::after {\r\n content: \"\";\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n width: 80%;\r\n height: 2px;\r\n transform: translate(-50%, -50%) rotate(45deg);\r\n }\r\n #popmechanic-form .popmechanic-close::after {\r\n transform: translate(-50%, -50%) rotate(135deg);\r\n }\r\n .popmechanic-desktop #popmechanic-form .popmechanic-close {\r\n top: 10px;\r\n right: 10px;\r\n width: <%= close_size_desk %>px;\r\n height: <%= close_size_desk %>px;\r\n <% if(parseInt(close_bg_show_desk)) { %>\r\n background-color: rgba(<%= hexToRgb(close_bg_color_desk) %>, <%= close_bg_transparency %>);\r\n <% } %>\r\n }\r\n .popmechanic-desktop #popmechanic-form .popmechanic-close::before,\r\n .popmechanic-desktop #popmechanic-form .popmechanic-close::after {\r\n background-color: <%= close_color_desk %>;\r\n }\r\n .popmechanic-tablet #popmechanic-form .popmechanic-close,\r\n .popmechanic-mobile #popmechanic-form .popmechanic-close {\r\n top: 5px;\r\n right: 5px;\r\n width: <%= close_size_mob %>px;\r\n height: <%= close_size_mob %>px;\r\n <% if(parseInt(close_bg_show_mob)) { %>\r\n background-color: rgba(<%= hexToRgb(close_bg_color_mob) %>, <%= close_bg_transparency %>);\r\n <% } %>\r\n }\r\n .popmechanic-tablet #popmechanic-form .popmechanic-close::before,\r\n .popmechanic-tablet #popmechanic-form .popmechanic-close::after,\r\n .popmechanic-mobile #popmechanic-form .popmechanic-close::before,\r\n .popmechanic-mobile #popmechanic-form .popmechanic-close::after {\r\n background-color: <%= close_color_mob %>;\r\n }\r\n<% } %>", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 73219, "template": 1537, "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": ["netology.ru/data-science?level=neo"], "operator": "$in_contains"}], "operator": "$and"}, {"id": "4", "field": "device", "value": ["pc", "tablet", "mobile"], "operator": "$in"}], "operator": "$and"}}, "settings_splits": [{"settings": {"title": "\u0410\u043d\u0430\u043b\u0438\u0442\u0438\u043a\u0430 Data Scientist: \u0441 \u043d\u0443\u043b\u044f \u0434\u043e middle", "btn_url": "https://netology.ru/programs/prodatascience?utm_campaign=bds_catalog_prodatascience&utm_source=triggers&utm_medium=block", "img_src": "https://u.netology.ru/backend/uploads/page_assets/images/file/60661/illust__1___1_.webp", "bg_color": "#f3f4f7", "btn_show": "1", "btn_text": "\u0417\u0430\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f", "subtitle": "\u0421\u043c\u043e\u0436\u0435\u0442\u0435 \u043f\u0440\u043e\u0439\u0442\u0438 \u0441\u043f\u0435\u0446\u0438\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044e DS \u0432 \u043c\u0435\u0434\u0438\u0446\u0438\u043d\u0435", "btn_blank": "1", "btn_action": "link", "close_show": "0", "title_show": "1", "border_show": "0", "btn_form_id": "0", "font_custom": "Golos, Arial, sans-serif", "font_family": "Roboto, sans-serif", "title_color": "#000000", "border_color": "#fff", "border_width": "10", "btn_bg_color": "#0066FF", "width_mobile": "826.00", "subtitle_show": "1", "width_desktop": "2000.00", "btn_text_color": "#ffffff", "close_size_mob": "20", "padding_mobile": "20.00", "subtitle_color": "#000000", "close_color_mob": "#000", "close_size_desk": "24", "img_show_mobile": "0", "padding_desktop": "10.00", "btn_bg_color_hov": "#000000", "btn_border_color": "#0066FF", "btn_border_width": "1", "close_color_desk": "#000", "font_custom_show": "1", "img_show_desktop": "1", "img_width_mobile": "80.00", "btn_border_radius": "4", "btn_height_mobile": "12", "close_bg_show_mob": "0", "img_width_desktop": "160.00", "text_align_mobile": "left", "btn_height_desktop": "12", "btn_text_color_hov": "#ffffff", "close_bg_color_mob": "#000000", "close_bg_show_desk": "0", "text_align_desktop": "left", "close_bg_color_desk": "#000000", "width_option_mobile": "0", "btn_border_color_hov": "#000000", "btn_font_size_mobile": "12", "width_option_desktop": "0", "btn_font_size_desktop": "12", "close_bg_transparency": "0.5", "title_font_size_mobile": "20", "title_font_size_desktop": "24", "subtitle_font_size_mobile": "18", "subtitle_font_size_desktop": "16"}, "button_settings": {}, "conditions_splits": [], "id": 72627, "behavior_settings": {"embedded": {"animation_out": "fadeOut"}}}], "pinned": false, "name": "\u0410\u043d\u0430\u043b\u0438\u0442\u0438\u043a\u0430 Data Scientist: \u0441 \u043d\u0443\u043b\u044f \u0434\u043e middle(dsu) \u0432 \u043a\u0430\u0442\u0430\u043b\u043e\u0433\u0435 | Block | Catalog List | Product | Paid Course | bds | bds_ou_navigation_dsu | Auto", "active": true, "embed_selector": true, "selector": "#__next > div.style_root__4ZYxi.style_inner__XWUig.style_mobile__INSiY > section > div.styles_root__emOlD > div.container_root__YUcmg.styles_content__f1Rlh > div > div.styles_root__HOtvu > div > div.styles_programs__PdSzw > div:nth-child(6)", "placement": "after", "frequency": {"once_lifetime": false, "once_session": false, "priority": false, "minimal_timeout": null}, "start_date": null, "end_date": null, "day_of_week": [true, true, true, true, true, true, true], "start_time": null, "end_time": null, "timezone_minutes": 180, "custom_fields": [], "container_id": null, "child_forms": [], "salt": null, "control_group": null, "variants": [{"is_winner": false, "ab_test_variant_internal_id": null, "view_settings": {"button_template": null, "rendered_preview": "https://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-72627.png?ts=1712540913645", "rendered_button_preview": null, "settings": {"title": "\u0410\u043d\u0430\u043b\u0438\u0442\u0438\u043a\u0430 Data Scientist: \u0441 \u043d\u0443\u043b\u044f \u0434\u043e middle", "btn_url": "https://netology.ru/programs/prodatascience?utm_campaign=bds_catalog_prodatascience&utm_source=triggers&utm_medium=block", "img_src": "https://u.netology.ru/backend/uploads/page_assets/images/file/60661/illust__1___1_.webp", "bg_color": "#f3f4f7", "btn_show": "1", "btn_text": "\u0417\u0430\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f", "subtitle": "\u0421\u043c\u043e\u0436\u0435\u0442\u0435 \u043f\u0440\u043e\u0439\u0442\u0438 \u0441\u043f\u0435\u0446\u0438\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044e DS \u0432 \u043c\u0435\u0434\u0438\u0446\u0438\u043d\u0435", "btn_blank": "1", "btn_action": "link", "close_show": "0", "title_show": "1", "border_show": "0", "btn_form_id": "0", "font_custom": "Golos, Arial, sans-serif", "font_family": "Roboto, sans-serif", "title_color": "#000000", "border_color": "#fff", "border_width": "10", "btn_bg_color": "#0066FF", "width_mobile": "826.00", "subtitle_show": "1", "width_desktop": "2000.00", "btn_text_color": "#ffffff", "close_size_mob": "20", "padding_mobile": "20.00", "subtitle_color": "#000000", "close_color_mob": "#000", "close_size_desk": "24", "img_show_mobile": "0", "padding_desktop": "10.00", "btn_bg_color_hov": "#000000", "btn_border_color": "#0066FF", "btn_border_width": "1", "close_color_desk": "#000", "font_custom_show": "1", "img_show_desktop": "1", "img_width_mobile": "80.00", "btn_border_radius": "4", "btn_height_mobile": "12", "close_bg_show_mob": "0", "img_width_desktop": "160.00", "text_align_mobile": "left", "btn_height_desktop": "12", "btn_text_color_hov": "#ffffff", "close_bg_color_mob": "#000000", "close_bg_show_desk": "0", "text_align_desktop": "left", "close_bg_color_desk": "#000000", "width_option_mobile": "0", "btn_border_color_hov": "#000000", "btn_font_size_mobile": "12", "width_option_desktop": "0", "btn_font_size_desktop": "12", "close_bg_transparency": "0.5", "title_font_size_mobile": "20", "title_font_size_desktop": "24", "subtitle_font_size_mobile": "18", "subtitle_font_size_desktop": "16"}, "button_settings": {}, "behavior_settings": {"embedded": {"animation_out": "fadeOut"}}, "html": "
\" target=\"_blank\" style=\"text-decoration: none;\" data-popmechanic-submit>\r\n\r\n\r\n<% try { close_show = close_show; } catch (e) { close_show = 0 } %>\r\n
\r\n
", "css": "<% try {\r\n close_show = close_show;\r\n close_size_desk = close_size_desk;\r\n close_size_mob = close_size_mob;\r\n close_color_desk = close_color_desk;\r\n close_color_mob = close_color_mob;\r\n close_bg_show_desk = close_bg_show_desk;\r\n close_bg_color_desk = close_bg_color_desk;\r\n close_bg_show_mob = close_bg_show_mob;\r\n close_bg_color_mob = close_bg_color_mob;\r\n close_bg_transparency = close_bg_transparency;\r\n } catch (e) { \r\n close_show = 0\r\n close_size_desk = 24\r\n close_size_mob = 20\r\n close_color_desk = '#000000'\r\n close_color_mob = '#000000'\r\n close_bg_show_desk = 0\r\n close_bg_color_desk = '#000000'\r\n close_bg_show_mob = 0\r\n close_bg_color_mob = '#000000'\r\n close_bg_transparency = 0.5\r\n }\r\n%>\r\n\r\n<% 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.line {\r\n color: #F3F4F7;\r\n size: 1px;\r\n margin-bottom: 30px;\r\n}\r\n\r\n\r\n#popmechanic-form {\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 vertical-align: middle;\r\n position: relative;\r\n background-color: <%=bg_color%>;\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\r\n\r\n#popmechanic-form .popmechanic-content {\r\n display: flex;\r\n align-items: center;\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 .span-first {\r\n padding: 2px 8px;\r\n background-color: #D4E4FB;\r\n border-radius: 20px;\r\n color: #2c2c2c;\r\n font-size: 12px;\r\n margin-right: 4px;\r\n}\r\n\r\n#popmechanic-form .span-second {\r\n padding: 2px 8px;\r\n background-color: #2c2c2c;\r\n border-radius: 20px;\r\n color: #ffff;\r\n font-size: 12px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-title {\r\n margin-bottom: 8px;\r\n font-weight: 500;\r\n color: <%=title_color%>;\r\n}\r\n\r\n\r\n#popmechanic-form .popmechanic-button {\r\n display: block;\r\n text-align: center;\r\n text-decoration: none;\r\n background-color: <%=btn_bg_color%>;\r\n color: <%=btn_text_color%>;\r\n border-radius: <%=btn_border_radius%>px;\r\n max-width: 120px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-button:hover {\r\n background-color: <%=btn_bg_color_hov%>;\r\n color: <%=btn_text_color_hov%>;\r\n border-color: <%=btn_border_color_hov%>;\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form {\r\n <% if(parseInt(width_option_desktop)) { %>\r\n width: <%= width_desktop %>px;\r\n <% } else { %>\r\n width: 100%;\r\n <% } %>\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form .popmechanic-main {\r\n padding: <%=padding_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 \r\n}\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 margin-bottom: 20px;\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form .popmechanic-button {\r\n padding: <%= btn_height_desktop %>px;\r\n font-size: <%= btn_font_size_desktop %>px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form,\r\n.popmechanic-mobile #popmechanic-form {\r\n box-sizing: content-box;\r\n <% if(parseInt(width_option_mobile)) { %>\r\n width: <%= width_mobile %>px;\r\n <% } else { %>\r\n width: 100%;\r\n <% } %>\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-main,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main {\r\n padding: <%=padding_mobile%>px <%= padding_mobile / 2 %>px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-content,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-content {\r\n height: auto;\r\n display: block;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-image,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-image {\r\n display: <%= parseInt(img_show_mobile) ? 'block' : 'none' %>;\r\n width: <%= img_width_mobile %>px;\r\n float: left;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-header,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-header {\r\n margin-bottom: 24px;\r\n margin-left: 32px;\r\n margin-right: 20px;\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 display: inline-flex;\r\n margin-left: 28px;\r\n \r\n padding: <%= btn_height_mobile %>px 35px;\r\n font-size: <%= btn_font_size_mobile %>px;\r\n}\r\n\r\n\r\n\r\n\r\n<% if(parseInt(close_show)) { %>\r\n /* CLOSE */\r\n <%\r\n function hexToRgb(hex) {\r\n return hex.replace(/^#?([a-f\\d])([a-f\\d])([a-f\\d])$/i, function (m, r, g, b) {\r\n return \"#\".concat(r).concat(r).concat(g).concat(g).concat(b).concat(b);\r\n }).substring(1).match(/.{2}/g).map(function (x) {\r\n return parseInt(x, 16);\r\n });\r\n };\r\n %>\r\n\r\n #popmechanic-form .popmechanic-close {\r\n position: absolute;\r\n z-index: 40;\r\n cursor: pointer;\r\n }\r\n #popmechanic-form .popmechanic-close::before,\r\n #popmechanic-form .popmechanic-close::after {\r\n content: \"\";\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n width: 80%;\r\n height: 2px;\r\n transform: translate(-50%, -50%) rotate(45deg);\r\n }\r\n #popmechanic-form .popmechanic-close::after {\r\n transform: translate(-50%, -50%) rotate(135deg);\r\n }\r\n .popmechanic-desktop #popmechanic-form .popmechanic-close {\r\n top: 10px;\r\n right: 10px;\r\n width: <%= close_size_desk %>px;\r\n height: <%= close_size_desk %>px;\r\n <% if(parseInt(close_bg_show_desk)) { %>\r\n background-color: rgba(<%= hexToRgb(close_bg_color_desk) %>, <%= close_bg_transparency %>);\r\n <% } %>\r\n }\r\n .popmechanic-desktop #popmechanic-form .popmechanic-close::before,\r\n .popmechanic-desktop #popmechanic-form .popmechanic-close::after {\r\n background-color: <%= close_color_desk %>;\r\n }\r\n .popmechanic-tablet #popmechanic-form .popmechanic-close,\r\n .popmechanic-mobile #popmechanic-form .popmechanic-close {\r\n top: 5px;\r\n right: 5px;\r\n width: <%= close_size_mob %>px;\r\n height: <%= close_size_mob %>px;\r\n <% if(parseInt(close_bg_show_mob)) { %>\r\n background-color: rgba(<%= hexToRgb(close_bg_color_mob) %>, <%= close_bg_transparency %>);\r\n <% } %>\r\n }\r\n .popmechanic-tablet #popmechanic-form .popmechanic-close::before,\r\n .popmechanic-tablet #popmechanic-form .popmechanic-close::after,\r\n .popmechanic-mobile #popmechanic-form .popmechanic-close::before,\r\n .popmechanic-mobile #popmechanic-form .popmechanic-close::after {\r\n background-color: <%= close_color_mob %>;\r\n }\r\n<% } %>", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 73217, "template": 1537, "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": ["netology.ru/design?level=neo"], "operator": "$in_contains"}], "operator": "$and"}, {"id": "4", "field": "device", "value": ["pc", "tablet", "mobile"], "operator": "$in"}], "operator": "$and"}}, "settings_splits": [{"settings": {"title": "\u0413\u0440\u0430\u0444\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440: \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u043d\u044b\u0439 \u043a\u0443\u0440\u0441", "btn_url": "https://netology.ru/programs/graphic-design-ultimate?utm_campaign=bdes_catalog_dcou&utm_source=triggers&utm_medium=block", "img_src": "https://u.netology.ru/backend/uploads/page_assets/images/file/60658/illust__1_.webp", "bg_color": "#f3f4f7", "btn_show": "1", "btn_text": "\u0417\u0430\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f", "subtitle": "\u041f\u043e\u043c\u043e\u0433\u0430\u0439\u0442\u0435 \u0431\u0440\u0435\u043d\u0434\u0430\u043c \u043e\u0431\u0449\u0430\u0442\u044c\u0441\u044f \u0441 \u0430\u0443\u0434\u0438\u0442\u043e\u0440\u0438\u0435\u0439", "btn_blank": "1", "btn_action": "link", "close_show": "0", "title_show": "1", "border_show": "0", "btn_form_id": "0", "font_custom": "Golos, Arial, sans-serif", "font_family": "Roboto, sans-serif", "title_color": "#000000", "border_color": "#fff", "border_width": "10", "btn_bg_color": "#0066FF", "width_mobile": "826.00", "subtitle_show": "1", "width_desktop": "2000.00", "btn_text_color": "#ffffff", "close_size_mob": "20", "padding_mobile": "20.00", "subtitle_color": "#000000", "close_color_mob": "#000", "close_size_desk": "24", "img_show_mobile": "0", "padding_desktop": "10.00", "btn_bg_color_hov": "#000000", "btn_border_color": "#0066FF", "btn_border_width": "1", "close_color_desk": "#000", "font_custom_show": "1", "img_show_desktop": "1", "img_width_mobile": "80.00", "btn_border_radius": "4", "btn_height_mobile": "12", "close_bg_show_mob": "0", "img_width_desktop": "160.00", "text_align_mobile": "left", "btn_height_desktop": "12", "btn_text_color_hov": "#ffffff", "close_bg_color_mob": "#000000", "close_bg_show_desk": "0", "text_align_desktop": "left", "close_bg_color_desk": "#000000", "width_option_mobile": "0", "btn_border_color_hov": "#000000", "btn_font_size_mobile": "12", "width_option_desktop": "0", "btn_font_size_desktop": "12", "close_bg_transparency": "0.5", "title_font_size_mobile": "20", "title_font_size_desktop": "24", "subtitle_font_size_mobile": "18", "subtitle_font_size_desktop": "16"}, "button_settings": {}, "conditions_splits": [], "id": 72625, "behavior_settings": {"embedded": {"animation_out": "fadeOut"}}}], "pinned": false, "name": "\u0413\u0440\u0430\u0444\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440: \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u043d\u044b\u0439 \u043a\u0443\u0440\u0441(dcou) \u0432 \u043a\u0430\u0442\u0430\u043b\u043e\u0433\u0435 | Block | Catalog List | Product | Paid Course | bdes | bdes_ou_navigation_dcou | Auto", "active": true, "embed_selector": true, "selector": "#__next > div.style_root__4ZYxi.style_inner__XWUig.style_mobile__INSiY > section > div.styles_root__emOlD > div.container_root__YUcmg.styles_content__f1Rlh > div > div.styles_root__HOtvu > div > div.styles_programs__PdSzw > div:nth-child(6)", "placement": "after", "frequency": {"once_lifetime": false, "once_session": false, "priority": false, "minimal_timeout": null}, "start_date": null, "end_date": null, "day_of_week": [true, true, true, true, true, true, true], "start_time": null, "end_time": null, "timezone_minutes": 180, "custom_fields": [], "container_id": null, "child_forms": [], "salt": null, "control_group": null, "variants": [{"is_winner": false, "ab_test_variant_internal_id": null, "view_settings": {"button_template": null, "rendered_preview": "https://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-72625.png?ts=1712540924294", "rendered_button_preview": null, "settings": {"title": "\u0413\u0440\u0430\u0444\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440: \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u043d\u044b\u0439 \u043a\u0443\u0440\u0441", "btn_url": "https://netology.ru/programs/graphic-design-ultimate?utm_campaign=bdes_catalog_dcou&utm_source=triggers&utm_medium=block", "img_src": "https://u.netology.ru/backend/uploads/page_assets/images/file/60658/illust__1_.webp", "bg_color": "#f3f4f7", "btn_show": "1", "btn_text": "\u0417\u0430\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f", "subtitle": "\u041f\u043e\u043c\u043e\u0433\u0430\u0439\u0442\u0435 \u0431\u0440\u0435\u043d\u0434\u0430\u043c \u043e\u0431\u0449\u0430\u0442\u044c\u0441\u044f \u0441 \u0430\u0443\u0434\u0438\u0442\u043e\u0440\u0438\u0435\u0439", "btn_blank": "1", "btn_action": "link", "close_show": "0", "title_show": "1", "border_show": "0", "btn_form_id": "0", "font_custom": "Golos, Arial, sans-serif", "font_family": "Roboto, sans-serif", "title_color": "#000000", "border_color": "#fff", "border_width": "10", "btn_bg_color": "#0066FF", "width_mobile": "826.00", "subtitle_show": "1", "width_desktop": "2000.00", "btn_text_color": "#ffffff", "close_size_mob": "20", "padding_mobile": "20.00", "subtitle_color": "#000000", "close_color_mob": "#000", "close_size_desk": "24", "img_show_mobile": "0", "padding_desktop": "10.00", "btn_bg_color_hov": "#000000", "btn_border_color": "#0066FF", "btn_border_width": "1", "close_color_desk": "#000", "font_custom_show": "1", "img_show_desktop": "1", "img_width_mobile": "80.00", "btn_border_radius": "4", "btn_height_mobile": "12", "close_bg_show_mob": "0", "img_width_desktop": "160.00", "text_align_mobile": "left", "btn_height_desktop": "12", "btn_text_color_hov": "#ffffff", "close_bg_color_mob": "#000000", "close_bg_show_desk": "0", "text_align_desktop": "left", "close_bg_color_desk": "#000000", "width_option_mobile": "0", "btn_border_color_hov": "#000000", "btn_font_size_mobile": "12", "width_option_desktop": "0", "btn_font_size_desktop": "12", "close_bg_transparency": "0.5", "title_font_size_mobile": "20", "title_font_size_desktop": "24", "subtitle_font_size_mobile": "18", "subtitle_font_size_desktop": "16"}, "button_settings": {}, "behavior_settings": {"embedded": {"animation_out": "fadeOut"}}, "html": "
\" target=\"_blank\" style=\"text-decoration: none;\" data-popmechanic-submit>\r\n\r\n\r\n<% try { close_show = close_show; } catch (e) { close_show = 0 } %>\r\n
\r\n
", "css": "<% try {\r\n close_show = close_show;\r\n close_size_desk = close_size_desk;\r\n close_size_mob = close_size_mob;\r\n close_color_desk = close_color_desk;\r\n close_color_mob = close_color_mob;\r\n close_bg_show_desk = close_bg_show_desk;\r\n close_bg_color_desk = close_bg_color_desk;\r\n close_bg_show_mob = close_bg_show_mob;\r\n close_bg_color_mob = close_bg_color_mob;\r\n close_bg_transparency = close_bg_transparency;\r\n } catch (e) { \r\n close_show = 0\r\n close_size_desk = 24\r\n close_size_mob = 20\r\n close_color_desk = '#000000'\r\n close_color_mob = '#000000'\r\n close_bg_show_desk = 0\r\n close_bg_color_desk = '#000000'\r\n close_bg_show_mob = 0\r\n close_bg_color_mob = '#000000'\r\n close_bg_transparency = 0.5\r\n }\r\n%>\r\n\r\n<% 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.line {\r\n color: #F3F4F7;\r\n size: 1px;\r\n margin-bottom: 30px;\r\n}\r\n\r\n\r\n#popmechanic-form {\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 vertical-align: middle;\r\n position: relative;\r\n background-color: <%=bg_color%>;\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\r\n\r\n#popmechanic-form .popmechanic-content {\r\n display: flex;\r\n align-items: center;\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 .span-first {\r\n padding: 2px 8px;\r\n background-color: #D4E4FB;\r\n border-radius: 20px;\r\n color: #2c2c2c;\r\n font-size: 12px;\r\n margin-right: 4px;\r\n}\r\n\r\n#popmechanic-form .span-second {\r\n padding: 2px 8px;\r\n background-color: #2c2c2c;\r\n border-radius: 20px;\r\n color: #ffff;\r\n font-size: 12px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-title {\r\n margin-bottom: 8px;\r\n font-weight: 500;\r\n color: <%=title_color%>;\r\n}\r\n\r\n\r\n#popmechanic-form .popmechanic-button {\r\n display: block;\r\n text-align: center;\r\n text-decoration: none;\r\n background-color: <%=btn_bg_color%>;\r\n color: <%=btn_text_color%>;\r\n border-radius: <%=btn_border_radius%>px;\r\n max-width: 120px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-button:hover {\r\n background-color: <%=btn_bg_color_hov%>;\r\n color: <%=btn_text_color_hov%>;\r\n border-color: <%=btn_border_color_hov%>;\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form {\r\n <% if(parseInt(width_option_desktop)) { %>\r\n width: <%= width_desktop %>px;\r\n <% } else { %>\r\n width: 100%;\r\n <% } %>\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form .popmechanic-main {\r\n padding: <%=padding_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 \r\n}\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 margin-bottom: 20px;\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form .popmechanic-button {\r\n padding: <%= btn_height_desktop %>px;\r\n font-size: <%= btn_font_size_desktop %>px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form,\r\n.popmechanic-mobile #popmechanic-form {\r\n box-sizing: content-box;\r\n <% if(parseInt(width_option_mobile)) { %>\r\n width: <%= width_mobile %>px;\r\n <% } else { %>\r\n width: 100%;\r\n <% } %>\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-main,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main {\r\n padding: <%=padding_mobile%>px <%= padding_mobile / 2 %>px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-content,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-content {\r\n height: auto;\r\n display: block;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-image,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-image {\r\n display: <%= parseInt(img_show_mobile) ? 'block' : 'none' %>;\r\n width: <%= img_width_mobile %>px;\r\n float: left;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-header,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-header {\r\n margin-bottom: 24px;\r\n margin-left: 32px;\r\n margin-right: 20px;\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 display: inline-flex;\r\n margin-left: 28px;\r\n \r\n padding: <%= btn_height_mobile %>px 35px;\r\n font-size: <%= btn_font_size_mobile %>px;\r\n}\r\n\r\n\r\n\r\n\r\n<% if(parseInt(close_show)) { %>\r\n /* CLOSE */\r\n <%\r\n function hexToRgb(hex) {\r\n return hex.replace(/^#?([a-f\\d])([a-f\\d])([a-f\\d])$/i, function (m, r, g, b) {\r\n return \"#\".concat(r).concat(r).concat(g).concat(g).concat(b).concat(b);\r\n }).substring(1).match(/.{2}/g).map(function (x) {\r\n return parseInt(x, 16);\r\n });\r\n };\r\n %>\r\n\r\n #popmechanic-form .popmechanic-close {\r\n position: absolute;\r\n z-index: 40;\r\n cursor: pointer;\r\n }\r\n #popmechanic-form .popmechanic-close::before,\r\n #popmechanic-form .popmechanic-close::after {\r\n content: \"\";\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n width: 80%;\r\n height: 2px;\r\n transform: translate(-50%, -50%) rotate(45deg);\r\n }\r\n #popmechanic-form .popmechanic-close::after {\r\n transform: translate(-50%, -50%) rotate(135deg);\r\n }\r\n .popmechanic-desktop #popmechanic-form .popmechanic-close {\r\n top: 10px;\r\n right: 10px;\r\n width: <%= close_size_desk %>px;\r\n height: <%= close_size_desk %>px;\r\n <% if(parseInt(close_bg_show_desk)) { %>\r\n background-color: rgba(<%= hexToRgb(close_bg_color_desk) %>, <%= close_bg_transparency %>);\r\n <% } %>\r\n }\r\n .popmechanic-desktop #popmechanic-form .popmechanic-close::before,\r\n .popmechanic-desktop #popmechanic-form .popmechanic-close::after {\r\n background-color: <%= close_color_desk %>;\r\n }\r\n .popmechanic-tablet #popmechanic-form .popmechanic-close,\r\n .popmechanic-mobile #popmechanic-form .popmechanic-close {\r\n top: 5px;\r\n right: 5px;\r\n width: <%= close_size_mob %>px;\r\n height: <%= close_size_mob %>px;\r\n <% if(parseInt(close_bg_show_mob)) { %>\r\n background-color: rgba(<%= hexToRgb(close_bg_color_mob) %>, <%= close_bg_transparency %>);\r\n <% } %>\r\n }\r\n .popmechanic-tablet #popmechanic-form .popmechanic-close::before,\r\n .popmechanic-tablet #popmechanic-form .popmechanic-close::after,\r\n .popmechanic-mobile #popmechanic-form .popmechanic-close::before,\r\n .popmechanic-mobile #popmechanic-form .popmechanic-close::after {\r\n background-color: <%= close_color_mob %>;\r\n }\r\n<% } %>", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 73046, "template": 1537, "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": ["netology.ru/profile"], "operator": "$in_contains"}], "operator": "$and"}, {"id": "4", "field": "device", "value": ["pc", "tablet", "mobile"], "operator": "$in"}, {"id": "5", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 4291, "externalId": "bddfd9ad-3006-42a4-b87e-1e83a918aa0e"}, "inSegmentByDefault": true}, "operator": "$check"}, {"id": "6", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 4292, "externalId": "7af022e4-f9a1-4d38-b9df-9e29c50421e4"}, "inSegmentByDefault": true}, "operator": "$check"}, {"id": "7", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 4293, "externalId": "7c9b3990-c84a-4390-8096-923711f3d169"}, "inSegmentByDefault": true}, "operator": "$check"}, {"id": "8", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 4294, "externalId": "9883cefa-9d0c-42c7-8282-72f891875296"}, "inSegmentByDefault": true}, "operator": "$check"}, {"id": "9", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 4797, "externalId": "69a56d5f-4f96-4e33-a3ef-124bd78a7f3a"}, "inSegmentByDefault": true}, "operator": "$check"}, {"id": "10", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 4786, "externalId": "ce1f4284-957e-4efd-9043-f658484a73ff"}, "inSegmentByDefault": true}, "operator": "$check"}, {"id": "11", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 6038, "externalId": "a147c7cc-f54e-4008-bb9c-edf06cd60767"}, "inSegmentByDefault": true}, "operator": "$check"}, {"id": "12", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 6041, "externalId": "89d15b4a-8869-4ba1-b114-b343bd1c35ec"}, "inSegmentByDefault": true}, "operator": "$check"}, {"id": "13", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 6040, "externalId": "3923250d-e96d-4230-826b-62e44578d1ea"}, "inSegmentByDefault": true}, "operator": "$check"}, {"id": "14", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 6039, "externalId": "7fa9ed3f-0913-402d-9272-573af7aa8921"}, "inSegmentByDefault": true}, "operator": "$check"}, {"id": "15", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 6037, "externalId": "806a6db4-1dc3-47da-a584-41fea61b3ffa"}, "inSegmentByDefault": true}, "operator": "$check"}, {"id": "16", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 6036, "externalId": "493b95ca-7066-4ce2-8965-a4adc7d33652"}, "inSegmentByDefault": true}, "operator": "$check"}, {"id": "17", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 6035, "externalId": "51c86b47-eba9-4a17-9625-622869c06892"}, "inSegmentByDefault": true}, "operator": "$check"}, {"id": "18", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 6033, "externalId": "e141d83b-962e-4dbd-b01e-5d7d76c95f4e"}, "inSegmentByDefault": true}, "operator": "$check"}, {"id": "19", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 6032, "externalId": "6d58f386-aad7-4eb0-b1e9-9c42cf9a47e7"}, "inSegmentByDefault": true}, "operator": "$check"}, {"id": "20", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 6031, "externalId": "be503063-5814-4aec-bb21-06b60b079a93"}, "inSegmentByDefault": true}, "operator": "$check"}, {"id": "21", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 6030, "externalId": "62214f5c-2f29-4f8a-8a61-7f7ed8fb7b2d"}, "inSegmentByDefault": true}, "operator": "$check"}, {"id": "22", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 6028, "externalId": "21d63571-2ebf-427e-a4fc-3d7fcc9c705c"}, "inSegmentByDefault": true}, "operator": "$check"}, {"id": "23", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 6029, "externalId": "edef4233-c98d-4c90-a913-ccbb59c1900f"}, "inSegmentByDefault": true}, "operator": "$check"}, {"id": "24", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 6034, "externalId": "6ad28f5c-5672-4a9b-bde7-289fead6467d"}, "inSegmentByDefault": true}, "operator": "$check"}, {"id": "25", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 6034, "externalId": "6ad28f5c-5672-4a9b-bde7-289fead6467d"}, "inSegmentByDefault": true}, "operator": "$check"}, {"id": "26", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 6023, "externalId": "e82e3e97-a29f-49b4-87ba-3969c48d95f6"}, "inSegmentByDefault": true}, "operator": "$check"}, {"id": "27", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 6015, "externalId": "f8ca5691-7293-4786-ab55-36cb05a62014"}, "inSegmentByDefault": true}, "operator": "$check"}, {"id": "28", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 6017, "externalId": "a0202103-3e25-4013-9022-9c408b514b9a"}, "inSegmentByDefault": true}, "operator": "$check"}, {"id": "29", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 6014, "externalId": "874ac681-7bac-43e2-aba4-49390a6353b8"}, "inSegmentByDefault": true}, "operator": "$check"}, {"id": "30", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 6018, "externalId": "c46ff5e6-c154-43a0-ba65-bac0ca500000"}, "inSegmentByDefault": true}, "operator": "$check"}, {"id": "31", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 6021, "externalId": "4ba2e7ae-a7e5-406f-9ed0-41d86273485e"}, "inSegmentByDefault": true}, "operator": "$check"}, {"id": "32", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 6019, "externalId": "24c5cfd5-a511-4b5f-ad50-17595381c027"}, "inSegmentByDefault": true}, "operator": "$check"}, {"id": "33", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 6024, "externalId": "c655b186-5b43-424c-8855-71e3a08a32d8"}, "inSegmentByDefault": true}, "operator": "$check"}, {"id": "34", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 6016, "externalId": "022ef122-e07d-43a7-afd8-87e58a7700e2"}, "inSegmentByDefault": true}, "operator": "$check"}, {"id": "35", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 6022, "externalId": "141f2176-3796-4b19-a37f-c4ee5940bc35"}, "inSegmentByDefault": true}, "operator": "$check"}, {"id": "36", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 6020, "externalId": "ecc03160-efe9-42cf-8af1-3ac81850811b"}, "inSegmentByDefault": true}, "operator": "$check"}, {"id": "37", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 5905, "externalId": "220c5246-235a-44ce-b690-653947c4e2cf"}, "inSegmentByDefault": true}, "operator": "$check"}], "operator": "$and"}}, "settings_splits": [{"settings": {"title": "
\u041f\u0440\u0438\u0432\u043e\u0434\u0438\u0442\u0435 \u0434\u0440\u0443\u0437\u0435\u0439 \u0443\u0447\u0438\u0442\u044c\u0441\u044f", "btn_url": " https://netology.ru/affiliate?utm_campaign=ou_brand_affiliate&utm_source=triggers&utm_medium=block", "img_src": "https://u.netology.ru/backend/uploads/page_assets/images/file/60611/referralCircle.5202356e.webp", "bg_color": "#f3f4f7", "btn_show": "1", "btn_text": "\u0423\u0437\u043d\u0430\u0442\u044c \u0431\u043e\u043b\u044c\u0448\u0435", "subtitle": "\u0423\u0447\u0430\u0441\u0442\u0432\u0443\u0439\u0442\u0435 \u0432 \u0440\u0435\u0444\u0435\u0440\u0430\u043b\u044c\u043d\u043e\u0439 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0435: \u0434\u0440\u0443\u0437\u044c\u044f \u043f\u043e\u043b\u0443\u0447\u0430\u0442 \u0441\u043a\u0438\u0434\u043a\u0443 15% \u043d\u0430 \u043a\u0443\u0440\u0441 \u041d\u0435\u0442\u043e\u043b\u043e\u0433\u0438\u0438, \u0430 \u0432\u044b — \u043a\u0443\u0440\u0441 \u0432 \u043f\u043e\u0434\u0430\u0440\u043e\u043a", "btn_blank": "1", "btn_action": "link", "close_show": "0", "title_show": "1", "border_show": "0", "btn_form_id": "0", "font_custom": "\u2018Circe\u2019, Arial, sans-serif", "font_family": "Roboto, sans-serif", "title_color": "#000", "border_color": "#fff", "border_width": "10", "btn_bg_color": "#EFEFEF", "width_mobile": "300", "subtitle_show": "1", "width_desktop": "2000.00", "btn_text_color": "#000000", "close_size_mob": "20", "padding_mobile": "18", "subtitle_color": "#000", "close_color_mob": "#000", "close_size_desk": "24", "img_show_mobile": "0", "padding_desktop": "28", "btn_bg_color_hov": "#f3f4f7", "btn_border_color": "#000000", "btn_border_width": "1", "close_color_desk": "#000", "font_custom_show": "1", "img_show_desktop": "1", "img_width_mobile": "32", "btn_border_radius": "2", "btn_height_mobile": "12", "close_bg_show_mob": "0", "img_width_desktop": "200", "text_align_mobile": "left", "btn_height_desktop": "16", "btn_text_color_hov": "#000000", "close_bg_color_mob": "#000000", "close_bg_show_desk": "0", "text_align_desktop": "left", "close_bg_color_desk": "#000000", "width_option_mobile": "1", "btn_border_color_hov": "#000", "btn_font_size_mobile": "16", "width_option_desktop": "0", "btn_font_size_desktop": "16", "close_bg_transparency": "0.5", "title_font_size_mobile": "20", "title_font_size_desktop": "26", "subtitle_font_size_mobile": "18", "subtitle_font_size_desktop": "20"}, "button_settings": {}, "conditions_splits": [], "id": 72454, "behavior_settings": {"embedded": {"animation_out": "fadeOut"}}}], "pinned": false, "name": "\u0420\u0435\u0444\u0435\u0440\u0430\u043b\u043a\u0430 \u041f\u0440\u0438\u0432\u0435\u0434\u0438 \u0434\u0440\u0443\u0433\u0430 | Block | LMS | Offer | Content | crossunit | crossunit_referral_program_lms | Auto", "active": true, "embed_selector": true, "selector": "#free-lessons", "placement": "before", "frequency": {"once_lifetime": false, "once_session": false, "priority": false, "minimal_timeout": null}, "start_date": null, "end_date": null, "day_of_week": [true, true, true, true, true, true, true], "start_time": null, "end_time": null, "timezone_minutes": 180, "custom_fields": [], "container_id": null, "child_forms": [], "salt": null, "control_group": null, "variants": [{"is_winner": false, "ab_test_variant_internal_id": null, "view_settings": {"button_template": null, "rendered_preview": "https://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-72452.png?ts=1712540593115", "rendered_button_preview": null, "settings": {"title": "
\u041f\u0440\u0438\u0432\u043e\u0434\u0438\u0442\u0435 \u0434\u0440\u0443\u0437\u0435\u0439 \u0443\u0447\u0438\u0442\u044c\u0441\u044f", "btn_url": " https://netology.ru/affiliate?utm_campaign=ou_brand_affiliate&utm_source=triggers&utm_medium=block", "img_src": "https://u.netology.ru/backend/uploads/page_assets/images/file/60611/referralCircle.5202356e.webp", "bg_color": "#f3f4f7", "btn_show": "1", "btn_text": "\u0423\u0437\u043d\u0430\u0442\u044c \u0431\u043e\u043b\u044c\u0448\u0435", "subtitle": "\u0423\u0447\u0430\u0441\u0442\u0432\u0443\u0439\u0442\u0435 \u0432 \u0440\u0435\u0444\u0435\u0440\u0430\u043b\u044c\u043d\u043e\u0439 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0435: \u0434\u0440\u0443\u0437\u044c\u044f \u043f\u043e\u043b\u0443\u0447\u0430\u0442 \u0441\u043a\u0438\u0434\u043a\u0443 15% \u043d\u0430 \u043a\u0443\u0440\u0441 \u041d\u0435\u0442\u043e\u043b\u043e\u0433\u0438\u0438, \u0430 \u0432\u044b — \u043a\u0443\u0440\u0441 \u0432 \u043f\u043e\u0434\u0430\u0440\u043e\u043a", "btn_blank": "1", "btn_action": "link", "close_show": "0", "title_show": "1", "border_show": "0", "btn_form_id": "0", "font_custom": "\u2018Circe\u2019, Arial, sans-serif", "font_family": "Roboto, sans-serif", "title_color": "#000", "border_color": "#fff", "border_width": "10", "btn_bg_color": "#EFEFEF", "width_mobile": "300", "subtitle_show": "1", "width_desktop": "2000.00", "btn_text_color": "#000000", "close_size_mob": "20", "padding_mobile": "18", "subtitle_color": "#000", "close_color_mob": "#000", "close_size_desk": "24", "img_show_mobile": "0", "padding_desktop": "28", "btn_bg_color_hov": "#f3f4f7", "btn_border_color": "#000000", "btn_border_width": "1", "close_color_desk": "#000", "font_custom_show": "1", "img_show_desktop": "1", "img_width_mobile": "32", "btn_border_radius": "2", "btn_height_mobile": "12", "close_bg_show_mob": "0", "img_width_desktop": "200", "text_align_mobile": "left", "btn_height_desktop": "16", "btn_text_color_hov": "#000000", "close_bg_color_mob": "#000000", "close_bg_show_desk": "0", "text_align_desktop": "left", "close_bg_color_desk": "#000000", "width_option_mobile": "1", "btn_border_color_hov": "#000", "btn_font_size_mobile": "16", "width_option_desktop": "0", "btn_font_size_desktop": "16", "close_bg_transparency": "0.5", "title_font_size_mobile": "20", "title_font_size_desktop": "26", "subtitle_font_size_mobile": "18", "subtitle_font_size_desktop": "20"}, "button_settings": {}, "behavior_settings": {"embedded": {"animation_out": "fadeOut"}}, "html": "\r\n \r\n\r\n
\r\n \r\n\r\n<% try { close_show = close_show; } catch (e) { close_show = 0 } %>\r\n
\r\n
", "css": "<% try {\r\n close_show = close_show;\r\n close_size_desk = close_size_desk;\r\n close_size_mob = close_size_mob;\r\n close_color_desk = close_color_desk;\r\n close_color_mob = close_color_mob;\r\n close_bg_show_desk = close_bg_show_desk;\r\n close_bg_color_desk = close_bg_color_desk;\r\n close_bg_show_mob = close_bg_show_mob;\r\n close_bg_color_mob = close_bg_color_mob;\r\n close_bg_transparency = close_bg_transparency;\r\n } catch (e) { \r\n close_show = 0\r\n close_size_desk = 24\r\n close_size_mob = 20\r\n close_color_desk = '#000000'\r\n close_color_mob = '#000000'\r\n close_bg_show_desk = 0\r\n close_bg_color_desk = '#000000'\r\n close_bg_show_mob = 0\r\n close_bg_color_mob = '#000000'\r\n close_bg_transparency = 0.5\r\n }\r\n%>\r\n\r\n<% 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 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 vertical-align: middle;\r\n position: relative;\r\n background-color: <%=bg_color%>;\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 .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.5em;\r\n margin-right: 0px;\r\n font-weight: 700;\r\n color: <%=title_color%>;\r\n \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.3;\r\n}\r\n\r\n#popmechanic-form .popmechanic-button {\r\n display: block;\r\n flex-shrink: 0;\r\n text-align: center;\r\n text-decoration: none;\r\n border: <%= btn_border_width %>px solid;\r\n background-color: <%=btn_bg_color%>;\r\n border-color: <%=btn_border_color%>;\r\n color: <%=btn_text_color%>;\r\n border-radius: <%=btn_border_radius%>px;\r\n font-weight: 500;\r\n \r\n \r\n}\r\n\r\n#popmechanic-form .popmechanic-button:hover {\r\n background-color: <%=btn_bg_color_hov%>;\r\n color: <%=btn_text_color_hov%>;\r\n border-color: <%=btn_border_color_hov%>;\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form {\r\n <% if(parseInt(width_option_desktop)) { %>\r\n width: <%= width_desktop %>px;\r\n <% } else { %>\r\n width: 100%;\r\n <% } %>\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form .popmechanic-main {\r\n padding: <%=padding_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: 30px;\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form .popmechanic-header {\r\n max-width: 1180px;\r\n margin-right: 40px;\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 padding: <%= btn_height_desktop %>px 40px;\r\n font-size: <%= btn_font_size_desktop %>px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form,\r\n.popmechanic-mobile #popmechanic-form {\r\n box-sizing: content-box;\r\n <% if(parseInt(width_option_mobile)) { %>\r\n width: <%= width_mobile %>px;\r\n <% } else { %>\r\n width: 100%;\r\n <% } %>\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-main,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main {\r\n padding: <%=padding_mobile%>px <%= padding_mobile / 2 %>px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-content,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-content {\r\n height: auto;\r\n display: block;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-image,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-image {\r\n display: <%= parseInt(img_show_mobile) ? 'block' : 'none' %>;\r\n width: <%= img_width_mobile %>px;\r\n float: left;\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-left: 52px;\r\n margin-right: 20px;\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 display: inline-flex;\r\n margin-left: 52px;\r\n margin-right: 0em;\r\n \r\n padding: <%= btn_height_mobile %>px 35px;\r\n font-size: <%= btn_font_size_mobile %>px;\r\n}\r\n\r\n\r\n<% if(parseInt(close_show)) { %>\r\n /* CLOSE */\r\n <%\r\n function hexToRgb(hex) {\r\n return hex.replace(/^#?([a-f\\d])([a-f\\d])([a-f\\d])$/i, function (m, r, g, b) {\r\n return \"#\".concat(r).concat(r).concat(g).concat(g).concat(b).concat(b);\r\n }).substring(1).match(/.{2}/g).map(function (x) {\r\n return parseInt(x, 16);\r\n });\r\n };\r\n %>\r\n\r\n #popmechanic-form .popmechanic-close {\r\n position: absolute;\r\n z-index: 40;\r\n cursor: pointer;\r\n }\r\n #popmechanic-form .popmechanic-close::before,\r\n #popmechanic-form .popmechanic-close::after {\r\n content: \"\";\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n width: 80%;\r\n height: 2px;\r\n transform: translate(-50%, -50%) rotate(45deg);\r\n }\r\n #popmechanic-form .popmechanic-close::after {\r\n transform: translate(-50%, -50%) rotate(135deg);\r\n }\r\n .popmechanic-desktop #popmechanic-form .popmechanic-close {\r\n top: 10px;\r\n right: 10px;\r\n width: <%= close_size_desk %>px;\r\n height: <%= close_size_desk %>px;\r\n <% if(parseInt(close_bg_show_desk)) { %>\r\n background-color: rgba(<%= hexToRgb(close_bg_color_desk) %>, <%= close_bg_transparency %>);\r\n <% } %>\r\n }\r\n .popmechanic-desktop #popmechanic-form .popmechanic-close::before,\r\n .popmechanic-desktop #popmechanic-form .popmechanic-close::after {\r\n background-color: <%= close_color_desk %>;\r\n }\r\n .popmechanic-tablet #popmechanic-form .popmechanic-close,\r\n .popmechanic-mobile #popmechanic-form .popmechanic-close {\r\n top: 5px;\r\n right: 5px;\r\n width: <%= close_size_mob %>px;\r\n height: <%= close_size_mob %>px;\r\n <% if(parseInt(close_bg_show_mob)) { %>\r\n background-color: rgba(<%= hexToRgb(close_bg_color_mob) %>, <%= close_bg_transparency %>);\r\n <% } %>\r\n }\r\n .popmechanic-tablet #popmechanic-form .popmechanic-close::before,\r\n .popmechanic-tablet #popmechanic-form .popmechanic-close::after,\r\n .popmechanic-mobile #popmechanic-form .popmechanic-close::before,\r\n .popmechanic-mobile #popmechanic-form .popmechanic-close::after {\r\n background-color: <%= close_color_mob %>;\r\n }\r\n<% } %>", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 72712, "template": 2811, "button_template": null, "test_group": null, "new_targeting": {"filter": {"id": "root", "name": "root", "nodes": [{"id": "2", "field": "device", "value": ["tablet", "mobile"], "operator": "$in"}, {"id": "3", "name": "$and", "type": "current_page", "nodes": [{"id": "4", "field": "page", "value": ["https://netology.ru/ideal_profession_test"], "operator": "$in_contains"}], "operator": "$and"}], "operator": "$and"}}, "settings_splits": [{"settings": {"timer": "{\r\n\t\"type\": \"end\",\r\n\t\"end\": {\r\n\t\t\"date\": 1640995200\r\n\t},\r\n\t\"range\": {\r\n\t\t\"start\": \"visit\",\r\n\t\t\"duration\": 259200\r\n\t},\r\n\t\"cycle\": {\r\n\t\t\"day\": [\r\n\t\t\t0,\r\n\t\t\t1,\r\n\t\t\t2,\r\n\t\t\t3,\r\n\t\t\t4,\r\n\t\t\t5,\r\n\t\t\t6\r\n\t\t],\r\n\t\t\"time\": \"00:00\",\r\n\t\t\"local\": -180,\r\n\t\t\"duration\": 0\r\n\t}\r\n}", "title": "\u0423\u0434\u0430\u0447\u043d\u043e\u0435 \u0432\u0440\u0435\u043c\u044f \u0434\u043b\u044f \u043f\u043e\u043a\u0443\u043f\u043a\u0438", "btn_fw": "500", "btn_url": "https://google.com", "bg_color": "#EEE3DE", "btn_text": "\u041a\u043e\u043f\u0438\u0440\u043e\u0432\u0430\u0442\u044c", "input_fw": "500", "subtitle": "\u0414\u0430\u0440\u0438\u043c \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0439 \u043f\u0440\u043e\u043c\u043e\u043a\u043e\u0434 -5% \u043d\u0430 \u0442\u043e\u0432\u0430\u0440\u044b \u0432 \u043a\u043e\u0440\u0437\u0438\u043d\u0435", "title_fw": "600", "title_lh": "1.4", "btn_blank": "1", "btn_action": "link", "btn_fs_mob": "16", "height_mob": "450", "img_mb_mob": "24", "timer_days": "\u0414\u043d\u0435\u0439", "timer_show": "1", "title_show": "1", "btn_fs_desk": "16", "close_color": "#000", "close_width": "1", "font_custom": "Circe, Arial, sans-serif", "font_family": "Inter, sans-serif", "height_desk": "150", "img_mr_desk": "24", "img_src_mob": "https://personalization-web-stable.mindbox.ru/user-media/img/img_-2981847924326929528.png", "subtitle_fw": "400", "subtitle_lh": "1.5", "timer_hours": "\u0427\u0430\u0441\u043e\u0432", "title_color": "#000", "border_color": "#000", "btn_bg_color": "#df0e5d", "btn_type_mob": "text", "img_show_mob": "1", "img_src_desk": "https://u.netology.ru/backend/uploads/page_assets/images/file/48122/telegram-cloud-photo-size-2-5201785555799621683-y.jpg", "input_fs_mob": "20", "timer_mb_mob": "24", "title_fs_mob": "20", "title_mb_mob": "8", "btn_type_desk": "text", "btn_width_mob": "130", "close_bg_show": "0", "img_show_desk": "1", "img_width_mob": "130", "input_fs_desk": "20", "padding_x_mob": "32", "padding_y_mob": "32", "subtitle_show": "1", "timer_minutes": "\u041c\u0438\u043d\u0443\u0442", "timer_mr_desk": "30", "timer_seconds": "\u0421\u0435\u043a\u0443\u043d\u0434", "title_fs_desk": "20", "title_mb_desk": "8", "btn_height_mob": "44", "btn_promo_text": "7584KFDLD4", "btn_text_color": "#fff", "btn_width_desk": "135", "close_bg_color": "#fff", "close_size_mob": "20", "height_fix_mob": "0", "img_offset_mob": "70", "img_width_desk": "130", "input_bg_color": "#fff", "padding_x_desk": "40", "padding_y_desk": "16", "promocode_show": "1", "subtitle_color": "#000", "timer_show_day": "0", "timer_show_min": "1", "timer_show_sec": "0", "bg_transparency": "1", "btn_height_desk": "44", "btn_img_src_mob": "https://personalization-web-stable.mindbox.ru/user-media/img/btn_Icon_8605445693599642537.svg", "close_pos_x_mob": "5", "close_pos_y_mob": "5", "close_size_desk": "22", "content_mr_desk": "20", "height_fix_desk": "0", "img_offset_desk": "50", "input_width_mob": "200", "subtitle_fs_mob": "16", "subtitle_mb_mob": "24", "timer_digits_fw": "500", "timer_show_hour": "1", "title_accent_fw": "700", "title_pos_x_mob": "center", "border_width_mob": "0", "btn_bg_color_hov": "#f22c78", "btn_border_color": "#df0e5d", "btn_border_width": "0", "btn_copy_success": "\u0421\u043a\u043e\u043f\u0438\u0440\u043e\u0432\u0430\u043d\u043e!", "btn_img_size_mob": "20", "btn_img_src_desk": "https://personalization-web-stable.mindbox.ru/user-media/img/btn_Icon_8605445693599642537.svg", "close_pos_x_desk": "8", "close_pos_y_desk": "8", "font_custom_show": "0", "input_height_mob": "44", "input_text_color": "#000", "input_width_desk": "245", "subtitle_fs_desk": "16", "subtitle_mb_desk": "0", "title_pos_x_desk": "left", "border_radius_mob": "0", "border_width_desk": "0", "btn_border_radius": "4", "btn_img_size_desk": "20", "btn_padding_x_mob": "10", "btn_width_fix_mob": "0", "close_padding_mob": "2", "input_height_desk": "44", "input_pos_dir_mob": "column", "input_pos_gap_mob": "8", "timer_legend_show": "0", "border_radius_desk": "0", "btn_padding_x_desk": "10", "btn_text_color_hov": "#fff", "btn_width_fix_desk": "1", "close_padding_desk": "2", "content_width_desk": "580", "input_border_color": "#000", "input_border_width": "0", "input_pos_dir_desk": "row", "input_pos_gap_desk": "8", "input_text_pos_mob": "center", "subtitle_accent_fw": "700", "subtitle_pos_x_mob": "center", "timer_digits_color": "#000", "timer_legend_color": "#000", "title_accent_color": "#f00", "close_border_radius": "0", "input_border_radius": "4", "input_padding_x_mob": "8", "input_text_pos_desk": "center", "input_width_fix_mob": "0", "subtitle_pos_x_desk": "left", "timer_digits_fs_mob": "44", "timer_legend_fs_mob": "12", "title_accent_fs_mob": "16", "btn_border_color_hov": "#f22c78", "input_padding_x_desk": "10", "input_width_fix_desk": "1", "timer_digits_fs_desk": "34", "timer_legend_fs_desk": "12", "timer_show_separator": "1", "title_accent_fs_desk": "16", "close_bg_transparency": "0.5", "subtitle_accent_color": "#f00", "timer_separator_color": "#000", "content_width_fix_desk": "1", "subtitle_accent_fs_mob": "16", "subtitle_accent_fs_desk": "16", "timer_separator_size_mob": "4", "timer_digits_item_gap_mob": "20", "timer_separator_size_desk": "4", "timer_digits_item_gap_desk": "18"}, "button_settings": {}, "conditions_splits": [{"conditions": {"delay": "90"}, "combinator": "and", "id": 188648}], "id": 72120, "behavior_settings": {"timer": {"close_on_end": false}, "banner": {"offset": 0, "position": "bottom", "animation_in": "fadeIn", "allow_overlay": false, "animation_out": "fadeOut"}, "button": {"on": false, "positions": {"desktop": {"top": "0px", "left": "0px"}}, "conditions": "targeting", "show_before": true}}}], "pinned": false, "name": "Exit pop-up \u043d\u0430 \u043b\u0435\u043d\u0434 \u043f\u043e\u0441\u043b\u0435 \u043f\u0440\u043e\u0444\u0442\u0435\u0441\u0442\u0430 - mobile | Popup | Landing | Product | Free Course | crossunit | crossunit_enterit_mobile | Auto", "active": true, "embed_selector": false, "selector": "", "placement": "start", "frequency": {"once_lifetime": false, "once_session": false, "priority": true, "minimal_timeout": 86400}, "start_date": null, "end_date": null, "day_of_week": [true, true, true, true, true, true, true], "start_time": null, "end_time": null, "timezone_minutes": 60, "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-72086.png?ts=1712543431393", "rendered_button_preview": null, "settings": {"timer": "{\r\n\t\"type\": \"end\",\r\n\t\"end\": {\r\n\t\t\"date\": 1640995200\r\n\t},\r\n\t\"range\": {\r\n\t\t\"start\": \"visit\",\r\n\t\t\"duration\": 259200\r\n\t},\r\n\t\"cycle\": {\r\n\t\t\"day\": [\r\n\t\t\t0,\r\n\t\t\t1,\r\n\t\t\t2,\r\n\t\t\t3,\r\n\t\t\t4,\r\n\t\t\t5,\r\n\t\t\t6\r\n\t\t],\r\n\t\t\"time\": \"00:00\",\r\n\t\t\"local\": -180,\r\n\t\t\"duration\": 0\r\n\t}\r\n}", "title": "\u0423\u0434\u0430\u0447\u043d\u043e\u0435 \u0432\u0440\u0435\u043c\u044f \u0434\u043b\u044f \u043f\u043e\u043a\u0443\u043f\u043a\u0438", "btn_fw": "500", "btn_url": "https://google.com", "bg_color": "#EEE3DE", "btn_text": "\u041a\u043e\u043f\u0438\u0440\u043e\u0432\u0430\u0442\u044c", "input_fw": "500", "subtitle": "\u0414\u0430\u0440\u0438\u043c \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0439 \u043f\u0440\u043e\u043c\u043e\u043a\u043e\u0434 -5% \u043d\u0430 \u0442\u043e\u0432\u0430\u0440\u044b \u0432 \u043a\u043e\u0440\u0437\u0438\u043d\u0435", "title_fw": "600", "title_lh": "1.4", "btn_blank": "1", "btn_action": "link", "btn_fs_mob": "16", "height_mob": "450", "img_mb_mob": "24", "timer_days": "\u0414\u043d\u0435\u0439", "timer_show": "1", "title_show": "1", "btn_fs_desk": "16", "close_color": "#000", "close_width": "1", "font_custom": "Circe, Arial, sans-serif", "font_family": "Inter, sans-serif", "height_desk": "150", "img_mr_desk": "24", "img_src_mob": "https://personalization-web-stable.mindbox.ru/user-media/img/img_-2981847924326929528.png", "subtitle_fw": "400", "subtitle_lh": "1.5", "timer_hours": "\u0427\u0430\u0441\u043e\u0432", "title_color": "#000", "border_color": "#000", "btn_bg_color": "#df0e5d", "btn_type_mob": "text", "img_show_mob": "1", "img_src_desk": "https://u.netology.ru/backend/uploads/page_assets/images/file/48122/telegram-cloud-photo-size-2-5201785555799621683-y.jpg", "input_fs_mob": "20", "timer_mb_mob": "24", "title_fs_mob": "20", "title_mb_mob": "8", "btn_type_desk": "text", "btn_width_mob": "130", "close_bg_show": "0", "img_show_desk": "1", "img_width_mob": "130", "input_fs_desk": "20", "padding_x_mob": "32", "padding_y_mob": "32", "subtitle_show": "1", "timer_minutes": "\u041c\u0438\u043d\u0443\u0442", "timer_mr_desk": "30", "timer_seconds": "\u0421\u0435\u043a\u0443\u043d\u0434", "title_fs_desk": "20", "title_mb_desk": "8", "btn_height_mob": "44", "btn_promo_text": "7584KFDLD4", "btn_text_color": "#fff", "btn_width_desk": "135", "close_bg_color": "#fff", "close_size_mob": "20", "height_fix_mob": "0", "img_offset_mob": "70", "img_width_desk": "130", "input_bg_color": "#fff", "padding_x_desk": "40", "padding_y_desk": "16", "promocode_show": "1", "subtitle_color": "#000", "timer_show_day": "0", "timer_show_min": "1", "timer_show_sec": "0", "bg_transparency": "1", "btn_height_desk": "44", "btn_img_src_mob": "https://personalization-web-stable.mindbox.ru/user-media/img/btn_Icon_8605445693599642537.svg", "close_pos_x_mob": "5", "close_pos_y_mob": "5", "close_size_desk": "22", "content_mr_desk": "20", "height_fix_desk": "0", "img_offset_desk": "50", "input_width_mob": "200", "subtitle_fs_mob": "16", "subtitle_mb_mob": "24", "timer_digits_fw": "500", "timer_show_hour": "1", "title_accent_fw": "700", "title_pos_x_mob": "center", "border_width_mob": "0", "btn_bg_color_hov": "#f22c78", "btn_border_color": "#df0e5d", "btn_border_width": "0", "btn_copy_success": "\u0421\u043a\u043e\u043f\u0438\u0440\u043e\u0432\u0430\u043d\u043e!", "btn_img_size_mob": "20", "btn_img_src_desk": "https://personalization-web-stable.mindbox.ru/user-media/img/btn_Icon_8605445693599642537.svg", "close_pos_x_desk": "8", "close_pos_y_desk": "8", "font_custom_show": "0", "input_height_mob": "44", "input_text_color": "#000", "input_width_desk": "245", "subtitle_fs_desk": "16", "subtitle_mb_desk": "0", "title_pos_x_desk": "left", "border_radius_mob": "0", "border_width_desk": "0", "btn_border_radius": "4", "btn_img_size_desk": "20", "btn_padding_x_mob": "10", "btn_width_fix_mob": "0", "close_padding_mob": "2", "input_height_desk": "44", "input_pos_dir_mob": "column", "input_pos_gap_mob": "8", "timer_legend_show": "0", "border_radius_desk": "0", "btn_padding_x_desk": "10", "btn_text_color_hov": "#fff", "btn_width_fix_desk": "1", "close_padding_desk": "2", "content_width_desk": "580", "input_border_color": "#000", "input_border_width": "0", "input_pos_dir_desk": "row", "input_pos_gap_desk": "8", "input_text_pos_mob": "center", "subtitle_accent_fw": "700", "subtitle_pos_x_mob": "center", "timer_digits_color": "#000", "timer_legend_color": "#000", "title_accent_color": "#f00", "close_border_radius": "0", "input_border_radius": "4", "input_padding_x_mob": "8", "input_text_pos_desk": "center", "input_width_fix_mob": "0", "subtitle_pos_x_desk": "left", "timer_digits_fs_mob": "44", "timer_legend_fs_mob": "12", "title_accent_fs_mob": "16", "btn_border_color_hov": "#f22c78", "input_padding_x_desk": "10", "input_width_fix_desk": "1", "timer_digits_fs_desk": "34", "timer_legend_fs_desk": "12", "timer_show_separator": "1", "title_accent_fs_desk": "16", "close_bg_transparency": "0.5", "subtitle_accent_color": "#f00", "timer_separator_color": "#000", "content_width_fix_desk": "1", "subtitle_accent_fs_mob": "16", "subtitle_accent_fs_desk": "16", "timer_separator_size_mob": "4", "timer_digits_item_gap_mob": "20", "timer_separator_size_desk": "4", "timer_digits_item_gap_desk": "18"}, "button_settings": {}, "behavior_settings": {"timer": {"close_on_end": false}, "banner": {"offset": 0, "position": "bottom", "animation_in": "fadeIn", "allow_overlay": false, "animation_out": "fadeOut"}, "button": {"on": false, "positions": {"desktop": {"top": "0px", "left": "0px"}}, "conditions": "targeting", "show_before": true}}, "html": "
\r\n\r\n\r\n\r\n", "css": "#popmechanic-form {\r\n width: 100%;\r\n height: 100px !important;\r\n background-color: #f3f4f7;\r\n background-image: url('https://u.netology.ru/backend/uploads/page_assets/images/file/52781/Group_216616071__1_.svg');\r\n background-position: right 100% bottom 60%;\r\n overflow: hidden;\r\n display: flex;\r\n justify-content: center;\r\n box-sizing: border-box;\r\n}\r\n\r\n#popmechanic-form .mask {\r\n height: 80px;\r\n position: relative;\r\n}\r\n\r\n\r\n#popmechanic-form .popmechanic-container {\r\n width: 1080px;\r\n position: relative;\r\n z-index: 4;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n}\r\n\r\n#popmechanic-form .title-block {\r\n margin-left: -80px;\r\n}\r\n\r\n#popmechanic-form .title {\r\n font-family: 'Golos';\r\n font-style: normal;\r\n font-weight: 600;\r\n font-size: 22px;\r\n color: black;\r\n}\r\n\r\n#popmechanic-form .title span {\r\n display: inline-block;\r\n padding: 2px 9px 4px;\r\n background-color: #3989ff;\r\n border-radius: 17px;\r\n font-size: 14px;\r\n color: white;\r\n}\r\n\r\n#popmechanic-form .subtitle {\r\n font-family: 'Golos';\r\n font-style: normal;\r\n font-weight: 400;\r\n font-size: 16px;\r\n padding-left: 9px;\r\n color: black;\r\n padding-left: 1px;\r\n}\r\n\r\n#popmechanic-form .submit-button-block {\r\n margin-right: 44px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-button {\r\n width: 250px;\r\n height: 42px;\r\n background: #3989ff;\r\n border-radius: 5px;\r\n color: white;\r\n font-family: 'Golos';\r\n font-style: normal;\r\n font-weight: 700;\r\n font-size: 14px;\r\n letter-spacing: 1px;\r\n text-transform: uppercase;\r\n}\r\n\r\n#popmechanic-form .popmechanic-button:hover {\r\n color: white;\r\n background: #27292D;\r\n}\r\n\r\n#popmechanic-form .popmechanic-close {\r\n position: absolute;\r\n right: 0;\r\n cursor: pointer;\r\n}\r\n\r\n@media screen and (max-width: 1340px) {\r\n #popmechanic-form .popmechanic-container {\r\n width: 85vw;\r\n }\r\n \r\n #popmechanic-form .title-block {\r\n margin-left: 0px;\r\n }\r\n}\r\n\r\n@media screen and (max-width: 1100px) {\r\n #popmechanic-form {\r\n justify-content: start;\r\n }\r\n \r\n #popmechanic-form .popmechanic-container{\r\n width: 90vw;\r\n }\r\n}\r\n\r\n@media screen and (max-width: 1030px) {\r\n #popmechanic-form .image-block {\r\n overflow: hidden;\r\n width: 107px;\r\n border-radius: 15px;\r\n }\r\n}\r\n\r\n@media screen and (max-width: 890px) {\r\n #popmechanic-form .image-block {\r\n width: 0px;\r\n border-radius: 15px;\r\n }\r\n}\r\n\r\n@media screen and (max-width: 800px) {\r\n #popmechanic-form {\r\n height: 180px !important;\r\n }\r\n #popmechanic-form .mask {\r\n height: 180px;\r\n position: relative;\r\n }\r\n \r\n \r\n #popmechanic-form .image-block {\r\n display: none;\r\n border-radius: 15px;\r\n }\r\n \r\n #popmechanic-form .title-block {\r\n align-self: start;\r\n }\r\n \r\n #popmechanic-form .popmechanic-container {\r\n box-sizing: border-box;\r\n padding-top: 20px;\r\n padding-bottom: 20px;\r\n padding-left: 20px;\r\n height: 180px;\r\n width: 98vw;\r\n flex-direction: column;\r\n \r\n } \r\n #popmechanic-form .submit-button-block {\r\n margin-right: 0px;\r\n align-self: start;\r\n }\r\n #popmechanic-form .popmechanic-close {\r\n position: absolute;\r\n top: 5px;\r\n right: 0;\r\n }\r\n \r\n #popmechanic-form .subtitle {\r\n padding-bottom: 18px;\r\n}\r\n \r\n}\r\n\r\n@media screen and (max-width: 550px) {\r\n #popmechanic-form {\r\n height: 240px !important;\r\n }\r\n \r\n #popmechanic-form .popmechanic-container {\r\n box-sizing: border-box;\r\n padding-top: 20px;\r\n padding-bottom: 20px;\r\n height: 240px;\r\n width: 98vw;\r\n }\r\n \r\n #popmechanic-form .mask {\r\n height: 240px; \r\n }\r\n \r\n #popmechanic-form .subtitle {\r\n padding-bottom: 18px;\r\n}\r\n \r\n}\r\n\r\n\r\n", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 72376, "template": 2114, "button_template": 176, "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://netology.ru/ideal_profession_test"], "operator": "$in_contains"}], "operator": "$and"}, {"id": "4", "field": "device", "value": ["pc"], "operator": "$in"}], "operator": "$and"}}, "settings_splits": [{"settings": {}, "button_settings": {"font2": "Roboto", "otst1": "10", "otst2": "15", "otst3": "10", "otst4": "10", "text7": "\u0410\u043a\u0446\u0438\u0438 \u0438 \u0441\u043a\u0438\u0434\u043a\u0438", "color3": "#000000", "color5": "#fff", "color7": "#6f6f6f", "crug10": "2", "font_size10": "16", "font_size16": "14"}, "conditions_splits": [{"conditions": {"mouseleave": "1"}, "combinator": "or", "id": 188402}], "id": 71784, "behavior_settings": {"button": {"on": false, "positions": {"desktop": {"top": "0px", "left": "0px"}}, "conditions": "targeting", "show_before": true}, "partscreen": {"mobile": {"target": "window", "position": "bottom", "vertical_offset": 0, "element_position": "right", "horizontal_offset": 0, "element_vertical_offset": 0, "element_horizontal_offset": 0}, "tablet": null, "desktop": {"target": "window", "position": "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": "Exit pop-up \u043d\u0430 \u043b\u0435\u043d\u0434 \u043f\u043e\u0441\u043b\u0435 \u043f\u0440\u043e\u0444\u0442\u0435\u0441\u0442\u0430 | Popup | Landing | Product | Free Course | crossunit | crossunit_bou_podborka_desktop | Auto", "active": true, "embed_selector": false, "selector": "", "placement": "start", "frequency": {"once_lifetime": false, "once_session": false, "priority": false, "minimal_timeout": 86400}, "start_date": null, "end_date": null, "day_of_week": [true, true, true, true, true, true, true], "start_time": null, "end_time": null, "timezone_minutes": 180, "custom_fields": [], "container_id": null, "child_forms": [], "salt": null, "control_group": null, "variants": [{"is_winner": false, "ab_test_variant_internal_id": null, "view_settings": {"button_template": 176, "rendered_preview": "https://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-71744.png?ts=1712543286532", "rendered_button_preview": "https://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-button-71744.png?ts=1712543291166", "settings": {}, "button_settings": {"font2": "Roboto", "otst1": "10", "otst2": "15", "otst3": "10", "otst4": "10", "text7": "\u0410\u043a\u0446\u0438\u0438 \u0438 \u0441\u043a\u0438\u0434\u043a\u0438", "color3": "#000000", "color5": "#fff", "color7": "#6f6f6f", "crug10": "2", "font_size10": "16", "font_size16": "14"}, "behavior_settings": {"button": {"on": false, "positions": {"desktop": {"top": "0px", "left": "0px"}}, "conditions": "targeting", "show_before": true}, "partscreen": {"mobile": {"target": "window", "position": "bottom", "vertical_offset": 0, "element_position": "right", "horizontal_offset": 0, "element_vertical_offset": 0, "element_horizontal_offset": 0}, "tablet": null, "desktop": {"target": "window", "position": "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": "\n\n\n
", "css": ".pm_popup_dp_root {\n background: #fff !important;\n width: 580px !important;\n padding: 40px !important;\n padding-bottom: 35px !important;\n border-radius: 5px !important;\n box-sizing: border-box !important;\n}\n\n.pm_popup_dp_header {\n font: 500 36px/42px Golos, Arial !important; \n margin-bottom: 23px !important;\n}\n \n.pm_popup_dp_header span {\n color: #0066FF !important;\n}\n\n.pm_popup_dp_items {\n \n}\n\n.pm_popup_dp_item {\n display: flex !important;\n align-items: center !important;\n color: #000 !important;\n transition: color .2s ease !important;\n padding: 5px 0 !important;\n border-bottom: 1px solid #CCCCCC !important;\n text-decoration: none !important;\n}\n\n.pm_popup_dp_item:last-child {\n border-bottom: none !important;\n}\n\n.pm_popup_dp_item:hover {\n color: #0066FF !important;\n}\n\n.pm_popup_dp_item_image {\n width: 44px !important;\n height: 44px !important;\n margin-right: 16px !important;\n border-radius: 50% !important;\n}\n\n.pm_popup_dp_item_text {\n font: 400 16px/24px Golos, Arial !important;\n}\n\n.pm_popup_dp_close {\n position: absolute !important;\n right: 8px !important;\n top: 8px !important;\n cursor: pointer !important;\n width: 30px !important;\n height: 30px !important;\n}\n\n.pm_popup_dp_close:hover {\n opacity: .8 !important;\n}\n\n.popmechanic-mobile .pm_popup_dp_root {\n padding: 20px !important;\n border-radius: 0 0 5px 5px !important;\n width: 100vw !important;\n}\n\n.popmechanic-mobile .pm_popup_dp_item_image {\n display: none !important;\n}\n\n.popmechanic-mobile .pm_popup_dp_header br {\n display: none !important;\n}\n\n.popmechanic-mobile .pm_popup_dp_header {\n font-size: 16px !important;\n line-height: 24px !important;\n width: 300px !important;\n}\n\n.popmechanic-mobile .pm_popup_dp_item {\n padding: 16px 0 !important;\n}\n\n.popmechanic-mobile .pm_popup_dp_item:first-child {\n padding-top: 0 !important;\n}\n\n.popmechanic-mobile .pm_popup_dp_item:last-child {\n padding-bottom: 0 !important;\n}\n\n.popmechanic-mobile .pm_popup_dp_item_text {\n font-size: 16px !important;\n line-height: 22px !important;\n}\n\n.popmechanic-mobile .pm_popup_dp_close {\n right: 10px !important;\n top: 10px !important;\n}", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 71603, "template": 1537, "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": ["netology.ru/programs/profession-product"], "operator": "$in_contains"}], "operator": "$and"}, {"id": "4", "field": "device", "value": ["pc", "tablet", "mobile"], "operator": "$in"}, {"id": "5", "name": "$or", "nodes": [{"id": "6", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": true, "operation": "popmechanic-check-segment", "segmentation": {"id": 4824, "externalId": "580688bb-bc48-4542-9afa-115a57114ede"}, "inSegmentByDefault": false}, "operator": "$check"}, {"id": "7", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": true, "operation": "popmechanic-check-segment", "segmentation": {"id": 4827, "externalId": "d990fe6a-4ef9-4b5f-9368-62b17f12a720"}, "inSegmentByDefault": false}, "operator": "$check"}], "operator": "$or"}], "operator": "$and"}}, "settings_splits": [{"settings": {"title": "
\u0412\u0430\u0448 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0439 \u0448\u0430\u0433 \u0432 \u0434\u0438\u0437\u0430\u0439\u043d\u0435", "btn_url": "#/order", "img_src": "https://u.netology.ru/backend/uploads/page_assets/images/file/59574/kot_product.png", "bg_color": "#f3f4f7", "btn_show": "1", "btn_text": "\u041e\u0441\u0432\u043e\u0438\u0442\u044c \u043d\u0430\u0432\u044b\u043a\u0438", "subtitle": "
\u0423\u043f\u0440\u0430\u0432\u043b\u044f\u0442\u044c \u0432\u0441\u0435\u043c \u0436\u0438\u0437\u043d\u0435\u043d\u043d\u044b\u043c \u0446\u0438\u043a\u043b\u043e\u043c \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u0430 \u0438 \u0431\u044b\u0442\u044c \u043b\u0438\u0434\u0435\u0440\u043e\u043c — \u043d\u043e\u0432\u044b\u0439 \u043a\u0430\u0440\u044c\u0435\u0440\u043d\u044b\u0439 \u0443\u0440\u043e\u0432\u0435\u043d\u044c \u0438 \u0440\u043e\u0441\u0442 \u0432 \u0437\u0430\u0440\u043f\u043b\u0430\u0442\u0435. \u041a\u0443\u0440\u0441 «\u041f\u0440\u043e\u0434\u0430\u043a\u0442-\u043c\u0435\u043d\u0435\u0434\u0436\u0435\u0440» \u043d\u0430\u0443\u0447\u0438\u0442 \u0432\u0430\u0441 \u0443\u043f\u0440\u0430\u0432\u043b\u044f\u0442\u044c \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u043e\u043c, \u0442\u0435\u0441\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0433\u0438\u043f\u043e\u0442\u0435\u0437\u044b \u0438 \u0432\u0438\u0434\u0435\u0442\u044c \u043a\u0430\u0440\u0442\u0438\u043d\u0443 \u0446\u0435\u043b\u0438\u043a\u043e\u043c. \u042d\u0442\u0438 \u043d\u0430\u0432\u044b\u043a\u0438 \u043f\u043e\u043c\u043e\u0433\u0443\u0442 \u0441\u0442\u0430\u0442\u044c \u0442\u0438\u043c\u043b\u0438\u0434\u043e\u043c, \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u043e\u0432\u044b\u043c \u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440\u043e\u043c \u0438\u043b\u0438 \u043f\u0440\u043e\u0434\u0430\u043a\u0442-\u043c\u0435\u043d\u0435\u0434\u0436\u0435\u0440\u043e\u043c", "btn_blank": "0", "btn_action": "link", "close_show": "0", "title_show": "1", "border_show": "0", "btn_form_id": "0", "font_custom": "Golos, Arial, sans-serif", "font_family": "Roboto, sans-serif", "title_color": "#000", "border_color": "#fff", "border_width": "10", "btn_bg_color": "#0066ff", "width_mobile": "826.00", "subtitle_show": "1", "width_desktop": "2000.00", "btn_text_color": "#ffffff", "close_size_mob": "20", "padding_mobile": "30.00", "subtitle_color": "#000", "close_color_mob": "#000", "close_size_desk": "24", "img_show_mobile": "0", "padding_desktop": "18.00", "btn_bg_color_hov": "#2250e2", "btn_border_color": "#0066ff", "btn_border_width": "1", "close_color_desk": "#000", "font_custom_show": "1", "img_show_desktop": "1", "img_width_mobile": "80.00", "btn_border_radius": "2", "btn_height_mobile": "12", "close_bg_show_mob": "0", "img_width_desktop": "150", "text_align_mobile": "left", "btn_height_desktop": "14", "btn_text_color_hov": "#ffffff", "close_bg_color_mob": "#000000", "close_bg_show_desk": "0", "text_align_desktop": "left", "close_bg_color_desk": "#000000", "width_option_mobile": "0", "btn_border_color_hov": "#2250e2", "btn_font_size_mobile": "14", "width_option_desktop": "0", "btn_font_size_desktop": "14", "close_bg_transparency": "0.5", "title_font_size_mobile": "18", "title_font_size_desktop": "24.00", "subtitle_font_size_mobile": "16", "subtitle_font_size_desktop": "18"}, "button_settings": {}, "conditions_splits": [], "id": 71011, "behavior_settings": {"embedded": {"animation_out": "fadeOut"}}}], "pinned": false, "name": "\u0423\u043a\u0430\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0439 \u043a\u0430\u043c\u0435\u043d\u044c profession-product | Block | Landing | Product | Paid Course | bdes | bdes_guide_stone_profession_product | Auto", "active": true, "embed_selector": true, "selector": "#about > div > div", "placement": "after", "frequency": {"once_lifetime": false, "once_session": false, "priority": false, "minimal_timeout": null}, "start_date": null, "end_date": null, "day_of_week": [true, true, true, true, true, true, true], "start_time": null, "end_time": null, "timezone_minutes": 180, "custom_fields": [], "container_id": null, "child_forms": [], "salt": null, "control_group": null, "variants": [{"is_winner": false, "ab_test_variant_internal_id": null, "view_settings": {"button_template": null, "rendered_preview": "https://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-70917.png?ts=1712540683934", "rendered_button_preview": null, "settings": {"title": "
\u0412\u0430\u0448 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0439 \u0448\u0430\u0433 \u0432 \u0434\u0438\u0437\u0430\u0439\u043d\u0435", "btn_url": "#/order", "img_src": "https://u.netology.ru/backend/uploads/page_assets/images/file/59574/kot_product.png", "bg_color": "#f3f4f7", "btn_show": "1", "btn_text": "\u041e\u0441\u0432\u043e\u0438\u0442\u044c \u043d\u0430\u0432\u044b\u043a\u0438", "subtitle": "
\u0423\u043f\u0440\u0430\u0432\u043b\u044f\u0442\u044c \u0432\u0441\u0435\u043c \u0436\u0438\u0437\u043d\u0435\u043d\u043d\u044b\u043c \u0446\u0438\u043a\u043b\u043e\u043c \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u0430 \u0438 \u0431\u044b\u0442\u044c \u043b\u0438\u0434\u0435\u0440\u043e\u043c — \u043d\u043e\u0432\u044b\u0439 \u043a\u0430\u0440\u044c\u0435\u0440\u043d\u044b\u0439 \u0443\u0440\u043e\u0432\u0435\u043d\u044c \u0438 \u0440\u043e\u0441\u0442 \u0432 \u0437\u0430\u0440\u043f\u043b\u0430\u0442\u0435. \u041a\u0443\u0440\u0441 «\u041f\u0440\u043e\u0434\u0430\u043a\u0442-\u043c\u0435\u043d\u0435\u0434\u0436\u0435\u0440» \u043d\u0430\u0443\u0447\u0438\u0442 \u0432\u0430\u0441 \u0443\u043f\u0440\u0430\u0432\u043b\u044f\u0442\u044c \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u043e\u043c, \u0442\u0435\u0441\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0433\u0438\u043f\u043e\u0442\u0435\u0437\u044b \u0438 \u0432\u0438\u0434\u0435\u0442\u044c \u043a\u0430\u0440\u0442\u0438\u043d\u0443 \u0446\u0435\u043b\u0438\u043a\u043e\u043c. \u042d\u0442\u0438 \u043d\u0430\u0432\u044b\u043a\u0438 \u043f\u043e\u043c\u043e\u0433\u0443\u0442 \u0441\u0442\u0430\u0442\u044c \u0442\u0438\u043c\u043b\u0438\u0434\u043e\u043c, \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u043e\u0432\u044b\u043c \u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440\u043e\u043c \u0438\u043b\u0438 \u043f\u0440\u043e\u0434\u0430\u043a\u0442-\u043c\u0435\u043d\u0435\u0434\u0436\u0435\u0440\u043e\u043c", "btn_blank": "0", "btn_action": "link", "close_show": "0", "title_show": "1", "border_show": "0", "btn_form_id": "0", "font_custom": "Golos, Arial, sans-serif", "font_family": "Roboto, sans-serif", "title_color": "#000", "border_color": "#fff", "border_width": "10", "btn_bg_color": "#0066ff", "width_mobile": "826.00", "subtitle_show": "1", "width_desktop": "2000.00", "btn_text_color": "#ffffff", "close_size_mob": "20", "padding_mobile": "30.00", "subtitle_color": "#000", "close_color_mob": "#000", "close_size_desk": "24", "img_show_mobile": "0", "padding_desktop": "18.00", "btn_bg_color_hov": "#2250e2", "btn_border_color": "#0066ff", "btn_border_width": "1", "close_color_desk": "#000", "font_custom_show": "1", "img_show_desktop": "1", "img_width_mobile": "80.00", "btn_border_radius": "2", "btn_height_mobile": "12", "close_bg_show_mob": "0", "img_width_desktop": "150", "text_align_mobile": "left", "btn_height_desktop": "14", "btn_text_color_hov": "#ffffff", "close_bg_color_mob": "#000000", "close_bg_show_desk": "0", "text_align_desktop": "left", "close_bg_color_desk": "#000000", "width_option_mobile": "0", "btn_border_color_hov": "#2250e2", "btn_font_size_mobile": "14", "width_option_desktop": "0", "btn_font_size_desktop": "14", "close_bg_transparency": "0.5", "title_font_size_mobile": "18", "title_font_size_desktop": "24.00", "subtitle_font_size_mobile": "16", "subtitle_font_size_desktop": "18"}, "button_settings": {}, "behavior_settings": {"embedded": {"animation_out": "fadeOut"}}, "html": "\r\n
\r\n\r\n<% try { close_show = close_show; } catch (e) { close_show = 0 } %>\r\n
\r\n
", "css": "<% try {\r\n close_show = close_show;\r\n close_size_desk = close_size_desk;\r\n close_size_mob = close_size_mob;\r\n close_color_desk = close_color_desk;\r\n close_color_mob = close_color_mob;\r\n close_bg_show_desk = close_bg_show_desk;\r\n close_bg_color_desk = close_bg_color_desk;\r\n close_bg_show_mob = close_bg_show_mob;\r\n close_bg_color_mob = close_bg_color_mob;\r\n close_bg_transparency = close_bg_transparency;\r\n } catch (e) { \r\n close_show = 0\r\n close_size_desk = 24\r\n close_size_mob = 20\r\n close_color_desk = '#000000'\r\n close_color_mob = '#000000'\r\n close_bg_show_desk = 0\r\n close_bg_color_desk = '#000000'\r\n close_bg_show_mob = 0\r\n close_bg_color_mob = '#000000'\r\n close_bg_transparency = 0.5\r\n }\r\n%>\r\n\r\n<% 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 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 vertical-align: middle;\r\n position: relative;\r\n background-color: <%=bg_color%>;\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\r\n#popmechanic-form .popmechanic-main {\r\n position: relative;\r\n z-index: 10;\r\n height: 100%;\r\n box-shadow: 0 3px 10px rgb(0 0 0 / 0.1);\r\n \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: 12px;\r\n margin-right: 0px;\r\n font-weight: 500;\r\n color: <%=title_color%>;\r\n \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;\r\n}\r\n\r\n#popmechanic-form .popmechanic-button {\r\n display: block;\r\n flex-shrink: 0;\r\n text-align: center;\r\n text-decoration: none;\r\n border: <%= btn_border_width %>px solid;\r\n background-color: <%=btn_bg_color%>;\r\n border-color: <%=btn_border_color%>;\r\n color: <%=btn_text_color%>;\r\n border-radius: <%=btn_border_radius%>px;\r\n font-weight: 500;\r\n}\r\n\r\n#popmechanic-form .popmechanic-button:hover {\r\n background-color: <%=btn_bg_color_hov%>;\r\n color: <%=btn_text_color_hov%>;\r\n border-color: <%=btn_border_color_hov%>;\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form {\r\n <% if(parseInt(width_option_desktop)) { %>\r\n width: <%= width_desktop %>px;\r\n <% } else { %>\r\n width: 100%;\r\n <% } %>\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form .popmechanic-main {\r\n padding: <%=padding_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-left: 8px;\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form .popmechanic-header {\r\n max-width: 1240px;\r\n margin-right: 0px;\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 padding: <%= btn_height_desktop %>px 32px;\r\n font-size: <%= btn_font_size_desktop %>px;\r\n margin-left: 48px;\r\n margin-right: 36px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form,\r\n.popmechanic-mobile #popmechanic-form {\r\n box-sizing: content-box;\r\n <% if(parseInt(width_option_mobile)) { %>\r\n width: <%= width_mobile %>px;\r\n <% } else { %>\r\n width: 100%;\r\n <% } %>\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-main,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main {\r\n padding: <%=padding_mobile%>px <%= padding_mobile / 2 %>px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-content,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-content {\r\n height: auto;\r\n display: block;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-image,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-image {\r\n display: <%= parseInt(img_show_mobile) ? 'block' : 'none' %>;\r\n width: <%= img_width_mobile %>px;\r\n float: left;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-header,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-header {\r\n margin-bottom: 24px;\r\n margin-left: 32px;\r\n margin-right: 20px;\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 display: inline-flex;\r\n margin-left: 28px;\r\n margin-right: 0em;\r\n \r\n padding: <%= btn_height_mobile %>px 35px;\r\n font-size: <%= btn_font_size_mobile %>px;\r\n}\r\n\r\n\r\n<% if(parseInt(close_show)) { %>\r\n /* CLOSE */\r\n <%\r\n function hexToRgb(hex) {\r\n return hex.replace(/^#?([a-f\\d])([a-f\\d])([a-f\\d])$/i, function (m, r, g, b) {\r\n return \"#\".concat(r).concat(r).concat(g).concat(g).concat(b).concat(b);\r\n }).substring(1).match(/.{2}/g).map(function (x) {\r\n return parseInt(x, 16);\r\n });\r\n };\r\n %>\r\n\r\n #popmechanic-form .popmechanic-close {\r\n position: absolute;\r\n z-index: 40;\r\n cursor: pointer;\r\n }\r\n #popmechanic-form .popmechanic-close::before,\r\n #popmechanic-form .popmechanic-close::after {\r\n content: \"\";\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n width: 80%;\r\n height: 2px;\r\n transform: translate(-50%, -50%) rotate(45deg);\r\n }\r\n #popmechanic-form .popmechanic-close::after {\r\n transform: translate(-50%, -50%) rotate(135deg);\r\n }\r\n .popmechanic-desktop #popmechanic-form .popmechanic-close {\r\n top: 10px;\r\n right: 10px;\r\n width: <%= close_size_desk %>px;\r\n height: <%= close_size_desk %>px;\r\n <% if(parseInt(close_bg_show_desk)) { %>\r\n background-color: rgba(<%= hexToRgb(close_bg_color_desk) %>, <%= close_bg_transparency %>);\r\n <% } %>\r\n }\r\n .popmechanic-desktop #popmechanic-form .popmechanic-close::before,\r\n .popmechanic-desktop #popmechanic-form .popmechanic-close::after {\r\n background-color: <%= close_color_desk %>;\r\n }\r\n .popmechanic-tablet #popmechanic-form .popmechanic-close,\r\n .popmechanic-mobile #popmechanic-form .popmechanic-close {\r\n top: 5px;\r\n right: 5px;\r\n width: <%= close_size_mob %>px;\r\n height: <%= close_size_mob %>px;\r\n <% if(parseInt(close_bg_show_mob)) { %>\r\n background-color: rgba(<%= hexToRgb(close_bg_color_mob) %>, <%= close_bg_transparency %>);\r\n <% } %>\r\n }\r\n .popmechanic-tablet #popmechanic-form .popmechanic-close::before,\r\n .popmechanic-tablet #popmechanic-form .popmechanic-close::after,\r\n .popmechanic-mobile #popmechanic-form .popmechanic-close::before,\r\n .popmechanic-mobile #popmechanic-form .popmechanic-close::after {\r\n background-color: <%= close_color_mob %>;\r\n }\r\n<% } %>", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 71587, "template": 1537, "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": ["netology.ru/programs/distance-course-internet-marketing"], "operator": "$in_contains"}], "operator": "$and"}, {"id": "4", "field": "device", "value": ["pc", "tablet", "mobile"], "operator": "$in"}, {"id": "5", "name": "$or", "nodes": [{"id": "6", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": true, "operation": "popmechanic-check-segment", "segmentation": {"id": 4822, "externalId": "18a62df6-ff26-4266-8aff-315c1086699e"}, "inSegmentByDefault": false}, "operator": "$check"}, {"id": "7", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": true, "operation": "popmechanic-check-segment", "segmentation": {"id": 4825, "externalId": "16eb9779-276b-4a43-9d19-de583c2c2df5"}, "inSegmentByDefault": false}, "operator": "$check"}], "operator": "$or"}], "operator": "$and"}}, "settings_splits": [{"settings": {"title": "
\u0412\u0430\u0448 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0439 \u0448\u0430\u0433 \u0432 \u0434\u0438\u0437\u0430\u0439\u043d\u0435", "btn_url": "#/order", "img_src": "https://u.netology.ru/backend/uploads/page_assets/images/file/59573/internet-marketolog.png", "bg_color": "#f3f4f7", "btn_show": "1", "btn_text": "\u0421\u0442\u0430\u0442\u044c T-shaped \u0441\u043f\u0435\u0446\u043e\u043c", "subtitle": "
\u0420\u0430\u0437\u0432\u0438\u0442\u0438\u0435 \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0445 \u043d\u0430\u0432\u044b\u043a\u043e\u0432 — must have \u0434\u043b\u044f \u0432\u0441\u0435\u0445, \u043a\u0442\u043e \u0441\u0442\u0440\u0435\u043c\u0438\u0442\u0441\u044f \u043a \u0431\u043e\u043b\u044c\u0448\u0435\u043c\u0443. \u041f\u043e\u0441\u043b\u0435 \u043a\u0443\u0440\u0441\u0430 «\u0418\u043d\u0442\u0435\u0440\u043d\u0435\u0442-\u043c\u0430\u0440\u043a\u0435\u0442\u043e\u043b\u043e\u0433» \u0432\u044b \u0441\u043c\u043e\u0436\u0435\u0442\u0435 \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u0441 IT-\u043f\u0440\u043e\u0434\u0443\u043a\u0442\u043e\u043c \u043d\u0435 \u0442\u043e\u043b\u044c\u043a\u043e \u043d\u0430 \u044d\u0442\u0430\u043f\u0435 \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f, \u043d\u043e \u0438 \u043f\u043e\u0441\u043b\u0435 \u0437\u0430\u043f\u0443\u0441\u043a\u0430. \u0412\u044b \u043d\u0430\u0443\u0447\u0438\u0442\u0435\u0441\u044c \u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u043c\u0435\u0442\u0440\u0438\u043a\u0438, \u0441\u043e\u0431\u0438\u0440\u0430\u0442\u044c \u0430\u043d\u0430\u043b\u0438\u0442\u0438\u043a\u0443 \u0438 \u0441\u0442\u0430\u043d\u0435\u0442\u0435 \u0432\u043e\u0441\u0442\u0440\u0435\u0431\u043e\u0432\u0430\u043d\u043d\u044b\u043c T-shaped \u0441\u043f\u0435\u0446\u0438\u0430\u043b\u0438\u0441\u0442\u043e\u043c", "btn_blank": "0", "btn_action": "link", "close_show": "0", "title_show": "1", "border_show": "0", "btn_form_id": "0", "font_custom": "Golos, Arial, sans-serif", "font_family": "Roboto, sans-serif", "title_color": "#000", "border_color": "#fff", "border_width": "10", "btn_bg_color": "#0066ff", "width_mobile": "826.00", "subtitle_show": "1", "width_desktop": "2000.00", "btn_text_color": "#ffffff", "close_size_mob": "20", "padding_mobile": "30.00", "subtitle_color": "#000", "close_color_mob": "#000", "close_size_desk": "24", "img_show_mobile": "0", "padding_desktop": "18.00", "btn_bg_color_hov": "#2250e2", "btn_border_color": "#0066ff", "btn_border_width": "1", "close_color_desk": "#000", "font_custom_show": "1", "img_show_desktop": "1", "img_width_mobile": "80.00", "btn_border_radius": "2", "btn_height_mobile": "12", "close_bg_show_mob": "0", "img_width_desktop": "140", "text_align_mobile": "left", "btn_height_desktop": "14", "btn_text_color_hov": "#ffffff", "close_bg_color_mob": "#000000", "close_bg_show_desk": "0", "text_align_desktop": "left", "close_bg_color_desk": "#000000", "width_option_mobile": "0", "btn_border_color_hov": "#2250e2", "btn_font_size_mobile": "14", "width_option_desktop": "0", "btn_font_size_desktop": "14", "close_bg_transparency": "0.5", "title_font_size_mobile": "18", "title_font_size_desktop": "24.00", "subtitle_font_size_mobile": "16", "subtitle_font_size_desktop": "18"}, "button_settings": {}, "conditions_splits": [], "id": 70995, "behavior_settings": {"embedded": {"animation_out": "fadeOut"}}}], "pinned": false, "name": "\u0423\u043a\u0430\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0439 \u043a\u0430\u043c\u0435\u043d\u044c distance-course-internet-marketing | Block | Landing | Product | Paid Course | bdes | bdes_guide_stone_im | Auto", "active": true, "embed_selector": true, "selector": "#note > div > div > div.text_type-c-h3__aWxoD", "placement": "after", "frequency": {"once_lifetime": false, "once_session": false, "priority": false, "minimal_timeout": null}, "start_date": null, "end_date": null, "day_of_week": [true, true, true, true, true, true, true], "start_time": null, "end_time": null, "timezone_minutes": 180, "custom_fields": [], "container_id": null, "child_forms": [], "salt": null, "control_group": null, "variants": [{"is_winner": false, "ab_test_variant_internal_id": null, "view_settings": {"button_template": null, "rendered_preview": "https://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-70894.png?ts=1712540650451", "rendered_button_preview": null, "settings": {"title": "
\u0412\u0430\u0448 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0439 \u0448\u0430\u0433 \u0432 \u0434\u0438\u0437\u0430\u0439\u043d\u0435", "btn_url": "#/order", "img_src": "https://u.netology.ru/backend/uploads/page_assets/images/file/59573/internet-marketolog.png", "bg_color": "#f3f4f7", "btn_show": "1", "btn_text": "\u0421\u0442\u0430\u0442\u044c T-shaped \u0441\u043f\u0435\u0446\u043e\u043c", "subtitle": "
\u0420\u0430\u0437\u0432\u0438\u0442\u0438\u0435 \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0445 \u043d\u0430\u0432\u044b\u043a\u043e\u0432 — must have \u0434\u043b\u044f \u0432\u0441\u0435\u0445, \u043a\u0442\u043e \u0441\u0442\u0440\u0435\u043c\u0438\u0442\u0441\u044f \u043a \u0431\u043e\u043b\u044c\u0448\u0435\u043c\u0443. \u041f\u043e\u0441\u043b\u0435 \u043a\u0443\u0440\u0441\u0430 «\u0418\u043d\u0442\u0435\u0440\u043d\u0435\u0442-\u043c\u0430\u0440\u043a\u0435\u0442\u043e\u043b\u043e\u0433» \u0432\u044b \u0441\u043c\u043e\u0436\u0435\u0442\u0435 \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u0441 IT-\u043f\u0440\u043e\u0434\u0443\u043a\u0442\u043e\u043c \u043d\u0435 \u0442\u043e\u043b\u044c\u043a\u043e \u043d\u0430 \u044d\u0442\u0430\u043f\u0435 \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f, \u043d\u043e \u0438 \u043f\u043e\u0441\u043b\u0435 \u0437\u0430\u043f\u0443\u0441\u043a\u0430. \u0412\u044b \u043d\u0430\u0443\u0447\u0438\u0442\u0435\u0441\u044c \u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u043c\u0435\u0442\u0440\u0438\u043a\u0438, \u0441\u043e\u0431\u0438\u0440\u0430\u0442\u044c \u0430\u043d\u0430\u043b\u0438\u0442\u0438\u043a\u0443 \u0438 \u0441\u0442\u0430\u043d\u0435\u0442\u0435 \u0432\u043e\u0441\u0442\u0440\u0435\u0431\u043e\u0432\u0430\u043d\u043d\u044b\u043c T-shaped \u0441\u043f\u0435\u0446\u0438\u0430\u043b\u0438\u0441\u0442\u043e\u043c", "btn_blank": "0", "btn_action": "link", "close_show": "0", "title_show": "1", "border_show": "0", "btn_form_id": "0", "font_custom": "Golos, Arial, sans-serif", "font_family": "Roboto, sans-serif", "title_color": "#000", "border_color": "#fff", "border_width": "10", "btn_bg_color": "#0066ff", "width_mobile": "826.00", "subtitle_show": "1", "width_desktop": "2000.00", "btn_text_color": "#ffffff", "close_size_mob": "20", "padding_mobile": "30.00", "subtitle_color": "#000", "close_color_mob": "#000", "close_size_desk": "24", "img_show_mobile": "0", "padding_desktop": "18.00", "btn_bg_color_hov": "#2250e2", "btn_border_color": "#0066ff", "btn_border_width": "1", "close_color_desk": "#000", "font_custom_show": "1", "img_show_desktop": "1", "img_width_mobile": "80.00", "btn_border_radius": "2", "btn_height_mobile": "12", "close_bg_show_mob": "0", "img_width_desktop": "140", "text_align_mobile": "left", "btn_height_desktop": "14", "btn_text_color_hov": "#ffffff", "close_bg_color_mob": "#000000", "close_bg_show_desk": "0", "text_align_desktop": "left", "close_bg_color_desk": "#000000", "width_option_mobile": "0", "btn_border_color_hov": "#2250e2", "btn_font_size_mobile": "14", "width_option_desktop": "0", "btn_font_size_desktop": "14", "close_bg_transparency": "0.5", "title_font_size_mobile": "18", "title_font_size_desktop": "24.00", "subtitle_font_size_mobile": "16", "subtitle_font_size_desktop": "18"}, "button_settings": {}, "behavior_settings": {"embedded": {"animation_out": "fadeOut"}}, "html": "\r\n
\r\n\r\n<% try { close_show = close_show; } catch (e) { close_show = 0 } %>\r\n
\r\n
", "css": "<% try {\r\n close_show = close_show;\r\n close_size_desk = close_size_desk;\r\n close_size_mob = close_size_mob;\r\n close_color_desk = close_color_desk;\r\n close_color_mob = close_color_mob;\r\n close_bg_show_desk = close_bg_show_desk;\r\n close_bg_color_desk = close_bg_color_desk;\r\n close_bg_show_mob = close_bg_show_mob;\r\n close_bg_color_mob = close_bg_color_mob;\r\n close_bg_transparency = close_bg_transparency;\r\n } catch (e) { \r\n close_show = 0\r\n close_size_desk = 24\r\n close_size_mob = 20\r\n close_color_desk = '#000000'\r\n close_color_mob = '#000000'\r\n close_bg_show_desk = 0\r\n close_bg_color_desk = '#000000'\r\n close_bg_show_mob = 0\r\n close_bg_color_mob = '#000000'\r\n close_bg_transparency = 0.5\r\n }\r\n%>\r\n\r\n<% 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 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 vertical-align: middle;\r\n position: relative;\r\n background-color: <%=bg_color%>;\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\r\n#popmechanic-form .popmechanic-main {\r\n position: relative;\r\n z-index: 10;\r\n height: 100%;\r\n box-shadow: 0 3px 10px rgb(0 0 0 / 0.1);\r\n \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: 12px;\r\n margin-right: 0px;\r\n font-weight: 500;\r\n color: <%=title_color%>;\r\n \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;\r\n}\r\n\r\n#popmechanic-form .popmechanic-button {\r\n display: block;\r\n flex-shrink: 0;\r\n text-align: center;\r\n text-decoration: none;\r\n border: <%= btn_border_width %>px solid;\r\n background-color: <%=btn_bg_color%>;\r\n border-color: <%=btn_border_color%>;\r\n color: <%=btn_text_color%>;\r\n border-radius: <%=btn_border_radius%>px;\r\n font-weight: 500;\r\n}\r\n\r\n#popmechanic-form .popmechanic-button:hover {\r\n background-color: <%=btn_bg_color_hov%>;\r\n color: <%=btn_text_color_hov%>;\r\n border-color: <%=btn_border_color_hov%>;\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form {\r\n <% if(parseInt(width_option_desktop)) { %>\r\n width: <%= width_desktop %>px;\r\n <% } else { %>\r\n width: 100%;\r\n <% } %>\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form .popmechanic-main {\r\n padding: <%=padding_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-left: 8px;\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form .popmechanic-header {\r\n max-width: 1240px;\r\n margin-right: 0px;\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 padding: <%= btn_height_desktop %>px 32px;\r\n font-size: <%= btn_font_size_desktop %>px;\r\n margin-left: 48px;\r\n margin-right: 36px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form,\r\n.popmechanic-mobile #popmechanic-form {\r\n box-sizing: content-box;\r\n <% if(parseInt(width_option_mobile)) { %>\r\n width: <%= width_mobile %>px;\r\n <% } else { %>\r\n width: 100%;\r\n <% } %>\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-main,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main {\r\n padding: <%=padding_mobile%>px <%= padding_mobile / 2 %>px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-content,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-content {\r\n height: auto;\r\n display: block;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-image,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-image {\r\n display: <%= parseInt(img_show_mobile) ? 'block' : 'none' %>;\r\n width: <%= img_width_mobile %>px;\r\n float: left;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-header,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-header {\r\n margin-bottom: 24px;\r\n margin-left: 32px;\r\n margin-right: 20px;\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 display: inline-flex;\r\n margin-left: 28px;\r\n margin-right: 0em;\r\n \r\n padding: <%= btn_height_mobile %>px 35px;\r\n font-size: <%= btn_font_size_mobile %>px;\r\n}\r\n\r\n\r\n<% if(parseInt(close_show)) { %>\r\n /* CLOSE */\r\n <%\r\n function hexToRgb(hex) {\r\n return hex.replace(/^#?([a-f\\d])([a-f\\d])([a-f\\d])$/i, function (m, r, g, b) {\r\n return \"#\".concat(r).concat(r).concat(g).concat(g).concat(b).concat(b);\r\n }).substring(1).match(/.{2}/g).map(function (x) {\r\n return parseInt(x, 16);\r\n });\r\n };\r\n %>\r\n\r\n #popmechanic-form .popmechanic-close {\r\n position: absolute;\r\n z-index: 40;\r\n cursor: pointer;\r\n }\r\n #popmechanic-form .popmechanic-close::before,\r\n #popmechanic-form .popmechanic-close::after {\r\n content: \"\";\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n width: 80%;\r\n height: 2px;\r\n transform: translate(-50%, -50%) rotate(45deg);\r\n }\r\n #popmechanic-form .popmechanic-close::after {\r\n transform: translate(-50%, -50%) rotate(135deg);\r\n }\r\n .popmechanic-desktop #popmechanic-form .popmechanic-close {\r\n top: 10px;\r\n right: 10px;\r\n width: <%= close_size_desk %>px;\r\n height: <%= close_size_desk %>px;\r\n <% if(parseInt(close_bg_show_desk)) { %>\r\n background-color: rgba(<%= hexToRgb(close_bg_color_desk) %>, <%= close_bg_transparency %>);\r\n <% } %>\r\n }\r\n .popmechanic-desktop #popmechanic-form .popmechanic-close::before,\r\n .popmechanic-desktop #popmechanic-form .popmechanic-close::after {\r\n background-color: <%= close_color_desk %>;\r\n }\r\n .popmechanic-tablet #popmechanic-form .popmechanic-close,\r\n .popmechanic-mobile #popmechanic-form .popmechanic-close {\r\n top: 5px;\r\n right: 5px;\r\n width: <%= close_size_mob %>px;\r\n height: <%= close_size_mob %>px;\r\n <% if(parseInt(close_bg_show_mob)) { %>\r\n background-color: rgba(<%= hexToRgb(close_bg_color_mob) %>, <%= close_bg_transparency %>);\r\n <% } %>\r\n }\r\n .popmechanic-tablet #popmechanic-form .popmechanic-close::before,\r\n .popmechanic-tablet #popmechanic-form .popmechanic-close::after,\r\n .popmechanic-mobile #popmechanic-form .popmechanic-close::before,\r\n .popmechanic-mobile #popmechanic-form .popmechanic-close::after {\r\n background-color: <%= close_color_mob %>;\r\n }\r\n<% } %>", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 71570, "template": 1537, "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": ["netology.ru/programs/designer-communication"], "operator": "$in_contains"}], "operator": "$and"}, {"id": "4", "field": "device", "value": ["pc", "tablet", "mobile"], "operator": "$in"}, {"id": "5", "name": "$or", "nodes": [{"id": "6", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": true, "operation": "popmechanic-check-segment", "segmentation": {"id": 4823, "externalId": "b475a66f-76fa-404c-91bd-68ebca3ca2bb"}, "inSegmentByDefault": false}, "operator": "$check"}, {"id": "7", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": true, "operation": "popmechanic-check-segment", "segmentation": {"id": 4826, "externalId": "99b2c821-196d-4290-b31c-60dd3eeca3db"}, "inSegmentByDefault": false}, "operator": "$check"}], "operator": "$or"}], "operator": "$and"}}, "settings_splits": [{"settings": {"title": "
\u0412\u0430\u0448 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0439 \u0448\u0430\u0433 \u0432 \u0434\u0438\u0437\u0430\u0439\u043d\u0435", "btn_url": "#/order", "img_src": "https://u.netology.ru/backend/uploads/page_assets/images/file/59571/grafgiz.png", "bg_color": "#07090b", "btn_show": "1", "btn_text": "\u0414\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u043d\u0430\u0432\u044b\u043a\u0438", "subtitle": "
\u0413\u043e\u0440\u0438\u0437\u043e\u043d\u0442\u0430\u043b\u044c\u043d\u044b\u0439 \u0440\u043e\u0441\u0442 — \u0434\u043b\u044f \u0442\u0435\u0445, \u043a\u0442\u043e \u0445\u043e\u0447\u0435\u0442 \u043f\u043e\u043f\u0440\u043e\u0431\u043e\u0432\u0430\u0442\u044c \u0441\u0435\u0431\u044f \u0432 \u0440\u0430\u0437\u043d\u044b\u0445 \u0440\u043e\u043b\u044f\u0445 \u0438 \u043f\u043e\u0432\u044b\u0441\u0438\u0442\u044c \u0441\u0432\u043e\u044e \u0446\u0435\u043d\u043d\u043e\u0441\u0442\u044c \u043d\u0430 \u0440\u044b\u043d\u043a\u0435. \u041f\u043e\u0441\u043b\u0435 \u043a\u0443\u0440\u0441\u0430 «\u0413\u0440\u0430\u0444\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u0434\u0438\u0437\u0430\u0439\u043d \u0438 \u043a\u043e\u043c\u043c\u0443\u043d\u0438\u043a\u0430\u0446\u0438\u0438» \u0432\u044b \u043d\u0430\u0443\u0447\u0438\u0442\u0435\u0441\u044c \u0441\u043e\u0437\u0434\u0430\u0432\u0430\u0442\u044c \u0432\u0438\u0437\u0443\u0430\u043b\u044c\u043d\u044b\u0435 \u043a\u043e\u043d\u0446\u0435\u043f\u0446\u0438\u0438 \u0431\u0440\u0435\u043d\u0434\u043e\u0432. \u0420\u0430\u0431\u043e\u0442\u0430\u044f \u0432 \u0441\u043c\u0435\u0436\u043d\u043e\u043c \u043d\u0430\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0438, \u0441\u043c\u043e\u0436\u0435\u0442\u0435 \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0438\u0442\u044c \u0441\u0432\u043e\u0438\u043c \u0437\u0430\u043a\u0430\u0437\u0447\u0438\u043a\u0430\u043c \u0431\u043e\u043b\u044c\u0448\u0435 \u0443\u0441\u043b\u0443\u0433", "btn_blank": "0", "btn_action": "link", "close_show": "0", "title_show": "1", "border_show": "0", "btn_form_id": "0", "font_custom": "Golos, Arial, sans-serif", "font_family": "Roboto, sans-serif", "title_color": "#ffffff", "border_color": "#fff", "border_width": "10", "btn_bg_color": "#0066ff", "width_mobile": "826.00", "subtitle_show": "1", "width_desktop": "2000.00", "btn_text_color": "#ffffff", "close_size_mob": "20", "padding_mobile": "30.00", "subtitle_color": "#ffffff", "close_color_mob": "#000", "close_size_desk": "24", "img_show_mobile": "0", "padding_desktop": "18.00", "btn_bg_color_hov": "#2250e2", "btn_border_color": "#0066ff", "btn_border_width": "1", "close_color_desk": "#000", "font_custom_show": "1", "img_show_desktop": "1", "img_width_mobile": "80.00", "btn_border_radius": "2", "btn_height_mobile": "12", "close_bg_show_mob": "0", "img_width_desktop": "150.00", "text_align_mobile": "left", "btn_height_desktop": "14", "btn_text_color_hov": "#ffffff", "close_bg_color_mob": "#000000", "close_bg_show_desk": "0", "text_align_desktop": "left", "close_bg_color_desk": "#000000", "width_option_mobile": "0", "btn_border_color_hov": "#2250e2", "btn_font_size_mobile": "14", "width_option_desktop": "0", "btn_font_size_desktop": "14", "close_bg_transparency": "0.5", "title_font_size_mobile": "18", "title_font_size_desktop": "24.00", "subtitle_font_size_mobile": "16", "subtitle_font_size_desktop": "18"}, "button_settings": {}, "conditions_splits": [], "id": 70978, "behavior_settings": {"embedded": {"animation_out": "fadeOut"}}}], "pinned": false, "name": "\u0423\u043a\u0430\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0439 \u043a\u0430\u043c\u0435\u043d\u044c designer-communication | Block | Landing | Product | Paid Course | bdes | bdes_guide_stone_designer_communication | Auto", "active": true, "embed_selector": true, "selector": "#about_2 > div > div > div.text_type-c-p1__66vw4.courseDescriptionText_title__sj8xY", "placement": "after", "frequency": {"once_lifetime": false, "once_session": false, "priority": false, "minimal_timeout": null}, "start_date": null, "end_date": null, "day_of_week": [true, true, true, true, true, true, true], "start_time": null, "end_time": null, "timezone_minutes": 180, "custom_fields": [], "container_id": null, "child_forms": [], "salt": null, "control_group": null, "variants": [{"is_winner": false, "ab_test_variant_internal_id": null, "view_settings": {"button_template": null, "rendered_preview": "https://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-70877.png?ts=1712540645641", "rendered_button_preview": null, "settings": {"title": "
\u0412\u0430\u0448 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0439 \u0448\u0430\u0433 \u0432 \u0434\u0438\u0437\u0430\u0439\u043d\u0435", "btn_url": "#/order", "img_src": "https://u.netology.ru/backend/uploads/page_assets/images/file/59571/grafgiz.png", "bg_color": "#07090b", "btn_show": "1", "btn_text": "\u0414\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u043d\u0430\u0432\u044b\u043a\u0438", "subtitle": "
\u0413\u043e\u0440\u0438\u0437\u043e\u043d\u0442\u0430\u043b\u044c\u043d\u044b\u0439 \u0440\u043e\u0441\u0442 — \u0434\u043b\u044f \u0442\u0435\u0445, \u043a\u0442\u043e \u0445\u043e\u0447\u0435\u0442 \u043f\u043e\u043f\u0440\u043e\u0431\u043e\u0432\u0430\u0442\u044c \u0441\u0435\u0431\u044f \u0432 \u0440\u0430\u0437\u043d\u044b\u0445 \u0440\u043e\u043b\u044f\u0445 \u0438 \u043f\u043e\u0432\u044b\u0441\u0438\u0442\u044c \u0441\u0432\u043e\u044e \u0446\u0435\u043d\u043d\u043e\u0441\u0442\u044c \u043d\u0430 \u0440\u044b\u043d\u043a\u0435. \u041f\u043e\u0441\u043b\u0435 \u043a\u0443\u0440\u0441\u0430 «\u0413\u0440\u0430\u0444\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u0434\u0438\u0437\u0430\u0439\u043d \u0438 \u043a\u043e\u043c\u043c\u0443\u043d\u0438\u043a\u0430\u0446\u0438\u0438» \u0432\u044b \u043d\u0430\u0443\u0447\u0438\u0442\u0435\u0441\u044c \u0441\u043e\u0437\u0434\u0430\u0432\u0430\u0442\u044c \u0432\u0438\u0437\u0443\u0430\u043b\u044c\u043d\u044b\u0435 \u043a\u043e\u043d\u0446\u0435\u043f\u0446\u0438\u0438 \u0431\u0440\u0435\u043d\u0434\u043e\u0432. \u0420\u0430\u0431\u043e\u0442\u0430\u044f \u0432 \u0441\u043c\u0435\u0436\u043d\u043e\u043c \u043d\u0430\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0438, \u0441\u043c\u043e\u0436\u0435\u0442\u0435 \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0438\u0442\u044c \u0441\u0432\u043e\u0438\u043c \u0437\u0430\u043a\u0430\u0437\u0447\u0438\u043a\u0430\u043c \u0431\u043e\u043b\u044c\u0448\u0435 \u0443\u0441\u043b\u0443\u0433", "btn_blank": "0", "btn_action": "link", "close_show": "0", "title_show": "1", "border_show": "0", "btn_form_id": "0", "font_custom": "Golos, Arial, sans-serif", "font_family": "Roboto, sans-serif", "title_color": "#ffffff", "border_color": "#fff", "border_width": "10", "btn_bg_color": "#0066ff", "width_mobile": "826.00", "subtitle_show": "1", "width_desktop": "2000.00", "btn_text_color": "#ffffff", "close_size_mob": "20", "padding_mobile": "30.00", "subtitle_color": "#ffffff", "close_color_mob": "#000", "close_size_desk": "24", "img_show_mobile": "0", "padding_desktop": "18.00", "btn_bg_color_hov": "#2250e2", "btn_border_color": "#0066ff", "btn_border_width": "1", "close_color_desk": "#000", "font_custom_show": "1", "img_show_desktop": "1", "img_width_mobile": "80.00", "btn_border_radius": "2", "btn_height_mobile": "12", "close_bg_show_mob": "0", "img_width_desktop": "150.00", "text_align_mobile": "left", "btn_height_desktop": "14", "btn_text_color_hov": "#ffffff", "close_bg_color_mob": "#000000", "close_bg_show_desk": "0", "text_align_desktop": "left", "close_bg_color_desk": "#000000", "width_option_mobile": "0", "btn_border_color_hov": "#2250e2", "btn_font_size_mobile": "14", "width_option_desktop": "0", "btn_font_size_desktop": "14", "close_bg_transparency": "0.5", "title_font_size_mobile": "18", "title_font_size_desktop": "24.00", "subtitle_font_size_mobile": "16", "subtitle_font_size_desktop": "18"}, "button_settings": {}, "behavior_settings": {"embedded": {"animation_out": "fadeOut"}}, "html": "\r\n
\r\n\r\n<% try { close_show = close_show; } catch (e) { close_show = 0 } %>\r\n
\r\n
", "css": "<% try {\r\n close_show = close_show;\r\n close_size_desk = close_size_desk;\r\n close_size_mob = close_size_mob;\r\n close_color_desk = close_color_desk;\r\n close_color_mob = close_color_mob;\r\n close_bg_show_desk = close_bg_show_desk;\r\n close_bg_color_desk = close_bg_color_desk;\r\n close_bg_show_mob = close_bg_show_mob;\r\n close_bg_color_mob = close_bg_color_mob;\r\n close_bg_transparency = close_bg_transparency;\r\n } catch (e) { \r\n close_show = 0\r\n close_size_desk = 24\r\n close_size_mob = 20\r\n close_color_desk = '#000000'\r\n close_color_mob = '#000000'\r\n close_bg_show_desk = 0\r\n close_bg_color_desk = '#000000'\r\n close_bg_show_mob = 0\r\n close_bg_color_mob = '#000000'\r\n close_bg_transparency = 0.5\r\n }\r\n%>\r\n\r\n<% 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 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 vertical-align: middle;\r\n position: relative;\r\n background-color: <%=bg_color%>;\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\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\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: 12px;\r\n margin-right: 0px;\r\n font-weight: 500;\r\n color: <%=title_color%>;\r\n \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;\r\n}\r\n\r\n#popmechanic-form .popmechanic-button {\r\n display: block;\r\n flex-shrink: 0;\r\n text-align: center;\r\n text-decoration: none;\r\n border: <%= btn_border_width %>px solid;\r\n background-color: <%=btn_bg_color%>;\r\n border-color: <%=btn_border_color%>;\r\n color: <%=btn_text_color%>;\r\n border-radius: <%=btn_border_radius%>px;\r\n font-weight: 500;\r\n}\r\n\r\n#popmechanic-form .popmechanic-button:hover {\r\n background-color: <%=btn_bg_color_hov%>;\r\n color: <%=btn_text_color_hov%>;\r\n border-color: <%=btn_border_color_hov%>;\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form {\r\n <% if(parseInt(width_option_desktop)) { %>\r\n width: <%= width_desktop %>px;\r\n <% } else { %>\r\n width: 100%;\r\n <% } %>\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form .popmechanic-main {\r\n padding: <%=padding_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-left: 8px;\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form .popmechanic-header {\r\n max-width: 1240px;\r\n margin-right: 0px;\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 padding: <%= btn_height_desktop %>px 32px;\r\n font-size: <%= btn_font_size_desktop %>px;\r\n margin-left: 48px;\r\n margin-right: 36px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form,\r\n.popmechanic-mobile #popmechanic-form {\r\n box-sizing: content-box;\r\n <% if(parseInt(width_option_mobile)) { %>\r\n width: <%= width_mobile %>px;\r\n <% } else { %>\r\n width: 100%;\r\n <% } %>\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-main,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main {\r\n padding: <%=padding_mobile%>px <%= padding_mobile / 2 %>px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-content,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-content {\r\n height: auto;\r\n display: block;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-image,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-image {\r\n display: <%= parseInt(img_show_mobile) ? 'block' : 'none' %>;\r\n width: <%= img_width_mobile %>px;\r\n float: left;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-header,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-header {\r\n margin-bottom: 24px;\r\n margin-left: 32px;\r\n margin-right: 20px;\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 display: inline-flex;\r\n margin-left: 28px;\r\n margin-right: 0em;\r\n \r\n padding: <%= btn_height_mobile %>px 35px;\r\n font-size: <%= btn_font_size_mobile %>px;\r\n}\r\n\r\n\r\n<% if(parseInt(close_show)) { %>\r\n /* CLOSE */\r\n <%\r\n function hexToRgb(hex) {\r\n return hex.replace(/^#?([a-f\\d])([a-f\\d])([a-f\\d])$/i, function (m, r, g, b) {\r\n return \"#\".concat(r).concat(r).concat(g).concat(g).concat(b).concat(b);\r\n }).substring(1).match(/.{2}/g).map(function (x) {\r\n return parseInt(x, 16);\r\n });\r\n };\r\n %>\r\n\r\n #popmechanic-form .popmechanic-close {\r\n position: absolute;\r\n z-index: 40;\r\n cursor: pointer;\r\n }\r\n #popmechanic-form .popmechanic-close::before,\r\n #popmechanic-form .popmechanic-close::after {\r\n content: \"\";\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n width: 80%;\r\n height: 2px;\r\n transform: translate(-50%, -50%) rotate(45deg);\r\n }\r\n #popmechanic-form .popmechanic-close::after {\r\n transform: translate(-50%, -50%) rotate(135deg);\r\n }\r\n .popmechanic-desktop #popmechanic-form .popmechanic-close {\r\n top: 10px;\r\n right: 10px;\r\n width: <%= close_size_desk %>px;\r\n height: <%= close_size_desk %>px;\r\n <% if(parseInt(close_bg_show_desk)) { %>\r\n background-color: rgba(<%= hexToRgb(close_bg_color_desk) %>, <%= close_bg_transparency %>);\r\n <% } %>\r\n }\r\n .popmechanic-desktop #popmechanic-form .popmechanic-close::before,\r\n .popmechanic-desktop #popmechanic-form .popmechanic-close::after {\r\n background-color: <%= close_color_desk %>;\r\n }\r\n .popmechanic-tablet #popmechanic-form .popmechanic-close,\r\n .popmechanic-mobile #popmechanic-form .popmechanic-close {\r\n top: 5px;\r\n right: 5px;\r\n width: <%= close_size_mob %>px;\r\n height: <%= close_size_mob %>px;\r\n <% if(parseInt(close_bg_show_mob)) { %>\r\n background-color: rgba(<%= hexToRgb(close_bg_color_mob) %>, <%= close_bg_transparency %>);\r\n <% } %>\r\n }\r\n .popmechanic-tablet #popmechanic-form .popmechanic-close::before,\r\n .popmechanic-tablet #popmechanic-form .popmechanic-close::after,\r\n .popmechanic-mobile #popmechanic-form .popmechanic-close::before,\r\n .popmechanic-mobile #popmechanic-form .popmechanic-close::after {\r\n background-color: <%= close_color_mob %>;\r\n }\r\n<% } %>", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 71555, "template": 1537, "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": ["netology.ru/profile"], "operator": "$in_contains"}], "operator": "$and"}, {"id": "4", "field": "device", "value": ["pc", "tablet", "mobile"], "operator": "$in"}, {"id": "5", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 4786, "externalId": "ce1f4284-957e-4efd-9043-f658484a73ff"}, "inSegmentByDefault": true}, "operator": "$check"}, {"id": "6", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 4623, "externalId": "1a5473d8-e10a-4ea5-8965-32e1ab80a122"}, "inSegmentByDefault": true}, "operator": "$check"}, {"id": "7", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 4625, "externalId": "3f681b97-bda3-4fde-8b07-45564df772f9"}, "inSegmentByDefault": true}, "operator": "$check"}, {"id": "8", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 4624, "externalId": "5f4194a7-06e8-4b99-b282-4179ca4db74c"}, "inSegmentByDefault": true}, "operator": "$check"}, {"id": "9", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": true, "operation": "popmechanic-check-segment", "segmentation": {"id": 4797, "externalId": "69a56d5f-4f96-4e33-a3ef-124bd78a7f3a"}, "inSegmentByDefault": false}, "operator": "$check"}], "operator": "$and"}}, "settings_splits": [{"settings": {"title": "
\u0414\u043b\u044f \u0442\u0435\u0445, \u043a\u0442\u043e \u0445\u043e\u0447\u0435\u0442 \u0431\u043e\u043b\u044c\u0448\u0435\u0433\u043e", "btn_url": "https://netology.ru/programs/designer-communication/?utm_campaign=bdes_ou_lk_dco_offer&utm_source=triggers&utm_medium=block", "img_src": "https://u.netology.ngcdn.ru/backend/uploads/page_assets/images/file/17250/desgn.svg", "bg_color": "#f3f4f7", "btn_show": "1", "btn_text": "\u041f\u043e\u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u043a\u0443\u0440\u0441", "subtitle": "
\u0412\u044b \u0443\u0436\u0435 \u043f\u043e\u043f\u0440\u043e\u0431\u043e\u0432\u0430\u043b\u0438 \u0441\u0435\u0431\u044f \u0432 \u0434\u0438\u0437\u0430\u0439\u043d\u0435, \u043d\u0435 \u0445\u043e\u0442\u0438\u0442\u0435 \u043f\u0440\u0438\u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c\u0441\u044f \u043a \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0435 «\u0413\u0440\u0430\u0444\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u0434\u0438\u0437\u0430\u0439\u043d \u0438 \u043a\u043e\u043c\u043c\u0443\u043d\u0438\u043a\u0430\u0446\u0438\u0438»?", "btn_blank": "1", "btn_action": "link", "close_show": "1", "title_show": "1", "border_show": "0", "btn_form_id": "0", "font_custom": "Golos, Arial, sans-serif", "font_family": "Roboto, sans-serif", "title_color": "#000", "border_color": "#fff", "border_width": "10", "btn_bg_color": "#f3f4f7", "width_mobile": "826.00", "subtitle_show": "1", "width_desktop": "2000.00", "btn_text_color": "#0055d5", "close_size_mob": "20", "padding_mobile": "30.00", "subtitle_color": "#000", "close_color_mob": "#000", "close_size_desk": "40.00", "img_show_mobile": "0", "padding_desktop": "18.00", "btn_bg_color_hov": "#f3f4f7", "btn_border_color": "#0055d5", "btn_border_width": "1", "close_color_desk": "#737880", "font_custom_show": "1", "img_show_desktop": "1", "img_width_mobile": "80.00", "btn_border_radius": "4", "btn_height_mobile": "12", "close_bg_show_mob": "0", "img_width_desktop": "120", "text_align_mobile": "left", "btn_height_desktop": "12", "btn_text_color_hov": "#0065ff", "close_bg_color_mob": "#000000", "close_bg_show_desk": "0", "text_align_desktop": "left", "close_bg_color_desk": "#000000", "width_option_mobile": "0", "btn_border_color_hov": "#0065ff", "btn_font_size_mobile": "14", "width_option_desktop": "0", "btn_font_size_desktop": "14", "close_bg_transparency": "0.5", "title_font_size_mobile": "18", "title_font_size_desktop": "24.00", "subtitle_font_size_mobile": "16", "subtitle_font_size_desktop": "18"}, "button_settings": {}, "conditions_splits": [], "id": 70963, "behavior_settings": {"embedded": {"animation_out": "fadeOut"}}}], "pinned": false, "name": "TEST ARPU \u0434\u0435\u0448\u0435\u0432\u044b\u0439/\u0434\u043e\u0440\u043e\u0433\u043e\u0439 \u043f\u043e\u0441\u043b\u0435 FS | Block | LMS | Product | Paid Course | bmit | bmit_ou_profile_cheap&expensive_test | Auto", "active": true, "embed_selector": true, "selector": "#free-lessons", "placement": "before", "frequency": {"once_lifetime": true, "once_session": false, "priority": false, "minimal_timeout": null}, "start_date": null, "end_date": null, "day_of_week": [true, true, true, true, true, true, true], "start_time": null, "end_time": null, "timezone_minutes": 180, "custom_fields": [], "container_id": null, "child_forms": [], "salt": "D32B153E-A1B1-42D8-ABBF-A89BA88D5AA3", "control_group": null, "variants": [{"is_winner": false, "ab_test_variant_internal_id": "67ddac76-4a19-4b6c-8b4a-111b5d2e9c0b", "view_settings": {"button_template": null, "rendered_preview": "https://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-70857.png?ts=1712540951709", "rendered_button_preview": null, "settings": {"title": "
\u0414\u043b\u044f \u0442\u0435\u0445, \u043a\u0442\u043e \u0445\u043e\u0447\u0435\u0442 \u0431\u043e\u043b\u044c\u0448\u0435\u0433\u043e", "btn_url": "https://netology.ru/programs/designer-communication/?utm_campaign=bdes_ou_lk_dco_offer&utm_source=triggers&utm_medium=block", "img_src": "https://u.netology.ngcdn.ru/backend/uploads/page_assets/images/file/17250/desgn.svg", "bg_color": "#f3f4f7", "btn_show": "1", "btn_text": "\u041f\u043e\u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u043a\u0443\u0440\u0441", "subtitle": "
\u0412\u044b \u0443\u0436\u0435 \u043f\u043e\u043f\u0440\u043e\u0431\u043e\u0432\u0430\u043b\u0438 \u0441\u0435\u0431\u044f \u0432 \u0434\u0438\u0437\u0430\u0439\u043d\u0435, \u043d\u0435 \u0445\u043e\u0442\u0438\u0442\u0435 \u043f\u0440\u0438\u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c\u0441\u044f \u043a \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0435 «\u0413\u0440\u0430\u0444\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u0434\u0438\u0437\u0430\u0439\u043d \u0438 \u043a\u043e\u043c\u043c\u0443\u043d\u0438\u043a\u0430\u0446\u0438\u0438»?", "btn_blank": "1", "btn_action": "link", "close_show": "1", "title_show": "1", "border_show": "0", "btn_form_id": "0", "font_custom": "Golos, Arial, sans-serif", "font_family": "Roboto, sans-serif", "title_color": "#000", "border_color": "#fff", "border_width": "10", "btn_bg_color": "#f3f4f7", "width_mobile": "826.00", "subtitle_show": "1", "width_desktop": "2000.00", "btn_text_color": "#0055d5", "close_size_mob": "20", "padding_mobile": "30.00", "subtitle_color": "#000", "close_color_mob": "#000", "close_size_desk": "40.00", "img_show_mobile": "0", "padding_desktop": "18.00", "btn_bg_color_hov": "#f3f4f7", "btn_border_color": "#0055d5", "btn_border_width": "1", "close_color_desk": "#737880", "font_custom_show": "1", "img_show_desktop": "1", "img_width_mobile": "80.00", "btn_border_radius": "4", "btn_height_mobile": "12", "close_bg_show_mob": "0", "img_width_desktop": "120", "text_align_mobile": "left", "btn_height_desktop": "12", "btn_text_color_hov": "#0065ff", "close_bg_color_mob": "#000000", "close_bg_show_desk": "0", "text_align_desktop": "left", "close_bg_color_desk": "#000000", "width_option_mobile": "0", "btn_border_color_hov": "#0065ff", "btn_font_size_mobile": "14", "width_option_desktop": "0", "btn_font_size_desktop": "14", "close_bg_transparency": "0.5", "title_font_size_mobile": "18", "title_font_size_desktop": "24.00", "subtitle_font_size_mobile": "16", "subtitle_font_size_desktop": "18"}, "button_settings": {}, "behavior_settings": {"embedded": {"animation_out": "fadeOut"}}, "html": "\r\n
\r\n\r\n<% try { close_show = close_show; } catch (e) { close_show = 0 } %>\r\n
\r\n
", "css": "<% try {\r\n close_show = close_show;\r\n close_size_desk = close_size_desk;\r\n close_size_mob = close_size_mob;\r\n close_color_desk = close_color_desk;\r\n close_color_mob = close_color_mob;\r\n close_bg_show_desk = close_bg_show_desk;\r\n close_bg_color_desk = close_bg_color_desk;\r\n close_bg_show_mob = close_bg_show_mob;\r\n close_bg_color_mob = close_bg_color_mob;\r\n close_bg_transparency = close_bg_transparency;\r\n } catch (e) { \r\n close_show = 0\r\n close_size_desk = 24\r\n close_size_mob = 20\r\n close_color_desk = '#000000'\r\n close_color_mob = '#000000'\r\n close_bg_show_desk = 0\r\n close_bg_color_desk = '#000000'\r\n close_bg_show_mob = 0\r\n close_bg_color_mob = '#000000'\r\n close_bg_transparency = 0.5\r\n }\r\n%>\r\n\r\n<% 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 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 vertical-align: middle;\r\n position: relative;\r\n background-color: <%=bg_color%>;\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\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}\r\n\r\n#popmechanic-form .popmechanic-content {\r\n display: flex;\r\n align-items: center;\r\n justify-content: left;\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: 12px;\r\n margin-right: 0px;\r\n font-weight: 500;\r\n color: <%=title_color%>;\r\n \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;\r\n}\r\n\r\n#popmechanic-form .popmechanic-button {\r\n display: block;\r\n flex-shrink: 0;\r\n text-align: center;\r\n text-decoration: none;\r\n border: <%= btn_border_width %>px solid;\r\n background-color: <%=btn_bg_color%>;\r\n border-color: <%=btn_border_color%>;\r\n color: <%=btn_text_color%>;\r\n border-radius: <%=btn_border_radius%>px;\r\n font-weight: 500;\r\n}\r\n\r\n#popmechanic-form .popmechanic-button:hover {\r\n background-color: <%=btn_bg_color_hov%>;\r\n color: <%=btn_text_color_hov%>;\r\n border-color: <%=btn_border_color_hov%>;\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form {\r\n <% if(parseInt(width_option_desktop)) { %>\r\n width: <%= width_desktop %>px;\r\n <% } else { %>\r\n width: 100%;\r\n <% } %>\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form .popmechanic-main {\r\n padding: <%=padding_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-left: 8px;\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form .popmechanic-header {\r\n max-width: 1240px;\r\n margin-right: 0px;\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 padding: <%= btn_height_desktop %>px 32px;\r\n font-size: <%= btn_font_size_desktop %>px;\r\n margin-left: 48px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form,\r\n.popmechanic-mobile #popmechanic-form {\r\n box-sizing: content-box;\r\n <% if(parseInt(width_option_mobile)) { %>\r\n width: <%= width_mobile %>px;\r\n <% } else { %>\r\n width: 100%;\r\n <% } %>\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-main,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main {\r\n padding: <%=padding_mobile%>px <%= padding_mobile / 2 %>px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-content,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-content {\r\n height: auto;\r\n display: block;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-image,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-image {\r\n display: <%= parseInt(img_show_mobile) ? 'block' : 'none' %>;\r\n width: <%= img_width_mobile %>px;\r\n float: left;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-header,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-header {\r\n margin-bottom: 24px;\r\n margin-left: 32px;\r\n margin-right: 20px;\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 display: inline-flex;\r\n margin-left: 28px;\r\n margin-right: 0em;\r\n \r\n padding: <%= btn_height_mobile %>px 35px;\r\n font-size: <%= btn_font_size_mobile %>px;\r\n}\r\n\r\n\r\n<% if(parseInt(close_show)) { %>\r\n /* CLOSE */\r\n <%\r\n function hexToRgb(hex) {\r\n return hex.replace(/^#?([a-f\\d])([a-f\\d])([a-f\\d])$/i, function (m, r, g, b) {\r\n return \"#\".concat(r).concat(r).concat(g).concat(g).concat(b).concat(b);\r\n }).substring(1).match(/.{2}/g).map(function (x) {\r\n return parseInt(x, 16);\r\n });\r\n };\r\n %>\r\n\r\n #popmechanic-form .popmechanic-close {\r\n position: absolute;\r\n z-index: 40;\r\n cursor: pointer;\r\n }\r\n #popmechanic-form .popmechanic-close::before,\r\n #popmechanic-form .popmechanic-close::after {\r\n content: \"\";\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n width: 80%;\r\n height: 2px;\r\n transform: translate(-50%, -50%) rotate(45deg);\r\n }\r\n #popmechanic-form .popmechanic-close::after {\r\n transform: translate(-50%, -50%) rotate(135deg);\r\n }\r\n .popmechanic-desktop #popmechanic-form .popmechanic-close {\r\n top: 10px;\r\n right: 10px;\r\n width: <%= close_size_desk %>px;\r\n height: <%= close_size_desk %>px;\r\n <% if(parseInt(close_bg_show_desk)) { %>\r\n background-color: rgba(<%= hexToRgb(close_bg_color_desk) %>, <%= close_bg_transparency %>);\r\n <% } %>\r\n }\r\n .popmechanic-desktop #popmechanic-form .popmechanic-close::before,\r\n .popmechanic-desktop #popmechanic-form .popmechanic-close::after {\r\n background-color: <%= close_color_desk %>;\r\n }\r\n .popmechanic-tablet #popmechanic-form .popmechanic-close,\r\n .popmechanic-mobile #popmechanic-form .popmechanic-close {\r\n top: 5px;\r\n right: 5px;\r\n width: <%= close_size_mob %>px;\r\n height: <%= close_size_mob %>px;\r\n <% if(parseInt(close_bg_show_mob)) { %>\r\n background-color: rgba(<%= hexToRgb(close_bg_color_mob) %>, <%= close_bg_transparency %>);\r\n <% } %>\r\n }\r\n .popmechanic-tablet #popmechanic-form .popmechanic-close::before,\r\n .popmechanic-tablet #popmechanic-form .popmechanic-close::after,\r\n .popmechanic-mobile #popmechanic-form .popmechanic-close::before,\r\n .popmechanic-mobile #popmechanic-form .popmechanic-close::after {\r\n background-color: <%= close_color_mob %>;\r\n }\r\n<% } %>", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": 0, "modulus_upper_exclusive": 50}, {"is_winner": false, "ab_test_variant_internal_id": "30b6bd32-5e76-4713-ab97-04bee3294835", "view_settings": {"button_template": null, "rendered_preview": "https://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-70858.png?ts=1712541137636", "rendered_button_preview": null, "settings": {"title": "
\u0414\u043b\u044f \u0442\u0435\u0445, \u043a\u0442\u043e \u0445\u043e\u0447\u0435\u0442 \u0431\u043e\u043b\u044c\u0448\u0435\u0433\u043e", "btn_url": "https://netology.ru/programs/graphic-design-ultimate/?utm_campaign=bdes_ou_lk_dcou_offer&utm_source=triggers&utm_medium=block", "img_src": "https://u.netology.ngcdn.ru/backend/uploads/page_assets/images/file/40754/Frame_1.svg", "bg_color": "#f3f4f7", "btn_show": "1", "btn_text": "\u041f\u043e\u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u043a\u0443\u0440\u0441", "subtitle": "
\u0412\u044b \u0443\u0436\u0435 \u043f\u043e\u043f\u0440\u043e\u0431\u043e\u0432\u0430\u043b\u0438 \u0441\u0435\u0431\u044f \u0432 \u0434\u0438\u0437\u0430\u0439\u043d\u0435, \u043d\u0435 \u0445\u043e\u0442\u0438\u0442\u0435 \u043f\u0440\u0438\u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c\u0441\u044f \u043a \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0435 «\u0413\u0440\u0430\u0444\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440: \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u043d\u044b\u0439 \u043a\u0443\u0440\u0441»?", "btn_blank": "1", "btn_action": "link", "close_show": "1", "title_show": "1", "border_show": "0", "btn_form_id": "0", "font_custom": "Golos, Arial, sans-serif", "font_family": "Roboto, sans-serif", "title_color": "#000", "border_color": "#fff", "border_width": "10", "btn_bg_color": "#f3f4f7", "width_mobile": "826.00", "subtitle_show": "1", "width_desktop": "2000.00", "btn_text_color": "#0055d5", "close_size_mob": "20", "padding_mobile": "30.00", "subtitle_color": "#000", "close_color_mob": "#000", "close_size_desk": "40.00", "img_show_mobile": "0", "padding_desktop": "18.00", "btn_bg_color_hov": "#f3f4f7", "btn_border_color": "#0055d5", "btn_border_width": "1", "close_color_desk": "#737880", "font_custom_show": "1", "img_show_desktop": "1", "img_width_mobile": "80.00", "btn_border_radius": "4", "btn_height_mobile": "12", "close_bg_show_mob": "0", "img_width_desktop": "120", "text_align_mobile": "left", "btn_height_desktop": "12", "btn_text_color_hov": "#0065ff", "close_bg_color_mob": "#000000", "close_bg_show_desk": "0", "text_align_desktop": "left", "close_bg_color_desk": "#000000", "width_option_mobile": "0", "btn_border_color_hov": "#0065ff", "btn_font_size_mobile": "14", "width_option_desktop": "0", "btn_font_size_desktop": "14", "close_bg_transparency": "0.5", "title_font_size_mobile": "18", "title_font_size_desktop": "24.00", "subtitle_font_size_mobile": "16", "subtitle_font_size_desktop": "18"}, "button_settings": {}, "behavior_settings": {"embedded": {"animation_out": "fadeOut"}}, "html": "\r\n
\r\n\r\n<% try { close_show = close_show; } catch (e) { close_show = 0 } %>\r\n
\r\n
", "css": "<% try {\r\n close_show = close_show;\r\n close_size_desk = close_size_desk;\r\n close_size_mob = close_size_mob;\r\n close_color_desk = close_color_desk;\r\n close_color_mob = close_color_mob;\r\n close_bg_show_desk = close_bg_show_desk;\r\n close_bg_color_desk = close_bg_color_desk;\r\n close_bg_show_mob = close_bg_show_mob;\r\n close_bg_color_mob = close_bg_color_mob;\r\n close_bg_transparency = close_bg_transparency;\r\n } catch (e) { \r\n close_show = 0\r\n close_size_desk = 24\r\n close_size_mob = 20\r\n close_color_desk = '#000000'\r\n close_color_mob = '#000000'\r\n close_bg_show_desk = 0\r\n close_bg_color_desk = '#000000'\r\n close_bg_show_mob = 0\r\n close_bg_color_mob = '#000000'\r\n close_bg_transparency = 0.5\r\n }\r\n%>\r\n\r\n<% 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 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 vertical-align: middle;\r\n position: relative;\r\n background-color: <%=bg_color%>;\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\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}\r\n\r\n#popmechanic-form .popmechanic-content {\r\n display: flex;\r\n align-items: center;\r\n justify-content: left;\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: 12px;\r\n margin-right: 0px;\r\n font-weight: 500;\r\n color: <%=title_color%>;\r\n \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;\r\n}\r\n\r\n#popmechanic-form .popmechanic-button {\r\n display: block;\r\n flex-shrink: 0;\r\n text-align: center;\r\n text-decoration: none;\r\n border: <%= btn_border_width %>px solid;\r\n background-color: <%=btn_bg_color%>;\r\n border-color: <%=btn_border_color%>;\r\n color: <%=btn_text_color%>;\r\n border-radius: <%=btn_border_radius%>px;\r\n font-weight: 500;\r\n}\r\n\r\n#popmechanic-form .popmechanic-button:hover {\r\n background-color: <%=btn_bg_color_hov%>;\r\n color: <%=btn_text_color_hov%>;\r\n border-color: <%=btn_border_color_hov%>;\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form {\r\n <% if(parseInt(width_option_desktop)) { %>\r\n width: <%= width_desktop %>px;\r\n <% } else { %>\r\n width: 100%;\r\n <% } %>\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form .popmechanic-main {\r\n padding: <%=padding_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-left: 8px;\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form .popmechanic-header {\r\n max-width: 1240px;\r\n margin-right: 0px;\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 padding: <%= btn_height_desktop %>px 32px;\r\n font-size: <%= btn_font_size_desktop %>px;\r\n margin-left: 48px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form,\r\n.popmechanic-mobile #popmechanic-form {\r\n box-sizing: content-box;\r\n <% if(parseInt(width_option_mobile)) { %>\r\n width: <%= width_mobile %>px;\r\n <% } else { %>\r\n width: 100%;\r\n <% } %>\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-main,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main {\r\n padding: <%=padding_mobile%>px <%= padding_mobile / 2 %>px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-content,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-content {\r\n height: auto;\r\n display: block;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-image,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-image {\r\n display: <%= parseInt(img_show_mobile) ? 'block' : 'none' %>;\r\n width: <%= img_width_mobile %>px;\r\n float: left;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-header,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-header {\r\n margin-bottom: 24px;\r\n margin-left: 32px;\r\n margin-right: 20px;\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 display: inline-flex;\r\n margin-left: 28px;\r\n margin-right: 0em;\r\n \r\n padding: <%= btn_height_mobile %>px 35px;\r\n font-size: <%= btn_font_size_mobile %>px;\r\n}\r\n\r\n\r\n<% if(parseInt(close_show)) { %>\r\n /* CLOSE */\r\n <%\r\n function hexToRgb(hex) {\r\n return hex.replace(/^#?([a-f\\d])([a-f\\d])([a-f\\d])$/i, function (m, r, g, b) {\r\n return \"#\".concat(r).concat(r).concat(g).concat(g).concat(b).concat(b);\r\n }).substring(1).match(/.{2}/g).map(function (x) {\r\n return parseInt(x, 16);\r\n });\r\n };\r\n %>\r\n\r\n #popmechanic-form .popmechanic-close {\r\n position: absolute;\r\n z-index: 40;\r\n cursor: pointer;\r\n }\r\n #popmechanic-form .popmechanic-close::before,\r\n #popmechanic-form .popmechanic-close::after {\r\n content: \"\";\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n width: 80%;\r\n height: 2px;\r\n transform: translate(-50%, -50%) rotate(45deg);\r\n }\r\n #popmechanic-form .popmechanic-close::after {\r\n transform: translate(-50%, -50%) rotate(135deg);\r\n }\r\n .popmechanic-desktop #popmechanic-form .popmechanic-close {\r\n top: 10px;\r\n right: 10px;\r\n width: <%= close_size_desk %>px;\r\n height: <%= close_size_desk %>px;\r\n <% if(parseInt(close_bg_show_desk)) { %>\r\n background-color: rgba(<%= hexToRgb(close_bg_color_desk) %>, <%= close_bg_transparency %>);\r\n <% } %>\r\n }\r\n .popmechanic-desktop #popmechanic-form .popmechanic-close::before,\r\n .popmechanic-desktop #popmechanic-form .popmechanic-close::after {\r\n background-color: <%= close_color_desk %>;\r\n }\r\n .popmechanic-tablet #popmechanic-form .popmechanic-close,\r\n .popmechanic-mobile #popmechanic-form .popmechanic-close {\r\n top: 5px;\r\n right: 5px;\r\n width: <%= close_size_mob %>px;\r\n height: <%= close_size_mob %>px;\r\n <% if(parseInt(close_bg_show_mob)) { %>\r\n background-color: rgba(<%= hexToRgb(close_bg_color_mob) %>, <%= close_bg_transparency %>);\r\n <% } %>\r\n }\r\n .popmechanic-tablet #popmechanic-form .popmechanic-close::before,\r\n .popmechanic-tablet #popmechanic-form .popmechanic-close::after,\r\n .popmechanic-mobile #popmechanic-form .popmechanic-close::before,\r\n .popmechanic-mobile #popmechanic-form .popmechanic-close::after {\r\n background-color: <%= close_color_mob %>;\r\n }\r\n<% } %>", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": 50, "modulus_upper_exclusive": 100}], "is_transactional": false}, {"id": 71553, "template": 1537, "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": ["netology.ru/profile"], "operator": "$in_contains"}], "operator": "$and"}, {"id": "4", "field": "device", "value": ["pc", "tablet", "mobile"], "operator": "$in"}, {"id": "5", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": true, "operation": "popmechanic-check-segment", "segmentation": {"id": 4786, "externalId": "ce1f4284-957e-4efd-9043-f658484a73ff"}, "inSegmentByDefault": false}, "operator": "$check"}, {"id": "6", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 4623, "externalId": "1a5473d8-e10a-4ea5-8965-32e1ab80a122"}, "inSegmentByDefault": true}, "operator": "$check"}, {"id": "7", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 4625, "externalId": "3f681b97-bda3-4fde-8b07-45564df772f9"}, "inSegmentByDefault": true}, "operator": "$check"}, {"id": "8", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 4624, "externalId": "5f4194a7-06e8-4b99-b282-4179ca4db74c"}, "inSegmentByDefault": true}, "operator": "$check"}], "operator": "$and"}}, "settings_splits": [{"settings": {"title": "
\u0414\u043b\u044f \u0442\u0435\u0445, \u043a\u0442\u043e \u0445\u043e\u0447\u0435\u0442 \u0431\u043e\u043b\u044c\u0448\u0435\u0433\u043e", "btn_url": "https://netology.ru/programs/professiya-menezher-marketplejsov/?utm_campaign=crossunit_ou_lk_umrpl_offer&utm_source=triggers&utm_medium=block", "img_src": "https://netology.ru/_next/static/media/header.9152f8b6.png", "bg_color": "#f3f4f7", "btn_show": "1", "btn_text": "\u0412\u044b\u0431\u0440\u0430\u0442\u044c \u043a\u0443\u0440\u0441", "subtitle": "
\u0423 \u0432\u0430\u0441 \u0432\u0441\u0451 \u0435\u0449\u0451 \u0435\u0441\u0442\u044c \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u0432\u044b\u0431\u0440\u0430\u0442\u044c \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u043d\u044b\u0439 \u043a\u0443\u0440\u0441 \u043f\u043e \u043c\u0430\u0440\u043a\u0435\u0442\u043f\u043b\u0435\u0439\u0441\u0430\u043c \u0438 \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c 9 \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u0432 \u0432 \u043f\u043e\u0440\u0442\u0444\u043e\u043b\u0438\u043e \u0432\u043c\u0435\u0441\u0442\u043e 5 \u0438 \u0443\u0433\u043b\u0443\u0431\u0438\u0442\u044c\u0441\u044f \u0441\u0442\u0440\u0430\u0442\u0435\u0433\u0438\u044e ", "btn_blank": "1", "btn_action": "link", "close_show": "1", "title_show": "1", "border_show": "0", "btn_form_id": "0", "font_custom": "Golos, Arial, sans-serif", "font_family": "Roboto, sans-serif", "title_color": "#000", "border_color": "#fff", "border_width": "10", "btn_bg_color": "#f3f4f7", "width_mobile": "826.00", "subtitle_show": "1", "width_desktop": "2000.00", "btn_text_color": "#0055d5", "close_size_mob": "20", "padding_mobile": "30.00", "subtitle_color": "#000", "close_color_mob": "#000", "close_size_desk": "40.00", "img_show_mobile": "0", "padding_desktop": "18.00", "btn_bg_color_hov": "#f3f4f7", "btn_border_color": "#0055d5", "btn_border_width": "1", "close_color_desk": "#737880", "font_custom_show": "1", "img_show_desktop": "1", "img_width_mobile": "80.00", "btn_border_radius": "4", "btn_height_mobile": "12", "close_bg_show_mob": "0", "img_width_desktop": "120", "text_align_mobile": "left", "btn_height_desktop": "12", "btn_text_color_hov": "#0065ff", "close_bg_color_mob": "#000000", "close_bg_show_desk": "0", "text_align_desktop": "left", "close_bg_color_desk": "#000000", "width_option_mobile": "0", "btn_border_color_hov": "#0065ff", "btn_font_size_mobile": "14", "width_option_desktop": "0", "btn_font_size_desktop": "14", "close_bg_transparency": "0.5", "title_font_size_mobile": "18", "title_font_size_desktop": "24.00", "subtitle_font_size_mobile": "16", "subtitle_font_size_desktop": "18"}, "button_settings": {}, "conditions_splits": [], "id": 70961, "behavior_settings": {"embedded": {"animation_out": "fadeOut"}}}], "pinned": false, "name": "TEST ARPU umrpl \u0432\u043c\u0435\u0441\u0442\u043e mrpl \u0432 \u043b\u0438\u0447\u043d\u043e\u043c \u043a\u0430\u0431\u0438\u043d\u0435\u0442\u0435 | Block | LMS | Product | Paid Course | bdes | bdes_ou_profile_mrpl&mrpl_test | Auto", "active": true, "embed_selector": true, "selector": "#free-lessons", "placement": "before", "frequency": {"once_lifetime": true, "once_session": false, "priority": false, "minimal_timeout": null}, "start_date": null, "end_date": null, "day_of_week": [true, true, true, true, true, true, true], "start_time": null, "end_time": null, "timezone_minutes": 180, "custom_fields": [], "container_id": null, "child_forms": [], "salt": "C598F758-8C5C-4B01-9780-4C831E65D863", "control_group": {"modulus_lower_inclusive": 0, "modulus_upper_exclusive": 50}, "variants": [{"is_winner": false, "ab_test_variant_internal_id": "4048b1a4-b7c6-494e-9fda-70946433591d", "view_settings": {"button_template": null, "rendered_preview": "https://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-70854.png?ts=1712541151227", "rendered_button_preview": null, "settings": {"title": "
\u0414\u043b\u044f \u0442\u0435\u0445, \u043a\u0442\u043e \u0445\u043e\u0447\u0435\u0442 \u0431\u043e\u043b\u044c\u0448\u0435\u0433\u043e", "btn_url": "https://netology.ru/programs/professiya-menezher-marketplejsov/?utm_campaign=crossunit_ou_lk_umrpl_offer&utm_source=triggers&utm_medium=block", "img_src": "https://netology.ru/_next/static/media/header.9152f8b6.png", "bg_color": "#f3f4f7", "btn_show": "1", "btn_text": "\u0412\u044b\u0431\u0440\u0430\u0442\u044c \u043a\u0443\u0440\u0441", "subtitle": "
\u0423 \u0432\u0430\u0441 \u0432\u0441\u0451 \u0435\u0449\u0451 \u0435\u0441\u0442\u044c \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u0432\u044b\u0431\u0440\u0430\u0442\u044c \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u043d\u044b\u0439 \u043a\u0443\u0440\u0441 \u043f\u043e \u043c\u0430\u0440\u043a\u0435\u0442\u043f\u043b\u0435\u0439\u0441\u0430\u043c \u0438 \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c 9 \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u0432 \u0432 \u043f\u043e\u0440\u0442\u0444\u043e\u043b\u0438\u043e \u0432\u043c\u0435\u0441\u0442\u043e 5 \u0438 \u0443\u0433\u043b\u0443\u0431\u0438\u0442\u044c\u0441\u044f \u0441\u0442\u0440\u0430\u0442\u0435\u0433\u0438\u044e ", "btn_blank": "1", "btn_action": "link", "close_show": "1", "title_show": "1", "border_show": "0", "btn_form_id": "0", "font_custom": "Golos, Arial, sans-serif", "font_family": "Roboto, sans-serif", "title_color": "#000", "border_color": "#fff", "border_width": "10", "btn_bg_color": "#f3f4f7", "width_mobile": "826.00", "subtitle_show": "1", "width_desktop": "2000.00", "btn_text_color": "#0055d5", "close_size_mob": "20", "padding_mobile": "30.00", "subtitle_color": "#000", "close_color_mob": "#000", "close_size_desk": "40.00", "img_show_mobile": "0", "padding_desktop": "18.00", "btn_bg_color_hov": "#f3f4f7", "btn_border_color": "#0055d5", "btn_border_width": "1", "close_color_desk": "#737880", "font_custom_show": "1", "img_show_desktop": "1", "img_width_mobile": "80.00", "btn_border_radius": "4", "btn_height_mobile": "12", "close_bg_show_mob": "0", "img_width_desktop": "120", "text_align_mobile": "left", "btn_height_desktop": "12", "btn_text_color_hov": "#0065ff", "close_bg_color_mob": "#000000", "close_bg_show_desk": "0", "text_align_desktop": "left", "close_bg_color_desk": "#000000", "width_option_mobile": "0", "btn_border_color_hov": "#0065ff", "btn_font_size_mobile": "14", "width_option_desktop": "0", "btn_font_size_desktop": "14", "close_bg_transparency": "0.5", "title_font_size_mobile": "18", "title_font_size_desktop": "24.00", "subtitle_font_size_mobile": "16", "subtitle_font_size_desktop": "18"}, "button_settings": {}, "behavior_settings": {"embedded": {"animation_out": "fadeOut"}}, "html": "\r\n
\r\n\r\n<% try { close_show = close_show; } catch (e) { close_show = 0 } %>\r\n
\r\n
", "css": "<% try {\r\n close_show = close_show;\r\n close_size_desk = close_size_desk;\r\n close_size_mob = close_size_mob;\r\n close_color_desk = close_color_desk;\r\n close_color_mob = close_color_mob;\r\n close_bg_show_desk = close_bg_show_desk;\r\n close_bg_color_desk = close_bg_color_desk;\r\n close_bg_show_mob = close_bg_show_mob;\r\n close_bg_color_mob = close_bg_color_mob;\r\n close_bg_transparency = close_bg_transparency;\r\n } catch (e) { \r\n close_show = 0\r\n close_size_desk = 24\r\n close_size_mob = 20\r\n close_color_desk = '#000000'\r\n close_color_mob = '#000000'\r\n close_bg_show_desk = 0\r\n close_bg_color_desk = '#000000'\r\n close_bg_show_mob = 0\r\n close_bg_color_mob = '#000000'\r\n close_bg_transparency = 0.5\r\n }\r\n%>\r\n\r\n<% 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 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 vertical-align: middle;\r\n position: relative;\r\n background-color: <%=bg_color%>;\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\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}\r\n\r\n#popmechanic-form .popmechanic-content {\r\n display: flex;\r\n align-items: center;\r\n justify-content: left;\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: 12px;\r\n margin-right: 0px;\r\n font-weight: 500;\r\n color: <%=title_color%>;\r\n \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;\r\n}\r\n\r\n#popmechanic-form .popmechanic-button {\r\n display: block;\r\n flex-shrink: 0;\r\n text-align: center;\r\n text-decoration: none;\r\n border: <%= btn_border_width %>px solid;\r\n background-color: <%=btn_bg_color%>;\r\n border-color: <%=btn_border_color%>;\r\n color: <%=btn_text_color%>;\r\n border-radius: <%=btn_border_radius%>px;\r\n font-weight: 500;\r\n}\r\n\r\n#popmechanic-form .popmechanic-button:hover {\r\n background-color: <%=btn_bg_color_hov%>;\r\n color: <%=btn_text_color_hov%>;\r\n border-color: <%=btn_border_color_hov%>;\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form {\r\n <% if(parseInt(width_option_desktop)) { %>\r\n width: <%= width_desktop %>px;\r\n <% } else { %>\r\n width: 100%;\r\n <% } %>\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form .popmechanic-main {\r\n padding: <%=padding_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-left: 8px;\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form .popmechanic-header {\r\n max-width: 1240px;\r\n margin-right: 0px;\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 padding: <%= btn_height_desktop %>px 32px;\r\n font-size: <%= btn_font_size_desktop %>px;\r\n margin-left: 48px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form,\r\n.popmechanic-mobile #popmechanic-form {\r\n box-sizing: content-box;\r\n <% if(parseInt(width_option_mobile)) { %>\r\n width: <%= width_mobile %>px;\r\n <% } else { %>\r\n width: 100%;\r\n <% } %>\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-main,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main {\r\n padding: <%=padding_mobile%>px <%= padding_mobile / 2 %>px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-content,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-content {\r\n height: auto;\r\n display: block;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-image,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-image {\r\n display: <%= parseInt(img_show_mobile) ? 'block' : 'none' %>;\r\n width: <%= img_width_mobile %>px;\r\n float: left;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-header,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-header {\r\n margin-bottom: 24px;\r\n margin-left: 32px;\r\n margin-right: 20px;\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 display: inline-flex;\r\n margin-left: 28px;\r\n margin-right: 0em;\r\n \r\n padding: <%= btn_height_mobile %>px 35px;\r\n font-size: <%= btn_font_size_mobile %>px;\r\n}\r\n\r\n\r\n<% if(parseInt(close_show)) { %>\r\n /* CLOSE */\r\n <%\r\n function hexToRgb(hex) {\r\n return hex.replace(/^#?([a-f\\d])([a-f\\d])([a-f\\d])$/i, function (m, r, g, b) {\r\n return \"#\".concat(r).concat(r).concat(g).concat(g).concat(b).concat(b);\r\n }).substring(1).match(/.{2}/g).map(function (x) {\r\n return parseInt(x, 16);\r\n });\r\n };\r\n %>\r\n\r\n #popmechanic-form .popmechanic-close {\r\n position: absolute;\r\n z-index: 40;\r\n cursor: pointer;\r\n }\r\n #popmechanic-form .popmechanic-close::before,\r\n #popmechanic-form .popmechanic-close::after {\r\n content: \"\";\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n width: 80%;\r\n height: 2px;\r\n transform: translate(-50%, -50%) rotate(45deg);\r\n }\r\n #popmechanic-form .popmechanic-close::after {\r\n transform: translate(-50%, -50%) rotate(135deg);\r\n }\r\n .popmechanic-desktop #popmechanic-form .popmechanic-close {\r\n top: 10px;\r\n right: 10px;\r\n width: <%= close_size_desk %>px;\r\n height: <%= close_size_desk %>px;\r\n <% if(parseInt(close_bg_show_desk)) { %>\r\n background-color: rgba(<%= hexToRgb(close_bg_color_desk) %>, <%= close_bg_transparency %>);\r\n <% } %>\r\n }\r\n .popmechanic-desktop #popmechanic-form .popmechanic-close::before,\r\n .popmechanic-desktop #popmechanic-form .popmechanic-close::after {\r\n background-color: <%= close_color_desk %>;\r\n }\r\n .popmechanic-tablet #popmechanic-form .popmechanic-close,\r\n .popmechanic-mobile #popmechanic-form .popmechanic-close {\r\n top: 5px;\r\n right: 5px;\r\n width: <%= close_size_mob %>px;\r\n height: <%= close_size_mob %>px;\r\n <% if(parseInt(close_bg_show_mob)) { %>\r\n background-color: rgba(<%= hexToRgb(close_bg_color_mob) %>, <%= close_bg_transparency %>);\r\n <% } %>\r\n }\r\n .popmechanic-tablet #popmechanic-form .popmechanic-close::before,\r\n .popmechanic-tablet #popmechanic-form .popmechanic-close::after,\r\n .popmechanic-mobile #popmechanic-form .popmechanic-close::before,\r\n .popmechanic-mobile #popmechanic-form .popmechanic-close::after {\r\n background-color: <%= close_color_mob %>;\r\n }\r\n<% } %>", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": 50, "modulus_upper_exclusive": 100}], "is_transactional": false}, {"id": 70271, "template": 1537, "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": ["netology.ru/programs/profession-product"], "operator": "$in_contains"}], "operator": "$and"}, {"id": "4", "field": "device", "value": ["pc", "tablet", "mobile"], "operator": "$in"}, {"id": "5", "name": "$or", "nodes": [{"id": "6", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": true, "operation": "popmechanic-check-segment", "segmentation": {"id": 4705, "externalId": "e7a2853c-e46e-4d66-9ebe-05a2ba61d8f1"}, "inSegmentByDefault": false}, "operator": "$check"}, {"id": "7", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": true, "operation": "popmechanic-check-segment", "segmentation": {"id": 4711, "externalId": "83970ada-0ec4-434c-997b-f3f61ed3ee3e"}, "inSegmentByDefault": false}, "operator": "$check"}], "operator": "$or"}], "operator": "$and"}}, "settings_splits": [{"settings": {"title": "
\u0412\u0430\u0448 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0439 \u0448\u0430\u0433 \u0432 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0438", "btn_url": "#/order", "img_src": "https://u.netology.ru/backend/uploads/page_assets/images/file/58635/Group_45552__2_.png", "bg_color": "#f3f4f7", "btn_show": "1", "btn_text": "\u0420\u043e\u0441\u0442 \u0434\u043e \u043f\u0440\u043e\u0434\u0430\u043a\u0442\u0430", "subtitle": "
\u041f\u0438\u0441\u0430\u0442\u044c \u043a\u043e\u0434 — \u0437\u0434\u043e\u0440\u043e\u0432\u043e. \u0423\u043f\u0440\u0430\u0432\u043b\u044f\u0442\u044c \u0432\u0441\u0435\u043c \u0436\u0438\u0437\u043d\u0435\u043d\u043d\u044b\u043c \u0446\u0438\u043a\u043b\u043e\u043c \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u0430 \u0438 \u0431\u044b\u0442\u044c \u043b\u0438\u0434\u0435\u0440\u043e\u043c — \u043d\u043e\u0432\u044b\u0439 \u043a\u0430\u0440\u044c\u0435\u0440\u043d\u044b\u0439 \u0443\u0440\u043e\u0432\u0435\u043d\u044c \u0438 \u0440\u043e\u0441\u0442 \u0432 \u0437\u0430\u0440\u043f\u043b\u0430\u0442\u0435. \u041f\u043e\u0441\u043b\u0435 \u043a\u0443\u0440\u0441\u0430 «\u041f\u0440\u043e\u0434\u0430\u043a\u0442-\u043c\u0435\u043d\u0435\u0434\u0436\u0435\u0440» \u0432\u044b \u0441\u043c\u043e\u0436\u0435\u0442\u0435 \u043f\u0440\u043e\u0432\u0435\u0440\u044f\u0442\u044c \u0433\u0438\u043f\u043e\u0442\u0435\u0437\u044b, \u0441\u043e\u0437\u0434\u0430\u0432\u0430\u0442\u044c MVP \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u0430, \u043f\u0440\u0438\u043e\u0440\u0438\u0442\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0444\u0438\u0447\u0438 \u0438 \u043f\u0440\u043e\u0432\u043e\u0434\u0438\u0442\u044c A/B- \u0438 usability-\u0442\u0435\u0441\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 ", "btn_blank": "0", "btn_action": "link", "close_show": "0", "title_show": "1", "border_show": "0", "btn_form_id": "0", "font_custom": "Golos, Arial, sans-serif", "font_family": "Roboto, sans-serif", "title_color": "#000", "border_color": "#fff", "border_width": "10", "btn_bg_color": "#0066ff", "width_mobile": "826.00", "subtitle_show": "1", "width_desktop": "2000.00", "btn_text_color": "#ffffff", "close_size_mob": "20", "padding_mobile": "30.00", "subtitle_color": "#000", "close_color_mob": "#000", "close_size_desk": "24", "img_show_mobile": "0", "padding_desktop": "18.00", "btn_bg_color_hov": "#2250e2", "btn_border_color": "#0066ff", "btn_border_width": "1", "close_color_desk": "#000", "font_custom_show": "1", "img_show_desktop": "1", "img_width_mobile": "80.00", "btn_border_radius": "2", "btn_height_mobile": "12", "close_bg_show_mob": "0", "img_width_desktop": "120", "text_align_mobile": "left", "btn_height_desktop": "14", "btn_text_color_hov": "#ffffff", "close_bg_color_mob": "#000000", "close_bg_show_desk": "0", "text_align_desktop": "left", "close_bg_color_desk": "#000000", "width_option_mobile": "0", "btn_border_color_hov": "#2250e2", "btn_font_size_mobile": "14", "width_option_desktop": "0", "btn_font_size_desktop": "14", "close_bg_transparency": "0.5", "title_font_size_mobile": "18", "title_font_size_desktop": "24.00", "subtitle_font_size_mobile": "16", "subtitle_font_size_desktop": "18"}, "button_settings": {}, "conditions_splits": [], "id": 69679, "behavior_settings": {"embedded": {"animation_out": "fadeOut"}}}], "pinned": false, "name": "\u0423\u043a\u0430\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0439 \u043a\u0430\u043c\u0435\u043d\u044c profession-product | Block | Landing | Product | Paid Course | bmit | bmit_guide_stone_profession_product | Auto", "active": true, "embed_selector": true, "selector": "#about > div > div", "placement": "after", "frequency": {"once_lifetime": false, "once_session": false, "priority": false, "minimal_timeout": null}, "start_date": null, "end_date": null, "day_of_week": [true, true, true, true, true, true, true], "start_time": null, "end_time": null, "timezone_minutes": 180, "custom_fields": [], "container_id": null, "child_forms": [], "salt": null, "control_group": null, "variants": [{"is_winner": false, "ab_test_variant_internal_id": null, "view_settings": {"button_template": null, "rendered_preview": "https://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-69413.png?ts=1712540476947", "rendered_button_preview": null, "settings": {"title": "
\u0412\u0430\u0448 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0439 \u0448\u0430\u0433 \u0432 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0438", "btn_url": "#/order", "img_src": "https://u.netology.ru/backend/uploads/page_assets/images/file/58635/Group_45552__2_.png", "bg_color": "#f3f4f7", "btn_show": "1", "btn_text": "\u0420\u043e\u0441\u0442 \u0434\u043e \u043f\u0440\u043e\u0434\u0430\u043a\u0442\u0430", "subtitle": "
\u041f\u0438\u0441\u0430\u0442\u044c \u043a\u043e\u0434 — \u0437\u0434\u043e\u0440\u043e\u0432\u043e. \u0423\u043f\u0440\u0430\u0432\u043b\u044f\u0442\u044c \u0432\u0441\u0435\u043c \u0436\u0438\u0437\u043d\u0435\u043d\u043d\u044b\u043c \u0446\u0438\u043a\u043b\u043e\u043c \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u0430 \u0438 \u0431\u044b\u0442\u044c \u043b\u0438\u0434\u0435\u0440\u043e\u043c — \u043d\u043e\u0432\u044b\u0439 \u043a\u0430\u0440\u044c\u0435\u0440\u043d\u044b\u0439 \u0443\u0440\u043e\u0432\u0435\u043d\u044c \u0438 \u0440\u043e\u0441\u0442 \u0432 \u0437\u0430\u0440\u043f\u043b\u0430\u0442\u0435. \u041f\u043e\u0441\u043b\u0435 \u043a\u0443\u0440\u0441\u0430 «\u041f\u0440\u043e\u0434\u0430\u043a\u0442-\u043c\u0435\u043d\u0435\u0434\u0436\u0435\u0440» \u0432\u044b \u0441\u043c\u043e\u0436\u0435\u0442\u0435 \u043f\u0440\u043e\u0432\u0435\u0440\u044f\u0442\u044c \u0433\u0438\u043f\u043e\u0442\u0435\u0437\u044b, \u0441\u043e\u0437\u0434\u0430\u0432\u0430\u0442\u044c MVP \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u0430, \u043f\u0440\u0438\u043e\u0440\u0438\u0442\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0444\u0438\u0447\u0438 \u0438 \u043f\u0440\u043e\u0432\u043e\u0434\u0438\u0442\u044c A/B- \u0438 usability-\u0442\u0435\u0441\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 ", "btn_blank": "0", "btn_action": "link", "close_show": "0", "title_show": "1", "border_show": "0", "btn_form_id": "0", "font_custom": "Golos, Arial, sans-serif", "font_family": "Roboto, sans-serif", "title_color": "#000", "border_color": "#fff", "border_width": "10", "btn_bg_color": "#0066ff", "width_mobile": "826.00", "subtitle_show": "1", "width_desktop": "2000.00", "btn_text_color": "#ffffff", "close_size_mob": "20", "padding_mobile": "30.00", "subtitle_color": "#000", "close_color_mob": "#000", "close_size_desk": "24", "img_show_mobile": "0", "padding_desktop": "18.00", "btn_bg_color_hov": "#2250e2", "btn_border_color": "#0066ff", "btn_border_width": "1", "close_color_desk": "#000", "font_custom_show": "1", "img_show_desktop": "1", "img_width_mobile": "80.00", "btn_border_radius": "2", "btn_height_mobile": "12", "close_bg_show_mob": "0", "img_width_desktop": "120", "text_align_mobile": "left", "btn_height_desktop": "14", "btn_text_color_hov": "#ffffff", "close_bg_color_mob": "#000000", "close_bg_show_desk": "0", "text_align_desktop": "left", "close_bg_color_desk": "#000000", "width_option_mobile": "0", "btn_border_color_hov": "#2250e2", "btn_font_size_mobile": "14", "width_option_desktop": "0", "btn_font_size_desktop": "14", "close_bg_transparency": "0.5", "title_font_size_mobile": "18", "title_font_size_desktop": "24.00", "subtitle_font_size_mobile": "16", "subtitle_font_size_desktop": "18"}, "button_settings": {}, "behavior_settings": {"embedded": {"animation_out": "fadeOut"}}, "html": "\r\n
\r\n\r\n<% try { close_show = close_show; } catch (e) { close_show = 0 } %>\r\n
\r\n
", "css": "<% try {\r\n close_show = close_show;\r\n close_size_desk = close_size_desk;\r\n close_size_mob = close_size_mob;\r\n close_color_desk = close_color_desk;\r\n close_color_mob = close_color_mob;\r\n close_bg_show_desk = close_bg_show_desk;\r\n close_bg_color_desk = close_bg_color_desk;\r\n close_bg_show_mob = close_bg_show_mob;\r\n close_bg_color_mob = close_bg_color_mob;\r\n close_bg_transparency = close_bg_transparency;\r\n } catch (e) { \r\n close_show = 0\r\n close_size_desk = 24\r\n close_size_mob = 20\r\n close_color_desk = '#000000'\r\n close_color_mob = '#000000'\r\n close_bg_show_desk = 0\r\n close_bg_color_desk = '#000000'\r\n close_bg_show_mob = 0\r\n close_bg_color_mob = '#000000'\r\n close_bg_transparency = 0.5\r\n }\r\n%>\r\n\r\n<% 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 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 vertical-align: middle;\r\n position: relative;\r\n background-color: <%=bg_color%>;\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\r\n#popmechanic-form .popmechanic-main {\r\n position: relative;\r\n z-index: 10;\r\n height: 100%;\r\n box-shadow: 0 3px 10px rgb(0 0 0 / 0.1);\r\n \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: 12px;\r\n margin-right: 0px;\r\n font-weight: 500;\r\n color: <%=title_color%>;\r\n \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;\r\n}\r\n\r\n#popmechanic-form .popmechanic-button {\r\n display: block;\r\n flex-shrink: 0;\r\n text-align: center;\r\n text-decoration: none;\r\n border: <%= btn_border_width %>px solid;\r\n background-color: <%=btn_bg_color%>;\r\n border-color: <%=btn_border_color%>;\r\n color: <%=btn_text_color%>;\r\n border-radius: <%=btn_border_radius%>px;\r\n font-weight: 500;\r\n}\r\n\r\n#popmechanic-form .popmechanic-button:hover {\r\n background-color: <%=btn_bg_color_hov%>;\r\n color: <%=btn_text_color_hov%>;\r\n border-color: <%=btn_border_color_hov%>;\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form {\r\n <% if(parseInt(width_option_desktop)) { %>\r\n width: <%= width_desktop %>px;\r\n <% } else { %>\r\n width: 100%;\r\n <% } %>\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form .popmechanic-main {\r\n padding: <%=padding_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-left: 8px;\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form .popmechanic-header {\r\n max-width: 1240px;\r\n margin-right: 0px;\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 padding: <%= btn_height_desktop %>px 32px;\r\n font-size: <%= btn_font_size_desktop %>px;\r\n margin-left: 48px;\r\n margin-right: 36px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form,\r\n.popmechanic-mobile #popmechanic-form {\r\n box-sizing: content-box;\r\n <% if(parseInt(width_option_mobile)) { %>\r\n width: <%= width_mobile %>px;\r\n <% } else { %>\r\n width: 100%;\r\n <% } %>\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-main,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main {\r\n padding: <%=padding_mobile%>px <%= padding_mobile / 2 %>px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-content,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-content {\r\n height: auto;\r\n display: block;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-image,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-image {\r\n display: <%= parseInt(img_show_mobile) ? 'block' : 'none' %>;\r\n width: <%= img_width_mobile %>px;\r\n float: left;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-header,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-header {\r\n margin-bottom: 24px;\r\n margin-left: 32px;\r\n margin-right: 20px;\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 display: inline-flex;\r\n margin-left: 28px;\r\n margin-right: 0em;\r\n \r\n padding: <%= btn_height_mobile %>px 35px;\r\n font-size: <%= btn_font_size_mobile %>px;\r\n}\r\n\r\n\r\n<% if(parseInt(close_show)) { %>\r\n /* CLOSE */\r\n <%\r\n function hexToRgb(hex) {\r\n return hex.replace(/^#?([a-f\\d])([a-f\\d])([a-f\\d])$/i, function (m, r, g, b) {\r\n return \"#\".concat(r).concat(r).concat(g).concat(g).concat(b).concat(b);\r\n }).substring(1).match(/.{2}/g).map(function (x) {\r\n return parseInt(x, 16);\r\n });\r\n };\r\n %>\r\n\r\n #popmechanic-form .popmechanic-close {\r\n position: absolute;\r\n z-index: 40;\r\n cursor: pointer;\r\n }\r\n #popmechanic-form .popmechanic-close::before,\r\n #popmechanic-form .popmechanic-close::after {\r\n content: \"\";\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n width: 80%;\r\n height: 2px;\r\n transform: translate(-50%, -50%) rotate(45deg);\r\n }\r\n #popmechanic-form .popmechanic-close::after {\r\n transform: translate(-50%, -50%) rotate(135deg);\r\n }\r\n .popmechanic-desktop #popmechanic-form .popmechanic-close {\r\n top: 10px;\r\n right: 10px;\r\n width: <%= close_size_desk %>px;\r\n height: <%= close_size_desk %>px;\r\n <% if(parseInt(close_bg_show_desk)) { %>\r\n background-color: rgba(<%= hexToRgb(close_bg_color_desk) %>, <%= close_bg_transparency %>);\r\n <% } %>\r\n }\r\n .popmechanic-desktop #popmechanic-form .popmechanic-close::before,\r\n .popmechanic-desktop #popmechanic-form .popmechanic-close::after {\r\n background-color: <%= close_color_desk %>;\r\n }\r\n .popmechanic-tablet #popmechanic-form .popmechanic-close,\r\n .popmechanic-mobile #popmechanic-form .popmechanic-close {\r\n top: 5px;\r\n right: 5px;\r\n width: <%= close_size_mob %>px;\r\n height: <%= close_size_mob %>px;\r\n <% if(parseInt(close_bg_show_mob)) { %>\r\n background-color: rgba(<%= hexToRgb(close_bg_color_mob) %>, <%= close_bg_transparency %>);\r\n <% } %>\r\n }\r\n .popmechanic-tablet #popmechanic-form .popmechanic-close::before,\r\n .popmechanic-tablet #popmechanic-form .popmechanic-close::after,\r\n .popmechanic-mobile #popmechanic-form .popmechanic-close::before,\r\n .popmechanic-mobile #popmechanic-form .popmechanic-close::after {\r\n background-color: <%= close_color_mob %>;\r\n }\r\n<% } %>", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 70268, "template": 1537, "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": ["netology.ru/programs/devops"], "operator": "$in_contains"}], "operator": "$and"}, {"id": "4", "field": "device", "value": ["pc", "tablet", "mobile"], "operator": "$in"}, {"id": "5", "name": "$or", "nodes": [{"id": "6", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": true, "operation": "popmechanic-check-segment", "segmentation": {"id": 4706, "externalId": "761add7c-6f97-4985-aa71-43a4307e4683"}, "inSegmentByDefault": false}, "operator": "$check"}, {"id": "7", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": true, "operation": "popmechanic-check-segment", "segmentation": {"id": 4710, "externalId": "d9b03d9a-4f5e-4acf-884e-1b9714774bef"}, "inSegmentByDefault": false}, "operator": "$check"}], "operator": "$or"}], "operator": "$and"}}, "settings_splits": [{"settings": {"title": "
\u0412\u0430\u0448 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0439 \u0448\u0430\u0433 \u0432 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0438", "btn_url": "#/order", "img_src": "https://u.netology.ru/backend/uploads/page_assets/images/file/58361/Mask_group__13_.png", "bg_color": "#26282c", "btn_show": "1", "btn_text": "\u0410\u043f\u0433\u0440\u0435\u0439\u0434 \u0434\u043e \u0434\u0435\u0432\u043e\u043f\u0441\u0430", "subtitle": "
\u041f\u043e\u0441\u043b\u0435 \u043a\u0443\u0440\u0441\u0430 «DevOps-\u0438\u043d\u0436\u0435\u043d\u0435\u0440» \u0432\u044b \u0441\u043c\u043e\u0436\u0435\u0442\u0435 \u0441\u0438\u043d\u0445\u0440\u043e\u043d\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u044d\u0442\u0430\u043f\u044b \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u043d\u043e\u0433\u043e \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u0430, \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u0441 Kubernetes, Ansible, Gitlab, Terraform, \u043f\u043e\u0432\u044b\u0441\u0438\u0442\u0435 \u044d\u0444\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u043e\u0441\u0442\u044c \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0432 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u0438 \u043d\u0430\u0443\u0447\u0438\u0442\u0435\u0441\u044c \u043f\u0438\u0441\u0430\u0442\u044c \u0435\u0449\u0451 \u0431\u043e\u043b\u0435\u0435 \u0440\u0435\u043b\u0435\u0432\u0430\u043d\u0442\u043d\u044b\u0439 \u043a\u043e\u0434, \u0431\u043b\u0430\u0433\u043e\u0434\u0430\u0440\u044f \u043d\u0430\u0432\u044b\u043a\u0443 \u0440\u0430\u0431\u043e\u0442\u044b \u0441 \u0438\u043d\u0444\u0440\u0430\u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u043e\u0439", "btn_blank": "0", "btn_action": "link", "close_show": "0", "title_show": "1", "border_show": "0", "btn_form_id": "0", "font_custom": "Golos, Arial, sans-serif", "font_family": "Roboto, sans-serif", "title_color": "#ffffff", "border_color": "#fff", "border_width": "10", "btn_bg_color": "#0066ff", "width_mobile": "826.00", "subtitle_show": "1", "width_desktop": "2000.00", "btn_text_color": "#ffffff", "close_size_mob": "20", "padding_mobile": "30.00", "subtitle_color": "#ffffff", "close_color_mob": "#000", "close_size_desk": "24", "img_show_mobile": "0", "padding_desktop": "18.00", "btn_bg_color_hov": "#2250e2", "btn_border_color": "#0066ff", "btn_border_width": "1", "close_color_desk": "#000", "font_custom_show": "1", "img_show_desktop": "1", "img_width_mobile": "80.00", "btn_border_radius": "2", "btn_height_mobile": "12", "close_bg_show_mob": "0", "img_width_desktop": "150.00", "text_align_mobile": "left", "btn_height_desktop": "14", "btn_text_color_hov": "#ffffff", "close_bg_color_mob": "#000000", "close_bg_show_desk": "0", "text_align_desktop": "left", "close_bg_color_desk": "#000000", "width_option_mobile": "0", "btn_border_color_hov": "#2250e2", "btn_font_size_mobile": "14", "width_option_desktop": "0", "btn_font_size_desktop": "14", "close_bg_transparency": "0.5", "title_font_size_mobile": "18", "title_font_size_desktop": "24.00", "subtitle_font_size_mobile": "16", "subtitle_font_size_desktop": "18"}, "button_settings": {}, "conditions_splits": [], "id": 69676, "behavior_settings": {"embedded": {"animation_out": "fadeOut"}}}], "pinned": false, "name": "\u0423\u043a\u0430\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0439 \u043a\u0430\u043c\u0435\u043d\u044c devops | Block | Landing | Product | Paid Course | bdev | bdev_guide_stone_profession_product | Auto", "active": true, "embed_selector": true, "selector": "#main_features > div > div.styles_skills__p6qzj", "placement": "after", "frequency": {"once_lifetime": false, "once_session": false, "priority": false, "minimal_timeout": null}, "start_date": null, "end_date": null, "day_of_week": [true, true, true, true, true, true, true], "start_time": null, "end_time": null, "timezone_minutes": 180, "custom_fields": [], "container_id": null, "child_forms": [], "salt": null, "control_group": null, "variants": [{"is_winner": false, "ab_test_variant_internal_id": null, "view_settings": {"button_template": null, "rendered_preview": "https://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-69410.png?ts=1712540458785", "rendered_button_preview": null, "settings": {"title": "
\u0412\u0430\u0448 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0439 \u0448\u0430\u0433 \u0432 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0438", "btn_url": "#/order", "img_src": "https://u.netology.ru/backend/uploads/page_assets/images/file/58361/Mask_group__13_.png", "bg_color": "#26282c", "btn_show": "1", "btn_text": "\u0410\u043f\u0433\u0440\u0435\u0439\u0434 \u0434\u043e \u0434\u0435\u0432\u043e\u043f\u0441\u0430", "subtitle": "
\u041f\u043e\u0441\u043b\u0435 \u043a\u0443\u0440\u0441\u0430 «DevOps-\u0438\u043d\u0436\u0435\u043d\u0435\u0440» \u0432\u044b \u0441\u043c\u043e\u0436\u0435\u0442\u0435 \u0441\u0438\u043d\u0445\u0440\u043e\u043d\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u044d\u0442\u0430\u043f\u044b \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u043d\u043e\u0433\u043e \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u0430, \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u0441 Kubernetes, Ansible, Gitlab, Terraform, \u043f\u043e\u0432\u044b\u0441\u0438\u0442\u0435 \u044d\u0444\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u043e\u0441\u0442\u044c \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0432 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u0438 \u043d\u0430\u0443\u0447\u0438\u0442\u0435\u0441\u044c \u043f\u0438\u0441\u0430\u0442\u044c \u0435\u0449\u0451 \u0431\u043e\u043b\u0435\u0435 \u0440\u0435\u043b\u0435\u0432\u0430\u043d\u0442\u043d\u044b\u0439 \u043a\u043e\u0434, \u0431\u043b\u0430\u0433\u043e\u0434\u0430\u0440\u044f \u043d\u0430\u0432\u044b\u043a\u0443 \u0440\u0430\u0431\u043e\u0442\u044b \u0441 \u0438\u043d\u0444\u0440\u0430\u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u043e\u0439", "btn_blank": "0", "btn_action": "link", "close_show": "0", "title_show": "1", "border_show": "0", "btn_form_id": "0", "font_custom": "Golos, Arial, sans-serif", "font_family": "Roboto, sans-serif", "title_color": "#ffffff", "border_color": "#fff", "border_width": "10", "btn_bg_color": "#0066ff", "width_mobile": "826.00", "subtitle_show": "1", "width_desktop": "2000.00", "btn_text_color": "#ffffff", "close_size_mob": "20", "padding_mobile": "30.00", "subtitle_color": "#ffffff", "close_color_mob": "#000", "close_size_desk": "24", "img_show_mobile": "0", "padding_desktop": "18.00", "btn_bg_color_hov": "#2250e2", "btn_border_color": "#0066ff", "btn_border_width": "1", "close_color_desk": "#000", "font_custom_show": "1", "img_show_desktop": "1", "img_width_mobile": "80.00", "btn_border_radius": "2", "btn_height_mobile": "12", "close_bg_show_mob": "0", "img_width_desktop": "150.00", "text_align_mobile": "left", "btn_height_desktop": "14", "btn_text_color_hov": "#ffffff", "close_bg_color_mob": "#000000", "close_bg_show_desk": "0", "text_align_desktop": "left", "close_bg_color_desk": "#000000", "width_option_mobile": "0", "btn_border_color_hov": "#2250e2", "btn_font_size_mobile": "14", "width_option_desktop": "0", "btn_font_size_desktop": "14", "close_bg_transparency": "0.5", "title_font_size_mobile": "18", "title_font_size_desktop": "24.00", "subtitle_font_size_mobile": "16", "subtitle_font_size_desktop": "18"}, "button_settings": {}, "behavior_settings": {"embedded": {"animation_out": "fadeOut"}}, "html": "\r\n
\r\n\r\n<% try { close_show = close_show; } catch (e) { close_show = 0 } %>\r\n
\r\n
", "css": "<% try {\r\n close_show = close_show;\r\n close_size_desk = close_size_desk;\r\n close_size_mob = close_size_mob;\r\n close_color_desk = close_color_desk;\r\n close_color_mob = close_color_mob;\r\n close_bg_show_desk = close_bg_show_desk;\r\n close_bg_color_desk = close_bg_color_desk;\r\n close_bg_show_mob = close_bg_show_mob;\r\n close_bg_color_mob = close_bg_color_mob;\r\n close_bg_transparency = close_bg_transparency;\r\n } catch (e) { \r\n close_show = 0\r\n close_size_desk = 24\r\n close_size_mob = 20\r\n close_color_desk = '#000000'\r\n close_color_mob = '#000000'\r\n close_bg_show_desk = 0\r\n close_bg_color_desk = '#000000'\r\n close_bg_show_mob = 0\r\n close_bg_color_mob = '#000000'\r\n close_bg_transparency = 0.5\r\n }\r\n%>\r\n\r\n<% 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 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 vertical-align: middle;\r\n position: relative;\r\n background-color: <%=bg_color%>;\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\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\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: 12px;\r\n margin-right: 0px;\r\n font-weight: 500;\r\n color: <%=title_color%>;\r\n \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;\r\n}\r\n\r\n#popmechanic-form .popmechanic-button {\r\n display: block;\r\n flex-shrink: 0;\r\n text-align: center;\r\n text-decoration: none;\r\n border: <%= btn_border_width %>px solid;\r\n background-color: <%=btn_bg_color%>;\r\n border-color: <%=btn_border_color%>;\r\n color: <%=btn_text_color%>;\r\n border-radius: <%=btn_border_radius%>px;\r\n font-weight: 500;\r\n}\r\n\r\n#popmechanic-form .popmechanic-button:hover {\r\n background-color: <%=btn_bg_color_hov%>;\r\n color: <%=btn_text_color_hov%>;\r\n border-color: <%=btn_border_color_hov%>;\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form {\r\n <% if(parseInt(width_option_desktop)) { %>\r\n width: <%= width_desktop %>px;\r\n <% } else { %>\r\n width: 100%;\r\n <% } %>\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form .popmechanic-main {\r\n padding: <%=padding_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-left: 8px;\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form .popmechanic-header {\r\n max-width: 1240px;\r\n margin-right: 0px;\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 padding: <%= btn_height_desktop %>px 32px;\r\n font-size: <%= btn_font_size_desktop %>px;\r\n margin-left: 48px;\r\n margin-right: 36px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form,\r\n.popmechanic-mobile #popmechanic-form {\r\n box-sizing: content-box;\r\n <% if(parseInt(width_option_mobile)) { %>\r\n width: <%= width_mobile %>px;\r\n <% } else { %>\r\n width: 100%;\r\n <% } %>\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-main,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main {\r\n padding: <%=padding_mobile%>px <%= padding_mobile / 2 %>px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-content,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-content {\r\n height: auto;\r\n display: block;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-image,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-image {\r\n display: <%= parseInt(img_show_mobile) ? 'block' : 'none' %>;\r\n width: <%= img_width_mobile %>px;\r\n float: left;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-header,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-header {\r\n margin-bottom: 24px;\r\n margin-left: 32px;\r\n margin-right: 20px;\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 display: inline-flex;\r\n margin-left: 28px;\r\n margin-right: 0em;\r\n \r\n padding: <%= btn_height_mobile %>px 35px;\r\n font-size: <%= btn_font_size_mobile %>px;\r\n}\r\n\r\n\r\n<% if(parseInt(close_show)) { %>\r\n /* CLOSE */\r\n <%\r\n function hexToRgb(hex) {\r\n return hex.replace(/^#?([a-f\\d])([a-f\\d])([a-f\\d])$/i, function (m, r, g, b) {\r\n return \"#\".concat(r).concat(r).concat(g).concat(g).concat(b).concat(b);\r\n }).substring(1).match(/.{2}/g).map(function (x) {\r\n return parseInt(x, 16);\r\n });\r\n };\r\n %>\r\n\r\n #popmechanic-form .popmechanic-close {\r\n position: absolute;\r\n z-index: 40;\r\n cursor: pointer;\r\n }\r\n #popmechanic-form .popmechanic-close::before,\r\n #popmechanic-form .popmechanic-close::after {\r\n content: \"\";\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n width: 80%;\r\n height: 2px;\r\n transform: translate(-50%, -50%) rotate(45deg);\r\n }\r\n #popmechanic-form .popmechanic-close::after {\r\n transform: translate(-50%, -50%) rotate(135deg);\r\n }\r\n .popmechanic-desktop #popmechanic-form .popmechanic-close {\r\n top: 10px;\r\n right: 10px;\r\n width: <%= close_size_desk %>px;\r\n height: <%= close_size_desk %>px;\r\n <% if(parseInt(close_bg_show_desk)) { %>\r\n background-color: rgba(<%= hexToRgb(close_bg_color_desk) %>, <%= close_bg_transparency %>);\r\n <% } %>\r\n }\r\n .popmechanic-desktop #popmechanic-form .popmechanic-close::before,\r\n .popmechanic-desktop #popmechanic-form .popmechanic-close::after {\r\n background-color: <%= close_color_desk %>;\r\n }\r\n .popmechanic-tablet #popmechanic-form .popmechanic-close,\r\n .popmechanic-mobile #popmechanic-form .popmechanic-close {\r\n top: 5px;\r\n right: 5px;\r\n width: <%= close_size_mob %>px;\r\n height: <%= close_size_mob %>px;\r\n <% if(parseInt(close_bg_show_mob)) { %>\r\n background-color: rgba(<%= hexToRgb(close_bg_color_mob) %>, <%= close_bg_transparency %>);\r\n <% } %>\r\n }\r\n .popmechanic-tablet #popmechanic-form .popmechanic-close::before,\r\n .popmechanic-tablet #popmechanic-form .popmechanic-close::after,\r\n .popmechanic-mobile #popmechanic-form .popmechanic-close::before,\r\n .popmechanic-mobile #popmechanic-form .popmechanic-close::after {\r\n background-color: <%= close_color_mob %>;\r\n }\r\n<% } %>", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 70251, "template": 1537, "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": ["netology.ru/programs/agile-for-all"], "operator": "$in_contains"}], "operator": "$and"}, {"id": "4", "field": "device", "value": ["pc", "tablet", "mobile"], "operator": "$in"}, {"id": "5", "name": "$or", "nodes": [{"id": "6", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": true, "operation": "popmechanic-check-segment", "segmentation": {"id": 4701, "externalId": "4a44f1f1-ff79-4de9-9415-bec9118d618e"}, "inSegmentByDefault": false}, "operator": "$check"}, {"id": "7", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": true, "operation": "popmechanic-check-segment", "segmentation": {"id": 4707, "externalId": "ba1bca1b-3a26-41c1-9876-00b62a2546a2"}, "inSegmentByDefault": false}, "operator": "$check"}], "operator": "$or"}], "operator": "$and"}}, "settings_splits": [{"settings": {"title": "
\u0412\u0430\u0448 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0439 \u0448\u0430\u0433 \u0432 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0438", "btn_url": "#/order", "img_src": "https://u.netology.ru/backend/uploads/page_assets/images/file/58622/CV.png", "bg_color": "#f3f4f7", "btn_show": "1", "btn_text": "\u0414\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u043d\u0430\u0432\u044b\u043a\u0438", "subtitle": "
\u0420\u0430\u0437\u0432\u0438\u0442\u0438\u0435 \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0445 \u043d\u0430\u0432\u044b\u043a\u043e\u0432 — must have \u0434\u043b\u044f \u0432\u0441\u0435\u0445, \u043a\u0442\u043e \u0441\u0442\u0440\u0435\u043c\u0438\u0442\u0441\u044f \u043a \u0431\u043e\u043b\u044c\u0448\u0435\u043c\u0443. \u041f\u043e\u0441\u043b\u0435 \u043a\u0443\u0440\u0441\u0430 «\u0423\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u043f\u043e Agile, S\u0441rum, Kanban, Lean» \u0432\u044b \u0441\u043c\u043e\u0436\u0435\u0442\u0435 \u0432\u044b\u0441\u0442\u0440\u0430\u0438\u0432\u0430\u0442\u044c \u043f\u0440\u043e\u0437\u0440\u0430\u0447\u043d\u044b\u0435 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u044b: \u043e\u0442 \u0438\u0434\u0435\u0438 \u0434\u043e \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438, \u043f\u043e\u0439\u043c\u0451\u0442\u0435, \u043a\u0430\u043a \u0431\u044b\u0442\u044c \u043b\u0438\u0434\u0435\u0440\u043e\u043c \u043a\u043e\u043c\u0430\u043d\u0434\u044b \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u0438 \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u0435 \u043f\u0440\u0430\u043a\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u043e\u043f\u044b\u0442 \u0440\u0435\u0448\u0435\u043d\u0438\u044f \u043a\u0435\u0439\u0441\u043e\u0432 \u043f\u043e \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044e \u043f\u0440\u043e\u0435\u043a\u0442\u0430\u043c\u0438", "btn_blank": "0", "btn_action": "link", "close_show": "0", "title_show": "1", "border_show": "0", "btn_form_id": "0", "font_custom": "Golos, Arial, sans-serif", "font_family": "Roboto, sans-serif", "title_color": "#000", "border_color": "#fff", "border_width": "10", "btn_bg_color": "#0066ff", "width_mobile": "826.00", "subtitle_show": "1", "width_desktop": "2000.00", "btn_text_color": "#ffffff", "close_size_mob": "20", "padding_mobile": "30.00", "subtitle_color": "#000", "close_color_mob": "#000", "close_size_desk": "24", "img_show_mobile": "0", "padding_desktop": "18.00", "btn_bg_color_hov": "#2250e2", "btn_border_color": "#0066ff", "btn_border_width": "1", "close_color_desk": "#000", "font_custom_show": "1", "img_show_desktop": "1", "img_width_mobile": "80.00", "btn_border_radius": "2", "btn_height_mobile": "12", "close_bg_show_mob": "0", "img_width_desktop": "120", "text_align_mobile": "left", "btn_height_desktop": "14", "btn_text_color_hov": "#ffffff", "close_bg_color_mob": "#000000", "close_bg_show_desk": "0", "text_align_desktop": "left", "close_bg_color_desk": "#000000", "width_option_mobile": "0", "btn_border_color_hov": "#2250e2", "btn_font_size_mobile": "14", "width_option_desktop": "0", "btn_font_size_desktop": "14", "close_bg_transparency": "0.5", "title_font_size_mobile": "18", "title_font_size_desktop": "24.00", "subtitle_font_size_mobile": "16", "subtitle_font_size_desktop": "18"}, "button_settings": {}, "conditions_splits": [], "id": 69659, "behavior_settings": {"embedded": {"animation_out": "fadeOut"}}}], "pinned": false, "name": "\u0423\u043a\u0430\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0439 \u043a\u0430\u043c\u0435\u043d\u044c agile-for-all | Block | Landing | Product | Paid Course | bmit | bmit_guide_stone_profession_product | Auto", "active": true, "embed_selector": true, "selector": "#join > div.styles_content__icALg > div", "placement": "after", "frequency": {"once_lifetime": false, "once_session": false, "priority": false, "minimal_timeout": null}, "start_date": null, "end_date": null, "day_of_week": [true, true, true, true, true, true, true], "start_time": null, "end_time": null, "timezone_minutes": 180, "custom_fields": [], "container_id": null, "child_forms": [], "salt": null, "control_group": null, "variants": [{"is_winner": false, "ab_test_variant_internal_id": null, "view_settings": {"button_template": null, "rendered_preview": "https://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-69391.png?ts=1712540487684", "rendered_button_preview": null, "settings": {"title": "
\u0412\u0430\u0448 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0439 \u0448\u0430\u0433 \u0432 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0438", "btn_url": "#/order", "img_src": "https://u.netology.ru/backend/uploads/page_assets/images/file/58622/CV.png", "bg_color": "#f3f4f7", "btn_show": "1", "btn_text": "\u0414\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u043d\u0430\u0432\u044b\u043a\u0438", "subtitle": "
\u0420\u0430\u0437\u0432\u0438\u0442\u0438\u0435 \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0445 \u043d\u0430\u0432\u044b\u043a\u043e\u0432 — must have \u0434\u043b\u044f \u0432\u0441\u0435\u0445, \u043a\u0442\u043e \u0441\u0442\u0440\u0435\u043c\u0438\u0442\u0441\u044f \u043a \u0431\u043e\u043b\u044c\u0448\u0435\u043c\u0443. \u041f\u043e\u0441\u043b\u0435 \u043a\u0443\u0440\u0441\u0430 «\u0423\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u043f\u043e Agile, S\u0441rum, Kanban, Lean» \u0432\u044b \u0441\u043c\u043e\u0436\u0435\u0442\u0435 \u0432\u044b\u0441\u0442\u0440\u0430\u0438\u0432\u0430\u0442\u044c \u043f\u0440\u043e\u0437\u0440\u0430\u0447\u043d\u044b\u0435 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u044b: \u043e\u0442 \u0438\u0434\u0435\u0438 \u0434\u043e \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438, \u043f\u043e\u0439\u043c\u0451\u0442\u0435, \u043a\u0430\u043a \u0431\u044b\u0442\u044c \u043b\u0438\u0434\u0435\u0440\u043e\u043c \u043a\u043e\u043c\u0430\u043d\u0434\u044b \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u0438 \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u0435 \u043f\u0440\u0430\u043a\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u043e\u043f\u044b\u0442 \u0440\u0435\u0448\u0435\u043d\u0438\u044f \u043a\u0435\u0439\u0441\u043e\u0432 \u043f\u043e \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044e \u043f\u0440\u043e\u0435\u043a\u0442\u0430\u043c\u0438", "btn_blank": "0", "btn_action": "link", "close_show": "0", "title_show": "1", "border_show": "0", "btn_form_id": "0", "font_custom": "Golos, Arial, sans-serif", "font_family": "Roboto, sans-serif", "title_color": "#000", "border_color": "#fff", "border_width": "10", "btn_bg_color": "#0066ff", "width_mobile": "826.00", "subtitle_show": "1", "width_desktop": "2000.00", "btn_text_color": "#ffffff", "close_size_mob": "20", "padding_mobile": "30.00", "subtitle_color": "#000", "close_color_mob": "#000", "close_size_desk": "24", "img_show_mobile": "0", "padding_desktop": "18.00", "btn_bg_color_hov": "#2250e2", "btn_border_color": "#0066ff", "btn_border_width": "1", "close_color_desk": "#000", "font_custom_show": "1", "img_show_desktop": "1", "img_width_mobile": "80.00", "btn_border_radius": "2", "btn_height_mobile": "12", "close_bg_show_mob": "0", "img_width_desktop": "120", "text_align_mobile": "left", "btn_height_desktop": "14", "btn_text_color_hov": "#ffffff", "close_bg_color_mob": "#000000", "close_bg_show_desk": "0", "text_align_desktop": "left", "close_bg_color_desk": "#000000", "width_option_mobile": "0", "btn_border_color_hov": "#2250e2", "btn_font_size_mobile": "14", "width_option_desktop": "0", "btn_font_size_desktop": "14", "close_bg_transparency": "0.5", "title_font_size_mobile": "18", "title_font_size_desktop": "24.00", "subtitle_font_size_mobile": "16", "subtitle_font_size_desktop": "18"}, "button_settings": {}, "behavior_settings": {"embedded": {"animation_out": "fadeOut"}}, "html": "\r\n
\r\n\r\n<% try { close_show = close_show; } catch (e) { close_show = 0 } %>\r\n
\r\n
", "css": "<% try {\r\n close_show = close_show;\r\n close_size_desk = close_size_desk;\r\n close_size_mob = close_size_mob;\r\n close_color_desk = close_color_desk;\r\n close_color_mob = close_color_mob;\r\n close_bg_show_desk = close_bg_show_desk;\r\n close_bg_color_desk = close_bg_color_desk;\r\n close_bg_show_mob = close_bg_show_mob;\r\n close_bg_color_mob = close_bg_color_mob;\r\n close_bg_transparency = close_bg_transparency;\r\n } catch (e) { \r\n close_show = 0\r\n close_size_desk = 24\r\n close_size_mob = 20\r\n close_color_desk = '#000000'\r\n close_color_mob = '#000000'\r\n close_bg_show_desk = 0\r\n close_bg_color_desk = '#000000'\r\n close_bg_show_mob = 0\r\n close_bg_color_mob = '#000000'\r\n close_bg_transparency = 0.5\r\n }\r\n%>\r\n\r\n<% 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 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 vertical-align: middle;\r\n position: relative;\r\n background-color: <%=bg_color%>;\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\r\n#popmechanic-form .popmechanic-main {\r\n position: relative;\r\n z-index: 10;\r\n height: 100%;\r\n box-shadow: 0 3px 10px rgb(0 0 0 / 0.1);\r\n \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: 12px;\r\n margin-right: 0px;\r\n font-weight: 500;\r\n color: <%=title_color%>;\r\n \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;\r\n}\r\n\r\n#popmechanic-form .popmechanic-button {\r\n display: block;\r\n flex-shrink: 0;\r\n text-align: center;\r\n text-decoration: none;\r\n border: <%= btn_border_width %>px solid;\r\n background-color: <%=btn_bg_color%>;\r\n border-color: <%=btn_border_color%>;\r\n color: <%=btn_text_color%>;\r\n border-radius: <%=btn_border_radius%>px;\r\n font-weight: 500;\r\n}\r\n\r\n#popmechanic-form .popmechanic-button:hover {\r\n background-color: <%=btn_bg_color_hov%>;\r\n color: <%=btn_text_color_hov%>;\r\n border-color: <%=btn_border_color_hov%>;\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form {\r\n <% if(parseInt(width_option_desktop)) { %>\r\n width: <%= width_desktop %>px;\r\n <% } else { %>\r\n width: 100%;\r\n <% } %>\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form .popmechanic-main {\r\n padding: <%=padding_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-left: 8px;\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form .popmechanic-header {\r\n max-width: 1240px;\r\n margin-right: 0px;\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 padding: <%= btn_height_desktop %>px 32px;\r\n font-size: <%= btn_font_size_desktop %>px;\r\n margin-left: 48px;\r\n margin-right: 36px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form,\r\n.popmechanic-mobile #popmechanic-form {\r\n box-sizing: content-box;\r\n <% if(parseInt(width_option_mobile)) { %>\r\n width: <%= width_mobile %>px;\r\n <% } else { %>\r\n width: 100%;\r\n <% } %>\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-main,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main {\r\n padding: <%=padding_mobile%>px <%= padding_mobile / 2 %>px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-content,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-content {\r\n height: auto;\r\n display: block;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-image,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-image {\r\n display: <%= parseInt(img_show_mobile) ? 'block' : 'none' %>;\r\n width: <%= img_width_mobile %>px;\r\n float: left;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-header,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-header {\r\n margin-bottom: 24px;\r\n margin-left: 32px;\r\n margin-right: 20px;\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 display: inline-flex;\r\n margin-left: 28px;\r\n margin-right: 0em;\r\n \r\n padding: <%= btn_height_mobile %>px 35px;\r\n font-size: <%= btn_font_size_mobile %>px;\r\n}\r\n\r\n\r\n<% if(parseInt(close_show)) { %>\r\n /* CLOSE */\r\n <%\r\n function hexToRgb(hex) {\r\n return hex.replace(/^#?([a-f\\d])([a-f\\d])([a-f\\d])$/i, function (m, r, g, b) {\r\n return \"#\".concat(r).concat(r).concat(g).concat(g).concat(b).concat(b);\r\n }).substring(1).match(/.{2}/g).map(function (x) {\r\n return parseInt(x, 16);\r\n });\r\n };\r\n %>\r\n\r\n #popmechanic-form .popmechanic-close {\r\n position: absolute;\r\n z-index: 40;\r\n cursor: pointer;\r\n }\r\n #popmechanic-form .popmechanic-close::before,\r\n #popmechanic-form .popmechanic-close::after {\r\n content: \"\";\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n width: 80%;\r\n height: 2px;\r\n transform: translate(-50%, -50%) rotate(45deg);\r\n }\r\n #popmechanic-form .popmechanic-close::after {\r\n transform: translate(-50%, -50%) rotate(135deg);\r\n }\r\n .popmechanic-desktop #popmechanic-form .popmechanic-close {\r\n top: 10px;\r\n right: 10px;\r\n width: <%= close_size_desk %>px;\r\n height: <%= close_size_desk %>px;\r\n <% if(parseInt(close_bg_show_desk)) { %>\r\n background-color: rgba(<%= hexToRgb(close_bg_color_desk) %>, <%= close_bg_transparency %>);\r\n <% } %>\r\n }\r\n .popmechanic-desktop #popmechanic-form .popmechanic-close::before,\r\n .popmechanic-desktop #popmechanic-form .popmechanic-close::after {\r\n background-color: <%= close_color_desk %>;\r\n }\r\n .popmechanic-tablet #popmechanic-form .popmechanic-close,\r\n .popmechanic-mobile #popmechanic-form .popmechanic-close {\r\n top: 5px;\r\n right: 5px;\r\n width: <%= close_size_mob %>px;\r\n height: <%= close_size_mob %>px;\r\n <% if(parseInt(close_bg_show_mob)) { %>\r\n background-color: rgba(<%= hexToRgb(close_bg_color_mob) %>, <%= close_bg_transparency %>);\r\n <% } %>\r\n }\r\n .popmechanic-tablet #popmechanic-form .popmechanic-close::before,\r\n .popmechanic-tablet #popmechanic-form .popmechanic-close::after,\r\n .popmechanic-mobile #popmechanic-form .popmechanic-close::before,\r\n .popmechanic-mobile #popmechanic-form .popmechanic-close::after {\r\n background-color: <%= close_color_mob %>;\r\n }\r\n<% } %>", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 70240, "template": 1537, "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": ["netology.ru/profile"], "operator": "$in_contains"}], "operator": "$and"}, {"id": "4", "field": "device", "value": ["pc", "tablet", "mobile"], "operator": "$in"}, {"id": "5", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 4624, "externalId": "5f4194a7-06e8-4b99-b282-4179ca4db74c"}, "inSegmentByDefault": true}, "operator": "$check"}, {"id": "6", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 4623, "externalId": "1a5473d8-e10a-4ea5-8965-32e1ab80a122"}, "inSegmentByDefault": true}, "operator": "$check"}, {"id": "7", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": true, "operation": "popmechanic-check-segment", "segmentation": {"id": 4625, "externalId": "3f681b97-bda3-4fde-8b07-45564df772f9"}, "inSegmentByDefault": false}, "operator": "$check"}, {"id": "8", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": true, "operation": "popmechanic-check-segment", "segmentation": {"id": 4291, "externalId": "bddfd9ad-3006-42a4-b87e-1e83a918aa0e"}, "inSegmentByDefault": false}, "operator": "$check"}, {"id": "9", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": true, "operation": "popmechanic-check-segment", "segmentation": {"id": 4292, "externalId": "7af022e4-f9a1-4d38-b9df-9e29c50421e4"}, "inSegmentByDefault": false}, "operator": "$check"}, {"id": "10", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": true, "operation": "popmechanic-check-segment", "segmentation": {"id": 4293, "externalId": "7c9b3990-c84a-4390-8096-923711f3d169"}, "inSegmentByDefault": false}, "operator": "$check"}, {"id": "11", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": true, "operation": "popmechanic-check-segment", "segmentation": {"id": 4294, "externalId": "9883cefa-9d0c-42c7-8282-72f891875296"}, "inSegmentByDefault": false}, "operator": "$check"}], "operator": "$and"}}, "settings_splits": [{"settings": {"title": "
\u0419\u043e\u0433\u0430 \u0434\u043b\u044f \u043d\u0430\u0447\u0438\u043d\u0430\u044e\u0449\u0438\u0445", "btn_url": "https://netology.ru/programs/yoga?utm_campaign=crossunit_ou_lk_lsh_yoga&utm_source=triggers&utm_medium=block", "img_src": "https://u.netology.ru/backend/uploads/page_assets/images/file/58604/yoga.png", "bg_color": "#f3f4f7", "btn_show": "1", "btn_text": "\u0423\u0437\u043d\u0430\u0442\u044c \u0431\u043e\u043b\u044c\u0448\u0435", "subtitle": "
\u041d\u0430\u0439\u0434\u0438\u0442\u0435 \u0432\u0440\u0435\u043c\u044f, \u0447\u0442\u043e\u0431\u044b \u043f\u043e\u0437\u0430\u0431\u043e\u0442\u0438\u0442\u044c\u0441\u044f \u043e \u0441\u0432\u043e\u0451\u043c \u0442\u0435\u043b\u0435", "btn_blank": "1", "btn_action": "link", "close_show": "1", "title_show": "1", "border_show": "0", "btn_form_id": "0", "font_custom": "Golos, Arial, sans-serif", "font_family": "Roboto, sans-serif", "title_color": "#000", "border_color": "#fff", "border_width": "10", "btn_bg_color": "#f3f4f7", "width_mobile": "826.00", "subtitle_show": "1", "width_desktop": "2000.00", "btn_text_color": "#0055d5", "close_size_mob": "20", "padding_mobile": "30.00", "subtitle_color": "#000", "close_color_mob": "#000", "close_size_desk": "40", "img_show_mobile": "0", "padding_desktop": "18.00", "btn_bg_color_hov": "#f3f4f7", "btn_border_color": "#0055d5", "btn_border_width": "1", "close_color_desk": "#737880", "font_custom_show": "1", "img_show_desktop": "1", "img_width_mobile": "80.00", "btn_border_radius": "4", "btn_height_mobile": "12", "close_bg_show_mob": "0", "img_width_desktop": "120", "text_align_mobile": "left", "btn_height_desktop": "12", "btn_text_color_hov": "#0065ff", "close_bg_color_mob": "#000000", "close_bg_show_desk": "0", "text_align_desktop": "left", "close_bg_color_desk": "#000000", "width_option_mobile": "0", "btn_border_color_hov": "#0065ff", "btn_font_size_mobile": "14", "width_option_desktop": "0", "btn_font_size_desktop": "14", "close_bg_transparency": "0.5", "title_font_size_mobile": "18", "title_font_size_desktop": "24.00", "subtitle_font_size_mobile": "16", "subtitle_font_size_desktop": "18"}, "button_settings": {}, "conditions_splits": [], "id": 69648, "behavior_settings": {"embedded": {"animation_out": "fadeOut"}}}], "pinned": false, "name": "\u0411\u043b\u043e\u043a \u0432 \u041b\u041a \u0434\u043b\u044f \u041b\u0421\u0425 | Block | LMS | Product | Paid Course | crossunit | crossunit_yoga_profile | Auto", "active": true, "embed_selector": true, "selector": "#free-lessons", "placement": "before", "frequency": {"once_lifetime": false, "once_session": false, "priority": false, "minimal_timeout": null}, "start_date": null, "end_date": null, "day_of_week": [true, true, true, true, true, true, true], "start_time": null, "end_time": null, "timezone_minutes": 180, "custom_fields": [], "container_id": null, "child_forms": [], "salt": null, "control_group": null, "variants": [{"is_winner": false, "ab_test_variant_internal_id": null, "view_settings": {"button_template": null, "rendered_preview": "https://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-69379.png?ts=1712540797626", "rendered_button_preview": null, "settings": {"title": "
\u0419\u043e\u0433\u0430 \u0434\u043b\u044f \u043d\u0430\u0447\u0438\u043d\u0430\u044e\u0449\u0438\u0445", "btn_url": "https://netology.ru/programs/yoga?utm_campaign=crossunit_ou_lk_lsh_yoga&utm_source=triggers&utm_medium=block", "img_src": "https://u.netology.ru/backend/uploads/page_assets/images/file/58604/yoga.png", "bg_color": "#f3f4f7", "btn_show": "1", "btn_text": "\u0423\u0437\u043d\u0430\u0442\u044c \u0431\u043e\u043b\u044c\u0448\u0435", "subtitle": "
\u041d\u0430\u0439\u0434\u0438\u0442\u0435 \u0432\u0440\u0435\u043c\u044f, \u0447\u0442\u043e\u0431\u044b \u043f\u043e\u0437\u0430\u0431\u043e\u0442\u0438\u0442\u044c\u0441\u044f \u043e \u0441\u0432\u043e\u0451\u043c \u0442\u0435\u043b\u0435", "btn_blank": "1", "btn_action": "link", "close_show": "1", "title_show": "1", "border_show": "0", "btn_form_id": "0", "font_custom": "Golos, Arial, sans-serif", "font_family": "Roboto, sans-serif", "title_color": "#000", "border_color": "#fff", "border_width": "10", "btn_bg_color": "#f3f4f7", "width_mobile": "826.00", "subtitle_show": "1", "width_desktop": "2000.00", "btn_text_color": "#0055d5", "close_size_mob": "20", "padding_mobile": "30.00", "subtitle_color": "#000", "close_color_mob": "#000", "close_size_desk": "40", "img_show_mobile": "0", "padding_desktop": "18.00", "btn_bg_color_hov": "#f3f4f7", "btn_border_color": "#0055d5", "btn_border_width": "1", "close_color_desk": "#737880", "font_custom_show": "1", "img_show_desktop": "1", "img_width_mobile": "80.00", "btn_border_radius": "4", "btn_height_mobile": "12", "close_bg_show_mob": "0", "img_width_desktop": "120", "text_align_mobile": "left", "btn_height_desktop": "12", "btn_text_color_hov": "#0065ff", "close_bg_color_mob": "#000000", "close_bg_show_desk": "0", "text_align_desktop": "left", "close_bg_color_desk": "#000000", "width_option_mobile": "0", "btn_border_color_hov": "#0065ff", "btn_font_size_mobile": "14", "width_option_desktop": "0", "btn_font_size_desktop": "14", "close_bg_transparency": "0.5", "title_font_size_mobile": "18", "title_font_size_desktop": "24.00", "subtitle_font_size_mobile": "16", "subtitle_font_size_desktop": "18"}, "button_settings": {}, "behavior_settings": {"embedded": {"animation_out": "fadeOut"}}, "html": "\r\n
\r\n\r\n<% try { close_show = close_show; } catch (e) { close_show = 0 } %>\r\n
\r\n
", "css": "<% try {\r\n close_show = close_show;\r\n close_size_desk = close_size_desk;\r\n close_size_mob = close_size_mob;\r\n close_color_desk = close_color_desk;\r\n close_color_mob = close_color_mob;\r\n close_bg_show_desk = close_bg_show_desk;\r\n close_bg_color_desk = close_bg_color_desk;\r\n close_bg_show_mob = close_bg_show_mob;\r\n close_bg_color_mob = close_bg_color_mob;\r\n close_bg_transparency = close_bg_transparency;\r\n } catch (e) { \r\n close_show = 0\r\n close_size_desk = 24\r\n close_size_mob = 20\r\n close_color_desk = '#000000'\r\n close_color_mob = '#000000'\r\n close_bg_show_desk = 0\r\n close_bg_color_desk = '#000000'\r\n close_bg_show_mob = 0\r\n close_bg_color_mob = '#000000'\r\n close_bg_transparency = 0.5\r\n }\r\n%>\r\n\r\n<% 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 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 vertical-align: middle;\r\n position: relative;\r\n background-color: <%=bg_color%>;\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\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}\r\n\r\n#popmechanic-form .popmechanic-content {\r\n display: flex;\r\n align-items: center;\r\n justify-content: left;\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: 12px;\r\n margin-right: 0px;\r\n font-weight: 500;\r\n color: <%=title_color%>;\r\n \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;\r\n}\r\n\r\n#popmechanic-form .popmechanic-button {\r\n display: block;\r\n flex-shrink: 0;\r\n text-align: center;\r\n text-decoration: none;\r\n border: <%= btn_border_width %>px solid;\r\n background-color: <%=btn_bg_color%>;\r\n border-color: <%=btn_border_color%>;\r\n color: <%=btn_text_color%>;\r\n border-radius: <%=btn_border_radius%>px;\r\n font-weight: 500;\r\n}\r\n\r\n#popmechanic-form .popmechanic-button:hover {\r\n background-color: <%=btn_bg_color_hov%>;\r\n color: <%=btn_text_color_hov%>;\r\n border-color: <%=btn_border_color_hov%>;\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form {\r\n <% if(parseInt(width_option_desktop)) { %>\r\n width: <%= width_desktop %>px;\r\n <% } else { %>\r\n width: 100%;\r\n <% } %>\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form .popmechanic-main {\r\n padding: <%=padding_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-left: 8px;\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form .popmechanic-header {\r\n max-width: 1240px;\r\n margin-right: 0px;\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 padding: <%= btn_height_desktop %>px 32px;\r\n font-size: <%= btn_font_size_desktop %>px;\r\n margin-left: 300px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form,\r\n.popmechanic-mobile #popmechanic-form {\r\n box-sizing: content-box;\r\n <% if(parseInt(width_option_mobile)) { %>\r\n width: <%= width_mobile %>px;\r\n <% } else { %>\r\n width: 100%;\r\n <% } %>\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-main,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main {\r\n padding: <%=padding_mobile%>px <%= padding_mobile / 2 %>px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-content,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-content {\r\n height: auto;\r\n display: block;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-image,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-image {\r\n display: <%= parseInt(img_show_mobile) ? 'block' : 'none' %>;\r\n width: <%= img_width_mobile %>px;\r\n float: left;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-header,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-header {\r\n margin-bottom: 24px;\r\n margin-left: 32px;\r\n margin-right: 20px;\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 display: inline-flex;\r\n margin-left: 28px;\r\n margin-right: 0em;\r\n \r\n padding: <%= btn_height_mobile %>px 35px;\r\n font-size: <%= btn_font_size_mobile %>px;\r\n}\r\n\r\n\r\n<% if(parseInt(close_show)) { %>\r\n /* CLOSE */\r\n <%\r\n function hexToRgb(hex) {\r\n return hex.replace(/^#?([a-f\\d])([a-f\\d])([a-f\\d])$/i, function (m, r, g, b) {\r\n return \"#\".concat(r).concat(r).concat(g).concat(g).concat(b).concat(b);\r\n }).substring(1).match(/.{2}/g).map(function (x) {\r\n return parseInt(x, 16);\r\n });\r\n };\r\n %>\r\n\r\n #popmechanic-form .popmechanic-close {\r\n position: absolute;\r\n z-index: 40;\r\n cursor: pointer;\r\n }\r\n #popmechanic-form .popmechanic-close::before,\r\n #popmechanic-form .popmechanic-close::after {\r\n content: \"\";\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n width: 80%;\r\n height: 2px;\r\n transform: translate(-50%, -50%) rotate(45deg);\r\n }\r\n #popmechanic-form .popmechanic-close::after {\r\n transform: translate(-50%, -50%) rotate(135deg);\r\n }\r\n .popmechanic-desktop #popmechanic-form .popmechanic-close {\r\n top: 10px;\r\n right: 10px;\r\n width: <%= close_size_desk %>px;\r\n height: <%= close_size_desk %>px;\r\n <% if(parseInt(close_bg_show_desk)) { %>\r\n background-color: rgba(<%= hexToRgb(close_bg_color_desk) %>, <%= close_bg_transparency %>);\r\n <% } %>\r\n }\r\n .popmechanic-desktop #popmechanic-form .popmechanic-close::before,\r\n .popmechanic-desktop #popmechanic-form .popmechanic-close::after {\r\n background-color: <%= close_color_desk %>;\r\n }\r\n .popmechanic-tablet #popmechanic-form .popmechanic-close,\r\n .popmechanic-mobile #popmechanic-form .popmechanic-close {\r\n top: 5px;\r\n right: 5px;\r\n width: <%= close_size_mob %>px;\r\n height: <%= close_size_mob %>px;\r\n <% if(parseInt(close_bg_show_mob)) { %>\r\n background-color: rgba(<%= hexToRgb(close_bg_color_mob) %>, <%= close_bg_transparency %>);\r\n <% } %>\r\n }\r\n .popmechanic-tablet #popmechanic-form .popmechanic-close::before,\r\n .popmechanic-tablet #popmechanic-form .popmechanic-close::after,\r\n .popmechanic-mobile #popmechanic-form .popmechanic-close::before,\r\n .popmechanic-mobile #popmechanic-form .popmechanic-close::after {\r\n background-color: <%= close_color_mob %>;\r\n }\r\n<% } %>", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 70239, "template": 1537, "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": ["netology.ru/profile"], "operator": "$in_contains"}], "operator": "$and"}, {"id": "4", "field": "device", "value": ["pc", "tablet", "mobile"], "operator": "$in"}, {"id": "5", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": true, "operation": "popmechanic-check-segment", "segmentation": {"id": 4624, "externalId": "5f4194a7-06e8-4b99-b282-4179ca4db74c"}, "inSegmentByDefault": false}, "operator": "$check"}, {"id": "6", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": true, "operation": "popmechanic-check-segment", "segmentation": {"id": 4291, "externalId": "bddfd9ad-3006-42a4-b87e-1e83a918aa0e"}, "inSegmentByDefault": false}, "operator": "$check"}, {"id": "7", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": true, "operation": "popmechanic-check-segment", "segmentation": {"id": 4292, "externalId": "7af022e4-f9a1-4d38-b9df-9e29c50421e4"}, "inSegmentByDefault": false}, "operator": "$check"}, {"id": "8", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": true, "operation": "popmechanic-check-segment", "segmentation": {"id": 4293, "externalId": "7c9b3990-c84a-4390-8096-923711f3d169"}, "inSegmentByDefault": false}, "operator": "$check"}, {"id": "9", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": true, "operation": "popmechanic-check-segment", "segmentation": {"id": 4294, "externalId": "9883cefa-9d0c-42c7-8282-72f891875296"}, "inSegmentByDefault": false}, "operator": "$check"}, {"id": "10", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 4623, "externalId": "1a5473d8-e10a-4ea5-8965-32e1ab80a122"}, "inSegmentByDefault": true}, "operator": "$check"}, {"id": "11", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 4625, "externalId": "3f681b97-bda3-4fde-8b07-45564df772f9"}, "inSegmentByDefault": true}, "operator": "$check"}], "operator": "$and"}}, "settings_splits": [{"settings": {"title": "
\u0412\u0430\u0448\u0430 \u044d\u0444\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u043e\u0441\u0442\u044c — \u044d\u0442\u043e \u043d\u0430\u0432\u044b\u043a", "btn_url": "https://netology.ru/programs/personal-effectiveness?utm_campaign=crossunit_ou_lk_lsh_personal-effectiveness&utm_source=triggers&utm_medium=block", "img_src": "https://u.netology.ru/backend/uploads/page_assets/images/file/58602/eff__1_.png", "bg_color": "#f3f4f7", "btn_show": "1", "btn_text": "\u0423\u0437\u043d\u0430\u0442\u044c \u0431\u043e\u043b\u044c\u0448\u0435", "subtitle": "
\u041d\u0430\u0431\u043e\u0440 \u043a\u0443\u0440\u0441\u043e\u0432, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043f\u043e\u043c\u043e\u0433\u0443\u0442 \u0443\u0441\u043f\u0435\u0432\u0430\u0442\u044c \u0432\u043e \u0432\u0440\u0435\u043c\u044f, \u0434\u043e\u0441\u0442\u0438\u0433\u0430\u0442\u044c \u0446\u0435\u043b\u0435\u0439 \u0438 \u043d\u0435 \u0432\u044b\u0433\u043e\u0440\u0430\u0442\u044c", "btn_blank": "1", "btn_action": "link", "close_show": "1", "title_show": "1", "border_show": "0", "btn_form_id": "0", "font_custom": "Golos, Arial, sans-serif", "font_family": "Roboto, sans-serif", "title_color": "#000", "border_color": "#fff", "border_width": "10", "btn_bg_color": "#f3f4f7", "width_mobile": "826.00", "subtitle_show": "1", "width_desktop": "2000.00", "btn_text_color": "#0055d5", "close_size_mob": "20", "padding_mobile": "30.00", "subtitle_color": "#000", "close_color_mob": "#000", "close_size_desk": "40.00", "img_show_mobile": "0", "padding_desktop": "18.00", "btn_bg_color_hov": "#f3f4f7", "btn_border_color": "#0055d5", "btn_border_width": "1", "close_color_desk": "#737880", "font_custom_show": "1", "img_show_desktop": "1", "img_width_mobile": "80.00", "btn_border_radius": "4", "btn_height_mobile": "12", "close_bg_show_mob": "0", "img_width_desktop": "120", "text_align_mobile": "left", "btn_height_desktop": "12", "btn_text_color_hov": "#0065ff", "close_bg_color_mob": "#000000", "close_bg_show_desk": "0", "text_align_desktop": "left", "close_bg_color_desk": "#000000", "width_option_mobile": "0", "btn_border_color_hov": "#0065ff", "btn_font_size_mobile": "14", "width_option_desktop": "0", "btn_font_size_desktop": "14", "close_bg_transparency": "0.5", "title_font_size_mobile": "18", "title_font_size_desktop": "24.00", "subtitle_font_size_mobile": "16", "subtitle_font_size_desktop": "18"}, "button_settings": {}, "conditions_splits": [], "id": 69647, "behavior_settings": {"embedded": {"animation_out": "fadeOut"}}}], "pinned": false, "name": "\u0411\u043b\u043e\u043a \u0432 \u041b\u041a \u0434\u043b\u044f \u041b\u0421\u0425 | Block | LMS | Product | Paid Course | crossunit | crossunit_personal_effectiveness_profile | Auto", "active": true, "embed_selector": true, "selector": "#free-lessons", "placement": "before", "frequency": {"once_lifetime": true, "once_session": false, "priority": false, "minimal_timeout": null}, "start_date": null, "end_date": null, "day_of_week": [true, true, true, true, true, true, true], "start_time": null, "end_time": null, "timezone_minutes": 180, "custom_fields": [], "container_id": null, "child_forms": [], "salt": null, "control_group": null, "variants": [{"is_winner": false, "ab_test_variant_internal_id": null, "view_settings": {"button_template": null, "rendered_preview": "https://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-69378.png?ts=1712540736881", "rendered_button_preview": null, "settings": {"title": "
\u0412\u0430\u0448\u0430 \u044d\u0444\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u043e\u0441\u0442\u044c — \u044d\u0442\u043e \u043d\u0430\u0432\u044b\u043a", "btn_url": "https://netology.ru/programs/personal-effectiveness?utm_campaign=crossunit_ou_lk_lsh_personal-effectiveness&utm_source=triggers&utm_medium=block", "img_src": "https://u.netology.ru/backend/uploads/page_assets/images/file/58602/eff__1_.png", "bg_color": "#f3f4f7", "btn_show": "1", "btn_text": "\u0423\u0437\u043d\u0430\u0442\u044c \u0431\u043e\u043b\u044c\u0448\u0435", "subtitle": "
\u041d\u0430\u0431\u043e\u0440 \u043a\u0443\u0440\u0441\u043e\u0432, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043f\u043e\u043c\u043e\u0433\u0443\u0442 \u0443\u0441\u043f\u0435\u0432\u0430\u0442\u044c \u0432\u043e \u0432\u0440\u0435\u043c\u044f, \u0434\u043e\u0441\u0442\u0438\u0433\u0430\u0442\u044c \u0446\u0435\u043b\u0435\u0439 \u0438 \u043d\u0435 \u0432\u044b\u0433\u043e\u0440\u0430\u0442\u044c", "btn_blank": "1", "btn_action": "link", "close_show": "1", "title_show": "1", "border_show": "0", "btn_form_id": "0", "font_custom": "Golos, Arial, sans-serif", "font_family": "Roboto, sans-serif", "title_color": "#000", "border_color": "#fff", "border_width": "10", "btn_bg_color": "#f3f4f7", "width_mobile": "826.00", "subtitle_show": "1", "width_desktop": "2000.00", "btn_text_color": "#0055d5", "close_size_mob": "20", "padding_mobile": "30.00", "subtitle_color": "#000", "close_color_mob": "#000", "close_size_desk": "40.00", "img_show_mobile": "0", "padding_desktop": "18.00", "btn_bg_color_hov": "#f3f4f7", "btn_border_color": "#0055d5", "btn_border_width": "1", "close_color_desk": "#737880", "font_custom_show": "1", "img_show_desktop": "1", "img_width_mobile": "80.00", "btn_border_radius": "4", "btn_height_mobile": "12", "close_bg_show_mob": "0", "img_width_desktop": "120", "text_align_mobile": "left", "btn_height_desktop": "12", "btn_text_color_hov": "#0065ff", "close_bg_color_mob": "#000000", "close_bg_show_desk": "0", "text_align_desktop": "left", "close_bg_color_desk": "#000000", "width_option_mobile": "0", "btn_border_color_hov": "#0065ff", "btn_font_size_mobile": "14", "width_option_desktop": "0", "btn_font_size_desktop": "14", "close_bg_transparency": "0.5", "title_font_size_mobile": "18", "title_font_size_desktop": "24.00", "subtitle_font_size_mobile": "16", "subtitle_font_size_desktop": "18"}, "button_settings": {}, "behavior_settings": {"embedded": {"animation_out": "fadeOut"}}, "html": "\r\n
\r\n\r\n<% try { close_show = close_show; } catch (e) { close_show = 0 } %>\r\n
\r\n
", "css": "<% try {\r\n close_show = close_show;\r\n close_size_desk = close_size_desk;\r\n close_size_mob = close_size_mob;\r\n close_color_desk = close_color_desk;\r\n close_color_mob = close_color_mob;\r\n close_bg_show_desk = close_bg_show_desk;\r\n close_bg_color_desk = close_bg_color_desk;\r\n close_bg_show_mob = close_bg_show_mob;\r\n close_bg_color_mob = close_bg_color_mob;\r\n close_bg_transparency = close_bg_transparency;\r\n } catch (e) { \r\n close_show = 0\r\n close_size_desk = 24\r\n close_size_mob = 20\r\n close_color_desk = '#000000'\r\n close_color_mob = '#000000'\r\n close_bg_show_desk = 0\r\n close_bg_color_desk = '#000000'\r\n close_bg_show_mob = 0\r\n close_bg_color_mob = '#000000'\r\n close_bg_transparency = 0.5\r\n }\r\n%>\r\n\r\n<% 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 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 vertical-align: middle;\r\n position: relative;\r\n background-color: <%=bg_color%>;\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\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}\r\n\r\n#popmechanic-form .popmechanic-content {\r\n display: flex;\r\n align-items: center;\r\n justify-content: left;\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: 12px;\r\n margin-right: 0px;\r\n font-weight: 500;\r\n color: <%=title_color%>;\r\n \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;\r\n}\r\n\r\n#popmechanic-form .popmechanic-button {\r\n display: block;\r\n flex-shrink: 0;\r\n text-align: center;\r\n text-decoration: none;\r\n border: <%= btn_border_width %>px solid;\r\n background-color: <%=btn_bg_color%>;\r\n border-color: <%=btn_border_color%>;\r\n color: <%=btn_text_color%>;\r\n border-radius: <%=btn_border_radius%>px;\r\n font-weight: 500;\r\n}\r\n\r\n#popmechanic-form .popmechanic-button:hover {\r\n background-color: <%=btn_bg_color_hov%>;\r\n color: <%=btn_text_color_hov%>;\r\n border-color: <%=btn_border_color_hov%>;\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form {\r\n <% if(parseInt(width_option_desktop)) { %>\r\n width: <%= width_desktop %>px;\r\n <% } else { %>\r\n width: 100%;\r\n <% } %>\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form .popmechanic-main {\r\n padding: <%=padding_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-left: 8px;\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form .popmechanic-header {\r\n max-width: 1240px;\r\n margin-right: 0px;\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 padding: <%= btn_height_desktop %>px 32px;\r\n font-size: <%= btn_font_size_desktop %>px;\r\n margin-left: 48px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form,\r\n.popmechanic-mobile #popmechanic-form {\r\n box-sizing: content-box;\r\n <% if(parseInt(width_option_mobile)) { %>\r\n width: <%= width_mobile %>px;\r\n <% } else { %>\r\n width: 100%;\r\n <% } %>\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-main,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main {\r\n padding: <%=padding_mobile%>px <%= padding_mobile / 2 %>px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-content,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-content {\r\n height: auto;\r\n display: block;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-image,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-image {\r\n display: <%= parseInt(img_show_mobile) ? 'block' : 'none' %>;\r\n width: <%= img_width_mobile %>px;\r\n float: left;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-header,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-header {\r\n margin-bottom: 24px;\r\n margin-left: 32px;\r\n margin-right: 20px;\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 display: inline-flex;\r\n margin-left: 28px;\r\n margin-right: 0em;\r\n \r\n padding: <%= btn_height_mobile %>px 35px;\r\n font-size: <%= btn_font_size_mobile %>px;\r\n}\r\n\r\n\r\n<% if(parseInt(close_show)) { %>\r\n /* CLOSE */\r\n <%\r\n function hexToRgb(hex) {\r\n return hex.replace(/^#?([a-f\\d])([a-f\\d])([a-f\\d])$/i, function (m, r, g, b) {\r\n return \"#\".concat(r).concat(r).concat(g).concat(g).concat(b).concat(b);\r\n }).substring(1).match(/.{2}/g).map(function (x) {\r\n return parseInt(x, 16);\r\n });\r\n };\r\n %>\r\n\r\n #popmechanic-form .popmechanic-close {\r\n position: absolute;\r\n z-index: 40;\r\n cursor: pointer;\r\n }\r\n #popmechanic-form .popmechanic-close::before,\r\n #popmechanic-form .popmechanic-close::after {\r\n content: \"\";\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n width: 80%;\r\n height: 2px;\r\n transform: translate(-50%, -50%) rotate(45deg);\r\n }\r\n #popmechanic-form .popmechanic-close::after {\r\n transform: translate(-50%, -50%) rotate(135deg);\r\n }\r\n .popmechanic-desktop #popmechanic-form .popmechanic-close {\r\n top: 10px;\r\n right: 10px;\r\n width: <%= close_size_desk %>px;\r\n height: <%= close_size_desk %>px;\r\n <% if(parseInt(close_bg_show_desk)) { %>\r\n background-color: rgba(<%= hexToRgb(close_bg_color_desk) %>, <%= close_bg_transparency %>);\r\n <% } %>\r\n }\r\n .popmechanic-desktop #popmechanic-form .popmechanic-close::before,\r\n .popmechanic-desktop #popmechanic-form .popmechanic-close::after {\r\n background-color: <%= close_color_desk %>;\r\n }\r\n .popmechanic-tablet #popmechanic-form .popmechanic-close,\r\n .popmechanic-mobile #popmechanic-form .popmechanic-close {\r\n top: 5px;\r\n right: 5px;\r\n width: <%= close_size_mob %>px;\r\n height: <%= close_size_mob %>px;\r\n <% if(parseInt(close_bg_show_mob)) { %>\r\n background-color: rgba(<%= hexToRgb(close_bg_color_mob) %>, <%= close_bg_transparency %>);\r\n <% } %>\r\n }\r\n .popmechanic-tablet #popmechanic-form .popmechanic-close::before,\r\n .popmechanic-tablet #popmechanic-form .popmechanic-close::after,\r\n .popmechanic-mobile #popmechanic-form .popmechanic-close::before,\r\n .popmechanic-mobile #popmechanic-form .popmechanic-close::after {\r\n background-color: <%= close_color_mob %>;\r\n }\r\n<% } %>", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 70196, "template": 1537, "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": ["netology.ru/profile"], "operator": "$in_contains"}], "operator": "$and"}, {"id": "4", "field": "device", "value": ["pc", "tablet", "mobile"], "operator": "$in"}, {"id": "5", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": true, "operation": "popmechanic-check-segment", "segmentation": {"id": 4623, "externalId": "1a5473d8-e10a-4ea5-8965-32e1ab80a122"}, "inSegmentByDefault": false}, "operator": "$check"}, {"id": "6", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 4624, "externalId": "5f4194a7-06e8-4b99-b282-4179ca4db74c"}, "inSegmentByDefault": true}, "operator": "$check"}, {"id": "7", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 4625, "externalId": "3f681b97-bda3-4fde-8b07-45564df772f9"}, "inSegmentByDefault": true}, "operator": "$check"}, {"id": "8", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": true, "operation": "popmechanic-check-segment", "segmentation": {"id": 4291, "externalId": "bddfd9ad-3006-42a4-b87e-1e83a918aa0e"}, "inSegmentByDefault": false}, "operator": "$check"}, {"id": "9", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": true, "operation": "popmechanic-check-segment", "segmentation": {"id": 4292, "externalId": "7af022e4-f9a1-4d38-b9df-9e29c50421e4"}, "inSegmentByDefault": false}, "operator": "$check"}, {"id": "10", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": true, "operation": "popmechanic-check-segment", "segmentation": {"id": 4293, "externalId": "7c9b3990-c84a-4390-8096-923711f3d169"}, "inSegmentByDefault": false}, "operator": "$check"}, {"id": "11", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": true, "operation": "popmechanic-check-segment", "segmentation": {"id": 4294, "externalId": "9883cefa-9d0c-42c7-8282-72f891875296"}, "inSegmentByDefault": false}, "operator": "$check"}], "operator": "$and"}}, "settings_splits": [{"settings": {"title": "
\u041d\u0430\u0443\u0447\u0438\u0442\u0435\u0441\u044c \u0433\u043e\u0432\u043e\u0440\u0438\u0442\u044c \u0443\u0431\u0435\u0434\u0438\u0442\u0435\u043b\u044c\u043d\u043e", "btn_url": "https://netology.ru/programs/tekhnika-rechi?utm_campaign=crossunit_ou_lk_lsh_tekhnika-rechi&utm_source=triggers&utm_medium=block", "img_src": "https://u.netology.ru/backend/uploads/page_assets/images/file/58603/golos.png", "bg_color": "#f3f4f7", "btn_show": "1", "btn_text": "\u0423\u0437\u043d\u0430\u0442\u044c \u0431\u043e\u043b\u044c\u0448\u0435", "subtitle": "
\u041f\u0440\u0438\u0445\u043e\u0434\u0438\u0442\u0435 \u043d\u0430 \u043a\u0443\u0440\u0441 \u043f\u043e «\u0413\u043e\u043b\u043e\u0441\u0443 \u0438 \u0440\u0435\u0447\u0438», \u0447\u0442\u043e\u0431\u044b \u043f\u043e\u0434\u043d\u044f\u0442\u044c\u0441\u044f \u043f\u043e \u043a\u0430\u0440\u044c\u0435\u0440\u043d\u043e\u0439 \u043b\u0435\u0441\u0442\u043d\u0438\u0446\u0435", "btn_blank": "1", "btn_action": "link", "close_show": "1", "title_show": "1", "border_show": "0", "btn_form_id": "0", "font_custom": "Golos, Arial, sans-serif", "font_family": "Roboto, sans-serif", "title_color": "#000", "border_color": "#fff", "border_width": "10", "btn_bg_color": "#f3f4f7", "width_mobile": "826.00", "subtitle_show": "1", "width_desktop": "2000.00", "btn_text_color": "#0055d5", "close_size_mob": "20", "padding_mobile": "30.00", "subtitle_color": "#000", "close_color_mob": "#000", "close_size_desk": "40", "img_show_mobile": "0", "padding_desktop": "18.00", "btn_bg_color_hov": "#f3f4f7", "btn_border_color": "#0055d5", "btn_border_width": "1", "close_color_desk": "#737880", "font_custom_show": "1", "img_show_desktop": "1", "img_width_mobile": "80.00", "btn_border_radius": "4", "btn_height_mobile": "12", "close_bg_show_mob": "0", "img_width_desktop": "120", "text_align_mobile": "left", "btn_height_desktop": "12", "btn_text_color_hov": "#0065ff", "close_bg_color_mob": "#000000", "close_bg_show_desk": "0", "text_align_desktop": "left", "close_bg_color_desk": "#000000", "width_option_mobile": "0", "btn_border_color_hov": "#0065ff", "btn_font_size_mobile": "14", "width_option_desktop": "0", "btn_font_size_desktop": "14", "close_bg_transparency": "0.5", "title_font_size_mobile": "18", "title_font_size_desktop": "24.00", "subtitle_font_size_mobile": "16", "subtitle_font_size_desktop": "18"}, "button_settings": {}, "conditions_splits": [], "id": 69604, "behavior_settings": {"embedded": {"animation_out": "fadeOut"}}}], "pinned": false, "name": "\u0411\u043b\u043e\u043a \u0432 \u041b\u041a \u0434\u043b\u044f \u041b\u0421\u0425 | Block | LMS | Product | Paid Course | crossunit | crossunit_tekhnika_rechi_profile | Auto", "active": true, "embed_selector": true, "selector": "#free-lessons", "placement": "before", "frequency": {"once_lifetime": false, "once_session": false, "priority": false, "minimal_timeout": null}, "start_date": null, "end_date": null, "day_of_week": [true, true, true, true, true, true, true], "start_time": null, "end_time": null, "timezone_minutes": 180, "custom_fields": [], "container_id": null, "child_forms": [], "salt": null, "control_group": null, "variants": [{"is_winner": false, "ab_test_variant_internal_id": null, "view_settings": {"button_template": null, "rendered_preview": "https://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-69335.png?ts=1712540997971", "rendered_button_preview": null, "settings": {"title": "
\u041d\u0430\u0443\u0447\u0438\u0442\u0435\u0441\u044c \u0433\u043e\u0432\u043e\u0440\u0438\u0442\u044c \u0443\u0431\u0435\u0434\u0438\u0442\u0435\u043b\u044c\u043d\u043e", "btn_url": "https://netology.ru/programs/tekhnika-rechi?utm_campaign=crossunit_ou_lk_lsh_tekhnika-rechi&utm_source=triggers&utm_medium=block", "img_src": "https://u.netology.ru/backend/uploads/page_assets/images/file/58603/golos.png", "bg_color": "#f3f4f7", "btn_show": "1", "btn_text": "\u0423\u0437\u043d\u0430\u0442\u044c \u0431\u043e\u043b\u044c\u0448\u0435", "subtitle": "
\u041f\u0440\u0438\u0445\u043e\u0434\u0438\u0442\u0435 \u043d\u0430 \u043a\u0443\u0440\u0441 \u043f\u043e «\u0413\u043e\u043b\u043e\u0441\u0443 \u0438 \u0440\u0435\u0447\u0438», \u0447\u0442\u043e\u0431\u044b \u043f\u043e\u0434\u043d\u044f\u0442\u044c\u0441\u044f \u043f\u043e \u043a\u0430\u0440\u044c\u0435\u0440\u043d\u043e\u0439 \u043b\u0435\u0441\u0442\u043d\u0438\u0446\u0435", "btn_blank": "1", "btn_action": "link", "close_show": "1", "title_show": "1", "border_show": "0", "btn_form_id": "0", "font_custom": "Golos, Arial, sans-serif", "font_family": "Roboto, sans-serif", "title_color": "#000", "border_color": "#fff", "border_width": "10", "btn_bg_color": "#f3f4f7", "width_mobile": "826.00", "subtitle_show": "1", "width_desktop": "2000.00", "btn_text_color": "#0055d5", "close_size_mob": "20", "padding_mobile": "30.00", "subtitle_color": "#000", "close_color_mob": "#000", "close_size_desk": "40", "img_show_mobile": "0", "padding_desktop": "18.00", "btn_bg_color_hov": "#f3f4f7", "btn_border_color": "#0055d5", "btn_border_width": "1", "close_color_desk": "#737880", "font_custom_show": "1", "img_show_desktop": "1", "img_width_mobile": "80.00", "btn_border_radius": "4", "btn_height_mobile": "12", "close_bg_show_mob": "0", "img_width_desktop": "120", "text_align_mobile": "left", "btn_height_desktop": "12", "btn_text_color_hov": "#0065ff", "close_bg_color_mob": "#000000", "close_bg_show_desk": "0", "text_align_desktop": "left", "close_bg_color_desk": "#000000", "width_option_mobile": "0", "btn_border_color_hov": "#0065ff", "btn_font_size_mobile": "14", "width_option_desktop": "0", "btn_font_size_desktop": "14", "close_bg_transparency": "0.5", "title_font_size_mobile": "18", "title_font_size_desktop": "24.00", "subtitle_font_size_mobile": "16", "subtitle_font_size_desktop": "18"}, "button_settings": {}, "behavior_settings": {"embedded": {"animation_out": "fadeOut"}}, "html": "\r\n
\r\n\r\n<% try { close_show = close_show; } catch (e) { close_show = 0 } %>\r\n
\r\n
", "css": "<% try {\r\n close_show = close_show;\r\n close_size_desk = close_size_desk;\r\n close_size_mob = close_size_mob;\r\n close_color_desk = close_color_desk;\r\n close_color_mob = close_color_mob;\r\n close_bg_show_desk = close_bg_show_desk;\r\n close_bg_color_desk = close_bg_color_desk;\r\n close_bg_show_mob = close_bg_show_mob;\r\n close_bg_color_mob = close_bg_color_mob;\r\n close_bg_transparency = close_bg_transparency;\r\n } catch (e) { \r\n close_show = 0\r\n close_size_desk = 24\r\n close_size_mob = 20\r\n close_color_desk = '#000000'\r\n close_color_mob = '#000000'\r\n close_bg_show_desk = 0\r\n close_bg_color_desk = '#000000'\r\n close_bg_show_mob = 0\r\n close_bg_color_mob = '#000000'\r\n close_bg_transparency = 0.5\r\n }\r\n%>\r\n\r\n<% 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 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 vertical-align: middle;\r\n position: relative;\r\n background-color: <%=bg_color%>;\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\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}\r\n\r\n#popmechanic-form .popmechanic-content {\r\n display: flex;\r\n align-items: center;\r\n justify-content: left;\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: 12px;\r\n margin-right: 0px;\r\n font-weight: 500;\r\n color: <%=title_color%>;\r\n \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;\r\n}\r\n\r\n#popmechanic-form .popmechanic-button {\r\n display: block;\r\n flex-shrink: 0;\r\n text-align: center;\r\n text-decoration: none;\r\n border: <%= btn_border_width %>px solid;\r\n background-color: <%=btn_bg_color%>;\r\n border-color: <%=btn_border_color%>;\r\n color: <%=btn_text_color%>;\r\n border-radius: <%=btn_border_radius%>px;\r\n font-weight: 500;\r\n}\r\n\r\n#popmechanic-form .popmechanic-button:hover {\r\n background-color: <%=btn_bg_color_hov%>;\r\n color: <%=btn_text_color_hov%>;\r\n border-color: <%=btn_border_color_hov%>;\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form {\r\n <% if(parseInt(width_option_desktop)) { %>\r\n width: <%= width_desktop %>px;\r\n <% } else { %>\r\n width: 100%;\r\n <% } %>\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form .popmechanic-main {\r\n padding: <%=padding_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-left: 8px;\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form .popmechanic-header {\r\n max-width: 1240px;\r\n margin-right: 0px;\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 padding: <%= btn_height_desktop %>px 32px;\r\n font-size: <%= btn_font_size_desktop %>px;\r\n margin-left: 48px;\r\n margin-right: 36px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form,\r\n.popmechanic-mobile #popmechanic-form {\r\n box-sizing: content-box;\r\n <% if(parseInt(width_option_mobile)) { %>\r\n width: <%= width_mobile %>px;\r\n <% } else { %>\r\n width: 100%;\r\n <% } %>\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-main,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main {\r\n padding: <%=padding_mobile%>px <%= padding_mobile / 2 %>px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-content,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-content {\r\n height: auto;\r\n display: block;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-image,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-image {\r\n display: <%= parseInt(img_show_mobile) ? 'block' : 'none' %>;\r\n width: <%= img_width_mobile %>px;\r\n float: left;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-header,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-header {\r\n margin-bottom: 24px;\r\n margin-left: 32px;\r\n margin-right: 20px;\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 display: inline-flex;\r\n margin-left: 28px;\r\n margin-right: 0em;\r\n \r\n padding: <%= btn_height_mobile %>px 35px;\r\n font-size: <%= btn_font_size_mobile %>px;\r\n}\r\n\r\n\r\n<% if(parseInt(close_show)) { %>\r\n /* CLOSE */\r\n <%\r\n function hexToRgb(hex) {\r\n return hex.replace(/^#?([a-f\\d])([a-f\\d])([a-f\\d])$/i, function (m, r, g, b) {\r\n return \"#\".concat(r).concat(r).concat(g).concat(g).concat(b).concat(b);\r\n }).substring(1).match(/.{2}/g).map(function (x) {\r\n return parseInt(x, 16);\r\n });\r\n };\r\n %>\r\n\r\n #popmechanic-form .popmechanic-close {\r\n position: absolute;\r\n z-index: 40;\r\n cursor: pointer;\r\n }\r\n #popmechanic-form .popmechanic-close::before,\r\n #popmechanic-form .popmechanic-close::after {\r\n content: \"\";\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n width: 80%;\r\n height: 2px;\r\n transform: translate(-50%, -50%) rotate(45deg);\r\n }\r\n #popmechanic-form .popmechanic-close::after {\r\n transform: translate(-50%, -50%) rotate(135deg);\r\n }\r\n .popmechanic-desktop #popmechanic-form .popmechanic-close {\r\n top: 10px;\r\n right: 10px;\r\n width: <%= close_size_desk %>px;\r\n height: <%= close_size_desk %>px;\r\n <% if(parseInt(close_bg_show_desk)) { %>\r\n background-color: rgba(<%= hexToRgb(close_bg_color_desk) %>, <%= close_bg_transparency %>);\r\n <% } %>\r\n }\r\n .popmechanic-desktop #popmechanic-form .popmechanic-close::before,\r\n .popmechanic-desktop #popmechanic-form .popmechanic-close::after {\r\n background-color: <%= close_color_desk %>;\r\n }\r\n .popmechanic-tablet #popmechanic-form .popmechanic-close,\r\n .popmechanic-mobile #popmechanic-form .popmechanic-close {\r\n top: 5px;\r\n right: 5px;\r\n width: <%= close_size_mob %>px;\r\n height: <%= close_size_mob %>px;\r\n <% if(parseInt(close_bg_show_mob)) { %>\r\n background-color: rgba(<%= hexToRgb(close_bg_color_mob) %>, <%= close_bg_transparency %>);\r\n <% } %>\r\n }\r\n .popmechanic-tablet #popmechanic-form .popmechanic-close::before,\r\n .popmechanic-tablet #popmechanic-form .popmechanic-close::after,\r\n .popmechanic-mobile #popmechanic-form .popmechanic-close::before,\r\n .popmechanic-mobile #popmechanic-form .popmechanic-close::after {\r\n background-color: <%= close_color_mob %>;\r\n }\r\n<% } %>", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 70066, "template": 1537, "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": ["netology.ru/management?level=neo"], "operator": "$in_contains"}], "operator": "$and"}, {"id": "4", "field": "device", "value": ["pc", "tablet", "mobile"], "operator": "$in"}], "operator": "$and"}}, "settings_splits": [{"settings": {"title": "\u041c\u0435\u043d\u0435\u0434\u0436\u0435\u0440 \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u0432", "btn_url": "https://netology.ru/programs/project?utm_campaign=bmit_catalog_project&utm_source=triggers&utm_medium=block", "img_src": "https://u.netology.ru/backend/uploads/page_assets/images/file/60582/meneger_proektov.webp", "bg_color": "#f3f4f7", "btn_show": "1", "btn_text": "\u0417\u0430\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f", "subtitle": "\u041d\u0430\u0443\u0447\u0438\u0442\u0435\u0441\u044c \u0443\u043f\u0440\u0430\u0432\u043b\u044f\u0442\u044c \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u043c \u0446\u0435\u043b\u0438\u043a\u043e\u043c", "btn_blank": "1", "btn_action": "link", "close_show": "0", "title_show": "1", "border_show": "0", "btn_form_id": "0", "font_custom": "Golos, Arial, sans-serif", "font_family": "Roboto, sans-serif", "title_color": "#000000", "border_color": "#fff", "border_width": "10", "btn_bg_color": "#0066FF", "width_mobile": "826.00", "subtitle_show": "1", "width_desktop": "2000.00", "btn_text_color": "#ffffff", "close_size_mob": "20", "padding_mobile": "20.00", "subtitle_color": "#000000", "close_color_mob": "#000", "close_size_desk": "24", "img_show_mobile": "0", "padding_desktop": "10.00", "btn_bg_color_hov": "#000000", "btn_border_color": "#0066FF", "btn_border_width": "1", "close_color_desk": "#000", "font_custom_show": "1", "img_show_desktop": "1", "img_width_mobile": "80.00", "btn_border_radius": "4", "btn_height_mobile": "12", "close_bg_show_mob": "0", "img_width_desktop": "160.00", "text_align_mobile": "left", "btn_height_desktop": "12", "btn_text_color_hov": "#ffffff", "close_bg_color_mob": "#000000", "close_bg_show_desk": "0", "text_align_desktop": "left", "close_bg_color_desk": "#000000", "width_option_mobile": "0", "btn_border_color_hov": "#000000", "btn_font_size_mobile": "12", "width_option_desktop": "0", "btn_font_size_desktop": "12", "close_bg_transparency": "0.5", "title_font_size_mobile": "20", "title_font_size_desktop": "24", "subtitle_font_size_mobile": "18", "subtitle_font_size_desktop": "16"}, "button_settings": {}, "conditions_splits": [], "id": 69474, "behavior_settings": {"embedded": {"animation_out": "fadeOut"}}}], "pinned": false, "name": "\u041c\u0435\u043d\u0435\u0434\u0436\u0435\u0440 \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u0432(pmnz) \u0432 \u043a\u0430\u0442\u0430\u043b\u043e\u0433\u0435 | Block | Catalog List | Product | Paid Course | bmit | bmit_ou_navigation_pmnz | Auto", "active": true, "embed_selector": true, "selector": "#__next > div.style_root__4ZYxi.style_inner__XWUig.style_mobile__INSiY > section > div.styles_root__emOlD > div.container_root__YUcmg.styles_content__f1Rlh > div > div.styles_root__HOtvu > div > div.styles_programs__PdSzw > div:nth-child(6)", "placement": "after", "frequency": {"once_lifetime": false, "once_session": false, "priority": false, "minimal_timeout": null}, "start_date": null, "end_date": null, "day_of_week": [true, true, true, true, true, true, true], "start_time": null, "end_time": null, "timezone_minutes": 180, "custom_fields": [], "container_id": null, "child_forms": [], "salt": null, "control_group": null, "variants": [{"is_winner": false, "ab_test_variant_internal_id": null, "view_settings": {"button_template": null, "rendered_preview": "https://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-69203.png?ts=1712540934791", "rendered_button_preview": null, "settings": {"title": "\u041c\u0435\u043d\u0435\u0434\u0436\u0435\u0440 \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u0432", "btn_url": "https://netology.ru/programs/project?utm_campaign=bmit_catalog_project&utm_source=triggers&utm_medium=block", "img_src": "https://u.netology.ru/backend/uploads/page_assets/images/file/60582/meneger_proektov.webp", "bg_color": "#f3f4f7", "btn_show": "1", "btn_text": "\u0417\u0430\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f", "subtitle": "\u041d\u0430\u0443\u0447\u0438\u0442\u0435\u0441\u044c \u0443\u043f\u0440\u0430\u0432\u043b\u044f\u0442\u044c \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u043c \u0446\u0435\u043b\u0438\u043a\u043e\u043c", "btn_blank": "1", "btn_action": "link", "close_show": "0", "title_show": "1", "border_show": "0", "btn_form_id": "0", "font_custom": "Golos, Arial, sans-serif", "font_family": "Roboto, sans-serif", "title_color": "#000000", "border_color": "#fff", "border_width": "10", "btn_bg_color": "#0066FF", "width_mobile": "826.00", "subtitle_show": "1", "width_desktop": "2000.00", "btn_text_color": "#ffffff", "close_size_mob": "20", "padding_mobile": "20.00", "subtitle_color": "#000000", "close_color_mob": "#000", "close_size_desk": "24", "img_show_mobile": "0", "padding_desktop": "10.00", "btn_bg_color_hov": "#000000", "btn_border_color": "#0066FF", "btn_border_width": "1", "close_color_desk": "#000", "font_custom_show": "1", "img_show_desktop": "1", "img_width_mobile": "80.00", "btn_border_radius": "4", "btn_height_mobile": "12", "close_bg_show_mob": "0", "img_width_desktop": "160.00", "text_align_mobile": "left", "btn_height_desktop": "12", "btn_text_color_hov": "#ffffff", "close_bg_color_mob": "#000000", "close_bg_show_desk": "0", "text_align_desktop": "left", "close_bg_color_desk": "#000000", "width_option_mobile": "0", "btn_border_color_hov": "#000000", "btn_font_size_mobile": "12", "width_option_desktop": "0", "btn_font_size_desktop": "12", "close_bg_transparency": "0.5", "title_font_size_mobile": "20", "title_font_size_desktop": "24", "subtitle_font_size_mobile": "18", "subtitle_font_size_desktop": "16"}, "button_settings": {}, "behavior_settings": {"embedded": {"animation_out": "fadeOut"}}, "html": "
\" target=\"_blank\" style=\"text-decoration: none;\" data-popmechanic-submit>\r\n\r\n\r\n<% try { close_show = close_show; } catch (e) { close_show = 0 } %>\r\n
\r\n
", "css": "<% try {\r\n close_show = close_show;\r\n close_size_desk = close_size_desk;\r\n close_size_mob = close_size_mob;\r\n close_color_desk = close_color_desk;\r\n close_color_mob = close_color_mob;\r\n close_bg_show_desk = close_bg_show_desk;\r\n close_bg_color_desk = close_bg_color_desk;\r\n close_bg_show_mob = close_bg_show_mob;\r\n close_bg_color_mob = close_bg_color_mob;\r\n close_bg_transparency = close_bg_transparency;\r\n } catch (e) { \r\n close_show = 0\r\n close_size_desk = 24\r\n close_size_mob = 20\r\n close_color_desk = '#000000'\r\n close_color_mob = '#000000'\r\n close_bg_show_desk = 0\r\n close_bg_color_desk = '#000000'\r\n close_bg_show_mob = 0\r\n close_bg_color_mob = '#000000'\r\n close_bg_transparency = 0.5\r\n }\r\n%>\r\n\r\n<% 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.line {\r\n color: #F3F4F7;\r\n size: 1px;\r\n margin-bottom: 30px;\r\n}\r\n\r\n\r\n#popmechanic-form {\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 vertical-align: middle;\r\n position: relative;\r\n background-color: <%=bg_color%>;\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\r\n\r\n#popmechanic-form .popmechanic-content {\r\n display: flex;\r\n align-items: center;\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 .span-first {\r\n padding: 2px 8px;\r\n background-color: #D4E4FB;\r\n border-radius: 20px;\r\n color: #2c2c2c;\r\n font-size: 12px;\r\n margin-right: 4px;\r\n}\r\n\r\n#popmechanic-form .span-second {\r\n padding: 2px 8px;\r\n background-color: #2c2c2c;\r\n border-radius: 20px;\r\n color: #ffff;\r\n font-size: 12px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-title {\r\n margin-bottom: 8px;\r\n font-weight: 500;\r\n color: <%=title_color%>;\r\n}\r\n\r\n\r\n#popmechanic-form .popmechanic-button {\r\n display: block;\r\n text-align: center;\r\n text-decoration: none;\r\n background-color: <%=btn_bg_color%>;\r\n color: <%=btn_text_color%>;\r\n border-radius: <%=btn_border_radius%>px;\r\n max-width: 120px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-button:hover {\r\n background-color: <%=btn_bg_color_hov%>;\r\n color: <%=btn_text_color_hov%>;\r\n border-color: <%=btn_border_color_hov%>;\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form {\r\n <% if(parseInt(width_option_desktop)) { %>\r\n width: <%= width_desktop %>px;\r\n <% } else { %>\r\n width: 100%;\r\n <% } %>\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form .popmechanic-main {\r\n padding: <%=padding_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 \r\n}\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 margin-bottom: 20px;\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form .popmechanic-button {\r\n padding: <%= btn_height_desktop %>px;\r\n font-size: <%= btn_font_size_desktop %>px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form,\r\n.popmechanic-mobile #popmechanic-form {\r\n box-sizing: content-box;\r\n <% if(parseInt(width_option_mobile)) { %>\r\n width: <%= width_mobile %>px;\r\n <% } else { %>\r\n width: 100%;\r\n <% } %>\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-main,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main {\r\n padding: <%=padding_mobile%>px <%= padding_mobile / 2 %>px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-content,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-content {\r\n height: auto;\r\n display: block;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-image,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-image {\r\n display: <%= parseInt(img_show_mobile) ? 'block' : 'none' %>;\r\n width: <%= img_width_mobile %>px;\r\n float: left;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-header,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-header {\r\n margin-bottom: 24px;\r\n margin-left: 32px;\r\n margin-right: 20px;\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 display: inline-flex;\r\n margin-left: 28px;\r\n \r\n padding: <%= btn_height_mobile %>px 35px;\r\n font-size: <%= btn_font_size_mobile %>px;\r\n}\r\n\r\n\r\n\r\n\r\n<% if(parseInt(close_show)) { %>\r\n /* CLOSE */\r\n <%\r\n function hexToRgb(hex) {\r\n return hex.replace(/^#?([a-f\\d])([a-f\\d])([a-f\\d])$/i, function (m, r, g, b) {\r\n return \"#\".concat(r).concat(r).concat(g).concat(g).concat(b).concat(b);\r\n }).substring(1).match(/.{2}/g).map(function (x) {\r\n return parseInt(x, 16);\r\n });\r\n };\r\n %>\r\n\r\n #popmechanic-form .popmechanic-close {\r\n position: absolute;\r\n z-index: 40;\r\n cursor: pointer;\r\n }\r\n #popmechanic-form .popmechanic-close::before,\r\n #popmechanic-form .popmechanic-close::after {\r\n content: \"\";\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n width: 80%;\r\n height: 2px;\r\n transform: translate(-50%, -50%) rotate(45deg);\r\n }\r\n #popmechanic-form .popmechanic-close::after {\r\n transform: translate(-50%, -50%) rotate(135deg);\r\n }\r\n .popmechanic-desktop #popmechanic-form .popmechanic-close {\r\n top: 10px;\r\n right: 10px;\r\n width: <%= close_size_desk %>px;\r\n height: <%= close_size_desk %>px;\r\n <% if(parseInt(close_bg_show_desk)) { %>\r\n background-color: rgba(<%= hexToRgb(close_bg_color_desk) %>, <%= close_bg_transparency %>);\r\n <% } %>\r\n }\r\n .popmechanic-desktop #popmechanic-form .popmechanic-close::before,\r\n .popmechanic-desktop #popmechanic-form .popmechanic-close::after {\r\n background-color: <%= close_color_desk %>;\r\n }\r\n .popmechanic-tablet #popmechanic-form .popmechanic-close,\r\n .popmechanic-mobile #popmechanic-form .popmechanic-close {\r\n top: 5px;\r\n right: 5px;\r\n width: <%= close_size_mob %>px;\r\n height: <%= close_size_mob %>px;\r\n <% if(parseInt(close_bg_show_mob)) { %>\r\n background-color: rgba(<%= hexToRgb(close_bg_color_mob) %>, <%= close_bg_transparency %>);\r\n <% } %>\r\n }\r\n .popmechanic-tablet #popmechanic-form .popmechanic-close::before,\r\n .popmechanic-tablet #popmechanic-form .popmechanic-close::after,\r\n .popmechanic-mobile #popmechanic-form .popmechanic-close::before,\r\n .popmechanic-mobile #popmechanic-form .popmechanic-close::after {\r\n background-color: <%= close_color_mob %>;\r\n }\r\n<% } %>", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 68761, "template": 1623, "button_template": 184, "test_group": null, "new_targeting": {"filter": {"id": "root", "name": "root", "nodes": [{"id": "2", "name": "$and", "type": "current_page", "nodes": [{"id": "3", "field": "page", "value": ["netology.ru/programs/marketing-internet-magazinov"], "operator": "$in_contains"}], "operator": "$and"}, {"id": "4", "field": "device", "value": ["pc"], "operator": "$in"}], "operator": "$and"}}, "settings_splits": [{"settings": {"pad_top": "44", "btn_text": "\u0417\u0430\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f \u043d\u0430 \u0437\u0430\u043d\u044f\u0442\u0438\u0435", "link_url": "#", "pad_left": "63", "show_btn": "1", "btn_color": "#000000", "btn_width": "228", "form_font": "Roboto", "pad_right": "30", "btn_action": "link", "pad_bottom": "50", "promo_text": "\u041e\u043f\u0438\u0441\u0430\u043d\u0438\u0435 \u043a\u0443\u0440\u0441\u0430 \u0432 \u043e\u0434\u043d\u0443 \u0438\u043b\u0438 2 \u0441\u0442\u0440\u043e\u043a\u0438", "show_promo": "1", "show_title": "1", "title_text": "\u041d\u0430\u0437\u0432\u0430\u043d\u0438\u0435 \u043a\u0443\u0440\u0441\u0430 \u0432 \u0434\u0432\u0435 \u0438\u043b\u0438 \u0442\u0440\u0438 \u0441\u0442\u0440\u043e\u043a\u0438", "btn_bgcolor": "#ffffff", "close_color": "#ffffff", "font_custom": "Circe, Arial, sans-serif", "form_bg_img": "https://u.netology.ngcdn.ru/backend/uploads/page_assets/videos/file/41433/%D0%A1%D1%83%D1%81%D0%B0%D0%BD%D0%BD%D0%B0_%D0%BA%D0%B2%D0%B0%D0%B4%D1%80%D0%B0%D1%82_2%D0%BC%D0%B1.mp4", "pad_top_mob": "150.00", "promo_color": "", "promo_width": "240", "title_color": "#ffffff", "btn_fontsize": "20", "btn_text_mob": "\u041a\u043e\u043f\u0438\u0440\u043e\u0432\u0430\u0442\u044c", "copy_success": "", "img_left_src": "", "img_left_top": "-31", "pad_left_mob": "40", "show_form_bg": "1", "btn_width_mob": "200", "form_bg_color": "#47C397", "img_left_left": "9", "pad_right_mob": "40", "show_img_left": "1", "img_left_width": "181", "pad_bottom_mob": "20", "promo_fontsize": "31", "title_fontsize": "30", "btn_hover_color": "#ffffff", "form_bg_opacity": "0.08", "form_height_mob": "311", "post_title_text": "Soft skills/25 \u043e\u043a\u0442\u044f\u0431\u0440\u044f", "promo_width_mob": "200", "show_post_title": "1", "btn_fontsize_mob": "20", "font_custom_show": "0", "form_height_desk": "110", "form_line_height": "1.5", "img_left_top_mob": "-66", "post_title_color": "#ffffff", "btn_border_radius": "0", "btn_hover_bgcolor": "#27292D", "img_left_width_mob": "", "promo_fontsize_mob": "26", "title_fontsize_mob": "29", "post_title_fontsize": "21", "form_line_height_mob": "1", "post_title_fontsize_mob": "18"}, "button_settings": {"ob1": "18", "col1": "#387e3d"}, "conditions_splits": [{"conditions": {"immediate": "1"}, "combinator": "and", "id": 186203}], "id": 68169, "behavior_settings": {"banner": {"offset": 0, "position": "bottom", "animation_in": "fadeIn", "allow_overlay": true, "animation_out": "fadeOut"}, "button": {"on": false, "positions": {"desktop": {"right": "0px", "bottom": "0px"}}, "conditions": "targeting", "show_before": true}}}], "pinned": false, "name": "VideoVidjet: \u041f\u0440\u043e\u0434\u0432\u0438\u0436\u0435\u043d\u0438\u0435 \u043d\u0430 \u043c\u0430\u0440\u043a\u0435\u0442\u043f\u043b\u0435\u0439\u0441\u0430\u0445 | Popup | Landing | Product | Paid Course | bim | bim_ou_mrplvz_video | Auto", "active": true, "embed_selector": false, "selector": "", "placement": "start", "frequency": {"once_lifetime": false, "once_session": false, "priority": false, "minimal_timeout": null}, "start_date": null, "end_date": null, "day_of_week": [true, true, true, true, true, true, true], "start_time": null, "end_time": null, "timezone_minutes": 180, "custom_fields": [], "container_id": null, "child_forms": [], "salt": null, "control_group": null, "variants": [{"is_winner": false, "ab_test_variant_internal_id": null, "view_settings": {"button_template": 184, "rendered_preview": "https://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-67860.png?ts=1712542705756", "rendered_button_preview": "https://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-button-67860.png?ts=1712542891505", "settings": {"pad_top": "44", "btn_text": "\u0417\u0430\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f \u043d\u0430 \u0437\u0430\u043d\u044f\u0442\u0438\u0435", "link_url": "#", "pad_left": "63", "show_btn": "1", "btn_color": "#000000", "btn_width": "228", "form_font": "Roboto", "pad_right": "30", "btn_action": "link", "pad_bottom": "50", "promo_text": "\u041e\u043f\u0438\u0441\u0430\u043d\u0438\u0435 \u043a\u0443\u0440\u0441\u0430 \u0432 \u043e\u0434\u043d\u0443 \u0438\u043b\u0438 2 \u0441\u0442\u0440\u043e\u043a\u0438", "show_promo": "1", "show_title": "1", "title_text": "\u041d\u0430\u0437\u0432\u0430\u043d\u0438\u0435 \u043a\u0443\u0440\u0441\u0430 \u0432 \u0434\u0432\u0435 \u0438\u043b\u0438 \u0442\u0440\u0438 \u0441\u0442\u0440\u043e\u043a\u0438", "btn_bgcolor": "#ffffff", "close_color": "#ffffff", "font_custom": "Circe, Arial, sans-serif", "form_bg_img": "https://u.netology.ngcdn.ru/backend/uploads/page_assets/videos/file/41433/%D0%A1%D1%83%D1%81%D0%B0%D0%BD%D0%BD%D0%B0_%D0%BA%D0%B2%D0%B0%D0%B4%D1%80%D0%B0%D1%82_2%D0%BC%D0%B1.mp4", "pad_top_mob": "150.00", "promo_color": "", "promo_width": "240", "title_color": "#ffffff", "btn_fontsize": "20", "btn_text_mob": "\u041a\u043e\u043f\u0438\u0440\u043e\u0432\u0430\u0442\u044c", "copy_success": "", "img_left_src": "", "img_left_top": "-31", "pad_left_mob": "40", "show_form_bg": "1", "btn_width_mob": "200", "form_bg_color": "#47C397", "img_left_left": "9", "pad_right_mob": "40", "show_img_left": "1", "img_left_width": "181", "pad_bottom_mob": "20", "promo_fontsize": "31", "title_fontsize": "30", "btn_hover_color": "#ffffff", "form_bg_opacity": "0.08", "form_height_mob": "311", "post_title_text": "Soft skills/25 \u043e\u043a\u0442\u044f\u0431\u0440\u044f", "promo_width_mob": "200", "show_post_title": "1", "btn_fontsize_mob": "20", "font_custom_show": "0", "form_height_desk": "110", "form_line_height": "1.5", "img_left_top_mob": "-66", "post_title_color": "#ffffff", "btn_border_radius": "0", "btn_hover_bgcolor": "#27292D", "img_left_width_mob": "", "promo_fontsize_mob": "26", "title_fontsize_mob": "29", "post_title_fontsize": "21", "form_line_height_mob": "1", "post_title_fontsize_mob": "18"}, "button_settings": {"ob1": "18", "col1": "#387e3d"}, "behavior_settings": {"banner": {"offset": 0, "position": "bottom", "animation_in": "fadeIn", "allow_overlay": true, "animation_out": "fadeOut"}, "button": {"on": false, "positions": {"desktop": {"right": "0px", "bottom": "0px"}}, "conditions": "targeting", "show_before": true}}, "html": "
\n
\n \n \n \n\n", "css": "\n#popmechanic-form .video-widget{position:fixed;left:0;z-index:999999;bottom:0}\n#popmechanic-form .video-widget__container{font-family:Helvetica;z-index:999999;overflow:hidden;border-style:solid;background:#eee;-webkit-transition:width .3s ease-in-out 0s,height .3s ease-in-out 0s,bottom .3s ease-in-out 0s,border-color .2s ease-in-out 0s,opacity 1s ease-in-out 0s,-webkit-transform .2s ease-in-out 0s;transition:width .3s ease-in-out 0s,height .3s ease-in-out 0s,bottom .3s ease-in-out 0s,border-color .2s ease-in-out 0s,opacity 1s ease-in-out 0s,-webkit-transform .2s ease-in-out 0s;-o-transition:width .3s ease-in-out 0s,height .3s ease-in-out 0s,bottom .3s ease-in-out 0s,border-color .2s ease-in-out 0s,opacity 1s ease-in-out 0s,-o-transform .2s ease-in-out 0s;-moz-transition:transform .2s ease-in-out 0s,width .3s ease-in-out 0s,height .3s ease-in-out 0s,bottom .3s ease-in-out 0s,border-color .2s ease-in-out 0s,opacity 1s ease-in-out 0s,-moz-transform .2s ease-in-out 0s;transition:transform .2s ease-in-out 0s,width .3s ease-in-out 0s,height .3s ease-in-out 0s,bottom .3s ease-in-out 0s,border-color .2s ease-in-out 0s,opacity 1s ease-in-out 0s;transition:transform .2s ease-in-out 0s,width .3s ease-in-out 0s,height .3s ease-in-out 0s,bottom .3s ease-in-out 0s,border-color .2s ease-in-out 0s,opacity 1s ease-in-out 0s,-webkit-transform .2s ease-in-out 0s,-moz-transform .2s ease-in-out 0s,-o-transform .2s ease-in-out 0s;outline:0;cursor:pointer;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-box-shadow:rgba(0,0,0,.2) 0 10px 20px;box-shadow:rgba(0,0,0,.2) 0 10px 20px;position:absolute;left:20px;bottom:50px;border-radius:20px;border-width:5px;width:130px;height:180px;border-color:#fff}\n#popmechanic-form .video-widget__container:hover{-webkit-transform:scale(1.05) translate(5px,-5px);-moz-transform:scale(1.05) translate(5px,-5px);-ms-transform:scale(1.05) translate(5px,-5px);-o-transform:scale(1.05) translate(5px,-5px);transform:scale(1.05) translate(5px,-5px);border-color:#131344}\n#popmechanic-form .video-widget__video{-o-object-fit:cover;object-fit:cover;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;height:100%;min-width:100%;min-height:100%;z-index:200;-webkit-transition:opacity .4s ease-in-out 0s;-o-transition:opacity .4s ease-in-out 0s;-moz-transition:opacity .4s ease-in-out 0s;transition:opacity .4s ease-in-out 0s;opacity:.9; z-index: 0}\n#popmechanic-form .video-widget__container:hover \n#popmechanic-form .video-widget.video-widget[data-state=opened] .video-widget__container{width:280px;height:500px;border-radius:20px;border-color:#fff}\n#popmechanic-form .video-widget__button{position:absolute;bottom:20px;right:20px;left:20px;height:65px;border-radius:10px;z-index:300;-webkit-box-shadow:rgba(0,0,0,.25) 0 4px 15px;box-shadow:rgba(0,0,0,.25) 0 4px 15px;text-align:center;-webkit-transition:opacity .3s ease-in-out 0s,background-color .2s ease-in-out 0s,-webkit-transform .2s ease-in-out 0s;transition:opacity .3s ease-in-out 0s,background-color .2s ease-in-out 0s,-webkit-transform .2s ease-in-out 0s;-o-transition:opacity .3s ease-in-out 0s,background-color .2s ease-in-out 0s,-o-transform .2s ease-in-out 0s;-moz-transition:transform .2s ease-in-out 0s,opacity .3s ease-in-out 0s,background-color .2s ease-in-out 0s,-moz-transform .2s ease-in-out 0s;transition:transform .2s ease-in-out 0s,opacity .3s ease-in-out 0s,background-color .2s ease-in-out 0s;transition:transform .2s ease-in-out 0s,opacity .3s ease-in-out 0s,background-color .2s ease-in-out 0s,-webkit-transform .2s ease-in-out 0s,-moz-transform .2s ease-in-out 0s,-o-transform .2s ease-in-out 0s;visibility:hidden;background-color:#fdd82a;font-size:14px;font-family:Helvetica;color:#000;text-align:center;vertical-align:middle;line-height:65px;text-transform:uppercase;opacity:0}\n#popmechanic-form .video-widget__button:hover{background-color:#ffe257;text-decoration:none}\n#popmechanic-form .video-widget.video-widget[data-state=opened] .video-widget__button{opacity:1;visibility:visible}\n@media only screen and (max-width:1023px)\n\n@media only screen and (max-width:479px){\n #popmechanic-form .video-widget__container{left:15px;bottom:95px;width:90px;height:125px}}\n\n\n#popmechanic-form .popmechanic-close {\n\tcolor: white;\n\tposition: absolute;\n\ttop: 10px;\n\tright: 10px;\n\tcursor: pointer;\n\ttext-align: center;\n\twidth: 14px;\n\theight: 14px;\n\tz-index: 1;\n}\n\n\n#popmechanic-form .new {\n height: 300px;\n width: 150px;\n}\n\n", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 68759, "template": 1623, "button_template": 184, "test_group": null, "new_targeting": {"filter": {"id": "root", "name": "root", "nodes": [{"id": "2", "name": "$and", "type": "current_page", "nodes": [{"id": "3", "field": "page", "value": ["netology.ru/programs/marketing-internet-magazinov"], "operator": "$in_contains"}], "operator": "$and"}, {"id": "4", "field": "device", "value": ["mobile"], "operator": "$in"}], "operator": "$and"}}, "settings_splits": [{"settings": {"pad_top": "44", "btn_text": "\u0417\u0430\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f \u043d\u0430 \u0437\u0430\u043d\u044f\u0442\u0438\u0435", "link_url": "#", "pad_left": "63", "show_btn": "1", "btn_color": "#000000", "btn_width": "228", "form_font": "Roboto", "pad_right": "30", "btn_action": "link", "pad_bottom": "50", "promo_text": "\u041e\u043f\u0438\u0441\u0430\u043d\u0438\u0435 \u043a\u0443\u0440\u0441\u0430 \u0432 \u043e\u0434\u043d\u0443 \u0438\u043b\u0438 2 \u0441\u0442\u0440\u043e\u043a\u0438", "show_promo": "1", "show_title": "1", "title_text": "\u041d\u0430\u0437\u0432\u0430\u043d\u0438\u0435 \u043a\u0443\u0440\u0441\u0430 \u0432 \u0434\u0432\u0435 \u0438\u043b\u0438 \u0442\u0440\u0438 \u0441\u0442\u0440\u043e\u043a\u0438", "btn_bgcolor": "#ffffff", "close_color": "#ffffff", "font_custom": "Circe, Arial, sans-serif", "form_bg_img": "https://u.netology.ngcdn.ru/backend/uploads/page_assets/videos/file/41433/%D0%A1%D1%83%D1%81%D0%B0%D0%BD%D0%BD%D0%B0_%D0%BA%D0%B2%D0%B0%D0%B4%D1%80%D0%B0%D1%82_2%D0%BC%D0%B1.mp4", "pad_top_mob": "150.00", "promo_color": "", "promo_width": "240", "title_color": "#ffffff", "btn_fontsize": "20", "btn_text_mob": "\u041a\u043e\u043f\u0438\u0440\u043e\u0432\u0430\u0442\u044c", "copy_success": "", "img_left_src": "", "img_left_top": "-31", "pad_left_mob": "40", "show_form_bg": "1", "btn_width_mob": "200", "form_bg_color": "#47C397", "img_left_left": "9", "pad_right_mob": "40", "show_img_left": "1", "img_left_width": "181", "pad_bottom_mob": "20", "promo_fontsize": "31", "title_fontsize": "30", "btn_hover_color": "#ffffff", "form_bg_opacity": "0.08", "form_height_mob": "311", "post_title_text": "Soft skills/25 \u043e\u043a\u0442\u044f\u0431\u0440\u044f", "promo_width_mob": "200", "show_post_title": "1", "btn_fontsize_mob": "20", "font_custom_show": "0", "form_height_desk": "110", "form_line_height": "1.5", "img_left_top_mob": "-66", "post_title_color": "#ffffff", "btn_border_radius": "0", "btn_hover_bgcolor": "#27292D", "img_left_width_mob": "", "promo_fontsize_mob": "26", "title_fontsize_mob": "29", "post_title_fontsize": "21", "form_line_height_mob": "1", "post_title_fontsize_mob": "18"}, "button_settings": {"ob1": "18", "col1": "#387e3d"}, "conditions_splits": [{"conditions": {"immediate": "1"}, "combinator": "and", "id": 186201}], "id": 68167, "behavior_settings": {"banner": {"offset": 0, "position": "bottom", "animation_in": "fadeIn", "allow_overlay": true, "animation_out": "fadeOut"}, "button": {"on": false, "positions": {"desktop": {"right": "0px", "bottom": "0px"}}, "conditions": "targeting", "show_before": true}}}], "pinned": false, "name": "VideoVidjet: \u041f\u0440\u043e\u0434\u0432\u0438\u0436\u0435\u043d\u0438\u0435 \u043d\u0430 \u043c\u0430\u0440\u043a\u0435\u0442\u043f\u043b\u0435\u0439\u0441\u0430\u0445 | Popup | Landing | Product | Paid Course | bim | bim_ou_mrplvz_mob_video | Auto", "active": true, "embed_selector": false, "selector": "", "placement": "start", "frequency": {"once_lifetime": false, "once_session": false, "priority": false, "minimal_timeout": null}, "start_date": null, "end_date": null, "day_of_week": [true, true, true, true, true, true, true], "start_time": null, "end_time": null, "timezone_minutes": 180, "custom_fields": [], "container_id": null, "child_forms": [], "salt": null, "control_group": null, "variants": [{"is_winner": false, "ab_test_variant_internal_id": null, "view_settings": {"button_template": 184, "rendered_preview": "https://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-67858.png?ts=1712543138778", "rendered_button_preview": "https://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-button-67858.png?ts=1712543143032", "settings": {"pad_top": "44", "btn_text": "\u0417\u0430\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f \u043d\u0430 \u0437\u0430\u043d\u044f\u0442\u0438\u0435", "link_url": "#", "pad_left": "63", "show_btn": "1", "btn_color": "#000000", "btn_width": "228", "form_font": "Roboto", "pad_right": "30", "btn_action": "link", "pad_bottom": "50", "promo_text": "\u041e\u043f\u0438\u0441\u0430\u043d\u0438\u0435 \u043a\u0443\u0440\u0441\u0430 \u0432 \u043e\u0434\u043d\u0443 \u0438\u043b\u0438 2 \u0441\u0442\u0440\u043e\u043a\u0438", "show_promo": "1", "show_title": "1", "title_text": "\u041d\u0430\u0437\u0432\u0430\u043d\u0438\u0435 \u043a\u0443\u0440\u0441\u0430 \u0432 \u0434\u0432\u0435 \u0438\u043b\u0438 \u0442\u0440\u0438 \u0441\u0442\u0440\u043e\u043a\u0438", "btn_bgcolor": "#ffffff", "close_color": "#ffffff", "font_custom": "Circe, Arial, sans-serif", "form_bg_img": "https://u.netology.ngcdn.ru/backend/uploads/page_assets/videos/file/41433/%D0%A1%D1%83%D1%81%D0%B0%D0%BD%D0%BD%D0%B0_%D0%BA%D0%B2%D0%B0%D0%B4%D1%80%D0%B0%D1%82_2%D0%BC%D0%B1.mp4", "pad_top_mob": "150.00", "promo_color": "", "promo_width": "240", "title_color": "#ffffff", "btn_fontsize": "20", "btn_text_mob": "\u041a\u043e\u043f\u0438\u0440\u043e\u0432\u0430\u0442\u044c", "copy_success": "", "img_left_src": "", "img_left_top": "-31", "pad_left_mob": "40", "show_form_bg": "1", "btn_width_mob": "200", "form_bg_color": "#47C397", "img_left_left": "9", "pad_right_mob": "40", "show_img_left": "1", "img_left_width": "181", "pad_bottom_mob": "20", "promo_fontsize": "31", "title_fontsize": "30", "btn_hover_color": "#ffffff", "form_bg_opacity": "0.08", "form_height_mob": "311", "post_title_text": "Soft skills/25 \u043e\u043a\u0442\u044f\u0431\u0440\u044f", "promo_width_mob": "200", "show_post_title": "1", "btn_fontsize_mob": "20", "font_custom_show": "0", "form_height_desk": "110", "form_line_height": "1.5", "img_left_top_mob": "-66", "post_title_color": "#ffffff", "btn_border_radius": "0", "btn_hover_bgcolor": "#27292D", "img_left_width_mob": "", "promo_fontsize_mob": "26", "title_fontsize_mob": "29", "post_title_fontsize": "21", "form_line_height_mob": "1", "post_title_fontsize_mob": "18"}, "button_settings": {"ob1": "18", "col1": "#387e3d"}, "behavior_settings": {"banner": {"offset": 0, "position": "bottom", "animation_in": "fadeIn", "allow_overlay": true, "animation_out": "fadeOut"}, "button": {"on": false, "positions": {"desktop": {"right": "0px", "bottom": "0px"}}, "conditions": "targeting", "show_before": true}}, "html": "
![](\"https://u.netology.ru/backend/uploads/page_assets/images/file/60927/Mask_group__23_.webp\")
\r\n \t\t ![](\"https://u.netology.ru/backend/uploads/page_assets/images/file/65446/image_1.png\")
\r\n \t\t ![](\"https://u.netology.ru/backend/uploads/page_assets/images/file/65454/image_2.png\")
\r\n \t\t ![](\"https://u.netology.ru/backend/uploads/page_assets/images/file/65294/razrabotka-it-produktov.webp\")
\r\n \t\t ![](\"https://u.netology.ru/backend/uploads/page_assets/images/file/65295/itd-projec.webp\")
\r\n \t\t ![](\"https://u.netology.ru/backend/uploads/page_assets/images/file/65296/digital-product-management.webp\")
\r\n \t\t ![\"\u041d\u0435\u0439\u0440\u043e\u0441\u0435\u0442\u0438](\"https://u.netology.ru/backend/uploads/page_assets/images/file/65271/malevanik_Panning_photography.webp\")
![\"\u0421\u043a\u0438\u0434\u043a\u0430](\"https://u.netology.ru/backend/uploads/page_assets/images/file/63931/image__7_.webp\")
![\"\u0421\u043a\u0438\u0434\u043a\u0430](\"https://u.netology.ru/backend/uploads/page_assets/images/file/63701/180-180.webp\")
![\"\u041f\u043e\u0434\u043f\u0438\u0441\u043a\u0430](\"https://u.netology.ru/backend/uploads/page_assets/images/file/64005/books__1_.webp\")
![\"\"](\"https://u.netology.ru/backend/uploads/page_assets/images/file/63911/Image-_5_.webp\")
\n \t![\"\u041a\u0443\u0440\u0441\u044b](\"https://u.netology.ru/backend/uploads/page_assets/images/file/63582/image__6_.webp\")
![\"\"](\"https://u.netology.ngcdn.ru/backend/uploads/page_assets/images/file/41562/icon.png\"){kind=icon}
![](\"https://u.netology.ru/backend/uploads/page_assets/images/file/61425/sert__4_.webp\")
\n \t![](\"https://u.netology.ru/backend/uploads/page_assets/images/file/58299/kit.png\")
\n \t![\"\u0418\u043d\u0444\u043e\u0433\u0440\u0430\u0444\u0438\u043a\u0430\"](\"https://u.netology.ru/backend/uploads/page_assets/images/file/60675/illust__4_.webp\")
![\"\u041c\u0435\u043d\u0435\u0434\u0436\u0435\u0440](\"https://u.netology.ru/backend/uploads/page_assets/images/file/60663/illust__3_.webp\")
![\"1\u0421-\u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0441\u0442\"](\"https://u.netology.ru/backend/uploads/page_assets/images/file/60662/illust__2_.webp\")
![\"\u0410\u043d\u0430\u043b\u0438\u0442\u0438\u043a](\"https://u.netology.ru/backend/uploads/page_assets/images/file/60661/illust__1___1_.webp\")
![\"\u0413\u0440\u0430\u0444\u0438\u0447\u0435\u0441\u043a\u0438\u0439](\"https://u.netology.ru/backend/uploads/page_assets/images/file/60658/illust__1_.webp\")
![](\"https://u.netology.ru/backend/uploads/page_assets/images/file/49858/smm.png\")
\n ![](\"https://u.netology.ngcdn.ru/backend/uploads/legacy/program_families/image/869/%D0%BA%D0%B0%D0%BA_%D1%81%D1%82%D0%B0%D1%82%D1%8C_%D0%BF%D1%80%D0%BE%D0%B3%D1%80%D0%B0%D0%BC%D0%BC%D0%B8%D1%81%D1%82%D0%BE%D0%BC-min.jpg\")
\n ![](\"https://u.netology.ru/backend/uploads/page_assets/images/file/49859/ds.png\")
\n ![](\"https://u.netology.ru/backend/uploads/page_assets/images/file/46984/diz.png\")
\n ![](\"https://u.netology.ru/backend/uploads/page_assets/images/file/49860/pm.png\")
\n ![\"\u041c\u0435\u043d\u0435\u0434\u0436\u0435\u0440](\"https://u.netology.ru/backend/uploads/page_assets/images/file/60582/meneger_proektov.webp\")
![](\"https://u.netology.ngcdn.ru/backend/uploads/legacy/program_families/image/1246/%D1%81%D1%82%D0%B0%D1%80%D1%82%D0%B2%D1%81%D0%BC%D0%BC.jpg\")
\n ![](\"https://u.netology.ngcdn.ru/backend/uploads/legacy/program_families/image/1538/dsf-min.jpg\")
\n ![](\"https://u.netology.ngcdn.ru/backend/uploads/legacy/program_families/image/681/%D0%BA%D0%B0%D0%BA_%D1%81%D1%82%D0%B0%D1%82%D1%8C_%D0%B4%D0%B8%D0%B7%D0%B0%D0%B8%CC%86%D0%BD%D0%B5%D1%80%D0%BE%D0%BC.png\")
\n ![](\"https://u.netology.ngcdn.ru/backend/uploads/legacy/program_families/image/1025/02-min.jpg\")
\n