body,html{margin:0;padding:0;background-color:#000;width:100%;height:100%;overflow:hidden;font-family:Helvetica,Arial,sans-serif}.point{color:#6eff07}.body{color:#fff}.view{position:relative;width:100vw;height:100vh;overflow:hidden;background-color:#0b3250}.overlay{position:relative;width:100%;z-index:999}.overlay>.controls{background-color:#0000004f;position:absolute;top:0;left:0;width:100%;height:50px;display:block}.overlay>.controls>button,.overlay>.controls>div{border:none;color:#fff;background-color:#151e22;font-size:12px;padding:0 2px;margin:2px;height:26px;display:inline-flex;align-items:center}.overlay>.controls>div>input,.overlay>.controls>div>select{background-color:#151e22;display:inline-block;border:none;padding:3px;color:#fff;text-align:right;outline:0}.overlay>.controls>button:hover,.overlay>.controls>div>input:hover,.overlay>.controls>div>select:hover{background-color:#444564;cursor:pointer}.overlay>.detections,.overlay>.metrics{font-size:small;position:absolute;height:100%}.overlay>.metrics{width:50%;font-family:'Ubuntu Mono',monospace;color:#6eff07;top:60px;left:0;width:auto}.overlay>.metrics .title{width:120px;display:inline-block;font-weight:700;text-align:right}.overlay>.detections{font-family:Ubuntu,sans-serif;color:#ea34f3;top:60px;right:0;text-align:right;font-size:10em}.media-container{width:100vw;height:100vh;background-color:#1b496b;position:relative;transform:scale(-1,1)}.media-container>.input-video{display:none}.media-container>.video-canvas{display:block;z-index:100}.media-container>.paint-canvas{position:absolute;top:0;left:0;display:block;z-index:200;background-color:transparent;border:1px red solid}