.brand-newsletter{--brand-accent: #1867c0;--brand-accent-hover: #145a9e;--brand-line: var(--brand-card-line, #e4e7ec);--brand-muted: rgba(var(--color-foreground), .72);--brand-surface: #f4f6f9;position:relative;padding-top:var(--brand-nl-pad-top, 4.8rem);padding-bottom:var(--brand-nl-pad-bottom, 4.8rem);background:var(--brand-surface);border-block:.1rem solid var(--brand-line)}.brand-newsletter.gradient,.brand-newsletter[class*=color-]{background:var(--brand-surface);background-image:none}.brand-newsletter__inner{position:relative;z-index:1;display:grid;grid-template-columns:1.2fr 1fr;gap:2.5rem;align-items:center}.brand-newsletter__title{font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:700;font-size:clamp(2.25rem,2.4vw,2.8rem);letter-spacing:-.03em;line-height:1.15;margin:0 0 .55rem;color:rgb(var(--color-foreground))}.brand-newsletter__text{margin:0;color:var(--brand-muted);font-size:1.45rem;line-height:1.45}.brand-newsletter__form{display:flex;gap:.65rem;flex-wrap:wrap;align-items:stretch;margin:0}.brand-newsletter__input{flex:1 1 18rem;min-width:0;border:.1rem solid var(--brand-line);border-radius:1rem;padding:1rem 1.2rem;background:#fff;color:rgb(var(--color-foreground));font-size:1.4rem;line-height:1.3}.brand-newsletter__input::placeholder{color:rgba(var(--color-foreground),.45)}.brand-newsletter__input:focus{outline:.2rem solid rgba(24,103,192,.35);outline-offset:.1rem}.brand-newsletter__submit{display:inline-flex;align-items:center;justify-content:center;min-height:4.4rem;padding:.85rem 1.6rem;border-radius:1rem;border:.1rem solid transparent;background:var(--brand-accent);color:#fff;font-weight:500;font-size:1.4rem;line-height:1.2;cursor:pointer;white-space:nowrap;box-shadow:0 .8rem 2rem #1867c047;transition:background .15s ease}.brand-newsletter__submit:hover{background:var(--brand-accent-hover)}.brand-newsletter__message{margin:.75rem 0 0;font-size:1.25rem;width:100%}.brand-newsletter__message--error{color:#b42318}.brand-newsletter__message--success{color:#067647}@media screen and (max-width:800px){.brand-newsletter{padding-top:calc(var(--brand-nl-pad-top, 4.8rem) * .75);padding-bottom:calc(var(--brand-nl-pad-bottom, 4.8rem) * .75)}.brand-newsletter__inner{grid-template-columns:1fr;gap:1.75rem}.brand-newsletter__submit{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/brand-newsletter.css.map */