/* Global styles - using Tailwind CSS */

/* Toast Notification Animations */
@keyframes fade-in-up {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes slide-in {
  from {
    opacity: 0;
    transform: translateX(100%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

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

@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translateY(-10px);
  }
}

.animate-fade-in-up {
  animation: fade-in-up 0.4s ease-out forwards;
}

.animate-slide-in {
  animation: slide-in 0.3s ease-out forwards;
}

.animate-progress {
  animation: progress linear forwards;
}

.animate-fade-out {
  animation: fade-out 0.3s ease-in forwards;
}

/* Toast container backdrop */
.toast-backdrop {
  background-color: rgba(0, 0, 0, 0);
}

/* Responsive adjustments */
@media (max-width: 640px) {
  .toast-container {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}