.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: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 #2196f380}.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:#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}
.range-slider-custom{--range-slider-thumb-size:16px;--range-slider-track-height:2px;--range-slider-thumb-background:#fff;--range-slider-thumb-border:1px solid #d1d5db;--range-slider-range-background:#000;--range-slider-track-background:#d1d5db;width:100%;position:relative}.range-slider-custom .range-slider__track{background:var(--range-slider-track-background);height:var(--range-slider-track-height);border-radius:2px}.range-slider-custom .range-slider__range{background:var(--range-slider-range-background);height:var(--range-slider-track-height);border-radius:2px}.range-slider-custom .range-slider__thumb{width:var(--range-slider-thumb-size);height:var(--range-slider-thumb-size);cursor:grab;border:1px solid #000;border-radius:50%;width:20px;height:20px;transition:transform .1s,box-shadow .1s;box-shadow:0 1px 3px #0000001f;background:0 0!important}.range-slider-custom .range-slider__thumb:active{cursor:grabbing;transform:translateY(-50%)scale(1.1);box-shadow:0 2px 6px #0003}.range-slider-custom .range-slider__thumb:hover{box-shadow:0 2px 6px #00000026}.range-slider-custom .range-slider__thumb:after{content:"";pointer-events:none;background:#000;border-radius:50%;width:12px;height:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}