html[data-page-sliding] {
  overflow: hidden;
}

/* A stylesheet value, not an inline style. Safari will not play a Web
   Animations opacity effect over an inline opacity, and it drops the
   effect entirely when that inline value is cleared in the same turn. */
html[data-page-sliding] body {
  opacity: 0;
}

html[data-controller~="transitions--page-slide"] .turbo-progress-bar {
  display: none;
}

[data-page-slide-overlay] {
  position: fixed;
  inset: 0;
  z-index: 1;
  overflow: hidden;
  pointer-events: none;
}