/* L67: the tab selection follows a list swipe, then settles at the chosen tab. */
.nav.tab-swiping,.home-scrollbar .nav.tab-swiping{position:relative}
.nav.tab-swiping::before{content:"";position:absolute;z-index:0;top:0;bottom:0;left:var(--tab-swipe-left,0px);width:var(--tab-swipe-width,50%);background:var(--mast-ink);pointer-events:none;transition:none}
.nav.tab-swiping button{position:relative;z-index:1;background:transparent!important;color:#fff!important;mix-blend-mode:difference}
.nav.tab-snapping::before{transition:left .14s ease,width .14s ease}
@media(prefers-reduced-motion:reduce){.nav.tab-snapping::before{transition:none}}

/* L100: absent at rest; desktop never enters a motion state. */
.list-motion-staging{position:fixed;inset:0;z-index:-1;visibility:hidden;overflow:hidden;pointer-events:none;background:var(--page);background-image:var(--dots);background-size:6px 6px;contain:layout style paint}
.list-motion-staging.is-active{z-index:2}
.list-motion-current{position:relative;z-index:3;background:var(--page);background-image:var(--dots);background-size:6px 6px}
html.cafe-motion::after{content:"";position:fixed;inset:0;background:#000;opacity:.08;z-index:19;pointer-events:none}