.footer-newsletter{--fn-ink: #ffffff;--fn-mint: #bfe1db;--fn-surface: #1d1d1b;position:relative;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:clamp(24px,4vw,56px);padding:clamp(28px,4vw,48px) clamp(24px,4vw,52px);margin-bottom:clamp(40px,5vw,64px);background:var(--fn-surface);border-radius:12px;color:var(--fn-ink)}.footer-newsletter__seam{align-self:stretch;width:2px;min-height:100%;background:linear-gradient(180deg,rgba(191,225,219,0) 0%,var(--fn-mint) 28%,var(--fn-mint) 72%,rgba(191,225,219,0) 100%)}.footer-newsletter__heading{color:var(--fn-ink);margin:0 0 8px;font-size:clamp(24px,2.6vw,32px);line-height:1.15;letter-spacing:-.01em}.footer-newsletter__amount{white-space:nowrap}.footer-newsletter__text{margin:0;font-size:15px;line-height:1.55;opacity:.72}.footer-newsletter__text p{margin:0}.footer-newsletter__form .field{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:0}.footer-newsletter__form input[type=email]{flex:1 1 220px;min-width:0}.footer-newsletter__form .button{flex:0 0 auto}.footer-newsletter__note{display:flex;align-items:flex-start;gap:8px;margin:14px 0 0;font-size:13.5px;line-height:1.45;opacity:.72}.footer-newsletter__note svg{flex:none;margin-top:2px;color:var(--fn-mint)}.footer-newsletter__message{margin-top:12px;font-size:13.5px}.footer-newsletter__form input[type=email]{background:transparent;border-color:#ffffff59;color:var(--fn-ink)}.footer-newsletter__form input[type=email]::placeholder{color:#ffffff80}.footer-newsletter__form input[type=email]:focus,.footer-newsletter__form input[type=email]:focus-visible{border-color:var(--fn-mint);outline-color:var(--fn-mint)}.footer-newsletter__form .button{background:var(--fn-ink);border-color:var(--fn-ink);color:#1d1d1b;transition:background .25s ease,border-color .25s ease,color .25s ease}.footer-newsletter__form .button:hover,.footer-newsletter__form .button:focus-visible{background:var(--fn-mint);border-color:var(--fn-mint);color:#1d1d1b}.footer-newsletter__message{color:var(--fn-ink)}@media screen and (max-width:900px){.footer-newsletter{grid-template-columns:1fr;gap:clamp(20px,4vw,32px);text-align:left}.footer-newsletter__seam{width:100%;min-height:0;height:2px;background:linear-gradient(90deg,rgba(191,225,219,0) 0%,var(--fn-mint) 28%,var(--fn-mint) 72%,rgba(191,225,219,0) 100%)}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/footer-newsletter.css.map */