.newsletter-popup{--newsletter-popup-max-width: 72rem;--newsletter-popup-overlay-opacity: .55;position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:none;align-items:center;justify-content:center;padding:1.6rem}.newsletter-popup.is-open{display:flex}.newsletter-popup__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;border:0;background:rgba(var(--color-foreground),var(--newsletter-popup-overlay-opacity));cursor:pointer}.newsletter-popup__dialog{position:relative;z-index:2;width:min(100%,var(--newsletter-popup-max-width));max-height:calc(100vh - 3.2rem);overflow:auto;display:grid;grid-template-columns:minmax(0,1fr);background:rgb(var(--color-background));opacity:1;isolation:isolate}.newsletter-popup__dialog.global-settings-popup{border-style:solid}.newsletter-popup__close{position:absolute;top:.8rem;right:.8rem;z-index:2}.newsletter-popup__media{min-height:18rem}.newsletter-popup__image{display:block;width:100%;height:100%;object-fit:cover}.newsletter-popup__content{padding:2.4rem}.newsletter-popup__blocks{width:100%;display:flex;flex-direction:column}.newsletter-popup__title{margin:0}.newsletter-popup__text{margin-top:1.2rem}.newsletter-popup__form{margin-top:2rem}.newsletter-popup__field+.newsletter-popup__field{margin-top:1.2rem}.newsletter-popup__submit{margin-top:1.6rem;width:auto}.newsletter-popup__message{margin-top:1.2rem;margin-bottom:0}.newsletter-popup__message--success{color:rgb(var(--color-foreground))}.newsletter-popup__disclaimer{margin-top:1.6rem;font-size:1.2rem;color:rgba(var(--color-foreground),.75)}.newsletter-popup__dismiss-link{margin-top:1.2rem;background:transparent;border:0;padding:0;cursor:pointer}@media screen and (min-width:750px){.newsletter-popup{padding:2.4rem}.newsletter-popup__dialog--image-left,.newsletter-popup__dialog--image-right{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.newsletter-popup__dialog--image-right .newsletter-popup__content{order:1}.newsletter-popup__dialog--image-right .newsletter-popup__media{order:2}.newsletter-popup__dialog--image-left .newsletter-popup__media{order:1}.newsletter-popup__dialog--image-left .newsletter-popup__content{order:2}.newsletter-popup__dialog--image-top .newsletter-popup__media{max-height:30rem}.newsletter-popup__dialog--image-top{grid-template-columns:minmax(0,1fr)}.newsletter-popup__content{padding:3.2rem}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/newsletter-popup-modal.css.map */