.container.svelte-nt84hp{display:flex;align-items:center;gap:var(--spacing-md);text-decoration:none;white-space:break-spaces}.container.clickable.svelte-nt84hp{cursor:pointer}.container.avatar-top.svelte-nt84hp{align-items:flex-start}.avatar-container.svelte-nt84hp{position:relative;border-radius:50%;display:flex}.avatar-container.svelte-nt84hp .avatar:where(.svelte-nt84hp){display:flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden;background-color:var(--Component-colors-Components-Avatars-avatar-bg);border:1.5px solid var(--Colors-Background-bg-primary);width:40px;height:40px}.avatar-container.svelte-nt84hp .avatar:where(.svelte-nt84hp) img:where(.svelte-nt84hp){width:100%;height:100%;object-fit:cover}.avatar-container.svelte-nt84hp .avatar:where(.svelte-nt84hp) .icon:where(.svelte-nt84hp){display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--Colors-Foreground-fg-quarterary-500)}.avatar-container.svelte-nt84hp .avatar:where(.svelte-nt84hp) .icon:where(.svelte-nt84hp) span:where(.svelte-nt84hp){text-align:center;font-size:16px;font-weight:600;line-height:24px;margin:0}.avatar-container.svelte-nt84hp .avatar:where(.svelte-nt84hp) .uploadable-icon:where(.svelte-nt84hp){display:none}.avatar-container.svelte-nt84hp .avatar.uploadable:where(.svelte-nt84hp):hover{background:#0000004d}.avatar-container.svelte-nt84hp .avatar.uploadable:where(.svelte-nt84hp):hover .uploadable-icon:where(.svelte-nt84hp){position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:100%;height:100%;z-index:1;color:#fff}.avatar-container.svelte-nt84hp .avatar.uploadable:where(.svelte-nt84hp):hover .uploadable-icon:where(.svelte-nt84hp) svg{width:32px;height:32px}.avatar-container.bordered.svelte-nt84hp .avatar:where(.svelte-nt84hp){border:1px solid var(--Colors-Border-border-secondary)}.avatar-container.square.svelte-nt84hp{border-radius:0}.avatar-container.square.svelte-nt84hp .avatar:where(.svelte-nt84hp){border-radius:0}.avatar-container.svelte-nt84hp:focus{border-color:var(--Component-colors-Components-Avatars-avatar-focus-border)}.avatar-container.svelte-nt84hp .state:where(.svelte-nt84hp){line-height:1;position:absolute;bottom:0;right:0}.avatar-container.svelte-nt84hp .state.online:where(.svelte-nt84hp){width:10px;height:10px;border-radius:50%;background-color:var(--Colors-Foreground-fg-success-secondary);border:2px solid var(--Component-colors-Components-Avatars-avatar-profile-photo-border)}.avatar-container.svelte-nt84hp .state.internal:where(.svelte-nt84hp){line-height:0}.avatar-container.xs.svelte-nt84hp .avatar:where(.svelte-nt84hp){width:24px;height:24px}.avatar-container.xs.svelte-nt84hp .avatar:where(.svelte-nt84hp) .icon:where(.svelte-nt84hp) span:where(.svelte-nt84hp){font-size:12px;line-height:18px}.avatar-container.xs.svelte-nt84hp .avatar:where(.svelte-nt84hp) .icon:where(.svelte-nt84hp) svg{width:16px;height:16px}.avatar-container.xs.svelte-nt84hp .state.online:where(.svelte-nt84hp){width:6px;height:6px}.avatar-container.sm.svelte-nt84hp .avatar:where(.svelte-nt84hp){width:32px;height:32px}.avatar-container.sm.svelte-nt84hp .avatar:where(.svelte-nt84hp) .icon:where(.svelte-nt84hp) span:where(.svelte-nt84hp){font-size:14px;line-height:20px}.avatar-container.sm.svelte-nt84hp .avatar:where(.svelte-nt84hp) .icon:where(.svelte-nt84hp) svg{width:20px;height:20px}.avatar-container.sm.svelte-nt84hp .state.online:where(.svelte-nt84hp){width:8px;height:8px}.avatar-container.md.svelte-nt84hp .avatar:where(.svelte-nt84hp){width:40px;height:40px}.avatar-container.md.svelte-nt84hp .avatar:where(.svelte-nt84hp) .icon:where(.svelte-nt84hp) span:where(.svelte-nt84hp){font-size:16px;line-height:24px}.avatar-container.md.svelte-nt84hp .avatar:where(.svelte-nt84hp) .icon:where(.svelte-nt84hp) svg{width:24px;height:24px}.avatar-container.md.svelte-nt84hp .state.online:where(.svelte-nt84hp){width:10px;height:10px}.avatar-container.lg.svelte-nt84hp .avatar:where(.svelte-nt84hp){width:48px;height:48px}.avatar-container.lg.svelte-nt84hp .avatar:where(.svelte-nt84hp) .icon:where(.svelte-nt84hp) span:where(.svelte-nt84hp){font-size:18px;line-height:28px}.avatar-container.lg.svelte-nt84hp .avatar:where(.svelte-nt84hp) .icon:where(.svelte-nt84hp) svg{width:28px;height:28px}.avatar-container.lg.svelte-nt84hp .state.online:where(.svelte-nt84hp){width:12px;height:12px}.avatar-container.xl.svelte-nt84hp .avatar:where(.svelte-nt84hp){width:56px;height:56px}.avatar-container.xl.svelte-nt84hp .avatar:where(.svelte-nt84hp) .icon:where(.svelte-nt84hp) span:where(.svelte-nt84hp){font-size:20px;line-height:30px}.avatar-container.xl.svelte-nt84hp .avatar:where(.svelte-nt84hp) .icon:where(.svelte-nt84hp) svg{width:32px;height:32px}.avatar-container.xl.svelte-nt84hp .state.online:where(.svelte-nt84hp){width:14px;height:14px}.avatar-container.xl2.svelte-nt84hp .avatar:where(.svelte-nt84hp){width:64px;height:64px}.avatar-container.xl2.svelte-nt84hp .avatar:where(.svelte-nt84hp) .icon:where(.svelte-nt84hp) span:where(.svelte-nt84hp){font-size:24px;line-height:32px}.avatar-container.xl2.svelte-nt84hp .avatar:where(.svelte-nt84hp) .icon:where(.svelte-nt84hp) svg{width:32px;height:32px}.avatar-container.xl2.svelte-nt84hp .state.online:where(.svelte-nt84hp){width:16px;height:16px}