@tsparticles/configs 4.0.0-beta.0 → 4.0.0-beta.10

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 (759) 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 +11 -9
  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 +7 -12
  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/index.js +2 -2
  65. package/browser/l/lch.js +10 -8
  66. package/browser/l/life.js +10 -8
  67. package/browser/l/lightHover.js +10 -8
  68. package/browser/l/linkTriangles.js +10 -8
  69. package/browser/l/localPolygonMask.js +6 -4
  70. package/browser/m/index.js +2 -0
  71. package/browser/m/manual.js +10 -8
  72. package/browser/m/matrix.js +17 -15
  73. package/browser/m/motionDisable.js +10 -8
  74. package/browser/m/motionReduce.js +10 -8
  75. package/browser/m/mouseAttract.js +10 -8
  76. package/browser/m/mouseBounce.js +10 -8
  77. package/browser/m/mouseCannon.js +102 -0
  78. package/browser/m/mouseDrag.js +10 -8
  79. package/browser/m/mouseDragMomentum.js +10 -8
  80. package/browser/m/mouseFollow.js +6 -4
  81. package/browser/m/mouseParticle.js +10 -8
  82. package/browser/m/mouseParticle2.js +10 -8
  83. package/browser/m/mouseTrail.js +20 -16
  84. package/browser/m/mouseTrailNoise.js +11 -8
  85. package/browser/m/moveAngle.js +10 -8
  86. package/browser/m/moveDistance.js +9 -7
  87. package/browser/m/moveInside.js +10 -8
  88. package/browser/m/moveOutside.js +10 -8
  89. package/browser/m/multipleClickEmitters.js +10 -6
  90. package/browser/m/multiplePolygonMasks.js +6 -4
  91. package/browser/n/namedColors.js +6 -4
  92. package/browser/n/nasa.js +5 -3
  93. package/browser/n/noClear.js +57 -55
  94. package/browser/n/nyancat.js +6 -4
  95. package/browser/n/nyancat2.js +6 -4
  96. package/browser/o/oklch.js +10 -8
  97. package/browser/o/orbit.js +6 -4
  98. package/browser/p/parallax.js +6 -4
  99. package/browser/p/pathBranches.js +43 -41
  100. package/browser/p/pathBranchesInertia.js +43 -41
  101. package/browser/p/pathBrownian.js +43 -41
  102. package/browser/p/pathGrid.js +43 -41
  103. package/browser/p/pathLevy.js +43 -41
  104. package/browser/p/pathMaze.js +43 -41
  105. package/browser/p/pathPolygonMask.js +6 -4
  106. package/browser/p/pathSpiral.js +43 -41
  107. package/browser/p/pathSvg.js +43 -41
  108. package/browser/p/pathZigZag.js +43 -41
  109. package/browser/p/plasma.js +6 -4
  110. package/browser/p/poisson.js +6 -4
  111. package/browser/p/polygonMask.js +6 -4
  112. package/browser/p/polygons.js +21 -13
  113. package/browser/p/pop.js +6 -4
  114. package/browser/palettes.js +8 -1255
  115. package/browser/r/random.js +6 -4
  116. package/browser/r/randomShapes.js +31 -21
  117. package/browser/r/reactBubbles.js +6 -4
  118. package/browser/r/reactDefaults.js +6 -4
  119. package/browser/r/reactMultipleImages.js +6 -4
  120. package/browser/r/reactNightSky.js +6 -4
  121. package/browser/r/reactPolygonMask.js +6 -4
  122. package/browser/r/reactSimple.js +13 -11
  123. package/browser/r/reactSnow.js +6 -4
  124. package/browser/r/reduceDuplicates.js +6 -4
  125. package/browser/r/repulse.js +10 -8
  126. package/browser/r/repulseBack.js +6 -4
  127. package/browser/r/repulseBounce.js +6 -4
  128. package/browser/r/repulseCirc.js +6 -4
  129. package/browser/r/repulseCubic.js +6 -4
  130. package/browser/r/repulseElastic.js +6 -4
  131. package/browser/r/repulseExpo.js +6 -4
  132. package/browser/r/repulseGaussian.js +6 -4
  133. package/browser/r/repulseQuart.js +6 -4
  134. package/browser/r/repulseQuint.js +6 -4
  135. package/browser/r/repulseSigmoid.js +6 -4
  136. package/browser/r/repulseSine.js +6 -4
  137. package/browser/r/repulseSmoothstep.js +6 -4
  138. package/browser/r/responsive.js +18 -12
  139. package/browser/r/ring.js +6 -4
  140. package/browser/s/seaAnemone.js +5 -3
  141. package/browser/s/shadow.js +5 -3
  142. package/browser/s/shapeArrow.js +8 -6
  143. package/browser/s/shapeCog.js +6 -4
  144. package/browser/s/shapeHeart.js +10 -8
  145. package/browser/s/shapeInfinity.js +13 -11
  146. package/browser/s/shapeMultilineText.js +10 -8
  147. package/browser/s/shapeOptions.js +6 -4
  148. package/browser/s/shapePath.js +10 -8
  149. package/browser/s/shapeRoundedPolygon.js +10 -8
  150. package/browser/s/shapeRoundedRect.js +10 -8
  151. package/browser/s/shapeSpiral.js +13 -11
  152. package/browser/s/shapeSquircle.js +10 -8
  153. package/browser/s/slow.js +6 -4
  154. package/browser/s/snow.js +5 -3
  155. package/browser/s/soundsAudio.js +9 -7
  156. package/browser/s/soundsLoop.js +10 -8
  157. package/browser/s/soundsMelodies.js +10 -8
  158. package/browser/s/soundsMelodyLoop.js +10 -8
  159. package/browser/s/soundsNotes.js +10 -8
  160. package/browser/s/speedDecay.js +12 -8
  161. package/browser/s/spin.js +10 -8
  162. package/browser/s/star.js +6 -4
  163. package/browser/s/strokeAnimation.js +19 -17
  164. package/browser/s/style.js +10 -8
  165. package/browser/s/svgReplace.js +6 -4
  166. package/browser/t/test.js +6 -4
  167. package/browser/t/themes.js +48 -32
  168. package/browser/t/tilt.js +10 -7
  169. package/browser/t/trail.js +6 -4
  170. package/browser/t/trailImage.js +6 -4
  171. package/browser/t/triangles.js +12 -8
  172. package/browser/t/twinkle.js +6 -4
  173. package/browser/v/vibrate.js +6 -4
  174. package/browser/v/virus.js +6 -4
  175. package/browser/w/warp.js +6 -4
  176. package/browser/w/wobble.js +10 -7
  177. package/browser/w/wobbleBig.js +10 -7
  178. package/browser/z/zIndex.js +6 -4
  179. package/cjs/a/absorbers.js +6 -4
  180. package/cjs/a/amongUs.js +10 -8
  181. package/cjs/b/backgroundMask.js +6 -4
  182. package/cjs/b/backgroundMaskImage.js +6 -4
  183. package/cjs/b/basic.js +11 -9
  184. package/cjs/b/big.js +43 -41
  185. package/cjs/b/bigBlend.js +43 -41
  186. package/cjs/b/bigBlendCombo.js +43 -41
  187. package/cjs/b/bigBlendParticle.js +43 -41
  188. package/cjs/b/blackHole.js +7 -12
  189. package/cjs/b/bubble.js +6 -4
  190. package/cjs/c/cardSuits.js +24 -16
  191. package/cjs/c/cards.js +10 -8
  192. package/cjs/c/cardsRolling.js +10 -8
  193. package/cjs/c/chars.js +16 -8
  194. package/cjs/c/clickConfetti.js +7 -4
  195. package/cjs/c/clickPause.js +6 -4
  196. package/cjs/c/collisionsAbsorb.js +5 -3
  197. package/cjs/c/collisionsBounce.js +6 -4
  198. package/cjs/c/collisionsDestroy.js +6 -4
  199. package/cjs/c/colorAnimation.js +41 -39
  200. package/cjs/c/connect.js +10 -8
  201. package/cjs/c/curlNoise.js +10 -8
  202. package/cjs/d/delay.js +10 -8
  203. package/cjs/d/delayColor.js +13 -11
  204. package/cjs/d/delayOpacity.js +7 -4
  205. package/cjs/d/delaySize.js +7 -4
  206. package/cjs/d/delayStrokeColor.js +16 -14
  207. package/cjs/d/destroy.js +6 -4
  208. package/cjs/d/disappearing.js +7 -4
  209. package/cjs/d/divEvents.js +6 -4
  210. package/cjs/e/effectBubble.js +10 -8
  211. package/cjs/e/effectFilter.js +50 -0
  212. package/cjs/e/effectParticles.js +15 -11
  213. package/cjs/e/effectTrail.js +10 -8
  214. package/cjs/e/effectTrailTransform.js +10 -8
  215. package/cjs/e/emitter.js +30 -20
  216. package/cjs/e/emitterAbsorber.js +12 -8
  217. package/cjs/e/emitterAngled.js +6 -4
  218. package/cjs/e/emitterImageShape.js +23 -21
  219. package/cjs/e/emitterPaths.js +6 -4
  220. package/cjs/e/emitterShapes.js +6 -4
  221. package/cjs/e/emitterSpawnColor.js +4 -2
  222. package/cjs/e/emitterTextShape.js +23 -21
  223. package/cjs/e/emitterTextStrokeShape.js +23 -21
  224. package/cjs/e/index.js +2 -0
  225. package/cjs/f/fallingConfetti.js +46 -44
  226. package/cjs/f/fireworks.js +54 -48
  227. package/cjs/f/fireworks2.js +53 -48
  228. package/cjs/f/fireworks3.js +208 -0
  229. package/cjs/f/fireworksMask.js +15 -10
  230. package/cjs/f/fontawesome.js +10 -8
  231. package/cjs/f/forward.js +10 -8
  232. package/cjs/f/index.js +2 -0
  233. package/cjs/g/grabRandomColor.js +10 -8
  234. package/cjs/g/gravity.js +21 -17
  235. package/cjs/g/groups.js +6 -4
  236. package/cjs/g/growing.js +7 -4
  237. package/cjs/h/hexagonPath.js +9 -7
  238. package/cjs/h/hollowknight.js +6 -4
  239. package/cjs/h/hyperspace.js +7 -4
  240. package/cjs/i/infection.js +6 -4
  241. package/cjs/index.js +2 -2
  242. package/cjs/l/lch.js +10 -8
  243. package/cjs/l/life.js +10 -8
  244. package/cjs/l/lightHover.js +10 -8
  245. package/cjs/l/linkTriangles.js +10 -8
  246. package/cjs/l/localPolygonMask.js +6 -4
  247. package/cjs/m/index.js +2 -0
  248. package/cjs/m/manual.js +10 -8
  249. package/cjs/m/matrix.js +17 -15
  250. package/cjs/m/motionDisable.js +10 -8
  251. package/cjs/m/motionReduce.js +10 -8
  252. package/cjs/m/mouseAttract.js +10 -8
  253. package/cjs/m/mouseBounce.js +10 -8
  254. package/cjs/m/mouseCannon.js +102 -0
  255. package/cjs/m/mouseDrag.js +10 -8
  256. package/cjs/m/mouseDragMomentum.js +10 -8
  257. package/cjs/m/mouseFollow.js +6 -4
  258. package/cjs/m/mouseParticle.js +10 -8
  259. package/cjs/m/mouseParticle2.js +10 -8
  260. package/cjs/m/mouseTrail.js +20 -16
  261. package/cjs/m/mouseTrailNoise.js +11 -8
  262. package/cjs/m/moveAngle.js +10 -8
  263. package/cjs/m/moveDistance.js +9 -7
  264. package/cjs/m/moveInside.js +10 -8
  265. package/cjs/m/moveOutside.js +10 -8
  266. package/cjs/m/multipleClickEmitters.js +10 -6
  267. package/cjs/m/multiplePolygonMasks.js +6 -4
  268. package/cjs/n/namedColors.js +6 -4
  269. package/cjs/n/nasa.js +5 -3
  270. package/cjs/n/noClear.js +57 -55
  271. package/cjs/n/nyancat.js +6 -4
  272. package/cjs/n/nyancat2.js +6 -4
  273. package/cjs/o/oklch.js +10 -8
  274. package/cjs/o/orbit.js +6 -4
  275. package/cjs/p/parallax.js +6 -4
  276. package/cjs/p/pathBranches.js +43 -41
  277. package/cjs/p/pathBranchesInertia.js +43 -41
  278. package/cjs/p/pathBrownian.js +43 -41
  279. package/cjs/p/pathGrid.js +43 -41
  280. package/cjs/p/pathLevy.js +43 -41
  281. package/cjs/p/pathMaze.js +43 -41
  282. package/cjs/p/pathPolygonMask.js +6 -4
  283. package/cjs/p/pathSpiral.js +43 -41
  284. package/cjs/p/pathSvg.js +43 -41
  285. package/cjs/p/pathZigZag.js +43 -41
  286. package/cjs/p/plasma.js +6 -4
  287. package/cjs/p/poisson.js +6 -4
  288. package/cjs/p/polygonMask.js +6 -4
  289. package/cjs/p/polygons.js +21 -13
  290. package/cjs/p/pop.js +6 -4
  291. package/cjs/palettes.js +8 -1255
  292. package/cjs/r/random.js +6 -4
  293. package/cjs/r/randomShapes.js +31 -21
  294. package/cjs/r/reactBubbles.js +6 -4
  295. package/cjs/r/reactDefaults.js +6 -4
  296. package/cjs/r/reactMultipleImages.js +6 -4
  297. package/cjs/r/reactNightSky.js +6 -4
  298. package/cjs/r/reactPolygonMask.js +6 -4
  299. package/cjs/r/reactSimple.js +13 -11
  300. package/cjs/r/reactSnow.js +6 -4
  301. package/cjs/r/reduceDuplicates.js +6 -4
  302. package/cjs/r/repulse.js +10 -8
  303. package/cjs/r/repulseBack.js +6 -4
  304. package/cjs/r/repulseBounce.js +6 -4
  305. package/cjs/r/repulseCirc.js +6 -4
  306. package/cjs/r/repulseCubic.js +6 -4
  307. package/cjs/r/repulseElastic.js +6 -4
  308. package/cjs/r/repulseExpo.js +6 -4
  309. package/cjs/r/repulseGaussian.js +6 -4
  310. package/cjs/r/repulseQuart.js +6 -4
  311. package/cjs/r/repulseQuint.js +6 -4
  312. package/cjs/r/repulseSigmoid.js +6 -4
  313. package/cjs/r/repulseSine.js +6 -4
  314. package/cjs/r/repulseSmoothstep.js +6 -4
  315. package/cjs/r/responsive.js +18 -12
  316. package/cjs/r/ring.js +6 -4
  317. package/cjs/s/seaAnemone.js +5 -3
  318. package/cjs/s/shadow.js +5 -3
  319. package/cjs/s/shapeArrow.js +8 -6
  320. package/cjs/s/shapeCog.js +6 -4
  321. package/cjs/s/shapeHeart.js +10 -8
  322. package/cjs/s/shapeInfinity.js +13 -11
  323. package/cjs/s/shapeMultilineText.js +10 -8
  324. package/cjs/s/shapeOptions.js +6 -4
  325. package/cjs/s/shapePath.js +10 -8
  326. package/cjs/s/shapeRoundedPolygon.js +10 -8
  327. package/cjs/s/shapeRoundedRect.js +10 -8
  328. package/cjs/s/shapeSpiral.js +13 -11
  329. package/cjs/s/shapeSquircle.js +10 -8
  330. package/cjs/s/slow.js +6 -4
  331. package/cjs/s/snow.js +5 -3
  332. package/cjs/s/soundsAudio.js +9 -7
  333. package/cjs/s/soundsLoop.js +10 -8
  334. package/cjs/s/soundsMelodies.js +10 -8
  335. package/cjs/s/soundsMelodyLoop.js +10 -8
  336. package/cjs/s/soundsNotes.js +10 -8
  337. package/cjs/s/speedDecay.js +12 -8
  338. package/cjs/s/spin.js +10 -8
  339. package/cjs/s/star.js +6 -4
  340. package/cjs/s/strokeAnimation.js +19 -17
  341. package/cjs/s/style.js +10 -8
  342. package/cjs/s/svgReplace.js +6 -4
  343. package/cjs/t/test.js +6 -4
  344. package/cjs/t/themes.js +48 -32
  345. package/cjs/t/tilt.js +10 -7
  346. package/cjs/t/trail.js +6 -4
  347. package/cjs/t/trailImage.js +6 -4
  348. package/cjs/t/triangles.js +12 -8
  349. package/cjs/t/twinkle.js +6 -4
  350. package/cjs/v/vibrate.js +6 -4
  351. package/cjs/v/virus.js +6 -4
  352. package/cjs/w/warp.js +6 -4
  353. package/cjs/w/wobble.js +10 -7
  354. package/cjs/w/wobbleBig.js +10 -7
  355. package/cjs/z/zIndex.js +6 -4
  356. package/esm/a/absorbers.js +6 -4
  357. package/esm/a/amongUs.js +10 -8
  358. package/esm/b/backgroundMask.js +6 -4
  359. package/esm/b/backgroundMaskImage.js +6 -4
  360. package/esm/b/basic.js +11 -9
  361. package/esm/b/big.js +43 -41
  362. package/esm/b/bigBlend.js +43 -41
  363. package/esm/b/bigBlendCombo.js +43 -41
  364. package/esm/b/bigBlendParticle.js +43 -41
  365. package/esm/b/blackHole.js +7 -12
  366. package/esm/b/bubble.js +6 -4
  367. package/esm/c/cardSuits.js +24 -16
  368. package/esm/c/cards.js +10 -8
  369. package/esm/c/cardsRolling.js +10 -8
  370. package/esm/c/chars.js +16 -8
  371. package/esm/c/clickConfetti.js +7 -4
  372. package/esm/c/clickPause.js +6 -4
  373. package/esm/c/collisionsAbsorb.js +5 -3
  374. package/esm/c/collisionsBounce.js +6 -4
  375. package/esm/c/collisionsDestroy.js +6 -4
  376. package/esm/c/colorAnimation.js +41 -39
  377. package/esm/c/connect.js +10 -8
  378. package/esm/c/curlNoise.js +10 -8
  379. package/esm/d/delay.js +10 -8
  380. package/esm/d/delayColor.js +13 -11
  381. package/esm/d/delayOpacity.js +7 -4
  382. package/esm/d/delaySize.js +7 -4
  383. package/esm/d/delayStrokeColor.js +16 -14
  384. package/esm/d/destroy.js +6 -4
  385. package/esm/d/disappearing.js +7 -4
  386. package/esm/d/divEvents.js +6 -4
  387. package/esm/e/effectBubble.js +10 -8
  388. package/esm/e/effectFilter.js +50 -0
  389. package/esm/e/effectParticles.js +15 -11
  390. package/esm/e/effectTrail.js +10 -8
  391. package/esm/e/effectTrailTransform.js +10 -8
  392. package/esm/e/emitter.js +30 -20
  393. package/esm/e/emitterAbsorber.js +12 -8
  394. package/esm/e/emitterAngled.js +6 -4
  395. package/esm/e/emitterImageShape.js +23 -21
  396. package/esm/e/emitterPaths.js +6 -4
  397. package/esm/e/emitterShapes.js +6 -4
  398. package/esm/e/emitterSpawnColor.js +4 -2
  399. package/esm/e/emitterTextShape.js +23 -21
  400. package/esm/e/emitterTextStrokeShape.js +23 -21
  401. package/esm/e/index.js +2 -0
  402. package/esm/f/fallingConfetti.js +46 -44
  403. package/esm/f/fireworks.js +54 -48
  404. package/esm/f/fireworks2.js +53 -48
  405. package/esm/f/fireworks3.js +208 -0
  406. package/esm/f/fireworksMask.js +15 -10
  407. package/esm/f/fontawesome.js +10 -8
  408. package/esm/f/forward.js +10 -8
  409. package/esm/f/index.js +2 -0
  410. package/esm/g/grabRandomColor.js +10 -8
  411. package/esm/g/gravity.js +21 -17
  412. package/esm/g/groups.js +6 -4
  413. package/esm/g/growing.js +7 -4
  414. package/esm/h/hexagonPath.js +9 -7
  415. package/esm/h/hollowknight.js +6 -4
  416. package/esm/h/hyperspace.js +7 -4
  417. package/esm/i/infection.js +6 -4
  418. package/esm/index.js +2 -2
  419. package/esm/l/lch.js +10 -8
  420. package/esm/l/life.js +10 -8
  421. package/esm/l/lightHover.js +10 -8
  422. package/esm/l/linkTriangles.js +10 -8
  423. package/esm/l/localPolygonMask.js +6 -4
  424. package/esm/m/index.js +2 -0
  425. package/esm/m/manual.js +10 -8
  426. package/esm/m/matrix.js +17 -15
  427. package/esm/m/motionDisable.js +10 -8
  428. package/esm/m/motionReduce.js +10 -8
  429. package/esm/m/mouseAttract.js +10 -8
  430. package/esm/m/mouseBounce.js +10 -8
  431. package/esm/m/mouseCannon.js +102 -0
  432. package/esm/m/mouseDrag.js +10 -8
  433. package/esm/m/mouseDragMomentum.js +10 -8
  434. package/esm/m/mouseFollow.js +6 -4
  435. package/esm/m/mouseParticle.js +10 -8
  436. package/esm/m/mouseParticle2.js +10 -8
  437. package/esm/m/mouseTrail.js +20 -16
  438. package/esm/m/mouseTrailNoise.js +11 -8
  439. package/esm/m/moveAngle.js +10 -8
  440. package/esm/m/moveDistance.js +9 -7
  441. package/esm/m/moveInside.js +10 -8
  442. package/esm/m/moveOutside.js +10 -8
  443. package/esm/m/multipleClickEmitters.js +10 -6
  444. package/esm/m/multiplePolygonMasks.js +6 -4
  445. package/esm/n/namedColors.js +6 -4
  446. package/esm/n/nasa.js +5 -3
  447. package/esm/n/noClear.js +57 -55
  448. package/esm/n/nyancat.js +6 -4
  449. package/esm/n/nyancat2.js +6 -4
  450. package/esm/o/oklch.js +10 -8
  451. package/esm/o/orbit.js +6 -4
  452. package/esm/p/parallax.js +6 -4
  453. package/esm/p/pathBranches.js +43 -41
  454. package/esm/p/pathBranchesInertia.js +43 -41
  455. package/esm/p/pathBrownian.js +43 -41
  456. package/esm/p/pathGrid.js +43 -41
  457. package/esm/p/pathLevy.js +43 -41
  458. package/esm/p/pathMaze.js +43 -41
  459. package/esm/p/pathPolygonMask.js +6 -4
  460. package/esm/p/pathSpiral.js +43 -41
  461. package/esm/p/pathSvg.js +43 -41
  462. package/esm/p/pathZigZag.js +43 -41
  463. package/esm/p/plasma.js +6 -4
  464. package/esm/p/poisson.js +6 -4
  465. package/esm/p/polygonMask.js +6 -4
  466. package/esm/p/polygons.js +21 -13
  467. package/esm/p/pop.js +6 -4
  468. package/esm/palettes.js +8 -1255
  469. package/esm/r/random.js +6 -4
  470. package/esm/r/randomShapes.js +31 -21
  471. package/esm/r/reactBubbles.js +6 -4
  472. package/esm/r/reactDefaults.js +6 -4
  473. package/esm/r/reactMultipleImages.js +6 -4
  474. package/esm/r/reactNightSky.js +6 -4
  475. package/esm/r/reactPolygonMask.js +6 -4
  476. package/esm/r/reactSimple.js +13 -11
  477. package/esm/r/reactSnow.js +6 -4
  478. package/esm/r/reduceDuplicates.js +6 -4
  479. package/esm/r/repulse.js +10 -8
  480. package/esm/r/repulseBack.js +6 -4
  481. package/esm/r/repulseBounce.js +6 -4
  482. package/esm/r/repulseCirc.js +6 -4
  483. package/esm/r/repulseCubic.js +6 -4
  484. package/esm/r/repulseElastic.js +6 -4
  485. package/esm/r/repulseExpo.js +6 -4
  486. package/esm/r/repulseGaussian.js +6 -4
  487. package/esm/r/repulseQuart.js +6 -4
  488. package/esm/r/repulseQuint.js +6 -4
  489. package/esm/r/repulseSigmoid.js +6 -4
  490. package/esm/r/repulseSine.js +6 -4
  491. package/esm/r/repulseSmoothstep.js +6 -4
  492. package/esm/r/responsive.js +18 -12
  493. package/esm/r/ring.js +6 -4
  494. package/esm/s/seaAnemone.js +5 -3
  495. package/esm/s/shadow.js +5 -3
  496. package/esm/s/shapeArrow.js +8 -6
  497. package/esm/s/shapeCog.js +6 -4
  498. package/esm/s/shapeHeart.js +10 -8
  499. package/esm/s/shapeInfinity.js +13 -11
  500. package/esm/s/shapeMultilineText.js +10 -8
  501. package/esm/s/shapeOptions.js +6 -4
  502. package/esm/s/shapePath.js +10 -8
  503. package/esm/s/shapeRoundedPolygon.js +10 -8
  504. package/esm/s/shapeRoundedRect.js +10 -8
  505. package/esm/s/shapeSpiral.js +13 -11
  506. package/esm/s/shapeSquircle.js +10 -8
  507. package/esm/s/slow.js +6 -4
  508. package/esm/s/snow.js +5 -3
  509. package/esm/s/soundsAudio.js +9 -7
  510. package/esm/s/soundsLoop.js +10 -8
  511. package/esm/s/soundsMelodies.js +10 -8
  512. package/esm/s/soundsMelodyLoop.js +10 -8
  513. package/esm/s/soundsNotes.js +10 -8
  514. package/esm/s/speedDecay.js +12 -8
  515. package/esm/s/spin.js +10 -8
  516. package/esm/s/star.js +6 -4
  517. package/esm/s/strokeAnimation.js +19 -17
  518. package/esm/s/style.js +10 -8
  519. package/esm/s/svgReplace.js +6 -4
  520. package/esm/t/test.js +6 -4
  521. package/esm/t/themes.js +48 -32
  522. package/esm/t/tilt.js +10 -7
  523. package/esm/t/trail.js +6 -4
  524. package/esm/t/trailImage.js +6 -4
  525. package/esm/t/triangles.js +12 -8
  526. package/esm/t/twinkle.js +6 -4
  527. package/esm/v/vibrate.js +6 -4
  528. package/esm/v/virus.js +6 -4
  529. package/esm/w/warp.js +6 -4
  530. package/esm/w/wobble.js +10 -7
  531. package/esm/w/wobbleBig.js +10 -7
  532. package/esm/z/zIndex.js +6 -4
  533. package/package.json +4 -5
  534. package/report.html +84 -29
  535. package/tsparticles.configs.bundle.js +1 -1
  536. package/tsparticles.configs.js +204 -174
  537. package/tsparticles.configs.min.js +6 -6
  538. package/types/e/effectFilter.d.ts +3 -0
  539. package/types/e/index.d.ts +1 -0
  540. package/types/f/fireworks3.d.ts +3 -0
  541. package/types/f/index.d.ts +1 -0
  542. package/types/index.d.ts +3 -0
  543. package/types/m/index.d.ts +1 -0
  544. package/types/m/mouseCannon.d.ts +3 -0
  545. package/umd/a/absorbers.js +0 -83
  546. package/umd/a/amongUs.js +0 -143
  547. package/umd/a/index.js +0 -21
  548. package/umd/b/backgroundMask.js +0 -97
  549. package/umd/b/backgroundMaskImage.js +0 -85
  550. package/umd/b/basic.js +0 -82
  551. package/umd/b/big.js +0 -96
  552. package/umd/b/bigBlend.js +0 -97
  553. package/umd/b/bigBlendCombo.js +0 -101
  554. package/umd/b/bigBlendParticle.js +0 -97
  555. package/umd/b/blackHole.js +0 -88
  556. package/umd/b/bubble.js +0 -102
  557. package/umd/b/index.js +0 -35
  558. package/umd/bundle.js +0 -27
  559. package/umd/c/cardSuits.js +0 -104
  560. package/umd/c/cards.js +0 -75
  561. package/umd/c/cardsRolling.js +0 -103
  562. package/umd/c/chars.js +0 -106
  563. package/umd/c/clickConfetti.js +0 -182
  564. package/umd/c/clickPause.js +0 -92
  565. package/umd/c/collisionsAbsorb.js +0 -94
  566. package/umd/c/collisionsBounce.js +0 -91
  567. package/umd/c/collisionsDestroy.js +0 -95
  568. package/umd/c/colorAnimation.js +0 -87
  569. package/umd/c/connect.js +0 -126
  570. package/umd/c/curlNoise.js +0 -65
  571. package/umd/c/index.js +0 -39
  572. package/umd/d/dataImages.js +0 -125
  573. package/umd/d/delay.js +0 -83
  574. package/umd/d/delayColor.js +0 -55
  575. package/umd/d/delayOpacity.js +0 -53
  576. package/umd/d/delaySize.js +0 -53
  577. package/umd/d/delayStrokeColor.js +0 -57
  578. package/umd/d/destroy.js +0 -93
  579. package/umd/d/disappearing.js +0 -101
  580. package/umd/d/divEvents.js +0 -125
  581. package/umd/d/index.js +0 -35
  582. package/umd/e/effectBubble.js +0 -93
  583. package/umd/e/effectParticles.js +0 -108
  584. package/umd/e/effectTrail.js +0 -70
  585. package/umd/e/effectTrailTransform.js +0 -72
  586. package/umd/e/emitter.js +0 -280
  587. package/umd/e/emitterAbsorber.js +0 -155
  588. package/umd/e/emitterAngled.js +0 -72
  589. package/umd/e/emitterImageShape.js +0 -111
  590. package/umd/e/emitterImages.js +0 -145
  591. package/umd/e/emitterPaths.js +0 -104
  592. package/umd/e/emitterShapes.js +0 -95
  593. package/umd/e/emitterSpawnColor.js +0 -221
  594. package/umd/e/emitterTextShape.js +0 -114
  595. package/umd/e/emitterTextStrokeShape.js +0 -114
  596. package/umd/e/index.js +0 -45
  597. package/umd/f/fallingConfetti.js +0 -152
  598. package/umd/f/fireworks.js +0 -235
  599. package/umd/f/fireworks2.js +0 -240
  600. package/umd/f/fireworksMask.js +0 -212
  601. package/umd/f/fontawesome.js +0 -111
  602. package/umd/f/forward.js +0 -101
  603. package/umd/f/index.js +0 -29
  604. package/umd/g/gifs.js +0 -63
  605. package/umd/g/grabRandomColor.js +0 -98
  606. package/umd/g/gradients.js +0 -188
  607. package/umd/g/gravity.js +0 -133
  608. package/umd/g/groups.js +0 -81
  609. package/umd/g/growing.js +0 -84
  610. package/umd/g/index.js +0 -29
  611. package/umd/h/hexagonPath.js +0 -88
  612. package/umd/h/hollowknight.js +0 -131
  613. package/umd/h/hyperspace.js +0 -80
  614. package/umd/h/index.js +0 -23
  615. package/umd/i/imageMask.js +0 -73
  616. package/umd/i/images.js +0 -226
  617. package/umd/i/imagesDirections.js +0 -122
  618. package/umd/i/index.js +0 -25
  619. package/umd/i/infection.js +0 -93
  620. package/umd/index.js +0 -86
  621. package/umd/j/index.js +0 -13
  622. package/umd/k/index.js +0 -13
  623. package/umd/l/index.js +0 -27
  624. package/umd/l/lch.js +0 -82
  625. package/umd/l/life.js +0 -95
  626. package/umd/l/lightHover.js +0 -85
  627. package/umd/l/linkTriangles.js +0 -102
  628. package/umd/l/localPolygonMask.js +0 -101
  629. package/umd/m/index.js +0 -55
  630. package/umd/m/manual.js +0 -98
  631. package/umd/m/matrix.js +0 -87
  632. package/umd/m/motionDisable.js +0 -86
  633. package/umd/m/motionReduce.js +0 -104
  634. package/umd/m/mouseAttract.js +0 -102
  635. package/umd/m/mouseBounce.js +0 -97
  636. package/umd/m/mouseDrag.js +0 -60
  637. package/umd/m/mouseDragMomentum.js +0 -65
  638. package/umd/m/mouseFollow.js +0 -78
  639. package/umd/m/mouseParticle.js +0 -65
  640. package/umd/m/mouseParticle2.js +0 -76
  641. package/umd/m/mouseTrail.js +0 -137
  642. package/umd/m/mouseTrailNoise.js +0 -151
  643. package/umd/m/moveAngle.js +0 -98
  644. package/umd/m/moveDistance.js +0 -98
  645. package/umd/m/moveInside.js +0 -57
  646. package/umd/m/moveOutside.js +0 -57
  647. package/umd/m/multipleClickEmitters.js +0 -120
  648. package/umd/m/multiplePolygonMasks.js +0 -138
  649. package/umd/n/index.js +0 -35
  650. package/umd/n/namedColors.js +0 -70
  651. package/umd/n/nasa.js +0 -100
  652. package/umd/n/noClear.js +0 -114
  653. package/umd/n/noConfig.js +0 -17
  654. package/umd/n/noisePlanesFractal.js +0 -103
  655. package/umd/n/noisePlanesPerlin.js +0 -103
  656. package/umd/n/noisePlanesSimplex.js +0 -103
  657. package/umd/n/nyancat.js +0 -74
  658. package/umd/n/nyancat2.js +0 -75
  659. package/umd/o/index.js +0 -21
  660. package/umd/o/oklch.js +0 -82
  661. package/umd/o/orbit.js +0 -66
  662. package/umd/p/index.js +0 -59
  663. package/umd/p/palettes.js +0 -37
  664. package/umd/p/parallax.js +0 -98
  665. package/umd/p/pathBranches.js +0 -104
  666. package/umd/p/pathBranchesInertia.js +0 -108
  667. package/umd/p/pathBrownian.js +0 -101
  668. package/umd/p/pathGrid.js +0 -100
  669. package/umd/p/pathLevy.js +0 -102
  670. package/umd/p/pathMaze.js +0 -101
  671. package/umd/p/pathPolygonMask.js +0 -110
  672. package/umd/p/pathSpiral.js +0 -102
  673. package/umd/p/pathSvg.js +0 -104
  674. package/umd/p/pathZigZag.js +0 -97
  675. package/umd/p/planes.js +0 -66
  676. package/umd/p/plasma.js +0 -72
  677. package/umd/p/poisson.js +0 -54
  678. package/umd/p/polygonMask.js +0 -138
  679. package/umd/p/polygons.js +0 -153
  680. package/umd/p/pop.js +0 -84
  681. package/umd/palettes.js +0 -1273
  682. package/umd/q/index.js +0 -13
  683. package/umd/r/index.js +0 -67
  684. package/umd/r/random.js +0 -107
  685. package/umd/r/randomShapes.js +0 -440
  686. package/umd/r/reactBubbles.js +0 -114
  687. package/umd/r/reactDefaults.js +0 -63
  688. package/umd/r/reactMultipleImages.js +0 -102
  689. package/umd/r/reactNightSky.js +0 -89
  690. package/umd/r/reactPolygonMask.js +0 -106
  691. package/umd/r/reactSimple.js +0 -100
  692. package/umd/r/reactSnow.js +0 -118
  693. package/umd/r/reduceDuplicates.js +0 -143
  694. package/umd/r/repulse.js +0 -123
  695. package/umd/r/repulseBack.js +0 -66
  696. package/umd/r/repulseBounce.js +0 -66
  697. package/umd/r/repulseCirc.js +0 -66
  698. package/umd/r/repulseCubic.js +0 -66
  699. package/umd/r/repulseElastic.js +0 -66
  700. package/umd/r/repulseExpo.js +0 -66
  701. package/umd/r/repulseGaussian.js +0 -66
  702. package/umd/r/repulseQuart.js +0 -66
  703. package/umd/r/repulseQuint.js +0 -66
  704. package/umd/r/repulseSigmoid.js +0 -66
  705. package/umd/r/repulseSine.js +0 -66
  706. package/umd/r/repulseSmoothstep.js +0 -66
  707. package/umd/r/responsive.js +0 -126
  708. package/umd/r/ring.js +0 -85
  709. package/umd/s/index.js +0 -73
  710. package/umd/s/seaAnemone.js +0 -99
  711. package/umd/s/shadow.js +0 -110
  712. package/umd/s/shapeArrow.js +0 -70
  713. package/umd/s/shapeCog.js +0 -108
  714. package/umd/s/shapeEmoji.js +0 -197
  715. package/umd/s/shapeEmojiPadding.js +0 -127
  716. package/umd/s/shapeHeart.js +0 -97
  717. package/umd/s/shapeInfinity.js +0 -100
  718. package/umd/s/shapeMultilineText.js +0 -63
  719. package/umd/s/shapeOptions.js +0 -74
  720. package/umd/s/shapePath.js +0 -182
  721. package/umd/s/shapeRoundedPolygon.js +0 -110
  722. package/umd/s/shapeRoundedRect.js +0 -107
  723. package/umd/s/shapeSpiral.js +0 -114
  724. package/umd/s/shapeSquircle.js +0 -104
  725. package/umd/s/slow.js +0 -96
  726. package/umd/s/snow.js +0 -62
  727. package/umd/s/soundsAudio.js +0 -81
  728. package/umd/s/soundsLoop.js +0 -81
  729. package/umd/s/soundsMelodies.js +0 -104
  730. package/umd/s/soundsMelodyLoop.js +0 -356
  731. package/umd/s/soundsNotes.js +0 -96
  732. package/umd/s/speedDecay.js +0 -151
  733. package/umd/s/spin.js +0 -67
  734. package/umd/s/star.js +0 -108
  735. package/umd/s/strokeAnimation.js +0 -108
  736. package/umd/s/style.js +0 -97
  737. package/umd/s/svgReplace.js +0 -132
  738. package/umd/t/index.js +0 -35
  739. package/umd/t/test.js +0 -132
  740. package/umd/t/textMask.js +0 -85
  741. package/umd/t/textMaskMultiline.js +0 -88
  742. package/umd/t/themes.js +0 -206
  743. package/umd/t/tilt.js +0 -107
  744. package/umd/t/trail.js +0 -113
  745. package/umd/t/trailImage.js +0 -129
  746. package/umd/t/triangles.js +0 -64
  747. package/umd/t/twinkle.js +0 -119
  748. package/umd/u/index.js +0 -13
  749. package/umd/v/index.js +0 -21
  750. package/umd/v/vibrate.js +0 -90
  751. package/umd/v/virus.js +0 -86
  752. package/umd/w/index.js +0 -23
  753. package/umd/w/warp.js +0 -106
  754. package/umd/w/wobble.js +0 -154
  755. package/umd/w/wobbleBig.js +0 -154
  756. package/umd/x/index.js +0 -13
  757. package/umd/y/index.js +0 -13
  758. package/umd/z/index.js +0 -19
  759. 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.0
