@import url(variables.css);
[data-bs-theme=light] {
    --background-color-rgba: var(--lbtx-syslogo-color);
    --background-gradient: linear-gradient(0deg, var(--lbtx-color-1) 0%, var(--lbtx-color-2) 40%, var(--lbtx-color-3) 100%);
    --filter-login-img: invert(1) brightness(1000%);
}

[data-bs-theme=dark] {
    --background-color-rgba: var(--lbtx-syslogo-color);
    --background-gradient: linear-gradient(0deg, var(--lbtx-syslogo-color) 0%, var(--lbtx-color-1) 40%, var(--lbtx-color-3) 100%);
    --filter-login-img: invert(1) brightness(1000%);
}

html,
body {
    height: 100%;
}

[app-theme=default] html,
[app-theme=default] body {
    background: var(--background-gradient);
}

.form-signin {
    max-width: 360px;
    margin-top: -20vh !important;
}

.form-signin form {
    padding: 1rem 2rem;
    border-radius: 1rem;
    border: 2px solid var(--background-color-rgba);
}

.form-signin img {
    margin: auto;
    display: flex;
    align-self: center;
}

.form-signin .form-floating:focus-within {
    z-index: 2;
}

.form-signin input[type="email"] {
    margin-bottom: 1rem;
}

.form-signin input[type="password"] {
    margin-bottom: 10px;
}

.btn-theme {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--lbtx-color-1);
    --bs-btn-border-color: var(--lbtx-color-1);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--lbtx-syslogo-color);
    --bs-btn-hover-border-color: var(--lbtx-syslogo-color);
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--lbtx-syslogo-color);
    --bs-btn-active-border-color: var(--lbtx-color-1);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--lbtx-color-gray);
    --bs-btn-disabled-bg: var(--lbtx-color-2);
    --bs-btn-disabled-border-color: var(--lbtx-color-2);
}

.form-check-input:focus {
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%234c8fb8'/%3e%3c/svg%3e") !important;
    border-color: var(--lbtx-color-1);
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(76, 143, 184, 0.25)
}

.form-check-input:checked {
    background-color: var(--lbtx-color-1);
    border-color: var(--lbtx-color-1);
}

.form-check-input:focus {
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%239FA9D6'/%3e%3c/svg%3e") !important;
    border-color: var(--lbtx-color-3);
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(76, 143, 184, 0.25)
}

.form-control:focus,
.form-select:focus {
    border-color: var(--lbtx-color-3);
    box-shadow: 0 0 0 0.25rem rgba(76, 143, 184, 0.25)
}

[app-theme=sapphire] .btn-theme {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--sapphiresolid);
    --bs-btn-border-color: var(--sapphiresolid);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--sapphiresoliddark);
    --bs-btn-hover-border-color: var(--sapphiresoliddark);
    --bs-btn-focus-shadow-rgb: 130, 138, 145;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--sapphiresoliddark);
    --bs-btn-active-border-color: var(--sapphiresoliddark);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--sapphiredisabled);
    --bs-btn-disabled-border-color: var(--sapphiredisabled);
}

[app-theme=sapphire] .form-signin form {
    border: 2px solid var(--sapphiresoliddark);
}

[app-theme=sapphire] .form-check-input:checked {
    background-color: var(--sapphiresolid);
    border-color: var(--sapphiresolid);
}

[app-theme=sapphire] .form-check-input:focus {
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%239FA9D6'/%3e%3c/svg%3e") !important;
    border-color: var(--sapphiresdw);
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(var(--sapphirergb), 0.25)
}

[app-theme=sapphire] .form-control:focus,
[app-theme=sapphire] .form-select:focus {
    border-color: var(--sapphiresdw);
    box-shadow: 0 0 0 0.25rem rgba(var(--sapphirergb), 0.25)
}

[data-bs-theme=light][app-theme=sapphire] html,
[data-bs-theme=light][app-theme=sapphire] body {
    background: linear-gradient(0deg, var(--sapphiredisabled) 0%, var(--sapphiresdw) 50%, #fff 100%);
}

[data-bs-theme=dark][app-theme=sapphire] html,
[data-bs-theme=dark][app-theme=sapphire] body {
    background: linear-gradient(0deg, var(--sapphiresoliddark) 0%, var(--sapphiremuted) 50%, var(--sapphiredisabled) 100%);
}

[app-theme=blue] .btn-theme {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--bluesolid);
    --bs-btn-border-color: var(--bluesolid);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--bluesoliddark);
    --bs-btn-hover-border-color: var(--bluesoliddark);
    --bs-btn-focus-shadow-rgb: 130, 138, 145;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--bluesoliddark);
    --bs-btn-active-border-color: var(--bluesoliddark);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--bluedisabled);
    --bs-btn-disabled-border-color: var(--bluedisabled);
}

