diff --git a/e2etests/stable_test.go b/e2etests/stable_test.go
index ff25dfd6d..7adfa8072 100644
--- a/e2etests/stable_test.go
+++ b/e2etests/stable_test.go
@@ -2726,6 +2726,7 @@ scenarios: {
 		loadFromFile(t, "grid_icon"),
 		loadFromFile(t, "multiple_offset"),
 		loadFromFile(t, "multiple_offset_left"),
+		loadFromFile(t, "multiple_box_selection"),
 	}
 
 	runa(t, tcs)
diff --git a/e2etests/testdata/files/multiple_box_selection.d2 b/e2etests/testdata/files/multiple_box_selection.d2
new file mode 100644
index 000000000..a4301aa80
--- /dev/null
+++ b/e2etests/testdata/files/multiple_box_selection.d2
@@ -0,0 +1,11 @@
+outer: {
+  vg: volume group {
+    vd: volume definition {
+      style.multiple: true
+
+      volume.style.multiple: true
+      volume.style.stroke-dash: 3
+    }
+  }
+}
+start -> outer.vg.vd.volume -> end
diff --git a/e2etests/testdata/stable/multiple_box_selection/dagre/board.exp.json b/e2etests/testdata/stable/multiple_box_selection/dagre/board.exp.json
new file mode 100644
index 000000000..edc87a5af
--- /dev/null
+++ b/e2etests/testdata/stable/multiple_box_selection/dagre/board.exp.json
@@ -0,0 +1,437 @@
+{
+  "name": "",
+  "isFolderOnly": false,
+  "fontFamily": "SourceSansPro",
+  "shapes": [
+    {
+      "id": "outer",
+      "type": "rectangle",
+      "pos": {
+        "x": 0,
+        "y": 207
+      },
+      "width": 268,
+      "height": 335,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B4",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "outer",
+      "fontSize": 28,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": false,
+      "underline": false,
+      "labelWidth": 63,
+      "labelHeight": 36,
+      "labelPosition": "OUTSIDE_TOP_CENTER",
+      "zIndex": 0,
+      "level": 1
+    },
+    {
+      "id": "outer.vg",
+      "type": "rectangle",
+      "pos": {
+        "x": 20,
+        "y": 272
+      },
+      "width": 228,
+      "height": 240,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B5",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "volume group",
+      "fontSize": 24,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": false,
+      "underline": false,
+      "labelWidth": 140,
+      "labelHeight": 31,
+      "labelPosition": "OUTSIDE_TOP_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "outer.vg.vd",
+      "type": "rectangle",
+      "pos": {
+        "x": 40,
+        "y": 345
+      },
+      "width": 188,
+      "height": 145,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B6",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": true,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "volume definition",
+      "fontSize": 20,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": false,
+      "underline": false,
+      "labelWidth": 147,
+      "labelHeight": 26,
+      "labelPosition": "OUTSIDE_TOP_CENTER",
+      "zIndex": 0,
+      "level": 3
+    },
+    {
+      "id": "outer.vg.vd.volume",
+      "type": "rectangle",
+      "pos": {
+        "x": 80,
+        "y": 390
+      },
+      "width": 98,
+      "height": 66,
+      "opacity": 1,
+      "strokeDash": 3,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "N7",
+      "stroke": "B2",
+      "shadow": false,
+      "3d": false,
+      "multiple": true,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "volume",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 53,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 4
+    },
+    {
+      "id": "start",
+      "type": "rectangle",
+      "pos": {
+        "x": 94,
+        "y": 0
+      },
+      "width": 80,
+      "height": 66,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B6",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "start",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 35,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 1
+    },
+    {
+      "id": "end",
+      "type": "rectangle",
+      "pos": {
+        "x": 98,
+        "y": 642
+      },
+      "width": 72,
+      "height": 66,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B6",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "end",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 27,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 1
+    }
+  ],
+  "connections": [
+    {
+      "id": "(start -> outer.vg.vd.volume)[0]",
+      "src": "start",
+      "srcArrow": "none",
+      "dst": "outer.vg.vd.volume",
+      "dstArrow": "triangle",
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "stroke": "B1",
+      "borderRadius": 10,
+      "label": "",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N2",
+      "italic": true,
+      "bold": false,
+      "underline": false,
+      "labelWidth": 0,
+      "labelHeight": 0,
+      "labelPosition": "",
+      "labelPercentage": 0,
+      "route": [
+        {
+          "x": 134,
+          "y": 66
+        },
+        {
+          "x": 134,
+          "y": 106
+        },
+        {
+          "x": 134,
+          "y": 126
+        },
+        {
+          "x": 134,
+          "y": 141
+        },
+        {
+          "x": 134,
+          "y": 156
+        },
+        {
+          "x": 134,
+          "y": 176
+        },
+        {
+          "x": 134,
+          "y": 191
+        },
+        {
+          "x": 134,
+          "y": 206
+        },
+        {
+          "x": 134,
+          "y": 288.79998779296875
+        },
+        {
+          "x": 134,
+          "y": 380
+        }
+      ],
+      "isCurve": true,
+      "animated": false,
+      "tooltip": "",
+      "icon": null,
+      "zIndex": 0
+    },
+    {
+      "id": "(outer.vg.vd.volume -> end)[0]",
+      "src": "outer.vg.vd.volume",
+      "srcArrow": "none",
+      "dst": "end",
+      "dstArrow": "triangle",
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "stroke": "B1",
+      "borderRadius": 10,
+      "label": "",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N2",
+      "italic": true,
+      "bold": false,
+      "underline": false,
+      "labelWidth": 0,
+      "labelHeight": 0,
+      "labelPosition": "",
+      "labelPercentage": 0,
+      "route": [
+        {
+          "x": 134,
+          "y": 456
+        },
+        {
+          "x": 134,
+          "y": 444.79998779296875
+        },
+        {
+          "x": 134,
+          "y": 452
+        },
+        {
+          "x": 134,
+          "y": 467
+        },
+        {
+          "x": 134,
+          "y": 482
+        },
+        {
+          "x": 134,
+          "y": 502
+        },
+        {
+          "x": 134,
+          "y": 517
+        },
+        {
+          "x": 134,
+          "y": 532
+        },
+        {
+          "x": 134,
+          "y": 602
+        },
+        {
+          "x": 134,
+          "y": 642
+        }
+      ],
+      "isCurve": true,
+      "animated": false,
+      "tooltip": "",
+      "icon": null,
+      "zIndex": 0
+    }
+  ],
+  "root": {
+    "id": "",
+    "type": "",
+    "pos": {
+      "x": 0,
+      "y": 0
+    },
+    "width": 0,
+    "height": 0,
+    "opacity": 0,
+    "strokeDash": 0,
+    "strokeWidth": 0,
+    "borderRadius": 0,
+    "fill": "N7",
+    "stroke": "",
+    "shadow": false,
+    "3d": false,
+    "multiple": false,
+    "double-border": false,
+    "tooltip": "",
+    "link": "",
+    "icon": null,
+    "iconPosition": "",
+    "blend": false,
+    "fields": null,
+    "methods": null,
+    "columns": null,
+    "label": "",
+    "fontSize": 0,
+    "fontFamily": "",
+    "language": "",
+    "color": "",
+    "italic": false,
+    "bold": false,
+    "underline": false,
+    "labelWidth": 0,
+    "labelHeight": 0,
+    "zIndex": 0,
+    "level": 0
+  }
+}
diff --git a/e2etests/testdata/stable/multiple_box_selection/dagre/sketch.exp.svg b/e2etests/testdata/stable/multiple_box_selection/dagre/sketch.exp.svg
new file mode 100644
index 000000000..07623dea1
--- /dev/null
+++ b/e2etests/testdata/stable/multiple_box_selection/dagre/sketch.exp.svg
@@ -0,0 +1,102 @@
+<?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.4.2-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 270 710"><svg id="d2-svg" class="d2-3501004098" width="270" height="710" viewBox="-1 -1 270 710"><rect x="-1.000000" y="-1.000000" width="270.000000" height="710.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
+.d2-3501004098 .text {
+	font-family: "d2-3501004098-font-regular";
+}
+@font-face {
+	font-family: d2-3501004098-font-regular;
+	src: url("data:application/font-woff;base64,d09GRgABAAAAAArMAAoAAAAAEOQAAguFAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAAA9AAAAGAAAABgXd/Vo2NtYXAAAAFUAAAAZAAAAHgCBAGRZ2x5ZgAAAbgAAATWAAAGNIwjWI9oZWFkAAAGkAAAADYAAAA2G4Ue32hoZWEAAAbIAAAAJAAAACQKhAXWaG10eAAABuwAAABQAAAAUCFcA+hsb2NhAAAHPAAAACoAAAAqEeQQrm1heHAAAAdoAAAAIAAAACAALAD2bmFtZQAAB4gAAAMjAAAIFAbDVU1wb3N0AAAKrAAAAB0AAAAg/9EAMgADAgkBkAAFAAACigJYAAAASwKKAlgAAAFeADIBIwAAAgsFAwMEAwICBGAAAvcAAAADAAAAAAAAAABBREJPAEAAIP//Au7/BgAAA9gBESAAAZ8AAAAAAeYClAAAACAAA3icTMtBDsFgAAbR97dVRRU3cDWJRJp0IRYuQ4ijOckn6crsZvFQ1Ap6jQmDTqV1dHIxuronzH82mtySfPPJO68885j1f0Wl1lhoLXVW1jZ6W4OdvQM/AAAA//8BAAD//xJbE4l4nFRUTWjb5ht/Xlmx/ontJootyU4cy5ISKbYTO7EsKall6d/EyZzEX3ES2rRNtqxdXcZWtgxWCmU9dKO9jO3Q2y6F9VIYjFIog94GY91XYTDWDXboyRTaw2bMGIzKQ7KdpqfHGL2/3/v7eF7og20ATMFugAv6YRCGgQKQSY6c4CRJIDRZ0wTGpUmIJLbRH9anCK1kcFXFZxeeLly6cgWd+AC78fytox/W69/sXrxofdx4YqXRwyeAQabdQndQE0ZgHIDhRSWjahlRFHg3IamqnKYpUpAEt1tKq5ridlMB+uvc+iefkYnJ+OpYlD9zdLuaJ1z8Oi0YwqW9tHflWHWLZOeEaGCejr19yvr1aDi+wLPXBvVUbAIwSLVb6HfsAfgh2uOzWRhJkXtEmuLw21z/nLqQ3dPiRhTfyBOucDH0f52dj0imuOz96FLlPSMysnH/+dx8OLa0aIWZ1Mbc8TOAQbLdQt+jJgSBBejjxR4JFXATHE3LaVVj3G4Xl7FpEHPsTcM8q+28gTDrq77jy0J2dIyt/IBwc15e9+b2K9V94/J5X6i/dJoi1UAEiaulCgAgiAAgE/ulk4WgaErGkUKIAk9RMiWQry0sLK0w8aHh0XC+XkefG32l1eP9hOndLS1aOwDggul2FD1DTZiFHJQOElDEQ8MBlSmBtgW4BV5yrJE7gtyutKo4QqgA7e/8Fnix883f2++I3HCI9wel9OZsYNx3+yzJzFTTEu8bnpjd3drSLxTjOT2R0HPq8qac2jzCDY0E1x7nTXaexj2TYTbpwwP5hFKOE33mkMJmijHSMxpgIlpuuphCd0xF0XVFMa3rOZEfwXF/nJKSAO02LAHAXeweJsIwALjBfxkcz2rtFvyGPYDBjlZSJgO9QG4nY7Uj/ThBeP5He+cV7NzzG34SIQPH7XMA2F+oCZzttczIHVd6DSVtB4iDWcsTrmgxMWcOiuWptZXaVFLN16ZSah41loXU7FQss7dj/YhieWPNutkdHQ70CDUhcJijh+7uwArldOmV2tTMRHbCAesBiRPWTeh270/UhEEYfal7TlbSoazQYLZumvWsfs40z+lmqWQa5bJX36/W9nV9v1bd1/P1jc3z5zc36jZurS2jf1Gzuzcvbuc0QpQYyt/DJiiatm/KVRK7r2dfneMXeeyiXskuseY4Z/yE3Z0LT157t/a+ERnZuoXc9ZPVM3y0HWa6+QCgXdQE8pAHDCG+MCBUiI0xQ97AILsYQo0TSXWggONpw3rQOR9ut9BV1IS4k6+kOeumZERRSmIH+9G1gGYimC3g58yuEIvmEzMznDzKL8S3K9Pl8GRIjSYTkZlRIT8dq3ilsBbiptkQzwz4OCWWrUSZjD8YDzNjlMfHaUlpYdLhD7ZbaAm7AEy3X4KiabKzjAc9e1rOFYoDS1evcnFfxDsUSHlPFpDP6Lt+fdFqTs/24wbhcbDW2i30EDXsPrzUVbL7VD0uFTYSM2KWt33hi969HZSxHuUNKYG2rZHi5Awg8AKgb1EDfACyS/bTtG2p5pdd97/cOu1hPLiHGTi9/gVqWM/GC4JQGEcBa6STA9xCDXA5OZC1GmrY/7e/w1ZBw+6BB4B03opOCYIsGwyyLLY6FgpGIsHQGPwHAAD//wEAAP//W51CrwAAAAEAAAACC4UNdtiRXw889QADA+gAAAAA2F2goQAAAADdZi82/jr+2whvA8gAAAADAAIAAAAAAAAAAQAAA9j+7wAACJj+Ov46CG8AAQAAAAAAAAAAAAAAAAAAABQCjQBZAMgAAAH4ADQCKwAvAfAALgEkAB4B+AAtAPYARQD/AFIDPQBSAiMAUgIeAC4CKwBSAVsAUgGjABwBUgAYAiAASwHTAAwA9gBSAAD/yQAAACwALABkAJYAygDsAVgBZAGAAbIB1AIAAjQCVAKUAroC3AL4AwQDGgAAAAEAAAAUAIwADABmAAcAAQAAAAAAAAAAAAAAAAAEAAN4nJyU3U4bVxSFPwfbbVQ1FxWKyA06l22VjN0IogSuTAmKVYRTj9Mfqao0eMY/Yjwz8gxQqj5Ar/sWfYtc9Tn6EFWvq7O8DTaqFIEQsM6cvfdZZ6+1D7DJv2xQqz8E/mr+YLjGdnPP8AMeNZ8a3uC48bfh+kpMg7jxm+EmXzb6hj/iff0Pwx+zU//Z8EO26keGP+F5fdPwpxuOfww/Yof3C1yDl/xuuMYWheEHbPKT4Q0eYzVrdR7TNtzgM7YNN9kGBkypSJmSMcYxYsqYc+YklIQkzJkyIiHG0aVDSqWvGZGQY/y/XyNCKuZEqjihwpESkhJRMrGKvyor561OHGk1t70OFRMiTpVxRkSGI2dMTkbCmepUVBTs0aJFyVB8CypKAkqmpATkzBnToscRxwyYMKXEcaRKnllIzoiKSyKd7yzCd2ZIQkZprM7JiMXTiV+i7C7HOHoUil2tfLxW4SmO75TtueWK/YpAv26F2fq5SzYRF+pnqq6k2rmUghPt+nM7fCtcsYe7V3/WmXy4R7H+V6p8yrn0j6VUJiYZzm3RIZSDQvcEx4HWXUJ15Hu6DHhDj3cMtO7Qp0+HEwZ0ea3cHn0cX9PjhENldIUXe0dyzAk/4viGrmJ87cT6s1As4RcKc3cpjnPdY0ahnnvmge6a6IZ3V9jPUL7mjlI5Q82Rj3TSL9OcRYzNFYUYztTLpTdK619sjpjpLl7bm30/DRc2e8spviLXDHu3Ljh55RaMPqRqcMszl/oJiIjJOVXEkJwZLSquxPstEeekOA7VvTeakorOdY4/50ouSZiJQZdMdeYU+huZb0LjPlzzvbO3JFa+Z3p2fav7nOLUqxuN3ql7y73QupysKNAyVfMVNw3FNTPvJ5qpVf6hcku9bjnP6JNI9VQ3uP0OPCegzQ677DPROUPtXNgb0dY70eYV++rBGYmiRnJ1YhV2CXjBLru84sVazQ6HHNBj/w4cF1k9Dnh9a2ddp2UVZ3X+FJu2+DqeXa9e3luvz+/gyy80UTcvY1/a+G5fWLUb/58QMfNc3NbqndwTgv8AAAD//wEAAP//B1tMMAB4nGJgZgCD/+cYjBiwAAAAAAD//wEAAP//LwECAwAAAA==");
+}
+.d2-3501004098 .text-bold {
+	font-family: "d2-3501004098-font-bold";
+}
+@font-face {
+	font-family: d2-3501004098-font-bold;
+	src: url("data:application/font-woff;base64,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");
+}]]></style><style type="text/css"><![CDATA[.shape {
+  shape-rendering: geometricPrecision;
+  stroke-linejoin: round;
+}
+.connection {
+  stroke-linecap: round;
+  stroke-linejoin: round;
+}
+.blend {
+  mix-blend-mode: multiply;
+  opacity: 0.5;
+}
+
+		.d2-3501004098 .fill-N1{fill:#0A0F25;}
+		.d2-3501004098 .fill-N2{fill:#676C7E;}
+		.d2-3501004098 .fill-N3{fill:#9499AB;}
+		.d2-3501004098 .fill-N4{fill:#CFD2DD;}
+		.d2-3501004098 .fill-N5{fill:#DEE1EB;}
+		.d2-3501004098 .fill-N6{fill:#EEF1F8;}
+		.d2-3501004098 .fill-N7{fill:#FFFFFF;}
+		.d2-3501004098 .fill-B1{fill:#0D32B2;}
+		.d2-3501004098 .fill-B2{fill:#0D32B2;}
+		.d2-3501004098 .fill-B3{fill:#E3E9FD;}
+		.d2-3501004098 .fill-B4{fill:#E3E9FD;}
+		.d2-3501004098 .fill-B5{fill:#EDF0FD;}
+		.d2-3501004098 .fill-B6{fill:#F7F8FE;}
+		.d2-3501004098 .fill-AA2{fill:#4A6FF3;}
+		.d2-3501004098 .fill-AA4{fill:#EDF0FD;}
+		.d2-3501004098 .fill-AA5{fill:#F7F8FE;}
+		.d2-3501004098 .fill-AB4{fill:#EDF0FD;}
+		.d2-3501004098 .fill-AB5{fill:#F7F8FE;}
+		.d2-3501004098 .stroke-N1{stroke:#0A0F25;}
+		.d2-3501004098 .stroke-N2{stroke:#676C7E;}
+		.d2-3501004098 .stroke-N3{stroke:#9499AB;}
+		.d2-3501004098 .stroke-N4{stroke:#CFD2DD;}
+		.d2-3501004098 .stroke-N5{stroke:#DEE1EB;}
+		.d2-3501004098 .stroke-N6{stroke:#EEF1F8;}
+		.d2-3501004098 .stroke-N7{stroke:#FFFFFF;}
+		.d2-3501004098 .stroke-B1{stroke:#0D32B2;}
+		.d2-3501004098 .stroke-B2{stroke:#0D32B2;}
+		.d2-3501004098 .stroke-B3{stroke:#E3E9FD;}
+		.d2-3501004098 .stroke-B4{stroke:#E3E9FD;}
+		.d2-3501004098 .stroke-B5{stroke:#EDF0FD;}
+		.d2-3501004098 .stroke-B6{stroke:#F7F8FE;}
+		.d2-3501004098 .stroke-AA2{stroke:#4A6FF3;}
+		.d2-3501004098 .stroke-AA4{stroke:#EDF0FD;}
+		.d2-3501004098 .stroke-AA5{stroke:#F7F8FE;}
+		.d2-3501004098 .stroke-AB4{stroke:#EDF0FD;}
+		.d2-3501004098 .stroke-AB5{stroke:#F7F8FE;}
+		.d2-3501004098 .background-color-N1{background-color:#0A0F25;}
+		.d2-3501004098 .background-color-N2{background-color:#676C7E;}
+		.d2-3501004098 .background-color-N3{background-color:#9499AB;}
+		.d2-3501004098 .background-color-N4{background-color:#CFD2DD;}
+		.d2-3501004098 .background-color-N5{background-color:#DEE1EB;}
+		.d2-3501004098 .background-color-N6{background-color:#EEF1F8;}
+		.d2-3501004098 .background-color-N7{background-color:#FFFFFF;}
+		.d2-3501004098 .background-color-B1{background-color:#0D32B2;}
+		.d2-3501004098 .background-color-B2{background-color:#0D32B2;}
+		.d2-3501004098 .background-color-B3{background-color:#E3E9FD;}
+		.d2-3501004098 .background-color-B4{background-color:#E3E9FD;}
+		.d2-3501004098 .background-color-B5{background-color:#EDF0FD;}
+		.d2-3501004098 .background-color-B6{background-color:#F7F8FE;}
+		.d2-3501004098 .background-color-AA2{background-color:#4A6FF3;}
+		.d2-3501004098 .background-color-AA4{background-color:#EDF0FD;}
+		.d2-3501004098 .background-color-AA5{background-color:#F7F8FE;}
+		.d2-3501004098 .background-color-AB4{background-color:#EDF0FD;}
+		.d2-3501004098 .background-color-AB5{background-color:#F7F8FE;}
+		.d2-3501004098 .color-N1{color:#0A0F25;}
+		.d2-3501004098 .color-N2{color:#676C7E;}
+		.d2-3501004098 .color-N3{color:#9499AB;}
+		.d2-3501004098 .color-N4{color:#CFD2DD;}
+		.d2-3501004098 .color-N5{color:#DEE1EB;}
+		.d2-3501004098 .color-N6{color:#EEF1F8;}
+		.d2-3501004098 .color-N7{color:#FFFFFF;}
+		.d2-3501004098 .color-B1{color:#0D32B2;}
+		.d2-3501004098 .color-B2{color:#0D32B2;}
+		.d2-3501004098 .color-B3{color:#E3E9FD;}
+		.d2-3501004098 .color-B4{color:#E3E9FD;}
+		.d2-3501004098 .color-B5{color:#EDF0FD;}
+		.d2-3501004098 .color-B6{color:#F7F8FE;}
+		.d2-3501004098 .color-AA2{color:#4A6FF3;}
+		.d2-3501004098 .color-AA4{color:#EDF0FD;}
+		.d2-3501004098 .color-AA5{color:#F7F8FE;}
+		.d2-3501004098 .color-AB4{color:#EDF0FD;}
+		.d2-3501004098 .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="outer"><g class="shape" ><rect x="0.000000" y="207.000000" width="268.000000" height="335.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="134.000000" y="194.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">outer</text></g><g id="start"><g class="shape" ><rect x="94.000000" y="0.000000" width="80.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="134.000000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">start</text></g><g id="end"><g class="shape" ><rect x="98.000000" y="642.000000" width="72.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="134.000000" y="680.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">end</text></g><g id="outer.vg"><g class="shape" ><rect x="20.000000" y="272.000000" width="228.000000" height="240.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="134.000000" y="260.000000" class="text fill-N1" style="text-anchor:middle;font-size:24px">volume group</text></g><g id="outer.vg.vd"><g class="shape" ><rect x="50.000000" y="335.000000" width="188.000000" height="145.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /><rect x="40.000000" y="345.000000" width="188.000000" height="145.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="139.000000" y="324.000000" class="text fill-N1" style="text-anchor:middle;font-size:20px">volume definition</text></g><g id="outer.vg.vd.volume"><g class="shape" ><rect x="90.000000" y="380.000000" width="98.000000" height="66.000000" class=" stroke-B2 fill-N7" style="stroke-width:2;stroke-dasharray:6.000000,5.919384;" /><rect x="80.000000" y="390.000000" width="98.000000" height="66.000000" class=" stroke-B2 fill-N7" style="stroke-width:2;stroke-dasharray:6.000000,5.919384;" /></g><text x="129.000000" y="428.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">volume</text></g><g id="(start -&gt; outer.vg.vd.volume)[0]"><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 134.000000 68.000000 C 134.000000 106.000000 134.000000 126.000000 134.000000 141.000000 C 134.000000 156.000000 134.000000 176.000000 134.000000 191.000000 C 134.000000 206.000000 134.000000 288.799988 134.000000 376.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3501004098)" /></g><g id="(outer.vg.vd.volume -&gt; end)[0]"><path d="M 134.000000 454.000000 C 134.000000 444.799988 134.000000 452.000000 134.000000 467.000000 C 134.000000 482.000000 134.000000 502.000000 134.000000 517.000000 C 134.000000 532.000000 134.000000 602.000000 134.000000 638.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3501004098)" /></g><mask id="d2-3501004098" maskUnits="userSpaceOnUse" x="-1" y="-1" width="270" height="710">
+<rect x="-1" y="-1" width="270" height="710" fill="white"></rect>
+
+</mask></svg></svg>
\ No newline at end of file
diff --git a/e2etests/testdata/stable/multiple_box_selection/elk/board.exp.json b/e2etests/testdata/stable/multiple_box_selection/elk/board.exp.json
new file mode 100644
index 000000000..f9f1eb196
--- /dev/null
+++ b/e2etests/testdata/stable/multiple_box_selection/elk/board.exp.json
@@ -0,0 +1,371 @@
+{
+  "name": "",
+  "isFolderOnly": false,
+  "fontFamily": "SourceSansPro",
+  "shapes": [
+    {
+      "id": "outer",
+      "type": "rectangle",
+      "pos": {
+        "x": 12,
+        "y": 153
+      },
+      "width": 408,
+      "height": 396,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B4",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "outer",
+      "fontSize": 28,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": false,
+      "underline": false,
+      "labelWidth": 63,
+      "labelHeight": 36,
+      "labelPosition": "INSIDE_TOP_CENTER",
+      "zIndex": 0,
+      "level": 1
+    },
+    {
+      "id": "outer.vg",
+      "type": "rectangle",
+      "pos": {
+        "x": 62,
+        "y": 208
+      },
+      "width": 308,
+      "height": 286,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B5",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "volume group",
+      "fontSize": 24,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": false,
+      "underline": false,
+      "labelWidth": 140,
+      "labelHeight": 31,
+      "labelPosition": "INSIDE_TOP_CENTER",
+      "zIndex": 0,
+      "level": 2
+    },
+    {
+      "id": "outer.vg.vd",
+      "type": "rectangle",
+      "pos": {
+        "x": 112,
+        "y": 273
+      },
+      "width": 208,
+      "height": 176,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B6",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": true,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "volume definition",
+      "fontSize": 20,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": false,
+      "underline": false,
+      "labelWidth": 147,
+      "labelHeight": 26,
+      "labelPosition": "INSIDE_TOP_CENTER",
+      "zIndex": 0,
+      "level": 3
+    },
+    {
+      "id": "outer.vg.vd.volume",
+      "type": "rectangle",
+      "pos": {
+        "x": 162,
+        "y": 333
+      },
+      "width": 98,
+      "height": 66,
+      "opacity": 1,
+      "strokeDash": 3,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "N7",
+      "stroke": "B2",
+      "shadow": false,
+      "3d": false,
+      "multiple": true,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "volume",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 53,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 4
+    },
+    {
+      "id": "start",
+      "type": "rectangle",
+      "pos": {
+        "x": 176,
+        "y": 12
+      },
+      "width": 80,
+      "height": 66,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B6",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "start",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 35,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 1
+    },
+    {
+      "id": "end",
+      "type": "rectangle",
+      "pos": {
+        "x": 180,
+        "y": 624
+      },
+      "width": 72,
+      "height": 66,
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "borderRadius": 0,
+      "fill": "B6",
+      "stroke": "B1",
+      "shadow": false,
+      "3d": false,
+      "multiple": false,
+      "double-border": false,
+      "tooltip": "",
+      "link": "",
+      "icon": null,
+      "iconPosition": "",
+      "blend": false,
+      "fields": null,
+      "methods": null,
+      "columns": null,
+      "label": "end",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N1",
+      "italic": false,
+      "bold": true,
+      "underline": false,
+      "labelWidth": 27,
+      "labelHeight": 21,
+      "labelPosition": "INSIDE_MIDDLE_CENTER",
+      "zIndex": 0,
+      "level": 1
+    }
+  ],
+  "connections": [
+    {
+      "id": "(start -> outer.vg.vd.volume)[0]",
+      "src": "start",
+      "srcArrow": "none",
+      "dst": "outer.vg.vd.volume",
+      "dstArrow": "triangle",
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "stroke": "B1",
+      "borderRadius": 10,
+      "label": "",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N2",
+      "italic": true,
+      "bold": false,
+      "underline": false,
+      "labelWidth": 0,
+      "labelHeight": 0,
+      "labelPosition": "",
+      "labelPercentage": 0,
+      "route": [
+        {
+          "x": 216,
+          "y": 78
+        },
+        {
+          "x": 216,
+          "y": 323
+        }
+      ],
+      "animated": false,
+      "tooltip": "",
+      "icon": null,
+      "zIndex": 0
+    },
+    {
+      "id": "(outer.vg.vd.volume -> end)[0]",
+      "src": "outer.vg.vd.volume",
+      "srcArrow": "none",
+      "dst": "end",
+      "dstArrow": "triangle",
+      "opacity": 1,
+      "strokeDash": 0,
+      "strokeWidth": 2,
+      "stroke": "B1",
+      "borderRadius": 10,
+      "label": "",
+      "fontSize": 16,
+      "fontFamily": "DEFAULT",
+      "language": "",
+      "color": "N2",
+      "italic": true,
+      "bold": false,
+      "underline": false,
+      "labelWidth": 0,
+      "labelHeight": 0,
+      "labelPosition": "",
+      "labelPercentage": 0,
+      "route": [
+        {
+          "x": 216,
+          "y": 399
+        },
+        {
+          "x": 216,
+          "y": 624
+        }
+      ],
+      "animated": false,
+      "tooltip": "",
+      "icon": null,
+      "zIndex": 0
+    }
+  ],
+  "root": {
+    "id": "",
+    "type": "",
+    "pos": {
+      "x": 0,
+      "y": 0
+    },
+    "width": 0,
+    "height": 0,
+    "opacity": 0,
+    "strokeDash": 0,
+    "strokeWidth": 0,
+    "borderRadius": 0,
+    "fill": "N7",
+    "stroke": "",
+    "shadow": false,
+    "3d": false,
+    "multiple": false,
+    "double-border": false,
+    "tooltip": "",
+    "link": "",
+    "icon": null,
+    "iconPosition": "",
+    "blend": false,
+    "fields": null,
+    "methods": null,
+    "columns": null,
+    "label": "",
+    "fontSize": 0,
+    "fontFamily": "",
+    "language": "",
+    "color": "",
+    "italic": false,
+    "bold": false,
+    "underline": false,
+    "labelWidth": 0,
+    "labelHeight": 0,
+    "zIndex": 0,
+    "level": 0
+  }
+}
diff --git a/e2etests/testdata/stable/multiple_box_selection/elk/sketch.exp.svg b/e2etests/testdata/stable/multiple_box_selection/elk/sketch.exp.svg
new file mode 100644
index 000000000..6ac271a10
--- /dev/null
+++ b/e2etests/testdata/stable/multiple_box_selection/elk/sketch.exp.svg
@@ -0,0 +1,102 @@
+<?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.4.2-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 410 680"><svg id="d2-svg" class="d2-1354954191" width="410" height="680" viewBox="11 11 410 680"><rect x="11.000000" y="11.000000" width="410.000000" height="680.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
+.d2-1354954191 .text {
+	font-family: "d2-1354954191-font-regular";
+}
+@font-face {
+	font-family: d2-1354954191-font-regular;
+	src: url("data:application/font-woff;base64,d09GRgABAAAAAArMAAoAAAAAEOQAAguFAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAAA9AAAAGAAAABgXd/Vo2NtYXAAAAFUAAAAZAAAAHgCBAGRZ2x5ZgAAAbgAAATWAAAGNIwjWI9oZWFkAAAGkAAAADYAAAA2G4Ue32hoZWEAAAbIAAAAJAAAACQKhAXWaG10eAAABuwAAABQAAAAUCFcA+hsb2NhAAAHPAAAACoAAAAqEeQQrm1heHAAAAdoAAAAIAAAACAALAD2bmFtZQAAB4gAAAMjAAAIFAbDVU1wb3N0AAAKrAAAAB0AAAAg/9EAMgADAgkBkAAFAAACigJYAAAASwKKAlgAAAFeADIBIwAAAgsFAwMEAwICBGAAAvcAAAADAAAAAAAAAABBREJPAEAAIP//Au7/BgAAA9gBESAAAZ8AAAAAAeYClAAAACAAA3icTMtBDsFgAAbR97dVRRU3cDWJRJp0IRYuQ4ijOckn6crsZvFQ1Ap6jQmDTqV1dHIxuronzH82mtySfPPJO68885j1f0Wl1lhoLXVW1jZ6W4OdvQM/AAAA//8BAAD//xJbE4l4nFRUTWjb5ht/Xlmx/ontJootyU4cy5ISKbYTO7EsKall6d/EyZzEX3ES2rRNtqxdXcZWtgxWCmU9dKO9jO3Q2y6F9VIYjFIog94GY91XYTDWDXboyRTaw2bMGIzKQ7KdpqfHGL2/3/v7eF7og20ATMFugAv6YRCGgQKQSY6c4CRJIDRZ0wTGpUmIJLbRH9anCK1kcFXFZxeeLly6cgWd+AC78fytox/W69/sXrxofdx4YqXRwyeAQabdQndQE0ZgHIDhRSWjahlRFHg3IamqnKYpUpAEt1tKq5ridlMB+uvc+iefkYnJ+OpYlD9zdLuaJ1z8Oi0YwqW9tHflWHWLZOeEaGCejr19yvr1aDi+wLPXBvVUbAIwSLVb6HfsAfgh2uOzWRhJkXtEmuLw21z/nLqQ3dPiRhTfyBOucDH0f52dj0imuOz96FLlPSMysnH/+dx8OLa0aIWZ1Mbc8TOAQbLdQt+jJgSBBejjxR4JFXATHE3LaVVj3G4Xl7FpEHPsTcM8q+28gTDrq77jy0J2dIyt/IBwc15e9+b2K9V94/J5X6i/dJoi1UAEiaulCgAgiAAgE/ulk4WgaErGkUKIAk9RMiWQry0sLK0w8aHh0XC+XkefG32l1eP9hOndLS1aOwDggul2FD1DTZiFHJQOElDEQ8MBlSmBtgW4BV5yrJE7gtyutKo4QqgA7e/8Fnix883f2++I3HCI9wel9OZsYNx3+yzJzFTTEu8bnpjd3drSLxTjOT2R0HPq8qac2jzCDY0E1x7nTXaexj2TYTbpwwP5hFKOE33mkMJmijHSMxpgIlpuuphCd0xF0XVFMa3rOZEfwXF/nJKSAO02LAHAXeweJsIwALjBfxkcz2rtFvyGPYDBjlZSJgO9QG4nY7Uj/ThBeP5He+cV7NzzG34SIQPH7XMA2F+oCZzttczIHVd6DSVtB4iDWcsTrmgxMWcOiuWptZXaVFLN16ZSah41loXU7FQss7dj/YhieWPNutkdHQ70CDUhcJijh+7uwArldOmV2tTMRHbCAesBiRPWTeh270/UhEEYfal7TlbSoazQYLZumvWsfs40z+lmqWQa5bJX36/W9nV9v1bd1/P1jc3z5zc36jZurS2jf1Gzuzcvbuc0QpQYyt/DJiiatm/KVRK7r2dfneMXeeyiXskuseY4Z/yE3Z0LT157t/a+ERnZuoXc9ZPVM3y0HWa6+QCgXdQE8pAHDCG+MCBUiI0xQ97AILsYQo0TSXWggONpw3rQOR9ut9BV1IS4k6+kOeumZERRSmIH+9G1gGYimC3g58yuEIvmEzMznDzKL8S3K9Pl8GRIjSYTkZlRIT8dq3ilsBbiptkQzwz4OCWWrUSZjD8YDzNjlMfHaUlpYdLhD7ZbaAm7AEy3X4KiabKzjAc9e1rOFYoDS1evcnFfxDsUSHlPFpDP6Lt+fdFqTs/24wbhcbDW2i30EDXsPrzUVbL7VD0uFTYSM2KWt33hi969HZSxHuUNKYG2rZHi5Awg8AKgb1EDfACyS/bTtG2p5pdd97/cOu1hPLiHGTi9/gVqWM/GC4JQGEcBa6STA9xCDXA5OZC1GmrY/7e/w1ZBw+6BB4B03opOCYIsGwyyLLY6FgpGIsHQGPwHAAD//wEAAP//W51CrwAAAAEAAAACC4UNdtiRXw889QADA+gAAAAA2F2goQAAAADdZi82/jr+2whvA8gAAAADAAIAAAAAAAAAAQAAA9j+7wAACJj+Ov46CG8AAQAAAAAAAAAAAAAAAAAAABQCjQBZAMgAAAH4ADQCKwAvAfAALgEkAB4B+AAtAPYARQD/AFIDPQBSAiMAUgIeAC4CKwBSAVsAUgGjABwBUgAYAiAASwHTAAwA9gBSAAD/yQAAACwALABkAJYAygDsAVgBZAGAAbIB1AIAAjQCVAKUAroC3AL4AwQDGgAAAAEAAAAUAIwADABmAAcAAQAAAAAAAAAAAAAAAAAEAAN4nJyU3U4bVxSFPwfbbVQ1FxWKyA06l22VjN0IogSuTAmKVYRTj9Mfqao0eMY/Yjwz8gxQqj5Ar/sWfYtc9Tn6EFWvq7O8DTaqFIEQsM6cvfdZZ6+1D7DJv2xQqz8E/mr+YLjGdnPP8AMeNZ8a3uC48bfh+kpMg7jxm+EmXzb6hj/iff0Pwx+zU//Z8EO26keGP+F5fdPwpxuOfww/Yof3C1yDl/xuuMYWheEHbPKT4Q0eYzVrdR7TNtzgM7YNN9kGBkypSJmSMcYxYsqYc+YklIQkzJkyIiHG0aVDSqWvGZGQY/y/XyNCKuZEqjihwpESkhJRMrGKvyor561OHGk1t70OFRMiTpVxRkSGI2dMTkbCmepUVBTs0aJFyVB8CypKAkqmpATkzBnToscRxwyYMKXEcaRKnllIzoiKSyKd7yzCd2ZIQkZprM7JiMXTiV+i7C7HOHoUil2tfLxW4SmO75TtueWK/YpAv26F2fq5SzYRF+pnqq6k2rmUghPt+nM7fCtcsYe7V3/WmXy4R7H+V6p8yrn0j6VUJiYZzm3RIZSDQvcEx4HWXUJ15Hu6DHhDj3cMtO7Qp0+HEwZ0ea3cHn0cX9PjhENldIUXe0dyzAk/4viGrmJ87cT6s1As4RcKc3cpjnPdY0ahnnvmge6a6IZ3V9jPUL7mjlI5Q82Rj3TSL9OcRYzNFYUYztTLpTdK619sjpjpLl7bm30/DRc2e8spviLXDHu3Ljh55RaMPqRqcMszl/oJiIjJOVXEkJwZLSquxPstEeekOA7VvTeakorOdY4/50ouSZiJQZdMdeYU+huZb0LjPlzzvbO3JFa+Z3p2fav7nOLUqxuN3ql7y73QupysKNAyVfMVNw3FNTPvJ5qpVf6hcku9bjnP6JNI9VQ3uP0OPCegzQ677DPROUPtXNgb0dY70eYV++rBGYmiRnJ1YhV2CXjBLru84sVazQ6HHNBj/w4cF1k9Dnh9a2ddp2UVZ3X+FJu2+DqeXa9e3luvz+/gyy80UTcvY1/a+G5fWLUb/58QMfNc3NbqndwTgv8AAAD//wEAAP//B1tMMAB4nGJgZgCD/+cYjBiwAAAAAAD//wEAAP//LwECAwAAAA==");
+}
+.d2-1354954191 .text-bold {
+	font-family: "d2-1354954191-font-bold";
+}
+@font-face {
+	font-family: d2-1354954191-font-bold;
+	src: url("data:application/font-woff;base64,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");
+}]]></style><style type="text/css"><![CDATA[.shape {
+  shape-rendering: geometricPrecision;
+  stroke-linejoin: round;
+}
+.connection {
+  stroke-linecap: round;
+  stroke-linejoin: round;
+}
+.blend {
+  mix-blend-mode: multiply;
+  opacity: 0.5;
+}
+
+		.d2-1354954191 .fill-N1{fill:#0A0F25;}
+		.d2-1354954191 .fill-N2{fill:#676C7E;}
+		.d2-1354954191 .fill-N3{fill:#9499AB;}
+		.d2-1354954191 .fill-N4{fill:#CFD2DD;}
+		.d2-1354954191 .fill-N5{fill:#DEE1EB;}
+		.d2-1354954191 .fill-N6{fill:#EEF1F8;}
+		.d2-1354954191 .fill-N7{fill:#FFFFFF;}
+		.d2-1354954191 .fill-B1{fill:#0D32B2;}
+		.d2-1354954191 .fill-B2{fill:#0D32B2;}
+		.d2-1354954191 .fill-B3{fill:#E3E9FD;}
+		.d2-1354954191 .fill-B4{fill:#E3E9FD;}
+		.d2-1354954191 .fill-B5{fill:#EDF0FD;}
+		.d2-1354954191 .fill-B6{fill:#F7F8FE;}
+		.d2-1354954191 .fill-AA2{fill:#4A6FF3;}
+		.d2-1354954191 .fill-AA4{fill:#EDF0FD;}
+		.d2-1354954191 .fill-AA5{fill:#F7F8FE;}
+		.d2-1354954191 .fill-AB4{fill:#EDF0FD;}
+		.d2-1354954191 .fill-AB5{fill:#F7F8FE;}
+		.d2-1354954191 .stroke-N1{stroke:#0A0F25;}
+		.d2-1354954191 .stroke-N2{stroke:#676C7E;}
+		.d2-1354954191 .stroke-N3{stroke:#9499AB;}
+		.d2-1354954191 .stroke-N4{stroke:#CFD2DD;}
+		.d2-1354954191 .stroke-N5{stroke:#DEE1EB;}
+		.d2-1354954191 .stroke-N6{stroke:#EEF1F8;}
+		.d2-1354954191 .stroke-N7{stroke:#FFFFFF;}
+		.d2-1354954191 .stroke-B1{stroke:#0D32B2;}
+		.d2-1354954191 .stroke-B2{stroke:#0D32B2;}
+		.d2-1354954191 .stroke-B3{stroke:#E3E9FD;}
+		.d2-1354954191 .stroke-B4{stroke:#E3E9FD;}
+		.d2-1354954191 .stroke-B5{stroke:#EDF0FD;}
+		.d2-1354954191 .stroke-B6{stroke:#F7F8FE;}
+		.d2-1354954191 .stroke-AA2{stroke:#4A6FF3;}
+		.d2-1354954191 .stroke-AA4{stroke:#EDF0FD;}
+		.d2-1354954191 .stroke-AA5{stroke:#F7F8FE;}
+		.d2-1354954191 .stroke-AB4{stroke:#EDF0FD;}
+		.d2-1354954191 .stroke-AB5{stroke:#F7F8FE;}
+		.d2-1354954191 .background-color-N1{background-color:#0A0F25;}
+		.d2-1354954191 .background-color-N2{background-color:#676C7E;}
+		.d2-1354954191 .background-color-N3{background-color:#9499AB;}
+		.d2-1354954191 .background-color-N4{background-color:#CFD2DD;}
+		.d2-1354954191 .background-color-N5{background-color:#DEE1EB;}
+		.d2-1354954191 .background-color-N6{background-color:#EEF1F8;}
+		.d2-1354954191 .background-color-N7{background-color:#FFFFFF;}
+		.d2-1354954191 .background-color-B1{background-color:#0D32B2;}
+		.d2-1354954191 .background-color-B2{background-color:#0D32B2;}
+		.d2-1354954191 .background-color-B3{background-color:#E3E9FD;}
+		.d2-1354954191 .background-color-B4{background-color:#E3E9FD;}
+		.d2-1354954191 .background-color-B5{background-color:#EDF0FD;}
+		.d2-1354954191 .background-color-B6{background-color:#F7F8FE;}
+		.d2-1354954191 .background-color-AA2{background-color:#4A6FF3;}
+		.d2-1354954191 .background-color-AA4{background-color:#EDF0FD;}
+		.d2-1354954191 .background-color-AA5{background-color:#F7F8FE;}
+		.d2-1354954191 .background-color-AB4{background-color:#EDF0FD;}
+		.d2-1354954191 .background-color-AB5{background-color:#F7F8FE;}
+		.d2-1354954191 .color-N1{color:#0A0F25;}
+		.d2-1354954191 .color-N2{color:#676C7E;}
+		.d2-1354954191 .color-N3{color:#9499AB;}
+		.d2-1354954191 .color-N4{color:#CFD2DD;}
+		.d2-1354954191 .color-N5{color:#DEE1EB;}
+		.d2-1354954191 .color-N6{color:#EEF1F8;}
+		.d2-1354954191 .color-N7{color:#FFFFFF;}
+		.d2-1354954191 .color-B1{color:#0D32B2;}
+		.d2-1354954191 .color-B2{color:#0D32B2;}
+		.d2-1354954191 .color-B3{color:#E3E9FD;}
+		.d2-1354954191 .color-B4{color:#E3E9FD;}
+		.d2-1354954191 .color-B5{color:#EDF0FD;}
+		.d2-1354954191 .color-B6{color:#F7F8FE;}
+		.d2-1354954191 .color-AA2{color:#4A6FF3;}
+		.d2-1354954191 .color-AA4{color:#EDF0FD;}
+		.d2-1354954191 .color-AA5{color:#F7F8FE;}
+		.d2-1354954191 .color-AB4{color:#EDF0FD;}
+		.d2-1354954191 .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="outer"><g class="shape" ><rect x="12.000000" y="153.000000" width="408.000000" height="396.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="216.000000" y="186.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">outer</text></g><g id="start"><g class="shape" ><rect x="176.000000" y="12.000000" width="80.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="216.000000" y="50.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">start</text></g><g id="end"><g class="shape" ><rect x="180.000000" y="624.000000" width="72.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="216.000000" y="662.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">end</text></g><g id="outer.vg"><g class="shape" ><rect x="62.000000" y="208.000000" width="308.000000" height="286.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="216.000000" y="237.000000" class="text fill-N1" style="text-anchor:middle;font-size:24px">volume group</text></g><g id="outer.vg.vd"><g class="shape" ><rect x="122.000000" y="263.000000" width="208.000000" height="176.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /><rect x="112.000000" y="273.000000" width="208.000000" height="176.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="216.000000" y="298.000000" class="text fill-N1" style="text-anchor:middle;font-size:20px">volume definition</text></g><g id="outer.vg.vd.volume"><g class="shape" ><rect x="172.000000" y="323.000000" width="98.000000" height="66.000000" class=" stroke-B2 fill-N7" style="stroke-width:2;stroke-dasharray:6.000000,5.919384;" /><rect x="162.000000" y="333.000000" width="98.000000" height="66.000000" class=" stroke-B2 fill-N7" style="stroke-width:2;stroke-dasharray:6.000000,5.919384;" /></g><text x="211.000000" y="371.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">volume</text></g><g id="(start -&gt; outer.vg.vd.volume)[0]"><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 216.000000 80.000000 L 216.000000 319.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-1354954191)" /></g><g id="(outer.vg.vd.volume -&gt; end)[0]"><path d="M 216.000000 401.000000 L 216.000000 620.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-1354954191)" /></g><mask id="d2-1354954191" maskUnits="userSpaceOnUse" x="11" y="11" width="410" height="680">
+<rect x="11" y="11" width="410" height="680" fill="white"></rect>
+
+</mask></svg></svg>
\ No newline at end of file