7
+ * v4.0.0-beta.10
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: 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: \"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 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: 0.5,\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
 
@@ -774,7 +794,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
774
794
  \*******************************/
775
795
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
776
796
 
777
- 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/* harmony import */ var _a_index_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./a/index.js */ \"./dist/browser/a/index.js\");\n/* harmony import */ var _b_index_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./b/index.js */ \"./dist/browser/b/index.js\");\n/* harmony import */ var _c_index_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./c/index.js */ \"./dist/browser/c/index.js\");\n/* harmony import */ var _d_index_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./d/index.js */ \"./dist/browser/d/index.js\");\n/* harmony import */ var _e_index_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./e/index.js */ \"./dist/browser/e/index.js\");\n/* harmony import */ var _f_index_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./f/index.js */ \"./dist/browser/f/index.js\");\n/* harmony import */ var _g_index_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./g/index.js */ \"./dist/browser/g/index.js\");\n/* harmony import */ var _h_index_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./h/index.js */ \"./dist/browser/h/index.js\");\n/* harmony import */ var _i_index_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./i/index.js */ \"./dist/browser/i/index.js\");\n/* harmony import */ var _j_index_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./j/index.js */ \"./dist/browser/j/index.js\");\n/* harmony import */ var _k_index_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./k/index.js */ \"./dist/browser/k/index.js\");\n/* harmony import */ var _l_index_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./l/index.js */ \"./dist/browser/l/index.js\");\n/* harmony import */ var _m_index_js__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./m/index.js */ \"./dist/browser/m/index.js\");\n/* harmony import */ var _n_index_js__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./n/index.js */ \"./dist/browser/n/index.js\");\n/* harmony import */ var _o_index_js__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./o/index.js */ \"./dist/browser/o/index.js\");\n/* harmony import */ var _p_index_js__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./p/index.js */ \"./dist/browser/p/index.js\");\n/* harmony import */ var _palettes_js__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./palettes.js */ \"./dist/browser/palettes.js\");\n/* harmony import */ var _q_index_js__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./q/index.js */ \"./dist/browser/q/index.js\");\n/* harmony import */ var _r_index_js__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./r/index.js */ \"./dist/browser/r/index.js\");\n/* harmony import */ var _s_index_js__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./s/index.js */ \"./dist/browser/s/index.js\");\n/* harmony import */ var _t_index_js__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ./t/index.js */ \"./dist/browser/t/index.js\");\n/* harmony import */ var _u_index_js__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ./u/index.js */ \"./dist/browser/u/index.js\");\n/* harmony import */ var _v_index_js__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ./v/index.js */ \"./dist/browser/v/index.js\");\n/* harmony import */ var _w_index_js__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ./w/index.js */ \"./dist/browser/w/index.js\");\n/* harmony import */ var _x_index_js__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ./x/index.js */ \"./dist/browser/x/index.js\");\n/* harmony import */ var _y_index_js__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! ./y/index.js */ \"./dist/browser/y/index.js\");\n/* harmony import */ var _z_index_js__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! ./z/index.js */ \"./dist/browser/z/index.js\");\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nfor (const key of Object.keys(_palettes_js__WEBPACK_IMPORTED_MODULE_17__.palettes)){\n const palette = _palettes_js__WEBPACK_IMPORTED_MODULE_17__.palettes[key];\n if (!palette) {\n continue;\n }\n _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.tsParticles.addPalette(key, palette);\n}\nconst configs = {\n ..._a_index_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n ..._b_index_js__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n ..._c_index_js__WEBPACK_IMPORTED_MODULE_3__[\"default\"],\n ..._d_index_js__WEBPACK_IMPORTED_MODULE_4__[\"default\"],\n ..._e_index_js__WEBPACK_IMPORTED_MODULE_5__[\"default\"],\n ..._f_index_js__WEBPACK_IMPORTED_MODULE_6__[\"default\"],\n ..._g_index_js__WEBPACK_IMPORTED_MODULE_7__[\"default\"],\n ..._h_index_js__WEBPACK_IMPORTED_MODULE_8__[\"default\"],\n ..._i_index_js__WEBPACK_IMPORTED_MODULE_9__[\"default\"],\n ..._j_index_js__WEBPACK_IMPORTED_MODULE_10__[\"default\"],\n ..._k_index_js__WEBPACK_IMPORTED_MODULE_11__[\"default\"],\n ..._l_index_js__WEBPACK_IMPORTED_MODULE_12__[\"default\"],\n ..._m_index_js__WEBPACK_IMPORTED_MODULE_13__[\"default\"],\n ..._n_index_js__WEBPACK_IMPORTED_MODULE_14__[\"default\"],\n ..._o_index_js__WEBPACK_IMPORTED_MODULE_15__[\"default\"],\n ..._p_index_js__WEBPACK_IMPORTED_MODULE_16__[\"default\"],\n ..._q_index_js__WEBPACK_IMPORTED_MODULE_18__[\"default\"],\n ..._r_index_js__WEBPACK_IMPORTED_MODULE_19__[\"default\"],\n ..._s_index_js__WEBPACK_IMPORTED_MODULE_20__[\"default\"],\n ..._t_index_js__WEBPACK_IMPORTED_MODULE_21__[\"default\"],\n ..._u_index_js__WEBPACK_IMPORTED_MODULE_22__[\"default\"],\n ..._v_index_js__WEBPACK_IMPORTED_MODULE_23__[\"default\"],\n ..._w_index_js__WEBPACK_IMPORTED_MODULE_24__[\"default\"],\n ..._x_index_js__WEBPACK_IMPORTED_MODULE_25__[\"default\"],\n ..._y_index_js__WEBPACK_IMPORTED_MODULE_26__[\"default\"],\n ..._z_index_js__WEBPACK_IMPORTED_MODULE_27__[\"default\"]\n};\nfor (const key of Object.keys(configs)){\n const config = configs[key];\n if (!config) {\n continue;\n }\n _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.tsParticles.addConfig(config);\n}\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (configs);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/index.js?\n}");
797
+ 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/* harmony import */ var _a_index_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./a/index.js */ \"./dist/browser/a/index.js\");\n/* harmony import */ var _b_index_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./b/index.js */ \"./dist/browser/b/index.js\");\n/* harmony import */ var _c_index_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./c/index.js */ \"./dist/browser/c/index.js\");\n/* harmony import */ var _d_index_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./d/index.js */ \"./dist/browser/d/index.js\");\n/* harmony import */ var _e_index_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./e/index.js */ \"./dist/browser/e/index.js\");\n/* harmony import */ var _f_index_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./f/index.js */ \"./dist/browser/f/index.js\");\n/* harmony import */ var _g_index_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./g/index.js */ \"./dist/browser/g/index.js\");\n/* harmony import */ var _h_index_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./h/index.js */ \"./dist/browser/h/index.js\");\n/* harmony import */ var _i_index_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./i/index.js */ \"./dist/browser/i/index.js\");\n/* harmony import */ var _j_index_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./j/index.js */ \"./dist/browser/j/index.js\");\n/* harmony import */ var _k_index_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./k/index.js */ \"./dist/browser/k/index.js\");\n/* harmony import */ var _l_index_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./l/index.js */ \"./dist/browser/l/index.js\");\n/* harmony import */ var _m_index_js__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./m/index.js */ \"./dist/browser/m/index.js\");\n/* harmony import */ var _n_index_js__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./n/index.js */ \"./dist/browser/n/index.js\");\n/* harmony import */ var _o_index_js__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./o/index.js */ \"./dist/browser/o/index.js\");\n/* harmony import */ var _p_index_js__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./p/index.js */ \"./dist/browser/p/index.js\");\n/* harmony import */ var _palettes_js__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./palettes.js */ \"./dist/browser/palettes.js\");\n/* harmony import */ var _q_index_js__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./q/index.js */ \"./dist/browser/q/index.js\");\n/* harmony import */ var _r_index_js__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./r/index.js */ \"./dist/browser/r/index.js\");\n/* harmony import */ var _s_index_js__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./s/index.js */ \"./dist/browser/s/index.js\");\n/* harmony import */ var _t_index_js__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ./t/index.js */ \"./dist/browser/t/index.js\");\n/* harmony import */ var _u_index_js__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ./u/index.js */ \"./dist/browser/u/index.js\");\n/* harmony import */ var _v_index_js__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ./v/index.js */ \"./dist/browser/v/index.js\");\n/* harmony import */ var _w_index_js__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ./w/index.js */ \"./dist/browser/w/index.js\");\n/* harmony import */ var _x_index_js__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ./x/index.js */ \"./dist/browser/x/index.js\");\n/* harmony import */ var _y_index_js__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! ./y/index.js */ \"./dist/browser/y/index.js\");\n/* harmony import */ var _z_index_js__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! ./z/index.js */ \"./dist/browser/z/index.js\");\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nfor (const key of Object.keys(_palettes_js__WEBPACK_IMPORTED_MODULE_17__.palettes)){\n const palette = _palettes_js__WEBPACK_IMPORTED_MODULE_17__.palettes[key];\n if (!palette) {\n continue;\n }\n _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.tsParticles.pluginManager.addPalette(key, palette);\n}\nconst configs = {\n ..._a_index_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n ..._b_index_js__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n ..._c_index_js__WEBPACK_IMPORTED_MODULE_3__[\"default\"],\n ..._d_index_js__WEBPACK_IMPORTED_MODULE_4__[\"default\"],\n ..._e_index_js__WEBPACK_IMPORTED_MODULE_5__[\"default\"],\n ..._f_index_js__WEBPACK_IMPORTED_MODULE_6__[\"default\"],\n ..._g_index_js__WEBPACK_IMPORTED_MODULE_7__[\"default\"],\n ..._h_index_js__WEBPACK_IMPORTED_MODULE_8__[\"default\"],\n ..._i_index_js__WEBPACK_IMPORTED_MODULE_9__[\"default\"],\n ..._j_index_js__WEBPACK_IMPORTED_MODULE_10__[\"default\"],\n ..._k_index_js__WEBPACK_IMPORTED_MODULE_11__[\"default\"],\n ..._l_index_js__WEBPACK_IMPORTED_MODULE_12__[\"default\"],\n ..._m_index_js__WEBPACK_IMPORTED_MODULE_13__[\"default\"],\n ..._n_index_js__WEBPACK_IMPORTED_MODULE_14__[\"default\"],\n ..._o_index_js__WEBPACK_IMPORTED_MODULE_15__[\"default\"],\n ..._p_index_js__WEBPACK_IMPORTED_MODULE_16__[\"default\"],\n ..._q_index_js__WEBPACK_IMPORTED_MODULE_18__[\"default\"],\n ..._r_index_js__WEBPACK_IMPORTED_MODULE_19__[\"default\"],\n ..._s_index_js__WEBPACK_IMPORTED_MODULE_20__[\"default\"],\n ..._t_index_js__WEBPACK_IMPORTED_MODULE_21__[\"default\"],\n ..._u_index_js__WEBPACK_IMPORTED_MODULE_22__[\"default\"],\n ..._v_index_js__WEBPACK_IMPORTED_MODULE_23__[\"default\"],\n ..._w_index_js__WEBPACK_IMPORTED_MODULE_24__[\"default\"],\n ..._x_index_js__WEBPACK_IMPORTED_MODULE_25__[\"default\"],\n ..._y_index_js__WEBPACK_IMPORTED_MODULE_26__[\"default\"],\n ..._z_index_js__WEBPACK_IMPORTED_MODULE_27__[\"default\"]\n};\nfor (const key of Object.keys(configs)){\n const config = configs[key];\n if (!config) {\n continue;\n }\n _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.tsParticles.pluginManager.addConfig(config);\n}\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (configs);\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/index.js?\n}");
778
798
 
