#root{background-color:var(--color-background1);color:var(--color-text);gap:8px;min-height:100dvh;padding:8px;display:grid}#root>div{background-color:var(--color-background0);border-radius:16px;width:100%;min-height:max-content;padding:16px;overflow:hidden}#root .chart{min-height:25svh}@media (width>=640px){@media (height>=640px){#root .chart{min-height:unset}@media (orientation:landscape){#root{grid-template-columns:repeat(3,1fr);grid-auto-rows:calc(50dvh - 12px)}#root>div{height:100%}}@media (orientation:portrait){#root{grid-template-columns:repeat(2,1fr)}}}}.chart-card{grid-template-rows:repeat(2,max-content) 1fr;display:grid}.legend-wrapper{flex-wrap:wrap;gap:12px;width:100%;display:flex;overflow:hidden}.legend-wrapper>div{flex:1}.legend-wrapper small{text-overflow:ellipsis;white-space:nowrap;max-width:128px;display:inline-block;overflow:hidden}.chart{color:var(--color-text-subdued);grid-template-columns:max-content 1fr;gap:6px;height:100%;font-size:16px;line-height:1;display:grid;overflow:hidden}.chart>.y-axis{flex-direction:column;justify-content:space-between;gap:8px;height:100%;display:flex}.chart>.y-axis>div{text-align:right}.chart .canvas-wrapper{position:relative}.chart .canvas-wrapper>canvas{width:100%;height:calc(100% - 16px);position:absolute;top:8px}.switch-wrapper{grid-template-columns:repeat(2,max-content);align-items:center;gap:8px;display:grid}.switch{width:64px;height:32px;position:relative}.switch input{visibility:hidden}.slider{cursor:pointer;background-color:var(--color-background2);border-radius:32px;transition:background-color .2s;position:absolute;inset:0}.slider:before{content:"";aspect-ratio:1;background-color:var(--color-background0);border-radius:50%;transition:transform .2s;position:absolute;top:4px;bottom:4px;left:4px}input:checked+.slider{background-color:var(--color-primary)}input:checked+.slider:before{transform:translate(32px)}.switches{flex-flow:column wrap;gap:8px;padding:4px 0;display:flex}: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-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}[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}