.presence-panel{margin:16px 4px 0;padding:13px 9px;border-top:1px solid #ffffff18;border-bottom:1px solid #ffffff18}.presence-panel header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.presence-panel header span{font-size:8px;letter-spacing:1.1px;font-weight:800;color:#83acb9}.presence-panel header b{min-width:20px;padding:3px 6px;border-radius:999px;background:#164b62;color:#c6f3eb;text-align:center;font-size:9px}.presence-panel #presence-list{display:grid;gap:9px;max-height:155px;overflow:auto;scrollbar-width:thin}.presence-panel #presence-list>small{color:#7fa4b0;font-size:9px;line-height:1.45}.presence-user{display:flex;align-items:center;gap:8px;min-width:0}.presence-avatar{position:relative;display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:9px;background:#164b62;color:#eefbfc;font-size:8px;font-weight:800}.presence-avatar i{position:absolute;right:-2px;bottom:-2px;width:8px;height:8px;border-radius:50%;border:2px solid #0b3048;background:#40d19a}.presence-user>div{min-width:0}.presence-user strong,.presence-user small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.presence-user strong{color:#f1f8fa;font-size:9px}.presence-user small{margin-top:3px;color:#7fa4b0;font-size:8px}@media(max-width:850px){.presence-panel{display:none}}