.newsletter-form{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;position:relative}@media screen and (min-width: 750px){.newsletter-form{align-items:flex-start;max-width:36rem}}.newsletter-form__field-wrapper{width:100%}.newsletter-form__field-wrapper .field:after{content:none}.newsletter-form__input-wrapper{display:flex;align-items:center;gap:10px;width:100%}.newsletter-form__field-wrapper .field{flex:1;z-index:0;margin:0;position:relative}.newsletter-form__field-wrapper .field label.field__label{position:absolute!important;top:50%!important;transform:translateY(-50%)!important;left:15px!important;font-size:16px!important;pointer-events:none;transition:top .2s ease,font-size .2s ease,transform .2s ease,opacity .2s ease!important;margin-bottom:0;color:rgba(var(--color-foreground),.75);z-index:1}.newsletter-form__field-wrapper .field .newsletter-form__input:focus~.field__label,.newsletter-form__field-wrapper .field .newsletter-form__input:not(:placeholder-shown)~.field__label,.newsletter-form__field-wrapper .field .newsletter-form__input:-webkit-autofill~.field__label{top:-22px!important;transform:translateY(0)!important;font-size:12px!important;left:15px!important;color:rgba(var(--color-foreground),.75);opacity:1}.newsletter-form__field-wrapper .field__input:focus-visible{border-radius:75px}.newsletter-form__input{padding:9px 15px;background-color:#fff7eb;border-radius:75px;height:auto;min-height:auto;margin:0;font-size:16px;line-height:1}.newsletter-form__input:focus,.newsletter-form__input:not(:placeholder-shown),.newsletter-form__input:-webkit-autofill{padding:9px 15px;margin:0}.newsletter-form__subscribe-button{background-color:#c767ef;border-radius:75px;font-weight:500;font-size:16px;line-height:1;color:#fff;padding:11px 30px;border:none;cursor:pointer;white-space:nowrap;font-family:var(--font-body-family);transition:opacity .2s ease}.newsletter-form__subscribe-button:hover{opacity:.9}.newsletter-form__subscribe-button:active{opacity:.8}.newsletter-form__subscribe-button:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.2rem}.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-form__input{width:341px}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/component-newsletter.css.map */