.newsletter-gate-modal{box-sizing:border-box;opacity:0;position:fixed;visibility:hidden;z-index:-1;margin:0;top:0;left:0;width:100%;height:100%;background:rgba(var(--color-foreground),.5)}.newsletter-gate-modal[open]{opacity:1;visibility:visible;z-index:102;background:#ffffff7a}.newsletter-gate-modal__content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% - 3rem);max-width:48rem;padding:3rem 2rem 2rem;border-radius:var(--popup-corner-radius, 0);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-gate-modal__content{padding:4rem 3rem 3rem}}.newsletter-gate-modal__toggle{position:absolute;top:1rem;right:1rem;background:transparent;border:none;cursor:pointer;padding:.8rem;color:rgb(var(--color-foreground))}.newsletter-gate-modal__toggle svg.icon.icon-close{width:16px}.newsletter-gate-modal__inner{text-align:center}.newsletter-gate-modal__heading{margin:0 0 1rem}.newsletter-gate-modal__text{margin-bottom:2rem;color:rgba(var(--color-foreground),.75)}.newsletter-gate-modal__form{max-width:36rem;margin:0 auto}.newsletter-gate-modal__form .field__input{text-align:left}.newsletter-gate-modal__submit{width:100%;margin-top:1.5rem;position:relative}.newsletter-gate-modal__submit.loading .newsletter-gate-modal__submit-text{visibility:hidden}.newsletter-gate-modal__submit .loading__spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.newsletter-gate-modal__login{margin-top:1.5rem;color:rgba(var(--color-foreground),.65)}.newsletter-gate-modal__login a{color:rgb(var(--color-foreground))}.newsletter-gate-modal__success{display:flex;flex-direction:column;align-items:center;gap:.8rem;margin-top:1rem}.newsletter-gate-modal__success.hidden{display:none}.newsletter-gate-modal__success .svg-wrapper{width:2.4rem;height:2.4rem}.newsletter-gate-modal__success p{margin:0}
/*# sourceMappingURL=/cdn/shop/t/40/assets/component-newsletter-gate.css.map */