.swal2-container {
  background: rgba(0, 0, 0, 0.3) !important;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}
.swal2-popup {
  background: rgba(255, 255, 255, 0.95) !important;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
html.dark-mode .swal2-container {
  background: rgba(0, 0, 0, 0.5) !important;
}

html.dark-mode .swal2-popup {
  background: rgba(30, 30, 30, 0.95) !important;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
.swal2-popup.animate__animated,
.swal2-container.animate__animated {
  animation-duration: 0.2s !important;
  --animate-duration: 0.2s !important;
}
:root {
  --animate-duration: 0.2s !important;
}