Merge pull request 'b4' (#19) from b4 into fetch2

Reviewed-on: #19

README.md

@@ -1,50 +1,27 @@
-# Welcome to [Astro](https://astro.build)
 
-[![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/withastro/astro/tree/latest/examples/basics)
-[![Open with CodeSandbox](https://assets.codesandbox.io/github/button-edit-lime.svg)](https://codesandbox.io/s/github/withastro/astro/tree/latest/examples/basics)
-
-> 🧑‍🚀 **Seasoned astronaut?** Delete this file. Have fun!
-
-![basics](https://user-images.githubusercontent.com/4677417/186188965-73453154-fdec-4d6b-9c34-cb35c248ae5b.png)
-
-
-## 🚀 Project Structure
-
-Inside of your Astro project, you'll see the following folders and files:
-
-```
-/
-├── public/
-│   └── favicon.svg
-├── src/
-│   ├── components/
-│   │   └── Card.astro
-│   ├── layouts/
-│   │   └── Layout.astro
-│   └── pages/
-│       └── index.astro
-└── package.json
-```
-
-Astro looks for `.astro` or `.md` files in the `src/pages/` directory. Each page is exposed as a route based on its file name.
-
-There's nothing special about `src/components/`, but that's where we like to put any Astro/React/Vue/Svelte/Preact components.
-
-Any static assets, like images, can be placed in the `public/` directory.
-
-## 🧞 Commands
-
-All commands are run from the root of the project, from a terminal:
-
-| Command                | Action                                             |
-| :--------------------- | :------------------------------------------------- |
-| `npm install`          | Installs dependencies                              |
-| `npm run dev`          | Starts local dev server at `localhost:3000`        |
-| `npm run build`        | Build your production site to `./dist/`            |
-| `npm run preview`      | Preview your build locally, before deploying       |
-| `npm run astro ...`    | Run CLI commands like `astro add`, `astro preview` |
-| `npm run astro --help` | Get help using the Astro CLI                       |
-
-## 👀 Want to learn more?
-
-Feel free to check [our documentation](https://docs.astro.build) or jump into our [Discord server](https://astro.build/chat).
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="225px" height="225px" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd" xmlns:xlink="http://www.w3.org/1999/xlink">
+<g><path style="opacity:1" fill="#fdfdfd" d="M -0.5,-0.5 C 74.5,-0.5 149.5,-0.5 224.5,-0.5C 224.5,74.5 224.5,149.5 224.5,224.5C 149.5,224.5 74.5,224.5 -0.5,224.5C -0.5,149.5 -0.5,74.5 -0.5,-0.5 Z"/></g>
+<g><path style="opacity:1" fill="#798394" d="M 173.5,78.5 C 168.695,79.4872 163.695,79.8205 158.5,79.5C 158.83,95.0091 158.496,110.342 157.5,125.5C 157.5,109.833 157.5,94.1667 157.5,78.5C 162.833,78.5 168.167,78.5 173.5,78.5 Z"/></g>
+<g><path style="opacity:1" fill="#192852" d="M 173.5,78.5 C 168.167,78.5 162.833,78.5 157.5,78.5C 157.5,94.1667 157.5,109.833 157.5,125.5C 140.005,126.662 122.338,126.829 104.5,126C 88.5206,121.885 82.354,111.719 86,95.5C 91.0975,81.4028 100.931,72.5695 115.5,69C 122.833,68.3333 130.167,68.3333 137.5,69C 138.549,72.1455 138.383,75.3122 137,78.5C 132.14,90.03 123.64,97.1966 111.5,100C 104.221,101.247 96.8876,101.747 89.5,101.5C 89.3129,112.495 94.6462,119.328 105.5,122C 121.497,122.5 137.497,122.667 153.5,122.5C 153.333,106.83 153.5,91.1631 154,75.5C 157.076,74.7117 160.242,74.2117 163.5,74C 148.833,64 134.167,54 119.5,44C 118.5,43.3333 117.5,43.3333 116.5,44C 100.167,55 83.8333,66 67.5,77C 65.6547,78.128 63.6547,78.628 61.5,78.5C 61.2965,76.6096 61.9632,75.1096 63.5,74C 69.7531,69.9571 75.9197,65.7905 82,61.5C 82.203,57.5787 82.703,53.7454 83.5,50C 84.549,49.5078 85.549,49.6744 86.5,50.5C 87.1667,52.8333 87.8333,55.1667 88.5,57.5C 98.2005,50.6522 108.201,44.3189 118.5,38.5C 136.611,50.1013 154.611,61.9346 172.5,74C 174.466,75.3466 174.799,76.8466 173.5,78.5 Z"/></g>
+<g><path style="opacity:1" fill="#22a84b" d="M 118.5,72.5 C 123.5,72.5 128.5,72.5 133.5,72.5C 132.212,81.5577 127.545,88.3911 119.5,93C 110.724,96.285 101.724,97.1183 92.5,95.5C 101.7,85.1493 113.2,79.8159 127,79.5C 127.684,78.2161 127.517,77.0495 126.5,76C 121.777,75.3762 117.11,75.7095 112.5,77C 108.832,78.6828 105.165,80.0162 101.5,81C 106.712,77.0607 112.379,74.2273 118.5,72.5 Z"/></g>
+<g><path style="opacity:1" fill="#182552" d="M 22.5,151.5 C 24.0799,153.717 25.0799,156.384 25.5,159.5C 29.6264,156.491 33.1264,157.158 36,161.5C 36.9285,165.244 36.4285,168.744 34.5,172C 30.8804,173.226 27.2137,173.726 23.5,173.5C 22.5027,166.197 22.1694,158.863 22.5,151.5 Z"/></g>
+<g><path style="opacity:1" fill="#0f1e4f" d="M 136.5,151.5 C 137.822,154.768 138.489,158.435 138.5,162.5C 138.167,166.167 137.833,169.833 137.5,173.5C 136.503,166.197 136.169,158.863 136.5,151.5 Z"/></g>
+<g><path style="opacity:1" fill="#edeff0" d="M 26.5,160.5 C 33.9905,160.323 35.9905,163.49 32.5,170C 24.8903,170.634 22.8903,167.468 26.5,160.5 Z"/></g>
+<g><path style="opacity:1" fill="#212d56" d="M 80.5,157.5 C 83.6516,156.959 86.1516,157.959 88,160.5C 88.9284,165.02 88.5951,169.354 87,173.5C 85.7378,169.687 85.0712,165.687 85,161.5C 83,160.167 81,160.167 79,161.5C 78.6667,165.167 78.3333,168.833 78,172.5C 77.586,172.957 77.086,173.291 76.5,173.5C 75.5059,168.544 75.1725,163.544 75.5,158.5C 76.8221,158.33 77.9887,158.663 79,159.5C 79.7172,158.956 80.2172,158.289 80.5,157.5 Z"/></g>
+<g><path style="opacity:1" fill="#192852" d="M 44.5,157.5 C 50.5471,157.547 53.5471,160.547 53.5,166.5C 49.774,166.177 46.1073,166.511 42.5,167.5C 42.9767,168.478 43.6433,169.311 44.5,170C 47.3315,170.212 49.9982,170.379 52.5,170.5C 45.6646,175.629 41.3313,173.962 39.5,165.5C 39.6724,161.807 41.3391,159.141 44.5,157.5 Z"/></g>
+<g><path style="opacity:1" fill="#d8dbe0" d="M 44.5,160.5 C 48.2407,159.599 50.2407,160.932 50.5,164.5C 47.7531,164.813 45.0865,164.48 42.5,163.5C 43.1925,162.482 43.8592,161.482 44.5,160.5 Z"/></g>
+<g><path style="opacity:1" fill="#202d56" d="M 60.5,157.5 C 63.2724,157.22 65.7724,157.887 68,159.5C 68.6054,157.519 69.6054,157.185 71,158.5C 71.8015,163.419 71.6349,168.252 70.5,173C 69.2559,173.456 68.4226,172.956 68,171.5C 64.304,174.425 60.9707,174.092 58,170.5C 55.6062,165.527 56.4395,161.194 60.5,157.5 Z"/></g>
+<g><path style="opacity:1" fill="#f7f8f8" d="M 61.5,160.5 C 68.6275,160.706 70.2942,163.873 66.5,170C 60.4983,170.993 58.3317,168.493 60,162.5C 60.7172,161.956 61.2172,161.289 61.5,160.5 Z"/></g>
+<g><path style="opacity:1" fill="#1b2953" d="M 163.5,157.5 C 169.547,157.547 172.547,160.547 172.5,166.5C 168.774,166.177 165.107,166.511 161.5,167.5C 161.833,168.167 162.167,168.833 162.5,169.5C 165.613,170.254 168.613,170.587 171.5,170.5C 167.115,174.665 162.949,174.332 159,169.5C 157.474,164.239 158.974,160.239 163.5,157.5 Z"/></g>
+<g><path style="opacity:1" fill="#d5d8dd" d="M 162.5,160.5 C 164.591,160.318 166.591,160.652 168.5,161.5C 169.386,162.325 169.719,163.325 169.5,164.5C 166.833,164.5 164.167,164.5 161.5,164.5C 161.433,163.041 161.766,161.708 162.5,160.5 Z"/></g>
+<g><path style="opacity:1" fill="#192452" d="M 121.5,157.5 C 124.157,157.162 126.49,157.829 128.5,159.5C 129.167,159.167 129.833,158.833 130.5,158.5C 131.833,163.5 131.833,168.5 130.5,173.5C 128.383,172.468 126.217,172.468 124,173.5C 122.105,173.385 120.438,172.718 119,171.5C 116.418,166.12 117.251,161.453 121.5,157.5 Z"/></g>
+<g><path style="opacity:1" fill="#f0f1f2" d="M 121.5,160.5 C 128.745,160.555 130.745,163.722 127.5,170C 119.89,170.634 117.89,167.468 121.5,160.5 Z"/></g>
+<g><path style="opacity:1" fill="#1a2852" d="M 144.5,151.5 C 145.117,151.611 145.617,151.944 146,152.5C 146.333,156.5 146.667,160.5 147,164.5C 149.067,161.93 151.567,159.93 154.5,158.5C 154.833,158.833 155.167,159.167 155.5,159.5C 154.018,161.483 152.351,163.316 150.5,165C 152.333,166.833 154.167,168.667 156,170.5C 156.563,171.725 156.23,172.725 155,173.5C 152.793,170.436 149.959,168.436 146.5,167.5C 146.66,169.199 146.494,170.866 146,172.5C 145.333,173.833 144.667,173.833 144,172.5C 143.205,165.42 143.372,158.42 144.5,151.5 Z"/></g>
+<g><path style="opacity:1" fill="#172551" d="M 108.5,154.5 C 110.176,155.183 110.843,156.517 110.5,158.5C 115.833,159.167 115.833,159.833 110.5,160.5C 110.5,163.833 110.5,167.167 110.5,170.5C 115.276,170.671 115.609,171.671 111.5,173.5C 110.558,173.392 109.725,173.059 109,172.5C 108.501,168.514 108.334,164.514 108.5,160.5C 104.5,159.833 104.5,159.167 108.5,158.5C 108.5,157.167 108.5,155.833 108.5,154.5 Z"/></g>
+<g><path style="opacity:1" fill="#1d2953" d="M 95.5,157.5 C 97.9363,157.317 100.103,157.984 102,159.5C 102.688,160.332 102.521,160.998 101.5,161.5C 92.5477,160.889 92.5477,162.389 101.5,166C 104.172,168.679 103.838,171.012 100.5,173C 97.4124,173.847 94.5791,173.347 92,171.5C 92.1862,167.706 93.3529,167.54 95.5,171C 98.9257,172.238 100.592,171.071 100.5,167.5C 92.2223,166.885 90.5556,163.551 95.5,157.5 Z"/></g>
+<g><path style="opacity:1" fill="#192753" d="M 187.5,151.5 C 188.822,154.768 189.489,158.435 189.5,162.5C 189.167,166.167 188.833,169.833 188.5,173.5C 187.808,172.975 187.308,172.308 187,171.5C 182.675,174.569 179.008,173.902 176,169.5C 173.91,163.291 175.91,159.291 182,157.5C 183.812,157.493 185.312,158.16 186.5,159.5C 187.48,156.914 187.813,154.247 187.5,151.5 Z"/></g>
+<g><path style="opacity:1" fill="#f2f3f5" d="M 180.5,160.5 C 185.039,159.539 187.372,161.373 187.5,166C 187.561,167.711 186.894,169.044 185.5,170C 178.923,171.591 176.756,169.091 179,162.5C 179.717,161.956 180.217,161.289 180.5,160.5 Z"/></g>
+<g><path style="opacity:1" fill="#192852" d="M 194.5,158.5 C 195.5,158.5 196.5,158.5 197.5,158.5C 197.335,162.182 197.501,165.848 198,169.5C 200,170.833 202,170.833 204,169.5C 204.499,165.848 204.665,162.182 204.5,158.5C 205.5,158.5 206.5,158.5 207.5,158.5C 207.665,162.182 207.499,165.848 207,169.5C 204.839,173.124 201.672,174.291 197.5,173C 196.299,172.097 195.465,170.931 195,169.5C 194.501,165.848 194.335,162.182 194.5,158.5 Z"/></g>
+</svg>

info.txt

@@ -0,0 +1 @@
+1. Auto brake line Drag v4 Left & Right Heading.

package.json

@@ -4,8 +4,8 @@
   "version": "0.0.1",
   "private": true,
   "scripts": {
-    "dev": "astro dev --host --port 2008",
-    "start": "astro dev --host --port 2008",
+    "dev": "astro dev --host --port 2022",
+    "start": "astro dev --host --port 2022",
     "build": "astro build",
     "preview": "astro preview",
     "astro": "astro"

public/assets/numeric/n0.svg

@@ -0,0 +1,313 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="100mm"
+   height="100mm"
+   viewBox="0 0 100 100"
+   version="1.1"
+   id="svg5"
+   inkscape:export-filename="w2_l2.svg"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   sodipodi:docname="w0.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview7"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     showgrid="false"
+     showguides="true"
+     inkscape:zoom="1.4478969"
+     inkscape:cx="172.3189"
+     inkscape:cy="215.48496"
+     inkscape:window-width="1920"
+     inkscape:window-height="1011"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1">
+    <sodipodi:guide
+       position="50.044837,106.13694"
+       orientation="1,0"
+       id="guide61"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="30.151491,87.756667"
+       orientation="1,0"
+       id="guide65"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="34.933229,103.49635"
+       orientation="1,0"
+       id="guide67"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="117.31671,32.570302"
+       orientation="0,-1"
+       id="guide69"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="-33.075271,49.930251"
+       orientation="0,-1"
+       id="guide71"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="65.121878,12.99501"
+       orientation="1,0"
+       id="guide550"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="105.80432,67.655673"
+       orientation="0,-1"
+       id="guide343"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="105.07338,82.274578"
+       orientation="0,-1"
+       id="guide347"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="106.16979,17.585925"
+       orientation="0,-1"
+       id="guide349"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="70.170742,91.411393"
+       orientation="1,0"
+       id="guide351"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="49.521539,24.712641"
+       orientation="0,-1"
+       id="guide353"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="50.069748,74.965125"
+       orientation="0,-1"
+       id="guide355"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="57.561936,-11.83462"
+       orientation="1,0"
+       id="guide357"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="42.394823,-21.154172"
+       orientation="1,0"
+       id="guide359"
+       inkscape:locked="false" />
+  </sodipodi:namedview>
+  <defs
+     id="defs2">
+    <marker
+       style="overflow:visible"
+       id="Arrow2"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       inkscape:stockid="Arrow2"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       inkscape:isstock="true"
+       inkscape:collect="always"
+       preserveAspectRatio="xMidYMid">
+      <path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="Arrow2-6"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       preserveAspectRatio="xMidYMid">
+      <path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-1" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="Arrow2-3"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       preserveAspectRatio="xMidYMid">
+      <path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-6" />
+    </marker>
+  </defs>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline">
+    <ellipse
+       style="fill:none;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
+       id="path5224"
+       cx="52.567612"
+       cy="50.416187"
+       rx="14.560527"
+       ry="21.45266" />
+    <g
+       id="g5232"
+       transform="matrix(1.2440252,0,0,1.5091547,1.233766,9.9707915)"
+       inkscape:transform-center-x="0.078737506"
+       inkscape:transform-center-y="-0.02246399">
+      <text
+         xml:space="preserve"
+         style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="46.800331"
+         y="15.960659"
+         id="text5228"
+         transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
+           sodipodi:role="line"
+           id="tspan5226"
+           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
+           x="46.800331"
+           y="15.960659">1</tspan></text>
+      <circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle5230"
+         cx="-48.065395"
+         cy="-13.491238"
+         r="1.2760839"
+         transform="rotate(-178.67073)" />
+    </g>
+    <path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.46771;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+       d="m 48.296789,30.181333 c 3.018232,-2.286024 8.360684,-1.658519 10.194726,0.66436"
+       id="path5234"
+       sodipodi:nodetypes="cc"
+       inkscape:transform-center-x="5.4029369"
+       inkscape:transform-center-y="0.0838721" />
+    <g
+       id="g19985"
+       style="display:none"
+       transform="matrix(0.88079587,0,0,1.0276504,8.2499935,-9.1427657)">
+      <path
+         style="display:inline;fill:#000000;fill-opacity:1;stroke:#e10079;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="m 42.014207,78.885553 33.868367,0.105865"
+         id="path1106" />
+      <path
+         style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-6);paint-order:stroke fill markers"
+         d="M 54.585716,79.075266 44.449435,78.916887"
+         id="path9586" />
+      <circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle9592"
+         cx="-78.125687"
+         cy="44.021099"
+         r="1.2760839"
+         transform="rotate(-88.91827)" />
+      <text
+         xml:space="preserve"
+         style="font-size:2.67135px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.117792;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="41.672253"
+         y="79.868111"
+         id="text9761"><tspan
+           id="tspan9759"
+           style="stroke-width:0.117792"
+           x="41.672253"
+           y="79.868111">4</tspan></text>
+    </g>
+    <path
+       style="display:none;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:5.23267;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="M 52.241378,0.26191402 C 52.315135,0.56658596 72.715386,65.174594 72.715386,65.174594"
+       id="path15674" />
+    <g
+       id="g1205"
+       transform="matrix(0.88079587,0,0,1.0276504,8.5600681,-8.5017231)"
+       style="display:none">
+      <g
+         id="g1198"
+         transform="translate(-0.48682415,0.59660565)"
+         style="display:none">
+        <text
+           xml:space="preserve"
+           style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           x="49.768463"
+           y="10.649764"
+           id="text15678"
+           transform="matrix(0.99960636,-0.0021636,0.00216529,1.0003891,0,0)"><tspan
+             id="tspan15676"
+             style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
+             x="49.768463"
+             y="10.649764">2</tspan></text>
+        <circle
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="circle15680"
+           cx="-50.731476"
+           cy="-8.3328476"
+           r="1.2760839"
+           transform="rotate(-178.35508)" />
+      </g>
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3);paint-order:stroke fill markers"
+         d="M 54.145899,21.77088 C 53.442717,19.74276 50.806456,11.912664 50.806456,11.912664"
+         id="path15682" />
+      <g
+         id="g1238"
+         style="display:inline"
+         transform="translate(-0.35203906,-0.62379443)">
+        <path
+           style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+           d="m 36.897143,48.164759 26.507248,0.07809"
+           id="path1108" />
+        <path
+           style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.452017;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-6);paint-order:normal"
+           d="M 48.768524,48.161093 39.639351,48.31565"
+           id="path9576" />
+        <g
+           id="g21538"
+           transform="translate(-21.46967,-27.579792)"
+           style="display:inline">
+          <ellipse
+             style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131538;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+             id="circle9582"
+             cx="-74.661598"
+             cy="60.70055"
+             transform="matrix(0.01839222,-0.99983085,0.99981223,0.0193779,0,0)"
+             rx="1.2146922"
+             ry="1.1834064" />
+          <text
+             xml:space="preserve"
+             style="font-size:2.14253px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131537;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+             x="59.531094"
+             y="75.579971"
+             id="text9714"
+             transform="scale(0.98702867,1.0131418)"><tspan
+               id="tspan9712"
+               style="stroke:#f9f6f6;stroke-width:0.131537;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
+               x="59.531094"
+               y="75.579971">3</tspan></text>
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>

public/assets/numeric/n1.svg

@@ -0,0 +1,322 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="100mm"
+   height="100mm"
+   viewBox="0 0 100 100"
+   version="1.1"
+   id="svg5"
+   inkscape:export-filename="w0.svg"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   sodipodi:docname="w0.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview7"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     showgrid="false"
+     showguides="true"
+     inkscape:zoom="1.4478969"
+     inkscape:cx="172.3189"
+     inkscape:cy="215.48496"
+     inkscape:window-width="1920"
+     inkscape:window-height="1011"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1">
+    <sodipodi:guide
+       position="50.044837,106.13694"
+       orientation="1,0"
+       id="guide61"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="30.151491,87.756667"
+       orientation="1,0"
+       id="guide65"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="34.933229,103.49635"
+       orientation="1,0"
+       id="guide67"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="117.31671,32.570302"
+       orientation="0,-1"
+       id="guide69"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="-33.075271,49.930251"
+       orientation="0,-1"
+       id="guide71"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="65.121878,12.99501"
+       orientation="1,0"
+       id="guide550"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="105.80432,67.655673"
+       orientation="0,-1"
+       id="guide343"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="105.07338,82.274578"
+       orientation="0,-1"
+       id="guide347"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="106.16979,17.585925"
+       orientation="0,-1"
+       id="guide349"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="70.170742,91.411393"
+       orientation="1,0"
+       id="guide351"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="49.521539,24.712641"
+       orientation="0,-1"
+       id="guide353"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="50.069748,74.965125"
+       orientation="0,-1"
+       id="guide355"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="57.561936,-11.83462"
+       orientation="1,0"
+       id="guide357"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="42.394823,-21.154172"
+       orientation="1,0"
+       id="guide359"
+       inkscape:locked="false" />
+  </sodipodi:namedview>
+  <defs
+     id="defs2">
+    <marker
+       style="overflow:visible"
+       id="Arrow2"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       inkscape:stockid="Arrow2"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       inkscape:isstock="true"
+       inkscape:collect="always"
+       preserveAspectRatio="xMidYMid">
+      <path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="Arrow2-3"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       inkscape:stockid="Arrow2"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       inkscape:isstock="true"
+       inkscape:collect="always"
+       preserveAspectRatio="xMidYMid">
+      <path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-6" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="Arrow2-36"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       inkscape:stockid="Arrow2"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       inkscape:isstock="true"
+       inkscape:collect="always"
+       preserveAspectRatio="xMidYMid">
+      <path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-7" />
+    </marker>
+  </defs>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline">
+    <g
+       id="g19985"
+       style="display:none">
+      <path
+         style="display:inline;fill:#000000;fill-opacity:1;stroke:#e10079;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="m 42.014207,78.885553 33.868367,0.105865"
+         id="path1106" />
+      <path
+         style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+         d="M 54.585716,79.075266 44.449435,78.916887"
+         id="path9586"
+         sodipodi:nodetypes="cc" />
+      <circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle9592"
+         cx="-78.125687"
+         cy="44.021099"
+         r="1.2760839"
+         transform="rotate(-88.91827)" />
+      <text
+         xml:space="preserve"
+         style="font-size:2.67135px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.117792;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="41.672253"
+         y="79.868111"
+         id="text9761"><tspan
+           sodipodi:role="line"
+           id="tspan9759"
+           style="stroke-width:0.117792"
+           x="41.672253"
+           y="79.868111">4</tspan></text>
+    </g>
+    <path
+       style="display:none;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="M 49.945039,9.1516334 C 50.028779,9.4481077 73.189935,72.317745 73.189935,72.317745"
+       id="path15674"
+       sodipodi:nodetypes="cc" />
+    <g
+       id="g1205"
+       transform="translate(0.35203906,0.62379443)"
+       style="display:none">
+      <g
+         id="g1198"
+         transform="translate(-0.48682415,0.59660565)"
+         style="display:none">
+        <text
+           xml:space="preserve"
+           style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           x="49.768463"
+           y="10.649764"
+           id="text15678"
+           transform="matrix(0.99960636,-0.0021636,0.00216529,1.0003891,0,0)"><tspan
+             sodipodi:role="line"
+             id="tspan15676"
+             style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
+             x="49.768463"
+             y="10.649764">2</tspan></text>
+        <circle
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="circle15680"
+           cx="-50.731476"
+           cy="-8.3328476"
+           r="1.2760839"
+           transform="rotate(-178.35508)" />
+      </g>
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3);paint-order:stroke fill markers"
+         d="M 54.145899,21.77088 C 53.442717,19.74276 50.806456,11.912664 50.806456,11.912664"
+         id="path15682"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="-1.6158511"
+         inkscape:transform-center-y="4.8664848" />
+      <g
+         id="g1238"
+         style="display:inline"
+         transform="translate(-0.35203906,-0.62379443)">
+        <path
+           style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+           d="m 36.897143,48.164759 26.507248,0.07809"
+           id="path1108" />
+        <path
+           style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.452017;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:normal"
+           d="M 48.768524,48.161093 39.639351,48.31565"
+           id="path9576"
+           sodipodi:nodetypes="cc"
+           inkscape:transform-center-x="-4.8199192"
+           inkscape:transform-center-y="0.3134404" />
+        <g
+           id="g21538"
+           transform="translate(-21.46967,-27.579792)"
+           style="display:inline">
+          <ellipse
+             style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131538;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+             id="circle9582"
+             cx="-74.661598"
+             cy="60.70055"
+             transform="matrix(0.01839222,-0.99983085,0.99981223,0.0193779,0,0)"
+             rx="1.2146922"
+             ry="1.1834064" />
+          <text
+             xml:space="preserve"
+             style="font-size:2.14253px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131537;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+             x="59.531094"
+             y="75.579971"
+             id="text9714"
+             transform="scale(0.98702867,1.0131418)"><tspan
+               sodipodi:role="line"
+               id="tspan9712"
+               style="stroke:#f9f6f6;stroke-width:0.131537;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
+               x="59.531094"
+               y="75.579971">3</tspan></text>
+        </g>
+      </g>
+    </g>
+    <path
+       style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="m 53.719598,28.365391 c 0.02898,1.84444 0.139581,43.462881 0.139581,43.462881"
+       id="path127"
+       sodipodi:nodetypes="cc" />
+    <text
+       xml:space="preserve"
+       style="font-size:3.78008px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.1896;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+       x="48.036243"
+       y="35.394852"
+       id="text9342"
+       transform="matrix(1.0839085,-0.00707373,0.00832414,0.92253275,0,0)"><tspan
+         sodipodi:role="line"
+         id="tspan9340"
+         style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.1896;stroke-dasharray:none;stroke-opacity:1"
+         x="48.036243"
+         y="35.394852">1</tspan></text>
+    <ellipse
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.189603;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+       id="path9448"
+       cx="-54.418415"
+       cy="-29.995638"
+       transform="matrix(-0.99980534,-0.01973028,0.02727456,-0.99962798,0,0)"
+       rx="1.8738403"
+       ry="1.5938919" />
+    <path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.46228;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-36);paint-order:stroke fill markers"
+       d="m 53.597816,43.149023 c -0.01086,-1.807121 0.02867,-8.762619 0.02867,-8.762619"
+       id="path13743"
+       sodipodi:nodetypes="cc"
+       inkscape:transform-center-x="0.031384711"
+       inkscape:transform-center-y="4.5490919" />
+  </g>
+</svg>

public/assets/numeric/n2.svg

@@ -0,0 +1,340 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="100mm"
+   height="100mm"
+   viewBox="0 0 100 100"
+   version="1.1"
+   id="svg5"
+   inkscape:export-filename="w9_l2.svg"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   sodipodi:docname="w0.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview7"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     showgrid="false"
+     showguides="true"
+     inkscape:zoom="1.4478969"
+     inkscape:cx="172.3189"
+     inkscape:cy="215.48496"
+     inkscape:window-width="1920"
+     inkscape:window-height="1011"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1">
+    <sodipodi:guide
+       position="50.044837,106.13694"
+       orientation="1,0"
+       id="guide61"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="30.151491,87.756667"
+       orientation="1,0"
+       id="guide65"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="34.933229,103.49635"
+       orientation="1,0"
+       id="guide67"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="117.31671,32.570302"
+       orientation="0,-1"
+       id="guide69"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="-33.075271,49.930251"
+       orientation="0,-1"
+       id="guide71"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="65.121878,12.99501"
+       orientation="1,0"
+       id="guide550"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="105.80432,67.655673"
+       orientation="0,-1"
+       id="guide343"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="105.07338,82.274578"
+       orientation="0,-1"
+       id="guide347"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="106.16979,17.585925"
+       orientation="0,-1"
+       id="guide349"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="70.170742,91.411393"
+       orientation="1,0"
+       id="guide351"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="49.521539,24.712641"
+       orientation="0,-1"
+       id="guide353"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="50.069748,74.965125"
+       orientation="0,-1"
+       id="guide355"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="57.561936,-11.83462"
+       orientation="1,0"
+       id="guide357"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="42.394823,-21.154172"
+       orientation="1,0"
+       id="guide359"
+       inkscape:locked="false" />
+  </sodipodi:namedview>
+  <defs
+     id="defs2">
+    <marker
+       style="overflow:visible"
+       id="Arrow2-6"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       preserveAspectRatio="xMidYMid">
+      <path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-1" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="Arrow2-3"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       preserveAspectRatio="xMidYMid">
+      <path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-6" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="Arrow2-36"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       preserveAspectRatio="xMidYMid">
+      <path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-7" />
+    </marker>
+  </defs>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline">
+    <g
+       id="g19985"
+       style="display:none"
+       transform="matrix(0.88079587,0,0,1.0276504,8.2499935,-9.1427657)">
+      <path
+         style="display:inline;fill:#000000;fill-opacity:1;stroke:#e10079;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="m 42.014207,78.885553 33.868367,0.105865"
+         id="path1106" />
+      <path
+         style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-6);paint-order:stroke fill markers"
+         d="M 54.585716,79.075266 44.449435,78.916887"
+         id="path9586" />
+      <circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle9592"
+         cx="-78.125687"
+         cy="44.021099"
+         r="1.2760839"
+         transform="rotate(-88.91827)" />
+      <text
+         xml:space="preserve"
+         style="font-size:2.67135px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.117792;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="41.672253"
+         y="79.868111"
+         id="text9761"><tspan
+           id="tspan9759"
+           style="stroke-width:0.117792"
+           x="41.672253"
+           y="79.868111">4</tspan></text>
+    </g>
+    <path
+       style="display:none;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:5.23267;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="M 52.241378,0.26191402 C 52.315135,0.56658596 72.715386,65.174594 72.715386,65.174594"
+       id="path15674" />
+    <g
+       id="g1205"
+       transform="matrix(0.88079587,0,0,1.0276504,8.5600681,-8.5017231)"
+       style="display:none">
+      <g
+         id="g1198"
+         transform="translate(-0.48682415,0.59660565)"
+         style="display:none">
+        <text
+           xml:space="preserve"
+           style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           x="49.768463"
+           y="10.649764"
+           id="text15678"
+           transform="matrix(0.99960636,-0.0021636,0.00216529,1.0003891,0,0)"><tspan
+             id="tspan15676"
+             style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
+             x="49.768463"
+             y="10.649764">2</tspan></text>
+        <circle
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="circle15680"
+           cx="-50.731476"
+           cy="-8.3328476"
+           r="1.2760839"
+           transform="rotate(-178.35508)" />
+      </g>
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3);paint-order:stroke fill markers"
+         d="M 54.145899,21.77088 C 53.442717,19.74276 50.806456,11.912664 50.806456,11.912664"
+         id="path15682" />
+      <g
+         id="g1238"
+         style="display:inline"
+         transform="translate(-0.35203906,-0.62379443)">
+        <path
+           style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+           d="m 36.897143,48.164759 26.507248,0.07809"
+           id="path1108" />
+        <path
+           style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.452017;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-6);paint-order:normal"
+           d="M 48.768524,48.161093 39.639351,48.31565"
+           id="path9576" />
+        <g
+           id="g21538"
+           transform="translate(-21.46967,-27.579792)"
+           style="display:inline">
+          <ellipse
+             style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131538;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+             id="circle9582"
+             cx="-74.661598"
+             cy="60.70055"
+             transform="matrix(0.01839222,-0.99983085,0.99981223,0.0193779,0,0)"
+             rx="1.2146922"
+             ry="1.1834064" />
+          <text
+             xml:space="preserve"
+             style="font-size:2.14253px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131537;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+             x="59.531094"
+             y="75.579971"
+             id="text9714"
+             transform="scale(0.98702867,1.0131418)"><tspan
+               id="tspan9712"
+               style="stroke:#f9f6f6;stroke-width:0.131537;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
+               x="59.531094"
+               y="75.579971">3</tspan></text>
+        </g>
+      </g>
+    </g>
+    <path
+       style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="M 37.879497,32.131352 C 41.461683,18.7812 60.493839,17.317892 65.835893,28.175398 72.229493,41.170132 54.622314,49.45323 37.78953,64.096933"
+       id="path127" />
+    <path
+       style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="m 37.764142,64.196759 c 0.813085,0.148912 28.482383,0.140965 29.30932,0.181457"
+       id="path15674-3" />
+    <path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.446583;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-36);paint-order:stroke fill markers"
+       d="m 52.347432,63.601068 c -2.091849,0.01672 -10.14356,0.01556 -10.14356,0.01556"
+       id="path13743" />
+    <g
+       id="g5615"
+       transform="matrix(1.2998634,0,0,1.5273408,-19.067924,1.4807871)"
+       style="display:inline">
+      <text
+         xml:space="preserve"
+         style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="46.800331"
+         y="15.960659"
+         id="text5609"
+         transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
+           id="tspan5607"
+           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
+           x="46.800331"
+           y="15.960659">1</tspan></text>
+      <circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle5611"
+         cx="-48.065395"
+         cy="-13.491238"
+         r="1.2760839"
+         transform="rotate(-178.67073)" />
+      <circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle5613"
+         cx="-48.065395"
+         cy="-13.491238"
+         r="1.2760839"
+         transform="rotate(-178.67073)" />
+    </g>
+    <path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.446583;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-36);paint-order:stroke fill markers"
+       d="M 56.090515,21.016538 C 52.712109,19.342092 47.20201,20.418024 45.522277,22.60893"
+       id="path5617" />
+    <g
+       id="g1198-5"
+       transform="matrix(1.2046627,0,0,1.3613173,-20.78515,50.464601)"
+       style="display:inline">
+      <text
+         xml:space="preserve"
+         style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="49.768463"
+         y="10.649764"
+         id="text15678-6"
+         transform="matrix(0.99960636,-0.0021636,0.00216529,1.0003891,0,0)"><tspan
+           id="tspan15676-2"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
+           x="49.768463"
+           y="10.649764">2</tspan></text>
+      <circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle15680-9"
+         cx="-50.731476"
+         cy="-8.3328476"
+         r="1.2760839"
+         transform="rotate(-178.35508)" />
+    </g>
+  </g>
+</svg>

