.player{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.player .player-overlay{position:fixed;top:0;bottom:0;width:100vw;height:100vh;z-index:100000}[dir=ltr] .player .player-overlay,[dir=rtl] .player .player-overlay{left:0;right:0}.player .player-overlay.blurred{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.player .player-overlay+.player-wrapper{z-index:100001}.player .player-wrapper{-webkit-mask-image:-webkit-radial-gradient(#fff,#000);mask-image:linear-gradient(#fff,#000);position:relative;transition:background-color .3s,transform .5s}[dir] .player .player-wrapper{background-color:#f0f0f0;border-radius:20px}[dir=ltr] .player .player-wrapper{transform-origin:left top}[dir=rtl] .player .player-wrapper{transform-origin:right top}.player .player-controls,.player .player-controls .player-tracker{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center}.player .player-controls .player-tracker{width:100%}.player .player-controls .player-tracker .player-progress{flex-grow:2}[dir] .player .player-controls .player-tracker .player-progress{margin:0 9px}.player .player-controls .player-tracker .player-time-current,.player .player-controls .player-tracker .player-time-total{font-size:.8em;font-variant:tabular-nums;font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.player .action{color:inherit}[dir] .player .action{cursor:pointer}.player .player-tracker{box-sizing:border-box}.player .player-progress{width:100%;height:5px;position:relative}[dir] .player .player-progress{cursor:pointer;background-color:#d7d7d7;border-radius:5px}.player .player-progress .player-progress-wrapper{overflow:hidden}.player .player-progress .player-buffer{height:100%;position:absolute;top:0}[dir] .player .player-progress .player-buffer{border-radius:5px;background-color:hsla(0,0%,100%,.2)}[dir=ltr] .player .player-progress .player-buffer{left:0}[dir=rtl] .player .player-progress .player-buffer{right:0}.player .player-progress .player-seeker{height:100%;position:absolute;top:0;transition:width .1s ease-in}[dir] .player .player-progress .player-seeker{border-radius:5px}[dir=ltr] .player .player-progress .player-seeker{left:0}[dir=rtl] .player .player-progress .player-seeker{right:0}.player .player-progress:hover .player-seeker-thumb{opacity:1}.player .player-seeker-thumb{display:inline-block;width:10px;height:10px;position:absolute;transition:opacity .2s;opacity:0;top:-2.5px}[dir] .player .player-seeker-thumb{border-radius:100%;box-shadow:0 0 5px rgba(0,0,0,.1)}[dir=ltr] .player .player-seeker-thumb{margin-left:-2.5px}[dir=rtl] .player .player-seeker-thumb{margin-right:-2.5px}.audio-player{width:100%}[dir] .audio-player.theater.status-playing .player-wrapper{background-color:#f0f0f0}.audio-player .player-controls{min-height:20px}[dir=ltr] .audio-player .player-controls{padding:5px 15px 5px 5px}[dir=rtl] .audio-player .player-controls{padding:5px 5px 5px 15px}.audio-player .player-controls .action{width:13px;height:13px;box-sizing:content-box;transition:transform .2s}[dir] .audio-player .player-controls .action{padding:5px}[dir] .audio-player .player-controls .action:hover{transform:scale(1.2)}[dir] .audio-player .player-controls .action:active{transform:scale(.9)}[dir] .audio-player .player-controls .player-progress .player-buffer{background-color:rgba(0,0,0,.1)}.video-player video{display:block;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.video-player .player-controls{position:absolute;top:0;bottom:0;transition:box-shadow .5s,background-color .3s;color:#efefef}[dir] .video-player .player-controls{background-color:rgba(0,0,0,.75)}[dir=ltr] .video-player .player-controls,[dir=rtl] .video-player .player-controls{right:0;left:0}.video-player .player-controls .action{transition:transform .3s,opacity .3s}[dir] .video-player .player-controls .action{transform-origin:center}[dir] .video-player .player-controls .action:hover{transform:scale(1.2)}[dir] .video-player .player-controls .action:active{transform:scale(.8)}[dir] .video-player .player-controls:hover{background-color:rgba(0,0,0,.8)}.video-player .player-controls:hover .action{opacity:1}.video-player .player-controls:hover .player-tracker{bottom:10px;opacity:1}.video-player .player-controls .action-pause{opacity:0;fill:#efefef;stroke:transparent}.video-player .player-controls .action-pause,.video-player .player-controls .action-play,.video-player .player-controls .action-replay{position:absolute;top:calc(50% - 35px);width:70px;height:70px}[dir=ltr] .video-player .player-controls .action-pause,[dir=ltr] .video-player .player-controls .action-play,[dir=ltr] .video-player .player-controls .action-replay{left:calc(50% - 35px)}[dir=rtl] .video-player .player-controls .action-pause,[dir=rtl] .video-player .player-controls .action-play,[dir=rtl] .video-player .player-controls .action-replay{right:calc(50% - 35px)}.video-player .player-controls .action-backwards,.video-player .player-controls .action-forwards{position:absolute;top:calc(50% - 20px);width:40px;height:40px}[dir=ltr] .video-player .player-controls .action-backwards{left:25%}[dir=ltr] .video-player .player-controls .action-forwards,[dir=rtl] .video-player .player-controls .action-backwards{right:25%}[dir=rtl] .video-player .player-controls .action-forwards{left:25%}.video-player .player-controls .action-fullscreen{width:20px;height:13px;transition:transform .3s}[dir=ltr] .video-player .player-controls .action-fullscreen{margin-left:10px}[dir=rtl] .video-player .player-controls .action-fullscreen{margin-right:10px}[dir] .video-player .player-controls .action-fullscreen:hover{transform:scale(1.3)}[dir] .video-player .player-controls .player-progress{background-color:hsla(0,0%,100%,.2)}[dir] .video-player .player-controls .player-buffer{background-color:hsla(0,0%,100%,.3)}.video-player .player-controls .player-tracker{position:absolute;bottom:-15px;opacity:0;transition:opacity .5s,bottom .2s}[dir] .video-player .player-controls .player-tracker{padding:0 15px}[dir=ltr] .video-player .player-controls .player-tracker,[dir=rtl] .video-player .player-controls .player-tracker{left:0;right:0}.video-player.status-playing .player-wrapper:hover .action{opacity:1}[dir] .video-player.status-playing .player-controls:not(:hover){background-color:transparent}.video-player.status-playing .player-controls .action{opacity:0}.video-player.fullscreen-active .player-wrapper{z-index:100001}.fade-enter-active,.fade-leave-active{transition:opacity .5s}.fade-enter,.fade-leave-to{opacity:0}