.range-slider{touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;cursor:pointer;background:#ddd;border-radius:4px;width:100%;height:4px;display:block;position:relative}.range-slider[data-vertical]{width:4px;height:100%}.range-slider[data-disabled]{opacity:.5;cursor:not-allowed}.range-slider .range-slider__thumb{z-index:3;background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .3s;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #c6c6c6}#range-slider .range-slider__thumb:hover{background:#f7f7f7}.range-slider .range-slider__thumb:focus-visible{outline:0;box-shadow:0 0 0 6px #9a7e9980}.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:#715073;width:100%;height:100%;transition:height .3s;position:absolute;top:50%;transform:translateY(-50%)}#range-slider .range-slider__range[data-active]{height:5px}.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:#0000;width:0;height:0;position:absolute;top:0;left:0}.range-slider input[type=range]::-webkit-slider-thumb{appearance:none}.range-slider input[type=range]::-moz-range-thumb{border:0;width:0;height:0}.range-slider input[type=range]:focus{outline:0}.single-thumb .range-slider__thumb[data-lower]{width:0;height:0}.single-thumb .range-slider__range{border-radius:6px}