.title-hub-scrim{place-items:center;padding:8px;background:#070c16bd}#app .menu-panel.title-hub-panel,html.big-text #app .menu-panel.title-hub-panel{width:212px;max-width:100%;max-height:164px;padding:9px;gap:7px;background:#1b2030;border:1px solid #424a5c;border-radius:4px;border-image:none;box-shadow:0 4px 12px #0006}#app .title-hub-panel>header{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:30px;padding:5px 6px;border:0;border-radius:2px;background:#242b3c}#app .title-hub-panel>header:not(:has(.hub-identity)){min-height:20px;padding:0;background:none}#app .title-hub-panel .hub-identity{position:relative;display:grid;flex:1;align-content:center;gap:2px;min-width:0;min-height:22px;max-width:none;padding:0 10px 0 0;border:0;border-radius:1px;background:none;box-shadow:none;text-align:left;cursor:pointer}#app .title-hub-panel .hub-player{display:flex;align-items:center;gap:4px;min-width:0}#app .title-hub-panel .hub-player>b{font:600 8px/1.2 var(--pf),sans-serif;color:#e2e6ee;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#app .title-hub-panel .hub-identity>small{font:400 6px/1.3 var(--pf),sans-serif;color:#a6b0c1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#app .title-hub-panel .hub-profile-arrow{position:absolute;right:0;top:50%;width:5px;height:5px;transform:translateY(-50%);color:#9aa8be}#app .title-hub-panel .hub-player .acct-dot{width:2px;height:2px;border-radius:50%;box-shadow:none;animation:none}@media(hover:hover){#app .title-hub-panel .hub-identity:hover .hub-player>b{color:#fff}}#app .title-hub-panel .hub-identity:active{opacity:.75}html.kb #app .title-hub-panel .hub-identity:focus-visible{outline:1px solid #becbdd;outline-offset:2px}#app .title-hub-panel header .btn.x{margin-left:auto;width:20px;min-width:20px;height:20px;min-height:20px;flex:none;padding:3px;color:#bbc6d6}#app .title-hub-panel header .btn.x svg{width:7px;height:7px}#app .title-hub-panel nav{display:grid;padding:0;border:0;border-radius:0;background:none}#app .title-hub-panel nav.hub-destinations{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}#app .title-hub-panel nav .btn{position:relative;min-width:0;transform:none;transition:none}#app .title-hub-panel nav .hub-door{min-height:27px;padding:4px 6px;gap:5px;justify-content:flex-start;text-align:left}#app .title-hub-panel .hub-door>img{width:10px;height:10px;flex:none;object-fit:contain}#app .title-hub-panel .hub-door>span{display:block;min-width:0;line-height:1.2}#app .title-hub-panel .hub-door b{font:550 7.5px/1.2 var(--pf),sans-serif;color:#e2e6ee}#app .title-hub-panel .hub-door:last-child:nth-child(odd){grid-column:1/-1}#app .title-hub-panel .hub-door.done{opacity:var(--quiet)}#app .title-hub-panel nav.hub-tools{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding-top:7px;border-top:1px solid #343c4e}#app .title-hub-panel nav.hub-tools>.btn{grid-column:auto;min-height:21px;padding:3px 2px;gap:3px;justify-content:center;font:500 6.5px/1.2 var(--pf),sans-serif;color:#bac3d2}#app .title-hub-panel .hub-tools .btn>img{width:7px;height:7px;flex:none;object-fit:contain;opacity:.8}#app .title-hub-panel .hub-tools .wn-dot{position:absolute;top:2px;right:2px;margin:0;width:2px;height:2px}#app .title-hub-panel .hub-sync-dot{width:3px;height:3px;flex:none;border-radius:50%;box-shadow:none;animation:none}#app .title-hub-panel .hub-sync-dot.is-green{background:#7cce95}#app .title-hub-panel .hub-sync-dot.is-yellow{background:#e2c16c}#app .title-hub-panel .hub-sync-dot.is-red{background:#e58189}#app .title-hub-panel header .btn.hub-opt-gear{margin-left:auto;padding:5px}#app .title-hub-panel header .btn.hub-opt-gear+.btn.x{margin-left:0}#app .title-hub-panel .hub-opt-gear>img{width:9px;height:9px;object-fit:contain}#app .title-hub-panel header .btn.hub-opt-chip{margin-left:auto;flex:none;width:auto;min-width:0;max-width:none;min-height:20px;padding:3px 7px;gap:4px;font:550 7px/1.2 var(--pf),sans-serif;color:#e2e6ee}#app .title-hub-panel header .btn.hub-opt-chip+.btn.x{margin-left:0}#app .title-hub-panel .hub-opt-chip>img{width:9px;height:9px;flex:none;object-fit:contain}#app .title-hub-panel header+nav.hub-tools{grid-template-columns:repeat(3,minmax(0,1fr));padding-top:0;border-top:0}