.newsletter-form{display:flex;flex-direction:column;justify-content:center;width:var(--size-100-per-100);position:relative}@media screen and (min-width: 750px){.newsletter-form{align-items:flex-start;margin:0 auto;max-width:36rem}.footer .newsletter-form{margin:0}}.newsletter-form__field-wrapper{width:var(--size-100-per-100)}.newsletter-form__field-wrapper .field{z-index:0}.newsletter-form__field-wrapper .field svg{position:absolute;left:var(--space-xs);top:var(--space-xs)}.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 .field__input{background:var(--color-black);border:1px solid var(--color-gray-2);color:var(--color-gray-2);padding:calc(var(--space-s) - var(--space-4xs)) var(--space-xs) calc(var(--space-s) - var(--space-4xs)) var(--space-xl)}.newsletter-form .field__input::placeholder{font-size:var(--typo-body-m);color:var(--color-gray-3)}.newsletter-form__button .icon{height:var(--space-xs-xs);width:var(--space-xs-xs)}.newsletter-form__button:focus-visible{box-shadow:none}.newsletter-form__button:focus{box-shadow:none}.newsletter-form__button:not(:focus-visible):not(.focused){background:transparent;border:0;color:var(--color-primary-2);font-size:var(--typo-body-m);margin:var(--space-xxs);text-decoration:underline;width:calc(var(--size-xs-xs) * 6)}.newsletter-form__button .field__input::-webkit-search-cancel-button,.newsletter-form__button .customer .field input::-webkit-search-cancel-button,.field__input:not(:placeholder-shown)~.field__label,.newsletter-form__button .field__label{visibility:hidden}
/*# sourceMappingURL=/cdn/shop/t/12/assets/component-newsletter.css.map */