.z-chip{--z-chip-color:var(--z-color-primary);--z-chip-tonal:var(--z-color-control-surface-muted);align-items:center;border:1px solid transparent;border-radius:var(--z-radius-pill);color:var(--z-color-text-strong);display:inline-flex;flex:0 0 auto;font-weight:760;justify-content:center;line-height:1;max-width:100%;min-width:0;outline:none;text-align:center;text-decoration:none;transition:background-color .16s ease,border-color .16s ease,color .16s ease,opacity .16s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.z-chip--interactive{cursor:pointer}.z-chip--interactive:hover{border-color:var(--z-chip-color);color:var(--z-chip-color)}.z-chip--interactive:focus-visible{outline:2px solid var(--z-chip-color);outline-offset:2px}.z-chip--disabled{cursor:not-allowed;opacity:.52;pointer-events:none}.z-chip--color-primary{--z-chip-color:var(--z-color-primary);--z-chip-tonal:var(--z-color-primary-tonal)}.z-chip--color-success{--z-chip-color:var(--z-color-success);--z-chip-tonal:var(--z-color-success-tonal)}.z-chip--color-warning{--z-chip-color:var(--z-color-warning);--z-chip-tonal:var(--z-color-warning-tonal)}.z-chip--color-error{--z-chip-color:var(--z-color-error);--z-chip-tonal:var(--z-color-error-tonal)}.z-chip--size-sm{font-size:14px;min-height:34px;padding:0 var(--z-space-3)}.z-chip--size-md{font-size:15px;min-height:38px;padding:0 var(--z-space-4)}.z-chip--density-compact.z-chip--size-sm{font-size:13px;min-height:30px;padding-inline:var(--z-space-2)}.z-chip--density-compact.z-chip--size-md{font-size:14px;min-height:34px;padding-inline:var(--z-space-3)}.z-chip--variant-outlined{background-color:var(--z-color-white);border-color:var(--z-color-border)}.z-chip--variant-tonal{background:var(--z-chip-tonal)}.z-chip--variant-flat{background:var(--z-chip-color);border-color:var(--z-chip-color)}.z-chip--variant-flat,.z-chip--variant-flat.z-chip--interactive:hover{color:var(--z-color-text-inverse)}.z-chip--variant-text{background:transparent}.z-chip--variant-text.z-chip--interactive:hover,.z-chip--variant-tonal.z-chip--interactive:hover{background:var(--z-chip-tonal)}.z-chip__append,.z-chip__content,.z-chip__icon,.z-chip__prepend{align-items:center;display:inline-flex;justify-content:center;min-width:0}.z-chip__content{overflow:hidden;text-overflow:ellipsis}.z-chip__icon--prepend,.z-chip__prepend{margin-right:var(--z-space-1)}.z-chip__append,.z-chip__icon--append{margin-left:var(--z-space-1)}.z-chip__icon{flex:0 0 auto;height:1em;pointer-events:none;width:1em}