/* Restore the original sliding cadence; fade capsule paint instead of switching gradients. */
html body .bottom-nav{contain:paint}
html body .bottom-nav::before{will-change:transform;transition:transform 340ms cubic-bezier(.22,.8,.24,1)}
html body .bottom-nav .nav-item{transition:color 220ms ease,background-color 180ms ease}
html body .bottom-nav .nav-item>span{position:relative;isolation:isolate;transition:border-color 240ms ease,color 240ms ease}
html body .bottom-nav .nav-item.active>span,html body .bottom-nav .nav-item.active[data-view=updates]>span{background:transparent}
html body .bottom-nav .nav-item>span::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:linear-gradient(120deg,#7752b52e,#43828c24);opacity:0;pointer-events:none;will-change:opacity;transition:opacity 260ms ease}
html body .bottom-nav .nav-item.active>span::before{opacity:1}
html body .bottom-nav .nav-item>span .ui-icon{transition:none}
@media(hover:none),(pointer:coarse){html body .bottom-nav .nav-item,html body .bottom-nav .nav-item>span{transition:none}}
@media(prefers-reduced-motion:reduce){html body .bottom-nav::before,html body .bottom-nav .nav-item,html body .bottom-nav .nav-item>span,html body .bottom-nav .nav-item>span::before,html body .bottom-nav .ui-icon{transition:none!important;animation:none!important}}