@charset "UTF-8";
.range-slider {
  position: absolute;
  bottom: 0;
  left: 1.2rem;
  right: 1.2rem;
  z-index: 1;
  box-shadow: none;
  border-radius: 0;
  border: none;
  background-color: #c1c1c2;
  height: 1px
}
.range-slider-wrap {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background-color: #fafafa;
  border-radius: .5rem;
  z-index: 3
}
.range-slider .noUi-connect {
  background-color: #1e5d9d
}
.range-slider .noUi-handle {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  right: -.75rem;
  top: -.75rem;
  background-color: #1e5d9d;
  box-shadow: none;
  border: none;
  cursor: pointer
}
.range-slider .noUi-handle::after,
.range-slider .noUi-handle::before {
  content: none
}
.range-slider .noUi-tooltip {
  border: none;
  border-radius: 0;
  background: 0 0;
  padding: .2rem 0;
  color: #272727;
  font-size: 0
}
.range-slider .noUi-tooltip::after {
  content: '₽';
  margin-left: .2rem
}
.range-slider_percent .noUi-tooltip {
  padding: 0;
  color: #1e5d9d
}
.range-slider_percent .noUi-tooltip::after {
  content: '%'
}
.range-slider_month .noUi-tooltip {
  padding: 0;
  color: #1e5d9d
}
.range-slider_month .noUi-tooltip::after {
  content: 'мес.'
}
@media (max-width:48em) {
  .range-slider {
    left: 2.4rem;
    right: 2.4rem
  }
  .range-slider-wrap {
    border-radius: 1rem
  }
  .range-slider .noUi-handle {
    width: 3rem;
    height: 3rem;
    right: -1.5rem;
    top: -1.5rem
  }
  .range-slider .noUi-tooltip {
    border: none;
    padding: .4rem 0
  }
  .range-slider .noUi-tooltip::after {
    margin-left: .4rem
  }
  .range-slider_month .noUi-tooltip,
  .range-slider_percent .noUi-tooltip {
    padding: 0
  }
}