/* All new rules are scoped to decorative illustration hosts or their control. */
.illustration-motion{display:grid;pointer-events:none;user-select:none}
.illustration-motion>img,.illustration-motion>.illustration-motion-svg{grid-area:1/1;width:100%;max-width:100%;margin:0;pointer-events:none}
.illustration-motion>img{display:block;height:auto}
.illustration-motion>.illustration-motion-svg{display:block;height:100%;min-height:0;min-width:0;contain:size;visibility:hidden}
.illustration-motion.motion-ready>.illustration-motion-svg{visibility:visible}
.illustration-motion.motion-ready>img{visibility:hidden}
.illustration-motion-toggle{font:inherit;font-size:12px;color:var(--ink);background:var(--paper);border:1px solid currentColor;border-radius:100px;padding:8px 12px;cursor:pointer}
.illustration-motion-toggle[hidden]{display:none}
.illustration-motion-toggle:focus-visible{outline:2px solid var(--green);outline-offset:4px}
.illustration-motion-toggle:disabled{cursor:default}
.sun-motion-toggle{position:absolute;left:50%;bottom:-34px;transform:translateX(-50%);display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;background:transparent;color:var(--green);pointer-events:auto;cursor:pointer}
.sun-motion-toggle[hidden]{display:none}
.sun-motion-toggle svg{width:18px;height:18px;display:block}
.sun-motion-toggle:focus-visible{outline:3px solid #8a38aa;outline-offset:2px}
@media(prefers-reduced-motion:reduce){
 .illustration-motion:not(.hero-sun).motion-ready>.illustration-motion-svg{visibility:hidden}
 .illustration-motion:not(.hero-sun).motion-ready>img{visibility:visible}
}

.illustration-motion>.illustration-motion-svg{overflow:visible}