public/assets/numeric/n2_l1.svg

@@ -0,0 +1,246 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="100mm"
+   height="100mm"
+   viewBox="0 0 100 100"
+   version="1.1"
+   id="svg5"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs2">
+    <marker
+       style="overflow:visible"
+       id="Arrow2-6"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       preserveAspectRatio="xMidYMid">
+      <path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-1" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="Arrow2-3"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       preserveAspectRatio="xMidYMid">
+      <path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-6" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="Arrow2-36"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       preserveAspectRatio="xMidYMid">
+      <path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-7" />
+    </marker>
+  </defs>
+  <g
+     id="layer1"
+     style="display:inline">
+    <g
+       id="g19985"
+       style="display:none"
+       transform="matrix(0.88079587,0,0,1.0276504,8.2499935,-9.1427657)">
+      <path
+         style="display:inline;fill:#000000;fill-opacity:1;stroke:#e10079;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="m 42.014207,78.885553 33.868367,0.105865"
+         id="path1106" />
+      <path
+         style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-6);paint-order:stroke fill markers"
+         d="M 54.585716,79.075266 44.449435,78.916887"
+         id="path9586" />
+      <circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle9592"
+         cx="-78.125687"
+         cy="44.021099"
+         r="1.2760839"
+         transform="rotate(-88.91827)" />
+      <text
+         xml:space="preserve"
+         style="font-size:2.67135px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.117792;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="41.672253"
+         y="79.868111"
+         id="text9761"><tspan
+           id="tspan9759"
+           style="stroke-width:0.117792"
+           x="41.672253"
+           y="79.868111">4</tspan></text>
+    </g>
+    <path
+       style="display:none;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:5.23267;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="M 52.241378,0.26191402 C 52.315135,0.56658596 72.715386,65.174594 72.715386,65.174594"
+       id="path15674" />
+    <g
+       id="g1205"
+       transform="matrix(0.88079587,0,0,1.0276504,8.5600681,-8.5017231)"
+       style="display:none">
+      <g
+         id="g1198"
+         transform="translate(-0.48682415,0.59660565)"
+         style="display:none">
+        <text
+           xml:space="preserve"
+           style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           x="49.768463"
+           y="10.649764"
+           id="text15678"
+           transform="matrix(0.99960636,-0.0021636,0.00216529,1.0003891,0,0)"><tspan
+             id="tspan15676"
+             style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
+             x="49.768463"
+             y="10.649764">2</tspan></text>
+        <circle
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="circle15680"
+           cx="-50.731476"
+           cy="-8.3328476"
+           r="1.2760839"
+           transform="rotate(-178.35508)" />
+      </g>
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3);paint-order:stroke fill markers"
+         d="M 54.145899,21.77088 C 53.442717,19.74276 50.806456,11.912664 50.806456,11.912664"
+         id="path15682" />
+      <g
+         id="g1238"
+         style="display:inline"
+         transform="translate(-0.35203906,-0.62379443)">
+        <path
+           style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+           d="m 36.897143,48.164759 26.507248,0.07809"
+           id="path1108" />
+        <path
+           style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.452017;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-6);paint-order:normal"
+           d="M 48.768524,48.161093 39.639351,48.31565"
+           id="path9576" />
+        <g
+           id="g21538"
+           transform="translate(-21.46967,-27.579792)"
+           style="display:inline">
+          <ellipse
+             style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131538;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+             id="circle9582"
+             cx="-74.661598"
+             cy="60.70055"
+             transform="matrix(0.01839222,-0.99983085,0.99981223,0.0193779,0,0)"
+             rx="1.2146922"
+             ry="1.1834064" />
+          <text
+             xml:space="preserve"
+             style="font-size:2.14253px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131537;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+             x="59.531094"
+             y="75.579971"
+             id="text9714"
+             transform="scale(0.98702867,1.0131418)"><tspan
+               id="tspan9712"
+               style="stroke:#f9f6f6;stroke-width:0.131537;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
+               x="59.531094"
+               y="75.579971">3</tspan></text>
+        </g>
+      </g>
+    </g>
+    <g
+       id="g12136">
+      <path
+         style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 37.879497,32.131352 C 41.461683,18.7812 60.493839,17.317892 65.835893,28.175398 72.229493,41.170132 54.622314,49.45323 37.78953,64.096933"
+         id="path127" />
+      <g
+         id="g5615"
+         transform="matrix(1.2998634,0,0,1.5273408,-19.067924,1.4807871)"
+         style="display:inline">
+        <text
+           xml:space="preserve"
+           style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           x="46.800331"
+           y="15.960659"
+           id="text5609"
+           transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
+             id="tspan5607"
+             style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
+             x="46.800331"
+             y="15.960659">1</tspan></text>
+        <circle
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="circle5611"
+           cx="-48.065395"
+           cy="-13.491238"
+           r="1.2760839"
+           transform="rotate(-178.67073)" />
+        <circle
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="circle5613"
+           cx="-48.065395"
+           cy="-13.491238"
+           r="1.2760839"
+           transform="rotate(-178.67073)" />
+      </g>
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.446583;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-36);paint-order:stroke fill markers"
+         d="M 56.090515,21.016538 C 52.712109,19.342092 47.20201,20.418024 45.522277,22.60893"
+         id="path5617" />
+    </g>
+    <g
+       id="g12127"
+       style="display:none">
+      <path
+         style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="m 37.764142,64.196759 c 0.813085,0.148912 28.482383,0.140965 29.30932,0.181457"
+         id="path15674-3" />
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.446583;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-36);paint-order:stroke fill markers"
+         d="m 52.347432,63.601068 c -2.091849,0.01672 -10.14356,0.01556 -10.14356,0.01556"
+         id="path13743" />
+      <g
+         id="g1198-5"
+         transform="matrix(1.2046627,0,0,1.3613173,-20.78515,50.464601)"
+         style="display:inline">
+        <text
+           xml:space="preserve"
+           style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           x="49.768463"
+           y="10.649764"
+           id="text15678-6"
+           transform="matrix(0.99960636,-0.0021636,0.00216529,1.0003891,0,0)"><tspan
+             id="tspan15676-2"
+             style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
+             x="49.768463"
+             y="10.649764">2</tspan></text>
+        <circle
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="circle15680-9"
+           cx="-50.731476"
+           cy="-8.3328476"
+           r="1.2760839"
+           transform="rotate(-178.35508)" />
+      </g>
+    </g>
+  </g>
+</svg>

public/assets/numeric/n2_l2.svg

@@ -0,0 +1,348 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="100mm"
+   height="100mm"
+   viewBox="0 0 100 100"
+   version="1.1"
+   id="svg5"
+   inkscape:export-filename="w2_l1.svg"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   sodipodi:docname="w0.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview7"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     showgrid="false"
+     showguides="true"
+     inkscape:zoom="1.4478969"
+     inkscape:cx="172.3189"
+     inkscape:cy="215.48496"
+     inkscape:window-width="1920"
+     inkscape:window-height="1011"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1">
+    <sodipodi:guide
+       position="50.044837,106.13694"
+       orientation="1,0"
+       id="guide61"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="30.151491,87.756667"
+       orientation="1,0"
+       id="guide65"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="34.933229,103.49635"
+       orientation="1,0"
+       id="guide67"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="117.31671,32.570302"
+       orientation="0,-1"
+       id="guide69"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="-33.075271,49.930251"
+       orientation="0,-1"
+       id="guide71"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="65.121878,12.99501"
+       orientation="1,0"
+       id="guide550"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="105.80432,67.655673"
+       orientation="0,-1"
+       id="guide343"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="105.07338,82.274578"
+       orientation="0,-1"
+       id="guide347"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="106.16979,17.585925"
+       orientation="0,-1"
+       id="guide349"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="70.170742,91.411393"
+       orientation="1,0"
+       id="guide351"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="49.521539,24.712641"
+       orientation="0,-1"
+       id="guide353"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="50.069748,74.965125"
+       orientation="0,-1"
+       id="guide355"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="57.561936,-11.83462"
+       orientation="1,0"
+       id="guide357"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="42.394823,-21.154172"
+       orientation="1,0"
+       id="guide359"
+       inkscape:locked="false" />
+  </sodipodi:namedview>
+  <defs
+     id="defs2">
+    <marker
+       style="overflow:visible"
+       id="Arrow2-6"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       preserveAspectRatio="xMidYMid">
+      <path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-1" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="Arrow2-3"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       preserveAspectRatio="xMidYMid">
+      <path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-6" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="Arrow2-36"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       preserveAspectRatio="xMidYMid">
+      <path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-7" />
+    </marker>
+  </defs>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline">
+    <g
+       id="g19985"
+       style="display:none"
+       transform="matrix(0.88079587,0,0,1.0276504,8.2499935,-9.1427657)">
+      <path
+         style="display:inline;fill:#000000;fill-opacity:1;stroke:#e10079;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="m 42.014207,78.885553 33.868367,0.105865"
+         id="path1106" />
+      <path
+         style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-6);paint-order:stroke fill markers"
+         d="M 54.585716,79.075266 44.449435,78.916887"
+         id="path9586" />
+      <circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle9592"
+         cx="-78.125687"
+         cy="44.021099"
+         r="1.2760839"
+         transform="rotate(-88.91827)" />
+      <text
+         xml:space="preserve"
+         style="font-size:2.67135px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.117792;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="41.672253"
+         y="79.868111"
+         id="text9761"><tspan
+           id="tspan9759"
+           style="stroke-width:0.117792"
+           x="41.672253"
+           y="79.868111">4</tspan></text>
+    </g>
+    <path
+       style="display:none;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:5.23267;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="M 52.241378,0.26191402 C 52.315135,0.56658596 72.715386,65.174594 72.715386,65.174594"
+       id="path15674" />
+    <g
+       id="g1205"
+       transform="matrix(0.88079587,0,0,1.0276504,8.5600681,-8.5017231)"
+       style="display:none">
+      <g
+         id="g1198"
+         transform="translate(-0.48682415,0.59660565)"
+         style="display:none">
+        <text
+           xml:space="preserve"
+           style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           x="49.768463"
+           y="10.649764"
+           id="text15678"
+           transform="matrix(0.99960636,-0.0021636,0.00216529,1.0003891,0,0)"><tspan
+             id="tspan15676"
+             style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
+             x="49.768463"
+             y="10.649764">2</tspan></text>
+        <circle
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="circle15680"
+           cx="-50.731476"
+           cy="-8.3328476"
+           r="1.2760839"
+           transform="rotate(-178.35508)" />
+      </g>
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3);paint-order:stroke fill markers"
+         d="M 54.145899,21.77088 C 53.442717,19.74276 50.806456,11.912664 50.806456,11.912664"
+         id="path15682" />
+      <g
+         id="g1238"
+         style="display:inline"
+         transform="translate(-0.35203906,-0.62379443)">
+        <path
+           style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+           d="m 36.897143,48.164759 26.507248,0.07809"
+           id="path1108" />
+        <path
+           style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.452017;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-6);paint-order:normal"
+           d="M 48.768524,48.161093 39.639351,48.31565"
+           id="path9576" />
+        <g
+           id="g21538"
+           transform="translate(-21.46967,-27.579792)"
+           style="display:inline">
+          <ellipse
+             style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131538;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+             id="circle9582"
+             cx="-74.661598"
+             cy="60.70055"
+             transform="matrix(0.01839222,-0.99983085,0.99981223,0.0193779,0,0)"
+             rx="1.2146922"
+             ry="1.1834064" />
+          <text
+             xml:space="preserve"
+             style="font-size:2.14253px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131537;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+             x="59.531094"
+             y="75.579971"
+             id="text9714"
+             transform="scale(0.98702867,1.0131418)"><tspan
+               id="tspan9712"
+               style="stroke:#f9f6f6;stroke-width:0.131537;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
+               x="59.531094"
+               y="75.579971">3</tspan></text>
+        </g>
+      </g>
+    </g>
+    <g
+       id="g12136"
+       style="display:none">
+      <path
+         style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 37.879497,32.131352 C 41.461683,18.7812 60.493839,17.317892 65.835893,28.175398 72.229493,41.170132 54.622314,49.45323 37.78953,64.096933"
+         id="path127" />
+      <g
+         id="g5615"
+         transform="matrix(1.2998634,0,0,1.5273408,-19.067924,1.4807871)"
+         style="display:inline">
+        <text
+           xml:space="preserve"
+           style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           x="46.800331"
+           y="15.960659"
+           id="text5609"
+           transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
+             id="tspan5607"
+             style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
+             x="46.800331"
+             y="15.960659">1</tspan></text>
+        <circle
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="circle5611"
+           cx="-48.065395"
+           cy="-13.491238"
+           r="1.2760839"
+           transform="rotate(-178.67073)" />
+        <circle
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="circle5613"
+           cx="-48.065395"
+           cy="-13.491238"
+           r="1.2760839"
+           transform="rotate(-178.67073)" />
+      </g>
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.446583;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-36);paint-order:stroke fill markers"
+         d="M 56.090515,21.016538 C 52.712109,19.342092 47.20201,20.418024 45.522277,22.60893"
+         id="path5617" />
+    </g>
+    <g
+       id="g12127"
+       style="display:inline">
+      <path
+         style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="m 37.764142,64.196759 c 0.813085,0.148912 28.482383,0.140965 29.30932,0.181457"
+         id="path15674-3" />
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.446583;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-36);paint-order:stroke fill markers"
+         d="m 52.347432,63.601068 c -2.091849,0.01672 -10.14356,0.01556 -10.14356,0.01556"
+         id="path13743" />
+      <g
+         id="g1198-5"
+         transform="matrix(1.2046627,0,0,1.3613173,-20.78515,50.464601)"
+         style="display:inline">
+        <text
+           xml:space="preserve"
+           style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           x="49.768463"
+           y="10.649764"
+           id="text15678-6"
+           transform="matrix(0.99960636,-0.0021636,0.00216529,1.0003891,0,0)"><tspan
+             id="tspan15676-2"
+             style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
+             x="49.768463"
+             y="10.649764">2</tspan></text>
+        <circle
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="circle15680-9"
+           cx="-50.731476"
+           cy="-8.3328476"
+           r="1.2760839"
+           transform="rotate(-178.35508)" />
+      </g>
+    </g>
+  </g>
+</svg>

public/assets/numeric/n3.svg

@@ -0,0 +1,104 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="100mm"
+   height="100mm"
+   viewBox="0 0 100 100"
+   version="1.1"
+   id="svg5"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs2">
+    <marker
+       style="overflow:visible"
+       id="Arrow2-5"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       preserveAspectRatio="xMidYMid">
+      <path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-3" />
+    </marker>
+  </defs>
+  <g
+     id="layer1"
+     style="display:inline">
+    <path
+       style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="m 38.024204,30.835116 c 2.932055,-10.257174 19.380973,-12.698365 25.491254,-4.472051 6.573001,7.970983 1.454588,21.446802 -16.03229,19.868203"
+       id="path127" />
+    <g
+       id="g5615"
+       transform="matrix(1.3668243,0,0,1.4233852,-26.270267,8.1583079)"
+       style="display:inline">
+      <text
+         xml:space="preserve"
+         style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="46.800331"
+         y="15.960659"
+         id="text5609"
+         transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
+           id="tspan5607"
+           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
+           x="46.800331"
+           y="15.960659">1</tspan></text>
+      <circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle5611"
+         cx="-48.065395"
+         cy="-13.491238"
+         r="1.2760839"
+         transform="rotate(-178.67073)" />
+      <circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle5613"
+         cx="-48.065395"
+         cy="-13.491238"
+         r="1.2760839"
+         transform="rotate(-178.67073)" />
+    </g>
+    <path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.476116;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-5);paint-order:stroke fill markers"
+       d="m 51.119219,21.678264 c -3.961259,-0.707707 -9.07215,2.069576 -9.969646,4.840117"
+       id="path5617" />
+    <path
+       style="display:inline;fill:none;fill-opacity:1;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="M 38.194102,63.207433 C 42.025293,73.261437 58.645308,74.706419 64.011433,66.13384 69.861597,57.788082 64.597894,44.1941 47.298249,46.820895"
+       id="path8192" />
+    <g
+       id="g9700"
+       transform="matrix(1.2672443,0,0,1.2429694,-15.257315,34.459233)"
+       style="display:inline">
+      <text
+         xml:space="preserve"
+         style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="49.768463"
+         y="10.649764"
+         id="text9696"
+         transform="matrix(0.99960636,-0.0021636,0.00216529,1.0003891,0,0)"><tspan
+           id="tspan9694"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
+           x="49.768463"
+           y="10.649764">2</tspan></text>
+      <circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle9698"
+         cx="-50.731476"
+         cy="-8.3328476"
+         r="1.2760839"
+         transform="rotate(-178.35508)" />
+    </g>
+    <path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.476116;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-5);paint-order:stroke fill markers"
+       d="M 61.751626,49.364907 C 59.272378,46.375884 54.36315,45.122495 50.84418,46.294213"
+       id="path9702" />
+  </g>
+</svg>

public/assets/numeric/n3_l1.svg

@@ -0,0 +1,227 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="100mm"
+   height="100mm"
+   viewBox="0 0 100 100"
+   version="1.1"
+   id="svg5"
+   inkscape:export-filename="w3.svg"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   sodipodi:docname="w3.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview7"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     showgrid="false"
+     showguides="true"
+     inkscape:zoom="1.4478969"
+     inkscape:cx="172.3189"
+     inkscape:cy="215.48496"
+     inkscape:window-width="1920"
+     inkscape:window-height="1011"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1">
+    <sodipodi:guide
+       position="50.044837,106.13694"
+       orientation="1,0"
+       id="guide61"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="30.151491,87.756667"
+       orientation="1,0"
+       id="guide65"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="34.933229,103.49635"
+       orientation="1,0"
+       id="guide67"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="117.31671,32.570302"
+       orientation="0,-1"
+       id="guide69"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="-33.075271,49.930251"
+       orientation="0,-1"
+       id="guide71"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="65.121878,12.99501"
+       orientation="1,0"
+       id="guide550"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="105.80432,67.655673"
+       orientation="0,-1"
+       id="guide343"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="105.07338,82.274578"
+       orientation="0,-1"
+       id="guide347"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="106.16979,17.585925"
+       orientation="0,-1"
+       id="guide349"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="70.170742,91.411393"
+       orientation="1,0"
+       id="guide351"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="49.521539,24.712641"
+       orientation="0,-1"
+       id="guide353"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="50.069748,74.965125"
+       orientation="0,-1"
+       id="guide355"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="57.561936,-11.83462"
+       orientation="1,0"
+       id="guide357"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="42.394823,-21.154172"
+       orientation="1,0"
+       id="guide359"
+       inkscape:locked="false" />
+  </sodipodi:namedview>
+  <defs
+     id="defs2">
+    <marker
+       style="overflow:visible"
+       id="Arrow2-5"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       inkscape:stockid="Arrow2"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       inkscape:isstock="true"
+       inkscape:collect="always"
+       preserveAspectRatio="xMidYMid">
+      <path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-3" />
+    </marker>
+  </defs>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline">
+    <g
+       id="g13433">
+      <path
+         style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="m 38.024204,30.835116 c 2.932055,-10.257174 19.380973,-12.698365 25.491254,-4.472051 6.573001,7.970983 1.454588,21.446802 -16.03229,19.868203"
+         id="path127"
+         sodipodi:nodetypes="ccc" />
+      <g
+         id="g5615"
+         transform="matrix(1.3668243,0,0,1.4233852,-26.270267,8.1583079)"
+         inkscape:transform-center-x="0.080372917"
+         inkscape:transform-center-y="-0.021553287"
+         style="display:inline">
+        <text
+           xml:space="preserve"
+           style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           x="46.800331"
+           y="15.960659"
+           id="text5609"
+           transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
+             sodipodi:role="line"
+             id="tspan5607"
+             style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
+             x="46.800331"
+             y="15.960659">1</tspan></text>
+        <circle
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="circle5611"
+           cx="-48.065395"
+           cy="-13.491238"
+           r="1.2760839"
+           transform="rotate(-178.67073)" />
+        <circle
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="circle5613"
+           cx="-48.065395"
+           cy="-13.491238"
+           r="1.2760839"
+           transform="rotate(-178.67073)" />
+      </g>
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.476116;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-5);paint-order:stroke fill markers"
+         d="m 51.119219,21.678264 c -3.961259,-0.707707 -9.07215,2.069576 -9.969646,4.840117"
+         id="path5617"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="-5.3671847"
+         inkscape:transform-center-y="-1.4670278" />
+    </g>
+    <g
+       id="g13441"
+       style="display:none">
+      <path
+         style="display:inline;fill:none;fill-opacity:1;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 38.194102,63.207433 C 42.025293,73.261437 58.645308,74.706419 64.011433,66.13384 69.861597,57.788082 64.597894,44.1941 47.298249,46.820895"
+         id="path8192"
+         sodipodi:nodetypes="ccc" />
+      <g
+         id="g9700"
+         transform="matrix(1.2672443,0,0,1.2429694,-15.257315,34.459233)"
+         style="display:inline">
+        <text
+           xml:space="preserve"
+           style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           x="49.768463"
+           y="10.649764"
+           id="text9696"
+           transform="matrix(0.99960636,-0.0021636,0.00216529,1.0003891,0,0)"><tspan
+             sodipodi:role="line"
+             id="tspan9694"
+             style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
+             x="49.768463"
+             y="10.649764">2</tspan></text>
+        <circle
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="circle9698"
+           cx="-50.731476"
+           cy="-8.3328476"
+           r="1.2760839"
+           transform="rotate(-178.35508)" />
+      </g>
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.476116;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-5);paint-order:stroke fill markers"
+         d="M 61.751626,49.364907 C 59.272378,46.375884 54.36315,45.122495 50.84418,46.294213"
+         id="path9702"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="-5.0231726"
+         inkscape:transform-center-y="1.9256938" />
+    </g>
+  </g>
+</svg>

public/assets/numeric/n3_l2.svg

@@ -0,0 +1,228 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="100mm"
+   height="100mm"
+   viewBox="0 0 100 100"
+   version="1.1"
+   id="svg5"
+   inkscape:export-filename="w3_l1.svg"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   sodipodi:docname="w3.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview7"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     showgrid="false"
+     showguides="true"
+     inkscape:zoom="1.4478969"
+     inkscape:cx="172.3189"
+     inkscape:cy="215.48496"
+     inkscape:window-width="1920"
+     inkscape:window-height="1011"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1">
+    <sodipodi:guide
+       position="50.044837,106.13694"
+       orientation="1,0"
+       id="guide61"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="30.151491,87.756667"
+       orientation="1,0"
+       id="guide65"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="34.933229,103.49635"
+       orientation="1,0"
+       id="guide67"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="117.31671,32.570302"
+       orientation="0,-1"
+       id="guide69"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="-33.075271,49.930251"
+       orientation="0,-1"
+       id="guide71"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="65.121878,12.99501"
+       orientation="1,0"
+       id="guide550"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="105.80432,67.655673"
+       orientation="0,-1"
+       id="guide343"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="105.07338,82.274578"
+       orientation="0,-1"
+       id="guide347"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="106.16979,17.585925"
+       orientation="0,-1"
+       id="guide349"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="70.170742,91.411393"
+       orientation="1,0"
+       id="guide351"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="49.521539,24.712641"
+       orientation="0,-1"
+       id="guide353"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="50.069748,74.965125"
+       orientation="0,-1"
+       id="guide355"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="57.561936,-11.83462"
+       orientation="1,0"
+       id="guide357"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="42.394823,-21.154172"
+       orientation="1,0"
+       id="guide359"
+       inkscape:locked="false" />
+  </sodipodi:namedview>
+  <defs
+     id="defs2">
+    <marker
+       style="overflow:visible"
+       id="Arrow2-5"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       inkscape:stockid="Arrow2"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       inkscape:isstock="true"
+       inkscape:collect="always"
+       preserveAspectRatio="xMidYMid">
+      <path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-3" />
+    </marker>
+  </defs>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline">
+    <g
+       id="g13433"
+       style="display:none">
+      <path
+         style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="m 38.024204,30.835116 c 2.932055,-10.257174 19.380973,-12.698365 25.491254,-4.472051 6.573001,7.970983 1.454588,21.446802 -16.03229,19.868203"
+         id="path127"
+         sodipodi:nodetypes="ccc" />
+      <g
+         id="g5615"
+         transform="matrix(1.3668243,0,0,1.4233852,-26.270267,8.1583079)"
+         inkscape:transform-center-x="0.080372917"
+         inkscape:transform-center-y="-0.021553287"
+         style="display:inline">
+        <text
+           xml:space="preserve"
+           style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           x="46.800331"
+           y="15.960659"
+           id="text5609"
+           transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
+             sodipodi:role="line"
+             id="tspan5607"
+             style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
+             x="46.800331"
+             y="15.960659">1</tspan></text>
+        <circle
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="circle5611"
+           cx="-48.065395"
+           cy="-13.491238"
+           r="1.2760839"
+           transform="rotate(-178.67073)" />
+        <circle
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="circle5613"
+           cx="-48.065395"
+           cy="-13.491238"
+           r="1.2760839"
+           transform="rotate(-178.67073)" />
+      </g>
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.476116;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-5);paint-order:stroke fill markers"
+         d="m 51.119219,21.678264 c -3.961259,-0.707707 -9.07215,2.069576 -9.969646,4.840117"
+         id="path5617"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="-5.3671847"
+         inkscape:transform-center-y="-1.4670278" />
+    </g>
+    <g
+       id="g13441"
+       style="display:inline">
+      <path
+         style="display:inline;fill:none;fill-opacity:1;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 38.194102,63.207433 C 42.025293,73.261437 58.645308,74.706419 64.011433,66.13384 69.861597,57.788082 64.597894,44.1941 47.298249,46.820895"
+         id="path8192"
+         sodipodi:nodetypes="ccc" />
+      <g
+         id="g9700"
+         transform="matrix(1.2672443,0,0,1.2429694,-15.257315,34.459233)"
+         style="display:inline">
+        <text
+           xml:space="preserve"
+           style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           x="49.768463"
+           y="10.649764"
+           id="text9696"
+           transform="matrix(0.99960636,-0.0021636,0.00216529,1.0003891,0,0)"><tspan
+             sodipodi:role="line"
+             id="tspan9694"
+             style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
+             x="49.768463"
+             y="10.649764">2</tspan></text>
+        <circle
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="circle9698"
+           cx="-50.731476"
+           cy="-8.3328476"
+           r="1.2760839"
+           transform="rotate(-178.35508)" />
+      </g>
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.476116;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-5);paint-order:stroke fill markers"
+         d="M 61.751626,49.364907 C 59.272378,46.375884 54.36315,45.122495 50.84418,46.294213"
+         id="path9702"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="-5.0231726"
+         inkscape:transform-center-y="1.9256938" />
+    </g>
+  </g>
+</svg>

