.newsletter{color:rgba(var(--color-foreground),.75);background:var(--gradient-background);background-color:rgb(var(--color-background));border-radius:min(var(--button-radius),.8rem)}.newsletter__wrapper{margin:0 auto;padding:5rem 3rem 6rem}@media screen and (min-width:750px){.newsletter__wrapper{padding:8rem 9rem 9rem}}@media screen and (min-width:990px){.newsletter__wrapper{max-width:72.6rem}}.newsletter__wrapper>*{margin-top:0;margin-bottom:0}.newsletter__wrapper>*+*{margin-top:1rem}.newsletter__wrapper>*+form-state{display:block;margin-top:2rem}.newsletter__subheading{max-width:70rem;font-size:1.4rem}.newsletter__wrapper .newsletter-form__field-wrapper{width:36rem;max-width:100%;display:inline-block}.newsletter__wrapper .form__message{margin-top:1.5rem}.newsletter__wrapper .newsletter-form .field__input{font-size:1.5rem}@media screen and (min-width:750px){.newsletter__wrapper .newsletter-form .field__input{font-size:1.6rem}}.newsletter__wrapper .newsletter-form .field__input::placeholder{color:rgb(var(--color-foreground))}.newsletter__wrapper .newsletter-form .field__button .icon{width:1.5rem;height:1.5rem}.newsletter--has-bg{position:relative;overflow:hidden}.newsletter--has-bg .newsletter__bg-image{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.newsletter--has-bg .newsletter__bg-img{width:100%;height:100%;object-fit:cover}.newsletter--has-bg .newsletter__bg-image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:#0003}.newsletter--has-bg .newsletter{position:relative;z-index:1;background:transparent;background-color:transparent;--color-foreground: 255, 255, 255;--color-heading: 255, 255, 255;--color-link: 255, 255, 255;--color-border: 255, 255, 255;--color-button-background: 255, 255, 255;--color-button-text: 31, 31, 31;--color-button-border: 255, 255, 255;color:#fff}.newsletter--has-bg .page-width{position:relative;z-index:1}.newsletter--has-bg .newsletter__wrapper .newsletter-form .field__input{color:#fff;border-color:#fff9}.newsletter--has-bg .newsletter__wrapper .newsletter-form .field__input::placeholder{color:#ffffffb3}.newsletter--has-bg .newsletter__wrapper .newsletter-form .field__button{color:#fff}.newsletter--has-bg .newsletter__wrapper .form__message,.newsletter--has-bg .newsletter__wrapper .form__message .icon{color:#fff;fill:#fff}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-newsletter.css.map */