@import url(https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;700&display=swap);#app{font-family:Noto Sans,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}#nav{padding:30px}#nav a{font-weight:700;color:#2c3e50}#nav a.router-link-exact-active{color:#42b983}.config-panel{flex:1 0;width:var(--width);height:var(--height);display:flex;padding:4px}.config-panel__contents{text-align:left;border-radius:2px;overflow:hidden;flex:1 0;display:flex;flex-direction:column;color:var(--text-color);background-color:var(--background-color);background-image:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4))}.config-panel__overview{padding:16px}.config-panel__title{width:calc(100% - 32px);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.config-panel__value{font-size:32px;font-weight:700}.config-panel__unit{font-size:20px;font-weight:700;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.config-panel__chart-wrapper{margin-top:auto}@media screen and (max-height:150px){.config-panel__chart-wrapper{display:none}}html{height:100%}body{max-height:calc(100% - 16px);height:calc(100% - 16px);overflow:hidden}#app{height:100%;display:flex;flex-direction:row;align-items:stretch}.page-config-panel{width:100%;flex:0 0 100%;display:flex;flex-wrap:wrap;flex-direction:row;align-items:flex-start}.chart-container{height:94vh;overflow:hidden;position:relative;padding:0;height:88vh;width:97vw}