public/assets/numeric/n4.svg

@@ -0,0 +1,255 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="100mm"
+   height="100mm"
+   viewBox="0 0 100 100"
+   version="1.1"
+   id="svg5"
+   inkscape:export-filename="w3_l2.svg"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   sodipodi:docname="w0.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview7"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     showgrid="false"
+     showguides="true"
+     inkscape:zoom="1.4478969"
+     inkscape:cx="172.3189"
+     inkscape:cy="215.48496"
+     inkscape:window-width="1920"
+     inkscape:window-height="1011"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1">
+    <sodipodi:guide
+       position="50.044837,106.13694"
+       orientation="1,0"
+       id="guide61"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="30.151491,87.756667"
+       orientation="1,0"
+       id="guide65"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="34.933229,103.49635"
+       orientation="1,0"
+       id="guide67"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="117.31671,32.570302"
+       orientation="0,-1"
+       id="guide69"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="-33.075271,49.930251"
+       orientation="0,-1"
+       id="guide71"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="65.121878,12.99501"
+       orientation="1,0"
+       id="guide550"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="105.80432,67.655673"
+       orientation="0,-1"
+       id="guide343"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="105.07338,82.274578"
+       orientation="0,-1"
+       id="guide347"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="106.16979,17.585925"
+       orientation="0,-1"
+       id="guide349"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="70.170742,91.411393"
+       orientation="1,0"
+       id="guide351"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="49.521539,24.712641"
+       orientation="0,-1"
+       id="guide353"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="50.069748,74.965125"
+       orientation="0,-1"
+       id="guide355"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="57.561936,-11.83462"
+       orientation="1,0"
+       id="guide357"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="42.394823,-21.154172"
+       orientation="1,0"
+       id="guide359"
+       inkscape:locked="false" />
+  </sodipodi:namedview>
+  <defs
+     id="defs2">
+    <marker
+       style="overflow:visible"
+       id="Arrow2-2"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       inkscape:stockid="Arrow2"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       inkscape:isstock="true"
+       inkscape:collect="always"
+       preserveAspectRatio="xMidYMid">
+      <path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-9" />
+    </marker>
+  </defs>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline">
+    <path
+       style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="m 38.834832,28.760336 c 0,0 -0.10253,20.491837 -0.02083,21.56101"
+       id="path127"
+       sodipodi:nodetypes="cc" />
+    <g
+       id="g5615"
+       transform="matrix(1.460727,0,0,1.4422608,-30.824195,8.1730094)"
+       inkscape:transform-center-x="0.07641773"
+       inkscape:transform-center-y="-0.025642763">
+      <text
+         xml:space="preserve"
+         style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="46.800331"
+         y="15.960659"
+         id="text5609"
+         transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
+           sodipodi:role="line"
+           id="tspan5607"
+           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
+           x="46.800331"
+           y="15.960659">1</tspan></text>
+      <circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle5611"
+         cx="-48.065395"
+         cy="-13.491238"
+         r="1.2760839"
+         transform="rotate(-178.67073)" />
+      <circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle5613"
+         cx="-48.065395"
+         cy="-13.491238"
+         r="1.2760839"
+         transform="rotate(-178.67073)" />
+    </g>
+    <path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.495451;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-2);paint-order:stroke fill markers"
+       d="m 38.706413,42.201053 c -0.0043,-2.086893 0.0609,-10.119003 0.0609,-10.119003"
+       id="path12561"
+       sodipodi:nodetypes="cc"
+       inkscape:transform-center-x="0.041998397"
+       inkscape:transform-center-y="6.1678244" />
+    <path
+       style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="m 38.862094,50.525211 c 0.619414,0.18323 21.698076,0.17344 22.328042,0.223274"
+       id="path10277"
+       sodipodi:nodetypes="cc" />
+    <g
+       id="g13319"
+       transform="matrix(1.3543056,0,0,1.2594527,-29.153926,37.877844)"
+       style="display:inline">
+      <text
+         xml:space="preserve"
+         style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="49.768463"
+         y="10.649764"
+         id="text13315"
+         transform="matrix(0.99960636,-0.0021636,0.00216529,1.0003891,0,0)"><tspan
+           sodipodi:role="line"
+           id="tspan13313"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
+           x="49.768463"
+           y="10.649764">2</tspan></text>
+      <circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle13317"
+         cx="-50.731476"
+         cy="-8.3328476"
+         r="1.2760839"
+         transform="rotate(-178.35508)" />
+    </g>
+    <path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.495451;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-2);paint-order:stroke fill markers"
+       d="m 53.69499,49.925703 c -2.34155,0.01839 -11.354358,0.01711 -11.354358,0.01711"
+       id="path13321"
+       sodipodi:nodetypes="cc"
+       inkscape:transform-center-x="-5.2445532"
+       inkscape:transform-center-y="0.005789471" />
+    <path
+       style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="m 61.152781,28.703716 0.02385,49.419925"
+       id="path10309" />
+    <g
+       id="g13329"
+       transform="matrix(1.8098945,0,0,1.5410645,-46.365245,-86.727413)"
+       style="display:inline">
+      <ellipse
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131538;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+         id="ellipse13323"
+         cx="-74.661598"
+         cy="60.70055"
+         transform="matrix(0.01839222,-0.99983085,0.99981223,0.0193779,0,0)"
+         rx="1.2146922"
+         ry="1.1834064" />
+      <text
+         xml:space="preserve"
+         style="font-size:2.14253px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131537;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+         x="59.531094"
+         y="75.579971"
+         id="text13327"
+         transform="scale(0.98702867,1.0131418)"><tspan
+           sodipodi:role="line"
+           id="tspan13325"
+           style="stroke:#f9f6f6;stroke-width:0.131537;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
+           x="59.531094"
+           y="75.579971">3</tspan></text>
+    </g>
+    <path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.495451;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-2);paint-order:stroke fill markers"
+       d="m 60.939392,44.757648 c -0.0043,-2.086894 0.0609,-10.119004 0.0609,-10.119004"
+       id="path13331"
+       sodipodi:nodetypes="cc"
+       inkscape:transform-center-x="0.041999202"
+       inkscape:transform-center-y="6.167825" />
+  </g>
+</svg>

public/assets/numeric/n4_l1.svg

@@ -0,0 +1,266 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="100mm"
+   height="100mm"
+   viewBox="0 0 100 100"
+   version="1.1"
+   id="svg5"
+   inkscape:export-filename="w4_l1.svg"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   sodipodi:docname="w0.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview7"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     showgrid="false"
+     showguides="true"
+     inkscape:zoom="1.4478969"
+     inkscape:cx="172.3189"
+     inkscape:cy="215.48496"
+     inkscape:window-width="1920"
+     inkscape:window-height="1011"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1">
+    <sodipodi:guide
+       position="50.044837,106.13694"
+       orientation="1,0"
+       id="guide61"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="30.151491,87.756667"
+       orientation="1,0"
+       id="guide65"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="34.933229,103.49635"
+       orientation="1,0"
+       id="guide67"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="117.31671,32.570302"
+       orientation="0,-1"
+       id="guide69"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="-33.075271,49.930251"
+       orientation="0,-1"
+       id="guide71"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="65.121878,12.99501"
+       orientation="1,0"
+       id="guide550"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="105.80432,67.655673"
+       orientation="0,-1"
+       id="guide343"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="105.07338,82.274578"
+       orientation="0,-1"
+       id="guide347"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="106.16979,17.585925"
+       orientation="0,-1"
+       id="guide349"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="70.170742,91.411393"
+       orientation="1,0"
+       id="guide351"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="49.521539,24.712641"
+       orientation="0,-1"
+       id="guide353"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="50.069748,74.965125"
+       orientation="0,-1"
+       id="guide355"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="57.561936,-11.83462"
+       orientation="1,0"
+       id="guide357"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="42.394823,-21.154172"
+       orientation="1,0"
+       id="guide359"
+       inkscape:locked="false" />
+  </sodipodi:namedview>
+  <defs
+     id="defs2">
+    <marker
+       style="overflow:visible"
+       id="Arrow2-2"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       inkscape:stockid="Arrow2"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       inkscape:isstock="true"
+       inkscape:collect="always"
+       preserveAspectRatio="xMidYMid">
+      <path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-9" />
+    </marker>
+  </defs>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline">
+    <g
+       id="g6074">
+      <path
+         style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="m 38.834832,28.760336 c 0,0 -0.10253,20.491837 -0.02083,21.56101"
+         id="path127"
+         sodipodi:nodetypes="cc" />
+      <g
+         id="g5615"
+         transform="matrix(1.460727,0,0,1.4422608,-30.824195,8.1730094)"
+         inkscape:transform-center-x="0.07641773"
+         inkscape:transform-center-y="-0.025642763">
+        <text
+           xml:space="preserve"
+           style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           x="46.800331"
+           y="15.960659"
+           id="text5609"
+           transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
+             sodipodi:role="line"
+             id="tspan5607"
+             style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
+             x="46.800331"
+             y="15.960659">1</tspan></text>
+        <circle
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="circle5611"
+           cx="-48.065395"
+           cy="-13.491238"
+           r="1.2760839"
+           transform="rotate(-178.67073)" />
+        <circle
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="circle5613"
+           cx="-48.065395"
+           cy="-13.491238"
+           r="1.2760839"
+           transform="rotate(-178.67073)" />
+      </g>
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.495451;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-2);paint-order:stroke fill markers"
+         d="m 38.706413,42.201053 c -0.0043,-2.086893 0.0609,-10.119003 0.0609,-10.119003"
+         id="path12561"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="0.041998397"
+         inkscape:transform-center-y="6.1678244" />
+    </g>
+    <g
+       id="g6065"
+       style="display:none">
+      <path
+         style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="m 38.862094,50.525211 c 0.619414,0.18323 21.698076,0.17344 22.328042,0.223274"
+         id="path10277"
+         sodipodi:nodetypes="cc" />
+      <g
+         id="g13319"
+         transform="matrix(1.3543056,0,0,1.2594527,-29.153926,37.877844)"
+         style="display:inline">
+        <text
+           xml:space="preserve"
+           style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           x="49.768463"
+           y="10.649764"
+           id="text13315"
+           transform="matrix(0.99960636,-0.0021636,0.00216529,1.0003891,0,0)"><tspan
+             sodipodi:role="line"
+             id="tspan13313"
+             style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
+             x="49.768463"
+             y="10.649764">2</tspan></text>
+        <circle
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="circle13317"
+           cx="-50.731476"
+           cy="-8.3328476"
+           r="1.2760839"
+           transform="rotate(-178.35508)" />
+      </g>
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.495451;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-2);paint-order:stroke fill markers"
+         d="m 53.69499,49.925703 c -2.34155,0.01839 -11.354358,0.01711 -11.354358,0.01711"
+         id="path13321"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="-5.2445532"
+         inkscape:transform-center-y="0.005789471" />
+    </g>
+    <g
+       id="g6057"
+       style="display:none">
+      <path
+         style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="m 61.152781,28.703716 0.02385,49.419925"
+         id="path10309" />
+      <g
+         id="g13329"
+         transform="matrix(1.8098945,0,0,1.5410645,-46.365245,-86.727413)"
+         style="display:inline">
+        <ellipse
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131538;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+           id="ellipse13323"
+           cx="-74.661598"
+           cy="60.70055"
+           transform="matrix(0.01839222,-0.99983085,0.99981223,0.0193779,0,0)"
+           rx="1.2146922"
+           ry="1.1834064" />
+        <text
+           xml:space="preserve"
+           style="font-size:2.14253px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131537;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+           x="59.531094"
+           y="75.579971"
+           id="text13327"
+           transform="scale(0.98702867,1.0131418)"><tspan
+             sodipodi:role="line"
+             id="tspan13325"
+             style="stroke:#f9f6f6;stroke-width:0.131537;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
+             x="59.531094"
+             y="75.579971">3</tspan></text>
+      </g>
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.495451;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-2);paint-order:stroke fill markers"
+         d="m 60.939392,44.757648 c -0.0043,-2.086894 0.0609,-10.119004 0.0609,-10.119004"
+         id="path13331"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="0.041999202"
+         inkscape:transform-center-y="6.167825" />
+    </g>
+  </g>
+</svg>

public/assets/numeric/n4_l2.svg

@@ -0,0 +1,267 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="100mm"
+   height="100mm"
+   viewBox="0 0 100 100"
+   version="1.1"
+   id="svg5"
+   inkscape:export-filename="w4_l1.svg"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   sodipodi:docname="w0.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview7"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     showgrid="false"
+     showguides="true"
+     inkscape:zoom="1.4478969"
+     inkscape:cx="172.3189"
+     inkscape:cy="215.48496"
+     inkscape:window-width="1920"
+     inkscape:window-height="1011"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1">
+    <sodipodi:guide
+       position="50.044837,106.13694"
+       orientation="1,0"
+       id="guide61"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="30.151491,87.756667"
+       orientation="1,0"
+       id="guide65"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="34.933229,103.49635"
+       orientation="1,0"
+       id="guide67"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="117.31671,32.570302"
+       orientation="0,-1"
+       id="guide69"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="-33.075271,49.930251"
+       orientation="0,-1"
+       id="guide71"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="65.121878,12.99501"
+       orientation="1,0"
+       id="guide550"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="105.80432,67.655673"
+       orientation="0,-1"
+       id="guide343"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="105.07338,82.274578"
+       orientation="0,-1"
+       id="guide347"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="106.16979,17.585925"
+       orientation="0,-1"
+       id="guide349"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="70.170742,91.411393"
+       orientation="1,0"
+       id="guide351"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="49.521539,24.712641"
+       orientation="0,-1"
+       id="guide353"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="50.069748,74.965125"
+       orientation="0,-1"
+       id="guide355"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="57.561936,-11.83462"
+       orientation="1,0"
+       id="guide357"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="42.394823,-21.154172"
+       orientation="1,0"
+       id="guide359"
+       inkscape:locked="false" />
+  </sodipodi:namedview>
+  <defs
+     id="defs2">
+    <marker
+       style="overflow:visible"
+       id="Arrow2-2"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       inkscape:stockid="Arrow2"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       inkscape:isstock="true"
+       inkscape:collect="always"
+       preserveAspectRatio="xMidYMid">
+      <path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-9" />
+    </marker>
+  </defs>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline">
+    <g
+       id="g6074"
+       style="display:none">
+      <path
+         style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="m 38.834832,28.760336 c 0,0 -0.10253,20.491837 -0.02083,21.56101"
+         id="path127"
+         sodipodi:nodetypes="cc" />
+      <g
+         id="g5615"
+         transform="matrix(1.460727,0,0,1.4422608,-30.824195,8.1730094)"
+         inkscape:transform-center-x="0.07641773"
+         inkscape:transform-center-y="-0.025642763">
+        <text
+           xml:space="preserve"
+           style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           x="46.800331"
+           y="15.960659"
+           id="text5609"
+           transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
+             sodipodi:role="line"
+             id="tspan5607"
+             style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
+             x="46.800331"
+             y="15.960659">1</tspan></text>
+        <circle
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="circle5611"
+           cx="-48.065395"
+           cy="-13.491238"
+           r="1.2760839"
+           transform="rotate(-178.67073)" />
+        <circle
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="circle5613"
+           cx="-48.065395"
+           cy="-13.491238"
+           r="1.2760839"
+           transform="rotate(-178.67073)" />
+      </g>
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.495451;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-2);paint-order:stroke fill markers"
+         d="m 38.706413,42.201053 c -0.0043,-2.086893 0.0609,-10.119003 0.0609,-10.119003"
+         id="path12561"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="0.041998397"
+         inkscape:transform-center-y="6.1678244" />
+    </g>
+    <g
+       id="g6065"
+       style="display:inline">
+      <path
+         style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="m 38.862094,50.525211 c 0.619414,0.18323 21.698076,0.17344 22.328042,0.223274"
+         id="path10277"
+         sodipodi:nodetypes="cc" />
+      <g
+         id="g13319"
+         transform="matrix(1.3543056,0,0,1.2594527,-29.153926,37.877844)"
+         style="display:inline">
+        <text
+           xml:space="preserve"
+           style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           x="49.768463"
+           y="10.649764"
+           id="text13315"
+           transform="matrix(0.99960636,-0.0021636,0.00216529,1.0003891,0,0)"><tspan
+             sodipodi:role="line"
+             id="tspan13313"
+             style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
+             x="49.768463"
+             y="10.649764">2</tspan></text>
+        <circle
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="circle13317"
+           cx="-50.731476"
+           cy="-8.3328476"
+           r="1.2760839"
+           transform="rotate(-178.35508)" />
+      </g>
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.495451;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-2);paint-order:stroke fill markers"
+         d="m 53.69499,49.925703 c -2.34155,0.01839 -11.354358,0.01711 -11.354358,0.01711"
+         id="path13321"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="-5.2445532"
+         inkscape:transform-center-y="0.005789471" />
+    </g>
+    <g
+       id="g6057"
+       style="display:none">
+      <path
+         style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="m 61.152781,28.703716 0.02385,49.419925"
+         id="path10309" />
+      <g
+         id="g13329"
+         transform="matrix(1.8098945,0,0,1.5410645,-46.365245,-86.727413)"
+         style="display:inline">
+        <ellipse
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131538;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+           id="ellipse13323"
+           cx="-74.661598"
+           cy="60.70055"
+           transform="matrix(0.01839222,-0.99983085,0.99981223,0.0193779,0,0)"
+           rx="1.2146922"
+           ry="1.1834064" />
+        <text
+           xml:space="preserve"
+           style="font-size:2.14253px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131537;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+           x="59.531094"
+           y="75.579971"
+           id="text13327"
+           transform="scale(0.98702867,1.0131418)"><tspan
+             sodipodi:role="line"
+             id="tspan13325"
+             style="stroke:#f9f6f6;stroke-width:0.131537;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
+             x="59.531094"
+             y="75.579971">3</tspan></text>
+      </g>
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.495451;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-2);paint-order:stroke fill markers"
+         d="m 60.939392,44.757648 c -0.0043,-2.086894 0.0609,-10.119004 0.0609,-10.119004"
+         id="path13331"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="0.041999202"
+         inkscape:transform-center-y="6.167825" />
+    </g>
+  </g>
+</svg>

public/assets/numeric/n4_l3.svg

@@ -0,0 +1,267 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="100mm"
+   height="100mm"
+   viewBox="0 0 100 100"
+   version="1.1"
+   id="svg5"
+   inkscape:export-filename="w4_l2.svg"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   sodipodi:docname="w0.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview7"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     showgrid="false"
+     showguides="true"
+     inkscape:zoom="1.4478969"
+     inkscape:cx="172.3189"
+     inkscape:cy="215.48496"
+     inkscape:window-width="1920"
+     inkscape:window-height="1011"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1">
+    <sodipodi:guide
+       position="50.044837,106.13694"
+       orientation="1,0"
+       id="guide61"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="30.151491,87.756667"
+       orientation="1,0"
+       id="guide65"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="34.933229,103.49635"
+       orientation="1,0"
+       id="guide67"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="117.31671,32.570302"
+       orientation="0,-1"
+       id="guide69"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="-33.075271,49.930251"
+       orientation="0,-1"
+       id="guide71"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="65.121878,12.99501"
+       orientation="1,0"
+       id="guide550"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="105.80432,67.655673"
+       orientation="0,-1"
+       id="guide343"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="105.07338,82.274578"
+       orientation="0,-1"
+       id="guide347"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="106.16979,17.585925"
+       orientation="0,-1"
+       id="guide349"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="70.170742,91.411393"
+       orientation="1,0"
+       id="guide351"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="49.521539,24.712641"
+       orientation="0,-1"
+       id="guide353"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="50.069748,74.965125"
+       orientation="0,-1"
+       id="guide355"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="57.561936,-11.83462"
+       orientation="1,0"
+       id="guide357"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="42.394823,-21.154172"
+       orientation="1,0"
+       id="guide359"
+       inkscape:locked="false" />
+  </sodipodi:namedview>
+  <defs
+     id="defs2">
+    <marker
+       style="overflow:visible"
+       id="Arrow2-2"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       inkscape:stockid="Arrow2"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       inkscape:isstock="true"
+       inkscape:collect="always"
+       preserveAspectRatio="xMidYMid">
+      <path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-9" />
+    </marker>
+  </defs>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline">
+    <g
+       id="g6074"
+       style="display:none">
+      <path
+         style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="m 38.834832,28.760336 c 0,0 -0.10253,20.491837 -0.02083,21.56101"
+         id="path127"
+         sodipodi:nodetypes="cc" />
+      <g
+         id="g5615"
+         transform="matrix(1.460727,0,0,1.4422608,-30.824195,8.1730094)"
+         inkscape:transform-center-x="0.07641773"
+         inkscape:transform-center-y="-0.025642763">
+        <text
+           xml:space="preserve"
+           style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           x="46.800331"
+           y="15.960659"
+           id="text5609"
+           transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
+             sodipodi:role="line"
+             id="tspan5607"
+             style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
+             x="46.800331"
+             y="15.960659">1</tspan></text>
+        <circle
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="circle5611"
+           cx="-48.065395"
+           cy="-13.491238"
+           r="1.2760839"
+           transform="rotate(-178.67073)" />
+        <circle
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="circle5613"
+           cx="-48.065395"
+           cy="-13.491238"
+           r="1.2760839"
+           transform="rotate(-178.67073)" />
+      </g>
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.495451;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-2);paint-order:stroke fill markers"
+         d="m 38.706413,42.201053 c -0.0043,-2.086893 0.0609,-10.119003 0.0609,-10.119003"
+         id="path12561"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="0.041998397"
+         inkscape:transform-center-y="6.1678244" />
+    </g>
+    <g
+       id="g6065"
+       style="display:none">
+      <path
+         style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="m 38.862094,50.525211 c 0.619414,0.18323 21.698076,0.17344 22.328042,0.223274"
+         id="path10277"
+         sodipodi:nodetypes="cc" />
+      <g
+         id="g13319"
+         transform="matrix(1.3543056,0,0,1.2594527,-29.153926,37.877844)"
+         style="display:inline">
+        <text
+           xml:space="preserve"
+           style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           x="49.768463"
+           y="10.649764"
+           id="text13315"
+           transform="matrix(0.99960636,-0.0021636,0.00216529,1.0003891,0,0)"><tspan
+             sodipodi:role="line"
+             id="tspan13313"
+             style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
+             x="49.768463"
+             y="10.649764">2</tspan></text>
+        <circle
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="circle13317"
+           cx="-50.731476"
+           cy="-8.3328476"
+           r="1.2760839"
+           transform="rotate(-178.35508)" />
+      </g>
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.495451;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-2);paint-order:stroke fill markers"
+         d="m 53.69499,49.925703 c -2.34155,0.01839 -11.354358,0.01711 -11.354358,0.01711"
+         id="path13321"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="-5.2445532"
+         inkscape:transform-center-y="0.005789471" />
+    </g>
+    <g
+       id="g6057"
+       style="display:inline">
+      <path
+         style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="m 61.152781,28.703716 0.02385,49.419925"
+         id="path10309" />
+      <g
+         id="g13329"
+         transform="matrix(1.8098945,0,0,1.5410645,-46.365245,-86.727413)"
+         style="display:inline">
+        <ellipse
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131538;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+           id="ellipse13323"
+           cx="-74.661598"
+           cy="60.70055"
+           transform="matrix(0.01839222,-0.99983085,0.99981223,0.0193779,0,0)"
+           rx="1.2146922"
+           ry="1.1834064" />
+        <text
+           xml:space="preserve"
+           style="font-size:2.14253px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131537;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+           x="59.531094"
+           y="75.579971"
+           id="text13327"
+           transform="scale(0.98702867,1.0131418)"><tspan
+             sodipodi:role="line"
+             id="tspan13325"
+             style="stroke:#f9f6f6;stroke-width:0.131537;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
+             x="59.531094"
+             y="75.579971">3</tspan></text>
+      </g>
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.495451;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-2);paint-order:stroke fill markers"
+         d="m 60.939392,44.757648 c -0.0043,-2.086894 0.0609,-10.119004 0.0609,-10.119004"
+         id="path13331"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="0.041999202"
+         inkscape:transform-center-y="6.167825" />
+    </g>
+  </g>
+</svg>

public/assets/numeric/n5.svg

@@ -0,0 +1,261 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="100mm"
+   height="100mm"
+   viewBox="0 0 100 100"
+   version="1.1"
+   id="svg5"
+   inkscape:export-filename="w4_l3.svg"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   sodipodi:docname="w0.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview7"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     showgrid="false"
+     showguides="true"
+     inkscape:zoom="1.4478969"
+     inkscape:cx="172.3189"
+     inkscape:cy="215.48496"
+     inkscape:window-width="1920"
+     inkscape:window-height="1011"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1">
+    <sodipodi:guide
+       position="50.044837,106.13694"
+       orientation="1,0"
+       id="guide61"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="30.151491,87.756667"
+       orientation="1,0"
+       id="guide65"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="34.933229,103.49635"
+       orientation="1,0"
+       id="guide67"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="117.31671,32.570302"
+       orientation="0,-1"
+       id="guide69"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="-33.075271,49.930251"
+       orientation="0,-1"
+       id="guide71"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="65.121878,12.99501"
+       orientation="1,0"
+       id="guide550"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="105.80432,67.655673"
+       orientation="0,-1"
+       id="guide343"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="105.07338,82.274578"
+       orientation="0,-1"
+       id="guide347"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="106.16979,17.585925"
+       orientation="0,-1"
+       id="guide349"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="70.170742,91.411393"
+       orientation="1,0"
+       id="guide351"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="49.521539,24.712641"
+       orientation="0,-1"
+       id="guide353"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="50.069748,74.965125"
+       orientation="0,-1"
+       id="guide355"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="57.561936,-11.83462"
+       orientation="1,0"
+       id="guide357"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="42.394823,-21.154172"
+       orientation="1,0"
+       id="guide359"
+       inkscape:locked="false" />
+  </sodipodi:namedview>
+  <defs
+     id="defs2">
+    <marker
+       style="overflow:visible"
+       id="Arrow2-1"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       inkscape:stockid="Arrow2"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       inkscape:isstock="true"
+       inkscape:collect="always"
+       preserveAspectRatio="xMidYMid">
+      <path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-2" />
+    </marker>
+  </defs>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline">
+    <g
+       id="g7106"
+       transform="translate(-0.52916667)">
+      <path
+         style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="m 34.389386,21.377013 c 0,0 -0.09882,21.74684 -0.02007,22.881494"
+         id="path127"
+         sodipodi:nodetypes="cc" />
+      <g
+         id="g15627"
+         transform="matrix(1.0513431,0,0,1.0317452,-12.456081,9.7196665)">
+        <text
+           xml:space="preserve"
+           style="font-size:3.93397px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.197318;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           x="45.748825"
+           y="18.934566"
+           id="text5609"
+           transform="matrix(0.94966469,-0.00807366,0.00729318,1.0529412,0,0)"><tspan
+             sodipodi:role="line"
+             id="tspan5607"
+             style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.197318;stroke-dasharray:none;stroke-opacity:1"
+             x="45.748825"
+             y="18.934566">1</tspan></text>
+        <ellipse
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.19732;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="circle5613"
+           cx="-45.073257"
+           cy="-16.922338"
+           transform="matrix(-0.99966972,-0.02569916,0.02094013,-0.99978073,0,0)"
+           rx="1.708829"
+           ry="1.8929724" />
+      </g>
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.585711;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-1);paint-order:stroke fill markers"
+         d="m 34.594882,35.954904 c -0.0608,-0.876006 -0.02656,-4.261502 -0.02656,-4.261502"
+         id="path12561"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="0.040315665"
+         inkscape:transform-center-y="2.1468404" />
+    </g>
+    <g
+       id="g7114"
+       transform="translate(-0.52916667)">
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="m 34.310041,44.474858 c 32.536104,-13.749915 40.339663,34.856163 0.0075,26.378352"
+         id="path10277"
+         sodipodi:nodetypes="cc" />
+      <g
+         id="g13319"
+         transform="matrix(1.3052235,0,0,1.3365867,-31.240974,31.052912)"
+         style="display:inline">
+        <text
+           xml:space="preserve"
+           style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           x="49.768463"
+           y="10.649764"
+           id="text13315"
+           transform="matrix(0.99960636,-0.0021636,0.00216529,1.0003891,0,0)"><tspan
+             sodipodi:role="line"
+             id="tspan13313"
+             style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
+             x="49.768463"
+             y="10.649764">2</tspan></text>
+        <circle
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="circle13317"
+           cx="-50.731476"
+           cy="-8.3328476"
+           r="1.2760839"
+           transform="rotate(-178.35508)" />
+      </g>
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.501064;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-1);paint-order:stroke fill markers"
+         d="m 48.748332,43.516495 c -3.301504,-2.472487 -9.081976,-2.096111 -11.851544,-0.097"
+         id="path15605"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="-5.3603091"
+         inkscape:transform-center-y="0.21085932" />
+    </g>
+    <g
+       id="g7090"
+       transform="translate(-0.52916667)">
+      <path
+         style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="m 34.313272,21.430769 26.578362,-0.08341"
+         id="path10309"
+         inkscape:transform-center-x="-12.706525"
+         inkscape:transform-center-y="-0.33399499" />
+      <g
+         id="g13329"
+         transform="matrix(1.8326084,0,0,1.5941849,-72.161906,-99.615248)"
+         style="display:inline">
+        <ellipse
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131538;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+           id="ellipse13323"
+           cx="-74.661598"
+           cy="60.70055"
+           transform="matrix(0.01839222,-0.99983085,0.99981223,0.0193779,0,0)"
+           rx="1.2146922"
+           ry="1.1834064" />
+        <text
+           xml:space="preserve"
+           style="font-size:2.14253px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131537;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+           x="59.531094"
+           y="75.579971"
+           id="text13327"
+           transform="scale(0.98702867,1.0131418)"><tspan
+             sodipodi:role="line"
+             id="tspan13325"
+             style="stroke:#f9f6f6;stroke-width:0.131537;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
+             x="59.531094"
+             y="75.579971">3</tspan></text>
+      </g>
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.50707;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-1);paint-order:stroke fill markers"
+         d="m 51.549666,21.472931 c -2.370934,0.01903 -11.496853,0.01769 -11.496853,0.01769"
+         id="path15635"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="-5.4035846"
+         inkscape:transform-center-y="0.0050672075" />
+    </g>
+  </g>
+</svg>

