.comm-people-title{display:flex;align-items:center;justify-content:space-between;margin-top:1rem}.comm-person{width:100%;display:flex;align-items:center;gap:.7rem;border:0;background:transparent;border-radius:12px;padding:.65rem;text-align:left;color:#18304e;cursor:pointer}.comm-person:hover,.comm-person.active{background:#eaf2ff}.comm-person-avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#dbeaff;color:#1f62c8;font-weight:900;position:relative}.comm-person-avatar i{position:absolute;right:-1px;bottom:-1px;width:10px;height:10px;border-radius:50%;background:#aab7c6;border:2px solid #fff}.comm-person.online .comm-person-avatar i{background:#16b478}.comm-person span:nth-child(2){min-width:0;flex:1}.comm-person b,.comm-person small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.comm-person small{color:#71839a}.comm-live-pill{display:inline-flex;gap:.35rem;align-items:center;color:#13885f;font-weight:800;font-size:.8rem}.comm-direct-head{display:flex;align-items:center;gap:.7rem}.comm-notify{margin-top:.7rem;width:100%}@media(max-width:780px){.comm-side{max-height:38vh;overflow:auto}}
