.troca-tela-enter-active {
  transition: all 0.5s ease-out;
}

.troca-tela-leave-active {
  transition: all 0.5s ease-in;
}

.troca-tela-enter-from {
  transform: translateX(-40px);
  opacity: 0;
}

.troca-tela-leave-to {
  transform: translateX(40px);
  opacity: 0;
}

.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.5s ease;
}

.fade-enter-from,
.fade-leave-to {
  opacity: 0;
}

.pisca-enter-active {
  transition: opacity 0.3s ease;
}

.pisca-enter-from {
  opacity: 0;
}