diff --git a/e2etests/testdata/regression/outside_grid_label_position/dagre/board.exp.json b/e2etests/testdata/regression/outside_grid_label_position/dagre/board.exp.json
index e4d63f30e..d59b3cdda 100644
--- a/e2etests/testdata/regression/outside_grid_label_position/dagre/board.exp.json
+++ b/e2etests/testdata/regression/outside_grid_label_position/dagre/board.exp.json
@@ -11,7 +11,7 @@
         "y": 29
       },
       "width": 681,
-      "height": 390,
+      "height": 404,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -52,7 +52,7 @@
         "y": 70
       },
       "width": 621,
-      "height": 319,
+      "height": 333,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -93,7 +93,7 @@
         "y": 100
       },
       "width": 561,
-      "height": 259,
+      "height": 273,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -131,7 +131,7 @@
       "type": "rectangle",
       "pos": {
         "x": 120,
-        "y": 172
+        "y": 186
       },
       "width": 140,
       "height": 127,
@@ -172,7 +172,7 @@
       "type": "rectangle",
       "pos": {
         "x": 150,
-        "y": 202
+        "y": 216
       },
       "width": 80,
       "height": 66,
@@ -213,7 +213,7 @@
       "type": "rectangle",
       "pos": {
         "x": 300,
-        "y": 172
+        "y": 186
       },
       "width": 140,
       "height": 127,
@@ -254,7 +254,7 @@
       "type": "rectangle",
       "pos": {
         "x": 330,
-        "y": 202
+        "y": 216
       },
       "width": 80,
       "height": 66,
@@ -295,7 +295,7 @@
       "type": "rectangle",
       "pos": {
         "x": 480,
-        "y": 172
+        "y": 186
       },
       "width": 81,
       "height": 127,
