.custom-slider{--trackHeight:.8rem;--thumbRadius:1.2rem}.custom-slider input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:999px;position:relative;z-index:0}.custom-slider input[type=range]:before{background:#fff;border-radius:999px;content:"";height:100%;pointer-events:none;position:absolute;width:calc(var(--ProgressPercent, 100%))}.custom-slider input[type=range]::-webkit-slider-runnable-track{-webkit-appearance:none;appearance:none;background:#000;border-radius:999px;height:var(--trackHeight)}.custom-slider input[type=range]::-moz-range-track{-moz-appearance:none;appearance:none;background:#000;border-radius:999px;height:var(--trackHeight)}.custom-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border:3px solid #3d3d3d;border-radius:999px;height:var(--thumbRadius);pointer-events:all;position:relative;top:50%;transform:translateY(-50%);width:var(--thumbRadius);z-index:1}