.ui-chip{--icon-size:1.15em;align-items:center;border-radius:9999px;display:inline-flex;font-weight:600;gap:.35em;line-height:1;vertical-align:middle;white-space:nowrap}.ui-chip--sm{font-size:.75rem;height:22px;padding-inline:8px}.ui-chip--md{font-size:.8rem;height:28px;padding-inline:12px}.ui-chip--tonal{background:color-mix(in srgb,var(--chip-color) 12%,transparent);color:var(--chip-color)}.ui-chip--flat{background:var(--chip-color);color:var(--c-on-primary)}.ui-chip--outlined{border:1px solid;color:var(--chip-color)}