@layer ui{.ui-metric{border-radius:var(--ui-radius-xl);background:var(--ui-bg-primary);min-width:0;box-shadow:inset 0 0 0 1px var(--ui-border-secondary), var(--ui-shadow-xs);padding:20px;display:flex}.ui-metric--inline{align-items:flex-start;gap:16px}.ui-metric--stacked{flex-direction:column;gap:20px}.ui-metric__content{flex-direction:column;flex:auto;gap:8px;min-width:0;display:flex}.ui-metric__label{text-overflow:ellipsis;white-space:nowrap;font-size:var(--ui-font-size-sm);line-height:var(--ui-line-height-sm);font-weight:var(--ui-weight-semibold);color:var(--ui-text-tertiary);overflow:hidden}.ui-metric__row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:8px 16px;display:flex}.ui-metric__value{font-size:var(--ui-font-size-display-sm);line-height:var(--ui-line-height-display-sm);font-weight:var(--ui-weight-semibold);color:var(--ui-text-primary);font-variant-numeric:tabular-nums}@media (width<=639px){.ui-metric{padding:16px}.ui-metric--inline{flex-direction:column;gap:12px}.ui-metric__value{font-size:var(--ui-font-size-display-xs);line-height:var(--ui-line-height-display-xs)}}}