.newsletter-form{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;position:relative}#NewsletterForm--footer{color:rgb(var(--color-base-accent-1));border:var(--card-border-width) solid rgba(var(--color-foreground),var(--card-border-opacity));background:none}@media screen and (min-width:750px){.newsletter-form{align-items:flex-start}}.newsletter-form__field-wrapper{width:100%}.newsletter-form__field-wrapper .field__input{background-color:rgb(var(--color-background));color:rgb(var(--color-base-accent-1-text));border:none;margin:0;height:44px;border:2px solid rgb(var(--color-base-accent-2))}.newsletter-form__field-wrapper .field__label{color:rgb(var(--color-foreground))}.newsletter-form__field-wrapper .field:before,.newsletter-form__field-wrapper .field:after{display:none}.newsletter-form__field-wrapper .field{z-index:0;max-width:630px;display:inline-block;vertical-align:top}@media screen and (min-width:1270px){.newsletter-form__field-wrapper .field{max-width:470px}}@media screen and (min-width:1500px){.newsletter-form__field-wrapper .field{max-width:590px}}.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__button{width:auto;margin:0;z-index:2;padding:11px 19px;font-size:15px;border:none;line-height:28px;text-transform:capitalize;font-weight:500;letter-spacing:0;background:var(--gradient-base-background-1);color:rgb(var(--color-base-button-background-text))}.newsletter-form__button .icon{width:1.5rem}@media screen and (max-width:1269px){.newsletter-form__field-wrapper .field{max-width:410px}.newsletter-form__button{padding:11px 15px;font-size:15px;line-height:28px}}@media screen and (max-width:479px){.newsletter-form__button{padding:12px 9px;height:40px;font-size:12px;line-height:20px}.newsletter-form__field-wrapper .field__input{height:40px;padding:0}.newsletter-form__field-wrapper .field__label{line-height:20px;left:calc(var(--inputs-border-width) + 1rem)}.newsletter-form__field-wrapper .field{max-width:100%}#NewsletterForm--footer{font-size:13px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-newsletter.css.map */