/* === UNIMPLEMENTED === */
/*
    1. Modes switch.
       Selected: layer -1; Inactive: layer 0

*/


/* =============================================================================
   AUTH FORM — decoration
   ============================================================================= */


/* Form container */
.AuthBox {
    background: linear-gradient(343deg, #e8eaff 50%, #f1f5f980 100%);
    background-clip: padding-box;

    border: 1px solid #0077CC60;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

.AuthBox--partial {
    
}


/* Form root */
.auth-form {
}

/* Title */
.auth-form .HeaderText {
    font-weight: 500;
}

/* Fields */
.auth-form input,
.auth-form .input {
}

.auth-form input:hover,
.auth-form .input:hover {
}

/* Password reveal */
.auth-form .auth-password-toggle {
}

.auth-form .auth-password-toggle:hover {
}

/* Checkbox row */
.auth-form .auth-checkbox {
}

.auth-form .auth-checkbox:hover {
}

/* Submit */
.auth-form .AuthButt {
    font-weight: 600;
}

.auth-form .AuthButt:hover {
}