/* General form styles */
.ktrr-cm-login-form .cm-login-form {
     --cm-login-otp-btn-bg: #375DFF;
    --cm-login-otp-btn-txt: #ffffff;
    --cm-login-otp-btn-border: 1.5px solid var(--cm-login-accent);
    --cm-login-shadow: none;
    --cm-login-accent: #375DFF;
    --cm-login-radius: 10px;
    --cm-login-form-max-width: 500px;
}
.ktrr-cm-login-form__dark .cm-login-form {
    --cm-login-bg: #1c2434;
    --cm-login-accent: #375DFF;
    --cm-login-radius: 10px;
    --cm-login-muted: #6b7280;
    --cm-login-border: rgba(1, 130, 76, 0.12);
    --cm-login-form-border: var(--cm-login-border);
    --cm-login-form-padding: 0;
    --cm-login-form-max-width: 500px;
    --cm-login-label-color: #ffffff;
    --cm-login-icon-color: #6b7280;
    --cm-login-placeholder-color: #9ca3af;
    --cm-login-mode-bg: #f0f2f5;
    --cm-login-otp-btn-bg: #375DFF;
    --cm-login-otp-btn-txt: #ffffff;
    --cm-login-otp-btn-border: 1.5px solid var(--cm-login-accent);
    --cm-login-shadow: none;
}
.ktrr-cm-login-form .cm-login-form-inner label:not(.cm-login-checkbox) {
    font-size: 2rem;
    margin-bottom: var(--space-15);
    font-weight: 500;
}
/* Now let's remove 'Remember me' altogether */
.ktrr-cm-login-form .cm-login-checkbox {
    display: none;
}
.ktrr-cm-login-form .cm-login-submit {
    background-color: var(--color-risd);
}

.ktrr-cm-login-form .cm-login-field :is(input[type=text],input[type=email],input[type=password],input[type=tel],input[type=number],input[type=date],textarea,select) {
    font-size: 1.8rem;
}

.ktrr-cm-login-form .cm-login-field--with-icon .cm-login-field-icon {
    display: none;
}
.ktrr-cm-login-form .cm-login-field--with-icon :is(input[type=text],input[type=email],input[type=password],input[type=tel],input[type=number]) {
    padding-left: 14px;
}

/* The dark mode login form /letmein */   
.ktrr-cm-login-form__dark .cm-login-form {
    border: none;
    box-shadow: none;
}
.ktrr-cm-login-form__dark .cm-login-field :is(input[type=text],input[type=email],input[type=password],input[type=tel],input[type=number],input[type=date],textarea,select) {
    background-color: var(--color-raisin);
    color: var(--color-white);
}

/* Style the 'Create new account' and 'Login instead' links (Dark theme) */
.ktrr-form__tag--text {
    font-size: 1.1em;
    color: var(--color-white);
    opacity: 0.7;
    margin-right: var(--space-10);
}
.ktrr-form__tag--link {
    font-size: 1.1em;
    color: var(--color-white);
    border-bottom: 3px solid var(--color-white);
    padding-bottom: 6px;
    /*margin-top: var(--space-10);*/
}