html{height:100%}body{margin:0;background:black;height:100%;display:flex;flex-direction:column}#videos{display:grid;grid-template-rows:1fr 1fr;grid-template-columns:1fr 2fr;grid-auto-rows:50%;grid-auto-columns:50%;flex:1 1 0;position:relative}.video-container{display:flex;align-items:center;justify-content:center;position:relative;height:100%;border:1px solid #ddd}.video-container-tall{grid-column-start:1;grid-column-end:2;grid-row-start:1;grid-row-end:3;display:flex;align-items:center;justify-content:center;position:relative;height:100%;border:1px solid #ddd}.video-container-tall .inner{position:absolute;top:1px;left:1px;right:1px;bottom:1px}.video-container-tall .inner video{object-fit:contain;width:100%;height:100%}.video-container.fullscreen{position:absolute;top:0;left:0;right:0;bottom:0;background:#000;z-index:10}.video-container .inner{position:absolute;top:1px;left:1px;right:1px;bottom:1px}.video-container .inner video{object-fit:contain;width:100%;height:100%}#controlbar{height:40px;background:#000;display:flex;border:1px solid #ddd}#play{background:#000;border:none;border-right:1px solid #ddd;aspect-ratio:1/1;color:#fff;height:100%;cursor:pointer}#play:hover{background:#411}#pause-icon{display:none}#seek-graph-container{height:100%;width:100%;position:absolute;top:-1px;left:0;user-select:none;pointer-events:none;opacity:.8}#seek-bar{background:#ffffff22;border-right:1px solid #ddd;height:100%;width:0%;z-index:99;position:absolute}#seek{height:100%;width:100%;position:relative}#sync-load-overlay{visibility:hidden;position:absolute;top:0;right:0;bottom:0;z-index:999;left:0;display:flex;align-items:center;justify-content:center;background:#000000aa;padding:12px}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#sync-load-overlay svg{color:#ddd;width:24px;height:24px;animation:rotate 2s linear infinite}.video-bar{position:absolute;top:0;left:0;border-right:1px solid #ddd;border-bottom:1px solid #ddd;z-index:1;display:flex}.video-select{background:#00000077;border:none;color:#fff;padding:4px 8px}.video-select:focus{outline:none}.video-fs{background:#00000077;border:none;border-left:1px solid white;color:#fff;padding:4px 8px}.video-fs:focus{outline:none}