.u-fade-in {
  opacity: 0;
}

.u-fade-in.is-active {
  animation: utilityFadeUp 1s cubic-bezier(0.33, 1, 0.68, 1) forwards;
}

@keyframes utilityFadeUp {
  0% {
    transform: translateY(30px);
    opacity: 0;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}