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 :last-child{stroke:#604dc4}g.view :first-child{stroke:#88cc5b}.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{height:calc(100vh - 2rem);display:flex;flex-direction:column}.charts>div{height:calc(20% - .4rem);overflow:hidden;border:1px #ddd solid;margin:.2rem}@media only screen and (max-device-width:1080px)and (min-device-height:1920px)and (orientation:portrait){.tick text{font-size:1.5rem}}@media only screen and (min-device-width:1920px)and (max-device-height:1080px)and (orientation:landscape){.tick text{font-size:1.2rem}}