.container{position:relative;display:inline-flex;font-family:system-ui,Segoe UI,Roboto,Helvetica Neue,helvetica,sans-serif}.avatars{display:flex;align-items:center;margin-left:.5rem}.avatar{position:relative;width:2rem;height:2rem;border-radius:9999px;border:2px solid #ccc;margin-left:-.5rem;display:flex;align-items:center;justify-content:center;background-color:#f3f4f6;z-index:var(--z);cursor:pointer;transition:transform .2s}.avatar:hover{transform:translateY(-2px)}.avatar.online{border-color:#666}.avatar.offline span[role=img]{opacity:.4}.avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}.more{color:#4b5563;font-size:.875rem;font-weight:500}.tooltip{position:absolute;inset:auto auto -.75rem 50%;transform:translate(-50%,100%);padding:.5rem;background:#fff;border-radius:.375rem;box-shadow:0 1px 3px #0000001a;opacity:0;visibility:hidden;transition:.2s;white-space:nowrap;z-index:50;text-align:left}.avatar:hover .tooltip{opacity:1;visibility:visible}.tooltip-user{font-weight:500;font-size:.75rem;margin-bottom:.25rem}.tooltip-status{font-size:.625rem;color:#6b7280}.tooltip-data{font-size:.625rem;color:#9ca3af;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.more-container{position:relative;display:flex;align-items:center}.dropdown{position:absolute;inset:auto auto -.75rem 50%;transform:translate(-50%,100%);background:#fff;border-radius:.375rem;box-shadow:0 4px 6px #0000001a;min-width:10rem;opacity:0;visibility:hidden;transition:.2s;z-index:50;text-align:left}.more-container:hover .dropdown{opacity:1;visibility:visible}.dropdown-row{display:flex;align-items:center;padding:.5rem;gap:.5rem}.dropdown-emoji{width:1.5rem;height:1.5rem;border-radius:9999px;background:#f3f4f6;display:flex;align-items:center;justify-content:center}.dropdown-emoji.offline span[role=img]{opacity:.4}.dropdown-emoji img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}.dropdown-info{flex:1;min-width:0}.dropdown-user{font-weight:500;font-size:.75rem;margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-status{font-size:.625rem;color:#6b7280}main{padding:2em;width:min(800px,95vw);margin:0 auto;text-align:center}