.demo-range-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:24px;--value:0;--min:0;--max:100;--progress:calc((var(--value) - var(--min)) / (var(--max) - var(--min)) * 100%);background:transparent;outline:none;cursor:pointer}.demo-range-input::-webkit-slider-runnable-track{width:100%;height:4px;background:linear-gradient(to right,#7256ff var(--progress),rgba(0,0,0,.12) var(--progress));border-radius:999px}.demo-range-input::-moz-range-track{width:100%;height:4px;background:linear-gradient(to right,#7256ff var(--progress),rgba(0,0,0,.12) var(--progress));border-radius:999px}.demo-range-input::-webkit-slider-thumb{-webkit-appearance:none;box-sizing:content-box;width:8px;height:8px;aspect-ratio:1/1;background-color:#fff;border:2px solid #7256ff;border-radius:9999px;margin-top:-4px;-webkit-transition:box-shadow .15s ease;transition:box-shadow .15s ease}.demo-range-input::-moz-range-thumb{box-sizing:content-box;width:8px;height:8px;aspect-ratio:1/1;background-color:#fff;border:2px solid #7256ff;border-radius:9999px;-moz-transition:box-shadow .15s ease;transition:box-shadow .15s ease}.demo-range-input:hover::-webkit-slider-thumb{box-shadow:0 0 0 8px rgba(114,86,255,.12)}.demo-range-input:hover::-moz-range-thumb{box-shadow:0 0 0 8px rgba(114,86,255,.12)}
/*# sourceMappingURL=cbd0b91d0430edd8.css.map*/