.ob-pagebar{z-index:30;height:var(--ob-top-h);border-bottom:1px solid var(--color-border);background:var(--color-bg);font-family:var(--font-ui);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;padding:0 8px;display:grid;position:sticky;top:0}.ob-brand--page{border-radius:var(--radius-md);color:var(--color-fg);justify-self:start;padding:0 8px;display:inline-flex}.ob-pagebar-nav{align-items:stretch;height:100%;display:flex}.ob-pagebar-link{min-width:var(--ctl-icon);color:var(--color-fg-muted);transition:color var(--dur-hover) var(--ease-out);justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:14px;font-weight:500;display:inline-flex}@media (hover:hover){.ob-pagebar-link:hover{color:var(--color-fg)}}.ob-pagebar-link.is-on{color:var(--color-fg);font-weight:600;position:relative}.ob-pagebar-link.is-on:after{content:"";background:var(--color-fg);border-radius:2px;height:2px;position:absolute;bottom:-1px;left:14px;right:14px}@media (width<=639.98px){.ob-pagebar-word,.ob-brand--page .ob-brand-word{display:none}.ob-pagebar-link{padding:0 10px}}.ob-pagebar-r{justify-self:end;align-items:center;display:flex}