.newsletter-popup{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;align-items:center;justify-content:center}.newsletter-popup.is-visible{display:flex}.newsletter-popup-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#05050573;cursor:pointer}.newsletter-popup-content{position:relative;z-index:1;background:var(--color-bg, rgb(247, 240, 232));max-width:500px;width:90%;padding:3rem 2.5rem;text-align:center}.newsletter-popup-close{position:absolute;top:.75rem;right:.75rem;background:none;border:none;font-size:1.75rem;line-height:1;cursor:pointer;color:var(--color-text, #050505);padding:.25rem .5rem}.newsletter-popup-close:hover{opacity:.6}.newsletter-popup-heading{font-family:var(--font-body, "labil-grotesk-web", sans-serif);font-weight:var(--font-weight-medium, 500);font-size:1.75rem;margin:0 0 .75rem;color:var(--color-text, #050505);line-height:1.2}.newsletter-popup-subtext{font-family:var(--font-body, "labil-grotesk-web", sans-serif);font-weight:var(--font-weight-regular, 400);font-size:.9375rem;color:var(--color-text-secondary, #666);margin:0 0 1.5rem;line-height:1.5}.newsletter-popup-field{display:flex;gap:0}.newsletter-popup-input{flex:1;font-family:var(--font-body, "labil-grotesk-web", sans-serif);font-size:.875rem;padding:.75rem 1rem;border:1px solid var(--color-border-dark, #ccc);border-right:none;background:var(--color-white, #fff);color:var(--color-text, #050505);outline:none}.newsletter-popup-input::placeholder{color:var(--color-text-tertiary, #888)}.newsletter-popup-input:focus{border-color:var(--color-text, #050505)}.newsletter-popup-submit{font-family:var(--font-body, "labil-grotesk-web", sans-serif);font-weight:var(--font-weight-medium, 500);font-size:.875rem;padding:.75rem 1.5rem;border:1px solid var(--color-button-bg, #050505);background:var(--color-button-bg, #050505);color:var(--color-button-text, #fff);cursor:pointer;white-space:nowrap;transition:opacity .2s}.newsletter-popup-submit:hover{opacity:.8}@media screen and (max-width:480px){.newsletter-popup-content{width:94%;padding:2rem 1.5rem}.newsletter-popup-heading{font-size:1.375rem}.newsletter-popup-subtext{font-size:.875rem}.newsletter-popup-field{flex-direction:column;gap:.5rem}.newsletter-popup-input{border-right:1px solid var(--color-border-dark, #ccc)}.newsletter-popup-submit{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/newsletter.css.map */