[app-theme=blue] .form-signin form {
    border: 2px solid var(--bluesoliddark);
}

[app-theme=blue] .form-check-input:checked {
    background-color: var(--bluesolid);
    border-color: var(--bluesolid);
}

[app-theme=blue] .form-check-input:focus {
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%237FA0E0'/%3e%3c/svg%3e") !important;
    border-color: var(--bluesdw);
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(var(--bluergb), 0.25)
}

[app-theme=blue] .form-control:focus,
[app-theme=blue] .form-select:focus {
    border-color: var(--bluesdw);
    box-shadow: 0 0 0 0.25rem rgba(var(--bluergb), 0.25)
}

[data-bs-theme=light][app-theme=blue] html,
[data-bs-theme=light][app-theme=blue] body {
    background: linear-gradient(0deg, var(--bluedisabled) 0%, var(--bluesdw) 40%, #fff 100%);
}

[data-bs-theme=dark][app-theme=blue] html,
[data-bs-theme=dark][app-theme=blue] body {
    background: linear-gradient(0deg, var(--bluesoliddark) 0%, var(--bluemuted) 50%, var(--bluedisabled) 100%);
}

[app-theme=aqua] .btn-theme {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--aquasolid);
    --bs-btn-border-color: var(--aquasolid);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--aquasoliddark);
    --bs-btn-hover-border-color: var(--aquasoliddark);
    --bs-btn-focus-shadow-rgb: 130, 138, 145;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--aquasoliddark);
    --bs-btn-active-border-color: var(--aquasoliddark);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--aquadisabled);
    --bs-btn-disabled-border-color: var(--aquadisabled);
}

[app-theme=aqua] .form-signin form {
    border: 2px solid var(--aquasoliddark);
}

[app-theme=aqua] .form-check-input:checked {
    background-color: var(--aquasolid);
    border-color: var(--aquasolid);
}

[app-theme=aqua] .form-check-input:focus {
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2395dede'/%3e%3c/svg%3e") !important;
    border-color: var(--aquasdw);
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(var(--aquargb), 0.25)
}

[app-theme=aqua] .form-control:focus,
[app-theme=aqua] .form-select:focus {
    border-color: var(--aquasdw);
    box-shadow: 0 0 0 0.25rem rgba(var(--aquargb), 0.25)
}

[data-bs-theme=light][app-theme=aqua] html,
[data-bs-theme=light][app-theme=aqua] body {
    background: linear-gradient(0deg, var(--aquasoliddark) 0%, var(--aquadisabled) 40%, var(--aquasdw) 100%);
}

[data-bs-theme=dark][app-theme=aqua] html,
[data-bs-theme=dark][app-theme=aqua] body {
    background: linear-gradient(0deg, var(--aquasdw) 0%, var(--aquadisabled) 40%, var(--aquasoliddark) 100%);
}

[app-theme=emerald] .btn-theme {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--emeraldsolid);
    --bs-btn-border-color: var(--emeraldsolid);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--emeraldsoliddark);
    --bs-btn-hover-border-color: var(--emeraldsoliddark);
    --bs-btn-focus-shadow-rgb: 130, 138, 145;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--emeraldsoliddark);
    --bs-btn-active-border-color: var(--emeraldsoliddark);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--emeralddisabled);
    --bs-btn-disabled-border-color: var(--emeralddisabled);
}

[app-theme=emerald] .form-signin form {
    border: 2px solid var(--emeraldsoliddark);
}

[app-theme=emerald] .form-check-input:checked {
    background-color: var(--emeraldsolid);
    border-color: var(--emeraldsolid);
}

[app-theme=emerald] .form-check-input:focus {
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%235AB8A8'/%3e%3c/svg%3e") !important;
    border-color: var(--emeraldsdw);
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(var(--emeraldrgb), 0.25)
}

[app-theme=emerald] .form-control:focus,
[app-theme=emerald] .form-select:focus {
    border-color: var(--emeraldsdw);
    box-shadow: 0 0 0 0.25rem rgba(var(--emeraldrgb), 0.25)
}

