<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="cache-control" content="no-cache, must-revalidate">
<meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Dynalgo - It works example</title>
<style>
html,
body {
margin: 0;
padding: 0;
overflow: hidden;
}
#svg_dynalgo {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100vh;
}
</style>
<script>
function pause(svg) {
if (svg.animationsPaused()) {
svg.unpauseAnimations();
} else {
svg.pauseAnimations();
}
}
</script>
</head>
<body>
<svg id="svg_dynalgo" onclick="pause(this)" viewBox="-40 -40 80 80" preserveAspectRatio="xMidYMid meet">
<path id="a24" stroke-width="2" opacity="0" stroke="rgb(0,0,255)" d="M500 500 L17 255 Z" />
<g id="liba24" opacity="0">
<text id="ma24" x="258" y="377" dx="-5" dy="-5" fill="rgb(0,0,0)">10</text>
</g>
<path id="a22" stroke-width="2" opacity="0" stroke="rgb(0,0,255)" d="M174 165 L-174 165 Z" />
<g id="liba22" opacity="0">
<text id="ma22" x="0" y="165" dx="-5" dy="-5" fill="rgb(0,0,0)">10</text>
</g>
<path id="b20" stroke-width="2" opacity="0" stroke="rgb(0,0,255)" d="M219 252 L33 85 Z" />
<g id="libb20" opacity="0">
<text id="mb20" x="126" y="168" dx="-5" dy="-5" fill="rgb(0,0,0)">20</text>
</g>
<path id="m19" stroke-width="2" opacity="0" stroke="rgb(0,0,255)" d="M219 252 L230 -102 Z" />
<g id="libm19" opacity="0">
<text id="mm19" x="224" y="75" dx="-5" dy="-5" fill="rgb(0,0,0)">30</text>
</g>
<path id="c18" stroke-width="2" opacity="0" stroke="rgb(0,0,255)" d="M33 85 L-156 252 Z" />
<g id="libc18" opacity="0">
<text id="mc18" x="-61" y="168" dx="-5" dy="-5" fill="rgb(0,0,0)">30</text>
</g>
<path id="l17" stroke-width="2" opacity="0" stroke="rgb(0,0,255)" d="M-156 252 L-184 -94 Z" />
<g id="libl17" opacity="0">
<text id="ml17" x="-170" y="79" dx="-5" dy="-5" fill="rgb(0,0,0)">30</text>
</g>
<path id="a16" stroke-width="2" opacity="0" stroke="rgb(0,0,255)" d="M-156 252 L219 252 Z" />
<g id="liba16" opacity="0">
<text id="ma16" x="31" y="252" dx="-5" dy="-5" fill="rgb(0,0,0)">10</text>
</g>
<path id="n15" stroke-width="2" opacity="0" stroke="rgb(0,0,255)" d="M196 31 L-196 -207 Z" />
<g id="libn15" opacity="0">
<text id="mn15" x="0" y="-88" dx="-5" dy="-5" fill="rgb(0,0,0)">30</text>
</g>
<path id="m14" stroke-width="2" opacity="0" stroke="rgb(0,0,255)" d="M217 162 L-65 -162 Z" />
<g id="libm14" opacity="0">
<text id="mm14" x="76" y="0" dx="-5" dy="-5" fill="rgb(0,0,0)">30</text>
</g>
<path id="l13" stroke-width="2" opacity="0" stroke="rgb(0,0,255)" d="M-46 183 L-180 -183 Z" />
<g id="libl13" opacity="0">
<text id="ml13" x="-113" y="0" dx="-5" dy="-5" fill="rgb(0,0,0)">30</text>
</g>
<path id="c12" stroke-width="2" opacity="0" stroke="rgb(0,0,255)" d="M-2 183 L-171 183 Z" />
<g id="libc12" opacity="0">
<text id="mc12" x="-86" y="183" dx="-5" dy="-5" fill="rgb(0,0,0)">30</text>
</g>
<path id="b11" stroke-width="2" opacity="0" stroke="rgb(0,0,255)" d="M145 158 L-96 158 Z" />
<g id="libb11" opacity="0">
<text id="mb11" x="24" y="158" dx="-5" dy="-5" fill="rgb(0,0,0)">20</text>
</g>
<path id="a9" stroke-width="2" opacity="0" stroke="rgb(0,0,255)" d="M0 0 L0 0 Z" />
<g id="liba9" opacity="0">
<text id="ma9" x="0" y="0" dx="-5" dy="-5" fill="rgb(0,0,0)">10</text>
</g>
<path id="z6" stroke-width="2" opacity="0" stroke="rgb(0,0,255)" d="M0 0 L0 0 Z" />
<g id="libz6" opacity="0">
<text id="mz6" x="0" y="0" dx="-5" dy="-5" fill="rgb(0,0,0)">26</text>
</g>
<path id="y5" stroke-width="2" opacity="0" stroke="rgb(0,0,255)" d="M0 0 L0 0 Z" />
<g id="liby5" opacity="0">
<text id="my5" x="0" y="0" dx="-5" dy="-5" fill="rgb(0,0,0)">25</text>
</g>
<path id="x4" stroke-width="2" opacity="0" stroke="rgb(0,0,255)" d="M0 0 L0 0 Z" />
<g id="libx4" opacity="0">
<text id="mx4" x="0" y="0" dx="-5" dy="-5" fill="rgb(0,0,0)">24</text>
</g>
<g id="X1" opacity="0">
<circle id="cX1" cx="0" cy="0" r="20" fill="rgb(255,255,255)" stroke="rgb(0,0,255)" stroke-width="2"></circle>
<text id="coX1" x="0" y="0" dx="-6" dy="6" fill="rgb(0,0,0)">X</text>
</g>
<g id="Y2" opacity="0">
<circle id="cY2" cx="0" cy="0" r="20" fill="rgb(255,255,255)" stroke="rgb(0,0,255)" stroke-width="2"></circle>
<text id="coY2" x="0" y="0" dx="-6" dy="6" fill="rgb(0,0,0)">Y</text>
</g>
<g id="Z3" opacity="0">
<circle id="cZ3" cx="0" cy="0" r="20" fill="rgb(255,255,255)" stroke="rgb(0,0,255)" stroke-width="2"></circle>
<text id="coZ3" x="0" y="0" dx="-6" dy="6" fill="rgb(0,0,0)">Z</text>
</g>
<animate xlink:href="#x4" attributeName="opacity" from="0" to="1" dur="1000ms" begin="0ms" fill="freeze"/>
<animate xlink:href="#libx4" attributeName="opacity" from="0" to="1" dur="1000ms" begin="0ms" fill="freeze"/>
<animate xlink:href="#bix4" attributeName="opacity" from="0" to="1" dur="1000ms" begin="0ms" fill="freeze"/>
<animate xlink:href="#y5" attributeName="opacity" from="0" to="1" dur="1000ms" begin="0ms" fill="freeze"/>
<animate xlink:href="#liby5" attributeName="opacity" from="0" to="1" dur="1000ms" begin="0ms" fill="freeze"/>
<animate xlink:href="#biy5" attributeName="opacity" from="0" to="1" dur="1000ms" begin="0ms" fill="freeze"/>
<animate xlink:href="#z6" attributeName="opacity" from="0" to="1" dur="1000ms" begin="0ms" fill="freeze"/>
<animate xlink:href="#libz6" attributeName="opacity" from="0" to="1" dur="1000ms" begin="0ms" fill="freeze"/>
<animate xlink:href="#biz6" attributeName="opacity" from="0" to="1" dur="1000ms" begin="0ms" fill="freeze"/>
<animate xlink:href="#X1" attributeName="opacity" from="0" to="1" dur="1000ms" begin="0ms" fill="freeze"/>
<animate xlink:href="#Y2" attributeName="opacity" from="0" to="1" dur="1000ms" begin="0ms" fill="freeze"/>
<animate xlink:href="#Z3" attributeName="opacity" from="0" to="1" dur="1000ms" begin="0ms" fill="freeze"/>
<animate attributeName="viewBox" from="-40 -40 80 80" to="-131 -131 262 262" begin="1000ms" dur="1000ms" fill="freeze" />
<animate xlink:href="#x4" begin="1000ms" fill="freeze" attributeName="d" dur="1000ms" values="M0 0 L0 0 Z;M91 3 L-91 91 Z" />
<animateMotion xlink:href="#libx4" begin="1000ms" dur="1000ms" fill="freeze" path="m 0 0 l 0 47" />
<animate xlink:href="#x4" attributeName="stroke" from="rgb(0,0,255)" to="rgb(128,139,150)" dur="1000ms" begin="1000ms" fill="freeze"/>
<animate xlink:href="#y5" begin="1000ms" fill="freeze" attributeName="d" dur="1000ms" values="M0 0 L0 0 Z;M-91 91 L-91 -91 Z" />
<animateMotion xlink:href="#liby5" begin="1000ms" dur="1000ms" fill="freeze" path="m 0 0 l -91 0" />
<animate xlink:href="#y5" attributeName="stroke" from="rgb(0,0,255)" to="rgb(128,139,150)" dur="1000ms" begin="1000ms" fill="freeze"/>
<animate xlink:href="#z6" begin="1000ms" fill="freeze" attributeName="d" dur="1000ms" values="M0 0 L0 0 Z;M-91 -91 L91 3 Z" />
<animateMotion xlink:href="#libz6" begin="1000ms" dur="1000ms" fill="freeze" path="m 0 0 l 0 -44" />
<animate xlink:href="#z6" attributeName="stroke" from="rgb(0,0,255)" to="rgb(128,139,150)" dur="1000ms" begin="1000ms" fill="freeze"/>
<animateMotion xlink:href="#X1" begin="1000ms" dur="1000ms"
fill="freeze" path="m 0 0 l 91 3" />
<animate xlink:href="#cX1" attributeName="stroke" from="rgb(0,0,255)" to="rgb(128,139,150)" dur="1000ms" begin="1000ms" fill="freeze"/>
<animateMotion xlink:href="#Y2" begin="1000ms" dur="1000ms"
fill="freeze" path="m 0 0 l -91 91" />
<animate xlink:href="#cY2" attributeName="stroke" from="rgb(0,0,255)" to="rgb(128,139,150)" dur="1000ms" begin="1000ms" fill="freeze"/>
<animateMotion xlink:href="#Z3" begin="1000ms" dur="1000ms"
fill="freeze" path="m 0 0 l -91 -91" />
<animate xlink:href="#cZ3" attributeName="stroke" from="rgb(0,0,255)" to="rgb(128,139,150)" dur="1000ms" begin="1000ms" fill="freeze"/>
<g id="A7" opacity="0">
<circle id="cA7" cx="0" cy="0" r="20" fill="rgb(255,255,255)" stroke="rgb(0,0,255)" stroke-width="2"></circle>
<text id="coA7" x="0" y="0" dx="-6" dy="6" fill="rgb(0,0,0)">A</text>
</g>
<g id="B8" opacity="0">
<circle id="cB8" cx="0" cy="0" r="20" fill="rgb(255,255,255)" stroke="rgb(0,0,255)" stroke-width="2"></circle>
<text id="coB8" x="0" y="0" dx="-6" dy="6" fill="rgb(0,0,0)">B</text>
</g>
<animate attributeName="viewBox" from="-131 -131 262 262" to="-174 -192 348 384" begin="2000ms" dur="1000ms" fill="freeze" />
<animate xlink:href="#z6" begin="2000ms" fill="freeze" attributeName="d" dur="1000ms" values="M-91 -91 L91 3 Z;M0 -152 L-134 -152 Z" />
<animateMotion xlink:href="#libz6" begin="2000ms" dur="1000ms" fill="freeze" path="m 0 -44 l -67 -108" />
<animate xlink:href="#a9" begin="2000ms" fill="freeze" attributeName="d" dur="1000ms" values="M0 0 L0 0 Z;M-134 152 L134 152 Z" />
<animateMotion xlink:href="#liba9" begin="2000ms" dur="1000ms" fill="freeze" path="m 0 0 l 0 152" />
<animate xlink:href="#a9" attributeName="opacity" from="0" to="1" dur="1000ms" begin="2000ms" fill="freeze"/>
<animate xlink:href="#liba9" attributeName="opacity" from="0" to="1" dur="1000ms" begin="2000ms" fill="freeze"/>
<animate xlink:href="#bia9" attributeName="opacity" from="0" to="1" dur="1000ms" begin="2000ms" fill="freeze"/>
<animate xlink:href="#x4" begin="2000ms" fill="freeze" attributeName="d" dur="1000ms" values="M91 3 L-91 91 Z;M-134 -152 L134 -152 Z" />
<animateMotion xlink:href="#libx4" begin="2000ms" dur="1000ms" fill="freeze" path="m 0 47 l 0 -199" />
<animate xlink:href="#y5" begin="2000ms" fill="freeze" attributeName="d" dur="1000ms" values="M-91 91 L-91 -91 Z;M134 -152 L0 -152 Z" />
<animateMotion xlink:href="#liby5" begin="2000ms" dur="1000ms" fill="freeze" path="m -91 0 l 158 -152" />
<animateMotion xlink:href="#X1" begin="2000ms" dur="1000ms"
fill="freeze" path="m 91 3 l -225 -155" />
<animateMotion xlink:href="#Y2" begin="2000ms" dur="1000ms"
fill="freeze" path="m -91 91 l 225 -243" />
<animateMotion xlink:href="#Z3" begin="2000ms" dur="1000ms"
fill="freeze" path="m -91 -91 l 91 -61" />
<animateMotion xlink:href="#A7" begin="2000ms" dur="1000ms"
fill="freeze" path="m 0 0 l -134 152" />
<animate xlink:href="#A7" attributeName="opacity" from="0" to="1" dur="1000ms" begin="2000ms" fill="freeze"/>
<animateMotion xlink:href="#B8" begin="2000ms" dur="1000ms"
fill="freeze" path="m 0 0 l 134 152" />
<animate xlink:href="#B8" attributeName="opacity" from="0" to="1" dur="1000ms" begin="2000ms" fill="freeze"/>
<g id="C10" opacity="0">
<circle id="cC10" cx="0" cy="0" r="20" fill="rgb(255,255,255)" stroke="rgb(0,0,255)" stroke-width="2"></circle>
<text id="coC10" x="0" y="0" dx="-6" dy="6" fill="rgb(0,0,0)">C</text>
</g>
<animate xlink:href="#a9" attributeName="stroke" from="rgb(0,0,255)" to="rgb(128,139,150)" dur="1000ms" begin="3000ms" fill="freeze"/>
<animate xlink:href="#cA7" attributeName="stroke" from="rgb(0,0,255)" to="rgb(128,139,150)" dur="1000ms" begin="3000ms" fill="freeze"/>
<animate xlink:href="#cB8" attributeName="stroke" from="rgb(0,0,255)" to="rgb(128,139,150)" dur="1000ms" begin="3000ms" fill="freeze"/>
<animate xlink:href="#C10" attributeName="opacity" from="0" to="1" dur="1000ms" begin="3000ms" fill="freeze"/>
<animate attributeName="viewBox" from="-174 -192 348 384" to="-223 -198 446 396" begin="4000ms" dur="1000ms" fill="freeze" />
<animate xlink:href="#z6" begin="4000ms" fill="freeze" attributeName="d" dur="1000ms" values="M0 -152 L-134 -152 Z;M29 -158 L-144 -158 Z" />
<animateMotion xlink:href="#libz6" begin="4000ms" dur="1000ms" fill="freeze" path="m -67 -152 l 10 -6" />
<animate xlink:href="#a9" begin="4000ms" fill="freeze" attributeName="d" dur="1000ms" values="M-134 152 L134 152 Z;M-183 158 L145 158 Z" />
<animateMotion xlink:href="#liba9" begin="4000ms" dur="1000ms" fill="freeze" path="m 0 152 l -19 6" />
<animate xlink:href="#x4" begin="4000ms" fill="freeze" attributeName="d" dur="1000ms" values="M-134 -152 L134 -152 Z;M-144 -158 L183 -158 Z" />
<animateMotion xlink:href="#libx4" begin="4000ms" dur="1000ms" fill="freeze" path="m 0 -152 l 19 -6" />
<animate xlink:href="#y5" begin="4000ms" fill="freeze" attributeName="d" dur="1000ms" values="M134 -152 L0 -152 Z;M183 -158 L29 -158 Z" />
<animateMotion xlink:href="#liby5" begin="4000ms" dur="1000ms" fill="freeze" path="m 67 -152 l 39 -6" />
<animateMotion xlink:href="#X1" begin="4000ms" dur="1000ms"
fill="freeze" path="m -134 -152 l -10 -6" />
<animateMotion xlink:href="#Y2" begin="4000ms" dur="1000ms"
fill="freeze" path="m 134 -152 l 49 -6" />
<animateMotion xlink:href="#Z3" begin="4000ms" dur="1000ms"
fill="freeze" path="m 0 -152 l 29 -6" />
<animateMotion xlink:href="#A7" begin="4000ms" dur="1000ms"
fill="freeze" path="m -134 152 l -49 6" />
<animateMotion xlink:href="#B8" begin="4000ms" dur="1000ms"
fill="freeze" path="m 134 152 l 11 6" />
<animateMotion xlink:href="#C10" begin="4000ms" dur="1000ms"
fill="freeze" path="m 0 0 l -96 158" />
<animate xlink:href="#cC10" attributeName="stroke" from="rgb(0,0,255)" to="rgb(128,139,150)" dur="1000ms" begin="4000ms" fill="freeze"/>
<animate xlink:href="#b11" attributeName="opacity" from="0" to="1" dur="1000ms" begin="5000ms" fill="freeze"/>
<animate xlink:href="#libb11" attributeName="opacity" from="0" to="1" dur="1000ms" begin="5000ms" fill="freeze"/>
<animate xlink:href="#bib11" attributeName="opacity" from="0" to="1" dur="1000ms" begin="5000ms" fill="freeze"/>
<animate attributeName="viewBox" from="-223 -198 446 396" to="-212 -223 417 446" begin="6000ms" dur="1000ms" fill="freeze" />
<animate xlink:href="#z6" begin="6000ms" fill="freeze" attributeName="d" dur="1000ms" values="M29 -158 L-144 -158 Z;M-4 -183 L-172 -183 Z" />
<animateMotion xlink:href="#libz6" begin="6000ms" dur="1000ms" fill="freeze" path="m -57 -158 l -31 -25" />
<animate xlink:href="#a9" begin="6000ms" fill="freeze" attributeName="d" dur="1000ms" values="M-183 158 L145 158 Z;M-171 183 L165 183 Z" />
<animateMotion xlink:href="#liba9" begin="6000ms" dur="1000ms" fill="freeze" path="m -19 158 l 16 25" />
<animate xlink:href="#x4" begin="6000ms" fill="freeze" attributeName="d" dur="1000ms" values="M-144 -158 L183 -158 Z;M-172 -183 L165 -183 Z" />
<animateMotion xlink:href="#libx4" begin="6000ms" dur="1000ms" fill="freeze" path="m 19 -158 l -22 -25" />
<animate xlink:href="#y5" begin="6000ms" fill="freeze" attributeName="d" dur="1000ms" values="M183 -158 L29 -158 Z;M165 -183 L-4 -183 Z" />
<animateMotion xlink:href="#liby5" begin="6000ms" dur="1000ms" fill="freeze" path="m 106 -158 l -26 -25" />
<animate xlink:href="#b11" begin="6000ms" fill="freeze" attributeName="d" dur="1000ms" values="M145 158 L-96 158 Z;M165 183 L-2 183 Z" />
<animateMotion xlink:href="#libb11" begin="6000ms" dur="1000ms" fill="freeze" path="m 0 0 l 57 25" />
<animate xlink:href="#b11" attributeName="stroke" from="rgb(0,0,255)" to="rgb(128,139,150)" dur="1000ms" begin="6000ms" fill="freeze"/>
<animateMotion xlink:href="#X1" begin="6000ms" dur="1000ms"
fill="freeze" path="m -144 -158 l -28 -25" />
<animateMotion xlink:href="#Y2" begin="6000ms" dur="1000ms"
fill="freeze" path="m 183 -158 l -18 -25" />
<animateMotion xlink:href="#Z3" begin="6000ms" dur="1000ms"
fill="freeze" path="m 29 -158 l -33 -25" />
<animateMotion xlink:href="#A7" begin="6000ms" dur="1000ms"
fill="freeze" path="m -183 158 l 12 25" />
<animateMotion xlink:href="#B8" begin="6000ms" dur="1000ms"
fill="freeze" path="m 145 158 l 20 25" />
<animateMotion xlink:href="#C10" begin="6000ms" dur="1000ms"
fill="freeze" path="m -96 158 l 94 25" />
<animate xlink:href="#c12" attributeName="opacity" from="0" to="1" dur="1000ms" begin="7000ms" fill="freeze"/>
<animate xlink:href="#libc12" attributeName="opacity" from="0" to="1" dur="1000ms" begin="7000ms" fill="freeze"/>
<animate xlink:href="#bic12" attributeName="opacity" from="0" to="1" dur="1000ms" begin="7000ms" fill="freeze"/>
<animate attributeName="viewBox" from="-212 -223 417 446" to="-220 -223 440 446" begin="8000ms" dur="1000ms" fill="freeze" />
<animate xlink:href="#z6" begin="8000ms" fill="freeze" attributeName="d" dur="1000ms" values="M-4 -183 L-172 -183 Z;M-51 -183 L-180 -183 Z" />
<animateMotion xlink:href="#libz6" begin="8000ms" dur="1000ms" fill="freeze" path="m -88 -183 l -27 0" />
<animate xlink:href="#a9" begin="8000ms" fill="freeze" attributeName="d" dur="1000ms" values="M-171 183 L165 183 Z;M-46 183 L180 183 Z" />
<animateMotion xlink:href="#liba9" begin="8000ms" dur="1000ms" fill="freeze" path="m -3 183 l 70 0" />
<animate xlink:href="#x4" begin="8000ms" fill="freeze" attributeName="d" dur="1000ms" values="M-172 -183 L165 -183 Z;M-180 -183 L122 -183 Z" />
<animateMotion xlink:href="#libx4" begin="8000ms" dur="1000ms" fill="freeze" path="m -3 -183 l -26 0" />
<animate xlink:href="#y5" begin="8000ms" fill="freeze" attributeName="d" dur="1000ms" values="M165 -183 L-4 -183 Z;M122 -183 L-51 -183 Z" />
<animateMotion xlink:href="#liby5" begin="8000ms" dur="1000ms" fill="freeze" path="m 80 -183 l -45 0" />
<animate xlink:href="#b11" begin="8000ms" fill="freeze" attributeName="d" dur="1000ms" values="M165 183 L-2 183 Z;M180 183 L180 55 Z" />
<animateMotion xlink:href="#libb11" begin="8000ms" dur="1000ms" fill="freeze" path="m 57 25 l 99 -64" />
<animate xlink:href="#c12" begin="8000ms" fill="freeze" attributeName="d" dur="1000ms" values="M-2 183 L-171 183 Z;M180 55 L-46 183 Z" />
<animateMotion xlink:href="#libc12" begin="8000ms" dur="1000ms" fill="freeze" path="m 0 0 l 153 -64" />
<animate xlink:href="#c12" attributeName="stroke" from="rgb(0,0,255)" to="rgb(128,139,150)" dur="1000ms" begin="8000ms" fill="freeze"/>
<animateMotion xlink:href="#X1" begin="8000ms" dur="1000ms"
fill="freeze" path="m -172 -183 l -8 0" />
<animateMotion xlink:href="#Y2" begin="8000ms" dur="1000ms"
fill="freeze" path="m 165 -183 l -43 0" />
<animateMotion xlink:href="#Z3" begin="8000ms" dur="1000ms"
fill="freeze" path="m -4 -183 l -47 0" />
<animateMotion xlink:href="#A7" begin="8000ms" dur="1000ms"
fill="freeze" path="m -171 183 l 125 0" />
<animateMotion xlink:href="#B8" begin="8000ms" dur="1000ms"
fill="freeze" path="m 165 183 l 15 0" />
<animateMotion xlink:href="#C10" begin="8000ms" dur="1000ms"
fill="freeze" path="m -2 183 l 182 -128" />
<animate xlink:href="#l13" attributeName="opacity" from="0" to="1" dur="1000ms" begin="9000ms" fill="freeze"/>
<animate xlink:href="#libl13" attributeName="opacity" from="0" to="1" dur="1000ms" begin="9000ms" fill="freeze"/>
<animate xlink:href="#bil13" attributeName="opacity" from="0" to="1" dur="1000ms" begin="9000ms" fill="freeze"/>
<animate attributeName="viewBox" from="-220 -223 440 446" to="-257 -202 514 404" begin="10000ms" dur="1000ms" fill="freeze" />
<animate xlink:href="#z6" begin="10000ms" fill="freeze" attributeName="d" dur="1000ms" values="M-51 -183 L-180 -183 Z;M-217 -162 L-217 60 Z" />
<animateMotion xlink:href="#libz6" begin="10000ms" dur="1000ms" fill="freeze" path="m -115 -183 l -102 132" />
<animate xlink:href="#l13" begin="10000ms" fill="freeze" attributeName="d" dur="1000ms" values="M-46 183 L-180 -183 Z;M18 162 L-217 60 Z" />
<animateMotion xlink:href="#libl13" begin="10000ms" dur="1000ms" fill="freeze" path="m 0 0 l 14 111" />
<animate xlink:href="#l13" attributeName="stroke" from="rgb(0,0,255)" to="rgb(128,139,150)" dur="1000ms" begin="10000ms" fill="freeze"/>
<animate xlink:href="#a9" begin="10000ms" fill="freeze" attributeName="d" dur="1000ms" values="M-46 183 L180 183 Z;M18 162 L217 162 Z" />
<animateMotion xlink:href="#liba9" begin="10000ms" dur="1000ms" fill="freeze" path="m 67 183 l 50 -21" />
<animate xlink:href="#x4" begin="10000ms" fill="freeze" attributeName="d" dur="1000ms" values="M-180 -183 L122 -183 Z;M-217 60 L-65 -162 Z" />
<animateMotion xlink:href="#libx4" begin="10000ms" dur="1000ms" fill="freeze" path="m -29 -183 l -112 132" />
<animate xlink:href="#y5" begin="10000ms" fill="freeze" attributeName="d" dur="1000ms" values="M122 -183 L-51 -183 Z;M-65 -162 L-217 -162 Z" />
<animateMotion xlink:href="#liby5" begin="10000ms" dur="1000ms" fill="freeze" path="m 35 -183 l -176 21" />
<animate xlink:href="#b11" begin="10000ms" fill="freeze" attributeName="d" dur="1000ms" values="M180 183 L180 55 Z;M217 162 L217 -31 Z" />
<animateMotion xlink:href="#libb11" begin="10000ms" dur="1000ms" fill="freeze" path="m 156 -39 l 37 -54" />
<animate xlink:href="#c12" begin="10000ms" fill="freeze" attributeName="d" dur="1000ms" values="M180 55 L-46 183 Z;M217 -31 L18 162 Z" />
<animateMotion xlink:href="#libc12" begin="10000ms" dur="1000ms" fill="freeze" path="m 153 -64 l 50 -54" />
<animateMotion xlink:href="#X1" begin="10000ms" dur="1000ms"
fill="freeze" path="m -180 -183 l -37 243" />
<animateMotion xlink:href="#Y2" begin="10000ms" dur="1000ms"
fill="freeze" path="m 122 -183 l -187 21" />
<animateMotion xlink:href="#Z3" begin="10000ms" dur="1000ms"
fill="freeze" path="m -51 -183 l -166 21" />
<animateMotion xlink:href="#A7" begin="10000ms" dur="1000ms"
fill="freeze" path="m -46 183 l 64 -21" />
<animateMotion xlink:href="#B8" begin="10000ms" dur="1000ms"
fill="freeze" path="m 180 183 l 37 -21" />
<animateMotion xlink:href="#C10" begin="10000ms" dur="1000ms"
fill="freeze" path="m 180 55 l 37 -86" />
<animate xlink:href="#m14" attributeName="opacity" from="0" to="1" dur="1000ms" begin="11000ms" fill="freeze"/>
<animate xlink:href="#libm14" attributeName="opacity" from="0" to="1" dur="1000ms" begin="11000ms" fill="freeze"/>
<animate xlink:href="#bim14" attributeName="opacity" from="0" to="1" dur="1000ms" begin="11000ms" fill="freeze"/>
<animate attributeName="viewBox" from="-257 -202 514 404" to="-236 -247 472 494" begin="12000ms" dur="1000ms" fill="freeze" />
<animate xlink:href="#z6" begin="12000ms" fill="freeze" attributeName="d" dur="1000ms" values="M-217 -162 L-217 60 Z;M-196 -207 L-196 22 Z" />
<animateMotion xlink:href="#libz6" begin="12000ms" dur="1000ms" fill="freeze" path="m -217 -51 l 21 -41" />
<animate xlink:href="#l13" begin="12000ms" fill="freeze" attributeName="d" dur="1000ms" values="M18 162 L-217 60 Z;M-32 207 L-196 22 Z" />
<animateMotion xlink:href="#libl13" begin="12000ms" dur="1000ms" fill="freeze" path="m 14 111 l -15 3" />
<animate xlink:href="#a9" begin="12000ms" fill="freeze" attributeName="d" dur="1000ms" values="M18 162 L217 162 Z;M-32 207 L196 207 Z" />
<animateMotion xlink:href="#liba9" begin="12000ms" dur="1000ms" fill="freeze" path="m 117 162 l -35 45" />
<animate xlink:href="#x4" begin="12000ms" fill="freeze" attributeName="d" dur="1000ms" values="M-217 60 L-65 -162 Z;M-196 22 L38 -120 Z" />
<animateMotion xlink:href="#libx4" begin="12000ms" dur="1000ms" fill="freeze" path="m -141 -51 l 62 2" />
<animate xlink:href="#b11" begin="12000ms" fill="freeze" attributeName="d" dur="1000ms" values="M217 162 L217 -31 Z;M196 207 L196 31 Z" />
<animateMotion xlink:href="#libb11" begin="12000ms" dur="1000ms" fill="freeze" path="m 193 -93 l -21 54" />
<animate xlink:href="#c12" begin="12000ms" fill="freeze" attributeName="d" dur="1000ms" values="M217 -31 L18 162 Z;M196 31 L-32 207 Z" />
<animateMotion xlink:href="#libc12" begin="12000ms" dur="1000ms" fill="freeze" path="m 203 -118 l -35 54" />
<animate xlink:href="#y5" begin="12000ms" fill="freeze" attributeName="d" dur="1000ms" values="M-65 -162 L-217 -162 Z;M38 -120 L-196 -207 Z" />
<animateMotion xlink:href="#liby5" begin="12000ms" dur="1000ms" fill="freeze" path="m -141 -162 l 62 -1" />
<animate xlink:href="#m14" begin="12000ms" fill="freeze" attributeName="d" dur="1000ms" values="M217 162 L-65 -162 Z;M196 207 L38 -120 Z" />
<animateMotion xlink:href="#libm14" begin="12000ms" dur="1000ms" fill="freeze" path="m 0 0 l 41 43" />
<animate xlink:href="#m14" attributeName="stroke" from="rgb(0,0,255)" to="rgb(128,139,150)" dur="1000ms" begin="12000ms" fill="freeze"/>
<animateMotion xlink:href="#X1" begin="12000ms" dur="1000ms"
fill="freeze" path="m -217 60 l 21 -38" />
<animateMotion xlink:href="#Y2" begin="12000ms" dur="1000ms"
fill="freeze" path="m -65 -162 l 103 42" />
<animateMotion xlink:href="#Z3" begin="12000ms" dur="1000ms"
fill="freeze" path="m -217 -162 l 21 -45" />
<animateMotion xlink:href="#A7" begin="12000ms" dur="1000ms"
fill="freeze" path="m 18 162 l -50 45" />
<animateMotion xlink:href="#B8" begin="12000ms" dur="1000ms"
fill="freeze" path="m 217 162 l -21 45" />
<animateMotion xlink:href="#C10" begin="12000ms" dur="1000ms"
fill="freeze" path="m 217 -31 l -21 62" />
<animate xlink:href="#n15" attributeName="opacity" from="0" to="1" dur="1000ms" begin="13000ms" fill="freeze"/>
<animate xlink:href="#libn15" attributeName="opacity" from="0" to="1" dur="1000ms" begin="13000ms" fill="freeze"/>
<animate xlink:href="#bin15" attributeName="opacity" from="0" to="1" dur="1000ms" begin="13000ms" fill="freeze"/>
<animate attributeName="viewBox" from="-236 -247 472 494" to="-224 -292 494 584" begin="14000ms" dur="1000ms" fill="freeze" />
<animate xlink:href="#z6" begin="14000ms" fill="freeze" attributeName="d" dur="1000ms" values="M-196 -207 L-196 22 Z;M18 -252 L-184 -94 Z" />
<animateMotion xlink:href="#libz6" begin="14000ms" dur="1000ms" fill="freeze" path="m -196 -92 l 113 -81" />
<animate xlink:href="#l13" begin="14000ms" fill="freeze" attributeName="d" dur="1000ms" values="M-32 207 L-196 22 Z;M-156 252 L-184 -94 Z" />
<animateMotion xlink:href="#libl13" begin="14000ms" dur="1000ms" fill="freeze" path="m -1 114 l -56 -35" />
<animate xlink:href="#a9" begin="14000ms" fill="freeze" attributeName="d" dur="1000ms" values="M-32 207 L196 207 Z;M-156 252 L219 252 Z" />
<animateMotion xlink:href="#liba9" begin="14000ms" dur="1000ms" fill="freeze" path="m 82 207 l -51 45" />
<animate xlink:href="#x4" begin="14000ms" fill="freeze" attributeName="d" dur="1000ms" values="M-196 22 L38 -120 Z;M-184 -94 L230 -102 Z" />
<animateMotion xlink:href="#libx4" begin="14000ms" dur="1000ms" fill="freeze" path="m -79 -49 l 102 -49" />
<animate xlink:href="#b11" begin="14000ms" fill="freeze" attributeName="d" dur="1000ms" values="M196 207 L196 31 Z;M219 252 L33 85 Z" />
<animateMotion xlink:href="#libb11" begin="14000ms" dur="1000ms" fill="freeze" path="m 172 -39 l -70 49" />
<animate xlink:href="#n15" begin="14000ms" fill="freeze" attributeName="d" dur="1000ms" values="M196 31 L-196 -207 Z;M33 85 L18 -252 Z" />
<animateMotion xlink:href="#libn15" begin="14000ms" dur="1000ms" fill="freeze" path="m 0 0 l 25 5" />
<animate xlink:href="#n15" attributeName="stroke" from="rgb(0,0,255)" to="rgb(128,139,150)" dur="1000ms" begin="14000ms" fill="freeze"/>
<animate xlink:href="#c12" begin="14000ms" fill="freeze" attributeName="d" dur="1000ms" values="M196 31 L-32 207 Z;M33 85 L-156 252 Z" />
<animateMotion xlink:href="#libc12" begin="14000ms" dur="1000ms" fill="freeze" path="m 168 -64 l -143 49" />
<animate xlink:href="#y5" begin="14000ms" fill="freeze" attributeName="d" dur="1000ms" values="M38 -120 L-196 -207 Z;M230 -102 L18 -252 Z" />
<animateMotion xlink:href="#liby5" begin="14000ms" dur="1000ms" fill="freeze" path="m -79 -163 l 203 -14" />
<animate xlink:href="#m14" begin="14000ms" fill="freeze" attributeName="d" dur="1000ms" values="M196 207 L38 -120 Z;M219 252 L230 -102 Z" />
<animateMotion xlink:href="#libm14" begin="14000ms" dur="1000ms" fill="freeze" path="m 41 43 l 107 32" />
<animateMotion xlink:href="#X1" begin="14000ms" dur="1000ms"
fill="freeze" path="m -196 22 l 12 -116" />
<animateMotion xlink:href="#Y2" begin="14000ms" dur="1000ms"
fill="freeze" path="m 38 -120 l 192 18" />
<animateMotion xlink:href="#Z3" begin="14000ms" dur="1000ms"
fill="freeze" path="m -196 -207 l 214 -45" />
<animateMotion xlink:href="#A7" begin="14000ms" dur="1000ms"
fill="freeze" path="m -32 207 l -124 45" />
<animateMotion xlink:href="#B8" begin="14000ms" dur="1000ms"
fill="freeze" path="m 196 207 l 23 45" />
<animateMotion xlink:href="#C10" begin="14000ms" dur="1000ms"
fill="freeze" path="m 196 31 l -163 54" />
<animate xlink:href="#l13" attributeName="opacity" from="1" to="0" dur="1000ms" begin="15000ms" fill="freeze"/>
<animate xlink:href="#libl13" attributeName="opacity" from="1" to="0" dur="1000ms" begin="15000ms" fill="freeze"/>
<animate xlink:href="#bil13" attributeName="opacity" from="1" to="0" dur="1000ms" begin="15000ms" fill="freeze"/>
<animate xlink:href="#l13" attributeName="stroke" from="rgb(128,139,150)" to="rgb(255,0,0)" dur="1000ms" begin="15000ms" fill="freeze"/>
<animate xlink:href="#a9" attributeName="opacity" from="1" to="0" dur="1000ms" begin="15000ms" fill="freeze"/>
<animate xlink:href="#liba9" attributeName="opacity" from="1" to="0" dur="1000ms" begin="15000ms" fill="freeze"/>
<animate xlink:href="#bia9" attributeName="opacity" from="1" to="0" dur="1000ms" begin="15000ms" fill="freeze"/>
<animate xlink:href="#a9" attributeName="stroke" from="rgb(128,139,150)" to="rgb(255,0,0)" dur="1000ms" begin="15000ms" fill="freeze"/>
<animate xlink:href="#b11" attributeName="opacity" from="1" to="0" dur="1000ms" begin="15000ms" fill="freeze"/>
<animate xlink:href="#libb11" attributeName="opacity" from="1" to="0" dur="1000ms" begin="15000ms" fill="freeze"/>
<animate xlink:href="#bib11" attributeName="opacity" from="1" to="0" dur="1000ms" begin="15000ms" fill="freeze"/>
<animate xlink:href="#b11" attributeName="stroke" from="rgb(128,139,150)" to="rgb(255,0,0)" dur="1000ms" begin="15000ms" fill="freeze"/>
<animate xlink:href="#c12" attributeName="opacity" from="1" to="0" dur="1000ms" begin="15000ms" fill="freeze"/>
<animate xlink:href="#libc12" attributeName="opacity" from="1" to="0" dur="1000ms" begin="15000ms" fill="freeze"/>
<animate xlink:href="#bic12" attributeName="opacity" from="1" to="0" dur="1000ms" begin="15000ms" fill="freeze"/>
<animate xlink:href="#c12" attributeName="stroke" from="rgb(128,139,150)" to="rgb(255,0,0)" dur="1000ms" begin="15000ms" fill="freeze"/>
<animate xlink:href="#m14" attributeName="opacity" from="1" to="0" dur="1000ms" begin="15000ms" fill="freeze"/>
<animate xlink:href="#libm14" attributeName="opacity" from="1" to="0" dur="1000ms" begin="15000ms" fill="freeze"/>
<animate xlink:href="#bim14" attributeName="opacity" from="1" to="0" dur="1000ms" begin="15000ms" fill="freeze"/>
<animate xlink:href="#m14" attributeName="stroke" from="rgb(128,139,150)" to="rgb(255,0,0)" dur="1000ms" begin="15000ms" fill="freeze"/>
<animateMotion xlink:href="#A7" begin="16000ms" dur="1000ms"
fill="freeze" path="m -156 252 l 375 0" />
<animateMotion xlink:href="#B8" begin="16000ms" dur="1000ms"
fill="freeze" path="m 219 252 l -375 0" />
<animate xlink:href="#l17" attributeName="opacity" from="0" to="1" dur="1000ms" begin="17000ms" fill="freeze"/>
<animate xlink:href="#libl17" attributeName="opacity" from="0" to="1" dur="1000ms" begin="17000ms" fill="freeze"/>
<animate xlink:href="#bil17" attributeName="opacity" from="0" to="1" dur="1000ms" begin="17000ms" fill="freeze"/>
<animate xlink:href="#a16" attributeName="opacity" from="0" to="1" dur="1000ms" begin="17000ms" fill="freeze"/>
<animate xlink:href="#liba16" attributeName="opacity" from="0" to="1" dur="1000ms" begin="17000ms" fill="freeze"/>
<animate xlink:href="#bia16" attributeName="opacity" from="0" to="1" dur="1000ms" begin="17000ms" fill="freeze"/>
<animate xlink:href="#b20" attributeName="opacity" from="0" to="1" dur="1000ms" begin="17000ms" fill="freeze"/>
<animate xlink:href="#libb20" attributeName="opacity" from="0" to="1" dur="1000ms" begin="17000ms" fill="freeze"/>
<animate xlink:href="#bib20" attributeName="opacity" from="0" to="1" dur="1000ms" begin="17000ms" fill="freeze"/>
<animate xlink:href="#c18" attributeName="opacity" from="0" to="1" dur="1000ms" begin="17000ms" fill="freeze"/>
<animate xlink:href="#libc18" attributeName="opacity" from="0" to="1" dur="1000ms" begin="17000ms" fill="freeze"/>
<animate xlink:href="#bic18" attributeName="opacity" from="0" to="1" dur="1000ms" begin="17000ms" fill="freeze"/>
<animate xlink:href="#m19" attributeName="opacity" from="0" to="1" dur="1000ms" begin="17000ms" fill="freeze"/>
<animate xlink:href="#libm19" attributeName="opacity" from="0" to="1" dur="1000ms" begin="17000ms" fill="freeze"/>
<animate xlink:href="#bim19" attributeName="opacity" from="0" to="1" dur="1000ms" begin="17000ms" fill="freeze"/>
<animate xlink:href="#l17" attributeName="stroke" from="rgb(0,0,255)" to="rgb(128,139,150)" dur="1000ms" begin="18000ms" fill="freeze"/>
<animate xlink:href="#a16" attributeName="stroke" from="rgb(0,0,255)" to="rgb(128,139,150)" dur="1000ms" begin="18000ms" fill="freeze"/>
<animate xlink:href="#b20" attributeName="stroke" from="rgb(0,0,255)" to="rgb(128,139,150)" dur="1000ms" begin="18000ms" fill="freeze"/>
<animate xlink:href="#c18" attributeName="stroke" from="rgb(0,0,255)" to="rgb(128,139,150)" dur="1000ms" begin="18000ms" fill="freeze"/>
<animate xlink:href="#m19" attributeName="stroke" from="rgb(0,0,255)" to="rgb(128,139,150)" dur="1000ms" begin="18000ms" fill="freeze"/>
<animate xlink:href="#cC10" attributeName="fill" from="rgb(255,255,255)" to="rgb(128,0,0)" dur="1000ms" begin="18000ms" fill="freeze"/>
<animate xlink:href="#n15" attributeName="opacity" from="1" to="0" dur="1000ms" begin="19000ms" fill="freeze"/>
<animate xlink:href="#libn15" attributeName="opacity" from="1" to="0" dur="1000ms" begin="19000ms" fill="freeze"/>
<animate xlink:href="#bin15" attributeName="opacity" from="1" to="0" dur="1000ms" begin="19000ms" fill="freeze"/>
<animate xlink:href="#n15" attributeName="stroke" from="rgb(128,139,150)" to="rgb(255,0,0)" dur="1000ms" begin="19000ms" fill="freeze"/>
<animate xlink:href="#a16" attributeName="opacity" from="1" to="0" dur="1000ms" begin="20000ms" fill="freeze"/>
<animate xlink:href="#liba16" attributeName="opacity" from="1" to="0" dur="1000ms" begin="20000ms" fill="freeze"/>
<animate xlink:href="#bia16" attributeName="opacity" from="1" to="0" dur="1000ms" begin="20000ms" fill="freeze"/>
<animate xlink:href="#a16" attributeName="stroke" from="rgb(128,139,150)" to="rgb(255,0,0)" dur="1000ms" begin="20000ms" fill="freeze"/>
<animate xlink:href="#m19" attributeName="opacity" from="1" to="0" dur="1000ms" begin="21000ms" fill="freeze"/>
<animate xlink:href="#libm19" attributeName="opacity" from="1" to="0" dur="1000ms" begin="21000ms" fill="freeze"/>
<animate xlink:href="#bim19" attributeName="opacity" from="1" to="0" dur="1000ms" begin="21000ms" fill="freeze"/>
<animate xlink:href="#m19" attributeName="stroke" from="rgb(128,139,150)" to="rgb(255,0,0)" dur="1000ms" begin="21000ms" fill="freeze"/>
<animate xlink:href="#b20" attributeName="opacity" from="1" to="0" dur="1000ms" begin="22000ms" fill="freeze"/>
<animate xlink:href="#libb20" attributeName="opacity" from="1" to="0" dur="1000ms" begin="22000ms" fill="freeze"/>
<animate xlink:href="#bib20" attributeName="opacity" from="1" to="0" dur="1000ms" begin="22000ms" fill="freeze"/>
<animate xlink:href="#b20" attributeName="stroke" from="rgb(128,139,150)" to="rgb(255,0,0)" dur="1000ms" begin="22000ms" fill="freeze"/>
<animate xlink:href="#A7" attributeName="opacity" from="1" to="0" dur="1000ms" begin="23000ms" fill="freeze"/>
<animate xlink:href="#cA7" attributeName="stroke" from="rgb(128,139,150)" to="rgb(255,0,0)" dur="1000ms" begin="23000ms" fill="freeze"/>
<g id="A21" opacity="0">
<circle id="cA21" cx="0" cy="0" r="20" fill="rgb(255,255,255)" stroke="rgb(0,0,255)" stroke-width="2"></circle>
<text id="coA21" x="0" y="0" dx="-6" dy="6" fill="rgb(0,0,0)">A</text>
</g>
<animate xlink:href="#A21" attributeName="opacity" from="0" to="1" dur="1000ms" begin="24000ms" fill="freeze"/>
<animate attributeName="viewBox" from="-224 -292 494 584" to="-214 -205 428 410" begin="25000ms" dur="1000ms" fill="freeze" />
<animate xlink:href="#z6" begin="25000ms" fill="freeze" attributeName="d" dur="1000ms" values="M18 -252 L-184 -94 Z;M-12 -165 L-174 -120 Z" />
<animateMotion xlink:href="#libz6" begin="25000ms" dur="1000ms" fill="freeze" path="m -83 -173 l -10 31" />
<animate xlink:href="#l17" begin="25000ms" fill="freeze" attributeName="d" dur="1000ms" values="M-156 252 L-184 -94 Z;M-174 165 L-174 -120 Z" />
<animateMotion xlink:href="#libl17" begin="25000ms" dur="1000ms" fill="freeze" path="m 0 0 l -4 -57" />
<animate xlink:href="#x4" begin="25000ms" fill="freeze" attributeName="d" dur="1000ms" values="M-184 -94 L230 -102 Z;M-174 -120 L161 -165 Z" />
<animateMotion xlink:href="#libx4" begin="25000ms" dur="1000ms" fill="freeze" path="m 23 -98 l -29 -44" />
<animate xlink:href="#c18" begin="25000ms" fill="freeze" attributeName="d" dur="1000ms" values="M33 85 L-156 252 Z;M3 165 L-174 165 Z" />
<animateMotion xlink:href="#libc18" begin="25000ms" dur="1000ms" fill="freeze" path="m 0 0 l -24 -3" />
<animate xlink:href="#y5" begin="25000ms" fill="freeze" attributeName="d" dur="1000ms" values="M230 -102 L18 -252 Z;M161 -165 L-12 -165 Z" />
<animateMotion xlink:href="#liby5" begin="25000ms" dur="1000ms" fill="freeze" path="m 124 -177 l -50 12" />
<animateMotion xlink:href="#X1" begin="25000ms" dur="1000ms"
fill="freeze" path="m -184 -94 l 10 -26" />
<animateMotion xlink:href="#Y2" begin="25000ms" dur="1000ms"
fill="freeze" path="m 230 -102 l -69 -63" />
<animateMotion xlink:href="#Z3" begin="25000ms" dur="1000ms"
fill="freeze" path="m 18 -252 l -30 87" />
<animateMotion xlink:href="#A21" begin="25000ms" dur="1000ms"
fill="freeze" path="m 0 0 l 174 165" />
<animate xlink:href="#cA21" attributeName="stroke" from="rgb(0,0,255)" to="rgb(128,139,150)" dur="1000ms" begin="25000ms" fill="freeze"/>
<animateMotion xlink:href="#B8" begin="25000ms" dur="1000ms"
fill="freeze" path="m -156 252 l -18 -87" />
<animateMotion xlink:href="#C10" begin="25000ms" dur="1000ms"
fill="freeze" path="m 33 85 l -30 80" />
<animate xlink:href="#a22" attributeName="opacity" from="0" to="1" dur="1000ms" begin="26000ms" fill="freeze"/>
<animate xlink:href="#liba22" attributeName="opacity" from="0" to="1" dur="1000ms" begin="26000ms" fill="freeze"/>
<animate xlink:href="#bia22" attributeName="opacity" from="0" to="1" dur="1000ms" begin="26000ms" fill="freeze"/>
<animate attributeName="viewBox" from="-214 -205 428 410" to="-220 -230 440 460" begin="27000ms" dur="1000ms" fill="freeze" />
<animate xlink:href="#z6" begin="27000ms" fill="freeze" attributeName="d" dur="1000ms" values="M-12 -165 L-174 -120 Z;M-180 -190 L-36 -64 Z" />
<animateMotion xlink:href="#libz6" begin="27000ms" dur="1000ms" fill="freeze" path="m -93 -142 l -15 15" />
<animate xlink:href="#l17" begin="27000ms" fill="freeze" attributeName="d" dur="1000ms" values="M-174 165 L-174 -120 Z;M1 190 L-36 -64 Z" />
<animateMotion xlink:href="#libl17" begin="27000ms" dur="1000ms" fill="freeze" path="m -4 -57 l 157 41" />
<animate xlink:href="#a22" begin="27000ms" fill="freeze" attributeName="d" dur="1000ms" values="M174 165 L-174 165 Z;M180 190 L1 190 Z" />
<animateMotion xlink:href="#liba22" begin="27000ms" dur="1000ms" fill="freeze" path="m 0 0 l 90 25" />
<animate xlink:href="#a22" attributeName="stroke" from="rgb(0,0,255)" to="rgb(128,139,150)" dur="1000ms" begin="27000ms" fill="freeze"/>
<animate xlink:href="#x4" begin="27000ms" fill="freeze" attributeName="d" dur="1000ms" values="M-174 -120 L161 -165 Z;M-36 -64 L111 -190 Z" />
<animateMotion xlink:href="#libx4" begin="27000ms" dur="1000ms" fill="freeze" path="m -6 -142 l 43 15" />
<animate xlink:href="#c18" begin="27000ms" fill="freeze" attributeName="d" dur="1000ms" values="M3 165 L-174 165 Z;M-180 190 L1 190 Z" />
<animateMotion xlink:href="#libc18" begin="27000ms" dur="1000ms" fill="freeze" path="m -24 -3 l -4 25" />
<animate xlink:href="#y5" begin="27000ms" fill="freeze" attributeName="d" dur="1000ms" values="M161 -165 L-12 -165 Z;M111 -190 L-180 -190 Z" />
<animateMotion xlink:href="#liby5" begin="27000ms" dur="1000ms" fill="freeze" path="m 74 -165 l -108 -25" />
<animateMotion xlink:href="#X1" begin="27000ms" dur="1000ms"
fill="freeze" path="m -174 -120 l 138 56" />
<animateMotion xlink:href="#Y2" begin="27000ms" dur="1000ms"
fill="freeze" path="m 161 -165 l -50 -25" />
<animateMotion xlink:href="#Z3" begin="27000ms" dur="1000ms"
fill="freeze" path="m -12 -165 l -168 -25" />
<animateMotion xlink:href="#A21" begin="27000ms" dur="1000ms"
fill="freeze" path="m 174 165 l 6 25" />
<animateMotion xlink:href="#B8" begin="27000ms" dur="1000ms"
fill="freeze" path="m -174 165 l 175 25" />
<animateMotion xlink:href="#C10" begin="27000ms" dur="1000ms"
fill="freeze" path="m 3 165 l -183 25" />
<animate xlink:href="#cA21" attributeName="stroke-width" from="2" to="4" dur="1000ms" begin="28000ms" fill="freeze"/>
<animate xlink:href="#cA21" attributeName="stroke" from="rgb(128,139,150)" to="rgb(191,255,0)" dur="1000ms" begin="28000ms" fill="freeze"/>
<animate xlink:href="#a22" attributeName="stroke-width" from="2" to="4" dur="1000ms" begin="29000ms" fill="freeze"/>
<animate xlink:href="#a22" attributeName="stroke" from="rgb(128,139,150)" to="rgb(191,255,0)" dur="1000ms" begin="29000ms" fill="freeze"/>
<animate xlink:href="#cA21" attributeName="stroke-width" from="4" to="2" dur="1000ms" begin="30000ms" fill="freeze"/>
<animate xlink:href="#cA21" attributeName="stroke" from="rgb(191,255,0)" to="rgb(128,139,150)" dur="1000ms" begin="30000ms" fill="freeze"/>
<animate xlink:href="#a22" attributeName="stroke-width" from="4" to="2" dur="1000ms" begin="31000ms" fill="freeze"/>
<animate xlink:href="#a22" attributeName="stroke" from="rgb(191,255,0)" to="rgb(128,139,150)" dur="1000ms" begin="31000ms" fill="freeze"/>
<animate xlink:href="#a22" attributeName="opacity" from="1" to="0" dur="1000ms" begin="32000ms" fill="freeze"/>
<animate xlink:href="#liba22" attributeName="opacity" from="1" to="0" dur="1000ms" begin="32000ms" fill="freeze"/>
<animate xlink:href="#bia22" attributeName="opacity" from="1" to="0" dur="1000ms" begin="32000ms" fill="freeze"/>
<animate xlink:href="#a22" attributeName="stroke" from="rgb(128,139,150)" to="rgb(255,0,0)" dur="1000ms" begin="32000ms" fill="freeze"/>
<animate attributeName="viewBox" from="-220 -230 440 460" to="-220 -230 371 460" begin="33000ms" dur="1000ms" fill="freeze" />
<animate xlink:href="#A21" attributeName="opacity" from="1" to="0" dur="1000ms" begin="33000ms" fill="freeze"/>
<animate xlink:href="#cA21" attributeName="stroke" from="rgb(128,139,150)" to="rgb(255,0,0)" dur="1000ms" begin="33000ms" fill="freeze"/>
<g id="A23" opacity="0">
<circle id="cA23" cx="500" cy="500" r="20" fill="rgb(255,255,255)" stroke="rgb(0,0,255)" stroke-width="2"></circle>
<text id="coA23" x="500" y="500" dx="-6" dy="6" fill="rgb(0,0,0)">A</text>
</g>
<animate attributeName="viewBox" from="-220 -230 371 460" to="-220 -230 760 770" begin="34000ms" dur="1000ms" fill="freeze" />
<animate xlink:href="#A23" attributeName="opacity" from="0" to="1" dur="1000ms" begin="34000ms" fill="freeze"/>
<animate attributeName="viewBox" from="-220 -230 760 770" to="-259 -233 799 773" begin="35000ms" dur="1000ms" fill="freeze" />
<animate xlink:href="#z6" begin="35000ms" fill="freeze" attributeName="d" dur="1000ms" values="M-180 -190 L-36 -64 Z;M16 -179 L158 32 Z" />
<animateMotion xlink:href="#libz6" begin="35000ms" dur="1000ms" fill="freeze" path="m -108 -127 l 195 54" />
<animate xlink:href="#l17" begin="35000ms" fill="freeze" attributeName="d" dur="1000ms" values="M1 190 L-36 -64 Z;M17 255 L158 32 Z" />
<animateMotion xlink:href="#libl17" begin="35000ms" dur="1000ms" fill="freeze" path="m 153 -16 l 104 80" />
<animate xlink:href="#x4" begin="35000ms" fill="freeze" attributeName="d" dur="1000ms" values="M-36 -64 L111 -190 Z;M158 32 L219 -193 Z" />
<animateMotion xlink:href="#libx4" begin="35000ms" dur="1000ms" fill="freeze" path="m 37 -127 l 151 47" />
<animate xlink:href="#c18" begin="35000ms" fill="freeze" attributeName="d" dur="1000ms" values="M-180 190 L1 190 Z;M-219 255 L17 255 Z" />
<animateMotion xlink:href="#libc18" begin="35000ms" dur="1000ms" fill="freeze" path="m -28 22 l -12 65" />
<animate xlink:href="#y5" begin="35000ms" fill="freeze" attributeName="d" dur="1000ms" values="M111 -190 L-180 -190 Z;M219 -193 L16 -179 Z" />
<animateMotion xlink:href="#liby5" begin="35000ms" dur="1000ms" fill="freeze" path="m -34 -190 l 151 4" />
<animateMotion xlink:href="#X1" begin="35000ms" dur="1000ms"
fill="freeze" path="m -36 -64 l 194 96" />
<animateMotion xlink:href="#Y2" begin="35000ms" dur="1000ms"
fill="freeze" path="m 111 -190 l 108 -3" />
<animateMotion xlink:href="#Z3" begin="35000ms" dur="1000ms"
fill="freeze" path="m -180 -190 l 196 11" />
<animate xlink:href="#cA23" attributeName="stroke" from="rgb(0,0,255)" to="rgb(128,139,150)" dur="1000ms" begin="35000ms" fill="freeze"/>
<animateMotion xlink:href="#B8" begin="35000ms" dur="1000ms"
fill="freeze" path="m 1 190 l 16 65" />
<animateMotion xlink:href="#C10" begin="35000ms" dur="1000ms"
fill="freeze" path="m -180 190 l -39 65" />
<animate xlink:href="#a24" attributeName="opacity" from="0" to="1" dur="1000ms" begin="36000ms" fill="freeze"/>
<animate xlink:href="#liba24" attributeName="opacity" from="0" to="1" dur="1000ms" begin="36000ms" fill="freeze"/>
<animate xlink:href="#bia24" attributeName="opacity" from="0" to="1" dur="1000ms" begin="36000ms" fill="freeze"/>
<animate attributeName="viewBox" from="-259 -233 799 773" to="-21 -265 561 805" begin="37000ms" dur="1000ms" fill="freeze" />
<animate xlink:href="#z6" begin="37000ms" fill="freeze" attributeName="d" dur="1000ms" values="M16 -179 L158 32 Z;M97 -150 L298 12 Z" />
<animateMotion xlink:href="#libz6" begin="37000ms" dur="1000ms" fill="freeze" path="m 87 -73 l 110 4" />
<animate xlink:href="#l17" begin="37000ms" fill="freeze" attributeName="d" dur="1000ms" values="M17 255 L158 32 Z;M298 294 L298 12 Z" />
<animateMotion xlink:href="#libl17" begin="37000ms" dur="1000ms" fill="freeze" path="m 257 64 l 211 10" />
<animate xlink:href="#a24" begin="37000ms" fill="freeze" attributeName="d" dur="1000ms" values="M500 500 L17 255 Z;M500 500 L298 294 Z" />
<animateMotion xlink:href="#liba24" begin="37000ms" dur="1000ms" fill="freeze" path="m 0 0 l 141 20" />
<animate xlink:href="#a24" attributeName="stroke" from="rgb(0,0,255)" to="rgb(128,139,150)" dur="1000ms" begin="37000ms" fill="freeze"/>
<animate xlink:href="#x4" begin="37000ms" fill="freeze" attributeName="d" dur="1000ms" values="M158 32 L219 -193 Z;M298 12 L298 -225 Z" />
<animateMotion xlink:href="#libx4" begin="37000ms" dur="1000ms" fill="freeze" path="m 188 -80 l 110 -26" />
<animate xlink:href="#c18" begin="37000ms" fill="freeze" attributeName="d" dur="1000ms" values="M-219 255 L17 255 Z;M19 294 L298 294 Z" />
<animateMotion xlink:href="#libc18" begin="37000ms" dur="1000ms" fill="freeze" path="m -40 87 l 259 39" />
<animate xlink:href="#y5" begin="37000ms" fill="freeze" attributeName="d" dur="1000ms" values="M219 -193 L16 -179 Z;M298 -225 L97 -150 Z" />
<animateMotion xlink:href="#liby5" begin="37000ms" dur="1000ms" fill="freeze" path="m 117 -186 l 80 -1" />
<animateMotion xlink:href="#X1" begin="37000ms" dur="1000ms"
fill="freeze" path="m 158 32 l 140 -20" />
<animateMotion xlink:href="#Y2" begin="37000ms" dur="1000ms"
fill="freeze" path="m 219 -193 l 79 -32" />
<animateMotion xlink:href="#Z3" begin="37000ms" dur="1000ms"
fill="freeze" path="m 16 -179 l 81 29" />
<animateMotion xlink:href="#B8" begin="37000ms" dur="1000ms"
fill="freeze" path="m 17 255 l 281 39" />
<animateMotion xlink:href="#C10" begin="37000ms" dur="1000ms"
fill="freeze" path="m -219 255 l 238 39" />
<animate attributeName="viewBox" from="-21 -265 561 805" to="-540 -540 878 874" begin="38000ms" dur="1000ms" fill="freeze" />
<animate xlink:href="#a24" begin="38000ms" fill="freeze" attributeName="d" dur="1000ms" values="M500 500 L298 294 Z;M-500 -500 L298 294 Z" />
<animateMotion xlink:href="#liba24" begin="38000ms" dur="1000ms" fill="freeze" path="m 141 20 l -500 -500" />
<animateMotion xlink:href="#A23" begin="38000ms" dur="1000ms"
fill="freeze" path="m 0 0 l -1000 -1000" />
<animate attributeName="viewBox" from="-540 -540 878 874" to="-540 -540 816 703" begin="39000ms" dur="1000ms" fill="freeze" />
<animate xlink:href="#z6" begin="39000ms" fill="freeze" attributeName="d" dur="1000ms" values="M97 -150 L298 12 Z;M236 -138 L0 -138 Z" />
<animateMotion xlink:href="#libz6" begin="39000ms" dur="1000ms" fill="freeze" path="m 197 -69 l -79 -69" />
<animate xlink:href="#l17" begin="39000ms" fill="freeze" attributeName="d" dur="1000ms" values="M298 294 L298 12 Z;M-268 -138 L0 -138 Z" />
<animateMotion xlink:href="#libl17" begin="39000ms" dur="1000ms" fill="freeze" path="m 468 74 l -432 -291" />
<animate xlink:href="#a24" begin="39000ms" fill="freeze" attributeName="d" dur="1000ms" values="M-500 -500 L298 294 Z;M-500 -500 L-268 -138 Z" />
<animateMotion xlink:href="#liba24" begin="39000ms" dur="1000ms" fill="freeze" path="m -359 -480 l -283 -216" />
<animate xlink:href="#x4" begin="39000ms" fill="freeze" attributeName="d" dur="1000ms" values="M298 12 L298 -225 Z;M0 -138 L155 56 Z" />
<animateMotion xlink:href="#libx4" begin="39000ms" dur="1000ms" fill="freeze" path="m 298 -106 l -221 65" />
<animate xlink:href="#c18" begin="39000ms" fill="freeze" attributeName="d" dur="1000ms" values="M19 294 L298 294 Z;M-268 123 L-268 -138 Z" />
<animateMotion xlink:href="#libc18" begin="39000ms" dur="1000ms" fill="freeze" path="m 219 126 l -426 -301" />
<animate xlink:href="#y5" begin="39000ms" fill="freeze" attributeName="d" dur="1000ms" values="M298 -225 L97 -150 Z;M155 56 L236 -138 Z" />
<animateMotion xlink:href="#liby5" begin="39000ms" dur="1000ms" fill="freeze" path="m 197 -187 l -2 146" />
<animateMotion xlink:href="#X1" begin="39000ms" dur="1000ms"
fill="freeze" path="m 298 12 l -298 -150" />
<animateMotion xlink:href="#Y2" begin="39000ms" dur="1000ms"
fill="freeze" path="m 298 -225 l -143 281" />
<animateMotion xlink:href="#Z3" begin="39000ms" dur="1000ms"
fill="freeze" path="m 97 -150 l 139 12" />
<animateMotion xlink:href="#B8" begin="39000ms" dur="1000ms"
fill="freeze" path="m 298 294 l -566 -432" />
<animateMotion xlink:href="#C10" begin="39000ms" dur="1000ms"
fill="freeze" path="m 19 294 l -287 -171" />
</svg>
</body>
</html>