.video-player-wrapper{position:relative;width:100%;margin:0 auto;aspect-ratio:16/9;background:#000}.video-js{font-family:inherit;border-radius:0;position:absolute;top:0;left:0;width:100%;height:100%;background:#000}.video-js .vjs-tech{width:100%;height:100%;object-fit:cover}.video-js.vjs-has-started .vjs-poster{display:none}.video-js .vjs-big-play-button{background-color:rgba(var(--canvas-50),.9);border:none;border-radius:50%;width:80px;height:80px;line-height:80px;font-size:2.5rem;transition:all .2s ease;z-index:3;position:relative}.video-js .vjs-big-play-button:focus,.video-js:hover .vjs-big-play-button{background-color:rgb(var(--canvas-50));transform:scale(1.1)}.video-js .vjs-control-bar{background:rgba(0,0,0,.7);height:auto;display:flex!important;align-items:center!important;padding:.5em}.video-js .vjs-progress-control{display:flex!important;align-items:center!important;flex:1}.video-js .vjs-progress-control .vjs-progress-holder{height:.5rem;border-radius:.25rem;margin:0}.video-js .vjs-play-progress{background-color:rgb(var(--accent));border-radius:.25rem}.video-js .vjs-load-progress{background:rgba(255,255,255,.3);border-radius:.25rem}.video-js .vjs-load-progress div{background:rgba(255,255,255,.5)}.video-js .vjs-progress-control:hover .vjs-progress-holder{font-size:1.2em}.video-js .vjs-play-progress:before{color:rgb(var(--accent));font-size:1em;top:-.3em}.video-js .vjs-button{display:flex!important;align-items:center!important;justify-content:center!important}.video-js .vjs-button>.vjs-icon-placeholder:before{line-height:1}.video-js .vjs-button:hover{color:rgb(var(--accent))}.video-js .vjs-volume-panel{display:flex!important;align-items:center!important;transition:width .3s ease}.video-js .vjs-volume-panel .vjs-volume-level{background-color:rgb(var(--accent))}.video-js .vjs-volume-panel:hover{width:auto}.video-js .vjs-time-control{padding:0 .5em;font-size:.9em;line-height:3;font-family:var(--font-mono,monospace)}.vjs-loading-spinner{border-color:rgba(var(--accent),.8)}.video-js .vjs-error-display{background-color:rgba(0,0,0,.9)}.video-js .vjs-error-display:before{color:rgb(var(--accent))}@media (max-width:768px){.video-js .vjs-big-play-button{width:60px;height:60px;line-height:60px;font-size:2rem}.video-js .vjs-time-control{font-size:.8em}}@media (prefers-color-scheme:dark){.video-js .vjs-control-bar{background:linear-gradient(0deg,rgba(0,0,0,.95) 0,rgba(0,0,0,.6) 50%,transparent)}}.video-js.vjs-fullscreen{border-radius:0}.video-js .vjs-poster{background-size:cover;background-position:50%;background-repeat:no-repeat;width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;display:block}.video-js .vjs-poster img{width:100%;height:100%;object-fit:cover!important;object-position:center}.video-js:not(.vjs-has-started) .vjs-poster{display:block!important}.video-js .vjs-control-bar{z-index:4;position:relative}.video-js .vjs-quality-selector .vjs-menu-button-popup .vjs-menu{background-color:rgba(0,0,0,.9)}.video-js .vjs-quality-selector .vjs-menu li.vjs-selected{background-color:rgb(var(--accent));color:white}.video-js.vjs-youtube .vjs-iframe-blocker{display:none}.video-js .vjs-text-track-display{font-size:1.2em}.video-js .vjs-text-track-cue>div{background-color:rgba(0,0,0,.8)!important;padding:.3em .6em;border-radius:.25rem}