.klyp-MentionPicker{z-index:var(--z-overlay);width:26.25rem;max-width:calc(100vw - var(--space-32));border:var(--bw-default,1px) solid var(--color-border-subtle);border-radius:var(--r-card,var(--radius-lg));background:var(--color-bg-surface);color:var(--color-fg-primary);box-shadow:var(--shadow-panel,0 16px 40px -16px var(--alpha-black-60));position:absolute;left:0;overflow:hidden}.klyp-MentionPicker[data-side=top]{margin-bottom:var(--space-4);bottom:100%}.klyp-MentionPicker[data-side=bottom]{margin-top:var(--space-4);top:100%}.klyp-MentionPicker__search{min-height:var(--space-40);align-items:center;gap:var(--space-8);border-bottom:var(--bw-default,1px) solid var(--color-border-subtle);padding:0 var(--space-12);transition:border-color var(--duration-fast) ease;display:flex}.klyp-MentionPicker__search:focus-within{border-bottom-color:var(--color-ring)}.klyp-MentionPicker__searchIcon{width:var(--icon-size-sm);height:var(--icon-size-sm);color:var(--color-fg-on-active-nav);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.klyp-MentionPicker__searchInput{width:100%;min-width:0;font-family:var(--font-sans);font-size:var(--font-size-14);color:var(--color-fg-primary);background:0 0;border:0;outline:none;padding:0}.klyp-MentionPicker__searchInput::placeholder{color:var(--color-fg-subtle)}.klyp-MentionPicker__list{max-height:24rem;padding:var(--space-2);overflow-y:auto}.klyp-MentionPicker__empty{padding:var(--space-12) var(--space-6);text-align:center;font-family:var(--font-sans);font-size:var(--font-size-12);color:var(--color-fg-subtle)}.klyp-MentionPicker__create{width:100%;min-height:var(--space-40);align-items:center;gap:var(--space-8);padding:var(--space-8) var(--space-12);border-radius:var(--r-inner-section);color:var(--color-fg-primary);text-align:left;font-family:var(--font-sans);cursor:pointer;transition:background-color var(--duration-fast) ease;background:0 0;border:0;display:flex}.klyp-MentionPicker__create:hover,.klyp-MentionPicker__create[data-active=true]{background:var(--color-bg-surface-solid,var(--color-bg-surface))}.klyp-MentionPicker__create:focus-visible{box-shadow:inset 0 0 0 var(--bw-default,1px) var(--color-border-default,var(--color-border-subtle));outline:none}.klyp-MentionPicker__createIcon{width:var(--space-36);height:var(--space-36);border-radius:var(--radius-sm,6px);color:var(--color-fg-on-active-nav);background:color-mix(in oklab, var(--color-bg-surface-solid,var(--color-bg-surface)) 80%, transparent);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.klyp-MentionPicker__createLabel{text-overflow:ellipsis;white-space:nowrap;font-size:var(--font-size-14);font-weight:var(--font-weight-medium);color:var(--color-fg-primary);overflow:hidden}.klyp-MentionPicker__group{flex-direction:column;display:flex}.klyp-MentionPicker__groupHeader{align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-12) var(--space-2);font:var(--type-label);font-weight:var(--font-weight-medium);color:var(--color-fg-muted);display:flex}.klyp-MentionPicker__item{width:100%;min-height:var(--space-40);align-items:center;gap:var(--space-8);padding:var(--space-8) var(--space-12);border-radius:var(--r-inner-section);color:var(--color-fg-muted);text-align:left;font-family:var(--font-sans);cursor:pointer;transition:background-color var(--duration-fast) ease, color var(--duration-fast) ease;background:0 0;border:0;display:flex}.klyp-MentionPicker__item:hover{background:var(--color-bg-surface-solid);color:var(--color-fg-primary)}.klyp-MentionPicker__item[data-active=true]{background:var(--color-bg-surface-solid,var(--color-bg-surface));color:var(--color-fg-primary)}.klyp-MentionPicker__item:focus-visible{box-shadow:inset 0 0 0 var(--bw-default,1px) var(--color-border-default,var(--color-border-subtle));color:var(--color-fg-primary);outline:none}.klyp-MentionPicker__thumb{width:var(--space-36);height:var(--space-36);border-radius:var(--radius-sm,6px);background:color-mix(in oklab, var(--color-bg-surface-solid,var(--color-bg-surface)) 80%, transparent);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.klyp-MentionPicker__thumb>img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.klyp-MentionPicker__text{gap:var(--space-2);flex-direction:column;flex:1;min-width:0;display:flex}.klyp-MentionPicker__name{text-overflow:ellipsis;white-space:nowrap;font-size:var(--font-size-14);font-weight:var(--font-weight-medium);color:var(--color-fg-primary);overflow:hidden}.klyp-MentionPicker__hint{text-overflow:ellipsis;white-space:nowrap;font-size:var(--font-size-12);color:var(--color-fg-subtle);overflow:hidden}.klyp-MentionPicker__usage{font-family:var(--font-sans);font-size:var(--font-size-12);font-variant-numeric:tabular-nums;color:var(--color-fg-subtle);flex-shrink:0}