/* 396B: stable global partial navigation without motion or layout shifts. */
html {
  scrollbar-gutter: stable;
}

@supports not (scrollbar-gutter: stable) {
  html {
    overflow-y: scroll;
  }
}

html.pi-navigation-loading-v396b {
  cursor: progress;
}

html.pi-navigation-loading-v396b::after {
  content: "";
  position: fixed;
  inset: 0 0 auto;
  height: 2px;
  z-index: 2147482400;
  background: #2563eb;
  pointer-events: none;
  cursor: progress;
}

html.pi-navigation-loading-v396b a,
html.pi-navigation-loading-v396b button,
html.pi-navigation-loading-v396b input,
html.pi-navigation-loading-v396b select,
html.pi-navigation-loading-v396b textarea {
  cursor: progress;
}

html.pi-navigation-loading-v396b [data-pi-main],
html.pi-navigation-loading-v396b main.main {
  pointer-events: none;
  overflow-anchor: none;
}

html.pi-navigation-settling-v396b [data-pi-main],
html.pi-navigation-settling-v396b [data-pi-main] *,
html.pi-navigation-settling-v396b [data-pi-main] *::before,
html.pi-navigation-settling-v396b [data-pi-main] *::after {
  transition: none !important;
  scroll-behavior: auto !important;
}

[data-pi-main][data-pi-navigation-stabilizing] {
  overflow-anchor: none;
}

/* Compatibility: old loading class must never move or fade the page. */
[data-pi-main].pi-smooth-main-loading-v352b,
main.main.pi-smooth-main-loading-v352b,
[data-pi-main].pi-navigation-main-loading-v396b,
main.main.pi-navigation-main-loading-v396b {
  position: relative;
  pointer-events: none;
  opacity: 1;
  transform: none;
  transition: none;
}

[data-pi-main].pi-smooth-main-loading-v352b::after,
main.main.pi-smooth-main-loading-v352b::after,
[data-pi-main].pi-navigation-main-loading-v396b::after,
main.main.pi-navigation-main-loading-v396b::after {
  content: none;
  display: none;
}

@media (prefers-reduced-motion: reduce) {
  [data-pi-main],
  [data-pi-main] *,
  [data-pi-main] *::before,
  [data-pi-main] *::after {
    scroll-behavior: auto !important;
  }
}