.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:40rem}}.newsletter-form__field-wrapper{width:100%;max-width:50rem}.newsletter-form__field-container{display:flex;align-items:flex-end;justify-content:flex-start;gap:2rem;width:100%;border-bottom:.1rem solid #070707;padding-bottom:.5rem;position:relative}.newsletter-form__input{flex:1;border:none;background:transparent;font-size:1.4rem;padding:.5rem 0;outline:none;color:rgb(var(--color-foreground))}.newsletter-form__ .newsletter-form__input:focus-visible{outline:none;box-shadow:none;border:none}.newsletter-form__input::placeholder{color:#454545;font-family:var(--font-body-family);font-size:14px;font-weight:300}.newsletter-form__field-container .field__label{display:flex}.newsletter-form__button{border:none;background:transparent;font-size:14px;font-weight:300;text-transform:uppercase;text-decoration:none;cursor:pointer;padding:.5rem 0;color:#454545;white-space:nowrap;flex-shrink:0;margin-bottom:0;align-self:flex-end;position:relative;display:inline-flex;align-items:center;justify-content:center;width:auto;height:auto}.newsletter-form__button:hover{color:#070707}.newsletter-form__button:focus,.newsletter-form__button:focus-visible{outline:none;box-shadow:none}.newsletter-form__button--filled{font-weight:700}.newsletter-form__message{justify-content:center;margin-bottom:0;margin-top:1rem}.newsletter-form__message--success{margin-top:2rem}@media screen and (min-width:750px){.newsletter-form__message{justify-content:flex-start}}.newsletter-success-container{display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;max-width:48rem;margin:2rem auto;padding:3rem 2rem;background:transparent;animation:premiumFadeInUp .7s cubic-bezier(.25,1,.5,1) both}.newsletter-success-icon-wrap{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;margin-bottom:2rem;color:#10b981;animation:premiumScaleIn .8s cubic-bezier(.34,1.56,.64,1) both;animation-delay:.1s}.newsletter-success-icon svg{width:32px;height:32px;display:block}.newsletter-success-title{font-family:var(--font-heading-family);font-size:24px;font-weight:400;letter-spacing:.05em;line-height:1.3;margin:0 0 1.2rem;color:#070707;animation:premiumFadeInUp .6s cubic-bezier(.25,1,.5,1) both;animation-delay:.2s}.newsletter-success-subtitle{font-family:var(--font-body-family);font-size:14px;font-weight:300;line-height:1.6;color:#555;margin:0;max-width:38rem;animation:premiumFadeInUp .6s cubic-bezier(.25,1,.5,1) both;animation-delay:.3s}@keyframes premiumFadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes premiumScaleIn{0%{opacity:0;transform:scale(.6) rotate(-15deg)}to{opacity:1;transform:scale(1) rotate(0)}}@media screen and (max-width:749px){.newsletter-success-container{padding:2rem 1rem;margin:1.5rem auto}.newsletter-success-title{font-size:20px;margin-bottom:.8rem}.newsletter-success-subtitle{font-size:13px;max-width:32rem}}.newsletter-form__button-spinner{display:none;position:absolute;width:18px;height:18px;top:50%;left:50%;margin-top:-9px;margin-left:-9px}.newsletter-form__button-spinner svg{animation:rotateSpinner 1.4s linear infinite;width:100%;height:100%}.newsletter-form__button-spinner .path{stroke:currentColor;stroke-linecap:round;animation:dashSpinner 1.5s ease-in-out infinite}.newsletter-form__button.is-loading{pointer-events:none;cursor:not-allowed}.newsletter-form__button.is-loading .newsletter-form__button-text{opacity:0;visibility:hidden}.newsletter-form__button.is-loading .newsletter-form__button-spinner{display:block}@keyframes rotateSpinner{to{transform:rotate(360deg)}}@keyframes dashSpinner{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}.newsletter-success-container.hidden-success,.newsletter-form__field-wrapper.hidden-form{display:none!important}
/*# sourceMappingURL=/cdn/shop/t/27/assets/component-newsletter.css.map */