00%);
  border-radius: 50%;
  box-shadow: 0 0 0 0.5em hsla(var(--hue), 90%, 40%, 0),
    0 0.25em 0.5em 0.125em hsl(var(--hue), 90%, 50%);
  top: 3.5em;
  left: calc(50% - 0.625em);
  width: 1.25em;
  height: 1.25em;
  transform: rotate(-45deg) translateY(-3.125em) rotate(45deg);
  transition: background-color var(--trans-dur) var(--trans-timing),
    box-shadow 0.15s var(--trans-timing),
    transform var(--trans-dur) var(--trans-timing);
}
.switch__input:checked:before {
  background-color: hsl(var(--hue)