[data-bs-theme=light][app-theme=emerald] html,
[data-bs-theme=light][app-theme=emerald] body {
    background: linear-gradient(0deg, var(--emeraldsoliddark) 0%, var(--emeralddisabled) 40%, var(--emeraldsdw) 100%);
}

[data-bs-theme=dark][app-theme=emerald] html,
[data-bs-theme=dark][app-theme=emerald] body {
    background: linear-gradient(0deg, var(--emeraldsdw) 0%, var(--emeralddisabled) 40%, var(--emeraldsoliddark) 100%);
}

[app-theme=leaf] .btn-theme {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--leafsolid);
    --bs-btn-border-color: var(--leafsolid);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--leafsoliddark);
    --bs-btn-hover-border-color: var(--leafsoliddark);
    --bs-btn-focus-shadow-rgb: 130, 138, 145;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--leafsoliddark);
    --bs-btn-active-border-color: var(--leafsoliddark);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--leafdisabled);
    --bs-btn-disabled-border-color: var(--leafdisabled);
}

[app-theme=leaf] .form-signin form {
    border: 2px solid var(--leafsoliddark);
}

[app-theme=leaf] .form-check-input:checked {
    background-color: var(--leafsolid);
    border-color: var(--leafsolid);
}

[app-theme=leaf] .form-check-input:focus {
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23A8D88C'/%3e%3c/svg%3e") !important;
    border-color: var(--leafsdw);
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(var(--leafrgb), 0.25)
}

[app-theme=leaf] .form-control:focus,
[app-theme=leaf] .form-select:focus {
    border-color: var(--leafsdw);
    box-shadow: 0 0 0 0.25rem rgba(var(--leafrgb), 0.25)
}

[data-bs-theme=light][app-theme=leaf] html,
[data-bs-theme=light][app-theme=leaf] body {
    background: linear-gradient(0deg, var(--leafsoliddark) 0%, var(--leafdisabled) 40%, var(--leafsdw) 100%);
}

[data-bs-theme=dark][app-theme=leaf] html,
[data-bs-theme=dark][app-theme=leaf] body {
    background: linear-gradient(0deg, var(--leafsdw) 0%, var(--leafdisabled) 40%, var(--leafsoliddark) 100%);
}

[app-theme=lime] .btn-theme {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--limesolid);
    --bs-btn-border-color: var(--limesolid);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--limesoliddark);
    --bs-btn-hover-border-color: var(--limesoliddark);
    --bs-btn-focus-shadow-rgb: 130, 138, 145;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--limesoliddark);
    --bs-btn-active-border-color: var(--limesoliddark);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--limedisabled);
    --bs-btn-disabled-border-color: var(--limedisabled);
}

[app-theme=lime] .form-signin form {
    border: 2px solid var(--limesoliddark);
}

[app-theme=lime] .form-check-input:checked {
    background-color: var(--limesolid);
    border-color: var(--limesolid);
}

[app-theme=lime] .form-check-input:focus {
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%236dad00'/%3e%3c/svg%3e") !important;
    border-color: var(--limesdw);
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(var(--limergb), 0.25)
}

[app-theme=lime] .form-control:focus,
[app-theme=lime] .form-select:focus {
    border-color: var(--limesdw);
    box-shadow: 0 0 0 0.25rem rgba(var(--limergb), 0.25)
}

