.newsletter-popup-container{display:flex;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;justify-content:center;align-items:center}.newsletter-popup-container .newsletter-popup-overlay{width:100vw;height:100vh;position:fixed;top:0;left:0;background:#0000;transition:background-color var(--easing-medium)}.newsletter-popup-container.visible .newsletter-popup-overlay{background:#00000026}.newsletter-popup-container .newsletter-popup-overlay:after{content:"";position:absolute;top:-1px;left:-1px;bottom:-1px;right:-1px;width:calc(100% + 2px);height:calc(100% + 2px);backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px);transition:backdrop-filter var(--easing-medium),-webkit-backdrop-filter var(--easing-medium);pointer-events:none}.newsletter-popup-container.visible .newsletter-popup-overlay:after{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.newsletter-popup-container .newsletter-popup{background:rgb(var(--color-background));padding:var(--space-2xl);max-width:44ch;width:fit-content;position:relative;z-index:1001;clip-path:inset(50% 0 50% 0);transition:clip-path var(--easing-medium)}.newsletter-popup-container.visible .newsletter-popup{clip-path:inset(0% 0 0% 0)}.newsletter-popup-close{position:absolute;top:var(--space-md);right:var(--space-md);background:none;border:none;cursor:pointer;padding:var(--space-xs);z-index:1002}.newsletter-popup-close path{fill:rgb(var(--color-foreground))}.newsletter-popup-text{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm)}.newsletter-popup-text>*{width:100%}.newsletter-popup-title,.newsletter-popup-description{text-align:center;padding-left:var(--space-md);padding-right:var(--space-md)}.newsletter-popup-form-wrapper{margin-top:var(--space-lg)}.newsletter-popup-form-wrapper .form-input--wrapper{display:flex;flex-direction:column;align-items:center;gap:var(--space-xl)}.newsletter-popup-form-wrapper .form-input--wrapper>*{width:100%}.newsletter-popup-form .input-wrapper{width:96%}.newsletter-popup-form .form-response{margin-top:var(--space-md);text-align:center}
/*# sourceMappingURL=/cdn/shop/t/210/assets/newsletter-popup.css.map */