From 67919277ad5a19b862005ed66051ab41988a7cf4 Mon Sep 17 00:00:00 2001
From: prescientmoon <git@moonythm.dev>
Date: Wed, 28 Feb 2024 10:11:01 +0100
Subject: [PATCH] Fix text positioning on wide keys

---
 keyboards/kanata/laptop/lens.json      |   14 +-
 keyboards/kanata/laptop/lens.svg       | 1129 +++++++++++++++--------
 keyboards/qmk/ferris-sweep/config.lens |   40 +-
 keyboards/qmk/ferris-sweep/lens.svg    | 1149 ++++++++++++++++--------
 layout-lens/src/render.ts              |   13 +-
 5 files changed, 1563 insertions(+), 782 deletions(-)

diff --git a/keyboards/kanata/laptop/lens.json b/keyboards/kanata/laptop/lens.json
index 6bc0511..7e8c65d 100644
--- a/keyboards/kanata/laptop/lens.json
+++ b/keyboards/kanata/laptop/lens.json
@@ -7,7 +7,7 @@
     "keyStrokeWidth": 1.5
   },
   "keys": [
-    ["Q", "!", "1", "f1"],
+    ["Q", "+", "1", "f1"],
     ["A", "&lt;", "6", "f6"],
     ["X", "&gt;", "", "f11"],
     ["W", "@", "2", "f2"],
@@ -21,22 +21,22 @@
     ["V", ")"],
     ["B", "%", "5", "f5"],
     ["G", "?", "0", "f10"],
-    ["Z", ""],
+    ["Z", "!"],
     ["TR", "", ""],
-    ["␣", "", ""],
+    ["␣", "\\", ""],
     ["TL", "", ""],
-    ["J", "^", "🏠", "😱"],
+    ["J", "_", "🏠", "😱"],
     ["M", "-", "◄", "↩️"],
     ["K", "—", "", "🎮"],
     ["L", "&amp;", "⏬", "copy"],
-    ["N", "_", "▼", "📋"],
+    ["N", "^", "▼", "📋"],
     ["H", "|", "", "✂️"],
     ["U", "*", "⏫", "⏩"],
     ["E", "/", "▲", "⏯️"],
-    [",", "\\", "", "⏪"],
+    [",", "", "", "⏪"],
     ["Y", "~", "end", "🔊"],
     ["I", "=", "►", "🔉"],
-    [".", "+", "", "🔇"],
+    [".", "", "", "🔇"],
     [":", "`", "🗑️", "🔆"],
     ["O", ";", "", "🔅"],
     ["'", "\"", ""]
diff --git a/keyboards/kanata/laptop/lens.svg b/keyboards/kanata/laptop/lens.svg
index 70a9ab1..4d8b990 100644
--- a/keyboards/kanata/laptop/lens.svg
+++ b/keyboards/kanata/laptop/lens.svg
@@ -1,859 +1,1244 @@
 <svg viewBox="-20 -20 688 687.5" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <g transform="">
     <rect width="56px" height="56px" x="2" y="2" rx="5" fill="#ffffff" stroke="#000000" stroke-width="1.5px">
-    </rect>\n<text x="30" y="30" textLength="28px" fill="black" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
+    </rect>
+    <text x="30" y="30" textLength="28px" fill="black" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
       Q
-    </text>\n<text x="11.333333333333334" y="11.333333333333334" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
-      !
-    </text>\n<text x="52.4" y="11.333333333333334" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="7.6" y="11.333333333333334" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+      +
+    </text>
+    <text x="52.4" y="11.333333333333334" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
       1
-    </text>\n<text x="7.6" y="48.666666666666664" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="7.6" y="48.666666666666664" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
       f1
     </text>
-  </g>\n<g transform="">
+  </g>
+  <g transform="">
     <rect width="56px" height="56px" x="17" y="62" rx="5" fill="#ffffff" stroke="#000000" stroke-width="1.5px">
-    </rect>\n<text x="45" y="90" textLength="28px" fill="black" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
+    </rect>
+    <text x="45" y="90" textLength="28px" fill="black" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
       A
-    </text>\n<text x="26.333333333333336" y="71.33333333333333" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="22.6" y="71.33333333333333" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
       &lt;
-    </text>\n<text x="67.4" y="71.33333333333333" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="67.4" y="71.33333333333333" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
       6
-    </text>\n<text x="22.6" y="108.66666666666666" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="22.6" y="108.66666666666666" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
       f6
     </text>
-  </g>\n<g transform="">
+  </g>
+  <g transform="">
     <rect width="56px" height="56px" x="47" y="122" rx="5" fill="#ffffff" stroke="#000000" stroke-width="1.5px">
-    </rect>\n<text x="75" y="150" textLength="28px" fill="black" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
+    </rect>
+    <text x="75" y="150" textLength="28px" fill="black" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
       X
-    </text>\n<text x="56.333333333333336" y="131.33333333333334" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="52.6" y="131.33333333333334" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
       &gt;
-    </text>\n<text x="97.4" y="131.33333333333334" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
-    </text>\n<text x="52.6" y="168.66666666666666" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="97.4" y="131.33333333333334" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="52.6" y="168.66666666666666" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
       f11
     </text>
-  </g>\n<g transform="">
+  </g>
+  <g transform="">
     <rect width="56px" height="56px" x="62" y="2" rx="5" fill="#ffffff" stroke="#000000" stroke-width="1.5px">
-    </rect>\n<text x="90" y="30" textLength="28px" fill="black" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
+    </rect>
+    <text x="90" y="30" textLength="28px" fill="black" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
       W
-    </text>\n<text x="71.33333333333333" y="11.333333333333334" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="67.6" y="11.333333333333334" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
       @
-    </text>\n<text x="112.4" y="11.333333333333334" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="112.4" y="11.333333333333334" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
       2
-    </text>\n<text x="67.6" y="48.666666666666664" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="67.6" y="48.666666666666664" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
       f2
     </text>
-  </g>\n<g transform="">
+  </g>
+  <g transform="">
     <rect width="56px" height="56px" x="77" y="62" rx="5" fill="#ffffff" stroke="#000000" stroke-width="1.5px">
-    </rect>\n<text x="105" y="90" textLength="28px" fill="black" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
+    </rect>
+    <text x="105" y="90" textLength="28px" fill="black" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
       R
-    </text>\n<text x="86.33333333333333" y="71.33333333333333" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="82.6" y="71.33333333333333" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
       {
-    </text>\n<text x="127.4" y="71.33333333333333" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="127.4" y="71.33333333333333" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
       7
-    </text>\n<text x="82.6" y="108.66666666666666" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="82.6" y="108.66666666666666" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
       f7
     </text>
-  </g>\n<g transform="">
+  </g>
+  <g transform="">
     <rect width="56px" height="56px" x="107" y="122" rx="5" fill="#ffffff" stroke="#000000" stroke-width="1.5px">
-    </rect>\n<text x="135" y="150" textLength="28px" fill="black" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
+    </rect>
+    <text x="135" y="150" textLength="28px" fill="black" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
       C
-    </text>\n<text x="116.33333333333333" y="131.33333333333334" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="112.6" y="131.33333333333334" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
       }
-    </text>\n<text x="157.4" y="131.33333333333334" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
-    </text>\n<text x="112.6" y="168.66666666666666" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="157.4" y="131.33333333333334" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="112.6" y="168.66666666666666" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
       f12
     </text>
-  </g>\n<g transform="">
+  </g>
+  <g transform="">
     <rect width="56px" height="56px" x="122" y="2" rx="5" fill="#ffffff" stroke="#000000" stroke-width="1.5px">
-    </rect>\n<text x="150" y="30" textLength="28px" fill="black" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
+    </rect>
+    <text x="150" y="30" textLength="28px" fill="black" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
       F
-    </text>\n<text x="131.33333333333334" y="11.333333333333334" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="127.6" y="11.333333333333334" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
       #
-    </text>\n<text x="172.4" y="11.333333333333334" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="172.4" y="11.333333333333334" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
       3
-    </text>\n<text x="127.6" y="48.666666666666664" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="127.6" y="48.666666666666664" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
       f3
     </text>
-  </g>\n<g transform="">
+  </g>
+  <g transform="">
     <rect width="56px" height="56px" x="137" y="62" rx="5" fill="#ffffff" stroke="#000000" stroke-width="1.5px">
-    </rect>\n<text x="165" y="90" textLength="28px" fill="black" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
+    </rect>
+    <text x="165" y="90" textLength="28px" fill="black" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
       S
-    </text>\n<text x="146.33333333333334" y="71.33333333333333" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="142.6" y="71.33333333333333" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
       [
-    </text>\n<text x="187.4" y="71.33333333333333" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="187.4" y="71.33333333333333" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
       8
-    </text>\n<text x="142.6" y="108.66666666666666" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="142.6" y="108.66666666666666" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
       f8
     </text>
-  </g>\n<g transform="">
+  </g>
+  <g transform="">
     <rect width="56px" height="56px" x="167" y="122" rx="5" fill="#ffffff" stroke="#000000" stroke-width="1.5px">
-    </rect>\n<text x="195" y="150" textLength="28px" fill="black" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
+    </rect>
+    <text x="195" y="150" textLength="28px" fill="black" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
       D
-    </text>\n<text x="176.33333333333334" y="131.33333333333334" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
-      ]
-    </text>\n<text x="217.4" y="131.33333333333334" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
-    </text>\n<text x="172.6" y="168.66666666666666" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
     </text>
-  </g>\n<g transform="">
+    <text x="172.6" y="131.33333333333334" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+      ]
+    </text>
+    <text x="217.4" y="131.33333333333334" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="172.6" y="168.66666666666666" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+    </text>
+  </g>
+  <g transform="">
     <rect width="56px" height="56px" x="182" y="2" rx="5" fill="#ffffff" stroke="#000000" stroke-width="1.5px">
-    </rect>\n<text x="210" y="30" textLength="28px" fill="black" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
+    </rect>
+    <text x="210" y="30" textLength="28px" fill="black" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
       P
-    </text>\n<text x="191.33333333333334" y="11.333333333333334" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="187.6" y="11.333333333333334" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
       $
-    </text>\n<text x="232.4" y="11.333333333333334" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="232.4" y="11.333333333333334" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
       4
-    </text>\n<text x="187.6" y="48.666666666666664" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="187.6" y="48.666666666666664" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
       f4
     </text>
-  </g>\n<g transform="">
+  </g>
+  <g transform="">
     <rect width="56px" height="56px" x="197" y="62" rx="5" fill="#ffffff" stroke="#000000" stroke-width="1.5px">
-    </rect>\n<text x="225" y="90" textLength="28px" fill="black" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
+    </rect>
+    <text x="225" y="90" textLength="28px" fill="black" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
       T
-    </text>\n<text x="206.33333333333334" y="71.33333333333333" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="202.6" y="71.33333333333333" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
       (
-    </text>\n<text x="247.4" y="71.33333333333333" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="247.4" y="71.33333333333333" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
       9
-    </text>\n<text x="202.6" y="108.66666666666666" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="202.6" y="108.66666666666666" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
       f9
     </text>
-  </g>\n<g transform="">
+  </g>
+  <g transform="">
     <rect width="56px" height="56px" x="227" y="122" rx="5" fill="#ffffff" stroke="#000000" stroke-width="1.5px">
-    </rect>\n<text x="255" y="150" textLength="28px" fill="black" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
+    </rect>
+    <text x="255" y="150" textLength="28px" fill="black" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
       V
-    </text>\n<text x="236.33333333333334" y="131.33333333333334" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
-      )
-    </text>\n<text x="277.4" y="131.33333333333334" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
-    </text>\n<text x="232.6" y="168.66666666666666" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
     </text>
-  </g>\n<g transform="">
+    <text x="232.6" y="131.33333333333334" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+      )
+    </text>
+    <text x="277.4" y="131.33333333333334" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="232.6" y="168.66666666666666" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+    </text>
+  </g>
+  <g transform="">
     <rect width="56px" height="56px" x="242" y="2" rx="5" fill="#ffffff" stroke="#000000" stroke-width="1.5px">
-    </rect>\n<text x="270" y="30" textLength="28px" fill="black" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
+    </rect>
+    <text x="270" y="30" textLength="28px" fill="black" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
       B
-    </text>\n<text x="251.33333333333334" y="11.333333333333334" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="247.6" y="11.333333333333334" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
       %
-    </text>\n<text x="292.4" y="11.333333333333334" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="292.4" y="11.333333333333334" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
       5
-    </text>\n<text x="247.6" y="48.666666666666664" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="247.6" y="48.666666666666664" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
       f5
     </text>
-  </g>\n<g transform="">
+  </g>
+  <g transform="">
     <rect width="56px" height="56px" x="257" y="62" rx="5" fill="#ffffff" stroke="#000000" stroke-width="1.5px">
-    </rect>\n<text x="285" y="90" textLength="28px" fill="black" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
+    </rect>
+    <text x="285" y="90" textLength="28px" fill="black" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
       G
-    </text>\n<text x="266.3333333333333" y="71.33333333333333" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="262.6" y="71.33333333333333" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
       ?
-    </text>\n<text x="307.4" y="71.33333333333333" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="307.4" y="71.33333333333333" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
       0
-    </text>\n<text x="262.6" y="108.66666666666666" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="262.6" y="108.66666666666666" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
       f10
     </text>
-  </g>\n<g transform="">
+  </g>
+  <g transform="">
     <rect width="56px" height="56px" x="287" y="122" rx="5" fill="#ffffff" stroke="#000000" stroke-width="1.5px">
-    </rect>\n<text x="315" y="150" textLength="28px" fill="black" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
+    </rect>
+    <text x="315" y="150" textLength="28px" fill="black" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
       Z
-    </text>\n<text x="296.3333333333333" y="131.33333333333334" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
-    </text>\n<text x="337.4" y="131.33333333333334" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
-    </text>\n<text x="292.6" y="168.66666666666666" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
     </text>
-  </g>\n<g transform="">
+    <text x="292.6" y="131.33333333333334" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+      !
+    </text>
+    <text x="337.4" y="131.33333333333334" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="292.6" y="168.66666666666666" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+    </text>
+  </g>
+  <g transform="">
     <rect width="56px" height="56px" x="107" y="197" rx="5" fill="#ffffff" stroke="#000000" stroke-width="1.5px">
-    </rect>\n<text x="135" y="225" textLength="28px" fill="red" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
+    </rect>
+    <text x="135" y="225" textLength="28px" fill="red" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
       ■
-    </text>\n<text x="116.33333333333333" y="206.33333333333334" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
-    </text>\n<text x="157.4" y="206.33333333333334" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
-    </text>\n<text x="112.6" y="243.66666666666666" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
     </text>
-  </g>\n<g transform="">
+    <text x="112.6" y="206.33333333333334" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="157.4" y="206.33333333333334" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="112.6" y="243.66666666666666" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+    </text>
+  </g>
+  <g transform="">
     <rect width="296px" height="56px" x="167" y="197" rx="5" fill="#ffffff" stroke="#000000" stroke-width="1.5px">
-    </rect>\n<text x="315" y="225" textLength="28px" fill="black" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
+    </rect>
+    <text x="315" y="225" textLength="28px" fill="black" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
       ␣
-    </text>\n<text x="216.33333333333334" y="206.33333333333334" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
-    </text>\n<text x="433.4" y="206.33333333333334" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
-    </text>\n<text x="196.6" y="243.66666666666666" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
     </text>
-  </g>\n<g transform="">
+    <text x="172.6" y="206.33333333333334" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+      \
+    </text>
+    <text x="217.4" y="206.33333333333334" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="172.6" y="243.66666666666666" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+    </text>
+  </g>
+  <g transform="">
     <rect width="56px" height="56px" x="467" y="197" rx="5" fill="#ffffff" stroke="#000000" stroke-width="1.5px">
-    </rect>\n<text x="495" y="225" textLength="28px" fill="blue" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
+    </rect>
+    <text x="495" y="225" textLength="28px" fill="blue" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
       ■
-    </text>\n<text x="476.3333333333333" y="206.33333333333334" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
-    </text>\n<text x="517.4" y="206.33333333333334" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
-    </text>\n<text x="472.6" y="243.66666666666666" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
     </text>
-  </g>\n<g transform="">
+    <text x="472.6" y="206.33333333333334" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="517.4" y="206.33333333333334" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="472.6" y="243.66666666666666" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+    </text>
+  </g>
+  <g transform="">
     <rect width="56px" height="56px" x="302" y="2" rx="5" fill="#ffffff" stroke="#000000" stroke-width="1.5px">
-    </rect>\n<text x="330" y="30" textLength="28px" fill="black" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
+    </rect>
+    <text x="330" y="30" textLength="28px" fill="black" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
       J
-    </text>\n<text x="311.3333333333333" y="11.333333333333334" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
-      ^
-    </text>\n<text x="352.4" y="11.333333333333334" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="307.6" y="11.333333333333334" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+      _
+    </text>
+    <text x="352.4" y="11.333333333333334" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
       🏠
-    </text>\n<text x="307.6" y="48.666666666666664" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="307.6" y="48.666666666666664" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
       😱
     </text>
