th: polygon(0 0, 100% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%);
  display: block;
  position: absolute;
  inset: 0;
  z-index: 1;
}
.switch:before,
.switch:after,
.switch__input:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.switch:before,
.switch:after {
  background: radial-gradient(
      60% 60% at 50% 50%,
      hsla(var(--hue), 50%, 80%, 0) 34%,
      hsl(var(--hue), 50%, 80%) 35% 40.5%,
      hsl(0, 0%, 100%) 41.5% 49%,
      hsla(0, 0%, 100%, 0) 50%
    ),
   