.nav-user{display:grid!important;grid-template-columns:8px auto;column-gap:7px;align-items:center;color:inherit;line-height:1.1;white-space:nowrap}
.nav-user i,.presence-dot{width:8px;height:8px;border-radius:50%;background:#21c79a;box-shadow:0 0 0 3px #21c79a22}
.nav-user i{grid-row:1/3}.nav-user b{font-size:11px}.nav-user small{font-size:8px;opacity:.65;text-transform:uppercase;letter-spacing:.08em}
.live-users{margin:22px 0;background:#fff;border:1px solid var(--line,#dbe1df);padding:20px 24px}.live-users-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.live-users-head p{margin:0;color:var(--teal,#009e8e);font-size:10px;letter-spacing:.14em}.live-users-head h2{margin:3px 0;font-size:20px}.live-users-count{font-size:11px;color:var(--muted,#6c7b82)}.live-users-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}.live-user{display:grid;grid-template-columns:10px 1fr;column-gap:10px;align-items:center;padding:12px;background:#f5f7f5}.live-user .presence-dot{grid-row:1/3}.live-user strong{font-size:12px}.live-user small{font-size:10px;color:var(--muted,#6c7b82)}
@media(max-width:700px){.nav-user small{display:none}.nav-user i{grid-row:auto}.live-users{padding:16px}}