app-mc-online{display:block}app-mc-online .online-refresh.is-loading app-icon{animation:.7s linear infinite mod-spin}app-mc-online .people{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;list-style:none;display:grid}app-mc-online .person{border-radius:var(--radius-lg);text-align:center;min-width:0;transition:border-color var(--transition-fast);flex-direction:column;align-items:center;gap:4px;padding:14px 10px 12px;display:flex;position:relative}@media (hover:hover){app-mc-online .person:not(.person--skeleton):hover{border-color:rgba(var(--primary-rgb), .35)}}app-mc-online .person app-avatar{margin-bottom:4px}app-mc-online .person .avatar-wrap__dot:after{content:"";border-radius:inherit;background:var(--color-success);animation:m-ping 1.8s var(--ease-exit) 2;pointer-events:none;position:absolute;inset:0}app-mc-online .person__menu{position:absolute;top:4px;right:4px}app-mc-online .person__head{flex-wrap:wrap;justify-content:center;align-items:center;gap:5px;max-width:100%;display:flex}app-mc-online .person__name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:var(--font-sm);color:var(--text-primary);font-weight:600;overflow:hidden}app-mc-online .person__age{color:var(--text-secondary);font-weight:500}app-mc-online .person__meta{max-width:100%;font-size:var(--font-xs);color:var(--text-secondary);align-items:center;gap:4px;display:inline-flex}app-mc-online .person__meta app-icon{flex-shrink:0;width:13px;height:13px}app-mc-online .person__meta-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}app-mc-online .person__avatar-skeleton{border-radius:50%;width:60px;height:60px;margin-bottom:8px}app-mc-online .person__message{max-width:100%;min-height:32px;margin-top:6px}@media (pointer:coarse){app-mc-online .person__message{min-height:44px}}app-mc-online .person__line{width:70%}app-mc-online .person__line--short{width:45%}app-mc-online .person-tag{border-radius:var(--radius-full);white-space:nowrap;flex-shrink:0;align-items:center;gap:3.5px;padding:1.5px 6.5px;font-size:11px;font-weight:600;line-height:1.3;display:inline-flex}app-mc-online .person-tag app-icon{flex-shrink:0;width:11px;height:11px}app-mc-online .person-tag.badge--female{color:#db2777;background:#ec48991f;border:1px solid #ec489938}app-mc-online .person-tag.badge--male{color:#2563eb;background:#3b82f61f;border:1px solid #3b82f638}app-mc-online .person-tag.badge--other{color:#7c3aed;background:#8b5cf61f;border:1px solid #8b5cf638}app-mc-online .person-tag--age{color:#d97706;background:#f59e0b1f;border:1px solid #f59e0b38}app-mc-online .people-foot{justify-content:center;align-items:center;gap:8px;min-height:52px;margin-top:12px;display:flex}app-mc-online .people-foot__text{font-size:var(--font-xs);color:var(--text-secondary);align-items:center;gap:8px;display:inline-flex}app-mc-online .people-foot__text .loader{width:14px;height:14px}app-mc-online .people-sentinel{height:1px}app-mc-online .request-sheet__error{align-items:flex-start;gap:6px;margin-top:-4px;display:flex}app-mc-online .request-sheet__error app-icon{flex:none;width:15px;height:15px;margin-top:2px}@media (max-width:1200px){app-mc-online .people{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:640px){app-mc-online .people{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}app-mc-online .online-refresh{padding-inline:10px}app-mc-online .online-refresh__label{display:none}app-mc-online .person{padding-top:22px}}