/* Directional color reveal; keep the gray base visible underneath. */
.mobile-nav .nav-button .nav-color-icon--news .nav-color-layer{clip-path:inset(0 100% 0 0);opacity:1;transition:clip-path 520ms cubic-bezier(.22,1,.36,1)}
.mobile-nav .nav-button .nav-color-icon--saved .nav-color-layer{clip-path:inset(100% 0 0 0);opacity:1;transition:clip-path 520ms cubic-bezier(.22,1,.36,1)}
.mobile-nav .nav-button.active .nav-color-icon--news .nav-color-layer,
.mobile-nav .nav-button.active .nav-color-icon--saved .nav-color-layer{clip-path:inset(0)}
.mobile-nav .nav-button.active .nav-color-icon--news .nav-color-base,
.mobile-nav .nav-button.active .nav-color-icon--saved .nav-color-base{opacity:1}
@media(prefers-reduced-motion:reduce){
.mobile-nav .nav-button .nav-color-icon--news .nav-color-layer,
.mobile-nav .nav-button .nav-color-icon--saved .nav-color-layer{transition:none}
}