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