779
799
  /***/ },
780
800
 
@@ -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
 
@@ -864,7 +884,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
864
884
  \*********************************/
865
885
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
866
886
 
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 */ });\n/* harmony import */ var _manual_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./manual.js */ \"./dist/browser/m/manual.js\");\n/* harmony import */ var _matrix_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./matrix.js */ \"./dist/browser/m/matrix.js\");\n/* harmony import */ var _motionDisable_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./motionDisable.js */ \"./dist/browser/m/motionDisable.js\");\n/* harmony import */ var _motionReduce_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./motionReduce.js */ \"./dist/browser/m/motionReduce.js\");\n/* harmony import */ var _mouseAttract_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./mouseAttract.js */ \"./dist/browser/m/mouseAttract.js\");\n/* harmony import */ var _mouseBounce_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./mouseBounce.js */ \"./dist/browser/m/mouseBounce.js\");\n/* harmony import */ var _mouseDrag_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./mouseDrag.js */ \"./dist/browser/m/mouseDrag.js\");\n/* harmony import */ var _mouseDragMomentum_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./mouseDragMomentum.js */ \"./dist/browser/m/mouseDragMomentum.js\");\n/* harmony import */ var _mouseFollow_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./mouseFollow.js */ \"./dist/browser/m/mouseFollow.js\");\n/* harmony import */ var _mouseParticle_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./mouseParticle.js */ \"./dist/browser/m/mouseParticle.js\");\n/* harmony import */ var _mouseParticle2_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./mouseParticle2.js */ \"./dist/browser/m/mouseParticle2.js\");\n/* harmony import */ var _mouseTrail_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./mouseTrail.js */ \"./dist/browser/m/mouseTrail.js\");\n/* harmony import */ var _mouseTrailNoise_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./mouseTrailNoise.js */ \"./dist/browser/m/mouseTrailNoise.js\");\n/* harmony import */ var _moveAngle_js__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./moveAngle.js */ \"./dist/browser/m/moveAngle.js\");\n/* harmony import */ var _moveDistance_js__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./moveDistance.js */ \"./dist/browser/m/moveDistance.js\");\n/* harmony import */ var _moveInside_js__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./moveInside.js */ \"./dist/browser/m/moveInside.js\");\n/* harmony import */ var _moveOutside_js__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./moveOutside.js */ \"./dist/browser/m/moveOutside.js\");\n/* harmony import */ var _multipleClickEmitters_js__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./multipleClickEmitters.js */ \"./dist/browser/m/multipleClickEmitters.js\");\n/* harmony import */ var _multiplePolygonMasks_js__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./multiplePolygonMasks.js */ \"./dist/browser/m/multiplePolygonMasks.js\");\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({\n manual: _manual_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"],\n matrix: _matrix_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n motionDisable: _motionDisable_js__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n motionReduce: _motionReduce_js__WEBPACK_IMPORTED_MODULE_3__[\"default\"],\n mouseAttract: _mouseAttract_js__WEBPACK_IMPORTED_MODULE_4__[\"default\"],\n mouseBounce: _mouseBounce_js__WEBPACK_IMPORTED_MODULE_5__[\"default\"],\n mouseDrag: _mouseDrag_js__WEBPACK_IMPORTED_MODULE_6__[\"default\"],\n mouseDragMomentum: _mouseDragMomentum_js__WEBPACK_IMPORTED_MODULE_7__[\"default\"],\n mouseFollow: _mouseFollow_js__WEBPACK_IMPORTED_MODULE_8__[\"default\"],\n mouseParticle: _mouseParticle_js__WEBPACK_IMPORTED_MODULE_9__[\"default\"],\n mouseParticle2: _mouseParticle2_js__WEBPACK_IMPORTED_MODULE_10__[\"default\"],\n mouseTrail: _mouseTrail_js__WEBPACK_IMPORTED_MODULE_11__[\"default\"],\n mouseTrailNoise: _mouseTrailNoise_js__WEBPACK_IMPORTED_MODULE_12__[\"default\"],\n moveAngle: _moveAngle_js__WEBPACK_IMPORTED_MODULE_13__[\"default\"],\n moveDistance: _moveDistance_js__WEBPACK_IMPORTED_MODULE_14__[\"default\"],\n moveInside: _moveInside_js__WEBPACK_IMPORTED_MODULE_15__[\"default\"],\n moveOutside: _moveOutside_js__WEBPACK_IMPORTED_MODULE_16__[\"default\"],\n multipleClickEmitters: _multipleClickEmitters_js__WEBPACK_IMPORTED_MODULE_17__[\"default\"],\n multiplePolygonMasks: _multiplePolygonMasks_js__WEBPACK_IMPORTED_MODULE_18__[\"default\"]\n});\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/m/index.js?\n}");
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 */ });\n/* harmony import */ var _manual_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./manual.js */ \"./dist/browser/m/manual.js\");\n/* harmony import */ var _matrix_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./matrix.js */ \"./dist/browser/m/matrix.js\");\n/* harmony import */ var _motionDisable_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./motionDisable.js */ \"./dist/browser/m/motionDisable.js\");\n/* harmony import */ var _motionReduce_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./motionReduce.js */ \"./dist/browser/m/motionReduce.js\");\n/* harmony import */ var _mouseAttract_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./mouseAttract.js */ \"./dist/browser/m/mouseAttract.js\");\n/* harmony import */ var _mouseBounce_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./mouseBounce.js */ \"./dist/browser/m/mouseBounce.js\");\n/* harmony import */ var _mouseCannon_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./mouseCannon.js */ \"./dist/browser/m/mouseCannon.js\");\n/* harmony import */ var _mouseDrag_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./mouseDrag.js */ \"./dist/browser/m/mouseDrag.js\");\n/* harmony import */ var _mouseDragMomentum_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./mouseDragMomentum.js */ \"./dist/browser/m/mouseDragMomentum.js\");\n/* harmony import */ var _mouseFollow_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./mouseFollow.js */ \"./dist/browser/m/mouseFollow.js\");\n/* harmony import */ var _mouseParticle_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./mouseParticle.js */ \"./dist/browser/m/mouseParticle.js\");\n/* harmony import */ var _mouseParticle2_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./mouseParticle2.js */ \"./dist/browser/m/mouseParticle2.js\");\n/* harmony import */ var _mouseTrail_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./mouseTrail.js */ \"./dist/browser/m/mouseTrail.js\");\n/* harmony import */ var _mouseTrailNoise_js__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./mouseTrailNoise.js */ \"./dist/browser/m/mouseTrailNoise.js\");\n/* harmony import */ var _moveAngle_js__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./moveAngle.js */ \"./dist/browser/m/moveAngle.js\");\n/* harmony import */ var _moveDistance_js__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./moveDistance.js */ \"./dist/browser/m/moveDistance.js\");\n/* harmony import */ var _moveInside_js__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./moveInside.js */ \"./dist/browser/m/moveInside.js\");\n/* harmony import */ var _moveOutside_js__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./moveOutside.js */ \"./dist/browser/m/moveOutside.js\");\n/* harmony import */ var _multipleClickEmitters_js__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./multipleClickEmitters.js */ \"./dist/browser/m/multipleClickEmitters.js\");\n/* harmony import */ var _multiplePolygonMasks_js__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./multiplePolygonMasks.js */ \"./dist/browser/m/multiplePolygonMasks.js\");\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({\n manual: _manual_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"],\n matrix: _matrix_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n motionDisable: _motionDisable_js__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n motionReduce: _motionReduce_js__WEBPACK_IMPORTED_MODULE_3__[\"default\"],\n mouseAttract: _mouseAttract_js__WEBPACK_IMPORTED_MODULE_4__[\"default\"],\n mouseBounce: _mouseBounce_js__WEBPACK_IMPORTED_MODULE_5__[\"default\"],\n mouseCannon: _mouseCannon_js__WEBPACK_IMPORTED_MODULE_6__[\"default\"],\n mouseDrag: _mouseDrag_js__WEBPACK_IMPORTED_MODULE_7__[\"default\"],\n mouseDragMomentum: _mouseDragMomentum_js__WEBPACK_IMPORTED_MODULE_8__[\"default\"],\n mouseFollow: _mouseFollow_js__WEBPACK_IMPORTED_MODULE_9__[\"default\"],\n mouseParticle: _mouseParticle_js__WEBPACK_IMPORTED_MODULE_10__[\"default\"],\n mouseParticle2: _mouseParticle2_js__WEBPACK_IMPORTED_MODULE_11__[\"default\"],\n mouseTrail: _mouseTrail_js__WEBPACK_IMPORTED_MODULE_12__[\"default\"],\n mouseTrailNoise: _mouseTrailNoise_js__WEBPACK_IMPORTED_MODULE_13__[\"default\"],\n moveAngle: _moveAngle_js__WEBPACK_IMPORTED_MODULE_14__[\"default\"],\n moveDistance: _moveDistance_js__WEBPACK_IMPORTED_MODULE_15__[\"default\"],\n moveInside: _moveInside_js__WEBPACK_IMPORTED_MODULE_16__[\"default\"],\n moveOutside: _moveOutside_js__WEBPACK_IMPORTED_MODULE_17__[\"default\"],\n multipleClickEmitters: _multipleClickEmitters_js__WEBPACK_IMPORTED_MODULE_18__[\"default\"],\n multiplePolygonMasks: _multiplePolygonMasks_js__WEBPACK_IMPORTED_MODULE_19__[\"default\"]\n});\n\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/m/index.js?\n}");
868
888
 
