.participant-identities{position:absolute;pointer-events:none;z-index:3;overflow:hidden;direction:ltr}.participant-identity{position:absolute;left:0;top:0;display:flex;align-items:center;gap:5px;direction:rtl;min-width:76px;max-width:110px;height:24px;padding:3px 6px;border:1px solid #bfa56b;border-radius:8px;background:rgba(16,35,27,.95);color:var(--cream);font:600 11px var(--font-body,system-ui);white-space:nowrap;pointer-events:auto;box-shadow:0 3px 9px #0005}.identity-name{overflow:hidden;text-overflow:ellipsis}.identity-color{width:7px;height:7px;border-radius:50%;background:var(--participant-color);flex:0 0 7px}.identity-mic{width:10px;display:grid;place-items:center;color:#d4d8d2}.identity-mic svg{width:9px;height:13px}.participant-identity.speaking{box-shadow:0 0 7px #dec07b60;border-color:#e5c477}.participant-identity:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.identity-dialog{position:fixed;inset:0;z-index:100;background:#0009;display:grid;place-items:center;padding:20px}.identity-dialog .modal{max-height:85vh;overflow:auto;width:min(520px,100%)}.participant-list-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:10px 0}.participant-list-row .identity-color{display:inline-block}.participant-list-row button{padding:6px 10px}@media(max-width:500px){.participant-identity{min-width:76px;height:24px;font-size:11px}}
.participant-identity[hidden]{display:none}