.metric.svelte-6nf51w{--tone:var(--brand);border:1px solid var(--line-2);min-height:104px;box-shadow:var(--shadow);background:#fff;border-radius:16px;justify-content:space-between;align-items:center;gap:14px;padding:18px 20px;display:flex;position:relative;overflow:hidden}.metric.amber.svelte-6nf51w{--tone:var(--gold)}.metric.navy.svelte-6nf51w{--tone:var(--navy-3)}.metric.svelte-6nf51w:before{content:"";pointer-events:none;background:radial-gradient(120px 90px at 100% 0%, color-mix(in oklab, var(--tone) 13%, transparent), transparent 70%);position:absolute;inset:0}.metric.svelte-6nf51w>:where(.svelte-6nf51w){position:relative}.metric.link.svelte-6nf51w{transition:border-color .2s, box-shadow .25s var(--ease), transform .25s var(--ease)}.metric.link.svelte-6nf51w:hover{border-color:color-mix(in oklab, var(--tone) 55%, transparent);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.txt.svelte-6nf51w{gap:3px;min-width:0;display:grid}.label.svelte-6nf51w{color:var(--muted);font-size:12.5px;font-weight:500}.value.svelte-6nf51w{font:600 28px/1.1 var(--font-display);letter-spacing:-.02em;font-variant-numeric:tabular-nums;white-space:nowrap}.value.svelte-6nf51w small:where(.svelte-6nf51w){font:500 13px var(--font-sans);letter-spacing:0;color:var(--muted);margin-left:5px}.hint.svelte-6nf51w{color:var(--faint);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.viz.svelte-6nf51w{flex:none}.arc.svelte-6nf51w{stroke-dashoffset:var(--o);animation:svelte-6nf51w-m-sweep 1.1s var(--ease) both}.bars.svelte-6nf51w{align-items:flex-end;gap:4px;height:44px;display:flex}.bars.svelte-6nf51w i:where(.svelte-6nf51w){background:linear-gradient(180deg, var(--tone), color-mix(in oklab, var(--tone) 70%, #000));transform-origin:bottom;width:7px;animation:svelte-6nf51w-m-up .7s var(--ease) both;border-radius:4px}.bars.svelte-6nf51w i.zero:where(.svelte-6nf51w){background:var(--paper-2)}.dots.svelte-6nf51w{grid-template-columns:repeat(7,10px);gap:5px;display:grid}.dots.svelte-6nf51w i:where(.svelte-6nf51w){border:1.5px solid var(--line);border-radius:99px;width:10px;height:10px;animation:.5s both fade}.dots.svelte-6nf51w i.on:where(.svelte-6nf51w){background:var(--tone);border-color:var(--tone)}.chip.svelte-6nf51w{width:48px;height:48px;color:color-mix(in oklab, var(--tone) 80%, #000);background:color-mix(in oklab, var(--tone) 16%, #fff);border-radius:14px;place-items:center;display:grid}@media (hover:none){.metric.link.svelte-6nf51w:hover{box-shadow:var(--shadow);border-color:var(--line-2);transform:none}.metric.link.svelte-6nf51w:active{transform:scale(.985)}}@keyframes svelte-6nf51w-m-sweep{0%{stroke-dashoffset:var(--c)}}@keyframes svelte-6nf51w-m-up{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@media (width<=560px){.metric.svelte-6nf51w{border-radius:18px;min-height:0;padding:13px 14px 12px;display:block}.txt.svelte-6nf51w{gap:2px}.label.svelte-6nf51w{white-space:nowrap;text-overflow:ellipsis;padding-right:44px;font-size:12px;overflow:hidden}.value.svelte-6nf51w{margin-top:8px;font-size:23px}.value.svelte-6nf51w small:where(.svelte-6nf51w){margin-left:4px;font-size:12px}.hint.svelte-6nf51w{font-size:11.5px}.viz.svelte-6nf51w{position:absolute;top:11px;right:12px}svg.viz.svelte-6nf51w{width:34px;height:34px}.bars.svelte-6nf51w{gap:3px;height:30px}.bars.svelte-6nf51w i:where(.svelte-6nf51w){width:5px}.dots.svelte-6nf51w{grid-template-columns:repeat(7,6px);gap:3px;top:17px}.dots.svelte-6nf51w i:where(.svelte-6nf51w){border-width:1px;width:6px;height:6px}.chip.svelte-6nf51w{border-radius:11px;width:34px;height:34px}.chip.svelte-6nf51w svg{width:17px;height:17px}.metric.svelte-6nf51w:has(.dots:where(.svelte-6nf51w)) .label:where(.svelte-6nf51w){padding-right:66px}}@media (width<=370px){.metric.svelte-6nf51w{padding:12px}.label.svelte-6nf51w{padding-right:34px;font-size:11.5px}.value.svelte-6nf51w{font-size:21px}.viz.svelte-6nf51w{top:10px;right:10px}svg.viz.svelte-6nf51w{width:26px;height:26px}.chip.svelte-6nf51w{border-radius:9px;width:28px;height:28px}.chip.svelte-6nf51w svg{width:15px;height:15px}.bars.svelte-6nf51w{height:24px}.bars.svelte-6nf51w i:where(.svelte-6nf51w){width:4px}.metric.svelte-6nf51w:has(.dots:where(.svelte-6nf51w)) .label:where(.svelte-6nf51w){padding-right:58px}}