[data-bs-theme=light][app-theme=lime] html,
[data-bs-theme=light][app-theme=lime] body {
    background: linear-gradient(0deg, var(--limemuted) 0%, var(--limesdw) 40%, #ffffff 100%);
}

[data-bs-theme=dark][app-theme=lime] html,
[data-bs-theme=dark][app-theme=lime] body {
    background: linear-gradient(0deg, var(--limesoliddark) 0%, var(--limemuted) 40%, var(--limesdw) 100%);
}

[app-theme=gold] .btn-theme {
    --bs-btn-color: #000;
    --bs-btn-bg: var(--goldsolid);
    --bs-btn-border-color: var(--goldsolid);
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: var(--goldsoliddark);
    --bs-btn-hover-border-color: var(--goldsoliddark);
    --bs-btn-focus-shadow-rgb: 130, 138, 145;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: var(--goldsoliddark);
    --bs-btn-active-border-color: var(--goldsoliddark);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: var(--golddisabled);
    --bs-btn-disabled-border-color: var(--golddisabled);
}

[app-theme=gold] .form-signin form {
    border: 2px solid var(--goldsoliddark);
}

[app-theme=gold] .form-check-input:checked {
    background-color: var(--goldsolid);
    border-color: var(--goldsolid);
}

[app-theme=gold] .form-check-input:focus {
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23CCAC00'/%3e%3c/svg%3e") !important;
    border-color: var(--goldsdw);
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(var(--goldrgb), 0.25)
}

[app-theme=gold] .form-control:focus,
[app-theme=gold] .form-select:focus {
    border-color: var(--goldsdw);
    box-shadow: 0 0 0 0.25rem rgba(var(--goldrgb), 0.25)
}

[data-bs-theme=light][app-theme=gold] html,
[data-bs-theme=light][app-theme=gold] body {
    background: linear-gradient(0deg, var(--goldsoliddark) 0%, var(--golddisabled) 40%, var(--goldsdw) 100%);
}

[data-bs-theme=dark][app-theme=gold] html,
[data-bs-theme=dark][app-theme=gold] body {
    background: linear-gradient(0deg, var(--goldsdw) 0%, var(--golddisabled) 40%, var(--goldsoliddark) 100%);
}

[app-theme=orange] .btn-theme {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--orangesolid);
    --bs-btn-border-color: var(--orangesolid);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--orangesoliddark);
    --bs-btn-hover-border-color: var(--orangesoliddark);
    --bs-btn-focus-shadow-rgb: 130, 138, 145;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--orangesoliddark);
    --bs-btn-active-border-color: var(--orangesoliddark);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--orangedisabled);
    --bs-btn-disabled-border-color: var(--orangedisabled);
}

[app-theme=orange] .form-signin form {
    border: 2px solid var(--orangesoliddark);
}

[app-theme=orange] .form-check-input:checked {
    background-color: var(--orangesolid);
    border-color: var(--orangesolid);
}

[app-theme=orange] .form-check-input:focus {
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffb56b'/%3e%3c/svg%3e") !important;
    border-color: var(--orangesdw);
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(var(--orangergb), 0.25)
}

[app-theme=orange] .form-control:focus,
[app-theme=orange] .form-select:focus {
    border-color: var(--orangesdw);
    box-shadow: 0 0 0 0.25rem rgba(var(--orangergb), 0.25)
}

[data-bs-theme=light][app-theme=orange] html,
[data-bs-theme=light][app-theme=orange] body {
    background: linear-gradient(0deg, var(--orangesoliddark) 0%, var(--orangemuted) 40%, var(--orangesdw) 100%);
}

[data-bs-theme=dark][app-theme=orange] html,
[data-bs-theme=dark][app-theme=orange] body {
    background: linear-gradient(0deg, var(--orangesdw) 0%, var(--orangedisabled) 40%, var(--orangesoliddark) 100%);
}

[app-theme=red] .btn-theme {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--redsolid);
    --bs-btn-border-color: var(--redsolid);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--redsoliddark);
    --bs-btn-hover-border-color: var(--redsoliddark);
    --bs-btn-focus-shadow-rgb: 130, 138, 145;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--redsoliddark);
    --bs-btn-active-border-color: var(--redsoliddark);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--reddisabled);
    --bs-btn-disabled-border-color: var(--reddisabled);
}

[app-theme=red] .form-signin form {
    border: 2px solid var(--redsoliddark);
}

[app-theme=red] .form-check-input:checked {
    background-color: var(--redsolid);
    border-color: var(--redsolid);
}

[app-theme=red] .form-check-input:focus {
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23E89CA8'/%3e%3c/svg%3e") !important;
    border-color: var(--redsdw);
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(var(--redrgb), 0.25)
}

[app-theme=red] .form-control:focus,
[app-theme=red] .form-select:focus {
    border-color: var(--redsdw);
    box-shadow: 0 0 0 0.25rem rgba(var(--redrgb), 0.25)
}

[data-bs-theme=light][app-theme=red] html,
[data-bs-theme=light][app-theme=red] body {
    background: linear-gradient(0deg, var(--redsoliddark) 0%, var(--reddisabled) 40%, var(--redsdw) 100%);
}

[data-bs-theme=dark][app-theme=red] html,
[data-bs-theme=dark][app-theme=red] body {
    background: linear-gradient(0deg, var(--redsdw) 0%, var(--reddisabled) 40%, var(--redsoliddark) 100%);
}

