.newsletter-form{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;position:relative}@media screen and (min-width:750px){.newsletter-form{align-items:flex-start;margin:0 auto;max-width:36rem}}.newsletter-form__field-wrapper{width:100%}.newsletter-form__field-wrapper .field__input{padding-right:5rem}.newsletter-form__field-wrapper .field{z-index:0}.newsletter-form__field-wrapper .field:before,.newsletter-form__field-wrapper .field:after{display:none}.newsletter-form__field-wrapper .field__input{background-color:transparent;border-radius:0;border-bottom:.1rem solid rgba(var(--color-foreground),.35);padding-left:0;transition:border-color var(--duration-short) ease}.newsletter-form__field-wrapper .field__input:focus,.newsletter-form__field-wrapper .field__input:not(:placeholder-shown){padding-left:0;border-bottom-color:rgb(var(--color-foreground));box-shadow:none;outline:0}.newsletter-form__field-wrapper .field__label{left:0}.newsletter-form__field-wrapper .field__input:focus~.field__label,.newsletter-form__field-wrapper .field__input:not(:placeholder-shown)~.field__label{left:0}.newsletter-form__message{justify-content:center;margin-bottom:0}.newsletter-form__message--success{margin-top:2rem}@media screen and (min-width:750px){.newsletter-form__message{justify-content:flex-start}}.newsletter-form__button{width:auto;margin:0;right:0;top:0;height:100%;padding:0 0 0 1.5rem;z-index:2}.newsletter-form__button-text{font-size:1.2rem;letter-spacing:.1rem;text-transform:uppercase;text-decoration:underline;text-underline-offset:.3rem;white-space:nowrap}.newsletter-form__button:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.2rem;box-shadow:none;background-color:transparent}.newsletter-form__button:focus{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.2rem;box-shadow:none;background-color:transparent}.newsletter-form__button:not(:focus-visible):not(.focused){outline:none;background-color:inherit}@media screen and (max-width:749px){.newsletter-form__field-wrapper .field{flex-wrap:wrap;row-gap:1rem}.newsletter-form__field-wrapper .field__input{padding-right:0;flex:1 1 100%}.newsletter-form__button{position:static;flex:1 1 100%;width:100%;height:auto;padding:.8rem 0;justify-content:center}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/component-newsletter.css.map */