.dot-meter{align-items:center;gap:.5rem;line-height:1;display:inline-flex}.dot-meter-track{grid-auto-flow:column;grid-auto-columns:var(--cell-sm);grid-template-rows:var(--cell-sm);gap:var(--cell-sm-gap);display:grid}.dm-cell{width:var(--cell-sm);height:var(--cell-sm);border-radius:var(--cell-radius);background:var(--ink-faint);opacity:.32;transition:background-color .2s,opacity .2s}.dm-cell--on{background:var(--accent);opacity:1}.dm-value{font-size:var(--text-xs);color:var(--ink-soft);font-variant-numeric:tabular-nums;font-weight:500}.dot-meter--vertical{flex-direction:column;gap:.3rem}.dot-meter--vertical .dm-value{font-size:.6875rem}.dot-meter--own .dm-cell--on{background:var(--gold)}