[app-theme=ruby] .btn-theme {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--rubysolid);
    --bs-btn-border-color: var(--rubysolid);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--rubysoliddark);
    --bs-btn-hover-border-color: var(--rubysoliddark);
    --bs-btn-focus-shadow-rgb: 130, 138, 145;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--rubysoliddark);
    --bs-btn-active-border-color: var(--rubysoliddark);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--rubydisabled);
    --bs-btn-disabled-border-color: var(--rubydisabled);
}

[app-theme=ruby] .form-signin form {
    border: 2px solid var(--rubysoliddark);
}

[app-theme=ruby] .form-check-input:checked {
    background-color: var(--rubysolid);
    border-color: var(--rubysolid);
}

[app-theme=ruby] .form-check-input:focus {
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23E89CA8'/%3e%3c/svg%3e") !important;
    border-color: var(--rubysdw);
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(var(--rubyrgb), 0.25)
}

[app-theme=ruby] .form-control:focus,
[app-theme=ruby] .form-select:focus {
    border-color: var(--rubysdw);
    box-shadow: 0 0 0 0.25rem rgba(var(--rubyrgb), 0.25)
}

[data-bs-theme=light][app-theme=ruby] html,
[data-bs-theme=light][app-theme=ruby] body {
    background: linear-gradient(0deg, var(--rubysoliddark) 0%, var(--rubydisabled) 40%, var(--rubysdw) 100%);
}

[data-bs-theme=dark][app-theme=ruby] html,
[data-bs-theme=dark][app-theme=ruby] body {
    background: linear-gradient(0deg, var(--rubysdw) 0%, var(--rubydisabled) 40%, var(--rubysoliddark) 100%);
}

[app-theme=rose] .btn-theme {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--rosesolid);
    --bs-btn-border-color: var(--rosesolid);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--rosesoliddark);
    --bs-btn-hover-border-color: var(--rosesoliddark);
    --bs-btn-focus-shadow-rgb: 130, 138, 145;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--rosesoliddark);
    --bs-btn-active-border-color: var(--rosesoliddark);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--rosedisabled);
    --bs-btn-disabled-border-color: var(--rosedisabled);
}

[app-theme=rose] .form-signin form {
    border: 2px solid var(--rosesoliddark);
}

[app-theme=rose] .form-check-input:checked {
    background-color: var(--rosesolid);
    border-color: var(--rosesolid);
}

[app-theme=rose] .form-check-input:focus {
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23E89CA8'/%3e%3c/svg%3e") !important;
    border-color: var(--rosesdw);
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(var(--rosergb), 0.25)
}

[app-theme=rose] .form-control:focus,
[app-theme=rose] .form-select:focus {
    border-color: var(--rosesdw);
    box-shadow: 0 0 0 0.25rem rgba(var(--rosergb), 0.25)
}

[data-bs-theme=light][app-theme=rose] html,
[data-bs-theme=light][app-theme=rose] body {
    background: linear-gradient(0deg, var(--rosesoliddark) 0%, var(--rosedisabled) 40%, var(--rosesdw) 100%);
}

[data-bs-theme=dark][app-theme=rose] html,
[data-bs-theme=dark][app-theme=rose] body {
    background: linear-gradient(0deg, var(--rosesdw) 0%, var(--rosedisabled) 40%, var(--rosesoliddark) 100%);
}

[app-theme=fucsia] .btn-theme {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--fucsiasolid);
    --bs-btn-border-color: var(--fucsiasolid);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--fucsiasoliddark);
    --bs-btn-hover-border-color: var(--fucsiasoliddark);
    --bs-btn-focus-shadow-rgb: 130, 138, 145;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--fucsiasoliddark);
    --bs-btn-active-border-color: var(--fucsiasoliddark);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--fucsiadisabled);
    --bs-btn-disabled-border-color: var(--fucsiadisabled);
}

[app-theme=fucsia] .form-signin form {
    border: 2px solid var(--fucsiasoliddark);
}

[app-theme=fucsia] .form-check-input:checked {
    background-color: var(--fucsiasolid);
    border-color: var(--fucsiasolid);
}

[app-theme=fucsia] .form-check-input:focus {
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23F1B4F1'/%3e%3c/svg%3e") !important;
    border-color: var(--fucsiasdw);
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(var(--fucsiargb), 0.25)
}

