.newsletter__wrapper{padding-right:calc(4rem / var(--font-body-scale));padding-left:calc(4rem / var(--font-body-scale))}.newsletter{background-color:#27373f}.newsletter .newsletter__wrapper{max-width:700px;margin:0 auto;padding:68px 12px;background-color:#27373f}.newsletter .newsletter__wrapper h2{font-family:DM Sans,sans-serif;font-size:48px;font-weight:400;line-height:1.2;letter-spacing:0;margin:0 0 10px}.newsletter .newsletter__subheading{margin:0}.newsletter .newsletter__subheading p{font-family:League Spartan,sans-serif;font-size:18px;font-weight:400;line-height:1.2;letter-spacing:0;color:#fff}.newsletter .sub-text{font-family:League Spartan,sans-serif;font-size:18px;font-weight:400;line-height:1.2;letter-spacing:0;color:#fff;margin:16px 0 0}.newsletter .newsletter-form{max-width:580px;width:100%;display:block;margin:0 auto;border-radius:50px}Input focus aave tyare label hide .newsletter-form__field-wrapper:focus-within .field__label{opacity:0;visibility:hidden}.newsletter-form__field-wrapper{position:relative}.newsletter-form__field-wrapper input{width:100%;padding:20px 40px;border-radius:50px}.newsletter-form__field-wrapper .field__label{position:absolute;top:50%;left:24px;transform:translateY(-50%);cursor:text;pointer-events:auto;line-height:1;transition:opacity .25s ease}.newsletter-form__field-wrapper .field__input{padding:20px 40px}@media only screen and (max-width: 768px){.newsletter .newsletter__wrapper{padding:32px 12px}.newsletter .newsletter__wrapper h2{font-size:32px;line-height:1.1}.newsletter .newsletter__subheading p{line-height:1}.newsletter .sub-text{margin:20px 0 0}.newsletter-form__field-wrapper .field__input,.newsletter-form__field-wrapper input{padding:20px 16px}}@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:2rem}.newsletter__wrapper>*+.newsletter-form{margin-top:3rem}.newsletter__subheading{max-width:70rem;margin-left:auto;margin-right:auto}.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/2/assets/newsletter-section.css.map */