[x-cloak] {
  display: none !important;
}

.fadeup {
  transform: translateY(20px);
  clip-path: inset(100% 0 0 0);
  -webkit-clip-path: inset(100% 0 0 0);
  will-change: transform, clip-path;
}

.fadeupanim {
  animation: fadeup 0.35s cubic-bezier(0.25,0.46,0.45,0.94) forwards;
}

@keyframes fadeup {
  0% {
    transform: translateY(20px);
    clip-path: inset(100% 0 0 0);
    -webkit-clip-path: inset(100% 0 0 0);
  }

  100% {
    transform: translateY(0);
    clip-path: inset(0 0 0 0);
    -webkit-clip-path: inset(0 0 0 0);
  }
}