infusion/dist/assets/css/Switch.css

Infusion is an application framework for developing flexible stuff with JavaScript

.fl-switchUI {
  display: flex;
  justify-content: center;
  align-items: center;
}
.fl-switchUI-control {
  width: 5.4em;
  border: 0.15em solid currentColor;
  border-radius: 2em;
  margin: 0 1em;
  display: flex;
  align-items: center;
  background-color: #fff;
}
.fl-switchUI-control:focus {
  outline: none;
  box-shadow: 0 0 0 0.2em #fff, 0 0 0 0.35em #000;
}
.fl-switchUI-control[aria-checked=true] {
  justify-content: flex-end;
}
.fl-switchUI-controlKnob {
  height: 1.8em;
  width: 1.8em;
  background-color: currentColor;
  border-radius: 1.8em;
  display: inline-block;
  margin: 0.2em;
}
.fl-switchUI-text {
  text-transform: uppercase;
  font-weight: 600;
}