.newsletter-form{width:100%}.newsletter-form__field{display:flex;align-items:center;gap:var(--space-2);width:100%;border-bottom:1px solid color-mix(in srgb,var(--color-foreground) 35%,transparent);transition:border-color var(--duration-base) var(--ease-out-expo)}.newsletter-form__field:focus-within{border-color:var(--color-foreground)}.newsletter-form__input{flex:1;min-width:0;padding-block:var(--space-3);border:none;background-color:transparent;color:var(--color-foreground);font-family:inherit;font-size:var(--font-size-body-sm)}.newsletter-form__input::placeholder{color:var(--color-foreground)}.newsletter-form__input:focus-visible{outline:none}.newsletter-form__submit{flex-shrink:0}.button--icon.newsletter-form__submit{width:44px;height:44px}.button.newsletter-form__submit{white-space:nowrap}.newsletter-form__submit svg{transition:transform var(--duration-base) var(--ease-out-expo)}.button--icon.newsletter-form__submit:hover:not(:disabled):not([aria-disabled=true]){background-color:transparent}.newsletter-form__submit:hover svg{transform:translate(4px)}.newsletter-form__message{margin-top:var(--space-3)}.newsletter-form:has([data-newsletter-state=success]) .newsletter-form__names,.newsletter-form:has([data-newsletter-state=success]) .newsletter-form__field,.newsletter-form:has([data-newsletter-state=success]) .newsletter-form__consent{display:none}.newsletter-form__names{display:grid;gap:var(--space-3);margin-bottom:var(--space-3)}.newsletter-form__name{display:flex;min-width:0}.newsletter-form__name .newsletter-form__input{padding:var(--space-3) var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-base);font-size:var(--font-size-body);transition:border-color var(--duration-base) var(--ease-out-expo)}.newsletter-form__name .newsletter-form__input:focus-visible{outline:none;border-color:var(--color-foreground)}.newsletter-form--underline .newsletter-form__name .newsletter-form__input{padding-inline:0;border-width:0 0 1px}@media screen and (min-width:500px){.newsletter-form__names:has(.newsletter-form__name+.newsletter-form__name){grid-template-columns:repeat(2,minmax(0,1fr))}}.newsletter-form--boxed .newsletter-form__field{gap:0;border:1px solid var(--color-foreground);border-radius:var(--radius-base);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.newsletter-form--boxed .newsletter-form__field:focus-within{border-color:var(--color-foreground)}.newsletter-form--boxed .newsletter-form__input{padding:var(--space-3) var(--space-4);font-size:var(--font-size-body)}.newsletter-form--boxed .newsletter-form__submit{margin:var(--space-1)}.newsletter-form--stacked .newsletter-form__field{flex-direction:column;align-items:stretch;gap:var(--space-3);border:none}.newsletter-form--stacked .newsletter-form__input{padding:var(--space-3) var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-base);font-size:var(--font-size-body)}.newsletter-form--stacked .newsletter-form__input:focus-visible{outline:none;border-color:var(--color-foreground)}.newsletter-form--stacked .newsletter-form__submit,.newsletter-form--stacked .button--icon.newsletter-form__submit{width:100%;height:auto}.newsletter-form__consent{display:flex;align-items:flex-start;gap:var(--space-3);margin-top:var(--space-4);font-size:var(--font-size-caption);color:var(--color-foreground-muted);text-align:left;cursor:pointer}.newsletter-form__consent input{flex-shrink:0;margin-top:2px}.newsletter-form__consent a{color:inherit}@media(prefers-reduced-motion:reduce){.newsletter-form__field,.newsletter-form__submit svg{transition:none}.newsletter-form__submit:hover svg{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-newsletter.css.map */