.header-actions{align-items:center}.header-actions>.connection-wrap{position:relative}.connection-status{display:flex;align-items:center;gap:7px;cursor:pointer}.connection-status i{font-size:12px;font-style:normal}.connection-status.online i,.connection-popover dd.online{color:#35d49a}.connection-status.reconnecting i,.connection-popover dd.reconnecting{color:#f2bf45}.connection-status.offline i,.connection-popover dd.offline{color:#ff6877}.connection-status.disconnected i,.connection-popover dd.disconnected{color:#c5cad4}.connection-popover{position:absolute;right:0;top:calc(100% + 10px);z-index:20;width:310px;padding:17px;border:1px solid var(--line);border-radius:14px;background:#fff;color:#10192b;box-shadow:0 18px 55px #071d3d38}.connection-popover>div{display:flex;justify-content:space-between;align-items:center}.connection-popover>div button{border:0;background:transparent;font-size:22px;color:var(--muted)}.connection-popover dl{display:grid;grid-template-columns:1fr 1.25fr;gap:10px;margin:16px 0}.connection-popover dt{color:var(--muted)}.connection-popover dd{margin:0;text-align:right;font-weight:750}.connection-popover .retry{width:100%;padding:10px;border:1px solid var(--line);border-radius:9px;background:#f7f5ff;color:var(--violet);font-weight:800}