@layer components{.chip{--chip-mark:currentColor;align-items:center;gap:var(--space-2xs);box-sizing:border-box;height:calc(var(--space-3xs) * 2 + var(--line-height-xs));min-height:calc(var(--space-3xs) * 2 + var(--line-height-xs));padding:0 var(--space-sm);border-radius:var(--radius-md);background:var(--surface-inset);box-shadow:inset 0 0 0 var(--border-width-thin) var(--border-subtle);color:var(--text-secondary);font-family:var(--font-sans);font-feature-settings:var(--font-sans--font-feature-settings);font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);letter-spacing:var(--letter-spacing-normal);white-space:nowrap;vertical-align:text-bottom;cursor:pointer;transition:background-color var(--duration-press) ease, color var(--duration-press) ease;border:0;flex-flow:row;margin:0;line-height:1;text-decoration:none;display:inline-flex}.chip:is(span){cursor:default}@media (hover:hover) and (pointer:fine){.chip:not(.chip--tint):not(.chip--marker):hover:not(:disabled):not([aria-expanded=true]){color:var(--text-primary)}.chip:not(.chip--ghost):not(.chip--tint):not(.chip--marker):hover:not(:disabled):not([aria-expanded=true]){background:var(--surface-hover-solid)}}.chip:disabled{cursor:not-allowed;opacity:.5}[data-theme=dark] .chip:not(.chip--ghost):not(.chip--tint):not(.chip--marker):not([aria-expanded=true]){background:var(--surface-default);box-shadow:none}.chip:focus{outline:none}.chip:focus-visible{box-shadow:inset 0 0 0 var(--border-width-thin) var(--border-subtle), 0 0 0 var(--size-focus-gap) var(--border-focus-gap), 0 0 0 calc(var(--size-focus-gap) + var(--size-focus-ring)) var(--border-focus)}.chip__icon{width:var(--size-icon-xs);height:var(--size-icon-xs);color:var(--chip-mark);flex-shrink:0;place-items:center;line-height:0;display:grid}.chip__label{min-width:0;height:var(--size-icon-xs);line-height:var(--size-icon-xs);font-variant-numeric:var(--font-numeric-tabular);align-items:center;display:flex}.chip__icon svg{width:var(--size-icon-xs);height:var(--size-icon-xs);display:block}@media (prefers-reduced-motion:reduce){.chip{transition:background-color var(--duration-press) ease, color var(--duration-press) ease}}}