.chip-text{display:inline-block}@supports (text-box:trim-both cap alphabetic){.chip-text{text-box:trim-both cap alphabetic;padding-block:calc(.5lh - .5cap)}}.chip{z-index:1;color:var(--muted);transition:color .25s var(--ease-brand), background-color .25s var(--ease-brand), border-color .25s var(--ease-brand), box-shadow .25s var(--ease-brand), transform .25s var(--ease-brand);flex-shrink:0;align-items:center;gap:8px;display:inline-flex;position:relative}.chip[aria-current]{color:var(--fg)}@media (hover:hover) and (pointer:fine){.chip:hover{color:var(--fg)}}.chip:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.chip-toggle{color:var(--primary)}.chip-body{flex-direction:column;align-items:flex-start;display:inline-flex}.chip-label{flex-direction:column;display:inline-flex}.chip[aria-current] .chip-label{font-weight:700}.chip-label:after{content:attr(data-label);visibility:hidden;pointer-events:none;-webkit-user-select:none;user-select:none;height:0;font-weight:700;display:block;overflow:hidden}.chip-mark,.chip-count{display:none}[data-chip-counts] .chip-count{background:color-mix(in srgb, var(--fg) 8%, transparent);font-variant-numeric:tabular-nums;min-width:24px;color:var(--muted);transition:background-color .25s var(--ease-brand), color .25s var(--ease-brand);border-radius:6px;justify-content:center;align-items:center;padding:2px 7px;font-size:12px;font-weight:600;line-height:16px;display:inline-flex}[data-chip-counts] .chip[aria-current] .chip-count{background:color-mix(in srgb, var(--primary-fg) 22%, transparent);color:var(--primary-fg)}[data-chip-counts][data-chip-style=track] .chip{padding-right:10px}.chip-sub{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.chip-mark,[data-chip-style=counter] .chip,[data-chip-style=counter] .chip-count{corner-shape:round}.chip-indicator{z-index:0;opacity:0;pointer-events:none;position:absolute;top:0;left:0}.chip-indicator[data-ready]{transition:opacity .2s}[data-chip][data-loading]{animation:1.1s ease-in-out infinite chip-pending}@keyframes chip-pending{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--primary) 0%, transparent)}50%{box-shadow:0 0 0 5px color-mix(in srgb, var(--primary) 28%, transparent)}}[data-chip-style=track]{border:1px solid var(--border);background:color-mix(in srgb, var(--fg) 5%, var(--surface));border-radius:21px;gap:6px;padding:5px}[data-chip-style=track] .chip{border-radius:21px;padding:8px 16px}@media (hover:hover) and (pointer:fine){[data-chip-style=track] .chip:hover:not([aria-current]){background:color-mix(in srgb, var(--fg) 7%, transparent)}}[data-chip-style=track] .chip[aria-current]{color:var(--primary-fg)}[data-chip-style=track] .chip-indicator{background:var(--primary);box-shadow:0 6px 16px -6px color-mix(in srgb, var(--primary) 70%, transparent), inset 0 1px 0 #ffffff38;border-radius:21px}[data-chip-style=dot] .chip{border:1px solid var(--border);border-radius:var(--radius-field,10px);background:var(--surface);padding:8px 14px}[data-chip-style=dot] .chip[aria-current]{background:color-mix(in srgb, var(--chip-tint,var(--primary)) 12%, var(--surface));box-shadow:0 0 0 1.5px var(--chip-tint,var(--primary))}[data-chip-style=dot] .chip-mark{background:var(--chip-tint,var(--muted));width:8px;height:8px;transition:box-shadow .25s var(--ease-brand);border-radius:50%;display:inline-block}[data-chip-style=dot] .chip[aria-current] .chip-mark{box-shadow:0 0 0 3px color-mix(in srgb, var(--chip-tint,var(--muted)) 30%, transparent)}[data-chip-style=dot] .chip-mark svg{display:none}[data-chip-style=check] .chip{border:1px dashed var(--border-strong);border-radius:var(--radius-field,10px);padding:8px 14px 8px 10px}[data-chip-style=check] .chip-toggle{padding-left:14px}[data-chip-style=check] .chip[aria-current]{border-style:solid;border-color:var(--primary);color:var(--primary);background:color-mix(in srgb, var(--primary) 8%, transparent)}[data-chip-style=check] .chip-mark{border:1.5px solid var(--border-strong);border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;transition:background-color .2s,border-color .2s;display:inline-flex}[data-chip-style=check] .chip-mark svg{width:11px;height:11px;transition:transform .3s cubic-bezier(.34,1.56,.64,1);transform:scale(0)}[data-chip-style=check] .chip[aria-current] .chip-mark{border-color:var(--primary);background:var(--primary);color:var(--primary-fg)}[data-chip-style=check] .chip[aria-current] .chip-mark svg{transform:scale(1)}:is([data-chip-style=counter],[data-chip-style=counter-square]) .chip{border:1px solid var(--border);background:var(--surface);border-radius:999px;padding:6px 6px 6px 14px}[data-chip-style=counter-square] .chip{border-radius:var(--radius-field,10px)}:is([data-chip-style=counter],[data-chip-style=counter-square]) .chip-toggle{padding-right:14px}@media (hover:hover) and (pointer:fine){:is([data-chip-style=counter],[data-chip-style=counter-square]) .chip:hover:not([aria-current]){border-color:var(--border-strong);transform:translateY(-1px)}}:is([data-chip-style=counter],[data-chip-style=counter-square]) .chip-count{background:color-mix(in srgb, var(--fg) 8%, transparent);font-variant-numeric:tabular-nums;min-width:26px;color:var(--muted);transition:background-color .25s var(--ease-brand), color .25s var(--ease-brand);border-radius:999px;justify-content:center;padding:3px 8px;font-size:12px;line-height:16px;display:inline-flex}[data-chip-style=counter-square] .chip-count{border-radius:6px}:is([data-chip-style=counter],[data-chip-style=counter-square]) .chip[aria-current]{background:var(--primary);color:var(--primary-fg);box-shadow:0 6px 16px -8px color-mix(in srgb, var(--primary) 80%, transparent);border-color:#0000}:is([data-chip-style=counter],[data-chip-style=counter-square]) .chip[aria-current] .chip-count{background:color-mix(in srgb, var(--primary-fg) 22%, transparent);color:var(--primary-fg)}[data-chip-style=cards]{gap:10px}[data-chip-style=cards] .chip{border:1px solid var(--border);border-radius:var(--radius-field,12px);background:var(--surface);align-items:flex-start;min-width:112px;padding:10px 14px}[data-chip-style=cards] .chip-body{gap:6px}[data-chip-style=cards] .chip-sub{clip-path:none;width:auto;height:auto;color:var(--muted);font-size:12px;font-weight:500;position:static;overflow:visible}[data-chip-style=cards] .chip-toggle{color:var(--primary);align-self:stretch;align-items:center}@media (hover:hover) and (pointer:fine){[data-chip-style=cards] .chip:hover:not([aria-current]){border-color:var(--border-strong);box-shadow:0 8px 20px -12px color-mix(in srgb, var(--fg) 50%, transparent);transform:translateY(-2px)}}[data-chip-style=cards] .chip[aria-current]{background:color-mix(in srgb, var(--primary) 10%, var(--surface));box-shadow:0 0 0 2px var(--primary), 0 10px 24px -12px color-mix(in srgb, var(--primary) 70%, transparent);border-color:#0000}@media (hover:hover) and (pointer:fine){[data-chip-style=cards] .chip[aria-current]{transform:translateY(-2px)}}[data-chip-style=cards] .chip[aria-current] .chip-sub{color:var(--primary)}.chip-ghosts{clip-path:inset(-16px -16px 0)}.chip-ghosts[data-chip-style]{box-shadow:none;background:0 0;border:0;padding:0}[data-chip-style=track][data-static] .chip[aria-current]{background:var(--primary);box-shadow:0 6px 16px -6px color-mix(in srgb, var(--primary) 70%, transparent)}@media (prefers-reduced-motion:reduce){.chip,.chip-indicator[data-ready],.chip-mark,.chip-mark svg,.chip-count,.chip-label{transition:none}[data-chip][data-loading]{outline:2px solid color-mix(in srgb, var(--primary) 40%, transparent);outline-offset:2px;animation:none}[data-chip-style=cards] .chip:hover,[data-chip-style=cards] .chip[aria-current],.chip:hover{transform:none}}