.container{display:flex;align-items:center;justify-content:center}.container,.slider{position:relative;width:100%}.slider{max-width:300px;height:40px}.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:#4b5563;width:100%;z-index:1}.slider__range{background-color:#3b82f6;z-index:2}.slider__left-value,.slider__right-value{color:#fff;font-size:12px;margin-top:20px;font-weight:500}.slider__left-value{left:6px}.slider__right-value{right:-4px}.thumb,.thumb::-webkit-slider-thumb{-webkit-appearance:none;-webkit-tap-highlight-color:transparent}.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}.thumb::-webkit-slider-thumb{background-color:#459bac;border:2px solid #3b82f6;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2);cursor:pointer;height:18px;width:18px;margin-top:4px;pointer-events:all;position:relative}.thumb::-moz-range-thumb{background-color:#fff;border:2px solid #3b82f6;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2);cursor:pointer;height:18px;width:18px;margin-top:4px;pointer-events:all;position:relative}