{"forms": [{"id": 95500, "template": 3404, "button_template": null, "test_group": null, "new_targeting": {"filter": {"id": "root", "name": "root", "nodes": [{"id": "2", "name": "$and", "type": "current_page", "nodes": [{"id": "3", "name": "$or", "nodes": [{"id": "4", "field": "page", "value": ["coolclever.ru/catalog/otdokhni"], "operator": "$in_endsWith"}, {"id": "5", "field": "page", "value": ["coolclever.ru/catalog/myasnov/gotovaya-eda/prazdnichnoe-menyu"], "operator": "$in_contains"}], "operator": "$or"}, {"id": "6", "field": "page", "value": "https://www.coolclever.ru/login?backurl=game", "operator": "$exclude"}, {"id": "7", "field": "page", "value": "wawlucky-game", "operator": "$exclude"}, {"id": "8", "field": "page", "value": "https://www.coolclever.ru/pay", "operator": "$exclude"}, {"id": "9", "field": "page", "value": "https://www.coolclever.ru/podarochnie-carti", "operator": "$exclude"}, {"id": "10", "field": "page", "value": "https://www.coolclever.ru/poluchenie-carti", "operator": "$exclude"}, {"id": "11", "field": "page", "value": "referral", "operator": "$exclude"}, {"id": "12", "field": "page", "value": "shashlychnyi-calculator", "operator": "$exclude"}, {"id": "13", "field": "page", "value": "https://www.coolclever.ru/polnye-pravila-uchastiya-v-igre-shashlucky", "operator": "$exclude"}], "operator": "$and"}, {"id": "14", "name": "$and", "type": "current_page", "nodes": [{"id": "15", "field": "page", "value": "coolclever.ru/catalog/otdokhni/all", "operator": "$exclude"}, {"id": "16", "field": "page", "value": "coolclever.ru/catalog/otdokhni/novinki-otdokhni ", "operator": "$exclude"}, {"id": "17", "field": "page", "value": "coolclever.ru/catalog/otdokhni/20-samykh-populyarnykh-vin ", "operator": "$exclude"}, {"id": "18", "field": "page", "value": "coolclever.ru/catalog/otdokhni/vino ", "operator": "$exclude"}, {"id": "19", "field": "page", "value": "coolclever.ru/catalog/otdokhni/vino/krasnoe-vino ", "operator": "$exclude"}, {"id": "20", "field": "page", "value": "coolclever.ru/catalog/otdokhni/shampanskoe-igristoe ", "operator": "$exclude"}, {"id": "21", "field": "page", "value": "coolclever.ru/catalog/otdokhni/shampanskoe-igristoe/kremany-i-blankety ", "operator": "$exclude"}, {"id": "22", "field": "page", "value": "coolclever.ru/catalog/otdokhni/viski ", "operator": "$exclude"}, {"id": "23", "field": "page", "value": "coolclever.ru/catalog/otdokhni/viski/irlandskie-viski ", "operator": "$exclude"}, {"id": "24", "field": "page", "value": "coolclever.ru/catalog/otdokhni/likery ", "operator": "$exclude"}, {"id": "25", "field": "page", "value": "coolclever.ru/catalog/otdokhni/likery/travyanye ", "operator": "$exclude"}, {"id": "26", "field": "page", "value": "coolclever.ru/catalog/myasnov/syry ", "operator": "$exclude"}, {"id": "27", "field": "page", "value": "coolclever.ru/catalog/myasnov/syry/tverdye-polutverdye ", "operator": "$exclude"}, {"id": "28", "field": "page", "value": "coolclever.ru/catalog/myasnov/syry/tverdye-polutverdye/tverdye ", "operator": "$exclude"}, {"id": "29", "field": "page", "value": "coolclever.ru/catalog/myasnov/syry/v-narezke-tertye ", "operator": "$exclude"}, {"id": "30", "field": "page", "value": "coolclever.ru/catalog/myasnov/olivkovye-masla-sousy-uksusy/olivkovoe-maslo-iz-ispanii", "operator": "$exclude"}, {"id": "31", "field": "page", "value": "coolclever.ru/catalog/myasnov/olivkovye-masla-sousy-uksusy/olivkovoe-maslo-iz-italii", "operator": "$exclude"}, {"id": "32", "field": "page", "value": "coolclever.ru/catalog/myasnov/sukhofrukty-orekhi-semena/orekhi-semena", "operator": "$exclude"}, {"id": "33", "field": "page", "value": "coolclever.ru/catalog/myasnov/olivki-artishoki-vyalenye-tomaty ", "operator": "$exclude"}, {"id": "34", "field": "page", "value": "coolclever.ru/catalog/myasnov/olivki-artishoki-vyalenye-tomaty/artishoki", "operator": "$exclude"}, {"id": "35", "field": "page", "value": "coolclever.ru/catalog/myasnov/olivki-artishoki-vyalenye-tomaty/artishoki", "operator": "$exclude"}], "operator": "$and"}], "operator": "$and"}}, "settings_splits": [{"settings": {}, "button_settings": {}, "conditions_splits": [{"conditions": {"pages": "2", "session_time": "20"}, "combinator": "and", "id": 203344}], "id": 94908, "behavior_settings": {"button": {"on": false, "positions": {"desktop": {"top": "0px", "left": "0px"}}, "conditions": "targeting", "show_before": true}, "partscreen": {"mobile": {"target": "window", "position": "bottom-right", "vertical_offset": 60, "element_position": "right", "horizontal_offset": 20, "element_vertical_offset": 0, "element_horizontal_offset": 0}, "tablet": null, "desktop": {"target": "window", "position": "bottom-right", "vertical_offset": 20, "element_position": "right", "horizontal_offset": 20, "element_vertical_offset": 0, "element_horizontal_offset": 0}, "animation_in": "fadeIn", "allow_overlay": false, "animation_out": "fadeOut", "paranja_color": "#000000", "paranja_opacity": 0.3}}}], "pinned": false, "name": "\u041f\u043e\u043f\u0430\u043f \u041d\u0430\u043f\u0438\u0442\u043a\u0438 \u0434\u043b\u044f \u0432\u0430\u0448\u0435\u0433\u043e \u043f\u0440\u0430\u0437\u0434\u043d\u0438\u043a\u0430", "active": true, "embed_selector": false, "selector": "", "placement": "start", "frequency": {"once_lifetime": false, "once_session": true, "priority": false, "minimal_timeout": null}, "start_date": null, "end_date": null, "day_of_week": [true, true, true, true, true, true, true], "start_time": null, "end_time": null, "timezone_minutes": 180, "custom_fields": [], "container_id": null, "child_forms": [], "salt": null, "control_group": null, "variants": [{"is_winner": false, "ab_test_variant_internal_id": null, "view_settings": {"button_template": null, "rendered_preview": "https://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-95992.png?ts=1726526224570&id=ccf8c77a-556d-44d8-8095-638e5213b4f0", "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": {"target": "window", "position": "bottom-right", "vertical_offset": 60, "element_position": "right", "horizontal_offset": 20, "element_vertical_offset": 0, "element_horizontal_offset": 0}, "tablet": null, "desktop": {"target": "window", "position": "bottom-right", "vertical_offset": 20, "element_position": "right", "horizontal_offset": 20, "element_vertical_offset": 0, "element_horizontal_offset": 0}, "animation_in": "fadeIn", "allow_overlay": false, "animation_out": "fadeOut", "paranja_color": "#000000", "paranja_opacity": 0.3}}, "html": "
\r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n
", "css": ".popmechanic-reset,\r\n.popmechanic-reset * {\r\n line-height: normal;\r\n box-sizing: border-box;\r\n}\r\n#popmechanic-form {\r\n position: relative;\r\n display: inline-block;\r\n vertical-align: middle;\r\n font-family: 'Ubuntu', sans-serif;\r\n border-radius: 10%;\r\n}\r\n#popmechanic-form .popmechanic-main {\r\n background-size: cover;\r\n box-sizing: border-box;\r\n overflow: hidden;\r\n position: relative;\r\n}\r\n#popmechanic-content {\r\n display: flex;\r\n}\r\n.animation-img{\r\n animation-duration: 3s;\r\n animation-iteration-count: infinite;\r\n animation-name: animation-img;\r\n\tanimation-timing-function: ease;\r\n}\r\n@keyframes animation-img {\r\n 0% { transform: translateY(0); }\r\n 50% { transform: translateY(-15px); }\r\n 100% { transform: translateY(0); }\r\n}\r\n\r\n/* \u0418\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435 */\r\n.image-pos {\r\n width: 300px;\r\n height: 300px;\r\n}\r\n.image-pos-tablet {\r\n width: 250px;\r\n height: 250px;\r\n}\r\n.image-pos-phone {\r\n width: 180px;\r\n height: 180px;\r\n}\r\n.popmechanic-desktop .image-pos-tablet,\r\n.popmechanic-mobile .image-pos-tablet {\r\n display: none;\r\n}\r\n.popmechanic-tablet .image-pos,\r\n.popmechanic-mobile .image-pos {\r\n display: none;\r\n}\r\n.popmechanic-desktop .image-pos-phone,\r\n.popmechanic-tablet .image-pos-phone {\r\n display: none;\r\n}\r\n/* End \u0418\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435 */\r\n\r\n/* \u0417\u0430\u043a\u0440\u044b\u0432\u0430\u0448\u043a\u0430 */\r\n#popmechanic-form .div-close {\r\n width: 70px;\r\n height: 70px;\r\n position: absolute;\r\n top: -20px;\r\n right: 0;\r\n display: block;\r\n cursor: pointer;\r\n} \r\n.popmechanic-tablet #popmechanic-form .div-close{\r\n top: -25px;\r\n right: -15px;\r\n} \r\n.popmechanic-mobile #popmechanic-form .div-close {\r\n width: 55px;\r\n height: 55px;\r\n top: -15px;\r\n right: -15px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-close {\r\n display: block;\r\n position: absolute;\r\n top: 2px;\r\n right: 8px;\r\n text-decoration: none;\r\n width: 25px;\r\n height: 25px;\r\n cursor: pointer;\r\n transform: rotate(45deg);\r\n}\r\n#popmechanic-form .popmechanic-close:after,\r\n#popmechanic-form .popmechanic-close:before {\r\n content: ' ';\r\n display: block;\r\n position: absolute;\r\n margin-top: 19.5px;\r\n width: 35px;\r\n height: 2px;\r\n background-color: black;\r\n transition: background-color .2s ease;\r\n border-radius: 0.5px;\r\n}\r\n#popmechanic-form .popmechanic-close:before {\r\n transform: rotate(90deg);\r\n}\r\n#popmechanic-form .popmechanic-close:hover:before,\r\n#popmechanic-form .popmechanic-close:hover:after,\r\n#popmechanic-form .div-close:hover .popmechanic-close:before,\r\n#popmechanic-form .div-close:hover .popmechanic-close:after {\r\n background-color: #bbb;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-close {\r\n top: 0px;\r\n right: 15px;\r\n width: 5px;\r\n height: 5px;\r\n right: 15px;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-close:before,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-close:after {\r\n height: 25px;\r\n width: 2px;\r\n margin-top: 0px;\r\n margin-left: 10px;\r\n}\r\n/* End \u0417\u0430\u043a\u0440\u044b\u0432\u0430\u0448\u043a\u0430 */", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 94771, "template": 3404, "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": ["coolclever.ru/catalog/myasnov/kolbasy-sosiski-delikatesy-tushenka"], "operator": "$in_contains"}, {"id": "4", "field": "page", "value": "coolclever.ru/pay", "operator": "$exclude"}, {"id": "5", "field": "page", "value": "coolclever.ru/profile", "operator": "$exclude"}, {"id": "6", "field": "page", "value": "coolclever.ru/wawlucky", "operator": "$exclude"}, {"id": "7", "field": "page", "value": "coolclever.ru/podarochnie-carti", "operator": "$exclude"}, {"id": "8", "field": "page", "value": "coolclever.ru/poluchenie-carti", "operator": "$exclude"}, {"id": "9", "field": "page", "value": "referral", "operator": "$exclude"}, {"id": "10", "field": "page", "value": "coolclever.ru/login?backurl=game ", "operator": "$exclude"}, {"id": "11", "field": "page", "value": "game ", "operator": "$exclude"}, {"id": "12", "field": "page", "value": "wawlucky-game", "operator": "$exclude"}, {"id": "13", "field": "page", "value": "wawlucky-game", "operator": "$exclude"}, {"id": "14", "field": "page", "value": "coolclever.ru/polnye-pravila-uchastiya-v-igre-shashlucky", "operator": "$exclude"}, {"id": "15", "field": "page", "value": "coolclever.ru/catalog/otdokhni", "operator": "$exclude"}, {"id": "16", "field": "page", "value": "coolclever.ru/catalog/myasnov/gotovaya-eda/prazdnichnoe-menyu", "operator": "$exclude"}], "operator": "$and"}], "operator": "$and"}}, "settings_splits": [{"settings": {}, "button_settings": {}, "conditions_splits": [{"conditions": {"delay": "10", "pages": "2"}, "combinator": "and", "id": 202876}], "id": 94179, "behavior_settings": {"button": {"on": false, "positions": {"desktop": {"top": "0px", "left": "0px"}}, "conditions": "targeting", "show_before": true}, "partscreen": {"mobile": {"target": "window", "position": "bottom-right", "vertical_offset": 60, "element_position": "right", "horizontal_offset": 20, "element_vertical_offset": 0, "element_horizontal_offset": 0}, "tablet": null, "desktop": {"target": "window", "position": "bottom-right", "vertical_offset": 20, "element_position": "right", "horizontal_offset": 20, "element_vertical_offset": 0, "element_horizontal_offset": 0}, "animation_in": "fadeIn", "allow_overlay": false, "animation_out": "fadeOut", "paranja_color": "#000000", "paranja_opacity": 0.3}}}], "pinned": false, "name": "\u041f\u043e\u043f\u0430\u043f -15% \u043d\u0430 \u043a\u043e\u043b\u0431\u0430\u0441\u044b", "active": true, "embed_selector": false, "selector": "", "placement": "start", "frequency": {"once_lifetime": false, "once_session": true, "priority": false, "minimal_timeout": null}, "start_date": null, "end_date": null, "day_of_week": [true, true, true, true, true, true, true], "start_time": null, "end_time": null, "timezone_minutes": 180, "custom_fields": [], "container_id": null, "child_forms": [], "salt": null, "control_group": null, "variants": [{"is_winner": false, "ab_test_variant_internal_id": null, "view_settings": {"button_template": null, "rendered_preview": "https://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-95286.png?ts=1726525820918&id=ca58a07f-fad5-43f1-9164-b26a2e56cada", "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": {"target": "window", "position": "bottom-right", "vertical_offset": 60, "element_position": "right", "horizontal_offset": 20, "element_vertical_offset": 0, "element_horizontal_offset": 0}, "tablet": null, "desktop": {"target": "window", "position": "bottom-right", "vertical_offset": 20, "element_position": "right", "horizontal_offset": 20, "element_vertical_offset": 0, "element_horizontal_offset": 0}, "animation_in": "fadeIn", "allow_overlay": false, "animation_out": "fadeOut", "paranja_color": "#000000", "paranja_opacity": 0.3}}, "html": "
\r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n
", "css": "", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 90817, "template": 673, "button_template": null, "test_group": null, "new_targeting": {"filter": {"id": "root", "name": "root", "nodes": [{"id": "2", "name": "$and", "type": "current_page", "nodes": [{"id": "3", "field": "page", "value": ["https://www.coolclever.ru"], "operator": "$in_contains"}, {"id": "4", "field": "page", "value": "https://www.coolclever.ru/pay", "operator": "$exclude"}, {"id": "5", "field": "page", "value": "https://www.coolclever.ru/profile", "operator": "$exclude"}, {"id": "6", "field": "page", "value": "https://www.coolclever.ru/wawlucky", "operator": "$exclude"}, {"id": "7", "field": "page", "value": "https://www.coolclever.ru/podarochnie-carti", "operator": "$exclude"}, {"id": "8", "field": "page", "value": "https://www.coolclever.ru/poluchenie-carti", "operator": "$exclude"}, {"id": "9", "field": "page", "value": "referral", "operator": "$exclude"}, {"id": "10", "field": "page", "value": "coolclever.ru/login", "operator": "$exclude"}, {"id": "11", "field": "page", "value": "game ", "operator": "$exclude"}, {"id": "12", "field": "page", "value": "wawlucky-game", "operator": "$exclude"}, {"id": "13", "field": "page", "value": "https://www.coolclever.ru/polnye-pravila-uchastiya-v-igre-shashlucky", "operator": "$neq"}], "operator": "$and"}, {"id": "14", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 6270, "externalId": "33df2360-fc67-4371-93a2-5a24c4db1ab9"}, "inSegmentByDefault": true}, "operator": "$check"}, {"id": "15", "field": "js", "value": "return !window.ISAUTH", "operator": "$exec"}], "operator": "$and"}}, "settings_splits": [{"settings": {"img1": "", "link": "https://mindbox.ru/", "text": "\u0421\u043c\u043e\u0442\u0440\u0438 \u043d\u0430\u0448 \u0440\u0430\u0437\u0434\u0435\u043b SALE \u0441\u043e \u0441\u043a\u0438\u0434\u043a\u0430\u043c\u0438 \u0434\u043e -80%", "header": "\u041b\u044e\u0431\u0438\u0448\u044c
\u0441\u043a\u0438\u0434\u043a\u0438?", "but_col1": "", "but_col2": "", "but_col4": "", "link_text": "\u041f\u0435\u0440\u0435\u0439\u0442\u0438 \u0432 \u0440\u0430\u0437\u0434\u0435\u043b", "text_col1": "", "text_col2": "", "text_size1": "58", "text_size2": "20", "font_custom": "\u2018Circe\u2019, Arial, sans-serif", "font_family": "Roboto, sans-serif", "font_custom_show": "0"}, "button_settings": {}, "conditions_splits": [{"conditions": {"session_time": "10"}, "combinator": "and", "id": 200545}], "id": 90225, "behavior_settings": {"button": {"on": false, "positions": {"desktop": {"top": "0px", "left": "0px"}}, "conditions": "targeting", "show_before": true}, "partscreen": {"mobile": null, "tablet": null, "desktop": {"target": "window", "position": "center", "vertical_offset": 0, "element_position": "right", "horizontal_offset": 0, "element_vertical_offset": 0, "element_horizontal_offset": 0}, "animation_in": "fadeIn", "allow_overlay": false, "animation_out": "fadeOut", "paranja_color": "#000000", "paranja_opacity": 0.3}}}], "pinned": false, "name": "\u041f\u043e\u043f-\u0430\u043f \u0434\u043b\u044f \u043d\u0435\u0430\u0432\u0442\u043e\u0440\u0438\u0437\u043e\u0432\u0430\u043d\u043d\u044b\u0445 (\u0430\u043d\u043e\u043d\u0441 \u041f\u041e\u041b\u0426\u0415\u041d\u042b)", "active": true, "embed_selector": false, "selector": "", "placement": "start", "frequency": {"once_lifetime": false, "once_session": true, "priority": false, "minimal_timeout": null}, "start_date": null, "end_date": null, "day_of_week": [true, true, true, true, true, true, true], "start_time": null, "end_time": null, "timezone_minutes": 180, "custom_fields": [], "container_id": null, "child_forms": [], "salt": null, "control_group": null, "variants": [{"is_winner": false, "ab_test_variant_internal_id": null, "view_settings": {"button_template": null, "rendered_preview": "https://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-91175.png?ts=1726523060441&id=44ea5b80-27fa-4f11-800f-ccc91a591a85", "rendered_button_preview": null, "settings": {"img1": "", "link": "https://mindbox.ru/", "text": "\u0421\u043c\u043e\u0442\u0440\u0438 \u043d\u0430\u0448 \u0440\u0430\u0437\u0434\u0435\u043b SALE \u0441\u043e \u0441\u043a\u0438\u0434\u043a\u0430\u043c\u0438 \u0434\u043e -80%", "header": "\u041b\u044e\u0431\u0438\u0448\u044c
\u0441\u043a\u0438\u0434\u043a\u0438?", "but_col1": "", "but_col2": "", "but_col4": "", "link_text": "\u041f\u0435\u0440\u0435\u0439\u0442\u0438 \u0432 \u0440\u0430\u0437\u0434\u0435\u043b", "text_col1": "", "text_col2": "", "text_size1": "58", "text_size2": "20", "font_custom": "\u2018Circe\u2019, Arial, sans-serif", "font_family": "Roboto, sans-serif", "font_custom_show": "0"}, "button_settings": {}, "behavior_settings": {"button": {"on": false, "positions": {"desktop": {"top": "0px", "left": "0px"}}, "conditions": "targeting", "show_before": true}, "partscreen": {"mobile": null, "tablet": null, "desktop": {"target": "window", "position": "center", "vertical_offset": 0, "element_position": "right", "horizontal_offset": 0, "element_vertical_offset": 0, "element_horizontal_offset": 0}, "animation_in": "fadeIn", "allow_overlay": false, "animation_out": "fadeOut", "paranja_color": "#000000", "paranja_opacity": 0.3}}, "html": "
\r\n
\r\n
\r\n \r\n \r\n
\r\n

\u0410\u0432\u0442\u043e\u0440\u0438\u0437\u0443\u0439\u0442\u0435\u0441\u044c, \u0447\u0442\u043e\u0431\u044b \u043e\u0442\u043a\u0440\u044b\u0442\u044c \u043f\u043e\u0434\u0431\u043e\u0440\u043a\u0443 \u0445\u0438\u0442\u043e\u0432

\r\n
\r\n\r\n \r\n
\r\n \u0410\u0432\u0442\u043e\u0440\u0438\u0437\u043e\u0432\u0430\u0442\u044c\u0441\u044f \u2192 \r\n
\r\n
\r\n \r\n
\"\"
\r\n
\"\"
\r\n
\"\"
\r\n \r\n
\r\n \r\n \r\n
\r\n
", "css": "@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@400;700&display=swap');\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#popmechanic-form {\r\n position: relative;\r\n display: inline-block;\r\n vertical-align: middle;\r\n font-family: 'Ubuntu', sans-serif;\r\n border-radius: 10%;\r\n}\r\n.popmechanic-tablet #popmechanic-form {\r\n width: 380px;\r\n}\r\n.popmechanic-mobile #popmechanic-form {\r\n width: 256px;\r\n}\r\n\r\n#popmechanic-form .href-popup {\r\n text-decoration: none;\r\n box-sizing: border-box;\r\n}\r\n\r\n/* \u0420\u0430\u0437\u043c\u0435\u0440\u044b popup \u043e\u043a\u043d\u0430 */\r\n#popmechanic-form .popmechanic-main {\r\n border-radius: 30px;\r\n background-color: #ff9712 ;\r\n background-size: cover;\r\n box-sizing: border-box;\r\n width: 800px;\r\n height: 580px;\r\n overflow: hidden;\r\n position: relative;\r\n padding-top: 355px;\r\n padding-bottom: 80px;\r\n padding-left: 46px;\r\n padding-right: 50px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-main {\r\n width: 380px;\r\n height: 380px;\r\n padding-top: 205px;\r\n padding-bottom: 35px;\r\n padding-left: 30px;\r\n padding-right: 22px;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main {\r\n width: 256px;\r\n height: 356px;\r\n padding-top: 190px;\r\n padding-bottom: 30px;\r\n padding-left: 18px;\r\n padding-right: 24px;\r\n}\r\n/* End \u0420\u0430\u0437\u043c\u0435\u0440\u044b popup \u043e\u043a\u043d\u0430 */\r\n\r\n\r\n/* \u041a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440 \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u0430 */\r\n#popmechanic-form .content-title {\r\n width:100%;\r\n margin-bottom: 20px;\r\n z-index: 2;\r\n position: relative;\r\n}\r\n.popmechanic-tablet #popmechanic-form .content-title {\r\n margin-bottom: 20px;\r\n}\r\n.popmechanic-mobile #popmechanic-form .content-title {\r\n margin-bottom: 12px;\r\n}\r\n#popmechanic-form .main-text {\r\n color: #fff;\r\n font-size: 60px;\r\n font-weight: bold;\r\n line-height: 62px;\r\n margin: 0;\r\n}\r\n.popmechanic-tablet #popmechanic-form .main-text {\r\n font-size: 28px;\r\n line-height: 20px;\r\n}\r\n.popmechanic-mobile #popmechanic-form .main-text {\r\n font-size: 30px;\r\n line-height: 30px;\r\n}\r\n/* End \u041a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440 \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u0430 */\r\n\r\n\r\n/* \u041a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440 \u0442\u0435\u043a\u0441\u0442\u0430 */\r\n#popmechanic-form .content-text {\r\n width: 100%;\r\n margin-bottom: 30px;\r\n z-index: 2;\r\n position: relative;\r\n padding-right: 430px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .content-text {\r\n margin-bottom: 20px;\r\n padding-right: 135px;\r\n}\r\n.popmechanic-mobile #popmechanic-form .content-text {\r\n margin-bottom: 21px;\r\n padding-right: 60px;\r\n \r\n}\r\n#popmechanic-form .desc-text {\r\n color: #fff;\r\n font-weight: normal;\r\n font-size: 27px;\r\n line-height: 30px;\r\n margin: 0;\r\n}\r\n.popmechanic-tablet #popmechanic-form .desc-text {\r\n font-size: 20px;\r\n line-height: 22px;\r\n}\r\n.popmechanic-mobile #popmechanic-form .desc-text {\r\n font-size: 19px;\r\n line-height: 20px;\r\n}\r\n/* End \u041a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440 \u0442\u0435\u043a\u0441\u0442\u0430 */\r\n\r\n\r\n/* \u0418\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435 */\r\n#popmechanic-form .image-pos {\r\n position: absolute;\r\n right: 0px;\r\n top: 0px;\r\n overflow: hidden;\r\n z-index: 0;\r\n}\r\n.popmechanic-desktop #popmechanic-form .image-pos img {\r\n height: 582px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .image-pos-tablet {\r\n position: absolute;\r\n right: 0px;\r\n top: 0px;\r\n overflow: hidden;\r\n height: auto;\r\n z-index: 0;\r\n}\r\n.popmechanic-desktop #popmechanic-form .image-pos-tablet img {\r\n height: 380px;\r\n}\r\n.popmechanic-mobile #popmechanic-form .image-pos-phone {\r\n position: absolute;\r\n left: 0;\r\n top: 0;\r\n overflow: hidden;\r\n height: auto;\r\n z-index: 0;\r\n}\r\n.popmechanic-mobile #popmechanic-form .image-pos-phone img {\r\n height: 356px;\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form .image-pos-tablet,\r\n.popmechanic-mobile #popmechanic-form .image-pos-tablet {\r\n display: none;\r\n}\r\n.popmechanic-tablet #popmechanic-form .image-pos,\r\n.popmechanic-mobile #popmechanic-form .image-pos {\r\n display: none;\r\n}\r\n.popmechanic-desktop #popmechanic-form .image-pos-phone,\r\n.popmechanic-tablet #popmechanic-form .image-pos-phone {\r\n display: none;\r\n}\r\n/* End \u0418\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435 */\r\n\r\n\r\n/* \u041a\u043d\u043e\u043f\u043a\u0430 */\r\n#popmechanic-form .popmechanic-button {\r\n z-index: 1;\r\n position: relative;\r\n padding: 0;\r\n margin: 0;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n text-decoration: none;\r\n box-sizing: border-box;\r\n cursor: pointer;\r\n background-color: white;\r\n border: none;\r\n border-radius: 10px;\r\n color: black;\r\n font-size: 27px;\r\n line-height: 70px;\r\n width: 280px;\r\n height: 58px;\r\n box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-button {\r\n width: 181px;\r\n font-size: 18px;\r\n height: 42px;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-button {\r\n width: 89%;\r\n height: 40px;\r\n font-size: 17px;\r\n\r\n}\r\n#popmechanic-form .popmechanic-button:hover {\r\n box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.45);\r\n transition: box-shadow 0.3s ease-in-out;\r\n}\r\n/* End \u041a\u043d\u043e\u043f\u043a\u0430 */\r\n\r\n/* \u0417\u0430\u043a\u0440\u044b\u0432\u0430\u0448\u043a\u0430 */\r\n#popmechanic-form .popmechanic-close {\r\n display: block;\r\n position: absolute;\r\n top: 10px;\r\n right: 10px;\r\n text-decoration: none;\r\n width: 25px;\r\n height: 25px;\r\n cursor: pointer;\r\n transform: rotate(45deg);\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-close {\r\n width: 5px;\r\n height: 5px;\r\n right: 15px;\r\n}\r\n#popmechanic-form .popmechanic-close:after,\r\n#popmechanic-form .popmechanic-close:before {\r\n content: ' ';\r\n display: block;\r\n position: absolute;\r\n margin-top: 19.5px;\r\n width: 25px;\r\n height: 2px;\r\n background-color: black;\r\n transition: background-color .2s ease;\r\n border-radius: 0.5px;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-close:before,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-close:after {\r\n height: 20px;\r\n width: 1px;\r\n margin-top: 10px;\r\n margin-left: 5px;\r\n}\r\n#popmechanic-form .popmechanic-close:before {\r\n transform: rotate(90deg);\r\n}\r\n\r\n#popmechanic-form .popmechanic-close:hover:before,\r\n#popmechanic-form .popmechanic-close:hover:after {\r\n background-color: white;\r\n}\r\n/* End \u0417\u0430\u043a\u0440\u044b\u0432\u0430\u0448\u043a\u0430 */", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}, {"id": 75269, "template": 673, "button_template": null, "test_group": null, "new_targeting": {"filter": {"id": "root", "name": "root", "nodes": [{"id": "2", "field": "mindboxCart", "filter": {"nodes": [{"id": "3", "name": "$and", "type": "mindboxProduct", "nodes": [{"id": "4", "field": "mindboxProductSegment", "value": {"segment": {"id": "8354", "externalId": "58913e71-b641-4972-94a5-3e589be32dc4"}, "segmentation": {"id": "7948", "externalId": "58913e71-b641-4972-94a5-3e589be32dc4"}}, "operator": "$exists"}], "operator": "$and"}], "operator": "$and"}, "aggregator": "$noneOf"}, {"id": "5", "name": "$or", "type": "current_page", "nodes": [{"id": "6", "field": "page", "value": ["https://www.coolclever.ru/actions"], "operator": "$in_contains"}, {"id": "7", "field": "page", "value": ["https://www.coolclever.ru/catalog"], "operator": "$in_contains"}, {"id": "8", "field": "page", "value": ["https://www.coolclever.ru/basket"], "operator": "$in_contains"}, {"id": "9", "field": "page", "value": ["https://www.coolclever.ru/"], "operator": "$in"}, {"id": "10", "field": "page", "value": "https://www.coolclever.ru/login?backurl=game", "operator": "$exclude"}, {"id": "11", "field": "page", "value": "wawlucky-game", "operator": "$exclude"}, {"id": "12", "field": "page", "value": "https://www.coolclever.ru/pay", "operator": "$exclude"}, {"id": "13", "field": "page", "value": "https://www.coolclever.ru/podarochnie-carti", "operator": "$exclude"}, {"id": "14", "field": "page", "value": "https://www.coolclever.ru/poluchenie-carti", "operator": "$exclude"}, {"id": "15", "field": "page", "value": "referral", "operator": "$exclude"}, {"id": "16", "field": "page", "value": "shashlychnyi-calculator", "operator": "$exclude"}, {"id": "17", "field": "page", "value": "https://www.coolclever.ru/polnye-pravila-uchastiya-v-igre-shashlucky", "operator": "$exclude"}], "operator": "$or"}, {"id": "18", "field": "mindboxCart", "filter": {"nodes": [{"id": "19", "name": "$and", "type": "mindboxProduct", "nodes": [{"id": "20", "field": "mindboxProductSegment", "value": {"segment": {"id": "8797", "externalId": "2bbab41d-b6f5-42a2-9af3-6f4b973d7381"}, "segmentation": {"id": "8371", "externalId": "2bbab41d-b6f5-42a2-9af3-6f4b973d7381"}}, "operator": "$exists"}], "operator": "$and"}], "operator": "$and"}, "aggregator": "$anyOf"}, {"id": "21", "field": "mindbox_segment", "value": {"auto": true, "segment": "$any", "inSegment": false, "operation": "popmechanic-check-segment", "segmentation": {"id": 8357, "externalId": "804d5c19-f724-408b-99a8-4261632f9ff9"}, "inSegmentByDefault": true}, "operator": "$check"}], "operator": "$and"}}, "settings_splits": [{"settings": {"img1": "", "link": "https://mindbox.ru/", "text": "\u0421\u043c\u043e\u0442\u0440\u0438 \u043d\u0430\u0448 \u0440\u0430\u0437\u0434\u0435\u043b SALE \u0441\u043e \u0441\u043a\u0438\u0434\u043a\u0430\u043c\u0438 \u0434\u043e -80%", "header": "\u041b\u044e\u0431\u0438\u0448\u044c
\u0441\u043a\u0438\u0434\u043a\u0438?", "but_col1": "", "but_col2": "", "but_col4": "", "link_text": "\u041f\u0435\u0440\u0435\u0439\u0442\u0438 \u0432 \u0440\u0430\u0437\u0434\u0435\u043b", "text_col1": "", "text_col2": "", "text_size1": "", "text_size2": "", "font_custom": "\u2018Circe\u2019, Arial, sans-serif", "font_family": "Roboto, sans-serif", "font_custom_show": "0"}, "button_settings": {}, "conditions_splits": [{"conditions": {"immediate": "1"}, "combinator": "and", "id": 190419}], "id": 74677, "behavior_settings": {"button": {"on": false, "positions": {"desktop": {"top": "0px", "left": "0px"}}, "conditions": "targeting", "show_before": true}, "partscreen": {"mobile": null, "tablet": null, "desktop": {"target": "window", "position": "center", "vertical_offset": 0, "element_position": "right", "horizontal_offset": 0, "element_vertical_offset": 0, "element_horizontal_offset": 0}, "animation_in": "fadeIn", "allow_overlay": false, "animation_out": "fadeOut", "paranja_color": "#000000", "paranja_opacity": 0.3}}}], "pinned": false, "name": "\u041f\u043e\u043f\u0430\u043f \u0431\u0430\u043a\u0430\u043b\u0435\u044f \u043d\u043e\u0432\u0430\u044f", "active": true, "embed_selector": false, "selector": "", "placement": "start", "frequency": {"once_lifetime": false, "once_session": false, "priority": false, "minimal_timeout": 86400}, "start_date": "2024-01-09T00:00:00+03:00", "end_date": "2024-12-31T23:30:00+03:00", "day_of_week": [true, true, true, true, true, true, true], "start_time": null, "end_time": null, "timezone_minutes": 180, "custom_fields": [], "container_id": null, "child_forms": [], "salt": null, "control_group": null, "variants": [{"is_winner": false, "ab_test_variant_internal_id": null, "view_settings": {"button_template": null, "rendered_preview": "https://personalization-web-stable.mindbox.ru/user-media/screenshots/form-variant-74767.png?ts=1726514108340&id=1981e3c0-330b-4a65-a107-e08de3c1a826", "rendered_button_preview": null, "settings": {"img1": "", "link": "https://mindbox.ru/", "text": "\u0421\u043c\u043e\u0442\u0440\u0438 \u043d\u0430\u0448 \u0440\u0430\u0437\u0434\u0435\u043b SALE \u0441\u043e \u0441\u043a\u0438\u0434\u043a\u0430\u043c\u0438 \u0434\u043e -80%", "header": "\u041b\u044e\u0431\u0438\u0448\u044c
\u0441\u043a\u0438\u0434\u043a\u0438?", "but_col1": "", "but_col2": "", "but_col4": "", "link_text": "\u041f\u0435\u0440\u0435\u0439\u0442\u0438 \u0432 \u0440\u0430\u0437\u0434\u0435\u043b", "text_col1": "", "text_col2": "", "text_size1": "", "text_size2": "", "font_custom": "\u2018Circe\u2019, Arial, sans-serif", "font_family": "Roboto, sans-serif", "font_custom_show": "0"}, "button_settings": {}, "behavior_settings": {"button": {"on": false, "positions": {"desktop": {"top": "0px", "left": "0px"}}, "conditions": "targeting", "show_before": true}, "partscreen": {"mobile": null, "tablet": null, "desktop": {"target": "window", "position": "center", "vertical_offset": 0, "element_position": "right", "horizontal_offset": 0, "element_vertical_offset": 0, "element_horizontal_offset": 0}, "animation_in": "fadeIn", "allow_overlay": false, "animation_out": "fadeOut", "paranja_color": "#000000", "paranja_opacity": 0.3}}, "html": "\r\n\r\n\r\n
\r\n
\r\n
\r\n
\r\n \r\n

\u0418\u0434\u0435\u0430\u043b\u044c\u043d\u043e
\u043a \u043c\u044f\u0441\u0443 \u0438 \u0441\u0442\u0435\u0439\u043a\u0430\u043c

\r\n
\r\n
\r\n

\u041a\u043e\u043b\u043b\u0435\u043a\u0446\u0438\u044f \u043b\u0435\u0433\u0435\u043d\u0434\u0430\u0440\u043d\u044b\u0445 \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u043e\u0432 \u0441\u043e \u0432\u0441\u0435\u0433\u043e \u043c\u0438\u0440\u0430\r\n\r\n

\r\n
\r\n \r\n
\r\n \r\n \r\n \u041e\u0422\u041a\u0420\u042b\u0422\u042c\r\n \r\n \r\n
\r\n
\r\n \r\n
\"\"
\r\n
\"\"
\r\n
\"\"
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n\r\n", "css": "\r\n\r\n\r\n<% try {\r\n font_custom_show = font_custom_show;\r\n } catch (e) { font_custom_show = 0 }\r\n %>\r\n \r\n <% if(!parseInt(font_custom_show)) { %>\r\n @import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@400;700&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 #popmechanic-form {\r\n position: relative;\r\n display: inline-block;\r\n vertical-align: middle;\r\n width: 800px;\r\n font-family: 'Ubuntu', sans-serif;\r\n border-radius: 10%;\r\n <% if(font_custom_show && parseInt(font_custom_show)) { %>\r\n font-family: <% try { print(font_custom); } catch (e) { print('Helvetica, Arial, sans-serif'); } %>;\r\n <% } else { %>\r\n font-family: <% try { print(font_family); } catch (e) { print('Helvetica, Arial, sans-serif'); } %>;\r\n <% } %>\r\n }\r\n #popmechanic-form .popmechanic-main {\r\n border-radius: 30px;\r\n padding: 110px 46px 80px;\r\n text-align: left;\r\n background-color: #6f1515;\r\n background-size: cover;\r\n box-sizing: border-box;\r\n width: 800px;\r\n min-height: 580px; \r\n font-family: 'Ubuntu', sans-serif;\r\n overflow: hidden;\r\n position: relative;\r\n}\r\n .relative {\r\n position:relative;\r\n }\r\n .main-text{\r\n color: #ffffff;\r\n font-size: 60px;\r\n font-weight: bold;\r\n line-height: 55px;\r\n margin-bottom: 20px;\r\n }\r\n .image-pos {\r\n position: absolute;\r\n right: 0px;\r\n bottom: -5px;\r\n overflow: hidden;\r\n}\r\n .popmechanic-desktop .image-pos img {\r\n height:584px;\r\n \r\n}\r\n .popmechanic-desktop .image-pos-tablet,\r\n .popmechanic-mobile .image-pos-tablet{\r\n display:none;\r\n \r\n }\r\n\r\n .popmechanic-tablet .image-pos,\r\n .popmechanic-mobile .image-pos{\r\n display:none;\r\n}\r\n .popmechanic-desktop .image-pos-phone,\r\n .popmechanic-tablet .image-pos-phone{\r\n display:none;\r\n}\r\n.popmechanic-tablet .image-pos-tablet{\r\n position: absolute;\r\n right: 0px;\r\n bottom: -5px;\r\n overflow: hidden;\r\n height:auto;\r\n}\r\n.popmechanic-mobile .image-pos-phone{\r\n position: absolute;\r\n left: -7px;\r\n bottom: -15px;\r\n overflow: hidden;\r\n height:auto;\r\n}\r\n .popmechanic-mobile .image-pos-phone img {\r\n height:390px;\r\n \r\n}\r\n\r\n.desc-text { \r\n font-size:30px;\r\n line-height: 35px;\r\n}\r\n\r\n\r\n\r\n.main-content{\r\n width: 580px;\r\n z-index: 10;\r\n position: relative;\r\n\r\n}\r\n.popmechanic-tablet .main-content{\r\n width: 100%;\r\n\r\n}\r\n.popmechanic-mobile .main-content{\r\n width: 100%;\r\n\r\n}\r\n .content-title {\r\n width: 540px;\r\n\r\n}\r\n.popmechanic-tablet .content-title {\r\n width: 305px;\r\n\r\n}\r\n.popmechanic-mobile .content-title {\r\n width: 100%;\r\n\r\n}\r\n .content-text {\r\n width: 440px;\r\n\r\n}\r\n.popmechanic-tablet .content-text {\r\n width: 100%;\r\n}\r\n.popmechanic-mobile .content-text {\r\n width: 220px;\r\n}\r\n .borderrad {\r\n border-radius:20px;\r\n \r\n } \r\n .promocode {\r\n padding: 0;\r\n margin: 0;\r\n text-decoration: none;\r\n box-sizing: border-box;\r\n width: 260px;\r\n height: 56px;\r\n background-color: white;\r\n border: none;\r\n border-radius: 15px;\r\n color: black;\r\n font-size: 20px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n margin-bottom:20px;\r\n z-index:1;\r\n position: relative;\r\n padding-left: 7px;\r\n padding-right: 9px;\r\n \r\n }\r\n svg path {\r\n fill:inherit;\r\n stroke:inherit;\r\n stroke-width:inherit;\r\n }\r\n .copy svg {\r\n fill:#898888;\r\n} \r\n .copy svg::hover {\r\n fill: #c71818;\r\n} \r\n \r\n \r\n .copy {\r\n cursor: pointer; \r\n justify-content: center;\r\n display: flex;\r\n }\r\n .copy::after {\r\n content: \"\";\r\n position: absolute;\r\n top: 0px;\r\n right: 47px;\r\n width: 2px;\r\n height: 100%;\r\n background-color: #b5b5b5;\r\n} \r\n \r\n }\r\n .popmechanic-tablet .promocode {\r\n width: 272px;\r\n margin-bottom:12px;\r\n \r\n \r\n }\r\n .popmechanic-mobile .popmechanic-button {\r\n width: 100%;\r\n height: 47px;\r\n font-size: 17px;\r\n margin-bottom:10px;\r\n \r\n }\r\n #popmechanic-content {\r\n display: flex;\r\n}\r\n .popmechanic-tablet #popmechanic-form .promocode {\r\n width: 209px;\r\n}\r\n\r\n #popmechanic-form button, .popmechanic-tablet #popmechanic-form .popmechanic-button {\r\n width: 184px;\r\n}\r\n \r\n #popmechanic-form button, #popmechanic-form .popmechanic-button {\r\n padding: 0;\r\n margin: 0;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n text-decoration: none;\r\n box-sizing: border-box;\r\n width: 246px;\r\n height: 53px;\r\n background-color: #fff;\r\n border: none;\r\n border-radius:15px;\r\n color: black;\r\n font-size: 22px;\r\n z-index:1;\r\n position:relative;\r\n line-height: 70px;\r\n cursor: pointer;\r\n box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);\r\n \r\n \r\n }\r\n \r\n #popmechanic-form button:before, #popmechanic-form .popmechanic-button:before {\r\n content: \"\";\r\n color: white;\r\n font-size: 20px;\r\n font-weight: bold;\r\n display: none;\r\n position: absolute;\r\n -webkit-box-sizing: border-box;\r\n box-sizing: border-box;\r\n width: 335px;\r\n height: 70px;\r\n \r\n background-color: <%=but_col1%>; }\r\n #popmechanic-form button:hover, #popmechanic-form .popmechanic-button:hover {\r\nbox-shadow: 0px 4px 10px rgba(0, 0, 0, 0.45);\r\n transition: box-shadow 0.3s ease-in-out;\r\n }\r\n #popmechanic-form button:hover:before, #popmechanic-form .popmechanic-button:hover:before {\r\n display: block;\r\n -webkit-transform: translate(-6px, -6px);\r\n transform: translate(-6px, -6px); }\r\n #popmechanic-form button:focus, #popmechanic-form .popmechanic-button:focus {\r\n outline: none;\r\n }\r\n #popmechanic-form button:focus:before, #popmechanic-form .popmechanic-button:focus:before {\r\n display: block;\r\n -webkit-transform: translate(-6px, -6px);\r\n transform: translate(-6px, -6px); }\r\n #popmechanic-form button:active, #popmechanic-form .popmechanic-button:active {\r\n outline: none;\r\n \r\n }\r\n #popmechanic-form button:active:before, #popmechanic-form .popmechanic-button:active:before {\r\n display: none; }\r\n #popmechanic-form .popmechanic-header {\r\n color: #ffffff;\r\n font-size: 42px;\r\n font-weight: bold;\r\n line-height: 42px;\r\n margin-bottom: 30px; }\r\n \r\n .popmechanic-tablet #popmechanic-form .popmechanic-header {\r\n margin-bottom: 20px; }\r\n\r\n .popmechanic-mobile #popmechanic-form .popmechanic-header {\r\n margin-bottom: 15px; }\r\n #popmechanic-form .popmechanic-text {\r\n \r\n color: white;\r\n font-weight: normal;\r\n font-size: 22px;\r\n line-height: 22px;\r\n margin-bottom: 30px; }\r\n \r\n .popmechanic-mobile #popmechanic-form .popmechanic-text {\r\n \r\n margin-bottom: 75px; }\r\n \r\n \r\n \r\n #popmechanic-form .popmechanic_pic {\r\n width: 100px;\r\n height: 100px;\r\n position: absolute;\r\n left: 50%;\r\n top: 0; }\r\n \r\n #popmechanic-form .popmechanic-thankyou {\r\n padding: 97px 50px;\r\n text-align: center; }\r\n #popmechanic-form .popmechanic-thankyou .popmechanic-text {\r\n font-size: 36px;\r\n font-weight: bold; }\r\n #popmechanic-form .popmechanic-close {\r\n display: block;\r\n position: absolute;\r\n top: 10px;\r\n right: 10px;\r\n text-decoration: none;\r\n width: 25px;\r\n height: 25px;\r\n cursor: pointer;\r\n transform: rotate(45deg); }\r\n #popmechanic-form .popmechanic-close:after, #popmechanic-form .popmechanic-close:before {\r\n content: ' ';\r\n display: block;\r\n position: absolute;\r\n margin-top: 19.5px;\r\n width: 25px;\r\n height: 2px;\r\n background-color: black;\r\n transition: background-color .2s ease;\r\n border-radius: 0.5px; }\r\n #popmechanic-form .popmechanic-close:before {\r\n transform: rotate(90deg); }\r\n #popmechanic-form .popmechanic-close:hover:before, #popmechanic-form .popmechanic-close:hover:after {\r\n background-color: white; }\r\n #popmechanic-form input.popmechanic-invalid {\r\n border-color: #e84e4e; }\r\n #popmechanic-form .popmechanic-thankyou {\r\n display: none; }\r\n \r\n .popmechanic-mobile #popmechanic-form {\r\n width: 256px; }\r\n .popmechanic-mobile #popmechanic-form .popmechanic-main {\r\n width: 268px;\r\n min-height: 370px;\r\n padding: 76px 24px 40px;\r\n text-align: left;\r\n }\r\n .popmechanic-mobile #popmechanic-form .main-text {\r\n font-size: 26px;\r\n line-height:27px;\r\n margin-bottom: 16px; }\r\n .popmechanic-mobile #popmechanic-form .desc-text {\r\n padding: 0;\r\n font-size: 18px;\r\n line-height: 22px;\r\n margin-bottom: 20px; }\r\n .popmechanic-mobile #popmechanic-form input, .popmechanic-mobile #popmechanic-form button, .popmechanic-mobile #popmechanic-form .popmechanic-button {\r\n width: 100%; \r\n height: 47px; \r\n font-size: 18px;\r\n}\r\n \r\n .popmechanic-mobile #popmechanic-form input:before, .popmechanic-mobile #popmechanic-form button:before, .popmechanic-mobile #popmechanic-form .popmechanic-button:before {\r\n font-size: 16px;\r\n font-weight: bold;\r\n line-height: 36px;\r\n display: none;\r\n position: absolute;\r\n -webkit-box-sizing: border-box;\r\n box-sizing: border-box;\r\n width: 185px;\r\n height: 38px;\r\n }\r\n .popmechanic-mobile #popmechanic-form input:hover:before, .popmechanic-mobile #popmechanic-form button:hover:before, .popmechanic-mobile #popmechanic-form .popmechanic-button:hover:before {\r\n display: block; }\r\n \r\n .popmechanic-mobile #popmechanic-form input:focus:before, .popmechanic-mobile #popmechanic-form button:focus:before, .popmechanic-mobile #popmechanic-form .popmechanic-button:focus:before {\r\n display: block; }\r\n \r\n \r\n \r\n .popmechanic-mobile #popmechanic-form input:active:before, .popmechanic-mobile #popmechanic-form button:active:before, .popmechanic-mobile #popmechanic-form .popmechanic-button:active:before {\r\n display: none; }\r\n .popmechanic-mobile #popmechanic-form .popmechanic_pic__cat-1, .popmechanic-mobile #popmechanic-form .popmechanic_pic__cat-2 {\r\n display: none; }\r\n .popmechanic-mobile #popmechanic-form .popmechanic_pic__spk-1, .popmechanic-mobile #popmechanic-form .popmechanic_pic__spk-2 {\r\n display: none; }\r\n .popmechanic-mobile #popmechanic-form .popmechanic_pic__heart {\r\n width: 38px;\r\n height: 34px;\r\n top: 30px;\r\n margin-left: -120px; }\r\n .popmechanic-mobile #popmechanic-form .popmechanic-close {\r\n width: 5px;\r\n height: 5px; }\r\n .popmechanic-mobile #popmechanic-form .popmechanic-close:before, .popmechanic-mobile #popmechanic-form .popmechanic-close:after {\r\n height: 20px;\r\n width: 1px;\r\n margin-top: 0px;\r\n margin-left: 10px; }\r\n \r\n .popmechanic-tablet #popmechanic-form {\r\n width: 380px; }\r\n .popmechanic-tablet #popmechanic-form .popmechanic-main {\r\n width: 380px;\r\n min-height: 380px;\r\n padding: 54px 40px;\r\n text-align: left;\r\n overflow: hidden;}\r\n .popmechanic-tablet #popmechanic-form .main-text {\r\n font-size: 36px;\r\n line-height: 33px;\r\n margin-bottom: 14px; }\r\n \r\n .popmechanic-tablet #popmechanic-form .desc-text {\r\n padding: 0;\r\n font-size: 18px;\r\n line-height: 23px;\r\n margin-bottom: 17px;}\r\n \r\n \r\n .popmechanic-success #popmechanic-form .popmechanic-main {\r\n display: none; }\r\n \r\n .popmechanic-success #popmechanic-form .popmechanic-thankyou {\r\n display: block; }\r\n\r\n.tooltip {\r\n position: relative;\r\n display: inline-block;\r\n}\r\n\r\n.copy .tooltiptext {\r\n visibility: hidden;\r\n width: auto;\r\n background-color: #555;\r\n color: #fff;\r\n font-size:16px;\r\n text-align: center;\r\n border-radius: 6px;\r\n padding: 5px;\r\n position: absolute;\r\n z-index: 1;\r\n top: -39px;\r\n right: -31px;\r\n margin-left: -75px;\r\n opacity: 0;\r\n transition: opacity 0.3s;\r\n}\r\n\r\n.copy .tooltiptext::after {\r\n content: \"\";\r\n position: absolute;\r\n top: 100%;\r\n left: 50%;\r\n margin-left: -5px;\r\n border-width: 5px;\r\n border-style: solid;\r\n border-color: #555 transparent transparent transparent;\r\n}\r\n\r\n.copy:hover .tooltiptext {\r\n visibility: visible;\r\n opacity: 1;\r\n}\r\n\r\n.popmechanic-mobile input#text-box {\r\n width: 153px;\r\n}\r\n\r\n\r\n\r\ninput#text-box {\r\n border: none;\r\n background-color: transparent;\r\n font-size: inherit;\r\n text-align: center;\r\n color: black;\r\n outline:none;\r\n width: 203px;\r\n \r\n}", "button_html": "", "button_css": ""}, "modulus_lower_inclusive": null, "modulus_upper_exclusive": null}], "is_transactional": false}], "templates": [{"id": 673, "html": "
\r\n
\r\n
\r\n
\r\n <%=header%>\r\n
\r\n
\r\n <%=text%>\r\n
\r\n \r\n
\r\n
\r\n\r\n \r\n \" data-popmechanic-submit=\"\"><%=link_text%>\r\n
\r\n
\r\n
\r\n
", "css": "<% try {\r\n font_custom_show = font_custom_show;\r\n } catch (e) { font_custom_show = 0 }\r\n%>\r\n\r\n<% if(!parseInt(font_custom_show)) { %>\r\n @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');\r\n<% } %>\r\n\r\n.popmechanic-reset,\r\n.popmechanic-reset * {\r\n line-height: normal;\r\n box-sizing: border-box; }\r\n\r\n#popmechanic-form {\r\n position: relative;\r\n display: inline-block;\r\n vertical-align: middle;\r\n width: 760px;\r\n <% if(font_custom_show && parseInt(font_custom_show)) { %>\r\n font-family: <% try { print(font_custom); } catch (e) { print('Helvetica, Arial, sans-serif'); } %>;\r\n <% } else { %>\r\n font-family: <% try { print(font_family); } catch (e) { print('Helvetica, Arial, sans-serif'); } %>;\r\n <% } %>\r\n}\r\n #popmechanic-form .popmechanic-main {\r\n padding: 80px 120px;\r\n text-align: center;\r\n background: url(<%=img1%>) 50% 50% no-repeat;\r\n background-size: cover;\r\n box-sizing: border-box;\r\n width: 760px;\r\n min-height: 540px; }\r\n #popmechanic-form button, #popmechanic-form .popmechanic-button {\r\n padding: 0;\r\n margin: 0;\r\n display: inline-block;\r\n text-align: center;\r\n text-decoration: none;\r\n box-sizing: border-box;\r\n width: 335px;\r\n height: 70px;\r\n background-color: <%=but_col1%>;\r\n border: 2px solid <%=but_col1%>;\r\n color: <%=but_col2%>;\r\n font-size: 20px;\r\n font-weight: bold;\r\n line-height: 70px;\r\n cursor: pointer; }\r\n #popmechanic-form button:before, #popmechanic-form .popmechanic-button:before {\r\n content: <%=link_text%>;\r\n color: <%=but_col2%>;\r\n font-size: 20px;\r\n font-weight: bold;\r\n display: none;\r\n position: absolute;\r\n -webkit-box-sizing: border-box;\r\n box-sizing: border-box;\r\n width: 335px;\r\n height: 70px;\r\n background-color: <%=but_col1%>; }\r\n #popmechanic-form button:hover, #popmechanic-form .popmechanic-button:hover {\r\n background-color: <%=but_col4%>;\r\n color: <%=but_col2%> }\r\n #popmechanic-form button:hover:before, #popmechanic-form .popmechanic-button:hover:before {\r\n display: block;\r\n -webkit-transform: translate(-6px, -6px);\r\n transform: translate(-6px, -6px); }\r\n #popmechanic-form button:focus, #popmechanic-form .popmechanic-button:focus {\r\n outline: none;\r\n background-color: <%=but_col1%>;\r\n color: <%=but_col2%> }\r\n #popmechanic-form button:focus:before, #popmechanic-form .popmechanic-button:focus:before {\r\n display: block;\r\n -webkit-transform: translate(-6px, -6px);\r\n transform: translate(-6px, -6px); }\r\n #popmechanic-form button:active, #popmechanic-form .popmechanic-button:active {\r\n background-color: <%=but_col1%>;\r\n color: <%=but_col2%>; }\r\n #popmechanic-form button:active:before, #popmechanic-form .popmechanic-button:active:before {\r\n display: none; }\r\n #popmechanic-form .popmechanic-header {\r\n color: <%=text_col1%>;\r\n font-size: <%=text_size1%>px;\r\n font-weight: bold;\r\n margin-bottom: 30px; }\r\n #popmechanic-form .popmechanic-text {\r\n padding: 0 80px;\r\n color: <%=text_col2%>;\r\n font-weight: normal;\r\n font-size: <%=text_size2%>px;\r\n line-height: 32px;\r\n margin-bottom: 30px; }\r\n #popmechanic-form .popmechanic_pic {\r\n width: 100px;\r\n height: 100px;\r\n position: absolute;\r\n left: 50%;\r\n top: 0; }\r\n \r\n #popmechanic-form .popmechanic-thankyou {\r\n padding: 97px 50px;\r\n text-align: center; }\r\n #popmechanic-form .popmechanic-thankyou .popmechanic-text {\r\n font-size: 36px;\r\n font-weight: bold; }\r\n #popmechanic-form .popmechanic-close {\r\n display: block;\r\n position: absolute;\r\n top: 10px;\r\n right: 10px;\r\n text-decoration: none;\r\n width: 25px;\r\n height: 25px;\r\n cursor: pointer;\r\n transform: rotate(45deg); }\r\n #popmechanic-form .popmechanic-close:after, #popmechanic-form .popmechanic-close:before {\r\n content: ' ';\r\n display: block;\r\n position: absolute;\r\n margin-top: 12.5px;\r\n width: 25px;\r\n height: 2px;\r\n background-color: <%=but_col1%>;\r\n transition: background-color .2s ease;\r\n border-radius: 0.5px; }\r\n #popmechanic-form .popmechanic-close:before {\r\n transform: rotate(90deg); }\r\n #popmechanic-form .popmechanic-close:hover:before, #popmechanic-form .popmechanic-close:hover:after {\r\n background-color: <%=but_col4%>; }\r\n #popmechanic-form input.popmechanic-invalid {\r\n border-color: #e84e4e; }\r\n #popmechanic-form .popmechanic-thankyou {\r\n display: none; }\r\n\r\n.popmechanic-mobile #popmechanic-form {\r\n width: 320px; }\r\n .popmechanic-mobile #popmechanic-form .popmechanic-main {\r\n width: 320px;\r\n min-height: 300px;\r\n padding: 45px 35px;\r\n text-align: center; }\r\n .popmechanic-mobile #popmechanic-form .popmechanic-header {\r\n font-size: 28px;\r\n margin-bottom: 10px; }\r\n .popmechanic-mobile #popmechanic-form .popmechanic-text {\r\n padding: 0;\r\n font-size: 15px;\r\n line-height: 22px;\r\n margin-bottom: 20px; }\r\n .popmechanic-mobile #popmechanic-form input, .popmechanic-mobile #popmechanic-form button, .popmechanic-mobile #popmechanic-form .popmechanic-button {\r\n width: 185px;\r\n height: 38px;\r\n line-height: 36px;\r\n font-size: 16px; }\r\n .popmechanic-mobile #popmechanic-form input:before, .popmechanic-mobile #popmechanic-form button:before, .popmechanic-mobile #popmechanic-form .popmechanic-button:before {\r\n font-size: 16px;\r\n font-weight: bold;\r\n line-height: 36px;\r\n display: none;\r\n position: absolute;\r\n -webkit-box-sizing: border-box;\r\n box-sizing: border-box;\r\n width: 185px;\r\n height: 38px;\r\n background-color: #fd4400; }\r\n .popmechanic-mobile #popmechanic-form input:hover:before, .popmechanic-mobile #popmechanic-form button:hover:before, .popmechanic-mobile #popmechanic-form .popmechanic-button:hover:before {\r\n display: block; }\r\n .popmechanic-mobile #popmechanic-form input:focus, .popmechanic-mobile #popmechanic-form button:focus, .popmechanic-mobile #popmechanic-form .popmechanic-button:focus {\r\n outline: none;\r\n background-color: transparent;\r\n color: transparent; }\r\n .popmechanic-mobile #popmechanic-form input:focus:before, .popmechanic-mobile #popmechanic-form button:focus:before, .popmechanic-mobile #popmechanic-form .popmechanic-button:focus:before {\r\n display: block; }\r\n .popmechanic-mobile #popmechanic-form input:active, .popmechanic-mobile #popmechanic-form button:active, .popmechanic-mobile #popmechanic-form .popmechanic-button:active {\r\n background-color: #fd4400;\r\n color: #fff; }\r\n .popmechanic-mobile #popmechanic-form input:active:before, .popmechanic-mobile #popmechanic-form button:active:before, .popmechanic-mobile #popmechanic-form .popmechanic-button:active:before {\r\n display: none; }\r\n .popmechanic-mobile #popmechanic-form .popmechanic_pic__cat-1, .popmechanic-mobile #popmechanic-form .popmechanic_pic__cat-2 {\r\n display: none; }\r\n .popmechanic-mobile #popmechanic-form .popmechanic_pic__spk-1, .popmechanic-mobile #popmechanic-form .popmechanic_pic__spk-2 {\r\n display: none; }\r\n .popmechanic-mobile #popmechanic-form .popmechanic_pic__heart {\r\n width: 38px;\r\n height: 34px;\r\n top: 30px;\r\n margin-left: -120px; }\r\n .popmechanic-mobile #popmechanic-form .popmechanic-close {\r\n width: 20px;\r\n height: 20px; }\r\n .popmechanic-mobile #popmechanic-form .popmechanic-close:before, .popmechanic-mobile #popmechanic-form .popmechanic-close:after {\r\n height: 20px;\r\n width: 1px;\r\n margin-top: 0px;\r\n margin-left: 10px; }\r\n\r\n.popmechanic-tablet #popmechanic-form {\r\n width: 480px; }\r\n .popmechanic-tablet #popmechanic-form .popmechanic-main {\r\n width: 480px;\r\n min-height: 480px;\r\n padding: 75px 60px;\r\n text-align: center; }\r\n .popmechanic-tablet #popmechanic-form .popmechanic-header {\r\n font-size: 48px;\r\n margin-bottom: 25px; }\r\n .popmechanic-tablet #popmechanic-form .popmechanic-text {\r\n padding: 0;\r\n font-size: 18px;\r\n line-height: 28px; }\r\n \r\n\r\n.popmechanic-success #popmechanic-form .popmechanic-main {\r\n display: none; }\r\n\r\n.popmechanic-success #popmechanic-form .popmechanic-thankyou {\r\n display: block; }", "button": "", "on_show": "", "on_close": "", "embed_code": "", "behaviors": ["info", "humble", "partscreen"], "template_type": "popup-info", "need_reset": false, "parameters": [], "on_targeting_ready": "", "on_child_ready": ""}, {"id": 3404, "html": "
\r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n
", "css": ".popmechanic-reset,\r\n.popmechanic-reset * {\r\n line-height: normal;\r\n box-sizing: border-box;\r\n}\r\n#popmechanic-form {\r\n position: relative;\r\n display: inline-block;\r\n vertical-align: middle;\r\n font-family: 'Ubuntu', sans-serif;\r\n border-radius: 10%;\r\n}\r\n#popmechanic-form .popmechanic-main {\r\n background-size: cover;\r\n box-sizing: border-box;\r\n overflow: hidden;\r\n position: relative;\r\n}\r\n#popmechanic-content {\r\n display: flex;\r\n}\r\n.animation-img{\r\n animation-duration: 3s;\r\n animation-iteration-count: infinite;\r\n animation-name: animation-img;\r\n\tanimation-timing-function: ease;\r\n}\r\n@keyframes animation-img {\r\n 0% { transform: translateY(0); }\r\n 50% { transform: translateY(-15px); }\r\n 100% { transform: translateY(0); }\r\n}\r\n\r\n/* \u0418\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435 */\r\n.image-pos-tablet {\r\n width: 250px;\r\n height: 250px;\r\n}\r\n.image-pos-phone {\r\n width: 180px;\r\n height: 180px;\r\n}\r\n.popmechanic-desktop .image-pos-tablet,\r\n.popmechanic-mobile .image-pos-tablet {\r\n display: none;\r\n}\r\n.popmechanic-tablet .image-pos,\r\n.popmechanic-mobile .image-pos {\r\n display: none;\r\n}\r\n.popmechanic-desktop .image-pos-phone,\r\n.popmechanic-tablet .image-pos-phone {\r\n display: none;\r\n}\r\n/* End \u0418\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435 */\r\n\r\n/* \u0417\u0430\u043a\u0440\u044b\u0432\u0430\u0448\u043a\u0430 */\r\n#popmechanic-form .div-close {\r\n width: 70px;\r\n height: 70px;\r\n position: absolute;\r\n top: -20px;\r\n right: 0;\r\n display: block;\r\n cursor: pointer;\r\n} \r\n.popmechanic-tablet #popmechanic-form .div-close{\r\n top: -25px;\r\n right: -15px;\r\n} \r\n.popmechanic-mobile #popmechanic-form .div-close {\r\n width: 55px;\r\n height: 55px;\r\n top: -15px;\r\n right: -15px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-close {\r\n display: block;\r\n position: absolute;\r\n top: 2px;\r\n right: 8px;\r\n text-decoration: none;\r\n width: 25px;\r\n height: 25px;\r\n cursor: pointer;\r\n transform: rotate(45deg);\r\n}\r\n#popmechanic-form .popmechanic-close:after,\r\n#popmechanic-form .popmechanic-close:before {\r\n content: ' ';\r\n display: block;\r\n position: absolute;\r\n margin-top: 19.5px;\r\n width: 35px;\r\n height: 2px;\r\n background-color: black;\r\n transition: background-color .2s ease;\r\n border-radius: 0.5px;\r\n}\r\n#popmechanic-form .popmechanic-close:before {\r\n transform: rotate(90deg);\r\n}\r\n#popmechanic-form .popmechanic-close:hover:before,\r\n#popmechanic-form .popmechanic-close:hover:after,\r\n#popmechanic-form .div-close:hover .popmechanic-close:before,\r\n#popmechanic-form .div-close:hover .popmechanic-close:after {\r\n background-color: #bbb;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-close {\r\n top: 0px;\r\n right: 15px;\r\n width: 5px;\r\n height: 5px;\r\n right: 15px;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-close:before,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-close:after {\r\n height: 25px;\r\n width: 2px;\r\n margin-top: 0px;\r\n margin-left: 10px;\r\n}\r\n/* End \u0417\u0430\u043a\u0440\u044b\u0432\u0430\u0448\u043a\u0430 */", "button": "", "on_show": "", "on_close": "", "embed_code": "", "behaviors": ["partscreen", "info"], "template_type": "info", "need_reset": true, "parameters": [], "on_targeting_ready": "", "on_child_ready": ""}], "button_templates": [], "integrations": [{"id": 80993, "form": 75269, "filter": null, "filter_type": null, "account": 31548, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-75269-show", "click_operation": "popmechanic-popup-75269-click", "targeting_operation": "popmechanic-popup-75269-targeting"}, {"id": 104899, "form": 90817, "filter": null, "filter_type": null, "account": 31548, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-90817-show", "click_operation": "popmechanic-popup-90817-click", "targeting_operation": "popmechanic-popup-90817-targeting"}, {"id": 110778, "form": 94771, "filter": null, "filter_type": null, "account": 31548, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-94771-show", "click_operation": "popmechanic-popup-94771-click", "targeting_operation": "popmechanic-popup-94771-targeting"}, {"id": 111667, "form": 95500, "filter": null, "filter_type": null, "account": 31548, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-95500-show", "click_operation": "popmechanic-popup-95500-click", "targeting_operation": "popmechanic-popup-95500-targeting"}], "settings": {"hide_copyright": true, "premium": true}, "frequency": {"minimal_timeout": null, "session": null, "day": null, "week": null, "month": null}, "global_ab_tests": [], "ip": "1.1.1.1", "contacts": [], "geo": null}