diff --git a/d2renderers/d2svg/appendix/testdata/diagram_wider_than_tooltip/sketch.exp.svg b/d2renderers/d2svg/appendix/testdata/diagram_wider_than_tooltip/sketch.exp.svg
index 05938d3f6..ca86df67d 100644
--- a/d2renderers/d2svg/appendix/testdata/diagram_wider_than_tooltip/sketch.exp.svg
+++ b/d2renderers/d2svg/appendix/testdata/diagram_wider_than_tooltip/sketch.exp.svg
@@ -99,7 +99,7 @@
 		.d2-854619440 .color-AA4{color:#EDF0FD;}
 		.d2-854619440 .color-AA5{color:#F7F8FE;}
 		.d2-854619440 .color-AB4{color:#EDF0FD;}
-		.d2-854619440 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g id="customer"><g class="shape" ><path d="M 112 158 H 12 V 157 C 12 143 23 130 40 124 C 31 119 25 111 25 102 C 25 87 42 75 62 75 C 82 75 99 87 99 102 C 99 111 93 119 84 124 C 101 130 112 143 112 157 V 158 H 112 Z" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="62.000000" y="179.000000" class="text fill-N1" style="text-anchor:middle;font-size:16px">customer</text></g><g id="issuer"><g class="shape" ><rect x="206.000000" y="114.000000" width="100.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="256.000000" y="152.500000" class="text fill-N1" style="text-anchor:middle;font-size:16px">issuer</text></g><g id="store"><g class="shape" ><rect x="350.000000" y="114.000000" width="112.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="406.000000" y="152.500000" class="text fill-N1" style="text-anchor:middle;font-size:16px">store</text><g transform="translate(446 98)" class="appendix-icon"><circle cx="16" cy="16" r="16" fill="white" stroke="#DEE1EB" /><text class="text-bold" x="16" y="21" style="font-size: 16px;text-anchor:middle;">1</text></g><title>Like starbucks or something</title></g><g id="acquirer"><g class="shape" ><rect x="502.000000" y="114.000000" width="134.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="569.000000" y="152.500000" class="text fill-N1" style="text-anchor:middle;font-size:16px">acquirer</text><g transform="translate(620 98)" class="appendix-icon"><circle cx="16" cy="16" r="16" fill="white" stroke="#DEE1EB" /><text class="text-bold" x="16" y="21" style="font-size: 16px;text-anchor:middle;">2</text></g><title>I&#39;m not sure what this is</title></g><g id="network"><g class="shape" ><rect x="702.000000" y="114.000000" width="100.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="752.000000" y="152.500000" class="text fill-N1" style="text-anchor:middle;font-size:16px">network</text></g><g id="customer bank"><g class="shape" ><image href="https://cdn-icons-png.flaticon.com/512/858/858170.png" x="842.000000" y="31.000000" width="128.000000" height="128.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="906.000000" y="180.000000" class="text fill-N1" style="text-anchor:middle;font-size:16px">customer bank</text></g><g id="store bank"><g class="shape" ><image href="https://cdn-icons-png.flaticon.com/512/858/858170.png" x="1010.000000" y="31.000000" width="128.000000" height="128.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1074.000000" y="180.000000" class="text fill-N1" style="text-anchor:middle;font-size:16px">store bank</text></g><g id="(customer -- )[0]"><path d="M 62.000000 187.000000 L 62.000000 1242.000000" fill="none" class="connection stroke-B2" style="stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#d2-854619440)" /></g><g id="(issuer -- )[0]"><path d="M 256.000000 182.000000 L 256.000000 1242.000000" fill="none" class="connection stroke-B2" style="stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#d2-854619440)" /></g><g id="(store -- )[0]"><path d="M 406.000000 182.000000 L 406.000000 1242.000000" fill="none" class="connection stroke-B2" style="stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#d2-854619440)" /></g><g id="(acquirer -- )[0]"><path d="M 569.000000 182.000000 L 569.000000 1242.000000" fill="none" class="connection stroke-B2" style="stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#d2-854619440)" /></g><g id="(network -- )[0]"><path d="M 752.000000 182.000000 L 752.000000 1242.000000" fill="none" class="connection stroke-B2" style="stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#d2-854619440)" /></g><g id="(customer bank -- )[0]"><path d="M 906.000000 187.000000 L 906.000000 1242.000000" fill="none" class="connection stroke-B2" style="stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#d2-854619440)" /></g><g id="(store bank -- )[0]"><path d="M 1074.000000 187.000000 L 1074.000000 1242.000000" fill="none" class="connection stroke-B2" style="stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#d2-854619440)" /></g><g id="customer.internal"><g class="shape" ><rect x="56.000000" y="409.000000" width="12.000000" height="160.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g></g><g id="initial transaction"><g class="shape blend" ><rect x="22.000000" y="235.000000" width="424.000000" height="129.000000" class=" stroke-B1 fill-N5" style="stroke-width:0;" /></g><rect x="27.000000" y="240.000000" width="117.000000" height="21.000000" class=" fill-N5" /><text x="85.500000" y="256.000000" class="text fill-N1" style="text-anchor:middle;font-size:16px">initial transaction</text></g><g id="payment processor behind the scenes"><g class="shape blend" ><rect x="204.000000" y="820.000000" width="922.000000" height="380.000000" class=" stroke-B1 fill-N5" style="stroke-width:0;" /></g><rect x="209.000000" y="825.000000" width="253.000000" height="21.000000" class=" fill-N5" /><text x="335.500000" y="841.000000" class="text fill-N1" style="text-anchor:middle;font-size:16px">payment processor behind the scenes</text></g><g id="payment processor behind the scenes.simplified"><g class="shape blend" ><rect x="216.000000" y="989.000000" width="898.000000" height="199.000000" class=" stroke-B1 fill-N5" style="stroke-width:0;" /></g><rect x="221.000000" y="994.000000" width="66.000000" height="21.000000" class=" fill-N5" /><text x="254.000000" y="1010.000000" class="text fill-N1" style="text-anchor:middle;font-size:16px">simplified</text></g><g id="(customer -&gt; store)[0]"><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 64.000000 279.000000 L 402.000000 279.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-854619440)" /><text x="234.500000" y="285.000000" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">1 banana please</text></g><g id="(store -&gt; customer)[0]"><path d="M 404.000000 349.000000 L 66.000000 349.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-854619440)" /><text x="234.500000" y="355.000000" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">$10 dollars</text></g><g id="customer.(internal -&gt; internal)[0]"><path d="M 70.000000 419.000000 L 132.000000 419.000000 S 142.000000 419.000000 142.000000 429.000000 L 142.000000 454.000000 S 142.000000 464.000000 132.000000 464.000000 L 72.000000 464.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-854619440)" /><text x="142.000000" y="447.000000" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">thinking: wow, inflation</text></g><g id="(customer.internal -&gt; customer bank)[0]"><path d="M 70.000000 489.000000 L 902.000000 489.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-854619440)" /><text x="487.000000" y="495.000000" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">checks bank account</text></g><g id="(customer bank -&gt; customer.internal)[0]"><path d="M 904.000000 559.000000 L 72.000000 559.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-854619440)" /><text x="487.500000" y="565.000000" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">Savings: $11</text></g><g id="(customer -&gt; store)[1]"><path d="M 64.000000 765.000000 L 402.000000 765.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-854619440)" /><text x="234.500000" y="771.000000" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">I can do that, here&#39;s my card</text></g><g id="(store -&gt; acquirer)[0]"><path d="M 408.000000 864.000000 L 565.000000 864.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-854619440)" /><text x="488.000000" y="870.000000" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">Run this card</text></g><g id="(acquirer -&gt; network)[0]"><path d="M 571.000000 934.000000 L 748.000000 934.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-854619440)" /><text x="660.500000" y="940.000000" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">Process to card issuer</text></g><g id="(network -&gt; issuer)[0]"><path d="M 750.000000 1033.000000 L 260.000000 1033.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-854619440)" /><text x="504.000000" y="1039.000000" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">Process this payment</text></g><g id="(issuer -&gt; customer bank)[0]"><path d="M 258.000000 1103.000000 L 902.000000 1103.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-854619440)" /><text x="581.500000" y="1109.000000" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">$10 debit</text></g><g id="(acquirer -&gt; store bank)[0]"><path d="M 571.000000 1173.000000 L 1070.000000 1173.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-854619440)" /><text x="821.500000" y="1179.000000" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">$10 credit</text></g><g id="customer.An error in judgement is about to occur"><g class="shape" ><path d="M -91 629 H 195 C 196 629 197 629 198 630 L 215 646 C 216 647 216 648 216 649 V 695 C 216 695 216 695 216 695 H -91 C -91 695 -91 695 -91 695 V 630 C -91 629 -91 629 -91 629 Z" class=" stroke-B1 fill-N7" style="stroke-width:2;" /><path d="M 215 695 H -90 C -91 695 -91 695 -91 694 V 630 C -91 629 -91 629 -90 629 H 194 C 195 629 195 629 195 630 V 647 C 195 648 196 649 197 649 H 215 C 216 649 216 649 216 650 V 694 C 215 695 216 695 215 695 Z" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="62.500000" y="667.500000" class="text fill-N1" style="text-anchor:middle;font-size:16px">An error in judgement is about to occur</text></g><mask id="d2-854619440" maskUnits="userSpaceOnUse" x="-192" y="-70" width="1431" height="1414">
+		.d2-854619440 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g id="customer"><g class="shape" ><path d="M 112 158 H 12 V 157 C 12 143 23 130 40 124 C 31 119 25 111 25 102 C 25 87 42 75 62 75 C 82 75 99 87 99 102 C 99 111 93 119 84 124 C 101 130 112 143 112 157 V 158 H 112 Z" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="62.000000" y="179.000000" class="text fill-N1" style="text-anchor:middle;font-size:16px">customer</text></g><g id="issuer"><g class="shape" ><rect x="206.000000" y="114.000000" width="100.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="256.000000" y="152.500000" class="text fill-N1" style="text-anchor:middle;font-size:16px">issuer</text></g><g id="store"><g class="shape" ><rect x="350.000000" y="114.000000" width="112.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="406.000000" y="152.500000" class="text fill-N1" style="text-anchor:middle;font-size:16px">store</text></g><g id="acquirer"><g class="shape" ><rect x="502.000000" y="114.000000" width="134.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="569.000000" y="152.500000" class="text fill-N1" style="text-anchor:middle;font-size:16px">acquirer</text></g><g id="network"><g class="shape" ><rect x="702.000000" y="114.000000" width="100.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="752.000000" y="152.500000" class="text fill-N1" style="text-anchor:middle;font-size:16px">network</text></g><g id="customer bank"><g class="shape" ><image href="https://cdn-icons-png.flaticon.com/512/858/858170.png" x="842.000000" y="31.000000" width="128.000000" height="128.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="906.000000" y="180.000000" class="text fill-N1" style="text-anchor:middle;font-size:16px">customer bank</text></g><g id="store bank"><g class="shape" ><image href="https://cdn-icons-png.flaticon.com/512/858/858170.png" x="1010.000000" y="31.000000" width="128.000000" height="128.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1074.000000" y="180.000000" class="text fill-N1" style="text-anchor:middle;font-size:16px">store bank</text></g><g id="(customer -- )[0]"><path d="M 62.000000 187.000000 L 62.000000 1242.000000" fill="none" class="connection stroke-B2" style="stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#d2-854619440)" /></g><g id="(issuer -- )[0]"><path d="M 256.000000 182.000000 L 256.000000 1242.000000" fill="none" class="connection stroke-B2" style="stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#d2-854619440)" /></g><g id="(store -- )[0]"><path d="M 406.000000 182.000000 L 406.000000 1242.000000" fill="none" class="connection stroke-B2" style="stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#d2-854619440)" /></g><g id="(acquirer -- )[0]"><path d="M 569.000000 182.000000 L 569.000000 1242.000000" fill="none" class="connection stroke-B2" style="stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#d2-854619440)" /></g><g id="(network -- )[0]"><path d="M 752.000000 182.000000 L 752.000000 1242.000000" fill="none" class="connection stroke-B2" style="stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#d2-854619440)" /></g><g id="(customer bank -- )[0]"><path d="M 906.000000 187.000000 L 906.000000 1242.000000" fill="none" class="connection stroke-B2" style="stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#d2-854619440)" /></g><g id="(store bank -- )[0]"><path d="M 1074.000000 187.000000 L 1074.000000 1242.000000" fill="none" class="connection stroke-B2" style="stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#d2-854619440)" /></g><g id="customer.internal"><g class="shape" ><rect x="56.000000" y="409.000000" width="12.000000" height="160.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g></g><g id="initial transaction"><g class="shape blend" ><rect x="22.000000" y="235.000000" width="424.000000" height="129.000000" class=" stroke-B1 fill-N5" style="stroke-width:0;" /></g><rect x="27.000000" y="240.000000" width="117.000000" height="21.000000" class=" fill-N5" /><text x="85.500000" y="256.000000" class="text fill-N1" style="text-anchor:middle;font-size:16px">initial transaction</text></g><g id="payment processor behind the scenes"><g class="shape blend" ><rect x="204.000000" y="820.000000" width="922.000000" height="380.000000" class=" stroke-B1 fill-N5" style="stroke-width:0;" /></g><rect x="209.000000" y="825.000000" width="253.000000" height="21.000000" class=" fill-N5" /><text x="335.500000" y="841.000000" class="text fill-N1" style="text-anchor:middle;font-size:16px">payment processor behind the scenes</text></g><g id="payment processor behind the scenes.simplified"><g class="shape blend" ><rect x="216.000000" y="989.000000" width="898.000000" height="199.000000" class=" stroke-B1 fill-N5" style="stroke-width:0;" /></g><rect x="221.000000" y="994.000000" width="66.000000" height="21.000000" class=" fill-N5" /><text x="254.000000" y="1010.000000" class="text fill-N1" style="text-anchor:middle;font-size:16px">simplified</text></g><g id="(customer -&gt; store)[0]"><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 64.000000 279.000000 L 402.000000 279.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-854619440)" /><text x="234.500000" y="285.000000" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">1 banana please</text></g><g id="(store -&gt; customer)[0]"><path d="M 404.000000 349.000000 L 66.000000 349.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-854619440)" /><text x="234.500000" y="355.000000" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">$10 dollars</text></g><g id="customer.(internal -&gt; internal)[0]"><path d="M 70.000000 419.000000 L 132.000000 419.000000 S 142.000000 419.000000 142.000000 429.000000 L 142.000000 454.000000 S 142.000000 464.000000 132.000000 464.000000 L 72.000000 464.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-854619440)" /><text x="142.000000" y="447.000000" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">thinking: wow, inflation</text></g><g id="(customer.internal -&gt; customer bank)[0]"><path d="M 70.000000 489.000000 L 902.000000 489.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-854619440)" /><text x="487.000000" y="495.000000" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">checks bank account</text></g><g id="(customer bank -&gt; customer.internal)[0]"><path d="M 904.000000 559.000000 L 72.000000 559.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-854619440)" /><text x="487.500000" y="565.000000" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">Savings: $11</text></g><g id="(customer -&gt; store)[1]"><path d="M 64.000000 765.000000 L 402.000000 765.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-854619440)" /><text x="234.500000" y="771.000000" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">I can do that, here&#39;s my card</text></g><g id="(store -&gt; acquirer)[0]"><path d="M 408.000000 864.000000 L 565.000000 864.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-854619440)" /><text x="488.000000" y="870.000000" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">Run this card</text></g><g id="(acquirer -&gt; network)[0]"><path d="M 571.000000 934.000000 L 748.000000 934.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-854619440)" /><text x="660.500000" y="940.000000" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">Process to card issuer</text></g><g id="(network -&gt; issuer)[0]"><path d="M 750.000000 1033.000000 L 260.000000 1033.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-854619440)" /><text x="504.000000" y="1039.000000" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">Process this payment</text></g><g id="(issuer -&gt; customer bank)[0]"><path d="M 258.000000 1103.000000 L 902.000000 1103.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-854619440)" /><text x="581.500000" y="1109.000000" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">$10 debit</text></g><g id="(acquirer -&gt; store bank)[0]"><path d="M 571.000000 1173.000000 L 1070.000000 1173.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-854619440)" /><text x="821.500000" y="1179.000000" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">$10 credit</text></g><g id="customer.An error in judgement is about to occur"><g class="shape" ><path d="M -91 629 H 195 C 196 629 197 629 198 630 L 215 646 C 216 647 216 648 216 649 V 695 C 216 695 216 695 216 695 H -91 C -91 695 -91 695 -91 695 V 630 C -91 629 -91 629 -91 629 Z" class=" stroke-B1 fill-N7" style="stroke-width:2;" /><path d="M 215 695 H -90 C -91 695 -91 695 -91 694 V 630 C -91 629 -91 629 -90 629 H 194 C 195 629 195 629 195 630 V 647 C 195 648 196 649 197 649 H 215 C 216 649 216 649 216 650 V 694 C 215 695 216 695 215 695 Z" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="62.500000" y="667.500000" class="text fill-N1" style="text-anchor:middle;font-size:16px">An error in judgement is about to occur</text></g><g transform="translate(446 98)" class="appendix-icon"><circle cx="16" cy="16" r="16" fill="white" stroke="#DEE1EB" /><text class="text-bold" x="16" y="21" style="font-size: 16px;text-anchor:middle;">1</text></g><title>Like starbucks or something</title><g transform="translate(620 98)" class="appendix-icon"><circle cx="16" cy="16" r="16" fill="white" stroke="#DEE1EB" /><text class="text-bold" x="16" y="21" style="font-size: 16px;text-anchor:middle;">2</text></g><title>I&#39;m not sure what this is</title><mask id="d2-854619440" maskUnits="userSpaceOnUse" x="-192" y="-70" width="1431" height="1414">
 <rect x="-192" y="-70" width="1431" height="1414" fill="white"></rect>
 <rect x="30.000000" y="163.000000" width="64" height="21" fill="rgba(0,0,0,0.75)"></rect>
 <rect x="236.500000" y="136.500000" width="39" height="21" fill="rgba(0,0,0,0.75)"></rect>
diff --git a/d2renderers/d2svg/appendix/testdata/internal-links/sketch.exp.svg b/d2renderers/d2svg/appendix/testdata/internal-links/sketch.exp.svg
index 69d6fb4f5..7f2bf7bf2 100644
--- a/d2renderers/d2svg/appendix/testdata/internal-links/sketch.exp.svg
+++ b/d2renderers/d2svg/appendix/testdata/internal-links/sketch.exp.svg
@@ -92,7 +92,7 @@
 		.d2-916646398 .color-AA4{color:#EDF0FD;}
 		.d2-916646398 .color-AA5{color:#F7F8FE;}
 		.d2-916646398 .color-AB4{color:#EDF0FD;}
-		.d2-916646398 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><a href="root.layers.x" xlink:href="root.layers.x"><g id="x"><g class="shape" ><rect x="0.000000" y="0.000000" width="85.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="42.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text><g transform="translate(69 -16)" class="appendix-icon"><circle cx="16" cy="16" r="16" fill="white" stroke="#DEE1EB" /><text class="text-bold" x="16" y="21" style="font-size: 16px;text-anchor:middle;">1</text></g></g></a><mask id="d2-916646398" maskUnits="userSpaceOnUse" x="-101" y="-118" width="304" height="285">
+		.d2-916646398 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><a href="root.layers.x" xlink:href="root.layers.x"><g id="x"><g class="shape" ><rect x="0.000000" y="0.000000" width="85.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="42.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g></a><g transform="translate(69 -16)" class="appendix-icon"><circle cx="16" cy="16" r="16" fill="white" stroke="#DEE1EB" /><text class="text-bold" x="16" y="21" style="font-size: 16px;text-anchor:middle;">1</text></g><mask id="d2-916646398" maskUnits="userSpaceOnUse" x="-101" y="-118" width="304" height="285">
 <rect x="-101" y="-118" width="304" height="285" fill="white"></rect>
 <rect x="38.500000" y="22.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
 </mask><line x1="-41.000000" x2="143.000000" y1="117.000000" y2="117.000000" class=" stroke-B2" /><g class="appendix" x="-1" y="67" width="104" height="100%"><g transform="translate(0 167)" class="appendix-icon"><circle cx="16" cy="0" r="16" fill="white" stroke="#DEE1EB" /><text class="text-bold" x="16" y="5" style="font-size: 16px;text-anchor:middle;">1</text></g><text class="text" x="48" y="172" style="font-size: 16px;">root &gt; x</text></g>
diff --git a/d2renderers/d2svg/appendix/testdata/links/sketch.exp.svg b/d2renderers/d2svg/appendix/testdata/links/sketch.exp.svg
index 4cbb3c51c..5dd094e8d 100644
--- a/d2renderers/d2svg/appendix/testdata/links/sketch.exp.svg
+++ b/d2renderers/d2svg/appendix/testdata/links/sketch.exp.svg
@@ -92,7 +92,7 @@
 		.d2-2692295619 .color-AA4{color:#EDF0FD;}
 		.d2-2692295619 .color-AA5{color:#F7F8FE;}
 		.d2-2692295619 .color-AB4{color:#EDF0FD;}
-		.d2-2692295619 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><a href="https://d2lang.com" xlink:href="https://d2lang.com"><g id="x"><g class="shape" ><rect x="17.000000" y="0.000000" width="85.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="59.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text><g transform="translate(86 -16)" class="appendix-icon"><circle cx="16" cy="16" r="16" fill="white" stroke="#DEE1EB" /><text class="text-bold" x="16" y="21" style="font-size: 16px;text-anchor:middle;">1</text></g></g></a><a href="https://terrastruct.com" xlink:href="https://terrastruct.com"><g id="y"><g class="shape" ><rect x="0.000000" y="166.000000" width="118.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="59.000000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text><g transform="translate(102 150)" class="appendix-icon"><circle cx="16" cy="16" r="16" fill="white" stroke="#DEE1EB" /><text class="text-bold" x="16" y="21" style="font-size: 16px;text-anchor:middle;">2</text></g><title>Gee, I feel kind of LIGHT in the head now,&#xA;knowing I can&#39;t make my satellite dish PAYMENTS!</title><g transform="translate(70 150)" class="appendix-icon"><circle cx="16" cy="16" r="16" fill="white" stroke="#DEE1EB" /><text class="text-bold" x="16" y="21" style="font-size: 16px;text-anchor:middle;">3</text></g></g></a><g id="(x -&gt; y)[0]"><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 59.000000 68.000000 C 59.000000 106.000000 59.000000 126.000000 59.000000 162.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-2692295619)" /></g><mask id="d2-2692295619" maskUnits="userSpaceOnUse" x="-101" y="-118" width="337" height="451">
+		.d2-2692295619 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><a href="https://d2lang.com" xlink:href="https://d2lang.com"><g id="x"><g class="shape" ><rect x="17.000000" y="0.000000" width="85.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="59.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g></a><a href="https://terrastruct.com" xlink:href="https://terrastruct.com"><g id="y"><g class="shape" ><rect x="0.000000" y="166.000000" width="118.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="59.000000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g></a><g id="(x -&gt; y)[0]"><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 59.000000 68.000000 C 59.000000 106.000000 59.000000 126.000000 59.000000 162.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-2692295619)" /></g><g transform="translate(86 -16)" class="appendix-icon"><circle cx="16" cy="16" r="16" fill="white" stroke="#DEE1EB" /><text class="text-bold" x="16" y="21" style="font-size: 16px;text-anchor:middle;">1</text></g><g transform="translate(102 150)" class="appendix-icon"><circle cx="16" cy="16" r="16" fill="white" stroke="#DEE1EB" /><text class="text-bold" x="16" y="21" style="font-size: 16px;text-anchor:middle;">2</text></g><title>Gee, I feel kind of LIGHT in the head now,&#xA;knowing I can&#39;t make my satellite dish PAYMENTS!</title><g transform="translate(70 150)" class="appendix-icon"><circle cx="16" cy="16" r="16" fill="white" stroke="#DEE1EB" /><text class="text-bold" x="16" y="21" style="font-size: 16px;text-anchor:middle;">3</text></g><mask id="d2-2692295619" maskUnits="userSpaceOnUse" x="-101" y="-118" width="337" height="451">
 <rect x="-101" y="-118" width="337" height="451" fill="white"></rect>
 <rect x="55.500000" y="22.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
 <rect x="54.500000" y="188.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>
diff --git a/d2renderers/d2svg/appendix/testdata/links_dark/sketch.exp.svg b/d2renderers/d2svg/appendix/testdata/links_dark/sketch.exp.svg
index f26b43641..4e893168a 100644
--- a/d2renderers/d2svg/appendix/testdata/links_dark/sketch.exp.svg
+++ b/d2renderers/d2svg/appendix/testdata/links_dark/sketch.exp.svg
@@ -92,7 +92,7 @@
 		.d2-2055261676 .color-AA4{color:#45475A;}
 		.d2-2055261676 .color-AA5{color:#313244;}
 		.d2-2055261676 .color-AB4{color:#45475A;}
-		.d2-2055261676 .color-AB5{color:#313244;}.appendix text.text{fill:#CDD6F4}.md{--color-fg-default:#CDD6F4;--color-fg-muted:#BAC2DE;--color-fg-subtle:#A6ADC8;--color-canvas-default:#1E1E2E;--color-canvas-subtle:#313244;--color-border-default:#CBA6f7;--color-border-muted:#CBA6f7;--color-neutral-muted:#313244;--color-accent-fg:#CBA6f7;--color-accent-emphasis:#CBA6f7;--color-attention-subtle:#BAC2DE;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-B2{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-B3{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-B4{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-B5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B6{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AA2{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-AA4{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AA5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AB4{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AB5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N1{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N2{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N6{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N7{fill:url(#streaks-darker);mix-blend-mode:lighten}.light-code{display: none}.dark-code{display: block}]]></style><a href="https://d2lang.com" xlink:href="https://d2lang.com"><g id="x"><g class="shape" ><rect x="17.000000" y="0.000000" width="85.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="59.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text><g transform="translate(86 -16)" class="appendix-icon"><circle cx="16" cy="16" r="16" fill="white" stroke="#DEE1EB" /><text class="text-bold" x="16" y="21" style="font-size: 16px;text-anchor:middle;">1</text></g></g></a><a href="https://fosny.eu" xlink:href="https://fosny.eu"><g id="y"><g class="shape" ><rect x="0.000000" y="166.000000" width="118.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="59.000000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text><g transform="translate(102 150)" class="appendix-icon"><circle cx="16" cy="16" r="16" fill="white" stroke="#DEE1EB" /><text class="text-bold" x="16" y="21" style="font-size: 16px;text-anchor:middle;">2</text></g><title>Gee, I feel kind of LIGHT in the head now,&#xA;knowing I can&#39;t make my satellite dish PAYMENTS!</title><g transform="translate(70 150)" class="appendix-icon"><circle cx="16" cy="16" r="16" fill="white" stroke="#DEE1EB" /><text class="text-bold" x="16" y="21" style="font-size: 16px;text-anchor:middle;">3</text></g></g></a><g id="(x -&gt; y)[0]"><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 59.000000 68.000000 C 59.000000 106.000000 59.000000 126.000000 59.000000 162.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-2055261676)" /></g><mask id="d2-2055261676" maskUnits="userSpaceOnUse" x="-101" y="-118" width="337" height="451">
+		.d2-2055261676 .color-AB5{color:#313244;}.appendix text.text{fill:#CDD6F4}.md{--color-fg-default:#CDD6F4;--color-fg-muted:#BAC2DE;--color-fg-subtle:#A6ADC8;--color-canvas-default:#1E1E2E;--color-canvas-subtle:#313244;--color-border-default:#CBA6f7;--color-border-muted:#CBA6f7;--color-neutral-muted:#313244;--color-accent-fg:#CBA6f7;--color-accent-emphasis:#CBA6f7;--color-attention-subtle:#BAC2DE;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-B2{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-B3{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-B4{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-B5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B6{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AA2{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-AA4{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AA5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AB4{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AB5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N1{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N2{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N6{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N7{fill:url(#streaks-darker);mix-blend-mode:lighten}.light-code{display: none}.dark-code{display: block}]]></style><a href="https://d2lang.com" xlink:href="https://d2lang.com"><g id="x"><g class="shape" ><rect x="17.000000" y="0.000000" width="85.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="59.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g></a><a href="https://fosny.eu" xlink:href="https://fosny.eu"><g id="y"><g class="shape" ><rect x="0.000000" y="166.000000" width="118.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="59.000000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g></a><g id="(x -&gt; y)[0]"><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 59.000000 68.000000 C 59.000000 106.000000 59.000000 126.000000 59.000000 162.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-2055261676)" /></g><g transform="translate(86 -16)" class="appendix-icon"><circle cx="16" cy="16" r="16" fill="white" stroke="#DEE1EB" /><text class="text-bold" x="16" y="21" style="font-size: 16px;text-anchor:middle;">1</text></g><g transform="translate(102 150)" class="appendix-icon"><circle cx="16" cy="16" r="16" fill="white" stroke="#DEE1EB" /><text class="text-bold" x="16" y="21" style="font-size: 16px;text-anchor:middle;">2</text></g><title>Gee, I feel kind of LIGHT in the head now,&#xA;knowing I can&#39;t make my satellite dish PAYMENTS!</title><g transform="translate(70 150)" class="appendix-icon"><circle cx="16" cy="16" r="16" fill="white" stroke="#DEE1EB" /><text class="text-bold" x="16" y="21" style="font-size: 16px;text-anchor:middle;">3</text></g><mask id="d2-2055261676" maskUnits="userSpaceOnUse" x="-101" y="-118" width="337" height="451">
 <rect x="-101" y="-118" width="337" height="451" fill="white"></rect>
 <rect x="55.500000" y="22.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
 <rect x="54.500000" y="188.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>
diff --git a/d2renderers/d2svg/appendix/testdata/tooltip_fill/sketch.exp.svg b/d2renderers/d2svg/appendix/testdata/tooltip_fill/sketch.exp.svg
index 63a7b868b..7d8a1d092 100644
--- a/d2renderers/d2svg/appendix/testdata/tooltip_fill/sketch.exp.svg
+++ b/d2renderers/d2svg/appendix/testdata/tooltip_fill/sketch.exp.svg
@@ -92,7 +92,7 @@
 		.d2-820103664 .color-AA4{color:#EDF0FD;}
 		.d2-820103664 .color-AA5{color:#F7F8FE;}
 		.d2-820103664 .color-AB4{color:#EDF0FD;}
-		.d2-820103664 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g id="x"><g class="shape" ><rect x="1.000000" y="0.000000" width="85.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="43.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text><g transform="translate(70 -16)" class="appendix-icon"><circle cx="16" cy="16" r="16" fill="white" stroke="#DEE1EB" /><text class="text-bold" x="16" y="21" style="font-size: 16px;text-anchor:middle;">1</text></g><title>Total abstinence is easier than perfect moderation</title></g><g id="y"><g class="shape" ><rect x="0.000000" y="166.000000" width="86.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="43.000000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text><g transform="translate(70 150)" class="appendix-icon"><circle cx="16" cy="16" r="16" fill="white" stroke="#DEE1EB" /><text class="text-bold" x="16" y="21" style="font-size: 16px;text-anchor:middle;">2</text></g><title>Gee, I feel kind of LIGHT in the head now,&#xA;knowing I can&#39;t make my satellite dish PAYMENTS!</title></g><g id="(x -&gt; y)[0]"><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 43.000000 68.000000 C 43.000000 106.000000 43.000000 126.000000 43.000000 162.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-820103664)" /></g><mask id="d2-820103664" maskUnits="userSpaceOnUse" x="-101" y="-118" width="305" height="451">
+		.d2-820103664 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g id="x"><g class="shape" ><rect x="1.000000" y="0.000000" width="85.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="43.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g id="y"><g class="shape" ><rect x="0.000000" y="166.000000" width="86.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="43.000000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><g id="(x -&gt; y)[0]"><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 43.000000 68.000000 C 43.000000 106.000000 43.000000 126.000000 43.000000 162.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-820103664)" /></g><g transform="translate(70 -16)" class="appendix-icon"><circle cx="16" cy="16" r="16" fill="white" stroke="#DEE1EB" /><text class="text-bold" x="16" y="21" style="font-size: 16px;text-anchor:middle;">1</text></g><title>Total abstinence is easier than perfect moderation</title><g transform="translate(70 150)" class="appendix-icon"><circle cx="16" cy="16" r="16" fill="white" stroke="#DEE1EB" /><text class="text-bold" x="16" y="21" style="font-size: 16px;text-anchor:middle;">2</text></g><title>Gee, I feel kind of LIGHT in the head now,&#xA;knowing I can&#39;t make my satellite dish PAYMENTS!</title><mask id="d2-820103664" maskUnits="userSpaceOnUse" x="-101" y="-118" width="305" height="451">
 <rect x="-101" y="-118" width="305" height="451" fill="white"></rect>
 <rect x="39.500000" y="22.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
 <rect x="38.500000" y="188.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>
diff --git a/d2renderers/d2svg/appendix/testdata/tooltip_wider_than_diagram/sketch.exp.svg b/d2renderers/d2svg/appendix/testdata/tooltip_wider_than_diagram/sketch.exp.svg
index 58404b132..c588c6c77 100644
--- a/d2renderers/d2svg/appendix/testdata/tooltip_wider_than_diagram/sketch.exp.svg
+++ b/d2renderers/d2svg/appendix/testdata/tooltip_wider_than_diagram/sketch.exp.svg
@@ -92,7 +92,7 @@
 		.d2-820103664 .color-AA4{color:#EDF0FD;}
 		.d2-820103664 .color-AA5{color:#F7F8FE;}
 		.d2-820103664 .color-AB4{color:#EDF0FD;}
-		.d2-820103664 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g id="x"><g class="shape" ><rect x="1.000000" y="0.000000" width="85.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="43.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text><g transform="translate(70 -16)" class="appendix-icon"><circle cx="16" cy="16" r="16" fill="white" stroke="#DEE1EB" /><text class="text-bold" x="16" y="21" style="font-size: 16px;text-anchor:middle;">1</text></g><title>Total abstinence is easier than perfect moderation</title></g><g id="y"><g class="shape" ><rect x="0.000000" y="166.000000" width="86.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="43.000000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text><g transform="translate(70 150)" class="appendix-icon"><circle cx="16" cy="16" r="16" fill="white" stroke="#DEE1EB" /><text class="text-bold" x="16" y="21" style="font-size: 16px;text-anchor:middle;">2</text></g><title>Gee, I feel kind of LIGHT in the head now,&#xA;knowing I can&#39;t make my satellite dish PAYMENTS!</title></g><g id="(x -&gt; y)[0]"><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 43.000000 68.000000 C 43.000000 106.000000 43.000000 126.000000 43.000000 162.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-820103664)" /></g><mask id="d2-820103664" maskUnits="userSpaceOnUse" x="-101" y="-118" width="305" height="451">
+		.d2-820103664 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g id="x"><g class="shape" ><rect x="1.000000" y="0.000000" width="85.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="43.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g id="y"><g class="shape" ><rect x="0.000000" y="166.000000" width="86.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="43.000000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><g id="(x -&gt; y)[0]"><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 43.000000 68.000000 C 43.000000 106.000000 43.000000 126.000000 43.000000 162.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-820103664)" /></g><g transform="translate(70 -16)" class="appendix-icon"><circle cx="16" cy="16" r="16" fill="white" stroke="#DEE1EB" /><text class="text-bold" x="16" y="21" style="font-size: 16px;text-anchor:middle;">1</text></g><title>Total abstinence is easier than perfect moderation</title><g transform="translate(70 150)" class="appendix-icon"><circle cx="16" cy="16" r="16" fill="white" stroke="#DEE1EB" /><text class="text-bold" x="16" y="21" style="font-size: 16px;text-anchor:middle;">2</text></g><title>Gee, I feel kind of LIGHT in the head now,&#xA;knowing I can&#39;t make my satellite dish PAYMENTS!</title><mask id="d2-820103664" maskUnits="userSpaceOnUse" x="-101" y="-118" width="305" height="451">
 <rect x="-101" y="-118" width="305" height="451" fill="white"></rect>
 <rect x="39.500000" y="22.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
 <rect x="38.500000" y="188.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>
diff --git a/e2etests-cli/testdata/TestCLI_E2E/board_import/hello-world-x.exp.svg b/e2etests-cli/testdata/TestCLI_E2E/board_import/hello-world-x.exp.svg
index bea8e3772..ba8abb553 100644
--- a/e2etests-cli/testdata/TestCLI_E2E/board_import/hello-world-x.exp.svg
+++ b/e2etests-cli/testdata/TestCLI_E2E/board_import/hello-world-x.exp.svg
@@ -92,7 +92,7 @@
 		.d2-2353227294 .color-AA4{color:#EDF0FD;}
 		.d2-2353227294 .color-AA5{color:#F7F8FE;}
 		.d2-2353227294 .color-AB4{color:#EDF0FD;}
-		.d2-2353227294 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><a href="y.svg" xlink:href="y.svg"><g id="y"><g class="shape" ><rect x="0.000000" y="0.000000" width="86.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="43.000000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text><g transform="translate(70 -16)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+		.d2-2353227294 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><a href="y.svg" xlink:href="y.svg"><g id="y"><g class="shape" ><rect x="0.000000" y="0.000000" width="86.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="43.000000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g></a><g transform="translate(70 -16)" 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"/>
@@ -104,7 +104,7 @@
 </clipPath>
 </defs>
 </svg>
-</g></g></a><mask id="d2-2353227294" maskUnits="userSpaceOnUse" x="-101" y="-118" width="305" height="285">
+</g><mask id="d2-2353227294" maskUnits="userSpaceOnUse" x="-101" y="-118" width="305" height="285">
 <rect x="-101" y="-118" width="305" height="285" fill="white"></rect>
 <rect x="38.500000" y="22.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>
 </mask></svg></svg>
diff --git a/e2etests-cli/testdata/TestCLI_E2E/board_import/hello-world.exp.svg b/e2etests-cli/testdata/TestCLI_E2E/board_import/hello-world.exp.svg
index ed14482e7..7e4c577c7 100644
--- a/e2etests-cli/testdata/TestCLI_E2E/board_import/hello-world.exp.svg
+++ b/e2etests-cli/testdata/TestCLI_E2E/board_import/hello-world.exp.svg
@@ -92,7 +92,7 @@
 		.d2-2067460405 .color-AA4{color:#EDF0FD;}
 		.d2-2067460405 .color-AA5{color:#F7F8FE;}
 		.d2-2067460405 .color-AB4{color:#EDF0FD;}
-		.d2-2067460405 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><a href="x/index.svg" xlink:href="x/index.svg"><g id="x"><g class="shape" ><rect x="0.000000" y="0.000000" width="85.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="42.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text><g transform="translate(69 -16)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+		.d2-2067460405 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><a href="x/index.svg" xlink:href="x/index.svg"><g id="x"><g class="shape" ><rect x="0.000000" y="0.000000" width="85.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="42.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g></a><g transform="translate(69 -16)" 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"/>
@@ -104,7 +104,7 @@
 </clipPath>
 </defs>
 </svg>
-</g></g></a><mask id="d2-2067460405" maskUnits="userSpaceOnUse" x="-101" y="-118" width="304" height="285">
+</g><mask id="d2-2067460405" maskUnits="userSpaceOnUse" x="-101" y="-118" width="304" height="285">
 <rect x="-101" y="-118" width="304" height="285" fill="white"></rect>
 <rect x="38.500000" y="22.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
 </mask></svg></svg>
diff --git a/e2etests/testdata/regression/ampersand-escape/dagre/sketch.exp.svg b/e2etests/testdata/regression/ampersand-escape/dagre/sketch.exp.svg
index 099229ee9..b9c2b9036 100644
--- a/e2etests/testdata/regression/ampersand-escape/dagre/sketch.exp.svg
+++ b/e2etests/testdata/regression/ampersand-escape/dagre/sketch.exp.svg
@@ -92,7 +92,7 @@
 		.d2-1813696622 .color-AA4{color:#EDF0FD;}
 		.d2-1813696622 .color-AA5{color:#F7F8FE;}
 		.d2-1813696622 .color-AB4{color:#EDF0FD;}
-		.d2-1813696622 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g id="h&amp;y"><g class="shape" ><rect x="0.000000" y="0.000000" width="98.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="49.000000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">&amp;∈</text><g transform="translate(82 -16)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+		.d2-1813696622 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g id="h&amp;y"><g class="shape" ><rect x="0.000000" y="0.000000" width="98.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="49.000000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">&amp;∈</text></g><g id="foo"><g class="shape" ><rect x="158.000000" y="0.000000" width="69.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="192.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">foo</text></g><g id="&#34;&amp;bar&#34;"><g class="shape" ><rect x="287.000000" y="0.000000" width="81.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="327.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">&amp;bar</text></g><g transform="translate(82 -16)" 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"/>
@@ -105,7 +105,7 @@
 </clipPath>
 </defs>
 </svg>
-</g><title>beans &amp; rice</title></g><g id="foo"><g class="shape" ><rect x="158.000000" y="0.000000" width="69.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="192.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">foo</text></g><g id="&#34;&amp;bar&#34;"><g class="shape" ><rect x="287.000000" y="0.000000" width="81.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="327.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">&amp;bar</text></g><mask id="d2-1813696622" maskUnits="userSpaceOnUse" x="-1" y="-18" width="370" height="85">
+</g><title>beans &amp; rice</title><mask id="d2-1813696622" maskUnits="userSpaceOnUse" x="-1" y="-18" width="370" height="85">
 <rect x="-1" y="-18" width="370" height="85" fill="white"></rect>
 <rect x="38.500000" y="22.500000" width="21" height="21" fill="rgba(0,0,0,0.75)"></rect>
 <rect x="180.500000" y="22.500000" width="24" height="21" fill="rgba(0,0,0,0.75)"></rect>
diff --git a/e2etests/testdata/regression/ampersand-escape/elk/sketch.exp.svg b/e2etests/testdata/regression/ampersand-escape/elk/sketch.exp.svg
index 871a79ccb..f37f6bfdf 100644
--- a/e2etests/testdata/regression/ampersand-escape/elk/sketch.exp.svg
+++ b/e2etests/testdata/regression/ampersand-escape/elk/sketch.exp.svg
@@ -92,7 +92,7 @@
 		.d2-1299322987 .color-AA4{color:#EDF0FD;}
 		.d2-1299322987 .color-AA5{color:#F7F8FE;}
 		.d2-1299322987 .color-AB4{color:#EDF0FD;}
-		.d2-1299322987 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g id="h&amp;y"><g class="shape" ><rect x="12.000000" y="12.000000" width="98.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="61.000000" y="50.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">&amp;∈</text><g transform="translate(94 -4)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+		.d2-1299322987 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g id="h&amp;y"><g class="shape" ><rect x="12.000000" y="12.000000" width="98.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="61.000000" y="50.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">&amp;∈</text></g><g id="foo"><g class="shape" ><rect x="130.000000" y="12.000000" width="69.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="164.500000" y="50.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">foo</text></g><g id="&#34;&amp;bar&#34;"><g class="shape" ><rect x="219.000000" y="12.000000" width="81.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="259.500000" y="50.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">&amp;bar</text></g><g transform="translate(94 -4)" 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"/>
@@ -105,7 +105,7 @@
 </clipPath>
 </defs>
 </svg>
-</g><title>beans &amp; rice</title></g><g id="foo"><g class="shape" ><rect x="130.000000" y="12.000000" width="69.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="164.500000" y="50.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">foo</text></g><g id="&#34;&amp;bar&#34;"><g class="shape" ><rect x="219.000000" y="12.000000" width="81.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="259.500000" y="50.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">&amp;bar</text></g><mask id="d2-1299322987" maskUnits="userSpaceOnUse" x="11" y="-6" width="290" height="85">
+</g><title>beans &amp; rice</title><mask id="d2-1299322987" maskUnits="userSpaceOnUse" x="11" y="-6" width="290" height="85">
 <rect x="11" y="-6" width="290" height="85" fill="white"></rect>
 <rect x="50.500000" y="34.500000" width="21" height="21" fill="rgba(0,0,0,0.75)"></rect>
 <rect x="152.500000" y="34.500000" width="24" height="21" fill="rgba(0,0,0,0.75)"></rect>
diff --git a/e2etests/testdata/regression/link_with_ampersand/dagre/sketch.exp.svg b/e2etests/testdata/regression/link_with_ampersand/dagre/sketch.exp.svg
index 3d96ebfbb..c960efc2b 100644
--- a/e2etests/testdata/regression/link_with_ampersand/dagre/sketch.exp.svg
+++ b/e2etests/testdata/regression/link_with_ampersand/dagre/sketch.exp.svg
@@ -92,7 +92,7 @@
 		.d2-629904786 .color-AA4{color:#EDF0FD;}
 		.d2-629904786 .color-AA5{color:#F7F8FE;}
 		.d2-629904786 .color-AB4{color:#EDF0FD;}
-		.d2-629904786 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><a href="https://calendar.google.com/calendar/u/0/r?tab=mc&amp;pli=1" xlink:href="https://calendar.google.com/calendar/u/0/r?tab=mc&amp;pli=1"><g id="a"><g class="shape" ><rect x="0.000000" y="0.000000" width="85.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="42.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text><g transform="translate(69 -16)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+		.d2-629904786 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><a href="https://calendar.google.com/calendar/u/0/r?tab=mc&amp;pli=1" xlink:href="https://calendar.google.com/calendar/u/0/r?tab=mc&amp;pli=1"><g id="a"><g class="shape" ><rect x="0.000000" y="0.000000" width="85.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="42.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g></a><g transform="translate(69 -16)" 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"/>
@@ -104,7 +104,7 @@
 </clipPath>
 </defs>
 </svg>
-</g></g></a><mask id="d2-629904786" maskUnits="userSpaceOnUse" x="-1" y="-18" width="104" height="85">
+</g><mask id="d2-629904786" maskUnits="userSpaceOnUse" x="-1" y="-18" width="104" height="85">
 <rect x="-1" y="-18" width="104" height="85" fill="white"></rect>
 <rect x="38.500000" y="22.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
 </mask></svg></svg>
\ No newline at end of file
diff --git a/e2etests/testdata/regression/link_with_ampersand/elk/sketch.exp.svg b/e2etests/testdata/regression/link_with_ampersand/elk/sketch.exp.svg
index f5e1b9973..26100321c 100644
--- a/e2etests/testdata/regression/link_with_ampersand/elk/sketch.exp.svg
+++ b/e2etests/testdata/regression/link_with_ampersand/elk/sketch.exp.svg
@@ -92,7 +92,7 @@
 		.d2-692415114 .color-AA4{color:#EDF0FD;}
 		.d2-692415114 .color-AA5{color:#F7F8FE;}
 		.d2-692415114 .color-AB4{color:#EDF0FD;}
-		.d2-692415114 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><a href="https://calendar.google.com/calendar/u/0/r?tab=mc&amp;pli=1" xlink:href="https://calendar.google.com/calendar/u/0/r?tab=mc&amp;pli=1"><g id="a"><g class="shape" ><rect x="12.000000" y="12.000000" width="85.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="54.500000" y="50.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text><g transform="translate(81 -4)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+		.d2-692415114 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><a href="https://calendar.google.com/calendar/u/0/r?tab=mc&amp;pli=1" xlink:href="https://calendar.google.com/calendar/u/0/r?tab=mc&amp;pli=1"><g id="a"><g class="shape" ><rect x="12.000000" y="12.000000" width="85.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="54.500000" y="50.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g></a><g transform="translate(81 -4)" 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"/>
@@ -104,7 +104,7 @@
 </clipPath>
 </defs>
 </svg>
-</g></g></a><mask id="d2-692415114" maskUnits="userSpaceOnUse" x="11" y="-6" width="104" height="85">
+</g><mask id="d2-692415114" maskUnits="userSpaceOnUse" x="11" y="-6" width="104" height="85">
 <rect x="11" y="-6" width="104" height="85" fill="white"></rect>
 <rect x="50.500000" y="34.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
 </mask></svg></svg>
\ No newline at end of file
diff --git a/e2etests/testdata/stable/all_shapes_link/dagre/sketch.exp.svg b/e2etests/testdata/stable/all_shapes_link/dagre/sketch.exp.svg
index 1bcd83cc8..81239c0c1 100644
--- a/e2etests/testdata/stable/all_shapes_link/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/all_shapes_link/dagre/sketch.exp.svg
@@ -99,7 +99,7 @@
 		.d2-3200611142 .color-AA4{color:#EDF0FD;}
 		.d2-3200611142 .color-AA5{color:#F7F8FE;}
 		.d2-3200611142 .color-AB4{color:#EDF0FD;}
-		.d2-3200611142 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g id="linked"><g class="shape" ><rect x="80.000000" y="41.000000" width="1413.000000" height="595.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="786.500000" y="28.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">linked</text></g><g id="tooltipped"><g class="shape" ><rect x="80.000000" y="777.000000" width="1413.000000" height="595.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="786.500000" y="764.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">tooltipped</text></g><g id="both"><g class="shape" ><rect x="0.000000" y="1513.000000" width="1640.000000" height="656.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="820.000000" y="1500.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">both</text></g><a href="example.com" xlink:href="example.com"><g id="linked.rectangle" class="linked"><g class="shape" ><rect x="120.000000" y="83.000000" width="143.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="191.500000" y="121.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">rectangle</text><g transform="translate(247 67)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+		.d2-3200611142 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g id="linked"><g class="shape" ><rect x="80.000000" y="41.000000" width="1413.000000" height="595.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="786.500000" y="28.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">linked</text></g><g id="tooltipped"><g class="shape" ><rect x="80.000000" y="777.000000" width="1413.000000" height="595.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="786.500000" y="764.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">tooltipped</text></g><g id="both"><g class="shape" ><rect x="0.000000" y="1513.000000" width="1640.000000" height="656.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="820.000000" y="1500.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">both</text></g><a href="example.com" xlink:href="example.com"><g id="linked.rectangle" class="linked"><g class="shape" ><rect x="120.000000" y="83.000000" width="143.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="191.500000" y="121.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">rectangle</text></g></a><a href="example.com" xlink:href="example.com"><g id="linked.square" class="linked"><g class="shape" ><rect x="129.000000" y="262.000000" width="126.000000" height="126.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="192.000000" y="330.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">square</text></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></a><a href="example.com" xlink:href="example.com"><g id="linked.parallelogram" class="linked"><g class="shape" ><path d="M 349 83 L 551 83 L 525 149 L 323 149 L 323 149 Z" class=" stroke-B1 fill-N5" style="stroke-width:2;" /></g><text x="437.000000" y="121.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">parallelogram</text></g></a><a href="example.com" xlink:href="example.com"><g id="linked.document" class="linked"><g class="shape" ><path d="M 363 352 L 363 287 L 512 287 L 512 352 C 487 338 462 338 438 352 C 413 367 388 367 363 352 Z" class=" stroke-B1 fill-AB5" style="stroke-width:2;" /></g><text x="437.500000" y="320.610964" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">document</text></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></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></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></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></a><a href="example.com" xlink:href="example.com"><g id="linked.callout" class="linked"><g class="shape" ><path d="M 853 71 V 117 H 917 V 162 L 947 117 H 981 V 71 H 854 Z" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="916.500000" y="99.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">callout</text></g></a><a href="example.com" xlink:href="example.com"><g id="linked.stored_data" class="linked"><g class="shape" ><path d="M 840 292 H 1008 C 1004 292 993 310 993 325 C 993 340 1004 358 1008 358 H 840 C 836 358 825 340 825 325 C 825 310 836 292 840 292 Z" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /></g><text x="916.500000" y="330.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">stored_data</text></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></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></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></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></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></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></a><g id="tooltipped.rectangle" class="tooltipped"><g class="shape" ><rect x="120.000000" y="819.000000" width="143.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="191.500000" y="857.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">rectangle</text></g><g id="tooltipped.square" class="tooltipped"><g class="shape" ><rect x="129.000000" y="998.000000" width="126.000000" height="126.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="192.000000" y="1066.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">square</text></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><g id="tooltipped.parallelogram" class="tooltipped"><g class="shape" ><path d="M 349 819 L 551 819 L 525 885 L 323 885 L 323 885 Z" class=" stroke-B1 fill-N5" style="stroke-width:2;" /></g><text x="437.000000" y="857.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">parallelogram</text></g><g id="tooltipped.document" class="tooltipped"><g class="shape" ><path d="M 363 1088 L 363 1023 L 512 1023 L 512 1088 C 487 1074 462 1074 438 1088 C 413 1103 388 1103 363 1088 Z" class=" stroke-B1 fill-AB5" style="stroke-width:2;" /></g><text x="437.500000" y="1056.610964" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">document</text></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><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><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><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><g id="tooltipped.callout" class="tooltipped"><g class="shape" ><path d="M 853 807 V 853 H 917 V 898 L 947 853 H 981 V 807 H 854 Z" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="916.500000" y="835.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">callout</text></g><g id="tooltipped.stored_data" class="tooltipped"><g class="shape" ><path d="M 840 1028 H 1008 C 1004 1028 993 1046 993 1061 C 993 1076 1004 1094 1008 1094 H 840 C 836 1094 825 1076 825 1061 C 825 1046 836 1028 840 1028 Z" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /></g><text x="916.500000" y="1066.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">stored_data</text></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><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><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><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><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><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><a href="example.com" xlink:href="example.com"><g id="both.rectangle" class="linked tooltipped"><g class="shape" ><rect x="40.000000" y="1555.000000" width="175.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="127.500000" y="1593.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">rectangle</text></g></a><a href="example.com" xlink:href="example.com"><g id="both.square" class="linked tooltipped"><g class="shape" ><rect x="49.000000" y="1734.000000" width="158.000000" height="158.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="128.000000" y="1818.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">square</text></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></a><a href="example.com" xlink:href="example.com"><g id="both.parallelogram" class="linked tooltipped"><g class="shape" ><path d="M 301 1555 L 535 1555 L 509 1621 L 275 1621 L 275 1621 Z" class=" stroke-B1 fill-N5" style="stroke-width:2;" /></g><text x="405.000000" y="1593.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">parallelogram</text></g></a><a href="example.com" xlink:href="example.com"><g id="both.document" class="linked tooltipped"><g class="shape" ><path d="M 315 1840 L 315 1775 L 496 1775 L 496 1840 C 466 1826 436 1826 406 1840 C 375 1855 345 1855 315 1840 Z" class=" stroke-B1 fill-AB5" style="stroke-width:2;" /></g><text x="405.500000" y="1808.610964" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">document</text></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></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></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></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></a><a href="example.com" xlink:href="example.com"><g id="both.callout" class="linked tooltipped"><g class="shape" ><path d="M 869 1543 V 1589 H 949 V 1634 L 979 1589 H 1029 V 1543 H 870 Z" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="948.500000" y="1571.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">callout</text></g></a><a href="example.com" xlink:href="example.com"><g id="both.stored_data" class="linked tooltipped"><g class="shape" ><path d="M 856 1780 H 1056 C 1052 1780 1041 1798 1041 1813 C 1041 1828 1052 1846 1056 1846 H 856 C 852 1846 841 1828 841 1813 C 841 1798 852 1780 856 1780 Z" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /></g><text x="948.500000" y="1818.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">stored_data</text></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></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></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></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></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></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></a><g id="linked.(rectangle -&gt; square)[0]"><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 191.500000 151.500000 C 191.500000 199.899994 191.500000 222.500000 191.500000 258.500000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3200611142)" /></g><g id="linked.(square -&gt; page)[0]"><path d="M 191.500000 390.500000 C 191.500000 428.500000 191.600006 451.799988 191.969926 501.000113" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3200611142)" /></g><g id="linked.(parallelogram -&gt; document)[0]"><path d="M 437.000000 152.000000 C 437.000000 200.000000 437.000000 227.600006 437.000000 284.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3200611142)" /></g><g id="linked.(document -&gt; cylinder)[0]"><path d="M 437.000000 356.000000 C 437.000000 421.600006 437.000000 448.600006 437.000000 485.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3200611142)" /></g><g id="linked.(queue -&gt; package)[0]"><path d="M 697.016000 151.999936 C 697.400024 200.000000 697.599976 228.000000 697.974193 286.000083" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3200611142)" /></g><g id="linked.(package -&gt; step)[0]"><path d="M 697.013246 364.999956 C 697.400024 423.399994 697.599976 450.399994 697.966386 494.000141" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3200611142)" /></g><g id="linked.(callout -&gt; stored_data)[0]"><path d="M 916.989417 119.999972 C 916.599976 193.600006 916.599976 228.600006 916.975154 289.000077" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3200611142)" /></g><g id="linked.(stored_data -&gt; person)[0]"><path d="M 916.987421 360.999960 C 916.599976 422.600006 916.599976 451.200012 916.968503 498.000124" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3200611142)" /></g><g id="linked.(diamond -&gt; oval)[0]"><path d="M 1150.000000 165.000000 C 1150.000000 202.600006 1150.000000 228.199997 1150.000000 287.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3200611142)" /></g><g id="linked.(oval -&gt; circle)[0]"><path d="M 1150.000000 363.000000 C 1150.000000 423.000000 1150.000000 448.600006 1150.000000 485.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3200611142)" /></g><g id="linked.(hexagon -&gt; cloud)[0]"><path d="M 1365.000000 363.000000 C 1365.000000 423.000000 1365.000000 452.200012 1365.000000 503.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3200611142)" /></g><g id="tooltipped.(rectangle -&gt; square)[0]"><path d="M 191.500000 887.500000 C 191.500000 935.900024 191.500000 958.500000 191.500000 994.500000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3200611142)" /></g><g id="tooltipped.(square -&gt; page)[0]"><path d="M 191.500000 1126.500000 C 191.500000 1164.500000 191.600006 1187.800049 191.969926 1237.000113" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3200611142)" /></g><g id="tooltipped.(parallelogram -&gt; document)[0]"><path d="M 437.000000 888.000000 C 437.000000 936.000000 437.000000 963.599976 437.000000 1020.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3200611142)" /></g><g id="tooltipped.(document -&gt; cylinder)[0]"><path d="M 437.000000 1092.000000 C 437.000000 1157.599976 437.000000 1184.599976 437.000000 1221.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3200611142)" /></g><g id="tooltipped.(queue -&gt; package)[0]"><path d="M 697.016000 887.999936 C 697.400024 936.000000 697.599976 964.000000 697.974193 1022.000083" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3200611142)" /></g><g id="tooltipped.(package -&gt; step)[0]"><path d="M 697.013246 1100.999956 C 697.400024 1159.400024 697.599976 1186.400024 697.966386 1230.000141" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3200611142)" /></g><g id="tooltipped.(callout -&gt; stored_data)[0]"><path d="M 916.989417 855.999972 C 916.599976 929.599976 916.599976 964.599976 916.975154 1025.000077" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3200611142)" /></g><g id="tooltipped.(stored_data -&gt; person)[0]"><path d="M 916.987421 1096.999960 C 916.599976 1158.599976 916.599976 1187.199951 916.968503 1234.000124" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3200611142)" /></g><g id="tooltipped.(diamond -&gt; oval)[0]"><path d="M 1150.000000 901.000000 C 1150.000000 938.599976 1150.000000 964.200012 1150.000000 1023.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3200611142)" /></g><g id="tooltipped.(oval -&gt; circle)[0]"><path d="M 1150.000000 1099.000000 C 1150.000000 1159.000000 1150.000000 1184.599976 1150.000000 1221.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3200611142)" /></g><g id="tooltipped.(hexagon -&gt; cloud)[0]"><path d="M 1365.000000 1099.000000 C 1365.000000 1159.000000 1365.000000 1188.199951 1365.000000 1239.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3200611142)" /></g><g id="both.(rectangle -&gt; square)[0]"><path d="M 127.500000 1623.500000 C 127.500000 1671.900024 127.500000 1694.500000 127.500000 1730.500000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3200611142)" /></g><g id="both.(square -&gt; page)[0]"><path d="M 127.500000 1894.500000 C 127.500000 1932.500000 127.599998 1958.599976 127.975156 2019.000077" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3200611142)" /></g><g id="both.(parallelogram -&gt; document)[0]"><path d="M 405.000000 1624.000000 C 405.000000 1672.000000 405.000000 1702.800049 405.000000 1772.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3200611142)" /></g><g id="both.(document -&gt; cylinder)[0]"><path d="M 405.000000 1843.000000 C 405.000000 1922.199951 405.000000 1955.599976 405.000000 2004.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3200611142)" /></g><g id="both.(queue -&gt; package)[0]"><path d="M 697.016000 1623.999936 C 697.400024 1672.000000 697.599976 1703.199951 697.978609 1774.000057" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3200611142)" /></g><g id="both.(package -&gt; step)[0]"><path d="M 697.010929 1852.999970 C 697.400024 1924.199951 697.599976 1957.199951 697.972788 2012.000093" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3200611142)" /></g><g id="both.(callout -&gt; stored_data)[0]"><path d="M 948.989417 1591.999972 C 948.599976 1665.599976 948.599976 1703.800049 948.979274 1777.000054" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3200611142)" /></g><g id="both.(stored_data -&gt; person)[0]"><path d="M 948.010472 1848.999973 C 948.400024 1923.400024 948.599976 1956.199951 948.970802 2007.000107" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3200611142)" /></g><g id="both.(diamond -&gt; oval)[0]"><path d="M 1230.000000 1637.000000 C 1230.000000 1674.599976 1230.000000 1703.400024 1230.000000 1775.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3200611142)" /></g><g id="both.(oval -&gt; circle)[0]"><path d="M 1230.000000 1850.000000 C 1230.000000 1923.599976 1230.000000 1952.599976 1230.000000 1989.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3200611142)" /></g><g id="both.(hexagon -&gt; cloud)[0]"><path d="M 1487.989304 1850.999971 C 1487.599976 1923.800049 1487.599976 1959.400024 1487.976330 2023.000070" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3200611142)" /></g><g id="(linked -&gt; tooltipped)[0]"><path d="M 697.500000 638.000000 C 697.500000 676.000000 697.500000 704.200012 697.500000 773.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3200611142)" /></g><g id="(tooltipped -&gt; both)[0]"><path d="M 697.500000 1374.000000 C 697.500000 1412.000000 697.500000 1440.199951 697.500000 1509.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3200611142)" /></g><g transform="translate(247 67)" 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"/>
@@ -111,7 +111,7 @@
 </clipPath>
 </defs>
 </svg>
-</g></g></a><a href="example.com" xlink:href="example.com"><g id="linked.square" class="linked"><g class="shape" ><rect x="129.000000" y="262.000000" width="126.000000" height="126.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="192.000000" y="330.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">square</text><g transform="translate(239 246)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+</g><g transform="translate(239 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"/>
@@ -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(210 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 transform="translate(210 488)" 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"/>
@@ -135,7 +135,7 @@
 </clipPath>
 </defs>
 </svg>
-</g></g></a><a href="example.com" xlink:href="example.com"><g id="linked.parallelogram" class="linked"><g class="shape" ><path d="M 349 83 L 551 83 L 525 149 L 323 149 L 323 149 Z" class=" stroke-B1 fill-N5" style="stroke-width:2;" /></g><text x="437.000000" y="121.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">parallelogram</text><g transform="translate(535 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 transform="translate(535 67)" 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"/>
@@ -147,7 +147,7 @@
 </clipPath>
 </defs>
 </svg>
-</g></g></a><a href="example.com" xlink:href="example.com"><g id="linked.document" class="linked"><g class="shape" ><path d="M 363 352 L 363 287 L 512 287 L 512 352 C 487 338 462 338 438 352 C 413 367 388 367 363 352 Z" class=" stroke-B1 fill-AB5" style="stroke-width:2;" /></g><text x="437.500000" y="320.610964" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">document</text><g transform="translate(496 271)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+</g><g transform="translate(496 271)" 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(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><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(744 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 transform="translate(744 67)" 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 288)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+</g><g transform="translate(749 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(721 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 transform="translate(721 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"/>
@@ -207,7 +207,7 @@
 </clipPath>
 </defs>
 </svg>
-</g></g></a><a href="example.com" xlink:href="example.com"><g id="linked.callout" class="linked"><g class="shape" ><path d="M 853 71 V 117 H 917 V 162 L 947 117 H 981 V 71 H 854 Z" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="916.500000" y="99.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">callout</text><g transform="translate(964 55)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+</g><g transform="translate(964 55)" 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"/>
@@ -219,7 +219,7 @@
 </clipPath>
 </defs>
 </svg>
-</g></g></a><a href="example.com" xlink:href="example.com"><g id="linked.stored_data" class="linked"><g class="shape" ><path d="M 840 292 H 1008 C 1004 292 993 310 993 325 C 993 340 1004 358 1008 358 H 840 C 836 358 825 340 825 325 C 825 310 836 292 840 292 Z" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /></g><text x="916.500000" y="330.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">stored_data</text><g transform="translate(992 276)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+</g><g transform="translate(992 276)" 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(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><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(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><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(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><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(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><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(1393 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 transform="translate(1393 275)" 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(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><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"/>
@@ -303,7 +303,7 @@
 </clipPath>
 </defs>
 </svg>
-</g></g></a><g id="tooltipped.rectangle" class="tooltipped"><g class="shape" ><rect x="120.000000" y="819.000000" width="143.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="191.500000" y="857.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">rectangle</text><g transform="translate(247 803)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+</g><g transform="translate(247 803)" 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"/>
@@ -316,7 +316,7 @@
 </clipPath>
 </defs>
 </svg>
-</g><title>example</title></g><g id="tooltipped.square" class="tooltipped"><g class="shape" ><rect x="129.000000" y="998.000000" width="126.000000" height="126.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="192.000000" y="1066.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">square</text><g transform="translate(239 982)" 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(239 982)" 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"/>
@@ -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(210 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 transform="translate(210 1224)" 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"/>
@@ -342,7 +342,7 @@
 </clipPath>
 </defs>
 </svg>
-</g><title>example</title></g><g id="tooltipped.parallelogram" class="tooltipped"><g class="shape" ><path d="M 349 819 L 551 819 L 525 885 L 323 885 L 323 885 Z" class=" stroke-B1 fill-N5" style="stroke-width:2;" /></g><text x="437.000000" y="857.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">parallelogram</text><g transform="translate(535 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 transform="translate(535 803)" 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"/>
@@ -355,7 +355,7 @@
 </clipPath>
 </defs>
 </svg>
-</g><title>example</title></g><g id="tooltipped.document" class="tooltipped"><g class="shape" ><path d="M 363 1088 L 363 1023 L 512 1023 L 512 1088 C 487 1074 462 1074 438 1088 C 413 1103 388 1103 363 1088 Z" class=" stroke-B1 fill-AB5" style="stroke-width:2;" /></g><text x="437.500000" y="1056.610964" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">document</text><g transform="translate(496 1007)" 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(496 1007)" 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(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><title>example</title><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(744 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 transform="translate(744 803)" 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 1024)" 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(749 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(721 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 transform="translate(721 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"/>
@@ -420,7 +420,7 @@
 </clipPath>
 </defs>
 </svg>
-</g><title>example</title></g><g id="tooltipped.callout" class="tooltipped"><g class="shape" ><path d="M 853 807 V 853 H 917 V 898 L 947 853 H 981 V 807 H 854 Z" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="916.500000" y="835.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">callout</text><g transform="translate(964 791)" 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(964 791)" 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"/>
@@ -433,7 +433,7 @@
 </clipPath>
 </defs>
 </svg>
-</g><title>example</title></g><g id="tooltipped.stored_data" class="tooltipped"><g class="shape" ><path d="M 840 1028 H 1008 C 1004 1028 993 1046 993 1061 C 993 1076 1004 1094 1008 1094 H 840 C 836 1094 825 1076 825 1061 C 825 1046 836 1028 840 1028 Z" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /></g><text x="916.500000" y="1066.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">stored_data</text><g transform="translate(992 1012)" 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(992 1012)" 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(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><title>example</title><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(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><title>example</title><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(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><title>example</title><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(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><title>example</title><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(1393 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 transform="translate(1393 1011)" 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(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><title>example</title><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"/>
@@ -524,7 +524,7 @@
 </clipPath>
 </defs>
 </svg>
-</g><title>example</title></g><a href="example.com" xlink:href="example.com"><g id="both.rectangle" class="linked tooltipped"><g class="shape" ><rect x="40.000000" y="1555.000000" width="175.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="127.500000" y="1593.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">rectangle</text><g transform="translate(199 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(199 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_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"/>
@@ -549,7 +549,7 @@
 </clipPath>
 </defs>
 </svg>
-</g></g></a><a href="example.com" xlink:href="example.com"><g id="both.square" class="linked tooltipped"><g class="shape" ><rect x="49.000000" y="1734.000000" width="158.000000" height="158.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="128.000000" y="1818.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">square</text><g transform="translate(191 1718)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+</g><g transform="translate(191 1718)" 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(162 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 transform="translate(162 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_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"/>
@@ -599,7 +599,7 @@
 </clipPath>
 </defs>
 </svg>
-</g></g></a><a href="example.com" xlink:href="example.com"><g id="both.parallelogram" class="linked tooltipped"><g class="shape" ><path d="M 301 1555 L 535 1555 L 509 1621 L 275 1621 L 275 1621 Z" class=" stroke-B1 fill-N5" style="stroke-width:2;" /></g><text x="405.000000" y="1593.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">parallelogram</text><g transform="translate(519 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 transform="translate(519 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_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"/>
@@ -624,7 +624,7 @@
 </clipPath>
 </defs>
 </svg>
-</g></g></a><a href="example.com" xlink:href="example.com"><g id="both.document" class="linked tooltipped"><g class="shape" ><path d="M 315 1840 L 315 1775 L 496 1775 L 496 1840 C 466 1826 436 1826 406 1840 C 375 1855 345 1855 315 1840 Z" class=" stroke-B1 fill-AB5" style="stroke-width:2;" /></g><text x="405.500000" y="1808.610964" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">document</text><g transform="translate(480 1759)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+</g><g transform="translate(480 1759)" 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"/>
@@ -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(470 1995)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+</g><g transform="translate(470 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_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"/>
@@ -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(760 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 transform="translate(760 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_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"/>
@@ -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 1776)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+</g><g transform="translate(765 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"/>
@@ -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(737 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 transform="translate(737 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_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"/>
@@ -749,7 +749,7 @@
 </clipPath>
 </defs>
 </svg>
-</g></g></a><a href="example.com" xlink:href="example.com"><g id="both.callout" class="linked tooltipped"><g class="shape" ><path d="M 869 1543 V 1589 H 949 V 1634 L 979 1589 H 1029 V 1543 H 870 Z" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="948.500000" y="1571.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">callout</text><g transform="translate(1012 1527)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+</g><g transform="translate(1012 1527)" 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"/>
@@ -774,7 +774,7 @@
 </clipPath>
 </defs>
 </svg>
-</g></g></a><a href="example.com" xlink:href="example.com"><g id="both.stored_data" class="linked tooltipped"><g class="shape" ><path d="M 856 1780 H 1056 C 1052 1780 1041 1798 1041 1813 C 1041 1828 1052 1846 1056 1846 H 856 C 852 1846 841 1828 841 1813 C 841 1798 852 1780 856 1780 Z" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /></g><text x="948.500000" y="1818.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">stored_data</text><g transform="translate(1040 1764)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+</g><g transform="translate(1040 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_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"/>
@@ -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(992 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 transform="translate(992 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_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"/>
@@ -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(1309 1546)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+</g><g transform="translate(1309 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_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"/>
@@ -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(1292 1767)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+</g><g transform="translate(1292 1767)" 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"/>
@@ -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(1283 1985)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+</g><g transform="translate(1283 1985)" 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"/>
@@ -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(1528 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 transform="translate(1528 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_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"/>
@@ -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(1549 2018)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+</g><g transform="translate(1549 2018)" 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"/>
@@ -949,7 +949,7 @@
 </clipPath>
 </defs>
 </svg>
-</g></g></a><g id="linked.(rectangle -&gt; square)[0]"><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 191.500000 151.500000 C 191.500000 199.899994 191.500000 222.500000 191.500000 258.500000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3200611142)" /></g><g id="linked.(square -&gt; page)[0]"><path d="M 191.500000 390.500000 C 191.500000 428.500000 191.600006 451.799988 191.969926 501.000113" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3200611142)" /></g><g id="linked.(parallelogram -&gt; document)[0]"><path d="M 437.000000 152.000000 C 437.000000 200.000000 437.000000 227.600006 437.000000 284.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3200611142)" /></g><g id="linked.(document -&gt; cylinder)[0]"><path d="M 437.000000 356.000000 C 437.000000 421.600006 437.000000 448.600006 437.000000 485.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3200611142)" /></g><g id="linked.(queue -&gt; package)[0]"><path d="M 697.016000 151.999936 C 697.400024 200.000000 697.599976 228.000000 697.974193 286.000083" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3200611142)" /></g><g id="linked.(package -&gt; step)[0]"><path d="M 697.013246 364.999956 C 697.400024 423.399994 697.599976 450.399994 697.966386 494.000141" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3200611142)" /></g><g id="linked.(callout -&gt; stored_data)[0]"><path d="M 916.989417 119.999972 C 916.599976 193.600006 916.599976 228.600006 916.975154 289.000077" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3200611142)" /></g><g id="linked.(stored_data -&gt; person)[0]"><path d="M 916.987421 360.999960 C 916.599976 422.600006 916.599976 451.200012 916.968503 498.000124" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3200611142)" /></g><g id="linked.(diamond -&gt; oval)[0]"><path d="M 1150.000000 165.000000 C 1150.000000 202.600006 1150.000000 228.199997 1150.000000 287.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3200611142)" /></g><g id="linked.(oval -&gt; circle)[0]"><path d="M 1150.000000 363.000000 C 1150.000000 423.000000 1150.000000 448.600006 1150.000000 485.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3200611142)" /></g><g id="linked.(hexagon -&gt; cloud)[0]"><path d="M 1365.000000 363.000000 C 1365.000000 423.000000 1365.000000 452.200012 1365.000000 503.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3200611142)" /></g><g id="tooltipped.(rectangle -&gt; square)[0]"><path d="M 191.500000 887.500000 C 191.500000 935.900024 191.500000 958.500000 191.500000 994.500000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3200611142)" /></g><g id="tooltipped.(square -&gt; page)[0]"><path d="M 191.500000 1126.500000 C 191.500000 1164.500000 191.600006 1187.800049 191.969926 1237.000113" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3200611142)" /></g><g id="tooltipped.(parallelogram -&gt; document)[0]"><path d="M 437.000000 888.000000 C 437.000000 936.000000 437.000000 963.599976 437.000000 1020.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3200611142)" /></g><g id="tooltipped.(document -&gt; cylinder)[0]"><path d="M 437.000000 1092.000000 C 437.000000 1157.599976 437.000000 1184.599976 437.000000 1221.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3200611142)" /></g><g id="tooltipped.(queue -&gt; package)[0]"><path d="M 697.016000 887.999936 C 697.400024 936.000000 697.599976 964.000000 697.974193 1022.000083" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3200611142)" /></g><g id="tooltipped.(package -&gt; step)[0]"><path d="M 697.013246 1100.999956 C 697.400024 1159.400024 697.599976 1186.400024 697.966386 1230.000141" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3200611142)" /></g><g id="tooltipped.(callout -&gt; stored_data)[0]"><path d="M 916.989417 855.999972 C 916.599976 929.599976 916.599976 964.599976 916.975154 1025.000077" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3200611142)" /></g><g id="tooltipped.(stored_data -&gt; person)[0]"><path d="M 916.987421 1096.999960 C 916.599976 1158.599976 916.599976 1187.199951 916.968503 1234.000124" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3200611142)" /></g><g id="tooltipped.(diamond -&gt; oval)[0]"><path d="M 1150.000000 901.000000 C 1150.000000 938.599976 1150.000000 964.200012 1150.000000 1023.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3200611142)" /></g><g id="tooltipped.(oval -&gt; circle)[0]"><path d="M 1150.000000 1099.000000 C 1150.000000 1159.000000 1150.000000 1184.599976 1150.000000 1221.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3200611142)" /></g><g id="tooltipped.(hexagon -&gt; cloud)[0]"><path d="M 1365.000000 1099.000000 C 1365.000000 1159.000000 1365.000000 1188.199951 1365.000000 1239.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3200611142)" /></g><g id="both.(rectangle -&gt; square)[0]"><path d="M 127.500000 1623.500000 C 127.500000 1671.900024 127.500000 1694.500000 127.500000 1730.500000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3200611142)" /></g><g id="both.(square -&gt; page)[0]"><path d="M 127.500000 1894.500000 C 127.500000 1932.500000 127.599998 1958.599976 127.975156 2019.000077" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3200611142)" /></g><g id="both.(parallelogram -&gt; document)[0]"><path d="M 405.000000 1624.000000 C 405.000000 1672.000000 405.000000 1702.800049 405.000000 1772.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3200611142)" /></g><g id="both.(document -&gt; cylinder)[0]"><path d="M 405.000000 1843.000000 C 405.000000 1922.199951 405.000000 1955.599976 405.000000 2004.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3200611142)" /></g><g id="both.(queue -&gt; package)[0]"><path d="M 697.016000 1623.999936 C 697.400024 1672.000000 697.599976 1703.199951 697.978609 1774.000057" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3200611142)" /></g><g id="both.(package -&gt; step)[0]"><path d="M 697.010929 1852.999970 C 697.400024 1924.199951 697.599976 1957.199951 697.972788 2012.000093" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3200611142)" /></g><g id="both.(callout -&gt; stored_data)[0]"><path d="M 948.989417 1591.999972 C 948.599976 1665.599976 948.599976 1703.800049 948.979274 1777.000054" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3200611142)" /></g><g id="both.(stored_data -&gt; person)[0]"><path d="M 948.010472 1848.999973 C 948.400024 1923.400024 948.599976 1956.199951 948.970802 2007.000107" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3200611142)" /></g><g id="both.(diamond -&gt; oval)[0]"><path d="M 1230.000000 1637.000000 C 1230.000000 1674.599976 1230.000000 1703.400024 1230.000000 1775.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3200611142)" /></g><g id="both.(oval -&gt; circle)[0]"><path d="M 1230.000000 1850.000000 C 1230.000000 1923.599976 1230.000000 1952.599976 1230.000000 1989.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3200611142)" /></g><g id="both.(hexagon -&gt; cloud)[0]"><path d="M 1487.989304 1850.999971 C 1487.599976 1923.800049 1487.599976 1959.400024 1487.976330 2023.000070" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3200611142)" /></g><g id="(linked -&gt; tooltipped)[0]"><path d="M 697.500000 638.000000 C 697.500000 676.000000 697.500000 704.200012 697.500000 773.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3200611142)" /></g><g id="(tooltipped -&gt; both)[0]"><path d="M 697.500000 1374.000000 C 697.500000 1412.000000 697.500000 1440.199951 697.500000 1509.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3200611142)" /></g><mask id="d2-3200611142" maskUnits="userSpaceOnUse" x="-1" y="0" width="1642" height="2170">
+</g><mask id="d2-3200611142" maskUnits="userSpaceOnUse" x="-1" y="0" width="1642" height="2170">
 <rect x="-1" y="0" width="1642" height="2170" fill="white"></rect>
 <rect x="751.500000" y="0.000000" width="70" height="36" fill="rgba(0,0,0,0.75)"></rect>
 <rect x="725.000000" y="736.000000" width="123" height="36" fill="rgba(0,0,0,0.75)"></rect>
diff --git a/e2etests/testdata/stable/all_shapes_link/elk/sketch.exp.svg b/e2etests/testdata/stable/all_shapes_link/elk/sketch.exp.svg
index 362a97191..ae8524149 100644
--- a/e2etests/testdata/stable/all_shapes_link/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/all_shapes_link/elk/sketch.exp.svg
@@ -99,7 +99,7 @@
 		.d2-4190623083 .color-AA4{color:#EDF0FD;}
 		.d2-4190623083 .color-AA5{color:#F7F8FE;}
 		.d2-4190623083 .color-AB4{color:#EDF0FD;}
-		.d2-4190623083 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g id="linked"><g class="shape" ><rect x="132.000000" y="12.000000" width="1276.000000" height="576.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="770.000000" y="45.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">linked</text></g><g id="tooltipped"><g class="shape" ><rect x="132.000000" y="658.000000" width="1276.000000" height="576.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="770.000000" y="691.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">tooltipped</text></g><g id="both"><g class="shape" ><rect x="12.000000" y="1304.000000" width="1516.000000" height="637.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="770.000000" y="1337.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">both</text></g><a href="example.com" xlink:href="example.com"><g id="linked.rectangle" class="linked"><g class="shape" ><rect x="182.000000" y="88.000000" width="143.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="253.500000" y="126.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">rectangle</text><g transform="translate(309 72)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+		.d2-4190623083 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g id="linked"><g class="shape" ><rect x="132.000000" y="12.000000" width="1276.000000" height="576.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="770.000000" y="45.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">linked</text></g><g id="tooltipped"><g class="shape" ><rect x="132.000000" y="658.000000" width="1276.000000" height="576.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="770.000000" y="691.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">tooltipped</text></g><g id="both"><g class="shape" ><rect x="12.000000" y="1304.000000" width="1516.000000" height="637.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="770.000000" y="1337.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">both</text></g><a href="example.com" xlink:href="example.com"><g id="linked.rectangle" class="linked"><g class="shape" ><rect x="182.000000" y="88.000000" width="143.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="253.500000" y="126.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">rectangle</text></g></a><a href="example.com" xlink:href="example.com"><g id="linked.square" class="linked"><g class="shape" ><rect x="190.000000" y="224.000000" width="126.000000" height="126.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="253.000000" y="292.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">square</text></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></a><a href="example.com" xlink:href="example.com"><g id="linked.parallelogram" class="linked"><g class="shape" ><path d="M 371 88 L 573 88 L 547 154 L 345 154 L 345 154 Z" class=" stroke-B1 fill-N5" style="stroke-width:2;" /></g><text x="459.000000" y="126.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">parallelogram</text></g></a><a href="example.com" xlink:href="example.com"><g id="linked.document" class="linked"><g class="shape" ><path d="M 384 314 L 384 249 L 533 249 L 533 314 C 508 300 483 300 459 314 C 434 329 409 329 384 314 Z" class=" stroke-B1 fill-AB5" style="stroke-width:2;" /></g><text x="458.500000" y="282.610964" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">document</text></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></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></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></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></a><a href="example.com" xlink:href="example.com"><g id="linked.callout" class="linked"><g class="shape" ><path d="M 795 63 V 109 H 859 V 154 L 889 109 H 923 V 63 H 796 Z" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="858.500000" y="91.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">callout</text></g></a><a href="example.com" xlink:href="example.com"><g id="linked.stored_data" class="linked"><g class="shape" ><path d="M 782 254 H 950 C 946 254 935 272 935 287 C 935 302 946 320 950 320 H 782 C 778 320 767 302 767 287 C 767 272 778 254 782 254 Z" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /></g><text x="858.500000" y="292.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">stored_data</text></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></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></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></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></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></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></a><g id="tooltipped.rectangle" class="tooltipped"><g class="shape" ><rect x="182.000000" y="734.000000" width="143.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="253.500000" y="772.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">rectangle</text></g><g id="tooltipped.square" class="tooltipped"><g class="shape" ><rect x="190.000000" y="870.000000" width="126.000000" height="126.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="253.000000" y="938.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">square</text></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><g id="tooltipped.parallelogram" class="tooltipped"><g class="shape" ><path d="M 371 734 L 573 734 L 547 800 L 345 800 L 345 800 Z" class=" stroke-B1 fill-N5" style="stroke-width:2;" /></g><text x="459.000000" y="772.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">parallelogram</text></g><g id="tooltipped.document" class="tooltipped"><g class="shape" ><path d="M 384 960 L 384 895 L 533 895 L 533 960 C 508 946 483 946 459 960 C 434 975 409 975 384 960 Z" class=" stroke-B1 fill-AB5" style="stroke-width:2;" /></g><text x="458.500000" y="928.610964" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">document</text></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><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><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><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><g id="tooltipped.callout" class="tooltipped"><g class="shape" ><path d="M 795 709 V 755 H 859 V 800 L 889 755 H 923 V 709 H 796 Z" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="858.500000" y="737.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">callout</text></g><g id="tooltipped.stored_data" class="tooltipped"><g class="shape" ><path d="M 782 900 H 950 C 946 900 935 918 935 933 C 935 948 946 966 950 966 H 782 C 778 966 767 948 767 933 C 767 918 778 900 782 900 Z" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /></g><text x="858.500000" y="938.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">stored_data</text></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><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><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><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><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><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><a href="example.com" xlink:href="example.com"><g id="both.rectangle" class="linked tooltipped"><g class="shape" ><rect x="62.000000" y="1380.000000" width="175.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="149.500000" y="1418.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">rectangle</text></g></a><a href="example.com" xlink:href="example.com"><g id="both.square" class="linked tooltipped"><g class="shape" ><rect x="70.000000" y="1516.000000" width="158.000000" height="158.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="149.000000" y="1600.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">square</text></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></a><a href="example.com" xlink:href="example.com"><g id="both.parallelogram" class="linked tooltipped"><g class="shape" ><path d="M 283 1380 L 517 1380 L 491 1446 L 257 1446 L 257 1446 Z" class=" stroke-B1 fill-N5" style="stroke-width:2;" /></g><text x="387.000000" y="1418.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">parallelogram</text></g></a><a href="example.com" xlink:href="example.com"><g id="both.document" class="linked tooltipped"><g class="shape" ><path d="M 296 1622 L 296 1557 L 477 1557 L 477 1622 C 447 1608 417 1608 387 1622 C 356 1637 326 1637 296 1622 Z" class=" stroke-B1 fill-AB5" style="stroke-width:2;" /></g><text x="386.500000" y="1590.610964" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">document</text></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></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></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></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></a><a href="example.com" xlink:href="example.com"><g id="both.callout" class="linked tooltipped"><g class="shape" ><path d="M 771 1355 V 1401 H 851 V 1446 L 881 1401 H 931 V 1355 H 772 Z" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="850.500000" y="1383.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">callout</text></g></a><a href="example.com" xlink:href="example.com"><g id="both.stored_data" class="linked tooltipped"><g class="shape" ><path d="M 758 1562 H 958 C 954 1562 943 1580 943 1595 C 943 1610 954 1628 958 1628 H 758 C 754 1628 743 1610 743 1595 C 743 1580 754 1562 758 1562 Z" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /></g><text x="850.500000" y="1600.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">stored_data</text></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></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></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></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></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></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></a><g id="linked.(rectangle -&gt; square)[0]"><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 253.500000 156.000000 L 253.500000 220.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-4190623083)" /></g><g id="linked.(square -&gt; page)[0]"><path d="M 253.514285 351.999949 L 253.971429 416.000102" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-4190623083)" /></g><g id="linked.(parallelogram -&gt; document)[0]"><path d="M 459.000000 156.000000 L 459.000000 245.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-4190623083)" /></g><g id="linked.(document -&gt; cylinder)[0]"><path d="M 459.000000 316.000000 L 459.000000 416.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-4190623083)" /></g><g id="linked.(queue -&gt; package)[0]"><path d="M 679.020617 155.999894 L 679.958765 247.000213" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-4190623083)" /></g><g id="linked.(package -&gt; step)[0]"><path d="M 679.020832 325.999892 L 679.958336 416.000217" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-4190623083)" /></g><g id="linked.(callout -&gt; stored_data)[0]"><path d="M 859.000000 111.000000 L 859.000000 250.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-4190623083)" /></g><g id="linked.(stored_data -&gt; person)[0]"><path d="M 859.000000 322.000000 L 859.000000 416.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-4190623083)" /></g><g id="linked.(diamond -&gt; oval)[0]"><path d="M 1052.000000 156.000000 L 1052.000000 248.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-4190623083)" /></g><g id="linked.(oval -&gt; circle)[0]"><path d="M 1052.000000 324.000000 L 1052.000000 416.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-4190623083)" /></g><g id="linked.(hexagon -&gt; cloud)[0]"><path d="M 1270.000000 156.000000 L 1270.000000 221.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-4190623083)" /></g><g id="tooltipped.(rectangle -&gt; square)[0]"><path d="M 253.500000 802.000000 L 253.500000 866.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-4190623083)" /></g><g id="tooltipped.(square -&gt; page)[0]"><path d="M 253.514285 997.999949 L 253.971429 1062.000102" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-4190623083)" /></g><g id="tooltipped.(parallelogram -&gt; document)[0]"><path d="M 459.000000 802.000000 L 459.000000 891.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-4190623083)" /></g><g id="tooltipped.(document -&gt; cylinder)[0]"><path d="M 459.000000 962.000000 L 459.000000 1062.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-4190623083)" /></g><g id="tooltipped.(queue -&gt; package)[0]"><path d="M 679.020617 801.999894 L 679.958765 893.000213" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-4190623083)" /></g><g id="tooltipped.(package -&gt; step)[0]"><path d="M 679.020832 971.999892 L 679.958336 1062.000217" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-4190623083)" /></g><g id="tooltipped.(callout -&gt; stored_data)[0]"><path d="M 859.000000 757.000000 L 859.000000 896.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-4190623083)" /></g><g id="tooltipped.(stored_data -&gt; person)[0]"><path d="M 859.000000 968.000000 L 859.000000 1062.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-4190623083)" /></g><g id="tooltipped.(diamond -&gt; oval)[0]"><path d="M 1052.000000 802.000000 L 1052.000000 894.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-4190623083)" /></g><g id="tooltipped.(oval -&gt; circle)[0]"><path d="M 1052.000000 970.000000 L 1052.000000 1062.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-4190623083)" /></g><g id="tooltipped.(hexagon -&gt; cloud)[0]"><path d="M 1270.000000 802.000000 L 1270.000000 867.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-4190623083)" /></g><g id="both.(rectangle -&gt; square)[0]"><path d="M 149.500000 1448.000000 L 149.500000 1512.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-4190623083)" /></g><g id="both.(square -&gt; page)[0]"><path d="M 149.514285 1675.999949 L 149.971429 1740.000102" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-4190623083)" /></g><g id="both.(parallelogram -&gt; document)[0]"><path d="M 387.000000 1448.000000 L 387.000000 1553.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-4190623083)" /></g><g id="both.(document -&gt; cylinder)[0]"><path d="M 387.000000 1624.000000 L 387.000000 1740.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-4190623083)" /></g><g id="both.(queue -&gt; package)[0]"><path d="M 639.017698 1447.999922 L 639.964603 1555.000157" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-4190623083)" /></g><g id="both.(package -&gt; step)[0]"><path d="M 639.000000 1634.000000 L 639.000000 1740.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-4190623083)" /></g><g id="both.(callout -&gt; stored_data)[0]"><path d="M 850.987578 1402.999961 L 850.024844 1558.000077" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-4190623083)" /></g><g id="both.(stored_data -&gt; person)[0]"><path d="M 850.017241 1629.999926 L 850.965519 1740.000149" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-4190623083)" /></g><g id="both.(diamond -&gt; oval)[0]"><path d="M 1092.000000 1448.000000 L 1092.000000 1556.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-4190623083)" /></g><g id="both.(oval -&gt; circle)[0]"><path d="M 1092.000000 1632.000000 L 1092.000000 1740.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-4190623083)" /></g><g id="both.(hexagon -&gt; cloud)[0]"><path d="M 1366.000000 1448.000000 L 1366.000000 1513.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-4190623083)" /></g><g id="(linked -&gt; tooltipped)[0]"><path d="M 770.000000 590.000000 L 770.000000 654.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-4190623083)" /></g><g id="(tooltipped -&gt; both)[0]"><path d="M 770.000000 1236.000000 L 770.000000 1300.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-4190623083)" /></g><g transform="translate(309 72)" 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"/>
@@ -111,7 +111,7 @@
 </clipPath>
 </defs>
 </svg>
-</g></g></a><a href="example.com" xlink:href="example.com"><g id="linked.square" class="linked"><g class="shape" ><rect x="190.000000" y="224.000000" width="126.000000" height="126.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="253.000000" y="292.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">square</text><g transform="translate(300 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 transform="translate(300 208)" 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"/>
@@ -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(272 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 transform="translate(272 404)" 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"/>
@@ -135,7 +135,7 @@
 </clipPath>
 </defs>
 </svg>
-</g></g></a><a href="example.com" xlink:href="example.com"><g id="linked.parallelogram" class="linked"><g class="shape" ><path d="M 371 88 L 573 88 L 547 154 L 345 154 L 345 154 Z" class=" stroke-B1 fill-N5" style="stroke-width:2;" /></g><text x="459.000000" y="126.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">parallelogram</text><g transform="translate(557 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 transform="translate(557 72)" 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"/>
@@ -147,7 +147,7 @@
 </clipPath>
 </defs>
 </svg>
-</g></g></a><a href="example.com" xlink:href="example.com"><g id="linked.document" class="linked"><g class="shape" ><path d="M 384 314 L 384 249 L 533 249 L 533 314 C 508 300 483 300 459 314 C 434 329 409 329 384 314 Z" class=" stroke-B1 fill-AB5" style="stroke-width:2;" /></g><text x="458.500000" y="282.610964" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">document</text><g transform="translate(517 233)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+</g><g transform="translate(517 233)" 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(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><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(726 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 transform="translate(726 72)" 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 249)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+</g><g transform="translate(731 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(702 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 transform="translate(702 404)" 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"/>
@@ -207,7 +207,7 @@
 </clipPath>
 </defs>
 </svg>
-</g></g></a><a href="example.com" xlink:href="example.com"><g id="linked.callout" class="linked"><g class="shape" ><path d="M 795 63 V 109 H 859 V 154 L 889 109 H 923 V 63 H 796 Z" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="858.500000" y="91.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">callout</text><g transform="translate(906 47)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+</g><g transform="translate(906 47)" 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"/>
@@ -219,7 +219,7 @@
 </clipPath>
 </defs>
 </svg>
-</g></g></a><a href="example.com" xlink:href="example.com"><g id="linked.stored_data" class="linked"><g class="shape" ><path d="M 782 254 H 950 C 946 254 935 272 935 287 C 935 302 946 320 950 320 H 782 C 778 320 767 302 767 287 C 767 272 778 254 782 254 Z" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /></g><text x="858.500000" y="292.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">stored_data</text><g transform="translate(934 238)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+</g><g transform="translate(934 238)" 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(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><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(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><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(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><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(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><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(1298 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 transform="translate(1298 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"/>
@@ -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(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><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"/>
@@ -303,7 +303,7 @@
 </clipPath>
 </defs>
 </svg>
-</g></g></a><g id="tooltipped.rectangle" class="tooltipped"><g class="shape" ><rect x="182.000000" y="734.000000" width="143.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="253.500000" y="772.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">rectangle</text><g transform="translate(309 718)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+</g><g transform="translate(309 718)" 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"/>
@@ -316,7 +316,7 @@
 </clipPath>
 </defs>
 </svg>
-</g><title>example</title></g><g id="tooltipped.square" class="tooltipped"><g class="shape" ><rect x="190.000000" y="870.000000" width="126.000000" height="126.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="253.000000" y="938.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">square</text><g transform="translate(300 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 transform="translate(300 854)" 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"/>
@@ -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(272 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 transform="translate(272 1050)" 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"/>
@@ -342,7 +342,7 @@
 </clipPath>
 </defs>
 </svg>
-</g><title>example</title></g><g id="tooltipped.parallelogram" class="tooltipped"><g class="shape" ><path d="M 371 734 L 573 734 L 547 800 L 345 800 L 345 800 Z" class=" stroke-B1 fill-N5" style="stroke-width:2;" /></g><text x="459.000000" y="772.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">parallelogram</text><g transform="translate(557 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 transform="translate(557 718)" 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"/>
@@ -355,7 +355,7 @@
 </clipPath>
 </defs>
 </svg>
-</g><title>example</title></g><g id="tooltipped.document" class="tooltipped"><g class="shape" ><path d="M 384 960 L 384 895 L 533 895 L 533 960 C 508 946 483 946 459 960 C 434 975 409 975 384 960 Z" class=" stroke-B1 fill-AB5" style="stroke-width:2;" /></g><text x="458.500000" y="928.610964" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">document</text><g transform="translate(517 879)" 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(517 879)" 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(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><title>example</title><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(726 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 transform="translate(726 718)" 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 895)" 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(731 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(702 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 transform="translate(702 1050)" 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"/>
@@ -420,7 +420,7 @@
 </clipPath>
 </defs>
 </svg>
-</g><title>example</title></g><g id="tooltipped.callout" class="tooltipped"><g class="shape" ><path d="M 795 709 V 755 H 859 V 800 L 889 755 H 923 V 709 H 796 Z" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="858.500000" y="737.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">callout</text><g transform="translate(906 693)" 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(906 693)" 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"/>
@@ -433,7 +433,7 @@
 </clipPath>
 </defs>
 </svg>
-</g><title>example</title></g><g id="tooltipped.stored_data" class="tooltipped"><g class="shape" ><path d="M 782 900 H 950 C 946 900 935 918 935 933 C 935 948 946 966 950 966 H 782 C 778 966 767 948 767 933 C 767 918 778 900 782 900 Z" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /></g><text x="858.500000" y="938.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">stored_data</text><g transform="translate(934 884)" 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(934 884)" 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(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><title>example</title><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(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><title>example</title><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(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><title>example</title><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(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><title>example</title><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(1298 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 transform="translate(1298 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"/>
@@ -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(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><title>example</title><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"/>
@@ -524,7 +524,7 @@
 </clipPath>
 </defs>
 </svg>
-</g><title>example</title></g><a href="example.com" xlink:href="example.com"><g id="both.rectangle" class="linked tooltipped"><g class="shape" ><rect x="62.000000" y="1380.000000" width="175.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="149.500000" y="1418.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">rectangle</text><g transform="translate(221 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(221 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_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"/>
@@ -549,7 +549,7 @@
 </clipPath>
 </defs>
 </svg>
-</g></g></a><a href="example.com" xlink:href="example.com"><g id="both.square" class="linked tooltipped"><g class="shape" ><rect x="70.000000" y="1516.000000" width="158.000000" height="158.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="149.000000" y="1600.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">square</text><g transform="translate(212 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 transform="translate(212 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_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(184 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 transform="translate(184 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_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"/>
@@ -599,7 +599,7 @@
 </clipPath>
 </defs>
 </svg>
-</g></g></a><a href="example.com" xlink:href="example.com"><g id="both.parallelogram" class="linked tooltipped"><g class="shape" ><path d="M 283 1380 L 517 1380 L 491 1446 L 257 1446 L 257 1446 Z" class=" stroke-B1 fill-N5" style="stroke-width:2;" /></g><text x="387.000000" y="1418.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">parallelogram</text><g transform="translate(501 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 transform="translate(501 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_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"/>
@@ -624,7 +624,7 @@
 </clipPath>
 </defs>
 </svg>
-</g></g></a><a href="example.com" xlink:href="example.com"><g id="both.document" class="linked tooltipped"><g class="shape" ><path d="M 296 1622 L 296 1557 L 477 1557 L 477 1622 C 447 1608 417 1608 387 1622 C 356 1637 326 1637 296 1622 Z" class=" stroke-B1 fill-AB5" style="stroke-width:2;" /></g><text x="386.500000" y="1590.610964" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">document</text><g transform="translate(461 1541)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+</g><g transform="translate(461 1541)" 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"/>
@@ -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(452 1732)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+</g><g transform="translate(452 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_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"/>
@@ -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(702 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 transform="translate(702 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_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"/>
@@ -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 1557)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+</g><g transform="translate(707 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"/>
@@ -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(678 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 transform="translate(678 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_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"/>
@@ -749,7 +749,7 @@
 </clipPath>
 </defs>
 </svg>
-</g></g></a><a href="example.com" xlink:href="example.com"><g id="both.callout" class="linked tooltipped"><g class="shape" ><path d="M 771 1355 V 1401 H 851 V 1446 L 881 1401 H 931 V 1355 H 772 Z" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="850.500000" y="1383.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">callout</text><g transform="translate(914 1339)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+</g><g transform="translate(914 1339)" 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"/>
@@ -774,7 +774,7 @@
 </clipPath>
 </defs>
 </svg>
-</g></g></a><a href="example.com" xlink:href="example.com"><g id="both.stored_data" class="linked tooltipped"><g class="shape" ><path d="M 758 1562 H 958 C 954 1562 943 1580 943 1595 C 943 1610 954 1628 958 1628 H 758 C 754 1628 743 1610 743 1595 C 743 1580 754 1562 758 1562 Z" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /></g><text x="850.500000" y="1600.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">stored_data</text><g transform="translate(942 1546)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+</g><g transform="translate(942 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_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"/>
@@ -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(894 1733)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+</g><g transform="translate(894 1733)" 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"/>
@@ -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(1171 1358)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+</g><g transform="translate(1171 1358)" 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"/>
@@ -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(1153 1549)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+</g><g transform="translate(1153 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"/>
@@ -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(1144 1737)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+</g><g transform="translate(1144 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"/>
@@ -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(1406 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 transform="translate(1406 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"/>
@@ -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(1427 1510)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+</g><g transform="translate(1427 1510)" 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"/>
@@ -949,7 +949,7 @@
 </clipPath>
 </defs>
 </svg>
-</g></g></a><g id="linked.(rectangle -&gt; square)[0]"><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 253.500000 156.000000 L 253.500000 220.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-4190623083)" /></g><g id="linked.(square -&gt; page)[0]"><path d="M 253.514285 351.999949 L 253.971429 416.000102" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-4190623083)" /></g><g id="linked.(parallelogram -&gt; document)[0]"><path d="M 459.000000 156.000000 L 459.000000 245.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-4190623083)" /></g><g id="linked.(document -&gt; cylinder)[0]"><path d="M 459.000000 316.000000 L 459.000000 416.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-4190623083)" /></g><g id="linked.(queue -&gt; package)[0]"><path d="M 679.020617 155.999894 L 679.958765 247.000213" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-4190623083)" /></g><g id="linked.(package -&gt; step)[0]"><path d="M 679.020832 325.999892 L 679.958336 416.000217" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-4190623083)" /></g><g id="linked.(callout -&gt; stored_data)[0]"><path d="M 859.000000 111.000000 L 859.000000 250.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-4190623083)" /></g><g id="linked.(stored_data -&gt; person)[0]"><path d="M 859.000000 322.000000 L 859.000000 416.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-4190623083)" /></g><g id="linked.(diamond -&gt; oval)[0]"><path d="M 1052.000000 156.000000 L 1052.000000 248.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-4190623083)" /></g><g id="linked.(oval -&gt; circle)[0]"><path d="M 1052.000000 324.000000 L 1052.000000 416.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-4190623083)" /></g><g id="linked.(hexagon -&gt; cloud)[0]"><path d="M 1270.000000 156.000000 L 1270.000000 221.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-4190623083)" /></g><g id="tooltipped.(rectangle -&gt; square)[0]"><path d="M 253.500000 802.000000 L 253.500000 866.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-4190623083)" /></g><g id="tooltipped.(square -&gt; page)[0]"><path d="M 253.514285 997.999949 L 253.971429 1062.000102" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-4190623083)" /></g><g id="tooltipped.(parallelogram -&gt; document)[0]"><path d="M 459.000000 802.000000 L 459.000000 891.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-4190623083)" /></g><g id="tooltipped.(document -&gt; cylinder)[0]"><path d="M 459.000000 962.000000 L 459.000000 1062.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-4190623083)" /></g><g id="tooltipped.(queue -&gt; package)[0]"><path d="M 679.020617 801.999894 L 679.958765 893.000213" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-4190623083)" /></g><g id="tooltipped.(package -&gt; step)[0]"><path d="M 679.020832 971.999892 L 679.958336 1062.000217" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-4190623083)" /></g><g id="tooltipped.(callout -&gt; stored_data)[0]"><path d="M 859.000000 757.000000 L 859.000000 896.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-4190623083)" /></g><g id="tooltipped.(stored_data -&gt; person)[0]"><path d="M 859.000000 968.000000 L 859.000000 1062.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-4190623083)" /></g><g id="tooltipped.(diamond -&gt; oval)[0]"><path d="M 1052.000000 802.000000 L 1052.000000 894.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-4190623083)" /></g><g id="tooltipped.(oval -&gt; circle)[0]"><path d="M 1052.000000 970.000000 L 1052.000000 1062.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-4190623083)" /></g><g id="tooltipped.(hexagon -&gt; cloud)[0]"><path d="M 1270.000000 802.000000 L 1270.000000 867.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-4190623083)" /></g><g id="both.(rectangle -&gt; square)[0]"><path d="M 149.500000 1448.000000 L 149.500000 1512.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-4190623083)" /></g><g id="both.(square -&gt; page)[0]"><path d="M 149.514285 1675.999949 L 149.971429 1740.000102" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-4190623083)" /></g><g id="both.(parallelogram -&gt; document)[0]"><path d="M 387.000000 1448.000000 L 387.000000 1553.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-4190623083)" /></g><g id="both.(document -&gt; cylinder)[0]"><path d="M 387.000000 1624.000000 L 387.000000 1740.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-4190623083)" /></g><g id="both.(queue -&gt; package)[0]"><path d="M 639.017698 1447.999922 L 639.964603 1555.000157" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-4190623083)" /></g><g id="both.(package -&gt; step)[0]"><path d="M 639.000000 1634.000000 L 639.000000 1740.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-4190623083)" /></g><g id="both.(callout -&gt; stored_data)[0]"><path d="M 850.987578 1402.999961 L 850.024844 1558.000077" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-4190623083)" /></g><g id="both.(stored_data -&gt; person)[0]"><path d="M 850.017241 1629.999926 L 850.965519 1740.000149" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-4190623083)" /></g><g id="both.(diamond -&gt; oval)[0]"><path d="M 1092.000000 1448.000000 L 1092.000000 1556.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-4190623083)" /></g><g id="both.(oval -&gt; circle)[0]"><path d="M 1092.000000 1632.000000 L 1092.000000 1740.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-4190623083)" /></g><g id="both.(hexagon -&gt; cloud)[0]"><path d="M 1366.000000 1448.000000 L 1366.000000 1513.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-4190623083)" /></g><g id="(linked -&gt; tooltipped)[0]"><path d="M 770.000000 590.000000 L 770.000000 654.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-4190623083)" /></g><g id="(tooltipped -&gt; both)[0]"><path d="M 770.000000 1236.000000 L 770.000000 1300.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-4190623083)" /></g><mask id="d2-4190623083" maskUnits="userSpaceOnUse" x="11" y="11" width="1518" height="1931">
+</g><mask id="d2-4190623083" maskUnits="userSpaceOnUse" x="11" y="11" width="1518" height="1931">
 <rect x="11" y="11" width="1518" height="1931" fill="white"></rect>
 <rect x="735.000000" y="17.000000" width="70" height="36" fill="rgba(0,0,0,0.75)"></rect>
 <rect x="708.500000" y="663.000000" width="123" height="36" fill="rgba(0,0,0,0.75)"></rect>
diff --git a/e2etests/testdata/stable/links/dagre/sketch.exp.svg b/e2etests/testdata/stable/links/dagre/sketch.exp.svg
index fbc5fabd4..2dd378f7a 100644
--- a/e2etests/testdata/stable/links/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/links/dagre/sketch.exp.svg
@@ -92,7 +92,7 @@
 		.d2-2692295619 .color-AA4{color:#EDF0FD;}
 		.d2-2692295619 .color-AA5{color:#F7F8FE;}
 		.d2-2692295619 .color-AB4{color:#EDF0FD;}
-		.d2-2692295619 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><a href="https://d2lang.com" xlink:href="https://d2lang.com"><g id="x"><g class="shape" ><rect x="17.000000" y="0.000000" width="85.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="59.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text><g transform="translate(86 -16)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+		.d2-2692295619 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><a href="https://d2lang.com" xlink:href="https://d2lang.com"><g id="x"><g class="shape" ><rect x="17.000000" y="0.000000" width="85.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="59.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g></a><a href="https://terrastruct.com" xlink:href="https://terrastruct.com"><g id="y"><g class="shape" ><rect x="0.000000" y="166.000000" width="118.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="59.000000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g></a><g id="(x -&gt; y)[0]"><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 59.000000 68.000000 C 59.000000 106.000000 59.000000 126.000000 59.000000 162.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-2692295619)" /></g><g transform="translate(86 -16)" 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"/>
@@ -104,7 +104,7 @@
 </clipPath>
 </defs>
 </svg>
-</g></g></a><a href="https://terrastruct.com" xlink:href="https://terrastruct.com"><g id="y"><g class="shape" ><rect x="0.000000" y="166.000000" width="118.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="59.000000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text><g transform="translate(102 150)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+</g><g transform="translate(102 150)" 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"/>
@@ -129,7 +129,7 @@
 </clipPath>
 </defs>
 </svg>
-</g></g></a><g id="(x -&gt; y)[0]"><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 59.000000 68.000000 C 59.000000 106.000000 59.000000 126.000000 59.000000 162.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-2692295619)" /></g><mask id="d2-2692295619" maskUnits="userSpaceOnUse" x="-1" y="-18" width="137" height="251">
+</g><mask id="d2-2692295619" maskUnits="userSpaceOnUse" x="-1" y="-18" width="137" height="251">
 <rect x="-1" y="-18" width="137" height="251" fill="white"></rect>
 <rect x="55.500000" y="22.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
 <rect x="54.500000" y="188.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>
diff --git a/e2etests/testdata/stable/links/elk/sketch.exp.svg b/e2etests/testdata/stable/links/elk/sketch.exp.svg
index 85be23695..3ad7ff513 100644
--- a/e2etests/testdata/stable/links/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/links/elk/sketch.exp.svg
@@ -92,7 +92,7 @@
 		.d2-640734671 .color-AA4{color:#EDF0FD;}
 		.d2-640734671 .color-AA5{color:#F7F8FE;}
 		.d2-640734671 .color-AB4{color:#EDF0FD;}
-		.d2-640734671 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><a href="https://d2lang.com" xlink:href="https://d2lang.com"><g id="x"><g class="shape" ><rect x="28.000000" y="12.000000" width="85.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="70.500000" y="50.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text><g transform="translate(97 -4)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+		.d2-640734671 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><a href="https://d2lang.com" xlink:href="https://d2lang.com"><g id="x"><g class="shape" ><rect x="28.000000" y="12.000000" width="85.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="70.500000" y="50.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g></a><a href="https://terrastruct.com" xlink:href="https://terrastruct.com"><g id="y"><g class="shape" ><rect x="12.000000" y="148.000000" width="118.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="71.000000" y="186.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g></a><g id="(x -&gt; y)[0]"><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 71.000000 80.000000 L 71.000000 144.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-640734671)" /></g><g transform="translate(97 -4)" 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"/>
@@ -104,7 +104,7 @@
 </clipPath>
 </defs>
 </svg>
-</g></g></a><a href="https://terrastruct.com" xlink:href="https://terrastruct.com"><g id="y"><g class="shape" ><rect x="12.000000" y="148.000000" width="118.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="71.000000" y="186.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text><g transform="translate(114 132)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+</g><g transform="translate(114 132)" 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"/>
@@ -129,7 +129,7 @@
 </clipPath>
 </defs>
 </svg>
-</g></g></a><g id="(x -&gt; y)[0]"><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 71.000000 80.000000 L 71.000000 144.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-640734671)" /></g><mask id="d2-640734671" maskUnits="userSpaceOnUse" x="11" y="-6" width="137" height="221">
+</g><mask id="d2-640734671" maskUnits="userSpaceOnUse" x="11" y="-6" width="137" height="221">
 <rect x="11" y="-6" width="137" height="221" fill="white"></rect>
 <rect x="66.500000" y="34.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
 <rect x="66.500000" y="170.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>
diff --git a/e2etests/testdata/stable/sql_table_tooltip_animated/dagre/sketch.exp.svg b/e2etests/testdata/stable/sql_table_tooltip_animated/dagre/sketch.exp.svg
index 6a5562dc2..cf9125a12 100644
--- a/e2etests/testdata/stable/sql_table_tooltip_animated/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/sql_table_tooltip_animated/dagre/sketch.exp.svg
@@ -98,7 +98,7 @@
 		.d2-3227093269 .color-AA4{color:#EDF0FD;}
 		.d2-3227093269 .color-AA5{color:#F7F8FE;}
 		.d2-3227093269 .color-AB4{color:#EDF0FD;}
-		.d2-3227093269 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g id="x"><g class="shape" ><rect x="0.000000" y="0.000000" width="60.000000" height="72.000000" class="shape stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="0.000000" y="0.000000" width="60.000000" height="36.000000" class="class_header fill-N1" /><text x="10.000000" y="25.750000" class="text fill-N7" style="text-anchor:start;font-size:24px">x</text><text x="10.000000" y="59.000000" class="text fill-B2" style="text-anchor:start;font-size:20px">y</text><text x="40.000000" y="59.000000" class="text fill-N2" style="text-anchor:start;font-size:20px" /><text x="50.000000" y="59.000000" class="text fill-AA2" style="text-anchor:end;font-size:20px" /><line x1="0.000000" x2="60.000000" y1="72.000000" y2="72.000000" class=" stroke-N1" style="stroke-width:2" /><g transform="translate(44 -16)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+		.d2-3227093269 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g id="x"><g class="shape" ><rect x="0.000000" y="0.000000" width="60.000000" height="72.000000" class="shape stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="0.000000" y="0.000000" width="60.000000" height="36.000000" class="class_header fill-N1" /><text x="10.000000" y="25.750000" class="text fill-N7" style="text-anchor:start;font-size:24px">x</text><text x="10.000000" y="59.000000" class="text fill-B2" style="text-anchor:start;font-size:20px">y</text><text x="40.000000" y="59.000000" class="text fill-N2" style="text-anchor:start;font-size:20px" /><text x="50.000000" y="59.000000" class="text fill-AA2" style="text-anchor:end;font-size:20px" /><line x1="0.000000" x2="60.000000" y1="72.000000" y2="72.000000" class=" stroke-N1" style="stroke-width:2" /></g></g><g id="a"><g class="shape" ><rect x="0.000000" y="172.000000" width="60.000000" height="72.000000" class="shape stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="0.000000" y="172.000000" width="60.000000" height="36.000000" class="class_header fill-N1" /><text x="10.000000" y="197.750000" class="text fill-N7" style="text-anchor:start;font-size:24px">a</text><text x="10.000000" y="231.000000" class="text fill-B2" style="text-anchor:start;font-size:20px">b</text><text x="40.000000" y="231.000000" class="text fill-N2" style="text-anchor:start;font-size:20px" /><text x="50.000000" y="231.000000" class="text fill-AA2" style="text-anchor:end;font-size:20px" /><line x1="0.000000" x2="60.000000" y1="244.000000" y2="244.000000" class=" stroke-N1" style="stroke-width:2" /></g></g><g id="(x -&gt; a)[0]"><marker id="mk-599773101" markerWidth="18.000000" markerHeight="18.000000" refX="15.000000" refY="9.000000" viewBox="0.000000 0.000000 18.000000 18.000000" orient="auto" markerUnits="userSpaceOnUse"> <g class="connection stroke-B1 fill-N7" stroke-width="2"><circle r="3.300000" cx="5.300000" cy="9.000000" class="connection stroke-B1 fill-N7" stroke-width="2" /><path d="M15.000000,9.000000 24.600000,9.000000 M9.600000,9.000000 24.600000,0.000000 M9.600000,9.000000 24.600000,18.000000" /></g> </marker><path d="M 30.000000 74.000000 C 30.000000 112.000000 30.000000 132.000000 30.000000 168.000000" fill="none" class="connection animated-connection stroke-B1" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;stroke-dashoffset:-198.656393;animation: dashdraw 4.932820s linear infinite;" marker-end="url(#mk-599773101)" mask="url(#d2-3227093269)" /></g><g transform="translate(44 -16)" 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"/>
@@ -111,7 +111,7 @@
 </clipPath>
 </defs>
 </svg>
-</g><title>I like turtles</title></g></g><g id="a"><g class="shape" ><rect x="0.000000" y="172.000000" width="60.000000" height="72.000000" class="shape stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="0.000000" y="172.000000" width="60.000000" height="36.000000" class="class_header fill-N1" /><text x="10.000000" y="197.750000" class="text fill-N7" style="text-anchor:start;font-size:24px">a</text><text x="10.000000" y="231.000000" class="text fill-B2" style="text-anchor:start;font-size:20px">b</text><text x="40.000000" y="231.000000" class="text fill-N2" style="text-anchor:start;font-size:20px" /><text x="50.000000" y="231.000000" class="text fill-AA2" style="text-anchor:end;font-size:20px" /><line x1="0.000000" x2="60.000000" y1="244.000000" y2="244.000000" class=" stroke-N1" style="stroke-width:2" /></g></g><g id="(x -&gt; a)[0]"><marker id="mk-599773101" markerWidth="18.000000" markerHeight="18.000000" refX="15.000000" refY="9.000000" viewBox="0.000000 0.000000 18.000000 18.000000" orient="auto" markerUnits="userSpaceOnUse"> <g class="connection stroke-B1 fill-N7" stroke-width="2"><circle r="3.300000" cx="5.300000" cy="9.000000" class="connection stroke-B1 fill-N7" stroke-width="2" /><path d="M15.000000,9.000000 24.600000,9.000000 M9.600000,9.000000 24.600000,0.000000 M9.600000,9.000000 24.600000,18.000000" /></g> </marker><path d="M 30.000000 74.000000 C 30.000000 112.000000 30.000000 132.000000 30.000000 168.000000" fill="none" class="connection animated-connection stroke-B1" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;stroke-dashoffset:-198.656393;animation: dashdraw 4.932820s linear infinite;" marker-end="url(#mk-599773101)" mask="url(#d2-3227093269)" /></g><mask id="d2-3227093269" maskUnits="userSpaceOnUse" x="-1" y="-18" width="79" height="263">
+</g><title>I like turtles</title><mask id="d2-3227093269" maskUnits="userSpaceOnUse" x="-1" y="-18" width="79" height="263">
 <rect x="-1" y="-18" width="79" height="263" fill="white"></rect>
 
 </mask></svg></svg>
\ No newline at end of file
diff --git a/e2etests/testdata/stable/sql_table_tooltip_animated/elk/sketch.exp.svg b/e2etests/testdata/stable/sql_table_tooltip_animated/elk/sketch.exp.svg
index ed16923ce..e18c8ec1e 100644
--- a/e2etests/testdata/stable/sql_table_tooltip_animated/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/sql_table_tooltip_animated/elk/sketch.exp.svg
@@ -98,7 +98,7 @@
 		.d2-514706804 .color-AA4{color:#EDF0FD;}
 		.d2-514706804 .color-AA5{color:#F7F8FE;}
 		.d2-514706804 .color-AB4{color:#EDF0FD;}
-		.d2-514706804 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g id="x"><g class="shape" ><rect x="12.000000" y="12.000000" width="60.000000" height="72.000000" class="shape stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="12.000000" y="12.000000" width="60.000000" height="36.000000" class="class_header fill-N1" /><text x="22.000000" y="37.750000" class="text fill-N7" style="text-anchor:start;font-size:24px">x</text><text x="22.000000" y="71.000000" class="text fill-B2" style="text-anchor:start;font-size:20px">y</text><text x="52.000000" y="71.000000" class="text fill-N2" style="text-anchor:start;font-size:20px" /><text x="62.000000" y="71.000000" class="text fill-AA2" style="text-anchor:end;font-size:20px" /><line x1="12.000000" x2="72.000000" y1="84.000000" y2="84.000000" class=" stroke-N1" style="stroke-width:2" /><g transform="translate(56 -4)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+		.d2-514706804 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g id="x"><g class="shape" ><rect x="12.000000" y="12.000000" width="60.000000" height="72.000000" class="shape stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="12.000000" y="12.000000" width="60.000000" height="36.000000" class="class_header fill-N1" /><text x="22.000000" y="37.750000" class="text fill-N7" style="text-anchor:start;font-size:24px">x</text><text x="22.000000" y="71.000000" class="text fill-B2" style="text-anchor:start;font-size:20px">y</text><text x="52.000000" y="71.000000" class="text fill-N2" style="text-anchor:start;font-size:20px" /><text x="62.000000" y="71.000000" class="text fill-AA2" style="text-anchor:end;font-size:20px" /><line x1="12.000000" x2="72.000000" y1="84.000000" y2="84.000000" class=" stroke-N1" style="stroke-width:2" /></g></g><g id="a"><g class="shape" ><rect x="12.000000" y="154.000000" width="60.000000" height="72.000000" class="shape stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="12.000000" y="154.000000" width="60.000000" height="36.000000" class="class_header fill-N1" /><text x="22.000000" y="179.750000" class="text fill-N7" style="text-anchor:start;font-size:24px">a</text><text x="22.000000" y="213.000000" class="text fill-B2" style="text-anchor:start;font-size:20px">b</text><text x="52.000000" y="213.000000" class="text fill-N2" style="text-anchor:start;font-size:20px" /><text x="62.000000" y="213.000000" class="text fill-AA2" style="text-anchor:end;font-size:20px" /><line x1="12.000000" x2="72.000000" y1="226.000000" y2="226.000000" class=" stroke-N1" style="stroke-width:2" /></g></g><g id="(x -&gt; a)[0]"><marker id="mk-599773101" markerWidth="18.000000" markerHeight="18.000000" refX="15.000000" refY="9.000000" viewBox="0.000000 0.000000 18.000000 18.000000" orient="auto" markerUnits="userSpaceOnUse"> <g class="connection stroke-B1 fill-N7" stroke-width="2"><circle r="3.300000" cx="5.300000" cy="9.000000" class="connection stroke-B1 fill-N7" stroke-width="2" /><path d="M15.000000,9.000000 24.600000,9.000000 M9.600000,9.000000 24.600000,0.000000 M9.600000,9.000000 24.600000,18.000000" /></g> </marker><path d="M 42.000000 86.000000 L 42.000000 150.000000" fill="none" class="connection animated-connection stroke-B1" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;stroke-dashoffset:-198.656393;animation: dashdraw 4.932820s linear infinite;" marker-end="url(#mk-599773101)" mask="url(#d2-514706804)" /></g><g transform="translate(56 -4)" 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"/>
@@ -111,7 +111,7 @@
 </clipPath>
 </defs>
 </svg>
-</g><title>I like turtles</title></g></g><g id="a"><g class="shape" ><rect x="12.000000" y="154.000000" width="60.000000" height="72.000000" class="shape stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="12.000000" y="154.000000" width="60.000000" height="36.000000" class="class_header fill-N1" /><text x="22.000000" y="179.750000" class="text fill-N7" style="text-anchor:start;font-size:24px">a</text><text x="22.000000" y="213.000000" class="text fill-B2" style="text-anchor:start;font-size:20px">b</text><text x="52.000000" y="213.000000" class="text fill-N2" style="text-anchor:start;font-size:20px" /><text x="62.000000" y="213.000000" class="text fill-AA2" style="text-anchor:end;font-size:20px" /><line x1="12.000000" x2="72.000000" y1="226.000000" y2="226.000000" class=" stroke-N1" style="stroke-width:2" /></g></g><g id="(x -&gt; a)[0]"><marker id="mk-599773101" markerWidth="18.000000" markerHeight="18.000000" refX="15.000000" refY="9.000000" viewBox="0.000000 0.000000 18.000000 18.000000" orient="auto" markerUnits="userSpaceOnUse"> <g class="connection stroke-B1 fill-N7" stroke-width="2"><circle r="3.300000" cx="5.300000" cy="9.000000" class="connection stroke-B1 fill-N7" stroke-width="2" /><path d="M15.000000,9.000000 24.600000,9.000000 M9.600000,9.000000 24.600000,0.000000 M9.600000,9.000000 24.600000,18.000000" /></g> </marker><path d="M 42.000000 86.000000 L 42.000000 150.000000" fill="none" class="connection animated-connection stroke-B1" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;stroke-dashoffset:-198.656393;animation: dashdraw 4.932820s linear infinite;" marker-end="url(#mk-599773101)" mask="url(#d2-514706804)" /></g><mask id="d2-514706804" maskUnits="userSpaceOnUse" x="11" y="-6" width="79" height="233">
+</g><title>I like turtles</title><mask id="d2-514706804" maskUnits="userSpaceOnUse" x="11" y="-6" width="79" height="233">
 <rect x="11" y="-6" width="79" height="233" fill="white"></rect>
 
 </mask></svg></svg>
\ No newline at end of file
diff --git a/e2etests/testdata/stable/tooltips/dagre/sketch.exp.svg b/e2etests/testdata/stable/tooltips/dagre/sketch.exp.svg
index 176e0507d..ececdc692 100644
--- a/e2etests/testdata/stable/tooltips/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/tooltips/dagre/sketch.exp.svg
@@ -92,7 +92,7 @@
 		.d2-820103664 .color-AA4{color:#EDF0FD;}
 		.d2-820103664 .color-AA5{color:#F7F8FE;}
 		.d2-820103664 .color-AB4{color:#EDF0FD;}
-		.d2-820103664 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g id="x"><g class="shape" ><rect x="1.000000" y="0.000000" width="85.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="43.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text><g transform="translate(70 -16)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+		.d2-820103664 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g id="x"><g class="shape" ><rect x="1.000000" y="0.000000" width="85.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="43.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g id="y"><g class="shape" ><rect x="0.000000" y="166.000000" width="86.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="43.000000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><g id="(x -&gt; y)[0]"><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 43.000000 68.000000 C 43.000000 106.000000 43.000000 126.000000 43.000000 162.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-820103664)" /></g><g transform="translate(70 -16)" 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"/>
@@ -105,7 +105,7 @@
 </clipPath>
 </defs>
 </svg>
-</g><title>Total abstinence is easier than perfect moderation</title></g><g id="y"><g class="shape" ><rect x="0.000000" y="166.000000" width="86.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="43.000000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text><g transform="translate(70 150)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+</g><title>Total abstinence is easier than perfect moderation</title><g transform="translate(70 150)" 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"/>
@@ -118,7 +118,7 @@
 </clipPath>
 </defs>
 </svg>
-</g><title>Gee, I feel kind of LIGHT in the head now,&#xA;knowing I can&#39;t make my satellite dish PAYMENTS!</title></g><g id="(x -&gt; y)[0]"><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 43.000000 68.000000 C 43.000000 106.000000 43.000000 126.000000 43.000000 162.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-820103664)" /></g><mask id="d2-820103664" maskUnits="userSpaceOnUse" x="-1" y="-18" width="105" height="251">
+</g><title>Gee, I feel kind of LIGHT in the head now,&#xA;knowing I can&#39;t make my satellite dish PAYMENTS!</title><mask id="d2-820103664" maskUnits="userSpaceOnUse" x="-1" y="-18" width="105" height="251">
 <rect x="-1" y="-18" width="105" height="251" fill="white"></rect>
 <rect x="39.500000" y="22.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
 <rect x="38.500000" y="188.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>
diff --git a/e2etests/testdata/stable/tooltips/elk/sketch.exp.svg b/e2etests/testdata/stable/tooltips/elk/sketch.exp.svg
index c23111128..4b0ff26bf 100644
--- a/e2etests/testdata/stable/tooltips/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/tooltips/elk/sketch.exp.svg
@@ -92,7 +92,7 @@
 		.d2-3162884028 .color-AA4{color:#EDF0FD;}
 		.d2-3162884028 .color-AA5{color:#F7F8FE;}
 		.d2-3162884028 .color-AB4{color:#EDF0FD;}
-		.d2-3162884028 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g id="x"><g class="shape" ><rect x="12.000000" y="12.000000" width="85.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="54.500000" y="50.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text><g transform="translate(81 -4)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+		.d2-3162884028 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g id="x"><g class="shape" ><rect x="12.000000" y="12.000000" width="85.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="54.500000" y="50.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g id="y"><g class="shape" ><rect x="12.000000" y="148.000000" width="86.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="55.000000" y="186.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><g id="(x -&gt; y)[0]"><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 55.000000 80.000000 L 55.000000 144.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3162884028)" /></g><g transform="translate(81 -4)" 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"/>
@@ -105,7 +105,7 @@
 </clipPath>
 </defs>
 </svg>
-</g><title>Total abstinence is easier than perfect moderation</title></g><g id="y"><g class="shape" ><rect x="12.000000" y="148.000000" width="86.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="55.000000" y="186.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text><g transform="translate(82 132)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+</g><title>Total abstinence is easier than perfect moderation</title><g transform="translate(82 132)" 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"/>
@@ -118,7 +118,7 @@
 </clipPath>
 </defs>
 </svg>
-</g><title>Gee, I feel kind of LIGHT in the head now,&#xA;knowing I can&#39;t make my satellite dish PAYMENTS!</title></g><g id="(x -&gt; y)[0]"><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 55.000000 80.000000 L 55.000000 144.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3162884028)" /></g><mask id="d2-3162884028" maskUnits="userSpaceOnUse" x="11" y="-6" width="105" height="221">
+</g><title>Gee, I feel kind of LIGHT in the head now,&#xA;knowing I can&#39;t make my satellite dish PAYMENTS!</title><mask id="d2-3162884028" maskUnits="userSpaceOnUse" x="11" y="-6" width="105" height="221">
 <rect x="11" y="-6" width="105" height="221" fill="white"></rect>
 <rect x="50.500000" y="34.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
 <rect x="50.500000" y="170.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>