@keyframes scaleOut {
  0% { transform: scale(0.9); opacity: 0; }
  100% { transform: scale(1); opacity: 1; }
}
.motion-scale-out {
  animation: scaleOut 1s ease forwards;
}

.motion-to-top {
  animation: slideTop 1s ease forwards;
}

@keyframes slideTop {
  0% { transform: translateY(40px); opacity: 0; }
  100% { transform: translateY(0); opacity: 1; }
}