.newsletter-form{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;position:relative}@media screen and (min-width:750px){.newsletter-form{align-items:flex-start;margin:0 auto;max-width:36rem}}.newsletter-form__field-wrapper{width:100%}.newsletter-form__field-wrapper .field:before,.newsletter-form__field-wrapper .field:after{content:none}.newsletter-form__field-wrapper .field__input{min-height:5.2rem;min-width:0;margin:0;padding:0 6.2rem 0 1.8rem;border-radius:inherit;background:transparent;box-shadow:none}.newsletter-form__field-wrapper .field{z-index:0;position:relative;overflow:hidden;border-radius:var(--ebook-radius-pill);border:1px solid var(--ebook-border);background:var(--ebook-surface-strong);box-shadow:var(--ebook-shadow-soft)}.newsletter-form__field-wrapper .field__input:focus,.newsletter-form__field-wrapper .field__input:focus-visible,.newsletter-form__field-wrapper .field__input:not(:placeholder-shown),.newsletter-form__field-wrapper .field__input:-webkit-autofill{margin:0;padding:0 6.2rem 0 1.8rem;box-shadow:none}.newsletter-form__field-wrapper .field__input::placeholder{opacity:1;color:#1d1d1ba3}.newsletter-form__field-wrapper .field__label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.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:4.4rem;margin:0;right:.4rem;top:.4rem;height:calc(100% - .8rem);z-index:2;min-height:0;border-radius:var(--ebook-radius-pill);background:var(--ebook-accent);color:#fff;transition:transform var(--ebook-transition),background-color var(--ebook-transition),box-shadow var(--ebook-transition)}.newsletter-form__button:focus-visible{box-shadow:var(--ebook-focus-ring);background-color:var(--ebook-accent)}.newsletter-form__button:focus{box-shadow:var(--ebook-focus-ring);background-color:var(--ebook-accent)}.newsletter-form__button:not(:focus-visible):not(.focused){box-shadow:none}.newsletter-form__button:hover{transform:translateY(-1px)}.newsletter-form__button .icon{width:1.5rem}
/*# sourceMappingURL=/cdn/shop/t/10/assets/component-newsletter.css.map */