/* ============================================================
   login.css
   Log in and sign up pages. Only what site.css doesn't provide.
   ============================================================ */

.login-card {
    width: min(440px, calc(100% - 32px));
    margin: 0 auto 48px;
    padding: 28px;
}

.login-card .btn-primary-dark {
    width: 100%;
    justify-content: center;
}

.login-card .form-check-input {
    border-color: var(--border2);
    cursor: pointer;
}

.login-card .form-check-input:checked {
    background-color: var(--accent);
    border-color: var(--accent);
}

.login-card .form-check-label {
    color: var(--muted);
    cursor: pointer;
}

.login-switch {
    margin: 20px 0 0;
    text-align: center;
    color: var(--muted);
}

.login-switch a {
    color: var(--accent-text);
}