.range-slider{touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;background:#ddd;border-radius:4px;width:100%;height:8px;display:block;position:relative}.range-slider[data-vertical]{width:8px;height:100%}.range-slider[data-disabled]{opacity:.5;cursor:not-allowed}.range-slider .range-slider__thumb{z-index:3;background:#2196f3;border-radius:50%;width:24px;height:24px;position:absolute;top:50%;transform:translate(-50%,-50%)}.range-slider .range-slider__thumb:focus-visible{outline:0;box-shadow:0 0 0 6px rgba(33,150,243,.5)}.range-slider[data-vertical] .range-slider__thumb{left:50%}.range-slider .range-slider__thumb[data-disabled]{z-index:2}.range-slider .range-slider__range{z-index:1;background:#51adf6;width:100%;height:100%;position:absolute;top:50%;transform:translateY(-50%)}.range-slider[data-vertical] .range-slider__range{left:50%;transform:translate(-50%)}.range-slider input[type=range]{-webkit-appearance:none;pointer-events:none;z-index:2;background-color:transparent;width:0;height:0;position:absolute;top:0;left:0}.range-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none}.range-slider input[type=range]::-moz-range-thumb{border:0;width:0;height:0}.range-slider input[type=range]:focus{outline:0}