.newsletter-section{display:block}.newsletter-modal .drawer__header{border-block-end:0;padding-block-end:0}.newsletter-modal .drawer__header:before{display:none!important}.newsletter-modal .drawer__header{opacity:1!important;visibility:visible!important}.newsletter-modal .drawer__close{position:static!important;display:flex!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;background:#11110f66!important;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:50%!important}.newsletter-modal{display:flex!important;align-items:center!important;justify-content:center!important;padding:var(--sp-6)}.newsletter-modal[hidden]{display:none!important}html:has(#NewsletterModal[open]){overflow:hidden;overscroll-behavior:none}.newsletter-modal{top:0!important;bottom:0!important;height:auto!important;padding-top:max(var(--sp-6),env(safe-area-inset-top))!important;padding-bottom:max(var(--sp-6),env(safe-area-inset-bottom))!important}.js .newsletter-modal .drawer__inner{position:static!important;inset:auto!important;transform:none!important;margin:0 auto!important;width:min(88vw,26rem)!important;height:auto!important;max-height:90vh!important;max-height:90dvh!important;border-radius:var(--rounded-block, var(--sp-5))!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr)!important}.newsletter-modal .drawer__inner>.drawer__header,.newsletter-modal .drawer__inner>.drawer__content{grid-column:1!important;grid-row:1!important;min-width:0;min-height:0}.newsletter-modal .drawer__inner>.drawer__content{overflow-y:auto;overscroll-behavior:contain}.newsletter-modal .text-center :is(.heading,.social-icons){justify-content:center}.newsletter-modal .text-right :is(.heading,.social-icons){justify-content:flex-end}.newsletter-modal .rich-text>.rte+.heading{margin-block-start:var(--sp-1d5)}.newsletter-modal .drawer__header{z-index:1;position:static;align-self:start;justify-self:end;padding:var(--sp-4)}@media screen and (min-width:640px){.newsletter-modal .drawer__inner{--image-width: 0px;width:auto;max-width:unset;margin:var(--sp-8d5)}.newsletter-modal .drawer__inner:not(.center-0){position:absolute}.newsletter-modal .newsletter__image+.drawer__scrollable{padding:var(--sp-11) var(--sp-8d5)}.newsletter-modal .newsletter-grid{max-width:30rem}.newsletter-modal .drawer__scrollable{max-width:min(min(30rem,calc(100vw - var(--image-width) - var(--sp-8d5) * 2)))}.newsletter-modal .newsletter__image{width:0;transition:width var(--animation-smooth)}.newsletter-modal .newsletter-grid.with-image{--image-width: 310px;transition:max-width var(--animation-smooth)}.newsletter-modal.show-image .newsletter-grid.with-image{max-width:calc(30rem + var(--image-width))}.newsletter-modal.show-image .newsletter__image{width:var(--image-width)}}/*! newsletter-popup quiz + scratch card */:where(#NewsletterModal){--pp7-popup-forest: #1f3a17;--pp7-popup-lime: #c9ff36;--pp7-popup-gold: #ffcd2e;--pp7-popup-sage: #eaf3dc;--pp7-popup-cream: #fffef8}.pp7-popup-scratch[hidden],.pp7-popup-quiz[hidden],.newsletter-grid[data-quiz-offer][hidden]{display:none!important}.newsletter-modal .overlay{cursor:auto!important;background:#fffef899!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition-duration:.15s!important;transition-property:opacity,visibility,background-color!important}.newsletter-modal .drawer__close{color:var(--pp7-popup-cream, #fffef8)}.newsletter-modal .drawer__close .icon{width:var(--sp-4);height:var(--sp-4)}.newsletter-modal .drawer__scrollable{padding:clamp(1.75rem,4vw,2.75rem) clamp(1.5rem,4vw,2.25rem)}.pp7-popup-stage{position:relative;display:flex;flex-direction:column;justify-content:flex-end;--pp7-stage-w: min(88vw, 26rem);min-height:calc(var(--pp7-stage-w) * .75 + 21.5rem)}@media screen and (max-width:639px){.newsletter-modal{left:0!important;right:auto!important;width:100vw!important}.pp7-popup-stage{min-height:calc(var(--pp7-stage-w) * .75 + 20rem)}.js .newsletter-modal .drawer__inner{max-height:86vh!important;max-height:86dvh!important}}.pp7-popup-stage{background-color:#11110f;background-size:100% auto;background-repeat:no-repeat;background-position:center top;isolation:isolate}.pp7-popup-stage__scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:linear-gradient(180deg,#11110f00 0,#11110f14 calc(var(--pp7-stage-w) * .5),#11110feb calc(var(--pp7-stage-w) * .8),#11110ff7)}.pp7-popup-scratch,.pp7-popup-quiz,.pp7-popup-stage .newsletter-grid{position:relative;z-index:1}.pp7-popup-scratch{display:grid;justify-items:center;gap:var(--sp-3);width:100%;padding:clamp(1.5rem,4vw,2.25rem) clamp(1.5rem,4vw,2.25rem) clamp(2.75rem,7vw,4rem);text-align:center}.pp7-popup-scratch__heading{margin:0;color:var(--pp7-popup-cream);font-size:var(--text-2xl);font-weight:800;line-height:1.15}.pp7-popup-scratch__eyebrow{margin:0 0 var(--sp-2);color:#fffef8d9;font-size:var(--text-sm);font-weight:600;line-height:1.3}.pp7-popup-scratch__card{position:relative;width:300px;max-width:100%;height:156px;border-radius:var(--sp-3);overflow:hidden;box-shadow:0 0 0 1px #fffef82e,0 10px 28px #00000073}.pp7-popup-scratch__prize{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--pp7-popup-forest);background:var(--pp7-popup-cream);font-size:var(--text-2xl);font-weight:800;letter-spacing:-.01em;text-align:center}.pp7-popup-scratch__canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;cursor:pointer;touch-action:none}.pp7-popup-scratch__hint{margin:0;color:#fffef8bf;font-size:var(--text-xs)}.pp7-popup-quiz{display:grid;align-content:end;gap:var(--sp-3);min-height:15rem;padding:clamp(1.5rem,4vw,2.25rem) clamp(1.5rem,4vw,2.25rem) clamp(2.75rem,7vw,4rem)}.pp7-popup-quiz__eyebrow{margin:0;color:#fffef8d9;font-size:var(--text-sm);font-weight:600;line-height:1.3;text-align:center}.pp7-popup-quiz__question{margin:0 0 var(--sp-2);color:var(--pp7-popup-cream);font-size:var(--text-xl);font-weight:800;line-height:1.2;text-align:center}.pp7-popup-quiz__options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-3)}.pp7-popup-quiz__option{-webkit-appearance:none;appearance:none;min-height:var(--sp-12);padding:var(--sp-3) var(--sp-3);color:var(--pp7-popup-cream);background:#fffef824;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(255,254,248,.3);border-radius:var(--sp-3);font-size:var(--text-sm);font-weight:700;cursor:pointer;transition:background-color .18s ease,color .18s ease,border-color .18s ease,transform .18s ease}.pp7-popup-quiz__option:hover{color:var(--pp7-popup-forest);background:var(--pp7-popup-lime);border-color:var(--pp7-popup-lime);transform:translateY(-1px)}.pp7-popup-stage .newsletter-grid .heading,.pp7-popup-stage .newsletter-grid .rte{color:var(--pp7-popup-cream)}.pp7-popup-stage .newsletter-form{--color-foreground: 255 254 248;color:rgb(var(--color-foreground))}.pp7-popup-quiz__offer-heading{margin:0 0 var(--sp-1);color:var(--pp7-popup-cream);font-size:var(--text-xl);font-weight:800;line-height:1.2}.pp7-popup-quiz__offer-text{margin:0 0 var(--sp-4);color:#fffef8bf}.newsletter-grid[data-quiz-offer] .newsletter-form .button--primary{color:var(--pp7-popup-forest);background:var(--pp7-popup-gold)}/*! newsletter-bar */.newsletter-bar{inset-block-start:50vh;transform:translateY(-50%);width:var(--sp-13);margin-inline:var(--page-padding);padding-block:var(--sp-2);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-color:rgb(var(--color-background)/ .8);box-shadow:0 0 0 1px rgb(var(--color-border))}@supports (height: 100svh){.newsletter-bar{inset-block-start:50svh}}.newsletter-bar__social ul{padding-block-start:var(--sp-1);flex-direction:column}.newsletter-bar__social ul li{width:var(--sp-10);height:var(--sp-10)}.newsletter-bar__social .social_platform{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.newsletter-bar__button{writing-mode:vertical-rl;font-size:var(--text-3xs);padding-inline:var(--sp-4);margin-block:var(--sp-2);color:rgb(var(--color-foreground));background-color:rgb(var(--color-foreground)/ .045)}.newsletter-bar.left-0 .newsletter-bar__button{transform:rotate(-180deg)}@media screen and (pointer:fine){.newsletter-bar__button:hover span{animation:beat .6s infinite ease}}@media screen and (min-width:640px){.newsletter-bar{margin-inline:var(--sp-6)}.has-dropdown-menu .newsletter-bar{z-index:15}}@media screen and (max-width:767px){.newsletter-bar.sm\:without-social{padding-block:0;width:var(--sp-10)}.newsletter-bar.sm\:without-social .newsletter-bar__button{margin-block:0}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/newsletter-popup.css.map */