input[type=range]{--value:0%;--track-height:.5rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right,#3b82f6 var(--value),#e5e7eb var(--value));border-radius:1rem;height:var(--track-height)}input[type=range]::-moz-range-track{background:#e5e7eb;border-radius:1rem;height:var(--track-height)}input[type=range]::-moz-range-progress{background:#3b82f6;border-radius:1rem 0 0 1rem;height:var(--track-height)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;border:2px solid #3b82f6;border-radius:50%;box-shadow:0 1px 3px #0003;height:1.25rem;margin-top:-.375rem;width:1.25rem}input[type=range]::-moz-range-thumb{background:#fff;border:2px solid #3b82f6;border-radius:50%;box-shadow:0 1px 3px #0003;height:1.25rem;width:1.25rem}input[type=range]:focus{outline:none}input[type=range]:focus::-webkit-slider-thumb{box-shadow:0 0 0 2px #3b82f64d}input[type=range]:focus::-moz-range-thumb{box-shadow:0 0 0 2px #3b82f64d}