.newsletter-popup{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-3);opacity:0;visibility:hidden;transition:opacity var(--duration-base) var(--ease-out),visibility var(--duration-base) var(--ease-out)}.newsletter-popup.is-active{opacity:1;visibility:visible}.newsletter-popup__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--color-background-overlay)}.newsletter-popup__content{position:relative;background-color:var(--color-surface);max-width:480px;width:100%;padding:var(--space-8);text-align:center;transform:translateY(24px);transition:transform var(--duration-base) var(--ease-out)}.newsletter-popup.is-active .newsletter-popup__content{transform:translateY(0)}.newsletter-popup__close{position:absolute;top:var(--space-2);right:var(--space-2);display:flex;align-items:center;justify-content:center;width:36px;height:36px;color:var(--color-text-secondary);transition:color var(--duration-fast) var(--ease-out)}.newsletter-popup__close:hover{color:var(--color-text-primary)}.newsletter-popup__title{font-size:var(--font-size-lg);font-weight:var(--heading-weight);margin-bottom:var(--space-1)}.newsletter-popup__subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-4)}.newsletter-popup__form{display:flex;flex-direction:column;gap:var(--space-2)}.newsletter-popup__input{padding:var(--space-2);font-size:var(--font-size-sm);border:var(--border-width) solid var(--color-border);background:transparent;text-align:center;min-height:48px}.newsletter-popup__input:focus{border-color:var(--color-text-primary);outline:none}.newsletter-popup__btn{padding:var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-wider);text-transform:uppercase;background-color:var(--color-text-primary);color:var(--color-text-inverse);border:var(--border-width) solid var(--color-text-primary);min-height:48px;cursor:pointer;transition:all var(--duration-base) var(--ease-out)}.newsletter-popup__btn:hover{background-color:transparent;color:var(--color-text-primary)}
/*# sourceMappingURL=/cdn/shop/t/41/assets/component-newsletter-popup.css.map */