.load-progress[data-v-6f7e4412],.play-progress[data-v-6f7e4412],.progress-holder[data-v-6f7e4412]{position:absolute;left:0;top:0;width:100%;height:100%}.progress-holder[data-v-6f7e4412]{background-color:hsla(0,0%,100%,.4);cursor:pointer}.load-progress[data-v-6f7e4412]{background-color:hsla(0,0%,100%,.65)}.play-progress[data-v-6f7e4412]{background-color:#3352fe;.bar-cap{position:absolute;width:26px;height:26px;right:-13px;top:50%;margin-top:-13px;border-radius:50%;background-color:rgba(51,82,254,.35);padding:6px;cursor:pointer;display:none}.bar-cap-inner{width:100%;height:100%;background-color:#3352fe;border-radius:50%}}.mouse-display[data-v-6f7e4412]{margin-bottom:4px;background-color:#363636;border-radius:3px}.mouse-display[data-v-6f7e4412],.time-tooltip[data-v-6f7e4412]{position:absolute;bottom:0;padding:4px 8px 6px 8px;font-size:12px;line-height:normal;visibility:hidden;transition:bottom .1s ease-in,opacity .1s ease-in;opacity:0}.time-tooltip[data-v-6f7e4412]{float:right;background-color:hsla(0,0%,100%,.8);color:#000;border-radius:.3em;margin-bottom:14px}.progress-control[data-v-6f7e4412]{transition:all .2s ease-in;&.dragging,&:hover{.time-tooltip{visibility:visible;bottom:100%;opacity:1}.bar-cap{display:block}}&:hover{.mouse-display{visibility:visible;bottom:100%;opacity:1}}}