Created
December 1, 2023 18:44
-
-
Save mufumbo/16534214ebfeeacdcc442eac1648a4d3 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html><!-- ✨ Built with Framer • https://www.framer.com/ --><html><head> | |
<meta charset="utf-8"> | |
<link rel="preconnect" href="https://fonts.googleapis.com"> | |
<link rel="preconnect" href="https://fonts.googleapis.com" crossorigin=""> | |
<link rel="preconnect" href="https://fonts.gstatic.com"> | |
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin=""> | |
<link rel="preconnect" href="https://sku.anycart.com"> | |
<link rel="preconnect" href="https://assets-global.website-files.com"> | |
<script> | |
try { | |
window.__blockPupRenderStart = false; | |
try { | |
if (window && window.location && window.location.href.indexOf('/lightning-deals-email-banner') > -1) { | |
window.__blockPupRenderStart = true | |
} | |
if(window && (window.location.href.indexOf('pupWidth=') > -1 && window.location.href.indexOf('hideUntilLoaded=true') == -1 )) { | |
window.__blockPupRenderStart = true | |
} | |
} catch (e) { | |
// | |
} | |
document.addEventListener("DOMContentLoaded", function (event) { | |
if (!window.__blockPupRenderStart) { | |
const renderStartEvent = new CustomEvent("pupRenderStart", {}) | |
console.info(`[GenericPupSkeleton] DOMContentLoaded - will notify pupRenderStart. timestamp[${Date.now()}]. Will emit event:`, renderStartEvent) | |
window.dispatchEvent(renderStartEvent) | |
} else { | |
console.info(`[GenericPupSkeleton] DOMContentLoaded - will NOT notify pupRenderStart. timestamp[${Date.now()}].`) | |
} | |
}) | |
} catch (e) { | |
// | |
console.error(`[GenericPupSkeleton] failed to trigger pupRenderStart - DOMContentLoaded listener not properly set.. Error: `, e) | |
} | |
</script> | |
<!-- End of headStart --> | |
<meta name="viewport" content="width=2042"> | |
<meta name="generator" content="Framer 36a78eb"> | |
<title>EmailHero_003 - banner-test</title> | |
<meta name="description" content="Made with Framer"> | |
<meta name="framer-search-index" content="https://framerusercontent.com/sites/79pPTHkbUUmHkHB1Lwc0T8/searchIndex-snv49Syz-Zlb.json"> | |
<link rel="icon" href="https://framerusercontent.com/sites/icons/default-favicon.v3.png"> | |
<!-- Open Graph / Facebook --> | |
<meta property="og:type" content="website"> | |
<meta property="og:title" content="EmailHero_003 - banner-test"> | |
<meta property="og:description" content="Made with Framer"> | |
<!-- Twitter --> | |
<meta name="twitter:card" content="summary_large_image"> | |
<meta name="twitter:title" content="EmailHero_003 - banner-test"> | |
<meta name="twitter:description" content="Made with Framer"> | |
<link href="https://fonts.gstatic.com" rel="preconnect" crossorigin=""><link rel="canonical" href="https://begin-spoil-325849.framer.app/generic-pup/emailhero-003"><meta property="og:url" content="https://begin-spoil-325849.framer.app/generic-pup/emailhero-003"><!-- <link rel="modulepreload" href="https://framerusercontent.com/sites/79pPTHkbUUmHkHB1Lwc0T8/chunk-SHEWZE2X.mjs"> ---><!-- <link rel="modulepreload" href="https://framerusercontent.com/sites/79pPTHkbUUmHkHB1Lwc0T8/chunk-3CTXFNIQ.mjs"> ---><!-- <link rel="modulepreload" href="https://framerusercontent.com/sites/79pPTHkbUUmHkHB1Lwc0T8/chunk-ELYU6EKT.mjs"> ---><!-- <link rel="modulepreload" href="https://framerusercontent.com/sites/79pPTHkbUUmHkHB1Lwc0T8/vGXjaqCqnHSbVdZm8veh70X54tQ4997s2rjHFisGbxU.GPVW4D6X.mjs"> ---><!-- <link rel="modulepreload" href="https://framerusercontent.com/sites/79pPTHkbUUmHkHB1Lwc0T8/chunk-XUG3LTJ6.mjs"> ---><!-- <link rel="modulepreload" href="https://framerusercontent.com/sites/79pPTHkbUUmHkHB1Lwc0T8/chunk-WVLYPPIB.mjs"> ---><!-- <link rel="modulepreload" href="https://framerusercontent.com/sites/79pPTHkbUUmHkHB1Lwc0T8/chunk-OIM2VRXV.mjs"> ---><!-- <link rel="modulepreload" href="https://framerusercontent.com/sites/79pPTHkbUUmHkHB1Lwc0T8/chunk-Q7BUTEMJ.mjs"> ---><!-- <link rel="modulepreload" href="https://framerusercontent.com/sites/79pPTHkbUUmHkHB1Lwc0T8/chunk-DPRBLKMZ.mjs"> ---><!-- <link rel="modulepreload" href="https://framerusercontent.com/sites/79pPTHkbUUmHkHB1Lwc0T8/chunk-42U43NKG.mjs"> ---><!-- <link rel="modulepreload" href="https://framerusercontent.com/sites/79pPTHkbUUmHkHB1Lwc0T8/chunk-CG6KGLYL.mjs"> ---><style data-framer-css-ssr-minified="" data-framer-components="framer-eW30M framer-qrElf framer-I32Em framer-DT6r1">:root,html{-webkit-font-smoothing:unset!important;--vh: 1vh;--vw: 1vw;font-size:var(--vw)!important}html,body,#main{margin:0;padding:0;box-sizing:border-box}:root{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;-webkit-font-smoothing:inherit}h1,h2,h3,h4,h5,h6,p,figure{margin:0}body,input,textarea,select,button{font-size:12px;font-family:sans-serif}body{--token-f433eaa6-c2f6-42db-900a-f5713f26f7d4: rgb(17, 17, 17)}#__framer-badge-container{position:fixed;bottom:0;padding:20px;width:100%;display:flex;justify-content:right;pointer-events:none;z-index:314159}.__framer-badge{pointer-events:auto}[data-framer-component-type]{position:absolute}[data-framer-component-type=Text]{cursor:inherit}[data-framer-component-text-autosized] *{white-space:pre}[data-framer-component-type=Text]>*{text-align:var(--framer-text-alignment, start)}[data-framer-component-type=Text] span span,[data-framer-component-type=Text] p span,[data-framer-component-type=Text] h1 span,[data-framer-component-type=Text] h2 span,[data-framer-component-type=Text] h3 span,[data-framer-component-type=Text] h4 span,[data-framer-component-type=Text] h5 span,[data-framer-component-type=Text] h6 span{display:block}[data-framer-component-type=Text] span span span,[data-framer-component-type=Text] p span span,[data-framer-component-type=Text] h1 span span,[data-framer-component-type=Text] h2 span span,[data-framer-component-type=Text] h3 span span,[data-framer-component-type=Text] h4 span span,[data-framer-component-type=Text] h5 span span,[data-framer-component-type=Text] h6 span span{display:unset}[data-framer-component-type=Text] div div span,[data-framer-component-type=Text] a div span,[data-framer-component-type=Text] span span span,[data-framer-component-type=Text] p span span,[data-framer-component-type=Text] h1 span span,[data-framer-component-type=Text] h2 span span,[data-framer-component-type=Text] h3 span span,[data-framer-component-type=Text] h4 span span,[data-framer-component-type=Text] h5 span span,[data-framer-component-type=Text] h6 span span,[data-framer-component-type=Text] a{font-family:var(--font-family);font-style:var(--font-style);font-weight:min(calc(var(--framer-font-weight-increase, 0) + var(--font-weight, 400)),900);color:var(--text-color);letter-spacing:var(--letter-spacing);font-size:var(--font-size);text-transform:var(--text-transform);text-decoration:var(--text-decoration);line-height:var(--line-height)}[data-framer-component-type=Text] div div span,[data-framer-component-type=Text] a div span,[data-framer-component-type=Text] span span span,[data-framer-component-type=Text] p span span,[data-framer-component-type=Text] h1 span span,[data-framer-component-type=Text] h2 span span,[data-framer-component-type=Text] h3 span span,[data-framer-component-type=Text] h4 span span,[data-framer-component-type=Text] h5 span span,[data-framer-component-type=Text] h6 span span,[data-framer-component-type=Text] a{--font-family: var(--framer-font-family);--font-style: var(--framer-font-style);--font-weight: var(--framer-font-weight);--text-color: var(--framer-text-color);--letter-spacing: var(--framer-letter-spacing);--font-size: var(--framer-font-size);--text-transform: var(--framer-text-transform);--text-decoration: var(--framer-text-decoration);--line-height: var(--framer-line-height)}[data-framer-component-type=Text] a,[data-framer-component-type=Text] a div span,[data-framer-component-type=Text] a span span span,[data-framer-component-type=Text] a p span span,[data-framer-component-type=Text] a h1 span span,[data-framer-component-type=Text] a h2 span span,[data-framer-component-type=Text] a h3 span span,[data-framer-component-type=Text] a h4 span span,[data-framer-component-type=Text] a h5 span span,[data-framer-component-type=Text] a h6 span span{--font-family: var(--framer-link-font-family, var(--framer-font-family));--font-style: var(--framer-link-font-style, var(--framer-font-style));--font-weight: var(--framer-link-font-weight, var(--framer-font-weight));--text-color: var(--framer-link-text-color, var(--framer-text-color));--font-size: var(--framer-link-font-size, var(--framer-font-size));--text-transform: var(--framer-link-text-transform, var(--framer-text-transform));--text-decoration: var(--framer-link-text-decoration, var(--framer-text-decoration))}[data-framer-component-type=Text] a:hover,[data-framer-component-type=Text] a div span:hover,[data-framer-component-type=Text] a span span span:hover,[data-framer-component-type=Text] a p span span:hover,[data-framer-component-type=Text] a h1 span span:hover,[data-framer-component-type=Text] a h2 span span:hover,[data-framer-component-type=Text] a h3 span span:hover,[data-framer-component-type=Text] a h4 span span:hover,[data-framer-component-type=Text] a h5 span span:hover,[data-framer-component-type=Text] a h6 span span:hover{--font-family: var(--framer-link-hover-font-family, var(--framer-link-font-family, var(--framer-font-family)));--font-style: var(--framer-link-hover-font-style, var(--framer-link-font-style, var(--framer-font-style)));--font-weight: var(--framer-link-hover-font-weight, var(--framer-link-font-weight, var(--framer-font-weight)));--text-color: var(--framer-link-hover-text-color, var(--framer-link-text-color, var(--framer-text-color)));--font-size: var(--framer-link-hover-font-size, var(--framer-link-font-size, var(--framer-font-size)));--text-transform: var(--framer-link-hover-text-transform, var(--framer-link-text-transform, var(--framer-text-transform)));--text-decoration: var(--framer-link-hover-text-decoration, var(--framer-link-text-decoration, var(--framer-text-decoration)))}[data-framer-component-type=Text].isCurrent a,[data-framer-component-type=Text].isCurrent a div span,[data-framer-component-type=Text].isCurrent a span span span,[data-framer-component-type=Text].isCurrent a p span span,[data-framer-component-type=Text].isCurrent a h1 span span,[data-framer-component-type=Text].isCurrent a h2 span span,[data-framer-component-type=Text].isCurrent a h3 span span,[data-framer-component-type=Text].isCurrent a h4 span span,[data-framer-component-type=Text].isCurrent a h5 span span,[data-framer-component-type=Text].isCurrent a h6 span span{--font-family: var(--framer-link-current-font-family, var(--framer-link-font-family, var(--framer-font-family)));--font-style: var(--framer-link-current-font-style, var(--framer-link-font-style, var(--framer-font-style)));--font-weight: var(--framer-link-current-font-weight, var(--framer-link-font-weight, var(--framer-font-weight)));--text-color: var(--framer-link-current-text-color, var(--framer-link-text-color, var(--framer-text-color)));--font-size: var(--framer-link-current-font-size, var(--framer-link-font-size, var(--framer-font-size)));--text-transform: var(--framer-link-current-text-transform, var(--framer-link-text-transform, var(--framer-text-transform)));--text-decoration: var(--framer-link-current-text-decoration, var(--framer-link-text-decoration, var(--framer-text-decoration)))}p.framer-text,div.framer-text,h1.framer-text,h2.framer-text,h3.framer-text,h4.framer-text,h5.framer-text,h6.framer-text,ol.framer-text,ul.framer-text{margin:0;padding:0}p.framer-text,div.framer-text,h1.framer-text,h2.framer-text,h3.framer-text,h4.framer-text,h5.framer-text,h6.framer-text,li.framer-text,ol.framer-text,ul.framer-text,span.framer-text:not([data-text-fill]){font-family:var(--framer-font-family, Inter, Inter Placeholder, sans-serif);font-style:var(--framer-font-style, normal);font-weight:var(--framer-font-weight, 400);color:var(--framer-text-color, #000);font-size:calc(var(--framer-font-size, 16px) * var(--framer-font-size-scale, 1));letter-spacing:var(--framer-letter-spacing, 0);text-transform:var(--framer-text-transform, none);text-decoration:var(--framer-text-decoration, none);line-height:var(--framer-line-height, 1.2em);text-align:var(--framer-text-alignment, start)}strong.framer-text{font-family:var(--framer-font-family-bold);font-style:var(--framer-font-style-bold);font-weight:var(--framer-font-weight-bold, bolder)}em.framer-text{font-family:var(--framer-font-family-italic);font-style:var(--framer-font-style-italic, italic);font-weight:var(--framer-font-weight-italic)}em.framer-text>strong.framer-text{font-family:var(--framer-font-family-bold-italic);font-style:var(--framer-font-style-bold-italic, italic);font-weight:var(--framer-font-weight-bold-italic, bolder)}p.framer-text:not(:first-child),div.framer-text:not(:first-child),h1.framer-text:not(:first-child),h2.framer-text:not(:first-child),h3.framer-text:not(:first-child),h4.framer-text:not(:first-child),h5.framer-text:not(:first-child),h6.framer-text:not(:first-child),ol.framer-text:not(:first-child),ul.framer-text:not(:first-child),.framer-image.framer-text:not(:first-child){margin-top:var(--framer-paragraph-spacing, 0)}li.framer-text>ul.framer-text:nth-child(2),li.framer-text>ol.framer-text:nth-child(2){margin-top:0}.framer-text[data-text-fill]{display:inline-block;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;padding:max(0em,calc(calc(1.3em - var(--framer-line-height, 1.3em)) / 2));margin:min(0em,calc(calc(1.3em - var(--framer-line-height, 1.3em)) / -2))}code.framer-text,code.framer-text span.framer-text:not([data-text-fill]){font-family:var(--framer-code-font-family, var(--framer-font-family, Inter, Inter Placeholder, sans-serif));font-style:var(--framer-code-font-style, var(--framer-font-style, normal));font-weight:var(--framer-code-font-weight, var(--framer-font-weight, 400));color:var(--framer-code-text-color, var(--framer-text-color, #000));font-size:calc(var(--framer-font-size, 16px) * var(--framer-font-size-scale, 1));letter-spacing:var(--framer-letter-spacing, 0);line-height:var(--framer-line-height, 1.2em)}a.framer-text,a.framer-text span.framer-text:not([data-text-fill]){font-family:var(--framer-link-font-family, var(--framer-font-family, Inter, Inter Placeholder, sans-serif));font-style:var(--framer-link-font-style, var(--framer-font-style, normal));font-weight:var(--framer-link-font-weight, var(--framer-font-weight, 400));color:var(--framer-link-text-color, var(--framer-text-color, #000));font-size:calc(var(--framer-link-font-size, var(--framer-font-size, 16px)) * var(--framer-font-size-scale, 1));text-transform:var(--framer-link-text-transform, var(--framer-text-transform, none));text-decoration:var(--framer-link-text-decoration, var(--framer-text-decoration, none));cursor:var(--framer-custom-cursors, pointer)}code.framer-text a.framer-text,code.framer-text a.framer-text span.framer-text:not([data-text-fill]){font-family:var(--framer-code-font-family, var(--framer-font-family, Inter, Inter Placeholder, sans-serif));font-style:var(--framer-code-font-style, var(--framer-font-style, normal));font-weight:var(--framer-code-font-weight, var(--framer-font-weight, 400));color:var(--framer-link-text-color, var(--framer-code-text-color, var(--framer-text-color, #000)));font-size:calc(var(--framer-link-font-size, var(--framer-font-size, 16px)) * var(--framer-font-size-scale, 1))}a.framer-text:hover,a.framer-text:hover span.framer-text:not([data-text-fill]){font-family:var(--framer-link-hover-font-family, var(--framer-link-font-family, var(--framer-font-family, Inter, Inter Placeholder, sans-serif)));font-style:var(--framer-link-hover-font-style, var(--framer-link-font-style, var(--framer-font-style, normal)));font-weight:var(--framer-link-hover-font-weight, var(--framer-link-font-weight, var(--framer-font-weight, 400)));color:var(--framer-link-hover-text-color, var(--framer-link-text-color, var(--framer-text-color, #000)));font-size:calc(var(--framer-link-hover-font-size, var(--framer-link-font-size, var(--framer-font-size, 16px))) * var(--framer-font-size-scale, 1));text-transform:var(--framer-link-hover-text-transform, var(--framer-link-text-transform, var(--framer-text-transform, none)));text-decoration:var(--framer-link-hover-text-decoration, var(--framer-link-text-decoration, var(--framer-text-decoration, none)))}code.framer-text a.framer-text:hover,code.framer-text a.framer-text:hover span.framer-text:not([data-text-fill]){font-family:var(--framer-code-font-family, var(--framer-font-family, Inter, Inter Placeholder, sans-serif));font-style:var(--framer-code-font-style, var(--framer-font-style, normal));font-weight:var(--framer-code-font-weight, var(--framer-font-weight, 400));color:var(--framer-link-hover-text-color, var(--framer-link-text-color, var(--framer-code-text-color, var(--framer-text-color, #000))));font-size:calc(var(--framer-link-hover-font-size, var(--framer-link-font-size, var(--framer-font-size, 16px))) * var(--framer-font-size-scale, 1))}a.framer-text[data-framer-page-link-current],a.framer-text[data-framer-page-link-current] span.framer-text:not([data-text-fill]){font-family:var(--framer-link-current-font-family, var(--framer-link-font-family, var(--framer-font-family, Inter, Inter Placeholder, sans-serif)));font-style:var(--framer-link-current-font-style, var(--framer-link-font-style, var(--framer-font-style, normal)));font-weight:var(--framer-link-current-font-weight, var(--framer-link-font-weight, var(--framer-font-weight, 400)));color:var(--framer-link-current-text-color, var(--framer-link-text-color, var(--framer-text-color, #000)));font-size:calc(var(--framer-link-current-font-size, var(--framer-link-font-size, var(--framer-font-size, 16px))) * var(--framer-font-size-scale, 1));text-transform:var(--framer-link-current-text-transform, var(--framer-link-text-transform, var(--framer-text-transform, none)));text-decoration:var(--framer-link-current-text-decoration, var(--framer-link-text-decoration, var(--framer-text-decoration, none)))}code.framer-text a.framer-text[data-framer-page-link-current],code.framer-text a.framer-text[data-framer-page-link-current] span.framer-text:not([data-text-fill]){font-family:var(--framer-code-font-family, var(--framer-font-family, Inter, Inter Placeholder, sans-serif));font-style:var(--framer-code-font-style, var(--framer-font-style, normal));font-weight:var(--framer-code-font-weight, var(--framer-font-weight, 400));color:var(--framer-link-current-text-color, var(--framer-link-text-color, var(--framer-code-text-color, var(--framer-text-color, #000))));font-size:calc(var(--framer-link-current-font-size, var(--framer-link-font-size, var(--framer-font-size, 16px))) * var(--framer-font-size-scale, 1))}a.framer-text[data-framer-page-link-current]:hover,a.framer-text[data-framer-page-link-current]:hover span.framer-text:not([data-text-fill]){font-family:var(--framer-link-hover-font-family, var(--framer-link-current-font-family, var(--framer-link-font-family, var(--framer-font-family, Inter, Inter Placeholder, sans-serif))));font-style:var(--framer-link-hover-font-style, var(--framer-link-current-font-style, var(--framer-link-font-style, var(--framer-font-style, normal))));font-weight:var(--framer-link-hover-font-weight, var(--framer-link-current-font-weight, var(--framer-link-font-weight, var(--framer-font-weight, 400))));color:var(--framer-link-hover-text-color, var(--framer-link-current-text-color, var(--framer-link-text-color, var(--framer-text-color, #000))));font-size:calc(var(--framer-link-hover-font-size, var(--framer-link-current-font-size, var(--framer-link-font-size, var(--framer-font-size, 16px)))) * var(--framer-font-size-scale, 1));text-transform:var(--framer-link-hover-text-transform, var(--framer-link-current-text-transform, var(--framer-link-text-transform, var(--framer-text-transform, none))));text-decoration:var(--framer-link-hover-text-decoration, var(--framer-link-current-text-decoration, var(--framer-link-text-decoration, var(--framer-text-decoration, none))))}code.framer-text a.framer-text[data-framer-page-link-current]:hover,code.framer-text a.framer-text[data-framer-page-link-current]:hover span.framer-text:not([data-text-fill]){font-family:var(--framer-code-font-family, var(--framer-font-family, Inter, Inter Placeholder, sans-serif));font-style:var(--framer-code-font-style, var(--framer-font-style, normal));font-weight:var(--framer-code-font-weight, var(--framer-font-weight, 400));color:var(--framer-link-hover-text-color, var(--framer-link-current-text-color, var(--framer-link-text-color, var(--framer-code-text-color, var(--framer-text-color, #000)))));font-size:calc(var(--framer-link-hover-font-size, var(--framer-link-current-font-size, var(--framer-link-font-size, var(--framer-font-size, 16px)))) * var(--framer-font-size-scale, 1))}.framer-image.framer-text{display:block;max-width:100%;height:auto}.text-styles-preset-reset.framer-text{--framer-font-family: Inter, Inter Placeholder, sans-serif;--framer-font-style: normal;--framer-font-weight: 500;--framer-text-color: #000;--framer-font-size: 16px;--framer-letter-spacing: 0;--framer-text-transform: none;--framer-text-decoration: none;--framer-line-height: 1.2em;--framer-text-alignment: start}ol.framer-text{--list-style-type: decimal}ul.framer-text,ol.framer-text{display:table;width:100%}li.framer-text{display:table-row;counter-increment:list-item;list-style:none}ol.framer-text>li.framer-text:before{display:table-cell;width:2.25ch;box-sizing:border-box;padding-inline-end:.75ch;content:counter(list-item,var(--list-style-type)) ".";white-space:nowrap}ul.framer-text>li.framer-text:before{display:table-cell;width:2.25ch;box-sizing:border-box;padding-inline-end:.75ch;content:"\2022"}.framer-text-module[style*=aspect-ratio]>:first-child{width:100%}@supports not (aspect-ratio: 1){.framer-text-module[style*=aspect-ratio]{position:relative}}@supports not (aspect-ratio: 1){.framer-text-module[style*=aspect-ratio]:before{content:"";display:block;padding-bottom:calc(100% / calc(var(--aspect-ratio)))}}@supports not (aspect-ratio: 1){.framer-text-module[style*=aspect-ratio]>:first-child{position:absolute;top:0;left:0;height:100%}}[data-framer-component-type=DeprecatedRichText]{cursor:inherit}[data-framer-component-type=DeprecatedRichText] .text-styles-preset-reset{--framer-font-family: Inter, Inter Placeholder, sans-serif;--framer-font-style: normal;--framer-font-weight: 500;--framer-text-color: #000;--framer-font-size: 16px;--framer-letter-spacing: 0;--framer-text-transform: none;--framer-text-decoration: none;--framer-line-height: 1.2em;--framer-text-alignment: start}[data-framer-component-type=DeprecatedRichText] p,[data-framer-component-type=DeprecatedRichText] div,[data-framer-component-type=DeprecatedRichText] h1,[data-framer-component-type=DeprecatedRichText] h2,[data-framer-component-type=DeprecatedRichText] h3,[data-framer-component-type=DeprecatedRichText] h4,[data-framer-component-type=DeprecatedRichText] h5,[data-framer-component-type=DeprecatedRichText] h6{margin:0;padding:0}[data-framer-component-type=DeprecatedRichText] p,[data-framer-component-type=DeprecatedRichText] div,[data-framer-component-type=DeprecatedRichText] h1,[data-framer-component-type=DeprecatedRichText] h2,[data-framer-component-type=DeprecatedRichText] h3,[data-framer-component-type=DeprecatedRichText] h4,[data-framer-component-type=DeprecatedRichText] h5,[data-framer-component-type=DeprecatedRichText] h6,[data-framer-component-type=DeprecatedRichText] li,[data-framer-component-type=DeprecatedRichText] ol,[data-framer-component-type=DeprecatedRichText] ul,[data-framer-component-type=DeprecatedRichText] span:not([data-text-fill]){font-family:var(--framer-font-family, Inter, Inter Placeholder, sans-serif);font-style:var(--framer-font-style, normal);font-weight:var(--framer-font-weight, 400);color:var(--framer-text-color, #000);font-size:var(--framer-font-size, 16px);letter-spacing:var(--framer-letter-spacing, 0);text-transform:var(--framer-text-transform, none);text-decoration:var(--framer-text-decoration, none);line-height:var(--framer-line-height, 1.2em);text-align:var(--framer-text-alignment, start)}[data-framer-component-type=DeprecatedRichText] p:not(:first-child),[data-framer-component-type=DeprecatedRichText] div:not(:first-child),[data-framer-component-type=DeprecatedRichText] h1:not(:first-child),[data-framer-component-type=DeprecatedRichText] h2:not(:first-child),[data-framer-component-type=DeprecatedRichText] h3:not(:first-child),[data-framer-component-type=DeprecatedRichText] h4:not(:first-child),[data-framer-component-type=DeprecatedRichText] h5:not(:first-child),[data-framer-component-type=DeprecatedRichText] h6:not(:first-child),[data-framer-component-type=DeprecatedRichText] ol:not(:first-child),[data-framer-component-type=DeprecatedRichText] ul:not(:first-child),[data-framer-component-type=DeprecatedRichText] .framer-image:not(:first-child){margin-top:var(--framer-paragraph-spacing, 0)}[data-framer-component-type=DeprecatedRichText] span[data-text-fill]{display:inline-block;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}[data-framer-component-type=DeprecatedRichText] a,[data-framer-component-type=DeprecatedRichText] a span:not([data-text-fill]){font-family:var(--framer-link-font-family, var(--framer-font-family, Inter, Inter Placeholder, sans-serif));font-style:var(--framer-link-font-style, var(--framer-font-style, normal));font-weight:var(--framer-link-font-weight, var(--framer-font-weight, 400));color:var(--framer-link-text-color, var(--framer-text-color, #000));font-size:var(--framer-link-font-size, var(--framer-font-size, 16px));text-transform:var(--framer-link-text-transform, var(--framer-text-transform, none));text-decoration:var(--framer-link-text-decoration, var(--framer-text-decoration, none))}[data-framer-component-type=DeprecatedRichText] a:hover,[data-framer-component-type=DeprecatedRichText] a:hover span:not([data-text-fill]){font-family:var(--framer-link-hover-font-family, var(--framer-link-font-family, var(--framer-font-family, Inter, Inter Placeholder, sans-serif)));font-style:var(--framer-link-hover-font-style, var(--framer-link-font-style, var(--framer-font-style, normal)));font-weight:var(--framer-link-hover-font-weight, var(--framer-link-font-weight, var(--framer-font-weight, 400)));color:var(--framer-link-hover-text-color, var(--framer-link-text-color, var(--framer-text-color, #000)));font-size:var(--framer-link-hover-font-size, var(--framer-link-font-size, var(--framer-font-size, 16px)));text-transform:var(--framer-link-hover-text-transform, var(--framer-link-text-transform, var(--framer-text-transform, none)));text-decoration:var(--framer-link-hover-text-decoration, var(--framer-link-text-decoration, var(--framer-text-decoration, none)))}a[data-framer-page-link-current],a[data-framer-page-link-current] span:not([data-text-fill]){font-family:var(--framer-link-current-font-family, var(--framer-link-font-family, var(--framer-font-family, Inter, Inter Placeholder, sans-serif)));font-style:var(--framer-link-current-font-style, var(--framer-link-font-style, var(--framer-font-style, normal)));font-weight:var(--framer-link-current-font-weight, var(--framer-link-font-weight, var(--framer-font-weight, 400)));color:var(--framer-link-current-text-color, var(--framer-link-text-color, var(--framer-text-color, #000)));font-size:var(--framer-link-current-font-size, var(--framer-link-font-size, var(--framer-font-size, 16px)));text-transform:var(--framer-link-current-text-transform, var(--framer-link-text-transform, var(--framer-text-transform, none)));text-decoration:var(--framer-link-current-text-decoration, var(--framer-link-text-decoration, var(--framer-text-decoration, none)))}a[data-framer-page-link-current]:hover,a[data-framer-page-link-current]:hover span:not([data-text-fill]){font-family:var(--framer-link-hover-font-family, var(--framer-link-current-font-family, var(--framer-link-font-family, var(--framer-font-family, Inter, Inter Placeholder, sans-serif))));font-style:var(--framer-link-hover-font-style, var(--framer-link-current-font-style, var(--framer-link-font-style, var(--framer-font-style, normal))));font-weight:var(--framer-link-hover-font-weight, var(--framer-link-current-font-weight, var(--framer-link-font-weight, var(--framer-font-weight, 400))));color:var(--framer-link-hover-text-color, var(--framer-link-current-text-color, var(--framer-link-text-color, var(--framer-text-color, #000))));font-size:var(--framer-link-hover-font-size, var(--framer-link-current-font-size, var(--framer-link-font-size, var(--framer-font-size, 16px))));text-transform:var(--framer-link-hover-text-transform, var(--framer-link-current-text-transform, var(--framer-link-text-transform, var(--framer-text-transform, none))));text-decoration:var(--framer-link-hover-text-decoration, var(--framer-link-current-text-decoration, var(--framer-link-text-decoration, var(--framer-text-decoration, none))))}[data-framer-component-type=DeprecatedRichText] strong{font-weight:bolder}[data-framer-component-type=DeprecatedRichText] em{font-style:italic}[data-framer-component-type=DeprecatedRichText] .framer-image{display:block;max-width:100%;height:auto}[data-framer-component-type=DeprecatedRichText] ul,[data-framer-component-type=DeprecatedRichText] ol{display:table;width:100%;padding-left:0;margin:0}[data-framer-component-type=DeprecatedRichText] li{display:table-row;counter-increment:list-item;list-style:none}[data-framer-component-type=DeprecatedRichText] ol>li:before{display:table-cell;width:2.25ch;box-sizing:border-box;padding-right:.75ch;content:counter(list-item) ".";white-space:nowrap}[data-framer-component-type=DeprecatedRichText] ul>li:before{display:table-cell;width:2.25ch;box-sizing:border-box;padding-right:.75ch;content:"\2022"}:not([data-framer-generated])>[data-framer-stack-content-wrapper]>*,:not([data-framer-generated])>[data-framer-stack-content-wrapper]>[data-framer-component-type],:not([data-framer-generated])>[data-framer-stack-content-wrapper]>[data-framer-legacy-stack-gap-enabled]>*,:not([data-framer-generated])>[data-framer-stack-content-wrapper]>[data-framer-legacy-stack-gap-enabled]>[data-framer-component-type]{position:relative}.flexbox-gap-not-supported [data-framer-legacy-stack-gap-enabled=true]>*,[data-framer-legacy-stack-gap-enabled=true][data-framer-stack-flexbox-gap=false]{margin-top:calc(var(--stack-gap-y) / 2);margin-bottom:calc(var(--stack-gap-y) / 2);margin-right:calc(var(--stack-gap-x) / 2);margin-left:calc(var(--stack-gap-x) / 2)}[data-framer-stack-content-wrapper][data-framer-stack-gap-enabled=true]{row-gap:var(--stack-native-row-gap);column-gap:var(--stack-native-column-gap)}.flexbox-gap-not-supported [data-framer-stack-content-wrapper][data-framer-stack-gap-enabled=true]{row-gap:unset;column-gap:unset}.flexbox-gap-not-supported [data-framer-stack-direction-reverse=false] [data-framer-legacy-stack-gap-enabled=true]>*:first-child,[data-framer-stack-direction-reverse=false] [data-framer-legacy-stack-gap-enabled=true][data-framer-stack-flexbox-gap=false]>*:first-child,.flexbox-gap-not-supported [data-framer-stack-direction-reverse=true] [data-framer-legacy-stack-gap-enabled=true]>*:last-child,[data-framer-stack-direction-reverse=true] [data-framer-legacy-stack-gap-enabled=true][data-framer-stack-flexbox-gap=false]>*:last-child{margin-top:0;margin-left:0}.flexbox-gap-not-supported [data-framer-stack-direction-reverse=false] [data-framer-legacy-stack-gap-enabled=true]>*:last-child,[data-framer-stack-direction-reverse=false] [data-framer-legacy-stack-gap-enabled=true][data-framer-stack-flexbox-gap=false]>*:last-child,.flexbox-gap-not-supported [data-framer-stack-direction-reverse=true] [data-framer-legacy-stack-gap-enabled=true]>*:first-child,[data-framer-stack-direction-reverse=true] [data-framer-legacy-stack-gap-enabled=true][data-framer-stack-flexbox-gap=false]>*:first-child{margin-right:0;margin-bottom:0}NavigationContainer [data-framer-component-type=NavigationContainer]>*,[data-framer-component-type=NavigationContainer]>[data-framer-component-type]{position:relative}[data-framer-component-type=Scroll]::-webkit-scrollbar{display:none}[data-framer-component-type=ScrollContentWrapper]>*{position:relative}[data-framer-component-type=NativeScroll]{-webkit-overflow-scrolling:touch}[data-framer-component-type=NativeScroll]>*{position:relative}[data-framer-component-type=NativeScroll].direction-both{overflow-x:scroll;overflow-y:scroll}[data-framer-component-type=NativeScroll].direction-vertical{overflow-x:hidden;overflow-y:scroll}[data-framer-component-type=NativeScroll].direction-horizontal{overflow-x:scroll;overflow-y:hidden}[data-framer-component-type=NativeScroll].direction-vertical>*{width:100%!important}[data-framer-component-type=NativeScroll].direction-horizontal>*{height:100%!important}[data-framer-component-type=NativeScroll].scrollbar-hidden::-webkit-scrollbar{display:none}[data-framer-component-type=PageContentWrapper]>*,[data-framer-component-type=PageContentWrapper]>[data-framer-component-type]{position:relative}[data-framer-component-type=DeviceComponent].no-device>*{width:100%!important;height:100%!important}[data-is-present=false],[data-is-present=false] *{pointer-events:none!important}[data-framer-cursor=pointer]{cursor:pointer}[data-framer-cursor=grab]{cursor:grab}[data-framer-cursor=grab]:active{cursor:grabbing}[data-framer-component-type=Frame] *,[data-framer-component-type=Stack] *{pointer-events:auto}[data-framer-generated] *{pointer-events:unset}.svgContainer svg{display:block}[data-reset=button]{border-width:0;padding:0;background:none}[data-hide-scrollbars=true]::-webkit-scrollbar{width:0px;height:0px}[data-hide-scrollbars=true]::-webkit-scrollbar-thumb{background:transparent}.framer-eW30M [data-border=true]:after{content:"";border-width:var(--border-top-width, 0) var(--border-right-width, 0) var(--border-bottom-width, 0) var(--border-left-width, 0);border-color:var(--border-color, none);border-style:var(--border-style, none);width:100%;height:100%;position:absolute;box-sizing:border-box;left:0;top:0;border-radius:inherit;pointer-events:none}.framer-body-DV78Ru7Um{background:white}.framer-eW30M .framer-1b2hpa4{display:block}.framer-eW30M .framer-3f76c9{align-content:center;align-items:center;background-color:#fff;display:flex;flex-direction:column;flex-wrap:nowrap;gap:80px;height:min-content;justify-content:flex-start;overflow:hidden;padding:0;position:relative;width:2042px}.framer-eW30M .framer-1yrcei9{align-content:flex-start;align-items:flex-start;display:flex;flex:none;flex-direction:column;flex-wrap:nowrap;gap:0px;height:min-content;justify-content:flex-start;padding:0;position:relative;width:100%}.framer-eW30M .framer-vvarjn-container{flex:none;height:auto;position:relative;width:auto}@supports (background: -webkit-named-image(i)) and (not (scale:1)){.framer-eW30M .framer-3f76c9,.framer-eW30M .framer-1yrcei9{gap:0px}.framer-eW30M .framer-3f76c9>*{margin:40px 0}.framer-eW30M .framer-3f76c9>:first-child,.framer-eW30M .framer-1yrcei9>:first-child{margin-top:0}.framer-eW30M .framer-3f76c9>:last-child,.framer-eW30M .framer-1yrcei9>:last-child{margin-bottom:0}.framer-eW30M .framer-1yrcei9>*{margin:0}}[href*="https://framer.com/"]{display:none}.__resizeToParent>div>div{width:100vw;zoom:1}.framer-qrElf [data-border=true]:after{content:"";border-width:var(--border-top-width, 0) var(--border-right-width, 0) var(--border-bottom-width, 0) var(--border-left-width, 0);border-color:var(--border-color, none);border-style:var(--border-style, none);width:100%;height:100%;position:absolute;box-sizing:border-box;left:0;top:0;border-radius:inherit;pointer-events:none}.framer-qrElf .framer-cm9k7s{display:block}.framer-qrElf .framer-1vmriyk{align-content:center;align-items:center;display:flex;flex-direction:column;flex-wrap:nowrap;gap:0px;height:2084px;justify-content:center;overflow:hidden;padding:0;position:relative;width:2084px}.framer-qrElf .framer-orqc53{align-content:center;align-items:center;display:flex;flex:1 0 0px;flex-direction:row;flex-wrap:nowrap;gap:0px;height:1px;justify-content:center;overflow:visible;padding:0;position:relative;width:100%;z-index:1}.framer-qrElf .framer-1mvkh3z-container{flex:none;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.framer-qrElf .framer-1r3w57f{align-content:center;align-items:center;display:flex;flex:none;flex-direction:row;flex-wrap:nowrap;gap:0px;height:min-content;justify-content:flex-start;overflow:visible;padding:0;position:relative;width:100%}.framer-qrElf .framer-zkg52n{align-content:center;align-items:center;bottom:0;display:flex;flex:none;flex-direction:row;flex-wrap:nowrap;gap:0px;justify-content:center;left:0;mix-blend-mode:darken;overflow:hidden;padding:0;position:absolute;top:0;width:100%;z-index:1}.framer-qrElf .framer-jqhabp{align-content:center;align-items:center;display:flex;flex:none;flex-direction:column;flex-wrap:nowrap;gap:10px;height:min-content;justify-content:center;mix-blend-mode:screen;overflow:visible;padding:60px 0 0;position:relative;width:100%;z-index:10}.framer-qrElf .framer-1k5t92r-container{flex:none;height:auto;position:relative;width:100%;z-index:10}@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)){.framer-qrElf .framer-1vmriyk,.framer-qrElf .framer-orqc53,.framer-qrElf .framer-1r3w57f,.framer-qrElf .framer-zkg52n,.framer-qrElf .framer-jqhabp{gap:0px}.framer-qrElf .framer-1vmriyk>*{margin:0}.framer-qrElf .framer-1vmriyk>:first-child,.framer-qrElf .framer-jqhabp>:first-child{margin-top:0}.framer-qrElf .framer-1vmriyk>:last-child,.framer-qrElf .framer-jqhabp>:last-child{margin-bottom:0}.framer-qrElf .framer-orqc53>*,.framer-qrElf .framer-1r3w57f>*,.framer-qrElf .framer-zkg52n>*{margin:0}.framer-qrElf .framer-orqc53>:first-child,.framer-qrElf .framer-1r3w57f>:first-child,.framer-qrElf .framer-zkg52n>:first-child{margin-left:0}.framer-qrElf .framer-orqc53>:last-child,.framer-qrElf .framer-1r3w57f>:last-child,.framer-qrElf .framer-zkg52n>:last-child{margin-right:0}.framer-qrElf .framer-jqhabp>*{margin:5px 0}}.framer-qrElf.framer-v-1qf1vhw .framer-orqc53,.framer-qrElf.framer-v-dk09tp .framer-orqc53{flex:none;height:100%}.framer-qrElf.framer-v-1qf1vhw .framer-1r3w57f,.framer-qrElf.framer-v-dk09tp .framer-1r3w57f{bottom:0;height:100%;left:calc(50.00000000000002% - 100.02399232245682% / 2);position:absolute;z-index:1}.framer-qrElf.framer-v-1qf1vhw .framer-zkg52n,.framer-qrElf.framer-v-dk09tp .framer-zkg52n{mix-blend-mode:unset;right:0;width:unset;z-index:2}.framer-qrElf.framer-v-1qf1vhw .framer-jqhabp,.framer-qrElf.framer-v-dk09tp .framer-jqhabp{gap:0px;height:100%;mix-blend-mode:unset;padding:0}@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)){.framer-qrElf.framer-v-1qf1vhw .framer-jqhabp{gap:0px}.framer-qrElf.framer-v-1qf1vhw .framer-jqhabp>*{margin:0}.framer-qrElf.framer-v-1qf1vhw .framer-jqhabp>:first-child{margin-top:0}.framer-qrElf.framer-v-1qf1vhw .framer-jqhabp>:last-child{margin-bottom:0}}@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)){.framer-qrElf.framer-v-dk09tp .framer-jqhabp{gap:0px}.framer-qrElf.framer-v-dk09tp .framer-jqhabp>*{margin:0}.framer-qrElf.framer-v-dk09tp .framer-jqhabp>:first-child{margin-top:0}.framer-qrElf.framer-v-dk09tp .framer-jqhabp>:last-child{margin-bottom:0}}.framer-I32Em [data-border=true]:after{content:"";border-width:var(--border-top-width, 0) var(--border-right-width, 0) var(--border-bottom-width, 0) var(--border-left-width, 0);border-color:var(--border-color, none);border-style:var(--border-style, none);width:100%;height:100%;position:absolute;box-sizing:border-box;left:0;top:0;border-radius:inherit;pointer-events:none}.framer-I32Em .framer-nsunt5{display:block}.framer-I32Em .framer-g43stf{align-content:center;align-items:center;display:flex;flex-direction:column;flex-wrap:nowrap;gap:10px;height:min-content;justify-content:center;overflow:visible;padding:0;position:relative;width:2042px}.framer-I32Em .framer-1ndiwv3{align-content:center;align-items:center;display:flex;flex:none;flex-direction:column;flex-wrap:nowrap;gap:0px;height:min-content;justify-content:center;overflow:hidden;padding:0;position:relative;width:100%}.framer-I32Em .framer-10wkknp{align-content:flex-start;align-items:flex-start;display:flex;flex:none;flex-direction:column;flex-wrap:nowrap;gap:57px;height:min-content;justify-content:flex-start;overflow:hidden;padding:117px 117px 60px;position:relative;width:100%;z-index:3}.framer-I32Em .framer-1y546r4-container,.framer-I32Em .framer-c60ojz-container,.framer-I32Em .framer-19kil0s-container{flex:none;height:auto;position:relative;width:auto}.framer-I32Em .framer-lvz2pf{aspect-ratio:.9900990099009901 / 1;flex:none;height:var(--framer-aspect-ratio-supported, 263px);overflow:visible;position:relative;width:260px}.framer-I32Em .framer-1y79rca-container{flex:none;height:auto;left:50%;position:absolute;top:50%;width:auto}.framer-I32Em .framer-1jmkufd{flex:none;height:792px;overflow:visible;position:relative;width:100%}.framer-I32Em .framer-kvgh4b{align-content:flex-start;align-items:flex-start;display:flex;flex:none;flex-direction:column;flex-wrap:nowrap;gap:20px;height:min-content;justify-content:center;overflow:visible;padding:0 0 40px;position:relative;width:100%}.framer-I32Em .framer-1gy6en,.framer-I32Em .framer-1e9h7lc{flex:none;height:auto;position:relative;white-space:pre-wrap;width:100%;word-break:break-word;word-wrap:break-word}@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)){.framer-I32Em .framer-g43stf,.framer-I32Em .framer-1ndiwv3,.framer-I32Em .framer-10wkknp,.framer-I32Em .framer-kvgh4b{gap:0px}.framer-I32Em .framer-g43stf>*{margin:5px 0}.framer-I32Em .framer-g43stf>:first-child,.framer-I32Em .framer-1ndiwv3>:first-child,.framer-I32Em .framer-10wkknp>:first-child,.framer-I32Em .framer-kvgh4b>:first-child{margin-top:0}.framer-I32Em .framer-g43stf>:last-child,.framer-I32Em .framer-1ndiwv3>:last-child,.framer-I32Em .framer-10wkknp>:last-child,.framer-I32Em .framer-kvgh4b>:last-child{margin-bottom:0}.framer-I32Em .framer-1ndiwv3>*{margin:0}.framer-I32Em .framer-10wkknp>*{margin:28.5px 0}.framer-I32Em .framer-kvgh4b>*{margin:10px 0}}.framer-I32Em.framer-v-qh3500 .framer-1gy6en,.framer-I32Em.framer-v-qh3500 .framer-1e9h7lc,.framer-I32Em.framer-v-1s3h3xv .framer-1gy6en{max-width:75%}.framer-I32Em.framer-v-1d3lmxa .framer-10wkknp,.framer-I32Em.framer-v-1d3lmxa .framer-kvgh4b,.framer-I32Em.framer-v-1ixeoey .framer-10wkknp,.framer-I32Em.framer-v-1ixeoey .framer-kvgh4b{align-content:center;align-items:center}.framer-I32Em.framer-v-1d3lmxa .framer-1gy6en,.framer-I32Em.framer-v-1d3lmxa .framer-1e9h7lc,.framer-I32Em.framer-v-1s3h3xv .framer-1e9h7lc,.framer-I32Em.framer-v-1ixeoey .framer-1gy6en,.framer-I32Em.framer-v-1ixeoey .framer-1e9h7lc,.framer-I32Em.framer-v-n69sx4 .framer-1gy6en,.framer-I32Em.framer-v-n69sx4 .framer-1e9h7lc{max-width:90%}.framer-I32Em.framer-v-1ehabuy .framer-1y546r4-container,.framer-I32Em.framer-v-1j4jnxj .framer-1y546r4-container,.framer-I32Em.framer-v-n69sx4 .framer-19kil0s-container{order:3}.framer-I32Em.framer-v-1ehabuy .framer-kvgh4b,.framer-I32Em.framer-v-1j4jnxj .framer-kvgh4b,.framer-I32Em.framer-v-15hydrs .framer-kvgh4b,.framer-I32Em.framer-v-10uybou .framer-kvgh4b{gap:28px;order:4}.framer-I32Em.framer-v-1ehabuy .framer-19kil0s-container,.framer-I32Em.framer-v-1j4jnxj .framer-19kil0s-container,.framer-I32Em.framer-v-15hydrs .framer-19kil0s-container,.framer-I32Em.framer-v-10uybou .framer-19kil0s-container,.framer-I32Em.framer-v-n69sx4 .framer-lvz2pf{order:5}@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)){.framer-I32Em.framer-v-1ehabuy .framer-kvgh4b{gap:0px}.framer-I32Em.framer-v-1ehabuy .framer-kvgh4b>*{margin:14px 0}.framer-I32Em.framer-v-1ehabuy .framer-kvgh4b>:first-child{margin-top:0}.framer-I32Em.framer-v-1ehabuy .framer-kvgh4b>:last-child{margin-bottom:0}}@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)){.framer-I32Em.framer-v-1j4jnxj .framer-kvgh4b{gap:0px}.framer-I32Em.framer-v-1j4jnxj .framer-kvgh4b>*{margin:14px 0}.framer-I32Em.framer-v-1j4jnxj .framer-kvgh4b>:first-child{margin-top:0}.framer-I32Em.framer-v-1j4jnxj .framer-kvgh4b>:last-child{margin-bottom:0}}.framer-I32Em.framer-v-15hydrs .framer-c60ojz-container,.framer-I32Em.framer-v-10uybou .framer-c60ojz-container,.framer-I32Em.framer-v-471jqy .framer-c60ojz-container,.framer-I32Em.framer-v-wvo6en .framer-c60ojz-container{order:2}@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)){.framer-I32Em.framer-v-15hydrs .framer-kvgh4b{gap:0px}.framer-I32Em.framer-v-15hydrs .framer-kvgh4b>*{margin:14px 0}.framer-I32Em.framer-v-15hydrs .framer-kvgh4b>:first-child{margin-top:0}.framer-I32Em.framer-v-15hydrs .framer-kvgh4b>:last-child{margin-bottom:0}}@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)){.framer-I32Em.framer-v-10uybou .framer-kvgh4b{gap:0px}.framer-I32Em.framer-v-10uybou .framer-kvgh4b>*{margin:14px 0}.framer-I32Em.framer-v-10uybou .framer-kvgh4b>:first-child{margin-top:0}.framer-I32Em.framer-v-10uybou .framer-kvgh4b>:last-child{margin-bottom:0}}.framer-I32Em.framer-v-19zbzf5 .framer-10wkknp{gap:47px;padding:57px 107px 50px}.framer-I32Em.framer-v-19zbzf5 .framer-kvgh4b{gap:35px;order:4;padding:0 0 38px}.framer-I32Em.framer-v-19zbzf5 .framer-19kil0s-container{height:210px;order:5;width:100%}@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)){.framer-I32Em.framer-v-19zbzf5 .framer-10wkknp,.framer-I32Em.framer-v-19zbzf5 .framer-kvgh4b{gap:0px}.framer-I32Em.framer-v-19zbzf5 .framer-10wkknp>*{margin:23.5px 0}.framer-I32Em.framer-v-19zbzf5 .framer-10wkknp>:first-child,.framer-I32Em.framer-v-19zbzf5 .framer-kvgh4b>:first-child{margin-top:0}.framer-I32Em.framer-v-19zbzf5 .framer-10wkknp>:last-child,.framer-I32Em.framer-v-19zbzf5 .framer-kvgh4b>:last-child{margin-bottom:0}.framer-I32Em.framer-v-19zbzf5 .framer-kvgh4b>*{margin:17.5px 0}}.framer-I32Em.framer-v-n69sx4 .framer-g43stf{height:2084px;padding:220px 0 0;width:2084px}.framer-I32Em.framer-v-n69sx4 .framer-1ndiwv3{height:100%}.framer-I32Em.framer-v-n69sx4 .framer-10wkknp{align-content:center;align-items:center;gap:unset;height:100%;justify-content:space-between}.framer-I32Em.framer-v-n69sx4 .framer-1jmkufd{flex:1 0 0px;height:1px;order:4}.framer-I32Em.framer-v-n69sx4 .framer-kvgh4b{align-content:center;align-items:center;order:2;padding:0 0 100px}@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)){.framer-I32Em.framer-v-n69sx4 .framer-10wkknp{gap:0px}.framer-I32Em.framer-v-n69sx4 .framer-10wkknp>*,.framer-I32Em.framer-v-n69sx4 .framer-10wkknp>:first-child,.framer-I32Em.framer-v-n69sx4 .framer-10wkknp>:last-child{margin:0}}.framer-I32Em.framer-v-471jqy .framer-10wkknp,.framer-I32Em.framer-v-wvo6en .framer-10wkknp{gap:27px}.framer-I32Em.framer-v-471jqy .framer-kvgh4b,.framer-I32Em.framer-v-wvo6en .framer-kvgh4b{gap:28px;order:4;padding:0 0 20px}.framer-I32Em.framer-v-471jqy .framer-19kil0s-container,.framer-I32Em.framer-v-wvo6en .framer-19kil0s-container{aspect-ratio:1 / 1;height:var(--framer-aspect-ratio-supported, 202px);order:5;width:202px}@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)){.framer-I32Em.framer-v-471jqy .framer-10wkknp,.framer-I32Em.framer-v-471jqy .framer-kvgh4b{gap:0px}.framer-I32Em.framer-v-471jqy .framer-10wkknp>*{margin:13.5px 0}.framer-I32Em.framer-v-471jqy .framer-10wkknp>:first-child,.framer-I32Em.framer-v-471jqy .framer-kvgh4b>:first-child{margin-top:0}.framer-I32Em.framer-v-471jqy .framer-10wkknp>:last-child,.framer-I32Em.framer-v-471jqy .framer-kvgh4b>:last-child{margin-bottom:0}.framer-I32Em.framer-v-471jqy .framer-kvgh4b>*{margin:14px 0}}@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)){.framer-I32Em.framer-v-wvo6en .framer-10wkknp,.framer-I32Em.framer-v-wvo6en .framer-kvgh4b{gap:0px}.framer-I32Em.framer-v-wvo6en .framer-10wkknp>*{margin:13.5px 0}.framer-I32Em.framer-v-wvo6en .framer-10wkknp>:first-child,.framer-I32Em.framer-v-wvo6en .framer-kvgh4b>:first-child{margin-top:0}.framer-I32Em.framer-v-wvo6en .framer-10wkknp>:last-child,.framer-I32Em.framer-v-wvo6en .framer-kvgh4b>:last-child{margin-bottom:0}.framer-I32Em.framer-v-wvo6en .framer-kvgh4b>*{margin:14px 0}}.framer-DT6r1 [data-border=true]:after{content:"";border-width:var(--border-top-width, 0) var(--border-right-width, 0) var(--border-bottom-width, 0) var(--border-left-width, 0);border-color:var(--border-color, none);border-style:var(--border-style, none);width:100%;height:100%;position:absolute;box-sizing:border-box;left:0;top:0;border-radius:inherit;pointer-events:none}@supports (aspect-ratio: 1){body{--framer-aspect-ratio-supported: auto}}.framer-DT6r1 .framer-1rzyrvl{display:block}.framer-DT6r1 .framer-15ffly6{align-content:center;align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;gap:40px;height:min-content;justify-content:center;overflow:visible;padding:30px 60px;position:relative;width:min-content}.framer-DT6r1 .framer-1n8koqt{flex:none;height:auto;position:relative;white-space:pre;width:auto}.framer-DT6r1 .framer-1vn010-container{flex:none;height:87px;position:relative;width:87px}@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)){.framer-DT6r1 .framer-15ffly6{gap:0px}.framer-DT6r1 .framer-15ffly6>*{margin:0 20px}.framer-DT6r1 .framer-15ffly6>:first-child{margin-left:0}.framer-DT6r1 .framer-15ffly6>:last-child{margin-right:0}}.framer-DT6r1.framer-v-nvhr1g .framer-15ffly6,.framer-DT6r1.framer-v-9a3tn9 .framer-15ffly6{aspect-ratio:1 / 1;height:var(--framer-aspect-ratio-supported, 207px);width:207px}.framer-DT6r1.framer-v-9a3tn9 .framer-1vn010-container{aspect-ratio:1 / 1;height:var(--framer-aspect-ratio-supported, 107px);width:107px} | |
</style> | |
<!-- End of headEnd --> | |
<style> | |
* { | |
--framer-font-family: var(--font-family)!important; | |
white-space-collapse: collapse!important; | |
} | |
body, input, textarea, select, button, p { | |
font-family: var(--font-family)!important; | |
} | |
div[data-framer-name*="CarouselSaleBubble"] { | |
display: none!important; | |
} | |
div[data-framer-name*="CarouselSaleBubble"].carousel-sales-bubble--visible { | |
display: flex!important; | |
} | |
div[data-framer-name*="CarouselSaleBubble"] div[data-framer-name="Symbol"] p.framer-text { | |
font-weight: 600 !important; | |
transform: scale(1); | |
-webkit-font-smoothing: antialiased !important; | |
font-smoothing: antialiased !important; | |
--baseline-hack-line-height: var(--framer-line-height, 1.2em); | |
--baseline-hack-margin-bottom: unset; | |
} | |
div[data-framer-name*="CarouselSaleBubble"] div[data-framer-name="Label"] p.framer-text { | |
// font-weight: 500 !important; | |
-webkit-font-smoothing: antialiased !important; | |
font-smoothing: antialiased !important; | |
--baseline-hack-line-height: var(--framer-line-height, 1.2em); | |
--baseline-hack-margin-bottom: unset; | |
} | |
div[data-framer-name*="CarouselSaleBubble"], div[data-framer-name*="CarouselSaleBubble"] *, | |
div[data-framer-name*="CarouselPriceBubble"], div[data-framer-name*="CarouselPriceBubble"] * { | |
font-family: "Numbers", "Poppins"!important; | |
--baseline-hack-line-height: var(--framer-line-height, 1.2em) !important; | |
--baseline-hack-margin-bottom: unset !important; | |
} | |
* { | |
-webkit-font-smoothing: unset !important; | |
font-smoothing: unset !important; | |
} | |
[data-sku-scale="gts_bkgoverwrite_earth"] { | |
transform: scale(1.5); | |
} | |
</style> | |
<script> | |
try { | |
eval(` | |
var ISOMORPHIC_SSR_REPLACE_UTILS = { | |
"appendAutoclipParamsToImageUrl": _ref13 => { | |
var { | |
props, | |
_cfg | |
} = _ref13; | |
if (!props || !props.src) return; | |
if (!_cfg) { | |
_cfg = { | |
DEFAULT_AUTOCLIP_URL_MAX_WIDTH: true, | |
MAX_URL_WIDTH: 900, | |
MAX_URL_HEIGHT: undefined | |
}; | |
} | |
try { | |
if (_cfg.DEFAULT_AUTOCLIP_URL_MAX_WIDTH || props.autoClipURLMaxWidth) { | |
var hrefQuery = (props.src.split("?") || [])[1] || ""; | |
props.src = (props.src.split("?") || [])[0]; | |
var maxURLWidth = props.maxURLWidth && (typeof props.maxURLWidth == "string" || typeof props.maxURLWidth == "number") ? parseInt(props.maxURLWidth) : _cfg.MAX_URL_WIDTH; | |
var maxURLHeight = props.maxURLHeight && (typeof props.maxURLHeight == "string" || typeof props.maxURLHeight == "number") ? parseInt(props.maxURLHeight) : _cfg.MAX_URL_HEIGHT; | |
var resizeParams = { | |
maxURLWidth, | |
maxURLHeight, | |
hrefQuery | |
}; | |
if (props.src.includes("craftlog.com/m/i") || props.src.includes("anycart.com/m/i") || props.src.includes("masgusto.com/m/i")) { | |
var originalHeight = parseInt((/\=h(\d+)/.exec(props.src) || [])[1]) || undefined; | |
var originalWidth = parseInt((/\=s(\d+)/.exec(props.src) || [])[1]) || undefined; | |
var toCalcRatio = resizeParams.maxURLWidth && resizeParams.maxURLHeight ? { | |
w: resizeParams.maxURLWidth, | |
h: resizeParams.maxURLHeight | |
} : originalWidth && originalHeight ? { | |
w: originalWidth, | |
h: originalHeight | |
} : { | |
w: 0, | |
h: 0 | |
}; | |
var isSquare = toCalcRatio.h === toCalcRatio.w || !toCalcRatio.h && !!/\=s\d+-c/.test(props.src); | |
var ratio = isSquare ? 1 : toCalcRatio.h && toCalcRatio.w ? toCalcRatio.h / toCalcRatio.w : 0; | |
if (props.src.endsWith(".webp")) { | |
props.src = props.src.substr(0, props.src.length - 5); | |
} | |
props.src = props.src.replace(/\=h\d+/g, ""); | |
if (!!originalWidth) { | |
props.src = props.src.replace(/\=s\d+(\-c)?/g, "=s".concat(resizeParams.maxURLWidth).concat(isSquare ? "-c" : "").concat(resizeParams.hrefQuery ? "?" + resizeParams.hrefQuery : "")); | |
} else { | |
props.src = "".concat(props.src, "=s").concat(resizeParams.maxURLWidth).concat(resizeParams.hrefQuery ? "?" + resizeParams.hrefQuery : ""); | |
} | |
if (ratio && !isSquare) { | |
props.src = "".concat(props.src, "=h").concat(parseInt("".concat(resizeParams.maxURLWidth * ratio))); | |
} | |
props.src = "".concat(props.src, ".webp"); | |
} else if (props.src.includes("sayweee.com") || props.src.includes("weeecdn.com") || props.src.includes("cdn.sayweee.com")) { | |
var srcSplit = props.src.split("!c"); | |
var originalSizing = srcSplit[1] || ""; | |
if (originalSizing.endsWith(".webp")) { | |
originalSizing = originalSizing.substr(0, originalSizing.length - 5); | |
} | |
originalSizing = originalSizing.split("x"); | |
var _originalHeight = parseInt(originalSizing[1]) || undefined; | |
var _originalWidth = parseInt(originalSizing[0]) || undefined; | |
var _toCalcRatio = resizeParams.maxURLWidth && resizeParams.maxURLHeight ? { | |
w: resizeParams.maxURLWidth, | |
h: resizeParams.maxURLHeight | |
} : _originalWidth && _originalHeight ? { | |
w: _originalWidth, | |
h: _originalHeight | |
} : { | |
w: 0, | |
h: 0 | |
}; | |
var _ratio = _toCalcRatio.h && _toCalcRatio.w ? _toCalcRatio.h / _toCalcRatio.w : 0; | |
var heightToUse = _ratio ? parseInt("".concat(resizeParams.maxURLWidth * _ratio)) : 0; | |
props.src = "".concat(srcSplit[0], "!c").concat(resizeParams.maxURLWidth, "x").concat(heightToUse, ".webp"); | |
props.src = "".concat(props.src); | |
} else if (props.src.includes("images.unsplash.com")) { | |
var urlSearchParams = new URLSearchParams(hrefQuery); | |
var params = Object.fromEntries(urlSearchParams.entries()); | |
var _originalHeight2 = parseInt(params.h) || undefined; | |
var _originalWidth2 = parseInt(params.w) || undefined; | |
var _toCalcRatio2 = resizeParams.maxURLWidth && resizeParams.maxURLHeight ? { | |
w: resizeParams.maxURLWidth, | |
h: resizeParams.maxURLHeight | |
} : _originalWidth2 && _originalHeight2 ? { | |
w: _originalWidth2, | |
h: _originalHeight2 | |
} : { | |
w: 0, | |
h: 0 | |
}; | |
var _ratio2 = _toCalcRatio2.h && _toCalcRatio2.w ? _toCalcRatio2.h / _toCalcRatio2.w : 0; | |
params.w = "".concat(resizeParams.maxURLWidth); | |
if (_ratio2) { | |
params.h = "".concat(parseInt("".concat(resizeParams.maxURLWidth * _ratio2))); | |
params.fit = "crop"; | |
} | |
var query = Object.keys(params).map(currentValue => "".concat(currentValue, "=").concat(params[currentValue])).join("&"); | |
props.src = "".concat(props.src, "?").concat(query); | |
} | |
} | |
} catch (e) { | |
console.error("[appendAutoclipParamsToImageUrl] Error:", e); | |
} | |
return props.src; | |
}, | |
"handleGenericDOMVisibilityGivenGifFrame": props => { | |
if (!props || typeof props.frameIdx === 'undefined') { | |
console.log('[handleGenericDOMVisibilityGivenGifFrame] No frameIdx prop'); | |
return; | |
} | |
try { | |
// Execute this before pup render finish. | |
// Is this necessary? | |
// const frameVisibilityWrapper = document.querySelectorAll('div[data-framer-name*=GIF_VIS_WRAPPER_]'); | |
// const wrapperFramerNameExec = !useDoubleRegExpEscape ? | |
// /GIF\_VIS\_FRAME\_(\d+)\_(\d+)/.exec(frameVisibilityWrapper.getAttribute('data-framer-name')) | |
// : /GIF\\_VIS\\_FRAME\\_(\\d+)\\_(\\d+)/.exec(frameVisibilityWrapper.getAttribute('data-framer-name')) | |
// const minFrameIdx = wrapperFramerNameExec[1] | |
// const maxFrameIdx = wrapperFramerNameExec[2] | |
var frameVisibilityElements = (typeof frameVisibilityWrapper !== 'undefined' ? frameVisibilityWrapper : document).querySelectorAll('div[data-framer-name*=GIF_VIS_FRAME_]'); | |
if (frameVisibilityElements && frameVisibilityElements.length >= 1) { | |
for (var i = 0; i < frameVisibilityElements.length; i++) { | |
var visibilityParent = frameVisibilityElements[i]; | |
if (visibilityParent && visibilityParent.childNodes) { | |
// const max = visibilityParent.childNodes | |
var dataFramerName = visibilityParent.getAttribute('data-framer-name'); | |
var useDoubleRegExpEscape = typeof props.doubleRegExpEscape !== 'undefined' ? props.doubleRegExpEscape : !!(typeof SSR_REPLACE_UTILS === 'undefined'); | |
var currentIExec = !useDoubleRegExpEscape ? /GIF\_VIS\_FRAME\_(\d+)/.exec(visibilityParent.getAttribute('data-framer-name')) : /GIF\\_VIS\\_FRAME\\_(\\d+)/.exec(visibilityParent.getAttribute('data-framer-name')); | |
var currentI = currentIExec && currentIExec.length && typeof currentIExec[1] === 'string' ? currentIExec[1] : undefined; | |
var isChildVisible = props.frameIdx >= currentI; | |
if (!isChildVisible) { | |
visibilityParent.style.visibility = 'hidden'; | |
} else { | |
visibilityParent.style.visibility = 'unset'; | |
} | |
} | |
} | |
} | |
} catch (e) { | |
console.error('[handleGenericDOMVisibilityGivenGifFrame] Error:', e); | |
} | |
}, | |
"handleGenericFitTextToParent": function __privateHandleGenericFitTextToParent(props) { | |
var isRecycleDOM = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false; | |
// const useDoubleRegExpEscape = typeof props.doubleRegExpEscape !== 'undefined' ? props.doubleRegExpEscape : !!(typeof SSR_REPLACE_UTILS === 'undefined') | |
if (isRecycleDOM) { | |
var allFitElements = document.querySelectorAll('div[data-framer-name*=TEXT_FIT_TO_WRAPPER]'); | |
for (var i = 0; i < allFitElements.length; i++) { | |
// resetting all elements | |
allFitElements[i].style.zoom = 'unset'; | |
} | |
} | |
var textFitWrappers = document.querySelectorAll('div[data-framer-name*=TEXT_FIT_WRAPPER]'); // console.log('[handleGenericFitTextToParent] textFitWrappers', textFitWrappers) | |
if (!textFitWrappers || !textFitWrappers.length) return; | |
for (var _i = 0; _i < textFitWrappers.length; _i++) { | |
var wrapper = textFitWrappers[_i]; // console.log('[handleGenericFitTextToParent] wrapper', wrapper) | |
var wrapperWidth = wrapper.clientWidth; | |
if (typeof wrapperWidth !== 'number' || !wrapperWidth) return; // console.log('[handleGenericFitTextToParent] wrapperWidth', wrapperWidth) | |
var textFitElements = wrapper.querySelectorAll('div[data-framer-name*=TEXT_FIT_TO_WRAPPER]'); | |
for (var ii = 0; ii < textFitElements.length; ii++) { | |
var textFitElement = textFitElements[ii]; // console.log('[handleGenericFitTextToParent] textFitElement', textFitElement) | |
var elementWidth = textFitElement.clientWidth; | |
if (typeof elementWidth !== 'number' || !elementWidth) return; // console.log('[handleGenericFitTextToParent] elementWidth', elementWidth) | |
var ratio = wrapperWidth / elementWidth; | |
if (typeof ratio !== 'number' || !ratio) return; // console.log('[handleGenericFitTextToParent] setting textFitElement element zoom ratio:', ratio) | |
textFitElement.style.zoom = ratio; | |
} | |
} | |
}, | |
"handleGenericConditionalElementVisibility": props => { | |
var conditionalVisibilityElements = document.querySelectorAll('div[data-framer-name*=VIS_CONDITION_]'); | |
if (!conditionalVisibilityElements || !conditionalVisibilityElements.length || !props || !props.urlParams) return; | |
var useDoubleRegExpEscape = typeof props.doubleRegExpEscape !== 'undefined' ? props.doubleRegExpEscape : !!(typeof SSR_REPLACE_UTILS === 'undefined'); | |
for (var i = 0; i < conditionalVisibilityElements.length; i++) { | |
var element = conditionalVisibilityElements[i]; // console.log(' > > > [handleGenericConditionalElementVisibility] element', element) | |
var conditionExec = !useDoubleRegExpEscape ? /VIS\_CONDITION\_([\w\d\@]+)/.exec(element.getAttribute('data-framer-name')) : /VIS\\_CONDITION\\_([\\w\\d\\@]+)/.exec(element.getAttribute('data-framer-name')); // console.log(' [handleGenericConditionalElementVisibility] conditionExec', conditionExec) | |
if (!conditionExec || !conditionExec.length) return; | |
var condition = conditionExec[1]; | |
var meetsCondition = props.urlParams.get ? !!props.urlParams.get(condition) : !!props.urlParams[condition]; | |
if (meetsCondition) { | |
element.style.visibility = 'visible'; | |
} else { | |
element.style.visibility = 'hidden'; | |
} | |
} | |
} | |
}`); | |
} catch (e) { | |
console.log('[ERROR] Failed to parse __ISOMORPHIC_SSR_REPLACE_UTILS_STRING. Error:', e); | |
} | |
// Better sample: // window.__nextBannerUrlQuery = 'https://ci-4004-beta.anycart.com/mgp/ssr-banner/generic-pup/emailhero-017-default?mgpSubdomainOverwrite=ci-4004-beta&invalidateCacheV=2&@headline=%E6%9C%AC%E5%91%A8%E7%B2%BE%E9%81%B8%E7%89%B9%E5%83%B9&@subheadline=%E5%85%A8%E5%93%81%E9%A1%9E%E6%8A%98%E6%89%A3%E4%B8%AD&@ctaLabel=%E9%BB%9E%E6%93%8A%E8%B3%BC%E8%B2%B7&@skuOne=48852&@skuTwo=95760&@skuThree=70369&@skuFour=4234&@skuFive=12701&@skuSix=2013945&@skuOneSale=15&@skuTwoSale=15&@skuThreeSale=12&@skuFourSale=17&@skuFiveSale=20&@skuSixSale=14&@campaignPrimaryStore=lang_zh-Hant&@salesOrgId=weee_1&@pricingTier=&@bgImage=https%3A%2F%2Fcraftlog.com%2Fm%2Fi%2F12821927&@useBetaAPI=true&pupWidth=900' | |
// window.__nextBannerUrlQuery = "https://ci-4021-beta.anycart.com/mgp/ssr-banner/generic-pup/emailhero-017-ssr-default?mgpSubdomainOverwrite=ci-4021-beta&hideUntilLoaded=true&invalidateCacheV=2&@headline=Weekly%20sale&@subheadline=Shop%20the%20weekly%20sales&@ctaLabel=Shop%20now&@skuOne=96230&@skuTwo=96100&@skuThree=64699&@skuFour=37808&@skuFive=40504&@skuSix=94631&@skuOneSale=0&@skuTwoSale=0&@skuThreeSale=8&@skuFourSale=0&@skuFiveSale=0&@skuSixSale=0&@campaignPrimaryStore=store_us&@salesOrgId=weee_1&@pricingTier=&@bgImage=https%3A%2F%2Fcraftlog.com%2Fm%2Fi%2F12795349.webp&pupWidth=900" | |
// window.__nextBannerUrlQuery = { | |
// "@bgImage": "https://craftlog.com/m/i/12821927=s900", | |
// "@headline": "Fruit Season", | |
// "@subheadline": "Fresh Deals", | |
// "@ctaLabel": "Shop Tomorrow", | |
// "@skuOne": 4593, | |
// "@skuOneSale": 0, | |
// "@skuTwo": 4593, | |
// "@skuTwoSale": 5, | |
// "@skuThree": 4593, | |
// "@skuThreeSale": 0, | |
// "@skuFour": 4593, | |
// "@skuFourSale": 0, | |
// "@skuFive": 4593, | |
// "@skuFiveSale": 5, | |
// "@skuSix": 4593, | |
// "@skuSixSale": 13 | |
// }; | |
window.__cachedQuerySelectors = {} | |
window.__cachedQuerySelectorAlls = {} | |
window.getCachedQuerySelector = (key, getAll) => { | |
if(window[!getAll ? '__cachedQuerySelectors' : '__cachedQuerySelectorAlls'][key]) { | |
return window[!getAll ? '__cachedQuerySelectors' : '__cachedQuerySelectorAlls'][key] | |
} | |
const selected = document[!getAll ? 'querySelector' : 'querySelectorAll'](key) | |
window[!getAll ? '__cachedQuerySelectors' : '__cachedQuerySelectorAlls'][key] = selected | |
return selected | |
} | |
window.getCachedQuerySelectorAll = (key) => window.getCachedQuerySelector(key, true); | |
window.__getLanguageFromPrimaryStore = ({primaryStore} = {}) => { | |
if (!primaryStore) return undefined; | |
if (primaryStore == 'lang_zh') return 'zh'; | |
if (primaryStore == 'lang_zh-Hant') return 'zh-Hant'; | |
if (primaryStore == 'lang_zht') return 'zh-Hant'; | |
if (primaryStore == 'lang_ja') return 'ja'; | |
if (primaryStore == 'lang_ko') return 'ko'; | |
if (primaryStore == 'lang_es') return 'es'; | |
if (primaryStore == 'lang_vi') return 'vi'; | |
if (primaryStore == 'store_vn') return 'en'; | |
if (primaryStore == 'store_cn') return 'en'; | |
if (primaryStore == 'store_ja') return 'en'; | |
if (primaryStore == 'store_ko') return 'en'; | |
if (primaryStore == 'store_us') return 'en'; | |
if (primaryStore == 'store_ph') return 'en'; | |
if (primaryStore == 'store_es') return 'en'; | |
if (primaryStore == 'store_in') return 'en'; | |
return undefined; | |
}; | |
window.__clientRenderNextBannerUrl = () => { | |
try { | |
const renderStartEvent = new CustomEvent("pupRenderStart", {}) | |
console.info(`[GenericPupSkeleton] RECYCLE - will notify pupRenderStart. timestamp[${Date.now()}]. Will emit event:`, renderStartEvent) | |
window.dispatchEvent(renderStartEvent) | |
if (!window.__nextBannerUrlQuery) { | |
const renderFailureEvent = new CustomEvent("pupRenderFailure", {}); | |
console.info(`[GenericPupSkeleton] RECYCLE IMG onerror - will notify pupRenderFailure. timestamp[${Date.now()}]. Will emit event:`, renderFailureEvent); | |
window.dispatchEvent(renderFailureEvent); | |
return; | |
} | |
const urlParams = new URL(window.__nextBannerUrlQuery).searchParams; | |
try { | |
const BANNERS_STYLE_WRAPPER_ID = "reusable-font-face-style-block"; | |
const BANNERS_FONT_FACE_VARIABLE = "__mgpBannerCurrentFontFace"; | |
const BANNERS_FONT_FACE_MAP_VARIABLE = "__mgpBannerFontFacesByLocale"; | |
let currentLanguage; | |
if (window[BANNERS_FONT_FACE_VARIABLE]) { | |
currentLanguage = window[BANNERS_FONT_FACE_VARIABLE]; | |
} | |
let nextLanguage; | |
let nextLanguageResourceUrl; | |
const nextPrimaryStore = urlParams.get('@campaignPrimaryStore'); | |
try { | |
const tempVal = window.__getLanguageFromPrimaryStore({primaryStore: nextPrimaryStore}) | |
if (tempVal && window[BANNERS_FONT_FACE_MAP_VARIABLE] && window[BANNERS_FONT_FACE_MAP_VARIABLE][tempVal]) { | |
nextLanguage = tempVal | |
nextLanguageResourceUrl = window[BANNERS_FONT_FACE_MAP_VARIABLE][tempVal] | |
} | |
} catch (e) { | |
const renderFailureEvent = new CustomEvent("pupRenderFailure", {}); | |
console.info(`[GenericPupSkeleton][Error] RECYCLE IMG can't figure out proper language - will notify pupRenderFailure. timestamp[${Date.now()}]. Will emit event:`, renderFailureEvent, '.error:', e); | |
window.dispatchEvent(renderFailureEvent); | |
return; | |
} | |
if (!nextLanguage || !nextLanguageResourceUrl) { | |
const renderFailureEvent = new CustomEvent("pupRenderFailure", {}); | |
console.info(`[GenericPupSkeleton] RECYCLE IMG can't figure out proper language - will notify pupRenderFailure. timestamp[${Date.now()}]. Will emit event:`, renderFailureEvent); | |
window.dispatchEvent(renderFailureEvent); | |
return; | |
} | |
if (nextLanguage != currentLanguage) { | |
window[BANNERS_FONT_FACE_VARIABLE] = nextLanguage; | |
const originalStyleInlineWrapper = document.getElementById(BANNERS_STYLE_WRAPPER_ID); | |
if (originalStyleInlineWrapper) { | |
originalStyleInlineWrapper.remove(); | |
} | |
const nextLanguageLoader = document.createElement('link'); | |
nextLanguageLoader.setAttribute('rel', 'stylesheet'); | |
nextLanguageLoader.setAttribute('href', nextLanguageResourceUrl); | |
nextLanguageLoader.setAttribute('type', 'text/css'); | |
nextLanguageLoader.setAttribute('id', BANNERS_STYLE_WRAPPER_ID); | |
const __lineHeightFixStyle = ` | |
p.framer-text { | |
--baseline-hack-line-height: calc(var(--framer-line-height) - (var(--framer-line-height) * 0.0225)); | |
--baseline-hack-margin-bottom: calc(var(--framer-line-height) * 0.0825); | |
line-height: var(--baseline-hack-line-height, var(--framer-line-height, inherit)); | |
margin-bottom: var(--baseline-hack-margin-bottom, inherit); | |
} | |
`; | |
const elementId = "__mgp_font-hacks-id"; | |
const originalStyleInlineWrapperFontsHack = document.getElementById(elementId); | |
if (originalStyleInlineWrapperFontsHack) { | |
originalStyleInlineWrapperFontsHack.remove(); | |
} | |
const needsBaselineHackToEmulateVerticalCenter = ( | |
nextLanguage == 'zh' || | |
nextLanguage == 'zh-Hant' || | |
nextLanguage == 'zht' || | |
nextLanguage == 'ja' || | |
nextLanguage == 'ko' | |
); | |
if (needsBaselineHackToEmulateVerticalCenter) { | |
const fontLineHeightHackEl = document.createElement('style'); | |
fontLineHeightHackEl.setAttribute('id', elementId); | |
fontLineHeightHackEl.innerHTML = __lineHeightFixStyle; | |
document.head.appendChild(fontLineHeightHackEl); | |
} | |
document.head.appendChild(nextLanguageLoader); | |
} | |
} catch (e) { | |
throw e; | |
} | |
const $bgImage = window.getCachedQuerySelector('[img_data-gts_bgImage]'); | |
if ($bgImage) { | |
let imgSrc = urlParams.get("@bgImage"); | |
if (imgSrc) { | |
let __finalUrl = imgSrc; | |
try { | |
const tempBgImage = ISOMORPHIC_SSR_REPLACE_UTILS.appendAutoclipParamsToImageUrl({ props: { src: imgSrc } }) | |
if (!!tempBgImage) { | |
__finalUrl = tempBgImage; | |
} | |
} catch (e) { | |
console.info('[Failure] Failed to crop background image url patterns for CDNs. Error:', e); | |
} | |
$bgImage.src = __finalUrl; | |
} | |
} | |
const $headline= window.getCachedQuerySelector('[txt_data-gts_headline]'); | |
const $subheadline = window.getCachedQuerySelector('[txt_data-gts_subheadline]'); | |
const $ctaLabel = window.getCachedQuerySelector('[txt_data-gts_ctaLabel]'); | |
if ($headline) $headline.innerHTML = urlParams.get("@headline"); | |
if ($subheadline) $subheadline.innerHTML = urlParams.get("@subheadline"); | |
if ($ctaLabel) $ctaLabel.innerHTML = urlParams.get("@ctaLabel"); | |
const $skuOneSale = window.getCachedQuerySelector('[sale_data-gts_88888818882]'); | |
const $skuTwoSale = window.getCachedQuerySelector('[sale_data-gts_88888828882]'); | |
const $skuThreeSale = window.getCachedQuerySelector('[sale_data-gts_88888838882]'); | |
const $skuFourSale = window.getCachedQuerySelector('[sale_data-gts_88888848882]'); | |
const $skuFiveSale = window.getCachedQuerySelector('[sale_data-gts_88888858882]'); | |
const $skuSixSale = window.getCachedQuerySelector('[sale_data-gts_88888868882]'); | |
const __saleReplacer = ($saleEl, saleValue) => { | |
if ($saleEl) { | |
const $saleNumber = $saleEl.querySelector("p"); | |
if ($saleNumber && !!saleValue && !!parseInt(saleValue)) { | |
$saleNumber.innerHTML = saleValue; | |
$saleEl.classList.add("carousel-sales-bubble--visible"); | |
} else { | |
$saleEl.classList.remove("carousel-sales-bubble--visible"); | |
} | |
} | |
}; | |
__saleReplacer($skuOneSale, urlParams.get("@skuOneSale")); | |
__saleReplacer($skuTwoSale, urlParams.get("@skuTwoSale")); | |
__saleReplacer($skuThreeSale, urlParams.get("@skuThreeSale")); | |
__saleReplacer($skuFourSale, urlParams.get("@skuFourSale")); | |
__saleReplacer($skuFiveSale, urlParams.get("@skuFiveSale")); | |
__saleReplacer($skuSixSale, urlParams.get("@skuSixSale")); | |
const $skuOne = window.getCachedQuerySelectorAll('[sku_img_data-gts_88888818881]'); | |
const $skuTwo = window.getCachedQuerySelectorAll('[sku_img_data-gts_88888828881]'); | |
const $skuThree = window.getCachedQuerySelectorAll('[sku_img_data-gts_88888838881]'); | |
const $skuFour = window.getCachedQuerySelectorAll('[sku_img_data-gts_88888848881]'); | |
const $skuFive = window.getCachedQuerySelectorAll('[sku_img_data-gts_88888858881]'); | |
const $skuSix = window.getCachedQuerySelectorAll('[sku_img_data-gts_88888868881]'); | |
let tempUrl, newUrl; | |
let _imgToLoadCount = 0; | |
let _imgToLoadDidEverFail; | |
const __replacer = (str, newValue, $el) => { | |
let strStart = str.indexOf('weee--'); | |
let strEnd = str.indexOf('=s', strStart); | |
let fullSegment = str.substring(strStart, strEnd); | |
let final = str.replace(fullSegment, `weee--${newValue}`); | |
if (final) { | |
_imgToLoadCount += 1; | |
try { | |
let _img = new Image(); | |
_img.onload = () => { | |
_imgToLoadCount -= 1; | |
$el.src = final; | |
}; | |
_img.onerror = () => { | |
if (!_imgToLoadDidEverFail) _imgToLoadDidEverFail = true; | |
const renderFailureEvent = new CustomEvent("pupRenderFailure", {}) | |
console.info(`[GenericPupSkeleton] RECYCLE IMG onerror - will notify pupRenderFailure. timestamp[${Date.now()}]. Will emit event:`, renderFailureEvent) | |
window.dispatchEvent(renderFailureEvent) | |
}; | |
_img.src = final; | |
} catch (e) { | |
// | |
} | |
} | |
}; | |
if ($skuOne && $skuOne.length > 0) { | |
$skuOne.forEach(($el) => { | |
tempUrl = $el.src; | |
newUrl = __replacer(tempUrl, urlParams.get("@skuOne"), $el) | |
}) | |
} | |
if ($skuTwo && $skuTwo.length > 0) { | |
$skuTwo.forEach(($el) => { | |
tempUrl = $el.src; | |
newUrl = __replacer(tempUrl, urlParams.get("@skuTwo"), $el) | |
}) | |
} | |
if ($skuThree && $skuThree.length > 0) { | |
$skuThree.forEach(($el) => { | |
tempUrl = $el.src; | |
newUrl = __replacer(tempUrl, urlParams.get("@skuThree"), $el) | |
}) | |
} | |
if ($skuFour && $skuFour.length > 0) { | |
$skuFour.forEach(($el) => { | |
tempUrl = $el.src; | |
newUrl = __replacer(tempUrl, urlParams.get("@skuFour"), $el) | |
}) | |
} | |
if ($skuFive && $skuFive.length > 0) { | |
$skuFive.forEach(($el) => { | |
tempUrl = $el.src; | |
newUrl = __replacer(tempUrl, urlParams.get("@skuFive"), $el) | |
}) | |
} | |
if ($skuSix && $skuSix.length > 0) { | |
$skuSix.forEach(($el) => { | |
tempUrl = $el.src; | |
newUrl = __replacer(tempUrl, urlParams.get("@skuSix"), $el) | |
}) | |
} | |
const resizable = window.getCachedQuerySelector('.__resizeToParent'); | |
window.__nextBannerUrlQuery = null; | |
try { | |
console.log('Will try to run handleGenericConditionalElementVisibility on __clientRenderNextBannerUrl, urlParams: ', urlParams) | |
ISOMORPHIC_SSR_REPLACE_UTILS.handleGenericConditionalElementVisibility({urlParams}) | |
} catch (e) { | |
// console.error('[handleGenericConditionalElementVisibility] Error:', e) | |
} | |
try { | |
console.log('Will try to run handleGenericDOMVisibilityGivenGifFrame on __clientRenderNextBannerUrl, urlParams: ', urlParams) | |
ISOMORPHIC_SSR_REPLACE_UTILS.handleGenericDOMVisibilityGivenGifFrame({frameIdx: urlParams.get("frameIdx")}) | |
} catch (e) { | |
console.error('[handleGenericDOMVisibilityGivenGifFrame] Error:', e) | |
} | |
try { | |
console.log('Will try to run handleGenericFitTextToParent on __clientRenderNextBannerUrl') | |
ISOMORPHIC_SSR_REPLACE_UTILS.handleGenericFitTextToParent({}, true) | |
} catch (e) { | |
console.error('[handleGenericFitTextToParent] Error:', e) | |
} | |
setTimeout(() => { | |
if (resizable) { | |
window.__resizableElementWidth = resizable.clientWidth; | |
window.__calculatedContentRatio = resizable.clientHeight / resizable.clientWidth; | |
} else { | |
window.__resizableElementWidth = 0; | |
window.__calculatedContentRatio = 0; | |
} | |
const renderEndEvent = new CustomEvent("pupRenderEnd", {}) | |
console.info(`[GenericPupSkeleton] RECYCLE page DOM mount finished - when network is iddle, screenshot shall be ready to be taken - will notify pupRenderEnd. timestamp[${Date.now()}]. Will emit event:`, renderEndEvent) | |
window.dispatchEvent(renderEndEvent) | |
}, 40) | |
// TODO: setTimeout to check every 40ms if it's zeroed out in case we have to change page opacity. (Better than creating promises - promise check loop interrupts main thread more often and more disrupctively than quick O1 checks on the bruteforced execution loop pause of the timeout) | |
// DONT use setInterval. | |
// if (_imgToLoadCount && _imgToLoadCount > 0 && !_imgToLoadDidEverFail) { | |
// __setupAllImagesLoadedCheck | |
// } | |
} catch(e) { | |
console.log('[CLIENT_REPLACE_SELECTOR_ENABLED] error debug test:', e) | |
} | |
} | |
</script> | |
<script> | |
window.__usingClientSideResize = true | |
const applyResize = () => { | |
if(window.__triedResizing || window.__successResizing) return | |
const onReady = (fn) => { | |
if (document.readyState !== 'loading') { | |
fn() | |
} else { | |
document.addEventListener('DOMContentLoaded', fn) | |
} | |
} | |
try{ | |
window.__triedResizing = true | |
console.log('[applyResize] Will apply client-side resize') | |
const resizable = document.querySelector('.__resizeToParent') | |
if(!resizable) { | |
console.log('[applyResize] No resizable element, will try again when page is ready') | |
window.__triedResizing = false | |
onReady(applyResize) | |
return | |
} | |
const width = 2084 | |
const windowWidth = window.innerWidth | |
const ratio = windowWidth / width | |
if(isNaN(ratio)) return | |
resizable.setAttribute('style', `zoom: ${ratio}`) | |
window.__successResizing = true | |
} catch(e) { | |
console.log('[applyResize] Error:', e) | |
} | |
} | |
window.requestAnimationFrame(applyResize) | |
</script> | |
<script> | |
document.addEventListener("DOMContentLoaded", function (event) { | |
const urlParams = new URLSearchParams(window.location.search); | |
let TEST_LOAD_WITHOUT_CLIENT_WORK = false; | |
try { | |
if (urlParams && urlParams.get("tempDisableClientWork")) { | |
TEST_LOAD_WITHOUT_CLIENT_WORK = true; | |
} | |
} catch (e) { | |
// | |
} | |
if (TEST_LOAD_WITHOUT_CLIENT_WORK) { | |
console.log('TEST_LOAD_WITHOUT_CLIENT_WORK is true, will not run any client-side DOM visibility work.') | |
return null; | |
} | |
try { | |
console.log('Will try to run handleGenericConditionalElementVisibility on DOMContentLoaded, urlParams: ', window.__morphedQueryParams || urlParams) | |
ISOMORPHIC_SSR_REPLACE_UTILS.handleGenericConditionalElementVisibility({urlParams: window.__morphedQueryParams || urlParams}) | |
} catch (e) { | |
// console.error('[handleGenericConditionalElementVisibility] Error:', e) | |
} | |
try { | |
const frameIdx = urlParams.get("frameIdx") | |
if(frameIdx && ISOMORPHIC_SSR_REPLACE_UTILS && typeof ISOMORPHIC_SSR_REPLACE_UTILS.handleGenericDOMVisibilityGivenGifFrame === 'function') { | |
console.log('Will try to run handleGenericDOMVisibilityGivenGifFrame on DOMContentLoaded, urlParams: ', urlParams) | |
ISOMORPHIC_SSR_REPLACE_UTILS.handleGenericDOMVisibilityGivenGifFrame({frameIdx}) | |
} | |
} catch (e) { | |
console.error('[handleGenericDOMVisibilityGivenGifFrame] Error:', e) | |
} | |
try { | |
if(ISOMORPHIC_SSR_REPLACE_UTILS && typeof ISOMORPHIC_SSR_REPLACE_UTILS.handleGenericFitTextToParent === 'function') { | |
console.log('Will try to run handleGenericFitTextToParent on DOMContentLoaded') | |
document.fonts.ready.then(function() { | |
setTimeout(ISOMORPHIC_SSR_REPLACE_UTILS.handleGenericFitTextToParent({}, false), 0) | |
}) | |
} | |
} catch (e) { | |
console.error('[handleGenericFitTextToParent] Error:', e) | |
} | |
}) | |
</script> | |
<script> | |
const scheduleIdleCallback = ( | |
arrowFunctionCallback, | |
opts, | |
caller, | |
onResultHandlerUpdated = undefined | |
) => { | |
if (typeof window == "undefined") return null | |
let clearFn = null | |
try { | |
let handle | |
if ("requestIdleCallback" in window) { | |
const callback = (deadline) => { | |
const timeRemaining = | |
(deadline && | |
deadline.timeRemaining && | |
deadline.timeRemaining()) || | |
null | |
const didTimeout = | |
(deadline && deadline.didTimeout) || false | |
if (!!timeRemaining || didTimeout) { | |
if (didTimeout) { | |
arrowFunctionCallback({ | |
timedOutWithoutIddleTime: true, | |
}) | |
} else { | |
arrowFunctionCallback({ | |
timedOutWithoutIddleTime: false, | |
}) | |
} | |
} else { | |
if (handle) { | |
window.cancelIdleCallback(handle) | |
} | |
const resultHandler = scheduleIdleCallback( | |
arrowFunctionCallback, | |
opts, | |
caller, | |
onResultHandlerUpdated | |
) | |
if (onResultHandlerUpdated) { | |
onResultHandlerUpdated(resultHandler) | |
} | |
} | |
} | |
handle = window.requestIdleCallback(callback, opts) | |
clearFn = function () { | |
try { | |
window.cancelIdleCallback(handle) | |
} catch (e) {} | |
} | |
} else { | |
if (opts && opts.timeout) { | |
const timeoutHandler = setTimeout( | |
arrowFunctionCallback, | |
opts.timeout || 0 | |
) | |
clearFn = function () { | |
try { | |
window.clearTimeout(timeoutHandler) | |
} catch (e) {} | |
} | |
} else if (arrowFunctionCallback) { | |
arrowFunctionCallback() | |
} | |
} | |
} catch (e) { | |
console.log( | |
`[BrowserUtils]_scheduleIdleCallback caller[${caller}] error:`, | |
e | |
) | |
} | |
return clearFn ? { clear: clearFn } : null | |
} | |
const MAX_TIMEOUT_FOR_RENDER_AFTER_MOUNT = 4000 // 4s | |
document.addEventListener("DOMContentLoaded", function (event) { | |
try { | |
scheduleIdleCallback( | |
({ timedOutWithoutIddleTime = false } = {}) => { | |
if (timedOutWithoutIddleTime === true) { | |
try { | |
const renderFailureEvent = | |
new CustomEvent( | |
"pupRenderFailure", | |
{} | |
) | |
console.info( | |
`[GenericPupSkeleton] NO CPU iddle after react mount MAX_TIMEOUT_FOR_RENDER_AFTER_MOUNT[${MAX_TIMEOUT_FOR_RENDER_AFTER_MOUNT}] - will notify pupRenderFailure. timestamp[${Date.now()}]. Will emit event:`, | |
renderFailureEvent | |
) | |
window.dispatchEvent( | |
renderFailureEvent | |
) | |
} catch (e) { | |
console.log( | |
`[GenericPupSkeleton]_pupRenderFailure failure. Error:`, | |
e | |
) | |
} | |
} else { | |
try { | |
const emitRenderEndEvent = () => { | |
const renderEndEvent = new CustomEvent("pupRenderEnd", {}) | |
console.info( | |
`[GenericPupSkeleton] CPU idle after react mount - will notify pupRenderEnd. timestamp[${Date.now()}]. Will emit event:`, | |
renderEndEvent | |
) | |
window.dispatchEvent(renderEndEvent) | |
} | |
const dispatchRenderEndAfterLoad = () => { | |
console.log('Waiting for assets to load to emit renderEndEvent') | |
window.__onLayoutLoaded = () => { | |
emitRenderEndEvent() | |
} | |
} | |
if( window.__usingClientSideResize ) { | |
if(!window.__successResizing){ | |
console.log('Running late applyResize, will schedule renderEndEvent to run when idle') | |
applyResize() | |
} | |
if(window.__usingHideUntilLoaded && !window.__isLoaded) { | |
dispatchRenderEndAfterLoad() | |
}else{ | |
window.requestAnimationFrame(emitRenderEndEvent) | |
} | |
} else if (window.__usingHideUntilLoaded && !window.__isLoaded ) { | |
dispatchRenderEndAfterLoad() | |
} else { | |
emitRenderEndEvent() | |
} | |
} catch (e) { | |
console.log( | |
`[GenericPupSkeleton]_pupRenderEnd failure. Error:`, | |
e | |
) | |
} | |
} | |
}, | |
{ timeout: MAX_TIMEOUT_FOR_RENDER_AFTER_MOUNT }, | |
"emit-pupRenderEnd" | |
) | |
} catch (e) { | |
console.log( | |
`[GenericPupSkeleton]_pupRenderEnd event emit failure error:`, | |
e | |
) | |
} | |
}) | |
</script> | |
<script> | |
window.__morphedQueryParams = {"@bgImage":"__CAMPAIGN_BG_IMAGE_URL__","@campaignPrimaryStore":"__PRIMARY_STORE__","@ctaLabel":"__CTA_LABEL__","@headline":"__CAMPAIGN_TITLE__","@pricingTier":"__PRICING_TIER__","@salesOrgId":"__WEEE_SHOP_ID__","@subheadline":"__CAMPAIGN_SUBTITLE__","invalidateCacheV":"1"} | |
</script> | |
<link rel="preconnect" href="https://framerusercontent.com"> | |
<link rel="preconnect" href="https://events.framer.com"> | |
<link rel="preconnect" href="https://experienced-differences-630119.framer.app"> | |
<link rel="preconnect" href="https://fonts.googleapis.com"> | |
<link rel="preconnect" href="https://fonts.gstatic.com"> | |
<link rel="preconnect" href="https://www.gstatic.com"> | |
<link rel="preconnect" href="https://img.anycart.com"> | |
<link rel="preconnect" href="https://sku.anycart.com"> | |
<link rel="preconnect" href="https://anycart.com"> | |
<link rel="preconnect" href="https://assets-global.website-files.com"> | |
<link rel="preconnect" href="https://www.googletagmanager.com"> | |
<link rel="preconnect" href="https://www.google-analytics.com"> | |
<link rel="preconnect" href="https://analytics.google.com"> | |
<link rel="preconnect" href="https://stats.g.doubleclick.net"> | |
<link rel="preconnect" href="https://weeeone.onelink.me"> | |
<link rel="preconnect" href="https://play.google.com"> | |
</head> | |
<body class="framer-body-DV78Ru7Um"> | |
<!-- End of bodyStart --> | |
<div id="main" data-framer-hydrate-v2="{"routeId":"DV78Ru7Um","localizationId":"default","localeId":"default","pathVariables":{"ob5bPk_mr":"emailhero-003"}}" data-framer-ssr-released-at="2023-11-07T11:04:20.666Z" data-framer-page-optimized-at="2023-11-21T21:24:52.408Z"><!--$--><div class="framer-eW30M" style="--EIc8MjVrC:2084;--OLyTq0Z0n:0;display:contents"><div class="framer-3f76c9" style="min-height:100vh;width:auto"><div class="framer-1yrcei9" data-framer-name="wrapper?generic-pup-class=full-vw" name="wrapper?generic-pup-class=full-vw"><div class="framer-vvarjn-container" id="L64IiiduH"><script>//START OF SSR DATA//{"minSKUs":0,"backgroundURLMandatory":true}//END OF SSR DATA//</script><div class="__resizeToParent generic-pup-skeleton-wrapper"><div class="framer-qrElf framer-v-dk09tp" style="display:contents" tabindex="0"><div class="framer-1vmriyk" data-framer-name="003" style="background-color:rgb(255, 255, 255)"><div class="framer-orqc53" data-framer-name="bgImage"><div class="framer-1mvkh3z-container"><div style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative"><img src="__CAMPAIGN_BG_IMAGE_URL__" img_data-gts_bgImage="true" style="max-width:100%;width:100%;height:100%;object-fit:cover;object-position:center center;position:absolute"></div></div></div><div class="framer-1r3w57f" data-framer-name="headline"><div class="framer-zkg52n" data-framer-name="gradient" style="background:linear-gradient(180deg, #FFFFFF 25.003519144144143%, rgba(255, 255, 255, 0) 56.13386824324324%);opacity:0.79"></div><div class="framer-jqhabp" data-framer-name="content" style="background-color:rgba(0, 0, 0, 0);filter:invert(1);-webkit-filter:invert(1)"><div class="framer-1k5t92r-container"><div class="framer-I32Em framer-v-n69sx4" style="display:contents" tabindex="0"><div class="framer-g43stf" data-framer-name="FullwidthBGImageLight" style="width:100%"><div class="framer-1ndiwv3" data-framer-name="Main"><div class="framer-10wkknp" data-framer-name="Content wrapper"><div class="framer-lvz2pf" data-framer-name="Arrow Container" style="background-color:rgba(255, 255, 255, 0.25);border-bottom-left-radius:50px;border-bottom-right-radius:50px;border-top-left-radius:50px;border-top-right-radius:50px;filter:invert(1);-webkit-filter:invert(1);transform:rotate(90deg) translateZ(0)"><div class="framer-1y79rca-container" style="transform:translate(-50%, -50%)"><svg width="100%" height="100%" viewBox="0 0 21 21" fill="CurrentColor" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1526_1441)"><path wd-replace-svg-fill="@ctaIconFill" d="M19.8325 10.3833L19.851 10.3578C19.8598 10.3472 19.8677 10.3358 19.8756 10.3244C19.8836 10.3129 19.8888 10.3032 19.895 10.2927L19.9135 10.2619C19.9196 10.2513 19.924 10.239 19.9293 10.2276C19.9346 10.2161 19.9399 10.2064 19.9443 10.1959C19.9492 10.1847 19.9533 10.1733 19.9566 10.1616C19.961 10.1501 19.9654 10.1387 19.9689 10.1264C19.9724 10.1141 19.9751 10.1035 19.9786 10.0921C19.9821 10.0806 19.9847 10.0683 19.9874 10.056C19.99 10.0437 19.9918 10.0287 19.9935 10.0155C19.9953 10.0023 19.9935 9.99438 19.9979 9.98382C20.0023 9.93465 20.0023 9.88517 19.9979 9.836C19.9979 9.82456 19.9979 9.81488 19.9935 9.80432C19.9891 9.79376 19.9935 9.77704 19.9874 9.76296C19.9812 9.74888 19.9812 9.7392 19.9786 9.72688C19.9759 9.71457 19.9724 9.70401 19.9689 9.69257C19.9654 9.68113 19.961 9.66881 19.9575 9.65737C19.9539 9.64593 19.9495 9.63449 19.9443 9.62305C19.939 9.61161 19.9346 9.60193 19.9293 9.59137C19.924 9.58082 19.9196 9.5685 19.9135 9.55706L19.895 9.52714C19.8888 9.5157 19.8827 9.50514 19.8756 9.49458L19.8519 9.46114C19.8448 9.45322 19.8387 9.44355 19.8325 9.43563C19.8264 9.42771 19.8 9.39779 19.7824 9.38019L11.6051 1.20297C11.4626 1.07626 11.277 1.00881 11.0863 1.01442C10.8956 1.02004 10.7143 1.09829 10.5794 1.23317C10.4445 1.36805 10.3663 1.54937 10.3607 1.74003C10.3551 1.9307 10.4225 2.11631 10.5492 2.25889L17.4505 9.16021H0.749408C0.551041 9.16021 0.360799 9.23901 0.220532 9.37927C0.0802658 9.51954 0.00146484 9.70978 0.00146484 9.90815C0.00146484 10.1065 0.0802658 10.2968 0.220532 10.437C0.360799 10.5773 0.551041 10.6561 0.749408 10.6561H17.4479L10.5466 17.5565C10.4199 17.6991 10.3524 17.8847 10.358 18.0754C10.3636 18.2661 10.4419 18.4474 10.5768 18.5823C10.7117 18.7171 10.893 18.7954 11.0836 18.801C11.2743 18.8066 11.4599 18.7392 11.6025 18.6124L19.7797 10.4352C19.7991 10.42 19.8167 10.4027 19.8325 10.3833Z" fill="CurrentColor"></path></g></svg></div></div><div class="framer-1jmkufd" data-framer-name="Spacer"></div><div class="framer-kvgh4b" data-framer-name="Text content"><div class="framer-1gy6en" style="outline:none;display:flex;flex-direction:column;justify-content:flex-start;flex-shrink:0;--extracted-r6o4lv:var(--variable-reference-eoYkSCGj0-FU67XpheJ);--framer-link-text-color:rgb(0, 153, 255);--framer-link-text-decoration:underline;--framer-paragraph-spacing:0px;--variable-reference-eoYkSCGj0-FU67XpheJ:rgb(236, 236, 236);--variable-reference-o7YnePE2n-FU67XpheJ:166;opacity:1;transform:none" data-framer-component-type="RichTextContainer"><p style="--font-selector:R0Y7UG9wcGlucy02MDA=;--framer-font-family:"Poppins", sans-serif;--framer-font-size:calc(var(--variable-reference-o7YnePE2n-FU67XpheJ) * 1px);--framer-font-weight:600;--framer-letter-spacing:-1.5px;--framer-line-height:1.1em;--framer-text-alignment:center;--framer-text-color:var(--extracted-r6o4lv, var(--variable-reference-eoYkSCGj0-FU67XpheJ))" class="framer-text" txt_data-gts_headline="true">__CAMPAIGN_TITLE__</p></div><div class="framer-1e9h7lc" style="outline:none;display:flex;flex-direction:column;justify-content:flex-start;flex-shrink:0;--extracted-r6o4lv:var(--variable-reference-eoYkSCGj0-FU67XpheJ);--framer-link-text-color:rgb(0, 153, 255);--framer-link-text-decoration:underline;--framer-paragraph-spacing:0px;--variable-reference-eoYkSCGj0-FU67XpheJ:rgb(236, 236, 236);transform:none" data-framer-component-type="RichTextContainer"><p style="--font-selector:R0Y7UG9wcGlucy01MDA=;--framer-font-family:"Poppins", sans-serif;--framer-font-size:110px;--framer-font-weight:500;--framer-letter-spacing:-1.5px;--framer-line-height:1.25em;--framer-text-alignment:center;--framer-text-color:var(--extracted-r6o4lv, var(--variable-reference-eoYkSCGj0-FU67XpheJ))" class="framer-text" txt_data-gts_subheadline="true">__CAMPAIGN_SUBTITLE__</p></div></div><div class="framer-19kil0s-container"><div class="framer-DT6r1 framer-v-15ffly6" style="display:contents" tabindex="0"><div class="framer-15ffly6" data-framer-name="Light" style="background-color:rgb(236, 236, 236);border-bottom-left-radius:999px;border-bottom-right-radius:999px;border-top-left-radius:999px;border-top-right-radius:999px"><div class="framer-1n8koqt" style="outline:none;display:flex;flex-direction:column;justify-content:flex-start;flex-shrink:0;--extracted-r6o4lv:var(--variable-reference-N_sMRY27B-Gzi4pSoX4);--framer-link-text-color:rgb(0, 153, 255);--framer-link-text-decoration:underline;--framer-paragraph-spacing:0px;--variable-reference-N_sMRY27B-Gzi4pSoX4:rgb(0, 0, 0);transform:none" data-framer-component-type="RichTextContainer"><p style="--font-selector:R0Y7UG9wcGlucy01MDA=;--framer-font-family:"Poppins", sans-serif;--framer-font-size:79px;--framer-font-weight:500;--framer-line-height:1.4em;--framer-text-alignment:center;--framer-text-color:var(--extracted-r6o4lv, var(--variable-reference-N_sMRY27B-Gzi4pSoX4))" class="framer-text" txt_data-gts_ctaLabel="true">__CTA_LABEL__</p></div></div></div></div></div></div></div></div></div></div></div></div></div></div><div style="display:none">ADMIN PROPERTY:<!-- --> <!-- --><a href="https://beta.anycart.com/admin/properties/edit/gts_bannner_template_database" target="_blank">https://beta.anycart.com/admin/properties/edit/gts_bannner_template_database</a><p>{ | |
"slug": "emailhero-003", | |
"templateUrl": "https://anycart.com/mgp/ssr-banner/generic-pup/emailhero-003?invalidateCacheV=2&@headline=__CAMPAIGN_TITLE__&@subheadline=__CAMPAIGN_SUBTITLE__&@ctaLabel=__CTA_LABEL__&@campaignPrimaryStore=__PRIMARY_STORE__&@salesOrgId=__WEEE_SHOP_ID__&@pricingTier=__PRICING_TIER__&@bgImage=__CAMPAIGN_BG_IMAGE_URL__", | |
"maxSkuSize": 9, | |
"minSkuSize": 0 | |
}</p></div></div></div></div><div id="overlay"></div></div><!--/$--></div><div id="svg-templates" style="position: absolute; overflow: hidden; top: 0; left: 0; width: 0; height: 0"> | |
</div> | |
<div id="__framer-badge-container"></div> | |
<script data-framer-appear-animation="no-preference"></script> | |
<!-- <script type="module" data-framer-bundle="" src="https://framerusercontent.com/sites/79pPTHkbUUmHkHB1Lwc0T8/preview_script0.Q4KPNAAL.mjs"></script> ---> | |
<!-- End of bodyEnd --> | |
</body></html><style>/* USING INTER FOR NUMBERS */ | |
/* Loading Inter one weight bolder than Poppins for 600, 700 and 800, ex 800 becomes: https://fonts.googleapis.com/css2?family=Inter:wght@900 */ | |
@font-face { | |
font-family: 'Numbers'; | |
font-style: normal; | |
font-weight: 400; | |
src: url('https://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfAZ9hiJ-Ek-_EeA.woff2') format('woff2'); | |
unicode-range: U+0030-0039; | |
} | |
@font-face { | |
font-family: 'Numbers'; | |
font-style: normal; | |
font-weight: 500; | |
src: url('https://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuI6fAZ9hiJ-Ek-_EeA.woff2') format('woff2'); | |
unicode-range: U+0030-0039; | |
} | |
@font-face { | |
font-family: 'Numbers'; | |
font-style: normal; | |
font-weight: 600; | |
src: url('https://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuFuYAZ9hiJ-Ek-_EeA.woff2') format('woff2'); | |
unicode-range: U+0030-0039; | |
} | |
@font-face { | |
font-family: 'Numbers'; | |
font-style: normal; | |
font-weight: 700; | |
src: url('https://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuDyYAZ9hiJ-Ek-_EeA.woff2') format('woff2'); | |
unicode-range: U+0030-0039; | |
} | |
@font-face { | |
font-family: 'Numbers'; | |
font-style: normal; | |
font-weight: 800; | |
src: url('https://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuBWYAZ9hiJ-Ek-_EeA.woff2') format('woff2'); | |
unicode-range: U+0030-0039; | |
} | |
/* https://fonts.googleapis.com/css?family=Poppins:regular,500,600,700,800&subset=latin,latin-ext */ | |
/* devanagari */ | |
@font-face { | |
font-family: 'Poppins'; | |
font-style: normal; | |
font-weight: 400; | |
src: url(https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrJJbecnFHGPezSQ.woff2) format('woff2'); | |
unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB; | |
} | |
/* latin-ext */ | |
@font-face { | |
font-family: 'Poppins'; | |
font-style: normal; | |
font-weight: 400; | |
src: url(https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrJJnecnFHGPezSQ.woff2) format('woff2'); | |
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; | |
} | |
/* latin */ | |
@font-face { | |
font-family: 'Poppins'; | |
font-style: normal; | |
font-weight: 400; | |
src: url(https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrJJfecnFHGPc.woff2) format('woff2'); | |
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; | |
} | |
/* devanagari */ | |
@font-face { | |
font-family: 'Poppins'; | |
font-style: normal; | |
font-weight: 500; | |
src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLGT9Z11lFd2JQEl8qw.woff2) format('woff2'); | |
unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB; | |
} | |
/* latin-ext */ | |
@font-face { | |
font-family: 'Poppins'; | |
font-style: normal; | |
font-weight: 500; | |
src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLGT9Z1JlFd2JQEl8qw.woff2) format('woff2'); | |
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; | |
} | |
/* latin */ | |
@font-face { | |
font-family: 'Poppins'; | |
font-style: normal; | |
font-weight: 500; | |
src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLGT9Z1xlFd2JQEk.woff2) format('woff2'); | |
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; | |
} | |
/* devanagari */ | |
@font-face { | |
font-family: 'Poppins'; | |
font-style: normal; | |
font-weight: 600; | |
src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLEj6Z11lFd2JQEl8qw.woff2) format('woff2'); | |
unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB; | |
} | |
/* latin-ext */ | |
@font-face { | |
font-family: 'Poppins'; | |
font-style: normal; | |
font-weight: 600; | |
src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLEj6Z1JlFd2JQEl8qw.woff2) format('woff2'); | |
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; | |
} | |
/* latin */ | |
@font-face { | |
font-family: 'Poppins'; | |
font-style: normal; | |
font-weight: 600; | |
src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLEj6Z1xlFd2JQEk.woff2) format('woff2'); | |
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; | |
} | |
/* devanagari */ | |
@font-face { | |
font-family: 'Poppins'; | |
font-style: normal; | |
font-weight: 700; | |
src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLCz7Z11lFd2JQEl8qw.woff2) format('woff2'); | |
unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB; | |
} | |
/* latin-ext */ | |
@font-face { | |
font-family: 'Poppins'; | |
font-style: normal; | |
font-weight: 700; | |
src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLCz7Z1JlFd2JQEl8qw.woff2) format('woff2'); | |
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; | |
} | |
/* latin */ | |
@font-face { | |
font-family: 'Poppins'; | |
font-style: normal; | |
font-weight: 700; | |
src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLCz7Z1xlFd2JQEk.woff2) format('woff2'); | |
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; | |
} | |
/* devanagari */ | |
@font-face { | |
font-family: 'Poppins'; | |
font-style: normal; | |
font-weight: 800; | |
src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLDD4Z11lFd2JQEl8qw.woff2) format('woff2'); | |
unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB; | |
} | |
/* latin-ext */ | |
@font-face { | |
font-family: 'Poppins'; | |
font-style: normal; | |
font-weight: 800; | |
src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLDD4Z1JlFd2JQEl8qw.woff2) format('woff2'); | |
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; | |
} | |
/* latin */ | |
@font-face { | |
font-family: 'Poppins'; | |
font-style: normal; | |
font-weight: 800; | |
src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLDD4Z1xlFd2JQEk.woff2) format('woff2'); | |
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; | |
} | |
:root { | |
--font-family: 'Numbers', 'Poppins', -apple-system, BlinkMacSystemFont, 'Roboto', 'Seogoe UI', 'Ubuntu'; | |
/* --font-family-secondary: 'Inter'; */ | |
} | |
</style> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment