.range-slider{touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;cursor:pointer;display:block;position:relative;width:100%;height:8px;background:#ddd;border-radius:4px}.range-slider[data-vertical]{height:100%;width:8px}.range-slider[data-disabled]{opacity:.5;cursor:not-allowed}.range-slider .range-slider__thumb{position:absolute;z-index:3;top:50%;width:24px;height:24px;transform:translate(-50%,-50%);border-radius:50%;background:#2196f3}.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{position:absolute;z-index:1;transform:translateY(-50%);top:50%;width:100%;height:100%;background:#51adf6}.range-slider[data-vertical] .range-slider__range{left:50%;transform:translate(-50%)}.range-slider input[type=range]{-webkit-appearance:none;pointer-events:none;position:absolute;z-index:2;top:0;left:0;width:0;height:0;background-color:transparent}.range-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none}.range-slider input[type=range]::-moz-range-thumb{width:0;height:0;border:0}.range-slider input[type=range]:focus{outline:0}#range-slider-yellow{height:4px;background-color:#e5e7eb;margin:15px 0;border-radius:4px}#range-slider-yellow .range-slider__range{background:linear-gradient(135deg,#ffce3d,#faca2b);transition:height .3s;border-radius:4px}#range-slider-yellow .range-slider__thumb{background:#fff;transition:transform .2s,box-shadow .2s;border-radius:50%;border:2px solid #ffce3d;width:20px;height:20px;box-shadow:0 2px 8px rgba(0,0,0,.1)}#range-slider-yellow .range-slider__thumb:hover{box-shadow:0 4px 12px rgba(250,202,43,.3)}#range-slider-yellow .range-slider__thumb[data-active]{transform:translate(-50%,-50%) scale(1.2);box-shadow:0 4px 16px rgba(250,202,43,.4)}#range-slider-yellow .range-slider__range[data-active]{height:6px}@media (max-width:768px){#range-slider-yellow{height:6px;margin:20px 0}#range-slider-yellow .range-slider__thumb{width:28px;height:28px;border-width:3px}#range-slider-yellow .range-slider__thumb[data-active]{transform:translate(-50%,-50%) scale(1.15)}#range-slider-yellow .range-slider__range[data-active]{height:8px}}