.nav-animate,
.feed-content {
  transition: all 0.25s linear;
}

*[state="leaving"] .nav-animate,
*[state="leaving"] .feed-content {
  opacity: 1;
  transform: translateX(-50px);
}

*[state="leave"] .nav-animate,
*[state="leave"] .feed-content {
  opacity: 0;
  transform: translateX(-100px);
}

*[state="rendering"] .nav-animate,
*[state="rendering"] .feed-content {
  transition: none;
  opacity: 0;
  transform: translateX(50px);
}

*[state="mounted"] .nav-animate,
*[state="mounted"] .feed-content {
  transition: none;
  opacity: 0;
  transform: translateX(50px);
}

*[state="rendered"] .nav-animate,
*[state="rendered"] .feed-content {
  opacity: 1;
  transform: translateX(0);
}

*[state="loaded"] .nav-animate,
*[state="loaded"] .feed-content {
  opacity: 1;
  transform: translateX(0);
}