/* ==========================================================================
 * Alert - Animate
 * ========================================================================== */

@keyframes mds-alert {
  0% {
    opacity: 0;
    transform: translateY(var(--mds-d-spacing--xl));
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.mds-c-alert--animate-in {
  animation: mds-alert 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}