-  </g>\n<g transform="">
+  </g>
+  <g transform="">
     <rect width="56px" height="56px" x="317" y="62" rx="5" fill="#ffffff" stroke="#000000" stroke-width="1.5px">
-    </rect>\n<text x="345" y="90" textLength="28px" fill="black" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
+    </rect>
+    <text x="345" y="90" textLength="28px" fill="black" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
       M
-    </text>\n<text x="326.3333333333333" y="71.33333333333333" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="322.6" y="71.33333333333333" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
       -
-    </text>\n<text x="367.4" y="71.33333333333333" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="367.4" y="71.33333333333333" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
       ◄
-    </text>\n<text x="322.6" y="108.66666666666666" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="322.6" y="108.66666666666666" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
       ↩️
     </text>
-  </g>\n<g transform="">
+  </g>
+  <g transform="">
     <rect width="56px" height="56px" x="347" y="122" rx="5" fill="#ffffff" stroke="#000000" stroke-width="1.5px">
-    </rect>\n<text x="375" y="150" textLength="28px" fill="black" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
+    </rect>
+    <text x="375" y="150" textLength="28px" fill="black" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
       K
-    </text>\n<text x="356.3333333333333" y="131.33333333333334" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="352.6" y="131.33333333333334" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
       —
-    </text>\n<text x="397.4" y="131.33333333333334" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
-    </text>\n<text x="352.6" y="168.66666666666666" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="397.4" y="131.33333333333334" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="352.6" y="168.66666666666666" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
       🎮
     </text>
-  </g>\n<g transform="">
+  </g>
+  <g transform="">
     <rect width="56px" height="56px" x="362" y="2" rx="5" fill="#ffffff" stroke="#000000" stroke-width="1.5px">
-    </rect>\n<text x="390" y="30" textLength="28px" fill="black" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
+    </rect>
+    <text x="390" y="30" textLength="28px" fill="black" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
       L
-    </text>\n<text x="371.3333333333333" y="11.333333333333334" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="367.6" y="11.333333333333334" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
       &amp;
-    </text>\n<text x="412.4" y="11.333333333333334" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="412.4" y="11.333333333333334" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
       ⏬
-    </text>\n<text x="367.6" y="48.666666666666664" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="367.6" y="48.666666666666664" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
       copy
     </text>
-  </g>\n<g transform="">
+  </g>
+  <g transform="">
     <rect width="56px" height="56px" x="377" y="62" rx="5" fill="#ffffff" stroke="#000000" stroke-width="1.5px">
-    </rect>\n<text x="405" y="90" textLength="28px" fill="black" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
+    </rect>
+    <text x="405" y="90" textLength="28px" fill="black" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
       N
-    </text>\n<text x="386.3333333333333" y="71.33333333333333" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
-      _
-    </text>\n<text x="427.4" y="71.33333333333333" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="382.6" y="71.33333333333333" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+      ^
+    </text>
+    <text x="427.4" y="71.33333333333333" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
       ▼
-    </text>\n<text x="382.6" y="108.66666666666666" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="382.6" y="108.66666666666666" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
       📋
     </text>
-  </g>\n<g transform="">
+  </g>
+  <g transform="">
     <rect width="56px" height="56px" x="407" y="122" rx="5" fill="#ffffff" stroke="#000000" stroke-width="1.5px">
-    </rect>\n<text x="435" y="150" textLength="28px" fill="black" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
+    </rect>
+    <text x="435" y="150" textLength="28px" fill="black" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
       H
-    </text>\n<text x="416.3333333333333" y="131.33333333333334" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="412.6" y="131.33333333333334" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
       |
-    </text>\n<text x="457.4" y="131.33333333333334" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
-    </text>\n<text x="412.6" y="168.66666666666666" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="457.4" y="131.33333333333334" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="412.6" y="168.66666666666666" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
       ✂️
     </text>
-  </g>\n<g transform="">
+  </g>
+  <g transform="">
     <rect width="56px" height="56px" x="422" y="2" rx="5" fill="#ffffff" stroke="#000000" stroke-width="1.5px">
-    </rect>\n<text x="450" y="30" textLength="28px" fill="black" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
+    </rect>
+    <text x="450" y="30" textLength="28px" fill="black" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
       U
-    </text>\n<text x="431.3333333333333" y="11.333333333333334" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="427.6" y="11.333333333333334" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
       *
-    </text>\n<text x="472.4" y="11.333333333333334" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="472.4" y="11.333333333333334" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
       ⏫
-    </text>\n<text x="427.6" y="48.666666666666664" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="427.6" y="48.666666666666664" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
       ⏩
     </text>
-  </g>\n<g transform="">
+  </g>
+  <g transform="">
     <rect width="56px" height="56px" x="437" y="62" rx="5" fill="#ffffff" stroke="#000000" stroke-width="1.5px">
-    </rect>\n<text x="465" y="90" textLength="28px" fill="black" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
+    </rect>
+    <text x="465" y="90" textLength="28px" fill="black" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
       E
-    </text>\n<text x="446.3333333333333" y="71.33333333333333" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="442.6" y="71.33333333333333" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
       /
-    </text>\n<text x="487.4" y="71.33333333333333" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="487.4" y="71.33333333333333" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
       ▲
-    </text>\n<text x="442.6" y="108.66666666666666" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="442.6" y="108.66666666666666" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
       ⏯️
     </text>
-  </g>\n<g transform="">
+  </g>
+  <g transform="">
     <rect width="56px" height="56px" x="467" y="122" rx="5" fill="#ffffff" stroke="#000000" stroke-width="1.5px">
-    </rect>\n<text x="495" y="150" textLength="28px" fill="black" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
+    </rect>
+    <text x="495" y="150" textLength="28px" fill="black" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
       ,
-    </text>\n<text x="476.3333333333333" y="131.33333333333334" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
-      \
-    </text>\n<text x="517.4" y="131.33333333333334" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
-    </text>\n<text x="472.6" y="168.66666666666666" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="472.6" y="131.33333333333334" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="517.4" y="131.33333333333334" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="472.6" y="168.66666666666666" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
       ⏪
     </text>
-  </g>\n<g transform="">
+  </g>
+  <g transform="">
     <rect width="56px" height="56px" x="482" y="2" rx="5" fill="#ffffff" stroke="#000000" stroke-width="1.5px">
-    </rect>\n<text x="510" y="30" textLength="28px" fill="black" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
+    </rect>
+    <text x="510" y="30" textLength="28px" fill="black" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
       Y
-    </text>\n<text x="491.3333333333333" y="11.333333333333334" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="487.6" y="11.333333333333334" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
       ~
-    </text>\n<text x="532.4" y="11.333333333333334" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="532.4" y="11.333333333333334" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
       end
-    </text>\n<text x="487.6" y="48.666666666666664" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="487.6" y="48.666666666666664" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
       🔊
     </text>
-  </g>\n<g transform="">
+  </g>
+  <g transform="">
     <rect width="56px" height="56px" x="497" y="62" rx="5" fill="#ffffff" stroke="#000000" stroke-width="1.5px">
-    </rect>\n<text x="525" y="90" textLength="28px" fill="black" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
+    </rect>
+    <text x="525" y="90" textLength="28px" fill="black" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
       I
-    </text>\n<text x="506.3333333333333" y="71.33333333333333" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="502.6" y="71.33333333333333" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
       =
-    </text>\n<text x="547.4" y="71.33333333333333" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="547.4" y="71.33333333333333" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
       ►
-    </text>\n<text x="502.6" y="108.66666666666666" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="502.6" y="108.66666666666666" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
       🔉
     </text>
-  </g>\n<g transform="">
+  </g>
+  <g transform="">
     <rect width="56px" height="56px" x="527" y="122" rx="5" fill="#ffffff" stroke="#000000" stroke-width="1.5px">
-    </rect>\n<text x="555" y="150" textLength="28px" fill="black" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
+    </rect>
+    <text x="555" y="150" textLength="28px" fill="black" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
       .
-    </text>\n<text x="536.3333333333334" y="131.33333333333334" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
-      +
-    </text>\n<text x="577.4" y="131.33333333333334" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
-    </text>\n<text x="532.6" y="168.66666666666666" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="532.6" y="131.33333333333334" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="577.4" y="131.33333333333334" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="532.6" y="168.66666666666666" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
       🔇
     </text>
-  </g>\n<g transform="">
+  </g>
+  <g transform="">
     <rect width="56px" height="56px" x="542" y="2" rx="5" fill="#ffffff" stroke="#000000" stroke-width="1.5px">
-    </rect>\n<text x="570" y="30" textLength="28px" fill="black" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
+    </rect>
+    <text x="570" y="30" textLength="28px" fill="black" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
       :
