base.svg 51 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147
  1. <?xml version="1.0" encoding="UTF-8" standalone="no"?>
  2. <svg
  3. xmlns:dc="http://purl.org/dc/elements/1.1/"
  4. xmlns:cc="http://creativecommons.org/ns#"
  5. xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
  6. xmlns:svg="http://www.w3.org/2000/svg"
  7. xmlns="http://www.w3.org/2000/svg"
  8. xmlns:xlink="http://www.w3.org/1999/xlink"
  9. xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
  10. xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
  11. width="160mm"
  12. height="90mm"
  13. viewBox="0 0 160 90"
  14. version="1.1"
  15. id="svg8"
  16. inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)"
  17. sodipodi:docname="base.svg">
  18. <defs
  19. id="defs2">
  20. <linearGradient
  21. inkscape:collect="always"
  22. id="linearGradient1460">
  23. <stop
  24. style="stop-color:#000000;stop-opacity:1;"
  25. offset="0"
  26. id="stop1456" />
  27. <stop
  28. style="stop-color:#000000;stop-opacity:0;"
  29. offset="1"
  30. id="stop1458" />
  31. </linearGradient>
  32. <linearGradient
  33. inkscape:collect="always"
  34. id="linearGradient1452">
  35. <stop
  36. style="stop-color:#000000;stop-opacity:1;"
  37. offset="0"
  38. id="stop1448" />
  39. <stop
  40. style="stop-color:#000000;stop-opacity:0;"
  41. offset="1"
  42. id="stop1450" />
  43. </linearGradient>
  44. <meshgradient
  45. inkscape:collect="always"
  46. id="meshgradient1343"
  47. gradientUnits="userSpaceOnUse"
  48. x="-39.745533"
  49. y="-109.25595"
  50. gradientTransform="translate(-132.85864,97.51786)">
  51. <meshrow
  52. id="meshrow1345">
  53. <meshpatch
  54. id="meshpatch1347">
  55. <stop
  56. path="c 53.3333,0 106.667,0 160,0"
  57. style="stop-color:#000000;stop-opacity:1"
  58. id="stop1349" />
  59. <stop
  60. path="c 0,30 0,60 0,90"
  61. style="stop-color:#ffffff;stop-opacity:1"
  62. id="stop1351" />
  63. <stop
  64. path="c -53.3333,0 -106.667,0 -160,0"
  65. style="stop-color:#000000;stop-opacity:1"
  66. id="stop1353" />
  67. <stop
  68. path="c 0,-30 0,-60 0,-90"
  69. style="stop-color:#ffffff;stop-opacity:1"
  70. id="stop1355" />
  71. </meshpatch>
  72. </meshrow>
  73. </meshgradient>
  74. <mask
  75. maskUnits="userSpaceOnUse"
  76. id="mask1357">
  77. <rect
  78. style="opacity:1;fill:#50514f;fill-opacity:1;stroke-width:1.24905"
  79. id="rect1359"
  80. width="160"
  81. height="90"
  82. x="-172.60417"
  83. y="-11.738093" />
  84. </mask>
  85. <linearGradient
  86. inkscape:collect="always"
  87. xlink:href="#linearGradient1452"
  88. id="linearGradient1454"
  89. x1="335.54587"
  90. y1="68.617458"
  91. x2="413.90302"
  92. y2="68.617455"
  93. gradientUnits="userSpaceOnUse"
  94. gradientTransform="translate(-335.54587,-23.617584)" />
  95. <linearGradient
  96. inkscape:collect="always"
  97. xlink:href="#linearGradient1460"
  98. id="linearGradient1462"
  99. x1="335.01788"
  100. y1="191.25595"
  101. x2="413.37503"
  102. y2="191.25595"
  103. gradientUnits="userSpaceOnUse"
  104. gradientTransform="translate(-495.01789,-146.25607)" />
  105. <clipPath
  106. clipPathUnits="userSpaceOnUse"
  107. id="clipPath3669">
  108. <rect
  109. style="opacity:1;fill:#000000;fill-opacity:1;stroke-width:0.399828"
  110. id="rect3671"
  111. width="10"
  112. height="10"
  113. x="79.186996"
  114. y="8.1596689" />
  115. </clipPath>
  116. <meshgradient
  117. inkscape:collect="always"
  118. id="meshgradient3725"
  119. gradientUnits="userSpaceOnUse"
  120. x="49.712132"
  121. y="-34.344131"
  122. gradientTransform="translate(-8.0561596,66.157994)">
  123. <meshrow
  124. id="meshrow3727">
  125. <meshpatch
  126. id="meshpatch3729">
  127. <stop
  128. path="c 3.33333,0 6.66667,0 10,0"
  129. style="stop-color:#ffffff;stop-opacity:1"
  130. id="stop3731" />
  131. <stop
  132. path="c 0,3.33333 0,6.66667 0,10"
  133. style="stop-color:#247ba0;stop-opacity:1"
  134. id="stop3733" />
  135. <stop
  136. path="c -3.33333,0 -6.66667,0 -10,0"
  137. style="stop-color:#ffffff;stop-opacity:1"
  138. id="stop3735" />
  139. <stop
  140. path="c 0,-3.33333 0,-6.66667 0,-10"
  141. style="stop-color:#247ba0;stop-opacity:1"
  142. id="stop3737" />
  143. </meshpatch>
  144. </meshrow>
  145. </meshgradient>
  146. <meshgradient
  147. inkscape:collect="always"
  148. id="meshgradient3772"
  149. gradientUnits="userSpaceOnUse"
  150. gradientTransform="translate(32.069302,98.540925)"
  151. x="49.712132"
  152. y="-34.344131">
  153. <meshrow
  154. id="meshrow3784">
  155. <meshpatch
  156. id="meshpatch3782">
  157. <stop
  158. path="c 3.33333,0 6.66667,0 10,0"
  159. style="stop-color:#ffffff;stop-opacity:1"
  160. id="stop3774" />
  161. <stop
  162. path="c 0,3.33333 0,6.66667 0,10"
  163. style="stop-color:#247ba0;stop-opacity:1"
  164. id="stop3776" />
  165. <stop
  166. path="c -3.33333,0 -6.66667,0 -10,0"
  167. style="stop-color:#ffffff;stop-opacity:1"
  168. id="stop3778" />
  169. <stop
  170. path="c 0,-3.33333 0,-6.66667 0,-10"
  171. style="stop-color:#247ba0;stop-opacity:1"
  172. id="stop3780" />
  173. </meshpatch>
  174. </meshrow>
  175. </meshgradient>
  176. <meshgradient
  177. inkscape:collect="always"
  178. id="meshgradient3790"
  179. gradientUnits="userSpaceOnUse"
  180. gradientTransform="translate(24.707708,21.892531)"
  181. x="49.712132"
  182. y="-34.344131">
  183. <meshrow
  184. id="meshrow3802">
  185. <meshpatch
  186. id="meshpatch3800">
  187. <stop
  188. path="c 3.33333,0 6.66667,0 10,0"
  189. style="stop-color:#ffffff;stop-opacity:1"
  190. id="stop3792" />
  191. <stop
  192. path="c 0,3.33333 0,6.66667 0,10"
  193. style="stop-color:#247ba0;stop-opacity:1"
  194. id="stop3794" />
  195. <stop
  196. path="c -3.33333,0 -6.66667,0 -10,0"
  197. style="stop-color:#ffffff;stop-opacity:1"
  198. id="stop3796" />
  199. <stop
  200. path="c 0,-3.33333 0,-6.66667 0,-10"
  201. style="stop-color:#247ba0;stop-opacity:1"
  202. id="stop3798" />
  203. </meshpatch>
  204. </meshrow>
  205. </meshgradient>
  206. <meshgradient
  207. inkscape:collect="always"
  208. id="meshgradient3826"
  209. gradientUnits="userSpaceOnUse"
  210. gradientTransform="translate(-43.917751,133.63232)"
  211. x="49.712132"
  212. y="-34.344131">
  213. <meshrow
  214. id="meshrow3838">
  215. <meshpatch
  216. id="meshpatch3836">
  217. <stop
  218. path="c 3.33333,0 6.66667,0 10,0"
  219. style="stop-color:#ffffff;stop-opacity:1"
  220. id="stop3828" />
  221. <stop
  222. path="c 0,3.33333 0,6.66667 0,10"
  223. style="stop-color:#247ba0;stop-opacity:1"
  224. id="stop3830" />
  225. <stop
  226. path="c -3.33333,0 -6.66667,0 -10,0"
  227. style="stop-color:#ffffff;stop-opacity:1"
  228. id="stop3832" />
  229. <stop
  230. path="c 0,-3.33333 0,-6.66667 0,-10"
  231. style="stop-color:#247ba0;stop-opacity:1"
  232. id="stop3834" />
  233. </meshpatch>
  234. </meshrow>
  235. </meshgradient>
  236. <meshgradient
  237. inkscape:collect="always"
  238. id="meshgradient3844"
  239. gradientUnits="userSpaceOnUse"
  240. gradientTransform="translate(84.224422,-7.8728267)"
  241. x="49.712132"
  242. y="-34.344131">
  243. <meshrow
  244. id="meshrow3856">
  245. <meshpatch
  246. id="meshpatch3854">
  247. <stop
  248. path="c 3.33333,0 6.66667,0 10,0"
  249. style="stop-color:#ffffff;stop-opacity:1"
  250. id="stop3846" />
  251. <stop
  252. path="c 0,3.33333 0,6.66667 0,10"
  253. style="stop-color:#247ba0;stop-opacity:1"
  254. id="stop3848" />
  255. <stop
  256. path="c -3.33333,0 -6.66667,0 -10,0"
  257. style="stop-color:#ffffff;stop-opacity:1"
  258. id="stop3850" />
  259. <stop
  260. path="c 0,-3.33333 0,-6.66667 0,-10"
  261. style="stop-color:#247ba0;stop-opacity:1"
  262. id="stop3852" />
  263. </meshpatch>
  264. </meshrow>
  265. </meshgradient>
  266. <meshgradient
  267. inkscape:collect="always"
  268. id="meshgradient3863"
  269. gradientUnits="userSpaceOnUse"
  270. gradientTransform="matrix(0.53989179,0,0,0.53989179,43.867728,71.611564)"
  271. x="49.712132"
  272. y="-34.344131">
  273. <meshrow
  274. id="meshrow3875">
  275. <meshpatch
  276. id="meshpatch3873">
  277. <stop
  278. path="c 3.33333,0 6.66667,0 10,0"
  279. style="stop-color:#ffffff;stop-opacity:1"
  280. id="stop3865" />
  281. <stop
  282. path="c 0,3.33333 0,6.66667 0,10"
  283. style="stop-color:#247ba0;stop-opacity:1"
  284. id="stop3867" />
  285. <stop
  286. path="c -3.33333,0 -6.66667,0 -10,0"
  287. style="stop-color:#ffffff;stop-opacity:1"
  288. id="stop3869" />
  289. <stop
  290. path="c 0,-3.33333 0,-6.66667 0,-10"
  291. style="stop-color:#247ba0;stop-opacity:1"
  292. id="stop3871" />
  293. </meshpatch>
  294. </meshrow>
  295. </meshgradient>
  296. <meshgradient
  297. inkscape:collect="always"
  298. id="meshgradient3881"
  299. gradientUnits="userSpaceOnUse"
  300. gradientTransform="matrix(0.53989179,0,0,0.53989179,77.481917,117.36185)"
  301. x="49.712132"
  302. y="-34.344131">
  303. <meshrow
  304. id="meshrow3893">
  305. <meshpatch
  306. id="meshpatch3891">
  307. <stop
  308. path="c 3.33333,0 6.66667,0 10,0"
  309. style="stop-color:#ffffff;stop-opacity:1"
  310. id="stop3883" />
  311. <stop
  312. path="c 0,3.33333 0,6.66667 0,10"
  313. style="stop-color:#247ba0;stop-opacity:1"
  314. id="stop3885" />
  315. <stop
  316. path="c -3.33333,0 -6.66667,0 -10,0"
  317. style="stop-color:#ffffff;stop-opacity:1"
  318. id="stop3887" />
  319. <stop
  320. path="c 0,-3.33333 0,-6.66667 0,-10"
  321. style="stop-color:#247ba0;stop-opacity:1"
  322. id="stop3889" />
  323. </meshpatch>
  324. </meshrow>
  325. </meshgradient>
  326. <meshgradient
  327. inkscape:collect="always"
  328. id="meshgradient3899"
  329. gradientUnits="userSpaceOnUse"
  330. gradientTransform="matrix(0.53989179,0,0,0.53989179,1.9097488,58.678891)"
  331. x="49.712132"
  332. y="-34.344131">
  333. <meshrow
  334. id="meshrow3911">
  335. <meshpatch
  336. id="meshpatch3909">
  337. <stop
  338. path="c 3.33333,0 6.66667,0 10,0"
  339. style="stop-color:#ffffff;stop-opacity:1"
  340. id="stop3901" />
  341. <stop
  342. path="c 0,3.33333 0,6.66667 0,10"
  343. style="stop-color:#247ba0;stop-opacity:1"
  344. id="stop3903" />
  345. <stop
  346. path="c -3.33333,0 -6.66667,0 -10,0"
  347. style="stop-color:#ffffff;stop-opacity:1"
  348. id="stop3905" />
  349. <stop
  350. path="c 0,-3.33333 0,-6.66667 0,-10"
  351. style="stop-color:#247ba0;stop-opacity:1"
  352. id="stop3907" />
  353. </meshpatch>
  354. </meshrow>
  355. </meshgradient>
  356. <clipPath
  357. clipPathUnits="userSpaceOnUse"
  358. id="clipPath3936">
  359. <rect
  360. style="opacity:1;fill:#ff00ff;fill-opacity:1;stroke-width:1.82643"
  361. id="rect3938"
  362. width="160"
  363. height="90"
  364. x="1.7763568e-15"
  365. y="9.8607613e-32"
  366. transform="rotate(75.492757)" />
  367. </clipPath>
  368. <clipPath
  369. clipPathUnits="userSpaceOnUse"
  370. id="clipPath3940">
  371. <rect
  372. style="opacity:1;fill:#ff00ff;fill-opacity:1;stroke-width:1.82643"
  373. id="rect3942"
  374. width="160"
  375. height="90"
  376. x="1.7763568e-15"
  377. y="0"
  378. transform="rotate(-16.346547)" />
  379. </clipPath>
  380. <clipPath
  381. clipPathUnits="userSpaceOnUse"
  382. id="clipPath3944">
  383. <rect
  384. style="opacity:1;fill:#ff00ff;fill-opacity:1;stroke-width:1.82643"
  385. id="rect3946"
  386. width="160"
  387. height="90"
  388. x="1.7763568e-15"
  389. y="9.8607613e-32"
  390. transform="rotate(-42.583221)" />
  391. </clipPath>
  392. <clipPath
  393. clipPathUnits="userSpaceOnUse"
  394. id="clipPath3948">
  395. <rect
  396. style="opacity:1;fill:#ff00ff;fill-opacity:1;stroke-width:1.82643"
  397. id="rect3950"
  398. width="160"
  399. height="90"
  400. x="1.7763568e-15"
  401. y="0"
  402. transform="rotate(-16.346547)" />
  403. </clipPath>
  404. <clipPath
  405. clipPathUnits="userSpaceOnUse"
  406. id="clipPath3952">
  407. <rect
  408. style="opacity:1;fill:#ff00ff;fill-opacity:1;stroke-width:1.82643"
  409. id="rect3954"
  410. width="160"
  411. height="90"
  412. x="1.7763568e-15"
  413. y="0"
  414. transform="rotate(34.026606)" />
  415. </clipPath>
  416. <clipPath
  417. clipPathUnits="userSpaceOnUse"
  418. id="clipPath3956">
  419. <rect
  420. style="opacity:1;fill:#ff00ff;fill-opacity:1;stroke-width:1.82643"
  421. id="rect3958"
  422. width="160"
  423. height="90"
  424. x="1.7763568e-15"
  425. y="2.9582284e-31"
  426. transform="rotate(35.93234)" />
  427. </clipPath>
  428. <clipPath
  429. clipPathUnits="userSpaceOnUse"
  430. id="clipPath3960">
  431. <rect
  432. style="opacity:1;fill:#ff00ff;fill-opacity:1;stroke-width:1.82643"
  433. id="rect3962"
  434. width="160"
  435. height="90"
  436. x="1.7763568e-15"
  437. y="2.9582284e-31"
  438. transform="rotate(35.93234)" />
  439. </clipPath>
  440. <clipPath
  441. clipPathUnits="userSpaceOnUse"
  442. id="clipPath3964">
  443. <rect
  444. style="opacity:1;fill:#ff00ff;fill-opacity:1;stroke-width:1.82643"
  445. id="rect3966"
  446. width="160"
  447. height="90"
  448. x="1.7763568e-15"
  449. y="2.9582284e-31"
  450. transform="rotate(35.93234)" />
  451. </clipPath>
  452. <clipPath
  453. clipPathUnits="userSpaceOnUse"
  454. id="clipPath3968">
  455. <rect
  456. style="opacity:1;fill:#ff00ff;fill-opacity:1;stroke-width:1.82643"
  457. id="rect3970"
  458. width="160"
  459. height="90"
  460. x="1.7763568e-15"
  461. y="2.9582284e-31"
  462. transform="rotate(35.93234)" />
  463. </clipPath>
  464. <clipPath
  465. clipPathUnits="userSpaceOnUse"
  466. id="clipPath3972">
  467. <rect
  468. style="opacity:1;fill:#ff00ff;fill-opacity:1;stroke-width:1.82643"
  469. id="rect3974"
  470. width="160"
  471. height="90"
  472. x="1.7763568e-15"
  473. y="0" />
  474. </clipPath>
  475. <meshgradient
  476. inkscape:collect="always"
  477. id="meshgradient3976"
  478. gradientUnits="userSpaceOnUse"
  479. gradientTransform="translate(52.031922,-47.594374)"
  480. x="49.712132"
  481. y="-34.344131">
  482. <meshrow
  483. id="meshrow3988">
  484. <meshpatch
  485. id="meshpatch3986">
  486. <stop
  487. path="c 3.33333,0 6.66667,0 10,0"
  488. style="stop-color:#ffffff;stop-opacity:1"
  489. id="stop3978" />
  490. <stop
  491. path="c 0,3.33333 0,6.66667 0,10"
  492. style="stop-color:#247ba0;stop-opacity:1"
  493. id="stop3980" />
  494. <stop
  495. path="c -3.33333,0 -6.66667,0 -10,0"
  496. style="stop-color:#ffffff;stop-opacity:1"
  497. id="stop3982" />
  498. <stop
  499. path="c 0,-3.33333 0,-6.66667 0,-10"
  500. style="stop-color:#247ba0;stop-opacity:1"
  501. id="stop3984" />
  502. </meshpatch>
  503. </meshrow>
  504. </meshgradient>
  505. <clipPath
  506. clipPathUnits="userSpaceOnUse"
  507. id="clipPath4166">
  508. <rect
  509. style="opacity:1;fill:#ff00ff;fill-opacity:1;stroke-width:0.830842"
  510. id="rect4168"
  511. width="160"
  512. height="90"
  513. x="-2.4651903e-32"
  514. y="4.4408921e-16"
  515. transform="rotate(75.492757)" />
  516. </clipPath>
  517. <clipPath
  518. clipPathUnits="userSpaceOnUse"
  519. id="clipPath4170">
  520. <rect
  521. style="opacity:1;fill:#ff00ff;fill-opacity:1;stroke-width:0.830842"
  522. id="rect4172"
  523. width="160"
  524. height="90"
  525. x="-3.4745038"
  526. y="4.0090427"
  527. transform="rotate(-16.346547)" />
  528. </clipPath>
  529. <clipPath
  530. clipPathUnits="userSpaceOnUse"
  531. id="clipPath4174">
  532. <rect
  533. style="opacity:1;fill:#ff00ff;fill-opacity:1;stroke-width:0.830842"
  534. id="rect4176"
  535. width="160"
  536. height="90"
  537. x="0.13363476"
  538. y="2.80633"
  539. transform="rotate(-42.583221)" />
  540. </clipPath>
  541. <clipPath
  542. clipPathUnits="userSpaceOnUse"
  543. id="clipPath4178">
  544. <rect
  545. style="opacity:1;fill:#ff00ff;fill-opacity:1;stroke-width:0.830842"
  546. id="rect4180"
  547. width="160"
  548. height="90"
  549. x="0"
  550. y="4.4408921e-16"
  551. transform="rotate(-16.346547)" />
  552. </clipPath>
  553. <clipPath
  554. clipPathUnits="userSpaceOnUse"
  555. id="clipPath4182">
  556. <rect
  557. style="opacity:1;fill:#ff00ff;fill-opacity:1;stroke-width:0.830842"
  558. id="rect4184"
  559. width="160"
  560. height="90"
  561. x="-2.4651903e-32"
  562. y="4.4408921e-16"
  563. transform="rotate(34.026606)" />
  564. </clipPath>
  565. <clipPath
  566. clipPathUnits="userSpaceOnUse"
  567. id="clipPath4186">
  568. <rect
  569. style="opacity:1;fill:#ff00ff;fill-opacity:1;stroke-width:0.830842"
  570. id="rect4188"
  571. width="160"
  572. height="90"
  573. x="-0.26726955"
  574. y="-6.5481033"
  575. transform="rotate(35.93234)" />
  576. </clipPath>
  577. <clipPath
  578. clipPathUnits="userSpaceOnUse"
  579. id="clipPath4190">
  580. <rect
  581. style="opacity:1;fill:#ff00ff;fill-opacity:1;stroke-width:0.830842"
  582. id="rect4192"
  583. width="160"
  584. height="90"
  585. x="-0.26726955"
  586. y="-6.5481033"
  587. transform="rotate(35.93234)" />
  588. </clipPath>
  589. <clipPath
  590. clipPathUnits="userSpaceOnUse"
  591. id="clipPath4194">
  592. <rect
  593. style="opacity:1;fill:#ff00ff;fill-opacity:1;stroke-width:0.830842"
  594. id="rect4196"
  595. width="160"
  596. height="90"
  597. x="0.13363473"
  598. y="2.80633"
  599. transform="rotate(35.93234)" />
  600. </clipPath>
  601. <clipPath
  602. clipPathUnits="userSpaceOnUse"
  603. id="clipPath4198">
  604. <rect
  605. style="opacity:1;fill:#ff00ff;fill-opacity:1;stroke-width:0.830842"
  606. id="rect4200"
  607. width="160"
  608. height="90"
  609. x="0.13363473"
  610. y="2.80633"
  611. transform="rotate(35.93234)" />
  612. </clipPath>
  613. </defs>
  614. <sodipodi:namedview
  615. id="base"
  616. pagecolor="#ffffff"
  617. bordercolor="#666666"
  618. borderopacity="1.0"
  619. inkscape:pageopacity="0.0"
  620. inkscape:pageshadow="2"
  621. inkscape:zoom="0.98994949"
  622. inkscape:cx="180.0727"
  623. inkscape:cy="184.58334"
  624. inkscape:document-units="mm"
  625. inkscape:current-layer="layer12"
  626. inkscape:document-rotation="0"
  627. showgrid="false"
  628. borderlayer="false"
  629. inkscape:pagecheckerboard="true"
  630. inkscape:window-width="1920"
  631. inkscape:window-height="1017"
  632. inkscape:window-x="-8"
  633. inkscape:window-y="-8"
  634. inkscape:window-maximized="1" />
  635. <metadata
  636. id="metadata5">
  637. <rdf:RDF>
  638. <cc:Work
  639. rdf:about="">
  640. <dc:format>image/svg+xml</dc:format>
  641. <dc:type
  642. rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
  643. <dc:title />
  644. </cc:Work>
  645. </rdf:RDF>
  646. </metadata>
  647. <g
  648. inkscape:groupmode="layer"
  649. id="layer21"
  650. inkscape:label="background"
  651. sodipodi:insensitive="true">
  652. <g
  653. inkscape:groupmode="layer"
  654. id="layer30"
  655. inkscape:label="color">
  656. <rect
  657. style="opacity:1;fill:#ffffff;fill-opacity:1;stroke-width:1.30599"
  658. id="rect4203"
  659. width="160"
  660. height="90"
  661. x="0"
  662. y="0" />
  663. </g>
  664. <g
  665. inkscape:groupmode="layer"
  666. id="layer22"
  667. inkscape:label="mesh"
  668. sodipodi:insensitive="true">
  669. <rect
  670. style="opacity:0.851613;fill:url(#meshgradient1343);fill-opacity:1;stroke-width:1.24905"
  671. id="rect1233-1"
  672. width="160"
  673. height="90"
  674. x="-172.60417"
  675. y="-11.738091"
  676. mask="url(#mask1357)"
  677. transform="translate(172.60418,11.738093)" />
  678. </g>
  679. <g
  680. inkscape:groupmode="layer"
  681. id="layer23"
  682. inkscape:label="gradientLeft"
  683. sodipodi:insensitive="true">
  684. <rect
  685. style="opacity:0.851613;fill:url(#linearGradient1462);fill-opacity:1;stroke-width:1.24905"
  686. id="rect1233-08"
  687. width="160"
  688. height="90"
  689. x="-160"
  690. y="-0.00012207031"
  691. transform="scale(-1,1)" />
  692. </g>
  693. <g
  694. inkscape:groupmode="layer"
  695. id="layer24"
  696. inkscape:label="gradientRight"
  697. sodipodi:insensitive="true">
  698. <rect
  699. style="opacity:0.851613;fill:url(#linearGradient1454);fill-opacity:1;stroke-width:1.24905"
  700. id="rect1233-0"
  701. width="160"
  702. height="90"
  703. x="-5.6843419e-14"
  704. y="-0.00012588501" />
  705. </g>
  706. <g
  707. inkscape:groupmode="layer"
  708. id="layer25"
  709. inkscape:label="meshBoxes"
  710. style="display:inline"
  711. sodipodi:insensitive="true">
  712. <g
  713. inkscape:groupmode="layer"
  714. id="layer28"
  715. inkscape:label="jello"
  716. sodipodi:insensitive="true">
  717. <rect
  718. style="opacity:1;fill:url(#meshgradient3772);fill-opacity:1;stroke-width:0.782936"
  719. id="rect3673"
  720. width="10"
  721. height="10"
  722. x="81.781441"
  723. y="64.196793"
  724. transform="rotate(-35.93234,-4.3940071,-1.1971084)"
  725. clip-path="url(#clipPath4198)" />
  726. <rect
  727. style="opacity:1;fill:url(#meshgradient3863);fill-opacity:1;stroke-width:0.422701"
  728. id="rect3859"
  729. width="5.3989177"
  730. height="5.3989177"
  731. x="70.706909"
  732. y="53.06945"
  733. transform="rotate(-35.93234,-4.3940071,-1.1971084)"
  734. clip-path="url(#clipPath4194)" />
  735. <rect
  736. style="opacity:1;fill:url(#meshgradient3899);fill-opacity:1;stroke-width:0.422701"
  737. id="rect3895"
  738. width="5.3989177"
  739. height="5.3989177"
  740. x="28.74893"
  741. y="40.136776"
  742. transform="rotate(-35.93234,10.230411,2.8619384)"
  743. clip-path="url(#clipPath4190)" />
  744. <rect
  745. style="opacity:1;fill:url(#meshgradient3881);fill-opacity:1;stroke-width:0.422701"
  746. id="rect3877"
  747. width="5.3989177"
  748. height="5.3989177"
  749. x="104.3211"
  750. y="98.819733"
  751. transform="rotate(-35.93234,10.230411,2.8619384)"
  752. clip-path="url(#clipPath4186)" />
  753. <rect
  754. style="opacity:1;fill:url(#meshgradient3725);fill-opacity:1;stroke-width:0.782936"
  755. id="rect3768"
  756. width="10"
  757. height="10"
  758. x="41.655979"
  759. y="31.813862"
  760. transform="rotate(-34.026606)"
  761. clip-path="url(#clipPath4182)" />
  762. <rect
  763. style="opacity:1;fill:url(#meshgradient3790);fill-opacity:1;stroke-width:0.782936"
  764. id="rect3786"
  765. width="10"
  766. height="10"
  767. x="74.419853"
  768. y="-12.4516"
  769. transform="rotate(16.346547)"
  770. clip-path="url(#clipPath4178)" />
  771. <rect
  772. style="opacity:1;fill:url(#meshgradient3976);fill-opacity:1;stroke-width:0.782936"
  773. id="rect3804"
  774. width="10"
  775. height="10"
  776. x="101.74406"
  777. y="-81.938499"
  778. transform="rotate(42.583221,3.5336724,-1.5746169)"
  779. clip-path="url(#clipPath4174)" />
  780. <rect
  781. style="opacity:1;fill:url(#meshgradient3844);fill-opacity:1;stroke-width:0.782936"
  782. id="rect3822"
  783. width="10"
  784. height="10"
  785. x="133.93654"
  786. y="-42.216953"
  787. transform="rotate(16.346547,15.69378,10.091136)"
  788. clip-path="url(#clipPath4170)" />
  789. <rect
  790. style="opacity:1;fill:url(#meshgradient3826);fill-opacity:1;stroke-width:0.782936"
  791. id="rect3840"
  792. width="10"
  793. height="10"
  794. x="5.794373"
  795. y="99.288177"
  796. transform="rotate(-75.492757)"
  797. clip-path="url(#clipPath4166)" />
  798. </g>
  799. </g>
  800. </g>
  801. <g
  802. inkscape:groupmode="layer"
  803. id="layer2"
  804. inkscape:label="a"
  805. style="display:inline">
  806. <g
  807. inkscape:groupmode="layer"
  808. id="layer7"
  809. inkscape:label="highlight"
  810. style="display:none"
  811. sodipodi:insensitive="true">
  812. <rect
  813. style="fill:#aa8800;stroke-width:0.308702"
  814. id="rect11"
  815. width="140"
  816. height="60"
  817. x="10"
  818. y="20" />
  819. <text
  820. xml:space="preserve"
  821. style="font-style:normal;font-weight:normal;font-size:10.5833px;line-height:1.25;font-family:sans-serif;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.264583"
  822. x="61.799107"
  823. y="44.412205"
  824. id="text889"><tspan
  825. sodipodi:role="line"
  826. id="tspan887"
  827. x="61.799107"
  828. y="44.412205"
  829. style="stroke-width:0.264583">a</tspan></text>
  830. </g>
  831. <g
  832. inkscape:groupmode="layer"
  833. id="layer12"
  834. inkscape:label="lobby"
  835. style="display:none"
  836. sodipodi:insensitive="true">
  837. <image
  838. sodipodi:absref="C:\Users\bad-p\Desktop\Work Folder\VS CODE\Qwixx\frontend\inkScape\sectionA\lobby.svg"
  839. xlink:href="sectionA/lobby.svg"
  840. y="20"
  841. x="10"
  842. id="image2212"
  843. height="60.000092"
  844. width="140.00003"
  845. inkscape:svg-dpi="200"
  846. preserveAspectRatio="none" />
  847. </g>
  848. <g
  849. inkscape:groupmode="layer"
  850. id="layer13"
  851. inkscape:label="createGame"
  852. style="display:none"
  853. sodipodi:insensitive="true">
  854. <image
  855. sodipodi:absref="C:\Users\bad-p\Desktop\Work Folder\VS CODE\Qwixx\frontend\inkScape\sectionA\createGame.svg"
  856. xlink:href="sectionA/createGame.svg"
  857. y="20"
  858. x="10"
  859. id="image2000"
  860. height="60.000092"
  861. width="140.00003"
  862. inkscape:svg-dpi="200"
  863. preserveAspectRatio="none" />
  864. </g>
  865. <g
  866. inkscape:groupmode="layer"
  867. id="layer26"
  868. inkscape:label="options"
  869. style="display:none"
  870. sodipodi:insensitive="true">
  871. <image
  872. sodipodi:absref="C:\Users\bad-p\Desktop\Work Folder\VS CODE\Qwixx\frontend\inkScape\sectionA\options.svg"
  873. xlink:href="sectionA/options.svg"
  874. y="20"
  875. x="10"
  876. id="image1778"
  877. height="60.000092"
  878. width="140.00003"
  879. inkscape:svg-dpi="200"
  880. preserveAspectRatio="none" />
  881. </g>
  882. <g
  883. inkscape:groupmode="layer"
  884. id="layer14"
  885. inkscape:label="gameScreen"
  886. style="display:inline"
  887. sodipodi:insensitive="true">
  888. <image
  889. sodipodi:absref="C:\Users\bad-p\Desktop\Work Folder\VS CODE\Qwixx\frontend\inkScape\sectionA\gameScreen.svg"
  890. xlink:href="sectionA/gameScreen.svg"
  891. y="20"
  892. x="10"
  893. id="image1660"
  894. height="60.000092"
  895. width="140.00003"
  896. inkscape:svg-dpi="200"
  897. preserveAspectRatio="none" />
  898. </g>
  899. <g
  900. inkscape:groupmode="layer"
  901. id="layer16"
  902. inkscape:label="endGame"
  903. style="display:none"
  904. sodipodi:insensitive="true">
  905. <image
  906. sodipodi:absref="C:\Users\bad-p\Desktop\Work Folder\VS CODE\Qwixx\frontend\inkScape\sectionA\endScreen.svg"
  907. xlink:href="sectionA/endScreen.svg"
  908. y="20"
  909. x="10"
  910. id="image1384"
  911. height="60.000092"
  912. width="140.00003"
  913. inkscape:svg-dpi="200"
  914. preserveAspectRatio="none" />
  915. </g>
  916. </g>
  917. <g
  918. inkscape:groupmode="layer"
  919. id="layer3"
  920. inkscape:label="b"
  921. sodipodi:insensitive="true">
  922. <g
  923. inkscape:groupmode="layer"
  924. id="layer8"
  925. inkscape:label="highlight 1"
  926. style="display:none"
  927. sodipodi:insensitive="true">
  928. <rect
  929. style="fill:#e9afaf;stroke-width:0.223407"
  930. id="rect14"
  931. width="40"
  932. height="20"
  933. x="10"
  934. y="0" />
  935. <text
  936. xml:space="preserve"
  937. style="font-style:normal;font-weight:normal;font-size:10.5833px;line-height:1.25;font-family:sans-serif;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.264583"
  938. x="16.252975"
  939. y="8.6934528"
  940. id="text893"><tspan
  941. sodipodi:role="line"
  942. id="tspan891"
  943. x="16.252975"
  944. y="8.6934528"
  945. style="stroke-width:0.264583">b</tspan></text>
  946. </g>
  947. <g
  948. inkscape:groupmode="layer"
  949. id="layer20"
  950. inkscape:label="bBoxArea"
  951. sodipodi:insensitive="true">
  952. <image
  953. sodipodi:absref="C:\Users\bad-p\Desktop\Work Folder\VS CODE\Qwixx\frontend\inkScape\sectionB\bArea.png"
  954. xlink:href="sectionB/bArea.png"
  955. y="0"
  956. x="9.9949989"
  957. id="image1241"
  958. preserveAspectRatio="none"
  959. height="19.939001"
  960. width="40.005001" />
  961. </g>
  962. </g>
  963. <g
  964. inkscape:groupmode="layer"
  965. id="layer4"
  966. inkscape:label="c"
  967. style="display:inline"
  968. sodipodi:insensitive="true">
  969. <g
  970. inkscape:groupmode="layer"
  971. id="layer9"
  972. inkscape:label="highlight 2"
  973. style="display:none">
  974. <rect
  975. style="fill:#ff6600;stroke-width:0.40715"
  976. id="rect17"
  977. width="100"
  978. height="20"
  979. x="50"
  980. y="0" />
  981. <text
  982. xml:space="preserve"
  983. style="font-style:normal;font-weight:normal;font-size:10.5833px;line-height:1.25;font-family:sans-serif;fill:#2b0000;fill-opacity:1;stroke:none;stroke-width:0.264583"
  984. x="86.934525"
  985. y="10.016369"
  986. id="text877"><tspan
  987. sodipodi:role="line"
  988. id="tspan875"
  989. x="86.934525"
  990. y="10.016369"
  991. style="fill:#2b0000;stroke-width:0.264583">c</tspan></text>
  992. </g>
  993. <g
  994. inkscape:groupmode="layer"
  995. id="layer17"
  996. inkscape:label="ctest"
  997. sodipodi:insensitive="true">
  998. <image
  999. sodipodi:absref="C:\Users\bad-p\Desktop\Work Folder\VS CODE\Qwixx\frontend\inkScape\sectionC\cButton.svg"
  1000. xlink:href="sectionC/cButton.svg"
  1001. preserveAspectRatio="none"
  1002. inkscape:svg-dpi="200"
  1003. width="100.00007"
  1004. height="20.000013"
  1005. id="image1712"
  1006. x="50"
  1007. y="0" />
  1008. </g>
  1009. </g>
  1010. <g
  1011. inkscape:groupmode="layer"
  1012. id="layer5"
  1013. inkscape:label="d"
  1014. sodipodi:insensitive="true">
  1015. <g
  1016. inkscape:groupmode="layer"
  1017. id="layer10"
  1018. inkscape:label="highlight 3"
  1019. style="display:none">
  1020. <rect
  1021. style="fill:#0000ff;stroke-width:0.33977"
  1022. id="rect20"
  1023. width="10"
  1024. height="90"
  1025. x="0"
  1026. y="0" />
  1027. <rect
  1028. style="fill:#0000ff;stroke-width:0.33977"
  1029. id="rect20-4"
  1030. width="10"
  1031. height="90"
  1032. x="150"
  1033. y="0" />
  1034. <text
  1035. xml:space="preserve"
  1036. style="font-style:normal;font-weight:normal;font-size:10.5833px;line-height:1.25;font-family:sans-serif;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.264583"
  1037. x="2.8348217"
  1038. y="44.79018"
  1039. id="text881"><tspan
  1040. sodipodi:role="line"
  1041. id="tspan879"
  1042. x="2.8348217"
  1043. y="44.79018"
  1044. style="stroke-width:0.264583">d</tspan></text>
  1045. </g>
  1046. <g
  1047. inkscape:groupmode="layer"
  1048. id="layer1"
  1049. inkscape:label="dR"
  1050. style="display:inline">
  1051. <g
  1052. inkscape:groupmode="layer"
  1053. id="layer15"
  1054. inkscape:label="dL"
  1055. style="display:inline">
  1056. <image
  1057. sodipodi:absref="C:\Users\bad-p\Desktop\Work Folder\VS CODE\Qwixx\frontend\inkScape\sectionDecoration\decoration.svg"
  1058. xlink:href="sectionDecoration/decoration.svg"
  1059. preserveAspectRatio="none"
  1060. inkscape:svg-dpi="96"
  1061. width="10.000007"
  1062. height="89.999878"
  1063. id="image1369"
  1064. x="150"
  1065. y="0" />
  1066. </g>
  1067. <image
  1068. sodipodi:absref="C:\Users\bad-p\Desktop\Work Folder\VS CODE\Qwixx\frontend\inkScape\sectionDecoration\decoration.svg"
  1069. xlink:href="sectionDecoration/decoration.svg"
  1070. preserveAspectRatio="none"
  1071. inkscape:svg-dpi="96"
  1072. width="10.000007"
  1073. height="89.999878"
  1074. id="image1127"
  1075. x="0"
  1076. y="0" />
  1077. </g>
  1078. </g>
  1079. <g
  1080. inkscape:groupmode="layer"
  1081. id="layer6"
  1082. inkscape:label="e"
  1083. sodipodi:insensitive="true">
  1084. <g
  1085. inkscape:groupmode="layer"
  1086. id="layer11"
  1087. inkscape:label="highlight 4"
  1088. style="display:none"
  1089. sodipodi:insensitive="true">
  1090. <rect
  1091. style="fill:#280b0b;stroke-width:0.234253"
  1092. id="rect23"
  1093. width="140"
  1094. height="10"
  1095. x="10"
  1096. y="80" />
  1097. <text
  1098. xml:space="preserve"
  1099. style="font-style:normal;font-weight:normal;font-size:10.5833px;line-height:1.25;font-family:sans-serif;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.264583"
  1100. x="25.324404"
  1101. y="88.068451"
  1102. id="text885"><tspan
  1103. sodipodi:role="line"
  1104. id="tspan883"
  1105. x="25.324404"
  1106. y="88.068451"
  1107. style="fill:#00ff00;stroke-width:0.264583">e</tspan></text>
  1108. </g>
  1109. <g
  1110. inkscape:groupmode="layer"
  1111. id="layer18"
  1112. inkscape:label="chatBox"
  1113. sodipodi:insensitive="true"
  1114. style="display:inline">
  1115. <image
  1116. sodipodi:absref="C:\Users\bad-p\Desktop\Work Folder\VS CODE\Qwixx\frontend\inkScape\sectionE\chatBox.png"
  1117. xlink:href="sectionE/chatBox.png"
  1118. width="139.95401"
  1119. height="10.032999"
  1120. preserveAspectRatio="none"
  1121. id="image1236"
  1122. x="10.04599"
  1123. y="79.966881" />
  1124. </g>
  1125. <g
  1126. inkscape:groupmode="layer"
  1127. id="layer19"
  1128. inkscape:label="chatBoxExpanded"
  1129. sodipodi:insensitive="true"
  1130. style="display:inline">
  1131. <image
  1132. sodipodi:absref="C:\Users\bad-p\Desktop\Work Folder\VS CODE\Qwixx\frontend\inkScape\sectionE\chatBoxExpansion.png"
  1133. xlink:href="sectionE/chatBoxExpansion.png"
  1134. width="139.95401"
  1135. height="29.972"
  1136. preserveAspectRatio="none"
  1137. id="image1250"
  1138. x="10.000007"
  1139. y="60.027878" />
  1140. </g>
  1141. </g>
  1142. <script
  1143. id="mesh_polyfill"
  1144. type="text/javascript">
  1145. !function(){const t=&quot;http://www.w3.org/2000/svg&quot;,e=&quot;http://www.w3.org/1999/xlink&quot;,s=&quot;http://www.w3.org/1999/xhtml&quot;,r=2;if(document.createElementNS(t,&quot;meshgradient&quot;).x)return;const n=(t,e,s,r)=&gt;{let n=new x(.5*(e.x+s.x),.5*(e.y+s.y)),o=new x(.5*(t.x+e.x),.5*(t.y+e.y)),i=new x(.5*(s.x+r.x),.5*(s.y+r.y)),a=new x(.5*(n.x+o.x),.5*(n.y+o.y)),h=new x(.5*(n.x+i.x),.5*(n.y+i.y)),l=new x(.5*(a.x+h.x),.5*(a.y+h.y));return[[t,o,a,l],[l,h,i,r]]},o=t=&gt;{let e=t[0].distSquared(t[1]),s=t[2].distSquared(t[3]),r=.25*t[0].distSquared(t[2]),n=.25*t[1].distSquared(t[3]),o=e&gt;s?e:s,i=r&gt;n?r:n;return 18*(o&gt;i?o:i)},i=(t,e)=&gt;Math.sqrt(t.distSquared(e)),a=(t,e)=&gt;t.scale(2/3).add(e.scale(1/3)),h=t=&gt;{let e,s,r,n,o,i,a,h=new g;return t.match(/(\w+\(\s*[^)]+\))+/g).forEach(t=&gt;{let l=t.match(/[\w.-]+/g),d=l.shift();switch(d){case&quot;translate&quot;:2===l.length?e=new g(1,0,0,1,l[0],l[1]):(console.error(&quot;mesh.js: translate does not have 2 arguments!&quot;),e=new g(1,0,0,1,0,0)),h=h.append(e);break;case&quot;scale&quot;:1===l.length?s=new g(l[0],0,0,l[0],0,0):2===l.length?s=new g(l[0],0,0,l[1],0,0):(console.error(&quot;mesh.js: scale does not have 1 or 2 arguments!&quot;),s=new g(1,0,0,1,0,0)),h=h.append(s);break;case&quot;rotate&quot;:if(3===l.length&amp;&amp;(e=new g(1,0,0,1,l[1],l[2]),h=h.append(e)),l[0]){r=l[0]*Math.PI/180;let t=Math.cos(r),e=Math.sin(r);Math.abs(t)&lt;1e-16&amp;&amp;(t=0),Math.abs(e)&lt;1e-16&amp;&amp;(e=0),a=new g(t,e,-e,t,0,0),h=h.append(a)}else console.error(&quot;math.js: No argument to rotate transform!&quot;);3===l.length&amp;&amp;(e=new g(1,0,0,1,-l[1],-l[2]),h=h.append(e));break;case&quot;skewX&quot;:l[0]?(r=l[0]*Math.PI/180,n=Math.tan(r),o=new g(1,0,n,1,0,0),h=h.append(o)):console.error(&quot;math.js: No argument to skewX transform!&quot;);break;case&quot;skewY&quot;:l[0]?(r=l[0]*Math.PI/180,n=Math.tan(r),i=new g(1,n,0,1,0,0),h=h.append(i)):console.error(&quot;math.js: No argument to skewY transform!&quot;);break;case&quot;matrix&quot;:6===l.length?h=h.append(new g(...l)):console.error(&quot;math.js: Incorrect number of arguments for matrix!&quot;);break;default:console.error(&quot;mesh.js: Unhandled transform type: &quot;+d)}}),h},l=t=&gt;{let e=[],s=t.split(/[ ,]+/);for(let t=0,r=s.length-1;t&lt;r;t+=2)e.push(new x(parseFloat(s[t]),parseFloat(s[t+1])));return e},d=(t,e)=&gt;{for(let s in e)t.setAttribute(s,e[s])},c=(t,e,s,r,n)=&gt;{let o,i,a=[0,0,0,0];for(let h=0;h&lt;3;++h)e[h]&lt;t[h]&amp;&amp;e[h]&lt;s[h]||t[h]&lt;e[h]&amp;&amp;s[h]&lt;e[h]?a[h]=0:(a[h]=.5*((e[h]-t[h])/r+(s[h]-e[h])/n),o=Math.abs(3*(e[h]-t[h])/r),i=Math.abs(3*(s[h]-e[h])/n),a[h]&gt;o?a[h]=o:a[h]&gt;i&amp;&amp;(a[h]=i));return a},u=[[1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[0,0,0,0,1,0,0,0,0,0,0,0,0,0,0,0],[-3,3,0,0,-2,-1,0,0,0,0,0,0,0,0,0,0],[2,-2,0,0,1,1,0,0,0,0,0,0,0,0,0,0],[0,0,0,0,0,0,0,0,1,0,0,0,0,0,0,0],[0,0,0,0,0,0,0,0,0,0,0,0,1,0,0,0],[0,0,0,0,0,0,0,0,-3,3,0,0,-2,-1,0,0],[0,0,0,0,0,0,0,0,2,-2,0,0,1,1,0,0],[-3,0,3,0,0,0,0,0,-2,0,-1,0,0,0,0,0],[0,0,0,0,-3,0,3,0,0,0,0,0,-2,0,-1,0],[9,-9,-9,9,6,3,-6,-3,6,-6,3,-3,4,2,2,1],[-6,6,6,-6,-3,-3,3,3,-4,4,-2,2,-2,-2,-1,-1],[2,0,-2,0,0,0,0,0,1,0,1,0,0,0,0,0],[0,0,0,0,2,0,-2,0,0,0,0,0,1,0,1,0],[-6,6,6,-6,-4,-2,4,2,-3,3,-3,3,-2,-1,-2,-1],[4,-4,-4,4,2,2,-2,-2,2,-2,2,-2,1,1,1,1]],f=t=&gt;{let e=[];for(let s=0;s&lt;16;++s){e[s]=0;for(let r=0;r&lt;16;++r)e[s]+=u[s][r]*t[r]}return e},p=(t,e,s)=&gt;{const r=e*e,n=s*s,o=e*e*e,i=s*s*s;return t[0]+t[1]*e+t[2]*r+t[3]*o+t[4]*s+t[5]*s*e+t[6]*s*r+t[7]*s*o+t[8]*n+t[9]*n*e+t[10]*n*r+t[11]*n*o+t[12]*i+t[13]*i*e+t[14]*i*r+t[15]*i*o},y=t=&gt;{let e=[],s=[],r=[];for(let s=0;s&lt;4;++s)e[s]=[],e[s][0]=n(t[0][s],t[1][s],t[2][s],t[3][s]),e[s][1]=[],e[s][1].push(...n(...e[s][0][0])),e[s][1].push(...n(...e[s][0][1])),e[s][2]=[],e[s][2].push(...n(...e[s][1][0])),e[s][2].push(...n(...e[s][1][1])),e[s][2].push(...n(...e[s][1][2])),e[s][2].push(...n(...e[s][1][3]));for(let t=0;t&lt;8;++t){s[t]=[];for(let r=0;r&lt;4;++r)s[t][r]=[],s[t][r][0]=n(e[0][2][t][r],e[1][2][t][r],e[2][2][t][r],e[3][2][t][r]),s[t][r][1]=[],s[t][r][1].push(...n(...s[t][r][0][0])),s[t][r][1].push(...n(...s[t][r][0][1])),s[t][r][2]=[],s[t][r][2].push(...n(...s[t][r][1][0])),s[t][r][2].push(...n(...s[t][r][1][1])),s[t][r][2].push(...n(...s[t][r][1][2])),s[t][r][2].push(...n(...s[t][r][1][3]))}for(let t=0;t&lt;8;++t){r[t]=[];for(let e=0;e&lt;8;++e)r[t][e]=[],r[t][e][0]=s[t][0][2][e],r[t][e][1]=s[t][1][2][e],r[t][e][2]=s[t][2][2][e],r[t][e][3]=s[t][3][2][e]}return r};class x{constructor(t,e){this.x=t||0,this.y=e||0}toString(){return`(x=${this.x}, y=${this.y})`}clone(){return new x(this.x,this.y)}add(t){return new x(this.x+t.x,this.y+t.y)}scale(t){return void 0===t.x?new x(this.x*t,this.y*t):new x(this.x*t.x,this.y*t.y)}distSquared(t){let e=this.x-t.x,s=this.y-t.y;return e*e+s*s}transform(t){let e=this.x*t.a+this.y*t.c+t.e,s=this.x*t.b+this.y*t.d+t.f;return new x(e,s)}}class g{constructor(t,e,s,r,n,o){void 0===t?(this.a=1,this.b=0,this.c=0,this.d=1,this.e=0,this.f=0):(this.a=t,this.b=e,this.c=s,this.d=r,this.e=n,this.f=o)}toString(){return`affine: ${this.a} ${this.c} ${this.e} \n ${this.b} ${this.d} ${this.f}`}append(t){t instanceof g||console.error(&quot;mesh.js: argument to Affine.append is not affine!&quot;);let e=this.a*t.a+this.c*t.b,s=this.b*t.a+this.d*t.b,r=this.a*t.c+this.c*t.d,n=this.b*t.c+this.d*t.d,o=this.a*t.e+this.c*t.f+this.e,i=this.b*t.e+this.d*t.f+this.f;return new g(e,s,r,n,o,i)}}class w{constructor(t,e){this.nodes=t,this.colors=e}paintCurve(t,e){if(o(this.nodes)&gt;r){const s=n(...this.nodes);let r=[[],[]],o=[[],[]];for(let t=0;t&lt;4;++t)r[0][t]=this.colors[0][t],r[1][t]=(this.colors[0][t]+this.colors[1][t])/2,o[0][t]=r[1][t],o[1][t]=this.colors[1][t];let i=new w(s[0],r),a=new w(s[1],o);i.paintCurve(t,e),a.paintCurve(t,e)}else{let s=Math.round(this.nodes[0].x);if(s&gt;=0&amp;&amp;s&lt;e){let r=4*(~~this.nodes[0].y*e+s);t[r]=Math.round(this.colors[0][0]),t[r+1]=Math.round(this.colors[0][1]),t[r+2]=Math.round(this.colors[0][2]),t[r+3]=Math.round(this.colors[0][3])}}}}class m{constructor(t,e){this.nodes=t,this.colors=e}split(){let t=[[],[],[],[]],e=[[],[],[],[]],s=[[[],[]],[[],[]]],r=[[[],[]],[[],[]]];for(let s=0;s&lt;4;++s){const r=n(this.nodes[0][s],this.nodes[1][s],this.nodes[2][s],this.nodes[3][s]);t[0][s]=r[0][0],t[1][s]=r[0][1],t[2][s]=r[0][2],t[3][s]=r[0][3],e[0][s]=r[1][0],e[1][s]=r[1][1],e[2][s]=r[1][2],e[3][s]=r[1][3]}for(let t=0;t&lt;4;++t)s[0][0][t]=this.colors[0][0][t],s[0][1][t]=this.colors[0][1][t],s[1][0][t]=(this.colors[0][0][t]+this.colors[1][0][t])/2,s[1][1][t]=(this.colors[0][1][t]+this.colors[1][1][t])/2,r[0][0][t]=s[1][0][t],r[0][1][t]=s[1][1][t],r[1][0][t]=this.colors[1][0][t],r[1][1][t]=this.colors[1][1][t];return[new m(t,s),new m(e,r)]}paint(t,e){let s,n=!1;for(let t=0;t&lt;4;++t)if((s=o([this.nodes[0][t],this.nodes[1][t],this.nodes[2][t],this.nodes[3][t]]))&gt;r){n=!0;break}if(n){let s=this.split();s[0].paint(t,e),s[1].paint(t,e)}else{new w([...this.nodes[0]],[...this.colors[0]]).paintCurve(t,e)}}}class b{constructor(t){this.readMesh(t),this.type=t.getAttribute(&quot;type&quot;)||&quot;bilinear&quot;}readMesh(t){let e=[[]],s=[[]],r=Number(t.getAttribute(&quot;x&quot;)),n=Number(t.getAttribute(&quot;y&quot;));e[0][0]=new x(r,n);let o=t.children;for(let t=0,r=o.length;t&lt;r;++t){e[3*t+1]=[],e[3*t+2]=[],e[3*t+3]=[],s[t+1]=[];let r=o[t].children;for(let n=0,o=r.length;n&lt;o;++n){let o=r[n].children;for(let r=0,i=o.length;r&lt;i;++r){let i=r;0!==t&amp;&amp;++i;let h,d=o[r].getAttribute(&quot;path&quot;),c=&quot;l&quot;;null!=d&amp;&amp;(c=(h=d.match(/\s*([lLcC])\s*(.*)/))[1]);let u=l(h[2]);switch(c){case&quot;l&quot;:0===i?(e[3*t][3*n+3]=u[0].add(e[3*t][3*n]),e[3*t][3*n+1]=a(e[3*t][3*n],e[3*t][3*n+3]),e[3*t][3*n+2]=a(e[3*t][3*n+3],e[3*t][3*n])):1===i?(e[3*t+3][3*n+3]=u[0].add(e[3*t][3*n+3]),e[3*t+1][3*n+3]=a(e[3*t][3*n+3],e[3*t+3][3*n+3]),e[3*t+2][3*n+3]=a(e[3*t+3][3*n+3],e[3*t][3*n+3])):2===i?(0===n&amp;&amp;(e[3*t+3][3*n+0]=u[0].add(e[3*t+3][3*n+3])),e[3*t+3][3*n+1]=a(e[3*t+3][3*n],e[3*t+3][3*n+3]),e[3*t+3][3*n+2]=a(e[3*t+3][3*n+3],e[3*t+3][3*n])):(e[3*t+1][3*n]=a(e[3*t][3*n],e[3*t+3][3*n]),e[3*t+2][3*n]=a(e[3*t+3][3*n],e[3*t][3*n]));break;case&quot;L&quot;:0===i?(e[3*t][3*n+3]=u[0],e[3*t][3*n+1]=a(e[3*t][3*n],e[3*t][3*n+3]),e[3*t][3*n+2]=a(e[3*t][3*n+3],e[3*t][3*n])):1===i?(e[3*t+3][3*n+3]=u[0],e[3*t+1][3*n+3]=a(e[3*t][3*n+3],e[3*t+3][3*n+3]),e[3*t+2][3*n+3]=a(e[3*t+3][3*n+3],e[3*t][3*n+3])):2===i?(0===n&amp;&amp;(e[3*t+3][3*n+0]=u[0]),e[3*t+3][3*n+1]=a(e[3*t+3][3*n],e[3*t+3][3*n+3]),e[3*t+3][3*n+2]=a(e[3*t+3][3*n+3],e[3*t+3][3*n])):(e[3*t+1][3*n]=a(e[3*t][3*n],e[3*t+3][3*n]),e[3*t+2][3*n]=a(e[3*t+3][3*n],e[3*t][3*n]));break;case&quot;c&quot;:0===i?(e[3*t][3*n+1]=u[0].add(e[3*t][3*n]),e[3*t][3*n+2]=u[1].add(e[3*t][3*n]),e[3*t][3*n+3]=u[2].add(e[3*t][3*n])):1===i?(e[3*t+1][3*n+3]=u[0].add(e[3*t][3*n+3]),e[3*t+2][3*n+3]=u[1].add(e[3*t][3*n+3]),e[3*t+3][3*n+3]=u[2].add(e[3*t][3*n+3])):2===i?(e[3*t+3][3*n+2]=u[0].add(e[3*t+3][3*n+3]),e[3*t+3][3*n+1]=u[1].add(e[3*t+3][3*n+3]),0===n&amp;&amp;(e[3*t+3][3*n+0]=u[2].add(e[3*t+3][3*n+3]))):(e[3*t+2][3*n]=u[0].add(e[3*t+3][3*n]),e[3*t+1][3*n]=u[1].add(e[3*t+3][3*n]));break;case&quot;C&quot;:0===i?(e[3*t][3*n+1]=u[0],e[3*t][3*n+2]=u[1],e[3*t][3*n+3]=u[2]):1===i?(e[3*t+1][3*n+3]=u[0],e[3*t+2][3*n+3]=u[1],e[3*t+3][3*n+3]=u[2]):2===i?(e[3*t+3][3*n+2]=u[0],e[3*t+3][3*n+1]=u[1],0===n&amp;&amp;(e[3*t+3][3*n+0]=u[2])):(e[3*t+2][3*n]=u[0],e[3*t+1][3*n]=u[1]);break;default:console.error(&quot;mesh.js: &quot;+c+&quot; invalid path type.&quot;)}if(0===t&amp;&amp;0===n||r&gt;0){let e=window.getComputedStyle(o[r]).stopColor.match(/^rgb\s*\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*\)$/i),a=window.getComputedStyle(o[r]).stopOpacity,h=255;a&amp;&amp;(h=Math.floor(255*a)),e&amp;&amp;(0===i?(s[t][n]=[],s[t][n][0]=Math.floor(e[1]),s[t][n][1]=Math.floor(e[2]),s[t][n][2]=Math.floor(e[3]),s[t][n][3]=h):1===i?(s[t][n+1]=[],s[t][n+1][0]=Math.floor(e[1]),s[t][n+1][1]=Math.floor(e[2]),s[t][n+1][2]=Math.floor(e[3]),s[t][n+1][3]=h):2===i?(s[t+1][n+1]=[],s[t+1][n+1][0]=Math.floor(e[1]),s[t+1][n+1][1]=Math.floor(e[2]),s[t+1][n+1][2]=Math.floor(e[3]),s[t+1][n+1][3]=h):3===i&amp;&amp;(s[t+1][n]=[],s[t+1][n][0]=Math.floor(e[1]),s[t+1][n][1]=Math.floor(e[2]),s[t+1][n][2]=Math.floor(e[3]),s[t+1][n][3]=h))}}e[3*t+1][3*n+1]=new x,e[3*t+1][3*n+2]=new x,e[3*t+2][3*n+1]=new x,e[3*t+2][3*n+2]=new x,e[3*t+1][3*n+1].x=(-4*e[3*t][3*n].x+6*(e[3*t][3*n+1].x+e[3*t+1][3*n].x)+-2*(e[3*t][3*n+3].x+e[3*t+3][3*n].x)+3*(e[3*t+3][3*n+1].x+e[3*t+1][3*n+3].x)+-1*e[3*t+3][3*n+3].x)/9,e[3*t+1][3*n+2].x=(-4*e[3*t][3*n+3].x+6*(e[3*t][3*n+2].x+e[3*t+1][3*n+3].x)+-2*(e[3*t][3*n].x+e[3*t+3][3*n+3].x)+3*(e[3*t+3][3*n+2].x+e[3*t+1][3*n].x)+-1*e[3*t+3][3*n].x)/9,e[3*t+2][3*n+1].x=(-4*e[3*t+3][3*n].x+6*(e[3*t+3][3*n+1].x+e[3*t+2][3*n].x)+-2*(e[3*t+3][3*n+3].x+e[3*t][3*n].x)+3*(e[3*t][3*n+1].x+e[3*t+2][3*n+3].x)+-1*e[3*t][3*n+3].x)/9,e[3*t+2][3*n+2].x=(-4*e[3*t+3][3*n+3].x+6*(e[3*t+3][3*n+2].x+e[3*t+2][3*n+3].x)+-2*(e[3*t+3][3*n].x+e[3*t][3*n+3].x)+3*(e[3*t][3*n+2].x+e[3*t+2][3*n].x)+-1*e[3*t][3*n].x)/9,e[3*t+1][3*n+1].y=(-4*e[3*t][3*n].y+6*(e[3*t][3*n+1].y+e[3*t+1][3*n].y)+-2*(e[3*t][3*n+3].y+e[3*t+3][3*n].y)+3*(e[3*t+3][3*n+1].y+e[3*t+1][3*n+3].y)+-1*e[3*t+3][3*n+3].y)/9,e[3*t+1][3*n+2].y=(-4*e[3*t][3*n+3].y+6*(e[3*t][3*n+2].y+e[3*t+1][3*n+3].y)+-2*(e[3*t][3*n].y+e[3*t+3][3*n+3].y)+3*(e[3*t+3][3*n+2].y+e[3*t+1][3*n].y)+-1*e[3*t+3][3*n].y)/9,e[3*t+2][3*n+1].y=(-4*e[3*t+3][3*n].y+6*(e[3*t+3][3*n+1].y+e[3*t+2][3*n].y)+-2*(e[3*t+3][3*n+3].y+e[3*t][3*n].y)+3*(e[3*t][3*n+1].y+e[3*t+2][3*n+3].y)+-1*e[3*t][3*n+3].y)/9,e[3*t+2][3*n+2].y=(-4*e[3*t+3][3*n+3].y+6*(e[3*t+3][3*n+2].y+e[3*t+2][3*n+3].y)+-2*(e[3*t+3][3*n].y+e[3*t][3*n+3].y)+3*(e[3*t][3*n+2].y+e[3*t+2][3*n].y)+-1*e[3*t][3*n].y)/9}}this.nodes=e,this.colors=s}paintMesh(t,e){let s=(this.nodes.length-1)/3,r=(this.nodes[0].length-1)/3;if(&quot;bilinear&quot;===this.type||s&lt;2||r&lt;2){let n;for(let o=0;o&lt;s;++o)for(let s=0;s&lt;r;++s){let r=[];for(let t=3*o,e=3*o+4;t&lt;e;++t)r.push(this.nodes[t].slice(3*s,3*s+4));let i=[];i.push(this.colors[o].slice(s,s+2)),i.push(this.colors[o+1].slice(s,s+2)),(n=new m(r,i)).paint(t,e)}}else{let n,o,a,h,l,d,u;const x=s,g=r;s++,r++;let w=new Array(s);for(let t=0;t&lt;s;++t){w[t]=new Array(r);for(let e=0;e&lt;r;++e)w[t][e]=[],w[t][e][0]=this.nodes[3*t][3*e],w[t][e][1]=this.colors[t][e]}for(let t=0;t&lt;s;++t)for(let e=0;e&lt;r;++e)0!==t&amp;&amp;t!==x&amp;&amp;(n=i(w[t-1][e][0],w[t][e][0]),o=i(w[t+1][e][0],w[t][e][0]),w[t][e][2]=c(w[t-1][e][1],w[t][e][1],w[t+1][e][1],n,o)),0!==e&amp;&amp;e!==g&amp;&amp;(n=i(w[t][e-1][0],w[t][e][0]),o=i(w[t][e+1][0],w[t][e][0]),w[t][e][3]=c(w[t][e-1][1],w[t][e][1],w[t][e+1][1],n,o));for(let t=0;t&lt;r;++t){w[0][t][2]=[],w[x][t][2]=[];for(let e=0;e&lt;4;++e)n=i(w[1][t][0],w[0][t][0]),o=i(w[x][t][0],w[x-1][t][0]),w[0][t][2][e]=n&gt;0?2*(w[1][t][1][e]-w[0][t][1][e])/n-w[1][t][2][e]:0,w[x][t][2][e]=o&gt;0?2*(w[x][t][1][e]-w[x-1][t][1][e])/o-w[x-1][t][2][e]:0}for(let t=0;t&lt;s;++t){w[t][0][3]=[],w[t][g][3]=[];for(let e=0;e&lt;4;++e)n=i(w[t][1][0],w[t][0][0]),o=i(w[t][g][0],w[t][g-1][0]),w[t][0][3][e]=n&gt;0?2*(w[t][1][1][e]-w[t][0][1][e])/n-w[t][1][3][e]:0,w[t][g][3][e]=o&gt;0?2*(w[t][g][1][e]-w[t][g-1][1][e])/o-w[t][g-1][3][e]:0}for(let s=0;s&lt;x;++s)for(let r=0;r&lt;g;++r){let n=i(w[s][r][0],w[s+1][r][0]),o=i(w[s][r+1][0],w[s+1][r+1][0]),c=i(w[s][r][0],w[s][r+1][0]),x=i(w[s+1][r][0],w[s+1][r+1][0]),g=[[],[],[],[]];for(let t=0;t&lt;4;++t){(d=[])[0]=w[s][r][1][t],d[1]=w[s+1][r][1][t],d[2]=w[s][r+1][1][t],d[3]=w[s+1][r+1][1][t],d[4]=w[s][r][2][t]*n,d[5]=w[s+1][r][2][t]*n,d[6]=w[s][r+1][2][t]*o,d[7]=w[s+1][r+1][2][t]*o,d[8]=w[s][r][3][t]*c,d[9]=w[s+1][r][3][t]*x,d[10]=w[s][r+1][3][t]*c,d[11]=w[s+1][r+1][3][t]*x,d[12]=0,d[13]=0,d[14]=0,d[15]=0,u=f(d);for(let e=0;e&lt;9;++e){g[t][e]=[];for(let s=0;s&lt;9;++s)g[t][e][s]=p(u,e/8,s/8),g[t][e][s]&gt;255?g[t][e][s]=255:g[t][e][s]&lt;0&amp;&amp;(g[t][e][s]=0)}}h=[];for(let t=3*s,e=3*s+4;t&lt;e;++t)h.push(this.nodes[t].slice(3*r,3*r+4));l=y(h);for(let s=0;s&lt;8;++s)for(let r=0;r&lt;8;++r)(a=new m(l[s][r],[[[g[0][s][r],g[1][s][r],g[2][s][r],g[3][s][r]],[g[0][s][r+1],g[1][s][r+1],g[2][s][r+1],g[3][s][r+1]]],[[g[0][s+1][r],g[1][s+1][r],g[2][s+1][r],g[3][s+1][r]],[g[0][s+1][r+1],g[1][s+1][r+1],g[2][s+1][r+1],g[3][s+1][r+1]]]])).paint(t,e)}}}transform(t){if(t instanceof x)for(let e=0,s=this.nodes.length;e&lt;s;++e)for(let s=0,r=this.nodes[0].length;s&lt;r;++s)this.nodes[e][s]=this.nodes[e][s].add(t);else if(t instanceof g)for(let e=0,s=this.nodes.length;e&lt;s;++e)for(let s=0,r=this.nodes[0].length;s&lt;r;++s)this.nodes[e][s]=this.nodes[e][s].transform(t)}scale(t){for(let e=0,s=this.nodes.length;e&lt;s;++e)for(let s=0,r=this.nodes[0].length;s&lt;r;++s)this.nodes[e][s]=this.nodes[e][s].scale(t)}}document.querySelectorAll(&quot;rect,circle,ellipse,path,text&quot;).forEach((r,n)=&gt;{let o=r.getAttribute(&quot;id&quot;);o||(o=&quot;patchjs_shape&quot;+n,r.setAttribute(&quot;id&quot;,o));const i=r.style.fill.match(/^url\(\s*&quot;?\s*#([^\s&quot;]+)&quot;?\s*\)/),a=r.style.stroke.match(/^url\(\s*&quot;?\s*#([^\s&quot;]+)&quot;?\s*\)/);if(i&amp;&amp;i[1]){const a=document.getElementById(i[1]);if(a&amp;&amp;&quot;meshgradient&quot;===a.nodeName){const i=r.getBBox();let l=document.createElementNS(s,&quot;canvas&quot;);d(l,{width:i.width,height:i.height});const c=l.getContext(&quot;2d&quot;);let u=c.createImageData(i.width,i.height);const f=new b(a);&quot;objectBoundingBox&quot;===a.getAttribute(&quot;gradientUnits&quot;)&amp;&amp;f.scale(new x(i.width,i.height));const p=a.getAttribute(&quot;gradientTransform&quot;);null!=p&amp;&amp;f.transform(h(p)),&quot;userSpaceOnUse&quot;===a.getAttribute(&quot;gradientUnits&quot;)&amp;&amp;f.transform(new x(-i.x,-i.y)),f.paintMesh(u.data,l.width),c.putImageData(u,0,0);const y=document.createElementNS(t,&quot;image&quot;);d(y,{width:i.width,height:i.height,x:i.x,y:i.y});let g=l.toDataURL();y.setAttributeNS(e,&quot;xlink:href&quot;,g),r.parentNode.insertBefore(y,r),r.style.fill=&quot;none&quot;;const w=document.createElementNS(t,&quot;use&quot;);w.setAttributeNS(e,&quot;xlink:href&quot;,&quot;#&quot;+o);const m=&quot;patchjs_clip&quot;+n,M=document.createElementNS(t,&quot;clipPath&quot;);M.setAttribute(&quot;id&quot;,m),M.appendChild(w),r.parentElement.insertBefore(M,r),y.setAttribute(&quot;clip-path&quot;,&quot;url(#&quot;+m+&quot;)&quot;),u=null,l=null,g=null}}if(a&amp;&amp;a[1]){const o=document.getElementById(a[1]);if(o&amp;&amp;&quot;meshgradient&quot;===o.nodeName){const i=parseFloat(r.style.strokeWidth.slice(0,-2))*(parseFloat(r.style.strokeMiterlimit)||parseFloat(r.getAttribute(&quot;stroke-miterlimit&quot;))||1),a=r.getBBox(),l=Math.trunc(a.width+i),c=Math.trunc(a.height+i),u=Math.trunc(a.x-i/2),f=Math.trunc(a.y-i/2);let p=document.createElementNS(s,&quot;canvas&quot;);d(p,{width:l,height:c});const y=p.getContext(&quot;2d&quot;);let g=y.createImageData(l,c);const w=new b(o);&quot;objectBoundingBox&quot;===o.getAttribute(&quot;gradientUnits&quot;)&amp;&amp;w.scale(new x(l,c));const m=o.getAttribute(&quot;gradientTransform&quot;);null!=m&amp;&amp;w.transform(h(m)),&quot;userSpaceOnUse&quot;===o.getAttribute(&quot;gradientUnits&quot;)&amp;&amp;w.transform(new x(-u,-f)),w.paintMesh(g.data,p.width),y.putImageData(g,0,0);const M=document.createElementNS(t,&quot;image&quot;);d(M,{width:l,height:c,x:0,y:0});let S=p.toDataURL();M.setAttributeNS(e,&quot;xlink:href&quot;,S);const k=&quot;pattern_clip&quot;+n,A=document.createElementNS(t,&quot;pattern&quot;);d(A,{id:k,patternUnits:&quot;userSpaceOnUse&quot;,width:l,height:c,x:u,y:f}),A.appendChild(M),o.parentNode.appendChild(A),r.style.stroke=&quot;url(#&quot;+k+&quot;)&quot;,g=null,p=null,S=null}}})}();
  1146. </script>
  1147. </svg>