#media-player{height:100%;position:relative;box-shadow:0 2px 25px -2px rgba(0,0,0,.05);border-radius:10px;overflow:hidden;width:100%;background:#000}#media-player:-moz-full-screen,#media-player:-ms-fullscreen,#media-player:-webkit-full-screen,#media-player:fullscreen{width:100%;background:#000}.video-bg{height:100%;width:100%;position:absolute;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;color:#fff;z-index:1;cursor:pointer}.video-bg>.tao-icon{font-size:4rem}.video-bg>.tao-icon.animate-icon{opacity:.7;transition:.3s cubic-bezier(.5,0,.5,1)}.video-bg>.tao-icon.animate-icon:hover{opacity:1;animation:playPauseAnimate .3s cubic-bezier(.5,0,.5,1)}.controls{position:absolute;z-index:2;bottom:0;width:100%;padding:.25rem .75rem;background:linear-gradient(0deg,rgba(0,0,0,.9),transparent);opacity:.8;display:flex;align-items:center}.controls .control-time{text-shadow:0 0 2px rgba(0,0,0,.6);display:inline-block;font-weight:500;color:#fff;margin:.5rem}.fullscreen{margin-left:auto}@media only screen and (max-width:640px){.fullscreen{display:block!important}}.fullscreen,.pause,.play{border:none;color:#fff;background:none;padding:.5rem;opacity:.7;cursor:pointer;transition:transform .3s cubic-bezier(.5,0,.5,1)}.fullscreen:hover,.pause:hover,.play:hover{opacity:1;transform:scale(1.1)}@media only screen and (max-width:640px){.fullscreen,.pause,.play{display:none}}.video{display:block;width:100%;height:100%;margin:auto;cursor:pointer}#media-controls{position:absolute;bottom:0;width:100%;z-index:2147483647;margin:0;left:0;right:0}#media-controls:-moz-full-screen,#media-controls:-ms-fullscreen,#media-controls:-webkit-full-screen,#media-controls:fullscreen{width:100%;bottom:0;left:0;right:0;margin:0 auto;max-width:1342px}video#video{z-index:1!important}#video::-webkit-media-controls,#video::-webkit-media-controls-enclosure{display:none!important}#volume{color:#fff;display:flex;align-items:center;margin:-.25rem 1rem 0}#volume>input{margin-left:.5rem}@media only screen and (max-width:640px){#volume{display:none}}.progress-bar{position:absolute;height:8px;width:calc(100% - 2rem);margin-left:auto;margin-right:auto;top:-.5rem;border-radius:99px;background:hsla(0,0%,100%,.7);overflow:hidden;cursor:pointer;z-index:99;transition-property:height,top;transition-timing-function:cubic-bezier(.5,0,.5,1);transition-duration:.2s}.progress-bar:hover{height:12px;top:-.625rem}.progress-bar>.progress{transition:.16s linear;z-index:2}.progress-bar>.loaded,.progress-bar>.progress{position:absolute;top:0;left:0;height:100%;will-change:width}.progress-bar>.loaded{transition:width .15s linear;opacity:.25;z-index:1}.video-fade-enter-active{transition:opacity .3s ease-in-out}.video-fade-leave-active{transition:opacity .3s ease-in-out .4s}.video-fade-enter,.video-fade-leave-to{opacity:0}.slider-block{width:100px;margin:8px 0;background:hsla(0,0%,100%,.5);box-shadow:0 2px 4px rgba(0,0,0,.1);position:relative;cursor:pointer}.slider-block,.slider-block .slider{height:4px;max-width:100px;border-radius:10px}.slider-block .slider{background:#fff}.slider-block .slider-ball{width:16px;height:16px;border-radius:50%;background:#fff;position:absolute;box-shadow:0 2px 6px rgba(0,0,0,.1);top:-5px;transition-property:top,width,height;transition-timing-function:cubic-bezier(.5,0,.5,1);transition-duration:.2s}.slider-block .slider-ball:hover{top:-6px;width:18px;height:18px;box-shadow:0 1px 8px rgba(0,0,0,.1)}