.slider-container{max-width:400px;margin:0 auto;padding:20px 0}.slider,.slider-container{position:relative;width:100%}.slider__range,.slider__track{position:absolute;border-radius:3px;height:5px}.slider__track{background-color:#ced4da;width:100%;z-index:1}.slider__range{background-color:hsl(var(--primary));z-index:2}.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--left{z-index:3}.thumb--right{z-index:4}.thumb::-webkit-slider-thumb{background-color:#f1f5f7;border:none;border-radius:50%;box-shadow:0 0 1px 1px #ced4da;cursor:pointer;height:18px;width:18px;margin-top:4px;pointer-events:all;position:relative}.thumb::-moz-range-thumb{background-color:#f1f5f7;border:none;border-radius:50%;box-shadow:0 0 1px 1px #ced4da;cursor:pointer;height:18px;width:18px;margin-top:4px;pointer-events:all;position:relative}.slider__left-value,.slider__right-value{color:#333;font-size:14px;margin-top:20px;position:absolute}.slider__left-value{left:0}.slider__right-value{right:0}