.tc-label{color:var(--heading);font-size:13.5px;font-weight:700}.tc{flex-wrap:wrap;gap:8px;display:flex}.tc[data-fill]{grid-template-columns:repeat(var(--tc-cols), minmax(0, 1fr));display:grid}.tc-chip{border:1px solid var(--border);border-radius:var(--r-pill,999px);background:var(--surface);min-height:44px;font:inherit;color:var(--text);cursor:pointer;justify-content:center;align-items:center;gap:5px;padding:0 16px;font-size:14px;font-weight:600;transition:background .16s,border-color .16s,color .16s;display:inline-flex}.tc[data-fill] .tc-chip{padding:0}.tc-chip:hover{border-color:color-mix(in srgb, var(--tl,var(--accent)) 40%, var(--border))}.tc-chip[aria-checked=true]{border-color:var(--tl,var(--accent));background:color-mix(in srgb, var(--tl,var(--accent)) 12%, var(--surface));color:var(--tl,var(--accent))}.tc-chip:focus-visible{outline:2px solid var(--tl,var(--accent));outline-offset:2px}.tc[data-variant=card]{scroll-snap-type:x proximity;scrollbar-width:none;flex-wrap:nowrap;margin-inline:-16px;padding:2px 16px 6px;overflow-x:auto}.tc[data-variant=card] .tc-chip{text-align:center;scroll-snap-align:start;border-radius:16px;flex-direction:column;flex:none;gap:6px;width:104px;min-height:112px;padding:10px 8px;font-size:12.5px;line-height:1.25}@media (min-width:640px){.tc[data-variant=card]{flex-wrap:wrap;margin:0;padding:0;overflow:visible}}@media (prefers-reduced-motion:reduce){.tc-chip{transition:none}}
