.newsletter-popup__modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:101;display:none;align-items:center;justify-content:center;padding:1.5rem;background:#0000008c}.newsletter-popup__modal[open]{display:flex}.newsletter-popup__content{position:relative;display:grid;grid-template-columns:1fr;width:100%;max-width:46rem;max-height:90vh;overflow-y:auto;border:var(--popup-border-width) solid rgba(var(--color-foreground),var(--popup-border-opacity));border-radius:var(--popup-corner-radius);box-shadow:var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius) rgba(var(--color-shadow),var(--popup-shadow-opacity))}@media screen and (min-width:750px){.newsletter-popup__content:has(.newsletter-popup__media){grid-template-columns:22rem 1fr}}.newsletter-popup__media{overflow:hidden}.newsletter-popup__image{display:block;width:100%;height:100%;max-height:22rem;object-fit:cover}@media screen and (min-width:750px){.newsletter-popup__image{max-height:none}}.newsletter-popup__body{padding:3rem 2.4rem 2.4rem}@media screen and (min-width:750px){.newsletter-popup__body{padding:3.6rem 3.2rem}}.newsletter-popup__heading{margin:0 0 1rem}.newsletter-popup__text{margin-bottom:2rem}.newsletter-popup__text>p:last-child{margin-bottom:0}.newsletter-popup__form .field{margin-bottom:1.2rem}.newsletter-popup__button{width:100%}.newsletter-popup__disclaimer{margin:1.2rem 0 0;font-size:1.2rem;opacity:.72}.newsletter-popup__message,.newsletter-popup__success{display:flex;align-items:flex-start;gap:.6rem;margin-bottom:1.2rem}.newsletter-popup__success{margin-bottom:0}.newsletter-popup__close{position:absolute;top:.6rem;right:.6rem;z-index:2;display:flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;padding:0;background:rgba(var(--color-background),.85);border:none;border-radius:50%;color:rgb(var(--color-foreground));cursor:pointer}.newsletter-popup__close:hover{background:rgb(var(--color-background))}.newsletter-popup__close .icon,.newsletter-popup__close svg{width:1.6rem;height:1.6rem}@media(prefers-reduced-motion:no-preference){.newsletter-popup__modal[open] .newsletter-popup__content{animation:newsletter-popup-in .26s cubic-bezier(.16,.84,.44,1) both}}@keyframes newsletter-popup-in{0%{opacity:0;transform:translateY(1.2rem)}to{opacity:1;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/section-newsletter-popup.css.map */