newsletter-form{position:relative}newsletter-form form{display:flex;flex-direction:column;align-items:center;gap:1rem}.newsletter-form--actions{position:relative;display:flex;align-items:center;align-items:stretch;width:100%;min-height:3.5rem}.newsletter-form--input{position:relative;width:100%}.newsletter-form--input-helper{position:absolute;top:.3rem;left:1.25rem;font-size:.625rem;opacity:.4}.newsletter-form--input:has(.newsletter-form--input-helper) input:placeholder-shown{padding-top:1rem}.newsletter-form--input:not(:has(input:placeholder-shown)) .newsletter-form--input-helper{display:none}newsletter-form input{width:100%;height:100%;padding:.5rem 1.25rem}newsletter-form input::placeholder{color:currentColor}newsletter-form input,newsletter-form button{background:transparent;border-radius:9999px;border:1px solid}.newsletter-form--button button{height:100%;margin-left:.625rem;width:5.625rem;transition-property:color,background;transition-duration:var(--transition-duration);transition-timing-function:var(--transition-ease)}newsletter-form .message{opacity:0;text-align:center}newsletter-form.success .message{position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;display:flex;align-items:center;justify-content:center;pointer-events:none;font-size:inherit;text-align:center;border-radius:9999px;padding:.5rem 1rem}newsletter-form.success .newsletter-form--actions{min-height:3.5rem}newsletter-form.error .message,newsletter-form.success .message{opacity:1}newsletter-form.success input,newsletter-form.success button{opacity:0;visibility:hidden}newsletter-form.submitting input,newsletter-form.success input,newsletter-form.submitting button,newsletter-form.success button{pointer-events:none}
/*# sourceMappingURL=/cdn/shop/t/30/assets/newsletter-form.css.map */