/* Shared motion for original inline SVG layers. */

@keyframes uw-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@keyframes uw-flame{0%,100%{transform:scale(.94,1);opacity:.85}45%{transform:scale(1.08,1.12);opacity:1}70%{transform:scale(.98,.96);opacity:.9}}
@keyframes uw-banner{0%,100%{transform:skewY(-3deg) rotate(-1deg)}50%{transform:skewY(4deg) rotate(2deg)}}
@keyframes uw-glow{0%,100%{opacity:.4}50%{opacity:.95}}
@keyframes uw-drift{0%,100%{transform:translateX(-12px)}50%{transform:translateX(17px)}}
@keyframes uw-spark{0%{transform:translate(0,10px);opacity:0}20%{opacity:.9}100%{transform:translate(14px,-80px);opacity:0}}
.uw-float{animation:uw-float 6s ease-in-out infinite}.uw-flame{transform-box:fill-box;transform-origin:center bottom;animation:uw-flame 3.6s ease-in-out infinite}
.uw-banner{transform-box:fill-box;transform-origin:center top;animation:uw-banner 5.5s ease-in-out infinite}
.uw-glow{animation:uw-glow 4.5s ease-in-out infinite}.uw-drift{animation:uw-drift 11s ease-in-out infinite}.uw-spark{animation:uw-spark 4s linear infinite}
@media(prefers-reduced-motion:reduce){[class^="uw-"]{animation:none!important}}

.art-frame[data-motion="still"] [class^="uw-"]{animation:none!important}

/* Storybook layers: braids and cloaks sway from their tops, eyes blink, light motes rise. */
@keyframes uw-sway{0%,100%{transform:rotate(-2.2deg)}50%{transform:rotate(2.6deg)}}
@keyframes uw-cape{0%,100%{transform:skewX(-1.4deg)}50%{transform:skewX(1.6deg)}}
@keyframes uw-blink{0%,92%,100%{opacity:0}94%,96%{opacity:1}}
@keyframes uw-mote{0%{transform:translate(0,12px);opacity:0}20%{opacity:.95}75%{opacity:.6}100%{transform:translate(10px,-70px);opacity:0}}
@keyframes uw-mote-l{0%{transform:translate(0,12px);opacity:0}20%{opacity:.9}75%{opacity:.55}100%{transform:translate(-12px,-64px);opacity:0}}
.uw-sway,.uw-sway-late,.uw-cape{transform-box:fill-box;transform-origin:center top}
.uw-sway{animation:uw-sway 4.6s ease-in-out infinite}.uw-sway-late{animation:uw-sway 5.4s ease-in-out -2.1s infinite reverse}
.uw-cape{animation:uw-cape 7s ease-in-out infinite}.uw-blink{animation:uw-blink 6.2s linear infinite}
.uw-mote{animation:uw-mote 7.4s linear infinite}.uw-mote-b{animation:uw-mote-l 8.6s linear -2.8s infinite}
.uw-mote-c{animation:uw-mote 9.2s linear -5.1s infinite}.uw-mote-d{animation:uw-mote-l 6.8s linear -1.4s infinite}
