.newsletter__wrapper{padding-right:calc(4rem / var(--font-body-scale));padding-left:calc(4rem / var(--font-body-scale))}@media screen and (min-width: 750px){.newsletter__wrapper{padding-right:9rem;padding-left:9rem}}.newsletter__wrapper>*{margin-top:0;margin-bottom:0}.newsletter__wrapper>*+*{margin-top:3rem}.newsletter__wrapper>*+.newsletter-form{margin-top:3rem}.h3{font-family:var(--font-body-family);font-size:2rem;font-weight:400;line-height:2rem;text-align:center}.newsletter__subheading{max-width:36rem;margin-left:auto;margin-right:auto;font-weight:200;font-size:1.6rem;line-height:2.24rem}.newsletter__wrapper .field{border:1px solid rgba(var(--color-foreground),.5);border-radius:.5rem;transition:border .2s}.newsletter__wrapper .field:focus-within{border:1px solid rgba(var(--color-foreground),1);border-radius:.5rem}.newsletter__wrapper .field .field__label{transition:opacity .2s;left:3rem;text-transform:uppercase;font-size:1.2rem;line-height:120%;letter-spacing:.72px;color:rgba(var(--color-foreground),.5);top:50%;transform:translateY(-50%)}.newsletter__wrapper .field__input{font-size:1.2rem;line-height:120%;letter-spacing:.72px;font-family:var(--font-body-family)}.newsletter__wrapper:has(.field__input:not(:placeholder-shown)) .field__label{opacity:0}.newsletter__wrapper .field:focus-within .field__label{opacity:0;color:rgba(var(--color-foreground),1)}.newsletter__wrapper .field:before,.newsletter__wrapper .field:after,.newsletter__wrapper .field:hover:before,.newsletter__wrapper .field:hover:after{box-shadow:none}.newsletter__wrapper .field__input{background-color:transparent;padding:1.7rem 2.5rem 1.5rem 3rem}.newsletter__wrapper .field__input:focus{box-shadow:none}.newsletter__wrapper .field__button{background-color:transparent}.newsletter-form__button .svg-wrapper{width:1.2rem;height:1.2rem;color:rgba(var(--color-foreground),.5);transition:color .2s}.newsletter-form:has(.field__input:focus-within) .newsletter-form__button .svg-wrapper{width:1.2rem;height:1.2rem;color:rgba(var(--color-foreground),1)}.newsletter__wrapper .newsletter-form__field-wrapper{max-width:36rem}.newsletter-form__field-wrapper .newsletter-form__message{margin-top:1.5rem}.newsletter__button{margin-top:3rem;width:fit-content}@media screen and (min-width: 750px){.newsletter__button{flex-shrink:0;margin:0 0 0 1rem}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/newsletter-section.css.map */