[app-theme=fucsia] .form-control:focus,
[app-theme=fucsia] .form-select:focus {
    border-color: var(--fucsiasdw);
    box-shadow: 0 0 0 0.25rem rgba(var(--fucsiargb), 0.25)
}

[data-bs-theme=light][app-theme=fucsia] html,
[data-bs-theme=light][app-theme=fucsia] body {
    background: linear-gradient(0deg, var(--fucsiasoliddark) 0%, var(--fucsiadisabled) 40%, var(--fucsiasdw) 100%);
}

[data-bs-theme=dark][app-theme=fucsia] html,
[data-bs-theme=dark][app-theme=fucsia] body {
    background: linear-gradient(0deg, var(--fucsiasdw) 0%, var(--fucsiadisabled) 40%, var(--fucsiasoliddark) 100%);
}

[app-theme=purple] .btn-theme {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--purplesolid);
    --bs-btn-border-color: var(--purplesolid);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--purplesoliddark);
    --bs-btn-hover-border-color: var(--purplesoliddark);
    --bs-btn-focus-shadow-rgb: 130, 138, 145;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--purplesoliddark);
    --bs-btn-active-border-color: var(--purplesoliddark);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--purpledisabled);
    --bs-btn-disabled-border-color: var(--purpledisabled);
}

[app-theme=purple] .form-signin form {
    border: 2px solid var(--purplesoliddark);
}

[app-theme=purple] .form-check-input:checked {
    background-color: var(--purplesolid);
    border-color: var(--purplesolid);
}

[app-theme=purple] .form-check-input:focus {
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23F1B4F1'/%3e%3c/svg%3e") !important;
    border-color: var(--purplesdw);
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(var(--purplergb), 0.25)
}

[app-theme=purple] .form-control:focus,
[app-theme=purple] .form-select:focus {
    border-color: var(--purplesdw);
    box-shadow: 0 0 0 0.25rem rgba(var(--purplergb), 0.25)
}

[data-bs-theme=light][app-theme=purple] html,
[data-bs-theme=light][app-theme=purple] body {
    background: linear-gradient(0deg, var(--purplesoliddark) 0%, var(--purpledisabled) 40%, var(--purplesdw) 100%);
}

[data-bs-theme=dark][app-theme=purple] html,
[data-bs-theme=dark][app-theme=purple] body {
    background: linear-gradient(0deg, var(--purplesdw) 0%, var(--purpledisabled) 40%, var(--purplesoliddark) 100%);
}

[app-theme=violet] .btn-theme {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--violetsolid);
    --bs-btn-border-color: var(--violetsolid);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--violetsoliddark);
    --bs-btn-hover-border-color: var(--violetsoliddark);
    --bs-btn-focus-shadow-rgb: 130, 138, 145;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--violetsoliddark);
    --bs-btn-active-border-color: var(--violetsoliddark);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--violetdisabled);
    --bs-btn-disabled-border-color: var(--violetdisabled);
}

[app-theme=violet] .form-signin form {
    border: 2px solid var(--violetsoliddark);
}

[app-theme=violet] .form-check-input:checked {
    background-color: var(--violetsolid);
    border-color: var(--violetsolid);
}

[app-theme=violet] .form-check-input:focus {
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23A5A3E3'/%3e%3c/svg%3e") !important;
    border-color: var(--violetsdw);
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(var(--violetrgb), 0.25)
}

[app-theme=violet] .form-control:focus,
[app-theme=violet] .form-select:focus {
    border-color: var(--violetsdw);
    box-shadow: 0 0 0 0.25rem rgba(var(--violetrgb), 0.25)
}

[data-bs-theme=light][app-theme=violet] html,
[data-bs-theme=light][app-theme=violet] body {
    background: linear-gradient(0deg, var(--violetsoliddark) 0%, var(--violetdisabled) 40%, var(--violetsdw) 100%);
}

[data-bs-theme=dark][app-theme=violet] html,
[data-bs-theme=dark][app-theme=violet] body {
    background: linear-gradient(0deg, var(--violetsdw) 0%, var(--violetdisabled) 40%, var(--violetsoliddark) 100%);
}