public/assets/numeric/n5_l1.svg

@@ -0,0 +1,263 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="100mm"
+   height="100mm"
+   viewBox="0 0 100 100"
+   version="1.1"
+   id="svg5"
+   inkscape:export-filename="w5.png"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   sodipodi:docname="w0.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview7"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     showgrid="false"
+     showguides="true"
+     inkscape:zoom="1.4478969"
+     inkscape:cx="172.3189"
+     inkscape:cy="215.48496"
+     inkscape:window-width="1920"
+     inkscape:window-height="1011"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1">
+    <sodipodi:guide
+       position="50.044837,106.13694"
+       orientation="1,0"
+       id="guide61"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="30.151491,87.756667"
+       orientation="1,0"
+       id="guide65"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="34.933229,103.49635"
+       orientation="1,0"
+       id="guide67"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="117.31671,32.570302"
+       orientation="0,-1"
+       id="guide69"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="-33.075271,49.930251"
+       orientation="0,-1"
+       id="guide71"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="65.121878,12.99501"
+       orientation="1,0"
+       id="guide550"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="105.80432,67.655673"
+       orientation="0,-1"
+       id="guide343"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="105.07338,82.274578"
+       orientation="0,-1"
+       id="guide347"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="106.16979,17.585925"
+       orientation="0,-1"
+       id="guide349"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="70.170742,91.411393"
+       orientation="1,0"
+       id="guide351"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="49.521539,24.712641"
+       orientation="0,-1"
+       id="guide353"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="50.069748,74.965125"
+       orientation="0,-1"
+       id="guide355"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="57.561936,-11.83462"
+       orientation="1,0"
+       id="guide357"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="42.394823,-21.154172"
+       orientation="1,0"
+       id="guide359"
+       inkscape:locked="false" />
+  </sodipodi:namedview>
+  <defs
+     id="defs2">
+    <marker
+       style="overflow:visible"
+       id="Arrow2-1"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       inkscape:stockid="Arrow2"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       inkscape:isstock="true"
+       inkscape:collect="always"
+       preserveAspectRatio="xMidYMid">
+      <path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-2" />
+    </marker>
+  </defs>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline">
+    <g
+       id="g7106"
+       transform="translate(-0.52916667)">
+      <path
+         style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="m 34.389386,21.377013 c 0,0 -0.09882,21.74684 -0.02007,22.881494"
+         id="path127"
+         sodipodi:nodetypes="cc" />
+      <g
+         id="g15627"
+         transform="matrix(1.0513431,0,0,1.0317452,-12.456081,9.7196665)">
+        <text
+           xml:space="preserve"
+           style="font-size:3.93397px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.197318;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           x="45.748825"
+           y="18.934566"
+           id="text5609"
+           transform="matrix(0.94966469,-0.00807366,0.00729318,1.0529412,0,0)"><tspan
+             sodipodi:role="line"
+             id="tspan5607"
+             style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.197318;stroke-dasharray:none;stroke-opacity:1"
+             x="45.748825"
+             y="18.934566">1</tspan></text>
+        <ellipse
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.19732;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="circle5613"
+           cx="-45.073257"
+           cy="-16.922338"
+           transform="matrix(-0.99966972,-0.02569916,0.02094013,-0.99978073,0,0)"
+           rx="1.708829"
+           ry="1.8929724" />
+      </g>
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.585711;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-1);paint-order:stroke fill markers"
+         d="m 34.594882,35.954904 c -0.0608,-0.876006 -0.02656,-4.261502 -0.02656,-4.261502"
+         id="path12561"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="0.040315665"
+         inkscape:transform-center-y="2.1468404" />
+    </g>
+    <g
+       id="g7114"
+       transform="translate(-0.52916667)"
+       style="display:none">
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="m 34.310041,44.474858 c 32.536104,-13.749915 40.339663,34.856163 0.0075,26.378352"
+         id="path10277"
+         sodipodi:nodetypes="cc" />
+      <g
+         id="g13319"
+         transform="matrix(1.3052235,0,0,1.3365867,-31.240974,31.052912)"
+         style="display:inline">
+        <text
+           xml:space="preserve"
+           style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           x="49.768463"
+           y="10.649764"
+           id="text13315"
+           transform="matrix(0.99960636,-0.0021636,0.00216529,1.0003891,0,0)"><tspan
+             sodipodi:role="line"
+             id="tspan13313"
+             style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
+             x="49.768463"
+             y="10.649764">2</tspan></text>
+        <circle
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="circle13317"
+           cx="-50.731476"
+           cy="-8.3328476"
+           r="1.2760839"
+           transform="rotate(-178.35508)" />
+      </g>
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.501064;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-1);paint-order:stroke fill markers"
+         d="m 48.748332,43.516495 c -3.301504,-2.472487 -9.081976,-2.096111 -11.851544,-0.097"
+         id="path15605"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="-5.3603091"
+         inkscape:transform-center-y="0.21085932" />
+    </g>
+    <g
+       id="g7090"
+       transform="translate(-0.52916667)"
+       style="display:none">
+      <path
+         style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="m 34.313272,21.430769 26.578362,-0.08341"
+         id="path10309"
+         inkscape:transform-center-x="-12.706525"
+         inkscape:transform-center-y="-0.33399499" />
+      <g
+         id="g13329"
+         transform="matrix(1.8326084,0,0,1.5941849,-72.161906,-99.615248)"
+         style="display:inline">
+        <ellipse
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131538;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+           id="ellipse13323"
+           cx="-74.661598"
+           cy="60.70055"
+           transform="matrix(0.01839222,-0.99983085,0.99981223,0.0193779,0,0)"
+           rx="1.2146922"
+           ry="1.1834064" />
+        <text
+           xml:space="preserve"
+           style="font-size:2.14253px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131537;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+           x="59.531094"
+           y="75.579971"
+           id="text13327"
+           transform="scale(0.98702867,1.0131418)"><tspan
+             sodipodi:role="line"
+             id="tspan13325"
+             style="stroke:#f9f6f6;stroke-width:0.131537;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
+             x="59.531094"
+             y="75.579971">3</tspan></text>
+      </g>
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.50707;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-1);paint-order:stroke fill markers"
+         d="m 51.549666,21.472931 c -2.370934,0.01903 -11.496853,0.01769 -11.496853,0.01769"
+         id="path15635"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="-5.4035846"
+         inkscape:transform-center-y="0.0050672075" />
+    </g>
+  </g>
+</svg>

public/assets/numeric/n5_l2.svg

@@ -0,0 +1,264 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="100mm"
+   height="100mm"
+   viewBox="0 0 100 100"
+   version="1.1"
+   id="svg5"
+   inkscape:export-filename="w5_l1.svg"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   sodipodi:docname="w0.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview7"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     showgrid="false"
+     showguides="true"
+     inkscape:zoom="1.4478969"
+     inkscape:cx="172.3189"
+     inkscape:cy="215.48496"
+     inkscape:window-width="1920"
+     inkscape:window-height="1011"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1">
+    <sodipodi:guide
+       position="50.044837,106.13694"
+       orientation="1,0"
+       id="guide61"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="30.151491,87.756667"
+       orientation="1,0"
+       id="guide65"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="34.933229,103.49635"
+       orientation="1,0"
+       id="guide67"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="117.31671,32.570302"
+       orientation="0,-1"
+       id="guide69"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="-33.075271,49.930251"
+       orientation="0,-1"
+       id="guide71"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="65.121878,12.99501"
+       orientation="1,0"
+       id="guide550"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="105.80432,67.655673"
+       orientation="0,-1"
+       id="guide343"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="105.07338,82.274578"
+       orientation="0,-1"
+       id="guide347"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="106.16979,17.585925"
+       orientation="0,-1"
+       id="guide349"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="70.170742,91.411393"
+       orientation="1,0"
+       id="guide351"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="49.521539,24.712641"
+       orientation="0,-1"
+       id="guide353"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="50.069748,74.965125"
+       orientation="0,-1"
+       id="guide355"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="57.561936,-11.83462"
+       orientation="1,0"
+       id="guide357"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="42.394823,-21.154172"
+       orientation="1,0"
+       id="guide359"
+       inkscape:locked="false" />
+  </sodipodi:namedview>
+  <defs
+     id="defs2">
+    <marker
+       style="overflow:visible"
+       id="Arrow2-1"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       inkscape:stockid="Arrow2"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       inkscape:isstock="true"
+       inkscape:collect="always"
+       preserveAspectRatio="xMidYMid">
+      <path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-2" />
+    </marker>
+  </defs>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline">
+    <g
+       id="g7106"
+       transform="translate(-0.52916667)"
+       style="display:none">
+      <path
+         style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="m 34.389386,21.377013 c 0,0 -0.09882,21.74684 -0.02007,22.881494"
+         id="path127"
+         sodipodi:nodetypes="cc" />
+      <g
+         id="g15627"
+         transform="matrix(1.0513431,0,0,1.0317452,-12.456081,9.7196665)">
+        <text
+           xml:space="preserve"
+           style="font-size:3.93397px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.197318;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           x="45.748825"
+           y="18.934566"
+           id="text5609"
+           transform="matrix(0.94966469,-0.00807366,0.00729318,1.0529412,0,0)"><tspan
+             sodipodi:role="line"
+             id="tspan5607"
+             style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.197318;stroke-dasharray:none;stroke-opacity:1"
+             x="45.748825"
+             y="18.934566">1</tspan></text>
+        <ellipse
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.19732;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="circle5613"
+           cx="-45.073257"
+           cy="-16.922338"
+           transform="matrix(-0.99966972,-0.02569916,0.02094013,-0.99978073,0,0)"
+           rx="1.708829"
+           ry="1.8929724" />
+      </g>
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.585711;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-1);paint-order:stroke fill markers"
+         d="m 34.594882,35.954904 c -0.0608,-0.876006 -0.02656,-4.261502 -0.02656,-4.261502"
+         id="path12561"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="0.040315665"
+         inkscape:transform-center-y="2.1468404" />
+    </g>
+    <g
+       id="g7114"
+       transform="translate(-0.52916667)"
+       style="display:inline">
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="m 34.310041,44.474858 c 32.536104,-13.749915 40.339663,34.856163 0.0075,26.378352"
+         id="path10277"
+         sodipodi:nodetypes="cc" />
+      <g
+         id="g13319"
+         transform="matrix(1.3052235,0,0,1.3365867,-31.240974,31.052912)"
+         style="display:inline">
+        <text
+           xml:space="preserve"
+           style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           x="49.768463"
+           y="10.649764"
+           id="text13315"
+           transform="matrix(0.99960636,-0.0021636,0.00216529,1.0003891,0,0)"><tspan
+             sodipodi:role="line"
+             id="tspan13313"
+             style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
+             x="49.768463"
+             y="10.649764">2</tspan></text>
+        <circle
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="circle13317"
+           cx="-50.731476"
+           cy="-8.3328476"
+           r="1.2760839"
+           transform="rotate(-178.35508)" />
+      </g>
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.501064;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-1);paint-order:stroke fill markers"
+         d="m 48.748332,43.516495 c -3.301504,-2.472487 -9.081976,-2.096111 -11.851544,-0.097"
+         id="path15605"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="-5.3603091"
+         inkscape:transform-center-y="0.21085932" />
+    </g>
+    <g
+       id="g7090"
+       transform="translate(-0.52916667)"
+       style="display:none">
+      <path
+         style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="m 34.313272,21.430769 26.578362,-0.08341"
+         id="path10309"
+         inkscape:transform-center-x="-12.706525"
+         inkscape:transform-center-y="-0.33399499" />
+      <g
+         id="g13329"
+         transform="matrix(1.8326084,0,0,1.5941849,-72.161906,-99.615248)"
+         style="display:inline">
+        <ellipse
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131538;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+           id="ellipse13323"
+           cx="-74.661598"
+           cy="60.70055"
+           transform="matrix(0.01839222,-0.99983085,0.99981223,0.0193779,0,0)"
+           rx="1.2146922"
+           ry="1.1834064" />
+        <text
+           xml:space="preserve"
+           style="font-size:2.14253px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131537;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+           x="59.531094"
+           y="75.579971"
+           id="text13327"
+           transform="scale(0.98702867,1.0131418)"><tspan
+             sodipodi:role="line"
+             id="tspan13325"
+             style="stroke:#f9f6f6;stroke-width:0.131537;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
+             x="59.531094"
+             y="75.579971">3</tspan></text>
+      </g>
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.50707;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-1);paint-order:stroke fill markers"
+         d="m 51.549666,21.472931 c -2.370934,0.01903 -11.496853,0.01769 -11.496853,0.01769"
+         id="path15635"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="-5.4035846"
+         inkscape:transform-center-y="0.0050672075" />
+    </g>
+  </g>
+</svg>

public/assets/numeric/n5_l3.svg

@@ -0,0 +1,264 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="100mm"
+   height="100mm"
+   viewBox="0 0 100 100"
+   version="1.1"
+   id="svg5"
+   inkscape:export-filename="w5_l2.svg"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   sodipodi:docname="w0.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview7"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     showgrid="false"
+     showguides="true"
+     inkscape:zoom="1.4478969"
+     inkscape:cx="172.3189"
+     inkscape:cy="215.48496"
+     inkscape:window-width="1920"
+     inkscape:window-height="1011"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1">
+    <sodipodi:guide
+       position="50.044837,106.13694"
+       orientation="1,0"
+       id="guide61"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="30.151491,87.756667"
+       orientation="1,0"
+       id="guide65"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="34.933229,103.49635"
+       orientation="1,0"
+       id="guide67"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="117.31671,32.570302"
+       orientation="0,-1"
+       id="guide69"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="-33.075271,49.930251"
+       orientation="0,-1"
+       id="guide71"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="65.121878,12.99501"
+       orientation="1,0"
+       id="guide550"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="105.80432,67.655673"
+       orientation="0,-1"
+       id="guide343"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="105.07338,82.274578"
+       orientation="0,-1"
+       id="guide347"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="106.16979,17.585925"
+       orientation="0,-1"
+       id="guide349"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="70.170742,91.411393"
+       orientation="1,0"
+       id="guide351"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="49.521539,24.712641"
+       orientation="0,-1"
+       id="guide353"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="50.069748,74.965125"
+       orientation="0,-1"
+       id="guide355"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="57.561936,-11.83462"
+       orientation="1,0"
+       id="guide357"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="42.394823,-21.154172"
+       orientation="1,0"
+       id="guide359"
+       inkscape:locked="false" />
+  </sodipodi:namedview>
+  <defs
+     id="defs2">
+    <marker
+       style="overflow:visible"
+       id="Arrow2-1"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       inkscape:stockid="Arrow2"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       inkscape:isstock="true"
+       inkscape:collect="always"
+       preserveAspectRatio="xMidYMid">
+      <path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-2" />
+    </marker>
+  </defs>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline">
+    <g
+       id="g7106"
+       transform="translate(-0.52916667)"
+       style="display:none">
+      <path
+         style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="m 34.389386,21.377013 c 0,0 -0.09882,21.74684 -0.02007,22.881494"
+         id="path127"
+         sodipodi:nodetypes="cc" />
+      <g
+         id="g15627"
+         transform="matrix(1.0513431,0,0,1.0317452,-12.456081,9.7196665)">
+        <text
+           xml:space="preserve"
+           style="font-size:3.93397px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.197318;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           x="45.748825"
+           y="18.934566"
+           id="text5609"
+           transform="matrix(0.94966469,-0.00807366,0.00729318,1.0529412,0,0)"><tspan
+             sodipodi:role="line"
+             id="tspan5607"
+             style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.197318;stroke-dasharray:none;stroke-opacity:1"
+             x="45.748825"
+             y="18.934566">1</tspan></text>
+        <ellipse
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.19732;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="circle5613"
+           cx="-45.073257"
+           cy="-16.922338"
+           transform="matrix(-0.99966972,-0.02569916,0.02094013,-0.99978073,0,0)"
+           rx="1.708829"
+           ry="1.8929724" />
+      </g>
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.585711;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-1);paint-order:stroke fill markers"
+         d="m 34.594882,35.954904 c -0.0608,-0.876006 -0.02656,-4.261502 -0.02656,-4.261502"
+         id="path12561"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="0.040315665"
+         inkscape:transform-center-y="2.1468404" />
+    </g>
+    <g
+       id="g7114"
+       transform="translate(-0.52916667)"
+       style="display:none">
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="m 34.310041,44.474858 c 32.536104,-13.749915 40.339663,34.856163 0.0075,26.378352"
+         id="path10277"
+         sodipodi:nodetypes="cc" />
+      <g
+         id="g13319"
+         transform="matrix(1.3052235,0,0,1.3365867,-31.240974,31.052912)"
+         style="display:inline">
+        <text
+           xml:space="preserve"
+           style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           x="49.768463"
+           y="10.649764"
+           id="text13315"
+           transform="matrix(0.99960636,-0.0021636,0.00216529,1.0003891,0,0)"><tspan
+             sodipodi:role="line"
+             id="tspan13313"
+             style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
+             x="49.768463"
+             y="10.649764">2</tspan></text>
+        <circle
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="circle13317"
+           cx="-50.731476"
+           cy="-8.3328476"
+           r="1.2760839"
+           transform="rotate(-178.35508)" />
+      </g>
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.501064;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-1);paint-order:stroke fill markers"
+         d="m 48.748332,43.516495 c -3.301504,-2.472487 -9.081976,-2.096111 -11.851544,-0.097"
+         id="path15605"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="-5.3603091"
+         inkscape:transform-center-y="0.21085932" />
+    </g>
+    <g
+       id="g7090"
+       transform="translate(-0.52916667)"
+       style="display:inline">
+      <path
+         style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="m 34.313272,21.430769 26.578362,-0.08341"
+         id="path10309"
+         inkscape:transform-center-x="-12.706525"
+         inkscape:transform-center-y="-0.33399499" />
+      <g
+         id="g13329"
+         transform="matrix(1.8326084,0,0,1.5941849,-72.161906,-99.615248)"
+         style="display:inline">
+        <ellipse
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131538;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+           id="ellipse13323"
+           cx="-74.661598"
+           cy="60.70055"
+           transform="matrix(0.01839222,-0.99983085,0.99981223,0.0193779,0,0)"
+           rx="1.2146922"
+           ry="1.1834064" />
+        <text
+           xml:space="preserve"
+           style="font-size:2.14253px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.131537;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+           x="59.531094"
+           y="75.579971"
+           id="text13327"
+           transform="scale(0.98702867,1.0131418)"><tspan
+             sodipodi:role="line"
+             id="tspan13325"
+             style="stroke:#f9f6f6;stroke-width:0.131537;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
+             x="59.531094"
+             y="75.579971">3</tspan></text>
+      </g>
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.50707;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-1);paint-order:stroke fill markers"
+         d="m 51.549666,21.472931 c -2.370934,0.01903 -11.496853,0.01769 -11.496853,0.01769"
+         id="path15635"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="-5.4035846"
+         inkscape:transform-center-y="0.0050672075" />
+    </g>
+  </g>
+</svg>

public/assets/numeric/n6.svg

@@ -0,0 +1,212 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="100mm"
+   height="100mm"
+   viewBox="0 0 100 100"
+   version="1.1"
+   id="svg5"
+   inkscape:export-filename="w5_l3.svg"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   sodipodi:docname="w0.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview7"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     showgrid="false"
+     showguides="true"
+     inkscape:zoom="1.4478969"
+     inkscape:cx="172.3189"
+     inkscape:cy="215.48496"
+     inkscape:window-width="1920"
+     inkscape:window-height="1011"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1">
+    <sodipodi:guide
+       position="50.044837,106.13694"
+       orientation="1,0"
+       id="guide61"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="30.151491,87.756667"
+       orientation="1,0"
+       id="guide65"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="34.933229,103.49635"
+       orientation="1,0"
+       id="guide67"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="117.31671,32.570302"
+       orientation="0,-1"
+       id="guide69"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="-33.075271,49.930251"
+       orientation="0,-1"
+       id="guide71"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="65.121878,12.99501"
+       orientation="1,0"
+       id="guide550"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="105.80432,67.655673"
+       orientation="0,-1"
+       id="guide343"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="105.07338,82.274578"
+       orientation="0,-1"
+       id="guide347"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="106.16979,17.585925"
+       orientation="0,-1"
+       id="guide349"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="70.170742,91.411393"
+       orientation="1,0"
+       id="guide351"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="49.521539,24.712641"
+       orientation="0,-1"
+       id="guide353"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="50.069748,74.965125"
+       orientation="0,-1"
+       id="guide355"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="57.561936,-11.83462"
+       orientation="1,0"
+       id="guide357"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="42.394823,-21.154172"
+       orientation="1,0"
+       id="guide359"
+       inkscape:locked="false" />
+  </sodipodi:namedview>
+  <defs
+     id="defs2">
+    <marker
+       style="overflow:visible"
+       id="Arrow2-7"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       inkscape:stockid="Arrow2"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       inkscape:isstock="true"
+       inkscape:collect="always"
+       preserveAspectRatio="xMidYMid">
+      <path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-0" />
+    </marker>
+  </defs>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline">
+    <path
+       style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="M 57.085083,28.142179 C 32.972593,36.263958 23.566454,67.553455 48.497314,71.842706"
+       id="path127"
+       sodipodi:nodetypes="cc" />
+    <g
+       id="g15627"
+       transform="matrix(0.90170746,0,0,0.77569259,14.806438,15.041923)"
+       style="display:inline">
+      <text
+         xml:space="preserve"
+         style="font-size:3.93397px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.197318;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="45.748825"
+         y="18.934566"
+         id="text5609"
+         transform="matrix(0.94966469,-0.00807366,0.00729318,1.0529412,0,0)"><tspan
+           sodipodi:role="line"
+           id="tspan5607"
+           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.197318;stroke-dasharray:none;stroke-opacity:1"
+           x="45.748825"
+           y="18.934566">1</tspan></text>
+      <ellipse
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.19732;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle5613"
+         cx="-45.073257"
+         cy="-16.922338"
+         transform="matrix(-0.99966972,-0.02569916,0.02094013,-0.99978073,0,0)"
+         rx="1.708829"
+         ry="1.8929724" />
+    </g>
+    <path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.402358;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-7);paint-order:stroke fill markers"
+       d="m 44.939347,34.737188 c 2.017014,-2.343158 5.13946,-4.226512 8.476447,-4.641639"
+       id="path17536"
+       sodipodi:nodetypes="cc"
+       inkscape:transform-center-x="3.7377801"
+       inkscape:transform-center-y="2.689582" />
+    <path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="M 43.702456,65.921495 C 38.028879,55.327172 48.421799,49.271699 55.16716,49.184744 c 6.340597,-0.08174 12.769243,5.389874 12.249013,12.72046 -0.481468,6.784393 -7.894084,12.559193 -18.192104,10.058811"
+       id="path10277"
+       sodipodi:nodetypes="cssc" />
+    <g
+       id="g13319"
+       transform="matrix(1.1194536,0,0,1.0048803,-5.2667019,62.428805)"
+       style="display:inline">
+      <text
+         xml:space="preserve"
+         style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="49.768463"
+         y="10.649764"
+         id="text13315"
+         transform="matrix(0.99960636,-0.0021636,0.00216529,1.0003891,0,0)"><tspan
+           sodipodi:role="line"
+           id="tspan13313"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
+           x="49.768463"
+           y="10.649764">2</tspan></text>
+      <circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle13317"
+         cx="-50.731476"
+         cy="-8.3328476"
+         r="1.2760839"
+         transform="rotate(-178.35508)" />
+    </g>
+    <path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.402358;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-7);paint-order:stroke fill markers"
+       d="m 63.113288,69.959778 c -2.012306,2.528304 -6.82362,3.595409 -9.62671,2.808089"
+       id="path15605"
+       sodipodi:nodetypes="cc"
+       inkscape:transform-center-x="-4.7771296"
+       inkscape:transform-center-y="-2.4652434" />
+  </g>
+</svg>

public/assets/numeric/n6_l1.svg

@@ -0,0 +1,188 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="100mm"
+   height="100mm"
+   viewBox="0 0 100 100"
+   version="1.1"
+   id="svg5"
+   inkscape:export-filename="w5_l3.svg"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   sodipodi:docname="n6.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview7"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     showgrid="false"
+     showguides="true"
+     inkscape:zoom="1.4478969"
+     inkscape:cx="172.3189"
+     inkscape:cy="215.48496"
+     inkscape:window-width="1920"
+     inkscape:window-height="1011"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1">
+    <sodipodi:guide
+       position="50.044837,106.13694"
+       orientation="1,0"
+       id="guide61"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="30.151491,87.756667"
+       orientation="1,0"
+       id="guide65"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="34.933229,103.49635"
+       orientation="1,0"
+       id="guide67"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="117.31671,32.570302"
+       orientation="0,-1"
+       id="guide69"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="-33.075271,49.930251"
+       orientation="0,-1"
+       id="guide71"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="65.121878,12.99501"
+       orientation="1,0"
+       id="guide550"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="105.80432,67.655673"
+       orientation="0,-1"
+       id="guide343"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="105.07338,82.274578"
+       orientation="0,-1"
+       id="guide347"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="106.16979,17.585925"
+       orientation="0,-1"
+       id="guide349"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="70.170742,91.411393"
+       orientation="1,0"
+       id="guide351"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="49.521539,24.712641"
+       orientation="0,-1"
+       id="guide353"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="50.069748,74.965125"
+       orientation="0,-1"
+       id="guide355"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="57.561936,-11.83462"
+       orientation="1,0"
+       id="guide357"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="42.394823,-21.154172"
+       orientation="1,0"
+       id="guide359"
+       inkscape:locked="false" />
+  </sodipodi:namedview>
+  <defs
+     id="defs2">
+    <marker
+       style="overflow:visible"
+       id="Arrow2-7"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       inkscape:stockid="Arrow2"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       inkscape:isstock="true"
+       inkscape:collect="always"
+       preserveAspectRatio="xMidYMid">
+      <path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-0" />
+    </marker>
+  </defs>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline">
+    <path
+       style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="M 57.085083,28.142179 C 32.972593,36.263958 23.566454,67.553455 48.497314,71.842706"
+       id="path127"
+       sodipodi:nodetypes="cc" />
+    <g
+       id="g15627"
+       transform="matrix(0.90170746,0,0,0.77569259,14.806438,15.041923)"
+       style="display:inline">
+      <text
+         xml:space="preserve"
+         style="font-size:3.93397px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.197318;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="45.748825"
+         y="18.934566"
+         id="text5609"
+         transform="matrix(0.94966469,-0.00807366,0.00729318,1.0529412,0,0)"><tspan
+           sodipodi:role="line"
+           id="tspan5607"
+           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.197318;stroke-dasharray:none;stroke-opacity:1"
+           x="45.748825"
+           y="18.934566">1</tspan></text>
+      <ellipse
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.19732;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle5613"
+         cx="-45.073257"
+         cy="-16.922338"
+         transform="matrix(-0.99966972,-0.02569916,0.02094013,-0.99978073,0,0)"
+         rx="1.708829"
+         ry="1.8929724" />
+    </g>
+    <path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.402358;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-7);paint-order:stroke fill markers"
+       d="m 44.939347,34.737188 c 2.017014,-2.343158 5.13946,-4.226512 8.476447,-4.641639"
+       id="path17536"
+       sodipodi:nodetypes="cc"
+       inkscape:transform-center-x="3.7377801"
+       inkscape:transform-center-y="2.689582" />
+    <path
+       style="display:none;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="M 43.702456,65.921495 C 38.028879,55.327172 48.421799,49.271699 55.16716,49.184744 c 6.340597,-0.08174 12.769243,5.389874 12.249013,12.72046 -0.481468,6.784393 -7.894084,12.559193 -18.192104,10.058811"
+       id="path10277"
+       sodipodi:nodetypes="cssc" />
+    <path
+       style="display:none;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.402358;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-7);paint-order:stroke fill markers"
+       d="m 63.113288,69.959778 c -2.012306,2.528304 -6.82362,3.595409 -9.62671,2.808089"
+       id="path15605"
+       sodipodi:nodetypes="cc"
+       inkscape:transform-center-x="-4.7771296"
+       inkscape:transform-center-y="-2.4652434" />
+  </g>
+</svg>

public/assets/numeric/n6_l2.svg

