/* subtle htmx transitions */
.htmx-fade-in.htmx-added {
  opacity: 0;
}
.htmx-fade-in {
  opacity: 1;
  transition: opacity 300ms ease-out;
}
.htmx-fade-out.htmx-swapping {
  opacity: 0;
  transition: opacity 300ms ease-out;
}

.manual-fade-in {
  animation: manualFadeIn 300ms ease-in;
}

@keyframes manualFadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}