.newsletter-form{width:100%;position:relative}.newsletter-form__container{display:flex;flex-direction:column;gap:20px}.newsletter-form__field-wrapper{display:flex;flex-direction:column;gap:24px;align-items:stretch}@media screen and (min-width:750px){.newsletter-form__field-wrapper{flex-direction:row;align-items:center;flex-wrap:wrap}}.newsletter-form .field{flex:1;position:relative;top:6px;margin:0}.newsletter-form .field__input{width:100%;display:flex;padding:14px 16px;align-items:center;gap:12px;flex:1 0 0;border:none!important;border-bottom:1px solid var(--White)!important;border-radius:0;background-color:transparent;color:var(--Grey-150, #BFBFBF);font-family:"Neue Haas Grotesk Display Pro",var(--font-body-family);font-size:16px;font-style:normal;line-height:24px;transition:border-color .2s ease;box-shadow:none!important}.newsletter-form .field__input::placeholder{color:var(--Grey-150, #BFBFBF)}.newsletter-form .field__input:hover,.newsletter-form .field__input:focus,.newsletter-form .field__input:focus-visible{outline:none;box-shadow:none!important;border-bottom:1px solid var(--White)!important}.newsletter-form .field__input.invalid{border-bottom-color:var(--color-critical)!important;box-shadow:none!important}.newsletter-form__button{white-space:nowrap;border-radius:0;color:#fff!important;transition:all .2s ease;order:3}.newsletter-form__terms{display:flex;align-items:flex-start;gap:.8rem;order:2}@media screen and (min-width:750px){.newsletter-form__terms{order:3;width:100%;margin-top:0}.newsletter-form__button{order:2}.newsletter-form .field{order:1}}.newsletter-form__terms-label{color:#fff!important;cursor:pointer;margin:0}.newsletter-form__terms-label p{margin-top:0;margin-bottom:0}.newsletter-form__terms-label a{color:#fff!important;text-decoration:underline}.newsletter-form__terms-label a:hover{text-decoration:none}.newsletter-form__checkbox{margin:0!important;position:relative;top:2px}.newsletter-form .form__message{font-size:1.4rem}.newsletter-form__success{margin-top:24px;display:flex;padding:14px 16px 14px 20px;align-items:center;gap:20px;align-self:stretch;border:1px solid var(--Green, #0C8);box-shadow:3px 0 0 0 var(--Green, #0C8) inset;justify-content:space-between}.newsletter-form .form__message.errors{display:flex;align-items:center;gap:.8rem;color:var(--color-critical)}
/*# sourceMappingURL=/cdn/shop/t/12/assets/component-newsletter.css.map */