.newsletter-form{display:flex;flex-direction:column;gap:1rem}.newsletter-form__field-wrapper{position:relative}.field{position:relative;width:100%;display:flex}.field__input{flex:1 1 auto;text-align:left;padding:1.3rem 1.5rem;border:.1rem solid rgba(var(--color-foreground),.2);border-radius:var(--inputs-radius);background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));font-size:1.4rem;line-height:1.5}.field__input:focus{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.3rem}.field__label{position:absolute;left:1.5rem;top:1.3rem;margin-bottom:0;color:rgba(var(--color-foreground),.7);font-size:1.4rem;line-height:1.5;pointer-events:none;transition:font-size .1s ease,transform .1s ease,opacity .1s ease}.field__input:focus~.field__label,.field__input:not(:placeholder-shown)~.field__label{font-size:1rem;transform:translateY(-2rem) translate(-.15rem);opacity:.7}.field__button{position:absolute;right:0;top:0;height:100%;padding:0 1.5rem;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.newsletter-form__message{display:flex;align-items:center;gap:.5rem;margin-top:1rem}.newsletter-form__message--success{color:rgb(var(--color-success-background))}.form__message{font-size:1.2rem;line-height:1.5}
/*# sourceMappingURL=/cdn/shop/t/12/assets/component-newsletter.css.map */