');\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": 1545, "html": "<% try { close_show = close_show; } catch (e) { close_show = 0 } %>\r\n\r\n
", "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<% 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\tbox-sizing: border-box;\r\n\tline-height: inherit;\r\n}\r\n\r\n#popmechanic-form {\r\n\tposition: relative;\r\n\tdisplay: inline-block;\r\n\tclear: both;\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\r\n#popmechanic-form .popmechanic-main {\r\n overflow: hidden;\r\n max-width: 100%;\r\n width: <%= parseInt(width_fix_desk) ? width_desk + 'px' : 'auto' %>;\r\n height: <%= parseInt(height_fix_desk) ? height_desk + 'px' : 'auto' %>;\r\n max-height: 100%;\r\n border-style: solid;\r\n border-width: <%= border_width ? border_width + 'px' : 0 %>;\r\n border-color: <%= border_color %>;\r\n border-radius: <%= border_radius %>px;\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\r\n#popmechanic-form .popmechanic-button {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n width: 100%;\r\n height: 100%;\r\n\tcolor: <%= btn_text_color %>;\r\n\ttext-decoration: none;\r\n\tfont-size: <%= btn_fs_desk %>px;\r\n\tfont-weight: 400;\r\n\tline-height: 1.2;\r\n cursor: pointer;\r\n padding: <%= padding_desk %>px;\r\n background-color: <%= btn_bg_color %>;\r\n <% if(parseInt(img_show_desk)) { %>\r\n background-image: url(<%= img_src_desk %>);\r\n background-size: <%= img_width_desk %>px auto;\r\n padding-left: <%= (+img_width_desk + +padding_desk) + 10 %>px;\r\n <% } else { %>\r\n background-image: none;\r\n padding-left: <%= padding_desk %>px;\r\n <% } %>\r\n background-position: left <%= padding_desk %>px center;\r\n background-repeat: no-repeat;\r\n transition-property: background-color, color;\r\n transition-duration: 0.2s;\r\n transition-timing-function: ease-in-out;\r\n}\r\n\r\n#popmechanic-form .popmechanic-button:hover {\r\n color: <%= btn_text_color_hov %>;\r\n background-color: <%= btn_bg_color_hov %>;\r\n}\r\n\r\n/* MOBILE */\r\n\r\n#popmechanic-form .popmechanic-tablet .popmechanic-main,\r\n#popmechanic-form .popmechanic-mobile .popmechanic-main {\r\n width: <%= parseInt(width_fix_mob) ? width_mob + 'px' : 'auto' %>;\r\n height: <%= parseInt(height_fix_mob) ? height_mob + 'px' : 'auto' %>;\r\n}\r\n\r\n#popmechanic-form .popmechanic-tablet .popmechanic-button,\r\n#popmechanic-form .popmechanic-mobile .popmechanic-button {\r\n font-size: <%= btn_fs_mob %>px;\r\n padding: <%= padding_mob %>px;\r\n <% if(parseInt(img_show_mob)) { %>\r\n background-image: url(<%= parseInt(img_same) ? img_src_desk : img_src_mob %>);\r\n background-size: <%= img_width_mob %>px auto;\r\n padding-left: <%= (+img_width_mob + +padding_mob) + 10 %>px;\r\n <% } else { %>\r\n background-image: none;\r\n padding-left: <%= padding_mob %>px;\r\n <% } %>\r\n}\r\n\r\n<% if(parseInt(close_show)) { %>\r\n /* CLOSE */\r\n <%\r\n function hexToRgb(hex) {\r\n return hex.replace(/^#?([a-f\\d])([a-f\\d])([a-f\\d])$/i, function (m, r, g, b) {\r\n return \"#\".concat(r).concat(r).concat(g).concat(g).concat(b).concat(b);\r\n }).substring(1).match(/.{2}/g).map(function (x) {\r\n return parseInt(x, 16);\r\n });\r\n };\r\n %>\r\n\r\n #popmechanic-form .popmechanic-close {\r\n position: absolute;\r\n z-index: 40;\r\n cursor: pointer;\r\n }\r\n #popmechanic-form .popmechanic-close::before,\r\n #popmechanic-form .popmechanic-close::after {\r\n content: \"\";\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n width: 80%;\r\n height: 2px;\r\n transform: translate(-50%, -50%) rotate(45deg);\r\n }\r\n #popmechanic-form .popmechanic-close::after {\r\n transform: translate(-50%, -50%) rotate(135deg);\r\n }\r\n .popmechanic-desktop #popmechanic-form .popmechanic-close {\r\n top: 10px;\r\n right: 10px;\r\n width: <%= close_size_desk %>px;\r\n height: <%= close_size_desk %>px;\r\n <% if(parseInt(close_bg_show_desk)) { %>\r\n background-color: rgba(<%= hexToRgb(close_bg_color_desk) %>, <%= close_bg_transparency %>);\r\n <% } %>\r\n }\r\n .popmechanic-desktop #popmechanic-form .popmechanic-close::before,\r\n .popmechanic-desktop #popmechanic-form .popmechanic-close::after {\r\n background-color: <%= close_color_desk %>;\r\n }\r\n .popmechanic-tablet #popmechanic-form .popmechanic-close,\r\n .popmechanic-mobile #popmechanic-form .popmechanic-close {\r\n top: 5px;\r\n right: 5px;\r\n width: <%= close_size_mob %>px;\r\n height: <%= close_size_mob %>px;\r\n <% if(parseInt(close_bg_show_mob)) { %>\r\n background-color: rgba(<%= hexToRgb(close_bg_color_mob) %>, <%= close_bg_transparency %>);\r\n <% } %>\r\n }\r\n .popmechanic-tablet #popmechanic-form .popmechanic-close::before,\r\n .popmechanic-tablet #popmechanic-form .popmechanic-close::after,\r\n .popmechanic-mobile #popmechanic-form .popmechanic-close::before,\r\n .popmechanic-mobile #popmechanic-form .popmechanic-close::after {\r\n background-color: <%= close_color_mob %>;\r\n }\r\n<% } %>", "button": "", "on_show": "<% if (!!parseInt(btn_form_id)) { %>\r\n\tPopMechanic.$('.popmechanic-form-open').on('click', function (e) {\r\n \te.preventDefault();\r\n \tsetTimeout(function(){PopMechanic.show(<%= btn_form_id %>, true)}, 300);})\r\n<% } %>", "on_close": "", "embed_code": "", "behaviors": ["info"], "template_type": "embedded", "need_reset": true, "parameters": [], "on_targeting_ready": "", "on_child_ready": ""}, {"id": 1550, "html": "
", "css": ".popmechanic-reset,\r\n.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,\r\n.popmechanic-reset *::before,\r\n.popmechanic-reset *::after {\r\n box-sizing: border-box;\r\n}\r\n.popmechanic-reset BUTTON,\r\n.popmechanic-reset * BUTTON {\r\n border: 0;\r\n background: none;\r\n -webkit-appearance: none;\r\n appearance: none;\r\n -webkit-user-select: none;\r\n -ms-user-select: none;\r\n user-select: none;\r\n}\r\n\r\n.popmechanic-screen {\r\n display: 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 font-family: Tahoma, sans-serif;\r\n}\r\n#popmechanic-form .popmechanic-main {\r\n width: 290px;\r\n max-width: 290px;\r\n overflow: hidden;\r\n border-radius: 6px;\r\n background-color: #fff;\r\n box-shadow: 0 33px 126px rgba(0, 0, 0, 0.15), 0 7px 28px rgba(0, 0, 0, 0.08), 0 2px 8px rgba(0, 0, 0, 0.06), 2px 2px 15px rgba(0, 0, 0, 0.08);\r\n}\r\n#popmechanic-form .popmechanic-main#popmechanic-first {\r\n display: block;\r\n}\r\n#popmechanic-form .popmechanic-main#popmechanic-first .popmechanic-image {\r\n background-image: url(\"https://personalization-web-stable.mindbox.ru/user-media/28173/dada33177deb5b4519b183806b0fb9462d12b8eeb6b6086f8589611f885b99b4.png\");\r\n}\r\n#popmechanic-form .popmechanic-main#popmechanic-second-1 .popmechanic-image, #popmechanic-form .popmechanic-main#popmechanic-second-2 .popmechanic-image {\r\n background-image: url(\"https://personalization-web-stable.mindbox.ru/user-media/28173/63419d753a1090eb52b95ca7111034537a4b1cd0bfce5efb02d9e45d10f06e80.png\");\r\n}\r\n#popmechanic-form .popmechanic-main .popmechanic-image {\r\n position: relative;\r\n z-index: 30;\r\n width: 100%;\r\n height: 210px;\r\n background-position: center;\r\n background-size: cover;\r\n background-repeat: no-repeat;\r\n}\r\n#popmechanic-form .popmechanic-main .popmechanic-content {\r\n padding: 25px 20px;\r\n}\r\n#popmechanic-form .popmechanic-main .popmechanic-title {\r\n margin-bottom: 20px;\r\n color: #212121;\r\n font-size: 14px;\r\n line-height: 1.5;\r\n}\r\n#popmechanic-form .popmechanic-main .popmechanic-inputs {\r\n margin-bottom: 25px;\r\n}\r\n#popmechanic-form .popmechanic-main .popmechanic-label {\r\n position: relative;\r\n display: flex;\r\n flex-wrap: wrap;\r\n align-items: center;\r\n padding-left: 28px;\r\n -webkit-user-select: none;\r\n -ms-user-select: none;\r\n user-select: none;\r\n}\r\n#popmechanic-form .popmechanic-main .popmechanic-label:not(:last-child) {\r\n margin-bottom: 20px;\r\n}\r\n#popmechanic-form .popmechanic-main .popmechanic-input {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 0;\r\n height: 0;\r\n opacity: 0;\r\n}\r\n#popmechanic-form .popmechanic-main .popmechanic-input:checked ~ .popmechanic-checkbox-check .popmechanic-checkbox-icon {\r\n display: block;\r\n}\r\n#popmechanic-form .popmechanic-main .popmechanic-checkbox-check {\r\n position: absolute;\r\n top: 50%;\r\n left: 0;\r\n display: flex;\r\n flex-shrink: 0;\r\n justify-content: center;\r\n align-items: center;\r\n width: 20px;\r\n height: 20px;\r\n margin-right: 8px;\r\n padding: 2px;\r\n border-radius: 3px;\r\n background-color: #f2f2f2;\r\n cursor: pointer;\r\n transform: translateY(-50%);\r\n}\r\n#popmechanic-form .popmechanic-main .popmechanic-checkbox-icon {\r\n display: none;\r\n width: 100%;\r\n height: auto;\r\n fill: #e99250;\r\n}\r\n#popmechanic-form .popmechanic-main .popmechanic-checkbox-text {\r\n font-size: 12px;\r\n line-height: calc((20 / 12) * 1em);\r\n}\r\n#popmechanic-form .popmechanic-main .popmechanic-checkbox-textarea, #popmechanic-form .popmechanic-main .popmechanic-checkbox-select {\r\n display: block;\r\n width: 100%;\r\n height: calc((28 / 12) * 1em);\r\n padding: 6px;\r\n border: 1px solid #cecece;\r\n border-radius: 6px;\r\n background-color: #f5f5f5;\r\n font-family: inherit;\r\n font-size: 12px;\r\n resize: vertical;\r\n}\r\n#popmechanic-form .popmechanic-main .popmechanic-button {\r\n display: block;\r\n width: 100%;\r\n border: 1px solid;\r\n border-radius: 4px;\r\n background-color: #fff;\r\n color: #e99250;\r\n text-align: center;\r\n font-family: inherit;\r\n font-size: 14px;\r\n font-weight: 700;\r\n line-height: 45px;\r\n cursor: pointer;\r\n}\r\n#popmechanic-form .popmechanic-close {\r\n position: absolute;\r\n top: 10px;\r\n right: 10px;\r\n z-index: 30;\r\n width: 20px;\r\n height: 20px;\r\n background: none;\r\n font-size: 0;\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: 50%;\r\n height: 1px;\r\n background-color: #fff;\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-form .popmechanic-thankyou {\r\n display: none;\r\n}\r\n.popmechanic-success #popmechanic-form .popmechanic-screen {\r\n display: none !important;\r\n}\r\n.popmechanic-success #popmechanic-form .popmechanic-thankyou {\r\n display: block !important;\r\n width: 290px;\r\n max-width: 290px;\r\n overflow: hidden;\r\n border-radius: 6px;\r\n background-color: #fff;\r\n box-shadow: 0 33px 126px rgba(0, 0, 0, 0.15), 0 7px 28px rgba(0, 0, 0, 0.08), 0 2px 8px rgba(0, 0, 0, 0.06), 2px 2px 15px rgba(0, 0, 0, 0.08);\r\n}\r\n.popmechanic-success #popmechanic-form .popmechanic-thankyou .popmechanic-image {\r\n position: relative;\r\n z-index: 30;\r\n width: 100%;\r\n height: 210px;\r\n background-image: url(\"https://personalization-web-stable.mindbox.ru/user-media/28173/0e290ef1261b86d121f90cd014708940efc5b2731ef33b71e519a5f9333251ac.png\");\r\n background-position: center;\r\n background-size: cover;\r\n background-repeat: no-repeat;\r\n}\r\n.popmechanic-success #popmechanic-form .popmechanic-thankyou .popmechanic-content {\r\n padding: 25px 20px;\r\n}\r\n.popmechanic-success #popmechanic-form .popmechanic-thankyou .popmechanic-title {\r\n color: #4e342e;\r\n font-size: 20px;\r\n line-height: 1.5;\r\n}\r\n.popmechanic-success #popmechanic-form .popmechanic-thankyou .popmechanic-subtitle {\r\n margin-bottom: 20px;\r\n color: #212121;\r\n font-size: 14px;\r\n line-height: 1.3;\r\n}\r\n.popmechanic-success #popmechanic-form .popmechanic-thankyou .popmechanic-inputs {\r\n margin-bottom: 25px;\r\n}\r\n.popmechanic-success #popmechanic-form .popmechanic-thankyou .popmechanic-label {\r\n position: relative;\r\n display: flex;\r\n flex-wrap: wrap;\r\n align-items: center;\r\n padding-left: 28px;\r\n -webkit-user-select: none;\r\n -ms-user-select: none;\r\n user-select: none;\r\n}\r\n.popmechanic-success #popmechanic-form .popmechanic-thankyou .popmechanic-label:not(:last-child) {\r\n margin-bottom: 20px;\r\n}\r\n.popmechanic-success #popmechanic-form .popmechanic-thankyou .popmechanic-input {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 0;\r\n height: 0;\r\n opacity: 0;\r\n}\r\n.popmechanic-success #popmechanic-form .popmechanic-thankyou .popmechanic-input:checked ~ .popmechanic-checkbox-check .popmechanic-checkbox-icon {\r\n display: block;\r\n}\r\n.popmechanic-success #popmechanic-form .popmechanic-thankyou .popmechanic-checkbox-check {\r\n position: absolute;\r\n top: 50%;\r\n left: 0;\r\n display: flex;\r\n flex-shrink: 0;\r\n justify-content: center;\r\n align-items: center;\r\n width: 20px;\r\n height: 20px;\r\n margin-right: 8px;\r\n padding: 2px;\r\n border-radius: 3px;\r\n background-color: #f2f2f2;\r\n cursor: pointer;\r\n transform: translateY(-50%);\r\n}\r\n.popmechanic-success #popmechanic-form .popmechanic-thankyou .popmechanic-checkbox-icon {\r\n display: none;\r\n width: 100%;\r\n height: auto;\r\n fill: #e99250;\r\n}\r\n.popmechanic-success #popmechanic-form .popmechanic-thankyou .popmechanic-checkbox-text {\r\n font-size: 12px;\r\n line-height: calc((20 / 12) * 1em);\r\n}\r\n.popmechanic-success #popmechanic-form .popmechanic-thankyou .popmechanic-checkbox-textarea {\r\n width: 100%;\r\n height: calc((28 / 12) * 1em);\r\n padding: 6px;\r\n border: 1px solid #cecece;\r\n border-radius: 6px;\r\n background-color: #f5f5f5;\r\n font-family: inherit;\r\n resize: vertical;\r\n}\r\n.popmechanic-success #popmechanic-form .popmechanic-thankyou .popmechanic-button {\r\n display: block;\r\n width: 100%;\r\n border: 1px solid;\r\n border-radius: 4px;\r\n background-color: #fff;\r\n color: #e99250;\r\n text-align: center;\r\n font-family: inherit;\r\n font-size: 14px;\r\n font-weight: 700;\r\n line-height: 45px;\r\n cursor: pointer;\r\n}", "button": "", "on_show": "", "on_close": "", "embed_code": "", "behaviors": ["partscreen", "lead", "multiscreen", "post-text"], "template_type": "partscreen-info", "need_reset": true, "parameters": [], "on_targeting_ready": "", "on_child_ready": ""}, {"id": 1677, "html": "
", "css": ".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 margin: 0;\r\n padding: 0;\r\n filter:\r\n drop-shadow(0px 33px 126px rgba(0, 0, 0, 0.15))\r\n drop-shadow(0px 7.37px 28.14px rgba(0, 0, 0, 0.08))\r\n drop-shadow(0px 2.19px 8.37px rgba(0, 0, 0, 0.06))\r\n drop-shadow(2px 2px 15px rgba(0, 0, 0, 0.08));\r\n}\r\n#popmechanic-form .popmechanic-close {\r\n position: absolute;\r\n z-index: 99;\r\n top: 0;\r\n right: 0;\r\n width: 40px;\r\n height: 40px;\r\n font-size: 0;\r\n color: transparent;\r\n background-color:transparent;\r\n border: none;\r\n cursor: pointer;\r\n outline: none;\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: 40%;\r\n height: 1px;\r\n background-color: #f7c92e;\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-form .popmechanic-main {\r\n margin-top: 60px;\r\n position: relative;\r\n color: #212121;\r\n}\r\n#popmechanic-form .popmechanic-content {\r\n width: 100%;\r\n max-width: 440px;\r\n background: #fff;\r\n border-radius: 6px;\r\n text-align: center;\r\n min-height: 250px;\r\n display: flex;\r\n flex-direction: column;\r\n flex-wrap: nowrap;\r\n font-family: Tahoma, Roboto, sans-serif;\r\n justify-content: flex-start;\r\n align-content: stretch;\r\n align-items: center;\r\n padding-left: 40px;\r\n padding-right: 40px;\r\n padding-bottom: 25px;\r\n}\r\n#popmechanic-form .popmechanic-img {\r\n width: 144px;\r\n height: auto;\r\n margin-top: -60px;\r\n margin-bottom: 20px;\r\n}\r\n#popmechanic-form .popmechanic-title {\r\n font-size: 20px;\r\n font-weight: 700;\r\n line-height: 1.3;\r\n margin: 0 0 5px;\r\n}\r\n #popmechanic-form .popmechanic-text {\r\n font-size: 14px;\r\n font-weight: 400;\r\n line-height: 1.3;\r\n}\r\n#popmechanic-form .popmechanic-inputs {\r\n width: 100%;\r\n margin: 20px 0 0;\r\n}\r\n#popmechanic-form .popmechanic-submit {\r\n width: 205px;\r\n padding: 16px 0;\r\n z-index: 55;\r\n border:none;\r\n outline: none;\r\n color: #fff;\r\n font-family: inherit;\r\n font-weight: 700;\r\n line-height: 1;\r\n background-color: #f7c92e;\r\n font-size: 14px;\r\n transition: all .3s;\r\n border-radius: 4px;\r\n}\r\n#popmechanic-form .popmechanic-submit:not(:disabled) {\r\n cursor: pointer;\r\n}\r\n#popmechanic-form .popmechanic-submit:not(:disabled):hover {\r\n background-color: #f7c92e;\r\n}\r\n#popmechanic-form .popmechanic-submit:disabled {\r\n opacity: .8;\r\n}\r\n.popmechanic-tablet #popmechanic-form,\r\n.popmechanic-mobile #popmechanic-form {\r\n overflow: hidden;\r\n}", "button": "", "on_show": "", "on_close": "", "embed_code": "", "behaviors": ["post-text", "humble", "lead", "partscreen"], "template_type": "popup-info", "need_reset": true, "parameters": [], "on_targeting_ready": null, "on_child_ready": null}, {"id": 1706, "html": "<% try { close_show = close_show; } catch (e) { close_show = 0 } %>\r\n\r\n
", "css": "<% if(!parseInt(use_custom_font)) { %>\r\n@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\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: <%=form_width%>px;\r\n height: <%=form_height%>px;\r\n background-color: <%=form_bg_color%>;\r\n line-height: <%=form_line_height%>;\r\n border-radius: <%=form_border_radius%>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 position: relative;\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}\r\n\r\n#popmechanic-form * {\r\n -webkit-box-sizing: border-box;\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\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}\r\n\r\n#popmechanic-form .popmechanic-holder {\r\n height: <%=img_top_height%>px;\r\n width: 100%;\r\n position: relative;\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 -webkit-box-align: start;\r\n -ms-flex-align: start;\r\n align-items: flex-start;\r\n \r\n <% if(parseInt(text_center)) { %>\r\n padding: 0 20px;\r\n <% } else { %>\r\n padding-left: 62px;\r\n <% } %>\r\n}\r\n\r\n#popmechanic-form .popmechanic-img-top {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n bottom: 0;\r\n right: 0;\r\n height: 100%;\r\n width: 100%;\r\n background-position: center center;\r\n background-repeat: no-repeat;\r\n background-size: cover;\r\n z-index: 1;\r\n border-top-left-radius: <%=form_border_radius%>px;\r\n border-top-right-radius: <%=form_border_radius%>px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-content {\r\n \r\n z-index: 2;\r\n <% if(parseInt(text_center)) { %>\r\n text-align: center;\r\n margin: 0 auto;\r\n max-width: 100%;\r\n <% } else { %>\r\n max-width: 350px;\r\n <% } %>\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: bold;\r\n margin-bottom: 10px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-sale {\r\n font-size: <%=sale_fontsize%>px;\r\n color: <%=sale_color%>;\r\n font-weight: bold;\r\n margin-bottom: 10px;\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: bold;\r\n}\r\n\r\n#popmechanic-form .popmechanic-inputs {\r\n padding-top: <%=pad_main_top%>px;\r\n padding-left: <%=pad_main_left%>px;\r\n padding-right: <%=pad_main_right%>px;\r\n padding-bottom: <%=pad_main_bottom%>px;\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: start;\r\n -ms-flex-align: start;\r\n align-items: flex-start;\r\n width: 100%;\r\n}\r\n\r\n#popmechanic-form .popmechanic-inputs-wrapper {\r\n display: -webkit-box;\r\n display: -ms-flexbox;\r\n display: flex;\r\n -webkit-box-align: center;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n width: 100%;\r\n -ms-flex-negative: 0;\r\n flex-shrink: 0;\r\n margin-bottom: 26px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-input {\r\n -ms-flex-negative: 0;\r\n flex-shrink: 0;\r\n display: block;\r\n width: <%=inp_width%>px;\r\n height: <%=inp_height%>px;\r\n color: <%=inp_color%>;\r\n font-size: <%=inp_fontsize%>px;\r\n background-color: <%=inp_bgcolor%>;\r\n border-radius: <%=inp_border_radius%>px;\r\n border: none;\r\n outline: none;\r\n padding-left: 22px;\r\n -webkit-box-sizing: border-box;\r\n box-sizing: border-box;\r\n font-weight: 300;\r\n}\r\n#popmechanic-form .popmechanic-invalid {\r\n border: 1px solid red;\r\n}\r\n\r\n#popmechanic-form .popmechanic-input::-webkit-input-placeholder {\r\n font-size: <%=inp_fontsize%>px;\r\n color: <%=inp_placeholder_color%>;\r\n}\r\n\r\n#popmechanic-form .popmechanic-input:-ms-input-placeholder {\r\n font-size: <%=inp_fontsize%>px;\r\n color: <%=inp_placeholder_color%>;\r\n}\r\n\r\n#popmechanic-form .popmechanic-input::-ms-input-placeholder {\r\n font-size: <%=inp_fontsize%>px;\r\n color: <%=inp_placeholder_color%>;\r\n}\r\n\r\n#popmechanic-form .popmechanic-input::placeholder {\r\n font-size: <%=inp_fontsize%>px;\r\n color: <%=inp_placeholder_color%>;\r\n}\r\n\r\n#popmechanic-form .popmechanic-buttons {\r\n display: -webkit-box;\r\n display: -ms-flexbox;\r\n display: flex;\r\n}\r\n\r\n#popmechanic-form .popmechanic-buttons .popmechanic-button {\r\n width: <%=btn_two_width%>px;\r\n height: <%=btn_two_height%>px;\r\n font-size: <%=btn_two_fontsize%>px;\r\n margin-left: 20px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-button {\r\n -ms-flex-negative: 0;\r\n flex-shrink: 0;\r\n margin: 0 auto;\r\n display: -webkit-box;\r\n display: -ms-flexbox;\r\n display: flex;\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 width: <%=btn_width%>px;\r\n height: <%=btn_height%>px;\r\n font-size: <%=btn_fontsize%>px;\r\n border-radius: <%=btn_border_radius%>px;\r\n font-weight: 400;\r\n border: none;\r\n outline: none;\r\n color: <%=btn_color%>;\r\n background-color: <%=btn_bgcolor%>;\r\n cursor: pointer;\r\n -webkit-transition: 0.3s;\r\n transition: 0.3s;\r\n}\r\n\r\n#popmechanic-form .popmechanic-button:hover {\r\n color: <%=btn_hover_color%>;\r\n background-color: <%=btn_hover_bgcolor%>;\r\n}\r\n\r\n#popmechanic-form .popmechanic-policy {\r\n font-size: <%=policy_fontsize%>px;\r\n color: <%=policy_color%>;\r\n}\r\n\r\n#popmechanic-form .popmechanic-checkbox-block {\r\n display: -webkit-box;\r\n display: -ms-flexbox;\r\n display: flex;\r\n -webkit-box-align: center;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n}\r\n\r\n#popmechanic-form .popmechanic-checkbox-block span {\r\n margin-left: 15px;\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-checkbox-block a {\r\n text-decoration: underline;\r\n color: inherit;\r\n}\r\n\r\n#popmechanic-form .popmechanic-checkbox {\r\n display: block;\r\n width: 0;\r\n height: 0;\r\n visibility: hidden;\r\n opacity: 0;\r\n}\r\n\r\n#popmechanic-form .popmechanic-checkbox-check {\r\n -ms-flex-negative: 0;\r\n flex-shrink: 0;\r\n width: 24px;\r\n height: 24px;\r\n background-color: <%=inp_bgcolor%>;\r\n display: -webkit-box;\r\n display: -ms-flexbox;\r\n display: flex;\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 position: relative;\r\n}\r\n\r\n#popmechanic-form .popmechanic-checkbox-check svg {\r\n opacity: 0;\r\n -webkit-transition: 0.2s;\r\n transition: 0.2s;\r\n}\r\n\r\n#popmechanic-form .popmechanic-checkbox-check svg path {\r\n fill: <%=checkbox_color%>;\r\n}\r\n\r\n#popmechanic-form .popmechanic-checkbox:checked ~ .popmechanic-checkbox-check svg {\r\n opacity: 1;\r\n}\r\n\r\n#popmechanic-form #popmechanic-screen-choice {\r\n padding-top: <%=pad_top%>px;\r\n padding-left: <%=pad_left%>px;\r\n padding-right: <%=pad_right%>px;\r\n padding-bottom: <%=pad_bottom%>px;\r\n text-align: center;\r\n}\r\n\r\n#popmechanic-form #popmechanic-screen-choice .popmechanic-button {\r\n margin-top: 16px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-title-small {\r\n font-size: <%=title_2_fontsize%>px;\r\n color: <%=title_2_color%>;\r\n font-weight: bold;\r\n margin-bottom: 3px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-sub-title-small {\r\n font-size: <%=sub_title_2_fontsize%>px;\r\n color: <%=sub_title_2_color%>;\r\n font-weight: 400;\r\n}\r\n\r\n#popmechanic-form .popmechanic-choice {\r\n width: calc(100% + 22px);\r\n display: -webkit-box;\r\n display: -ms-flexbox;\r\n display: flex;\r\n -ms-flex-wrap: wrap;\r\n flex-wrap: wrap;\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 margin-top: 25px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-choice-item {\r\n border: 1px solid #d6d6d6;\r\n font-size: <%=var_fontsize%>px;\r\n color: <%=var_color%>;\r\n cursor: pointer;\r\n width: calc(100% / 3 - 22px);\r\n margin: 0 11px;\r\n margin-bottom: 15px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-choice-item .popmechanic-checkbox-check {\r\n width: 17px;\r\n height: 17px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-choice-item .popmechanic-checkbox-check svg {\r\n -ms-flex-negative: 0;\r\n flex-shrink: 0;\r\n width: 16px;\r\n height: auto;\r\n margin-left: 6px;\r\n margin-bottom: 2px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-choice-item input[type=\"checkbox\"]:checked\r\n~ .popmechanic-choice-content\r\n.popmechanic-checkbox-check\r\nsvg {\r\n opacity: 1;\r\n}\r\n\r\n#popmechanic-form .popmechanic-choice-item input[type=\"radio\"]\r\n~ .popmechanic-choice-content\r\n.popmechanic-checkbox-check {\r\n border-radius: 50%;\r\n}\r\n\r\n#popmechanic-form .popmechanic-choice-item input[type=\"radio\"]\r\n~ .popmechanic-choice-content\r\n.popmechanic-checkbox-check svg {\r\n display: none;\r\n}\r\n\r\n#popmechanic-form .popmechanic-choice-item input[type=\"radio\"]\r\n~ .popmechanic-choice-content\r\n.popmechanic-checkbox-check::before {\r\n content: \"\";\r\n display: block;\r\n width: 7px;\r\n height: 7px;\r\n background-color: <%=checkbox_color%>;\r\n border-radius: 50%;\r\n opacity: 0;\r\n margin: 0;\r\n padding: 0;\r\n}\r\n\r\n#popmechanic-form .popmechanic-choice-item input[type=\"radio\"]:checked\r\n~ .popmechanic-choice-content\r\n.popmechanic-checkbox-check::before {\r\n opacity: 1;\r\n}\r\n\r\n#popmechanic-form .popmechanic-choice-item input:checked ~ .popmechanic-choice-content .popmechanic-choice-img {\r\n -webkit-filter: grayscale(0);\r\n filter: grayscale(0);\r\n}\r\n#popmechanic-form .popmechanic-choice-item:hover .popmechanic-choice-content .popmechanic-choice-img {\r\n -webkit-filter: grayscale(0);\r\n filter: grayscale(0);\r\n}\r\n\r\n#popmechanic-form .popmechanic-layout-4 {\r\n width: calc(100% + 30px);\r\n margin-left: -15px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-layout-4 .popmechanic-choice-item {\r\n width: calc(100% / 2 - 30px);\r\n margin-left: 15px;\r\n margin-right: 15px;\r\n margin-bottom: 22px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-layout-4 .popmechanic-choice-img {\r\n height: 118px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-layout-4 .popmechanic-checkbox-check {\r\n width: 25px;\r\n height: 25px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-layout-4 .popmechanic-checkbox-check svg {\r\n margin-left: 0;\r\n}\r\n\r\n#popmechanic-form .popmechanic-layout-4 .popmechanic-choice-text {\r\n padding: 12px 10px;\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-layout-2 {\r\n width: calc(100% + 34px);\r\n margin-left: -17px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-layout-2 .popmechanic-choice-item {\r\n width: calc(100% / 2 - 34px);\r\n margin-left: 17px;\r\n margin-right: 17px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-layout-2 .popmechanic-choice-img {\r\n height: 248px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-layout-2 .popmechanic-checkbox-check {\r\n width: 25px;\r\n height: 25px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-layout-2 .popmechanic-checkbox-check svg {\r\n margin-left: 0;\r\n}\r\n\r\n#popmechanic-form .popmechanic-layout-2 .popmechanic-choice-text {\r\n padding: 15px 18px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-choice-no-image {\r\n max-width: 400px;\r\n width: 100%;\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 margin-left: auto;\r\n margin-right: auto;\r\n}\r\n\r\n#popmechanic-form .popmechanic-choice-no-image .popmechanic-choice-item {\r\n border: none;\r\n margin-bottom: 17px;\r\n width: 100%;\r\n}\r\n\r\n#popmechanic-form .popmechanic-choice-no-image .popmechanic-choice-img {\r\n display: none;\r\n}\r\n\r\n#popmechanic-form .popmechanic-choice-no-image .popmechanic-checkbox-check {\r\n margin-right: 15px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-choice-no-image .popmechanic-choice-text {\r\n padding: 0;\r\n}\r\n\r\n#popmechanic-form .popmechanic-choice-no-image .popmechanic-choice-text span {\r\n text-align-last: left;\r\n}\r\n\r\n#popmechanic-form .popmechanic-choice-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-align: center;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n}\r\n\r\n#popmechanic-form .popmechanic-choice-text {\r\n width: 100%;\r\n display: -webkit-box;\r\n display: -ms-flexbox;\r\n display: flex;\r\n -webkit-box-align: center;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n -webkit-box-pack: justify;\r\n -ms-flex-pack: justify;\r\n justify-content: space-between;\r\n padding: 7px 7px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-choice-text span {\r\n -webkit-box-flex: 1;\r\n -ms-flex: 1;\r\n flex: 1;\r\n text-align: center;\r\n margin-left: 6px;\r\n}\r\n\r\n#popmechanic-form .popmechanic-choice-img {\r\n width: 100%;\r\n height: 79px;\r\n background-position: center center;\r\n background-repeat: no-repeat;\r\n background-size: cover;\r\n -webkit-filter: grayscale(100%);\r\n filter: grayscale(100%);\r\n -webkit-transition: 0.3s;\r\n transition: 0.3s;\r\n}\r\n\r\n#popmechanic-form .popmechanic-thankyou .popmechanic-button {\r\n margin-top: 30px;\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 line-height: <%=form_line_height_mob%>;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-holder {\r\n height: auto;\r\n padding: 0;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-content {\r\n padding-top: <%=pad_top_mob%>px;\r\n padding-right: <%=pad_right_mob%>px;\r\n padding-left: <%=pad_left_mob%>px;\r\n text-align: center;\r\n margin-bottom: 8px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-img-top {\r\n position: relative;\r\n height: <%=img_top_height_mob%>px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-title {\r\n font-size: <%=title_fontsize_mob%>px;\r\n margin-bottom: 0px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-sale {\r\n font-size: <%=sale_fontsize_mob%>px;\r\n margin-bottom: 0;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-sub-title {\r\n font-size: <%=sub_title_fontsize_mob%>px;\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}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-input::-webkit-input-placeholder {\r\n font-size: <%=inp_fontsize_mob%>px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-input:-ms-input-placeholder {\r\n font-size: <%=inp_fontsize_mob%>px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-input::-ms-input-placeholder {\r\n font-size: <%=inp_fontsize_mob%>px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-input::placeholder {\r\n font-size: <%=inp_fontsize_mob%>px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-inputs {\r\n padding: 0;\r\n padding-right: <%=pad_right_mob%>px;\r\n padding-left: <%=pad_left_mob%>px;\r\n padding-bottom: <%=pad_bottom_mob%>px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-inputs-wrapper {\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 margin-bottom: 8px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-buttons {\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 margin-top: 15px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-buttons .popmechanic-button {\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\r\n.popmechanic-mobile #popmechanic-form .popmechanic-buttons .popmechanic-button:first-child {\r\n margin-bottom: 15px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-button {\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 margin: 0 auto;\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main .popmechanic-button {\r\n <% if(!parseInt(show_two_buttons)) { %>\r\n margin-top: 15px;\r\n <% } %>\r\n}\r\n.popmechanic-mobile #popmechanic-form .popmechanic-policy {\r\n font-size: <%=policy_fontsize_mob%>px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form #popmechanic-screen-choice {\r\n padding-top: <%=pad_top_mob%>px;\r\n padding-right: <%=pad_right_mob%>px;\r\n padding-left: <%=pad_left_mob%>px;\r\n padding-bottom: <%=pad_bottom_mob%>px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form #popmechanic-screen-choice .popmechanic-button {\r\n margin-top: 0;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-title-small {\r\n font-size: <%=title_2_fontsize_mob%>px;\r\n padding: 0 15px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-sub-title-small {\r\n font-size: <%=sub_title_2_fontsize_mob%>px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-choice {\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: stretch;\r\n -ms-flex-align: stretch;\r\n align-items: stretch;\r\n width: 100%;\r\n margin-left: 0;\r\n margin-right: 0;\r\n margin-top: 10px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-choice-item {\r\n width: 100%;\r\n margin-right: 0;\r\n margin-left: 0;\r\n margin-bottom: 20px;\r\n font-size: <%=var_fontsize_mob%>px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-choice-img {\r\n height: 28px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-choice-text {\r\n padding: 2px 10px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-choice-text span {\r\n text-align: left;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-choice-no-image-mob {\r\n width: 100%;\r\n padding-left: 20px;\r\n margin-right: auto;\r\n margin-left: auto;\r\n margin-bottom: 15px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-choice-no-image-mob .popmechanic-choice-item {\r\n margin-bottom: 8px;\r\n border: none;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-choice-no-image-mob .popmechanic-choice-img {\r\n display: none;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-checkbox-check {\r\n width: 17px;\r\n height: 17px;\r\n margin-right: 25px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-checkbox-check svg {\r\n margin-left: 4px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou .popmechanic-title {\r\n margin-top: 10px;\r\n margin-bottom: 20px;\r\n}\r\n\r\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou .popmechanic-sub-title {\r\n margin-bottom: 35px;\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-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<% 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": 1725, "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\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 <% if(parseInt(showChekbox)) { %>\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-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.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": ["lead", "post-text"], "template_type": "embedded", "need_reset": true, "parameters": [], "on_targeting_ready": "", "on_child_ready": ""}, {"id": 2100, "html": "<% try { close_show = close_show; } catch (e) { close_show = 0 } %>\r\n\r\n
", "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<% 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\tbox-sizing: border-box;\r\n\tline-height: inherit;\r\n}\r\n\r\n#popmechanic-form {\r\n\tposition: relative;\r\n\tdisplay: inline-block;\r\n\tclear: both;\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\r\n#popmechanic-form .popmechanic-main {\r\n overflow: hidden;\r\n max-width: 100%;\r\n width: <%= parseInt(width_fix_desk) ? width_desk + 'px' : 'auto' %>;\r\n height: <%= parseInt(height_fix_desk) ? height_desk + 'px' : 'auto' %>;\r\n max-height: 100%;\r\n border-style: solid;\r\n border-width: <%= border_width ? border_width + 'px' : 0 %>;\r\n border-color: <%= border_color %>;\r\n border-radius: <%= border_radius %>px;\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\r\n#popmechanic-form .popmechanic-button {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n width: 100%;\r\n height: 100%;\r\n\tcolor: <%= btn_text_color %>;\r\n\ttext-decoration: none;\r\n\tfont-size: <%= btn_fs_desk %>px;\r\n\tfont-weight: 400;\r\n\tline-height: 1.2;\r\n cursor: pointer;\r\n padding: <%= padding_desk %>px;\r\n background-color: <%= btn_bg_color %>;\r\n <% if(parseInt(img_show_desk)) { %>\r\n background-image: url(<%= img_src_desk %>);\r\n background-size: <%= img_width_desk %>px auto;\r\n padding-left: <%= (+img_width_desk + +padding_desk) + 10 %>px;\r\n <% } else { %>\r\n background-image: none;\r\n padding-left: <%= padding_desk %>px;\r\n <% } %>\r\n background-position: left <%= padding_desk %>px center;\r\n background-repeat: no-repeat;\r\n transition-property: background-color, color;\r\n transition-duration: 0.2s;\r\n transition-timing-function: ease-in-out;\r\n}\r\n\r\n#popmechanic-form .popmechanic-button:hover {\r\n color: <%= btn_text_color_hov %>;\r\n background-color: <%= btn_bg_color_hov %>;\r\n}\r\n\r\n/* MOBILE */\r\n\r\n#popmechanic-form .popmechanic-tablet .popmechanic-main,\r\n#popmechanic-form .popmechanic-mobile .popmechanic-main {\r\n width: <%= parseInt(width_fix_mob) ? width_mob + 'px' : 'auto' %>;\r\n height: <%= parseInt(height_fix_mob) ? height_mob + 'px' : 'auto' %>;\r\n}\r\n\r\n#popmechanic-form .popmechanic-tablet .popmechanic-button,\r\n#popmechanic-form .popmechanic-mobile .popmechanic-button {\r\n font-size: <%= btn_fs_mob %>px;\r\n padding: <%= padding_mob %>px;\r\n <% if(parseInt(img_show_mob)) { %>\r\n background-image: url(<%= parseInt(img_same) ? img_src_desk : img_src_mob %>);\r\n background-size: <%= img_width_mob %>px auto;\r\n padding-left: <%= (+img_width_mob + +padding_mob) + 10 %>px;\r\n <% } else { %>\r\n background-image: none;\r\n padding-left: <%= padding_mob %>px;\r\n <% } %>\r\n}\r\n\r\n<% if(parseInt(close_show)) { %>\r\n /* CLOSE */\r\n <%\r\n function hexToRgb(hex) {\r\n return hex.replace(/^#?([a-f\\d])([a-f\\d])([a-f\\d])$/i, function (m, r, g, b) {\r\n return \"#\".concat(r).concat(r).concat(g).concat(g).concat(b).concat(b);\r\n }).substring(1).match(/.{2}/g).map(function (x) {\r\n return parseInt(x, 16);\r\n });\r\n };\r\n %>\r\n\r\n #popmechanic-form .popmechanic-close {\r\n position: absolute;\r\n z-index: 40;\r\n cursor: pointer;\r\n }\r\n #popmechanic-form .popmechanic-close::before,\r\n #popmechanic-form .popmechanic-close::after {\r\n content: \"\";\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n width: 80%;\r\n height: 2px;\r\n transform: translate(-50%, -50%) rotate(45deg);\r\n }\r\n #popmechanic-form .popmechanic-close::after {\r\n transform: translate(-50%, -50%) rotate(135deg);\r\n }\r\n .popmechanic-desktop #popmechanic-form .popmechanic-close {\r\n top: 10px;\r\n right: 10px;\r\n width: <%= close_size_desk %>px;\r\n height: <%= close_size_desk %>px;\r\n <% if(parseInt(close_bg_show_desk)) { %>\r\n background-color: rgba(<%= hexToRgb(close_bg_color_desk) %>, <%= close_bg_transparency %>);\r\n <% } %>\r\n }\r\n .popmechanic-desktop #popmechanic-form .popmechanic-close::before,\r\n .popmechanic-desktop #popmechanic-form .popmechanic-close::after {\r\n background-color: <%= close_color_desk %>;\r\n }\r\n .popmechanic-tablet #popmechanic-form .popmechanic-close,\r\n .popmechanic-mobile #popmechanic-form .popmechanic-close {\r\n top: 5px;\r\n right: 5px;\r\n width: <%= close_size_mob %>px;\r\n height: <%= close_size_mob %>px;\r\n <% if(parseInt(close_bg_show_mob)) { %>\r\n background-color: rgba(<%= hexToRgb(close_bg_color_mob) %>, <%= close_bg_transparency %>);\r\n <% } %>\r\n }\r\n .popmechanic-tablet #popmechanic-form .popmechanic-close::before,\r\n .popmechanic-tablet #popmechanic-form .popmechanic-close::after,\r\n .popmechanic-mobile #popmechanic-form .popmechanic-close::before,\r\n .popmechanic-mobile #popmechanic-form .popmechanic-close::after {\r\n background-color: <%= close_color_mob %>;\r\n }\r\n<% } %>", "button": "", "on_show": "<% if (!!parseInt(btn_form_id)) { %>\r\nPopMechanic.$('.popmechanic-form-open').on('click', function (e) {\r\n e.preventDefault();\r\n try {\r\n window.popmechanic_product_id = PopMechanic.$(this).parents('[data-calc]').data('calc').product_id;\r\n } catch (e) {}\r\n setTimeout(function(){PopMechanic.show(<%= btn_form_id %>, true)}, 300);\r\n})\r\n<% } %>", "on_close": "", "embed_code": "", "behaviors": ["info"], "template_type": "embedded", "need_reset": true, "parameters": [], "on_targeting_ready": "", "on_child_ready": ""}, {"id": 2418, "html": "<%\r\n\tvar submitDataPopmechanicIfString = function () {\r\n\t\tvar fieldConditions = [];\r\n\t\tfor (var i = 0; i < fields_list.length; i++) {\r\n\t\t\tvar field = fields_list[i];\r\n\t\t\tif (field.required && field.machine_name && field.type !== 'submit') {\r\n\t\t\t\tfieldConditions.push(\"!!lead['\" + (['email', 'name', 'phone'].indexOf(field.type) > -1 ? '' : 'customs.fields_list.') + field.machine_name + \"']\");\r\n\t\t\t}\r\n\t\t}\r\n\t\treturn \"lead&&\" + (fieldConditions.length ? fieldConditions.join(\"&&\") : \"true\");\r\n\t}();\r\n\r\n\tvar variants = [\r\n\t\tparseInt(variant1_on, 10) ? {\r\n\t\t\ttext: variant1_text,\r\n\t\t\tcolor: variant1_color,\r\n\t\t\tbackground: variant1_background\r\n\t\t} : undefined,\r\n\t\tparseInt(variant2_on, 10) ? {\r\n\t\t\ttext: variant2_text,\r\n\t\t\tcolor: variant2_color,\r\n\t\t\tbackground: variant2_background\r\n\t\t} : undefined,\r\n\t\tparseInt(variant3_on, 10) ? {\r\n\t\t\ttext: variant3_text,\r\n\t\t\tcolor: variant3_color,\r\n\t\t\tbackground: variant3_background\r\n\t\t} : undefined,\r\n\t\tparseInt(variant4_on, 10) ? {\r\n\t\t\ttext: variant4_text,\r\n\t\t\tcolor: variant4_color,\r\n\t\t\tbackground: variant4_background\r\n\t\t} : undefined,\r\n\t\tparseInt(variant5_on, 10) ? {\r\n\t\t\ttext: variant5_text,\r\n\t\t\tcolor: variant5_color,\r\n\t\t\tbackground: variant5_background\r\n\t\t} : undefined,\r\n\t\tparseInt(variant6_on, 10) ? {\r\n\t\t\ttext: variant6_text,\r\n\t\t\tcolor: variant6_color,\r\n\t\t\tbackground: variant6_background\r\n\t\t} : undefined,\r\n\t\tparseInt(variant7_on, 10) ? {\r\n\t\t\ttext: variant7_text,\r\n\t\t\tcolor: variant7_color,\r\n\t\t\tbackground: variant7_background\r\n\t\t} : undefined,\r\n\t\tparseInt(variant8_on, 10) ? {\r\n\t\t\ttext: variant8_text,\r\n\t\t\tcolor: variant8_color,\r\n\t\t\tbackground: variant8_background\r\n\t\t} : undefined,\r\n\t\tparseInt(variant9_on, 10) ? {\r\n\t\t\ttext: variant9_text,\r\n\t\t\tcolor: variant9_color,\r\n\t\t\tbackground: variant9_background\r\n\t\t} : undefined,\r\n\t\tparseInt(variant10_on, 10) ? {\r\n\t\t\ttext: variant10_text,\r\n\t\t\tcolor: variant10_color,\r\n\t\t\tbackground: variant10_background\r\n\t\t} : undefined,\r\n\t\tparseInt(variant11_on, 10) ? {\r\n\t\t\ttext: variant11_text,\r\n\t\t\tcolor: variant11_color,\r\n\t\t\tbackground: variant11_background\r\n\t\t} : undefined,\r\n\t\tparseInt(variant12_on, 10) ? {\r\n\t\t\ttext: variant12_text,\r\n\t\t\tcolor: variant12_color,\r\n\t\t\tbackground: variant12_background\r\n\t\t} : undefined,\r\n\t\tparseInt(variant13_on, 10) ? {\r\n\t\t\ttext: variant13_text,\r\n\t\t\tcolor: variant13_color,\r\n\t\t\tbackground: variant13_background\r\n\t\t} : undefined,\r\n\t\tparseInt(variant14_on, 10) ? {\r\n\t\t\ttext: variant14_text,\r\n\t\t\tcolor: variant14_color,\r\n\t\t\tbackground: variant14_background\r\n\t\t} : undefined,\r\n\t\tparseInt(variant15_on, 10) ? {\r\n\t\t\ttext: variant15_text,\r\n\t\t\tcolor: variant15_color,\r\n\t\t\tbackground: variant15_background\r\n\t\t} : undefined,\r\n\t\tparseInt(variant16_on, 10) ? {\r\n\t\t\ttext: variant16_text,\r\n\t\t\tcolor: variant16_color,\r\n\t\t\tbackground: variant16_background\r\n\t\t} : undefined,\r\n\t\tparseInt(variant17_on, 10) ? {\r\n\t\t\ttext: variant17_text,\r\n\t\t\tcolor: variant17_color,\r\n\t\t\tbackground: variant17_background\r\n\t\t} : undefined,\r\n\t\tparseInt(variant18_on, 10) ? {\r\n\t\t\ttext: variant18_text,\r\n\t\t\tcolor: variant18_color,\r\n\t\t\tbackground: variant18_background\r\n\t\t} : undefined\r\n\t].filter(function (variant) {\r\n\t\treturn typeof variant !== \"undefined\";\r\n\t});\r\n\r\n\tvar circle_positioning_desk = 'left';\r\n\tvar circle_positioning_mob = 'top';\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;800&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\tfunction setArrowDirection(side) {\r\n\t\treturn {\r\n\t\t\t'left': '180',\r\n\t\t\t'right': '0',\r\n\t\t\t'top': '270',\r\n\t\t\t'bottom': '90'\r\n\t\t}[side];\r\n\t}\r\n\r\n\tvar error_message_lh = 1.5;\r\n\tvar circle_positioning_desk = 'left';\r\n\tvar circle_positioning_mob = 'top';\r\n\tvar arrow_direction_desk = 'right';\r\n\tvar arrow_direction_mob = 'bottom';\r\n%>\r\n\r\n.popmechanic-reset,\r\n.popmechanic-reset * {\r\n\tbox-sizing: border-box;\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/* FOCUS */\r\n.popmechanic-reset *:focus,\r\n.popmechanic-reset *:focus + .popmechanic-checkbox__check {\r\n\toutline: none;\r\n\tborder: 2px solid rgba(30, 144, 255, 0.5) !important;\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 INPUT,\r\n.popmechanic-reset BUTTON,\r\n.popmechanic-reset * INPUT,\r\n.popmechanic-reset * BUTTON {\r\n\tdisplay: block;\r\n\tmax-width: 100%;\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 INPUT::placeholder,\r\n.popmechanic-reset * INPUT::placeholder {\r\n\tfont-style: normal;\r\n\topacity: 1;\r\n}\r\n.popmechanic-reset BUTTON,\r\n.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.popmechanic-reset SVG {\r\n\tdisplay: block;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\tmax-width: 100%;\r\n\tmax-height: 100%;\r\n}\r\n#popmechanic-form {\r\n\tposition: relative;\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#popmechanic-form .popmechanic-thankyou {\r\n\tdisplay: flex;\r\n\tposition: relative;\r\n}\r\n#popmechanic-form .popmechanic-circle-container {\r\n\tposition: absolute;\r\n\tz-index: 2;\r\n\tdisplay: flex;\r\n\tjustify-content: flex-start;\r\n\talign-items: center;\r\n\toverflow: hidden;\r\n\t<% if (parseInt(circle_shadow_show)) { %>\r\n\t\tfilter:\r\n\t\t\tdrop-shadow(<%= circle_shadow_offset_x %>px <%= circle_shadow_offset_y %>px <%= circle_shadow_blur %>px rgba(<%= hexToRgb(circle_shadow_color) %>, <%= circle_shadow_transparency %>));\r\n\t<% } %>\r\n}\r\n#popmechanic-form .popmechanic-circle {\r\n\tdisplay: flex;\r\n\tflex-shrink: 0;\r\n\tborder: 0 solid <%= circle_border_color %>;\r\n\tborder-radius: 50%;\r\n\toverflow: hidden;\r\n\ttransition: transform 3s;\r\n}\r\n#popmechanic-form .popmechanic-circle-inner {\r\n\tposition: relative;\r\n\tdisplay: block;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\t<% if (parseInt(circle_bg_img_show)) { %>\r\n\t\tbackground-image: url(<%= circle_bg_img_src %>);\r\n\t\tbackground-position: center;\r\n\t\tbackground-repeat: no-repeat;\r\n\t\tbackground-size: cover;\r\n\t<% } %>\r\n}\r\n<% if (parseInt(circle_bg_img_show)) { %>\r\n\t#popmechanic-form .popmechanic-circle-inner * {\r\n\t\topacity: 0;\r\n\t}\r\n<% } %>\r\n#popmechanic-form .popmechanic-circle-backdrop {\r\n\tposition: absolute;\r\n}\r\n#popmechanic-form .popmechanic-arrow-wrapper {\r\n\tposition: absolute;\r\n\tz-index: 3;\r\n}\r\n#popmechanic-form .popmechanic-arrow {\r\n\tposition: absolute;\r\n\tz-index: 3;\r\n\theight: auto;\r\n}\r\n#popmechanic-form .popmechanic-arrow-shadow {\r\n\t--arrow_shadow_offset_x: <%= arrow_shadow_offset_x %>px;\r\n\t--arrow_shadow_offset_y: <%= arrow_shadow_offset_y %>px;\r\n\t<% if (parseInt(arrow_shadow_show)) { %>\r\n\t\tfilter: drop-shadow(var(--arrow_shadow_offset_x) var(--arrow_shadow_offset_y) <%= arrow_shadow_blur %>px rgba(<%= hexToRgb(arrow_shadow_color) %>, <%= arrow_shadow_transparency %>));\r\n\t<% } %>\r\n}\r\n#popmechanic-form .popmechanic-arrow-top .popmechanic-arrow-shadow,\r\n#popmechanic-form .popmechanic-arrow-bottom .popmechanic-arrow-shadow {\r\n\t--arrow_shadow_offset_x: <%= arrow_shadow_offset_y %>px;\r\n\t--arrow_shadow_offset_y: <%= arrow_shadow_offset_x %>px;\r\n}\r\n#popmechanic-form .popmechanic-arrow img {\r\n\tdisplay: block;\r\n\twidth: 100%;\r\n\theight: auto;\r\n\tmax-width: 100%;\r\n\tmax-height: 100%;\r\n}\r\n#popmechanic-form .popmechanic-sector {\r\n\tposition: absolute;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\tpointer-events: none;\r\n}\r\n#popmechanic-form .popmechanic-sector-text {\r\n\tposition: absolute;\r\n\ttop: 50%;\r\n\tright: 0;\r\n\ttransform: translateY(-50%);\r\n\twidth: 50%;\r\n\theight: auto;\r\n\tpointer-events: all;\r\n}\r\n#popmechanic-form .popmechanic-sector-text_big {\r\n\tdisplay: block;\r\n\tline-height: 1;\r\n\tfont-weight: <%= sector_text_fw %>;\r\n}\r\n#popmechanic-form .popmechanic-circle-texts {\r\n\tpadding: 0;\r\n\tmargin: 0;\r\n\tlist-style-type: none;\r\n white-space: unset;\r\n}\r\n#popmechanic-form .popmechanic-content {\r\n\tposition: relative;\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n\tjustify-content: center;\r\n\tbackground-color: rgba(<%= hexToRgb(bg_color) %>, <%= bg_transparency %>);\r\n\tborder-radius: <%= border_radius %>px;\r\n\tborder: 0 solid <%= border_color %>;\r\n\t<% if (parseInt(bg_img_show)) { %>\r\n\t\tbackground-image: url(<%= bg_img_src %>);\r\n\t\tbackground-size: cover;\r\n\t\tbackground-position: center;\r\n\t\tbackground-repeat: no-repeat;\r\n\t<% } %>\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-image {\r\n\tdisplay: block;\r\n\twidth: 100%;\r\n\tmax-width: 100%;\r\n\theight: auto;\r\n\tmax-height: 100%;\r\n\tobject-fit: cover;\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}\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}\r\n#popmechanic-form .popmechanic-inputs,\r\n#popmechanic-form .popmechanic-field {\r\n\twidth: 100%;\r\n\tmax-width: 100%;\r\n}\r\n#popmechanic-form .popmechanic-inputs-wrapper {\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n}\r\n#popmechanic-form .popmechanic-error-message {\r\n\tdisplay: none;\r\n\tmax-width: 100%;\r\n\toverflow: hidden;\r\n\tcolor: <%= input_error_color %>;\r\n\tfont-size: smaller;\r\n\tline-height: <%= error_message_lh %>;\r\n}\r\n#popmechanic-form .popmechanic-input {\r\n\tborder: <%= input_border_width %>px solid <%= input_border_color %>;\r\n\tborder-radius: <%= input_border_radius %>px;\r\n\tbackground-color: <%= input_bg_color %>;\r\n\tcolor: <%= input_text_color %>;\r\n\tfont-size: inherit;\r\n\tfont-weight: <%= input_fw %>;\r\n\tline-height: 1;\r\n\ttransition: border-color 0.3s ease-in-out;\r\n}\r\n#popmechanic-form .popmechanic-input:hover {\r\n\tborder-color: <%= input_border_color_hov %>;\r\n}\r\n#popmechanic-form .popmechanic-input::placeholder,\r\n#popmechanic-form .popmechanic-input[data-popmechanic-placeholder] {\r\n\tcolor: <%= input_placeholder_color %>;\r\n}\r\n#popmechanic-form .popmechanic-placeholder[data-popmechanic-placeholder],\r\n#popmechanic-form .popmechanic-input[data-popmechanic-placeholder] option {\r\n\tcolor: <%= input_text_color %>;\r\n}\r\n#popmechanic-form .popmechanic-input:focus::placeholder {\r\n\topacity: 0;\r\n}\r\n#popmechanic-form .popmechanic-hidden {\r\n\tdisplay: none;\r\n}\r\n#popmechanic-form .popmechanic-submit {\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\tborder: <%= btn_border_width %>px solid <%= btn_border_color %>;\r\n\tborder-radius: <%= btn_border_radius %>px;\r\n\toutline: none;\r\n\tcolor: <%= btn_text_color %>;\r\n\tbackground-color: <%= btn_bg_color %>;\r\n\tfont-weight: <%= btn_fw %>;\r\n\tline-height: 1;\r\n\ttext-decoration: none;\r\n\ttext-align: center;\r\n\ttransition: all 0.3s ease-in-out;\r\n\toverflow: hidden;\r\n\tcursor: pointer;\r\n}\r\n#popmechanic-form .popmechanic-submit:hover {\r\n\tbackground-color: <%= btn_bg_color_hov %>;\r\n\tcolor: <%= btn_text_color_hov %>;\r\n\tborder-color: <%= btn_border_color_hov %>;\r\n}\r\n#popmechanic-form .popmechanic-submit:disabled {\r\n\topacity: 0.8;\r\n\tpointer-events: none;\r\n}\r\n#popmechanic-form .popmechanic-buttons-wrapper {\r\n\twidth: 100%;\r\n}\r\n#popmechanic-form .popmechanic-buttons {\r\n\twidth: 100%;\r\n\tdisplay: flex;\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;\r\n}\r\n.popmechanic-success #popmechanic-form .popmechanic-thankyou {\r\n\tdisplay: flex;\r\n}\r\n\r\n/* CHECKBOX */\r\n#popmechanic-form .popmechanic-checkbox {\r\n\t--mb-checkbox-size: <%= checkbox_size %>px;\r\n\tposition: relative;\r\n\tdisplay: flex;\r\n\talign-items: flex-start;\r\n\tgap: calc(var(--mb-checkbox-size, 20px) / 2);\r\n\tmargin-bottom: <%= checkbox_margin_bottom %>px;\r\n\tuser-select: none;\r\n\t<% for (var f = 0; f < fields_list.length; f++) { %>\r\n\t\t<% if (fields_list[f].type === 'checkbox' && fields_list[f].show_error_message && parseInt(checkbox_show) ) { %>\r\n\t\t\tpadding-bottom: <%= +checkbox_fs * +error_message_lh %>px;\r\n\t\t<% } %>\r\n\t<% } %>\r\n}\r\n#popmechanic-form .popmechanic-checkbox__text {\r\n\tcolor: <%= checkbox_text_color %>;\r\n\tfont-size: <%= checkbox_fs %>px;\r\n\tline-height: 1.3;\r\n}\r\n#popmechanic-form .popmechanic-checkbox__link {\r\n\ttext-decoration: <%= parseInt(checkbox_link_underline) ? \"underline\" : \"none\" %>;\r\n}\r\n<% if (parseInt(checkbox_show)) { %>\r\n\t#popmechanic-form .popmechanic-checkbox__check {\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: center;\r\n\t\talign-items: center;\r\n\t\tflex-shrink: 0;\r\n\t\twidth: var(--mb-checkbox-size, 20px);\r\n\t\theight: var(--mb-checkbox-size, 20px);\r\n\t\tborder: <%= checkbox_border_width %>px solid <%= checkbox_border_color %>;\r\n\t\tborder-radius: <%= checkbox_border_radius %>px;\r\n\t\tbackground-color: <%= checkbox_bg_color %>;\r\n\t\tcursor: pointer;\r\n\t}\r\n\t#popmechanic-form .popmechanic-checkbox__check svg {\r\n\t\twidth: calc(100% - (<%= checkbox_padding %>px * 2));\r\n\t\theight: auto;\r\n\t\tcolor: <%= checkbox_tick_color %>;\r\n\t\topacity: 0;\r\n\t\ttransition: opacity 0.3s ease-in-out;\r\n\t}\r\n\t#popmechanic-form .popmechanic-checkbox__input:checked + .popmechanic-checkbox__check svg {\r\n\t\topacity: 1;\r\n\t}\r\n\t#popmechanic-form .popmechanic-invalid:not(:focus) + .popmechanic-checkbox__check {\r\n\t\tborder: <%= parseInt(checkbox_border_width) ? checkbox_border_width : 1 %>px solid <%= input_error_color %>;\r\n\t}\r\n\t#popmechanic-form .popmechanic-checkbox__label .popmechanic-error-message {\r\n\t\tposition: absolute;\r\n\t\tbottom: 0;\r\n\t\tleft: 0;\r\n\t\twidth: 100%;\r\n\t\tmax-width: 100%;\r\n\t\theight: 100%;\r\n\t\tmax-height: <%= +checkbox_fs * +error_message_lh %>px;\r\n\t\toverflow: hidden;\r\n\t\tfont-size: <%= checkbox_fs %>px;\r\n\t}\r\n<% } else { %>\r\n\t#popmechanic-form .popmechanic-checkbox__label {\r\n\t\tdisplay: none;\r\n\t}\r\n<% } %>\r\n\r\n/* CLOSE */\r\n#popmechanic-form .popmechanic-close {\r\n\tposition: absolute;\r\n\ttop: var(--close_position_y, 10px);\r\n\tz-index: 40;\r\n\twidth: var(--close_size, 24px);\r\n\theight: var(--close_size, 24px);\r\n\tborder-radius: <%= close_border_radius %>px;\r\n\tcursor: pointer;\r\n\t<% if (circle_positioning_desk === \"right\") { %>\r\n\t\tleft: var(--close_position_x, 10px);\r\n\t<% } else { %>\r\n\t\tright: var(--close_position_x, 10px);\r\n\t<% } %>\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,\r\n#popmechanic-form .popmechanic-close::after {\r\n\t--translate: translate(-50%, -50%);\r\n\tcontent: \"\";\r\n\tposition: absolute;\r\n\ttop: 50%;\r\n\tleft: 50%;\r\n\twidth: calc(100% - (<%= close_padding %>px * 2));\r\n\theight: 2px;\r\n\tbackground-color: <%= close_color %>;\r\n\ttransform: var(--translate) rotate(45deg);\r\n}\r\n#popmechanic-form .popmechanic-close::after {\r\n\ttransform: var(--translate) rotate(135deg);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-close {\r\n\t--close_size: <%= close_size_desk %>px;\r\n\t--close_position_y: <%= close_position_y_desk %>px;\r\n\t--close_position_x: <%= close_position_x_desk %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-close,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-close {\r\n\t--close_size: <%= close_size_mob %>px;\r\n\t--close_position_y: <%= close_position_y_mob %>px;\r\n\t--close_position_x: <%= close_position_x_mob %>px;\r\n}\r\n\r\n/* DESKTOP */\r\n.popmechanic-desktop #popmechanic-form .popmechanic-main,\r\n.popmechanic-desktop #popmechanic-form .popmechanic-thankyou {\r\n\t<% if (circle_positioning_desk === \"left\" || circle_positioning_desk === \"right\") { %>\r\n\t\tjustify-content: <%= (circle_positioning_desk === \"left\") ? \"flex-end\" : \"flex-start\" %>;\r\n\t\twidth: <%= parseInt(show_half_desk) ? width_desk : (+width_desk + +circle_radius_desk) %>px;\r\n\r\n\t<% } else if (circle_positioning_desk === \"top\" || circle_positioning_desk === \"bottom\") { %>\r\n\t\twidth: <%= width_desk %>px;\r\n\t\tpadding-<%= circle_positioning_desk %>: <%= parseInt(show_half_desk) ? 0 : circle_radius_desk %>px;\r\n\t<% } %>\r\n}\r\n<% if (parseInt(show_half_desk)) { %>\r\n\t.popmechanic-desktop #popmechanic-form .popmechanic-circle-container-left,\r\n\t.popmechanic-desktop #popmechanic-form .popmechanic-circle-container-right {\r\n\t\twidth: <%= circle_radius_desk %>px;\r\n\t\tjustify-content: <%= (circle_positioning_desk === \"left\") ? \"flex-end\" : \"flex-start\" %>;\r\n\t}\r\n\t.popmechanic-desktop #popmechanic-form .popmechanic-circle-container-top,\r\n\t.popmechanic-desktop #popmechanic-form .popmechanic-circle-container-bottom {\r\n\t\theight: <%= circle_radius_desk %>px;\r\n\t\talign-items: <%= (circle_positioning_desk === \"top\") ? \"flex-end\" : \"flex-start\" %>;\r\n\t}\r\n<% } %>\r\n.popmechanic-desktop #popmechanic-form .popmechanic-circle-inner {\r\n\t<% if (arrow_positioning_desk === \"left\") { %>\r\n\t\ttransform: rotate(180deg);\r\n\t<% } else if (arrow_positioning_desk === \"right\") { %>\r\n\t\ttransform: rotate(0deg);\r\n\t<% } else if (arrow_positioning_desk === \"top\") { %>\r\n\t\ttransform: rotate(270deg);\r\n\t<% } else if (arrow_positioning_desk === \"bottom\") { %>\r\n\t\ttransform: rotate(90deg);\r\n\t<% } else { %>\r\n\t\t<% if (arrow_direction_desk === \"left\") { %>\r\n\t\t\ttransform: rotate(180deg);\r\n\t\t<% } else if (arrow_direction_desk === \"top\") { %>\r\n\t\t\ttransform: rotate(270deg);\r\n\t\t<% } else if (arrow_direction_desk === \"bottom\") { %>\r\n\t\t\ttransform: rotate(90deg);\r\n\t\t<% } %>\r\n\t<% } %>\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-circle {\r\n\twidth: <%= +circle_radius_desk * 2 %>px;\r\n\theight: <%= +circle_radius_desk * 2 %>px;\r\n\tborder-width: <%= parseInt(circle_bg_img_show) ? 0 : circle_border_width_desk %>px;\r\n}\r\n\r\n/* ARROW DESKTOP */\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-wrapper {\r\n\twidth: <%= +circle_radius_desk * 2 %>px;\r\n\theight: <%= +circle_radius_desk * 2 %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-wrapper-left,\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-wrapper-right {\r\n\ttop: 50%;\r\n\t<%= circle_positioning_desk %>: 0;\r\n\ttransform: translateY(-50%);\r\n\t<% if (parseInt(show_half_desk)) { %>\r\n\t\twidth: <%= circle_radius_desk %>px;\r\n\t<% } %>\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-wrapper-top,\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-wrapper-bottom {\r\n\t<%= circle_positioning_desk %>: 0;\r\n\tleft: 50%;\r\n\ttransform: translateX(-50%);\r\n\t<% if (parseInt(show_half_desk)) { %>\r\n\t\theight: <%= circle_radius_desk %>px;\r\n\t<% } %>\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow {\r\n\twidth: <%= arrow_size_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-wrapper-left .popmechanic-arrow-left {\r\n\ttop: 50%;\r\n\tleft: 0;\r\n\ttransform: translate(<%= +arrow_shift_desk + (parseInt(show_half_desk) ? -(+arrow_offset) : 0) %>%, -50%);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-wrapper-left .popmechanic-arrow-right {\r\n\ttop: 50%;\r\n\tright: 0;\r\n\ttransform: translate(<%= -(+arrow_shift_desk) + 0 %>%, -50%) rotate(180deg);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-wrapper-left .popmechanic-arrow-top {\r\n\ttop: 0;\r\n\tleft: <%= parseInt(show_half_desk) ? \"0\" : \"50%\" %>;\r\n\ttransform: translate(-50%, <%= +arrow_shift_desk + 0 %>%) rotate(90deg);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-wrapper-left .popmechanic-arrow-bottom {\r\n\tbottom: 0;\r\n\tleft: <%= parseInt(show_half_desk) ? \"0\" : \"50%\" %>;\r\n\ttransform: translate(-50%, <%= -(+arrow_shift_desk) + 0 %>%) rotate(270deg);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-wrapper-left .popmechanic-arrow-center {\r\n\ttop: 50%;\r\n\tleft: <%= parseInt(show_half_desk) ? \"0\" : \"50%\" %>;\r\n\ttransform-origin: <%= arrow_offset %>% center;\r\n\ttransform: translate(<%= -arrow_offset %>%, -50%) rotate(<%= setArrowDirection(arrow_direction_desk) %>deg);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-wrapper-right .popmechanic-arrow-left {\r\n\ttop: 50%;\r\n\tleft: 0;\r\n\ttransform: translate(<%= +arrow_shift_desk + 0 %>%, -50%);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-wrapper-right .popmechanic-arrow-right {\r\n\ttop: 50%;\r\n\tright: 0;\r\n\ttransform: translate(<%= -(+arrow_shift_desk) + (parseInt(show_half_desk) ? +arrow_offset : 0) %>%, -50%) rotate(180deg);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-wrapper-right .popmechanic-arrow-top {\r\n\ttop: 0;\r\n\tright: <%= parseInt(show_half_desk) ? \"0\" : \"50%\" %>;\r\n\ttransform: translate(50%, <%= +arrow_shift_desk + 0 %>%) rotate(90deg);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-wrapper-right .popmechanic-arrow-bottom {\r\n\tbottom: 0;\r\n\tright: <%= parseInt(show_half_desk) ? \"0\" : \"50%\" %>;\r\n\ttransform: translate(50%, <%= -(+arrow_shift_desk) + 0 %>%) rotate(270deg);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-wrapper-right .popmechanic-arrow-center {\r\n\ttop: 50%;\r\n\tleft: <%= parseInt(show_half_desk) ? \"100%\" : \"50%\" %>;\r\n\ttransform-origin: <%= arrow_offset %>% center;\r\n\ttransform: translate(<%= -arrow_offset %>%, -50%) rotate(<%= setArrowDirection(arrow_direction_desk) %>deg);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-wrapper-top .popmechanic-arrow-left {\r\n\ttop: <%= parseInt(show_half_desk) ? \"0\" : \"50%\" %>;\r\n\tleft: 0;\r\n\ttransform: translate(<%= +arrow_shift_desk + 0 %>%, -50%);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-wrapper-top .popmechanic-arrow-right {\r\n\ttop: <%= parseInt(show_half_desk) ? \"0\" : \"50%\" %>;\r\n\tright: 0;\r\n\ttransform: translate(<%= -(+arrow_shift_desk) + 0 %>%, -50%) rotate(180deg);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-wrapper-top .popmechanic-arrow-top {\r\n\ttop: 0;\r\n\tleft: 50%;\r\n\ttransform: translate(-50%, <%= +arrow_shift_desk + (parseInt(show_half_desk) ? -(+arrow_offset) : 0) %>%) rotate(90deg);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-wrapper-top .popmechanic-arrow-bottom {\r\n\tbottom: 0;\r\n\tleft: 50%;\r\n\ttransform: translate(-50%, <%= -(+arrow_shift_desk) + 0 %>%) rotate(270deg);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-wrapper-top .popmechanic-arrow-center {\r\n\ttop: <%= parseInt(show_half_desk) ? \"0\" : \"50%\" %>;\r\n\tleft: 50%;\r\n\ttransform-origin: <%= arrow_offset %>% center;\r\n\ttransform: translate(<%= -arrow_offset %>%, -50%) rotate(<%= setArrowDirection(arrow_direction_desk) %>deg);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-wrapper-bottom .popmechanic-arrow-left {\r\n\tbottom: <%= parseInt(show_half_desk) ? \"0\" : \"50%\" %>;\r\n\tleft: 0;\r\n\ttransform: translate(<%= +arrow_shift_desk + 0 %>%, 50%);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-wrapper-bottom .popmechanic-arrow-right {\r\n\tbottom: <%= parseInt(show_half_desk) ? \"0\" : \"50%\" %>;\r\n\tright: 0;\r\n\ttransform: translate(<%= -(+arrow_shift_desk) + 0 %>%, 50%) rotate(180deg);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-wrapper-bottom .popmechanic-arrow-top {\r\n\ttop: 0;\r\n\tleft: 50%;\r\n\ttransform: translate(-50%, <%= +arrow_shift_desk + 0 %>%) rotate(90deg);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-wrapper-bottom .popmechanic-arrow-bottom {\r\n\tbottom: 0;\r\n\tleft: 50%;\r\n\ttransform: translate(-50%, <%= -(+arrow_shift_desk) + (parseInt(show_half_desk) ? +arrow_offset : 0) %>%) rotate(270deg);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-wrapper-bottom .popmechanic-arrow-center {\r\n\tbottom: <%= parseInt(show_half_desk) ? \"0\" : \"50%\" %>;\r\n\tleft: 50%;\r\n\ttransform-origin: <%= arrow_offset %>% center;\r\n\ttransform: translate(<%= -arrow_offset %>%, 50%) rotate(<%= setArrowDirection(arrow_direction_desk) %>deg);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-center .popmechanic-arrow-shadow {\r\n\ttransform: rotate(-<%= setArrowDirection(arrow_direction_desk) %>deg);\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-arrow-center .popmechanic-arrow-shadow > * {\r\n\ttransform: rotate(<%= setArrowDirection(arrow_direction_desk) %>deg);\r\n}\r\n/* ARROW DESKTOP END */\r\n\r\n.popmechanic-desktop #popmechanic-form .popmechanic-sector-text {\r\n\tpadding: 0 <%= sector_padding_x_desk %>px;\r\n\ttext-align: <%= sector_text_position_x_desk %>;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-sector-text_big {\r\n\tfont-size: <%= sector_text_fs_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-content {\r\n\tborder-width: <%= border_width_desk %>px;\r\n\tpadding: <%= padding_y_desk %>px <%= padding_x_desk %>px;\r\n\t<% if (parseInt(height_fix_desk)) { %>\r\n\t\theight: <%= height_desk %>px;\r\n\t\toverflow: hidden;\r\n\t<% } %>\r\n\r\n\t/* LEFT & RIGHT */\r\n\t<% if (circle_positioning_desk === \"left\" || circle_positioning_desk === \"right\") { %>\r\n\t\tpadding-<%= circle_positioning_desk %>: <%= +circle_radius_desk + +padding_x_desk %>px;\r\n\t\t<% if (parseInt(show_half_desk)) { %>\r\n\t\t\twidth: 100%;\r\n\t\t<% } else { %>\r\n\t\t\twidth: calc(100% - <%= circle_radius_desk %>px);\r\n\t\t<% } %>\r\n\r\n\t/* TOP & BOTTOM */\r\n\t<% } else if (circle_positioning_desk === \"top\" || circle_positioning_desk === \"bottom\") { %>\r\n\t\twidth: 100%;\r\n\t\tpadding-<%= circle_positioning_desk %>: <%= +circle_radius_desk + +padding_x_desk %>px;\r\n\t<% } %>\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_margin_bottom_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-title {\r\n\tmargin-bottom: <%= title_margin_bottom_desk %>px;\r\n\tfont-size: <%= title_fs_desk %>px;\r\n\ttext-align: <%= title_position_x_desk %>;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-subtitle {\r\n\tmargin-bottom: <%= subtitle_margin_bottom_desk %>px;\r\n\tfont-size: <%= subtitle_fs_desk %>px;\r\n\ttext-align: <%= subtitle_position_x_desk %>;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-inputs-wrapper {\r\n\tgap: <%= input_mb_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-field {\r\n\tfont-size: <%= input_fs_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-error-message {\r\n\ttext-align: <%= input_text_position_desk %>;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-input {\r\n\twidth: <%= parseInt(input_width_fix_desk) ? input_width_desk + \"px\" : \"100%\" %>;\r\n\theight: <%= input_height_desk %>px;\r\n\tpadding: 0 <%= input_padding_x_desk %>px;\r\n\ttext-align: <%= input_text_position_desk %>;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-buttons {\r\n\tflex-direction: <%= btn_direction_desk %>;\r\n\tgap: <%= btn_gap_desk %>px;\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-submit {\r\n\twidth: <%= parseInt(btn_width_fix_desk) ? btn_width_desk + \"px\" : \"100%\" %>;\r\n\theight: <%= btn_height_desk %>px;\r\n\tpadding: 0 <%= btn_padding_x_desk %>px;\r\n\tfont-size: <%= btn_fs_desk %>px;\r\n\t<% if (btn_direction_desk === \"row\") { %>\r\n\t\tmargin-bottom: <%= btn_margin_bottom_desk %>px;\r\n\t<% } %>\r\n\t<% if (btn_position_desk === \"right\") { %>\r\n\t\tmargin-left: auto;\r\n\t<% } else if (btn_position_desk === \"left\") { %>\r\n\t\tmargin-right: auto;\r\n\t<% } else { %>\r\n\t\tmargin-left: auto;\r\n\t\tmargin-right: auto;\r\n\t<% } %>\r\n}\r\n<% if (btn_direction_desk === \"column\") { %>\r\n\t.popmechanic-desktop #popmechanic-form .popmechanic-buttons .popmechanic-submit:last-child {\r\n\t\tmargin-bottom: <%= btn_margin_bottom_desk %>px;\r\n\t}\r\n<% } %>\r\n<% if (parseInt(tnx_img_show_desk)) { %>\r\n\t.popmechanic-desktop.popmechanic-success #popmechanic-form .popmechanic-image {\r\n\t\twidth: <%= tnx_img_width_desk %>px;\r\n\t\tmargin-bottom: <%= tnx_img_margin_bottom_desk %>px;\r\n\t\t<% if (tnx_img_position_x_desk === \"right\") { %>\r\n\t\t\tmargin-left: auto;\r\n\t\t\tmargin-right: 0;\r\n\t\t<% } else if (tnx_img_position_x_desk === \"left\") { %>\r\n\t\t\tmargin-right: auto;\r\n\t\t\tmargin-left: 0;\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\r\n/* MOBILE */\r\n.popmechanic-tablet #popmechanic-form .popmechanic-main,\r\n.popmechanic-tablet #popmechanic-form .popmechanic-thankyou,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-main,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-thankyou {\r\n\twidth: <%= width_mob %>px;\r\n\tpadding-<%= circle_positioning_mob %>: <%= parseInt(show_half_mob) ? 0 : circle_radius_mob %>px;\r\n}\r\n<% if (parseInt(show_half_mob)) { %>\r\n\t.popmechanic-tablet #popmechanic-form .popmechanic-circle-container-top,\r\n\t.popmechanic-mobile #popmechanic-form .popmechanic-circle-container-top {\r\n\t\theight: <%= circle_radius_mob %>px;\r\n\t\talign-items: flex-end;\r\n\t}\r\n\t.popmechanic-tablet #popmechanic-form .popmechanic-circle-container-bottom,\r\n\t.popmechanic-mobile #popmechanic-form .popmechanic-circle-container-bottom {\r\n\t\theight: <%= circle_radius_mob %>px;\r\n\t\talign-items: flex-start;\r\n\t}\r\n<% } %>\r\n.popmechanic-tablet #popmechanic-form .popmechanic-circle-inner,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-circle-inner {\r\n\t<% if (arrow_positioning_mob === \"left\") { %>\r\n\t\ttransform: rotate(180deg);\r\n\t<% } else if (arrow_positioning_mob === \"right\") { %>\r\n\t\ttransform: rotate(0deg);\r\n\t<% } else if (arrow_positioning_mob === \"top\") { %>\r\n\t\ttransform: rotate(270deg);\r\n\t<% } else if (arrow_positioning_mob === \"bottom\") { %>\r\n\t\ttransform: rotate(90deg);\r\n\t<% } else { %>\r\n\t\t<% if (arrow_direction_mob === \"left\") { %>\r\n\t\t\ttransform: rotate(180deg);\r\n\t\t<% } else if (arrow_direction_mob === \"top\") { %>\r\n\t\t\ttransform: rotate(270deg);\r\n\t\t<% } else if (arrow_direction_mob === \"bottom\") { %>\r\n\t\t\ttransform: rotate(90deg);\r\n\t\t<% } %>\r\n\t<% } %>\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-circle,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-circle {\r\n\twidth: <%= +circle_radius_mob * 2 %>px;\r\n\theight: <%= +circle_radius_mob * 2 %>px;\r\n\tborder-width: <%= parseInt(circle_bg_img_show) ? 0 : circle_border_width_mob %>px;\r\n}\r\n\r\n/* ARROW MOBILE */\r\n.popmechanic-tablet #popmechanic-form .popmechanic-arrow-wrapper,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-arrow-wrapper {\r\n\twidth: <%= +circle_radius_mob * 2 %>px;\r\n\theight: <%= +circle_radius_mob * 2 %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-arrow-wrapper-top,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-arrow-wrapper-top,\r\n.popmechanic-tablet #popmechanic-form .popmechanic-arrow-wrapper-bottom,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-arrow-wrapper-bottom {\r\n\t<%= circle_positioning_mob %>: 0;\r\n\tleft: 50%;\r\n\ttransform: translateX(-50%);\r\n\t<% if (parseInt(show_half_mob)) { %>\r\n\t\theight: <%= circle_radius_mob %>px;\r\n\t<% } %>\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-arrow,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-arrow {\r\n\twidth: <%= arrow_size_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-arrow-wrapper-top .popmechanic-arrow-left,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-arrow-wrapper-top .popmechanic-arrow-left {\r\n\ttop: <%= parseInt(show_half_mob) ? \"0\" : \"50%\" %>;\r\n\tleft: 0;\r\n\ttransform: translate(<%= +arrow_shift_mob + 0 %>%, -50%);\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-arrow-wrapper-top .popmechanic-arrow-right,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-arrow-wrapper-top .popmechanic-arrow-right {\r\n\ttop: <%= parseInt(show_half_mob) ? \"0\" : \"50%\" %>;\r\n\tright: 0;\r\n\ttransform: translate(<%= -(+arrow_shift_mob) + 0 %>%, -50%) rotate(180deg);\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-arrow-wrapper-top .popmechanic-arrow-top,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-arrow-wrapper-top .popmechanic-arrow-top {\r\n\ttop: 0;\r\n\tleft: 50%;\r\n\ttransform: translate(-50%, <%= +arrow_shift_mob + (parseInt(show_half_mob) ? -(+arrow_offset) : 0) %>%) rotate(90deg);\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-arrow-wrapper-top .popmechanic-arrow-bottom,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-arrow-wrapper-top .popmechanic-arrow-bottom {\r\n\tbottom: 0;\r\n\tleft: 50%;\r\n\ttransform: translate(-50%, <%= -(+arrow_shift_mob) + 0 %>%) rotate(270deg);\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-arrow-wrapper-top .popmechanic-arrow-center,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-arrow-wrapper-top .popmechanic-arrow-center {\r\n\ttop: <%= parseInt(show_half_mob) ? \"0\" : \"50%\" %>;\r\n\tleft: 50%;\r\n\ttransform-origin: <%= arrow_offset %>% center;\r\n\ttransform: translate(<%= -arrow_offset %>%, -50%) rotate(<%= setArrowDirection(arrow_direction_mob) %>deg);\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-arrow-wrapper-bottom .popmechanic-arrow-left,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-arrow-wrapper-bottom .popmechanic-arrow-left {\r\n\tbottom: <%= parseInt(show_half_mob) ? \"0\" : \"50%\" %>;\r\n\tleft: 0;\r\n\ttransform: translate(<%= +arrow_shift_mob + 0 %>%, 50%);\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-arrow-wrapper-bottom .popmechanic-arrow-right,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-arrow-wrapper-bottom .popmechanic-arrow-right {\r\n\tbottom: <%= parseInt(show_half_mob) ? \"0\" : \"50%\" %>;\r\n\tright: 0;\r\n\ttransform: translate(<%= -(+arrow_shift_mob) + 0 %>%, 50%) rotate(180deg);\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-arrow-wrapper-bottom .popmechanic-arrow-top,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-arrow-wrapper-bottom .popmechanic-arrow-top {\r\n\ttop: 0;\r\n\tleft: 50%;\r\n\ttransform: translate(-50%, <%= +arrow_shift_mob + 0 %>%) rotate(90deg);\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-arrow-wrapper-bottom .popmechanic-arrow-bottom,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-arrow-wrapper-bottom .popmechanic-arrow-bottom {\r\n\tbottom: 0;\r\n\tleft: 50%;\r\n\ttransform: translate(-50%, <%= -(+arrow_shift_mob) + (parseInt(show_half_mob) ? +arrow_offset : 0) %>%) rotate(270deg);\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-arrow-wrapper-bottom .popmechanic-arrow-center,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-arrow-wrapper-bottom .popmechanic-arrow-center {\r\n\tbottom: <%= parseInt(show_half_mob) ? \"0\" : \"50%\" %>;\r\n\tleft: 50%;\r\n\ttransform-origin: <%= arrow_offset %>% center;\r\n\ttransform: translate(<%= -arrow_offset %>%, 50%) rotate(<%= setArrowDirection(arrow_direction_mob) %>deg);\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-arrow-center .popmechanic-arrow-shadow,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-arrow-center .popmechanic-arrow-shadow {\r\n\ttransform: rotate(-<%= setArrowDirection(arrow_direction_mob) %>deg);\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-arrow-center .popmechanic-arrow-shadow > *,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-arrow-center .popmechanic-arrow-shadow > * {\r\n\ttransform: rotate(<%= setArrowDirection(arrow_direction_mob) %>deg);\r\n}\r\n/* ARROW MOBILE END */\r\n\r\n.popmechanic-tablet #popmechanic-form .popmechanic-sector-text,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-sector-text {\r\n\tpadding: 0 <%= sector_padding_x_mob %>px;\r\n\ttext-align: <%= sector_text_position_x_mob %>;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-sector-text_big,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-sector-text_big {\r\n\tfont-size: <%= sector_text_fs_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-content,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-content {\r\n\twidth: 100%;\r\n\tpadding: <%= padding_y_mob %>px <%= padding_x_mob %>px;\r\n\tpadding-<%= circle_positioning_mob %>: <%= +circle_radius_mob + +padding_x_mob %>px;\r\n\tborder-width: <%= border_width_mob %>px;\r\n\t<% if (parseInt(height_fix_mob)) { %>\r\n\t\theight: <%= height_mob %>px;\r\n\t\toverflow: hidden;\r\n\t<% } %>\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_margin_bottom_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-title,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-title {\r\n\tmargin-bottom: <%= title_margin_bottom_mob %>px;\r\n\tfont-size: <%= title_fs_mob %>px;\r\n\ttext-align: <%= title_position_x_mob %>;\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\tfont-size: <%= subtitle_fs_mob %>px;\r\n\ttext-align: <%= subtitle_position_x_mob %>;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-inputs-wrapper,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-inputs-wrapper {\r\n\tgap: <%= input_mb_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-field,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-field {\r\n\tfont-size: <%= input_fs_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-error-message,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-error-message {\r\n\ttext-align: <%= input_text_position_mob %>;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-input,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-input {\r\n\twidth: <%= parseInt(input_width_fix_mob) ? input_width_mob + \"px\" : \"100%\" %>;\r\n\theight: <%= input_height_mob %>px;\r\n\tpadding: 0 <%= input_padding_x_mob %>px;\r\n\ttext-align: <%= input_text_position_mob %>;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-buttons,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-buttons {\r\n\tflex-direction: <%= btn_direction_mob %>;\r\n\tgap: <%= btn_gap_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-submit,\r\n.popmechanic-mobile #popmechanic-form .popmechanic-submit {\r\n\twidth: <%= parseInt(btn_width_fix_mob) ? btn_width_mob + \"px\" : \"100%\" %>;\r\n\theight: <%= btn_height_mob %>px;\r\n\tpadding: 0 <%= btn_padding_x_mob %>px;\r\n\tfont-size: <%= btn_fs_mob %>px;\r\n\t<% if (btn_direction_mob === \"row\") { %>\r\n\t\tmargin-bottom: <%= btn_margin_bottom_mob %>px;\r\n\t<% } %>\r\n\t<% if (btn_position_mob === \"right\") { %>\r\n\t\tmargin-left: auto;\r\n\t<% } else if (btn_position_mob === \"left\") { %>\r\n\t\tmargin-right: auto;\r\n\t<% } else { %>\r\n\t\tmargin-left: auto;\r\n\t\tmargin-right: auto;\r\n\t<% } %>\r\n}\r\n<% if (btn_direction_mob === \"column\") { %>\r\n\t.popmechanic-tablet #popmechanic-form .popmechanic-buttons .popmechanic-submit:last-child,\r\n\t.popmechanic-mobile #popmechanic-form .popmechanic-buttons .popmechanic-submit:last-child {\r\n\t\tmargin-bottom: <%= btn_margin_bottom_mob %>px;\r\n\t}\r\n<% } %>\r\n<% if (parseInt(tnx_img_show_mob)) { %>\r\n\t.popmechanic-tablet.popmechanic-success #popmechanic-form .popmechanic-image,\r\n\t.popmechanic-mobile.popmechanic-success #popmechanic-form .popmechanic-image {\r\n\t\twidth: <%= tnx_img_width_mob %>px;\r\n\t\tmargin-bottom: <%= tnx_img_margin_bottom_mob %>px;\r\n\t\t<% if (tnx_img_position_x_mob === \"right\") { %>\r\n\t\t\tmargin-left: auto;\r\n\t\t\tmargin-right: 0;\r\n\t\t<% } else if (tnx_img_position_x_mob === \"left\") { %>\r\n\t\t\tmargin-right: auto;\r\n\t\t\tmargin-left: 0;\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-form .popmechanic-invalid:not(:focus) {\r\n\tz-index: 30;\r\n\tborder: 1px solid <%= input_error_color %> !important;\r\n\tcolor: <%= input_error_color %> !important;\r\n}\r\n#popmechanic-form .popmechanic-invalid:not(:focus)::placeholder {\r\n\tcolor: <%= input_error_color %>;\r\n}\r\n#popmechanic-form .popmechanic-invalid:not(:focus) ~ .popmechanic-error-message {\r\n\tdisplay: block;\r\n}", "button": "", "on_show": "window.PopMechanic = window.PopMechanic || {};\r\nPopMechanic.Rotate2418 = function () {\r\n\t\tif (PopMechanic.$(\"[data-popmechanic-input]:not([data-popmechanic-input='customs.result2418'])\").hasClass(\"popmechanic-invalid\")) return;\r\n\r\n\t\tvar counter = <%= sectors %>;\r\n\t\tvar variants = [\r\n\t\t\t\tparseInt(<%= variant1_on %>, 10) ? {\r\n\t\t\t\t\t\tvalue: '<%= variant1_value %>',\r\n\t\t\t\t\t\tprob: parseFloat('<%= variant1_prob %>', 10)\r\n\t\t\t\t} : undefined,\r\n\t\t\t\tparseInt(<%= variant2_on %>, 10) ? {\r\n\t\t\t\t\t\tvalue: '<%= variant2_value %>',\r\n\t\t\t\t\t\tprob: parseFloat('<%= variant2_prob %>', 10)\r\n\t\t\t\t} : undefined,\r\n\t\t\t\tparseInt(<%= variant3_on %>, 10) ? {\r\n\t\t\t\t\t\tvalue: '<%= variant3_value %>',\r\n\t\t\t\t\t\tprob: parseFloat('<%= variant3_prob %>', 10)\r\n\t\t\t\t} : undefined,\r\n\t\t\t\tparseInt(<%= variant4_on %>, 10) ? {\r\n\t\t\t\t\t\tvalue: '<%= variant4_value %>',\r\n\t\t\t\t\t\tprob: parseFloat('<%= variant4_prob %>', 10)\r\n\t\t\t\t} : undefined,\r\n\t\t\t\tparseInt(<%= variant5_on %>, 10) ? {\r\n\t\t\t\t\t\tvalue: '<%= variant5_value %>',\r\n\t\t\t\t\t\tprob: parseFloat('<%= variant5_prob %>', 10)\r\n\t\t\t\t} : undefined,\r\n\t\t\t\tparseInt(<%= variant6_on %>, 10) ? {\r\n\t\t\t\t\t\tvalue: '<%= variant6_value %>',\r\n\t\t\t\t\t\tprob: parseFloat('<%= variant6_prob %>', 10)\r\n\t\t\t\t} : undefined,\r\n\t\t\t\tparseInt(<%= variant7_on %>, 10) ? {\r\n\t\t\t\t\t\tvalue: '<%= variant7_value %>',\r\n\t\t\t\t\t\tprob: parseFloat('<%= variant7_prob %>', 10)\r\n\t\t\t\t} : undefined,\r\n\t\t\t\tparseInt(<%= variant8_on %>, 10) ? {\r\n\t\t\t\t\t\tvalue: '<%= variant8_value %>',\r\n\t\t\t\t\t\tprob: parseFloat('<%= variant8_prob %>', 10)\r\n\t\t\t\t} : undefined,\r\n\t\t\t\tparseInt(<%= variant9_on %>, 10) ? {\r\n\t\t\t\t\t\tvalue: '<%= variant9_value %>',\r\n\t\t\t\t\t\tprob: parseFloat('<%= variant9_prob %>', 10)\r\n\t\t\t\t} : undefined,\r\n\t\t\t\tparseInt(<%= variant10_on %>, 10) ? {\r\n\t\t\t\t\t\tvalue: '<%= variant10_value %>',\r\n\t\t\t\t\t\tprob: parseFloat('<%= variant10_prob %>', 10)\r\n\t\t\t\t} : undefined,\r\n\t\t\t\tparseInt(<%= variant11_on %>, 10) ? {\r\n\t\t\t\t\t\tvalue: '<%= variant11_value %>',\r\n\t\t\t\t\t\tprob: parseFloat('<%= variant11_prob %>', 10)\r\n\t\t\t\t} : undefined,\r\n\t\t\t\tparseInt(<%= variant12_on %>, 10) ? {\r\n\t\t\t\t\t\tvalue: '<%= variant12_value %>',\r\n\t\t\t\t\t\tprob: parseFloat('<%= variant12_prob %>', 10)\r\n\t\t\t\t} : undefined,\r\n\t\t\t\tparseInt(<%= variant13_on %>, 10) ? {\r\n\t\t\t\t\t\tvalue: '<%= variant13_value %>',\r\n\t\t\t\t\t\tprob: parseFloat('<%= variant13_prob %>', 10)\r\n\t\t\t\t} : undefined,\r\n\t\t\t\tparseInt(<%= variant14_on %>, 10) ? {\r\n\t\t\t\t\t\tvalue: '<%= variant14_value %>',\r\n\t\t\t\t\t\tprob: parseFloat('<%= variant14_prob %>', 10)\r\n\t\t\t\t} : undefined,\r\n\t\t\t\tparseInt(<%= variant15_on %>, 10) ? {\r\n\t\t\t\t\t\tvalue: '<%= variant15_value %>',\r\n\t\t\t\t\t\tprob: parseFloat('<%= variant15_prob %>', 10)\r\n\t\t\t\t} : undefined,\r\n\t\t\t\tparseInt(<%= variant16_on %>, 10) ? {\r\n\t\t\t\t\t\tvalue: '<%= variant16_value %>',\r\n\t\t\t\t\t\tprob: parseFloat('<%= variant16_prob %>', 10)\r\n\t\t\t\t} : undefined,\r\n\t\t\t\tparseInt(<%= variant17_on %>, 10) ? {\r\n\t\t\t\t\t\tvalue: '<%= variant17_value %>',\r\n\t\t\t\t\t\tprob: parseFloat('<%= variant17_prob %>', 10)\r\n\t\t\t\t} : undefined,\r\n\t\t\t\tparseInt(<%= variant18_on %>, 10) ? {\r\n\t\t\t\t\t\tvalue: '<%= variant18_value %>',\r\n\t\t\t\t\t\tprob: parseFloat('<%= variant18_prob %>', 10)\r\n\t\t\t\t} : undefined\r\n\t\t].filter(function (variant) { return typeof variant !== \"undefined\" });\r\n\t\tvariants = variants.slice(0, counter);\r\n\r\n\t\tvar probs = variants.map(function (variant) { return variant.prob; });\r\n\t\tvar circle = document.querySelector(\".popmechanic-circle\");\r\n\t\tvar rand = <%= rotation_result %>;\r\n\r\n\t\tif (!circle.classList.contains(\"popmechanic-disabled\")) {\r\n\t\t\t\tif (rand == 1) {\r\n\t\t\t\t\t\tvar probSum = probs.reduce(function(a, b) { return a + b; }, 0);\r\n\t\t\t\t\t\tvar result;\r\n\t\t\t\t\t\tvar randRes = Math.floor(Math.random() * probSum);\r\n\r\n\t\t\t\t\t\tprobs.some(function(item, index) {\r\n\t\t\t\t\t\t\t\tvar upSum = probs.slice(0, index + 1).reduce(function(a, b) { return a + b; }, 0);\r\n\t\t\t\t\t\t\t\tvar downSum = probs.slice(0, index).reduce(function(a, b) { return a + b; }, 0);\r\n\r\n\t\t\t\t\t\t\t\tif (downSum <= randRes && randRes < upSum) {\r\n\t\t\t\t\t\t\t\t\t\tresult = index + 1;\r\n\r\n\t\t\t\t\t\t\t\t\t\treturn true;\r\n\t\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t\treturn false;\r\n\t\t\t\t\t\t});\r\n\r\n\t\t\t\t\t\tresult = result || probs.length;\r\n\t\t\t\t} else {\r\n\t\t\t\t\t\tvar result = 1;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tvar rotation = 90 + 180 / counter - (360 / counter) * result + 360 * 4;\r\n\r\n\t\t\t\tcircle.setAttribute(\"style\", \"transform:rotate(\"+rotation+\"deg)\");\r\n\t\t\t\tcircle.classList.add(\"popmechanic-disabled\");\r\n\r\n\t\t\t\tvar variantIndex = result % probs.length || probs.length;\r\n \r\n\t\t\t\tPopMechanic.$('[data-popmechanic-input=\"customs.result2418\"]')\r\n\t\t\t\t\t\t.val(variants[variantIndex-1].value)\r\n\t\t\t\t\t\t.trigger('change');\r\n\r\n\t\t\t\tsetTimeout(function(){\r\n\t\t\t\t\t\tPopMechanic.$('[data-popmechanic-submit]').click();\r\n\t\t\t\t}, 3000);\r\n\t\t} else {\r\n\t\t\t\tPopMechanic.$('[data-popmechanic-submit]').click();\r\n\t\t}\r\n}", "on_close": "", "embed_code": "", "behaviors": ["post-text", "lead", "partscreen"], "template_type": "partscreen", "need_reset": false, "parameters": [], "on_targeting_ready": "", "on_child_ready": ""}, {"id": 2435, "html": "
", "css": "<% if(!parseInt(font_custom_show)) { %>\r\n\t@import url('https://fonts.googleapis.com/css2?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-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\twidth: 100vw;\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: 0 0 <%= shadow_size %>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\twidth: 100%;\r\n\t\tmax-width: 100%;\r\n\t\theight: auto;\r\n\t\tmax-height: 100%;\r\n\t\tobject-fit: cover;\r\n\t\tfilter: drop-shadow(0 0 <%= img_shadow_size %>px rgba(<%= hexToRgb(img_shadow_color) %>, <%= img_shadow_transparency %>));\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}\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}\r\n#popmechanic-form .popmechanic-subtitle span {\r\n\tcolor: inherit;\r\n\tfont-weight: inherit;\r\n\tline-height: inherit;\r\n\tfont-size: inherit;\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 - +img_margin_bottom_desk %>px;\r\n\t\t<% if (img_position_desk === \"right\") { %>\r\n\t\t\tmargin-left: auto;\r\n\t\t<% } else if (img_position_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)) { %>\r\n\t\tpadding-top: <%= (+img_offset_desk < +padding_y_desk) ? padding_y_desk : img_offset_desk %>px;\r\n\t<% } %>\r\n}\r\n.popmechanic-desktop #popmechanic-form .popmechanic-title {\r\n\tmargin-bottom: <%= title_margin_bottom %>px;\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\ttext-align: <%= subtitle_align_desk %>;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-main, .popmechanic-mobile #popmechanic-form .popmechanic-main {\r\n\tmax-width: <%= width_mob %>px;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-container, .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, .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 - +img_margin_bottom_mob %>px;\r\n\t\t<% if (img_position_mob === \"right\") { %>\r\n\t\t\tmargin-left: auto;\r\n\t\t<% } else if (img_position_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, .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)) { %>\r\n\t\tpadding-top: <%= (+img_offset_mob < +padding_y_mob) ? padding_y_mob : img_offset_mob %>px;\r\n\t<% } %>\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-title, .popmechanic-mobile #popmechanic-form .popmechanic-title {\r\n\tmargin-bottom: <%= title_margin_bottom %>px;\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, .popmechanic-mobile #popmechanic-form .popmechanic-subtitle {\r\n\tfont-size: <%= subtitle_fs_mob %>px;\r\n\ttext-align: <%= subtitle_align_mob %>;\r\n}\r\n#popmechanic-form .popmechanic-close {\r\n\tposition: absolute;\r\n\tz-index: 40;\r\n\tcursor: pointer;\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: 100%;\r\n\theight: 2px;\r\n\tborder-radius: 2px;\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\t<% if (parseInt(close_bg_show_desk)) { %>\r\n\t\tbackground-color: rgba(<%= hexToRgb(close_bg_color_desk) %>, <%= 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-desktop #popmechanic-form .popmechanic-close::before, .popmechanic-desktop #popmechanic-form .popmechanic-close::after {\r\n\tbackground-color: <%= close_color_desk %>;\r\n}\r\n.popmechanic-tablet #popmechanic-form .popmechanic-close, .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\t<% if (parseInt(close_bg_show_mob)) { %>\r\n\t\tbackground-color: rgba(<%= hexToRgb(close_bg_color_mob) %>, <%= 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-tablet #popmechanic-form .popmechanic-close::before, .popmechanic-tablet #popmechanic-form .popmechanic-close::after, .popmechanic-mobile #popmechanic-form .popmechanic-close::before, .popmechanic-mobile #popmechanic-form .popmechanic-close::after {\r\n\tbackground-color: <%= close_color_mob %>;\r\n}", "button": "", "on_show": "function randomInteger(min, max) {\r\n\tmin = parseInt(min);\r\n\tmax = parseInt(max);\r\n\tif (min > max) {\r\n\t\tmin = 10;\r\n\t\tmax = 100;\r\n\t}\r\n\tvar rand = min + Math.random() * (max + 1 - min);\r\n\trand = Math.floor(rand);\r\n\treturn rand;\r\n}\r\n\r\nfunction addSuffix(numb) {\r\n\tif (settings.hidden_locale === \"ru\") {\r\n\t\tlet units = {\r\n\t\t\t'option1': [\"\u0440\u0430\u0437\", \"\u0440\u0430\u0437\", \"\u0440\u0430\u0437\", \"\u0440\u0430\u0437\u0430\", \"\u0440\u0430\u0437\"],\r\n\t\t\t'option2': [\"\u0448\u0442\u0443\u043a\", \"\u0448\u0442\u0443\u043a\u0430\", \"\u0448\u0442\u0443\u043a\", \"\u0448\u0442\u0443\u043a\u0438\", \"\u0448\u0442\u0443\u043a\"],\r\n\t\t\t'option3': [\"\u0447\u0435\u043b\u043e\u0432\u0435\u043a\", \"\u0447\u0435\u043b\u043e\u0432\u0435\u043a\", \"\u0447\u0435\u043b\u043e\u0432\u0435\u043a\", \"\u0447\u0435\u043b\u043e\u0432\u0435\u043a\u0430\", \"\u0447\u0435\u043b\u043e\u0432\u0435\u043a\"]\r\n\t\t};\r\n\r\n\t\treturn (\r\n\t\t\tnumb % 100 >= 10 && numb % 100 <= 20\r\n\t\t\t? units[settings.unit][0]\r\n\t\t\t: (numb % 10 === 1\r\n\t\t\t\t? units[settings.unit][1]\r\n\t\t\t\t: (numb % 10 === 0\r\n\t\t\t\t\t? units[settings.unit][2]\r\n\t\t\t\t\t: (numb % 10 < 5 ? units[settings.unit][3] : units[settings.unit][4])\r\n\t\t\t\t)\r\n\t\t\t)\r\n\t\t);\r\n\t} else {\r\n\t\tlet units = {\r\n\t\t\t'option1': [\"time\", \"times\"],\r\n\t\t\t'option2': [\"piece left\", \"pieces left\"],\r\n\t\t\t'option3': [\"visitor\", \"visitors\"]\r\n\t\t};\r\n\t\treturn (numb === 1 ? units[settings.unit][0] : units[settings.unit][1]);\r\n\t}\r\n}\r\n\r\nlet data = randomInteger(<%= num_min %>, <%= num_max %>);\r\n\r\ndocument.querySelector('#popmechanic-num').innerHTML = data;\r\ndocument.querySelector('#popmechanic-unit').innerHTML = addSuffix(data);", "on_close": "", "embed_code": "", "behaviors": ["partscreen", "info"], "template_type": "partscreen", "need_reset": true, "parameters": [], "on_targeting_ready": "", "on_child_ready": ""}], "button_templates": [], "integrations": [{"id": 11132, "form": 24932, "filter": null, "filter_type": null, "account": 6506, "integration_type": "javascript", "on_render": "", "on_show": "", "on_success": "mindbox(\"async\", {\r\n operation: \"Aktivaciya\",\r\n data: {\r\n customer: {\r\n email: \"%email%\",\r\n customFields: {\r\n hold: \"true\"\r\n },\r\n subscriptions: [\r\n {\r\n pointOfContact: \"Email\",\r\n isSubscribed: \"true\"\r\n }\r\n ]\r\n },\r\n customerAction: {\r\n customFields: {\r\n Actqw1: \"%customs.question_1%\",\r\n Actqw2: \"%customs.question_2%\"\r\n }\r\n }\r\n },\r\n onSuccess: function() { },\r\n onError: function(error) { }\r\n});", "on_close_success": "", "on_close_fail": ""}, {"id": 8682, "form": 19348, "filter": null, "filter_type": null, "account": 6506, "integration_type": "javascript", "on_render": "", "on_show": "", "on_success": "mindbox(\"async\", {\r\n operation: \"NPSLower6\",\r\n data: {\r\n customerAction: {\r\n customFields: {\r\n reason: \"%customs.reason%\",\r\n reason2: \"%customs.reason2%\",\r\n comment: \"%customs.comment%\",\r\n discount:\"%customs.discount%\"\r\n }\r\n }\r\n },\r\n onSuccess: function() { },\r\n onError: function(error) { }\r\n});", "on_close_success": "", "on_close_fail": ""}, {"id": 10928, "form": 24784, "filter": null, "filter_type": null, "account": 6506, "integration_type": "javascript", "on_render": "", "on_show": "", "on_success": "mindbox(\"async\", {\r\n operation: \"BackToStockAddToListNewClient\",\r\n data: {\r\n customer: {\r\n email: \"%email%\",\r\n subscriptions: [\r\n {\r\n pointOfContact: \"Email\",\r\n isSubscribed: parseInt(\"%customs.subscribed%\") ? \"true\" : \"false\"\r\n }\r\n ]\r\n },\r\n addProductToList: {\r\n product: {\r\n ids: {\r\n alenkaRu: PopMechanic.$(\".js-reviews-ajax\").data('productId')\r\n }\r\n }\r\n }\r\n }\r\n});", "on_close_success": "", "on_close_fail": ""}, {"id": 23351, "form": 24792, "filter": null, "filter_type": null, "account": 6506, "integration_type": "javascript", "on_render": "", "on_show": "mindbox(\"async\", {\r\n operation: \"BackToStockAddToListOldClient\",\r\n data: {\r\n addProductToList: {\r\n product: {\r\n ids: {\r\n alenkaRu: PopMechanic.$(\".js-reviews-ajax\").data('productId')\r\n }\r\n }\r\n }\r\n }\r\n});", "on_success": "", "on_close_success": "", "on_close_fail": ""}, {"id": 24130, "form": 38147, "filter": null, "filter_type": null, "account": 6506, "integration_type": "javascript", "on_render": "", "on_show": "mindbox(\"async\", {\r\n operation: \"BackToStockAddToListOldClient\",\r\n data: {\r\n addProductToList: {\r\n product: {\r\n ids: {\r\n alenkaRu: window.popmechanic_product_id,\r\n }\r\n }\r\n }\r\n }\r\n});", "on_success": "", "on_close_success": "", "on_close_fail": ""}, {"id": 33676, "form": 43291, "filter": null, "filter_type": null, "account": 6506, "integration_type": "javascript", "on_render": "", "on_show": "", "on_success": "mindbox(\"async\", {\r\n operation: \"BackToStockAddToListNewClient\",\r\n data: {\r\n customer: {\r\n email: \"%email%\",\r\n subscriptions: [\r\n {\r\n pointOfContact: \"Email\",\r\n isSubscribed: parseInt(\"%customs.subscribed%\") ? \"true\" : \"false\"\r\n }\r\n ]\r\n },\r\n addProductToList: {\r\n product: {\r\n ids: {\r\n alenkaRu: window.popmechanic_product_id,\r\n }\r\n }\r\n }\r\n }\r\n});", "on_close_success": "", "on_close_fail": ""}, {"id": 97907, "form": 86057, "filter": null, "filter_type": null, "account": 6506, "integration_type": "javascript", "on_render": "", "on_show": "setTimeout(\r\n\tfunction() {\r\n\t\tPopMechanic.$(\"[data-popmechanic-close]\").click();\r\n\t\t},\r\n\t\t4 * 1000\r\n);", "on_success": "", "on_close_success": "", "on_close_fail": ""}, {"id": 11162, "form": 24633, "filter": null, "filter_type": null, "account": 6506, "integration_type": "mindbox_server_json", "customer_extended": [{"id": "95", "value": "%customs.reason%", "systemName": "customFields.Reason"}, {"id": "96", "value": "%customs.comment%", "systemName": "customFields.Comment"}], "customer_action_extended": [], "mode": "edit", "send_customer": true, "issue_action": false, "operation": "popmechanic-integration-edit-24633", "subscriptions": []}, {"id": 10975, "form": 24891, "filter": null, "filter_type": null, "account": 6506, "integration_type": "mindbox_server_json", "customer_extended": [{"value": "%email%", "systemName": "email"}, {"value": "%last_name%", "systemName": "lastName"}, {"value": "%first_name%", "systemName": "firstName"}], "customer_action_extended": [], "mode": "create", "send_customer": true, "issue_action": false, "operation": "popmechanic-integration-create-24891", "subscriptions": [{"pointOfContact": "Email"}]}, {"id": 47550, "form": 53232, "filter": null, "filter_type": null, "account": 6506, "integration_type": "mindbox_server_json", "customer_extended": [{"value": "%email%", "systemName": "email"}, {"value": "%first_name%", "systemName": "firstName"}], "customer_action_extended": [], "mode": "create", "send_customer": true, "issue_action": false, "operation": "popmechanic-integration-create-53232", "subscriptions": [{"pointOfContact": "Email"}]}, {"id": 47517, "form": 53214, "filter": null, "filter_type": null, "account": 6506, "integration_type": "mindbox_server_json", "customer_extended": [{"value": "%email%", "systemName": "email"}, {"value": "%first_name%", "systemName": "firstName"}], "customer_action_extended": [], "mode": "create", "send_customer": true, "issue_action": false, "operation": "popmechanic-integration-create-53214", "subscriptions": [{"pointOfContact": "Email"}]}, {"id": 56133, "form": 58389, "filter": null, "filter_type": null, "account": 6506, "integration_type": "mindbox_server_json", "customer_extended": [{"value": "%email%", "systemName": "email"}, {"value": "%name%", "systemName": "firstName"}], "customer_action_extended": [], "mode": "create", "send_customer": true, "issue_action": false, "operation": "popmechanic-integration-create-58389", "subscriptions": [{"pointOfContact": "Email"}]}, {"id": 56135, "form": 58528, "filter": null, "filter_type": null, "account": 6506, "integration_type": "mindbox_server_json", "customer_extended": [{"value": "%email%", "systemName": "email"}, {"value": "%name%", "systemName": "firstName"}], "customer_action_extended": [], "mode": "create", "send_customer": true, "issue_action": false, "operation": "popmechanic-integration-create-58528", "subscriptions": [{"pointOfContact": "Email"}]}, {"id": 11756, "form": 25913, "filter": null, "filter_type": null, "account": 6506, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-25913-show", "click_operation": "popmechanic-popup-25913-click", "targeting_operation": "popmechanic-popup-25913-targeting"}, {"id": 11195, "form": 25158, "filter": null, "filter_type": null, "account": 6506, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-25158-show", "click_operation": "popmechanic-popup-25158-click", "targeting_operation": "popmechanic-popup-25158-targeting"}, {"id": 12938, "form": 24932, "filter": null, "filter_type": null, "account": 6506, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-block-24932-show", "click_operation": "popmechanic-block-24932-click", "targeting_operation": "popmechanic-block-24932-targeting"}, {"id": 12939, "form": 24891, "filter": null, "filter_type": null, "account": 6506, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-block-24891-show", "click_operation": "popmechanic-block-24891-click", "targeting_operation": "popmechanic-block-24891-targeting"}, {"id": 10929, "form": 24792, "filter": null, "filter_type": null, "account": 6506, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-24792-show", "click_operation": "popmechanic-popup-24792-click", "targeting_operation": "popmechanic-popup-24792-targeting"}, {"id": 10903, "form": 24784, "filter": null, "filter_type": null, "account": 6506, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-24784-show", "click_operation": "popmechanic-popup-24784-click", "targeting_operation": "popmechanic-popup-24784-targeting"}, {"id": 11057, "form": 24633, "filter": null, "filter_type": null, "account": 6506, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-24633-show", "click_operation": "popmechanic-popup-24633-click", "targeting_operation": "popmechanic-popup-24633-targeting"}, {"id": 12945, "form": 22055, "filter": null, "filter_type": null, "account": 6506, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-block-22055-show", "click_operation": "popmechanic-block-22055-click", "targeting_operation": "popmechanic-block-22055-targeting"}, {"id": 12946, "form": 22049, "filter": null, "filter_type": null, "account": 6506, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-block-22049-show", "click_operation": "popmechanic-block-22049-click", "targeting_operation": "popmechanic-block-22049-targeting"}, {"id": 11332, "form": 21565, "filter": null, "filter_type": null, "account": 6506, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-21565-show", "click_operation": "popmechanic-popup-21565-click", "targeting_operation": "popmechanic-popup-21565-targeting"}, {"id": 11333, "form": 21487, "filter": null, "filter_type": null, "account": 6506, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-21487-show", "click_operation": "popmechanic-popup-21487-click", "targeting_operation": "popmechanic-popup-21487-targeting"}, {"id": 11334, "form": 20160, "filter": null, "filter_type": null, "account": 6506, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-20160-show", "click_operation": "popmechanic-popup-20160-click", "targeting_operation": "popmechanic-popup-20160-targeting"}, {"id": 11335, "form": 20159, "filter": null, "filter_type": null, "account": 6506, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-20159-show", "click_operation": "popmechanic-popup-20159-click", "targeting_operation": "popmechanic-popup-20159-targeting"}, {"id": 11336, "form": 19348, "filter": null, "filter_type": null, "account": 6506, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-19348-show", "click_operation": "popmechanic-popup-19348-click", "targeting_operation": "popmechanic-popup-19348-targeting"}, {"id": 11337, "form": 18670, "filter": null, "filter_type": null, "account": 6506, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-18670-show", "click_operation": "popmechanic-popup-18670-click", "targeting_operation": "popmechanic-popup-18670-targeting"}, {"id": 23708, "form": 37803, "filter": null, "filter_type": null, "account": 6506, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-block-37803-show", "click_operation": "popmechanic-block-37803-click", "targeting_operation": "popmechanic-block-37803-targeting"}, {"id": 24131, "form": 38147, "filter": null, "filter_type": null, "account": 6506, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-38147-show", "click_operation": "popmechanic-popup-38147-click", "targeting_operation": "popmechanic-popup-38147-targeting"}, {"id": 25176, "form": 38959, "filter": null, "filter_type": null, "account": 6506, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-reco-widget-38959-show", "click_operation": null, "targeting_operation": "popmechanic-reco-widget-38959-targeting"}, {"id": 25179, "form": 38961, "filter": null, "filter_type": null, "account": 6506, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-reco-widget-38961-show", "click_operation": null, "targeting_operation": "popmechanic-reco-widget-38961-targeting"}, {"id": 25188, "form": 38964, "filter": null, "filter_type": null, "account": 6506, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-reco-widget-38964-show", "click_operation": null, "targeting_operation": "popmechanic-reco-widget-38964-targeting"}, {"id": 25192, "form": 38965, "filter": null, "filter_type": null, "account": 6506, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-reco-widget-38965-show", "click_operation": null, "targeting_operation": "popmechanic-reco-widget-38965-targeting"}, {"id": 25196, "form": 38966, "filter": null, "filter_type": null, "account": 6506, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-reco-widget-38966-show", "click_operation": null, "targeting_operation": "popmechanic-reco-widget-38966-targeting"}, {"id": 25200, "form": 38967, "filter": null, "filter_type": null, "account": 6506, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-reco-widget-38967-show", "click_operation": null, "targeting_operation": "popmechanic-reco-widget-38967-targeting"}, {"id": 25204, "form": 38968, "filter": null, "filter_type": null, "account": 6506, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-reco-widget-38968-show", "click_operation": null, "targeting_operation": "popmechanic-reco-widget-38968-targeting"}, {"id": 25210, "form": 38970, "filter": null, "filter_type": null, "account": 6506, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-reco-widget-38970-show", "click_operation": null, "targeting_operation": "popmechanic-reco-widget-38970-targeting"}, {"id": 33625, "form": 43264, "filter": null, "filter_type": null, "account": 6506, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-block-43264-show", "click_operation": "popmechanic-block-43264-click", "targeting_operation": "popmechanic-block-43264-targeting"}, {"id": 33677, "form": 43291, "filter": null, "filter_type": null, "account": 6506, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-43291-show", "click_operation": "popmechanic-popup-43291-click", "targeting_operation": "popmechanic-popup-43291-targeting"}, {"id": 47518, "form": 53214, "filter": null, "filter_type": null, "account": 6506, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-53214-show", "click_operation": "popmechanic-popup-53214-click", "targeting_operation": "popmechanic-popup-53214-targeting"}, {"id": 47551, "form": 53232, "filter": null, "filter_type": null, "account": 6506, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-53232-show", "click_operation": "popmechanic-popup-53232-click", "targeting_operation": "popmechanic-popup-53232-targeting"}, {"id": 55867, "form": 58389, "filter": null, "filter_type": null, "account": 6506, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-58389-show", "click_operation": "popmechanic-popup-58389-click", "targeting_operation": "popmechanic-popup-58389-targeting"}, {"id": 56136, "form": 58528, "filter": null, "filter_type": null, "account": 6506, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-58528-show", "click_operation": "popmechanic-popup-58528-click", "targeting_operation": "popmechanic-popup-58528-targeting"}, {"id": 72673, "form": 69519, "filter": null, "filter_type": null, "account": 6506, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-reco-widget-69519-show", "click_operation": null, "targeting_operation": "popmechanic-reco-widget-69519-targeting"}, {"id": 72811, "form": 69621, "filter": null, "filter_type": null, "account": 6506, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-69621-show", "click_operation": "popmechanic-popup-69621-click", "targeting_operation": "popmechanic-popup-69621-targeting"}, {"id": 79236, "form": 74042, "filter": null, "filter_type": null, "account": 6506, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-reco-widget-74042-show", "click_operation": null, "targeting_operation": "popmechanic-reco-widget-74042-targeting"}, {"id": 95041, "form": 84231, "filter": null, "filter_type": null, "account": 6506, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-reco-widget-84231-show", "click_operation": null, "targeting_operation": "popmechanic-reco-widget-84231-targeting"}, {"id": 95043, "form": 84233, "filter": null, "filter_type": null, "account": 6506, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-reco-widget-84233-show", "click_operation": null, "targeting_operation": "popmechanic-reco-widget-84233-targeting"}, {"id": 97908, "form": 86057, "filter": null, "filter_type": null, "account": 6506, "integration_type": "mindbox_tracking", "show_operation": "popmechanic-popup-86057-show", "click_operation": "popmechanic-popup-86057-click", "targeting_operation": "popmechanic-popup-86057-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": "d5cda84a-e23f-4e68-ba0d-589bf61f5a69", "internal_id": "9E0881B1-F4BA-4B0B-B8BE-D08C7F062AC8", "salt": "2A964728-CF0B-470A-B4C0-1DA626F01436", "variants": [{"internal_id": "719D46C0-C359-4367-A149-43FE64B09437", "is_control_group": null, "form_selection_kind": "concrete", "modulus_lower_inclusive": 0, "modulus_upper_exclusive": 34, "forms": [{"id": 38967}]}, {"internal_id": "E94220B1-864D-470B-ADAC-E60AAB7597D5", "is_control_group": null, "form_selection_kind": "concrete", "modulus_lower_inclusive": 34, "modulus_upper_exclusive": 67, "forms": [{"id": 84231}]}, {"internal_id": "A0C1F487-30A7-4FCE-9935-1F37B02D0F7E", "is_control_group": null, "form_selection_kind": "concrete", "modulus_lower_inclusive": 67, "modulus_upper_exclusive": 100, "forms": [{"id": 84233}]}]}, {"global_ab_test_internal_id": "250cc283-dffd-4297-964d-bd7357e0f434", "internal_id": "E6C848D6-E665-4E24-A365-4DFDA05E9CA7", "salt": "6A16F5D0-F976-4360-B31F-6B969EA4A041", "variants": [{"internal_id": "A6768F2D-6BFF-49D4-9F7F-45780B625BE4", "is_control_group": null, "form_selection_kind": "concrete", "modulus_lower_inclusive": 0, "modulus_upper_exclusive": 50, "forms": [{"id": 74042}]}, {"internal_id": "C411FDF0-CABC-49D5-B68C-6830F378B1A2", "is_control_group": null, "form_selection_kind": "concrete", "modulus_lower_inclusive": 50, "modulus_upper_exclusive": 100, "forms": [{"id": 38964}]}]}], "ip": "1.1.1.1", "contacts": [], "geo": null}