:root,.viz{--viz-surface:var(--surface);--viz-ink:var(--fg);--viz-ink-2:var(--fg-2);--viz-muted:var(--fg-3);--viz-grid:var(--line);--viz-axis:var(--line-2);--viz-1:#2a78d6;--viz-2:#eb6834;--viz-3:#1baf7a;--viz-4:#eda100;--viz-5:#e87ba4;--viz-6:#008300;--viz-7:#4a3aa7;--viz-8:#e34948;--viz-good:#0ca30c;--viz-warning:#fab219;--viz-serious:#ec835a;--viz-critical:#d03b3b}[data-theme=dark],[data-theme=dark] .viz{--viz-1:#3987e5;--viz-2:#d95926;--viz-3:#199e70;--viz-4:#c98500;--viz-5:#d55181;--viz-6:#008300;--viz-7:#9085e9;--viz-8:#e66767}.kpi-row{--kpi-cols:4;gap:var(--sp-4);grid-template-columns:repeat(var(--kpi-cols), minmax(0, 1fr));display:grid}@media (min-width:48rem){.kpi-row:has(>:last-child:first-child){--kpi-cols:1}.kpi-row:has(>:last-child:nth-child(2)){--kpi-cols:2}:is(.kpi-row:has(>:last-child:nth-child(3)),.kpi-row:has(>:last-child:nth-child(5)),.kpi-row:has(>:last-child:nth-child(6)),.kpi-row:has(>:last-child:nth-child(9))){--kpi-cols:3}:is(.kpi-row:has(>:last-child:nth-child(5))>:first-child,.kpi-row:has(>:last-child:nth-child(7))>:first-child){grid-column:span 2}}@media (min-width:64rem){.kpi-row--even:has(>:last-child:nth-child(5)){--kpi-cols:5}.kpi-row--even:has(>:last-child:nth-child(5))>:first-child{grid-column:auto}}@media (max-width:47.99rem){.kpi-row{--kpi-cols:2;gap:var(--sp-3)}.kpi-row:has(>:last-child:first-child){--kpi-cols:1}:is(.kpi-row>:first-child,.kpi-row:has(>:last-child:nth-child(5))>:first-child,.kpi-row:has(>:last-child:nth-child(7))>:first-child){grid-column:auto}.kpi-row:has(>:last-child:nth-child(odd))>:first-child{grid-column:1/-1}}.kpi{padding:var(--sp-5);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-3);flex-direction:column;gap:.35rem;min-inline-size:0;display:flex;container-type:inline-size}@media (max-width:47.99rem){.kpi{padding:var(--sp-4)}}.kpi__label{font-size:var(--step--1);color:var(--fg-2);font-weight:600}.kpi__value{font-size:min(var(--step-4), 17cqi);color:var(--fg);letter-spacing:-.02em;font-weight:700;line-height:1.05}.kpi__value--hero{font-size:min(var(--step-6), 22cqi)}.kpi__spark{block-size:auto;inline-size:100%;min-inline-size:0;max-inline-size:7rem;display:block}.kpi__foot{font-size:var(--step--1);color:var(--fg-3);overflow-wrap:break-word;flex-wrap:wrap;align-items:center;gap:.4rem;min-inline-size:0;display:flex}.kpi__delta{font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:center;gap:.2rem;min-inline-size:0;font-weight:650;display:inline-flex}.kpi__delta[data-tone=up]{color:var(--ok)}.kpi__delta[data-tone=down]{color:var(--bad)}.kpi__delta[data-tone=flat]{color:var(--fg-3)}.viz{container-type:inline-size}.viz figure{margin:0}.viz figcaption{font-size:var(--step--1);color:var(--fg-2);margin-block-end:var(--sp-3)}.viz__scroll>svg,.viz>svg:not(.kpi__spark),.viz figure>svg:not(.kpi__spark){block-size:auto;inline-size:100%;display:block;overflow:visible}.viz__grid line{stroke:var(--viz-grid);stroke-width:1px}.viz__axis{stroke:var(--viz-axis);stroke-width:1px}.viz__tick{fill:var(--viz-muted);font-variant-numeric:tabular-nums;font-size:12px}.viz__label{fill:var(--viz-ink-2);font-size:13px}.viz__bar,.viz__col{rx:3}.viz__line{fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.viz__dot{r:4;stroke:var(--viz-surface);stroke-width:2px}.viz-legend{font-size:var(--step--1);color:var(--fg-2);flex-wrap:wrap;gap:.35rem 1rem;margin-block-start:var(--sp-3);display:flex}.viz-legend__item{align-items:center;gap:.4rem;display:inline-flex}.viz-legend__swatch{border-radius:3px;flex:none;block-size:.7rem;inline-size:.7rem}.viz-table-toggle{font-size:var(--step--1);margin-block-start:var(--sp-3)}.vbar{font-size:var(--step--1);grid-template-columns:fit-content(40%) minmax(3rem,1fr) max-content;align-items:center;gap:.45rem .75rem;display:grid}.vbar__row{display:contents}.vbar__label{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;color:var(--viz-ink-2);overflow:hidden}.vbar__track{block-size:1.5rem;display:block}.vbar__bar{border-radius:0 3px 3px 0;block-size:100%;display:block}.vbar__value{white-space:nowrap;color:var(--viz-ink);font-variant-numeric:tabular-nums;justify-self:end;font-weight:650}@container (max-width:26rem){.vbar{grid-template-columns:minmax(0,1fr) max-content;row-gap:.2rem}.vbar__label{grid-column:1/-1;margin-block-start:.35rem}}@container (max-width:70rem){.viz__tick{font-size:14px}.viz__label{font-size:15px}}@container (max-width:50rem){.viz__tick{font-size:18px}.viz__label{font-size:19px}.viz__line{stroke-width:2.5px}}@container (max-width:40rem){.viz__scroll{overscroll-behavior-x:contain;position:relative;overflow-x:auto}.viz__scroll>svg{min-inline-size:40rem}.viz__line{stroke-width:3px}.viz__dot{r:6}}@property --viz-fade-start{syntax:"<length>";inherits:false;initial-value:0}@property --viz-fade-end{syntax:"<length>";inherits:false;initial-value:0}@keyframes viz-fade{0%{--viz-fade-start:0px;--viz-fade-end:40px}to{--viz-fade-start:40px;--viz-fade-end:0px}}@supports (animation-timeline:scroll()){@container (max-width:40rem){.viz__scroll{-webkit-mask-image:linear-gradient(to right, transparent 0, #000 var(--viz-fade-start), #000 calc(100% - var(--viz-fade-end)), transparent 100%);mask-image:linear-gradient(to right, transparent 0, #000 var(--viz-fade-start), #000 calc(100% - var(--viz-fade-end)), transparent 100%);animation:linear both viz-fade;animation-timeline:scroll(self inline)}}}@media (prefers-reduced-motion:reduce){.viz *{transition:none!important;animation:none!important}}@media (forced-colors:active){.viz-legend__swatch,.vbar__bar{forced-color-adjust:none;border:1px solid canvastext}}