.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:rgba(0,0,0,.4)}.button-options-options:hover~.button-options-popover,.button-options-popover:hover{display:flex}.button-options-popover{background-color:rgba(0,0,0,.4);bottom:100%;display:none;flex-direction:column;position:absolute;right:-1rem;width:calc(100% + 2rem)}.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%;width: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;right:50%;top:-2.8rem;transform:translateX(50%);width:100%}.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);margin-right:calc(var(--positionHeight)/-2);pointer-events:none;position:relative;transition:all .05s;width:var(--positionHeight);z-index: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-controls:hover,.video-player-hover>.video-player-controls{opacity:1;transition:opacity .2s}.video-player-controls{align-items:center;background-color:rgba(0,0,0,.4);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;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;margin-right:auto}.video-player-icon{color:var(--color-neutrals-white);cursor:pointer;font-size:2.4rem;width:4rem}.video-player-icon:before{width:4rem}.video-player-icon.video-player-small{font-size:1.6rem;width:2rem}.video-player-poster{background-color:var(--color-neutrals-black);background-position:50%;background-repeat:no-repeat;background-size:contain;cursor:pointer;height:100%;position:absolute;right:0;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.video-player-playButtonWrapper,.video-player-poster{align-items:center;display:flex;justify-content:center}.video-player-playButtonWrapper{background-color:var(--color-transparent-white-85);border-radius:var(--radius-circular);height:10rem;width:10rem}.video-player-playButton{color:var(--color-green-300);font-size:6rem;margin-left:.6rem}.video-player-volumeBar{margin-left:1rem;opacity:0;transition:width .2s,opacity .15s;width:0}.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.dragging,.video-player-volumeBar:hover{opacity:1;transition:width .2s,opacity .1s;width:5rem}