@@ -0,0 +1,212 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="100mm"
+   height="100mm"
+   viewBox="0 0 100 100"
+   version="1.1"
+   id="svg5"
+   inkscape:export-filename="n6_l1.svg"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   sodipodi:docname="n6.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview7"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     showgrid="false"
+     showguides="true"
+     inkscape:zoom="1.4478969"
+     inkscape:cx="172.3189"
+     inkscape:cy="215.48496"
+     inkscape:window-width="1920"
+     inkscape:window-height="1011"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1">
+    <sodipodi:guide
+       position="50.044837,106.13694"
+       orientation="1,0"
+       id="guide61"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="30.151491,87.756667"
+       orientation="1,0"
+       id="guide65"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="34.933229,103.49635"
+       orientation="1,0"
+       id="guide67"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="117.31671,32.570302"
+       orientation="0,-1"
+       id="guide69"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="-33.075271,49.930251"
+       orientation="0,-1"
+       id="guide71"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="65.121878,12.99501"
+       orientation="1,0"
+       id="guide550"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="105.80432,67.655673"
+       orientation="0,-1"
+       id="guide343"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="105.07338,82.274578"
+       orientation="0,-1"
+       id="guide347"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="106.16979,17.585925"
+       orientation="0,-1"
+       id="guide349"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="70.170742,91.411393"
+       orientation="1,0"
+       id="guide351"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="49.521539,24.712641"
+       orientation="0,-1"
+       id="guide353"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="50.069748,74.965125"
+       orientation="0,-1"
+       id="guide355"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="57.561936,-11.83462"
+       orientation="1,0"
+       id="guide357"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="42.394823,-21.154172"
+       orientation="1,0"
+       id="guide359"
+       inkscape:locked="false" />
+  </sodipodi:namedview>
+  <defs
+     id="defs2">
+    <marker
+       style="overflow:visible"
+       id="Arrow2-7"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       inkscape:stockid="Arrow2"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       inkscape:isstock="true"
+       inkscape:collect="always"
+       preserveAspectRatio="xMidYMid">
+      <path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-0" />
+    </marker>
+  </defs>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline">
+    <path
+       style="display:none;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="M 57.085083,28.142179 C 32.972593,36.263958 23.566454,67.553455 48.497314,71.842706"
+       id="path127"
+       sodipodi:nodetypes="cc" />
+    <g
+       id="g15627"
+       transform="matrix(0.90170746,0,0,0.77569259,14.806438,15.041923)"
+       style="display:none">
+      <text
+         xml:space="preserve"
+         style="font-size:3.93397px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.197318;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="45.748825"
+         y="18.934566"
+         id="text5609"
+         transform="matrix(0.94966469,-0.00807366,0.00729318,1.0529412,0,0)"><tspan
+           sodipodi:role="line"
+           id="tspan5607"
+           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.197318;stroke-dasharray:none;stroke-opacity:1"
+           x="45.748825"
+           y="18.934566">1</tspan></text>
+      <ellipse
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.19732;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle5613"
+         cx="-45.073257"
+         cy="-16.922338"
+         transform="matrix(-0.99966972,-0.02569916,0.02094013,-0.99978073,0,0)"
+         rx="1.708829"
+         ry="1.8929724" />
+    </g>
+    <path
+       style="display:none;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.402358;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-7);paint-order:stroke fill markers"
+       d="m 44.939347,34.737188 c 2.017014,-2.343158 5.13946,-4.226512 8.476447,-4.641639"
+       id="path17536"
+       sodipodi:nodetypes="cc"
+       inkscape:transform-center-x="3.7377801"
+       inkscape:transform-center-y="2.689582" />
+    <path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="M 43.702456,65.921495 C 38.028879,55.327172 48.421799,49.271699 55.16716,49.184744 c 6.340597,-0.08174 12.769243,5.389874 12.249013,12.72046 -0.481468,6.784393 -7.894084,12.559193 -18.192104,10.058811"
+       id="path10277"
+       sodipodi:nodetypes="cssc" />
+    <g
+       id="g13319"
+       transform="matrix(1.1194536,0,0,1.0048803,-5.2667019,62.428805)"
+       style="display:inline">
+      <text
+         xml:space="preserve"
+         style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="49.768463"
+         y="10.649764"
+         id="text13315"
+         transform="matrix(0.99960636,-0.0021636,0.00216529,1.0003891,0,0)"><tspan
+           sodipodi:role="line"
+           id="tspan13313"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
+           x="49.768463"
+           y="10.649764">2</tspan></text>
+      <circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle13317"
+         cx="-50.731476"
+         cy="-8.3328476"
+         r="1.2760839"
+         transform="rotate(-178.35508)" />
+    </g>
+    <path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.402358;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-7);paint-order:stroke fill markers"
+       d="m 63.113288,69.959778 c -2.012306,2.528304 -6.82362,3.595409 -9.62671,2.808089"
+       id="path15605"
+       sodipodi:nodetypes="cc"
+       inkscape:transform-center-x="-4.7771296"
+       inkscape:transform-center-y="-2.4652434" />
+  </g>
+</svg>

public/assets/numeric/n7.svg

@@ -0,0 +1,212 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="100mm"
+   height="100mm"
+   viewBox="0 0 100 100"
+   version="1.1"
+   id="svg5"
+   inkscape:export-filename="w6_l2.svg"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   sodipodi:docname="w0.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview7"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     showgrid="false"
+     showguides="true"
+     inkscape:zoom="1.4478969"
+     inkscape:cx="172.3189"
+     inkscape:cy="215.48496"
+     inkscape:window-width="1920"
+     inkscape:window-height="1011"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1">
+    <sodipodi:guide
+       position="50.044837,106.13694"
+       orientation="1,0"
+       id="guide61"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="30.151491,87.756667"
+       orientation="1,0"
+       id="guide65"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="34.933229,103.49635"
+       orientation="1,0"
+       id="guide67"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="117.31671,32.570302"
+       orientation="0,-1"
+       id="guide69"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="-33.075271,49.930251"
+       orientation="0,-1"
+       id="guide71"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="65.121878,12.99501"
+       orientation="1,0"
+       id="guide550"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="105.80432,67.655673"
+       orientation="0,-1"
+       id="guide343"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="105.07338,82.274578"
+       orientation="0,-1"
+       id="guide347"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="106.16979,17.585925"
+       orientation="0,-1"
+       id="guide349"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="70.170742,91.411393"
+       orientation="1,0"
+       id="guide351"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="49.521539,24.712641"
+       orientation="0,-1"
+       id="guide353"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="50.069748,74.965125"
+       orientation="0,-1"
+       id="guide355"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="57.561936,-11.83462"
+       orientation="1,0"
+       id="guide357"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="42.394823,-21.154172"
+       orientation="1,0"
+       id="guide359"
+       inkscape:locked="false" />
+  </sodipodi:namedview>
+  <defs
+     id="defs2">
+    <marker
+       style="overflow:visible"
+       id="Arrow2-9"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       inkscape:stockid="Arrow2"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       inkscape:isstock="true"
+       inkscape:collect="always"
+       preserveAspectRatio="xMidYMid">
+      <path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-3" />
+    </marker>
+  </defs>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline">
+    <path
+       style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="m 41.628079,28.5484 c 0.815754,0.2624 24.542874,-0.121161 25.197591,-0.09548"
+       id="path127"
+       sodipodi:nodetypes="cc" />
+    <g
+       id="g15627"
+       transform="matrix(0.94768543,0,0,0.98216945,0.49024194,10.768235)"
+       style="display:inline">
+      <text
+         xml:space="preserve"
+         style="font-size:3.93397px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.197318;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="45.748825"
+         y="18.934566"
+         id="text5609"
+         transform="matrix(0.94966469,-0.00807366,0.00729318,1.0529412,0,0)"><tspan
+           sodipodi:role="line"
+           id="tspan5607"
+           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.197318;stroke-dasharray:none;stroke-opacity:1"
+           x="45.748825"
+           y="18.934566">1</tspan></text>
+      <ellipse
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.19732;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle5613"
+         cx="-45.073257"
+         cy="-16.922338"
+         transform="matrix(-0.99966972,-0.02569916,0.02094013,-0.99978073,0,0)"
+         rx="1.708829"
+         ry="1.8929724" />
+    </g>
+    <path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="M 66.877412,28.388494 C 65.379702,31.711422 48.282327,66.9129 46.134029,71.528894"
+       id="path10277"
+       sodipodi:nodetypes="cc" />
+    <path
+       style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.436094;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-9);paint-order:normal"
+       d="m 54.311841,28.040434 -8.651582,0.151802"
+       id="path18514"
+       sodipodi:nodetypes="cc"
+       inkscape:transform-center-x="-4.567767"
+       inkscape:transform-center-y="0.30785214" />
+    <path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.47867;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-9);paint-order:stroke fill markers"
+       d="m 60.299699,42.806613 c 0.734767,-1.875585 3.638305,-9.072475 3.638305,-9.072475"
+       id="path18516"
+       sodipodi:nodetypes="cc"
+       inkscape:transform-center-x="1.9032412"
+       inkscape:transform-center-y="4.7057266" />
+    <g
+       id="g18524"
+       transform="matrix(1.6162784,0,0,1.4600023,-15.321118,15.717041)"
+       style="display:inline">
+      <text
+         xml:space="preserve"
+         style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="49.768463"
+         y="10.649764"
+         id="text18520"
+         transform="matrix(0.99960636,-0.0021636,0.00216529,1.0003891,0,0)"><tspan
+           sodipodi:role="line"
+           id="tspan18518"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
+           x="49.768463"
+           y="10.649764">2</tspan></text>
+      <circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle18522"
+         cx="-50.731476"
+         cy="-8.3328476"
+         r="1.2760839"
+         transform="rotate(-178.35508)" />
+    </g>
+  </g>
+</svg>

public/assets/numeric/n7_l1.svg

@@ -0,0 +1,220 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="100mm"
+   height="100mm"
+   viewBox="0 0 100 100"
+   version="1.1"
+   id="svg5"
+   inkscape:export-filename="w7.png"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   sodipodi:docname="w0.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview7"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     showgrid="false"
+     showguides="true"
+     inkscape:zoom="1.4478969"
+     inkscape:cx="172.3189"
+     inkscape:cy="215.48496"
+     inkscape:window-width="1920"
+     inkscape:window-height="1011"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1">
+    <sodipodi:guide
+       position="50.044837,106.13694"
+       orientation="1,0"
+       id="guide61"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="30.151491,87.756667"
+       orientation="1,0"
+       id="guide65"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="34.933229,103.49635"
+       orientation="1,0"
+       id="guide67"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="117.31671,32.570302"
+       orientation="0,-1"
+       id="guide69"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="-33.075271,49.930251"
+       orientation="0,-1"
+       id="guide71"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="65.121878,12.99501"
+       orientation="1,0"
+       id="guide550"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="105.80432,67.655673"
+       orientation="0,-1"
+       id="guide343"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="105.07338,82.274578"
+       orientation="0,-1"
+       id="guide347"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="106.16979,17.585925"
+       orientation="0,-1"
+       id="guide349"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="70.170742,91.411393"
+       orientation="1,0"
+       id="guide351"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="49.521539,24.712641"
+       orientation="0,-1"
+       id="guide353"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="50.069748,74.965125"
+       orientation="0,-1"
+       id="guide355"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="57.561936,-11.83462"
+       orientation="1,0"
+       id="guide357"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="42.394823,-21.154172"
+       orientation="1,0"
+       id="guide359"
+       inkscape:locked="false" />
+  </sodipodi:namedview>
+  <defs
+     id="defs2">
+    <marker
+       style="overflow:visible"
+       id="Arrow2-9"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       inkscape:stockid="Arrow2"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       inkscape:isstock="true"
+       inkscape:collect="always"
+       preserveAspectRatio="xMidYMid">
+      <path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-3" />
+    </marker>
+  </defs>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline">
+    <g
+       id="g9111"
+       style="display:inline">
+      <path
+         style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="m 41.628079,28.5484 c 0.815754,0.2624 24.542874,-0.121161 25.197591,-0.09548"
+         id="path127"
+         sodipodi:nodetypes="cc" />
+      <g
+         id="g15627"
+         transform="matrix(0.94768543,0,0,0.98216945,0.49024194,10.768235)"
+         style="display:inline">
+        <text
+           xml:space="preserve"
+           style="font-size:3.93397px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.197318;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           x="45.748825"
+           y="18.934566"
+           id="text5609"
+           transform="matrix(0.94966469,-0.00807366,0.00729318,1.0529412,0,0)"><tspan
+             sodipodi:role="line"
+             id="tspan5607"
+             style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.197318;stroke-dasharray:none;stroke-opacity:1"
+             x="45.748825"
+             y="18.934566">1</tspan></text>
+        <ellipse
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.19732;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="circle5613"
+           cx="-45.073257"
+           cy="-16.922338"
+           transform="matrix(-0.99966972,-0.02569916,0.02094013,-0.99978073,0,0)"
+           rx="1.708829"
+           ry="1.8929724" />
+      </g>
+      <path
+         style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.436094;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-9);paint-order:normal"
+         d="m 54.311841,28.040434 -8.651582,0.151802"
+         id="path18514"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="-4.567767"
+         inkscape:transform-center-y="0.30785214" />
+    </g>
+    <g
+       id="g9119"
+       style="display:none">
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 66.877412,28.388494 C 65.379702,31.711422 48.282327,66.9129 46.134029,71.528894"
+         id="path10277"
+         sodipodi:nodetypes="cc" />
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.47867;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-9);paint-order:stroke fill markers"
+         d="m 60.299699,42.806613 c 0.734767,-1.875585 3.638305,-9.072475 3.638305,-9.072475"
+         id="path18516"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="1.9032412"
+         inkscape:transform-center-y="4.7057266" />
+      <g
+         id="g18524"
+         transform="matrix(1.6162784,0,0,1.4600023,-15.321118,15.717041)"
+         style="display:inline">
+        <text
+           xml:space="preserve"
+           style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           x="49.768463"
+           y="10.649764"
+           id="text18520"
+           transform="matrix(0.99960636,-0.0021636,0.00216529,1.0003891,0,0)"><tspan
+             sodipodi:role="line"
+             id="tspan18518"
+             style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
+             x="49.768463"
+             y="10.649764">2</tspan></text>
+        <circle
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="circle18522"
+           cx="-50.731476"
+           cy="-8.3328476"
+           r="1.2760839"
+           transform="rotate(-178.35508)" />
+      </g>
+    </g>
+  </g>
+</svg>

public/assets/numeric/n7_l2.svg

@@ -0,0 +1,220 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="100mm"
+   height="100mm"
+   viewBox="0 0 100 100"
+   version="1.1"
+   id="svg5"
+   inkscape:export-filename="w7_l2.svg"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   sodipodi:docname="w0.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview7"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     showgrid="false"
+     showguides="true"
+     inkscape:zoom="1.4478969"
+     inkscape:cx="172.3189"
+     inkscape:cy="215.48496"
+     inkscape:window-width="1920"
+     inkscape:window-height="1011"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1">
+    <sodipodi:guide
+       position="50.044837,106.13694"
+       orientation="1,0"
+       id="guide61"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="30.151491,87.756667"
+       orientation="1,0"
+       id="guide65"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="34.933229,103.49635"
+       orientation="1,0"
+       id="guide67"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="117.31671,32.570302"
+       orientation="0,-1"
+       id="guide69"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="-33.075271,49.930251"
+       orientation="0,-1"
+       id="guide71"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="65.121878,12.99501"
+       orientation="1,0"
+       id="guide550"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="105.80432,67.655673"
+       orientation="0,-1"
+       id="guide343"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="105.07338,82.274578"
+       orientation="0,-1"
+       id="guide347"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="106.16979,17.585925"
+       orientation="0,-1"
+       id="guide349"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="70.170742,91.411393"
+       orientation="1,0"
+       id="guide351"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="49.521539,24.712641"
+       orientation="0,-1"
+       id="guide353"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="50.069748,74.965125"
+       orientation="0,-1"
+       id="guide355"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="57.561936,-11.83462"
+       orientation="1,0"
+       id="guide357"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="42.394823,-21.154172"
+       orientation="1,0"
+       id="guide359"
+       inkscape:locked="false" />
+  </sodipodi:namedview>
+  <defs
+     id="defs2">
+    <marker
+       style="overflow:visible"
+       id="Arrow2-9"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       inkscape:stockid="Arrow2"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       inkscape:isstock="true"
+       inkscape:collect="always"
+       preserveAspectRatio="xMidYMid">
+      <path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-3" />
+    </marker>
+  </defs>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline">
+    <g
+       id="g9111"
+       style="display:none">
+      <path
+         style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="m 41.628079,28.5484 c 0.815754,0.2624 24.542874,-0.121161 25.197591,-0.09548"
+         id="path127"
+         sodipodi:nodetypes="cc" />
+      <g
+         id="g15627"
+         transform="matrix(0.94768543,0,0,0.98216945,0.49024194,10.768235)"
+         style="display:inline">
+        <text
+           xml:space="preserve"
+           style="font-size:3.93397px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.197318;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           x="45.748825"
+           y="18.934566"
+           id="text5609"
+           transform="matrix(0.94966469,-0.00807366,0.00729318,1.0529412,0,0)"><tspan
+             sodipodi:role="line"
+             id="tspan5607"
+             style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.197318;stroke-dasharray:none;stroke-opacity:1"
+             x="45.748825"
+             y="18.934566">1</tspan></text>
+        <ellipse
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.19732;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="circle5613"
+           cx="-45.073257"
+           cy="-16.922338"
+           transform="matrix(-0.99966972,-0.02569916,0.02094013,-0.99978073,0,0)"
+           rx="1.708829"
+           ry="1.8929724" />
+      </g>
+      <path
+         style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.436094;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-9);paint-order:normal"
+         d="m 54.311841,28.040434 -8.651582,0.151802"
+         id="path18514"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="-4.567767"
+         inkscape:transform-center-y="0.30785214" />
+    </g>
+    <g
+       id="g9119"
+       style="display:inline">
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 66.877412,28.388494 C 65.379702,31.711422 48.282327,66.9129 46.134029,71.528894"
+         id="path10277"
+         sodipodi:nodetypes="cc" />
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.47867;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-9);paint-order:stroke fill markers"
+         d="m 60.299699,42.806613 c 0.734767,-1.875585 3.638305,-9.072475 3.638305,-9.072475"
+         id="path18516"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="1.9032412"
+         inkscape:transform-center-y="4.7057266" />
+      <g
+         id="g18524"
+         transform="matrix(1.6162784,0,0,1.4600023,-15.321118,15.717041)"
+         style="display:inline">
+        <text
+           xml:space="preserve"
+           style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           x="49.768463"
+           y="10.649764"
+           id="text18520"
+           transform="matrix(0.99960636,-0.0021636,0.00216529,1.0003891,0,0)"><tspan
+             sodipodi:role="line"
+             id="tspan18518"
+             style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
+             x="49.768463"
+             y="10.649764">2</tspan></text>
+        <circle
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="circle18522"
+           cx="-50.731476"
+           cy="-8.3328476"
+           r="1.2760839"
+           transform="rotate(-178.35508)" />
+      </g>
+    </g>
+  </g>
+</svg>

public/assets/numeric/n8.svg

@@ -0,0 +1,212 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="100mm"
+   height="100mm"
+   viewBox="0 0 100 100"
+   version="1.1"
+   id="svg5"
+   inkscape:export-filename="w7_l2.svg"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   sodipodi:docname="w0.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview7"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     showgrid="false"
+     showguides="true"
+     inkscape:zoom="1.4478969"
+     inkscape:cx="172.3189"
+     inkscape:cy="215.48496"
+     inkscape:window-width="1920"
+     inkscape:window-height="1011"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1">
+    <sodipodi:guide
+       position="50.044837,106.13694"
+       orientation="1,0"
+       id="guide61"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="30.151491,87.756667"
+       orientation="1,0"
+       id="guide65"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="34.933229,103.49635"
+       orientation="1,0"
+       id="guide67"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="117.31671,32.570302"
+       orientation="0,-1"
+       id="guide69"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="-33.075271,49.930251"
+       orientation="0,-1"
+       id="guide71"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="65.121878,12.99501"
+       orientation="1,0"
+       id="guide550"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="105.80432,67.655673"
+       orientation="0,-1"
+       id="guide343"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="105.07338,82.274578"
+       orientation="0,-1"
+       id="guide347"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="106.16979,17.585925"
+       orientation="0,-1"
+       id="guide349"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="70.170742,91.411393"
+       orientation="1,0"
+       id="guide351"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="49.521539,24.712641"
+       orientation="0,-1"
+       id="guide353"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="50.069748,74.965125"
+       orientation="0,-1"
+       id="guide355"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="57.561936,-11.83462"
+       orientation="1,0"
+       id="guide357"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="42.394823,-21.154172"
+       orientation="1,0"
+       id="guide359"
+       inkscape:locked="false" />
+  </sodipodi:namedview>
+  <defs
+     id="defs2">
+    <marker
+       style="overflow:visible"
+       id="Arrow2-6"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       inkscape:stockid="Arrow2"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       inkscape:isstock="true"
+       inkscape:collect="always"
+       preserveAspectRatio="xMidYMid">
+      <path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-0" />
+    </marker>
+  </defs>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline">
+    <path
+       style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="m 43.166082,69.337929 c 10.041865,3.581252 17.073324,1.419906 20.438237,-3.04324 4.133854,-5.483056 3.082465,-14.16368 -0.464163,-16.563446 C 50.571087,41.226602 40.896567,43.456551 39.353976,36.021404 35.612499,17.987819 63.766417,18.053818 65.60695,31.436214"
+       id="path127"
+       sodipodi:nodetypes="csssc" />
+    <g
+       id="g19076"
+       transform="matrix(1.2186431,0,0,1.0445256,4.9737543,4.7754049)"
+       style="display:inline">
+      <text
+         xml:space="preserve"
+         style="font-size:3.93397px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.197318;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="45.748825"
+         y="18.934566"
+         id="text19072"
+         transform="matrix(0.94966469,-0.00807366,0.00729318,1.0529412,0,0)"><tspan
+           sodipodi:role="line"
+           id="tspan19070"
+           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.197318;stroke-dasharray:none;stroke-opacity:1"
+           x="45.748825"
+           y="18.934566">1</tspan></text>
+      <ellipse
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.19732;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="ellipse19074"
+         cx="-45.073257"
+         cy="-16.922338"
+         transform="matrix(-0.99966972,-0.02569916,0.02094013,-0.99978073,0,0)"
+         rx="1.708829"
+         ry="1.8929724" />
+    </g>
+    <path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.54279;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-6);paint-order:stroke fill markers"
+       d="m 43.023604,24.444143 c 3.981479,-1.94131 9.037372,-2.798631 13.425938,-1.747177"
+       id="path19082"
+       sodipodi:nodetypes="cc"
+       inkscape:transform-center-x="6.3285755"
+       inkscape:transform-center-y="1.3354378" />
+    <path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="m 65.649049,31.680591 c 0.361279,6.014275 -16.599028,13.503824 -23.733609,22.325413 -3.899469,4.821518 -4.063617,14.16183 2.28392,15.470082"
+       id="path10277"
+       sodipodi:nodetypes="csc" />
+    <path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.54279;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-6);paint-order:stroke fill markers"
+       d="M 42.745642,53.011783 C 38.9848,55.587363 37.79208,61.25146 39.304807,64.411564"
+       id="path19092"
+       sodipodi:nodetypes="cc"
+       inkscape:transform-center-x="-2.4478083"
+       inkscape:transform-center-y="-5.17866" />
+    <g
+       id="g19090"
+       transform="matrix(1.7110999,0,0,1.5303902,-45.355532,52.079839)"
+       style="display:inline">
+      <text
+         xml:space="preserve"
+         style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="49.768463"
+         y="10.649764"
+         id="text19086"
+         transform="matrix(0.99960636,-0.0021636,0.00216529,1.0003891,0,0)"><tspan
+           sodipodi:role="line"
+           id="tspan19084"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
+           x="49.768463"
+           y="10.649764">2</tspan></text>
+      <circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle19088"
+         cx="-50.731476"
+         cy="-8.3328476"
+         r="1.2760839"
+         transform="rotate(-178.35508)" />
+    </g>
+  </g>
+</svg>

public/assets/numeric/n8_l1.svg

@@ -0,0 +1,219 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="100mm"
+   height="100mm"
+   viewBox="0 0 100 100"
+   version="1.1"
+   id="svg5"
+   inkscape:export-filename="w8.png"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   sodipodi:docname="w0.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview7"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     showgrid="false"
+     showguides="true"
+     inkscape:zoom="1.4478969"
+     inkscape:cx="172.3189"
+     inkscape:cy="215.48496"
+     inkscape:window-width="1920"
+     inkscape:window-height="1011"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1">
+    <sodipodi:guide
+       position="50.044837,106.13694"
+       orientation="1,0"
+       id="guide61"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="30.151491,87.756667"
+       orientation="1,0"
+       id="guide65"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="34.933229,103.49635"
+       orientation="1,0"
+       id="guide67"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="117.31671,32.570302"
+       orientation="0,-1"
+       id="guide69"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="-33.075271,49.930251"
+       orientation="0,-1"
+       id="guide71"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="65.121878,12.99501"
+       orientation="1,0"
+       id="guide550"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="105.80432,67.655673"
+       orientation="0,-1"
+       id="guide343"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="105.07338,82.274578"
+       orientation="0,-1"
+       id="guide347"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="106.16979,17.585925"
+       orientation="0,-1"
+       id="guide349"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="70.170742,91.411393"
+       orientation="1,0"
+       id="guide351"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="49.521539,24.712641"
+       orientation="0,-1"
+       id="guide353"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="50.069748,74.965125"
+       orientation="0,-1"
+       id="guide355"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="57.561936,-11.83462"
+       orientation="1,0"
+       id="guide357"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="42.394823,-21.154172"
+       orientation="1,0"
+       id="guide359"
+       inkscape:locked="false" />
+  </sodipodi:namedview>
+  <defs
+     id="defs2">
+    <marker
+       style="overflow:visible"
+       id="Arrow2-6"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       inkscape:stockid="Arrow2"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       inkscape:isstock="true"
+       inkscape:collect="always"
+       preserveAspectRatio="xMidYMid">
+      <path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-0" />
+    </marker>
+  </defs>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline">
+    <g
+       id="g9941">
+      <path
+         style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="m 43.166082,69.337929 c 10.041865,3.581252 17.073324,1.419906 20.438237,-3.04324 4.133854,-5.483056 3.082465,-14.16368 -0.464163,-16.563446 C 50.571087,41.226602 40.896567,43.456551 39.353976,36.021404 35.612499,17.987819 63.766417,18.053818 65.60695,31.436214"
+         id="path127"
+         sodipodi:nodetypes="csssc" />
+      <g
+         id="g19076"
+         transform="matrix(1.2186431,0,0,1.0445256,4.9737543,4.7754049)"
+         style="display:inline">
+        <text
+           xml:space="preserve"
+           style="font-size:3.93397px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.197318;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           x="45.748825"
+           y="18.934566"
+           id="text19072"
+           transform="matrix(0.94966469,-0.00807366,0.00729318,1.0529412,0,0)"><tspan
+             sodipodi:role="line"
+             id="tspan19070"
+             style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.197318;stroke-dasharray:none;stroke-opacity:1"
+             x="45.748825"
+             y="18.934566">1</tspan></text>
+        <ellipse
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.19732;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="ellipse19074"
+           cx="-45.073257"
+           cy="-16.922338"
+           transform="matrix(-0.99966972,-0.02569916,0.02094013,-0.99978073,0,0)"
+           rx="1.708829"
+           ry="1.8929724" />
+      </g>
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.54279;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-6);paint-order:stroke fill markers"
+         d="m 43.023604,24.444143 c 3.981479,-1.94131 9.037372,-2.798631 13.425938,-1.747177"
+         id="path19082"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="6.3285755"
+         inkscape:transform-center-y="1.3354378" />
+    </g>
+    <g
+       id="g9949"
+       style="display:none">
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="m 65.649049,31.680591 c 0.361279,6.014275 -16.599028,13.503824 -23.733609,22.325413 -3.899469,4.821518 -4.063617,14.16183 2.28392,15.470082"
+         id="path10277"
+         sodipodi:nodetypes="csc" />
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.54279;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-6);paint-order:stroke fill markers"
+         d="M 42.745642,53.011783 C 38.9848,55.587363 37.79208,61.25146 39.304807,64.411564"
+         id="path19092"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="-2.4478083"
+         inkscape:transform-center-y="-5.17866" />
+      <g
+         id="g19090"
+         transform="matrix(1.7110999,0,0,1.5303902,-45.355532,52.079839)"
+         style="display:inline">
+        <text
+           xml:space="preserve"
+           style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           x="49.768463"
+           y="10.649764"
+           id="text19086"
+           transform="matrix(0.99960636,-0.0021636,0.00216529,1.0003891,0,0)"><tspan
+             sodipodi:role="line"
+             id="tspan19084"
+             style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
+             x="49.768463"
+             y="10.649764">2</tspan></text>
+        <circle
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="circle19088"
+           cx="-50.731476"
+           cy="-8.3328476"
+           r="1.2760839"
+           transform="rotate(-178.35508)" />
+      </g>
+    </g>
+  </g>
+</svg>

public/assets/numeric/n8_l2.svg

