body{margin:0}path{vector-effect:non-scaling-stroke}svg{width:100%;height:100%}.axis,.view,.zoom{fill:none}.axis line{stroke-opacity:.3;shape-rendering:crispEdges;stroke-width:2px}.zoom{pointer-events:all}g.view:nth-child(1)>path{stroke:#88cc5b}g.view:nth-child(2)>path{stroke:#604dc4}g.view:nth-child(1)>circle{fill:#88cc5b}g.view:nth-child(2)>circle{fill:#604dc4}.tick line{stroke:#a6a6a6;opacity:1}.tick text{fill:#454545;font-size:.7rem}#fps{position:fixed;background-color:#444;color:#fff;right:0rem;padding:.2rem}.charts{display:flex;flex-direction:column}.chart{flex:1;margin:.2rem;display:flex}.chart-drawing{width:85%;overflow:hidden;border:1px #ddd solid}.chart-legend{width:14%;margin-left:1%;color:#454545;font-size:.7rem;font-weight:700}.chart-legend__green_caption,.chart-legend__green_value{color:#88cc5b}.chart-legend__blue_caption,.chart-legend__blue_value{color:#604dc4}@media(max-width:1080px){.tick text{font-size:1.5rem}}@media(min-width:1920px){.tick text{font-size:1.2rem}}