[app-theme=lavanda] .btn-theme {
    --bs-btn-color: #000;
    --bs-btn-bg: var(--lavandasolid);
    --bs-btn-border-color: var(--lavandasolid);
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: var(--lavandasoliddark);
    --bs-btn-hover-border-color: var(--lavandasoliddark);
    --bs-btn-focus-shadow-rgb: 130, 138, 145;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: var(--lavandasoliddark);
    --bs-btn-active-border-color: var(--lavandasoliddark);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: var(--lavandadisabled);
    --bs-btn-disabled-border-color: var(--lavandadisabled);
}

[app-theme=lavanda] .form-signin form {
    border: 2px solid var(--lavandasoliddark);
}

[app-theme=lavanda] .form-check-input:checked {
    background-color: var(--lavandasolid);
    border-color: var(--lavandasolid);
}

[app-theme=lavanda] .form-check-input:focus {
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23f8f4ff'/%3e%3c/svg%3e") !important;
    border-color: var(--lavandasdw);
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(var(--lavandargb), 0.25)
}

[app-theme=lavanda] .form-control:focus,
[app-theme=lavanda] .form-select:focus {
    border-color: var(--lavandasdw);
    box-shadow: 0 0 0 0.25rem rgba(var(--lavandargb), 0.25)
}

[data-bs-theme=light][app-theme=lavanda] html,
[data-bs-theme=light][app-theme=lavanda] body {
    background: linear-gradient(0deg, var(--lavandamuted) 0%, var(--lavandadisabled) 40%, var(--lavandasdw) 100%);
}

[data-bs-theme=dark][app-theme=lavanda] html,
[data-bs-theme=dark][app-theme=lavanda] body {
    background: linear-gradient(0deg, var(--lavandasdw) 0%, var(--lavandamuted) 40%, var(--lavandasoliddark) 100%);
}

[app-theme=diamond] .btn-theme {
    --bs-btn-color: #000;
    --bs-btn-bg: var(--diamondsolid);
    --bs-btn-border-color: var(--diamondsolid);
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: var(--diamondsoliddark);
    --bs-btn-hover-border-color: var(--diamondsoliddark);
    --bs-btn-focus-shadow-rgb: 130, 138, 145;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: var(--diamondsoliddark);
    --bs-btn-active-border-color: var(--diamondsoliddark);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: var(--diamonddisabled);
    --bs-btn-disabled-border-color: var(--diamonddisabled);
}

[app-theme=diamond] .form-signin form {
    border: 2px solid var(--diamondsoliddark);
}

[app-theme=diamond] .form-check-input:checked {
    background-color: var(--diamondsolid);
    border-color: var(--diamondsolid);
}

[app-theme=diamond] .form-check-input:focus {
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23f1f7fb'/%3e%3c/svg%3e") !important;
    border-color: var(--diamondsdw);
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(var(--diamondrgb), 0.25)
}

[app-theme=diamond] .form-control:focus,
[app-theme=diamond] .form-select:focus {
    border-color: var(--diamondsdw);
    box-shadow: 0 0 0 0.25rem rgba(var(--diamondrgb), 0.25)
}

[data-bs-theme=light][app-theme=diamond] html,
[data-bs-theme=light][app-theme=diamond] body {
    background: linear-gradient(0deg, var(--diamondmuted) 0%, var(--diamonddisabled) 40%, var(--diamondsdw) 100%);
}

[data-bs-theme=dark][app-theme=diamond] html,
[data-bs-theme=dark][app-theme=diamond] body {
    background: linear-gradient(0deg, var(--diamondsdw) 0%, var(--diamondmuted) 40%, var(--diamondsoliddark) 100%);
}

[app-theme=pearl] .btn-theme {
    --bs-btn-color: #000;
    --bs-btn-bg: var(--pearlsolid);
    --bs-btn-border-color: var(--pearlsolid);
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: var(--pearlsoliddark);
    --bs-btn-hover-border-color: var(--pearlsoliddark);
    --bs-btn-focus-shadow-rgb: 130, 138, 145;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: var(--pearlsoliddark);
    --bs-btn-active-border-color: var(--pearlsoliddark);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: var(--pearldisabled);
    --bs-btn-disabled-border-color: var(--pearldisabled);
}

[app-theme=pearl] .form-signin form {
    border: 2px solid var(--pearlsoliddark);
}

[app-theme=pearl] .form-check-input:checked {
    background-color: var(--pearlsolid);
    border-color: var(--pearlsolid);
}

[app-theme=pearl] .form-check-input:focus {
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fffcfd'/%3e%3c/svg%3e") !important;
    border-color: var(--pearlsdw);
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(var(--pearlrgb), 0.25)
}

