/* ================================== */
/* Shared Animations                 */
/* ================================== */

/* This file contains animations and utilities that are shared across
   both Tailwind-based layouts (admin, app, home) and non-Tailwind
   layouts (blog). Import this in both application.css and tailwind.css
   to avoid duplication. */

/* ============================= */
/* Fade Animations               */
/* ============================= */

@keyframes fadeIn {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes fadeOut {
  0%   { opacity: 1; }
  100% { opacity: 0; }
}

.animate-fadeIn {
  animation: fadeIn 1s ease-out;
}

.animate-fadeOut {
  animation: fadeOut 1s ease-out forwards;
}