/* Animations */

@keyframes softBlink {

      0%,
      100% {
        opacity: 1;
      }

      50% {
        opacity: 0.4;
      }
    }

@keyframes fadeIn {
      from {
        opacity: 0;
      }

      to {
        opacity: 1;
      }
    }

@keyframes fadeOut {
      to {
        opacity: 0;
        visibility: hidden;
      }
    }

@keyframes scaleIn {
      from {
        opacity: 0;
        transform: scale(0.8);
      }

      to {
        opacity: 1;
        transform: scale(1);
      }
    }

@keyframes bounce {

      0%,
      100% {
        transform: translateY(0);
      }

      50% {
        transform: translateY(-10px);
      }
    }

@keyframes spin {
      to {
        transform: rotate(360deg);
      }
    }

@keyframes slideDown {
      from {
        opacity: 0;
        transform: translate(-50%, -30px);
      }

      to {
        opacity: 1;
        transform: translate(-50%, 0);
      }
    }

@keyframes pulse {

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

      50% {
        transform: scale(1.1);
        opacity: 0.8;
      }
    }

/* Extracted Additional Animations */
@keyframes slideUp {
      from {
        transform: translateY(100%);
      }

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

          to {
            transform: translateY(0);
            opacity: 1;
          }
        }
@keyframes fadeIn {
          from {
            opacity: 0;
          }

          to {
            opacity: 1;
          }
        }