luciano/d2
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

update test

Browse source
This commit is contained in:
Gavin Nishizawa 2023-07-03 16:12:45 -07:00
parent 8a9fa24ee6
commit 011ecf4b18
No known key found for this signature in database
GPG key ID: AE3B177777CE55CD
2 changed files with 88 additions and 88 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

88
e2etests/testdata/stable/all_shapes_link/dagre/sketch.exp.svg vendored
View file

@ -123,7 +123,7 @@
</clipPath>
</defs>
</svg>
</g></g></a><a href="example.com" xlink:href="example.com"><g id="linked.page" class="linked"><g class="shape" ><path d="M 137 504 H 226 C 227 504 228 504 229 505 L 246 521 C 247 522 247 523 247 524 V 591 C 247 591 247 591 247 591 H 137 C 136 591 136 591 136 591 V 505 C 136 504 136 504 137 504 Z" class=" stroke-B1 fill-AB5" style="stroke-width:2;" /><path d="M 246 591 H 137 C 136 591 136 591 136 590 V 505 C 136 504 136 504 137 504 H 225 C 226 504 226 504 226 505 V 522 C 226 523 227 524 228 524 H 246 C 247 524 247 524 247 525 V 590 C 246 591 247 591 246 591 Z" class=" stroke-B1 fill-AB5" style="stroke-width:2;" /></g><text x="191.500000" y="553.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">page</text><g transform="translate(231 488)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g></g></a><a href="example.com" xlink:href="example.com"><g id="linked.page" class="linked"><g class="shape" ><path d="M 137 504 H 226 C 227 504 228 504 229 505 L 246 521 C 247 522 247 523 247 524 V 591 C 247 591 247 591 247 591 H 137 C 136 591 136 591 136 591 V 505 C 136 504 136 504 137 504 Z" class=" stroke-B1 fill-AB5" style="stroke-width:2;" /><path d="M 246 591 H 137 C 136 591 136 591 136 590 V 505 C 136 504 136 504 137 504 H 225 C 226 504 226 504 226 505 V 522 C 226 523 227 524 228 524 H 246 C 247 524 247 524 247 525 V 590 C 246 591 247 591 246 591 Z" class=" stroke-B1 fill-AB5" style="stroke-width:2;" /></g><text x="191.500000" y="553.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">page</text><g transform="translate(221 496)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3440_35088111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M14.3909 16.7965C14.7364 17.2584 15.1772 17.6406 15.6834 17.9171C16.1896 18.1938 16.7494 18.3582 17.3248 18.3993C17.9001 18.4405 18.4777 18.3575 19.0181 18.1559C19.5586 17.9543 20.0492 17.6389 20.4571 17.2309L22.8708 14.8173C23.6036 14.0586 24.0089 13.0425 23.9998 11.9877C23.9906 10.933 23.5676 9.92404 22.8217 9.17821C22.0759 8.43237 21.067 8.00931 20.0123 8.00015C18.9575 7.99098 17.9413 8.39644 17.1827 9.1292L15.7988 10.505" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -159,7 +159,7 @@
</clipPath>
</defs>
</svg>
</g></g></a><a href="example.com" xlink:href="example.com"><g id="linked.cylinder" class="linked"><g class="shape" ><path d="M 369 512 C 369 488 430 488 437 488 C 444 488 505 488 505 512 V 582 C 505 606 444 606 437 606 C 430 606 369 606 369 582 V 512 Z" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /><path d="M 369 512 C 369 536 430 536 437 536 C 444 536 505 536 505 512" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /></g><text x="437.000000" y="564.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">cylinder</text><g transform="translate(489 472)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g></g></a><a href="example.com" xlink:href="example.com"><g id="linked.cylinder" class="linked"><g class="shape" ><path d="M 369 512 C 369 488 430 488 437 488 C 444 488 505 488 505 512 V 582 C 505 606 444 606 437 606 C 430 606 369 606 369 582 V 512 Z" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /><path d="M 369 512 C 369 536 430 536 437 536 C 444 536 505 536 505 512" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /></g><text x="437.000000" y="564.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">cylinder</text><g transform="translate(478 481)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3440_35088111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M14.3909 16.7965C14.7364 17.2584 15.1772 17.6406 15.6834 17.9171C16.1896 18.1938 16.7494 18.3582 17.3248 18.3993C17.9001 18.4405 18.4777 18.3575 19.0181 18.1559C19.5586 17.9543 20.0492 17.6389 20.4571 17.2309L22.8708 14.8173C23.6036 14.0586 24.0089 13.0425 23.9998 11.9877C23.9906 10.933 23.5676 9.92404 22.8217 9.17821C22.0759 8.43237 21.067 8.00931 20.0123 8.00015C18.9575 7.99098 17.9413 8.39644 17.1827 9.1292L15.7988 10.505" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -171,7 +171,7 @@
</clipPath>
</defs>
</svg>
</g></g></a><a href="example.com" xlink:href="example.com"><g id="linked.queue" class="linked"><g class="shape" ><path d="M 635 83 H 760 C 784 83 784 113 784 116 C 784 119 784 149 760 149 H 635 C 611 149 611 119 611 116 C 611 113 611 83 635 83 Z" class=" stroke-B1 fill-N5" style="stroke-width:2;" /><path d="M 760 83 C 736 83 736 113 736 116 C 736 119 736 149 760 149" class=" stroke-B1 fill-N5" style="stroke-width:2;" /></g><text x="685.500000" y="121.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">queue</text><g transform="translate(768 67)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g></g></a><a href="example.com" xlink:href="example.com"><g id="linked.queue" class="linked"><g class="shape" ><path d="M 635 83 H 760 C 784 83 784 113 784 116 C 784 119 784 149 760 149 H 635 C 611 149 611 119 611 116 C 611 113 611 83 635 83 Z" class=" stroke-B1 fill-N5" style="stroke-width:2;" /><path d="M 760 83 C 736 83 736 113 736 116 C 736 119 736 149 760 149" class=" stroke-B1 fill-N5" style="stroke-width:2;" /></g><text x="685.500000" y="121.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">queue</text><g transform="translate(757 71)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3440_35088111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M14.3909 16.7965C14.7364 17.2584 15.1772 17.6406 15.6834 17.9171C16.1896 18.1938 16.7494 18.3582 17.3248 18.3993C17.9001 18.4405 18.4777 18.3575 19.0181 18.1559C19.5586 17.9543 20.0492 17.6389 20.4571 17.2309L22.8708 14.8173C23.6036 14.0586 24.0089 13.0425 23.9998 11.9877C23.9906 10.933 23.5676 9.92404 22.8217 9.17821C22.0759 8.43237 21.067 8.00931 20.0123 8.00015C18.9575 7.99098 17.9413 8.39644 17.1827 9.1292L15.7988 10.505" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -183,7 +183,7 @@
</clipPath>
</defs>
</svg>
</g></g></a><a href="example.com" xlink:href="example.com"><g id="linked.package" class="linked"><g class="shape" ><path d="M 630 289 L 698 289 L 698 304 L 765 304 L 765 362 L 630 362 Z" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /></g><text x="697.500000" y="338.300000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">package</text><g transform="translate(749 273)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g></g></a><a href="example.com" xlink:href="example.com"><g id="linked.package" class="linked"><g class="shape" ><path d="M 630 289 L 698 289 L 698 304 L 765 304 L 765 362 L 630 362 Z" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /></g><text x="697.500000" y="338.300000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">package</text><g transform="translate(721 288)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3440_35088111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M14.3909 16.7965C14.7364 17.2584 15.1772 17.6406 15.6834 17.9171C16.1896 18.1938 16.7494 18.3582 17.3248 18.3993C17.9001 18.4405 18.4777 18.3575 19.0181 18.1559C19.5586 17.9543 20.0492 17.6389 20.4571 17.2309L22.8708 14.8173C23.6036 14.0586 24.0089 13.0425 23.9998 11.9877C23.9906 10.933 23.5676 9.92404 22.8217 9.17821C22.0759 8.43237 21.067 8.00931 20.0123 8.00015C18.9575 7.99098 17.9413 8.39644 17.1827 9.1292L15.7988 10.505" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -195,7 +195,7 @@
</clipPath>
</defs>
</svg>
</g></g></a><a href="example.com" xlink:href="example.com"><g id="linked.step" class="linked"><g class="shape" ><path d="M 624 497 L 737 497 L 772 548 L 737 598 L 624 598 L 659 548 Z" class=" stroke-B1 fill-AB5" style="stroke-width:2;" /></g><text x="698.000000" y="553.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">step</text><g transform="translate(756 481)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g></g></a><a href="example.com" xlink:href="example.com"><g id="linked.step" class="linked"><g class="shape" ><path d="M 624 497 L 737 497 L 772 548 L 737 598 L 624 598 L 659 548 Z" class=" stroke-B1 fill-AB5" style="stroke-width:2;" /></g><text x="698.000000" y="553.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">step</text><g transform="translate(732 497)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3440_35088111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M14.3909 16.7965C14.7364 17.2584 15.1772 17.6406 15.6834 17.9171C16.1896 18.1938 16.7494 18.3582 17.3248 18.3993C17.9001 18.4405 18.4777 18.3575 19.0181 18.1559C19.5586 17.9543 20.0492 17.6389 20.4571 17.2309L22.8708 14.8173C23.6036 14.0586 24.0089 13.0425 23.9998 11.9877C23.9906 10.933 23.5676 9.92404 22.8217 9.17821C22.0759 8.43237 21.067 8.00931 20.0123 8.00015C18.9575 7.99098 17.9413 8.39644 17.1827 9.1292L15.7988 10.505" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -231,7 +231,7 @@
</clipPath>
</defs>
</svg>
</g></g></a><a href="example.com" xlink:href="example.com"><g id="linked.person" class="linked"><g class="shape" ><path d="M 964 567 H 869 V 566 C 869 555 879 545 896 540 C 887 536 881 529 881 522 C 881 511 897 501 916 501 C 935 501 951 511 951 522 C 951 529 946 535 937 539 C 953 544 964 554 964 565 V 566 H 964 Z" class=" stroke-B1 fill-B3" style="stroke-width:2;" /></g><text x="916.500000" y="588.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">person</text><g transform="translate(948 485)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g></g></a><a href="example.com" xlink:href="example.com"><g id="linked.person" class="linked"><g class="shape" ><path d="M 964 567 H 869 V 566 C 869 555 879 545 896 540 C 887 536 881 529 881 522 C 881 511 897 501 916 501 C 935 501 951 511 951 522 C 951 529 946 535 937 539 C 953 544 964 554 964 565 V 566 H 964 Z" class=" stroke-B1 fill-B3" style="stroke-width:2;" /></g><text x="916.500000" y="588.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">person</text><g transform="translate(931 497)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3440_35088111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M14.3909 16.7965C14.7364 17.2584 15.1772 17.6406 15.6834 17.9171C16.1896 18.1938 16.7494 18.3582 17.3248 18.3993C17.9001 18.4405 18.4777 18.3575 19.0181 18.1559C19.5586 17.9543 20.0492 17.6389 20.4571 17.2309L22.8708 14.8173C23.6036 14.0586 24.0089 13.0425 23.9998 11.9877C23.9906 10.933 23.5676 9.92404 22.8217 9.17821C22.0759 8.43237 21.067 8.00931 20.0123 8.00015C18.9575 7.99098 17.9413 8.39644 17.1827 9.1292L15.7988 10.505" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -243,7 +243,7 @@
</clipPath>
</defs>
</svg>
</g></g></a><a href="example.com" xlink:href="example.com"><g id="linked.diamond" class="linked"><g class="shape" ><path d="M 1150 162 C 1149 162 1149 162 1148 162 L 1041 117 C 1040 117 1040 116 1041 115 L 1148 70 C 1149 70 1151 70 1152 70 L 1259 115 C 1260 115 1260 116 1259 117 L 1152 162 C 1151 162 1151 162 1150 162 Z" class=" stroke-B1 fill-N4" style="stroke-width:2;" /></g><text x="1150.000000" y="121.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">diamond</text><g transform="translate(1244 54)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g></g></a><a href="example.com" xlink:href="example.com"><g id="linked.diamond" class="linked"><g class="shape" ><path d="M 1150 162 C 1149 162 1149 162 1148 162 L 1041 117 C 1040 117 1040 116 1041 115 L 1148 70 C 1149 70 1151 70 1152 70 L 1259 115 C 1260 115 1260 116 1259 117 L 1152 162 C 1151 162 1151 162 1150 162 Z" class=" stroke-B1 fill-N4" style="stroke-width:2;" /></g><text x="1150.000000" y="121.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">diamond</text><g transform="translate(1190 77)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3440_35088111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M14.3909 16.7965C14.7364 17.2584 15.1772 17.6406 15.6834 17.9171C16.1896 18.1938 16.7494 18.3582 17.3248 18.3993C17.9001 18.4405 18.4777 18.3575 19.0181 18.1559C19.5586 17.9543 20.0492 17.6389 20.4571 17.2309L22.8708 14.8173C23.6036 14.0586 24.0089 13.0425 23.9998 11.9877C23.9906 10.933 23.5676 9.92404 22.8217 9.17821C22.0759 8.43237 21.067 8.00931 20.0123 8.00015C18.9575 7.99098 17.9413 8.39644 17.1827 9.1292L15.7988 10.505" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -255,7 +255,7 @@
</clipPath>
</defs>
</svg>
</g></g></a><a href="example.com" xlink:href="example.com"><g id="linked.oval" class="linked"><g class="shape" ><ellipse rx="67.000000" ry="35.000000" cx="1150.000000" cy="325.000000" class="shape stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1150.000000" y="330.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">oval</text><g transform="translate(1201 274)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g></g></a><a href="example.com" xlink:href="example.com"><g id="linked.oval" class="linked"><g class="shape" ><ellipse rx="67.000000" ry="35.000000" cx="1150.000000" cy="325.000000" class="shape stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1150.000000" y="330.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">oval</text><g transform="translate(1181 284)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3440_35088111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M14.3909 16.7965C14.7364 17.2584 15.1772 17.6406 15.6834 17.9171C16.1896 18.1938 16.7494 18.3582 17.3248 18.3993C17.9001 18.4405 18.4777 18.3575 19.0181 18.1559C19.5586 17.9543 20.0492 17.6389 20.4571 17.2309L22.8708 14.8173C23.6036 14.0586 24.0089 13.0425 23.9998 11.9877C23.9906 10.933 23.5676 9.92404 22.8217 9.17821C22.0759 8.43237 21.067 8.00931 20.0123 8.00015C18.9575 7.99098 17.9413 8.39644 17.1827 9.1292L15.7988 10.505" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -267,7 +267,7 @@
</clipPath>
</defs>
</svg>
</g></g></a><a href="example.com" xlink:href="example.com"><g id="linked.circle" class="linked"><g class="shape" ><ellipse rx="59.000000" ry="59.000000" cx="1150.000000" cy="547.000000" class="shape stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1150.000000" y="552.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">circle</text><g transform="translate(1193 472)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g></g></a><a href="example.com" xlink:href="example.com"><g id="linked.circle" class="linked"><g class="shape" ><ellipse rx="59.000000" ry="59.000000" cx="1150.000000" cy="547.000000" class="shape stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1150.000000" y="552.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">circle</text><g transform="translate(1176 489)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3440_35088111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M14.3909 16.7965C14.7364 17.2584 15.1772 17.6406 15.6834 17.9171C16.1896 18.1938 16.7494 18.3582 17.3248 18.3993C17.9001 18.4405 18.4777 18.3575 19.0181 18.1559C19.5586 17.9543 20.0492 17.6389 20.4571 17.2309L22.8708 14.8173C23.6036 14.0586 24.0089 13.0425 23.9998 11.9877C23.9906 10.933 23.5676 9.92404 22.8217 9.17821C22.0759 8.43237 21.067 8.00931 20.0123 8.00015C18.9575 7.99098 17.9413 8.39644 17.1827 9.1292L15.7988 10.505" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -279,7 +279,7 @@
</clipPath>
</defs>
</svg>
</g></g></a><a href="example.com" xlink:href="example.com"><g id="linked.hexagon" class="linked"><g class="shape" ><path d="M 1321 291 L 1277 325 L 1321 360 L 1409 360 L 1453 325 L 1409 291 Z" class=" stroke-B1 fill-N5" style="stroke-width:2;" /></g><text x="1365.000000" y="331.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">hexagon</text><g transform="translate(1437 275)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g></g></a><a href="example.com" xlink:href="example.com"><g id="linked.hexagon" class="linked"><g class="shape" ><path d="M 1321 291 L 1277 325 L 1321 360 L 1409 360 L 1453 325 L 1409 291 Z" class=" stroke-B1 fill-N5" style="stroke-width:2;" /></g><text x="1365.000000" y="331.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">hexagon</text><g transform="translate(1408 286)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3440_35088111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M14.3909 16.7965C14.7364 17.2584 15.1772 17.6406 15.6834 17.9171C16.1896 18.1938 16.7494 18.3582 17.3248 18.3993C17.9001 18.4405 18.4777 18.3575 19.0181 18.1559C19.5586 17.9543 20.0492 17.6389 20.4571 17.2309L22.8708 14.8173C23.6036 14.0586 24.0089 13.0425 23.9998 11.9877C23.9906 10.933 23.5676 9.92404 22.8217 9.17821C22.0759 8.43237 21.067 8.00931 20.0123 8.00015C18.9575 7.99098 17.9413 8.39644 17.1827 9.1292L15.7988 10.505" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -291,7 +291,7 @@
</clipPath>
</defs>
</svg>
</g></g></a><a href="example.com" xlink:href="example.com"><g id="linked.cloud" class="linked"><g class="shape" ><path d="M 1318 534 C 1318 535 1317 536 1316 536 C 1304 537 1294 548 1294 562 C 1294 577 1305 589 1318 589 H 1410 C 1425 589 1436 576 1436 561 C 1436 546 1425 534 1411 533 C 1410 533 1409 532 1409 531 C 1406 516 1392 505 1375 505 C 1364 505 1354 510 1348 517 C 1347 518 1346 518 1345 518 C 1343 517 1340 517 1337 517 C 1328 517 1319 524 1318 534 Z" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="1365.558500" y="568.516000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">cloud</text><g transform="translate(1421 489)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g></g></a><a href="example.com" xlink:href="example.com"><g id="linked.cloud" class="linked"><g class="shape" ><path d="M 1318 534 C 1318 535 1317 536 1316 536 C 1304 537 1294 548 1294 562 C 1294 577 1305 589 1318 589 H 1410 C 1425 589 1436 576 1436 561 C 1436 546 1425 534 1411 533 C 1410 533 1409 532 1409 531 C 1406 516 1392 505 1375 505 C 1364 505 1354 510 1348 517 C 1347 518 1346 518 1345 518 C 1343 517 1340 517 1337 517 C 1328 517 1319 524 1318 534 Z" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="1365.558500" y="568.516000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">cloud</text><g transform="translate(1390 507)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3440_35088111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M14.3909 16.7965C14.7364 17.2584 15.1772 17.6406 15.6834 17.9171C16.1896 18.1938 16.7494 18.3582 17.3248 18.3993C17.9001 18.4405 18.4777 18.3575 19.0181 18.1559C19.5586 17.9543 20.0492 17.6389 20.4571 17.2309L22.8708 14.8173C23.6036 14.0586 24.0089 13.0425 23.9998 11.9877C23.9906 10.933 23.5676 9.92404 22.8217 9.17821C22.0759 8.43237 21.067 8.00931 20.0123 8.00015C18.9575 7.99098 17.9413 8.39644 17.1827 9.1292L15.7988 10.505" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -329,7 +329,7 @@
</clipPath>
</defs>
</svg>
</g><title>example</title></g><g id="tooltipped.page" class="tooltipped"><g class="shape" ><path d="M 137 1240 H 226 C 227 1240 228 1240 229 1241 L 246 1257 C 247 1258 247 1259 247 1260 V 1327 C 247 1327 247 1327 247 1327 H 137 C 136 1327 136 1327 136 1327 V 1241 C 136 1240 136 1240 137 1240 Z" class=" stroke-B1 fill-AB5" style="stroke-width:2;" /><path d="M 246 1327 H 137 C 136 1327 136 1327 136 1326 V 1241 C 136 1240 136 1240 137 1240 H 225 C 226 1240 226 1240 226 1241 V 1258 C 226 1259 227 1260 228 1260 H 246 C 247 1260 247 1260 247 1261 V 1326 C 246 1327 247 1327 246 1327 Z" class=" stroke-B1 fill-AB5" style="stroke-width:2;" /></g><text x="191.500000" y="1289.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">page</text><g transform="translate(231 1224)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g><title>example</title></g><g id="tooltipped.page" class="tooltipped"><g class="shape" ><path d="M 137 1240 H 226 C 227 1240 228 1240 229 1241 L 246 1257 C 247 1258 247 1259 247 1260 V 1327 C 247 1327 247 1327 247 1327 H 137 C 136 1327 136 1327 136 1327 V 1241 C 136 1240 136 1240 137 1240 Z" class=" stroke-B1 fill-AB5" style="stroke-width:2;" /><path d="M 246 1327 H 137 C 136 1327 136 1327 136 1326 V 1241 C 136 1240 136 1240 137 1240 H 225 C 226 1240 226 1240 226 1241 V 1258 C 226 1259 227 1260 228 1260 H 246 C 247 1260 247 1260 247 1261 V 1326 C 246 1327 247 1327 246 1327 Z" class=" stroke-B1 fill-AB5" style="stroke-width:2;" /></g><text x="191.500000" y="1289.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">page</text><g transform="translate(221 1232)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3427_35082111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M16 26C21.5228 26 26 21.5228 26 16C26 10.4772 21.5228 6 16 6C10.4772 6 6 10.4772 6 16C6 21.5228 10.4772 26 16 26Z" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -368,7 +368,7 @@
</clipPath>
</defs>
</svg>
</g><title>example</title></g><g id="tooltipped.cylinder" class="tooltipped"><g class="shape" ><path d="M 369 1248 C 369 1224 430 1224 437 1224 C 444 1224 505 1224 505 1248 V 1318 C 505 1342 444 1342 437 1342 C 430 1342 369 1342 369 1318 V 1248 Z" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /><path d="M 369 1248 C 369 1272 430 1272 437 1272 C 444 1272 505 1272 505 1248" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /></g><text x="437.000000" y="1300.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">cylinder</text><g transform="translate(489 1208)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g><title>example</title></g><g id="tooltipped.cylinder" class="tooltipped"><g class="shape" ><path d="M 369 1248 C 369 1224 430 1224 437 1224 C 444 1224 505 1224 505 1248 V 1318 C 505 1342 444 1342 437 1342 C 430 1342 369 1342 369 1318 V 1248 Z" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /><path d="M 369 1248 C 369 1272 430 1272 437 1272 C 444 1272 505 1272 505 1248" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /></g><text x="437.000000" y="1300.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">cylinder</text><g transform="translate(478 1217)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3427_35082111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M16 26C21.5228 26 26 21.5228 26 16C26 10.4772 21.5228 6 16 6C10.4772 6 6 10.4772 6 16C6 21.5228 10.4772 26 16 26Z" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -381,7 +381,7 @@
</clipPath>
</defs>
</svg>
</g><title>example</title></g><g id="tooltipped.queue" class="tooltipped"><g class="shape" ><path d="M 635 819 H 760 C 784 819 784 849 784 852 C 784 855 784 885 760 885 H 635 C 611 885 611 855 611 852 C 611 849 611 819 635 819 Z" class=" stroke-B1 fill-N5" style="stroke-width:2;" /><path d="M 760 819 C 736 819 736 849 736 852 C 736 855 736 885 760 885" class=" stroke-B1 fill-N5" style="stroke-width:2;" /></g><text x="685.500000" y="857.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">queue</text><g transform="translate(768 803)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g><title>example</title></g><g id="tooltipped.queue" class="tooltipped"><g class="shape" ><path d="M 635 819 H 760 C 784 819 784 849 784 852 C 784 855 784 885 760 885 H 635 C 611 885 611 855 611 852 C 611 849 611 819 635 819 Z" class=" stroke-B1 fill-N5" style="stroke-width:2;" /><path d="M 760 819 C 736 819 736 849 736 852 C 736 855 736 885 760 885" class=" stroke-B1 fill-N5" style="stroke-width:2;" /></g><text x="685.500000" y="857.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">queue</text><g transform="translate(757 807)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3427_35082111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M16 26C21.5228 26 26 21.5228 26 16C26 10.4772 21.5228 6 16 6C10.4772 6 6 10.4772 6 16C6 21.5228 10.4772 26 16 26Z" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -394,7 +394,7 @@
</clipPath>
</defs>
</svg>
</g><title>example</title></g><g id="tooltipped.package" class="tooltipped"><g class="shape" ><path d="M 630 1025 L 698 1025 L 698 1040 L 765 1040 L 765 1098 L 630 1098 Z" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /></g><text x="697.500000" y="1074.300000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">package</text><g transform="translate(749 1009)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g><title>example</title></g><g id="tooltipped.package" class="tooltipped"><g class="shape" ><path d="M 630 1025 L 698 1025 L 698 1040 L 765 1040 L 765 1098 L 630 1098 Z" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /></g><text x="697.500000" y="1074.300000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">package</text><g transform="translate(721 1024)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3427_35082111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M16 26C21.5228 26 26 21.5228 26 16C26 10.4772 21.5228 6 16 6C10.4772 6 6 10.4772 6 16C6 21.5228 10.4772 26 16 26Z" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -407,7 +407,7 @@
</clipPath>
</defs>
</svg>
</g><title>example</title></g><g id="tooltipped.step" class="tooltipped"><g class="shape" ><path d="M 624 1233 L 737 1233 L 772 1284 L 737 1334 L 624 1334 L 659 1284 Z" class=" stroke-B1 fill-AB5" style="stroke-width:2;" /></g><text x="698.000000" y="1289.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">step</text><g transform="translate(756 1217)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g><title>example</title></g><g id="tooltipped.step" class="tooltipped"><g class="shape" ><path d="M 624 1233 L 737 1233 L 772 1284 L 737 1334 L 624 1334 L 659 1284 Z" class=" stroke-B1 fill-AB5" style="stroke-width:2;" /></g><text x="698.000000" y="1289.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">step</text><g transform="translate(732 1233)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3427_35082111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M16 26C21.5228 26 26 21.5228 26 16C26 10.4772 21.5228 6 16 6C10.4772 6 6 10.4772 6 16C6 21.5228 10.4772 26 16 26Z" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -446,7 +446,7 @@
</clipPath>
</defs>
</svg>
</g><title>example</title></g><g id="tooltipped.person" class="tooltipped"><g class="shape" ><path d="M 964 1303 H 869 V 1302 C 869 1291 879 1281 896 1276 C 887 1272 881 1265 881 1258 C 881 1247 897 1237 916 1237 C 935 1237 951 1247 951 1258 C 951 1265 946 1271 937 1275 C 953 1280 964 1290 964 1301 V 1302 H 964 Z" class=" stroke-B1 fill-B3" style="stroke-width:2;" /></g><text x="916.500000" y="1324.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">person</text><g transform="translate(948 1221)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g><title>example</title></g><g id="tooltipped.person" class="tooltipped"><g class="shape" ><path d="M 964 1303 H 869 V 1302 C 869 1291 879 1281 896 1276 C 887 1272 881 1265 881 1258 C 881 1247 897 1237 916 1237 C 935 1237 951 1247 951 1258 C 951 1265 946 1271 937 1275 C 953 1280 964 1290 964 1301 V 1302 H 964 Z" class=" stroke-B1 fill-B3" style="stroke-width:2;" /></g><text x="916.500000" y="1324.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">person</text><g transform="translate(931 1233)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3427_35082111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M16 26C21.5228 26 26 21.5228 26 16C26 10.4772 21.5228 6 16 6C10.4772 6 6 10.4772 6 16C6 21.5228 10.4772 26 16 26Z" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -459,7 +459,7 @@
</clipPath>
</defs>
</svg>
</g><title>example</title></g><g id="tooltipped.diamond" class="tooltipped"><g class="shape" ><path d="M 1150 898 C 1149 898 1149 898 1148 898 L 1041 853 C 1040 853 1040 852 1041 851 L 1148 806 C 1149 806 1151 806 1152 806 L 1259 851 C 1260 851 1260 852 1259 853 L 1152 898 C 1151 898 1151 898 1150 898 Z" class=" stroke-B1 fill-N4" style="stroke-width:2;" /></g><text x="1150.000000" y="857.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">diamond</text><g transform="translate(1244 790)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g><title>example</title></g><g id="tooltipped.diamond" class="tooltipped"><g class="shape" ><path d="M 1150 898 C 1149 898 1149 898 1148 898 L 1041 853 C 1040 853 1040 852 1041 851 L 1148 806 C 1149 806 1151 806 1152 806 L 1259 851 C 1260 851 1260 852 1259 853 L 1152 898 C 1151 898 1151 898 1150 898 Z" class=" stroke-B1 fill-N4" style="stroke-width:2;" /></g><text x="1150.000000" y="857.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">diamond</text><g transform="translate(1190 813)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3427_35082111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M16 26C21.5228 26 26 21.5228 26 16C26 10.4772 21.5228 6 16 6C10.4772 6 6 10.4772 6 16C6 21.5228 10.4772 26 16 26Z" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -472,7 +472,7 @@
</clipPath>
</defs>
</svg>
</g><title>example</title></g><g id="tooltipped.oval" class="tooltipped"><g class="shape" ><ellipse rx="67.000000" ry="35.000000" cx="1150.000000" cy="1061.000000" class="shape stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1150.000000" y="1066.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">oval</text><g transform="translate(1201 1010)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g><title>example</title></g><g id="tooltipped.oval" class="tooltipped"><g class="shape" ><ellipse rx="67.000000" ry="35.000000" cx="1150.000000" cy="1061.000000" class="shape stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1150.000000" y="1066.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">oval</text><g transform="translate(1181 1020)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3427_35082111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M16 26C21.5228 26 26 21.5228 26 16C26 10.4772 21.5228 6 16 6C10.4772 6 6 10.4772 6 16C6 21.5228 10.4772 26 16 26Z" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -485,7 +485,7 @@
</clipPath>
</defs>
</svg>
</g><title>example</title></g><g id="tooltipped.circle" class="tooltipped"><g class="shape" ><ellipse rx="59.000000" ry="59.000000" cx="1150.000000" cy="1283.000000" class="shape stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1150.000000" y="1288.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">circle</text><g transform="translate(1193 1208)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g><title>example</title></g><g id="tooltipped.circle" class="tooltipped"><g class="shape" ><ellipse rx="59.000000" ry="59.000000" cx="1150.000000" cy="1283.000000" class="shape stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1150.000000" y="1288.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">circle</text><g transform="translate(1176 1225)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3427_35082111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M16 26C21.5228 26 26 21.5228 26 16C26 10.4772 21.5228 6 16 6C10.4772 6 6 10.4772 6 16C6 21.5228 10.4772 26 16 26Z" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -498,7 +498,7 @@
</clipPath>
</defs>
</svg>
</g><title>example</title></g><g id="tooltipped.hexagon" class="tooltipped"><g class="shape" ><path d="M 1321 1027 L 1277 1061 L 1321 1096 L 1409 1096 L 1453 1061 L 1409 1027 Z" class=" stroke-B1 fill-N5" style="stroke-width:2;" /></g><text x="1365.000000" y="1067.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">hexagon</text><g transform="translate(1437 1011)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g><title>example</title></g><g id="tooltipped.hexagon" class="tooltipped"><g class="shape" ><path d="M 1321 1027 L 1277 1061 L 1321 1096 L 1409 1096 L 1453 1061 L 1409 1027 Z" class=" stroke-B1 fill-N5" style="stroke-width:2;" /></g><text x="1365.000000" y="1067.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">hexagon</text><g transform="translate(1408 1022)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3427_35082111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M16 26C21.5228 26 26 21.5228 26 16C26 10.4772 21.5228 6 16 6C10.4772 6 6 10.4772 6 16C6 21.5228 10.4772 26 16 26Z" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -511,7 +511,7 @@
</clipPath>
</defs>
</svg>
</g><title>example</title></g><g id="tooltipped.cloud" class="tooltipped"><g class="shape" ><path d="M 1318 1270 C 1318 1271 1317 1272 1316 1272 C 1304 1273 1294 1284 1294 1298 C 1294 1313 1305 1325 1318 1325 H 1410 C 1425 1325 1436 1312 1436 1297 C 1436 1282 1425 1270 1411 1269 C 1410 1269 1409 1268 1409 1267 C 1406 1252 1392 1241 1375 1241 C 1364 1241 1354 1246 1348 1253 C 1347 1254 1346 1254 1345 1254 C 1343 1253 1340 1253 1337 1253 C 1328 1253 1319 1260 1318 1270 Z" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="1365.558500" y="1304.516000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">cloud</text><g transform="translate(1421 1225)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g><title>example</title></g><g id="tooltipped.cloud" class="tooltipped"><g class="shape" ><path d="M 1318 1270 C 1318 1271 1317 1272 1316 1272 C 1304 1273 1294 1284 1294 1298 C 1294 1313 1305 1325 1318 1325 H 1410 C 1425 1325 1436 1312 1436 1297 C 1436 1282 1425 1270 1411 1269 C 1410 1269 1409 1268 1409 1267 C 1406 1252 1392 1241 1375 1241 C 1364 1241 1354 1246 1348 1253 C 1347 1254 1346 1254 1345 1254 C 1343 1253 1340 1253 1337 1253 C 1328 1253 1319 1260 1318 1270 Z" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="1365.558500" y="1304.516000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">cloud</text><g transform="translate(1390 1243)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3427_35082111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M16 26C21.5228 26 26 21.5228 26 16C26 10.4772 21.5228 6 16 6C10.4772 6 6 10.4772 6 16C6 21.5228 10.4772 26 16 26Z" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -574,7 +574,7 @@
</clipPath>
</defs>
</svg>
</g></g></a><a href="example.com" xlink:href="example.com"><g id="both.page" class="linked tooltipped"><g class="shape" ><path d="M 57 2022 H 178 C 179 2022 180 2022 181 2023 L 198 2039 C 199 2040 199 2041 199 2042 V 2109 C 199 2109 199 2109 199 2109 H 57 C 56 2109 56 2109 56 2109 V 2023 C 56 2022 56 2022 57 2022 Z" class=" stroke-B1 fill-AB5" style="stroke-width:2;" /><path d="M 198 2109 H 57 C 56 2109 56 2109 56 2108 V 2023 C 56 2022 56 2022 57 2022 H 177 C 178 2022 178 2022 178 2023 V 2040 C 178 2041 179 2042 180 2042 H 198 C 199 2042 199 2042 199 2043 V 2108 C 198 2109 199 2109 198 2109 Z" class=" stroke-B1 fill-AB5" style="stroke-width:2;" /></g><text x="127.500000" y="2071.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">page</text><g transform="translate(183 2006)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g></g></a><a href="example.com" xlink:href="example.com"><g id="both.page" class="linked tooltipped"><g class="shape" ><path d="M 57 2022 H 178 C 179 2022 180 2022 181 2023 L 198 2039 C 199 2040 199 2041 199 2042 V 2109 C 199 2109 199 2109 199 2109 H 57 C 56 2109 56 2109 56 2109 V 2023 C 56 2022 56 2022 57 2022 Z" class=" stroke-B1 fill-AB5" style="stroke-width:2;" /><path d="M 198 2109 H 57 C 56 2109 56 2109 56 2108 V 2023 C 56 2022 56 2022 57 2022 H 177 C 178 2022 178 2022 178 2023 V 2040 C 178 2041 179 2042 180 2042 H 198 C 199 2042 199 2042 199 2043 V 2108 C 198 2109 199 2109 198 2109 Z" class=" stroke-B1 fill-AB5" style="stroke-width:2;" /></g><text x="127.500000" y="2071.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">page</text><g transform="translate(171 2013)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3427_35082111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M16 26C21.5228 26 26 21.5228 26 16C26 10.4772 21.5228 6 16 6C10.4772 6 6 10.4772 6 16C6 21.5228 10.4772 26 16 26Z" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -587,7 +587,7 @@
</clipPath>
</defs>
</svg>
</g><title>example</title><g transform="translate(151 2006)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g><title>example</title><g transform="translate(135 2006)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3440_35088111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M14.3909 16.7965C14.7364 17.2584 15.1772 17.6406 15.6834 17.9171C16.1896 18.1938 16.7494 18.3582 17.3248 18.3993C17.9001 18.4405 18.4777 18.3575 19.0181 18.1559C19.5586 17.9543 20.0492 17.6389 20.4571 17.2309L22.8708 14.8173C23.6036 14.0586 24.0089 13.0425 23.9998 11.9877C23.9906 10.933 23.5676 9.92404 22.8217 9.17821C22.0759 8.43237 21.067 8.00931 20.0123 8.00015C18.9575 7.99098 17.9413 8.39644 17.1827 9.1292L15.7988 10.505" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -649,7 +649,7 @@
</clipPath>
</defs>
</svg>
</g></g></a><a href="example.com" xlink:href="example.com"><g id="both.cylinder" class="linked tooltipped"><g class="shape" ><path d="M 321 2031 C 321 2007 397 2007 405 2007 C 413 2007 489 2007 489 2031 V 2101 C 489 2125 413 2125 405 2125 C 397 2125 321 2125 321 2101 V 2031 Z" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /><path d="M 321 2031 C 321 2055 397 2055 405 2055 C 413 2055 489 2055 489 2031" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /></g><text x="405.000000" y="2083.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">cylinder</text><g transform="translate(473 1991)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g></g></a><a href="example.com" xlink:href="example.com"><g id="both.cylinder" class="linked tooltipped"><g class="shape" ><path d="M 321 2031 C 321 2007 397 2007 405 2007 C 413 2007 489 2007 489 2031 V 2101 C 489 2125 413 2125 405 2125 C 397 2125 321 2125 321 2101 V 2031 Z" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /><path d="M 321 2031 C 321 2055 397 2055 405 2055 C 413 2055 489 2055 489 2031" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /></g><text x="405.000000" y="2083.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">cylinder</text><g transform="translate(460 2000)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3427_35082111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M16 26C21.5228 26 26 21.5228 26 16C26 10.4772 21.5228 6 16 6C10.4772 6 6 10.4772 6 16C6 21.5228 10.4772 26 16 26Z" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -662,7 +662,7 @@
</clipPath>
</defs>
</svg>
</g><title>example</title><g transform="translate(441 1991)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g><title>example</title><g transform="translate(428 1993)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3440_35088111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M14.3909 16.7965C14.7364 17.2584 15.1772 17.6406 15.6834 17.9171C16.1896 18.1938 16.7494 18.3582 17.3248 18.3993C17.9001 18.4405 18.4777 18.3575 19.0181 18.1559C19.5586 17.9543 20.0492 17.6389 20.4571 17.2309L22.8708 14.8173C23.6036 14.0586 24.0089 13.0425 23.9998 11.9877C23.9906 10.933 23.5676 9.92404 22.8217 9.17821C22.0759 8.43237 21.067 8.00931 20.0123 8.00015C18.9575 7.99098 17.9413 8.39644 17.1827 9.1292L15.7988 10.505" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -674,7 +674,7 @@
</clipPath>
</defs>
</svg>
</g></g></a><a href="example.com" xlink:href="example.com"><g id="both.queue" class="linked tooltipped"><g class="shape" ><path d="M 619 1555 H 776 C 800 1555 800 1585 800 1588 C 800 1591 800 1621 776 1621 H 619 C 595 1621 595 1591 595 1588 C 595 1585 595 1555 619 1555 Z" class=" stroke-B1 fill-N5" style="stroke-width:2;" /><path d="M 776 1555 C 752 1555 752 1585 752 1588 C 752 1591 752 1621 776 1621" class=" stroke-B1 fill-N5" style="stroke-width:2;" /></g><text x="685.500000" y="1593.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">queue</text><g transform="translate(784 1539)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g></g></a><a href="example.com" xlink:href="example.com"><g id="both.queue" class="linked tooltipped"><g class="shape" ><path d="M 619 1555 H 776 C 800 1555 800 1585 800 1588 C 800 1591 800 1621 776 1621 H 619 C 595 1621 595 1591 595 1588 C 595 1585 595 1555 619 1555 Z" class=" stroke-B1 fill-N5" style="stroke-width:2;" /><path d="M 776 1555 C 752 1555 752 1585 752 1588 C 752 1591 752 1621 776 1621" class=" stroke-B1 fill-N5" style="stroke-width:2;" /></g><text x="685.500000" y="1593.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">queue</text><g transform="translate(773 1543)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3427_35082111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M16 26C21.5228 26 26 21.5228 26 16C26 10.4772 21.5228 6 16 6C10.4772 6 6 10.4772 6 16C6 21.5228 10.4772 26 16 26Z" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -687,7 +687,7 @@
</clipPath>
</defs>
</svg>
</g><title>example</title><g transform="translate(752 1539)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g><title>example</title><g transform="translate(736 1539)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3440_35088111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M14.3909 16.7965C14.7364 17.2584 15.1772 17.6406 15.6834 17.9171C16.1896 18.1938 16.7494 18.3582 17.3248 18.3993C17.9001 18.4405 18.4777 18.3575 19.0181 18.1559C19.5586 17.9543 20.0492 17.6389 20.4571 17.2309L22.8708 14.8173C23.6036 14.0586 24.0089 13.0425 23.9998 11.9877C23.9906 10.933 23.5676 9.92404 22.8217 9.17821C22.0759 8.43237 21.067 8.00931 20.0123 8.00015C18.9575 7.99098 17.9413 8.39644 17.1827 9.1292L15.7988 10.505" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -699,7 +699,7 @@
</clipPath>
</defs>
</svg>
</g></g></a><a href="example.com" xlink:href="example.com"><g id="both.package" class="linked tooltipped"><g class="shape" ><path d="M 614 1777 L 698 1777 L 698 1792 L 781 1792 L 781 1850 L 614 1850 Z" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /></g><text x="697.500000" y="1826.300000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">package</text><g transform="translate(765 1761)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g></g></a><a href="example.com" xlink:href="example.com"><g id="both.package" class="linked tooltipped"><g class="shape" ><path d="M 614 1777 L 698 1777 L 698 1792 L 781 1792 L 781 1850 L 614 1850 Z" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /></g><text x="697.500000" y="1826.300000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">package</text><g transform="translate(731 1776)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3427_35082111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M16 26C21.5228 26 26 21.5228 26 16C26 10.4772 21.5228 6 16 6C10.4772 6 6 10.4772 6 16C6 21.5228 10.4772 26 16 26Z" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -712,7 +712,7 @@
</clipPath>
</defs>
</svg>
</g><title>example</title><g transform="translate(733 1761)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g><title>example</title><g transform="translate(699 1776)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3440_35088111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M14.3909 16.7965C14.7364 17.2584 15.1772 17.6406 15.6834 17.9171C16.1896 18.1938 16.7494 18.3582 17.3248 18.3993C17.9001 18.4405 18.4777 18.3575 19.0181 18.1559C19.5586 17.9543 20.0492 17.6389 20.4571 17.2309L22.8708 14.8173C23.6036 14.0586 24.0089 13.0425 23.9998 11.9877C23.9906 10.933 23.5676 9.92404 22.8217 9.17821C22.0759 8.43237 21.067 8.00931 20.0123 8.00015C18.9575 7.99098 17.9413 8.39644 17.1827 9.1292L15.7988 10.505" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -724,7 +724,7 @@
</clipPath>
</defs>
</svg>
</g></g></a><a href="example.com" xlink:href="example.com"><g id="both.step" class="linked tooltipped"><g class="shape" ><path d="M 608 2015 L 753 2015 L 788 2066 L 753 2116 L 608 2116 L 643 2066 Z" class=" stroke-B1 fill-AB5" style="stroke-width:2;" /></g><text x="698.000000" y="2071.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">step</text><g transform="translate(772 1999)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g></g></a><a href="example.com" xlink:href="example.com"><g id="both.step" class="linked tooltipped"><g class="shape" ><path d="M 608 2015 L 753 2015 L 788 2066 L 753 2116 L 608 2116 L 643 2066 Z" class=" stroke-B1 fill-AB5" style="stroke-width:2;" /></g><text x="698.000000" y="2071.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">step</text><g transform="translate(747 2013)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3427_35082111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M16 26C21.5228 26 26 21.5228 26 16C26 10.4772 21.5228 6 16 6C10.4772 6 6 10.4772 6 16C6 21.5228 10.4772 26 16 26Z" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -737,7 +737,7 @@
</clipPath>
</defs>
</svg>
</g><title>example</title><g transform="translate(740 1999)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g><title>example</title><g transform="translate(707 1999)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3440_35088111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M14.3909 16.7965C14.7364 17.2584 15.1772 17.6406 15.6834 17.9171C16.1896 18.1938 16.7494 18.3582 17.3248 18.3993C17.9001 18.4405 18.4777 18.3575 19.0181 18.1559C19.5586 17.9543 20.0492 17.6389 20.4571 17.2309L22.8708 14.8173C23.6036 14.0586 24.0089 13.0425 23.9998 11.9877C23.9906 10.933 23.5676 9.92404 22.8217 9.17821C22.0759 8.43237 21.067 8.00931 20.0123 8.00015C18.9575 7.99098 17.9413 8.39644 17.1827 9.1292L15.7988 10.505" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -799,7 +799,7 @@
</clipPath>
</defs>
</svg>
</g></g></a><a href="example.com" xlink:href="example.com"><g id="both.person" class="linked tooltipped"><g class="shape" ><path d="M 1012 2095 H 885 V 2094 C 885 2080 899 2066 921 2060 C 909 2055 902 2047 902 2038 C 902 2022 923 2010 948 2010 C 974 2010 995 2022 995 2038 C 995 2047 988 2055 976 2060 C 998 2066 1012 2079 1012 2094 V 2095 H 1012 Z" class=" stroke-B1 fill-B3" style="stroke-width:2;" /></g><text x="948.500000" y="2116.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">person</text><g transform="translate(996 1994)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g></g></a><a href="example.com" xlink:href="example.com"><g id="both.person" class="linked tooltipped"><g class="shape" ><path d="M 1012 2095 H 885 V 2094 C 885 2080 899 2066 921 2060 C 909 2055 902 2047 902 2038 C 902 2022 923 2010 948 2010 C 974 2010 995 2022 995 2038 C 995 2047 988 2055 976 2060 C 998 2066 1012 2079 1012 2094 V 2095 H 1012 Z" class=" stroke-B1 fill-B3" style="stroke-width:2;" /></g><text x="948.500000" y="2116.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">person</text><g transform="translate(974 2009)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3427_35082111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M16 26C21.5228 26 26 21.5228 26 16C26 10.4772 21.5228 6 16 6C10.4772 6 6 10.4772 6 16C6 21.5228 10.4772 26 16 26Z" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -812,7 +812,7 @@
</clipPath>
</defs>
</svg>
</g><title>example</title><g transform="translate(964 1994)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g><title>example</title><g transform="translate(942 1995)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3440_35088111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M14.3909 16.7965C14.7364 17.2584 15.1772 17.6406 15.6834 17.9171C16.1896 18.1938 16.7494 18.3582 17.3248 18.3993C17.9001 18.4405 18.4777 18.3575 19.0181 18.1559C19.5586 17.9543 20.0492 17.6389 20.4571 17.2309L22.8708 14.8173C23.6036 14.0586 24.0089 13.0425 23.9998 11.9877C23.9906 10.933 23.5676 9.92404 22.8217 9.17821C22.0759 8.43237 21.067 8.00931 20.0123 8.00015C18.9575 7.99098 17.9413 8.39644 17.1827 9.1292L15.7988 10.505" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -824,7 +824,7 @@
</clipPath>
</defs>
</svg>
</g></g></a><a href="example.com" xlink:href="example.com"><g id="both.diamond" class="linked tooltipped"><g class="shape" ><path d="M 1230 1634 C 1229 1634 1228 1634 1227 1634 L 1089 1589 C 1088 1589 1088 1588 1089 1587 L 1227 1542 C 1228 1542 1231 1542 1232 1542 L 1370 1587 C 1371 1587 1371 1588 1370 1589 L 1233 1634 C 1232 1634 1231 1634 1230 1634 Z" class=" stroke-B1 fill-N4" style="stroke-width:2;" /></g><text x="1230.000000" y="1593.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">diamond</text><g transform="translate(1356 1526)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g></g></a><a href="example.com" xlink:href="example.com"><g id="both.diamond" class="linked tooltipped"><g class="shape" ><path d="M 1230 1634 C 1229 1634 1228 1634 1227 1634 L 1089 1589 C 1088 1589 1088 1588 1089 1587 L 1227 1542 C 1228 1542 1231 1542 1232 1542 L 1370 1587 C 1371 1587 1371 1588 1370 1589 L 1233 1634 C 1232 1634 1231 1634 1230 1634 Z" class=" stroke-B1 fill-N4" style="stroke-width:2;" /></g><text x="1230.000000" y="1593.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">diamond</text><g transform="translate(1286 1549)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3427_35082111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M16 26C21.5228 26 26 21.5228 26 16C26 10.4772 21.5228 6 16 6C10.4772 6 6 10.4772 6 16C6 21.5228 10.4772 26 16 26Z" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -837,7 +837,7 @@
</clipPath>
</defs>
</svg>
</g><title>example</title><g transform="translate(1324 1526)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g><title>example</title><g transform="translate(1256 1539)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3440_35088111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M14.3909 16.7965C14.7364 17.2584 15.1772 17.6406 15.6834 17.9171C16.1896 18.1938 16.7494 18.3582 17.3248 18.3993C17.9001 18.4405 18.4777 18.3575 19.0181 18.1559C19.5586 17.9543 20.0492 17.6389 20.4571 17.2309L22.8708 14.8173C23.6036 14.0586 24.0089 13.0425 23.9998 11.9877C23.9906 10.933 23.5676 9.92404 22.8217 9.17821C22.0759 8.43237 21.067 8.00931 20.0123 8.00015C18.9575 7.99098 17.9413 8.39644 17.1827 9.1292L15.7988 10.505" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -849,7 +849,7 @@
</clipPath>
</defs>
</svg>
</g></g></a><a href="example.com" xlink:href="example.com"><g id="both.oval" class="linked tooltipped"><g class="shape" ><ellipse rx="85.500000" ry="35.000000" cx="1230.500000" cy="1813.000000" class="shape stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1230.500000" y="1818.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">oval</text><g transform="translate(1300 1762)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g></g></a><a href="example.com" xlink:href="example.com"><g id="both.oval" class="linked tooltipped"><g class="shape" ><ellipse rx="85.500000" ry="35.000000" cx="1230.500000" cy="1813.000000" class="shape stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1230.500000" y="1818.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">oval</text><g transform="translate(1275 1772)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3427_35082111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M16 26C21.5228 26 26 21.5228 26 16C26 10.4772 21.5228 6 16 6C10.4772 6 6 10.4772 6 16C6 21.5228 10.4772 26 16 26Z" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -862,7 +862,7 @@
</clipPath>
</defs>
</svg>
</g><title>example</title><g transform="translate(1268 1762)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g><title>example</title><g transform="translate(1243 1764)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3440_35088111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M14.3909 16.7965C14.7364 17.2584 15.1772 17.6406 15.6834 17.9171C16.1896 18.1938 16.7494 18.3582 17.3248 18.3993C17.9001 18.4405 18.4777 18.3575 19.0181 18.1559C19.5586 17.9543 20.0492 17.6389 20.4571 17.2309L22.8708 14.8173C23.6036 14.0586 24.0089 13.0425 23.9998 11.9877C23.9906 10.933 23.5676 9.92404 22.8217 9.17821C22.0759 8.43237 21.067 8.00931 20.0123 8.00015C18.9575 7.99098 17.9413 8.39644 17.1827 9.1292L15.7988 10.505" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -874,7 +874,7 @@
</clipPath>
</defs>
</svg>
</g></g></a><a href="example.com" xlink:href="example.com"><g id="both.circle" class="linked tooltipped"><g class="shape" ><ellipse rx="73.500000" ry="73.500000" cx="1230.500000" cy="2065.500000" class="shape stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1230.500000" y="2071.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">circle</text><g transform="translate(1288 1976)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g></g></a><a href="example.com" xlink:href="example.com"><g id="both.circle" class="linked tooltipped"><g class="shape" ><ellipse rx="73.500000" ry="73.500000" cx="1230.500000" cy="2065.500000" class="shape stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1230.500000" y="2071.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">circle</text><g transform="translate(1266 1998)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3427_35082111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M16 26C21.5228 26 26 21.5228 26 16C26 10.4772 21.5228 6 16 6C10.4772 6 6 10.4772 6 16C6 21.5228 10.4772 26 16 26Z" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -887,7 +887,7 @@
</clipPath>
</defs>
</svg>
</g><title>example</title><g transform="translate(1256 1976)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g><title>example</title><g transform="translate(1239 1980)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3440_35088111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M14.3909 16.7965C14.7364 17.2584 15.1772 17.6406 15.6834 17.9171C16.1896 18.1938 16.7494 18.3582 17.3248 18.3993C17.9001 18.4405 18.4777 18.3575 19.0181 18.1559C19.5586 17.9543 20.0492 17.6389 20.4571 17.2309L22.8708 14.8173C23.6036 14.0586 24.0089 13.0425 23.9998 11.9877C23.9906 10.933 23.5676 9.92404 22.8217 9.17821C22.0759 8.43237 21.067 8.00931 20.0123 8.00015C18.9575 7.99098 17.9413 8.39644 17.1827 9.1292L15.7988 10.505" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -899,7 +899,7 @@
</clipPath>
</defs>
</svg>
</g></g></a><a href="example.com" xlink:href="example.com"><g id="both.hexagon" class="linked tooltipped"><g class="shape" ><path d="M 1432 1779 L 1376 1813 L 1432 1848 L 1544 1848 L 1600 1813 L 1544 1779 Z" class=" stroke-B1 fill-N5" style="stroke-width:2;" /></g><text x="1488.000000" y="1819.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">hexagon</text><g transform="translate(1584 1763)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g></g></a><a href="example.com" xlink:href="example.com"><g id="both.hexagon" class="linked tooltipped"><g class="shape" ><path d="M 1432 1779 L 1376 1813 L 1432 1848 L 1544 1848 L 1600 1813 L 1544 1779 Z" class=" stroke-B1 fill-N5" style="stroke-width:2;" /></g><text x="1488.000000" y="1819.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">hexagon</text><g transform="translate(1547 1774)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3427_35082111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M16 26C21.5228 26 26 21.5228 26 16C26 10.4772 21.5228 6 16 6C10.4772 6 6 10.4772 6 16C6 21.5228 10.4772 26 16 26Z" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -912,7 +912,7 @@
</clipPath>
</defs>
</svg>
</g><title>example</title><g transform="translate(1552 1763)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g><title>example</title><g transform="translate(1504 1763)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3440_35088111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M14.3909 16.7965C14.7364 17.2584 15.1772 17.6406 15.6834 17.9171C16.1896 18.1938 16.7494 18.3582 17.3248 18.3993C17.9001 18.4405 18.4777 18.3575 19.0181 18.1559C19.5586 17.9543 20.0492 17.6389 20.4571 17.2309L22.8708 14.8173C23.6036 14.0586 24.0089 13.0425 23.9998 11.9877C23.9906 10.933 23.5676 9.92404 22.8217 9.17821C22.0759 8.43237 21.067 8.00931 20.0123 8.00015C18.9575 7.99098 17.9413 8.39644 17.1827 9.1292L15.7988 10.505" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -924,7 +924,7 @@
</clipPath>
</defs>
</svg>
</g></g></a><a href="example.com" xlink:href="example.com"><g id="both.cloud" class="linked tooltipped"><g class="shape" ><path d="M 1427 2053 C 1427 2054 1426 2055 1425 2055 C 1410 2056 1397 2067 1397 2081 C 1397 2096 1411 2108 1428 2108 H 1545 C 1563 2108 1579 2095 1579 2080 C 1579 2065 1565 2053 1547 2052 C 1546 2052 1545 2051 1544 2050 C 1540 2035 1522 2024 1501 2024 C 1487 2024 1475 2029 1467 2036 C 1466 2037 1465 2037 1464 2037 C 1461 2036 1458 2036 1454 2036 C 1440 2036 1428 2043 1427 2053 Z" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="1487.529000" y="2087.516000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">cloud</text><g transform="translate(1563 2008)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g></g></a><a href="example.com" xlink:href="example.com"><g id="both.cloud" class="linked tooltipped"><g class="shape" ><path d="M 1427 2053 C 1427 2054 1426 2055 1425 2055 C 1410 2056 1397 2067 1397 2081 C 1397 2096 1411 2108 1428 2108 H 1545 C 1563 2108 1579 2095 1579 2080 C 1579 2065 1565 2053 1547 2052 C 1546 2052 1545 2051 1544 2050 C 1540 2035 1522 2024 1501 2024 C 1487 2024 1475 2029 1467 2036 C 1466 2037 1465 2037 1464 2037 C 1461 2036 1458 2036 1454 2036 C 1440 2036 1428 2043 1427 2053 Z" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="1487.529000" y="2087.516000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">cloud</text><g transform="translate(1524 2026)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3427_35082111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M16 26C21.5228 26 26 21.5228 26 16C26 10.4772 21.5228 6 16 6C10.4772 6 6 10.4772 6 16C6 21.5228 10.4772 26 16 26Z" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -937,7 +937,7 @@
</clipPath>
</defs>
</svg>
</g><title>example</title><g transform="translate(1531 2008)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g><title>example</title><g transform="translate(1491 2008)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3440_35088111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M14.3909 16.7965C14.7364 17.2584 15.1772 17.6406 15.6834 17.9171C16.1896 18.1938 16.7494 18.3582 17.3248 18.3993C17.9001 18.4405 18.4777 18.3575 19.0181 18.1559C19.5586 17.9543 20.0492 17.6389 20.4571 17.2309L22.8708 14.8173C23.6036 14.0586 24.0089 13.0425 23.9998 11.9877C23.9906 10.933 23.5676 9.92404 22.8217 9.17821C22.0759 8.43237 21.067 8.00931 20.0123 8.00015C18.9575 7.99098 17.9413 8.39644 17.1827 9.1292L15.7988 10.505" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 141 KiB

