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