.loader {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  display: inline-block;
  border-top: 5px solid hsl(193, 46%, 54%);
  border-right: 5px solid transparent;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
}
.loader::after {
  content: '';
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 0;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  border-left: 5px solid hsl(9, 68%, 53%);
  border-bottom: 5px solid transparent;
  animation: rotation 0.5s linear infinite reverse;
}

.loader-sm {
  width: 24px;                /* 64 * 0.375 */
  height: 24px;
  border-top: 2px solid hsl(193, 46%, 54%);
  border-right: 2px solid transparent;
}
.loader-sm::after {
  width: 24px;
  height: 24px;
  border-left: 2px solid hsl(9, 68%, 53%);
  border-bottom: 2px solid transparent;
}

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.htmx-indicator{
        display:none !important;
    }
.htmx-request .htmx-indicator{
         display:inline-flex !important;
    }
.htmx-request.htmx-indicator{
         display:inline-flex  !important;
    }

.spinner-border,
.spinner-grow {
        --bs-spinner-animation-speed: 0.75s
    }