/* Static mirror: nothing hydrates, so emulate the state React would have set
   (data-ready=true, data-started=true) rather than disabling the animations.
   Every scene-* keyframe ends at opacity:1, and the reveal/rise/slide/etc.
   animations are fill-mode:backwards, so each element settles on the base
   --pre-opacity:1 once it has played. Content always ends visible. */
.story-scenes_scene__JeWOz,
[data-step-played] .story-scenes_scene__JeWOz,
[data-step-played=false] .story-scenes_scene__JeWOz,
.story-scenes_scene__JeWOz[data-ready],
.story-scenes_scene__JeWOz[data-ready][data-started],
.story-scenes_scene__JeWOz[data-active=false]{
  --pre-opacity:1!important;--pre-size:100%!important;--pre-scale:1!important;
  --swap-out:inline-flex!important;--live:block!important;--play:running!important;
  --a-ping:scene-ping!important;--a-reveal:scene-reveal!important;
  --a-rise:scene-rise!important;--a-slide:scene-slide!important;
  --a-resolve:scene-resolve!important;--a-draw:scene-draw!important;
  --a-highlight:scene-highlight!important;--a-arrive:scene-arrive!important;
  --a-pop:scene-pop!important;--a-word:scene-word!important;
  --a-ink:scene-ink!important;--a-swap-in:scene-swapIn!important;
  --a-swap-out:scene-swapOut!important;--a-caret:scene-caret!important;
  --a-slide-right:scene-slideRight!important;
}
/* honour the user's OS setting - fall back to the plain visible state */
@media (prefers-reduced-motion:reduce){
  .story-scenes_scene__JeWOz,
  [data-step-played=false] .story-scenes_scene__JeWOz{
    --play:paused!important;--live:none!important;--swap-out:none!important;
    --a-ping:none!important;--a-reveal:none!important;--a-rise:none!important;
    --a-slide:none!important;--a-resolve:none!important;--a-draw:none!important;
    --a-highlight:none!important;--a-arrive:none!important;--a-pop:none!important;
    --a-word:none!important;--a-ink:none!important;--a-swap-in:none!important;
    --a-swap-out:none!important;--a-caret:none!important;--a-slide-right:none!important;
  }
}