html,body,#root,.dropzone{height:100vh;margin:0;padding:0}body{overflow:hidden}.ui-dialog{opacity:.95}.timestring{white-space:pre;font-family:monospace}.player{flex-direction:row;gap:10px;height:calc(100vh - 20px);padding:10px 10px 0;display:flex}.player .leftColumn{border-bottom-left-radius:10px;outline:1px solid gray;flex:0 0 195px;overflow-y:auto}.player .rightColumn{background-color:#ffa5001a;border-bottom-right-radius:10px;flex-direction:column;flex:auto;display:flex;position:relative}.player .rightFooter{width:100%;position:absolute;bottom:0;left:0}.player .canvasAndVideoWrapper{outline:1px solid gray;flex:none;align-items:flex-start;width:100%;display:flex;position:relative}.player .canvasAndVideoWrapper:after{content:"";pointer-events:none;z-index:100;width:100%;height:100%;position:absolute;top:0;left:0}.player .canvasAndVideoWrapper .video{width:100%;height:auto;display:block}.player .canvasAndVideoWrapper canvas{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.player .canvasAndVideoWrapper canvas.sphere,.player .canvasAndVideoWrapper .uplot canvas{pointer-events:auto}.player .timer .sphereToggleBtn{text-align:right;cursor:pointer;vertical-align:middle;opacity:.5;-webkit-user-select:none;user-select:none;background:0 0;border:none;width:1.6em;padding:0 3px;font-size:12px;line-height:1}.player .timer .sphereToggleBtn:hover{opacity:1}.player .canvasAndVideoWrapper canvas.fieldOverlay{background-image:linear-gradient(90deg,red 0% 100%);background-position:5px 30px;background-repeat:no-repeat;background-size:60px 2px}.player .canvasAndVideoWrapper canvas.detectionsOverlay{background-image:linear-gradient(90deg,green 0% 100%);background-position:65px 30px;background-repeat:no-repeat;background-size:60px 2px}span.tipsTricks{color:#4679bd;margin:0 5px;font-size:13px}span.tipsTricks:before{content:"?";color:gray;border:1px solid gray;border-radius:8px;margin-right:4px;padding:0 4px}span.tipsTricks:hover{cursor:pointer;text-decoration:underline}#hotkeyDialog .hotkeyRow{flex-direction:row;align-items:center;width:500px;padding:10px 0;display:flex}#hotkeyDialog .leftCol{text-align:right;order:1;width:50%;margin-right:15px}#hotkeyDialog .rightCol{flex-basis:50%;order:2}#hotkeyDialog kbd{color:#999;border:1px solid #ababab;border-radius:5px;margin-left:10px;padding:3px 5px;font:18px monospace}#hotkeyDialog .hotkeyRow span{font-size:16px}#hotkeyDialog .version{text-align:center;color:gray;font-size:10px}.player .bookmarks{margin:0;padding:10px 5px 10px 0;list-style-type:none}.bookmarks .current{background-color:#ff9}.bookmarks .current:hover .bookmark-clickable{background-color:#ff0}.bookmarks .event,.bookmarks .score{color:gray;font-family:tahoma;font-size:10px}.bookmarks .event{margin-left:10px;padding-right:5px}.bookmarks .bookmark-clickable{cursor:pointer;border-radius:3px;width:calc(100% - 22px);margin-left:2px;padding:2px 4px;display:inline-block}.bookmarks .bookmark-clickable:hover{background-color:#e8f4ff}.bookmarks span.timestring{color:#4679bd;font:10px monospace;text-decoration:none}.bookmarks span.deleteX{color:gray;cursor:pointer;visibility:hidden;width:3px;margin-left:1px;margin-right:4px;font:13px tahoma}.bookmarks :hover .deleteX{visibility:visible}.note{display:none}.showAllNotes .note,.showNonemptyNotes .note:not(.emptyNote){display:block}.player .uploadPromptWrapper{z-index:2;flex-direction:column;place-content:center;width:100%;height:100%;display:flex;position:absolute}.player .uploadPromptWrapper .uploadPromptItem{text-align:center;margin:10px 0}.player .uploadPromptWrapper label[for=fileSelector]{color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#4679bd;border-radius:6px;padding:12px 24px;font-size:16px;font-weight:500;transition:background-color .2s;display:inline-block}.player .uploadPromptWrapper label[for=fileSelector]:hover{background-color:#5689cd}.player .uploadPromptWrapper label[for=fileSelector]:active{background-color:#3569ad}.player .timer{text-align:center;z-index:2;--progress:0;background-color:#fff;padding:5px 2px 0;position:absolute;top:5px;left:5px}.player .timer:before{content:"";width:calc(100% - 3px);height:2px;transform:scaleX(var(--progress));transform-origin:0;will-change:transform;background-color:gray;padding-bottom:2px;position:absolute;top:0;left:3px}.player .timer .filename{color:#d3d3d3;padding-left:5px;font-family:monospace}.uplot{background-color:#e4f0e8;width:100%}.uplot .u-legend .u-value,.uplot .u-legend .u-label{font-family:monospace}.u-cursor-time{pointer-events:none;will-change:transform;color:gray;border-left:1px dashed red;padding-left:3px;font-family:monospace;font-size:10px;position:absolute;top:0;left:0}.uplot,.uplot *,.uplot :before,.uplot :after{box-sizing:border-box}.uplot{width:min-content;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}.u-title{text-align:center;font-size:18px;font-weight:700}.u-wrap{-webkit-user-select:none;user-select:none;position:relative}.u-over,.u-under{position:absolute}.u-under{overflow:hidden}.uplot canvas{width:100%;height:100%;display:block;position:relative}.u-axis{position:absolute}.u-legend{text-align:center;margin:auto;font-size:14px}.u-inline{display:block}.u-inline *{display:inline-block}.u-inline tr{margin-right:16px}.u-legend th{font-weight:600}.u-legend th>*{vertical-align:middle;display:inline-block}.u-legend .u-marker{width:1em;height:1em;margin-right:4px;background-clip:padding-box!important}.u-inline.u-live th:after{content:":";vertical-align:middle}.u-inline:not(.u-live) .u-value{display:none}.u-series>*{padding:4px}.u-series th{cursor:pointer}.u-legend .u-off>*{opacity:.3}.u-select{pointer-events:none;background:#00000012;position:absolute}.u-cursor-x,.u-cursor-y{pointer-events:none;will-change:transform;position:absolute;top:0;left:0}.u-hz .u-cursor-x,.u-vt .u-cursor-y{border-right:1px dashed #607d8b;height:100%}.u-hz .u-cursor-y,.u-vt .u-cursor-x{border-bottom:1px dashed #607d8b;width:100%}.u-cursor-pt{pointer-events:none;will-change:transform;border:0 solid;border-radius:50%;position:absolute;top:0;left:0;background-clip:padding-box!important}.u-axis.u-off,.u-select.u-off,.u-cursor-x.u-off,.u-cursor-y.u-off,.u-cursor-pt.u-off{display:none}#camContainer{text-align:center;z-index:2;background-color:#333;padding-top:95px;position:absolute;inset:0}.hidden{display:none!important}#camVideo{transform:rotate(-90deg)}div.selectors{text-align:right;width:250px;height:20px;position:absolute;top:5px;right:5px}div.selectors .select{display:none}div.selectors:hover .select{display:block}#selection-rectangle{z-index:3;pointer-events:none;border:2px dashed #000;position:absolute}#camContainer textarea{color:#fff;background:#333;border:none;width:200px;height:300px;font-size:22px;display:inline;position:absolute;top:50px;left:30px}