@slider-prefix-cls: ~'@{ant-prefix}-slider';

.@{slider-prefix-cls} {
  &:hover {
    .@{slider-prefix-cls}-track {
      background-color: @slider-track-background-color-hover;
    }
  }

  &-rail {
    background-color: @slider-rail-background-color;
  }

  &-track {
    background-color: @slider-track-background-color;
    border-radius: @border-radius-base;
  }

  &-handle {
    border-width: @slider-handle-border-width;
    border-color: @slider-handle-color;

    &:hover {
      border-color: @slider-track-background-color-hover;
    }
  }
}
