.avatar-container[data-v-c83e0050]{border-radius:50%;cursor:pointer;display:inline-block;overflow:hidden;position:relative}.avatar-container .avatar[data-v-c83e0050]{border-radius:50%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease;width:100%}.avatar-container .avatar[data-v-c83e0050]:hover{transform:scale(1.05)}.avatar-container .placeholder[data-v-c83e0050]{align-items:center;border-radius:50%;display:flex;height:100%;justify-content:center;width:100%}.avatar-container .avatar-indicators[data-v-c83e0050]{bottom:4px;display:flex;gap:4px;left:50%;opacity:0;position:absolute;transform:translate(-50%);transition:opacity .2s ease;z-index:2}.avatar-container .avatar-indicators.visible[data-v-c83e0050]{opacity:1}.avatar-container .avatar-indicators .avatar-indicator[data-v-c83e0050]{background-color:#fff9;border-radius:50%;cursor:pointer;height:6px;width:6px}.avatar-container .avatar-indicators .avatar-indicator.active[data-v-c83e0050]{background-color:#fff;box-shadow:0 0 4px #0000004d}.avatar-container .avatar-navigation[data-v-c83e0050]{align-items:center;display:flex;height:100%;justify-content:space-between;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease;width:100%}.avatar-container .avatar-navigation.visible[data-v-c83e0050]{opacity:1}.avatar-container .avatar-navigation .nav-button[data-v-c83e0050]{align-items:center;background:#0000004d;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:20px;justify-content:center;margin:0 2px;padding:0;width:20px}.avatar-container .avatar-navigation .nav-button .nav-icon[data-v-c83e0050]{height:12px;width:12px}.avatar-container .online-status[data-v-c83e0050]{align-items:center;background-color:var(--surface-variant,#f3f4f6);border-radius:10px;bottom:-4px;box-shadow:0 1px 3px #0000001a;display:flex;padding:2px;position:absolute;right:-4px}.avatar-container .online-status .status-dot[data-v-c83e0050]{background-color:var(--text-secondary,#6b7280);border-radius:50%;height:8px;width:8px}.avatar-container .online-status .status-text[data-v-c83e0050]{color:var(--text-secondary,#6b7280);font-size:12px;margin-left:4px;white-space:nowrap}.avatar-container .online-status .last-seen[data-v-c83e0050]{font-size:10px;margin-left:4px;opacity:.8}.avatar-container .online-status.online .status-dot[data-v-c83e0050]{background-color:var(--success-color,#22c55e);box-shadow:0 0 4px var(--success-color,#22c55e)}.avatar-container .online-status.online .status-text[data-v-c83e0050]{color:var(--success-color,#22c55e)}@media(max-width:640px){.avatar-container .avatar-navigation .nav-button[data-v-c83e0050]{height:16px;width:16px}.avatar-container .avatar-navigation .nav-button .nav-icon[data-v-c83e0050]{height:10px;width:10px}.avatar-container .avatar-indicators .avatar-indicator[data-v-c83e0050]{height:4px;width:4px}}