label > .x-toggle-default.x-toggle-btn {
  padding: 0.16em 0.1em;
  background-color: #e7e7e7;
  border-radius: 0.2em;
  transition: background-color 0.2s;
}

.x-toggle:checked + label > .x-toggle-default.x-toggle-btn {
  background-color: #797979;
}

label > .x-toggle-default.x-toggle-btn::after {
  background-color: #fff;
  transition: left 0.2s;
  border-radius: 0.2em;
}

label > .x-toggle-default.small {
  width: 3em;
  height: 1.6em;
}

label > .x-toggle-default.medium {
  width: 4em;
  height: 2.1em;
  padding: 3px;
}

label > .x-toggle-default.large {
  width: 4.7em;
  height: 2.1em;
  padding: 4px;
}