.newsletter-form{width:100%;position:relative;--color-keyboard-focus: var(--color-border)}.newsletter-form .form__message{margin-top:1.5rem;margin-bottom:0}.newsletter-form .field__input{font-size:1.6rem;box-shadow:none;outline:0;padding:0;padding-inline-start:1.6rem;background-color:#fff;border:1px solid #00000033;border-radius:3rem}.newsletter-form .field__input.invalid{border-color:var(--color-critical);box-shadow:none}.newsletter-form .field__button{box-shadow:none;width:fit-content;min-width:17rem;color:rgb(var(--color-button-text));background-color:rgb(var(--color-button-background));transition:padding var(--duration-default) ease;padding:1.3rem 3rem}.newsletter-form .field:hover .field__button,.newsletter-form .field__input:focus~.field__button,.newsletter-form .field__input:focus-visible~.field__button{padding-inline-end:2.5rem}.newsletter-form .field__button:after{content:none}.newsletter-form .field__button:not([disabled]){box-shadow:none}.newsletter-form .field__button .icon{width:1.3rem;height:1.3rem}.newsletter-form .typeset{font-size:2rem;font-weight:500;margin-bottom:3rem;letter-spacing:.01rem;line-height:calc(1 + .4 / var(--font-body-scale))}.newsletter-form .typeset p{margin:0}.newsletter-form .typeset p+p{margin-top:1rem}footer .footer-block__newsletter .field{gap:2rem;width:80%;margin:0 auto}footer .footer-block__newsletter .field .field__button{position:static;justify-content:space-between;font-size:1.6rem;font-weight:400;letter-spacing:0;gap:1rem}footer .footer-block__newsletter .field .field__button svg{width:1.2rem}@media screen and (max-width:749px){footer .newsletter-form .typeset{font-size:1.8rem;letter-spacing:.09rem;margin-bottom:2.5rem}footer .footer-block__newsletter .field{width:100%;gap:1rem}footer .footer-block__newsletter .field .field__button{font-size:1.4rem!important}.newsletter-form .field__button{min-width:14rem;padding-inline:2rem}.newsletter-form .field__input{padding-inline-start:2.3rem}}@media screen and (min-width:580px)and (max-width:748px){footer .footer-block__newsletter .field{width:70%}}
/*# sourceMappingURL=/cdn/shop/t/271/assets/component-newsletter.css.map */
