@layer bare.reset,bare.tokens,bare.base,bare.layout,bare.component,bare.utility;@layer bare.component{.bs-kpi{display:flex;flex-direction:column;gap:var(--bs-kpi-gap,var(--bs-space-2))}.bs-kpi__label{margin:0;max-inline-size:none;color:var(--bs-kpi-label-fg,var(--bs-text-muted));font-size:var(--bs-text-small);font-weight:var(--bs-weight-medium);line-height:var(--bs-leading-loose);letter-spacing:var(--bs-tracking-wide)}.bs-kpi__figure{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--bs-space-2);margin:0;max-inline-size:none;color:var(--bs-kpi-value-fg,var(--bs-text))}.bs-kpi__value{font-size:var(--bs-kpi-value-size,var(--bs-text-h2));font-weight:var(--bs-weight-heading);line-height:var(--bs-leading-snug);letter-spacing:var(--bs-tracking-tight);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.bs-kpi__unit{color:var(--bs-kpi-unit-fg,var(--bs-text-muted));font-size:var(--bs-text-small);font-weight:var(--bs-weight-medium);letter-spacing:var(--bs-tracking-wide)}.bs-kpi__movement{margin:0;max-inline-size:none}.bs-kpi__plot{margin-block-start:var(--bs-space-1)}.bs-kpi__target{display:flex;align-items:baseline;gap:var(--bs-space-2);margin:0;max-inline-size:none;color:var(--bs-kpi-target-fg,var(--bs-text-secondary));font-size:var(--bs-text-caption);letter-spacing:var(--bs-tracking-caption);font-variant-numeric:tabular-nums}.bs-kpi__target-label{color:var(--bs-kpi-target-label-fg,var(--bs-text-muted))}.bs-kpi__target-value{font-weight:var(--bs-weight-medium)}.bs-kpi__note{margin:0;max-inline-size:none;color:var(--bs-kpi-note-fg,var(--bs-text-muted));font-size:var(--bs-text-caption);letter-spacing:var(--bs-tracking-caption)}.bs-kpi--loading .bs-kpi__figure{opacity:var(--bs-kpi-loading-opacity,0.55)}.bs-kpi--stale .bs-kpi__figure{padding-block-end:var(--bs-space-1);border-block-end:var(--bs-border-1) dashed var(--bs-kpi-stale-edge,var(--bs-border-strong))}.bs-kpi--error .bs-kpi__note{color:var(--bs-kpi-error-fg,var(--bs-text-danger))}.bs-kpi--denied .bs-kpi__value{font-size:var(--bs-kpi-denied-size,var(--bs-text-h5));color:var(--bs-kpi-denied-fg,var(--bs-text-muted))}.bs-kpi--lg{--bs-kpi-value-size:var(--bs-text-h1)}.bs-kpi--sm{--bs-kpi-value-size:var(--bs-text-h4)}@media (min-width:40em){.bs-kpi--split{display:grid;grid-template-areas:'bs-label bs-label' 'bs-figure bs-plot' 'bs-movement bs-plot' 'bs-target bs-note';grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:baseline;column-gap:var(--bs-space-5)}.bs-kpi--split .bs-kpi__label{grid-area:bs-label}.bs-kpi--split .bs-kpi__figure{grid-area:bs-figure}.bs-kpi--split .bs-kpi__movement{grid-area:bs-movement}.bs-kpi--split .bs-kpi__plot{grid-area:bs-plot;align-self:center}.bs-kpi--split .bs-kpi__target{grid-area:bs-target}.bs-kpi--split .bs-kpi__note{grid-area:bs-note}}}