.inputRange{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;background-color:#e0e9ff;background:linear-gradient(90deg,#336dff 0,#336dff 1%,#e0e9ff 50%,#e0e9ff);border-radius:8px;height:12px;width:217px;outline:none;transition:background .45s ease-in}.inputRange:after{content:"";position:absolute;width:2px;height:100%;background-color:#fff;left:69%;top:0;z-index:50;transform:translateX(-50%)}.inputRange::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;background-color:#336dff!important;border:2px solid #fff!important;border-radius:50%;cursor:pointer!important}.inputRange::-moz-range-thumb{-moz-appearance:none;appearance:none;width:24px;height:24px;background-color:"#336dff";border:2px solid #fff!important;border-radius:50%;cursor:pointer}.container{padding:1rem}.slider{position:relative;width:200px;height:12px}.slider__left-value,.slider__range,.slider__right-value,.slider__track{position:absolute;top:0}.slider__range,.slider__track{border-radius:8px;height:100%}.slider__track{background-color:#fff;width:100%;z-index:1}.slider__range{background-color:#336dff;z-index:2}.slider__left-value,.slider__right-value{color:#dee2e6;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:transparent}.thumb{pointer-events:none;position:absolute;height:0;width:200px;outline:none}.thumb--left{z-index:3}.thumb--right{z-index:4}.thumb::-webkit-slider-thumb{background-color:#336dff;border:2px solid #fff!important;border-radius:50%;cursor:pointer;height:15px;width:15px;z-index:1000;margin-top:10px;pointer-events:all;position:relative}.thumb::-moz-range-thumb{background-color:#336dff;border:2px solid #fff!important;border-radius:50%;cursor:pointer;height:15px;width:15px;margin-top:10px;pointer-events:all;position:relative}