.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}}.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__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{margin:0;right:var(--inputs-border-width);top:0;padding:1rem;width:10rem;height:100%;z-index:2;background-color:var(--color-nwk-primary-300);color:#fff;font-size:1.4rem;font-weight:600}.newsletter-form__field-wrapper .field__input{padding:1.5rem 11.5rem 1.5rem 1.5rem;background-color:var(--color-gray-5)}.newsletter-form__field-wrapper .field__input:focus{padding:1.5rem 11.5rem 1.5rem 1.5rem}.newsletter-form__field-wrapper .field__input:-webkit-autofill~.field__button{color:#fff}.newsletter-form__field-wrapper .field__input::placeholder{text-align:center;opacity:1;font-size:1.4rem;font-weight:300;color:var(--color-gray-6)}.newsletter-form__field-wrapper .field:after,.newsletter-form__field-wrapper .field:before{box-shadow:0 0 0 var(--inputs-border-width) var(--color-gray-5)}.newsletter-form__button:focus-visible{box-shadow:0 0 0 .3rem rgb(var(--color-background)),0 0 0 .4rem rgba(var(--color-foreground))}.newsletter-form__button:focus{box-shadow:0 0 0 .3rem rgb(var(--color-background)),0 0 0 .4rem rgba(var(--color-foreground))}.newsletter-form__button:not(:focus-visible):not(.focused){box-shadow:inherit}.newsletter-form__button .icon{width:1.5rem}@media screen and (min-width: 960px){.newsletter-form__button{width:5.5rem}.newsletter-form__field-wrapper .field__input{padding-right:7rem}.newsletter-form__field-wrapper .field__input:focus{padding-right:7rem}}@media screen and (min-width: 1440px){.newsletter-form__button{width:7.7rem}.newsletter-form__field-wrapper .field__input{padding-right:9.2rem}.newsletter-form__field-wrapper .field__input:focus{padding-right:9.2rem}}
/*# sourceMappingURL=/cdn/shop/t/113/assets/component-newsletter.css.map */