.slider{width:200px;position:relative}.slider__track,.slider__range,.slider__left-value,.slider__right-value{position:absolute}.slider__track,.slider__range{border-radius:3px;height:5px}.slider__track{z-index:1;background-color:#ced4da;width:100%}.slider__range{z-index:2;background-color:#0396ff}.slider__left-value,.slider__right-value{color:#000;margin-top:20px;font-size:12px}.slider__left-value{left:6px}.slider__right-value{right:-4px}.thumb{-webkit-appearance:none;-webkit-tap-highlight-color:transparent}.thumb::-webkit-slider-thumb{-webkit-appearance:none;-webkit-tap-highlight-color:transparent}.thumb{pointer-events:none;outline:none;width:200px;height:0;position:absolute}.thumb--zindex-3{z-index:3}.thumb--zindex-4{z-index:4}.thumb--zindex-5{z-index:5}.thumb::-webkit-slider-thumb{cursor:pointer;pointer-events:all;background-color:#000;border:none;border-radius:50%;width:12px;height:12px;margin-top:4px;position:relative;box-shadow:0 0 1px 1px #ced4da}.thumb::-moz-range-thumb{cursor:pointer;pointer-events:all;background-color:#f1f5f7;border:none;border-radius:50%;width:12px;height:12px;margin-top:4px;position:relative;box-shadow:0 0 1px 1px #ced4da}