Add dark theme to pictures (#168)

* feat(APS): changed dark theme

* feat(APS): changed photos

* feat(APS): new table colours

* feat(APS): fixed lines and colours

* feat(APS): fixed tables
This commit is contained in:
footbooller
2026-10-27 09:13:30 +03:00
committed by GitHub
parent 4cac36212b
commit b5410bcd4a
130 changed files with 9367 additions and 9332 deletions

View File

@@ -1,53 +1,53 @@
<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="526px" height="581px" viewBox="-0.5 -0.5 526 581" content="&lt;mxfile scale=&quot;0.7&quot; border=&quot;20&quot;&gt;&lt;diagram name=&quot;Страница — 1&quot; id=&quot;JR86UIaT7McQsBdZhVYJ&quot;&gt;7ZxRk6I4EIB/ja9XQAjg4zru7r1c1VbNw+09MpBRapFYGEfdX3+JCQoJjsAkLFNmHqagCQ301510OuAMPG2O38t4u/4HpyifeU56nIHlzPNcN6D/meDEBSCKuGBVZqlocxU8Z7+REDpCus9StGs0JBjnJNs2hQkuCpSQhiwuS3xoNnvFefOq23iFFMFzEueq9N8sJWsujbzwKv8bZas1uTzvnB95iZNfqxLvC3G9mQdez3/88CaudIkH3a3jFB9qIvB1Bp5KjAnf2hyfUM5MW5mNn/ftxtHLfZeoIF1O8PgJb3G+R9Udn++LnCpb0Fvcsk1czsDisM4Iet7GCZMcKHsqW5NNTvdcuvma5fkTzlnTZYEL2mixIyX+hSohtYdz/mONcUHa5PyMyu7UJAv1qcSDvqGSoGNNJJ7yO8IbRMoTbSKOeo6wuPBIX+werngDIVrXyEZCFguHWl0UX41KN4Rd220MHtXGbjCekf1HNfLFeiMYGT6qkX1nPCMHj2pk6I1n5PBRjRyMOPBF942MivQLy9eudqtZ9ZxHIabMMW1QlDYSQtWcNXPBFnNVshLlMcnemmlkmw3FFX7gjN7JhZYvwZIg7PC+TJA4p57VSWoU6JIeEpcrRBQ9Z56XZ+6EeG4RfwyxKwfaUMaKIn2Qq1mZpTyUMnA0UVYUaaTsWsofo+x7migrijRS7jDjt5Tfowx9TZQVRRopd6g5WMrvpl7aci9zyZfboejRi3Jckqoxpkor2bcsr854BE9wvSbBUNfgrSjS6AodSjM24M1glhW5BjF3KA5ZzO/16+HQfv2uu9ygTFnEp1qzLWuw6+GWQWMFh25wjYNdqEPpyw4aH+5NYOTrGTQURRp7E90FOusKba7g60olFUUaXUF3Ic+6QpsrAF1zR0WRPleobtm6glFX8HQVixRFGl1Bd0nQukKnCcPgNQBzM4+KfJcV0+PnXjKFcqfdsi59sXTdPVw5EocsmnZ5XahHzKFjRn6KI2z7Pyb/C4q95bHWbHmq7fxAZUbvHZWVrKDP8fN8sutElYBrc+k9C8FV4XnvVN+TVRrFzUNImJSLeDA03XkiPQKYSy43H9gj+PLCU8c8oe8sVb5O5PS7LQClmPjYpLbL619/OGhC2AwaD046ZsDkYyYEN97R6hszYSQ5JzQUM3Li5twJGjnnh3orQV1e5/uzQUOH3mbQgDCcdNT4jxM1cKSRBgTt2dit+1LaB5qHGr0l+DGiJvC8SUcNnHzU+K6mqPFl7zQ01shRUCVgnaNmrjlq9K46jJGghdNO0ILpB80NH+w/1Liyc46ToMGgX4JW9RLagkbv+oyRUgBoBk008QQttFFjuhQQ9KwF+J7moUbvUpauqBmv2jUtfw5CXdN0uSxr7oX3ao5Uc6FY8SGCjqTpOHGerQq6nVA8jPuC1ZyzJM6/iAObLE3Z6YsS7bLf8ctZFUMtYozqhYsZXDJde4J3/LtodVlE+GxLCZ35kvic2hu9cC4FdkvZHLT4mdy/DfrEVl2oerHA+gJzW74NM0bMU4gllljvEGv5wtoYMXVhKrXE+hIDLZ9rGyOmroogS6wvMdjy7bcxYmpJ/tUS60ssGDPzUMvBO/ZbOJbZHWbSOkTYwqxtVqKFmd5ipGzGR3iFKYRNemKRpfekLpL0QEmPxjmdWkwLPl2YutHYYSrN3kM4YteqFnJY1woXkJnzs6Ebv4e9/Arb5UvEQGEXGmJX6VDY+ZbdEHawJe6MsVOLKZwdsOyGsPO9EeNOLatwdp5lN4QdcEZkpxZYODvXshvCzo1GZKeWWjg7x7IblquMh06tuawssbvEAvmVdXOLB3T3+ou4fOp3/dVh8PV/&lt;/diagram&gt;&lt;/mxfile&gt;" style="background-color: rgb(255, 255, 255);">
<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="526px" height="581px" viewBox="-0.5 -0.5 526 581" content="&lt;mxfile scale=&quot;0.7&quot; border=&quot;20&quot;&gt;&lt;diagram name=&quot;Страница — 1&quot; id=&quot;JR86UIaT7McQsBdZhVYJ&quot;&gt;7ZxRk6I4EIB/ja9XQAjg4zru7r1c1VbNw+09MpBRapFYGEfdX3+JCQoJjsAkLFNmHqagCQ301510OuAMPG2O38t4u/4HpyifeU56nIHlzPNcN6D/meDEBSCKuGBVZqlocxU8Z7+REDpCus9StGs0JBjnJNs2hQkuCpSQhiwuS3xoNnvFefOq23iFFMFzEueq9N8sJWsujbzwKv8bZas1uTzvnB95iZNfqxLvC3G9mQdez3/88CaudIkH3a3jFB9qIvB1Bp5KjAnf2hyfUM5MW5mNn/ftxtHLfZeoIF1O8PgJb3G+R9Udn++LnCpb0Fvcsk1czsDisM4Iet7GCZMcKHsqW5NNTvdcuvma5fkTzlnTZYEL2mixIyX+hSohtYdz/mONcUHa5PyMyu7UJAv1qcSDvqGSoGNNJJ7yO8IbRMoTbSKOeo6wuPBIX+werngDIVrXyEZCFguHWl0UX41KN4Rd220MHtXGbjCekf1HNfLFeiMYGT6qkX1nPCMHj2pk6I1n5PBRjRyMOPBF942MivQLy9eudqtZ9ZxHIabMMW1QlDYSQtWcNXPBFnNVshLlMcnemmlkmw3FFX7gjN7JhZYvwZIg7PC+TJA4p57VSWoU6JIeEpcrRBQ9Z56XZ+6EeG4RfwyxKwfaUMaKIn2Qq1mZpTyUMnA0UVYUaaTsWsofo+x7migrijRS7jDjt5Tfowx9TZQVRRopd6g5WMrvpl7aci9zyZfboejRi3Jckqoxpkor2bcsr854BE9wvSbBUNfgrSjS6AodSjM24M1glhW5BjF3KA5ZzO/16+HQfv2uu9ygTFnEp1qzLWuw6+GWQWMFh25wjYNdqEPpyw4aH+5NYOTrGTQURRp7E90FOusKba7g60olFUUaXUF3Ic+6QpsrAF1zR0WRPleobtm6glFX8HQVixRFGl1Bd0nQukKnCcPgNQBzM4+KfJcV0+PnXjKFcqfdsi59sXTdPVw5EocsmnZ5XahHzKFjRn6KI2z7Pyb/C4q95bHWbHmq7fxAZUbvHZWVrKDP8fN8sutElYBrc+k9C8FV4XnvVN+TVRrFzUNImJSLeDA03XkiPQKYSy43H9gj+PLCU8c8oe8sVb5O5PS7LQClmPjYpLbL619/OGhC2AwaD046ZsDkYyYEN97R6hszYSQ5JzQUM3Li5twJGjnnh3orQV1e5/uzQUOH3mbQgDCcdNT4jxM1cKSRBgTt2dit+1LaB5qHGr0l+DGiJvC8SUcNnHzU+K6mqPFl7zQ01shRUCVgnaNmrjlq9K46jJGghdNO0ILpB80NH+w/1Liyc46ToMGgX4JW9RLagkbv+oyRUgBoBk008QQttFFjuhQQ9KwF+J7moUbvUpauqBmv2jUtfw5CXdN0uSxr7oX3ao5Uc6FY8SGCjqTpOHGerQq6nVA8jPuC1ZyzJM6/iAObLE3Z6YsS7bLf8ctZFUMtYozqhYsZXDJde4J3/LtodVlE+GxLCZ35kvic2hu9cC4FdkvZHLT4mdy/DfrEVl2oerHA+gJzW74NM0bMU4gllljvEGv5wtoYMXVhKrXE+hIDLZ9rGyOmroogS6wvMdjy7bcxYmpJ/tUS60ssGDPzUMvBO/ZbOJbZHWbSOkTYwqxtVqKFmd5ipGzGR3iFKYRNemKRpfekLpL0QEmPxjmdWkwLPl2YutHYYSrN3kM4YteqFnJY1woXkJnzs6Ebv4e9/Arb5UvEQGEXGmJX6VDY+ZbdEHawJe6MsVOLKZwdsOyGsPO9EeNOLatwdp5lN4QdcEZkpxZYODvXshvCzo1GZKeWWjg7x7IblquMh06tuawssbvEAvmVdXOLB3T3+ou4fOp3/dVh8PV/&lt;/diagram&gt;&lt;/mxfile&gt;" style="background: #ffffff; background-color: light-dark(#ffffff, #121212); color-scheme: light dark; fill: light-dark(#000000, #ffffff);">
<defs/>
<g>
<path d="M 139.3 34.3 Q 181.3 34.3 181.3 62.3 Q 181.3 90.3 139.3 90.3 Z" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="all"/>
<path d="M 139.3 118.3 Q 181.3 118.3 181.3 146.3 Q 181.3 174.3 139.3 174.3 Z" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="all"/>
<path d="M 139.3 202.3 Q 181.3 202.3 181.3 230.3 Q 181.3 258.3 139.3 258.3 Z" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="all"/>
<path d="M 139.3 286.3 Q 181.3 286.3 181.3 314.3 Q 181.3 342.3 139.3 342.3 Z" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="all"/>
<path d="M 139.3 370.3 Q 181.3 370.3 181.3 398.3 Q 181.3 426.3 139.3 426.3 Z" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="all"/>
<path d="M 139.3 454.3 Q 181.3 454.3 181.3 482.3 Q 181.3 510.3 139.3 510.3 Z" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="all"/>
<path d="M 27.3 48.3 L 139.3 48.3" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="stroke"/>
<path d="M 27.3 132.3 L 139.3 132.3" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="stroke"/>
<path d="M 27.3 216.3 L 139.3 216.3" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="stroke"/>
<path d="M 27.3 300.3 L 139.3 300.3" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="stroke"/>
<path d="M 27.3 384.3 L 139.3 384.3" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="stroke"/>
<path d="M 27.3 468.3 L 139.3 468.3" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="stroke"/>
<path d="M 85.4 496.3 L 139.3 496.3" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="stroke"/>
<ellipse cx="83.3" cy="496.3" rx="2.0999999999999996" ry="2.0999999999999996" fill="#000000" stroke="#000000" stroke-width="1.4" pointer-events="all"/>
<path d="M 83.3 496.3 L 83.3 76.3" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="stroke"/>
<path d="M 27.3 538.3 L 83.3 538.3 L 83.3 496.3" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="stroke"/>
<path d="M 85.4 415.1 L 139.3 415.1" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="stroke"/>
<ellipse cx="83.3" cy="415.1" rx="2.0999999999999996" ry="2.0999999999999996" fill="#000000" stroke="#000000" stroke-width="1.4" pointer-events="all"/>
<path d="M 85.4 328.3 L 139.3 328.3" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="stroke"/>
<ellipse cx="83.3" cy="328.3" rx="2.0999999999999996" ry="2.0999999999999996" fill="#000000" stroke="#000000" stroke-width="1.4" pointer-events="all"/>
<path d="M 85.4 244.3 L 139.3 244.3" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="stroke"/>
<ellipse cx="83.3" cy="244.3" rx="2.0999999999999996" ry="2.0999999999999996" fill="#000000" stroke="#000000" stroke-width="1.4" pointer-events="all"/>
<path d="M 85.4 160.3 L 139.3 160.3" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="stroke"/>
<ellipse cx="83.3" cy="160.3" rx="2.0999999999999996" ry="2.0999999999999996" fill="#000000" stroke="#000000" stroke-width="1.4" pointer-events="all"/>
<path d="M 85.4 76.3 L 139.3 76.3" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="stroke"/>
<ellipse cx="83.3" cy="76.3" rx="2.0999999999999996" ry="2.0999999999999996" fill="#000000" stroke="#000000" stroke-width="1.4" pointer-events="all"/>
<path d="M 363.3 230.3 Q 433.3 230.3 433.3 272.3 Q 433.3 314.3 363.3 314.3 Q 398.3 272.3 363.3 230.3 Z" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="all"/>
<path d="M 181.3 62.3 L 307.3 62.3 L 307.3 240.8 L 370.86 240.63" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="stroke"/>
<path d="M 181.3 146.3 L 279.3 146.3 L 279.3 251.3 L 375.55 251.3" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="stroke"/>
<path d="M 181.3 230.3 L 251.3 230.3 L 251.3 261.8 L 379.54 261.97" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="stroke"/>
<path d="M 181.3 314.3 L 251.3 314.3 L 251.3 282.8 L 379.54 282.55" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="stroke"/>
<path d="M 181.3 398.3 L 279.3 398.3 L 279.3 293.3 L 375.55 293.3" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="stroke"/>
<path d="M 181.3 482.3 L 307.3 482.3 L 307.3 303.8 L 370.51 303.97" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="stroke"/>
<path d="M 433.3 272.3 L 503.3 272.3" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="stroke"/>
<path d="M 139.3 34.3 Q 181.3 34.3 181.3 62.3 Q 181.3 90.3 139.3 90.3 Z" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(#000000, #ffffff);"/>
<path d="M 139.3 118.3 Q 181.3 118.3 181.3 146.3 Q 181.3 174.3 139.3 174.3 Z" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(#000000, #ffffff);"/>
<path d="M 139.3 202.3 Q 181.3 202.3 181.3 230.3 Q 181.3 258.3 139.3 258.3 Z" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(#000000, #ffffff);"/>
<path d="M 139.3 286.3 Q 181.3 286.3 181.3 314.3 Q 181.3 342.3 139.3 342.3 Z" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(#000000, #ffffff);"/>
<path d="M 139.3 370.3 Q 181.3 370.3 181.3 398.3 Q 181.3 426.3 139.3 426.3 Z" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(#000000, #ffffff);"/>
<path d="M 139.3 454.3 Q 181.3 454.3 181.3 482.3 Q 181.3 510.3 139.3 510.3 Z" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(#000000, #ffffff);"/>
<path d="M 27.3 48.3 L 139.3 48.3" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
<path d="M 27.3 132.3 L 139.3 132.3" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
<path d="M 27.3 216.3 L 139.3 216.3" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
<path d="M 27.3 300.3 L 139.3 300.3" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
<path d="M 27.3 384.3 L 139.3 384.3" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
<path d="M 27.3 468.3 L 139.3 468.3" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
<path d="M 85.4 496.3 L 139.3 496.3" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
<ellipse cx="83.3" cy="496.3" rx="2.0999999999999996" ry="2.0999999999999996" fill="#000000" stroke="#000000" stroke-width="1.4" pointer-events="all" style="fill: light-dark(#000000, #ffffff); stroke: light-dark(#000000, #ffffff);"/>
<path d="M 83.3 496.3 L 83.3 76.3" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
<path d="M 27.3 538.3 L 83.3 538.3 L 83.3 496.3" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
<path d="M 85.4 415.1 L 139.3 415.1" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
<ellipse cx="83.3" cy="415.1" rx="2.0999999999999996" ry="2.0999999999999996" fill="#000000" stroke="#000000" stroke-width="1.4" pointer-events="all" style="fill: light-dark(#000000, #ffffff); stroke: light-dark(#000000, #ffffff);"/>
<path d="M 85.4 328.3 L 139.3 328.3" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
<ellipse cx="83.3" cy="328.3" rx="2.0999999999999996" ry="2.0999999999999996" fill="#000000" stroke="#000000" stroke-width="1.4" pointer-events="all" style="fill: light-dark(#000000, #ffffff); stroke: light-dark(#000000, #ffffff);"/>
<path d="M 85.4 244.3 L 139.3 244.3" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
<ellipse cx="83.3" cy="244.3" rx="2.0999999999999996" ry="2.0999999999999996" fill="#000000" stroke="#000000" stroke-width="1.4" pointer-events="all" style="fill: light-dark(#000000, #ffffff); stroke: light-dark(#000000, #ffffff);"/>
<path d="M 85.4 160.3 L 139.3 160.3" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
<ellipse cx="83.3" cy="160.3" rx="2.0999999999999996" ry="2.0999999999999996" fill="#000000" stroke="#000000" stroke-width="1.4" pointer-events="all" style="fill: light-dark(#000000, #ffffff); stroke: light-dark(#000000, #ffffff);"/>
<path d="M 85.4 76.3 L 139.3 76.3" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
<ellipse cx="83.3" cy="76.3" rx="2.0999999999999996" ry="2.0999999999999996" fill="#000000" stroke="#000000" stroke-width="1.4" pointer-events="all" style="fill: light-dark(#000000, #ffffff); stroke: light-dark(#000000, #ffffff);"/>
<path d="M 363.3 230.3 Q 433.3 230.3 433.3 272.3 Q 433.3 314.3 363.3 314.3 Q 398.3 272.3 363.3 230.3 Z" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(#000000, #ffffff);"/>
<path d="M 181.3 62.3 L 307.3 62.3 L 307.3 240.8 L 370.86 240.63" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
<path d="M 181.3 146.3 L 279.3 146.3 L 279.3 251.3 L 375.55 251.3" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
<path d="M 181.3 230.3 L 251.3 230.3 L 251.3 261.8 L 379.54 261.97" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
<path d="M 181.3 314.3 L 251.3 314.3 L 251.3 282.8 L 379.54 282.55" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
<path d="M 181.3 398.3 L 279.3 398.3 L 279.3 293.3 L 375.55 293.3" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
<path d="M 181.3 482.3 L 307.3 482.3 L 307.3 303.8 L 370.51 303.97" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
<path d="M 433.3 272.3 L 503.3 272.3" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
<rect x="27.3" y="20.3" width="21" height="28" fill="none" stroke="none" pointer-events="all"/>
<g transform="translate(-0.5 -0.5)scale(0.7)">
<switch>
<foreignObject pointer-events="none" width="143%" height="143%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 49px; margin-left: 54px;">
<div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
<div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
<div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: nowrap;">
a
</div>
</div>
</div>
</foreignObject>
<text x="54" y="55" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle">
<text x="54" y="55" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
a
</text>
</switch>
@@ -58,13 +58,13 @@
<foreignObject pointer-events="none" width="143%" height="143%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 169px; margin-left: 54px;">
<div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
<div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
<div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: nowrap;">
b
</div>
</div>
</div>
</foreignObject>
<text x="54" y="175" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle">
<text x="54" y="175" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
b
</text>
</switch>
@@ -75,13 +75,13 @@
<foreignObject pointer-events="none" width="143%" height="143%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 289px; margin-left: 54px;">
<div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
<div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
<div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: nowrap;">
c
</div>
</div>
</div>
</foreignObject>
<text x="54" y="295" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle">
<text x="54" y="295" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
c
</text>
</switch>
@@ -92,13 +92,13 @@
<foreignObject pointer-events="none" width="143%" height="143%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 409px; margin-left: 54px;">
<div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
<div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
<div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: nowrap;">
d
</div>
</div>
</div>
</foreignObject>
<text x="54" y="415" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle">
<text x="54" y="415" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
d
</text>
</switch>
@@ -109,13 +109,13 @@
<foreignObject pointer-events="none" width="143%" height="143%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 529px; margin-left: 54px;">
<div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
<div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
<div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: nowrap;">
e
</div>
</div>
</div>
</foreignObject>
<text x="54" y="535" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle">
<text x="54" y="535" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
e
</text>
</switch>
@@ -126,13 +126,13 @@
<foreignObject pointer-events="none" width="143%" height="143%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 649px; margin-left: 54px;">
<div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
<div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
<div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: nowrap;">
f
</div>
</div>
</div>
</foreignObject>
<text x="54" y="655" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle">
<text x="54" y="655" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
f
</text>
</switch>
@@ -143,31 +143,31 @@
<foreignObject pointer-events="none" width="143%" height="143%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 749px; margin-left: 54px;">
<div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
<div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
<div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: nowrap;">
sel
</div>
</div>
</div>
</foreignObject>
<text x="54" y="755" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle">
<text x="54" y="755" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
sel
</text>
</switch>
</g>
<path d="M 51.8 541.8 L 58.8 534.8" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="stroke"/>
<path d="M 51.8 541.8 L 58.8 534.8" fill="none" stroke="#000000" stroke-width="1.4" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(#000000, #ffffff);"/>
<rect x="48.3" y="531.3" width="21" height="28" fill="none" stroke="none" pointer-events="all"/>
<g transform="translate(-0.5 -0.5)scale(0.7)">
<switch>
<foreignObject pointer-events="none" width="143%" height="143%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 779px; margin-left: 84px;">
<div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
<div style="display: inline-block; font-size: 18px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
<div style="display: inline-block; font-size: 18px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: nowrap;">
6
</div>
</div>
</div>
</foreignObject>
<text x="84" y="784" fill="#000000" font-family="Helvetica" font-size="18px" text-anchor="middle">
<text x="84" y="784" fill="#000000" font-family="Helvetica" font-size="18px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
6
</text>
</switch>
@@ -178,13 +178,13 @@
<foreignObject pointer-events="none" width="143%" height="143%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 695px; margin-left: 150px;">
<div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
<div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
<div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: nowrap;">
sel[5]
</div>
</div>
</div>
</foreignObject>
<text x="150" y="701" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle">
<text x="150" y="701" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
sel[5]
</text>
</switch>
@@ -195,13 +195,13 @@
<foreignObject pointer-events="none" width="143%" height="143%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 579px; margin-left: 150px;">
<div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
<div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
<div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: nowrap;">
sel[4]
</div>
</div>
</div>
</foreignObject>
<text x="150" y="585" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle">
<text x="150" y="585" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
sel[4]
</text>
</switch>
@@ -212,13 +212,13 @@
<foreignObject pointer-events="none" width="143%" height="143%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 455px; margin-left: 150px;">
<div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
<div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
<div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: nowrap;">
sel[3]
</div>
</div>
</div>
</foreignObject>
<text x="150" y="461" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle">
<text x="150" y="461" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
sel[3]
</text>
</switch>
@@ -229,13 +229,13 @@
<foreignObject pointer-events="none" width="143%" height="143%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 335px; margin-left: 150px;">
<div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
<div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
<div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: nowrap;">
sel[2]
</div>
</div>
</div>
</foreignObject>
<text x="150" y="341" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle">
<text x="150" y="341" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
sel[2]
</text>
</switch>
@@ -246,13 +246,13 @@
<foreignObject pointer-events="none" width="143%" height="143%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 215px; margin-left: 150px;">
<div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
<div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
<div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: nowrap;">
sel[1]
</div>
</div>
</div>
</foreignObject>
<text x="150" y="221" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle">
<text x="150" y="221" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
sel[1]
</text>
</switch>
@@ -263,13 +263,13 @@
<foreignObject pointer-events="none" width="143%" height="143%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 95px; margin-left: 150px;">
<div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
<div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
<div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: nowrap;">
sel[0]
</div>
</div>
</div>
</foreignObject>
<text x="150" y="101" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle">
<text x="150" y="101" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
sel[0]
</text>
</switch>
@@ -280,13 +280,13 @@
<foreignObject pointer-events="none" width="143%" height="143%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 369px; margin-left: 704px;">
<div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
<div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
<div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(0, 0, 0); color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); line-height: 1.2; pointer-events: all; white-space: nowrap;">
g
</div>
</div>
</div>
</foreignObject>
<text x="704" y="375" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle">
<text x="704" y="375" fill="#000000" font-family="Helvetica" font-size="20px" text-anchor="middle" style="fill: light-dark(#000000, #ffffff);">
g
</text>
</switch>

Before

Width:  |  Height:  |  Size: 27 KiB

After

Width:  |  Height:  |  Size: 30 KiB