18F/calc

// This is the slider widget that appears in the filter section of
// the data explorer.

@import '../base/variables';
@import 'rc-slider/assets/index';

.experience-slider {
  margin: $space-half $space-1x $space-1x $space-1x;

  &.rc-slider {
    width: auto;
  }

  .rc-slider-track {
    background-color: $color-blue-dark;
    height: 6px;
  }

  .rc-slider-handle {
    margin-top: -4px;
    border-color: $color-blue-dark;
    background-color: $color-blue-dark;

    &:hover {
      border-color: $color-blue-darker;
      background-color: $color-blue-darker;
    }
  }

  .rc-slider-rail {
    background-color: $color-white;
    border: 1px solid $color-base;
    height: 6px;
  }
}