869
889
  /***/ },
870
890
 
@@ -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,17 @@ 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}");
948
+
949
+ /***/ },
950
+
951
+ /***/ "./dist/browser/m/mouseCannon.js"
952
+ /*!***************************************!*\
953
+ !*** ./dist/browser/m/mouseCannon.js ***!
954
+ \***************************************/
955
+ (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
956
+
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}");
928
958
 
929
959
  /***/ },
930
960
 
@@ -934,7 +964,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
934
964
  \*************************************/
935
965
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
936
966
 
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: \"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}");
938
968
 
939
969
  /***/ },
940
970
 
@@ -944,7 +974,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
944
974
  \*********************************************/
945
975
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
946
976
 
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: \"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}");
948
978
 
949
979
  /***/ },
950
980
 
@@ -954,7 +984,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
954
984
  \***************************************/
955
985
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
956
986
 
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: \"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}");
958
988
 
959
989
  /***/ },
960
990
 
@@ -964,7 +994,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
964
994
  \*****************************************/
965
995
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
966
996
 
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: \"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}");
968
998
 
969
999
  /***/ },
970
1000
 
@@ -974,7 +1004,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
974
1004
  \******************************************/
975
1005
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
976
1006
 
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: \"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}");
978
1008
 
979
1009
  /***/ },
