.workspace-header{position:sticky;top:0;z-index:6}.workspace-header .topbar{position:relative;top:auto}:root .workspace-header .tabs{position:relative;top:0}
:root[data-navigation=left],:root[data-navigation=right]{--nav-width:234px;--header-offset:0px}:root[data-navigation=left][data-navigation-collapsed=true],:root[data-navigation=right][data-navigation-collapsed=true]{--nav-width:64px}
html:is([data-navigation=left],[data-navigation=right]) .workspace-header{position:fixed;top:0;bottom:0;width:var(--nav-width);display:flex;flex-direction:column;background:var(--surface);border-right:1px solid var(--line)}html[data-navigation=left] .workspace-header{left:0;right:auto}html[data-navigation=right] .workspace-header{right:0;left:auto;border-right:0;border-left:1px solid var(--line)}
html:is([data-navigation=left],[data-navigation=right]) .workspace-header .topbar{position:relative;top:auto;display:flex;flex-wrap:wrap;align-items:center;gap:12px;height:auto;min-height:0;padding:20px 16px 16px;flex:none;border-bottom:1px solid var(--line);overflow:visible}html:is([data-navigation=left],[data-navigation=right]) .topbar .wordmark{width:100%;justify-content:flex-start;font-size:22px}html:is([data-navigation=left],[data-navigation=right]) .topbar .divider,html:is([data-navigation=left],[data-navigation=right]) .topbar>.header-space{display:none}html:is([data-navigation=left],[data-navigation=right]) .project-switch{width:100%;margin:0}html:is([data-navigation=left],[data-navigation=right]) .project-switch .choice-button{width:100%;max-width:100%;min-width:0;text-align:left;padding:9px 24px 9px 8px;font-size:12px}html:is([data-navigation=left],[data-navigation=right]) .runtime{order:6;width:100%;padding-top:3px;font-size:9px}html:is([data-navigation=left],[data-navigation=right]) .header-consoles{margin-right:auto}html:is([data-navigation=left],[data-navigation=right]) #session-icons{flex-basis:100%;max-height:100px;overflow:auto;order:7;flex-wrap:wrap}html:is([data-navigation=left],[data-navigation=right]) #session-icons:empty{display:none}
html:is([data-navigation=left],[data-navigation=right]):not([data-navigation-collapsed=true]) .topbar .wordmark{order:-2;width:auto;flex:1 1 auto;min-width:0}html:is([data-navigation=left],[data-navigation=right]):not([data-navigation-collapsed=true]) .topbar .avatar{order:-1;flex:none;margin-left:auto}
html:is([data-navigation=left],[data-navigation=right]) .workspace-header #workspace-nav{position:relative;top:auto;bottom:auto;left:auto;right:auto;width:100%;min-height:0;flex:1;border:0;padding:12px 10px 20px}html:is([data-navigation=left],[data-navigation=right]) .workspace{padding-top:28px}html[data-navigation=left] .workspace{margin-left:var(--nav-width)}html[data-navigation=right] .workspace{margin-right:var(--nav-width)}
html:is([data-navigation=left],[data-navigation=right])[data-navigation-collapsed=true] .topbar{padding:18px 10px 12px;gap:12px;justify-content:center}html:is([data-navigation=left],[data-navigation=right])[data-navigation-collapsed=true] .wordmark{justify-content:center}html:is([data-navigation=left],[data-navigation=right])[data-navigation-collapsed=true] .wordmark span,html:is([data-navigation=left],[data-navigation=right])[data-navigation-collapsed=true] .runtime{display:none}html:is([data-navigation=left],[data-navigation=right])[data-navigation-collapsed=true] .project-switch .choice-button{font-size:0;padding:9px;min-height:34px}html:is([data-navigation=left],[data-navigation=right])[data-navigation-collapsed=true] .project-switch .choice-button::after{display:none}html:is([data-navigation=left],[data-navigation=right])[data-navigation-collapsed=true] .project-switch .choice-button::before{content:'▱';font-size:18px}html:is([data-navigation=left],[data-navigation=right])[data-navigation-collapsed=true] .header-consoles{flex-direction:column;margin:0}html:is([data-navigation=left],[data-navigation=right])[data-navigation-collapsed=true] #session-icons{flex-direction:column;max-height:80px}
.account-menu[data-open-side=right] .attention-submenu{right:auto;left:calc(100% + 6px)}
@media(max-width:1000px){.account-menu[data-open-side=right] .attention-submenu{position:static;width:100%;max-height:40vh;border:0;border-left:2px solid var(--line);border-radius:0;box-shadow:none}}
@media(max-width:760px){html:is([data-navigation=left],[data-navigation=right]){--nav-width:220px;--header-offset:0px}html:is([data-navigation=left],[data-navigation=right])[data-navigation-collapsed=true]{--nav-width:64px}html[data-navigation=left] .workspace{margin-left:64px}html[data-navigation=right] .workspace{margin-right:64px}html:is([data-navigation=left],[data-navigation=right]) .workspace-header .wordmark span{display:inline}html:is([data-navigation=left],[data-navigation=right])[data-navigation-collapsed=true] .workspace-header .wordmark span{display:none}.account-menu[data-open-side=right] .attention-submenu{left:auto}}