[app-theme=pearl] .form-control:focus,
[app-theme=pearl] .form-select:focus {
    border-color: var(--pearlsdw);
    box-shadow: 0 0 0 0.25rem rgba(var(--pearlrgb), 0.25)
}

[data-bs-theme=light][app-theme=pearl] html,
[data-bs-theme=light][app-theme=pearl] body {
    background: linear-gradient(0deg, var(--pearlmuted) 0%, var(--pearldisabled) 40%, var(--pearlsdw) 100%);
}

[data-bs-theme=dark][app-theme=pearl] html,
[data-bs-theme=dark][app-theme=pearl] body {
    background: linear-gradient(0deg, var(--pearlsdw) 0%, var(--pearlmuted) 40%, var(--pearlsoliddark) 100%);
}

[app-theme=platinum] .btn-theme {
    --bs-btn-color: #000;
    --bs-btn-bg: var(--platinumsolid);
    --bs-btn-border-color: var(--platinumsolid);
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: var(--platinumsoliddark);
    --bs-btn-hover-border-color: var(--platinumsoliddark);
    --bs-btn-focus-shadow-rgb: 130, 138, 145;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: var(--platinumsoliddark);
    --bs-btn-active-border-color: var(--platinumsoliddark);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: var(--platinumdisabled);
    --bs-btn-disabled-border-color: var(--platinumdisabled);
}

[app-theme=platinum] .form-signin form {
    border: 2px solid var(--platinumsoliddark);
}

[app-theme=platinum] .form-check-input:checked {
    background-color: var(--platinumsolid);
    border-color: var(--platinumsolid);
}

[app-theme=platinum] .form-check-input:focus {
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23FAF9F8'/%3e%3c/svg%3e") !important;
    border-color: var(--platinumsdw);
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(var(--platinumrgb), 0.25)
}

[app-theme=platinum] .form-control:focus,
[app-theme=platinum] .form-select:focus {
    border-color: var(--platinumsdw);
    box-shadow: 0 0 0 0.25rem rgba(var(--platinumrgb), 0.25)
}

[data-bs-theme=light][app-theme=platinum] html,
[data-bs-theme=light][app-theme=platinum] body {
    background: linear-gradient(0deg, var(--platinumsoliddark) 0%, var(--platinumdisabled) 40%, var(--platinumsdw) 100%);
}

[data-bs-theme=dark][app-theme=platinum] html,
[data-bs-theme=dark][app-theme=platinum] body {
    background: linear-gradient(0deg, var(--platinumsdw) 0%, var(--platinummuted) 40%, var(--platinumsoliddark) 100%);
}

[app-theme=silver] .btn-theme {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--silversolid);
    --bs-btn-border-color: var(--silversolid);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--silversoliddark);
    --bs-btn-hover-border-color: var(--silversoliddark);
    --bs-btn-focus-shadow-rgb: 130, 138, 145;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--silversoliddark);
    --bs-btn-active-border-color: var(--silversoliddark);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: var(--silverdisabled);
    --bs-btn-disabled-border-color: var(--silverdisabled);
}

[app-theme=silver] .form-signin form {
    border: 2px solid var(--silversoliddark);
}

[app-theme=silver] .form-check-input:checked {
    background-color: var(--silversolid);
    border-color: var(--silversolid);
}

[app-theme=silver] .form-check-input:focus {
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23FAF9F8'/%3e%3c/svg%3e") !important;
    border-color: var(--silversdw);
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(var(--silverrgb), 0.25)
}

[app-theme=silver] .form-control:focus,
[app-theme=silver] .form-select:focus {
    border-color: var(--silversdw);
    box-shadow: 0 0 0 0.25rem rgba(var(--silverrgb), 0.25)
}

[data-bs-theme=light][app-theme=silver] html,
[data-bs-theme=light][app-theme=silver] body {
    background: linear-gradient(0deg, var(--silversoliddark) 0%, var(--silverdisabled) 40%, var(--silversdw) 100%);
}

[data-bs-theme=dark][app-theme=silver] html,
[data-bs-theme=dark][app-theme=silver] body {
    background: linear-gradient(0deg, var(--silversdw) 0%, var(--silvermuted) 40%, var(--silversoliddark) 100%);
}

@media (max-width: 768px) {
    .form-signin {
        margin-top: -10vh !important;
    }
}