/* src/assets/css/styles.scss */
.animate > * {
  transition: all 0.55s cubic-bezier(0.75, 0, 0.25, 1);
}
.animate-opacity > * {
  opacity: 0;
}
.animate-top > * {
  opacity: 0;
  transform: translate(0, -50px);
}
.animate-right > * {
  opacity: 0;
  transform: translate(-50px, 0);
}
.animate-bottom > * {
  opacity: 0;
  transform: translate(0, 50px);
}
.animate-left > * {
  opacity: 0;
  transform: translate(50px, 0);
}
.show > * {
  opacity: 1;
  transform: translate(0, 0);
}
@media (prefers-reduced-motion) {
  .animate {
    transition: none;
  }
}