/*!****************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./frontend/pages/search_detail/css/search_detail.scss ***!
  \****************************************************************************************************************************************************************************************/
.loader {
  display: none;
}

.htmx-request .loader {
  display: block;
}

.htmx-request.loader {
  display: block;
}

/* Hide previously loaded content during HTMX request */
.htmx-request .loaded-content {
  display: none;
}

.htmx-request.loaded-content {
  display: none;
}

/* Styling for search timeout spinner */
#search-timeout-error-spinner {
  display: none;
  transition: display 250ms ease-in;
}

.htmx-request #search-timeout-error-spinner {
  display: block;
}

.htmx-request#search-timeout-error-spinner {
  display: block;
}

#search-timeout-error-countdown {
  display: block;
  transition: display 250ms ease-in;
}

.htmx-request #search-timeout-error-countdown {
  display: none;
}

.htmx-request#search-timeout-error-countdown {
  display: none;
}

/* hide the spinner by default */
#date-update-spinner {
  opacity: 0;
  transition: opacity 500ms ease-in;
}

/* HTMX adds this class to #summary-spinner while the request is running */
.htmx-request#date-update-spinner {
  display: flex;
  opacity: 1; /* fades it in if you keep the opacity-0 above */
}

/* hide the spinner by default */
#filter-update-spinner {
  opacity: 0;
  transition: opacity 500ms ease-in;
}

/* HTMX adds this class to #summary-spinner while the request is running */
.htmx-request#filter-update-spinner {
  display: flex;
  opacity: 1; /* fades it in if you keep the opacity-0 above */
}