From 55035591ef2171cef5a875f21643de500f437b38 Mon Sep 17 00:00:00 2001
From: Alexander Wang <alex@terrastruct.com>
Date: Sat, 28 Sep 2024 16:25:32 -0600
Subject: [PATCH] add new

---
 docs/releases/0.6.7.md                |   1 -
 docs/tour/imports.md                  |   6 -
 docs/tour/style.md                    |   6 +-
 static/d2/styles-fill.d2              |   2 +
 static/img/generated/styles-fill.svg2 | 312 +++++++++++++-------------
 5 files changed, 163 insertions(+), 164 deletions(-)

diff --git a/docs/releases/0.6.7.md b/docs/releases/0.6.7.md
index ba3af222..e2b2152f 100644
--- a/docs/releases/0.6.7.md
+++ b/docs/releases/0.6.7.md
@@ -35,5 +35,4 @@
 - CLI: fixes scale flag not being passed to animated SVG outputs [#2071](https://github.com/terrastruct/d2/pull/2071)
 - CLI: pptx exports use theme flags correctly [#2099](https://github.com/terrastruct/d2/pull/2099)
 - Imports: importing files with url links is fixed [#2105](https://github.com/terrastruct/d2/pull/2105)
-- Vars: substitutions consistently appear in the specified order [#2116](https://github.com/terrastruct/d2/pull/2116)
 - Composition: linking to invalid boards no longer produces an invalid link [#2118](https://github.com/terrastruct/d2/pull/2118)
diff --git a/docs/tour/imports.md b/docs/tour/imports.md
index cf4d61a7..1970a1c6 100644
--- a/docs/tour/imports.md
+++ b/docs/tour/imports.md
@@ -123,9 +123,3 @@ Unnecessary relative imports are removed by autoformat.
 
 `@./x` will be autoformatted to `@x`.
 :::
-
-:::caution
-Absolute imports are not currently available. We are considering designs to set a root, so
-that you can import like `@~/my/d2/x.d2`. If you have a use case for absolute imports,
-please file an issue (or upvote an existing one) on GitHub.
-:::
diff --git a/docs/tour/style.md b/docs/tour/style.md
index 60e490e9..4a9adef7 100644
--- a/docs/tour/style.md
+++ b/docs/tour/style.md
@@ -68,7 +68,7 @@ Float between `0` and `1`.
 
 ## Stroke
 
-CSS color name or hex code.
+CSS color name, hex code, or a subset of CSS gradient strings.
 
 <CodeBlock className="language-d2">
     {StylesStroke}
@@ -85,7 +85,7 @@ already used to control header's `fill`).
 
 ## Fill
 
-CSS color name or hex code.
+CSS color name, hex code, or a subset of CSS gradient strings.
 
 <CodeBlock className="language-d2">
     {StylesFill}
@@ -228,7 +228,7 @@ Integer between `8` and `100`.
 
 ## Font Color
 
-CSS color name or hex code.
+CSS color name, hex code, or a subset of CSS gradient strings.
 
 <CodeBlock className="language-d2">
     {StylesFontColor}
diff --git a/static/d2/styles-fill.d2 b/static/d2/styles-fill.d2
index f82f20b7..5c6d19c3 100644
--- a/static/d2/styles-fill.d2
+++ b/static/d2/styles-fill.d2
@@ -1,4 +1,6 @@
 direction: right
 x -> y: hi
+y -> z
 x.style.fill: "#f4a261"
 y.style.fill: honeydew
+z.style.fill: "linear-gradient(#f69d3c, #3f87a6)"
diff --git a/static/img/generated/styles-fill.svg2 b/static/img/generated/styles-fill.svg2
index ff7fb3c4..f2488ec2 100644
--- a/static/img/generated/styles-fill.svg2
+++ b/static/img/generated/styles-fill.svg2
@@ -1,17 +1,17 @@
-<?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.7-HEAD" preserveAspectRatio="xMidYMid meet" viewBox="0 0 222 68"><svg id="d2-svg" class="d2-172161800" width="222" height="68" viewBox="-1 -1 222 68"><rect x="-1.000000" y="-1.000000" width="222.000000" height="68.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
-.d2-172161800 .text-bold {
-	font-family: "d2-172161800-font-bold";
+<?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.7-HEAD" preserveAspectRatio="xMidYMid meet" viewBox="0 0 374 68"><svg id="d2-svg" class="d2-569507680" width="374" height="68" viewBox="-1 -1 374 68"><rect x="-1.000000" y="-1.000000" width="374.000000" height="68.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
+.d2-569507680 .text-bold {
+	font-family: "d2-569507680-font-bold";
 }
 @font-face {
-	font-family: d2-172161800-font-bold;
-	src: url("data:application/font-woff;base64,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");
+	font-family: d2-569507680-font-bold;
+	src: url("data:application/font-woff;base64,d09GRgABAAAAAAdMAAoAAAAADCAAAguFAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAAA9AAAAGAAAABgXxHXrmNtYXAAAAFUAAAAQAAAAEAApQCpZ2x5ZgAAAZQAAAG9AAAB2Mz+UV9oZWFkAAADVAAAADYAAAA2G38e1GhoZWEAAAOMAAAAJAAAACQKfwXHaG10eAAAA7AAAAAgAAAAIAztAPZsb2NhAAAD0AAAABIAAAASAooCEm1heHAAAAPkAAAAIAAAACAAIAD3bmFtZQAABAQAAAMoAAAIKgjwVkFwb3N0AAAHLAAAAB0AAAAg/9EAMgADAioCvAAFAAACigJYAAAASwKKAlgAAAFeADIBKQAAAgsHAwMEAwICBGAAAvcAAAADAAAAAAAAAABBREJPACAAIP//Au7/BgAAA9gBESAAAZ8AAAAAAfAClAAAACAAAwAAAAEAAwABAAAADAAEADQAAAAGAAQAAQACAGkAev//AAAAaAB4////mf+LAAEAAAAAAAAAAQACAAMABAAFAAB4nEzQv2sTYRzH8c/z3PWeXBJS75rnztQWm3u8u/woh+Rp7rFUClksIrWx4iCigaw6FLKIf4JQFJIhLpl0q4Pg0kIRnB0qtTg5ucsJ4tY7SXDo8F3f3w8vzKEL0D4dQYOJedjggLSqli/DUDAllRKupkJisS6103dvw7per+uNlfHVF70e2X5CR+fPHm33+397Gxvp5PAo3SeDI4CgA1DQY5SnPclZHMuWwy1hrQXCM5jVGbKlO617t4fLK0u1y/T44GGl+fRx+oVU41rFTT8gy6AA/KCnNIABgIHhJabtEkD+kAQVQC6E0nUcV8axUpK5IgyCUBgGY6Xxq8lq3snrOTvnjV+/mVwvukXdLJshob+6vMl5k3ez37t8lfOmszvtFrNNck4SXAFcLwiV48hWrJR24YNWos+d6vwis3N+Lc8+jbYKdl7PWebN/QP3xs5nQ98jc9eWF8nPM++WL7bEWVrYfNDAbHcAkI8kgQnI9oJoV7kmeXBySPZOvu+QaHA3/Tr4b4dvJIE2s7M6Q5Kkl0Cy93Qd9+kpCoDlBe21GWnZ8KPI96OIrjeEaEwP/wAAAP//AQAA//9j+WMuAAAAAAEAAAACC4XPgSwLXw889QABA+gAAAAA2F2ghAAAAADdZi82/jf+xAhtA/EAAQADAAIAAAAAAAAAAQAAA9j+7wAACJj+N/43CG0AAQAAAAAAAAAAAAAAAAAAAAgCsgBQAjsAQQEUADcCAgAOAgkADAHMACYBFABBAAD/rQAAACwATgBaAIYAtgDKANYA7AAAAAEAAAAIAJAADABjAAcAAQAAAAAAAAAAAAAAAAAEAAN4nJyUz24bVRTGf05s0wrBAkVVuonugkWR6NhUSdU2K4fUikUUB48LQkJIE8/4jzKeGXkmDuEJWPMWvEVXPATPgVij+Xzs2AXRJoqSfHfu+fOdc75zgR3+ZptK9SHwRz0xXGGvfm54iwf1E8PbtOtbhqs8qf1puEZYmxuu83mtZ/gj3lZ/M/yA/epPhh+yW20b/phn1R3Dn2w7/jL8Kfu8XeAKvOBXwxV2yQxvscOPhrd5hMWsVHlE03CNz9gzXGcP6DOhIGZCwgjHkAkjrpgRkeMTMWPCkIgQR4cWMYW+JgRCjtF/fg3wKZgRKOKYAkeMT0xAztgi/iKvlHNlHOo0s7sWBWMCLuRxSUCCI2VESkLEpeIUFGS8okGDnIH4ZhTkeORMiPFImTGiQZc2p/QZMyHH0VakkplPypCCawLld2ZRdmZAREJurK5ICMXTiV8k7w6nOLpksl2PfLoR4Usc38m75JbK9is8/bo1Zpt5l2wC5upnrK7EurnWBMe6LfO2+Fa44BXuXv3ZZPL+HoX6XyjyBVeaf6hJJWKS4NwuLXwpyHePcRzp3MFXR76nQ58Turyhr3OLHj1anNGnw2v5dunh+JouZxzLoyO8uGtLMWf8gOMbOrIpY0fWn8XEIn4mM3Xn4jhTHVMy9bxk7qnWSBXefcLlDqUb6sjlM9AelZZO80u0ZwEjU0UmhlP1cqmN3PoXmiKmqqWc7e19uQ1z273lFt+QaodLtS44lZNbMHrfVL13NHOtH4+AkJQLWQxImdKg4Ea8zwm4IsZxrO6daEsKWiufMs+NVBIxFYMOieLMyPQ3MN34xn2woXtnb0ko/5Lp5aqq+2Rx6tXtjN6oe8s737ocrU2gYVNN19Q0ENfEtB9pp9b5+/LN9bqlPOWIlJjwXy/AMzya7HPAIWNlGOhmbq9DUy9Ek5ccqvpLIlkNpefIIhzg8ZwDDnjJ83f6uGTijItbcVnP3eKYI7ocflAVC/suR7xeffv/rL+LaVO1OJ6uTi/uPcUnd1DrF9qz2/eyp4mVk5hbtNutOCNgWnJxu+s1ucd4/wAAAP//AQAA///0t09ReJxiYGYAg//nGIwYsAAAAAAA//8BAAD//y8BAgMAAAA=");
 }
-.d2-172161800 .text-italic {
-	font-family: "d2-172161800-font-italic";
+.d2-569507680 .text-italic {
+	font-family: "d2-569507680-font-italic";
 }
 @font-face {
-	font-family: d2-172161800-font-italic;
-	src: url("data:application/font-woff;base64,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");
+	font-family: d2-569507680-font-italic;
+	src: url("data:application/font-woff;base64,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");
 }]]></style><style type="text/css"><![CDATA[.shape {
   shape-rendering: geometricPrecision;
   stroke-linejoin: round;
@@ -25,152 +25,156 @@
   opacity: 0.5;
 }
 
-		.d2-172161800 .fill-N1{fill:#0A0F25;}
-		.d2-172161800 .fill-N2{fill:#676C7E;}
-		.d2-172161800 .fill-N3{fill:#9499AB;}
-		.d2-172161800 .fill-N4{fill:#CFD2DD;}
-		.d2-172161800 .fill-N5{fill:#DEE1EB;}
-		.d2-172161800 .fill-N6{fill:#EEF1F8;}
-		.d2-172161800 .fill-N7{fill:#FFFFFF;}
-		.d2-172161800 .fill-B1{fill:#0D32B2;}
-		.d2-172161800 .fill-B2{fill:#0D32B2;}
-		.d2-172161800 .fill-B3{fill:#E3E9FD;}
-		.d2-172161800 .fill-B4{fill:#E3E9FD;}
-		.d2-172161800 .fill-B5{fill:#EDF0FD;}
-		.d2-172161800 .fill-B6{fill:#F7F8FE;}
-		.d2-172161800 .fill-AA2{fill:#4A6FF3;}
-		.d2-172161800 .fill-AA4{fill:#EDF0FD;}
-		.d2-172161800 .fill-AA5{fill:#F7F8FE;}
-		.d2-172161800 .fill-AB4{fill:#EDF0FD;}
-		.d2-172161800 .fill-AB5{fill:#F7F8FE;}
-		.d2-172161800 .stroke-N1{stroke:#0A0F25;}
-		.d2-172161800 .stroke-N2{stroke:#676C7E;}
-		.d2-172161800 .stroke-N3{stroke:#9499AB;}
-		.d2-172161800 .stroke-N4{stroke:#CFD2DD;}
-		.d2-172161800 .stroke-N5{stroke:#DEE1EB;}
-		.d2-172161800 .stroke-N6{stroke:#EEF1F8;}
-		.d2-172161800 .stroke-N7{stroke:#FFFFFF;}
-		.d2-172161800 .stroke-B1{stroke:#0D32B2;}
-		.d2-172161800 .stroke-B2{stroke:#0D32B2;}
-		.d2-172161800 .stroke-B3{stroke:#E3E9FD;}
-		.d2-172161800 .stroke-B4{stroke:#E3E9FD;}
-		.d2-172161800 .stroke-B5{stroke:#EDF0FD;}
-		.d2-172161800 .stroke-B6{stroke:#F7F8FE;}
-		.d2-172161800 .stroke-AA2{stroke:#4A6FF3;}
-		.d2-172161800 .stroke-AA4{stroke:#EDF0FD;}
-		.d2-172161800 .stroke-AA5{stroke:#F7F8FE;}
-		.d2-172161800 .stroke-AB4{stroke:#EDF0FD;}
-		.d2-172161800 .stroke-AB5{stroke:#F7F8FE;}
-		.d2-172161800 .background-color-N1{background-color:#0A0F25;}
-		.d2-172161800 .background-color-N2{background-color:#676C7E;}
-		.d2-172161800 .background-color-N3{background-color:#9499AB;}
-		.d2-172161800 .background-color-N4{background-color:#CFD2DD;}
-		.d2-172161800 .background-color-N5{background-color:#DEE1EB;}
-		.d2-172161800 .background-color-N6{background-color:#EEF1F8;}
-		.d2-172161800 .background-color-N7{background-color:#FFFFFF;}
-		.d2-172161800 .background-color-B1{background-color:#0D32B2;}
-		.d2-172161800 .background-color-B2{background-color:#0D32B2;}
-		.d2-172161800 .background-color-B3{background-color:#E3E9FD;}
-		.d2-172161800 .background-color-B4{background-color:#E3E9FD;}
-		.d2-172161800 .background-color-B5{background-color:#EDF0FD;}
-		.d2-172161800 .background-color-B6{background-color:#F7F8FE;}
-		.d2-172161800 .background-color-AA2{background-color:#4A6FF3;}
-		.d2-172161800 .background-color-AA4{background-color:#EDF0FD;}
-		.d2-172161800 .background-color-AA5{background-color:#F7F8FE;}
-		.d2-172161800 .background-color-AB4{background-color:#EDF0FD;}
-		.d2-172161800 .background-color-AB5{background-color:#F7F8FE;}
-		.d2-172161800 .color-N1{color:#0A0F25;}
-		.d2-172161800 .color-N2{color:#676C7E;}
-		.d2-172161800 .color-N3{color:#9499AB;}
-		.d2-172161800 .color-N4{color:#CFD2DD;}
-		.d2-172161800 .color-N5{color:#DEE1EB;}
-		.d2-172161800 .color-N6{color:#EEF1F8;}
-		.d2-172161800 .color-N7{color:#FFFFFF;}
-		.d2-172161800 .color-B1{color:#0D32B2;}
-		.d2-172161800 .color-B2{color:#0D32B2;}
-		.d2-172161800 .color-B3{color:#E3E9FD;}
-		.d2-172161800 .color-B4{color:#E3E9FD;}
-		.d2-172161800 .color-B5{color:#EDF0FD;}
-		.d2-172161800 .color-B6{color:#F7F8FE;}
-		.d2-172161800 .color-AA2{color:#4A6FF3;}
-		.d2-172161800 .color-AA4{color:#EDF0FD;}
-		.d2-172161800 .color-AA5{color:#F7F8FE;}
-		.d2-172161800 .color-AB4{color:#EDF0FD;}
-		.d2-172161800 .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}@media screen and (prefers-color-scheme:dark){
-		.d2-172161800 .fill-N1{fill:#CDD6F4;}
-		.d2-172161800 .fill-N2{fill:#BAC2DE;}
-		.d2-172161800 .fill-N3{fill:#A6ADC8;}
-		.d2-172161800 .fill-N4{fill:#585B70;}
-		.d2-172161800 .fill-N5{fill:#45475A;}
-		.d2-172161800 .fill-N6{fill:#313244;}
-		.d2-172161800 .fill-N7{fill:#1E1E2E;}
-		.d2-172161800 .fill-B1{fill:#CBA6f7;}
-		.d2-172161800 .fill-B2{fill:#CBA6f7;}
-		.d2-172161800 .fill-B3{fill:#6C7086;}
-		.d2-172161800 .fill-B4{fill:#585B70;}
-		.d2-172161800 .fill-B5{fill:#45475A;}
-		.d2-172161800 .fill-B6{fill:#313244;}
-		.d2-172161800 .fill-AA2{fill:#f38BA8;}
-		.d2-172161800 .fill-AA4{fill:#45475A;}
-		.d2-172161800 .fill-AA5{fill:#313244;}
-		.d2-172161800 .fill-AB4{fill:#45475A;}
-		.d2-172161800 .fill-AB5{fill:#313244;}
-		.d2-172161800 .stroke-N1{stroke:#CDD6F4;}
-		.d2-172161800 .stroke-N2{stroke:#BAC2DE;}
-		.d2-172161800 .stroke-N3{stroke:#A6ADC8;}
-		.d2-172161800 .stroke-N4{stroke:#585B70;}
-		.d2-172161800 .stroke-N5{stroke:#45475A;}
-		.d2-172161800 .stroke-N6{stroke:#313244;}
-		.d2-172161800 .stroke-N7{stroke:#1E1E2E;}
-		.d2-172161800 .stroke-B1{stroke:#CBA6f7;}
-		.d2-172161800 .stroke-B2{stroke:#CBA6f7;}
-		.d2-172161800 .stroke-B3{stroke:#6C7086;}
-		.d2-172161800 .stroke-B4{stroke:#585B70;}
-		.d2-172161800 .stroke-B5{stroke:#45475A;}
-		.d2-172161800 .stroke-B6{stroke:#313244;}
-		.d2-172161800 .stroke-AA2{stroke:#f38BA8;}
-		.d2-172161800 .stroke-AA4{stroke:#45475A;}
-		.d2-172161800 .stroke-AA5{stroke:#313244;}
-		.d2-172161800 .stroke-AB4{stroke:#45475A;}
-		.d2-172161800 .stroke-AB5{stroke:#313244;}
-		.d2-172161800 .background-color-N1{background-color:#CDD6F4;}
-		.d2-172161800 .background-color-N2{background-color:#BAC2DE;}
-		.d2-172161800 .background-color-N3{background-color:#A6ADC8;}
-		.d2-172161800 .background-color-N4{background-color:#585B70;}
-		.d2-172161800 .background-color-N5{background-color:#45475A;}
-		.d2-172161800 .background-color-N6{background-color:#313244;}
-		.d2-172161800 .background-color-N7{background-color:#1E1E2E;}
-		.d2-172161800 .background-color-B1{background-color:#CBA6f7;}
-		.d2-172161800 .background-color-B2{background-color:#CBA6f7;}
-		.d2-172161800 .background-color-B3{background-color:#6C7086;}
-		.d2-172161800 .background-color-B4{background-color:#585B70;}
-		.d2-172161800 .background-color-B5{background-color:#45475A;}
-		.d2-172161800 .background-color-B6{background-color:#313244;}
-		.d2-172161800 .background-color-AA2{background-color:#f38BA8;}
-		.d2-172161800 .background-color-AA4{background-color:#45475A;}
-		.d2-172161800 .background-color-AA5{background-color:#313244;}
-		.d2-172161800 .background-color-AB4{background-color:#45475A;}
-		.d2-172161800 .background-color-AB5{background-color:#313244;}
-		.d2-172161800 .color-N1{color:#CDD6F4;}
-		.d2-172161800 .color-N2{color:#BAC2DE;}
-		.d2-172161800 .color-N3{color:#A6ADC8;}
-		.d2-172161800 .color-N4{color:#585B70;}
-		.d2-172161800 .color-N5{color:#45475A;}
-		.d2-172161800 .color-N6{color:#313244;}
-		.d2-172161800 .color-N7{color:#1E1E2E;}
-		.d2-172161800 .color-B1{color:#CBA6f7;}
-		.d2-172161800 .color-B2{color:#CBA6f7;}
-		.d2-172161800 .color-B3{color:#6C7086;}
-		.d2-172161800 .color-B4{color:#585B70;}
-		.d2-172161800 .color-B5{color:#45475A;}
-		.d2-172161800 .color-B6{color:#313244;}
-		.d2-172161800 .color-AA2{color:#f38BA8;}
-		.d2-172161800 .color-AA4{color:#45475A;}
-		.d2-172161800 .color-AA5{color:#313244;}
-		.d2-172161800 .color-AB4{color:#45475A;}
-		.d2-172161800 .color-AB5{color:#313244;}.appendix text.text{fill:#CDD6F4}.md{--color-fg-default:#CDD6F4;--color-fg-muted:#BAC2DE;--color-fg-subtle:#A6ADC8;--color-canvas-default:#1E1E2E;--color-canvas-subtle:#313244;--color-border-default:#CBA6f7;--color-border-muted:#CBA6f7;--color-neutral-muted:#313244;--color-accent-fg:#CBA6f7;--color-accent-emphasis:#CBA6f7;--color-attention-subtle:#BAC2DE;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-B2{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-B3{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-B4{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-B5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B6{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AA2{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-AA4{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AA5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AB4{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AB5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N1{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N2{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N6{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N7{fill:url(#streaks-darker);mix-blend-mode:lighten}.light-code{display: none}.dark-code{display: block}}]]></style><g id="x"><g class="shape" ><rect x="0.000000" y="0.000000" width="53.000000" height="66.000000" fill="#f4a261" class=" stroke-B1" style="stroke-width:2;" /></g><text x="26.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g id="y"><g class="shape" ><rect x="166.000000" y="0.000000" width="54.000000" height="66.000000" fill="honeydew" class=" stroke-B1" style="stroke-width:2;" /></g><text x="193.000000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><g id="(x -&gt; y)[0]"><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 54.500000 33.000000 C 98.099998 33.000000 120.900002 33.000000 162.500000 33.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-172161800)" /><text x="109.500000" y="39.000000" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">hi</text></g><mask id="d2-172161800" maskUnits="userSpaceOnUse" x="-1" y="-1" width="222" height="68">
-<rect x="-1" y="-1" width="222" height="68" fill="white"></rect>
+		.d2-569507680 .fill-N1{fill:#0A0F25;}
+		.d2-569507680 .fill-N2{fill:#676C7E;}
+		.d2-569507680 .fill-N3{fill:#9499AB;}
+		.d2-569507680 .fill-N4{fill:#CFD2DD;}
+		.d2-569507680 .fill-N5{fill:#DEE1EB;}
+		.d2-569507680 .fill-N6{fill:#EEF1F8;}
+		.d2-569507680 .fill-N7{fill:#FFFFFF;}
+		.d2-569507680 .fill-B1{fill:#0D32B2;}
+		.d2-569507680 .fill-B2{fill:#0D32B2;}
+		.d2-569507680 .fill-B3{fill:#E3E9FD;}
+		.d2-569507680 .fill-B4{fill:#E3E9FD;}
+		.d2-569507680 .fill-B5{fill:#EDF0FD;}
+		.d2-569507680 .fill-B6{fill:#F7F8FE;}
+		.d2-569507680 .fill-AA2{fill:#4A6FF3;}
+		.d2-569507680 .fill-AA4{fill:#EDF0FD;}
+		.d2-569507680 .fill-AA5{fill:#F7F8FE;}
+		.d2-569507680 .fill-AB4{fill:#EDF0FD;}
+		.d2-569507680 .fill-AB5{fill:#F7F8FE;}
+		.d2-569507680 .stroke-N1{stroke:#0A0F25;}
+		.d2-569507680 .stroke-N2{stroke:#676C7E;}
+		.d2-569507680 .stroke-N3{stroke:#9499AB;}
+		.d2-569507680 .stroke-N4{stroke:#CFD2DD;}
+		.d2-569507680 .stroke-N5{stroke:#DEE1EB;}
+		.d2-569507680 .stroke-N6{stroke:#EEF1F8;}
+		.d2-569507680 .stroke-N7{stroke:#FFFFFF;}
+		.d2-569507680 .stroke-B1{stroke:#0D32B2;}
+		.d2-569507680 .stroke-B2{stroke:#0D32B2;}
+		.d2-569507680 .stroke-B3{stroke:#E3E9FD;}
+		.d2-569507680 .stroke-B4{stroke:#E3E9FD;}
+		.d2-569507680 .stroke-B5{stroke:#EDF0FD;}
+		.d2-569507680 .stroke-B6{stroke:#F7F8FE;}
+		.d2-569507680 .stroke-AA2{stroke:#4A6FF3;}
+		.d2-569507680 .stroke-AA4{stroke:#EDF0FD;}
+		.d2-569507680 .stroke-AA5{stroke:#F7F8FE;}
+		.d2-569507680 .stroke-AB4{stroke:#EDF0FD;}
+		.d2-569507680 .stroke-AB5{stroke:#F7F8FE;}
+		.d2-569507680 .background-color-N1{background-color:#0A0F25;}
+		.d2-569507680 .background-color-N2{background-color:#676C7E;}
+		.d2-569507680 .background-color-N3{background-color:#9499AB;}
+		.d2-569507680 .background-color-N4{background-color:#CFD2DD;}
+		.d2-569507680 .background-color-N5{background-color:#DEE1EB;}
+		.d2-569507680 .background-color-N6{background-color:#EEF1F8;}
+		.d2-569507680 .background-color-N7{background-color:#FFFFFF;}
+		.d2-569507680 .background-color-B1{background-color:#0D32B2;}
+		.d2-569507680 .background-color-B2{background-color:#0D32B2;}
+		.d2-569507680 .background-color-B3{background-color:#E3E9FD;}
+		.d2-569507680 .background-color-B4{background-color:#E3E9FD;}
+		.d2-569507680 .background-color-B5{background-color:#EDF0FD;}
+		.d2-569507680 .background-color-B6{background-color:#F7F8FE;}
+		.d2-569507680 .background-color-AA2{background-color:#4A6FF3;}
+		.d2-569507680 .background-color-AA4{background-color:#EDF0FD;}
+		.d2-569507680 .background-color-AA5{background-color:#F7F8FE;}
+		.d2-569507680 .background-color-AB4{background-color:#EDF0FD;}
+		.d2-569507680 .background-color-AB5{background-color:#F7F8FE;}
+		.d2-569507680 .color-N1{color:#0A0F25;}
+		.d2-569507680 .color-N2{color:#676C7E;}
+		.d2-569507680 .color-N3{color:#9499AB;}
+		.d2-569507680 .color-N4{color:#CFD2DD;}
+		.d2-569507680 .color-N5{color:#DEE1EB;}
+		.d2-569507680 .color-N6{color:#EEF1F8;}
+		.d2-569507680 .color-N7{color:#FFFFFF;}
+		.d2-569507680 .color-B1{color:#0D32B2;}
+		.d2-569507680 .color-B2{color:#0D32B2;}
+		.d2-569507680 .color-B3{color:#E3E9FD;}
+		.d2-569507680 .color-B4{color:#E3E9FD;}
+		.d2-569507680 .color-B5{color:#EDF0FD;}
+		.d2-569507680 .color-B6{color:#F7F8FE;}
+		.d2-569507680 .color-AA2{color:#4A6FF3;}
+		.d2-569507680 .color-AA4{color:#EDF0FD;}
+		.d2-569507680 .color-AA5{color:#F7F8FE;}
+		.d2-569507680 .color-AB4{color:#EDF0FD;}
+		.d2-569507680 .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}@media screen and (prefers-color-scheme:dark){
+		.d2-569507680 .fill-N1{fill:#CDD6F4;}
+		.d2-569507680 .fill-N2{fill:#BAC2DE;}
+		.d2-569507680 .fill-N3{fill:#A6ADC8;}
+		.d2-569507680 .fill-N4{fill:#585B70;}
+		.d2-569507680 .fill-N5{fill:#45475A;}
+		.d2-569507680 .fill-N6{fill:#313244;}
+		.d2-569507680 .fill-N7{fill:#1E1E2E;}
+		.d2-569507680 .fill-B1{fill:#CBA6f7;}
+		.d2-569507680 .fill-B2{fill:#CBA6f7;}
+		.d2-569507680 .fill-B3{fill:#6C7086;}
+		.d2-569507680 .fill-B4{fill:#585B70;}
+		.d2-569507680 .fill-B5{fill:#45475A;}
+		.d2-569507680 .fill-B6{fill:#313244;}
+		.d2-569507680 .fill-AA2{fill:#f38BA8;}
+		.d2-569507680 .fill-AA4{fill:#45475A;}
+		.d2-569507680 .fill-AA5{fill:#313244;}
+		.d2-569507680 .fill-AB4{fill:#45475A;}
+		.d2-569507680 .fill-AB5{fill:#313244;}
+		.d2-569507680 .stroke-N1{stroke:#CDD6F4;}
+		.d2-569507680 .stroke-N2{stroke:#BAC2DE;}
+		.d2-569507680 .stroke-N3{stroke:#A6ADC8;}
+		.d2-569507680 .stroke-N4{stroke:#585B70;}
+		.d2-569507680 .stroke-N5{stroke:#45475A;}
+		.d2-569507680 .stroke-N6{stroke:#313244;}
+		.d2-569507680 .stroke-N7{stroke:#1E1E2E;}
+		.d2-569507680 .stroke-B1{stroke:#CBA6f7;}
+		.d2-569507680 .stroke-B2{stroke:#CBA6f7;}
+		.d2-569507680 .stroke-B3{stroke:#6C7086;}
+		.d2-569507680 .stroke-B4{stroke:#585B70;}
+		.d2-569507680 .stroke-B5{stroke:#45475A;}
+		.d2-569507680 .stroke-B6{stroke:#313244;}
+		.d2-569507680 .stroke-AA2{stroke:#f38BA8;}
+		.d2-569507680 .stroke-AA4{stroke:#45475A;}
+		.d2-569507680 .stroke-AA5{stroke:#313244;}
+		.d2-569507680 .stroke-AB4{stroke:#45475A;}
+		.d2-569507680 .stroke-AB5{stroke:#313244;}
+		.d2-569507680 .background-color-N1{background-color:#CDD6F4;}
+		.d2-569507680 .background-color-N2{background-color:#BAC2DE;}
+		.d2-569507680 .background-color-N3{background-color:#A6ADC8;}
+		.d2-569507680 .background-color-N4{background-color:#585B70;}
+		.d2-569507680 .background-color-N5{background-color:#45475A;}
+		.d2-569507680 .background-color-N6{background-color:#313244;}
+		.d2-569507680 .background-color-N7{background-color:#1E1E2E;}
+		.d2-569507680 .background-color-B1{background-color:#CBA6f7;}
+		.d2-569507680 .background-color-B2{background-color:#CBA6f7;}
+		.d2-569507680 .background-color-B3{background-color:#6C7086;}
+		.d2-569507680 .background-color-B4{background-color:#585B70;}
+		.d2-569507680 .background-color-B5{background-color:#45475A;}
+		.d2-569507680 .background-color-B6{background-color:#313244;}
+		.d2-569507680 .background-color-AA2{background-color:#f38BA8;}
+		.d2-569507680 .background-color-AA4{background-color:#45475A;}
+		.d2-569507680 .background-color-AA5{background-color:#313244;}
+		.d2-569507680 .background-color-AB4{background-color:#45475A;}
+		.d2-569507680 .background-color-AB5{background-color:#313244;}
+		.d2-569507680 .color-N1{color:#CDD6F4;}
+		.d2-569507680 .color-N2{color:#BAC2DE;}
+		.d2-569507680 .color-N3{color:#A6ADC8;}
+		.d2-569507680 .color-N4{color:#585B70;}
+		.d2-569507680 .color-N5{color:#45475A;}
+		.d2-569507680 .color-N6{color:#313244;}
+		.d2-569507680 .color-N7{color:#1E1E2E;}
+		.d2-569507680 .color-B1{color:#CBA6f7;}
+		.d2-569507680 .color-B2{color:#CBA6f7;}
+		.d2-569507680 .color-B3{color:#6C7086;}
+		.d2-569507680 .color-B4{color:#585B70;}
+		.d2-569507680 .color-B5{color:#45475A;}
+		.d2-569507680 .color-B6{color:#313244;}
+		.d2-569507680 .color-AA2{color:#f38BA8;}
+		.d2-569507680 .color-AA4{color:#45475A;}
+		.d2-569507680 .color-AA5{color:#313244;}
+		.d2-569507680 .color-AB4{color:#45475A;}
+		.d2-569507680 .color-AB5{color:#313244;}.appendix text.text{fill:#CDD6F4}.md{--color-fg-default:#CDD6F4;--color-fg-muted:#BAC2DE;--color-fg-subtle:#A6ADC8;--color-canvas-default:#1E1E2E;--color-canvas-subtle:#313244;--color-border-default:#CBA6f7;--color-border-muted:#CBA6f7;--color-neutral-muted:#313244;--color-accent-fg:#CBA6f7;--color-accent-emphasis:#CBA6f7;--color-attention-subtle:#BAC2DE;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-B2{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-B3{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-B4{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-B5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B6{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AA2{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-AA4{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AA5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AB4{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AB5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N1{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N2{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N6{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N7{fill:url(#streaks-darker);mix-blend-mode:lighten}.light-code{display: none}.dark-code{display: block}}]]></style><defs><linearGradient id="grad-984dfec132f72578000afe61cf8daaed70c7c3de" x1="0%" y1="0%" x2="0%" y2="100%">
+<stop offset="0.00%" stop-color="#f69d3c" />
+<stop offset="100.00%" stop-color="#3f87a6" />
+</linearGradient></defs><g id="x"><g class="shape" ><rect x="0.000000" y="0.000000" width="53.000000" height="66.000000" fill="#f4a261" class=" stroke-B1" style="stroke-width:2;" /></g><text x="26.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g id="y"><g class="shape" ><rect x="166.000000" y="0.000000" width="54.000000" height="66.000000" fill="honeydew" class=" stroke-B1" style="stroke-width:2;" /></g><text x="193.000000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><g id="z"><g class="shape" ><rect x="320.000000" y="0.000000" width="52.000000" height="66.000000" fill="url('#grad-984dfec132f72578000afe61cf8daaed70c7c3de')" class=" stroke-B1" style="stroke-width:2;" /></g><text x="346.000000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">z</text></g><g id="(x -&gt; y)[0]"><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 54.500000 33.000000 C 98.099998 33.000000 120.900002 33.000000 162.500000 33.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-569507680)" /><text x="109.500000" y="39.000000" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">hi</text></g><g id="(y -&gt; z)[0]"><path d="M 222.000000 33.000000 C 260.000000 33.000000 280.000000 33.000000 316.000000 33.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-569507680)" /></g><mask id="d2-569507680" maskUnits="userSpaceOnUse" x="-1" y="-1" width="374" height="68">
+<rect x="-1" y="-1" width="374" height="68" fill="white"></rect>
 <rect x="22.500000" y="22.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
 <rect x="188.500000" y="22.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="342.500000" y="22.500000" width="7" height="21" fill="rgba(0,0,0,0.75)"></rect>
 <rect x="103.000000" y="23.000000" width="13" height="21" fill="black"></rect>
 </mask></svg></svg>