.bootstrap {
    --bs-frogswitch-bg: #dee2e6;
    --bs-frogswitch-border-color: #adb5bd;
    --bs-frogswitch-thumb-bg: #0d6efd;
    --bs-frogswitch-thumb-shadow: 0 .125rem .25rem rgba(0, 0, 0, .15);
    --bs-frogswitch-checked-bg: #0d6efd;
    --bs-frogswitch-checked-border-color: #0d6efd;
    --bs-frogswitch-checked-thumb-bg: #fff;
    --bs-frogswitch-hover-bg: #ced4da;
    --bs-frogswitch-hover-border-color: #6c757d;
    --bs-frogswitch-checked-hover-bg: #0b5ed7;
    --bs-frogswitch-checked-hover-border-color: #0a58ca;
    --bs-frogswitch-focus-bg: #dee2e6;
    --bs-frogswitch-focus-border-color: #86b7fe;
    --bs-frogswitch-focus-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
    --bs-frogswitch-checked-focus-bg: #0d6efd;
    --bs-frogswitch-checked-focus-border-color: #86b7fe;
    --bs-frogswitch-checked-focus-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
    --bs-frogswitch-active-bg: #adb5bd;
    --bs-frogswitch-active-border-color: #6c757d;
    --bs-frogswitch-checked-active-bg: #0a58ca;
    --bs-frogswitch-checked-active-border-color: #0a53be;
    --bs-frogswitch-disabled-bg: #e9ecef;
    --bs-frogswitch-disabled-border-color: #ced4da;
    --bs-frogswitch-disabled-thumb-bg: #fff;
    --bs-frogswitch-disabled-opacity: .5;
    --bs-frogswitch-checked-disabled-bg: #6ea8fe;
    --bs-frogswitch-checked-disabled-border-color: #6ea8fe;
}
[data-bs-theme="dark"] .bootstrap,
.bootstrap[data-bs-theme="dark"] {
    --bs-frogswitch-bg: #212529;
    --bs-frogswitch-border-color: #495057;
    --bs-frogswitch-thumb-bg: #0d6efd;
    --bs-frogswitch-thumb-shadow: 0 .125rem .25rem rgba(0, 0, 0, .35);
    --bs-frogswitch-checked-bg: #0d6efd;
    --bs-frogswitch-checked-border-color: #3d8bfd;
    --bs-frogswitch-checked-thumb-bg: #dee2e6;
    --bs-frogswitch-hover-bg: #495057;
    --bs-frogswitch-hover-border-color: #6c757d;
    --bs-frogswitch-checked-hover-bg: #3d8bfd;
    --bs-frogswitch-checked-hover-border-color: #6ea8fe;
    --bs-frogswitch-focus-bg: #343a40;
    --bs-frogswitch-focus-border-color: #6ea8fe;
    --bs-frogswitch-focus-shadow: 0 0 0 .25rem rgba(13, 110, 253, .35);
    --bs-frogswitch-checked-focus-bg: #0d6efd;
    --bs-frogswitch-checked-focus-border-color: #6ea8fe;
    --bs-frogswitch-checked-focus-shadow: 0 0 0 .25rem rgba(13, 110, 253, .35);
    --bs-frogswitch-active-bg: #495057;
    --bs-frogswitch-active-border-color: #6c757d;
    --bs-frogswitch-checked-active-bg: #0b5ed7;
    --bs-frogswitch-checked-active-border-color: #3d8bfd;
    --bs-frogswitch-disabled-bg: #2b3035;
    --bs-frogswitch-disabled-border-color: #495057;
    --bs-frogswitch-disabled-thumb-bg: #adb5bd;
    --bs-frogswitch-disabled-opacity: .5;
    --bs-frogswitch-checked-disabled-bg: #084298;
    --bs-frogswitch-checked-disabled-border-color: #084298;
}
.bootstrap .frogSwitch .frogSwitchTrack {
    background-color: var(--bs-frogswitch-bg);
    border-color: var(--bs-frogswitch-border-color);
}
.bootstrap .frogSwitch .frogSwitchThumb {
    background-color: var(--bs-frogswitch-thumb-bg);
    box-shadow: var(--bs-frogswitch-thumb-shadow);
}
.bootstrap .frogSwitchChecked .frogSwitchTrack {
    background-color: var(--bs-frogswitch-checked-bg);
    border-color: var(--bs-frogswitch-checked-border-color);
}
.bootstrap .frogSwitchChecked .frogSwitchThumb {
    background-color: var(--bs-frogswitch-checked-thumb-bg);
}
.bootstrap .frogSwitchHover .frogSwitchTrack {
    background-color: var(--bs-frogswitch-hover-bg);
    border-color: var(--bs-frogswitch-hover-border-color);
}
.bootstrap .frogSwitchChecked.frogSwitchHover .frogSwitchTrack {
    background-color: var(--bs-frogswitch-checked-hover-bg);
    border-color: var(--bs-frogswitch-checked-hover-border-color);
}
.bootstrap .frogSwitchFocused .frogSwitchTrack {
    background-color: var(--bs-frogswitch-focus-bg);
    border-color: var(--bs-frogswitch-focus-border-color);
    box-shadow: var(--bs-frogswitch-focus-shadow);
}
.bootstrap .frogSwitchChecked.frogSwitchFocused .frogSwitchTrack {
    background-color: var(--bs-frogswitch-checked-focus-bg);
    border-color: var(--bs-frogswitch-checked-focus-border-color);
    box-shadow: var(--bs-frogswitch-checked-focus-shadow);
}
.bootstrap .frogSwitchActive .frogSwitchTrack {
    background-color: var(--bs-frogswitch-active-bg);
    border-color: var(--bs-frogswitch-active-border-color);
}
.bootstrap .frogSwitchChecked.frogSwitchActive .frogSwitchTrack {
    background-color: var(--bs-frogswitch-checked-active-bg);
    border-color: var(--bs-frogswitch-checked-active-border-color);
}
.bootstrap .frogSwitchDisabled {
    opacity: var(--bs-frogswitch-disabled-opacity);
}
.bootstrap .frogSwitchDisabled .frogSwitchTrack {
    background-color: var(--bs-frogswitch-disabled-bg);
    border-color: var(--bs-frogswitch-disabled-border-color);
}
.bootstrap .frogSwitchDisabled .frogSwitchThumb {
    background-color: var(--bs-frogswitch-disabled-thumb-bg);
}
.bootstrap .frogSwitchChecked.frogSwitchDisabled .frogSwitchTrack {
    background-color: var(--bs-frogswitch-checked-disabled-bg);
    border-color: var(--bs-frogswitch-checked-disabled-border-color);
}