.ui-chip{--ui-chip-radius:999px;background-color:transparent;border:none;color:inherit;cursor:pointer;font:inherit;outline:none;padding:0;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;background:var(--color-neutral-container-soft);border-radius:var(--ui-chip-radius);box-sizing:border-box;color:var(--color-fg-default);font-size:16px;font-weight:400;gap:4px;line-height:24px;text-decoration:none;transition:background-color .2s ease-out}.ui-chip,.ui-chip__icon{align-items:center;display:flex}.ui-chip__icon{height:16px;justify-content:center;width:16px}.ui-chip__icon svg{height:100%;width:100%}@media (hover:hover){.ui-chip:hover{background:var(--color-neutral-container-hover)}}.ui-chip:focus-visible{position:relative}.ui-chip:focus-visible:after{border:2px solid var(--color-accent-container-default);border-radius:calc(var(--ui-chip-radius) + 2px);box-sizing:content-box;content:"";height:100%;left:50%;padding:1px;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.ui-chip:active{background:var(--color-neutral-container-pressed)}.ui-chip:disabled{background:var(--color-bg-disabled);color:var(--color-fg-disabled);cursor:default}.ui-chip--selected{background:var(--color-accent-default);color:var(--color-accent-on-accent)}@media (hover:hover){.ui-chip--selected:hover{background:var(--color-accent-hover)}}.ui-chip--selected:active{background:var(--color-accent-pressed)}.ui-chip--size-m{padding:6px 12px}.ui-chip--size-s{padding:4px 12px}