-    </text>\n<text x="551.3333333333334" y="11.333333333333334" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="547.6" y="11.333333333333334" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
       `
-    </text>\n<text x="592.4" y="11.333333333333334" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="592.4" y="11.333333333333334" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
       🗑️
-    </text>\n<text x="547.6" y="48.666666666666664" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="547.6" y="48.666666666666664" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
       🔆
     </text>
-  </g>\n<g transform="">
+  </g>
+  <g transform="">
     <rect width="56px" height="56px" x="557" y="62" rx="5" fill="#ffffff" stroke="#000000" stroke-width="1.5px">
-    </rect>\n<text x="585" y="90" textLength="28px" fill="black" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
+    </rect>
+    <text x="585" y="90" textLength="28px" fill="black" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
       O
-    </text>\n<text x="566.3333333333334" y="71.33333333333333" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="562.6" y="71.33333333333333" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
       ;
-    </text>\n<text x="607.4" y="71.33333333333333" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
-    </text>\n<text x="562.6" y="108.66666666666666" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="607.4" y="71.33333333333333" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="562.6" y="108.66666666666666" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
       🔅
     </text>
-  </g>\n<g transform="">
+  </g>
+  <g transform="">
     <rect width="56px" height="56px" x="587" y="122" rx="5" fill="#ffffff" stroke="#000000" stroke-width="1.5px">
-    </rect>\n<text x="615" y="150" textLength="28px" fill="black" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
+    </rect>
+    <text x="615" y="150" textLength="28px" fill="black" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
       '
-    </text>\n<text x="596.3333333333334" y="131.33333333333334" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
-      "
-    </text>\n<text x="637.4" y="131.33333333333334" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
-    </text>\n<text x="592.6" y="168.66666666666666" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
     </text>
-  </g>\n<g transform="translate(0 265)">
+    <text x="592.6" y="131.33333333333334" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+      "
+    </text>
+    <text x="637.4" y="131.33333333333334" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="592.6" y="168.66666666666666" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+    </text>
+  </g>
+  <g transform="translate(0 265)">
     <g transform="translate(20 20)">
-      \n\n<g transform="">
+      
+      
+      <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="20.598765432098766" y="53.46913580246914" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n\n\n<g transform="">
+      </g>
+      
+      
+      <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="46.89506172839506" y="53.46913580246914" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="53.46913580246914" y="0.8765432098765432" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n\n<g transform="">
+      </g>
+      
+      <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="73.19135802469137" y="53.46913580246914" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="79.76543209876543" y="0.8765432098765432" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n\n<g transform="">
+      </g>
+      
+      <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="99.48765432098766" y="53.46913580246914" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="106.06172839506173" y="0.8765432098765432" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n\n<g transform="">
+      </g>
+      
+      <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="125.78395061728396" y="53.46913580246914" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="46.89506172839506" y="86.3395061728395" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="129.7283950617284px" height="24.543209876543212px" x="73.19135802469137" y="86.3395061728395" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="204.67283950617283" y="86.3395061728395" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="132.35802469135803" y="0.8765432098765432" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n\n<g transform="">
+      </g>
+      
+      <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="152.08024691358025" y="53.46913580246914" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="158.6543209876543" y="0.8765432098765432" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n\n<g transform="">
+      </g>
+      
+      <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="178.37654320987653" y="53.46913580246914" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="184.9506172839506" y="0.8765432098765432" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n\n<g transform="">
+      </g>
+      
+      <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="204.67283950617283" y="53.46913580246914" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="211.2469135802469" y="0.8765432098765432" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n\n<g transform="">
+      </g>
+      
+      <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="230.96913580246914" y="53.46913580246914" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="237.54320987654322" y="0.8765432098765432" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n\n<g transform="">
+      </g>
+      
+      <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="257.2654320987655" y="53.46913580246914" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g>
+      </g>
+      <g>
         <path fill="#9ccaff" stroke="undefined" stroke-width="0.6574074074074074px" d="M 0.8765432098765432 0.8765432098765432 L 27.172839506172842 0.8765432098765432 L 51.71604938271605 0.8765432098765432 L 51.71604938271605 25.419753086419757 L 25.419753086419757 25.419753086419757 L 0.8765432098765432 25.419753086419757 Z">
-        </path>\n<circle cx="13.148148148148149" cy="13.148148148148149" r="3.272427983539095" fill="gray" stroke="gray" fill-opacity="0.3" stroke-opacity="0.7" stroke-width="0.6574074074074074px" stroke-dasharray="1.7134392854146803">
-        </circle>\n<circle cx="39.44444444444444" cy="13.148148148148149" r="3.272427983539095" fill="gray" stroke="gray" fill-opacity="0.3" stroke-opacity="0.7" stroke-width="0.6574074074074074px" stroke-dasharray="1.7134392854146803">
-        </circle>\n<text x="26.296296296296298" y="13.148148148148149" font-size="70%" fill="black" text-anchor="middle" dominant-baseline="middle" font-family="Helvetica">
+        </path>
+        <circle cx="13.148148148148149" cy="13.148148148148149" r="3.272427983539095" fill="gray" stroke="gray" fill-opacity="0.3" stroke-opacity="0.7" stroke-width="0.6574074074074074px" stroke-dasharray="1.7134392854146803">
+        </circle>
+        <circle cx="39.44444444444444" cy="13.148148148148149" r="3.272427983539095" fill="gray" stroke="gray" fill-opacity="0.3" stroke-opacity="0.7" stroke-width="0.6574074074074074px" stroke-dasharray="1.7134392854146803">
+        </circle>
+        <text x="26.296296296296298" y="13.148148148148149" font-size="70%" fill="black" text-anchor="middle" dominant-baseline="middle" font-family="Helvetica">
           ⎋
         </text>
-      </g>\n<g>
+      </g>
+      <g>
         <path fill="#39f785" stroke="undefined" stroke-width="0.6574074074074074px" d="M 7.450617283950618 27.172839506172842 L 33.74691358024692 27.172839506172842 L 58.29012345679013 27.172839506172842 L 58.29012345679013 51.71604938271605 L 31.99382716049383 51.71604938271605 L 7.450617283950618 51.71604938271605 Z">
-        </path>\n<circle cx="19.72222222222222" cy="39.44444444444444" r="3.272427983539095" fill="gray" stroke="gray" fill-opacity="0.3" stroke-opacity="0.7" stroke-width="0.6574074074074074px" stroke-dasharray="1.7134392854146803">
-        </circle>\n<circle cx="46.01851851851852" cy="39.44444444444444" r="3.272427983539095" fill="gray" stroke="gray" fill-opacity="0.3" stroke-opacity="0.7" stroke-width="0.6574074074074074px" stroke-dasharray="1.7134392854146803">
-        </circle>\n<text x="32.87037037037037" y="39.44444444444444" font-size="70%" fill="black" text-anchor="middle" dominant-baseline="middle" font-family="Helvetica">
+        </path>
+        <circle cx="19.72222222222222" cy="39.44444444444444" r="3.272427983539095" fill="gray" stroke="gray" fill-opacity="0.3" stroke-opacity="0.7" stroke-width="0.6574074074074074px" stroke-dasharray="1.7134392854146803">
+        </circle>
+        <circle cx="46.01851851851852" cy="39.44444444444444" r="3.272427983539095" fill="gray" stroke="gray" fill-opacity="0.3" stroke-opacity="0.7" stroke-width="0.6574074074074074px" stroke-dasharray="1.7134392854146803">
+        </circle>
+        <text x="32.87037037037037" y="39.44444444444444" font-size="70%" fill="black" text-anchor="middle" dominant-baseline="middle" font-family="Helvetica">
           ⌥
         </text>
-      </g>\n<g>
+      </g>
+      <g>
         <path fill="#fdff80" stroke="undefined" stroke-width="0.6574074074074074px" d="M 60.043209876543216 27.172839506172842 L 86.3395061728395 27.172839506172842 L 110.88271604938272 27.172839506172842 L 110.88271604938272 51.71604938271605 L 84.58641975308643 51.71604938271605 L 60.043209876543216 51.71604938271605 Z">
-        </path>\n<circle cx="72.31481481481482" cy="39.44444444444444" r="3.272427983539095" fill="gray" stroke="gray" fill-opacity="0.3" stroke-opacity="0.7" stroke-width="0.6574074074074074px" stroke-dasharray="1.7134392854146803">
-        </circle>\n<circle cx="98.61111111111111" cy="39.44444444444444" r="3.272427983539095" fill="gray" stroke="gray" fill-opacity="0.3" stroke-opacity="0.7" stroke-width="0.6574074074074074px" stroke-dasharray="1.7134392854146803">
-        </circle>\n<text x="85.46296296296296" y="39.44444444444444" font-size="56%" fill="black" text-anchor="middle" dominant-baseline="middle" font-family="Helvetica">
+        </path>
+        <circle cx="72.31481481481482" cy="39.44444444444444" r="3.272427983539095" fill="gray" stroke="gray" fill-opacity="0.3" stroke-opacity="0.7" stroke-width="0.6574074074074074px" stroke-dasharray="1.7134392854146803">
+        </circle>
+        <circle cx="98.61111111111111" cy="39.44444444444444" r="3.272427983539095" fill="gray" stroke="gray" fill-opacity="0.3" stroke-opacity="0.7" stroke-width="0.6574074074074074px" stroke-dasharray="1.7134392854146803">
+        </circle>
+        <text x="85.46296296296296" y="39.44444444444444" font-size="56%" fill="black" text-anchor="middle" dominant-baseline="middle" font-family="Helvetica">
           ⭾
         </text>
-      </g>\n<g>
+      </g>
+      <g>
         <path fill="#f9adff" stroke="undefined" stroke-width="0.6574074074074074px" d="M 112.63580246913581 27.172839506172842 L 138.9320987654321 27.172839506172842 L 163.47530864197532 27.172839506172842 L 163.47530864197532 51.71604938271605 L 137.179012345679 51.71604938271605 L 112.63580246913581 51.71604938271605 Z">
-        </path>\n<circle cx="124.90740740740742" cy="39.44444444444444" r="3.272427983539095" fill="gray" stroke="gray" fill-opacity="0.3" stroke-opacity="0.7" stroke-width="0.6574074074074074px" stroke-dasharray="1.7134392854146803">
-        </circle>\n<circle cx="151.20370370370372" cy="39.44444444444444" r="3.272427983539095" fill="gray" stroke="gray" fill-opacity="0.3" stroke-opacity="0.7" stroke-width="0.6574074074074074px" stroke-dasharray="1.7134392854146803">
-        </circle>\n<text x="138.05555555555557" y="39.44444444444444" font-size="70%" fill="black" text-anchor="middle" dominant-baseline="middle" font-family="Helvetica">
+        </path>
+        <circle cx="124.90740740740742" cy="39.44444444444444" r="3.272427983539095" fill="gray" stroke="gray" fill-opacity="0.3" stroke-opacity="0.7" stroke-width="0.6574074074074074px" stroke-dasharray="1.7134392854146803">
+        </circle>
+        <circle cx="151.20370370370372" cy="39.44444444444444" r="3.272427983539095" fill="gray" stroke="gray" fill-opacity="0.3" stroke-opacity="0.7" stroke-width="0.6574074074074074px" stroke-dasharray="1.7134392854146803">
+        </circle>
+        <text x="138.05555555555557" y="39.44444444444444" font-size="70%" fill="black" text-anchor="middle" dominant-baseline="middle" font-family="Helvetica">
           ⌫
         </text>
-      </g>\n<g>
+      </g>
+      <g>
         <path fill="#f58e8e" stroke="undefined" stroke-width="0.6574074074074074px" d="M 165.22839506172838 27.172839506172842 L 191.52469135802468 27.172839506172842 L 216.0679012345679 27.172839506172842 L 216.0679012345679 51.71604938271605 L 189.7716049382716 51.71604938271605 L 165.22839506172838 51.71604938271605 Z">
-        </path>\n<circle cx="177.5" cy="39.44444444444444" r="3.272427983539095" fill="gray" stroke="gray" fill-opacity="0.3" stroke-opacity="0.7" stroke-width="0.6574074074074074px" stroke-dasharray="1.7134392854146803">
-        </circle>\n<circle cx="203.7962962962963" cy="39.44444444444444" r="3.272427983539095" fill="gray" stroke="gray" fill-opacity="0.3" stroke-opacity="0.7" stroke-width="0.6574074074074074px" stroke-dasharray="1.7134392854146803">
-        </circle>\n<text x="190.64814814814815" y="39.44444444444444" font-size="70%" fill="black" text-anchor="middle" dominant-baseline="middle" font-family="Helvetica">
+        </path>
+        <circle cx="177.5" cy="39.44444444444444" r="3.272427983539095" fill="gray" stroke="gray" fill-opacity="0.3" stroke-opacity="0.7" stroke-width="0.6574074074074074px" stroke-dasharray="1.7134392854146803">
+        </circle>
+        <circle cx="203.7962962962963" cy="39.44444444444444" r="3.272427983539095" fill="gray" stroke="gray" fill-opacity="0.3" stroke-opacity="0.7" stroke-width="0.6574074074074074px" stroke-dasharray="1.7134392854146803">
+        </circle>
+        <text x="190.64814814814815" y="39.44444444444444" font-size="70%" fill="black" text-anchor="middle" dominant-baseline="middle" font-family="Helvetica">
           ⊥
         </text>
-      </g>\n<g>
+      </g>
+      <g>
         <path fill="#39f785" stroke="undefined" stroke-width="0.6574074074074074px" d="M 217.820987654321 27.172839506172842 L 244.1172839506173 27.172839506172842 L 268.6604938271605 27.172839506172842 L 268.6604938271605 51.71604938271605 L 242.3641975308642 51.71604938271605 L 217.820987654321 51.71604938271605 Z">
-        </path>\n<circle cx="230.0925925925926" cy="39.44444444444444" r="3.272427983539095" fill="gray" stroke="gray" fill-opacity="0.3" stroke-opacity="0.7" stroke-width="0.6574074074074074px" stroke-dasharray="1.7134392854146803">
-        </circle>\n<circle cx="256.3888888888889" cy="39.44444444444444" r="3.272427983539095" fill="gray" stroke="gray" fill-opacity="0.3" stroke-opacity="0.7" stroke-width="0.6574074074074074px" stroke-dasharray="1.7134392854146803">
-        </circle>\n<text x="243.24074074074076" y="39.44444444444444" font-size="70%" fill="black" text-anchor="middle" dominant-baseline="middle" font-family="Helvetica">
+        </path>
+        <circle cx="230.0925925925926" cy="39.44444444444444" r="3.272427983539095" fill="gray" stroke="gray" fill-opacity="0.3" stroke-opacity="0.7" stroke-width="0.6574074074074074px" stroke-dasharray="1.7134392854146803">
+        </circle>
+        <circle cx="256.3888888888889" cy="39.44444444444444" r="3.272427983539095" fill="gray" stroke="gray" fill-opacity="0.3" stroke-opacity="0.7" stroke-width="0.6574074074074074px" stroke-dasharray="1.7134392854146803">
+        </circle>
+        <text x="243.24074074074076" y="39.44444444444444" font-size="70%" fill="black" text-anchor="middle" dominant-baseline="middle" font-family="Helvetica">
           ⌥
         </text>
       </g>
-    </g>\n<g transform="translate(344 20)">
+    </g>
+    <g transform="translate(344 20)">
       <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="0.8765432098765432" y="0.8765432098765432" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="7.450617283950618" y="27.172839506172842" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="20.598765432098766" y="53.46913580246914" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="27.172839506172842" y="0.8765432098765432" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n\n<g transform="">
+      </g>
+      
+      <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="46.89506172839506" y="53.46913580246914" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="53.46913580246914" y="0.8765432098765432" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n\n<g transform="">
+      </g>
+      
+      <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="73.19135802469137" y="53.46913580246914" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="79.76543209876543" y="0.8765432098765432" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="86.3395061728395" y="27.172839506172842" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="99.48765432098766" y="53.46913580246914" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="106.06172839506173" y="0.8765432098765432" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="112.63580246913581" y="27.172839506172842" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="125.78395061728396" y="53.46913580246914" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="46.89506172839506" y="86.3395061728395" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="129.7283950617284px" height="24.543209876543212px" x="73.19135802469137" y="86.3395061728395" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="204.67283950617283" y="86.3395061728395" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="132.35802469135803" y="0.8765432098765432" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="138.9320987654321" y="27.172839506172842" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="152.08024691358025" y="53.46913580246914" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="158.6543209876543" y="0.8765432098765432" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="165.22839506172838" y="27.172839506172842" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="178.37654320987653" y="53.46913580246914" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="184.9506172839506" y="0.8765432098765432" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n\n<g transform="">
+      </g>
+      
+      <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="204.67283950617283" y="53.46913580246914" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="211.2469135802469" y="0.8765432098765432" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n\n<g transform="">
+      </g>
+      
+      <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="230.96913580246914" y="53.46913580246914" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="237.54320987654322" y="0.8765432098765432" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="244.1172839506173" y="27.172839506172842" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="257.2654320987655" y="53.46913580246914" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g>
+      </g>
+      <g>
         <path fill="#f9adff" stroke="undefined" stroke-width="0.6574074074074074px" d="M 33.74691358024692 27.172839506172842 L 60.043209876543216 27.172839506172842 L 84.58641975308643 27.172839506172842 L 84.58641975308643 51.71604938271605 L 58.29012345679013 51.71604938271605 L 33.74691358024692 51.71604938271605 Z">
-        </path>\n<circle cx="46.01851851851852" cy="39.44444444444444" r="3.272427983539095" fill="gray" stroke="gray" fill-opacity="0.3" stroke-opacity="0.7" stroke-width="0.6574074074074074px" stroke-dasharray="1.7134392854146803">
-        </circle>\n<circle cx="72.31481481481482" cy="39.44444444444444" r="3.272427983539095" fill="gray" stroke="gray" fill-opacity="0.3" stroke-opacity="0.7" stroke-width="0.6574074074074074px" stroke-dasharray="1.7134392854146803">
-        </circle>\n<text x="59.16666666666667" y="39.44444444444444" font-size="70%" fill="black" text-anchor="middle" dominant-baseline="middle" font-family="Helvetica">
-          ⇧
-        </text>
-      </g>\n<g>
-        <path fill="#f9adff" stroke="undefined" stroke-width="0.6574074074074074px" d="M 191.52469135802468 27.172839506172842 L 217.820987654321 27.172839506172842 L 242.3641975308642 27.172839506172842 L 242.3641975308642 51.71604938271605 L 216.0679012345679 51.71604938271605 L 191.52469135802468 51.71604938271605 Z">
-        </path>\n<circle cx="203.7962962962963" cy="39.44444444444444" r="3.272427983539095" fill="gray" stroke="gray" fill-opacity="0.3" stroke-opacity="0.7" stroke-width="0.6574074074074074px" stroke-dasharray="1.7134392854146803">
-        </circle>\n<circle cx="230.0925925925926" cy="39.44444444444444" r="3.272427983539095" fill="gray" stroke="gray" fill-opacity="0.3" stroke-opacity="0.7" stroke-width="0.6574074074074074px" stroke-dasharray="1.7134392854146803">
-        </circle>\n<text x="216.94444444444446" y="39.44444444444444" font-size="70%" fill="black" text-anchor="middle" dominant-baseline="middle" font-family="Helvetica">
+        </path>
+        <circle cx="46.01851851851852" cy="39.44444444444444" r="3.272427983539095" fill="gray" stroke="gray" fill-opacity="0.3" stroke-opacity="0.7" stroke-width="0.6574074074074074px" stroke-dasharray="1.7134392854146803">
+        </circle>
+        <circle cx="72.31481481481482" cy="39.44444444444444" r="3.272427983539095" fill="gray" stroke="gray" fill-opacity="0.3" stroke-opacity="0.7" stroke-width="0.6574074074074074px" stroke-dasharray="1.7134392854146803">
+        </circle>
+        <text x="59.16666666666667" y="39.44444444444444" font-size="70%" fill="black" text-anchor="middle" dominant-baseline="middle" font-family="Helvetica">
           ⇧
         </text>
       </g>
-    </g>\n<g transform="translate(20 147.5)">
+      <g>
+        <path fill="#f9adff" stroke="undefined" stroke-width="0.6574074074074074px" d="M 191.52469135802468 27.172839506172842 L 217.820987654321 27.172839506172842 L 242.3641975308642 27.172839506172842 L 242.3641975308642 51.71604938271605 L 216.0679012345679 51.71604938271605 L 191.52469135802468 51.71604938271605 Z">
+        </path>
+        <circle cx="203.7962962962963" cy="39.44444444444444" r="3.272427983539095" fill="gray" stroke="gray" fill-opacity="0.3" stroke-opacity="0.7" stroke-width="0.6574074074074074px" stroke-dasharray="1.7134392854146803">
+        </circle>
+        <circle cx="230.0925925925926" cy="39.44444444444444" r="3.272427983539095" fill="gray" stroke="gray" fill-opacity="0.3" stroke-opacity="0.7" stroke-width="0.6574074074074074px" stroke-dasharray="1.7134392854146803">
+        </circle>
+        <text x="216.94444444444446" y="39.44444444444444" font-size="70%" fill="black" text-anchor="middle" dominant-baseline="middle" font-family="Helvetica">
+          ⇧
+        </text>
+      </g>
+    </g>
+    <g transform="translate(20 147.5)">
       <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="0.8765432098765432" y="0.8765432098765432" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="7.450617283950618" y="27.172839506172842" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="20.598765432098766" y="53.46913580246914" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="27.172839506172842" y="0.8765432098765432" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n\n<g transform="">
+      </g>
+      
+      <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="46.89506172839506" y="53.46913580246914" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="53.46913580246914" y="0.8765432098765432" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="60.043209876543216" y="27.172839506172842" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="73.19135802469137" y="53.46913580246914" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="79.76543209876543" y="0.8765432098765432" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n\n<g transform="">
+      </g>
+      
+      <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="99.48765432098766" y="53.46913580246914" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="106.06172839506173" y="0.8765432098765432" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="112.63580246913581" y="27.172839506172842" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="125.78395061728396" y="53.46913580246914" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="46.89506172839506" y="86.3395061728395" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="129.7283950617284px" height="24.543209876543212px" x="73.19135802469137" y="86.3395061728395" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="204.67283950617283" y="86.3395061728395" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="132.35802469135803" y="0.8765432098765432" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="138.9320987654321" y="27.172839506172842" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="152.08024691358025" y="53.46913580246914" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="158.6543209876543" y="0.8765432098765432" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n\n<g transform="">
+      </g>
+      
+      <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="178.37654320987653" y="53.46913580246914" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="184.9506172839506" y="0.8765432098765432" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="191.52469135802468" y="27.172839506172842" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="204.67283950617283" y="53.46913580246914" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="211.2469135802469" y="0.8765432098765432" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n\n<g transform="">
+      </g>
+      
+      <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="230.96913580246914" y="53.46913580246914" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="237.54320987654322" y="0.8765432098765432" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="244.1172839506173" y="27.172839506172842" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="257.2654320987655" y="53.46913580246914" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g>
+      </g>
+      <g>
         <path fill="#fdff80" stroke="undefined" stroke-width="0.6574074074074074px" d="M 33.74691358024692 27.172839506172842 L 86.3395061728395 27.172839506172842 L 110.88271604938272 27.172839506172842 L 110.88271604938272 51.71604938271605 L 58.29012345679013 51.71604938271605 L 33.74691358024692 51.71604938271605 Z">
-        </path>\n<circle cx="46.01851851851852" cy="39.44444444444444" r="3.272427983539095" fill="gray" stroke="gray" fill-opacity="0.3" stroke-opacity="0.7" stroke-width="0.6574074074074074px" stroke-dasharray="1.7134392854146803">
-        </circle>\n<circle cx="98.61111111111111" cy="39.44444444444444" r="3.272427983539095" fill="gray" stroke="gray" fill-opacity="0.3" stroke-opacity="0.7" stroke-width="0.6574074074074074px" stroke-dasharray="1.7134392854146803">
-        </circle>\n<text x="72.31481481481481" y="39.44444444444444" font-size="70%" fill="black" text-anchor="middle" dominant-baseline="middle" font-family="Helvetica">
-          ctrl
-        </text>
-      </g>\n<g>
-        <path fill="#fdff80" stroke="undefined" stroke-width="0.6574074074074074px" d="M 165.22839506172838 27.172839506172842 L 217.820987654321 27.172839506172842 L 242.3641975308642 27.172839506172842 L 242.3641975308642 51.71604938271605 L 189.7716049382716 51.71604938271605 L 165.22839506172838 51.71604938271605 Z">
-        </path>\n<circle cx="177.5" cy="39.44444444444444" r="3.272427983539095" fill="gray" stroke="gray" fill-opacity="0.3" stroke-opacity="0.7" stroke-width="0.6574074074074074px" stroke-dasharray="1.7134392854146803">
-        </circle>\n<circle cx="230.0925925925926" cy="39.44444444444444" r="3.272427983539095" fill="gray" stroke="gray" fill-opacity="0.3" stroke-opacity="0.7" stroke-width="0.6574074074074074px" stroke-dasharray="1.7134392854146803">
-        </circle>\n<text x="203.7962962962963" y="39.44444444444444" font-size="70%" fill="black" text-anchor="middle" dominant-baseline="middle" font-family="Helvetica">
+        </path>
+        <circle cx="46.01851851851852" cy="39.44444444444444" r="3.272427983539095" fill="gray" stroke="gray" fill-opacity="0.3" stroke-opacity="0.7" stroke-width="0.6574074074074074px" stroke-dasharray="1.7134392854146803">
+        </circle>
+        <circle cx="98.61111111111111" cy="39.44444444444444" r="3.272427983539095" fill="gray" stroke="gray" fill-opacity="0.3" stroke-opacity="0.7" stroke-width="0.6574074074074074px" stroke-dasharray="1.7134392854146803">
+        </circle>
+        <text x="72.31481481481481" y="39.44444444444444" font-size="70%" fill="black" text-anchor="middle" dominant-baseline="middle" font-family="Helvetica">
           ctrl
         </text>
       </g>
-    </g>\n<g transform="translate(344 147.5)">
+      <g>
+        <path fill="#fdff80" stroke="undefined" stroke-width="0.6574074074074074px" d="M 165.22839506172838 27.172839506172842 L 217.820987654321 27.172839506172842 L 242.3641975308642 27.172839506172842 L 242.3641975308642 51.71604938271605 L 189.7716049382716 51.71604938271605 L 165.22839506172838 51.71604938271605 Z">
+        </path>
+        <circle cx="177.5" cy="39.44444444444444" r="3.272427983539095" fill="gray" stroke="gray" fill-opacity="0.3" stroke-opacity="0.7" stroke-width="0.6574074074074074px" stroke-dasharray="1.7134392854146803">
+        </circle>
+        <circle cx="230.0925925925926" cy="39.44444444444444" r="3.272427983539095" fill="gray" stroke="gray" fill-opacity="0.3" stroke-opacity="0.7" stroke-width="0.6574074074074074px" stroke-dasharray="1.7134392854146803">
+        </circle>
+        <text x="203.7962962962963" y="39.44444444444444" font-size="70%" fill="black" text-anchor="middle" dominant-baseline="middle" font-family="Helvetica">
+          ctrl
+        </text>
+      </g>
+    </g>
+    <g transform="translate(344 147.5)">
       <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="0.8765432098765432" y="0.8765432098765432" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="7.450617283950618" y="27.172839506172842" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="20.598765432098766" y="53.46913580246914" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="27.172839506172842" y="0.8765432098765432" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="33.74691358024692" y="27.172839506172842" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n\n<g transform="">
+      </g>
+      
+      <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="53.46913580246914" y="0.8765432098765432" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="60.043209876543216" y="27.172839506172842" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="73.19135802469137" y="53.46913580246914" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n\n<g transform="">
+      </g>
+      
+      <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="86.3395061728395" y="27.172839506172842" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="99.48765432098766" y="53.46913580246914" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="106.06172839506173" y="0.8765432098765432" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="112.63580246913581" y="27.172839506172842" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="125.78395061728396" y="53.46913580246914" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="46.89506172839506" y="86.3395061728395" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="129.7283950617284px" height="24.543209876543212px" x="73.19135802469137" y="86.3395061728395" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="204.67283950617283" y="86.3395061728395" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="132.35802469135803" y="0.8765432098765432" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="138.9320987654321" y="27.172839506172842" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n\n<g transform="">
+      </g>
+      
+      <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="158.6543209876543" y="0.8765432098765432" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="165.22839506172838" y="27.172839506172842" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="178.37654320987653" y="53.46913580246914" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="184.9506172839506" y="0.8765432098765432" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="191.52469135802468" y="27.172839506172842" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="204.67283950617283" y="53.46913580246914" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="211.2469135802469" y="0.8765432098765432" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n\n<g transform="">
+      </g>
+      
+      <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="230.96913580246914" y="53.46913580246914" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="237.54320987654322" y="0.8765432098765432" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="244.1172839506173" y="27.172839506172842" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="257.2654320987655" y="53.46913580246914" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g>
+      </g>
+      <g>
         <path fill="#fdff80" stroke="undefined" stroke-width="0.6574074074074074px" d="M 46.89506172839506 53.46913580246914 L 79.76543209876543 0.8765432098765432 L 104.30864197530865 0.8765432098765432 L 104.30864197530865 25.419753086419757 L 71.43827160493828 78.01234567901236 L 46.89506172839506 78.01234567901236 Z">
-        </path>\n<circle cx="59.16666666666667" cy="65.74074074074075" r="3.272427983539095" fill="gray" stroke="gray" fill-opacity="0.3" stroke-opacity="0.7" stroke-width="0.6574074074074074px" stroke-dasharray="1.7134392854146803">
-        </circle>\n<circle cx="92.03703703703704" cy="13.148148148148149" r="3.272427983539095" fill="gray" stroke="gray" fill-opacity="0.3" stroke-opacity="0.7" stroke-width="0.6574074074074074px" stroke-dasharray="1.7134392854146803">
-        </circle>\n<text x="75.60185185185185" y="39.44444444444445" font-size="70%" fill="black" text-anchor="middle" dominant-baseline="middle" font-family="Helvetica">
+        </path>
+        <circle cx="59.16666666666667" cy="65.74074074074075" r="3.272427983539095" fill="gray" stroke="gray" fill-opacity="0.3" stroke-opacity="0.7" stroke-width="0.6574074074074074px" stroke-dasharray="1.7134392854146803">
+        </circle>
+        <circle cx="92.03703703703704" cy="13.148148148148149" r="3.272427983539095" fill="gray" stroke="gray" fill-opacity="0.3" stroke-opacity="0.7" stroke-width="0.6574074074074074px" stroke-dasharray="1.7134392854146803">
+        </circle>
+        <text x="75.60185185185185" y="39.44444444444445" font-size="70%" fill="black" text-anchor="middle" dominant-baseline="middle" font-family="Helvetica">
           📋
         </text>
-      </g>\n<g>
+      </g>
+      <g>
         <path fill="#f58e8e" stroke="undefined" stroke-width="0.6574074074074074px" d="M 152.08024691358025 53.46913580246914 L 217.820987654321 27.172839506172842 L 242.3641975308642 27.172839506172842 L 242.3641975308642 51.71604938271605 L 176.62345679012347 78.01234567901236 L 152.08024691358025 78.01234567901236 Z">
-        </path>\n<circle cx="164.35185185185188" cy="65.74074074074075" r="3.272427983539095" fill="gray" stroke="gray" fill-opacity="0.3" stroke-opacity="0.7" stroke-width="0.6574074074074074px" stroke-dasharray="1.7134392854146803">
-        </circle>\n<circle cx="230.0925925925926" cy="39.44444444444444" r="3.272427983539095" fill="gray" stroke="gray" fill-opacity="0.3" stroke-opacity="0.7" stroke-width="0.6574074074074074px" stroke-dasharray="1.7134392854146803">
-        </circle>\n<text x="197.22222222222223" y="52.592592592592595" font-size="70%" fill="black" text-anchor="middle" dominant-baseline="middle" font-family="Helvetica">
+        </path>
+        <circle cx="164.35185185185188" cy="65.74074074074075" r="3.272427983539095" fill="gray" stroke="gray" fill-opacity="0.3" stroke-opacity="0.7" stroke-width="0.6574074074074074px" stroke-dasharray="1.7134392854146803">
+        </circle>
+        <circle cx="230.0925925925926" cy="39.44444444444444" r="3.272427983539095" fill="gray" stroke="gray" fill-opacity="0.3" stroke-opacity="0.7" stroke-width="0.6574074074074074px" stroke-dasharray="1.7134392854146803">
+        </circle>
+        <text x="197.22222222222223" y="52.592592592592595" font-size="70%" fill="black" text-anchor="middle" dominant-baseline="middle" font-family="Helvetica">
           ❖
         </text>
       </g>
-    </g>\n<g transform="translate(182 275)">
+    </g>
+    <g transform="translate(182 275)">
       <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="0.8765432098765432" y="0.8765432098765432" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="7.450617283950618" y="27.172839506172842" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="20.598765432098766" y="53.46913580246914" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="27.172839506172842" y="0.8765432098765432" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="33.74691358024692" y="27.172839506172842" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="46.89506172839506" y="53.46913580246914" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n\n<g transform="">
+      </g>
+      
+      <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="60.043209876543216" y="27.172839506172842" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="73.19135802469137" y="53.46913580246914" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="79.76543209876543" y="0.8765432098765432" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n\n<g transform="">
+      </g>
+      
+      <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="99.48765432098766" y="53.46913580246914" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="106.06172839506173" y="0.8765432098765432" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="112.63580246913581" y="27.172839506172842" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="125.78395061728396" y="53.46913580246914" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="46.89506172839506" y="86.3395061728395" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="129.7283950617284px" height="24.543209876543212px" x="73.19135802469137" y="86.3395061728395" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="204.67283950617283" y="86.3395061728395" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="132.35802469135803" y="0.8765432098765432" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="138.9320987654321" y="27.172839506172842" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="152.08024691358025" y="53.46913580246914" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="158.6543209876543" y="0.8765432098765432" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n\n<g transform="">
+      </g>
+      
+      <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="178.37654320987653" y="53.46913580246914" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n\n<g transform="">
+      </g>
+      
+      <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="191.52469135802468" y="27.172839506172842" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="204.67283950617283" y="53.46913580246914" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="211.2469135802469" y="0.8765432098765432" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="217.820987654321" y="27.172839506172842" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="230.96913580246914" y="53.46913580246914" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="237.54320987654322" y="0.8765432098765432" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="244.1172839506173" y="27.172839506172842" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.543209876543212px" height="24.543209876543212px" x="257.2654320987655" y="53.46913580246914" rx="2.191358024691358" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g>
+      </g>
+      <g>
         <path fill="#9ccaff" stroke="undefined" stroke-width="0.6574074074074074px" d="M 53.46913580246914 0.8765432098765432 L 78.01234567901236 0.8765432098765432 L 110.88271604938272 27.172839506172842 L 110.88271604938272 51.71604938271605 L 86.3395061728395 51.71604938271605 L 53.46913580246914 25.419753086419757 Z">
-        </path>\n<circle cx="65.74074074074075" cy="13.148148148148149" r="3.272427983539095" fill="gray" stroke="gray" fill-opacity="0.3" stroke-opacity="0.7" stroke-width="0.6574074074074074px" stroke-dasharray="1.7134392854146803">
-        </circle>\n<circle cx="98.61111111111111" cy="39.44444444444444" r="3.272427983539095" fill="gray" stroke="gray" fill-opacity="0.3" stroke-opacity="0.7" stroke-width="0.6574074074074074px" stroke-dasharray="1.7134392854146803">
-        </circle>\n<text x="82.17592592592592" y="26.296296296296298" font-size="70%" fill="black" text-anchor="middle" dominant-baseline="middle" font-family="Helvetica">
+        </path>
+        <circle cx="65.74074074074075" cy="13.148148148148149" r="3.272427983539095" fill="gray" stroke="gray" fill-opacity="0.3" stroke-opacity="0.7" stroke-width="0.6574074074074074px" stroke-dasharray="1.7134392854146803">
+        </circle>
+        <circle cx="98.61111111111111" cy="39.44444444444444" r="3.272427983539095" fill="gray" stroke="gray" fill-opacity="0.3" stroke-opacity="0.7" stroke-width="0.6574074074074074px" stroke-dasharray="1.7134392854146803">
+        </circle>
+        <text x="82.17592592592592" y="26.296296296296298" font-size="70%" fill="black" text-anchor="middle" dominant-baseline="middle" font-family="Helvetica">
           ↵
         </text>
-      </g>\n<g>
+      </g>
+      <g>
         <path fill="#9ccaff" stroke="undefined" stroke-width="0.6574074074074074px" d="M 165.22839506172838 27.172839506172842 L 184.9506172839506 0.8765432098765432 L 209.49382716049382 0.8765432098765432 L 209.49382716049382 25.419753086419757 L 189.7716049382716 51.71604938271605 L 165.22839506172838 51.71604938271605 Z">
-        </path>\n<circle cx="177.5" cy="39.44444444444444" r="3.272427983539095" fill="gray" stroke="gray" fill-opacity="0.3" stroke-opacity="0.7" stroke-width="0.6574074074074074px" stroke-dasharray="1.7134392854146803">
-        </circle>\n<circle cx="197.22222222222223" cy="13.148148148148149" r="3.272427983539095" fill="gray" stroke="gray" fill-opacity="0.3" stroke-opacity="0.7" stroke-width="0.6574074074074074px" stroke-dasharray="1.7134392854146803">
-        </circle>\n<text x="187.36111111111111" y="26.296296296296298" font-size="70%" fill="black" text-anchor="middle" dominant-baseline="middle" font-family="Helvetica">
+        </path>
+        <circle cx="177.5" cy="39.44444444444444" r="3.272427983539095" fill="gray" stroke="gray" fill-opacity="0.3" stroke-opacity="0.7" stroke-width="0.6574074074074074px" stroke-dasharray="1.7134392854146803">
+        </circle>
+        <circle cx="197.22222222222223" cy="13.148148148148149" r="3.272427983539095" fill="gray" stroke="gray" fill-opacity="0.3" stroke-opacity="0.7" stroke-width="0.6574074074074074px" stroke-dasharray="1.7134392854146803">
+        </circle>
+        <text x="187.36111111111111" y="26.296296296296298" font-size="70%" fill="black" text-anchor="middle" dominant-baseline="middle" font-family="Helvetica">
           💾
         </text>
       </g>
diff --git a/keyboards/qmk/ferris-sweep/config.lens b/keyboards/qmk/ferris-sweep/config.lens
index 1f12c9a..37b8495 100644
--- a/keyboards/qmk/ferris-sweep/config.lens
+++ b/keyboards/qmk/ferris-sweep/config.lens
@@ -31,30 +31,30 @@ section
 
   layergroup
     layer main center
-    Q W F P B   J  L U Y :
-    A R S T G   M  N E I O
-    X C D V Z   K  H , . '
-         🟥 ␣   ⇧  🟦
+    Q W F P B   J L U Y :
+    A R S T G   M N E I O
+    X C D V Z   K H , . '
+         🟥 ␣   ⇧ 🟦
     end
 
     layer red topright #0b00d9
-    1 2 3 4 ⚔️   ⏪ ⏬ ⏫ ⏩  🗑️
-    5 6 7 8 ⚔️   ◄  ▼  ▲  ►   ⚔️
-    9 0 ⚔️ ⚔️ ⚔️   ⚔️  ⚔️  ⚔️  ⚔️   ⚔️
+    1 2 3 4 ⚔️   🏠 ⏬ ⏫ 🔚 🗑️
+    5 6 7 8 ⚔️   ◄  ▼  ▲  ►  ⚔️
+    9 0 ⚔️ ⚔️ ⚔️   ⚔️  ⚔️  ⚔️  ⚔️  ⚔️
           ⚔️ ⚔️   ⚔️  🟪
     end
 
     layer blue topleft #b80034
-    ! @ [ ( %   ^  & * ~ `
-    < { ] ) ?   -  _ / = ;
-    > } $ ? ⚔️   —  | \ + "
-         🟪 ⚔️   ⚔️  ⚔️
+    ! @ [ ( %   ^ & * ~ `
+    < { ] ) ?   | - / = ;
+    > } $ ? ⚔️   — _ \ + "
+         🟪 ⚔️   ⚔️ ⚔️
     end
 
     layer purple bottomleft #660099
     f1  f2  f3 f4 f5    😱 copy ⏩ 🔊 🔆
-    f6  f7  f8 f9 f10   ↩️   📋  ⏯️  🔉 🔅
-    f11 f12 f4 ⚔️  ⚔️     🎮  ✂️   ⏪ 🔇 ⚔️
+    f6  f7  f8 f9 f10   ↩️  📋   ⏯️  🔉 🔅
+    f11 f12 f4 ⚔️  ⚔️     🎮 ✂️    ⏪ 🔇 ⚔️
                ⚔️  ⚔️     ⚔️  ⚔️
     end
 
@@ -62,15 +62,15 @@ section
   columns 2
 
   chordgroup
-  A R => ⌥  #39f785
-  S T => ⭾  #fdff80 0.8
-  G M => ⌫  #f9adff
-  N E => ⊥  #f58e8e
-  I O => ⌥  #39f785
+  A R => ⌥ #39f785
+  S T => ⭾ #fdff80 0.8
+  G M => ⌫ #f9adff
+  N E => ⊥ #f58e8e
+  I O => ⌥ #39f785
 
   chordgroup
-  R S => ⇧  #f9adff
-  E I => ⇧  #f9adff
+  R S => ⇧ #f9adff
+  E I => ⇧ #f9adff
 
   chordgroup
   R T => ctrl #fdff80
diff --git a/keyboards/qmk/ferris-sweep/lens.svg b/keyboards/qmk/ferris-sweep/lens.svg
index d97f598..b5fed15 100644
--- a/keyboards/qmk/ferris-sweep/lens.svg
+++ b/keyboards/qmk/ferris-sweep/lens.svg
@@ -1,882 +1,1277 @@
 <svg viewBox="-20 -20 760 950" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <g transform="">
     <rect width="56px" height="56px" x="2" y="62" rx="5" fill="#ffffff" stroke="#000000" stroke-width="1.5px">
-    </rect>\n<text x="30" y="90" textLength="28px" fill="black" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
+    </rect>
+    <text x="30" y="90" textLength="28px" fill="black" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
       Q
-    </text>\n<text x="11.333333333333334" y="71.33333333333333" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="7.6" y="71.33333333333333" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
       !
-    </text>\n<text x="52.4" y="71.33333333333333" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="52.4" y="71.33333333333333" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
       1
-    </text>\n<text x="7.6" y="108.66666666666666" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="7.6" y="108.66666666666666" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
       f1
     </text>
-  </g>\n<g transform="">
+  </g>
+  <g transform="">
     <rect width="56px" height="56px" x="2" y="122" rx="5" fill="#ffffff" stroke="#000000" stroke-width="1.5px">
-    </rect>\n<text x="30" y="150" textLength="28px" fill="black" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
+    </rect>
+    <text x="30" y="150" textLength="28px" fill="black" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
       A
-    </text>\n<text x="11.333333333333334" y="131.33333333333334" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="7.6" y="131.33333333333334" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
       &lt;
-    </text>\n<text x="52.4" y="131.33333333333334" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="52.4" y="131.33333333333334" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
       6
-    </text>\n<text x="7.6" y="168.66666666666666" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="7.6" y="168.66666666666666" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
       f6
     </text>
-  </g>\n<g transform="">
+  </g>
+  <g transform="">
     <rect width="56px" height="56px" x="2" y="182" rx="5" fill="#ffffff" stroke="#000000" stroke-width="1.5px">
-    </rect>\n<text x="30" y="210" textLength="28px" fill="black" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
+    </rect>
+    <text x="30" y="210" textLength="28px" fill="black" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
       X
-    </text>\n<text x="11.333333333333334" y="191.33333333333334" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="7.6" y="191.33333333333334" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
       &gt;
-    </text>\n<text x="52.4" y="191.33333333333334" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
-    </text>\n<text x="7.6" y="228.66666666666666" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="52.4" y="191.33333333333334" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="7.6" y="228.66666666666666" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
       f11
     </text>
-  </g>\n<g transform="">
+  </g>
+  <g transform="">
     <rect width="56px" height="56px" x="62" y="32" rx="5" fill="#ffffff" stroke="#000000" stroke-width="1.5px">
-    </rect>\n<text x="90" y="60" textLength="28px" fill="black" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
+    </rect>
+    <text x="90" y="60" textLength="28px" fill="black" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
       W
-    </text>\n<text x="71.33333333333333" y="41.333333333333336" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="67.6" y="41.333333333333336" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
       @
-    </text>\n<text x="112.4" y="41.333333333333336" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="112.4" y="41.333333333333336" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
       2
-    </text>\n<text x="67.6" y="78.66666666666666" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="67.6" y="78.66666666666666" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
       f2
     </text>
-  </g>\n<g transform="">
+  </g>
+  <g transform="">
     <rect width="56px" height="56px" x="62" y="92" rx="5" fill="#ffffff" stroke="#000000" stroke-width="1.5px">
-    </rect>\n<text x="90" y="120" textLength="28px" fill="black" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
+    </rect>
+    <text x="90" y="120" textLength="28px" fill="black" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
       R
-    </text>\n<text x="71.33333333333333" y="101.33333333333333" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="67.6" y="101.33333333333333" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
       {
-    </text>\n<text x="112.4" y="101.33333333333333" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="112.4" y="101.33333333333333" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
       7
-    </text>\n<text x="67.6" y="138.66666666666666" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="67.6" y="138.66666666666666" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
       f7
     </text>
-  </g>\n<g transform="">
+  </g>
+  <g transform="">
     <rect width="56px" height="56px" x="62" y="152" rx="5" fill="#ffffff" stroke="#000000" stroke-width="1.5px">
-    </rect>\n<text x="90" y="180" textLength="28px" fill="black" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
+    </rect>
+    <text x="90" y="180" textLength="28px" fill="black" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
       C
-    </text>\n<text x="71.33333333333333" y="161.33333333333334" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="67.6" y="161.33333333333334" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
       }
-    </text>\n<text x="112.4" y="161.33333333333334" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
-    </text>\n<text x="67.6" y="198.66666666666666" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="112.4" y="161.33333333333334" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="67.6" y="198.66666666666666" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
       f12
     </text>
-  </g>\n<g transform="">
+  </g>
+  <g transform="">
     <rect width="56px" height="56px" x="122" y="2" rx="5" fill="#ffffff" stroke="#000000" stroke-width="1.5px">
-    </rect>\n<text x="150" y="30" textLength="28px" fill="black" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
+    </rect>
+    <text x="150" y="30" textLength="28px" fill="black" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
       F
-    </text>\n<text x="131.33333333333334" y="11.333333333333334" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="127.6" y="11.333333333333334" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
       #
-    </text>\n<text x="172.4" y="11.333333333333334" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="172.4" y="11.333333333333334" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
       3
-    </text>\n<text x="127.6" y="48.666666666666664" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="127.6" y="48.666666666666664" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
       f3
     </text>
-  </g>\n<g transform="">
+  </g>
+  <g transform="">
     <rect width="56px" height="56px" x="122" y="62" rx="5" fill="#ffffff" stroke="#000000" stroke-width="1.5px">
-    </rect>\n<text x="150" y="90" textLength="28px" fill="black" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
+    </rect>
+    <text x="150" y="90" textLength="28px" fill="black" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
       S
-    </text>\n<text x="131.33333333333334" y="71.33333333333333" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="127.6" y="71.33333333333333" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
       [
-    </text>\n<text x="172.4" y="71.33333333333333" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="172.4" y="71.33333333333333" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
       8
-    </text>\n<text x="127.6" y="108.66666666666666" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="127.6" y="108.66666666666666" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
       f8
     </text>
-  </g>\n<g transform="">
+  </g>
+  <g transform="">
     <rect width="56px" height="56px" x="122" y="122" rx="5" fill="#ffffff" stroke="#000000" stroke-width="1.5px">
-    </rect>\n<text x="150" y="150" textLength="28px" fill="black" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
+    </rect>
+    <text x="150" y="150" textLength="28px" fill="black" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
       D
-    </text>\n<text x="131.33333333333334" y="131.33333333333334" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
-      ]
-    </text>\n<text x="172.4" y="131.33333333333334" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
-    </text>\n<text x="127.6" y="168.66666666666666" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
     </text>
-  </g>\n<g transform="">
+    <text x="127.6" y="131.33333333333334" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+      ]
+    </text>
+    <text x="172.4" y="131.33333333333334" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="127.6" y="168.66666666666666" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+    </text>
+  </g>
+  <g transform="">
     <rect width="56px" height="56px" x="182" y="32" rx="5" fill="#ffffff" stroke="#000000" stroke-width="1.5px">
-    </rect>\n<text x="210" y="60" textLength="28px" fill="black" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
+    </rect>
+    <text x="210" y="60" textLength="28px" fill="black" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
       P
-    </text>\n<text x="191.33333333333334" y="41.333333333333336" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="187.6" y="41.333333333333336" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
       $
-    </text>\n<text x="232.4" y="41.333333333333336" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="232.4" y="41.333333333333336" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
       4
-    </text>\n<text x="187.6" y="78.66666666666666" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="187.6" y="78.66666666666666" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
       f4
     </text>
-  </g>\n<g transform="">
+  </g>
+  <g transform="">
     <rect width="56px" height="56px" x="182" y="92" rx="5" fill="#ffffff" stroke="#000000" stroke-width="1.5px">
-    </rect>\n<text x="210" y="120" textLength="28px" fill="black" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
+    </rect>
+    <text x="210" y="120" textLength="28px" fill="black" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
       T
-    </text>\n<text x="191.33333333333334" y="101.33333333333333" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="187.6" y="101.33333333333333" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
       (
-    </text>\n<text x="232.4" y="101.33333333333333" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="232.4" y="101.33333333333333" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
       9
-    </text>\n<text x="187.6" y="138.66666666666666" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="187.6" y="138.66666666666666" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
       f9
     </text>
-  </g>\n<g transform="">
+  </g>
+  <g transform="">
     <rect width="56px" height="56px" x="182" y="152" rx="5" fill="#ffffff" stroke="#000000" stroke-width="1.5px">
-    </rect>\n<text x="210" y="180" textLength="28px" fill="black" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
+    </rect>
+    <text x="210" y="180" textLength="28px" fill="black" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
       V
-    </text>\n<text x="191.33333333333334" y="161.33333333333334" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
-      )
-    </text>\n<text x="232.4" y="161.33333333333334" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
-    </text>\n<text x="187.6" y="198.66666666666666" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
     </text>
-  </g>\n<g transform="">
+    <text x="187.6" y="161.33333333333334" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+      )
+    </text>
+    <text x="232.4" y="161.33333333333334" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="187.6" y="198.66666666666666" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+    </text>
+  </g>
+  <g transform="">
     <rect width="56px" height="56px" x="242" y="62" rx="5" fill="#ffffff" stroke="#000000" stroke-width="1.5px">
-    </rect>\n<text x="270" y="90" textLength="28px" fill="black" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
+    </rect>
+    <text x="270" y="90" textLength="28px" fill="black" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
       B
-    </text>\n<text x="251.33333333333334" y="71.33333333333333" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="247.6" y="71.33333333333333" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
       %
-    </text>\n<text x="292.4" y="71.33333333333333" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="292.4" y="71.33333333333333" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
       5
-    </text>\n<text x="247.6" y="108.66666666666666" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="247.6" y="108.66666666666666" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
       f5
     </text>
-  </g>\n<g transform="">
+  </g>
+  <g transform="">
     <rect width="56px" height="56px" x="242" y="122" rx="5" fill="#ffffff" stroke="#000000" stroke-width="1.5px">
-    </rect>\n<text x="270" y="150" textLength="28px" fill="black" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
+    </rect>
+    <text x="270" y="150" textLength="28px" fill="black" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
       G
-    </text>\n<text x="251.33333333333334" y="131.33333333333334" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="247.6" y="131.33333333333334" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
       ?
-    </text>\n<text x="292.4" y="131.33333333333334" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="292.4" y="131.33333333333334" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
       0
-    </text>\n<text x="247.6" y="168.66666666666666" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="247.6" y="168.66666666666666" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
       f10
     </text>
-  </g>\n<g transform="">
+  </g>
+  <g transform="">
     <rect width="56px" height="56px" x="242" y="182" rx="5" fill="#ffffff" stroke="#000000" stroke-width="1.5px">
-    </rect>\n<text x="270" y="210" textLength="28px" fill="black" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
+    </rect>
+    <text x="270" y="210" textLength="28px" fill="black" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
       Z
-    </text>\n<text x="251.33333333333334" y="191.33333333333334" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
-    </text>\n<text x="292.4" y="191.33333333333334" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
-    </text>\n<text x="247.6" y="228.66666666666666" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
     </text>
-  </g>\n<g transform="rotate(15, 240, 300)">
+    <text x="247.6" y="191.33333333333334" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="292.4" y="191.33333333333334" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="247.6" y="228.66666666666666" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+    </text>
+  </g>
+  <g transform="rotate(15, 240, 300)">
     <rect width="56px" height="56px" x="212" y="272" rx="5" fill="#ffffff" stroke="#000000" stroke-width="1.5px">
-    </rect>\n<text x="240" y="300" textLength="28px" fill="red" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
+    </rect>
+    <text x="240" y="300" textLength="28px" fill="red" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
       ■
-    </text>\n<text x="221.33333333333334" y="281.3333333333333" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
-    </text>\n<text x="262.4" y="281.3333333333333" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
-    </text>\n<text x="217.6" y="318.6666666666667" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
     </text>
-  </g>\n<g transform="rotate(15, 297.95554957734413, 315.5291427061512)">
+    <text x="217.6" y="281.3333333333333" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="262.4" y="281.3333333333333" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="217.6" y="318.6666666666667" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+    </text>
+  </g>
+  <g transform="rotate(15, 297.95554957734413, 315.5291427061512)">
     <rect width="56px" height="56px" x="269.95554957734413" y="287.5291427061512" rx="5" fill="#ffffff" stroke="#000000" stroke-width="1.5px">
-    </rect>\n<text x="297.95554957734413" y="315.5291427061512" textLength="28px" fill="black" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
+    </rect>
+    <text x="297.95554957734413" y="315.5291427061512" textLength="28px" fill="black" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
       ␣
-    </text>\n<text x="279.28888291067744" y="296.86247603948453" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
-    </text>\n<text x="320.3555495773441" y="296.86247603948453" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
-    </text>\n<text x="275.55554957734415" y="334.1958093728179" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
     </text>
-  </g>\n<g transform="rotate(-15, 422.04445042265587, 315.5291427061512)">
+    <text x="275.55554957734415" y="296.86247603948453" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="320.3555495773441" y="296.86247603948453" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="275.55554957734415" y="334.1958093728179" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+    </text>
+  </g>
+  <g transform="rotate(-15, 422.04445042265587, 315.5291427061512)">
     <rect width="56px" height="56px" x="394.04445042265587" y="287.5291427061512" rx="5" fill="#ffffff" stroke="#000000" stroke-width="1.5px">
-    </rect>\n<text x="422.04445042265587" y="315.5291427061512" textLength="28px" fill="black" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
+    </rect>
+    <text x="422.04445042265587" y="315.5291427061512" textLength="28px" fill="black" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
       ⇧
-    </text>\n<text x="403.3777837559892" y="296.86247603948453" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
-    </text>\n<text x="444.44445042265585" y="296.86247603948453" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
-    </text>\n<text x="399.6444504226559" y="334.1958093728179" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
     </text>
-  </g>\n<g transform="rotate(-15, 480, 300)">
+    <text x="399.6444504226559" y="296.86247603948453" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="444.44445042265585" y="296.86247603948453" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="399.6444504226559" y="334.1958093728179" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+    </text>
+  </g>
+  <g transform="rotate(-15, 480, 300)">
     <rect width="56px" height="56px" x="452" y="272" rx="5" fill="#ffffff" stroke="#000000" stroke-width="1.5px">
-    </rect>\n<text x="480" y="300" textLength="28px" fill="blue" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
+    </rect>
+    <text x="480" y="300" textLength="28px" fill="blue" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
       ■
-    </text>\n<text x="461.3333333333333" y="281.3333333333333" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
-    </text>\n<text x="502.4" y="281.3333333333333" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
-    </text>\n<text x="457.6" y="318.6666666666667" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
     </text>
-  </g>\n<g transform="">
+    <text x="457.6" y="281.3333333333333" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="502.4" y="281.3333333333333" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="457.6" y="318.6666666666667" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+    </text>
+  </g>
+  <g transform="">
     <rect width="56px" height="56px" x="422" y="62" rx="5" fill="#ffffff" stroke="#000000" stroke-width="1.5px">
-    </rect>\n<text x="450" y="90" textLength="28px" fill="black" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
+    </rect>
+    <text x="450" y="90" textLength="28px" fill="black" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
       J
-    </text>\n<text x="431.3333333333333" y="71.33333333333333" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="427.6" y="71.33333333333333" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
       ^
-    </text>\n<text x="472.4" y="71.33333333333333" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="472.4" y="71.33333333333333" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
       🏠
-    </text>\n<text x="427.6" y="108.66666666666666" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="427.6" y="108.66666666666666" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
       😱
     </text>
-  </g>\n<g transform="">
+  </g>
+  <g transform="">
     <rect width="56px" height="56px" x="422" y="122" rx="5" fill="#ffffff" stroke="#000000" stroke-width="1.5px">
-    </rect>\n<text x="450" y="150" textLength="28px" fill="black" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
+    </rect>
+    <text x="450" y="150" textLength="28px" fill="black" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
       M
-    </text>\n<text x="431.3333333333333" y="131.33333333333334" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="427.6" y="131.33333333333334" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
       -
-    </text>\n<text x="472.4" y="131.33333333333334" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="472.4" y="131.33333333333334" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
       ◄
-    </text>\n<text x="427.6" y="168.66666666666666" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="427.6" y="168.66666666666666" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
       ↩️
     </text>
-  </g>\n<g transform="">
+  </g>
+  <g transform="">
     <rect width="56px" height="56px" x="422" y="182" rx="5" fill="#ffffff" stroke="#000000" stroke-width="1.5px">
-    </rect>\n<text x="450" y="210" textLength="28px" fill="black" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
+    </rect>
+    <text x="450" y="210" textLength="28px" fill="black" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
       K
-    </text>\n<text x="431.3333333333333" y="191.33333333333334" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="427.6" y="191.33333333333334" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
       —
-    </text>\n<text x="472.4" y="191.33333333333334" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
-    </text>\n<text x="427.6" y="228.66666666666666" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="472.4" y="191.33333333333334" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="427.6" y="228.66666666666666" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
       🎮
     </text>
-  </g>\n<g transform="">
+  </g>
+  <g transform="">
     <rect width="56px" height="56px" x="482" y="32" rx="5" fill="#ffffff" stroke="#000000" stroke-width="1.5px">
-    </rect>\n<text x="510" y="60" textLength="28px" fill="black" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
+    </rect>
+    <text x="510" y="60" textLength="28px" fill="black" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
       L
-    </text>\n<text x="491.3333333333333" y="41.333333333333336" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="487.6" y="41.333333333333336" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
       &amp;
-    </text>\n<text x="532.4" y="41.333333333333336" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="532.4" y="41.333333333333336" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
       ⏬
-    </text>\n<text x="487.6" y="78.66666666666666" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="487.6" y="78.66666666666666" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
       copy
     </text>
-  </g>\n<g transform="">
+  </g>
+  <g transform="">
     <rect width="56px" height="56px" x="482" y="92" rx="5" fill="#ffffff" stroke="#000000" stroke-width="1.5px">
-    </rect>\n<text x="510" y="120" textLength="28px" fill="black" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
+    </rect>
+    <text x="510" y="120" textLength="28px" fill="black" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
       N
-    </text>\n<text x="491.3333333333333" y="101.33333333333333" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="487.6" y="101.33333333333333" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
       _
-    </text>\n<text x="532.4" y="101.33333333333333" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="532.4" y="101.33333333333333" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
       ▼
-    </text>\n<text x="487.6" y="138.66666666666666" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="487.6" y="138.66666666666666" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
       📋
     </text>
-  </g>\n<g transform="">
+  </g>
+  <g transform="">
     <rect width="56px" height="56px" x="482" y="152" rx="5" fill="#ffffff" stroke="#000000" stroke-width="1.5px">
-    </rect>\n<text x="510" y="180" textLength="28px" fill="black" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
+    </rect>
+    <text x="510" y="180" textLength="28px" fill="black" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
       H
-    </text>\n<text x="491.3333333333333" y="161.33333333333334" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="487.6" y="161.33333333333334" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
       |
-    </text>\n<text x="532.4" y="161.33333333333334" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
-    </text>\n<text x="487.6" y="198.66666666666666" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="532.4" y="161.33333333333334" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="487.6" y="198.66666666666666" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
       ✂️
     </text>
-  </g>\n<g transform="">
+  </g>
+  <g transform="">
     <rect width="56px" height="56px" x="542" y="2" rx="5" fill="#ffffff" stroke="#000000" stroke-width="1.5px">
-    </rect>\n<text x="570" y="30" textLength="28px" fill="black" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
+    </rect>
+    <text x="570" y="30" textLength="28px" fill="black" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
       U
-    </text>\n<text x="551.3333333333334" y="11.333333333333334" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="547.6" y="11.333333333333334" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
       *
-    </text>\n<text x="592.4" y="11.333333333333334" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="592.4" y="11.333333333333334" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
       ⏫
-    </text>\n<text x="547.6" y="48.666666666666664" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="547.6" y="48.666666666666664" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
       ⏩
     </text>
-  </g>\n<g transform="">
+  </g>
+  <g transform="">
     <rect width="56px" height="56px" x="542" y="62" rx="5" fill="#ffffff" stroke="#000000" stroke-width="1.5px">
-    </rect>\n<text x="570" y="90" textLength="28px" fill="black" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
+    </rect>
+    <text x="570" y="90" textLength="28px" fill="black" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
       E
-    </text>\n<text x="551.3333333333334" y="71.33333333333333" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="547.6" y="71.33333333333333" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
       /
-    </text>\n<text x="592.4" y="71.33333333333333" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="592.4" y="71.33333333333333" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
       ▲
-    </text>\n<text x="547.6" y="108.66666666666666" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="547.6" y="108.66666666666666" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
       ⏯️
     </text>
-  </g>\n<g transform="">
+  </g>
+  <g transform="">
     <rect width="56px" height="56px" x="542" y="122" rx="5" fill="#ffffff" stroke="#000000" stroke-width="1.5px">
-    </rect>\n<text x="570" y="150" textLength="28px" fill="black" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
+    </rect>
+    <text x="570" y="150" textLength="28px" fill="black" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
       ,
-    </text>\n<text x="551.3333333333334" y="131.33333333333334" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="547.6" y="131.33333333333334" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
       \
-    </text>\n<text x="592.4" y="131.33333333333334" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
-    </text>\n<text x="547.6" y="168.66666666666666" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="592.4" y="131.33333333333334" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="547.6" y="168.66666666666666" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
       ⏪
     </text>
-  </g>\n<g transform="">
+  </g>
+  <g transform="">
     <rect width="56px" height="56px" x="602" y="32" rx="5" fill="#ffffff" stroke="#000000" stroke-width="1.5px">
-    </rect>\n<text x="630" y="60" textLength="28px" fill="black" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
+    </rect>
+    <text x="630" y="60" textLength="28px" fill="black" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
       Y
-    </text>\n<text x="611.3333333333334" y="41.333333333333336" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="607.6" y="41.333333333333336" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
       ~
-    </text>\n<text x="652.4" y="41.333333333333336" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="652.4" y="41.333333333333336" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
       end
-    </text>\n<text x="607.6" y="78.66666666666666" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="607.6" y="78.66666666666666" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
       🔊
     </text>
-  </g>\n<g transform="">
+  </g>
+  <g transform="">
     <rect width="56px" height="56px" x="602" y="92" rx="5" fill="#ffffff" stroke="#000000" stroke-width="1.5px">
-    </rect>\n<text x="630" y="120" textLength="28px" fill="black" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
+    </rect>
+    <text x="630" y="120" textLength="28px" fill="black" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
       I
-    </text>\n<text x="611.3333333333334" y="101.33333333333333" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="607.6" y="101.33333333333333" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
       =
-    </text>\n<text x="652.4" y="101.33333333333333" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="652.4" y="101.33333333333333" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
       ►
-    </text>\n<text x="607.6" y="138.66666666666666" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="607.6" y="138.66666666666666" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
       🔉
     </text>
-  </g>\n<g transform="">
+  </g>
+  <g transform="">
     <rect width="56px" height="56px" x="602" y="152" rx="5" fill="#ffffff" stroke="#000000" stroke-width="1.5px">
-    </rect>\n<text x="630" y="180" textLength="28px" fill="black" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
+    </rect>
+    <text x="630" y="180" textLength="28px" fill="black" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
       .
-    </text>\n<text x="611.3333333333334" y="161.33333333333334" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="607.6" y="161.33333333333334" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
       +
-    </text>\n<text x="652.4" y="161.33333333333334" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
-    </text>\n<text x="607.6" y="198.66666666666666" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="652.4" y="161.33333333333334" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="607.6" y="198.66666666666666" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
       🔇
     </text>
-  </g>\n<g transform="">
+  </g>
+  <g transform="">
     <rect width="56px" height="56px" x="662" y="62" rx="5" fill="#ffffff" stroke="#000000" stroke-width="1.5px">
-    </rect>\n<text x="690" y="90" textLength="28px" fill="black" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
+    </rect>
+    <text x="690" y="90" textLength="28px" fill="black" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
       :
-    </text>\n<text x="671.3333333333334" y="71.33333333333333" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="667.6" y="71.33333333333333" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
       `
-    </text>\n<text x="712.4" y="71.33333333333333" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="712.4" y="71.33333333333333" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
       🗑️
-    </text>\n<text x="667.6" y="108.66666666666666" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="667.6" y="108.66666666666666" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
       🔆
     </text>
-  </g>\n<g transform="">
+  </g>
+  <g transform="">
     <rect width="56px" height="56px" x="662" y="122" rx="5" fill="#ffffff" stroke="#000000" stroke-width="1.5px">
-    </rect>\n<text x="690" y="150" textLength="28px" fill="black" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
+    </rect>
+    <text x="690" y="150" textLength="28px" fill="black" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
       O
-    </text>\n<text x="671.3333333333334" y="131.33333333333334" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="667.6" y="131.33333333333334" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
       ;
-    </text>\n<text x="712.4" y="131.33333333333334" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
-    </text>\n<text x="667.6" y="168.66666666666666" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="712.4" y="131.33333333333334" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="667.6" y="168.66666666666666" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
       🔅
     </text>
-  </g>\n<g transform="">
+  </g>
+  <g transform="">
     <rect width="56px" height="56px" x="662" y="182" rx="5" fill="#ffffff" stroke="#000000" stroke-width="1.5px">
-    </rect>\n<text x="690" y="210" textLength="28px" fill="black" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
+    </rect>
+    <text x="690" y="210" textLength="28px" fill="black" text-anchor="middle" dominant-baseline="central" font-family="Helvetica">
       '
-    </text>\n<text x="671.3333333333334" y="191.33333333333334" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
-      "
-    </text>\n<text x="712.4" y="191.33333333333334" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
-    </text>\n<text x="667.6" y="228.66666666666666" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
     </text>
-  </g>\n<g transform="translate(0 370)">
+    <text x="667.6" y="191.33333333333334" fill="blue" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+      "
+    </text>
+    <text x="712.4" y="191.33333333333334" fill="red" font-size="66%" text-anchor="end" dominant-baseline="central" font-family="Helvetica">
+    </text>
+    <text x="667.6" y="228.66666666666666" fill="purple" font-size="66%" text-anchor="start" dominant-baseline="central" font-family="Helvetica">
+    </text>
+  </g>
+  <g transform="translate(0 370)">
     <g transform="translate(20 20)">
       <g transform="">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="0.8888888888888888" y="27.555555555555554" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n\n<g transform="">
+      </g>
+      
+      <g transform="">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="0.8888888888888888" y="80.88888888888889" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="27.555555555555554" y="14.222222222222221" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n\n<g transform="">
+      </g>
+      
+      <g transform="">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="27.555555555555554" y="67.55555555555554" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="54.222222222222214" y="0.8888888888888888" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n\n<g transform="">
+      </g>
+      
+      <g transform="">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="54.222222222222214" y="54.222222222222214" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="80.88888888888889" y="14.222222222222221" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n\n<g transform="">
+      </g>
+      
+      <g transform="">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="80.88888888888889" y="67.55555555555554" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="107.55555555555554" y="27.555555555555554" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n\n<g transform="">
+      </g>
+      
+      <g transform="">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="107.55555555555554" y="80.88888888888889" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="rotate(15, 106.66666666666666, 133.33333333333331)">
+      </g>
+      <g transform="rotate(15, 106.66666666666666, 133.33333333333331)">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="94.22222222222221" y="120.88888888888887" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="rotate(15, 132.42468870104182, 140.2351745360672)">
+      </g>
+      <g transform="rotate(15, 132.42468870104182, 140.2351745360672)">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="119.98024425659737" y="127.79073009162276" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="rotate(-15, 187.57531129895816, 140.2351745360672)">
+      </g>
+      <g transform="rotate(-15, 187.57531129895816, 140.2351745360672)">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="175.1308668545137" y="127.79073009162276" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="rotate(-15, 213.33333333333331, 133.33333333333331)">
+      </g>
+      <g transform="rotate(-15, 213.33333333333331, 133.33333333333331)">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="200.88888888888886" y="120.88888888888887" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="187.55555555555554" y="27.555555555555554" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n\n<g transform="">
+      </g>
+      
+      <g transform="">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="187.55555555555554" y="80.88888888888889" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="214.2222222222222" y="14.222222222222221" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n\n<g transform="">
+      </g>
+      
+      <g transform="">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="214.2222222222222" y="67.55555555555554" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="240.88888888888886" y="0.8888888888888888" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n\n<g transform="">
+      </g>
+      
+      <g transform="">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="240.88888888888886" y="54.222222222222214" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="267.55555555555554" y="14.222222222222221" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n\n<g transform="">
+      </g>
+      
+      <g transform="">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="267.55555555555554" y="67.55555555555554" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="294.22222222222223" y="27.555555555555554" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n\n<g transform="">
+      </g>
+      
+      <g transform="">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="294.22222222222223" y="80.88888888888889" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g>
+      </g>
+      <g>
         <path fill="#39f785" stroke="undefined" stroke-width="0.6666666666666666px" d="M 0.8888888888888888 54.222222222222214 L 27.555555555555554 40.888888888888886 L 52.44444444444444 40.888888888888886 L 52.44444444444444 65.77777777777777 L 25.777777777777775 79.1111111111111 L 0.8888888888888888 79.1111111111111 Z">
-        </path>\n<circle cx="13.333333333333332" cy="66.66666666666666" r="3.318518518518518" fill="gray" stroke="gray" fill-opacity="0.3" stroke-opacity="0.7" stroke-width="0.6666666666666666px" stroke-dasharray="1.7375722330965766">
-        </circle>\n<circle cx="40" cy="53.33333333333333" r="3.318518518518518" fill="gray" stroke="gray" fill-opacity="0.3" stroke-opacity="0.7" stroke-width="0.6666666666666666px" stroke-dasharray="1.7375722330965766">
-        </circle>\n<text x="26.666666666666664" y="59.99999999999999" font-size="70%" fill="black" text-anchor="middle" dominant-baseline="middle" font-family="Helvetica">
+        </path>
+        <circle cx="13.333333333333332" cy="66.66666666666666" r="3.318518518518518" fill="gray" stroke="gray" fill-opacity="0.3" stroke-opacity="0.7" stroke-width="0.6666666666666666px" stroke-dasharray="1.7375722330965766">
+        </circle>
+        <circle cx="40" cy="53.33333333333333" r="3.318518518518518" fill="gray" stroke="gray" fill-opacity="0.3" stroke-opacity="0.7" stroke-width="0.6666666666666666px" stroke-dasharray="1.7375722330965766">
+        </circle>
+        <text x="26.666666666666664" y="59.99999999999999" font-size="70%" fill="black" text-anchor="middle" dominant-baseline="middle" font-family="Helvetica">
           ⌥
         </text>
-      </g>\n<g>
+      </g>
+      <g>
         <path fill="#fdff80" stroke="undefined" stroke-width="0.6666666666666666px" d="M 54.222222222222214 27.555555555555554 L 79.1111111111111 27.555555555555554 L 105.77777777777777 40.888888888888886 L 105.77777777777777 65.77777777777777 L 80.88888888888889 65.77777777777777 L 54.222222222222214 52.44444444444444 Z">
-        </path>\n<circle cx="66.66666666666666" cy="40" r="3.318518518518518" fill="gray" stroke="gray" fill-opacity="0.3" stroke-opacity="0.7" stroke-width="0.6666666666666666px" stroke-dasharray="1.7375722330965766">
-        </circle>\n<circle cx="93.33333333333333" cy="53.33333333333333" r="3.318518518518518" fill="gray" stroke="gray" fill-opacity="0.3" stroke-opacity="0.7" stroke-width="0.6666666666666666px" stroke-dasharray="1.7375722330965766">
-        </circle>\n<text x="80" y="46.666666666666664" font-size="56%" fill="black" text-anchor="middle" dominant-baseline="middle" font-family="Helvetica">
+        </path>
+        <circle cx="66.66666666666666" cy="40" r="3.318518518518518" fill="gray" stroke="gray" fill-opacity="0.3" stroke-opacity="0.7" stroke-width="0.6666666666666666px" stroke-dasharray="1.7375722330965766">
+        </circle>
+        <circle cx="93.33333333333333" cy="53.33333333333333" r="3.318518518518518" fill="gray" stroke="gray" fill-opacity="0.3" stroke-opacity="0.7" stroke-width="0.6666666666666666px" stroke-dasharray="1.7375722330965766">
+        </circle>
+        <text x="80" y="46.666666666666664" font-size="56%" fill="black" text-anchor="middle" dominant-baseline="middle" font-family="Helvetica">
           ⭾
         </text>
-      </g>\n<g>
+      </g>
+      <g>
         <path fill="#f9adff" stroke="undefined" stroke-width="0.6666666666666666px" d="M 107.55555555555554 54.222222222222214 L 187.55555555555554 54.222222222222214 L 212.44444444444443 54.222222222222214 L 212.44444444444443 79.1111111111111 L 132.44444444444443 79.1111111111111 L 107.55555555555554 79.1111111111111 Z">
-        </path>\n<circle cx="119.99999999999999" cy="66.66666666666666" r="3.318518518518518" fill="gray" stroke="gray" fill-opacity="0.3" stroke-opacity="0.7" stroke-width="0.6666666666666666px" stroke-dasharray="1.7375722330965766">
-        </circle>\n<circle cx="200" cy="66.66666666666666" r="3.318518518518518" fill="gray" stroke="gray" fill-opacity="0.3" stroke-opacity="0.7" stroke-width="0.6666666666666666px" stroke-dasharray="1.7375722330965766">
-        </circle>\n<text x="160" y="66.66666666666666" font-size="70%" fill="black" text-anchor="middle" dominant-baseline="middle" font-family="Helvetica">
+        </path>
+        <circle cx="119.99999999999999" cy="66.66666666666666" r="3.318518518518518" fill="gray" stroke="gray" fill-opacity="0.3" stroke-opacity="0.7" stroke-width="0.6666666666666666px" stroke-dasharray="1.7375722330965766">
+        </circle>
+        <circle cx="200" cy="66.66666666666666" r="3.318518518518518" fill="gray" stroke="gray" fill-opacity="0.3" stroke-opacity="0.7" stroke-width="0.6666666666666666px" stroke-dasharray="1.7375722330965766">
+        </circle>
+        <text x="160" y="66.66666666666666" font-size="70%" fill="black" text-anchor="middle" dominant-baseline="middle" font-family="Helvetica">
           ⌫
         </text>
-      </g>\n<g>
+      </g>
+      <g>
         <path fill="#f58e8e" stroke="undefined" stroke-width="0.6666666666666666px" d="M 214.2222222222222 40.888888888888886 L 240.88888888888886 27.555555555555554 L 265.7777777777777 27.555555555555554 L 265.7777777777777 52.44444444444444 L 239.1111111111111 65.77777777777777 L 214.2222222222222 65.77777777777777 Z">
-        </path>\n<circle cx="226.66666666666666" cy="53.33333333333333" r="3.318518518518518" fill="gray" stroke="gray" fill-opacity="0.3" stroke-opacity="0.7" stroke-width="0.6666666666666666px" stroke-dasharray="1.7375722330965766">
-        </circle>\n<circle cx="253.33333333333331" cy="40" r="3.318518518518518" fill="gray" stroke="gray" fill-opacity="0.3" stroke-opacity="0.7" stroke-width="0.6666666666666666px" stroke-dasharray="1.7375722330965766">
-        </circle>\n<text x="240" y="46.666666666666664" font-size="70%" fill="black" text-anchor="middle" dominant-baseline="middle" font-family="Helvetica">
+        </path>
+        <circle cx="226.66666666666666" cy="53.33333333333333" r="3.318518518518518" fill="gray" stroke="gray" fill-opacity="0.3" stroke-opacity="0.7" stroke-width="0.6666666666666666px" stroke-dasharray="1.7375722330965766">
+        </circle>
+        <circle cx="253.33333333333331" cy="40" r="3.318518518518518" fill="gray" stroke="gray" fill-opacity="0.3" stroke-opacity="0.7" stroke-width="0.6666666666666666px" stroke-dasharray="1.7375722330965766">
+        </circle>
+        <text x="240" y="46.666666666666664" font-size="70%" fill="black" text-anchor="middle" dominant-baseline="middle" font-family="Helvetica">
           ⊥
         </text>
-      </g>\n<g>
+      </g>
+      <g>
         <path fill="#39f785" stroke="undefined" stroke-width="0.6666666666666666px" d="M 267.55555555555554 40.888888888888886 L 292.44444444444446 40.888888888888886 L 319.1111111111111 54.222222222222214 L 319.1111111111111 79.1111111111111 L 294.22222222222223 79.1111111111111 L 267.55555555555554 65.77777777777777 Z">
-        </path>\n<circle cx="279.99999999999994" cy="53.33333333333333" r="3.318518518518518" fill="gray" stroke="gray" fill-opacity="0.3" stroke-opacity="0.7" stroke-width="0.6666666666666666px" stroke-dasharray="1.7375722330965766">
-        </circle>\n<circle cx="306.66666666666663" cy="66.66666666666666" r="3.318518518518518" fill="gray" stroke="gray" fill-opacity="0.3" stroke-opacity="0.7" stroke-width="0.6666666666666666px" stroke-dasharray="1.7375722330965766">
-        </circle>\n<text x="293.33333333333326" y="59.99999999999999" font-size="70%" fill="black" text-anchor="middle" dominant-baseline="middle" font-family="Helvetica">
+        </path>
+        <circle cx="279.99999999999994" cy="53.33333333333333" r="3.318518518518518" fill="gray" stroke="gray" fill-opacity="0.3" stroke-opacity="0.7" stroke-width="0.6666666666666666px" stroke-dasharray="1.7375722330965766">
+        </circle>
+        <circle cx="306.66666666666663" cy="66.66666666666666" r="3.318518518518518" fill="gray" stroke="gray" fill-opacity="0.3" stroke-opacity="0.7" stroke-width="0.6666666666666666px" stroke-dasharray="1.7375722330965766">
+        </circle>
+        <text x="293.33333333333326" y="59.99999999999999" font-size="70%" fill="black" text-anchor="middle" dominant-baseline="middle" font-family="Helvetica">
           ⌥
         </text>
       </g>
-    </g>\n<g transform="translate(380 20)">
+    </g>
+    <g transform="translate(380 20)">
       <g transform="">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="0.8888888888888888" y="27.555555555555554" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="0.8888888888888888" y="54.222222222222214" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="0.8888888888888888" y="80.88888888888889" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="27.555555555555554" y="14.222222222222221" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n\n<g transform="">
+      </g>
+      
+      <g transform="">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="27.555555555555554" y="67.55555555555554" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="54.222222222222214" y="0.8888888888888888" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n\n<g transform="">
+      </g>
+      
+      <g transform="">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="54.222222222222214" y="54.222222222222214" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="80.88888888888889" y="14.222222222222221" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="80.88888888888889" y="40.888888888888886" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="80.88888888888889" y="67.55555555555554" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="107.55555555555554" y="27.555555555555554" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="107.55555555555554" y="54.222222222222214" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="107.55555555555554" y="80.88888888888889" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="rotate(15, 106.66666666666666, 133.33333333333331)">
+      </g>
+      <g transform="rotate(15, 106.66666666666666, 133.33333333333331)">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="94.22222222222221" y="120.88888888888887" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="rotate(15, 132.42468870104182, 140.2351745360672)">
+      </g>
+      <g transform="rotate(15, 132.42468870104182, 140.2351745360672)">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="119.98024425659737" y="127.79073009162276" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="rotate(-15, 187.57531129895816, 140.2351745360672)">
+      </g>
+      <g transform="rotate(-15, 187.57531129895816, 140.2351745360672)">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="175.1308668545137" y="127.79073009162276" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="rotate(-15, 213.33333333333331, 133.33333333333331)">
+      </g>
+      <g transform="rotate(-15, 213.33333333333331, 133.33333333333331)">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="200.88888888888886" y="120.88888888888887" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="187.55555555555554" y="27.555555555555554" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="187.55555555555554" y="54.222222222222214" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="187.55555555555554" y="80.88888888888889" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="214.2222222222222" y="14.222222222222221" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="214.2222222222222" y="40.888888888888886" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="214.2222222222222" y="67.55555555555554" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="240.88888888888886" y="0.8888888888888888" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n\n<g transform="">
+      </g>
+      
+      <g transform="">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="240.88888888888886" y="54.222222222222214" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="267.55555555555554" y="14.222222222222221" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n\n<g transform="">
+      </g>
+      
+      <g transform="">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="267.55555555555554" y="67.55555555555554" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="294.22222222222223" y="27.555555555555554" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="294.22222222222223" y="54.222222222222214" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="294.22222222222223" y="80.88888888888889" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g>
+      </g>
+      <g>
         <path fill="#f9adff" stroke="undefined" stroke-width="0.6666666666666666px" d="M 27.555555555555554 40.888888888888886 L 54.222222222222214 27.555555555555554 L 79.1111111111111 27.555555555555554 L 79.1111111111111 52.44444444444444 L 52.44444444444444 65.77777777777777 L 27.555555555555554 65.77777777777777 Z">
-        </path>\n<circle cx="40" cy="53.33333333333333" r="3.318518518518518" fill="gray" stroke="gray" fill-opacity="0.3" stroke-opacity="0.7" stroke-width="0.6666666666666666px" stroke-dasharray="1.7375722330965766">
-        </circle>\n<circle cx="66.66666666666666" cy="40" r="3.318518518518518" fill="gray" stroke="gray" fill-opacity="0.3" stroke-opacity="0.7" stroke-width="0.6666666666666666px" stroke-dasharray="1.7375722330965766">
-        </circle>\n<text x="53.33333333333333" y="46.666666666666664" font-size="70%" fill="black" text-anchor="middle" dominant-baseline="middle" font-family="Helvetica">
-          ⇧
-        </text>
-      </g>\n<g>
-        <path fill="#f9adff" stroke="undefined" stroke-width="0.6666666666666666px" d="M 240.88888888888886 27.555555555555554 L 265.7777777777777 27.555555555555554 L 292.44444444444446 40.888888888888886 L 292.44444444444446 65.77777777777777 L 267.55555555555554 65.77777777777777 L 240.88888888888886 52.44444444444444 Z">
-        </path>\n<circle cx="253.33333333333331" cy="40" r="3.318518518518518" fill="gray" stroke="gray" fill-opacity="0.3" stroke-opacity="0.7" stroke-width="0.6666666666666666px" stroke-dasharray="1.7375722330965766">
-        </circle>\n<circle cx="279.99999999999994" cy="53.33333333333333" r="3.318518518518518" fill="gray" stroke="gray" fill-opacity="0.3" stroke-opacity="0.7" stroke-width="0.6666666666666666px" stroke-dasharray="1.7375722330965766">
-        </circle>\n<text x="266.66666666666663" y="46.666666666666664" font-size="70%" fill="black" text-anchor="middle" dominant-baseline="middle" font-family="Helvetica">
+        </path>
+        <circle cx="40" cy="53.33333333333333" r="3.318518518518518" fill="gray" stroke="gray" fill-opacity="0.3" stroke-opacity="0.7" stroke-width="0.6666666666666666px" stroke-dasharray="1.7375722330965766">
+        </circle>
+        <circle cx="66.66666666666666" cy="40" r="3.318518518518518" fill="gray" stroke="gray" fill-opacity="0.3" stroke-opacity="0.7" stroke-width="0.6666666666666666px" stroke-dasharray="1.7375722330965766">
+        </circle>
+        <text x="53.33333333333333" y="46.666666666666664" font-size="70%" fill="black" text-anchor="middle" dominant-baseline="middle" font-family="Helvetica">
           ⇧
         </text>
       </g>
-    </g>\n<g transform="translate(20 200)">
+      <g>
+        <path fill="#f9adff" stroke="undefined" stroke-width="0.6666666666666666px" d="M 240.88888888888886 27.555555555555554 L 265.7777777777777 27.555555555555554 L 292.44444444444446 40.888888888888886 L 292.44444444444446 65.77777777777777 L 267.55555555555554 65.77777777777777 L 240.88888888888886 52.44444444444444 Z">
+        </path>
+        <circle cx="253.33333333333331" cy="40" r="3.318518518518518" fill="gray" stroke="gray" fill-opacity="0.3" stroke-opacity="0.7" stroke-width="0.6666666666666666px" stroke-dasharray="1.7375722330965766">
+        </circle>
+        <circle cx="279.99999999999994" cy="53.33333333333333" r="3.318518518518518" fill="gray" stroke="gray" fill-opacity="0.3" stroke-opacity="0.7" stroke-width="0.6666666666666666px" stroke-dasharray="1.7375722330965766">
+        </circle>
+        <text x="266.66666666666663" y="46.666666666666664" font-size="70%" fill="black" text-anchor="middle" dominant-baseline="middle" font-family="Helvetica">
+          ⇧
+        </text>
+      </g>
+    </g>
+    <g transform="translate(20 200)">
       <g transform="">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="0.8888888888888888" y="27.555555555555554" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="0.8888888888888888" y="54.222222222222214" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="0.8888888888888888" y="80.88888888888889" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="27.555555555555554" y="14.222222222222221" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n\n<g transform="">
+      </g>
+      
+      <g transform="">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="27.555555555555554" y="67.55555555555554" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="54.222222222222214" y="0.8888888888888888" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="54.222222222222214" y="27.555555555555554" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="54.222222222222214" y="54.222222222222214" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="80.88888888888889" y="14.222222222222221" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n\n<g transform="">
+      </g>
+      
+      <g transform="">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="80.88888888888889" y="67.55555555555554" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="107.55555555555554" y="27.555555555555554" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="107.55555555555554" y="54.222222222222214" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="107.55555555555554" y="80.88888888888889" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="rotate(15, 106.66666666666666, 133.33333333333331)">
+      </g>
+      <g transform="rotate(15, 106.66666666666666, 133.33333333333331)">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="94.22222222222221" y="120.88888888888887" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="rotate(15, 132.42468870104182, 140.2351745360672)">
+      </g>
+      <g transform="rotate(15, 132.42468870104182, 140.2351745360672)">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="119.98024425659737" y="127.79073009162276" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="rotate(-15, 187.57531129895816, 140.2351745360672)">
+      </g>
+      <g transform="rotate(-15, 187.57531129895816, 140.2351745360672)">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="175.1308668545137" y="127.79073009162276" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="rotate(-15, 213.33333333333331, 133.33333333333331)">
+      </g>
+      <g transform="rotate(-15, 213.33333333333331, 133.33333333333331)">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="200.88888888888886" y="120.88888888888887" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="187.55555555555554" y="27.555555555555554" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="187.55555555555554" y="54.222222222222214" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="187.55555555555554" y="80.88888888888889" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="214.2222222222222" y="14.222222222222221" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n\n<g transform="">
+      </g>
+      
+      <g transform="">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="214.2222222222222" y="67.55555555555554" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="240.88888888888886" y="0.8888888888888888" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="240.88888888888886" y="27.555555555555554" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="240.88888888888886" y="54.222222222222214" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="267.55555555555554" y="14.222222222222221" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n\n<g transform="">
+      </g>
+      
+      <g transform="">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="267.55555555555554" y="67.55555555555554" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="294.22222222222223" y="27.555555555555554" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="294.22222222222223" y="54.222222222222214" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="294.22222222222223" y="80.88888888888889" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g>
+      </g>
+      <g>
         <path fill="#fdff80" stroke="undefined" stroke-width="0.6666666666666666px" d="M 27.555555555555554 40.888888888888886 L 80.88888888888889 40.888888888888886 L 105.77777777777777 40.888888888888886 L 105.77777777777777 65.77777777777777 L 52.44444444444444 65.77777777777777 L 27.555555555555554 65.77777777777777 Z">
-        </path>\n<circle cx="40" cy="53.33333333333333" r="3.318518518518518" fill="gray" stroke="gray" fill-opacity="0.3" stroke-opacity="0.7" stroke-width="0.6666666666666666px" stroke-dasharray="1.7375722330965766">
-        </circle>\n<circle cx="93.33333333333333" cy="53.33333333333333" r="3.318518518518518" fill="gray" stroke="gray" fill-opacity="0.3" stroke-opacity="0.7" stroke-width="0.6666666666666666px" stroke-dasharray="1.7375722330965766">
-        </circle>\n<text x="66.66666666666666" y="53.33333333333333" font-size="70%" fill="black" text-anchor="middle" dominant-baseline="middle" font-family="Helvetica">
-          ctrl
-        </text>
-      </g>\n<g>
-        <path fill="#fdff80" stroke="undefined" stroke-width="0.6666666666666666px" d="M 214.2222222222222 40.888888888888886 L 267.55555555555554 40.888888888888886 L 292.44444444444446 40.888888888888886 L 292.44444444444446 65.77777777777777 L 239.1111111111111 65.77777777777777 L 214.2222222222222 65.77777777777777 Z">
-        </path>\n<circle cx="226.66666666666666" cy="53.33333333333333" r="3.318518518518518" fill="gray" stroke="gray" fill-opacity="0.3" stroke-opacity="0.7" stroke-width="0.6666666666666666px" stroke-dasharray="1.7375722330965766">
-        </circle>\n<circle cx="279.99999999999994" cy="53.33333333333333" r="3.318518518518518" fill="gray" stroke="gray" fill-opacity="0.3" stroke-opacity="0.7" stroke-width="0.6666666666666666px" stroke-dasharray="1.7375722330965766">
-        </circle>\n<text x="253.33333333333331" y="53.33333333333333" font-size="70%" fill="black" text-anchor="middle" dominant-baseline="middle" font-family="Helvetica">
+        </path>
+        <circle cx="40" cy="53.33333333333333" r="3.318518518518518" fill="gray" stroke="gray" fill-opacity="0.3" stroke-opacity="0.7" stroke-width="0.6666666666666666px" stroke-dasharray="1.7375722330965766">
+        </circle>
+        <circle cx="93.33333333333333" cy="53.33333333333333" r="3.318518518518518" fill="gray" stroke="gray" fill-opacity="0.3" stroke-opacity="0.7" stroke-width="0.6666666666666666px" stroke-dasharray="1.7375722330965766">
+        </circle>
+        <text x="66.66666666666666" y="53.33333333333333" font-size="70%" fill="black" text-anchor="middle" dominant-baseline="middle" font-family="Helvetica">
           ctrl
         </text>
       </g>
-    </g>\n<g transform="translate(380 200)">
-      \n<g transform="">
+      <g>
+        <path fill="#fdff80" stroke="undefined" stroke-width="0.6666666666666666px" d="M 214.2222222222222 40.888888888888886 L 267.55555555555554 40.888888888888886 L 292.44444444444446 40.888888888888886 L 292.44444444444446 65.77777777777777 L 239.1111111111111 65.77777777777777 L 214.2222222222222 65.77777777777777 Z">
+        </path>
+        <circle cx="226.66666666666666" cy="53.33333333333333" r="3.318518518518518" fill="gray" stroke="gray" fill-opacity="0.3" stroke-opacity="0.7" stroke-width="0.6666666666666666px" stroke-dasharray="1.7375722330965766">
+        </circle>
+        <circle cx="279.99999999999994" cy="53.33333333333333" r="3.318518518518518" fill="gray" stroke="gray" fill-opacity="0.3" stroke-opacity="0.7" stroke-width="0.6666666666666666px" stroke-dasharray="1.7375722330965766">
+        </circle>
+        <text x="253.33333333333331" y="53.33333333333333" font-size="70%" fill="black" text-anchor="middle" dominant-baseline="middle" font-family="Helvetica">
+          ctrl
+        </text>
+      </g>
+    </g>
+    <g transform="translate(380 200)">
+      
+      <g transform="">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="0.8888888888888888" y="54.222222222222214" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="0.8888888888888888" y="80.88888888888889" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n\n<g transform="">
+      </g>
+      
+      <g transform="">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="27.555555555555554" y="40.888888888888886" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n\n<g transform="">
+      </g>
+      
+      <g transform="">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="54.222222222222214" y="0.8888888888888888" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="54.222222222222214" y="27.555555555555554" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="54.222222222222214" y="54.222222222222214" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n\n<g transform="">
+      </g>
+      
+      <g transform="">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="80.88888888888889" y="40.888888888888886" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="80.88888888888889" y="67.55555555555554" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="107.55555555555554" y="27.555555555555554" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="107.55555555555554" y="54.222222222222214" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="107.55555555555554" y="80.88888888888889" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="rotate(15, 106.66666666666666, 133.33333333333331)">
+      </g>
+      <g transform="rotate(15, 106.66666666666666, 133.33333333333331)">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="94.22222222222221" y="120.88888888888887" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="rotate(15, 132.42468870104182, 140.2351745360672)">
+      </g>
+      <g transform="rotate(15, 132.42468870104182, 140.2351745360672)">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="119.98024425659737" y="127.79073009162276" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="rotate(-15, 187.57531129895816, 140.2351745360672)">
+      </g>
+      <g transform="rotate(-15, 187.57531129895816, 140.2351745360672)">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="175.1308668545137" y="127.79073009162276" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="rotate(-15, 213.33333333333331, 133.33333333333331)">
+      </g>
+      <g transform="rotate(-15, 213.33333333333331, 133.33333333333331)">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="200.88888888888886" y="120.88888888888887" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="187.55555555555554" y="27.555555555555554" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="187.55555555555554" y="54.222222222222214" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n\n<g transform="">
+      </g>
+      
+      <g transform="">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="214.2222222222222" y="14.222222222222221" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="214.2222222222222" y="40.888888888888886" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="214.2222222222222" y="67.55555555555554" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="240.88888888888886" y="0.8888888888888888" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="240.88888888888886" y="27.555555555555554" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="240.88888888888886" y="54.222222222222214" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="267.55555555555554" y="14.222222222222221" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n\n<g transform="">
+      </g>
+      
+      <g transform="">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="267.55555555555554" y="67.55555555555554" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="294.22222222222223" y="27.555555555555554" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="294.22222222222223" y="54.222222222222214" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="294.22222222222223" y="80.88888888888889" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g>
+      </g>
+      <g>
         <path fill="#9ccaff" stroke="undefined" stroke-width="0.6666666666666666px" d="M 0.8888888888888888 27.555555555555554 L 27.555555555555554 14.222222222222221 L 52.44444444444444 14.222222222222221 L 52.44444444444444 39.11111111111111 L 25.777777777777775 52.44444444444444 L 0.8888888888888888 52.44444444444444 Z">
-        </path>\n<circle cx="13.333333333333332" cy="40" r="3.318518518518518" fill="gray" stroke="gray" fill-opacity="0.3" stroke-opacity="0.7" stroke-width="0.6666666666666666px" stroke-dasharray="1.7375722330965766">
-        </circle>\n<circle cx="40" cy="26.666666666666664" r="3.318518518518518" fill="gray" stroke="gray" fill-opacity="0.3" stroke-opacity="0.7" stroke-width="0.6666666666666666px" stroke-dasharray="1.7375722330965766">
-        </circle>\n<text x="26.666666666666664" y="33.33333333333333" font-size="70%" fill="black" text-anchor="middle" dominant-baseline="middle" font-family="Helvetica">
+        </path>
+        <circle cx="13.333333333333332" cy="40" r="3.318518518518518" fill="gray" stroke="gray" fill-opacity="0.3" stroke-opacity="0.7" stroke-width="0.6666666666666666px" stroke-dasharray="1.7375722330965766">
+        </circle>
+        <circle cx="40" cy="26.666666666666664" r="3.318518518518518" fill="gray" stroke="gray" fill-opacity="0.3" stroke-opacity="0.7" stroke-width="0.6666666666666666px" stroke-dasharray="1.7375722330965766">
+        </circle>
+        <text x="26.666666666666664" y="33.33333333333333" font-size="70%" fill="black" text-anchor="middle" dominant-baseline="middle" font-family="Helvetica">
           ⎋
         </text>
-      </g>\n<g>
+      </g>
+      <g>
         <path fill="#fdff80" stroke="undefined" stroke-width="0.6666666666666666px" d="M 27.555555555555554 67.55555555555554 L 80.88888888888889 14.222222222222221 L 105.77777777777777 14.222222222222221 L 105.77777777777777 39.11111111111111 L 52.44444444444444 92.44444444444443 L 27.555555555555554 92.44444444444443 Z">
-        </path>\n<circle cx="40" cy="79.99999999999999" r="3.318518518518518" fill="gray" stroke="gray" fill-opacity="0.3" stroke-opacity="0.7" stroke-width="0.6666666666666666px" stroke-dasharray="1.7375722330965766">
-        </circle>\n<circle cx="93.33333333333333" cy="26.666666666666664" r="3.318518518518518" fill="gray" stroke="gray" fill-opacity="0.3" stroke-opacity="0.7" stroke-width="0.6666666666666666px" stroke-dasharray="1.7375722330965766">
-        </circle>\n<text x="66.66666666666666" y="53.33333333333333" font-size="70%" fill="black" text-anchor="middle" dominant-baseline="middle" font-family="Helvetica">
+        </path>
+        <circle cx="40" cy="79.99999999999999" r="3.318518518518518" fill="gray" stroke="gray" fill-opacity="0.3" stroke-opacity="0.7" stroke-width="0.6666666666666666px" stroke-dasharray="1.7375722330965766">
+        </circle>
+        <circle cx="93.33333333333333" cy="26.666666666666664" r="3.318518518518518" fill="gray" stroke="gray" fill-opacity="0.3" stroke-opacity="0.7" stroke-width="0.6666666666666666px" stroke-dasharray="1.7375722330965766">
+        </circle>
+        <text x="66.66666666666666" y="53.33333333333333" font-size="70%" fill="black" text-anchor="middle" dominant-baseline="middle" font-family="Helvetica">
           📋
         </text>
-      </g>\n<g>
+      </g>
+      <g>
         <path fill="#f58e8e" stroke="undefined" stroke-width="0.6666666666666666px" d="M 187.55555555555554 80.88888888888889 L 267.55555555555554 40.888888888888886 L 292.44444444444446 40.888888888888886 L 292.44444444444446 65.77777777777777 L 212.44444444444443 105.77777777777777 L 187.55555555555554 105.77777777777777 Z">
-        </path>\n<circle cx="200" cy="93.33333333333333" r="3.318518518518518" fill="gray" stroke="gray" fill-opacity="0.3" stroke-opacity="0.7" stroke-width="0.6666666666666666px" stroke-dasharray="1.7375722330965766">
-        </circle>\n<circle cx="279.99999999999994" cy="53.33333333333333" r="3.318518518518518" fill="gray" stroke="gray" fill-opacity="0.3" stroke-opacity="0.7" stroke-width="0.6666666666666666px" stroke-dasharray="1.7375722330965766">
-        </circle>\n<text x="239.99999999999997" y="73.33333333333333" font-size="70%" fill="black" text-anchor="middle" dominant-baseline="middle" font-family="Helvetica">
+        </path>
+        <circle cx="200" cy="93.33333333333333" r="3.318518518518518" fill="gray" stroke="gray" fill-opacity="0.3" stroke-opacity="0.7" stroke-width="0.6666666666666666px" stroke-dasharray="1.7375722330965766">
+        </circle>
+        <circle cx="279.99999999999994" cy="53.33333333333333" r="3.318518518518518" fill="gray" stroke="gray" fill-opacity="0.3" stroke-opacity="0.7" stroke-width="0.6666666666666666px" stroke-dasharray="1.7375722330965766">
+        </circle>
+        <text x="239.99999999999997" y="73.33333333333333" font-size="70%" fill="black" text-anchor="middle" dominant-baseline="middle" font-family="Helvetica">
           ❖
         </text>
       </g>
-    </g>\n<g transform="translate(200 380)">
+    </g>
+    <g transform="translate(200 380)">
       <g transform="">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="0.8888888888888888" y="27.555555555555554" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="0.8888888888888888" y="54.222222222222214" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="0.8888888888888888" y="80.88888888888889" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="27.555555555555554" y="14.222222222222221" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="27.555555555555554" y="40.888888888888886" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="27.555555555555554" y="67.55555555555554" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n\n<g transform="">
+      </g>
+      
+      <g transform="">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="54.222222222222214" y="27.555555555555554" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="54.222222222222214" y="54.222222222222214" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="80.88888888888889" y="14.222222222222221" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n\n<g transform="">
+      </g>
+      
+      <g transform="">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="80.88888888888889" y="67.55555555555554" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="107.55555555555554" y="27.555555555555554" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="107.55555555555554" y="54.222222222222214" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="107.55555555555554" y="80.88888888888889" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="rotate(15, 106.66666666666666, 133.33333333333331)">
+      </g>
+      <g transform="rotate(15, 106.66666666666666, 133.33333333333331)">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="94.22222222222221" y="120.88888888888887" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="rotate(15, 132.42468870104182, 140.2351745360672)">
+      </g>
+      <g transform="rotate(15, 132.42468870104182, 140.2351745360672)">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="119.98024425659737" y="127.79073009162276" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="rotate(-15, 187.57531129895816, 140.2351745360672)">
+      </g>
+      <g transform="rotate(-15, 187.57531129895816, 140.2351745360672)">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="175.1308668545137" y="127.79073009162276" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="rotate(-15, 213.33333333333331, 133.33333333333331)">
+      </g>
+      <g transform="rotate(-15, 213.33333333333331, 133.33333333333331)">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="200.88888888888886" y="120.88888888888887" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="187.55555555555554" y="27.555555555555554" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="187.55555555555554" y="54.222222222222214" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="187.55555555555554" y="80.88888888888889" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="214.2222222222222" y="14.222222222222221" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n\n<g transform="">
+      </g>
+      
+      <g transform="">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="214.2222222222222" y="67.55555555555554" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n\n<g transform="">
+      </g>
+      
+      <g transform="">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="240.88888888888886" y="27.555555555555554" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="240.88888888888886" y="54.222222222222214" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="267.55555555555554" y="14.222222222222221" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="267.55555555555554" y="40.888888888888886" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="267.55555555555554" y="67.55555555555554" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="294.22222222222223" y="27.555555555555554" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="294.22222222222223" y="54.222222222222214" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g transform="">
+      </g>
+      <g transform="">
         <rect width="24.888888888888886px" height="24.888888888888886px" x="294.22222222222223" y="80.88888888888889" rx="2.2222222222222223" fill="gray" stroke="#000000" stroke-width="0px">
         </rect>
-      </g>\n<g>
+      </g>
+      <g>
         <path fill="#9ccaff" stroke="undefined" stroke-width="0.6666666666666666px" d="M 54.222222222222214 0.8888888888888888 L 79.1111111111111 0.8888888888888888 L 105.77777777777777 40.888888888888886 L 105.77777777777777 65.77777777777777 L 80.88888888888889 65.77777777777777 L 54.222222222222214 25.777777777777775 Z">
-        </path>\n<circle cx="66.66666666666666" cy="13.333333333333332" r="3.318518518518518" fill="gray" stroke="gray" fill-opacity="0.3" stroke-opacity="0.7" stroke-width="0.6666666666666666px" stroke-dasharray="1.7375722330965766">
-        </circle>\n<circle cx="93.33333333333333" cy="53.33333333333333" r="3.318518518518518" fill="gray" stroke="gray" fill-opacity="0.3" stroke-opacity="0.7" stroke-width="0.6666666666666666px" stroke-dasharray="1.7375722330965766">
-        </circle>\n<text x="80" y="33.33333333333333" font-size="70%" fill="black" text-anchor="middle" dominant-baseline="middle" font-family="Helvetica">
+        </path>
+        <circle cx="66.66666666666666" cy="13.333333333333332" r="3.318518518518518" fill="gray" stroke="gray" fill-opacity="0.3" stroke-opacity="0.7" stroke-width="0.6666666666666666px" stroke-dasharray="1.7375722330965766">
+        </circle>
+        <circle cx="93.33333333333333" cy="53.33333333333333" r="3.318518518518518" fill="gray" stroke="gray" fill-opacity="0.3" stroke-opacity="0.7" stroke-width="0.6666666666666666px" stroke-dasharray="1.7375722330965766">
+        </circle>
+        <text x="80" y="33.33333333333333" font-size="70%" fill="black" text-anchor="middle" dominant-baseline="middle" font-family="Helvetica">
           ↵
         </text>
-      </g>\n<g>
+      </g>
+      <g>
         <path fill="#9ccaff" stroke="undefined" stroke-width="0.6666666666666666px" d="M 214.2222222222222 40.888888888888886 L 240.88888888888886 0.8888888888888888 L 265.7777777777777 0.8888888888888888 L 265.7777777777777 25.777777777777775 L 239.1111111111111 65.77777777777777 L 214.2222222222222 65.77777777777777 Z">
-        </path>\n<circle cx="226.66666666666666" cy="53.33333333333333" r="3.318518518518518" fill="gray" stroke="gray" fill-opacity="0.3" stroke-opacity="0.7" stroke-width="0.6666666666666666px" stroke-dasharray="1.7375722330965766">
-        </circle>\n<circle cx="253.33333333333331" cy="13.333333333333332" r="3.318518518518518" fill="gray" stroke="gray" fill-opacity="0.3" stroke-opacity="0.7" stroke-width="0.6666666666666666px" stroke-dasharray="1.7375722330965766">
-        </circle>\n<text x="240" y="33.33333333333333" font-size="70%" fill="black" text-anchor="middle" dominant-baseline="middle" font-family="Helvetica">
+        </path>
+        <circle cx="226.66666666666666" cy="53.33333333333333" r="3.318518518518518" fill="gray" stroke="gray" fill-opacity="0.3" stroke-opacity="0.7" stroke-width="0.6666666666666666px" stroke-dasharray="1.7375722330965766">
+        </circle>
+        <circle cx="253.33333333333331" cy="13.333333333333332" r="3.318518518518518" fill="gray" stroke="gray" fill-opacity="0.3" stroke-opacity="0.7" stroke-width="0.6666666666666666px" stroke-dasharray="1.7375722330965766">
+        </circle>
+        <text x="240" y="33.33333333333333" font-size="70%" fill="black" text-anchor="middle" dominant-baseline="middle" font-family="Helvetica">
           💾
         </text>
       </g>
diff --git a/layout-lens/src/render.ts b/layout-lens/src/render.ts
index 28dae01..dfe6062 100644
--- a/layout-lens/src/render.ts
+++ b/layout-lens/src/render.ts
@@ -65,6 +65,7 @@ function renderKey(
 ) {
   const withPadding = applyKeyPadding(visual, measurements);
   const center = keyCenter(visual);
+  const keySize = measurements.keySize - 2 * measurements.keyPadding;
 
   const textOverlays = flags.text
     ? [
@@ -82,8 +83,8 @@ function renderKey(
         tag(
           "text",
           {
-            x: withPadding.position[0] + withPadding.size[0] / 6,
-            y: withPadding.position[1] + withPadding.size[1] / 6,
+            x: withPadding.position[0] + keySize / 10,
+            y: withPadding.position[1] + keySize / 6,
             fill: textColor(colorscheme, key.tlLayer, colorscheme.tlLayerColor),
             "font-size": "66%",
             ...textAttribs,
@@ -94,8 +95,8 @@ function renderKey(
         tag(
           "text",
           {
-            x: withPadding.position[0] + (9 * withPadding.size[0]) / 10,
-            y: withPadding.position[1] + withPadding.size[1] / 6,
+            x: withPadding.position[0] + (9 * keySize) / 10,
+            y: withPadding.position[1] + keySize / 6,
             fill: textColor(colorscheme, key.trLayer, colorscheme.trLayerColor),
             "font-size": "66%",
             ...textAttribs,
@@ -106,8 +107,8 @@ function renderKey(
         tag(
           "text",
           {
-            x: withPadding.position[0] + withPadding.size[0] / 10,
-            y: withPadding.position[1] + (5 * withPadding.size[1]) / 6,
+            x: withPadding.position[0] + keySize / 10,
+            y: withPadding.position[1] + (5 * keySize) / 6,
             fill: textColor(colorscheme, key.blLayer, colorscheme.blLayerColor),
             "font-size": "66%",
             ...textAttribs,