/**
 * Global Bootstrap modal open / close motion (QuickSync)
 * Disabled — using Bootstrap's default fade animation.
 */

/*
.modal.fade {
  transition: opacity 0.2s ease;
}

.modal.fade .modal-dialog {
  transition: transform 0.2s ease, opacity 0.2s ease;
  transform: translateY(-12px);
  opacity: 0;
}

.modal.fade.show .modal-dialog {
  transform: translateY(0);
  opacity: 1;
}

.modal-backdrop.fade {
  transition: opacity 0.2s ease;
  backdrop-filter: blur(4px) saturate(104%);
  -webkit-backdrop-filter: blur(4px) saturate(104%);
}

.modal-backdrop {
  background-color: rgba(15, 23, 42, 0.22) !important;
}

.modal-backdrop.show {
  opacity: 1 !important;
}

body.dark-mode .modal-backdrop {
  background-color: rgba(2, 6, 23, 0.34) !important;
}

@media (prefers-reduced-motion: reduce) {
  .modal.fade {
    transition: opacity 0.01ms linear;
  }

  .modal.fade .modal-dialog {
    transition: none;
    transform: none;
    opacity: 1;
  }

  .modal.fade.show .modal-dialog {
    transform: none;
    opacity: 1;
  }

  .modal-backdrop.fade {
    transition: opacity 0.01ms linear;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
}
*/