.face-pile{flex-shrink:0;align-items:center;display:inline-flex}.face-pile__avatars{align-items:center;gap:0;display:flex}.face-pile__avatars>.tooltip-wrapper{margin-left:-6px}.face-pile__avatars>.tooltip-wrapper:first-child{margin-left:0}@keyframes face-pile-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.face-pile__avatar,.face-pile__overflow{border-radius:var(--radius-pill);border:1px solid var(--color-border);background:var(--color-background);width:22px;height:22px;transition:transform var(--transition-speed-fast) var(--transition-easing), border-color var(--transition-speed-fast) var(--transition-easing), box-shadow var(--transition-speed-fast) var(--transition-easing);animation:face-pile-in var(--transition-speed-fast) var(--transition-easing-out);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.face-pile__avatars>.face-pile__overflow{margin-left:-10px}.face-pile__avatars>.face-pile__overflow:first-child{margin-left:0}.face-pile__avatar:hover,.face-pile__overflow:hover{z-index:8;transform:translateY(-1px)}.face-pile__avatar--current{border-width:2px}.face-pile__avatar-image{object-fit:cover;border-radius:var(--radius-pill);width:100%;height:100%;display:block}.face-pile__avatar-icon{width:12px;height:12px;color:var(--color-text)}.face-pile__overflow{color:var(--color-text-secondary);background:var(--color-background);font-size:.75rem;font-weight:600}.face-pile__disconnected{color:var(--color-text-secondary);white-space:nowrap;align-items:center;gap:4px;font-size:.75rem;display:inline-flex}.face-pile__disconnected-icon{flex-shrink:0;width:14px;height:14px}.face-pile__avatar--mcp{border-color:var(--color-text)}[data-theme=dark] .face-pile__avatar--mcp{border-color:var(--color-text);background:linear-gradient(135deg,#3d2963 0%,#2d3748 100%)}.face-pile__avatar-icon--mcp{color:var(--color-text)}@media (max-width:768px){.face-pile__avatar,.face-pile__overflow{width:20px;height:20px}.face-pile__avatars>.tooltip-wrapper,.face-pile__avatars>.face-pile__overflow{margin-left:-6px}.face-pile__avatars>.tooltip-wrapper:first-child,.face-pile__avatars>.face-pile__overflow:first-child{margin-left:0}.face-pile__avatar-icon{width:10px;height:10px}}