.customer-form{--form-field-spacing: 1rem}.customer-form .form-errors-wrapper{margin-bottom:calc(var(--form-field-spacing) * 1.5)}.customer-form .form-errors-wrapper:empty{display:inline}.customer-form .form-errors-wrapper .errors ul{display:grid;gap:.3rem;list-style:none}.customer-form .form-errors-wrapper .errors ul li{background:#ff00000a;border:1px solid #ff000026;color:#ff0000a6;padding:.8rem;font-size:var(--fs-200);text-align:center}.customer-form .form-errors-wrapper .errors ul li a{text-decoration:underline;color:#fff}.customer-form .form-success-message{margin-bottom:calc(var(--form-field-spacing) * 1.5);background:#00ff000a;border:1px solid #00ff0026;color:#00ff00a6;padding:.8rem;font-size:var(--fs-200);text-align:center}.customer-form .form-fields-wrapper{display:grid;gap:var(--form-field-spacing)}.customer-form .form-fields-wrapper .form-field input{border:1px solid gray;padding:.8rem 1.2rem;border-radius:2rem}.customer-form .form-fields-wrapper .form-field input:focus-visible{border-color:var(--clr-primary)}.customer-form .form-actions{margin-top:calc(var(--form-field-spacing) * 1.5);display:flex;justify-content:center;align-items:center;flex-direction:column;gap:calc(var(--form-field-spacing) * 1.3)}.customer-form .form-actions button[type=submit]{border:none;background-color:var(--clr-primary);color:#000;font-size:var(--fs-200);padding:.94em 2em}.customer-form .form-actions .form-register-link,.customer-form .form-actions .form-login-link{text-align:center;font-family:var(--ff-champ);letter-spacing:.05em;font-size:var(--fs-200)}:is(.customer-form .form-actions .form-register-link,.customer-form .form-actions .form-login-link) a{color:var(--clr-primary)}:is(.customer-form .form-actions .form-register-link,.customer-form .form-actions .form-login-link) a:hover{text-decoration:underline}.customer-form .form-actions .form-recover-password-link{font-size:var(--fs-200);font-family:var(--ff-champ);letter-spacing:.05em}.customer-form .form-actions .form-recover-password-link a{color:var(--clr-primary)}.customer-form .form-actions .form-recover-password-link a:hover{text-decoration:underline}@media(max-width:578px){.customer-form{--form-field-spacing: .8rem}.customer-form .form-actions button[type=submit],.customer-form .form-actions .form-register-link,.customer-form .form-actions .form-login-link,.customer-form .form-actions .form-recover-password-link{font-size:var(--fs-100)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/customer-form.css.map */