/* Slider */

$slide_active_color: if($variant == 'dark' and $theme == 'grey', rgba(white, 0.85), $primary);
$slide_size: if($compact == 'false', 8px, 7px);

.slider {
  height: 20px;
  color: $base;

  -slider-height: 2px;
  -slider-background-color: $track; //background of the trough
  -slider-border-color: $primary; //trough border color
  -slider-active-background-color: $slide_active_color; //active trough fill
  -slider-active-border-color: $primary; //active trough border
  -slider-border-width: 2px;
  -slider-handle-radius: $slide_size;
  -slider-handle-border-width: 2px;
  -slider-handle-border-color: $slide_active_color;

  // barlevels are for >= 3.29.90
  -barlevel-height: 2px;
  -barlevel-background-color: $track;
  -barlevel-border-color: transparent;
  -barlevel-active-background-color: $slide_active_color;
  -barlevel-active-border-color: transparent;
  -barlevel-overdrive-color: $destructive;
  -barlevel-overdrive-border-color: transparent;
  -barlevel-overdrive-separator-width: 2px;
  -barlevel-border-width: 0;
}
