#lobbyOnlineStatus{display:flex;flex:0 0 auto;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:26px;margin:0 10px 3px;color:var(--cocoa-muted,#d4c4aa);font:750 12px/20px "Pretendard Variable",Pretendard,sans-serif;font-variant-numeric:tabular-nums;text-align:center;white-space:nowrap;overflow-wrap:normal}
#lobbyOnlineStatus .lp-clock{flex:none;font:inherit;letter-spacing:0}
#lobbyOnlineStatus .lp-divider{flex:none;opacity:.55}
#lobbyOnlineStatus .lp-online{display:inline-flex;flex:none;align-items:center;gap:5px;white-space:nowrap}
#lobbyOnlineStatus .lp-dot{width:5px;height:5px;flex:none;border-radius:50%;background:var(--cocoa-muted,#d4c4aa);opacity:.65}
#lobbyOnlineStatus[data-state=connected] .lp-dot{background:#9ac797;opacity:1}
#lobby.is-feature-open>#lobbyOnlineStatus{display:none}
#lobbyOnlineStatus .lp-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:359px){#lobbyOnlineStatus{gap:6px;margin-inline:6px}#lobbyOnlineStatus .lp-online{gap:4px}}