.j-page-navigation{border-bottom:1px solid var(--color-border-subtle);background-color:var(--color-surface-raised);margin:-32px calc(50% - 50vw) 24px;padding:0 16px}.j-page-navigation .bucket-tabs{background-color:#0000;border:0;border-radius:0;gap:0;width:-moz-fit-content;width:fit-content;margin:0 auto}.j-page-navigation .bucket-tabs a{min-height:52px;color:var(--color-text-secondary);border-radius:0;padding:0 4px;font-size:12px}.j-page-navigation .bucket-tabs a:hover{color:var(--color-text-primary)}.j-page-navigation .bucket-tabs a span{border-radius:999px;padding:6px 14px;transition:background-color 50ms ease-in-out}.j-page-navigation .bucket-tabs a.is-active{background-color:#0000}.j-page-navigation .bucket-tabs a.is-active span{color:var(--color-text-primary);box-shadow:inset 0 0 0 1px var(--color-text-primary);background-color:#0000}.j-page-navigation--mobile{background-color:#0000;border-bottom:0;margin:0;padding:0}.j-page-navigation--mobile .bucket-tabs{z-index:11;background-color:var(--color-bg-primary);width:100%;padding:0 0 env(safe-area-inset-bottom);height:calc(48px + env(safe-area-inset-bottom));border:0;border-top:1px solid var(--color-border-subtle);border-radius:0;gap:0;margin:0;position:fixed;bottom:0;left:0;right:0}.j-page-navigation--mobile .bucket-tabs a{border-radius:0;outline:none;width:100%;height:48px;min-height:48px;padding:0}.j-page-navigation--mobile .bucket-tabs a.is-active{color:var(--color-text-primary);background:var(--color-surface-subtle)}.j-page-navigation--mobile .bucket-tabs a+a{border-left:1px solid var(--color-border-subtle)}.j-page-navigation--mobile .bucket-tabs a span{display:none}.j-page-navigation--mobile .bucket-tabs a i{justify-content:center;align-items:center;font-style:normal;display:flex}.j-page-navigation--mobile .bucket-tabs a i svg{width:20px;height:20px;display:block}@media (min-width:650px){.theme-dark .j-page-navigation{border-top:1px solid #3a3a3a80}}