.ds-chip{--chip-h:var(--e-control-sm);block-size:var(--chip-h);border-radius:var(--e-radius-chip);background:var(--e-surface);box-shadow:inset 0 0 0 1px var(--e-line-strong);color:var(--e-fg-muted);font-size:var(--e-text-label);font-weight:var(--e-weight-medium);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:background-color var(--e-duration-fast) var(--e-ease-standard), box-shadow var(--e-duration-fast) var(--e-ease-standard), color var(--e-duration-fast) var(--e-ease-standard), transform var(--e-duration-instant) var(--e-ease-standard);border:0;flex:none;align-items:center;gap:6px;padding-inline:12px;line-height:1;display:inline-flex;position:relative}.ds-chip[data-size=sm]{--chip-h:28px;font-size:var(--e-text-caption);gap:5px;padding-inline:10px}@media (pointer:coarse){.ds-chip:not([data-removable]):after{content:"";inset:calc((var(--chip-h) - 40px) / 2) -2px;position:absolute}}.ds-chip:hover:not(:disabled,[data-disabled],[data-state=on],[data-removable]){background:var(--e-surface-hover);color:var(--e-fg)}.ds-chip:active:not(:disabled,[data-disabled],[data-removable]){transform:scale(.97)}.ds-chip[data-state=on]{background:var(--e-primary);box-shadow:none;color:var(--e-on-primary);font-weight:var(--e-weight-semibold)}.ds-chip[data-state=on]:hover:not(:disabled){background:var(--e-primary-hover)}.ds-chip:disabled,.ds-chip[data-disabled]{cursor:not-allowed;opacity:.45}.ds-chip-lead{flex:none;place-items:center;margin-inline-start:-2px;display:inline-grid}.ds-chip-lead svg{block-size:15px;inline-size:15px}.ds-chip[data-size=sm] .ds-chip-lead svg{block-size:13px;inline-size:13px}.ds-chip-lead:has(>img){margin-inline-start:-6px}.ds-chip-lead img{aspect-ratio:1;object-fit:cover;border-radius:50%;flex:none;block-size:20px;inline-size:20px;max-inline-size:none}.ds-chip[data-size=sm] .ds-chip-lead img{block-size:18px;inline-size:18px}.ds-chip-label{text-overflow:ellipsis;max-inline-size:24ch;overflow:hidden}.ds-chip-count{color:var(--e-fg-subtle);font-size:var(--e-text-caption);font-weight:var(--e-weight-medium);margin-inline-end:-2px}.ds-chip[data-state=on] .ds-chip-count{color:inherit;opacity:.8}.ds-chip[data-removable]{color:var(--e-fg);cursor:default;gap:4px;padding-inline-end:3px}.ds-chip[data-removable][data-size=sm]{padding-inline-end:2px}.ds-chip-remove{inline-size:calc(var(--chip-h) - 8px);block-size:calc(var(--chip-h) - 8px);border-radius:var(--e-radius-tag);color:var(--e-fg-subtle);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color var(--e-duration-fast) var(--e-ease-standard), color var(--e-duration-fast) var(--e-ease-standard);background:0 0;border:0;flex:none;place-items:center;padding:0;display:inline-grid;position:relative}.ds-chip-remove svg{block-size:14px;inline-size:14px}.ds-chip-remove:hover:not(:disabled){background:var(--e-surface-hover);color:var(--e-fg)}.ds-chip-remove:active:not(:disabled){background:var(--e-surface-active)}.ds-chip-remove:disabled{cursor:not-allowed}@media (pointer:coarse){.ds-chip-remove:after{content:"";position:absolute;inset:-8px -6px}}