');\r\n\r\n for (var i = 0; i < recommendations.length; i++) {\r\n var product = recommendations[i];\r\n if (product.oldPrice && product.oldPrice <= product.price) {\r\n product.oldPrice = null;\r\n }\r\n product.customFields = product.customFields || {};\r\n product.discount = (product.oldPrice && product.price !== product.oldPrice) ? (100 * (product.oldPrice - product.price) / product.oldPrice).toFixed(0) + '%' : null;\r\n /*try {\r\n product.formattedPrice = product.price.toLocaleString().replace(',', ' ');\r\n if (product.oldPrice) { product.formattedOldPrice = product.oldPrice.toLocaleString().replace(',', ' '); }\r\n } catch (e) {}*/\r\n\r\n try {\r\n var $item = PopMechanic.$(\r\n cardTemplate({\r\n product: product,\r\n recommendations: recommendations,\r\n index: i\r\n })\r\n );\r\n } catch (e) {\r\n if (location.href.indexOf('pm-debug') > -1) {\r\n console.log('card template error', e);\r\n }\r\n continue;\r\n }\r\n if (groupSlidesBy === 1) {\r\n $carousel.append($item);\r\n } else {\r\n slideAccumulator.push($item);\r\n $slideContainer.append($item);\r\n if (slideAccumulator.length == groupSlidesBy) {\r\n slideAccumulator = [];\r\n $carousel.append($slideContainer);\r\n $slideContainer = PopMechanic.$('
');\r\n }\r\n }\r\n\r\n (function(i, product) {\r\n $item.attr('data-click-track', i);\r\n PopMechanic.$('#popmechanic-container-' + formId).on('click', '[data-click-track=\"' + i + '\"]', function(event) {\r\n event.stopPropagation();\r\n mindbox(\"async\", {\r\n operation: \"popmechanic-widget-click-\" + formId,\r\n data: {\r\n clicked: {\r\n product: {\r\n ids: product.ids,\r\n }\r\n }\r\n },\r\n onSuccess: function() {},\r\n onError: function(error) {\r\n console.log(error);\r\n }\r\n });\r\n\r\n settings.gaTracker.selectItem(product, i);\r\n return true;\r\n });\r\n }(i, product));\r\n }\r\n\r\n recommendations.map(function(product, i) {\r\n impressionMap[i] = function() {\r\n settings.gaTracker.viewItemList(product, i, { non_interaction: true });\r\n };\r\n });\r\n\r\n onInit();\r\n }\r\n\r\n var recommendationsLimit = recommendations.length;\r\n\r\n if (recommendationsLimit) {\r\n if (lessCount === 0 || lessCount <= recommendationsLimit) {\r\n renderProductList();\r\n } else {\r\n PopMechanic.$('[data-popmechanic-embed=\"' + formId + '\"]').remove();\r\n PopMechanic.$('#popmechanic-container-' + formId).remove();\r\n console.log('PopMechanic widget ' + formId + ': empty response');\r\n form.reportSlaSuccess();\r\n }\r\n } else {\r\n form.reportSlaSuccess();\r\n throw new Error('no data from mindbox');\r\n }\r\n} catch (e) {\r\n PopMechanic.$('#popmechanic-container-' + formId).remove();\r\n PopMechanic.$('[data-popmechanic-embed=\"' + form.id + '\"]').remove();\r\n console.error('PopMechanic widget ' + formId, e.message);\r\n form.reportSlaSuccess();\r\n}", "on_close": "var form = arguments[0] || {};\r\nwindow.PopMechanicSlider && window.PopMechanicSlider[form.id] && window.PopMechanicSlider[form.id].destroy && window.PopMechanicSlider[form.id].destroy();", "embed_code": "", "behaviors": ["info", "reco-sla", "reco_data", "tns"], "template_type": "embedded", "need_reset": false, "parameters": [], "on_targeting_ready": "", "on_child_ready": ""}, {"id": 1784, "html": "
", "css": "<% if(!parseInt(font_custom_show)) { %>\r\n @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap');\r\n<% } %>\r\n\r\n.popmechanic-reset, .popmechanic-reset * {\r\n box-sizing: border-box;\r\n margin: 0;\r\n line-height: normal;\r\n}\r\n.popmechanic-reset::before, .popmechanic-reset::after, .popmechanic-reset *::before, .popmechanic-reset *::after {\r\n box-sizing: border-box;\r\n}\r\n.popmechanic-reset INPUT,\r\n.popmechanic-reset TEXTAREA,\r\n.popmechanic-reset BUTTON, .popmechanic-reset * INPUT,\r\n.popmechanic-reset * TEXTAREA,\r\n.popmechanic-reset * BUTTON {\r\n display: block;\r\n max-width: 100%;\r\n padding: 0;\r\n border: 0;\r\n border-radius: 0;\r\n background: none;\r\n word-break: break-word;\r\n overflow-wrap: break-word;\r\n font-family: inherit;\r\n font-size: inherit;\r\n -webkit-appearance: none;\r\n appearance: none;\r\n}\r\n.popmechanic-reset INPUT:-ms-input-placeholder, .popmechanic-reset TEXTAREA:-ms-input-placeholder, .popmechanic-reset BUTTON:-ms-input-placeholder, .popmechanic-reset * INPUT:-ms-input-placeholder, .popmechanic-reset * TEXTAREA:-ms-input-placeholder, .popmechanic-reset * BUTTON:-ms-input-placeholder {\r\n opacity: 1;\r\n}\r\n.popmechanic-reset INPUT::placeholder,\r\n.popmechanic-reset TEXTAREA::placeholder,\r\n.popmechanic-reset BUTTON::placeholder, .popmechanic-reset * INPUT::placeholder,\r\n.popmechanic-reset * TEXTAREA::placeholder,\r\n.popmechanic-reset * BUTTON::placeholder {\r\n opacity: 1;\r\n}\r\n.popmechanic-reset BUTTON, .popmechanic-reset * BUTTON {\r\n height: auto;\r\n cursor: pointer;\r\n -webkit-user-select: none;\r\n -ms-user-select: none;\r\n user-select: none;\r\n}\r\n\r\n#popmechanic-form {\r\n position: relative !important;\r\n display: inline-block;\r\n vertical-align: middle;\r\n <% if(parseInt(font_custom_show)) { %>\r\n font-family: <%= font_custom %>;\r\n <% } else { %>\r\n font-family: <%= font_family %>;\r\n <% } %>\r\n}\r\n#popmechanic-form .popmechanic-main, #popmechanic-form .popmechanic-thankyou {\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n#popmechanic-form .popmechanic-image {\r\n position: relative;\r\n z-index: 10;\r\n display: block;\r\n width: auto;\r\n max-width: 100%;\r\n margin-right: auto;\r\n margin-left: auto;\r\n}\r\n#popmechanic-form .popmechanic-content {\r\n position: relative;\r\n overflow: hidden;\r\n border-style: solid;\r\n border-color: <%= border_color %>;\r\n border-radius: <%= border_radius %>px;\r\n background-color: <%= bg_color %>;\r\n <% if(parseInt(shadow_show)) { %>\r\n box-shadow: 0 0 <%= shadow_size %>px rgba(0, 0, 0, 0.25);\r\n <% } %>\r\n}\r\n#popmechanic-form .popmechanic-header {\r\n word-break: break-word;\r\n overflow-wrap: break-word;\r\n}\r\n#popmechanic-form .popmechanic-title {\r\n margin-bottom: 5px;\r\n color: <%= title_color %>;\r\n font-weight: <%= title_fw %>;\r\n line-height: 1.3;\r\n}\r\n#popmechanic-form .popmechanic-subtitle {\r\n color: <%= subtitle_color %>;\r\n line-height: 1.3;\r\n}\r\n#popmechanic-form .popmechanic-inputs {\r\n position: relative;\r\n}\r\n#popmechanic-form .popmechanic-inputs-invalid {\r\n content: \"\";\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n z-index: 0;\r\n display: none;\r\n width: 100%;\r\n height: 100%;\r\n border-radius: <%= input_border_radius %>px;\r\n border: 1px solid #d4351c;\r\n background: none;\r\n}\r\n#popmechanic-form .popmechanic-textarea, #popmechanic-form .popmechanic-button {\r\n position: relative;\r\n z-index: 10;\r\n}\r\n#popmechanic-form .popmechanic-textarea {\r\n width: 100%;\r\n background-color: <%= input_bg_color %>;\r\n font-weight: 300;\r\n line-height: 1.3;\r\n color: <%= input_text_color %>;\r\n resize: none;\r\n}\r\n#popmechanic-form .popmechanic-textarea:-ms-input-placeholder {\r\n color: <%= input_placeholder_color %>;\r\n}\r\n#popmechanic-form .popmechanic-textarea::placeholder {\r\n color: <%= input_placeholder_color %>;\r\n}\r\n#popmechanic-form .popmechanic-textarea:focus {\r\n outline: none;\r\n}\r\n#popmechanic-form .popmechanic-button {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n width: auto;\r\n margin-right: auto;\r\n margin-left: auto;\r\n padding-right: 1em;\r\n padding-left: 1em;\r\n border: <%= btn_border_width %>px solid <%= btn_border_color %>;\r\n border-radius: <%= btn_border_radius %>px;\r\n background-color: <%= btn_bg_color %>;\r\n color: <%= btn_text_color %>;\r\n font-weight: 700;\r\n transition-property: background-color, color, border-color;\r\n transition-duration: 0.2s;\r\n transition-timing-function: ease-in-out;\r\n}\r\n@media (hover: hover) {\r\n #popmechanic-form .popmechanic-button:hover, #popmechanic-form .popmechanic-button:focus {\r\n border-color: <%= btn_border_color_hov %>;\r\n background-color: <%= btn_bg_color_hov %>;\r\n color: <%= btn_text_color_hov %>;\r\n }\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-main, .popmechanic-desktop #popmechanic-form .popmechanic-thankyou {\r\n width: <%= width_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-image {\r\n height: <%= img_height_desk %>px;\r\n margin-bottom: -<%= +img_height_desk / 2 %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-content {\r\n padding: <%= padding_y_desk %>px <%= padding_x_desk %>px;\r\n <% if(parseInt(img_show_desk)) { %>\r\n padding-top: <%= (+img_height_desk / 2) + 10 %>px;\r\n <% } else { %>\r\n padding-top: <%= +padding_y_desk + +close_size_desk %>px;\r\n <% } %>\r\n border-width: <%= border_width_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-header {\r\n margin-bottom: 40px;\r\n text-align: <%= text_align_desk %>;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-title {\r\n font-size: <%= title_fs_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-subtitle {\r\n font-size: <%= subtitle_fs_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-inputs {\r\n padding: 15px;\r\n <% if(parseInt(input_comment_show)) { %>\r\n border: 1px solid <%= input_border_color %>;\r\n border-radius: <%= input_border_radius %>px;\r\n background-color: <%= input_bg_color %>;\r\n <% } %>\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-inputs:focus-within {\r\n border-color: currentColor;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-textarea {\r\n height: <%= input_height_desk %>px;\r\n margin-bottom: 20px;\r\n font-size: <%= input_fs_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-button {\r\n <% if(parseInt(btn_width_fix_desk)) { %>\r\n min-width: <%= btn_width_desk %>px;\r\n <% } else { %>\r\n width: 100%;\r\n <% } %>\r\n min-height: <%= btn_height_desk %>px;\r\n margin-right: 0;\r\n font-size: <%= btn_fs_desk %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-main, .popmechanic-tablet #popmechanic-form .popmechanic-thankyou, .popmechanic-mobile #popmechanic-form .popmechanic-main, .popmechanic-mobile #popmechanic-form .popmechanic-thankyou {\r\n position: relative;\r\n width: <%= width_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-image, .popmechanic-mobile #popmechanic-form .popmechanic-image {\r\n position: absolute;\r\n top: 5px;\r\n left: 50%;\r\n height: <%= img_height_mob %>px;\r\n transform: translateX(-50%);\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-content, .popmechanic-mobile #popmechanic-form .popmechanic-content {\r\n padding: <%= padding_y_mob %>px <%= padding_x_mob %>px;\r\n <% if(parseInt(img_show_mob)) { %>\r\n padding-top: <%= +img_height_mob + 10 %>px;\r\n <% } else { %>\r\n padding-top: <%= +padding_y_mob + +close_size_mob %>px;\r\n <% } %>\r\n border-width: <%= border_width_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-header, .popmechanic-mobile #popmechanic-form .popmechanic-header {\r\n margin-bottom: 20px;\r\n text-align: <%= text_align_mob %>;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-title, .popmechanic-mobile #popmechanic-form .popmechanic-title {\r\n font-size: <%= title_fs_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-subtitle, .popmechanic-mobile #popmechanic-form .popmechanic-subtitle {\r\n font-size: <%= subtitle_fs_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-textarea, .popmechanic-mobile #popmechanic-form .popmechanic-textarea {\r\n height: <%= input_height_mob %>px;\r\n margin-bottom: 15px;\r\n padding: 10px;\r\n border: 1px solid <%= input_border_color %>;\r\n border-radius: <%= input_border_radius %>px;\r\n font-size: <%= input_fs_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-button, .popmechanic-mobile #popmechanic-form .popmechanic-button {\r\n <% if(parseInt(btn_width_fix_mob)) { %>\r\n min-width: <%= btn_width_mob %>px;\r\n <% } else { %>\r\n width: 100%;\r\n <% } %>\r\n min-height: <%= btn_height_mob %>px;\r\n font-size: <%= btn_fs_mob %>px;\r\n}\r\n#popmechanic-form .popmechanic-close {\r\n position: absolute;\r\n z-index: 40;\r\n <% if(parseInt(close_bg_show)) { %>\r\n background-color: <%= close_bg_color %>;\r\n <% } %>\r\n cursor: pointer;\r\n}\r\n#popmechanic-form .popmechanic-close::before, #popmechanic-form .popmechanic-close::after {\r\n content: \"\";\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n width: 100%;\r\n height: 2px;\r\n background-color: <%= close_color %>;\r\n transform: translate(-50%, -50%) rotate(45deg);\r\n transition-property: transform;\r\n transition-duration: 0.2s;\r\n transition-timing-function: ease-in-out;\r\n}\r\n#popmechanic-form .popmechanic-close::after {\r\n transform: translate(-50%, -50%) rotate(135deg);\r\n}\r\n@media (hover: hover) {\r\n #popmechanic-form .popmechanic-close:hover::before, #popmechanic-form .popmechanic-close:focus::before {\r\n transform: translate(-50%, -50%) rotate(135deg);\r\n }\r\n #popmechanic-form .popmechanic-close:hover::after, #popmechanic-form .popmechanic-close:focus::after {\r\n transform: translate(-50%, -50%) rotate(225deg);\r\n }\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-close {\r\n top: 10px;\r\n right: 10px;\r\n width: <%= close_size_desk %>px;\r\n height: <%= close_size_desk %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-close, .popmechanic-mobile #popmechanic-form .popmechanic-close {\r\n top: 5px;\r\n right: 5px;\r\n width: <%= close_size_mob %>px;\r\n height: <%= close_size_mob %>px;\r\n}\r\n#popmechanic-form .popmechanic-thankyou {\r\n display: none;\r\n}\r\n.popmechanic-success #popmechanic-form .popmechanic-main {\r\n display: none !important;\r\n}\r\n.popmechanic-success #popmechanic-form .popmechanic-thankyou {\r\n display: block;\r\n}\r\n.popmechanic-desktop.popmechanic-success #popmechanic-form .popmechanic-image {\r\n height: <%= thx_img_height_desk %>px;\r\n margin-bottom: -<%= +thx_img_height_desk / 2 %>px;\r\n}\r\n.popmechanic-desktop.popmechanic-success #popmechanic-form .popmechanic-content {\r\n <% if(parseInt(thx_img_show_desk)) { %>\r\n padding-top: <%= (+thx_img_height_desk / 2) + 10 %>px;\r\n <% } else { %>\r\n padding-top: <%= +padding_y_desk + +close_size_desk %>px;\r\n <% } %>\r\n}\r\n.popmechanic-desktop.popmechanic-success #popmechanic-form .popmechanic-button {\r\n margin-right: auto;\r\n}\r\n.popmechanic-tablet.popmechanic-success #popmechanic-form .popmechanic-image, .popmechanic-mobile.popmechanic-success #popmechanic-form .popmechanic-image {\r\n height: <%= thx_img_height_mob %>px;\r\n}\r\n.popmechanic-tablet.popmechanic-success #popmechanic-form .popmechanic-content, .popmechanic-mobile.popmechanic-success #popmechanic-form .popmechanic-content {\r\n <% if(parseInt(thx_img_show_mob)) { %>\r\n padding-top: <%= +thx_img_height_mob + 10 %>px;\r\n <% } else { %>\r\n padding-top: <%= +padding_y_mob + +close_size_mob %>px;\r\n <% } %>\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form .popmechanic-invalid:not(:focus):-ms-input-placeholder {\r\n color: #d4351c;\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form .popmechanic-invalid:not(:focus)::placeholder {\r\n color: #d4351c;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-invalid:not(:focus) + .popmechanic-inputs-invalid {\r\n display: block;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-invalid:not(:focus), .popmechanic-mobile #popmechanic-form .popmechanic-invalid:not(:focus) {\r\n z-index: 30;\r\n border: 1px solid #d4351c !important;\r\n color: #d4351c !important;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-invalid:not(:focus):-ms-input-placeholder, .popmechanic-mobile #popmechanic-form .popmechanic-invalid:not(:focus):-ms-input-placeholder {\r\n color: #d4351c;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-invalid:not(:focus)::placeholder, .popmechanic-mobile #popmechanic-form .popmechanic-invalid:not(:focus)::placeholder {\r\n color: #d4351c;\r\n}", "button": "", "on_show": "", "on_close": "", "embed_code": "", "behaviors": ["partscreen", "lead", "post-text"], "template_type": "partscreen", "need_reset": true, "parameters": [], "on_targeting_ready": "", "on_child_ready": ""}, {"id": 1839, "html": "
", "css": "<% if(!parseInt(font_custom_show)) { %>\r\n @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');\r\n<% } %>\r\n\r\n.popmechanic-reset,\r\n.popmechanic-reset * {\r\n line-height: inherit;\r\n box-sizing: border-box; }\r\n\r\n#popmechanic-form {\r\n position: relative;\r\n display: inline-block;\r\n vertical-align: top;\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 margin: 0;\r\n padding: 0; }\r\n #popmechanic-form .popmechanic-close {\r\n position: absolute;\r\n z-index: 99;\r\n top: 10px;\r\n right: 10px;\r\n width: 21px;\r\n height: 21px;\r\n font-size: 0;\r\n color: transparent;\r\n background-color: transparent;\r\n border: none;\r\n border-radius: 50%;\r\n cursor: pointer;\r\n outline: none;\r\n transform: rotate(45deg); }\r\n #popmechanic-form .popmechanic-close:hover:before,#popmechanic-form .popmechanic-close:hover:after {\r\n background-color: <%=close_color_hover%>;}\r\n #popmechanic-form .popmechanic-close:before, #popmechanic-form .popmechanic-close:after {\r\n content: '';\r\n position: absolute;\r\n top: 10px;\r\n left: 0;\r\n width: 100%;\r\n height: 2px;\r\n background-color: <%=close_color%>;\r\n\t transition:all .3s; }\r\n #popmechanic-form .popmechanic-close:after {\r\n transform: rotate(90deg); }\r\n #popmechanic-form .popmechanic-main {\r\n min-width: 280px;\r\n width: <%=popup_width%>px;\r\n max-width: 600px;\r\n height: auto;\r\n background-color: <%=popup_bg_color%>;\r\n\t<% if(parseInt(popup_bg_image_enable)){ %>\r\n\t\tbackground-image:url('<%=popup_bg_image%>');\r\n\t<% } %> \r\n background-size: cover;\r\n background-position: 50% 50%;\r\n text-align: center;\r\n padding: <%=popup_padding%>px;\r\n\t<% if(parseInt(popup_border_enable)){ %>\r\n\t\tborder: <%=popup_border_width%>px solid <%=popup_border_color%>;\r\n\t<% } %> \r\n border-radius: <%=popup_border_radius%>px;\r\n\t<% if(parseInt(popup_shadow_enable)){ %>\r\n\t\tbox-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);\r\n\t<% } %>\r\n }\r\n #popmechanic-form .popmechanic-title {\r\n margin: 0 0 20px;\r\n font-size: <%=title_size%>px;\r\n font-weight: 400;\r\n line-height: <%= title_line/10 %>;\r\n color: <%=title_color%>; }\r\n #popmechanic-form .popmechanic-text {\r\n margin: 0 0 20px;\r\n font-size: <%=text_size%>px;\r\n font-weight: 400;\r\n line-height: <%= text_line/10 %>;\r\n color: <%=text_color%>; }\r\n #popmechanic-form .popmechanic-submit {\r\n display: inline-block;\r\n width: <%=button_width%>px;\r\n\tmax-width:100%;\r\n height: <%=button_height%>px;\r\n padding: 0 15px;\r\n margin: 0;\r\n\t<% if(parseInt(button_border_enable)){ %>\r\n\t\tborder: <%=button_border_width%>px solid <%=button_border_color%>;\r\n\t\tline-height: <%= button_height-(button_border_width*2) %>px;\r\n\t<% } else {%>\r\n\t\tborder:none;\r\n\t\tline-height: <%=button_height%>px;\r\n\t<% } %>\r\n\tborder-radius: <%=button_border_radius%>px; \r\n outline: none;\r\n cursor: pointer;\r\n background-color: <%=button_bg%>;\r\n color: <%=button_font_color%>;\r\n font-size: <%=button_font_size%>px;\r\n font-weight: 400; \r\n\twhite-space:nowrap;\r\n\ttext-decoration:none;\r\n transition: all .3s; }\r\n #popmechanic-form .popmechanic-submit:hover {\r\n background-color: <%=button_bg_hover%>;\r\n color: <%=button_font_color_hover%>; \r\n\t border-color:<%=button_border_color_hover%>}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-main {\r\n max-width: 600px; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main {\r\n width: <%=popup_width2%>px;\r\n}\r\n\r\n.popmechanic-thankyou {\r\n display: none; }\r\n\r\n.popmechanic-success #popmechanic-form .popmechanic-main {\r\n display: none; }\r\n\r\n.popmechanic-success #popmechanic-form .popmechanic-thankyou {\r\n display: block; }", "button": "", "on_show": "", "on_close": "", "embed_code": "", "behaviors": ["humble", "info", "partscreen"], "template_type": "scrollbox-info", "need_reset": true, "parameters": [], "on_targeting_ready": "", "on_child_ready": ""}, {"id": 2030, "html": "<% 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 = 20\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.popmechanic-reset,\r\n.popmechanic-reset * {\r\n line-height: normal;\r\n <% if (parseInt(use_custom_font)) { %> \r\n font-family: <%=custom_font%>; \r\n<% } else { %> \r\n font-family: <%=form_font%>;\r\n <% } %>\r\n box-sizing: border-box;\r\n}\r\n\r\n#popmechanic-form {\r\n position: relative;\r\n <% if (parseInt(use_100width)) { %> \r\n width:100%;\r\n<% } else { %> \r\n width: <%=form_width%>px;\r\n <% } %>\r\n height: <%=form_height%>px;\r\n<% if (parseInt(use_custom_font)) { %> \r\n font-family: <%=custom_font%>; \r\n<% } else { %> \r\n font-family: <%=form_font%>;\r\n <% } %>\r\n border-radius: 0px;\r\n padding: <%=pad_top%>px <%=pad_right%>px <%=pad_bottom%>px <%=pad_left%>px;\r\n background-color: <%=form_bg_color%>;\r\n <% if(parseInt(show_form_bg)) { %>\r\n background: url(<%=form_bg_img%>) center center no-repeat;\r\n background-size: cover;\r\n<% } %>\r\n box-shadow: 0px 17px 32px rgba(0, 0, 0, 0.18);\r\n\r\n\r\n}\r\n\r\n\r\n\r\n#popmechanic-form .popmechanic-main {\r\n display: flex;\r\n flex-direction: row;\r\n flex-wrap: nowrap;\r\n justify-content: space-between;\r\n align-content: stretch;\r\n align-items: flex-start;\r\n}\r\n\r\n#popmechanic-form .popmechanic-content {\r\n flex: 0 1 350px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-title {\r\n color: <%=text_color1%>;\r\n font-size: <%=title_fontsize%>px;\r\n line-height: 1;\r\n font-weight: 900;\r\n}\r\n\r\n#popmechanic-form .popmechanic-text {\r\n margin: 16px 0 0;\r\n color: <%=text_color2%>;\r\n font-size: <%=text_size2%>px;\r\n line-height: 1.25;\r\n font-weight: 400;\r\n}\r\n\r\n#popmechanic-form .popmechanic-inputs {\r\n flex: 0 1 280px;\r\n padding: 33px 20px;\r\n border: <%=inputs_border_width%>px solid <%=inputs_border%>;\r\n border-radius: <%=inputs_border_radius%>px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-input {\r\n width: <%=inp_width%>px;\r\n height: <%=inp_height%>px;\r\n padding: 0 16px;\r\n margin: 0 0 16px;\r\n background: <%=inp_bgcolor%>;\r\n border: 1px solid <%=inp_border_color%>;\r\n border-radius: <%=inp_border_radius%>px;\r\n outline: none;\r\n font-size: <%=inp_fontsize%>px;\r\n font-weight: 400;\r\n color: <%=inp_color%>;\r\n}\r\n#popmechanic-form .popmechanic-input::placeholder {\r\n color: <%=placeholder_color%>;\r\n opacity: 1;\r\n transition: all 0.3s;\r\n}\r\n#popmechanic-form .popmechanic-input:focus::placeholder {\r\n opacity: 0;\r\n}\r\n#popmechanic-form .popmechanic-input.popmechanic-invalid {\r\n border: 1px solid #f36451;\r\n}\r\n#popmechanic-form .popmechanic-input.popmechanic-invalid::placeholder {\r\n color: #f36451;\r\n}\r\n\r\n#popmechanic-form .popmechanic-submit {\r\n width: <%=btn_width%>px;\r\n height: <%=btn_height%>px;\r\n \r\n background: <%=but_color1%>;\r\n color: <%=but_color3%>; \r\n border: none;\r\n padding: 0;\r\n border-radius: <%=btn_border_radius%>px;\r\n outline: none;\r\n cursor: pointer;\r\n font-size: <%=btn_fontsize%>px;\r\n line-height: normal;\r\n font-weight: 700;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition: all 0.3s;\r\n margin: 0 0 22px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-submit:hover {\r\n color: <%=but_color4%>;\r\n background: <%=but_color2%>;\r\n}\r\n\r\n#popmechanic-form .popmechanic-buttons {\r\n\tdisplay: flex;\r\n}\r\n#popmechanic-form .popmechanic-buttons .popmechanic-submit {\r\n width: <%=btn_width / 2 - 5%>px;\r\n}\r\n#popmechanic-form .popmechanic-buttons .popmechanic-submit:not(:last-child) {\r\n margin-right: 10px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-checkbox-block {\r\n position: relative;\r\n display: block;\r\n font-size: <%=conf_fontsize%>px;\r\n line-height: 18px;\r\n color: <%=text_color3%>;\r\n padding: 0 0 0 30px;\r\n -webkit-user-select: none;\r\n -moz-user-select: none;\r\n -ms-user-select: none;\r\n user-select: none;\r\n}\r\n#popmechanic-form .popmechanic-checkbox-block a {\r\n color: inherit;\r\n text-decoration: underline;\r\n}\r\n#popmechanic-form .popmechanic-checkbox-block:before {\r\n content: \"\";\r\n position: absolute;\r\n top: 0;\r\n left: -1px;\r\n width: 18px;\r\n height: 18px;\r\n border: 1px solid <%=inp_border_color%>;\r\n border-radius: 4px;\r\n background: <%=inp_bgcolor%>;\r\n}\r\n\r\n#popmechanic-form .popmechanic-checkbox-check {\r\n position: absolute;\r\n top: -0;\r\n left: -1px;\r\n z-index: 2;\r\n width: 18px;\r\n height: 18px;\r\n opacity: 0;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition: all 0.3s;\r\n}\r\n#popmechanic-form .popmechanic-checkbox-check svg {\r\n fill: <%=but_color1%>;\r\n width: 10px;\r\n}\r\n#popmechanic-form .popmechanic-checkbox {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n z-index: 3;\r\n width: 20px;\r\n height: 20px;\r\n opacity: 0;\r\n}\r\n#popmechanic-form .popmechanic-checkbox:checked ~ .popmechanic-checkbox-check {\r\n opacity: 1;\r\n}\r\n\r\n#popmechanic-form .popmechanic-thankyou {\r\n text-align: center;\r\n height: 100%;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n#popmechanic-form .popmechanic-thankyou .popmechanic-title {\r\n font-size: <%=title_fontsize%>px;\r\n line-height: 31px;\r\n font-weight: 700;\r\n}\r\n#popmechanic-form .popmechanic-thankyou .popmechanic-text {\r\n margin: 30px 0 0;\r\n font-size: <%=text_size2%>px;\r\n line-height: 28px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form {\r\n width: <%=form_width_mob%>px;\r\n height: <%=form_height_mob%>px;\r\n padding: <%=pad_top_mob%>px <%=pad_right_mob%>px <%=pad_bottom_mob%>px <%=pad_left_mob%>px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main { \r\n flex-wrap: wrap;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-title {\r\n font-size: <%=text_size_mob1%>px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-text {\r\n margin: 14px 0 0;\r\n font-size: <%=text_size_mob2%>px;\r\n line-height: 18px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-inputs {\r\n border: none;\r\n padding: 0;\r\n margin: 20px 0 0;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-input {\r\n width: <%=inp_width_mob%>px;\r\n height: <%=inp_height_mob%>px;\r\n font-size: <%=inp_fontsize_mob%>px;\r\n margin: 0 0 12px;\r\n}\r\n\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-buttons {\r\n\tdisplay: block;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-submit:not(:last-child) {\r\n margin-right: 0;\r\n margin-bottom: 12px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-submit {\r\n width: <%=btn_width_mob%>px;\r\n height: <%=btn_height_mob%>px;\r\n font-size: <%=btn_fontsize_mob%>px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou .popmechanic-text {\r\n margin: 10px 0 0;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-checkbox-block {\r\n font-size: <%=conf_fontsize_mob%>px;\r\n}\r\n\r\n.popmechanic-thankyou {\r\n display: none;\r\n}\r\n\r\n.popmechanic-success #popmechanic-form .popmechanic-main {\r\n display: none;\r\n}\r\n\r\n.popmechanic-success #popmechanic-form .popmechanic-thankyou {\r\n display: flex;\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": "", "on_show": "", "on_close": "", "embed_code": "", "behaviors": ["post-text", "lead"], "template_type": "embedded", "need_reset": true, "parameters": [], "on_targeting_ready": "", "on_child_ready": ""}, {"id": 2231, "html": "<% var answers = [\r\nanswer_1,\r\nanswer_2,\r\nanswer_3,\r\nanswer_4,\r\nanswer_5,\r\nanswer_6,\r\nanswer_7,\r\nanswer_8,\r\nanswer_9,\r\nanswer_10,\r\nanswer_11,\r\nanswer_12\r\n] %>\r\n\r\n
", "css": "<% if(!parseInt(font_custom_show)) { %>\r\n\t@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;600;700&display=swap');\r\n<% } %>\r\n\r\n.popmechanic-reset, .popmechanic-reset * {\r\n\tbox-sizing: border-box;\r\n\tmargin: 0;\r\n\tfont-size: 16px;\r\n\tline-height: normal;\r\n}\r\n.popmechanic-reset::before, .popmechanic-reset::after, .popmechanic-reset *::before, .popmechanic-reset *::after {\r\n\tbox-sizing: border-box;\r\n}\r\n.popmechanic-reset A, .popmechanic-reset * A {\r\n\tcolor: inherit;\r\n\tfont-size: inherit;\r\n}\r\n.popmechanic-reset TEXTAREA,\r\n.popmechanic-reset INPUT,\r\n.popmechanic-reset BUTTON, .popmechanic-reset * TEXTAREA,\r\n.popmechanic-reset * INPUT,\r\n.popmechanic-reset * BUTTON {\r\n\tdisplay: block;\r\n\tpadding: 0;\r\n\tborder: 0;\r\n\tborder-radius: 0;\r\n\tbackground: none;\r\n\tword-break: break-word;\r\n\toverflow-wrap: break-word;\r\n\tfont-family: inherit;\r\n\tfont-size: inherit;\r\n\t-webkit-appearance: none;\r\n\t\t\t\t\tappearance: none;\r\n}\r\n.popmechanic-reset TEXTAREA:-ms-input-placeholder, .popmechanic-reset INPUT:-ms-input-placeholder, .popmechanic-reset * TEXTAREA:-ms-input-placeholder, .popmechanic-reset * INPUT:-ms-input-placeholder {\r\n\tfont-style: normal;\r\n\topacity: 1;\r\n}\r\n.popmechanic-reset TEXTAREA::placeholder,\r\n.popmechanic-reset INPUT::placeholder, .popmechanic-reset * TEXTAREA::placeholder,\r\n.popmechanic-reset * INPUT::placeholder {\r\n\tfont-style: normal;\r\n\topacity: 1;\r\n}\r\n.popmechanic-reset BUTTON, .popmechanic-reset * BUTTON {\r\n\theight: auto;\r\n\tcursor: pointer;\r\n}\r\n.popmechanic-input-hidden {\r\n\tposition: absolute;\r\n\ttop: 0;\r\n\tleft: 0;\r\n\twidth: 0;\r\n\theight: 0;\r\n\topacity: 0;\r\n}\r\n\r\n#popmechanic-form {\r\n\tposition: relative !important;\r\n\tdisplay: block;\r\n\t<% if(parseInt(font_custom_show)) { %>\r\n\t\tfont-family: <%= font_custom %>;\r\n\t<% } else { %>\r\n\t\tfont-family: <%= font_family %>;\r\n\t<% } %>\r\n}\r\n#popmechanic-form .popmechanic-main, #popmechanic-form .popmechanic-thankyou {\r\n\tposition: relative;\r\n\twidth: 100%;\r\n\toverflow: hidden;\r\n\tmargin-right: auto;\r\n\tmargin-left: auto;\r\n\tbackground-color: #fff;\r\n}\r\n#popmechanic-form .popmechanic-container {\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n\twidth: 100%;\r\n\tmax-width: 100%;\r\n}\r\n#popmechanic-form .popmechanic-content {\r\n\tmax-width: 100%;\r\n}\r\n#popmechanic-form .popmechanic-header {\r\n\tword-break: break-word;\r\n\toverflow-wrap: break-word;\r\n}\r\n#popmechanic-form .popmechanic-title {\r\n\tcolor: #000;\r\n\ttext-align: center;\r\n\tfont-weight: 600;\r\n\tline-height: 1.23;\r\n}\r\n#popmechanic-form .popmechanic-inputs {\r\n\twidth: 100%;\r\n\tmax-width: 100%;\r\n}\r\n#popmechanic-form .popmechanic-field {\r\n\tposition: relative;\r\n\tmargin-bottom: 30px;\r\n}\r\n#popmechanic-form .popmechanic-field__textarea {\r\n\twidth: 100%;\r\n\theight: 60px;\r\n\tpadding: 10px 20px;\r\n\toutline: none;\r\n\tborder: 1px solid #000;\r\n\tbackground-color: #fff;\r\n\tcolor: #000;\r\n\tfont-size: 16px;\r\n\tline-height: 1.33;\r\n\tresize: none;\r\n\t-webkit-appearance: none;\r\n\t\t\t\t\tappearance: none;\r\n}\r\n#popmechanic-form .popmechanic-field__textarea:-ms-input-placeholder {\r\n\tcolor: #000;\r\n\topacity: 0.5;\r\n}\r\n#popmechanic-form .popmechanic-field__textarea::placeholder {\r\n\tcolor: #000;\r\n\topacity: 0.5;\r\n}\r\n#popmechanic-form .popmechanic-button {\r\n\tdisplay: block;\r\n\twidth: auto;\r\n\tmax-width: 100%;\r\n\theight: 60px;\r\n\toverflow: hidden;\r\n\tmargin-right: auto;\r\n\tmargin-left: auto;\r\n\tpadding: 0.5em;\r\n\tpadding-right: 60px;\r\n\tpadding-left: 60px;\r\n\toutline: none;\r\n\tbackground-color: #000;\r\n\tcolor: #fff;\r\n\ttext-align: center;\r\n\ttext-decoration: none;\r\n\twhite-space: nowrap;\r\n\tfont-size: 16px;\r\n\tfont-weight: 700;\r\n\tline-height: 1;\r\n\t-webkit-user-select: none;\r\n\t\t\t-ms-user-select: none;\r\n\t\t\t\t\tuser-select: none;\r\n}\r\n#popmechanic-form .popmechanic-button_disabled {\r\n\topacity: 0.5;\r\n\tpointer-events: none;\r\n}\r\n#popmechanic-form .popmechanic-button-group {\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n}\r\n#popmechanic-form .popmechanic-question-title {\r\n\tmargin-bottom: 5px;\r\n\tcolor: #000;\r\n\tfont-weight: 300;\r\n\tline-height: 1.55;\r\n}\r\n#popmechanic-form .popmechanic-question-decs {\r\n\tmargin-bottom: 15px;\r\n\tcolor: #000;\r\n\tfont-weight: 300;\r\n\tline-height: 1.55;\r\n\topacity: 0.7;\r\n}\r\n#popmechanic-form .popmechanic-answer {\r\n\tposition: relative;\r\n\tdisplay: flex;\r\n\talign-items: flex-start;\r\n\tmin-height: 20px;\r\n\tmargin-bottom: 10px;\r\n\t-webkit-user-select: none;\r\n\t\t\t-ms-user-select: none;\r\n\t\t\t\t\tuser-select: none;\r\n}\r\n#popmechanic-form .popmechanic-answer__checkbox:checked + .popmechanic-answer__check {\r\n\topacity: 1;\r\n}\r\n#popmechanic-form .popmechanic-answer__checkbox:checked + .popmechanic-answer__check::after {\r\n\tdisplay: block;\r\n}\r\n#popmechanic-form .popmechanic-answer__label {\r\n\tdisplay: flex;\r\n\tjustify-content: flex-start;\r\n\talign-items: flex-start;\r\n\tcursor: pointer;\r\n}\r\n#popmechanic-form .popmechanic-answer__check {\r\n\tposition: relative;\r\n\tflex-shrink: 0;\r\n\twidth: 20px;\r\n\theight: 20px;\r\n\tmargin-right: 10px;\r\n\tborder: 2px solid #000;\r\n\tbackground-color: #fff;\r\n\tbackground-position: center -50%;\r\n\tbackground-size: 12px;\r\n\tbackground-repeat: no-repeat;\r\n\topacity: 0.6;\r\n\tcursor: pointer;\r\n\ttransition: all 0.2s;\r\n}\r\n#popmechanic-form .popmechanic-answer__check::after {\r\n\tcontent: \"\";\r\n\tposition: absolute;\r\n\ttop: 2px;\r\n\tleft: 6px;\r\n\tdisplay: none;\r\n\twidth: 3px;\r\n\theight: 8px;\r\n\tbox-sizing: content-box;\r\n\tborder: solid #000;\r\n\tborder-width: 0 2px 2px 0;\r\n\ttransform: rotate(45deg);\r\n}\r\n#popmechanic-form .popmechanic-answer__text {\r\n\tcolor: #000;\r\n\tfont-size: 15px;\r\n\tfont-weight: 300;\r\n\tline-height: 1.55;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-main, .popmechanic-desktop #popmechanic-form .popmechanic-thankyou {\r\n\tmax-width: 800px;\r\n\tpadding: 20px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-title {\r\n\tmargin-bottom: 40px;\r\n\tfont-size: 42px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-question-title {\r\n\tfont-size: 20px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-question-decs {\r\n\tfont-size: 14px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-answer__text {\r\n\tfont-size: 15px;\r\n\tline-height: 1.55;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-button {\r\n\twidth: auto;\r\n\tpadding-right: 60px;\r\n\tpadding-left: 60px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-main, .popmechanic-tablet #popmechanic-form .popmechanic-thankyou, .popmechanic-mobile #popmechanic-form .popmechanic-main, .popmechanic-mobile #popmechanic-form .popmechanic-thankyou {\r\n\tmax-width: 620px;\r\n\tpadding: 10px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-title, .popmechanic-mobile #popmechanic-form .popmechanic-title {\r\n\tmargin-bottom: 25px;\r\n\tfont-size: 30px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-question-title, .popmechanic-mobile #popmechanic-form .popmechanic-question-title {\r\n\tfont-size: 16px;\r\n\tline-height: 1.45;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-question-decs, .popmechanic-mobile #popmechanic-form .popmechanic-question-decs {\r\n\tfont-size: 12px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-answer__text, .popmechanic-mobile #popmechanic-form .popmechanic-answer__text {\r\n\tfont-size: 12px;\r\n\tline-height: 1.45;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-button, .popmechanic-mobile #popmechanic-form .popmechanic-button {\r\n\twidth: 100%;\r\n\tpadding-right: 30px;\r\n\tpadding-left: 30px;\r\n}\r\n#popmechanic-form .popmechanic-thankyou {\r\n\tdisplay: none;\r\n}\r\n.popmechanic-success #popmechanic-form .popmechanic-main {\r\n\tdisplay: none !important;\r\n}\r\n.popmechanic-success #popmechanic-form .popmechanic-thankyou {\r\n\tdisplay: block;\r\n}\r\n.popmechanic-success #popmechanic-form .popmechanic-subtitle {\r\n\tmargin-bottom: 20px;\r\n\tpadding: 20px;\r\n\tbackground: #62c584;\r\n\tcolor: #fff;\r\n\ttext-align: center;\r\n\tfont-weight: 300;\r\n}\r\n.popmechanic-desktop.popmechanic-success #popmechanic-form .popmechanic-subtitle {\r\n\tfont-size: 20px;\r\n\tline-height: 1.55;\r\n}\r\n\r\n.popmechanic-tablet.popmechanic-success #popmechanic-form .popmechanic-subtitle, .popmechanic-mobile.popmechanic-success #popmechanic-form .popmechanic-subtitle {\r\n\tfont-size: 16px;\r\n\tline-height: 1.45;\r\n}\r\n\r\n#popmechanic-form .popmechanic-close {\r\n\tposition: absolute;\r\n\ttop: 10px;\r\n\tright: 10px;\r\n\tz-index: 40;\r\n\twidth: 20px;\r\n\theight: 20px;\r\n\tbackground: none;\r\n\tcursor: pointer;\r\n}\r\n#popmechanic-form .popmechanic-close::before,\r\n#popmechanic-form .popmechanic-close::after {\r\n\tcontent: \"\";\r\n\tposition: absolute;\r\n\ttop: 50%;\r\n\tleft: 50%;\r\n\twidth: 80%;\r\n\theight: 2px;\r\n\tbackground-color: rgba(0, 0, 0, 0.8);\r\n\ttransform: translate(-50%, -50%) rotate(45deg);\r\n}\r\n#popmechanic-form .popmechanic-close::after {\r\n\ttransform: translate(-50%, -50%) rotate(135deg);\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-close,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-close {\r\n\ttop: 5px;\r\n\tright: 5px;\r\n}", "button": "", "on_show": "", "on_close": "", "embed_code": "", "behaviors": ["partscreen", "lead", "post-text"], "template_type": "partscreen", "need_reset": true, "parameters": [], "on_targeting_ready": "", "on_child_ready": ""}, {"id": 2379, "html": "<%\r\n\tfunction createImageSrc(option, defaultSrc, userSrc) {\r\n\t\treturn {\r\n\t\t\topt1: defaultSrc[0],\r\n\t\t\topt2: defaultSrc[1],\r\n\t\t\topt3: defaultSrc[2],\r\n\t\t\topt4: userSrc\r\n\t\t}[option];\r\n\t}\r\n%>\r\n\r\n
", "css": "<% if(!parseInt(font_custom_show)) { %>\r\n\t@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;500;600;700&family=Roboto:wght@300;400;500;700&display=swap');\r\n<% } %>\r\n\r\n<%\r\n\tfunction hexToRgb(hex) {\r\n\t\treturn hex.replace(/^#?([a-f\\d])([a-f\\d])([a-f\\d])$/i, function (m, r, g, b) {\r\n\t\t\treturn \"#\".concat(r).concat(r).concat(g).concat(g).concat(b).concat(b);\r\n\t\t}).substring(1).match(/.{2}/g).map(function (x) {\r\n\t\t\treturn parseInt(x, 16);\r\n\t\t});\r\n\t};\r\n%>\r\n\r\n.popmechanic-reset, .popmechanic-reset * {\r\n\tbox-sizing: border-box;\r\n\tmargin: 0;\r\n\tfont-size: 16px;\r\n\tline-height: normal;\r\n}\r\n.popmechanic-reset::before, .popmechanic-reset::after,\r\n.popmechanic-reset *::before, .popmechanic-reset *::after {\r\n\tbox-sizing: border-box;\r\n}\r\n\r\n#popmechanic-form {\r\n\tposition: relative !important;\r\n\tdisplay: inline-block;\r\n\tvertical-align: middle;\r\n\t<% if(parseInt(font_custom_show)) { %>\r\n\t\tfont-family: <%= font_custom %>;\r\n\t<% } else { %>\r\n\t\tfont-family: <%= font_family %>;\r\n\t<% } %>\r\n}\r\n#popmechanic-form .popmechanic-main {\r\n\tposition: relative;\r\n\twidth: 100vw;\r\n\tmax-width: 100%;\r\n\toverflow: hidden;\r\n\tborder: 0 solid <%= border_color %>;\r\n\tborder-radius: <%= border_radius %>px;\r\n\t<% if (parseInt(shadow_show)) { %>\r\n\t\tbox-shadow: <%= shadow_offset_x %>px <%= shadow_offset_y %>px <%= shadow_blur %>px <%= shadow_spread %>px rgba(<%= hexToRgb(shadow_color) %>, <%= shadow_transparency %>);\r\n\t<% } %>\r\n}\r\n#popmechanic-form .popmechanic-container {\r\n\tdisplay: flex;\r\n\twidth: 100%;\r\n\tmax-width: 100%;\r\n\tbackground-color: rgba(<%= hexToRgb(bg_color) %>, <%= bg_transparency %>);\r\n}\r\n#popmechanic-form .popmechanic-content {\r\n\tdisplay: flex;\r\n\tjustify-content: flex-start;\r\n\talign-items: center;\r\n\twidth: 100%;\r\n\tmax-width: 100%;\r\n}\r\n<% if (!(!parseInt(img_show_desk) && !parseInt(img_show_mob))) { %>\r\n\t#popmechanic-form .popmechanic-image {\r\n\t\tdisplay: block;\r\n\t\tflex-shrink: 0;\r\n\t\tmax-width: 100%;\r\n\t}\r\n<% } %>\r\n#popmechanic-form .popmechanic-title {\r\n\tcolor: <%= title_color %>;\r\n\tfont-weight: <%= title_fw %>;\r\n\tline-height: <%= title_lh %>;\r\n\tflex-grow: 1;\r\n\tword-break: break-word;\r\n\toverflow-wrap: break-word;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-main {\r\n\tmax-width: <%= width_desk %>px;\r\n\tborder-width: <%= border_width_desk %>px;\r\n}\r\n<% if (parseInt(img_show_desk)) { %>\r\n\t.popmechanic-desktop #popmechanic-form .popmechanic-image {\r\n\t\torder: <%= (img_position_x_desk === \"left\") ? \"0\" : \"1\" %>;\r\n\t\twidth: <%= img_width_desk %>px;\r\n\t\t<% if (img_position_y_desk === \"top\") { %>\r\n\t\t\talign-self: flex-start;\r\n\t\t<% } else if (img_position_y_desk === \"bottom\") { %>\r\n\t\t\talign-self: flex-end;\r\n\t\t<% } else { %>\r\n\t\t\talign-self: center;\r\n\t\t<% } %>\r\n\t}\r\n<% } %>\r\n.popmechanic-desktop #popmechanic-form .popmechanic-content {\r\n\tgap: <%= img_offset_desk %>px;\r\n\tpadding: <%= padding_y_desk %>px <%= padding_x_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-title {\r\n\tfont-size: <%= title_fs_desk %>px;\r\n\ttext-align: <%= title_position_x_desk %>;\r\n\t<% if (title_position_y_desk === \"top\") { %>\r\n\t\talign-self: flex-start;\r\n\t<% } else if (title_position_y_desk === \"bottom\") { %>\r\n\t\talign-self: flex-end;\r\n\t<% } else { %>\r\n\t\talign-self: center;\r\n\t<% } %>\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-main,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main {\r\n\tmax-width: <%= width_mob %>px;\r\n\tborder-width: <%= border_width_mob %>px;\r\n}\r\n<% if (parseInt(img_show_mob)) { %>\r\n\t.popmechanic-tablet #popmechanic-form .popmechanic-image,\r\n\t.popmechanic-mobile #popmechanic-form .popmechanic-image {\r\n\t\torder: <%= (img_position_x_mob === \"left\") ? \"0\" : \"1\" %>;\r\n\t\twidth: <%= img_width_mob %>px;\r\n\t\t<% if (img_position_y_mob === \"top\") { %>\r\n\t\t\talign-self: flex-start;\r\n\t\t<% } else if (img_position_y_mob === \"bottom\") { %>\r\n\t\t\talign-self: flex-end;\r\n\t\t<% } else { %>\r\n\t\t\talign-self: center;\r\n\t\t<% } %>\r\n\t}\r\n<% } %>\r\n.popmechanic-tablet #popmechanic-form .popmechanic-content,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-content {\r\n\tgap: <%= img_offset_mob %>px;\r\n\tpadding: <%= padding_y_mob %>px <%= padding_x_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-title,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-title {\r\n\tfont-size: <%= title_fs_mob %>px;\r\n\ttext-align: <%= title_position_x_mob %>;\r\n\t<% if (title_position_y_mob === \"top\") { %>\r\n\t\talign-self: flex-start;\r\n\t<% } else if (title_position_y_mob === \"bottom\") { %>\r\n\t\talign-self: flex-end;\r\n\t<% } else { %>\r\n\t\talign-self: center;\r\n\t<% } %>\r\n}\r\n<% if (parseInt(close_show)) { %>\r\n\t#popmechanic-form .popmechanic-close {\r\n\t\tposition: absolute;\r\n\t\tz-index: 40;\r\n\t\tborder-radius: <%= close_border_radius %>px;\r\n\t\tcursor: pointer;\r\n\t\t<% if (parseInt(close_bg_show)) { %>\r\n\t\t\tbackground-color: rgba(<%= hexToRgb(close_bg_color) %>, <%= close_bg_transparency %>);\r\n\t\t<% } else { %>\r\n\t\t\tbackground-color: rgba(255, 255, 255, 0);\r\n\t\t<% } %>\r\n\t}\r\n\t#popmechanic-form .popmechanic-close::before,\r\n\t#popmechanic-form .popmechanic-close::after {\r\n\t\tcontent: \"\";\r\n\t\tposition: absolute;\r\n\t\ttop: 50%;\r\n\t\tleft: 50%;\r\n\t\twidth: 50%;\r\n\t\theight: 2px;\r\n\t\tborder-radius: 2px;\r\n\t\ttransform: translate(-50%, -50%) rotate(45deg);\r\n\t\tbackground-color: <%= close_color %>;\r\n\t}\r\n\t#popmechanic-form .popmechanic-close::after {\r\n\t\ttransform: translate(-50%, -50%) rotate(135deg);\r\n\t}\r\n\t.popmechanic-desktop #popmechanic-form .popmechanic-close {\r\n\t\ttop: <%= close_position_y_desk %>px;\r\n\t\tright: <%= close_position_x_desk %>px;\r\n\t\twidth: <%= close_size_desk %>px;\r\n\t\theight: <%= close_size_desk %>px;\r\n\t}\r\n\t.popmechanic-tablet #popmechanic-form .popmechanic-close,\r\n\t.popmechanic-mobile #popmechanic-form .popmechanic-close {\r\n\t\ttop: <%= close_position_y_mob %>px;\r\n\t\tright: <%= close_position_x_mob %>px;\r\n\t\twidth: <%= close_size_mob %>px;\r\n\t\theight: <%= close_size_mob %>px;\r\n\t}\r\n<% } %>", "button": "", "on_show": "", "on_close": "", "embed_code": "", "behaviors": ["info"], "template_type": "embedded", "need_reset": true, "parameters": [], "on_targeting_ready": "", "on_child_ready": ""}], "button_templates": [], "integrations": [{"id": 30765, "form": 41789, "filter": null, "filter_type": null, "account": 29821, "integration_type": "javascript", "on_render": "mindbox(\"async\", {\n operation: \"OrderNPS\",\n data: {\n customer: {\n authenticationTicket: location.href.split('ticket=')[1].split('&')[0]\n },\n customerAction: {\n customFields: {\n npsMark: location.href.split('nps=')[1].split('&')[0],\n npsOrderID: location.href.split('npsOrderID=')[1].split('&')[0],\n npsShop: decodeURIComponent(location.href.split('npsShop=')[1].split('&')[0])\n }\n }\n },\n onSuccess: function() { },\n onError: function(error) { }\n});", "on_show": "", "on_success": "", "on_close_success": "", "on_close_fail": ""}, {"id": 27972, "form": 40598, "filter": null, "filter_type": null, "account": 29821, "integration_type": "javascript", "on_render": "mindbox(\"async\", {\n operation: \"OrderNPS\",\n data: {\n customer: {\n authenticationTicket: location.href.split('ticket=')[1].split('&')[0]\n },\n customerAction: {\n customFields: {\n npsMark: location.href.split('nps=')[1].split('&')[0],\n npsOrderID: location.href.split('npsOrderID=')[1].split('&')[0],\n npsShop: decodeURIComponent(location.href.split('npsShop=')[1].split('&')[0])\n }\n }\n },\n onSuccess: function() { },\n onError: function(error) { }\n});", "on_show": "", "on_success": "", "on_close_success": "", "on_close_fail": ""}, {"id": 31615, "form": 42000, "filter": null, "filter_type": null, "account": 29821, "integration_type": "javascript", "on_render": "mindbox(\"async\", {\n operation: \"OrderNPS\",\n data: {\n customer: {\n authenticationTicket: location.href.split('ticket=')[1].split('&')[0]\n },\n customerAction: {\n customFields: {\n npsMark: location.href.split('nps=')[1].split('&')[0],\n npsOrderID: location.href.split('npsOrderID=')[1].split('&')[0],\n npsShop: decodeURIComponent(location.href.split('npsShop=')[1].split('&')[0])\n }\n }\n },\n onSuccess: function() { },\n onError: function(error) { }\n});", "on_show": "", "on_success": "mindbox(\"async\", {\n operation: \"NPSSource\",\n data: {\n customer: {\n authenticationTicket: location.href.split('ticket=')[1].split('&')[0],\n customFields: {\n primarysource: \"%customs.Itogovii_otvet%\".split('|')\n }\n }\n},\n onSuccess: function() { },\n onError: function(error) { }\n});", "on_close_success": "", "on_close_fail": ""}, {"id": 30766, "form": 41789, "filter": null, "filter_type": null, "account": 29821, "integration_type": "mindbox_server_json", "customer_extended": [], "customer_action_extended": [{"id": 41, "value": "%customs.comment1784%", "systemName": "customFields.comment"}], "mode": "create", "send_customer": false, "issue_action": true, "operation": "popmechanic-integration-issue-41789", "subscriptions": []}, {"id": 89739, "form": 80459, "filter": null, "filter_type": null, "account": 29821, "integration_type": "mindbox_server_json", "customer_extended": [{"value": "%email%", "systemName": "email"}], "customer_action_extended": [], "mode": "create", "send_customer": true, "issue_action": true, "operation": "popmechanic-integration-create-80459", "subscriptions": [{"pointOfContact": "Email"}]}, {"id": 91827, "form": 82184, "filter": null, "filter_type": null, "account": 29821, "integration_type": "mindbox_server_json", "customer_extended": [{"value": "%email%", "systemName": "email"}], "customer_action_extended": [], "mode": "create", "send_customer": true, "issue_action": true, "operation": "popmechanic-integration-create-82184", "subscriptions": [{"pointOfContact": "Email"}]}, {"id": 16053, "form": 29476, "filter": null, "filter_type": null, "account": 29821, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-reco-widget-29476-show", "click_operation": null, "targeting_operation": "popmechanic-reco-widget-29476-targeting"}, {"id": 20567, "form": 34583, "filter": null, "filter_type": null, "account": 29821, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-reco-widget-34583-show", "click_operation": null, "targeting_operation": "popmechanic-reco-widget-34583-targeting"}, {"id": 20568, "form": 34584, "filter": null, "filter_type": null, "account": 29821, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-reco-widget-34584-show", "click_operation": null, "targeting_operation": "popmechanic-reco-widget-34584-targeting"}, {"id": 30764, "form": 41789, "filter": null, "filter_type": null, "account": 29821, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-41789-show", "click_operation": "popmechanic-popup-41789-click", "targeting_operation": "popmechanic-popup-41789-targeting"}, {"id": 31232, "form": 42000, "filter": null, "filter_type": null, "account": 29821, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-42000-show", "click_operation": "popmechanic-popup-42000-click", "targeting_operation": "popmechanic-popup-42000-targeting"}, {"id": 35064, "form": 40598, "filter": null, "filter_type": null, "account": 29821, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-40598-show", "click_operation": "popmechanic-popup-40598-click", "targeting_operation": "popmechanic-popup-40598-targeting"}, {"id": 37944, "form": 46432, "filter": null, "filter_type": null, "account": 29821, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-reco-widget-46432-show", "click_operation": null, "targeting_operation": "popmechanic-reco-widget-46432-targeting"}, {"id": 38452, "form": 46823, "filter": null, "filter_type": null, "account": 29821, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-reco-widget-46823-show", "click_operation": null, "targeting_operation": "popmechanic-reco-widget-46823-targeting"}, {"id": 56761, "form": 58917, "filter": null, "filter_type": null, "account": 29821, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-reco-widget-58917-show", "click_operation": null, "targeting_operation": "popmechanic-reco-widget-58917-targeting"}, {"id": 69672, "form": 67506, "filter": null, "filter_type": null, "account": 29821, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-reco-widget-67506-show", "click_operation": null, "targeting_operation": "popmechanic-reco-widget-67506-targeting"}, {"id": 69711, "form": 36041, "filter": null, "filter_type": null, "account": 29821, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-reco-widget-36041-show", "click_operation": null, "targeting_operation": "popmechanic-reco-widget-36041-targeting"}, {"id": 77650, "form": 73005, "filter": null, "filter_type": null, "account": 29821, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-reco-widget-73005-show", "click_operation": null, "targeting_operation": "popmechanic-reco-widget-73005-targeting"}, {"id": 78497, "form": 73507, "filter": null, "filter_type": null, "account": 29821, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-reco-widget-73507-show", "click_operation": null, "targeting_operation": "popmechanic-reco-widget-73507-targeting"}, {"id": 81638, "form": 75703, "filter": null, "filter_type": null, "account": 29821, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-block-75703-show", "click_operation": "popmechanic-block-75703-click", "targeting_operation": "popmechanic-block-75703-targeting"}, {"id": 89184, "form": 80459, "filter": null, "filter_type": null, "account": 29821, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-block-80459-show", "click_operation": "popmechanic-block-80459-click", "targeting_operation": "popmechanic-block-80459-targeting"}, {"id": 90182, "form": 81124, "filter": null, "filter_type": null, "account": 29821, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-block-81124-show", "click_operation": "popmechanic-block-81124-click", "targeting_operation": "popmechanic-block-81124-targeting"}, {"id": 91826, "form": 82184, "filter": null, "filter_type": null, "account": 29821, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-block-82184-show", "click_operation": "popmechanic-block-82184-click", "targeting_operation": "popmechanic-block-82184-targeting"}], "settings": {"hide_copyright": true, "premium": true}, "frequency": {"minimal_timeout": null, "session": null, "day": null, "week": null, "month": null}, "global_ab_tests": [{"global_ab_test_internal_id": "6ad7e52c-3614-44d1-a2d6-45bfda9e9be8", "internal_id": "E133A22E-397E-49C9-B04A-908C5AF76223", "salt": "66D19B3A-391C-40DA-A82D-82368ABB121B", "variants": [{"internal_id": "E49B1CC8-A974-4D89-9B50-0BC8934B3601", "is_control_group": false, "form_selection_kind": null, "modulus_lower_inclusive": 0, "modulus_upper_exclusive": 34, "forms": []}, {"internal_id": "CB2021DB-517A-4067-884D-C93F542236CC", "is_control_group": false, "form_selection_kind": null, "modulus_lower_inclusive": 34, "modulus_upper_exclusive": 67, "forms": [{"id": 29476}]}, {"internal_id": "0670f8a8-2f2f-4c7e-9411-f36ef19c9cea", "is_control_group": false, "form_selection_kind": null, "modulus_lower_inclusive": 67, "modulus_upper_exclusive": 100, "forms": [{"id": 58917}]}]}], "ip": "1.1.1.1", "contacts": [], "geo": null}