.top-bar{--index-icon-size: 32px;--index-icon-bg: var(--neutral-200);--index-icon-fs: 0.8em;--index-color: var(--neutral-800);--index-fs: 1.1em;--index-description-color: var(--neutral-400);display:grid;grid-template-columns:auto 1fr auto;gap:1rem;justify-content:space-between;align-items:center;padding-inline:1rem;padding-block:.5rem;background-color:rgba(0,0,0,0);position:relative;width:100vw;border-bottom:1px solid var(--neutral-100)}@media(min-width: 768px){.top-bar{width:calc(100vw - var(--sidebar-width));background-color:var(--top-bar-background);align-items:center;grid-template-columns:1fr auto;gap:2rem}}.top-bar__index{width:100%;display:flex;align-items:center;justify-content:center;gap:1rem;overflow:hidden;white-space:nowrap}.top-bar__index .index__icon{display:none;width:var(--index-icon-size);height:var(--index-icon-size);background-color:var(--index-icon-bg);border-radius:50%;font-size:var(--index-icon-fs);color:var(--index-color);display:flex;align-items:center;justify-content:center}@media(min-width: 768px){.top-bar__index{order:0;width:auto;justify-content:flex-start;text-align:left}}