@keyframes thumb-bounce {
  0%   { transform: scale(1) translateX(0); }
  55%  { transform: scale(1.18) translateX(2px); }
  100% { transform: scale(1) translateX(0); }
}

.nav-switch[data-value="maps"] .nav-thumb,
.nav-switch[data-value="waze"] .nav-thumb {
  animation: thumb-bounce 0.28s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.nav-switch[data-value="maps"] .nav-pill-left {
  color: #fff;
  font-weight: 600;
}

.nav-switch[data-value="waze"] .nav-pill-right {
  color: #fff;
  font-weight: 600;
}

.nav-pill {
  color: #aaa;
  transition: color 0.2s ease;
}