input[type=range]{--value:50%;--track-color:transparent;--fill-color:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:12px;border-radius:2px;background:transparent;outline:none;margin:0;padding:0;cursor:pointer;position:relative;z-index:2;transition:all .2s ease}input[type=range]::-webkit-slider-runnable-track{height:12px;border-radius:2px;background:transparent}input[type=range]::-moz-range-progress,input[type=range]::-moz-range-track{height:12px;border-radius:2px;background:transparent}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:8px;height:24px;border-radius:30px;background:#fff;box-shadow:0 0 10px 1px rgb(255 255 255/calc(20% + var(--value) * .75));cursor:pointer;margin-top:-6px;position:relative;z-index:3}input[type=range]::-moz-range-thumb{width:8px;height:24px;border-radius:30px;background:#fff;border:none;box-shadow:0 0 10px 1px rgb(255 255 255/calc(20% + var(--value) * .75));cursor:pointer;position:relative;margin-top:-6px;z-index:3}