.newsletter-form{display:flex;width:100%;position:relative}.newsletter-form__field-wrapper{width:100%}.newsletter-form__button svg{width:1.8rem}@media screen and (min-width: 750px){.newsletter-form__field-wrapper{width:100%}}@media screen and (min-width: 1800px){.newsletter-form__field-wrapper{width:75%}}@media screen and (min-width: 2100px){.newsletter-form__field-wrapper{width:50%}}.newsletter-form__field-wrapper .field{z-index:0}.newsletter-form__message{justify-content:center;margin-bottom:0}.newsletter-form__message--success{margin-top:2rem}@media screen and (min-width: 750px){.newsletter-form__message{justify-content:flex-start}}.newsletter-content p{font-size:1.2rem;margin-bottom:1.2rem}@media screen and (min-width: 750px){.newsletter-content p{font-size:1.2rem;margin-bottom:2.1rem}}.field:has(.field__input--newsletter:valid) .field__input--newsletter{background-color:red}.newsletter-form__button svg{transition:.2s;transform:translate(0)}.newsletter-form__button:hover svg{transform:translate(6px)}.newsletter-form.show-button .newsletter-form__input{width:calc(100% - 5.1rem);transition-delay:0s}.newsletter-form .newsletter-form__input{width:100%;transition:width .21s;transition-delay:.12s}.newsletter-form .newsletter-form__error{position:absolute;top:0;left:calc(50% - 1.95rem);transform:translate(-50%,-50%);padding:.3rem .6rem;border-radius:999px;background-color:#ffcfcf;color:red;font-size:1.2rem;pointer-events:none;opacity:0;transition:opacity .21s}.newsletter-form .newsletter-form__error.active{opacity:1}form:has(.newsletter-form__message--success) .newsletter-form__field-wrapper{pointer-events:none;opacity:.6}form:has(.newsletter-form__message--success) .field{opacity:0;pointer-events:none}.newsletter-form__message{position:absolute;left:0;transform:translateY(-50%);top:50%;margin-top:0;gap:.9rem;font-size:1.2rem}.newsletter-form__message svg path[stroke-width="0.7"]{stroke:#428445}form:has(.newsletter-form__message--success) .field__label{display:none}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-newsletter.css.map */