.newsletter-signup{width:100%;max-width:384px;margin-top:24px}.newsletter-form{--newsletter-background:var(--surface);background:var(--newsletter-background);border:0;border-radius:48px;align-items:center;gap:5px;min-height:44px;padding:7px;transition:background-color .18s;display:flex}.newsletter-form:focus-within{background:color-mix(in srgb, var(--newsletter-background), var(--text) 6%)}.newsletter-form:has(input:focus-visible){outline:2px solid var(--focus-ring,#e9d7b9);outline-offset:2px}.newsletter-form input{width:100%;min-width:0;color:var(--text);font-size:var(--type-small);line-height:var(--leading-body);background:0 0;border:0;outline:0;padding:0 9px}.newsletter-form input::placeholder{color:var(--muted);opacity:1}.newsletter-form .button{flex:none}.newsletter-form .button:disabled{cursor:default;opacity:.7}.newsletter-note{color:var(--dim);margin-top:12px;font-size:11px;line-height:1.5}.newsletter-note a{text-underline-offset:3px;text-decoration:underline;transition:color .2s}.newsletter-note a:hover{color:var(--text)}.newsletter-status{color:var(--text);font-size:var(--type-small);line-height:1.5}.newsletter-status:not(:empty){margin-top:10px}.newsletter-error{color:var(--form-error,#ffb4a8)}@media (max-width:746px){.newsletter-form input{font-size:16px}}