.newsletter-popup-modal{position:fixed;z-index:100;top:0;bottom:0;left:0;right:0;opacity:0;pointer-events:none;transition:opacity var(--duration-default) ease}.newsletter-popup-modal[open]{opacity:1!important;pointer-events:auto}.newsletter-popup-modal__heading{color:#000;font-size:1.6rem;font-weigght:300}.newsletter-popup-modal__content{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(var(--color-foreground),.2);display:flex;justify-content:center;align-items:center}.newsletter-popup-modal__box{position:relative;color:#000;background-color:#fff;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));width:90%;max-width:400px;padding:2.5rem;overflow-y:auto;height:280px}@media screen and (min-width:750px){.newsletter-popup-modal__box{max-height:calc(100vh - 8rem)}}.newsletter-popup-modal__close-button{position:absolute;padding:0;background:transparent;color:currentColor;width:4.4rem;height:4.4rem;display:flex;align-items:center;justify-content:center;z-index:1;right:0;top:0;border:none;cursor:pointer}.newsletter-popup-modal__close-button .icon{width:1.7rem;height:1.7rem}.newsletter-popup-modal__heading{margin-bottom:2rem;font-size:1.4rem;line-height:1.3}.newsletter-popup-modal__text{margin-bottom:2.5rem;font-size:1.4rem}.newsletter-popup-modal__content-box{display:flex;flex-direction:column;height:100%;justify-content:end}.newsletter-popup-modal .newsletter-form__field-wrapper{max-width:100%}.newsletter-popup-modal .field{z-index:0}.newsletter-popup-modal .newsletter-form__message{justify-content:center}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10;background-color:rgba(var(--color-foreground),.5);display:none}details[open]+.modal-overlay{display:block}
/*# sourceMappingURL=/cdn/shop/t/7/assets/component-newsletter-popup.css.map */