\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\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n `\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\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n `\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\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n `\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
\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
\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
\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
\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
\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": 6185, "externalId": "568a2656-885d-4f30-b526-e48d2819992a"}, "inSegmentByDefault": true}, "operator": "$check"}, {"id": "12", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 6180, "externalId": "3eee6d0d-3287-46ea-92e9-5091dff6ed26"}, "inSegmentByDefault": true}, "operator": "$check"}, {"id": "13", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 6179, "externalId": "2ba3c8ce-6f1f-431c-b912-328bb5b6674c"}, "inSegmentByDefault": true}, "operator": "$check"}, {"id": "14", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 6181, "externalId": "72e5984e-d30f-4078-aeaf-84ad1f1bc105"}, "inSegmentByDefault": true}, "operator": "$check"}, {"id": "15", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 6182, "externalId": "af74fb44-0fa0-4f97-b480-eb8d8c43c640"}, "inSegmentByDefault": true}, "operator": "$check"}, {"id": "16", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 6183, "externalId": "0020816a-b37c-4456-a7b7-e9a540ad7753"}, "inSegmentByDefault": true}, "operator": "$check"}, {"id": "17", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 6184, "externalId": "6d490dfb-88af-4272-ba66-76fc6e418afc"}, "inSegmentByDefault": true}, "operator": "$check"}, {"id": "18", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 5039, "externalId": "9f563bdd-27c2-4c91-82b4-ba3dd5d53372"}, "inSegmentByDefault": true}, "operator": "$check"}, {"id": "19", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 5040, "externalId": "f52ac939-0eb4-40de-973b-233cef2204d6"}, "inSegmentByDefault": true}, "operator": "$check"}, {"id": "20", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 5041, "externalId": "7d85a0ee-091f-4ffd-a0e5-01e81974b043"}, "inSegmentByDefault": true}, "operator": "$check"}, {"id": "21", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 5042, "externalId": "d8c697a2-f93a-47d3-825c-fd18016bb883"}, "inSegmentByDefault": true}, "operator": "$check"}, {"id": "22", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 5043, "externalId": "fc0efdaf-0e16-4b0c-879f-14b8ef62061c"}, "inSegmentByDefault": true}, "operator": "$check"}, {"id": "23", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 5044, "externalId": "63205e60-66ec-4db2-90de-d468bd6809dc"}, "inSegmentByDefault": true}, "operator": "$check"}, {"id": "24", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 5045, "externalId": "e25ccdcc-8446-43a6-a25f-1bff3cc30f8c"}, "inSegmentByDefault": true}, "operator": "$check"}, {"id": "25", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 6332, "externalId": "d1e1786a-0980-4c7b-814e-58e22afe994a"}, "inSegmentByDefault": true}, "operator": "$check"}, {"id": "26", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 6325, "externalId": "9f6c7cb6-dc04-46b3-9ad0-bc8972458787"}, "inSegmentByDefault": true}, "operator": "$check"}, {"id": "27", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 6324, "externalId": "e89b33bd-e0a1-4d42-8a52-a660be18a3c4"}, "inSegmentByDefault": true}, "operator": "$check"}, {"id": "28", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 6321, "externalId": "8a787436-c482-46ad-bb5b-a9d1ea6cc2d4"}, "inSegmentByDefault": true}, "operator": "$check"}, {"id": "29", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 6327, "externalId": "1f0f7b53-39b6-49a4-a0fc-aa9cf515001d"}, "inSegmentByDefault": true}, "operator": "$check"}, {"id": "30", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 6330, "externalId": "328d9c63-d58b-429f-bbee-6c026ba91e0a"}, "inSegmentByDefault": true}, "operator": "$check"}, {"id": "31", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 6329, "externalId": "6ba173a6-9052-4e65-972c-6461f515fe55"}, "inSegmentByDefault": true}, "operator": "$check"}, {"id": "32", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 6333, "externalId": "935a45ef-6a4d-43be-aac7-6acf48911cf9"}, "inSegmentByDefault": true}, "operator": "$check"}, {"id": "33", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 6326, "externalId": "e8cfb16f-e234-4d77-bc71-b38c8789330a"}, "inSegmentByDefault": true}, "operator": "$check"}, {"id": "34", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 6331, "externalId": "13cb6ed5-113a-49be-bac0-a43d3ef5fa03"}, "inSegmentByDefault": true}, "operator": "$check"}, {"id": "35", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 6328, "externalId": "6752e755-c30e-4f69-8f68-2def0947f000"}, "inSegmentByDefault": true}, "operator": "$check"}, {"id": "36", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 6334, "externalId": "d0101f40-9e4d-4f45-8a59-7253fc12694f"}, "inSegmentByDefault": true}, "operator": "$check"}], "operator": "$and"}}, "settings_splits": [{"settings": {"title": "
\u041f\u0440\u0438\u0432\u043e\u0434\u0438 \u0434\u0440\u0443\u0437\u0435\u0439 \u0438 \u0432\u044b\u0431\u0438\u0440\u0430\u0439 \u0441\u0432\u043e\u044e \u043d\u0430\u0433\u0440\u0430\u0434\u0443 ", "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": "\u0411\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u044b\u0439 \u043a\u0443\u0440\u0441 \u0438\u043b\u0438 20% \u043e\u0442 \u0441\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u0438 \u0438\u0445 \u043f\u043e\u043a\u0443\u043f\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=1722523788763", "rendered_button_preview": null, "settings": {"title": "
\u041f\u0440\u0438\u0432\u043e\u0434\u0438 \u0434\u0440\u0443\u0437\u0435\u0439 \u0438 \u0432\u044b\u0431\u0438\u0440\u0430\u0439 \u0441\u0432\u043e\u044e \u043d\u0430\u0433\u0440\u0430\u0434\u0443 ", "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": "\u0411\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u044b\u0439 \u043a\u0443\u0440\u0441 \u0438\u043b\u0438 20% \u043e\u0442 \u0441\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u0438 \u0438\u0445 \u043f\u043e\u043a\u0443\u043f\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": 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
\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"}, {"id": "5", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": true, "operation": "popmechanic-check-segment", "segmentation": {"id": 6551, "externalId": "742694c1-293a-4d73-aa11-9d3baaf6d085"}, "inSegmentByDefault": false}, "operator": "$check"}], "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"}, {"id": "5", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": true, "operation": "popmechanic-check-segment", "segmentation": {"id": 6551, "externalId": "742694c1-293a-4d73-aa11-9d3baaf6d085"}, "inSegmentByDefault": false}, "operator": "$check"}], "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": "