/* v9.2.24: drawing animations from kids.css, for the course-template kids pages */
@keyframes kids-pop{50%{transform:scale(1.15)}}
@keyframes kids-wig{25%{transform:rotate(-6deg)}75%{transform:rotate(6deg)}}
@keyframes kids-fly{to{transform:translate(var(--kx),var(--ky)) scale(.3);opacity:0}}
@keyframes kids-melt{0%,15%{transform:scaleY(1)}70%,100%{transform:scaleY(.12)}}
@keyframes kids-puddle{0%,15%{transform:scaleX(.2)}70%,100%{transform:scaleX(1)}}
@keyframes kids-roll{0%,30%{transform:translateX(0)}80%,100%{transform:translateX(190px)}}
@keyframes kids-roll-spin{0%,30%{transform:rotate(0)}80%,100%{transform:rotate(540deg)}}
@keyframes kids-hand{0%,20%{transform:translateX(-30px)}30%,100%{transform:translateX(0)}}
@keyframes kids-fade3a{0%,30%{opacity:1}36%,94%{opacity:0}100%{opacity:1}}
@keyframes kids-fade3b{0%,30%{opacity:0}36%,63%{opacity:1}69%,100%{opacity:0}}
@keyframes kids-fade3c{0%,63%{opacity:0}69%,94%{opacity:1}100%{opacity:0}}
@keyframes kids-drop{0%{transform:translateY(-10px);opacity:0}20%{opacity:1}100%{transform:translateY(40px);opacity:0}}
@keyframes kids-grow{0%,10%{transform:scaleY(0)}70%,100%{transform:scaleY(1)}}
@keyframes kids-leaf{0%,55%{transform:scale(0)}85%,100%{transform:scale(1)}}
@keyframes kids-lift{0%,20%{transform:rotate(0)}70%,100%{transform:rotate(-12deg)}}
@keyframes kids-spin{to{transform:rotate(360deg)}}
@keyframes kids-tobin{0%,10%{transform:translate(0,0)}60%{transform:translate(120px,-30px)}80%,100%{transform:translate(170px,30px);opacity:0}}
@keyframes kids-wavef{0%,100%{transform:skewY(0)}50%{transform:skewY(4deg)}}
@keyframes kids-orbit{to{transform:rotate(360deg)}}
@keyframes kids-draw{from{stroke-dashoffset:900}to{stroke-dashoffset:0}}
@keyframes kids-pulse{0%,100%{transform:scale(1)}15%{transform:scale(1.35)}}
@keyframes kids-rise{0%{transform:translateY(0);opacity:0}15%{opacity:1}100%{transform:translateY(-110px);opacity:0}}
@keyframes kids-beatfast{0%,100%{transform:scale(1)}50%{transform:scale(1.18)}}
@keyframes kids-bob{50%{transform:translateY(-8px)}}
@keyframes kids-wave{0%,100%{transform:rotate(0)}50%{transform:rotate(-25deg)}}
@keyframes kids-blink{0%,92%,100%{transform:scaleY(1)}95%{transform:scaleY(.1)}}
@keyframes kids-ray{0%,100%{opacity:.35}50%{opacity:1}}
@keyframes kids-hop{0%,100%{transform:translateY(0)}50%{transform:translateY(-26px)}}
.kids-a-melt{animation:kids-melt 6s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:50% 100%}
.kids-a-puddle{animation:kids-puddle 6s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:50% 50%}
.kids-a-roll{animation:kids-roll 4s ease-out infinite}
.kids-a-rollspin{animation:kids-roll-spin 4s ease-out infinite;transform-box:fill-box;transform-origin:50% 50%}
.kids-a-hand{animation:kids-hand 4s ease-out infinite}
.kids-a-f1{animation:kids-fade3a 9s infinite}
.kids-a-f2{animation:kids-fade3b 9s infinite}
.kids-a-f3{animation:kids-fade3c 9s infinite}
.kids-a-drop{animation:kids-drop 1.2s linear infinite}
.kids-a-grow{animation:kids-grow 7s ease-out infinite;transform-box:fill-box;transform-origin:50% 100%}
.kids-a-leaf{animation:kids-leaf 7s ease-out infinite;transform-box:fill-box;transform-origin:50% 100%}
.kids-a-lift{animation:kids-lift 6s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:0% 100%}
.kids-a-spin{animation:kids-spin 6s linear infinite;transform-box:fill-box;transform-origin:50% 50%}
.kids-a-tobin{animation:kids-tobin 4s ease-in infinite}
.kids-a-flag{animation:kids-wavef 2.4s ease-in-out infinite;transform-box:fill-box;transform-origin:0 50%}
.kids-a-orbit{animation:kids-orbit 10s linear infinite;transform-box:view-box;transform-origin:50% 100%}
.kids-a-draw{stroke-dasharray:900;animation:kids-draw 5s ease-in-out infinite alternate}
.kids-a-pulse{animation:kids-pulse 1s ease-out infinite;transform-box:fill-box;transform-origin:50% 50%}
.kids-a-rise{animation:kids-rise 3s ease-out infinite}
.kids-a-heart{animation:kids-beatfast 1.1s ease-in-out infinite;transform-box:fill-box;transform-origin:50% 50%}
.kids-a-heart.kids-fast{animation-duration:.45s}
.kids-a-ray{animation:kids-ray 1.6s ease-in-out infinite}
.kids-a-hop{animation:kids-hop 1s ease-in-out infinite;transform-box:fill-box}
@keyframes kids-hop{0%{transform:translateY(0) scale(1,1)}14%{transform:translateY(0) scale(1.035,.965)}44%{transform:translateY(-5%) scale(.975,1.025)}58%{transform:translateY(-5.6%) scale(.985,1.015)}78%{transform:translateY(0) scale(1.04,.96)}90%,100%{transform:translateY(0) scale(1,1)}}
@keyframes kids-blink{0%,92%,100%{transform:scaleY(1)}95%,97%{transform:scaleY(0)}}
.kact .kids-anim svg{max-width:100%;height:auto}