/* Only native snapshot pseudo-elements animate; the live page has no fallback. */
@media (prefers-reduced-motion: no-preference) {
  html[data-ezo-transition]::view-transition-group(root) {
    animation-duration: 240ms;
    overflow: clip;
  }
  html[data-ezo-transition]::view-transition-old(root),
  html[data-ezo-transition]::view-transition-new(root) {
    animation-duration: 240ms;
    animation-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
    animation-fill-mode: both;
    mix-blend-mode: normal;
  }
  html[data-ezo-transition='forward']::view-transition-old(root) {
    animation-name: ezo-slide-out-left;
  }
  html[data-ezo-transition='forward']::view-transition-new(root) {
    animation-name: ezo-slide-in-right;
  }
  html[data-ezo-transition='back']::view-transition-old(root) {
    animation-name: ezo-slide-out-right;
  }
  html[data-ezo-transition='back']::view-transition-new(root) {
    animation-name: ezo-slide-in-left;
  }
}
@keyframes ezo-slide-out-left {
  to {
    transform: translateX(-100%);
  }
}
@keyframes ezo-slide-in-right {
  from {
    transform: translateX(100%);
  }
}
@keyframes ezo-slide-out-right {
  to {
    transform: translateX(100%);
  }
}
@keyframes ezo-slide-in-left {
  from {
    transform: translateX(-100%);
  }
}