@layer components{:where(.oksStatGroup){grid-template-columns:repeat(var(--oks-stat-group-cols,4), minmax(0, 1fr));gap:var(--oks-space-4,16px);display:grid}@media (max-width:900px){:where(.oksStatGroup){grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:520px){:where(.oksStatGroup){grid-template-columns:minmax(0,1fr)}}:where(.oksStat){--oks-stat-fg:var(--oks-color-neutral-900,#171717);--oks-stat-fg-muted:var(--oks-color-fg-muted,#737373);--oks-stat-icon-bg:var(--oks-color-neutral-100,#f5f5f5);--oks-stat-icon-fg:var(--oks-color-neutral-600,#525252);gap:var(--oks-space-2,8px);color:var(--oks-stat-fg);flex-direction:column;display:flex}:where(.oksStatTopRow){justify-content:space-between;align-items:flex-start;gap:var(--oks-space-3,12px);display:flex}:where(.oksStatLabel){color:var(--oks-stat-fg-muted);font-size:13px}:where(.oksStatIcon){border-radius:var(--oks-radius-md,.375rem);background-color:var(--oks-stat-icon-bg);width:2.25rem;height:2.25rem;color:var(--oks-stat-icon-fg);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}:where(.oksStatIcon)>svg{width:1.125rem;height:1.125rem}:where(.oksStatValueRow){align-items:baseline;gap:var(--oks-space-2,8px);flex-wrap:wrap;display:flex}:where(.oksStatValue){font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:700;line-height:1.1}:where(.oksStat[data-size=sm]) :where(.oksStatValue){font-size:1.25rem}:where(.oksStat[data-size=lg]) :where(.oksStatValue){font-size:1.875rem}:where(.oksStatDelta){border-radius:var(--oks-radius-full,9999px);align-items:center;gap:2px;padding:1px 6px;font-size:12.5px;font-weight:500;display:inline-flex}:where(.oksStatDelta[data-trend=up]){color:var(--oks-color-success-600,#16a34a);background-color:color-mix(in srgb, var(--oks-color-success-500,#22c55e) 12%, transparent)}:where(.oksStatDelta[data-trend=down]){color:var(--oks-color-danger-600,#dc2626);background-color:color-mix(in srgb, var(--oks-color-danger-500,#ef4444) 12%, transparent)}:where(.oksStatDelta[data-trend=flat]){color:var(--oks-color-neutral-600,#525252);background-color:color-mix(in srgb, currentColor 10%, transparent)}:where(.oksStatDeltaIcon){width:.875rem;height:.875rem}:where(.oksStatDelta[data-trend=down]) :where(.oksStatDeltaIcon){transform:rotate(180deg)}:where(.oksStatDelta[data-trend=flat]) :where(.oksStatDeltaIcon){display:none}:where(.oksStatSpark){margin-top:var(--oks-space-1,4px)}:where(.oksStatHelp){color:var(--oks-stat-fg-muted);font-size:12.5px}}