.container{justify-content:center;align-items:center;height:100vh;display:flex}.slider{width:100%;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:#000}.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:black;color:#000;background:#000}.thumb::-webkit-slider-thumb{-webkit-appearance:none;-webkit-tap-highlight-color:black;color:#000;background:#000}.thumb{pointer-events:none;outline:none;width:100%;height:0;position:absolute}.thumb--zindex-3{z-index:3}.thumb--zindex-4{z-index:4}.thumb--zindex-5{z-index:5}input[type=range]::-webkit-slider-thumb{cursor:pointer;pointer-events:all;background:#000;border:2px solid #000;border-radius:25px;width:18px;height:18px;margin-top:4px;position:relative;box-shadow:0 0 #000}input[type=range]::-moz-range-thumb{cursor:pointer;pointer-events:all;background:#000;border:1px solid #fff;border-radius:25px;width:18px;height:18px;margin-top:4px;position:relative;box-shadow:0 0 #000}