diff --git a/e2etests/testdata/regression/outside_grid_label_position/dagre/sketch.exp.svg b/e2etests/testdata/regression/outside_grid_label_position/dagre/sketch.exp.svg
index ce14de299..f9f126ca0 100644
--- a/e2etests/testdata/regression/outside_grid_label_position/dagre/sketch.exp.svg
+++ b/e2etests/testdata/regression/outside_grid_label_position/dagre/sketch.exp.svg
@@ -1,16 +1,16 @@
-<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.6.1-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 683 432"><svg id="d2-svg" class="d2-1992982023" width="683" height="432" viewBox="-1 -12 683 432"><rect x="-1.000000" y="-12.000000" width="683.000000" height="432.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
-.d2-1992982023 .text {
-	font-family: "d2-1992982023-font-regular";
+<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.6.1-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 683 446"><svg id="d2-svg" class="d2-1894090104" width="683" height="446" viewBox="-1 -12 683 446"><rect x="-1.000000" y="-12.000000" width="683.000000" height="446.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
+.d2-1894090104 .text {
+	font-family: "d2-1894090104-font-regular";
 }
 @font-face {
-	font-family: d2-1992982023-font-regular;
+	font-family: d2-1894090104-font-regular;
 	src: url("data:application/font-woff;base64,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");
 }
-.d2-1992982023 .text-bold {
-	font-family: "d2-1992982023-font-bold";
+.d2-1894090104 .text-bold {
+	font-family: "d2-1894090104-font-bold";
 }
 @font-face {
-	font-family: d2-1992982023-font-bold;
+	font-family: d2-1894090104-font-bold;
 	src: url("data:application/font-woff;base64,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");
 }]]></style><style type="text/css"><![CDATA[.shape {
   shape-rendering: geometricPrecision;
@@ -25,85 +25,85 @@
   opacity: 0.5;
 }
 
-		.d2-1992982023 .fill-N1{fill:#0A0F25;}
-		.d2-1992982023 .fill-N2{fill:#676C7E;}
-		.d2-1992982023 .fill-N3{fill:#9499AB;}
-		.d2-1992982023 .fill-N4{fill:#CFD2DD;}
-		.d2-1992982023 .fill-N5{fill:#DEE1EB;}
-		.d2-1992982023 .fill-N6{fill:#EEF1F8;}
-		.d2-1992982023 .fill-N7{fill:#FFFFFF;}
-		.d2-1992982023 .fill-B1{fill:#0D32B2;}
-		.d2-1992982023 .fill-B2{fill:#0D32B2;}
-		.d2-1992982023 .fill-B3{fill:#E3E9FD;}
-		.d2-1992982023 .fill-B4{fill:#E3E9FD;}
-		.d2-1992982023 .fill-B5{fill:#EDF0FD;}
-		.d2-1992982023 .fill-B6{fill:#F7F8FE;}
-		.d2-1992982023 .fill-AA2{fill:#4A6FF3;}
-		.d2-1992982023 .fill-AA4{fill:#EDF0FD;}
-		.d2-1992982023 .fill-AA5{fill:#F7F8FE;}
-		.d2-1992982023 .fill-AB4{fill:#EDF0FD;}
-		.d2-1992982023 .fill-AB5{fill:#F7F8FE;}
-		.d2-1992982023 .stroke-N1{stroke:#0A0F25;}
-		.d2-1992982023 .stroke-N2{stroke:#676C7E;}
-		.d2-1992982023 .stroke-N3{stroke:#9499AB;}
-		.d2-1992982023 .stroke-N4{stroke:#CFD2DD;}
-		.d2-1992982023 .stroke-N5{stroke:#DEE1EB;}
-		.d2-1992982023 .stroke-N6{stroke:#EEF1F8;}
-		.d2-1992982023 .stroke-N7{stroke:#FFFFFF;}
-		.d2-1992982023 .stroke-B1{stroke:#0D32B2;}
-		.d2-1992982023 .stroke-B2{stroke:#0D32B2;}
-		.d2-1992982023 .stroke-B3{stroke:#E3E9FD;}
-		.d2-1992982023 .stroke-B4{stroke:#E3E9FD;}
-		.d2-1992982023 .stroke-B5{stroke:#EDF0FD;}
-		.d2-1992982023 .stroke-B6{stroke:#F7F8FE;}
-		.d2-1992982023 .stroke-AA2{stroke:#4A6FF3;}
-		.d2-1992982023 .stroke-AA4{stroke:#EDF0FD;}
-		.d2-1992982023 .stroke-AA5{stroke:#F7F8FE;}
-		.d2-1992982023 .stroke-AB4{stroke:#EDF0FD;}
-		.d2-1992982023 .stroke-AB5{stroke:#F7F8FE;}
-		.d2-1992982023 .background-color-N1{background-color:#0A0F25;}
-		.d2-1992982023 .background-color-N2{background-color:#676C7E;}
-		.d2-1992982023 .background-color-N3{background-color:#9499AB;}
-		.d2-1992982023 .background-color-N4{background-color:#CFD2DD;}
-		.d2-1992982023 .background-color-N5{background-color:#DEE1EB;}
-		.d2-1992982023 .background-color-N6{background-color:#EEF1F8;}
-		.d2-1992982023 .background-color-N7{background-color:#FFFFFF;}
-		.d2-1992982023 .background-color-B1{background-color:#0D32B2;}
-		.d2-1992982023 .background-color-B2{background-color:#0D32B2;}
-		.d2-1992982023 .background-color-B3{background-color:#E3E9FD;}
-		.d2-1992982023 .background-color-B4{background-color:#E3E9FD;}
-		.d2-1992982023 .background-color-B5{background-color:#EDF0FD;}
-		.d2-1992982023 .background-color-B6{background-color:#F7F8FE;}
-		.d2-1992982023 .background-color-AA2{background-color:#4A6FF3;}
-		.d2-1992982023 .background-color-AA4{background-color:#EDF0FD;}
-		.d2-1992982023 .background-color-AA5{background-color:#F7F8FE;}
-		.d2-1992982023 .background-color-AB4{background-color:#EDF0FD;}
-		.d2-1992982023 .background-color-AB5{background-color:#F7F8FE;}
-		.d2-1992982023 .color-N1{color:#0A0F25;}
-		.d2-1992982023 .color-N2{color:#676C7E;}
-		.d2-1992982023 .color-N3{color:#9499AB;}
-		.d2-1992982023 .color-N4{color:#CFD2DD;}
-		.d2-1992982023 .color-N5{color:#DEE1EB;}
-		.d2-1992982023 .color-N6{color:#EEF1F8;}
-		.d2-1992982023 .color-N7{color:#FFFFFF;}
-		.d2-1992982023 .color-B1{color:#0D32B2;}
-		.d2-1992982023 .color-B2{color:#0D32B2;}
-		.d2-1992982023 .color-B3{color:#E3E9FD;}
-		.d2-1992982023 .color-B4{color:#E3E9FD;}
-		.d2-1992982023 .color-B5{color:#EDF0FD;}
-		.d2-1992982023 .color-B6{color:#F7F8FE;}
-		.d2-1992982023 .color-AA2{color:#4A6FF3;}
-		.d2-1992982023 .color-AA4{color:#EDF0FD;}
-		.d2-1992982023 .color-AA5{color:#F7F8FE;}
-		.d2-1992982023 .color-AB4{color:#EDF0FD;}
-		.d2-1992982023 .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="container1"><g class="shape" ><rect x="0.000000" y="29.000000" width="681.000000" height="390.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="340.500000" y="16.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">container1</text></g><g id="container1.container2"><g class="shape" ><rect x="30.000000" y="70.000000" width="621.000000" height="319.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="340.500000" y="58.000000" class="text fill-N1" style="text-anchor:middle;font-size:24px">container2</text></g><g id="container1.container2.container3"><g class="shape" ><rect x="60.000000" y="100.000000" width="561.000000" height="259.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="340.500000" y="125.000000" class="text fill-N1" style="text-anchor:middle;font-size:20px">container3</text></g><g id="container1.container2.container3.first"><g class="shape" ><rect x="120.000000" y="172.000000" width="140.000000" height="127.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="190.000000" y="162.000000" class="text fill-N1" style="text-anchor:middle;font-size:16px">first</text></g><g id="container1.container2.container3.second"><g class="shape" ><rect x="300.000000" y="172.000000" width="140.000000" height="127.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="370.000000" y="162.000000" class="text fill-N1" style="text-anchor:middle;font-size:16px">second</text></g><g id="container1.container2.container3.third"><g class="shape" ><rect x="480.000000" y="172.000000" width="81.000000" height="127.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="520.500000" y="162.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">third</text></g><g id="container1.container2.container3.first.child"><g class="shape" ><rect x="150.000000" y="202.000000" width="80.000000" height="66.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="190.000000" y="289.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">child</text></g><g id="container1.container2.container3.second.child"><g class="shape" ><rect x="330.000000" y="202.000000" width="80.000000" height="66.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="370.000000" y="289.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">child</text></g><mask id="d2-1992982023" maskUnits="userSpaceOnUse" x="-1" y="-12" width="683" height="432">
-<rect x="-1" y="-12" width="683" height="432" fill="white"></rect>
+		.d2-1894090104 .fill-N1{fill:#0A0F25;}
+		.d2-1894090104 .fill-N2{fill:#676C7E;}
+		.d2-1894090104 .fill-N3{fill:#9499AB;}
+		.d2-1894090104 .fill-N4{fill:#CFD2DD;}
+		.d2-1894090104 .fill-N5{fill:#DEE1EB;}
+		.d2-1894090104 .fill-N6{fill:#EEF1F8;}
+		.d2-1894090104 .fill-N7{fill:#FFFFFF;}
+		.d2-1894090104 .fill-B1{fill:#0D32B2;}
+		.d2-1894090104 .fill-B2{fill:#0D32B2;}
+		.d2-1894090104 .fill-B3{fill:#E3E9FD;}
+		.d2-1894090104 .fill-B4{fill:#E3E9FD;}
+		.d2-1894090104 .fill-B5{fill:#EDF0FD;}
+		.d2-1894090104 .fill-B6{fill:#F7F8FE;}
+		.d2-1894090104 .fill-AA2{fill:#4A6FF3;}
+		.d2-1894090104 .fill-AA4{fill:#EDF0FD;}
+		.d2-1894090104 .fill-AA5{fill:#F7F8FE;}
+		.d2-1894090104 .fill-AB4{fill:#EDF0FD;}
+		.d2-1894090104 .fill-AB5{fill:#F7F8FE;}
+		.d2-1894090104 .stroke-N1{stroke:#0A0F25;}
+		.d2-1894090104 .stroke-N2{stroke:#676C7E;}
+		.d2-1894090104 .stroke-N3{stroke:#9499AB;}
+		.d2-1894090104 .stroke-N4{stroke:#CFD2DD;}
+		.d2-1894090104 .stroke-N5{stroke:#DEE1EB;}
+		.d2-1894090104 .stroke-N6{stroke:#EEF1F8;}
+		.d2-1894090104 .stroke-N7{stroke:#FFFFFF;}
+		.d2-1894090104 .stroke-B1{stroke:#0D32B2;}
+		.d2-1894090104 .stroke-B2{stroke:#0D32B2;}
+		.d2-1894090104 .stroke-B3{stroke:#E3E9FD;}
+		.d2-1894090104 .stroke-B4{stroke:#E3E9FD;}
+		.d2-1894090104 .stroke-B5{stroke:#EDF0FD;}
+		.d2-1894090104 .stroke-B6{stroke:#F7F8FE;}
+		.d2-1894090104 .stroke-AA2{stroke:#4A6FF3;}
+		.d2-1894090104 .stroke-AA4{stroke:#EDF0FD;}
+		.d2-1894090104 .stroke-AA5{stroke:#F7F8FE;}
+		.d2-1894090104 .stroke-AB4{stroke:#EDF0FD;}
+		.d2-1894090104 .stroke-AB5{stroke:#F7F8FE;}
+		.d2-1894090104 .background-color-N1{background-color:#0A0F25;}
+		.d2-1894090104 .background-color-N2{background-color:#676C7E;}
+		.d2-1894090104 .background-color-N3{background-color:#9499AB;}
+		.d2-1894090104 .background-color-N4{background-color:#CFD2DD;}
+		.d2-1894090104 .background-color-N5{background-color:#DEE1EB;}
+		.d2-1894090104 .background-color-N6{background-color:#EEF1F8;}
+		.d2-1894090104 .background-color-N7{background-color:#FFFFFF;}
+		.d2-1894090104 .background-color-B1{background-color:#0D32B2;}
+		.d2-1894090104 .background-color-B2{background-color:#0D32B2;}
+		.d2-1894090104 .background-color-B3{background-color:#E3E9FD;}
+		.d2-1894090104 .background-color-B4{background-color:#E3E9FD;}
+		.d2-1894090104 .background-color-B5{background-color:#EDF0FD;}
+		.d2-1894090104 .background-color-B6{background-color:#F7F8FE;}
+		.d2-1894090104 .background-color-AA2{background-color:#4A6FF3;}
+		.d2-1894090104 .background-color-AA4{background-color:#EDF0FD;}
+		.d2-1894090104 .background-color-AA5{background-color:#F7F8FE;}
+		.d2-1894090104 .background-color-AB4{background-color:#EDF0FD;}
+		.d2-1894090104 .background-color-AB5{background-color:#F7F8FE;}
+		.d2-1894090104 .color-N1{color:#0A0F25;}
+		.d2-1894090104 .color-N2{color:#676C7E;}
+		.d2-1894090104 .color-N3{color:#9499AB;}
+		.d2-1894090104 .color-N4{color:#CFD2DD;}
+		.d2-1894090104 .color-N5{color:#DEE1EB;}
+		.d2-1894090104 .color-N6{color:#EEF1F8;}
+		.d2-1894090104 .color-N7{color:#FFFFFF;}
+		.d2-1894090104 .color-B1{color:#0D32B2;}
+		.d2-1894090104 .color-B2{color:#0D32B2;}
+		.d2-1894090104 .color-B3{color:#E3E9FD;}
+		.d2-1894090104 .color-B4{color:#E3E9FD;}
+		.d2-1894090104 .color-B5{color:#EDF0FD;}
+		.d2-1894090104 .color-B6{color:#F7F8FE;}
+		.d2-1894090104 .color-AA2{color:#4A6FF3;}
+		.d2-1894090104 .color-AA4{color:#EDF0FD;}
+		.d2-1894090104 .color-AA5{color:#F7F8FE;}
+		.d2-1894090104 .color-AB4{color:#EDF0FD;}
+		.d2-1894090104 .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="container1"><g class="shape" ><rect x="0.000000" y="29.000000" width="681.000000" height="404.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="340.500000" y="16.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">container1</text></g><g id="container1.container2"><g class="shape" ><rect x="30.000000" y="70.000000" width="621.000000" height="333.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="340.500000" y="58.000000" class="text fill-N1" style="text-anchor:middle;font-size:24px">container2</text></g><g id="container1.container2.container3"><g class="shape" ><rect x="60.000000" y="100.000000" width="561.000000" height="273.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="340.500000" y="125.000000" class="text fill-N1" style="text-anchor:middle;font-size:20px">container3</text></g><g id="container1.container2.container3.first"><g class="shape" ><rect x="120.000000" y="186.000000" width="140.000000" height="127.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="190.000000" y="176.000000" class="text fill-N1" style="text-anchor:middle;font-size:16px">first</text></g><g id="container1.container2.container3.second"><g class="shape" ><rect x="300.000000" y="186.000000" width="140.000000" height="127.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="370.000000" y="176.000000" class="text fill-N1" style="text-anchor:middle;font-size:16px">second</text></g><g id="container1.container2.container3.third"><g class="shape" ><rect x="480.000000" y="186.000000" width="81.000000" height="127.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="520.500000" y="176.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">third</text></g><g id="container1.container2.container3.first.child"><g class="shape" ><rect x="150.000000" y="216.000000" width="80.000000" height="66.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="190.000000" y="303.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">child</text></g><g id="container1.container2.container3.second.child"><g class="shape" ><rect x="330.000000" y="216.000000" width="80.000000" height="66.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="370.000000" y="303.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">child</text></g><mask id="d2-1894090104" maskUnits="userSpaceOnUse" x="-1" y="-12" width="683" height="446">
+<rect x="-1" y="-12" width="683" height="446" fill="white"></rect>
 <rect x="278.000000" y="-12.000000" width="125" height="36" fill="rgba(0,0,0,0.75)"></rect>
 <rect x="287.000000" y="34.000000" width="107" height="31" fill="rgba(0,0,0,0.75)"></rect>
 <rect x="295.500000" y="105.000000" width="90" height="26" fill="rgba(0,0,0,0.75)"></rect>
-<rect x="176.500000" y="146.000000" width="27" height="21" fill="rgba(0,0,0,0.75)"></rect>
-<rect x="346.000000" y="146.000000" width="48" height="21" fill="rgba(0,0,0,0.75)"></rect>
-<rect x="502.500000" y="146.000000" width="36" height="21" fill="rgba(0,0,0,0.75)"></rect>
-<rect x="172.500000" y="273.000000" width="35" height="21" fill="rgba(0,0,0,0.75)"></rect>
-<rect x="352.500000" y="273.000000" width="35" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="176.500000" y="160.000000" width="27" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="346.000000" y="160.000000" width="48" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="502.500000" y="160.000000" width="36" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="172.500000" y="287.000000" width="35" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="352.500000" y="287.000000" width="35" 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/outside_grid_label_position/elk/board.exp.json b/e2etests/testdata/regression/outside_grid_label_position/elk/board.exp.json
index 26f38abc9..953d15c18 100644
--- a/e2etests/testdata/regression/outside_grid_label_position/elk/board.exp.json
+++ b/e2etests/testdata/regression/outside_grid_label_position/elk/board.exp.json
@@ -11,7 +11,7 @@
         "y": 12
       },
       "width": 841,
-      "height": 498,
+      "height": 512,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -52,7 +52,7 @@
         "y": 62
       },
       "width": 741,
-      "height": 398,
+      "height": 412,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -93,7 +93,7 @@
         "y": 112
       },
       "width": 641,
-      "height": 298,
+      "height": 312,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -131,7 +131,7 @@
       "type": "rectangle",
       "pos": {
         "x": 172,
-        "y": 184
+        "y": 198
       },
       "width": 180,
       "height": 166,
@@ -172,7 +172,7 @@
       "type": "rectangle",
       "pos": {
         "x": 222,
-        "y": 234
+        "y": 248
       },
       "width": 80,
       "height": 66,
@@ -213,7 +213,7 @@
       "type": "rectangle",
       "pos": {
         "x": 392,
-        "y": 184
+        "y": 198
       },
       "width": 180,
       "height": 166,
@@ -254,7 +254,7 @@
       "type": "rectangle",
       "pos": {
         "x": 442,
-        "y": 234
+        "y": 248
       },
       "width": 80,
       "height": 66,
@@ -295,7 +295,7 @@
       "type": "rectangle",
       "pos": {
         "x": 612,
-        "y": 184
+        "y": 198
       },
       "width": 81,
       "height": 166,
diff --git a/e2etests/testdata/regression/outside_grid_label_position/elk/sketch.exp.svg b/e2etests/testdata/regression/outside_grid_label_position/elk/sketch.exp.svg
index 33ff27a74..e46c1bd7b 100644
--- a/e2etests/testdata/regression/outside_grid_label_position/elk/sketch.exp.svg
+++ b/e2etests/testdata/regression/outside_grid_label_position/elk/sketch.exp.svg
@@ -1,16 +1,16 @@
-<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.6.1-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 843 500"><svg id="d2-svg" class="d2-4059264185" width="843" height="500" viewBox="11 11 843 500"><rect x="11.000000" y="11.000000" width="843.000000" height="500.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
-.d2-4059264185 .text {
-	font-family: "d2-4059264185-font-regular";
+<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.6.1-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 843 514"><svg id="d2-svg" class="d2-2885429201" width="843" height="514" viewBox="11 11 843 514"><rect x="11.000000" y="11.000000" width="843.000000" height="514.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
+.d2-2885429201 .text {
+	font-family: "d2-2885429201-font-regular";
 }
 @font-face {
-	font-family: d2-4059264185-font-regular;
+	font-family: d2-2885429201-font-regular;
 	src: url("data:application/font-woff;base64,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");
 }
-.d2-4059264185 .text-bold {
-	font-family: "d2-4059264185-font-bold";
+.d2-2885429201 .text-bold {
+	font-family: "d2-2885429201-font-bold";
 }
 @font-face {
-	font-family: d2-4059264185-font-bold;
+	font-family: d2-2885429201-font-bold;
 	src: url("data:application/font-woff;base64,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");
 }]]></style><style type="text/css"><![CDATA[.shape {
   shape-rendering: geometricPrecision;
@@ -25,85 +25,85 @@
   opacity: 0.5;
 }
 
-		.d2-4059264185 .fill-N1{fill:#0A0F25;}
-		.d2-4059264185 .fill-N2{fill:#676C7E;}
-		.d2-4059264185 .fill-N3{fill:#9499AB;}
-		.d2-4059264185 .fill-N4{fill:#CFD2DD;}
-		.d2-4059264185 .fill-N5{fill:#DEE1EB;}
-		.d2-4059264185 .fill-N6{fill:#EEF1F8;}
-		.d2-4059264185 .fill-N7{fill:#FFFFFF;}
-		.d2-4059264185 .fill-B1{fill:#0D32B2;}
-		.d2-4059264185 .fill-B2{fill:#0D32B2;}
-		.d2-4059264185 .fill-B3{fill:#E3E9FD;}
-		.d2-4059264185 .fill-B4{fill:#E3E9FD;}
-		.d2-4059264185 .fill-B5{fill:#EDF0FD;}
-		.d2-4059264185 .fill-B6{fill:#F7F8FE;}
-		.d2-4059264185 .fill-AA2{fill:#4A6FF3;}
-		.d2-4059264185 .fill-AA4{fill:#EDF0FD;}
-		.d2-4059264185 .fill-AA5{fill:#F7F8FE;}
-		.d2-4059264185 .fill-AB4{fill:#EDF0FD;}
-		.d2-4059264185 .fill-AB5{fill:#F7F8FE;}
-		.d2-4059264185 .stroke-N1{stroke:#0A0F25;}
-		.d2-4059264185 .stroke-N2{stroke:#676C7E;}
-		.d2-4059264185 .stroke-N3{stroke:#9499AB;}
-		.d2-4059264185 .stroke-N4{stroke:#CFD2DD;}
-		.d2-4059264185 .stroke-N5{stroke:#DEE1EB;}
-		.d2-4059264185 .stroke-N6{stroke:#EEF1F8;}
-		.d2-4059264185 .stroke-N7{stroke:#FFFFFF;}
-		.d2-4059264185 .stroke-B1{stroke:#0D32B2;}
-		.d2-4059264185 .stroke-B2{stroke:#0D32B2;}
-		.d2-4059264185 .stroke-B3{stroke:#E3E9FD;}
-		.d2-4059264185 .stroke-B4{stroke:#E3E9FD;}
-		.d2-4059264185 .stroke-B5{stroke:#EDF0FD;}
-		.d2-4059264185 .stroke-B6{stroke:#F7F8FE;}
-		.d2-4059264185 .stroke-AA2{stroke:#4A6FF3;}
-		.d2-4059264185 .stroke-AA4{stroke:#EDF0FD;}
-		.d2-4059264185 .stroke-AA5{stroke:#F7F8FE;}
-		.d2-4059264185 .stroke-AB4{stroke:#EDF0FD;}
-		.d2-4059264185 .stroke-AB5{stroke:#F7F8FE;}
-		.d2-4059264185 .background-color-N1{background-color:#0A0F25;}
-		.d2-4059264185 .background-color-N2{background-color:#676C7E;}
-		.d2-4059264185 .background-color-N3{background-color:#9499AB;}
-		.d2-4059264185 .background-color-N4{background-color:#CFD2DD;}
-		.d2-4059264185 .background-color-N5{background-color:#DEE1EB;}
-		.d2-4059264185 .background-color-N6{background-color:#EEF1F8;}
-		.d2-4059264185 .background-color-N7{background-color:#FFFFFF;}
-		.d2-4059264185 .background-color-B1{background-color:#0D32B2;}
-		.d2-4059264185 .background-color-B2{background-color:#0D32B2;}
-		.d2-4059264185 .background-color-B3{background-color:#E3E9FD;}
-		.d2-4059264185 .background-color-B4{background-color:#E3E9FD;}
-		.d2-4059264185 .background-color-B5{background-color:#EDF0FD;}
-		.d2-4059264185 .background-color-B6{background-color:#F7F8FE;}
-		.d2-4059264185 .background-color-AA2{background-color:#4A6FF3;}
-		.d2-4059264185 .background-color-AA4{background-color:#EDF0FD;}
-		.d2-4059264185 .background-color-AA5{background-color:#F7F8FE;}
-		.d2-4059264185 .background-color-AB4{background-color:#EDF0FD;}
-		.d2-4059264185 .background-color-AB5{background-color:#F7F8FE;}
-		.d2-4059264185 .color-N1{color:#0A0F25;}
-		.d2-4059264185 .color-N2{color:#676C7E;}
-		.d2-4059264185 .color-N3{color:#9499AB;}
-		.d2-4059264185 .color-N4{color:#CFD2DD;}
-		.d2-4059264185 .color-N5{color:#DEE1EB;}
-		.d2-4059264185 .color-N6{color:#EEF1F8;}
-		.d2-4059264185 .color-N7{color:#FFFFFF;}
-		.d2-4059264185 .color-B1{color:#0D32B2;}
-		.d2-4059264185 .color-B2{color:#0D32B2;}
-		.d2-4059264185 .color-B3{color:#E3E9FD;}
-		.d2-4059264185 .color-B4{color:#E3E9FD;}
-		.d2-4059264185 .color-B5{color:#EDF0FD;}
-		.d2-4059264185 .color-B6{color:#F7F8FE;}
-		.d2-4059264185 .color-AA2{color:#4A6FF3;}
-		.d2-4059264185 .color-AA4{color:#EDF0FD;}
-		.d2-4059264185 .color-AA5{color:#F7F8FE;}
-		.d2-4059264185 .color-AB4{color:#EDF0FD;}
-		.d2-4059264185 .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="container1"><g class="shape" ><rect x="12.000000" y="12.000000" width="841.000000" height="498.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="432.500000" y="45.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">container1</text></g><g id="container1.container2"><g class="shape" ><rect x="62.000000" y="62.000000" width="741.000000" height="398.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="432.500000" y="91.000000" class="text fill-N1" style="text-anchor:middle;font-size:24px">container2</text></g><g id="container1.container2.container3"><g class="shape" ><rect x="112.000000" y="112.000000" width="641.000000" height="298.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="432.500000" y="137.000000" class="text fill-N1" style="text-anchor:middle;font-size:20px">container3</text></g><g id="container1.container2.container3.first"><g class="shape" ><rect x="172.000000" y="184.000000" width="180.000000" height="166.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="262.000000" y="174.000000" class="text fill-N1" style="text-anchor:middle;font-size:16px">first</text></g><g id="container1.container2.container3.second"><g class="shape" ><rect x="392.000000" y="184.000000" width="180.000000" height="166.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="482.000000" y="174.000000" class="text fill-N1" style="text-anchor:middle;font-size:16px">second</text></g><g id="container1.container2.container3.third"><g class="shape" ><rect x="612.000000" y="184.000000" width="81.000000" height="166.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="652.500000" y="174.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">third</text></g><g id="container1.container2.container3.first.child"><g class="shape" ><rect x="222.000000" y="234.000000" width="80.000000" height="66.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="262.000000" y="321.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">child</text></g><g id="container1.container2.container3.second.child"><g class="shape" ><rect x="442.000000" y="234.000000" width="80.000000" height="66.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="482.000000" y="321.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">child</text></g><mask id="d2-4059264185" maskUnits="userSpaceOnUse" x="11" y="11" width="843" height="500">
-<rect x="11" y="11" width="843" height="500" fill="white"></rect>
+		.d2-2885429201 .fill-N1{fill:#0A0F25;}
+		.d2-2885429201 .fill-N2{fill:#676C7E;}
+		.d2-2885429201 .fill-N3{fill:#9499AB;}
+		.d2-2885429201 .fill-N4{fill:#CFD2DD;}
+		.d2-2885429201 .fill-N5{fill:#DEE1EB;}
+		.d2-2885429201 .fill-N6{fill:#EEF1F8;}
+		.d2-2885429201 .fill-N7{fill:#FFFFFF;}
+		.d2-2885429201 .fill-B1{fill:#0D32B2;}
+		.d2-2885429201 .fill-B2{fill:#0D32B2;}
+		.d2-2885429201 .fill-B3{fill:#E3E9FD;}
+		.d2-2885429201 .fill-B4{fill:#E3E9FD;}
+		.d2-2885429201 .fill-B5{fill:#EDF0FD;}
+		.d2-2885429201 .fill-B6{fill:#F7F8FE;}
+		.d2-2885429201 .fill-AA2{fill:#4A6FF3;}
+		.d2-2885429201 .fill-AA4{fill:#EDF0FD;}
+		.d2-2885429201 .fill-AA5{fill:#F7F8FE;}
+		.d2-2885429201 .fill-AB4{fill:#EDF0FD;}
+		.d2-2885429201 .fill-AB5{fill:#F7F8FE;}
+		.d2-2885429201 .stroke-N1{stroke:#0A0F25;}
+		.d2-2885429201 .stroke-N2{stroke:#676C7E;}
+		.d2-2885429201 .stroke-N3{stroke:#9499AB;}
+		.d2-2885429201 .stroke-N4{stroke:#CFD2DD;}
+		.d2-2885429201 .stroke-N5{stroke:#DEE1EB;}
+		.d2-2885429201 .stroke-N6{stroke:#EEF1F8;}
+		.d2-2885429201 .stroke-N7{stroke:#FFFFFF;}
+		.d2-2885429201 .stroke-B1{stroke:#0D32B2;}
+		.d2-2885429201 .stroke-B2{stroke:#0D32B2;}
+		.d2-2885429201 .stroke-B3{stroke:#E3E9FD;}
+		.d2-2885429201 .stroke-B4{stroke:#E3E9FD;}
+		.d2-2885429201 .stroke-B5{stroke:#EDF0FD;}
+		.d2-2885429201 .stroke-B6{stroke:#F7F8FE;}
+		.d2-2885429201 .stroke-AA2{stroke:#4A6FF3;}
+		.d2-2885429201 .stroke-AA4{stroke:#EDF0FD;}
+		.d2-2885429201 .stroke-AA5{stroke:#F7F8FE;}
+		.d2-2885429201 .stroke-AB4{stroke:#EDF0FD;}
+		.d2-2885429201 .stroke-AB5{stroke:#F7F8FE;}
+		.d2-2885429201 .background-color-N1{background-color:#0A0F25;}
+		.d2-2885429201 .background-color-N2{background-color:#676C7E;}
+		.d2-2885429201 .background-color-N3{background-color:#9499AB;}
+		.d2-2885429201 .background-color-N4{background-color:#CFD2DD;}
+		.d2-2885429201 .background-color-N5{background-color:#DEE1EB;}
+		.d2-2885429201 .background-color-N6{background-color:#EEF1F8;}
+		.d2-2885429201 .background-color-N7{background-color:#FFFFFF;}
+		.d2-2885429201 .background-color-B1{background-color:#0D32B2;}
+		.d2-2885429201 .background-color-B2{background-color:#0D32B2;}
+		.d2-2885429201 .background-color-B3{background-color:#E3E9FD;}
+		.d2-2885429201 .background-color-B4{background-color:#E3E9FD;}
+		.d2-2885429201 .background-color-B5{background-color:#EDF0FD;}
+		.d2-2885429201 .background-color-B6{background-color:#F7F8FE;}
+		.d2-2885429201 .background-color-AA2{background-color:#4A6FF3;}
+		.d2-2885429201 .background-color-AA4{background-color:#EDF0FD;}
+		.d2-2885429201 .background-color-AA5{background-color:#F7F8FE;}
+		.d2-2885429201 .background-color-AB4{background-color:#EDF0FD;}
+		.d2-2885429201 .background-color-AB5{background-color:#F7F8FE;}
+		.d2-2885429201 .color-N1{color:#0A0F25;}
+		.d2-2885429201 .color-N2{color:#676C7E;}
+		.d2-2885429201 .color-N3{color:#9499AB;}
+		.d2-2885429201 .color-N4{color:#CFD2DD;}
+		.d2-2885429201 .color-N5{color:#DEE1EB;}
+		.d2-2885429201 .color-N6{color:#EEF1F8;}
+		.d2-2885429201 .color-N7{color:#FFFFFF;}
+		.d2-2885429201 .color-B1{color:#0D32B2;}
+		.d2-2885429201 .color-B2{color:#0D32B2;}
+		.d2-2885429201 .color-B3{color:#E3E9FD;}
+		.d2-2885429201 .color-B4{color:#E3E9FD;}
+		.d2-2885429201 .color-B5{color:#EDF0FD;}
+		.d2-2885429201 .color-B6{color:#F7F8FE;}
+		.d2-2885429201 .color-AA2{color:#4A6FF3;}
+		.d2-2885429201 .color-AA4{color:#EDF0FD;}
+		.d2-2885429201 .color-AA5{color:#F7F8FE;}
+		.d2-2885429201 .color-AB4{color:#EDF0FD;}
+		.d2-2885429201 .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="container1"><g class="shape" ><rect x="12.000000" y="12.000000" width="841.000000" height="512.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="432.500000" y="45.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">container1</text></g><g id="container1.container2"><g class="shape" ><rect x="62.000000" y="62.000000" width="741.000000" height="412.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="432.500000" y="91.000000" class="text fill-N1" style="text-anchor:middle;font-size:24px">container2</text></g><g id="container1.container2.container3"><g class="shape" ><rect x="112.000000" y="112.000000" width="641.000000" height="312.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="432.500000" y="137.000000" class="text fill-N1" style="text-anchor:middle;font-size:20px">container3</text></g><g id="container1.container2.container3.first"><g class="shape" ><rect x="172.000000" y="198.000000" width="180.000000" height="166.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="262.000000" y="188.000000" class="text fill-N1" style="text-anchor:middle;font-size:16px">first</text></g><g id="container1.container2.container3.second"><g class="shape" ><rect x="392.000000" y="198.000000" width="180.000000" height="166.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="482.000000" y="188.000000" class="text fill-N1" style="text-anchor:middle;font-size:16px">second</text></g><g id="container1.container2.container3.third"><g class="shape" ><rect x="612.000000" y="198.000000" width="81.000000" height="166.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="652.500000" y="188.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">third</text></g><g id="container1.container2.container3.first.child"><g class="shape" ><rect x="222.000000" y="248.000000" width="80.000000" height="66.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="262.000000" y="335.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">child</text></g><g id="container1.container2.container3.second.child"><g class="shape" ><rect x="442.000000" y="248.000000" width="80.000000" height="66.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="482.000000" y="335.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">child</text></g><mask id="d2-2885429201" maskUnits="userSpaceOnUse" x="11" y="11" width="843" height="514">
+<rect x="11" y="11" width="843" height="514" fill="white"></rect>
 <rect x="370.000000" y="17.000000" width="125" height="36" fill="rgba(0,0,0,0.75)"></rect>
 <rect x="379.000000" y="67.000000" width="107" height="31" fill="rgba(0,0,0,0.75)"></rect>
 <rect x="387.500000" y="117.000000" width="90" height="26" fill="rgba(0,0,0,0.75)"></rect>
-<rect x="248.500000" y="158.000000" width="27" height="21" fill="rgba(0,0,0,0.75)"></rect>
-<rect x="458.000000" y="158.000000" width="48" height="21" fill="rgba(0,0,0,0.75)"></rect>
-<rect x="634.500000" y="158.000000" width="36" height="21" fill="rgba(0,0,0,0.75)"></rect>
-<rect x="244.500000" y="305.000000" width="35" height="21" fill="rgba(0,0,0,0.75)"></rect>
-<rect x="464.500000" y="305.000000" width="35" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="248.500000" y="172.000000" width="27" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="458.000000" y="172.000000" width="48" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="634.500000" y="172.000000" width="36" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="244.500000" y="319.000000" width="35" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="464.500000" y="319.000000" width="35" 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/grid_icon/dagre/board.exp.json b/e2etests/testdata/stable/grid_icon/dagre/board.exp.json
index e8b5da641..e5bf4fa9e 100644
--- a/e2etests/testdata/stable/grid_icon/dagre/board.exp.json
+++ b/e2etests/testdata/stable/grid_icon/dagre/board.exp.json
@@ -14,7 +14,7 @@
         "y": 0
       },
       "width": 364,
-      "height": 417,
+      "height": 421,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -52,10 +52,10 @@
       "type": "rectangle",
       "pos": {
         "x": 60,
-        "y": 125
+        "y": 60
       },
       "width": 53,
-      "height": 126,
+      "height": 195,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -93,7 +93,7 @@
       "type": "rectangle",
       "pos": {
         "x": 153,
-        "y": 125
+        "y": 129
       },
       "width": 151,
       "height": 126,
@@ -146,7 +146,7 @@
       "type": "rectangle",
       "pos": {
         "x": 183,
-        "y": 155
+        "y": 159
       },
       "width": 91,
       "height": 66,
@@ -187,7 +187,7 @@
       "type": "rectangle",
       "pos": {
         "x": 60,
-        "y": 291
+        "y": 295
       },
       "width": 53,
       "height": 66,
@@ -228,7 +228,7 @@
       "type": "rectangle",
       "pos": {
         "x": 153,
-        "y": 291
+        "y": 295
       },
       "width": 151,
       "height": 66,
@@ -272,7 +272,7 @@
       ],
       "pos": {
         "x": 424,
-        "y": 56
+        "y": 58
       },
       "width": 278,
       "height": 306,
@@ -325,7 +325,7 @@
       "type": "rectangle",
       "pos": {
         "x": 489,
-        "y": 130
+        "y": 132
       },
       "width": 53,
       "height": 66,
@@ -366,7 +366,7 @@
       "type": "rectangle",
       "pos": {
         "x": 582,
-        "y": 130
+        "y": 132
       },
       "width": 54,
       "height": 66,
@@ -407,7 +407,7 @@
       "type": "rectangle",
       "pos": {
         "x": 489,
-        "y": 236
+        "y": 238
       },
       "width": 53,
       "height": 66,
@@ -448,7 +448,7 @@
       "type": "rectangle",
       "pos": {
         "x": 582,
-        "y": 236
+        "y": 238
       },
       "width": 54,
       "height": 66,
@@ -492,10 +492,10 @@
       ],
       "pos": {
         "x": 762,
-        "y": 3
+        "y": 10
       },
       "width": 433,
-      "height": 412,
+      "height": 402,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -545,10 +545,10 @@
       "type": "rectangle",
       "pos": {
         "x": 856,
-        "y": 123
+        "y": 84
       },
       "width": 53,
-      "height": 126,
+      "height": 162,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -586,7 +586,7 @@
       "type": "rectangle",
       "pos": {
         "x": 949,
-        "y": 123
+        "y": 120
       },
       "width": 151,
       "height": 126,
@@ -627,7 +627,7 @@
       "type": "rectangle",
       "pos": {
         "x": 979,
-        "y": 153
+        "y": 150
       },
       "width": 91,
       "height": 66,
@@ -668,7 +668,7 @@
       "type": "rectangle",
       "pos": {
         "x": 856,
-        "y": 289
+        "y": 286
       },
       "width": 53,
       "height": 66,
@@ -709,7 +709,7 @@
       "type": "rectangle",
       "pos": {
         "x": 949,
-        "y": 289
+        "y": 286
       },
       "width": 151,
       "height": 66,
@@ -753,10 +753,10 @@
       ],
       "pos": {
         "x": 1255,
-        "y": 23
+        "y": 0
       },
       "width": 364,
-      "height": 371,
+      "height": 421,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -794,10 +794,10 @@
       "type": "rectangle",
       "pos": {
         "x": 1315,
-        "y": 102
+        "y": 60
       },
       "width": 53,
-      "height": 126,
+      "height": 195,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -835,7 +835,7 @@
       "type": "rectangle",
       "pos": {
         "x": 1408,
-        "y": 102
+        "y": 129
       },
       "width": 151,
       "height": 126,
@@ -888,7 +888,7 @@
       "type": "rectangle",
       "pos": {
         "x": 1438,
-        "y": 132
+        "y": 159
       },
       "width": 91,
       "height": 66,
@@ -929,7 +929,7 @@
       "type": "rectangle",
       "pos": {
         "x": 1315,
-        "y": 268
+        "y": 295
       },
       "width": 53,
       "height": 66,
@@ -970,7 +970,7 @@
       "type": "rectangle",
       "pos": {
         "x": 1408,
-        "y": 268
+        "y": 295
       },
       "width": 151,
       "height": 66,
@@ -1014,7 +1014,7 @@
       ],
       "pos": {
         "x": 1679,
-        "y": 56
+        "y": 58
       },
       "width": 267,
       "height": 306,
@@ -1067,7 +1067,7 @@
       "type": "rectangle",
       "pos": {
         "x": 1739,
-        "y": 130
+        "y": 132
       },
       "width": 53,
       "height": 66,
@@ -1108,7 +1108,7 @@
       "type": "rectangle",
       "pos": {
         "x": 1832,
-        "y": 130
+        "y": 132
       },
       "width": 54,
       "height": 66,
@@ -1149,7 +1149,7 @@
       "type": "rectangle",
       "pos": {
         "x": 1739,
-        "y": 236
+        "y": 238
       },
       "width": 53,
       "height": 66,
@@ -1190,7 +1190,7 @@
       "type": "rectangle",
       "pos": {
         "x": 1832,
-        "y": 236
+        "y": 238
       },
       "width": 54,
       "height": 66,
diff --git a/e2etests/testdata/stable/grid_icon/dagre/sketch.exp.svg b/e2etests/testdata/stable/grid_icon/dagre/sketch.exp.svg
index 619e1ea9b..37ef678d3 100644
--- a/e2etests/testdata/stable/grid_icon/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/grid_icon/dagre/sketch.exp.svg
@@ -1,16 +1,16 @@
-<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.6.1-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1948 419"><svg id="d2-svg" class="d2-447179389" width="1948" height="419" viewBox="-1 -1 1948 419"><rect x="-1.000000" y="-1.000000" width="1948.000000" height="419.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
-.d2-447179389 .text {
-	font-family: "d2-447179389-font-regular";
+<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.6.1-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1948 423"><svg id="d2-svg" class="d2-379655365" width="1948" height="423" viewBox="-1 -1 1948 423"><rect x="-1.000000" y="-1.000000" width="1948.000000" height="423.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
+.d2-379655365 .text {
+	font-family: "d2-379655365-font-regular";
 }
 @font-face {
-	font-family: d2-447179389-font-regular;
+	font-family: d2-379655365-font-regular;
 	src: url("data:application/font-woff;base64,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");
 }
-.d2-447179389 .text-bold {
-	font-family: "d2-447179389-font-bold";
+.d2-379655365 .text-bold {
+	font-family: "d2-379655365-font-bold";
 }
 @font-face {
-	font-family: d2-447179389-font-bold;
+	font-family: d2-379655365-font-bold;
 	src: url("data:application/font-woff;base64,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");
 }]]></style><style type="text/css"><![CDATA[.shape {
   shape-rendering: geometricPrecision;
@@ -25,103 +25,103 @@
   opacity: 0.5;
 }
 
-		.d2-447179389 .fill-N1{fill:#0A0F25;}
-		.d2-447179389 .fill-N2{fill:#676C7E;}
-		.d2-447179389 .fill-N3{fill:#9499AB;}
-		.d2-447179389 .fill-N4{fill:#CFD2DD;}
-		.d2-447179389 .fill-N5{fill:#DEE1EB;}
-		.d2-447179389 .fill-N6{fill:#EEF1F8;}
-		.d2-447179389 .fill-N7{fill:#FFFFFF;}
-		.d2-447179389 .fill-B1{fill:#0D32B2;}
-		.d2-447179389 .fill-B2{fill:#0D32B2;}
-		.d2-447179389 .fill-B3{fill:#E3E9FD;}
-		.d2-447179389 .fill-B4{fill:#E3E9FD;}
-		.d2-447179389 .fill-B5{fill:#EDF0FD;}
-		.d2-447179389 .fill-B6{fill:#F7F8FE;}
-		.d2-447179389 .fill-AA2{fill:#4A6FF3;}
-		.d2-447179389 .fill-AA4{fill:#EDF0FD;}
-		.d2-447179389 .fill-AA5{fill:#F7F8FE;}
-		.d2-447179389 .fill-AB4{fill:#EDF0FD;}
-		.d2-447179389 .fill-AB5{fill:#F7F8FE;}
-		.d2-447179389 .stroke-N1{stroke:#0A0F25;}
-		.d2-447179389 .stroke-N2{stroke:#676C7E;}
-		.d2-447179389 .stroke-N3{stroke:#9499AB;}
-		.d2-447179389 .stroke-N4{stroke:#CFD2DD;}
-		.d2-447179389 .stroke-N5{stroke:#DEE1EB;}
-		.d2-447179389 .stroke-N6{stroke:#EEF1F8;}
-		.d2-447179389 .stroke-N7{stroke:#FFFFFF;}
-		.d2-447179389 .stroke-B1{stroke:#0D32B2;}
-		.d2-447179389 .stroke-B2{stroke:#0D32B2;}
-		.d2-447179389 .stroke-B3{stroke:#E3E9FD;}
-		.d2-447179389 .stroke-B4{stroke:#E3E9FD;}
-		.d2-447179389 .stroke-B5{stroke:#EDF0FD;}
-		.d2-447179389 .stroke-B6{stroke:#F7F8FE;}
-		.d2-447179389 .stroke-AA2{stroke:#4A6FF3;}
-		.d2-447179389 .stroke-AA4{stroke:#EDF0FD;}
-		.d2-447179389 .stroke-AA5{stroke:#F7F8FE;}
-		.d2-447179389 .stroke-AB4{stroke:#EDF0FD;}
-		.d2-447179389 .stroke-AB5{stroke:#F7F8FE;}
-		.d2-447179389 .background-color-N1{background-color:#0A0F25;}
-		.d2-447179389 .background-color-N2{background-color:#676C7E;}
-		.d2-447179389 .background-color-N3{background-color:#9499AB;}
-		.d2-447179389 .background-color-N4{background-color:#CFD2DD;}
-		.d2-447179389 .background-color-N5{background-color:#DEE1EB;}
-		.d2-447179389 .background-color-N6{background-color:#EEF1F8;}
-		.d2-447179389 .background-color-N7{background-color:#FFFFFF;}
-		.d2-447179389 .background-color-B1{background-color:#0D32B2;}
-		.d2-447179389 .background-color-B2{background-color:#0D32B2;}
-		.d2-447179389 .background-color-B3{background-color:#E3E9FD;}
-		.d2-447179389 .background-color-B4{background-color:#E3E9FD;}
-		.d2-447179389 .background-color-B5{background-color:#EDF0FD;}
-		.d2-447179389 .background-color-B6{background-color:#F7F8FE;}
-		.d2-447179389 .background-color-AA2{background-color:#4A6FF3;}
-		.d2-447179389 .background-color-AA4{background-color:#EDF0FD;}
-		.d2-447179389 .background-color-AA5{background-color:#F7F8FE;}
-		.d2-447179389 .background-color-AB4{background-color:#EDF0FD;}
-		.d2-447179389 .background-color-AB5{background-color:#F7F8FE;}
-		.d2-447179389 .color-N1{color:#0A0F25;}
-		.d2-447179389 .color-N2{color:#676C7E;}
-		.d2-447179389 .color-N3{color:#9499AB;}
-		.d2-447179389 .color-N4{color:#CFD2DD;}
-		.d2-447179389 .color-N5{color:#DEE1EB;}
-		.d2-447179389 .color-N6{color:#EEF1F8;}
-		.d2-447179389 .color-N7{color:#FFFFFF;}
-		.d2-447179389 .color-B1{color:#0D32B2;}
-		.d2-447179389 .color-B2{color:#0D32B2;}
-		.d2-447179389 .color-B3{color:#E3E9FD;}
-		.d2-447179389 .color-B4{color:#E3E9FD;}
-		.d2-447179389 .color-B5{color:#EDF0FD;}
-		.d2-447179389 .color-B6{color:#F7F8FE;}
-		.d2-447179389 .color-AA2{color:#4A6FF3;}
-		.d2-447179389 .color-AA4{color:#EDF0FD;}
-		.d2-447179389 .color-AA5{color:#F7F8FE;}
-		.d2-447179389 .color-AB4{color:#EDF0FD;}
-		.d2-447179389 .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="grid w/ container + icon" class="2x2"><g class="shape" ><rect x="0.000000" y="0.000000" width="364.000000" height="417.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="182.000000" y="33.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">grid w/ container + icon</text></g><g id="grid + icon" class="2x2"><g class="shape" ><rect x="424.000000" y="56.000000" width="278.000000" height="306.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><image href="https://icons.terrastruct.com/dev%2Fgithub.svg" x="429.000000" y="61.000000" width="64" height="64" /><text x="563.000000" y="89.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">grid + icon</text></g><g id="grid + icon w/ container" class="2x2"><g class="shape" ><rect x="762.000000" y="3.000000" width="433.000000" height="412.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><image href="https://icons.terrastruct.com/dev%2Fgithub.svg" x="767.000000" y="8.000000" width="64" height="64" /><text x="978.500000" y="36.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">grid + icon w/ container</text></g><g id="no label grid w/ container + icon" class="2x2"><g class="shape" ><rect x="1255.000000" y="23.000000" width="364.000000" height="371.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g></g><g id="no label grid + icon" class="2x2"><g class="shape" ><rect x="1679.000000" y="56.000000" width="267.000000" height="306.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><image href="https://icons.terrastruct.com/dev%2Fgithub.svg" x="1684.000000" y="61.000000" width="64" height="64" /></g><g id="grid w/ container + icon.a"><g class="shape" ><rect x="60.000000" y="125.000000" width="53.000000" height="126.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="86.500000" y="193.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="grid w/ container + icon.b"><g class="shape" ><rect x="153.000000" y="125.000000" width="151.000000" height="126.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><image href="https://icons.terrastruct.com/dev%2Fgithub.svg" x="148.000000" y="57.000000" width="63" height="63" /><text x="293.000000" y="113.000000" class="text fill-N1" style="text-anchor:middle;font-size:24px">b</text></g><g id="grid w/ container + icon.c"><g class="shape" ><rect x="60.000000" y="291.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="86.500000" y="329.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="grid w/ container + icon.d"><g class="shape" ><rect x="153.000000" y="291.000000" width="151.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="228.500000" y="329.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="grid + icon.a"><g class="shape" ><rect x="489.000000" y="130.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="515.500000" y="168.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="grid + icon.b"><g class="shape" ><rect x="582.000000" y="130.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="609.000000" y="168.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="grid + icon.c"><g class="shape" ><rect x="489.000000" y="236.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="515.500000" y="274.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="grid + icon.d"><g class="shape" ><rect x="582.000000" y="236.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="609.000000" y="274.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="grid + icon w/ container.a"><g class="shape" ><rect x="856.000000" y="123.000000" width="53.000000" height="126.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="882.500000" y="191.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="grid + icon w/ container.b"><g class="shape" ><rect x="949.000000" y="123.000000" width="151.000000" height="126.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1024.500000" y="111.000000" class="text fill-N1" style="text-anchor:middle;font-size:24px">b</text></g><g id="grid + icon w/ container.c"><g class="shape" ><rect x="856.000000" y="289.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="882.500000" y="327.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="grid + icon w/ container.d"><g class="shape" ><rect x="949.000000" y="289.000000" width="151.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1024.500000" y="327.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="no label grid w/ container + icon.a"><g class="shape" ><rect x="1315.000000" y="102.000000" width="53.000000" height="126.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1341.500000" y="170.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="no label grid w/ container + icon.b"><g class="shape" ><rect x="1408.000000" y="102.000000" width="151.000000" height="126.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><image href="https://icons.terrastruct.com/dev%2Fgithub.svg" x="1403.000000" y="34.000000" width="63" height="63" /><text x="1548.000000" y="90.000000" class="text fill-N1" style="text-anchor:middle;font-size:24px">b</text></g><g id="no label grid w/ container + icon.c"><g class="shape" ><rect x="1315.000000" y="268.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1341.500000" y="306.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="no label grid w/ container + icon.d"><g class="shape" ><rect x="1408.000000" y="268.000000" width="151.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1483.500000" y="306.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="no label grid + icon.a"><g class="shape" ><rect x="1739.000000" y="130.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1765.500000" y="168.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="no label grid + icon.b"><g class="shape" ><rect x="1832.000000" y="130.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1859.000000" y="168.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="no label grid + icon.c"><g class="shape" ><rect x="1739.000000" y="236.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1765.500000" y="274.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="no label grid + icon.d"><g class="shape" ><rect x="1832.000000" y="236.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1859.000000" y="274.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="grid w/ container + icon.b.b child"><g class="shape" ><rect x="183.000000" y="155.000000" width="91.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="228.500000" y="193.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b child</text></g><g id="grid + icon w/ container.b.b child"><g class="shape" ><rect x="979.000000" y="153.000000" width="91.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="1024.500000" y="191.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b child</text></g><g id="no label grid w/ container + icon.b.b child"><g class="shape" ><rect x="1438.000000" y="132.000000" width="91.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="1483.500000" y="170.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b child</text></g><mask id="d2-447179389" maskUnits="userSpaceOnUse" x="-1" y="-1" width="1948" height="419">
-<rect x="-1" y="-1" width="1948" height="419" fill="white"></rect>
+		.d2-379655365 .fill-N1{fill:#0A0F25;}
+		.d2-379655365 .fill-N2{fill:#676C7E;}
+		.d2-379655365 .fill-N3{fill:#9499AB;}
+		.d2-379655365 .fill-N4{fill:#CFD2DD;}
+		.d2-379655365 .fill-N5{fill:#DEE1EB;}
+		.d2-379655365 .fill-N6{fill:#EEF1F8;}
+		.d2-379655365 .fill-N7{fill:#FFFFFF;}
+		.d2-379655365 .fill-B1{fill:#0D32B2;}
+		.d2-379655365 .fill-B2{fill:#0D32B2;}
+		.d2-379655365 .fill-B3{fill:#E3E9FD;}
+		.d2-379655365 .fill-B4{fill:#E3E9FD;}
+		.d2-379655365 .fill-B5{fill:#EDF0FD;}
+		.d2-379655365 .fill-B6{fill:#F7F8FE;}
+		.d2-379655365 .fill-AA2{fill:#4A6FF3;}
+		.d2-379655365 .fill-AA4{fill:#EDF0FD;}
+		.d2-379655365 .fill-AA5{fill:#F7F8FE;}
+		.d2-379655365 .fill-AB4{fill:#EDF0FD;}
+		.d2-379655365 .fill-AB5{fill:#F7F8FE;}
+		.d2-379655365 .stroke-N1{stroke:#0A0F25;}
+		.d2-379655365 .stroke-N2{stroke:#676C7E;}
+		.d2-379655365 .stroke-N3{stroke:#9499AB;}
+		.d2-379655365 .stroke-N4{stroke:#CFD2DD;}
+		.d2-379655365 .stroke-N5{stroke:#DEE1EB;}
+		.d2-379655365 .stroke-N6{stroke:#EEF1F8;}
+		.d2-379655365 .stroke-N7{stroke:#FFFFFF;}
+		.d2-379655365 .stroke-B1{stroke:#0D32B2;}
+		.d2-379655365 .stroke-B2{stroke:#0D32B2;}
+		.d2-379655365 .stroke-B3{stroke:#E3E9FD;}
+		.d2-379655365 .stroke-B4{stroke:#E3E9FD;}
+		.d2-379655365 .stroke-B5{stroke:#EDF0FD;}
+		.d2-379655365 .stroke-B6{stroke:#F7F8FE;}
+		.d2-379655365 .stroke-AA2{stroke:#4A6FF3;}
+		.d2-379655365 .stroke-AA4{stroke:#EDF0FD;}
+		.d2-379655365 .stroke-AA5{stroke:#F7F8FE;}
+		.d2-379655365 .stroke-AB4{stroke:#EDF0FD;}
+		.d2-379655365 .stroke-AB5{stroke:#F7F8FE;}
+		.d2-379655365 .background-color-N1{background-color:#0A0F25;}
+		.d2-379655365 .background-color-N2{background-color:#676C7E;}
+		.d2-379655365 .background-color-N3{background-color:#9499AB;}
+		.d2-379655365 .background-color-N4{background-color:#CFD2DD;}
+		.d2-379655365 .background-color-N5{background-color:#DEE1EB;}
+		.d2-379655365 .background-color-N6{background-color:#EEF1F8;}
+		.d2-379655365 .background-color-N7{background-color:#FFFFFF;}
+		.d2-379655365 .background-color-B1{background-color:#0D32B2;}
+		.d2-379655365 .background-color-B2{background-color:#0D32B2;}
+		.d2-379655365 .background-color-B3{background-color:#E3E9FD;}
+		.d2-379655365 .background-color-B4{background-color:#E3E9FD;}
+		.d2-379655365 .background-color-B5{background-color:#EDF0FD;}
+		.d2-379655365 .background-color-B6{background-color:#F7F8FE;}
+		.d2-379655365 .background-color-AA2{background-color:#4A6FF3;}
+		.d2-379655365 .background-color-AA4{background-color:#EDF0FD;}
+		.d2-379655365 .background-color-AA5{background-color:#F7F8FE;}
+		.d2-379655365 .background-color-AB4{background-color:#EDF0FD;}
+		.d2-379655365 .background-color-AB5{background-color:#F7F8FE;}
+		.d2-379655365 .color-N1{color:#0A0F25;}
+		.d2-379655365 .color-N2{color:#676C7E;}
+		.d2-379655365 .color-N3{color:#9499AB;}
+		.d2-379655365 .color-N4{color:#CFD2DD;}
+		.d2-379655365 .color-N5{color:#DEE1EB;}
+		.d2-379655365 .color-N6{color:#EEF1F8;}
+		.d2-379655365 .color-N7{color:#FFFFFF;}
+		.d2-379655365 .color-B1{color:#0D32B2;}
+		.d2-379655365 .color-B2{color:#0D32B2;}
+		.d2-379655365 .color-B3{color:#E3E9FD;}
+		.d2-379655365 .color-B4{color:#E3E9FD;}
+		.d2-379655365 .color-B5{color:#EDF0FD;}
+		.d2-379655365 .color-B6{color:#F7F8FE;}
+		.d2-379655365 .color-AA2{color:#4A6FF3;}
+		.d2-379655365 .color-AA4{color:#EDF0FD;}
+		.d2-379655365 .color-AA5{color:#F7F8FE;}
+		.d2-379655365 .color-AB4{color:#EDF0FD;}
+		.d2-379655365 .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="grid w/ container + icon" class="2x2"><g class="shape" ><rect x="0.000000" y="0.000000" width="364.000000" height="421.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="182.000000" y="33.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">grid w/ container + icon</text></g><g id="grid + icon" class="2x2"><g class="shape" ><rect x="424.000000" y="58.000000" width="278.000000" height="306.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><image href="https://icons.terrastruct.com/dev%2Fgithub.svg" x="429.000000" y="63.000000" width="64" height="64" /><text x="563.000000" y="91.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">grid + icon</text></g><g id="grid + icon w/ container" class="2x2"><g class="shape" ><rect x="762.000000" y="10.000000" width="433.000000" height="402.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><image href="https://icons.terrastruct.com/dev%2Fgithub.svg" x="767.000000" y="15.000000" width="64" height="64" /><text x="978.500000" y="43.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">grid + icon w/ container</text></g><g id="no label grid w/ container + icon" class="2x2"><g class="shape" ><rect x="1255.000000" y="0.000000" width="364.000000" height="421.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g></g><g id="no label grid + icon" class="2x2"><g class="shape" ><rect x="1679.000000" y="58.000000" width="267.000000" height="306.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><image href="https://icons.terrastruct.com/dev%2Fgithub.svg" x="1684.000000" y="63.000000" width="64" height="64" /></g><g id="grid w/ container + icon.a"><g class="shape" ><rect x="60.000000" y="60.000000" width="53.000000" height="195.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="86.500000" y="163.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="grid w/ container + icon.b"><g class="shape" ><rect x="153.000000" y="129.000000" width="151.000000" height="126.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><image href="https://icons.terrastruct.com/dev%2Fgithub.svg" x="148.000000" y="61.000000" width="63" height="63" /><text x="293.000000" y="117.000000" class="text fill-N1" style="text-anchor:middle;font-size:24px">b</text></g><g id="grid w/ container + icon.c"><g class="shape" ><rect x="60.000000" y="295.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="86.500000" y="333.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="grid w/ container + icon.d"><g class="shape" ><rect x="153.000000" y="295.000000" width="151.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="228.500000" y="333.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="grid + icon.a"><g class="shape" ><rect x="489.000000" y="132.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="515.500000" y="170.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="grid + icon.b"><g class="shape" ><rect x="582.000000" y="132.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="609.000000" y="170.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="grid + icon.c"><g class="shape" ><rect x="489.000000" y="238.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="515.500000" y="276.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="grid + icon.d"><g class="shape" ><rect x="582.000000" y="238.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="609.000000" y="276.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="grid + icon w/ container.a"><g class="shape" ><rect x="856.000000" y="84.000000" width="53.000000" height="162.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="882.500000" y="170.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="grid + icon w/ container.b"><g class="shape" ><rect x="949.000000" y="120.000000" width="151.000000" height="126.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1024.500000" y="108.000000" class="text fill-N1" style="text-anchor:middle;font-size:24px">b</text></g><g id="grid + icon w/ container.c"><g class="shape" ><rect x="856.000000" y="286.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="882.500000" y="324.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="grid + icon w/ container.d"><g class="shape" ><rect x="949.000000" y="286.000000" width="151.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1024.500000" y="324.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="no label grid w/ container + icon.a"><g class="shape" ><rect x="1315.000000" y="60.000000" width="53.000000" height="195.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1341.500000" y="163.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="no label grid w/ container + icon.b"><g class="shape" ><rect x="1408.000000" y="129.000000" width="151.000000" height="126.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><image href="https://icons.terrastruct.com/dev%2Fgithub.svg" x="1403.000000" y="61.000000" width="63" height="63" /><text x="1548.000000" y="117.000000" class="text fill-N1" style="text-anchor:middle;font-size:24px">b</text></g><g id="no label grid w/ container + icon.c"><g class="shape" ><rect x="1315.000000" y="295.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1341.500000" y="333.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="no label grid w/ container + icon.d"><g class="shape" ><rect x="1408.000000" y="295.000000" width="151.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1483.500000" y="333.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="no label grid + icon.a"><g class="shape" ><rect x="1739.000000" y="132.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1765.500000" y="170.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="no label grid + icon.b"><g class="shape" ><rect x="1832.000000" y="132.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1859.000000" y="170.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="no label grid + icon.c"><g class="shape" ><rect x="1739.000000" y="238.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1765.500000" y="276.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="no label grid + icon.d"><g class="shape" ><rect x="1832.000000" y="238.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1859.000000" y="276.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="grid w/ container + icon.b.b child"><g class="shape" ><rect x="183.000000" y="159.000000" width="91.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="228.500000" y="197.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b child</text></g><g id="grid + icon w/ container.b.b child"><g class="shape" ><rect x="979.000000" y="150.000000" width="91.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="1024.500000" y="188.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b child</text></g><g id="no label grid w/ container + icon.b.b child"><g class="shape" ><rect x="1438.000000" y="159.000000" width="91.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="1483.500000" y="197.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b child</text></g><mask id="d2-379655365" maskUnits="userSpaceOnUse" x="-1" y="-1" width="1948" height="423">
+<rect x="-1" y="-1" width="1948" height="423" fill="white"></rect>
 <rect x="45.500000" y="5.000000" width="273" height="36" fill="rgba(0,0,0,0.75)"></rect>
-<rect x="503.000000" y="61.000000" width="120" height="36" fill="rgba(0,0,0,0.75)"></rect>
-<rect x="841.000000" y="8.000000" width="275" height="36" fill="rgba(0,0,0,0.75)"></rect>
-<rect x="82.500000" y="177.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
-<rect x="287.000000" y="89.000000" width="12" height="31" fill="rgba(0,0,0,0.75)"></rect>
-<rect x="82.500000" y="313.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
-<rect x="224.000000" y="313.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>
-<rect x="511.500000" y="152.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
-<rect x="605.000000" y="152.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
-<rect x="511.500000" y="258.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
-<rect x="604.500000" y="258.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>
-<rect x="878.500000" y="175.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
-<rect x="1018.500000" y="87.000000" width="12" height="31" fill="rgba(0,0,0,0.75)"></rect>
-<rect x="878.500000" y="311.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
-<rect x="1020.000000" y="311.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>
-<rect x="1337.500000" y="154.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
-<rect x="1542.000000" y="66.000000" width="12" height="31" fill="rgba(0,0,0,0.75)"></rect>
-<rect x="1337.500000" y="290.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
-<rect x="1479.000000" y="290.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>
-<rect x="1761.500000" y="152.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
-<rect x="1855.000000" y="152.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
-<rect x="1761.500000" y="258.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
-<rect x="1854.500000" y="258.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>
-<rect x="205.500000" y="177.500000" width="46" height="21" fill="rgba(0,0,0,0.75)"></rect>
-<rect x="1001.500000" y="175.500000" width="46" height="21" fill="rgba(0,0,0,0.75)"></rect>
-<rect x="1460.500000" y="154.500000" width="46" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="503.000000" y="63.000000" width="120" height="36" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="841.000000" y="15.000000" width="275" height="36" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="82.500000" y="147.000000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="287.000000" y="93.000000" width="12" height="31" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="82.500000" y="317.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="224.000000" y="317.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="511.500000" y="154.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="605.000000" y="154.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="511.500000" y="260.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="604.500000" y="260.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="878.500000" y="154.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="1018.500000" y="84.000000" width="12" height="31" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="878.500000" y="308.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="1020.000000" y="308.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="1337.500000" y="147.000000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="1542.000000" y="93.000000" width="12" height="31" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="1337.500000" y="317.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="1479.000000" y="317.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="1761.500000" y="154.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="1855.000000" y="154.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="1761.500000" y="260.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="1854.500000" y="260.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="205.500000" y="181.500000" width="46" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="1001.500000" y="172.500000" width="46" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="1460.500000" y="181.500000" width="46" 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/grid_nested/dagre/board.exp.json b/e2etests/testdata/stable/grid_nested/dagre/board.exp.json
index 4d4abbc98..99cef9427 100644
--- a/e2etests/testdata/stable/grid_nested/dagre/board.exp.json
+++ b/e2etests/testdata/stable/grid_nested/dagre/board.exp.json
@@ -11,10 +11,10 @@
       ],
       "pos": {
         "x": 0,
-        "y": 99
+        "y": 97
       },
       "width": 364,
-      "height": 384,
+      "height": 388,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -52,10 +52,10 @@
       "type": "rectangle",
       "pos": {
         "x": 60,
-        "y": 191
+        "y": 157
       },
       "width": 53,
-      "height": 126,
+      "height": 162,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -93,7 +93,7 @@
       "type": "rectangle",
       "pos": {
         "x": 153,
-        "y": 191
+        "y": 193
       },
       "width": 151,
       "height": 126,
@@ -134,7 +134,7 @@
       "type": "rectangle",
       "pos": {
         "x": 183,
-        "y": 221
+        "y": 223
       },
       "width": 91,
       "height": 66,
@@ -175,7 +175,7 @@
       "type": "rectangle",
       "pos": {
         "x": 60,
-        "y": 357
+        "y": 359
       },
       "width": 53,
       "height": 66,
@@ -216,7 +216,7 @@
       "type": "rectangle",
       "pos": {
         "x": 153,
-        "y": 357
+        "y": 359
       },
       "width": 151,
       "height": 66,
@@ -260,10 +260,10 @@
       ],
       "pos": {
         "x": 424,
-        "y": 5
+        "y": 3
       },
       "width": 692,
-      "height": 572,
+      "height": 576,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -301,10 +301,10 @@
       "type": "rectangle",
       "pos": {
         "x": 484,
-        "y": 97
+        "y": 63
       },
       "width": 53,
-      "height": 314,
+      "height": 350,
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
@@ -342,7 +342,7 @@
       "type": "rectangle",
       "pos": {
         "x": 577,
-        "y": 97
+        "y": 99
       },
       "width": 479,
       "height": 314,
@@ -383,7 +383,7 @@
       "type": "rectangle",
       "pos": {
         "x": 597,
-        "y": 133
+        "y": 135
       },
       "width": 439,
       "height": 248,
@@ -424,7 +424,7 @@
       "type": "rectangle",
       "pos": {
         "x": 617,
-        "y": 164
+        "y": 166
       },
       "width": 186,
       "height": 187,
@@ -465,7 +465,7 @@
       "type": "rectangle",
       "pos": {
         "x": 647,
-        "y": 195
+        "y": 197
       },
       "width": 126,
       "height": 126,
@@ -506,7 +506,7 @@
       "type": "rectangle",
       "pos": {
         "x": 677,
-        "y": 225
+        "y": 227
       },
       "width": 66,
       "height": 66,
@@ -547,7 +547,7 @@
       "type": "rectangle",
       "pos": {
         "x": 823,
-        "y": 164
+        "y": 166
       },
       "width": 193,
       "height": 187,
@@ -588,7 +588,7 @@
       "type": "rectangle",
       "pos": {
         "x": 853,
-        "y": 195
+        "y": 197
       },
       "width": 133,
       "height": 126,
@@ -629,7 +629,7 @@
       "type": "rectangle",
       "pos": {
         "x": 883,
-        "y": 225
+        "y": 227
       },
       "width": 73,
       "height": 66,
@@ -670,7 +670,7 @@
       "type": "rectangle",
       "pos": {
         "x": 484,
-        "y": 451
+        "y": 453
       },
       "width": 53,
       "height": 66,
@@ -711,7 +711,7 @@
       "type": "rectangle",
       "pos": {
         "x": 577,
-        "y": 451
+        "y": 453
       },
       "width": 479,
       "height": 66,
diff --git a/e2etests/testdata/stable/grid_nested/dagre/sketch.exp.svg b/e2etests/testdata/stable/grid_nested/dagre/sketch.exp.svg
index 78ba506bc..c16ab304f 100644
--- a/e2etests/testdata/stable/grid_nested/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/grid_nested/dagre/sketch.exp.svg
@@ -1,16 +1,16 @@
-<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.6.1-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 2039 583"><svg id="d2-svg" class="d2-520906461" width="2039" height="583" viewBox="-1 -1 2039 583"><rect x="-1.000000" y="-1.000000" width="2039.000000" height="583.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
-.d2-520906461 .text {
-	font-family: "d2-520906461-font-regular";
+<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.6.1-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 2039 583"><svg id="d2-svg" class="d2-2055001460" width="2039" height="583" viewBox="-1 -1 2039 583"><rect x="-1.000000" y="-1.000000" width="2039.000000" height="583.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
+.d2-2055001460 .text {
+	font-family: "d2-2055001460-font-regular";
 }
 @font-face {
-	font-family: d2-520906461-font-regular;
+	font-family: d2-2055001460-font-regular;
 	src: url("data:application/font-woff;base64,d09GRgABAAAAAAv0AAoAAAAAEnQAAguFAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAAA9AAAAGAAAABgXd/Vo2NtYXAAAAFUAAAAewAAAJgCNAL8Z2x5ZgAAAdAAAAXPAAAHjIQzf4loZWFkAAAHoAAAADYAAAA2G4Ue32hoZWEAAAfYAAAAJAAAACQKhAXaaG10eAAAB/wAAABgAAAAYCjeBGFsb2NhAAAIXAAAADIAAAAyGgYYRG1heHAAAAiQAAAAIAAAACAAMAD2bmFtZQAACLAAAAMjAAAIFAbDVU1wb3N0AAAL1AAAAB0AAAAg/9EAMgADAgkBkAAFAAACigJYAAAASwKKAlgAAAFeADIBIwAAAgsFAwMEAwICBGAAAvcAAAADAAAAAAAAAABBREJPAEAAIP//Au7/BgAAA9gBESAAAZ8AAAAAAeYClAAAACAAA3icZM1PygEBHMbxz7wzr7+Dwdi7gZQLWUhqoqRcwgUk4mZsXOMns/UsP4vni0QqQS5zQqmQykzNLKxsVHYOjhHUOre0VtnafzVe8Y5nPOIet7jGJc713+8SE0MjY6W/uvGvoamlraMr19M3UPABAAD//wEAAP//DQobIQB4nGRUW2wjZxn9/n8mnjixN5n1XGzHt5mJZ2wnsROPZ8aJx55sYnuzqW9rJ9rNbrsXdokjKCsILdWKaiuxpbuqhLhoHxA80Ade+kQrpIUKiYcVVOEiJB4oIPEAL6FS+4Asg5DojtHYScjSJ3+SR/853znnOzAGOwBYw4+AADdMwVlgAVRaoOOCokiUoRqGxBOGgmhqB/3F/hZCF3KkrpNLax+t3X3tNXT5Hn709MWV17vdX1575RX7G4cf2ln0uw8BQ27QR++iHgRhFoAXZS2nGzlZlkQXpei6muVYWlIkl0vJ6obmcrEM96R48Zvfp+cSqc1wTLy1stMqU4R4kZNK0t2bWc+Fc61tOpqXYswyl/zCVfuDlVBqTYw+mDIzyThgaA/66D/4AHwQAxgTZUWiJFplqREWMwTSckN8luNQUrwQI6i1NhaaieufKVyvms1CJboqxSyPEM7igyeXw8obX+p8pVTpXmndEmODEA8AgCA96KMfoR6EhijOWg4ATw1Xc9ZQs7rBu1zo7Oqeee7zpcVKIMVmwvMVpbMurnCzQstj7rfa+6bI6z5/Zjvf6YYZIywAYMgM+ujPxzuMNBs+rmjqsViGdgL076t3CjeNVClGdsoUEaoFVs3ockSx5Krn63ebXy5Fgp2fPc0vh5KVdTvEZzr5S7cAD/n/GvXAD9FnNmAZFyVwx+wJYSgV4s99rmTdNl74LML2T8cuVaXCTDja/A0irWX1oqe432ztl17d8wbc9edZWmciSN6sNwGAgIVBDH2MerAERaifJECTT/0Md1NZiRv6I4nKSL8jv4hjv1iG841mSZRH3/xr54uycDYg+vxKdmuJmfW+fZvmF1tZRfSejS9d294279RSRXNuzizq1S01s3VGmA76n/tr2Youc+RkIhRNe0mmPKc1UtSYNa1Fc7UkPTnD8BGjuFDLoHctTTNNTbPsh0VZDJKkL8Uq6aH/bQD0R3wAjHMnJ/miJXqULbrdJqR6tn6+Pb8YL8TxwZPbQubmC/ZvUbJckuP2WzAYQAUAfowfYxk4AHAB/+ooW+1BH/6ED2BqpBet0idxejudbJ9xkxQ1Oc55ljW8+/SRj0aoRJLHnFDviBOvfopTmSKkxgkpdFiVnuV0lIt/oB5MwcwzuXj2dliGQ1OFrmV1C+auZe2aVr1ulRqNo0yb++3Wvlnudrb29rY63WO9rqEe0Ke4HV3LiFhgIxnmpz3MVHQ9gA4vp/WJDZLMluyDkSahQR/dRz1IDTVRjGFEtZwsK2ms5U7dHstwHB/BDt3f565JyVh5bnFRUGfEtdROc6ERSgT0WHousjgjlReSTY8SMgLCQjQg8hNeQUsWmjE+5/OnQnyYnfQKRlpZSwzx/YM+quA7wB95ImmGobIqK/3Pm48axY3aROX+fSHljXimmYznygbylsYePly3ewtLbrJETY7eAsCP0SEIACqh+jjOkcPwnZoIiZBl59Ip4gcPtjbGz1Dk+LT7uVbNTY+T41PU+cbXblfdU25yfHqijA7tv4vrorguosCpKYjGpHI8XpHsTwBBEwD9BN8DD4Dq1Iim64YT3OZ3Xpo/F7ReL6MPtHF++un75ZHeswDoF/hNJwWqVsJHlamc1KgTeJVN3HijahYT5VAmcbW0s7v+ci2YD7y3dOPbL6tGdSGWmde62+ZXHzQxeR4QBAd99HP85qc9lLSsrv8/hNPPDtLHtd1YKtzIr2wqO7VyUyyoifXwfPxKvvPiam6llb/uMSQ9kl7V5OWYFdOFjD4bzkkL2/WVTYb0dtby7XnATu7QH/A9cDvXYahO+zjy+jRBQ44OErt3QCLSEzyj2n9D9POXLvXeC24E+Hnezr2jo+/aL6294+gyMbiBLuL3gQDgkYom0KRp//MtYveT78FxL8AP0aHzv0qrdLuNDu0goMGv8CYY+DFMAtDDDhwt6Y9G/f5oFG+GA/5IxB8Iw38BAAD//wEAAP//9eSGoQAAAQAAAAILhf2ma1FfDzz1AAMD6AAAAADYXaChAAAAAN1mLzb+Ov7bCG8DyAAAAAMAAgAAAAAAAAABAAAD2P7vAAAImP46/joIbwABAAAAAAAAAAAAAAAAAAAAGAKNAFkAyAAAAfgANAIpAFIByAAuAisALwHwAC4B+AAtAiAAUgD2AEUA/wBSAiMAUgIeAC4BWwBSAaMAHAFSABgCzgAYAfEATwHxACQB8QAaAfEAEQFeAAoA9gBSAAD/yQAAACwALABkAJgAxgD4ASwBmAG6AcYB4gIEAjACUAKQArYC8AMIAzIDcAOUA6QDsAPGAAAAAQAAABgAjAAMAGYABwABAAAAAAAAAAAAAAAAAAQAA3icnJTdThtXFIU/B9ttVDUXFYrIDTqXbZWM3QiiBK5MCYpVhFOP0x+pqjR4xj9iPDPyDFCqPkCv+xZ9i1z1OfoQVa+rs7wNNqoUgRCwzpy991lnr7UPsMm/bFCrPwT+av5guMZ2c8/wAx41nxre4Ljxt+H6SkyDuPGb4SZfNvqGP+J9/Q/DH7NT/9nwQ7bqR4Y/4Xl90/CnG45/DD9ih/cLXIOX/G64xhaF4Qds8pPhDR5jNWt1HtM23OAztg032QYGTKlImZIxxjFiyphz5iSUhCTMmTIiIcbRpUNKpa8ZkZBj/L9fI0Iq5kSqOKHCkRKSElEysYq/KivnrU4caTW3vQ4VEyJOlXFGRIYjZ0xORsKZ6lRUFOzRokXJUHwLKkoCSqakBOTMGdOixxHHDJgwpcRxpEqeWUjOiIpLIp3vLMJ3ZkhCRmmszsmIxdOJX6LsLsc4ehSKXa18vFbhKY7vlO255Yr9ikC/boXZ+rlLNhEX6meqrqTauZSCE+36czt8K1yxh7tXf9aZfLhHsf5XqnzKufSPpVQmJhnObdEhlINC9wTHgdZdQnXke7oMeEOPdwy07tCnT4cTBnR5rdwefRxf0+OEQ2V0hRd7R3LMCT/i+IauYnztxPqzUCzhFwpzdymOc91jRqGee+aB7prohndX2M9QvuaOUjlDzZGPdNIv05xFjM0VhRjO1MulN0rrX2yOmOkuXtubfT8NFzZ7yym+ItcMe7cuOHnlFow+pGpwyzOX+gmIiMk5VcSQnBktKq7E+y0R56Q4DtW9N5qSis51jj/nSi5JmIlBl0x15hT6G5lvQuM+XPO9s7ckVr5nenZ9q/uc4tSrG43eqXvLvdC6nKwo0DJV8xU3DcU1M+8nmqlV/qFyS71uOc/ok0j1VDe4/Q48J6DNDrvsM9E5Q+1c2BvR1jvR5hX76sEZiaJGcnViFXYJeMEuu7zixVrNDocc0GP/DhwXWT0OeH1rZ12nZRVndf4Um7b4Op5dr17eW6/P7+DLLzRRNy9jX9r4bl9YtRv/nxAx81zc1uqd3BOC/wAAAP//AQAA//8HW0wwAHicYmBmAIP/5xiMGLAAAAAAAP//AQAA//8vAQIDAAAA");
 }
-.d2-520906461 .text-bold {
-	font-family: "d2-520906461-font-bold";
+.d2-2055001460 .text-bold {
+	font-family: "d2-2055001460-font-bold";
 }
 @font-face {
-	font-family: d2-520906461-font-bold;
+	font-family: d2-2055001460-font-bold;
 	src: url("data:application/font-woff;base64,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");
 }]]></style><style type="text/css"><![CDATA[.shape {
   shape-rendering: geometricPrecision;
@@ -25,91 +25,91 @@
   opacity: 0.5;
 }
 
-		.d2-520906461 .fill-N1{fill:#0A0F25;}
-		.d2-520906461 .fill-N2{fill:#676C7E;}
-		.d2-520906461 .fill-N3{fill:#9499AB;}
-		.d2-520906461 .fill-N4{fill:#CFD2DD;}
-		.d2-520906461 .fill-N5{fill:#DEE1EB;}
-		.d2-520906461 .fill-N6{fill:#EEF1F8;}
-		.d2-520906461 .fill-N7{fill:#FFFFFF;}
-		.d2-520906461 .fill-B1{fill:#0D32B2;}
-		.d2-520906461 .fill-B2{fill:#0D32B2;}
-		.d2-520906461 .fill-B3{fill:#E3E9FD;}
-		.d2-520906461 .fill-B4{fill:#E3E9FD;}
-		.d2-520906461 .fill-B5{fill:#EDF0FD;}
-		.d2-520906461 .fill-B6{fill:#F7F8FE;}
-		.d2-520906461 .fill-AA2{fill:#4A6FF3;}
-		.d2-520906461 .fill-AA4{fill:#EDF0FD;}
-		.d2-520906461 .fill-AA5{fill:#F7F8FE;}
-		.d2-520906461 .fill-AB4{fill:#EDF0FD;}
-		.d2-520906461 .fill-AB5{fill:#F7F8FE;}
-		.d2-520906461 .stroke-N1{stroke:#0A0F25;}
-		.d2-520906461 .stroke-N2{stroke:#676C7E;}
-		.d2-520906461 .stroke-N3{stroke:#9499AB;}
-		.d2-520906461 .stroke-N4{stroke:#CFD2DD;}
-		.d2-520906461 .stroke-N5{stroke:#DEE1EB;}
-		.d2-520906461 .stroke-N6{stroke:#EEF1F8;}
-		.d2-520906461 .stroke-N7{stroke:#FFFFFF;}
-		.d2-520906461 .stroke-B1{stroke:#0D32B2;}
-		.d2-520906461 .stroke-B2{stroke:#0D32B2;}
-		.d2-520906461 .stroke-B3{stroke:#E3E9FD;}
-		.d2-520906461 .stroke-B4{stroke:#E3E9FD;}
-		.d2-520906461 .stroke-B5{stroke:#EDF0FD;}
-		.d2-520906461 .stroke-B6{stroke:#F7F8FE;}
-		.d2-520906461 .stroke-AA2{stroke:#4A6FF3;}
-		.d2-520906461 .stroke-AA4{stroke:#EDF0FD;}
-		.d2-520906461 .stroke-AA5{stroke:#F7F8FE;}
-		.d2-520906461 .stroke-AB4{stroke:#EDF0FD;}
-		.d2-520906461 .stroke-AB5{stroke:#F7F8FE;}
-		.d2-520906461 .background-color-N1{background-color:#0A0F25;}
-		.d2-520906461 .background-color-N2{background-color:#676C7E;}
-		.d2-520906461 .background-color-N3{background-color:#9499AB;}
-		.d2-520906461 .background-color-N4{background-color:#CFD2DD;}
-		.d2-520906461 .background-color-N5{background-color:#DEE1EB;}
-		.d2-520906461 .background-color-N6{background-color:#EEF1F8;}
-		.d2-520906461 .background-color-N7{background-color:#FFFFFF;}
-		.d2-520906461 .background-color-B1{background-color:#0D32B2;}
-		.d2-520906461 .background-color-B2{background-color:#0D32B2;}
-		.d2-520906461 .background-color-B3{background-color:#E3E9FD;}
-		.d2-520906461 .background-color-B4{background-color:#E3E9FD;}
-		.d2-520906461 .background-color-B5{background-color:#EDF0FD;}
-		.d2-520906461 .background-color-B6{background-color:#F7F8FE;}
-		.d2-520906461 .background-color-AA2{background-color:#4A6FF3;}
-		.d2-520906461 .background-color-AA4{background-color:#EDF0FD;}
-		.d2-520906461 .background-color-AA5{background-color:#F7F8FE;}
-		.d2-520906461 .background-color-AB4{background-color:#EDF0FD;}
-		.d2-520906461 .background-color-AB5{background-color:#F7F8FE;}
-		.d2-520906461 .color-N1{color:#0A0F25;}
-		.d2-520906461 .color-N2{color:#676C7E;}
-		.d2-520906461 .color-N3{color:#9499AB;}
-		.d2-520906461 .color-N4{color:#CFD2DD;}
-		.d2-520906461 .color-N5{color:#DEE1EB;}
-		.d2-520906461 .color-N6{color:#EEF1F8;}
-		.d2-520906461 .color-N7{color:#FFFFFF;}
-		.d2-520906461 .color-B1{color:#0D32B2;}
-		.d2-520906461 .color-B2{color:#0D32B2;}
-		.d2-520906461 .color-B3{color:#E3E9FD;}
-		.d2-520906461 .color-B4{color:#E3E9FD;}
-		.d2-520906461 .color-B5{color:#EDF0FD;}
-		.d2-520906461 .color-B6{color:#F7F8FE;}
-		.d2-520906461 .color-AA2{color:#4A6FF3;}
-		.d2-520906461 .color-AA4{color:#EDF0FD;}
-		.d2-520906461 .color-AA5{color:#F7F8FE;}
-		.d2-520906461 .color-AB4{color:#EDF0FD;}
-		.d2-520906461 .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="grid w/ container" class="2x2"><g class="shape" ><rect x="0.000000" y="99.000000" width="364.000000" height="384.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="182.000000" y="132.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">grid w/ container</text></g><g id="grid w/ nested containers" class="2x2"><g class="shape" ><rect x="424.000000" y="5.000000" width="692.000000" height="572.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="770.000000" y="38.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">grid w/ nested containers</text></g><g id="grid in grid" class="2x2"><g class="shape" ><rect x="1176.000000" y="32.000000" width="480.000000" height="518.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="1416.000000" y="65.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">grid in grid</text></g><g id="grid w/ grid w/ grid" class="2x2 gap0"><g class="shape" ><rect x="1716.000000" y="0.000000" width="321.000000" height="581.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="1876.500000" y="33.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">grid w/ grid w/ grid</text></g><g id="grid w/ container.a"><g class="shape" ><rect x="60.000000" y="191.000000" width="53.000000" height="126.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="86.500000" y="259.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="grid w/ container.b"><g class="shape" ><rect x="153.000000" y="191.000000" width="151.000000" height="126.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="228.500000" y="179.000000" class="text fill-N1" style="text-anchor:middle;font-size:24px">b</text></g><g id="grid w/ container.c"><g class="shape" ><rect x="60.000000" y="357.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="86.500000" y="395.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="grid w/ container.d"><g class="shape" ><rect x="153.000000" y="357.000000" width="151.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="228.500000" y="395.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="grid w/ nested containers.a"><g class="shape" ><rect x="484.000000" y="97.000000" width="53.000000" height="314.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="510.500000" y="259.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="grid w/ nested containers.b"><g class="shape" ><rect x="577.000000" y="97.000000" width="479.000000" height="314.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="816.500000" y="85.000000" class="text fill-N1" style="text-anchor:middle;font-size:24px">b</text></g><g id="grid w/ nested containers.c"><g class="shape" ><rect x="484.000000" y="451.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="510.500000" y="489.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="grid w/ nested containers.d"><g class="shape" ><rect x="577.000000" y="451.000000" width="479.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="816.500000" y="489.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="grid in grid.a"><g class="shape" ><rect x="1236.000000" y="92.000000" width="53.000000" height="292.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1262.500000" y="243.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="grid in grid.b" class="2x2"><g class="shape" ><rect x="1329.000000" y="92.000000" width="267.000000" height="292.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1462.500000" y="121.000000" class="text fill-N1" style="text-anchor:middle;font-size:24px">b</text></g><g id="grid in grid.c"><g class="shape" ><rect x="1236.000000" y="424.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1262.500000" y="462.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="grid in grid.d"><g class="shape" ><rect x="1329.000000" y="424.000000" width="267.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1462.500000" y="462.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="grid w/ grid w/ grid.a"><g class="shape" ><rect x="1716.000000" y="46.000000" width="53.000000" height="469.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1742.500000" y="286.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="grid w/ grid w/ grid.b" class="2x2 gap0"><g class="shape" ><rect x="1769.000000" y="46.000000" width="268.000000" height="469.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1903.000000" y="75.000000" class="text fill-N1" style="text-anchor:middle;font-size:24px">b</text></g><g id="grid w/ grid w/ grid.c"><g class="shape" ><rect x="1716.000000" y="515.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1742.500000" y="553.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="grid w/ grid w/ grid.d"><g class="shape" ><rect x="1769.000000" y="515.000000" width="268.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1903.000000" y="553.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="grid w/ container.b.b child"><g class="shape" ><rect x="183.000000" y="221.000000" width="91.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="228.500000" y="259.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b child</text></g><g id="grid w/ nested containers.b.b 1"><g class="shape" ><rect x="597.000000" y="133.000000" width="439.000000" height="248.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="816.500000" y="122.000000" class="text fill-N1" style="text-anchor:middle;font-size:20px">b 1</text></g><g id="grid in grid.b.a"><g class="shape" ><rect x="1389.000000" y="152.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="1415.500000" y="190.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="grid in grid.b.b"><g class="shape" ><rect x="1482.000000" y="152.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="1509.000000" y="190.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="grid in grid.b.c"><g class="shape" ><rect x="1389.000000" y="258.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="1415.500000" y="296.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="grid in grid.b.d"><g class="shape" ><rect x="1482.000000" y="258.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="1509.000000" y="296.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="grid w/ grid w/ grid.b.a"><g class="shape" ><rect x="1769.000000" y="87.000000" width="214.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="1876.000000" y="125.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="grid w/ grid w/ grid.b.b"><g class="shape" ><rect x="1983.000000" y="87.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="2010.000000" y="125.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="grid w/ grid w/ grid.b.c" class="2x2 gap0"><g class="shape" ><rect x="1769.000000" y="153.000000" width="214.000000" height="362.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="1876.000000" y="178.000000" class="text fill-N1" style="text-anchor:middle;font-size:20px">c</text></g><g id="grid w/ grid w/ grid.b.d"><g class="shape" ><rect x="1983.000000" y="153.000000" width="54.000000" height="362.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="2010.000000" y="339.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="grid w/ nested containers.b.b 1.b 2"><g class="shape" ><rect x="617.000000" y="164.000000" width="186.000000" height="187.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="710.000000" y="154.000000" class="text fill-N1" style="text-anchor:middle;font-size:16px">b 2</text></g><g id="grid w/ nested containers.b.b 1.b 2a"><g class="shape" ><rect x="823.000000" y="164.000000" width="193.000000" height="187.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="919.500000" y="154.000000" class="text fill-N1" style="text-anchor:middle;font-size:16px">b 2a</text></g><g id="grid w/ grid w/ grid.b.c.a"><g class="shape" ><rect x="1769.000000" y="189.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="1795.500000" y="227.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="grid w/ grid w/ grid.b.c.b"><g class="shape" ><rect x="1822.000000" y="189.000000" width="161.000000" height="66.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="1902.500000" y="227.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="grid w/ grid w/ grid.b.c.c"><g class="shape" ><rect x="1769.000000" y="255.000000" width="53.000000" height="260.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="1795.500000" y="390.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="grid w/ grid w/ grid.b.c.d" class="2x2 gap0"><g class="shape" ><rect x="1822.000000" y="255.000000" width="161.000000" height="260.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="1902.500000" y="276.000000" class="text fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="grid w/ nested containers.b.b 1.b 2.b 3"><g class="shape" ><rect x="647.000000" y="195.000000" width="126.000000" height="126.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="710.000000" y="185.000000" class="text fill-N1" style="text-anchor:middle;font-size:16px">b 3</text></g><g id="grid w/ nested containers.b.b 1.b 2a.b 3a"><g class="shape" ><rect x="853.000000" y="195.000000" width="133.000000" height="126.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="919.500000" y="185.000000" class="text fill-N1" style="text-anchor:middle;font-size:16px">b 3a</text></g><g id="grid w/ grid w/ grid.b.c.d.a" class="2x2 gap0"><g class="shape" ><rect x="1822.000000" y="286.000000" width="107.000000" height="163.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="1875.500000" y="307.000000" class="text fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="grid w/ grid w/ grid.b.c.d.b"><g class="shape" ><rect x="1929.000000" y="286.000000" width="54.000000" height="163.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="1956.000000" y="373.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="grid w/ grid w/ grid.b.c.d.c"><g class="shape" ><rect x="1822.000000" y="449.000000" width="107.000000" height="66.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="1875.500000" y="487.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="grid w/ grid w/ grid.b.c.d.d"><g class="shape" ><rect x="1929.000000" y="449.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="1956.000000" y="487.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="grid w/ nested containers.b.b 1.b 2.b 3.b 4"><g class="shape" ><rect x="677.000000" y="225.000000" width="66.000000" height="66.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="710.000000" y="263.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b 4</text></g><g id="grid w/ nested containers.b.b 1.b 2a.b 3a.b 3a"><g class="shape" ><rect x="883.000000" y="225.000000" width="73.000000" height="66.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="919.500000" y="263.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b 3a</text></g><g id="grid w/ grid w/ grid.b.c.d.a.a"><g class="shape" ><rect x="1822.000000" y="317.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="1848.500000" y="355.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="grid w/ grid w/ grid.b.c.d.a.b"><g class="shape" ><rect x="1875.000000" y="317.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="1902.000000" y="355.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="grid w/ grid w/ grid.b.c.d.a.c"><g class="shape" ><rect x="1822.000000" y="383.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="1848.500000" y="421.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="grid w/ grid w/ grid.b.c.d.a.d"><g class="shape" ><rect x="1875.000000" y="383.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="1902.000000" y="421.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><mask id="d2-520906461" maskUnits="userSpaceOnUse" x="-1" y="-1" width="2039" height="583">
+		.d2-2055001460 .fill-N1{fill:#0A0F25;}
+		.d2-2055001460 .fill-N2{fill:#676C7E;}
+		.d2-2055001460 .fill-N3{fill:#9499AB;}
+		.d2-2055001460 .fill-N4{fill:#CFD2DD;}
+		.d2-2055001460 .fill-N5{fill:#DEE1EB;}
+		.d2-2055001460 .fill-N6{fill:#EEF1F8;}
+		.d2-2055001460 .fill-N7{fill:#FFFFFF;}
+		.d2-2055001460 .fill-B1{fill:#0D32B2;}
+		.d2-2055001460 .fill-B2{fill:#0D32B2;}
+		.d2-2055001460 .fill-B3{fill:#E3E9FD;}
+		.d2-2055001460 .fill-B4{fill:#E3E9FD;}
+		.d2-2055001460 .fill-B5{fill:#EDF0FD;}
+		.d2-2055001460 .fill-B6{fill:#F7F8FE;}
+		.d2-2055001460 .fill-AA2{fill:#4A6FF3;}
+		.d2-2055001460 .fill-AA4{fill:#EDF0FD;}
+		.d2-2055001460 .fill-AA5{fill:#F7F8FE;}
+		.d2-2055001460 .fill-AB4{fill:#EDF0FD;}
+		.d2-2055001460 .fill-AB5{fill:#F7F8FE;}
+		.d2-2055001460 .stroke-N1{stroke:#0A0F25;}
+		.d2-2055001460 .stroke-N2{stroke:#676C7E;}
+		.d2-2055001460 .stroke-N3{stroke:#9499AB;}
+		.d2-2055001460 .stroke-N4{stroke:#CFD2DD;}
+		.d2-2055001460 .stroke-N5{stroke:#DEE1EB;}
+		.d2-2055001460 .stroke-N6{stroke:#EEF1F8;}
+		.d2-2055001460 .stroke-N7{stroke:#FFFFFF;}
+		.d2-2055001460 .stroke-B1{stroke:#0D32B2;}
+		.d2-2055001460 .stroke-B2{stroke:#0D32B2;}
+		.d2-2055001460 .stroke-B3{stroke:#E3E9FD;}
+		.d2-2055001460 .stroke-B4{stroke:#E3E9FD;}
+		.d2-2055001460 .stroke-B5{stroke:#EDF0FD;}
+		.d2-2055001460 .stroke-B6{stroke:#F7F8FE;}
+		.d2-2055001460 .stroke-AA2{stroke:#4A6FF3;}
+		.d2-2055001460 .stroke-AA4{stroke:#EDF0FD;}
+		.d2-2055001460 .stroke-AA5{stroke:#F7F8FE;}
+		.d2-2055001460 .stroke-AB4{stroke:#EDF0FD;}
+		.d2-2055001460 .stroke-AB5{stroke:#F7F8FE;}
+		.d2-2055001460 .background-color-N1{background-color:#0A0F25;}
+		.d2-2055001460 .background-color-N2{background-color:#676C7E;}
+		.d2-2055001460 .background-color-N3{background-color:#9499AB;}
+		.d2-2055001460 .background-color-N4{background-color:#CFD2DD;}
+		.d2-2055001460 .background-color-N5{background-color:#DEE1EB;}
+		.d2-2055001460 .background-color-N6{background-color:#EEF1F8;}
+		.d2-2055001460 .background-color-N7{background-color:#FFFFFF;}
+		.d2-2055001460 .background-color-B1{background-color:#0D32B2;}
+		.d2-2055001460 .background-color-B2{background-color:#0D32B2;}
+		.d2-2055001460 .background-color-B3{background-color:#E3E9FD;}
+		.d2-2055001460 .background-color-B4{background-color:#E3E9FD;}
+		.d2-2055001460 .background-color-B5{background-color:#EDF0FD;}
+		.d2-2055001460 .background-color-B6{background-color:#F7F8FE;}
+		.d2-2055001460 .background-color-AA2{background-color:#4A6FF3;}
+		.d2-2055001460 .background-color-AA4{background-color:#EDF0FD;}
+		.d2-2055001460 .background-color-AA5{background-color:#F7F8FE;}
+		.d2-2055001460 .background-color-AB4{background-color:#EDF0FD;}
+		.d2-2055001460 .background-color-AB5{background-color:#F7F8FE;}
+		.d2-2055001460 .color-N1{color:#0A0F25;}
+		.d2-2055001460 .color-N2{color:#676C7E;}
+		.d2-2055001460 .color-N3{color:#9499AB;}
+		.d2-2055001460 .color-N4{color:#CFD2DD;}
+		.d2-2055001460 .color-N5{color:#DEE1EB;}
+		.d2-2055001460 .color-N6{color:#EEF1F8;}
+		.d2-2055001460 .color-N7{color:#FFFFFF;}
+		.d2-2055001460 .color-B1{color:#0D32B2;}
+		.d2-2055001460 .color-B2{color:#0D32B2;}
+		.d2-2055001460 .color-B3{color:#E3E9FD;}
+		.d2-2055001460 .color-B4{color:#E3E9FD;}
+		.d2-2055001460 .color-B5{color:#EDF0FD;}
+		.d2-2055001460 .color-B6{color:#F7F8FE;}
+		.d2-2055001460 .color-AA2{color:#4A6FF3;}
+		.d2-2055001460 .color-AA4{color:#EDF0FD;}
+		.d2-2055001460 .color-AA5{color:#F7F8FE;}
+		.d2-2055001460 .color-AB4{color:#EDF0FD;}
+		.d2-2055001460 .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="grid w/ container" class="2x2"><g class="shape" ><rect x="0.000000" y="97.000000" width="364.000000" height="388.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="182.000000" y="130.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">grid w/ container</text></g><g id="grid w/ nested containers" class="2x2"><g class="shape" ><rect x="424.000000" y="3.000000" width="692.000000" height="576.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="770.000000" y="36.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">grid w/ nested containers</text></g><g id="grid in grid" class="2x2"><g class="shape" ><rect x="1176.000000" y="32.000000" width="480.000000" height="518.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="1416.000000" y="65.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">grid in grid</text></g><g id="grid w/ grid w/ grid" class="2x2 gap0"><g class="shape" ><rect x="1716.000000" y="0.000000" width="321.000000" height="581.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="1876.500000" y="33.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">grid w/ grid w/ grid</text></g><g id="grid w/ container.a"><g class="shape" ><rect x="60.000000" y="157.000000" width="53.000000" height="162.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="86.500000" y="243.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="grid w/ container.b"><g class="shape" ><rect x="153.000000" y="193.000000" width="151.000000" height="126.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="228.500000" y="181.000000" class="text fill-N1" style="text-anchor:middle;font-size:24px">b</text></g><g id="grid w/ container.c"><g class="shape" ><rect x="60.000000" y="359.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="86.500000" y="397.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="grid w/ container.d"><g class="shape" ><rect x="153.000000" y="359.000000" width="151.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="228.500000" y="397.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="grid w/ nested containers.a"><g class="shape" ><rect x="484.000000" y="63.000000" width="53.000000" height="350.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="510.500000" y="243.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="grid w/ nested containers.b"><g class="shape" ><rect x="577.000000" y="99.000000" width="479.000000" height="314.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="816.500000" y="87.000000" class="text fill-N1" style="text-anchor:middle;font-size:24px">b</text></g><g id="grid w/ nested containers.c"><g class="shape" ><rect x="484.000000" y="453.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="510.500000" y="491.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="grid w/ nested containers.d"><g class="shape" ><rect x="577.000000" y="453.000000" width="479.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="816.500000" y="491.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="grid in grid.a"><g class="shape" ><rect x="1236.000000" y="92.000000" width="53.000000" height="292.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1262.500000" y="243.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="grid in grid.b" class="2x2"><g class="shape" ><rect x="1329.000000" y="92.000000" width="267.000000" height="292.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1462.500000" y="121.000000" class="text fill-N1" style="text-anchor:middle;font-size:24px">b</text></g><g id="grid in grid.c"><g class="shape" ><rect x="1236.000000" y="424.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1262.500000" y="462.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="grid in grid.d"><g class="shape" ><rect x="1329.000000" y="424.000000" width="267.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1462.500000" y="462.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="grid w/ grid w/ grid.a"><g class="shape" ><rect x="1716.000000" y="46.000000" width="53.000000" height="469.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1742.500000" y="286.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="grid w/ grid w/ grid.b" class="2x2 gap0"><g class="shape" ><rect x="1769.000000" y="46.000000" width="268.000000" height="469.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1903.000000" y="75.000000" class="text fill-N1" style="text-anchor:middle;font-size:24px">b</text></g><g id="grid w/ grid w/ grid.c"><g class="shape" ><rect x="1716.000000" y="515.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1742.500000" y="553.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="grid w/ grid w/ grid.d"><g class="shape" ><rect x="1769.000000" y="515.000000" width="268.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1903.000000" y="553.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="grid w/ container.b.b child"><g class="shape" ><rect x="183.000000" y="223.000000" width="91.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="228.500000" y="261.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b child</text></g><g id="grid w/ nested containers.b.b 1"><g class="shape" ><rect x="597.000000" y="135.000000" width="439.000000" height="248.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="816.500000" y="124.000000" class="text fill-N1" style="text-anchor:middle;font-size:20px">b 1</text></g><g id="grid in grid.b.a"><g class="shape" ><rect x="1389.000000" y="152.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="1415.500000" y="190.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="grid in grid.b.b"><g class="shape" ><rect x="1482.000000" y="152.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="1509.000000" y="190.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="grid in grid.b.c"><g class="shape" ><rect x="1389.000000" y="258.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="1415.500000" y="296.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="grid in grid.b.d"><g class="shape" ><rect x="1482.000000" y="258.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="1509.000000" y="296.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="grid w/ grid w/ grid.b.a"><g class="shape" ><rect x="1769.000000" y="87.000000" width="214.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="1876.000000" y="125.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="grid w/ grid w/ grid.b.b"><g class="shape" ><rect x="1983.000000" y="87.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="2010.000000" y="125.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="grid w/ grid w/ grid.b.c" class="2x2 gap0"><g class="shape" ><rect x="1769.000000" y="153.000000" width="214.000000" height="362.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="1876.000000" y="178.000000" class="text fill-N1" style="text-anchor:middle;font-size:20px">c</text></g><g id="grid w/ grid w/ grid.b.d"><g class="shape" ><rect x="1983.000000" y="153.000000" width="54.000000" height="362.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="2010.000000" y="339.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="grid w/ nested containers.b.b 1.b 2"><g class="shape" ><rect x="617.000000" y="166.000000" width="186.000000" height="187.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="710.000000" y="156.000000" class="text fill-N1" style="text-anchor:middle;font-size:16px">b 2</text></g><g id="grid w/ nested containers.b.b 1.b 2a"><g class="shape" ><rect x="823.000000" y="166.000000" width="193.000000" height="187.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="919.500000" y="156.000000" class="text fill-N1" style="text-anchor:middle;font-size:16px">b 2a</text></g><g id="grid w/ grid w/ grid.b.c.a"><g class="shape" ><rect x="1769.000000" y="189.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="1795.500000" y="227.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="grid w/ grid w/ grid.b.c.b"><g class="shape" ><rect x="1822.000000" y="189.000000" width="161.000000" height="66.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="1902.500000" y="227.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="grid w/ grid w/ grid.b.c.c"><g class="shape" ><rect x="1769.000000" y="255.000000" width="53.000000" height="260.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="1795.500000" y="390.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="grid w/ grid w/ grid.b.c.d" class="2x2 gap0"><g class="shape" ><rect x="1822.000000" y="255.000000" width="161.000000" height="260.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="1902.500000" y="276.000000" class="text fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="grid w/ nested containers.b.b 1.b 2.b 3"><g class="shape" ><rect x="647.000000" y="197.000000" width="126.000000" height="126.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="710.000000" y="187.000000" class="text fill-N1" style="text-anchor:middle;font-size:16px">b 3</text></g><g id="grid w/ nested containers.b.b 1.b 2a.b 3a"><g class="shape" ><rect x="853.000000" y="197.000000" width="133.000000" height="126.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="919.500000" y="187.000000" class="text fill-N1" style="text-anchor:middle;font-size:16px">b 3a</text></g><g id="grid w/ grid w/ grid.b.c.d.a" class="2x2 gap0"><g class="shape" ><rect x="1822.000000" y="286.000000" width="107.000000" height="163.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="1875.500000" y="307.000000" class="text fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="grid w/ grid w/ grid.b.c.d.b"><g class="shape" ><rect x="1929.000000" y="286.000000" width="54.000000" height="163.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="1956.000000" y="373.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="grid w/ grid w/ grid.b.c.d.c"><g class="shape" ><rect x="1822.000000" y="449.000000" width="107.000000" height="66.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="1875.500000" y="487.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="grid w/ grid w/ grid.b.c.d.d"><g class="shape" ><rect x="1929.000000" y="449.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="1956.000000" y="487.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="grid w/ nested containers.b.b 1.b 2.b 3.b 4"><g class="shape" ><rect x="677.000000" y="227.000000" width="66.000000" height="66.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="710.000000" y="265.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b 4</text></g><g id="grid w/ nested containers.b.b 1.b 2a.b 3a.b 3a"><g class="shape" ><rect x="883.000000" y="227.000000" width="73.000000" height="66.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="919.500000" y="265.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b 3a</text></g><g id="grid w/ grid w/ grid.b.c.d.a.a"><g class="shape" ><rect x="1822.000000" y="317.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="1848.500000" y="355.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="grid w/ grid w/ grid.b.c.d.a.b"><g class="shape" ><rect x="1875.000000" y="317.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="1902.000000" y="355.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="grid w/ grid w/ grid.b.c.d.a.c"><g class="shape" ><rect x="1822.000000" y="383.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="1848.500000" y="421.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="grid w/ grid w/ grid.b.c.d.a.d"><g class="shape" ><rect x="1875.000000" y="383.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="1902.000000" y="421.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><mask id="d2-2055001460" maskUnits="userSpaceOnUse" x="-1" y="-1" width="2039" height="583">
 <rect x="-1" y="-1" width="2039" height="583" fill="white"></rect>
-<rect x="82.000000" y="104.000000" width="200" height="36" fill="rgba(0,0,0,0.75)"></rect>
-<rect x="622.000000" y="10.000000" width="296" height="36" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="82.000000" y="102.000000" width="200" height="36" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="622.000000" y="8.000000" width="296" height="36" fill="rgba(0,0,0,0.75)"></rect>
 <rect x="1354.000000" y="37.000000" width="124" height="36" fill="rgba(0,0,0,0.75)"></rect>
 <rect x="1767.000000" y="5.000000" width="219" height="36" fill="rgba(0,0,0,0.75)"></rect>
-<rect x="82.500000" y="243.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
-<rect x="222.500000" y="155.000000" width="12" height="31" fill="rgba(0,0,0,0.75)"></rect>
-<rect x="82.500000" y="379.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
-<rect x="224.000000" y="379.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>
-<rect x="506.500000" y="243.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
-<rect x="810.500000" y="61.000000" width="12" height="31" fill="rgba(0,0,0,0.75)"></rect>
-<rect x="506.500000" y="473.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
-<rect x="812.000000" y="473.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="82.500000" y="227.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="222.500000" y="157.000000" width="12" height="31" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="82.500000" y="381.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="224.000000" y="381.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="506.500000" y="227.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="810.500000" y="63.000000" width="12" height="31" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="506.500000" y="475.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="812.000000" y="475.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>
 <rect x="1258.500000" y="227.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
 <rect x="1456.500000" y="97.000000" width="12" height="31" fill="rgba(0,0,0,0.75)"></rect>
 <rect x="1258.500000" y="446.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
@@ -118,8 +118,8 @@
 <rect x="1897.000000" y="51.000000" width="12" height="31" fill="rgba(0,0,0,0.75)"></rect>
 <rect x="1738.500000" y="537.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
 <rect x="1898.500000" y="537.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>
-<rect x="205.500000" y="243.500000" width="46" height="21" fill="rgba(0,0,0,0.75)"></rect>
-<rect x="804.500000" y="102.000000" width="24" height="26" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="205.500000" y="245.500000" width="46" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="804.500000" y="104.000000" width="24" height="26" fill="rgba(0,0,0,0.75)"></rect>
 <rect x="1411.500000" y="174.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
 <rect x="1505.000000" y="174.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
 <rect x="1411.500000" y="280.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
@@ -128,20 +128,20 @@
 <rect x="2006.000000" y="109.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
 <rect x="1871.500000" y="158.000000" width="9" height="26" fill="rgba(0,0,0,0.75)"></rect>
 <rect x="2005.500000" y="323.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>
-<rect x="700.000000" y="138.000000" width="20" height="21" fill="rgba(0,0,0,0.75)"></rect>
-<rect x="906.500000" y="138.000000" width="26" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="700.000000" y="140.000000" width="20" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="906.500000" y="140.000000" width="26" height="21" fill="rgba(0,0,0,0.75)"></rect>
 <rect x="1791.500000" y="211.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
 <rect x="1898.500000" y="211.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
 <rect x="1791.500000" y="374.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
 <rect x="1898.500000" y="260.000000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
-<rect x="700.000000" y="169.000000" width="20" height="21" fill="rgba(0,0,0,0.75)"></rect>
-<rect x="906.500000" y="169.000000" width="26" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="700.000000" y="171.000000" width="20" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="906.500000" y="171.000000" width="26" height="21" fill="rgba(0,0,0,0.75)"></rect>
 <rect x="1872.000000" y="291.000000" width="7" height="21" fill="rgba(0,0,0,0.75)"></rect>
 <rect x="1952.000000" y="357.000000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
 <rect x="1871.500000" y="471.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
 <rect x="1951.500000" y="471.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>
-<rect x="699.500000" y="247.500000" width="21" height="21" fill="rgba(0,0,0,0.75)"></rect>
-<rect x="905.500000" y="247.500000" width="28" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="699.500000" y="249.500000" width="21" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="905.500000" y="249.500000" width="28" height="21" fill="rgba(0,0,0,0.75)"></rect>
 <rect x="1844.500000" y="339.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
 <rect x="1898.000000" y="339.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
 <rect x="1844.500000" y="405.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>