@tsparticles/configs 4.0.0-beta.1 → 4.0.0-beta.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (752) hide show
  1. package/README.md +18 -0
  2. package/browser/a/absorbers.js +6 -4
  3. package/browser/a/amongUs.js +10 -8
  4. package/browser/b/backgroundMask.js +6 -4
  5. package/browser/b/backgroundMaskImage.js +6 -4
  6. package/browser/b/basic.js +10 -8
  7. package/browser/b/big.js +43 -41
  8. package/browser/b/bigBlend.js +43 -41
  9. package/browser/b/bigBlendCombo.js +43 -41
  10. package/browser/b/bigBlendParticle.js +43 -41
  11. package/browser/b/blackHole.js +6 -4
  12. package/browser/b/bubble.js +6 -4
  13. package/browser/c/cardSuits.js +24 -16
  14. package/browser/c/cards.js +10 -8
  15. package/browser/c/cardsRolling.js +10 -8
  16. package/browser/c/chars.js +16 -8
  17. package/browser/c/clickConfetti.js +7 -4
  18. package/browser/c/clickPause.js +6 -4
  19. package/browser/c/collisionsAbsorb.js +5 -3
  20. package/browser/c/collisionsBounce.js +6 -4
  21. package/browser/c/collisionsDestroy.js +6 -4
  22. package/browser/c/colorAnimation.js +41 -39
  23. package/browser/c/connect.js +10 -8
  24. package/browser/c/curlNoise.js +10 -8
  25. package/browser/d/delay.js +10 -8
  26. package/browser/d/delayColor.js +13 -11
  27. package/browser/d/delayOpacity.js +7 -4
  28. package/browser/d/delaySize.js +7 -4
  29. package/browser/d/delayStrokeColor.js +16 -14
  30. package/browser/d/destroy.js +6 -4
  31. package/browser/d/disappearing.js +7 -4
  32. package/browser/d/divEvents.js +6 -4
  33. package/browser/e/effectBubble.js +10 -8
  34. package/browser/e/effectFilter.js +50 -0
  35. package/browser/e/effectParticles.js +15 -11
  36. package/browser/e/effectTrail.js +10 -8
  37. package/browser/e/effectTrailTransform.js +10 -8
  38. package/browser/e/emitter.js +30 -20
  39. package/browser/e/emitterAbsorber.js +12 -8
  40. package/browser/e/emitterAngled.js +6 -4
  41. package/browser/e/emitterImageShape.js +23 -21
  42. package/browser/e/emitterPaths.js +6 -4
  43. package/browser/e/emitterShapes.js +6 -4
  44. package/browser/e/emitterSpawnColor.js +4 -2
  45. package/browser/e/emitterTextShape.js +23 -21
  46. package/browser/e/emitterTextStrokeShape.js +23 -21
  47. package/browser/e/index.js +2 -0
  48. package/browser/f/fallingConfetti.js +46 -44
  49. package/browser/f/fireworks.js +54 -48
  50. package/browser/f/fireworks2.js +53 -48
  51. package/browser/f/fireworks3.js +208 -0
  52. package/browser/f/fireworksMask.js +15 -10
  53. package/browser/f/fontawesome.js +10 -8
  54. package/browser/f/forward.js +10 -8
  55. package/browser/f/index.js +2 -0
  56. package/browser/g/grabRandomColor.js +10 -8
  57. package/browser/g/gravity.js +21 -17
  58. package/browser/g/groups.js +6 -4
  59. package/browser/g/growing.js +7 -4
  60. package/browser/h/hexagonPath.js +9 -7
  61. package/browser/h/hollowknight.js +6 -4
  62. package/browser/h/hyperspace.js +7 -4
  63. package/browser/i/infection.js +6 -4
  64. package/browser/l/lch.js +10 -8
  65. package/browser/l/life.js +10 -8
  66. package/browser/l/lightHover.js +10 -8
  67. package/browser/l/linkTriangles.js +10 -8
  68. package/browser/l/localPolygonMask.js +6 -4
  69. package/browser/m/manual.js +10 -8
  70. package/browser/m/matrix.js +17 -15
  71. package/browser/m/motionDisable.js +10 -8
  72. package/browser/m/motionReduce.js +10 -8
  73. package/browser/m/mouseAttract.js +10 -8
  74. package/browser/m/mouseBounce.js +10 -8
  75. package/browser/m/mouseCannon.js +6 -4
  76. package/browser/m/mouseDrag.js +10 -8
  77. package/browser/m/mouseDragMomentum.js +10 -8
  78. package/browser/m/mouseFollow.js +6 -4
  79. package/browser/m/mouseParticle.js +10 -8
  80. package/browser/m/mouseParticle2.js +10 -8
  81. package/browser/m/mouseTrail.js +20 -16
  82. package/browser/m/mouseTrailNoise.js +11 -8
  83. package/browser/m/moveAngle.js +10 -8
  84. package/browser/m/moveDistance.js +9 -7
  85. package/browser/m/moveInside.js +10 -8
  86. package/browser/m/moveOutside.js +10 -8
  87. package/browser/m/multipleClickEmitters.js +10 -6
  88. package/browser/m/multiplePolygonMasks.js +6 -4
  89. package/browser/n/namedColors.js +6 -4
  90. package/browser/n/nasa.js +5 -3
  91. package/browser/n/noClear.js +57 -55
  92. package/browser/n/nyancat.js +6 -4
  93. package/browser/n/nyancat2.js +6 -4
  94. package/browser/o/oklch.js +10 -8
  95. package/browser/o/orbit.js +6 -4
  96. package/browser/p/parallax.js +6 -4
  97. package/browser/p/pathBranches.js +43 -41
  98. package/browser/p/pathBranchesInertia.js +43 -41
  99. package/browser/p/pathBrownian.js +43 -41
  100. package/browser/p/pathGrid.js +43 -41
  101. package/browser/p/pathLevy.js +43 -41
  102. package/browser/p/pathMaze.js +43 -41
  103. package/browser/p/pathPolygonMask.js +6 -4
  104. package/browser/p/pathSpiral.js +43 -41
  105. package/browser/p/pathSvg.js +43 -41
  106. package/browser/p/pathZigZag.js +43 -41
  107. package/browser/p/plasma.js +6 -4
  108. package/browser/p/poisson.js +6 -4
  109. package/browser/p/polygonMask.js +6 -4
  110. package/browser/p/polygons.js +21 -13
  111. package/browser/p/pop.js +6 -4
  112. package/browser/palettes.js +8 -1255
  113. package/browser/r/random.js +6 -4
  114. package/browser/r/randomShapes.js +31 -21
  115. package/browser/r/reactBubbles.js +6 -4
  116. package/browser/r/reactDefaults.js +6 -4
  117. package/browser/r/reactMultipleImages.js +6 -4
  118. package/browser/r/reactNightSky.js +6 -4
  119. package/browser/r/reactPolygonMask.js +6 -4
  120. package/browser/r/reactSimple.js +13 -11
  121. package/browser/r/reactSnow.js +6 -4
  122. package/browser/r/reduceDuplicates.js +6 -4
  123. package/browser/r/repulse.js +10 -8
  124. package/browser/r/repulseBack.js +6 -4
  125. package/browser/r/repulseBounce.js +6 -4
  126. package/browser/r/repulseCirc.js +6 -4
  127. package/browser/r/repulseCubic.js +6 -4
  128. package/browser/r/repulseElastic.js +6 -4
  129. package/browser/r/repulseExpo.js +6 -4
  130. package/browser/r/repulseGaussian.js +6 -4
  131. package/browser/r/repulseQuart.js +6 -4
  132. package/browser/r/repulseQuint.js +6 -4
  133. package/browser/r/repulseSigmoid.js +6 -4
  134. package/browser/r/repulseSine.js +6 -4
  135. package/browser/r/repulseSmoothstep.js +6 -4
  136. package/browser/r/responsive.js +18 -12
  137. package/browser/r/ring.js +6 -4
  138. package/browser/s/seaAnemone.js +5 -3
  139. package/browser/s/shadow.js +5 -3
  140. package/browser/s/shapeArrow.js +8 -6
  141. package/browser/s/shapeCog.js +6 -4
  142. package/browser/s/shapeHeart.js +10 -8
  143. package/browser/s/shapeInfinity.js +13 -11
  144. package/browser/s/shapeMultilineText.js +10 -8
  145. package/browser/s/shapeOptions.js +6 -4
  146. package/browser/s/shapePath.js +10 -8
  147. package/browser/s/shapeRoundedPolygon.js +10 -8
  148. package/browser/s/shapeRoundedRect.js +10 -8
  149. package/browser/s/shapeSpiral.js +13 -11
  150. package/browser/s/shapeSquircle.js +10 -8
  151. package/browser/s/slow.js +6 -4
  152. package/browser/s/snow.js +5 -3
  153. package/browser/s/soundsAudio.js +9 -7
  154. package/browser/s/soundsLoop.js +10 -8
  155. package/browser/s/soundsMelodies.js +10 -8
  156. package/browser/s/soundsMelodyLoop.js +10 -8
  157. package/browser/s/soundsNotes.js +10 -8
  158. package/browser/s/speedDecay.js +12 -8
  159. package/browser/s/spin.js +10 -8
  160. package/browser/s/star.js +6 -4
  161. package/browser/s/strokeAnimation.js +19 -17
  162. package/browser/s/style.js +10 -8
  163. package/browser/s/svgReplace.js +6 -4
  164. package/browser/t/test.js +6 -4
  165. package/browser/t/themes.js +48 -32
  166. package/browser/t/tilt.js +10 -7
  167. package/browser/t/trail.js +6 -4
  168. package/browser/t/trailImage.js +6 -4
  169. package/browser/t/triangles.js +12 -8
  170. package/browser/t/twinkle.js +6 -4
  171. package/browser/v/vibrate.js +6 -4
  172. package/browser/v/virus.js +6 -4
  173. package/browser/w/warp.js +6 -4
  174. package/browser/w/wobble.js +10 -7
  175. package/browser/w/wobbleBig.js +10 -7
  176. package/browser/z/zIndex.js +6 -4
  177. package/cjs/a/absorbers.js +6 -4
  178. package/cjs/a/amongUs.js +10 -8
  179. package/cjs/b/backgroundMask.js +6 -4
  180. package/cjs/b/backgroundMaskImage.js +6 -4
  181. package/cjs/b/basic.js +10 -8
  182. package/cjs/b/big.js +43 -41
  183. package/cjs/b/bigBlend.js +43 -41
  184. package/cjs/b/bigBlendCombo.js +43 -41
  185. package/cjs/b/bigBlendParticle.js +43 -41
  186. package/cjs/b/blackHole.js +6 -4
  187. package/cjs/b/bubble.js +6 -4
  188. package/cjs/c/cardSuits.js +24 -16
  189. package/cjs/c/cards.js +10 -8
  190. package/cjs/c/cardsRolling.js +10 -8
  191. package/cjs/c/chars.js +16 -8
  192. package/cjs/c/clickConfetti.js +7 -4
  193. package/cjs/c/clickPause.js +6 -4
  194. package/cjs/c/collisionsAbsorb.js +5 -3
  195. package/cjs/c/collisionsBounce.js +6 -4
  196. package/cjs/c/collisionsDestroy.js +6 -4
  197. package/cjs/c/colorAnimation.js +41 -39
  198. package/cjs/c/connect.js +10 -8
  199. package/cjs/c/curlNoise.js +10 -8
  200. package/cjs/d/delay.js +10 -8
  201. package/cjs/d/delayColor.js +13 -11
  202. package/cjs/d/delayOpacity.js +7 -4
  203. package/cjs/d/delaySize.js +7 -4
  204. package/cjs/d/delayStrokeColor.js +16 -14
  205. package/cjs/d/destroy.js +6 -4
  206. package/cjs/d/disappearing.js +7 -4
  207. package/cjs/d/divEvents.js +6 -4
  208. package/cjs/e/effectBubble.js +10 -8
  209. package/cjs/e/effectFilter.js +50 -0
  210. package/cjs/e/effectParticles.js +15 -11
  211. package/cjs/e/effectTrail.js +10 -8
  212. package/cjs/e/effectTrailTransform.js +10 -8
  213. package/cjs/e/emitter.js +30 -20
  214. package/cjs/e/emitterAbsorber.js +12 -8
  215. package/cjs/e/emitterAngled.js +6 -4
  216. package/cjs/e/emitterImageShape.js +23 -21
  217. package/cjs/e/emitterPaths.js +6 -4
  218. package/cjs/e/emitterShapes.js +6 -4
  219. package/cjs/e/emitterSpawnColor.js +4 -2
  220. package/cjs/e/emitterTextShape.js +23 -21
  221. package/cjs/e/emitterTextStrokeShape.js +23 -21
  222. package/cjs/e/index.js +2 -0
  223. package/cjs/f/fallingConfetti.js +46 -44
  224. package/cjs/f/fireworks.js +54 -48
  225. package/cjs/f/fireworks2.js +53 -48
  226. package/cjs/f/fireworks3.js +208 -0
  227. package/cjs/f/fireworksMask.js +15 -10
  228. package/cjs/f/fontawesome.js +10 -8
  229. package/cjs/f/forward.js +10 -8
  230. package/cjs/f/index.js +2 -0
  231. package/cjs/g/grabRandomColor.js +10 -8
  232. package/cjs/g/gravity.js +21 -17
  233. package/cjs/g/groups.js +6 -4
  234. package/cjs/g/growing.js +7 -4
  235. package/cjs/h/hexagonPath.js +9 -7
  236. package/cjs/h/hollowknight.js +6 -4
  237. package/cjs/h/hyperspace.js +7 -4
  238. package/cjs/i/infection.js +6 -4
  239. package/cjs/l/lch.js +10 -8
  240. package/cjs/l/life.js +10 -8
  241. package/cjs/l/lightHover.js +10 -8
  242. package/cjs/l/linkTriangles.js +10 -8
  243. package/cjs/l/localPolygonMask.js +6 -4
  244. package/cjs/m/manual.js +10 -8
  245. package/cjs/m/matrix.js +17 -15
  246. package/cjs/m/motionDisable.js +10 -8
  247. package/cjs/m/motionReduce.js +10 -8
  248. package/cjs/m/mouseAttract.js +10 -8
  249. package/cjs/m/mouseBounce.js +10 -8
  250. package/cjs/m/mouseCannon.js +6 -4
  251. package/cjs/m/mouseDrag.js +10 -8
  252. package/cjs/m/mouseDragMomentum.js +10 -8
  253. package/cjs/m/mouseFollow.js +6 -4
  254. package/cjs/m/mouseParticle.js +10 -8
  255. package/cjs/m/mouseParticle2.js +10 -8
  256. package/cjs/m/mouseTrail.js +20 -16
  257. package/cjs/m/mouseTrailNoise.js +11 -8
  258. package/cjs/m/moveAngle.js +10 -8
  259. package/cjs/m/moveDistance.js +9 -7
  260. package/cjs/m/moveInside.js +10 -8
  261. package/cjs/m/moveOutside.js +10 -8
  262. package/cjs/m/multipleClickEmitters.js +10 -6
  263. package/cjs/m/multiplePolygonMasks.js +6 -4
  264. package/cjs/n/namedColors.js +6 -4
  265. package/cjs/n/nasa.js +5 -3
  266. package/cjs/n/noClear.js +57 -55
  267. package/cjs/n/nyancat.js +6 -4
  268. package/cjs/n/nyancat2.js +6 -4
  269. package/cjs/o/oklch.js +10 -8
  270. package/cjs/o/orbit.js +6 -4
  271. package/cjs/p/parallax.js +6 -4
  272. package/cjs/p/pathBranches.js +43 -41
  273. package/cjs/p/pathBranchesInertia.js +43 -41
  274. package/cjs/p/pathBrownian.js +43 -41
  275. package/cjs/p/pathGrid.js +43 -41
  276. package/cjs/p/pathLevy.js +43 -41
  277. package/cjs/p/pathMaze.js +43 -41
  278. package/cjs/p/pathPolygonMask.js +6 -4
  279. package/cjs/p/pathSpiral.js +43 -41
  280. package/cjs/p/pathSvg.js +43 -41
  281. package/cjs/p/pathZigZag.js +43 -41
  282. package/cjs/p/plasma.js +6 -4
  283. package/cjs/p/poisson.js +6 -4
  284. package/cjs/p/polygonMask.js +6 -4
  285. package/cjs/p/polygons.js +21 -13
  286. package/cjs/p/pop.js +6 -4
  287. package/cjs/palettes.js +8 -1255
  288. package/cjs/r/random.js +6 -4
  289. package/cjs/r/randomShapes.js +31 -21
  290. package/cjs/r/reactBubbles.js +6 -4
  291. package/cjs/r/reactDefaults.js +6 -4
  292. package/cjs/r/reactMultipleImages.js +6 -4
  293. package/cjs/r/reactNightSky.js +6 -4
  294. package/cjs/r/reactPolygonMask.js +6 -4
  295. package/cjs/r/reactSimple.js +13 -11
  296. package/cjs/r/reactSnow.js +6 -4
  297. package/cjs/r/reduceDuplicates.js +6 -4
  298. package/cjs/r/repulse.js +10 -8
  299. package/cjs/r/repulseBack.js +6 -4
  300. package/cjs/r/repulseBounce.js +6 -4
  301. package/cjs/r/repulseCirc.js +6 -4
  302. package/cjs/r/repulseCubic.js +6 -4
  303. package/cjs/r/repulseElastic.js +6 -4
  304. package/cjs/r/repulseExpo.js +6 -4
  305. package/cjs/r/repulseGaussian.js +6 -4
  306. package/cjs/r/repulseQuart.js +6 -4
  307. package/cjs/r/repulseQuint.js +6 -4
  308. package/cjs/r/repulseSigmoid.js +6 -4
  309. package/cjs/r/repulseSine.js +6 -4
  310. package/cjs/r/repulseSmoothstep.js +6 -4
  311. package/cjs/r/responsive.js +18 -12
  312. package/cjs/r/ring.js +6 -4
  313. package/cjs/s/seaAnemone.js +5 -3
  314. package/cjs/s/shadow.js +5 -3
  315. package/cjs/s/shapeArrow.js +8 -6
  316. package/cjs/s/shapeCog.js +6 -4
  317. package/cjs/s/shapeHeart.js +10 -8
  318. package/cjs/s/shapeInfinity.js +13 -11
  319. package/cjs/s/shapeMultilineText.js +10 -8
  320. package/cjs/s/shapeOptions.js +6 -4
  321. package/cjs/s/shapePath.js +10 -8
  322. package/cjs/s/shapeRoundedPolygon.js +10 -8
  323. package/cjs/s/shapeRoundedRect.js +10 -8
  324. package/cjs/s/shapeSpiral.js +13 -11
  325. package/cjs/s/shapeSquircle.js +10 -8
  326. package/cjs/s/slow.js +6 -4
  327. package/cjs/s/snow.js +5 -3
  328. package/cjs/s/soundsAudio.js +9 -7
  329. package/cjs/s/soundsLoop.js +10 -8
  330. package/cjs/s/soundsMelodies.js +10 -8
  331. package/cjs/s/soundsMelodyLoop.js +10 -8
  332. package/cjs/s/soundsNotes.js +10 -8
  333. package/cjs/s/speedDecay.js +12 -8
  334. package/cjs/s/spin.js +10 -8
  335. package/cjs/s/star.js +6 -4
  336. package/cjs/s/strokeAnimation.js +19 -17
  337. package/cjs/s/style.js +10 -8
  338. package/cjs/s/svgReplace.js +6 -4
  339. package/cjs/t/test.js +6 -4
  340. package/cjs/t/themes.js +48 -32
  341. package/cjs/t/tilt.js +10 -7
  342. package/cjs/t/trail.js +6 -4
  343. package/cjs/t/trailImage.js +6 -4
  344. package/cjs/t/triangles.js +12 -8
  345. package/cjs/t/twinkle.js +6 -4
  346. package/cjs/v/vibrate.js +6 -4
  347. package/cjs/v/virus.js +6 -4
  348. package/cjs/w/warp.js +6 -4
  349. package/cjs/w/wobble.js +10 -7
  350. package/cjs/w/wobbleBig.js +10 -7
  351. package/cjs/z/zIndex.js +6 -4
  352. package/esm/a/absorbers.js +6 -4
  353. package/esm/a/amongUs.js +10 -8
  354. package/esm/b/backgroundMask.js +6 -4
  355. package/esm/b/backgroundMaskImage.js +6 -4
  356. package/esm/b/basic.js +10 -8
  357. package/esm/b/big.js +43 -41
  358. package/esm/b/bigBlend.js +43 -41
  359. package/esm/b/bigBlendCombo.js +43 -41
  360. package/esm/b/bigBlendParticle.js +43 -41
  361. package/esm/b/blackHole.js +6 -4
  362. package/esm/b/bubble.js +6 -4
  363. package/esm/c/cardSuits.js +24 -16
  364. package/esm/c/cards.js +10 -8
  365. package/esm/c/cardsRolling.js +10 -8
  366. package/esm/c/chars.js +16 -8
  367. package/esm/c/clickConfetti.js +7 -4
  368. package/esm/c/clickPause.js +6 -4
  369. package/esm/c/collisionsAbsorb.js +5 -3
  370. package/esm/c/collisionsBounce.js +6 -4
  371. package/esm/c/collisionsDestroy.js +6 -4
  372. package/esm/c/colorAnimation.js +41 -39
  373. package/esm/c/connect.js +10 -8
  374. package/esm/c/curlNoise.js +10 -8
  375. package/esm/d/delay.js +10 -8
  376. package/esm/d/delayColor.js +13 -11
  377. package/esm/d/delayOpacity.js +7 -4
  378. package/esm/d/delaySize.js +7 -4
  379. package/esm/d/delayStrokeColor.js +16 -14
  380. package/esm/d/destroy.js +6 -4
  381. package/esm/d/disappearing.js +7 -4
  382. package/esm/d/divEvents.js +6 -4
  383. package/esm/e/effectBubble.js +10 -8
  384. package/esm/e/effectFilter.js +50 -0
  385. package/esm/e/effectParticles.js +15 -11
  386. package/esm/e/effectTrail.js +10 -8
  387. package/esm/e/effectTrailTransform.js +10 -8
  388. package/esm/e/emitter.js +30 -20
  389. package/esm/e/emitterAbsorber.js +12 -8
  390. package/esm/e/emitterAngled.js +6 -4
  391. package/esm/e/emitterImageShape.js +23 -21
  392. package/esm/e/emitterPaths.js +6 -4
  393. package/esm/e/emitterShapes.js +6 -4
  394. package/esm/e/emitterSpawnColor.js +4 -2
  395. package/esm/e/emitterTextShape.js +23 -21
  396. package/esm/e/emitterTextStrokeShape.js +23 -21
  397. package/esm/e/index.js +2 -0
  398. package/esm/f/fallingConfetti.js +46 -44
  399. package/esm/f/fireworks.js +54 -48
  400. package/esm/f/fireworks2.js +53 -48
  401. package/esm/f/fireworks3.js +208 -0
  402. package/esm/f/fireworksMask.js +15 -10
  403. package/esm/f/fontawesome.js +10 -8
  404. package/esm/f/forward.js +10 -8
  405. package/esm/f/index.js +2 -0
  406. package/esm/g/grabRandomColor.js +10 -8
  407. package/esm/g/gravity.js +21 -17
  408. package/esm/g/groups.js +6 -4
  409. package/esm/g/growing.js +7 -4
  410. package/esm/h/hexagonPath.js +9 -7
  411. package/esm/h/hollowknight.js +6 -4
  412. package/esm/h/hyperspace.js +7 -4
  413. package/esm/i/infection.js +6 -4
  414. package/esm/l/lch.js +10 -8
  415. package/esm/l/life.js +10 -8
  416. package/esm/l/lightHover.js +10 -8
  417. package/esm/l/linkTriangles.js +10 -8
  418. package/esm/l/localPolygonMask.js +6 -4
  419. package/esm/m/manual.js +10 -8
  420. package/esm/m/matrix.js +17 -15
  421. package/esm/m/motionDisable.js +10 -8
  422. package/esm/m/motionReduce.js +10 -8
  423. package/esm/m/mouseAttract.js +10 -8
  424. package/esm/m/mouseBounce.js +10 -8
  425. package/esm/m/mouseCannon.js +6 -4
  426. package/esm/m/mouseDrag.js +10 -8
  427. package/esm/m/mouseDragMomentum.js +10 -8
  428. package/esm/m/mouseFollow.js +6 -4
  429. package/esm/m/mouseParticle.js +10 -8
  430. package/esm/m/mouseParticle2.js +10 -8
  431. package/esm/m/mouseTrail.js +20 -16
  432. package/esm/m/mouseTrailNoise.js +11 -8
  433. package/esm/m/moveAngle.js +10 -8
  434. package/esm/m/moveDistance.js +9 -7
  435. package/esm/m/moveInside.js +10 -8
  436. package/esm/m/moveOutside.js +10 -8
  437. package/esm/m/multipleClickEmitters.js +10 -6
  438. package/esm/m/multiplePolygonMasks.js +6 -4
  439. package/esm/n/namedColors.js +6 -4
  440. package/esm/n/nasa.js +5 -3
  441. package/esm/n/noClear.js +57 -55
  442. package/esm/n/nyancat.js +6 -4
  443. package/esm/n/nyancat2.js +6 -4
  444. package/esm/o/oklch.js +10 -8
  445. package/esm/o/orbit.js +6 -4
  446. package/esm/p/parallax.js +6 -4
  447. package/esm/p/pathBranches.js +43 -41
  448. package/esm/p/pathBranchesInertia.js +43 -41
  449. package/esm/p/pathBrownian.js +43 -41
  450. package/esm/p/pathGrid.js +43 -41
  451. package/esm/p/pathLevy.js +43 -41
  452. package/esm/p/pathMaze.js +43 -41
  453. package/esm/p/pathPolygonMask.js +6 -4
  454. package/esm/p/pathSpiral.js +43 -41
  455. package/esm/p/pathSvg.js +43 -41
  456. package/esm/p/pathZigZag.js +43 -41
  457. package/esm/p/plasma.js +6 -4
  458. package/esm/p/poisson.js +6 -4
  459. package/esm/p/polygonMask.js +6 -4
  460. package/esm/p/polygons.js +21 -13
  461. package/esm/p/pop.js +6 -4
  462. package/esm/palettes.js +8 -1255
  463. package/esm/r/random.js +6 -4
  464. package/esm/r/randomShapes.js +31 -21
  465. package/esm/r/reactBubbles.js +6 -4
  466. package/esm/r/reactDefaults.js +6 -4
  467. package/esm/r/reactMultipleImages.js +6 -4
  468. package/esm/r/reactNightSky.js +6 -4
  469. package/esm/r/reactPolygonMask.js +6 -4
  470. package/esm/r/reactSimple.js +13 -11
  471. package/esm/r/reactSnow.js +6 -4
  472. package/esm/r/reduceDuplicates.js +6 -4
  473. package/esm/r/repulse.js +10 -8
  474. package/esm/r/repulseBack.js +6 -4
  475. package/esm/r/repulseBounce.js +6 -4
  476. package/esm/r/repulseCirc.js +6 -4
  477. package/esm/r/repulseCubic.js +6 -4
  478. package/esm/r/repulseElastic.js +6 -4
  479. package/esm/r/repulseExpo.js +6 -4
  480. package/esm/r/repulseGaussian.js +6 -4
  481. package/esm/r/repulseQuart.js +6 -4
  482. package/esm/r/repulseQuint.js +6 -4
  483. package/esm/r/repulseSigmoid.js +6 -4
  484. package/esm/r/repulseSine.js +6 -4
  485. package/esm/r/repulseSmoothstep.js +6 -4
  486. package/esm/r/responsive.js +18 -12
  487. package/esm/r/ring.js +6 -4
  488. package/esm/s/seaAnemone.js +5 -3
  489. package/esm/s/shadow.js +5 -3
  490. package/esm/s/shapeArrow.js +8 -6
  491. package/esm/s/shapeCog.js +6 -4
  492. package/esm/s/shapeHeart.js +10 -8
  493. package/esm/s/shapeInfinity.js +13 -11
  494. package/esm/s/shapeMultilineText.js +10 -8
  495. package/esm/s/shapeOptions.js +6 -4
  496. package/esm/s/shapePath.js +10 -8
  497. package/esm/s/shapeRoundedPolygon.js +10 -8
  498. package/esm/s/shapeRoundedRect.js +10 -8
  499. package/esm/s/shapeSpiral.js +13 -11
  500. package/esm/s/shapeSquircle.js +10 -8
  501. package/esm/s/slow.js +6 -4
  502. package/esm/s/snow.js +5 -3
  503. package/esm/s/soundsAudio.js +9 -7
  504. package/esm/s/soundsLoop.js +10 -8
  505. package/esm/s/soundsMelodies.js +10 -8
  506. package/esm/s/soundsMelodyLoop.js +10 -8
  507. package/esm/s/soundsNotes.js +10 -8
  508. package/esm/s/speedDecay.js +12 -8
  509. package/esm/s/spin.js +10 -8
  510. package/esm/s/star.js +6 -4
  511. package/esm/s/strokeAnimation.js +19 -17
  512. package/esm/s/style.js +10 -8
  513. package/esm/s/svgReplace.js +6 -4
  514. package/esm/t/test.js +6 -4
  515. package/esm/t/themes.js +48 -32
  516. package/esm/t/tilt.js +10 -7
  517. package/esm/t/trail.js +6 -4
  518. package/esm/t/trailImage.js +6 -4
  519. package/esm/t/triangles.js +12 -8
  520. package/esm/t/twinkle.js +6 -4
  521. package/esm/v/vibrate.js +6 -4
  522. package/esm/v/virus.js +6 -4
  523. package/esm/w/warp.js +6 -4
  524. package/esm/w/wobble.js +10 -7
  525. package/esm/w/wobbleBig.js +10 -7
  526. package/esm/z/zIndex.js +6 -4
  527. package/package.json +4 -5
  528. package/report.html +1 -1
  529. package/tsparticles.configs.bundle.js +1 -1
  530. package/tsparticles.configs.js +193 -173
  531. package/tsparticles.configs.min.js +6 -6
  532. package/types/e/effectFilter.d.ts +3 -0
  533. package/types/e/index.d.ts +1 -0
  534. package/types/f/fireworks3.d.ts +3 -0
  535. package/types/f/index.d.ts +1 -0
  536. package/types/index.d.ts +2 -0
  537. package/umd/a/absorbers.js +0 -83
  538. package/umd/a/amongUs.js +0 -143
  539. package/umd/a/index.js +0 -21
  540. package/umd/b/backgroundMask.js +0 -97
  541. package/umd/b/backgroundMaskImage.js +0 -85
  542. package/umd/b/basic.js +0 -82
  543. package/umd/b/big.js +0 -96
  544. package/umd/b/bigBlend.js +0 -97
  545. package/umd/b/bigBlendCombo.js +0 -101
  546. package/umd/b/bigBlendParticle.js +0 -97
  547. package/umd/b/blackHole.js +0 -81
  548. package/umd/b/bubble.js +0 -102
  549. package/umd/b/index.js +0 -35
  550. package/umd/bundle.js +0 -27
  551. package/umd/c/cardSuits.js +0 -104
  552. package/umd/c/cards.js +0 -75
  553. package/umd/c/cardsRolling.js +0 -103
  554. package/umd/c/chars.js +0 -106
  555. package/umd/c/clickConfetti.js +0 -182
  556. package/umd/c/clickPause.js +0 -92
  557. package/umd/c/collisionsAbsorb.js +0 -94
  558. package/umd/c/collisionsBounce.js +0 -91
  559. package/umd/c/collisionsDestroy.js +0 -95
  560. package/umd/c/colorAnimation.js +0 -87
  561. package/umd/c/connect.js +0 -126
  562. package/umd/c/curlNoise.js +0 -65
  563. package/umd/c/index.js +0 -39
  564. package/umd/d/dataImages.js +0 -125
  565. package/umd/d/delay.js +0 -83
  566. package/umd/d/delayColor.js +0 -55
  567. package/umd/d/delayOpacity.js +0 -53
  568. package/umd/d/delaySize.js +0 -53
  569. package/umd/d/delayStrokeColor.js +0 -57
  570. package/umd/d/destroy.js +0 -93
  571. package/umd/d/disappearing.js +0 -101
  572. package/umd/d/divEvents.js +0 -125
  573. package/umd/d/index.js +0 -35
  574. package/umd/e/effectBubble.js +0 -93
  575. package/umd/e/effectParticles.js +0 -108
  576. package/umd/e/effectTrail.js +0 -70
  577. package/umd/e/effectTrailTransform.js +0 -72
  578. package/umd/e/emitter.js +0 -280
  579. package/umd/e/emitterAbsorber.js +0 -155
  580. package/umd/e/emitterAngled.js +0 -72
  581. package/umd/e/emitterImageShape.js +0 -111
  582. package/umd/e/emitterImages.js +0 -145
  583. package/umd/e/emitterPaths.js +0 -104
  584. package/umd/e/emitterShapes.js +0 -95
  585. package/umd/e/emitterSpawnColor.js +0 -221
  586. package/umd/e/emitterTextShape.js +0 -114
  587. package/umd/e/emitterTextStrokeShape.js +0 -114
  588. package/umd/e/index.js +0 -45
  589. package/umd/f/fallingConfetti.js +0 -152
  590. package/umd/f/fireworks.js +0 -235
  591. package/umd/f/fireworks2.js +0 -240
  592. package/umd/f/fireworksMask.js +0 -212
  593. package/umd/f/fontawesome.js +0 -111
  594. package/umd/f/forward.js +0 -101
  595. package/umd/f/index.js +0 -29
  596. package/umd/g/gifs.js +0 -63
  597. package/umd/g/grabRandomColor.js +0 -98
  598. package/umd/g/gradients.js +0 -188
  599. package/umd/g/gravity.js +0 -133
  600. package/umd/g/groups.js +0 -81
  601. package/umd/g/growing.js +0 -84
  602. package/umd/g/index.js +0 -29
  603. package/umd/h/hexagonPath.js +0 -88
  604. package/umd/h/hollowknight.js +0 -131
  605. package/umd/h/hyperspace.js +0 -80
  606. package/umd/h/index.js +0 -23
  607. package/umd/i/imageMask.js +0 -73
  608. package/umd/i/images.js +0 -226
  609. package/umd/i/imagesDirections.js +0 -122
  610. package/umd/i/index.js +0 -25
  611. package/umd/i/infection.js +0 -93
  612. package/umd/index.js +0 -86
  613. package/umd/j/index.js +0 -13
  614. package/umd/k/index.js +0 -13
  615. package/umd/l/index.js +0 -27
  616. package/umd/l/lch.js +0 -82
  617. package/umd/l/life.js +0 -95
  618. package/umd/l/lightHover.js +0 -85
  619. package/umd/l/linkTriangles.js +0 -102
  620. package/umd/l/localPolygonMask.js +0 -101
  621. package/umd/m/index.js +0 -57
  622. package/umd/m/manual.js +0 -98
  623. package/umd/m/matrix.js +0 -87
  624. package/umd/m/motionDisable.js +0 -86
  625. package/umd/m/motionReduce.js +0 -104
  626. package/umd/m/mouseAttract.js +0 -102
  627. package/umd/m/mouseBounce.js +0 -97
  628. package/umd/m/mouseCannon.js +0 -112
  629. package/umd/m/mouseDrag.js +0 -60
  630. package/umd/m/mouseDragMomentum.js +0 -65
  631. package/umd/m/mouseFollow.js +0 -78
  632. package/umd/m/mouseParticle.js +0 -65
  633. package/umd/m/mouseParticle2.js +0 -76
  634. package/umd/m/mouseTrail.js +0 -137
  635. package/umd/m/mouseTrailNoise.js +0 -151
  636. package/umd/m/moveAngle.js +0 -98
  637. package/umd/m/moveDistance.js +0 -98
  638. package/umd/m/moveInside.js +0 -57
  639. package/umd/m/moveOutside.js +0 -57
  640. package/umd/m/multipleClickEmitters.js +0 -120
  641. package/umd/m/multiplePolygonMasks.js +0 -138
  642. package/umd/n/index.js +0 -35
  643. package/umd/n/namedColors.js +0 -70
  644. package/umd/n/nasa.js +0 -100
  645. package/umd/n/noClear.js +0 -114
  646. package/umd/n/noConfig.js +0 -17
  647. package/umd/n/noisePlanesFractal.js +0 -103
  648. package/umd/n/noisePlanesPerlin.js +0 -103
  649. package/umd/n/noisePlanesSimplex.js +0 -103
  650. package/umd/n/nyancat.js +0 -74
  651. package/umd/n/nyancat2.js +0 -75
  652. package/umd/o/index.js +0 -21
  653. package/umd/o/oklch.js +0 -82
  654. package/umd/o/orbit.js +0 -66
  655. package/umd/p/index.js +0 -59
  656. package/umd/p/palettes.js +0 -37
  657. package/umd/p/parallax.js +0 -98
  658. package/umd/p/pathBranches.js +0 -104
  659. package/umd/p/pathBranchesInertia.js +0 -108
  660. package/umd/p/pathBrownian.js +0 -101
  661. package/umd/p/pathGrid.js +0 -100
  662. package/umd/p/pathLevy.js +0 -102
  663. package/umd/p/pathMaze.js +0 -101
  664. package/umd/p/pathPolygonMask.js +0 -110
  665. package/umd/p/pathSpiral.js +0 -102
  666. package/umd/p/pathSvg.js +0 -104
  667. package/umd/p/pathZigZag.js +0 -97
  668. package/umd/p/planes.js +0 -66
  669. package/umd/p/plasma.js +0 -72
  670. package/umd/p/poisson.js +0 -54
  671. package/umd/p/polygonMask.js +0 -138
  672. package/umd/p/polygons.js +0 -153
  673. package/umd/p/pop.js +0 -84
  674. package/umd/palettes.js +0 -1273
  675. package/umd/q/index.js +0 -13
  676. package/umd/r/index.js +0 -67
  677. package/umd/r/random.js +0 -107
  678. package/umd/r/randomShapes.js +0 -440
  679. package/umd/r/reactBubbles.js +0 -114
  680. package/umd/r/reactDefaults.js +0 -63
  681. package/umd/r/reactMultipleImages.js +0 -102
  682. package/umd/r/reactNightSky.js +0 -89
  683. package/umd/r/reactPolygonMask.js +0 -106
  684. package/umd/r/reactSimple.js +0 -100
  685. package/umd/r/reactSnow.js +0 -118
  686. package/umd/r/reduceDuplicates.js +0 -143
  687. package/umd/r/repulse.js +0 -123
  688. package/umd/r/repulseBack.js +0 -66
  689. package/umd/r/repulseBounce.js +0 -66
  690. package/umd/r/repulseCirc.js +0 -66
  691. package/umd/r/repulseCubic.js +0 -66
  692. package/umd/r/repulseElastic.js +0 -66
  693. package/umd/r/repulseExpo.js +0 -66
  694. package/umd/r/repulseGaussian.js +0 -66
  695. package/umd/r/repulseQuart.js +0 -66
  696. package/umd/r/repulseQuint.js +0 -66
  697. package/umd/r/repulseSigmoid.js +0 -66
  698. package/umd/r/repulseSine.js +0 -66
  699. package/umd/r/repulseSmoothstep.js +0 -66
  700. package/umd/r/responsive.js +0 -126
  701. package/umd/r/ring.js +0 -85
  702. package/umd/s/index.js +0 -73
  703. package/umd/s/seaAnemone.js +0 -99
  704. package/umd/s/shadow.js +0 -110
  705. package/umd/s/shapeArrow.js +0 -70
  706. package/umd/s/shapeCog.js +0 -108
  707. package/umd/s/shapeEmoji.js +0 -197
  708. package/umd/s/shapeEmojiPadding.js +0 -127
  709. package/umd/s/shapeHeart.js +0 -97
  710. package/umd/s/shapeInfinity.js +0 -100
  711. package/umd/s/shapeMultilineText.js +0 -63
  712. package/umd/s/shapeOptions.js +0 -74
  713. package/umd/s/shapePath.js +0 -182
  714. package/umd/s/shapeRoundedPolygon.js +0 -110
  715. package/umd/s/shapeRoundedRect.js +0 -107
  716. package/umd/s/shapeSpiral.js +0 -114
  717. package/umd/s/shapeSquircle.js +0 -104
  718. package/umd/s/slow.js +0 -96
  719. package/umd/s/snow.js +0 -62
  720. package/umd/s/soundsAudio.js +0 -81
  721. package/umd/s/soundsLoop.js +0 -81
  722. package/umd/s/soundsMelodies.js +0 -104
  723. package/umd/s/soundsMelodyLoop.js +0 -356
  724. package/umd/s/soundsNotes.js +0 -96
  725. package/umd/s/speedDecay.js +0 -151
  726. package/umd/s/spin.js +0 -67
  727. package/umd/s/star.js +0 -108
  728. package/umd/s/strokeAnimation.js +0 -108
  729. package/umd/s/style.js +0 -97
  730. package/umd/s/svgReplace.js +0 -132
  731. package/umd/t/index.js +0 -35
  732. package/umd/t/test.js +0 -132
  733. package/umd/t/textMask.js +0 -85
  734. package/umd/t/textMaskMultiline.js +0 -88
  735. package/umd/t/themes.js +0 -206
  736. package/umd/t/tilt.js +0 -107
  737. package/umd/t/trail.js +0 -113
  738. package/umd/t/trailImage.js +0 -129
  739. package/umd/t/triangles.js +0 -64
  740. package/umd/t/twinkle.js +0 -119
  741. package/umd/u/index.js +0 -13
  742. package/umd/v/index.js +0 -21
  743. package/umd/v/vibrate.js +0 -90
  744. package/umd/v/virus.js +0 -86
  745. package/umd/w/index.js +0 -23
  746. package/umd/w/warp.js +0 -106
  747. package/umd/w/wobble.js +0 -154
  748. package/umd/w/wobbleBig.js +0 -154
  749. package/umd/x/index.js +0 -13
  750. package/umd/y/index.js +0 -13
  751. package/umd/z/index.js +0 -19
  752. package/umd/z/zIndex.js +0 -101
package/tsparticles.configs.js CHANGED
@@ -4,7 +4,7 @@
4
4
  * Demo / Generator : https://particles.js.org/
5
5
  * GitHub : https://www.github.com/matteobruni/tsparticles
6
6
  * How to use? : Check the GitHub README
7
- * v4.0.0-beta.1
7
+ * v4.0.0-beta.11
8
8
  */
9
9
  /*
10
10
  * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
@@ -44,7 +44,7 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__tsparticles_engine__;
44
44
  \*************************************/
45
45
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
46
46
 
47
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"absorbers\",\n name: \"Absorbers\",\n particles: {\n number: {\n value: 300\n },\n collisions: {\n enable: true\n },\n fill: {\n color: {\n value: \"#ffffff\"\n },\n enable: true\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: {\n min: 0.1,\n max: 1\n }\n },\n size: {\n value: {\n min: 1,\n max: 2\n }\n },\n move: {\n enable: true,\n speed: 0.5,\n direction: \"top\",\n straight: true,\n warp: true\n }\n },\n interactivity: {\n events: {\n onClick: {\n enable: true,\n mode: \"push\"\n }\n },\n modes: {\n push: {\n quantity: 10\n }\n }\n },\n absorbers: {\n draggable: true,\n size: {\n value: {\n min: 5,\n max: 10\n },\n limit: 10\n },\n position: {\n x: 50,\n y: 50\n }\n },\n background: {\n color: \"#0d47a1\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/a/absorbers.js?\n}");
47
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"absorbers\",\n name: \"Absorbers\",\n particles: {\n number: {\n value: 300\n },\n collisions: {\n enable: true\n },\n paint: {\n fill: {\n color: {\n value: \"#ffffff\"\n },\n enable: true\n }\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: {\n min: 0.1,\n max: 1\n }\n },\n size: {\n value: {\n min: 1,\n max: 2\n }\n },\n move: {\n enable: true,\n speed: 0.5,\n direction: \"top\",\n straight: true,\n warp: true\n }\n },\n interactivity: {\n events: {\n onClick: {\n enable: true,\n mode: \"push\"\n }\n },\n modes: {\n push: {\n quantity: 10\n }\n }\n },\n absorbers: {\n draggable: true,\n size: {\n value: {\n min: 5,\n max: 10\n },\n limit: 10\n },\n position: {\n x: 50,\n y: 50\n }\n },\n background: {\n color: \"#0d47a1\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/a/absorbers.js?\n}");
48
48
 
49
49
  /***/ },
50
50
 
@@ -54,7 +54,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
54
54
  \***********************************/
55
55
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
56
56
 
57
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"amongUs\",\n name: \"Among Us\",\n particles: {\n groups: {\n z5000: {\n number: {\n value: 70\n },\n zIndex: {\n value: 50\n }\n },\n z7500: {\n number: {\n value: 30\n },\n zIndex: {\n value: 75\n }\n },\n z2500: {\n number: {\n value: 50\n },\n zIndex: {\n value: 25\n }\n },\n z1000: {\n number: {\n value: 40\n },\n zIndex: {\n value: 10\n }\n }\n },\n number: {\n value: 200\n },\n fill: {\n color: {\n value: \"#fff\",\n animation: {\n enable: false,\n speed: 20,\n sync: true\n }\n },\n enable: true\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 1\n },\n size: {\n value: 3\n },\n move: {\n angle: {\n value: 10,\n offset: 0\n },\n enable: true,\n speed: 5,\n direction: \"right\"\n },\n zIndex: {\n value: 5,\n opacityRate: 0.5\n }\n },\n background: {\n color: \"#000000\"\n },\n emitters: {\n position: {\n y: 55,\n x: -5\n },\n rate: {\n delay: 7,\n quantity: 1\n },\n size: {\n width: 0,\n height: 0\n },\n particles: {\n shape: {\n type: \"images\",\n options: {\n images: {\n src: \"https://particles.js.org/images/hdr/cyan_amongus.png\",\n width: 500,\n height: 634\n }\n }\n },\n size: {\n value: 40\n },\n move: {\n speed: 10,\n outModes: {\n default: \"none\",\n right: \"destroy\"\n },\n straight: true\n },\n zIndex: {\n value: 0\n },\n rotate: {\n value: {\n min: 0,\n max: 360\n },\n animation: {\n enable: true,\n speed: 10,\n sync: true\n }\n }\n }\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/a/amongUs.js?\n}");
57
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"amongUs\",\n name: \"Among Us\",\n particles: {\n groups: {\n z5000: {\n number: {\n value: 70\n },\n zIndex: {\n value: 50\n }\n },\n z7500: {\n number: {\n value: 30\n },\n zIndex: {\n value: 75\n }\n },\n z2500: {\n number: {\n value: 50\n },\n zIndex: {\n value: 25\n }\n },\n z1000: {\n number: {\n value: 40\n },\n zIndex: {\n value: 10\n }\n }\n },\n number: {\n value: 200\n },\n paint: {\n fill: {\n color: {\n value: \"#fff\",\n animation: {\n enable: false,\n speed: 20,\n sync: true\n }\n },\n enable: true\n }\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 1\n },\n size: {\n value: 3\n },\n move: {\n angle: {\n value: 10,\n offset: 0\n },\n enable: true,\n speed: 5,\n direction: \"right\"\n },\n zIndex: {\n value: 5,\n opacityRate: 0.5\n }\n },\n background: {\n color: \"#000000\"\n },\n emitters: {\n position: {\n y: 55,\n x: -5\n },\n rate: {\n delay: 7,\n quantity: 1\n },\n size: {\n width: 0,\n height: 0\n },\n particles: {\n shape: {\n type: \"images\",\n options: {\n images: {\n src: \"https://particles.js.org/images/hdr/cyan_amongus.png\",\n width: 500,\n height: 634\n }\n }\n },\n size: {\n value: 40\n },\n move: {\n speed: 10,\n outModes: {\n default: \"none\",\n right: \"destroy\"\n },\n straight: true\n },\n zIndex: {\n value: 0\n },\n rotate: {\n value: {\n min: 0,\n max: 360\n },\n animation: {\n enable: true,\n speed: 10,\n sync: true\n }\n }\n }\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/a/amongUs.js?\n}");
58
58
 
59
59
  /***/ },
60
60
 
@@ -74,7 +74,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
74
74
  \******************************************/
75
75
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
76
76
 
77
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"backgroundMask\",\n name: \"Background Mask\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n fill: {\n color: {\n value: \"#ffffff\"\n },\n enable: true\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 1\n },\n size: {\n value: {\n min: 1,\n max: 30\n }\n },\n links: {\n enable: true,\n distance: 150,\n color: \"#ffffff\",\n opacity: 1,\n width: 1\n },\n move: {\n enable: true,\n speed: 2,\n direction: \"none\"\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"bubble\"\n },\n onClick: {\n enable: true,\n mode: \"push\"\n }\n },\n modes: {\n bubble: {\n distance: 400,\n size: 100,\n duration: 2,\n opacity: 1\n },\n push: {\n quantity: 4\n }\n }\n },\n backgroundMask: {\n enable: true,\n cover: {\n color: {\n value: {\n r: 255,\n g: 255,\n b: 255\n }\n }\n }\n },\n background: {\n color: \"#ffffff\",\n image: \"url('https://particles.js.org/images/hdr/background3.jpg')\",\n position: \"50% 50%\",\n repeat: \"no-repeat\",\n size: \"cover\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/b/backgroundMask.js?\n}");
77
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"backgroundMask\",\n name: \"Background Mask\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n paint: {\n fill: {\n color: {\n value: \"#ffffff\"\n },\n enable: true\n }\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 1\n },\n size: {\n value: {\n min: 1,\n max: 30\n }\n },\n links: {\n enable: true,\n distance: 150,\n color: \"#ffffff\",\n opacity: 1,\n width: 1\n },\n move: {\n enable: true,\n speed: 2,\n direction: \"none\"\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"bubble\"\n },\n onClick: {\n enable: true,\n mode: \"push\"\n }\n },\n modes: {\n bubble: {\n distance: 400,\n size: 100,\n duration: 2,\n opacity: 1\n },\n push: {\n quantity: 4\n }\n }\n },\n backgroundMask: {\n enable: true,\n cover: {\n color: {\n value: {\n r: 255,\n g: 255,\n b: 255\n }\n }\n }\n },\n background: {\n color: \"#ffffff\",\n image: \"url('https://particles.js.org/images/hdr/background3.jpg')\",\n position: \"50% 50%\",\n repeat: \"no-repeat\",\n size: \"cover\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/b/backgroundMask.js?\n}");
78
78
 
79
79
  /***/ },
80
80
 
@@ -84,7 +84,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
84
84
  \***********************************************/
85
85
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
86
86
 
87
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"backgroundMaskImage\",\n name: \"Background Mask Image\",\n particles: {\n number: {\n value: 100\n },\n fill: {\n color: {\n value: \"#ffffff\"\n },\n enable: true\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 1\n },\n size: {\n value: {\n min: 10,\n max: 50\n },\n animation: {\n enable: true,\n speed: 25\n }\n },\n move: {\n enable: true,\n speed: 2,\n direction: \"none\"\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"bubble\"\n },\n onClick: {\n enable: true,\n mode: \"push\"\n }\n },\n modes: {\n bubble: {\n distance: 400,\n size: 100,\n duration: 2,\n opacity: 1\n },\n push: {\n quantity: 4\n }\n }\n },\n backgroundMask: {\n enable: true,\n cover: {\n image: \"https://particles.js.org/images/hdr/background2.jpg\"\n }\n },\n background: {\n color: \"#ffffff\",\n image: \"url('https://particles.js.org/images/hdr/background3.jpg')\",\n position: \"50% 50%\",\n repeat: \"no-repeat\",\n size: \"cover\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/b/backgroundMaskImage.js?\n}");
87
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"backgroundMaskImage\",\n name: \"Background Mask Image\",\n particles: {\n number: {\n value: 100\n },\n paint: {\n fill: {\n color: {\n value: \"#ffffff\"\n },\n enable: true\n }\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 1\n },\n size: {\n value: {\n min: 10,\n max: 50\n },\n animation: {\n enable: true,\n speed: 25\n }\n },\n move: {\n enable: true,\n speed: 2,\n direction: \"none\"\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"bubble\"\n },\n onClick: {\n enable: true,\n mode: \"push\"\n }\n },\n modes: {\n bubble: {\n distance: 400,\n size: 100,\n duration: 2,\n opacity: 1\n },\n push: {\n quantity: 4\n }\n }\n },\n backgroundMask: {\n enable: true,\n cover: {\n image: \"https://particles.js.org/images/hdr/background2.jpg\"\n }\n },\n background: {\n color: \"#ffffff\",\n image: \"url('https://particles.js.org/images/hdr/background3.jpg')\",\n position: \"50% 50%\",\n repeat: \"no-repeat\",\n size: \"cover\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/b/backgroundMaskImage.js?\n}");
88
88
 
89
89
  /***/ },
90
90
 
@@ -94,7 +94,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
94
94
  \*********************************/
95
95
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
96
96
 
97
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"basic\",\n name: \"Basic\",\n particles: {\n number: {\n value: 200,\n density: {\n enable: true\n }\n },\n fill: {\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 20,\n sync: true\n }\n },\n enable: true\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 0.5\n },\n size: {\n value: {\n min: 1,\n max: 3\n }\n },\n links: {\n enable: true,\n distance: 150,\n color: \"#ffffff\",\n opacity: 0.4,\n width: 1\n },\n move: {\n enable: true,\n speed: 6\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"repulse\"\n },\n onClick: {\n enable: true,\n mode: \"push\"\n }\n },\n modes: {\n repulse: {\n distance: 100\n },\n push: {\n quantity: 4\n }\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/b/basic.js?\n}");
97
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"basic\",\n name: \"Basic\",\n particles: {\n number: {\n value: 200,\n density: {\n enable: true\n }\n },\n paint: {\n fill: {\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 20,\n sync: true\n }\n },\n enable: true\n }\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 0.5\n },\n size: {\n value: {\n min: 1,\n max: 3\n }\n },\n links: {\n enable: true,\n distance: 150,\n color: \"#ffffff\",\n opacity: 0.4,\n width: 1\n },\n move: {\n enable: true,\n speed: 6\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"repulse\"\n },\n onClick: {\n enable: true,\n mode: \"push\"\n }\n },\n modes: {\n repulse: {\n distance: 100\n },\n push: {\n quantity: 4\n }\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/b/basic.js?\n}");
98
98
 
99
99
  /***/ },
100
100
 
@@ -104,7 +104,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
104
104
  \*******************************/
105
105
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
106
106
 
107
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"big\",\n name: \"Big Particles\",\n particles: {\n number: {\n value: 50\n },\n fill: {\n color: {\n value: [\n \"#FF0000\",\n \"#FF2A00\",\n \"#FF5500\",\n \"#FF8000\",\n \"#FFAA00\",\n \"#FFD400\",\n \"#FFFF00\",\n \"#D4FF00\",\n \"#AAFF00\",\n \"#80FF00\",\n \"#55FF00\",\n \"#2AFF00\",\n \"#00FF00\",\n \"#00FF2A\",\n \"#00FF55\",\n \"#00FF80\",\n \"#00FFAA\",\n \"#00FFD4\",\n \"#00FFFF\",\n \"#00D4FF\",\n \"#00AAFF\",\n \"#0080FF\",\n \"#0055FF\",\n \"#002AFF\",\n \"#0000FF\",\n \"#2A00FF\",\n \"#5500FF\",\n \"#8000FF\",\n \"#AA00FF\",\n \"#D400FF\",\n \"#FF00FF\",\n \"#FF00D4\",\n \"#FF00AA\",\n \"#FF0080\",\n \"#FF0055\",\n \"#FF002A\"\n ]\n },\n enable: true\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: {\n min: 0.5,\n max: 0.9\n }\n },\n size: {\n value: {\n min: 30,\n max: 400\n },\n animation: {\n enable: true,\n speed: 50,\n sync: false\n }\n },\n move: {\n enable: true,\n speed: {\n min: 3,\n max: 7\n },\n direction: \"top\"\n }\n },\n background: {\n color: \"rgb(250, 255, 255, 0.625)\"\n },\n poisson: {\n enable: true\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/b/big.js?\n}");
107
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"big\",\n name: \"Big Particles\",\n particles: {\n number: {\n value: 50\n },\n paint: {\n fill: {\n color: {\n value: [\n \"#FF0000\",\n \"#FF2A00\",\n \"#FF5500\",\n \"#FF8000\",\n \"#FFAA00\",\n \"#FFD400\",\n \"#FFFF00\",\n \"#D4FF00\",\n \"#AAFF00\",\n \"#80FF00\",\n \"#55FF00\",\n \"#2AFF00\",\n \"#00FF00\",\n \"#00FF2A\",\n \"#00FF55\",\n \"#00FF80\",\n \"#00FFAA\",\n \"#00FFD4\",\n \"#00FFFF\",\n \"#00D4FF\",\n \"#00AAFF\",\n \"#0080FF\",\n \"#0055FF\",\n \"#002AFF\",\n \"#0000FF\",\n \"#2A00FF\",\n \"#5500FF\",\n \"#8000FF\",\n \"#AA00FF\",\n \"#D400FF\",\n \"#FF00FF\",\n \"#FF00D4\",\n \"#FF00AA\",\n \"#FF0080\",\n \"#FF0055\",\n \"#FF002A\"\n ]\n },\n enable: true\n }\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: {\n min: 0.5,\n max: 0.9\n }\n },\n size: {\n value: {\n min: 30,\n max: 400\n },\n animation: {\n enable: true,\n speed: 50,\n sync: false\n }\n },\n move: {\n enable: true,\n speed: {\n min: 3,\n max: 7\n },\n direction: \"top\"\n }\n },\n background: {\n color: \"rgb(250, 255, 255, 0.625)\"\n },\n poisson: {\n enable: true\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/b/big.js?\n}");
108
108
 
109
109
  /***/ },
110
110
 
@@ -114,7 +114,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
114
114
  \************************************/
115
115
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
116
116
 
117
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"bigBlend\",\n name: \"Big Particles with Blend\",\n particles: {\n number: {\n value: 30\n },\n fill: {\n color: {\n value: [\n \"#FF0000\",\n \"#FF2A00\",\n \"#FF5500\",\n \"#FF8000\",\n \"#FFAA00\",\n \"#FFD400\",\n \"#FFFF00\",\n \"#D4FF00\",\n \"#AAFF00\",\n \"#80FF00\",\n \"#55FF00\",\n \"#2AFF00\",\n \"#00FF00\",\n \"#00FF2A\",\n \"#00FF55\",\n \"#00FF80\",\n \"#00FFAA\",\n \"#00FFD4\",\n \"#00FFFF\",\n \"#00D4FF\",\n \"#00AAFF\",\n \"#0080FF\",\n \"#0055FF\",\n \"#002AFF\",\n \"#0000FF\",\n \"#2A00FF\",\n \"#5500FF\",\n \"#8000FF\",\n \"#AA00FF\",\n \"#D400FF\",\n \"#FF00FF\",\n \"#FF00D4\",\n \"#FF00AA\",\n \"#FF0080\",\n \"#FF0055\",\n \"#FF002A\"\n ]\n },\n enable: true\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: {\n min: 0.5,\n max: 0.9\n }\n },\n size: {\n value: {\n min: 300,\n max: 400\n },\n animation: {\n enable: true,\n speed: 100,\n sync: false\n }\n },\n move: {\n enable: true,\n speed: 10,\n direction: \"top\"\n }\n },\n background: {\n color: \"#ffffff\"\n },\n blend: {\n enable: true,\n mode: \"screen\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/b/bigBlend.js?\n}");
117
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"bigBlend\",\n name: \"Big Particles with Blend\",\n particles: {\n number: {\n value: 30\n },\n paint: {\n fill: {\n color: {\n value: [\n \"#FF0000\",\n \"#FF2A00\",\n \"#FF5500\",\n \"#FF8000\",\n \"#FFAA00\",\n \"#FFD400\",\n \"#FFFF00\",\n \"#D4FF00\",\n \"#AAFF00\",\n \"#80FF00\",\n \"#55FF00\",\n \"#2AFF00\",\n \"#00FF00\",\n \"#00FF2A\",\n \"#00FF55\",\n \"#00FF80\",\n \"#00FFAA\",\n \"#00FFD4\",\n \"#00FFFF\",\n \"#00D4FF\",\n \"#00AAFF\",\n \"#0080FF\",\n \"#0055FF\",\n \"#002AFF\",\n \"#0000FF\",\n \"#2A00FF\",\n \"#5500FF\",\n \"#8000FF\",\n \"#AA00FF\",\n \"#D400FF\",\n \"#FF00FF\",\n \"#FF00D4\",\n \"#FF00AA\",\n \"#FF0080\",\n \"#FF0055\",\n \"#FF002A\"\n ]\n },\n enable: true\n }\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: {\n min: 0.5,\n max: 0.9\n }\n },\n size: {\n value: {\n min: 300,\n max: 400\n },\n animation: {\n enable: true,\n speed: 100,\n sync: false\n }\n },\n move: {\n enable: true,\n speed: 10,\n direction: \"top\"\n }\n },\n background: {\n color: \"#ffffff\"\n },\n blend: {\n enable: true,\n mode: \"screen\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/b/bigBlend.js?\n}");
118
118
 
119
119
  /***/ },
120
120
 
@@ -124,7 +124,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
124
124
  \*****************************************/
125
125
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
126
126
 
127
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"bigBlendCombo\",\n name: \"Big Particles with Global and Particle Blend\",\n particles: {\n number: {\n value: 30\n },\n fill: {\n color: {\n value: [\n \"#FF0000\",\n \"#FF2A00\",\n \"#FF5500\",\n \"#FF8000\",\n \"#FFAA00\",\n \"#FFD400\",\n \"#FFFF00\",\n \"#D4FF00\",\n \"#AAFF00\",\n \"#80FF00\",\n \"#55FF00\",\n \"#2AFF00\",\n \"#00FF00\",\n \"#00FF2A\",\n \"#00FF55\",\n \"#00FF80\",\n \"#00FFAA\",\n \"#00FFD4\",\n \"#00FFFF\",\n \"#00D4FF\",\n \"#00AAFF\",\n \"#0080FF\",\n \"#0055FF\",\n \"#002AFF\",\n \"#0000FF\",\n \"#2A00FF\",\n \"#5500FF\",\n \"#8000FF\",\n \"#AA00FF\",\n \"#D400FF\",\n \"#FF00FF\",\n \"#FF00D4\",\n \"#FF00AA\",\n \"#FF0080\",\n \"#FF0055\",\n \"#FF002A\"\n ]\n },\n enable: true\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: {\n min: 0.5,\n max: 0.9\n }\n },\n size: {\n value: {\n min: 300,\n max: 400\n },\n animation: {\n enable: true,\n speed: 100,\n sync: false\n }\n },\n move: {\n enable: true,\n speed: 10,\n direction: \"top\"\n },\n blend: {\n enable: true,\n mode: \"color-burn\"\n }\n },\n background: {\n color: \"#ffffff\"\n },\n blend: {\n enable: true,\n mode: \"screen\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/b/bigBlendCombo.js?\n}");
127
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"bigBlendCombo\",\n name: \"Big Particles with Global and Particle Blend\",\n particles: {\n number: {\n value: 30\n },\n paint: {\n fill: {\n color: {\n value: [\n \"#FF0000\",\n \"#FF2A00\",\n \"#FF5500\",\n \"#FF8000\",\n \"#FFAA00\",\n \"#FFD400\",\n \"#FFFF00\",\n \"#D4FF00\",\n \"#AAFF00\",\n \"#80FF00\",\n \"#55FF00\",\n \"#2AFF00\",\n \"#00FF00\",\n \"#00FF2A\",\n \"#00FF55\",\n \"#00FF80\",\n \"#00FFAA\",\n \"#00FFD4\",\n \"#00FFFF\",\n \"#00D4FF\",\n \"#00AAFF\",\n \"#0080FF\",\n \"#0055FF\",\n \"#002AFF\",\n \"#0000FF\",\n \"#2A00FF\",\n \"#5500FF\",\n \"#8000FF\",\n \"#AA00FF\",\n \"#D400FF\",\n \"#FF00FF\",\n \"#FF00D4\",\n \"#FF00AA\",\n \"#FF0080\",\n \"#FF0055\",\n \"#FF002A\"\n ]\n },\n enable: true\n }\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: {\n min: 0.5,\n max: 0.9\n }\n },\n size: {\n value: {\n min: 300,\n max: 400\n },\n animation: {\n enable: true,\n speed: 100,\n sync: false\n }\n },\n move: {\n enable: true,\n speed: 10,\n direction: \"top\"\n },\n blend: {\n enable: true,\n mode: \"color-burn\"\n }\n },\n background: {\n color: \"#ffffff\"\n },\n blend: {\n enable: true,\n mode: \"screen\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/b/bigBlendCombo.js?\n}");
128
128
 
129
129
  /***/ },
130
130
 
@@ -134,7 +134,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
134
134
  \********************************************/
135
135
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
136
136
 
137
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"bigBlendParticle\",\n name: \"Big Particles with Particle Blend\",\n particles: {\n number: {\n value: 30\n },\n fill: {\n color: {\n value: [\n \"#FF0000\",\n \"#FF2A00\",\n \"#FF5500\",\n \"#FF8000\",\n \"#FFAA00\",\n \"#FFD400\",\n \"#FFFF00\",\n \"#D4FF00\",\n \"#AAFF00\",\n \"#80FF00\",\n \"#55FF00\",\n \"#2AFF00\",\n \"#00FF00\",\n \"#00FF2A\",\n \"#00FF55\",\n \"#00FF80\",\n \"#00FFAA\",\n \"#00FFD4\",\n \"#00FFFF\",\n \"#00D4FF\",\n \"#00AAFF\",\n \"#0080FF\",\n \"#0055FF\",\n \"#002AFF\",\n \"#0000FF\",\n \"#2A00FF\",\n \"#5500FF\",\n \"#8000FF\",\n \"#AA00FF\",\n \"#D400FF\",\n \"#FF00FF\",\n \"#FF00D4\",\n \"#FF00AA\",\n \"#FF0080\",\n \"#FF0055\",\n \"#FF002A\"\n ]\n },\n enable: true\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: {\n min: 0.5,\n max: 0.9\n }\n },\n size: {\n value: {\n min: 300,\n max: 400\n },\n animation: {\n enable: true,\n speed: 100,\n sync: false\n }\n },\n move: {\n enable: true,\n speed: 10,\n direction: \"top\"\n },\n blend: {\n enable: true,\n mode: \"color-burn\"\n }\n },\n background: {\n color: \"#ffffff\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/b/bigBlendParticle.js?\n}");
137
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"bigBlendParticle\",\n name: \"Big Particles with Particle Blend\",\n particles: {\n number: {\n value: 30\n },\n paint: {\n fill: {\n color: {\n value: [\n \"#FF0000\",\n \"#FF2A00\",\n \"#FF5500\",\n \"#FF8000\",\n \"#FFAA00\",\n \"#FFD400\",\n \"#FFFF00\",\n \"#D4FF00\",\n \"#AAFF00\",\n \"#80FF00\",\n \"#55FF00\",\n \"#2AFF00\",\n \"#00FF00\",\n \"#00FF2A\",\n \"#00FF55\",\n \"#00FF80\",\n \"#00FFAA\",\n \"#00FFD4\",\n \"#00FFFF\",\n \"#00D4FF\",\n \"#00AAFF\",\n \"#0080FF\",\n \"#0055FF\",\n \"#002AFF\",\n \"#0000FF\",\n \"#2A00FF\",\n \"#5500FF\",\n \"#8000FF\",\n \"#AA00FF\",\n \"#D400FF\",\n \"#FF00FF\",\n \"#FF00D4\",\n \"#FF00AA\",\n \"#FF0080\",\n \"#FF0055\",\n \"#FF002A\"\n ]\n },\n enable: true\n }\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: {\n min: 0.5,\n max: 0.9\n }\n },\n size: {\n value: {\n min: 300,\n max: 400\n },\n animation: {\n enable: true,\n speed: 100,\n sync: false\n }\n },\n move: {\n enable: true,\n speed: 10,\n direction: \"top\"\n },\n blend: {\n enable: true,\n mode: \"color-burn\"\n }\n },\n background: {\n color: \"#ffffff\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/b/bigBlendParticle.js?\n}");
138
138
 
139
139
  /***/ },
140
140
 
@@ -144,7 +144,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
144
144
  \*************************************/
145
145
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
146
146
 
147
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"blackHole\",\n name: \"Black Hole\",\n particles: {\n number: {\n value: 1000,\n density: {\n enable: true\n }\n },\n fill: {\n color: {\n value: [\n \"#ffffff\",\n \"#77ccff\",\n \"#ff3333\",\n \"#ffff33\"\n ]\n },\n enable: true\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 1\n },\n size: {\n value: {\n min: 1,\n max: 10\n }\n },\n move: {\n enable: true,\n speed: {\n max: 2,\n min: 0\n },\n warp: true\n }\n },\n interactivity: {\n events: {\n onClick: {\n enable: true,\n mode: \"push\"\n }\n },\n modes: {\n push: {\n quantity: 4\n }\n }\n },\n absorbers: {\n orbits: true,\n destroy: false,\n size: {\n value: 5,\n limit: 50,\n density: 1500\n },\n position: {\n x: 50,\n y: 50\n }\n },\n background: {\n color: \"#000\",\n image: \"\",\n position: \"50% 50%\",\n repeat: \"no-repeat\",\n size: \"cover\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/b/blackHole.js?\n}");
147
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"blackHole\",\n name: \"Black Hole\",\n particles: {\n number: {\n value: 1000,\n density: {\n enable: true\n }\n },\n paint: {\n fill: {\n color: {\n value: [\n \"#ffffff\",\n \"#77ccff\",\n \"#ff3333\",\n \"#ffff33\"\n ]\n },\n enable: true\n }\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 1\n },\n size: {\n value: {\n min: 1,\n max: 10\n }\n },\n move: {\n enable: true,\n speed: {\n max: 2,\n min: 0\n },\n warp: true\n }\n },\n interactivity: {\n events: {\n onClick: {\n enable: true,\n mode: \"push\"\n }\n },\n modes: {\n push: {\n quantity: 4\n }\n }\n },\n absorbers: {\n orbits: true,\n destroy: false,\n size: {\n value: 5,\n limit: 50,\n density: 1500\n },\n position: {\n x: 50,\n y: 50\n }\n },\n background: {\n color: \"#000\",\n image: \"\",\n position: \"50% 50%\",\n repeat: \"no-repeat\",\n size: \"cover\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/b/blackHole.js?\n}");
148
148
 
149
149
  /***/ },
150
150
 
@@ -154,7 +154,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
154
154
  \**********************************/
155
155
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
156
156
 
157
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"bubble\",\n name: \"Bubble\",\n particles: {\n number: {\n value: 6,\n density: {\n enable: true\n }\n },\n fill: {\n color: {\n value: \"#1b1e34\"\n },\n enable: true\n },\n shape: {\n type: \"polygon\",\n options: {\n polygon: {\n sides: 6\n }\n }\n },\n opacity: {\n value: {\n min: 0.3,\n max: 0.5\n }\n },\n size: {\n value: {\n min: 100,\n max: 160\n }\n },\n links: {\n enable: false,\n distance: 200,\n color: \"#ffffff\",\n opacity: 1,\n width: 2\n },\n move: {\n enable: true,\n speed: 8\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"bubble\"\n },\n onClick: {\n enable: false,\n mode: \"push\"\n }\n },\n modes: {\n grab: {\n distance: 400,\n links: {\n opacity: 1\n }\n },\n bubble: {\n distance: 400,\n duration: 2,\n size: 40,\n opacity: 0.8,\n color: \"#ff0000\",\n mix: true\n },\n repulse: {\n distance: 200\n },\n push: {\n quantity: 4\n },\n remove: {\n quantity: 2\n }\n }\n },\n background: {\n color: \"#efefef\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/b/bubble.js?\n}");
157
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"bubble\",\n name: \"Bubble\",\n particles: {\n number: {\n value: 6,\n density: {\n enable: true\n }\n },\n paint: {\n fill: {\n color: {\n value: \"#1b1e34\"\n },\n enable: true\n }\n },\n shape: {\n type: \"polygon\",\n options: {\n polygon: {\n sides: 6\n }\n }\n },\n opacity: {\n value: {\n min: 0.3,\n max: 0.5\n }\n },\n size: {\n value: {\n min: 100,\n max: 160\n }\n },\n links: {\n enable: false,\n distance: 200,\n color: \"#ffffff\",\n opacity: 1,\n width: 2\n },\n move: {\n enable: true,\n speed: 8\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"bubble\"\n },\n onClick: {\n enable: false,\n mode: \"push\"\n }\n },\n modes: {\n grab: {\n distance: 400,\n links: {\n opacity: 1\n }\n },\n bubble: {\n distance: 400,\n duration: 2,\n size: 40,\n opacity: 0.8,\n color: \"#ff0000\",\n mix: true\n },\n repulse: {\n distance: 200\n },\n push: {\n quantity: 4\n },\n remove: {\n quantity: 2\n }\n }\n },\n background: {\n color: \"#efefef\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/b/bubble.js?\n}");
158
158
 
159
159
  /***/ },
160
160
 
@@ -174,7 +174,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
174
174
  \*************************************/
175
175
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
176
176
 
177
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"cardSuits\",\n name: \"Card Suits\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n reduceDuplicates: true,\n shape: {\n type: [\n \"spades\",\n \"hearts\",\n \"diamonds\",\n \"clubs\"\n ],\n options: {\n spades: {\n particles: {\n fill: {\n color: {\n value: \"#000000\"\n },\n enable: true\n }\n }\n },\n hearts: {\n particles: {\n fill: {\n color: {\n value: \"#ff0000\"\n },\n enable: true\n }\n }\n },\n diamonds: {\n particles: {\n fill: {\n color: {\n value: \"#ff0000\"\n },\n enable: true\n }\n }\n },\n clubs: {\n particles: {\n fill: {\n color: {\n value: \"#000000\"\n },\n enable: true\n }\n }\n }\n }\n },\n opacity: {\n value: 1\n },\n size: {\n value: 30\n },\n move: {\n enable: true,\n speed: 2\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"repulse\"\n },\n onClick: {\n enable: true,\n mode: \"push\"\n }\n },\n modes: {\n repulse: {\n distance: 200\n },\n push: {\n quantity: 4\n }\n }\n },\n background: {\n color: \"#fff\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/c/cardSuits.js?\n}");
177
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"cardSuits\",\n name: \"Card Suits\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n reduceDuplicates: true,\n shape: {\n type: [\n \"spades\",\n \"hearts\",\n \"diamonds\",\n \"clubs\"\n ],\n options: {\n spades: {\n particles: {\n paint: {\n fill: {\n color: {\n value: \"#000000\"\n },\n enable: true\n }\n }\n }\n },\n hearts: {\n particles: {\n paint: {\n fill: {\n color: {\n value: \"#ff0000\"\n },\n enable: true\n }\n }\n }\n },\n diamonds: {\n particles: {\n paint: {\n fill: {\n color: {\n value: \"#ff0000\"\n },\n enable: true\n }\n }\n }\n },\n clubs: {\n particles: {\n paint: {\n fill: {\n color: {\n value: \"#000000\"\n },\n enable: true\n }\n }\n }\n }\n }\n },\n opacity: {\n value: 1\n },\n size: {\n value: 30\n },\n move: {\n enable: true,\n speed: 2\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"repulse\"\n },\n onClick: {\n enable: true,\n mode: \"push\"\n }\n },\n modes: {\n repulse: {\n distance: 200\n },\n push: {\n quantity: 4\n }\n }\n },\n background: {\n color: \"#fff\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/c/cardSuits.js?\n}");
178
178
 
179
179
  /***/ },
180
180
 
@@ -184,7 +184,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
184
184
  \*********************************/
185
185
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
186
186
 
187
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst cardSuits = [\n \"spades\",\n \"hearts\",\n \"diamonds\",\n \"clubs\"\n], cardValues = [\n \"A\",\n \"2\",\n \"3\",\n \"4\",\n \"5\",\n \"6\",\n \"7\",\n \"8\",\n \"9\",\n \"10\",\n \"J\",\n \"Q\",\n \"K\"\n], allCards = cardSuits.flatMap((suit)=>cardValues.map((value)=>({\n suit,\n value\n }))), options = {\n key: \"cards\",\n name: \"Cards\",\n particles: {\n fill: {\n color: {\n value: \"#fff\"\n },\n enable: true\n },\n number: {\n value: 52\n },\n reduceDuplicates: true,\n shape: {\n type: [\n \"card\"\n ],\n options: {\n card: allCards\n }\n },\n opacity: {\n value: 1\n },\n size: {\n value: 30\n },\n move: {\n enable: true,\n speed: 2\n },\n stroke: {\n width: 1,\n color: {\n value: \"#000\"\n }\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"repulse\"\n },\n onClick: {\n enable: true,\n mode: \"push\"\n }\n },\n modes: {\n repulse: {\n distance: 200\n },\n push: {\n quantity: 4\n }\n }\n },\n background: {\n color: \"#fff\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/c/cards.js?\n}");
187
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst cardSuits = [\n \"spades\",\n \"hearts\",\n \"diamonds\",\n \"clubs\"\n], cardValues = [\n \"A\",\n \"2\",\n \"3\",\n \"4\",\n \"5\",\n \"6\",\n \"7\",\n \"8\",\n \"9\",\n \"10\",\n \"J\",\n \"Q\",\n \"K\"\n], allCards = cardSuits.flatMap((suit)=>cardValues.map((value)=>({\n suit,\n value\n }))), options = {\n key: \"cards\",\n name: \"Cards\",\n particles: {\n paint: {\n fill: {\n color: {\n value: \"#fff\"\n },\n enable: true\n },\n stroke: {\n width: 1,\n color: {\n value: \"#000\"\n }\n }\n },\n number: {\n value: 52\n },\n reduceDuplicates: true,\n shape: {\n type: [\n \"card\"\n ],\n options: {\n card: allCards\n }\n },\n opacity: {\n value: 1\n },\n size: {\n value: 30\n },\n move: {\n enable: true,\n speed: 2\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"repulse\"\n },\n onClick: {\n enable: true,\n mode: \"push\"\n }\n },\n modes: {\n repulse: {\n distance: 200\n },\n push: {\n quantity: 4\n }\n }\n },\n background: {\n color: \"#fff\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/c/cards.js?\n}");
188
188
 
189
189
  /***/ },
190
190
 
@@ -194,7 +194,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
194
194
  \****************************************/
195
195
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
196
196
 
197
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst cardSuits = [\n \"spades\",\n \"hearts\",\n \"diamonds\",\n \"clubs\"\n], cardValues = [\n \"A\",\n \"2\",\n \"3\",\n \"4\",\n \"5\",\n \"6\",\n \"7\",\n \"8\",\n \"9\",\n \"10\",\n \"J\",\n \"Q\",\n \"K\"\n], allCards = cardSuits.flatMap((suit)=>cardValues.map((value)=>({\n suit,\n value\n }))), options = {\n key: \"cardsRolling\",\n name: \"Cards Rolling\",\n particles: {\n fill: {\n color: {\n value: \"#000\"\n },\n enable: true\n },\n number: {\n value: 52\n },\n reduceDuplicates: true,\n shape: {\n type: [\n \"card\"\n ],\n options: {\n card: allCards\n }\n },\n opacity: {\n value: 1\n },\n size: {\n value: 30\n },\n stroke: {\n width: 1,\n color: {\n value: \"#000\"\n }\n },\n move: {\n enable: true,\n speed: 2\n },\n roll: {\n darken: {\n enable: true,\n value: 30\n },\n enlighten: {\n enable: true,\n value: 30\n },\n enable: true,\n mode: \"both\",\n speed: {\n min: 5,\n max: 15\n }\n },\n tilt: {\n direction: \"random\",\n enable: true,\n value: {\n min: 0,\n max: 360\n },\n animation: {\n enable: true,\n speed: 15\n }\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"repulse\"\n },\n onClick: {\n enable: true,\n mode: \"push\"\n }\n },\n modes: {\n repulse: {\n distance: 200\n },\n push: {\n quantity: 4\n }\n }\n },\n background: {\n color: \"#fff\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/c/cardsRolling.js?\n}");
197
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst cardSuits = [\n \"spades\",\n \"hearts\",\n \"diamonds\",\n \"clubs\"\n], cardValues = [\n \"A\",\n \"2\",\n \"3\",\n \"4\",\n \"5\",\n \"6\",\n \"7\",\n \"8\",\n \"9\",\n \"10\",\n \"J\",\n \"Q\",\n \"K\"\n], allCards = cardSuits.flatMap((suit)=>cardValues.map((value)=>({\n suit,\n value\n }))), options = {\n key: \"cardsRolling\",\n name: \"Cards Rolling\",\n particles: {\n paint: {\n fill: {\n color: {\n value: \"#000\"\n },\n enable: true\n },\n stroke: {\n width: 1,\n color: {\n value: \"#000\"\n }\n }\n },\n number: {\n value: 52\n },\n reduceDuplicates: true,\n shape: {\n type: [\n \"card\"\n ],\n options: {\n card: allCards\n }\n },\n opacity: {\n value: 1\n },\n size: {\n value: 30\n },\n move: {\n enable: true,\n speed: 2\n },\n roll: {\n darken: {\n enable: true,\n value: 30\n },\n enlighten: {\n enable: true,\n value: 30\n },\n enable: true,\n mode: \"both\",\n speed: {\n min: 5,\n max: 15\n }\n },\n tilt: {\n direction: \"random\",\n enable: true,\n value: {\n min: 0,\n max: 360\n },\n animation: {\n enable: true,\n speed: 15\n }\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"repulse\"\n },\n onClick: {\n enable: true,\n mode: \"push\"\n }\n },\n modes: {\n repulse: {\n distance: 200\n },\n push: {\n quantity: 4\n }\n }\n },\n background: {\n color: \"#fff\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/c/cardsRolling.js?\n}");
198
198
 
199
199
  /***/ },
200
200
 
@@ -204,7 +204,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
204
204
  \*********************************/
205
205
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
206
206
 
207
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"chars\",\n name: \"Chars\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n stroke: {\n width: 1,\n color: {\n value: \"#ffffff\"\n }\n },\n shape: {\n type: \"text\",\n options: {\n text: {\n value: [\n \"t\",\n \"s\",\n \"P\",\n \"a\",\n \"r\",\n \"t\",\n \"i\",\n \"c\",\n \"l\",\n \"e\",\n \"s\"\n ],\n font: \"Verdana\",\n style: \"\",\n weight: \"400\",\n particles: {\n fill: [\n {\n color: {\n value: \"#ff0000\"\n },\n enable: true\n },\n {\n enable: false\n }\n ]\n }\n }\n }\n },\n opacity: {\n value: {\n min: 0.4,\n max: 0.8\n },\n animation: {\n enable: true,\n speed: 1\n }\n },\n size: {\n value: 16\n },\n move: {\n enable: true,\n speed: 2\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"repulse\"\n },\n onClick: {\n enable: true,\n mode: \"push\"\n }\n },\n modes: {\n grab: {\n distance: 400,\n links: {\n opacity: 1\n }\n },\n bubble: {\n distance: 400,\n size: 40,\n duration: 2,\n opacity: 0.8\n },\n repulse: {\n distance: 200\n },\n push: {\n quantity: 4\n },\n remove: {\n quantity: 2\n }\n }\n },\n background: {\n color: \"#0d47a1\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/c/chars.js?\n}");
207
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"chars\",\n name: \"Chars\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n paint: {\n stroke: {\n width: 1,\n color: {\n value: \"#ffffff\"\n }\n }\n },\n shape: {\n type: \"text\",\n options: {\n text: {\n value: [\n \"t\",\n \"s\",\n \"P\",\n \"a\",\n \"r\",\n \"t\",\n \"i\",\n \"c\",\n \"l\",\n \"e\",\n \"s\"\n ],\n font: \"Verdana\",\n style: \"\",\n weight: \"400\",\n particles: {\n paint: [\n {\n fill: {\n color: {\n value: \"#ff0000\"\n },\n enable: true\n }\n },\n {\n fill: {\n enable: false\n }\n }\n ]\n }\n }\n }\n },\n opacity: {\n value: {\n min: 0.4,\n max: 0.8\n },\n animation: {\n enable: true,\n speed: 1\n }\n },\n size: {\n value: 16\n },\n move: {\n enable: true,\n speed: 2\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"repulse\"\n },\n onClick: {\n enable: true,\n mode: \"push\"\n }\n },\n modes: {\n grab: {\n distance: 400,\n links: {\n opacity: 1\n }\n },\n bubble: {\n distance: 400,\n size: 40,\n duration: 2,\n opacity: 0.8\n },\n repulse: {\n distance: 200\n },\n push: {\n quantity: 4\n },\n remove: {\n quantity: 2\n }\n }\n },\n background: {\n color: \"#0d47a1\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/c/chars.js?\n}");
208
208
 
209
209
  /***/ },
210
210
 
@@ -214,7 +214,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
214
214
  \**************************************/
215
215
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
216
216
 
217
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"clickPause\",\n name: \"Click Pause\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n fill: {\n color: {\n value: \"#ffffff\"\n },\n enable: true\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 0.5\n },\n size: {\n value: {\n min: 1,\n max: 3\n }\n },\n links: {\n enable: true,\n distance: 100,\n color: \"#ffffff\",\n opacity: 0.4,\n width: 1\n },\n move: {\n enable: true,\n speed: 6\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"repulse\"\n },\n onClick: {\n enable: true,\n mode: \"pause\"\n }\n },\n modes: {\n grab: {\n distance: 400,\n links: {\n opacity: 1\n }\n },\n bubble: {\n distance: 400,\n size: 40,\n duration: 2,\n opacity: 0.8\n },\n repulse: {\n distance: 200\n },\n push: {\n quantity: 4\n },\n remove: {\n quantity: 2\n }\n }\n },\n background: {\n color: \"#0d47a1\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/c/clickPause.js?\n}");
217
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"clickPause\",\n name: \"Click Pause\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n paint: {\n fill: {\n color: {\n value: \"#ffffff\"\n },\n enable: true\n }\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 0.5\n },\n size: {\n value: {\n min: 1,\n max: 3\n }\n },\n links: {\n enable: true,\n distance: 100,\n color: \"#ffffff\",\n opacity: 0.4,\n width: 1\n },\n move: {\n enable: true,\n speed: 6\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"repulse\"\n },\n onClick: {\n enable: true,\n mode: \"pause\"\n }\n },\n modes: {\n grab: {\n distance: 400,\n links: {\n opacity: 1\n }\n },\n bubble: {\n distance: 400,\n size: 40,\n duration: 2,\n opacity: 0.8\n },\n repulse: {\n distance: 200\n },\n push: {\n quantity: 4\n },\n remove: {\n quantity: 2\n }\n }\n },\n background: {\n color: \"#0d47a1\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/c/clickPause.js?\n}");
218
218
 
219
219
  /***/ },
220
220
 
@@ -224,7 +224,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
224
224
  \********************************************/
225
225
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
226
226
 
227
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"collisionsAbsorb\",\n name: \"Collisions Absorb\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n fill: {\n color: {\n value: \"#ffffff\"\n }\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 0.5\n },\n size: {\n value: {\n min: 10,\n max: 15\n }\n },\n links: {\n enable: false,\n distance: 150,\n color: \"#ffffff\",\n opacity: 0.4,\n width: 1\n },\n collisions: {\n enable: true,\n mode: \"absorb\",\n absorb: {\n speed: 5\n }\n },\n move: {\n enable: true,\n speed: 2\n }\n },\n interactivity: {\n events: {\n onClick: {\n enable: true,\n mode: \"push\"\n }\n },\n modes: {\n grab: {\n distance: 400,\n links: {\n opacity: 1\n }\n },\n bubble: {\n distance: 400,\n size: 40,\n duration: 2,\n opacity: 0.8\n },\n repulse: {\n distance: 200\n },\n push: {\n quantity: 4\n },\n remove: {\n quantity: 2\n }\n }\n },\n background: {\n color: \"#0d47a1\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/c/collisionsAbsorb.js?\n}");
227
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"collisionsAbsorb\",\n name: \"Collisions Absorb\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n paint: {\n fill: {\n color: {\n value: \"#ffffff\"\n }\n }\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 0.5\n },\n size: {\n value: {\n min: 10,\n max: 15\n }\n },\n links: {\n enable: false,\n distance: 150,\n color: \"#ffffff\",\n opacity: 0.4,\n width: 1\n },\n collisions: {\n enable: true,\n mode: \"absorb\",\n absorb: {\n speed: 5\n }\n },\n move: {\n enable: true,\n speed: 2\n }\n },\n interactivity: {\n events: {\n onClick: {\n enable: true,\n mode: \"push\"\n }\n },\n modes: {\n grab: {\n distance: 400,\n links: {\n opacity: 1\n }\n },\n bubble: {\n distance: 400,\n size: 40,\n duration: 2,\n opacity: 0.8\n },\n repulse: {\n distance: 200\n },\n push: {\n quantity: 4\n },\n remove: {\n quantity: 2\n }\n }\n },\n background: {\n color: \"#0d47a1\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/c/collisionsAbsorb.js?\n}");
228
228
 
229
229
  /***/ },
230
230
 
@@ -234,7 +234,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
234
234
  \********************************************/
235
235
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
236
236
 
237
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"collisionsBounce\",\n name: \"Collisions Bounce\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n collisions: {\n enable: true\n },\n fill: {\n color: {\n value: \"#ffffff\"\n },\n enable: true\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 0.5\n },\n size: {\n value: {\n min: 10,\n max: 15\n }\n },\n links: {\n enable: false,\n distance: 150,\n color: \"#ffffff\",\n opacity: 0.4,\n width: 1\n },\n move: {\n enable: true,\n speed: 10\n }\n },\n interactivity: {\n events: {\n onClick: {\n enable: true,\n mode: \"push\"\n }\n },\n modes: {\n grab: {\n distance: 400,\n links: {\n opacity: 1\n }\n },\n bubble: {\n distance: 400,\n size: 40,\n duration: 2,\n opacity: 0.8\n },\n repulse: {\n distance: 200\n },\n push: {\n quantity: 4\n },\n remove: {\n quantity: 2\n }\n }\n },\n background: {\n color: \"#0d47a1\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/c/collisionsBounce.js?\n}");
237
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"collisionsBounce\",\n name: \"Collisions Bounce\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n collisions: {\n enable: true\n },\n paint: {\n fill: {\n color: {\n value: \"#ffffff\"\n },\n enable: true\n }\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 0.5\n },\n size: {\n value: {\n min: 10,\n max: 15\n }\n },\n links: {\n enable: false,\n distance: 150,\n color: \"#ffffff\",\n opacity: 0.4,\n width: 1\n },\n move: {\n enable: true,\n speed: 10\n }\n },\n interactivity: {\n events: {\n onClick: {\n enable: true,\n mode: \"push\"\n }\n },\n modes: {\n grab: {\n distance: 400,\n links: {\n opacity: 1\n }\n },\n bubble: {\n distance: 400,\n size: 40,\n duration: 2,\n opacity: 0.8\n },\n repulse: {\n distance: 200\n },\n push: {\n quantity: 4\n },\n remove: {\n quantity: 2\n }\n }\n },\n background: {\n color: \"#0d47a1\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/c/collisionsBounce.js?\n}");
238
238
 
239
239
  /***/ },
240
240
 
@@ -244,7 +244,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
244
244
  \*********************************************/
245
245
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
246
246
 
247
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"collisionsDestroy\",\n name: \"Collisions Destroy\",\n particles: {\n number: {\n value: 80\n },\n fill: {\n color: {\n value: [\n \"#3998D0\",\n \"#2EB6AF\",\n \"#A9BD33\",\n \"#FEC73B\",\n \"#F89930\",\n \"#F45623\",\n \"#D62E32\",\n \"#EB586E\",\n \"#9952CF\"\n ]\n },\n enable: true\n },\n destroy: {\n mode: \"split\",\n split: {\n count: 1,\n factor: {\n value: {\n min: 4,\n max: 9\n }\n },\n particles: {\n collisions: {\n enable: false\n },\n destroy: {\n mode: \"none\"\n },\n life: {\n count: 1,\n duration: {\n value: {\n min: 1,\n max: 2\n }\n }\n }\n }\n }\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 1\n },\n size: {\n value: {\n min: 10,\n max: 15\n }\n },\n collisions: {\n enable: true,\n mode: \"destroy\"\n },\n move: {\n enable: true,\n speed: 5\n }\n },\n background: {\n color: \"#000000\"\n },\n poisson: {\n enable: true\n },\n emitters: {\n position: {\n x: 50,\n y: 50\n },\n size: {\n width: 100,\n height: 100\n },\n fill: false\n },\n smooth: true\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/c/collisionsDestroy.js?\n}");
247
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"collisionsDestroy\",\n name: \"Collisions Destroy\",\n particles: {\n number: {\n value: 80\n },\n paint: {\n fill: {\n color: {\n value: [\n \"#3998D0\",\n \"#2EB6AF\",\n \"#A9BD33\",\n \"#FEC73B\",\n \"#F89930\",\n \"#F45623\",\n \"#D62E32\",\n \"#EB586E\",\n \"#9952CF\"\n ]\n },\n enable: true\n }\n },\n destroy: {\n mode: \"split\",\n split: {\n count: 1,\n factor: {\n value: {\n min: 4,\n max: 9\n }\n },\n particles: {\n collisions: {\n enable: false\n },\n destroy: {\n mode: \"none\"\n },\n life: {\n count: 1,\n duration: {\n value: {\n min: 1,\n max: 2\n }\n }\n }\n }\n }\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 1\n },\n size: {\n value: {\n min: 10,\n max: 15\n }\n },\n collisions: {\n enable: true,\n mode: \"destroy\"\n },\n move: {\n enable: true,\n speed: 5\n }\n },\n background: {\n color: \"#000000\"\n },\n poisson: {\n enable: true\n },\n emitters: {\n position: {\n x: 50,\n y: 50\n },\n size: {\n width: 100,\n height: 100\n },\n fill: false\n },\n smooth: true\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/c/collisionsDestroy.js?\n}");
248
248
 
249
249
  /***/ },
250
250
 
@@ -254,7 +254,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
254
254
  \******************************************/
255
255
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
256
256
 
257
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"colorAnimation\",\n name: \"Color Animation\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n fill: {\n color: {\n value: \"#ff0000\",\n animation: {\n h: {\n enable: true,\n speed: {\n min: 30,\n max: 60\n },\n sync: true\n },\n s: {\n enable: true,\n speed: {\n min: 5,\n max: 10\n },\n sync: true\n },\n l: {\n enable: true,\n speed: {\n min: 5,\n max: 10\n },\n sync: true\n }\n }\n },\n enable: true\n },\n stroke: {\n width: 30,\n color: {\n value: \"#0000ff\",\n animation: {\n h: {\n enable: true,\n speed: {\n min: 30,\n max: 60\n },\n sync: true\n },\n s: {\n enable: true,\n speed: {\n min: 5,\n max: 10\n },\n sync: true\n },\n l: {\n enable: true,\n speed: {\n min: 5,\n max: 10\n },\n sync: true\n }\n }\n }\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 1\n },\n size: {\n value: 15\n },\n move: {\n enable: true,\n speed: 6\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/c/colorAnimation.js?\n}");
257
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"colorAnimation\",\n name: \"Color Animation\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n paint: {\n fill: {\n color: {\n value: \"#ff0000\",\n animation: {\n h: {\n enable: true,\n speed: {\n min: 30,\n max: 60\n },\n sync: true\n },\n s: {\n enable: true,\n speed: {\n min: 5,\n max: 10\n },\n sync: true\n },\n l: {\n enable: true,\n speed: {\n min: 5,\n max: 10\n },\n sync: true\n }\n }\n },\n enable: true\n },\n stroke: {\n width: 30,\n color: {\n value: \"#0000ff\",\n animation: {\n h: {\n enable: true,\n speed: {\n min: 30,\n max: 60\n },\n sync: true\n },\n s: {\n enable: true,\n speed: {\n min: 5,\n max: 10\n },\n sync: true\n },\n l: {\n enable: true,\n speed: {\n min: 5,\n max: 10\n },\n sync: true\n }\n }\n }\n }\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 1\n },\n size: {\n value: 15\n },\n move: {\n enable: true,\n speed: 6\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/c/colorAnimation.js?\n}");
258
258
 
259
259
  /***/ },
260
260
 
@@ -264,7 +264,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
264
264
  \***********************************/
265
265
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
266
266
 
267
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"connect\",\n name: \"Connect\",\n interactivity: {\n events: {\n onClick: {\n enable: true,\n mode: \"push\"\n },\n onHover: {\n enable: true,\n mode: \"connect\"\n }\n },\n modes: {\n bubble: {\n distance: 400,\n duration: 2,\n opacity: 0.8,\n size: 40\n },\n connect: {\n distance: 80,\n links: {\n opacity: 0.5\n },\n radius: 60\n },\n grab: {\n distance: 400,\n links: {\n opacity: 1\n }\n },\n push: {\n quantity: 4\n },\n remove: {\n quantity: 2\n },\n repulse: {\n distance: 200,\n duration: 0.4\n }\n }\n },\n particles: {\n fill: {\n color: {\n value: \"random\"\n },\n enable: true\n },\n links: {\n blink: false,\n color: \"#ffffff\",\n consent: false,\n distance: 150,\n enable: false,\n opacity: 0.4,\n width: 1\n },\n move: {\n enable: true,\n speed: 6\n },\n number: {\n density: {\n enable: true\n },\n limit: {\n value: 500\n },\n value: 300\n },\n opacity: {\n value: 0.5\n },\n shape: {\n type: \"circle\"\n },\n stroke: {\n color: {\n value: \"#fff\"\n },\n width: 1\n },\n size: {\n value: {\n min: 1,\n max: 10\n }\n }\n },\n polygon: {\n draw: {\n enable: false,\n lineColor: \"#ffffff\",\n lineWidth: 0.5\n },\n move: {\n radius: 10\n },\n scale: 1,\n type: \"none\",\n url: \"\"\n },\n background: {\n color: \"#000000\",\n image: \"\",\n position: \"50% 50%\",\n repeat: \"no-repeat\",\n size: \"cover\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/c/connect.js?\n}");
267
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"connect\",\n name: \"Connect\",\n interactivity: {\n events: {\n onClick: {\n enable: true,\n mode: \"push\"\n },\n onHover: {\n enable: true,\n mode: \"connect\"\n }\n },\n modes: {\n bubble: {\n distance: 400,\n duration: 2,\n opacity: 0.8,\n size: 40\n },\n connect: {\n distance: 80,\n links: {\n opacity: 0.5\n },\n radius: 60\n },\n grab: {\n distance: 400,\n links: {\n opacity: 1\n }\n },\n push: {\n quantity: 4\n },\n remove: {\n quantity: 2\n },\n repulse: {\n distance: 200,\n duration: 0.4\n }\n }\n },\n particles: {\n paint: {\n fill: {\n color: {\n value: \"random\"\n },\n enable: true\n },\n stroke: {\n color: {\n value: \"#fff\"\n },\n width: 1\n }\n },\n links: {\n blink: false,\n color: \"#ffffff\",\n consent: false,\n distance: 150,\n enable: false,\n opacity: 0.4,\n width: 1\n },\n move: {\n enable: true,\n speed: 6\n },\n number: {\n density: {\n enable: true\n },\n limit: {\n value: 500\n },\n value: 300\n },\n opacity: {\n value: 0.5\n },\n shape: {\n type: \"circle\"\n },\n size: {\n value: {\n min: 1,\n max: 10\n }\n }\n },\n polygon: {\n draw: {\n enable: false,\n lineColor: \"#ffffff\",\n lineWidth: 0.5\n },\n move: {\n radius: 10\n },\n scale: 1,\n type: \"none\",\n url: \"\"\n },\n background: {\n color: \"#000000\",\n image: \"\",\n position: \"50% 50%\",\n repeat: \"no-repeat\",\n size: \"cover\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/c/connect.js?\n}");
268
268
 
269
269
  /***/ },
270
270
 
@@ -274,7 +274,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
274
274
  \*************************************/
275
275
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
276
276
 
277
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"curlNoise\",\n name: \"Curl Noise\",\n particles: {\n number: {\n value: 300\n },\n fill: {\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 360,\n sync: true\n }\n },\n enable: true\n },\n shape: {\n type: \"circle\"\n },\n size: {\n value: 3\n },\n move: {\n path: {\n clamp: false,\n enable: true,\n options: {\n step: 250,\n speed: 1\n },\n delay: {\n value: 0\n },\n generator: \"curlNoise\"\n },\n enable: true,\n speed: 3\n }\n },\n background: {\n color: \"#000000\"\n },\n trail: {\n fill: {\n color: \"#000\"\n },\n enable: true,\n length: 1000\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/c/curlNoise.js?\n}");
277
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"curlNoise\",\n name: \"Curl Noise\",\n particles: {\n number: {\n value: 300\n },\n paint: {\n fill: {\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 360,\n sync: true\n }\n },\n enable: true\n }\n },\n shape: {\n type: \"circle\"\n },\n size: {\n value: 3\n },\n move: {\n path: {\n clamp: false,\n enable: true,\n options: {\n step: 250,\n speed: 1\n },\n delay: {\n value: 0\n },\n generator: \"curlNoise\"\n },\n enable: true,\n speed: 3\n }\n },\n background: {\n color: \"#000000\"\n },\n trail: {\n fill: {\n color: \"#000\"\n },\n enable: true,\n length: 1000\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/c/curlNoise.js?\n}");
278
278
 
279
279
  /***/ },
280
280
 
@@ -304,7 +304,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
304
304
  \*********************************/
305
305
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
306
306
 
307
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"delay\",\n name: \"Delay\",\n delay: 5,\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n fill: {\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 20,\n sync: true\n }\n },\n enable: true\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 0.5\n },\n size: {\n value: {\n min: 1,\n max: 3\n }\n },\n links: {\n enable: true,\n distance: 150,\n color: \"#ffffff\",\n opacity: 0.4,\n width: 1\n },\n move: {\n enable: true,\n speed: 6\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"repulse\"\n },\n onClick: {\n enable: true,\n mode: \"push\"\n }\n },\n modes: {\n repulse: {\n distance: 200\n },\n push: {\n quantity: 4\n }\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/d/delay.js?\n}");
307
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"delay\",\n name: \"Delay\",\n delay: 5,\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n paint: {\n fill: {\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 20,\n sync: true\n }\n },\n enable: true\n }\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 0.5\n },\n size: {\n value: {\n min: 1,\n max: 3\n }\n },\n links: {\n enable: true,\n distance: 150,\n color: \"#ffffff\",\n opacity: 0.4,\n width: 1\n },\n move: {\n enable: true,\n speed: 6\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"repulse\"\n },\n onClick: {\n enable: true,\n mode: \"push\"\n }\n },\n modes: {\n repulse: {\n distance: 200\n },\n push: {\n quantity: 4\n }\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/d/delay.js?\n}");
308
308
 
309
309
  /***/ },
310
310
 
@@ -314,7 +314,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
314
314
  \**************************************/
315
315
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
316
316
 
317
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"delayColor\",\n name: \"Delay Color\",\n background: {\n color: {\n value: \"#000\"\n }\n },\n particles: {\n fill: {\n color: {\n value: \"#f00\",\n animation: {\n enable: true,\n speed: 50,\n sync: true,\n delay: {\n min: 1,\n max: 3\n }\n }\n },\n enable: true\n },\n number: {\n value: 100\n },\n size: {\n value: 5\n },\n opacity: {\n value: 1\n },\n move: {\n enable: true\n },\n links: {\n enable: true,\n color: \"random\"\n }\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/d/delayColor.js?\n}");
317
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"delayColor\",\n name: \"Delay Color\",\n background: {\n color: {\n value: \"#000\"\n }\n },\n particles: {\n paint: {\n fill: {\n color: {\n value: \"#f00\",\n animation: {\n enable: true,\n speed: 50,\n sync: true,\n delay: {\n min: 1,\n max: 3\n }\n }\n },\n enable: true\n }\n },\n number: {\n value: 100\n },\n size: {\n value: 5\n },\n opacity: {\n value: 1\n },\n move: {\n enable: true\n },\n links: {\n enable: true,\n color: \"random\"\n }\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/d/delayColor.js?\n}");
318
318
 
319
319
  /***/ },
320
320
 
@@ -324,7 +324,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
324
324
  \****************************************/
325
325
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
326
326
 
327
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"delayOpacity\",\n name: \"Delay Opacity\",\n background: {\n color: {\n value: \"#000\"\n }\n },\n particles: {\n fill: {\n color: {\n value: \"#fff\"\n },\n enable: true\n },\n number: {\n value: 100\n },\n opacity: {\n value: {\n max: 1,\n min: 0\n },\n animation: {\n enable: true,\n speed: 5,\n sync: true,\n delay: {\n min: 1,\n max: 3\n },\n startValue: \"max\",\n destroy: \"min\"\n }\n },\n size: {\n value: 5\n },\n move: {\n enable: true\n }\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/d/delayOpacity.js?\n}");
327
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"delayOpacity\",\n name: \"Delay Opacity\",\n background: {\n color: {\n value: \"#000\"\n }\n },\n particles: {\n paint: {\n fill: {\n color: {\n value: \"#fff\"\n },\n enable: true\n }\n },\n number: {\n value: 100\n },\n opacity: {\n value: {\n max: 1,\n min: 0\n },\n animation: {\n enable: true,\n speed: 5,\n sync: true,\n delay: {\n min: 1,\n max: 3\n },\n startValue: \"max\",\n destroy: \"min\",\n count: 1\n }\n },\n size: {\n value: 5\n },\n move: {\n enable: true\n }\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/d/delayOpacity.js?\n}");
328
328
 
329
329
  /***/ },
330
330
 
@@ -334,7 +334,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
334
334
  \*************************************/
335
335
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
336
336
 
337
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"delaySize\",\n name: \"Delay Size\",\n background: {\n color: {\n value: \"#000\"\n }\n },\n particles: {\n fill: {\n color: {\n value: \"#fff\"\n },\n enable: true\n },\n number: {\n value: 100\n },\n size: {\n value: {\n max: 5,\n min: 0\n },\n animation: {\n enable: true,\n speed: 5,\n sync: true,\n delay: {\n min: 1,\n max: 3\n },\n startValue: \"max\",\n destroy: \"min\"\n }\n },\n opacity: {\n value: 1\n },\n move: {\n enable: true\n }\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/d/delaySize.js?\n}");
337
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"delaySize\",\n name: \"Delay Size\",\n background: {\n color: {\n value: \"#000\"\n }\n },\n particles: {\n paint: {\n fill: {\n color: {\n value: \"#fff\"\n },\n enable: true\n }\n },\n number: {\n value: 100\n },\n size: {\n value: {\n max: 5,\n min: 0\n },\n animation: {\n enable: true,\n speed: 5,\n sync: true,\n delay: {\n min: 1,\n max: 3\n },\n startValue: \"max\",\n destroy: \"min\",\n count: 1\n }\n },\n opacity: {\n value: 1\n },\n move: {\n enable: true\n }\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/d/delaySize.js?\n}");
338
338
 
339
339
  /***/ },
340
340
 
@@ -344,7 +344,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
344
344
  \********************************************/
345
345
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
346
346
 
347
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"delayStrokeColor\",\n name: \"Delay Stroke Color\",\n background: {\n color: {\n value: \"#000\"\n }\n },\n particles: {\n stroke: {\n color: {\n value: \"#f00\",\n animation: {\n enable: true,\n speed: 50,\n sync: true,\n delay: {\n min: 1,\n max: 3\n }\n }\n },\n width: 3\n },\n number: {\n value: 100\n },\n size: {\n value: 5\n },\n opacity: {\n value: 1\n },\n fill: {\n enable: false\n },\n move: {\n enable: true\n },\n shape: {\n type: [\n \"triangle\",\n \"circle\",\n \"square\"\n ]\n }\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/d/delayStrokeColor.js?\n}");
347
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"delayStrokeColor\",\n name: \"Delay Stroke Color\",\n background: {\n color: {\n value: \"#000\"\n }\n },\n particles: {\n paint: {\n fill: {\n enable: false\n },\n stroke: {\n color: {\n value: \"#f00\",\n animation: {\n enable: true,\n speed: 50,\n sync: true,\n delay: {\n min: 1,\n max: 3\n }\n }\n },\n width: 3\n }\n },\n number: {\n value: 100\n },\n size: {\n value: 5\n },\n opacity: {\n value: 1\n },\n move: {\n enable: true\n },\n shape: {\n type: [\n \"triangle\",\n \"circle\",\n \"square\"\n ]\n }\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/d/delayStrokeColor.js?\n}");
348
348
 
349
349
  /***/ },
350
350
 
@@ -354,7 +354,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
354
354
  \***********************************/
355
355
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
356
356
 
357
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"destroy\",\n name: \"Destroy\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n fill: {\n color: {\n value: \"#ffffff\"\n },\n enable: true\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 0.5\n },\n size: {\n value: {\n min: 1,\n max: 5\n }\n },\n links: {\n enable: true,\n distance: 150,\n color: \"#ffffff\",\n opacity: 0.4,\n width: 1\n },\n move: {\n enable: true,\n speed: 2,\n outModes: \"destroy\"\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"repulse\"\n },\n onClick: {\n enable: true,\n mode: \"push\"\n }\n },\n modes: {\n grab: {\n distance: 400,\n links: {\n opacity: 1\n }\n },\n bubble: {\n distance: 400,\n size: 40,\n duration: 2,\n opacity: 0.8\n },\n repulse: {\n distance: 200\n },\n push: {\n quantity: 4\n },\n remove: {\n quantity: 2\n }\n }\n },\n background: {\n color: \"#0d47a1\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/d/destroy.js?\n}");
357
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"destroy\",\n name: \"Destroy\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n paint: {\n fill: {\n color: {\n value: \"#ffffff\"\n },\n enable: true\n }\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 0.5\n },\n size: {\n value: {\n min: 1,\n max: 5\n }\n },\n links: {\n enable: true,\n distance: 150,\n color: \"#ffffff\",\n opacity: 0.4,\n width: 1\n },\n move: {\n enable: true,\n speed: 2,\n outModes: \"destroy\"\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"repulse\"\n },\n onClick: {\n enable: true,\n mode: \"push\"\n }\n },\n modes: {\n grab: {\n distance: 400,\n links: {\n opacity: 1\n }\n },\n bubble: {\n distance: 400,\n size: 40,\n duration: 2,\n opacity: 0.8\n },\n repulse: {\n distance: 200\n },\n push: {\n quantity: 4\n },\n remove: {\n quantity: 2\n }\n }\n },\n background: {\n color: \"#0d47a1\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/d/destroy.js?\n}");
358
358
 
359
359
  /***/ },
360
360
 
@@ -364,7 +364,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
364
364
  \****************************************/
365
365
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
366
366
 
367
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"disappearing\",\n name: \"Disappearing\",\n background: {\n color: {\n value: \"#000\"\n }\n },\n emitters: {\n direction: \"random\",\n size: {\n width: 100,\n height: 100\n },\n position: {\n x: 50,\n y: 50\n },\n rate: {\n delay: 0.1,\n quantity: 10\n }\n },\n particles: {\n number: {\n value: 0\n },\n fill: {\n color: {\n value: \"random\"\n },\n enable: true\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: {\n min: 0.3,\n max: 0.8\n }\n },\n size: {\n value: {\n min: 1,\n max: 50\n },\n animation: {\n enable: true,\n speed: 30,\n sync: true,\n startValue: \"max\",\n destroy: \"min\"\n }\n },\n move: {\n enable: true,\n speed: 5,\n outModes: \"destroy\"\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"repulse\"\n },\n onClick: {\n enable: true,\n mode: \"push\"\n }\n },\n modes: {\n grab: {\n distance: 400,\n links: {\n opacity: 1\n }\n },\n repulse: {\n distance: 100\n },\n push: {\n quantity: 4\n }\n }\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/d/disappearing.js?\n}");
367
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"disappearing\",\n name: \"Disappearing\",\n background: {\n color: {\n value: \"#000\"\n }\n },\n emitters: {\n direction: \"random\",\n size: {\n width: 100,\n height: 100\n },\n position: {\n x: 50,\n y: 50\n },\n rate: {\n delay: 0.1,\n quantity: 10\n }\n },\n particles: {\n number: {\n value: 0\n },\n paint: {\n fill: {\n color: {\n value: \"random\"\n },\n enable: true\n }\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: {\n min: 0.3,\n max: 0.8\n }\n },\n size: {\n value: {\n min: 1,\n max: 50\n },\n animation: {\n enable: true,\n speed: 30,\n sync: true,\n startValue: \"max\",\n destroy: \"min\",\n count: 1\n }\n },\n move: {\n enable: true,\n speed: 5,\n outModes: \"destroy\"\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"repulse\"\n },\n onClick: {\n enable: true,\n mode: \"push\"\n }\n },\n modes: {\n grab: {\n distance: 400,\n links: {\n opacity: 1\n }\n },\n repulse: {\n distance: 100\n },\n push: {\n quantity: 4\n }\n }\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/d/disappearing.js?\n}");
368
368
 
369
369
  /***/ },
370
370
 
@@ -374,7 +374,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
374
374
  \*************************************/
375
375
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
376
376
 
377
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"divEvents\",\n name: \"Div Events\",\n background: {\n color: \"#0d47a1\"\n },\n interactivity: {\n events: {\n onDiv: [\n {\n enable: true,\n selectors: \".bubble.circle\",\n mode: \"bubble\",\n type: \"circle\"\n },\n {\n enable: true,\n selectors: \".repulse.circle\",\n mode: \"repulse\",\n type: \"circle\"\n },\n {\n enable: true,\n selectors: \".bubble.rectangle\",\n mode: \"bubble\",\n type: \"rectangle\"\n },\n {\n enable: true,\n selectors: \".repulse.rectangle\",\n mode: \"repulse\",\n type: \"rectangle\"\n },\n {\n enable: true,\n selectors: \".bounce.circle\",\n mode: \"bounce\",\n type: \"circle\"\n },\n {\n enable: true,\n selectors: \".bounce.rectangle\",\n mode: \"bounce\",\n type: \"rectangle\"\n }\n ]\n },\n modes: {\n bubble: {\n distance: 400,\n duration: 2,\n opacity: 0.8,\n size: 6,\n color: \"#000000\"\n },\n grab: {\n distance: 400,\n links: {\n opacity: 1\n }\n },\n push: {\n quantity: 4\n },\n remove: {\n quantity: 2\n },\n repulse: {\n distance: 200,\n duration: 0.4\n }\n }\n },\n particles: {\n fill: {\n color: {\n value: \"#ffffff\"\n },\n enable: true\n },\n links: {\n color: \"#ffffff\",\n distance: 150,\n enable: true,\n opacity: 0.4,\n width: 1\n },\n move: {\n enable: true,\n speed: 2\n },\n number: {\n density: {\n enable: true\n },\n value: 80\n },\n opacity: {\n value: 0.5\n },\n shape: {\n type: \"circle\"\n },\n size: {\n value: {\n min: 1,\n max: 5\n }\n }\n },\n detectRetina: true\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/d/divEvents.js?\n}");
377
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"divEvents\",\n name: \"Div Events\",\n background: {\n color: \"#0d47a1\"\n },\n interactivity: {\n events: {\n onDiv: [\n {\n enable: true,\n selectors: \".bubble.circle\",\n mode: \"bubble\",\n type: \"circle\"\n },\n {\n enable: true,\n selectors: \".repulse.circle\",\n mode: \"repulse\",\n type: \"circle\"\n },\n {\n enable: true,\n selectors: \".bubble.rectangle\",\n mode: \"bubble\",\n type: \"rectangle\"\n },\n {\n enable: true,\n selectors: \".repulse.rectangle\",\n mode: \"repulse\",\n type: \"rectangle\"\n },\n {\n enable: true,\n selectors: \".bounce.circle\",\n mode: \"bounce\",\n type: \"circle\"\n },\n {\n enable: true,\n selectors: \".bounce.rectangle\",\n mode: \"bounce\",\n type: \"rectangle\"\n }\n ]\n },\n modes: {\n bubble: {\n distance: 400,\n duration: 2,\n opacity: 0.8,\n size: 6,\n color: \"#000000\"\n },\n grab: {\n distance: 400,\n links: {\n opacity: 1\n }\n },\n push: {\n quantity: 4\n },\n remove: {\n quantity: 2\n },\n repulse: {\n distance: 200,\n duration: 0.4\n }\n }\n },\n particles: {\n paint: {\n fill: {\n color: {\n value: \"#ffffff\"\n },\n enable: true\n }\n },\n links: {\n color: \"#ffffff\",\n distance: 150,\n enable: true,\n opacity: 0.4,\n width: 1\n },\n move: {\n enable: true,\n speed: 2\n },\n number: {\n density: {\n enable: true\n },\n value: 80\n },\n opacity: {\n value: 0.5\n },\n shape: {\n type: \"circle\"\n },\n size: {\n value: {\n min: 1,\n max: 5\n }\n }\n },\n detectRetina: true\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/d/divEvents.js?\n}");
378
378
 
379
379
  /***/ },
380
380
 
@@ -394,7 +394,17 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
394
394
  \****************************************/
395
395
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
396
396
 
397
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"effectBubble\",\n name: \"Effect Bubble\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n fill: {\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 20,\n sync: true\n }\n },\n enable: true\n },\n effect: {\n type: \"bubble\"\n },\n shape: {\n type: [\n \"circle\",\n \"square\"\n ]\n },\n opacity: {\n value: 0.5\n },\n size: {\n value: {\n min: 5,\n max: 50\n }\n },\n move: {\n enable: true,\n speed: 6\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"repulse\"\n },\n onClick: {\n enable: true,\n mode: \"push\"\n }\n },\n modes: {\n grab: {\n distance: 400,\n links: {\n opacity: 1\n }\n },\n bubble: {\n distance: 400,\n size: 40,\n duration: 2,\n opacity: 0.8\n },\n repulse: {\n distance: 200\n },\n push: {\n quantity: 4\n },\n remove: {\n quantity: 2\n }\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/e/effectBubble.js?\n}");
397
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"effectBubble\",\n name: \"Effect Bubble\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n paint: {\n fill: {\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 20,\n sync: true\n }\n },\n enable: true\n }\n },\n effect: {\n type: \"bubble\"\n },\n shape: {\n type: [\n \"circle\",\n \"square\"\n ]\n },\n opacity: {\n value: 0.5\n },\n size: {\n value: {\n min: 5,\n max: 50\n }\n },\n move: {\n enable: true,\n speed: 6\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"repulse\"\n },\n onClick: {\n enable: true,\n mode: \"push\"\n }\n },\n modes: {\n grab: {\n distance: 400,\n links: {\n opacity: 1\n }\n },\n bubble: {\n distance: 400,\n size: 40,\n duration: 2,\n opacity: 0.8\n },\n repulse: {\n distance: 200\n },\n push: {\n quantity: 4\n },\n remove: {\n quantity: 2\n }\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/e/effectBubble.js?\n}");
398
+
399
+ /***/ },
400
+
401
+ /***/ "./dist/browser/e/effectFilter.js"
402
+ /*!****************************************!*\
403
+ !*** ./dist/browser/e/effectFilter.js ***!
404
+ \****************************************/
405
+ (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
406
+
407
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"effectFilter\",\n name: \"Effect Filter\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n paint: {\n fill: {\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 20,\n sync: true\n }\n },\n enable: true\n }\n },\n effect: {\n type: \"filter\",\n options: {\n filter: {\n blur: 4\n }\n }\n },\n shape: {\n type: \"circle\"\n },\n size: {\n value: {\n min: 5,\n max: 50\n }\n },\n move: {\n enable: true,\n speed: 6\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/e/effectFilter.js?\n}");
398
408
 
399
409
  /***/ },
400
410
 
@@ -404,7 +414,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
404
414
  \*******************************************/
405
415
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
406
416
 
407
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"effectParticles\",\n name: \"Effect Particles\",\n particles: {\n number: {\n value: 25\n },\n fill: {\n color: {\n value: \"#ffff00\"\n }\n },\n effect: {\n type: \"particles\",\n options: {\n particles: {\n spawn: {\n particles: {\n fill: {\n color: {\n value: \"#ffff00\",\n animation: {\n enable: true,\n speed: -70,\n sync: true\n }\n },\n enable: true\n },\n effect: {\n type: \"none\"\n },\n shape: {\n type: \"star\"\n },\n move: {\n enable: true,\n speed: 1,\n outModes: \"destroy\"\n },\n life: {\n duration: {\n sync: false,\n value: {\n min: 1,\n max: 2\n }\n },\n count: 1\n },\n size: {\n value: {\n min: 2,\n max: 3\n }\n },\n zIndex: {\n value: 5\n }\n },\n rate: {\n delay: 0.1,\n quantity: {\n min: 3,\n max: 5\n }\n }\n }\n }\n }\n },\n shape: {\n type: \"star\"\n },\n opacity: {\n value: 1\n },\n size: {\n value: {\n min: 10,\n max: 15\n }\n },\n move: {\n enable: true,\n speed: 6\n },\n rotate: {\n path: true\n },\n zIndex: {\n value: 0\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/e/effectParticles.js?\n}");
417
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"effectParticles\",\n name: \"Effect Particles\",\n particles: {\n number: {\n value: 25\n },\n paint: {\n fill: {\n color: {\n value: \"#ffff00\"\n }\n }\n },\n effect: {\n type: \"particles\",\n options: {\n particles: {\n spawn: {\n particles: {\n paint: {\n fill: {\n color: {\n value: \"#ffff00\",\n animation: {\n enable: true,\n speed: -70,\n sync: true\n }\n },\n enable: true\n }\n },\n effect: {\n type: \"none\"\n },\n shape: {\n type: \"star\"\n },\n move: {\n enable: true,\n speed: 1,\n outModes: \"destroy\"\n },\n life: {\n duration: {\n sync: false,\n value: {\n min: 1,\n max: 2\n }\n },\n count: 1\n },\n size: {\n value: {\n min: 2,\n max: 3\n }\n },\n zIndex: {\n value: 5\n }\n },\n rate: {\n delay: 0.1,\n quantity: {\n min: 3,\n max: 5\n }\n }\n }\n }\n }\n },\n shape: {\n type: \"star\"\n },\n opacity: {\n value: 1\n },\n size: {\n value: {\n min: 10,\n max: 15\n }\n },\n move: {\n enable: true,\n speed: 6\n },\n rotate: {\n path: true\n },\n zIndex: {\n value: 0\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/e/effectParticles.js?\n}");
408
418
 
409
419
  /***/ },
410
420
 
@@ -414,7 +424,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
414
424
  \***************************************/
415
425
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
416
426
 
417
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"effectTrail\",\n name: \"Effect Trail\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n fill: {\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 360,\n sync: true\n }\n },\n enable: true\n },\n effect: {\n type: \"trail\",\n options: {\n trail: {\n fade: true,\n length: {\n min: 10,\n max: 30\n }\n }\n }\n },\n shape: {\n type: \"circle\"\n },\n size: {\n value: 10\n },\n move: {\n path: {\n enable: true,\n options: {\n size: 32,\n draw: false,\n increment: 0.004\n },\n generator: \"simplexNoise\"\n },\n enable: true,\n speed: {\n min: 6,\n max: 15\n }\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/e/effectTrail.js?\n}");
427
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"effectTrail\",\n name: \"Effect Trail\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n paint: {\n fill: {\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 360,\n sync: true\n }\n },\n enable: true\n }\n },\n effect: {\n type: \"trail\",\n options: {\n trail: {\n fade: true,\n length: {\n min: 10,\n max: 30\n }\n }\n }\n },\n shape: {\n type: \"circle\"\n },\n size: {\n value: 10\n },\n move: {\n path: {\n enable: true,\n options: {\n size: 32,\n draw: false,\n increment: 0.004\n },\n generator: \"simplexNoise\"\n },\n enable: true,\n speed: {\n min: 6,\n max: 15\n }\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/e/effectTrail.js?\n}");
418
428
 
419
429
  /***/ },
420
430
 
@@ -424,7 +434,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
424
434
  \************************************************/
425
435
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
426
436
 
427
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"effectTrailTransform\",\n name: \"Effect Trail Transform\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n fill: {\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 360,\n sync: true\n }\n },\n enable: true\n },\n effect: {\n type: \"trail\",\n options: {\n trail: {\n fade: true,\n length: {\n min: 10,\n max: 30\n },\n transform: true\n }\n }\n },\n shape: {\n type: \"square\"\n },\n size: {\n value: 10\n },\n move: {\n enable: true,\n speed: {\n min: 6,\n max: 15\n }\n },\n tilt: {\n direction: \"random\",\n enable: true,\n value: {\n min: 0,\n max: 360\n },\n animation: {\n enable: true,\n speed: 60,\n sync: true\n }\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/e/effectTrailTransform.js?\n}");
437
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"effectTrailTransform\",\n name: \"Effect Trail Transform\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n paint: {\n fill: {\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 360,\n sync: true\n }\n },\n enable: true\n }\n },\n effect: {\n type: \"trail\",\n options: {\n trail: {\n fade: true,\n length: {\n min: 10,\n max: 30\n },\n transform: true\n }\n }\n },\n shape: {\n type: \"square\"\n },\n size: {\n value: 10\n },\n move: {\n enable: true,\n speed: {\n min: 6,\n max: 15\n }\n },\n tilt: {\n direction: \"random\",\n enable: true,\n value: {\n min: 0,\n max: 360\n },\n animation: {\n enable: true,\n speed: 60,\n sync: true\n }\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/e/effectTrailTransform.js?\n}");
428
438
 
429
439
  /***/ },
430
440
 
@@ -434,7 +444,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
434
444
  \***********************************/
435
445
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
436
446
 
437
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n\nconst options = {\n key: \"emitter\",\n name: \"Emitter\",\n particles: {\n number: {\n value: 100,\n density: {\n enable: false\n }\n },\n fill: {\n color: {\n value: \"#000\"\n },\n enable: true\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 0.5\n },\n size: {\n value: {\n min: 1,\n max: 5\n }\n },\n links: {\n enable: true,\n distance: 150,\n color: \"#000\",\n opacity: 0.4,\n width: 1\n },\n move: {\n enable: true,\n speed: 2\n }\n },\n interactivity: {\n events: {\n onClick: {\n enable: true,\n mode: \"emitters\"\n }\n },\n modes: {\n emitters: {\n life: {\n count: 10,\n delay: 0.5,\n duration: 3\n },\n particles: {\n shape: {\n type: \"star\",\n options: {\n star: {\n sides: 7\n }\n }\n },\n rotate: {\n value: {\n min: 0,\n max: 360\n },\n direction: \"clockwise\",\n animation: {\n enable: true,\n speed: 15,\n sync: false\n }\n },\n fill: {\n color: {\n value: \"#f0f\"\n },\n enable: true\n },\n links: {\n enable: false\n },\n opacity: {\n value: 1\n },\n size: {\n value: 15\n },\n move: {\n speed: 20,\n outModes: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.OutMode.destroy\n }\n }\n },\n grab: {\n distance: 400,\n links: {\n opacity: 1\n }\n },\n bubble: {\n distance: 400,\n size: 40,\n duration: 2,\n opacity: 0.8\n },\n repulse: {\n distance: 200\n },\n push: {\n quantity: 4\n },\n remove: {\n quantity: 2\n }\n }\n },\n background: {\n color: \"#fff\"\n },\n emitters: [\n {\n life: {\n count: 10,\n delay: 0.5,\n duration: 3\n },\n particles: {\n shape: {\n type: \"polygon\",\n options: {\n polygon: {\n sides: 6\n }\n }\n },\n rotate: {\n value: {\n min: 0,\n max: 360\n },\n direction: \"clockwise\",\n animation: {\n enable: true,\n speed: 15,\n sync: false\n }\n },\n fill: {\n color: {\n value: \"#0f0\"\n },\n enable: true\n },\n links: {\n enable: false\n },\n opacity: {\n value: 1\n },\n size: {\n value: 15\n },\n move: {\n speed: 20,\n outModes: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.OutMode.destroy\n }\n }\n },\n {\n direction: \"top-right\",\n position: {\n x: 0,\n y: 100\n },\n particles: {\n shape: {\n type: \"star\"\n },\n fill: {\n color: {\n value: \"#f00\"\n },\n enable: true\n },\n links: {\n enable: true,\n id: \"emitter1\",\n color: {\n value: \"#ff7700\"\n }\n },\n opacity: {\n value: 0.3\n },\n rotate: {\n value: {\n min: 0,\n max: 360\n },\n direction: \"counter-clockwise\",\n animation: {\n enable: true,\n speed: 15,\n sync: false\n }\n },\n size: {\n value: {\n min: 1,\n max: 10\n }\n },\n move: {\n speed: 10,\n outModes: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.OutMode.destroy\n }\n }\n },\n {\n direction: \"top-left\",\n position: {\n x: 100,\n y: 100\n },\n particles: {\n shape: {\n type: \"square\"\n },\n rotate: {\n value: {\n min: 0,\n max: 360\n },\n direction: \"clockwise\",\n animation: {\n enable: true,\n speed: 15,\n sync: false\n }\n },\n fill: {\n color: {\n value: \"#00f\"\n },\n enable: true\n },\n links: {\n enable: false\n },\n opacity: {\n value: 0.8\n },\n size: {\n value: 15\n },\n move: {\n speed: 20,\n outModes: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.OutMode.destroy\n }\n }\n }\n ]\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/e/emitter.js?\n}");
447
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n\nconst options = {\n key: \"emitter\",\n name: \"Emitter\",\n particles: {\n number: {\n value: 100,\n density: {\n enable: false\n }\n },\n paint: {\n fill: {\n color: {\n value: \"#000\"\n },\n enable: true\n }\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 0.5\n },\n size: {\n value: {\n min: 1,\n max: 5\n }\n },\n links: {\n enable: true,\n distance: 150,\n color: \"#000\",\n opacity: 0.4,\n width: 1\n },\n move: {\n enable: true,\n speed: 2\n }\n },\n interactivity: {\n events: {\n onClick: {\n enable: true,\n mode: \"emitters\"\n }\n },\n modes: {\n emitters: {\n life: {\n count: 10,\n delay: 0.5,\n duration: 3\n },\n particles: {\n shape: {\n type: \"star\",\n options: {\n star: {\n sides: 7\n }\n }\n },\n rotate: {\n value: {\n min: 0,\n max: 360\n },\n direction: \"clockwise\",\n animation: {\n enable: true,\n speed: 15,\n sync: false\n }\n },\n paint: {\n fill: {\n color: {\n value: \"#f0f\"\n },\n enable: true\n }\n },\n links: {\n enable: false\n },\n opacity: {\n value: 1\n },\n size: {\n value: 15\n },\n move: {\n speed: 20,\n outModes: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.OutMode.destroy\n }\n }\n },\n grab: {\n distance: 400,\n links: {\n opacity: 1\n }\n },\n bubble: {\n distance: 400,\n size: 40,\n duration: 2,\n opacity: 0.8\n },\n repulse: {\n distance: 200\n },\n push: {\n quantity: 4\n },\n remove: {\n quantity: 2\n }\n }\n },\n background: {\n color: \"#fff\"\n },\n emitters: [\n {\n life: {\n count: 10,\n delay: 0.5,\n duration: 3\n },\n particles: {\n shape: {\n type: \"polygon\",\n options: {\n polygon: {\n sides: 6\n }\n }\n },\n rotate: {\n value: {\n min: 0,\n max: 360\n },\n direction: \"clockwise\",\n animation: {\n enable: true,\n speed: 15,\n sync: false\n }\n },\n paint: {\n fill: {\n color: {\n value: \"#0f0\"\n },\n enable: true\n }\n },\n links: {\n enable: false\n },\n opacity: {\n value: 1\n },\n size: {\n value: 15\n },\n move: {\n speed: 20,\n outModes: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.OutMode.destroy\n }\n }\n },\n {\n direction: \"top-right\",\n position: {\n x: 0,\n y: 100\n },\n particles: {\n shape: {\n type: \"star\"\n },\n paint: {\n fill: {\n color: {\n value: \"#f00\"\n },\n enable: true\n }\n },\n links: {\n enable: true,\n id: \"emitter1\",\n color: {\n value: \"#ff7700\"\n }\n },\n opacity: {\n value: 0.3\n },\n rotate: {\n value: {\n min: 0,\n max: 360\n },\n direction: \"counter-clockwise\",\n animation: {\n enable: true,\n speed: 15,\n sync: false\n }\n },\n size: {\n value: {\n min: 1,\n max: 10\n }\n },\n move: {\n speed: 10,\n outModes: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.OutMode.destroy\n }\n }\n },\n {\n direction: \"top-left\",\n position: {\n x: 100,\n y: 100\n },\n particles: {\n shape: {\n type: \"square\"\n },\n rotate: {\n value: {\n min: 0,\n max: 360\n },\n direction: \"clockwise\",\n animation: {\n enable: true,\n speed: 15,\n sync: false\n }\n },\n paint: {\n fill: {\n color: {\n value: \"#00f\"\n },\n enable: true\n }\n },\n links: {\n enable: false\n },\n opacity: {\n value: 0.8\n },\n size: {\n value: 15\n },\n move: {\n speed: 20,\n outModes: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.OutMode.destroy\n }\n }\n }\n ]\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/e/emitter.js?\n}");
438
448
 
439
449
  /***/ },
440
450
 
@@ -444,7 +454,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
444
454
  \*******************************************/
445
455
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
446
456
 
447
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"emitterAbsorber\",\n name: \"Emitter and Absorber\",\n particles: {\n number: {\n value: 0\n },\n fill: {\n color: {\n value: \"#000\"\n },\n enable: true\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 0.5\n },\n size: {\n value: {\n min: 1,\n max: 5\n }\n },\n links: {\n enable: true,\n distance: 150,\n color: \"#000\",\n opacity: 0.4,\n width: 1\n },\n move: {\n enable: true,\n speed: 2\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: false,\n mode: \"repulse\"\n },\n onClick: {\n enable: false,\n mode: \"push\"\n }\n },\n modes: {\n grab: {\n distance: 400,\n links: {\n opacity: 1\n }\n },\n bubble: {\n distance: 400,\n size: 40,\n duration: 2,\n opacity: 0.8\n },\n repulse: {\n distance: 200\n },\n push: {\n quantity: 4\n },\n remove: {\n quantity: 2\n }\n }\n },\n background: {\n color: \"#fff\",\n image: \"\",\n position: \"50% 50%\",\n repeat: \"no-repeat\",\n size: \"cover\"\n },\n absorbers: {\n position: {\n x: 50,\n y: 50\n },\n size: {\n density: 20,\n value: {\n min: 30,\n max: 50\n },\n limit: 100\n }\n },\n emitters: [\n {\n direction: \"top-right\",\n position: {\n x: 0,\n y: 100\n },\n particles: {\n shape: {\n type: \"circle\"\n },\n fill: {\n color: {\n value: \"random\"\n },\n enable: true\n },\n links: {\n enable: false\n },\n opacity: {\n value: 0.3\n },\n rotate: {\n value: {\n min: 0,\n max: 360\n },\n direction: \"counter-clockwise\",\n animation: {\n enable: true,\n speed: 15,\n sync: false\n }\n },\n size: {\n value: {\n min: 5,\n max: 10\n }\n },\n move: {\n speed: 5,\n outModes: \"bounce\"\n }\n }\n }\n ]\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/e/emitterAbsorber.js?\n}");
457
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"emitterAbsorber\",\n name: \"Emitter and Absorber\",\n particles: {\n number: {\n value: 0\n },\n paint: {\n fill: {\n color: {\n value: \"#000\"\n },\n enable: true\n }\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 0.5\n },\n size: {\n value: {\n min: 1,\n max: 5\n }\n },\n links: {\n enable: true,\n distance: 150,\n color: \"#000\",\n opacity: 0.4,\n width: 1\n },\n move: {\n enable: true,\n speed: 2\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: false,\n mode: \"repulse\"\n },\n onClick: {\n enable: false,\n mode: \"push\"\n }\n },\n modes: {\n grab: {\n distance: 400,\n links: {\n opacity: 1\n }\n },\n bubble: {\n distance: 400,\n size: 40,\n duration: 2,\n opacity: 0.8\n },\n repulse: {\n distance: 200\n },\n push: {\n quantity: 4\n },\n remove: {\n quantity: 2\n }\n }\n },\n background: {\n color: \"#fff\",\n image: \"\",\n position: \"50% 50%\",\n repeat: \"no-repeat\",\n size: \"cover\"\n },\n absorbers: {\n position: {\n x: 50,\n y: 50\n },\n size: {\n density: 20,\n value: {\n min: 30,\n max: 50\n },\n limit: 100\n }\n },\n emitters: [\n {\n direction: \"top-right\",\n position: {\n x: 0,\n y: 100\n },\n particles: {\n shape: {\n type: \"circle\"\n },\n paint: {\n fill: {\n color: {\n value: \"random\"\n },\n enable: true\n }\n },\n links: {\n enable: false\n },\n opacity: {\n value: 0.3\n },\n rotate: {\n value: {\n min: 0,\n max: 360\n },\n direction: \"counter-clockwise\",\n animation: {\n enable: true,\n speed: 15,\n sync: false\n }\n },\n size: {\n value: {\n min: 5,\n max: 10\n }\n },\n move: {\n speed: 5,\n outModes: \"bounce\"\n }\n }\n }\n ]\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/e/emitterAbsorber.js?\n}");
448
458
 
449
459
  /***/ },
450
460
 
@@ -454,7 +464,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
454
464
  \*****************************************/
455
465
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
456
466
 
457
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"emitterAngled\",\n name: \"Emitter Angled\",\n particles: {\n number: {\n value: 0\n },\n fill: {\n color: {\n value: \"random\"\n },\n enable: true\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 0.5\n },\n size: {\n value: {\n min: 5,\n max: 10\n }\n },\n move: {\n angle: {\n offset: 0,\n value: 30\n },\n enable: true,\n speed: 15,\n direction: \"top\",\n outModes: {\n default: \"destroy\"\n }\n }\n },\n background: {\n color: \"#fff\"\n },\n emitters: [\n {\n direction: \"top\",\n position: {\n x: {\n min: 25,\n max: 75\n },\n y: 100\n },\n life: {\n duration: 3,\n delay: 5,\n count: 0\n }\n }\n ]\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/e/emitterAngled.js?\n}");
467
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"emitterAngled\",\n name: \"Emitter Angled\",\n particles: {\n number: {\n value: 0\n },\n paint: {\n fill: {\n color: {\n value: \"random\"\n },\n enable: true\n }\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 0.5\n },\n size: {\n value: {\n min: 5,\n max: 10\n }\n },\n move: {\n angle: {\n offset: 0,\n value: 30\n },\n enable: true,\n speed: 15,\n direction: \"top\",\n outModes: {\n default: \"destroy\"\n }\n }\n },\n background: {\n color: \"#fff\"\n },\n emitters: [\n {\n direction: \"top\",\n position: {\n x: {\n min: 25,\n max: 75\n },\n y: 100\n },\n life: {\n duration: 3,\n delay: 5,\n count: 0\n }\n }\n ]\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/e/emitterAngled.js?\n}");
458
468
 
459
469
  /***/ },
460
470
 
@@ -464,7 +474,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
464
474
  \*********************************************/
465
475
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
466
476
 
467
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst minFilterValue = 30, minFilterAlpha = 0, rate = {\n delay: 0.1,\n quantity: 100\n}, generateEmitter = (shape, options, fill, position)=>{\n return {\n shape: {\n replace: {\n color: true,\n opacity: true\n },\n type: shape,\n options\n },\n position: position,\n size: {\n width: 500,\n height: 500,\n mode: \"precise\"\n },\n startCount: 300,\n rate,\n fill\n };\n}, options = {\n key: \"emitterImageShape\",\n name: \"Emitter Image Shape\",\n particles: {\n number: {\n value: 0\n },\n fill: {\n color: {\n value: [\n \"#f44336\",\n \"#e91e63\",\n \"#9c27b0\",\n \"#673ab7\",\n \"#3f51b5\",\n \"#2196f3\",\n \"#03a9f4\",\n \"#00bcd4\",\n \"#009688\",\n \"#4CAF50\",\n \"#8BC34A\",\n \"#CDDC39\",\n \"#FFEB3B\",\n \"#FFC107\",\n \"#FF9800\",\n \"#FF5722\"\n ]\n },\n enable: true\n },\n life: {\n count: 1,\n duration: {\n value: 1.5\n }\n },\n move: {\n enable: true,\n speed: 0.5\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 1\n },\n size: {\n value: {\n min: 1,\n max: 10\n },\n animation: {\n enable: true,\n speed: 30,\n sync: true,\n startValue: \"min\",\n count: 2\n }\n }\n },\n background: {\n color: \"#fff\"\n },\n emitters: [\n generateEmitter(\"canvas\", {\n scale: 5,\n pixels: {\n filter: (pixel)=>pixel.r < minFilterValue && pixel.g < minFilterValue && pixel.b < minFilterValue ? false : pixel.a > minFilterAlpha,\n offset: 4\n },\n image: {\n src: \"https://particles.js.org/images/hdr/amongus_cyan.png\"\n }\n }, true, {\n x: 50,\n y: 50\n })\n ]\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/e/emitterImageShape.js?\n}");
477
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst minFilterValue = 30, minFilterAlpha = 0, rate = {\n delay: 0.1,\n quantity: 100\n}, generateEmitter = (shape, options, fill, position)=>{\n return {\n shape: {\n replace: {\n color: true,\n opacity: true\n },\n type: shape,\n options\n },\n position: position,\n size: {\n width: 500,\n height: 500,\n mode: \"precise\"\n },\n startCount: 300,\n rate,\n fill\n };\n}, options = {\n key: \"emitterImageShape\",\n name: \"Emitter Image Shape\",\n particles: {\n number: {\n value: 0\n },\n paint: {\n fill: {\n color: {\n value: [\n \"#f44336\",\n \"#e91e63\",\n \"#9c27b0\",\n \"#673ab7\",\n \"#3f51b5\",\n \"#2196f3\",\n \"#03a9f4\",\n \"#00bcd4\",\n \"#009688\",\n \"#4CAF50\",\n \"#8BC34A\",\n \"#CDDC39\",\n \"#FFEB3B\",\n \"#FFC107\",\n \"#FF9800\",\n \"#FF5722\"\n ]\n },\n enable: true\n }\n },\n life: {\n count: 1,\n duration: {\n value: 1.5\n }\n },\n move: {\n enable: true,\n speed: 0.5\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 1\n },\n size: {\n value: {\n min: 1,\n max: 10\n },\n animation: {\n enable: true,\n speed: 30,\n sync: true,\n startValue: \"min\",\n count: 2\n }\n }\n },\n background: {\n color: \"#fff\"\n },\n emitters: [\n generateEmitter(\"canvas\", {\n scale: 5,\n pixels: {\n filter: (pixel)=>pixel.r < minFilterValue && pixel.g < minFilterValue && pixel.b < minFilterValue ? false : pixel.a > minFilterAlpha,\n offset: 4\n },\n image: {\n src: \"https://particles.js.org/images/hdr/amongus_cyan.png\"\n }\n }, true, {\n x: 50,\n y: 50\n })\n ]\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/e/emitterImageShape.js?\n}");
468
478
 
469
479
  /***/ },
470
480
 
@@ -484,7 +494,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
484
494
  \****************************************/
485
495
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
486
496
 
487
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"emitterPaths\",\n name: \"Emitter Paths\",\n particles: {\n number: {\n value: 0\n },\n fill: {\n color: {\n value: \"#000000\"\n },\n enable: true\n },\n move: {\n enable: true,\n outModes: \"destroy\"\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 1\n },\n size: {\n value: 3\n }\n },\n background: {\n color: \"#fff\"\n },\n emitters: [\n {\n position: {\n x: 33,\n y: 50\n },\n rate: {\n value: 0.5\n },\n particles: {\n life: {\n count: 1,\n duration: {\n value: 10\n }\n },\n move: {\n path: {\n clamp: false,\n enable: true,\n delay: {\n value: 0\n },\n generator: \"polygonPathGenerator\",\n options: {\n sides: 6,\n turnSteps: 30,\n angle: 30\n }\n }\n }\n }\n },\n {\n position: {\n x: 67,\n y: 50\n },\n rate: {\n value: 0.5\n },\n particles: {\n move: {\n path: {\n clamp: false,\n enable: true,\n delay: {\n value: 0\n },\n generator: \"curvesPathGenerator\"\n }\n }\n }\n }\n ],\n trail: {\n enable: true,\n fill: {\n color: \"#fff\"\n },\n length: 20\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/e/emitterPaths.js?\n}");
497
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"emitterPaths\",\n name: \"Emitter Paths\",\n particles: {\n number: {\n value: 0\n },\n paint: {\n fill: {\n color: {\n value: \"#000000\"\n },\n enable: true\n }\n },\n move: {\n enable: true,\n outModes: \"destroy\"\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 1\n },\n size: {\n value: 3\n }\n },\n background: {\n color: \"#fff\"\n },\n emitters: [\n {\n position: {\n x: 33,\n y: 50\n },\n rate: {\n value: 0.5\n },\n particles: {\n life: {\n count: 1,\n duration: {\n value: 10\n }\n },\n move: {\n path: {\n clamp: false,\n enable: true,\n delay: {\n value: 0\n },\n generator: \"polygonPathGenerator\",\n options: {\n sides: 6,\n turnSteps: 30,\n angle: 30\n }\n }\n }\n }\n },\n {\n position: {\n x: 67,\n y: 50\n },\n rate: {\n value: 0.5\n },\n particles: {\n move: {\n path: {\n clamp: false,\n enable: true,\n delay: {\n value: 0\n },\n generator: \"curvesPathGenerator\"\n }\n }\n }\n }\n ],\n trail: {\n enable: true,\n fill: {\n color: \"#fff\"\n },\n length: 20\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/e/emitterPaths.js?\n}");
488
498
 
489
499
  /***/ },
490
500
 
@@ -494,7 +504,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
494
504
  \*****************************************/
495
505
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
496
506
 
497
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst rate = {\n delay: 0.1,\n quantity: 3\n}, generateEmitter = (shape, options, fill, position)=>{\n return {\n shape: {\n type: shape,\n options\n },\n position: position,\n size: {\n width: 200,\n height: 200,\n mode: \"precise\"\n },\n life: {\n duration: 10,\n delay: 0.5,\n count: 1\n },\n rate,\n fill\n };\n}, path = [\n {\n x: 0,\n y: 0\n },\n {\n x: 0,\n y: 50\n },\n {\n x: 25,\n y: 50\n },\n {\n x: 0,\n y: 100\n },\n {\n x: 50,\n y: 100\n },\n {\n x: 50,\n y: 75\n },\n {\n x: 100,\n y: 100\n },\n {\n x: 100,\n y: 50\n },\n {\n x: 75,\n y: 50\n },\n {\n x: 100,\n y: 0\n },\n {\n x: 50,\n y: 0\n },\n {\n x: 50,\n y: 25\n }\n], options = {\n key: \"emitterShapes\",\n name: \"Emitter Shapes\",\n particles: {\n number: {\n value: 0\n },\n fill: {\n color: {\n value: \"#000000\"\n },\n enable: true\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 1\n },\n size: {\n value: 1\n }\n },\n background: {\n color: \"#fff\"\n },\n emitters: [\n generateEmitter(\"square\", {}, true, {\n x: 25,\n y: 25\n }),\n generateEmitter(\"circle\", {}, true, {\n x: 50,\n y: 25\n }),\n generateEmitter(\"polygon\", {\n angle: -18,\n sides: 5\n }, true, {\n x: 75,\n y: 25\n }),\n generateEmitter(\"square\", {}, false, {\n x: 25,\n y: 50\n }),\n generateEmitter(\"circle\", {}, false, {\n x: 50,\n y: 50\n }),\n generateEmitter(\"polygon\", {\n sides: 6\n }, false, {\n x: 75,\n y: 50\n }),\n generateEmitter(\"path\", {\n points: path\n }, true, {\n x: 25,\n y: 75\n }),\n generateEmitter(\"path\", {\n points: path\n }, false, {\n x: 50,\n y: 75\n })\n ]\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/e/emitterShapes.js?\n}");
507
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst rate = {\n delay: 0.1,\n quantity: 3\n}, generateEmitter = (shape, options, fill, position)=>{\n return {\n shape: {\n type: shape,\n options\n },\n position: position,\n size: {\n width: 200,\n height: 200,\n mode: \"precise\"\n },\n life: {\n duration: 10,\n delay: 0.5,\n count: 1\n },\n rate,\n fill\n };\n}, path = [\n {\n x: 0,\n y: 0\n },\n {\n x: 0,\n y: 50\n },\n {\n x: 25,\n y: 50\n },\n {\n x: 0,\n y: 100\n },\n {\n x: 50,\n y: 100\n },\n {\n x: 50,\n y: 75\n },\n {\n x: 100,\n y: 100\n },\n {\n x: 100,\n y: 50\n },\n {\n x: 75,\n y: 50\n },\n {\n x: 100,\n y: 0\n },\n {\n x: 50,\n y: 0\n },\n {\n x: 50,\n y: 25\n }\n], options = {\n key: \"emitterShapes\",\n name: \"Emitter Shapes\",\n particles: {\n number: {\n value: 0\n },\n paint: {\n fill: {\n color: {\n value: \"#000000\"\n },\n enable: true\n }\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 1\n },\n size: {\n value: 1\n }\n },\n background: {\n color: \"#fff\"\n },\n emitters: [\n generateEmitter(\"square\", {}, true, {\n x: 25,\n y: 25\n }),\n generateEmitter(\"circle\", {}, true, {\n x: 50,\n y: 25\n }),\n generateEmitter(\"polygon\", {\n angle: -18,\n sides: 5\n }, true, {\n x: 75,\n y: 25\n }),\n generateEmitter(\"square\", {}, false, {\n x: 25,\n y: 50\n }),\n generateEmitter(\"circle\", {}, false, {\n x: 50,\n y: 50\n }),\n generateEmitter(\"polygon\", {\n sides: 6\n }, false, {\n x: 75,\n y: 50\n }),\n generateEmitter(\"path\", {\n points: path\n }, true, {\n x: 25,\n y: 75\n }),\n generateEmitter(\"path\", {\n points: path\n }, false, {\n x: 50,\n y: 75\n })\n ]\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/e/emitterShapes.js?\n}");
498
508
 
499
509
  /***/ },
500
510
 
@@ -504,7 +514,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
504
514
  \*********************************************/
505
515
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
506
516
 
507
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n\nconst emitterRate = {\n delay: 0.1,\n quantity: 2\n}, options = {\n key: \"emitterSpawnColor\",\n name: \"Emitter Spawn Color\",\n particles: {\n opacity: {\n value: 1\n },\n fill: {\n enable: false\n },\n size: {\n value: 3\n },\n life: {\n count: 1,\n duration: {\n value: 5\n }\n },\n move: {\n enable: true,\n speed: 3,\n outModes: {\n default: \"destroy\"\n }\n }\n },\n background: {\n color: \"#000000\"\n },\n emitters: [\n {\n position: {\n x: 33,\n y: 0\n },\n rate: emitterRate,\n particles: {\n move: {\n direction: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.MoveDirection.bottomRight\n }\n },\n spawn: {\n fill: {\n color: {\n value: \"#ff0000\",\n animation: {\n h: {\n enable: true,\n speed: 10\n }\n }\n }\n }\n }\n },\n {\n position: {\n x: 33,\n y: 100\n },\n rate: emitterRate,\n particles: {\n move: {\n direction: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.MoveDirection.topRight\n }\n },\n spawn: {\n stroke: {\n width: 1,\n color: {\n value: \"#ff0000\",\n animation: {\n s: {\n enable: true,\n speed: 10,\n offset: {\n min: -10,\n max: 10\n }\n }\n }\n }\n }\n }\n },\n {\n position: {\n x: 100,\n y: 0\n },\n rate: emitterRate,\n particles: {\n move: {\n direction: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.MoveDirection.bottomLeft\n }\n },\n spawn: {\n fill: {\n color: {\n value: \"#ff0000\",\n animation: {\n l: {\n enable: true,\n speed: 10,\n offset: {\n min: -10,\n max: 10\n }\n }\n }\n }\n }\n }\n },\n {\n position: {\n x: 100,\n y: 100\n },\n rate: emitterRate,\n particles: {\n move: {\n direction: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.MoveDirection.topLeft\n }\n },\n spawn: {\n stroke: {\n width: 1,\n color: {\n value: \"#ff0000\",\n animation: {\n h: {\n enable: true,\n speed: 10\n },\n s: {\n enable: true,\n speed: 10,\n offset: {\n min: -10,\n max: 10\n }\n }\n }\n }\n }\n }\n },\n {\n position: {\n x: 66,\n y: 50\n },\n rate: emitterRate,\n particles: {\n move: {\n direction: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.MoveDirection.none\n }\n },\n spawn: {\n fill: {\n color: {\n value: \"#ff0000\",\n animation: {\n h: {\n enable: true,\n speed: 10\n },\n l: {\n enable: true,\n speed: 10,\n offset: {\n min: -10,\n max: 10\n }\n }\n }\n }\n },\n stroke: {\n width: 1,\n color: {\n value: \"#00ff00\",\n animation: {\n h: {\n enable: true,\n speed: 10\n },\n l: {\n enable: true,\n speed: 10,\n offset: {\n min: -10,\n max: 10\n }\n }\n }\n }\n }\n }\n }\n ]\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/e/emitterSpawnColor.js?\n}");
517
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n\nconst emitterRate = {\n delay: 0.1,\n quantity: 2\n}, options = {\n key: \"emitterSpawnColor\",\n name: \"Emitter Spawn Color\",\n particles: {\n opacity: {\n value: 1\n },\n paint: {\n fill: {\n enable: false\n }\n },\n size: {\n value: 3\n },\n life: {\n count: 1,\n duration: {\n value: 5\n }\n },\n move: {\n enable: true,\n speed: 3,\n outModes: {\n default: \"destroy\"\n }\n }\n },\n background: {\n color: \"#000000\"\n },\n emitters: [\n {\n position: {\n x: 33,\n y: 0\n },\n rate: emitterRate,\n particles: {\n move: {\n direction: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.MoveDirection.bottomRight\n }\n },\n spawn: {\n fill: {\n color: {\n value: \"#ff0000\",\n animation: {\n h: {\n enable: true,\n speed: 10\n }\n }\n }\n }\n }\n },\n {\n position: {\n x: 33,\n y: 100\n },\n rate: emitterRate,\n particles: {\n move: {\n direction: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.MoveDirection.topRight\n }\n },\n spawn: {\n stroke: {\n width: 1,\n color: {\n value: \"#ff0000\",\n animation: {\n s: {\n enable: true,\n speed: 10,\n offset: {\n min: -10,\n max: 10\n }\n }\n }\n }\n }\n }\n },\n {\n position: {\n x: 100,\n y: 0\n },\n rate: emitterRate,\n particles: {\n move: {\n direction: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.MoveDirection.bottomLeft\n }\n },\n spawn: {\n fill: {\n color: {\n value: \"#ff0000\",\n animation: {\n l: {\n enable: true,\n speed: 10,\n offset: {\n min: -10,\n max: 10\n }\n }\n }\n }\n }\n }\n },\n {\n position: {\n x: 100,\n y: 100\n },\n rate: emitterRate,\n particles: {\n move: {\n direction: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.MoveDirection.topLeft\n }\n },\n spawn: {\n stroke: {\n width: 1,\n color: {\n value: \"#ff0000\",\n animation: {\n h: {\n enable: true,\n speed: 10\n },\n s: {\n enable: true,\n speed: 10,\n offset: {\n min: -10,\n max: 10\n }\n }\n }\n }\n }\n }\n },\n {\n position: {\n x: 66,\n y: 50\n },\n rate: emitterRate,\n particles: {\n move: {\n direction: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.MoveDirection.none\n }\n },\n spawn: {\n fill: {\n color: {\n value: \"#ff0000\",\n animation: {\n h: {\n enable: true,\n speed: 10\n },\n l: {\n enable: true,\n speed: 10,\n offset: {\n min: -10,\n max: 10\n }\n }\n }\n }\n },\n stroke: {\n width: 1,\n color: {\n value: \"#00ff00\",\n animation: {\n h: {\n enable: true,\n speed: 10\n },\n l: {\n enable: true,\n speed: 10,\n offset: {\n min: -10,\n max: 10\n }\n }\n }\n }\n }\n }\n }\n ]\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/e/emitterSpawnColor.js?\n}");
508
518
 
509
519
  /***/ },
510
520
 
@@ -514,7 +524,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
514
524
  \********************************************/
515
525
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
516
526
 
517
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst minAlphaFilter = 0, rate = {\n delay: 0.1,\n quantity: 100\n}, generateEmitter = (shape, options, fill, position)=>{\n return {\n shape: {\n type: shape,\n options\n },\n position: position,\n size: {\n width: 500,\n height: 500,\n mode: \"precise\"\n },\n startCount: 300,\n rate,\n fill\n };\n}, options = {\n key: \"emitterTextShape\",\n name: \"Emitter Text Shape\",\n particles: {\n number: {\n value: 0\n },\n fill: {\n color: {\n value: [\n \"#f44336\",\n \"#e91e63\",\n \"#9c27b0\",\n \"#673ab7\",\n \"#3f51b5\",\n \"#2196f3\",\n \"#03a9f4\",\n \"#00bcd4\",\n \"#009688\",\n \"#4CAF50\",\n \"#8BC34A\",\n \"#CDDC39\",\n \"#FFEB3B\",\n \"#FFC107\",\n \"#FF9800\",\n \"#FF5722\"\n ]\n },\n enable: true\n },\n life: {\n count: 1,\n duration: {\n value: 1.5\n }\n },\n move: {\n enable: true,\n speed: 0.5\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 1\n },\n size: {\n value: {\n min: 1,\n max: 10\n },\n animation: {\n enable: true,\n speed: 30,\n sync: true,\n startValue: \"min\",\n count: 2\n }\n }\n },\n background: {\n color: \"#fff\"\n },\n emitters: [\n generateEmitter(\"canvas\", {\n scale: 1,\n pixels: {\n filter: (pixel)=>pixel.a > minAlphaFilter,\n offset: 4\n },\n text: {\n color: \"#ff0000\",\n font: {\n size: 500,\n family: \"Verdana\"\n },\n text: \"Particles\",\n lines: {\n separator: \"\\n\",\n spacing: 10\n }\n }\n }, true, {\n x: 50,\n y: 50\n })\n ]\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/e/emitterTextShape.js?\n}");
527
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst minAlphaFilter = 0, rate = {\n delay: 0.1,\n quantity: 100\n}, generateEmitter = (shape, options, fill, position)=>{\n return {\n shape: {\n type: shape,\n options\n },\n position: position,\n size: {\n width: 500,\n height: 500,\n mode: \"precise\"\n },\n startCount: 300,\n rate,\n fill\n };\n}, options = {\n key: \"emitterTextShape\",\n name: \"Emitter Text Shape\",\n particles: {\n number: {\n value: 0\n },\n paint: {\n fill: {\n color: {\n value: [\n \"#f44336\",\n \"#e91e63\",\n \"#9c27b0\",\n \"#673ab7\",\n \"#3f51b5\",\n \"#2196f3\",\n \"#03a9f4\",\n \"#00bcd4\",\n \"#009688\",\n \"#4CAF50\",\n \"#8BC34A\",\n \"#CDDC39\",\n \"#FFEB3B\",\n \"#FFC107\",\n \"#FF9800\",\n \"#FF5722\"\n ]\n },\n enable: true\n }\n },\n life: {\n count: 1,\n duration: {\n value: 1.5\n }\n },\n move: {\n enable: true,\n speed: 0.5\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 1\n },\n size: {\n value: {\n min: 1,\n max: 10\n },\n animation: {\n enable: true,\n speed: 30,\n sync: true,\n startValue: \"min\",\n count: 2\n }\n }\n },\n background: {\n color: \"#fff\"\n },\n emitters: [\n generateEmitter(\"canvas\", {\n scale: 1,\n pixels: {\n filter: (pixel)=>pixel.a > minAlphaFilter,\n offset: 4\n },\n text: {\n color: \"#ff0000\",\n font: {\n size: 500,\n family: \"Verdana\"\n },\n text: \"Particles\",\n lines: {\n separator: \"\\n\",\n spacing: 10\n }\n }\n }, true, {\n x: 50,\n y: 50\n })\n ]\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/e/emitterTextShape.js?\n}");
518
528
 
519
529
  /***/ },
520
530
 
@@ -524,7 +534,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
524
534
  \**************************************************/
525
535
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
526
536
 
527
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst minAlphaFilter = 0, rate = {\n delay: 0.1,\n quantity: 100\n}, generateEmitter = (shape, options, fill, position)=>{\n return {\n shape: {\n type: shape,\n options\n },\n position: position,\n size: {\n width: 500,\n height: 500,\n mode: \"precise\"\n },\n startCount: 300,\n rate,\n fill\n };\n}, options = {\n key: \"emitterTextStrokeShape\",\n name: \"Emitter Text Stroke Shape\",\n particles: {\n number: {\n value: 0\n },\n fill: {\n color: {\n value: [\n \"#f44336\",\n \"#e91e63\",\n \"#9c27b0\",\n \"#673ab7\",\n \"#3f51b5\",\n \"#2196f3\",\n \"#03a9f4\",\n \"#00bcd4\",\n \"#009688\",\n \"#4CAF50\",\n \"#8BC34A\",\n \"#CDDC39\",\n \"#FFEB3B\",\n \"#FFC107\",\n \"#FF9800\",\n \"#FF5722\"\n ]\n },\n enable: true\n },\n life: {\n count: 1,\n duration: {\n value: 1.5\n }\n },\n move: {\n enable: true,\n speed: 0.5\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 1\n },\n size: {\n value: {\n min: 1,\n max: 10\n },\n animation: {\n enable: true,\n speed: 30,\n sync: true,\n startValue: \"min\",\n count: 2\n }\n }\n },\n background: {\n color: \"#fff\"\n },\n emitters: [\n generateEmitter(\"canvas\", {\n scale: 1,\n pixels: {\n filter: (pixel)=>pixel.a > minAlphaFilter,\n offset: 4\n },\n text: {\n color: \"#ff0000\",\n font: {\n size: 500,\n family: \"Verdana\"\n },\n text: \"Particles\",\n lines: {\n separator: \"\\n\",\n spacing: 10\n }\n }\n }, false, {\n x: 50,\n y: 50\n })\n ]\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/e/emitterTextStrokeShape.js?\n}");
537
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst minAlphaFilter = 0, rate = {\n delay: 0.1,\n quantity: 100\n}, generateEmitter = (shape, options, fill, position)=>{\n return {\n shape: {\n type: shape,\n options\n },\n position: position,\n size: {\n width: 500,\n height: 500,\n mode: \"precise\"\n },\n startCount: 300,\n rate,\n fill\n };\n}, options = {\n key: \"emitterTextStrokeShape\",\n name: \"Emitter Text Stroke Shape\",\n particles: {\n number: {\n value: 0\n },\n paint: {\n fill: {\n color: {\n value: [\n \"#f44336\",\n \"#e91e63\",\n \"#9c27b0\",\n \"#673ab7\",\n \"#3f51b5\",\n \"#2196f3\",\n \"#03a9f4\",\n \"#00bcd4\",\n \"#009688\",\n \"#4CAF50\",\n \"#8BC34A\",\n \"#CDDC39\",\n \"#FFEB3B\",\n \"#FFC107\",\n \"#FF9800\",\n \"#FF5722\"\n ]\n },\n enable: true\n }\n },\n life: {\n count: 1,\n duration: {\n value: 1.5\n }\n },\n move: {\n enable: true,\n speed: 0.5\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 1\n },\n size: {\n value: {\n min: 1,\n max: 10\n },\n animation: {\n enable: true,\n speed: 30,\n sync: true,\n startValue: \"min\",\n count: 2\n }\n }\n },\n background: {\n color: \"#fff\"\n },\n emitters: [\n generateEmitter(\"canvas\", {\n scale: 1,\n pixels: {\n filter: (pixel)=>pixel.a > minAlphaFilter,\n offset: 4\n },\n text: {\n color: \"#ff0000\",\n font: {\n size: 500,\n family: \"Verdana\"\n },\n text: \"Particles\",\n lines: {\n separator: \"\\n\",\n spacing: 10\n }\n }\n }, false, {\n x: 50,\n y: 50\n })\n ]\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/e/emitterTextStrokeShape.js?\n}");
528
538
 
529
539
  /***/ },
530
540
 
@@ -534,7 +544,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
534
544
  \*********************************/
535
545
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
536
546
 
537
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _effectBubble_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./effectBubble.js */ \"./dist/browser/e/effectBubble.js\");\n/* harmony import */ var _effectParticles_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./effectParticles.js */ \"./dist/browser/e/effectParticles.js\");\n/* harmony import */ var _effectTrail_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./effectTrail.js */ \"./dist/browser/e/effectTrail.js\");\n/* harmony import */ var _effectTrailTransform_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./effectTrailTransform.js */ \"./dist/browser/e/effectTrailTransform.js\");\n/* harmony import */ var _emitter_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./emitter.js */ \"./dist/browser/e/emitter.js\");\n/* harmony import */ var _emitterAbsorber_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./emitterAbsorber.js */ \"./dist/browser/e/emitterAbsorber.js\");\n/* harmony import */ var _emitterAngled_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./emitterAngled.js */ \"./dist/browser/e/emitterAngled.js\");\n/* harmony import */ var _emitterImageShape_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./emitterImageShape.js */ \"./dist/browser/e/emitterImageShape.js\");\n/* harmony import */ var _emitterImages_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./emitterImages.js */ \"./dist/browser/e/emitterImages.js\");\n/* harmony import */ var _emitterPaths_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./emitterPaths.js */ \"./dist/browser/e/emitterPaths.js\");\n/* harmony import */ var _emitterShapes_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./emitterShapes.js */ \"./dist/browser/e/emitterShapes.js\");\n/* harmony import */ var _emitterSpawnColor_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./emitterSpawnColor.js */ \"./dist/browser/e/emitterSpawnColor.js\");\n/* harmony import */ var _emitterTextShape_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./emitterTextShape.js */ \"./dist/browser/e/emitterTextShape.js\");\n/* harmony import */ var _emitterTextStrokeShape_js__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./emitterTextStrokeShape.js */ \"./dist/browser/e/emitterTextStrokeShape.js\");\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({\n effectBubble: _effectBubble_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"],\n effectParticles: _effectParticles_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n effectTrail: _effectTrail_js__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n effectTrailTransform: _effectTrailTransform_js__WEBPACK_IMPORTED_MODULE_3__[\"default\"],\n emitter: _emitter_js__WEBPACK_IMPORTED_MODULE_4__[\"default\"],\n emitterAbsorber: _emitterAbsorber_js__WEBPACK_IMPORTED_MODULE_5__[\"default\"],\n emitterAngled: _emitterAngled_js__WEBPACK_IMPORTED_MODULE_6__[\"default\"],\n emitterImageShape: _emitterImageShape_js__WEBPACK_IMPORTED_MODULE_7__[\"default\"],\n emitterImages: _emitterImages_js__WEBPACK_IMPORTED_MODULE_8__[\"default\"],\n emitterPaths: _emitterPaths_js__WEBPACK_IMPORTED_MODULE_9__[\"default\"],\n emitterShapes: _emitterShapes_js__WEBPACK_IMPORTED_MODULE_10__[\"default\"],\n emitterSpawnColor: _emitterSpawnColor_js__WEBPACK_IMPORTED_MODULE_11__[\"default\"],\n emitterTextShape: _emitterTextShape_js__WEBPACK_IMPORTED_MODULE_12__[\"default\"],\n emitterTextStrokeShape: _emitterTextStrokeShape_js__WEBPACK_IMPORTED_MODULE_13__[\"default\"]\n});\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/e/index.js?\n}");
547
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _effectBubble_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./effectBubble.js */ \"./dist/browser/e/effectBubble.js\");\n/* harmony import */ var _effectFilter_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./effectFilter.js */ \"./dist/browser/e/effectFilter.js\");\n/* harmony import */ var _effectParticles_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./effectParticles.js */ \"./dist/browser/e/effectParticles.js\");\n/* harmony import */ var _effectTrail_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./effectTrail.js */ \"./dist/browser/e/effectTrail.js\");\n/* harmony import */ var _effectTrailTransform_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./effectTrailTransform.js */ \"./dist/browser/e/effectTrailTransform.js\");\n/* harmony import */ var _emitter_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./emitter.js */ \"./dist/browser/e/emitter.js\");\n/* harmony import */ var _emitterAbsorber_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./emitterAbsorber.js */ \"./dist/browser/e/emitterAbsorber.js\");\n/* harmony import */ var _emitterAngled_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./emitterAngled.js */ \"./dist/browser/e/emitterAngled.js\");\n/* harmony import */ var _emitterImageShape_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./emitterImageShape.js */ \"./dist/browser/e/emitterImageShape.js\");\n/* harmony import */ var _emitterImages_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./emitterImages.js */ \"./dist/browser/e/emitterImages.js\");\n/* harmony import */ var _emitterPaths_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./emitterPaths.js */ \"./dist/browser/e/emitterPaths.js\");\n/* harmony import */ var _emitterShapes_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./emitterShapes.js */ \"./dist/browser/e/emitterShapes.js\");\n/* harmony import */ var _emitterSpawnColor_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./emitterSpawnColor.js */ \"./dist/browser/e/emitterSpawnColor.js\");\n/* harmony import */ var _emitterTextShape_js__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./emitterTextShape.js */ \"./dist/browser/e/emitterTextShape.js\");\n/* harmony import */ var _emitterTextStrokeShape_js__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./emitterTextStrokeShape.js */ \"./dist/browser/e/emitterTextStrokeShape.js\");\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({\n effectBubble: _effectBubble_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"],\n effectFilter: _effectFilter_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n effectParticles: _effectParticles_js__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n effectTrail: _effectTrail_js__WEBPACK_IMPORTED_MODULE_3__[\"default\"],\n effectTrailTransform: _effectTrailTransform_js__WEBPACK_IMPORTED_MODULE_4__[\"default\"],\n emitter: _emitter_js__WEBPACK_IMPORTED_MODULE_5__[\"default\"],\n emitterAbsorber: _emitterAbsorber_js__WEBPACK_IMPORTED_MODULE_6__[\"default\"],\n emitterAngled: _emitterAngled_js__WEBPACK_IMPORTED_MODULE_7__[\"default\"],\n emitterImageShape: _emitterImageShape_js__WEBPACK_IMPORTED_MODULE_8__[\"default\"],\n emitterImages: _emitterImages_js__WEBPACK_IMPORTED_MODULE_9__[\"default\"],\n emitterPaths: _emitterPaths_js__WEBPACK_IMPORTED_MODULE_10__[\"default\"],\n emitterShapes: _emitterShapes_js__WEBPACK_IMPORTED_MODULE_11__[\"default\"],\n emitterSpawnColor: _emitterSpawnColor_js__WEBPACK_IMPORTED_MODULE_12__[\"default\"],\n emitterTextShape: _emitterTextShape_js__WEBPACK_IMPORTED_MODULE_13__[\"default\"],\n emitterTextStrokeShape: _emitterTextStrokeShape_js__WEBPACK_IMPORTED_MODULE_14__[\"default\"]\n});\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/e/index.js?\n}");
538
548
 
539
549
  /***/ },
540
550
 
@@ -544,7 +554,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
544
554
  \*******************************************/
545
555
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
546
556
 
547
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"fallingConfetti\",\n name: \"Falling Confetti\",\n background: {\n color: \"#000000\"\n },\n particles: {\n fill: {\n color: {\n value: [\n \"#FF0000\",\n \"#FF2A00\",\n \"#FF5500\",\n \"#FF8000\",\n \"#FFAA00\",\n \"#FFD400\",\n \"#FFFF00\",\n \"#D4FF00\",\n \"#AAFF00\",\n \"#80FF00\",\n \"#55FF00\",\n \"#2AFF00\",\n \"#00FF00\",\n \"#00FF2A\",\n \"#00FF55\",\n \"#00FF80\",\n \"#00FFAA\",\n \"#00FFD4\",\n \"#00FFFF\",\n \"#00D4FF\",\n \"#00AAFF\",\n \"#0080FF\",\n \"#0055FF\",\n \"#002AFF\",\n \"#0000FF\",\n \"#2A00FF\",\n \"#5500FF\",\n \"#8000FF\",\n \"#AA00FF\",\n \"#D400FF\",\n \"#FF00FF\",\n \"#FF00D4\",\n \"#FF00AA\",\n \"#FF0080\",\n \"#FF0055\",\n \"#FF002A\"\n ],\n animation: {\n enable: true,\n speed: 30\n }\n },\n enable: true\n },\n move: {\n direction: \"bottom\",\n enable: true,\n outModes: \"out\",\n speed: {\n min: 3,\n max: 10\n }\n },\n number: {\n value: 300\n },\n opacity: {\n value: 1\n },\n rotate: {\n value: {\n min: 0,\n max: 360\n },\n direction: \"random\",\n move: true,\n animation: {\n enable: true,\n speed: 60\n }\n },\n tilt: {\n direction: \"random\",\n enable: true,\n value: {\n min: 0,\n max: 360\n },\n animation: {\n enable: true,\n speed: 60\n }\n },\n shape: {\n type: [\n \"circle\",\n \"square\",\n \"polygon\"\n ],\n options: {\n polygon: [\n {\n sides: 5\n },\n {\n sides: 6\n }\n ]\n }\n },\n size: {\n value: {\n min: 5,\n max: 15\n }\n },\n roll: {\n darken: {\n enable: true,\n value: 30\n },\n enlighten: {\n enable: true,\n value: 30\n },\n enable: true,\n mode: \"both\",\n speed: {\n min: 15,\n max: 25\n }\n },\n wobble: {\n distance: 30,\n enable: true,\n move: true,\n speed: {\n min: -15,\n max: 15\n }\n }\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/f/fallingConfetti.js?\n}");
557
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"fallingConfetti\",\n name: \"Falling Confetti\",\n background: {\n color: \"#000000\"\n },\n particles: {\n paint: {\n fill: {\n color: {\n value: [\n \"#FF0000\",\n \"#FF2A00\",\n \"#FF5500\",\n \"#FF8000\",\n \"#FFAA00\",\n \"#FFD400\",\n \"#FFFF00\",\n \"#D4FF00\",\n \"#AAFF00\",\n \"#80FF00\",\n \"#55FF00\",\n \"#2AFF00\",\n \"#00FF00\",\n \"#00FF2A\",\n \"#00FF55\",\n \"#00FF80\",\n \"#00FFAA\",\n \"#00FFD4\",\n \"#00FFFF\",\n \"#00D4FF\",\n \"#00AAFF\",\n \"#0080FF\",\n \"#0055FF\",\n \"#002AFF\",\n \"#0000FF\",\n \"#2A00FF\",\n \"#5500FF\",\n \"#8000FF\",\n \"#AA00FF\",\n \"#D400FF\",\n \"#FF00FF\",\n \"#FF00D4\",\n \"#FF00AA\",\n \"#FF0080\",\n \"#FF0055\",\n \"#FF002A\"\n ],\n animation: {\n enable: true,\n speed: 30\n }\n },\n enable: true\n }\n },\n move: {\n direction: \"bottom\",\n enable: true,\n outModes: \"out\",\n speed: {\n min: 3,\n max: 10\n }\n },\n number: {\n value: 300\n },\n opacity: {\n value: 1\n },\n rotate: {\n value: {\n min: 0,\n max: 360\n },\n direction: \"random\",\n move: true,\n animation: {\n enable: true,\n speed: 60\n }\n },\n tilt: {\n direction: \"random\",\n enable: true,\n value: {\n min: 0,\n max: 360\n },\n animation: {\n enable: true,\n speed: 60\n }\n },\n shape: {\n type: [\n \"circle\",\n \"square\",\n \"polygon\"\n ],\n options: {\n polygon: [\n {\n sides: 5\n },\n {\n sides: 6\n }\n ]\n }\n },\n size: {\n value: {\n min: 5,\n max: 15\n }\n },\n roll: {\n darken: {\n enable: true,\n value: 30\n },\n enlighten: {\n enable: true,\n value: 30\n },\n enable: true,\n mode: \"both\",\n speed: {\n min: 15,\n max: 25\n }\n },\n wobble: {\n distance: 30,\n enable: true,\n move: true,\n speed: {\n min: -15,\n max: 15\n }\n }\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/f/fallingConfetti.js?\n}");
548
558
 
549
559
  /***/ },
550
560
 
@@ -554,7 +564,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
554
564
  \*************************************/
555
565
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
556
566
 
557
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n\nconst options = {\n key: \"fireworks\",\n name: \"Fireworks\",\n fullScreen: {\n enable: true\n },\n background: {\n color: \"#000\"\n },\n emitters: {\n direction: \"top\",\n life: {\n count: 0,\n duration: 0.1,\n delay: 0.1\n },\n rate: {\n delay: 0.15,\n quantity: 1\n },\n size: {\n width: 100,\n height: 0\n },\n position: {\n y: 100,\n x: 50\n }\n },\n particles: {\n number: {\n value: 0\n },\n destroy: {\n bounds: {\n top: 30\n },\n mode: \"split\",\n split: {\n count: 1,\n factor: {\n value: 0.333333\n },\n rate: {\n value: 100\n },\n particles: {\n stroke: {\n width: 0\n },\n fill: {\n color: {\n value: [\n \"#FF0000\",\n \"#FF2A00\",\n \"#FF5500\",\n \"#FF8000\",\n \"#FFAA00\",\n \"#FFD400\",\n \"#FFFF00\",\n \"#D4FF00\",\n \"#AAFF00\",\n \"#80FF00\",\n \"#55FF00\",\n \"#2AFF00\",\n \"#00FF00\",\n \"#00FF2A\",\n \"#00FF55\",\n \"#00FF80\",\n \"#00FFAA\",\n \"#00FFD4\",\n \"#00FFFF\",\n \"#00D4FF\",\n \"#00AAFF\",\n \"#0080FF\",\n \"#0055FF\",\n \"#002AFF\",\n \"#0000FF\",\n \"#2A00FF\",\n \"#5500FF\",\n \"#8000FF\",\n \"#AA00FF\",\n \"#D400FF\",\n \"#FF00FF\",\n \"#FF00D4\",\n \"#FF00AA\",\n \"#FF0080\",\n \"#FF0055\",\n \"#FF002A\"\n ]\n },\n enable: true\n },\n number: {\n value: 0\n },\n collisions: {\n enable: false\n },\n destroy: {\n bounds: {\n top: 0\n }\n },\n opacity: {\n value: {\n min: 0.1,\n max: 1\n },\n animation: {\n enable: true,\n speed: 0.7,\n sync: false,\n startValue: \"max\",\n destroy: \"min\"\n }\n },\n shape: {\n type: \"circle\"\n },\n size: {\n value: 2,\n animation: {\n enable: false\n }\n },\n life: {\n count: 1,\n duration: {\n value: {\n min: 1,\n max: 2\n }\n }\n },\n move: {\n enable: true,\n gravity: {\n enable: true,\n acceleration: 9.81,\n inverse: false\n },\n decay: 0.1,\n speed: {\n min: 10,\n max: 25\n },\n direction: \"outside\",\n outModes: \"destroy\"\n }\n }\n }\n },\n life: {\n count: 1\n },\n shape: {\n type: \"line\"\n },\n size: {\n value: {\n min: 0.1,\n max: 50\n },\n animation: {\n enable: true,\n sync: true,\n speed: 90,\n startValue: \"max\",\n destroy: \"min\"\n }\n },\n stroke: {\n color: {\n value: \"#ffffff\"\n },\n width: 1\n },\n rotate: {\n enable: true,\n path: true\n },\n move: {\n enable: true,\n gravity: {\n acceleration: 15,\n enable: true,\n inverse: true,\n maxSpeed: 100\n },\n speed: {\n min: 10,\n max: 20\n },\n outModes: {\n default: \"destroy\",\n top: \"none\"\n }\n }\n },\n sounds: {\n enable: true,\n events: [\n {\n event: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.EventType.particleRemoved,\n filter: (args)=>args.data.particle.options.move.gravity.inverse,\n audio: [\n \"https://particles.js.org/audio/explosion0.mp3\",\n \"https://particles.js.org/audio/explosion1.mp3\",\n \"https://particles.js.org/audio/explosion2.mp3\"\n ]\n }\n ],\n volume: 50\n },\n trail: {\n fill: {\n color: \"#000\"\n },\n enable: true,\n length: 10\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/f/fireworks.js?\n}");
567
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n\nconst options = {\n key: \"fireworks\",\n name: \"Fireworks\",\n fullScreen: {\n enable: true\n },\n background: {\n color: \"#000\"\n },\n emitters: {\n direction: \"top\",\n life: {\n count: 0,\n duration: 0.1,\n delay: 0.1\n },\n rate: {\n delay: 0.15,\n quantity: 1\n },\n size: {\n width: 100,\n height: 0\n },\n position: {\n y: 100,\n x: 50\n }\n },\n particles: {\n number: {\n value: 0\n },\n destroy: {\n bounds: {\n top: 30\n },\n mode: \"split\",\n split: {\n count: 1,\n factor: {\n value: 0.333333\n },\n rate: {\n value: 100\n },\n particles: {\n paint: {\n fill: {\n color: {\n value: [\n \"#FF0000\",\n \"#FF2A00\",\n \"#FF5500\",\n \"#FF8000\",\n \"#FFAA00\",\n \"#FFD400\",\n \"#FFFF00\",\n \"#D4FF00\",\n \"#AAFF00\",\n \"#80FF00\",\n \"#55FF00\",\n \"#2AFF00\",\n \"#00FF00\",\n \"#00FF2A\",\n \"#00FF55\",\n \"#00FF80\",\n \"#00FFAA\",\n \"#00FFD4\",\n \"#00FFFF\",\n \"#00D4FF\",\n \"#00AAFF\",\n \"#0080FF\",\n \"#0055FF\",\n \"#002AFF\",\n \"#0000FF\",\n \"#2A00FF\",\n \"#5500FF\",\n \"#8000FF\",\n \"#AA00FF\",\n \"#D400FF\",\n \"#FF00FF\",\n \"#FF00D4\",\n \"#FF00AA\",\n \"#FF0080\",\n \"#FF0055\",\n \"#FF002A\"\n ]\n },\n enable: true\n },\n stroke: {\n width: 0\n }\n },\n number: {\n value: 0\n },\n collisions: {\n enable: false\n },\n destroy: {\n bounds: {\n top: 0\n }\n },\n opacity: {\n value: {\n min: 0.1,\n max: 1\n },\n animation: {\n enable: true,\n speed: 0.7,\n sync: false,\n startValue: \"max\",\n destroy: \"min\",\n count: 1\n }\n },\n shape: {\n type: \"circle\"\n },\n size: {\n value: 2,\n animation: {\n enable: false\n }\n },\n life: {\n count: 1,\n duration: {\n value: {\n min: 1,\n max: 2\n }\n }\n },\n move: {\n enable: true,\n gravity: {\n enable: true,\n acceleration: 9.81,\n inverse: false\n },\n decay: 0.1,\n speed: {\n min: 10,\n max: 25\n },\n direction: \"outside\",\n outModes: \"destroy\"\n }\n }\n }\n },\n life: {\n count: 1\n },\n shape: {\n type: \"line\"\n },\n size: {\n value: {\n min: 0.1,\n max: 50\n },\n animation: {\n enable: true,\n sync: true,\n speed: 90,\n startValue: \"max\",\n destroy: \"min\",\n count: 1\n }\n },\n paint: {\n stroke: {\n color: {\n value: \"#ffffff\"\n },\n width: 1\n }\n },\n rotate: {\n enable: true,\n path: true\n },\n move: {\n enable: true,\n gravity: {\n acceleration: 15,\n enable: true,\n inverse: true,\n maxSpeed: 100\n },\n speed: {\n min: 10,\n max: 20\n },\n outModes: {\n default: \"destroy\",\n top: \"none\"\n }\n }\n },\n sounds: {\n enable: true,\n events: [\n {\n event: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.EventType.particleRemoved,\n filter: (args)=>args.data.particle.options.move.gravity.inverse,\n audio: [\n \"https://particles.js.org/audio/explosion0.mp3\",\n \"https://particles.js.org/audio/explosion1.mp3\",\n \"https://particles.js.org/audio/explosion2.mp3\"\n ]\n }\n ],\n volume: 50\n },\n trail: {\n fill: {\n color: \"#000\"\n },\n enable: true,\n length: 10\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/f/fireworks.js?\n}");
558
568
 
559
569
  /***/ },
560
570
 
@@ -564,7 +574,17 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
564
574
  \**************************************/
565
575
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
566
576
 
567
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n\nconst options = {\n key: \"fireworks2\",\n name: \"Fireworks 2\",\n fullScreen: {\n enable: true\n },\n background: {\n color: \"#000\"\n },\n emitters: {\n direction: \"top\",\n life: {\n count: 0,\n duration: 0.1,\n delay: 0.1\n },\n rate: {\n delay: 0.15,\n quantity: 1\n },\n size: {\n width: 100,\n height: 0\n },\n position: {\n y: 100,\n x: 50\n }\n },\n particles: {\n fill: {\n color: {\n value: \"#fff\"\n },\n enable: true\n },\n number: {\n value: 0\n },\n destroy: {\n bounds: {\n top: 30\n },\n mode: \"split\",\n split: {\n count: 1,\n factor: {\n value: 0.333333\n },\n rate: {\n value: 100\n },\n particles: {\n stroke: {\n width: 0\n },\n fill: {\n color: {\n value: [\n \"#FF0000\",\n \"#FF2A00\",\n \"#FF5500\",\n \"#FF8000\",\n \"#FFAA00\",\n \"#FFD400\",\n \"#FFFF00\",\n \"#D4FF00\",\n \"#AAFF00\",\n \"#80FF00\",\n \"#55FF00\",\n \"#2AFF00\",\n \"#00FF00\",\n \"#00FF2A\",\n \"#00FF55\",\n \"#00FF80\",\n \"#00FFAA\",\n \"#00FFD4\",\n \"#00FFFF\",\n \"#00D4FF\",\n \"#00AAFF\",\n \"#0080FF\",\n \"#0055FF\",\n \"#002AFF\",\n \"#0000FF\",\n \"#2A00FF\",\n \"#5500FF\",\n \"#8000FF\",\n \"#AA00FF\",\n \"#D400FF\",\n \"#FF00FF\",\n \"#FF00D4\",\n \"#FF00AA\",\n \"#FF0080\",\n \"#FF0055\",\n \"#FF002A\"\n ]\n },\n enable: true\n },\n number: {\n value: 0\n },\n collisions: {\n enable: false\n },\n destroy: {\n bounds: {\n top: 0\n }\n },\n opacity: {\n value: {\n min: 0.1,\n max: 1\n },\n animation: {\n enable: true,\n speed: 0.7,\n sync: false,\n startValue: \"max\",\n destroy: \"min\"\n }\n },\n effect: {\n type: \"trail\",\n options: {\n trail: {\n length: {\n min: 5,\n max: 10\n }\n }\n }\n },\n shape: {\n type: \"circle\"\n },\n size: {\n value: 2,\n animation: {\n enable: false\n }\n },\n life: {\n count: 1,\n duration: {\n value: {\n min: 1,\n max: 2\n }\n }\n },\n move: {\n enable: true,\n gravity: {\n enable: true,\n acceleration: 9.81,\n inverse: false\n },\n decay: 0.1,\n speed: {\n min: 10,\n max: 25\n },\n direction: \"outside\",\n outModes: \"destroy\"\n }\n }\n }\n },\n life: {\n count: 1\n },\n effect: {\n type: \"trail\",\n options: {\n trail: {\n length: {\n min: 10,\n max: 30\n },\n minWidth: 1,\n maxWidth: 1\n }\n }\n },\n shape: {\n type: \"circle\"\n },\n size: {\n value: 1\n },\n move: {\n enable: true,\n gravity: {\n acceleration: 15,\n enable: true,\n inverse: true,\n maxSpeed: 100\n },\n speed: {\n min: 10,\n max: 20\n },\n outModes: {\n default: \"destroy\",\n top: \"none\"\n }\n }\n },\n sounds: {\n enable: true,\n events: [\n {\n event: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.EventType.particleRemoved,\n filter: (args)=>args.data.particle.options.move.gravity.inverse,\n audio: [\n \"https://particles.js.org/audio/explosion0.mp3\",\n \"https://particles.js.org/audio/explosion1.mp3\",\n \"https://particles.js.org/audio/explosion2.mp3\"\n ]\n }\n ],\n volume: 50\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/f/fireworks2.js?\n}");
577
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n\nconst options = {\n key: \"fireworks2\",\n name: \"Fireworks 2\",\n fullScreen: {\n enable: true\n },\n background: {\n color: \"#000\"\n },\n emitters: {\n direction: \"top\",\n life: {\n count: 0,\n duration: 0.1,\n delay: 0.1\n },\n rate: {\n delay: 0.15,\n quantity: 1\n },\n size: {\n width: 100,\n height: 0\n },\n position: {\n y: 100,\n x: 50\n }\n },\n particles: {\n paint: {\n fill: {\n color: {\n value: \"#fff\"\n },\n enable: true\n }\n },\n number: {\n value: 0\n },\n destroy: {\n bounds: {\n top: 30\n },\n mode: \"split\",\n split: {\n count: 1,\n factor: {\n value: 0.333333\n },\n rate: {\n value: 100\n },\n particles: {\n paint: {\n fill: {\n color: {\n value: [\n \"#FF0000\",\n \"#FF2A00\",\n \"#FF5500\",\n \"#FF8000\",\n \"#FFAA00\",\n \"#FFD400\",\n \"#FFFF00\",\n \"#D4FF00\",\n \"#AAFF00\",\n \"#80FF00\",\n \"#55FF00\",\n \"#2AFF00\",\n \"#00FF00\",\n \"#00FF2A\",\n \"#00FF55\",\n \"#00FF80\",\n \"#00FFAA\",\n \"#00FFD4\",\n \"#00FFFF\",\n \"#00D4FF\",\n \"#00AAFF\",\n \"#0080FF\",\n \"#0055FF\",\n \"#002AFF\",\n \"#0000FF\",\n \"#2A00FF\",\n \"#5500FF\",\n \"#8000FF\",\n \"#AA00FF\",\n \"#D400FF\",\n \"#FF00FF\",\n \"#FF00D4\",\n \"#FF00AA\",\n \"#FF0080\",\n \"#FF0055\",\n \"#FF002A\"\n ]\n },\n enable: true\n },\n stroke: {\n width: 0\n }\n },\n number: {\n value: 0\n },\n collisions: {\n enable: false\n },\n destroy: {\n bounds: {\n top: 0\n }\n },\n opacity: {\n value: {\n min: 0.1,\n max: 1\n },\n animation: {\n enable: true,\n speed: 0.7,\n sync: false,\n startValue: \"max\",\n destroy: \"min\",\n count: 1\n }\n },\n effect: {\n type: \"trail\",\n options: {\n trail: {\n length: {\n min: 5,\n max: 10\n }\n }\n }\n },\n shape: {\n type: \"circle\"\n },\n size: {\n value: 2,\n animation: {\n enable: false\n }\n },\n life: {\n count: 1,\n duration: {\n value: {\n min: 1,\n max: 2\n }\n }\n },\n move: {\n enable: true,\n gravity: {\n enable: true,\n acceleration: 9.81,\n inverse: false\n },\n decay: 0.1,\n speed: {\n min: 10,\n max: 25\n },\n direction: \"outside\",\n outModes: \"destroy\"\n }\n }\n }\n },\n life: {\n count: 1\n },\n effect: {\n type: \"trail\",\n options: {\n trail: {\n length: {\n min: 10,\n max: 30\n },\n minWidth: 1,\n maxWidth: 1\n }\n }\n },\n shape: {\n type: \"circle\"\n },\n size: {\n value: 1\n },\n move: {\n enable: true,\n gravity: {\n acceleration: 15,\n enable: true,\n inverse: true,\n maxSpeed: 100\n },\n speed: {\n min: 10,\n max: 20\n },\n outModes: {\n default: \"destroy\",\n top: \"none\"\n }\n }\n },\n sounds: {\n enable: true,\n events: [\n {\n event: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.EventType.particleRemoved,\n filter: (args)=>args.data.particle.options.move.gravity.inverse,\n audio: [\n \"https://particles.js.org/audio/explosion0.mp3\",\n \"https://particles.js.org/audio/explosion1.mp3\",\n \"https://particles.js.org/audio/explosion2.mp3\"\n ]\n }\n ],\n volume: 50\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/f/fireworks2.js?\n}");
578
+
579
+ /***/ },
580
+
581
+ /***/ "./dist/browser/f/fireworks3.js"
582
+ /*!**************************************!*\
583
+ !*** ./dist/browser/f/fireworks3.js ***!
584
+ \**************************************/
585
+ (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
586
+
587
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n\nconst thirdFactor = 3, third = _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.identity / thirdFactor, options = {\n key: \"fireworks3\",\n name: \"Fireworks 3\",\n fullScreen: {\n enable: true\n },\n background: {\n color: \"#000\"\n },\n blend: {\n enable: true,\n mode: \"lighter\"\n },\n emitters: {\n direction: \"top\",\n life: {\n count: 0,\n duration: 0.1,\n delay: 0.1\n },\n rate: {\n delay: 0.1,\n quantity: 1\n },\n size: {\n width: 100,\n height: 0\n },\n position: {\n y: 100,\n x: 50\n }\n },\n particles: {\n paint: {\n stroke: {\n color: {\n value: [\n \"#FF0000\",\n \"#FF2A00\",\n \"#FF5500\",\n \"#FF8000\",\n \"#FFAA00\",\n \"#FFD400\",\n \"#FFFF00\",\n \"#D4FF00\",\n \"#AAFF00\",\n \"#80FF00\",\n \"#55FF00\",\n \"#2AFF00\",\n \"#00FF00\",\n \"#00FF2A\",\n \"#00FF55\",\n \"#00FF80\",\n \"#00FFAA\",\n \"#00FFD4\",\n \"#00FFFF\",\n \"#00D4FF\",\n \"#00AAFF\",\n \"#0080FF\",\n \"#0055FF\",\n \"#002AFF\",\n \"#0000FF\",\n \"#2A00FF\",\n \"#5500FF\",\n \"#8000FF\",\n \"#AA00FF\",\n \"#D400FF\",\n \"#FF00FF\",\n \"#FF00D4\",\n \"#FF00AA\",\n \"#FF0080\",\n \"#FF0055\",\n \"#FF002A\"\n ]\n },\n width: 2\n }\n },\n number: {\n value: 0\n },\n destroy: {\n bounds: {\n top: {\n min: 10,\n max: 30\n }\n },\n mode: \"split\",\n split: {\n count: 1,\n factor: {\n value: third\n },\n rate: {\n value: 100\n },\n strokeColorOffset: {\n l: {\n min: -30,\n max: 30\n }\n },\n particles: {\n destroy: {\n bounds: {\n top: 0\n }\n },\n opacity: {\n value: {\n min: 0.1,\n max: 1\n },\n animation: {\n enable: true,\n speed: {\n min: 2,\n max: 4\n },\n sync: true,\n startValue: \"max\",\n destroy: \"min\",\n count: 1\n }\n },\n size: {\n value: {\n min: 5,\n max: 10\n },\n animation: {\n enable: false\n }\n },\n life: {\n count: 1,\n duration: {\n value: {\n min: 0.5,\n max: 1\n }\n }\n },\n move: {\n gravity: {\n enable: false\n },\n enable: true,\n decay: 0.05,\n speed: {\n min: 10,\n max: 25\n },\n direction: \"outside\",\n outModes: \"destroy\"\n }\n }\n }\n },\n life: {\n count: 1\n },\n shape: {\n type: \"line\",\n options: {\n line: {\n cap: \"round\"\n }\n }\n },\n size: {\n value: {\n min: 10,\n max: 20\n }\n },\n move: {\n enable: true,\n gravity: {\n acceleration: 30,\n enable: true,\n inverse: true,\n maxSpeed: 150\n },\n speed: {\n min: 20,\n max: 40\n },\n outModes: {\n default: \"destroy\",\n top: \"none\"\n }\n },\n rotate: {\n path: true\n }\n },\n sounds: {\n enable: true,\n events: [\n {\n event: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.EventType.particleRemoved,\n filter: (args)=>{\n const particle = args.data?.particle;\n return particle?.options.move.gravity.enable ?? false;\n },\n audio: [\n \"https://particles.js.org/audio/explosion0.mp3\",\n \"https://particles.js.org/audio/explosion1.mp3\",\n \"https://particles.js.org/audio/explosion2.mp3\"\n ]\n }\n ],\n volume: 50\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/f/fireworks3.js?\n}");
568
588
 
569
589
  /***/ },
570
590
 
@@ -574,7 +594,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
574
594
  \*****************************************/
575
595
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
576
596
 
577
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n\nconst options = {\n key: \"fireworksMask\",\n name: \"Fireworks Background Mask\",\n fullScreen: {\n enable: true\n },\n background: {\n color: \"#ffffff\",\n image: \"url('https://particles.js.org/images/hdr/background3.jpg')\",\n position: \"50% 50%\",\n repeat: \"no-repeat\",\n size: \"cover\"\n },\n backgroundMask: {\n enable: true,\n cover: {\n color: \"#000\"\n }\n },\n emitters: {\n direction: \"top\",\n life: {\n count: 0,\n duration: 0.1,\n delay: 0.1\n },\n rate: {\n delay: 0.15,\n quantity: 1\n },\n size: {\n width: 100,\n height: 0\n },\n position: {\n y: 100,\n x: 50\n }\n },\n particles: {\n fill: {\n color: {\n value: \"#fff\"\n },\n enable: true\n },\n number: {\n value: 0\n },\n destroy: {\n bounds: {\n top: 30\n },\n mode: \"split\",\n split: {\n count: 1,\n factor: {\n value: 0.333333\n },\n rate: {\n value: 100\n },\n particles: {\n stroke: {\n width: 0\n },\n fill: {\n color: {\n value: [\n \"#ff595e\",\n \"#ffca3a\",\n \"#8ac926\",\n \"#1982c4\",\n \"#6a4c93\"\n ]\n }\n },\n number: {\n value: 0\n },\n collisions: {\n enable: false\n },\n destroy: {\n bounds: {\n top: 0\n }\n },\n opacity: {\n value: {\n min: 0.1,\n max: 1\n },\n animation: {\n enable: true,\n speed: 0.7,\n sync: false,\n startValue: \"max\",\n destroy: \"min\"\n }\n },\n effect: {\n type: \"trail\",\n options: {\n trail: {\n length: {\n min: 5,\n max: 10\n }\n }\n }\n },\n shape: {\n type: \"circle\"\n },\n size: {\n value: 2,\n animation: {\n enable: false\n }\n },\n life: {\n count: 1,\n duration: {\n value: {\n min: 1,\n max: 2\n }\n }\n },\n move: {\n enable: true,\n gravity: {\n enable: true,\n acceleration: 9.81,\n inverse: false\n },\n decay: 0.1,\n speed: {\n min: 10,\n max: 25\n },\n direction: \"outside\",\n outModes: \"destroy\"\n }\n }\n }\n },\n life: {\n count: 1\n },\n effect: {\n type: \"trail\",\n options: {\n trail: {\n length: {\n min: 10,\n max: 30\n },\n minWidth: 1,\n maxWidth: 1\n }\n }\n },\n shape: {\n type: \"circle\"\n },\n size: {\n value: 1\n },\n move: {\n enable: true,\n gravity: {\n acceleration: 15,\n enable: true,\n inverse: true,\n maxSpeed: 100\n },\n speed: {\n min: 10,\n max: 20\n },\n outModes: {\n default: \"destroy\",\n top: \"none\"\n }\n }\n },\n sounds: {\n enable: true,\n events: [\n {\n event: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.EventType.particleRemoved,\n filter: (args)=>args.data.particle.options.move.gravity.inverse,\n audio: [\n \"https://particles.js.org/audio/explosion0.mp3\",\n \"https://particles.js.org/audio/explosion1.mp3\",\n \"https://particles.js.org/audio/explosion2.mp3\"\n ]\n }\n ],\n volume: 50\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/f/fireworksMask.js?\n}");
597
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n\nconst options = {\n key: \"fireworksMask\",\n name: \"Fireworks Background Mask\",\n fullScreen: {\n enable: true\n },\n background: {\n color: \"#ffffff\",\n image: \"url('https://particles.js.org/images/hdr/background3.jpg')\",\n position: \"50% 50%\",\n repeat: \"no-repeat\",\n size: \"cover\"\n },\n backgroundMask: {\n enable: true,\n cover: {\n color: \"#000\"\n }\n },\n emitters: {\n direction: \"top\",\n life: {\n count: 0,\n duration: 0.1,\n delay: 0.1\n },\n rate: {\n delay: 0.15,\n quantity: 1\n },\n size: {\n width: 100,\n height: 0\n },\n position: {\n y: 100,\n x: 50\n }\n },\n particles: {\n paint: {\n fill: {\n color: {\n value: \"#fff\"\n },\n enable: true\n }\n },\n number: {\n value: 0\n },\n destroy: {\n bounds: {\n top: 30\n },\n mode: \"split\",\n split: {\n count: 1,\n factor: {\n value: 0.333333\n },\n rate: {\n value: 100\n },\n particles: {\n paint: {\n fill: {\n color: {\n value: [\n \"#ff595e\",\n \"#ffca3a\",\n \"#8ac926\",\n \"#1982c4\",\n \"#6a4c93\"\n ]\n }\n },\n stroke: {\n width: 0\n }\n },\n number: {\n value: 0\n },\n collisions: {\n enable: false\n },\n destroy: {\n bounds: {\n top: 0\n }\n },\n opacity: {\n value: {\n min: 0.1,\n max: 1\n },\n animation: {\n enable: true,\n speed: 0.7,\n sync: false,\n startValue: \"max\",\n destroy: \"min\",\n count: 1\n }\n },\n effect: {\n type: \"trail\",\n options: {\n trail: {\n length: {\n min: 5,\n max: 10\n }\n }\n }\n },\n shape: {\n type: \"circle\"\n },\n size: {\n value: 2,\n animation: {\n enable: false\n }\n },\n life: {\n count: 1,\n duration: {\n value: {\n min: 1,\n max: 2\n }\n }\n },\n move: {\n enable: true,\n gravity: {\n enable: true,\n acceleration: 9.81,\n inverse: false\n },\n decay: 0.1,\n speed: {\n min: 10,\n max: 25\n },\n direction: \"outside\",\n outModes: \"destroy\"\n }\n }\n }\n },\n life: {\n count: 1\n },\n effect: {\n type: \"trail\",\n options: {\n trail: {\n length: {\n min: 10,\n max: 30\n },\n minWidth: 1,\n maxWidth: 1\n }\n }\n },\n shape: {\n type: \"circle\"\n },\n size: {\n value: 1\n },\n move: {\n enable: true,\n gravity: {\n acceleration: 15,\n enable: true,\n inverse: true,\n maxSpeed: 100\n },\n speed: {\n min: 10,\n max: 20\n },\n outModes: {\n default: \"destroy\",\n top: \"none\"\n }\n }\n },\n sounds: {\n enable: true,\n events: [\n {\n event: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.EventType.particleRemoved,\n filter: (args)=>args.data.particle.options.move.gravity.inverse,\n audio: [\n \"https://particles.js.org/audio/explosion0.mp3\",\n \"https://particles.js.org/audio/explosion1.mp3\",\n \"https://particles.js.org/audio/explosion2.mp3\"\n ]\n }\n ],\n volume: 50\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/f/fireworksMask.js?\n}");
578
598
 
579
599
  /***/ },
580
600
 
@@ -584,7 +604,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
584
604
  \***************************************/
585
605
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
586
606
 
587
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"fontawesome\",\n name: \"Font Awesome\",\n interactivity: {\n events: {\n onClick: {\n enable: true,\n mode: \"push\"\n },\n onHover: {\n enable: true,\n mode: \"repulse\"\n }\n },\n modes: {\n push: {\n quantity: 4\n },\n repulse: {\n distance: 200,\n duration: 0.4\n }\n }\n },\n particles: {\n fill: {\n color: {\n value: \"#ffffff\"\n },\n enable: true\n },\n links: {\n blink: false,\n color: \"#ffffff\",\n consent: false,\n distance: 150,\n enable: true,\n opacity: 0.4,\n width: 1\n },\n move: {\n direction: \"none\",\n enable: true,\n speed: 2\n },\n number: {\n density: {\n enable: true\n },\n value: 80\n },\n opacity: {\n animation: {\n enable: true,\n speed: 1,\n sync: false\n },\n value: {\n min: 0.1,\n max: 0.5\n }\n },\n shape: {\n options: {\n char: [\n {\n font: \"Font Awesome 5 Brands\",\n style: \"\",\n value: [\n \"\\uf179\"\n ],\n weight: \"400\"\n },\n {\n font: \"Font Awesome 5 Free\",\n style: \"\",\n value: [\n \"\\uf5d1\"\n ],\n weight: \"900\"\n }\n ]\n },\n type: \"char\"\n },\n stroke: {\n color: {\n value: \"#ffffff\"\n },\n width: 1\n },\n size: {\n value: 16\n }\n },\n pauseOnBlur: true,\n background: {\n color: \"#0d47a1\",\n image: \"\",\n position: \"50% 50%\",\n repeat: \"no-repeat\",\n size: \"cover\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/f/fontawesome.js?\n}");
607
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"fontawesome\",\n name: \"Font Awesome\",\n interactivity: {\n events: {\n onClick: {\n enable: true,\n mode: \"push\"\n },\n onHover: {\n enable: true,\n mode: \"repulse\"\n }\n },\n modes: {\n push: {\n quantity: 4\n },\n repulse: {\n distance: 200,\n duration: 0.4\n }\n }\n },\n particles: {\n paint: {\n fill: {\n color: {\n value: \"#ffffff\"\n },\n enable: true\n },\n stroke: {\n color: {\n value: \"#ffffff\"\n },\n width: 1\n }\n },\n links: {\n blink: false,\n color: \"#ffffff\",\n consent: false,\n distance: 150,\n enable: true,\n opacity: 0.4,\n width: 1\n },\n move: {\n direction: \"none\",\n enable: true,\n speed: 2\n },\n number: {\n density: {\n enable: true\n },\n value: 80\n },\n opacity: {\n animation: {\n enable: true,\n speed: 1,\n sync: false\n },\n value: {\n min: 0.1,\n max: 0.5\n }\n },\n shape: {\n options: {\n char: [\n {\n font: \"Font Awesome 5 Brands\",\n style: \"\",\n value: [\n \"\\uf179\"\n ],\n weight: \"400\"\n },\n {\n font: \"Font Awesome 5 Free\",\n style: \"\",\n value: [\n \"\\uf5d1\"\n ],\n weight: \"900\"\n }\n ]\n },\n type: \"char\"\n },\n size: {\n value: 16\n }\n },\n pauseOnBlur: true,\n background: {\n color: \"#0d47a1\",\n image: \"\",\n position: \"50% 50%\",\n repeat: \"no-repeat\",\n size: \"cover\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/f/fontawesome.js?\n}");
588
608
 
589
609
  /***/ },
590
610
 
@@ -594,7 +614,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
594
614
  \***********************************/
595
615
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
596
616
 
597
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"forward\",\n name: \"Forward\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n rotate: {\n path: true\n },\n fill: {\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 20,\n sync: true\n }\n },\n enable: true\n },\n shape: {\n type: \"image\",\n options: {\n image: {\n src: \"https://particles.js.org/images/hdr/arrow.png\",\n width: 512,\n height: 512,\n replaceColor: true\n }\n }\n },\n opacity: {\n value: 1\n },\n size: {\n value: {\n min: 1,\n max: 32\n }\n },\n move: {\n enable: true,\n speed: 6\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"repulse\"\n },\n onClick: {\n enable: true,\n mode: \"push\"\n }\n },\n modes: {\n grab: {\n distance: 400,\n links: {\n opacity: 1\n }\n },\n bubble: {\n distance: 400,\n size: 40,\n duration: 2,\n opacity: 0.8\n },\n repulse: {\n distance: 200\n },\n push: {\n quantity: 4\n },\n remove: {\n quantity: 2\n }\n }\n },\n background: {\n color: \"#ffffff\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/f/forward.js?\n}");
617
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"forward\",\n name: \"Forward\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n rotate: {\n path: true\n },\n paint: {\n fill: {\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 20,\n sync: true\n }\n },\n enable: true\n }\n },\n shape: {\n type: \"image\",\n options: {\n image: {\n src: \"https://particles.js.org/images/hdr/arrow.png\",\n width: 512,\n height: 512,\n replaceColor: true\n }\n }\n },\n opacity: {\n value: 1\n },\n size: {\n value: {\n min: 1,\n max: 32\n }\n },\n move: {\n enable: true,\n speed: 6\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"repulse\"\n },\n onClick: {\n enable: true,\n mode: \"push\"\n }\n },\n modes: {\n grab: {\n distance: 400,\n links: {\n opacity: 1\n }\n },\n bubble: {\n distance: 400,\n size: 40,\n duration: 2,\n opacity: 0.8\n },\n repulse: {\n distance: 200\n },\n push: {\n quantity: 4\n },\n remove: {\n quantity: 2\n }\n }\n },\n background: {\n color: \"#ffffff\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/f/forward.js?\n}");
598
618
 
599
619
  /***/ },
600
620
 
@@ -604,7 +624,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
604
624
  \*********************************/
605
625
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
606
626
 
607
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _fallingConfetti_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./fallingConfetti.js */ \"./dist/browser/f/fallingConfetti.js\");\n/* harmony import */ var _fireworks_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./fireworks.js */ \"./dist/browser/f/fireworks.js\");\n/* harmony import */ var _fireworks2_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./fireworks2.js */ \"./dist/browser/f/fireworks2.js\");\n/* harmony import */ var _fireworksMask_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./fireworksMask.js */ \"./dist/browser/f/fireworksMask.js\");\n/* harmony import */ var _fontawesome_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./fontawesome.js */ \"./dist/browser/f/fontawesome.js\");\n/* harmony import */ var _forward_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./forward.js */ \"./dist/browser/f/forward.js\");\n\n\n\n\n\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({\n fallingConfetti: _fallingConfetti_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"],\n fireworks: _fireworks_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n fireworks2: _fireworks2_js__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n fireworksMask: _fireworksMask_js__WEBPACK_IMPORTED_MODULE_3__[\"default\"],\n fontawesome: _fontawesome_js__WEBPACK_IMPORTED_MODULE_4__[\"default\"],\n forward: _forward_js__WEBPACK_IMPORTED_MODULE_5__[\"default\"]\n});\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/f/index.js?\n}");
627
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _fallingConfetti_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./fallingConfetti.js */ \"./dist/browser/f/fallingConfetti.js\");\n/* harmony import */ var _fireworks_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./fireworks.js */ \"./dist/browser/f/fireworks.js\");\n/* harmony import */ var _fireworks2_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./fireworks2.js */ \"./dist/browser/f/fireworks2.js\");\n/* harmony import */ var _fireworks3_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./fireworks3.js */ \"./dist/browser/f/fireworks3.js\");\n/* harmony import */ var _fireworksMask_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./fireworksMask.js */ \"./dist/browser/f/fireworksMask.js\");\n/* harmony import */ var _fontawesome_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./fontawesome.js */ \"./dist/browser/f/fontawesome.js\");\n/* harmony import */ var _forward_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./forward.js */ \"./dist/browser/f/forward.js\");\n\n\n\n\n\n\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({\n fallingConfetti: _fallingConfetti_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"],\n fireworks: _fireworks_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n fireworks2: _fireworks2_js__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n fireworks3: _fireworks3_js__WEBPACK_IMPORTED_MODULE_3__[\"default\"],\n fireworksMask: _fireworksMask_js__WEBPACK_IMPORTED_MODULE_4__[\"default\"],\n fontawesome: _fontawesome_js__WEBPACK_IMPORTED_MODULE_5__[\"default\"],\n forward: _forward_js__WEBPACK_IMPORTED_MODULE_6__[\"default\"]\n});\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/f/index.js?\n}");
608
628
 
609
629
  /***/ },
610
630
 
@@ -624,7 +644,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
624
644
  \*******************************************/
625
645
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
626
646
 
627
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"grabRandomColor\",\n name: \"Grab Random Color\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n fill: {\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 20,\n sync: true\n }\n },\n enable: true\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 0.5\n },\n size: {\n value: {\n min: 1,\n max: 3\n }\n },\n links: {\n enable: true,\n distance: 100,\n color: \"#ffffff\",\n opacity: 0.4,\n width: 1\n },\n move: {\n enable: true,\n speed: 6\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"grab\"\n },\n onClick: {\n enable: true,\n mode: \"push\"\n }\n },\n modes: {\n grab: {\n distance: 400,\n links: {\n color: \"random\",\n opacity: 1\n }\n },\n bubble: {\n distance: 400,\n size: 40,\n duration: 2,\n opacity: 0.8\n },\n repulse: {\n distance: 200\n },\n push: {\n quantity: 4\n },\n remove: {\n quantity: 2\n }\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/g/grabRandomColor.js?\n}");
647
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"grabRandomColor\",\n name: \"Grab Random Color\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n paint: {\n fill: {\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 20,\n sync: true\n }\n },\n enable: true\n }\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 0.5\n },\n size: {\n value: {\n min: 1,\n max: 3\n }\n },\n links: {\n enable: true,\n distance: 100,\n color: \"#ffffff\",\n opacity: 0.4,\n width: 1\n },\n move: {\n enable: true,\n speed: 6\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"grab\"\n },\n onClick: {\n enable: true,\n mode: \"push\"\n }\n },\n modes: {\n grab: {\n distance: 400,\n links: {\n color: \"random\",\n opacity: 1\n }\n },\n bubble: {\n distance: 400,\n size: 40,\n duration: 2,\n opacity: 0.8\n },\n repulse: {\n distance: 200\n },\n push: {\n quantity: 4\n },\n remove: {\n quantity: 2\n }\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/g/grabRandomColor.js?\n}");
628
648
 
629
649
  /***/ },
630
650
 
@@ -644,7 +664,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
644
664
  \***********************************/
645
665
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
646
666
 
647
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"gravity\",\n name: \"Gravity\",\n particles: {\n destroy: {\n mode: \"split\",\n split: {\n count: 1,\n factor: {\n value: {\n min: 2,\n max: 4\n }\n }\n }\n },\n fill: {\n color: {\n value: \"#ffffff\"\n },\n enable: true\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 0.5\n },\n size: {\n value: {\n min: 5,\n max: 15\n }\n },\n life: {\n duration: {\n sync: true,\n value: 5\n },\n count: 1\n },\n move: {\n enable: true,\n gravity: {\n enable: true\n },\n speed: {\n min: 5,\n max: 15\n },\n outModes: {\n bottom: \"split\",\n default: \"bounce\",\n top: \"none\"\n }\n }\n },\n background: {\n color: \"#000\"\n },\n emitters: {\n direction: \"top\",\n life: {\n count: 0,\n duration: 3,\n delay: 2\n },\n position: {\n y: {\n min: 30,\n max: 70\n },\n x: {\n min: 30,\n max: 70\n }\n },\n rate: {\n delay: 0.1,\n quantity: 2\n },\n size: {\n width: 0,\n height: 0\n },\n particles: {\n bounce: {\n vertical: {\n value: {\n min: 0.4,\n max: 0.6\n }\n }\n },\n fill: {\n color: {\n value: [\n \"#5bc0eb\",\n \"#fde74c\",\n \"#9bc53d\",\n \"#e55934\",\n \"#fa7921\",\n \"#2FF3E0\",\n \"#F8D210\",\n \"#FA26A0\",\n \"#F51720\"\n ]\n }\n },\n size: {\n value: {\n min: 5,\n max: 10\n }\n },\n opacity: {\n value: 0.5\n },\n move: {\n speed: {\n min: 5,\n max: 15\n }\n }\n }\n },\n trail: {\n enable: true,\n fill: {\n color: \"#000000\"\n },\n length: 10\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/g/gravity.js?\n}");
667
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"gravity\",\n name: \"Gravity\",\n particles: {\n destroy: {\n mode: \"split\",\n split: {\n count: 1,\n factor: {\n value: {\n min: 2,\n max: 4\n }\n }\n }\n },\n paint: {\n fill: {\n color: {\n value: \"#ffffff\"\n },\n enable: true\n }\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 0.5\n },\n size: {\n value: {\n min: 5,\n max: 15\n }\n },\n life: {\n duration: {\n sync: true,\n value: 5\n },\n count: 1\n },\n move: {\n enable: true,\n gravity: {\n enable: true\n },\n speed: {\n min: 5,\n max: 15\n },\n outModes: {\n bottom: \"split\",\n default: \"bounce\",\n top: \"none\"\n }\n }\n },\n background: {\n color: \"#000\"\n },\n emitters: {\n direction: \"top\",\n life: {\n count: 0,\n duration: 3,\n delay: 2\n },\n position: {\n y: {\n min: 30,\n max: 70\n },\n x: {\n min: 30,\n max: 70\n }\n },\n rate: {\n delay: 0.1,\n quantity: 2\n },\n size: {\n width: 0,\n height: 0\n },\n particles: {\n bounce: {\n vertical: {\n value: {\n min: 0.4,\n max: 0.6\n }\n }\n },\n paint: {\n fill: {\n color: {\n value: [\n \"#5bc0eb\",\n \"#fde74c\",\n \"#9bc53d\",\n \"#e55934\",\n \"#fa7921\",\n \"#2FF3E0\",\n \"#F8D210\",\n \"#FA26A0\",\n \"#F51720\"\n ]\n }\n }\n },\n size: {\n value: {\n min: 5,\n max: 10\n }\n },\n opacity: {\n value: 0.5\n },\n move: {\n speed: {\n min: 5,\n max: 15\n }\n }\n }\n },\n trail: {\n enable: true,\n fill: {\n color: \"#000000\"\n },\n length: 10\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/g/gravity.js?\n}");
648
668
 
649
669
  /***/ },
650
670
 
@@ -654,7 +674,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
654
674
  \**********************************/
655
675
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
656
676
 
657
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"groups\",\n name: \"Groups\",\n particles: {\n groups: {\n green: {\n number: {\n value: 10\n },\n color: {\n value: \"#00ff00\"\n }\n },\n yellow: {\n number: {\n value: 10\n },\n color: {\n value: \"#ffff00\"\n }\n },\n blue: {\n number: {\n value: 10\n },\n color: {\n value: \"#0000ff\"\n }\n },\n cyan: {\n number: {\n value: 10\n },\n color: {\n value: \"#00ffff\"\n }\n }\n },\n number: {\n value: 40,\n density: {\n enable: true\n }\n },\n fill: {\n color: {\n value: \"#ffffff\"\n },\n enable: true\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 0.5\n },\n size: {\n value: 10\n },\n move: {\n enable: true,\n speed: 2\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/g/groups.js?\n}");
677
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"groups\",\n name: \"Groups\",\n particles: {\n groups: {\n green: {\n number: {\n value: 10\n },\n color: {\n value: \"#00ff00\"\n }\n },\n yellow: {\n number: {\n value: 10\n },\n color: {\n value: \"#ffff00\"\n }\n },\n blue: {\n number: {\n value: 10\n },\n color: {\n value: \"#0000ff\"\n }\n },\n cyan: {\n number: {\n value: 10\n },\n color: {\n value: \"#00ffff\"\n }\n }\n },\n number: {\n value: 40,\n density: {\n enable: true\n }\n },\n paint: {\n fill: {\n color: {\n value: \"#ffffff\"\n },\n enable: true\n }\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 0.5\n },\n size: {\n value: 10\n },\n move: {\n enable: true,\n speed: 2\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/g/groups.js?\n}");
658
678
 
659
679
  /***/ },
660
680
 
@@ -664,7 +684,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
664
684
  \***********************************/
665
685
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
666
686
 
667
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"growing\",\n name: \"Growing\",\n emitters: {\n direction: \"top\",\n size: {\n width: 100,\n height: 0\n },\n position: {\n x: 50,\n y: 100\n },\n rate: {\n delay: 0.1,\n quantity: 2\n }\n },\n particles: {\n number: {\n value: 0,\n density: {\n enable: true\n }\n },\n fill: {\n color: {\n value: \"random\"\n },\n enable: true\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 1\n },\n size: {\n value: {\n min: 1,\n max: 20\n },\n animation: {\n enable: true,\n speed: 5,\n sync: true,\n startValue: \"min\",\n destroy: \"max\"\n }\n },\n links: {\n enable: false,\n distance: 150,\n color: \"#ffffff\",\n opacity: 0.4,\n width: 1\n },\n move: {\n enable: true,\n speed: 5,\n outModes: \"destroy\"\n }\n },\n background: {\n color: \"#000000\",\n image: \"\",\n position: \"50% 50%\",\n repeat: \"no-repeat\",\n size: \"cover\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/g/growing.js?\n}");
687
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"growing\",\n name: \"Growing\",\n emitters: {\n direction: \"top\",\n size: {\n width: 100,\n height: 0\n },\n position: {\n x: 50,\n y: 100\n },\n rate: {\n delay: 0.1,\n quantity: 2\n }\n },\n particles: {\n number: {\n value: 0,\n density: {\n enable: true\n }\n },\n paint: {\n fill: {\n color: {\n value: \"random\"\n },\n enable: true\n }\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 1\n },\n size: {\n value: {\n min: 1,\n max: 20\n },\n animation: {\n enable: true,\n speed: 5,\n sync: true,\n startValue: \"min\",\n destroy: \"max\",\n count: 1\n }\n },\n links: {\n enable: false,\n distance: 150,\n color: \"#ffffff\",\n opacity: 0.4,\n width: 1\n },\n move: {\n enable: true,\n speed: 5,\n outModes: \"destroy\"\n }\n },\n background: {\n color: \"#000000\",\n image: \"\",\n position: \"50% 50%\",\n repeat: \"no-repeat\",\n size: \"cover\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/g/growing.js?\n}");
668
688
 
669
689
  /***/ },
670
690
 
@@ -684,7 +704,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
684
704
  \***************************************/
685
705
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
686
706
 
687
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"hexagonPath\",\n name: \"Hexagon Path\",\n particles: {\n fill: {\n color: {\n value: \"#FF0000\",\n animation: {\n enable: true,\n speed: 10\n }\n },\n enable: true\n },\n move: {\n direction: \"none\",\n enable: true,\n outModes: {\n default: \"destroy\"\n },\n path: {\n clamp: false,\n enable: true,\n delay: {\n value: 0\n },\n generator: \"polygonPathGenerator\",\n options: {\n sides: 6,\n turnSteps: 30,\n angle: 30\n }\n },\n speed: 3\n },\n number: {\n density: {\n enable: true\n },\n value: 0\n },\n opacity: {\n value: 1\n },\n shape: {\n type: \"circle\"\n },\n size: {\n value: 2\n }\n },\n background: {\n color: \"#000\"\n },\n emitters: {\n direction: \"none\",\n rate: {\n quantity: 1,\n delay: 0.25\n },\n size: {\n width: 0,\n height: 0\n },\n position: {\n x: 50,\n y: 50\n }\n },\n trail: {\n fill: {\n color: \"#000\"\n },\n length: 20,\n enable: true\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/h/hexagonPath.js?\n}");
707
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"hexagonPath\",\n name: \"Hexagon Path\",\n particles: {\n paint: {\n fill: {\n color: {\n value: \"#FF0000\",\n animation: {\n enable: true,\n speed: 10\n }\n },\n enable: true\n }\n },\n move: {\n direction: \"none\",\n enable: true,\n outModes: {\n default: \"destroy\"\n },\n path: {\n clamp: false,\n enable: true,\n delay: {\n value: 0\n },\n generator: \"polygonPathGenerator\",\n options: {\n sides: 6,\n turnSteps: 30,\n angle: 30\n }\n },\n speed: 3\n },\n number: {\n density: {\n enable: true\n },\n value: 0\n },\n opacity: {\n value: 1\n },\n shape: {\n type: \"circle\"\n },\n size: {\n value: 2\n }\n },\n background: {\n color: \"#000\"\n },\n emitters: {\n direction: \"none\",\n rate: {\n quantity: 1,\n delay: 0.25\n },\n size: {\n width: 0,\n height: 0\n },\n position: {\n x: 50,\n y: 50\n }\n },\n trail: {\n fill: {\n color: \"#000\"\n },\n length: 20,\n enable: true\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/h/hexagonPath.js?\n}");
688
708
 
689
709
  /***/ },
690
710
 
@@ -694,7 +714,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
694
714
  \****************************************/
695
715
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
696
716
 
697
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"hollowknight\",\n name: \"Hollow Knight\",\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"bubble\"\n }\n },\n modes: {\n bubble: {\n distance: 40,\n duration: 2,\n opacity: 8,\n size: 6\n },\n connect: {\n distance: 80,\n links: {\n opacity: 0.5\n },\n radius: 60\n },\n grab: {\n distance: 400,\n links: {\n opacity: 1\n }\n },\n push: {\n quantity: 4\n },\n remove: {\n quantity: 2\n },\n repulse: {\n distance: 200,\n duration: 0.4\n },\n slow: {\n active: false,\n radius: 0,\n factor: 1\n }\n }\n },\n particles: {\n fill: {\n color: {\n value: \"#ffffff\"\n },\n enable: true\n },\n links: {\n color: \"#ffffff\",\n distance: 25,\n enable: true,\n opacity: 0.4,\n width: 1\n },\n move: {\n enable: true,\n outModes: \"bounce\",\n speed: 1\n },\n number: {\n density: {\n enable: false\n },\n value: 400\n },\n opacity: {\n animation: {\n enable: true,\n speed: 2,\n sync: false\n },\n value: {\n min: 0.05,\n max: 0.4\n }\n },\n shape: {\n type: \"circle\"\n },\n size: {\n value: 1\n }\n },\n polygon: {\n draw: {\n enable: true,\n stroke: {\n color: \"#fff\",\n width: 0.5,\n opacity: 0.2\n }\n },\n enable: true,\n move: {\n radius: 10\n },\n inline: {\n arrangement: \"equidistant\"\n },\n scale: 2,\n type: \"inline\",\n url: \"https://particles.js.org/images/hdr/hollowknight.svg\"\n },\n background: {\n color: \"#000000\",\n image: \"\",\n position: \"50% 50%\",\n repeat: \"no-repeat\",\n size: \"cover\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/h/hollowknight.js?\n}");
717
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"hollowknight\",\n name: \"Hollow Knight\",\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"bubble\"\n }\n },\n modes: {\n bubble: {\n distance: 40,\n duration: 2,\n opacity: 8,\n size: 6\n },\n connect: {\n distance: 80,\n links: {\n opacity: 0.5\n },\n radius: 60\n },\n grab: {\n distance: 400,\n links: {\n opacity: 1\n }\n },\n push: {\n quantity: 4\n },\n remove: {\n quantity: 2\n },\n repulse: {\n distance: 200,\n duration: 0.4\n },\n slow: {\n active: false,\n radius: 0,\n factor: 1\n }\n }\n },\n particles: {\n paint: {\n fill: {\n color: {\n value: \"#ffffff\"\n },\n enable: true\n }\n },\n links: {\n color: \"#ffffff\",\n distance: 25,\n enable: true,\n opacity: 0.4,\n width: 1\n },\n move: {\n enable: true,\n outModes: \"bounce\",\n speed: 1\n },\n number: {\n density: {\n enable: false\n },\n value: 400\n },\n opacity: {\n animation: {\n enable: true,\n speed: 2,\n sync: false\n },\n value: {\n min: 0.05,\n max: 0.4\n }\n },\n shape: {\n type: \"circle\"\n },\n size: {\n value: 1\n }\n },\n polygon: {\n draw: {\n enable: true,\n stroke: {\n color: \"#fff\",\n width: 0.5,\n opacity: 0.2\n }\n },\n enable: true,\n move: {\n radius: 10\n },\n inline: {\n arrangement: \"equidistant\"\n },\n scale: 2,\n type: \"inline\",\n url: \"https://particles.js.org/images/hdr/hollowknight.svg\"\n },\n background: {\n color: \"#000000\",\n image: \"\",\n position: \"50% 50%\",\n repeat: \"no-repeat\",\n size: \"cover\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/h/hollowknight.js?\n}");
698
718
 
699
719
  /***/ },
700
720
 
@@ -704,7 +724,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
704
724
  \**************************************/
705
725
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
706
726
 
707
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"hyperspace\",\n name: \"Hyperspace\",\n background: {\n color: \"#000\"\n },\n particles: {\n fill: {\n color: {\n value: [\n \"#3998D0\",\n \"#2EB6AF\",\n \"#A9BD33\",\n \"#FEC73B\",\n \"#F89930\",\n \"#F45623\",\n \"#D62E32\",\n \"#EB586E\",\n \"#9952CF\"\n ]\n },\n enable: true\n },\n move: {\n enable: true,\n outModes: {\n default: \"destroy\"\n },\n speed: 3\n },\n number: {\n density: {\n enable: true\n },\n value: 0\n },\n opacity: {\n value: 1\n },\n shape: {\n type: \"circle\"\n },\n size: {\n value: {\n min: 1,\n max: 25\n },\n animation: {\n startValue: \"min\",\n enable: true,\n speed: 2,\n destroy: \"max\",\n sync: true\n }\n }\n },\n emitters: {\n direction: \"none\",\n rate: {\n quantity: 5,\n delay: 0.3\n },\n size: {\n width: 0,\n height: 0\n },\n position: {\n x: 50,\n y: 50\n }\n },\n trail: {\n fill: {\n color: \"#000\"\n },\n length: 30,\n enable: true\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/h/hyperspace.js?\n}");
727
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"hyperspace\",\n name: \"Hyperspace\",\n background: {\n color: \"#000\"\n },\n particles: {\n paint: {\n fill: {\n color: {\n value: [\n \"#3998D0\",\n \"#2EB6AF\",\n \"#A9BD33\",\n \"#FEC73B\",\n \"#F89930\",\n \"#F45623\",\n \"#D62E32\",\n \"#EB586E\",\n \"#9952CF\"\n ]\n },\n enable: true\n }\n },\n move: {\n enable: true,\n outModes: {\n default: \"destroy\"\n },\n speed: 3\n },\n number: {\n density: {\n enable: true\n },\n value: 0\n },\n opacity: {\n value: 1\n },\n shape: {\n type: \"circle\"\n },\n size: {\n value: {\n min: 1,\n max: 25\n },\n animation: {\n startValue: \"min\",\n enable: true,\n speed: 2,\n destroy: \"max\",\n count: 1,\n sync: true\n }\n }\n },\n emitters: {\n direction: \"none\",\n rate: {\n quantity: 5,\n delay: 0.3\n },\n size: {\n width: 0,\n height: 0\n },\n position: {\n x: 50,\n y: 50\n }\n },\n trail: {\n fill: {\n color: \"#000\"\n },\n length: 30,\n enable: true\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/h/hyperspace.js?\n}");
708
728
 
709
729
  /***/ },
710
730
 
@@ -764,7 +784,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
764
784
  \*************************************/
765
785
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
766
786
 
767
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"infection\",\n name: \"Infection\",\n infection: {\n enable: true,\n infections: 10,\n cure: true,\n stages: [\n {\n color: \"#ff0000\",\n duration: 1\n },\n {\n color: \"#ffa500\",\n duration: 1,\n rate: 2\n },\n {\n color: \"#ffff00\",\n duration: 1,\n rate: 2\n },\n {\n color: \"#008000\",\n duration: 1,\n rate: 3\n },\n {\n color: \"#0000ff\",\n duration: 1,\n rate: 4\n },\n {\n color: \"#4b0082\",\n duration: 1,\n rate: 5\n },\n {\n color: \"#ee82ee\",\n duration: 1,\n rate: 6,\n infectedStage: 0\n }\n ]\n },\n particles: {\n collisions: {\n enable: true\n },\n number: {\n value: 400,\n density: {\n enable: true\n }\n },\n fill: {\n color: {\n value: \"#ffffff\"\n },\n enable: true\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 0.8\n },\n size: {\n value: 5\n },\n move: {\n enable: true,\n speed: 20,\n outModes: \"bounce\"\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/i/infection.js?\n}");
787
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"infection\",\n name: \"Infection\",\n infection: {\n enable: true,\n infections: 10,\n cure: true,\n stages: [\n {\n color: \"#ff0000\",\n duration: 1\n },\n {\n color: \"#ffa500\",\n duration: 1,\n rate: 2\n },\n {\n color: \"#ffff00\",\n duration: 1,\n rate: 2\n },\n {\n color: \"#008000\",\n duration: 1,\n rate: 3\n },\n {\n color: \"#0000ff\",\n duration: 1,\n rate: 4\n },\n {\n color: \"#4b0082\",\n duration: 1,\n rate: 5\n },\n {\n color: \"#ee82ee\",\n duration: 1,\n rate: 6,\n infectedStage: 0\n }\n ]\n },\n particles: {\n collisions: {\n enable: true\n },\n number: {\n value: 400,\n density: {\n enable: true\n }\n },\n paint: {\n fill: {\n color: {\n value: \"#ffffff\"\n },\n enable: true\n }\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 0.8\n },\n size: {\n value: 5\n },\n move: {\n enable: true,\n speed: 20,\n outModes: \"bounce\"\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/i/infection.js?\n}");
768
788
 
769
789
  /***/ },
770
790
 
@@ -814,7 +834,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
814
834
  \*******************************/
815
835
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
816
836
 
817
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"lch\",\n name: \"LCH\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n fill: {\n color: {\n value: \"lch(63.94% 33.1 0.67)\",\n animation: {\n enable: true,\n speed: 20,\n sync: true\n }\n },\n enable: true\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 0.5\n },\n size: {\n value: {\n min: 1,\n max: 3\n }\n },\n links: {\n enable: true,\n distance: 150,\n color: \"#ffffff\",\n opacity: 0.4,\n width: 1\n },\n move: {\n enable: true,\n speed: 6\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"repulse\"\n },\n onClick: {\n enable: true,\n mode: \"push\"\n }\n },\n modes: {\n repulse: {\n distance: 200\n },\n push: {\n quantity: 4\n }\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/l/lch.js?\n}");
837
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"lch\",\n name: \"LCH\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n paint: {\n fill: {\n color: {\n value: \"lch(63.94% 33.1 0.67)\",\n animation: {\n enable: true,\n speed: 20,\n sync: true\n }\n },\n enable: true\n }\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 0.5\n },\n size: {\n value: {\n min: 1,\n max: 3\n }\n },\n links: {\n enable: true,\n distance: 150,\n color: \"#ffffff\",\n opacity: 0.4,\n width: 1\n },\n move: {\n enable: true,\n speed: 6\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"repulse\"\n },\n onClick: {\n enable: true,\n mode: \"push\"\n }\n },\n modes: {\n repulse: {\n distance: 200\n },\n push: {\n quantity: 4\n }\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/l/lch.js?\n}");
818
838
 
819
839
  /***/ },
820
840
 
@@ -824,7 +844,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
824
844
  \********************************/
825
845
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
826
846
 
827
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"life\",\n name: \"Life\",\n particles: {\n number: {\n value: 160,\n density: {\n enable: true\n }\n },\n fill: {\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 20,\n sync: true\n }\n },\n enable: true\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 0.5\n },\n size: {\n value: {\n min: 1,\n max: 3\n }\n },\n links: {\n enable: true,\n distance: 100,\n color: \"#ffffff\",\n opacity: 0.4,\n width: 1\n },\n move: {\n enable: true,\n speed: 6\n },\n life: {\n duration: {\n sync: false,\n value: 3\n },\n count: 0,\n delay: {\n value: {\n min: 1,\n max: 2\n }\n }\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"repulse\"\n },\n onClick: {\n enable: true,\n mode: \"push\"\n }\n },\n modes: {\n repulse: {\n distance: 200\n },\n push: {\n quantity: 4\n }\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/l/life.js?\n}");
847
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"life\",\n name: \"Life\",\n particles: {\n number: {\n value: 160,\n density: {\n enable: true\n }\n },\n paint: {\n fill: {\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 20,\n sync: true\n }\n },\n enable: true\n }\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 0.5\n },\n size: {\n value: {\n min: 1,\n max: 3\n }\n },\n links: {\n enable: true,\n distance: 100,\n color: \"#ffffff\",\n opacity: 0.4,\n width: 1\n },\n move: {\n enable: true,\n speed: 6\n },\n life: {\n duration: {\n sync: false,\n value: 3\n },\n count: 0,\n delay: {\n value: {\n min: 1,\n max: 2\n }\n }\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"repulse\"\n },\n onClick: {\n enable: true,\n mode: \"push\"\n }\n },\n modes: {\n repulse: {\n distance: 200\n },\n push: {\n quantity: 4\n }\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/l/life.js?\n}");
828
848
 
829
849
  /***/ },
830
850
 
@@ -834,7 +854,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
834
854
  \**************************************/
835
855
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
836
856
 
837
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"lightHover\",\n name: \"Light Hover\",\n particles: {\n number: {\n value: 30,\n density: {\n enable: true\n }\n },\n fill: {\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 20,\n sync: true\n }\n },\n enable: true\n },\n shape: {\n type: [\n \"circle\",\n \"square\"\n ]\n },\n opacity: {\n value: 1\n },\n size: {\n value: {\n min: 15,\n max: 30\n }\n },\n rotate: {\n value: 0,\n direction: \"clockwise\",\n animation: {\n speed: 5,\n enable: true\n }\n },\n move: {\n enable: true,\n speed: 6,\n direction: \"none\"\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"light\"\n }\n },\n modes: {\n light: {\n area: {\n gradient: {\n start: \"#3b5e98\",\n stop: \"#17163e\"\n }\n },\n shadow: {\n color: \"#17163e\"\n }\n }\n }\n },\n background: {\n color: \"#17163e\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/l/lightHover.js?\n}");
857
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"lightHover\",\n name: \"Light Hover\",\n particles: {\n number: {\n value: 30,\n density: {\n enable: true\n }\n },\n paint: {\n fill: {\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 20,\n sync: true\n }\n },\n enable: true\n }\n },\n shape: {\n type: [\n \"circle\",\n \"square\"\n ]\n },\n opacity: {\n value: 1\n },\n size: {\n value: {\n min: 15,\n max: 30\n }\n },\n rotate: {\n value: 0,\n direction: \"clockwise\",\n animation: {\n speed: 5,\n enable: true\n }\n },\n move: {\n enable: true,\n speed: 6,\n direction: \"none\"\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"light\"\n }\n },\n modes: {\n light: {\n area: {\n gradient: {\n start: \"#3b5e98\",\n stop: \"#17163e\"\n }\n },\n shadow: {\n color: \"#17163e\"\n }\n }\n }\n },\n background: {\n color: \"#17163e\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/l/lightHover.js?\n}");
838
858
 
839
859
  /***/ },
840
860
 
@@ -844,7 +864,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
844
864
  \*****************************************/
845
865
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
846
866
 
847
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"linkTriangles\",\n name: \"Link Triangles\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n fill: {\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 20,\n sync: true\n }\n },\n enable: true\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 0.5\n },\n size: {\n value: {\n min: 1,\n max: 3\n }\n },\n links: {\n enable: true,\n distance: 150,\n color: \"random\",\n opacity: 0.4,\n width: 1,\n triangles: {\n enable: true,\n color: \"#ffffff\",\n opacity: 0.1\n }\n },\n move: {\n enable: true,\n speed: 6\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"repulse\"\n },\n onClick: {\n enable: true,\n mode: \"push\"\n }\n },\n modes: {\n grab: {\n distance: 400,\n links: {\n opacity: 1\n }\n },\n bubble: {\n distance: 400,\n size: 40,\n duration: 2,\n opacity: 0.8\n },\n repulse: {\n distance: 200\n },\n push: {\n quantity: 4\n },\n remove: {\n quantity: 2\n }\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/l/linkTriangles.js?\n}");
867
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"linkTriangles\",\n name: \"Link Triangles\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n paint: {\n fill: {\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 20,\n sync: true\n }\n },\n enable: true\n }\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 0.5\n },\n size: {\n value: {\n min: 1,\n max: 3\n }\n },\n links: {\n enable: true,\n distance: 150,\n color: \"random\",\n opacity: 0.4,\n width: 1,\n triangles: {\n enable: true,\n color: \"#ffffff\",\n opacity: 0.1\n }\n },\n move: {\n enable: true,\n speed: 6\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"repulse\"\n },\n onClick: {\n enable: true,\n mode: \"push\"\n }\n },\n modes: {\n grab: {\n distance: 400,\n links: {\n opacity: 1\n }\n },\n bubble: {\n distance: 400,\n size: 40,\n duration: 2,\n opacity: 0.8\n },\n repulse: {\n distance: 200\n },\n push: {\n quantity: 4\n },\n remove: {\n quantity: 2\n }\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/l/linkTriangles.js?\n}");
848
868
 
849
869
  /***/ },
850
870
 
@@ -854,7 +874,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
854
874
  \********************************************/
855
875
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
856
876
 
857
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"localPolygonMask\",\n name: \"Local Polygon Mask\",\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"bubble\"\n }\n },\n modes: {\n bubble: {\n distance: 40,\n duration: 2,\n opacity: 8,\n size: 6\n }\n }\n },\n particles: {\n fill: {\n color: {\n value: \"#ffffff\"\n },\n enable: true\n },\n links: {\n blink: false,\n color: \"#ffffff\",\n consent: false,\n distance: 30,\n enable: false,\n opacity: 0.4,\n width: 1\n },\n move: {\n enable: true,\n outModes: \"bounce\",\n speed: 1\n },\n number: {\n density: {\n enable: false\n },\n value: 200\n },\n opacity: {\n value: 0.5\n },\n shape: {\n type: \"circle\"\n },\n size: {\n value: 3\n }\n },\n polygon: {\n draw: {\n enable: true,\n stroke: {\n color: \"#fff\",\n width: 0.5,\n opacity: 0.2\n }\n },\n enable: true,\n move: {\n radius: 10\n },\n position: {\n x: 50,\n y: 50\n },\n inline: {\n arrangement: \"equidistant\"\n },\n scale: 3,\n type: \"inside\",\n data: '<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"200\" width=\"150\"><path d=\"M 75,0 0,200 h 150 z\" /></svg>'\n },\n background: {\n color: \"#000000\",\n image: \"\",\n position: \"50% 50%\",\n repeat: \"no-repeat\",\n size: \"cover\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/l/localPolygonMask.js?\n}");
877
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"localPolygonMask\",\n name: \"Local Polygon Mask\",\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"bubble\"\n }\n },\n modes: {\n bubble: {\n distance: 40,\n duration: 2,\n opacity: 8,\n size: 6\n }\n }\n },\n particles: {\n paint: {\n fill: {\n color: {\n value: \"#ffffff\"\n },\n enable: true\n }\n },\n links: {\n blink: false,\n color: \"#ffffff\",\n consent: false,\n distance: 30,\n enable: false,\n opacity: 0.4,\n width: 1\n },\n move: {\n enable: true,\n outModes: \"bounce\",\n speed: 1\n },\n number: {\n density: {\n enable: false\n },\n value: 200\n },\n opacity: {\n value: 0.5\n },\n shape: {\n type: \"circle\"\n },\n size: {\n value: 3\n }\n },\n polygon: {\n draw: {\n enable: true,\n stroke: {\n color: \"#fff\",\n width: 0.5,\n opacity: 0.2\n }\n },\n enable: true,\n move: {\n radius: 10\n },\n position: {\n x: 50,\n y: 50\n },\n inline: {\n arrangement: \"equidistant\"\n },\n scale: 3,\n type: \"inside\",\n data: '<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"200\" width=\"150\"><path d=\"M 75,0 0,200 h 150 z\" /></svg>'\n },\n background: {\n color: \"#000000\",\n image: \"\",\n position: \"50% 50%\",\n repeat: \"no-repeat\",\n size: \"cover\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/l/localPolygonMask.js?\n}");
858
878
 
859
879
  /***/ },
860
880
 
@@ -874,7 +894,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
874
894
  \**********************************/
875
895
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
876
896
 
877
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"manual\",\n name: \"Manual Particles\",\n manualParticles: [\n {\n position: {\n x: 50,\n y: 50\n }\n },\n {\n position: {\n x: 25,\n y: 25\n }\n },\n {\n position: {\n x: 75,\n y: 75\n }\n },\n {\n position: {\n x: 25,\n y: 75\n }\n },\n {\n position: {\n x: 75,\n y: 25\n }\n }\n ],\n particles: {\n number: {\n value: 0,\n density: {\n enable: false\n }\n },\n fill: {\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 20,\n sync: true\n }\n },\n enable: true\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 0.5\n },\n size: {\n value: 30\n },\n links: {\n enable: true,\n distance: 100,\n color: \"#ffffff\",\n opacity: 0.4,\n width: 1\n },\n move: {\n enable: true,\n speed: 2,\n direction: \"top\",\n straight: true,\n warp: true\n }\n },\n background: {\n color: \"#000000\",\n image: \"\",\n position: \"50% 50%\",\n repeat: \"no-repeat\",\n size: \"cover\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/m/manual.js?\n}");
897
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"manual\",\n name: \"Manual Particles\",\n manualParticles: [\n {\n position: {\n x: 50,\n y: 50\n }\n },\n {\n position: {\n x: 25,\n y: 25\n }\n },\n {\n position: {\n x: 75,\n y: 75\n }\n },\n {\n position: {\n x: 25,\n y: 75\n }\n },\n {\n position: {\n x: 75,\n y: 25\n }\n }\n ],\n particles: {\n number: {\n value: 0,\n density: {\n enable: false\n }\n },\n paint: {\n fill: {\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 20,\n sync: true\n }\n },\n enable: true\n }\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 0.5\n },\n size: {\n value: 30\n },\n links: {\n enable: true,\n distance: 100,\n color: \"#ffffff\",\n opacity: 0.4,\n width: 1\n },\n move: {\n enable: true,\n speed: 2,\n direction: \"top\",\n straight: true,\n warp: true\n }\n },\n background: {\n color: \"#000000\",\n image: \"\",\n position: \"50% 50%\",\n repeat: \"no-repeat\",\n size: \"cover\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/m/manual.js?\n}");
878
898
 
879
899
  /***/ },
880
900
 
@@ -884,7 +904,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
884
904
  \**********************************/
885
905
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
886
906
 
887
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"matrix\",\n name: \"Matrix\",\n fpsLimit: 30,\n particles: {\n number: {\n value: 300,\n density: {\n enable: true\n }\n },\n fill: {\n color: {\n value: {\n h: 120,\n s: 100,\n l: 50\n },\n animation: {\n l: {\n enable: true,\n speed: 70,\n sync: false,\n min: 30,\n max: 100\n }\n }\n },\n enable: true\n },\n shape: {\n type: \"matrix\",\n options: {\n matrix: {\n interval: {\n min: 30,\n max: 60\n }\n }\n }\n },\n effect: {\n type: \"shadow\",\n options: {\n shadow: {\n color: \"#00ff41\",\n blur: 7\n }\n }\n },\n size: {\n value: 10\n },\n move: {\n enable: true,\n direction: \"bottom\",\n straight: true,\n speed: {\n min: 8,\n max: 15\n }\n }\n },\n trail: {\n enable: true,\n length: 10,\n fill: {\n color: \"#000\"\n }\n },\n poisson: {\n enable: true\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/m/matrix.js?\n}");
907
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"matrix\",\n name: \"Matrix\",\n fpsLimit: 30,\n particles: {\n number: {\n value: 300,\n density: {\n enable: true\n }\n },\n paint: {\n fill: {\n color: {\n value: {\n h: 120,\n s: 100,\n l: 50\n },\n animation: {\n l: {\n enable: true,\n speed: 70,\n sync: false,\n min: 30,\n max: 100\n }\n }\n },\n enable: true\n }\n },\n shape: {\n type: \"matrix\",\n options: {\n matrix: {\n interval: {\n min: 30,\n max: 60\n }\n }\n }\n },\n effect: {\n type: \"shadow\",\n options: {\n shadow: {\n color: \"#00ff41\",\n blur: 7\n }\n }\n },\n size: {\n value: 10\n },\n move: {\n enable: true,\n direction: \"bottom\",\n straight: true,\n speed: {\n min: 8,\n max: 15\n }\n }\n },\n trail: {\n enable: true,\n length: 10,\n fill: {\n color: \"#000\"\n }\n },\n poisson: {\n enable: true\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/m/matrix.js?\n}");
888
908
 
889
909
  /***/ },
890
910
 
@@ -894,7 +914,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
894
914
  \*****************************************/
895
915
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
896
916
 
897
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"motionDisable\",\n name: \"Motion Disable\",\n motion: {\n disable: true\n },\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n fill: {\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 20,\n sync: true\n }\n },\n enable: true\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 0.5\n },\n size: {\n value: {\n min: 1,\n max: 3\n }\n },\n links: {\n enable: true,\n distance: 100,\n color: \"#ffffff\",\n opacity: 0.4,\n width: 1\n },\n move: {\n enable: true,\n speed: 6,\n direction: \"none\"\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"repulse\"\n },\n onClick: {\n enable: true,\n mode: \"push\"\n }\n },\n modes: {\n repulse: {\n distance: 200\n },\n push: {\n quantity: 4\n }\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/m/motionDisable.js?\n}");
917
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"motionDisable\",\n name: \"Motion Disable\",\n motion: {\n disable: true\n },\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n paint: {\n fill: {\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 20,\n sync: true\n }\n },\n enable: true\n }\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 0.5\n },\n size: {\n value: {\n min: 1,\n max: 3\n }\n },\n links: {\n enable: true,\n distance: 100,\n color: \"#ffffff\",\n opacity: 0.4,\n width: 1\n },\n move: {\n enable: true,\n speed: 6,\n direction: \"none\"\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"repulse\"\n },\n onClick: {\n enable: true,\n mode: \"push\"\n }\n },\n modes: {\n repulse: {\n distance: 200\n },\n push: {\n quantity: 4\n }\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/m/motionDisable.js?\n}");
898
918
 
899
919
  /***/ },
900
920
 
@@ -904,7 +924,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
904
924
  \****************************************/
905
925
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
906
926
 
907
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"motionReduce\",\n name: \"Motion Reduce\",\n motion: {\n disable: false,\n reduce: {\n value: true,\n factor: 6\n }\n },\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n fill: {\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 20,\n sync: true\n }\n },\n enable: true\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 0.5\n },\n size: {\n value: {\n min: 1,\n max: 3\n }\n },\n links: {\n enable: true,\n distance: 100,\n color: \"#ffffff\",\n opacity: 0.4,\n width: 1\n },\n move: {\n enable: true,\n speed: 6\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"repulse\"\n },\n onClick: {\n enable: true,\n mode: \"push\"\n }\n },\n modes: {\n grab: {\n distance: 400,\n links: {\n opacity: 1\n }\n },\n bubble: {\n distance: 400,\n size: 40,\n duration: 2,\n opacity: 0.8\n },\n repulse: {\n distance: 200\n },\n push: {\n quantity: 4\n },\n remove: {\n quantity: 2\n }\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/m/motionReduce.js?\n}");
927
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"motionReduce\",\n name: \"Motion Reduce\",\n motion: {\n disable: false,\n reduce: {\n value: true,\n factor: 6\n }\n },\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n paint: {\n fill: {\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 20,\n sync: true\n }\n },\n enable: true\n }\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 0.5\n },\n size: {\n value: {\n min: 1,\n max: 3\n }\n },\n links: {\n enable: true,\n distance: 100,\n color: \"#ffffff\",\n opacity: 0.4,\n width: 1\n },\n move: {\n enable: true,\n speed: 6\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"repulse\"\n },\n onClick: {\n enable: true,\n mode: \"push\"\n }\n },\n modes: {\n grab: {\n distance: 400,\n links: {\n opacity: 1\n }\n },\n bubble: {\n distance: 400,\n size: 40,\n duration: 2,\n opacity: 0.8\n },\n repulse: {\n distance: 200\n },\n push: {\n quantity: 4\n },\n remove: {\n quantity: 2\n }\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/m/motionReduce.js?\n}");
908
928
 
909
929
  /***/ },
910
930
 
@@ -914,7 +934,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
914
934
  \****************************************/
915
935
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
916
936
 
917
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"mouseAttract\",\n name: \"Mouse Attract\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n fill: {\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 20,\n sync: true\n }\n },\n enable: true\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 0.5\n },\n size: {\n value: {\n min: 1,\n max: 3\n }\n },\n links: {\n enable: true,\n distance: 100,\n color: \"#ffffff\",\n opacity: 0.4,\n width: 1\n },\n move: {\n enable: true,\n speed: 6\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"attract\"\n },\n onClick: {\n enable: true,\n mode: \"push\"\n }\n },\n modes: {\n grab: {\n distance: 400,\n links: {\n opacity: 1\n }\n },\n bubble: {\n distance: 400,\n size: 40,\n duration: 2,\n opacity: 0.8\n },\n attract: {\n distance: 600,\n duration: 0.4,\n speed: 3\n },\n repulse: {\n distance: 200\n },\n push: {\n quantity: 4\n },\n remove: {\n quantity: 2\n }\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/m/mouseAttract.js?\n}");
937
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"mouseAttract\",\n name: \"Mouse Attract\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n paint: {\n fill: {\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 20,\n sync: true\n }\n },\n enable: true\n }\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 0.5\n },\n size: {\n value: {\n min: 1,\n max: 3\n }\n },\n links: {\n enable: true,\n distance: 100,\n color: \"#ffffff\",\n opacity: 0.4,\n width: 1\n },\n move: {\n enable: true,\n speed: 6\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"attract\"\n },\n onClick: {\n enable: true,\n mode: \"push\"\n }\n },\n modes: {\n grab: {\n distance: 400,\n links: {\n opacity: 1\n }\n },\n bubble: {\n distance: 400,\n size: 40,\n duration: 2,\n opacity: 0.8\n },\n attract: {\n distance: 600,\n duration: 0.4,\n speed: 3\n },\n repulse: {\n distance: 200\n },\n push: {\n quantity: 4\n },\n remove: {\n quantity: 2\n }\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/m/mouseAttract.js?\n}");
918
938
 
919
939
  /***/ },
920
940
 
@@ -924,7 +944,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
924
944
  \***************************************/
925
945
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
926
946
 
927
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"mouseBounce\",\n name: \"Mouse Bounce\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n fill: {\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 20,\n sync: true\n }\n },\n enable: true\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 0.5\n },\n size: {\n value: {\n min: 1,\n max: 3\n }\n },\n links: {\n enable: true,\n distance: 100,\n color: \"#ffffff\",\n opacity: 0.4,\n width: 1\n },\n move: {\n enable: true,\n speed: 6\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"bounce\"\n },\n onClick: {\n enable: true,\n mode: \"push\"\n }\n },\n modes: {\n grab: {\n distance: 400,\n links: {\n opacity: 1\n }\n },\n bubble: {\n distance: 400,\n size: 40,\n duration: 2,\n opacity: 0.8\n },\n bounce: {\n distance: 200\n },\n push: {\n quantity: 4\n },\n remove: {\n quantity: 2\n }\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/m/mouseBounce.js?\n}");
947
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"mouseBounce\",\n name: \"Mouse Bounce\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n paint: {\n fill: {\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 20,\n sync: true\n }\n },\n enable: true\n }\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 0.5\n },\n size: {\n value: {\n min: 1,\n max: 3\n }\n },\n links: {\n enable: true,\n distance: 100,\n color: \"#ffffff\",\n opacity: 0.4,\n width: 1\n },\n move: {\n enable: true,\n speed: 6\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"bounce\"\n },\n onClick: {\n enable: true,\n mode: \"push\"\n }\n },\n modes: {\n grab: {\n distance: 400,\n links: {\n opacity: 1\n }\n },\n bubble: {\n distance: 400,\n size: 40,\n duration: 2,\n opacity: 0.8\n },\n bounce: {\n distance: 200\n },\n push: {\n quantity: 4\n },\n remove: {\n quantity: 2\n }\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/m/mouseBounce.js?\n}");
928
948
 
929
949
  /***/ },
930
950
 
@@ -934,7 +954,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
934
954
  \***************************************/
935
955
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
936
956
 
937
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"mouseCannon\",\n name: \"Mouse Cannon\",\n particles: {\n number: {\n value: 0,\n density: {\n enable: true\n }\n },\n fill: {\n color: {\n value: [\n \"#ffffff\",\n \"#ff0000\"\n ]\n },\n enable: true\n },\n shape: {\n type: [\n \"square\",\n \"circle\"\n ]\n },\n size: {\n value: {\n min: 3,\n max: 5\n }\n },\n move: {\n enable: true,\n speed: 1,\n decay: 0.1,\n gravity: {\n enable: true\n },\n outModes: {\n default: \"destroy\",\n top: \"none\"\n }\n },\n rotate: {\n value: {\n min: 0,\n max: 360\n },\n direction: \"random\",\n move: true,\n animation: {\n enable: true,\n speed: 60\n }\n },\n tilt: {\n direction: \"random\",\n enable: true,\n value: {\n min: 0,\n max: 360\n },\n animation: {\n enable: true,\n speed: 60\n }\n },\n roll: {\n darken: {\n enable: true,\n value: 30\n },\n enlighten: {\n enable: true,\n value: 30\n },\n enable: true,\n mode: \"both\",\n speed: {\n min: 15,\n max: 25\n }\n },\n wobble: {\n distance: 30,\n enable: true,\n move: true,\n speed: {\n min: -15,\n max: 15\n }\n }\n },\n interactivity: {\n events: {\n onClick: {\n enable: true,\n mode: \"cannon\"\n }\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/m/mouseCannon.js?\n}");
957
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"mouseCannon\",\n name: \"Mouse Cannon\",\n particles: {\n number: {\n value: 0,\n density: {\n enable: true\n }\n },\n paint: {\n fill: {\n color: {\n value: [\n \"#ffffff\",\n \"#ff0000\"\n ]\n },\n enable: true\n }\n },\n shape: {\n type: [\n \"square\",\n \"circle\"\n ]\n },\n size: {\n value: {\n min: 3,\n max: 5\n }\n },\n move: {\n enable: true,\n speed: 1,\n decay: 0.1,\n gravity: {\n enable: true\n },\n outModes: {\n default: \"destroy\",\n top: \"none\"\n }\n },\n rotate: {\n value: {\n min: 0,\n max: 360\n },\n direction: \"random\",\n move: true,\n animation: {\n enable: true,\n speed: 60\n }\n },\n tilt: {\n direction: \"random\",\n enable: true,\n value: {\n min: 0,\n max: 360\n },\n animation: {\n enable: true,\n speed: 60\n }\n },\n roll: {\n darken: {\n enable: true,\n value: 30\n },\n enlighten: {\n enable: true,\n value: 30\n },\n enable: true,\n mode: \"both\",\n speed: {\n min: 15,\n max: 25\n }\n },\n wobble: {\n distance: 30,\n enable: true,\n move: true,\n speed: {\n min: -15,\n max: 15\n }\n }\n },\n interactivity: {\n events: {\n onClick: {\n enable: true,\n mode: \"cannon\"\n }\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/m/mouseCannon.js?\n}");
938
958
 
939
959
  /***/ },
940
960
 
@@ -944,7 +964,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
944
964
  \*************************************/
945
965
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
946
966
 
947
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"mouseDrag\",\n name: \"Mouse Drag\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n fill: {\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 20,\n sync: true\n }\n },\n enable: true\n },\n shape: {\n type: \"circle\"\n },\n size: {\n value: {\n min: 20,\n max: 30\n }\n },\n move: {\n enable: true,\n speed: 6\n }\n },\n interactivity: {\n events: {\n onClick: {\n enable: true,\n mode: \"drag\"\n }\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/m/mouseDrag.js?\n}");
967
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"mouseDrag\",\n name: \"Mouse Drag\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n paint: {\n fill: {\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 20,\n sync: true\n }\n },\n enable: true\n }\n },\n shape: {\n type: \"circle\"\n },\n size: {\n value: {\n min: 20,\n max: 30\n }\n },\n move: {\n enable: true,\n speed: 6\n }\n },\n interactivity: {\n events: {\n onClick: {\n enable: true,\n mode: \"drag\"\n }\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/m/mouseDrag.js?\n}");
948
968
 
949
969
  /***/ },
950
970
 
@@ -954,7 +974,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
954
974
  \*********************************************/
955
975
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
956
976
 
957
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"mouseDragMomentum\",\n name: \"Mouse Drag Momentum\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n fill: {\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 20,\n sync: true\n }\n },\n enable: true\n },\n shape: {\n type: \"circle\"\n },\n size: {\n value: {\n min: 20,\n max: 30\n }\n },\n move: {\n enable: true,\n speed: 6\n }\n },\n interactivity: {\n events: {\n onClick: {\n enable: true,\n mode: \"drag\"\n }\n },\n modes: {\n drag: {\n preserveMomentum: true\n }\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/m/mouseDragMomentum.js?\n}");
977
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"mouseDragMomentum\",\n name: \"Mouse Drag Momentum\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n paint: {\n fill: {\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 20,\n sync: true\n }\n },\n enable: true\n }\n },\n shape: {\n type: \"circle\"\n },\n size: {\n value: {\n min: 20,\n max: 30\n }\n },\n move: {\n enable: true,\n speed: 6\n }\n },\n interactivity: {\n events: {\n onClick: {\n enable: true,\n mode: \"drag\"\n }\n },\n modes: {\n drag: {\n preserveMomentum: true\n }\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/m/mouseDragMomentum.js?\n}");
958
978
 
959
979
  /***/ },
960
980
 
@@ -964,7 +984,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
964
984
  \***************************************/
965
985
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
966
986
 
967
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"mouseFollow\",\n name: \"Mouse Follow\",\n background: {\n color: \"#000000\"\n },\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: [\n \"bubble\",\n \"connect\"\n ]\n }\n },\n modes: {\n bubble: {\n distance: 200,\n duration: 2,\n opacity: 1,\n size: 30,\n color: {\n value: [\n \"#5bc0eb\",\n \"#fde74c\",\n \"#9bc53d\",\n \"#e55934\",\n \"#fa7921\"\n ]\n }\n },\n connect: {\n distance: 60,\n links: {\n opacity: 0.2\n },\n radius: 200\n }\n }\n },\n particles: {\n fill: {\n color: {\n value: \"#000000\"\n },\n enable: true\n },\n move: {\n direction: \"none\",\n enable: true,\n speed: 2\n },\n number: {\n density: {\n enable: true\n },\n value: 300\n },\n opacity: {\n value: 0\n },\n shape: {\n type: \"circle\"\n },\n size: {\n value: {\n min: 10,\n max: 15\n }\n }\n },\n detectRetina: true\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/m/mouseFollow.js?\n}");
987
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"mouseFollow\",\n name: \"Mouse Follow\",\n background: {\n color: \"#000000\"\n },\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: [\n \"bubble\",\n \"connect\"\n ]\n }\n },\n modes: {\n bubble: {\n distance: 200,\n duration: 2,\n opacity: 1,\n size: 30,\n color: {\n value: [\n \"#5bc0eb\",\n \"#fde74c\",\n \"#9bc53d\",\n \"#e55934\",\n \"#fa7921\"\n ]\n }\n },\n connect: {\n distance: 60,\n links: {\n opacity: 0.2\n },\n radius: 200\n }\n }\n },\n particles: {\n paint: {\n fill: {\n color: {\n value: \"#000000\"\n },\n enable: true\n }\n },\n move: {\n direction: \"none\",\n enable: true,\n speed: 2\n },\n number: {\n density: {\n enable: true\n },\n value: 300\n },\n opacity: {\n value: 0\n },\n shape: {\n type: \"circle\"\n },\n size: {\n value: {\n min: 10,\n max: 15\n }\n }\n },\n detectRetina: true\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/m/mouseFollow.js?\n}");
968
988
 
969
989
  /***/ },
970
990
 
@@ -974,7 +994,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
974
994
  \*****************************************/
975
995
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
976
996
 
977
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"mouseParticle\",\n name: \"Mouse Particle\",\n fullScreen: {\n zIndex: 10000\n },\n particles: {\n number: {\n value: 0\n },\n fill: {\n color: {\n value: [\n \"#ff0000\",\n \"#00ff00\",\n \"#0000ff\"\n ],\n animation: {\n enable: true,\n speed: 180,\n sync: true\n }\n },\n enable: true\n },\n effect: {\n type: \"trail\",\n options: {\n trail: {\n length: 10,\n minWidth: 2\n }\n }\n },\n shape: {\n type: \"circle\"\n },\n size: {\n value: 3\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"particle\"\n }\n },\n modes: {\n particle: {\n replaceCursor: true,\n pauseOnStop: true\n }\n }\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/m/mouseParticle.js?\n}");
997
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"mouseParticle\",\n name: \"Mouse Particle\",\n fullScreen: {\n zIndex: 10000\n },\n particles: {\n number: {\n value: 0\n },\n paint: {\n fill: {\n color: {\n value: [\n \"#ff0000\",\n \"#00ff00\",\n \"#0000ff\"\n ],\n animation: {\n enable: true,\n speed: 180,\n sync: true\n }\n },\n enable: true\n }\n },\n effect: {\n type: \"trail\",\n options: {\n trail: {\n length: 10,\n minWidth: 2\n }\n }\n },\n shape: {\n type: \"circle\"\n },\n size: {\n value: 3\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"particle\"\n }\n },\n modes: {\n particle: {\n replaceCursor: true,\n pauseOnStop: true\n }\n }\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/m/mouseParticle.js?\n}");
978
998
 
979
999
  /***/ },
980
1000
 
@@ -984,7 +1004,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
984
1004
  \******************************************/
985
1005
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
986
1006
 
987
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"mouseParticle2\",\n name: \"Mouse Particle 2\",\n background: {\n color: \"#000000\"\n },\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n fill: {\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 20,\n sync: true\n }\n },\n enable: true\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 0.5\n },\n size: {\n value: {\n min: 1,\n max: 3\n }\n },\n links: {\n enable: true,\n distance: 200,\n color: \"#ffffff\",\n opacity: 0.4,\n width: 1\n },\n move: {\n enable: true,\n speed: 6\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"particle\"\n }\n },\n modes: {\n particle: {\n replaceCursor: false,\n pauseOnStop: false\n }\n }\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/m/mouseParticle2.js?\n}");
1007
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"mouseParticle2\",\n name: \"Mouse Particle 2\",\n background: {\n color: \"#000000\"\n },\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n paint: {\n fill: {\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 20,\n sync: true\n }\n },\n enable: true\n }\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 0.5\n },\n size: {\n value: {\n min: 1,\n max: 3\n }\n },\n links: {\n enable: true,\n distance: 200,\n color: \"#ffffff\",\n opacity: 0.4,\n width: 1\n },\n move: {\n enable: true,\n speed: 6\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"particle\"\n }\n },\n modes: {\n particle: {\n replaceCursor: false,\n pauseOnStop: false\n }\n }\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/m/mouseParticle2.js?\n}");
988
1008
 
989
1009
  /***/ },
990
1010
 
@@ -994,7 +1014,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
994
1014
  \**************************************/
995
1015
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
996
1016
 
997
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"mouseTrail\",\n name: \"Mouse Trail\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n fill: {\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 20,\n sync: true\n }\n },\n enable: true\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 0.5\n },\n size: {\n value: {\n min: 1,\n max: 3\n }\n },\n links: {\n enable: true,\n distance: 100,\n color: \"#ffffff\",\n opacity: 0.4,\n width: 1\n },\n move: {\n enable: true,\n speed: 6\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"trail\"\n },\n onClick: {\n enable: true,\n mode: \"push\"\n }\n },\n modes: {\n grab: {\n distance: 400,\n links: {\n opacity: 1\n }\n },\n bubble: {\n distance: 400,\n size: 40,\n duration: 2,\n opacity: 0.8\n },\n repulse: {\n distance: 200\n },\n push: {\n quantity: 4\n },\n remove: {\n quantity: 2\n },\n trail: {\n delay: 0.01,\n pauseOnStop: true,\n particles: {\n fill: {\n color: {\n value: \"#00ff00\",\n animation: {\n enable: true,\n speed: 200,\n sync: false\n }\n },\n enable: true\n },\n links: {\n enable: false\n },\n move: {\n outModes: \"destroy\"\n },\n opacity: {\n value: {\n min: 0.1,\n max: 1\n },\n animation: {\n enable: true,\n speed: 3,\n sync: true\n }\n },\n size: {\n value: {\n min: 1,\n max: 10\n }\n }\n }\n }\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/m/mouseTrail.js?\n}");
1017
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"mouseTrail\",\n name: \"Mouse Trail\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n paint: {\n fill: {\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 20,\n sync: true\n }\n },\n enable: true\n }\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 0.5\n },\n size: {\n value: {\n min: 1,\n max: 3\n }\n },\n links: {\n enable: true,\n distance: 100,\n color: \"#ffffff\",\n opacity: 0.4,\n width: 1\n },\n move: {\n enable: true,\n speed: 6\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"trail\"\n },\n onClick: {\n enable: true,\n mode: \"push\"\n }\n },\n modes: {\n grab: {\n distance: 400,\n links: {\n opacity: 1\n }\n },\n bubble: {\n distance: 400,\n size: 40,\n duration: 2,\n opacity: 0.8\n },\n repulse: {\n distance: 200\n },\n push: {\n quantity: 4\n },\n remove: {\n quantity: 2\n },\n trail: {\n delay: 0.01,\n pauseOnStop: true,\n particles: {\n paint: {\n fill: {\n color: {\n value: \"#00ff00\",\n animation: {\n enable: true,\n speed: 200,\n sync: false\n }\n },\n enable: true\n }\n },\n links: {\n enable: false\n },\n move: {\n outModes: \"destroy\"\n },\n opacity: {\n value: {\n min: 0.1,\n max: 1\n },\n animation: {\n enable: true,\n speed: 3,\n sync: true\n }\n },\n size: {\n value: {\n min: 1,\n max: 10\n }\n }\n }\n }\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/m/mouseTrail.js?\n}");
998
1018
 
999
1019
  /***/ },
1000
1020
 
@@ -1004,7 +1024,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1004
1024
  \*******************************************/
1005
1025
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1006
1026
 
1007
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"mouseTrailNoise\",\n name: \"Mouse Trail Noise\",\n particles: {\n number: {\n value: 0\n },\n shape: {\n type: \"triangle\"\n },\n opacity: {\n value: {\n min: 0,\n max: 1\n },\n animation: {\n enable: true,\n speed: 1,\n sync: true,\n destroy: \"min\"\n }\n },\n size: {\n value: {\n min: 8,\n max: 14\n }\n },\n move: {\n enable: true,\n speed: {\n min: 3,\n max: 6\n },\n outModes: \"destroy\",\n path: {\n enable: true,\n options: {\n size: 64,\n draw: false,\n increment: 0.005\n },\n delay: {\n value: 0\n },\n generator: \"perlinNoise\"\n }\n },\n rotate: {\n value: {\n min: 0,\n max: 360\n },\n direction: \"random\",\n move: true,\n animation: {\n enable: true,\n speed: 60\n }\n },\n tilt: {\n direction: \"random\",\n enable: true,\n value: {\n min: 0,\n max: 360\n },\n animation: {\n enable: true,\n speed: 60\n }\n },\n roll: {\n darken: {\n enable: true,\n value: 30\n },\n enlighten: {\n enable: true,\n value: 30\n },\n enable: true,\n mode: \"both\",\n speed: {\n min: 15,\n max: 25\n }\n },\n wobble: {\n distance: 30,\n enable: true,\n move: true,\n speed: {\n min: -15,\n max: 15\n }\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"trail\"\n }\n },\n modes: {\n trail: {\n delay: 0.1,\n quantity: 10,\n particles: {\n fill: {\n color: {\n value: {\n h: 0,\n s: 40,\n l: {\n min: 40,\n max: 60\n }\n }\n }\n }\n },\n colorCoords: {\n h: {\n weights: {\n x: 1\n },\n value: {\n max: 360,\n min: 0\n }\n }\n }\n }\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/m/mouseTrailNoise.js?\n}");
1027
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"mouseTrailNoise\",\n name: \"Mouse Trail Noise\",\n particles: {\n number: {\n value: 0\n },\n shape: {\n type: \"triangle\"\n },\n opacity: {\n value: {\n min: 0,\n max: 1\n },\n animation: {\n enable: true,\n speed: 1,\n sync: true,\n destroy: \"min\",\n count: 1\n }\n },\n size: {\n value: {\n min: 8,\n max: 14\n }\n },\n move: {\n enable: true,\n speed: {\n min: 3,\n max: 6\n },\n outModes: \"destroy\",\n path: {\n enable: true,\n options: {\n size: 64,\n draw: false,\n increment: 0.005\n },\n delay: {\n value: 0\n },\n generator: \"perlinNoise\"\n }\n },\n rotate: {\n value: {\n min: 0,\n max: 360\n },\n direction: \"random\",\n move: true,\n animation: {\n enable: true,\n speed: 60\n }\n },\n tilt: {\n direction: \"random\",\n enable: true,\n value: {\n min: 0,\n max: 360\n },\n animation: {\n enable: true,\n speed: 60\n }\n },\n roll: {\n darken: {\n enable: true,\n value: 30\n },\n enlighten: {\n enable: true,\n value: 30\n },\n enable: true,\n mode: \"both\",\n speed: {\n min: 15,\n max: 25\n }\n },\n wobble: {\n distance: 30,\n enable: true,\n move: true,\n speed: {\n min: -15,\n max: 15\n }\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"trail\"\n }\n },\n modes: {\n trail: {\n delay: 0.1,\n quantity: 10,\n particles: {\n paint: {\n fill: {\n color: {\n value: {\n h: 0,\n s: 40,\n l: {\n min: 40,\n max: 60\n }\n }\n }\n }\n }\n },\n colorCoords: {\n h: {\n weights: {\n x: 1\n },\n value: {\n max: 360,\n min: 0\n }\n }\n }\n }\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/m/mouseTrailNoise.js?\n}");
1008
1028
 
1009
1029
  /***/ },
1010
1030
 
@@ -1014,7 +1034,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1014
1034
  \*************************************/
1015
1035
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1016
1036
 
1017
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"moveAngle\",\n name: \"Move Angle\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n fill: {\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 20,\n sync: true\n }\n },\n enable: true\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 0.5\n },\n size: {\n value: {\n min: 1,\n max: 3\n }\n },\n links: {\n enable: true,\n distance: 100,\n color: \"#ffffff\",\n opacity: 0.4,\n width: 1\n },\n move: {\n enable: true,\n speed: 6,\n direction: -30\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"repulse\"\n },\n onClick: {\n enable: true,\n mode: \"push\"\n }\n },\n modes: {\n grab: {\n distance: 400,\n links: {\n opacity: 1\n }\n },\n bubble: {\n distance: 400,\n size: 40,\n duration: 2,\n opacity: 0.8\n },\n repulse: {\n distance: 200\n },\n push: {\n quantity: 4\n },\n remove: {\n quantity: 2\n }\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/m/moveAngle.js?\n}");
1037
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"moveAngle\",\n name: \"Move Angle\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n paint: {\n fill: {\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 20,\n sync: true\n }\n },\n enable: true\n }\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 0.5\n },\n size: {\n value: {\n min: 1,\n max: 3\n }\n },\n links: {\n enable: true,\n distance: 100,\n color: \"#ffffff\",\n opacity: 0.4,\n width: 1\n },\n move: {\n enable: true,\n speed: 6,\n direction: -30\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"repulse\"\n },\n onClick: {\n enable: true,\n mode: \"push\"\n }\n },\n modes: {\n grab: {\n distance: 400,\n links: {\n opacity: 1\n }\n },\n bubble: {\n distance: 400,\n size: 40,\n duration: 2,\n opacity: 0.8\n },\n repulse: {\n distance: 200\n },\n push: {\n quantity: 4\n },\n remove: {\n quantity: 2\n }\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/m/moveAngle.js?\n}");
1018
1038
 
1019
1039
  /***/ },
1020
1040
 
@@ -1024,7 +1044,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1024
1044
  \****************************************/
1025
1045
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1026
1046
 
1027
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"moveDistance\",\n name: \"Move Distance\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n fill: {\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 20,\n sync: true\n }\n }\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 0.5\n },\n size: {\n value: {\n min: 1,\n max: 3\n }\n },\n links: {\n enable: true,\n distance: 100,\n color: \"#ffffff\",\n opacity: 0.4,\n width: 1\n },\n move: {\n enable: true,\n speed: 6,\n distance: 50,\n outModes: \"none\"\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"repulse\"\n },\n onClick: {\n enable: true,\n mode: \"push\"\n }\n },\n modes: {\n grab: {\n distance: 400,\n links: {\n opacity: 1\n }\n },\n bubble: {\n distance: 400,\n size: 40,\n duration: 2,\n opacity: 0.8\n },\n repulse: {\n distance: 200\n },\n push: {\n quantity: 4\n },\n remove: {\n quantity: 2\n }\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/m/moveDistance.js?\n}");
1047
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"moveDistance\",\n name: \"Move Distance\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n paint: {\n fill: {\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 20,\n sync: true\n }\n }\n }\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 0.5\n },\n size: {\n value: {\n min: 1,\n max: 3\n }\n },\n links: {\n enable: true,\n distance: 100,\n color: \"#ffffff\",\n opacity: 0.4,\n width: 1\n },\n move: {\n enable: true,\n speed: 6,\n distance: 50,\n outModes: \"none\"\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"repulse\"\n },\n onClick: {\n enable: true,\n mode: \"push\"\n }\n },\n modes: {\n grab: {\n distance: 400,\n links: {\n opacity: 1\n }\n },\n bubble: {\n distance: 400,\n size: 40,\n duration: 2,\n opacity: 0.8\n },\n repulse: {\n distance: 200\n },\n push: {\n quantity: 4\n },\n remove: {\n quantity: 2\n }\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/m/moveDistance.js?\n}");
1028
1048
 
1029
1049
  /***/ },
1030
1050
 
@@ -1034,7 +1054,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1034
1054
  \**************************************/
1035
1055
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1036
1056
 
1037
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"moveInside\",\n name: \"Move Inside\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n fill: {\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 20,\n sync: true\n }\n },\n enable: true\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 1\n },\n size: {\n value: {\n min: 5,\n max: 7\n }\n },\n move: {\n enable: true,\n speed: 10,\n direction: \"inside\",\n straight: true\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/m/moveInside.js?\n}");
1057
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"moveInside\",\n name: \"Move Inside\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n paint: {\n fill: {\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 20,\n sync: true\n }\n },\n enable: true\n }\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 1\n },\n size: {\n value: {\n min: 5,\n max: 7\n }\n },\n move: {\n enable: true,\n speed: 10,\n direction: \"inside\",\n straight: true\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/m/moveInside.js?\n}");
1038
1058
 
1039
1059
  /***/ },
1040
1060
 
@@ -1044,7 +1064,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1044
1064
  \***************************************/
1045
1065
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1046
1066
 
1047
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"moveOutside\",\n name: \"Move Outside\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n fill: {\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 20,\n sync: true\n }\n },\n enable: true\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 1\n },\n size: {\n value: {\n min: 5,\n max: 7\n }\n },\n move: {\n enable: true,\n speed: 10,\n direction: \"outside\",\n straight: true\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/m/moveOutside.js?\n}");
1067
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"moveOutside\",\n name: \"Move Outside\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n paint: {\n fill: {\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 20,\n sync: true\n }\n },\n enable: true\n }\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 1\n },\n size: {\n value: {\n min: 5,\n max: 7\n }\n },\n move: {\n enable: true,\n speed: 10,\n direction: \"outside\",\n straight: true\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/m/moveOutside.js?\n}");
1048
1068
 
1049
1069
  /***/ },
1050
1070
 
@@ -1054,7 +1074,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1054
1074
  \*************************************************/
1055
1075
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1056
1076
 
1057
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"multipleClickEmitters\",\n name: \"Multiple Click Emitters\",\n background: {\n color: \"#f00\"\n },\n interactivity: {\n events: {\n onClick: {\n enable: true,\n mode: \"emitters\"\n }\n },\n modes: {\n emitters: {\n random: {\n enable: false,\n count: 0\n },\n value: [\n {\n name: \"big-particle\",\n startCount: 1,\n life: {\n count: 1,\n delay: 0,\n duration: 0.1\n },\n rate: {\n delay: 0,\n quantity: 0\n },\n particles: {\n fill: {\n color: {\n value: \"#0f0\"\n }\n },\n size: {\n value: {\n min: 150,\n max: 300\n },\n animation: {\n enable: true,\n speed: 1500,\n decay: 0.02,\n startValue: \"min\",\n count: 1,\n sync: true\n }\n },\n life: {\n duration: {\n value: 1,\n sync: true\n },\n count: 1\n }\n }\n },\n {\n name: \"small-particles\",\n startCount: 50,\n life: {\n count: 1,\n delay: 0,\n duration: 0.1\n },\n particles: {\n fill: {\n color: {\n value: \"#f00\"\n }\n },\n move: {\n decay: 0.1,\n enable: true,\n speed: 60,\n outModes: \"destroy\"\n },\n life: {\n duration: {\n value: 1,\n sync: true\n },\n count: 1\n },\n size: {\n value: {\n min: 1,\n max: 10\n }\n }\n }\n }\n ]\n }\n }\n },\n particles: {\n number: {\n value: 0\n }\n },\n emitters: []\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/m/multipleClickEmitters.js?\n}");
1077
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"multipleClickEmitters\",\n name: \"Multiple Click Emitters\",\n background: {\n color: \"#f00\"\n },\n interactivity: {\n events: {\n onClick: {\n enable: true,\n mode: \"emitters\"\n }\n },\n modes: {\n emitters: {\n random: {\n enable: false,\n count: 0\n },\n value: [\n {\n name: \"big-particle\",\n startCount: 1,\n life: {\n count: 1,\n delay: 0,\n duration: 0.1\n },\n rate: {\n delay: 0,\n quantity: 0\n },\n particles: {\n paint: {\n fill: {\n color: {\n value: \"#0f0\"\n }\n }\n },\n size: {\n value: {\n min: 150,\n max: 300\n },\n animation: {\n enable: true,\n speed: 1500,\n decay: 0.02,\n startValue: \"min\",\n count: 1,\n sync: true\n }\n },\n life: {\n duration: {\n value: 1,\n sync: true\n },\n count: 1\n }\n }\n },\n {\n name: \"small-particles\",\n startCount: 50,\n life: {\n count: 1,\n delay: 0,\n duration: 0.1\n },\n particles: {\n paint: {\n fill: {\n color: {\n value: \"#f00\"\n }\n }\n },\n move: {\n decay: 0.1,\n enable: true,\n speed: 60,\n outModes: \"destroy\"\n },\n life: {\n duration: {\n value: 1,\n sync: true\n },\n count: 1\n },\n size: {\n value: {\n min: 1,\n max: 10\n }\n }\n }\n }\n ]\n }\n }\n },\n particles: {\n number: {\n value: 0\n }\n },\n emitters: []\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/m/multipleClickEmitters.js?\n}");
1058
1078
 
1059
1079
  /***/ },
1060
1080
 
@@ -1064,7 +1084,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1064
1084
  \************************************************/
1065
1085
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1066
1086
 
1067
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"multiplePolygonMasks\",\n name: \"Multiple Polygon Masks\",\n interactivity: {\n events: {\n onClick: {\n enable: false,\n mode: \"push\"\n },\n onHover: {\n enable: true,\n mode: \"bubble\"\n }\n },\n modes: {\n bubble: {\n distance: 40,\n duration: 2,\n opacity: 8,\n size: 6\n },\n connect: {\n distance: 80,\n links: {\n opacity: 0.5\n },\n radius: 60\n },\n grab: {\n distance: 400,\n links: {\n opacity: 1\n }\n },\n push: {\n quantity: 4\n },\n remove: {\n quantity: 2\n },\n repulse: {\n distance: 200,\n duration: 0.4\n },\n slow: {\n active: false,\n radius: 0,\n factor: 1\n }\n }\n },\n particles: {\n fill: {\n color: {\n value: [\n \"#4285f4\",\n \"#34A853\",\n \"#FBBC05\",\n \"#EA4335\"\n ]\n },\n enable: true\n },\n links: {\n blink: false,\n color: \"random\",\n consent: false,\n distance: 40,\n enable: true,\n opacity: 1,\n width: 1\n },\n move: {\n enable: true,\n outModes: \"bounce\",\n speed: 1\n },\n number: {\n value: 200\n },\n opacity: {\n animation: {\n enable: true,\n speed: 2,\n sync: false\n },\n value: {\n min: 0.05,\n max: 0.4\n }\n },\n shape: {\n type: \"circle\"\n },\n size: {\n value: 1\n }\n },\n polygon: {\n draw: {\n enable: true,\n stroke: {\n color: \"#fff\",\n width: 0.5,\n opacity: 0.2\n }\n },\n enable: true,\n move: {\n radius: 10\n },\n position: {\n x: 30,\n y: 30\n },\n inline: {\n arrangement: \"equidistant\"\n },\n scale: 1,\n type: \"inline\",\n url: \"https://particles.js.org/images/hdr/google.svg\"\n },\n background: {\n color: \"#000000\",\n image: \"\",\n position: \"50% 50%\",\n repeat: \"no-repeat\",\n size: \"cover\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/m/multiplePolygonMasks.js?\n}");
1087
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"multiplePolygonMasks\",\n name: \"Multiple Polygon Masks\",\n interactivity: {\n events: {\n onClick: {\n enable: false,\n mode: \"push\"\n },\n onHover: {\n enable: true,\n mode: \"bubble\"\n }\n },\n modes: {\n bubble: {\n distance: 40,\n duration: 2,\n opacity: 8,\n size: 6\n },\n connect: {\n distance: 80,\n links: {\n opacity: 0.5\n },\n radius: 60\n },\n grab: {\n distance: 400,\n links: {\n opacity: 1\n }\n },\n push: {\n quantity: 4\n },\n remove: {\n quantity: 2\n },\n repulse: {\n distance: 200,\n duration: 0.4\n },\n slow: {\n active: false,\n radius: 0,\n factor: 1\n }\n }\n },\n particles: {\n paint: {\n fill: {\n color: {\n value: [\n \"#4285f4\",\n \"#34A853\",\n \"#FBBC05\",\n \"#EA4335\"\n ]\n },\n enable: true\n }\n },\n links: {\n blink: false,\n color: \"random\",\n consent: false,\n distance: 40,\n enable: true,\n opacity: 1,\n width: 1\n },\n move: {\n enable: true,\n outModes: \"bounce\",\n speed: 1\n },\n number: {\n value: 200\n },\n opacity: {\n animation: {\n enable: true,\n speed: 2,\n sync: false\n },\n value: {\n min: 0.05,\n max: 0.4\n }\n },\n shape: {\n type: \"circle\"\n },\n size: {\n value: 1\n }\n },\n polygon: {\n draw: {\n enable: true,\n stroke: {\n color: \"#fff\",\n width: 0.5,\n opacity: 0.2\n }\n },\n enable: true,\n move: {\n radius: 10\n },\n position: {\n x: 30,\n y: 30\n },\n inline: {\n arrangement: \"equidistant\"\n },\n scale: 1,\n type: \"inline\",\n url: \"https://particles.js.org/images/hdr/google.svg\"\n },\n background: {\n color: \"#000000\",\n image: \"\",\n position: \"50% 50%\",\n repeat: \"no-repeat\",\n size: \"cover\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/m/multiplePolygonMasks.js?\n}");
1068
1088
 
1069
1089
  /***/ },
1070
1090
 
@@ -1084,7 +1104,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1084
1104
  \***************************************/
1085
1105
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1086
1106
 
1087
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"namedColors\",\n name: \"Named Colors\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n fill: {\n color: {\n value: [\n \"aqua\",\n \"deepskyblue\",\n \"firebrick\",\n \"khaki\"\n ]\n },\n enable: true\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 1\n },\n size: {\n value: {\n min: 3,\n max: 7\n }\n },\n move: {\n enable: true,\n speed: 6\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"repulse\"\n },\n onClick: {\n enable: true,\n mode: \"push\"\n }\n },\n modes: {\n repulse: {\n distance: 200\n },\n push: {\n quantity: 4\n }\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/n/namedColors.js?\n}");
1107
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"namedColors\",\n name: \"Named Colors\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n paint: {\n fill: {\n color: {\n value: [\n \"aqua\",\n \"deepskyblue\",\n \"firebrick\",\n \"khaki\"\n ]\n },\n enable: true\n }\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 1\n },\n size: {\n value: {\n min: 3,\n max: 7\n }\n },\n move: {\n enable: true,\n speed: 6\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"repulse\"\n },\n onClick: {\n enable: true,\n mode: \"push\"\n }\n },\n modes: {\n repulse: {\n distance: 200\n },\n push: {\n quantity: 4\n }\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/n/namedColors.js?\n}");
1088
1108
 
1089
1109
  /***/ },
1090
1110
 
@@ -1094,7 +1114,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1094
1114
  \********************************/
1095
1115
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1096
1116
 
1097
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"nasa\",\n name: \"NASA\",\n particles: {\n number: {\n value: 160,\n density: {\n enable: true\n }\n },\n fill: {\n color: {\n value: \"#ffffff\"\n }\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: {\n min: 0.1,\n max: 1\n },\n animation: {\n enable: true,\n speed: 1,\n sync: false\n }\n },\n size: {\n value: {\n min: 1,\n max: 3\n }\n },\n move: {\n enable: true,\n speed: {\n min: 0.1,\n max: 1\n }\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"bubble\"\n },\n onClick: {\n enable: true,\n mode: \"repulse\"\n }\n },\n modes: {\n grab: {\n distance: 400,\n links: {\n opacity: 1\n }\n },\n bubble: {\n distance: 250,\n size: 0,\n duration: 2,\n opacity: 0\n },\n repulse: {\n distance: 400,\n duration: 0.4\n },\n push: {\n quantity: 4\n },\n remove: {\n quantity: 2\n }\n }\n },\n background: {\n color: \"#232741\",\n image: \"url('http://upload.wikimedia.org/wikipedia/commons/thumb/e/e5/NASA_logo.svg/1237px-NASA_logo.svg.png')\",\n position: \"50% 50%\",\n repeat: \"no-repeat\",\n size: \"20%\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/n/nasa.js?\n}");
1117
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"nasa\",\n name: \"NASA\",\n particles: {\n number: {\n value: 160,\n density: {\n enable: true\n }\n },\n paint: {\n fill: {\n color: {\n value: \"#ffffff\"\n }\n }\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: {\n min: 0.1,\n max: 1\n },\n animation: {\n enable: true,\n speed: 1,\n sync: false\n }\n },\n size: {\n value: {\n min: 1,\n max: 3\n }\n },\n move: {\n enable: true,\n speed: {\n min: 0.1,\n max: 1\n }\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"bubble\"\n },\n onClick: {\n enable: true,\n mode: \"repulse\"\n }\n },\n modes: {\n grab: {\n distance: 400,\n links: {\n opacity: 1\n }\n },\n bubble: {\n distance: 250,\n size: 0,\n duration: 2,\n opacity: 0\n },\n repulse: {\n distance: 400,\n duration: 0.4\n },\n push: {\n quantity: 4\n },\n remove: {\n quantity: 2\n }\n }\n },\n background: {\n color: \"#232741\",\n image: \"url('http://upload.wikimedia.org/wikipedia/commons/thumb/e/e5/NASA_logo.svg/1237px-NASA_logo.svg.png')\",\n position: \"50% 50%\",\n repeat: \"no-repeat\",\n size: \"20%\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/n/nasa.js?\n}");
1098
1118
 
1099
1119
  /***/ },
1100
1120
 
@@ -1104,7 +1124,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1104
1124
  \***********************************/
1105
1125
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1106
1126
 
1107
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"noClear\",\n name: \"No Clear\",\n clear: false,\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"trail\"\n }\n },\n modes: {\n trail: {\n delay: 0.01,\n quantity: 1,\n pauseOnStop: true\n }\n }\n },\n particles: {\n fill: {\n color: {\n value: [\n \"#80F31F\",\n \"#ED8B08\",\n \"#ED1868\",\n \"#800CE0\",\n \"#1274F7\",\n \"#12E797\",\n \"#7FF31F\",\n \"#ED8B08\",\n \"#ED1868\",\n \"#800CE0\",\n \"#1274F7\",\n \"#12E797\",\n \"#7FF31F\",\n \"#ED8B08\",\n \"#ED1868\",\n \"#800CE0\",\n \"#1274F7\",\n \"#12E797\",\n \"#7FF31F\",\n \"#ED8B08\",\n \"#ED1868\",\n \"#800CE0\",\n \"#1274F7\",\n \"#12E797\",\n \"#7FF31F\",\n \"#ED8B08\",\n \"#ED1868\",\n \"#800CE0\",\n \"#1274F7\",\n \"#12E797\",\n \"#7FF31F\",\n \"#ED8B08\",\n \"#ED1868\",\n \"#800CE0\",\n \"#1274F7\",\n \"#12E797\",\n \"#7FF31F\",\n \"#ED8B08\",\n \"#ED1868\",\n \"#800CE0\",\n \"#1274F7\",\n \"#12E797\",\n \"#7FF31F\",\n \"#ED8B08\",\n \"#ED1868\",\n \"#800CE0\",\n \"#1274F7\",\n \"#12E797\",\n \"#7FF31F\",\n \"#ED8B08\"\n ]\n },\n enable: true\n },\n life: {\n count: 1,\n duration: {\n sync: true,\n value: 1\n }\n },\n number: {\n value: 500\n },\n size: {\n value: 50\n },\n shape: {\n type: \"star\"\n },\n rotate: {\n value: {\n min: 0,\n max: 360\n }\n }\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/n/noClear.js?\n}");
1127
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"noClear\",\n name: \"No Clear\",\n clear: false,\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"trail\"\n }\n },\n modes: {\n trail: {\n delay: 0.01,\n quantity: 1,\n pauseOnStop: true\n }\n }\n },\n particles: {\n paint: {\n fill: {\n color: {\n value: [\n \"#80F31F\",\n \"#ED8B08\",\n \"#ED1868\",\n \"#800CE0\",\n \"#1274F7\",\n \"#12E797\",\n \"#7FF31F\",\n \"#ED8B08\",\n \"#ED1868\",\n \"#800CE0\",\n \"#1274F7\",\n \"#12E797\",\n \"#7FF31F\",\n \"#ED8B08\",\n \"#ED1868\",\n \"#800CE0\",\n \"#1274F7\",\n \"#12E797\",\n \"#7FF31F\",\n \"#ED8B08\",\n \"#ED1868\",\n \"#800CE0\",\n \"#1274F7\",\n \"#12E797\",\n \"#7FF31F\",\n \"#ED8B08\",\n \"#ED1868\",\n \"#800CE0\",\n \"#1274F7\",\n \"#12E797\",\n \"#7FF31F\",\n \"#ED8B08\",\n \"#ED1868\",\n \"#800CE0\",\n \"#1274F7\",\n \"#12E797\",\n \"#7FF31F\",\n \"#ED8B08\",\n \"#ED1868\",\n \"#800CE0\",\n \"#1274F7\",\n \"#12E797\",\n \"#7FF31F\",\n \"#ED8B08\",\n \"#ED1868\",\n \"#800CE0\",\n \"#1274F7\",\n \"#12E797\",\n \"#7FF31F\",\n \"#ED8B08\"\n ]\n },\n enable: true\n }\n },\n life: {\n count: 1,\n duration: {\n sync: true,\n value: 1\n }\n },\n number: {\n value: 500\n },\n size: {\n value: 50\n },\n shape: {\n type: \"star\"\n },\n rotate: {\n value: {\n min: 0,\n max: 360\n }\n }\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/n/noClear.js?\n}");
1108
1128
 
1109
1129
  /***/ },
1110
1130
 
@@ -1154,7 +1174,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1154
1174
  \***********************************/
1155
1175
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1156
1176
 
1157
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"nyancat\",\n name: \"Nyan Cat\",\n particles: {\n number: {\n value: 1,\n density: {\n enable: false\n }\n },\n fill: {\n color: {\n value: \"#ffffff\"\n },\n enable: true\n },\n shape: {\n type: \"image\",\n options: {\n image: {\n src: \"https://cdn2.scratch.mit.edu/get_image/gallery/780516_170x100.png\",\n width: 1750,\n height: 800\n }\n }\n },\n opacity: {\n value: 0.5\n },\n size: {\n value: 240\n },\n move: {\n enable: true,\n speed: 6,\n direction: \"right\",\n straight: true\n }\n },\n interactivity: {\n events: {\n onClick: {\n enable: true,\n mode: \"repulse\"\n }\n },\n modes: {\n repulse: {\n distance: 200,\n duration: 0.4\n }\n }\n },\n background: {\n color: \"#0d47a1\",\n image: \"url('http://fc06.deviantart.net/fs71/f/2011/187/1/0/nyan_cat_background_by_kento1-d3l6i50.jpg')\",\n position: \"50% 50%\",\n repeat: \"no-repeat\",\n size: \"cover\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/n/nyancat.js?\n}");
1177
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"nyancat\",\n name: \"Nyan Cat\",\n particles: {\n number: {\n value: 1,\n density: {\n enable: false\n }\n },\n paint: {\n fill: {\n color: {\n value: \"#ffffff\"\n },\n enable: true\n }\n },\n shape: {\n type: \"image\",\n options: {\n image: {\n src: \"https://cdn2.scratch.mit.edu/get_image/gallery/780516_170x100.png\",\n width: 1750,\n height: 800\n }\n }\n },\n opacity: {\n value: 0.5\n },\n size: {\n value: 240\n },\n move: {\n enable: true,\n speed: 6,\n direction: \"right\",\n straight: true\n }\n },\n interactivity: {\n events: {\n onClick: {\n enable: true,\n mode: \"repulse\"\n }\n },\n modes: {\n repulse: {\n distance: 200,\n duration: 0.4\n }\n }\n },\n background: {\n color: \"#0d47a1\",\n image: \"url('http://fc06.deviantart.net/fs71/f/2011/187/1/0/nyan_cat_background_by_kento1-d3l6i50.jpg')\",\n position: \"50% 50%\",\n repeat: \"no-repeat\",\n size: \"cover\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/n/nyancat.js?\n}");
1158
1178
 
1159
1179
  /***/ },
1160
1180
 
@@ -1164,7 +1184,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1164
1184
  \************************************/
1165
1185
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1166
1186
 
1167
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"nyancat2\",\n name: \"Nyan Cat 2\",\n particles: {\n number: {\n value: 100,\n density: {\n enable: false\n }\n },\n fill: {\n color: {\n value: \"#ffffff\"\n },\n enable: true\n },\n shape: {\n type: \"star\",\n options: {\n star: {\n sides: 5\n }\n }\n },\n opacity: {\n value: 0.5\n },\n size: {\n value: {\n min: 1,\n max: 4\n }\n },\n move: {\n enable: true,\n speed: 6,\n direction: \"left\",\n straight: true\n }\n },\n interactivity: {\n events: {\n onClick: {\n enable: true,\n mode: \"repulse\"\n }\n },\n modes: {\n repulse: {\n distance: 200,\n duration: 0.4\n }\n }\n },\n background: {\n color: \"#043564\",\n image: \"url('https://vincentgarreau.com/particles.js/assets/img/kbLd9vb_new.gif')\",\n position: \"0 50%\",\n repeat: \"no-repeat\",\n size: \"60%\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/n/nyancat2.js?\n}");
1187
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"nyancat2\",\n name: \"Nyan Cat 2\",\n particles: {\n number: {\n value: 100,\n density: {\n enable: false\n }\n },\n paint: {\n fill: {\n color: {\n value: \"#ffffff\"\n },\n enable: true\n }\n },\n shape: {\n type: \"star\",\n options: {\n star: {\n sides: 5\n }\n }\n },\n opacity: {\n value: 0.5\n },\n size: {\n value: {\n min: 1,\n max: 4\n }\n },\n move: {\n enable: true,\n speed: 6,\n direction: \"left\",\n straight: true\n }\n },\n interactivity: {\n events: {\n onClick: {\n enable: true,\n mode: \"repulse\"\n }\n },\n modes: {\n repulse: {\n distance: 200,\n duration: 0.4\n }\n }\n },\n background: {\n color: \"#043564\",\n image: \"url('https://vincentgarreau.com/particles.js/assets/img/kbLd9vb_new.gif')\",\n position: \"0 50%\",\n repeat: \"no-repeat\",\n size: \"60%\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/n/nyancat2.js?\n}");
1168
1188
 
1169
1189
  /***/ },
1170
1190
 
@@ -1184,7 +1204,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1184
1204
  \*********************************/
1185
1205
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1186
1206
 
1187
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"oklch\",\n name: \"OKLCH\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n fill: {\n color: {\n value: \"oklch(70% 0.1 266)\",\n animation: {\n enable: true,\n speed: 20,\n sync: true\n }\n },\n enable: true\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 0.5\n },\n size: {\n value: {\n min: 1,\n max: 3\n }\n },\n links: {\n enable: true,\n distance: 150,\n color: \"#ffffff\",\n opacity: 0.4,\n width: 1\n },\n move: {\n enable: true,\n speed: 6\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"repulse\"\n },\n onClick: {\n enable: true,\n mode: \"push\"\n }\n },\n modes: {\n repulse: {\n distance: 200\n },\n push: {\n quantity: 4\n }\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/o/oklch.js?\n}");
1207
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"oklch\",\n name: \"OKLCH\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n paint: {\n fill: {\n color: {\n value: \"oklch(70% 0.1 266)\",\n animation: {\n enable: true,\n speed: 20,\n sync: true\n }\n },\n enable: true\n }\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 0.5\n },\n size: {\n value: {\n min: 1,\n max: 3\n }\n },\n links: {\n enable: true,\n distance: 150,\n color: \"#ffffff\",\n opacity: 0.4,\n width: 1\n },\n move: {\n enable: true,\n speed: 6\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"repulse\"\n },\n onClick: {\n enable: true,\n mode: \"push\"\n }\n },\n modes: {\n repulse: {\n distance: 200\n },\n push: {\n quantity: 4\n }\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/o/oklch.js?\n}");
1188
1208
 
1189
1209
  /***/ },
1190
1210
 
@@ -1194,7 +1214,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1194
1214
  \*********************************/
1195
1215
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1196
1216
 
1197
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"orbit\",\n name: \"Orbit\",\n particles: {\n fill: {\n color: {\n value: [\n \"#5bc0eb\",\n \"#fde74c\",\n \"#9bc53d\",\n \"#e55934\",\n \"#fa7921\"\n ]\n },\n enable: true\n },\n move: {\n enable: true,\n speed: 3\n },\n number: {\n density: {\n enable: true\n },\n limit: {\n value: 300\n },\n value: 100\n },\n opacity: {\n value: 1\n },\n orbit: {\n animation: {\n enable: true,\n speed: 1\n },\n enable: true,\n opacity: 1,\n color: \"#ff7700\",\n rotation: {\n random: {\n enable: true\n }\n }\n },\n shape: {\n type: [\n \"circle\",\n \"square\"\n ]\n },\n size: {\n value: 10\n }\n },\n background: {\n color: \"#000000\",\n image: \"\",\n position: \"50% 50%\",\n repeat: \"no-repeat\",\n size: \"cover\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/o/orbit.js?\n}");
1217
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"orbit\",\n name: \"Orbit\",\n particles: {\n paint: {\n fill: {\n color: {\n value: [\n \"#5bc0eb\",\n \"#fde74c\",\n \"#9bc53d\",\n \"#e55934\",\n \"#fa7921\"\n ]\n },\n enable: true\n }\n },\n move: {\n enable: true,\n speed: 3\n },\n number: {\n density: {\n enable: true\n },\n limit: {\n value: 300\n },\n value: 100\n },\n opacity: {\n value: 1\n },\n orbit: {\n animation: {\n enable: true,\n speed: 1\n },\n enable: true,\n opacity: 1,\n color: \"#ff7700\",\n rotation: {\n random: {\n enable: true\n }\n }\n },\n shape: {\n type: [\n \"circle\",\n \"square\"\n ]\n },\n size: {\n value: 10\n }\n },\n background: {\n color: \"#000000\",\n image: \"\",\n position: \"50% 50%\",\n repeat: \"no-repeat\",\n size: \"cover\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/o/orbit.js?\n}");
1198
1218
 
1199
1219
  /***/ },
1200
1220
 
@@ -1224,7 +1244,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1224
1244
  \************************************/
1225
1245
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1226
1246
 
1227
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"parallax\",\n name: \"Parallax\",\n particles: {\n number: {\n value: 100,\n density: {\n enable: true\n }\n },\n fill: {\n color: {\n value: \"#ffffff\"\n },\n enable: true\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: {\n min: 0.1,\n max: 0.5\n },\n animation: {\n enable: true,\n speed: 3,\n sync: false\n }\n },\n size: {\n value: {\n min: 1,\n max: 10\n },\n animation: {\n enable: true,\n speed: 20,\n sync: false\n }\n },\n links: {\n enable: true,\n distance: 150,\n color: \"#ffffff\",\n opacity: 0.4,\n width: 1\n },\n move: {\n enable: true,\n speed: 2\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: [\n \"grab\",\n \"parallax\"\n ]\n },\n onClick: {\n enable: true,\n mode: \"push\"\n }\n },\n modes: {\n grab: {\n distance: 400,\n links: {\n opacity: 1\n }\n },\n parallax: {\n enable: true,\n smooth: 10,\n force: 60\n },\n push: {\n quantity: 4\n }\n }\n },\n background: {\n color: \"#0d47a1\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/p/parallax.js?\n}");
1247
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"parallax\",\n name: \"Parallax\",\n particles: {\n number: {\n value: 100,\n density: {\n enable: true\n }\n },\n paint: {\n fill: {\n color: {\n value: \"#ffffff\"\n },\n enable: true\n }\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: {\n min: 0.1,\n max: 0.5\n },\n animation: {\n enable: true,\n speed: 3,\n sync: false\n }\n },\n size: {\n value: {\n min: 1,\n max: 10\n },\n animation: {\n enable: true,\n speed: 20,\n sync: false\n }\n },\n links: {\n enable: true,\n distance: 150,\n color: \"#ffffff\",\n opacity: 0.4,\n width: 1\n },\n move: {\n enable: true,\n speed: 2\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: [\n \"grab\",\n \"parallax\"\n ]\n },\n onClick: {\n enable: true,\n mode: \"push\"\n }\n },\n modes: {\n grab: {\n distance: 400,\n links: {\n opacity: 1\n }\n },\n parallax: {\n enable: true,\n smooth: 10,\n force: 60\n },\n push: {\n quantity: 4\n }\n }\n },\n background: {\n color: \"#0d47a1\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/p/parallax.js?\n}");
1228
1248
 
1229
1249
  /***/ },
1230
1250
 
@@ -1234,7 +1254,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1234
1254
  \****************************************/
1235
1255
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1236
1256
 
1237
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n\nconst options = {\n key: \"pathBranches\",\n name: \"Path Branches\",\n particles: {\n fill: {\n color: {\n value: [\n \"#FF0000\",\n \"#FF2A00\",\n \"#FF5500\",\n \"#FF8000\",\n \"#FFAA00\",\n \"#FFD400\",\n \"#FFFF00\",\n \"#D4FF00\",\n \"#AAFF00\",\n \"#80FF00\",\n \"#55FF00\",\n \"#2AFF00\",\n \"#00FF00\",\n \"#00FF2A\",\n \"#00FF55\",\n \"#00FF80\",\n \"#00FFAA\",\n \"#00FFD4\",\n \"#00FFFF\",\n \"#00D4FF\",\n \"#00AAFF\",\n \"#0080FF\",\n \"#0055FF\",\n \"#002AFF\",\n \"#0000FF\",\n \"#2A00FF\",\n \"#5500FF\",\n \"#8000FF\",\n \"#AA00FF\",\n \"#D400FF\",\n \"#FF00FF\",\n \"#FF00D4\",\n \"#FF00AA\",\n \"#FF0080\",\n \"#FF0055\",\n \"#FF002A\"\n ]\n },\n enable: true\n },\n move: {\n enable: true,\n outModes: \"out\",\n speed: {\n min: 10,\n max: 15\n },\n path: {\n enable: true,\n options: {\n segmentLength: 25,\n branchChance: 0.35,\n maxAngle: Math.PI * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half,\n speedVariation: 0.4\n },\n generator: \"branchesPathGenerator\"\n }\n },\n number: {\n value: 80\n },\n opacity: {\n value: 1\n },\n shape: {\n type: \"circle\"\n },\n effect: {\n type: \"trail\",\n options: {\n trail: {\n length: {\n min: 30,\n max: 50\n }\n }\n }\n },\n size: {\n value: 3\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/p/pathBranches.js?\n}");
1257
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n\nconst options = {\n key: \"pathBranches\",\n name: \"Path Branches\",\n particles: {\n paint: {\n fill: {\n color: {\n value: [\n \"#FF0000\",\n \"#FF2A00\",\n \"#FF5500\",\n \"#FF8000\",\n \"#FFAA00\",\n \"#FFD400\",\n \"#FFFF00\",\n \"#D4FF00\",\n \"#AAFF00\",\n \"#80FF00\",\n \"#55FF00\",\n \"#2AFF00\",\n \"#00FF00\",\n \"#00FF2A\",\n \"#00FF55\",\n \"#00FF80\",\n \"#00FFAA\",\n \"#00FFD4\",\n \"#00FFFF\",\n \"#00D4FF\",\n \"#00AAFF\",\n \"#0080FF\",\n \"#0055FF\",\n \"#002AFF\",\n \"#0000FF\",\n \"#2A00FF\",\n \"#5500FF\",\n \"#8000FF\",\n \"#AA00FF\",\n \"#D400FF\",\n \"#FF00FF\",\n \"#FF00D4\",\n \"#FF00AA\",\n \"#FF0080\",\n \"#FF0055\",\n \"#FF002A\"\n ]\n },\n enable: true\n }\n },\n move: {\n enable: true,\n outModes: \"out\",\n speed: {\n min: 10,\n max: 15\n },\n path: {\n enable: true,\n options: {\n segmentLength: 25,\n branchChance: 0.35,\n maxAngle: Math.PI * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half,\n speedVariation: 0.4\n },\n generator: \"branchesPathGenerator\"\n }\n },\n number: {\n value: 80\n },\n opacity: {\n value: 1\n },\n shape: {\n type: \"circle\"\n },\n effect: {\n type: \"trail\",\n options: {\n trail: {\n length: {\n min: 30,\n max: 50\n }\n }\n }\n },\n size: {\n value: 3\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/p/pathBranches.js?\n}");
1238
1258
 
1239
1259
  /***/ },
1240
1260
 
@@ -1244,7 +1264,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1244
1264
  \***********************************************/
1245
1265
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1246
1266
 
1247
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n\nconst options = {\n key: \"pathBranchesInertia\",\n name: \"Path Branches Inertia\",\n particles: {\n fill: {\n color: {\n value: [\n \"#FF0000\",\n \"#FF2A00\",\n \"#FF5500\",\n \"#FF8000\",\n \"#FFAA00\",\n \"#FFD400\",\n \"#FFFF00\",\n \"#D4FF00\",\n \"#AAFF00\",\n \"#80FF00\",\n \"#55FF00\",\n \"#2AFF00\",\n \"#00FF00\",\n \"#00FF2A\",\n \"#00FF55\",\n \"#00FF80\",\n \"#00FFAA\",\n \"#00FFD4\",\n \"#00FFFF\",\n \"#00D4FF\",\n \"#00AAFF\",\n \"#0080FF\",\n \"#0055FF\",\n \"#002AFF\",\n \"#0000FF\",\n \"#2A00FF\",\n \"#5500FF\",\n \"#8000FF\",\n \"#AA00FF\",\n \"#D400FF\",\n \"#FF00FF\",\n \"#FF00D4\",\n \"#FF00AA\",\n \"#FF0080\",\n \"#FF0055\",\n \"#FF002A\"\n ]\n },\n enable: true\n },\n move: {\n enable: true,\n outModes: \"out\",\n speed: {\n min: 10,\n max: 15\n },\n path: {\n enable: true,\n options: {\n segmentLength: 10,\n branchChance: 0.5,\n maxAngle: Math.PI * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half,\n speedVariation: 0.4,\n inertia: {\n enable: true,\n factor: 0.4\n }\n },\n generator: \"branchesPathGenerator\"\n }\n },\n number: {\n value: 80\n },\n opacity: {\n value: 1\n },\n shape: {\n type: \"circle\"\n },\n effect: {\n type: \"trail\",\n options: {\n trail: {\n length: {\n min: 30,\n max: 50\n }\n }\n }\n },\n size: {\n value: 3\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/p/pathBranchesInertia.js?\n}");
1267
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n\nconst options = {\n key: \"pathBranchesInertia\",\n name: \"Path Branches Inertia\",\n particles: {\n paint: {\n fill: {\n color: {\n value: [\n \"#FF0000\",\n \"#FF2A00\",\n \"#FF5500\",\n \"#FF8000\",\n \"#FFAA00\",\n \"#FFD400\",\n \"#FFFF00\",\n \"#D4FF00\",\n \"#AAFF00\",\n \"#80FF00\",\n \"#55FF00\",\n \"#2AFF00\",\n \"#00FF00\",\n \"#00FF2A\",\n \"#00FF55\",\n \"#00FF80\",\n \"#00FFAA\",\n \"#00FFD4\",\n \"#00FFFF\",\n \"#00D4FF\",\n \"#00AAFF\",\n \"#0080FF\",\n \"#0055FF\",\n \"#002AFF\",\n \"#0000FF\",\n \"#2A00FF\",\n \"#5500FF\",\n \"#8000FF\",\n \"#AA00FF\",\n \"#D400FF\",\n \"#FF00FF\",\n \"#FF00D4\",\n \"#FF00AA\",\n \"#FF0080\",\n \"#FF0055\",\n \"#FF002A\"\n ]\n },\n enable: true\n }\n },\n move: {\n enable: true,\n outModes: \"out\",\n speed: {\n min: 10,\n max: 15\n },\n path: {\n enable: true,\n options: {\n segmentLength: 10,\n branchChance: 0.5,\n maxAngle: Math.PI * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half,\n speedVariation: 0.4,\n inertia: {\n enable: true,\n factor: 0.4\n }\n },\n generator: \"branchesPathGenerator\"\n }\n },\n number: {\n value: 80\n },\n opacity: {\n value: 1\n },\n shape: {\n type: \"circle\"\n },\n effect: {\n type: \"trail\",\n options: {\n trail: {\n length: {\n min: 30,\n max: 50\n }\n }\n }\n },\n size: {\n value: 3\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/p/pathBranchesInertia.js?\n}");
1248
1268
 
1249
1269
  /***/ },
1250
1270
 
@@ -1254,7 +1274,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1254
1274
  \****************************************/
1255
1275
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1256
1276
 
1257
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst angleDeltaFactor = 18, options = {\n key: \"pathBrownian\",\n name: \"Path Brownian\",\n particles: {\n fill: {\n color: {\n value: [\n \"#FF0000\",\n \"#FF2A00\",\n \"#FF5500\",\n \"#FF8000\",\n \"#FFAA00\",\n \"#FFD400\",\n \"#FFFF00\",\n \"#D4FF00\",\n \"#AAFF00\",\n \"#80FF00\",\n \"#55FF00\",\n \"#2AFF00\",\n \"#00FF00\",\n \"#00FF2A\",\n \"#00FF55\",\n \"#00FF80\",\n \"#00FFAA\",\n \"#00FFD4\",\n \"#00FFFF\",\n \"#00D4FF\",\n \"#00AAFF\",\n \"#0080FF\",\n \"#0055FF\",\n \"#002AFF\",\n \"#0000FF\",\n \"#2A00FF\",\n \"#5500FF\",\n \"#8000FF\",\n \"#AA00FF\",\n \"#D400FF\",\n \"#FF00FF\",\n \"#FF00D4\",\n \"#FF00AA\",\n \"#FF0080\",\n \"#FF0055\",\n \"#FF002A\"\n ]\n },\n enable: true\n },\n move: {\n enable: true,\n outModes: \"out\",\n speed: {\n min: 10,\n max: 15\n },\n path: {\n enable: true,\n options: {\n angleDelta: Math.PI / angleDeltaFactor,\n damping: 0.95\n },\n generator: \"brownianPathGenerator\"\n }\n },\n number: {\n value: 80\n },\n opacity: {\n value: 1\n },\n shape: {\n type: \"circle\"\n },\n effect: {\n type: \"trail\",\n options: {\n trail: {\n length: {\n min: 30,\n max: 50\n }\n }\n }\n },\n size: {\n value: 3\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/p/pathBrownian.js?\n}");
1277
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst angleDeltaFactor = 18, options = {\n key: \"pathBrownian\",\n name: \"Path Brownian\",\n particles: {\n paint: {\n fill: {\n color: {\n value: [\n \"#FF0000\",\n \"#FF2A00\",\n \"#FF5500\",\n \"#FF8000\",\n \"#FFAA00\",\n \"#FFD400\",\n \"#FFFF00\",\n \"#D4FF00\",\n \"#AAFF00\",\n \"#80FF00\",\n \"#55FF00\",\n \"#2AFF00\",\n \"#00FF00\",\n \"#00FF2A\",\n \"#00FF55\",\n \"#00FF80\",\n \"#00FFAA\",\n \"#00FFD4\",\n \"#00FFFF\",\n \"#00D4FF\",\n \"#00AAFF\",\n \"#0080FF\",\n \"#0055FF\",\n \"#002AFF\",\n \"#0000FF\",\n \"#2A00FF\",\n \"#5500FF\",\n \"#8000FF\",\n \"#AA00FF\",\n \"#D400FF\",\n \"#FF00FF\",\n \"#FF00D4\",\n \"#FF00AA\",\n \"#FF0080\",\n \"#FF0055\",\n \"#FF002A\"\n ]\n },\n enable: true\n }\n },\n move: {\n enable: true,\n outModes: \"out\",\n speed: {\n min: 10,\n max: 15\n },\n path: {\n enable: true,\n options: {\n angleDelta: Math.PI / angleDeltaFactor,\n damping: 0.95\n },\n generator: \"brownianPathGenerator\"\n }\n },\n number: {\n value: 80\n },\n opacity: {\n value: 1\n },\n shape: {\n type: \"circle\"\n },\n effect: {\n type: \"trail\",\n options: {\n trail: {\n length: {\n min: 30,\n max: 50\n }\n }\n }\n },\n size: {\n value: 3\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/p/pathBrownian.js?\n}");
1258
1278
 
1259
1279
  /***/ },
1260
1280
 
@@ -1264,7 +1284,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1264
1284
  \************************************/
1265
1285
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1266
1286
 
1267
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"pathGrid\",\n name: \"Path Grid\",\n particles: {\n fill: {\n color: {\n value: [\n \"#FF0000\",\n \"#FF2A00\",\n \"#FF5500\",\n \"#FF8000\",\n \"#FFAA00\",\n \"#FFD400\",\n \"#FFFF00\",\n \"#D4FF00\",\n \"#AAFF00\",\n \"#80FF00\",\n \"#55FF00\",\n \"#2AFF00\",\n \"#00FF00\",\n \"#00FF2A\",\n \"#00FF55\",\n \"#00FF80\",\n \"#00FFAA\",\n \"#00FFD4\",\n \"#00FFFF\",\n \"#00D4FF\",\n \"#00AAFF\",\n \"#0080FF\",\n \"#0055FF\",\n \"#002AFF\",\n \"#0000FF\",\n \"#2A00FF\",\n \"#5500FF\",\n \"#8000FF\",\n \"#AA00FF\",\n \"#D400FF\",\n \"#FF00FF\",\n \"#FF00D4\",\n \"#FF00AA\",\n \"#FF0080\",\n \"#FF0055\",\n \"#FF002A\"\n ]\n },\n enable: true\n },\n move: {\n enable: true,\n outModes: \"out\",\n speed: {\n min: 1,\n max: 3\n },\n path: {\n enable: true,\n options: {\n cellSize: 40\n },\n generator: \"gridPathGenerator\"\n }\n },\n number: {\n value: 80\n },\n opacity: {\n value: 1\n },\n shape: {\n type: \"circle\"\n },\n effect: {\n type: \"trail\",\n options: {\n trail: {\n length: {\n min: 30,\n max: 50\n }\n }\n }\n },\n size: {\n value: 3\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/p/pathGrid.js?\n}");
1287
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"pathGrid\",\n name: \"Path Grid\",\n particles: {\n paint: {\n fill: {\n color: {\n value: [\n \"#FF0000\",\n \"#FF2A00\",\n \"#FF5500\",\n \"#FF8000\",\n \"#FFAA00\",\n \"#FFD400\",\n \"#FFFF00\",\n \"#D4FF00\",\n \"#AAFF00\",\n \"#80FF00\",\n \"#55FF00\",\n \"#2AFF00\",\n \"#00FF00\",\n \"#00FF2A\",\n \"#00FF55\",\n \"#00FF80\",\n \"#00FFAA\",\n \"#00FFD4\",\n \"#00FFFF\",\n \"#00D4FF\",\n \"#00AAFF\",\n \"#0080FF\",\n \"#0055FF\",\n \"#002AFF\",\n \"#0000FF\",\n \"#2A00FF\",\n \"#5500FF\",\n \"#8000FF\",\n \"#AA00FF\",\n \"#D400FF\",\n \"#FF00FF\",\n \"#FF00D4\",\n \"#FF00AA\",\n \"#FF0080\",\n \"#FF0055\",\n \"#FF002A\"\n ]\n },\n enable: true\n }\n },\n move: {\n enable: true,\n outModes: \"out\",\n speed: {\n min: 1,\n max: 3\n },\n path: {\n enable: true,\n options: {\n cellSize: 40\n },\n generator: \"gridPathGenerator\"\n }\n },\n number: {\n value: 80\n },\n opacity: {\n value: 1\n },\n shape: {\n type: \"circle\"\n },\n effect: {\n type: \"trail\",\n options: {\n trail: {\n length: {\n min: 30,\n max: 50\n }\n }\n }\n },\n size: {\n value: 3\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/p/pathGrid.js?\n}");
1268
1288
 
1269
1289
  /***/ },
1270
1290
 
@@ -1274,7 +1294,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1274
1294
  \************************************/
1275
1295
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1276
1296
 
1277
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"pathLevy\",\n name: \"Path Levy\",\n particles: {\n fill: {\n color: {\n value: [\n \"#FF0000\",\n \"#FF2A00\",\n \"#FF5500\",\n \"#FF8000\",\n \"#FFAA00\",\n \"#FFD400\",\n \"#FFFF00\",\n \"#D4FF00\",\n \"#AAFF00\",\n \"#80FF00\",\n \"#55FF00\",\n \"#2AFF00\",\n \"#00FF00\",\n \"#00FF2A\",\n \"#00FF55\",\n \"#00FF80\",\n \"#00FFAA\",\n \"#00FFD4\",\n \"#00FFFF\",\n \"#00D4FF\",\n \"#00AAFF\",\n \"#0080FF\",\n \"#0055FF\",\n \"#002AFF\",\n \"#0000FF\",\n \"#2A00FF\",\n \"#5500FF\",\n \"#8000FF\",\n \"#AA00FF\",\n \"#D400FF\",\n \"#FF00FF\",\n \"#FF00D4\",\n \"#FF00AA\",\n \"#FF0080\",\n \"#FF0055\",\n \"#FF002A\"\n ]\n },\n enable: true\n },\n move: {\n enable: true,\n outModes: \"out\",\n speed: {\n min: 10,\n max: 15\n },\n path: {\n enable: true,\n options: {\n alpha: 1.7,\n scale: 0.8,\n maxStep: 50\n },\n generator: \"levyPathGenerator\"\n }\n },\n number: {\n value: 80\n },\n opacity: {\n value: 1\n },\n shape: {\n type: \"circle\"\n },\n effect: {\n type: \"trail\",\n options: {\n trail: {\n length: {\n min: 30,\n max: 50\n }\n }\n }\n },\n size: {\n value: 3\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/p/pathLevy.js?\n}");
1297
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"pathLevy\",\n name: \"Path Levy\",\n particles: {\n paint: {\n fill: {\n color: {\n value: [\n \"#FF0000\",\n \"#FF2A00\",\n \"#FF5500\",\n \"#FF8000\",\n \"#FFAA00\",\n \"#FFD400\",\n \"#FFFF00\",\n \"#D4FF00\",\n \"#AAFF00\",\n \"#80FF00\",\n \"#55FF00\",\n \"#2AFF00\",\n \"#00FF00\",\n \"#00FF2A\",\n \"#00FF55\",\n \"#00FF80\",\n \"#00FFAA\",\n \"#00FFD4\",\n \"#00FFFF\",\n \"#00D4FF\",\n \"#00AAFF\",\n \"#0080FF\",\n \"#0055FF\",\n \"#002AFF\",\n \"#0000FF\",\n \"#2A00FF\",\n \"#5500FF\",\n \"#8000FF\",\n \"#AA00FF\",\n \"#D400FF\",\n \"#FF00FF\",\n \"#FF00D4\",\n \"#FF00AA\",\n \"#FF0080\",\n \"#FF0055\",\n \"#FF002A\"\n ]\n },\n enable: true\n }\n },\n move: {\n enable: true,\n outModes: \"out\",\n speed: {\n min: 10,\n max: 15\n },\n path: {\n enable: true,\n options: {\n alpha: 1.7,\n scale: 0.8,\n maxStep: 50\n },\n generator: \"levyPathGenerator\"\n }\n },\n number: {\n value: 80\n },\n opacity: {\n value: 1\n },\n shape: {\n type: \"circle\"\n },\n effect: {\n type: \"trail\",\n options: {\n trail: {\n length: {\n min: 30,\n max: 50\n }\n }\n }\n },\n size: {\n value: 3\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/p/pathLevy.js?\n}");
1278
1298
 
1279
1299
  /***/ },
1280
1300
 
@@ -1284,7 +1304,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1284
1304
  \************************************/
1285
1305
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1286
1306
 
1287
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"pathMaze\",\n name: \"Path Maze\",\n particles: {\n fill: {\n color: {\n value: [\n \"#FF0000\",\n \"#FF2A00\",\n \"#FF5500\",\n \"#FF8000\",\n \"#FFAA00\",\n \"#FFD400\",\n \"#FFFF00\",\n \"#D4FF00\",\n \"#AAFF00\",\n \"#80FF00\",\n \"#55FF00\",\n \"#2AFF00\",\n \"#00FF00\",\n \"#00FF2A\",\n \"#00FF55\",\n \"#00FF80\",\n \"#00FFAA\",\n \"#00FFD4\",\n \"#00FFFF\",\n \"#00D4FF\",\n \"#00AAFF\",\n \"#0080FF\",\n \"#0055FF\",\n \"#002AFF\",\n \"#0000FF\",\n \"#2A00FF\",\n \"#5500FF\",\n \"#8000FF\",\n \"#AA00FF\",\n \"#D400FF\",\n \"#FF00FF\",\n \"#FF00D4\",\n \"#FF00AA\",\n \"#FF0080\",\n \"#FF0055\",\n \"#FF002A\"\n ]\n },\n enable: true\n },\n move: {\n enable: true,\n outModes: \"out\",\n speed: {\n min: 1,\n max: 3\n },\n path: {\n enable: true,\n options: {\n cellSize: 40,\n autoMaze: true\n },\n generator: \"gridPathGenerator\"\n }\n },\n number: {\n value: 250\n },\n opacity: {\n value: 1\n },\n shape: {\n type: \"circle\"\n },\n effect: {\n type: \"trail\",\n options: {\n trail: {\n length: {\n min: 30,\n max: 50\n }\n }\n }\n },\n size: {\n value: 3\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/p/pathMaze.js?\n}");
1307
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"pathMaze\",\n name: \"Path Maze\",\n particles: {\n paint: {\n fill: {\n color: {\n value: [\n \"#FF0000\",\n \"#FF2A00\",\n \"#FF5500\",\n \"#FF8000\",\n \"#FFAA00\",\n \"#FFD400\",\n \"#FFFF00\",\n \"#D4FF00\",\n \"#AAFF00\",\n \"#80FF00\",\n \"#55FF00\",\n \"#2AFF00\",\n \"#00FF00\",\n \"#00FF2A\",\n \"#00FF55\",\n \"#00FF80\",\n \"#00FFAA\",\n \"#00FFD4\",\n \"#00FFFF\",\n \"#00D4FF\",\n \"#00AAFF\",\n \"#0080FF\",\n \"#0055FF\",\n \"#002AFF\",\n \"#0000FF\",\n \"#2A00FF\",\n \"#5500FF\",\n \"#8000FF\",\n \"#AA00FF\",\n \"#D400FF\",\n \"#FF00FF\",\n \"#FF00D4\",\n \"#FF00AA\",\n \"#FF0080\",\n \"#FF0055\",\n \"#FF002A\"\n ]\n },\n enable: true\n }\n },\n move: {\n enable: true,\n outModes: \"out\",\n speed: {\n min: 1,\n max: 3\n },\n path: {\n enable: true,\n options: {\n cellSize: 40,\n autoMaze: true\n },\n generator: \"gridPathGenerator\"\n }\n },\n number: {\n value: 250\n },\n opacity: {\n value: 1\n },\n shape: {\n type: \"circle\"\n },\n effect: {\n type: \"trail\",\n options: {\n trail: {\n length: {\n min: 30,\n max: 50\n }\n }\n }\n },\n size: {\n value: 3\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/p/pathMaze.js?\n}");
1288
1308
 
1289
1309
  /***/ },
1290
1310
 
@@ -1294,7 +1314,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1294
1314
  \*******************************************/
1295
1315
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1296
1316
 
1297
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"pathPolygonMask\",\n name: \"Path Polygon Mask\",\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"bubble\"\n }\n },\n modes: {\n bubble: {\n distance: 40,\n duration: 2,\n opacity: 8,\n size: 6\n }\n }\n },\n particles: {\n fill: {\n color: {\n value: \"#ffffff\"\n },\n enable: true\n },\n links: {\n color: \"#ffffff\",\n distance: 30,\n enable: true,\n opacity: 0.4,\n width: 1\n },\n move: {\n enable: true,\n outModes: \"bounce\",\n speed: 1\n },\n number: {\n value: 80\n },\n opacity: {\n animation: {\n enable: true,\n speed: 2,\n sync: false\n },\n value: {\n min: 0.05,\n max: 0.4\n }\n },\n shape: {\n type: \"circle\"\n },\n size: {\n value: 1\n }\n },\n polygon: {\n draw: {\n enable: true,\n stroke: {\n color: \"#fff\",\n width: 0.5,\n opacity: 0.2\n }\n },\n enable: true,\n move: {\n radius: 10\n },\n position: {\n x: 50,\n y: 50\n },\n inline: {\n arrangement: \"equidistant\"\n },\n scale: 2,\n type: \"inline\",\n data: {\n path: \"M 75,0 0,200 h 150 z\",\n size: {\n width: 150,\n height: 200\n }\n }\n },\n background: {\n color: \"#000000\",\n image: \"\",\n position: \"50% 50%\",\n repeat: \"no-repeat\",\n size: \"cover\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/p/pathPolygonMask.js?\n}");
1317
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"pathPolygonMask\",\n name: \"Path Polygon Mask\",\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"bubble\"\n }\n },\n modes: {\n bubble: {\n distance: 40,\n duration: 2,\n opacity: 8,\n size: 6\n }\n }\n },\n particles: {\n paint: {\n fill: {\n color: {\n value: \"#ffffff\"\n },\n enable: true\n }\n },\n links: {\n color: \"#ffffff\",\n distance: 30,\n enable: true,\n opacity: 0.4,\n width: 1\n },\n move: {\n enable: true,\n outModes: \"bounce\",\n speed: 1\n },\n number: {\n value: 80\n },\n opacity: {\n animation: {\n enable: true,\n speed: 2,\n sync: false\n },\n value: {\n min: 0.05,\n max: 0.4\n }\n },\n shape: {\n type: \"circle\"\n },\n size: {\n value: 1\n }\n },\n polygon: {\n draw: {\n enable: true,\n stroke: {\n color: \"#fff\",\n width: 0.5,\n opacity: 0.2\n }\n },\n enable: true,\n move: {\n radius: 10\n },\n position: {\n x: 50,\n y: 50\n },\n inline: {\n arrangement: \"equidistant\"\n },\n scale: 2,\n type: \"inline\",\n data: {\n path: \"M 75,0 0,200 h 150 z\",\n size: {\n width: 150,\n height: 200\n }\n }\n },\n background: {\n color: \"#000000\",\n image: \"\",\n position: \"50% 50%\",\n repeat: \"no-repeat\",\n size: \"cover\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/p/pathPolygonMask.js?\n}");
1298
1318
 
1299
1319
  /***/ },
1300
1320
 
@@ -1304,7 +1324,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1304
1324
  \**************************************/
1305
1325
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1306
1326
 
1307
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"pathSpiral\",\n name: \"Path Spiral\",\n particles: {\n fill: {\n color: {\n value: [\n \"#FF0000\",\n \"#FF2A00\",\n \"#FF5500\",\n \"#FF8000\",\n \"#FFAA00\",\n \"#FFD400\",\n \"#FFFF00\",\n \"#D4FF00\",\n \"#AAFF00\",\n \"#80FF00\",\n \"#55FF00\",\n \"#2AFF00\",\n \"#00FF00\",\n \"#00FF2A\",\n \"#00FF55\",\n \"#00FF80\",\n \"#00FFAA\",\n \"#00FFD4\",\n \"#00FFFF\",\n \"#00D4FF\",\n \"#00AAFF\",\n \"#0080FF\",\n \"#0055FF\",\n \"#002AFF\",\n \"#0000FF\",\n \"#2A00FF\",\n \"#5500FF\",\n \"#8000FF\",\n \"#AA00FF\",\n \"#D400FF\",\n \"#FF00FF\",\n \"#FF00D4\",\n \"#FF00AA\",\n \"#FF0080\",\n \"#FF0055\",\n \"#FF002A\"\n ]\n },\n enable: true\n },\n move: {\n enable: true,\n outModes: \"out\",\n speed: 0,\n path: {\n enable: true,\n options: {\n maxRadius: {\n min: 5,\n max: 10\n },\n angularSpeed: {\n min: 10,\n max: 15\n },\n radialSpeed: {\n min: 3,\n max: 6\n }\n },\n generator: \"spiralPathGenerator\"\n }\n },\n number: {\n value: 80\n },\n opacity: {\n value: 1\n },\n shape: {\n type: \"circle\"\n },\n effect: {\n type: \"trail\",\n options: {\n trail: {\n length: {\n min: 15,\n max: 30\n }\n }\n }\n },\n size: {\n value: 3\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/p/pathSpiral.js?\n}");
1327
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"pathSpiral\",\n name: \"Path Spiral\",\n particles: {\n paint: {\n fill: {\n color: {\n value: [\n \"#FF0000\",\n \"#FF2A00\",\n \"#FF5500\",\n \"#FF8000\",\n \"#FFAA00\",\n \"#FFD400\",\n \"#FFFF00\",\n \"#D4FF00\",\n \"#AAFF00\",\n \"#80FF00\",\n \"#55FF00\",\n \"#2AFF00\",\n \"#00FF00\",\n \"#00FF2A\",\n \"#00FF55\",\n \"#00FF80\",\n \"#00FFAA\",\n \"#00FFD4\",\n \"#00FFFF\",\n \"#00D4FF\",\n \"#00AAFF\",\n \"#0080FF\",\n \"#0055FF\",\n \"#002AFF\",\n \"#0000FF\",\n \"#2A00FF\",\n \"#5500FF\",\n \"#8000FF\",\n \"#AA00FF\",\n \"#D400FF\",\n \"#FF00FF\",\n \"#FF00D4\",\n \"#FF00AA\",\n \"#FF0080\",\n \"#FF0055\",\n \"#FF002A\"\n ]\n },\n enable: true\n }\n },\n move: {\n enable: true,\n outModes: \"out\",\n speed: 0,\n path: {\n enable: true,\n options: {\n maxRadius: {\n min: 5,\n max: 10\n },\n angularSpeed: {\n min: 10,\n max: 15\n },\n radialSpeed: {\n min: 3,\n max: 6\n }\n },\n generator: \"spiralPathGenerator\"\n }\n },\n number: {\n value: 80\n },\n opacity: {\n value: 1\n },\n shape: {\n type: \"circle\"\n },\n effect: {\n type: \"trail\",\n options: {\n trail: {\n length: {\n min: 15,\n max: 30\n }\n }\n }\n },\n size: {\n value: 3\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/p/pathSpiral.js?\n}");
1308
1328
 
1309
1329
  /***/ },
1310
1330
 
@@ -1314,7 +1334,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1314
1334
  \***********************************/
1315
1335
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1316
1336
 
1317
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"pathSvg\",\n name: \"Path SVG\",\n particles: {\n fill: {\n color: {\n value: [\n \"#FF0000\",\n \"#FF2A00\",\n \"#FF5500\",\n \"#FF8000\",\n \"#FFAA00\",\n \"#FFD400\",\n \"#FFFF00\",\n \"#D4FF00\",\n \"#AAFF00\",\n \"#80FF00\",\n \"#55FF00\",\n \"#2AFF00\",\n \"#00FF00\",\n \"#00FF2A\",\n \"#00FF55\",\n \"#00FF80\",\n \"#00FFAA\",\n \"#00FFD4\",\n \"#00FFFF\",\n \"#00D4FF\",\n \"#00AAFF\",\n \"#0080FF\",\n \"#0055FF\",\n \"#002AFF\",\n \"#0000FF\",\n \"#2A00FF\",\n \"#5500FF\",\n \"#8000FF\",\n \"#AA00FF\",\n \"#D400FF\",\n \"#FF00FF\",\n \"#FF00D4\",\n \"#FF00AA\",\n \"#FF0080\",\n \"#FF0055\",\n \"#FF002A\"\n ]\n },\n enable: true\n },\n move: {\n enable: true,\n outModes: \"bounce\",\n speed: {\n min: 1,\n max: 3\n },\n path: {\n enable: true,\n options: {\n path: {\n data: [\n \"M 75,0 0,200 h 150 z\"\n ],\n size: {\n width: 150,\n height: 200\n }\n },\n scale: 1,\n width: 10\n },\n generator: \"svgPathGenerator\"\n }\n },\n number: {\n value: 80\n },\n opacity: {\n value: 1\n },\n shape: {\n type: \"circle\"\n },\n size: {\n value: 3\n }\n },\n background: {\n color: \"#000000\"\n },\n trail: {\n enable: true,\n length: 10,\n fill: {\n color: \"#000000\"\n }\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/p/pathSvg.js?\n}");
1337
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"pathSvg\",\n name: \"Path SVG\",\n particles: {\n paint: {\n fill: {\n color: {\n value: [\n \"#FF0000\",\n \"#FF2A00\",\n \"#FF5500\",\n \"#FF8000\",\n \"#FFAA00\",\n \"#FFD400\",\n \"#FFFF00\",\n \"#D4FF00\",\n \"#AAFF00\",\n \"#80FF00\",\n \"#55FF00\",\n \"#2AFF00\",\n \"#00FF00\",\n \"#00FF2A\",\n \"#00FF55\",\n \"#00FF80\",\n \"#00FFAA\",\n \"#00FFD4\",\n \"#00FFFF\",\n \"#00D4FF\",\n \"#00AAFF\",\n \"#0080FF\",\n \"#0055FF\",\n \"#002AFF\",\n \"#0000FF\",\n \"#2A00FF\",\n \"#5500FF\",\n \"#8000FF\",\n \"#AA00FF\",\n \"#D400FF\",\n \"#FF00FF\",\n \"#FF00D4\",\n \"#FF00AA\",\n \"#FF0080\",\n \"#FF0055\",\n \"#FF002A\"\n ]\n },\n enable: true\n }\n },\n move: {\n enable: true,\n outModes: \"bounce\",\n speed: {\n min: 1,\n max: 3\n },\n path: {\n enable: true,\n options: {\n path: {\n data: [\n \"M 75,0 0,200 h 150 z\"\n ],\n size: {\n width: 150,\n height: 200\n }\n },\n scale: 1,\n width: 10\n },\n generator: \"svgPathGenerator\"\n }\n },\n number: {\n value: 80\n },\n opacity: {\n value: 1\n },\n shape: {\n type: \"circle\"\n },\n size: {\n value: 3\n }\n },\n background: {\n color: \"#000000\"\n },\n trail: {\n enable: true,\n length: 10,\n fill: {\n color: \"#000000\"\n }\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/p/pathSvg.js?\n}");
1318
1338
 
1319
1339
  /***/ },
1320
1340
 
@@ -1324,7 +1344,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1324
1344
  \**************************************/
1325
1345
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1326
1346
 
1327
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"pathZigZag\",\n name: \"Path Zig Zag\",\n particles: {\n fill: {\n color: {\n value: [\n \"#FF0000\",\n \"#FF2A00\",\n \"#FF5500\",\n \"#FF8000\",\n \"#FFAA00\",\n \"#FFD400\",\n \"#FFFF00\",\n \"#D4FF00\",\n \"#AAFF00\",\n \"#80FF00\",\n \"#55FF00\",\n \"#2AFF00\",\n \"#00FF00\",\n \"#00FF2A\",\n \"#00FF55\",\n \"#00FF80\",\n \"#00FFAA\",\n \"#00FFD4\",\n \"#00FFFF\",\n \"#00D4FF\",\n \"#00AAFF\",\n \"#0080FF\",\n \"#0055FF\",\n \"#002AFF\",\n \"#0000FF\",\n \"#2A00FF\",\n \"#5500FF\",\n \"#8000FF\",\n \"#AA00FF\",\n \"#D400FF\",\n \"#FF00FF\",\n \"#FF00D4\",\n \"#FF00AA\",\n \"#FF0080\",\n \"#FF0055\",\n \"#FF002A\"\n ]\n },\n enable: true\n },\n move: {\n enable: true,\n outModes: \"out\",\n speed: {\n min: 1,\n max: 3\n },\n path: {\n enable: true,\n options: {\n waveLength: {\n min: 3,\n max: 7\n },\n waveHeight: {\n min: 1,\n max: 5\n }\n },\n generator: \"zigZagPathGenerator\"\n }\n },\n number: {\n value: 80\n },\n opacity: {\n value: 1\n },\n shape: {\n type: \"circle\"\n },\n size: {\n value: 3\n }\n },\n background: {\n color: \"#000000\"\n },\n trail: {\n enable: true,\n length: 20,\n fill: {\n color: \"#000000\"\n }\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/p/pathZigZag.js?\n}");
1347
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"pathZigZag\",\n name: \"Path Zig Zag\",\n particles: {\n paint: {\n fill: {\n color: {\n value: [\n \"#FF0000\",\n \"#FF2A00\",\n \"#FF5500\",\n \"#FF8000\",\n \"#FFAA00\",\n \"#FFD400\",\n \"#FFFF00\",\n \"#D4FF00\",\n \"#AAFF00\",\n \"#80FF00\",\n \"#55FF00\",\n \"#2AFF00\",\n \"#00FF00\",\n \"#00FF2A\",\n \"#00FF55\",\n \"#00FF80\",\n \"#00FFAA\",\n \"#00FFD4\",\n \"#00FFFF\",\n \"#00D4FF\",\n \"#00AAFF\",\n \"#0080FF\",\n \"#0055FF\",\n \"#002AFF\",\n \"#0000FF\",\n \"#2A00FF\",\n \"#5500FF\",\n \"#8000FF\",\n \"#AA00FF\",\n \"#D400FF\",\n \"#FF00FF\",\n \"#FF00D4\",\n \"#FF00AA\",\n \"#FF0080\",\n \"#FF0055\",\n \"#FF002A\"\n ]\n },\n enable: true\n }\n },\n move: {\n enable: true,\n outModes: \"out\",\n speed: {\n min: 1,\n max: 3\n },\n path: {\n enable: true,\n options: {\n waveLength: {\n min: 3,\n max: 7\n },\n waveHeight: {\n min: 1,\n max: 5\n }\n },\n generator: \"zigZagPathGenerator\"\n }\n },\n number: {\n value: 80\n },\n opacity: {\n value: 1\n },\n shape: {\n type: \"circle\"\n },\n size: {\n value: 3\n }\n },\n background: {\n color: \"#000000\"\n },\n trail: {\n enable: true,\n length: 20,\n fill: {\n color: \"#000000\"\n }\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/p/pathZigZag.js?\n}");
1328
1348
 
1329
1349
  /***/ },
1330
1350
 
@@ -1344,7 +1364,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1344
1364
  \**********************************/
1345
1365
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1346
1366
 
1347
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"plasma\",\n name: \"Plasma\",\n background: {\n color: {\n value: \"#000000\"\n }\n },\n particles: {\n number: {\n value: 150,\n density: {\n enable: true\n }\n },\n fill: {\n color: {\n value: \"#ffffff\"\n },\n enable: true\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 1\n },\n size: {\n value: 0\n },\n links: {\n enable: true,\n distance: 110,\n color: \"#19f\",\n opacity: 0.4,\n width: 2\n },\n move: {\n enable: true,\n speed: 50,\n outModes: \"bounce\"\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"repulse\"\n }\n },\n modes: {\n repulse: {\n distance: 150,\n duration: 0.4\n }\n }\n },\n detectRetina: true\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/p/plasma.js?\n}");
1367
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"plasma\",\n name: \"Plasma\",\n background: {\n color: {\n value: \"#000000\"\n }\n },\n particles: {\n number: {\n value: 150,\n density: {\n enable: true\n }\n },\n paint: {\n fill: {\n color: {\n value: \"#ffffff\"\n },\n enable: true\n }\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 1\n },\n size: {\n value: 0\n },\n links: {\n enable: true,\n distance: 110,\n color: \"#19f\",\n opacity: 0.4,\n width: 2\n },\n move: {\n enable: true,\n speed: 50,\n outModes: \"bounce\"\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"repulse\"\n }\n },\n modes: {\n repulse: {\n distance: 150,\n duration: 0.4\n }\n }\n },\n detectRetina: true\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/p/plasma.js?\n}");
1348
1368
 
1349
1369
  /***/ },
1350
1370
 
@@ -1354,7 +1374,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1354
1374
  \***********************************/
1355
1375
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1356
1376
 
1357
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"poisson\",\n name: \"Poisson\",\n particles: {\n number: {\n value: 100\n },\n fill: {\n color: {\n value: \"#ffffff\"\n },\n enable: true\n },\n links: {\n enable: true,\n distance: 200\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 1\n },\n size: {\n value: {\n min: 4,\n max: 6\n }\n },\n move: {\n enable: true,\n speed: 2\n }\n },\n background: {\n color: \"#000000\"\n },\n poisson: {\n enable: true\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/p/poisson.js?\n}");
1377
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"poisson\",\n name: \"Poisson\",\n particles: {\n number: {\n value: 100\n },\n paint: {\n fill: {\n color: {\n value: \"#ffffff\"\n },\n enable: true\n }\n },\n links: {\n enable: true,\n distance: 200\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 1\n },\n size: {\n value: {\n min: 4,\n max: 6\n }\n },\n move: {\n enable: true,\n speed: 2\n }\n },\n background: {\n color: \"#000000\"\n },\n poisson: {\n enable: true\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/p/poisson.js?\n}");
1358
1378
 
1359
1379
  /***/ },
1360
1380
 
@@ -1364,7 +1384,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1364
1384
  \***************************************/
1365
1385
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1366
1386
 
1367
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"polygonMask\",\n name: \"Polygon Mask\",\n interactivity: {\n events: {\n onClick: {\n enable: false,\n mode: \"push\"\n },\n onHover: {\n enable: true,\n mode: \"bubble\"\n }\n },\n modes: {\n bubble: {\n distance: 40,\n duration: 2,\n opacity: 8,\n size: 6\n },\n connect: {\n distance: 80,\n links: {\n opacity: 0.5\n },\n radius: 60\n },\n grab: {\n distance: 400,\n links: {\n opacity: 1\n }\n },\n push: {\n quantity: 4\n },\n remove: {\n quantity: 2\n },\n repulse: {\n distance: 200,\n duration: 0.4\n },\n slow: {\n active: false,\n radius: 0,\n factor: 1\n }\n }\n },\n particles: {\n fill: {\n color: {\n value: \"#ffffff\"\n },\n enable: true\n },\n links: {\n blink: false,\n color: \"#ffffff\",\n consent: false,\n distance: 30,\n enable: true,\n opacity: 0.4,\n width: 1\n },\n move: {\n enable: true,\n outModes: \"bounce\",\n speed: 1\n },\n number: {\n value: 200\n },\n opacity: {\n animation: {\n enable: true,\n speed: 2,\n sync: false\n },\n value: {\n min: 0.05,\n max: 0.4\n }\n },\n shape: {\n type: \"circle\"\n },\n size: {\n value: 1\n }\n },\n polygon: {\n draw: {\n enable: true,\n stroke: {\n color: \"#fff\",\n width: 1,\n opacity: 0.2\n }\n },\n enable: true,\n move: {\n radius: 10\n },\n position: {\n x: 50,\n y: 50\n },\n inline: {\n arrangement: \"equidistant\"\n },\n scale: 0.5,\n type: \"inline\",\n url: \"https://particles.js.org/images/hdr/smalldeer.svg\"\n },\n background: {\n color: \"#000000\",\n image: \"\",\n position: \"50% 50%\",\n repeat: \"no-repeat\",\n size: \"cover\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/p/polygonMask.js?\n}");
1387
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"polygonMask\",\n name: \"Polygon Mask\",\n interactivity: {\n events: {\n onClick: {\n enable: false,\n mode: \"push\"\n },\n onHover: {\n enable: true,\n mode: \"bubble\"\n }\n },\n modes: {\n bubble: {\n distance: 40,\n duration: 2,\n opacity: 8,\n size: 6\n },\n connect: {\n distance: 80,\n links: {\n opacity: 0.5\n },\n radius: 60\n },\n grab: {\n distance: 400,\n links: {\n opacity: 1\n }\n },\n push: {\n quantity: 4\n },\n remove: {\n quantity: 2\n },\n repulse: {\n distance: 200,\n duration: 0.4\n },\n slow: {\n active: false,\n radius: 0,\n factor: 1\n }\n }\n },\n particles: {\n paint: {\n fill: {\n color: {\n value: \"#ffffff\"\n },\n enable: true\n }\n },\n links: {\n blink: false,\n color: \"#ffffff\",\n consent: false,\n distance: 30,\n enable: true,\n opacity: 0.4,\n width: 1\n },\n move: {\n enable: true,\n outModes: \"bounce\",\n speed: 1\n },\n number: {\n value: 200\n },\n opacity: {\n animation: {\n enable: true,\n speed: 2,\n sync: false\n },\n value: {\n min: 0.05,\n max: 0.4\n }\n },\n shape: {\n type: \"circle\"\n },\n size: {\n value: 1\n }\n },\n polygon: {\n draw: {\n enable: true,\n stroke: {\n color: \"#fff\",\n width: 1,\n opacity: 0.2\n }\n },\n enable: true,\n move: {\n radius: 10\n },\n position: {\n x: 50,\n y: 50\n },\n inline: {\n arrangement: \"equidistant\"\n },\n scale: 0.5,\n type: \"inline\",\n url: \"https://particles.js.org/images/hdr/smalldeer.svg\"\n },\n background: {\n color: \"#000000\",\n image: \"\",\n position: \"50% 50%\",\n repeat: \"no-repeat\",\n size: \"cover\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/p/polygonMask.js?\n}");
1368
1388
 
1369
1389
  /***/ },
1370
1390
 
@@ -1374,7 +1394,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1374
1394
  \************************************/
1375
1395
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1376
1396
 
1377
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"polygons\",\n name: \"Polygon Shape\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n fill: {\n color: {\n value: \"#ffffff\"\n },\n enable: true\n },\n shape: {\n type: \"polygon\",\n options: {\n polygon: [\n {\n sides: 3,\n particles: {\n opacity: {\n value: {\n min: 0.5,\n max: 0.8\n }\n },\n size: {\n value: {\n min: 10,\n max: 12\n }\n },\n fill: {\n color: {\n value: \"#ff0\"\n }\n }\n }\n },\n {\n sides: 5,\n particles: {\n opacity: {\n value: 0.5\n },\n size: {\n value: 8\n },\n fill: {\n color: {\n value: \"#0f0\"\n }\n }\n }\n },\n {\n sides: 8,\n particles: {\n opacity: {\n value: 1\n },\n size: {\n value: {\n min: 15,\n max: 20\n }\n },\n fill: {\n color: {\n value: \"#f00\"\n }\n }\n }\n }\n ]\n }\n },\n opacity: {\n value: 0.5\n },\n size: {\n value: {\n min: 1,\n max: 5\n }\n },\n links: {\n enable: true,\n distance: 150,\n color: \"#ffffff\",\n opacity: 0.4,\n width: 1\n },\n move: {\n enable: true,\n speed: 2\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"bubble\"\n },\n onClick: {\n enable: true,\n mode: \"push\"\n }\n },\n modes: {\n grab: {\n distance: 400,\n links: {\n opacity: 1\n }\n },\n bubble: {\n distance: 400,\n size: 40,\n duration: 2,\n opacity: 0.8\n },\n repulse: {\n distance: 200\n },\n push: {\n quantity: 4\n },\n remove: {\n quantity: 2\n }\n }\n },\n background: {\n color: \"#0d47a1\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/p/polygons.js?\n}");
1397
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"polygons\",\n name: \"Polygon Shape\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n paint: {\n fill: {\n color: {\n value: \"#ffffff\"\n },\n enable: true\n }\n },\n shape: {\n type: \"polygon\",\n options: {\n polygon: [\n {\n sides: 3,\n particles: {\n opacity: {\n value: {\n min: 0.5,\n max: 0.8\n }\n },\n size: {\n value: {\n min: 10,\n max: 12\n }\n },\n paint: {\n fill: {\n color: {\n value: \"#ff0\"\n }\n }\n }\n }\n },\n {\n sides: 5,\n particles: {\n opacity: {\n value: 0.5\n },\n size: {\n value: 8\n },\n paint: {\n fill: {\n color: {\n value: \"#0f0\"\n }\n }\n }\n }\n },\n {\n sides: 8,\n particles: {\n opacity: {\n value: 1\n },\n size: {\n value: {\n min: 15,\n max: 20\n }\n },\n paint: {\n fill: {\n color: {\n value: \"#f00\"\n }\n }\n }\n }\n }\n ]\n }\n },\n opacity: {\n value: 0.5\n },\n size: {\n value: {\n min: 1,\n max: 5\n }\n },\n links: {\n enable: true,\n distance: 150,\n color: \"#ffffff\",\n opacity: 0.4,\n width: 1\n },\n move: {\n enable: true,\n speed: 2\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"bubble\"\n },\n onClick: {\n enable: true,\n mode: \"push\"\n }\n },\n modes: {\n grab: {\n distance: 400,\n links: {\n opacity: 1\n }\n },\n bubble: {\n distance: 400,\n size: 40,\n duration: 2,\n opacity: 0.8\n },\n repulse: {\n distance: 200\n },\n push: {\n quantity: 4\n },\n remove: {\n quantity: 2\n }\n }\n },\n background: {\n color: \"#0d47a1\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/p/polygons.js?\n}");
1378
1398
 
1379
1399
  /***/ },
1380
1400
 
@@ -1384,7 +1404,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1384
1404
  \*******************************/
1385
1405
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1386
1406
 
1387
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n\nconst options = {\n key: \"pop\",\n name: \"Pop\",\n particles: {\n number: {\n limit: {\n value: 80,\n mode: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.LimitMode.wait\n },\n value: 80\n },\n fill: {\n color: {\n value: [\n \"#3998D0\",\n \"#2EB6AF\",\n \"#A9BD33\",\n \"#FEC73B\",\n \"#F89930\",\n \"#F45623\",\n \"#D62E32\",\n \"#EB586E\",\n \"#9952CF\"\n ]\n },\n enable: true\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 1\n },\n size: {\n value: {\n min: 10,\n max: 15\n }\n },\n collisions: {\n enable: true,\n mode: \"bounce\"\n },\n move: {\n enable: true,\n speed: 3\n }\n },\n interactivity: {\n events: {\n onClick: {\n enable: true,\n mode: \"pop\"\n }\n }\n },\n background: {\n color: \"#000000\"\n },\n emitters: {\n direction: \"none\",\n life: {\n count: 0,\n duration: 0.1,\n delay: 0.1\n },\n rate: {\n delay: 0.1,\n quantity: 1\n },\n size: {\n width: 100,\n height: 100\n },\n position: {\n x: 50,\n y: 50\n }\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/p/pop.js?\n}");
1407
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n\nconst options = {\n key: \"pop\",\n name: \"Pop\",\n particles: {\n number: {\n limit: {\n value: 80,\n mode: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.LimitMode.wait\n },\n value: 80\n },\n paint: {\n fill: {\n color: {\n value: [\n \"#3998D0\",\n \"#2EB6AF\",\n \"#A9BD33\",\n \"#FEC73B\",\n \"#F89930\",\n \"#F45623\",\n \"#D62E32\",\n \"#EB586E\",\n \"#9952CF\"\n ]\n },\n enable: true\n }\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 1\n },\n size: {\n value: {\n min: 10,\n max: 15\n }\n },\n collisions: {\n enable: true,\n mode: \"bounce\"\n },\n move: {\n enable: true,\n speed: 3\n }\n },\n interactivity: {\n events: {\n onClick: {\n enable: true,\n mode: \"pop\"\n }\n }\n },\n background: {\n color: \"#000000\"\n },\n emitters: {\n direction: \"none\",\n life: {\n count: 0,\n duration: 0.1,\n delay: 0.1\n },\n rate: {\n delay: 0.1,\n quantity: 1\n },\n size: {\n width: 100,\n height: 100\n },\n position: {\n x: 50,\n y: 50\n }\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/p/pop.js?\n}");
1388
1408
 
1389
1409
  /***/ },
1390
1410
 
@@ -1394,7 +1414,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1394
1414
  \**********************************/
1395
1415
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1396
1416
 
1397
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ palettes: () => (/* binding */ palettes)\n/* harmony export */ });\nconst palettes = {\n dualityRedCyan: {\n name: \"Duality - Red/Cyan\",\n background: \"#000000\",\n blendMode: \"lighter\",\n colors: [\n \"#ff0000\",\n \"#00ffff\"\n ],\n fill: true\n },\n dualityGreenMagenta: {\n name: \"Duality - Green/Magenta\",\n background: \"#000000\",\n blendMode: \"lighter\",\n colors: [\n \"#00ff00\",\n \"#ff00ff\"\n ],\n fill: true\n },\n dualityBlueYellow: {\n name: \"Duality - Blue/Yellow\",\n background: \"#111111\",\n blendMode: \"source-over\",\n colors: [\n \"#0000ff\",\n \"#ffff00\"\n ],\n fill: true\n },\n fireSeed: {\n name: \"Fire Seed\",\n background: \"#000000\",\n blendMode: \"screen\",\n colors: [\n \"#ff0000\",\n \"#ff8800\",\n \"#ffff00\"\n ],\n fill: true\n },\n iceTriad: {\n name: \"Ice Triad\",\n background: \"#0a0d1a\",\n blendMode: \"source-over\",\n colors: [\n \"#ffffff\",\n \"#aaddff\",\n \"#88bbff\"\n ],\n fill: true\n },\n acidPair: {\n name: \"Acid Pair\",\n background: \"#000000\",\n blendMode: \"screen\",\n colors: [\n \"#00ff44\",\n \"#aa00ff\"\n ],\n fill: true\n },\n sunsetBinary: {\n name: \"Sunset Binary\",\n background: \"#1a0d00\",\n blendMode: \"source-over\",\n colors: [\n \"#ff5500\",\n \"#0033ff\"\n ],\n fill: true\n },\n rgbPrimaries: {\n name: \"RGB Primaries\",\n background: \"#000000\",\n blendMode: \"lighter\",\n colors: [\n \"#ff0000\",\n \"#00ff00\",\n \"#0000ff\"\n ],\n fill: true\n },\n cmySecondaries: {\n name: \"CMY Secondaries\",\n background: \"#000000\",\n blendMode: \"screen\",\n colors: [\n \"#00ffff\",\n \"#ff00ff\",\n \"#ffff00\"\n ],\n fill: true\n },\n heatDuality: {\n name: \"Heat Duality\",\n background: \"#0a0500\",\n blendMode: \"source-over\",\n colors: [\n \"#0022AA\",\n \"#FF4400\"\n ],\n fill: true\n },\n darkMatter: {\n name: \"Dark Matter\",\n blendMode: \"screen\",\n background: \"#060606\",\n colors: [\n \"#111111\",\n \"#1a1a1a\",\n \"#002200\",\n \"#00AA00\",\n \"#00FF00\"\n ],\n fill: true\n },\n fire: {\n name: \"Fire - Full\",\n background: \"#000000\",\n blendMode: \"screen\",\n colors: [\n \"#FFFFFF\",\n \"#FFFF88\",\n \"#FFFF00\",\n \"#FFCC00\",\n \"#FF8800\",\n \"#FF4400\",\n \"#FF0000\",\n \"#CC0000\",\n \"#880000\",\n \"#440000\"\n ],\n fill: true\n },\n water: {\n name: \"Water - Full\",\n background: \"#001428\",\n blendMode: \"source-over\",\n colors: [\n \"#FFFFFF\",\n \"#DDEEFF\",\n \"#AADDFF\",\n \"#55AAFF\",\n \"#0077FF\",\n \"#0044CC\",\n \"#002299\",\n \"#001166\"\n ],\n fill: true\n },\n plasmaArc: {\n name: \"Plasma Arc\",\n background: \"#000000\",\n blendMode: \"lighter\",\n colors: [\n \"#FFFFFF\",\n \"#CCFFFF\",\n \"#00FFFF\",\n \"#00AAFF\",\n \"#8800FF\",\n \"#FF00FF\",\n \"#FF0088\"\n ],\n fill: true\n },\n smokeWarm: {\n name: \"Smoke - Warm\",\n background: \"#1a1208\",\n blendMode: \"source-over\",\n colors: [\n \"#443322\",\n \"#665544\",\n \"#887766\",\n \"#BBAA99\",\n \"#DDCCBB\"\n ],\n fill: true\n },\n smokeCold: {\n name: \"Smoke - Cold\",\n background: \"#080c12\",\n blendMode: \"source-over\",\n colors: [\n \"#223344\",\n \"#445566\",\n \"#667788\",\n \"#99AABB\",\n \"#CCDDE0\"\n ],\n fill: true\n },\n auroraBorealis: {\n name: \"Aurora Borealis\",\n background: \"#000d06\",\n blendMode: \"screen\",\n colors: [\n \"#002200\",\n \"#004400\",\n \"#00AA44\",\n \"#00FFAA\",\n \"#00FFCC\",\n \"#4400AA\",\n \"#8800FF\",\n \"#CC44FF\"\n ],\n fill: true\n },\n neonCity: {\n name: \"Neon City\",\n background: \"#05000f\",\n blendMode: \"screen\",\n colors: [\n \"#FF0044\",\n \"#FF00AA\",\n \"#FF00FF\",\n \"#8800FF\",\n \"#0044FF\",\n \"#00AAFF\",\n \"#00FFFF\",\n \"#00FF88\"\n ],\n fill: true\n },\n desertSand: {\n name: \"Desert Sand\",\n background: \"#1a1208\",\n blendMode: \"source-over\",\n colors: [\n \"#221100\",\n \"#663300\",\n \"#995522\",\n \"#CC8833\",\n \"#DDAA55\",\n \"#EECCAA\",\n \"#F5E8D0\"\n ],\n fill: true\n },\n bloodAndGore: {\n name: \"Blood & Gore\",\n background: \"#0d0000\",\n blendMode: \"multiply\",\n colors: [\n \"#FF0000\",\n \"#DD0000\",\n \"#AA0000\",\n \"#880000\",\n \"#660000\",\n \"#440000\",\n \"#220000\"\n ],\n fill: true\n },\n bioluminescence: {\n name: \"Bioluminescence\",\n background: \"#000505\",\n blendMode: \"screen\",\n colors: [\n \"#001111\",\n \"#003322\",\n \"#006644\",\n \"#00AA77\",\n \"#00FFAA\",\n \"#88FFDD\",\n \"#CCFFEE\"\n ],\n fill: true\n },\n embersAndAsh: {\n name: \"Embers & Ash\",\n background: \"#0d0804\",\n blendMode: \"source-over\",\n colors: [\n \"#FF2200\",\n \"#CC1100\",\n \"#881100\",\n \"#442200\",\n \"#332211\",\n \"#776655\",\n \"#BBBBAA\",\n \"#DDDDD0\"\n ],\n fill: true\n },\n hologram: {\n name: \"Hologram\",\n background: \"#000a0d\",\n blendMode: \"screen\",\n colors: [\n \"#003344\",\n \"#006688\",\n \"#00AACC\",\n \"#00DDFF\",\n \"#44EEFF\",\n \"#AAFFFF\",\n \"#FFFFFF\"\n ],\n fill: false\n },\n inkInWater: {\n name: \"Ink in Water\",\n background: \"#e8eef5\",\n blendMode: \"multiply\",\n colors: [\n \"#000000\",\n \"#111122\",\n \"#223344\",\n \"#334455\",\n \"#6677AA\",\n \"#AABBDD\",\n \"#EEEEFF\"\n ],\n fill: true\n },\n pollenAndSpores: {\n name: \"Pollen & Spores\",\n background: \"#e8f0d8\",\n blendMode: \"multiply\",\n colors: [\n \"#DDCC00\",\n \"#AAAA00\",\n \"#88AA22\",\n \"#669922\",\n \"#AA8833\",\n \"#886622\",\n \"#CCCC88\"\n ],\n fill: true\n },\n lightning: {\n name: \"Lightning\",\n background: \"#000005\",\n blendMode: \"lighter\",\n colors: [\n \"#FFFFFF\",\n \"#EEEEFF\",\n \"#AACCFF\",\n \"#6699FF\",\n \"#3366FF\",\n \"#0033CC\",\n \"#AA88FF\"\n ],\n fill: false\n },\n oilSlick: {\n name: \"Oil Slick\",\n background: \"#0a0810\",\n blendMode: \"overlay\",\n colors: [\n \"#220033\",\n \"#550055\",\n \"#006633\",\n \"#00AA66\",\n \"#AACC00\",\n \"#FF9900\",\n \"#CC0044\"\n ],\n fill: false\n },\n fireflies: {\n name: \"Fireflies\",\n background: \"#010a01\",\n blendMode: \"screen\",\n colors: [\n \"#001100\",\n \"#003300\",\n \"#226600\",\n \"#66AA00\",\n \"#AADD00\",\n \"#DDFF44\",\n \"#FFFFAA\"\n ],\n fill: true\n },\n foamAndBubbles: {\n name: \"Foam & Bubbles\",\n background: \"#0a1f3c\",\n blendMode: \"source-over\",\n colors: [\n \"#FFFFFF\",\n \"#F0F8FF\",\n \"#D0EEFF\",\n \"#A0D0FF\",\n \"#70AAFF\",\n \"#C8F0FF\"\n ],\n fill: false\n },\n lavaLamp: {\n name: \"Lava Lamp\",\n background: \"#1a0000\",\n blendMode: \"source-over\",\n colors: [\n \"#FF0000\",\n \"#FF2200\",\n \"#FF4400\",\n \"#FF6600\",\n \"#FF8800\",\n \"#FFAA00\",\n \"#FFCC00\",\n \"#DD2200\",\n \"#BB1100\"\n ],\n fill: true\n },\n confetti: {\n name: \"Confetti\",\n background: \"#1a1a2e\",\n blendMode: \"source-over\",\n colors: [\n \"#FF0044\",\n \"#FF4400\",\n \"#FFCC00\",\n \"#00CC44\",\n \"#00AAFF\",\n \"#AA00FF\",\n \"#FF00AA\",\n \"#00FFCC\",\n \"#FF6600\",\n \"#FFFFFF\"\n ],\n fill: true\n },\n skinAndOrganic: {\n name: \"Skin & Organic\",\n background: \"#f8f0e8\",\n blendMode: \"source-over\",\n colors: [\n \"#FFDDCC\",\n \"#FFBBAA\",\n \"#FF9988\",\n \"#FF7766\",\n \"#EE5544\",\n \"#CC3322\",\n \"#AA2211\",\n \"#882211\",\n \"#FFCCAA\",\n \"#DDAA88\",\n \"#BB8866\",\n \"#886644\"\n ],\n fill: true\n },\n rain: {\n name: \"Rain\",\n blendMode: \"source-over\",\n background: \"#0a0e14\",\n fill: false,\n colors: [\n \"#AACCEE\",\n \"#88AACE\",\n \"#6688AA\",\n \"#CCDDF0\",\n \"#445566\"\n ]\n },\n snowfall: {\n name: \"Snowfall\",\n blendMode: \"source-over\",\n background: \"#0d1520\",\n fill: true,\n colors: [\n \"#FFFFFF\",\n \"#EEF4FF\",\n \"#D0E4FF\",\n \"#AACCFF\",\n \"#88AADD\"\n ]\n },\n thunderstorm: {\n name: \"Thunderstorm\",\n blendMode: \"screen\",\n background: \"#05030d\",\n fill: true,\n colors: [\n \"#110022\",\n \"#220044\",\n \"#440066\",\n \"#8822AA\",\n \"#AAAAFF\",\n \"#DDDDFF\",\n \"#FFFFFF\"\n ]\n },\n fairyDust: {\n name: \"Fairy Dust\",\n blendMode: \"screen\",\n background: \"#08040f\",\n fill: true,\n colors: [\n \"#FFEEAA\",\n \"#FFDD66\",\n \"#FFAACC\",\n \"#FF88BB\",\n \"#FFFFFF\",\n \"#EEDDFF\",\n \"#AA88FF\"\n ]\n },\n portal: {\n name: \"Portal\",\n blendMode: \"lighter\",\n background: \"#030008\",\n fill: true,\n colors: [\n \"#110022\",\n \"#440088\",\n \"#8800FF\",\n \"#AA44FF\",\n \"#00FFDD\",\n \"#00DDFF\",\n \"#FFFFFF\"\n ]\n },\n holyLight: {\n name: \"Holy Light\",\n blendMode: \"color-dodge\",\n background: \"#0a0800\",\n fill: true,\n colors: [\n \"#442200\",\n \"#AA6600\",\n \"#FFAA00\",\n \"#FFCC44\",\n \"#FFEEAA\",\n \"#FFFFDD\",\n \"#FFFFFF\"\n ]\n },\n iceMagic: {\n name: \"Ice Magic\",\n blendMode: \"screen\",\n background: \"#020810\",\n fill: true,\n colors: [\n \"#001133\",\n \"#0033AA\",\n \"#0077FF\",\n \"#44CCFF\",\n \"#AAEEFF\",\n \"#DDEEFF\",\n \"#FFFFFF\"\n ]\n },\n poisonAndVenom: {\n name: \"Poison & Venom\",\n blendMode: \"source-over\",\n background: \"#030802\",\n fill: true,\n colors: [\n \"#112200\",\n \"#335500\",\n \"#66AA00\",\n \"#AADD00\",\n \"#DDFF44\",\n \"#220033\",\n \"#660088\"\n ]\n },\n shockwave: {\n name: \"Shockwave\",\n blendMode: \"screen\",\n background: \"#000000\",\n fill: false,\n colors: [\n \"#FFFFFF\",\n \"#FFEECC\",\n \"#FFAA44\",\n \"#FF5500\",\n \"#AA2200\"\n ]\n },\n explosionDebris: {\n name: \"Explosion - Debris\",\n blendMode: \"source-over\",\n background: \"#000000\",\n fill: true,\n colors: [\n \"#111111\",\n \"#333333\",\n \"#666666\",\n \"#AA3300\",\n \"#FF5500\",\n \"#FF8800\",\n \"#884400\"\n ]\n },\n matrixRain: {\n name: \"Matrix Rain\",\n blendMode: \"screen\",\n background: \"#000300\",\n fill: true,\n colors: [\n \"#FFFFFF\",\n \"#AAFFAA\",\n \"#00FF44\",\n \"#00CC33\",\n \"#009922\",\n \"#006611\",\n \"#003308\"\n ]\n },\n networkNodes: {\n name: \"Network Nodes\",\n blendMode: \"screen\",\n background: \"#040810\",\n fill: true,\n colors: [\n \"#003366\",\n \"#0055AA\",\n \"#0088FF\",\n \"#44AAFF\",\n \"#88CCFF\",\n \"#CCEEFF\"\n ]\n },\n autumnLeaves: {\n name: \"Autumn Leaves\",\n blendMode: \"source-over\",\n background: \"#1a0e04\",\n fill: true,\n colors: [\n \"#CC2200\",\n \"#EE4400\",\n \"#FF6600\",\n \"#FF9900\",\n \"#FFCC00\",\n \"#AAAA00\",\n \"#886633\",\n \"#553311\"\n ]\n },\n cherryBlossom: {\n name: \"Cherry Blossom\",\n blendMode: \"source-over\",\n background: \"#100810\",\n fill: true,\n colors: [\n \"#FFFFFF\",\n \"#FFEEEE\",\n \"#FFDDEE\",\n \"#FFBBCC\",\n \"#FF99AA\",\n \"#EE7788\",\n \"#CC5566\"\n ]\n },\n dandelionSeeds: {\n name: \"Dandelion Seeds\",\n blendMode: \"source-over\",\n background: \"#0a0c08\",\n fill: false,\n colors: [\n \"#FFFFEE\",\n \"#EEEEDD\",\n \"#DDDDCC\",\n \"#FFFFAA\"\n ]\n },\n risingBubbles: {\n name: \"Rising Bubbles\",\n blendMode: \"source-over\",\n background: \"#011428\",\n fill: false,\n colors: [\n \"#FFFFFF\",\n \"#CCEEFF\",\n \"#88CCEE\",\n \"#44AACC\"\n ]\n },\n caustics: {\n name: \"Caustics\",\n blendMode: \"screen\",\n background: \"#002233\",\n fill: true,\n colors: [\n \"#FFEEAA\",\n \"#FFFFCC\",\n \"#AAFFEE\",\n \"#55DDFF\",\n \"#FFFFFF\"\n ]\n },\n jellyfishGlow: {\n name: \"Jellyfish Glow\",\n blendMode: \"screen\",\n background: \"#000814\",\n fill: true,\n colors: [\n \"#001133\",\n \"#0033AA\",\n \"#4488FF\",\n \"#88AAFF\",\n \"#FF88DD\",\n \"#FFAAEE\",\n \"#DDEEFF\"\n ]\n },\n fireworksGold: {\n name: \"Fireworks - Gold\",\n blendMode: \"screen\",\n background: \"#000000\",\n fill: true,\n colors: [\n \"#FFFFFF\",\n \"#FFEECC\",\n \"#FFCC44\",\n \"#FFAA00\",\n \"#FF6600\",\n \"#AA2200\",\n \"#330000\"\n ]\n },\n fireworksMulticolor: {\n name: \"Fireworks - Multicolor\",\n blendMode: \"lighter\",\n background: \"#000000\",\n fill: true,\n colors: [\n \"#FF0000\",\n \"#FF4400\",\n \"#FFCC00\",\n \"#00FF44\",\n \"#00FFFF\",\n \"#0088FF\",\n \"#AA00FF\",\n \"#FF00AA\",\n \"#FFFFFF\"\n ]\n },\n fogCoastal: {\n name: \"Fog - Coastal\",\n blendMode: \"source-over\",\n background: \"#0d1014\",\n fill: true,\n colors: [\n \"#99AABB\",\n \"#AABBCC\",\n \"#BBCCDD\",\n \"#CCDDE0\",\n \"#DDE8EE\"\n ]\n },\n heatHaze: {\n name: \"Heat Haze\",\n blendMode: \"soft-light\",\n background: \"#1a0e00\",\n fill: true,\n colors: [\n \"#FFEECC\",\n \"#FFDDAA\",\n \"#FFCC88\",\n \"#FFE8BB\",\n \"#FFFFEE\"\n ]\n },\n coloredSmokeTeal: {\n name: \"Colored Smoke - Teal\",\n blendMode: \"source-over\",\n background: \"#020c0a\",\n fill: true,\n colors: [\n \"#003322\",\n \"#006644\",\n \"#00AA77\",\n \"#00DDAA\",\n \"#AAFFEE\"\n ]\n },\n coloredSmokeMagenta: {\n name: \"Colored Smoke - Magenta\",\n blendMode: \"source-over\",\n background: \"#0d020a\",\n fill: true,\n colors: [\n \"#330022\",\n \"#880044\",\n \"#CC0077\",\n \"#FF44AA\",\n \"#FFBBDD\"\n ]\n },\n metalSparks: {\n name: \"Metal Sparks\",\n blendMode: \"lighter\",\n background: \"#080400\",\n fill: true,\n colors: [\n \"#FFFFFF\",\n \"#FFEECC\",\n \"#FFCC44\",\n \"#FF8800\",\n \"#FF4400\",\n \"#881100\"\n ]\n },\n moltenMetal: {\n name: \"Molten Metal\",\n blendMode: \"source-over\",\n background: \"#0a0600\",\n fill: true,\n colors: [\n \"#222222\",\n \"#555544\",\n \"#AA8833\",\n \"#FF6600\",\n \"#FFAA00\",\n \"#FFEE44\",\n \"#FFFFFF\"\n ]\n },\n rustAndCorrosion: {\n name: \"Rust & Corrosion\",\n blendMode: \"source-over\",\n background: \"#100800\",\n fill: true,\n colors: [\n \"#1A0800\",\n \"#441400\",\n \"#883300\",\n \"#AA4400\",\n \"#CC6622\",\n \"#EE8833\",\n \"#DDAA66\"\n ]\n },\n crtPhosphor: {\n name: \"CRT Phosphor\",\n blendMode: \"screen\",\n background: \"#010801\",\n fill: true,\n colors: [\n \"#001100\",\n \"#003300\",\n \"#006600\",\n \"#00BB00\",\n \"#00FF00\",\n \"#88FF88\",\n \"#CCFFCC\"\n ]\n },\n vaporwave: {\n name: \"Vaporwave\",\n blendMode: \"screen\",\n background: \"#05010f\",\n fill: true,\n colors: [\n \"#FF00FF\",\n \"#FF44CC\",\n \"#CC00FF\",\n \"#6600FF\",\n \"#00FFFF\",\n \"#00BBFF\",\n \"#FF88CC\"\n ]\n },\n lofiWarm: {\n name: \"Lo-Fi Warm\",\n blendMode: \"soft-light\",\n background: \"#1a0f08\",\n fill: true,\n colors: [\n \"#AA6633\",\n \"#CC8844\",\n \"#FFAA55\",\n \"#FFCCAA\",\n \"#FFE8CC\",\n \"#886633\"\n ]\n },\n solarWind: {\n name: \"Solar Wind\",\n blendMode: \"lighter\",\n background: \"#000000\",\n fill: true,\n colors: [\n \"#FFFFFF\",\n \"#FFEECC\",\n \"#FFDD88\",\n \"#FFCC44\",\n \"#AACCFF\",\n \"#8899FF\"\n ]\n },\n cosmicRadiation: {\n name: \"Cosmic Radiation\",\n blendMode: \"screen\",\n background: \"#020204\",\n fill: false,\n colors: [\n \"#FF4444\",\n \"#4444FF\",\n \"#44FF44\",\n \"#FFFF44\",\n \"#FF44FF\",\n \"#44FFFF\",\n \"#FFFFFF\"\n ]\n },\n supernova: {\n name: \"Supernova\",\n blendMode: \"lighter\",\n background: \"#000000\",\n fill: true,\n colors: [\n \"#FFFFFF\",\n \"#CCDDFF\",\n \"#88AAFF\",\n \"#FF8800\",\n \"#FF4400\",\n \"#CC0022\",\n \"#AA44FF\",\n \"#FF44AA\"\n ]\n },\n pulsar: {\n name: \"Pulsar\",\n blendMode: \"screen\",\n background: \"#000205\",\n fill: true,\n colors: [\n \"#FFFFFF\",\n \"#DDEEFF\",\n \"#88BBFF\",\n \"#4477FF\",\n \"#1133AA\",\n \"#000844\"\n ]\n },\n rockAndGravel: {\n name: \"Rock & Gravel\",\n blendMode: \"source-over\",\n background: \"#141210\",\n fill: true,\n colors: [\n \"#222222\",\n \"#444444\",\n \"#666655\",\n \"#888877\",\n \"#AAAAAA\",\n \"#BBAA99\",\n \"#554433\"\n ]\n },\n waterSplash: {\n name: \"Water Splash\",\n blendMode: \"source-over\",\n background: \"#001828\",\n fill: true,\n colors: [\n \"#FFFFFF\",\n \"#DDEEFF\",\n \"#AACCEE\",\n \"#6699CC\",\n \"#336699\",\n \"#224466\"\n ]\n },\n mudAndDirt: {\n name: \"Mud & Dirt\",\n blendMode: \"source-over\",\n background: \"#0a0700\",\n fill: true,\n colors: [\n \"#1A1000\",\n \"#3D2200\",\n \"#663300\",\n \"#8B4513\",\n \"#A0522D\",\n \"#C67A3C\"\n ]\n },\n lensFlareDust: {\n name: \"Lens Flare Dust\",\n blendMode: \"color-dodge\",\n background: \"#060400\",\n fill: true,\n colors: [\n \"#FFEEAA\",\n \"#FFFFCC\",\n \"#FFDDAA\",\n \"#FFCCBB\",\n \"#FFFFFF\"\n ]\n },\n prismScatter: {\n name: \"Prism Scatter\",\n blendMode: \"screen\",\n background: \"#020202\",\n fill: false,\n colors: [\n \"#FF0022\",\n \"#FF6600\",\n \"#FFEE00\",\n \"#00FF44\",\n \"#00AAFF\",\n \"#0000FF\",\n \"#8800FF\"\n ]\n },\n candlelight: {\n name: \"Candlelight\",\n blendMode: \"screen\",\n background: \"#060200\",\n fill: true,\n colors: [\n \"#330000\",\n \"#882200\",\n \"#CC5500\",\n \"#FF8800\",\n \"#FFCC44\",\n \"#FFEE99\",\n \"#FFFFCC\"\n ]\n },\n fullFireGradient: {\n name: \"Full Fire Gradient\",\n background: \"#000000\",\n blendMode: \"screen\",\n colors: [\n \"#000000\",\n \"#110000\",\n \"#220000\",\n \"#440000\",\n \"#660000\",\n \"#880000\",\n \"#AA0000\",\n \"#CC0000\",\n \"#FF0000\",\n \"#FF2200\",\n \"#FF4400\",\n \"#FF6600\",\n \"#FF8800\",\n \"#FFAA00\",\n \"#FFCC00\",\n \"#FFDD00\",\n \"#FFEE00\",\n \"#FFFF00\",\n \"#FFFF44\",\n \"#FFFF88\",\n \"#FFFFBB\",\n \"#FFFFFF\"\n ],\n fill: true\n },\n deepOcean: {\n name: \"Deep Ocean\",\n background: \"#000a14\",\n blendMode: \"source-over\",\n colors: [\n \"#FFFFFF\",\n \"#EEFFFF\",\n \"#CCFFFF\",\n \"#AAEEFF\",\n \"#88DDFF\",\n \"#55CCFF\",\n \"#22AAFF\",\n \"#0088FF\",\n \"#0066CC\",\n \"#004499\",\n \"#002266\",\n \"#001144\",\n \"#000822\",\n \"#000000\"\n ],\n fill: true\n },\n galaxyDust: {\n name: \"Galaxy Dust\",\n background: \"#02010a\",\n blendMode: \"screen\",\n colors: [\n \"#FFFFFF\",\n \"#FFEEFF\",\n \"#DDEEFF\",\n \"#AABBFF\",\n \"#8899FF\",\n \"#6677FF\",\n \"#5544FF\",\n \"#7700FF\",\n \"#AA00FF\",\n \"#CC44FF\",\n \"#FF44CC\",\n \"#FF6699\",\n \"#FF88AA\",\n \"#00AAFF\",\n \"#00DDFF\",\n \"#00FFEE\"\n ],\n fill: true\n },\n glitch: {\n name: \"Glitch - Full RGB Shift\",\n background: \"#000000\",\n blendMode: \"screen\",\n colors: [\n \"#FF0000\",\n \"#FF0022\",\n \"#FF2200\",\n \"#CC0000\",\n \"#00FF00\",\n \"#00FF22\",\n \"#22FF00\",\n \"#00CC00\",\n \"#0000FF\",\n \"#0022FF\",\n \"#2200FF\",\n \"#0000CC\",\n \"#FFFFFF\",\n \"#AAAAAA\",\n \"#000000\"\n ],\n fill: false\n },\n fullSpectrum: {\n name: \"Full Spectrum - High Saturation\",\n background: \"#000000\",\n blendMode: \"screen\",\n colors: [\n \"#FF0000\",\n \"#FF1A00\",\n \"#FF3300\",\n \"#FF4D00\",\n \"#FF6600\",\n \"#FF8000\",\n \"#FF9900\",\n \"#FFB300\",\n \"#FFCC00\",\n \"#FFE600\",\n \"#FFFF00\",\n \"#CCFF00\",\n \"#99FF00\",\n \"#66FF00\",\n \"#33FF00\",\n \"#00FF00\",\n \"#00FF33\",\n \"#00FF66\",\n \"#00FF99\",\n \"#00FFCC\",\n \"#00FFFF\",\n \"#00CCFF\",\n \"#0099FF\",\n \"#0066FF\",\n \"#0033FF\",\n \"#0000FF\",\n \"#3300FF\",\n \"#6600FF\",\n \"#9900FF\",\n \"#CC00FF\",\n \"#FF00FF\",\n \"#FF00CC\",\n \"#FF0099\",\n \"#FF0066\",\n \"#FF0033\",\n \"#FF0000\"\n ],\n fill: true\n },\n thermalMap: {\n name: \"Thermal Map - Cold to Hot\",\n background: \"#000000\",\n blendMode: \"source-over\",\n colors: [\n \"#000011\",\n \"#000033\",\n \"#000066\",\n \"#0000AA\",\n \"#0000FF\",\n \"#0022FF\",\n \"#0044FF\",\n \"#0066FF\",\n \"#0088FF\",\n \"#00AAFF\",\n \"#00CCFF\",\n \"#00EEFF\",\n \"#00FFFF\",\n \"#00FFDD\",\n \"#00FFBB\",\n \"#00FF99\",\n \"#00FF77\",\n \"#00FF44\",\n \"#00FF00\",\n \"#44FF00\",\n \"#77FF00\",\n \"#AAFF00\",\n \"#CCFF00\",\n \"#EEFF00\",\n \"#FFFF00\",\n \"#FFEE00\",\n \"#FFDD00\",\n \"#FFCC00\",\n \"#FFBB00\",\n \"#FFAA00\",\n \"#FF9900\",\n \"#FF8800\",\n \"#FF7700\",\n \"#FF6600\",\n \"#FF4400\",\n \"#FF2200\",\n \"#FF0000\",\n \"#DD0000\",\n \"#FF2222\",\n \"#FF5555\",\n \"#FF8888\",\n \"#FFBBBB\",\n \"#FFEEFF\",\n \"#FFFFFF\"\n ],\n fill: true\n },\n rainbow: {\n name: \"Rainbow - Maximum Saturation sRGB\",\n background: \"#000000\",\n blendMode: \"screen\",\n colors: [\n \"#FF0000\",\n \"#FF1500\",\n \"#FF2B00\",\n \"#FF4000\",\n \"#FF5500\",\n \"#FF6A00\",\n \"#FF8000\",\n \"#FF9500\",\n \"#FFAA00\",\n \"#FFBF00\",\n \"#FFD500\",\n \"#FFEA00\",\n \"#FFFF00\",\n \"#EAFF00\",\n \"#D4FF00\",\n \"#BFFF00\",\n \"#AAFF00\",\n \"#95FF00\",\n \"#80FF00\",\n \"#6AFF00\",\n \"#55FF00\",\n \"#40FF00\",\n \"#2BFF00\",\n \"#15FF00\",\n \"#00FF00\",\n \"#00FF15\",\n \"#00FF2A\",\n \"#00FF40\",\n \"#00FF55\",\n \"#00FF6A\",\n \"#00FF80\",\n \"#00FF95\",\n \"#00FFAA\",\n \"#00FFBF\",\n \"#00FFD5\",\n \"#00FFEA\",\n \"#00FFFF\",\n \"#00EAFF\",\n \"#00D5FF\",\n \"#00BFFF\",\n \"#00AAFF\",\n \"#0095FF\",\n \"#0080FF\",\n \"#006AFF\",\n \"#0055FF\",\n \"#0040FF\",\n \"#002AFF\",\n \"#0015FF\",\n \"#0000FF\",\n \"#1500FF\",\n \"#2B00FF\",\n \"#4000FF\",\n \"#5500FF\",\n \"#6A00FF\",\n \"#8000FF\",\n \"#9500FF\",\n \"#AA00FF\",\n \"#BF00FF\",\n \"#D400FF\",\n \"#EA00FF\",\n \"#FF00FF\",\n \"#FF00EA\",\n \"#FF00D4\",\n \"#FF00BF\",\n \"#FF00AA\",\n \"#FF0095\",\n \"#FF0080\",\n \"#FF006A\",\n \"#FF0055\",\n \"#FF0040\",\n \"#FF002B\",\n \"#FF0015\"\n ],\n fill: true\n }\n};\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/palettes.js?\n}");
1417
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ palettes: () => (/* binding */ palettes)\n/* harmony export */ });\nconst palettes = {\n test: {\n name: \"Test\",\n background: \"#000000\",\n blendMode: \"lighter\",\n colors: {\n fill: {\n value: [\n \"#ff0000\",\n \"#00ff00\",\n \"#0000ff\"\n ],\n enable: true\n }\n }\n }\n};\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/palettes.js?\n}");
1398
1418
 
1399
1419
  /***/ },
1400
1420
 
@@ -1424,7 +1444,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1424
1444
  \**********************************/
1425
1445
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1426
1446
 
1427
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"random\",\n name: \"Random Colors\",\n interactivity: {\n events: {\n onClick: {\n enable: true,\n mode: \"push\"\n },\n onHover: {\n enable: true,\n mode: \"connect\"\n }\n },\n modes: {\n bubble: {\n distance: 400,\n duration: 2,\n opacity: 0.8,\n size: 40\n },\n connect: {\n distance: 80,\n links: {\n opacity: 0.5\n },\n radius: 60\n },\n grab: {\n distance: 400,\n links: {\n opacity: 1\n }\n },\n push: {\n quantity: 4\n },\n remove: {\n quantity: 2\n },\n repulse: {\n distance: 200,\n duration: 0.4\n }\n }\n },\n particles: {\n fill: {\n color: {\n value: \"random\"\n },\n enable: true\n },\n links: {\n blink: false,\n color: \"#ffffff\",\n consent: false,\n distance: 150,\n enable: false,\n opacity: 0.4,\n width: 1\n },\n move: {\n enable: true,\n speed: 6\n },\n number: {\n density: {\n enable: true\n },\n limit: {\n value: 500\n },\n value: 300\n },\n opacity: {\n value: 0.5\n },\n shape: {\n type: \"circle\"\n },\n size: {\n value: {\n min: 10,\n max: 15\n }\n }\n },\n background: {\n color: \"#000000\",\n image: \"\",\n position: \"50% 50%\",\n repeat: \"no-repeat\",\n size: \"cover\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/r/random.js?\n}");
1447
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"random\",\n name: \"Random Colors\",\n interactivity: {\n events: {\n onClick: {\n enable: true,\n mode: \"push\"\n },\n onHover: {\n enable: true,\n mode: \"connect\"\n }\n },\n modes: {\n bubble: {\n distance: 400,\n duration: 2,\n opacity: 0.8,\n size: 40\n },\n connect: {\n distance: 80,\n links: {\n opacity: 0.5\n },\n radius: 60\n },\n grab: {\n distance: 400,\n links: {\n opacity: 1\n }\n },\n push: {\n quantity: 4\n },\n remove: {\n quantity: 2\n },\n repulse: {\n distance: 200,\n duration: 0.4\n }\n }\n },\n particles: {\n paint: {\n fill: {\n color: {\n value: \"random\"\n },\n enable: true\n }\n },\n links: {\n blink: false,\n color: \"#ffffff\",\n consent: false,\n distance: 150,\n enable: false,\n opacity: 0.4,\n width: 1\n },\n move: {\n enable: true,\n speed: 6\n },\n number: {\n density: {\n enable: true\n },\n limit: {\n value: 500\n },\n value: 300\n },\n opacity: {\n value: 0.5\n },\n shape: {\n type: \"circle\"\n },\n size: {\n value: {\n min: 10,\n max: 15\n }\n }\n },\n background: {\n color: \"#000000\",\n image: \"\",\n position: \"50% 50%\",\n repeat: \"no-repeat\",\n size: \"cover\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/r/random.js?\n}");
1428
1448
 
1429
1449
  /***/ },
1430
1450
 
@@ -1434,7 +1454,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1434
1454
  \****************************************/
1435
1455
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1436
1456
 
1437
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"randomShapes\",\n name: \"Random Shapes\",\n interactivity: {\n events: {\n onClick: {\n enable: true,\n mode: \"push\"\n },\n onHover: {\n enable: true,\n mode: \"bubble\"\n }\n },\n modes: {\n bubble: {\n distance: 400,\n duration: 2,\n opacity: 0.8,\n size: 40\n },\n push: {\n quantity: 4\n }\n }\n },\n particles: {\n fill: {\n color: {\n value: \"#000000\"\n },\n enable: true\n },\n stroke: {\n color: {\n value: \"#ff0000\"\n },\n width: 1\n },\n move: {\n enable: true,\n speed: 2\n },\n number: {\n density: {\n enable: true\n },\n value: 80\n },\n opacity: {\n value: 1\n },\n rotate: {\n animation: {\n enable: true,\n speed: 5,\n sync: false\n },\n direction: \"random\",\n value: {\n min: 0,\n max: 360\n }\n },\n shape: {\n options: {\n image: [\n {\n name: \"apple\"\n },\n {\n name: \"avocado\"\n },\n {\n name: \"banana\"\n },\n {\n name: \"berries\"\n },\n {\n name: \"cherry\"\n },\n {\n name: \"grapes\"\n },\n {\n name: \"lemon\"\n },\n {\n name: \"orange\"\n },\n {\n name: \"peach\"\n },\n {\n name: \"pear\"\n },\n {\n name: \"pepper\"\n },\n {\n name: \"plum\"\n },\n {\n name: \"star\"\n },\n {\n name: \"strawberry\"\n },\n {\n name: \"watermelon\"\n },\n {\n name: \"watermelon_slice\"\n }\n ],\n arrow: {\n heightFactor: {\n min: 0.3,\n max: 0.8\n },\n headWidthFactor: {\n min: 0.3,\n max: 0.8\n },\n bodyHeightFactor: {\n min: 0.3,\n max: 0.8\n }\n },\n cog: {\n holeRadius: 44,\n innerRadius: 72,\n innerTaper: 35,\n notches: 7,\n outerTaper: 50\n },\n emoji: {\n value: \"🌈\"\n },\n text: {\n value: \"pippo\\npluto\"\n },\n path: [\n {\n segments: [\n {\n type: \"line\",\n values: [\n {\n x: -0.5,\n y: -0.5\n }\n ]\n },\n {\n type: \"bezier\",\n values: [\n {\n x: -0.5,\n y: 0.5\n },\n {\n x: 1,\n y: 1\n },\n {\n x: 1,\n y: 0.5\n },\n {\n x: 1,\n y: -0.5\n }\n ]\n },\n {\n type: \"quadratic\",\n values: [\n {\n x: 0.5,\n y: 0.5\n },\n {\n x: 0.5,\n y: -0.5\n },\n {\n x: -0.5,\n y: 0.5\n }\n ]\n },\n {\n type: \"line\",\n values: [\n {\n x: 0.5,\n y: -0.5\n }\n ]\n }\n ],\n half: false\n },\n {\n segments: [\n {\n type: \"line\",\n values: [\n {\n x: -1,\n y: -1\n }\n ]\n },\n {\n type: \"bezier\",\n values: [\n {\n x: -1,\n y: 1\n },\n {\n x: 1,\n y: 1\n },\n {\n x: 0.5,\n y: 1\n },\n {\n x: -0.5,\n y: 1\n }\n ]\n },\n {\n type: \"quadratic\",\n values: [\n {\n x: 1,\n y: 1\n },\n {\n x: 1,\n y: -1\n },\n {\n x: -1,\n y: 1\n }\n ]\n },\n {\n type: \"line\",\n values: [\n {\n x: 1,\n y: -1\n }\n ]\n }\n ],\n half: false\n }\n ],\n \"rounded-polygon\": [\n {\n radius: {\n min: 0,\n max: 10\n },\n sides: {\n min: 3,\n max: 8\n }\n }\n ],\n \"rounded-rect\": {\n radius: {\n min: 5,\n max: 15\n }\n },\n spiral: {\n innerRadius: 0.5,\n lineSpacing: 0.5,\n fill: false,\n close: false\n },\n spades: {\n particles: {\n fill: {\n color: {\n value: \"#000000\"\n }\n }\n }\n },\n hearts: {\n particles: {\n fill: {\n color: {\n value: \"#ff0000\"\n }\n }\n }\n },\n diamonds: {\n particles: {\n fill: {\n color: {\n value: \"#ff0000\"\n }\n }\n }\n },\n clubs: {\n particles: {\n fill: {\n color: {\n value: \"#000000\"\n }\n }\n }\n }\n },\n type: \"random\"\n },\n size: {\n value: 16\n }\n },\n background: {\n color: \"#fff\"\n },\n preload: [\n {\n src: \"https://particles.js.org/images/hdr/fruits/apple.png\",\n name: \"apple\",\n width: 32,\n height: 32\n },\n {\n src: \"https://particles.js.org/images/hdr/fruits/avocado.png\",\n name: \"avocado\",\n width: 32,\n height: 32\n },\n {\n src: \"https://particles.js.org/images/hdr/fruits/banana.png\",\n name: \"banana\",\n width: 32,\n height: 32\n },\n {\n src: \"https://particles.js.org/images/hdr/fruits/berries.png\",\n name: \"berries\",\n width: 32,\n height: 32\n },\n {\n src: \"https://particles.js.org/images/hdr/fruits/cherry.png\",\n name: \"cherry\",\n width: 32,\n height: 32\n },\n {\n src: \"https://particles.js.org/images/hdr/fruits/grapes.png\",\n name: \"grapes\",\n width: 32,\n height: 32\n },\n {\n src: \"https://particles.js.org/images/hdr/fruits/lemon.png\",\n name: \"lemon\",\n width: 32,\n height: 32\n },\n {\n src: \"https://particles.js.org/images/hdr/fruits/orange.png\",\n name: \"orange\",\n width: 32,\n height: 32\n },\n {\n src: \"https://particles.js.org/images/hdr/fruits/peach.png\",\n name: \"peach\",\n width: 32,\n height: 32\n },\n {\n src: \"https://particles.js.org/images/hdr/fruits/pear.png\",\n name: \"pear\",\n width: 32,\n height: 32\n },\n {\n src: \"https://particles.js.org/images/hdr/fruits/pepper.png\",\n name: \"pepper\",\n width: 32,\n height: 32\n },\n {\n src: \"https://particles.js.org/images/hdr/fruits/plum.png\",\n name: \"plum\",\n width: 32,\n height: 32\n },\n {\n src: \"https://particles.js.org/images/hdr/fruits/star.png\",\n name: \"star\",\n width: 32,\n height: 32\n },\n {\n src: \"https://particles.js.org/images/hdr/fruits/strawberry.png\",\n name: \"strawberry\",\n width: 32,\n height: 32\n },\n {\n src: \"https://particles.js.org/images/hdr/fruits/watermelon.png\",\n name: \"watermelon\",\n width: 32,\n height: 32\n },\n {\n src: \"https://particles.js.org/images/hdr/fruits/watermelon_slice.png\",\n name: \"watermelon_slice\",\n width: 32,\n height: 32\n }\n ]\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/r/randomShapes.js?\n}");
1457
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"randomShapes\",\n name: \"Random Shapes\",\n interactivity: {\n events: {\n onClick: {\n enable: true,\n mode: \"push\"\n },\n onHover: {\n enable: true,\n mode: \"bubble\"\n }\n },\n modes: {\n bubble: {\n distance: 400,\n duration: 2,\n opacity: 0.8,\n size: 40\n },\n push: {\n quantity: 4\n }\n }\n },\n particles: {\n paint: {\n fill: {\n color: {\n value: \"#000000\"\n },\n enable: true\n },\n stroke: {\n color: {\n value: \"#ff0000\"\n },\n width: 1\n }\n },\n move: {\n enable: true,\n speed: 2\n },\n number: {\n density: {\n enable: true\n },\n value: 80\n },\n opacity: {\n value: 1\n },\n rotate: {\n animation: {\n enable: true,\n speed: 5,\n sync: false\n },\n direction: \"random\",\n value: {\n min: 0,\n max: 360\n }\n },\n shape: {\n options: {\n image: [\n {\n name: \"apple\"\n },\n {\n name: \"avocado\"\n },\n {\n name: \"banana\"\n },\n {\n name: \"berries\"\n },\n {\n name: \"cherry\"\n },\n {\n name: \"grapes\"\n },\n {\n name: \"lemon\"\n },\n {\n name: \"orange\"\n },\n {\n name: \"peach\"\n },\n {\n name: \"pear\"\n },\n {\n name: \"pepper\"\n },\n {\n name: \"plum\"\n },\n {\n name: \"star\"\n },\n {\n name: \"strawberry\"\n },\n {\n name: \"watermelon\"\n },\n {\n name: \"watermelon_slice\"\n }\n ],\n arrow: {\n heightFactor: {\n min: 0.3,\n max: 0.8\n },\n headWidthFactor: {\n min: 0.3,\n max: 0.8\n },\n bodyHeightFactor: {\n min: 0.3,\n max: 0.8\n }\n },\n cog: {\n holeRadius: 44,\n innerRadius: 72,\n innerTaper: 35,\n notches: 7,\n outerTaper: 50\n },\n emoji: {\n value: \"🌈\"\n },\n text: {\n value: \"pippo\\npluto\"\n },\n path: [\n {\n segments: [\n {\n type: \"line\",\n values: [\n {\n x: -0.5,\n y: -0.5\n }\n ]\n },\n {\n type: \"bezier\",\n values: [\n {\n x: -0.5,\n y: 0.5\n },\n {\n x: 1,\n y: 1\n },\n {\n x: 1,\n y: 0.5\n },\n {\n x: 1,\n y: -0.5\n }\n ]\n },\n {\n type: \"quadratic\",\n values: [\n {\n x: 0.5,\n y: 0.5\n },\n {\n x: 0.5,\n y: -0.5\n },\n {\n x: -0.5,\n y: 0.5\n }\n ]\n },\n {\n type: \"line\",\n values: [\n {\n x: 0.5,\n y: -0.5\n }\n ]\n }\n ],\n half: false\n },\n {\n segments: [\n {\n type: \"line\",\n values: [\n {\n x: -1,\n y: -1\n }\n ]\n },\n {\n type: \"bezier\",\n values: [\n {\n x: -1,\n y: 1\n },\n {\n x: 1,\n y: 1\n },\n {\n x: 0.5,\n y: 1\n },\n {\n x: -0.5,\n y: 1\n }\n ]\n },\n {\n type: \"quadratic\",\n values: [\n {\n x: 1,\n y: 1\n },\n {\n x: 1,\n y: -1\n },\n {\n x: -1,\n y: 1\n }\n ]\n },\n {\n type: \"line\",\n values: [\n {\n x: 1,\n y: -1\n }\n ]\n }\n ],\n half: false\n }\n ],\n \"rounded-polygon\": [\n {\n radius: {\n min: 0,\n max: 10\n },\n sides: {\n min: 3,\n max: 8\n }\n }\n ],\n \"rounded-rect\": {\n radius: {\n min: 5,\n max: 15\n }\n },\n spiral: {\n innerRadius: 0.5,\n lineSpacing: 0.5,\n fill: false,\n close: false\n },\n spades: {\n particles: {\n paint: {\n fill: {\n color: {\n value: \"#000000\"\n }\n }\n }\n }\n },\n hearts: {\n particles: {\n paint: {\n fill: {\n color: {\n value: \"#ff0000\"\n }\n }\n }\n }\n },\n diamonds: {\n particles: {\n paint: {\n fill: {\n color: {\n value: \"#ff0000\"\n }\n }\n }\n }\n },\n clubs: {\n particles: {\n paint: {\n fill: {\n color: {\n value: \"#000000\"\n }\n }\n }\n }\n }\n },\n type: \"random\"\n },\n size: {\n value: 16\n }\n },\n background: {\n color: \"#fff\"\n },\n preload: [\n {\n src: \"https://particles.js.org/images/hdr/fruits/apple.png\",\n name: \"apple\",\n width: 32,\n height: 32\n },\n {\n src: \"https://particles.js.org/images/hdr/fruits/avocado.png\",\n name: \"avocado\",\n width: 32,\n height: 32\n },\n {\n src: \"https://particles.js.org/images/hdr/fruits/banana.png\",\n name: \"banana\",\n width: 32,\n height: 32\n },\n {\n src: \"https://particles.js.org/images/hdr/fruits/berries.png\",\n name: \"berries\",\n width: 32,\n height: 32\n },\n {\n src: \"https://particles.js.org/images/hdr/fruits/cherry.png\",\n name: \"cherry\",\n width: 32,\n height: 32\n },\n {\n src: \"https://particles.js.org/images/hdr/fruits/grapes.png\",\n name: \"grapes\",\n width: 32,\n height: 32\n },\n {\n src: \"https://particles.js.org/images/hdr/fruits/lemon.png\",\n name: \"lemon\",\n width: 32,\n height: 32\n },\n {\n src: \"https://particles.js.org/images/hdr/fruits/orange.png\",\n name: \"orange\",\n width: 32,\n height: 32\n },\n {\n src: \"https://particles.js.org/images/hdr/fruits/peach.png\",\n name: \"peach\",\n width: 32,\n height: 32\n },\n {\n src: \"https://particles.js.org/images/hdr/fruits/pear.png\",\n name: \"pear\",\n width: 32,\n height: 32\n },\n {\n src: \"https://particles.js.org/images/hdr/fruits/pepper.png\",\n name: \"pepper\",\n width: 32,\n height: 32\n },\n {\n src: \"https://particles.js.org/images/hdr/fruits/plum.png\",\n name: \"plum\",\n width: 32,\n height: 32\n },\n {\n src: \"https://particles.js.org/images/hdr/fruits/star.png\",\n name: \"star\",\n width: 32,\n height: 32\n },\n {\n src: \"https://particles.js.org/images/hdr/fruits/strawberry.png\",\n name: \"strawberry\",\n width: 32,\n height: 32\n },\n {\n src: \"https://particles.js.org/images/hdr/fruits/watermelon.png\",\n name: \"watermelon\",\n width: 32,\n height: 32\n },\n {\n src: \"https://particles.js.org/images/hdr/fruits/watermelon_slice.png\",\n name: \"watermelon_slice\",\n width: 32,\n height: 32\n }\n ]\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/r/randomShapes.js?\n}");
1438
1458
 
1439
1459
  /***/ },
1440
1460
 
@@ -1444,7 +1464,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1444
1464
  \****************************************/
1445
1465
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1446
1466
 
1447
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"reactBubbles\",\n name: \"React Bubbles\",\n interactivity: {\n events: {\n onClick: {\n enable: true,\n mode: \"repulse\"\n },\n onHover: {\n enable: true,\n mode: \"bubble\"\n }\n },\n modes: {\n bubble: {\n distance: 250,\n duration: 2,\n opacity: 0,\n size: 0\n },\n connect: {\n distance: 80,\n links: {\n opacity: 0.5\n },\n radius: 60\n },\n grab: {\n distance: 180,\n links: {\n opacity: 0.35\n }\n },\n push: {\n quantity: 4\n },\n remove: {\n quantity: 2\n },\n repulse: {\n distance: 200,\n duration: 4\n },\n slow: {\n factor: 1,\n radius: 0\n }\n }\n },\n particles: {\n fill: {\n color: {\n value: \"#FFF\"\n },\n enable: true\n },\n collisions: {\n enable: true\n },\n move: {\n direction: \"top\",\n enable: true,\n speed: {\n min: 0.1,\n max: 1\n }\n },\n number: {\n value: 160\n },\n opacity: {\n animation: {\n enable: true,\n speed: 1,\n sync: false\n },\n value: {\n min: 0.1,\n max: 0.5\n }\n },\n shape: {\n type: \"circle\"\n },\n size: {\n value: {\n min: 1,\n max: 3\n }\n }\n },\n pauseOnBlur: true,\n background: {\n color: \"#0d47a1\",\n image: \"\",\n position: \"50% 50%\",\n repeat: \"no-repeat\",\n size: \"cover\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/r/reactBubbles.js?\n}");
1467
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"reactBubbles\",\n name: \"React Bubbles\",\n interactivity: {\n events: {\n onClick: {\n enable: true,\n mode: \"repulse\"\n },\n onHover: {\n enable: true,\n mode: \"bubble\"\n }\n },\n modes: {\n bubble: {\n distance: 250,\n duration: 2,\n opacity: 0,\n size: 0\n },\n connect: {\n distance: 80,\n links: {\n opacity: 0.5\n },\n radius: 60\n },\n grab: {\n distance: 180,\n links: {\n opacity: 0.35\n }\n },\n push: {\n quantity: 4\n },\n remove: {\n quantity: 2\n },\n repulse: {\n distance: 200,\n duration: 4\n },\n slow: {\n factor: 1,\n radius: 0\n }\n }\n },\n particles: {\n paint: {\n fill: {\n color: {\n value: \"#FFF\"\n },\n enable: true\n }\n },\n collisions: {\n enable: true\n },\n move: {\n direction: \"top\",\n enable: true,\n speed: {\n min: 0.1,\n max: 1\n }\n },\n number: {\n value: 160\n },\n opacity: {\n animation: {\n enable: true,\n speed: 1,\n sync: false\n },\n value: {\n min: 0.1,\n max: 0.5\n }\n },\n shape: {\n type: \"circle\"\n },\n size: {\n value: {\n min: 1,\n max: 3\n }\n }\n },\n pauseOnBlur: true,\n background: {\n color: \"#0d47a1\",\n image: \"\",\n position: \"50% 50%\",\n repeat: \"no-repeat\",\n size: \"cover\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/r/reactBubbles.js?\n}");
1448
1468
 
1449
1469
  /***/ },
1450
1470
 
@@ -1454,7 +1474,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1454
1474
  \*****************************************/
1455
1475
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1456
1476
 
1457
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"reactDefaults\",\n name: \"React Defaults\",\n particles: {\n number: {\n value: 40\n },\n fill: {\n color: {\n value: \"#FFF\"\n },\n enable: true\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: {\n min: 0.1,\n max: 0.5\n },\n animation: {\n enable: true,\n speed: 1,\n sync: false\n }\n },\n size: {\n value: 1\n },\n links: {\n enable: true,\n distance: 150,\n color: \"#FFF\",\n opacity: 0.6,\n width: 1\n },\n move: {\n enable: true,\n speed: 3,\n outModes: \"bounce\"\n },\n collisions: {\n enable: true\n }\n },\n background: {\n color: \"#0d47a1\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/r/reactDefaults.js?\n}");
1477
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"reactDefaults\",\n name: \"React Defaults\",\n particles: {\n number: {\n value: 40\n },\n paint: {\n fill: {\n color: {\n value: \"#FFF\"\n },\n enable: true\n }\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: {\n min: 0.1,\n max: 0.5\n },\n animation: {\n enable: true,\n speed: 1,\n sync: false\n }\n },\n size: {\n value: 1\n },\n links: {\n enable: true,\n distance: 150,\n color: \"#FFF\",\n opacity: 0.6,\n width: 1\n },\n move: {\n enable: true,\n speed: 3,\n outModes: \"bounce\"\n },\n collisions: {\n enable: true\n }\n },\n background: {\n color: \"#0d47a1\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/r/reactDefaults.js?\n}");
1458
1478
 
1459
1479
  /***/ },
1460
1480
 
@@ -1464,7 +1484,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1464
1484
  \***********************************************/
1465
1485
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1466
1486
 
1467
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"reactMultipleImages\",\n name: \"React Multiple Images\",\n particles: {\n fill: {\n color: {\n value: \"#CCC\"\n },\n enable: true\n },\n collisions: {\n enable: true\n },\n links: {\n blink: false,\n color: \"#fff\",\n consent: false,\n distance: 150,\n enable: false,\n opacity: 0.6,\n width: 1\n },\n move: {\n enable: true,\n speed: 1\n },\n number: {\n density: {\n enable: true\n },\n value: 8\n },\n opacity: {\n animation: {\n enable: true,\n speed: 1,\n sync: false\n },\n value: {\n min: 0.1,\n max: 0.5\n }\n },\n shape: {\n options: {\n image: [\n {\n height: 20,\n replaceColor: true,\n src: \"https://particles.js.org/images/hdr/fruits/cherry.png\",\n width: 23\n },\n {\n height: 20,\n replaceColor: true,\n src: \"https://particles.js.org/images/hdr/fruits/grapes.png\",\n width: 20\n },\n {\n height: 20,\n replaceColor: true,\n src: \"https://particles.js.org/images/hdr/fruits/lemon.png\",\n width: 20\n }\n ]\n },\n type: [\n \"image\",\n \"circle\"\n ]\n },\n size: {\n animation: {\n enable: true,\n speed: 4,\n sync: false\n },\n value: {\n min: 10,\n max: 30\n }\n }\n },\n pauseOnBlur: true,\n background: {\n color: \"#0d47a1\",\n image: \"\",\n position: \"50% 50%\",\n repeat: \"no-repeat\",\n size: \"cover\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/r/reactMultipleImages.js?\n}");
1487
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"reactMultipleImages\",\n name: \"React Multiple Images\",\n particles: {\n paint: {\n fill: {\n color: {\n value: \"#CCC\"\n },\n enable: true\n }\n },\n collisions: {\n enable: true\n },\n links: {\n blink: false,\n color: \"#fff\",\n consent: false,\n distance: 150,\n enable: false,\n opacity: 0.6,\n width: 1\n },\n move: {\n enable: true,\n speed: 1\n },\n number: {\n density: {\n enable: true\n },\n value: 8\n },\n opacity: {\n animation: {\n enable: true,\n speed: 1,\n sync: false\n },\n value: {\n min: 0.1,\n max: 0.5\n }\n },\n shape: {\n options: {\n image: [\n {\n height: 20,\n replaceColor: true,\n src: \"https://particles.js.org/images/hdr/fruits/cherry.png\",\n width: 23\n },\n {\n height: 20,\n replaceColor: true,\n src: \"https://particles.js.org/images/hdr/fruits/grapes.png\",\n width: 20\n },\n {\n height: 20,\n replaceColor: true,\n src: \"https://particles.js.org/images/hdr/fruits/lemon.png\",\n width: 20\n }\n ]\n },\n type: [\n \"image\",\n \"circle\"\n ]\n },\n size: {\n animation: {\n enable: true,\n speed: 4,\n sync: false\n },\n value: {\n min: 10,\n max: 30\n }\n }\n },\n pauseOnBlur: true,\n background: {\n color: \"#0d47a1\",\n image: \"\",\n position: \"50% 50%\",\n repeat: \"no-repeat\",\n size: \"cover\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/r/reactMultipleImages.js?\n}");
1468
1488
 
1469
1489
  /***/ },
1470
1490
 
@@ -1474,7 +1494,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1474
1494
  \*****************************************/
1475
1495
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1476
1496
 
1477
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"reactNightSky\",\n name: \"React Night Sky\",\n interactivity: {\n events: {\n onClick: {\n enable: true,\n mode: \"push\"\n }\n },\n modes: {\n push: {\n quantity: 1\n }\n }\n },\n particles: {\n fill: {\n color: {\n value: \"#FFF\"\n },\n enable: true\n },\n links: {\n blink: false,\n color: {\n value: \"#fff\"\n },\n consent: false,\n distance: 150,\n enable: true,\n opacity: 0.02,\n width: 1\n },\n move: {\n direction: \"right\",\n enable: true,\n outModes: \"bounce\",\n speed: 0.05\n },\n collisions: {\n enable: true\n },\n number: {\n density: {\n enable: true\n },\n value: 60\n },\n opacity: {\n animation: {\n enable: true,\n speed: 1,\n sync: false\n },\n value: {\n min: 0.05,\n max: 0.5\n }\n },\n shape: {\n type: \"circle\"\n },\n size: {\n value: 1\n }\n },\n pauseOnBlur: true,\n background: {\n color: \"#0d47a1\",\n image: \"\",\n position: \"50% 50%\",\n repeat: \"no-repeat\",\n size: \"cover\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/r/reactNightSky.js?\n}");
1497
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"reactNightSky\",\n name: \"React Night Sky\",\n interactivity: {\n events: {\n onClick: {\n enable: true,\n mode: \"push\"\n }\n },\n modes: {\n push: {\n quantity: 1\n }\n }\n },\n particles: {\n paint: {\n fill: {\n color: {\n value: \"#FFF\"\n },\n enable: true\n }\n },\n links: {\n blink: false,\n color: {\n value: \"#fff\"\n },\n consent: false,\n distance: 150,\n enable: true,\n opacity: 0.02,\n width: 1\n },\n move: {\n direction: \"right\",\n enable: true,\n outModes: \"bounce\",\n speed: 0.05\n },\n collisions: {\n enable: true\n },\n number: {\n density: {\n enable: true\n },\n value: 60\n },\n opacity: {\n animation: {\n enable: true,\n speed: 1,\n sync: false\n },\n value: {\n min: 0.05,\n max: 0.5\n }\n },\n shape: {\n type: \"circle\"\n },\n size: {\n value: 1\n }\n },\n pauseOnBlur: true,\n background: {\n color: \"#0d47a1\",\n image: \"\",\n position: \"50% 50%\",\n repeat: \"no-repeat\",\n size: \"cover\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/r/reactNightSky.js?\n}");
1478
1498
 
1479
1499
  /***/ },
1480
1500
 
@@ -1484,7 +1504,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1484
1504
  \********************************************/
1485
1505
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1486
1506
 
1487
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"reactPolygonMask\",\n name: \"React Polygon Mask\",\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"bubble\"\n }\n },\n modes: {\n bubble: {\n distance: 40,\n duration: 0.4,\n opacity: 1,\n size: 6\n }\n }\n },\n particles: {\n fill: {\n color: {\n value: \"#FFF\"\n },\n enable: true\n },\n links: {\n blink: false,\n color: {\n value: \"#fff\"\n },\n consent: false,\n distance: 30,\n enable: true,\n opacity: 0.4,\n width: 1\n },\n move: {\n enable: true,\n outModes: \"bounce\",\n speed: 1\n },\n number: {\n value: 200\n },\n opacity: {\n animation: {\n enable: true,\n speed: 2,\n sync: false\n },\n value: {\n min: 0.05,\n max: 0.4\n }\n },\n shape: {\n type: \"circle\"\n },\n size: {\n value: 1\n }\n },\n polygon: {\n draw: {\n enable: true,\n stroke: {\n color: \"rgba(255, 255, 255, .2)\",\n width: 0.5,\n opacity: 0.2\n }\n },\n enable: true,\n inline: {\n arrangement: \"equidistant\"\n },\n move: {\n radius: 10,\n type: \"path\"\n },\n scale: 0.5,\n type: \"inline\",\n url: \"https://particles.js.org/images/hdr/smalldeer.svg\"\n },\n pauseOnBlur: true,\n background: {\n color: \"#0d47a1\",\n image: \"\",\n position: \"50% 50%\",\n repeat: \"no-repeat\",\n size: \"cover\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/r/reactPolygonMask.js?\n}");
1507
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"reactPolygonMask\",\n name: \"React Polygon Mask\",\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"bubble\"\n }\n },\n modes: {\n bubble: {\n distance: 40,\n duration: 0.4,\n opacity: 1,\n size: 6\n }\n }\n },\n particles: {\n paint: {\n fill: {\n color: {\n value: \"#FFF\"\n },\n enable: true\n }\n },\n links: {\n blink: false,\n color: {\n value: \"#fff\"\n },\n consent: false,\n distance: 30,\n enable: true,\n opacity: 0.4,\n width: 1\n },\n move: {\n enable: true,\n outModes: \"bounce\",\n speed: 1\n },\n number: {\n value: 200\n },\n opacity: {\n animation: {\n enable: true,\n speed: 2,\n sync: false\n },\n value: {\n min: 0.05,\n max: 0.4\n }\n },\n shape: {\n type: \"circle\"\n },\n size: {\n value: 1\n }\n },\n polygon: {\n draw: {\n enable: true,\n stroke: {\n color: \"rgba(255, 255, 255, .2)\",\n width: 0.5,\n opacity: 0.2\n }\n },\n enable: true,\n inline: {\n arrangement: \"equidistant\"\n },\n move: {\n radius: 10,\n type: \"path\"\n },\n scale: 0.5,\n type: \"inline\",\n url: \"https://particles.js.org/images/hdr/smalldeer.svg\"\n },\n pauseOnBlur: true,\n background: {\n color: \"#0d47a1\",\n image: \"\",\n position: \"50% 50%\",\n repeat: \"no-repeat\",\n size: \"cover\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/r/reactPolygonMask.js?\n}");
1488
1508
 
1489
1509
  /***/ },
1490
1510
 
@@ -1494,7 +1514,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1494
1514
  \***************************************/
1495
1515
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1496
1516
 
1497
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"reactSimple\",\n name: \"React Simple\",\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"repulse\"\n }\n },\n modes: {\n repulse: {\n distance: 100,\n duration: 5\n }\n }\n },\n particles: {\n fill: {\n color: {\n value: \"#FFF\"\n },\n enable: true\n },\n links: {\n blink: false,\n color: {\n value: \"#fff\"\n },\n consent: false,\n distance: 150,\n enable: true,\n opacity: 0.6,\n width: 1\n },\n move: {\n enable: true,\n outModes: \"bounce\",\n speed: 3\n },\n collisions: {\n enable: true\n },\n number: {\n value: 50\n },\n opacity: {\n animation: {\n enable: true,\n speed: 1,\n sync: false\n },\n value: {\n min: 0.1,\n max: 0.5\n }\n },\n shape: {\n type: \"circle\"\n },\n size: {\n value: 3\n },\n stroke: {\n color: {\n value: \"#ff0000\"\n },\n width: 0,\n opacity: 1\n }\n },\n backgroundMask: {\n cover: {\n color: \"#fff\",\n opacity: 1\n },\n enable: false\n },\n pauseOnBlur: true,\n background: {\n color: \"#0d47a1\",\n image: \"\",\n position: \"50% 50%\",\n repeat: \"no-repeat\",\n size: \"cover\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/r/reactSimple.js?\n}");
1517
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"reactSimple\",\n name: \"React Simple\",\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"repulse\"\n }\n },\n modes: {\n repulse: {\n distance: 100,\n duration: 5\n }\n }\n },\n particles: {\n paint: {\n fill: {\n color: {\n value: \"#FFF\"\n },\n enable: true\n },\n stroke: {\n color: {\n value: \"#ff0000\"\n },\n width: 0,\n opacity: 1\n }\n },\n links: {\n blink: false,\n color: {\n value: \"#fff\"\n },\n consent: false,\n distance: 150,\n enable: true,\n opacity: 0.6,\n width: 1\n },\n move: {\n enable: true,\n outModes: \"bounce\",\n speed: 3\n },\n collisions: {\n enable: true\n },\n number: {\n value: 50\n },\n opacity: {\n animation: {\n enable: true,\n speed: 1,\n sync: false\n },\n value: {\n min: 0.1,\n max: 0.5\n }\n },\n shape: {\n type: \"circle\"\n },\n size: {\n value: 3\n }\n },\n backgroundMask: {\n cover: {\n color: \"#fff\",\n opacity: 1\n },\n enable: false\n },\n pauseOnBlur: true,\n background: {\n color: \"#0d47a1\",\n image: \"\",\n position: \"50% 50%\",\n repeat: \"no-repeat\",\n size: \"cover\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/r/reactSimple.js?\n}");
1498
1518
 
1499
1519
  /***/ },
1500
1520
 
@@ -1504,7 +1524,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1504
1524
  \*************************************/
1505
1525
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1506
1526
 
1507
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"reactSnow\",\n name: \"React Snow\",\n interactivity: {\n events: {\n onClick: {\n enable: true,\n mode: \"remove\"\n }\n },\n modes: {\n bubble: {\n distance: 200,\n duration: 0.4,\n opacity: 1,\n size: 80\n },\n connect: {\n distance: 80,\n links: {\n opacity: 0.5\n },\n radius: 60\n },\n grab: {\n distance: 180,\n links: {\n opacity: 0.35\n }\n },\n push: {\n quantity: 4\n },\n remove: {\n quantity: 10\n },\n repulse: {\n distance: 100,\n duration: 5\n },\n slow: {\n factor: 1,\n radius: 0\n }\n }\n },\n particles: {\n fill: {\n color: {\n value: \"#FFF\"\n },\n enable: true\n },\n links: {\n blink: false,\n color: {\n value: \"#fff\"\n },\n consent: false,\n distance: 150,\n enable: false,\n opacity: 0.6,\n width: 1\n },\n move: {\n direction: \"bottom\",\n enable: true,\n speed: 3\n },\n collisions: {\n enable: true\n },\n number: {\n value: 160\n },\n opacity: {\n animation: {\n enable: true,\n speed: 1,\n sync: false\n },\n value: {\n min: 0.1,\n max: 0.5\n }\n },\n shape: {\n type: \"circle\"\n },\n size: {\n value: {\n min: 1,\n max: 10\n }\n }\n },\n pauseOnBlur: true,\n background: {\n color: \"#0d47a1\",\n image: \"\",\n position: \"50% 50%\",\n repeat: \"no-repeat\",\n size: \"cover\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/r/reactSnow.js?\n}");
1527
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"reactSnow\",\n name: \"React Snow\",\n interactivity: {\n events: {\n onClick: {\n enable: true,\n mode: \"remove\"\n }\n },\n modes: {\n bubble: {\n distance: 200,\n duration: 0.4,\n opacity: 1,\n size: 80\n },\n connect: {\n distance: 80,\n links: {\n opacity: 0.5\n },\n radius: 60\n },\n grab: {\n distance: 180,\n links: {\n opacity: 0.35\n }\n },\n push: {\n quantity: 4\n },\n remove: {\n quantity: 10\n },\n repulse: {\n distance: 100,\n duration: 5\n },\n slow: {\n factor: 1,\n radius: 0\n }\n }\n },\n particles: {\n paint: {\n fill: {\n color: {\n value: \"#FFF\"\n },\n enable: true\n }\n },\n links: {\n blink: false,\n color: {\n value: \"#fff\"\n },\n consent: false,\n distance: 150,\n enable: false,\n opacity: 0.6,\n width: 1\n },\n move: {\n direction: \"bottom\",\n enable: true,\n speed: 3\n },\n collisions: {\n enable: true\n },\n number: {\n value: 160\n },\n opacity: {\n animation: {\n enable: true,\n speed: 1,\n sync: false\n },\n value: {\n min: 0.1,\n max: 0.5\n }\n },\n shape: {\n type: \"circle\"\n },\n size: {\n value: {\n min: 1,\n max: 10\n }\n }\n },\n pauseOnBlur: true,\n background: {\n color: \"#0d47a1\",\n image: \"\",\n position: \"50% 50%\",\n repeat: \"no-repeat\",\n size: \"cover\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/r/reactSnow.js?\n}");
1508
1528
 
1509
1529
  /***/ },
1510
1530
 
@@ -1514,7 +1534,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1514
1534
  \********************************************/
1515
1535
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1516
1536
 
1517
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"reduceDuplicates\",\n name: \"Reduce Duplicates\",\n particles: {\n fill: {\n color: {\n value: \"#ffffff\"\n },\n enable: true\n },\n move: {\n direction: \"none\",\n enable: true,\n outModes: \"bounce\",\n speed: 2\n },\n number: {\n value: 16\n },\n opacity: {\n value: 1\n },\n reduceDuplicates: true,\n rotate: {\n animation: {\n enable: true,\n speed: 5,\n sync: false\n },\n direction: \"random\",\n value: {\n min: 0,\n max: 360\n }\n },\n shape: {\n options: {\n image: [\n {\n src: \"https://particles.js.org/images/hdr/fruits/apple.png\",\n width: 32,\n height: 32\n },\n {\n src: \"https://particles.js.org/images/hdr/fruits/avocado.png\",\n width: 32,\n height: 32\n },\n {\n src: \"https://particles.js.org/images/hdr/fruits/banana.png\",\n width: 32,\n height: 32\n },\n {\n src: \"https://particles.js.org/images/hdr/fruits/berries.png\",\n width: 32,\n height: 32\n },\n {\n src: \"https://particles.js.org/images/hdr/fruits/cherry.png\",\n width: 32,\n height: 32\n },\n {\n src: \"https://particles.js.org/images/hdr/fruits/grapes.png\",\n width: 32,\n height: 32\n },\n {\n src: \"https://particles.js.org/images/hdr/fruits/lemon.png\",\n width: 32,\n height: 32\n },\n {\n src: \"https://particles.js.org/images/hdr/fruits/orange.png\",\n width: 32,\n height: 32\n },\n {\n src: \"https://particles.js.org/images/hdr/fruits/peach.png\",\n width: 32,\n height: 32\n },\n {\n src: \"https://particles.js.org/images/hdr/fruits/pear.png\",\n width: 32,\n height: 32\n },\n {\n src: \"https://particles.js.org/images/hdr/fruits/pepper.png\",\n width: 32,\n height: 32\n },\n {\n src: \"https://particles.js.org/images/hdr/fruits/plum.png\",\n width: 32,\n height: 32\n },\n {\n src: \"https://particles.js.org/images/hdr/fruits/star.png\",\n width: 32,\n height: 32\n },\n {\n src: \"https://particles.js.org/images/hdr/fruits/strawberry.png\",\n width: 32,\n height: 32\n },\n {\n src: \"https://particles.js.org/images/hdr/fruits/watermelon.png\",\n width: 32,\n height: 32\n },\n {\n src: \"https://particles.js.org/images/hdr/fruits/watermelon_slice.png\",\n width: 32,\n height: 32\n }\n ]\n },\n type: \"image\"\n },\n size: {\n value: 16\n }\n },\n background: {\n color: \"#fff\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/r/reduceDuplicates.js?\n}");
1537
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"reduceDuplicates\",\n name: \"Reduce Duplicates\",\n particles: {\n paint: {\n fill: {\n color: {\n value: \"#ffffff\"\n },\n enable: true\n }\n },\n move: {\n direction: \"none\",\n enable: true,\n outModes: \"bounce\",\n speed: 2\n },\n number: {\n value: 16\n },\n opacity: {\n value: 1\n },\n reduceDuplicates: true,\n rotate: {\n animation: {\n enable: true,\n speed: 5,\n sync: false\n },\n direction: \"random\",\n value: {\n min: 0,\n max: 360\n }\n },\n shape: {\n options: {\n image: [\n {\n src: \"https://particles.js.org/images/hdr/fruits/apple.png\",\n width: 32,\n height: 32\n },\n {\n src: \"https://particles.js.org/images/hdr/fruits/avocado.png\",\n width: 32,\n height: 32\n },\n {\n src: \"https://particles.js.org/images/hdr/fruits/banana.png\",\n width: 32,\n height: 32\n },\n {\n src: \"https://particles.js.org/images/hdr/fruits/berries.png\",\n width: 32,\n height: 32\n },\n {\n src: \"https://particles.js.org/images/hdr/fruits/cherry.png\",\n width: 32,\n height: 32\n },\n {\n src: \"https://particles.js.org/images/hdr/fruits/grapes.png\",\n width: 32,\n height: 32\n },\n {\n src: \"https://particles.js.org/images/hdr/fruits/lemon.png\",\n width: 32,\n height: 32\n },\n {\n src: \"https://particles.js.org/images/hdr/fruits/orange.png\",\n width: 32,\n height: 32\n },\n {\n src: \"https://particles.js.org/images/hdr/fruits/peach.png\",\n width: 32,\n height: 32\n },\n {\n src: \"https://particles.js.org/images/hdr/fruits/pear.png\",\n width: 32,\n height: 32\n },\n {\n src: \"https://particles.js.org/images/hdr/fruits/pepper.png\",\n width: 32,\n height: 32\n },\n {\n src: \"https://particles.js.org/images/hdr/fruits/plum.png\",\n width: 32,\n height: 32\n },\n {\n src: \"https://particles.js.org/images/hdr/fruits/star.png\",\n width: 32,\n height: 32\n },\n {\n src: \"https://particles.js.org/images/hdr/fruits/strawberry.png\",\n width: 32,\n height: 32\n },\n {\n src: \"https://particles.js.org/images/hdr/fruits/watermelon.png\",\n width: 32,\n height: 32\n },\n {\n src: \"https://particles.js.org/images/hdr/fruits/watermelon_slice.png\",\n width: 32,\n height: 32\n }\n ]\n },\n type: \"image\"\n },\n size: {\n value: 16\n }\n },\n background: {\n color: \"#fff\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/r/reduceDuplicates.js?\n}");
1518
1538
 
1519
1539
  /***/ },
1520
1540
 
@@ -1524,7 +1544,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1524
1544
  \***********************************/
1525
1545
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1526
1546
 
1527
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"repulse\",\n name: \"Repulse\",\n particles: {\n groups: {\n green: {\n number: {\n value: 30\n },\n color: {\n value: \"#00ff00\"\n },\n repulse: {\n enabled: true,\n distance: 50,\n factor: 20\n }\n },\n yellow: {\n number: {\n value: 30\n },\n color: {\n value: \"#ffff00\"\n },\n repulse: {\n enabled: false,\n distance: 0\n }\n },\n blue: {\n number: {\n value: 30\n },\n color: {\n value: \"#0000ff\"\n },\n repulse: {\n enabled: true,\n distance: 50\n }\n },\n cyan: {\n number: {\n value: 30\n },\n color: {\n value: \"#00ffff\"\n },\n repulse: {\n enabled: false,\n distance: 0\n }\n }\n },\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n fill: {\n color: {\n value: \"#ff0000\",\n animation: {\n enable: false,\n speed: 20,\n sync: true\n }\n },\n enable: true\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 1\n },\n size: {\n value: 14\n },\n links: {\n enable: true,\n distance: 100,\n color: \"#ffffff\",\n opacity: 0.4,\n width: 1\n },\n move: {\n enable: true,\n speed: 3\n }\n },\n interactivity: {\n events: {\n onClick: {\n enable: true,\n mode: \"push\"\n }\n },\n modes: {\n push: {\n quantity: 4\n }\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/r/repulse.js?\n}");
1547
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"repulse\",\n name: \"Repulse\",\n particles: {\n groups: {\n green: {\n number: {\n value: 30\n },\n color: {\n value: \"#00ff00\"\n },\n repulse: {\n enabled: true,\n distance: 50,\n factor: 20\n }\n },\n yellow: {\n number: {\n value: 30\n },\n color: {\n value: \"#ffff00\"\n },\n repulse: {\n enabled: false,\n distance: 0\n }\n },\n blue: {\n number: {\n value: 30\n },\n color: {\n value: \"#0000ff\"\n },\n repulse: {\n enabled: true,\n distance: 50\n }\n },\n cyan: {\n number: {\n value: 30\n },\n color: {\n value: \"#00ffff\"\n },\n repulse: {\n enabled: false,\n distance: 0\n }\n }\n },\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n paint: {\n fill: {\n color: {\n value: \"#ff0000\",\n animation: {\n enable: false,\n speed: 20,\n sync: true\n }\n },\n enable: true\n }\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 1\n },\n size: {\n value: 14\n },\n links: {\n enable: true,\n distance: 100,\n color: \"#ffffff\",\n opacity: 0.4,\n width: 1\n },\n move: {\n enable: true,\n speed: 3\n }\n },\n interactivity: {\n events: {\n onClick: {\n enable: true,\n mode: \"push\"\n }\n },\n modes: {\n push: {\n quantity: 4\n }\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/r/repulse.js?\n}");
1528
1548
 
1529
1549
  /***/ },
1530
1550
 
@@ -1534,7 +1554,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1534
1554
  \***************************************/
1535
1555
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1536
1556
 
1537
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"repulseBack\",\n name: \"Repulse Back\",\n particles: {\n number: {\n value: 200,\n density: {\n enable: true\n }\n },\n fill: {\n color: {\n value: \"#ffffff\"\n },\n enable: true\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 0.5\n },\n size: {\n value: {\n min: 1,\n max: 3\n }\n },\n move: {\n enable: true,\n speed: 0\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"repulse\"\n }\n },\n modes: {\n repulse: {\n distance: 200,\n factor: 1,\n speed: 5,\n easing: \"ease-out-back\"\n }\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/r/repulseBack.js?\n}");
1557
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"repulseBack\",\n name: \"Repulse Back\",\n particles: {\n number: {\n value: 200,\n density: {\n enable: true\n }\n },\n paint: {\n fill: {\n color: {\n value: \"#ffffff\"\n },\n enable: true\n }\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 0.5\n },\n size: {\n value: {\n min: 1,\n max: 3\n }\n },\n move: {\n enable: true,\n speed: 0\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"repulse\"\n }\n },\n modes: {\n repulse: {\n distance: 200,\n factor: 1,\n speed: 5,\n easing: \"ease-out-back\"\n }\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/r/repulseBack.js?\n}");
1538
1558
 
1539
1559
  /***/ },
1540
1560
 
@@ -1544,7 +1564,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1544
1564
  \*****************************************/
1545
1565
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1546
1566
 
1547
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"repulseBounce\",\n name: \"Repulse Bounce\",\n particles: {\n number: {\n value: 200,\n density: {\n enable: true\n }\n },\n fill: {\n color: {\n value: \"#ffffff\"\n },\n enable: true\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 0.5\n },\n size: {\n value: {\n min: 1,\n max: 3\n }\n },\n move: {\n enable: true,\n speed: 0\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"repulse\"\n }\n },\n modes: {\n repulse: {\n distance: 200,\n factor: 1,\n speed: 5,\n easing: \"ease-out-bounce\"\n }\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/r/repulseBounce.js?\n}");
1567
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"repulseBounce\",\n name: \"Repulse Bounce\",\n particles: {\n number: {\n value: 200,\n density: {\n enable: true\n }\n },\n paint: {\n fill: {\n color: {\n value: \"#ffffff\"\n },\n enable: true\n }\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 0.5\n },\n size: {\n value: {\n min: 1,\n max: 3\n }\n },\n move: {\n enable: true,\n speed: 0\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"repulse\"\n }\n },\n modes: {\n repulse: {\n distance: 200,\n factor: 1,\n speed: 5,\n easing: \"ease-out-bounce\"\n }\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/r/repulseBounce.js?\n}");
1548
1568
 
1549
1569
  /***/ },
1550
1570
 
@@ -1554,7 +1574,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1554
1574
  \***************************************/
1555
1575
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1556
1576
 
1557
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"repulseCirc\",\n name: \"Repulse Circ\",\n particles: {\n number: {\n value: 200,\n density: {\n enable: true\n }\n },\n fill: {\n color: {\n value: \"#ffffff\"\n },\n enable: true\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 0.5\n },\n size: {\n value: {\n min: 1,\n max: 3\n }\n },\n move: {\n enable: true,\n speed: 0\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"repulse\"\n }\n },\n modes: {\n repulse: {\n distance: 200,\n factor: 1,\n speed: 5,\n easing: \"ease-out-circ\"\n }\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/r/repulseCirc.js?\n}");
1577
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"repulseCirc\",\n name: \"Repulse Circ\",\n particles: {\n number: {\n value: 200,\n density: {\n enable: true\n }\n },\n paint: {\n fill: {\n color: {\n value: \"#ffffff\"\n },\n enable: true\n }\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 0.5\n },\n size: {\n value: {\n min: 1,\n max: 3\n }\n },\n move: {\n enable: true,\n speed: 0\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"repulse\"\n }\n },\n modes: {\n repulse: {\n distance: 200,\n factor: 1,\n speed: 5,\n easing: \"ease-out-circ\"\n }\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/r/repulseCirc.js?\n}");
1558
1578
 
1559
1579
  /***/ },
1560
1580
 
@@ -1564,7 +1584,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1564
1584
  \****************************************/
1565
1585
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1566
1586
 
1567
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"repulseCubic\",\n name: \"Repulse Cubic\",\n particles: {\n number: {\n value: 200,\n density: {\n enable: true\n }\n },\n fill: {\n color: {\n value: \"#ffffff\"\n },\n enable: true\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 0.5\n },\n size: {\n value: {\n min: 1,\n max: 3\n }\n },\n move: {\n enable: true,\n speed: 0\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"repulse\"\n }\n },\n modes: {\n repulse: {\n distance: 200,\n factor: 1,\n speed: 5,\n easing: \"ease-out-cubic\"\n }\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/r/repulseCubic.js?\n}");
1587
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"repulseCubic\",\n name: \"Repulse Cubic\",\n particles: {\n number: {\n value: 200,\n density: {\n enable: true\n }\n },\n paint: {\n fill: {\n color: {\n value: \"#ffffff\"\n },\n enable: true\n }\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 0.5\n },\n size: {\n value: {\n min: 1,\n max: 3\n }\n },\n move: {\n enable: true,\n speed: 0\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"repulse\"\n }\n },\n modes: {\n repulse: {\n distance: 200,\n factor: 1,\n speed: 5,\n easing: \"ease-out-cubic\"\n }\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/r/repulseCubic.js?\n}");
1568
1588
 
1569
1589
  /***/ },
1570
1590
 
@@ -1574,7 +1594,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1574
1594
  \******************************************/
1575
1595
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1576
1596
 
1577
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"repulseElastic\",\n name: \"Repulse Elastic\",\n particles: {\n number: {\n value: 200,\n density: {\n enable: true\n }\n },\n fill: {\n color: {\n value: \"#ffffff\"\n },\n enable: true\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 0.5\n },\n size: {\n value: {\n min: 1,\n max: 3\n }\n },\n move: {\n enable: true,\n speed: 0\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"repulse\"\n }\n },\n modes: {\n repulse: {\n distance: 200,\n factor: 1,\n speed: 5,\n easing: \"ease-out-elastic\"\n }\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/r/repulseElastic.js?\n}");
1597
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"repulseElastic\",\n name: \"Repulse Elastic\",\n particles: {\n number: {\n value: 200,\n density: {\n enable: true\n }\n },\n paint: {\n fill: {\n color: {\n value: \"#ffffff\"\n },\n enable: true\n }\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 0.5\n },\n size: {\n value: {\n min: 1,\n max: 3\n }\n },\n move: {\n enable: true,\n speed: 0\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"repulse\"\n }\n },\n modes: {\n repulse: {\n distance: 200,\n factor: 1,\n speed: 5,\n easing: \"ease-out-elastic\"\n }\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/r/repulseElastic.js?\n}");
1578
1598
 
1579
1599
  /***/ },
1580
1600
 
@@ -1584,7 +1604,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1584
1604
  \***************************************/
1585
1605
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1586
1606
 
1587
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"repulseExpo\",\n name: \"Repulse Expo\",\n particles: {\n number: {\n value: 200,\n density: {\n enable: true\n }\n },\n fill: {\n color: {\n value: \"#ffffff\"\n },\n enable: true\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 0.5\n },\n size: {\n value: {\n min: 1,\n max: 3\n }\n },\n move: {\n enable: true,\n speed: 0\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"repulse\"\n }\n },\n modes: {\n repulse: {\n distance: 200,\n factor: 1,\n speed: 5,\n easing: \"ease-out-expo\"\n }\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/r/repulseExpo.js?\n}");
1607
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"repulseExpo\",\n name: \"Repulse Expo\",\n particles: {\n number: {\n value: 200,\n density: {\n enable: true\n }\n },\n paint: {\n fill: {\n color: {\n value: \"#ffffff\"\n },\n enable: true\n }\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 0.5\n },\n size: {\n value: {\n min: 1,\n max: 3\n }\n },\n move: {\n enable: true,\n speed: 0\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"repulse\"\n }\n },\n modes: {\n repulse: {\n distance: 200,\n factor: 1,\n speed: 5,\n easing: \"ease-out-expo\"\n }\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/r/repulseExpo.js?\n}");
1588
1608
 
1589
1609
  /***/ },
1590
1610
 
@@ -1594,7 +1614,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1594
1614
  \*******************************************/
1595
1615
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1596
1616
 
1597
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"repulseGaussian\",\n name: \"Repulse Gaussian\",\n particles: {\n number: {\n value: 200,\n density: {\n enable: true\n }\n },\n fill: {\n color: {\n value: \"#ffffff\"\n },\n enable: true\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 0.5\n },\n size: {\n value: {\n min: 1,\n max: 3\n }\n },\n move: {\n enable: true,\n speed: 0\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"repulse\"\n }\n },\n modes: {\n repulse: {\n distance: 200,\n factor: 1,\n speed: 5,\n easing: \"ease-out-gaussian\"\n }\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/r/repulseGaussian.js?\n}");
1617
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"repulseGaussian\",\n name: \"Repulse Gaussian\",\n particles: {\n number: {\n value: 200,\n density: {\n enable: true\n }\n },\n paint: {\n fill: {\n color: {\n value: \"#ffffff\"\n },\n enable: true\n }\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 0.5\n },\n size: {\n value: {\n min: 1,\n max: 3\n }\n },\n move: {\n enable: true,\n speed: 0\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"repulse\"\n }\n },\n modes: {\n repulse: {\n distance: 200,\n factor: 1,\n speed: 5,\n easing: \"ease-out-gaussian\"\n }\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/r/repulseGaussian.js?\n}");
1598
1618
 
1599
1619
  /***/ },
1600
1620
 
@@ -1604,7 +1624,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1604
1624
  \****************************************/
1605
1625
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1606
1626
 
1607
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"repulseExpo\",\n name: \"Repulse Quart\",\n particles: {\n number: {\n value: 200,\n density: {\n enable: true\n }\n },\n fill: {\n color: {\n value: \"#ffffff\"\n },\n enable: true\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 0.5\n },\n size: {\n value: {\n min: 1,\n max: 3\n }\n },\n move: {\n enable: true,\n speed: 0\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"repulse\"\n }\n },\n modes: {\n repulse: {\n distance: 200,\n factor: 1,\n speed: 5,\n easing: \"ease-out-quart\"\n }\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/r/repulseQuart.js?\n}");
1627
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"repulseExpo\",\n name: \"Repulse Quart\",\n particles: {\n number: {\n value: 200,\n density: {\n enable: true\n }\n },\n paint: {\n fill: {\n color: {\n value: \"#ffffff\"\n },\n enable: true\n }\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 0.5\n },\n size: {\n value: {\n min: 1,\n max: 3\n }\n },\n move: {\n enable: true,\n speed: 0\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"repulse\"\n }\n },\n modes: {\n repulse: {\n distance: 200,\n factor: 1,\n speed: 5,\n easing: \"ease-out-quart\"\n }\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/r/repulseQuart.js?\n}");
1608
1628
 
1609
1629
  /***/ },
1610
1630
 
@@ -1614,7 +1634,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1614
1634
  \****************************************/
1615
1635
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1616
1636
 
1617
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"repulseQuint\",\n name: \"Repulse Quint\",\n particles: {\n number: {\n value: 200,\n density: {\n enable: true\n }\n },\n fill: {\n color: {\n value: \"#ffffff\"\n },\n enable: true\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 0.5\n },\n size: {\n value: {\n min: 1,\n max: 3\n }\n },\n move: {\n enable: true,\n speed: 0\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"repulse\"\n }\n },\n modes: {\n repulse: {\n distance: 200,\n factor: 1,\n speed: 5,\n easing: \"ease-out-quint\"\n }\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/r/repulseQuint.js?\n}");
1637
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"repulseQuint\",\n name: \"Repulse Quint\",\n particles: {\n number: {\n value: 200,\n density: {\n enable: true\n }\n },\n paint: {\n fill: {\n color: {\n value: \"#ffffff\"\n },\n enable: true\n }\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 0.5\n },\n size: {\n value: {\n min: 1,\n max: 3\n }\n },\n move: {\n enable: true,\n speed: 0\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"repulse\"\n }\n },\n modes: {\n repulse: {\n distance: 200,\n factor: 1,\n speed: 5,\n easing: \"ease-out-quint\"\n }\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/r/repulseQuint.js?\n}");
1618
1638
 
1619
1639
  /***/ },
1620
1640
 
@@ -1624,7 +1644,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1624
1644
  \******************************************/
1625
1645
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1626
1646
 
1627
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"repulseSigmoid\",\n name: \"Repulse Sigmoid\",\n particles: {\n number: {\n value: 200,\n density: {\n enable: true\n }\n },\n fill: {\n color: {\n value: \"#ffffff\"\n },\n enable: true\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 0.5\n },\n size: {\n value: {\n min: 1,\n max: 3\n }\n },\n move: {\n enable: true,\n speed: 0\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"repulse\"\n }\n },\n modes: {\n repulse: {\n distance: 200,\n factor: 1,\n speed: 5,\n easing: \"ease-out-sigmoid\"\n }\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/r/repulseSigmoid.js?\n}");
1647
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"repulseSigmoid\",\n name: \"Repulse Sigmoid\",\n particles: {\n number: {\n value: 200,\n density: {\n enable: true\n }\n },\n paint: {\n fill: {\n color: {\n value: \"#ffffff\"\n },\n enable: true\n }\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 0.5\n },\n size: {\n value: {\n min: 1,\n max: 3\n }\n },\n move: {\n enable: true,\n speed: 0\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"repulse\"\n }\n },\n modes: {\n repulse: {\n distance: 200,\n factor: 1,\n speed: 5,\n easing: \"ease-out-sigmoid\"\n }\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/r/repulseSigmoid.js?\n}");
1628
1648
 
1629
1649
  /***/ },
1630
1650
 
@@ -1634,7 +1654,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1634
1654
  \***************************************/
1635
1655
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1636
1656
 
1637
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"repulseSine\",\n name: \"Repulse Sine\",\n particles: {\n number: {\n value: 200,\n density: {\n enable: true\n }\n },\n fill: {\n color: {\n value: \"#ffffff\"\n },\n enable: true\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 0.5\n },\n size: {\n value: {\n min: 1,\n max: 3\n }\n },\n move: {\n enable: true,\n speed: 0\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"repulse\"\n }\n },\n modes: {\n repulse: {\n distance: 200,\n factor: 1,\n speed: 5,\n easing: \"ease-out-sine\"\n }\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/r/repulseSine.js?\n}");
1657
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"repulseSine\",\n name: \"Repulse Sine\",\n particles: {\n number: {\n value: 200,\n density: {\n enable: true\n }\n },\n paint: {\n fill: {\n color: {\n value: \"#ffffff\"\n },\n enable: true\n }\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 0.5\n },\n size: {\n value: {\n min: 1,\n max: 3\n }\n },\n move: {\n enable: true,\n speed: 0\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"repulse\"\n }\n },\n modes: {\n repulse: {\n distance: 200,\n factor: 1,\n speed: 5,\n easing: \"ease-out-sine\"\n }\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/r/repulseSine.js?\n}");
1638
1658
 
1639
1659
  /***/ },
1640
1660
 
@@ -1644,7 +1664,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1644
1664
  \*********************************************/
1645
1665
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1646
1666
 
1647
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"repulseSmoothstep\",\n name: \"Repulse Smoothstep\",\n particles: {\n number: {\n value: 200,\n density: {\n enable: true\n }\n },\n fill: {\n color: {\n value: \"#ffffff\"\n },\n enable: true\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 0.5\n },\n size: {\n value: {\n min: 1,\n max: 3\n }\n },\n move: {\n enable: true,\n speed: 0\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"repulse\"\n }\n },\n modes: {\n repulse: {\n distance: 200,\n factor: 1,\n speed: 5,\n easing: \"ease-out-smoothstep\"\n }\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/r/repulseSmoothstep.js?\n}");
1667
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"repulseSmoothstep\",\n name: \"Repulse Smoothstep\",\n particles: {\n number: {\n value: 200,\n density: {\n enable: true\n }\n },\n paint: {\n fill: {\n color: {\n value: \"#ffffff\"\n },\n enable: true\n }\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 0.5\n },\n size: {\n value: {\n min: 1,\n max: 3\n }\n },\n move: {\n enable: true,\n speed: 0\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"repulse\"\n }\n },\n modes: {\n repulse: {\n distance: 200,\n factor: 1,\n speed: 5,\n easing: \"ease-out-smoothstep\"\n }\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/r/repulseSmoothstep.js?\n}");
1648
1668
 
1649
1669
  /***/ },
1650
1670
 
@@ -1654,7 +1674,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1654
1674
  \**************************************/
1655
1675
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1656
1676
 
1657
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"responsive\",\n name: \"Responsive\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: false\n }\n },\n fill: {\n color: {\n value: \"#ff0000\"\n },\n enable: true\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 0.5\n },\n size: {\n value: {\n min: 1,\n max: 3\n }\n },\n links: {\n enable: true,\n distance: 100,\n color: \"#ffffff\",\n opacity: 0.4,\n width: 1\n },\n move: {\n enable: true,\n speed: 3\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"repulse\"\n },\n onClick: {\n enable: true,\n mode: \"push\"\n }\n },\n modes: {\n grab: {\n distance: 400,\n links: {\n opacity: 1\n }\n },\n bubble: {\n distance: 400,\n size: 40,\n duration: 2,\n opacity: 0.8\n },\n repulse: {\n distance: 200\n },\n push: {\n quantity: 4\n },\n remove: {\n quantity: 2\n }\n }\n },\n responsive: [\n {\n maxWidth: 600,\n options: {\n particles: {\n fill: {\n color: {\n value: \"#0000ff\"\n },\n enable: true\n },\n number: {\n value: 40\n }\n }\n }\n },\n {\n maxWidth: 1000,\n options: {\n particles: {\n fill: {\n color: {\n value: \"#00ff00\"\n },\n enable: true\n },\n number: {\n value: 60\n }\n }\n }\n }\n ],\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/r/responsive.js?\n}");
1677
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"responsive\",\n name: \"Responsive\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: false\n }\n },\n paint: {\n fill: {\n color: {\n value: \"#ff0000\"\n },\n enable: true\n }\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 0.5\n },\n size: {\n value: {\n min: 1,\n max: 3\n }\n },\n links: {\n enable: true,\n distance: 100,\n color: \"#ffffff\",\n opacity: 0.4,\n width: 1\n },\n move: {\n enable: true,\n speed: 3\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"repulse\"\n },\n onClick: {\n enable: true,\n mode: \"push\"\n }\n },\n modes: {\n grab: {\n distance: 400,\n links: {\n opacity: 1\n }\n },\n bubble: {\n distance: 400,\n size: 40,\n duration: 2,\n opacity: 0.8\n },\n repulse: {\n distance: 200\n },\n push: {\n quantity: 4\n },\n remove: {\n quantity: 2\n }\n }\n },\n responsive: [\n {\n maxWidth: 600,\n options: {\n particles: {\n paint: {\n fill: {\n color: {\n value: \"#0000ff\"\n },\n enable: true\n }\n },\n number: {\n value: 40\n }\n }\n }\n },\n {\n maxWidth: 1000,\n options: {\n particles: {\n paint: {\n fill: {\n color: {\n value: \"#00ff00\"\n },\n enable: true\n }\n },\n number: {\n value: 60\n }\n }\n }\n }\n ],\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/r/responsive.js?\n}");
1658
1678
 
1659
1679
  /***/ },
1660
1680
 
@@ -1664,7 +1684,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1664
1684
  \********************************/
1665
1685
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1666
1686
 
1667
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"ring\",\n name: \"Ring\",\n particles: {\n number: {\n value: 0,\n limit: {\n value: 1000\n }\n },\n fill: {\n color: {\n value: \"#ffffff\"\n },\n enable: true\n },\n move: {\n enable: true,\n outModes: {\n default: \"destroy\"\n },\n speed: 1,\n path: {\n enable: true,\n delay: {\n value: 0.75\n },\n clamp: true,\n generator: \"randomPathGenerator\"\n }\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 0.05\n },\n size: {\n value: 1\n }\n },\n background: {\n color: \"#031927\"\n },\n emitters: {\n fill: false,\n shape: {\n type: \"circle\"\n },\n position: {\n x: 50,\n y: 50\n },\n size: {\n width: 250,\n height: 250,\n mode: \"precise\"\n },\n life: {\n delay: 10,\n wait: true\n },\n rate: {\n delay: 0.1,\n quantity: 10\n },\n startCount: 1000\n },\n trail: {\n enable: true,\n fill: {\n color: \"#031927\"\n },\n length: 1000\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/r/ring.js?\n}");
1687
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"ring\",\n name: \"Ring\",\n particles: {\n number: {\n value: 0,\n limit: {\n value: 1000\n }\n },\n paint: {\n fill: {\n color: {\n value: \"#ffffff\"\n },\n enable: true\n }\n },\n move: {\n enable: true,\n outModes: {\n default: \"destroy\"\n },\n speed: 1,\n path: {\n enable: true,\n delay: {\n value: 0.75\n },\n clamp: true,\n generator: \"randomPathGenerator\"\n }\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 0.05\n },\n size: {\n value: 1\n }\n },\n background: {\n color: \"#031927\"\n },\n emitters: {\n fill: false,\n shape: {\n type: \"circle\"\n },\n position: {\n x: 50,\n y: 50\n },\n size: {\n width: 250,\n height: 250,\n mode: \"precise\"\n },\n life: {\n delay: 10,\n wait: true\n },\n rate: {\n delay: 0.1,\n quantity: 10\n },\n startCount: 1000\n },\n trail: {\n enable: true,\n fill: {\n color: \"#031927\"\n },\n length: 1000\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/r/ring.js?\n}");
1668
1688
 
1669
1689
  /***/ },
1670
1690
 
@@ -1684,7 +1704,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1684
1704
  \**************************************/
1685
1705
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1686
1706
 
1687
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"seaAnemone\",\n name: \"Sea Anemone\",\n particles: {\n fill: {\n color: {\n value: \"#FF0000\"\n }\n },\n move: {\n direction: \"none\",\n enable: true,\n outModes: {\n default: \"destroy\"\n },\n path: {\n clamp: false,\n enable: true,\n delay: {\n value: 0\n },\n generator: \"curvesPathGenerator\"\n },\n speed: 1\n },\n number: {\n density: {\n enable: true\n },\n value: 0\n },\n opacity: {\n value: 1\n },\n shape: {\n type: \"circle\"\n },\n size: {\n value: {\n min: 1,\n max: 10\n },\n animation: {\n count: 1,\n startValue: \"min\",\n enable: true,\n speed: 10,\n sync: true\n }\n }\n },\n background: {\n color: \"#000\"\n },\n emitters: {\n direction: \"none\",\n rate: {\n quantity: 5,\n delay: 0.3\n },\n size: {\n width: 0,\n height: 0\n },\n spawn: {\n fill: {\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 10\n }\n }\n }\n },\n position: {\n x: 50,\n y: 50\n }\n },\n trail: {\n fill: {\n color: \"#000\"\n },\n length: 30,\n enable: true\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/s/seaAnemone.js?\n}");
1707
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"seaAnemone\",\n name: \"Sea Anemone\",\n particles: {\n paint: {\n fill: {\n color: {\n value: \"#FF0000\"\n }\n }\n },\n move: {\n direction: \"none\",\n enable: true,\n outModes: {\n default: \"destroy\"\n },\n path: {\n clamp: false,\n enable: true,\n delay: {\n value: 0\n },\n generator: \"curvesPathGenerator\"\n },\n speed: 1\n },\n number: {\n density: {\n enable: true\n },\n value: 0\n },\n opacity: {\n value: 1\n },\n shape: {\n type: \"circle\"\n },\n size: {\n value: {\n min: 1,\n max: 10\n },\n animation: {\n count: 1,\n startValue: \"min\",\n enable: true,\n speed: 10,\n sync: true\n }\n }\n },\n background: {\n color: \"#000\"\n },\n emitters: {\n direction: \"none\",\n rate: {\n quantity: 5,\n delay: 0.3\n },\n size: {\n width: 0,\n height: 0\n },\n spawn: {\n fill: {\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 10\n }\n }\n }\n },\n position: {\n x: 50,\n y: 50\n }\n },\n trail: {\n fill: {\n color: \"#000\"\n },\n length: 30,\n enable: true\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/s/seaAnemone.js?\n}");
1688
1708
 
1689
1709
  /***/ },
1690
1710
 
@@ -1694,7 +1714,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1694
1714
  \**********************************/
1695
1715
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1696
1716
 
1697
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"shadow\",\n name: \"Shadow\",\n smooth: true,\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n fill: {\n color: {\n value: \"#ffffff\"\n }\n },\n effect: {\n type: \"shadow\",\n options: {\n shadow: {\n color: \"#000000\",\n blur: 5,\n offset: {\n x: 3,\n y: 3\n }\n }\n }\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 0.5\n },\n size: {\n value: {\n min: 1,\n max: 5\n }\n },\n links: {\n enable: true,\n distance: 150,\n color: \"#ffffff\",\n opacity: 0.4,\n width: 1,\n shadow: {\n enable: true,\n blur: 5,\n color: \"#000000\"\n }\n },\n move: {\n enable: true,\n speed: 2\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"repulse\"\n },\n onClick: {\n enable: true,\n mode: \"push\"\n }\n },\n modes: {\n grab: {\n distance: 400,\n links: {\n opacity: 1\n }\n },\n bubble: {\n distance: 400,\n size: 40,\n duration: 2,\n opacity: 0.8\n },\n repulse: {\n distance: 200\n },\n push: {\n quantity: 4\n },\n remove: {\n quantity: 2\n }\n }\n },\n background: {\n color: \"#0d47a1\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/s/shadow.js?\n}");
1717
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"shadow\",\n name: \"Shadow\",\n smooth: true,\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n paint: {\n fill: {\n color: {\n value: \"#ffffff\"\n }\n }\n },\n effect: {\n type: \"shadow\",\n options: {\n shadow: {\n color: \"#000000\",\n blur: 5,\n offset: {\n x: 3,\n y: 3\n }\n }\n }\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 0.5\n },\n size: {\n value: {\n min: 1,\n max: 5\n }\n },\n links: {\n enable: true,\n distance: 150,\n color: \"#ffffff\",\n opacity: 0.4,\n width: 1,\n shadow: {\n enable: true,\n blur: 5,\n color: \"#000000\"\n }\n },\n move: {\n enable: true,\n speed: 2\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"repulse\"\n },\n onClick: {\n enable: true,\n mode: \"push\"\n }\n },\n modes: {\n grab: {\n distance: 400,\n links: {\n opacity: 1\n }\n },\n bubble: {\n distance: 400,\n size: 40,\n duration: 2,\n opacity: 0.8\n },\n repulse: {\n distance: 200\n },\n push: {\n quantity: 4\n },\n remove: {\n quantity: 2\n }\n }\n },\n background: {\n color: \"#0d47a1\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/s/shadow.js?\n}");
1698
1718
 
1699
1719
  /***/ },
1700
1720
 
@@ -1704,7 +1724,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1704
1724
  \**************************************/
1705
1725
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1706
1726
 
1707
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"shapeArrow\",\n name: \"Shape Arrow\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n fill: {\n enable: false\n },\n stroke: {\n color: {\n value: \"#ff0000\"\n },\n width: 1\n },\n shape: {\n type: \"arrow\",\n options: {\n arrow: {\n heightFactor: {\n min: 0.3,\n max: 0.8\n },\n headWidthFactor: {\n min: 0.3,\n max: 0.8\n },\n bodyHeightFactor: {\n min: 0.3,\n max: 0.8\n }\n }\n }\n },\n opacity: {\n value: 1\n },\n size: {\n value: {\n min: 10,\n max: 20\n }\n },\n move: {\n enable: true,\n speed: 6\n },\n rotate: {\n path: true\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/s/shapeArrow.js?\n}");
1727
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"shapeArrow\",\n name: \"Shape Arrow\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n paint: {\n fill: {\n enable: false\n },\n stroke: {\n color: {\n value: \"#ff0000\"\n },\n width: 1\n }\n },\n shape: {\n type: \"arrow\",\n options: {\n arrow: {\n heightFactor: {\n min: 0.3,\n max: 0.8\n },\n headWidthFactor: {\n min: 0.3,\n max: 0.8\n },\n bodyHeightFactor: {\n min: 0.3,\n max: 0.8\n }\n }\n }\n },\n opacity: {\n value: 1\n },\n size: {\n value: {\n min: 10,\n max: 20\n }\n },\n move: {\n enable: true,\n speed: 6\n },\n rotate: {\n path: true\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/s/shapeArrow.js?\n}");
1708
1728
 
1709
1729
  /***/ },
1710
1730
 
@@ -1714,7 +1734,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1714
1734
  \************************************/
1715
1735
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1716
1736
 
1717
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"shapeCog\",\n name: \"Shape Cog\",\n particles: {\n fill: {\n color: {\n value: [\n \"#777\",\n \"#333\",\n \"#700\",\n \"#007\",\n \"#070\"\n ]\n },\n enable: true\n },\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n shape: {\n type: \"cog\",\n options: {\n cog: {\n holeRadius: 44,\n innerRadius: 72,\n innerTaper: 35,\n notches: 7,\n outerTaper: 50\n }\n }\n },\n opacity: {\n value: 1\n },\n size: {\n value: {\n min: 15,\n max: 30\n }\n },\n links: {\n enable: false,\n distance: 100,\n color: \"#ffffff\",\n opacity: 0.4,\n width: 1\n },\n rotate: {\n animation: {\n enable: true,\n speed: 20,\n sync: false\n }\n },\n move: {\n enable: true,\n speed: 6,\n direction: \"none\",\n random: false,\n straight: false\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"repulse\"\n },\n onClick: {\n enable: true,\n mode: \"push\"\n }\n },\n modes: {\n grab: {\n distance: 400,\n links: {\n opacity: 1\n }\n },\n bubble: {\n distance: 400,\n size: 40,\n duration: 2,\n opacity: 0.8\n },\n repulse: {\n distance: 200\n },\n push: {\n quantity: 4\n },\n remove: {\n quantity: 2\n }\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/s/shapeCog.js?\n}");
1737
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"shapeCog\",\n name: \"Shape Cog\",\n particles: {\n paint: {\n fill: {\n color: {\n value: [\n \"#777\",\n \"#333\",\n \"#700\",\n \"#007\",\n \"#070\"\n ]\n },\n enable: true\n }\n },\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n shape: {\n type: \"cog\",\n options: {\n cog: {\n holeRadius: 44,\n innerRadius: 72,\n innerTaper: 35,\n notches: 7,\n outerTaper: 50\n }\n }\n },\n opacity: {\n value: 1\n },\n size: {\n value: {\n min: 15,\n max: 30\n }\n },\n links: {\n enable: false,\n distance: 100,\n color: \"#ffffff\",\n opacity: 0.4,\n width: 1\n },\n rotate: {\n animation: {\n enable: true,\n speed: 20,\n sync: false\n }\n },\n move: {\n enable: true,\n speed: 6,\n direction: \"none\",\n random: false,\n straight: false\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"repulse\"\n },\n onClick: {\n enable: true,\n mode: \"push\"\n }\n },\n modes: {\n grab: {\n distance: 400,\n links: {\n opacity: 1\n }\n },\n bubble: {\n distance: 400,\n size: 40,\n duration: 2,\n opacity: 0.8\n },\n repulse: {\n distance: 200\n },\n push: {\n quantity: 4\n },\n remove: {\n quantity: 2\n }\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/s/shapeCog.js?\n}");
1718
1738
 
1719
1739
  /***/ },
1720
1740
 
@@ -1744,7 +1764,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1744
1764
  \**************************************/
1745
1765
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1746
1766
 
1747
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"shapeHeart\",\n name: \"Shape Heart\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n fill: {\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 20,\n sync: true\n }\n },\n enable: true\n },\n shape: {\n type: \"heart\"\n },\n opacity: {\n value: 0.5\n },\n size: {\n value: {\n min: 5,\n max: 10\n }\n },\n links: {\n enable: true,\n distance: 100,\n color: \"#ffffff\",\n opacity: 0.4,\n width: 1\n },\n move: {\n enable: true,\n speed: 6\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"repulse\"\n },\n onClick: {\n enable: true,\n mode: \"push\"\n }\n },\n modes: {\n grab: {\n distance: 400,\n links: {\n opacity: 1\n }\n },\n bubble: {\n distance: 400,\n size: 40,\n duration: 2,\n opacity: 0.8\n },\n repulse: {\n distance: 200\n },\n push: {\n quantity: 4\n },\n remove: {\n quantity: 2\n }\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/s/shapeHeart.js?\n}");
1767
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"shapeHeart\",\n name: \"Shape Heart\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n paint: {\n fill: {\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 20,\n sync: true\n }\n },\n enable: true\n }\n },\n shape: {\n type: \"heart\"\n },\n opacity: {\n value: 0.5\n },\n size: {\n value: {\n min: 5,\n max: 10\n }\n },\n links: {\n enable: true,\n distance: 100,\n color: \"#ffffff\",\n opacity: 0.4,\n width: 1\n },\n move: {\n enable: true,\n speed: 6\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"repulse\"\n },\n onClick: {\n enable: true,\n mode: \"push\"\n }\n },\n modes: {\n grab: {\n distance: 400,\n links: {\n opacity: 1\n }\n },\n bubble: {\n distance: 400,\n size: 40,\n duration: 2,\n opacity: 0.8\n },\n repulse: {\n distance: 200\n },\n push: {\n quantity: 4\n },\n remove: {\n quantity: 2\n }\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/s/shapeHeart.js?\n}");
1748
1768
 
1749
1769
  /***/ },
1750
1770
 
@@ -1754,7 +1774,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1754
1774
  \*****************************************/
1755
1775
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1756
1776
 
1757
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"shapeInfinity\",\n name: \"Shape Infinity\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n fill: {\n enable: false\n },\n stroke: {\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 20,\n sync: true\n }\n },\n width: 1\n },\n shape: {\n type: \"infinity\"\n },\n opacity: {\n value: 0.5\n },\n size: {\n value: {\n min: 20,\n max: 30\n }\n },\n move: {\n enable: true,\n speed: 6\n },\n rotate: {\n animation: {\n enable: true,\n speed: 20,\n sync: false\n }\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"repulse\"\n },\n onClick: {\n enable: true,\n mode: \"push\"\n }\n },\n modes: {\n grab: {\n distance: 400,\n links: {\n opacity: 1\n }\n },\n bubble: {\n distance: 400,\n size: 40,\n duration: 2,\n opacity: 0.8\n },\n repulse: {\n distance: 200\n },\n push: {\n quantity: 4\n },\n remove: {\n quantity: 2\n }\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/s/shapeInfinity.js?\n}");
1777
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"shapeInfinity\",\n name: \"Shape Infinity\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n paint: {\n fill: {\n enable: false\n },\n stroke: {\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 20,\n sync: true\n }\n },\n width: 1\n }\n },\n shape: {\n type: \"infinity\"\n },\n opacity: {\n value: 0.5\n },\n size: {\n value: {\n min: 20,\n max: 30\n }\n },\n move: {\n enable: true,\n speed: 6\n },\n rotate: {\n animation: {\n enable: true,\n speed: 20,\n sync: false\n }\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"repulse\"\n },\n onClick: {\n enable: true,\n mode: \"push\"\n }\n },\n modes: {\n grab: {\n distance: 400,\n links: {\n opacity: 1\n }\n },\n bubble: {\n distance: 400,\n size: 40,\n duration: 2,\n opacity: 0.8\n },\n repulse: {\n distance: 200\n },\n push: {\n quantity: 4\n },\n remove: {\n quantity: 2\n }\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/s/shapeInfinity.js?\n}");
1758
1778
 
1759
1779
  /***/ },
1760
1780
 
@@ -1764,7 +1784,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1764
1784
  \**********************************************/
1765
1785
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1766
1786
 
1767
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"shapeMultilineText\",\n name: \"Shape Multiline Text\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n fill: {\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 20,\n sync: true\n }\n },\n enable: true\n },\n shape: {\n type: \"text\",\n options: {\n text: {\n value: \"pippo\\npluto\"\n }\n }\n },\n opacity: {\n value: {\n min: 0.5,\n max: 1\n }\n },\n size: {\n value: {\n min: 160,\n max: 320\n }\n },\n move: {\n enable: true,\n speed: 6\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/s/shapeMultilineText.js?\n}");
1787
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"shapeMultilineText\",\n name: \"Shape Multiline Text\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n paint: {\n fill: {\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 20,\n sync: true\n }\n },\n enable: true\n }\n },\n shape: {\n type: \"text\",\n options: {\n text: {\n value: \"pippo\\npluto\"\n }\n }\n },\n opacity: {\n value: {\n min: 0.5,\n max: 1\n }\n },\n size: {\n value: {\n min: 160,\n max: 320\n }\n },\n move: {\n enable: true,\n speed: 6\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/s/shapeMultilineText.js?\n}");
1768
1788
 
1769
1789
  /***/ },
1770
1790
 
@@ -1774,7 +1794,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1774
1794
  \****************************************/
1775
1795
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1776
1796
 
1777
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"shapeOptions\",\n name: \"Shape Options\",\n particles: {\n fill: {\n color: {\n value: \"#000\"\n },\n enable: true\n },\n move: {\n direction: \"none\",\n enable: true,\n speed: 6\n },\n number: {\n value: 80\n },\n rotate: {\n value: 45,\n path: true\n },\n opacity: {\n value: 1\n },\n shape: {\n options: {\n image: [\n {\n height: 128,\n src: \"https://particles.js.org/images/hdr/plane_alt.png\",\n width: 128\n },\n {\n height: 128,\n src: \"https://particles.js.org/images/hdr/plane_alt.png\",\n width: 128,\n particles: {\n rotate: {\n value: 0\n },\n size: {\n animation: {\n enable: true,\n speed: 64\n }\n }\n }\n }\n ]\n },\n type: \"image\"\n },\n size: {\n value: {\n min: 16,\n max: 32\n }\n }\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/s/shapeOptions.js?\n}");
1797
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"shapeOptions\",\n name: \"Shape Options\",\n particles: {\n paint: {\n fill: {\n color: {\n value: \"#000\"\n },\n enable: true\n }\n },\n move: {\n direction: \"none\",\n enable: true,\n speed: 6\n },\n number: {\n value: 80\n },\n rotate: {\n value: 45,\n path: true\n },\n opacity: {\n value: 1\n },\n shape: {\n options: {\n image: [\n {\n height: 128,\n src: \"https://particles.js.org/images/hdr/plane_alt.png\",\n width: 128\n },\n {\n height: 128,\n src: \"https://particles.js.org/images/hdr/plane_alt.png\",\n width: 128,\n particles: {\n rotate: {\n value: 0\n },\n size: {\n animation: {\n enable: true,\n speed: 64\n }\n }\n }\n }\n ]\n },\n type: \"image\"\n },\n size: {\n value: {\n min: 16,\n max: 32\n }\n }\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/s/shapeOptions.js?\n}");
1778
1798
 
1779
1799
  /***/ },
1780
1800
 
@@ -1784,7 +1804,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1784
1804
  \*************************************/
1785
1805
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1786
1806
 
1787
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"shapePath\",\n name: \"Shape Path\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n fill: {\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 20,\n sync: true\n }\n },\n enable: true\n },\n shape: {\n type: \"path\",\n options: {\n path: [\n {\n segments: [\n {\n type: \"line\",\n values: [\n {\n x: -0.5,\n y: -0.5\n }\n ]\n },\n {\n type: \"bezier\",\n values: [\n {\n x: -0.5,\n y: 0.5\n },\n {\n x: 1,\n y: 1\n },\n {\n x: 1,\n y: 0.5\n },\n {\n x: 1,\n y: -0.5\n }\n ]\n },\n {\n type: \"quadratic\",\n values: [\n {\n x: 0.5,\n y: 0.5\n },\n {\n x: 0.5,\n y: -0.5\n },\n {\n x: -0.5,\n y: 0.5\n }\n ]\n },\n {\n type: \"line\",\n values: [\n {\n x: 0.5,\n y: -0.5\n }\n ]\n }\n ],\n half: false\n },\n {\n segments: [\n {\n type: \"line\",\n values: [\n {\n x: -1,\n y: -1\n }\n ]\n },\n {\n type: \"bezier\",\n values: [\n {\n x: -1,\n y: 1\n },\n {\n x: 1,\n y: 1\n },\n {\n x: 0.5,\n y: 1\n },\n {\n x: -0.5,\n y: 1\n }\n ]\n },\n {\n type: \"quadratic\",\n values: [\n {\n x: 1,\n y: 1\n },\n {\n x: 1,\n y: -1\n },\n {\n x: -1,\n y: 1\n }\n ]\n },\n {\n type: \"line\",\n values: [\n {\n x: 1,\n y: -1\n }\n ]\n }\n ],\n half: false\n }\n ]\n }\n },\n opacity: {\n value: 0.5\n },\n size: {\n value: {\n min: 5,\n max: 50\n }\n },\n move: {\n enable: true,\n speed: 6,\n direction: \"none\"\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/s/shapePath.js?\n}");
1807
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"shapePath\",\n name: \"Shape Path\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n paint: {\n fill: {\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 20,\n sync: true\n }\n },\n enable: true\n }\n },\n shape: {\n type: \"path\",\n options: {\n path: [\n {\n segments: [\n {\n type: \"line\",\n values: [\n {\n x: -0.5,\n y: -0.5\n }\n ]\n },\n {\n type: \"bezier\",\n values: [\n {\n x: -0.5,\n y: 0.5\n },\n {\n x: 1,\n y: 1\n },\n {\n x: 1,\n y: 0.5\n },\n {\n x: 1,\n y: -0.5\n }\n ]\n },\n {\n type: \"quadratic\",\n values: [\n {\n x: 0.5,\n y: 0.5\n },\n {\n x: 0.5,\n y: -0.5\n },\n {\n x: -0.5,\n y: 0.5\n }\n ]\n },\n {\n type: \"line\",\n values: [\n {\n x: 0.5,\n y: -0.5\n }\n ]\n }\n ],\n half: false\n },\n {\n segments: [\n {\n type: \"line\",\n values: [\n {\n x: -1,\n y: -1\n }\n ]\n },\n {\n type: \"bezier\",\n values: [\n {\n x: -1,\n y: 1\n },\n {\n x: 1,\n y: 1\n },\n {\n x: 0.5,\n y: 1\n },\n {\n x: -0.5,\n y: 1\n }\n ]\n },\n {\n type: \"quadratic\",\n values: [\n {\n x: 1,\n y: 1\n },\n {\n x: 1,\n y: -1\n },\n {\n x: -1,\n y: 1\n }\n ]\n },\n {\n type: \"line\",\n values: [\n {\n x: 1,\n y: -1\n }\n ]\n }\n ],\n half: false\n }\n ]\n }\n },\n opacity: {\n value: 0.5\n },\n size: {\n value: {\n min: 5,\n max: 50\n }\n },\n move: {\n enable: true,\n speed: 6,\n direction: \"none\"\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/s/shapePath.js?\n}");
1788
1808
 
1789
1809
  /***/ },
1790
1810
 
@@ -1794,7 +1814,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1794
1814
  \***********************************************/
1795
1815
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1796
1816
 
1797
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"shapeRoundedPolygon\",\n name: \"Shape Rounded Polygon\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n fill: {\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 20,\n sync: true\n }\n },\n enable: true\n },\n links: {\n enable: true\n },\n rotate: {\n value: {\n min: 0,\n max: 360\n },\n direction: \"clockwise\",\n animation: {\n enable: true,\n speed: 5,\n sync: false\n }\n },\n shape: {\n type: \"rounded-polygon\",\n options: {\n \"rounded-polygon\": [\n {\n radius: {\n min: 0,\n max: 10\n },\n sides: {\n min: 3,\n max: 8\n }\n }\n ]\n }\n },\n opacity: {\n value: 0.5\n },\n size: {\n value: 30\n },\n move: {\n enable: true,\n speed: 6\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"repulse\"\n },\n onClick: {\n enable: true,\n mode: \"push\"\n }\n },\n modes: {\n grab: {\n distance: 400,\n links: {\n opacity: 1\n }\n },\n bubble: {\n distance: 400,\n size: 40,\n duration: 2,\n opacity: 0.8\n },\n repulse: {\n distance: 200\n },\n push: {\n quantity: 4\n },\n remove: {\n quantity: 2\n }\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/s/shapeRoundedPolygon.js?\n}");
1817
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"shapeRoundedPolygon\",\n name: \"Shape Rounded Polygon\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n paint: {\n fill: {\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 20,\n sync: true\n }\n },\n enable: true\n }\n },\n links: {\n enable: true\n },\n rotate: {\n value: {\n min: 0,\n max: 360\n },\n direction: \"clockwise\",\n animation: {\n enable: true,\n speed: 5,\n sync: false\n }\n },\n shape: {\n type: \"rounded-polygon\",\n options: {\n \"rounded-polygon\": [\n {\n radius: {\n min: 0,\n max: 10\n },\n sides: {\n min: 3,\n max: 8\n }\n }\n ]\n }\n },\n opacity: {\n value: 0.5\n },\n size: {\n value: 30\n },\n move: {\n enable: true,\n speed: 6\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"repulse\"\n },\n onClick: {\n enable: true,\n mode: \"push\"\n }\n },\n modes: {\n grab: {\n distance: 400,\n links: {\n opacity: 1\n }\n },\n bubble: {\n distance: 400,\n size: 40,\n duration: 2,\n opacity: 0.8\n },\n repulse: {\n distance: 200\n },\n push: {\n quantity: 4\n },\n remove: {\n quantity: 2\n }\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/s/shapeRoundedPolygon.js?\n}");
1798
1818
 
1799
1819
  /***/ },
1800
1820
 
@@ -1804,7 +1824,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1804
1824
  \********************************************/
1805
1825
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1806
1826
 
1807
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"shapeRoundedRect\",\n name: \"Shape Rounded Rect\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n fill: {\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 20,\n sync: true\n }\n },\n enable: true\n },\n rotate: {\n value: {\n min: 0,\n max: 360\n },\n direction: \"clockwise\",\n animation: {\n enable: true,\n speed: 5,\n sync: false\n }\n },\n links: {\n enable: true\n },\n shape: {\n type: \"rounded-rect\",\n options: {\n \"rounded-rect\": {\n radius: {\n min: 5,\n max: 15\n }\n }\n }\n },\n opacity: {\n value: 0.5\n },\n size: {\n value: 30\n },\n move: {\n enable: true,\n speed: 6\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"repulse\"\n },\n onClick: {\n enable: true,\n mode: \"push\"\n }\n },\n modes: {\n grab: {\n distance: 400,\n links: {\n opacity: 1\n }\n },\n bubble: {\n distance: 400,\n size: 40,\n duration: 2,\n opacity: 0.8\n },\n repulse: {\n distance: 200\n },\n push: {\n quantity: 4\n },\n remove: {\n quantity: 2\n }\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/s/shapeRoundedRect.js?\n}");
1827
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"shapeRoundedRect\",\n name: \"Shape Rounded Rect\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n paint: {\n fill: {\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 20,\n sync: true\n }\n },\n enable: true\n }\n },\n rotate: {\n value: {\n min: 0,\n max: 360\n },\n direction: \"clockwise\",\n animation: {\n enable: true,\n speed: 5,\n sync: false\n }\n },\n links: {\n enable: true\n },\n shape: {\n type: \"rounded-rect\",\n options: {\n \"rounded-rect\": {\n radius: {\n min: 5,\n max: 15\n }\n }\n }\n },\n opacity: {\n value: 0.5\n },\n size: {\n value: 30\n },\n move: {\n enable: true,\n speed: 6\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"repulse\"\n },\n onClick: {\n enable: true,\n mode: \"push\"\n }\n },\n modes: {\n grab: {\n distance: 400,\n links: {\n opacity: 1\n }\n },\n bubble: {\n distance: 400,\n size: 40,\n duration: 2,\n opacity: 0.8\n },\n repulse: {\n distance: 200\n },\n push: {\n quantity: 4\n },\n remove: {\n quantity: 2\n }\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/s/shapeRoundedRect.js?\n}");
1808
1828
 
1809
1829
  /***/ },
1810
1830
 
@@ -1814,7 +1834,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1814
1834
  \***************************************/
1815
1835
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1816
1836
 
1817
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"shapeSpiral\",\n name: \"Shape Spiral\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n fill: {\n enable: false\n },\n stroke: {\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 20,\n sync: true\n }\n },\n width: 1\n },\n shape: {\n type: \"spiral\",\n options: {\n spiral: {\n innerRadius: 0.5,\n lineSpacing: 0.5,\n close: false\n }\n }\n },\n opacity: {\n value: 0.5\n },\n size: {\n value: {\n min: 5,\n max: 10\n }\n },\n links: {\n enable: false,\n distance: 100,\n color: \"#ffffff\",\n opacity: 0.4,\n width: 1\n },\n rotate: {\n animation: {\n enable: true,\n speed: 20,\n sync: false\n }\n },\n move: {\n enable: true,\n speed: 6\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"repulse\"\n },\n onClick: {\n enable: true,\n mode: \"push\"\n }\n },\n modes: {\n grab: {\n distance: 400,\n links: {\n opacity: 1\n }\n },\n bubble: {\n distance: 400,\n size: 40,\n duration: 2,\n opacity: 0.8\n },\n repulse: {\n distance: 200\n },\n push: {\n quantity: 4\n },\n remove: {\n quantity: 2\n }\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/s/shapeSpiral.js?\n}");
1837
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"shapeSpiral\",\n name: \"Shape Spiral\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n paint: {\n fill: {\n enable: false\n },\n stroke: {\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 20,\n sync: true\n }\n },\n width: 1\n }\n },\n shape: {\n type: \"spiral\",\n options: {\n spiral: {\n innerRadius: 0.5,\n lineSpacing: 0.5,\n close: false\n }\n }\n },\n opacity: {\n value: 0.5\n },\n size: {\n value: {\n min: 5,\n max: 10\n }\n },\n links: {\n enable: false,\n distance: 100,\n color: \"#ffffff\",\n opacity: 0.4,\n width: 1\n },\n rotate: {\n animation: {\n enable: true,\n speed: 20,\n sync: false\n }\n },\n move: {\n enable: true,\n speed: 6\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"repulse\"\n },\n onClick: {\n enable: true,\n mode: \"push\"\n }\n },\n modes: {\n grab: {\n distance: 400,\n links: {\n opacity: 1\n }\n },\n bubble: {\n distance: 400,\n size: 40,\n duration: 2,\n opacity: 0.8\n },\n repulse: {\n distance: 200\n },\n push: {\n quantity: 4\n },\n remove: {\n quantity: 2\n }\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/s/shapeSpiral.js?\n}");
1818
1838
 
1819
1839
  /***/ },
1820
1840
 
@@ -1824,7 +1844,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1824
1844
  \*****************************************/
1825
1845
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1826
1846
 
1827
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"shapeSquircle\",\n name: \"Shape Squircle\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n fill: {\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 20,\n sync: true\n }\n },\n enable: true\n },\n shape: {\n type: \"squircle\"\n },\n opacity: {\n value: 1\n },\n size: {\n value: {\n min: 10,\n max: 15\n }\n },\n links: {\n enable: false,\n distance: 100,\n color: \"#ffffff\",\n opacity: 0.4,\n width: 1\n },\n rotate: {\n animation: {\n enable: true,\n speed: 10,\n sync: false\n }\n },\n move: {\n enable: true,\n speed: 3\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"repulse\"\n },\n onClick: {\n enable: true,\n mode: \"push\"\n }\n },\n modes: {\n grab: {\n distance: 400,\n links: {\n opacity: 1\n }\n },\n bubble: {\n distance: 400,\n size: 40,\n duration: 2,\n opacity: 0.8\n },\n repulse: {\n distance: 200\n },\n push: {\n quantity: 4\n },\n remove: {\n quantity: 2\n }\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/s/shapeSquircle.js?\n}");
1847
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"shapeSquircle\",\n name: \"Shape Squircle\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n paint: {\n fill: {\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 20,\n sync: true\n }\n },\n enable: true\n }\n },\n shape: {\n type: \"squircle\"\n },\n opacity: {\n value: 1\n },\n size: {\n value: {\n min: 10,\n max: 15\n }\n },\n links: {\n enable: false,\n distance: 100,\n color: \"#ffffff\",\n opacity: 0.4,\n width: 1\n },\n rotate: {\n animation: {\n enable: true,\n speed: 10,\n sync: false\n }\n },\n move: {\n enable: true,\n speed: 3\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"repulse\"\n },\n onClick: {\n enable: true,\n mode: \"push\"\n }\n },\n modes: {\n grab: {\n distance: 400,\n links: {\n opacity: 1\n }\n },\n bubble: {\n distance: 400,\n size: 40,\n duration: 2,\n opacity: 0.8\n },\n repulse: {\n distance: 200\n },\n push: {\n quantity: 4\n },\n remove: {\n quantity: 2\n }\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/s/shapeSquircle.js?\n}");
1828
1848
 
1829
1849
  /***/ },
1830
1850
 
@@ -1834,7 +1854,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1834
1854
  \********************************/
1835
1855
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1836
1856
 
1837
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"slow\",\n name: \"Slow\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n fill: {\n color: {\n value: \"#ffffff\"\n },\n enable: true\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 0.5\n },\n size: {\n value: {\n min: 1,\n max: 5\n }\n },\n links: {\n enable: true,\n distance: 150,\n color: \"#ffffff\",\n opacity: 0.4,\n width: 1\n },\n move: {\n enable: true,\n speed: 20\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"slow\"\n },\n onClick: {\n enable: true,\n mode: \"push\"\n }\n },\n modes: {\n grab: {\n distance: 400,\n links: {\n opacity: 1\n }\n },\n bubble: {\n distance: 400,\n size: 40,\n duration: 2,\n opacity: 0.8\n },\n repulse: {\n distance: 200\n },\n push: {\n quantity: 4\n },\n remove: {\n quantity: 2\n },\n slow: {\n radius: 100,\n factor: 3\n }\n }\n },\n background: {\n color: \"#0d47a1\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/s/slow.js?\n}");
1857
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"slow\",\n name: \"Slow\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n paint: {\n fill: {\n color: {\n value: \"#ffffff\"\n },\n enable: true\n }\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 0.5\n },\n size: {\n value: {\n min: 1,\n max: 5\n }\n },\n links: {\n enable: true,\n distance: 150,\n color: \"#ffffff\",\n opacity: 0.4,\n width: 1\n },\n move: {\n enable: true,\n speed: 20\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"slow\"\n },\n onClick: {\n enable: true,\n mode: \"push\"\n }\n },\n modes: {\n grab: {\n distance: 400,\n links: {\n opacity: 1\n }\n },\n bubble: {\n distance: 400,\n size: 40,\n duration: 2,\n opacity: 0.8\n },\n repulse: {\n distance: 200\n },\n push: {\n quantity: 4\n },\n remove: {\n quantity: 2\n },\n slow: {\n radius: 100,\n factor: 3\n }\n }\n },\n background: {\n color: \"#0d47a1\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/s/slow.js?\n}");
1838
1858
 
1839
1859
  /***/ },
1840
1860
 
@@ -1844,7 +1864,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1844
1864
  \********************************/
1845
1865
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1846
1866
 
1847
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"snow\",\n name: \"Snow\",\n particles: {\n number: {\n value: 400,\n density: {\n enable: true\n }\n },\n fill: {\n color: {\n value: \"#fff\"\n }\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 1\n },\n size: {\n value: 10\n },\n move: {\n enable: true,\n speed: 2,\n direction: \"bottom\",\n straight: true\n },\n wobble: {\n enable: true,\n distance: 10,\n speed: 10\n },\n zIndex: {\n value: {\n min: 0,\n max: 100\n },\n opacityRate: 10,\n sizeRate: 10,\n velocityRate: 10\n }\n },\n background: {\n color: \"#333333\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/s/snow.js?\n}");
1867
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"snow\",\n name: \"Snow\",\n particles: {\n number: {\n value: 400,\n density: {\n enable: true\n }\n },\n paint: {\n fill: {\n color: {\n value: \"#fff\"\n }\n }\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 1\n },\n size: {\n value: 10\n },\n move: {\n enable: true,\n speed: 2,\n direction: \"bottom\",\n straight: true\n },\n wobble: {\n enable: true,\n distance: 10,\n speed: 10\n },\n zIndex: {\n value: {\n min: 0,\n max: 100\n },\n opacityRate: 10,\n sizeRate: 10,\n velocityRate: 10\n }\n },\n background: {\n color: \"#333333\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/s/snow.js?\n}");
1848
1868
 
1849
1869
  /***/ },
1850
1870
 
@@ -1854,7 +1874,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1854
1874
  \***************************************/
1855
1875
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1856
1876
 
1857
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"soundsAudio\",\n name: \"Sounds Audio\",\n particles: {\n number: {\n value: 0\n },\n fill: {\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 120,\n sync: true\n }\n }\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 1\n },\n size: {\n value: {\n min: 3,\n max: 6\n }\n },\n move: {\n enable: true,\n speed: 6,\n direction: \"none\",\n outModes: \"destroy\"\n }\n },\n background: {\n color: \"#000000\"\n },\n emitters: {\n position: {\n x: 50,\n y: 50\n },\n rate: {\n quantity: 1,\n delay: 0.3\n },\n size: {\n width: 0,\n height: 0\n }\n },\n sounds: {\n enable: true,\n events: [\n {\n event: \"particleRemoved\",\n audio: [\n \"https://particles.js.org/audio/explosion0.mp3\",\n \"https://particles.js.org/audio/explosion1.mp3\",\n \"https://particles.js.org/audio/explosion2.mp3\"\n ]\n }\n ],\n volume: 100\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/s/soundsAudio.js?\n}");
1877
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"soundsAudio\",\n name: \"Sounds Audio\",\n particles: {\n number: {\n value: 0\n },\n paint: {\n fill: {\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 120,\n sync: true\n }\n }\n }\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 1\n },\n size: {\n value: {\n min: 3,\n max: 6\n }\n },\n move: {\n enable: true,\n speed: 6,\n direction: \"none\",\n outModes: \"destroy\"\n }\n },\n background: {\n color: \"#000000\"\n },\n emitters: {\n position: {\n x: 50,\n y: 50\n },\n rate: {\n quantity: 1,\n delay: 0.3\n },\n size: {\n width: 0,\n height: 0\n }\n },\n sounds: {\n enable: true,\n events: [\n {\n event: \"particleRemoved\",\n audio: [\n \"https://particles.js.org/audio/explosion0.mp3\",\n \"https://particles.js.org/audio/explosion1.mp3\",\n \"https://particles.js.org/audio/explosion2.mp3\"\n ]\n }\n ],\n volume: 100\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/s/soundsAudio.js?\n}");
1858
1878
 
1859
1879
  /***/ },
1860
1880
 
@@ -1864,7 +1884,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1864
1884
  \**************************************/
1865
1885
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1866
1886
 
1867
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"soundsLoop\",\n name: \"Sounds Loop\",\n particles: {\n number: {\n value: 0\n },\n fill: {\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 120,\n sync: true\n }\n },\n enable: true\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 1\n },\n size: {\n value: {\n min: 3,\n max: 6\n }\n },\n move: {\n enable: true,\n speed: 6,\n direction: \"none\",\n outModes: \"destroy\"\n }\n },\n background: {\n color: \"#000000\"\n },\n emitters: {\n position: {\n x: 50,\n y: 50\n },\n rate: {\n quantity: 1,\n delay: 0.3\n },\n size: {\n width: 0,\n height: 0\n }\n },\n sounds: {\n enable: true,\n events: [\n {\n event: \"soundsUnmuted\",\n audio: {\n loop: true,\n source: \"https://particles.js.org/audio/nyancat-loop.mp3\"\n }\n }\n ],\n volume: 100\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/s/soundsLoop.js?\n}");
1887
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"soundsLoop\",\n name: \"Sounds Loop\",\n particles: {\n number: {\n value: 0\n },\n paint: {\n fill: {\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 120,\n sync: true\n }\n },\n enable: true\n }\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 1\n },\n size: {\n value: {\n min: 3,\n max: 6\n }\n },\n move: {\n enable: true,\n speed: 6,\n direction: \"none\",\n outModes: \"destroy\"\n }\n },\n background: {\n color: \"#000000\"\n },\n emitters: {\n position: {\n x: 50,\n y: 50\n },\n rate: {\n quantity: 1,\n delay: 0.3\n },\n size: {\n width: 0,\n height: 0\n }\n },\n sounds: {\n enable: true,\n events: [\n {\n event: \"soundsUnmuted\",\n audio: {\n loop: true,\n source: \"https://particles.js.org/audio/nyancat-loop.mp3\"\n }\n }\n ],\n volume: 100\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/s/soundsLoop.js?\n}");
1868
1888
 
1869
1889
  /***/ },
1870
1890
 
@@ -1874,7 +1894,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1874
1894
  \******************************************/
1875
1895
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1876
1896
 
1877
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"soundsMelodies\",\n name: \"Sounds Melodies\",\n particles: {\n number: {\n value: 0\n },\n fill: {\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 120,\n sync: true\n }\n },\n enable: true\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 1\n },\n size: {\n value: {\n min: 3,\n max: 6\n }\n },\n move: {\n enable: true,\n speed: 6,\n direction: \"none\",\n outModes: \"destroy\"\n }\n },\n background: {\n color: \"#000000\"\n },\n emitters: {\n position: {\n x: 50,\n y: 50\n },\n rate: {\n quantity: 1,\n delay: 0.3\n },\n size: {\n width: 0,\n height: 0\n }\n },\n sounds: {\n enable: true,\n events: [\n {\n event: \"particleAdded\",\n melodies: [\n {\n notes: [\n {\n duration: 500,\n value: [\n \"C5\",\n \"E5\",\n \"G5\"\n ]\n },\n {\n duration: 1000,\n value: [\n \"D5\",\n \"F5\",\n \"A5\"\n ]\n }\n ]\n }\n ]\n },\n {\n event: \"particleRemoved\",\n melodies: [\n {\n notes: [\n {\n duration: 500,\n value: [\n \"E5\",\n \"G5\",\n \"B5\"\n ]\n }\n ]\n }\n ]\n }\n ],\n volume: 10\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/s/soundsMelodies.js?\n}");
1897
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"soundsMelodies\",\n name: \"Sounds Melodies\",\n particles: {\n number: {\n value: 0\n },\n paint: {\n fill: {\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 120,\n sync: true\n }\n },\n enable: true\n }\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 1\n },\n size: {\n value: {\n min: 3,\n max: 6\n }\n },\n move: {\n enable: true,\n speed: 6,\n direction: \"none\",\n outModes: \"destroy\"\n }\n },\n background: {\n color: \"#000000\"\n },\n emitters: {\n position: {\n x: 50,\n y: 50\n },\n rate: {\n quantity: 1,\n delay: 0.3\n },\n size: {\n width: 0,\n height: 0\n }\n },\n sounds: {\n enable: true,\n events: [\n {\n event: \"particleAdded\",\n melodies: [\n {\n notes: [\n {\n duration: 500,\n value: [\n \"C5\",\n \"E5\",\n \"G5\"\n ]\n },\n {\n duration: 1000,\n value: [\n \"D5\",\n \"F5\",\n \"A5\"\n ]\n }\n ]\n }\n ]\n },\n {\n event: \"particleRemoved\",\n melodies: [\n {\n notes: [\n {\n duration: 500,\n value: [\n \"E5\",\n \"G5\",\n \"B5\"\n ]\n }\n ]\n }\n ]\n }\n ],\n volume: 10\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/s/soundsMelodies.js?\n}");
1878
1898
 
1879
1899
  /***/ },
1880
1900
 
@@ -1884,7 +1904,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1884
1904
  \********************************************/
1885
1905
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1886
1906
 
1887
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"soundsMelodyLoop\",\n name: \"Sounds Melody Loop\",\n particles: {\n number: {\n value: 0\n },\n fill: {\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 120,\n sync: true\n }\n },\n enable: true\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 1\n },\n size: {\n value: {\n min: 3,\n max: 6\n }\n },\n move: {\n enable: true,\n speed: 6,\n direction: \"none\",\n outModes: \"destroy\"\n }\n },\n background: {\n color: \"#000000\"\n },\n emitters: {\n position: {\n x: 50,\n y: 50\n },\n rate: {\n quantity: 1,\n delay: 0.3\n },\n size: {\n width: 0,\n height: 0\n }\n },\n sounds: {\n enable: true,\n events: [\n {\n event: \"soundsUnmuted\",\n melodies: [\n {\n loop: true,\n melodies: [\n {\n notes: [\n {\n duration: 217.39,\n value: \"E5\"\n },\n {\n duration: 217.39,\n value: \"Eb5\"\n },\n {\n duration: 217.39,\n value: \"E5\"\n },\n {\n duration: 217.39,\n value: \"Eb5\"\n },\n {\n duration: 217.39,\n value: \"E5\"\n },\n {\n duration: 217.39,\n value: \"B4\"\n },\n {\n duration: 217.39,\n value: \"D5\"\n },\n {\n duration: 217.39,\n value: \"C5\"\n },\n {\n duration: 434.78,\n value: \"A4\"\n },\n {\n duration: 217.39,\n value: \"pause\"\n },\n {\n duration: 217.39,\n value: \"C4\"\n },\n {\n duration: 217.39,\n value: \"E4\"\n },\n {\n duration: 217.39,\n value: \"A4\"\n },\n {\n duration: 434.78,\n value: \"B4\"\n },\n {\n duration: 217.39,\n value: \"pause\"\n },\n {\n duration: 217.39,\n value: \"E4\"\n },\n {\n duration: 217.39,\n value: \"Ab4\"\n },\n {\n duration: 217.39,\n value: \"B4\"\n },\n {\n duration: 434.78,\n value: \"C5\"\n },\n {\n duration: 217.39,\n value: \"pause\"\n },\n {\n duration: 217.39,\n value: \"E4\"\n },\n {\n duration: 217.39,\n value: \"E5\"\n },\n {\n duration: 217.39,\n value: \"Eb5\"\n },\n {\n duration: 217.39,\n value: \"E5\"\n },\n {\n duration: 217.39,\n value: \"Eb5\"\n },\n {\n duration: 217.39,\n value: \"E5\"\n },\n {\n duration: 217.39,\n value: \"B4\"\n },\n {\n duration: 217.39,\n value: \"D5\"\n },\n {\n duration: 217.39,\n value: \"C5\"\n },\n {\n duration: 434.78,\n value: \"A4\"\n },\n {\n duration: 217.39,\n value: \"pause\"\n },\n {\n duration: 217.39,\n value: \"C4\"\n },\n {\n duration: 217.39,\n value: \"E4\"\n },\n {\n duration: 217.39,\n value: \"A4\"\n },\n {\n duration: 434.78,\n value: \"B4\"\n },\n {\n duration: 217.39,\n value: \"pause\"\n },\n {\n duration: 217.39,\n value: \"E4\"\n },\n {\n duration: 217.39,\n value: \"C5\"\n },\n {\n duration: 217.39,\n value: \"B4\"\n },\n {\n duration: 434.78,\n value: \"A4\"\n },\n {\n duration: 434.78,\n value: \"pause\"\n }\n ]\n },\n {\n notes: [\n {\n duration: 1739.12,\n value: \"pause\"\n },\n {\n duration: 217.39,\n value: \"A2\"\n },\n {\n duration: 217.39,\n value: \"E3\"\n },\n {\n duration: 217.39,\n value: \"A3\"\n },\n {\n duration: 652.17,\n value: \"pause\"\n },\n {\n duration: 217.39,\n value: \"E2\"\n },\n {\n duration: 217.39,\n value: \"B2\"\n },\n {\n duration: 217.39,\n value: \"E3\"\n },\n {\n duration: 652.17,\n value: \"pause\"\n },\n {\n duration: 217.39,\n value: \"A2\"\n },\n {\n duration: 217.39,\n value: \"E3\"\n },\n {\n duration: 217.39,\n value: \"A3\"\n },\n {\n duration: 1956.51,\n value: \"pause\"\n },\n {\n duration: 217.39,\n value: \"A2\"\n },\n {\n duration: 217.39,\n value: \"E3\"\n },\n {\n duration: 217.39,\n value: \"A3\"\n },\n {\n duration: 652.17,\n value: \"pause\"\n },\n {\n duration: 217.39,\n value: \"E2\"\n },\n {\n duration: 217.39,\n value: \"B2\"\n },\n {\n duration: 217.39,\n value: \"E3\"\n },\n {\n duration: 652.17,\n value: \"pause\"\n },\n {\n duration: 217.39,\n value: \"A2\"\n },\n {\n duration: 217.39,\n value: \"E3\"\n },\n {\n duration: 217.39,\n value: \"A3\"\n },\n {\n duration: 217.39,\n value: \"pause\"\n }\n ]\n }\n ]\n }\n ]\n }\n ],\n volume: 10\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/s/soundsMelodyLoop.js?\n}");
1907
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"soundsMelodyLoop\",\n name: \"Sounds Melody Loop\",\n particles: {\n number: {\n value: 0\n },\n paint: {\n fill: {\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 120,\n sync: true\n }\n },\n enable: true\n }\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 1\n },\n size: {\n value: {\n min: 3,\n max: 6\n }\n },\n move: {\n enable: true,\n speed: 6,\n direction: \"none\",\n outModes: \"destroy\"\n }\n },\n background: {\n color: \"#000000\"\n },\n emitters: {\n position: {\n x: 50,\n y: 50\n },\n rate: {\n quantity: 1,\n delay: 0.3\n },\n size: {\n width: 0,\n height: 0\n }\n },\n sounds: {\n enable: true,\n events: [\n {\n event: \"soundsUnmuted\",\n melodies: [\n {\n loop: true,\n melodies: [\n {\n notes: [\n {\n duration: 217.39,\n value: \"E5\"\n },\n {\n duration: 217.39,\n value: \"Eb5\"\n },\n {\n duration: 217.39,\n value: \"E5\"\n },\n {\n duration: 217.39,\n value: \"Eb5\"\n },\n {\n duration: 217.39,\n value: \"E5\"\n },\n {\n duration: 217.39,\n value: \"B4\"\n },\n {\n duration: 217.39,\n value: \"D5\"\n },\n {\n duration: 217.39,\n value: \"C5\"\n },\n {\n duration: 434.78,\n value: \"A4\"\n },\n {\n duration: 217.39,\n value: \"pause\"\n },\n {\n duration: 217.39,\n value: \"C4\"\n },\n {\n duration: 217.39,\n value: \"E4\"\n },\n {\n duration: 217.39,\n value: \"A4\"\n },\n {\n duration: 434.78,\n value: \"B4\"\n },\n {\n duration: 217.39,\n value: \"pause\"\n },\n {\n duration: 217.39,\n value: \"E4\"\n },\n {\n duration: 217.39,\n value: \"Ab4\"\n },\n {\n duration: 217.39,\n value: \"B4\"\n },\n {\n duration: 434.78,\n value: \"C5\"\n },\n {\n duration: 217.39,\n value: \"pause\"\n },\n {\n duration: 217.39,\n value: \"E4\"\n },\n {\n duration: 217.39,\n value: \"E5\"\n },\n {\n duration: 217.39,\n value: \"Eb5\"\n },\n {\n duration: 217.39,\n value: \"E5\"\n },\n {\n duration: 217.39,\n value: \"Eb5\"\n },\n {\n duration: 217.39,\n value: \"E5\"\n },\n {\n duration: 217.39,\n value: \"B4\"\n },\n {\n duration: 217.39,\n value: \"D5\"\n },\n {\n duration: 217.39,\n value: \"C5\"\n },\n {\n duration: 434.78,\n value: \"A4\"\n },\n {\n duration: 217.39,\n value: \"pause\"\n },\n {\n duration: 217.39,\n value: \"C4\"\n },\n {\n duration: 217.39,\n value: \"E4\"\n },\n {\n duration: 217.39,\n value: \"A4\"\n },\n {\n duration: 434.78,\n value: \"B4\"\n },\n {\n duration: 217.39,\n value: \"pause\"\n },\n {\n duration: 217.39,\n value: \"E4\"\n },\n {\n duration: 217.39,\n value: \"C5\"\n },\n {\n duration: 217.39,\n value: \"B4\"\n },\n {\n duration: 434.78,\n value: \"A4\"\n },\n {\n duration: 434.78,\n value: \"pause\"\n }\n ]\n },\n {\n notes: [\n {\n duration: 1739.12,\n value: \"pause\"\n },\n {\n duration: 217.39,\n value: \"A2\"\n },\n {\n duration: 217.39,\n value: \"E3\"\n },\n {\n duration: 217.39,\n value: \"A3\"\n },\n {\n duration: 652.17,\n value: \"pause\"\n },\n {\n duration: 217.39,\n value: \"E2\"\n },\n {\n duration: 217.39,\n value: \"B2\"\n },\n {\n duration: 217.39,\n value: \"E3\"\n },\n {\n duration: 652.17,\n value: \"pause\"\n },\n {\n duration: 217.39,\n value: \"A2\"\n },\n {\n duration: 217.39,\n value: \"E3\"\n },\n {\n duration: 217.39,\n value: \"A3\"\n },\n {\n duration: 1956.51,\n value: \"pause\"\n },\n {\n duration: 217.39,\n value: \"A2\"\n },\n {\n duration: 217.39,\n value: \"E3\"\n },\n {\n duration: 217.39,\n value: \"A3\"\n },\n {\n duration: 652.17,\n value: \"pause\"\n },\n {\n duration: 217.39,\n value: \"E2\"\n },\n {\n duration: 217.39,\n value: \"B2\"\n },\n {\n duration: 217.39,\n value: \"E3\"\n },\n {\n duration: 652.17,\n value: \"pause\"\n },\n {\n duration: 217.39,\n value: \"A2\"\n },\n {\n duration: 217.39,\n value: \"E3\"\n },\n {\n duration: 217.39,\n value: \"A3\"\n },\n {\n duration: 217.39,\n value: \"pause\"\n }\n ]\n }\n ]\n }\n ]\n }\n ],\n volume: 10\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/s/soundsMelodyLoop.js?\n}");
1888
1908
 
1889
1909
  /***/ },
1890
1910
 
@@ -1894,7 +1914,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1894
1914
  \***************************************/
1895
1915
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1896
1916
 
1897
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"soundsNotes\",\n name: \"Sounds Notes\",\n particles: {\n number: {\n value: 0\n },\n fill: {\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 120,\n sync: true\n }\n },\n enable: true\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 1\n },\n size: {\n value: {\n min: 3,\n max: 6\n }\n },\n move: {\n enable: true,\n speed: 6,\n direction: \"none\",\n outModes: \"destroy\"\n }\n },\n background: {\n color: \"#000000\"\n },\n emitters: {\n position: {\n x: 50,\n y: 50\n },\n rate: {\n quantity: 1,\n delay: 0.3\n },\n size: {\n width: 0,\n height: 0\n }\n },\n sounds: {\n enable: true,\n events: [\n {\n event: \"particleAdded\",\n notes: [\n {\n duration: 500,\n value: [\n \"C5\",\n \"E5\",\n \"G5\"\n ]\n },\n {\n duration: 1000,\n value: [\n \"D5\",\n \"F5\",\n \"A5\"\n ]\n }\n ]\n },\n {\n event: \"particleRemoved\",\n notes: [\n {\n duration: 500,\n value: [\n \"E5\",\n \"G5\",\n \"B5\"\n ]\n }\n ]\n }\n ],\n volume: 10\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/s/soundsNotes.js?\n}");
1917
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"soundsNotes\",\n name: \"Sounds Notes\",\n particles: {\n number: {\n value: 0\n },\n paint: {\n fill: {\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 120,\n sync: true\n }\n },\n enable: true\n }\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 1\n },\n size: {\n value: {\n min: 3,\n max: 6\n }\n },\n move: {\n enable: true,\n speed: 6,\n direction: \"none\",\n outModes: \"destroy\"\n }\n },\n background: {\n color: \"#000000\"\n },\n emitters: {\n position: {\n x: 50,\n y: 50\n },\n rate: {\n quantity: 1,\n delay: 0.3\n },\n size: {\n width: 0,\n height: 0\n }\n },\n sounds: {\n enable: true,\n events: [\n {\n event: \"particleAdded\",\n notes: [\n {\n duration: 500,\n value: [\n \"C5\",\n \"E5\",\n \"G5\"\n ]\n },\n {\n duration: 1000,\n value: [\n \"D5\",\n \"F5\",\n \"A5\"\n ]\n }\n ]\n },\n {\n event: \"particleRemoved\",\n notes: [\n {\n duration: 500,\n value: [\n \"E5\",\n \"G5\",\n \"B5\"\n ]\n }\n ]\n }\n ],\n volume: 10\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/s/soundsNotes.js?\n}");
1898
1918
 
1899
1919
  /***/ },
1900
1920
 
@@ -1904,7 +1924,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1904
1924
  \**************************************/
1905
1925
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1906
1926
 
1907
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"speedDecay\",\n name: \"Speed Decay\",\n particles: {\n number: {\n value: 0\n },\n fill: {\n color: {\n value: \"#ffffff\"\n },\n enable: true\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 0.5\n },\n size: {\n value: {\n min: 10,\n max: 15\n }\n },\n links: {\n enable: false\n },\n life: {\n duration: {\n sync: true,\n value: 5\n },\n count: 1\n },\n move: {\n enable: true,\n gravity: {\n enable: true\n },\n speed: 10,\n outModes: {\n default: \"bounce\",\n bottom: \"bounce\",\n left: \"destroy\",\n right: \"destroy\",\n top: \"none\"\n }\n }\n },\n interactivity: {\n events: {\n onClick: {\n enable: true,\n mode: \"push\"\n }\n },\n modes: {\n grab: {\n distance: 400,\n links: {\n opacity: 1\n }\n },\n bubble: {\n distance: 400,\n size: 40,\n duration: 2,\n opacity: 0.8\n },\n repulse: {\n distance: 200\n },\n push: {\n quantity: 4\n },\n remove: {\n quantity: 2\n }\n }\n },\n background: {\n color: \"#000\"\n },\n emitters: {\n direction: \"top\",\n life: {\n count: 0,\n duration: 5,\n delay: 2\n },\n rate: {\n delay: 0.1,\n quantity: 1\n },\n size: {\n width: 0,\n height: 0\n },\n particles: {\n bounce: {\n vertical: {\n value: {\n min: 0.4,\n max: 0.8\n }\n }\n },\n fill: {\n color: {\n value: [\n \"#5bc0eb\",\n \"#fde74c\",\n \"#9bc53d\",\n \"#e55934\",\n \"#fa7921\"\n ]\n },\n enable: true\n },\n links: {\n enable: false\n },\n size: {\n value: {\n min: 5,\n max: 10\n }\n },\n opacity: {\n value: 0.5\n },\n move: {\n speed: 30,\n decay: 0.1\n }\n }\n },\n trail: {\n enable: true,\n fill: {\n color: \"#000000\"\n },\n length: 10\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/s/speedDecay.js?\n}");
1927
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"speedDecay\",\n name: \"Speed Decay\",\n particles: {\n number: {\n value: 0\n },\n paint: {\n fill: {\n color: {\n value: \"#ffffff\"\n },\n enable: true\n }\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 0.5\n },\n size: {\n value: {\n min: 10,\n max: 15\n }\n },\n links: {\n enable: false\n },\n life: {\n duration: {\n sync: true,\n value: 5\n },\n count: 1\n },\n move: {\n enable: true,\n gravity: {\n enable: true\n },\n speed: 10,\n outModes: {\n default: \"bounce\",\n bottom: \"bounce\",\n left: \"destroy\",\n right: \"destroy\",\n top: \"none\"\n }\n }\n },\n interactivity: {\n events: {\n onClick: {\n enable: true,\n mode: \"push\"\n }\n },\n modes: {\n grab: {\n distance: 400,\n links: {\n opacity: 1\n }\n },\n bubble: {\n distance: 400,\n size: 40,\n duration: 2,\n opacity: 0.8\n },\n repulse: {\n distance: 200\n },\n push: {\n quantity: 4\n },\n remove: {\n quantity: 2\n }\n }\n },\n background: {\n color: \"#000\"\n },\n emitters: {\n direction: \"top\",\n life: {\n count: 0,\n duration: 5,\n delay: 2\n },\n rate: {\n delay: 0.1,\n quantity: 1\n },\n size: {\n width: 0,\n height: 0\n },\n particles: {\n bounce: {\n vertical: {\n value: {\n min: 0.4,\n max: 0.8\n }\n }\n },\n paint: {\n fill: {\n color: {\n value: [\n \"#5bc0eb\",\n \"#fde74c\",\n \"#9bc53d\",\n \"#e55934\",\n \"#fa7921\"\n ]\n },\n enable: true\n }\n },\n links: {\n enable: false\n },\n size: {\n value: {\n min: 5,\n max: 10\n }\n },\n opacity: {\n value: 0.5\n },\n move: {\n speed: 30,\n decay: 0.1\n }\n }\n },\n trail: {\n enable: true,\n fill: {\n color: \"#000000\"\n },\n length: 10\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/s/speedDecay.js?\n}");
1908
1928
 
1909
1929
  /***/ },
1910
1930
 
@@ -1914,7 +1934,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1914
1934
  \********************************/
1915
1935
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1916
1936
 
1917
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"spin\",\n name: \"Spin\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: false\n }\n },\n fill: {\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 20,\n sync: true\n }\n },\n enable: true\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 0.5\n },\n size: {\n value: 10\n },\n move: {\n enable: true,\n speed: {\n min: 1,\n max: 5\n },\n spin: {\n acceleration: {\n min: -1,\n max: 1\n },\n enable: true\n }\n }\n },\n background: {\n color: \"#000000\"\n },\n trail: {\n enable: true,\n fill: {\n color: \"#000\"\n },\n length: 30\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/s/spin.js?\n}");
1937
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"spin\",\n name: \"Spin\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: false\n }\n },\n paint: {\n fill: {\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 20,\n sync: true\n }\n },\n enable: true\n }\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 0.5\n },\n size: {\n value: 10\n },\n move: {\n enable: true,\n speed: {\n min: 1,\n max: 5\n },\n spin: {\n acceleration: {\n min: -1,\n max: 1\n },\n enable: true\n }\n }\n },\n background: {\n color: \"#000000\"\n },\n trail: {\n enable: true,\n fill: {\n color: \"#000\"\n },\n length: 30\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/s/spin.js?\n}");
1918
1938
 
1919
1939
  /***/ },
1920
1940
 
@@ -1924,7 +1944,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1924
1944
  \********************************/
1925
1945
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1926
1946
 
1927
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"star\",\n name: \"Star\",\n particles: {\n number: {\n value: 10,\n density: {\n enable: false\n }\n },\n fill: {\n color: {\n value: \"#fff\"\n },\n enable: true\n },\n shape: {\n type: \"star\",\n options: {\n star: {\n sides: 5\n }\n }\n },\n opacity: {\n value: 0.8\n },\n size: {\n value: 4\n },\n rotate: {\n value: {\n min: 0,\n max: 360\n },\n direction: \"clockwise\",\n animation: {\n enable: true,\n speed: 5,\n sync: false\n }\n },\n links: {\n enable: true,\n distance: 600,\n color: \"#ffffff\",\n opacity: 0.4,\n width: 2\n },\n move: {\n enable: true,\n speed: 2\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"grab\"\n },\n onClick: {\n enable: true,\n mode: \"bubble\"\n }\n },\n modes: {\n grab: {\n distance: 400,\n links: {\n opacity: 1,\n color: \"#f00\"\n }\n },\n bubble: {\n distance: 400,\n size: 40,\n duration: 2,\n opacity: 8,\n color: \"#ffff00\"\n },\n repulse: {\n distance: 200\n },\n push: {\n quantity: 4\n },\n remove: {\n quantity: 2\n }\n }\n },\n background: {\n color: \"#111\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/s/star.js?\n}");
1947
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"star\",\n name: \"Star\",\n particles: {\n number: {\n value: 10,\n density: {\n enable: false\n }\n },\n paint: {\n fill: {\n color: {\n value: \"#fff\"\n },\n enable: true\n }\n },\n shape: {\n type: \"star\",\n options: {\n star: {\n sides: 5\n }\n }\n },\n opacity: {\n value: 0.8\n },\n size: {\n value: 4\n },\n rotate: {\n value: {\n min: 0,\n max: 360\n },\n direction: \"clockwise\",\n animation: {\n enable: true,\n speed: 5,\n sync: false\n }\n },\n links: {\n enable: true,\n distance: 600,\n color: \"#ffffff\",\n opacity: 0.4,\n width: 2\n },\n move: {\n enable: true,\n speed: 2\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"grab\"\n },\n onClick: {\n enable: true,\n mode: \"bubble\"\n }\n },\n modes: {\n grab: {\n distance: 400,\n links: {\n opacity: 1,\n color: \"#f00\"\n }\n },\n bubble: {\n distance: 400,\n size: 40,\n duration: 2,\n opacity: 8,\n color: \"#ffff00\"\n },\n repulse: {\n distance: 200\n },\n push: {\n quantity: 4\n },\n remove: {\n quantity: 2\n }\n }\n },\n background: {\n color: \"#111\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/s/star.js?\n}");
1928
1948
 
1929
1949
  /***/ },
1930
1950
 
@@ -1934,7 +1954,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1934
1954
  \*******************************************/
1935
1955
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1936
1956
 
1937
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"strokeAnimation\",\n name: \"Stroke Animation\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n fill: {\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 60,\n sync: true\n }\n },\n enable: true\n },\n stroke: {\n width: 3,\n color: {\n value: \"#0000ff\",\n animation: {\n enable: true,\n speed: 60,\n sync: true\n }\n }\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 0.5\n },\n size: {\n value: {\n min: 1,\n max: 3\n }\n },\n links: {\n enable: true,\n distance: 100,\n color: \"#ffffff\",\n opacity: 0.4,\n width: 1\n },\n move: {\n enable: true,\n speed: 6\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"repulse\"\n },\n onClick: {\n enable: true,\n mode: \"push\"\n }\n },\n modes: {\n grab: {\n distance: 400,\n links: {\n opacity: 1\n }\n },\n bubble: {\n distance: 400,\n size: 40,\n duration: 2,\n opacity: 0.8\n },\n repulse: {\n distance: 200\n },\n push: {\n quantity: 4\n },\n remove: {\n quantity: 2\n }\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/s/strokeAnimation.js?\n}");
1957
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"strokeAnimation\",\n name: \"Stroke Animation\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n paint: {\n fill: {\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 60,\n sync: true\n }\n },\n enable: true\n },\n stroke: {\n width: 3,\n color: {\n value: \"#0000ff\",\n animation: {\n enable: true,\n speed: 60,\n sync: true\n }\n }\n }\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 0.5\n },\n size: {\n value: {\n min: 1,\n max: 3\n }\n },\n links: {\n enable: true,\n distance: 100,\n color: \"#ffffff\",\n opacity: 0.4,\n width: 1\n },\n move: {\n enable: true,\n speed: 6\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"repulse\"\n },\n onClick: {\n enable: true,\n mode: \"push\"\n }\n },\n modes: {\n grab: {\n distance: 400,\n links: {\n opacity: 1\n }\n },\n bubble: {\n distance: 400,\n size: 40,\n duration: 2,\n opacity: 0.8\n },\n repulse: {\n distance: 200\n },\n push: {\n quantity: 4\n },\n remove: {\n quantity: 2\n }\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/s/strokeAnimation.js?\n}");
1938
1958
 
1939
1959
  /***/ },
1940
1960
 
@@ -1944,7 +1964,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1944
1964
  \*********************************/
1945
1965
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1946
1966
 
1947
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"style\",\n name: \"Style\",\n particles: {\n number: {\n value: 200,\n limit: {\n value: 200\n }\n },\n fill: {\n color: {\n value: [\n \"#ff0000\",\n \"#00ff00\",\n \"#0000ff\",\n \"#ffff00\",\n \"#ff00ff\",\n \"#00ffff\"\n ],\n animation: {\n enable: true,\n speed: 20,\n sync: false\n }\n },\n enable: true\n },\n shape: {\n type: [\n \"circle\",\n \"square\",\n \"triangle\",\n \"star\",\n \"polygon\"\n ]\n },\n opacity: {\n value: 0.5\n },\n size: {\n value: {\n min: 50,\n max: 100\n }\n },\n move: {\n enable: true,\n speed: 6,\n direction: \"none\",\n path: {\n enable: true,\n delay: {\n value: 0.1\n },\n options: {\n size: 50,\n draw: false,\n increment: 0.001\n },\n generator: \"perlinNoise\"\n }\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"trail\"\n },\n onClick: {\n enable: true,\n mode: \"push\"\n }\n },\n modes: {\n push: {\n quantity: 4\n },\n trail: {\n delay: 0.1,\n pauseOnStop: true\n }\n }\n },\n background: {\n color: \"#000000\"\n },\n style: {\n filter: \"blur(50px)\"\n },\n trail: {\n enable: true,\n length: 50,\n fill: {\n color: \"#000\"\n }\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/s/style.js?\n}");
1967
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"style\",\n name: \"Style\",\n particles: {\n number: {\n value: 200,\n limit: {\n value: 200\n }\n },\n paint: {\n fill: {\n color: {\n value: [\n \"#ff0000\",\n \"#00ff00\",\n \"#0000ff\",\n \"#ffff00\",\n \"#ff00ff\",\n \"#00ffff\"\n ],\n animation: {\n enable: true,\n speed: 20,\n sync: false\n }\n },\n enable: true\n }\n },\n shape: {\n type: [\n \"circle\",\n \"square\",\n \"triangle\",\n \"star\",\n \"polygon\"\n ]\n },\n opacity: {\n value: 0.5\n },\n size: {\n value: {\n min: 50,\n max: 100\n }\n },\n move: {\n enable: true,\n speed: 6,\n direction: \"none\",\n path: {\n enable: true,\n delay: {\n value: 0.1\n },\n options: {\n size: 50,\n draw: false,\n increment: 0.001\n },\n generator: \"perlinNoise\"\n }\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"trail\"\n },\n onClick: {\n enable: true,\n mode: \"push\"\n }\n },\n modes: {\n push: {\n quantity: 4\n },\n trail: {\n delay: 0.1,\n pauseOnStop: true\n }\n }\n },\n background: {\n color: \"#000000\"\n },\n style: {\n filter: \"blur(50px)\"\n },\n trail: {\n enable: true,\n length: 50,\n fill: {\n color: \"#000\"\n }\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/s/style.js?\n}");
1948
1968
 
1949
1969
  /***/ },
1950
1970
 
@@ -1954,7 +1974,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1954
1974
  \**************************************/
1955
1975
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1956
1976
 
1957
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"svgReplace\",\n name: \"SVG Replace\",\n interactivity: {\n events: {\n onClick: {\n enable: true,\n mode: \"push\"\n },\n onHover: {\n enable: true,\n mode: \"bubble\"\n }\n },\n modes: {\n bubble: {\n distance: 400,\n duration: 2,\n opacity: 0.8,\n size: 40\n },\n connect: {\n distance: 80,\n links: {\n opacity: 0.5\n },\n radius: 60\n },\n grab: {\n distance: 400,\n links: {\n opacity: 1\n }\n },\n push: {\n quantity: 4\n },\n remove: {\n quantity: 2\n },\n repulse: {\n distance: 200,\n duration: 0.4\n }\n }\n },\n particles: {\n fill: {\n color: {\n value: \"#00f\"\n },\n enable: true\n },\n links: {\n blink: false,\n color: \"#000\",\n consent: false,\n distance: 150,\n enable: false,\n opacity: 0.4,\n width: 1\n },\n move: {\n enable: true,\n speed: 2\n },\n number: {\n density: {\n enable: true\n },\n value: 80\n },\n opacity: {\n value: {\n min: 0.1,\n max: 1\n }\n },\n rotate: {\n animation: {\n enable: true,\n speed: 5,\n sync: false\n },\n direction: \"random\",\n value: {\n min: 0,\n max: 360\n }\n },\n shape: {\n options: {\n image: {\n name: \"canine\"\n }\n },\n type: \"image\"\n },\n size: {\n value: 16\n }\n },\n preload: [\n {\n name: \"canine\",\n src: \"/images/canine.svg\",\n width: 32,\n height: 32,\n replaceColor: true\n }\n ],\n background: {\n color: \"#fff\",\n image: \"\",\n position: \"50% 50%\",\n repeat: \"no-repeat\",\n size: \"cover\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/s/svgReplace.js?\n}");
1977
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"svgReplace\",\n name: \"SVG Replace\",\n interactivity: {\n events: {\n onClick: {\n enable: true,\n mode: \"push\"\n },\n onHover: {\n enable: true,\n mode: \"bubble\"\n }\n },\n modes: {\n bubble: {\n distance: 400,\n duration: 2,\n opacity: 0.8,\n size: 40\n },\n connect: {\n distance: 80,\n links: {\n opacity: 0.5\n },\n radius: 60\n },\n grab: {\n distance: 400,\n links: {\n opacity: 1\n }\n },\n push: {\n quantity: 4\n },\n remove: {\n quantity: 2\n },\n repulse: {\n distance: 200,\n duration: 0.4\n }\n }\n },\n particles: {\n paint: {\n fill: {\n color: {\n value: \"#00f\"\n },\n enable: true\n }\n },\n links: {\n blink: false,\n color: \"#000\",\n consent: false,\n distance: 150,\n enable: false,\n opacity: 0.4,\n width: 1\n },\n move: {\n enable: true,\n speed: 2\n },\n number: {\n density: {\n enable: true\n },\n value: 80\n },\n opacity: {\n value: {\n min: 0.1,\n max: 1\n }\n },\n rotate: {\n animation: {\n enable: true,\n speed: 5,\n sync: false\n },\n direction: \"random\",\n value: {\n min: 0,\n max: 360\n }\n },\n shape: {\n options: {\n image: {\n name: \"canine\"\n }\n },\n type: \"image\"\n },\n size: {\n value: 16\n }\n },\n preload: [\n {\n name: \"canine\",\n src: \"/images/canine.svg\",\n width: 32,\n height: 32,\n replaceColor: true\n }\n ],\n background: {\n color: \"#fff\",\n image: \"\",\n position: \"50% 50%\",\n repeat: \"no-repeat\",\n size: \"cover\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/s/svgReplace.js?\n}");
1958
1978
 
1959
1979
  /***/ },
1960
1980
 
@@ -1974,7 +1994,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1974
1994
  \********************************/
1975
1995
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1976
1996
 
1977
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"test\",\n name: \"Test\",\n background: {\n color: {\n value: \"#000\"\n }\n },\n particles: {\n groups: {\n z5000: {\n number: {\n value: 70\n },\n color: {\n value: \"#f00\"\n },\n zIndex: {\n value: 50\n }\n },\n z7500: {\n number: {\n value: 30\n },\n color: {\n value: \"#0f0\"\n },\n zIndex: {\n value: 75\n }\n },\n z2500: {\n number: {\n value: 50\n },\n color: {\n value: \"#00f\"\n },\n zIndex: {\n value: 25\n }\n },\n z1000: {\n number: {\n value: 40\n },\n color: {\n value: \"#ff0\"\n },\n zIndex: {\n value: 10\n }\n }\n },\n zIndex: {\n value: 5,\n opacityRate: 0.5,\n sizeRate: 1,\n velocityRate: 1\n },\n number: {\n value: 300\n },\n fill: {\n color: {\n value: \"#fff\"\n },\n enable: true\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 0.8\n },\n size: {\n value: 69\n },\n move: {\n enable: true,\n speed: 3,\n direction: 0,\n angle: 0,\n outModes: {\n default: \"destroy\"\n }\n }\n },\n emitters: {\n autoPlay: true,\n fill: false,\n life: {\n wait: false\n },\n rate: {\n quantity: 1,\n delay: 2\n },\n shape: {\n type: \"square\"\n },\n startCount: 0,\n size: {\n mode: \"percent\",\n height: 100,\n width: 0\n },\n particles: {\n shape: {\n type: \"square\"\n }\n },\n position: {\n x: 50,\n y: 50\n }\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/t/test.js?\n}");
1997
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"test\",\n name: \"Test\",\n background: {\n color: {\n value: \"#000\"\n }\n },\n particles: {\n groups: {\n z5000: {\n number: {\n value: 70\n },\n color: {\n value: \"#f00\"\n },\n zIndex: {\n value: 50\n }\n },\n z7500: {\n number: {\n value: 30\n },\n color: {\n value: \"#0f0\"\n },\n zIndex: {\n value: 75\n }\n },\n z2500: {\n number: {\n value: 50\n },\n color: {\n value: \"#00f\"\n },\n zIndex: {\n value: 25\n }\n },\n z1000: {\n number: {\n value: 40\n },\n color: {\n value: \"#ff0\"\n },\n zIndex: {\n value: 10\n }\n }\n },\n zIndex: {\n value: 5,\n opacityRate: 0.5,\n sizeRate: 1,\n velocityRate: 1\n },\n number: {\n value: 300\n },\n paint: {\n fill: {\n color: {\n value: \"#fff\"\n },\n enable: true\n }\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 0.8\n },\n size: {\n value: 69\n },\n move: {\n enable: true,\n speed: 3,\n direction: 0,\n angle: 0,\n outModes: {\n default: \"destroy\"\n }\n }\n },\n emitters: {\n autoPlay: true,\n fill: false,\n life: {\n wait: false\n },\n rate: {\n quantity: 1,\n delay: 2\n },\n shape: {\n type: \"square\"\n },\n startCount: 0,\n size: {\n mode: \"percent\",\n height: 100,\n width: 0\n },\n particles: {\n shape: {\n type: \"square\"\n }\n },\n position: {\n x: 50,\n y: 50\n }\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/t/test.js?\n}");
1978
1998
 
1979
1999
  /***/ },
1980
2000
 
@@ -2004,7 +2024,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
2004
2024
  \**********************************/
2005
2025
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
2006
2026
 
2007
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"themes\",\n name: \"Themes\",\n themes: [\n {\n name: \"light\",\n default: {\n value: true,\n auto: true,\n mode: \"light\"\n },\n options: {\n background: {\n color: \"#ffffff\"\n },\n particles: {\n fill: {\n color: {\n value: [\n \"#000000\",\n \"#0000ff\"\n ]\n },\n enable: true\n }\n }\n }\n },\n {\n name: \"dark\",\n default: {\n value: true,\n auto: true,\n mode: \"dark\"\n },\n options: {\n background: {\n color: \"#000000\"\n },\n particles: {\n fill: {\n color: {\n value: [\n \"#ffffff\",\n \"#ff0000\"\n ]\n },\n enable: true\n }\n }\n }\n },\n {\n name: \"red\",\n options: {\n background: {\n color: \"#ff0000\"\n },\n particles: {\n fill: {\n color: {\n value: [\n \"#ffffff\",\n \"#000000\"\n ]\n },\n enable: true\n }\n }\n }\n },\n {\n name: \"green\",\n options: {\n background: {\n color: \"#00ff00\"\n },\n particles: {\n fill: {\n color: {\n value: [\n \"#000000\",\n \"#0000ff\"\n ]\n },\n enable: true\n }\n }\n }\n },\n {\n name: \"blue\",\n options: {\n background: {\n color: \"#0000ff\"\n },\n particles: {\n fill: {\n color: {\n value: [\n \"#ffffff\",\n \"#00ff00\"\n ]\n },\n enable: true\n }\n }\n }\n },\n {\n name: \"yellow\",\n options: {\n background: {\n color: \"#ffff00\"\n },\n particles: {\n fill: {\n color: {\n value: [\n \"#000000\",\n \"#ff0000\"\n ]\n },\n enable: true\n }\n }\n }\n },\n {\n name: \"cyan\",\n options: {\n background: {\n color: \"#00ffff\"\n },\n particles: {\n fill: {\n color: {\n value: [\n \"#000000\",\n \"#ff00ff\"\n ]\n },\n enable: true\n }\n }\n }\n },\n {\n name: \"grey\",\n options: {\n background: {\n color: \"#777777\"\n },\n particles: {\n fill: {\n color: {\n value: [\n \"#ffffff\",\n \"#000000\"\n ]\n },\n enable: true\n }\n }\n }\n }\n ],\n fpsLimit: 60,\n particles: {\n number: {\n value: 30,\n density: {\n enable: true\n }\n },\n shape: {\n type: [\n \"circle\",\n \"square\"\n ]\n },\n opacity: {\n value: 1\n },\n size: {\n value: {\n min: 15,\n max: 30\n }\n },\n rotate: {\n value: 0,\n direction: \"random\",\n animation: {\n speed: 5,\n enable: true\n }\n },\n move: {\n enable: true,\n speed: 6,\n direction: \"none\",\n outModes: \"out\"\n }\n },\n interactivity: {\n detectsOn: \"canvas\",\n events: {\n onHover: {\n enable: true,\n mode: \"repulse\"\n },\n onClick: {\n enable: true,\n mode: \"push\"\n }\n }\n },\n detectRetina: true\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/t/themes.js?\n}");
2027
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"themes\",\n name: \"Themes\",\n themes: [\n {\n name: \"light\",\n default: {\n value: true,\n auto: true,\n mode: \"light\"\n },\n options: {\n background: {\n color: \"#ffffff\"\n },\n particles: {\n paint: {\n fill: {\n color: {\n value: [\n \"#000000\",\n \"#0000ff\"\n ]\n },\n enable: true\n }\n }\n }\n }\n },\n {\n name: \"dark\",\n default: {\n value: true,\n auto: true,\n mode: \"dark\"\n },\n options: {\n background: {\n color: \"#000000\"\n },\n particles: {\n paint: {\n fill: {\n color: {\n value: [\n \"#ffffff\",\n \"#ff0000\"\n ]\n },\n enable: true\n }\n }\n }\n }\n },\n {\n name: \"red\",\n options: {\n background: {\n color: \"#ff0000\"\n },\n particles: {\n paint: {\n fill: {\n color: {\n value: [\n \"#ffffff\",\n \"#000000\"\n ]\n },\n enable: true\n }\n }\n }\n }\n },\n {\n name: \"green\",\n options: {\n background: {\n color: \"#00ff00\"\n },\n particles: {\n paint: {\n fill: {\n color: {\n value: [\n \"#000000\",\n \"#0000ff\"\n ]\n },\n enable: true\n }\n }\n }\n }\n },\n {\n name: \"blue\",\n options: {\n background: {\n color: \"#0000ff\"\n },\n particles: {\n paint: {\n fill: {\n color: {\n value: [\n \"#ffffff\",\n \"#00ff00\"\n ]\n },\n enable: true\n }\n }\n }\n }\n },\n {\n name: \"yellow\",\n options: {\n background: {\n color: \"#ffff00\"\n },\n particles: {\n paint: {\n fill: {\n color: {\n value: [\n \"#000000\",\n \"#ff0000\"\n ]\n },\n enable: true\n }\n }\n }\n }\n },\n {\n name: \"cyan\",\n options: {\n background: {\n color: \"#00ffff\"\n },\n particles: {\n paint: {\n fill: {\n color: {\n value: [\n \"#000000\",\n \"#ff00ff\"\n ]\n },\n enable: true\n }\n }\n }\n }\n },\n {\n name: \"grey\",\n options: {\n background: {\n color: \"#777777\"\n },\n particles: {\n paint: {\n fill: {\n color: {\n value: [\n \"#ffffff\",\n \"#000000\"\n ]\n },\n enable: true\n }\n }\n }\n }\n }\n ],\n fpsLimit: 60,\n particles: {\n number: {\n value: 30,\n density: {\n enable: true\n }\n },\n shape: {\n type: [\n \"circle\",\n \"square\"\n ]\n },\n opacity: {\n value: 1\n },\n size: {\n value: {\n min: 15,\n max: 30\n }\n },\n rotate: {\n value: 0,\n direction: \"random\",\n animation: {\n speed: 5,\n enable: true\n }\n },\n move: {\n enable: true,\n speed: 6,\n direction: \"none\",\n outModes: \"out\"\n }\n },\n interactivity: {\n detectsOn: \"canvas\",\n events: {\n onHover: {\n enable: true,\n mode: \"repulse\"\n },\n onClick: {\n enable: true,\n mode: \"push\"\n }\n }\n },\n detectRetina: true\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/t/themes.js?\n}");
2008
2028
 
2009
2029
  /***/ },
2010
2030
 
@@ -2014,7 +2034,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
2014
2034
  \********************************/
2015
2035
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
2016
2036
 
2017
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"tilt\",\n name: \"Tilt\",\n background: {\n color: \"#000000\"\n },\n particles: {\n bounce: {\n vertical: {\n value: 0\n },\n horizontal: {\n value: 0\n }\n },\n fill: {\n color: {\n value: [\n \"#1E00FF\",\n \"#FF0061\",\n \"#E1FF00\",\n \"#00FF9E\"\n ],\n animation: {\n enable: true,\n speed: 30\n }\n },\n enable: true\n },\n move: {\n decay: {\n min: 0.05,\n max: 0.15\n },\n direction: \"top\",\n enable: true,\n gravity: {\n acceleration: 9.81,\n enable: true,\n maxSpeed: 200\n },\n outModes: {\n top: \"none\",\n default: \"destroy\"\n },\n speed: {\n min: 50,\n max: 150\n }\n },\n number: {\n value: 0,\n limit: {\n value: 300\n }\n },\n opacity: {\n value: 1,\n animation: {\n enable: false,\n startValue: \"max\",\n destroy: \"min\",\n speed: 0.3,\n sync: true\n }\n },\n tilt: {\n direction: \"random\",\n enable: true,\n value: {\n min: 0,\n max: 360\n },\n animation: {\n enable: true,\n speed: 60\n }\n },\n shape: {\n type: \"square\"\n },\n size: {\n value: 30\n }\n },\n emitters: {\n position: {\n x: 50,\n y: 100\n },\n size: {\n width: 0,\n height: 0\n },\n rate: {\n quantity: 5,\n delay: 0.1\n }\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/t/tilt.js?\n}");
2037
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"tilt\",\n name: \"Tilt\",\n background: {\n color: \"#000000\"\n },\n particles: {\n bounce: {\n vertical: {\n value: 0\n },\n horizontal: {\n value: 0\n }\n },\n paint: {\n fill: {\n color: {\n value: [\n \"#1E00FF\",\n \"#FF0061\",\n \"#E1FF00\",\n \"#00FF9E\"\n ],\n animation: {\n enable: true,\n speed: 30\n }\n },\n enable: true\n }\n },\n move: {\n decay: {\n min: 0.05,\n max: 0.15\n },\n direction: \"top\",\n enable: true,\n gravity: {\n acceleration: 9.81,\n enable: true,\n maxSpeed: 200\n },\n outModes: {\n top: \"none\",\n default: \"destroy\"\n },\n speed: {\n min: 50,\n max: 150\n }\n },\n number: {\n value: 0,\n limit: {\n value: 300\n }\n },\n opacity: {\n value: 1,\n animation: {\n enable: false,\n startValue: \"max\",\n destroy: \"min\",\n speed: 0.3,\n sync: true,\n count: 1\n }\n },\n tilt: {\n direction: \"random\",\n enable: true,\n value: {\n min: 0,\n max: 360\n },\n animation: {\n enable: true,\n speed: 60\n }\n },\n shape: {\n type: \"square\"\n },\n size: {\n value: 30\n }\n },\n emitters: {\n position: {\n x: 50,\n y: 100\n },\n size: {\n width: 0,\n height: 0\n },\n rate: {\n quantity: 5,\n delay: 0.1\n }\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/t/tilt.js?\n}");
2018
2038
 
2019
2039
  /***/ },
2020
2040
 
@@ -2024,7 +2044,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
2024
2044
  \*********************************/
2025
2045
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
2026
2046
 
2027
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"trails\",\n name: \"Trails\",\n background: {\n color: \"#000\"\n },\n emitters: {\n position: {\n x: 50,\n y: 50\n },\n size: {\n width: 50,\n height: 50,\n mode: \"precise\"\n },\n rate: {\n delay: 1,\n quantity: 10\n }\n },\n particles: {\n number: {\n value: 0,\n limit: {\n value: 300\n }\n },\n fill: {\n color: {\n value: [\n \"#5bc0eb\",\n \"#fde74c\",\n \"#9bc53d\",\n \"#e55934\",\n \"#fa7921\"\n ]\n },\n enable: true\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 1\n },\n size: {\n value: 5\n },\n move: {\n enable: true,\n speed: 1,\n outModes: \"destroy\",\n path: {\n enable: true,\n delay: {\n value: 0.1\n },\n options: {\n size: 64,\n draw: false,\n increment: 0.001\n },\n generator: \"perlinNoise\"\n }\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: false,\n mode: \"grab\"\n },\n onClick: {\n enable: false,\n mode: \"repulse\"\n }\n },\n modes: {\n grab: {\n distance: 200,\n links: {\n opacity: 1\n }\n },\n bubble: {\n distance: 400,\n size: 40,\n duration: 2,\n opacity: 8\n },\n repulse: {\n distance: 200\n },\n push: {\n quantity: 4\n },\n remove: {\n quantity: 2\n }\n }\n },\n trail: {\n enable: true,\n fill: {\n color: \"#000000\"\n },\n length: 20\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/t/trail.js?\n}");
2047
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"trails\",\n name: \"Trails\",\n background: {\n color: \"#000\"\n },\n emitters: {\n position: {\n x: 50,\n y: 50\n },\n size: {\n width: 50,\n height: 50,\n mode: \"precise\"\n },\n rate: {\n delay: 1,\n quantity: 10\n }\n },\n particles: {\n number: {\n value: 0,\n limit: {\n value: 300\n }\n },\n paint: {\n fill: {\n color: {\n value: [\n \"#5bc0eb\",\n \"#fde74c\",\n \"#9bc53d\",\n \"#e55934\",\n \"#fa7921\"\n ]\n },\n enable: true\n }\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 1\n },\n size: {\n value: 5\n },\n move: {\n enable: true,\n speed: 1,\n outModes: \"destroy\",\n path: {\n enable: true,\n delay: {\n value: 0.1\n },\n options: {\n size: 64,\n draw: false,\n increment: 0.001\n },\n generator: \"perlinNoise\"\n }\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: false,\n mode: \"grab\"\n },\n onClick: {\n enable: false,\n mode: \"repulse\"\n }\n },\n modes: {\n grab: {\n distance: 200,\n links: {\n opacity: 1\n }\n },\n bubble: {\n distance: 400,\n size: 40,\n duration: 2,\n opacity: 8\n },\n repulse: {\n distance: 200\n },\n push: {\n quantity: 4\n },\n remove: {\n quantity: 2\n }\n }\n },\n trail: {\n enable: true,\n fill: {\n color: \"#000000\"\n },\n length: 20\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/t/trail.js?\n}");
2028
2048
 
2029
2049
  /***/ },
2030
2050
 
@@ -2034,7 +2054,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
2034
2054
  \**************************************/
2035
2055
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
2036
2056
 
2037
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"trailsImage\",\n name: \"Trails Image\",\n background: {\n color: \"#ffffff\",\n image: \"url('https://particles.js.org/images/hdr/background3.jpg')\",\n position: \"50% 50%\",\n repeat: \"no-repeat\",\n size: \"cover\"\n },\n emitters: {\n position: {\n x: 50,\n y: 50\n },\n size: {\n width: 50,\n height: 50,\n mode: \"precise\"\n },\n rate: {\n delay: 1,\n quantity: 10\n }\n },\n particles: {\n number: {\n value: 0,\n limit: {\n value: 300\n }\n },\n fill: {\n color: {\n value: [\n \"#5bc0eb\",\n \"#fde74c\",\n \"#9bc53d\",\n \"#e55934\",\n \"#fa7921\"\n ]\n },\n enable: true\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 1\n },\n size: {\n value: 10\n },\n links: {\n enable: false,\n distance: 150,\n color: \"#ffffff\",\n opacity: 0.4,\n width: 1\n },\n move: {\n enable: true,\n speed: 2,\n direction: \"none\",\n random: false,\n straight: false,\n outModes: {\n default: \"destroy\"\n },\n path: {\n enable: true,\n delay: {\n value: 0.1\n },\n options: {\n size: 64,\n draw: false,\n increment: 0.001\n },\n generator: \"perlinNoise\"\n }\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: false,\n mode: \"grab\"\n },\n onClick: {\n enable: false,\n mode: \"repulse\"\n }\n },\n modes: {\n grab: {\n distance: 200,\n links: {\n opacity: 1\n }\n },\n bubble: {\n distance: 400,\n size: 40,\n duration: 2,\n opacity: 8\n },\n repulse: {\n distance: 200\n },\n push: {\n quantity: 4\n },\n remove: {\n quantity: 2\n }\n }\n },\n trail: {\n enable: true,\n fill: {\n image: \"https://particles.js.org/images/hdr/background3.jpg\"\n },\n length: 20\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/t/trailImage.js?\n}");
2057
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"trailsImage\",\n name: \"Trails Image\",\n background: {\n color: \"#ffffff\",\n image: \"url('https://particles.js.org/images/hdr/background3.jpg')\",\n position: \"50% 50%\",\n repeat: \"no-repeat\",\n size: \"cover\"\n },\n emitters: {\n position: {\n x: 50,\n y: 50\n },\n size: {\n width: 50,\n height: 50,\n mode: \"precise\"\n },\n rate: {\n delay: 1,\n quantity: 10\n }\n },\n particles: {\n number: {\n value: 0,\n limit: {\n value: 300\n }\n },\n paint: {\n fill: {\n color: {\n value: [\n \"#5bc0eb\",\n \"#fde74c\",\n \"#9bc53d\",\n \"#e55934\",\n \"#fa7921\"\n ]\n },\n enable: true\n }\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 1\n },\n size: {\n value: 10\n },\n links: {\n enable: false,\n distance: 150,\n color: \"#ffffff\",\n opacity: 0.4,\n width: 1\n },\n move: {\n enable: true,\n speed: 2,\n direction: \"none\",\n random: false,\n straight: false,\n outModes: {\n default: \"destroy\"\n },\n path: {\n enable: true,\n delay: {\n value: 0.1\n },\n options: {\n size: 64,\n draw: false,\n increment: 0.001\n },\n generator: \"perlinNoise\"\n }\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: false,\n mode: \"grab\"\n },\n onClick: {\n enable: false,\n mode: \"repulse\"\n }\n },\n modes: {\n grab: {\n distance: 200,\n links: {\n opacity: 1\n }\n },\n bubble: {\n distance: 400,\n size: 40,\n duration: 2,\n opacity: 8\n },\n repulse: {\n distance: 200\n },\n push: {\n quantity: 4\n },\n remove: {\n quantity: 2\n }\n }\n },\n trail: {\n enable: true,\n fill: {\n image: \"https://particles.js.org/images/hdr/background3.jpg\"\n },\n length: 20\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/t/trailImage.js?\n}");
2038
2058
 
2039
2059
  /***/ },
2040
2060
 
@@ -2044,7 +2064,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
2044
2064
  \*************************************/
2045
2065
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
2046
2066
 
2047
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"triangles\",\n name: \"Triangles\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n shape: {\n type: [\n \"polygon\",\n \"triangle\"\n ],\n options: {\n polygon: {\n sides: 3,\n particles: {\n fill: {\n color: {\n value: \"#f00\"\n },\n enable: true\n }\n }\n },\n triangle: {\n particles: {\n fill: {\n color: {\n value: \"#0f0\"\n },\n enable: true\n }\n }\n }\n }\n },\n opacity: {\n value: 1\n },\n size: {\n value: 30\n },\n move: {\n enable: true,\n speed: 1\n }\n },\n background: {\n color: \"#000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/t/triangles.js?\n}");
2067
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"triangles\",\n name: \"Triangles\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n shape: {\n type: [\n \"polygon\",\n \"triangle\"\n ],\n options: {\n polygon: {\n sides: 3,\n particles: {\n paint: {\n fill: {\n color: {\n value: \"#f00\"\n },\n enable: true\n }\n }\n }\n },\n triangle: {\n particles: {\n paint: {\n fill: {\n color: {\n value: \"#0f0\"\n },\n enable: true\n }\n }\n }\n }\n }\n },\n opacity: {\n value: 1\n },\n size: {\n value: 30\n },\n move: {\n enable: true,\n speed: 1\n }\n },\n background: {\n color: \"#000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/t/triangles.js?\n}");
2048
2068
 
2049
2069
  /***/ },
2050
2070
 
@@ -2054,7 +2074,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
2054
2074
  \***********************************/
2055
2075
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
2056
2076
 
2057
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"twinkle\",\n name: \"Twinkle\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n fill: {\n color: {\n value: \"#ff0000\"\n },\n enable: true\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: {\n min: 0.1,\n max: 0.5\n },\n animation: {\n enable: true,\n speed: 3,\n sync: false\n }\n },\n size: {\n value: {\n min: 0.1,\n max: 5\n },\n animation: {\n enable: true,\n speed: 20,\n sync: false\n }\n },\n links: {\n enable: true,\n distance: 150,\n color: \"#ffffff\",\n opacity: 0.4,\n width: 1\n },\n move: {\n enable: true,\n speed: 2\n },\n twinkle: {\n particles: {\n enable: true,\n fillColor: \"#ffff00\",\n frequency: 0.05,\n opacity: 1\n },\n links: {\n enable: true,\n color: \"#ff0000\",\n frequency: 0.005,\n opacity: 1\n }\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"repulse\"\n },\n onClick: {\n enable: true,\n mode: \"push\"\n }\n },\n modes: {\n grab: {\n distance: 400,\n links: {\n opacity: 1\n }\n },\n bubble: {\n distance: 400,\n size: 40,\n duration: 2,\n opacity: 0.8\n },\n repulse: {\n distance: 200\n },\n push: {\n quantity: 4\n },\n remove: {\n quantity: 2\n }\n }\n },\n background: {\n color: \"#0d47a1\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/t/twinkle.js?\n}");
2077
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"twinkle\",\n name: \"Twinkle\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n paint: {\n fill: {\n color: {\n value: \"#ff0000\"\n },\n enable: true\n }\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: {\n min: 0.1,\n max: 0.5\n },\n animation: {\n enable: true,\n speed: 3,\n sync: false\n }\n },\n size: {\n value: {\n min: 0.1,\n max: 5\n },\n animation: {\n enable: true,\n speed: 20,\n sync: false\n }\n },\n links: {\n enable: true,\n distance: 150,\n color: \"#ffffff\",\n opacity: 0.4,\n width: 1\n },\n move: {\n enable: true,\n speed: 2\n },\n twinkle: {\n particles: {\n enable: true,\n fillColor: \"#ffff00\",\n frequency: 0.05,\n opacity: 1\n },\n links: {\n enable: true,\n color: \"#ff0000\",\n frequency: 0.005,\n opacity: 1\n }\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"repulse\"\n },\n onClick: {\n enable: true,\n mode: \"push\"\n }\n },\n modes: {\n grab: {\n distance: 400,\n links: {\n opacity: 1\n }\n },\n bubble: {\n distance: 400,\n size: 40,\n duration: 2,\n opacity: 0.8\n },\n repulse: {\n distance: 200\n },\n push: {\n quantity: 4\n },\n remove: {\n quantity: 2\n }\n }\n },\n background: {\n color: \"#0d47a1\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/t/twinkle.js?\n}");
2058
2078
 
2059
2079
  /***/ },
2060
2080
 
@@ -2084,7 +2104,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
2084
2104
  \***********************************/
2085
2105
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
2086
2106
 
2087
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"vibrate\",\n name: \"Vibrate\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n fill: {\n color: {\n value: \"#ffffff\"\n },\n enable: true\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: {\n min: 0.1,\n max: 0.5\n },\n animation: {\n enable: true,\n speed: 3,\n sync: false\n }\n },\n size: {\n value: {\n min: 0.1,\n max: 5\n },\n animation: {\n enable: true,\n speed: 20\n }\n },\n links: {\n enable: true,\n distance: 150,\n color: \"#ffffff\",\n opacity: 0.4,\n width: 1\n },\n move: {\n enable: true,\n speed: 0,\n vibrate: true\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"repulse\"\n },\n onClick: {\n enable: true,\n mode: \"push\"\n }\n },\n modes: {\n repulse: {\n distance: 200\n },\n push: {\n quantity: 4\n }\n }\n },\n background: {\n color: \"#0d47a1\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/v/vibrate.js?\n}");
2107
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"vibrate\",\n name: \"Vibrate\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n paint: {\n fill: {\n color: {\n value: \"#ffffff\"\n },\n enable: true\n }\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: {\n min: 0.1,\n max: 0.5\n },\n animation: {\n enable: true,\n speed: 3,\n sync: false\n }\n },\n size: {\n value: {\n min: 0.1,\n max: 5\n },\n animation: {\n enable: true,\n speed: 20\n }\n },\n links: {\n enable: true,\n distance: 150,\n color: \"#ffffff\",\n opacity: 0.4,\n width: 1\n },\n move: {\n enable: true,\n speed: 0,\n vibrate: true\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"repulse\"\n },\n onClick: {\n enable: true,\n mode: \"push\"\n }\n },\n modes: {\n repulse: {\n distance: 200\n },\n push: {\n quantity: 4\n }\n }\n },\n background: {\n color: \"#0d47a1\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/v/vibrate.js?\n}");
2088
2108
 
2089
2109
  /***/ },
2090
2110
 
@@ -2094,7 +2114,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
2094
2114
  \*********************************/
2095
2115
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
2096
2116
 
2097
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"virus\",\n name: \"Virus\",\n interactivity: {\n events: {\n onClick: {\n enable: true,\n mode: \"push\"\n },\n onHover: {\n enable: true,\n mode: \"bubble\"\n }\n },\n modes: {\n bubble: {\n distance: 400,\n duration: 2,\n opacity: 0.8,\n size: 40\n },\n push: {\n quantity: 4\n }\n }\n },\n particles: {\n fill: {\n color: {\n value: \"#ffffff\"\n },\n enable: true\n },\n links: {\n color: \"#323031\",\n distance: 150,\n enable: false,\n opacity: 0.4,\n width: 1\n },\n move: {\n enable: true,\n outModes: \"bounce\",\n speed: 6\n },\n number: {\n density: {\n enable: true\n },\n value: 170\n },\n opacity: {\n value: 0.5\n },\n shape: {\n options: {\n image: {\n height: 32,\n replaceColor: true,\n src: \"https://particles.js.org/images/hdr/sars-cov-2.png\",\n width: 32\n }\n },\n type: \"image\"\n },\n size: {\n value: 16\n }\n },\n background: {\n color: \"#323031\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/v/virus.js?\n}");
2117
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"virus\",\n name: \"Virus\",\n interactivity: {\n events: {\n onClick: {\n enable: true,\n mode: \"push\"\n },\n onHover: {\n enable: true,\n mode: \"bubble\"\n }\n },\n modes: {\n bubble: {\n distance: 400,\n duration: 2,\n opacity: 0.8,\n size: 40\n },\n push: {\n quantity: 4\n }\n }\n },\n particles: {\n paint: {\n fill: {\n color: {\n value: \"#ffffff\"\n },\n enable: true\n }\n },\n links: {\n color: \"#323031\",\n distance: 150,\n enable: false,\n opacity: 0.4,\n width: 1\n },\n move: {\n enable: true,\n outModes: \"bounce\",\n speed: 6\n },\n number: {\n density: {\n enable: true\n },\n value: 170\n },\n opacity: {\n value: 0.5\n },\n shape: {\n options: {\n image: {\n height: 32,\n replaceColor: true,\n src: \"https://particles.js.org/images/hdr/sars-cov-2.png\",\n width: 32\n }\n },\n type: \"image\"\n },\n size: {\n value: 16\n }\n },\n background: {\n color: \"#323031\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/v/virus.js?\n}");
2098
2118
 
2099
2119
  /***/ },
2100
2120
 
@@ -2114,7 +2134,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
2114
2134
  \********************************/
2115
2135
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
2116
2136
 
2117
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"warp\",\n name: \"Warp\",\n fullScreen: false,\n fpsLimit: 120,\n manualParticles: [\n {\n position: {\n x: 2,\n y: 2\n }\n },\n {\n position: {\n x: 2,\n y: 98\n }\n },\n {\n position: {\n x: 98,\n y: 2\n }\n },\n {\n position: {\n x: 98,\n y: 98\n }\n },\n {\n position: {\n x: 3,\n y: 1\n }\n },\n {\n position: {\n x: 99,\n y: 2\n }\n },\n {\n position: {\n x: 3,\n y: 2\n }\n },\n {\n position: {\n x: 99,\n y: 1\n }\n }\n ],\n particles: {\n number: {\n value: 0\n },\n fill: {\n color: {\n value: \"#ffffff\"\n },\n enable: true\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 1\n },\n size: {\n value: 3\n },\n links: {\n enable: true,\n distance: 150,\n color: \"#ffffff\",\n warp: true,\n opacity: 1,\n width: 1\n },\n move: {\n enable: false,\n speed: 2,\n outModes: \"out\",\n warp: true\n }\n },\n background: {\n color: \"#0d47a1\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/w/warp.js?\n}");
2137
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"warp\",\n name: \"Warp\",\n fullScreen: false,\n fpsLimit: 120,\n manualParticles: [\n {\n position: {\n x: 2,\n y: 2\n }\n },\n {\n position: {\n x: 2,\n y: 98\n }\n },\n {\n position: {\n x: 98,\n y: 2\n }\n },\n {\n position: {\n x: 98,\n y: 98\n }\n },\n {\n position: {\n x: 3,\n y: 1\n }\n },\n {\n position: {\n x: 99,\n y: 2\n }\n },\n {\n position: {\n x: 3,\n y: 2\n }\n },\n {\n position: {\n x: 99,\n y: 1\n }\n }\n ],\n particles: {\n number: {\n value: 0\n },\n paint: {\n fill: {\n color: {\n value: \"#ffffff\"\n },\n enable: true\n }\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 1\n },\n size: {\n value: 3\n },\n links: {\n enable: true,\n distance: 150,\n color: \"#ffffff\",\n warp: true,\n opacity: 1,\n width: 1\n },\n move: {\n enable: false,\n speed: 2,\n outModes: \"out\",\n warp: true\n }\n },\n background: {\n color: \"#0d47a1\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/w/warp.js?\n}");
2118
2138
 
2119
2139
  /***/ },
2120
2140
 
@@ -2124,7 +2144,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
2124
2144
  \**********************************/
2125
2145
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
2126
2146
 
2127
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"wobble\",\n name: \"Wobble\",\n background: {\n color: \"#000000\"\n },\n particles: {\n bounce: {\n vertical: {\n value: 0\n },\n horizontal: {\n value: 0\n }\n },\n fill: {\n color: {\n value: [\n \"#1E00FF\",\n \"#FF0061\",\n \"#E1FF00\",\n \"#00FF9E\"\n ],\n animation: {\n enable: true,\n speed: 30\n }\n },\n enable: true\n },\n move: {\n decay: {\n min: 0.05,\n max: 0.15\n },\n direction: \"top\",\n enable: true,\n gravity: {\n acceleration: 9.81,\n enable: true,\n maxSpeed: 200\n },\n outModes: {\n top: \"none\",\n default: \"destroy\"\n },\n speed: {\n min: 50,\n max: 150\n }\n },\n number: {\n value: 0,\n limit: {\n value: 300\n }\n },\n opacity: {\n value: 1,\n animation: {\n enable: false,\n startValue: \"max\",\n destroy: \"min\",\n speed: 0.3,\n sync: true\n }\n },\n rotate: {\n value: {\n min: 0,\n max: 360\n },\n direction: \"random\",\n move: true,\n animation: {\n enable: true,\n speed: 60\n }\n },\n tilt: {\n direction: \"random\",\n enable: true,\n value: {\n min: 0,\n max: 360\n },\n animation: {\n enable: true,\n speed: 60\n }\n },\n shape: {\n type: [\n \"circle\",\n \"square\",\n \"polygon\"\n ],\n options: {\n polygon: [\n {\n sides: 5\n },\n {\n sides: 6\n }\n ]\n }\n },\n size: {\n value: 3\n },\n roll: {\n darken: {\n enable: true,\n value: 30\n },\n enlighten: {\n enable: true,\n value: 30\n },\n enable: true,\n mode: \"both\",\n speed: {\n min: 15,\n max: 25\n }\n },\n wobble: {\n distance: 30,\n enable: true,\n move: true,\n speed: {\n min: -15,\n max: 15\n }\n }\n },\n emitters: {\n position: {\n x: 50,\n y: 100\n },\n size: {\n width: 0,\n height: 0\n },\n rate: {\n quantity: 10,\n delay: 0.05\n }\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/w/wobble.js?\n}");
2147
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"wobble\",\n name: \"Wobble\",\n background: {\n color: \"#000000\"\n },\n particles: {\n bounce: {\n vertical: {\n value: 0\n },\n horizontal: {\n value: 0\n }\n },\n paint: {\n fill: {\n color: {\n value: [\n \"#1E00FF\",\n \"#FF0061\",\n \"#E1FF00\",\n \"#00FF9E\"\n ],\n animation: {\n enable: true,\n speed: 30\n }\n },\n enable: true\n }\n },\n move: {\n decay: {\n min: 0.05,\n max: 0.15\n },\n direction: \"top\",\n enable: true,\n gravity: {\n acceleration: 9.81,\n enable: true,\n maxSpeed: 200\n },\n outModes: {\n top: \"none\",\n default: \"destroy\"\n },\n speed: {\n min: 50,\n max: 150\n }\n },\n number: {\n value: 0,\n limit: {\n value: 300\n }\n },\n opacity: {\n value: 1,\n animation: {\n enable: false,\n startValue: \"max\",\n destroy: \"min\",\n speed: 0.3,\n sync: true,\n count: 1\n }\n },\n rotate: {\n value: {\n min: 0,\n max: 360\n },\n direction: \"random\",\n move: true,\n animation: {\n enable: true,\n speed: 60\n }\n },\n tilt: {\n direction: \"random\",\n enable: true,\n value: {\n min: 0,\n max: 360\n },\n animation: {\n enable: true,\n speed: 60\n }\n },\n shape: {\n type: [\n \"circle\",\n \"square\",\n \"polygon\"\n ],\n options: {\n polygon: [\n {\n sides: 5\n },\n {\n sides: 6\n }\n ]\n }\n },\n size: {\n value: 3\n },\n roll: {\n darken: {\n enable: true,\n value: 30\n },\n enlighten: {\n enable: true,\n value: 30\n },\n enable: true,\n mode: \"both\",\n speed: {\n min: 15,\n max: 25\n }\n },\n wobble: {\n distance: 30,\n enable: true,\n move: true,\n speed: {\n min: -15,\n max: 15\n }\n }\n },\n emitters: {\n position: {\n x: 50,\n y: 100\n },\n size: {\n width: 0,\n height: 0\n },\n rate: {\n quantity: 10,\n delay: 0.05\n }\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/w/wobble.js?\n}");
2128
2148
 
2129
2149
  /***/ },
2130
2150
 
@@ -2134,7 +2154,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
2134
2154
  \*************************************/
2135
2155
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
2136
2156
 
2137
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"wobbleBig\",\n name: \"Wobble Big\",\n background: {\n color: \"#000000\"\n },\n particles: {\n bounce: {\n vertical: {\n value: 0\n },\n horizontal: {\n value: 0\n }\n },\n fill: {\n color: {\n value: [\n \"#1E00FF\",\n \"#FF0061\",\n \"#E1FF00\",\n \"#00FF9E\"\n ],\n animation: {\n enable: true,\n speed: 30\n }\n },\n enable: true\n },\n move: {\n decay: {\n min: 0.05,\n max: 0.15\n },\n direction: \"top\",\n enable: true,\n gravity: {\n acceleration: 9.81,\n enable: true,\n maxSpeed: 200\n },\n outModes: {\n top: \"none\",\n default: \"destroy\"\n },\n speed: {\n min: 50,\n max: 150\n }\n },\n number: {\n value: 0,\n limit: {\n value: 300\n }\n },\n opacity: {\n value: 1,\n animation: {\n enable: false,\n startValue: \"max\",\n destroy: \"min\",\n speed: 0.3,\n sync: true\n }\n },\n rotate: {\n value: {\n min: 0,\n max: 360\n },\n direction: \"random\",\n move: true,\n animation: {\n enable: true,\n speed: 60\n }\n },\n tilt: {\n direction: \"random\",\n enable: true,\n value: {\n min: 0,\n max: 360\n },\n animation: {\n enable: true,\n speed: 60\n }\n },\n shape: {\n type: [\n \"circle\",\n \"square\",\n \"polygon\"\n ],\n options: {\n polygon: [\n {\n sides: 5\n },\n {\n sides: 6\n }\n ]\n }\n },\n size: {\n value: 30\n },\n roll: {\n darken: {\n enable: true,\n value: 30\n },\n enlighten: {\n enable: true,\n value: 30\n },\n enable: true,\n mode: \"both\",\n speed: {\n min: 15,\n max: 25\n }\n },\n wobble: {\n distance: 30,\n enable: true,\n move: true,\n speed: {\n min: -15,\n max: 15\n }\n }\n },\n emitters: {\n position: {\n x: 50,\n y: 100\n },\n size: {\n width: 0,\n height: 0\n },\n rate: {\n quantity: 10,\n delay: 0.2\n }\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/w/wobbleBig.js?\n}");
2157
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"wobbleBig\",\n name: \"Wobble Big\",\n background: {\n color: \"#000000\"\n },\n particles: {\n bounce: {\n vertical: {\n value: 0\n },\n horizontal: {\n value: 0\n }\n },\n paint: {\n fill: {\n color: {\n value: [\n \"#1E00FF\",\n \"#FF0061\",\n \"#E1FF00\",\n \"#00FF9E\"\n ],\n animation: {\n enable: true,\n speed: 30\n }\n },\n enable: true\n }\n },\n move: {\n decay: {\n min: 0.05,\n max: 0.15\n },\n direction: \"top\",\n enable: true,\n gravity: {\n acceleration: 9.81,\n enable: true,\n maxSpeed: 200\n },\n outModes: {\n top: \"none\",\n default: \"destroy\"\n },\n speed: {\n min: 50,\n max: 150\n }\n },\n number: {\n value: 0,\n limit: {\n value: 300\n }\n },\n opacity: {\n value: 1,\n animation: {\n enable: false,\n startValue: \"max\",\n destroy: \"min\",\n speed: 0.3,\n sync: true,\n count: 1\n }\n },\n rotate: {\n value: {\n min: 0,\n max: 360\n },\n direction: \"random\",\n move: true,\n animation: {\n enable: true,\n speed: 60\n }\n },\n tilt: {\n direction: \"random\",\n enable: true,\n value: {\n min: 0,\n max: 360\n },\n animation: {\n enable: true,\n speed: 60\n }\n },\n shape: {\n type: [\n \"circle\",\n \"square\",\n \"polygon\"\n ],\n options: {\n polygon: [\n {\n sides: 5\n },\n {\n sides: 6\n }\n ]\n }\n },\n size: {\n value: 30\n },\n roll: {\n darken: {\n enable: true,\n value: 30\n },\n enlighten: {\n enable: true,\n value: 30\n },\n enable: true,\n mode: \"both\",\n speed: {\n min: 15,\n max: 25\n }\n },\n wobble: {\n distance: 30,\n enable: true,\n move: true,\n speed: {\n min: -15,\n max: 15\n }\n }\n },\n emitters: {\n position: {\n x: 50,\n y: 100\n },\n size: {\n width: 0,\n height: 0\n },\n rate: {\n quantity: 10,\n delay: 0.2\n }\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/w/wobbleBig.js?\n}");
2138
2158
 
2139
2159
  /***/ },
2140
2160
 
@@ -2174,7 +2194,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
2174
2194
  \**********************************/
2175
2195
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
2176
2196
 
2177
- eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"zIndex\",\n name: \"Z Index\",\n particles: {\n groups: {\n z5000: {\n number: {\n value: 70\n },\n zIndex: {\n value: 50\n }\n },\n z7500: {\n number: {\n value: 30\n },\n zIndex: {\n value: 75\n }\n },\n z2500: {\n number: {\n value: 50\n },\n zIndex: {\n value: 25\n }\n },\n z1000: {\n number: {\n value: 40\n },\n zIndex: {\n value: 10\n }\n }\n },\n number: {\n value: 200\n },\n fill: {\n color: {\n value: \"#fff\"\n },\n enable: true\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 1\n },\n size: {\n value: 3\n },\n move: {\n angle: {\n value: 10,\n offset: 0\n },\n enable: true,\n speed: 5,\n direction: \"right\"\n },\n zIndex: {\n value: 5,\n opacityRate: 0.5\n }\n },\n interactivity: {\n events: {\n onClick: {\n enable: true,\n mode: \"push\"\n }\n },\n modes: {\n push: {\n quantity: 4,\n groups: [\n \"z5000\",\n \"z7500\",\n \"z2500\",\n \"z1000\"\n ]\n }\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/z/zIndex.js?\n}");
2197
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"zIndex\",\n name: \"Z Index\",\n particles: {\n groups: {\n z5000: {\n number: {\n value: 70\n },\n zIndex: {\n value: 50\n }\n },\n z7500: {\n number: {\n value: 30\n },\n zIndex: {\n value: 75\n }\n },\n z2500: {\n number: {\n value: 50\n },\n zIndex: {\n value: 25\n }\n },\n z1000: {\n number: {\n value: 40\n },\n zIndex: {\n value: 10\n }\n }\n },\n number: {\n value: 200\n },\n paint: {\n fill: {\n color: {\n value: \"#fff\"\n },\n enable: true\n }\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 1\n },\n size: {\n value: 3\n },\n move: {\n angle: {\n value: 10,\n offset: 0\n },\n enable: true,\n speed: 5,\n direction: \"right\"\n },\n zIndex: {\n value: 5,\n opacityRate: 0.5\n }\n },\n interactivity: {\n events: {\n onClick: {\n enable: true,\n mode: \"push\"\n }\n },\n modes: {\n push: {\n quantity: 4,\n groups: [\n \"z5000\",\n \"z7500\",\n \"z2500\",\n \"z1000\"\n ]\n }\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/z/zIndex.js?\n}");
2178
2198
 
2179
2199
  /***/ }
2180
2200