.newsletter-form{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;position:relative}@media screen and (min-width: 768px){.newsletter-section .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:10rem;margin:0;background-color:transparent;box-shadow:none;color:#fff;border-bottom:1px solid var(--gray-500);border-radius:0}.newsletter-form__field-wrapper .field__input:focus~.field__label,.newsletter-form__field-wrapper .field__input:not(:placeholder-shown)~.field__label,.newsletter-form__field-wrapper .field__input:-webkit-autofill~.field__label,.newsletter-form__field-wrapper .field.select .field__label{top:calc(var(--input-border-width) + .3rem)}.newsletter-form__field-wrapper .field__label{color:var(--gray-500)}.newsletter-form__field-wrapper .field{z-index:0}.newsletter-form__message{justify-content:center;margin-bottom:0;gap:.4rem}.newsletter-form svg{width:1.8rem}.newsletter-form__message--success{margin-top:2rem}@media screen and (min-width: 768px){.newsletter-form__message{justify-content:flex-start}}.newsletter-form__button{color:var(--gray-500);width:8.5rem;margin:0;right:15px;top:0;height:100%;z-index:2;text-transform:uppercase;font-size:1.2rem;justify-content:space-between}.newsletter-form__button:not(:focus-visible):not(.focused){box-shadow:inherit;background-color:inherit}.newsletter-form__button .icon{width:1.5rem}@media only screen and (max-width: 400px){.newsletter-form__field-wrapper .field{flex-direction:column}.newsletter-form__field-wrapper input+.field__label{top:30%}.newsletter-form__field-wrapper .field__input{padding-right:1.5rem}.newsletter-form__button{position:relative;width:100%;right:auto;top:auto;margin-top:1rem;height:4rem;justify-content:end}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/component-newsletter.css.map */
