.zhst-image__range {
  position: relative;

  &--no-slider {
    .next-range-slider {
      display: none;
    }
  }

  & .next-range .next-range-track {
    height: 8px;
    margin-top: -4px;
    border-radius: 8px;
  }

  & .next-range .next-range-selected {
    height: 8px;
    margin-top: -4px;
    border-radius: 8px;
  }

  & .next-range .next-range-slider-inner {
    width: 14px;
    height: 14px;
    border-color: #fff;
    margin-top: -7px;
    margin-left: -7px;
    background-color: #0098ff;
  }

  & .next-range .next-range-slider {
    width: 14px;
    height: 14px;
    margin-top: -7px;
    margin-left: -7px;
  }

  & .next-range.simulation-click>.next-range-slider-inner {
    border: 2px solid #fff !important;
  }

  & .next-range .next-range-frag.next-range-active .next-range-slider .next-range-slider-inner {
    border: 2px solid #fff !important;
  }

  & .next-range .next-range-slider.next-range-slider-moving .next-range-slider-inner {
    border: 2px solid #fff !important;
  }
}