.button-options-container{align-items:center;display:flex;height:100%;justify-content:center;min-width:3.75rem;position:relative}.button-options-options{color:var(--color-neutrals-white);font-size:1.25rem;font-weight:400;height:100%}.button-options-options.button-options-selected{background-color:var(--color-transparent-white-65);color:#0006}.button-options-options:hover~.button-options-popover,.button-options-popover:hover{display:flex}.button-options-popover{background-color:#0006;bottom:100%;display:none;flex-direction:column;position:absolute;width:calc(100% + 2rem)}[dir=ltr] .button-options-popover{left:-1rem}[dir=rtl] .button-options-popover{right:-1rem}.button-options-popover .button-options-options{font-size:1.1rem}.button-options-popover .button-options-options:not(.button-options-selected):hover{background-color:var(--color-transparent-white-14)}.progress-bar-container{align-items:center;cursor:pointer;display:flex;height:100%}.progress-bar-onHover:hover .progress-bar-bar{height:.7rem;transition:height .1s}.progress-bar-onHover:hover .progress-bar-position{--positionHeight: 1.5rem}.progress-bar-onHover:hover .progress-bar-popover:after{align-items:center;background:var(--color-transparent-white-65);border-radius:var(--radius-5);color:var(--color-neutrals-black);content:attr(data-popover);display:flex;font-size:.8rem;height:2rem;justify-content:center;padding:1rem 1.5rem;position:absolute;top:-2.8rem;width:100%}[dir=ltr] .progress-bar-onHover:hover .progress-bar-popover:after{left:50%;transform:translate(-50%)}[dir=rtl] .progress-bar-onHover:hover .progress-bar-popover:after{right:50%;transform:translate(50%)}.progress-bar-onHover:hover .progress-bar-mouseOn{background-color:var(--color-neutrals-black);height:100%;pointer-events:none;position:absolute;width:.2rem;z-index:1}.progress-bar-onHover:hover .progress-bar-mouseOn:after{filter:invert(100%);top:-3.15rem}.progress-bar-bar{align-items:center;background-color:var(--color-transparent-white-14);border-radius:var(--radius-2);display:flex;height:.5rem;position:relative;width:100%}.progress-bar-elapsed{background-color:var(--color-transparent-white-85);border-radius:var(--radius-2);height:100%;pointer-events:none;transition:width .1s;z-index:1}.progress-bar-position{--positionHeight: 1rem;background-color:var(--color-neutrals-white);border-radius:var(--radius-circular);height:var(--positionHeight);pointer-events:none;position:relative;transition:all .05s;width:var(--positionHeight);z-index:2}[dir=ltr] .progress-bar-position{margin-left:calc(var(--positionHeight) / -2)}[dir=rtl] .progress-bar-position{margin-right:calc(var(--positionHeight) / -2)}.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}