.cel-pills{--cel-pill-track:var(--bg-soft);--cel-pill-ink:var(--ink-2);--cel-pill-active-bg:var(--ink);--cel-pill-active-ink:var(--surface);position:relative;isolation:isolate;display:inline-flex;padding:4px;gap:0;border-radius:999px;background:var(--cel-pill-track);user-select:none;-webkit-user-select:none;box-sizing:border-box;width:fit-content;max-width:100%;overflow-x:auto;scrollbar-width:none}.cel-pills::-webkit-scrollbar{display:none}.cel-pills[aria-invalid=true]{box-shadow:inset 0 0 0 1px var(--danger)}.cel-pills--fill{display:grid;width:100%}.cel-pills-ind{position:absolute;top:4px;bottom:4px;left:0;z-index:-1;border-radius:999px;background:var(--cel-pill-active-bg);box-shadow:0 1px 2px oklch(25% .06 270/.18)}.cel-pills[data-animate] .cel-pills-ind{transition:transform var(--motion-base) var(--ease-out),width var(--motion-base) var(--ease-out)}.cel-pill{position:relative;flex:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:32px;padding:6px 16px;border:0;border-radius:999px;background:transparent;color:var(--cel-pill-ink);font:500 13px/1.2 var(--font-sans);letter-spacing:-.01em;white-space:nowrap;text-decoration:none;cursor:pointer;transition:color var(--motion-base) var(--ease-out),transform var(--motion-fast) var(--ease-out)}.cel-pill:hover{color:var(--ink)}.cel-pill[aria-disabled=true]{opacity:.45;cursor:not-allowed}.cel-pill[aria-disabled=true]:hover{color:var(--cel-pill-ink)}.cel-pill:not([aria-disabled=true]):active{transform:scale(.96)}.cel-pill:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.cel-pill[data-active],.cel-pill[data-active]:hover{color:var(--cel-pill-active-ink)}.cel-pills:not([data-ready]) .cel-pill[data-active]{background:var(--cel-pill-active-bg)}.cel-pill-n{min-width:18px;padding:1px 6px;border-radius:999px;box-sizing:border-box;background:color-mix(in oklch,var(--ink) 9%,transparent);color:var(--ink);font:600 11px/16px var(--font-mono,var(--font-sans));font-variant-numeric:tabular-nums;text-align:center;transition:background var(--motion-base) var(--ease-out),color var(--motion-base) var(--ease-out)}.cel-pill[data-active] .cel-pill-n{background:color-mix(in oklch,var(--cel-pill-active-ink) 20%,transparent);color:var(--cel-pill-active-ink)}.cel-pill-n--warn{background:color-mix(in oklch,var(--warn) 18%,transparent);color:color-mix(in oklch,var(--warn) 62%,var(--ink))}.cel-pill-n--danger{background:color-mix(in oklch,var(--danger) 16%,transparent);color:color-mix(in oklch,var(--danger) 70%,var(--ink))}.cel-pill[data-active] .cel-pill-n--warn{background:color-mix(in oklch,var(--warn) 55%,transparent);color:var(--cel-pill-active-ink)}.cel-pill[data-active] .cel-pill-n--danger{background:color-mix(in oklch,var(--danger) 55%,transparent);color:var(--cel-pill-active-ink)}.cel-pills--sm{padding:3px}.cel-pills--sm .cel-pills-ind{top:3px;bottom:3px}.cel-pills--sm .cel-pill{min-height:26px;padding:3px 12px;font-size:12px}.cel-pills--fill .cel-pill{padding:0 8px;min-width:0;overflow:hidden;text-overflow:ellipsis}@media (max-width:640px){.cel-pill,.cel-pills--sm .cel-pill{min-height:44px}}@media (prefers-reduced-motion:reduce){.cel-pill,.cel-pill-n,.cel-pills[data-animate] .cel-pills-ind{transition:none}.cel-pill:not([aria-disabled=true]):active{transform:none}}