/* ==========================================================================
   Animations
   ========================================================================== */
   
   @keyframes slow-blink {
       0%, 100% { opacity: 1; }
       50% { opacity: 0.5; }
   }
   
   @keyframes bounce {
       0%, 20%, 50%, 80%, 100% { transform: translateY(0) rotate(45deg); }
       40% { transform: translateY(8px) rotate(45deg); }
       60% { transform: translateY(4px) rotate(45deg); }
   }
   
   @keyframes bounce-rev {
       0%, 20%, 50%, 80%, 100% { transform: translateY(0) rotate(-135deg); }
       40% { transform: translateY(-8px) rotate(-135deg); }
       60% { transform: translateY(-4px) rotate(-135deg); }
   }
   
   @keyframes panelTransition {
       from { opacity: 0.5; }
       to { opacity: 1; }
   }
   
   @keyframes fadeIn {
     from {
       opacity: 0;
       transform: scale(1.1);
     }
     to {
       opacity: 1;
       transform: scale(1);
     }
   }
   
   @keyframes fadeOut {
     from {
       opacity: 1;
       transform: scale(1);
     }
     to {
       opacity: 0;
       transform: scale(1.1);
     }
   }

   @keyframes loading-spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
  }
   
   @keyframes fadeInBackground {
       from { opacity: 0; }
       to { opacity: 1; }
   }

   @keyframes pulse {
       0% {
           transform: scale(0.8);
           opacity: 0.8;
       }
       50% {
           transform: scale(1.2);
           opacity: 0.4;
       }
       100% {
           transform: scale(0.8);
           opacity: 0.8;
       }
   }

   @keyframes slideIn {
       from {
           opacity: 0;
           transform: translateY(20px);
       }
       to {
           opacity: 1;
           transform: translateY(0);
       }
   }

   @keyframes fadeOutBackground {
       from {
           opacity: 1;
       }
       to {
           opacity: 0;
       }
   }

   @keyframes slideOut {
       from {
           opacity: 1;
           transform: translateY(0);
       }
       to {
           opacity: 0;
           transform: translateY(20px);
       }
   }