.video-container-area{display:flex;flex:1 1 auto;box-sizing:border-box;position:relative;max-width:100vw;max-height:100vh;overflow:hidden;}.video-container-area>.video-streams-container{position:relative;display:flex;justify-content:center;align-items:center;max-height:100%;max-width:100%;height:fit-content;width:fit-content;flex-direction:column;}@media(min-aspect-ratio:1/1){.video-container-area>.video-streams-container{flex-direction:row;}}.video-container-area>.video-streams-container>.video-stream-wrapper{position:relative;display:flex;justify-content:center;align-items:center;width:fit-content;height:fit-content;}.video-container-area>.video-streams-container>.video-stream-wrapper.maximized{width:contain;height:contain;flex:1 1 auto;}.video-container-area>.video-streams-container>.video-stream-wrapper.minimized{position:absolute;z-index:1002;bottom:1rem;right:1rem;border:5px solid #fff;}.video-container-area>.video-streams-container>.video-stream-wrapper.minimized>video{max-width:120px;max-height:100%;}.video-container-area>.video-streams-container>.video-stream-wrapper.minimized>video+.video-toolbar{max-width:104px;flex-wrap:wrap;justify-content:flex-end;width:fit-content;align-self:flex-end;}.video-container-area>.video-streams-container>.video-stream-wrapper.minimized>video+.video-toolbar>button:nth-child(1){order:4;}.video-container-area>.video-streams-container>.video-stream-wrapper.minimized>video+.video-toolbar>button:nth-child(2){order:5;}.video-container-area>.video-streams-container>.video-stream-wrapper.minimized>video+.video-toolbar>button:nth-child(3){order:1;}.video-container-area>.video-streams-container>.video-stream-wrapper.minimized>video+.video-toolbar>button:nth-child(4){order:2;}.video-container-area>.video-streams-container>.video-stream-wrapper.minimized>video+.video-toolbar>button:nth-child(5){order:3;}.video-container-area>.video-streams-container>.video-stream-wrapper>video{width:100%;height:100%;max-width:100%;max-height:100%;}.video-container-area>.video-streams-container>.video-stream-wrapper>video+.video-toolbar{max-width:none;flex-wrap:nowrap;justify-content:flex-end;width:fit-content;}.video-container-area>.video-streams-container>.video-stream-wrapper>video:hover+.video-toolbar{display:flex;pointer-events:auto;}.video-container-area>.video-streams-container>.video-stream-wrapper.toolbar-visible>.video-toolbar{display:flex;pointer-events:auto;}.video-container-area.thumbnails>.video-streams-container{flex-direction:row;flex-grow:0;}.video-container-area.thumbnails>.video-streams-container>.video-stream-wrapper{position:relative;}.video-container-area.thumbnails>.video-streams-container>.video-stream-wrapper.minimized{bottom:0;right:0;}.video-container-area.thumbnails>.video-streams-container>.video-stream-wrapper>video{max-width:120px;width:auto;height:100%;object-fit:contain;object-position:center;}.video-container-area.visible:empty{display:none;}.video-container-area.hidden{display:none;}.video-toolbar{position:absolute;top:5px;right:5px;background:rgba(0,0,0,.5);padding:5px;border-radius:5px;display:none;z-index:1003;flex-direction:row;align-items:center;flex-shrink:1;pointer-events:none;}.video-toolbar>button{z-index:1004;}.video-toolbar.visible{display:flex;pointer-events:auto;}.video-toolbar.hidden{display:none;pointer-events:none;}@media(hover:hover) and (pointer:fine){.video-stream-wrapper:hover .video-toolbar{display:flex;pointer-events:auto;}}.video-closing-indicator,.video-opening-indicator,.video-ischecking-indicator,.video-unavailable-indicator,.video-track-removed-indicator{position:absolute;top:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:120px;min-height:68px;height:100%;width:100%;background:rgba(50,50,50,.8);color:#fff;text-align:center;z-index:1002;}.video-closing-indicator>.spinner-border,.video-opening-indicator>.spinner-border,.video-ischecking-indicator>.spinner-border,.video-unavailable-indicator>.spinner-border,.video-track-removed-indicator>.spinner-border{margin-top:.5rem;width:1rem;height:1rem;border-width:.25rem;}.video-closing-indicator.video-track-removed-indicator,.video-opening-indicator.video-track-removed-indicator,.video-ischecking-indicator.video-track-removed-indicator,.video-unavailable-indicator.video-track-removed-indicator,.video-track-removed-indicator.video-track-removed-indicator{padding:1rem;}