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