/* Local water, air and light accents above the exact approved scene artwork. */
.learning-book-stage.scene-motion-ready {isolation:isolate;}
.learning-book-stage>img {position:relative;z-index:0;}
.scene-motion-canvas {position:absolute;display:block;max-width:none;pointer-events:none;}
.learning-book-stage .scene-motion-canvas {z-index:1;}
.learning-book-stage::after {z-index:2;}
.storybook .closing-section.scene-motion-ready .closing-art {z-index:-3;}
.closing-section .scene-motion-canvas {z-index:-2;}
.scene-motion-toggle {
  position:absolute;z-index:4;display:grid;place-items:center;width:46px;height:46px;padding:11px;
  color:#fff1d8;border:1px solid #f3d1aa99;border-radius:50%;background:#2c1c38c9;
  box-shadow:inset 0 1px 0 #ffffff13,0 3px 12px #21152844;backdrop-filter:blur(8px);
  cursor:pointer;visibility:hidden;line-height:1;
}
.scene-motion-ready>.scene-motion-toggle {visibility:visible;}
.scene-motion-toggle:hover {background:#53324dee;border-color:#ffe0ae;}
.scene-motion-toggle:focus-visible {outline:3px solid #ffd28b;outline-offset:4px;}
.scene-motion-toggle svg {display:block;width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;}
.scene-motion-toggle .scene-play {display:none;fill:currentColor;stroke-width:1.2;}
.scene-motion-toggle[aria-pressed="true"] .scene-play {display:block;}
.scene-motion-toggle[aria-pressed="true"] .scene-pause {display:none;}
@media(max-width:580px){.scene-motion-toggle{width:44px;height:44px;}}
@media(prefers-reduced-motion:reduce){.scene-motion-toggle{backdrop-filter:none;}}