.stats-bar,.stats-chart:not([hidden]){display:block}.stats-page{margin-block-end:var(--space-xl)}.stats-page>h1{margin-block-end:var(--space-s-m)}.stats-meta{font-size:var(--step--1);margin-block-end:var(--space-l-xl)}.stats-unavailable{padding:var(--space-s-m);border:1px solid var(--ns-body-color)}.stats-section{margin-block-end:var(--space-xl-2xl)}.stats-section>p,.stats-table-wrap{margin-block-end:var(--space-s-m)}.stats-table-wrap{overflow-x:auto}.stats-bar-cell{min-width:8rem}.stats-bar{position:relative;padding:var(--space-3xs) var(--space-2xs);z-index:0}.stats-bar::before{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:calc(var(--bar-ratio,0) * 100%);background-color:color-mix(in srgb,var(--ns-body-color) 18%,transparent);z-index:-1;border-radius:var(--ns-radius-sm)}.stats-chart{min-height:calc(var(--space-3xl) * 2);margin-block-start:var(--space-m-l)}.stats-vitals{display:grid;gap:var(--space-s-m);grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr))}.stats-vital{padding:var(--space-s-m);border:1px solid var(--ns-body-color)}.stats-vital h3{font-size:var(--step-0);margin-block-end:var(--space-3xs)}.stats-vital-value{font-size:var(--step-2);font-weight:var(--ns-heading-font-weight);margin-block-end:var(--space-3xs)}.stats-vital-rating{font-size:var(--step--1);margin:0}.stats-vital-good{border-inline-start:4px solid color-mix(in srgb,var(--ns-body-color) 70%,#2e7d32)}.stats-vital-needs-improvement{border-inline-start:4px solid color-mix(in srgb,var(--ns-body-color) 50%,#ed6c02)}.stats-vital-poor{border-inline-start:4px solid var(--ns-error-fg)}.stats-vital-unknown{border-inline-start:4px solid var(--ns-body-color)}@media (prefers-reduced-motion:reduce){.stats-bar::before{transition:none}}