.newsletter.page-width{padding:0;border-bottom:1px solid #121212}@media screen and (min-width:750px){.newsletter.page-width{padding:0 5rem}}.newsletter__wrapper{padding-right:calc(4rem / var(--font-body-scale));padding-left:calc(4rem / var(--font-body-scale));display:flex;flex-direction:column;gap:20px}@media screen and (min-width:990px){.newsletter__wrapper{flex-direction:row;justify-content:space-between;align-items:center}}.newsletter__wrapper>*{margin-top:0;margin-bottom:0;max-width:47rem}.newsletter__wrapper .footer-form-container{max-width:51rem;width:100%}.newsletter__wrapper .footer-form-container .icon{width:20px;height:20px;display:inline-block;position:absolute;left:calc(var(--inputs-border-width) + 2rem);top:calc(1rem + var(--inputs-border-width));transition:top var(--duration-short) ease,width var(--duration-short) ease,height var(--duration-short) ease}.newsletter__wrapper .footer-form-container .field__input:focus~.icon,.newsletter__wrapper .footer-form-container .field__input:not(:placeholder-shown)~.icon{width:16px;height:16px;top:calc(2.4rem + var(--inputs-border-width))}.newsletter__wrapper .footer-form-container .field__input,.newsletter__wrapper .footer-form-container .field__input:focus{padding-left:5rem}.newsletter__wrapper .footer-form-container .field__label{padding-left:3rem}.newsletter__wrapper .footer-form-container .label-text{flex:1}@media screen and (min-width:750px){.newsletter__wrapper .footer-form-container .newsletter-form{max-width:100%}}.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__wrapper .footer-form-container .newsletter-form__field-wrapper{max-width:100%}.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/5/assets/newsletter-section.css.map */