After

Width:  |  Height:  |  Size: 141 KiB

88
e2etests/testdata/stable/all_shapes_link/elk/sketch.exp.svg vendored
View file

@ -123,7 +123,7 @@
</clipPath>
</defs>
</svg>
</g></g></a><a href="example.com" xlink:href="example.com"><g id="linked.page" class="linked"><g class="shape" ><path d="M 199 420 H 288 C 289 420 290 420 291 421 L 308 437 C 309 438 309 439 309 440 V 507 C 309 507 309 507 309 507 H 199 C 198 507 198 507 198 507 V 421 C 198 420 198 420 199 420 Z" class=" stroke-B1 fill-AB5" style="stroke-width:2;" /><path d="M 308 507 H 199 C 198 507 198 507 198 506 V 421 C 198 420 198 420 199 420 H 287 C 288 420 288 420 288 421 V 438 C 288 439 289 440 290 440 H 308 C 309 440 309 440 309 441 V 506 C 308 507 309 507 308 507 Z" class=" stroke-B1 fill-AB5" style="stroke-width:2;" /></g><text x="253.500000" y="469.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">page</text><g transform="translate(293 404)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g></g></a><a href="example.com" xlink:href="example.com"><g id="linked.page" class="linked"><g class="shape" ><path d="M 199 420 H 288 C 289 420 290 420 291 421 L 308 437 C 309 438 309 439 309 440 V 507 C 309 507 309 507 309 507 H 199 C 198 507 198 507 198 507 V 421 C 198 420 198 420 199 420 Z" class=" stroke-B1 fill-AB5" style="stroke-width:2;" /><path d="M 308 507 H 199 C 198 507 198 507 198 506 V 421 C 198 420 198 420 199 420 H 287 C 288 420 288 420 288 421 V 438 C 288 439 289 440 290 440 H 308 C 309 440 309 440 309 441 V 506 C 308 507 309 507 308 507 Z" class=" stroke-B1 fill-AB5" style="stroke-width:2;" /></g><text x="253.500000" y="469.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">page</text><g transform="translate(283 412)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3440_35088111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M14.3909 16.7965C14.7364 17.2584 15.1772 17.6406 15.6834 17.9171C16.1896 18.1938 16.7494 18.3582 17.3248 18.3993C17.9001 18.4405 18.4777 18.3575 19.0181 18.1559C19.5586 17.9543 20.0492 17.6389 20.4571 17.2309L22.8708 14.8173C23.6036 14.0586 24.0089 13.0425 23.9998 11.9877C23.9906 10.933 23.5676 9.92404 22.8217 9.17821C22.0759 8.43237 21.067 8.00931 20.0123 8.00015C18.9575 7.99098 17.9413 8.39644 17.1827 9.1292L15.7988 10.505" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -159,7 +159,7 @@
</clipPath>
</defs>
</svg>
</g></g></a><a href="example.com" xlink:href="example.com"><g id="linked.cylinder" class="linked"><g class="shape" ><path d="M 391 444 C 391 420 452 420 459 420 C 466 420 527 420 527 444 V 514 C 527 538 466 538 459 538 C 452 538 391 538 391 514 V 444 Z" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /><path d="M 391 444 C 391 468 452 468 459 468 C 466 468 527 468 527 444" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /></g><text x="459.000000" y="496.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">cylinder</text><g transform="translate(511 404)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g></g></a><a href="example.com" xlink:href="example.com"><g id="linked.cylinder" class="linked"><g class="shape" ><path d="M 391 444 C 391 420 452 420 459 420 C 466 420 527 420 527 444 V 514 C 527 538 466 538 459 538 C 452 538 391 538 391 514 V 444 Z" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /><path d="M 391 444 C 391 468 452 468 459 468 C 466 468 527 468 527 444" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /></g><text x="459.000000" y="496.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">cylinder</text><g transform="translate(500 413)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3440_35088111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M14.3909 16.7965C14.7364 17.2584 15.1772 17.6406 15.6834 17.9171C16.1896 18.1938 16.7494 18.3582 17.3248 18.3993C17.9001 18.4405 18.4777 18.3575 19.0181 18.1559C19.5586 17.9543 20.0492 17.6389 20.4571 17.2309L22.8708 14.8173C23.6036 14.0586 24.0089 13.0425 23.9998 11.9877C23.9906 10.933 23.5676 9.92404 22.8217 9.17821C22.0759 8.43237 21.067 8.00931 20.0123 8.00015C18.9575 7.99098 17.9413 8.39644 17.1827 9.1292L15.7988 10.505" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -171,7 +171,7 @@
</clipPath>
</defs>
</svg>
</g></g></a><a href="example.com" xlink:href="example.com"><g id="linked.queue" class="linked"><g class="shape" ><path d="M 617 88 H 742 C 766 88 766 118 766 121 C 766 124 766 154 742 154 H 617 C 593 154 593 124 593 121 C 593 118 593 88 617 88 Z" class=" stroke-B1 fill-N5" style="stroke-width:2;" /><path d="M 742 88 C 718 88 718 118 718 121 C 718 124 718 154 742 154" class=" stroke-B1 fill-N5" style="stroke-width:2;" /></g><text x="667.500000" y="126.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">queue</text><g transform="translate(750 72)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g></g></a><a href="example.com" xlink:href="example.com"><g id="linked.queue" class="linked"><g class="shape" ><path d="M 617 88 H 742 C 766 88 766 118 766 121 C 766 124 766 154 742 154 H 617 C 593 154 593 124 593 121 C 593 118 593 88 617 88 Z" class=" stroke-B1 fill-N5" style="stroke-width:2;" /><path d="M 742 88 C 718 88 718 118 718 121 C 718 124 718 154 742 154" class=" stroke-B1 fill-N5" style="stroke-width:2;" /></g><text x="667.500000" y="126.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">queue</text><g transform="translate(739 76)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3440_35088111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M14.3909 16.7965C14.7364 17.2584 15.1772 17.6406 15.6834 17.9171C16.1896 18.1938 16.7494 18.3582 17.3248 18.3993C17.9001 18.4405 18.4777 18.3575 19.0181 18.1559C19.5586 17.9543 20.0492 17.6389 20.4571 17.2309L22.8708 14.8173C23.6036 14.0586 24.0089 13.0425 23.9998 11.9877C23.9906 10.933 23.5676 9.92404 22.8217 9.17821C22.0759 8.43237 21.067 8.00931 20.0123 8.00015C18.9575 7.99098 17.9413 8.39644 17.1827 9.1292L15.7988 10.505" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -183,7 +183,7 @@
</clipPath>
</defs>
</svg>
</g></g></a><a href="example.com" xlink:href="example.com"><g id="linked.package" class="linked"><g class="shape" ><path d="M 612 250 L 680 250 L 680 265 L 747 265 L 747 323 L 612 323 Z" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /></g><text x="679.500000" y="299.300000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">package</text><g transform="translate(731 234)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g></g></a><a href="example.com" xlink:href="example.com"><g id="linked.package" class="linked"><g class="shape" ><path d="M 612 250 L 680 250 L 680 265 L 747 265 L 747 323 L 612 323 Z" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /></g><text x="679.500000" y="299.300000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">package</text><g transform="translate(703 249)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3440_35088111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M14.3909 16.7965C14.7364 17.2584 15.1772 17.6406 15.6834 17.9171C16.1896 18.1938 16.7494 18.3582 17.3248 18.3993C17.9001 18.4405 18.4777 18.3575 19.0181 18.1559C19.5586 17.9543 20.0492 17.6389 20.4571 17.2309L22.8708 14.8173C23.6036 14.0586 24.0089 13.0425 23.9998 11.9877C23.9906 10.933 23.5676 9.92404 22.8217 9.17821C22.0759 8.43237 21.067 8.00931 20.0123 8.00015C18.9575 7.99098 17.9413 8.39644 17.1827 9.1292L15.7988 10.505" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -195,7 +195,7 @@
</clipPath>
</defs>
</svg>
</g></g></a><a href="example.com" xlink:href="example.com"><g id="linked.step" class="linked"><g class="shape" ><path d="M 605 420 L 718 420 L 753 471 L 718 521 L 605 521 L 640 471 Z" class=" stroke-B1 fill-AB5" style="stroke-width:2;" /></g><text x="679.000000" y="476.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">step</text><g transform="translate(737 404)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g></g></a><a href="example.com" xlink:href="example.com"><g id="linked.step" class="linked"><g class="shape" ><path d="M 605 420 L 718 420 L 753 471 L 718 521 L 605 521 L 640 471 Z" class=" stroke-B1 fill-AB5" style="stroke-width:2;" /></g><text x="679.000000" y="476.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">step</text><g transform="translate(713 420)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3440_35088111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M14.3909 16.7965C14.7364 17.2584 15.1772 17.6406 15.6834 17.9171C16.1896 18.1938 16.7494 18.3582 17.3248 18.3993C17.9001 18.4405 18.4777 18.3575 19.0181 18.1559C19.5586 17.9543 20.0492 17.6389 20.4571 17.2309L22.8708 14.8173C23.6036 14.0586 24.0089 13.0425 23.9998 11.9877C23.9906 10.933 23.5676 9.92404 22.8217 9.17821C22.0759 8.43237 21.067 8.00931 20.0123 8.00015C18.9575 7.99098 17.9413 8.39644 17.1827 9.1292L15.7988 10.505" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -231,7 +231,7 @@
</clipPath>
</defs>
</svg>
</g></g></a><a href="example.com" xlink:href="example.com"><g id="linked.person" class="linked"><g class="shape" ><path d="M 906 486 H 811 V 485 C 811 474 821 464 838 459 C 829 455 823 448 823 441 C 823 430 839 420 858 420 C 877 420 893 430 893 441 C 893 448 888 454 879 458 C 895 463 906 473 906 484 V 485 H 906 Z" class=" stroke-B1 fill-B3" style="stroke-width:2;" /></g><text x="858.500000" y="507.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">person</text><g transform="translate(890 404)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g></g></a><a href="example.com" xlink:href="example.com"><g id="linked.person" class="linked"><g class="shape" ><path d="M 906 486 H 811 V 485 C 811 474 821 464 838 459 C 829 455 823 448 823 441 C 823 430 839 420 858 420 C 877 420 893 430 893 441 C 893 448 888 454 879 458 C 895 463 906 473 906 484 V 485 H 906 Z" class=" stroke-B1 fill-B3" style="stroke-width:2;" /></g><text x="858.500000" y="507.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">person</text><g transform="translate(873 416)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3440_35088111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M14.3909 16.7965C14.7364 17.2584 15.1772 17.6406 15.6834 17.9171C16.1896 18.1938 16.7494 18.3582 17.3248 18.3993C17.9001 18.4405 18.4777 18.3575 19.0181 18.1559C19.5586 17.9543 20.0492 17.6389 20.4571 17.2309L22.8708 14.8173C23.6036 14.0586 24.0089 13.0425 23.9998 11.9877C23.9906 10.933 23.5676 9.92404 22.8217 9.17821C22.0759 8.43237 21.067 8.00931 20.0123 8.00015C18.9575 7.99098 17.9413 8.39644 17.1827 9.1292L15.7988 10.505" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -243,7 +243,7 @@
</clipPath>
</defs>
</svg>
</g></g></a><a href="example.com" xlink:href="example.com"><g id="linked.diamond" class="linked"><g class="shape" ><path d="M 1052 154 C 1051 154 1051 154 1050 154 L 943 109 C 942 109 942 108 943 107 L 1050 62 C 1051 62 1053 62 1054 62 L 1161 107 C 1162 107 1162 108 1161 109 L 1054 154 C 1053 154 1053 154 1052 154 Z" class=" stroke-B1 fill-N4" style="stroke-width:2;" /></g><text x="1052.000000" y="113.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">diamond</text><g transform="translate(1146 46)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g></g></a><a href="example.com" xlink:href="example.com"><g id="linked.diamond" class="linked"><g class="shape" ><path d="M 1052 154 C 1051 154 1051 154 1050 154 L 943 109 C 942 109 942 108 943 107 L 1050 62 C 1051 62 1053 62 1054 62 L 1161 107 C 1162 107 1162 108 1161 109 L 1054 154 C 1053 154 1053 154 1052 154 Z" class=" stroke-B1 fill-N4" style="stroke-width:2;" /></g><text x="1052.000000" y="113.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">diamond</text><g transform="translate(1092 69)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3440_35088111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M14.3909 16.7965C14.7364 17.2584 15.1772 17.6406 15.6834 17.9171C16.1896 18.1938 16.7494 18.3582 17.3248 18.3993C17.9001 18.4405 18.4777 18.3575 19.0181 18.1559C19.5586 17.9543 20.0492 17.6389 20.4571 17.2309L22.8708 14.8173C23.6036 14.0586 24.0089 13.0425 23.9998 11.9877C23.9906 10.933 23.5676 9.92404 22.8217 9.17821C22.0759 8.43237 21.067 8.00931 20.0123 8.00015C18.9575 7.99098 17.9413 8.39644 17.1827 9.1292L15.7988 10.505" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -255,7 +255,7 @@
</clipPath>
</defs>
</svg>
</g></g></a><a href="example.com" xlink:href="example.com"><g id="linked.oval" class="linked"><g class="shape" ><ellipse rx="67.000000" ry="35.000000" cx="1052.000000" cy="287.000000" class="shape stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1052.000000" y="292.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">oval</text><g transform="translate(1103 236)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g></g></a><a href="example.com" xlink:href="example.com"><g id="linked.oval" class="linked"><g class="shape" ><ellipse rx="67.000000" ry="35.000000" cx="1052.000000" cy="287.000000" class="shape stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1052.000000" y="292.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">oval</text><g transform="translate(1083 246)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3440_35088111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M14.3909 16.7965C14.7364 17.2584 15.1772 17.6406 15.6834 17.9171C16.1896 18.1938 16.7494 18.3582 17.3248 18.3993C17.9001 18.4405 18.4777 18.3575 19.0181 18.1559C19.5586 17.9543 20.0492 17.6389 20.4571 17.2309L22.8708 14.8173C23.6036 14.0586 24.0089 13.0425 23.9998 11.9877C23.9906 10.933 23.5676 9.92404 22.8217 9.17821C22.0759 8.43237 21.067 8.00931 20.0123 8.00015C18.9575 7.99098 17.9413 8.39644 17.1827 9.1292L15.7988 10.505" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -267,7 +267,7 @@
</clipPath>
</defs>
</svg>
</g></g></a><a href="example.com" xlink:href="example.com"><g id="linked.circle" class="linked"><g class="shape" ><ellipse rx="59.000000" ry="59.000000" cx="1052.000000" cy="479.000000" class="shape stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1052.000000" y="484.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">circle</text><g transform="translate(1095 404)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g></g></a><a href="example.com" xlink:href="example.com"><g id="linked.circle" class="linked"><g class="shape" ><ellipse rx="59.000000" ry="59.000000" cx="1052.000000" cy="479.000000" class="shape stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1052.000000" y="484.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">circle</text><g transform="translate(1078 421)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3440_35088111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M14.3909 16.7965C14.7364 17.2584 15.1772 17.6406 15.6834 17.9171C16.1896 18.1938 16.7494 18.3582 17.3248 18.3993C17.9001 18.4405 18.4777 18.3575 19.0181 18.1559C19.5586 17.9543 20.0492 17.6389 20.4571 17.2309L22.8708 14.8173C23.6036 14.0586 24.0089 13.0425 23.9998 11.9877C23.9906 10.933 23.5676 9.92404 22.8217 9.17821C22.0759 8.43237 21.067 8.00931 20.0123 8.00015C18.9575 7.99098 17.9413 8.39644 17.1827 9.1292L15.7988 10.505" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -279,7 +279,7 @@
</clipPath>
</defs>
</svg>
</g></g></a><a href="example.com" xlink:href="example.com"><g id="linked.hexagon" class="linked"><g class="shape" ><path d="M 1226 85 L 1182 119 L 1226 154 L 1314 154 L 1358 119 L 1314 85 Z" class=" stroke-B1 fill-N5" style="stroke-width:2;" /></g><text x="1270.000000" y="125.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">hexagon</text><g transform="translate(1342 69)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g></g></a><a href="example.com" xlink:href="example.com"><g id="linked.hexagon" class="linked"><g class="shape" ><path d="M 1226 85 L 1182 119 L 1226 154 L 1314 154 L 1358 119 L 1314 85 Z" class=" stroke-B1 fill-N5" style="stroke-width:2;" /></g><text x="1270.000000" y="125.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">hexagon</text><g transform="translate(1313 80)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3440_35088111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M14.3909 16.7965C14.7364 17.2584 15.1772 17.6406 15.6834 17.9171C16.1896 18.1938 16.7494 18.3582 17.3248 18.3993C17.9001 18.4405 18.4777 18.3575 19.0181 18.1559C19.5586 17.9543 20.0492 17.6389 20.4571 17.2309L22.8708 14.8173C23.6036 14.0586 24.0089 13.0425 23.9998 11.9877C23.9906 10.933 23.5676 9.92404 22.8217 9.17821C22.0759 8.43237 21.067 8.00931 20.0123 8.00015C18.9575 7.99098 17.9413 8.39644 17.1827 9.1292L15.7988 10.505" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -291,7 +291,7 @@
</clipPath>
</defs>
</svg>
</g></g></a><a href="example.com" xlink:href="example.com"><g id="linked.cloud" class="linked"><g class="shape" ><path d="M 1222 253 C 1222 254 1221 255 1220 255 C 1208 256 1198 267 1198 281 C 1198 296 1209 308 1222 308 H 1314 C 1329 308 1340 295 1340 280 C 1340 265 1329 253 1315 252 C 1314 252 1313 251 1313 250 C 1310 235 1296 224 1279 224 C 1268 224 1258 229 1252 236 C 1251 237 1250 237 1249 237 C 1247 236 1244 236 1241 236 C 1232 236 1223 243 1222 253 Z" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="1269.558500" y="287.516000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">cloud</text><g transform="translate(1325 208)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g></g></a><a href="example.com" xlink:href="example.com"><g id="linked.cloud" class="linked"><g class="shape" ><path d="M 1222 253 C 1222 254 1221 255 1220 255 C 1208 256 1198 267 1198 281 C 1198 296 1209 308 1222 308 H 1314 C 1329 308 1340 295 1340 280 C 1340 265 1329 253 1315 252 C 1314 252 1313 251 1313 250 C 1310 235 1296 224 1279 224 C 1268 224 1258 229 1252 236 C 1251 237 1250 237 1249 237 C 1247 236 1244 236 1241 236 C 1232 236 1223 243 1222 253 Z" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="1269.558500" y="287.516000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">cloud</text><g transform="translate(1294 226)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3440_35088111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M14.3909 16.7965C14.7364 17.2584 15.1772 17.6406 15.6834 17.9171C16.1896 18.1938 16.7494 18.3582 17.3248 18.3993C17.9001 18.4405 18.4777 18.3575 19.0181 18.1559C19.5586 17.9543 20.0492 17.6389 20.4571 17.2309L22.8708 14.8173C23.6036 14.0586 24.0089 13.0425 23.9998 11.9877C23.9906 10.933 23.5676 9.92404 22.8217 9.17821C22.0759 8.43237 21.067 8.00931 20.0123 8.00015C18.9575 7.99098 17.9413 8.39644 17.1827 9.1292L15.7988 10.505" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -329,7 +329,7 @@
</clipPath>
</defs>
</svg>
</g><title>example</title></g><g id="tooltipped.page" class="tooltipped"><g class="shape" ><path d="M 199 1066 H 288 C 289 1066 290 1066 291 1067 L 308 1083 C 309 1084 309 1085 309 1086 V 1153 C 309 1153 309 1153 309 1153 H 199 C 198 1153 198 1153 198 1153 V 1067 C 198 1066 198 1066 199 1066 Z" class=" stroke-B1 fill-AB5" style="stroke-width:2;" /><path d="M 308 1153 H 199 C 198 1153 198 1153 198 1152 V 1067 C 198 1066 198 1066 199 1066 H 287 C 288 1066 288 1066 288 1067 V 1084 C 288 1085 289 1086 290 1086 H 308 C 309 1086 309 1086 309 1087 V 1152 C 308 1153 309 1153 308 1153 Z" class=" stroke-B1 fill-AB5" style="stroke-width:2;" /></g><text x="253.500000" y="1115.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">page</text><g transform="translate(293 1050)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g><title>example</title></g><g id="tooltipped.page" class="tooltipped"><g class="shape" ><path d="M 199 1066 H 288 C 289 1066 290 1066 291 1067 L 308 1083 C 309 1084 309 1085 309 1086 V 1153 C 309 1153 309 1153 309 1153 H 199 C 198 1153 198 1153 198 1153 V 1067 C 198 1066 198 1066 199 1066 Z" class=" stroke-B1 fill-AB5" style="stroke-width:2;" /><path d="M 308 1153 H 199 C 198 1153 198 1153 198 1152 V 1067 C 198 1066 198 1066 199 1066 H 287 C 288 1066 288 1066 288 1067 V 1084 C 288 1085 289 1086 290 1086 H 308 C 309 1086 309 1086 309 1087 V 1152 C 308 1153 309 1153 308 1153 Z" class=" stroke-B1 fill-AB5" style="stroke-width:2;" /></g><text x="253.500000" y="1115.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">page</text><g transform="translate(283 1058)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3427_35082111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M16 26C21.5228 26 26 21.5228 26 16C26 10.4772 21.5228 6 16 6C10.4772 6 6 10.4772 6 16C6 21.5228 10.4772 26 16 26Z" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -368,7 +368,7 @@
</clipPath>
</defs>
</svg>
</g><title>example</title></g><g id="tooltipped.cylinder" class="tooltipped"><g class="shape" ><path d="M 391 1090 C 391 1066 452 1066 459 1066 C 466 1066 527 1066 527 1090 V 1160 C 527 1184 466 1184 459 1184 C 452 1184 391 1184 391 1160 V 1090 Z" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /><path d="M 391 1090 C 391 1114 452 1114 459 1114 C 466 1114 527 1114 527 1090" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /></g><text x="459.000000" y="1142.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">cylinder</text><g transform="translate(511 1050)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g><title>example</title></g><g id="tooltipped.cylinder" class="tooltipped"><g class="shape" ><path d="M 391 1090 C 391 1066 452 1066 459 1066 C 466 1066 527 1066 527 1090 V 1160 C 527 1184 466 1184 459 1184 C 452 1184 391 1184 391 1160 V 1090 Z" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /><path d="M 391 1090 C 391 1114 452 1114 459 1114 C 466 1114 527 1114 527 1090" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /></g><text x="459.000000" y="1142.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">cylinder</text><g transform="translate(500 1059)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3427_35082111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M16 26C21.5228 26 26 21.5228 26 16C26 10.4772 21.5228 6 16 6C10.4772 6 6 10.4772 6 16C6 21.5228 10.4772 26 16 26Z" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -381,7 +381,7 @@
</clipPath>
</defs>
</svg>
</g><title>example</title></g><g id="tooltipped.queue" class="tooltipped"><g class="shape" ><path d="M 617 734 H 742 C 766 734 766 764 766 767 C 766 770 766 800 742 800 H 617 C 593 800 593 770 593 767 C 593 764 593 734 617 734 Z" class=" stroke-B1 fill-N5" style="stroke-width:2;" /><path d="M 742 734 C 718 734 718 764 718 767 C 718 770 718 800 742 800" class=" stroke-B1 fill-N5" style="stroke-width:2;" /></g><text x="667.500000" y="772.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">queue</text><g transform="translate(750 718)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g><title>example</title></g><g id="tooltipped.queue" class="tooltipped"><g class="shape" ><path d="M 617 734 H 742 C 766 734 766 764 766 767 C 766 770 766 800 742 800 H 617 C 593 800 593 770 593 767 C 593 764 593 734 617 734 Z" class=" stroke-B1 fill-N5" style="stroke-width:2;" /><path d="M 742 734 C 718 734 718 764 718 767 C 718 770 718 800 742 800" class=" stroke-B1 fill-N5" style="stroke-width:2;" /></g><text x="667.500000" y="772.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">queue</text><g transform="translate(739 722)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3427_35082111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M16 26C21.5228 26 26 21.5228 26 16C26 10.4772 21.5228 6 16 6C10.4772 6 6 10.4772 6 16C6 21.5228 10.4772 26 16 26Z" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -394,7 +394,7 @@
</clipPath>
</defs>
</svg>
</g><title>example</title></g><g id="tooltipped.package" class="tooltipped"><g class="shape" ><path d="M 612 896 L 680 896 L 680 911 L 747 911 L 747 969 L 612 969 Z" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /></g><text x="679.500000" y="945.300000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">package</text><g transform="translate(731 880)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g><title>example</title></g><g id="tooltipped.package" class="tooltipped"><g class="shape" ><path d="M 612 896 L 680 896 L 680 911 L 747 911 L 747 969 L 612 969 Z" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /></g><text x="679.500000" y="945.300000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">package</text><g transform="translate(703 895)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3427_35082111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M16 26C21.5228 26 26 21.5228 26 16C26 10.4772 21.5228 6 16 6C10.4772 6 6 10.4772 6 16C6 21.5228 10.4772 26 16 26Z" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -407,7 +407,7 @@
</clipPath>
</defs>
</svg>
</g><title>example</title></g><g id="tooltipped.step" class="tooltipped"><g class="shape" ><path d="M 605 1066 L 718 1066 L 753 1117 L 718 1167 L 605 1167 L 640 1117 Z" class=" stroke-B1 fill-AB5" style="stroke-width:2;" /></g><text x="679.000000" y="1122.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">step</text><g transform="translate(737 1050)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g><title>example</title></g><g id="tooltipped.step" class="tooltipped"><g class="shape" ><path d="M 605 1066 L 718 1066 L 753 1117 L 718 1167 L 605 1167 L 640 1117 Z" class=" stroke-B1 fill-AB5" style="stroke-width:2;" /></g><text x="679.000000" y="1122.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">step</text><g transform="translate(713 1066)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3427_35082111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M16 26C21.5228 26 26 21.5228 26 16C26 10.4772 21.5228 6 16 6C10.4772 6 6 10.4772 6 16C6 21.5228 10.4772 26 16 26Z" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -446,7 +446,7 @@
</clipPath>
</defs>
</svg>
</g><title>example</title></g><g id="tooltipped.person" class="tooltipped"><g class="shape" ><path d="M 906 1132 H 811 V 1131 C 811 1120 821 1110 838 1105 C 829 1101 823 1094 823 1087 C 823 1076 839 1066 858 1066 C 877 1066 893 1076 893 1087 C 893 1094 888 1100 879 1104 C 895 1109 906 1119 906 1130 V 1131 H 906 Z" class=" stroke-B1 fill-B3" style="stroke-width:2;" /></g><text x="858.500000" y="1153.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">person</text><g transform="translate(890 1050)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g><title>example</title></g><g id="tooltipped.person" class="tooltipped"><g class="shape" ><path d="M 906 1132 H 811 V 1131 C 811 1120 821 1110 838 1105 C 829 1101 823 1094 823 1087 C 823 1076 839 1066 858 1066 C 877 1066 893 1076 893 1087 C 893 1094 888 1100 879 1104 C 895 1109 906 1119 906 1130 V 1131 H 906 Z" class=" stroke-B1 fill-B3" style="stroke-width:2;" /></g><text x="858.500000" y="1153.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">person</text><g transform="translate(873 1062)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3427_35082111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M16 26C21.5228 26 26 21.5228 26 16C26 10.4772 21.5228 6 16 6C10.4772 6 6 10.4772 6 16C6 21.5228 10.4772 26 16 26Z" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -459,7 +459,7 @@
</clipPath>
</defs>
</svg>
</g><title>example</title></g><g id="tooltipped.diamond" class="tooltipped"><g class="shape" ><path d="M 1052 800 C 1051 800 1051 800 1050 800 L 943 755 C 942 755 942 754 943 753 L 1050 708 C 1051 708 1053 708 1054 708 L 1161 753 C 1162 753 1162 754 1161 755 L 1054 800 C 1053 800 1053 800 1052 800 Z" class=" stroke-B1 fill-N4" style="stroke-width:2;" /></g><text x="1052.000000" y="759.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">diamond</text><g transform="translate(1146 692)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g><title>example</title></g><g id="tooltipped.diamond" class="tooltipped"><g class="shape" ><path d="M 1052 800 C 1051 800 1051 800 1050 800 L 943 755 C 942 755 942 754 943 753 L 1050 708 C 1051 708 1053 708 1054 708 L 1161 753 C 1162 753 1162 754 1161 755 L 1054 800 C 1053 800 1053 800 1052 800 Z" class=" stroke-B1 fill-N4" style="stroke-width:2;" /></g><text x="1052.000000" y="759.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">diamond</text><g transform="translate(1092 715)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3427_35082111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M16 26C21.5228 26 26 21.5228 26 16C26 10.4772 21.5228 6 16 6C10.4772 6 6 10.4772 6 16C6 21.5228 10.4772 26 16 26Z" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -472,7 +472,7 @@
</clipPath>
</defs>
</svg>
</g><title>example</title></g><g id="tooltipped.oval" class="tooltipped"><g class="shape" ><ellipse rx="67.000000" ry="35.000000" cx="1052.000000" cy="933.000000" class="shape stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1052.000000" y="938.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">oval</text><g transform="translate(1103 882)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g><title>example</title></g><g id="tooltipped.oval" class="tooltipped"><g class="shape" ><ellipse rx="67.000000" ry="35.000000" cx="1052.000000" cy="933.000000" class="shape stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1052.000000" y="938.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">oval</text><g transform="translate(1083 892)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3427_35082111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M16 26C21.5228 26 26 21.5228 26 16C26 10.4772 21.5228 6 16 6C10.4772 6 6 10.4772 6 16C6 21.5228 10.4772 26 16 26Z" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -485,7 +485,7 @@
</clipPath>
</defs>
</svg>
</g><title>example</title></g><g id="tooltipped.circle" class="tooltipped"><g class="shape" ><ellipse rx="59.000000" ry="59.000000" cx="1052.000000" cy="1125.000000" class="shape stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1052.000000" y="1130.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">circle</text><g transform="translate(1095 1050)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g><title>example</title></g><g id="tooltipped.circle" class="tooltipped"><g class="shape" ><ellipse rx="59.000000" ry="59.000000" cx="1052.000000" cy="1125.000000" class="shape stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1052.000000" y="1130.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">circle</text><g transform="translate(1078 1067)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3427_35082111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M16 26C21.5228 26 26 21.5228 26 16C26 10.4772 21.5228 6 16 6C10.4772 6 6 10.4772 6 16C6 21.5228 10.4772 26 16 26Z" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -498,7 +498,7 @@
</clipPath>
</defs>
</svg>
</g><title>example</title></g><g id="tooltipped.hexagon" class="tooltipped"><g class="shape" ><path d="M 1226 731 L 1182 765 L 1226 800 L 1314 800 L 1358 765 L 1314 731 Z" class=" stroke-B1 fill-N5" style="stroke-width:2;" /></g><text x="1270.000000" y="771.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">hexagon</text><g transform="translate(1342 715)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g><title>example</title></g><g id="tooltipped.hexagon" class="tooltipped"><g class="shape" ><path d="M 1226 731 L 1182 765 L 1226 800 L 1314 800 L 1358 765 L 1314 731 Z" class=" stroke-B1 fill-N5" style="stroke-width:2;" /></g><text x="1270.000000" y="771.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">hexagon</text><g transform="translate(1313 726)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3427_35082111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M16 26C21.5228 26 26 21.5228 26 16C26 10.4772 21.5228 6 16 6C10.4772 6 6 10.4772 6 16C6 21.5228 10.4772 26 16 26Z" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -511,7 +511,7 @@
</clipPath>
</defs>
</svg>
</g><title>example</title></g><g id="tooltipped.cloud" class="tooltipped"><g class="shape" ><path d="M 1222 899 C 1222 900 1221 901 1220 901 C 1208 902 1198 913 1198 927 C 1198 942 1209 954 1222 954 H 1314 C 1329 954 1340 941 1340 926 C 1340 911 1329 899 1315 898 C 1314 898 1313 897 1313 896 C 1310 881 1296 870 1279 870 C 1268 870 1258 875 1252 882 C 1251 883 1250 883 1249 883 C 1247 882 1244 882 1241 882 C 1232 882 1223 889 1222 899 Z" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="1269.558500" y="933.516000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">cloud</text><g transform="translate(1325 854)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g><title>example</title></g><g id="tooltipped.cloud" class="tooltipped"><g class="shape" ><path d="M 1222 899 C 1222 900 1221 901 1220 901 C 1208 902 1198 913 1198 927 C 1198 942 1209 954 1222 954 H 1314 C 1329 954 1340 941 1340 926 C 1340 911 1329 899 1315 898 C 1314 898 1313 897 1313 896 C 1310 881 1296 870 1279 870 C 1268 870 1258 875 1252 882 C 1251 883 1250 883 1249 883 C 1247 882 1244 882 1241 882 C 1232 882 1223 889 1222 899 Z" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="1269.558500" y="933.516000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">cloud</text><g transform="translate(1294 872)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3427_35082111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M16 26C21.5228 26 26 21.5228 26 16C26 10.4772 21.5228 6 16 6C10.4772 6 6 10.4772 6 16C6 21.5228 10.4772 26 16 26Z" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -574,7 +574,7 @@
</clipPath>
</defs>
</svg>
</g></g></a><a href="example.com" xlink:href="example.com"><g id="both.page" class="linked tooltipped"><g class="shape" ><path d="M 79 1744 H 200 C 201 1744 202 1744 203 1745 L 220 1761 C 221 1762 221 1763 221 1764 V 1831 C 221 1831 221 1831 221 1831 H 79 C 78 1831 78 1831 78 1831 V 1745 C 78 1744 78 1744 79 1744 Z" class=" stroke-B1 fill-AB5" style="stroke-width:2;" /><path d="M 220 1831 H 79 C 78 1831 78 1831 78 1830 V 1745 C 78 1744 78 1744 79 1744 H 199 C 200 1744 200 1744 200 1745 V 1762 C 200 1763 201 1764 202 1764 H 220 C 221 1764 221 1764 221 1765 V 1830 C 220 1831 221 1831 220 1831 Z" class=" stroke-B1 fill-AB5" style="stroke-width:2;" /></g><text x="149.500000" y="1793.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">page</text><g transform="translate(205 1728)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g></g></a><a href="example.com" xlink:href="example.com"><g id="both.page" class="linked tooltipped"><g class="shape" ><path d="M 79 1744 H 200 C 201 1744 202 1744 203 1745 L 220 1761 C 221 1762 221 1763 221 1764 V 1831 C 221 1831 221 1831 221 1831 H 79 C 78 1831 78 1831 78 1831 V 1745 C 78 1744 78 1744 79 1744 Z" class=" stroke-B1 fill-AB5" style="stroke-width:2;" /><path d="M 220 1831 H 79 C 78 1831 78 1831 78 1830 V 1745 C 78 1744 78 1744 79 1744 H 199 C 200 1744 200 1744 200 1745 V 1762 C 200 1763 201 1764 202 1764 H 220 C 221 1764 221 1764 221 1765 V 1830 C 220 1831 221 1831 220 1831 Z" class=" stroke-B1 fill-AB5" style="stroke-width:2;" /></g><text x="149.500000" y="1793.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">page</text><g transform="translate(193 1735)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3427_35082111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M16 26C21.5228 26 26 21.5228 26 16C26 10.4772 21.5228 6 16 6C10.4772 6 6 10.4772 6 16C6 21.5228 10.4772 26 16 26Z" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -587,7 +587,7 @@
</clipPath>
</defs>
</svg>
</g><title>example</title><g transform="translate(173 1728)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g><title>example</title><g transform="translate(157 1728)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3440_35088111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M14.3909 16.7965C14.7364 17.2584 15.1772 17.6406 15.6834 17.9171C16.1896 18.1938 16.7494 18.3582 17.3248 18.3993C17.9001 18.4405 18.4777 18.3575 19.0181 18.1559C19.5586 17.9543 20.0492 17.6389 20.4571 17.2309L22.8708 14.8173C23.6036 14.0586 24.0089 13.0425 23.9998 11.9877C23.9906 10.933 23.5676 9.92404 22.8217 9.17821C22.0759 8.43237 21.067 8.00931 20.0123 8.00015C18.9575 7.99098 17.9413 8.39644 17.1827 9.1292L15.7988 10.505" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -649,7 +649,7 @@
</clipPath>
</defs>
</svg>
</g></g></a><a href="example.com" xlink:href="example.com"><g id="both.cylinder" class="linked tooltipped"><g class="shape" ><path d="M 303 1768 C 303 1744 379 1744 387 1744 C 395 1744 471 1744 471 1768 V 1838 C 471 1862 395 1862 387 1862 C 379 1862 303 1862 303 1838 V 1768 Z" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /><path d="M 303 1768 C 303 1792 379 1792 387 1792 C 395 1792 471 1792 471 1768" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /></g><text x="387.000000" y="1820.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">cylinder</text><g transform="translate(455 1728)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g></g></a><a href="example.com" xlink:href="example.com"><g id="both.cylinder" class="linked tooltipped"><g class="shape" ><path d="M 303 1768 C 303 1744 379 1744 387 1744 C 395 1744 471 1744 471 1768 V 1838 C 471 1862 395 1862 387 1862 C 379 1862 303 1862 303 1838 V 1768 Z" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /><path d="M 303 1768 C 303 1792 379 1792 387 1792 C 395 1792 471 1792 471 1768" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /></g><text x="387.000000" y="1820.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">cylinder</text><g transform="translate(442 1737)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3427_35082111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M16 26C21.5228 26 26 21.5228 26 16C26 10.4772 21.5228 6 16 6C10.4772 6 6 10.4772 6 16C6 21.5228 10.4772 26 16 26Z" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -662,7 +662,7 @@
</clipPath>
</defs>
</svg>
</g><title>example</title><g transform="translate(423 1728)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g><title>example</title><g transform="translate(410 1730)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3440_35088111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M14.3909 16.7965C14.7364 17.2584 15.1772 17.6406 15.6834 17.9171C16.1896 18.1938 16.7494 18.3582 17.3248 18.3993C17.9001 18.4405 18.4777 18.3575 19.0181 18.1559C19.5586 17.9543 20.0492 17.6389 20.4571 17.2309L22.8708 14.8173C23.6036 14.0586 24.0089 13.0425 23.9998 11.9877C23.9906 10.933 23.5676 9.92404 22.8217 9.17821C22.0759 8.43237 21.067 8.00931 20.0123 8.00015C18.9575 7.99098 17.9413 8.39644 17.1827 9.1292L15.7988 10.505" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -674,7 +674,7 @@
</clipPath>
</defs>
</svg>
</g></g></a><a href="example.com" xlink:href="example.com"><g id="both.queue" class="linked tooltipped"><g class="shape" ><path d="M 561 1380 H 718 C 742 1380 742 1410 742 1413 C 742 1416 742 1446 718 1446 H 561 C 537 1446 537 1416 537 1413 C 537 1410 537 1380 561 1380 Z" class=" stroke-B1 fill-N5" style="stroke-width:2;" /><path d="M 718 1380 C 694 1380 694 1410 694 1413 C 694 1416 694 1446 718 1446" class=" stroke-B1 fill-N5" style="stroke-width:2;" /></g><text x="627.500000" y="1418.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">queue</text><g transform="translate(726 1364)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g></g></a><a href="example.com" xlink:href="example.com"><g id="both.queue" class="linked tooltipped"><g class="shape" ><path d="M 561 1380 H 718 C 742 1380 742 1410 742 1413 C 742 1416 742 1446 718 1446 H 561 C 537 1446 537 1416 537 1413 C 537 1410 537 1380 561 1380 Z" class=" stroke-B1 fill-N5" style="stroke-width:2;" /><path d="M 718 1380 C 694 1380 694 1410 694 1413 C 694 1416 694 1446 718 1446" class=" stroke-B1 fill-N5" style="stroke-width:2;" /></g><text x="627.500000" y="1418.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">queue</text><g transform="translate(715 1368)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3427_35082111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M16 26C21.5228 26 26 21.5228 26 16C26 10.4772 21.5228 6 16 6C10.4772 6 6 10.4772 6 16C6 21.5228 10.4772 26 16 26Z" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -687,7 +687,7 @@
</clipPath>
</defs>
</svg>
</g><title>example</title><g transform="translate(694 1364)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g><title>example</title><g transform="translate(678 1364)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3440_35088111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M14.3909 16.7965C14.7364 17.2584 15.1772 17.6406 15.6834 17.9171C16.1896 18.1938 16.7494 18.3582 17.3248 18.3993C17.9001 18.4405 18.4777 18.3575 19.0181 18.1559C19.5586 17.9543 20.0492 17.6389 20.4571 17.2309L22.8708 14.8173C23.6036 14.0586 24.0089 13.0425 23.9998 11.9877C23.9906 10.933 23.5676 9.92404 22.8217 9.17821C22.0759 8.43237 21.067 8.00931 20.0123 8.00015C18.9575 7.99098 17.9413 8.39644 17.1827 9.1292L15.7988 10.505" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -699,7 +699,7 @@
</clipPath>
</defs>
</svg>
</g></g></a><a href="example.com" xlink:href="example.com"><g id="both.package" class="linked tooltipped"><g class="shape" ><path d="M 556 1558 L 640 1558 L 640 1573 L 723 1573 L 723 1631 L 556 1631 Z" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /></g><text x="639.500000" y="1607.300000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">package</text><g transform="translate(707 1542)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g></g></a><a href="example.com" xlink:href="example.com"><g id="both.package" class="linked tooltipped"><g class="shape" ><path d="M 556 1558 L 640 1558 L 640 1573 L 723 1573 L 723 1631 L 556 1631 Z" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /></g><text x="639.500000" y="1607.300000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">package</text><g transform="translate(673 1557)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3427_35082111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M16 26C21.5228 26 26 21.5228 26 16C26 10.4772 21.5228 6 16 6C10.4772 6 6 10.4772 6 16C6 21.5228 10.4772 26 16 26Z" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -712,7 +712,7 @@
</clipPath>
</defs>
</svg>
</g><title>example</title><g transform="translate(675 1542)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g><title>example</title><g transform="translate(641 1557)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3440_35088111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M14.3909 16.7965C14.7364 17.2584 15.1772 17.6406 15.6834 17.9171C16.1896 18.1938 16.7494 18.3582 17.3248 18.3993C17.9001 18.4405 18.4777 18.3575 19.0181 18.1559C19.5586 17.9543 20.0492 17.6389 20.4571 17.2309L22.8708 14.8173C23.6036 14.0586 24.0089 13.0425 23.9998 11.9877C23.9906 10.933 23.5676 9.92404 22.8217 9.17821C22.0759 8.43237 21.067 8.00931 20.0123 8.00015C18.9575 7.99098 17.9413 8.39644 17.1827 9.1292L15.7988 10.505" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -724,7 +724,7 @@
</clipPath>
</defs>
</svg>
</g></g></a><a href="example.com" xlink:href="example.com"><g id="both.step" class="linked tooltipped"><g class="shape" ><path d="M 549 1744 L 694 1744 L 729 1795 L 694 1845 L 549 1845 L 584 1795 Z" class=" stroke-B1 fill-AB5" style="stroke-width:2;" /></g><text x="639.000000" y="1800.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">step</text><g transform="translate(713 1728)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g></g></a><a href="example.com" xlink:href="example.com"><g id="both.step" class="linked tooltipped"><g class="shape" ><path d="M 549 1744 L 694 1744 L 729 1795 L 694 1845 L 549 1845 L 584 1795 Z" class=" stroke-B1 fill-AB5" style="stroke-width:2;" /></g><text x="639.000000" y="1800.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">step</text><g transform="translate(688 1742)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3427_35082111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M16 26C21.5228 26 26 21.5228 26 16C26 10.4772 21.5228 6 16 6C10.4772 6 6 10.4772 6 16C6 21.5228 10.4772 26 16 26Z" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -737,7 +737,7 @@
</clipPath>
</defs>
</svg>
</g><title>example</title><g transform="translate(681 1728)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g><title>example</title><g transform="translate(648 1728)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3440_35088111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M14.3909 16.7965C14.7364 17.2584 15.1772 17.6406 15.6834 17.9171C16.1896 18.1938 16.7494 18.3582 17.3248 18.3993C17.9001 18.4405 18.4777 18.3575 19.0181 18.1559C19.5586 17.9543 20.0492 17.6389 20.4571 17.2309L22.8708 14.8173C23.6036 14.0586 24.0089 13.0425 23.9998 11.9877C23.9906 10.933 23.5676 9.92404 22.8217 9.17821C22.0759 8.43237 21.067 8.00931 20.0123 8.00015C18.9575 7.99098 17.9413 8.39644 17.1827 9.1292L15.7988 10.505" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -799,7 +799,7 @@
</clipPath>
</defs>
</svg>
</g></g></a><a href="example.com" xlink:href="example.com"><g id="both.person" class="linked tooltipped"><g class="shape" ><path d="M 914 1829 H 787 V 1828 C 787 1814 801 1800 823 1794 C 811 1789 804 1781 804 1772 C 804 1756 825 1744 850 1744 C 876 1744 897 1756 897 1772 C 897 1781 890 1789 878 1794 C 900 1800 914 1813 914 1828 V 1829 H 914 Z" class=" stroke-B1 fill-B3" style="stroke-width:2;" /></g><text x="850.500000" y="1850.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">person</text><g transform="translate(898 1728)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g></g></a><a href="example.com" xlink:href="example.com"><g id="both.person" class="linked tooltipped"><g class="shape" ><path d="M 914 1829 H 787 V 1828 C 787 1814 801 1800 823 1794 C 811 1789 804 1781 804 1772 C 804 1756 825 1744 850 1744 C 876 1744 897 1756 897 1772 C 897 1781 890 1789 878 1794 C 900 1800 914 1813 914 1828 V 1829 H 914 Z" class=" stroke-B1 fill-B3" style="stroke-width:2;" /></g><text x="850.500000" y="1850.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">person</text><g transform="translate(876 1743)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3427_35082111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M16 26C21.5228 26 26 21.5228 26 16C26 10.4772 21.5228 6 16 6C10.4772 6 6 10.4772 6 16C6 21.5228 10.4772 26 16 26Z" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -812,7 +812,7 @@
</clipPath>
</defs>
</svg>
</g><title>example</title><g transform="translate(866 1728)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g><title>example</title><g transform="translate(844 1729)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3440_35088111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M14.3909 16.7965C14.7364 17.2584 15.1772 17.6406 15.6834 17.9171C16.1896 18.1938 16.7494 18.3582 17.3248 18.3993C17.9001 18.4405 18.4777 18.3575 19.0181 18.1559C19.5586 17.9543 20.0492 17.6389 20.4571 17.2309L22.8708 14.8173C23.6036 14.0586 24.0089 13.0425 23.9998 11.9877C23.9906 10.933 23.5676 9.92404 22.8217 9.17821C22.0759 8.43237 21.067 8.00931 20.0123 8.00015C18.9575 7.99098 17.9413 8.39644 17.1827 9.1292L15.7988 10.505" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -824,7 +824,7 @@
</clipPath>
</defs>
</svg>
</g></g></a><a href="example.com" xlink:href="example.com"><g id="both.diamond" class="linked tooltipped"><g class="shape" ><path d="M 1092 1446 C 1091 1446 1090 1446 1089 1446 L 951 1401 C 950 1401 950 1400 951 1399 L 1089 1354 C 1090 1354 1093 1354 1094 1354 L 1232 1399 C 1233 1399 1233 1400 1232 1401 L 1095 1446 C 1094 1446 1093 1446 1092 1446 Z" class=" stroke-B1 fill-N4" style="stroke-width:2;" /></g><text x="1092.000000" y="1405.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">diamond</text><g transform="translate(1218 1338)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g></g></a><a href="example.com" xlink:href="example.com"><g id="both.diamond" class="linked tooltipped"><g class="shape" ><path d="M 1092 1446 C 1091 1446 1090 1446 1089 1446 L 951 1401 C 950 1401 950 1400 951 1399 L 1089 1354 C 1090 1354 1093 1354 1094 1354 L 1232 1399 C 1233 1399 1233 1400 1232 1401 L 1095 1446 C 1094 1446 1093 1446 1092 1446 Z" class=" stroke-B1 fill-N4" style="stroke-width:2;" /></g><text x="1092.000000" y="1405.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">diamond</text><g transform="translate(1148 1361)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3427_35082111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M16 26C21.5228 26 26 21.5228 26 16C26 10.4772 21.5228 6 16 6C10.4772 6 6 10.4772 6 16C6 21.5228 10.4772 26 16 26Z" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -837,7 +837,7 @@
</clipPath>
</defs>
</svg>
</g><title>example</title><g transform="translate(1186 1338)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g><title>example</title><g transform="translate(1118 1351)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3440_35088111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M14.3909 16.7965C14.7364 17.2584 15.1772 17.6406 15.6834 17.9171C16.1896 18.1938 16.7494 18.3582 17.3248 18.3993C17.9001 18.4405 18.4777 18.3575 19.0181 18.1559C19.5586 17.9543 20.0492 17.6389 20.4571 17.2309L22.8708 14.8173C23.6036 14.0586 24.0089 13.0425 23.9998 11.9877C23.9906 10.933 23.5676 9.92404 22.8217 9.17821C22.0759 8.43237 21.067 8.00931 20.0123 8.00015C18.9575 7.99098 17.9413 8.39644 17.1827 9.1292L15.7988 10.505" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -849,7 +849,7 @@
</clipPath>
</defs>
</svg>
</g></g></a><a href="example.com" xlink:href="example.com"><g id="both.oval" class="linked tooltipped"><g class="shape" ><ellipse rx="85.500000" ry="35.000000" cx="1091.500000" cy="1595.000000" class="shape stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1091.500000" y="1600.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">oval</text><g transform="translate(1161 1544)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g></g></a><a href="example.com" xlink:href="example.com"><g id="both.oval" class="linked tooltipped"><g class="shape" ><ellipse rx="85.500000" ry="35.000000" cx="1091.500000" cy="1595.000000" class="shape stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1091.500000" y="1600.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">oval</text><g transform="translate(1136 1554)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3427_35082111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M16 26C21.5228 26 26 21.5228 26 16C26 10.4772 21.5228 6 16 6C10.4772 6 6 10.4772 6 16C6 21.5228 10.4772 26 16 26Z" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -862,7 +862,7 @@
</clipPath>
</defs>
</svg>
</g><title>example</title><g transform="translate(1129 1544)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g><title>example</title><g transform="translate(1104 1546)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3440_35088111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M14.3909 16.7965C14.7364 17.2584 15.1772 17.6406 15.6834 17.9171C16.1896 18.1938 16.7494 18.3582 17.3248 18.3993C17.9001 18.4405 18.4777 18.3575 19.0181 18.1559C19.5586 17.9543 20.0492 17.6389 20.4571 17.2309L22.8708 14.8173C23.6036 14.0586 24.0089 13.0425 23.9998 11.9877C23.9906 10.933 23.5676 9.92404 22.8217 9.17821C22.0759 8.43237 21.067 8.00931 20.0123 8.00015C18.9575 7.99098 17.9413 8.39644 17.1827 9.1292L15.7988 10.505" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -874,7 +874,7 @@
</clipPath>
</defs>
</svg>
</g></g></a><a href="example.com" xlink:href="example.com"><g id="both.circle" class="linked tooltipped"><g class="shape" ><ellipse rx="73.500000" ry="73.500000" cx="1091.500000" cy="1817.500000" class="shape stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1091.500000" y="1823.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">circle</text><g transform="translate(1149 1728)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g></g></a><a href="example.com" xlink:href="example.com"><g id="both.circle" class="linked tooltipped"><g class="shape" ><ellipse rx="73.500000" ry="73.500000" cx="1091.500000" cy="1817.500000" class="shape stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1091.500000" y="1823.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">circle</text><g transform="translate(1127 1750)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3427_35082111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M16 26C21.5228 26 26 21.5228 26 16C26 10.4772 21.5228 6 16 6C10.4772 6 6 10.4772 6 16C6 21.5228 10.4772 26 16 26Z" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -887,7 +887,7 @@
</clipPath>
</defs>
</svg>
</g><title>example</title><g transform="translate(1117 1728)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g><title>example</title><g transform="translate(1100 1732)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3440_35088111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M14.3909 16.7965C14.7364 17.2584 15.1772 17.6406 15.6834 17.9171C16.1896 18.1938 16.7494 18.3582 17.3248 18.3993C17.9001 18.4405 18.4777 18.3575 19.0181 18.1559C19.5586 17.9543 20.0492 17.6389 20.4571 17.2309L22.8708 14.8173C23.6036 14.0586 24.0089 13.0425 23.9998 11.9877C23.9906 10.933 23.5676 9.92404 22.8217 9.17821C22.0759 8.43237 21.067 8.00931 20.0123 8.00015C18.9575 7.99098 17.9413 8.39644 17.1827 9.1292L15.7988 10.505" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -899,7 +899,7 @@
</clipPath>
</defs>
</svg>
</g></g></a><a href="example.com" xlink:href="example.com"><g id="both.hexagon" class="linked tooltipped"><g class="shape" ><path d="M 1310 1377 L 1254 1411 L 1310 1446 L 1422 1446 L 1478 1411 L 1422 1377 Z" class=" stroke-B1 fill-N5" style="stroke-width:2;" /></g><text x="1366.000000" y="1417.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">hexagon</text><g transform="translate(1462 1361)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g></g></a><a href="example.com" xlink:href="example.com"><g id="both.hexagon" class="linked tooltipped"><g class="shape" ><path d="M 1310 1377 L 1254 1411 L 1310 1446 L 1422 1446 L 1478 1411 L 1422 1377 Z" class=" stroke-B1 fill-N5" style="stroke-width:2;" /></g><text x="1366.000000" y="1417.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">hexagon</text><g transform="translate(1425 1372)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3427_35082111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M16 26C21.5228 26 26 21.5228 26 16C26 10.4772 21.5228 6 16 6C10.4772 6 6 10.4772 6 16C6 21.5228 10.4772 26 16 26Z" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -912,7 +912,7 @@
</clipPath>
</defs>
</svg>
</g><title>example</title><g transform="translate(1430 1361)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g><title>example</title><g transform="translate(1382 1361)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3440_35088111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M14.3909 16.7965C14.7364 17.2584 15.1772 17.6406 15.6834 17.9171C16.1896 18.1938 16.7494 18.3582 17.3248 18.3993C17.9001 18.4405 18.4777 18.3575 19.0181 18.1559C19.5586 17.9543 20.0492 17.6389 20.4571 17.2309L22.8708 14.8173C23.6036 14.0586 24.0089 13.0425 23.9998 11.9877C23.9906 10.933 23.5676 9.92404 22.8217 9.17821C22.0759 8.43237 21.067 8.00931 20.0123 8.00015C18.9575 7.99098 17.9413 8.39644 17.1827 9.1292L15.7988 10.505" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -924,7 +924,7 @@
</clipPath>
</defs>
</svg>
</g></g></a><a href="example.com" xlink:href="example.com"><g id="both.cloud" class="linked tooltipped"><g class="shape" ><path d="M 1305 1545 C 1305 1546 1304 1547 1303 1547 C 1288 1548 1275 1559 1275 1573 C 1275 1588 1289 1600 1306 1600 H 1423 C 1441 1600 1457 1587 1457 1572 C 1457 1557 1443 1545 1425 1544 C 1424 1544 1423 1543 1422 1542 C 1418 1527 1400 1516 1379 1516 C 1365 1516 1353 1521 1345 1528 C 1344 1529 1343 1529 1342 1529 C 1339 1528 1336 1528 1332 1528 C 1318 1528 1306 1535 1305 1545 Z" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="1365.529000" y="1579.516000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">cloud</text><g transform="translate(1441 1500)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g></g></a><a href="example.com" xlink:href="example.com"><g id="both.cloud" class="linked tooltipped"><g class="shape" ><path d="M 1305 1545 C 1305 1546 1304 1547 1303 1547 C 1288 1548 1275 1559 1275 1573 C 1275 1588 1289 1600 1306 1600 H 1423 C 1441 1600 1457 1587 1457 1572 C 1457 1557 1443 1545 1425 1544 C 1424 1544 1423 1543 1422 1542 C 1418 1527 1400 1516 1379 1516 C 1365 1516 1353 1521 1345 1528 C 1344 1529 1343 1529 1342 1529 C 1339 1528 1336 1528 1332 1528 C 1318 1528 1306 1535 1305 1545 Z" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="1365.529000" y="1579.516000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">cloud</text><g transform="translate(1402 1518)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3427_35082111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M16 26C21.5228 26 26 21.5228 26 16C26 10.4772 21.5228 6 16 6C10.4772 6 6 10.4772 6 16C6 21.5228 10.4772 26 16 26Z" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -937,7 +937,7 @@
</clipPath>
</defs>
</svg>
</g><title>example</title><g transform="translate(1409 1500)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g><title>example</title><g transform="translate(1369 1500)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3440_35088111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M14.3909 16.7965C14.7364 17.2584 15.1772 17.6406 15.6834 17.9171C16.1896 18.1938 16.7494 18.3582 17.3248 18.3993C17.9001 18.4405 18.4777 18.3575 19.0181 18.1559C19.5586 17.9543 20.0492 17.6389 20.4571 17.2309L22.8708 14.8173C23.6036 14.0586 24.0089 13.0425 23.9998 11.9877C23.9906 10.933 23.5676 9.92404 22.8217 9.17821C22.0759 8.43237 21.067 8.00931 20.0123 8.00015C18.9575 7.99098 17.9413 8.39644 17.1827 9.1292L15.7988 10.505" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 139 KiB

After

Width:  |  Height:  |  Size: 139 KiB