.newsletter__inner{display:flex;flex-direction:column;align-items:center;text-align:center}.newsletter__eyebrow{justify-content:center}.newsletter__heading{margin:0 0 var(--space-3);font-size:var(--text-h1);text-wrap:balance}.newsletter__text{margin:0 0 var(--space-6);color:var(--color-text-soft);max-width:44ch}.newsletter__form{width:min(440px,100%)}.newsletter__field{position:relative;display:flex;align-items:center}.newsletter__input{width:100%;padding:1rem 4rem 1rem 1.5rem;border:1px solid var(--color-line);border-radius:var(--radius-pill);background:var(--color-bg-elevated);color:var(--color-text);transition:border-color var(--duration-micro) var(--ease-out),box-shadow var(--duration-micro) var(--ease-out)}.newsletter__input::placeholder{color:var(--color-text-soft)}.newsletter__input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px rgb(var(--color-overlay) / .06)}.newsletter__submit{position:absolute;right:6px;top:50%;translate:0 -50%;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:var(--color-button);color:var(--color-button-text);transition:background-color var(--duration-micro) var(--ease-out)}.newsletter__submit:hover{background:var(--color-accent-strong)}.newsletter__submit .icon{width:18px;height:18px;transition:translate var(--duration-micro) var(--ease-out)}.newsletter__submit:hover .icon{translate:3px 0}.newsletter__error{justify-content:center;align-items:center;text-align:left;margin-bottom:var(--space-4)}.newsletter__success{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-5) 0 0}.newsletter__success:focus{outline:none}.newsletter__success-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--color-accent);color:var(--color-bg-elevated);animation:newsletter-pop .5s var(--ease-air)}.newsletter__success-text{margin:0;font-family:var(--font-heading-family);font-style:italic;font-size:var(--text-h3);color:var(--color-ink)}@keyframes newsletter-pop{0%{scale:.5;opacity:0}to{scale:1;opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/35/assets/section-newsletter.css.map */