.newsletter-form{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;position:relative;padding:10px;background:#00000080}@media screen and (min-width: 750px){.newsletter-form{align-items:flex-start;margin:0 auto;max-width:582px;padding:10px;border-radius:10px}}.newsletter-form__field-wrapper .field{display:flex;flex-direction:column}@media screen and (min-width: 990px){.newsletter-form__field-wrapper .field{display:flex;flex-direction:row}}.newsletter-form__field-wrapper{width:100%}.newsletter-form__field-wrapper .field{z-index:0}.newsletter-form__field-wrapper .field:after{box-shadow:none}.newsletter-form__field-wrapper .field:hover.field:after{box-shadow:none}.newsletter-form__field-wrapper .field input{border:1px solid #363636;height:46px;width:auto;padding:5px 13px;margin:0;width:100%;flex-grow:0;border-radius:4px;background:#171717;font-size:13px;color:#fff}@media screen and (min-width: 990px){.newsletter-form__field-wrapper .field input{width:calc(100% - 150px);margin-right:10px}}.newsletter-form__field-wrapper .field input{box-shadow:none}.newsletter-form__field-wrapper .field label{left:18px;color:#8b8b8b;font-style:italic;top:25%}@media screen and (min-width: 990px){.newsletter-form__field-wrapper .field label{top:50%}}.newsletter-form__field-wrapper .field .field__input:focus~.field__label{top:9px;left:18px;font-size:10px;color:#8b8b8b;font-style:italic}.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{position:relative;margin:10px 0 0;font-family:var(--font-heading-family);width:auto;height:46px;background:transparent;color:#fff;font-size:17px;font-weight:400;text-transform:uppercase;padding:0 13px;width:100%;border:1px solid #ffffff;border-radius:4px}@media screen and (min-width: 990px){.newsletter-form__button{width:140px;margin-top:0}}.newsletter-form__button:focus-visible{background:#fff;color:#000}.newsletter-form__button:hover,.newsletter-form__button:focus,.newsletter-form__button:active{background:#fff;color:#000}.newsletter-form__button .icon{width:1.5rem}
/*# sourceMappingURL=/cdn/shop/t/11/assets/component-newsletter.css.map */