diff --git a/d2cli/main.go b/d2cli/main.go
index 12128e956..0f820ff9c 100644
--- a/d2cli/main.go
+++ b/d2cli/main.go
@@ -845,13 +845,15 @@ func _render(ctx context.Context, ms *xmain.State, plugin d2plugin.Plugin, opts
 		scale = go2.Pointer(1.)
 	}
 	svg, err := d2svg.Render(diagram, &d2svg.RenderOpts{
-		Pad:         opts.Pad,
-		Sketch:      opts.Sketch,
-		Center:      opts.Center,
-		ThemeID:     opts.ThemeID,
-		DarkThemeID: opts.DarkThemeID,
-		MasterID:    opts.MasterID,
-		Scale:       scale,
+		Pad:                opts.Pad,
+		Sketch:             opts.Sketch,
+		Center:             opts.Center,
+		ThemeID:            opts.ThemeID,
+		DarkThemeID:        opts.DarkThemeID,
+		MasterID:           opts.MasterID,
+		ThemeOverrides:     opts.ThemeOverrides,
+		DarkThemeOverrides: opts.DarkThemeOverrides,
+		Scale:              scale,
 	})
 	if err != nil {
 		return nil, err
diff --git a/e2etests-cli/testdata/TestCLI_E2E/theme-override.exp.svg b/e2etests-cli/testdata/TestCLI_E2E/theme-override.exp.svg
index 043ab2783..481fb6b96 100644
--- a/e2etests-cli/testdata/TestCLI_E2E/theme-override.exp.svg
+++ b/e2etests-cli/testdata/TestCLI_E2E/theme-override.exp.svg
@@ -32,78 +32,78 @@
   opacity: 0.5;
 }
 
