.footer-newsletter-modal{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;border:0;z-index:101;display:none;padding:24px;background:#0000008c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.footer-newsletter-modal[open]{display:grid;place-items:center}.footer-newsletter-modal__content{position:relative;width:min(100%,480px);max-height:calc(100dvh - 48px);overflow:auto;padding:56px 28px 36px;border-radius:20px;background:#fff;color:#222;text-align:center;outline:none}.footer-newsletter-modal__content h2{font-size:26px;line-height:1.25;margin:16px 0;color:inherit}.footer-newsletter-modal__content p{margin:0}.footer-newsletter-modal__icon svg{width:40px;height:40px}.footer-newsletter-modal__close{position:absolute;inset-block-start:16px;inset-inline-end:16px;display:grid;place-items:center;width:32px;height:32px;padding:0;border:1px solid #ccc;border-radius:50%;background:#fff;cursor:pointer}.footer-newsletter-modal__close svg{width:12px;height:12px}.footer-newsletter-modal__image{display:block;margin-bottom:20px}.footer-newsletter-modal__image img{display:block;width:100%;height:auto}.footer-newsletter-modal__link{margin-top:20px}.footer-newsletter-modal__discount{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:20px;padding:12px;border:1px dashed var(--solid-button-background, var(--color-accent));border-radius:8px}.footer-newsletter-modal__discount code{overflow-wrap:anywhere;min-width:0;font-size:20px;flex:1;border:none;background:none}.footer-newsletter-modal__discount button{flex-shrink:0;padding:8px 12px;border-radius:6px;background:var(--solid-button-background, var(--color-accent));color:var(--solid-button-label, #fff);cursor:pointer}.footer-newsletter-modal__close:focus-visible,.footer-newsletter-modal__discount button:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.footer-newsletter-modal__discount button{min-height:44px}.footer-newsletter-modal__close{width:44px;height:44px}.footer-newsletter-modal__content{overflow-wrap:anywhere}.footer-newsletter-modal::backdrop{background:transparent}body:has(.footer-newsletter-modal[open]){overflow:hidden}
/*# sourceMappingURL=/cdn/shop/t/26/assets/footer-newsletter.css.map */