980
1010
 
@@ -984,7 +1014,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
984
1014
  \**************************************/
985
1015
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
986
1016
 
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: \"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}");
988
1018
 
989
1019
  /***/ },
990
1020
 
@@ -994,7 +1024,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
994
1024
  \*******************************************/
995
1025
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
996
1026
 
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: \"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}");
998
1028
 
999
1029
  /***/ },
1000
1030
 
@@ -1004,7 +1034,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1004
1034
  \*************************************/
1005
1035
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1006
1036
 
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: \"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}");
1008
1038
 
1009
1039
  /***/ },
1010
1040
 
@@ -1014,7 +1044,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1014
1044
  \****************************************/
1015
1045
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1016
1046
 
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: \"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}");
1018
1048
 
1019
1049
  /***/ },
1020
1050
 
@@ -1024,7 +1054,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1024
1054
  \**************************************/
1025
1055
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1026
1056
 
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: \"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}");
1028
1058
 
1029
1059
  /***/ },
1030
1060
 
@@ -1034,7 +1064,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1034
1064
  \***************************************/
1035
1065
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1036
1066
 
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: \"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}");
1038
1068
 
1039
1069
  /***/ },
1040
1070
 
@@ -1044,7 +1074,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1044
1074
  \*************************************************/
1045
1075
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1046
1076
 
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: \"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}");
1048
1078
 
