.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%;display:flex;flex-direction:column;align-items:center;gap:1.6rem}.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__field-wrapper{flex-direction:row;gap:1.2rem}}.newsletter-form__button:not(:focus-visible):not(.focused){box-shadow:inherit}.newsletter-form__button .icon{width:1.5rem}.newsletter-wrapper{display:flex;flex-wrap:wrap;gap:4rem;align-items:center;justify-content:space-between;padding:4rem 0}.newsletter-wrapper .newsletter-heading{width:calc(35% - 2rem);flex-grow:1}.newsletter-wrapper .newsletter-form{width:calc(65% - 2rem);flex-grow:1;max-width:63rem}.newsletter-wrapper .field__input{padding:1.6rem 2.4rem}.newsletter-wrapper .field:after,.newsletter-wrapper .field:before,.newsletter-wrapper .field__input,.newsletter-wrapper .field__button{height:4.8rem}.newsletter-wrapper .field__button{position:relative}.newsletter-wrapper .field__label{font-size:1.4rem;top:1.6rem;left:2.4rem;font-weight:400;letter-spacing:0;color:rgb(var(--color-background))}.newsletter-heading h3{font-size:2.4rem;line-height:1.2}.newsletter-heading p{font-size:2rem;line-height:1.1;margin-top:.8rem;font-weight:400}@media screen and (max-width: 989px){.newsletter-wrapper{padding:4rem 0;flex-direction:column}.newsletter-wrapper .newsletter-heading,.newsletter-wrapper .newsletter-form{width:100%;text-align:center}}@media screen and (max-width: 749px){.newsletter-heading h3{font-size:2.4rem}.newsletter-heading p{font-size:1.6rem}.newsletter-wrapper .field{display:flex;flex-direction:column;gap:.8rem;overflow:hidden}.newsletter-wrapper .field__input{padding:1.6rem 2rem}.newsletter-wrapper .field__label{font-size:1.4rem;top:1.8rem;left:2rem;width:max-content}.newsletter-wrapper .field:after,.newsletter-wrapper .field:before,.newsletter-wrapper .field__input,.newsletter-wrapper .field__button{width:100%;height:5.6rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-newsletter.css.map */