tr.htmx-swapping td {
  opacity: 0;
  transition: opacity 1s ease-out;
}

body[data-bs-theme="dark"] #lopantonavbar {
  box-shadow: 0 6px 12px rgba(255, 255, 255, 0.1) !important;
  /* border: 1px solid rgba(255, 255, 255, 0.5); Debugging border */
}

.fade-out {
  animation: fadeOut 1s forwards;
}

@keyframes fadeOut {
  to {
    opacity: 0;
  }
}