');\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": 1533, "html": "
", "css": "<% if(!parseInt(font_custom_show)) { %>\r\n @import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;900&family=Roboto:wght@400;900&display=swap');\r\n<% } %>\r\n\r\n.popmechanic-reset,\r\n.popmechanic-reset * {\r\n line-height: normal;\r\n box-sizing: border-box;\r\n}\r\n\r\n#popmechanic-form {\r\n position: relative !important;\r\n display: inline-block;\r\n <% if(parseInt(font_custom_show)) { %>\r\n font-family: <%=font_custom%>;\r\n <% } else { %>\r\n font-family: <%=font_family%>;\r\n <% } %>\r\n <% if(parseInt(shadow_show)) { %>\r\n box-shadow: 0px 0px <%=shadow_size%>px rgba(0, 0, 0, 0.25);\r\n <% } %>\r\n vertical-align: middle;\r\n <% if(parseInt(border_show)) { %>\r\n border-color: <%=border_color%>;\r\n border-width: <%=border_width%>px;\r\n border-style: solid;\r\n <% } %>\r\n}\r\n\r\n#popmechanic-form:before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n z-index: 0;\r\n background-color: <%=bg_color%>;\r\n opacity: <%=bg_transparency%>\r\n}\r\n\r\n#popmechanic-form .popmechanic-main {\r\n position: relative;\r\n z-index: 10;\r\n height: 100%;\r\n}\r\n\r\n#popmechanic-form .popmechanic-content {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n height: 100%;\r\n}\r\n\r\n#popmechanic-form .popmechanic-image {\r\n height: auto;\r\n flex-shrink: 0;\r\n}\r\n\r\n#popmechanic-form .popmechanic-image img {\r\n width: 100%;\r\n}\r\n\r\n#popmechanic-form .popmechanic-title {\r\n margin-top: 0;\r\n margin-bottom: 0.9em;\r\n font-weight: <%= title_fw %>;\r\n color: <%=title_color%>;\r\n}\r\n\r\n#popmechanic-form .popmechanic-subtitle {\r\n margin: 0;\r\n font-weight: 400;\r\n color: <%=subtitle_color%>;\r\n line-height: 1.5;\r\n}\r\n\r\n#popmechanic-form .popmechanic-button {\r\n flex-shrink: 0;\r\n text-align: center;\r\n text-decoration: none;\r\n padding-top: 14px;\r\n padding-bottom: 14px;\r\n border: 1px solid;\r\n}\r\n\r\n#popmechanic-form .popmechanic-button--first {\r\n background-color: <%=btn_bg_color_1%>;\r\n border-color: <%=btn_border_color_1%>;\r\n color: <%=btn_text_color_1%>;\r\n border-radius: <%=btn_border_radius_1%>px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-button--first:hover {\r\n background-color: <%=btn_bg_color_hov_1%>;\r\n color: <%=btn_text_color_hov_1%>;\r\n border-color: <%=btn_border_color_hov_1%>;\r\n}\r\n\r\n#popmechanic-form .popmechanic-button--second {\r\n background-color: <%=btn_bg_color_2%>;\r\n border-color: <%=btn_border_color_2%>;\r\n color: <%=btn_text_color_2%>;\r\n border-radius: <%=btn_border_radius_2%>px;\r\n font-weight: 900;\r\n}\r\n\r\n#popmechanic-form .popmechanic-button--second:hover {\r\n background-color: <%=btn_bg_color_hov_2%>;\r\n color: <%=btn_text_color_hov_2%>;\r\n border-color: <%=btn_border_color_hov_2%>;\r\n}\r\n\r\n#popmechanic-form .popmechanic-close {\r\n display: block;\r\n position: absolute;\r\n top: 10px;\r\n right: 10px;\r\n line-height: 1ex;\r\n color: <%=close_color%>;\r\n cursor: pointer;\r\n z-index: 99;\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form .popmechanic-main {\r\n padding: <%=padding_desktop%>px;\r\n width: 100%;\r\n height: <%=height_desktop%>px;\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form .popmechanic-image {\r\n display: <%= parseInt(img_show_desktop) ? 'block' : 'none' %>;\r\n width: <%=img_width_desktop%>px;\r\n margin-right: 20px;\r\n margin-top: <%=img_margin_top_desktop%>%;\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form .popmechanic-header {\r\n margin-right: 75px;\r\n text-align: <%=text_align_desktop%>;\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form .popmechanic-title {\r\n font-size: <%=title_font_size_desktop%>px;\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form .popmechanic-subtitle {\r\n font-size: <%=subtitle_font_size_desktop%>px;\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form .popmechanic-button {\r\n width: <%=btn_width_desktop%>px;\r\n padding-top: <%=btn_height_desktop%>px;\r\n padding-bottom: <%=btn_height_desktop%>px;\r\n font-size: <%= btn_font_size_desktop %>px;\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form .popmechanic-button--first {\r\n margin-right: 16px;\r\n}\r\n\r\n.popmechanic-desktop #popmechanic-form .popmechanic-close {\r\n font-size: <%=close_size_desktop%>px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form,\r\n.popmechanic-mobile #popmechanic-form {\r\n overflow: visible;\r\n margin-top: <%= (img_margin_top_mobile < 0) ? Math.abs(parseInt(img_margin_top_mobile)) : 0 %>px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-main,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main {\r\n width: 100%;\r\n padding: <%=padding_mobile%>px;\r\n padding-top: <%=\r\n (+padding_mobile + +img_margin_top_mobile >= +padding_mobile)\r\n ? padding_mobile\r\n : (+padding_mobile + +img_margin_top_mobile <= 0 ) ? 0 : +padding_mobile + +img_margin_top_mobile\r\n %>px;\r\n\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-content,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-content {\r\n flex-direction: column;\r\n justify-content: flex-start;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-image,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-image {\r\n position: relative;\r\n top: <%=img_margin_top_mobile%>px;\r\n display: <%= parseInt(img_show_mobile) ? 'block' : 'none' %>;\r\n width: <%=img_width_mobile%>px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-header,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-header {\r\n margin-bottom: 26px;\r\n margin-top: <%= parseInt(img_show_mobile) ? +img_margin_top_mobile + 10 : padding_mobile %>px;\r\n text-align: <%=text_align_mobile%>;\r\n overflow: hidden;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-title,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-title {\r\n font-size: <%=title_font_size_mobile%>px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-subtitle,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-subtitle {\r\n font-size: <%=subtitle_font_size_mobile%>px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-button,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-button {\r\n width: <%=btn_width_mobile%>px;\r\n padding-top: <%=btn_height_mobile%>px;\r\n padding-bottom: <%=btn_height_mobile%>px;\r\n font-size: <%= btn_font_size_mobile %>px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-button--first,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-button--first {\r\n margin-bottom: 16px;\r\n}\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-close,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-close {\r\n font-size: <%=close_size_mobile%>px;\r\n}", "button": "", "on_show": "<% if (!!parseInt(btn_form_id_1)) { %>\r\n\tPopMechanic.$('.popmechanic-form-open1').on('click', function (e) {\r\n \te.preventDefault();\r\n \tsetTimeout(function(){PopMechanic.show(<%= btn_form_id_1 %>, true)}, 300);})\r\n<% } %>\r\n \r\n \r\n<% if (!!parseInt(btn_form_id_2)) { %>\r\n\tPopMechanic.$('.popmechanic-form-open2').on('click', function (e) {\r\n \te.preventDefault();\r\n \tsetTimeout(function(){PopMechanic.show(<%= btn_form_id_2 %>, true)}, 300);})\r\n<% } %>", "on_close": "", "embed_code": "", "behaviors": ["info", "banner-h"], "template_type": "partscreen-info", "need_reset": true, "parameters": [], "on_targeting_ready": "", "on_child_ready": ""}, {"id": 1764, "html": "<% try { close_show = close_show; } catch (e) { close_show = 0 } %>\r\n\r\n
", "css": "@import url(\"https://fonts.googleapis.com/css?family=Merriweather:100,200,300,400,700,900|Roboto:100,200,300,400,500,700,900&display=swap&subset=cyrillic\");\r\n@import url(\"https://fonts.googleapis.com/css?family=Merriweather:400,700|Open+Sans:100,200,300,400,700,900&subset=cyrillic\");\r\n\r\n<% 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-form {\r\n width: 100%;\r\n line-height: <%=form_line_height%>;\r\n font-family: <%=form_font%>;\r\n -webkit-box-sizing: border-box;\r\n box-sizing: border-box;\r\n position: relative;\r\n display: inline-block;\r\n \r\n}\r\n\r\n#popmechanic-form * {\r\n -webkit-box-sizing: border-box;\r\n box-sizing: border-box;\r\n font-family: <%=form_font%>;\r\n}\r\n\r\n#popmechanic-form .popmechanic-thankyou {\r\n display: none;\r\n}\r\n\r\n#popmechanic-form .popmechanic-screen {\r\n display: none;\r\n}\r\n\r\n#popmechanic-form .popmechanic-screen_active {\r\n display: block;\r\n}\r\n\r\n#popmechanic-form .popmechanic-content {\r\n text-align: left;\r\n display: -webkit-box;\r\n display: -ms-flexbox;\r\n display: flex;\r\n -webkit-box-pack: center;\r\n -ms-flex-pack: center;\r\n justify-content: center;\r\n -webkit-box-align: center;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n height: 100%;\r\n width: 1200px;\r\n margin: 0 auto;\r\n padding-right: 40px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-main,\r\n#popmechanic-form .popmechanic-thankyou {\r\n height: <%=form_height%>px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-main,\r\n#popmechanic-form #popmechanic-screen-comment,\r\n#popmechanic-form .popmechanic-thankyou {\r\n background-color: <%=form_bg_color%>;\r\n \r\n <% if(parseInt(show_form_bg)){ %>\r\n background-image: url(<%=form_bg_img%>);\r\n background-size: cover;\r\n background-position: center;\r\n background-repeat: no-repeat;\r\n <% } %>\r\n}\r\n\r\n#popmechanic-form #popmechanic-screen-comment {\r\n height: <%=message_height%>px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-title-wrapper {\r\n -webkit-box-flex: 1;\r\n -ms-flex: 1;\r\n flex: 1;\r\n}\r\n\r\n#popmechanic-form .popmechanic-title {\r\n font-size: <%=title_fontsize%>px;\r\n color: <%=title_color%>;\r\n font-weight: 900;\r\n margin-bottom: 13px;\r\n margin-right: 60px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-sub-title {\r\n font-size: <%=sub_title_fontsize%>px;\r\n color: <%=sub_title_color%>;\r\n font-weight: 300;\r\n margin-right: 60px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-marks {\r\n display: -webkit-box;\r\n display: -ms-flexbox;\r\n display: flex;\r\n -webkit-box-pack: center;\r\n -ms-flex-pack: center;\r\n justify-content: center;\r\n -ms-flex-negative: 1;\r\n flex-shrink: 1;\r\n}\r\n\r\n#popmechanic-form .popmechanic-mark {\r\n cursor: pointer;\r\n -webkit-transition: 0.3s;\r\n transition: 0.3s;\r\n margin-right: 20px;\r\n font-size: 0;\r\n}\r\n\r\n#popmechanic-form .popmechanic-mark:last-child {\r\n margin-right: 0;\r\n}\r\n\r\n#popmechanic-form .popmechanic-mark:hover {\r\n -webkit-transform: translateY(-3px);\r\n transform: translateY(-3px);\r\n}\r\n\r\n#popmechanic-form .popmechanic-mark img {\r\n max-width: 100%;\r\n width: <%=img_width%>px;\r\n pointer-events: none;\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\r\n#popmechanic-form .popmechanic-submit {\r\n display: block;\r\n margin: 0 auto;\r\n font-family: inherit;\r\n width: <%=btn_width%>px;\r\n height: <%=btn_height%>px;\r\n -webkit-box-sizing: border-box;\r\n box-sizing: border-box;\r\n color: <%=btn_color%>;\r\n background-color: <%=btn_bgcolor%>;\r\n font-size: <%=btn_fontsize%>px;\r\n font-weight: 700;\r\n border-radius: <%=btn_border_radius%>px;\r\n text-shadow: none;\r\n border: none;\r\n outline: none;\r\n text-decoration: none;\r\n cursor: pointer;\r\n -webkit-transition: 0.3s;\r\n transition: 0.3s;\r\n}\r\n\r\n#popmechanic-form .popmechanic-submit:hover {\r\n color: <%=btn_hover_color%>;\r\n background-color: <%=btn_hover_bgcolor%>;\r\n}\r\n\r\n#popmechanic-form .popmechanic-input-wrapper {\r\n position: relative;\r\n}\r\n\r\n#popmechanic-form #popmechanic-screen-comment .popmechanic-title {\r\n margin-right: 40px;\r\n}\r\n\r\n#popmechanic-form #popmechanic-screen-comment .popmechanic-sub-title {\r\n font-weight: 400;\r\n margin-bottom: 10px;\r\n margin-right: 40px;\r\n}\r\n\r\n#popmechanic-form #popmechanic-screen-comment .popmechanic-submit {\r\n position: absolute;\r\n width: <%=btn_width_msg%>px;\r\n height: <%=btn_height_msg%>px;\r\n bottom: 0;\r\n right: 0;\r\n margin: 0;\r\n}\r\n\r\n#popmechanic-form .popmechanic-message {\r\n display: block;\r\n width: <%=inp_width%>px;\r\n height: <%=inp_height%>px;\r\n border: 1px solid <%=inp_border_color%>;\r\n border-radius: <%=inp_broder_radius%>px;\r\n color: <%=inp_color%>;\r\n background-color: <%=inp_bgcolor%>;\r\n margin: 0 auto;\r\n padding: 20px 15px;\r\n padding-right: 192px;\r\n -webkit-box-sizing: border-box;\r\n box-sizing: border-box;\r\n font-size: <%=inp_fontsize%>px;\r\n resize: none;\r\n}\r\n\r\n#popmechanic-form .popmechanic-message::-webkit-input-placeholder {\r\n color: <%=inp_color%>;\r\n font-style: italic;\r\n font-weight: 200;\r\n}\r\n\r\n#popmechanic-form .popmechanic-message:-ms-input-placeholder {\r\n color: <%=inp_color%>;\r\n font-style: italic;\r\n font-weight: 200;\r\n}\r\n\r\n#popmechanic-form .popmechanic-message::-ms-input-placeholder {\r\n color: <%=inp_color%>;\r\n font-style: italic;\r\n font-weight: 200;\r\n}\r\n\r\n#popmechanic-form .popmechanic-message::placeholder {\r\n color: <%=inp_color%>;\r\n font-style: italic;\r\n font-weight: 200;\r\n}\r\n\r\n#popmechanic-form .popmechanic-thankyou .popmechanic-content {\r\n -webkit-box-pack: start;\r\n -ms-flex-pack: start;\r\n justify-content: flex-start;\r\n}\r\n\r\n#popmechanic-form .popmechanic-thankyou .popmechanic-title-wrapper {\r\n -webkit-box-flex: initial;\r\n -ms-flex: initial;\r\n flex: initial;\r\n}\r\n\r\n#popmechanic-form .popmechanic-thankyou .popmechanic-title {\r\n margin-bottom: 10px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-thankyou .popmechanic-submit {\r\n margin: 0;\r\n margin-left: 150px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form {\r\n line-height: <%=form_line_height_mob%>;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main {\r\n height: <%=main_height_mob%>px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main,\r\n.popmechanic-mobile #popmechanic-form #popmechanic-screen-comment,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou {\r\n width: 100%;\r\n padding-top: <%=pad_top_mob%>px;\r\n padding-left: <%=pad_left_mob%>px;\r\n padding-right: <%=pad_right_mob%>px;\r\n padding-bottom: <%=pad_bottom_mob%>px;\r\n border-radius: <%=form_border_radius%>px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form #popmechanic-screen-comment,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou {\r\n height: <%=form_height_mob%>px;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-title-wrapper {\r\n -webkit-box-flex: initial;\r\n -ms-flex: initial;\r\n flex: initial;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-title {\r\n font-size: <%=title_fontsize_mob%>px;\r\n margin-bottom: 8px;\r\n margin-right: 0;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main {\r\n padding-top: 0;\r\n padding-bottom: 0;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main .popmechanic-content {\r\n height: 100%;\r\n display: -webkit-box;\r\n display: -ms-flexbox;\r\n display: flex;\r\n -webkit-box-orient: vertical;\r\n -webkit-box-direction: normal;\r\n -ms-flex-direction: column;\r\n flex-direction: column;\r\n -webkit-box-align: center;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n -webkit-box-pack: center;\r\n -ms-flex-pack: center;\r\n justify-content: center;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-content {\r\n -webkit-box-orient: vertical;\r\n -webkit-box-direction: normal;\r\n -ms-flex-direction: column;\r\n flex-direction: column;\r\n -webkit-box-align: center;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n text-align: center;\r\n padding-right: 0;\r\n width: 100%;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form #popmechanic-screen-comment .popmechanic-sub-title {\r\n margin-bottom: 18px;\r\n margin-right: 0;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form #popmechanic-screen-comment .popmechanic-title {\r\n margin-right: 0;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form #popmechanic-screen-comment .popmechanic-message {\r\n padding: 15px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form #popmechanic-screen-comment .popmechanic-submit {\r\n position: relative;\r\n width: <%=btn_width_mob%>px;\r\n height: <%=btn_height_mob%>px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-sub-title {\r\n font-size: <%=sub_title_fontsize_mob%>px;\r\n margin-bottom: 15px;\r\n margin-right: 0;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-mark {\r\n margin-right: 11px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-mark:last-child {\r\n margin-right: 0;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-mark img {\r\n width: <%=img_width_mob%>px;\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-message {\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-bottom: 10px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou {\r\n padding-top: 0;\r\n padding-bottom: 0;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou .popmechanic-content {\r\n display: -webkit-box;\r\n display: -ms-flexbox;\r\n display: flex;\r\n -webkit-box-orient: vertical;\r\n -webkit-box-direction: normal;\r\n -ms-flex-direction: column;\r\n flex-direction: column;\r\n -webkit-box-pack: center;\r\n -ms-flex-pack: center;\r\n justify-content: center;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou .popmechanic-submit {\r\n margin-top: 40px;\r\n margin-left: 0;\r\n}\r\n\r\n.popmechanic-success #popmechanic-form .popmechanic-screen {\r\n display: none !important;\r\n}\r\n\r\n.popmechanic-success #popmechanic-form .popmechanic-thankyou {\r\n display: block;\r\n}\r\n\r\n@media screen and (max-width: 1230px) {\r\n #popmechanic-form {\r\n line-height: <%=form_line_height_mob%>;\r\n }\r\n #popmechanic-form .popmechanic-main {\r\n height: <%=main_height_mob%>px;\r\n }\r\n #popmechanic-form .popmechanic-main,\r\n #popmechanic-form #popmechanic-screen-comment,\r\n #popmechanic-form .popmechanic-thankyou {\r\n width: 100%;\r\n padding-top: <%=pad_top_mob%>px;\r\n padding-left: <%=pad_left_mob%>px;\r\n padding-right: <%=pad_right_mob%>px;\r\n padding-bottom: <%=pad_bottom_mob%>px;\r\n border-radius: <%=form_border_radius%>px;\r\n }\r\n #popmechanic-form #popmechanic-screen-comment,\r\n #popmechanic-form .popmechanic-thankyou {\r\n height: <%=form_height_mob%>px;\r\n }\r\n #popmechanic-form .popmechanic-title-wrapper {\r\n -webkit-box-flex: initial;\r\n -ms-flex: initial;\r\n flex: initial;\r\n }\r\n #popmechanic-form .popmechanic-title {\r\n font-size: <%=title_fontsize_mob%>px;\r\n margin-bottom: 8px;\r\n margin-right: 0;\r\n }\r\n #popmechanic-form .popmechanic-main {\r\n padding-top: 0;\r\n padding-bottom: 0;\r\n }\r\n #popmechanic-form .popmechanic-main .popmechanic-content {\r\n height: 100%;\r\n display: -webkit-box;\r\n display: -ms-flexbox;\r\n display: flex;\r\n -webkit-box-orient: vertical;\r\n -webkit-box-direction: normal;\r\n -ms-flex-direction: column;\r\n flex-direction: column;\r\n -webkit-box-align: center;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n -webkit-box-pack: center;\r\n -ms-flex-pack: center;\r\n justify-content: center;\r\n }\r\n #popmechanic-form .popmechanic-content {\r\n -webkit-box-orient: vertical;\r\n -webkit-box-direction: normal;\r\n -ms-flex-direction: column;\r\n flex-direction: column;\r\n -webkit-box-align: center;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n text-align: center;\r\n padding-right: 0;\r\n width: 100%;\r\n }\r\n #popmechanic-form #popmechanic-screen-comment .popmechanic-sub-title {\r\n margin-bottom: 18px;\r\n margin-right: 0;\r\n }\r\n #popmechanic-form #popmechanic-screen-comment .popmechanic-title {\r\n margin-right: 0;\r\n }\r\n #popmechanic-form #popmechanic-screen-comment .popmechanic-message {\r\n padding: 15px;\r\n }\r\n #popmechanic-form #popmechanic-screen-comment .popmechanic-submit {\r\n position: relative;\r\n width: <%=btn_width_mob%>px;\r\n height: <%=btn_height_mob%>px;\r\n }\r\n #popmechanic-form .popmechanic-sub-title {\r\n font-size: <%=sub_title_fontsize_mob%>px;\r\n margin-bottom: 15px;\r\n margin-right: 0;\r\n }\r\n #popmechanic-form .popmechanic-mark {\r\n margin-right: 11px;\r\n }\r\n #popmechanic-form .popmechanic-mark:last-child {\r\n margin-right: 0;\r\n }\r\n #popmechanic-form .popmechanic-mark img {\r\n width: <%=img_width_mob%>px;\r\n }\r\n #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 #popmechanic-form .popmechanic-message {\r\n width: <%=inp_width_mob%>px;\r\n height: <%=inp_height_mob%>px;\r\n font-size: <%=inp_fontsize_mob%>px;\r\n outline: none;\r\n margin-bottom: 10px;\r\n }\r\n #popmechanic-form .popmechanic-thankyou {\r\n padding-top: 0;\r\n padding-bottom: 0;\r\n }\r\n #popmechanic-form .popmechanic-thankyou .popmechanic-content {\r\n display: -webkit-box;\r\n display: -ms-flexbox;\r\n display: flex;\r\n -webkit-box-orient: vertical;\r\n -webkit-box-direction: normal;\r\n -ms-flex-direction: column;\r\n flex-direction: column;\r\n -webkit-box-pack: center;\r\n -ms-flex-pack: center;\r\n justify-content: center;\r\n }\r\n #popmechanic-form .popmechanic-thankyou .popmechanic-submit {\r\n margin-top: 40px;\r\n margin-left: 0;\r\n }\r\n}\r\n\r\n<% if(parseInt(close_show)) { %>\r\n /* CLOSE */\r\n <%\r\n function hexToRgb(hex) {\r\n return hex.replace(/^#?([a-f\\d])([a-f\\d])([a-f\\d])$/i, function (m, r, g, b) {\r\n return \"#\".concat(r).concat(r).concat(g).concat(g).concat(b).concat(b);\r\n }).substring(1).match(/.{2}/g).map(function (x) {\r\n return parseInt(x, 16);\r\n });\r\n };\r\n %>\r\n\r\n #popmechanic-form .popmechanic-close {\r\n position: absolute;\r\n z-index: 40;\r\n cursor: pointer;\r\n }\r\n #popmechanic-form .popmechanic-close::before,\r\n #popmechanic-form .popmechanic-close::after {\r\n content: \"\";\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n width: 80%;\r\n height: 2px;\r\n transform: translate(-50%, -50%) rotate(45deg);\r\n }\r\n #popmechanic-form .popmechanic-close::after {\r\n transform: translate(-50%, -50%) rotate(135deg);\r\n }\r\n .popmechanic-desktop #popmechanic-form .popmechanic-close {\r\n top: 10px;\r\n right: 10px;\r\n width: <%= close_size_desk %>px;\r\n height: <%= close_size_desk %>px;\r\n <% if(parseInt(close_bg_show_desk)) { %>\r\n background-color: rgba(<%= hexToRgb(close_bg_color_desk) %>, <%= close_bg_transparency %>);\r\n <% } %>\r\n }\r\n .popmechanic-desktop #popmechanic-form .popmechanic-close::before,\r\n .popmechanic-desktop #popmechanic-form .popmechanic-close::after {\r\n background-color: <%= close_color_desk %>;\r\n }\r\n .popmechanic-tablet #popmechanic-form .popmechanic-close,\r\n .popmechanic-mobile #popmechanic-form .popmechanic-close {\r\n top: 5px;\r\n right: 5px;\r\n width: <%= close_size_mob %>px;\r\n height: <%= close_size_mob %>px;\r\n <% if(parseInt(close_bg_show_mob)) { %>\r\n background-color: rgba(<%= hexToRgb(close_bg_color_mob) %>, <%= close_bg_transparency %>);\r\n <% } %>\r\n }\r\n .popmechanic-tablet #popmechanic-form .popmechanic-close::before,\r\n .popmechanic-tablet #popmechanic-form .popmechanic-close::after,\r\n .popmechanic-mobile #popmechanic-form .popmechanic-close::before,\r\n .popmechanic-mobile #popmechanic-form .popmechanic-close::after {\r\n background-color: <%= close_color_mob %>;\r\n }\r\n<% } %>", "button": "", "on_show": "", "on_close": "", "embed_code": "", "behaviors": ["post-text", "lead", "multiscreen"], "template_type": "embedded", "need_reset": true, "parameters": [], "on_targeting_ready": "", "on_child_ready": ""}, {"id": 2031, "html": "
", "css": "<% try {\r\n font_custom_show = font_custom_show;\r\n } catch (e) { font_custom_show = 0 }\r\n%>\r\n\r\n<% if(!parseInt(font_custom_show)) { %>\r\n @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');\r\n<% } %>\r\n\r\n.popmechanic-reset,\r\n.popmechanic-reset * {\r\n line-height: inherit;\r\n box-sizing: border-box; }\r\n\r\n#popmechanic-form {\r\n position: relative;\r\n width: <%=width%>px;\r\n padding: 0;\r\n color: <%=text_color%>;\r\n background-color: <%=background_color%>;\r\n text-align: left;\r\n line-height: 1;\r\n font-size: 14px;\r\n box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.13);\r\n border-radius: <%=crug1%>px;\r\n <% if(font_custom_show && parseInt(font_custom_show)) { %>\r\n font-family: <% try { print(font_custom); } catch (e) { print('Helvetica, Arial, sans-serif'); } %>;\r\n <% } else { %>\r\n font-family: <% try { print(font1); } catch (e) { print('Helvetica, Arial, sans-serif'); } %>;\r\n <% } %>\r\n}\r\n\r\n#popmechanic-form strong {\r\n font-weight: 700; }\r\n\r\n#popmechanic-form .popmechanic-close {\r\n position: absolute;\r\n z-index: 99;\r\n top: 19px;\r\n right: 23px;\r\n width: 20px;\r\n height: 20px;\r\n background: transparent;\r\n border: none;\r\n cursor: pointer; }\r\n #popmechanic-form .popmechanic-close:before, #popmechanic-form .popmechanic-close:after {\r\n content: '';\r\n position: absolute;\r\n top: 9px;\r\n left: -2px;\r\n width: 25px;\r\n height: 3px;\r\n background: <%=cl_col1%>; }\r\n #popmechanic-form .popmechanic-close:after {\r\n transform: rotate(45deg); }\r\n #popmechanic-form .popmechanic-close:before {\r\n transform: rotate(-45deg); }\r\n\r\n#popmechanic-form .popmechanic-main {\r\n display: flex;\r\n flex-direction: row;\r\n flex-wrap: nowrap;\r\n justify-content: space-between;\r\n align-content: stretch;\r\n align-items: stretch;\r\n position: relative; }\r\n\r\n#popmechanic-form .popmechanic-column-left {\r\n width: 50%;\r\n padding: 51px 25px 37px 46px; }\r\n\r\n#popmechanic-form .popmechanic-label {\r\n display: inline-block;\r\n color: <%=label_col2%>;\r\n background-color: <%=label_color%>;\r\n padding: 8px 22px;\r\n border-radius: 3px;\r\n font-weight: 700; }\r\n\r\n#popmechanic-form .popmechanic-column-right {\r\n width: 50%;\r\n border-radius: 0 3px 3px 0;\r\n background-image: url(\"<%=image%>\");\r\n background-size: cover;\r\n background-position: 50% 50%; }\r\n\r\n#popmechanic-form .popmechanic-description-title {\r\n font-size: <%=font_size1%>px;\r\n line-height: 1.1;\r\n font-weight: 700;\r\n margin: 14px 0; }\r\n\r\n#popmechanic-form .popmechanic-inputs {\r\n width: 100%;\r\n margin: 24px 0 0; }\r\n\r\n#popmechanic-form .popmechanic-input {\r\n width: 100%;\r\n background-color:<%=background_color%>;\r\n height: 43px;\r\n border: none;\r\n margin-bottom: 1px;\r\n border-bottom: 2px solid <%=inp_col1%>;\r\n outline: none;\r\n padding: 0 10px;\r\n color: #0d253e; }\r\n #popmechanic-form .popmechanic-input::placeholder {\r\n opacity: .5;\r\n color: #7b7b7b; }\r\n #popmechanic-form .popmechanic-input:focus::placeholder {\r\n opacity: 1; }\r\n\r\n#popmechanic-form input.popmechanic-invalid {\r\n border-bottom: 2px solid #fa2453; }\r\n input.popmechanic-invalid::placeholder {\r\n color: #fa2453; }\r\n\r\n#popmechanic-form .popmechanic-button {\r\n width: 100%;\r\n position: relative;\r\n margin: 24px 0 0;\r\n background: none;\r\n border: none;\r\n z-index: 10;\r\n cursor: pointer; }\r\n #popmechanic-form .popmechanic-button:before {\r\n content: '';\r\n position: absolute;\r\n top: 8px;\r\n left: 8%;\r\n width: 84%;\r\n height: 42px;\r\n border-radius: 21px;\r\n background-color: <%=background_color%>;\r\n -webkit-filter: blur(9.7px);\r\n filter: blur(9.7px);\r\n transition: all 0.2s;\r\n z-index: 0; }\r\n #popmechanic-form .popmechanic-button:hover:before {\r\n background-color: <%=main_color%>;\r\n }\r\n.popmechanic-desktop #popmechanic-form .popmechanic-buttons {\r\n\tdisplay: flex;\r\n \tmargin-right: -10px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-buttons .popmechanic-buttons-col {\r\n\twidth: 50%;\r\n \tpadding-right: 10px;\r\n}\r\n#popmechanic-form .popmechanic-button-content {\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n white-space: nowrap;\r\n padding: 0 23px;\r\n height: 42px;\r\n line-height: 42px;\r\n min-width: 185px;\r\n border: none;\r\n border-radius: <%=crug2%>px;\r\n outline: none;\r\n background-color: <%=main_color%>;\r\n color: <%=but_col3%>;\r\n text-align: center;\r\n font-size: 17px;\r\n position: relative;\r\n z-index: 4; }\r\n.popmechanic-desktop #popmechanic-form .popmechanic-buttons .popmechanic-submit .popmechanic-button-content {\r\n min-width: 87.5px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-thankyou {\r\n padding: 90px 46px 55px;\r\n line-height: 1.1; }\r\n\r\n#popmechanic-form .popmechanic-thankyou-title {\r\n font-size: 30px;\r\n\r\n padding: 4px 45px 0 0;\r\n margin: 0 23px 0 0;\r\n min-height: 45px;\r\n position: relative;\r\n font-weight: bold;\r\n}\r\n\r\n#popmechanic-form .popmechanic-icon {\r\n width: 40px;\r\n height: 45px;\r\n position: absolute;\r\n right: 0;\r\n top: 0;\r\n}\r\n\r\n#popmechanic-form .popmechanic-thankyou-text {\r\n font-size: 18px;\r\n\r\n margin: 30px 0 20px; }\r\n\r\n\r\n\r\n.popmechanic-mobile #popmechanic-form {\r\n width: 320px; }\r\n\r\n.popmechanic-tablet #popmechanic-form {\r\n width: <%=width%>px;\r\n max-width:500px;\r\n \r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main {\r\n flex-direction: column; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-column-right {\r\n order: 1;\r\n width: 100%;\r\n height: 140px; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-column-left {\r\n order: 2;\r\n position: static;\r\n padding: 19px 25px 27px;\r\n width: 100%; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-label {\r\n position: absolute;\r\n z-index: 3;\r\n top: 20px;\r\n left: 25px;\r\n margin: 0; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-description-title {\r\n font-size: <%=font_size_mob%>px;\r\n margin: 0; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-inputs {\r\n width: 260px;\r\n margin: 8px 0 0; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-button {\r\n margin: 26px auto 0;\r\n display: block; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou {\r\n padding: 53px 25px 27px;\r\n font-size: 18px; }\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou-title {\r\n padding: 106px 0 0 0;\r\n margin: 0;\r\n \r\n font-size: 24px; }\r\n.popmechanic-mobile #popmechanic-form .popmechanic-icon {\r\n width: 64px;\r\n height: 73px;\r\n left: 50%;\r\n margin-left: -32px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou-text, .popmechanic-tablet #popmechanic-form .popmechanic-thankyou-text {\r\n margin: 30px 0 50px; }\r\n \r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-buttons {\r\n margin-top: 26px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-buttons {\r\n\tmargin-top: 24px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-buttons .popmechanic-submit,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-buttons .popmechanic-submit {\r\n margin-top: 0;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-buttons .popmechanic-submit:last-child {\r\n margin-top: 12px;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-buttons .popmechanic-submit:last-child {\r\n margin-top: 13px;\r\n}\r\n\r\n #popmechanic-form .popmechanic-checkbox-block {\r\n position: relative;\r\n display: block;\r\n font-size: 11px;\r\n line-height: 1.2;\r\n font-weight: 400;\r\n text-align: left;\r\n color: #000;\r\n padding: 0 0 0 25px;\r\n margin: 20px 0 0 0;\r\n width: 100%; }\r\n #popmechanic-form .popmechanic-checkbox-block .popmechanic-link {\r\n color: #000;\r\n text-decoration: underline;\r\n transition: all .3s; }\r\n #popmechanic-form .popmechanic-checkbox-block:before {\r\n content: '';\r\n position: absolute;\r\n top: -1px;\r\n left: 0;\r\n width: 16px;\r\n height: 16px;\r\n border: 1px solid #a5a5a5; }\r\n\r\n#popmechanic-form .popmechanic-checkbox-check {\r\n position: absolute;\r\n top: 4px;\r\n left: 5px;\r\n z-index: 2;\r\n width: 8px;\r\n height: 8px;\r\n background-color: #3f3f3f;\r\n opacity: 0;\r\n transition: all .3s; }\r\n\r\n#popmechanic-form .popmechanic-checkbox {\r\n position: absolute;\r\n top: 0;\r\n left: 20px;\r\n z-index: 3;\r\n width: 20px;\r\n height: 20px;\r\n opacity: 0; }\r\n #popmechanic-form .popmechanic-checkbox:checked ~ .popmechanic-checkbox-check {\r\n opacity: 1; }\r\n\r\n/* LOGIC */\r\n#popmechanic-form .popmechanic-thankyou {\r\n display: none; }\r\n\r\n.popmechanic-success #popmechanic-form .popmechanic-main {\r\n display: none; }\r\n\r\n.popmechanic-success #popmechanic-form .popmechanic-thankyou {\r\n display: block; }", "button": "", "on_show": "", "on_close": "", "embed_code": "", "behaviors": ["post-text", "humble", "lead", "partscreen"], "template_type": "popup-subscribe", "need_reset": true, "parameters": [], "on_targeting_ready": "", "on_child_ready": ""}, {"id": 2260, "html": "
", "css": "<% if(!parseInt(font_custom_show)) { %>\r\n @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;700&family=Roboto:wght@300;400;500;700&display=swap');\r\n<% } %>\r\n\r\n<%\r\nfunction hexToRgb(hex) {\r\n return hex.replace(/^#?([a-f\\d])([a-f\\d])([a-f\\d])$/i, function (m, r, g, b) {\r\n return \"#\".concat(r).concat(r).concat(g).concat(g).concat(b).concat(b);\r\n }).substring(1).match(/.{2}/g).map(function (x) {\r\n return parseInt(x, 16);\r\n });\r\n};\r\n%>\r\n\r\n.popmechanic-reset, .popmechanic-reset * {\r\n\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,\r\n.popmechanic-reset::after,\r\n.popmechanic-reset *::before,\r\n.popmechanic-reset *::after {\r\n\tbox-sizing: border-box;\r\n}\r\n.popmechanic-reset A,\r\n.popmechanic-reset * A {\r\n\tcolor: inherit;\r\n\tfont-size: inherit;\r\n}\r\n.popmechanic-reset BUTTON,\r\n.popmechanic-reset * BUTTON {\r\n\tdisplay: block;\r\n\theight: auto;\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\tcursor: pointer;\r\n\t-webkit-appearance: none;\r\n\tappearance: none;\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\tdisplay: flex;\r\n\twidth: 100%;\r\n}\r\n#popmechanic-form .popmechanic-container {\r\n\tdisplay: flex;\r\n\twidth: 100%;\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\tbackground-color: rgba(<%= hexToRgb(bg_color) %>, <%= bg_transparency %>);\r\n\t<% if(parseInt(shadow_show)) { %>\r\n\t\tbox-shadow: 0 0 <%= shadow_size %>px rgba(0, 0, 0, 0.25);\r\n\t<% } %>\r\n}\r\n\r\n<% if(parseInt(img_show_desk) || parseInt(img_show_mob)) { %>\r\n\t#popmechanic-form .popmechanic-image {\r\n\t\tflex-shrink: 0;\r\n\t\twidth: 100%;\r\n\t\tbackground-size: cover;\r\n\t\tbackground-repeat: no-repeat;\r\n\t}\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: <%= title_color %>;\r\n\tfont-weight: <%= title_fw %>;\r\n\tline-height: 1;\r\n}\r\n#popmechanic-form .popmechanic-subtitle {\r\n\tcolor: <%= subtitle_color %>;\r\n\tfont-weight: <%= subtitle_fw %>;\r\n\tline-height: 1.4;\r\n}\r\n#popmechanic-form .popmechanic-subtitle span {\r\n\tfont-family: inherit;\r\n\tfont-weight: <%= subtitle_accent_fw %>;\r\n\tcolor: <%= subtitle_accent_color %>;\r\n}\r\n#popmechanic-form .popmechanic-button {\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\tmax-width: 100%;\r\n\toverflow: hidden;\r\n\tpadding: 0.5em;\r\n\tborder: <%= btn_border_width %>px solid <%= btn_border_color %>;\r\n\tborder-radius: <%= btn_border_radius %>px;\r\n\tbackground-color: <%= btn_bg_color %>;\r\n\tcolor: <%= btn_text_color %>;\r\n\ttext-decoration: none;\r\n\tfont-weight: 500;\r\n\tline-height: 1;\r\n\t-webkit-user-select: none;\r\n\t-ms-user-select: none;\r\n\tuser-select: none;\r\n\ttransition-property: background-color, color, border-color;\r\n\ttransition-duration: 0.2s;\r\n\ttransition-timing-function: ease-in-out;\r\n}\r\n@media (hover: hover) {\r\n\t#popmechanic-form .popmechanic-button:hover,\r\n\t#popmechanic-form .popmechanic-button:focus {\r\n\t\tbackground-color: <%= btn_bg_color_hov %>;\r\n\t\tcolor: <%= btn_text_color_hov %>;\r\n\t\tborder-color: <%= btn_border_color_hov %>;\r\n\t}\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-main {\r\n\twidth: <%= width_desk %>px;\r\n\tmin-height: <%= height_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-container {\r\n\talign-items: center;\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\tmax-width: <%= img_width_desk %>px;\r\n\t\tmin-height: 100%;\r\n\t\tbackground-image: url(<%= img_src_desk %>);\r\n\t\tbackground-position: <%= img_position_desk %>;\r\n\t}\r\n<% } %>\r\n.popmechanic-desktop #popmechanic-form .popmechanic-content {\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n\talign-items: flex-start;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\tpadding: <%= padding_y_desk %>px <%= padding_x_desk %>px;\r\n\t<% if(parseInt(close_show)) { %>\r\n\t\tpadding-right: <%= +padding_x_desk + +close_size_desk %>px;\r\n\t<% } %>\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-title {\r\n\tmargin-bottom: 12px;\r\n\tfont-size: <%= title_fs_desk %>px;\r\n\ttext-align: <%= title_align_desk %>;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-subtitle {\r\n\tfont-size: <%= subtitle_fs_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-subtitle span {\r\n\tfont-size: <%= subtitle_accent_fs_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-button {\r\n\tmin-width: <%= btn_width_desk %>px;\r\n\tmin-height: <%= btn_height_desk %>px;\r\n\tmargin-top: 25px;\r\n\tfont-size: <%= btn_fs_desk %>px;\r\n\t<% if (btn_position_desk === 'left') { %>\r\n\t\tmargin-right: auto;\r\n\t<% } else if (btn_position_desk === 'right') { %>\r\n\t\tmargin-left: auto;\r\n\t<% } else { %>\r\n\t\tmargin-right: auto;\r\n\t\tmargin-left: auto;\r\n\t<% } %>\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-main, .popmechanic-mobile #popmechanic-form .popmechanic-main {\r\n\twidth: <%= width_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-container,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-container {\r\n\tflex-direction: column;\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\tmin-height: <%= img_height_mob %>px;\r\n\t\tbackground-image: url(<%= parseInt(img_same) ? img_src_desk : img_src_mob %>);\r\n\t\tbackground-position: <%= img_position_mob %>;\r\n\t}\r\n<% } %>\r\n.popmechanic-tablet #popmechanic-form .popmechanic-content,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-content {\r\n\tpadding: <%= padding_y_mob %>px <%= padding_x_mob %>px;\r\n\t<% if(parseInt(close_show) && !parseInt(img_show_mob)) { %>\r\n\t\tpadding-right: <%= +padding_x_mob + +close_size_mob %>px;\r\n\t<% } %>\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-title,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-title {\r\n\tmargin-bottom: 12px;\r\n\tfont-size: <%= title_fs_mob %>px;\r\n\ttext-align: <%= title_align_mob %>;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-subtitle,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-subtitle {\r\n\tfont-size: <%= subtitle_fs_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-subtitle span,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-subtitle span {\r\n\tfont-size: <%= subtitle_accent_fs_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-button,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-button {\r\n\tmax-width: <%= btn_width_mob %>px;\r\n\tmin-height: <%= btn_height_mob %>px;\r\n\tmargin-top: 25px;\r\n\tfont-size: <%= btn_fs_mob %>px;\r\n\t<% if (btn_position_mob === 'left') { %>\r\n\t\tmargin-right: auto;\r\n\t<% } else if (btn_position_mob === 'right') { %>\r\n\t\tmargin-left: auto;\r\n\t<% } else { %>\r\n\t\tmargin-right: auto;\r\n\t\tmargin-left: auto;\r\n\t<% } %>\r\n}\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\tcursor: pointer;\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: 100%;\r\n\t\theight: 2px;\r\n\t\tborder-radius: 2px;\r\n\t\ttransform: translate(-50%, -50%) rotate(45deg);\r\n\t\ttransition-property: transform;\r\n\t\ttransition-duration: 0.2s;\r\n\t\ttransition-timing-function: ease-in-out;\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@media (hover: hover) {\r\n\t\t#popmechanic-form .popmechanic-close:hover::before,\r\n\t\t#popmechanic-form .popmechanic-close:focus::before {\r\n\t\t\ttransform: translate(-50%, -50%) rotate(135deg);\r\n\t\t}\r\n\t\t#popmechanic-form .popmechanic-close:hover::after,\r\n\t\t#popmechanic-form .popmechanic-close:focus::after {\r\n\t\t\ttransform: translate(-50%, -50%) rotate(225deg);\r\n\t\t}\r\n\t}\r\n\t.popmechanic-desktop #popmechanic-form .popmechanic-close {\r\n\t\ttop: <%= padding_y_desk %>px;\r\n\t\tright: <%= padding_x_desk %>px;\r\n\t\twidth: <%= close_size_desk %>px;\r\n\t\theight: <%= close_size_desk %>px;\r\n\t\t<% if(parseInt(close_bg_show_desk)) { %>\r\n\t\t\tbackground-color: rgba(<%= hexToRgb(close_bg_color_desk) %>, <%= 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-desktop #popmechanic-form .popmechanic-close::before,\r\n\t.popmechanic-desktop #popmechanic-form .popmechanic-close::after {\r\n\t\tbackground-color: <%= close_color_desk %>;\r\n\t}\r\n\t.popmechanic-tablet #popmechanic-form .popmechanic-close,\r\n\t.popmechanic-mobile #popmechanic-form .popmechanic-close {\r\n\t\tright: <%= padding_x_mob %>px;\r\n\t\twidth: <%= close_size_mob %>px;\r\n\t\theight: <%= close_size_mob %>px;\r\n\t\t<% if(parseInt(close_bg_show_mob)) { %>\r\n\t\t\tbackground-color: rgba(<%= hexToRgb(close_bg_color_mob) %>, <%= 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\t<% if (!parseInt(img_show_mob)) { %>\r\n\t\t\ttop: <%= padding_y_mob %>px;\r\n\t\t<% } else { %>\r\n\t\t\ttop: 20px;\r\n\t\t<% } %>\r\n\t}\r\n\t.popmechanic-tablet #popmechanic-form .popmechanic-close::before,\r\n\t.popmechanic-tablet #popmechanic-form .popmechanic-close::after,\r\n\t.popmechanic-mobile #popmechanic-form .popmechanic-close::before,\r\n\t.popmechanic-mobile #popmechanic-form .popmechanic-close::after {\r\n\t\tbackground-color: <%= close_color_mob %>;\r\n\t}\r\n<% } %>", "button": "", "on_show": "<% if (!!parseInt(btn_form_id)) { %>\r\n PopMechanic.$('#popmechanic-js-form-open').on('click', function (e) {\r\n e.preventDefault();\r\n setTimeout(function(){PopMechanic.show(<%= btn_form_id %>, true)}, 300);})\r\n<% } %>", "on_close": "", "embed_code": "", "behaviors": ["partscreen", "info", "cart"], "template_type": "partscreen", "need_reset": true, "parameters": [], "on_targeting_ready": "", "on_child_ready": ""}, {"id": 2381, "html": "
", "css": "<% if (!(parseInt(title_font_custom_show) && parseInt(subtitle_font_custom_show) && parseInt(timer_font_custom_show))) { %>\r\n\t@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;700;800&family=Raleway:wght@300;400;500;700;800&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, .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\r\n#popmechanic-form {\r\n\tposition: relative !important;\r\n\tdisplay: inline-block;\r\n\tvertical-align: middle;\r\n}\r\n#popmechanic-form .popmechanic-main {\r\n\tposition: relative;\r\n\twidth: 100vw;\r\n\tmax-width: 100%;\r\n}\r\n#popmechanic-form .popmechanic-container {\r\n\tposition: relative;\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n\twidth: 100%;\r\n\tmax-width: 100%;\r\n\tborder: 0 solid <%= border_color %>;\r\n\tborder-radius: <%= border_radius %>px;\r\n\tbackground-color: rgba(<%= hexToRgb(bg_color) %>, <%= bg_transparency %>);\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<% if (!(!parseInt(img_show_desk) && !parseInt(img_show_mob))) { %>\r\n\t#popmechanic-form .popmechanic-image {\r\n\t\tposition: relative;\r\n\t\tz-index: 1;\r\n\t\tdisplay: block;\r\n\t\tmax-width: 100%;\r\n\t\theight: auto;\r\n\t\tmax-height: 100%;\r\n\t\t<% if (parseInt(img_shadow_show)) { %>\r\n\t\t\tfilter: drop-shadow(0 0 <%= img_shadow_size %>px rgba(<%= hexToRgb(img_shadow_color) %>, <%= img_shadow_transparency %>));\r\n\t\t<% } %>\r\n\t}\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: <%= title_color %>;\r\n\tfont-weight: <%= title_fw %>;\r\n\tline-height: <%= title_lh %>;\r\n\t<% if(parseInt(title_font_custom_show)) { %>\r\n\t\tfont-family: <%= title_font_custom %>;\r\n\t<% } else { %>\r\n\t\tfont-family: <%= title_font_family %>;\r\n\t<% } %>\r\n}\r\n#popmechanic-form .popmechanic-subtitle {\r\n\tcolor: <%= subtitle_color %>;\r\n\tfont-weight: <%= subtitle_fw %>;\r\n\tline-height: <%= subtitle_lh %>;\r\n\t<% if(parseInt(subtitle_font_custom_show)) { %>\r\n\t\tfont-family: <%= subtitle_font_custom %>;\r\n\t<% } else { %>\r\n\t\tfont-family: <%= subtitle_font_family %>;\r\n\t<% } %>\r\n}\r\n#popmechanic-form .popmechanic-timer {\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\twidth: -moz-fit-content;\r\n\twidth: fit-content;\r\n\tmargin-right: auto;\r\n\tmargin-left: auto;\r\n\tbackground-color: <%= timer_bg_color %>;\r\n}\r\n#popmechanic-form .popmechanic-timer-item {\r\n\tposition: relative;\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\tcolor: <%= timer_digits_color %>;\r\n\t<% if (parseInt(timer_digits_bg_show)) { %>\r\n\t\tbackground-color: <%= timer_digits_bg_color %>;\r\n\t\t<% } %>\r\n}\r\n<% if (parseInt(timer_show_separator)) { %>\r\n\t#popmechanic-form .popmechanic-timer-item:not(:last-child)::before,\r\n\t#popmechanic-form .popmechanic-timer-item:not(:last-child)::after {\r\n\t\tcontent: \"\";\r\n\t\tposition: absolute;\r\n\t\ttop: 50%;\r\n\t\tdisplay: block;\r\n\t\tborder-radius: 50%;\r\n\t\tbackground-color: <%= timer_separator_color %>;\r\n\t}\r\n<% } %>\r\n#popmechanic-form .popmechanic-timer-digit-group {\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n}\r\n#popmechanic-form .popmechanic-timer-digit {\r\n\tfont-weight: <%= timer_digits_fw %>;\r\n\tline-height: 1;\r\n\t<% if(parseInt(timer_font_custom_show)) { %>\r\n\t\tfont-family: <%= timer_font_custom %>;\r\n\t<% } else { %>\r\n\t\tfont-family: <%= timer_font_family %>;\r\n\t<% } %>\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-main {\r\n\tmax-width: <%= width_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-container {\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\twidth: <%= img_width_desk %>px;\r\n\t\tmargin-bottom: -<%= ((+img_offset_desk - +img_margin_bottom_desk) <= 0 ) ? 0 : img_offset_desk %>px;\r\n\t\t<% if (img_position_x_desk === \"right\") { %>\r\n\t\t\tmargin-left: auto;\r\n\t\t<% } else if (img_position_x_desk === \"left\") { %>\r\n\t\t\tmargin-right: auto;\r\n\t\t<% } else { %>\r\n\t\t\tmargin-left: auto;\r\n\t\t\tmargin-right: auto;\r\n\t\t<% } %>\r\n\t}\r\n<% } %>\r\n.popmechanic-desktop #popmechanic-form .popmechanic-content {\r\n\tpadding: <%= padding_y_desk %>px <%= padding_x_desk %>px;\r\n\t<% if (parseInt(img_show_desk) && (+img_offset_desk > +padding_y_desk)) { %>\r\n\t\tpadding-top: <%= (+img_offset_desk + +img_margin_bottom_desk) %>px;\r\n\t<% } %>\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-title {\r\n\tmargin-bottom: <%= title_margin_bottom_desk %>px;\r\n\ttext-align: <%= title_position_x_desk %>;\r\n\tfont-size: <%= title_fs_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-subtitle {\r\n\tmargin-bottom: <%= subtitle_margin_bottom_desk %>px;\r\n\ttext-align: <%= subtitle_position_x_desk %>;\r\n\tfont-size: <%= subtitle_fs_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-timer {\r\n\tgap: <%= timer_digits_item_gap_desk %>px;\r\n\tpadding: <%= timer_padding_y_desk %>px <%= timer_padding_x_desk %>px;\r\n\tborder-radius: <%= timer_digits_br_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-timer-item {\r\n\twidth: <%= timer_digits_bg_size_desk %>px;\r\n\theight: <%= timer_digits_bg_size_desk %>px;\r\n\tborder-radius: <%= timer_digits_br_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-timer-item:not(:last-child)::before,\r\n.popmechanic-desktop #popmechanic-form .popmechanic-timer-item:not(:last-child)::after {\r\n\tright: -<%= (+timer_digits_item_gap_desk / 2) + (+timer_separator_size_desk / 2) %>px;\r\n\twidth: <%= timer_separator_size_desk %>px;\r\n\theight: <%= timer_separator_size_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-timer-item:not(:last-child)::before {\r\n\ttransform: translateY(calc(-50% - <%= +timer_separator_size_desk + (+timer_separator_size_desk / 2) %>px));\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-timer-item:not(:last-child)::after {\r\n\ttransform: translateY(calc(-50% + <%= +timer_separator_size_desk + (+timer_separator_size_desk / 2) %>px));\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-timer-digit {\r\n\tfont-size: <%= timer_digits_fs_desk %>px;\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}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-container,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-container {\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\twidth: <%= img_width_mob %>px;\r\n\t\tmargin-bottom: -<%= ((+img_offset_mob - +img_margin_bottom_mob) <= 0 ) ? 0 : img_offset_mob %>px;\r\n\t\t<% if (img_position_x_mob === \"right\") { %>\r\n\t\t\tmargin-left: auto;\r\n\t\t<% } else if (img_position_x_mob === \"left\") { %>\r\n\t\t\tmargin-right: auto;\r\n\t\t<% } else { %>\r\n\t\t\tmargin-left: auto;\r\n\t\t\tmargin-right: auto;\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\tpadding: <%= padding_y_mob %>px <%= padding_x_mob %>px;\r\n\t<% if (parseInt(img_show_mob) && (+img_offset_mob > +padding_y_mob)) { %>\r\n\t\tpadding-top: <%= (+img_offset_mob + +img_margin_bottom_mob) %>px;\r\n\t<% } %>\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-title,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-title {\r\n\tmargin-bottom: <%= title_margin_bottom_mob %>px;\r\n\ttext-align: <%= title_position_x_mob %>;\r\n\tfont-size: <%= title_fs_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-subtitle,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-subtitle {\r\n\tmargin-bottom: <%= subtitle_margin_bottom_mob %>px;\r\n\ttext-align: <%= subtitle_position_x_mob %>;\r\n\tfont-size: <%= subtitle_fs_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-timer,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-timer {\r\n\tgap: <%= timer_digits_item_gap_mob %>px;\r\n\tpadding: <%= timer_padding_y_mob %>px <%= timer_padding_x_mob %>px;\r\n\tborder-radius: <%= timer_digits_br_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-timer-item,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-timer-item {\r\n\twidth: <%= timer_digits_bg_size_mob %>px;\r\n\theight: <%= timer_digits_bg_size_mob %>px;\r\n\tborder-radius: <%= timer_digits_br_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-timer-item:not(:last-child)::before,\r\n.popmechanic-tablet #popmechanic-form .popmechanic-timer-item:not(:last-child)::after,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-timer-item:not(:last-child)::before,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-timer-item:not(:last-child)::after {\r\n\tright: -<%= (+timer_digits_item_gap_mob / 2) + (+timer_separator_size_mob / 2) %>px;\r\n\twidth: <%= timer_separator_size_mob %>px;\r\n\theight: <%= timer_separator_size_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-timer-item:not(:last-child)::before,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-timer-item:not(:last-child)::before {\r\n\ttransform: translateY(calc(-50% - <%= +timer_separator_size_mob + (+timer_separator_size_mob / 2) %>px));\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-timer-item:not(:last-child)::after,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-timer-item:not(:last-child)::after {\r\n\ttransform: translateY(calc(-50% + <%= +timer_separator_size_mob + (+timer_separator_size_mob / 2) %>px));\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-timer-digit,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-timer-digit {\r\n\tfont-size: <%= timer_digits_fs_mob %>px;\r\n}\r\n#popmechanic-form .popmechanic-close {\r\n\tposition: absolute;\r\n\tz-index: 40;\r\n\tborder-radius: <%= close_border_radius %>px;\r\n\tcursor: pointer;\r\n\t<% if (parseInt(close_bg_show)) { %>\r\n\t\tbackground-color: rgba(<%= hexToRgb(close_bg_color) %>, <%= close_bg_transparency %>);\r\n\t<% } else { %>\r\n\t\tbackground-color: rgba(255, 255, 255, 0);\r\n\t<% } %>\r\n}\r\n#popmechanic-form .popmechanic-close::before, #popmechanic-form .popmechanic-close::after {\r\n\tcontent: \"\";\r\n\tposition: absolute;\r\n\ttop: 50%;\r\n\tleft: 50%;\r\n\twidth: 50%;\r\n\theight: 2px;\r\n\tborder-radius: 2px;\r\n\tbackground-color: <%= close_color %>;\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-desktop #popmechanic-form .popmechanic-close {\r\n\ttop: <%= close_position_y_desk %>px;\r\n\tright: <%= close_position_x_desk %>px;\r\n\twidth: <%= close_size_desk %>px;\r\n\theight: <%= close_size_desk %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-close,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-close {\r\n\ttop: <%= close_position_y_mob %>px;\r\n\tright: <%= close_position_x_mob %>px;\r\n\twidth: <%= close_size_mob %>px;\r\n\theight: <%= close_size_mob %>px;\r\n}", "button": "", "on_show": "", "on_close": "", "embed_code": "", "behaviors": ["timer", "info", "partscreen"], "template_type": "partscreen", "need_reset": true, "parameters": [{"id": 193901, "machine_name": "timer", "type": "timer"}], "on_targeting_ready": "", "on_child_ready": ""}], "button_templates": [], "integrations": [{"id": 40446, "form": 48380, "filter": null, "filter_type": null, "account": 7027, "integration_type": "googleanalytics", "event_category": "Mindbox", "lead_action": "lead", "open_action": "open", "close_action": "close", "event_label": "subscribe_email", "event_value": "true", "tracker_name": "", "use_ga4": false, "measurement_id": "", "events": {"lead": {"name": "lead", "parameters": [{"name": "event_category", "value": "Mindbox"}, {"name": "event_label", "value": "subscribe_email"}, {"name": "event_value", "value": "true"}]}, "open": {"name": "open", "parameters": [{"name": "event_category", "value": "Mindbox"}, {"name": "event_label", "value": "subscribe_email"}, {"name": "event_value", "value": "true"}]}, "close": {"name": "close", "parameters": [{"name": "event_category", "value": "Mindbox"}, {"name": "event_label", "value": "subscribe_email"}, {"name": "event_value", "value": "true"}]}}}, {"id": 17083, "form": null, "filter": null, "filter_type": null, "account": 7027, "integration_type": "javascript", "on_render": "if (!window.PopMechanic.popMechanicManualTracker) {\n window.PopMechanic.popMechanicManualTracker = true;\n ga('create', 'UA-60065697-1', 'auto', 'popMechanicManualTracker');\n ga('popMechanicManualTracker.require', 'ec');\n}", "on_show": "", "on_success": "", "on_close_success": "", "on_close_fail": ""}, {"id": 41282, "form": 48776, "filter": null, "filter_type": null, "account": 7027, "integration_type": "javascript", "on_render": "", "on_show": "var element48776 = document.querySelector('#popmechanic-container-48776 [data-popmechanic-close]');\r\nelement48776.addEventListener('click', function (event) {\r\n event.preventDefault();\r\n mindbox(\"async\", {\r\n operation: \"Site.CustomerEdit.DeviceUUID\",\r\n data: {\r\n customer: {\r\n customFields: {\r\n cookieAgree: true\r\n }\r\n }\r\n }\r\n });\r\n console.log('Mindbox cookieAgree sent')\r\n})", "on_success": "", "on_close_success": "", "on_close_fail": ""}, {"id": 50328, "form": 48772, "filter": null, "filter_type": null, "account": 7027, "integration_type": "javascript", "on_render": "", "on_show": "var element48772 = document.querySelector('#popmechanic-container-48772 [data-popmechanic-close]');\r\nelement48772.addEventListener('click', function (event) {\r\n event.preventDefault();\r\n mindbox(\"async\", {\r\n operation: \"Site.CustomerEdit.DeviceUUID\",\r\n data: {\r\n customer: {\r\n customFields: {\r\n cookieAgree: true\r\n }\r\n }\r\n }\r\n });\r\n console.log('Mindbox cookieAgree sent')\r\n})", "on_success": "", "on_close_success": "", "on_close_fail": ""}, {"id": 56791, "form": 58469, "filter": null, "filter_type": null, "account": 7027, "integration_type": "javascript", "on_render": "console.log('draw 58469');", "on_show": "console.log('show 58469');", "on_success": "", "on_close_success": "", "on_close_fail": ""}, {"id": 36292, "form": 45115, "filter": null, "filter_type": null, "account": 7027, "integration_type": "mindbox_server_json", "customer_extended": [{"id": 109, "value": "%customs.mark%", "systemName": "customFields.DeliveryNPS"}], "customer_action_extended": [{"id": "153", "value": "%customs.mark%", "systemName": "customFields.InfoDeliveryEvaluation"}, {"id": "157", "value": "%customs.message%", "systemName": "customFields.TextAnswerInfoDelivery"}], "mode": "edit", "send_customer": false, "issue_action": true, "operation": "popmechanic-integration-issue-45115", "subscriptions": []}, {"id": 49720, "form": 54618, "filter": null, "filter_type": null, "account": 7027, "integration_type": "mindbox_server_json", "customer_extended": [{"id": "86", "value": "%customs.big_sales%", "systemName": "customFields.Themes"}, {"id": "86", "value": "%customs.best_prices%", "systemName": "customFields.Themes"}, {"id": "86", "value": "%customs.content_health%", "systemName": "customFields.Themes"}, {"id": "86", "value": "%customs.news_service%", "systemName": "customFields.Themes"}], "customer_action_extended": [{"id": "168", "value": "%customs.big_sales%", "systemName": "customFields.LoveTopic"}, {"id": "168", "value": "%customs.best_prices%", "systemName": "customFields.LoveTopic"}, {"id": "168", "value": "%customs.content_health%", "systemName": "customFields.LoveTopic"}, {"id": "168", "value": "%customs.news_service%", "systemName": "customFields.LoveTopic"}], "mode": "edit", "send_customer": true, "issue_action": true, "operation": "popmechanic-integration-edit-54618", "subscriptions": []}, {"id": 40447, "form": 48380, "filter": null, "filter_type": null, "account": 7027, "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-48380", "subscriptions": [{"topic": "orders", "pointOfContact": "Email"}, {"topic": "mailing", "pointOfContact": "Email"}, {"topic": "other", "pointOfContact": "Email"}]}, {"id": 47960, "form": 53529, "filter": null, "filter_type": null, "account": 7027, "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-53529", "subscriptions": [{"topic": "mailing", "pointOfContact": "Email"}, {"topic": "other", "pointOfContact": "Email"}]}, {"id": 48022, "form": 53569, "filter": null, "filter_type": null, "account": 7027, "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-53569", "subscriptions": [{"topic": "mailing", "pointOfContact": "Email"}, {"topic": "other", "pointOfContact": "Email"}]}, {"id": 48035, "form": 53577, "filter": null, "filter_type": null, "account": 7027, "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-53577", "subscriptions": [{"topic": "mailing", "pointOfContact": "Email"}, {"topic": "other", "pointOfContact": "Email"}]}, {"id": 47502, "form": 53203, "filter": null, "filter_type": null, "account": 7027, "integration_type": "mindbox_server_json", "customer_extended": [{"id": "109", "value": "%customs.mark%", "systemName": "customFields.DeliveryNPS"}], "customer_action_extended": [{"id": "51", "value": "%customs.mark%", "systemName": "customFields.CheckoutProcessScore"}, {"id": "156", "value": "%customs.message%", "systemName": "customFields.TextAnswerProcessOrder"}], "mode": "edit", "send_customer": true, "issue_action": true, "operation": "popmechanic-integration-edit-53203", "subscriptions": []}, {"id": 47548, "form": 53231, "filter": null, "filter_type": null, "account": 7027, "integration_type": "mindbox_server_json", "customer_extended": [{"id": "109", "value": "%customs.mark%", "systemName": "customFields.DeliveryNPS"}], "customer_action_extended": [{"id": "51", "value": "%customs.mark%", "systemName": "customFields.CheckoutProcessScore"}, {"id": "156", "value": "%customs.message%", "systemName": "customFields.TextAnswerProcessOrder"}], "mode": "edit", "send_customer": true, "issue_action": true, "operation": "popmechanic-integration-edit-53231", "subscriptions": []}, {"id": 14408, "form": 26091, "filter": null, "filter_type": null, "account": 7027, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-reco-widget-26091-show", "click_operation": null, "targeting_operation": "popmechanic-reco-widget-26091-targeting"}, {"id": 14409, "form": 25279, "filter": null, "filter_type": null, "account": 7027, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-reco-widget-25279-show", "click_operation": null, "targeting_operation": "popmechanic-reco-widget-25279-targeting"}, {"id": 14411, "form": 25272, "filter": null, "filter_type": null, "account": 7027, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-reco-widget-25272-show", "click_operation": null, "targeting_operation": "popmechanic-reco-widget-25272-targeting"}, {"id": 14412, "form": 23491, "filter": null, "filter_type": null, "account": 7027, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-reco-widget-23491-show", "click_operation": null, "targeting_operation": "popmechanic-reco-widget-23491-targeting"}, {"id": 14413, "form": 23490, "filter": null, "filter_type": null, "account": 7027, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-reco-widget-23490-show", "click_operation": null, "targeting_operation": "popmechanic-reco-widget-23490-targeting"}, {"id": 14414, "form": 23489, "filter": null, "filter_type": null, "account": 7027, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-reco-widget-23489-show", "click_operation": null, "targeting_operation": "popmechanic-reco-widget-23489-targeting"}, {"id": 14415, "form": 23484, "filter": null, "filter_type": null, "account": 7027, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-reco-widget-23484-show", "click_operation": null, "targeting_operation": "popmechanic-reco-widget-23484-targeting"}, {"id": 14416, "form": 23482, "filter": null, "filter_type": null, "account": 7027, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-reco-widget-23482-show", "click_operation": null, "targeting_operation": "popmechanic-reco-widget-23482-targeting"}, {"id": 14417, "form": 23481, "filter": null, "filter_type": null, "account": 7027, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-reco-widget-23481-show", "click_operation": null, "targeting_operation": "popmechanic-reco-widget-23481-targeting"}, {"id": 36293, "form": 45115, "filter": null, "filter_type": null, "account": 7027, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-block-45115-show", "click_operation": "popmechanic-block-45115-click", "targeting_operation": "popmechanic-block-45115-targeting"}, {"id": 40438, "form": 48380, "filter": null, "filter_type": null, "account": 7027, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-48380-show", "click_operation": "popmechanic-popup-48380-click", "targeting_operation": "popmechanic-popup-48380-targeting"}, {"id": 41272, "form": 48772, "filter": null, "filter_type": null, "account": 7027, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-48772-show", "click_operation": "popmechanic-popup-48772-click", "targeting_operation": "popmechanic-popup-48772-targeting"}, {"id": 41283, "form": 48776, "filter": null, "filter_type": null, "account": 7027, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-48776-show", "click_operation": "popmechanic-popup-48776-click", "targeting_operation": "popmechanic-popup-48776-targeting"}, {"id": 43736, "form": 50464, "filter": null, "filter_type": null, "account": 7027, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-50464-show", "click_operation": "popmechanic-popup-50464-click", "targeting_operation": "popmechanic-popup-50464-targeting"}, {"id": 44669, "form": 51182, "filter": null, "filter_type": null, "account": 7027, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-51182-show", "click_operation": "popmechanic-popup-51182-click", "targeting_operation": "popmechanic-popup-51182-targeting"}, {"id": 47503, "form": 53203, "filter": null, "filter_type": null, "account": 7027, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-block-53203-show", "click_operation": "popmechanic-block-53203-click", "targeting_operation": "popmechanic-block-53203-targeting"}, {"id": 47549, "form": 53231, "filter": null, "filter_type": null, "account": 7027, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-block-53231-show", "click_operation": "popmechanic-block-53231-click", "targeting_operation": "popmechanic-block-53231-targeting"}, {"id": 47961, "form": 53529, "filter": null, "filter_type": null, "account": 7027, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-53529-show", "click_operation": "popmechanic-popup-53529-click", "targeting_operation": "popmechanic-popup-53529-targeting"}, {"id": 48023, "form": 53569, "filter": null, "filter_type": null, "account": 7027, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-53569-show", "click_operation": "popmechanic-popup-53569-click", "targeting_operation": "popmechanic-popup-53569-targeting"}, {"id": 48036, "form": 53577, "filter": null, "filter_type": null, "account": 7027, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-53577-show", "click_operation": "popmechanic-popup-53577-click", "targeting_operation": "popmechanic-popup-53577-targeting"}, {"id": 49630, "form": 54618, "filter": null, "filter_type": null, "account": 7027, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-54618-show", "click_operation": "popmechanic-popup-54618-click", "targeting_operation": "popmechanic-popup-54618-targeting"}, {"id": 55996, "form": 58469, "filter": null, "filter_type": null, "account": 7027, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-58469-show", "click_operation": "popmechanic-popup-58469-click", "targeting_operation": "popmechanic-popup-58469-targeting"}, {"id": 91421, "form": 81928, "filter": null, "filter_type": null, "account": 7027, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-81928-show", "click_operation": "popmechanic-popup-81928-click", "targeting_operation": "popmechanic-popup-81928-targeting"}, {"id": 101351, "form": 88452, "filter": null, "filter_type": null, "account": 7027, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-88452-show", "click_operation": "popmechanic-popup-88452-click", "targeting_operation": "popmechanic-popup-88452-targeting"}], "settings": {"hide_copyright": true, "premium": true}, "frequency": {"minimal_timeout": null, "session": 2, "day": null, "week": null, "month": null}, "global_ab_tests": [], "ip": "1.1.1.1", "contacts": [], "geo": null}