/* These styles are generated from project.scss. */

.alert-debug {
  color: black;
  background-color: white;
  border-color: #d6e9c6;
}

.alert-error {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}


/* Fade OUT old content during the swap phase */
.htmx-swapping {
  opacity: 0;
  transition: opacity 0.3s ease;
}

/* New content starts invisible */
.htmx-added {
  opacity: 0;
}

/* Fade IN new content during the settling phase */
.htmx-added.htmx-settling {
  opacity: 1;
  transition: opacity 0.3s ease;
}

/* Fix list-group black background and hover issues */
.list-group {
  --bs-list-group-bg: transparent;
  --bs-list-group-border-color: rgba(var(--bs-border-color-rgb), 0.175);
}

.list-group-item {
  background-color: transparent;
  color: var(--bs-body-color);
}

.list-group-item:hover,
.list-group-item:focus {
  background-color: rgba(var(--bs-primary-rgb), 0.1);
  color: var(--bs-body-color);
}

.list-group-item-action:hover {
  background-color: rgba(var(--bs-primary-rgb), 0.1);
}