1049
1079
  /***/ },
1050
1080
 
@@ -1054,7 +1084,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1054
1084
  \************************************************/
1055
1085
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1056
1086
 
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: \"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}");
1058
1088
 
1059
1089
  /***/ },
1060
1090
 
@@ -1074,7 +1104,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1074
1104
  \***************************************/
1075
1105
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1076
1106
 
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: \"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}");
1078
1108
 
1079
1109
  /***/ },
1080
1110
 
@@ -1084,7 +1114,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1084
1114
  \********************************/
1085
1115
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1086
1116
 
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: \"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}");
1088
1118
 
1089
1119
  /***/ },
1090
1120
 
@@ -1094,7 +1124,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1094
1124
  \***********************************/
1095
1125
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1096
1126
 
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: \"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}");
1098
1128
 
1099
1129
  /***/ },
1100
1130
 
@@ -1144,7 +1174,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1144
1174
  \***********************************/
1145
1175
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1146
1176
 
1147
- eval("{__webpack_require__.r(__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}");
1148
1178
 
1149
1179
  /***/ },
1150
1180
 
@@ -1154,7 +1184,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1154
1184
  \************************************/
1155
1185
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1156
1186
 
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: \"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}");
1158
1188
 
1159
1189
  /***/ },
1160
1190
 
