@charset "UTF-8";

.#{$css-prefix}switch {
  &:after[dir="rtl"] {
    content: " ";
    transition: transform .4s cubic-bezier(.78, .14, .15, .86), left .4s cubic-bezier(.78, .14, .15, .86);
    transform-origin: right center;
  }

  &-medium[dir="rtl"], &-small[dir="rtl"] {
    .loading-icon,&:after {
      right: 100%;
      transform: translateX(100%);
    }
  }

  &-on[disabled][dir="rtl"] {
    .loading-icon {
      left: 0;
      right: 100%;
    }
    &:after {
      left: 0;
      right: 100%;
      box-shadow: $switch-on-shadow;
    }
  }

  &-off[dir="rtl"] {
    .loading-icon {
      left: 0;
      right: 100%;
    }
    &:after {
      right: 0;
      transform: translateX(0);
      box-shadow: $switch-rtl-on-shadow;
    }
  }
}