#CustomerLoginForm{max-width:400px;margin:0 auto 2em}.text-center{text-align:center}h1{font-size:2em}a{color:inherit}form{display:flex;flex-direction:column;margin:auto}.button{margin-top:1em;background:var(--color-accent);border-color:var(--color-accent);color:#fff}.button:hover{background:var(--color-accent-light);border-color:var(--color-accent-light);color:var(--color-accent)}.customer-login.form,.recover-password.form{display:none}.customer-login.form.active,.recover-password.form.active{display:block}.customer-login.form input[type=email],.customer-login.form input[type=password],.recover-password.form input[type=email],.recover-password.form input[type=password]{all:unset;border:2px solid;font:inherit;border-radius:6px;padding:6px;margin-bottom:1em}.customer-login.form .text-button,.recover-password.form .text-button{all:unset;cursor:pointer}.customer-login.form .text-button:hover,.recover-password.form .text-button:hover{text-decoration:underline}.form-message--error{border:1px solid #d20000;background-color:#fff8f8;padding:1rem 1.3rem;text-align:left;width:100%}