-		.d2-64011612 .fill-N1{fill:#0A0F25;}
-		.d2-64011612 .fill-N2{fill:#676C7E;}
-		.d2-64011612 .fill-N3{fill:#9499AB;}
-		.d2-64011612 .fill-N4{fill:#CFD2DD;}
-		.d2-64011612 .fill-N5{fill:#DEE1EB;}
-		.d2-64011612 .fill-N6{fill:#EEF1F8;}
-		.d2-64011612 .fill-N7{fill:#FFFFFF;}
-		.d2-64011612 .fill-B1{fill:#0D32B2;}
-		.d2-64011612 .fill-B2{fill:#0D32B2;}
-		.d2-64011612 .fill-B3{fill:#E3E9FD;}
-		.d2-64011612 .fill-B4{fill:#E3E9FD;}
-		.d2-64011612 .fill-B5{fill:#EDF0FD;}
-		.d2-64011612 .fill-B6{fill:#F7F8FE;}
-		.d2-64011612 .fill-AA2{fill:#4A6FF3;}
-		.d2-64011612 .fill-AA4{fill:#EDF0FD;}
-		.d2-64011612 .fill-AA5{fill:#F7F8FE;}
-		.d2-64011612 .fill-AB4{fill:#EDF0FD;}
-		.d2-64011612 .fill-AB5{fill:#F7F8FE;}
-		.d2-64011612 .stroke-N1{stroke:#0A0F25;}
-		.d2-64011612 .stroke-N2{stroke:#676C7E;}
-		.d2-64011612 .stroke-N3{stroke:#9499AB;}
-		.d2-64011612 .stroke-N4{stroke:#CFD2DD;}
-		.d2-64011612 .stroke-N5{stroke:#DEE1EB;}
-		.d2-64011612 .stroke-N6{stroke:#EEF1F8;}
-		.d2-64011612 .stroke-N7{stroke:#FFFFFF;}
-		.d2-64011612 .stroke-B1{stroke:#0D32B2;}
-		.d2-64011612 .stroke-B2{stroke:#0D32B2;}
-		.d2-64011612 .stroke-B3{stroke:#E3E9FD;}
-		.d2-64011612 .stroke-B4{stroke:#E3E9FD;}
-		.d2-64011612 .stroke-B5{stroke:#EDF0FD;}
-		.d2-64011612 .stroke-B6{stroke:#F7F8FE;}
-		.d2-64011612 .stroke-AA2{stroke:#4A6FF3;}
-		.d2-64011612 .stroke-AA4{stroke:#EDF0FD;}
-		.d2-64011612 .stroke-AA5{stroke:#F7F8FE;}
-		.d2-64011612 .stroke-AB4{stroke:#EDF0FD;}
-		.d2-64011612 .stroke-AB5{stroke:#F7F8FE;}
-		.d2-64011612 .background-color-N1{background-color:#0A0F25;}
-		.d2-64011612 .background-color-N2{background-color:#676C7E;}
-		.d2-64011612 .background-color-N3{background-color:#9499AB;}
-		.d2-64011612 .background-color-N4{background-color:#CFD2DD;}
-		.d2-64011612 .background-color-N5{background-color:#DEE1EB;}
-		.d2-64011612 .background-color-N6{background-color:#EEF1F8;}
-		.d2-64011612 .background-color-N7{background-color:#FFFFFF;}
-		.d2-64011612 .background-color-B1{background-color:#0D32B2;}
-		.d2-64011612 .background-color-B2{background-color:#0D32B2;}
-		.d2-64011612 .background-color-B3{background-color:#E3E9FD;}
-		.d2-64011612 .background-color-B4{background-color:#E3E9FD;}
-		.d2-64011612 .background-color-B5{background-color:#EDF0FD;}
-		.d2-64011612 .background-color-B6{background-color:#F7F8FE;}
-		.d2-64011612 .background-color-AA2{background-color:#4A6FF3;}
-		.d2-64011612 .background-color-AA4{background-color:#EDF0FD;}
-		.d2-64011612 .background-color-AA5{background-color:#F7F8FE;}
-		.d2-64011612 .background-color-AB4{background-color:#EDF0FD;}
-		.d2-64011612 .background-color-AB5{background-color:#F7F8FE;}
-		.d2-64011612 .color-N1{color:#0A0F25;}
-		.d2-64011612 .color-N2{color:#676C7E;}
-		.d2-64011612 .color-N3{color:#9499AB;}
-		.d2-64011612 .color-N4{color:#CFD2DD;}
-		.d2-64011612 .color-N5{color:#DEE1EB;}
-		.d2-64011612 .color-N6{color:#EEF1F8;}
-		.d2-64011612 .color-N7{color:#FFFFFF;}
-		.d2-64011612 .color-B1{color:#0D32B2;}
-		.d2-64011612 .color-B2{color:#0D32B2;}
-		.d2-64011612 .color-B3{color:#E3E9FD;}
-		.d2-64011612 .color-B4{color:#E3E9FD;}
-		.d2-64011612 .color-B5{color:#EDF0FD;}
-		.d2-64011612 .color-B6{color:#F7F8FE;}
-		.d2-64011612 .color-AA2{color:#4A6FF3;}
-		.d2-64011612 .color-AA4{color:#EDF0FD;}
-		.d2-64011612 .color-AA5{color:#F7F8FE;}
-		.d2-64011612 .color-AB4{color:#EDF0FD;}
-		.d2-64011612 .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="logs"><g class="shape" ><path d="M 2044 0 H 2095 C 2096 0 2097 0 2098 1 L 2115 17 C 2116 18 2116 19 2116 20 V 87 C 2116 87 2116 87 2116 87 H 2044 C 2043 87 2043 87 2043 87 V 0 C 2043 0 2043 0 2044 0 Z" class=" stroke-B1 fill-AB4" style="stroke-width:2;" /><path d="M 2115 87 H 2044 C 2043 87 2043 87 2043 86 V 1 C 2043 0 2043 -0 2044 -0 H 2094 C 2095 0 2095 0 2095 1 V 18 C 2095 19 2096 20 2097 20 H 2115 C 2116 20 2116 20 2116 21 V 86 C 2115 87 2116 87 2115 87 Z" class=" stroke-B1 fill-AB4" style="stroke-width:2;" /><path d="M 2034 10 H 2085 C 2086 10 2087 10 2088 11 L 2105 27 C 2106 28 2106 29 2106 30 V 97 C 2106 97 2106 97 2106 97 H 2034 C 2033 97 2033 97 2033 97 V 10 C 2033 10 2033 10 2034 10 Z" class=" stroke-B1 fill-AB4" style="stroke-width:2;" /><path d="M 2105 97 H 2034 C 2033 97 2033 97 2033 96 V 11 C 2033 10 2033 10 2034 10 H 2084 C 2085 10 2085 10 2085 11 V 28 C 2085 29 2086 30 2087 30 H 2105 C 2106 30 2106 30 2106 31 V 96 C 2105 97 2106 97 2105 97 Z" class=" stroke-B1 fill-AB4" style="stroke-width:2;" /></g><text x="2069.500000" y="59.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">logs</text></g><g id="user"><g class="shape" ><path d="M 171 536 H 123 V 535 C 123 524 128 514 137 509 C 132 505 129 498 129 491 C 129 480 137 470 147 470 C 157 470 165 480 165 491 C 165 498 162 504 158 508 C 166 513 172 523 172 534 V 535 H 171 Z" class=" stroke-B1 fill-B3" style="stroke-width:2;" /></g><text x="147.000000" y="557.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">User</text></g><g id="network"><g class="shape" ><rect x="606.000000" y="222.000000" width="1553.000000" height="399.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="1382.500000" y="209.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">Network</text></g><g id="server"><g class="shape" ><rect x="1694.000000" y="26.000000" width="120.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="1754.000000" y="64.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">API Server</text></g><g id="costumes"><g class="shape" ><rect x="0.000000" y="712.000000" width="294.000000" height="180.000000" class="shape stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="0.000000" y="712.000000" width="294.000000" height="36.000000" class="class_header fill-N1" /><text x="10.000000" y="737.750000" class="text fill-N7" style="text-anchor:start;font-size:24px">costumes</text><text x="10.000000" y="771.000000" class="text fill-B2" style="text-anchor:start;font-size:20px">id</text><text x="140.000000" y="771.000000" class="text fill-N2" style="text-anchor:start;font-size:20px">int</text><text x="284.000000" y="771.000000" class="text fill-AA2" style="text-anchor:end;font-size:20px">PK</text><line x1="0.000000" x2="294.000000" y1="784.000000" y2="784.000000" class=" stroke-N1" style="stroke-width:2" /><text x="10.000000" y="807.000000" class="text fill-B2" style="text-anchor:start;font-size:20px">silliness</text><text x="140.000000" y="807.000000" class="text fill-N2" style="text-anchor:start;font-size:20px">int</text><text x="284.000000" y="807.000000" class="text fill-AA2" style="text-anchor:end;font-size:20px" /><line x1="0.000000" x2="294.000000" y1="820.000000" y2="820.000000" class=" stroke-N1" style="stroke-width:2" /><text x="10.000000" y="843.000000" class="text fill-B2" style="text-anchor:start;font-size:20px">monster</text><text x="140.000000" y="843.000000" class="text fill-N2" style="text-anchor:start;font-size:20px">int</text><text x="284.000000" y="843.000000" class="text fill-AA2" style="text-anchor:end;font-size:20px" /><line x1="0.000000" x2="294.000000" y1="856.000000" y2="856.000000" class=" stroke-N1" style="stroke-width:2" /><text x="10.000000" y="879.000000" class="text fill-B2" style="text-anchor:start;font-size:20px">last_updated</text><text x="140.000000" y="879.000000" class="text fill-N2" style="text-anchor:start;font-size:20px">timestamp</text><text x="284.000000" y="879.000000" class="text fill-AA2" style="text-anchor:end;font-size:20px" /><line x1="0.000000" x2="294.000000" y1="892.000000" y2="892.000000" class=" stroke-N1" style="stroke-width:2" /></g></g><g id="monsters"><g class="shape" ><rect x="584.000000" y="712.000000" width="294.000000" height="180.000000" class="shape stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="584.000000" y="712.000000" width="294.000000" height="36.000000" class="class_header fill-N1" /><text x="594.000000" y="737.750000" class="text fill-N7" style="text-anchor:start;font-size:24px">monsters</text><text x="594.000000" y="771.000000" class="text fill-B2" style="text-anchor:start;font-size:20px">id</text><text x="724.000000" y="771.000000" class="text fill-N2" style="text-anchor:start;font-size:20px">int</text><text x="868.000000" y="771.000000" class="text fill-AA2" style="text-anchor:end;font-size:20px">PK</text><line x1="584.000000" x2="878.000000" y1="784.000000" y2="784.000000" class=" stroke-N1" style="stroke-width:2" /><text x="594.000000" y="807.000000" class="text fill-B2" style="text-anchor:start;font-size:20px">movie</text><text x="724.000000" y="807.000000" class="text fill-N2" style="text-anchor:start;font-size:20px">string</text><text x="868.000000" y="807.000000" class="text fill-AA2" style="text-anchor:end;font-size:20px" /><line x1="584.000000" x2="878.000000" y1="820.000000" y2="820.000000" class=" stroke-N1" style="stroke-width:2" /><text x="594.000000" y="843.000000" class="text fill-B2" style="text-anchor:start;font-size:20px">weight</text><text x="724.000000" y="843.000000" class="text fill-N2" style="text-anchor:start;font-size:20px">int</text><text x="868.000000" y="843.000000" class="text fill-AA2" style="text-anchor:end;font-size:20px" /><line x1="584.000000" x2="878.000000" y1="856.000000" y2="856.000000" class=" stroke-N1" style="stroke-width:2" /><text x="594.000000" y="879.000000" class="text fill-B2" style="text-anchor:start;font-size:20px">last_updated</text><text x="724.000000" y="879.000000" class="text fill-N2" style="text-anchor:start;font-size:20px">timestamp</text><text x="868.000000" y="879.000000" class="text fill-AA2" style="text-anchor:end;font-size:20px" /><line x1="584.000000" x2="878.000000" y1="892.000000" y2="892.000000" class=" stroke-N1" style="stroke-width:2" /></g></g><g id="network.tower"><g class="shape" ><rect x="636.000000" y="327.000000" width="514.000000" height="143.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="893.000000" y="315.000000" class="text fill-N1" style="text-anchor:middle;font-size:24px">Cell Tower</text></g><g id="network.processor"><g class="shape" ><rect x="1392.000000" y="263.000000" width="171.000000" height="188.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1477.500000" y="251.000000" class="text fill-N1" style="text-anchor:middle;font-size:24px">Data Processor</text></g><g id="network.portal"><g class="shape" ><rect x="2010.000000" y="465.000000" width="119.000000" height="126.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="2069.500000" y="453.000000" class="text fill-N1" style="text-anchor:middle;font-size:24px">Online Portal</text></g><g id="network.tower.satellites"><g class="shape" ><path d="M 691 361 H 806 C 802 361 791 379 791 394 C 791 409 802 427 806 427 H 691 C 687 427 676 409 676 394 C 676 379 687 361 691 361 Z" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /><path d="M 681 371 H 796 C 792 371 781 389 781 404 C 781 419 792 437 796 437 H 681 C 677 437 666 419 666 404 C 666 389 677 371 681 371 Z" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /></g><text x="731.000000" y="409.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">satellites</text></g><g id="network.tower.transmitter"><g class="shape" ><rect x="992.000000" y="360.000000" width="128.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="1056.000000" y="398.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">transmitter</text></g><g id="network.processor.storage"><g class="shape" ><path d="M 1432 317 C 1432 293 1477 293 1483 293 C 1488 293 1533 293 1533 317 V 387 C 1533 411 1488 411 1483 411 C 1477 411 1432 411 1432 387 V 317 Z" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /><path d="M 1432 317 C 1432 341 1477 341 1483 341 C 1488 341 1533 341 1533 317" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /><path d="M 1422 327 C 1422 303 1467 303 1473 303 C 1478 303 1523 303 1523 327 V 397 C 1523 421 1478 421 1473 421 C 1467 421 1422 421 1422 397 V 327 Z" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /><path d="M 1422 327 C 1422 351 1467 351 1473 351 C 1478 351 1523 351 1523 327" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /></g><text x="1472.500000" y="379.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Storage</text></g><g id="network.portal.UI"><g class="shape" ><rect x="2040.000000" y="495.000000" width="59.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="2069.500000" y="533.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">UI</text></g><g id="network.tower.(satellites -&gt; transmitter)[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 792.941861 392.521277 C 906.200012 364.600006 946.400024 362.899994 988.385049 382.787653" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-64011612)" /></g><g id="network.tower.(satellites -&gt; transmitter)[1]"><path d="M 794.000000 404.000000 C 906.400024 404.000000 946.400024 403.799988 988.000615 403.070164" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-64011612)" /></g><g id="network.tower.(satellites -&gt; transmitter)[2]"><path d="M 798.969207 416.349606 C 907.400024 435.600006 946.400024 436.899994 988.185669 423.704526" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-64011612)" /></g><g id="network.(tower.transmitter -&gt; processor)[0]"><path d="M 1122.000000 392.750000 C 1165.599976 392.750000 1295.199951 392.750000 1388.000000 392.750000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-64011612)" /><text x="1256.000000" y="398.000000" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">phone logs</text></g><g id="(user -&gt; network.tower)[0]"><path d="M 164.800215 499.128663 C 338.200012 415.200012 503.200012 394.000000 632.000000 394.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-64011612)" /><text x="390.000000" y="414.000000" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">Make call</text></g><g id="(network.processor -&gt; server)[0]"><path d="M 1565.000000 312.250000 C 1622.199951 312.250000 1655.800049 268.250000 1729.428360 95.928308" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-64011612)" /></g><g id="(network.processor -&gt; server)[1]"><path d="M 1565.000000 351.750000 C 1622.199951 351.750000 1656.599976 299.750000 1733.589197 95.492945" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-64011612)" /></g><g id="(network.processor -&gt; server)[2]"><path d="M 1565.000000 401.250000 C 1622.199951 401.250000 1657.400024 339.450012 1737.746158 96.048405" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-64011612)" /></g><g id="(server -&gt; logs)[0]"><path d="M 1815.957356 45.089197 C 1878.800049 31.900000 1987.400024 31.400000 2029.123464 42.013863" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-64011612)" /></g><g id="(server -&gt; logs)[1]"><path d="M 1815.994536 54.352257 C 1878.800049 49.700001 1987.400024 49.200001 2029.007520 51.754848" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-64011612)" /></g><g id="(server -&gt; logs)[2]"><path d="M 1815.957356 72.410803 C 1878.800049 85.599998 1987.400024 84.599998 2029.268308 68.440303" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-64011612)" /><text x="1924.000000" y="91.000000" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">persist</text></g><g id="(server -&gt; network.portal.UI)[0]"><path d="M 1771.568801 93.667411 C 1870.199951 426.149994 1988.800049 512.150024 2036.068511 521.012847" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-64011612)" /><text x="1849.000000" y="360.000000" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">display</text></g><g id="(user -&gt; network.portal.UI)[0]"><marker id="mk-2177206569" 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-B2" stroke-width="2" /> </marker><path d="M 162.883965 505.671323 C 337.799988 568.000000 399.600006 583.750000 426.000000 583.750000 C 452.399994 583.750000 481.399994 583.750000 498.500000 583.750000 C 515.599976 583.750000 567.799988 583.750000 629.000000 583.750000 C 690.200012 583.750000 771.799988 583.750000 833.000000 583.750000 C 894.200012 583.750000 959.200012 583.750000 995.500000 583.750000 C 1031.800049 583.750000 1080.199951 583.750000 1116.500000 583.750000 C 1152.800049 583.750000 1195.800049 583.750000 1224.000000 583.750000 C 1252.199951 583.750000 1289.800049 583.750000 1318.000000 583.750000 C 1346.199951 583.750000 1386.500000 583.750000 1418.750000 583.750000 C 1451.000000 583.750000 1494.000000 583.750000 1526.250000 583.750000 C 1558.500000 583.750000 1591.400024 583.750000 1608.500000 583.750000 C 1625.599976 583.750000 1660.400024 583.750000 1695.500000 583.750000 C 1730.599976 583.750000 1782.199951 583.750000 1824.500000 583.750000 C 1866.800049 583.750000 1988.800049 574.150024 2036.800002 538.150002" fill="none" class="connection stroke-B2" style="stroke-width:2;stroke-dasharray:6.000000,5.919384;" marker-end="url(#mk-2177206569)" mask="url(#d2-64011612)" /><text x="1101.000000" y="589.000000" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">access</text></g><g id="(costumes -&gt; monsters)[0]"><path d="M 296.000000 801.500000 C 364.399994 801.500000 399.600006 801.500000 426.000000 801.500000 C 452.399994 801.500000 538.400024 801.500000 580.000000 801.500000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-64011612)" /></g><mask id="d2-64011612" maskUnits="userSpaceOnUse" x="-101" y="-102" width="2361" height="1095">
+		.d2-64011612 .fill-N1{fill:#2E2E2E;}
+		.d2-64011612 .fill-N2{fill:#2E2E2E;}
+		.d2-64011612 .fill-N3{fill:#595959;}
+		.d2-64011612 .fill-N4{fill:#858585;}
+		.d2-64011612 .fill-N5{fill:#B1B1B1;}
+		.d2-64011612 .fill-N6{fill:#DCDCDC;}
+		.d2-64011612 .fill-N7{fill:#DCDCDC;}
+		.d2-64011612 .fill-B1{fill:#2E7D32;}
+		.d2-64011612 .fill-B2{fill:#66BB6A;}
+		.d2-64011612 .fill-B3{fill:#A5D6A7;}
+		.d2-64011612 .fill-B4{fill:#C5E1A5;}
+		.d2-64011612 .fill-B5{fill:#E6EE9C;}
+		.d2-64011612 .fill-B6{fill:#FFF59D;}
+		.d2-64011612 .fill-AA2{fill:#0D47A1;}
+		.d2-64011612 .fill-AA4{fill:#42A5F5;}
+		.d2-64011612 .fill-AA5{fill:#90CAF9;}
+		.d2-64011612 .fill-AB4{fill:#F44336;}
+		.d2-64011612 .fill-AB5{fill:#FFCDD2;}
+		.d2-64011612 .stroke-N1{stroke:#2E2E2E;}
+		.d2-64011612 .stroke-N2{stroke:#2E2E2E;}
+		.d2-64011612 .stroke-N3{stroke:#595959;}
+		.d2-64011612 .stroke-N4{stroke:#858585;}
+		.d2-64011612 .stroke-N5{stroke:#B1B1B1;}
+		.d2-64011612 .stroke-N6{stroke:#DCDCDC;}
+		.d2-64011612 .stroke-N7{stroke:#DCDCDC;}
+		.d2-64011612 .stroke-B1{stroke:#2E7D32;}
+		.d2-64011612 .stroke-B2{stroke:#66BB6A;}
+		.d2-64011612 .stroke-B3{stroke:#A5D6A7;}
+		.d2-64011612 .stroke-B4{stroke:#C5E1A5;}
+		.d2-64011612 .stroke-B5{stroke:#E6EE9C;}
+		.d2-64011612 .stroke-B6{stroke:#FFF59D;}
+		.d2-64011612 .stroke-AA2{stroke:#0D47A1;}
+		.d2-64011612 .stroke-AA4{stroke:#42A5F5;}
+		.d2-64011612 .stroke-AA5{stroke:#90CAF9;}
+		.d2-64011612 .stroke-AB4{stroke:#F44336;}
+		.d2-64011612 .stroke-AB5{stroke:#FFCDD2;}
+		.d2-64011612 .background-color-N1{background-color:#2E2E2E;}
+		.d2-64011612 .background-color-N2{background-color:#2E2E2E;}
+		.d2-64011612 .background-color-N3{background-color:#595959;}
+		.d2-64011612 .background-color-N4{background-color:#858585;}
+		.d2-64011612 .background-color-N5{background-color:#B1B1B1;}
+		.d2-64011612 .background-color-N6{background-color:#DCDCDC;}
+		.d2-64011612 .background-color-N7{background-color:#DCDCDC;}
+		.d2-64011612 .background-color-B1{background-color:#2E7D32;}
+		.d2-64011612 .background-color-B2{background-color:#66BB6A;}
+		.d2-64011612 .background-color-B3{background-color:#A5D6A7;}
+		.d2-64011612 .background-color-B4{background-color:#C5E1A5;}
+		.d2-64011612 .background-color-B5{background-color:#E6EE9C;}
+		.d2-64011612 .background-color-B6{background-color:#FFF59D;}
+		.d2-64011612 .background-color-AA2{background-color:#0D47A1;}
+		.d2-64011612 .background-color-AA4{background-color:#42A5F5;}
+		.d2-64011612 .background-color-AA5{background-color:#90CAF9;}
+		.d2-64011612 .background-color-AB4{background-color:#F44336;}
+		.d2-64011612 .background-color-AB5{background-color:#FFCDD2;}
+		.d2-64011612 .color-N1{color:#2E2E2E;}
+		.d2-64011612 .color-N2{color:#2E2E2E;}
+		.d2-64011612 .color-N3{color:#595959;}
+		.d2-64011612 .color-N4{color:#858585;}
+		.d2-64011612 .color-N5{color:#B1B1B1;}
+		.d2-64011612 .color-N6{color:#DCDCDC;}
+		.d2-64011612 .color-N7{color:#DCDCDC;}
+		.d2-64011612 .color-B1{color:#2E7D32;}
+		.d2-64011612 .color-B2{color:#66BB6A;}
+		.d2-64011612 .color-B3{color:#A5D6A7;}
+		.d2-64011612 .color-B4{color:#C5E1A5;}
+		.d2-64011612 .color-B5{color:#E6EE9C;}
+		.d2-64011612 .color-B6{color:#FFF59D;}
+		.d2-64011612 .color-AA2{color:#0D47A1;}
+		.d2-64011612 .color-AA4{color:#42A5F5;}
+		.d2-64011612 .color-AA5{color:#90CAF9;}
+		.d2-64011612 .color-AB4{color:#F44336;}
+		.d2-64011612 .color-AB5{color:#FFCDD2;}.appendix text.text{fill:#2E2E2E}.md{--color-fg-default:#2E2E2E;--color-fg-muted:#2E2E2E;--color-fg-subtle:#595959;--color-canvas-default:#DCDCDC;--color-canvas-subtle:#DCDCDC;--color-border-default:#2E7D32;--color-border-muted:#66BB6A;--color-neutral-muted:#DCDCDC;--color-accent-fg:#66BB6A;--color-accent-emphasis:#66BB6A;--color-attention-subtle:#2E2E2E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-B2{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-B3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-B4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.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-darker);mix-blend-mode:lighten}.sketch-overlay-AA4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-AA5{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-AB4{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AB5{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N3{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N4{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N5{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N6{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N7{fill:url(#streaks-normal);mix-blend-mode:color-burn}.light-code{display: block}.dark-code{display: none}]]></style><g id="logs"><g class="shape" ><path d="M 2044 0 H 2095 C 2096 0 2097 0 2098 1 L 2115 17 C 2116 18 2116 19 2116 20 V 87 C 2116 87 2116 87 2116 87 H 2044 C 2043 87 2043 87 2043 87 V 0 C 2043 0 2043 0 2044 0 Z" class=" stroke-B1 fill-AB4" style="stroke-width:2;" /><path d="M 2115 87 H 2044 C 2043 87 2043 87 2043 86 V 1 C 2043 0 2043 -0 2044 -0 H 2094 C 2095 0 2095 0 2095 1 V 18 C 2095 19 2096 20 2097 20 H 2115 C 2116 20 2116 20 2116 21 V 86 C 2115 87 2116 87 2115 87 Z" class=" stroke-B1 fill-AB4" style="stroke-width:2;" /><path d="M 2034 10 H 2085 C 2086 10 2087 10 2088 11 L 2105 27 C 2106 28 2106 29 2106 30 V 97 C 2106 97 2106 97 2106 97 H 2034 C 2033 97 2033 97 2033 97 V 10 C 2033 10 2033 10 2034 10 Z" class=" stroke-B1 fill-AB4" style="stroke-width:2;" /><path d="M 2105 97 H 2034 C 2033 97 2033 97 2033 96 V 11 C 2033 10 2033 10 2034 10 H 2084 C 2085 10 2085 10 2085 11 V 28 C 2085 29 2086 30 2087 30 H 2105 C 2106 30 2106 30 2106 31 V 96 C 2105 97 2106 97 2105 97 Z" class=" stroke-B1 fill-AB4" style="stroke-width:2;" /></g><text x="2069.500000" y="59.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">logs</text></g><g id="user"><g class="shape" ><path d="M 171 536 H 123 V 535 C 123 524 128 514 137 509 C 132 505 129 498 129 491 C 129 480 137 470 147 470 C 157 470 165 480 165 491 C 165 498 162 504 158 508 C 166 513 172 523 172 534 V 535 H 171 Z" class=" stroke-B1 fill-B3" style="stroke-width:2;" /></g><text x="147.000000" y="557.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">User</text></g><g id="network"><g class="shape" ><rect x="606.000000" y="222.000000" width="1553.000000" height="399.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="1382.500000" y="209.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">Network</text></g><g id="server"><g class="shape" ><rect x="1694.000000" y="26.000000" width="120.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="1754.000000" y="64.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">API Server</text></g><g id="costumes"><g class="shape" ><rect x="0.000000" y="712.000000" width="294.000000" height="180.000000" class="shape stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="0.000000" y="712.000000" width="294.000000" height="36.000000" class="class_header fill-N1" /><text x="10.000000" y="737.750000" class="text fill-N7" style="text-anchor:start;font-size:24px">costumes</text><text x="10.000000" y="771.000000" class="text fill-B2" style="text-anchor:start;font-size:20px">id</text><text x="140.000000" y="771.000000" class="text fill-N2" style="text-anchor:start;font-size:20px">int</text><text x="284.000000" y="771.000000" class="text fill-AA2" style="text-anchor:end;font-size:20px">PK</text><line x1="0.000000" x2="294.000000" y1="784.000000" y2="784.000000" class=" stroke-N1" style="stroke-width:2" /><text x="10.000000" y="807.000000" class="text fill-B2" style="text-anchor:start;font-size:20px">silliness</text><text x="140.000000" y="807.000000" class="text fill-N2" style="text-anchor:start;font-size:20px">int</text><text x="284.000000" y="807.000000" class="text fill-AA2" style="text-anchor:end;font-size:20px" /><line x1="0.000000" x2="294.000000" y1="820.000000" y2="820.000000" class=" stroke-N1" style="stroke-width:2" /><text x="10.000000" y="843.000000" class="text fill-B2" style="text-anchor:start;font-size:20px">monster</text><text x="140.000000" y="843.000000" class="text fill-N2" style="text-anchor:start;font-size:20px">int</text><text x="284.000000" y="843.000000" class="text fill-AA2" style="text-anchor:end;font-size:20px" /><line x1="0.000000" x2="294.000000" y1="856.000000" y2="856.000000" class=" stroke-N1" style="stroke-width:2" /><text x="10.000000" y="879.000000" class="text fill-B2" style="text-anchor:start;font-size:20px">last_updated</text><text x="140.000000" y="879.000000" class="text fill-N2" style="text-anchor:start;font-size:20px">timestamp</text><text x="284.000000" y="879.000000" class="text fill-AA2" style="text-anchor:end;font-size:20px" /><line x1="0.000000" x2="294.000000" y1="892.000000" y2="892.000000" class=" stroke-N1" style="stroke-width:2" /></g></g><g id="monsters"><g class="shape" ><rect x="584.000000" y="712.000000" width="294.000000" height="180.000000" class="shape stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="584.000000" y="712.000000" width="294.000000" height="36.000000" class="class_header fill-N1" /><text x="594.000000" y="737.750000" class="text fill-N7" style="text-anchor:start;font-size:24px">monsters</text><text x="594.000000" y="771.000000" class="text fill-B2" style="text-anchor:start;font-size:20px">id</text><text x="724.000000" y="771.000000" class="text fill-N2" style="text-anchor:start;font-size:20px">int</text><text x="868.000000" y="771.000000" class="text fill-AA2" style="text-anchor:end;font-size:20px">PK</text><line x1="584.000000" x2="878.000000" y1="784.000000" y2="784.000000" class=" stroke-N1" style="stroke-width:2" /><text x="594.000000" y="807.000000" class="text fill-B2" style="text-anchor:start;font-size:20px">movie</text><text x="724.000000" y="807.000000" class="text fill-N2" style="text-anchor:start;font-size:20px">string</text><text x="868.000000" y="807.000000" class="text fill-AA2" style="text-anchor:end;font-size:20px" /><line x1="584.000000" x2="878.000000" y1="820.000000" y2="820.000000" class=" stroke-N1" style="stroke-width:2" /><text x="594.000000" y="843.000000" class="text fill-B2" style="text-anchor:start;font-size:20px">weight</text><text x="724.000000" y="843.000000" class="text fill-N2" style="text-anchor:start;font-size:20px">int</text><text x="868.000000" y="843.000000" class="text fill-AA2" style="text-anchor:end;font-size:20px" /><line x1="584.000000" x2="878.000000" y1="856.000000" y2="856.000000" class=" stroke-N1" style="stroke-width:2" /><text x="594.000000" y="879.000000" class="text fill-B2" style="text-anchor:start;font-size:20px">last_updated</text><text x="724.000000" y="879.000000" class="text fill-N2" style="text-anchor:start;font-size:20px">timestamp</text><text x="868.000000" y="879.000000" class="text fill-AA2" style="text-anchor:end;font-size:20px" /><line x1="584.000000" x2="878.000000" y1="892.000000" y2="892.000000" class=" stroke-N1" style="stroke-width:2" /></g></g><g id="network.tower"><g class="shape" ><rect x="636.000000" y="327.000000" width="514.000000" height="143.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="893.000000" y="315.000000" class="text fill-N1" style="text-anchor:middle;font-size:24px">Cell Tower</text></g><g id="network.processor"><g class="shape" ><rect x="1392.000000" y="263.000000" width="171.000000" height="188.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1477.500000" y="251.000000" class="text fill-N1" style="text-anchor:middle;font-size:24px">Data Processor</text></g><g id="network.portal"><g class="shape" ><rect x="2010.000000" y="465.000000" width="119.000000" height="126.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="2069.500000" y="453.000000" class="text fill-N1" style="text-anchor:middle;font-size:24px">Online Portal</text></g><g id="network.tower.satellites"><g class="shape" ><path d="M 691 361 H 806 C 802 361 791 379 791 394 C 791 409 802 427 806 427 H 691 C 687 427 676 409 676 394 C 676 379 687 361 691 361 Z" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /><path d="M 681 371 H 796 C 792 371 781 389 781 404 C 781 419 792 437 796 437 H 681 C 677 437 666 419 666 404 C 666 389 677 371 681 371 Z" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /></g><text x="731.000000" y="409.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">satellites</text></g><g id="network.tower.transmitter"><g class="shape" ><rect x="992.000000" y="360.000000" width="128.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="1056.000000" y="398.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">transmitter</text></g><g id="network.processor.storage"><g class="shape" ><path d="M 1432 317 C 1432 293 1477 293 1483 293 C 1488 293 1533 293 1533 317 V 387 C 1533 411 1488 411 1483 411 C 1477 411 1432 411 1432 387 V 317 Z" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /><path d="M 1432 317 C 1432 341 1477 341 1483 341 C 1488 341 1533 341 1533 317" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /><path d="M 1422 327 C 1422 303 1467 303 1473 303 C 1478 303 1523 303 1523 327 V 397 C 1523 421 1478 421 1473 421 C 1467 421 1422 421 1422 397 V 327 Z" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /><path d="M 1422 327 C 1422 351 1467 351 1473 351 C 1478 351 1523 351 1523 327" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /></g><text x="1472.500000" y="379.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Storage</text></g><g id="network.portal.UI"><g class="shape" ><rect x="2040.000000" y="495.000000" width="59.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="2069.500000" y="533.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">UI</text></g><g id="network.tower.(satellites -&gt; transmitter)[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 792.941861 392.521277 C 906.200012 364.600006 946.400024 362.899994 988.385049 382.787653" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-64011612)" /></g><g id="network.tower.(satellites -&gt; transmitter)[1]"><path d="M 794.000000 404.000000 C 906.400024 404.000000 946.400024 403.799988 988.000615 403.070164" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-64011612)" /></g><g id="network.tower.(satellites -&gt; transmitter)[2]"><path d="M 798.969207 416.349606 C 907.400024 435.600006 946.400024 436.899994 988.185669 423.704526" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-64011612)" /></g><g id="network.(tower.transmitter -&gt; processor)[0]"><path d="M 1122.000000 392.750000 C 1165.599976 392.750000 1295.199951 392.750000 1388.000000 392.750000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-64011612)" /><text x="1256.000000" y="398.000000" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">phone logs</text></g><g id="(user -&gt; network.tower)[0]"><path d="M 164.800215 499.128663 C 338.200012 415.200012 503.200012 394.000000 632.000000 394.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-64011612)" /><text x="390.000000" y="414.000000" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">Make call</text></g><g id="(network.processor -&gt; server)[0]"><path d="M 1565.000000 312.250000 C 1622.199951 312.250000 1655.800049 268.250000 1729.428360 95.928308" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-64011612)" /></g><g id="(network.processor -&gt; server)[1]"><path d="M 1565.000000 351.750000 C 1622.199951 351.750000 1656.599976 299.750000 1733.589197 95.492945" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-64011612)" /></g><g id="(network.processor -&gt; server)[2]"><path d="M 1565.000000 401.250000 C 1622.199951 401.250000 1657.400024 339.450012 1737.746158 96.048405" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-64011612)" /></g><g id="(server -&gt; logs)[0]"><path d="M 1815.957356 45.089197 C 1878.800049 31.900000 1987.400024 31.400000 2029.123464 42.013863" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-64011612)" /></g><g id="(server -&gt; logs)[1]"><path d="M 1815.994536 54.352257 C 1878.800049 49.700001 1987.400024 49.200001 2029.007520 51.754848" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-64011612)" /></g><g id="(server -&gt; logs)[2]"><path d="M 1815.957356 72.410803 C 1878.800049 85.599998 1987.400024 84.599998 2029.268308 68.440303" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-64011612)" /><text x="1924.000000" y="91.000000" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">persist</text></g><g id="(server -&gt; network.portal.UI)[0]"><path d="M 1771.568801 93.667411 C 1870.199951 426.149994 1988.800049 512.150024 2036.068511 521.012847" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-64011612)" /><text x="1849.000000" y="360.000000" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">display</text></g><g id="(user -&gt; network.portal.UI)[0]"><marker id="mk-2177206569" 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-B2" stroke-width="2" /> </marker><path d="M 162.883965 505.671323 C 337.799988 568.000000 399.600006 583.750000 426.000000 583.750000 C 452.399994 583.750000 481.399994 583.750000 498.500000 583.750000 C 515.599976 583.750000 567.799988 583.750000 629.000000 583.750000 C 690.200012 583.750000 771.799988 583.750000 833.000000 583.750000 C 894.200012 583.750000 959.200012 583.750000 995.500000 583.750000 C 1031.800049 583.750000 1080.199951 583.750000 1116.500000 583.750000 C 1152.800049 583.750000 1195.800049 583.750000 1224.000000 583.750000 C 1252.199951 583.750000 1289.800049 583.750000 1318.000000 583.750000 C 1346.199951 583.750000 1386.500000 583.750000 1418.750000 583.750000 C 1451.000000 583.750000 1494.000000 583.750000 1526.250000 583.750000 C 1558.500000 583.750000 1591.400024 583.750000 1608.500000 583.750000 C 1625.599976 583.750000 1660.400024 583.750000 1695.500000 583.750000 C 1730.599976 583.750000 1782.199951 583.750000 1824.500000 583.750000 C 1866.800049 583.750000 1988.800049 574.150024 2036.800002 538.150002" fill="none" class="connection stroke-B2" style="stroke-width:2;stroke-dasharray:6.000000,5.919384;" marker-end="url(#mk-2177206569)" mask="url(#d2-64011612)" /><text x="1101.000000" y="589.000000" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">access</text></g><g id="(costumes -&gt; monsters)[0]"><path d="M 296.000000 801.500000 C 364.399994 801.500000 399.600006 801.500000 426.000000 801.500000 C 452.399994 801.500000 538.400024 801.500000 580.000000 801.500000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-64011612)" /></g><mask id="d2-64011612" maskUnits="userSpaceOnUse" x="-101" y="-102" width="2361" height="1095">
 <rect x="-101" y="-102" width="2361" height="1095" fill="white"></rect>
 <rect x="2055.500000" y="43.000000" width="28" height="21" fill="rgba(0,0,0,0.75)"></rect>
 <rect x="130.500000" y="541.000000" width="33" height="21" fill="rgba(0,0,0,0.75)"></rect>