/**
 * Styling for slider bar.
 */
@import 'base';

.slider-bar-container {
  height: 14px;
}

.rc-slider-rail {
  background-color: $twitch-purple-12;
}

.rc-slider-dot {
  border-color: $twitch-purple-12;
}

.rc-slider-track {
  background-color: $twitch-purple-7;
}

.rc-slider-dot-active {
  border-color: $twitch-purple-7;
}

.rc-slider-handle {
  border: 3px solid $twitch-purple-7;
}

// .rc-slider-dot-active {
//   border-top-color: #6441a4;
//   border-bottom-color: #6441a4;
//   border-left-color: #6441a4;
//   border-right-color: #6441a4;
// }

// .rc-slider-handle {
//     border-top-color: #6441a4;
//     border-bottom-color: #6441a4;
//     border-left-color: #6441a4;
//     border-right-color: #6441a4;
//     border-top-width: 3px;
//     border-bottom-width: 3px;
//     border-left-width: 3px;
//     border-right-width: 3px;
// }
