#root{background-color:var(--color-background1);color:var(--color-text);display:grid;padding:8px;gap:8px;min-height:100dvh}#root>div{border-radius:16px;background-color:var(--color-background0);padding:16px;width:100%;min-height:max-content;overflow:hidden}#root .chart{min-height:25svh}@media (min-width: 640px){@media (min-height: 640px){#root .chart{min-height:unset}@media (orientation: landscape){#root{grid-template-columns:repeat(3,1fr);height:100vh}#root>div{height:100%}}@media (orientation: portrait){#root{grid-template-columns:repeat(2,1fr)}}}}.chart-card{display:grid;grid-template-rows:repeat(2,max-content) 1fr}.legend-wrapper{display:flex;flex-wrap:wrap;gap:12;width:100%;overflow:hidden}.legend-wrapper>div{flex:1}.legend-wrapper small{display:inline-block;max-width:128px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chart{color:var(--color-text-subdued);display:grid;font-size:16px;gap:6px;grid-template-columns:max-content 1fr;height:100%;line-height:1;overflow:hidden}.chart>.y-axis{display:flex;flex-direction:column;height:100%;gap:8px;justify-content:space-between}.chart>.y-axis>div{text-align:right}.chart .canvas-wrapper{position:relative}.chart .canvas-wrapper>canvas{height:calc(100% - 16px);position:absolute;top:8px;width:100%}.switch-wrapper{display:grid;grid-template-columns:repeat(2,max-content);align-items:center;gap:8px}.switch{position:relative;width:64px;height:32px}.switch input{visibility:hidden}.slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background-color:var(--color-background2);transition:.2s background-color;border-radius:32px}.slider:before{position:absolute;content:"";aspect-ratio:1;left:4px;top:4px;bottom:4px;background-color:var(--color-background0);transition:.2s transform;border-radius:50%}input:checked+.slider{background-color:var(--color-primary)}input:checked+.slider:before{transform:translate(32px)}.switches{display:flex;flex-direction:column;flex-wrap:wrap;gap:8px;padding:4px 0}:root{--color-neutral0: #002b36;--color-neutral1: #073642;--color-neutral2: #586e75;--color-neutral3: #657b83;--color-neutral4: #839496;--color-neutral5: #93a1a1;--color-neutral6: #eee8d5;--color-neutral7: #fdf6e3;--color-primary: #2aa198;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-theme=light]{--color-background0: var(--color-neutral7);--color-background1: var(--color-neutral6);--color-background2: var(--color-neutral5);--color-text: var(--color-neutral1);--color-text-subdued: var(--color-neutral5)}[data-theme=dark]{--color-background0: var(--color-neutral0);--color-background1: var(--color-neutral1);--color-background2: var(--color-neutral2);--color-text: var(--color-neutral6);--color-text-subdued: var(--color-neutral2)}body{margin:0}*{box-sizing:border-box}*{margin-top:0}