@keyframes slideDownSmooth {
      from {
          transform: translateY(-120%);
          opacity: 0;
      }

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

  @keyframes pinPulse {
      0%, 100% {
          box-shadow: 0 0 0 0 rgba(200, 164, 90, .6);
      }

      50% {
          box-shadow: 0 0 0 16px rgba(200, 164, 90, 0);
      }
  }

  @keyframes menuBounce {
      0% {
          transform: translateX(110%);
      }

      60% {
          transform: translateX(-5%);
      }

      100% {
          transform: translateX(0);
      }
  }

  @keyframes scaleIn {
      0% {
          opacity: 0;
          transform: scale(0.8) translateY(20px);
      }

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

  .animate-scaleIn {
      animation: scaleIn 0.3s ease;
  }