.klyp-MentionChip{align-items:center;gap:var(--gap-icon-text);block-size:var(--space-24);padding-inline:var(--space-2) var(--space-8);box-shadow:inset 0 0 0 var(--bw-default) var(--color-border-subtle);border-radius:var(--radius-full);background:var(--color-bg-surface-solid);color:var(--color-fg-primary);font-family:var(--font-sans);font-size:var(--font-size-12);font-weight:var(--font-weight-medium);white-space:nowrap;cursor:pointer;vertical-align:middle;-webkit-user-select:none;user-select:none;min-inline-size:0;max-inline-size:240px;transition:background var(--duration-fast) ease, box-shadow var(--duration-fast) ease;border:0;margin:0;line-height:1;display:inline-flex}.klyp-MentionChip:not([data-static]):hover{background:var(--color-bg-surface-hover);box-shadow:inset 0 0 0 var(--bw-default) var(--color-border-default)}.klyp-MentionChip[data-static]{cursor:inherit;-webkit-user-select:inherit;-moz-user-select:inherit;user-select:inherit}.klyp-MentionChip:focus-visible{outline:var(--bw-default) solid var(--color-ring);outline-offset:var(--bw-default)}.klyp-MentionChip[data-selected]{background:var(--color-bg-surface-hover);box-shadow:inset 0 0 0 var(--bw-default) var(--color-border-strong)}.klyp-MentionChip__avatar{inline-size:var(--space-20);block-size:var(--space-20);border-radius:var(--radius-full);-o-object-fit:cover;object-fit:cover;background:var(--color-bg-surface-hover);flex:none}.klyp-MentionChip__initial{inline-size:var(--space-20);block-size:var(--space-20);border-radius:var(--radius-full);background:var(--color-bg-surface-hover);color:var(--color-fg-muted);font-size:var(--font-size-10);font-weight:var(--font-weight-medium);flex:none;justify-content:center;align-items:center;line-height:1;display:inline-flex}.klyp-MentionChip__name{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;overflow:hidden}@media (prefers-reduced-motion:reduce){.klyp-MentionChip{transition:none}}