@@ -0,0 +1,220 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="100mm"
+   height="100mm"
+   viewBox="0 0 100 100"
+   version="1.1"
+   id="svg5"
+   inkscape:export-filename="w8_l1.svg"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   sodipodi:docname="w0.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview7"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     showgrid="false"
+     showguides="true"
+     inkscape:zoom="1.4478969"
+     inkscape:cx="172.3189"
+     inkscape:cy="215.48496"
+     inkscape:window-width="1920"
+     inkscape:window-height="1011"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1">
+    <sodipodi:guide
+       position="50.044837,106.13694"
+       orientation="1,0"
+       id="guide61"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="30.151491,87.756667"
+       orientation="1,0"
+       id="guide65"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="34.933229,103.49635"
+       orientation="1,0"
+       id="guide67"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="117.31671,32.570302"
+       orientation="0,-1"
+       id="guide69"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="-33.075271,49.930251"
+       orientation="0,-1"
+       id="guide71"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="65.121878,12.99501"
+       orientation="1,0"
+       id="guide550"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="105.80432,67.655673"
+       orientation="0,-1"
+       id="guide343"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="105.07338,82.274578"
+       orientation="0,-1"
+       id="guide347"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="106.16979,17.585925"
+       orientation="0,-1"
+       id="guide349"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="70.170742,91.411393"
+       orientation="1,0"
+       id="guide351"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="49.521539,24.712641"
+       orientation="0,-1"
+       id="guide353"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="50.069748,74.965125"
+       orientation="0,-1"
+       id="guide355"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="57.561936,-11.83462"
+       orientation="1,0"
+       id="guide357"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="42.394823,-21.154172"
+       orientation="1,0"
+       id="guide359"
+       inkscape:locked="false" />
+  </sodipodi:namedview>
+  <defs
+     id="defs2">
+    <marker
+       style="overflow:visible"
+       id="Arrow2-6"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       inkscape:stockid="Arrow2"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       inkscape:isstock="true"
+       inkscape:collect="always"
+       preserveAspectRatio="xMidYMid">
+      <path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-0" />
+    </marker>
+  </defs>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline">
+    <g
+       id="g9941"
+       style="display:none">
+      <path
+         style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="m 43.166082,69.337929 c 10.041865,3.581252 17.073324,1.419906 20.438237,-3.04324 4.133854,-5.483056 3.082465,-14.16368 -0.464163,-16.563446 C 50.571087,41.226602 40.896567,43.456551 39.353976,36.021404 35.612499,17.987819 63.766417,18.053818 65.60695,31.436214"
+         id="path127"
+         sodipodi:nodetypes="csssc" />
+      <g
+         id="g19076"
+         transform="matrix(1.2186431,0,0,1.0445256,4.9737543,4.7754049)"
+         style="display:inline">
+        <text
+           xml:space="preserve"
+           style="font-size:3.93397px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.197318;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           x="45.748825"
+           y="18.934566"
+           id="text19072"
+           transform="matrix(0.94966469,-0.00807366,0.00729318,1.0529412,0,0)"><tspan
+             sodipodi:role="line"
+             id="tspan19070"
+             style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.197318;stroke-dasharray:none;stroke-opacity:1"
+             x="45.748825"
+             y="18.934566">1</tspan></text>
+        <ellipse
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.19732;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="ellipse19074"
+           cx="-45.073257"
+           cy="-16.922338"
+           transform="matrix(-0.99966972,-0.02569916,0.02094013,-0.99978073,0,0)"
+           rx="1.708829"
+           ry="1.8929724" />
+      </g>
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.54279;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-6);paint-order:stroke fill markers"
+         d="m 43.023604,24.444143 c 3.981479,-1.94131 9.037372,-2.798631 13.425938,-1.747177"
+         id="path19082"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="6.3285755"
+         inkscape:transform-center-y="1.3354378" />
+    </g>
+    <g
+       id="g9949"
+       style="display:inline">
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="m 65.649049,31.680591 c 0.361279,6.014275 -16.599028,13.503824 -23.733609,22.325413 -3.899469,4.821518 -4.063617,14.16183 2.28392,15.470082"
+         id="path10277"
+         sodipodi:nodetypes="csc" />
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.54279;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-6);paint-order:stroke fill markers"
+         d="M 42.745642,53.011783 C 38.9848,55.587363 37.79208,61.25146 39.304807,64.411564"
+         id="path19092"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="-2.4478083"
+         inkscape:transform-center-y="-5.17866" />
+      <g
+         id="g19090"
+         transform="matrix(1.7110999,0,0,1.5303902,-45.355532,52.079839)"
+         style="display:inline">
+        <text
+           xml:space="preserve"
+           style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           x="49.768463"
+           y="10.649764"
+           id="text19086"
+           transform="matrix(0.99960636,-0.0021636,0.00216529,1.0003891,0,0)"><tspan
+             sodipodi:role="line"
+             id="tspan19084"
+             style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
+             x="49.768463"
+             y="10.649764">2</tspan></text>
+        <circle
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="circle19088"
+           cx="-50.731476"
+           cy="-8.3328476"
+           r="1.2760839"
+           transform="rotate(-178.35508)" />
+      </g>
+    </g>
+  </g>
+</svg>

public/assets/numeric/n9.svg

@@ -0,0 +1,218 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="100mm"
+   height="100mm"
+   viewBox="0 0 100 100"
+   version="1.1"
+   id="svg5"
+   inkscape:export-filename="w8_l2.svg"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   sodipodi:docname="n9.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview7"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     showgrid="false"
+     showguides="true"
+     inkscape:zoom="1.4478969"
+     inkscape:cx="172.3189"
+     inkscape:cy="215.48496"
+     inkscape:window-width="1920"
+     inkscape:window-height="1011"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1">
+    <sodipodi:guide
+       position="50.044837,106.13694"
+       orientation="1,0"
+       id="guide61"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="30.151491,87.756667"
+       orientation="1,0"
+       id="guide65"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="34.933229,103.49635"
+       orientation="1,0"
+       id="guide67"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="117.31671,32.570302"
+       orientation="0,-1"
+       id="guide69"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="-33.075271,49.930251"
+       orientation="0,-1"
+       id="guide71"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="65.121878,12.99501"
+       orientation="1,0"
+       id="guide550"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="105.80432,67.655673"
+       orientation="0,-1"
+       id="guide343"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="105.07338,82.274578"
+       orientation="0,-1"
+       id="guide347"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="106.16979,17.585925"
+       orientation="0,-1"
+       id="guide349"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="70.170742,91.411393"
+       orientation="1,0"
+       id="guide351"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="49.521539,24.712641"
+       orientation="0,-1"
+       id="guide353"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="50.069748,74.965125"
+       orientation="0,-1"
+       id="guide355"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="57.561936,-11.83462"
+       orientation="1,0"
+       id="guide357"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="42.394823,-21.154172"
+       orientation="1,0"
+       id="guide359"
+       inkscape:locked="false" />
+  </sodipodi:namedview>
+  <defs
+     id="defs2">
+    <marker
+       style="overflow:visible"
+       id="Arrow2-6"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       inkscape:stockid="Arrow2"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       inkscape:isstock="true"
+       inkscape:collect="always"
+       preserveAspectRatio="xMidYMid">
+      <path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-2" />
+    </marker>
+  </defs>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline">
+    <g
+       id="g2733">
+      <path
+         style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 61.320139,35.938187 C 58.572907,23.057623 41.944671,28.366313 40.693618,39.889307 39.371875,52.0634 47.473584,60.824447 54.144476,50.502828 60.00805,41.430339 61.3926,36.149338 61.3926,36.149338"
+         id="path127"
+         sodipodi:nodetypes="cssc" />
+      <g
+         id="g19076"
+         transform="matrix(0.95197944,-0.18321878,0.17851821,0.92755594,11.362464,20.294433)"
+         style="display:inline">
+        <text
+           xml:space="preserve"
+           style="font-size:3.93397px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.197318;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           x="48.631275"
+           y="9.711072"
+           id="text19072"
+           transform="matrix(0.93107468,0.19207718,-0.20335779,1.0320758,0,0)"><tspan
+             sodipodi:role="line"
+             id="tspan19070"
+             style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.197318;stroke-dasharray:none;stroke-opacity:1"
+             x="48.631275"
+             y="9.711072">1</tspan></text>
+        <ellipse
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.197337;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="ellipse19074"
+           cx="-48.100395"
+           cy="-2.605973"
+           transform="matrix(-0.94597462,-0.32424067,0.30611958,-0.95199307,0,0)"
+           rx="1.7133685"
+           ry="1.8882798" />
+      </g>
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.400616;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-6);paint-order:stroke fill markers"
+         d="m 43.497576,32.608387 c 2.883663,-1.898869 6.75206,-3.236869 10.340556,-3.199642"
+         id="path19082"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="4.7793359"
+         inkscape:transform-center-y="2.0008444" />
+    </g>
+    <g
+       id="g2802">
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="m 61.212006,79.358313 c 0.241585,-16.483557 0.298687,-38.321144 0.09913,-45.884667"
+         id="path10277"
+         sodipodi:nodetypes="cc" />
+      <g
+         id="g19090"
+         transform="matrix(1.2039578,0,0,1.2175428,0.8490144,22.177419)"
+         style="display:inline">
+        <text
+           xml:space="preserve"
+           style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           x="49.768463"
+           y="10.649764"
+           id="text19086"
+           transform="matrix(0.99960636,-0.0021636,0.00216529,1.0003891,0,0)"><tspan
+             sodipodi:role="line"
+             id="tspan19084"
+             style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
+             x="49.768463"
+             y="10.649764">2</tspan></text>
+        <circle
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="circle19088"
+           cx="-50.731476"
+           cy="-8.3328476"
+           r="1.2760839"
+           transform="rotate(-178.35508)" />
+      </g>
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.400616;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-6);paint-order:stroke fill markers"
+         d="M 61.840472,46.630573 C 61.853302,43.892443 61.6155,38.709824 61.678371,36.371032"
+         id="path19667"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="0.072821416"
+         inkscape:transform-center-y="3.8615703" />
+    </g>
+  </g>
+</svg>

public/assets/numeric/n9_l1.svg

@@ -0,0 +1,219 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="100mm"
+   height="100mm"
+   viewBox="0 0 100 100"
+   version="1.1"
+   id="svg5"
+   inkscape:export-filename="n9.svg"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   sodipodi:docname="n9.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview7"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     showgrid="false"
+     showguides="true"
+     inkscape:zoom="1.4478969"
+     inkscape:cx="172.3189"
+     inkscape:cy="215.48496"
+     inkscape:window-width="1920"
+     inkscape:window-height="1011"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1">
+    <sodipodi:guide
+       position="50.044837,106.13694"
+       orientation="1,0"
+       id="guide61"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="30.151491,87.756667"
+       orientation="1,0"
+       id="guide65"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="34.933229,103.49635"
+       orientation="1,0"
+       id="guide67"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="117.31671,32.570302"
+       orientation="0,-1"
+       id="guide69"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="-33.075271,49.930251"
+       orientation="0,-1"
+       id="guide71"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="65.121878,12.99501"
+       orientation="1,0"
+       id="guide550"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="105.80432,67.655673"
+       orientation="0,-1"
+       id="guide343"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="105.07338,82.274578"
+       orientation="0,-1"
+       id="guide347"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="106.16979,17.585925"
+       orientation="0,-1"
+       id="guide349"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="70.170742,91.411393"
+       orientation="1,0"
+       id="guide351"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="49.521539,24.712641"
+       orientation="0,-1"
+       id="guide353"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="50.069748,74.965125"
+       orientation="0,-1"
+       id="guide355"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="57.561936,-11.83462"
+       orientation="1,0"
+       id="guide357"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="42.394823,-21.154172"
+       orientation="1,0"
+       id="guide359"
+       inkscape:locked="false" />
+  </sodipodi:namedview>
+  <defs
+     id="defs2">
+    <marker
+       style="overflow:visible"
+       id="Arrow2-6"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       inkscape:stockid="Arrow2"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       inkscape:isstock="true"
+       inkscape:collect="always"
+       preserveAspectRatio="xMidYMid">
+      <path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-2" />
+    </marker>
+  </defs>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline">
+    <g
+       id="g2733">
+      <path
+         style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 61.320139,35.938187 C 58.572907,23.057623 41.944671,28.366313 40.693618,39.889307 39.371875,52.0634 47.473584,60.824447 54.144476,50.502828 60.00805,41.430339 61.3926,36.149338 61.3926,36.149338"
+         id="path127"
+         sodipodi:nodetypes="cssc" />
+      <g
+         id="g19076"
+         transform="matrix(0.95197944,-0.18321878,0.17851821,0.92755594,11.362464,20.294433)"
+         style="display:inline">
+        <text
+           xml:space="preserve"
+           style="font-size:3.93397px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.197318;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           x="48.631275"
+           y="9.711072"
+           id="text19072"
+           transform="matrix(0.93107468,0.19207718,-0.20335779,1.0320758,0,0)"><tspan
+             sodipodi:role="line"
+             id="tspan19070"
+             style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.197318;stroke-dasharray:none;stroke-opacity:1"
+             x="48.631275"
+             y="9.711072">1</tspan></text>
+        <ellipse
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.197337;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="ellipse19074"
+           cx="-48.100395"
+           cy="-2.605973"
+           transform="matrix(-0.94597462,-0.32424067,0.30611958,-0.95199307,0,0)"
+           rx="1.7133685"
+           ry="1.8882798" />
+      </g>
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.400616;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-6);paint-order:stroke fill markers"
+         d="m 43.497576,32.608387 c 2.883663,-1.898869 6.75206,-3.236869 10.340556,-3.199642"
+         id="path19082"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="4.7793359"
+         inkscape:transform-center-y="2.0008444" />
+    </g>
+    <g
+       id="g2802"
+       style="display:none">
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="m 61.212006,79.358313 c 0.241585,-16.483557 0.298687,-38.321144 0.09913,-45.884667"
+         id="path10277"
+         sodipodi:nodetypes="cc" />
+      <g
+         id="g19090"
+         transform="matrix(1.2039578,0,0,1.2175428,0.8490144,22.177419)"
+         style="display:inline">
+        <text
+           xml:space="preserve"
+           style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           x="49.768463"
+           y="10.649764"
+           id="text19086"
+           transform="matrix(0.99960636,-0.0021636,0.00216529,1.0003891,0,0)"><tspan
+             sodipodi:role="line"
+             id="tspan19084"
+             style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
+             x="49.768463"
+             y="10.649764">2</tspan></text>
+        <circle
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="circle19088"
+           cx="-50.731476"
+           cy="-8.3328476"
+           r="1.2760839"
+           transform="rotate(-178.35508)" />
+      </g>
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.400616;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-6);paint-order:stroke fill markers"
+         d="M 61.840472,46.630573 C 61.853302,43.892443 61.6155,38.709824 61.678371,36.371032"
+         id="path19667"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="0.072821416"
+         inkscape:transform-center-y="3.8615703" />
+    </g>
+  </g>
+</svg>

public/assets/numeric/n9_l2.svg

@@ -0,0 +1,220 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="100mm"
+   height="100mm"
+   viewBox="0 0 100 100"
+   version="1.1"
+   id="svg5"
+   inkscape:export-filename="n9_l1.svg"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   sodipodi:docname="n9.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview7"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     showgrid="false"
+     showguides="true"
+     inkscape:zoom="1.4478969"
+     inkscape:cx="172.3189"
+     inkscape:cy="215.48496"
+     inkscape:window-width="1920"
+     inkscape:window-height="1011"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1">
+    <sodipodi:guide
+       position="50.044837,106.13694"
+       orientation="1,0"
+       id="guide61"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="30.151491,87.756667"
+       orientation="1,0"
+       id="guide65"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="34.933229,103.49635"
+       orientation="1,0"
+       id="guide67"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="117.31671,32.570302"
+       orientation="0,-1"
+       id="guide69"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="-33.075271,49.930251"
+       orientation="0,-1"
+       id="guide71"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="65.121878,12.99501"
+       orientation="1,0"
+       id="guide550"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="105.80432,67.655673"
+       orientation="0,-1"
+       id="guide343"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="105.07338,82.274578"
+       orientation="0,-1"
+       id="guide347"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="106.16979,17.585925"
+       orientation="0,-1"
+       id="guide349"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="70.170742,91.411393"
+       orientation="1,0"
+       id="guide351"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="49.521539,24.712641"
+       orientation="0,-1"
+       id="guide353"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="50.069748,74.965125"
+       orientation="0,-1"
+       id="guide355"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="57.561936,-11.83462"
+       orientation="1,0"
+       id="guide357"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="42.394823,-21.154172"
+       orientation="1,0"
+       id="guide359"
+       inkscape:locked="false" />
+  </sodipodi:namedview>
+  <defs
+     id="defs2">
+    <marker
+       style="overflow:visible"
+       id="Arrow2-6"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       inkscape:stockid="Arrow2"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       inkscape:isstock="true"
+       inkscape:collect="always"
+       preserveAspectRatio="xMidYMid">
+      <path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-2" />
+    </marker>
+  </defs>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline">
+    <g
+       id="g2733"
+       style="display:none">
+      <path
+         style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 61.320139,35.938187 C 58.572907,23.057623 41.944671,28.366313 40.693618,39.889307 39.371875,52.0634 47.473584,60.824447 54.144476,50.502828 60.00805,41.430339 61.3926,36.149338 61.3926,36.149338"
+         id="path127"
+         sodipodi:nodetypes="cssc" />
+      <g
+         id="g19076"
+         transform="matrix(0.95197944,-0.18321878,0.17851821,0.92755594,11.362464,20.294433)"
+         style="display:inline">
+        <text
+           xml:space="preserve"
+           style="font-size:3.93397px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.197318;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           x="48.631275"
+           y="9.711072"
+           id="text19072"
+           transform="matrix(0.93107468,0.19207718,-0.20335779,1.0320758,0,0)"><tspan
+             sodipodi:role="line"
+             id="tspan19070"
+             style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.197318;stroke-dasharray:none;stroke-opacity:1"
+             x="48.631275"
+             y="9.711072">1</tspan></text>
+        <ellipse
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.197337;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="ellipse19074"
+           cx="-48.100395"
+           cy="-2.605973"
+           transform="matrix(-0.94597462,-0.32424067,0.30611958,-0.95199307,0,0)"
+           rx="1.7133685"
+           ry="1.8882798" />
+      </g>
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.400616;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-6);paint-order:stroke fill markers"
+         d="m 43.497576,32.608387 c 2.883663,-1.898869 6.75206,-3.236869 10.340556,-3.199642"
+         id="path19082"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="4.7793359"
+         inkscape:transform-center-y="2.0008444" />
+    </g>
+    <g
+       id="g2802"
+       style="display:inline">
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="m 61.212006,79.358313 c 0.241585,-16.483557 0.298687,-38.321144 0.09913,-45.884667"
+         id="path10277"
+         sodipodi:nodetypes="cc" />
+      <g
+         id="g19090"
+         transform="matrix(1.2039578,0,0,1.2175428,0.8490144,22.177419)"
+         style="display:inline">
+        <text
+           xml:space="preserve"
+           style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           x="49.768463"
+           y="10.649764"
+           id="text19086"
+           transform="matrix(0.99960636,-0.0021636,0.00216529,1.0003891,0,0)"><tspan
+             sodipodi:role="line"
+             id="tspan19084"
+             style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
+             x="49.768463"
+             y="10.649764">2</tspan></text>
+        <circle
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="circle19088"
+           cx="-50.731476"
+           cy="-8.3328476"
+           r="1.2760839"
+           transform="rotate(-178.35508)" />
+      </g>
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.400616;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-6);paint-order:stroke fill markers"
+         d="M 61.840472,46.630573 C 61.853302,43.892443 61.6155,38.709824 61.678371,36.371032"
+         id="path19667"
+         sodipodi:nodetypes="cc"
+         inkscape:transform-center-x="0.072821416"
+         inkscape:transform-center-y="3.8615703" />
+    </g>
+  </g>
+</svg>

public/assets/small-letter/as.svg

@@ -0,0 +1,382 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="100mm"
+   height="100mm"
+   viewBox="0 0 100 100"
+   version="1.1"
+   id="svg5"
+   sodipodi:docname="as.svg"
+   inkscape:export-filename="as_l2.svg"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview51242"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     showgrid="false"
+     showguides="true">
+    <sodipodi:guide
+       position="107.64909,49.99107"
+       orientation="0,-1"
+       id="guide51373"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="114.63086,74.995535"
+       orientation="0,-1"
+       id="guide51375"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="69.817661,104.871"
+       orientation="1,0"
+       id="guide51377"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="49.846563,90.7451"
+       orientation="1,0"
+       id="guide51379"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="30.037831,109.742"
+       orientation="1,0"
+       id="guide51381"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="114.14376,25.148972"
+       orientation="0,-1"
+       id="guide51383"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="121.77499,67.526669"
+       orientation="0,-1"
+       id="guide51385"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="-62.511162,32.455471"
+       orientation="0,-1"
+       id="guide51387"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="79.722027,92.531133"
+       orientation="0,-1"
+       id="guide51389"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="75.500494,7.6133734"
+       orientation="0,-1"
+       id="guide51391"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="62.674703,108.2319"
+       orientation="1,0"
+       id="guide53858"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="37.604822,110.66405"
+       orientation="1,0"
+       id="guide53860"
+       inkscape:locked="false" />
+  </sodipodi:namedview>
+  <defs
+     id="defs2">
+    <marker
+       style="overflow:visible"
+       id="Arrow2"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       preserveAspectRatio="xMidYMid">
+      <path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="Arrow2-3"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       preserveAspectRatio="xMidYMid">
+      <path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-6" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="Arrow2-1"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       preserveAspectRatio="xMidYMid">
+      <path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-9" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="Arrow2-3-6"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       preserveAspectRatio="xMidYMid">
+      <path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-6-9" />
+    </marker>
+  </defs>
+  <path
+     style="fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
+     id="path4236"
+     d="m 57.545679,57.944683 a 13.298772,14.04826 0 0 1 -15.662412,5.225054 13.298772,14.04826 0 0 1 -8.521749,-14.832582 13.298772,14.04826 0 0 1 11.61793,-12.264703 13.298772,14.04826 0 0 1 14.035699,9.01167" />
+  <g
+     id="g2108"
+     transform="matrix(1.2458258,0,0,1.0736135,-7.442041,19.159715)"
+     style="display:inline">
+    <text
+       xml:space="preserve"
+       style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+       x="48.182404"
+       y="19.336451"
+       id="text9342-7"
+       transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
+         id="tspan9340-5"
+         style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
+         x="48.182404"
+         y="19.336451">1</tspan></text>
+    <circle
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+       id="path9448-3"
+       cx="-49.550514"
+       cy="-16.824097"
+       r="1.2760839"
+       transform="rotate(-178.67073)" />
+  </g>
+  <path
+     style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.354143;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3);paint-order:stroke fill markers"
+     d="m 43.611166,36.319847 c 3.385947,-1.005228 6.196104,-0.363629 8.281444,1.139168"
+     id="path13743-5" />
+  <g
+     id="g53964">
+    <path
+       style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="m 59.221664,62.935349 c -0.02582,-1.941847 0.120219,-25.457812 0.120219,-25.457812"
+       id="path1236" />
+    <g
+       id="g1244"
+       transform="matrix(0.98128129,-0.62309374,0.66463963,0.91994251,-5.6318659,64.196217)"
+       style="display:inline;stroke-width:0.115976;stroke-dasharray:none">
+      <text
+         xml:space="preserve"
+         style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.115976;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="54.113926"
+         y="-23.497944"
+         id="text1240"
+         transform="matrix(0.828845,0.5587786,-0.55921616,0.82949403,0,0)"><tspan
+           id="tspan1238"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.115976;stroke-dasharray:none;stroke-opacity:1"
+           x="54.113926"
+           y="-23.497944">2</tspan></text>
+      <circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.115976;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle1242"
+         cx="-54.018658"
+         cy="25.946033"
+         r="1.2760839"
+         transform="rotate(-144.24458)" />
+    </g>
+    <path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.385954;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+       d="m 59.285554,50.780998 c -0.01137,-2.314654 -0.02078,-11.224139 -0.02078,-11.224139"
+       id="path1246" />
+  </g>
+  <g
+     id="layer1"
+     style="display:none"
+     transform="translate(-8.3137563,-5.3274732)"
+     sodipodi:insensitive="true">
+    <g
+       id="g925"
+       style="display:none">
+      <path
+         style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 26.230399,9.296406 C 25.975464,8.1571602 26.129673,76.177325 26.129673,76.177325"
+         id="path127" />
+      <text
+         xml:space="preserve"
+         style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="24.886662"
+         y="20.667381"
+         id="text9342"
+         transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
+           id="tspan9340"
+           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
+           x="24.886662"
+           y="20.667381">1</tspan></text>
+      <circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="path9448"
+         cx="-26.316095"
+         cy="-18.873741"
+         r="1.2760839"
+         transform="rotate(-178.67073)" />
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-1);paint-order:stroke fill markers"
+         d="m 25.87537,31.624035 c -0.01675,-2.146498 -0.007,-10.408471 -0.007,-10.408471"
+         id="path13743" />
+    </g>
+    <g
+       id="g993"
+       style="display:none">
+      <path
+         style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 26.247474,9.2266727 66.651189,76.300324"
+         id="path1108" />
+      <path
+         style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.489119;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-1);paint-order:normal"
+         d="M 32.918443,20.131469 28.042266,11.663037"
+         id="path9576" />
+      <ellipse
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.142347;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+         id="circle9582"
+         cx="-12.740498"
+         cy="25.719242"
+         transform="matrix(-0.10482327,-0.99449087,0.99627769,-0.08620189,0,0)"
+         rx="1.2555509"
+         ry="1.3407919" />
+      <text
+         xml:space="preserve"
+         style="font-size:2.31839px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.142334;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+         x="24.872412"
+         y="12.578706"
+         id="text9714"
+         transform="matrix(1.0324615,-0.03671877,0.05488879,0.96660705,0,0)"><tspan
+           id="tspan9712"
+           style="stroke:#f9f6f6;stroke-width:0.142334;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
+           x="24.872412"
+           y="12.578706">3</tspan></text>
+    </g>
+    <g
+       id="g2750"
+       style="display:none">
+      <path
+         style="display:inline;fill:#000000;fill-opacity:1;stroke:#e10079;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 49.991348,41.79989 74.535166,9.6531683"
+         id="path1106" />
+      <path
+         style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-1);paint-order:stroke fill markers"
+         d="m 64.440061,21.83391 6.514261,-7.767476"
+         id="path9586" />
+      <circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle9592"
+         cx="-11.461075"
+         cy="72.321915"
+         r="1.2760839"
+         transform="rotate(-88.91827)" />
+      <text
+         xml:space="preserve"
+         style="font-size:2.67135px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.117792;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="71.226562"
+         y="13.74966"
+         id="text9761"><tspan
+           id="tspan9759"
+           style="stroke-width:0.117792"
+           x="71.226562"
+           y="13.74966">4</tspan></text>
+    </g>
+    <path
+       style="display:inline;fill:#009e40;fill-opacity:1;fill-rule:nonzero;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="m 42.768884,67.991033 c -0.03846,-3.805681 0.179081,-49.892837 0.179081,-49.892837"
+       id="path1236-3" />
+    <path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-1);paint-order:stroke fill markers"
+       d="m 43.118963,32.257903 c -0.02456,-2.146424 -0.04485,-10.408377 -0.04485,-10.408377"
+       id="path1246-3" />
+    <g
+       id="g2746"
+       transform="matrix(1.4072602,0,0,1.4072602,-26.19924,-6.3463442)"
+       style="display:inline">
+      <text
+         xml:space="preserve"
+         style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="48.182404"
+         y="19.336451"
+         id="text2742"
+         transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
+           id="tspan2740"
+           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
+           x="48.182404"
+           y="19.336451">1</tspan></text>
+      <circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle2744"
+         cx="-49.550514"
+         cy="-16.824097"
+         r="1.2760839"
+         transform="rotate(-178.67073)" />
+    </g>
+    <path
+       style="display:inline;fill:none;fill-opacity:1;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
+       id="path4236-8"
+       d="m -43.805487,62.597471 a 9.6358433,13.392075 0 0 1 -11.348457,4.980996 9.6358433,13.392075 0 0 1 -6.174574,-14.139763 9.6358433,13.392075 0 0 1 8.417961,-11.691825 9.6358433,13.392075 0 0 1 10.169797,8.59074"
+       transform="scale(-1,1)" />
+    <path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3-6);paint-order:stroke fill markers"
+       d="m 58.664079,46.191904 c -2.717908,-3.338851 -6.106712,-4.10867 -9.409664,-3.287785"
+       id="path13743-5-0" />
+    <g
+       id="g1244-5"
+       transform="matrix(1.3919656,-0.90209595,0.9428036,1.3318644,-48.437507,85.802315)"
+       style="display:inline">
+      <text
+         xml:space="preserve"
+         style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="55.705479"
+         y="-25.081388"
+         id="text1240-6"
+         transform="matrix(0.828845,0.5587786,-0.55921616,0.82949403,0,0)"><tspan
+           id="tspan1238-6"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
+           x="55.705479"
+           y="-25.081388">2</tspan></text>
+      <circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle1242-4"
+         cx="-55.559937"
+         cy="27.578447"
+         r="1.2760839"
+         transform="rotate(-144.24458)" />
+    </g>
+  </g>
+</svg>

public/assets/small-letter/as_l1.svg

