/* body {
    border: 1px solid red;
} */

.play__sliderSwitch span label {
  cursor: unset;
}
.play__sliderSwitch > span {
  cursor: pointer;
}


.switch__input.checked {
    -webkit-box-shadow: -0.125em 0 0.25em hsla(0deg, 0%, 0%, 0.3) inset, -0.125em 0.125em 0.375em 0.25em var(--switch-mid-sat) inset, 0 0.3em 0.25em var(--switch-mid-sat3);
    box-shadow: -0.125em 0 0.25em hsla(0deg, 0%, 0%, 0.3) inset, -0.125em 0.125em 0.375em 0.25em var(--switch-mid-sat) inset, 0 0.3em 0.25em var(--switch-mid-sat3);
    -webkit-filter: saturate(100%);
    filter: saturate(100%);
  
    width: 100%;
    /*fixed bug on iphone */
  }
  
  .switch__input.checked:before,
  .switch__input.checked:after {
    -webkit-transform: translateX(1.5em);
    -ms-transform: translateX(1.5em);
    transform: translateX(1.5em);
  }
  
  .switch__input.checked:before {
    -webkit-clip-path: circle(50% at 55% 50%);
    clip-path: circle(50% at 55% 50%);
  }