.newsletter-form{width:100%;position:relative;--color-keyboard-focus: var(--color-border)}.newsletter-form .form__message{margin-top:2rem;margin-bottom:0}.newsletter-form__validation{display:block;margin-top:1rem;color:var(--color-sale-price);text-transform:uppercase}.newsletter-form__validation[hidden]{display:none}.newsletter-form__success{display:block;margin-top:2rem;text-transform:uppercase}.newsletter-form .field__input{font-size:1.4rem;box-shadow:none;outline:0;padding:0;padding-inline-start:1.2rem;border:.1rem solid transparent;border-bottom-color:rgb(var(--color-border));transition-property:border}.newsletter-form .field__input.invalid{border-color:var(--color-critical);box-shadow:none}.newsletter-form .field:hover .field__input,.newsletter-form .field__input:focus,.newsletter-form .field__input:focus-visible{border-color:rgba(var(--color-border),.5)}.newsletter-form .field__button{box-shadow:none;background:none;width:fit-content;min-width:auto;padding-inline-end:1rem;transition:padding var(--duration-default) ease}.newsletter-form .field:hover .field__button,.newsletter-form .field__input:focus~.field__button,.newsletter-form .field__input:focus-visible~.field__button{padding-inline-end:1.3rem}.newsletter-form .field__button:after{content:none}.newsletter-form .field__button:not([disabled]){box-shadow:none}.newsletter-form .field__button .icon{width:1.3rem;height:1.3rem}.newsletter-form .typeset{font-size:1.3rem;letter-spacing:.05rem;margin-top:1.5rem;line-height:calc(1 + .4 / var(--font-body-scale))}.newsletter-form .typeset p{margin:0}.newsletter-form .typeset p+p{margin-top:1rem}.newsletter-form__description{font-size:1.2rem;margin-bottom:8rem}.newsletter-form__description p{margin:0}.newsletter-form__fields{display:flex;flex-direction:column;gap:2rem}@media screen and (max-width:749px){.newsletter-form__fields{align-items:center;padding:0 2rem;gap:4rem}.newsletter-form__input-wrapper{align-self:stretch}.newsletter-form__fields>.button{width:auto}}@media screen and (min-width:750px){.newsletter-form__fields{flex-direction:row;align-items:flex-end;gap:3rem}.newsletter-form__description{margin-bottom:9rem;font-size:1.4rem}}.newsletter-form__input-wrapper{flex:1 1 auto}.newsletter-form__input-wrapper .field__input{font-size:1.2rem;box-shadow:none;outline:0;padding:0;border:none;border-bottom:.1rem solid rgb(var(--color-foreground));border-radius:0;background:transparent}@media screen and (min-width:750px){.newsletter-form__input-wrapper .field__input{font-size:1.4rem}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-newsletter.css.map */