@keyframes mhd-slide-in {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.animate-slide-in {
  animation: mhd-slide-in 0.15s ease-out;
}

@keyframes mhd-toast-progress {
  from { width: 100%; }
  to { width: 0%; }
}

.animate-toast-progress {
  animation-name: mhd-toast-progress;
  animation-timing-function: linear;
  animation-fill-mode: forwards;
}

@media (prefers-reduced-motion: reduce) {
  .animate-slide-in,
  .animate-toast-progress {
    animation: none !important;
  }
}