.scrubber{user-select:none;touch-action:none;width:100%;height:100%;position:relative}.scrubber *{user-select:none}.scrubber .bar{background:#64646480;transition:height .2s linear,width .2s linear;position:relative}.scrubber.horizontal .bar{width:100%;height:4px;top:50%;left:0;transform:translateY(-50%)}.scrubber.vertical .bar{width:4px;height:100%;top:0;left:50%;transform:translate(-50%)}.scrubber .bar__progress{background:#019afd;position:absolute}.scrubber .bar__buffer{background:#aaa9;position:absolute}.scrubber.horizontal .bar__progress,.scrubber.horizontal .bar__marker,.scrubber.horizontal .bar__buffer{height:100%}.scrubber.vertical .bar__progress,.scrubber.vertical .bar__marker,.scrubber.vertical .bar__buffer{width:100%;bottom:0}.scrubber .bar__thumb{background:#019afd;border-radius:10px;width:0;height:0;transition:height .2s linear,width .2s linear;position:absolute}.scrubber.horizontal .bar__thumb{top:50%;transform:translate(-50%,-50%)}.scrubber.vertical .bar__thumb{left:50%;transform:translate(-50%,50%)}.scrubber.hover.horizontal .bar{height:6px}.scrubber.hover.vertical .bar{width:6px}.scrubber.hover .bar__thumb{width:12px;height:12px}.scrubber .bar__marker{z-index:1;background:#f0cd05;position:absolute}.scrubber.horizontal .bar__marker{width:12px}.scrubber.vertical .bar__marker{height:12px}.scrubber .bar__tooltip{pointer-events:none;background:#0009;padding:2px 8px;position:absolute}.scrubber.horizontal .bar__tooltip{transform:translate(-50%,calc(-100% - 12px))}.scrubber.horizontal .bar__tooltip-arrow{border-top:6px solid #0009;border-left:6px solid #0000;border-right:6px solid #0000;width:0;height:0;position:absolute;top:100%;left:50%;transform:translate(-50%)}.scrubber.vertical .bar__tooltip{transform:translate(calc(-100% - 12px),50%)}.scrubber.vertical .bar__tooltip-arrow{border-top:6px solid #0000;border-bottom:6px solid #0000;border-left:6px solid #0009;width:0;height:0;position:absolute;top:50%;left:100%;transform:translateY(-50%)}