.ajax-browse-panel {
  position: relative;
  transition: opacity 0.25s var(--ease, ease);
}

.ajax-browse-panel.is-loading {
  opacity: 0.55;
  pointer-events: none;
  min-height: 12rem;
}

.ajax-browse-panel.is-loading::after {
  content: "";
  position: absolute;
  top: 2.5rem;
  left: 50%;
  width: 2rem;
  height: 2rem;
  margin-left: -1rem;
  border-radius: 50%;
  border: 2px solid rgba(255, 140, 66, 0.25);
  border-top-color: var(--primary, #ff8c42);
  animation: ajax-browse-spin 0.75s linear infinite;
}

@keyframes ajax-browse-spin {
  to {
    transform: rotate(360deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .ajax-browse-panel.is-loading::after {
    animation: none;
    border-top-color: rgba(255, 140, 66, 0.45);
  }
}

.packages-filters .packages-filter.is-active {
  pointer-events: auto;
}