.newsletter--narrow .newsletter__wrapper,.newsletter:not(.newsletter--narrow) .newsletter__wrapper.color-background-1{margin-top:5rem;margin-bottom:5rem}.newsletter__wrapper:not(.color-background-1){padding-top:6rem;padding-bottom:5rem}.newsletter__wrapper{padding-right:4rem;padding-left:4rem}.newsletter__wrapper--vertical{display:flex;align-items:center;justify-content:center;width:100%;flex-direction:column}.newsletter__wrapper--horizontal{display:flex;align-items:center}.newsletter__subtitle{position:relative;z-index:1}.newsletter__subtitle:before{content:"";margin:0 auto;position:absolute;top:50%;left:0;right:0;bottom:0;width:25%;z-index:-1}@media screen and (min-width: 750px){.newsletter__wrapper{padding-right:6rem;padding-left:6 rem}}.newsletter__wrapper{display:flex;justify-content:center;align-items:center;flex-direction:column}.newsletter-email-form{display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%;gap:50px}.newsletter-field__input{-webkit-appearance:none;appearance:none;background-color:#fff;border:none;color:var(--color-foreground);width:100%;height:77px;outline:none;padding-left:3rem}.newsletter-field__label{left:5%;top:39%;margin-bottom:0;pointer-events:none;position:absolute;transition:top var(--duration-short) ease,font-size var(--duration-short) ease;display:none}.newsletter__wrapper>*+.newsletter-form{margin-top:3rem}.newsletter__wrapper .newsletter-form__field-wrapper{max-width:60rem}.newsletter-form__field-wrapper .newsletter-form__message{margin-top:1.5rem}@media screen and (max-width: 1400px){.newsletter-field__input{height:60px}}@media screen and (max-width: 1200px){.newsletter-field__label{top:39%}.newsletter__subtitle:before{width:30%}}@media screen and (max-width: 1024px){.newsletter-email-form{gap:20px}}@media screen and (max-width: 1000px){.newsletter__subtitle:before{width:35%}}@media screen and (max-width: 880px){.newsletter-email-form{flex-direction:column;justify-content:center;margin-top:0!important}.newsletter-field__input{height:65px}}@media screen and (max-width: 750px){.newsletter__subtitle:before{width:40%}}@media screen and (max-width: 600px){.newsletter__subtitle:before{width:50%}}@media screen and (max-width: 450px){.newsletter__subtitle-left,.newsletter__subtitle-right{width:40px}.newsletter__wrapper{padding-right:.5rem;padding-left:.5rem}.newsletter__subtitle:before{width:60%}.newsletter-email-form{margin-top:2rem}.newsletter-field__input{height:50px}.newsletter-field__label{top:.9rem}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/newsletter-section.css.map */