.metrics-grid.svelte-1pplljd{flex:16rem;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:.75rem;display:grid}.metric.svelte-1pplljd{border:1px solid var(--cds-ui-03);border-top:4px solid #0000;padding:.75rem;transition:background-color .2s,border-color .2s}.metric.svelte-1pplljd:hover{background-color:var(--cds-hover-ui)}.accent-neutral.svelte-1pplljd{border-top-color:var(--cds-ui-03)}.accent-positive.svelte-1pplljd{border-top-color:color-mix(in srgb, var(--cds-support-02) 60%, transparent)}.accent-negative.svelte-1pplljd{border-top-color:color-mix(in srgb, var(--cds-support-01) 60%, transparent)}.accent-warning.svelte-1pplljd{border-top-color:color-mix(in srgb, var(--cds-support-03,#f1c21b) 60%, transparent)}.metric-label.svelte-1pplljd{color:var(--cds-text-02);font-size:.8rem}.metric-primary.svelte-1pplljd{color:var(--cds-text-01);align-items:center;gap:.35rem;margin-top:.35rem;font-size:1.15rem;font-weight:600;display:inline-flex}.metric-up.svelte-1pplljd{color:var(--cds-support-02)}.metric-down.svelte-1pplljd{color:var(--cds-support-01)}.metric-neutral.svelte-1pplljd{color:var(--cds-text-01)}.metric-warning.svelte-1pplljd{color:var(--cds-support-03,#f1c21b)}.metric-inline.svelte-1pplljd{margin-left:.2rem;font-size:.9rem;font-weight:500}.metric-icon.svelte-1pplljd{align-items:center;display:inline-flex}.metric-icon-end.svelte-1pplljd{margin-left:.15rem}.accent-positive.svelte-1pplljd .metric-icon:where(.svelte-1pplljd){color:var(--cds-support-02)}.accent-negative.svelte-1pplljd .metric-icon:where(.svelte-1pplljd){color:var(--cds-support-01)}.accent-warning.svelte-1pplljd .metric-icon:where(.svelte-1pplljd){color:var(--cds-support-03,#f1c21b)}.accent-neutral.svelte-1pplljd .metric-icon:where(.svelte-1pplljd){color:var(--cds-text-02)}.metric-inline-label.svelte-1pplljd{text-transform:uppercase;letter-spacing:.04em;color:inherit;margin-left:.15rem;font-size:.75rem}@media (width<=640px){.metrics-grid.svelte-1pplljd{grid-template-columns:1fr}}