@@ -1174,7 +1204,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1174
1204
  \*********************************/
1175
1205
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1176
1206
 
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: \"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}");
1178
1208
 
1179
1209
  /***/ },
1180
1210
 
@@ -1184,7 +1214,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1184
1214
  \*********************************/
1185
1215
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1186
1216
 
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: \"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}");
1188
1218
 
1189
1219
  /***/ },
1190
1220
 
@@ -1214,7 +1244,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1214
1244
  \************************************/
1215
1245
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1216
1246
 
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: \"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}");
1218
1248
 
1219
1249
  /***/ },
1220
1250
 
@@ -1224,7 +1254,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1224
1254
  \****************************************/
1225
1255
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1226
1256
 
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 */ });\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}");
1228
1258
 
1229
1259
  /***/ },
1230
1260
 
@@ -1234,7 +1264,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1234
1264
  \***********************************************/
1235
1265
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1236
1266
 
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: \"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}");
1238
1268
 
1239
1269
  /***/ },
1240
1270
 
@@ -1244,7 +1274,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1244
1274
  \****************************************/
1245
1275
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1246
1276
 
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 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}");
1248
1278
 
1249
1279
  /***/ },
1250
1280
 
@@ -1254,7 +1284,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1254
1284
  \************************************/
1255
1285
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1256
1286
 
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 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}");
1258
1288
 
1259
1289
  /***/ },
1260
1290
 
@@ -1264,7 +1294,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1264
1294
  \************************************/
1265
1295
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1266
1296
 
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: \"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}");
1268
1298
 
1269
1299
  /***/ },
1270
1300
 
@@ -1274,7 +1304,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1274
1304
  \************************************/
1275
1305
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1276
1306
 
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: \"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}");
1278
1308
 
1279
1309
  /***/ },
1280
1310
 
@@ -1284,7 +1314,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1284
1314
  \*******************************************/
1285
1315
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1286
1316
 
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: \"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}");
1288
1318
 
1289
1319
  /***/ },
1290
1320
 
@@ -1294,7 +1324,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1294
1324
  \**************************************/
1295
1325
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1296
1326
 
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: \"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}");
1298
1328
 
1299
1329
  /***/ },
1300
1330
 
@@ -1304,7 +1334,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1304
1334
  \***********************************/
1305
1335
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1306
1336
 
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: \"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}");
1308
1338
 
1309
1339
  /***/ },
1310
1340
 
@@ -1314,7 +1344,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1314
1344
  \**************************************/
1315
1345
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1316
1346
 
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: \"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}");
1318
1348
 
1319
1349
  /***/ },
1320
1350
 
@@ -1334,7 +1364,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1334
1364
  \**********************************/
1335
1365
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1336
1366
 
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: \"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}");
1338
1368
 
1339
1369
  /***/ },
1340
1370
 
@@ -1344,7 +1374,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1344
1374
  \***********************************/
1345
1375
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1346
1376
 
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: \"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}");
1348
1378
 
1349
1379
  /***/ },
1350
1380
 
@@ -1354,7 +1384,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1354
1384
  \***************************************/
1355
1385
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1356
1386
 
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: \"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}");
1358
1388
 
1359
1389
  /***/ },
1360
1390
 
@@ -1364,7 +1394,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1364
1394
  \************************************/
1365
1395
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1366
1396
 
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: \"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}");
1368
1398
 
1369
1399
  /***/ },
1370
1400
 
@@ -1374,7 +1404,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1374
1404
  \*******************************/
1375
1405
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1376
1406
 
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 */ });\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}");
1378
1408
 
1379
1409
  /***/ },
1380
1410
 
@@ -1384,7 +1414,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1384
1414
  \**********************************/
1385
1415
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1386
1416
 
1387
- 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}");
1388
1418
 
1389
1419
  /***/ },
1390
1420
 
@@ -1414,7 +1444,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1414
1444
  \**********************************/
1415
1445
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1416
1446
 
1417
- eval("{__webpack_require__.r(__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}");
1418
1448
 
1419
1449
  /***/ },
1420
1450
 
@@ -1424,7 +1454,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1424
1454
  \****************************************/
1425
1455
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1426
1456
 
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: \"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}");
1428
1458
 
1429
1459
  /***/ },
1430
1460
 
@@ -1434,7 +1464,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1434
1464
  \****************************************/
1435
1465
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1436
1466
 
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: \"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}");
1438
1468
 
1439
1469
  /***/ },
1440
1470
 
@@ -1444,7 +1474,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1444
1474
  \*****************************************/
1445
1475
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1446
1476
 
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: \"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}");
1448
1478
 
1449
1479
  /***/ },
1450
1480
 
@@ -1454,7 +1484,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1454
1484
  \***********************************************/
1455
1485
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1456
1486
 
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: \"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}");
1458
1488
 
1459
1489
  /***/ },
1460
1490
 
@@ -1464,7 +1494,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1464
1494
  \*****************************************/
1465
1495
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1466
1496
 
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: \"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}");
1468
1498
 
1469
1499
  /***/ },
1470
1500
 
@@ -1474,7 +1504,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1474
1504
  \********************************************/
1475
1505
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1476
1506
 
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: \"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}");
1478
1508
 
1479
1509
  /***/ },
1480
1510
 
@@ -1484,7 +1514,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1484
1514
  \***************************************/
1485
1515
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1486
1516
 
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: \"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}");
1488
1518
 
1489
1519
  /***/ },
1490
1520
 
@@ -1494,7 +1524,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1494
1524
  \*************************************/
1495
1525
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1496
1526
 
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: \"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}");
1498
1528
 
1499
1529
  /***/ },
1500
1530
 
@@ -1504,7 +1534,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1504
1534
  \********************************************/
1505
1535
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1506
1536
 
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: \"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}");
1508
1538
 
1509
1539
  /***/ },
1510
1540
 
@@ -1514,7 +1544,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1514
1544
  \***********************************/
1515
1545
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1516
1546
 
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: \"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}");
1518
1548
 
1519
1549
  /***/ },
1520
1550
 
@@ -1524,7 +1554,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1524
1554
  \***************************************/
1525
1555
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1526
1556
 
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: \"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}");
1528
1558
 
1529
1559
  /***/ },
1530
1560
 
@@ -1534,7 +1564,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1534
1564
  \*****************************************/
1535
1565
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1536
1566
 
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: \"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}");
1538
1568
 
1539
1569
  /***/ },
1540
1570
 
