.container{height:100vh;display:flex;align-items:center;justify-content:center}.slider{position:relative;width:100%}.slider__left-value,.slider__range,.slider__right-value,.slider__track{position:absolute}.slider__range,.slider__track{border-radius:3px;height:5px}.slider__track{background-color:#ced4da;width:100%;z-index:1}.slider__range{background-color:black;z-index:2}.slider__left-value,.slider__right-value{color:black;font-size:12px;margin-top:20px}.slider__left-value{left:6px}.slider__right-value{right:-4px}.thumb,.thumb::-webkit-slider-thumb{-webkit-appearance:none;-webkit-tap-highlight-color:black;color:black;background:black}.thumb{pointer-events:none;position:absolute;height:0;width:100%;outline:none}.thumb--zindex-3{z-index:3}.thumb--zindex-4{z-index:4}.thumb--zindex-5{z-index:5}input[type=range]::-webkit-slider-thumb{box-shadow:0 0 0 #000000;border:2px solid black;height:18px;width:18px;border-radius:25px;background:#000000;cursor:pointer;margin-top:4px;pointer-events:all;position:relative}input[type=range]::-moz-range-thumb{box-shadow:0 0 0 #000000;border:1px solid white;height:18px;width:18px;border-radius:25px;background:#000000;cursor:pointer;margin-top:4px;pointer-events:all;position:relative}