/* TransitionProvider — was TransitionProvider.module.css. The bundler's hashed class names are
   replaced by a plain c-TransitionProvider_ prefix so the stylesheet stands alone. */

.c-TransitionProvider_grid {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100svh;
  display: flex;
  flex-direction: column;
  pointer-events: none;
  z-index: 2000;
  overflow: hidden;
}

.c-TransitionProvider_block {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100svh;
  flex: 1;
  width: 100%;
  transform: scaleX(0);
  transform-origin: left center;
  will-change: transform;
}

.c-TransitionProvider_text {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100svh;
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: none;
  z-index: 2001;
}

.c-TransitionProvider_text .dsp {
  font-size: 4rem;
}

.c-TransitionProvider_text .transition-word {
  /* Matches the parked offset in transition.js — see the note there. */
  transform: translateY(120%);
  will-change: transform;
}

@media (max-width: 1000px) {
  .c-TransitionProvider_text .dsp {
    font-size: 2rem;
  }
}