.newsletter-popup{--newsletter-popup-accent:#ff6600;position:fixed;inset:auto 24px 24px auto;box-sizing:border-box;width:min(420px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;margin:0;padding:28px;border:1px solid var(--newsletter-popup-accent);border-radius:3px;background:#fffdf8;color:#202020;box-shadow:0 12px 60px #0003;font:inherit}
.newsletter-popup::backdrop{background:#0003}
.newsletter-popup h2{margin:0 24px 12px 0;font-size:1.65rem;line-height:1.15}
.newsletter-popup p{line-height:1.5}
.newsletter-popup-close{position:absolute;top:10px;right:12px;width:36px;height:36px;border:0;background:transparent;color:inherit;font-size:1.8rem;cursor:pointer}
.newsletter-popup form>label:first-child{display:block;margin:18px 0 6px;font-weight:600}
.newsletter-popup input[type=email]{box-sizing:border-box;width:100%;min-height:46px;padding:10px 12px;border:1px solid var(--newsletter-popup-accent);border-radius:3px;background:#fff;color:inherit;font:inherit}
.newsletter-popup .newsletter-popup-privacy{margin:16px 0 0;text-align:center;font-size:.78rem;color:#625b53}
.newsletter-popup a{color:inherit;text-decoration:underline}
.newsletter-popup-submit{width:100%;min-height:46px;margin-top:16px;padding:12px;border:0;border-radius:3px;background:#202020;color:#fff;font:inherit;font-weight:600;cursor:pointer}
.newsletter-popup-submit:disabled{opacity:.6;cursor:wait}
.newsletter-popup-later{display:block;min-height:44px;margin:4px auto 0;border:0;background:transparent;color:inherit;font:inherit;text-decoration:underline;cursor:pointer}
.newsletter-popup [data-newsletter-status]:empty{display:none}
.newsletter-popup :focus-visible{outline:3px solid var(--newsletter-popup-accent);outline-offset:3px}
@media(max-width:640px){.newsletter-popup{inset:auto 16px 16px;padding:24px}}