.chart-chips{pointer-events:auto;flex-wrap:wrap;gap:6px;display:flex}.chart-chip{--c:var(--c-l);appearance:none;border-radius:var(--r-pill);background:var(--tile);height:28px;color:var(--fg);font:600 13px/1 var(--font);font-variant-numeric:tabular-nums;cursor:pointer;transition:box-shadow .2s var(--ease), background-color .2s var(--ease), opacity .2s var(--ease);border:0;align-items:center;gap:6px;margin:0;padding:0 10px 0 4px;display:inline-flex}@media (prefers-color-scheme:dark){.chart-chip:where(:root:not([data-theme=light]),:root:not([data-theme=light]) *){--c:var(--c-d)}}.chart-chip:where(:root[data-theme=dark],:root[data-theme=dark] *){--c:var(--c-d)}.chart-chip .gicon{border-radius:6px;width:20px;height:20px}.chart-chip>:first-child{box-shadow:0 0 0 1px var(--chip-bg,var(--tile)), 0 0 0 2.5px var(--c)}.chart-chip-dot{background:color-mix(in srgb, var(--c) 40%, transparent);border-radius:6px;width:20px;height:20px}.chart-chip.is-lit{--chip-bg:color-mix(in srgb, var(--c) 14%, var(--tile));background:color-mix(in srgb, var(--c) 14%, var(--tile));box-shadow:inset 0 0 0 1.5px var(--c)}.chart-chips:has(.is-lit) .chart-chip:not(.is-lit){opacity:.55}@media (prefers-reduced-motion:reduce){.chart-chip{transition:none}}