@import 'main';

$slider_height: 4px;

.fullwidth {
  width: 100% !important;
}

.slider {
  width: 150px;
  @include transition();
  height: $slider_height;
  @include border-radius(3.5px);
  background-color: $color_table_border;

  &-inline {
    width: 0;
    height: $slider_height;
    @include border-radius(3.5px);
    background-color: $color_primary;
  }
}

.dragger-background {
  cursor: pointer;
  position: absolute;
  right: -$slider_height * 3;
  bottom: -($slider_height * 3);
  padding: $slider_height;
}

.dragger {
  @include box-shadow(0 5px 10px -5px rgba(199, 26, 26, 0.4));
  background-color: $color_paper;
  height: $slider_height * 5;
  width: $slider_height * 5;
  border-radius: 50%;
}