.community-loading-topbar { display: flex; align-items: center; gap: .75rem; height: 100%; color: var(--gl-text-color-default); font-size: .8125rem; }
.community-loading-topbar > a { display: flex; align-items: center; gap: .5rem; color: inherit; text-decoration: none; font-weight: 600; }
.community-loading-topbar-context { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.community-loading-topbar-user { margin-left: auto; }
.community-loading-nav { padding: 1rem .75rem; overflow-y: auto; max-height: calc(100dvh - 3rem); font-size: .875rem; }
.community-loading-nav-context { display: block; padding: .5rem; overflow-wrap: anywhere; font-weight: 600; }
.community-loading-nav a, .community-loading-nav summary { display: flex; align-items: center; gap: .625rem; padding: .5rem; border-radius: .375rem; color: var(--gl-text-color-default); text-decoration: none; cursor: pointer; }
.community-loading-nav a:hover, .community-loading-nav summary:hover { background: var(--gl-background-color-subtle); }
.community-loading-nav details a { margin-left: 1rem; }
.community-loading-work-item { padding: 1rem 0; }
.community-loading-work-item h1 { font-size: 1.5rem; margin: .5rem 0 1rem; }
.community-loading-work-item p { max-width: 48rem; overflow-wrap: anywhere; white-space: pre-wrap; font-size: .875rem; color: var(--gl-text-color-subtle); }
@media (min-width: 80rem) {
  .super-sidebar-loading:has(.community-loading-nav) { position: fixed; top: var(--top-bar-height, 3rem); bottom: 0; left: 0; }
  .layout-page:has(.community-loading-nav) .panels-container { margin-left: 15rem; }
}