.newsletter{--nl-bg: var(--linen);--nl-fg: var(--espresso);--nl-muted: var(--muted);--nl-accent: var(--amber-on-light);--nl-line: var(--line);--nl-error: var(--oud);padding-block:var(--newsletter-pt, var(--section-py-desktop)) var(--newsletter-pb, var(--section-py-desktop));padding-inline:var(--gutter-mobile);background-color:var(--nl-bg);color:var(--nl-fg)}@media(min-width:750px){.newsletter{padding-inline:var(--gutter-desktop)}}.newsletter--warm{--nl-bg: var(--color-surface-warm);--nl-muted: color-mix(in oklch, var(--obsidian) 80%, var(--ivory));--nl-line: color-mix(in oklch, var(--obsidian) 16%, var(--ivory))}.newsletter--dark{--nl-bg: var(--color-surface-deep);--nl-fg: var(--color-text-inverse);--nl-muted: color-mix(in oklch, var(--bone) 76%, var(--mahogany));--nl-accent: color-mix(in oklch, var(--ivory) 90%, var(--oxblood));--nl-line: color-mix(in oklch, var(--bone) 26%, transparent);--nl-error: color-mix(in oklch, var(--ivory) 92%, var(--oxblood))}.newsletter--dark .newsletter__submit{background-color:var(--bone);border-color:var(--bone);color:var(--obsidian)}.newsletter--dark .newsletter__submit:hover,.newsletter--dark .newsletter__submit:focus-visible{background-color:var(--ivory);border-color:var(--ivory);color:var(--obsidian)}.newsletter__inner{max-inline-size:560px;margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-4);text-align:center;align-items:center}.newsletter__eyebrow{margin:0;font-size:var(--fs-eyebrow);letter-spacing:var(--ls-eyebrow);text-transform:uppercase;color:var(--nl-accent)}.newsletter__heading{margin:0;font-family:var(--font-display);font-weight:var(--font-weight-regular);font-size:var(--newsletter-heading-size, var(--fs-section));letter-spacing:var(--ls-display);line-height:1.05;color:var(--nl-fg);max-inline-size:18ch;text-wrap:balance}.newsletter__heading>p{margin:0}.newsletter__heading em{font-style:italic}.newsletter__subcopy{margin:0;font-size:var(--fs-body);line-height:var(--lh-body);color:var(--nl-muted)}.newsletter__form{display:flex;flex-direction:column;gap:var(--space-2);inline-size:100%}.newsletter__row{display:flex;gap:var(--space-1-5);inline-size:100%;flex-wrap:wrap}.newsletter__row>input{flex:1 1 220px;min-inline-size:0;padding-block:12px;padding-inline:16px;border:var(--border-width) solid var(--nl-line);border-radius:var(--radius-input);background-color:transparent;font-family:var(--font-body);font-size:var(--fs-body);color:var(--nl-fg)}.newsletter__row>input::placeholder{color:var(--nl-muted);opacity:1}.newsletter__row>input:focus-visible{outline:2px solid var(--nl-accent);outline-offset:2px;border-color:var(--nl-accent)}.newsletter__submit{flex:0 0 auto;min-block-size:var(--button-height);padding-block:12px;padding-inline:24px;border:var(--border-width) solid var(--button-border);border-radius:var(--button-radius);background-color:var(--button-bg);color:var(--button-color);box-shadow:var(--button-shadow);font-family:var(--font-body);font-size:var(--fs-label);font-weight:var(--font-weight-medium);letter-spacing:var(--button-letter-spacing);text-transform:var(--button-text-transform);cursor:pointer;transition:background-color var(--duration-hover) var(--ease-standard),border-color var(--duration-hover) var(--ease-standard),box-shadow var(--duration-hover) var(--ease-standard),color var(--duration-hover) var(--ease-standard),transform var(--duration-hover) var(--ease-standard)}.newsletter__error{margin:0;font-size:var(--fs-meta);color:var(--nl-error);text-align:start}.newsletter__success{margin:0;font-size:var(--fs-body);line-height:var(--lh-body);color:var(--nl-fg);padding:var(--space-3);border:var(--border-width) solid var(--nl-line);border-radius:var(--radius-card)}.newsletter__disclaimer{font-size:var(--fs-meta);line-height:var(--lh-body);color:var(--nl-muted)}.newsletter__disclaimer a{color:var(--nl-fg);text-decoration:underline}.newsletter .visually-hidden{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:749px){.newsletter{padding-block:var(--newsletter-pt, var(--section-py-mobile)) var(--newsletter-pb, var(--section-py-mobile))}.newsletter__inner{gap:var(--space-3)}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/section-newsletter.css.map */