.pepper-chip{display:inline-flex;align-items:center;gap:var(--sp-1);border-radius:var(--radius-pill);font-weight:var(--fw-semibold);line-height:var(--lh-tight);border:1px solid transparent}.pepper-chip.size-sm{padding:.0625rem .375rem;font-size:var(--fs-2xs)}.pepper-chip.size-md{padding:.125rem var(--sp-2);font-size:var(--fs-xs)}.pepper-chip.size-lg{padding:var(--sp-1) var(--sp-3);font-size:var(--fs-sm)}.pepper-chip.variant-red{background:var(--color-primary-soft);color:var(--color-primary)}.pepper-chip.variant-indigo{background:var(--color-accent-indigo-soft);color:var(--color-accent-indigo)}.pepper-chip.variant-neutral{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}.pepper-chip.is-interactive{cursor:pointer;font-family:inherit;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.pepper-chip.is-interactive.variant-red:hover{background:var(--color-primary);color:var(--color-text-on-dark)}.pepper-chip.is-interactive.variant-indigo:hover{background:var(--color-accent-indigo);color:var(--color-text-on-dark)}.pepper-chip.is-interactive.variant-neutral:hover{background:var(--color-primary-soft);border-color:var(--color-primary);color:var(--color-primary)}.pepper-chip.is-interactive:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.pepper-chip-affix{display:inline-flex;align-items:center}