.qrss__lightswitch {
  -webkit-tap-highlight-color: transparent;
  caret-color: transparent;
  cursor: pointer;
  user-select: none;
}

.qrss__lightswitch--on .qrss__lightswitch-knob {
  transform: translateY(-50%) translateX(26px);
}

.qrss__lightswitch--on .qrss__lightswitch-track {
  background-color: var(--qrss-green-success);
}

.qrss__lightswitch-knob {
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.04), 0 3px 8px 0 rgba(0, 0, 0, 0.15), 0 3px 1px 0 rgba(0, 0, 0, 0.06);
  height: 22px;
  left: 2px;
  top: 50%;
  transform: translateY(-50%) translateX(0);
  transition: transform 0.25s ease;
  width: 22px;
}

.qrss__lightswitch-track {
  background-color: var(--qrss-light-grey);
  height: 28px;
  transition: background-color 0.25s ease;
  width: 52px;
}