.video-player-player{aspect-ratio:1/1;margin:0 auto;max-height:calc(100vh - 6rem);min-height:var(--boardMinWidth, 30rem);min-width:var(--boardMinWidth, 30rem);position:relative}.video-player-player.video-player-sixteenByNine{aspect-ratio:16/9;max-height:90vh;max-width:unset}.video-player-player video{cursor:none;height:100%;width:100%}.video-player-hover>video{cursor:pointer}.video-player-hover>.video-player-controls,.video-player-controls:hover{opacity:1;transition:opacity .2s}.video-player-controls{align-items:center;background-color:#0006;bottom:0;display:flex;height:3rem;line-height:1.5rem;opacity:0;padding:0 1.5rem;position:absolute;transition:opacity .2s;width:100%}.video-player-controls>*:not(.video-player-remainingTime){height:100%}.video-player-controls .video-player-loadedFrames{background-color:var(--color-transparent-white-10);border-radius:var(--radius-2);height:100%;pointer-events:none;position:absolute}[dir=ltr] .video-player-controls .video-player-loadedFrames{left:0}[dir=rtl] .video-player-controls .video-player-loadedFrames{right:0}.video-player-controls button{background:none;border:none;margin:0;padding:0}.video-player-controls .video-player-controls-end{align-items:center;display:flex;gap:1.25rem}[dir=ltr] .video-player-controls .video-player-controls-end{margin-left:auto}[dir=rtl] .video-player-controls .video-player-controls-end{margin-right:auto}.video-player-icon{font-size:2.4rem;color:var(--color-neutrals-white);cursor:pointer;width:4rem}.video-player-icon:before{width:4rem}.video-player-icon.video-player-small{font-size:1.6rem;width:2rem}.video-player-poster{align-items:center;background-color:var(--color-neutrals-black);background-position:center;background-repeat:no-repeat;background-size:contain;cursor:pointer;display:flex;height:100%;justify-content:center;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}[dir=ltr] .video-player-poster{left:0}[dir=rtl] .video-player-poster{right:0}.video-player-playButtonWrapper{align-items:center;background-color:var(--color-transparent-white-85);border-radius:var(--radius-circular);display:flex;height:10rem;justify-content:center;width:10rem}.video-player-playButton{font-size:6rem;color:var(--color-green-300);margin-left:.6rem}.video-player-volumeBar{opacity:0;transition:width .2s,opacity .15s;width:0}[dir=ltr] .video-player-volumeBar{margin-right:1rem}[dir=rtl] .video-player-volumeBar{margin-left:1rem}.video-player-time{flex:1 1 0}.video-player-remainingTime{color:var(--color-neutrals-white);font-size:1rem;margin:0 .5rem}.video-player-sound:hover~.video-player-volumeBar,.video-player-volumeBar:hover,.video-player-volumeBar.dragging{opacity:1;transition:width .2s,opacity .1s;width:5rem}