.ds-metric{background:var(--dk-surface-1);border:1px solid var(--hair);border-radius:var(--r-card);color:var(--dk-content-1);align-items:center;gap:28px;padding:24px 28px;display:flex;position:relative;overflow:hidden}.ds-metric:before{content:"";width:3px;position:absolute;inset-block:0;inset-inline-start:0}.ds-metric--accent-none:before{display:none}.ds-metric--accent-primary:before{background:var(--dk-primary)}.ds-metric--accent-success:before{background:var(--pos)}.ds-metric__main{flex:auto;min-width:0}.ds-metric:has(.ds-metric__aside) .ds-metric__main{flex:0 auto}.ds-metric__eyebrow{color:var(--dk-content-3);align-items:center;gap:8px;margin-bottom:12px;font-size:12px;font-weight:600;display:flex}.ds-metric__ic{color:var(--dk-content-3);display:inline-flex}.ds-metric__ic svg{stroke-width:1.6px;width:15px;height:15px}.ds-metric__val{flex-wrap:wrap;align-items:baseline;gap:12px;display:flex}.ds-metric__num{font-variant-numeric:tabular-nums;letter-spacing:-.045em;color:var(--dk-content-1);font-size:clamp(40px,5vw,56px);font-weight:740;line-height:.95}.ds-metric__unit{letter-spacing:-.01em;color:var(--dk-content-3);font-size:16px;font-weight:560}.ds-metric__delta{border-radius:var(--r999);font-variant-numeric:tabular-nums;align-items:center;padding:3px 9px;font-size:12px;font-weight:640;display:inline-flex}.ds-metric__delta--pos{color:var(--pos);background:var(--dk-badge-green-bg)}.ds-metric__delta--warn{color:var(--warn);background:var(--dk-badge-amber-bg)}.ds-metric__delta--over{color:var(--over);background:var(--dk-badge-red-bg)}.ds-metric__band{margin-top:16px}.ds-metric__rule{background:var(--hair-soft);flex:none;align-self:stretch;width:1px}.ds-metric__aside{flex-direction:column;flex:none;gap:18px;display:flex}@media (max-width:720px){.ds-metric{flex-direction:column;align-items:stretch;gap:24px}.ds-metric__rule{display:none}}