<!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 - Dynalgo Rust library demo</title>
<style>
body {
background-color: white;
color: darkblue;
margin: 0px;
padding: 0px;
display: flex;
}
:link {
color:darkblue;
}
section {
display: flex;
flex-flow: row nowrap;
width: 100%;
height: 100vh;
padding: 0px;
margin: 0px;
justify-content: space-between;
}
article {
display: flex;
border: none;
width: 50%;
height: 100%;
padding: 0px;
margin: 0px;
overflow: hidden;
border-left: 1px solid lightgrey;
}
svg text{
text-anchor: middle;
dominant-baseline: middle;
}
@media screen and (max-width: 800px) {
body {
flex-direction: column;
width: 100%;
}
section {
border-left: none;
flex-direction: column;
width: 100%;
}
article {
border-top: 1px solid lightgrey;
border-left: none;
width: 100%;
}
}
.selected {
font-style: italic;
border-top : 1px solid darkblue;
border-bottom : 1px solid darkblue;
}
.info a {
font-size: 1.5em;
padding: 0px;
margin: 0px;
text-decoration: none;
cursor: pointer;
font-style: italic;
}
</style>
<script>
function pause(svg) {
if (svg.animationsPaused()) {
svg.unpauseAnimations();
} else {
svg.pauseAnimations();
}
}
</script>
</head>
<body>
<section>
<article>
<svg class="svg_dynalgo" onclick="pause(this)" viewBox="-167 -108 373 121" preserveAspectRatio="xMidYMid meet">
<path id="DE19" stroke-width="2" opacity="0" stroke="rgb(0,0,255)" d="M-13 -116 L0 0 Z" />
<g id="libDE19" opacity="0">
<text id="mDE19" x="-6" y="-58" dx="8" dy="-8" fill="rgb(0,0,0)">8</text>
</g>
<path id="CE18" stroke-width="2" opacity="0" stroke="rgb(0,0,255)" d="M-117 0 L0 0 Z" />
<g id="libCE18" opacity="0">
<text id="mCE18" x="-58" y="0" dx="8" dy="-8" fill="rgb(0,0,0)">7</text>
</g>
<path id="BE17" stroke-width="2" opacity="0" stroke="rgb(0,0,255)" d="M-15 124 L0 0 Z" />
<g id="libBE17" opacity="0">
<text id="mBE17" x="-7" y="62" dx="-8" dy="-8" fill="rgb(0,0,0)">6</text>
</g>
<path id="AE16" stroke-width="2" opacity="0" stroke="rgb(0,0,255)" d="M88 3 L0 0 Z" />
<g id="libAE16" opacity="0">
<text id="mAE16" x="44" y="1" dx="8" dy="-8" fill="rgb(0,0,0)">5</text>
</g>
<path id="DA14" stroke-width="2" opacity="0" stroke="rgb(0,0,255)" d="M-14 -127 L77 -3 Z" />
<g id="libDA14" opacity="0">
<text id="mDA14" x="31" y="-65" dx="8" dy="-8" fill="rgb(0,0,0)">4</text>
</g>
<text id="biDA14" fill="rgb(0,0,0)" opacity="0">
<textpath startOffset="35" href="#DA14">⇒</textpath>
</text>
<path id="AB13" stroke-width="2" opacity="0" stroke="rgb(0,0,255)" d="M77 -3 L-38 108 Z" />
<g id="libAB13" opacity="0">
<text id="mAB13" x="19" y="52" dx="-8" dy="-8" fill="rgb(0,0,0)">1</text>
</g>
<text id="biAB13" fill="rgb(0,0,0)" opacity="0">
<textpath startOffset="35" href="#AB13">⇒</textpath>
</text>
<path id="BC12" stroke-width="2" opacity="0" stroke="rgb(0,0,255)" d="M-38 108 L-132 -16 Z" />
<g id="libBC12" opacity="0">
<text id="mBC12" x="-85" y="46" dx="8" dy="-8" fill="rgb(0,0,0)">2</text>
</g>
<path id="AC11" stroke-width="2" opacity="0" stroke="rgb(0,0,255)" d="M-15 124 L-117 0 Z" />
<g id="libAC11" opacity="0">
<text id="mAC11" x="-66" y="62" dx="8" dy="-8" fill="rgb(0,0,0)">2</text>
</g>
<path id="DB10" stroke-width="2" opacity="0" stroke="rgb(0,0,255)" d="M-13 -116 L88 3 Z" />
<g id="libDB10" opacity="0">
<text id="mDB10" x="37" y="-56" dx="8" dy="-8" fill="rgb(0,0,0)">4</text>
</g>
<text id="biDB10" fill="rgb(0,0,0)" opacity="0">
<textpath startOffset="35" href="#DB10">⇒</textpath>
</text>
<path id="BA9" stroke-width="2" opacity="0" stroke="rgb(0,0,255)" d="M88 3 L-15 124 Z" />
<g id="libBA9" opacity="0">
<text id="mBA9" x="36" y="63" dx="-8" dy="-8" fill="rgb(0,0,0)">1</text>
</g>
<text id="biBA9" fill="rgb(0,0,0)" opacity="0">
<textpath startOffset="35" href="#BA9">⇒</textpath>
</text>
<path id="DA8" stroke-width="2" opacity="0" stroke="rgb(0,0,255)" d="M-264 -8 L182 82 Z" />
<g id="libDA8" opacity="0">
<text id="mDA8" x="-41" y="37" dx="8" dy="-8" fill="rgb(0,0,0)">4</text>
</g>
<text id="biDA8" fill="rgb(0,0,0)" opacity="0">
<textpath startOffset="35" href="#DA8">⇒</textpath>
</text>
<path id="CD7" stroke-width="2" opacity="0" stroke="rgb(0,0,255)" d="M-173 52 L39 -343 Z" />
<g id="libCD7" opacity="0">
<text id="mCD7" x="-67" y="-145" dx="-8" dy="-8" fill="rgb(0,0,0)">3</text>
</g>
<path id="BC5" stroke-width="2" opacity="0" stroke="rgb(0,0,255)" d="M0 0 L0 0 Z" />
<g id="libBC5" opacity="0">
<text id="mBC5" x="0" y="0" dx="8" dy="-8" fill="rgb(0,0,0)">2</text>
</g>
<path id="AB4" stroke-width="2" opacity="0" stroke="rgb(0,0,255)" d="M0 0 L0 0 Z" />
<g id="libAB4" opacity="0">
<text id="mAB4" x="0" y="0" dx="8" dy="-8" fill="rgb(0,0,0)">1</text>
</g>
<text id="biAB4" fill="rgb(0,0,0)" opacity="0">
<textpath startOffset="35" href="#AB4">⇒</textpath>
</text>
<g id="A1" opacity="0">
<circle id="cA1" cx="0" cy="0" r="20" fill="rgb(255,255,255)" stroke="rgb(0,0,255)" stroke-width="2"></circle>
<text id="coA1" x="0" y="0" fill="rgb(0,0,0)">A</text>
</g>
<g id="B2" opacity="0">
<circle id="cB2" cx="0" cy="0" r="20" fill="rgb(255,255,255)" stroke="rgb(0,0,255)" stroke-width="2"></circle>
<text id="coB2" x="0" y="0" fill="rgb(0,0,0)">B</text>
</g>
<g id="C3" opacity="0">
<circle id="cC3" cx="0" cy="0" r="20" fill="rgb(255,255,255)" stroke="rgb(0,0,255)" stroke-width="2"></circle>
<text id="coC3" x="0" y="0" fill="rgb(0,0,0)">C</text>
</g>
<animate href="#AB4" begin="0ms" fill="freeze" attributeName="d" dur="1ms" values="M0 0 L0 0 Z;M166 -53 L17 -27 Z" />
<animateMotion href="#libAB4" begin="0ms" dur="1ms" fill="freeze" path="m 0 0 l 91 -40" />
<animate href="#AB4" attributeName="opacity" from="0" to="1" dur="1ms" begin="0ms" fill="freeze"/>
<animate href="#libAB4" attributeName="opacity" from="0" to="1" dur="1ms" begin="0ms" fill="freeze"/>
<animate href="#biAB4" attributeName="opacity" from="0" to="1" dur="1ms" begin="0ms" fill="freeze"/>
<animate href="#BC5" begin="0ms" fill="freeze" attributeName="d" dur="1ms" values="M0 0 L0 0 Z;M17 -27 L-127 -68 Z" />
<animateMotion href="#libBC5" begin="0ms" dur="1ms" fill="freeze" path="m 0 0 l -55 -47" />
<animate href="#BC5" attributeName="opacity" from="0" to="1" dur="1ms" begin="0ms" fill="freeze"/>
<animate href="#libBC5" attributeName="opacity" from="0" to="1" dur="1ms" begin="0ms" fill="freeze"/>
<animate href="#biBC5" attributeName="opacity" from="0" to="1" dur="1ms" begin="0ms" fill="freeze"/>
<animateMotion href="#A1" begin="0ms" dur="1ms"
fill="freeze" path="m 0 0 l 166 -53" />
<animate href="#A1" attributeName="opacity" from="0" to="1" dur="1ms" begin="0ms" fill="freeze"/>
<animateMotion href="#B2" begin="0ms" dur="1ms"
fill="freeze" path="m 0 0 l 17 -27" />
<animate href="#B2" attributeName="opacity" from="0" to="1" dur="1ms" begin="0ms" fill="freeze"/>
<animateMotion href="#C3" begin="0ms" dur="1ms"
fill="freeze" path="m 0 0 l -127 -68" />
<animate href="#C3" attributeName="opacity" from="0" to="1" dur="1ms" begin="0ms" fill="freeze"/>
<g id="D6" opacity="0">
<circle id="cD6" cx="0" cy="0" r="20" fill="rgb(255,255,255)" stroke="rgb(0,0,255)" stroke-width="2"></circle>
<text id="coD6" x="0" y="0" fill="rgb(0,0,0)">D</text>
</g>
<animate attributeName="viewBox" from="-167 -108 373 121" to="-167 -108 373 148" begin="1ms" dur="1000ms" fill="freeze" />
<animate href="#AB4" attributeName="stroke" from="rgb(0,0,255)" to="rgb(128,139,150)" dur="1000ms" begin="1ms" fill="freeze"/>
<animate href="#BC5" attributeName="stroke" from="rgb(0,0,255)" to="rgb(128,139,150)" dur="1000ms" begin="1ms" fill="freeze"/>
<animate href="#cA1" attributeName="stroke" from="rgb(0,0,255)" to="rgb(128,139,150)" dur="1000ms" begin="1ms" fill="freeze"/>
<animate href="#cB2" attributeName="stroke" from="rgb(0,0,255)" to="rgb(128,139,150)" dur="1000ms" begin="1ms" fill="freeze"/>
<animate href="#cC3" attributeName="stroke" from="rgb(0,0,255)" to="rgb(128,139,150)" dur="1000ms" begin="1ms" fill="freeze"/>
<animate href="#D6" attributeName="opacity" from="0" to="1" dur="1000ms" begin="1ms" fill="freeze"/>
<animate href="#cD6" attributeName="stroke" from="rgb(0,0,255)" to="rgb(128,139,150)" dur="1ms" begin="1001ms" fill="freeze"/>
<animate attributeName="viewBox" from="-167 -108 373 148" to="-213 -383 381 552" begin="1002ms" dur="1000ms" fill="freeze" />
<animate href="#AB4" begin="1002ms" fill="freeze" attributeName="d" dur="1000ms" values="M166 -53 L17 -27 Z;M128 129 L-21 93 Z" />
<animateMotion href="#libAB4" begin="1002ms" dur="1000ms" fill="freeze" path="m 91 -40 l -38 151" />
<animate href="#BC5" begin="1002ms" fill="freeze" attributeName="d" dur="1000ms" values="M17 -27 L-127 -68 Z;M-21 93 L-173 52 Z" />
<animateMotion href="#libBC5" begin="1002ms" dur="1000ms" fill="freeze" path="m -55 -47 l -42 119" />
<animateMotion href="#A1" begin="1002ms" dur="1000ms"
fill="freeze" path="m 166 -53 l -38 182" />
<animateMotion href="#B2" begin="1002ms" dur="1000ms"
fill="freeze" path="m 17 -27 l -38 120" />
<animateMotion href="#C3" begin="1002ms" dur="1000ms"
fill="freeze" path="m -127 -68 l -46 120" />
<animateMotion href="#D6" begin="1002ms" dur="1000ms"
fill="freeze" path="m 0 0 l 39 -343" />
<animate href="#CD7" attributeName="opacity" from="0" to="1" dur="1000ms" begin="2002ms" fill="freeze"/>
<animate href="#libCD7" attributeName="opacity" from="0" to="1" dur="1000ms" begin="2002ms" fill="freeze"/>
<animate href="#biCD7" attributeName="opacity" from="0" to="1" dur="1000ms" begin="2002ms" fill="freeze"/>
<animate href="#CD7" attributeName="stroke" from="rgb(0,0,255)" to="rgb(128,139,150)" dur="1ms" begin="3002ms" fill="freeze"/>
<animate attributeName="viewBox" from="-213 -383 381 552" to="-304 -64 526 186" begin="3003ms" dur="1000ms" fill="freeze" />
<animate href="#AB4" begin="3003ms" fill="freeze" attributeName="d" dur="1000ms" values="M128 129 L-21 93 Z;M182 82 L55 3 Z" />
<animateMotion href="#libAB4" begin="3003ms" dur="1000ms" fill="freeze" path="m 53 111 l 65 -69" />
<animate href="#BC5" begin="3003ms" fill="freeze" attributeName="d" dur="1000ms" values="M-21 93 L-173 52 Z;M55 3 L-116 -24 Z" />
<animateMotion href="#libBC5" begin="3003ms" dur="1000ms" fill="freeze" path="m -97 72 l 67 -82" />
<animate href="#CD7" begin="3003ms" fill="freeze" attributeName="d" dur="1000ms" values="M-173 52 L39 -343 Z;M-116 -24 L-264 -8 Z" />
<animateMotion href="#libCD7" begin="3003ms" dur="1000ms" fill="freeze" path="m 0 0 l -123 129" />
<animateMotion href="#A1" begin="3003ms" dur="1000ms"
fill="freeze" path="m 128 129 l 54 -47" />
<animateMotion href="#B2" begin="3003ms" dur="1000ms"
fill="freeze" path="m -21 93 l 76 -90" />
<animateMotion href="#C3" begin="3003ms" dur="1000ms"
fill="freeze" path="m -173 52 l 57 -76" />
<animateMotion href="#D6" begin="3003ms" dur="1000ms"
fill="freeze" path="m 39 -343 l -303 335" />
<animate href="#DA8" attributeName="opacity" from="0" to="1" dur="1000ms" begin="4003ms" fill="freeze"/>
<animate href="#libDA8" attributeName="opacity" from="0" to="1" dur="1000ms" begin="4003ms" fill="freeze"/>
<animate href="#biDA8" attributeName="opacity" from="0" to="1" dur="1000ms" begin="4003ms" fill="freeze"/>
<animate href="#DA8" attributeName="stroke" from="rgb(0,0,255)" to="rgb(128,139,150)" dur="1ms" begin="5003ms" fill="freeze"/>
<animate attributeName="viewBox" from="-304 -64 526 186" to="-157 -156 285 320" begin="5004ms" dur="1000ms" fill="freeze" />
<animate href="#AB4" begin="5004ms" fill="freeze" attributeName="d" dur="1000ms" values="M182 82 L55 3 Z;M88 3 L-15 124 Z" />
<animateMotion href="#libAB4" begin="5004ms" dur="1000ms" fill="freeze" path="m 118 42 l -82 21" />
<animate href="#BC5" begin="5004ms" fill="freeze" attributeName="d" dur="1000ms" values="M55 3 L-116 -24 Z;M-15 124 L-117 0 Z" />
<animateMotion href="#libBC5" begin="5004ms" dur="1000ms" fill="freeze" path="m -30 -10 l -36 72" />
<animate href="#CD7" begin="5004ms" fill="freeze" attributeName="d" dur="1000ms" values="M-116 -24 L-264 -8 Z;M-117 0 L-13 -116 Z" />
<animateMotion href="#libCD7" begin="5004ms" dur="1000ms" fill="freeze" path="m -123 129 l 125 -42" />
<animate href="#DA8" begin="5004ms" fill="freeze" attributeName="d" dur="1000ms" values="M-264 -8 L182 82 Z;M-13 -116 L88 3 Z" />
<animateMotion href="#libDA8" begin="5004ms" dur="1000ms" fill="freeze" path="m 0 0 l 78 -93" />
<animateMotion href="#A1" begin="5004ms" dur="1000ms"
fill="freeze" path="m 182 82 l -94 -79" />
<animateMotion href="#B2" begin="5004ms" dur="1000ms"
fill="freeze" path="m 55 3 l -70 121" />
<animateMotion href="#C3" begin="5004ms" dur="1000ms"
fill="freeze" path="m -116 -24 l -1 24" />
<animateMotion href="#D6" begin="5004ms" dur="1000ms"
fill="freeze" path="m -264 -8 l 251 -108" />
<animate href="#AB4" attributeName="opacity" from="1" to="0" dur="1000ms" begin="6004ms" fill="freeze"/>
<animate href="#libAB4" attributeName="opacity" from="1" to="0" dur="1000ms" begin="6004ms" fill="freeze"/>
<animate href="#biAB4" attributeName="opacity" from="1" to="0" dur="1000ms" begin="6004ms" fill="freeze"/>
<animate href="#AB4" attributeName="stroke" from="rgb(128,139,150)" to="rgb(255,0,0)" dur="1000ms" begin="6004ms" fill="freeze"/>
<animate href="#BC5" attributeName="opacity" from="1" to="0" dur="1000ms" begin="6004ms" fill="freeze"/>
<animate href="#libBC5" attributeName="opacity" from="1" to="0" dur="1000ms" begin="6004ms" fill="freeze"/>
<animate href="#biBC5" attributeName="opacity" from="1" to="0" dur="1000ms" begin="6004ms" fill="freeze"/>
<animate href="#BC5" attributeName="stroke" from="rgb(128,139,150)" to="rgb(255,0,0)" dur="1000ms" begin="6004ms" fill="freeze"/>
<animate href="#DA8" attributeName="opacity" from="1" to="0" dur="1000ms" begin="6004ms" fill="freeze"/>
<animate href="#libDA8" attributeName="opacity" from="1" to="0" dur="1000ms" begin="6004ms" fill="freeze"/>
<animate href="#biDA8" attributeName="opacity" from="1" to="0" dur="1000ms" begin="6004ms" fill="freeze"/>
<animate href="#DA8" attributeName="stroke" from="rgb(128,139,150)" to="rgb(255,0,0)" dur="1000ms" begin="6004ms" fill="freeze"/>
<animateMotion href="#A1" begin="7005ms" dur="1000ms"
fill="freeze" path="m 88 3 l -103 121" />
<animateMotion href="#B2" begin="7005ms" dur="1000ms"
fill="freeze" path="m -15 124 l 103 -121" />
<animate href="#AC11" attributeName="opacity" from="0" to="1" dur="1000ms" begin="8006ms" fill="freeze"/>
<animate href="#libAC11" attributeName="opacity" from="0" to="1" dur="1000ms" begin="8006ms" fill="freeze"/>
<animate href="#biAC11" attributeName="opacity" from="0" to="1" dur="1000ms" begin="8006ms" fill="freeze"/>
<animate href="#BA9" attributeName="opacity" from="0" to="1" dur="1000ms" begin="8006ms" fill="freeze"/>
<animate href="#libBA9" attributeName="opacity" from="0" to="1" dur="1000ms" begin="8006ms" fill="freeze"/>
<animate href="#biBA9" attributeName="opacity" from="0" to="1" dur="1000ms" begin="8006ms" fill="freeze"/>
<animate href="#DB10" attributeName="opacity" from="0" to="1" dur="1000ms" begin="8006ms" fill="freeze"/>
<animate href="#libDB10" attributeName="opacity" from="0" to="1" dur="1000ms" begin="8006ms" fill="freeze"/>
<animate href="#biDB10" attributeName="opacity" from="0" to="1" dur="1000ms" begin="8006ms" fill="freeze"/>
<animate href="#AC11" attributeName="stroke" from="rgb(0,0,255)" to="rgb(128,139,150)" dur="1ms" begin="9006ms" fill="freeze"/>
<animate href="#BA9" attributeName="stroke" from="rgb(0,0,255)" to="rgb(128,139,150)" dur="1ms" begin="9006ms" fill="freeze"/>
<animate href="#DB10" attributeName="stroke" from="rgb(0,0,255)" to="rgb(128,139,150)" dur="1ms" begin="9006ms" fill="freeze"/>
<animate attributeName="viewBox" from="-157 -156 285 320" to="-172 -167 289 315" begin="9007ms" dur="1000ms" fill="freeze" />
<animate href="#AC11" begin="9007ms" fill="freeze" attributeName="d" dur="1000ms" values="M-15 124 L-117 0 Z;M-38 108 L-132 -16 Z" />
<animateMotion href="#libAC11" begin="9007ms" dur="1000ms" fill="freeze" path="m 0 0 l -19 -16" />
<animate href="#BA9" begin="9007ms" fill="freeze" attributeName="d" dur="1000ms" values="M88 3 L-15 124 Z;M77 -3 L-38 108 Z" />
<animateMotion href="#libBA9" begin="9007ms" dur="1000ms" fill="freeze" path="m 0 0 l -17 -11" />
<animate href="#CD7" begin="9007ms" fill="freeze" attributeName="d" dur="1000ms" values="M-117 0 L-13 -116 Z;M-132 -16 L-14 -127 Z" />
<animateMotion href="#libCD7" begin="9007ms" dur="1000ms" fill="freeze" path="m 2 87 l -8 -13" />
<animate href="#DB10" begin="9007ms" fill="freeze" attributeName="d" dur="1000ms" values="M-13 -116 L88 3 Z;M-14 -127 L77 -3 Z" />
<animateMotion href="#libDB10" begin="9007ms" dur="1000ms" fill="freeze" path="m 0 0 l -6 -9" />
<animateMotion href="#A1" begin="9007ms" dur="1000ms"
fill="freeze" path="m -15 124 l -23 -16" />
<animateMotion href="#B2" begin="9007ms" dur="1000ms"
fill="freeze" path="m 88 3 l -11 -6" />
<animateMotion href="#C3" begin="9007ms" dur="1000ms"
fill="freeze" path="m -117 0 l -15 -16" />
<animateMotion href="#D6" begin="9007ms" dur="1000ms"
fill="freeze" path="m -13 -116 l -1 -11" />
<animate href="#AC11" attributeName="opacity" from="1" to="0" dur="1000ms" begin="10007ms" fill="freeze"/>
<animate href="#libAC11" attributeName="opacity" from="1" to="0" dur="1000ms" begin="10007ms" fill="freeze"/>
<animate href="#biAC11" attributeName="opacity" from="1" to="0" dur="1000ms" begin="10007ms" fill="freeze"/>
<animate href="#AC11" attributeName="stroke" from="rgb(128,139,150)" to="rgb(255,0,0)" dur="1000ms" begin="10007ms" fill="freeze"/>
<animate href="#BA9" attributeName="opacity" from="1" to="0" dur="1000ms" begin="10007ms" fill="freeze"/>
<animate href="#libBA9" attributeName="opacity" from="1" to="0" dur="1000ms" begin="10007ms" fill="freeze"/>
<animate href="#biBA9" attributeName="opacity" from="1" to="0" dur="1000ms" begin="10007ms" fill="freeze"/>
<animate href="#BA9" attributeName="stroke" from="rgb(128,139,150)" to="rgb(255,0,0)" dur="1000ms" begin="10007ms" fill="freeze"/>
<animate href="#DB10" attributeName="opacity" from="1" to="0" dur="1000ms" begin="10007ms" fill="freeze"/>
<animate href="#libDB10" attributeName="opacity" from="1" to="0" dur="1000ms" begin="10007ms" fill="freeze"/>
<animate href="#biDB10" attributeName="opacity" from="1" to="0" dur="1000ms" begin="10007ms" fill="freeze"/>
<animate href="#DB10" attributeName="stroke" from="rgb(128,139,150)" to="rgb(255,0,0)" dur="1000ms" begin="10007ms" fill="freeze"/>
<animateMotion href="#A1" begin="11008ms" dur="1000ms"
fill="freeze" path="m -38 108 l 115 -111" />
<animateMotion href="#B2" begin="11008ms" dur="1000ms"
fill="freeze" path="m 77 -3 l -115 111" />
<animate href="#AB13" attributeName="opacity" from="0" to="1" dur="1000ms" begin="12009ms" fill="freeze"/>
<animate href="#libAB13" attributeName="opacity" from="0" to="1" dur="1000ms" begin="12009ms" fill="freeze"/>
<animate href="#biAB13" attributeName="opacity" from="0" to="1" dur="1000ms" begin="12009ms" fill="freeze"/>
<animate href="#BC12" attributeName="opacity" from="0" to="1" dur="1000ms" begin="12009ms" fill="freeze"/>
<animate href="#libBC12" attributeName="opacity" from="0" to="1" dur="1000ms" begin="12009ms" fill="freeze"/>
<animate href="#biBC12" attributeName="opacity" from="0" to="1" dur="1000ms" begin="12009ms" fill="freeze"/>
<animate href="#DA14" attributeName="opacity" from="0" to="1" dur="1000ms" begin="12009ms" fill="freeze"/>
<animate href="#libDA14" attributeName="opacity" from="0" to="1" dur="1000ms" begin="12009ms" fill="freeze"/>
<animate href="#biDA14" attributeName="opacity" from="0" to="1" dur="1000ms" begin="12009ms" fill="freeze"/>
<animate href="#AB13" attributeName="stroke" from="rgb(0,0,255)" to="rgb(128,139,150)" dur="1ms" begin="13009ms" fill="freeze"/>
<animate href="#BC12" attributeName="stroke" from="rgb(0,0,255)" to="rgb(128,139,150)" dur="1ms" begin="13009ms" fill="freeze"/>
<animate href="#DA14" attributeName="stroke" from="rgb(0,0,255)" to="rgb(128,139,150)" dur="1ms" begin="13009ms" fill="freeze"/>
<animate attributeName="viewBox" from="-172 -167 289 315" to="-157 -156 285 320" begin="13010ms" dur="1000ms" fill="freeze" />
<animate href="#AB13" begin="13010ms" fill="freeze" attributeName="d" dur="1000ms" values="M77 -3 L-38 108 Z;M88 3 L-15 124 Z" />
<animateMotion href="#libAB13" begin="13010ms" dur="1000ms" fill="freeze" path="m 0 0 l 17 11" />
<animate href="#BC12" begin="13010ms" fill="freeze" attributeName="d" dur="1000ms" values="M-38 108 L-132 -16 Z;M-15 124 L-117 0 Z" />
<animateMotion href="#libBC12" begin="13010ms" dur="1000ms" fill="freeze" path="m 0 0 l 19 16" />
<animate href="#CD7" begin="13010ms" fill="freeze" attributeName="d" dur="1000ms" values="M-132 -16 L-14 -127 Z;M-117 0 L-13 -116 Z" />
<animateMotion href="#libCD7" begin="13010ms" dur="1000ms" fill="freeze" path="m -6 74 l 8 13" />
<animate href="#DA14" begin="13010ms" fill="freeze" attributeName="d" dur="1000ms" values="M-14 -127 L77 -3 Z;M-13 -116 L88 3 Z" />
<animateMotion href="#libDA14" begin="13010ms" dur="1000ms" fill="freeze" path="m 0 0 l 6 9" />
<animateMotion href="#A1" begin="13010ms" dur="1000ms"
fill="freeze" path="m 77 -3 l 11 6" />
<animateMotion href="#B2" begin="13010ms" dur="1000ms"
fill="freeze" path="m -38 108 l 23 16" />
<animateMotion href="#C3" begin="13010ms" dur="1000ms"
fill="freeze" path="m -132 -16 l 15 16" />
<animateMotion href="#D6" begin="13010ms" dur="1000ms"
fill="freeze" path="m -14 -127 l 1 11" />
<animate href="#cA1" attributeName="stroke-width" from="2" to="4" dur="1000ms" begin="14010ms" fill="freeze"/>
<animate href="#cA1" attributeName="stroke" from="rgb(128,139,150)" to="rgb(191,255,0)" dur="1000ms" begin="14010ms" fill="freeze"/>
<animate href="#AB13" attributeName="stroke-width" from="2" to="4" dur="1000ms" begin="15011ms" fill="freeze"/>
<animate href="#AB13" attributeName="stroke" from="rgb(128,139,150)" to="rgb(191,255,0)" dur="1000ms" begin="15011ms" fill="freeze"/>
<animate href="#cB2" attributeName="stroke-width" from="2" to="4" dur="1000ms" begin="16012ms" fill="freeze"/>
<animate href="#cB2" attributeName="stroke" from="rgb(128,139,150)" to="rgb(191,255,0)" dur="1000ms" begin="16012ms" fill="freeze"/>
<animate href="#BC12" attributeName="stroke-width" from="2" to="4" dur="1000ms" begin="17013ms" fill="freeze"/>
<animate href="#BC12" attributeName="stroke" from="rgb(128,139,150)" to="rgb(191,255,0)" dur="1000ms" begin="17013ms" fill="freeze"/>
<animate href="#cC3" attributeName="stroke-width" from="2" to="4" dur="1000ms" begin="18014ms" fill="freeze"/>
<animate href="#cC3" attributeName="stroke" from="rgb(128,139,150)" to="rgb(191,255,0)" dur="1000ms" begin="18014ms" fill="freeze"/>
<animate href="#CD7" attributeName="stroke-width" from="2" to="4" dur="1000ms" begin="19015ms" fill="freeze"/>
<animate href="#CD7" attributeName="stroke" from="rgb(128,139,150)" to="rgb(191,255,0)" dur="1000ms" begin="19015ms" fill="freeze"/>
<animate href="#cD6" attributeName="stroke-width" from="2" to="4" dur="1000ms" begin="20016ms" fill="freeze"/>
<animate href="#cD6" attributeName="stroke" from="rgb(128,139,150)" to="rgb(191,255,0)" dur="1000ms" begin="20016ms" fill="freeze"/>
<animate href="#DA14" attributeName="stroke-width" from="2" to="4" dur="1000ms" begin="21017ms" fill="freeze"/>
<animate href="#DA14" attributeName="stroke" from="rgb(128,139,150)" to="rgb(191,255,0)" dur="1000ms" begin="21017ms" fill="freeze"/>
<g id="E15" opacity="0">
<circle id="cE15" cx="0" cy="0" r="20" fill="rgb(255,255,255)" stroke="rgb(0,0,255)" stroke-width="2"></circle>
<text id="coE15" x="0" y="0" fill="rgb(0,0,0)">E</text>
</g>
<animate attributeName="viewBox" from="-157 -156 285 320" to="-168 -138 328 320" begin="22018ms" dur="1000ms" fill="freeze" />
<animate href="#AB13" begin="22018ms" fill="freeze" attributeName="d" dur="1000ms" values="M88 3 L-15 124 Z;M120 -29 L53 142 Z" />
<animateMotion href="#libAB13" begin="22018ms" dur="1000ms" fill="freeze" path="m 17 11 l 50 -7" />
<animate href="#AE16" begin="22018ms" fill="freeze" attributeName="d" dur="1000ms" values="M88 3 L0 0 Z;M120 -29 L4 17 Z" />
<animateMotion href="#libAE16" begin="22018ms" dur="1000ms" fill="freeze" path="m 0 0 l 18 -7" />
<animate href="#AE16" attributeName="opacity" from="0" to="1" dur="1000ms" begin="22018ms" fill="freeze"/>
<animate href="#libAE16" attributeName="opacity" from="0" to="1" dur="1000ms" begin="22018ms" fill="freeze"/>
<animate href="#biAE16" attributeName="opacity" from="0" to="1" dur="1000ms" begin="22018ms" fill="freeze"/>
<animate href="#BC12" begin="22018ms" fill="freeze" attributeName="d" dur="1000ms" values="M-15 124 L-117 0 Z;M53 142 L-128 74 Z" />
<animateMotion href="#libBC12" begin="22018ms" dur="1000ms" fill="freeze" path="m 19 16 l 29 46" />
<animate href="#BE17" begin="22018ms" fill="freeze" attributeName="d" dur="1000ms" values="M-15 124 L0 0 Z;M53 142 L4 17 Z" />
<animateMotion href="#libBE17" begin="22018ms" dur="1000ms" fill="freeze" path="m 0 0 l 35 17" />
<animate href="#BE17" attributeName="opacity" from="0" to="1" dur="1000ms" begin="22018ms" fill="freeze"/>
<animate href="#libBE17" attributeName="opacity" from="0" to="1" dur="1000ms" begin="22018ms" fill="freeze"/>
<animate href="#biBE17" attributeName="opacity" from="0" to="1" dur="1000ms" begin="22018ms" fill="freeze"/>
<animate href="#CD7" begin="22018ms" fill="freeze" attributeName="d" dur="1000ms" values="M-117 0 L-13 -116 Z;M-128 74 L-65 -98 Z" />
<animateMotion href="#libCD7" begin="22018ms" dur="1000ms" fill="freeze" path="m 2 87 l -31 46" />
<animate href="#CE18" begin="22018ms" fill="freeze" attributeName="d" dur="1000ms" values="M-117 0 L0 0 Z;M-128 74 L4 17 Z" />
<animateMotion href="#libCE18" begin="22018ms" dur="1000ms" fill="freeze" path="m 0 0 l -4 45" />
<animate href="#CE18" attributeName="opacity" from="0" to="1" dur="1000ms" begin="22018ms" fill="freeze"/>
<animate href="#libCE18" attributeName="opacity" from="0" to="1" dur="1000ms" begin="22018ms" fill="freeze"/>
<animate href="#biCE18" attributeName="opacity" from="0" to="1" dur="1000ms" begin="22018ms" fill="freeze"/>
<animate href="#DA14" begin="22018ms" fill="freeze" attributeName="d" dur="1000ms" values="M-13 -116 L88 3 Z;M-65 -98 L120 -29 Z" />
<animateMotion href="#libDA14" begin="22018ms" dur="1000ms" fill="freeze" path="m 6 9 l -10 -7" />
<animate href="#DE19" begin="22018ms" fill="freeze" attributeName="d" dur="1000ms" values="M-13 -116 L0 0 Z;M-65 -98 L4 17 Z" />
<animateMotion href="#libDE19" begin="22018ms" dur="1000ms" fill="freeze" path="m 0 0 l -24 18" />
<animate href="#DE19" attributeName="opacity" from="0" to="1" dur="1000ms" begin="22018ms" fill="freeze"/>
<animate href="#libDE19" attributeName="opacity" from="0" to="1" dur="1000ms" begin="22018ms" fill="freeze"/>
<animate href="#biDE19" attributeName="opacity" from="0" to="1" dur="1000ms" begin="22018ms" fill="freeze"/>
<animateMotion href="#A1" begin="22018ms" dur="1000ms"
fill="freeze" path="m 88 3 l 32 -32" />
<animateMotion href="#B2" begin="22018ms" dur="1000ms"
fill="freeze" path="m -15 124 l 68 18" />
<animateMotion href="#C3" begin="22018ms" dur="1000ms"
fill="freeze" path="m -117 0 l -11 74" />
<animateMotion href="#D6" begin="22018ms" dur="1000ms"
fill="freeze" path="m -13 -116 l -52 18" />
<animateMotion href="#E15" begin="22018ms" dur="1000ms"
fill="freeze" path="m 0 0 l 4 17" />
<animate href="#E15" attributeName="opacity" from="0" to="1" dur="1000ms" begin="22018ms" fill="freeze"/>
<animate href="#AE16" attributeName="stroke" from="rgb(0,0,255)" to="rgb(128,139,150)" dur="1ms" begin="23018ms" fill="freeze"/>
<animate href="#BE17" attributeName="stroke" from="rgb(0,0,255)" to="rgb(128,139,150)" dur="1ms" begin="23018ms" fill="freeze"/>
<animate href="#CE18" attributeName="stroke" from="rgb(0,0,255)" to="rgb(128,139,150)" dur="1ms" begin="23018ms" fill="freeze"/>
<animate href="#DE19" attributeName="stroke" from="rgb(0,0,255)" to="rgb(128,139,150)" dur="1ms" begin="23018ms" fill="freeze"/>
<animate href="#cE15" attributeName="stroke" from="rgb(0,0,255)" to="rgb(128,139,150)" dur="1ms" begin="23018ms" fill="freeze"/>
<animate href="#cE15" attributeName="fill" from="rgb(255,255,255)" to="rgb(0,128,0)" dur="1000ms" begin="23019ms" fill="freeze"/>
<animate href="#cE15" attributeName="fill" from="rgb(0,128,0)" to="rgb(128,0,0)" dur="1000ms" begin="24020ms" fill="freeze"/>
<animate href="#AE16" begin="25021ms" fill="freeze" attributeName="d" dur="1000ms" values="M120 -29 L4 17 Z;M120 -29 L-16 -3 Z" />
<animateMotion href="#libAE16" begin="25021ms" dur="1000ms" fill="freeze" path="m 18 -7 l -10 -10" />
<animate href="#BE17" begin="25021ms" fill="freeze" attributeName="d" dur="1000ms" values="M53 142 L4 17 Z;M53 142 L-16 -3 Z" />
<animateMotion href="#libBE17" begin="25021ms" dur="1000ms" fill="freeze" path="m 35 17 l -10 -10" />
<animate href="#CE18" begin="25021ms" fill="freeze" attributeName="d" dur="1000ms" values="M-128 74 L4 17 Z;M-128 74 L-16 -3 Z" />
<animateMotion href="#libCE18" begin="25021ms" dur="1000ms" fill="freeze" path="m -4 45 l -10 -10" />
<animate href="#DE19" begin="25021ms" fill="freeze" attributeName="d" dur="1000ms" values="M-65 -98 L4 17 Z;M-65 -98 L-16 -3 Z" />
<animateMotion href="#libDE19" begin="25021ms" dur="1000ms" fill="freeze" path="m -24 18 l -10 -10" />
<animateMotion href="#E15" begin="25021ms" dur="1000ms"
fill="freeze" path="m 4 17 l -20 -20" />
<animate href="#AE16" begin="26022ms" fill="freeze" attributeName="d" dur="1000ms" values="M120 -29 L-16 -3 Z;M120 -29 L-16 37 Z" />
<animateMotion href="#libAE16" begin="26022ms" dur="1000ms" fill="freeze" path="m 8 -17 l 0 20" />
<animate href="#BE17" begin="26022ms" fill="freeze" attributeName="d" dur="1000ms" values="M53 142 L-16 -3 Z;M53 142 L-16 37 Z" />
<animateMotion href="#libBE17" begin="26022ms" dur="1000ms" fill="freeze" path="m 25 7 l 0 20" />
<animate href="#CE18" begin="26022ms" fill="freeze" attributeName="d" dur="1000ms" values="M-128 74 L-16 -3 Z;M-128 74 L-16 37 Z" />
<animateMotion href="#libCE18" begin="26022ms" dur="1000ms" fill="freeze" path="m -14 35 l 0 20" />
<animate href="#DE19" begin="26022ms" fill="freeze" attributeName="d" dur="1000ms" values="M-65 -98 L-16 -3 Z;M-65 -98 L-16 37 Z" />
<animateMotion href="#libDE19" begin="26022ms" dur="1000ms" fill="freeze" path="m -34 8 l 0 20" />
<animateMotion href="#E15" begin="26022ms" dur="1000ms"
fill="freeze" path="m -16 -3 l 0 40" />
<animate href="#AE16" begin="27023ms" fill="freeze" attributeName="d" dur="1000ms" values="M120 -29 L-16 37 Z;M120 -29 L24 37 Z" />
<animateMotion href="#libAE16" begin="27023ms" dur="1000ms" fill="freeze" path="m 8 3 l 20 0" />
<animate href="#BE17" begin="27023ms" fill="freeze" attributeName="d" dur="1000ms" values="M53 142 L-16 37 Z;M53 142 L24 37 Z" />
<animateMotion href="#libBE17" begin="27023ms" dur="1000ms" fill="freeze" path="m 25 27 l 20 0" />
<animate href="#CE18" begin="27023ms" fill="freeze" attributeName="d" dur="1000ms" values="M-128 74 L-16 37 Z;M-128 74 L24 37 Z" />
<animateMotion href="#libCE18" begin="27023ms" dur="1000ms" fill="freeze" path="m -14 55 l 20 0" />
<animate href="#DE19" begin="27023ms" fill="freeze" attributeName="d" dur="1000ms" values="M-65 -98 L-16 37 Z;M-65 -98 L24 37 Z" />
<animateMotion href="#libDE19" begin="27023ms" dur="1000ms" fill="freeze" path="m -34 28 l 20 0" />
<animateMotion href="#E15" begin="27023ms" dur="1000ms"
fill="freeze" path="m -16 37 l 40 0" />
<animate href="#AE16" begin="28024ms" fill="freeze" attributeName="d" dur="1000ms" values="M120 -29 L24 37 Z;M120 -29 L24 -3 Z" />
<animateMotion href="#libAE16" begin="28024ms" dur="1000ms" fill="freeze" path="m 28 3 l 0 -20" />
<animate href="#BE17" begin="28024ms" fill="freeze" attributeName="d" dur="1000ms" values="M53 142 L24 37 Z;M53 142 L24 -3 Z" />
<animateMotion href="#libBE17" begin="28024ms" dur="1000ms" fill="freeze" path="m 45 27 l 0 -20" />
<animate href="#CE18" begin="28024ms" fill="freeze" attributeName="d" dur="1000ms" values="M-128 74 L24 37 Z;M-128 74 L24 -3 Z" />
<animateMotion href="#libCE18" begin="28024ms" dur="1000ms" fill="freeze" path="m 6 55 l 0 -20" />
<animate href="#DE19" begin="28024ms" fill="freeze" attributeName="d" dur="1000ms" values="M-65 -98 L24 37 Z;M-65 -98 L24 -3 Z" />
<animateMotion href="#libDE19" begin="28024ms" dur="1000ms" fill="freeze" path="m -14 28 l 0 -20" />
<animateMotion href="#E15" begin="28024ms" dur="1000ms"
fill="freeze" path="m 24 37 l 0 -40" />
<animate href="#AE16" begin="29025ms" fill="freeze" attributeName="d" dur="1000ms" values="M120 -29 L24 -3 Z;M120 -29 L-16 -3 Z" />
<animateMotion href="#libAE16" begin="29025ms" dur="1000ms" fill="freeze" path="m 28 -17 l -20 0" />
<animate href="#BE17" begin="29025ms" fill="freeze" attributeName="d" dur="1000ms" values="M53 142 L24 -3 Z;M53 142 L-16 -3 Z" />
<animateMotion href="#libBE17" begin="29025ms" dur="1000ms" fill="freeze" path="m 45 7 l -20 0" />
<animate href="#CE18" begin="29025ms" fill="freeze" attributeName="d" dur="1000ms" values="M-128 74 L24 -3 Z;M-128 74 L-16 -3 Z" />
<animateMotion href="#libCE18" begin="29025ms" dur="1000ms" fill="freeze" path="m 6 35 l -20 0" />
<animate href="#DE19" begin="29025ms" fill="freeze" attributeName="d" dur="1000ms" values="M-65 -98 L24 -3 Z;M-65 -98 L-16 -3 Z" />
<animateMotion href="#libDE19" begin="29025ms" dur="1000ms" fill="freeze" path="m -14 8 l -20 0" />
<animateMotion href="#E15" begin="29025ms" dur="1000ms"
fill="freeze" path="m 24 -3 l -40 0" />
<animate href="#AE16" begin="30026ms" fill="freeze" attributeName="d" dur="1000ms" values="M120 -29 L-16 -3 Z;M120 -29 L4 17 Z" />
<animateMotion href="#libAE16" begin="30026ms" dur="1000ms" fill="freeze" path="m 8 -17 l 10 10" />
<animate href="#BE17" begin="30026ms" fill="freeze" attributeName="d" dur="1000ms" values="M53 142 L-16 -3 Z;M53 142 L4 17 Z" />
<animateMotion href="#libBE17" begin="30026ms" dur="1000ms" fill="freeze" path="m 25 7 l 10 10" />
<animate href="#CE18" begin="30026ms" fill="freeze" attributeName="d" dur="1000ms" values="M-128 74 L-16 -3 Z;M-128 74 L4 17 Z" />
<animateMotion href="#libCE18" begin="30026ms" dur="1000ms" fill="freeze" path="m -14 35 l 10 10" />
<animate href="#DE19" begin="30026ms" fill="freeze" attributeName="d" dur="1000ms" values="M-65 -98 L-16 -3 Z;M-65 -98 L4 17 Z" />
<animateMotion href="#libDE19" begin="30026ms" dur="1000ms" fill="freeze" path="m -34 8 l 10 10" />
<animateMotion href="#E15" begin="30026ms" dur="1000ms"
fill="freeze" path="m -16 -3 l 20 20" />
<animate href="#AE16" attributeName="opacity" from="1" to="0" dur="1000ms" begin="31027ms" fill="freeze"/>
<animate href="#libAE16" attributeName="opacity" from="1" to="0" dur="1000ms" begin="31027ms" fill="freeze"/>
<animate href="#biAE16" attributeName="opacity" from="1" to="0" dur="1000ms" begin="31027ms" fill="freeze"/>
<animate href="#AE16" attributeName="stroke" from="rgb(128,139,150)" to="rgb(255,0,0)" dur="1000ms" begin="31027ms" fill="freeze"/>
<animate href="#BE17" attributeName="opacity" from="1" to="0" dur="1000ms" begin="31027ms" fill="freeze"/>
<animate href="#libBE17" attributeName="opacity" from="1" to="0" dur="1000ms" begin="31027ms" fill="freeze"/>
<animate href="#biBE17" attributeName="opacity" from="1" to="0" dur="1000ms" begin="31027ms" fill="freeze"/>
<animate href="#BE17" attributeName="stroke" from="rgb(128,139,150)" to="rgb(255,0,0)" dur="1000ms" begin="31027ms" fill="freeze"/>
<animate href="#CE18" attributeName="opacity" from="1" to="0" dur="1000ms" begin="31027ms" fill="freeze"/>
<animate href="#libCE18" attributeName="opacity" from="1" to="0" dur="1000ms" begin="31027ms" fill="freeze"/>
<animate href="#biCE18" attributeName="opacity" from="1" to="0" dur="1000ms" begin="31027ms" fill="freeze"/>
<animate href="#CE18" attributeName="stroke" from="rgb(128,139,150)" to="rgb(255,0,0)" dur="1000ms" begin="31027ms" fill="freeze"/>
<animate href="#DE19" attributeName="opacity" from="1" to="0" dur="1000ms" begin="31027ms" fill="freeze"/>
<animate href="#libDE19" attributeName="opacity" from="1" to="0" dur="1000ms" begin="31027ms" fill="freeze"/>
<animate href="#biDE19" attributeName="opacity" from="1" to="0" dur="1000ms" begin="31027ms" fill="freeze"/>
<animate href="#DE19" attributeName="stroke" from="rgb(128,139,150)" to="rgb(255,0,0)" dur="1000ms" begin="31027ms" fill="freeze"/>
<animate href="#E15" attributeName="opacity" from="1" to="0" dur="1000ms" begin="31027ms" fill="freeze"/>
<animate href="#cE15" attributeName="stroke" from="rgb(128,139,150)" to="rgb(255,0,0)" dur="1000ms" begin="31027ms" fill="freeze"/>
<animate attributeName="viewBox" from="-168 -138 328 320" to="-157 -156 285 320" begin="32028ms" dur="1000ms" fill="freeze" />
<animate href="#AB13" begin="32028ms" fill="freeze" attributeName="d" dur="1000ms" values="M120 -29 L53 142 Z;M88 3 L-15 124 Z" />
<animateMotion href="#libAB13" begin="32028ms" dur="1000ms" fill="freeze" path="m 67 4 l -50 7" />
<animate href="#BC12" begin="32028ms" fill="freeze" attributeName="d" dur="1000ms" values="M53 142 L-128 74 Z;M-15 124 L-117 0 Z" />
<animateMotion href="#libBC12" begin="32028ms" dur="1000ms" fill="freeze" path="m 48 62 l -29 -46" />
<animate href="#CD7" begin="32028ms" fill="freeze" attributeName="d" dur="1000ms" values="M-128 74 L-65 -98 Z;M-117 0 L-13 -116 Z" />
<animateMotion href="#libCD7" begin="32028ms" dur="1000ms" fill="freeze" path="m -29 133 l 31 -46" />
<animate href="#DA14" begin="32028ms" fill="freeze" attributeName="d" dur="1000ms" values="M-65 -98 L120 -29 Z;M-13 -116 L88 3 Z" />
<animateMotion href="#libDA14" begin="32028ms" dur="1000ms" fill="freeze" path="m -4 2 l 10 7" />
<animateMotion href="#A1" begin="32028ms" dur="1000ms"
fill="freeze" path="m 120 -29 l -32 32" />
<animateMotion href="#B2" begin="32028ms" dur="1000ms"
fill="freeze" path="m 53 142 l -68 -18" />
<animateMotion href="#C3" begin="32028ms" dur="1000ms"
fill="freeze" path="m -128 74 l 11 -74" />
<animateMotion href="#D6" begin="32028ms" dur="1000ms"
fill="freeze" path="m -65 -98 l 52 -18" />
</svg>
</article>
<article>
<svg class="svg_dynalgo" onclick="pause(this)" viewBox="-157 -156 285 320" preserveAspectRatio="xMidYMid meet">
<path id="DE32" stroke-width="2" opacity="0" stroke="rgb(0,0,255)" d="M-13 -116 L0 0 Z" />
<g id="libDE32" opacity="0">
<text id="mDE32" x="-6" y="-58" dx="8" dy="-8" fill="rgb(0,0,0)">8</text>
</g>
<path id="CE31" stroke-width="2" opacity="0" stroke="rgb(0,0,255)" d="M-117 0 L0 0 Z" />
<g id="libCE31" opacity="0">
<text id="mCE31" x="-58" y="0" dx="8" dy="-8" fill="rgb(0,0,0)">7</text>
</g>
<path id="BE30" stroke-width="2" opacity="0" stroke="rgb(0,0,255)" d="M-15 124 L0 0 Z" />
<g id="libBE30" opacity="0">
<text id="mBE30" x="-7" y="62" dx="-8" dy="-8" fill="rgb(0,0,0)">6</text>
</g>
<path id="AE29" stroke-width="2" opacity="0" stroke="rgb(0,0,255)" d="M88 3 L0 0 Z" />
<g id="libAE29" opacity="0">
<text id="mAE29" x="44" y="1" dx="8" dy="-8" fill="rgb(0,0,0)">5</text>
</g>
<path id="DA27" stroke-width="2" opacity="0" stroke="rgb(0,0,255)" d="M0 0 L0 0 Z" />
<g id="libDA27" opacity="0">
<text id="mDA27" x="0" y="0" dx="8" dy="-8" fill="rgb(0,0,0)">4</text>
</g>
<text id="biDA27" fill="rgb(0,0,0)" opacity="0">
<textpath startOffset="35" href="#DA27">⇒</textpath>
</text>
<path id="CD26" stroke-width="2" opacity="0" stroke="rgb(0,0,255)" d="M0 0 L0 0 Z" />
<g id="libCD26" opacity="0">
<text id="mCD26" x="0" y="0" dx="8" dy="-8" fill="rgb(0,0,0)">3</text>
</g>
<path id="BC25" stroke-width="2" opacity="0" stroke="rgb(0,0,255)" d="M0 0 L0 0 Z" />
<g id="libBC25" opacity="0">
<text id="mBC25" x="0" y="0" dx="8" dy="-8" fill="rgb(0,0,0)">2</text>
</g>
<path id="AB24" stroke-width="2" opacity="0" stroke="rgb(0,0,255)" d="M0 0 L0 0 Z" />
<g id="libAB24" opacity="0">
<text id="mAB24" x="0" y="0" dx="8" dy="-8" fill="rgb(0,0,0)">1</text>
</g>
<text id="biAB24" fill="rgb(0,0,0)" opacity="0">
<textpath startOffset="35" href="#AB24">⇒</textpath>
</text>
<g id="A20" opacity="0">
<circle id="cA20" cx="0" cy="0" r="20" fill="rgb(255,255,255)" stroke="rgb(0,0,255)" stroke-width="2"></circle>
<text id="coA20" x="0" y="0" fill="rgb(0,0,0)">A</text>
</g>
<g id="B21" opacity="0">
<circle id="cB21" cx="0" cy="0" r="20" fill="rgb(255,255,255)" stroke="rgb(0,0,255)" stroke-width="2"></circle>
<text id="coB21" x="0" y="0" fill="rgb(0,0,0)">B</text>
</g>
<g id="C22" opacity="0">
<circle id="cC22" cx="0" cy="0" r="20" fill="rgb(255,255,255)" stroke="rgb(0,0,255)" stroke-width="2"></circle>
<text id="coC22" x="0" y="0" fill="rgb(0,0,0)">C</text>
</g>
<g id="D23" opacity="0">
<circle id="cD23" cx="0" cy="0" r="20" fill="rgb(255,255,255)" stroke="rgb(0,0,255)" stroke-width="2"></circle>
<text id="coD23" x="0" y="0" fill="rgb(0,0,0)">D</text>
</g>
<animate href="#AB24" begin="0ms" fill="freeze" attributeName="d" dur="1ms" values="M0 0 L0 0 Z;M88 3 L-15 124 Z" />
<animateMotion href="#libAB24" begin="0ms" dur="1ms" fill="freeze" path="m 0 0 l 36 63" />
<animate href="#AB24" attributeName="opacity" from="0" to="1" dur="1ms" begin="0ms" fill="freeze"/>
<animate href="#libAB24" attributeName="opacity" from="0" to="1" dur="1ms" begin="0ms" fill="freeze"/>
<animate href="#biAB24" attributeName="opacity" from="0" to="1" dur="1ms" begin="0ms" fill="freeze"/>
<animate href="#BC25" begin="0ms" fill="freeze" attributeName="d" dur="1ms" values="M0 0 L0 0 Z;M-15 124 L-117 0 Z" />
<animateMotion href="#libBC25" begin="0ms" dur="1ms" fill="freeze" path="m 0 0 l -66 62" />
<animate href="#BC25" attributeName="opacity" from="0" to="1" dur="1ms" begin="0ms" fill="freeze"/>
<animate href="#libBC25" attributeName="opacity" from="0" to="1" dur="1ms" begin="0ms" fill="freeze"/>
<animate href="#biBC25" attributeName="opacity" from="0" to="1" dur="1ms" begin="0ms" fill="freeze"/>
<animate href="#CD26" begin="0ms" fill="freeze" attributeName="d" dur="1ms" values="M0 0 L0 0 Z;M-117 0 L-13 -116 Z" />
<animateMotion href="#libCD26" begin="0ms" dur="1ms" fill="freeze" path="m 0 0 l -65 -58" />
<animate href="#CD26" attributeName="opacity" from="0" to="1" dur="1ms" begin="0ms" fill="freeze"/>
<animate href="#libCD26" attributeName="opacity" from="0" to="1" dur="1ms" begin="0ms" fill="freeze"/>
<animate href="#biCD26" attributeName="opacity" from="0" to="1" dur="1ms" begin="0ms" fill="freeze"/>
<animate href="#DA27" begin="0ms" fill="freeze" attributeName="d" dur="1ms" values="M0 0 L0 0 Z;M-13 -116 L88 3 Z" />
<animateMotion href="#libDA27" begin="0ms" dur="1ms" fill="freeze" path="m 0 0 l 37 -56" />
<animate href="#DA27" attributeName="opacity" from="0" to="1" dur="1ms" begin="0ms" fill="freeze"/>
<animate href="#libDA27" attributeName="opacity" from="0" to="1" dur="1ms" begin="0ms" fill="freeze"/>
<animate href="#biDA27" attributeName="opacity" from="0" to="1" dur="1ms" begin="0ms" fill="freeze"/>
<animateMotion href="#A20" begin="0ms" dur="1ms"
fill="freeze" path="m 0 0 l 88 3" />
<animate href="#A20" attributeName="opacity" from="0" to="1" dur="1ms" begin="0ms" fill="freeze"/>
<animateMotion href="#B21" begin="0ms" dur="1ms"
fill="freeze" path="m 0 0 l -15 124" />
<animate href="#B21" attributeName="opacity" from="0" to="1" dur="1ms" begin="0ms" fill="freeze"/>
<animateMotion href="#C22" begin="0ms" dur="1ms"
fill="freeze" path="m 0 0 l -117 0" />
<animate href="#C22" attributeName="opacity" from="0" to="1" dur="1ms" begin="0ms" fill="freeze"/>
<animateMotion href="#D23" begin="0ms" dur="1ms"
fill="freeze" path="m 0 0 l -13 -116" />
<animate href="#D23" attributeName="opacity" from="0" to="1" dur="1ms" begin="0ms" fill="freeze"/>
<animate href="#AB24" attributeName="stroke" from="rgb(0,0,255)" to="rgb(128,139,150)" dur="22017ms" begin="1ms" fill="freeze"/>
<animate href="#BC25" attributeName="stroke" from="rgb(0,0,255)" to="rgb(128,139,150)" dur="22017ms" begin="1ms" fill="freeze"/>
<animate href="#CD26" attributeName="stroke" from="rgb(0,0,255)" to="rgb(128,139,150)" dur="22017ms" begin="1ms" fill="freeze"/>
<animate href="#DA27" attributeName="stroke" from="rgb(0,0,255)" to="rgb(128,139,150)" dur="22017ms" begin="1ms" fill="freeze"/>
<animate href="#cA20" attributeName="stroke" from="rgb(0,0,255)" to="rgb(128,139,150)" dur="22017ms" begin="1ms" fill="freeze"/>
<animate href="#cB21" attributeName="stroke" from="rgb(0,0,255)" to="rgb(128,139,150)" dur="22017ms" begin="1ms" fill="freeze"/>
<animate href="#cC22" attributeName="stroke" from="rgb(0,0,255)" to="rgb(128,139,150)" dur="22017ms" begin="1ms" fill="freeze"/>
<animate href="#cD23" attributeName="stroke" from="rgb(0,0,255)" to="rgb(128,139,150)" dur="22017ms" begin="1ms" fill="freeze"/>
<g id="E28" opacity="0">
<circle id="cE28" cx="0" cy="0" r="20" fill="rgb(255,255,255)" stroke="rgb(0,0,255)" stroke-width="2"></circle>
<text id="coE28" x="0" y="0" fill="rgb(0,0,0)">E</text>
</g>
<animate attributeName="viewBox" from="-157 -156 285 320" to="-168 -138 328 320" begin="22018ms" dur="9009ms" fill="freeze" />
<animate href="#AB24" begin="22018ms" fill="freeze" attributeName="d" dur="9009ms" values="M88 3 L-15 124 Z;M120 -29 L53 142 Z" />
<animateMotion href="#libAB24" begin="22018ms" dur="9009ms" fill="freeze" path="m 36 63 l 50 -7" />
<animate href="#AE29" begin="22018ms" fill="freeze" attributeName="d" dur="9009ms" values="M88 3 L0 0 Z;M120 -29 L4 17 Z" />
<animateMotion href="#libAE29" begin="22018ms" dur="9009ms" fill="freeze" path="m 0 0 l 18 -7" />
<animate href="#AE29" attributeName="opacity" from="0" to="1" dur="9009ms" begin="22018ms" fill="freeze"/>
<animate href="#libAE29" attributeName="opacity" from="0" to="1" dur="9009ms" begin="22018ms" fill="freeze"/>
<animate href="#biAE29" attributeName="opacity" from="0" to="1" dur="9009ms" begin="22018ms" fill="freeze"/>
<animate href="#BC25" begin="22018ms" fill="freeze" attributeName="d" dur="9009ms" values="M-15 124 L-117 0 Z;M53 142 L-128 74 Z" />
<animateMotion href="#libBC25" begin="22018ms" dur="9009ms" fill="freeze" path="m -66 62 l 29 46" />
<animate href="#BE30" begin="22018ms" fill="freeze" attributeName="d" dur="9009ms" values="M-15 124 L0 0 Z;M53 142 L4 17 Z" />
<animateMotion href="#libBE30" begin="22018ms" dur="9009ms" fill="freeze" path="m 0 0 l 35 17" />
<animate href="#BE30" attributeName="opacity" from="0" to="1" dur="9009ms" begin="22018ms" fill="freeze"/>
<animate href="#libBE30" attributeName="opacity" from="0" to="1" dur="9009ms" begin="22018ms" fill="freeze"/>
<animate href="#biBE30" attributeName="opacity" from="0" to="1" dur="9009ms" begin="22018ms" fill="freeze"/>
<animate href="#CD26" begin="22018ms" fill="freeze" attributeName="d" dur="9009ms" values="M-117 0 L-13 -116 Z;M-128 74 L-65 -98 Z" />
<animateMotion href="#libCD26" begin="22018ms" dur="9009ms" fill="freeze" path="m -65 -58 l -31 46" />
<animate href="#CE31" begin="22018ms" fill="freeze" attributeName="d" dur="9009ms" values="M-117 0 L0 0 Z;M-128 74 L4 17 Z" />
<animateMotion href="#libCE31" begin="22018ms" dur="9009ms" fill="freeze" path="m 0 0 l -4 45" />
<animate href="#CE31" attributeName="opacity" from="0" to="1" dur="9009ms" begin="22018ms" fill="freeze"/>
<animate href="#libCE31" attributeName="opacity" from="0" to="1" dur="9009ms" begin="22018ms" fill="freeze"/>
<animate href="#biCE31" attributeName="opacity" from="0" to="1" dur="9009ms" begin="22018ms" fill="freeze"/>
<animate href="#DA27" begin="22018ms" fill="freeze" attributeName="d" dur="9009ms" values="M-13 -116 L88 3 Z;M-65 -98 L120 -29 Z" />
<animateMotion href="#libDA27" begin="22018ms" dur="9009ms" fill="freeze" path="m 37 -56 l -10 -7" />
<animate href="#DE32" begin="22018ms" fill="freeze" attributeName="d" dur="9009ms" values="M-13 -116 L0 0 Z;M-65 -98 L4 17 Z" />
<animateMotion href="#libDE32" begin="22018ms" dur="9009ms" fill="freeze" path="m 0 0 l -24 18" />
<animate href="#DE32" attributeName="opacity" from="0" to="1" dur="9009ms" begin="22018ms" fill="freeze"/>
<animate href="#libDE32" attributeName="opacity" from="0" to="1" dur="9009ms" begin="22018ms" fill="freeze"/>
<animate href="#biDE32" attributeName="opacity" from="0" to="1" dur="9009ms" begin="22018ms" fill="freeze"/>
<animateMotion href="#A20" begin="22018ms" dur="9009ms"
fill="freeze" path="m 88 3 l 32 -32" />
<animateMotion href="#B21" begin="22018ms" dur="9009ms"
fill="freeze" path="m -15 124 l 68 18" />
<animateMotion href="#C22" begin="22018ms" dur="9009ms"
fill="freeze" path="m -117 0 l -11 74" />
<animateMotion href="#D23" begin="22018ms" dur="9009ms"
fill="freeze" path="m -13 -116 l -52 18" />
<animateMotion href="#E28" begin="22018ms" dur="9009ms"
fill="freeze" path="m 0 0 l 4 17" />
<animate href="#E28" attributeName="opacity" from="0" to="1" dur="9009ms" begin="22018ms" fill="freeze"/>
<animate href="#AE29" attributeName="stroke" from="rgb(0,0,255)" to="rgb(128,139,150)" dur="1ms" begin="31027ms" fill="freeze"/>
<animate href="#BE30" attributeName="stroke" from="rgb(0,0,255)" to="rgb(128,139,150)" dur="1ms" begin="31027ms" fill="freeze"/>
<animate href="#CE31" attributeName="stroke" from="rgb(0,0,255)" to="rgb(128,139,150)" dur="1ms" begin="31027ms" fill="freeze"/>
<animate href="#DE32" attributeName="stroke" from="rgb(0,0,255)" to="rgb(128,139,150)" dur="1ms" begin="31027ms" fill="freeze"/>
<animate href="#cE28" attributeName="stroke" from="rgb(0,0,255)" to="rgb(128,139,150)" dur="1ms" begin="31027ms" fill="freeze"/>
<animate href="#AE29" attributeName="opacity" from="1" to="0" dur="1000ms" begin="31028ms" fill="freeze"/>
<animate href="#libAE29" attributeName="opacity" from="1" to="0" dur="1000ms" begin="31028ms" fill="freeze"/>
<animate href="#biAE29" attributeName="opacity" from="1" to="0" dur="1000ms" begin="31028ms" fill="freeze"/>
<animate href="#AE29" attributeName="stroke" from="rgb(128,139,150)" to="rgb(255,0,0)" dur="1000ms" begin="31028ms" fill="freeze"/>
<animate href="#BE30" attributeName="opacity" from="1" to="0" dur="1000ms" begin="31028ms" fill="freeze"/>
<animate href="#libBE30" attributeName="opacity" from="1" to="0" dur="1000ms" begin="31028ms" fill="freeze"/>
<animate href="#biBE30" attributeName="opacity" from="1" to="0" dur="1000ms" begin="31028ms" fill="freeze"/>
<animate href="#BE30" attributeName="stroke" from="rgb(128,139,150)" to="rgb(255,0,0)" dur="1000ms" begin="31028ms" fill="freeze"/>
<animate href="#CE31" attributeName="opacity" from="1" to="0" dur="1000ms" begin="31028ms" fill="freeze"/>
<animate href="#libCE31" attributeName="opacity" from="1" to="0" dur="1000ms" begin="31028ms" fill="freeze"/>
<animate href="#biCE31" attributeName="opacity" from="1" to="0" dur="1000ms" begin="31028ms" fill="freeze"/>
<animate href="#CE31" attributeName="stroke" from="rgb(128,139,150)" to="rgb(255,0,0)" dur="1000ms" begin="31028ms" fill="freeze"/>
<animate href="#DE32" attributeName="opacity" from="1" to="0" dur="1000ms" begin="31028ms" fill="freeze"/>
<animate href="#libDE32" attributeName="opacity" from="1" to="0" dur="1000ms" begin="31028ms" fill="freeze"/>
<animate href="#biDE32" attributeName="opacity" from="1" to="0" dur="1000ms" begin="31028ms" fill="freeze"/>
<animate href="#DE32" attributeName="stroke" from="rgb(128,139,150)" to="rgb(255,0,0)" dur="1000ms" begin="31028ms" fill="freeze"/>
<animate href="#E28" attributeName="opacity" from="1" to="0" dur="1000ms" begin="31028ms" fill="freeze"/>
<animate href="#cE28" attributeName="stroke" from="rgb(128,139,150)" to="rgb(255,0,0)" dur="1000ms" begin="31028ms" fill="freeze"/>
<animate attributeName="viewBox" from="-168 -138 328 320" to="-157 -156 285 320" begin="32029ms" dur="1000ms" fill="freeze" />
<animate href="#AB24" begin="32029ms" fill="freeze" attributeName="d" dur="1000ms" values="M120 -29 L53 142 Z;M88 3 L-15 124 Z" />
<animateMotion href="#libAB24" begin="32029ms" dur="1000ms" fill="freeze" path="m 86 56 l -50 7" />
<animate href="#BC25" begin="32029ms" fill="freeze" attributeName="d" dur="1000ms" values="M53 142 L-128 74 Z;M-15 124 L-117 0 Z" />
<animateMotion href="#libBC25" begin="32029ms" dur="1000ms" fill="freeze" path="m -37 108 l -29 -46" />
<animate href="#CD26" begin="32029ms" fill="freeze" attributeName="d" dur="1000ms" values="M-128 74 L-65 -98 Z;M-117 0 L-13 -116 Z" />
<animateMotion href="#libCD26" begin="32029ms" dur="1000ms" fill="freeze" path="m -96 -12 l 31 -46" />
<animate href="#DA27" begin="32029ms" fill="freeze" attributeName="d" dur="1000ms" values="M-65 -98 L120 -29 Z;M-13 -116 L88 3 Z" />
<animateMotion href="#libDA27" begin="32029ms" dur="1000ms" fill="freeze" path="m 27 -63 l 10 7" />
<animateMotion href="#A20" begin="32029ms" dur="1000ms"
fill="freeze" path="m 120 -29 l -32 32" />
<animateMotion href="#B21" begin="32029ms" dur="1000ms"
fill="freeze" path="m 53 142 l -68 -18" />
<animateMotion href="#C22" begin="32029ms" dur="1000ms"
fill="freeze" path="m -128 74 l 11 -74" />
<animateMotion href="#D23" begin="32029ms" dur="1000ms"
fill="freeze" path="m -65 -98 l 52 -18" />
</svg>
</article>
</section>
</body>
</html>