.newsletter-form{display:flex;flex-direction:column;align-items:center;width:100%;position:relative}@media screen and (min-width:750px){.newsletter-form{margin:0 auto;max-width:36rem}}.newsletter-form__message{margin-bottom:0}.newsletter-form__message--success{align-items:center;margin-top:2rem}.newsletter-form__button{width:4.4rem;margin:0;inset-inline-end:var(--inputs-border-width);top:0;height:100%;z-index:2}.newsletter-form__button:focus-visible{box-shadow:0 0 0 .3rem rgb(var(--color-background)),0 0 0 .4rem rgba(var(--color-foreground));background-color:rgb(var(--color-background))}.newsletter-form__button:focus{box-shadow:0 0 0 .3rem rgb(var(--color-background)),0 0 0 .4rem rgba(var(--color-foreground));background-color:rgb(var(--color-background))}.newsletter-form__button:not(:focus-visible):not(.focused){box-shadow:inherit;background-color:inherit}.newsletter-form__button .icon{width:2rem}.section-newsletter{background:#fdf1f3;padding-top:100px;padding-bottom:100px}.section-newsletter .form__field-wrapper .field{gap:15px}.section-newsletter .gradient{background:transparent!important}.section-newsletter .banner__media{background:#000}.section-newsletter .media>img{object-fit:contain;object-position:right}.section-newsletter .field__button{position:relative;background-color:#db211f!important;color:#fff;width:150px;border-radius:10px;padding:12px 20px;height:inherit}.section-newsletter .field__input{padding:0 10px}.section-newsletter .form__field-wrapper label{margin-inline-start:0px;color:#7f7f7f}.section-newsletter .section-content__caption{color:#7f7f7f}.section-newsletter .field:before,.section-newsletter .field:after{content:none!important}.section-newsletter .form__field-wrapper .field input{background:#fff!important;padding:2rem}@media screen and (max-width:768px){.section-newsletter .banner--mobile-box .section-content{padding:1.5rem 0rem!important}.section-newsletter .banner__text p,.section-newsletter .section-content__caption{color:#fff!important}.section-newsletter .media>img{object-fit:inherit}.section-newsletter .form__field-wrapper .field{flex-wrap:wrap}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/component-newsletter.css.map */