.presence-menu{position:relative;flex-shrink:0}.presence-menu>summary{list-style:none;cursor:pointer;border-radius:7px}.presence-menu>summary::-webkit-details-marker{display:none}.presence-avatars{display:flex;align-items:center;gap:4px}.presence-avatar{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:26px;height:26px;border-radius:8px;border:1px solid hsl(var(--presence-hue) 30% 48%);background:hsl(var(--presence-hue) 25% 23%);color:hsl(var(--presence-hue) 55% 85%);font-size:10px;font-weight:650;line-height:1;position:relative}.presence-avatar:after{content:"";position:absolute;width:5px;height:5px;background:#72cf9d;border:2px solid var(--bg);border-radius:50%;right:-2px;bottom:-2px}.presence-more{--presence-hue:260}.presence-more:after{display:none}.presence-dropdown{position:absolute;top:calc(100% + 12px);right:0;width:250px;max-width:calc(100vw - 28px);padding:14px;border:1px solid var(--line-strong);border-radius:9px;background:var(--surface);box-shadow:0 12px 36px #0004;z-index:70}.presence-dropdown>strong{font-size:12px}.presence-dropdown>p{font-size:10px;color:var(--muted);margin:4px 0 12px}.presence-people{list-style:none;padding:0;margin:0;max-height:280px;overflow:auto}.presence-people li{display:flex;align-items:center;gap:10px;padding:8px 0;font-size:11px;overflow-wrap:anywhere}.presence-person-name{min-width:0}.presence-person-name small{display:block;color:var(--muted);font-size:9px}html[data-theme=light] .presence-avatar{background:hsl(var(--presence-hue) 40% 91%);color:hsl(var(--presence-hue) 40% 29%);border-color:hsl(var(--presence-hue) 28% 70%)}@media(max-width:640px){.topbar-tools{gap:8px}.presence-avatar{width:23px;height:23px;border-radius:7px;font-size:9px}.presence-avatars{gap:3px}.presence-dropdown{position:fixed;right:14px;top:auto;margin-top:12px}.presence-avatars .presence-avatar:nth-child(n+4):not(.presence-more){display:none}.presence-menu~.user-menu .user-name{display:none}}