.form-check-input {
    border: var(--checkbox-border);
}

.btn-check:checked + .btn,
.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check) + .btn:active,
.form-check-input:checked {
    background-color: var(--checkbox-background-color);
    border-color: var(--secondary-accent-bg-color);
    color: var(--secondary-accent-font-color);
}

mxtoggle .form-switch .form-check-input:checked {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba(255,255,255,1.0)'/></svg>");
}

mxtoggle .form-switch .form-check-input {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba(222,226,230,1.0)'/></svg>");
}

mxtoggle .form-switch .form-check-input:checked {
    background-color: var(--checkbox-background-color);
}