@@ -1544,7 +1574,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1544
1574
  \***************************************/
1545
1575
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1546
1576
 
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: \"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}");
1548
1578
 
1549
1579
  /***/ },
1550
1580
 
@@ -1554,7 +1584,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1554
1584
  \****************************************/
1555
1585
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1556
1586
 
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: \"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}");
1558
1588
 
1559
1589
  /***/ },
1560
1590
 
@@ -1564,7 +1594,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1564
1594
  \******************************************/
1565
1595
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1566
1596
 
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: \"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}");
1568
1598
 
1569
1599
  /***/ },
1570
1600
 
@@ -1574,7 +1604,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1574
1604
  \***************************************/
1575
1605
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1576
1606
 
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: \"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}");
1578
1608
 
1579
1609
  /***/ },
1580
1610
 
@@ -1584,7 +1614,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1584
1614
  \*******************************************/
1585
1615
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1586
1616
 
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: \"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}");
1588
1618
 
1589
1619
  /***/ },
1590
1620
 
@@ -1594,7 +1624,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1594
1624
  \****************************************/
1595
1625
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1596
1626
 
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: \"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}");
1598
1628
 
1599
1629
  /***/ },
1600
1630
 
@@ -1604,7 +1634,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1604
1634
  \****************************************/
1605
1635
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1606
1636
 
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: \"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}");
1608
1638
 
1609
1639
  /***/ },
1610
1640
 
@@ -1614,7 +1644,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1614
1644
  \******************************************/
1615
1645
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1616
1646
 
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: \"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}");
1618
1648
 
1619
1649
  /***/ },
1620
1650
 
@@ -1624,7 +1654,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1624
1654
  \***************************************/
1625
1655
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1626
1656
 
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: \"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}");
1628
1658
 
1629
1659
  /***/ },
1630
1660
 
@@ -1634,7 +1664,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1634
1664
  \*********************************************/
1635
1665
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1636
1666
 
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: \"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}");
1638
1668
 
1639
1669
  /***/ },
1640
1670
 
@@ -1644,7 +1674,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1644
1674
  \**************************************/
1645
1675
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1646
1676
 
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: \"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}");
1648
1678
 
1649
1679
  /***/ },
1650
1680
 
@@ -1654,7 +1684,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1654
1684
  \********************************/
1655
1685
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1656
1686
 
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: \"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}");
1658
1688
 
1659
1689
  /***/ },
1660
1690
 
@@ -1674,7 +1704,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1674
1704
  \**************************************/
1675
1705
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1676
1706
 
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: \"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}");
1678
1708
 
1679
1709
  /***/ },
1680
1710
 
@@ -1684,7 +1714,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1684
1714
  \**********************************/
1685
1715
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1686
1716
 
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: \"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}");
1688
1718
 
1689
1719
  /***/ },
1690
1720
 
@@ -1694,7 +1724,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1694
1724
  \**************************************/
1695
1725
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1696
1726
 
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: \"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}");
1698
1728
 
1699
1729
  /***/ },
1700
1730
 
@@ -1704,7 +1734,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1704
1734
  \************************************/
1705
1735
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1706
1736
 
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: \"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}");
1708
1738
 
1709
1739
  /***/ },
1710
1740
 
@@ -1734,7 +1764,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1734
1764
  \**************************************/
1735
1765
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1736
1766
 
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: \"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}");
1738
1768
 
1739
1769
  /***/ },
1740
1770
 
@@ -1744,7 +1774,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1744
1774
  \*****************************************/
1745
1775
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1746
1776
 
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: \"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}");
1748
1778
 
1749
1779
  /***/ },
1750
1780
 
@@ -1754,7 +1784,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1754
1784
  \**********************************************/
1755
1785
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1756
1786
 
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: \"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}");
1758
1788
 
1759
1789
  /***/ },
1760
1790
 
@@ -1764,7 +1794,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1764
1794
  \****************************************/
1765
1795
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1766
1796
 
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: \"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}");
1768
1798
 
1769
1799
  /***/ },
1770
1800
 
@@ -1774,7 +1804,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1774
1804
  \*************************************/
1775
1805
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1776
1806
 
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: \"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}");
1778
1808
 
1779
1809
  /***/ },
1780
1810
 
@@ -1784,7 +1814,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1784
1814
  \***********************************************/
1785
1815
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1786
1816
 
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: \"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}");
1788
1818
 
1789
1819
  /***/ },
1790
1820
 
@@ -1794,7 +1824,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1794
1824
  \********************************************/
1795
1825
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1796
1826
 
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: \"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}");
1798
1828
 
1799
1829
  /***/ },
1800
1830
 
@@ -1804,7 +1834,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1804
1834
  \***************************************/
1805
1835
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1806
1836
 
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: \"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}");
1808
1838
 
1809
1839
  /***/ },
1810
1840
 
@@ -1814,7 +1844,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1814
1844
  \*****************************************/
1815
1845
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1816
1846
 
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: \"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}");
1818
1848
 
1819
1849
  /***/ },
1820
1850
 
@@ -1824,7 +1854,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1824
1854
  \********************************/
1825
1855
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1826
1856
 
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: \"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}");
1828
1858
 
1829
1859
  /***/ },
1830
1860
 
@@ -1834,7 +1864,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1834
1864
  \********************************/
1835
1865
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1836
1866
 
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: \"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}");
1838
1868
 
1839
1869
  /***/ },
1840
1870
 
@@ -1844,7 +1874,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1844
1874
  \***************************************/
1845
1875
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1846
1876
 
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: \"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}");
1848
1878
 
1849
1879
  /***/ },
1850
1880
 
@@ -1854,7 +1884,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1854
1884
  \**************************************/
1855
1885
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1856
1886
 
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: \"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}");
1858
1888
 
1859
1889
  /***/ },
1860
1890
 
@@ -1864,7 +1894,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1864
1894
  \******************************************/
1865
1895
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1866
1896
 
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: \"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}");
1868
1898
 
1869
1899
  /***/ },
1870
1900
 
@@ -1874,7 +1904,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1874
1904
  \********************************************/
1875
1905
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1876
1906
 
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: \"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}");
1878
1908
 
1879
1909
  /***/ },
1880
1910
 
@@ -1884,7 +1914,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1884
1914
  \***************************************/
1885
1915
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1886
1916
 
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: \"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}");
1888
1918
 
1889
1919
  /***/ },
1890
1920
 
@@ -1894,7 +1924,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1894
1924
  \**************************************/
1895
1925
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1896
1926
 
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: \"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}");
1898
1928
 
1899
1929
  /***/ },
1900
1930
 
@@ -1904,7 +1934,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1904
1934
  \********************************/
1905
1935
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1906
1936
 
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: \"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}");
1908
1938
 
1909
1939
  /***/ },
1910
1940
 
@@ -1914,7 +1944,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1914
1944
  \********************************/
1915
1945
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1916
1946
 
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: \"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}");
1918
1948
 
1919
1949
  /***/ },
1920
1950
 
@@ -1924,7 +1954,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1924
1954
  \*******************************************/
1925
1955
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1926
1956
 
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: \"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}");
1928
1958
 
1929
1959
  /***/ },
1930
1960
 
@@ -1934,7 +1964,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1934
1964
  \*********************************/
1935
1965
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1936
1966
 
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: \"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}");
1938
1968
 
1939
1969
  /***/ },
1940
1970
 
@@ -1944,7 +1974,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1944
1974
  \**************************************/
1945
1975
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1946
1976
 
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: \"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}");
1948
1978
 
1949
1979
  /***/ },
1950
1980
 
@@ -1964,7 +1994,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1964
1994
  \********************************/
1965
1995
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1966
1996
 
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: \"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}");
1968
1998
 
1969
1999
  /***/ },
1970
2000
 
@@ -1994,7 +2024,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
1994
2024
  \**********************************/
1995
2025
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
1996
2026
 
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: \"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}");
1998
2028
 
1999
2029
  /***/ },
2000
2030
 
@@ -2004,7 +2034,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
2004
2034
  \********************************/
2005
2035
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
2006
2036
 
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: \"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}");
2008
2038
 
2009
2039
  /***/ },
2010
2040
 
@@ -2014,7 +2044,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
2014
2044
  \*********************************/
2015
2045
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
2016
2046
 
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: \"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}");
2018
2048
 
2019
2049
  /***/ },
2020
2050
 
@@ -2024,7 +2054,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
2024
2054
  \**************************************/
2025
2055
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
2026
2056
 
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: \"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}");
2028
2058
 
2029
2059
  /***/ },
2030
2060
 
@@ -2034,7 +2064,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
2034
2064
  \*************************************/
2035
2065
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
2036
2066
 
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: \"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}");
2038
2068
 
2039
2069
  /***/ },
2040
2070
 
@@ -2044,7 +2074,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
2044
2074
  \***********************************/
2045
2075
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
2046
2076
 
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: \"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}");
2048
2078
 
2049
2079
  /***/ },
2050
2080
 
@@ -2074,7 +2104,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
2074
2104
  \***********************************/
2075
2105
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
2076
2106
 
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: \"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}");
2078
2108
 
2079
2109
  /***/ },
2080
2110
 
@@ -2084,7 +2114,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
2084
2114
  \*********************************/
2085
2115
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
2086
2116
 
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: \"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}");
2088
2118
 
2089
2119
  /***/ },
2090
2120
 
@@ -2104,7 +2134,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
2104
2134
  \********************************/
2105
2135
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
2106
2136
 
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: \"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}");
2108
2138
 
2109
2139
  /***/ },
2110
2140
 
@@ -2114,7 +2144,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
2114
2144
  \**********************************/
2115
2145
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
2116
2146
 
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: \"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}");
2118
2148
 
2119
2149
  /***/ },
2120
2150
 
@@ -2124,7 +2154,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
2124
2154
  \*************************************/
2125
2155
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
2126
2156
 
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: \"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}");
2128
2158
 
2129
2159
  /***/ },
2130
2160
 
@@ -2164,7 +2194,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
2164
2194
  \**********************************/
2165
2195
  (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
2166
2196
 
2167
- eval("{__webpack_require__.r(__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}");
2168
2198
 
2169
2199
  /***/ }
2170
2200