@@ -0,0 +1,383 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="100mm"
+   height="100mm"
+   viewBox="0 0 100 100"
+   version="1.1"
+   id="svg5"
+   sodipodi:docname="as.svg"
+   inkscape:export-filename="as.svg"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview51242"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     showgrid="false"
+     showguides="true">
+    <sodipodi:guide
+       position="107.64909,49.99107"
+       orientation="0,-1"
+       id="guide51373"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="114.63086,74.995535"
+       orientation="0,-1"
+       id="guide51375"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="69.817661,104.871"
+       orientation="1,0"
+       id="guide51377"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="49.846563,90.7451"
+       orientation="1,0"
+       id="guide51379"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="30.037831,109.742"
+       orientation="1,0"
+       id="guide51381"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="114.14376,25.148972"
+       orientation="0,-1"
+       id="guide51383"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="121.77499,67.526669"
+       orientation="0,-1"
+       id="guide51385"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="-62.511162,32.455471"
+       orientation="0,-1"
+       id="guide51387"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="79.722027,92.531133"
+       orientation="0,-1"
+       id="guide51389"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="75.500494,7.6133734"
+       orientation="0,-1"
+       id="guide51391"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="62.674703,108.2319"
+       orientation="1,0"
+       id="guide53858"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="37.604822,110.66405"
+       orientation="1,0"
+       id="guide53860"
+       inkscape:locked="false" />
+  </sodipodi:namedview>
+  <defs
+     id="defs2">
+    <marker
+       style="overflow:visible"
+       id="Arrow2"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       preserveAspectRatio="xMidYMid">
+      <path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="Arrow2-3"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       preserveAspectRatio="xMidYMid">
+      <path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-6" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="Arrow2-1"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       preserveAspectRatio="xMidYMid">
+      <path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-9" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="Arrow2-3-6"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       preserveAspectRatio="xMidYMid">
+      <path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-6-9" />
+    </marker>
+  </defs>
+  <path
+     style="fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
+     id="path4236"
+     d="m 57.545679,57.944683 a 13.298772,14.04826 0 0 1 -15.662412,5.225054 13.298772,14.04826 0 0 1 -8.521749,-14.832582 13.298772,14.04826 0 0 1 11.61793,-12.264703 13.298772,14.04826 0 0 1 14.035699,9.01167" />
+  <g
+     id="g2108"
+     transform="matrix(1.2458258,0,0,1.0736135,-7.442041,19.159715)"
+     style="display:inline">
+    <text
+       xml:space="preserve"
+       style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+       x="48.182404"
+       y="19.336451"
+       id="text9342-7"
+       transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
+         id="tspan9340-5"
+         style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
+         x="48.182404"
+         y="19.336451">1</tspan></text>
+    <circle
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+       id="path9448-3"
+       cx="-49.550514"
+       cy="-16.824097"
+       r="1.2760839"
+       transform="rotate(-178.67073)" />
+  </g>
+  <path
+     style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.354143;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3);paint-order:stroke fill markers"
+     d="m 43.611166,36.319847 c 3.385947,-1.005228 6.196104,-0.363629 8.281444,1.139168"
+     id="path13743-5" />
+  <g
+     id="g53964"
+     style="display:none">
+    <path
+       style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="m 59.221664,62.935349 c -0.02582,-1.941847 0.120219,-25.457812 0.120219,-25.457812"
+       id="path1236" />
+    <g
+       id="g1244"
+       transform="matrix(0.98128129,-0.62309374,0.66463963,0.91994251,-5.6318659,64.196217)"
+       style="display:inline;stroke-width:0.115976;stroke-dasharray:none">
+      <text
+         xml:space="preserve"
+         style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.115976;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="54.113926"
+         y="-23.497944"
+         id="text1240"
+         transform="matrix(0.828845,0.5587786,-0.55921616,0.82949403,0,0)"><tspan
+           id="tspan1238"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.115976;stroke-dasharray:none;stroke-opacity:1"
+           x="54.113926"
+           y="-23.497944">2</tspan></text>
+      <circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.115976;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle1242"
+         cx="-54.018658"
+         cy="25.946033"
+         r="1.2760839"
+         transform="rotate(-144.24458)" />
+    </g>
+    <path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.385954;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+       d="m 59.285554,50.780998 c -0.01137,-2.314654 -0.02078,-11.224139 -0.02078,-11.224139"
+       id="path1246" />
+  </g>
+  <g
+     id="layer1"
+     style="display:none"
+     transform="translate(-8.3137563,-5.3274732)"
+     sodipodi:insensitive="true">
+    <g
+       id="g925"
+       style="display:none">
+      <path
+         style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 26.230399,9.296406 C 25.975464,8.1571602 26.129673,76.177325 26.129673,76.177325"
+         id="path127" />
+      <text
+         xml:space="preserve"
+         style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="24.886662"
+         y="20.667381"
+         id="text9342"
+         transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
+           id="tspan9340"
+           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
+           x="24.886662"
+           y="20.667381">1</tspan></text>
+      <circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="path9448"
+         cx="-26.316095"
+         cy="-18.873741"
+         r="1.2760839"
+         transform="rotate(-178.67073)" />
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-1);paint-order:stroke fill markers"
+         d="m 25.87537,31.624035 c -0.01675,-2.146498 -0.007,-10.408471 -0.007,-10.408471"
+         id="path13743" />
+    </g>
+    <g
+       id="g993"
+       style="display:none">
+      <path
+         style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 26.247474,9.2266727 66.651189,76.300324"
+         id="path1108" />
+      <path
+         style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.489119;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-1);paint-order:normal"
+         d="M 32.918443,20.131469 28.042266,11.663037"
+         id="path9576" />
+      <ellipse
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.142347;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+         id="circle9582"
+         cx="-12.740498"
+         cy="25.719242"
+         transform="matrix(-0.10482327,-0.99449087,0.99627769,-0.08620189,0,0)"
+         rx="1.2555509"
+         ry="1.3407919" />
+      <text
+         xml:space="preserve"
+         style="font-size:2.31839px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.142334;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+         x="24.872412"
+         y="12.578706"
+         id="text9714"
+         transform="matrix(1.0324615,-0.03671877,0.05488879,0.96660705,0,0)"><tspan
+           id="tspan9712"
+           style="stroke:#f9f6f6;stroke-width:0.142334;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
+           x="24.872412"
+           y="12.578706">3</tspan></text>
+    </g>
+    <g
+       id="g2750"
+       style="display:none">
+      <path
+         style="display:inline;fill:#000000;fill-opacity:1;stroke:#e10079;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 49.991348,41.79989 74.535166,9.6531683"
+         id="path1106" />
+      <path
+         style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-1);paint-order:stroke fill markers"
+         d="m 64.440061,21.83391 6.514261,-7.767476"
+         id="path9586" />
+      <circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle9592"
+         cx="-11.461075"
+         cy="72.321915"
+         r="1.2760839"
+         transform="rotate(-88.91827)" />
+      <text
+         xml:space="preserve"
+         style="font-size:2.67135px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.117792;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="71.226562"
+         y="13.74966"
+         id="text9761"><tspan
+           id="tspan9759"
+           style="stroke-width:0.117792"
+           x="71.226562"
+           y="13.74966">4</tspan></text>
+    </g>
+    <path
+       style="display:inline;fill:#009e40;fill-opacity:1;fill-rule:nonzero;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="m 42.768884,67.991033 c -0.03846,-3.805681 0.179081,-49.892837 0.179081,-49.892837"
+       id="path1236-3" />
+    <path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-1);paint-order:stroke fill markers"
+       d="m 43.118963,32.257903 c -0.02456,-2.146424 -0.04485,-10.408377 -0.04485,-10.408377"
+       id="path1246-3" />
+    <g
+       id="g2746"
+       transform="matrix(1.4072602,0,0,1.4072602,-26.19924,-6.3463442)"
+       style="display:inline">
+      <text
+         xml:space="preserve"
+         style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="48.182404"
+         y="19.336451"
+         id="text2742"
+         transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
+           id="tspan2740"
+           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
+           x="48.182404"
+           y="19.336451">1</tspan></text>
+      <circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle2744"
+         cx="-49.550514"
+         cy="-16.824097"
+         r="1.2760839"
+         transform="rotate(-178.67073)" />
+    </g>
+    <path
+       style="display:inline;fill:none;fill-opacity:1;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
+       id="path4236-8"
+       d="m -43.805487,62.597471 a 9.6358433,13.392075 0 0 1 -11.348457,4.980996 9.6358433,13.392075 0 0 1 -6.174574,-14.139763 9.6358433,13.392075 0 0 1 8.417961,-11.691825 9.6358433,13.392075 0 0 1 10.169797,8.59074"
+       transform="scale(-1,1)" />
+    <path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3-6);paint-order:stroke fill markers"
+       d="m 58.664079,46.191904 c -2.717908,-3.338851 -6.106712,-4.10867 -9.409664,-3.287785"
+       id="path13743-5-0" />
+    <g
+       id="g1244-5"
+       transform="matrix(1.3919656,-0.90209595,0.9428036,1.3318644,-48.437507,85.802315)"
+       style="display:inline">
+      <text
+         xml:space="preserve"
+         style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="55.705479"
+         y="-25.081388"
+         id="text1240-6"
+         transform="matrix(0.828845,0.5587786,-0.55921616,0.82949403,0,0)"><tspan
+           id="tspan1238-6"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
+           x="55.705479"
+           y="-25.081388">2</tspan></text>
+      <circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle1242-4"
+         cx="-55.559937"
+         cy="27.578447"
+         r="1.2760839"
+         transform="rotate(-144.24458)" />
+    </g>
+  </g>
+</svg>

public/assets/small-letter/as_l2.svg

@@ -0,0 +1,383 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="100mm"
+   height="100mm"
+   viewBox="0 0 100 100"
+   version="1.1"
+   id="svg5"
+   sodipodi:docname="as.svg"
+   inkscape:export-filename="as_l2.svg"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview51242"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     showgrid="false"
+     showguides="true">
+    <sodipodi:guide
+       position="107.64909,49.99107"
+       orientation="0,-1"
+       id="guide51373"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="114.63086,74.995535"
+       orientation="0,-1"
+       id="guide51375"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="69.817661,104.871"
+       orientation="1,0"
+       id="guide51377"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="49.846563,90.7451"
+       orientation="1,0"
+       id="guide51379"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="30.037831,109.742"
+       orientation="1,0"
+       id="guide51381"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="114.14376,25.148972"
+       orientation="0,-1"
+       id="guide51383"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="121.77499,67.526669"
+       orientation="0,-1"
+       id="guide51385"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="-62.511162,32.455471"
+       orientation="0,-1"
+       id="guide51387"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="79.722027,92.531133"
+       orientation="0,-1"
+       id="guide51389"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="75.500494,7.6133734"
+       orientation="0,-1"
+       id="guide51391"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="62.674703,108.2319"
+       orientation="1,0"
+       id="guide53858"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="37.604822,110.66405"
+       orientation="1,0"
+       id="guide53860"
+       inkscape:locked="false" />
+  </sodipodi:namedview>
+  <defs
+     id="defs2">
+    <marker
+       style="overflow:visible"
+       id="Arrow2"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       preserveAspectRatio="xMidYMid">
+      <path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="Arrow2-3"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       preserveAspectRatio="xMidYMid">
+      <path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-6" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="Arrow2-1"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       preserveAspectRatio="xMidYMid">
+      <path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-9" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="Arrow2-3-6"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       preserveAspectRatio="xMidYMid">
+      <path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-6-9" />
+    </marker>
+  </defs>
+  <path
+     style="display:none;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
+     id="path4236"
+     d="m 57.545679,57.944683 a 13.298772,14.04826 0 0 1 -15.662412,5.225054 13.298772,14.04826 0 0 1 -8.521749,-14.832582 13.298772,14.04826 0 0 1 11.61793,-12.264703 13.298772,14.04826 0 0 1 14.035699,9.01167" />
+  <g
+     id="g2108"
+     transform="matrix(1.2458258,0,0,1.0736135,-7.442041,19.159715)"
+     style="display:none">
+    <text
+       xml:space="preserve"
+       style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+       x="48.182404"
+       y="19.336451"
+       id="text9342-7"
+       transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
+         id="tspan9340-5"
+         style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
+         x="48.182404"
+         y="19.336451">1</tspan></text>
+    <circle
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+       id="path9448-3"
+       cx="-49.550514"
+       cy="-16.824097"
+       r="1.2760839"
+       transform="rotate(-178.67073)" />
+  </g>
+  <path
+     style="display:none;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.354143;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3);paint-order:stroke fill markers"
+     d="m 46.978762,37.816556 c 3.385947,-1.005228 6.196104,-0.363629 8.281444,1.139168"
+     id="path13743-5" />
+  <g
+     id="g53964"
+     style="display:inline">
+    <path
+       style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="m 59.221664,62.935349 c -0.02582,-1.941847 0.120219,-25.457812 0.120219,-25.457812"
+       id="path1236" />
+    <g
+       id="g1244"
+       transform="matrix(0.98128129,-0.62309374,0.66463963,0.91994251,-5.6318659,64.196217)"
+       style="display:inline;stroke-width:0.115976;stroke-dasharray:none">
+      <text
+         xml:space="preserve"
+         style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.115976;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="54.113926"
+         y="-23.497944"
+         id="text1240"
+         transform="matrix(0.828845,0.5587786,-0.55921616,0.82949403,0,0)"><tspan
+           id="tspan1238"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.115976;stroke-dasharray:none;stroke-opacity:1"
+           x="54.113926"
+           y="-23.497944">2</tspan></text>
+      <circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.115976;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle1242"
+         cx="-54.018658"
+         cy="25.946033"
+         r="1.2760839"
+         transform="rotate(-144.24458)" />
+    </g>
+    <path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.385954;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2);paint-order:stroke fill markers"
+       d="m 59.285554,50.780998 c -0.01137,-2.314654 -0.02078,-11.224139 -0.02078,-11.224139"
+       id="path1246" />
+  </g>
+  <g
+     id="layer1"
+     style="display:none"
+     transform="translate(-8.3137563,-5.3274732)"
+     sodipodi:insensitive="true">
+    <g
+       id="g925"
+       style="display:none">
+      <path
+         style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 26.230399,9.296406 C 25.975464,8.1571602 26.129673,76.177325 26.129673,76.177325"
+         id="path127" />
+      <text
+         xml:space="preserve"
+         style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="24.886662"
+         y="20.667381"
+         id="text9342"
+         transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
+           id="tspan9340"
+           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
+           x="24.886662"
+           y="20.667381">1</tspan></text>
+      <circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="path9448"
+         cx="-26.316095"
+         cy="-18.873741"
+         r="1.2760839"
+         transform="rotate(-178.67073)" />
+      <path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-1);paint-order:stroke fill markers"
+         d="m 25.87537,31.624035 c -0.01675,-2.146498 -0.007,-10.408471 -0.007,-10.408471"
+         id="path13743" />
+    </g>
+    <g
+       id="g993"
+       style="display:none">
+      <path
+         style="display:inline;fill:#000000;fill-opacity:1;stroke:#de0029;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 26.247474,9.2266727 66.651189,76.300324"
+         id="path1108" />
+      <path
+         style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.489119;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-1);paint-order:normal"
+         d="M 32.918443,20.131469 28.042266,11.663037"
+         id="path9576" />
+      <ellipse
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.142347;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+         id="circle9582"
+         cx="-12.740498"
+         cy="25.719242"
+         transform="matrix(-0.10482327,-0.99449087,0.99627769,-0.08620189,0,0)"
+         rx="1.2555509"
+         ry="1.3407919" />
+      <text
+         xml:space="preserve"
+         style="font-size:2.31839px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.142334;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+         x="24.872412"
+         y="12.578706"
+         id="text9714"
+         transform="matrix(1.0324615,-0.03671877,0.05488879,0.96660705,0,0)"><tspan
+           id="tspan9712"
+           style="stroke:#f9f6f6;stroke-width:0.142334;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
+           x="24.872412"
+           y="12.578706">3</tspan></text>
+    </g>
+    <g
+       id="g2750"
+       style="display:none">
+      <path
+         style="display:inline;fill:#000000;fill-opacity:1;stroke:#e10079;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 49.991348,41.79989 74.535166,9.6531683"
+         id="path1106" />
+      <path
+         style="display:inline;fill:#fffcfc;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-1);paint-order:stroke fill markers"
+         d="m 64.440061,21.83391 6.514261,-7.767476"
+         id="path9586" />
+      <circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle9592"
+         cx="-11.461075"
+         cy="72.321915"
+         r="1.2760839"
+         transform="rotate(-88.91827)" />
+      <text
+         xml:space="preserve"
+         style="font-size:2.67135px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.117792;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="71.226562"
+         y="13.74966"
+         id="text9761"><tspan
+           id="tspan9759"
+           style="stroke-width:0.117792"
+           x="71.226562"
+           y="13.74966">4</tspan></text>
+    </g>
+    <path
+       style="display:inline;fill:#009e40;fill-opacity:1;fill-rule:nonzero;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="m 42.768884,67.991033 c -0.03846,-3.805681 0.179081,-49.892837 0.179081,-49.892837"
+       id="path1236-3" />
+    <path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-1);paint-order:stroke fill markers"
+       d="m 43.118963,32.257903 c -0.02456,-2.146424 -0.04485,-10.408377 -0.04485,-10.408377"
+       id="path1246-3" />
+    <g
+       id="g2746"
+       transform="matrix(1.4072602,0,0,1.4072602,-26.19924,-6.3463442)"
+       style="display:inline">
+      <text
+         xml:space="preserve"
+         style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="48.182404"
+         y="19.336451"
+         id="text2742"
+         transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
+           id="tspan2740"
+           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
+           x="48.182404"
+           y="19.336451">1</tspan></text>
+      <circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle2744"
+         cx="-49.550514"
+         cy="-16.824097"
+         r="1.2760839"
+         transform="rotate(-178.67073)" />
+    </g>
+    <path
+       style="display:inline;fill:none;fill-opacity:1;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
+       id="path4236-8"
+       d="m -43.805487,62.597471 a 9.6358433,13.392075 0 0 1 -11.348457,4.980996 9.6358433,13.392075 0 0 1 -6.174574,-14.139763 9.6358433,13.392075 0 0 1 8.417961,-11.691825 9.6358433,13.392075 0 0 1 10.169797,8.59074"
+       transform="scale(-1,1)" />
+    <path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3-6);paint-order:stroke fill markers"
+       d="m 58.664079,46.191904 c -2.717908,-3.338851 -6.106712,-4.10867 -9.409664,-3.287785"
+       id="path13743-5-0" />
+    <g
+       id="g1244-5"
+       transform="matrix(1.3919656,-0.90209595,0.9428036,1.3318644,-48.437507,85.802315)"
+       style="display:inline">
+      <text
+         xml:space="preserve"
+         style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="55.705479"
+         y="-25.081388"
+         id="text1240-6"
+         transform="matrix(0.828845,0.5587786,-0.55921616,0.82949403,0,0)"><tspan
+           id="tspan1238-6"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
+           x="55.705479"
+           y="-25.081388">2</tspan></text>
+      <circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle1242-4"
+         cx="-55.559937"
+         cy="27.578447"
+         r="1.2760839"
+         transform="rotate(-144.24458)" />
+    </g>
+  </g>
+</svg>

public/assets/small-letter/bs.svg

@@ -0,0 +1,109 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="100mm"
+   height="100mm"
+   viewBox="0 0 100 100"
+   version="1.1"
+   id="svg5"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs2">
+    <marker
+       style="overflow:visible"
+       id="Arrow2-1-7"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       preserveAspectRatio="xMidYMid">
+      <path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-9-9" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="Arrow2-3-6-2"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       preserveAspectRatio="xMidYMid">
+      <path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-6-9-0" />
+    </marker>
+  </defs>
+  <path
+     style="display:inline;fill:#009e40;fill-opacity:1;fill-rule:nonzero;stroke:#009e40;stroke-width:7.047;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+     d="m 33.49094,71.100673 c -0.03821,-4.62453 0.177952,-60.628037 0.177952,-60.628037"
+     id="path1236-3" />
+  <path
+     style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.480829;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-1-7);paint-order:stroke fill markers"
+     d="M 33.846126,34.230178 C 33.821526,32.089494 33.801206,23.84963 33.801206,23.84963"
+     id="path1246-3" />
+  <g
+     id="g2746-62"
+     transform="matrix(1.409452,0,0,1.4034978,-35.734447,-4.457449)"
+     style="display:inline">
+    <text
+       xml:space="preserve"
+       style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+       x="48.182404"
+       y="19.336451"
+       id="text2742-6"
+       transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
+         id="tspan2740-1"
+         style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
+         x="48.182404"
+         y="19.336451">1</tspan></text>
+    <circle
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+       id="circle2744-8"
+       cx="-49.550514"
+       cy="-16.824097"
+       r="1.2760839"
+       transform="rotate(-178.67073)" />
+  </g>
+  <path
+     style="display:inline;fill:none;fill-opacity:1;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
+     id="path4236-8"
+     d="m 33.896172,63.647843 a 13.174543,14.063217 10.380298 0 0 14.809049,6.89365 13.174543,14.063217 10.380298 0 0 10.149305,-13.81459 13.174543,14.063217 10.380298 0 0 -9.992122,-13.450145 13.174543,14.063217 10.380298 0 0 -14.891633,7.431054" />
+  <path
+     style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3-6-2);paint-order:stroke fill markers"
+     d="m 50.509565,45.367091 c -3.479672,-2.53512 -6.95274,-2.415059 -9.937039,-0.778813"
+     id="path13743-5-0" />
+  <g
+     id="g1244-5"
+     transform="matrix(1.3919656,-0.90209595,0.9428036,1.3318644,-56.839517,87.485383)"
+     style="display:inline">
+    <text
+       xml:space="preserve"
+       style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+       x="55.705479"
+       y="-25.081388"
+       id="text1240-6"
+       transform="matrix(0.828845,0.5587786,-0.55921616,0.82949403,0,0)"><tspan
+         id="tspan1238-6"
+         style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
+         x="55.705479"
+         y="-25.081388">2</tspan></text>
+    <circle
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+       id="circle1242-4"
+       cx="-55.559937"
+       cy="27.578447"
+       r="1.2760839"
+       transform="rotate(-144.24458)" />
+  </g>
+</svg>

public/assets/small-letter/bs_l1.svg

@@ -0,0 +1,116 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="100mm"
+   height="100mm"
+   viewBox="0 0 100 100"
+   version="1.1"
+   id="svg5"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs2">
+    <marker
+       style="overflow:visible"
+       id="Arrow2-1-7"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       preserveAspectRatio="xMidYMid">
+      <path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-9-9" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="Arrow2-3-6-2"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       preserveAspectRatio="xMidYMid">
+      <path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-6-9-0" />
+    </marker>
+  </defs>
+  <g
+     id="g2">
+    <path
+       style="display:inline;fill:#009e40;fill-opacity:1;fill-rule:nonzero;stroke:#009e40;stroke-width:7.047;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="m 33.49094,71.100673 c -0.03821,-4.62453 0.177952,-60.628037 0.177952,-60.628037"
+       id="path1236-3" />
+    <path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.480829;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-1-7);paint-order:stroke fill markers"
+       d="M 33.846126,34.230178 C 33.821526,32.089494 33.801206,23.84963 33.801206,23.84963"
+       id="path1246-3" />
+    <g
+       id="g2746-62"
+       transform="matrix(1.409452,0,0,1.4034978,-35.734447,-4.457449)"
+       style="display:inline">
+      <text
+         xml:space="preserve"
+         style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="48.182404"
+         y="19.336451"
+         id="text2742-6"
+         transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
+           id="tspan2740-1"
+           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
+           x="48.182404"
+           y="19.336451">1</tspan></text>
+      <circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle2744-8"
+         cx="-49.550514"
+         cy="-16.824097"
+         r="1.2760839"
+         transform="rotate(-178.67073)" />
+    </g>
+  </g>
+  <g
+     id="g1"
+     style="display:none">
+    <path
+       style="display:inline;fill:none;fill-opacity:1;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
+       id="path4236-8"
+       d="m 33.896172,63.647843 a 13.174543,14.063217 10.380298 0 0 14.809049,6.89365 13.174543,14.063217 10.380298 0 0 10.149305,-13.81459 13.174543,14.063217 10.380298 0 0 -9.992122,-13.450145 13.174543,14.063217 10.380298 0 0 -14.891633,7.431054" />
+    <path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3-6-2);paint-order:stroke fill markers"
+       d="m 50.509565,45.367091 c -3.479672,-2.53512 -6.95274,-2.415059 -9.937039,-0.778813"
+       id="path13743-5-0" />
+    <g
+       id="g1244-5"
+       transform="matrix(1.3919656,-0.90209595,0.9428036,1.3318644,-56.839517,87.485383)"
+       style="display:inline">
+      <text
+         xml:space="preserve"
+         style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="55.705479"
+         y="-25.081388"
+         id="text1240-6"
+         transform="matrix(0.828845,0.5587786,-0.55921616,0.82949403,0,0)"><tspan
+           id="tspan1238-6"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
+           x="55.705479"
+           y="-25.081388">2</tspan></text>
+      <circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle1242-4"
+         cx="-55.559937"
+         cy="27.578447"
+         r="1.2760839"
+         transform="rotate(-144.24458)" />
+    </g>
+  </g>
+</svg>

public/assets/small-letter/bs_l2.svg

@@ -0,0 +1,117 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="100mm"
+   height="100mm"
+   viewBox="0 0 100 100"
+   version="1.1"
+   id="svg5"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs2">
+    <marker
+       style="overflow:visible"
+       id="Arrow2-1-7"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       preserveAspectRatio="xMidYMid">
+      <path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-9-9" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="Arrow2-3-6-2"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       preserveAspectRatio="xMidYMid">
+      <path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-6-9-0" />
+    </marker>
+  </defs>
+  <g
+     id="g2"
+     style="display:none">
+    <path
+       style="display:inline;fill:#009e40;fill-opacity:1;fill-rule:nonzero;stroke:#009e40;stroke-width:7.047;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="m 33.49094,71.100673 c -0.03821,-4.62453 0.177952,-60.628037 0.177952,-60.628037"
+       id="path1236-3" />
+    <path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.480829;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-1-7);paint-order:stroke fill markers"
+       d="M 33.846126,34.230178 C 33.821526,32.089494 33.801206,23.84963 33.801206,23.84963"
+       id="path1246-3" />
+    <g
+       id="g2746-62"
+       transform="matrix(1.409452,0,0,1.4034978,-35.734447,-4.457449)"
+       style="display:inline">
+      <text
+         xml:space="preserve"
+         style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="48.182404"
+         y="19.336451"
+         id="text2742-6"
+         transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
+           id="tspan2740-1"
+           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
+           x="48.182404"
+           y="19.336451">1</tspan></text>
+      <circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle2744-8"
+         cx="-49.550514"
+         cy="-16.824097"
+         r="1.2760839"
+         transform="rotate(-178.67073)" />
+    </g>
+  </g>
+  <g
+     id="g1"
+     style="display:inline">
+    <path
+       style="display:inline;fill:none;fill-opacity:1;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
+       id="path4236-8"
+       d="m 33.896172,63.647843 a 13.174543,14.063217 10.380298 0 0 14.809049,6.89365 13.174543,14.063217 10.380298 0 0 10.149305,-13.81459 13.174543,14.063217 10.380298 0 0 -9.992122,-13.450145 13.174543,14.063217 10.380298 0 0 -14.891633,7.431054" />
+    <path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3-6-2);paint-order:stroke fill markers"
+       d="m 50.509565,45.367091 c -3.479672,-2.53512 -6.95274,-2.415059 -9.937039,-0.778813"
+       id="path13743-5-0" />
+    <g
+       id="g1244-5"
+       transform="matrix(1.3919656,-0.90209595,0.9428036,1.3318644,-56.839517,87.485383)"
+       style="display:inline">
+      <text
+         xml:space="preserve"
+         style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="55.705479"
+         y="-25.081388"
+         id="text1240-6"
+         transform="matrix(0.828845,0.5587786,-0.55921616,0.82949403,0,0)"><tspan
+           id="tspan1238-6"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
+           x="55.705479"
+           y="-25.081388">2</tspan></text>
+      <circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle1242-4"
+         cx="-55.559937"
+         cy="27.578447"
+         r="1.2760839"
+         transform="rotate(-144.24458)" />
+    </g>
+  </g>
+</svg>

public/assets/small-letter/cs.svg

@@ -0,0 +1,154 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="100mm"
+   height="100mm"
+   viewBox="0 0 100 100"
+   version="1.1"
+   id="svg5"
+   sodipodi:docname="as.svg"
+   inkscape:export-filename="bs_l2.svg"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview51242"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     showgrid="false"
+     showguides="true">
+    <sodipodi:guide
+       position="107.64909,49.99107"
+       orientation="0,-1"
+       id="guide51373"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="114.63086,74.995535"
+       orientation="0,-1"
+       id="guide51375"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="69.817661,104.871"
+       orientation="1,0"
+       id="guide51377"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="49.846563,90.7451"
+       orientation="1,0"
+       id="guide51379"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="30.037831,109.742"
+       orientation="1,0"
+       id="guide51381"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="114.14376,25.148972"
+       orientation="0,-1"
+       id="guide51383"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="121.77499,67.526669"
+       orientation="0,-1"
+       id="guide51385"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="-62.511162,32.455471"
+       orientation="0,-1"
+       id="guide51387"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="79.722027,92.531133"
+       orientation="0,-1"
+       id="guide51389"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="75.500494,7.6133734"
+       orientation="0,-1"
+       id="guide51391"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="62.674703,108.2319"
+       orientation="1,0"
+       id="guide53858"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="37.604822,110.66405"
+       orientation="1,0"
+       id="guide53860"
+       inkscape:locked="false" />
+  </sodipodi:namedview>
+  <defs
+     id="defs2">
+    <marker
+       style="overflow:visible"
+       id="marker1916"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       inkscape:stockid="Arrow2"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       inkscape:isstock="true"
+       inkscape:collect="always"
+       preserveAspectRatio="xMidYMid">
+      <path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="path1914" />
+    </marker>
+  </defs>
+  <path
+     style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7.10285;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
+     id="path4236-0"
+     sodipodi:type="arc"
+     sodipodi:cx="45.18372"
+     sodipodi:cy="52.46957"
+     sodipodi:rx="14.291495"
+     sodipodi:ry="14.647822"
+     sodipodi:start="0.79169328"
+     sodipodi:end="5.6597036"
+     sodipodi:arc-type="arc"
+     d="M 55.225517,62.892141 A 14.291495,14.647822 0 0 1 39.123581,65.735288 14.291495,14.647822 0 0 1 30.942742,51.239055 14.291495,14.647822 0 0 1 41.376027,38.351207 14.291495,14.647822 0 0 1 56.786278,43.917215"
+     sodipodi:open="true"
+     transform="rotate(-3.4066057)" />
+  <text
+     xml:space="preserve"
+     style="font-size:3.82822px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.217571;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+     x="57.437553"
+     y="42.035511"
+     id="text9342-7-0"
+     transform="matrix(0.99551586,-0.00770181,0.0076453,1.0044452,0,0)"><tspan
+       sodipodi:role="line"
+       id="tspan9340-5-4"
+       style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.217571;stroke-dasharray:none;stroke-opacity:1"
+       x="57.437553"
+       y="42.035511">1</tspan></text>
+  <ellipse
+     style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.391629;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+     id="path9448-3-6"
+     cx="-59.557743"
+     cy="-39.013634"
+     transform="matrix(-0.99972647,-0.02338772,0.02300994,-0.99973524,0,0)"
+     rx="1.7430817"
+     ry="1.7573247" />
+  <path
+     style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.369447;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#marker1916);paint-order:stroke fill markers"
+     d="m 50.143462,34.652442 c 3.427924,-0.04571 5.441425,1.456835 6.597526,3.632562"
+     id="path13743-5-2"
+     sodipodi:nodetypes="cc"
+     inkscape:transform-center-x="3.5269215"
+     inkscape:transform-center-y="-1.9405611" />
+</svg>

public/assets/small-letter/ds.svg

