.hop{position:-webkit-sticky;position:sticky;top:var(--hop-top,66px);z-index:40;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:var(--topbar-bg);-webkit-border-after:1px solid var(--border);border-block-end:1px solid var(--border)}.hop-in{display:flex;align-items:center;gap:8px;max-width:1240px;margin:0 auto;padding:7px 16px}.hop-home{flex:none;font-size:13px;font-weight:700;color:var(--accent);text-decoration:none;-webkit-padding-end:6px;padding-inline-end:6px;-webkit-border-end:1px solid var(--border);border-inline-end:1px solid var(--border);white-space:nowrap}.hop-row{flex:1 1;min-width:0;display:flex;justify-content:center;gap:6px;overflow-x:auto;scrollbar-width:none}.hop-row::-webkit-scrollbar{display:none}.hop-chip{flex:none;display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;border:1px solid var(--border);color:var(--text);font-size:13.5px;font-weight:600;text-decoration:none;white-space:nowrap;transition:border-color .15s,color .15s,background .15s}.hop-chip.on,.hop-chip:hover{border-color:var(--accent);color:var(--accent)}.hop-chip.on{background:color-mix(in srgb,var(--accent) 14%,transparent)}.hop-arr{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1px solid var(--border);color:var(--text);font-size:16px;text-decoration:none}.hop-arr:hover{border-color:var(--accent);color:var(--accent)}.hop-prev:before{content:"←"}.hop-next:before,[dir=rtl] .hop-prev:before{content:"→"}[dir=rtl] .hop-next:before{content:"←"}@media (max-width:760px){.hop-in{padding:6px 10px;gap:6px}.hop-home{display:none}.hop-row{justify-content:flex-start}.hop-chip{font-size:13px;padding:5px 10px}.hop-arr{width:30px;height:30px}}