@layer theme,base;@layer components{.ui-count{border-radius:var(--radius-pill);background:var(--bg-sunken);min-width:22px;height:20px;color:var(--text-subtle);font:650 var(--type-2xs) / 1 var(--font-ui);font-variant-numeric:tabular-nums;place-items:center;padding:0 6px;display:inline-grid}.ui-count[data-tone=attention]{background:var(--accent);color:var(--text-on-accent)}.ui-dot{background:currentColor;border-radius:50%;flex:none;width:8px;height:8px}.ui-dot[data-cat="1"]{color:var(--cat-1)}.ui-dot[data-cat="2"]{color:var(--cat-2)}.ui-dot[data-cat="3"]{color:var(--cat-3)}.ui-dot[data-cat="4"]{color:var(--cat-4)}.ui-dot[data-cat="5"]{color:var(--cat-5)}.ui-dot[data-cat="6"]{color:var(--cat-6)}.ui-dot[data-cat="7"]{color:var(--cat-7)}.ui-dot[data-cat="8"]{color:var(--cat-8)}.ui-chip{min-height:var(--control-h-sm);border-radius:var(--radius-pill);background:var(--bg-surface);color:var(--text);font:550 var(--type-sm) / 1 var(--font-ui);white-space:nowrap;cursor:pointer;transition:background-color var(--dur-1) var(--ease-standard);border:0;flex:none;align-items:center;gap:8px;padding:0 14px;display:inline-flex}.ui-chip:hover{background:var(--bg-sunken-hover)}.ui-surface .ui-chip:not([aria-pressed=true]){background:var(--bg-sunken)}.ui-chip[aria-pressed=true]{background:var(--text-strong);color:var(--text-on-brand)}.ui-chip[aria-pressed=true] .ui-count:not([data-tone=attention]){color:var(--text-on-brand);background:#ffffff29}.ui-chip:focus-visible{outline:2px solid var(--ring-focus);outline-offset:2px}@media (pointer:coarse){.ui-chip{min-height:44px}}.ui-tag,.ui-status{border-radius:var(--radius-pill);height:24px;font:600 var(--type-2xs) / 1 var(--font-ui);white-space:nowrap;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.ui-tag{background:var(--bg-sunken);color:var(--text)}.ui-status{font-size:var(--type-xs);padding-left:8px}.ui-status:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px}.ui-status[data-tone=success]{background:var(--success-soft);color:var(--success-text)}.ui-status[data-tone=warning]{background:var(--warning-soft);color:var(--warning-text)}.ui-status[data-tone=danger]{background:var(--danger-soft);color:var(--danger-text)}.ui-status[data-tone=info]{background:var(--info-soft);color:var(--info-text)}.ui-status[data-tone=neutral]{background:var(--bg-sunken);color:var(--text-subtle)}}@layer utilities;