/* ------------------------------------------HTMX Loader------------------------------------------------------- */
.htmx-indicator{
  position: absolute;
  display: none;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.9);
  opacity: 0;
}

.htmx-indicator-index {
  position: absolute;
  display: none;
  width: calc(100% - 16px);
  height: calc(100% - 16px);
  background-color: rgba(255, 255, 255, 0.9);
  opacity: 0;
}

.htmx-request .htmx-indicator,
.htmx-request.htmx-indicator,
.htmx-request .htmx-indicator-index,
.htmx-request.htmx-indicator-index {
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
}
#spinner-image {
  width: 50px;
  height: 50px;
}
#spinner-image-small {
  width: 30px;
  height: 30px;
}

@media screen and (min-width: 425px) {}
@media screen and (min-width: 600px) {}
@media screen and (min-width: 769px) {}
@media screen and (min-width: 1024px) {}
@media screen and (min-width: 1200px) {}
@media screen and (min-width: 1440px) {}