.newsletter-form{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;position:relative}.newsletter-form__field-wrapper{width:100%;display:flex;flex-direction:column;gap:var(--spacing-spacing-m);align-items:center}.newsletter-form__field-wrapper .field{z-index:0}.field .field__label_container{position:absolute;left:calc(var(--inputs-border-width) + 2rem);top:12px;display:flex;flex-direction:row;gap:var(--spacing-spacing-sm);align-items:center;z-index:-1}.newsletter-form__field-wrapper .field .field__label_container{left:calc(var(--inputs-border-width) + var(--spacing-spacing-xs))}.field .field__label_container .svg-wrapper svg{color:rgb(var(--color-foreground))}.field__label_container .field__label{position:static;color:var(--color-text-text-subtle, #9FA9A0);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:100%;letter-spacing:.28px;display:-webkit-box;line-clamp:1;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.newsletter-form__message{justify-content:center;margin-bottom:0}.newsletter-form__message--success{margin-top:2rem}.field__input:focus~.field__label_container .field__label{display:none}@media screen and (min-width: 750px){.newsletter-form{align-items:flex-start}.newsletter-form__message{justify-content:flex-start}.newsletter-form__field-wrapper{flex-direction:row}.newsletter-form__button{width:max-content}}.newsletter-form__button{position:relative;display:flex;height:var(--sizing-buttons-height-lg);min-width:var(--sizing-sizing-40);padding:var(--spacing-spacing-none) var(--spacing-spacing-lg);justify-content:center;align-items:center;gap:var(--spacing-spacing-sm);margin:0;border-radius:var(--border-radius-rounded-full);transition:all .3s ease-in-out;background:rgb(var(--color-primary_button_background));color:rgb(var(--color-primary_button_label));width:100%;font-family:var(--font-body-family)}.newsletter-form__button:hover{background-color:rgb(var(--color-primary_button_hover_background))}.newsletter-form__button:focus-visible{background-color:var(--color-button-dark-primary-bg-focus, #353A36)}.newsletter-form__button:focus{background-color:var(--color-button-dark-primary-bg-focus, #353A36)}.newsletter-form__button .icon{width:1.5rem}
/*# sourceMappingURL=/cdn/shop/t/18/assets/component-newsletter.css.map */