.mh-email-field{--mh-email-field-bg: var(--mh-color-bg-secondary)}.mh-email-field--on-color{--mh-email-field-bg: var(--mh-color-bg-primary)}.mh-email-field__backplate{display:flex;align-items:center;gap:0;padding:var(--mh-space-3) var(--mh-space-3) var(--mh-space-3) var(--mh-space-6);border:var(--mh-border-width-2) solid transparent;border-radius:var(--mh-radius-full);background:linear-gradient(var(--mh-email-field-bg),var(--mh-email-field-bg)) padding-box,var(--mh-gradient-rainbow) border-box;transition:border-color .15s ease,background .15s ease}.mh-email-field__backplate:is(:hover,:focus-within):not(.is-error){background:linear-gradient(var(--mh-email-field-bg),var(--mh-email-field-bg)) padding-box,conic-gradient(from var(--mh-beam-angle),var(--mh-rainbow-beam-stops)) border-box;animation:mh-rainbow-beam 2.4s linear infinite}@media(prefers-reduced-motion:reduce){.mh-email-field__backplate{animation:none!important}}.mh-email-field__backplate.is-error{border-color:var(--mh-color-border-error);background:var(--mh-email-field-bg)}.mh-email-field__input{flex:1 1 auto;min-width:0;height:auto;margin:0;padding:0;border:0;background:transparent;color:var(--mh-color-text-primary);font-family:var(--mh-font-content);font-size:var(--mh-font-size-md);line-height:1.6;letter-spacing:-.03em;box-shadow:none;outline:none;-webkit-appearance:none;appearance:none}.mh-email-field__input::placeholder{color:var(--mh-color-text-secondary);opacity:1}.mh-email-field__input:disabled{opacity:.5}.mh-email-field__submit{flex-shrink:0}.mh-email-field__message{display:flex;align-items:center;justify-content:center;gap:var(--mh-space-2);padding:var(--mh-space-4) var(--mh-space-6);border-radius:var(--mh-radius-full);font-family:var(--mh-font-content);font-size:var(--mh-font-size-md);line-height:1.5}.mh-email-field__message--success{background:var(--mh-color-bg-success);color:var(--mh-color-text-success)}.mh-email-field__message--error{margin-top:var(--mh-space-2);padding:var(--mh-space-2) var(--mh-space-4);border-radius:var(--mh-radius-xl);background:var(--mh-color-bg-error);color:var(--mh-color-text-error);font-size:var(--mh-font-size-sm)}.mh-email-field__message--error ul{margin:0;padding:0;list-style:none}@media(max-width:767px){.mh-email-field--label .mh-email-field__backplate{padding-block:10px}.mh-email-field--label .mh-email-field__submit{width:40px;height:40px;padding:0}.mh-email-field--label .mh-email-field__submit-label{display:none}}
/*# sourceMappingURL=/cdn/shop/t/126/assets/mh-email-field.css.map */