@keyframes rise-in {
  from {
    transform: translateY(14px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes breathe {
  0%, 100% {
    box-shadow: 0 0 0 4px rgba(32, 154, 94, 0.2);
    opacity: 1;
  }
  50% {
    box-shadow: 0 0 0 6px rgba(32, 154, 94, 0.3);
    opacity: 0.9;
  }
}

@keyframes drift-a {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(-18px, 18px, 0);
  }
}

@keyframes drift-b {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(18px, -12px, 0);
  }
}