:root{--dark-body:#362f4f}#root{flex-direction:column;flex-grow:1;display:flex}*{box-sizing:border-box;margin:0}body{background:var(--dark-body);flex-direction:column;height:100vh;max-height:100vh;font-family:Inter,sans-serif;display:flex}.header-container{border-bottom:1px solid #7fffd4}h1{color:#fff;margin:10px;font-weight:400}.horizontal-flex-container{flex-direction:row;flex-grow:1;max-height:640px;display:flex;overflow:hidden}.vertical-flex-container{flex-direction:column;flex-grow:1;display:flex}.menu-select-buttons{max-width:450px}.menu-select-button{background-color:var(--dark-body);color:#fff;border:1px solid #090937;padding:10px;font-size:38px}.focus-button{background-color:#008b8b}.panel{border:1px solid #fff}.alt-panel{border-bottom:1px solid #add8e6}.log-viewer-container{color:#72ff72;background-color:#0e0d14;border-radius:15px;flex-direction:column;flex:0 50%;justify-content:flex-end;width:auto;max-height:50%;margin:5px;padding:10px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex;overflow:hidden}.resource-graph-container{background-color:var(--dark-body);color:#fff;flex-grow:1}.badge{letter-spacing:.5px;border-radius:4px;padding:2px 8px;font-size:x-large;font-weight:700;display:inline-block}.badge-name{color:#898989;background:#3c443f4d}.badge-pass{color:#20ff27;background:#22c55e33}.badge-fail{color:#ff1717;background:#c522224d}.badge-percentage{color:#ff17dc;background:#c522c24d}.badge-skip{color:#17fff7;background:#22c5c24d}.badge-queue{color:#ff9e17;background:#c579224d}.results-display-container{background-color:var(--dark-body);color:#fff;flex-grow:1}table{border-collapse:collapse;width:100%;font-size:.82rem}th{background:var(--surface2);text-align:left;text-transform:uppercase;letter-spacing:.5px;color:#fff;width:min-content;padding:10px 12px;font-size:1em;font-weight:600;top:0}td{vertical-align:top;color:#fff;padding:8px 12px;font-size:x-large}.standard-cell{border:1px solid #fff;width:min-content;margin:0;font-family:monospace;font-size:x-large}.table-name-cell{vertical-align:auto;text-align:left;flex-direction:row;flex-basis:left;justify-content:left;gap:10px;width:100%;margin-left:0;display:flex}.focused-expand-button{border:2px solid #ff0;padding:5px}.return-button{margin:5px;padding:5px;font-size:x-large}.expanded-scenario-header{flex-direction:row;display:flex}.video-displays-container{color:#fff;background-color:navy;flex-direction:column;flex-grow:1;max-width:500px;display:flex}.video-container{flex-direction:column;flex-grow:1;justify-content:center;align-items:center;padding:0;display:flex}.video-container video{aspect-ratio:1.78;flex-grow:1;width:100%;min-width:0}.timeline-container{flex-grow:1;min-height:250px}.group-select-container{background-color:var(--dark-body);flex-direction:column;gap:10px;width:100%;margin:0;padding:10px;display:flex}.group-select-items-container{flex-direction:column;justify-content:center;gap:10px;font-weight:400;display:flex}.stream-select-container{background-color:var(--dark-body);color:#fff;flex-grow:1}.stream-select-header{margin:0;padding:10px}.stream-group-selection{background-color:var(--dark-body);flex-flow:wrap;gap:20px;padding:10px;display:flex}.test-select-container{background-color:var(--dark-body);color:#fff;scrollbar-width:none;flex-grow:1;overflow:scroll}.test-select-header{margin:0;padding:10px}.test-group-selection{background-color:var(--dark-body);flex-flow:wrap;gap:20px;padding:10px;display:flex}.focused{border:2px solid #ff0}