.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, color var(--duration-fast) ease;border:0;margin:0;line-height:1;display:inline-flex;position:relative}.klyp-MentionChip:before{content:"";border-radius:inherit;border:var(--bw-default) dashed var(--color-border-default);opacity:0;pointer-events:none;transition:opacity var(--duration-fast) ease;position:absolute;inset:0}.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[data-state=empty]{box-shadow:inset 0 0 0 var(--bw-default) transparent;color:var(--color-fg-muted);background:0 0}.klyp-MentionChip[data-state=empty]:before{opacity:1}.klyp-MentionChip[data-state=empty]:not([data-static]):hover{background:var(--color-bg-surface-hover);box-shadow:inset 0 0 0 var(--bw-default) transparent}.klyp-MentionChip[data-state=empty]:not([data-static]):hover:before{border-color:var(--color-border-strong)}.klyp-MentionChip[data-state=empty][data-selected]{background:var(--color-bg-surface-hover);box-shadow:inset 0 0 0 var(--bw-default) transparent}.klyp-MentionChip[data-state=empty][data-selected]:before{border-color:var(--color-border-strong)}.klyp-MentionChip[data-state=bound] .klyp-MentionChip__avatar{animation:klyp-MentionChip-preview-in var(--duration-fast) ease}.klyp-MentionChip[data-flash]{animation:klyp-MentionChip-flash var(--duration-slower) ease}.klyp-MentionChip[data-flash]:before{opacity:0}.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,.klyp-MentionChip:before{transition:none}.klyp-MentionChip[data-state=bound] .klyp-MentionChip__avatar{animation:none}.klyp-MentionChip[data-flash]{box-shadow:inset 0 0 0 var(--bw-default) var(--color-status-danger);color:var(--color-status-danger);animation:none}}@keyframes klyp-MentionChip-preview-in{0%{opacity:0}to{opacity:1}}@keyframes klyp-MentionChip-flash{30%,65%{box-shadow:inset 0 0 0 var(--bw-default) var(--color-status-danger);color:var(--color-status-danger)}}