.video-scrubber{display:flex;align-items:center;gap:14px;padding:8px 28px;color:#fff;background:inherit;font:12px/1.4 "Courier New",monospace;font-variant-numeric:tabular-nums}
.video-scrubber span{flex:0 0 auto;min-width:4ch}
.video-scrubber span:last-child{text-align:right}
.video-scrubber input{appearance:none;-webkit-appearance:none;flex:1;min-width:0;height:32px;margin:0;padding:0;background:transparent;color:inherit;cursor:pointer;touch-action:none}
.video-scrubber input:disabled{cursor:wait}
.video-scrubber input::-webkit-slider-runnable-track{height:5px;border:1px solid #fff;background:linear-gradient(to right,#fff 0 var(--seek-position,0%),#000 var(--seek-position,0%) 100%)}
.video-scrubber input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:14px;height:14px;margin-top:-5px;border:2px solid #000;border-radius:0;background:#fff;box-shadow:0 0 0 1px #fff}
.video-scrubber input::-moz-range-track{height:3px;border:1px solid #fff;background:#000}
.video-scrubber input::-moz-range-progress{height:3px;background:#fff}
.video-scrubber input::-moz-range-thumb{width:10px;height:10px;border:2px solid #000;border-radius:0;background:#fff;box-shadow:0 0 0 1px #fff}
.video-scrubber input:focus-visible{outline:2px solid #fff;outline-offset:2px}
@media(max-width:650px){.video-scrubber{padding:7px 14px;gap:10px}}