.popup dialog.popup__dialog{width:calc(100vw - 3.2rem);max-width:88rem;max-height:calc(100dvh - 3.2rem);margin:auto;border-radius:2rem;overflow:hidden;overscroll-behavior:contain}.popup .popup__inner{min-height:0;max-height:inherit;overflow:auto;overscroll-behavior:contain}.popup .popup__media{aspect-ratio:.9237228831350595;min-width:0;width:100%;height:100%}.popup .popup__media>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.popup .popup__inner{grid-template-columns:minmax(0,var(--popup-media-width,50%)) minmax(0,calc(100% - var(--popup-media-width,50%)))}.popup .popup__media[hidden]{display:none}.popup .popup__inner:has(.popup__media[hidden]){display:block}.popup .popup__content{box-sizing:border-box;min-width:0;padding:var(--popup-padding-block,6rem) var(--popup-padding-inline,3rem);gap:0;align-items:center;justify-content:flex-start}.popup .popup__content>*{min-width:0}.popup .newsletter-form>*{min-width:0}.popup .popup__brand{flex:none;margin-bottom:2.4rem}.popup .popup__brand img{width:100%;height:auto;object-fit:contain}.popup .popup__brand--text{font-family:var(--font-heading--family);font-weight:700;font-size:2rem;line-height:2.134375rem}.popup .popup__heading{width:100%;font-size:var(--popup-heading-size,32px);line-height:1.3125;margin:0}.popup .popup__body{margin-top:1.6rem;font-size:1.5rem;line-height:2.4rem}.popup .popup__body p{margin:0}.popup .popup__content .newsletter-form{position:relative;width:100%;margin-top:2.4rem;display:flex;flex-direction:column;gap:2rem}.popup .popup__content .newsletter-form>.h-captcha{position:absolute;top:100%;inset-inline-start:0;width:100%}.popup .popup__content .field__input{height:5rem;min-height:5rem;padding:.8rem 1.6rem}.popup .popup__content .newsletter-form>.btn{min-height:5rem;height:5rem}.popup [data-popup-validation]{min-height:2.4rem;margin:0;visibility:hidden}.popup [data-popup-validation].is-visible{visibility:visible}.popup .popup__success-detail{margin:-.8rem 0 0;font-size:1.5rem;line-height:2.4rem}.popup .popup__dismiss{padding:0;margin-top:1.6rem;font-size:1.5rem;line-height:2.4rem;color:rgb(var(--color-foreground) / .7)}.popup .popup__close{position:absolute;top:2rem;right:2rem;width:1.6rem;height:1.6rem;padding:0;background:none;color:rgb(var(--color-foreground));border-radius:0;z-index:3}.popup .popup__close .icon{width:100%;height:100%}.popup dialog.popup__dialog[open]{animation:newsletter-in .5s cubic-bezier(.7,0,.2,1) both}.popup dialog.popup__dialog[open]::backdrop{animation:newsletter-backdrop-in .7s linear both}.popup dialog.popup__dialog[data-popup-closing]{animation:newsletter-out .5s cubic-bezier(.7,0,.2,1) both;pointer-events:none}.popup dialog.popup__dialog[data-popup-closing]::backdrop{animation:newsletter-backdrop-out .5s linear both}@keyframes newsletter-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes newsletter-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes newsletter-backdrop-in{0%{background:#0000}to{background:#0009}}@keyframes newsletter-backdrop-out{0%{background:#0009}to{background:#0000}}@media(min-width:768px){.popup .popup__close{top:2.4rem;right:2.4rem;width:2rem;height:2rem}}@media(max-width:767.98px){.popup .popup__inner{display:block}.popup .popup__media{aspect-ratio:1.6333333333333333;height:auto}.popup .popup__inner{grid-template-columns:1fr}.popup .popup__content{padding:var(--popup-padding-block-mobile,24px) var(--popup-padding-inline-mobile,20px)}.popup .popup__brand{margin-bottom:2rem}.popup .popup__brand--text{font-size:1.6rem;line-height:1.696875rem}.popup .popup__heading{font-size:var(--popup-heading-size-mobile,22px);line-height:1.3125}.popup .popup__body{margin-top:1.2rem}.popup .popup__content .newsletter-form{margin-top:2rem;gap:1.6rem}.popup .popup__dismiss{margin-top:1.2rem}}@media(prefers-reduced-motion:reduce){.popup dialog.popup__dialog[open],.popup dialog.popup__dialog[open]::backdrop{animation:none}}.popup .popup__inner--media-end .popup__media{order:2}.popup .popup__content{width:100%}.popup .popup__content>*{max-width:var(--popup-content-width, 100%)}.popup .popup__content--center{text-align:center;align-items:center}.popup .popup__content--right{text-align:right;align-items:flex-end}.popup .popup__brand{width:var(--popup-logo-width, 10.2rem);height:auto}@media(max-width:767.98px){.popup .popup__inner--media-end .popup__media{order:initial}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/newsletter-popup.css.map */
