base.svg 53 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209
  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. <meshgradient
  106. inkscape:collect="always"
  107. id="meshgradient3651"
  108. gradientUnits="userSpaceOnUse"
  109. x="74.491074"
  110. y="7.2917733"
  111. gradientTransform="translate(4.6959232,0.86789438)">
  112. <meshrow
  113. id="meshrow3653">
  114. <meshpatch
  115. id="meshpatch3655">
  116. <stop
  117. path="c 3.33333,0 6.66667,0 10,0"
  118. style="stop-color:#ffffff;stop-opacity:1"
  119. id="stop3657" />
  120. <stop
  121. path="c 0,3.33333 0,6.66667 0,10"
  122. style="stop-color:#800080;stop-opacity:1"
  123. id="stop3659" />
  124. <stop
  125. path="c -3.33333,0 -6.66667,0 -10,0"
  126. style="stop-color:#ffffff;stop-opacity:1"
  127. id="stop3661" />
  128. <stop
  129. path="c 0,-3.33333 0,-6.66667 0,-10"
  130. style="stop-color:#800080;stop-opacity:1"
  131. id="stop3663" />
  132. </meshpatch>
  133. </meshrow>
  134. </meshgradient>
  135. <clipPath
  136. clipPathUnits="userSpaceOnUse"
  137. id="clipPath3669">
  138. <rect
  139. style="opacity:1;fill:#000000;fill-opacity:1;stroke-width:0.399828"
  140. id="rect3671"
  141. width="10"
  142. height="10"
  143. x="79.186996"
  144. y="8.1596689" />
  145. </clipPath>
  146. <meshgradient
  147. inkscape:collect="always"
  148. id="meshgradient3725"
  149. gradientUnits="userSpaceOnUse"
  150. x="49.712132"
  151. y="-34.344131"
  152. gradientTransform="translate(-8.0561596,66.157994)">
  153. <meshrow
  154. id="meshrow3727">
  155. <meshpatch
  156. id="meshpatch3729">
  157. <stop
  158. path="c 3.33333,0 6.66667,0 10,0"
  159. style="stop-color:#ffffff;stop-opacity:1"
  160. id="stop3731" />
  161. <stop
  162. path="c 0,3.33333 0,6.66667 0,10"
  163. style="stop-color:#247ba0;stop-opacity:1"
  164. id="stop3733" />
  165. <stop
  166. path="c -3.33333,0 -6.66667,0 -10,0"
  167. style="stop-color:#ffffff;stop-opacity:1"
  168. id="stop3735" />
  169. <stop
  170. path="c 0,-3.33333 0,-6.66667 0,-10"
  171. style="stop-color:#247ba0;stop-opacity:1"
  172. id="stop3737" />
  173. </meshpatch>
  174. </meshrow>
  175. </meshgradient>
  176. <meshgradient
  177. inkscape:collect="always"
  178. id="meshgradient3772"
  179. gradientUnits="userSpaceOnUse"
  180. gradientTransform="translate(32.069302,98.540925)"
  181. x="49.712132"
  182. y="-34.344131">
  183. <meshrow
  184. id="meshrow3784">
  185. <meshpatch
  186. id="meshpatch3782">
  187. <stop
  188. path="c 3.33333,0 6.66667,0 10,0"
  189. style="stop-color:#ffffff;stop-opacity:1"
  190. id="stop3774" />
  191. <stop
  192. path="c 0,3.33333 0,6.66667 0,10"
  193. style="stop-color:#247ba0;stop-opacity:1"
  194. id="stop3776" />
  195. <stop
  196. path="c -3.33333,0 -6.66667,0 -10,0"
  197. style="stop-color:#ffffff;stop-opacity:1"
  198. id="stop3778" />
  199. <stop
  200. path="c 0,-3.33333 0,-6.66667 0,-10"
  201. style="stop-color:#247ba0;stop-opacity:1"
  202. id="stop3780" />
  203. </meshpatch>
  204. </meshrow>
  205. </meshgradient>
  206. <meshgradient
  207. inkscape:collect="always"
  208. id="meshgradient3790"
  209. gradientUnits="userSpaceOnUse"
  210. gradientTransform="translate(24.707708,21.892531)"
  211. x="49.712132"
  212. y="-34.344131">
  213. <meshrow
  214. id="meshrow3802">
  215. <meshpatch
  216. id="meshpatch3800">
  217. <stop
  218. path="c 3.33333,0 6.66667,0 10,0"
  219. style="stop-color:#ffffff;stop-opacity:1"
  220. id="stop3792" />
  221. <stop
  222. path="c 0,3.33333 0,6.66667 0,10"
  223. style="stop-color:#247ba0;stop-opacity:1"
  224. id="stop3794" />
  225. <stop
  226. path="c -3.33333,0 -6.66667,0 -10,0"
  227. style="stop-color:#ffffff;stop-opacity:1"
  228. id="stop3796" />
  229. <stop
  230. path="c 0,-3.33333 0,-6.66667 0,-10"
  231. style="stop-color:#247ba0;stop-opacity:1"
  232. id="stop3798" />
  233. </meshpatch>
  234. </meshrow>
  235. </meshgradient>
  236. <meshgradient
  237. inkscape:collect="always"
  238. id="meshgradient3808"
  239. gradientUnits="userSpaceOnUse"
  240. gradientTransform="translate(52.031922,-47.594374)"
  241. x="49.712132"
  242. y="-34.344131">
  243. <meshrow
  244. id="meshrow3820">
  245. <meshpatch
  246. id="meshpatch3818">
  247. <stop
  248. path="c 3.33333,0 6.66667,0 10,0"
  249. style="stop-color:#ffffff;stop-opacity:1"
  250. id="stop3810" />
  251. <stop
  252. path="c 0,3.33333 0,6.66667 0,10"
  253. style="stop-color:#247ba0;stop-opacity:1"
  254. id="stop3812" />
  255. <stop
  256. path="c -3.33333,0 -6.66667,0 -10,0"
  257. style="stop-color:#ffffff;stop-opacity:1"
  258. id="stop3814" />
  259. <stop
  260. path="c 0,-3.33333 0,-6.66667 0,-10"
  261. style="stop-color:#247ba0;stop-opacity:1"
  262. id="stop3816" />
  263. </meshpatch>
  264. </meshrow>
  265. </meshgradient>
  266. <meshgradient
  267. inkscape:collect="always"
  268. id="meshgradient3826"
  269. gradientUnits="userSpaceOnUse"
  270. gradientTransform="translate(-43.917751,133.63232)"
  271. x="49.712132"
  272. y="-34.344131">
  273. <meshrow
  274. id="meshrow3838">
  275. <meshpatch
  276. id="meshpatch3836">
  277. <stop
  278. path="c 3.33333,0 6.66667,0 10,0"
  279. style="stop-color:#ffffff;stop-opacity:1"
  280. id="stop3828" />
  281. <stop
  282. path="c 0,3.33333 0,6.66667 0,10"
  283. style="stop-color:#247ba0;stop-opacity:1"
  284. id="stop3830" />
  285. <stop
  286. path="c -3.33333,0 -6.66667,0 -10,0"
  287. style="stop-color:#ffffff;stop-opacity:1"
  288. id="stop3832" />
  289. <stop
  290. path="c 0,-3.33333 0,-6.66667 0,-10"
  291. style="stop-color:#247ba0;stop-opacity:1"
  292. id="stop3834" />
  293. </meshpatch>
  294. </meshrow>
  295. </meshgradient>
  296. <meshgradient
  297. inkscape:collect="always"
  298. id="meshgradient3844"
  299. gradientUnits="userSpaceOnUse"
  300. gradientTransform="translate(84.224422,-7.8728267)"
  301. x="49.712132"
  302. y="-34.344131">
  303. <meshrow
  304. id="meshrow3856">
  305. <meshpatch
  306. id="meshpatch3854">
  307. <stop
  308. path="c 3.33333,0 6.66667,0 10,0"
  309. style="stop-color:#ffffff;stop-opacity:1"
  310. id="stop3846" />
  311. <stop
  312. path="c 0,3.33333 0,6.66667 0,10"
  313. style="stop-color:#247ba0;stop-opacity:1"
  314. id="stop3848" />
  315. <stop
  316. path="c -3.33333,0 -6.66667,0 -10,0"
  317. style="stop-color:#ffffff;stop-opacity:1"
  318. id="stop3850" />
  319. <stop
  320. path="c 0,-3.33333 0,-6.66667 0,-10"
  321. style="stop-color:#247ba0;stop-opacity:1"
  322. id="stop3852" />
  323. </meshpatch>
  324. </meshrow>
  325. </meshgradient>
  326. <meshgradient
  327. inkscape:collect="always"
  328. id="meshgradient3863"
  329. gradientUnits="userSpaceOnUse"
  330. gradientTransform="matrix(0.53989179,0,0,0.53989179,43.867728,71.611564)"
  331. x="49.712132"
  332. y="-34.344131">
  333. <meshrow
  334. id="meshrow3875">
  335. <meshpatch
  336. id="meshpatch3873">
  337. <stop
  338. path="c 3.33333,0 6.66667,0 10,0"
  339. style="stop-color:#ffffff;stop-opacity:1"
  340. id="stop3865" />
  341. <stop
  342. path="c 0,3.33333 0,6.66667 0,10"
  343. style="stop-color:#247ba0;stop-opacity:1"
  344. id="stop3867" />
  345. <stop
  346. path="c -3.33333,0 -6.66667,0 -10,0"
  347. style="stop-color:#ffffff;stop-opacity:1"
  348. id="stop3869" />
  349. <stop
  350. path="c 0,-3.33333 0,-6.66667 0,-10"
  351. style="stop-color:#247ba0;stop-opacity:1"
  352. id="stop3871" />
  353. </meshpatch>
  354. </meshrow>
  355. </meshgradient>
  356. <meshgradient
  357. inkscape:collect="always"
  358. id="meshgradient3881"
  359. gradientUnits="userSpaceOnUse"
  360. gradientTransform="matrix(0.53989179,0,0,0.53989179,77.481917,117.36185)"
  361. x="49.712132"
  362. y="-34.344131">
  363. <meshrow
  364. id="meshrow3893">
  365. <meshpatch
  366. id="meshpatch3891">
  367. <stop
  368. path="c 3.33333,0 6.66667,0 10,0"
  369. style="stop-color:#ffffff;stop-opacity:1"
  370. id="stop3883" />
  371. <stop
  372. path="c 0,3.33333 0,6.66667 0,10"
  373. style="stop-color:#247ba0;stop-opacity:1"
  374. id="stop3885" />
  375. <stop
  376. path="c -3.33333,0 -6.66667,0 -10,0"
  377. style="stop-color:#ffffff;stop-opacity:1"
  378. id="stop3887" />
  379. <stop
  380. path="c 0,-3.33333 0,-6.66667 0,-10"
  381. style="stop-color:#247ba0;stop-opacity:1"
  382. id="stop3889" />
  383. </meshpatch>
  384. </meshrow>
  385. </meshgradient>
  386. <meshgradient
  387. inkscape:collect="always"
  388. id="meshgradient3899"
  389. gradientUnits="userSpaceOnUse"
  390. gradientTransform="matrix(0.53989179,0,0,0.53989179,1.9097488,58.678891)"
  391. x="49.712132"
  392. y="-34.344131">
  393. <meshrow
  394. id="meshrow3911">
  395. <meshpatch
  396. id="meshpatch3909">
  397. <stop
  398. path="c 3.33333,0 6.66667,0 10,0"
  399. style="stop-color:#ffffff;stop-opacity:1"
  400. id="stop3901" />
  401. <stop
  402. path="c 0,3.33333 0,6.66667 0,10"
  403. style="stop-color:#247ba0;stop-opacity:1"
  404. id="stop3903" />
  405. <stop
  406. path="c -3.33333,0 -6.66667,0 -10,0"
  407. style="stop-color:#ffffff;stop-opacity:1"
  408. id="stop3905" />
  409. <stop
  410. path="c 0,-3.33333 0,-6.66667 0,-10"
  411. style="stop-color:#247ba0;stop-opacity:1"
  412. id="stop3907" />
  413. </meshpatch>
  414. </meshrow>
  415. </meshgradient>
  416. <clipPath
  417. clipPathUnits="userSpaceOnUse"
  418. id="clipPath3936">
  419. <rect
  420. style="opacity:1;fill:#ff00ff;fill-opacity:1;stroke-width:1.82643"
  421. id="rect3938"
  422. width="160"
  423. height="90"
  424. x="1.7763568e-15"
  425. y="9.8607613e-32"
  426. transform="rotate(75.492757)" />
  427. </clipPath>
  428. <clipPath
  429. clipPathUnits="userSpaceOnUse"
  430. id="clipPath3940">
  431. <rect
  432. style="opacity:1;fill:#ff00ff;fill-opacity:1;stroke-width:1.82643"
  433. id="rect3942"
  434. width="160"
  435. height="90"
  436. x="1.7763568e-15"
  437. y="0"
  438. transform="rotate(-16.346547)" />
  439. </clipPath>
  440. <clipPath
  441. clipPathUnits="userSpaceOnUse"
  442. id="clipPath3944">
  443. <rect
  444. style="opacity:1;fill:#ff00ff;fill-opacity:1;stroke-width:1.82643"
  445. id="rect3946"
  446. width="160"
  447. height="90"
  448. x="1.7763568e-15"
  449. y="9.8607613e-32"
  450. transform="rotate(-42.583221)" />
  451. </clipPath>
  452. <clipPath
  453. clipPathUnits="userSpaceOnUse"
  454. id="clipPath3948">
  455. <rect
  456. style="opacity:1;fill:#ff00ff;fill-opacity:1;stroke-width:1.82643"
  457. id="rect3950"
  458. width="160"
  459. height="90"
  460. x="1.7763568e-15"
  461. y="0"
  462. transform="rotate(-16.346547)" />
  463. </clipPath>
  464. <clipPath
  465. clipPathUnits="userSpaceOnUse"
  466. id="clipPath3952">
  467. <rect
  468. style="opacity:1;fill:#ff00ff;fill-opacity:1;stroke-width:1.82643"
  469. id="rect3954"
  470. width="160"
  471. height="90"
  472. x="1.7763568e-15"
  473. y="0"
  474. transform="rotate(34.026606)" />
  475. </clipPath>
  476. <clipPath
  477. clipPathUnits="userSpaceOnUse"
  478. id="clipPath3956">
  479. <rect
  480. style="opacity:1;fill:#ff00ff;fill-opacity:1;stroke-width:1.82643"
  481. id="rect3958"
  482. width="160"
  483. height="90"
  484. x="1.7763568e-15"
  485. y="2.9582284e-31"
  486. transform="rotate(35.93234)" />
  487. </clipPath>
  488. <clipPath
  489. clipPathUnits="userSpaceOnUse"
  490. id="clipPath3960">
  491. <rect
  492. style="opacity:1;fill:#ff00ff;fill-opacity:1;stroke-width:1.82643"
  493. id="rect3962"
  494. width="160"
  495. height="90"
  496. x="1.7763568e-15"
  497. y="2.9582284e-31"
  498. transform="rotate(35.93234)" />
  499. </clipPath>
  500. <clipPath
  501. clipPathUnits="userSpaceOnUse"
  502. id="clipPath3964">
  503. <rect
  504. style="opacity:1;fill:#ff00ff;fill-opacity:1;stroke-width:1.82643"
  505. id="rect3966"
  506. width="160"
  507. height="90"
  508. x="1.7763568e-15"
  509. y="2.9582284e-31"
  510. transform="rotate(35.93234)" />
  511. </clipPath>
  512. <clipPath
  513. clipPathUnits="userSpaceOnUse"
  514. id="clipPath3968">
  515. <rect
  516. style="opacity:1;fill:#ff00ff;fill-opacity:1;stroke-width:1.82643"
  517. id="rect3970"
  518. width="160"
  519. height="90"
  520. x="1.7763568e-15"
  521. y="2.9582284e-31"
  522. transform="rotate(35.93234)" />
  523. </clipPath>
  524. <clipPath
  525. clipPathUnits="userSpaceOnUse"
  526. id="clipPath3972">
  527. <rect
  528. style="opacity:1;fill:#ff00ff;fill-opacity:1;stroke-width:1.82643"
  529. id="rect3974"
  530. width="160"
  531. height="90"
  532. x="1.7763568e-15"
  533. y="0" />
  534. </clipPath>
  535. <meshgradient
  536. inkscape:collect="always"
  537. id="meshgradient3976"
  538. gradientUnits="userSpaceOnUse"
  539. gradientTransform="translate(52.031922,-47.594374)"
  540. x="49.712132"
  541. y="-34.344131">
  542. <meshrow
  543. id="meshrow3988">
  544. <meshpatch
  545. id="meshpatch3986">
  546. <stop
  547. path="c 3.33333,0 6.66667,0 10,0"
  548. style="stop-color:#ffffff;stop-opacity:1"
  549. id="stop3978" />
  550. <stop
  551. path="c 0,3.33333 0,6.66667 0,10"
  552. style="stop-color:#247ba0;stop-opacity:1"
  553. id="stop3980" />
  554. <stop
  555. path="c -3.33333,0 -6.66667,0 -10,0"
  556. style="stop-color:#ffffff;stop-opacity:1"
  557. id="stop3982" />
  558. <stop
  559. path="c 0,-3.33333 0,-6.66667 0,-10"
  560. style="stop-color:#247ba0;stop-opacity:1"
  561. id="stop3984" />
  562. </meshpatch>
  563. </meshrow>
  564. </meshgradient>
  565. <clipPath
  566. clipPathUnits="userSpaceOnUse"
  567. id="clipPath4166">
  568. <rect
  569. style="opacity:1;fill:#ff00ff;fill-opacity:1;stroke-width:0.830842"
  570. id="rect4168"
  571. width="160"
  572. height="90"
  573. x="-2.4651903e-32"
  574. y="4.4408921e-16"
  575. transform="rotate(75.492757)" />
  576. </clipPath>
  577. <clipPath
  578. clipPathUnits="userSpaceOnUse"
  579. id="clipPath4170">
  580. <rect
  581. style="opacity:1;fill:#ff00ff;fill-opacity:1;stroke-width:0.830842"
  582. id="rect4172"
  583. width="160"
  584. height="90"
  585. x="-3.4745038"
  586. y="4.0090427"
  587. transform="rotate(-16.346547)" />
  588. </clipPath>
  589. <clipPath
  590. clipPathUnits="userSpaceOnUse"
  591. id="clipPath4174">
  592. <rect
  593. style="opacity:1;fill:#ff00ff;fill-opacity:1;stroke-width:0.830842"
  594. id="rect4176"
  595. width="160"
  596. height="90"
  597. x="0.13363476"
  598. y="2.80633"
  599. transform="rotate(-42.583221)" />
  600. </clipPath>
  601. <clipPath
  602. clipPathUnits="userSpaceOnUse"
  603. id="clipPath4178">
  604. <rect
  605. style="opacity:1;fill:#ff00ff;fill-opacity:1;stroke-width:0.830842"
  606. id="rect4180"
  607. width="160"
  608. height="90"
  609. x="0"
  610. y="4.4408921e-16"
  611. transform="rotate(-16.346547)" />
  612. </clipPath>
  613. <clipPath
  614. clipPathUnits="userSpaceOnUse"
  615. id="clipPath4182">
  616. <rect
  617. style="opacity:1;fill:#ff00ff;fill-opacity:1;stroke-width:0.830842"
  618. id="rect4184"
  619. width="160"
  620. height="90"
  621. x="-2.4651903e-32"
  622. y="4.4408921e-16"
  623. transform="rotate(34.026606)" />
  624. </clipPath>
  625. <clipPath
  626. clipPathUnits="userSpaceOnUse"
  627. id="clipPath4186">
  628. <rect
  629. style="opacity:1;fill:#ff00ff;fill-opacity:1;stroke-width:0.830842"
  630. id="rect4188"
  631. width="160"
  632. height="90"
  633. x="-0.26726955"
  634. y="-6.5481033"
  635. transform="rotate(35.93234)" />
  636. </clipPath>
  637. <clipPath
  638. clipPathUnits="userSpaceOnUse"
  639. id="clipPath4190">
  640. <rect
  641. style="opacity:1;fill:#ff00ff;fill-opacity:1;stroke-width:0.830842"
  642. id="rect4192"
  643. width="160"
  644. height="90"
  645. x="-0.26726955"
  646. y="-6.5481033"
  647. transform="rotate(35.93234)" />
  648. </clipPath>
  649. <clipPath
  650. clipPathUnits="userSpaceOnUse"
  651. id="clipPath4194">
  652. <rect
  653. style="opacity:1;fill:#ff00ff;fill-opacity:1;stroke-width:0.830842"
  654. id="rect4196"
  655. width="160"
  656. height="90"
  657. x="0.13363473"
  658. y="2.80633"
  659. transform="rotate(35.93234)" />
  660. </clipPath>
  661. <clipPath
  662. clipPathUnits="userSpaceOnUse"
  663. id="clipPath4198">
  664. <rect
  665. style="opacity:1;fill:#ff00ff;fill-opacity:1;stroke-width:0.830842"
  666. id="rect4200"
  667. width="160"
  668. height="90"
  669. x="0.13363473"
  670. y="2.80633"
  671. transform="rotate(35.93234)" />
  672. </clipPath>
  673. </defs>
  674. <sodipodi:namedview
  675. id="base"
  676. pagecolor="#ffffff"
  677. bordercolor="#666666"
  678. borderopacity="1.0"
  679. inkscape:pageopacity="0.0"
  680. inkscape:pageshadow="2"
  681. inkscape:zoom="0.98994949"
  682. inkscape:cx="180.0727"
  683. inkscape:cy="184.58334"
  684. inkscape:document-units="mm"
  685. inkscape:current-layer="layer21"
  686. inkscape:document-rotation="0"
  687. showgrid="false"
  688. borderlayer="false"
  689. inkscape:pagecheckerboard="true"
  690. inkscape:window-width="1920"
  691. inkscape:window-height="1017"
  692. inkscape:window-x="-8"
  693. inkscape:window-y="-8"
  694. inkscape:window-maximized="1" />
  695. <metadata
  696. id="metadata5">
  697. <rdf:RDF>
  698. <cc:Work
  699. rdf:about="">
  700. <dc:format>image/svg+xml</dc:format>
  701. <dc:type
  702. rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
  703. <dc:title />
  704. </cc:Work>
  705. </rdf:RDF>
  706. </metadata>
  707. <g
  708. inkscape:groupmode="layer"
  709. id="layer21"
  710. inkscape:label="background"
  711. sodipodi:insensitive="true">
  712. <g
  713. inkscape:groupmode="layer"
  714. id="layer30"
  715. inkscape:label="color">
  716. <rect
  717. style="opacity:1;fill:#ffffff;fill-opacity:1;stroke-width:1.30599"
  718. id="rect4203"
  719. width="160"
  720. height="90"
  721. x="0"
  722. y="0" />
  723. </g>
  724. <g
  725. inkscape:groupmode="layer"
  726. id="layer22"
  727. inkscape:label="mesh"
  728. sodipodi:insensitive="true">
  729. <rect
  730. style="opacity:0.851613;fill:url(#meshgradient1343);fill-opacity:1;stroke-width:1.24905"
  731. id="rect1233-1"
  732. width="160"
  733. height="90"
  734. x="-172.60417"
  735. y="-11.738091"
  736. mask="url(#mask1357)"
  737. transform="translate(172.60418,11.738093)" />
  738. </g>
  739. <g
  740. inkscape:groupmode="layer"
  741. id="layer23"
  742. inkscape:label="gradientLeft"
  743. sodipodi:insensitive="true">
  744. <rect
  745. style="opacity:0.851613;fill:url(#linearGradient1462);fill-opacity:1;stroke-width:1.24905"
  746. id="rect1233-08"
  747. width="160"
  748. height="90"
  749. x="-160"
  750. y="-0.00012207031"
  751. transform="scale(-1,1)" />
  752. </g>
  753. <g
  754. inkscape:groupmode="layer"
  755. id="layer24"
  756. inkscape:label="gradientRight"
  757. sodipodi:insensitive="true">
  758. <rect
  759. style="opacity:0.851613;fill:url(#linearGradient1454);fill-opacity:1;stroke-width:1.24905"
  760. id="rect1233-0"
  761. width="160"
  762. height="90"
  763. x="-5.6843419e-14"
  764. y="-0.00012588501" />
  765. </g>
  766. <g
  767. inkscape:groupmode="layer"
  768. id="layer25"
  769. inkscape:label="meshBoxes"
  770. style="display:inline"
  771. sodipodi:insensitive="true">
  772. <g
  773. inkscape:groupmode="layer"
  774. id="layer28"
  775. inkscape:label="jello"
  776. sodipodi:insensitive="true">
  777. <rect
  778. style="opacity:1;fill:url(#meshgradient3772);fill-opacity:1;stroke-width:0.782936"
  779. id="rect3673"
  780. width="10"
  781. height="10"
  782. x="81.781441"
  783. y="64.196793"
  784. transform="rotate(-35.93234,-4.3940071,-1.1971084)"
  785. clip-path="url(#clipPath4198)" />
  786. <rect
  787. style="opacity:1;fill:url(#meshgradient3863);fill-opacity:1;stroke-width:0.422701"
  788. id="rect3859"
  789. width="5.3989177"
  790. height="5.3989177"
  791. x="70.706909"
  792. y="53.06945"
  793. transform="rotate(-35.93234,-4.3940071,-1.1971084)"
  794. clip-path="url(#clipPath4194)" />
  795. <rect
  796. style="opacity:1;fill:url(#meshgradient3899);fill-opacity:1;stroke-width:0.422701"
  797. id="rect3895"
  798. width="5.3989177"
  799. height="5.3989177"
  800. x="28.74893"
  801. y="40.136776"
  802. transform="rotate(-35.93234,10.230411,2.8619384)"
  803. clip-path="url(#clipPath4190)" />
  804. <rect
  805. style="opacity:1;fill:url(#meshgradient3881);fill-opacity:1;stroke-width:0.422701"
  806. id="rect3877"
  807. width="5.3989177"
  808. height="5.3989177"
  809. x="104.3211"
  810. y="98.819733"
  811. transform="rotate(-35.93234,10.230411,2.8619384)"
  812. clip-path="url(#clipPath4186)" />
  813. <rect
  814. style="opacity:1;fill:url(#meshgradient3725);fill-opacity:1;stroke-width:0.782936"
  815. id="rect3768"
  816. width="10"
  817. height="10"
  818. x="41.655979"
  819. y="31.813862"
  820. transform="rotate(-34.026606)"
  821. clip-path="url(#clipPath4182)" />
  822. <rect
  823. style="opacity:1;fill:url(#meshgradient3790);fill-opacity:1;stroke-width:0.782936"
  824. id="rect3786"
  825. width="10"
  826. height="10"
  827. x="74.419853"
  828. y="-12.4516"
  829. transform="rotate(16.346547)"
  830. clip-path="url(#clipPath4178)" />
  831. <rect
  832. style="opacity:1;fill:url(#meshgradient3976);fill-opacity:1;stroke-width:0.782936"
  833. id="rect3804"
  834. width="10"
  835. height="10"
  836. x="101.74406"
  837. y="-81.938499"
  838. transform="rotate(42.583221,3.5336724,-1.5746169)"
  839. clip-path="url(#clipPath4174)" />
  840. <rect
  841. style="opacity:1;fill:url(#meshgradient3844);fill-opacity:1;stroke-width:0.782936"
  842. id="rect3822"
  843. width="10"
  844. height="10"
  845. x="133.93654"
  846. y="-42.216953"
  847. transform="rotate(16.346547,15.69378,10.091136)"
  848. clip-path="url(#clipPath4170)" />
  849. <rect
  850. style="opacity:1;fill:url(#meshgradient3826);fill-opacity:1;stroke-width:0.782936"
  851. id="rect3840"
  852. width="10"
  853. height="10"
  854. x="5.794373"
  855. y="99.288177"
  856. transform="rotate(-75.492757)"
  857. clip-path="url(#clipPath4166)" />
  858. </g>
  859. </g>
  860. </g>
  861. <g
  862. inkscape:groupmode="layer"
  863. id="layer2"
  864. inkscape:label="a"
  865. style="display:inline"
  866. sodipodi:insensitive="true">
  867. <g
  868. inkscape:groupmode="layer"
  869. id="layer7"
  870. inkscape:label="highlight"
  871. style="display:none"
  872. sodipodi:insensitive="true">
  873. <rect
  874. style="fill:#aa8800;stroke-width:0.308702"
  875. id="rect11"
  876. width="140"
  877. height="60"
  878. x="10"
  879. y="20" />
  880. <text
  881. xml:space="preserve"
  882. 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"
  883. x="61.799107"
  884. y="44.412205"
  885. id="text889"><tspan
  886. sodipodi:role="line"
  887. id="tspan887"
  888. x="61.799107"
  889. y="44.412205"
  890. style="stroke-width:0.264583">a</tspan></text>
  891. </g>
  892. <g
  893. inkscape:groupmode="layer"
  894. id="layer12"
  895. inkscape:label="lobby"
  896. style="display:none">
  897. <image
  898. sodipodi:absref="C:\Users\bad-p\Desktop\Work Folder\VS CODE\Qwixx\frontend\inkScape\lobby.svg"
  899. xlink:href="lobby.svg"
  900. y="20"
  901. x="10"
  902. id="image987"
  903. height="60.000092"
  904. width="140.00003"
  905. inkscape:svg-dpi="96"
  906. preserveAspectRatio="none" />
  907. </g>
  908. <g
  909. inkscape:groupmode="layer"
  910. id="layer13"
  911. inkscape:label="createGame"
  912. style="display:none"
  913. sodipodi:insensitive="true">
  914. <image
  915. sodipodi:absref="C:\Users\bad-p\Desktop\Work Folder\VS CODE\Qwixx\frontend\inkScape\createGame.svg"
  916. xlink:href="createGame.svg"
  917. y="20"
  918. x="10"
  919. id="image1251"
  920. height="60.000092"
  921. width="140.00003"
  922. inkscape:svg-dpi="96"
  923. preserveAspectRatio="none" />
  924. </g>
  925. <g
  926. inkscape:groupmode="layer"
  927. id="layer26"
  928. inkscape:label="options"
  929. style="display:inline"
  930. sodipodi:insensitive="true">
  931. <image
  932. sodipodi:absref="C:\Users\bad-p\Desktop\Work Folder\VS CODE\Qwixx\frontend\inkScape\options.svg"
  933. xlink:href="options.svg"
  934. style="display:inline"
  935. y="20"
  936. x="10"
  937. id="image1403"
  938. height="60.000092"
  939. width="140.00003"
  940. inkscape:svg-dpi="96"
  941. preserveAspectRatio="none" />
  942. </g>
  943. <g
  944. inkscape:groupmode="layer"
  945. id="layer14"
  946. inkscape:label="gameScreen"
  947. style="display:none"
  948. sodipodi:insensitive="true">
  949. <image
  950. sodipodi:absref="C:\Users\bad-p\Desktop\Work Folder\VS CODE\Qwixx\frontend\inkScape\endScreen.svg"
  951. xlink:href="endScreen.svg"
  952. preserveAspectRatio="none"
  953. inkscape:svg-dpi="96"
  954. width="140.00003"
  955. height="60.000092"
  956. id="image1245"
  957. x="10"
  958. y="20" />
  959. </g>
  960. <g
  961. inkscape:groupmode="layer"
  962. id="layer16"
  963. inkscape:label="endGame"
  964. sodipodi:insensitive="true"
  965. style="display:none">
  966. <image
  967. sodipodi:absref="C:\Users\bad-p\Desktop\Work Folder\VS CODE\Qwixx\frontend\inkScape\endScreen.svg"
  968. xlink:href="endScreen.svg"
  969. style="display:inline"
  970. preserveAspectRatio="none"
  971. inkscape:svg-dpi="96"
  972. width="140.00003"
  973. height="60.000092"
  974. id="image1027"
  975. x="10"
  976. y="20" />
  977. </g>
  978. </g>
  979. <g
  980. inkscape:groupmode="layer"
  981. id="layer3"
  982. inkscape:label="b"
  983. sodipodi:insensitive="true">
  984. <g
  985. inkscape:groupmode="layer"
  986. id="layer8"
  987. inkscape:label="highlight 1"
  988. style="display:none"
  989. sodipodi:insensitive="true">
  990. <rect
  991. style="fill:#e9afaf;stroke-width:0.223407"
  992. id="rect14"
  993. width="40"
  994. height="20"
  995. x="10"
  996. y="0" />
  997. <text
  998. xml:space="preserve"
  999. 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"
  1000. x="16.252975"
  1001. y="8.6934528"
  1002. id="text893"><tspan
  1003. sodipodi:role="line"
  1004. id="tspan891"
  1005. x="16.252975"
  1006. y="8.6934528"
  1007. style="stroke-width:0.264583">b</tspan></text>
  1008. </g>
  1009. <g
  1010. inkscape:groupmode="layer"
  1011. id="layer20"
  1012. inkscape:label="bBoxArea"
  1013. sodipodi:insensitive="true">
  1014. <image
  1015. sodipodi:absref="C:\Users\bad-p\Desktop\Work Folder\VS CODE\Qwixx\frontend\inkScape\sectionB\bArea.png"
  1016. xlink:href="sectionB/bArea.png"
  1017. width="40.005001"
  1018. height="19.939001"
  1019. preserveAspectRatio="none"
  1020. id="image1241"
  1021. x="9.9949989"
  1022. y="0" />
  1023. </g>
  1024. </g>
  1025. <g
  1026. inkscape:groupmode="layer"
  1027. id="layer4"
  1028. inkscape:label="c"
  1029. style="display:inline"
  1030. sodipodi:insensitive="true">
  1031. <g
  1032. inkscape:groupmode="layer"
  1033. id="layer9"
  1034. inkscape:label="highlight 2"
  1035. style="display:none">
  1036. <rect
  1037. style="fill:#ff6600;stroke-width:0.40715"
  1038. id="rect17"
  1039. width="100"
  1040. height="20"
  1041. x="50"
  1042. y="0" />
  1043. <text
  1044. xml:space="preserve"
  1045. 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"
  1046. x="86.934525"
  1047. y="10.016369"
  1048. id="text877"><tspan
  1049. sodipodi:role="line"
  1050. id="tspan875"
  1051. x="86.934525"
  1052. y="10.016369"
  1053. style="fill:#2b0000;stroke-width:0.264583">c</tspan></text>
  1054. </g>
  1055. <g
  1056. inkscape:groupmode="layer"
  1057. id="layer17"
  1058. inkscape:label="ctest"
  1059. sodipodi:insensitive="true">
  1060. <image
  1061. sodipodi:absref="C:\Users\bad-p\Desktop\Work Folder\VS CODE\Qwixx\frontend\inkScape\sectionC\cButton.svg"
  1062. xlink:href="sectionC/cButton.svg"
  1063. y="0"
  1064. x="50"
  1065. id="image1712"
  1066. height="20.000013"
  1067. width="100.00007"
  1068. inkscape:svg-dpi="200"
  1069. preserveAspectRatio="none" />
  1070. </g>
  1071. </g>
  1072. <g
  1073. inkscape:groupmode="layer"
  1074. id="layer5"
  1075. inkscape:label="d"
  1076. sodipodi:insensitive="true">
  1077. <g
  1078. inkscape:groupmode="layer"
  1079. id="layer10"
  1080. inkscape:label="highlight 3"
  1081. style="display:none">
  1082. <rect
  1083. style="fill:#0000ff;stroke-width:0.33977"
  1084. id="rect20"
  1085. width="10"
  1086. height="90"
  1087. x="0"
  1088. y="0" />
  1089. <rect
  1090. style="fill:#0000ff;stroke-width:0.33977"
  1091. id="rect20-4"
  1092. width="10"
  1093. height="90"
  1094. x="150"
  1095. y="0" />
  1096. <text
  1097. xml:space="preserve"
  1098. 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"
  1099. x="2.8348217"
  1100. y="44.79018"
  1101. id="text881"><tspan
  1102. sodipodi:role="line"
  1103. id="tspan879"
  1104. x="2.8348217"
  1105. y="44.79018"
  1106. style="stroke-width:0.264583">d</tspan></text>
  1107. </g>
  1108. <g
  1109. inkscape:groupmode="layer"
  1110. id="layer1"
  1111. inkscape:label="dR"
  1112. style="display:inline">
  1113. <g
  1114. inkscape:groupmode="layer"
  1115. id="layer15"
  1116. inkscape:label="dL"
  1117. style="display:inline">
  1118. <image
  1119. sodipodi:absref="C:\Users\bad-p\Desktop\Work Folder\VS CODE\Qwixx\frontend\inkScape\sectionDecoration\decoration.svg"
  1120. xlink:href="sectionDecoration/decoration.svg"
  1121. y="0"
  1122. x="150"
  1123. id="image1369"
  1124. height="89.999878"
  1125. width="10.000007"
  1126. inkscape:svg-dpi="96"
  1127. preserveAspectRatio="none" />
  1128. </g>
  1129. <image
  1130. sodipodi:absref="C:\Users\bad-p\Desktop\Work Folder\VS CODE\Qwixx\frontend\inkScape\sectionDecoration\decoration.svg"
  1131. xlink:href="sectionDecoration/decoration.svg"
  1132. y="0"
  1133. x="0"
  1134. id="image1127"
  1135. height="89.999878"
  1136. width="10.000007"
  1137. inkscape:svg-dpi="96"
  1138. preserveAspectRatio="none" />
  1139. </g>
  1140. </g>
  1141. <g
  1142. inkscape:groupmode="layer"
  1143. id="layer6"
  1144. inkscape:label="e"
  1145. sodipodi:insensitive="true">
  1146. <g
  1147. inkscape:groupmode="layer"
  1148. id="layer11"
  1149. inkscape:label="highlight 4"
  1150. style="display:none"
  1151. sodipodi:insensitive="true">
  1152. <rect
  1153. style="fill:#280b0b;stroke-width:0.234253"
  1154. id="rect23"
  1155. width="140"
  1156. height="10"
  1157. x="10"
  1158. y="80" />
  1159. <text
  1160. xml:space="preserve"
  1161. 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"
  1162. x="25.324404"
  1163. y="88.068451"
  1164. id="text885"><tspan
  1165. sodipodi:role="line"
  1166. id="tspan883"
  1167. x="25.324404"
  1168. y="88.068451"
  1169. style="fill:#00ff00;stroke-width:0.264583">e</tspan></text>
  1170. </g>
  1171. <g
  1172. inkscape:groupmode="layer"
  1173. id="layer18"
  1174. inkscape:label="chatBox"
  1175. sodipodi:insensitive="true"
  1176. style="display:inline">
  1177. <image
  1178. sodipodi:absref="C:\Users\bad-p\Desktop\Work Folder\VS CODE\Qwixx\frontend\inkScape\sectionE\chatBox.png"
  1179. xlink:href="sectionE/chatBox.png"
  1180. y="79.966881"
  1181. x="10.04599"
  1182. id="image1236"
  1183. preserveAspectRatio="none"
  1184. height="10.032999"
  1185. width="139.95401" />
  1186. </g>
  1187. <g
  1188. inkscape:groupmode="layer"
  1189. id="layer19"
  1190. inkscape:label="chatBoxExpanded"
  1191. sodipodi:insensitive="true"
  1192. style="display:inline">
  1193. <image
  1194. sodipodi:absref="C:\Users\bad-p\Desktop\Work Folder\VS CODE\Qwixx\frontend\inkScape\sectionE\chatBoxExpansion.png"
  1195. xlink:href="sectionE/chatBoxExpansion.png"
  1196. y="60.027878"
  1197. x="10.000007"
  1198. id="image1250"
  1199. preserveAspectRatio="none"
  1200. height="29.972"
  1201. width="139.95401" />
  1202. </g>
  1203. </g>
  1204. <script
  1205. id="mesh_polyfill"
  1206. type="text/javascript">
  1207. !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}}})}();
  1208. </script>
  1209. </svg>