body{margin:0;color:#333;background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}.root{display:flex;padding:20px;gap:30px}.root #configs{flex:1;display:flex;flex-direction:column;gap:20px;padding:24px;background:#fff;border-radius:4px;box-shadow:0 2px 8px #0000001a}.root #configs label{display:flex;flex-direction:column;gap:8px;font-weight:500}.root #configs label:has(input[type=checkbox]){flex-direction:row;align-items:center;gap:8px}.root #configs select,.root #configs input[type=checkbox]{padding:8px;border:1px solid #ddd;border-radius:4px;width:100%}.root #configs select:focus,.root #configs input[type=checkbox]:focus{outline:none;border-color:#4a90e2}.root #configs select[multiple],.root #configs input[type=checkbox][multiple]{height:70px}.root #configs input[type=checkbox]{width:auto;margin:0;cursor:pointer}.root #chart{width:70vw;height:49vw;background:#fff;border-radius:4px;box-shadow:0 2px 8px #0000001a}.chart{display:block;width:100%;height:100%}.chart:nth-child(4n+2),.chart:nth-child(4n+3){background-color:#f6f6f6}.chart .hidden{display:none}.chart .debug{fill:#ccc;text-anchor:end}.chart polyline,.chart line,.chart path{stroke:#000;stroke-width:.2;fill:none;stroke-linecap:round;stroke-linejoin:round}.chart text{font-size:2px}.chart .legends .legend{cursor:pointer}.chart .legends .legend:hover{opacity:.6}.chart .legends .legend.hidden{display:block;opacity:.3}.chart .legends .legend circle{r:1}.chart .legends .legend text{text-anchor:start}.chart .grids .grid{stroke:#ddd;stroke-width:.1}.chart .grids .grid-x.selected{stroke:#aaa;stroke-width:.2;stroke-dasharray:.5 .5}.chart .axes .axis{stroke:#ddd;stroke-width:.4}.chart .datasets .dataset{stroke-width:.4;fill:none}.chart .dataLabels text.dataLabel{text-anchor:middle;stroke-width:.1}.chart .tooltips{pointer-events:none}.chart .tooltips .bg{fill:#fff;stroke:#ccc;stroke-width:.2}.chart .tooltips text{text-anchor:start}