.form-switch-success .form-check-input:checked {
    background-color: var(--bs-success);
    border-color: var(--bs-success);
}

.form-switch-success .form-check-input:focus {
    border-color: var(--bs-success);
    box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
}

.form-switch-success .form-check-input:focus:not(:checked) {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23198754' fill-opacity='.25'/%3e%3c/svg%3e");
}

.range-status {
    --thumb-color: var(--bs-warning);
    height: 2rem;
}

/* Track */
.range-status::-webkit-slider-runnable-track {
    height: 0.75rem;
    border-radius: 0.5rem;
    background: linear-gradient(
        to right,
        var(--bs-success) 0% 33.33%,
        var(--bs-warning) 33.33% 66.66%,
        var(--bs-danger) 66.66% 100%
    );
}

.range-status::-moz-range-track {
    height: 0.75rem;
    border-radius: 0.5rem;
    background: linear-gradient(
        to right,
        var(--bs-success) 0% 33.33%,
        var(--bs-warning) 33.33% 66.66%,
        var(--bs-danger) 66.66% 100%
    );
}

/* Thumb */
.range-status::-webkit-slider-thumb {
    width: 1.5rem;
    height: 1.5rem;
    margin-top: -0.375rem;
    background-color: var(--thumb-color);
    border: 2px solid white;
}

.range-status::-moz-range-thumb {
    width: 1.5rem;
    height: 1.5rem;
    background-color: var(--thumb-color);
    border: 2px solid white;
}