{$class-input-toggle}
  @extend $inline-block-xs, $pointer-xs
  user-select: none
  {$class-input-toggle__input}
    @extend $invisible-xs, $out-of-viewport
  // {$class-input-toggle__input}:checked + {$class-input-toggle__toggle}
  //   @extend $scheme--blue
  {$class-input-toggle__input}:checked + {$class-input-toggle__toggle}:after
    left: 100%
    transform: translateX(-100%)
  {$class-input-toggle__text}
    @extend $inline-block-xs
    margin-right: $var-switch-checkbox__text-margin
  {$class-input-toggle__toggle} + {$class-input-toggle__text}
    margin-horizontal: $var-switch-checkbox__text-margin 0
  {$class-input-toggle__toggle}
    @extend $inline-block-xs, $position-relative
    @extend {$class-form__input-text} if selector-exists($class-form__input-text)
    border-radius: $var-switch-checkbox-border-radius unless $var-switch-checkbox-border-radius is false or is-ident($var-switch-checkbox-border-radius)
    shape-rectangle: $var-switch-checkbox__toggle-width, $var-switch-checkbox__toggle-height
    transition: $var-switch-checkbox__toggle-transition unless $var-switch-checkbox__toggle-transition is false
    vertical-align: middle
    &:after
      @extend $empty-block, $absolute-top-left, $scheme--white
      box-shadow: $var-switch-checkbox__dot-box-shadow unless $var-switch-checkbox__dot-box-shadow is false
      border-radius: $var-form__radio-border-radius unless $var-form__radio-border-radius is false or is-ident($var-form__radio-border-radius)
      shape-rectangle: $var-switch-checkbox__dot-width, $var-switch-checkbox__dot-height
      transition: $var-switch-checkbox__toggle-transition unless $var-switch-checkbox__toggle-transition is false
      transform: translateX(0%)

{$class-input-toggle--black} {$class-input-toggle__input}:checked + {$class-input-toggle__toggle}
  @extend $scheme--black

{$class-input-toggle--blue} {$class-input-toggle__input}:checked + {$class-input-toggle__toggle}
  @extend $scheme--blue

{$class-input-toggle--gray} {$class-input-toggle__input}:checked + {$class-input-toggle__toggle}
  @extend $scheme--gray

{$class-input-toggle--green} {$class-input-toggle__input}:checked + {$class-input-toggle__toggle}
  @extend $scheme--green

{$class-input-toggle--orange} {$class-input-toggle__input}:checked + {$class-input-toggle__toggle}
  @extend $scheme--orange

{$class-input-toggle--purple} {$class-input-toggle__input}:checked + {$class-input-toggle__toggle}
  @extend $scheme--purple

{$class-input-toggle--red} {$class-input-toggle__input}:checked + {$class-input-toggle__toggle}
  @extend $scheme--red

{$class-input-toggle--yellow} {$class-input-toggle__input}:checked + {$class-input-toggle__toggle}
  @extend $scheme--yellow