:root{--slider-complete:0%;--slider-success:#e5e7eb;--slider-default:#e5e7eb;--slider-thumb:#e5e7eb}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:20px;margin:0;padding:0}input[type=range]::-webkit-slider-runnable-track{height:2px;background:transparent;border-radius:5px;position:relative;top:50%;transform:translateY(-50%);background:linear-gradient(to left,var(--slider-success) var(--slider-complete),var(--slider-default) var(--slider-complete))}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-left:6px solid var(--slider-thumb);border-right:6px solid var(--slider-thumb);cursor:pointer;position:relative;z-index:10;margin-top:-6px;background:transparent;box-shadow:none}