:root{--vue-video-player-background: rgb(0, 0, 0);--vue-video-player-primary-color: rgb(255, 255, 255);--vue-video-player-progress-bar-background: rgb(107, 114, 128);--vue-video-player-drop-menu-content-list-item-hover-color: rgb(107, 114, 128);--vue-video-player-subtitle-background: rgb(0, 0, 0);--vue-video-player-controller-height: 45px}.vue-video-player-drop-menu-container{position:relative}.vue-video-player-drop-menu-content{bottom:100%;right:0;position:absolute;border-radius:.25rem;z-index:100;background-color:#000;color:#fff;min-width:180px;box-shadow:0 8px 16px #0003;padding:8px 0}.vue-video-player-drop-menu-content-title-container{display:flex;align-items:center;padding:8px 15px}.vue-video-player-drop-menu-content-title-container--icon{margin-top:5px;cursor:pointer}.vue-video-player-drop-menu-content-title-container--title{margin-left:10px}.vue-video-player-drop-menu-content-list-item{display:flex;align-items:center;cursor:pointer;padding:9px 15px}.vue-video-player-drop-menu-content-list-item--icon{display:flex;align-items:end;min-width:30px}.vue-video-player-drop-menu-content-list-item--label{padding-bottom:2px}.vue-video-player-drop-menu-content-list-item:hover{background-color:#6b7280}.vue-video-player-root-container{position:relative;background:rgb(0,0,0);color:#fff;overflow:hidden}.vue-video-player-root-container button,.vue-video-player-root-container input[type=submit],.vue-video-player-root-container input[type=reset]{background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit}.vue-video-player-root-container ul{padding:0;margin:0;list-style-type:none}.vue-video-player-root-container hr{margin:0}.vue-video-player-root-container .cursor-pointer{cursor:pointer}.vue-video-player-root-container .primary-color-icon{fill:#fff}.vue-video-player-root-container .h-full{height:100%}.vue-video-player-error-container{height:100%;width:100%;position:absolute;display:flex;justify-content:center;align-items:center}.vue-video-player-error-container-inner{text-align:center}.vue-video-player-error-container--message{font-size:32px}.vue-video-player-controller-container{height:100%;width:100%;position:absolute;top:0}.vue-video-player-subtitle-container{position:absolute;width:100%;display:flex;justify-content:center}.vue-video-player-subtitle-container-subtitle{white-space:pre-wrap;background-color:#000;font-size:32px}.vue-video-player-video-container{position:relative;height:100%;width:100%}.vue-video-player-video-container video::cue{opacity:0}.vue-video-player-video{width:100%;height:100%}.vue-video-player-float-container{position:absolute;z-index:1;cursor:pointer;width:100%;top:0;height:-webkit-calc(100% - var(--vue-video-player-controller-height));height:-moz-calc(100% - var(--vue-video-player-controller-height));height:calc(100% - var(--vue-video-player-controller-height))}.vue-video-player-float-half-container{width:50%;height:100%}.vue-video-player-middle-button{padding-top:45px;display:flex;justify-content:center;align-items:center;width:100%;height:100%}.vue-video-player-controller{position:absolute;display:flex;flex-direction:column;z-index:1;width:100%;bottom:0;height:45px}.vue-video-player-controller-progress-bar-container{display:flex;height:7px;width:100%;cursor:pointer}.vue-video-player-controller-progress-bar-container input[type=range]{height:100%;width:100%;outline:none;cursor:pointer;transition:background .45s ease-in;-webkit-appearance:none}.vue-video-player-controller-progress-bar-container input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;display:none;width:15px;height:15px;background:rgb(255,255,255);border:1px solid #000000;border-radius:100%}.vue-video-player-controller-progress-bar-container input[type=range]::-moz-range-track{height:5px;background:rgb(255,255,255)}.vue-video-player-controller-progress-bar-container:hover input[type=range]::-webkit-slider-thumb{display:block}.vue-video-player-controller-menu{padding-right:5px;padding-left:5px;display:flex;align-items:center;flex-grow:1}.vue-video-player-controller-button{padding-top:3px;margin-right:5px}.vue-video-player-controller-volume-controller{display:flex;margin-right:12px}.vue-video-player-controller-volume-controller button{padding-top:1px}.vue-video-player-controller-volume-controller--slider-container{width:52px;display:none;margin-left:5px}.vue-video-player-controller-volume-controller:hover .vue-video-player-controller-volume-controller--slider-container{display:block}.vue-video-player-controller-volume-controller body{height:100vh;margin:0;display:flex}.vue-video-player-controller-volume-controller input[type=range]{margin-top:10px;border:solid 1px rgb(255,255,255);border-radius:8px;height:3px;width:100%;outline:none;cursor:pointer;transition:background .45s ease-in;-webkit-appearance:none}.vue-video-player-controller-volume-controller input[type=range]::-webkit-slider-runnable-track{margin-top:5px}.vue-video-player-controller-volume-controller input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:15px;height:15px;background:rgb(255,255,255);border:1px solid #000000;margin-top:-5px;border-radius:100%}.vue-video-player-controller-volume-controller input[type=range]::-moz-range-track{height:5px;background:rgb(255,255,255)}.vue-video-player-controller-volume-controller input[type=range]::-moz-range-thumb{background:rgb(255,255,255);height:12px;width:12px;border:3px solid rgb(255,255,255);border-radius:0!important;box-shadow:-100vw 0 0 100vw #fff;box-sizing:border-box}.vue-video-player-controller-volume-controller input[type=range]::-ms-fill-lower{background:rgb(255,255,255)}.vue-video-player-controller-volume-controller input[type=range]::-ms-thumb{background:rgb(255,255,255);border:2px solid rgb(255,255,255);height:12px;width:12px;box-sizing:border-box}.vue-video-player-controller-volume-controller input[type=range]::-ms-ticks-after{display:none}.vue-video-player-controller-volume-controller input[type=range]::-ms-ticks-before{display:none}.vue-video-player-controller-volume-controller input[type=range]::-ms-track{background:rgb(255,255,255);color:transparent;height:5px;border:none}.vue-video-player-controller-volume-controller input[type=range]::-ms-tooltip{display:none}.vue-video-player-timer{color:#ddd;margin-bottom:1px}