If the next-upcoming plan is a flight, the selection box (and the icon, when unselected) takes the color of the flight's status (green in this case).


The page-switching interaction happens over a fixed period of time and is triggered when a user's head moves up or down 22° -- the lineup of icons is not in constant motion.


Due to browser limitations, the interaction shown here occurs over 300ms, but the native experience should be quicker: 100ms or 150ms.