change game du url from config.js file

Reviewed-on: #46

.gitignore

@@ -19,3 +19,5 @@ pnpm-debug.log*
 # macOS-specific files
 .DS_Store
 dist.zip
+
+/public/config.js

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)
+<?xml version="1.0" encoding="UTF-8"?>
-[![Open with CodeSandbox](https://assets.codesandbox.io/github/button-edit-lime.svg)](https://codesandbox.io/s/github/withastro/astro/tree/latest/examples/basics)
+<!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">
-> 🧑‍🚀 **Seasoned astronaut?** Delete this file. Have fun!
+<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>
-![basics](https://user-images.githubusercontent.com/4677417/186188965-73453154-fdec-4d6b-9c34-cb35c248ae5b.png)
+<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>
-## 🚀 Project Structure
+<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>
-Inside of your Astro project, you'll see the following folders and files:
+<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>
-├── public/
+<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>
-│   └── favicon.svg
+<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>
-├── src/
+<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>
-│   ├── components/
+<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>
-│   │   └── Card.astro
+<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>
-│   ├── layouts/
+<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>
-│   │   └── Layout.astro
+<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>
-│   └── pages/
+<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>
-│       └── index.astro
+<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>
-└── package.json
+<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>
-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).

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",
+    "dev": "astro dev --host --port 2022",
-    "start": "astro dev --host --port 2008",
+    "start": "astro dev --host --port 2022",
     "build": "astro build",
     "preview": "astro preview",
     "astro": "astro"
@@ -16,8 +16,8 @@
     "astro": "^1.7.2",
     "astro-eslint-parser": "^0.14.0",
     "eslint": "^8.44.0",
-    "flowbite": "^1.7.0",
     "flowbite-typography": "^1.0.3",
+    "html2canvas": "^1.4.1",
     "phaser": "^3.60.0",
     "shiki": "^0.14.3",
     "tailwind-scrollbar": "^3.0.4",

public/assets/bg-star.svg

@@ -0,0 +1,20 @@
+<svg width="121" height="121" viewBox="0 0 121 121" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M20.4126 115.787C19.8985 114.112 21.2639 107.552 21.2639 107.552L27.369 113.403L60.1015 95.9766L92.8969 114.903L99.6269 108.807C99.6269 108.807 100.189 114.133 99.6269 115.787C98.858 118.049 97.4089 118.881 95.4323 119.59C93.7998 120.176 90.0446 119.946 90.0446 119.946L60.1015 102.704C60.1015 102.704 41.6796 112.319 29.8756 119.946C29.8756 119.946 25.9562 120.657 24.1855 119.946C22.2765 119.18 21.0992 118.024 20.4126 115.787Z" fill="url(#paint0_linear_6328_4264)"/>
+<path d="M119.781 43.9461C119.397 42.7568 118.672 41.7068 117.695 40.9269C116.719 40.147 115.534 39.6717 114.29 39.5603L79.6497 36.4147L65.9524 4.35427C64.9421 2.00477 62.642 0.484375 60.0865 0.484375C57.5309 0.484375 55.2306 2.005 54.2208 4.36013L40.5232 36.415L5.87788 39.5603C4.6346 39.6742 3.45208 40.1505 2.47694 40.9301C1.5018 41.7097 0.776923 42.7584 0.392182 43.9461C-0.398019 46.3765 0.331704 49.042 2.25739 50.7223L28.4412 73.6852L20.7201 107.696C20.1552 110.197 21.1256 112.782 23.2007 114.282C24.3157 115.087 25.6207 115.498 26.9365 115.498C28.071 115.498 29.1962 115.192 30.2065 114.587L60.0865 96.729L89.9556 114.587C92.1413 115.902 94.8966 115.782 96.9669 114.282C97.9804 113.548 98.756 112.532 99.197 111.362C99.638 110.191 99.7251 108.916 99.4474 107.696L91.7266 73.6852L117.91 50.727C118.852 49.9043 119.531 48.8231 119.864 47.6175C120.197 46.412 120.168 45.1353 119.781 43.9461Z" fill="#FFD211"/>
+<path d="M0.207031 52.9141V46.6641L28.9254 73.6811L27.955 78.1922L0.207031 52.9141Z" fill="url(#paint1_linear_6328_4264)"/>
+<path d="M120.094 52.9141V46.6641L91.3754 73.6811L92.3458 78.1922L120.094 52.9141Z" fill="url(#paint2_linear_6328_4264)"/>
+<defs>
+<linearGradient id="paint0_linear_6328_4264" x1="60.0299" y1="95.9766" x2="60.0299" y2="120.19" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FD9F02"/>
+<stop offset="1" stop-color="#FDCF03"/>
+</linearGradient>
+<linearGradient id="paint1_linear_6328_4264" x1="14.5662" y1="46.6641" x2="14.5662" y2="78.1922" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FD9F02"/>
+<stop offset="1" stop-color="#FDCF03"/>
+</linearGradient>
+<linearGradient id="paint2_linear_6328_4264" x1="105.735" y1="46.6641" x2="105.735" y2="78.1922" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FD9F02"/>
+<stop offset="1" stop-color="#FDCF03"/>
+</linearGradient>
+</defs>
+</svg>

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>