:root{--nav-transition:.4s cubic-bezier(.34,1.56,.64,1);--nav-fade:.3s ease}
.header-shell.nav-motion-host{position:relative}
.nav-motion-host{isolation:isolate}
.nav-motion-pill{position:absolute;left:0;top:0;width:0;height:0;border-radius:999px;background:var(--accent,var(--af-pill,#f2f2f2));box-shadow:0 0 18px #ffffff10;opacity:0;pointer-events:none;z-index:0;transition:transform var(--nav-transition),width var(--nav-transition),height var(--nav-transition),opacity var(--nav-fade)}
.nav-motion-host>nav,.nav-motion-host>.header-actions,.nav-motion-host>a,.nav-motion-host>button{position:relative;z-index:1}
.nav-motion-host .nav-link,.nav-motion-host .icon-button,.nav-motion-host>a,.nav-motion-host>button{transition:color var(--nav-fade),background-color var(--nav-fade)}
.header-shell.nav-motion-host .nav-link.active,.header-shell.nav-motion-host .icon-button.active,.title-page-nav.nav-motion-host>a.active,.bottom-dock.nav-motion-host .active,.nav-motion-host [data-nav-motion-active]{background:transparent!important;box-shadow:none!important}
.nav-motion-host [data-nav-motion-active],.nav-motion-host [data-nav-motion-active]:hover{color:var(--theme-contrast,#111)!important;background:transparent!important}
@media(prefers-reduced-motion:reduce){:where(html:not([data-motion=full])) .nav-motion-pill,:where(html:not([data-motion=full])) .nav-motion-host .nav-link,:where(html:not([data-motion=full])) .nav-motion-host .icon-button,:where(html:not([data-motion=full])) .nav-motion-host>a,:where(html:not([data-motion=full])) .nav-motion-host>button{transition:none!important}}
:where(html[data-motion=reduced]) .nav-motion-pill,:where(html[data-motion=reduced]) .nav-motion-host .nav-link,:where(html[data-motion=reduced]) .nav-motion-host .icon-button,:where(html[data-motion=reduced]) .nav-motion-host>a,:where(html[data-motion=reduced]) .nav-motion-host>button{transition:none!important}