BewlyBewly/src/styles/transitionAndTransitionGroup.scss

.page-fade-enter-active,
.page-fade-leave-active {
  --at-apply: transition-opacity duration-500;
}
.page-fade-enter-from,
.page-fade-leave-to {
  --at-apply: opacity-0;
}
.page-fade-leave-to {
  --at-apply: hidden
}

.fade-enter-active,
.fade-leave-active {
  --at-apply: transition-opacity duration-500;
}
.fade-enter-from,
.fade-leave-to {
  --at-apply: opacity-0;
}

.list-enter-active,
.list-leave-active {
  --at-apply: transition-all duration-500;
}
.list-enter-from,
.list-leave-to {
  --at-apply: opacity-0 transform translate-y-6 transform-gpu;
}
.list-leave-to {
  --at-apply: hidden
}