@layer components{.newsletter-popup{width:min(34rem,calc(100vw - 2 * var(--space-s)));padding:0;border:1px solid var(--color-border);border-radius:12px;background-color:var(--color-surface);color:var(--color-text);box-shadow:0 24px 60px rgb(0 0 0/.25);&::backdrop{background-color:rgb(15 23 42/.55);backdrop-filter:blur(2px)}&[open]{animation:newsletter-popup-in .35s ease-out}& .newsletter-popup__panel{position:relative;padding:var(--space-l);&:focus{outline:none}}& .newsletter-popup__dismiss{position:absolute;top:var(--space-xs);right:var(--space-xs);display:flex;padding:.5rem;color:var(--color-text-muted);background:0 0;border:0;border-radius:6px;cursor:pointer;transition:color .3s ease;&:hover{color:var(--color-text)}&:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}}& .newsletter-popup__eyebrow{margin:0 0 var(--space-xs);font-size:.75rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--color-accent)}& .newsletter-popup__title{margin:0 0 var(--space-xs);font-size:var(--size-step-2);font-weight:900;line-height:1.15;color:var(--color-text)}& .newsletter-popup__text{margin:0 0 var(--space-m);font-size:var(--size-step-0);line-height:1.7;color:var(--color-text-muted)}& .newsletter-popup__outs{display:flex;flex-wrap:wrap;gap:var(--space-s);margin-top:var(--space-m);padding-top:var(--space-s);border-top:1px solid var(--color-border)}& .newsletter-popup__out{padding:0;font:inherit;font-size:.85rem;color:var(--color-text-muted);background:0 0;border:0;text-decoration:underline;text-underline-offset:3px;cursor:pointer;transition:color .3s ease;&:hover{color:var(--color-text)}&:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}}& .newsletter-popup__confirm{padding:.7rem 1.4rem;font:inherit;font-weight:700;color:var(--clr-midnight-blue);background-color:var(--color-accent);border:0;border-radius:6px;cursor:pointer;&:hover{opacity:.85}}& .newsletter-popup__panel--farewell{text-align:center}}@keyframes newsletter-popup-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.newsletter-popup[open]{animation:none}}}