.newsletter__wrapper{width:100%}.newsletter-form{position:relative;width:100%}.newsletter-form__field-wrapper{position:relative;width:100%;display:flex;justify-content:flex-end}.newsletter-form__input-container{position:relative;width:240px}.field{position:relative;width:100%;display:flex;justify-content:flex-end;margin:0}.email-input{width:240px;padding:.5rem 1.5rem;background-color:#0000004d;border:2px solid #ffffff;border-radius:100px;color:#fff;font-size:14px;text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;transition:all .3s ease-out;-webkit-appearance:none;-moz-appearance:none;appearance:none}.email-input:focus{background-color:#0000004d;outline:none;width:240px}.email-input:not(:placeholder-shown){width:240px;text-align:left;padding-right:3rem}.email-input:placeholder-shown{text-align:center}.email-input:not(:placeholder-shown){text-align:left;padding-right:3rem;width:100%}.email-input::placeholder{color:#ffffffb3;text-align:center;font-family:var(--heading-2xl-family);font-size:var(--heading-2xl-size);line-height:var(--heading-2xl-line);font-weight:var(--heading-2xl-weight);letter-spacing:var(--heading-2xl-spacing)}.email-input:-webkit-autofill,.email-input:-webkit-autofill:hover,.email-input:-webkit-autofill:focus{-webkit-text-fill-color:#ffffff;-webkit-box-shadow:0 0 0px 1000px rgba(0,0,0,.3) inset;transition:background-color 5000s ease-in-out 0s}.email-input:focus{background-color:#0000004d;outline:none}.newsletter-form__button{position:absolute;right:1rem;top:45%;transform:translateY(-50%);background:none;border:none;padding:.25rem;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .3s ease;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;z-index:2}.email-input:valid+.newsletter-form__button{opacity:1;pointer-events:all}.newsletter-form__button:before{content:"\2192";color:#fff;font-size:1.5rem}.newsletter-form__messages{position:absolute;width:100%;text-align:center;left:50%;transform:translate(-34%);height:auto;margin-top:12px}.newsletter-form__message,.newsletter-form__message--success{width:100%;text-align:center;margin:0;font-size:.875rem}.newsletter-form__message{color:#920000}.newsletter-form__message--success{color:#fff;font-size:1rem}@media screen and (max-width: 1024px){.newsletter-form__field-wrapper{justify-content:center}.newsletter-form__input-container{width:100%;max-width:240px}.field{justify-content:center}.newsletter-form__messages{transform:translate(-50%);text-align:center}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/newsletter-form.css.map */