.newsletter{display:grid;gap:var(--s-3)}.newsletter__heading{font-size:var(--t-h3)}.newsletter__text{color:var(--c-fg-muted);font-size:var(--t-small);max-width:var(--measure)}.newsletter--split .newsletter__heading{font-family:var(--font-heading-family);font-size:var(--t-h1);letter-spacing:var(--ls-heading);max-width:16ch}.newsletter--split .newsletter__text{font-size:var(--t-body);margin-block-start:var(--s-2)}@media screen and (min-width:750px){.newsletter--split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:var(--s-8);align-items:center}.newsletter--split .newsletter__heading{grid-column:1;grid-row:1}.newsletter--split .newsletter__text{grid-column:1;grid-row:2}.newsletter--split .newsletter__form{grid-column:2;grid-row:1 / 3;align-self:center}.newsletter--split .newsletter__row{grid-template-columns:1fr auto}}.newsletter__form{display:grid;gap:var(--s-3)}.newsletter__row{display:grid;gap:var(--s-2)}.newsletter__field{display:grid;gap:var(--s-1)}.newsletter__label{font-size:var(--t-micro);font-weight:var(--fw-medium);color:var(--c-fg-muted)}.newsletter__input{width:100%;min-height:var(--tap);padding:var(--s-3) var(--s-4);border:1px solid var(--c-border);border-radius:var(--r-sm);background-color:var(--c-bg);color:var(--c-fg);font-size:16px}.newsletter__input::placeholder{color:var(--c-fg-muted);opacity:1}.newsletter__input[aria-invalid=true]{border-color:var(--c-error)}.newsletter__consent{display:grid;grid-template-columns:auto 1fr;gap:var(--s-3);align-items:start}.newsletter__checkbox{width:24px;height:24px;margin:0;accent-color:var(--c-accent-deep);flex:0 0 auto}.newsletter__consent-label{font-size:var(--t-micro);line-height:1.5;color:var(--c-fg-muted);cursor:pointer}.newsletter__consent-label a{color:inherit;text-decoration:underline;text-underline-offset:.2em}.newsletter__message{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-3);border-radius:var(--r-sm);font-size:var(--t-small)}.newsletter__message .icon{flex:0 0 auto}.newsletter__message--success{background-color:#e8f1ec;color:#10402a}.newsletter__message--error{background-color:#fdecea;color:#8c1d16}@media screen and (min-width:600px){.newsletter__row{grid-template-columns:1fr auto;align-items:end;gap:var(--s-3)}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/component-newsletter.css.map */