/* Container for notifications */
.notify-error {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 9999;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* Individual notification box */
.notification {
  background-color: #888282;
  color: #fff;
  padding: 15px 20px;
  border-radius: 5px;
  font-size: 14px;
  box-shadow: 0 2px 8px rgba(180, 162, 162, 0.3);
  opacity: 0;
  transform: translateY(20px);
  animation: slideIn 0.5s forwards, fadeOut 0.5s 3s forwards;
}

/* Slide-in animation */
@keyframes slideIn {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/* Fade-out animation */
@keyframes fadeOut {
  to {
    opacity: 0;
    transform: translateY(20px);
  }
}/*# sourceMappingURL=notify_error.css.map */