#root{margin:0 auto;text-align:center}.row-container{display:flex;flex-flow:row wrap;justify-content:space-between}.widget-column{flex-basis:25%;flex-grow:1;flex-shrink:1}.plot-column{flex-basis:50%;flex-grow:1;flex-shrink:1}.widget{margin:4px;padding:6px;text-align:left;text-decoration:none;border:1px solid #eaeaea;border-radius:10px;transition:color .15s ease,border-color .15s ease}.widget:hover,.widget:focus,.widget:active{border-color:#0070f3}summary,.widget-head{font-size:1.2rem;margin:0 0 10px}span{margin-right:5px}.field p{margin:0;font-size:1.25rem;line-height:1.5}.pill{padding:0 7px;margin:3px;border-radius:.5rem}.problem-colors{background-color:RGBA(var(--problem-background-color));color:#fff}.success-colors{background-color:RGBA(var(--success-background-color));color:#fff}.warn-colors{background-color:RGBA(var(--warn-background-color));color:#000}.plot-div{position:relative;background-color:#242424;color:#f5f5f5}.canvas-container{position:relative;width:100%;height:70vh}canvas{width:100%;height:100%}.plot-labels-div{position:absolute;overflow:hidden;top:0;width:100%;height:100%;touch-action:none}.plot-label{position:absolute;color:orange}table.legend{border:1px solid white;border-collapse:collapse;min-height:22px;margin:3px 0;letter-spacing:0;text-align:center}td,th{border-style:dotted solid;border-width:1px;border-color:#b1b1b1;padding:0 6px}th{border-bottom-style:solid}.color-box{display:inline-block;width:13px;height:13px;margin:auto 4px}