/* Online list rank colors */
.forum-online-rank-legend{
	display:flex;flex-wrap:wrap;align-items:center;gap:.45rem .7rem;
	margin:0 0 1.15rem;padding:.75rem .95rem;border-radius:14px;
	border:1px solid rgba(255,255,255,.08);background:rgba(10,14,28,.55);
}
.forum-online-rank-legend .forum-panel-legend-label{font-weight:700;color:rgba(255,255,255,.55);margin-right:.15rem}

.forum-users-online-list .forum-users-online-row.is-pl{
	border-color:rgba(248,113,113,.55);
	background:linear-gradient(90deg,rgba(239,68,68,.22),rgba(0,0,0,.12));
	box-shadow:inset 3px 0 0 #ef4444;
}
.forum-users-online-list .forum-users-online-row.is-mod{
	border-color:rgba(59,130,246,.45);
	background:linear-gradient(90deg,rgba(37,99,235,.18),rgba(0,0,0,.12));
	box-shadow:inset 3px 0 0 #3b82f6;
}
.forum-users-online-list .forum-users-online-row.is-team{
	border-color:rgba(52,120,180,.35);
	background:linear-gradient(90deg,rgba(52,120,180,.14),rgba(0,0,0,.12));
	box-shadow:inset 3px 0 0 rgba(52,120,180,.8);
}
.forum-users-online-list .forum-users-online-row.is-expert{
	border-color:rgba(46,230,255,.4);
	background:linear-gradient(90deg,rgba(46,230,255,.12),rgba(155,92,255,.12));
	box-shadow:inset 3px 0 0 rgba(46,230,255,.85);
}
.forum-users-online-list .forum-users-online-row.is-member{
	border-color:rgba(255,255,255,.08);
	box-shadow:inset 3px 0 0 rgba(148,163,184,.45);
}
.forum-users-online-list .forum-users-online-row.is-pl .forum-users-online-user-head strong a,
.forum-users-online-list .forum-users-online-row.is-mod .forum-users-online-user-head strong a,
.forum-users-online-list .forum-users-online-row.is-expert .forum-users-online-user-head strong a{font-weight:700}

.forum-name-expert{color:#7dd3fc}
.forum-online-chip.is-mod,.forum-online-chip-mini.is-mod{
	border-color:rgba(248,113,113,.35);background:rgba(248,113,113,.12);
}
.forum-online-chip.is-expert,.forum-online-chip-mini.is-expert{
	border-color:rgba(46,230,255,.35);background:rgba(46,230,255,.1);
}
.forum-online-chip.is-member,.forum-online-chip-mini.is-member{
	border-color:rgba(148,163,184,.25);
}


/* Im Forum online panel */
.forum-panel-online-people{margin:.55rem 0 .35rem}
.forum-panel-online-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.4rem}
.forum-panel-online-chip{
	display:inline-flex;align-items:center;gap:.35rem;flex-wrap:wrap;
	padding:.28rem .55rem .28rem .55rem;border-radius:999px;
	border:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.22);
	font-size:.82rem;line-height:1.2;
}
.forum-panel-online-chip.is-pl{
	border-color:rgba(248,113,113,.55);
	background:linear-gradient(90deg,rgba(239,68,68,.22),rgba(0,0,0,.15));
	box-shadow:inset 2px 0 0 #ef4444;
}
.forum-panel-online-chip.is-mod{
	border-color:rgba(59,130,246,.45);
	background:linear-gradient(90deg,rgba(37,99,235,.2),rgba(0,0,0,.15));
	box-shadow:inset 2px 0 0 #3b82f6;
}
.forum-panel-online-chip.is-expert{
	border-color:rgba(46,230,255,.4);
	background:linear-gradient(90deg,rgba(46,230,255,.12),rgba(155,92,255,.12));
	box-shadow:inset 2px 0 0 rgba(46,230,255,.85);
}
.forum-panel-online-chip.is-member{
	border-color:rgba(148,163,184,.28);
	box-shadow:inset 2px 0 0 rgba(148,163,184,.5);
}
.forum-panel-online-chip.is-self{outline:1px solid rgba(212,175,55,.35)}
.forum-panel-online-chip-rank .forum-rank{font-size:9px;padding:1px 5px;line-height:1.2}
.forum-panel-names-more{margin:.45rem 0 0;font-size:.82rem}
.forum-panel-online-legend{
	display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .55rem;
	margin:.65rem 0 0;padding:.55rem .65rem;border-radius:10px;
	border:1px solid rgba(255,255,255,.07);background:rgba(0,0,0,.18);
	font-size:.78rem;
}
.forum-panel-online-legend .forum-legend-key{font-size:.76rem;padding:2px 7px}