.bi-switch {
  -webkit-border-radius: 40px 40px 40px 40px;
  -moz-border-radius: 40px 40px 40px 40px;
  border-radius: 40px 40px 40px 40px;
  background-color: #d0d4da;
}
.bi-switch:active,
.bi-switch.active {
  background-color: #3685f2;
}
.bi-switch .circle-button {
  -webkit-border-radius: 9px 9px 9px 9px;
  -moz-border-radius: 9px 9px 9px 9px;
  border-radius: 9px 9px 9px 9px;
}
.bi-switch.disabled {
  background-color: #f2f4f7;
}
.bi-switch.disabled:active {
  background-color: #f2f4f7;
}
.bi-theme-dark .bi-switch {
  background-color: #606479;
}
.bi-theme-dark .bi-switch:active,
.bi-theme-dark .bi-switch.active {
  background-color: #3685f2;
}
.bi-theme-dark .bi-switch.disabled {
  background-color: #292f45;
}
.bi-theme-dark .bi-switch.disabled:active {
  background-color: #292f45;
}