.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}}}.popper-trigger[data-v-0f6ead08]{background-color:rgba(0,0,0,.45);color:#fff;height:24px;padding:0 12px;border-radius:12px;border:none;font-size:13px}.popper-trigger[data-v-0f6ead08]:hover{background-color:#3352fe}.quality-list[data-v-0f6ead08]{background-color:#363636;width:105px;padding:8px 0;border-radius:3px}.quality-list .quality-item[data-v-0f6ead08]{padding:12px 0;text-align:center;color:#fff;cursor:pointer;font-size:13px}.quality-list .quality-item.active[data-v-0f6ead08]{font-size:14px;color:#f8653f}.file-viewer-video-resolution-popper{padding:0;border:none;min-width:105px;box-shadow:none}.volume-panel[data-v-7bc61592]{display:inline-block;height:100%;overflow:hidden;.mute-control{display:inline-block;margin-right:8px;cursor:pointer;i{font-size:20px}}.volume-control{width:56px;display:inline-block;vertical-align:middle;margin-top:-5px;margin-right:20px;&.dragging,&:hover{.current-volume-tooltip{top:-20px;opacity:1;visibility:visible}}}.volume-bar{background-color:hsla(0,0%,100%,.45);height:2px;cursor:pointer;position:relative}.volume-level{height:100%;background-color:#3352fe;left:0;top:0;&:after{content:"";width:10px;height:10px;border-radius:50%;background-color:#fff;top:50%;right:-5px;margin-top:-5px;cursor:pointer}}.current-volume-tooltip{position:absolute;//top:-20px;top:-10px;height:28px;line-height:28px;padding:0 12px;background-color:#363636;font-size:12px;border-radius:3px;margin-left:-20px;opacity:0;visibility:hidden;transition:all .3s ease-in;b{color:#f8633b}}}.file-viewer-video-wrapper[data-v-28931d4e]{position:relative;height:100%}.file-viewer-video-wrapper video[data-v-28931d4e]{width:100%;height:100%;background-color:#000}.file-viewer-video-wrapper .poster[data-v-28931d4e]{position:absolute;top:0;left:0;right:0;bottom:0;background:#000 no-repeat 50%/contain;cursor:pointer}.file-viewer-video-wrapper .play-btn[data-v-28931d4e]{width:80px;height:80px;border-radius:50px;position:absolute;top:50%;left:50%;margin-top:-40px;margin-left:-40px;outline:none;border:2px solid #fff;background-color:rgba(0,0,0,.65);color:#fff;cursor:pointer}.file-viewer-video-wrapper .play-btn i[data-v-28931d4e]{font-size:50px}.file-viewer-video-wrapper .control-bar[data-v-28931d4e]{position:absolute;height:64px;line-height:48px;bottom:0;left:0;width:100%;box-sizing:border-box;background-image:linear-gradient(180deg,transparent,rgba(0,0,0,.45));padding:16px 20px 0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.file-viewer-video-wrapper .control-bar .left-controls[data-v-28931d4e]{float:left;height:100%}.file-viewer-video-wrapper .control-bar .right-controls[data-v-28931d4e]{float:right;height:100%}.file-viewer-video-wrapper .control-bar .play-control[data-v-28931d4e]{height:100%;cursor:pointer;display:inline-block;overflow:hidden;margin-right:16px}.file-viewer-video-wrapper .control-bar .play-control i[data-v-28931d4e]{font-size:32px}.file-viewer-video-wrapper .control-bar .time-control[data-v-28931d4e]{display:inline-block;height:100%;font-size:12px;overflow:hidden}.file-viewer-video-wrapper .control-bar .time-divider[data-v-28931d4e]{margin:0 -4px}.file-viewer-video-wrapper .control-bar.collapsed[data-v-28931d4e]{height:auto}.file-viewer-video-wrapper .restore-button[data-v-28931d4e]{position:absolute;top:32px;right:32px;width:56px;height:56px;line-height:56px;text-align:center;border-radius:50%;color:#363636;background-color:rgba(142,144,145,.85);z-index:10;cursor:pointer}.file-viewer-video-wrapper .restore-button .iconfont[data-v-28931d4e]{font-size:35px}.file-viewer-video-wrapper .restore-button[data-v-28931d4e]:hover{background-color:#3352fe;color:#fff}.file-viewer-video-wrapper .progress-control[data-v-28931d4e]{position:absolute;top:12px;left:0;width:100%;height:4px}.file-viewer-video-wrapper .progress-control.dragging[data-v-28931d4e],.file-viewer-video-wrapper .progress-control[data-v-28931d4e]:hover{top:6px;height:10px}.file-viewer-video-wrapper .control-btn[data-v-28931d4e]{margin-right:24px;cursor:pointer;position:relative}.file-viewer-video-wrapper .control-btn[data-v-28931d4e]:hover{color:#3352fe}.file-viewer-video-wrapper .control-btn:hover .tooltip[data-v-28931d4e]{display:inline-block;color:#fff}.file-viewer-video-wrapper .control-btn[data-v-28931d4e]:last-child{margin-right:0}.file-viewer-video-wrapper .control-btn .tooltip[data-v-28931d4e]{position:absolute;font-size:12px;white-space:nowrap;background-color:#363636;top:0;left:50%;width:48px;height:20px;text-align:center;line-height:20px;margin:-44px 0 0 -24px;border-radius:3px;z-index:10;display:none}.file-viewer-video-wrapper .control-btn i[data-v-28931d4e]{font-size:20px}.file-viewer-video-wrapper .loading-spinner[data-v-28931d4e]{display:none;position:absolute;top:50%;left:50%;margin:-25px 0 0 -25px;opacity:.85;text-align:left;border:6px solid rgba(43,51,63,.7);box-sizing:border-box;background-clip:padding-box;width:50px;height:50px;border-radius:25px;visibility:hidden}.file-viewer-video-wrapper .loading-spinner[data-v-28931d4e]:after,.file-viewer-video-wrapper .loading-spinner[data-v-28931d4e]:before{content:"";position:absolute;margin:-6px;box-sizing:border-box;width:50px;height:50px;border-radius:25px;opacity:1;border:6px solid transparent;border-top-color:#fff}.file-viewer-video-wrapper.seeking .loading-spinner[data-v-28931d4e],.file-viewer-video-wrapper.waiting .loading-spinner[data-v-28931d4e]{display:block;-webkit-animation:spinner-show-data-v-28931d4e 0s linear .3s forwards;animation:spinner-show-data-v-28931d4e 0s linear .3s forwards}.file-viewer-video-wrapper.seeking .loading-spinner[data-v-28931d4e]:before,.file-viewer-video-wrapper.waiting .loading-spinner[data-v-28931d4e]:before{-webkit-animation:spinner-spin-data-v-28931d4e 1.1s cubic-bezier(.6,.2,0,.8) infinite,spinner-fade-data-v-28931d4e 1.1s linear infinite;animation:spinner-spin-data-v-28931d4e 1.1s cubic-bezier(.6,.2,0,.8) infinite,spinner-fade-data-v-28931d4e 1.1s linear infinite}.file-viewer-video-wrapper.seeking .loading-spinner[data-v-28931d4e]:after,.file-viewer-video-wrapper.waiting .loading-spinner[data-v-28931d4e]:after{-webkit-animation:spinner-spin-data-v-28931d4e 1.1s cubic-bezier(.6,.2,0,.8) .44s infinite,spinner-fade-data-v-28931d4e 1.1s linear .44s infinite;animation:spinner-spin-data-v-28931d4e 1.1s cubic-bezier(.6,.2,0,.8) .44s infinite,spinner-fade-data-v-28931d4e 1.1s linear .44s infinite}@-webkit-keyframes spinner-show-data-v-28931d4e{to{visibility:visible}}@keyframes spinner-show-data-v-28931d4e{to{visibility:visible}}@-webkit-keyframes spinner-spin-data-v-28931d4e{to{transform:rotate(1turn)}}@keyframes spinner-spin-data-v-28931d4e{to{transform:rotate(1turn)}}@-webkit-keyframes spinner-fade-data-v-28931d4e{0%{border-top-color:#73859f}20%{border-top-color:#73859f}35%{border-top-color:#fff}60%{border-top-color:#73859f}to{border-top-color:#73859f}}@keyframes spinner-fade-data-v-28931d4e{0%{border-top-color:#73859f}20%{border-top-color:#73859f}35%{border-top-color:#fff}60%{border-top-color:#73859f}to{border-top-color:#73859f}}.control-bar-slide-fade-enter-active[data-v-28931d4e]{transition:all .3s ease}.control-bar-slide-fade-leave-active[data-v-28931d4e]{transition:all .2s cubic-bezier(1,.5,.8,1)}.control-bar-slide-fade-enter[data-v-28931d4e],.control-bar-slide-fade-leave-to[data-v-28931d4e]{transform:translateY(10px);opacity:0}