/* H84 PJAX navigation feedback. */
.h84-pjax-progress {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2147483000;
  width: 100%;
  height: 3px;
  pointer-events: none;
  opacity: 0;
  transform: scaleX(.08);
  transform-origin: left center;
  transition: opacity .16s ease, transform .42s ease;
  background: currentColor;
  color: var(--primary, #2563eb);
}
.h84-pjax-progress.is-active {
  opacity: 1;
  transform: scaleX(.78);
}
.h84-pjax-progress.is-error {
  color: var(--danger, #dc2626);
  opacity: 1;
  transform: scaleX(1);
}
html.h84-pjax-loading,
body.h84-pjax-loading {
  cursor: progress;
}
body.h84-pjax-loading #app-view {
  opacity: .72;
  transition: opacity .12s ease;
}
#app-view {
  min-width: 0;
}
@media (prefers-reduced-motion: reduce) {
  .h84-pjax-progress,
  body.h84-pjax-loading #app-view {
    transition: none;
  }
}