/* https://htmx.org/attributes/hx-indicator/ */
.htmx-indicator {
  opacity: 0;
  transition: opacity 500ms ease-in;
}
.htmx-request .htmx-indicator,
.htmx-request.htmx-indicator {
  opacity: 1;
}

.htmx_indicator_wrapper {
  display: flex;
  position: relative;
  width: 100%;
  height: 25px;
}
img.htmx_indicator_img {
  position: absolute;
  width: 40px;
  opacity: .7;

  /* make centered */
  left: 50%;
  top: 0;
  transform: translate(-50%, 50%);

  /* set color to #099aa7 */
  filter: invert(72%) sepia(34%) saturate(742%) hue-rotate(146deg) brightness(93%) contrast(96%);filter: invert(72%) sepia(34%) saturate(742%) hue-rotate(146deg) brightness(85%) contrast(104%);
}

/* https://htmx.org/examples/animations/ */
/* NOTE htmx_fade_in is set by me */
#htmx_fade_in.htmx-added {
  opacity: 0;
}
#htmx_fade_in {
  opacity: 1;
  transition: opacity .35s ease-out;
}


.summary_div p:last-child {
  margin-bottom: 0;
}


.pagination .is_current_page a {
  background: color-mix(in srgb, var(--accent-color), transparent 85%);
  color: var(--accent-color);
}