@@ -0,0 +1,248 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="100mm"
+   height="100mm"
+   viewBox="0 0 100 100"
+   version="1.1"
+   id="svg5"
+   xml:space="preserve"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"><defs
+     id="defs2"><marker
+       style="overflow:visible"
+       id="Arrow2-36"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       preserveAspectRatio="xMidYMid"><path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-0" /></marker><marker
+       style="overflow:visible"
+       id="Arrow2-3-62"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       preserveAspectRatio="xMidYMid"><path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-6-6" /></marker><marker
+       style="overflow:visible"
+       id="Arrow2-6"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       preserveAspectRatio="xMidYMid"><path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-7" /></marker><marker
+       style="overflow:visible"
+       id="Arrow2-3"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       preserveAspectRatio="xMidYMid"><path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-6" /></marker><marker
+       style="overflow:visible"
+       id="Arrow2-1"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       preserveAspectRatio="xMidYMid"><path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-9" /></marker><marker
+       style="overflow:visible"
+       id="Arrow2-3-6"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       preserveAspectRatio="xMidYMid"><path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-6-9" /></marker></defs><g
+     id="g4"
+     style="display:none"><path
+       style="display:inline;fill:#009e40;fill-opacity:1;fill-rule:nonzero;stroke:#009e40;stroke-width:7.047;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="m 75.184854,71.482044 c -0.03647,-4.052143 0.184035,-60.657513 0.184035,-60.657513"
+       id="path1236-1" /><path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481786;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-36);paint-order:stroke fill markers"
+       d="m 75.254826,31.391094 c -0.02604,-2.031242 -0.04755,-9.849843 -0.04755,-9.849843"
+       id="path1246-8" /><g
+       id="g2746"
+       transform="matrix(1.4909448,0,0,1.3647474,1.9112848,-5.5868929)"
+       style="display:inline"><text
+         xml:space="preserve"
+         style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="48.182404"
+         y="19.336451"
+         id="text2742"
+         transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
+           id="tspan2740"
+           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
+           x="48.182404"
+           y="19.336451">1</tspan></text><circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle2744"
+         cx="-49.550514"
+         cy="-16.824097"
+         r="1.2760839"
+         transform="rotate(-178.67073)" /></g><g
+       id="g1"
+       style="display:inline"
+       transform="translate(41.504681,0.06850035)"><path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="m 54.168067,71.384868 c 0.0263,-2.113555 0.09996,-6.93742 -0.146842,-16.538709 C 53.722805,43.23683 39.906985,36.421333 33.766311,54.15169"
+         id="path385" /><path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.48023;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3-62);paint-order:stroke fill markers"
+         d="m 46.26788,44.378094 c -4.559582,0.05579 -7.570594,2.107967 -9.267114,5.026196"
+         id="path1118" /><g
+         id="g1126"
+         transform="matrix(1.1799302,-0.80541095,0.79918818,1.1891176,-45.741712,89.250482)"
+         style="display:inline"><text
+           xml:space="preserve"
+           style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           x="55.705479"
+           y="-25.081388"
+           id="text1122"
+           transform="matrix(0.828845,0.5587786,-0.55921616,0.82949403,0,0)"><tspan
+             id="tspan1120"
+             style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
+             x="55.705479"
+             y="-25.081388">2</tspan></text><circle
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="circle1124"
+           cx="-55.559937"
+           cy="27.578447"
+           r="1.2760839"
+           transform="rotate(-144.24458)" /></g></g></g><g
+     id="g5"
+     style="display:none"><path
+       style="display:inline;fill:#009e40;fill-opacity:1;fill-rule:nonzero;stroke:#009e40;stroke-width:7.047;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="M 7.7385535,71.396922 C 7.70034,66.772391 7.9165054,10.768881 7.9165054,10.768881"
+       id="path1236-3" /><path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.480829;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-1);paint-order:stroke fill markers"
+       d="M 8.093739,34.526423 C 8.069141,32.385739 8.048819,24.145875 8.048819,24.145875"
+       id="path1246-3" /><g
+       id="g2746-62"
+       transform="matrix(1.409452,0,0,1.4034978,-61.486834,-4.1612037)"
+       style="display:inline"><text
+         xml:space="preserve"
+         style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="48.182404"
+         y="19.336451"
+         id="text2742-6"
+         transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
+           id="tspan2740-1"
+           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
+           x="48.182404"
+           y="19.336451">1</tspan></text><circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle2744-8"
+         cx="-49.550514"
+         cy="-16.824097"
+         r="1.2760839"
+         transform="rotate(-178.67073)" /></g><path
+       style="display:inline;fill:none;fill-opacity:1;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
+       id="path4236-8"
+       d="M 8.1437852,63.944087 A 13.174543,14.063217 10.380298 0 0 22.952834,70.837734 13.174543,14.063217 10.380298 0 0 33.102139,57.023148 13.174543,14.063217 10.380298 0 0 23.110017,43.573003 13.174543,14.063217 10.380298 0 0 8.2183837,51.004057" /><path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3-6);paint-order:stroke fill markers"
+       d="m 24.757178,45.663336 c -3.479672,-2.53512 -6.95274,-2.415059 -9.937039,-0.778813"
+       id="path13743-5-0" /><g
+       id="g1244-5"
+       transform="matrix(1.3919656,-0.90209595,0.9428036,1.3318644,-82.591904,87.781631)"
+       style="display:inline"><text
+         xml:space="preserve"
+         style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="55.705479"
+         y="-25.081388"
+         id="text1240-6"
+         transform="matrix(0.828845,0.5587786,-0.55921616,0.82949403,0,0)"><tspan
+           id="tspan1238-6"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
+           x="55.705479"
+           y="-25.081388">2</tspan></text><circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle1242-4"
+         cx="-55.559937"
+         cy="27.578447"
+         r="1.2760839"
+         transform="rotate(-144.24458)" /></g></g><g
+     id="g8"><path
+       style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
+       id="path57645"
+       d="M 66.345062,63.884771 A 14.04826,13.298772 83.189707 0 1 51.412762,70.930244 14.04826,13.298772 83.189707 0 1 41.192253,57.212847 14.04826,13.298772 83.189707 0 1 51.273838,43.656999 14.04826,13.298772 83.189707 0 1 66.279132,50.940698" /><path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.354143;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3);paint-order:stroke fill markers"
+       d="m 49.415379,44.064902 c 3.242855,-1.399649 6.109266,-1.095812 8.358098,0.149097"
+       id="path57655" /><g
+       id="g2"
+       transform="matrix(1.5730821,0,0,1.5086122,-17.02496,17.771258)"
+       style="display:inline"><text
+         xml:space="preserve"
+         style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="48.182404"
+         y="19.336451"
+         id="text2"
+         transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
+           id="tspan2"
+           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
+           x="48.182404"
+           y="19.336451">1</tspan></text><circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle2"
+         cx="-49.550514"
+         cy="-16.824097"
+         r="1.2760839"
+         transform="rotate(-178.67073)" /></g></g><g
+     id="g7"><path
+       style="display:inline;fill:#009e40;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7.047;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="m 66.268155,71.59369 c -0.0438,-4.654626 0.20379,-61.022576 0.20379,-61.022576"
+       id="path1236-9" /><text
+       xml:space="preserve"
+       style="font-size:3.80784px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.190993;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+       x="63.954109"
+       y="20.842781"
+       id="text3"
+       transform="matrix(1.0219114,-0.00211637,0.00221361,0.97855383,0,0)"><tspan
+         id="tspan3"
+         style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.190993;stroke-dasharray:none;stroke-opacity:1"
+         x="63.954109"
+         y="20.842781">2</tspan></text><path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.565155;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-6);paint-order:stroke fill markers"
+       d="m 66.588555,33.825415 c -0.03166,-2.297414 -0.05782,-11.140553 -0.05782,-11.140553"
+       id="path1246-8-5" /><ellipse
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.230232;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+       id="circle3"
+       cx="-67.118843"
+       cy="-17.201206"
+       transform="matrix(-0.99962271,-0.02746689,0.02999955,-0.99954991,0,0)"
+       rx="2.1452827"
+       ry="2.0528049" /></g></svg>

public/assets/small-letter/ds_l1.svg

@@ -0,0 +1,249 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="100mm"
+   height="100mm"
+   viewBox="0 0 100 100"
+   version="1.1"
+   id="svg5"
+   xml:space="preserve"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"><defs
+     id="defs2"><marker
+       style="overflow:visible"
+       id="Arrow2-36"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       preserveAspectRatio="xMidYMid"><path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-0" /></marker><marker
+       style="overflow:visible"
+       id="Arrow2-3-62"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       preserveAspectRatio="xMidYMid"><path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-6-6" /></marker><marker
+       style="overflow:visible"
+       id="Arrow2-6"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       preserveAspectRatio="xMidYMid"><path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-7" /></marker><marker
+       style="overflow:visible"
+       id="Arrow2-3"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       preserveAspectRatio="xMidYMid"><path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-6" /></marker><marker
+       style="overflow:visible"
+       id="Arrow2-1"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       preserveAspectRatio="xMidYMid"><path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-9" /></marker><marker
+       style="overflow:visible"
+       id="Arrow2-3-6"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       preserveAspectRatio="xMidYMid"><path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-6-9" /></marker></defs><g
+     id="g4"
+     style="display:none"><path
+       style="display:inline;fill:#009e40;fill-opacity:1;fill-rule:nonzero;stroke:#009e40;stroke-width:7.047;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="m 75.184854,71.482044 c -0.03647,-4.052143 0.184035,-60.657513 0.184035,-60.657513"
+       id="path1236-1" /><path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481786;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-36);paint-order:stroke fill markers"
+       d="m 75.254826,31.391094 c -0.02604,-2.031242 -0.04755,-9.849843 -0.04755,-9.849843"
+       id="path1246-8" /><g
+       id="g2746"
+       transform="matrix(1.4909448,0,0,1.3647474,1.9112848,-5.5868929)"
+       style="display:inline"><text
+         xml:space="preserve"
+         style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="48.182404"
+         y="19.336451"
+         id="text2742"
+         transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
+           id="tspan2740"
+           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
+           x="48.182404"
+           y="19.336451">1</tspan></text><circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle2744"
+         cx="-49.550514"
+         cy="-16.824097"
+         r="1.2760839"
+         transform="rotate(-178.67073)" /></g><g
+       id="g1"
+       style="display:inline"
+       transform="translate(41.504681,0.06850035)"><path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="m 54.168067,71.384868 c 0.0263,-2.113555 0.09996,-6.93742 -0.146842,-16.538709 C 53.722805,43.23683 39.906985,36.421333 33.766311,54.15169"
+         id="path385" /><path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.48023;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3-62);paint-order:stroke fill markers"
+         d="m 46.26788,44.378094 c -4.559582,0.05579 -7.570594,2.107967 -9.267114,5.026196"
+         id="path1118" /><g
+         id="g1126"
+         transform="matrix(1.1799302,-0.80541095,0.79918818,1.1891176,-45.741712,89.250482)"
+         style="display:inline"><text
+           xml:space="preserve"
+           style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           x="55.705479"
+           y="-25.081388"
+           id="text1122"
+           transform="matrix(0.828845,0.5587786,-0.55921616,0.82949403,0,0)"><tspan
+             id="tspan1120"
+             style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
+             x="55.705479"
+             y="-25.081388">2</tspan></text><circle
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="circle1124"
+           cx="-55.559937"
+           cy="27.578447"
+           r="1.2760839"
+           transform="rotate(-144.24458)" /></g></g></g><g
+     id="g5"
+     style="display:none"><path
+       style="display:inline;fill:#009e40;fill-opacity:1;fill-rule:nonzero;stroke:#009e40;stroke-width:7.047;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="M 7.7385535,71.396922 C 7.70034,66.772391 7.9165054,10.768881 7.9165054,10.768881"
+       id="path1236-3" /><path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.480829;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-1);paint-order:stroke fill markers"
+       d="M 8.093739,34.526423 C 8.069141,32.385739 8.048819,24.145875 8.048819,24.145875"
+       id="path1246-3" /><g
+       id="g2746-62"
+       transform="matrix(1.409452,0,0,1.4034978,-61.486834,-4.1612037)"
+       style="display:inline"><text
+         xml:space="preserve"
+         style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="48.182404"
+         y="19.336451"
+         id="text2742-6"
+         transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
+           id="tspan2740-1"
+           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
+           x="48.182404"
+           y="19.336451">1</tspan></text><circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle2744-8"
+         cx="-49.550514"
+         cy="-16.824097"
+         r="1.2760839"
+         transform="rotate(-178.67073)" /></g><path
+       style="display:inline;fill:none;fill-opacity:1;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
+       id="path4236-8"
+       d="M 8.1437852,63.944087 A 13.174543,14.063217 10.380298 0 0 22.952834,70.837734 13.174543,14.063217 10.380298 0 0 33.102139,57.023148 13.174543,14.063217 10.380298 0 0 23.110017,43.573003 13.174543,14.063217 10.380298 0 0 8.2183837,51.004057" /><path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3-6);paint-order:stroke fill markers"
+       d="m 24.757178,45.663336 c -3.479672,-2.53512 -6.95274,-2.415059 -9.937039,-0.778813"
+       id="path13743-5-0" /><g
+       id="g1244-5"
+       transform="matrix(1.3919656,-0.90209595,0.9428036,1.3318644,-82.591904,87.781631)"
+       style="display:inline"><text
+         xml:space="preserve"
+         style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="55.705479"
+         y="-25.081388"
+         id="text1240-6"
+         transform="matrix(0.828845,0.5587786,-0.55921616,0.82949403,0,0)"><tspan
+           id="tspan1238-6"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
+           x="55.705479"
+           y="-25.081388">2</tspan></text><circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle1242-4"
+         cx="-55.559937"
+         cy="27.578447"
+         r="1.2760839"
+         transform="rotate(-144.24458)" /></g></g><g
+     id="g8"><path
+       style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
+       id="path57645"
+       d="M 66.345062,63.884771 A 14.04826,13.298772 83.189707 0 1 51.412762,70.930244 14.04826,13.298772 83.189707 0 1 41.192253,57.212847 14.04826,13.298772 83.189707 0 1 51.273838,43.656999 14.04826,13.298772 83.189707 0 1 66.279132,50.940698" /><path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.354143;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3);paint-order:stroke fill markers"
+       d="m 49.415379,44.064902 c 3.242855,-1.399649 6.109266,-1.095812 8.358098,0.149097"
+       id="path57655" /><g
+       id="g2"
+       transform="matrix(1.5730821,0,0,1.5086122,-17.02496,17.771258)"
+       style="display:inline"><text
+         xml:space="preserve"
+         style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="48.182404"
+         y="19.336451"
+         id="text2"
+         transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
+           id="tspan2"
+           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
+           x="48.182404"
+           y="19.336451">1</tspan></text><circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle2"
+         cx="-49.550514"
+         cy="-16.824097"
+         r="1.2760839"
+         transform="rotate(-178.67073)" /></g></g><g
+     id="g7"
+     style="display:none"><path
+       style="display:inline;fill:#009e40;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7.047;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="m 66.268155,71.59369 c -0.0438,-4.654626 0.20379,-61.022576 0.20379,-61.022576"
+       id="path1236-9" /><text
+       xml:space="preserve"
+       style="font-size:3.80784px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.190993;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+       x="63.954109"
+       y="20.842781"
+       id="text3"
+       transform="matrix(1.0219114,-0.00211637,0.00221361,0.97855383,0,0)"><tspan
+         id="tspan3"
+         style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.190993;stroke-dasharray:none;stroke-opacity:1"
+         x="63.954109"
+         y="20.842781">2</tspan></text><path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.565155;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-6);paint-order:stroke fill markers"
+       d="m 66.588555,33.825415 c -0.03166,-2.297414 -0.05782,-11.140553 -0.05782,-11.140553"
+       id="path1246-8-5" /><ellipse
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.230232;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+       id="circle3"
+       cx="-67.118843"
+       cy="-17.201206"
+       transform="matrix(-0.99962271,-0.02746689,0.02999955,-0.99954991,0,0)"
+       rx="2.1452827"
+       ry="2.0528049" /></g></svg>

public/assets/small-letter/ds_l2.svg

@@ -0,0 +1,250 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="100mm"
+   height="100mm"
+   viewBox="0 0 100 100"
+   version="1.1"
+   id="svg5"
+   xml:space="preserve"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"><defs
+     id="defs2"><marker
+       style="overflow:visible"
+       id="Arrow2-36"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       preserveAspectRatio="xMidYMid"><path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-0" /></marker><marker
+       style="overflow:visible"
+       id="Arrow2-3-62"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       preserveAspectRatio="xMidYMid"><path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-6-6" /></marker><marker
+       style="overflow:visible"
+       id="Arrow2-6"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       preserveAspectRatio="xMidYMid"><path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-7" /></marker><marker
+       style="overflow:visible"
+       id="Arrow2-3"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       preserveAspectRatio="xMidYMid"><path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-6" /></marker><marker
+       style="overflow:visible"
+       id="Arrow2-1"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       preserveAspectRatio="xMidYMid"><path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-9" /></marker><marker
+       style="overflow:visible"
+       id="Arrow2-3-6"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       preserveAspectRatio="xMidYMid"><path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-6-9" /></marker></defs><g
+     id="g4"
+     style="display:none"><path
+       style="display:inline;fill:#009e40;fill-opacity:1;fill-rule:nonzero;stroke:#009e40;stroke-width:7.047;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="m 75.184854,71.482044 c -0.03647,-4.052143 0.184035,-60.657513 0.184035,-60.657513"
+       id="path1236-1" /><path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.481786;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-36);paint-order:stroke fill markers"
+       d="m 75.254826,31.391094 c -0.02604,-2.031242 -0.04755,-9.849843 -0.04755,-9.849843"
+       id="path1246-8" /><g
+       id="g2746"
+       transform="matrix(1.4909448,0,0,1.3647474,1.9112848,-5.5868929)"
+       style="display:inline"><text
+         xml:space="preserve"
+         style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="48.182404"
+         y="19.336451"
+         id="text2742"
+         transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
+           id="tspan2740"
+           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
+           x="48.182404"
+           y="19.336451">1</tspan></text><circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle2744"
+         cx="-49.550514"
+         cy="-16.824097"
+         r="1.2760839"
+         transform="rotate(-178.67073)" /></g><g
+       id="g1"
+       style="display:inline"
+       transform="translate(41.504681,0.06850035)"><path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="m 54.168067,71.384868 c 0.0263,-2.113555 0.09996,-6.93742 -0.146842,-16.538709 C 53.722805,43.23683 39.906985,36.421333 33.766311,54.15169"
+         id="path385" /><path
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.48023;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3-62);paint-order:stroke fill markers"
+         d="m 46.26788,44.378094 c -4.559582,0.05579 -7.570594,2.107967 -9.267114,5.026196"
+         id="path1118" /><g
+         id="g1126"
+         transform="matrix(1.1799302,-0.80541095,0.79918818,1.1891176,-45.741712,89.250482)"
+         style="display:inline"><text
+           xml:space="preserve"
+           style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           x="55.705479"
+           y="-25.081388"
+           id="text1122"
+           transform="matrix(0.828845,0.5587786,-0.55921616,0.82949403,0,0)"><tspan
+             id="tspan1120"
+             style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
+             x="55.705479"
+             y="-25.081388">2</tspan></text><circle
+           style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+           id="circle1124"
+           cx="-55.559937"
+           cy="27.578447"
+           r="1.2760839"
+           transform="rotate(-144.24458)" /></g></g></g><g
+     id="g5"
+     style="display:none"><path
+       style="display:inline;fill:#009e40;fill-opacity:1;fill-rule:nonzero;stroke:#009e40;stroke-width:7.047;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="M 7.7385535,71.396922 C 7.70034,66.772391 7.9165054,10.768881 7.9165054,10.768881"
+       id="path1236-3" /><path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.480829;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-1);paint-order:stroke fill markers"
+       d="M 8.093739,34.526423 C 8.069141,32.385739 8.048819,24.145875 8.048819,24.145875"
+       id="path1246-3" /><g
+       id="g2746-62"
+       transform="matrix(1.409452,0,0,1.4034978,-61.486834,-4.1612037)"
+       style="display:inline"><text
+         xml:space="preserve"
+         style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="48.182404"
+         y="19.336451"
+         id="text2742-6"
+         transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
+           id="tspan2740-1"
+           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
+           x="48.182404"
+           y="19.336451">1</tspan></text><circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle2744-8"
+         cx="-49.550514"
+         cy="-16.824097"
+         r="1.2760839"
+         transform="rotate(-178.67073)" /></g><path
+       style="display:inline;fill:none;fill-opacity:1;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
+       id="path4236-8"
+       d="M 8.1437852,63.944087 A 13.174543,14.063217 10.380298 0 0 22.952834,70.837734 13.174543,14.063217 10.380298 0 0 33.102139,57.023148 13.174543,14.063217 10.380298 0 0 23.110017,43.573003 13.174543,14.063217 10.380298 0 0 8.2183837,51.004057" /><path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.481099;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3-6);paint-order:stroke fill markers"
+       d="m 24.757178,45.663336 c -3.479672,-2.53512 -6.95274,-2.415059 -9.937039,-0.778813"
+       id="path13743-5-0" /><g
+       id="g1244-5"
+       transform="matrix(1.3919656,-0.90209595,0.9428036,1.3318644,-82.591904,87.781631)"
+       style="display:inline"><text
+         xml:space="preserve"
+         style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="55.705479"
+         y="-25.081388"
+         id="text1240-6"
+         transform="matrix(0.828845,0.5587786,-0.55921616,0.82949403,0,0)"><tspan
+           id="tspan1238-6"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
+           x="55.705479"
+           y="-25.081388">2</tspan></text><circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle1242-4"
+         cx="-55.559937"
+         cy="27.578447"
+         r="1.2760839"
+         transform="rotate(-144.24458)" /></g></g><g
+     id="g8"
+     style="display:none"><path
+       style="display:inline;fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
+       id="path57645"
+       d="M 66.345062,63.884771 A 14.04826,13.298772 83.189707 0 1 51.412762,70.930244 14.04826,13.298772 83.189707 0 1 41.192253,57.212847 14.04826,13.298772 83.189707 0 1 51.273838,43.656999 14.04826,13.298772 83.189707 0 1 66.279132,50.940698" /><path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.354143;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3);paint-order:stroke fill markers"
+       d="m 49.415379,44.064902 c 3.242855,-1.399649 6.109266,-1.095812 8.358098,0.149097"
+       id="path57655" /><g
+       id="g2"
+       transform="matrix(1.5730821,0,0,1.5086122,-17.02496,17.771258)"
+       style="display:inline"><text
+         xml:space="preserve"
+         style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="48.182404"
+         y="19.336451"
+         id="text2"
+         transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
+           id="tspan2"
+           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
+           x="48.182404"
+           y="19.336451">1</tspan></text><circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle2"
+         cx="-49.550514"
+         cy="-16.824097"
+         r="1.2760839"
+         transform="rotate(-178.67073)" /></g></g><g
+     id="g7"
+     style="display:inline"><path
+       style="display:inline;fill:#009e40;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7.047;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="m 66.268155,71.59369 c -0.0438,-4.654626 0.20379,-61.022576 0.20379,-61.022576"
+       id="path1236-9" /><text
+       xml:space="preserve"
+       style="font-size:3.80784px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.190993;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+       x="63.954109"
+       y="20.842781"
+       id="text3"
+       transform="matrix(1.0219114,-0.00211637,0.00221361,0.97855383,0,0)"><tspan
+         id="tspan3"
+         style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.190993;stroke-dasharray:none;stroke-opacity:1"
+         x="63.954109"
+         y="20.842781">2</tspan></text><path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.565155;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-6);paint-order:stroke fill markers"
+       d="m 66.588555,33.825415 c -0.03166,-2.297414 -0.05782,-11.140553 -0.05782,-11.140553"
+       id="path1246-8-5" /><ellipse
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.230232;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+       id="circle3"
+       cx="-67.118843"
+       cy="-17.201206"
+       transform="matrix(-0.99962271,-0.02746689,0.02999955,-0.99954991,0,0)"
+       rx="2.1452827"
+       ry="2.0528049" /></g></svg>

public/assets/small-letter/es.svg

@@ -0,0 +1,187 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="100mm"
+   height="100mm"
+   viewBox="0 0 100 100"
+   version="1.1"
+   id="svg5"
+   sodipodi:docname="es.svg"
+   inkscape:export-filename="ds_l2.svg"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview51242"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     showgrid="false"
+     showguides="true">
+    <sodipodi:guide
+       position="107.64909,49.99107"
+       orientation="0,-1"
+       id="guide51373"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="114.63086,74.995535"
+       orientation="0,-1"
+       id="guide51375"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="49.846563,90.7451"
+       orientation="1,0"
+       id="guide51379"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="30.037831,109.742"
+       orientation="1,0"
+       id="guide51381"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="114.14376,25.148972"
+       orientation="0,-1"
+       id="guide51383"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="121.77499,67.526669"
+       orientation="0,-1"
+       id="guide51385"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="-62.511162,32.455471"
+       orientation="0,-1"
+       id="guide51387"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="79.722027,92.531133"
+       orientation="0,-1"
+       id="guide51389"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="75.500494,7.6133734"
+       orientation="0,-1"
+       id="guide51391"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="62.674703,108.2319"
+       orientation="1,0"
+       id="guide53858"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="37.604822,110.66405"
+       orientation="1,0"
+       id="guide53860"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="69.596984,81.852399"
+       orientation="1,0"
+       id="guide58546"
+       inkscape:locked="false" />
+  </sodipodi:namedview>
+  <defs
+     id="defs2">
+    <marker
+       style="overflow:visible"
+       id="Arrow2-3-60"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       preserveAspectRatio="xMidYMid">
+      <path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-6-2" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="Arrow2-7"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       preserveAspectRatio="xMidYMid">
+      <path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-61" />
+    </marker>
+  </defs>
+  <path
+     style="fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
+     id="path4236-3"
+     d="M 66.282481,57.301684 A 14.44182,13.780303 62.359571 0 1 50.393538,63.429223 14.44182,13.780303 62.359571 0 1 40.227923,48.789419 14.44182,13.780303 62.359571 0 1 51.292193,35.713725 14.44182,13.780303 62.359571 0 1 66.708988,44.147715" />
+  <g
+     id="g2108-2"
+     transform="matrix(1.3525273,0,0,1.1292035,-2.8510023,19.346162)">
+    <text
+       xml:space="preserve"
+       style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+       x="48.182404"
+       y="19.336451"
+       id="text9342-7-1"
+       transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
+         id="tspan9340-5-5"
+         style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
+         x="48.182404"
+         y="19.336451">1</tspan></text>
+    <circle
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+       id="path9448-3-9"
+       cx="-49.550514"
+       cy="-16.824097"
+       r="1.2760839"
+       transform="rotate(-178.67073)" />
+  </g>
+  <path
+     style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.37715;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3-60);paint-order:stroke fill markers"
+     d="m 54.294694,35.212851 c 3.917178,-0.127434 6.38033,1.239312 7.660073,3.277869"
+     id="path13743-5-9" />
+  <path
+     style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+     d="m 66.648324,44.893711 c -1.765586,0.06124 -23.149019,0.136861 -23.149019,0.136861"
+     id="path1236-1" />
+  <g
+     id="g1244-4"
+     transform="matrix(1.1016092,-0.64486304,0.74614002,0.95208289,-28.786873,73.145439)"
+     style="display:inline">
+    <text
+       xml:space="preserve"
+       style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+       x="54.113926"
+       y="-23.497944"
+       id="text1240-9"
+       transform="matrix(0.828845,0.5587786,-0.55921616,0.82949403,0,0)"><tspan
+         id="tspan1238-1"
+         style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
+         x="54.113926"
+         y="-23.497944">2</tspan></text>
+    <circle
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+       id="circle1242-0"
+       cx="-54.018658"
+       cy="25.946033"
+       r="1.2760839"
+       transform="rotate(-144.24458)" />
+  </g>
+  <path
+     style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.37715;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-7);paint-order:stroke fill markers"
+     d="M 56.028776,45.18763 C 54.054458,45.16698 46.456114,45.037749 46.456114,45.037749"
+     id="path1246-7" />
+</svg>

public/assets/small-letter/es_l1.svg

@@ -0,0 +1,115 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="100mm"
+   height="100mm"
+   viewBox="0 0 100 100"
+   version="1.1"
+   id="svg5"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs2">
+    <marker
+       style="overflow:visible"
+       id="Arrow2-3-60"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       preserveAspectRatio="xMidYMid">
+      <path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-6-2" />
+    </marker>
+    <marker
+       style="overflow:visible"
+       id="Arrow2-7"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       markerWidth="7.6999998"
+       markerHeight="5.5999999"
+       viewBox="0 0 7.7 5.6"
+       preserveAspectRatio="xMidYMid">
+      <path
+         transform="scale(0.7)"
+         d="M -2,-4 9,0 -2,4 c 2,-2.33 2,-5.66 0,-8 z"
+         style="fill:context-stroke;fill-rule:evenodd;stroke:none"
+         id="arrow2L-61" />
+    </marker>
+  </defs>
+  <g
+     id="g2">
+    <path
+       style="fill:none;fill-opacity:1;stroke:#009e40;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
+       id="path4236-3"
+       d="M 66.282481,57.301684 A 14.44182,13.780303 62.359571 0 1 50.393538,63.429223 14.44182,13.780303 62.359571 0 1 40.227923,48.789419 14.44182,13.780303 62.359571 0 1 51.292193,35.713725 14.44182,13.780303 62.359571 0 1 66.708988,44.147715" />
+    <g
+       id="g2108-2"
+       transform="matrix(1.3525273,0,0,1.1292035,-2.8510023,19.346162)">
+      <text
+         xml:space="preserve"
+         style="font-size:2.7912px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#f9f4f4;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="48.182404"
+         y="19.336451"
+         id="text9342-7-1"
+         transform="matrix(0.99957927,-0.0076705,0.00767651,1.000362,0,0)"><tspan
+           id="tspan9340-5-5"
+           style="fill:#ffffff;fill-opacity:1;stroke:#f9f4f4;stroke-width:0.14;stroke-dasharray:none;stroke-opacity:1"
+           x="48.182404"
+           y="19.336451">1</tspan></text>
+      <circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="path9448-3-9"
+         cx="-49.550514"
+         cy="-16.824097"
+         r="1.2760839"
+         transform="rotate(-178.67073)" />
+    </g>
+    <path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#fefdfd;stroke-width:0.37715;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-3-60);paint-order:stroke fill markers"
+       d="m 54.294694,35.212851 c 3.917178,-0.127434 6.38033,1.239312 7.660073,3.277869"
+       id="path13743-5-9" />
+  </g>
+  <g
+     id="g1"
+     style="display:none">
+    <path
+       style="display:inline;fill:#b16c57;fill-opacity:1;fill-rule:nonzero;stroke:#b16c57;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       d="m 66.648324,44.893711 c -1.765586,0.06124 -23.149019,0.136861 -23.149019,0.136861"
+       id="path1236-1" />
+    <g
+       id="g1244-4"
+       transform="matrix(1.1016092,-0.64486304,0.74614002,0.95208289,-28.786873,73.145439)"
+       style="display:inline">
+      <text
+         xml:space="preserve"
+         style="font-size:2.31549px;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         x="54.113926"
+         y="-23.497944"
+         id="text1240-9"
+         transform="matrix(0.828845,0.5587786,-0.55921616,0.82949403,0,0)"><tspan
+           id="tspan1238-1"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#f9f4f4;stroke-width:0.11614;stroke-dasharray:none;stroke-opacity:1"
+           x="54.113926"
+           y="-23.497944">2</tspan></text>
+      <circle
+         style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#f9f6f6;stroke-width:0.14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle1242-0"
+         cx="-54.018658"
+         cy="25.946033"
+         r="1.2760839"
+         transform="rotate(-144.24458)" />
+    </g>
+    <path
+       style="display:inline;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#fefdfd;stroke-width:0.37715;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker-start:url(#Arrow2-7);paint-order:stroke fill markers"
+       d="M 56.028776,45.18763 C 54.054458,45.16698 46.456114,45.037749 46.456114,45.037749"
+       id="path1246-7" />
+  </g>
+</svg>