/* Scoped to our user-triggered theme reveal; unrelated view transitions keep
   their own animation. No theme colors or layout dimensions are defined here. */
html[data-imagora-theme-transition]::view-transition-old(root),
html[data-imagora-theme-transition]::view-transition-new(root) {
  animation: none !important;
  mix-blend-mode: normal;
  opacity: 1;
}
html[data-imagora-theme-transition]::view-transition-group(root) { animation: none !important; }
html[data-imagora-theme-transition]::view-transition-old(root) { z-index: 1; }
html[data-imagora-theme-transition]::view-transition-new(root) { z-index: 2; }
html[data-imagora-theme-transition]::view-transition { pointer-events: none; }

/* Capture the final palette, not a frame of the existing color crossfade. */
html[data-imagora-theme-transition][data-imagora-theme-transition],
html[data-imagora-theme-transition][data-imagora-theme-transition] *,
html[data-imagora-theme-transition][data-imagora-theme-transition] *::before,
html[data-imagora-theme-transition][data-imagora-theme-transition] *::after {
  transition-duration: 0s !important;
  transition-delay: 0s !important;
}

@media (prefers-reduced-motion: reduce) {
  html[data-imagora-theme-transition]::view-transition-old(root) { opacity: 0; }
  html[data-imagora-theme-transition]::view-transition-new(root) { clip-path: none !important; }
}