@tsparticles/configs 3.8.1 → 3.9.1

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 (38) hide show
  1. package/browser/g/groups.js +66 -0
  2. package/browser/g/index.js +2 -0
  3. package/browser/n/index.js +6 -2
  4. package/browser/n/noisePlanesFractal.js +91 -0
  5. package/browser/n/noisePlanesPerlin.js +91 -0
  6. package/browser/n/{noisePlanes.js → noisePlanesSimplex.js} +2 -2
  7. package/cjs/g/groups.js +68 -0
  8. package/cjs/g/index.js +2 -0
  9. package/cjs/n/index.js +6 -2
  10. package/cjs/n/noisePlanesFractal.js +93 -0
  11. package/cjs/n/noisePlanesPerlin.js +93 -0
  12. package/cjs/n/{noisePlanes.js → noisePlanesSimplex.js} +2 -2
  13. package/esm/g/groups.js +66 -0
  14. package/esm/g/index.js +2 -0
  15. package/esm/n/index.js +6 -2
  16. package/esm/n/noisePlanesFractal.js +91 -0
  17. package/esm/n/noisePlanesPerlin.js +91 -0
  18. package/esm/n/{noisePlanes.js → noisePlanesSimplex.js} +2 -2
  19. package/package.json +2 -2
  20. package/report.html +2 -2
  21. package/tsparticles.configs.bundle.js +2 -2
  22. package/tsparticles.configs.bundle.min.js.LICENSE.txt +1 -1
  23. package/tsparticles.configs.js +219 -189
  24. package/tsparticles.configs.min.js +1 -1
  25. package/tsparticles.configs.min.js.LICENSE.txt +1 -1
  26. package/types/g/index.d.ts +1 -0
  27. package/types/index.d.ts +4 -1
  28. package/types/n/index.d.ts +3 -1
  29. package/types/n/noisePlanesFractal.d.ts +3 -0
  30. package/types/n/noisePlanesPerlin.d.ts +3 -0
  31. package/types/n/noisePlanesSimplex.d.ts +3 -0
  32. package/umd/g/groups.js +78 -0
  33. package/umd/g/index.js +3 -1
  34. package/umd/n/index.js +7 -3
  35. package/umd/n/noisePlanesFractal.js +103 -0
  36. package/umd/n/noisePlanesPerlin.js +103 -0
  37. package/umd/n/{noisePlanes.js → noisePlanesSimplex.js} +2 -2
  38. /package/types/{n/noisePlanes.d.ts → g/groups.d.ts} +0 -0
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
- * v3.8.1
7
+ * v3.9.1
8
8
  */
9
9
  /*
10
10
  * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
@@ -34,7 +34,7 @@ return /******/ (() => { // webpackBootstrap
34
34
  \*************************************/
35
35
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
36
36
 
37
- eval("__webpack_require__.r(__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 color: {\n value: \"#ffffff\"\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/a/absorbers.js?");
37
+ eval("{__webpack_require__.r(__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 color: {\n value: \"#ffffff\"\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/a/absorbers.js?\n}");
38
38
 
39
39
  /***/ }),
40
40
 
@@ -44,7 +44,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
44
44
  \***********************************/
45
45
  /***/ ((__unused_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: \"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 color: {\n value: \"#fff\",\n animation: {\n enable: false,\n speed: 20,\n sync: 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/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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/a/amongUs.js?");
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: \"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 color: {\n value: \"#fff\",\n animation: {\n enable: false,\n speed: 20,\n sync: 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/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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/a/amongUs.js?\n}");
48
48
 
49
49
  /***/ }),
50
50
 
@@ -54,7 +54,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
54
54
  \*********************************/
55
55
  /***/ ((__unused_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 */ });\n/* harmony import */ var _absorbers_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./absorbers.js */ \"./dist/browser/a/absorbers.js\");\n/* harmony import */ var _amongUs_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./amongUs.js */ \"./dist/browser/a/amongUs.js\");\n\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({\n absorbers: _absorbers_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"],\n amongUs: _amongUs_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"]\n});\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/a/index.js?");
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 */ });\n/* harmony import */ var _absorbers_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./absorbers.js */ \"./dist/browser/a/absorbers.js\");\n/* harmony import */ var _amongUs_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./amongUs.js */ \"./dist/browser/a/amongUs.js\");\n\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({\n absorbers: _absorbers_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"],\n amongUs: _amongUs_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"]\n});\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/a/index.js?\n}");
58
58
 
59
59
  /***/ }),
60
60
 
@@ -64,7 +64,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
64
64
  \******************************************/
65
65
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
66
66
 
67
- eval("__webpack_require__.r(__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 color: {\n value: \"#ffffff\"\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/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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/b/backgroundMask.js?");
67
+ eval("{__webpack_require__.r(__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 color: {\n value: \"#ffffff\"\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/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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/b/backgroundMask.js?\n}");
68
68
 
69
69
  /***/ }),
70
70
 
@@ -74,7 +74,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
74
74
  \***********************************************/
75
75
  /***/ ((__unused_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: \"backgroundMaskImage\",\n name: \"Background Mask Image\",\n particles: {\n number: {\n value: 100\n },\n color: {\n value: \"#ffffff\"\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/background2.jpg\"\n }\n },\n background: {\n color: \"#ffffff\",\n image: \"url('https://particles.js.org/images/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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/b/backgroundMaskImage.js?");
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: \"backgroundMaskImage\",\n name: \"Background Mask Image\",\n particles: {\n number: {\n value: 100\n },\n color: {\n value: \"#ffffff\"\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/background2.jpg\"\n }\n },\n background: {\n color: \"#ffffff\",\n image: \"url('https://particles.js.org/images/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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/b/backgroundMaskImage.js?\n}");
78
78
 
79
79
  /***/ }),
80
80
 
@@ -84,7 +84,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
84
84
  \*********************************/
85
85
  /***/ ((__unused_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: \"basic\",\n name: \"Basic\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 20,\n sync: 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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/b/basic.js?");
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: \"basic\",\n name: \"Basic\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 20,\n sync: 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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/b/basic.js?\n}");
88
88
 
89
89
  /***/ }),
90
90
 
@@ -94,7 +94,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
94
94
  \*******************************/
95
95
  /***/ ((__unused_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: \"big\",\n name: \"Big Particles\",\n particles: {\n number: {\n value: 30\n },\n color: {\n value: [\"#5bc0eb\", \"#fde74c\", \"#9bc53d\", \"#e55934\", \"#fa7921\"]\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: {\n min: 0.4,\n max: 0.8\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};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/b/big.js?");
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: \"big\",\n name: \"Big Particles\",\n particles: {\n number: {\n value: 30\n },\n color: {\n value: [\"#5bc0eb\", \"#fde74c\", \"#9bc53d\", \"#e55934\", \"#fa7921\"]\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: {\n min: 0.4,\n max: 0.8\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};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/b/big.js?\n}");
98
98
 
99
99
  /***/ }),
100
100
 
@@ -104,7 +104,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
104
104
  \*************************************/
105
105
  /***/ ((__unused_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: \"blackHole\",\n name: \"Black Hole\",\n particles: {\n number: {\n value: 1000,\n density: {\n enable: true\n }\n },\n color: {\n value: [\"#ffffff\", \"#77ccff\", \"#ff3333\", \"#ffff33\"]\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/b/blackHole.js?");
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: \"blackHole\",\n name: \"Black Hole\",\n particles: {\n number: {\n value: 1000,\n density: {\n enable: true\n }\n },\n color: {\n value: [\"#ffffff\", \"#77ccff\", \"#ff3333\", \"#ffff33\"]\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/b/blackHole.js?\n}");
108
108
 
109
109
  /***/ }),
110
110
 
@@ -114,7 +114,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
114
114
  \**********************************/
115
115
  /***/ ((__unused_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: \"bubble\",\n name: \"Bubble\",\n particles: {\n number: {\n value: 6,\n density: {\n enable: true\n }\n },\n color: {\n value: \"#1b1e34\"\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/b/bubble.js?");
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: \"bubble\",\n name: \"Bubble\",\n particles: {\n number: {\n value: 6,\n density: {\n enable: true\n }\n },\n color: {\n value: \"#1b1e34\"\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/b/bubble.js?\n}");
118
118
 
119
119
  /***/ }),
120
120
 
@@ -124,7 +124,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
124
124
  \*********************************/
125
125
  /***/ ((__unused_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 */ });\n/* harmony import */ var _backgroundMask_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./backgroundMask.js */ \"./dist/browser/b/backgroundMask.js\");\n/* harmony import */ var _backgroundMaskImage_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./backgroundMaskImage.js */ \"./dist/browser/b/backgroundMaskImage.js\");\n/* harmony import */ var _basic_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./basic.js */ \"./dist/browser/b/basic.js\");\n/* harmony import */ var _big_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./big.js */ \"./dist/browser/b/big.js\");\n/* harmony import */ var _blackHole_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./blackHole.js */ \"./dist/browser/b/blackHole.js\");\n/* harmony import */ var _bubble_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./bubble.js */ \"./dist/browser/b/bubble.js\");\n\n\n\n\n\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({\n backgroundMask: _backgroundMask_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"],\n backgroundMaskImage: _backgroundMaskImage_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n basic: _basic_js__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n big: _big_js__WEBPACK_IMPORTED_MODULE_3__[\"default\"],\n blackHole: _blackHole_js__WEBPACK_IMPORTED_MODULE_4__[\"default\"],\n bubble: _bubble_js__WEBPACK_IMPORTED_MODULE_5__[\"default\"]\n});\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/b/index.js?");
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 */ });\n/* harmony import */ var _backgroundMask_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./backgroundMask.js */ \"./dist/browser/b/backgroundMask.js\");\n/* harmony import */ var _backgroundMaskImage_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./backgroundMaskImage.js */ \"./dist/browser/b/backgroundMaskImage.js\");\n/* harmony import */ var _basic_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./basic.js */ \"./dist/browser/b/basic.js\");\n/* harmony import */ var _big_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./big.js */ \"./dist/browser/b/big.js\");\n/* harmony import */ var _blackHole_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./blackHole.js */ \"./dist/browser/b/blackHole.js\");\n/* harmony import */ var _bubble_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./bubble.js */ \"./dist/browser/b/bubble.js\");\n\n\n\n\n\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({\n backgroundMask: _backgroundMask_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"],\n backgroundMaskImage: _backgroundMaskImage_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n basic: _basic_js__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n big: _big_js__WEBPACK_IMPORTED_MODULE_3__[\"default\"],\n blackHole: _blackHole_js__WEBPACK_IMPORTED_MODULE_4__[\"default\"],\n bubble: _bubble_js__WEBPACK_IMPORTED_MODULE_5__[\"default\"]\n});\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/b/index.js?\n}");
128
128
 
129
129
  /***/ }),
130
130
 
@@ -134,7 +134,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
134
134
  \*********************************/
135
135
  /***/ ((__unused_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: \"cards\",\n name: \"Cards\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n reduceDuplicates: true,\n shape: {\n type: [\"spades\", \"hearts\", \"diamonds\", \"clubs\"],\n options: {\n spades: {\n particles: {\n color: {\n value: \"#000000\"\n }\n }\n },\n hearts: {\n particles: {\n color: {\n value: \"#ff0000\"\n }\n }\n },\n diamonds: {\n particles: {\n color: {\n value: \"#ff0000\"\n }\n }\n },\n clubs: {\n particles: {\n color: {\n value: \"#000000\"\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/c/cards.js?");
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: \"cards\",\n name: \"Cards\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n reduceDuplicates: true,\n shape: {\n type: [\"spades\", \"hearts\", \"diamonds\", \"clubs\"],\n options: {\n spades: {\n particles: {\n color: {\n value: \"#000000\"\n }\n }\n },\n hearts: {\n particles: {\n color: {\n value: \"#ff0000\"\n }\n }\n },\n diamonds: {\n particles: {\n color: {\n value: \"#ff0000\"\n }\n }\n },\n clubs: {\n particles: {\n color: {\n value: \"#000000\"\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/c/cards.js?\n}");
138
138
 
139
139
  /***/ }),
140
140
 
@@ -144,7 +144,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
144
144
  \*********************************/
145
145
  /***/ ((__unused_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: \"chars\",\n name: \"Chars\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n color: {\n value: \"#ff0000\"\n },\n stroke: {\n width: 1,\n color: \"#ffffff\"\n },\n shape: {\n type: \"char\",\n options: {\n char: [{\n value: [\"t\", \"s\", \"P\", \"a\", \"r\", \"t\", \"i\", \"c\", \"l\", \"e\", \"s\"],\n font: \"Verdana\",\n style: \"\",\n weight: \"400\",\n fill: true\n }, {\n value: [\"t\", \"s\", \"P\", \"a\", \"r\", \"t\", \"i\", \"c\", \"l\", \"e\", \"s\"],\n font: \"Verdana\",\n style: \"\",\n weight: \"400\",\n fill: false\n }]\n }\n },\n opacity: {\n value: {\n min: 0.1,\n max: 0.5\n },\n animation: {\n enable: true,\n speed: 1\n }\n },\n size: {\n value: 16\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: \"repulse\",\n parallax: {\n enable: false,\n force: 60,\n smooth: 10\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 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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/c/chars.js?");
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: \"chars\",\n name: \"Chars\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n color: {\n value: \"#ff0000\"\n },\n stroke: {\n width: 1,\n color: \"#ffffff\"\n },\n shape: {\n type: \"char\",\n options: {\n char: [{\n value: [\"t\", \"s\", \"P\", \"a\", \"r\", \"t\", \"i\", \"c\", \"l\", \"e\", \"s\"],\n font: \"Verdana\",\n style: \"\",\n weight: \"400\",\n fill: true\n }, {\n value: [\"t\", \"s\", \"P\", \"a\", \"r\", \"t\", \"i\", \"c\", \"l\", \"e\", \"s\"],\n font: \"Verdana\",\n style: \"\",\n weight: \"400\",\n fill: false\n }]\n }\n },\n opacity: {\n value: {\n min: 0.1,\n max: 0.5\n },\n animation: {\n enable: true,\n speed: 1\n }\n },\n size: {\n value: 16\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: \"repulse\",\n parallax: {\n enable: false,\n force: 60,\n smooth: 10\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 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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/c/chars.js?\n}");
148
148
 
149
149
  /***/ }),
150
150
 
@@ -154,7 +154,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
154
154
  \**************************************/
155
155
  /***/ ((__unused_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: \"clickPause\",\n name: \"Click Pause\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n color: {\n value: \"#ffffff\"\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/c/clickPause.js?");
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: \"clickPause\",\n name: \"Click Pause\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n color: {\n value: \"#ffffff\"\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/c/clickPause.js?\n}");
158
158
 
159
159
  /***/ }),
160
160
 
@@ -164,7 +164,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
164
164
  \********************************************/
165
165
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
166
166
 
167
- eval("__webpack_require__.r(__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 color: {\n value: \"#ffffff\"\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 onHover: {\n enable: false,\n mode: \"repulse\",\n parallax: {\n enable: false,\n force: 60,\n smooth: 10\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 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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/c/collisionsAbsorb.js?");
167
+ eval("{__webpack_require__.r(__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 color: {\n value: \"#ffffff\"\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 onHover: {\n enable: false,\n mode: \"repulse\",\n parallax: {\n enable: false,\n force: 60,\n smooth: 10\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 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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/c/collisionsAbsorb.js?\n}");
168
168
 
169
169
  /***/ }),
170
170
 
@@ -174,7 +174,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
174
174
  \********************************************/
175
175
  /***/ ((__unused_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: \"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 color: {\n value: \"#ffffff\"\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 onHover: {\n enable: false,\n mode: \"repulse\",\n parallax: {\n enable: false,\n force: 60,\n smooth: 10\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 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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/c/collisionsBounce.js?");
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: \"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 color: {\n value: \"#ffffff\"\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 onHover: {\n enable: false,\n mode: \"repulse\",\n parallax: {\n enable: false,\n force: 60,\n smooth: 10\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 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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/c/collisionsBounce.js?\n}");
178
178
 
179
179
  /***/ }),
180
180
 
@@ -184,7 +184,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
184
184
  \*********************************************/
185
185
  /***/ ((__unused_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 options = {\n key: \"collisionsDestroy\",\n name: \"Collisions Destroy\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n color: {\n value: [\"#3998D0\", \"#2EB6AF\", \"#A9BD33\", \"#FEC73B\", \"#F89930\", \"#F45623\", \"#D62E32\", \"#EB586E\", \"#9952CF\"]\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: 1\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 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: \"destroy\"\n },\n move: {\n enable: true,\n speed: 3\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: false,\n mode: \"repulse\",\n parallax: {\n enable: false,\n force: 60,\n smooth: 10\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 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: 1\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/c/collisionsDestroy.js?");
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 options = {\n key: \"collisionsDestroy\",\n name: \"Collisions Destroy\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n color: {\n value: [\"#3998D0\", \"#2EB6AF\", \"#A9BD33\", \"#FEC73B\", \"#F89930\", \"#F45623\", \"#D62E32\", \"#EB586E\", \"#9952CF\"]\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: 1\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 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: \"destroy\"\n },\n move: {\n enable: true,\n speed: 3\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: false,\n mode: \"repulse\",\n parallax: {\n enable: false,\n force: 60,\n smooth: 10\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 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: 1\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/c/collisionsDestroy.js?\n}");
188
188
 
189
189
  /***/ }),
190
190
 
@@ -194,7 +194,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
194
194
  \******************************************/
195
195
  /***/ ((__unused_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 options = {\n key: \"colorAnimation\",\n name: \"Color Animation\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\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 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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/c/colorAnimation.js?");
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 options = {\n key: \"colorAnimation\",\n name: \"Color Animation\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\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 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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/c/colorAnimation.js?\n}");
198
198
 
199
199
  /***/ }),
200
200
 
@@ -204,7 +204,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
204
204
  \***********************************/
205
205
  /***/ ((__unused_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: \"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 color: {\n value: \"random\"\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: \"#fff\",\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/c/connect.js?");
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: \"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 color: {\n value: \"random\"\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: \"#fff\",\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/c/connect.js?\n}");
208
208
 
209
209
  /***/ }),
210
210
 
@@ -214,7 +214,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
214
214
  \*************************************/
215
215
  /***/ ((__unused_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: \"curlNoise\",\n name: \"Curl Noise\",\n particles: {\n number: {\n value: 300\n },\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 360,\n sync: 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 trail: {\n fill: {\n color: \"#000\"\n },\n enable: true,\n length: 1000\n }\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/c/curlNoise.js?");
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: \"curlNoise\",\n name: \"Curl Noise\",\n particles: {\n number: {\n value: 300\n },\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 360,\n sync: 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 trail: {\n fill: {\n color: \"#000\"\n },\n enable: true,\n length: 1000\n }\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/c/curlNoise.js?\n}");
218
218
 
219
219
  /***/ }),
220
220
 
@@ -224,7 +224,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
224
224
  \*********************************/
225
225
  /***/ ((__unused_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 */ });\n/* harmony import */ var _cards_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./cards.js */ \"./dist/browser/c/cards.js\");\n/* harmony import */ var _chars_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./chars.js */ \"./dist/browser/c/chars.js\");\n/* harmony import */ var _clickPause_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./clickPause.js */ \"./dist/browser/c/clickPause.js\");\n/* harmony import */ var _collisionsAbsorb_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./collisionsAbsorb.js */ \"./dist/browser/c/collisionsAbsorb.js\");\n/* harmony import */ var _collisionsBounce_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./collisionsBounce.js */ \"./dist/browser/c/collisionsBounce.js\");\n/* harmony import */ var _collisionsDestroy_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./collisionsDestroy.js */ \"./dist/browser/c/collisionsDestroy.js\");\n/* harmony import */ var _colorAnimation_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./colorAnimation.js */ \"./dist/browser/c/colorAnimation.js\");\n/* harmony import */ var _connect_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./connect.js */ \"./dist/browser/c/connect.js\");\n/* harmony import */ var _curlNoise_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./curlNoise.js */ \"./dist/browser/c/curlNoise.js\");\n\n\n\n\n\n\n\n\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({\n cards: _cards_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"],\n chars: _chars_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n clickPause: _clickPause_js__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n collisionsAbsorb: _collisionsAbsorb_js__WEBPACK_IMPORTED_MODULE_3__[\"default\"],\n collisionsBounce: _collisionsBounce_js__WEBPACK_IMPORTED_MODULE_4__[\"default\"],\n collisionsDestroy: _collisionsDestroy_js__WEBPACK_IMPORTED_MODULE_5__[\"default\"],\n colorAnimation: _colorAnimation_js__WEBPACK_IMPORTED_MODULE_6__[\"default\"],\n connect: _connect_js__WEBPACK_IMPORTED_MODULE_7__[\"default\"],\n curlNoise: _curlNoise_js__WEBPACK_IMPORTED_MODULE_8__[\"default\"]\n});\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/c/index.js?");
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 */ });\n/* harmony import */ var _cards_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./cards.js */ \"./dist/browser/c/cards.js\");\n/* harmony import */ var _chars_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./chars.js */ \"./dist/browser/c/chars.js\");\n/* harmony import */ var _clickPause_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./clickPause.js */ \"./dist/browser/c/clickPause.js\");\n/* harmony import */ var _collisionsAbsorb_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./collisionsAbsorb.js */ \"./dist/browser/c/collisionsAbsorb.js\");\n/* harmony import */ var _collisionsBounce_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./collisionsBounce.js */ \"./dist/browser/c/collisionsBounce.js\");\n/* harmony import */ var _collisionsDestroy_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./collisionsDestroy.js */ \"./dist/browser/c/collisionsDestroy.js\");\n/* harmony import */ var _colorAnimation_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./colorAnimation.js */ \"./dist/browser/c/colorAnimation.js\");\n/* harmony import */ var _connect_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./connect.js */ \"./dist/browser/c/connect.js\");\n/* harmony import */ var _curlNoise_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./curlNoise.js */ \"./dist/browser/c/curlNoise.js\");\n\n\n\n\n\n\n\n\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({\n cards: _cards_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"],\n chars: _chars_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n clickPause: _clickPause_js__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n collisionsAbsorb: _collisionsAbsorb_js__WEBPACK_IMPORTED_MODULE_3__[\"default\"],\n collisionsBounce: _collisionsBounce_js__WEBPACK_IMPORTED_MODULE_4__[\"default\"],\n collisionsDestroy: _collisionsDestroy_js__WEBPACK_IMPORTED_MODULE_5__[\"default\"],\n colorAnimation: _colorAnimation_js__WEBPACK_IMPORTED_MODULE_6__[\"default\"],\n connect: _connect_js__WEBPACK_IMPORTED_MODULE_7__[\"default\"],\n curlNoise: _curlNoise_js__WEBPACK_IMPORTED_MODULE_8__[\"default\"]\n});\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/c/index.js?\n}");
228
228
 
229
229
  /***/ }),
230
230
 
@@ -234,7 +234,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
234
234
  \**************************************/
235
235
  /***/ ((__unused_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: \"dataImages\",\n name: \"Data URI Images\",\n interactivity: {\n events: {\n onClick: {\n enable: true,\n mode: \"push\"\n },\n onHover: {\n enable: true,\n mode: \"bubble\",\n parallax: {\n enable: false,\n force: 60,\n smooth: 10\n }\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 color: {\n value: \"#ffffff\"\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 value: 0.5\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: \"apple\"\n }, {\n name: \"basketball\"\n }]\n },\n type: \"image\"\n },\n size: {\n value: 16\n }\n },\n preload: [{\n name: \"apple\",\n src: \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsTAAALEwEAmpwYAAACTElEQVRYhe2WzUtUYRTGf+eORZq1aGlESjEzjn2QY5KVYRiEJVngtk2LWljLahdGEeW2rf9AkS6EKKQSFxLoWOEHt1tYluHCFiONTJMz854WGQjpnXdmIArmgbs595zneTjn3ve8UEIJ/zuCd4/vD/a0Nhda7xQl3tPaLOIMi6GpUA6xSep+2rLbmEAHmL0gWwWJK7x4OOFEVMwG7/rza4UaKLOzufEbmu5CpAZAUYALR2qyoyOzzpNCxcFyBN0nBxeMBk4Di6vj2ytpdESsuliUAYDb7c9cRduBL79j8RTvjar+FQMAt04NjTjZzSFUO1Xk/NCMDBQjDrbfwApi0aqK8jsfNtW9nO4DCN07sWd1/6eb6rZ9X46nGsbnk7acVvNz68NRHL0P2ggEAE9EbnR07qgXSPU/+uyKchMIAVmQUYxcqX31drxoA140eNQIQ6zRrb7wlscBJXPWS3SsUZoRpCUc80b8+HOOwAi96+Wd8xKH/bgV7QVq/fh9O+AeCleTMR9zmfSDZgPVkdfup/Xe+/8F2czOYsQBKPPn8DWQTpVPAOki5Jd/pNMTBRvYNzkZBwYLlhcGD7yZXfRLyXkQKTwoXF9y1uY0kNSlPoG5/MWZWzKJ/qINNIzPJw3kvW6NcNXmRLTeZG5DcBg4Zpctw7Uxr8Um03oZKYEuIPFH+NezGgnFuWzLa20gEnOnBGkDvq6EjCoXES4BBgBhQZC2SMydsuXN+zIRi1ZVVEjlmYAwExp7NwbgHQwezCq7kro0kM8mLKGEfwI/AbDUxKelB9HiAAAAAElFTkSuQmCC\",\n width: 32,\n height: 32\n }, {\n name: \"basketball\",\n src: \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDEwMCAxMDAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEwMCAxMDAiIHhtbDpzcGFjZT0icHJlc2VydmUiIGhlaWdodD0iMTAwcHgiIHdpZHRoPSIxMDBweCI+CjxnPgoJPHBhdGggZD0iTTI4LjEsMzYuNmM0LjYsMS45LDEyLjIsMS42LDIwLjksMS4xYzguOS0wLjQsMTktMC45LDI4LjksMC45YzYuMywxLjIsMTEuOSwzLjEsMTYuOCw2Yy0xLjUtMTIuMi03LjktMjMuNy0xOC42LTMxLjMgICBjLTQuOS0wLjItOS45LDAuMy0xNC44LDEuNEM0Ny44LDE3LjksMzYuMiwyNS42LDI4LjEsMzYuNnoiLz4KCTxwYXRoIGQ9Ik03MC4zLDkuOEM1Ny41LDMuNCw0Mi44LDMuNiwzMC41LDkuNWMtMyw2LTguNCwxOS42LTUuMywyNC45YzguNi0xMS43LDIwLjktMTkuOCwzNS4yLTIzLjFDNjMuNywxMC41LDY3LDEwLDcwLjMsOS44eiIvPgoJPHBhdGggZD0iTTE2LjUsNTEuM2MwLjYtMS43LDEuMi0zLjQsMi01LjFjLTMuOC0zLjQtNy41LTctMTEtMTAuOGMtMi4xLDYuMS0yLjgsMTIuNS0yLjMsMTguN0M5LjYsNTEuMSwxMy40LDUwLjIsMTYuNSw1MS4zeiIvPgoJPHBhdGggZD0iTTksMzEuNmMzLjUsMy45LDcuMiw3LjYsMTEuMSwxMS4xYzAuOC0xLjYsMS43LTMuMSwyLjYtNC42YzAuMS0wLjIsMC4zLTAuNCwwLjQtMC42Yy0yLjktMy4zLTMuMS05LjItMC42LTE3LjYgICBjMC44LTIuNywxLjgtNS4zLDIuNy03LjRjLTUuMiwzLjQtOS44LDgtMTMuMywxMy43QzEwLjgsMjcuOSw5LjgsMjkuNyw5LDMxLjZ6Ii8+Cgk8cGF0aCBkPSJNMTUuNCw1NC43Yy0yLjYtMS02LjEsMC43LTkuNywzLjRjMS4yLDYuNiwzLjksMTMsOCwxOC41QzEzLDY5LjMsMTMuNSw2MS44LDE1LjQsNTQuN3oiLz4KCTxwYXRoIGQ9Ik0zOS44LDU3LjZDNTQuMyw2Ni43LDcwLDczLDg2LjUsNzYuNGMwLjYtMC44LDEuMS0xLjYsMS43LTIuNWM0LjgtNy43LDctMTYuMyw2LjgtMjQuOGMtMTMuOC05LjMtMzEuMy04LjQtNDUuOC03LjcgICBjLTkuNSwwLjUtMTcuOCwwLjktMjMuMi0xLjdjLTAuMSwwLjEtMC4yLDAuMy0wLjMsMC40Yy0xLDEuNy0yLDMuNC0yLjksNS4xQzI4LjIsNDkuNywzMy44LDUzLjksMzkuOCw1Ny42eiIvPgoJPHBhdGggZD0iTTI2LjIsODguMmMzLjMsMiw2LjcsMy42LDEwLjIsNC43Yy0zLjUtNi4yLTYuMy0xMi42LTguOC0xOC41Yy0zLjEtNy4yLTUuOC0xMy41LTktMTcuMmMtMS45LDgtMiwxNi40LTAuMywyNC43ICAgQzIwLjYsODQuMiwyMy4yLDg2LjMsMjYuMiw4OC4yeiIvPgoJPHBhdGggZD0iTTMwLjksNzNjMi45LDYuOCw2LjEsMTQuNCwxMC41LDIxLjJjMTUuNiwzLDMyLTIuMyw0Mi42LTE0LjZDNjcuNyw3Niw1Mi4yLDY5LjYsMzcuOSw2MC43QzMyLDU3LDI2LjUsNTMsMjEuMyw0OC42ICAgYy0wLjYsMS41LTEuMiwzLTEuNyw0LjZDMjQuMSw1Ny4xLDI3LjMsNjQuNSwzMC45LDczeiIvPgo8L2c+Cjwvc3ZnPg==\",\n width: 32,\n height: 32\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/d/dataImages.js?");
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: \"dataImages\",\n name: \"Data URI Images\",\n interactivity: {\n events: {\n onClick: {\n enable: true,\n mode: \"push\"\n },\n onHover: {\n enable: true,\n mode: \"bubble\",\n parallax: {\n enable: false,\n force: 60,\n smooth: 10\n }\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 color: {\n value: \"#ffffff\"\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 value: 0.5\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: \"apple\"\n }, {\n name: \"basketball\"\n }]\n },\n type: \"image\"\n },\n size: {\n value: 16\n }\n },\n preload: [{\n name: \"apple\",\n src: \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsTAAALEwEAmpwYAAACTElEQVRYhe2WzUtUYRTGf+eORZq1aGlESjEzjn2QY5KVYRiEJVngtk2LWljLahdGEeW2rf9AkS6EKKQSFxLoWOEHt1tYluHCFiONTJMz854WGQjpnXdmIArmgbs595zneTjn3ve8UEIJ/zuCd4/vD/a0Nhda7xQl3tPaLOIMi6GpUA6xSep+2rLbmEAHmL0gWwWJK7x4OOFEVMwG7/rza4UaKLOzufEbmu5CpAZAUYALR2qyoyOzzpNCxcFyBN0nBxeMBk4Di6vj2ytpdESsuliUAYDb7c9cRduBL79j8RTvjar+FQMAt04NjTjZzSFUO1Xk/NCMDBQjDrbfwApi0aqK8jsfNtW9nO4DCN07sWd1/6eb6rZ9X46nGsbnk7acVvNz68NRHL0P2ggEAE9EbnR07qgXSPU/+uyKchMIAVmQUYxcqX31drxoA140eNQIQ6zRrb7wlscBJXPWS3SsUZoRpCUc80b8+HOOwAi96+Wd8xKH/bgV7QVq/fh9O+AeCleTMR9zmfSDZgPVkdfup/Xe+/8F2czOYsQBKPPn8DWQTpVPAOki5Jd/pNMTBRvYNzkZBwYLlhcGD7yZXfRLyXkQKTwoXF9y1uY0kNSlPoG5/MWZWzKJ/qINNIzPJw3kvW6NcNXmRLTeZG5DcBg4Zpctw7Uxr8Um03oZKYEuIPFH+NezGgnFuWzLa20gEnOnBGkDvq6EjCoXES4BBgBhQZC2SMydsuXN+zIRi1ZVVEjlmYAwExp7NwbgHQwezCq7kro0kM8mLKGEfwI/AbDUxKelB9HiAAAAAElFTkSuQmCC\",\n width: 32,\n height: 32\n }, {\n name: \"basketball\",\n src: \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDEwMCAxMDAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEwMCAxMDAiIHhtbDpzcGFjZT0icHJlc2VydmUiIGhlaWdodD0iMTAwcHgiIHdpZHRoPSIxMDBweCI+CjxnPgoJPHBhdGggZD0iTTI4LjEsMzYuNmM0LjYsMS45LDEyLjIsMS42LDIwLjksMS4xYzguOS0wLjQsMTktMC45LDI4LjksMC45YzYuMywxLjIsMTEuOSwzLjEsMTYuOCw2Yy0xLjUtMTIuMi03LjktMjMuNy0xOC42LTMxLjMgICBjLTQuOS0wLjItOS45LDAuMy0xNC44LDEuNEM0Ny44LDE3LjksMzYuMiwyNS42LDI4LjEsMzYuNnoiLz4KCTxwYXRoIGQ9Ik03MC4zLDkuOEM1Ny41LDMuNCw0Mi44LDMuNiwzMC41LDkuNWMtMyw2LTguNCwxOS42LTUuMywyNC45YzguNi0xMS43LDIwLjktMTkuOCwzNS4yLTIzLjFDNjMuNywxMC41LDY3LDEwLDcwLjMsOS44eiIvPgoJPHBhdGggZD0iTTE2LjUsNTEuM2MwLjYtMS43LDEuMi0zLjQsMi01LjFjLTMuOC0zLjQtNy41LTctMTEtMTAuOGMtMi4xLDYuMS0yLjgsMTIuNS0yLjMsMTguN0M5LjYsNTEuMSwxMy40LDUwLjIsMTYuNSw1MS4zeiIvPgoJPHBhdGggZD0iTTksMzEuNmMzLjUsMy45LDcuMiw3LjYsMTEuMSwxMS4xYzAuOC0xLjYsMS43LTMuMSwyLjYtNC42YzAuMS0wLjIsMC4zLTAuNCwwLjQtMC42Yy0yLjktMy4zLTMuMS05LjItMC42LTE3LjYgICBjMC44LTIuNywxLjgtNS4zLDIuNy03LjRjLTUuMiwzLjQtOS44LDgtMTMuMywxMy43QzEwLjgsMjcuOSw5LjgsMjkuNyw5LDMxLjZ6Ii8+Cgk8cGF0aCBkPSJNMTUuNCw1NC43Yy0yLjYtMS02LjEsMC43LTkuNywzLjRjMS4yLDYuNiwzLjksMTMsOCwxOC41QzEzLDY5LjMsMTMuNSw2MS44LDE1LjQsNTQuN3oiLz4KCTxwYXRoIGQ9Ik0zOS44LDU3LjZDNTQuMyw2Ni43LDcwLDczLDg2LjUsNzYuNGMwLjYtMC44LDEuMS0xLjYsMS43LTIuNWM0LjgtNy43LDctMTYuMyw2LjgtMjQuOGMtMTMuOC05LjMtMzEuMy04LjQtNDUuOC03LjcgICBjLTkuNSwwLjUtMTcuOCwwLjktMjMuMi0xLjdjLTAuMSwwLjEtMC4yLDAuMy0wLjMsMC40Yy0xLDEuNy0yLDMuNC0yLjksNS4xQzI4LjIsNDkuNywzMy44LDUzLjksMzkuOCw1Ny42eiIvPgoJPHBhdGggZD0iTTI2LjIsODguMmMzLjMsMiw2LjcsMy42LDEwLjIsNC43Yy0zLjUtNi4yLTYuMy0xMi42LTguOC0xOC41Yy0zLjEtNy4yLTUuOC0xMy41LTktMTcuMmMtMS45LDgtMiwxNi40LTAuMywyNC43ICAgQzIwLjYsODQuMiwyMy4yLDg2LjMsMjYuMiw4OC4yeiIvPgoJPHBhdGggZD0iTTMwLjksNzNjMi45LDYuOCw2LjEsMTQuNCwxMC41LDIxLjJjMTUuNiwzLDMyLTIuMyw0Mi42LTE0LjZDNjcuNyw3Niw1Mi4yLDY5LjYsMzcuOSw2MC43QzMyLDU3LDI2LjUsNTMsMjEuMyw0OC42ICAgYy0wLjYsMS41LTEuMiwzLTEuNyw0LjZDMjQuMSw1Ny4xLDI3LjMsNjQuNSwzMC45LDczeiIvPgo8L2c+Cjwvc3ZnPg==\",\n width: 32,\n height: 32\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/d/dataImages.js?\n}");
238
238
 
239
239
  /***/ }),
240
240
 
@@ -244,7 +244,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
244
244
  \*********************************/
245
245
  /***/ ((__unused_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: \"delay\",\n name: \"Delay\",\n delay: 5,\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 20,\n sync: 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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/d/delay.js?");
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: \"delay\",\n name: \"Delay\",\n delay: 5,\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 20,\n sync: 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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/d/delay.js?\n}");
248
248
 
249
249
  /***/ }),
250
250
 
@@ -254,7 +254,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
254
254
  \**************************************/
255
255
  /***/ ((__unused_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: \"delayColor\",\n name: \"Delay Color\",\n background: {\n color: {\n value: \"#000\"\n }\n },\n particles: {\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 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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/d/delayColor.js?");
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: \"delayColor\",\n name: \"Delay Color\",\n background: {\n color: {\n value: \"#000\"\n }\n },\n particles: {\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 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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/d/delayColor.js?\n}");
258
258
 
259
259
  /***/ }),
260
260
 
@@ -264,7 +264,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
264
264
  \****************************************/
265
265
  /***/ ((__unused_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: \"delayOpacity\",\n name: \"Delay Opacity\",\n background: {\n color: {\n value: \"#000\"\n }\n },\n particles: {\n color: {\n value: \"#fff\"\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/d/delayOpacity.js?");
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: \"delayOpacity\",\n name: \"Delay Opacity\",\n background: {\n color: {\n value: \"#000\"\n }\n },\n particles: {\n color: {\n value: \"#fff\"\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/d/delayOpacity.js?\n}");
268
268
 
269
269
  /***/ }),
270
270
 
@@ -274,7 +274,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
274
274
  \*************************************/
275
275
  /***/ ((__unused_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: \"delaySize\",\n name: \"Delay Size\",\n background: {\n color: {\n value: \"#000\"\n }\n },\n particles: {\n color: {\n value: \"#fff\"\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/d/delaySize.js?");
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: \"delaySize\",\n name: \"Delay Size\",\n background: {\n color: {\n value: \"#000\"\n }\n },\n particles: {\n color: {\n value: \"#fff\"\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/d/delaySize.js?\n}");
278
278
 
279
279
  /***/ }),
280
280
 
@@ -284,7 +284,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
284
284
  \********************************************/
285
285
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
286
286
 
287
- eval("__webpack_require__.r(__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 color: {\n value: \"transparent\"\n },\n move: {\n enable: true\n },\n shape: {\n type: [\"triangle\", \"circle\", \"square\"]\n }\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/d/delayStrokeColor.js?");
287
+ eval("{__webpack_require__.r(__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 color: {\n value: \"transparent\"\n },\n move: {\n enable: true\n },\n shape: {\n type: [\"triangle\", \"circle\", \"square\"]\n }\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/d/delayStrokeColor.js?\n}");
288
288
 
289
289
  /***/ }),
290
290
 
@@ -294,7 +294,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
294
294
  \***********************************/
295
295
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
296
296
 
297
- eval("__webpack_require__.r(__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 color: {\n value: \"#ffffff\"\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/d/destroy.js?");
297
+ eval("{__webpack_require__.r(__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 color: {\n value: \"#ffffff\"\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/d/destroy.js?\n}");
298
298
 
299
299
  /***/ }),
300
300
 
@@ -304,7 +304,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
304
304
  \****************************************/
305
305
  /***/ ((__unused_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: \"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 color: {\n value: \"random\"\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/d/disappearing.js?");
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: \"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 color: {\n value: \"random\"\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/d/disappearing.js?\n}");
308
308
 
309
309
  /***/ }),
310
310
 
@@ -314,7 +314,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
314
314
  \*************************************/
315
315
  /***/ ((__unused_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: \"divEvents\",\n name: \"Div Events\",\n background: {\n color: \"#0d47a1\"\n },\n interactivity: {\n events: {\n onDiv: [{\n enable: true,\n selectors: \".bubble.circle\",\n mode: \"bubble\",\n type: \"circle\"\n }, {\n enable: true,\n selectors: \".repulse.circle\",\n mode: \"repulse\",\n type: \"circle\"\n }, {\n enable: true,\n selectors: \".bubble.rectangle\",\n mode: \"bubble\",\n type: \"rectangle\"\n }, {\n enable: true,\n selectors: \".repulse.rectangle\",\n mode: \"repulse\",\n type: \"rectangle\"\n }, {\n enable: true,\n selectors: \".bounce.circle\",\n mode: \"bounce\",\n type: \"circle\"\n }, {\n enable: true,\n selectors: \".bounce.rectangle\",\n mode: \"bounce\",\n type: \"rectangle\"\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 color: {\n value: \"#ffffff\"\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/d/divEvents.js?");
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: \"divEvents\",\n name: \"Div Events\",\n background: {\n color: \"#0d47a1\"\n },\n interactivity: {\n events: {\n onDiv: [{\n enable: true,\n selectors: \".bubble.circle\",\n mode: \"bubble\",\n type: \"circle\"\n }, {\n enable: true,\n selectors: \".repulse.circle\",\n mode: \"repulse\",\n type: \"circle\"\n }, {\n enable: true,\n selectors: \".bubble.rectangle\",\n mode: \"bubble\",\n type: \"rectangle\"\n }, {\n enable: true,\n selectors: \".repulse.rectangle\",\n mode: \"repulse\",\n type: \"rectangle\"\n }, {\n enable: true,\n selectors: \".bounce.circle\",\n mode: \"bounce\",\n type: \"circle\"\n }, {\n enable: true,\n selectors: \".bounce.rectangle\",\n mode: \"bounce\",\n type: \"rectangle\"\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 color: {\n value: \"#ffffff\"\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/d/divEvents.js?\n}");
318
318
 
319
319
  /***/ }),
320
320
 
@@ -324,7 +324,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
324
324
  \*********************************/
325
325
  /***/ ((__unused_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 */ });\n/* harmony import */ var _dataImages_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./dataImages.js */ \"./dist/browser/d/dataImages.js\");\n/* harmony import */ var _delay_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./delay.js */ \"./dist/browser/d/delay.js\");\n/* harmony import */ var _delayColor_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./delayColor.js */ \"./dist/browser/d/delayColor.js\");\n/* harmony import */ var _delayOpacity_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./delayOpacity.js */ \"./dist/browser/d/delayOpacity.js\");\n/* harmony import */ var _delaySize_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./delaySize.js */ \"./dist/browser/d/delaySize.js\");\n/* harmony import */ var _delayStrokeColor_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./delayStrokeColor.js */ \"./dist/browser/d/delayStrokeColor.js\");\n/* harmony import */ var _destroy_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./destroy.js */ \"./dist/browser/d/destroy.js\");\n/* harmony import */ var _disappearing_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./disappearing.js */ \"./dist/browser/d/disappearing.js\");\n/* harmony import */ var _divEvents_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./divEvents.js */ \"./dist/browser/d/divEvents.js\");\n\n\n\n\n\n\n\n\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({\n dataImages: _dataImages_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"],\n delay: _delay_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n delayColor: _delayColor_js__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n delayOpacity: _delayOpacity_js__WEBPACK_IMPORTED_MODULE_3__[\"default\"],\n delaySize: _delaySize_js__WEBPACK_IMPORTED_MODULE_4__[\"default\"],\n delayStrokeColor: _delayStrokeColor_js__WEBPACK_IMPORTED_MODULE_5__[\"default\"],\n destroy: _destroy_js__WEBPACK_IMPORTED_MODULE_6__[\"default\"],\n disappearing: _disappearing_js__WEBPACK_IMPORTED_MODULE_7__[\"default\"],\n divEvents: _divEvents_js__WEBPACK_IMPORTED_MODULE_8__[\"default\"]\n});\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/d/index.js?");
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 */ });\n/* harmony import */ var _dataImages_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./dataImages.js */ \"./dist/browser/d/dataImages.js\");\n/* harmony import */ var _delay_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./delay.js */ \"./dist/browser/d/delay.js\");\n/* harmony import */ var _delayColor_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./delayColor.js */ \"./dist/browser/d/delayColor.js\");\n/* harmony import */ var _delayOpacity_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./delayOpacity.js */ \"./dist/browser/d/delayOpacity.js\");\n/* harmony import */ var _delaySize_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./delaySize.js */ \"./dist/browser/d/delaySize.js\");\n/* harmony import */ var _delayStrokeColor_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./delayStrokeColor.js */ \"./dist/browser/d/delayStrokeColor.js\");\n/* harmony import */ var _destroy_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./destroy.js */ \"./dist/browser/d/destroy.js\");\n/* harmony import */ var _disappearing_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./disappearing.js */ \"./dist/browser/d/disappearing.js\");\n/* harmony import */ var _divEvents_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./divEvents.js */ \"./dist/browser/d/divEvents.js\");\n\n\n\n\n\n\n\n\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({\n dataImages: _dataImages_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"],\n delay: _delay_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n delayColor: _delayColor_js__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n delayOpacity: _delayOpacity_js__WEBPACK_IMPORTED_MODULE_3__[\"default\"],\n delaySize: _delaySize_js__WEBPACK_IMPORTED_MODULE_4__[\"default\"],\n delayStrokeColor: _delayStrokeColor_js__WEBPACK_IMPORTED_MODULE_5__[\"default\"],\n destroy: _destroy_js__WEBPACK_IMPORTED_MODULE_6__[\"default\"],\n disappearing: _disappearing_js__WEBPACK_IMPORTED_MODULE_7__[\"default\"],\n divEvents: _divEvents_js__WEBPACK_IMPORTED_MODULE_8__[\"default\"]\n});\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/d/index.js?\n}");
328
328
 
329
329
  /***/ }),
330
330
 
@@ -334,7 +334,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
334
334
  \****************************************/
335
335
  /***/ ((__unused_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: \"effectBubble\",\n name: \"Effect Bubble\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 20,\n sync: true\n }\n },\n effect: {\n type: \"bubble\"\n },\n shape: {\n type: [\"circle\", \"square\"]\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/e/effectBubble.js?");
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: \"effectBubble\",\n name: \"Effect Bubble\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 20,\n sync: true\n }\n },\n effect: {\n type: \"bubble\"\n },\n shape: {\n type: [\"circle\", \"square\"]\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/e/effectBubble.js?\n}");
338
338
 
339
339
  /***/ }),
340
340
 
@@ -344,7 +344,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
344
344
  \***************************************/
345
345
  /***/ ((__unused_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: \"effectTrail\",\n name: \"Effect Trail\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 360,\n sync: 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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/e/effectTrail.js?");
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: \"effectTrail\",\n name: \"Effect Trail\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 360,\n sync: 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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/e/effectTrail.js?\n}");
348
348
 
349
349
  /***/ }),
350
350
 
@@ -354,7 +354,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
354
354
  \************************************************/
355
355
  /***/ ((__unused_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: \"effectTrailTransform\",\n name: \"Effect Trail Transform\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 360,\n sync: 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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/e/effectTrailTransform.js?");
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: \"effectTrailTransform\",\n name: \"Effect Trail Transform\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 360,\n sync: 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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/e/effectTrailTransform.js?\n}");
358
358
 
359
359
  /***/ }),
360
360
 
@@ -364,7 +364,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
364
364
  \***********************************/
365
365
  /***/ ((__unused_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: \"emitter\",\n name: \"Emitter\",\n particles: {\n number: {\n value: 100,\n density: {\n enable: false\n }\n },\n color: {\n value: \"#000\"\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: true,\n mode: \"emitter\"\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 polygon: {\n sides: 7\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 color: {\n value: \"#f0f\"\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: \"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 life: {\n count: 10,\n delay: 0.5,\n duration: 3\n },\n particles: {\n shape: {\n type: \"polygon\",\n polygon: {\n sides: 6\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 color: {\n value: \"#0f0\"\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: \"destroy\"\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 color: {\n value: \"#f00\"\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: \"destroy\"\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 color: {\n value: \"#00f\"\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: \"destroy\"\n }\n }\n }]\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/e/emitter.js?");
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: \"emitter\",\n name: \"Emitter\",\n particles: {\n number: {\n value: 100,\n density: {\n enable: false\n }\n },\n color: {\n value: \"#000\"\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: true,\n mode: \"emitter\"\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 polygon: {\n sides: 7\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 color: {\n value: \"#f0f\"\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: \"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 life: {\n count: 10,\n delay: 0.5,\n duration: 3\n },\n particles: {\n shape: {\n type: \"polygon\",\n polygon: {\n sides: 6\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 color: {\n value: \"#0f0\"\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: \"destroy\"\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 color: {\n value: \"#f00\"\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: \"destroy\"\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 color: {\n value: \"#00f\"\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: \"destroy\"\n }\n }\n }]\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/e/emitter.js?\n}");
368
368
 
369
369
  /***/ }),
370
370
 
@@ -374,7 +374,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
374
374
  \*******************************************/
375
375
  /***/ ((__unused_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: \"emitterAbsorber\",\n name: \"Emitter and Absorber\",\n particles: {\n number: {\n value: 0\n },\n color: {\n value: \"#000\"\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 direction: \"top-right\",\n position: {\n x: 0,\n y: 100\n },\n particles: {\n shape: {\n type: \"circle\"\n },\n color: {\n value: \"random\"\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/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/e/emitterAbsorber.js?");
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: \"emitterAbsorber\",\n name: \"Emitter and Absorber\",\n particles: {\n number: {\n value: 0\n },\n color: {\n value: \"#000\"\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 direction: \"top-right\",\n position: {\n x: 0,\n y: 100\n },\n particles: {\n shape: {\n type: \"circle\"\n },\n color: {\n value: \"random\"\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/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/e/emitterAbsorber.js?\n}");
378
378
 
379
379
  /***/ }),
380
380
 
@@ -384,7 +384,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
384
384
  \*****************************************/
385
385
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
386
386
 
387
- eval("__webpack_require__.r(__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 color: {\n value: \"random\"\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 0.3\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 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/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/e/emitterAngled.js?");
387
+ eval("{__webpack_require__.r(__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 color: {\n value: \"random\"\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 0.3\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 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/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/e/emitterAngled.js?\n}");
388
388
 
389
389
  /***/ }),
390
390
 
@@ -394,7 +394,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
394
394
  \*********************************************/
395
395
  /***/ ((__unused_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 minFilterValue = 30,\n minFilterAlpha = 0,\n rate = {\n delay: 0.1,\n quantity: 100\n },\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 },\n options = {\n key: \"emitterImageShape\",\n name: \"Emitter Image Shape\",\n particles: {\n number: {\n value: 0\n },\n color: {\n value: [\"#f44336\", \"#e91e63\", \"#9c27b0\", \"#673ab7\", \"#3f51b5\", \"#2196f3\", \"#03a9f4\", \"#00bcd4\", \"#009688\", \"#4CAF50\", \"#8BC34A\", \"#CDDC39\", \"#FFEB3B\", \"#FFC107\", \"#FF9800\", \"#FF5722\"]\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: [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/amongus_cyan.png\"\n }\n }, true, {\n x: 50,\n y: 50\n })]\n };\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/e/emitterImageShape.js?");
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 minFilterValue = 30,\n minFilterAlpha = 0,\n rate = {\n delay: 0.1,\n quantity: 100\n },\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 },\n options = {\n key: \"emitterImageShape\",\n name: \"Emitter Image Shape\",\n particles: {\n number: {\n value: 0\n },\n color: {\n value: [\"#f44336\", \"#e91e63\", \"#9c27b0\", \"#673ab7\", \"#3f51b5\", \"#2196f3\", \"#03a9f4\", \"#00bcd4\", \"#009688\", \"#4CAF50\", \"#8BC34A\", \"#CDDC39\", \"#FFEB3B\", \"#FFC107\", \"#FF9800\", \"#FF5722\"]\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: [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/amongus_cyan.png\"\n }\n }, true, {\n x: 50,\n y: 50\n })]\n };\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/e/emitterImageShape.js?\n}");
398
398
 
399
399
  /***/ }),
400
400
 
@@ -404,7 +404,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
404
404
  \*****************************************/
405
405
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
406
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: \"emitterImages\",\n name: \"Emitter Images\",\n particles: {\n move: {\n enable: true,\n outModes: \"destroy\",\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 type: \"circle\"\n },\n size: {\n value: 16\n }\n },\n background: {\n color: \"#fff\"\n },\n emitters: {\n particles: {\n shape: {\n type: \"image\",\n options: {\n image: [{\n src: \"https://particles.js.org/images/fruits/apple.png\",\n width: 32,\n height: 32\n }, {\n src: \"https://particles.js.org/images/fruits/avocado.png\",\n width: 32,\n height: 32\n }, {\n src: \"https://particles.js.org/images/fruits/banana.png\",\n width: 32,\n height: 32\n }, {\n src: \"https://particles.js.org/images/fruits/berries.png\",\n width: 32,\n height: 32\n }, {\n src: \"https://particles.js.org/images/fruits/cherry.png\",\n width: 32,\n height: 32\n }, {\n src: \"https://particles.js.org/images/fruits/grapes.png\",\n width: 32,\n height: 32\n }, {\n src: \"https://particles.js.org/images/fruits/lemon.png\",\n width: 32,\n height: 32\n }, {\n src: \"https://particles.js.org/images/fruits/orange.png\",\n width: 32,\n height: 32\n }, {\n src: \"https://particles.js.org/images/fruits/peach.png\",\n width: 32,\n height: 32\n }, {\n src: \"https://particles.js.org/images/fruits/pear.png\",\n width: 32,\n height: 32\n }, {\n src: \"https://particles.js.org/images/fruits/pepper.png\",\n width: 32,\n height: 32\n }, {\n src: \"https://particles.js.org/images/fruits/plum.png\",\n width: 32,\n height: 32\n }, {\n src: \"https://particles.js.org/images/fruits/star.png\",\n width: 32,\n height: 32\n }, {\n src: \"https://particles.js.org/images/fruits/strawberry.png\",\n width: 32,\n height: 32\n }, {\n src: \"https://particles.js.org/images/fruits/watermelon.png\",\n width: 32,\n height: 32\n }, {\n src: \"https://particles.js.org/images/fruits/watermelon_slice.png\",\n width: 32,\n height: 32\n }]\n }\n }\n }\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/e/emitterImages.js?");
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: \"emitterImages\",\n name: \"Emitter Images\",\n particles: {\n move: {\n enable: true,\n outModes: \"destroy\",\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 type: \"circle\"\n },\n size: {\n value: 16\n }\n },\n background: {\n color: \"#fff\"\n },\n emitters: {\n particles: {\n shape: {\n type: \"image\",\n options: {\n image: [{\n src: \"https://particles.js.org/images/fruits/apple.png\",\n width: 32,\n height: 32\n }, {\n src: \"https://particles.js.org/images/fruits/avocado.png\",\n width: 32,\n height: 32\n }, {\n src: \"https://particles.js.org/images/fruits/banana.png\",\n width: 32,\n height: 32\n }, {\n src: \"https://particles.js.org/images/fruits/berries.png\",\n width: 32,\n height: 32\n }, {\n src: \"https://particles.js.org/images/fruits/cherry.png\",\n width: 32,\n height: 32\n }, {\n src: \"https://particles.js.org/images/fruits/grapes.png\",\n width: 32,\n height: 32\n }, {\n src: \"https://particles.js.org/images/fruits/lemon.png\",\n width: 32,\n height: 32\n }, {\n src: \"https://particles.js.org/images/fruits/orange.png\",\n width: 32,\n height: 32\n }, {\n src: \"https://particles.js.org/images/fruits/peach.png\",\n width: 32,\n height: 32\n }, {\n src: \"https://particles.js.org/images/fruits/pear.png\",\n width: 32,\n height: 32\n }, {\n src: \"https://particles.js.org/images/fruits/pepper.png\",\n width: 32,\n height: 32\n }, {\n src: \"https://particles.js.org/images/fruits/plum.png\",\n width: 32,\n height: 32\n }, {\n src: \"https://particles.js.org/images/fruits/star.png\",\n width: 32,\n height: 32\n }, {\n src: \"https://particles.js.org/images/fruits/strawberry.png\",\n width: 32,\n height: 32\n }, {\n src: \"https://particles.js.org/images/fruits/watermelon.png\",\n width: 32,\n height: 32\n }, {\n src: \"https://particles.js.org/images/fruits/watermelon_slice.png\",\n width: 32,\n height: 32\n }]\n }\n }\n }\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/e/emitterImages.js?\n}");
408
408
 
409
409
  /***/ }),
410
410
 
@@ -414,7 +414,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
414
414
  \****************************************/
415
415
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
416
416
 
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: \"emitterPaths\",\n name: \"Emitter Paths\",\n particles: {\n number: {\n value: 0\n },\n color: {\n value: \"#000000\"\n },\n move: {\n enable: true,\n trail: {\n enable: true,\n fill: {\n color: \"#fff\"\n },\n length: 20\n },\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 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 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/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/e/emitterPaths.js?");
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: \"emitterPaths\",\n name: \"Emitter Paths\",\n particles: {\n number: {\n value: 0\n },\n color: {\n value: \"#000000\"\n },\n move: {\n enable: true,\n trail: {\n enable: true,\n fill: {\n color: \"#fff\"\n },\n length: 20\n },\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 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 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/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/e/emitterPaths.js?\n}");
418
418
 
419
419
  /***/ }),
420
420
 
@@ -424,7 +424,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
424
424
  \*****************************************/
425
425
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
426
426
 
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 rate = {\n delay: 0.1,\n quantity: 3\n};\nconst 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};\nconst path = [{\n x: 0,\n y: 0\n}, {\n x: 0,\n y: 50\n}, {\n x: 25,\n y: 50\n}, {\n x: 0,\n y: 100\n}, {\n x: 50,\n y: 100\n}, {\n x: 50,\n y: 75\n}, {\n x: 100,\n y: 100\n}, {\n x: 100,\n y: 50\n}, {\n x: 75,\n y: 50\n}, {\n x: 100,\n y: 0\n}, {\n x: 50,\n y: 0\n}, {\n x: 50,\n y: 25\n}];\nconst options = {\n key: \"emitterShapes\",\n name: \"Emitter Shapes\",\n particles: {\n number: {\n value: 0\n },\n color: {\n value: \"#000000\"\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: [generateEmitter(\"square\", {}, true, {\n x: 25,\n y: 25\n }), generateEmitter(\"circle\", {}, true, {\n x: 50,\n y: 25\n }), generateEmitter(\"polygon\", {\n angle: -18,\n sides: 5\n }, true, {\n x: 75,\n y: 25\n }), generateEmitter(\"square\", {}, false, {\n x: 25,\n y: 50\n }), generateEmitter(\"circle\", {}, false, {\n x: 50,\n y: 50\n }), generateEmitter(\"polygon\", {\n sides: 6\n }, false, {\n x: 75,\n y: 50\n }), generateEmitter(\"path\", {\n points: path\n }, true, {\n x: 25,\n y: 75\n }), generateEmitter(\"path\", {\n points: path\n }, false, {\n x: 50,\n y: 75\n })]\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/e/emitterShapes.js?");
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 rate = {\n delay: 0.1,\n quantity: 3\n};\nconst 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};\nconst path = [{\n x: 0,\n y: 0\n}, {\n x: 0,\n y: 50\n}, {\n x: 25,\n y: 50\n}, {\n x: 0,\n y: 100\n}, {\n x: 50,\n y: 100\n}, {\n x: 50,\n y: 75\n}, {\n x: 100,\n y: 100\n}, {\n x: 100,\n y: 50\n}, {\n x: 75,\n y: 50\n}, {\n x: 100,\n y: 0\n}, {\n x: 50,\n y: 0\n}, {\n x: 50,\n y: 25\n}];\nconst options = {\n key: \"emitterShapes\",\n name: \"Emitter Shapes\",\n particles: {\n number: {\n value: 0\n },\n color: {\n value: \"#000000\"\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: [generateEmitter(\"square\", {}, true, {\n x: 25,\n y: 25\n }), generateEmitter(\"circle\", {}, true, {\n x: 50,\n y: 25\n }), generateEmitter(\"polygon\", {\n angle: -18,\n sides: 5\n }, true, {\n x: 75,\n y: 25\n }), generateEmitter(\"square\", {}, false, {\n x: 25,\n y: 50\n }), generateEmitter(\"circle\", {}, false, {\n x: 50,\n y: 50\n }), generateEmitter(\"polygon\", {\n sides: 6\n }, false, {\n x: 75,\n y: 50\n }), generateEmitter(\"path\", {\n points: path\n }, true, {\n x: 25,\n y: 75\n }), generateEmitter(\"path\", {\n points: path\n }, false, {\n x: 50,\n y: 75\n })]\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/e/emitterShapes.js?\n}");
428
428
 
429
429
  /***/ }),
430
430
 
@@ -434,7 +434,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
434
434
  \*********************************************/
435
435
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
436
436
 
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/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__);\n\nconst emitterRate = {\n delay: 0.1,\n quantity: 2\n },\n options = {\n key: \"emitterSpawnColor\",\n name: \"Emitter Spawn Color\",\n particles: {\n opacity: {\n value: 1\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 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 spawnColor: {\n value: \"#ff0000\",\n animation: {\n h: {\n enable: true,\n speed: 10\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 spawnColor: {\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 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 spawnColor: {\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 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 spawnColor: {\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 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 spawnColor: {\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 };\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/e/emitterSpawnColor.js?");
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/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__);\n\nconst emitterRate = {\n delay: 0.1,\n quantity: 2\n },\n options = {\n key: \"emitterSpawnColor\",\n name: \"Emitter Spawn Color\",\n particles: {\n opacity: {\n value: 1\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 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 spawnColor: {\n value: \"#ff0000\",\n animation: {\n h: {\n enable: true,\n speed: 10\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 spawnColor: {\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 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 spawnColor: {\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 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 spawnColor: {\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 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 spawnColor: {\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 };\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/e/emitterSpawnColor.js?\n}");
438
438
 
439
439
  /***/ }),
440
440
 
@@ -444,7 +444,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
444
444
  \********************************************/
445
445
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
446
446
 
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 minAlphaFilter = 0,\n rate = {\n delay: 0.1,\n quantity: 100\n },\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 },\n options = {\n key: \"emitterTextShape\",\n name: \"Emitter Text Shape\",\n particles: {\n number: {\n value: 0\n },\n color: {\n value: [\"#f44336\", \"#e91e63\", \"#9c27b0\", \"#673ab7\", \"#3f51b5\", \"#2196f3\", \"#03a9f4\", \"#00bcd4\", \"#009688\", \"#4CAF50\", \"#8BC34A\", \"#CDDC39\", \"#FFEB3B\", \"#FFC107\", \"#FF9800\", \"#FF5722\"]\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: [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/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/e/emitterTextShape.js?");
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 minAlphaFilter = 0,\n rate = {\n delay: 0.1,\n quantity: 100\n },\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 },\n options = {\n key: \"emitterTextShape\",\n name: \"Emitter Text Shape\",\n particles: {\n number: {\n value: 0\n },\n color: {\n value: [\"#f44336\", \"#e91e63\", \"#9c27b0\", \"#673ab7\", \"#3f51b5\", \"#2196f3\", \"#03a9f4\", \"#00bcd4\", \"#009688\", \"#4CAF50\", \"#8BC34A\", \"#CDDC39\", \"#FFEB3B\", \"#FFC107\", \"#FF9800\", \"#FF5722\"]\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: [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/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/e/emitterTextShape.js?\n}");
448
448
 
449
449
  /***/ }),
450
450
 
@@ -454,7 +454,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
454
454
  \**************************************************/
455
455
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
456
456
 
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 minAlphaFilter = 0,\n rate = {\n delay: 0.1,\n quantity: 100\n },\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 },\n options = {\n key: \"emitterTextStrokeShape\",\n name: \"Emitter Text Stroke Shape\",\n particles: {\n number: {\n value: 0\n },\n color: {\n value: [\"#f44336\", \"#e91e63\", \"#9c27b0\", \"#673ab7\", \"#3f51b5\", \"#2196f3\", \"#03a9f4\", \"#00bcd4\", \"#009688\", \"#4CAF50\", \"#8BC34A\", \"#CDDC39\", \"#FFEB3B\", \"#FFC107\", \"#FF9800\", \"#FF5722\"]\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: [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/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/e/emitterTextStrokeShape.js?");
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 minAlphaFilter = 0,\n rate = {\n delay: 0.1,\n quantity: 100\n },\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 },\n options = {\n key: \"emitterTextStrokeShape\",\n name: \"Emitter Text Stroke Shape\",\n particles: {\n number: {\n value: 0\n },\n color: {\n value: [\"#f44336\", \"#e91e63\", \"#9c27b0\", \"#673ab7\", \"#3f51b5\", \"#2196f3\", \"#03a9f4\", \"#00bcd4\", \"#009688\", \"#4CAF50\", \"#8BC34A\", \"#CDDC39\", \"#FFEB3B\", \"#FFC107\", \"#FF9800\", \"#FF5722\"]\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: [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/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/e/emitterTextStrokeShape.js?\n}");
458
458
 
459
459
  /***/ }),
460
460
 
@@ -464,7 +464,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
464
464
  \*********************************/
465
465
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
466
466
 
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 */ });\n/* harmony import */ var _effectBubble_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./effectBubble.js */ \"./dist/browser/e/effectBubble.js\");\n/* harmony import */ var _effectTrail_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./effectTrail.js */ \"./dist/browser/e/effectTrail.js\");\n/* harmony import */ var _effectTrailTransform_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./effectTrailTransform.js */ \"./dist/browser/e/effectTrailTransform.js\");\n/* harmony import */ var _emitter_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./emitter.js */ \"./dist/browser/e/emitter.js\");\n/* harmony import */ var _emitterAbsorber_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./emitterAbsorber.js */ \"./dist/browser/e/emitterAbsorber.js\");\n/* harmony import */ var _emitterAngled_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./emitterAngled.js */ \"./dist/browser/e/emitterAngled.js\");\n/* harmony import */ var _emitterImageShape_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./emitterImageShape.js */ \"./dist/browser/e/emitterImageShape.js\");\n/* harmony import */ var _emitterImages_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./emitterImages.js */ \"./dist/browser/e/emitterImages.js\");\n/* harmony import */ var _emitterPaths_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./emitterPaths.js */ \"./dist/browser/e/emitterPaths.js\");\n/* harmony import */ var _emitterShapes_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./emitterShapes.js */ \"./dist/browser/e/emitterShapes.js\");\n/* harmony import */ var _emitterSpawnColor_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./emitterSpawnColor.js */ \"./dist/browser/e/emitterSpawnColor.js\");\n/* harmony import */ var _emitterTextShape_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./emitterTextShape.js */ \"./dist/browser/e/emitterTextShape.js\");\n/* harmony import */ var _emitterTextStrokeShape_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./emitterTextStrokeShape.js */ \"./dist/browser/e/emitterTextStrokeShape.js\");\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 effectTrail: _effectTrail_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n effectTrailTransform: _effectTrailTransform_js__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n emitter: _emitter_js__WEBPACK_IMPORTED_MODULE_3__[\"default\"],\n emitterAbsorber: _emitterAbsorber_js__WEBPACK_IMPORTED_MODULE_4__[\"default\"],\n emitterAngled: _emitterAngled_js__WEBPACK_IMPORTED_MODULE_5__[\"default\"],\n emitterImageShape: _emitterImageShape_js__WEBPACK_IMPORTED_MODULE_6__[\"default\"],\n emitterImages: _emitterImages_js__WEBPACK_IMPORTED_MODULE_7__[\"default\"],\n emitterPaths: _emitterPaths_js__WEBPACK_IMPORTED_MODULE_8__[\"default\"],\n emitterShapes: _emitterShapes_js__WEBPACK_IMPORTED_MODULE_9__[\"default\"],\n emitterSpawnColor: _emitterSpawnColor_js__WEBPACK_IMPORTED_MODULE_10__[\"default\"],\n emitterTextShape: _emitterTextShape_js__WEBPACK_IMPORTED_MODULE_11__[\"default\"],\n emitterTextStrokeShape: _emitterTextStrokeShape_js__WEBPACK_IMPORTED_MODULE_12__[\"default\"]\n});\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/e/index.js?");
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 */ });\n/* harmony import */ var _effectBubble_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./effectBubble.js */ \"./dist/browser/e/effectBubble.js\");\n/* harmony import */ var _effectTrail_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./effectTrail.js */ \"./dist/browser/e/effectTrail.js\");\n/* harmony import */ var _effectTrailTransform_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./effectTrailTransform.js */ \"./dist/browser/e/effectTrailTransform.js\");\n/* harmony import */ var _emitter_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./emitter.js */ \"./dist/browser/e/emitter.js\");\n/* harmony import */ var _emitterAbsorber_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./emitterAbsorber.js */ \"./dist/browser/e/emitterAbsorber.js\");\n/* harmony import */ var _emitterAngled_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./emitterAngled.js */ \"./dist/browser/e/emitterAngled.js\");\n/* harmony import */ var _emitterImageShape_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./emitterImageShape.js */ \"./dist/browser/e/emitterImageShape.js\");\n/* harmony import */ var _emitterImages_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./emitterImages.js */ \"./dist/browser/e/emitterImages.js\");\n/* harmony import */ var _emitterPaths_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./emitterPaths.js */ \"./dist/browser/e/emitterPaths.js\");\n/* harmony import */ var _emitterShapes_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./emitterShapes.js */ \"./dist/browser/e/emitterShapes.js\");\n/* harmony import */ var _emitterSpawnColor_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./emitterSpawnColor.js */ \"./dist/browser/e/emitterSpawnColor.js\");\n/* harmony import */ var _emitterTextShape_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./emitterTextShape.js */ \"./dist/browser/e/emitterTextShape.js\");\n/* harmony import */ var _emitterTextStrokeShape_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./emitterTextStrokeShape.js */ \"./dist/browser/e/emitterTextStrokeShape.js\");\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 effectTrail: _effectTrail_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n effectTrailTransform: _effectTrailTransform_js__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n emitter: _emitter_js__WEBPACK_IMPORTED_MODULE_3__[\"default\"],\n emitterAbsorber: _emitterAbsorber_js__WEBPACK_IMPORTED_MODULE_4__[\"default\"],\n emitterAngled: _emitterAngled_js__WEBPACK_IMPORTED_MODULE_5__[\"default\"],\n emitterImageShape: _emitterImageShape_js__WEBPACK_IMPORTED_MODULE_6__[\"default\"],\n emitterImages: _emitterImages_js__WEBPACK_IMPORTED_MODULE_7__[\"default\"],\n emitterPaths: _emitterPaths_js__WEBPACK_IMPORTED_MODULE_8__[\"default\"],\n emitterShapes: _emitterShapes_js__WEBPACK_IMPORTED_MODULE_9__[\"default\"],\n emitterSpawnColor: _emitterSpawnColor_js__WEBPACK_IMPORTED_MODULE_10__[\"default\"],\n emitterTextShape: _emitterTextShape_js__WEBPACK_IMPORTED_MODULE_11__[\"default\"],\n emitterTextStrokeShape: _emitterTextStrokeShape_js__WEBPACK_IMPORTED_MODULE_12__[\"default\"]\n});\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/e/index.js?\n}");
468
468
 
469
469
  /***/ }),
470
470
 
@@ -474,7 +474,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
474
474
  \*************************************/
475
475
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
476
476
 
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 */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__);\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 color: {\n value: [\"#ff595e\", \"#ffca3a\", \"#8ac926\", \"#1982c4\", \"#6a4c93\"]\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 trail: {\n fill: {\n color: \"#000\"\n },\n enable: true,\n length: 10\n }\n }\n },\n sounds: {\n enable: true,\n events: [{\n event: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.EventType.particleRemoved,\n filter: args => args.data.particle.options.move.gravity.inverse,\n audio: [\"https://particles.js.org/audio/explosion0.mp3\", \"https://particles.js.org/audio/explosion1.mp3\", \"https://particles.js.org/audio/explosion2.mp3\"]\n }],\n volume: 50\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/f/fireworks.js?");
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 */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__);\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 color: {\n value: [\"#ff595e\", \"#ffca3a\", \"#8ac926\", \"#1982c4\", \"#6a4c93\"]\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 trail: {\n fill: {\n color: \"#000\"\n },\n enable: true,\n length: 10\n }\n }\n },\n sounds: {\n enable: true,\n events: [{\n event: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.EventType.particleRemoved,\n filter: args => args.data.particle.options.move.gravity.inverse,\n audio: [\"https://particles.js.org/audio/explosion0.mp3\", \"https://particles.js.org/audio/explosion1.mp3\", \"https://particles.js.org/audio/explosion2.mp3\"]\n }],\n volume: 50\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/f/fireworks.js?\n}");
478
478
 
479
479
  /***/ }),
480
480
 
@@ -484,7 +484,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
484
484
  \**************************************/
485
485
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
486
486
 
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 */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__);\n\nconst options = {\n key: \"fireworks2\",\n name: \"Fireworks 2\",\n fullScreen: {\n enable: true\n },\n background: {\n color: \"#ffffff\",\n image: \"url('https://particles.js.org/images/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 color: {\n value: \"#fff\"\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 color: {\n value: [\"#ff595e\", \"#ffca3a\", \"#8ac926\", \"#1982c4\", \"#6a4c93\"]\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 event: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.EventType.particleRemoved,\n filter: args => args.data.particle.options.move.gravity.inverse,\n audio: [\"https://particles.js.org/audio/explosion0.mp3\", \"https://particles.js.org/audio/explosion1.mp3\", \"https://particles.js.org/audio/explosion2.mp3\"]\n }],\n volume: 50\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/f/fireworks2.js?");
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 */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__);\n\nconst options = {\n key: \"fireworks2\",\n name: \"Fireworks 2\",\n fullScreen: {\n enable: true\n },\n background: {\n color: \"#ffffff\",\n image: \"url('https://particles.js.org/images/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 color: {\n value: \"#fff\"\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 color: {\n value: [\"#ff595e\", \"#ffca3a\", \"#8ac926\", \"#1982c4\", \"#6a4c93\"]\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 event: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.EventType.particleRemoved,\n filter: args => args.data.particle.options.move.gravity.inverse,\n audio: [\"https://particles.js.org/audio/explosion0.mp3\", \"https://particles.js.org/audio/explosion1.mp3\", \"https://particles.js.org/audio/explosion2.mp3\"]\n }],\n volume: 50\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/f/fireworks2.js?\n}");
488
488
 
489
489
  /***/ }),
490
490
 
@@ -494,7 +494,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
494
494
  \***************************************/
495
495
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
496
496
 
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: \"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 color: {\n value: \"#ffffff\"\n },\n links: {\n blink: false,\n color: \"#ffffff\",\n consent: false,\n distance: 150,\n enable: true,\n opacity: 0.4,\n shadow: {\n blur: 5,\n color: \"lime\",\n enable: false\n },\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 fill: true,\n font: \"Font Awesome 5 Brands\",\n style: \"\",\n value: [\"\\uf179\"],\n weight: \"400\"\n }, {\n fill: true,\n font: \"Font Awesome 5 Free\",\n style: \"\",\n value: [\"\\uf5d1\"],\n weight: \"900\"\n }]\n },\n type: \"char\"\n },\n stroke: {\n color: \"#ffffff\",\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/f/fontawesome.js?");
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: \"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 color: {\n value: \"#ffffff\"\n },\n links: {\n blink: false,\n color: \"#ffffff\",\n consent: false,\n distance: 150,\n enable: true,\n opacity: 0.4,\n shadow: {\n blur: 5,\n color: \"lime\",\n enable: false\n },\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 fill: true,\n font: \"Font Awesome 5 Brands\",\n style: \"\",\n value: [\"\\uf179\"],\n weight: \"400\"\n }, {\n fill: true,\n font: \"Font Awesome 5 Free\",\n style: \"\",\n value: [\"\\uf5d1\"],\n weight: \"900\"\n }]\n },\n type: \"char\"\n },\n stroke: {\n color: \"#ffffff\",\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/f/fontawesome.js?\n}");
498
498
 
499
499
  /***/ }),
500
500
 
@@ -504,7 +504,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
504
504
  \***********************************/
505
505
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
506
506
 
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 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 color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 20,\n sync: true\n }\n },\n stroke: {\n width: 0,\n color: \"#000000\"\n },\n shape: {\n type: \"image\",\n options: {\n image: {\n src: \"https://particles.js.org/images/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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/f/forward.js?");
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 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 color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 20,\n sync: true\n }\n },\n stroke: {\n width: 0,\n color: \"#000000\"\n },\n shape: {\n type: \"image\",\n options: {\n image: {\n src: \"https://particles.js.org/images/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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/f/forward.js?\n}");
508
508
 
509
509
  /***/ }),
510
510
 
@@ -514,7 +514,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
514
514
  \*********************************/
515
515
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
516
516
 
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 _fireworks_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./fireworks.js */ \"./dist/browser/f/fireworks.js\");\n/* harmony import */ var _fireworks2_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./fireworks2.js */ \"./dist/browser/f/fireworks2.js\");\n/* harmony import */ var _fontawesome_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./fontawesome.js */ \"./dist/browser/f/fontawesome.js\");\n/* harmony import */ var _forward_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./forward.js */ \"./dist/browser/f/forward.js\");\n\n\n\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({\n fireworks: _fireworks_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"],\n fireworks2: _fireworks2_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n fontawesome: _fontawesome_js__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n forward: _forward_js__WEBPACK_IMPORTED_MODULE_3__[\"default\"]\n});\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/f/index.js?");
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 _fireworks_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./fireworks.js */ \"./dist/browser/f/fireworks.js\");\n/* harmony import */ var _fireworks2_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./fireworks2.js */ \"./dist/browser/f/fireworks2.js\");\n/* harmony import */ var _fontawesome_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./fontawesome.js */ \"./dist/browser/f/fontawesome.js\");\n/* harmony import */ var _forward_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./forward.js */ \"./dist/browser/f/forward.js\");\n\n\n\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({\n fireworks: _fireworks_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"],\n fireworks2: _fireworks2_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n fontawesome: _fontawesome_js__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n forward: _forward_js__WEBPACK_IMPORTED_MODULE_3__[\"default\"]\n});\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/f/index.js?\n}");
518
518
 
519
519
  /***/ }),
520
520
 
@@ -524,7 +524,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
524
524
  \********************************/
525
525
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
526
526
 
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 options = {\n key: \"gifs\",\n name: \"Gifs\",\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 particles: {\n color: {\n value: \"#ffffff\"\n },\n move: {\n enable: true,\n speed: {\n min: 1,\n max: 6\n }\n },\n number: {\n value: 20,\n limit: {\n value: 30\n }\n },\n opacity: {\n value: 1\n },\n rotate: {\n path: true\n },\n shape: {\n options: {\n image: {\n gif: true,\n height: 200,\n src: \"https://particles.js.org/images/mario.gif\",\n width: 200\n }\n },\n type: \"image\"\n },\n size: {\n value: {\n min: 32,\n max: 64\n }\n }\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/g/gifs.js?");
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 options = {\n key: \"gifs\",\n name: \"Gifs\",\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 particles: {\n color: {\n value: \"#ffffff\"\n },\n move: {\n enable: true,\n speed: {\n min: 1,\n max: 6\n }\n },\n number: {\n value: 20,\n limit: {\n value: 30\n }\n },\n opacity: {\n value: 1\n },\n rotate: {\n path: true\n },\n shape: {\n options: {\n image: {\n gif: true,\n height: 200,\n src: \"https://particles.js.org/images/mario.gif\",\n width: 200\n }\n },\n type: \"image\"\n },\n size: {\n value: {\n min: 32,\n max: 64\n }\n }\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/g/gifs.js?\n}");
528
528
 
529
529
  /***/ }),
530
530
 
@@ -534,7 +534,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
534
534
  \*******************************************/
535
535
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
536
536
 
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 options = {\n key: \"grabRandomColor\",\n name: \"Grab Random Color\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 20,\n sync: 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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/g/grabRandomColor.js?");
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 options = {\n key: \"grabRandomColor\",\n name: \"Grab Random Color\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 20,\n sync: 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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/g/grabRandomColor.js?\n}");
538
538
 
539
539
  /***/ }),
540
540
 
@@ -544,7 +544,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
544
544
  \*************************************/
545
545
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
546
546
 
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 _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__);\n\nconst options = {\n key: \"gradients\",\n name: \"Gradients\",\n particles: {\n number: {\n value: 100\n },\n gradient: [{\n type: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.GradientType.radial,\n colors: [{\n stop: 0.25,\n value: \"#5bc0eb\"\n }, {\n stop: 1,\n value: \"#000000\",\n opacity: 0\n }]\n }, {\n type: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.GradientType.radial,\n colors: [{\n stop: 0.25,\n value: \"#fde74c\"\n }, {\n stop: 1,\n value: \"#000000\",\n opacity: 0\n }]\n }, {\n type: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.GradientType.radial,\n colors: [{\n stop: 0.25,\n value: \"#9bc53d\"\n }, {\n stop: 1,\n value: \"#000000\",\n opacity: 0\n }]\n }, {\n type: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.GradientType.radial,\n colors: [{\n stop: 0.25,\n value: \"#e55934\"\n }, {\n stop: 1,\n value: \"#000000\",\n opacity: 0\n }]\n }, {\n type: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.GradientType.radial,\n colors: [{\n stop: 0.25,\n value: \"#fa7921\"\n }, {\n stop: 1,\n value: \"#000000\",\n opacity: 0\n }]\n }, {\n type: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.GradientType.radial,\n colors: [{\n stop: 0.25,\n value: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 60,\n sync: true\n }\n }\n }, {\n stop: 0.5,\n value: {\n value: \"#00ff00\",\n animation: {\n enable: true,\n speed: 60,\n sync: true\n }\n }\n }, {\n stop: 0.75,\n value: {\n value: \"#0000ff\",\n animation: {\n enable: true,\n speed: 60,\n sync: true\n }\n }\n }, {\n stop: 1,\n value: \"#000000\",\n opacity: 0\n }]\n }, {\n type: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.GradientType.linear,\n angle: {\n value: 0,\n direction: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.RotateDirection.random,\n animation: {\n enable: true,\n speed: 60,\n sync: true\n }\n },\n colors: [{\n stop: 0,\n value: \"#00ffff\"\n }, {\n stop: 0.5,\n value: \"#ff00ff\"\n }, {\n stop: 1,\n value: \"#ffff00\"\n }]\n }],\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 1\n },\n size: {\n value: {\n min: 15,\n max: 20\n },\n animation: {\n enable: true,\n speed: 5,\n sync: false\n }\n },\n move: {\n enable: true,\n speed: 5\n }\n },\n background: {\n color: \"#000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/g/gradients.js?");
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 _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__);\n\nconst options = {\n key: \"gradients\",\n name: \"Gradients\",\n particles: {\n number: {\n value: 100\n },\n gradient: [{\n type: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.GradientType.radial,\n colors: [{\n stop: 0.25,\n value: \"#5bc0eb\"\n }, {\n stop: 1,\n value: \"#000000\",\n opacity: 0\n }]\n }, {\n type: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.GradientType.radial,\n colors: [{\n stop: 0.25,\n value: \"#fde74c\"\n }, {\n stop: 1,\n value: \"#000000\",\n opacity: 0\n }]\n }, {\n type: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.GradientType.radial,\n colors: [{\n stop: 0.25,\n value: \"#9bc53d\"\n }, {\n stop: 1,\n value: \"#000000\",\n opacity: 0\n }]\n }, {\n type: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.GradientType.radial,\n colors: [{\n stop: 0.25,\n value: \"#e55934\"\n }, {\n stop: 1,\n value: \"#000000\",\n opacity: 0\n }]\n }, {\n type: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.GradientType.radial,\n colors: [{\n stop: 0.25,\n value: \"#fa7921\"\n }, {\n stop: 1,\n value: \"#000000\",\n opacity: 0\n }]\n }, {\n type: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.GradientType.radial,\n colors: [{\n stop: 0.25,\n value: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 60,\n sync: true\n }\n }\n }, {\n stop: 0.5,\n value: {\n value: \"#00ff00\",\n animation: {\n enable: true,\n speed: 60,\n sync: true\n }\n }\n }, {\n stop: 0.75,\n value: {\n value: \"#0000ff\",\n animation: {\n enable: true,\n speed: 60,\n sync: true\n }\n }\n }, {\n stop: 1,\n value: \"#000000\",\n opacity: 0\n }]\n }, {\n type: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.GradientType.linear,\n angle: {\n value: 0,\n direction: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.RotateDirection.random,\n animation: {\n enable: true,\n speed: 60,\n sync: true\n }\n },\n colors: [{\n stop: 0,\n value: \"#00ffff\"\n }, {\n stop: 0.5,\n value: \"#ff00ff\"\n }, {\n stop: 1,\n value: \"#ffff00\"\n }]\n }],\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 1\n },\n size: {\n value: {\n min: 15,\n max: 20\n },\n animation: {\n enable: true,\n speed: 5,\n sync: false\n }\n },\n move: {\n enable: true,\n speed: 5\n }\n },\n background: {\n color: \"#000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/g/gradients.js?\n}");
548
548
 
549
549
  /***/ }),
550
550
 
@@ -554,7 +554,17 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
554
554
  \***********************************/
555
555
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
556
556
 
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: \"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 color: {\n value: \"#ffffff\"\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 trail: {\n enable: true,\n fill: {\n color: \"#000000\"\n },\n length: 10\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 color: {\n value: [\"#5bc0eb\", \"#fde74c\", \"#9bc53d\", \"#e55934\", \"#fa7921\", \"#2FF3E0\", \"#F8D210\", \"#FA26A0\", \"#F51720\"]\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};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/g/gravity.js?");
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: \"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 color: {\n value: \"#ffffff\"\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 trail: {\n enable: true,\n fill: {\n color: \"#000000\"\n },\n length: 10\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 color: {\n value: [\"#5bc0eb\", \"#fde74c\", \"#9bc53d\", \"#e55934\", \"#fa7921\", \"#2FF3E0\", \"#F8D210\", \"#FA26A0\", \"#F51720\"]\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};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/g/gravity.js?\n}");
558
+
559
+ /***/ }),
560
+
561
+ /***/ "./dist/browser/g/groups.js":
562
+ /*!**********************************!*\
563
+ !*** ./dist/browser/g/groups.js ***!
564
+ \**********************************/
565
+ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
566
+
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 */ });\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 color: {\n value: \"#ffffff\"\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/g/groups.js?\n}");
558
568
 
559
569
  /***/ }),
560
570
 
@@ -564,7 +574,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
564
574
  \***********************************/
565
575
  /***/ ((__unused_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 */ });\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 color: {\n value: \"random\"\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/g/growing.js?");
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 */ });\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 color: {\n value: \"random\"\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/g/growing.js?\n}");
568
578
 
569
579
  /***/ }),
570
580
 
@@ -574,7 +584,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
574
584
  \*********************************/
575
585
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
576
586
 
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 _gifs_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./gifs.js */ \"./dist/browser/g/gifs.js\");\n/* harmony import */ var _grabRandomColor_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./grabRandomColor.js */ \"./dist/browser/g/grabRandomColor.js\");\n/* harmony import */ var _gradients_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./gradients.js */ \"./dist/browser/g/gradients.js\");\n/* harmony import */ var _gravity_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./gravity.js */ \"./dist/browser/g/gravity.js\");\n/* harmony import */ var _growing_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./growing.js */ \"./dist/browser/g/growing.js\");\n\n\n\n\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({\n gifs: _gifs_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"],\n grabRandomColor: _grabRandomColor_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n gradients: _gradients_js__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n gravity: _gravity_js__WEBPACK_IMPORTED_MODULE_3__[\"default\"],\n growing: _growing_js__WEBPACK_IMPORTED_MODULE_4__[\"default\"]\n});\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/g/index.js?");
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 _gifs_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./gifs.js */ \"./dist/browser/g/gifs.js\");\n/* harmony import */ var _grabRandomColor_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./grabRandomColor.js */ \"./dist/browser/g/grabRandomColor.js\");\n/* harmony import */ var _gradients_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./gradients.js */ \"./dist/browser/g/gradients.js\");\n/* harmony import */ var _gravity_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./gravity.js */ \"./dist/browser/g/gravity.js\");\n/* harmony import */ var _groups__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./groups */ \"./dist/browser/g/groups.js\");\n/* harmony import */ var _growing_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./growing.js */ \"./dist/browser/g/growing.js\");\n\n\n\n\n\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({\n gifs: _gifs_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"],\n grabRandomColor: _grabRandomColor_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n gradients: _gradients_js__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n gravity: _gravity_js__WEBPACK_IMPORTED_MODULE_3__[\"default\"],\n groups: _groups__WEBPACK_IMPORTED_MODULE_4__[\"default\"],\n growing: _growing_js__WEBPACK_IMPORTED_MODULE_5__[\"default\"]\n});\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/g/index.js?\n}");
578
588
 
579
589
  /***/ }),
580
590
 
@@ -584,7 +594,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
584
594
  \***************************************/
585
595
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
586
596
 
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: \"hexagonPath\",\n name: \"Hexagon Path\",\n particles: {\n color: {\n value: \"#FF0000\",\n animation: {\n enable: true,\n speed: 10\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 trail: {\n fill: {\n color: \"#000\"\n },\n length: 20,\n enable: true\n }\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};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/h/hexagonPath.js?");
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: \"hexagonPath\",\n name: \"Hexagon Path\",\n particles: {\n color: {\n value: \"#FF0000\",\n animation: {\n enable: true,\n speed: 10\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 trail: {\n fill: {\n color: \"#000\"\n },\n length: 20,\n enable: true\n }\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};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/h/hexagonPath.js?\n}");
588
598
 
589
599
  /***/ }),
590
600
 
@@ -594,7 +604,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
594
604
  \****************************************/
595
605
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
596
606
 
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: \"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 color: {\n value: \"#ffffff\"\n },\n links: {\n blink: false,\n color: \"#ffffff\",\n consent: false,\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/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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/h/hollowknight.js?");
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: \"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 color: {\n value: \"#ffffff\"\n },\n links: {\n blink: false,\n color: \"#ffffff\",\n consent: false,\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/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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/h/hollowknight.js?\n}");
598
608
 
599
609
  /***/ }),
600
610
 
@@ -604,7 +614,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
604
614
  \**************************************/
605
615
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
606
616
 
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: \"hyperspace\",\n name: \"Hyperspace\",\n background: {\n color: \"#000\"\n },\n particles: {\n color: {\n value: [\"#3998D0\", \"#2EB6AF\", \"#A9BD33\", \"#FEC73B\", \"#F89930\", \"#F45623\", \"#D62E32\", \"#EB586E\", \"#9952CF\"]\n },\n move: {\n enable: true,\n outModes: {\n default: \"destroy\"\n },\n speed: 3,\n trail: {\n fill: {\n color: \"#000\"\n },\n length: 30,\n enable: true\n }\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};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/h/hyperspace.js?");
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: \"hyperspace\",\n name: \"Hyperspace\",\n background: {\n color: \"#000\"\n },\n particles: {\n color: {\n value: [\"#3998D0\", \"#2EB6AF\", \"#A9BD33\", \"#FEC73B\", \"#F89930\", \"#F45623\", \"#D62E32\", \"#EB586E\", \"#9952CF\"]\n },\n move: {\n enable: true,\n outModes: {\n default: \"destroy\"\n },\n speed: 3,\n trail: {\n fill: {\n color: \"#000\"\n },\n length: 30,\n enable: true\n }\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};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/h/hyperspace.js?\n}");
608
618
 
609
619
  /***/ }),
610
620
 
@@ -614,7 +624,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
614
624
  \*********************************/
615
625
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
616
626
 
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 */ });\n/* harmony import */ var _hexagonPath_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./hexagonPath.js */ \"./dist/browser/h/hexagonPath.js\");\n/* harmony import */ var _hollowknight_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./hollowknight.js */ \"./dist/browser/h/hollowknight.js\");\n/* harmony import */ var _hyperspace_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./hyperspace.js */ \"./dist/browser/h/hyperspace.js\");\n\n\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({\n hexagonPath: _hexagonPath_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"],\n hollowknight: _hollowknight_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n hyperspace: _hyperspace_js__WEBPACK_IMPORTED_MODULE_2__[\"default\"]\n});\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/h/index.js?");
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 _hexagonPath_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./hexagonPath.js */ \"./dist/browser/h/hexagonPath.js\");\n/* harmony import */ var _hollowknight_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./hollowknight.js */ \"./dist/browser/h/hollowknight.js\");\n/* harmony import */ var _hyperspace_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./hyperspace.js */ \"./dist/browser/h/hyperspace.js\");\n\n\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({\n hexagonPath: _hexagonPath_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"],\n hollowknight: _hollowknight_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n hyperspace: _hyperspace_js__WEBPACK_IMPORTED_MODULE_2__[\"default\"]\n});\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/h/index.js?\n}");
618
628
 
619
629
  /***/ }),
620
630
 
@@ -624,7 +634,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
624
634
  \*************************************/
625
635
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
626
636
 
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 minFilterValue = 30,\n minFilterAlpha = 0,\n options = {\n key: \"imageMask\",\n name: \"Image Mask\",\n smooth: true,\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"bubble\",\n parallax: {\n enable: false,\n force: 2,\n smooth: 10\n }\n }\n },\n modes: {\n bubble: {\n distance: 40,\n duration: 2,\n opacity: 8,\n size: 15\n }\n }\n },\n particles: {\n move: {\n direction: \"none\",\n distance: 10,\n enable: true,\n speed: 1\n },\n number: {\n value: 600\n },\n shape: {\n type: [\"circle\", \"square\", \"triangle\"]\n },\n size: {\n value: {\n min: 3,\n max: 5\n }\n }\n },\n canvasMask: {\n enable: true,\n scale: 5,\n pixels: {\n filter: pixel => pixel.r < minFilterValue && pixel.g < minFilterValue && pixel.b < minFilterValue ? false : pixel.a > minFilterAlpha\n },\n image: {\n src: \"https://particles.js.org/images/amongus_cyan.png\"\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/i/imageMask.js?");
637
+ eval("{__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,\n minFilterAlpha = 0,\n options = {\n key: \"imageMask\",\n name: \"Image Mask\",\n smooth: true,\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"bubble\",\n parallax: {\n enable: false,\n force: 2,\n smooth: 10\n }\n }\n },\n modes: {\n bubble: {\n distance: 40,\n duration: 2,\n opacity: 8,\n size: 15\n }\n }\n },\n particles: {\n move: {\n direction: \"none\",\n distance: 10,\n enable: true,\n speed: 1\n },\n number: {\n value: 600\n },\n shape: {\n type: [\"circle\", \"square\", \"triangle\"]\n },\n size: {\n value: {\n min: 3,\n max: 5\n }\n }\n },\n canvasMask: {\n enable: true,\n scale: 5,\n pixels: {\n filter: pixel => pixel.r < minFilterValue && pixel.g < minFilterValue && pixel.b < minFilterValue ? false : pixel.a > minFilterAlpha\n },\n image: {\n src: \"https://particles.js.org/images/amongus_cyan.png\"\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/i/imageMask.js?\n}");
628
638
 
629
639
  /***/ }),
630
640
 
@@ -634,7 +644,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
634
644
  \**********************************/
635
645
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
636
646
 
637
- eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"images\",\n name: \"Images\",\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 color: {\n value: \"#ffffff\"\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 name: \"apple\"\n }, {\n name: \"avocado\"\n }, {\n name: \"banana\"\n }, {\n name: \"berries\"\n }, {\n name: \"cherry\"\n }, {\n name: \"grapes\"\n }, {\n name: \"lemon\"\n }, {\n name: \"orange\"\n }, {\n name: \"peach\"\n }, {\n name: \"pear\"\n }, {\n name: \"pepper\"\n }, {\n name: \"plum\"\n }, {\n name: \"star\"\n }, {\n name: \"strawberry\"\n }, {\n name: \"watermelon\"\n }, {\n name: \"watermelon_slice\"\n }]\n },\n type: \"image\"\n },\n size: {\n value: 16\n }\n },\n background: {\n color: \"#fff\"\n },\n preload: [{\n src: \"https://particles.js.org/images/fruits/apple.png\",\n name: \"apple\",\n width: 32,\n height: 32\n }, {\n src: \"https://particles.js.org/images/fruits/avocado.png\",\n name: \"avocado\",\n width: 32,\n height: 32\n }, {\n src: \"https://particles.js.org/images/fruits/banana.png\",\n name: \"banana\",\n width: 32,\n height: 32\n }, {\n src: \"https://particles.js.org/images/fruits/berries.png\",\n name: \"berries\",\n width: 32,\n height: 32\n }, {\n src: \"https://particles.js.org/images/fruits/cherry.png\",\n name: \"cherry\",\n width: 32,\n height: 32\n }, {\n src: \"https://particles.js.org/images/fruits/grapes.png\",\n name: \"grapes\",\n width: 32,\n height: 32\n }, {\n src: \"https://particles.js.org/images/fruits/lemon.png\",\n name: \"lemon\",\n width: 32,\n height: 32\n }, {\n src: \"https://particles.js.org/images/fruits/orange.png\",\n name: \"orange\",\n width: 32,\n height: 32\n }, {\n src: \"https://particles.js.org/images/fruits/peach.png\",\n name: \"peach\",\n width: 32,\n height: 32\n }, {\n src: \"https://particles.js.org/images/fruits/pear.png\",\n name: \"pear\",\n width: 32,\n height: 32\n }, {\n src: \"https://particles.js.org/images/fruits/pepper.png\",\n name: \"pepper\",\n width: 32,\n height: 32\n }, {\n src: \"https://particles.js.org/images/fruits/plum.png\",\n name: \"plum\",\n width: 32,\n height: 32\n }, {\n src: \"https://particles.js.org/images/fruits/star.png\",\n name: \"star\",\n width: 32,\n height: 32\n }, {\n src: \"https://particles.js.org/images/fruits/strawberry.png\",\n name: \"strawberry\",\n width: 32,\n height: 32\n }, {\n src: \"https://particles.js.org/images/fruits/watermelon.png\",\n name: \"watermelon\",\n width: 32,\n height: 32\n }, {\n src: \"https://particles.js.org/images/fruits/watermelon_slice.png\",\n name: \"watermelon_slice\",\n width: 32,\n height: 32\n }]\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/i/images.js?");
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: \"images\",\n name: \"Images\",\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 color: {\n value: \"#ffffff\"\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 name: \"apple\"\n }, {\n name: \"avocado\"\n }, {\n name: \"banana\"\n }, {\n name: \"berries\"\n }, {\n name: \"cherry\"\n }, {\n name: \"grapes\"\n }, {\n name: \"lemon\"\n }, {\n name: \"orange\"\n }, {\n name: \"peach\"\n }, {\n name: \"pear\"\n }, {\n name: \"pepper\"\n }, {\n name: \"plum\"\n }, {\n name: \"star\"\n }, {\n name: \"strawberry\"\n }, {\n name: \"watermelon\"\n }, {\n name: \"watermelon_slice\"\n }]\n },\n type: \"image\"\n },\n size: {\n value: 16\n }\n },\n background: {\n color: \"#fff\"\n },\n preload: [{\n src: \"https://particles.js.org/images/fruits/apple.png\",\n name: \"apple\",\n width: 32,\n height: 32\n }, {\n src: \"https://particles.js.org/images/fruits/avocado.png\",\n name: \"avocado\",\n width: 32,\n height: 32\n }, {\n src: \"https://particles.js.org/images/fruits/banana.png\",\n name: \"banana\",\n width: 32,\n height: 32\n }, {\n src: \"https://particles.js.org/images/fruits/berries.png\",\n name: \"berries\",\n width: 32,\n height: 32\n }, {\n src: \"https://particles.js.org/images/fruits/cherry.png\",\n name: \"cherry\",\n width: 32,\n height: 32\n }, {\n src: \"https://particles.js.org/images/fruits/grapes.png\",\n name: \"grapes\",\n width: 32,\n height: 32\n }, {\n src: \"https://particles.js.org/images/fruits/lemon.png\",\n name: \"lemon\",\n width: 32,\n height: 32\n }, {\n src: \"https://particles.js.org/images/fruits/orange.png\",\n name: \"orange\",\n width: 32,\n height: 32\n }, {\n src: \"https://particles.js.org/images/fruits/peach.png\",\n name: \"peach\",\n width: 32,\n height: 32\n }, {\n src: \"https://particles.js.org/images/fruits/pear.png\",\n name: \"pear\",\n width: 32,\n height: 32\n }, {\n src: \"https://particles.js.org/images/fruits/pepper.png\",\n name: \"pepper\",\n width: 32,\n height: 32\n }, {\n src: \"https://particles.js.org/images/fruits/plum.png\",\n name: \"plum\",\n width: 32,\n height: 32\n }, {\n src: \"https://particles.js.org/images/fruits/star.png\",\n name: \"star\",\n width: 32,\n height: 32\n }, {\n src: \"https://particles.js.org/images/fruits/strawberry.png\",\n name: \"strawberry\",\n width: 32,\n height: 32\n }, {\n src: \"https://particles.js.org/images/fruits/watermelon.png\",\n name: \"watermelon\",\n width: 32,\n height: 32\n }, {\n src: \"https://particles.js.org/images/fruits/watermelon_slice.png\",\n name: \"watermelon_slice\",\n width: 32,\n height: 32\n }]\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/i/images.js?\n}");
638
648
 
639
649
  /***/ }),
640
650
 
@@ -644,7 +654,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
644
654
  \********************************************/
645
655
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
646
656
 
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 */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__);\n\nconst options = {\n key: \"imagesDirections\",\n name: \"Images with Custom Directions\",\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 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 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 type: \"image\",\n options: {\n image: [{\n src: \"https://particles.js.org/images/fruits/apple.png\",\n width: 32,\n height: 32,\n particles: {\n move: {\n direction: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.MoveDirection.top\n }\n }\n }, {\n src: \"https://particles.js.org/images/fruits/avocado.png\",\n width: 32,\n height: 32,\n particles: {\n move: {\n direction: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.MoveDirection.bottom\n }\n }\n }]\n }\n },\n size: {\n value: 16\n }\n },\n polygon: {\n draw: {\n enable: false,\n stroke: {\n color: \"#fff\",\n width: 0.5,\n opacity: 0.2\n }\n },\n move: {\n radius: 10\n },\n scale: 1,\n type: \"none\",\n url: \"\"\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/i/imagesDirections.js?");
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 */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__);\n\nconst options = {\n key: \"imagesDirections\",\n name: \"Images with Custom Directions\",\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 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 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 type: \"image\",\n options: {\n image: [{\n src: \"https://particles.js.org/images/fruits/apple.png\",\n width: 32,\n height: 32,\n particles: {\n move: {\n direction: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.MoveDirection.top\n }\n }\n }, {\n src: \"https://particles.js.org/images/fruits/avocado.png\",\n width: 32,\n height: 32,\n particles: {\n move: {\n direction: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.MoveDirection.bottom\n }\n }\n }]\n }\n },\n size: {\n value: 16\n }\n },\n polygon: {\n draw: {\n enable: false,\n stroke: {\n color: \"#fff\",\n width: 0.5,\n opacity: 0.2\n }\n },\n move: {\n radius: 10\n },\n scale: 1,\n type: \"none\",\n url: \"\"\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/i/imagesDirections.js?\n}");
648
658
 
649
659
  /***/ }),
650
660
 
@@ -654,7 +664,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
654
664
  \*********************************/
655
665
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
656
666
 
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 */ });\n/* harmony import */ var _imageMask_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./imageMask.js */ \"./dist/browser/i/imageMask.js\");\n/* harmony import */ var _images_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./images.js */ \"./dist/browser/i/images.js\");\n/* harmony import */ var _imagesDirections_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./imagesDirections.js */ \"./dist/browser/i/imagesDirections.js\");\n/* harmony import */ var _infection_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./infection.js */ \"./dist/browser/i/infection.js\");\n\n\n\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({\n imageMask: _imageMask_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"],\n images: _images_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n imagesDirections: _imagesDirections_js__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n infection: _infection_js__WEBPACK_IMPORTED_MODULE_3__[\"default\"]\n});\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/i/index.js?");
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 */ });\n/* harmony import */ var _imageMask_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./imageMask.js */ \"./dist/browser/i/imageMask.js\");\n/* harmony import */ var _images_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./images.js */ \"./dist/browser/i/images.js\");\n/* harmony import */ var _imagesDirections_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./imagesDirections.js */ \"./dist/browser/i/imagesDirections.js\");\n/* harmony import */ var _infection_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./infection.js */ \"./dist/browser/i/infection.js\");\n\n\n\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({\n imageMask: _imageMask_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"],\n images: _images_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n imagesDirections: _imagesDirections_js__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n infection: _infection_js__WEBPACK_IMPORTED_MODULE_3__[\"default\"]\n});\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/i/index.js?\n}");
658
668
 
659
669
  /***/ }),
660
670
 
@@ -664,7 +674,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
664
674
  \*************************************/
665
675
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
666
676
 
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: \"infection\",\n name: \"Infection\",\n infection: {\n enable: true,\n infections: 10,\n cure: true,\n stages: [{\n color: \"#ff0000\",\n duration: 1\n }, {\n color: \"#ffa500\",\n duration: 1,\n rate: 2\n }, {\n color: \"#ffff00\",\n duration: 1,\n rate: 2\n }, {\n color: \"#008000\",\n duration: 1,\n rate: 3\n }, {\n color: \"#0000ff\",\n duration: 1,\n rate: 4\n }, {\n color: \"#4b0082\",\n duration: 1,\n rate: 5\n }, {\n color: \"#ee82ee\",\n duration: 1,\n rate: 6,\n infectedStage: 0\n }]\n },\n particles: {\n collisions: {\n enable: true\n },\n number: {\n value: 400,\n density: {\n enable: true\n }\n },\n color: {\n value: \"#ffffff\"\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/i/infection.js?");
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: \"infection\",\n name: \"Infection\",\n infection: {\n enable: true,\n infections: 10,\n cure: true,\n stages: [{\n color: \"#ff0000\",\n duration: 1\n }, {\n color: \"#ffa500\",\n duration: 1,\n rate: 2\n }, {\n color: \"#ffff00\",\n duration: 1,\n rate: 2\n }, {\n color: \"#008000\",\n duration: 1,\n rate: 3\n }, {\n color: \"#0000ff\",\n duration: 1,\n rate: 4\n }, {\n color: \"#4b0082\",\n duration: 1,\n rate: 5\n }, {\n color: \"#ee82ee\",\n duration: 1,\n rate: 6,\n infectedStage: 0\n }]\n },\n particles: {\n collisions: {\n enable: true\n },\n number: {\n value: 400,\n density: {\n enable: true\n }\n },\n color: {\n value: \"#ffffff\"\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/i/infection.js?\n}");
668
678
 
669
679
  /***/ }),
670
680
 
@@ -674,7 +684,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
674
684
  \*******************************/
675
685
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
676
686
 
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 */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__);\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 _q_index_js__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./q/index.js */ \"./dist/browser/q/index.js\");\n/* harmony import */ var _r_index_js__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./r/index.js */ \"./dist/browser/r/index.js\");\n/* harmony import */ var _s_index_js__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./s/index.js */ \"./dist/browser/s/index.js\");\n/* harmony import */ var _t_index_js__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./t/index.js */ \"./dist/browser/t/index.js\");\n/* harmony import */ var _u_index_js__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ./u/index.js */ \"./dist/browser/u/index.js\");\n/* harmony import */ var _v_index_js__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ./v/index.js */ \"./dist/browser/v/index.js\");\n/* harmony import */ var _w_index_js__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ./w/index.js */ \"./dist/browser/w/index.js\");\n/* harmony import */ var _x_index_js__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ./x/index.js */ \"./dist/browser/x/index.js\");\n/* harmony import */ var _y_index_js__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ./y/index.js */ \"./dist/browser/y/index.js\");\n/* harmony import */ var _z_index_js__WEBPACK_IMPORTED_MODULE_26__ = __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\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_17__[\"default\"],\n ..._r_index_js__WEBPACK_IMPORTED_MODULE_18__[\"default\"],\n ..._s_index_js__WEBPACK_IMPORTED_MODULE_19__[\"default\"],\n ..._t_index_js__WEBPACK_IMPORTED_MODULE_20__[\"default\"],\n ..._u_index_js__WEBPACK_IMPORTED_MODULE_21__[\"default\"],\n ..._v_index_js__WEBPACK_IMPORTED_MODULE_22__[\"default\"],\n ..._w_index_js__WEBPACK_IMPORTED_MODULE_23__[\"default\"],\n ..._x_index_js__WEBPACK_IMPORTED_MODULE_24__[\"default\"],\n ..._y_index_js__WEBPACK_IMPORTED_MODULE_25__[\"default\"],\n ..._z_index_js__WEBPACK_IMPORTED_MODULE_26__[\"default\"]\n};\nfor (const key of Object.keys(configs)) {\n _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.tsParticles.addConfig(configs[key]);\n}\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (configs);\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/index.js?");
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 */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__);\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 _q_index_js__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./q/index.js */ \"./dist/browser/q/index.js\");\n/* harmony import */ var _r_index_js__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./r/index.js */ \"./dist/browser/r/index.js\");\n/* harmony import */ var _s_index_js__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./s/index.js */ \"./dist/browser/s/index.js\");\n/* harmony import */ var _t_index_js__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./t/index.js */ \"./dist/browser/t/index.js\");\n/* harmony import */ var _u_index_js__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ./u/index.js */ \"./dist/browser/u/index.js\");\n/* harmony import */ var _v_index_js__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ./v/index.js */ \"./dist/browser/v/index.js\");\n/* harmony import */ var _w_index_js__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ./w/index.js */ \"./dist/browser/w/index.js\");\n/* harmony import */ var _x_index_js__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ./x/index.js */ \"./dist/browser/x/index.js\");\n/* harmony import */ var _y_index_js__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ./y/index.js */ \"./dist/browser/y/index.js\");\n/* harmony import */ var _z_index_js__WEBPACK_IMPORTED_MODULE_26__ = __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\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_17__[\"default\"],\n ..._r_index_js__WEBPACK_IMPORTED_MODULE_18__[\"default\"],\n ..._s_index_js__WEBPACK_IMPORTED_MODULE_19__[\"default\"],\n ..._t_index_js__WEBPACK_IMPORTED_MODULE_20__[\"default\"],\n ..._u_index_js__WEBPACK_IMPORTED_MODULE_21__[\"default\"],\n ..._v_index_js__WEBPACK_IMPORTED_MODULE_22__[\"default\"],\n ..._w_index_js__WEBPACK_IMPORTED_MODULE_23__[\"default\"],\n ..._x_index_js__WEBPACK_IMPORTED_MODULE_24__[\"default\"],\n ..._y_index_js__WEBPACK_IMPORTED_MODULE_25__[\"default\"],\n ..._z_index_js__WEBPACK_IMPORTED_MODULE_26__[\"default\"]\n};\nfor (const key of Object.keys(configs)) {\n _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.tsParticles.addConfig(configs[key]);\n}\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (configs);\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/index.js?\n}");
678
688
 
679
689
  /***/ }),
680
690
 
@@ -684,7 +694,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
684
694
  \*********************************/
685
695
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
686
696
 
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 */ });\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({});\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/j/index.js?");
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 */ });\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({});\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/j/index.js?\n}");
688
698
 
689
699
  /***/ }),
690
700
 
@@ -694,7 +704,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
694
704
  \*********************************/
695
705
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
696
706
 
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 */ });\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({});\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/k/index.js?");
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 */ });\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({});\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/k/index.js?\n}");
698
708
 
699
709
  /***/ }),
700
710
 
@@ -704,7 +714,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
704
714
  \*********************************/
705
715
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
706
716
 
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 */ });\n/* harmony import */ var _lch_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./lch.js */ \"./dist/browser/l/lch.js\");\n/* harmony import */ var _life_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./life.js */ \"./dist/browser/l/life.js\");\n/* harmony import */ var _lightHover_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./lightHover.js */ \"./dist/browser/l/lightHover.js\");\n/* harmony import */ var _linkTriangles_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./linkTriangles.js */ \"./dist/browser/l/linkTriangles.js\");\n/* harmony import */ var _localPolygonMask_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./localPolygonMask.js */ \"./dist/browser/l/localPolygonMask.js\");\n\n\n\n\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({\n lch: _lch_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"],\n life: _life_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n lightHover: _lightHover_js__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n linkTriangles: _linkTriangles_js__WEBPACK_IMPORTED_MODULE_3__[\"default\"],\n localPolygonMask: _localPolygonMask_js__WEBPACK_IMPORTED_MODULE_4__[\"default\"]\n});\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/l/index.js?");
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 */ });\n/* harmony import */ var _lch_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./lch.js */ \"./dist/browser/l/lch.js\");\n/* harmony import */ var _life_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./life.js */ \"./dist/browser/l/life.js\");\n/* harmony import */ var _lightHover_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./lightHover.js */ \"./dist/browser/l/lightHover.js\");\n/* harmony import */ var _linkTriangles_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./linkTriangles.js */ \"./dist/browser/l/linkTriangles.js\");\n/* harmony import */ var _localPolygonMask_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./localPolygonMask.js */ \"./dist/browser/l/localPolygonMask.js\");\n\n\n\n\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({\n lch: _lch_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"],\n life: _life_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n lightHover: _lightHover_js__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n linkTriangles: _linkTriangles_js__WEBPACK_IMPORTED_MODULE_3__[\"default\"],\n localPolygonMask: _localPolygonMask_js__WEBPACK_IMPORTED_MODULE_4__[\"default\"]\n});\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/l/index.js?\n}");
708
718
 
709
719
  /***/ }),
710
720
 
@@ -714,7 +724,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
714
724
  \*******************************/
715
725
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
716
726
 
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: \"lch\",\n name: \"LCH\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\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 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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/l/lch.js?");
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: \"lch\",\n name: \"LCH\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\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 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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/l/lch.js?\n}");
718
728
 
719
729
  /***/ }),
720
730
 
@@ -724,7 +734,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
724
734
  \********************************/
725
735
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
726
736
 
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: \"life\",\n name: \"Life\",\n particles: {\n number: {\n value: 160,\n density: {\n enable: true\n }\n },\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 20,\n sync: 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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/l/life.js?");
737
+ eval("{__webpack_require__.r(__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 color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 20,\n sync: 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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/l/life.js?\n}");
728
738
 
729
739
  /***/ }),
730
740
 
@@ -734,7 +744,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
734
744
  \**************************************/
735
745
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
736
746
 
737
- eval("__webpack_require__.r(__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 color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 20,\n sync: true\n }\n },\n shape: {\n type: [\"circle\", \"square\"]\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/l/lightHover.js?");
747
+ eval("{__webpack_require__.r(__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 color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 20,\n sync: true\n }\n },\n shape: {\n type: [\"circle\", \"square\"]\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/l/lightHover.js?\n}");
738
748
 
739
749
  /***/ }),
740
750
 
@@ -744,7 +754,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
744
754
  \*****************************************/
745
755
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
746
756
 
747
- eval("__webpack_require__.r(__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 color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 20,\n sync: 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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/l/linkTriangles.js?");
757
+ eval("{__webpack_require__.r(__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 color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 20,\n sync: 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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/l/linkTriangles.js?\n}");
748
758
 
749
759
  /***/ }),
750
760
 
@@ -754,7 +764,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
754
764
  \********************************************/
755
765
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
756
766
 
757
- eval("__webpack_require__.r(__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 color: {\n value: \"#ffffff\"\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/l/localPolygonMask.js?");
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: \"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 color: {\n value: \"#ffffff\"\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/l/localPolygonMask.js?\n}");
758
768
 
759
769
  /***/ }),
760
770
 
@@ -764,7 +774,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
764
774
  \*********************************/
765
775
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
766
776
 
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 */ });\n/* harmony import */ var _manual_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./manual.js */ \"./dist/browser/m/manual.js\");\n/* harmony import */ var _motionDisable_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./motionDisable.js */ \"./dist/browser/m/motionDisable.js\");\n/* harmony import */ var _motionReduce_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./motionReduce.js */ \"./dist/browser/m/motionReduce.js\");\n/* harmony import */ var _mouseAttract_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./mouseAttract.js */ \"./dist/browser/m/mouseAttract.js\");\n/* harmony import */ var _mouseBounce_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./mouseBounce.js */ \"./dist/browser/m/mouseBounce.js\");\n/* harmony import */ var _mouseFollow_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./mouseFollow.js */ \"./dist/browser/m/mouseFollow.js\");\n/* harmony import */ var _mouseParticle_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./mouseParticle.js */ \"./dist/browser/m/mouseParticle.js\");\n/* harmony import */ var _mouseParticle2_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./mouseParticle2.js */ \"./dist/browser/m/mouseParticle2.js\");\n/* harmony import */ var _mouseTrail_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./mouseTrail.js */ \"./dist/browser/m/mouseTrail.js\");\n/* harmony import */ var _mouseTrailNoise_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./mouseTrailNoise.js */ \"./dist/browser/m/mouseTrailNoise.js\");\n/* harmony import */ var _moveAngle_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./moveAngle.js */ \"./dist/browser/m/moveAngle.js\");\n/* harmony import */ var _moveDistance_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./moveDistance.js */ \"./dist/browser/m/moveDistance.js\");\n/* harmony import */ var _moveInside_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./moveInside.js */ \"./dist/browser/m/moveInside.js\");\n/* harmony import */ var _moveOutside_js__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./moveOutside.js */ \"./dist/browser/m/moveOutside.js\");\n/* harmony import */ var _multipleClickEmitters_js__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./multipleClickEmitters.js */ \"./dist/browser/m/multipleClickEmitters.js\");\n/* harmony import */ var _multiplePolygonMasks_js__WEBPACK_IMPORTED_MODULE_15__ = __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/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({\n manual: _manual_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"],\n motionDisable: _motionDisable_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n motionReduce: _motionReduce_js__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n mouseAttract: _mouseAttract_js__WEBPACK_IMPORTED_MODULE_3__[\"default\"],\n mouseBounce: _mouseBounce_js__WEBPACK_IMPORTED_MODULE_4__[\"default\"],\n mouseFollow: _mouseFollow_js__WEBPACK_IMPORTED_MODULE_5__[\"default\"],\n mouseParticle: _mouseParticle_js__WEBPACK_IMPORTED_MODULE_6__[\"default\"],\n mouseParticle2: _mouseParticle2_js__WEBPACK_IMPORTED_MODULE_7__[\"default\"],\n mouseTrail: _mouseTrail_js__WEBPACK_IMPORTED_MODULE_8__[\"default\"],\n mouseTrailNoise: _mouseTrailNoise_js__WEBPACK_IMPORTED_MODULE_9__[\"default\"],\n moveAngle: _moveAngle_js__WEBPACK_IMPORTED_MODULE_10__[\"default\"],\n moveDistance: _moveDistance_js__WEBPACK_IMPORTED_MODULE_11__[\"default\"],\n moveInside: _moveInside_js__WEBPACK_IMPORTED_MODULE_12__[\"default\"],\n moveOutside: _moveOutside_js__WEBPACK_IMPORTED_MODULE_13__[\"default\"],\n multipleClickEmitters: _multipleClickEmitters_js__WEBPACK_IMPORTED_MODULE_14__[\"default\"],\n multiplePolygonMasks: _multiplePolygonMasks_js__WEBPACK_IMPORTED_MODULE_15__[\"default\"]\n});\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/m/index.js?");
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 _manual_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./manual.js */ \"./dist/browser/m/manual.js\");\n/* harmony import */ var _motionDisable_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./motionDisable.js */ \"./dist/browser/m/motionDisable.js\");\n/* harmony import */ var _motionReduce_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./motionReduce.js */ \"./dist/browser/m/motionReduce.js\");\n/* harmony import */ var _mouseAttract_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./mouseAttract.js */ \"./dist/browser/m/mouseAttract.js\");\n/* harmony import */ var _mouseBounce_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./mouseBounce.js */ \"./dist/browser/m/mouseBounce.js\");\n/* harmony import */ var _mouseFollow_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./mouseFollow.js */ \"./dist/browser/m/mouseFollow.js\");\n/* harmony import */ var _mouseParticle_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./mouseParticle.js */ \"./dist/browser/m/mouseParticle.js\");\n/* harmony import */ var _mouseParticle2_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./mouseParticle2.js */ \"./dist/browser/m/mouseParticle2.js\");\n/* harmony import */ var _mouseTrail_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./mouseTrail.js */ \"./dist/browser/m/mouseTrail.js\");\n/* harmony import */ var _mouseTrailNoise_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./mouseTrailNoise.js */ \"./dist/browser/m/mouseTrailNoise.js\");\n/* harmony import */ var _moveAngle_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./moveAngle.js */ \"./dist/browser/m/moveAngle.js\");\n/* harmony import */ var _moveDistance_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./moveDistance.js */ \"./dist/browser/m/moveDistance.js\");\n/* harmony import */ var _moveInside_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./moveInside.js */ \"./dist/browser/m/moveInside.js\");\n/* harmony import */ var _moveOutside_js__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./moveOutside.js */ \"./dist/browser/m/moveOutside.js\");\n/* harmony import */ var _multipleClickEmitters_js__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./multipleClickEmitters.js */ \"./dist/browser/m/multipleClickEmitters.js\");\n/* harmony import */ var _multiplePolygonMasks_js__WEBPACK_IMPORTED_MODULE_15__ = __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/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({\n manual: _manual_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"],\n motionDisable: _motionDisable_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n motionReduce: _motionReduce_js__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n mouseAttract: _mouseAttract_js__WEBPACK_IMPORTED_MODULE_3__[\"default\"],\n mouseBounce: _mouseBounce_js__WEBPACK_IMPORTED_MODULE_4__[\"default\"],\n mouseFollow: _mouseFollow_js__WEBPACK_IMPORTED_MODULE_5__[\"default\"],\n mouseParticle: _mouseParticle_js__WEBPACK_IMPORTED_MODULE_6__[\"default\"],\n mouseParticle2: _mouseParticle2_js__WEBPACK_IMPORTED_MODULE_7__[\"default\"],\n mouseTrail: _mouseTrail_js__WEBPACK_IMPORTED_MODULE_8__[\"default\"],\n mouseTrailNoise: _mouseTrailNoise_js__WEBPACK_IMPORTED_MODULE_9__[\"default\"],\n moveAngle: _moveAngle_js__WEBPACK_IMPORTED_MODULE_10__[\"default\"],\n moveDistance: _moveDistance_js__WEBPACK_IMPORTED_MODULE_11__[\"default\"],\n moveInside: _moveInside_js__WEBPACK_IMPORTED_MODULE_12__[\"default\"],\n moveOutside: _moveOutside_js__WEBPACK_IMPORTED_MODULE_13__[\"default\"],\n multipleClickEmitters: _multipleClickEmitters_js__WEBPACK_IMPORTED_MODULE_14__[\"default\"],\n multiplePolygonMasks: _multiplePolygonMasks_js__WEBPACK_IMPORTED_MODULE_15__[\"default\"]\n});\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/m/index.js?\n}");
768
778
 
769
779
  /***/ }),
770
780
 
@@ -774,7 +784,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
774
784
  \**********************************/
775
785
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
776
786
 
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 */ });\nconst options = {\n key: \"manual\",\n name: \"Manual Particles\",\n manualParticles: [{\n position: {\n x: 50,\n y: 50\n }\n }, {\n position: {\n x: 25,\n y: 25\n }\n }, {\n position: {\n x: 75,\n y: 75\n }\n }, {\n position: {\n x: 25,\n y: 75\n }\n }, {\n position: {\n x: 75,\n y: 25\n }\n }],\n particles: {\n number: {\n value: 0,\n density: {\n enable: false\n }\n },\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 20,\n sync: 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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/m/manual.js?");
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: \"manual\",\n name: \"Manual Particles\",\n manualParticles: [{\n position: {\n x: 50,\n y: 50\n }\n }, {\n position: {\n x: 25,\n y: 25\n }\n }, {\n position: {\n x: 75,\n y: 75\n }\n }, {\n position: {\n x: 25,\n y: 75\n }\n }, {\n position: {\n x: 75,\n y: 25\n }\n }],\n particles: {\n number: {\n value: 0,\n density: {\n enable: false\n }\n },\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 20,\n sync: 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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/m/manual.js?\n}");
778
788
 
779
789
  /***/ }),
780
790
 
@@ -784,7 +794,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
784
794
  \*****************************************/
785
795
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
786
796
 
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: \"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 color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 20,\n sync: 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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/m/motionDisable.js?");
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 */ });\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 color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 20,\n sync: 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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/m/motionDisable.js?\n}");
788
798
 
789
799
  /***/ }),
790
800
 
@@ -794,7 +804,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
794
804
  \****************************************/
795
805
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
796
806
 
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 */ });\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 color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 20,\n sync: 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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/m/motionReduce.js?");
807
+ eval("{__webpack_require__.r(__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 color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 20,\n sync: 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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/m/motionReduce.js?\n}");
798
808
 
799
809
  /***/ }),
800
810
 
@@ -804,7 +814,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
804
814
  \****************************************/
805
815
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
806
816
 
807
- eval("__webpack_require__.r(__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 color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 20,\n sync: 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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/m/mouseAttract.js?");
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: \"mouseAttract\",\n name: \"Mouse Attract\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 20,\n sync: 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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/m/mouseAttract.js?\n}");
808
818
 
809
819
  /***/ }),
810
820
 
@@ -814,7 +824,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
814
824
  \***************************************/
815
825
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
816
826
 
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: \"mouseBounce\",\n name: \"Mouse Bounce\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 20,\n sync: 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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/m/mouseBounce.js?");
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: \"mouseBounce\",\n name: \"Mouse Bounce\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 20,\n sync: 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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/m/mouseBounce.js?\n}");
818
828
 
819
829
  /***/ }),
820
830
 
@@ -824,7 +834,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
824
834
  \***************************************/
825
835
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
826
836
 
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: \"mouseFollow\",\n name: \"Mouse Follow\",\n background: {\n color: \"#000000\"\n },\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: [\"bubble\", \"connect\"]\n }\n },\n modes: {\n bubble: {\n distance: 200,\n duration: 2,\n opacity: 1,\n size: 30,\n color: {\n value: [\"#5bc0eb\", \"#fde74c\", \"#9bc53d\", \"#e55934\", \"#fa7921\"]\n }\n },\n connect: {\n distance: 60,\n links: {\n opacity: 0.2\n },\n radius: 200\n }\n }\n },\n particles: {\n color: {\n value: \"#000000\"\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/m/mouseFollow.js?");
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: \"mouseFollow\",\n name: \"Mouse Follow\",\n background: {\n color: \"#000000\"\n },\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: [\"bubble\", \"connect\"]\n }\n },\n modes: {\n bubble: {\n distance: 200,\n duration: 2,\n opacity: 1,\n size: 30,\n color: {\n value: [\"#5bc0eb\", \"#fde74c\", \"#9bc53d\", \"#e55934\", \"#fa7921\"]\n }\n },\n connect: {\n distance: 60,\n links: {\n opacity: 0.2\n },\n radius: 200\n }\n }\n },\n particles: {\n color: {\n value: \"#000000\"\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/m/mouseFollow.js?\n}");
828
838
 
829
839
  /***/ }),
830
840
 
@@ -834,7 +844,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
834
844
  \*****************************************/
835
845
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
836
846
 
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: \"mouseParticle\",\n name: \"Mouse Particle\",\n fullScreen: {\n zIndex: 10000\n },\n particles: {\n number: {\n value: 0\n },\n color: {\n value: [\"#ff0000\", \"#00ff00\", \"#0000ff\"],\n animation: {\n enable: true,\n speed: 180,\n sync: 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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/m/mouseParticle.js?");
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: \"mouseParticle\",\n name: \"Mouse Particle\",\n fullScreen: {\n zIndex: 10000\n },\n particles: {\n number: {\n value: 0\n },\n color: {\n value: [\"#ff0000\", \"#00ff00\", \"#0000ff\"],\n animation: {\n enable: true,\n speed: 180,\n sync: 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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/m/mouseParticle.js?\n}");
838
848
 
839
849
  /***/ }),
840
850
 
@@ -844,7 +854,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
844
854
  \******************************************/
845
855
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
846
856
 
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: \"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 color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 20,\n sync: 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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/m/mouseParticle2.js?");
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: \"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 color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 20,\n sync: 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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/m/mouseParticle2.js?\n}");
848
858
 
849
859
  /***/ }),
850
860
 
@@ -854,7 +864,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
854
864
  \**************************************/
855
865
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
856
866
 
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: \"mouseTrail\",\n name: \"Mouse Trail\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 20,\n sync: 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 color: {\n value: \"#00ff00\",\n animation: {\n enable: true,\n speed: 200,\n sync: false\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/m/mouseTrail.js?");
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: \"mouseTrail\",\n name: \"Mouse Trail\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 20,\n sync: 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 color: {\n value: \"#00ff00\",\n animation: {\n enable: true,\n speed: 200,\n sync: false\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/m/mouseTrail.js?\n}");
858
868
 
859
869
  /***/ }),
860
870
 
@@ -864,7 +874,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
864
874
  \*******************************************/
865
875
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
866
876
 
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: \"mouseTrailNoise\",\n name: \"Mouse Trail Noise\",\n particles: {\n number: {\n value: 0\n },\n color: {\n value: [\"#ff0000\", \"#00ff00\", \"#0000ff\"],\n animation: {\n enable: true,\n speed: 360,\n sync: false\n }\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: false,\n destroy: \"min\"\n }\n },\n size: {\n value: {\n min: 4,\n max: 8\n }\n },\n move: {\n enable: true,\n speed: 6,\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.01\n }\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/m/mouseTrailNoise.js?");
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: \"mouseTrailNoise\",\n name: \"Mouse Trail Noise\",\n particles: {\n number: {\n value: 0\n },\n color: {\n value: [\"#ff0000\", \"#00ff00\", \"#0000ff\"],\n animation: {\n enable: true,\n speed: 360,\n sync: false\n }\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: false,\n destroy: \"min\"\n }\n },\n size: {\n value: {\n min: 4,\n max: 8\n }\n },\n move: {\n enable: true,\n speed: 6,\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.01\n }\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/m/mouseTrailNoise.js?\n}");
868
878
 
869
879
  /***/ }),
870
880
 
@@ -874,7 +884,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
874
884
  \*************************************/
875
885
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
876
886
 
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: \"moveAngle\",\n name: \"Move Angle\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 20,\n sync: 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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/m/moveAngle.js?");
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: \"moveAngle\",\n name: \"Move Angle\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 20,\n sync: 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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/m/moveAngle.js?\n}");
878
888
 
879
889
  /***/ }),
880
890
 
@@ -884,7 +894,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
884
894
  \****************************************/
885
895
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
886
896
 
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: \"moveDistance\",\n name: \"Move Distance\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 20,\n sync: 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 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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/m/moveDistance.js?");
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: \"moveDistance\",\n name: \"Move Distance\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 20,\n sync: 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 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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/m/moveDistance.js?\n}");
888
898
 
889
899
  /***/ }),
890
900
 
@@ -894,7 +904,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
894
904
  \**************************************/
895
905
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
896
906
 
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: \"moveInside\",\n name: \"Move Inside\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 20,\n sync: 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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/m/moveInside.js?");
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: \"moveInside\",\n name: \"Move Inside\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 20,\n sync: 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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/m/moveInside.js?\n}");
898
908
 
899
909
  /***/ }),
900
910
 
@@ -904,7 +914,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
904
914
  \***************************************/
905
915
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
906
916
 
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: \"moveOutside\",\n name: \"Move Outside\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 20,\n sync: 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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/m/moveOutside.js?");
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: \"moveOutside\",\n name: \"Move Outside\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 20,\n sync: 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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/m/moveOutside.js?\n}");
908
918
 
909
919
  /***/ }),
910
920
 
@@ -914,7 +924,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
914
924
  \*************************************************/
915
925
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
916
926
 
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: \"multipleClickEmitters\",\n name: \"Multiple Click Emitters\",\n background: {\n color: \"#f00\"\n },\n interactivity: {\n events: {\n onClick: {\n enable: true,\n mode: \"emitter\"\n }\n },\n modes: {\n emitters: {\n random: {\n enable: false,\n count: 0\n },\n value: [{\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 color: {\n value: \"#0f0\"\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 name: \"small-particles\",\n startCount: 50,\n life: {\n count: 1,\n delay: 0,\n duration: 0.1\n },\n particles: {\n color: {\n value: \"#f00\"\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 particles: {\n number: {\n value: 0\n }\n },\n emitters: []\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/m/multipleClickEmitters.js?");
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: \"multipleClickEmitters\",\n name: \"Multiple Click Emitters\",\n background: {\n color: \"#f00\"\n },\n interactivity: {\n events: {\n onClick: {\n enable: true,\n mode: \"emitter\"\n }\n },\n modes: {\n emitters: {\n random: {\n enable: false,\n count: 0\n },\n value: [{\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 color: {\n value: \"#0f0\"\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 name: \"small-particles\",\n startCount: 50,\n life: {\n count: 1,\n delay: 0,\n duration: 0.1\n },\n particles: {\n color: {\n value: \"#f00\"\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 particles: {\n number: {\n value: 0\n }\n },\n emitters: []\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/m/multipleClickEmitters.js?\n}");
918
928
 
919
929
  /***/ }),
920
930
 
@@ -924,7 +934,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
924
934
  \************************************************/
925
935
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
926
936
 
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: \"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 parallax: {\n enable: false,\n force: 2,\n smooth: 10\n }\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 color: {\n value: [\"#4285f4\", \"#34A853\", \"#FBBC05\", \"#EA4335\"]\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/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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/m/multiplePolygonMasks.js?");
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: \"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 parallax: {\n enable: false,\n force: 2,\n smooth: 10\n }\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 color: {\n value: [\"#4285f4\", \"#34A853\", \"#FBBC05\", \"#EA4335\"]\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/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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/m/multiplePolygonMasks.js?\n}");
928
938
 
929
939
  /***/ }),
930
940
 
@@ -934,7 +944,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
934
944
  \*********************************/
935
945
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
936
946
 
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 */ });\n/* harmony import */ var _namedColors_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./namedColors.js */ \"./dist/browser/n/namedColors.js\");\n/* harmony import */ var _nasa_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./nasa.js */ \"./dist/browser/n/nasa.js\");\n/* harmony import */ var _noClear_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./noClear.js */ \"./dist/browser/n/noClear.js\");\n/* harmony import */ var _noConfig_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./noConfig.js */ \"./dist/browser/n/noConfig.js\");\n/* harmony import */ var _noisePlanes_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./noisePlanes.js */ \"./dist/browser/n/noisePlanes.js\");\n/* harmony import */ var _nyancat_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./nyancat.js */ \"./dist/browser/n/nyancat.js\");\n/* harmony import */ var _nyancat2_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./nyancat2.js */ \"./dist/browser/n/nyancat2.js\");\n\n\n\n\n\n\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({\n namedColors: _namedColors_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"],\n nasa: _nasa_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n noClear: _noClear_js__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n noConfig: _noConfig_js__WEBPACK_IMPORTED_MODULE_3__[\"default\"],\n noisePlanes: _noisePlanes_js__WEBPACK_IMPORTED_MODULE_4__[\"default\"],\n nyancat: _nyancat_js__WEBPACK_IMPORTED_MODULE_5__[\"default\"],\n nyancat2: _nyancat2_js__WEBPACK_IMPORTED_MODULE_6__[\"default\"]\n});\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/n/index.js?");
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 */ });\n/* harmony import */ var _namedColors_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./namedColors.js */ \"./dist/browser/n/namedColors.js\");\n/* harmony import */ var _nasa_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./nasa.js */ \"./dist/browser/n/nasa.js\");\n/* harmony import */ var _noClear_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./noClear.js */ \"./dist/browser/n/noClear.js\");\n/* harmony import */ var _noConfig_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./noConfig.js */ \"./dist/browser/n/noConfig.js\");\n/* harmony import */ var _noisePlanesFractal_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./noisePlanesFractal.js */ \"./dist/browser/n/noisePlanesFractal.js\");\n/* harmony import */ var _noisePlanesPerlin_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./noisePlanesPerlin.js */ \"./dist/browser/n/noisePlanesPerlin.js\");\n/* harmony import */ var _noisePlanesSimplex_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./noisePlanesSimplex.js */ \"./dist/browser/n/noisePlanesSimplex.js\");\n/* harmony import */ var _nyancat_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./nyancat.js */ \"./dist/browser/n/nyancat.js\");\n/* harmony import */ var _nyancat2_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./nyancat2.js */ \"./dist/browser/n/nyancat2.js\");\n\n\n\n\n\n\n\n\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({\n namedColors: _namedColors_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"],\n nasa: _nasa_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n noClear: _noClear_js__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n noConfig: _noConfig_js__WEBPACK_IMPORTED_MODULE_3__[\"default\"],\n noisePlanesFractal: _noisePlanesFractal_js__WEBPACK_IMPORTED_MODULE_4__[\"default\"],\n noisePlanesPerlin: _noisePlanesPerlin_js__WEBPACK_IMPORTED_MODULE_5__[\"default\"],\n noisePlanesSimplex: _noisePlanesSimplex_js__WEBPACK_IMPORTED_MODULE_6__[\"default\"],\n nyancat: _nyancat_js__WEBPACK_IMPORTED_MODULE_7__[\"default\"],\n nyancat2: _nyancat2_js__WEBPACK_IMPORTED_MODULE_8__[\"default\"]\n});\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/n/index.js?\n}");
938
948
 
939
949
  /***/ }),
940
950
 
@@ -944,7 +954,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
944
954
  \***************************************/
945
955
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
946
956
 
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: \"namedColors\",\n name: \"Named Colors\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n color: {\n value: [\"aqua\", \"deepskyblue\", \"firebrick\", \"khaki\"]\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/n/namedColors.js?");
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: \"namedColors\",\n name: \"Named Colors\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n color: {\n value: [\"aqua\", \"deepskyblue\", \"firebrick\", \"khaki\"]\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/n/namedColors.js?\n}");
948
958
 
949
959
  /***/ }),
950
960
 
@@ -954,7 +964,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
954
964
  \********************************/
955
965
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
956
966
 
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: \"nasa\",\n name: \"NASA\",\n particles: {\n number: {\n value: 160,\n density: {\n enable: true\n }\n },\n color: {\n value: \"#ffffff\"\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/n/nasa.js?");
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: \"nasa\",\n name: \"NASA\",\n particles: {\n number: {\n value: 160,\n density: {\n enable: true\n }\n },\n color: {\n value: \"#ffffff\"\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/n/nasa.js?\n}");
958
968
 
959
969
  /***/ }),
960
970
 
@@ -964,7 +974,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
964
974
  \***********************************/
965
975
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
966
976
 
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: \"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 color: {\n value: [\"#80F31F\", \"#ED8B08\", \"#ED1868\", \"#800CE0\", \"#1274F7\", \"#12E797\", \"#7FF31F\", \"#ED8B08\", \"#ED1868\", \"#800CE0\", \"#1274F7\", \"#12E797\", \"#7FF31F\", \"#ED8B08\", \"#ED1868\", \"#800CE0\", \"#1274F7\", \"#12E797\", \"#7FF31F\", \"#ED8B08\", \"#ED1868\", \"#800CE0\", \"#1274F7\", \"#12E797\", \"#7FF31F\", \"#ED8B08\", \"#ED1868\", \"#800CE0\", \"#1274F7\", \"#12E797\", \"#7FF31F\", \"#ED8B08\", \"#ED1868\", \"#800CE0\", \"#1274F7\", \"#12E797\", \"#7FF31F\", \"#ED8B08\", \"#ED1868\", \"#800CE0\", \"#1274F7\", \"#12E797\", \"#7FF31F\", \"#ED8B08\", \"#ED1868\", \"#800CE0\", \"#1274F7\", \"#12E797\", \"#7FF31F\", \"#ED8B08\"]\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/n/noClear.js?");
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: \"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 color: {\n value: [\"#80F31F\", \"#ED8B08\", \"#ED1868\", \"#800CE0\", \"#1274F7\", \"#12E797\", \"#7FF31F\", \"#ED8B08\", \"#ED1868\", \"#800CE0\", \"#1274F7\", \"#12E797\", \"#7FF31F\", \"#ED8B08\", \"#ED1868\", \"#800CE0\", \"#1274F7\", \"#12E797\", \"#7FF31F\", \"#ED8B08\", \"#ED1868\", \"#800CE0\", \"#1274F7\", \"#12E797\", \"#7FF31F\", \"#ED8B08\", \"#ED1868\", \"#800CE0\", \"#1274F7\", \"#12E797\", \"#7FF31F\", \"#ED8B08\", \"#ED1868\", \"#800CE0\", \"#1274F7\", \"#12E797\", \"#7FF31F\", \"#ED8B08\", \"#ED1868\", \"#800CE0\", \"#1274F7\", \"#12E797\", \"#7FF31F\", \"#ED8B08\", \"#ED1868\", \"#800CE0\", \"#1274F7\", \"#12E797\", \"#7FF31F\", \"#ED8B08\"]\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/n/noClear.js?\n}");
968
978
 
969
979
  /***/ }),
970
980
 
@@ -974,17 +984,37 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
974
984
  \************************************/
975
985
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
976
986
 
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: \"noConfig\",\n name: \"No Config\"\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/n/noConfig.js?");
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: \"noConfig\",\n name: \"No Config\"\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/n/noConfig.js?\n}");
978
988
 
979
989
  /***/ }),
980
990
 
981
- /***/ "./dist/browser/n/noisePlanes.js":
982
- /*!***************************************!*\
983
- !*** ./dist/browser/n/noisePlanes.js ***!
984
- \***************************************/
991
+ /***/ "./dist/browser/n/noisePlanesFractal.js":
992
+ /*!**********************************************!*\
993
+ !*** ./dist/browser/n/noisePlanesFractal.js ***!
994
+ \**********************************************/
995
+ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
996
+
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: \"noisePlanesFractal\",\n name: \"Noise Planes Fractal\",\n background: {\n color: \"#000\"\n },\n interactivity: {\n events: {\n onClick: {\n enable: true,\n mode: \"push\"\n }\n },\n modes: {\n bubble: {\n distance: 400,\n duration: 2,\n opacity: 0.8,\n size: 40,\n speed: 3\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 move: {\n path: {\n enable: true,\n options: {\n size: 32,\n draw: false,\n increment: 0.004\n },\n generator: \"fractalNoise\"\n },\n enable: true,\n speed: 6\n },\n number: {\n density: {\n enable: true\n },\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 height: 128,\n src: \"https://particles.js.org/images/plane_alt.png\",\n width: 128\n }\n },\n type: \"image\"\n },\n size: {\n value: 32\n },\n zIndex: {\n value: {\n min: 0,\n max: 100\n },\n opacityRate: 0,\n sizeRate: 2,\n velocityRate: 2\n }\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/n/noisePlanesFractal.js?\n}");
998
+
999
+ /***/ }),
1000
+
1001
+ /***/ "./dist/browser/n/noisePlanesPerlin.js":
1002
+ /*!*********************************************!*\
1003
+ !*** ./dist/browser/n/noisePlanesPerlin.js ***!
1004
+ \*********************************************/
1005
+ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
1006
+
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: \"noisePlanesPerlin\",\n name: \"Noise Planes Perlin\",\n background: {\n color: \"#000\"\n },\n interactivity: {\n events: {\n onClick: {\n enable: true,\n mode: \"push\"\n }\n },\n modes: {\n bubble: {\n distance: 400,\n duration: 2,\n opacity: 0.8,\n size: 40,\n speed: 3\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 move: {\n path: {\n enable: true,\n options: {\n size: 32,\n draw: false,\n increment: 0.004\n },\n generator: \"perlinNoise\"\n },\n enable: true,\n speed: 6\n },\n number: {\n density: {\n enable: true\n },\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 height: 128,\n src: \"https://particles.js.org/images/plane_alt.png\",\n width: 128\n }\n },\n type: \"image\"\n },\n size: {\n value: 32\n },\n zIndex: {\n value: {\n min: 0,\n max: 100\n },\n opacityRate: 0,\n sizeRate: 2,\n velocityRate: 2\n }\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/n/noisePlanesPerlin.js?\n}");
1008
+
1009
+ /***/ }),
1010
+
1011
+ /***/ "./dist/browser/n/noisePlanesSimplex.js":
1012
+ /*!**********************************************!*\
1013
+ !*** ./dist/browser/n/noisePlanesSimplex.js ***!
1014
+ \**********************************************/
985
1015
  /***/ ((__unused_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: \"noisePlanes\",\n name: \"Noise Planes\",\n background: {\n color: \"#000\"\n },\n interactivity: {\n events: {\n onClick: {\n enable: true,\n mode: \"push\"\n }\n },\n modes: {\n bubble: {\n distance: 400,\n duration: 2,\n opacity: 0.8,\n size: 40,\n speed: 3\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 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: 6\n },\n number: {\n density: {\n enable: true\n },\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 height: 128,\n src: \"https://particles.js.org/images/plane_alt.png\",\n width: 128\n }\n },\n type: \"image\"\n },\n size: {\n value: 32\n },\n zIndex: {\n value: {\n min: 0,\n max: 100\n },\n opacityRate: 0,\n sizeRate: 2,\n velocityRate: 2\n }\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/n/noisePlanes.js?");
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: \"noisePlanesSimplex\",\n name: \"Noise Planes Simplex\",\n background: {\n color: \"#000\"\n },\n interactivity: {\n events: {\n onClick: {\n enable: true,\n mode: \"push\"\n }\n },\n modes: {\n bubble: {\n distance: 400,\n duration: 2,\n opacity: 0.8,\n size: 40,\n speed: 3\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 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: 6\n },\n number: {\n density: {\n enable: true\n },\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 height: 128,\n src: \"https://particles.js.org/images/plane_alt.png\",\n width: 128\n }\n },\n type: \"image\"\n },\n size: {\n value: 32\n },\n zIndex: {\n value: {\n min: 0,\n max: 100\n },\n opacityRate: 0,\n sizeRate: 2,\n velocityRate: 2\n }\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/n/noisePlanesSimplex.js?\n}");
988
1018
 
989
1019
  /***/ }),
990
1020
 
@@ -994,7 +1024,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
994
1024
  \***********************************/
995
1025
  /***/ ((__unused_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: \"nyancat\",\n name: \"Nyan Cat\",\n particles: {\n number: {\n value: 1,\n density: {\n enable: false\n }\n },\n color: {\n value: \"#ffffff\"\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/n/nyancat.js?");
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: \"nyancat\",\n name: \"Nyan Cat\",\n particles: {\n number: {\n value: 1,\n density: {\n enable: false\n }\n },\n color: {\n value: \"#ffffff\"\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/n/nyancat.js?\n}");
998
1028
 
999
1029
  /***/ }),
1000
1030
 
@@ -1004,7 +1034,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
1004
1034
  \************************************/
1005
1035
  /***/ ((__unused_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: \"nyancat2\",\n name: \"Nyan Cat 2\",\n particles: {\n number: {\n value: 100,\n density: {\n enable: false\n }\n },\n color: {\n value: \"#ffffff\"\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/n/nyancat2.js?");
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: \"nyancat2\",\n name: \"Nyan Cat 2\",\n particles: {\n number: {\n value: 100,\n density: {\n enable: false\n }\n },\n color: {\n value: \"#ffffff\"\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/n/nyancat2.js?\n}");
1008
1038
 
1009
1039
  /***/ }),
1010
1040
 
@@ -1014,7 +1044,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
1014
1044
  \*********************************/
1015
1045
  /***/ ((__unused_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 */ });\n/* harmony import */ var _oklch_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./oklch.js */ \"./dist/browser/o/oklch.js\");\n/* harmony import */ var _orbit_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./orbit.js */ \"./dist/browser/o/orbit.js\");\n\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({\n oklch: _oklch_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"],\n orbit: _orbit_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"]\n});\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/o/index.js?");
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 */ });\n/* harmony import */ var _oklch_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./oklch.js */ \"./dist/browser/o/oklch.js\");\n/* harmony import */ var _orbit_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./orbit.js */ \"./dist/browser/o/orbit.js\");\n\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({\n oklch: _oklch_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"],\n orbit: _orbit_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"]\n});\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/o/index.js?\n}");
1018
1048
 
1019
1049
  /***/ }),
1020
1050
 
@@ -1024,7 +1054,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
1024
1054
  \*********************************/
1025
1055
  /***/ ((__unused_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: \"oklch\",\n name: \"OKLCH\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n color: {\n value: \"oklch(70% 0.1 266)\",\n animation: {\n enable: true,\n speed: 20,\n sync: 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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/o/oklch.js?");
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: \"oklch\",\n name: \"OKLCH\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n color: {\n value: \"oklch(70% 0.1 266)\",\n animation: {\n enable: true,\n speed: 20,\n sync: 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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/o/oklch.js?\n}");
1028
1058
 
1029
1059
  /***/ }),
1030
1060
 
@@ -1034,7 +1064,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
1034
1064
  \*********************************/
1035
1065
  /***/ ((__unused_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: \"orbit\",\n name: \"Orbit\",\n particles: {\n color: {\n value: [\"#5bc0eb\", \"#fde74c\", \"#9bc53d\", \"#e55934\", \"#fa7921\"]\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: [\"circle\", \"square\"]\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/o/orbit.js?");
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: \"orbit\",\n name: \"Orbit\",\n particles: {\n color: {\n value: [\"#5bc0eb\", \"#fde74c\", \"#9bc53d\", \"#e55934\", \"#fa7921\"]\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: [\"circle\", \"square\"]\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/o/orbit.js?\n}");
1038
1068
 
1039
1069
  /***/ }),
1040
1070
 
@@ -1044,7 +1074,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
1044
1074
  \*********************************/
1045
1075
  /***/ ((__unused_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 */ });\n/* harmony import */ var _parallax_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./parallax.js */ \"./dist/browser/p/parallax.js\");\n/* harmony import */ var _pathPolygonMask_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./pathPolygonMask.js */ \"./dist/browser/p/pathPolygonMask.js\");\n/* harmony import */ var _pathSvg_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./pathSvg.js */ \"./dist/browser/p/pathSvg.js\");\n/* harmony import */ var _pathZigZag_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./pathZigZag.js */ \"./dist/browser/p/pathZigZag.js\");\n/* harmony import */ var _planes_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./planes.js */ \"./dist/browser/p/planes.js\");\n/* harmony import */ var _plasma_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./plasma.js */ \"./dist/browser/p/plasma.js\");\n/* harmony import */ var _poisson_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./poisson.js */ \"./dist/browser/p/poisson.js\");\n/* harmony import */ var _polygonMask_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./polygonMask.js */ \"./dist/browser/p/polygonMask.js\");\n/* harmony import */ var _polygons_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./polygons.js */ \"./dist/browser/p/polygons.js\");\n/* harmony import */ var _pop_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./pop.js */ \"./dist/browser/p/pop.js\");\n\n\n\n\n\n\n\n\n\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({\n parallax: _parallax_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"],\n pathPolygonMask: _pathPolygonMask_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n pathSvg: _pathSvg_js__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n pathZigZag: _pathZigZag_js__WEBPACK_IMPORTED_MODULE_3__[\"default\"],\n planes: _planes_js__WEBPACK_IMPORTED_MODULE_4__[\"default\"],\n plasma: _plasma_js__WEBPACK_IMPORTED_MODULE_5__[\"default\"],\n poisson: _poisson_js__WEBPACK_IMPORTED_MODULE_6__[\"default\"],\n polygonMask: _polygonMask_js__WEBPACK_IMPORTED_MODULE_7__[\"default\"],\n polygons: _polygons_js__WEBPACK_IMPORTED_MODULE_8__[\"default\"],\n pop: _pop_js__WEBPACK_IMPORTED_MODULE_9__[\"default\"]\n});\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/p/index.js?");
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 */ });\n/* harmony import */ var _parallax_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./parallax.js */ \"./dist/browser/p/parallax.js\");\n/* harmony import */ var _pathPolygonMask_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./pathPolygonMask.js */ \"./dist/browser/p/pathPolygonMask.js\");\n/* harmony import */ var _pathSvg_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./pathSvg.js */ \"./dist/browser/p/pathSvg.js\");\n/* harmony import */ var _pathZigZag_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./pathZigZag.js */ \"./dist/browser/p/pathZigZag.js\");\n/* harmony import */ var _planes_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./planes.js */ \"./dist/browser/p/planes.js\");\n/* harmony import */ var _plasma_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./plasma.js */ \"./dist/browser/p/plasma.js\");\n/* harmony import */ var _poisson_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./poisson.js */ \"./dist/browser/p/poisson.js\");\n/* harmony import */ var _polygonMask_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./polygonMask.js */ \"./dist/browser/p/polygonMask.js\");\n/* harmony import */ var _polygons_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./polygons.js */ \"./dist/browser/p/polygons.js\");\n/* harmony import */ var _pop_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./pop.js */ \"./dist/browser/p/pop.js\");\n\n\n\n\n\n\n\n\n\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({\n parallax: _parallax_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"],\n pathPolygonMask: _pathPolygonMask_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n pathSvg: _pathSvg_js__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n pathZigZag: _pathZigZag_js__WEBPACK_IMPORTED_MODULE_3__[\"default\"],\n planes: _planes_js__WEBPACK_IMPORTED_MODULE_4__[\"default\"],\n plasma: _plasma_js__WEBPACK_IMPORTED_MODULE_5__[\"default\"],\n poisson: _poisson_js__WEBPACK_IMPORTED_MODULE_6__[\"default\"],\n polygonMask: _polygonMask_js__WEBPACK_IMPORTED_MODULE_7__[\"default\"],\n polygons: _polygons_js__WEBPACK_IMPORTED_MODULE_8__[\"default\"],\n pop: _pop_js__WEBPACK_IMPORTED_MODULE_9__[\"default\"]\n});\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/p/index.js?\n}");
1048
1078
 
1049
1079
  /***/ }),
1050
1080
 
@@ -1054,7 +1084,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
1054
1084
  \************************************/
1055
1085
  /***/ ((__unused_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: \"parallax\",\n name: \"Parallax\",\n particles: {\n number: {\n value: 100,\n density: {\n enable: true\n }\n },\n color: {\n value: \"#ffffff\"\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: \"grab\",\n parallax: {\n enable: true,\n smooth: 10,\n force: 60\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 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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/p/parallax.js?");
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: \"parallax\",\n name: \"Parallax\",\n particles: {\n number: {\n value: 100,\n density: {\n enable: true\n }\n },\n color: {\n value: \"#ffffff\"\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: \"grab\",\n parallax: {\n enable: true,\n smooth: 10,\n force: 60\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 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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/p/parallax.js?\n}");
1058
1088
 
1059
1089
  /***/ }),
1060
1090
 
@@ -1064,7 +1094,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
1064
1094
  \*******************************************/
1065
1095
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
1066
1096
 
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: \"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 color: {\n value: \"#ffffff\"\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/p/pathPolygonMask.js?");
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: \"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 color: {\n value: \"#ffffff\"\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/p/pathPolygonMask.js?\n}");
1068
1098
 
1069
1099
  /***/ }),
1070
1100
 
@@ -1074,7 +1104,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
1074
1104
  \***********************************/
1075
1105
  /***/ ((__unused_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: \"pathSvg\",\n name: \"Path SVG\",\n particles: {\n color: {\n value: [\"#ffffff\", \"#ff0000\", \"#00ff00\", \"#0000ff\"]\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: [\"M 75,0 0,200 h 150 z\"],\n size: {\n width: 150,\n height: 200\n }\n },\n scale: 1,\n width: 10\n },\n generator: \"svgPathGenerator\"\n },\n trail: {\n enable: true,\n length: 10,\n fill: {\n color: \"#000000\"\n }\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};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/p/pathSvg.js?");
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: \"pathSvg\",\n name: \"Path SVG\",\n particles: {\n color: {\n value: [\"#ffffff\", \"#ff0000\", \"#00ff00\", \"#0000ff\"]\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: [\"M 75,0 0,200 h 150 z\"],\n size: {\n width: 150,\n height: 200\n }\n },\n scale: 1,\n width: 10\n },\n generator: \"svgPathGenerator\"\n },\n trail: {\n enable: true,\n length: 10,\n fill: {\n color: \"#000000\"\n }\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};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/p/pathSvg.js?\n}");
1078
1108
 
1079
1109
  /***/ }),
1080
1110
 
@@ -1084,7 +1114,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
1084
1114
  \**************************************/
1085
1115
  /***/ ((__unused_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: \"pathZigZag\",\n name: \"Path Zig Zag\",\n particles: {\n color: {\n value: [\"#ffffff\", \"#ff0000\", \"#00ff00\", \"#0000ff\"]\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 trail: {\n enable: true,\n length: 20,\n fill: {\n color: \"#000000\"\n }\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};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/p/pathZigZag.js?");
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: \"pathZigZag\",\n name: \"Path Zig Zag\",\n particles: {\n color: {\n value: [\"#ffffff\", \"#ff0000\", \"#00ff00\", \"#0000ff\"]\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 trail: {\n enable: true,\n length: 20,\n fill: {\n color: \"#000000\"\n }\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};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/p/pathZigZag.js?\n}");
1088
1118
 
1089
1119
  /***/ }),
1090
1120
 
@@ -1094,7 +1124,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
1094
1124
  \**********************************/
1095
1125
  /***/ ((__unused_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: \"planes\",\n name: \"Planes\",\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 particles: {\n color: {\n value: \"#ffffff\"\n },\n move: {\n enable: true,\n speed: 6\n },\n number: {\n density: {\n enable: true\n },\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 height: 128,\n src: \"https://particles.js.org/images/plane_alt.png\",\n width: 128\n }\n },\n type: \"image\"\n },\n size: {\n value: {\n min: 16,\n max: 32\n }\n }\n },\n detectRetina: true\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/p/planes.js?");
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: \"planes\",\n name: \"Planes\",\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 particles: {\n color: {\n value: \"#ffffff\"\n },\n move: {\n enable: true,\n speed: 6\n },\n number: {\n density: {\n enable: true\n },\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 height: 128,\n src: \"https://particles.js.org/images/plane_alt.png\",\n width: 128\n }\n },\n type: \"image\"\n },\n size: {\n value: {\n min: 16,\n max: 32\n }\n }\n },\n detectRetina: true\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/p/planes.js?\n}");
1098
1128
 
1099
1129
  /***/ }),
1100
1130
 
@@ -1104,7 +1134,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
1104
1134
  \**********************************/
1105
1135
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
1106
1136
 
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: \"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 color: {\n value: \"#ffffff\"\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/p/plasma.js?");
1137
+ eval("{__webpack_require__.r(__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 color: {\n value: \"#ffffff\"\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/p/plasma.js?\n}");
1108
1138
 
1109
1139
  /***/ }),
1110
1140
 
@@ -1114,7 +1144,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
1114
1144
  \***********************************/
1115
1145
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
1116
1146
 
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: \"poisson\",\n name: \"Poisson\",\n particles: {\n number: {\n value: 100\n },\n color: {\n value: \"#ffffff\"\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/p/poisson.js?");
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: \"poisson\",\n name: \"Poisson\",\n particles: {\n number: {\n value: 100\n },\n color: {\n value: \"#ffffff\"\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/p/poisson.js?\n}");
1118
1148
 
1119
1149
  /***/ }),
1120
1150
 
@@ -1124,7 +1154,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
1124
1154
  \***************************************/
1125
1155
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
1126
1156
 
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: \"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 parallax: {\n enable: false,\n force: 2,\n smooth: 10\n }\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 color: {\n value: \"#ffffff\"\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/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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/p/polygonMask.js?");
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: \"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 parallax: {\n enable: false,\n force: 2,\n smooth: 10\n }\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 color: {\n value: \"#ffffff\"\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/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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/p/polygonMask.js?\n}");
1128
1158
 
1129
1159
  /***/ }),
1130
1160
 
@@ -1134,7 +1164,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
1134
1164
  \************************************/
1135
1165
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
1136
1166
 
1137
- eval("__webpack_require__.r(__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 color: {\n value: \"#ffffff\"\n },\n shape: {\n type: \"polygon\",\n options: {\n polygon: [{\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 color: {\n value: \"#ff0\"\n }\n }\n }, {\n sides: 5,\n particles: {\n opacity: {\n value: 0.5\n },\n size: {\n value: 8\n },\n color: {\n value: \"#0f0\"\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 color: {\n value: \"#f00\"\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 parallax: {\n enable: false,\n force: 60,\n smooth: 10\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 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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/p/polygons.js?");
1167
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"polygons\",\n name: \"Polygon Shape\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n color: {\n value: \"#ffffff\"\n },\n shape: {\n type: \"polygon\",\n options: {\n polygon: [{\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 color: {\n value: \"#ff0\"\n }\n }\n }, {\n sides: 5,\n particles: {\n opacity: {\n value: 0.5\n },\n size: {\n value: 8\n },\n color: {\n value: \"#0f0\"\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 color: {\n value: \"#f00\"\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 parallax: {\n enable: false,\n force: 60,\n smooth: 10\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 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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/p/polygons.js?\n}");
1138
1168
 
1139
1169
  /***/ }),
1140
1170
 
@@ -1144,7 +1174,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
1144
1174
  \*******************************/
1145
1175
  /***/ ((__unused_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 */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__);\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 color: {\n value: [\"#3998D0\", \"#2EB6AF\", \"#A9BD33\", \"#FEC73B\", \"#F89930\", \"#F45623\", \"#D62E32\", \"#EB586E\", \"#9952CF\"]\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/p/pop.js?");
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 */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__);\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 color: {\n value: [\"#3998D0\", \"#2EB6AF\", \"#A9BD33\", \"#FEC73B\", \"#F89930\", \"#F45623\", \"#D62E32\", \"#EB586E\", \"#9952CF\"]\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/p/pop.js?\n}");
1148
1178
 
1149
1179
  /***/ }),
1150
1180
 
@@ -1154,7 +1184,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
1154
1184
  \*********************************/
1155
1185
  /***/ ((__unused_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 */ });\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({});\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/q/index.js?");
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 */ });\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({});\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/q/index.js?\n}");
1158
1188
 
1159
1189
  /***/ }),
1160
1190
 
@@ -1164,7 +1194,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
1164
1194
  \*********************************/
1165
1195
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
1166
1196
 
1167
- eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _random_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./random.js */ \"./dist/browser/r/random.js\");\n/* harmony import */ var _randomShapes_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./randomShapes.js */ \"./dist/browser/r/randomShapes.js\");\n/* harmony import */ var _reactBubbles_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./reactBubbles.js */ \"./dist/browser/r/reactBubbles.js\");\n/* harmony import */ var _reactDefaults_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./reactDefaults.js */ \"./dist/browser/r/reactDefaults.js\");\n/* harmony import */ var _reactMultipleImages_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./reactMultipleImages.js */ \"./dist/browser/r/reactMultipleImages.js\");\n/* harmony import */ var _reactNightSky_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./reactNightSky.js */ \"./dist/browser/r/reactNightSky.js\");\n/* harmony import */ var _reactPolygonMask_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./reactPolygonMask.js */ \"./dist/browser/r/reactPolygonMask.js\");\n/* harmony import */ var _reactSimple_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./reactSimple.js */ \"./dist/browser/r/reactSimple.js\");\n/* harmony import */ var _reactSnow_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./reactSnow.js */ \"./dist/browser/r/reactSnow.js\");\n/* harmony import */ var _reduceDuplicates_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./reduceDuplicates.js */ \"./dist/browser/r/reduceDuplicates.js\");\n/* harmony import */ var _repulse_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./repulse.js */ \"./dist/browser/r/repulse.js\");\n/* harmony import */ var _repulseBack_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./repulseBack.js */ \"./dist/browser/r/repulseBack.js\");\n/* harmony import */ var _repulseCirc_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./repulseCirc.js */ \"./dist/browser/r/repulseCirc.js\");\n/* harmony import */ var _repulseCubic_js__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./repulseCubic.js */ \"./dist/browser/r/repulseCubic.js\");\n/* harmony import */ var _repulseExpo_js__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./repulseExpo.js */ \"./dist/browser/r/repulseExpo.js\");\n/* harmony import */ var _repulseQuart_js__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./repulseQuart.js */ \"./dist/browser/r/repulseQuart.js\");\n/* harmony import */ var _repulseQuint_js__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./repulseQuint.js */ \"./dist/browser/r/repulseQuint.js\");\n/* harmony import */ var _repulseSine_js__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./repulseSine.js */ \"./dist/browser/r/repulseSine.js\");\n/* harmony import */ var _responsive_js__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./responsive.js */ \"./dist/browser/r/responsive.js\");\n/* harmony import */ var _ring_js__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./ring.js */ \"./dist/browser/r/ring.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 random: _random_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"],\n randomShapes: _randomShapes_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n reactBubbles: _reactBubbles_js__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n reactDefaults: _reactDefaults_js__WEBPACK_IMPORTED_MODULE_3__[\"default\"],\n reactMultipleImages: _reactMultipleImages_js__WEBPACK_IMPORTED_MODULE_4__[\"default\"],\n reactNightSky: _reactNightSky_js__WEBPACK_IMPORTED_MODULE_5__[\"default\"],\n reactPolygonMask: _reactPolygonMask_js__WEBPACK_IMPORTED_MODULE_6__[\"default\"],\n reactSimple: _reactSimple_js__WEBPACK_IMPORTED_MODULE_7__[\"default\"],\n reactSnow: _reactSnow_js__WEBPACK_IMPORTED_MODULE_8__[\"default\"],\n reduceDuplicates: _reduceDuplicates_js__WEBPACK_IMPORTED_MODULE_9__[\"default\"],\n repulse: _repulse_js__WEBPACK_IMPORTED_MODULE_10__[\"default\"],\n repulseBack: _repulseBack_js__WEBPACK_IMPORTED_MODULE_11__[\"default\"],\n repulseCirc: _repulseCirc_js__WEBPACK_IMPORTED_MODULE_12__[\"default\"],\n repulseCubic: _repulseCubic_js__WEBPACK_IMPORTED_MODULE_13__[\"default\"],\n repulseExpo: _repulseExpo_js__WEBPACK_IMPORTED_MODULE_14__[\"default\"],\n repulseQuart: _repulseQuart_js__WEBPACK_IMPORTED_MODULE_15__[\"default\"],\n repulseQuint: _repulseQuint_js__WEBPACK_IMPORTED_MODULE_16__[\"default\"],\n repulseSine: _repulseSine_js__WEBPACK_IMPORTED_MODULE_17__[\"default\"],\n responsive: _responsive_js__WEBPACK_IMPORTED_MODULE_18__[\"default\"],\n ring: _ring_js__WEBPACK_IMPORTED_MODULE_19__[\"default\"]\n});\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/r/index.js?");
1197
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _random_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./random.js */ \"./dist/browser/r/random.js\");\n/* harmony import */ var _randomShapes_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./randomShapes.js */ \"./dist/browser/r/randomShapes.js\");\n/* harmony import */ var _reactBubbles_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./reactBubbles.js */ \"./dist/browser/r/reactBubbles.js\");\n/* harmony import */ var _reactDefaults_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./reactDefaults.js */ \"./dist/browser/r/reactDefaults.js\");\n/* harmony import */ var _reactMultipleImages_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./reactMultipleImages.js */ \"./dist/browser/r/reactMultipleImages.js\");\n/* harmony import */ var _reactNightSky_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./reactNightSky.js */ \"./dist/browser/r/reactNightSky.js\");\n/* harmony import */ var _reactPolygonMask_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./reactPolygonMask.js */ \"./dist/browser/r/reactPolygonMask.js\");\n/* harmony import */ var _reactSimple_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./reactSimple.js */ \"./dist/browser/r/reactSimple.js\");\n/* harmony import */ var _reactSnow_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./reactSnow.js */ \"./dist/browser/r/reactSnow.js\");\n/* harmony import */ var _reduceDuplicates_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./reduceDuplicates.js */ \"./dist/browser/r/reduceDuplicates.js\");\n/* harmony import */ var _repulse_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./repulse.js */ \"./dist/browser/r/repulse.js\");\n/* harmony import */ var _repulseBack_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./repulseBack.js */ \"./dist/browser/r/repulseBack.js\");\n/* harmony import */ var _repulseCirc_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./repulseCirc.js */ \"./dist/browser/r/repulseCirc.js\");\n/* harmony import */ var _repulseCubic_js__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./repulseCubic.js */ \"./dist/browser/r/repulseCubic.js\");\n/* harmony import */ var _repulseExpo_js__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./repulseExpo.js */ \"./dist/browser/r/repulseExpo.js\");\n/* harmony import */ var _repulseQuart_js__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./repulseQuart.js */ \"./dist/browser/r/repulseQuart.js\");\n/* harmony import */ var _repulseQuint_js__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./repulseQuint.js */ \"./dist/browser/r/repulseQuint.js\");\n/* harmony import */ var _repulseSine_js__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./repulseSine.js */ \"./dist/browser/r/repulseSine.js\");\n/* harmony import */ var _responsive_js__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./responsive.js */ \"./dist/browser/r/responsive.js\");\n/* harmony import */ var _ring_js__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./ring.js */ \"./dist/browser/r/ring.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 random: _random_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"],\n randomShapes: _randomShapes_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n reactBubbles: _reactBubbles_js__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n reactDefaults: _reactDefaults_js__WEBPACK_IMPORTED_MODULE_3__[\"default\"],\n reactMultipleImages: _reactMultipleImages_js__WEBPACK_IMPORTED_MODULE_4__[\"default\"],\n reactNightSky: _reactNightSky_js__WEBPACK_IMPORTED_MODULE_5__[\"default\"],\n reactPolygonMask: _reactPolygonMask_js__WEBPACK_IMPORTED_MODULE_6__[\"default\"],\n reactSimple: _reactSimple_js__WEBPACK_IMPORTED_MODULE_7__[\"default\"],\n reactSnow: _reactSnow_js__WEBPACK_IMPORTED_MODULE_8__[\"default\"],\n reduceDuplicates: _reduceDuplicates_js__WEBPACK_IMPORTED_MODULE_9__[\"default\"],\n repulse: _repulse_js__WEBPACK_IMPORTED_MODULE_10__[\"default\"],\n repulseBack: _repulseBack_js__WEBPACK_IMPORTED_MODULE_11__[\"default\"],\n repulseCirc: _repulseCirc_js__WEBPACK_IMPORTED_MODULE_12__[\"default\"],\n repulseCubic: _repulseCubic_js__WEBPACK_IMPORTED_MODULE_13__[\"default\"],\n repulseExpo: _repulseExpo_js__WEBPACK_IMPORTED_MODULE_14__[\"default\"],\n repulseQuart: _repulseQuart_js__WEBPACK_IMPORTED_MODULE_15__[\"default\"],\n repulseQuint: _repulseQuint_js__WEBPACK_IMPORTED_MODULE_16__[\"default\"],\n repulseSine: _repulseSine_js__WEBPACK_IMPORTED_MODULE_17__[\"default\"],\n responsive: _responsive_js__WEBPACK_IMPORTED_MODULE_18__[\"default\"],\n ring: _ring_js__WEBPACK_IMPORTED_MODULE_19__[\"default\"]\n});\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/r/index.js?\n}");
1168
1198
 
1169
1199
  /***/ }),
1170
1200
 
@@ -1174,7 +1204,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
1174
1204
  \**********************************/
1175
1205
  /***/ ((__unused_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: \"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 parallax: {\n enable: false,\n force: 60,\n smooth: 10\n }\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 color: {\n value: \"random\"\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/r/random.js?");
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: \"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 parallax: {\n enable: false,\n force: 60,\n smooth: 10\n }\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 color: {\n value: \"random\"\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/r/random.js?\n}");
1178
1208
 
1179
1209
  /***/ }),
1180
1210
 
@@ -1184,7 +1214,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
1184
1214
  \****************************************/
1185
1215
  /***/ ((__unused_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: \"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 color: {\n value: \"#000000\"\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 name: \"apple\"\n }, {\n name: \"avocado\"\n }, {\n name: \"banana\"\n }, {\n name: \"berries\"\n }, {\n name: \"cherry\"\n }, {\n name: \"grapes\"\n }, {\n name: \"lemon\"\n }, {\n name: \"orange\"\n }, {\n name: \"peach\"\n }, {\n name: \"pear\"\n }, {\n name: \"pepper\"\n }, {\n name: \"plum\"\n }, {\n name: \"star\"\n }, {\n name: \"strawberry\"\n }, {\n name: \"watermelon\"\n }, {\n name: \"watermelon_slice\"\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 segments: [{\n type: \"line\",\n values: [{\n x: -0.5,\n y: -0.5\n }]\n }, {\n type: \"bezier\",\n values: [{\n x: -0.5,\n y: 0.5\n }, {\n x: 1,\n y: 1\n }, {\n x: 1,\n y: 0.5\n }, {\n x: 1,\n y: -0.5\n }]\n }, {\n type: \"quadratic\",\n values: [{\n x: 0.5,\n y: 0.5\n }, {\n x: 0.5,\n y: -0.5\n }, {\n x: -0.5,\n y: 0.5\n }]\n }, {\n type: \"line\",\n values: [{\n x: 0.5,\n y: -0.5\n }]\n }],\n half: false\n }, {\n segments: [{\n type: \"line\",\n values: [{\n x: -1,\n y: -1\n }]\n }, {\n type: \"bezier\",\n values: [{\n x: -1,\n y: 1\n }, {\n x: 1,\n y: 1\n }, {\n x: 0.5,\n y: 1\n }, {\n x: -0.5,\n y: 1\n }]\n }, {\n type: \"quadratic\",\n values: [{\n x: 1,\n y: 1\n }, {\n x: 1,\n y: -1\n }, {\n x: -1,\n y: 1\n }]\n }, {\n type: \"line\",\n values: [{\n x: 1,\n y: -1\n }]\n }],\n half: false\n }],\n \"rounded-polygon\": [{\n radius: {\n min: 0,\n max: 10\n },\n sides: {\n min: 3,\n max: 8\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 color: {\n value: \"#000000\"\n }\n }\n },\n hearts: {\n particles: {\n color: {\n value: \"#ff0000\"\n }\n }\n },\n diamonds: {\n particles: {\n color: {\n value: \"#ff0000\"\n }\n }\n },\n clubs: {\n particles: {\n color: {\n value: \"#000000\"\n }\n }\n }\n },\n type: \"random\"\n },\n size: {\n value: 16\n }\n },\n background: {\n color: \"#fff\"\n },\n preload: [{\n src: \"https://particles.js.org/images/fruits/apple.png\",\n name: \"apple\",\n width: 32,\n height: 32\n }, {\n src: \"https://particles.js.org/images/fruits/avocado.png\",\n name: \"avocado\",\n width: 32,\n height: 32\n }, {\n src: \"https://particles.js.org/images/fruits/banana.png\",\n name: \"banana\",\n width: 32,\n height: 32\n }, {\n src: \"https://particles.js.org/images/fruits/berries.png\",\n name: \"berries\",\n width: 32,\n height: 32\n }, {\n src: \"https://particles.js.org/images/fruits/cherry.png\",\n name: \"cherry\",\n width: 32,\n height: 32\n }, {\n src: \"https://particles.js.org/images/fruits/grapes.png\",\n name: \"grapes\",\n width: 32,\n height: 32\n }, {\n src: \"https://particles.js.org/images/fruits/lemon.png\",\n name: \"lemon\",\n width: 32,\n height: 32\n }, {\n src: \"https://particles.js.org/images/fruits/orange.png\",\n name: \"orange\",\n width: 32,\n height: 32\n }, {\n src: \"https://particles.js.org/images/fruits/peach.png\",\n name: \"peach\",\n width: 32,\n height: 32\n }, {\n src: \"https://particles.js.org/images/fruits/pear.png\",\n name: \"pear\",\n width: 32,\n height: 32\n }, {\n src: \"https://particles.js.org/images/fruits/pepper.png\",\n name: \"pepper\",\n width: 32,\n height: 32\n }, {\n src: \"https://particles.js.org/images/fruits/plum.png\",\n name: \"plum\",\n width: 32,\n height: 32\n }, {\n src: \"https://particles.js.org/images/fruits/star.png\",\n name: \"star\",\n width: 32,\n height: 32\n }, {\n src: \"https://particles.js.org/images/fruits/strawberry.png\",\n name: \"strawberry\",\n width: 32,\n height: 32\n }, {\n src: \"https://particles.js.org/images/fruits/watermelon.png\",\n name: \"watermelon\",\n width: 32,\n height: 32\n }, {\n src: \"https://particles.js.org/images/fruits/watermelon_slice.png\",\n name: \"watermelon_slice\",\n width: 32,\n height: 32\n }]\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/r/randomShapes.js?");
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: \"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 color: {\n value: \"#000000\"\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 name: \"apple\"\n }, {\n name: \"avocado\"\n }, {\n name: \"banana\"\n }, {\n name: \"berries\"\n }, {\n name: \"cherry\"\n }, {\n name: \"grapes\"\n }, {\n name: \"lemon\"\n }, {\n name: \"orange\"\n }, {\n name: \"peach\"\n }, {\n name: \"pear\"\n }, {\n name: \"pepper\"\n }, {\n name: \"plum\"\n }, {\n name: \"star\"\n }, {\n name: \"strawberry\"\n }, {\n name: \"watermelon\"\n }, {\n name: \"watermelon_slice\"\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 segments: [{\n type: \"line\",\n values: [{\n x: -0.5,\n y: -0.5\n }]\n }, {\n type: \"bezier\",\n values: [{\n x: -0.5,\n y: 0.5\n }, {\n x: 1,\n y: 1\n }, {\n x: 1,\n y: 0.5\n }, {\n x: 1,\n y: -0.5\n }]\n }, {\n type: \"quadratic\",\n values: [{\n x: 0.5,\n y: 0.5\n }, {\n x: 0.5,\n y: -0.5\n }, {\n x: -0.5,\n y: 0.5\n }]\n }, {\n type: \"line\",\n values: [{\n x: 0.5,\n y: -0.5\n }]\n }],\n half: false\n }, {\n segments: [{\n type: \"line\",\n values: [{\n x: -1,\n y: -1\n }]\n }, {\n type: \"bezier\",\n values: [{\n x: -1,\n y: 1\n }, {\n x: 1,\n y: 1\n }, {\n x: 0.5,\n y: 1\n }, {\n x: -0.5,\n y: 1\n }]\n }, {\n type: \"quadratic\",\n values: [{\n x: 1,\n y: 1\n }, {\n x: 1,\n y: -1\n }, {\n x: -1,\n y: 1\n }]\n }, {\n type: \"line\",\n values: [{\n x: 1,\n y: -1\n }]\n }],\n half: false\n }],\n \"rounded-polygon\": [{\n radius: {\n min: 0,\n max: 10\n },\n sides: {\n min: 3,\n max: 8\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 color: {\n value: \"#000000\"\n }\n }\n },\n hearts: {\n particles: {\n color: {\n value: \"#ff0000\"\n }\n }\n },\n diamonds: {\n particles: {\n color: {\n value: \"#ff0000\"\n }\n }\n },\n clubs: {\n particles: {\n color: {\n value: \"#000000\"\n }\n }\n }\n },\n type: \"random\"\n },\n size: {\n value: 16\n }\n },\n background: {\n color: \"#fff\"\n },\n preload: [{\n src: \"https://particles.js.org/images/fruits/apple.png\",\n name: \"apple\",\n width: 32,\n height: 32\n }, {\n src: \"https://particles.js.org/images/fruits/avocado.png\",\n name: \"avocado\",\n width: 32,\n height: 32\n }, {\n src: \"https://particles.js.org/images/fruits/banana.png\",\n name: \"banana\",\n width: 32,\n height: 32\n }, {\n src: \"https://particles.js.org/images/fruits/berries.png\",\n name: \"berries\",\n width: 32,\n height: 32\n }, {\n src: \"https://particles.js.org/images/fruits/cherry.png\",\n name: \"cherry\",\n width: 32,\n height: 32\n }, {\n src: \"https://particles.js.org/images/fruits/grapes.png\",\n name: \"grapes\",\n width: 32,\n height: 32\n }, {\n src: \"https://particles.js.org/images/fruits/lemon.png\",\n name: \"lemon\",\n width: 32,\n height: 32\n }, {\n src: \"https://particles.js.org/images/fruits/orange.png\",\n name: \"orange\",\n width: 32,\n height: 32\n }, {\n src: \"https://particles.js.org/images/fruits/peach.png\",\n name: \"peach\",\n width: 32,\n height: 32\n }, {\n src: \"https://particles.js.org/images/fruits/pear.png\",\n name: \"pear\",\n width: 32,\n height: 32\n }, {\n src: \"https://particles.js.org/images/fruits/pepper.png\",\n name: \"pepper\",\n width: 32,\n height: 32\n }, {\n src: \"https://particles.js.org/images/fruits/plum.png\",\n name: \"plum\",\n width: 32,\n height: 32\n }, {\n src: \"https://particles.js.org/images/fruits/star.png\",\n name: \"star\",\n width: 32,\n height: 32\n }, {\n src: \"https://particles.js.org/images/fruits/strawberry.png\",\n name: \"strawberry\",\n width: 32,\n height: 32\n }, {\n src: \"https://particles.js.org/images/fruits/watermelon.png\",\n name: \"watermelon\",\n width: 32,\n height: 32\n }, {\n src: \"https://particles.js.org/images/fruits/watermelon_slice.png\",\n name: \"watermelon_slice\",\n width: 32,\n height: 32\n }]\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/r/randomShapes.js?\n}");
1188
1218
 
1189
1219
  /***/ }),
1190
1220
 
@@ -1194,7 +1224,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
1194
1224
  \****************************************/
1195
1225
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
1196
1226
 
1197
- eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"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 color: {\n value: \"#FFF\"\n },\n collisions: {\n enable: true\n },\n move: {\n attract: {\n enable: false,\n rotate: {\n x: 3000,\n y: 3000\n }\n },\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/r/reactBubbles.js?");
1227
+ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"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 color: {\n value: \"#FFF\"\n },\n collisions: {\n enable: true\n },\n move: {\n attract: {\n enable: false,\n rotate: {\n x: 3000,\n y: 3000\n }\n },\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/r/reactBubbles.js?\n}");
1198
1228
 
1199
1229
  /***/ }),
1200
1230
 
@@ -1204,7 +1234,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
1204
1234
  \*****************************************/
1205
1235
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
1206
1236
 
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: \"reactDefaults\",\n name: \"React Defaults\",\n particles: {\n number: {\n value: 40\n },\n color: {\n value: \"#FFF\"\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 shadow: {\n enable: false,\n blur: 5,\n color: \"lime\"\n }\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/r/reactDefaults.js?");
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 */ });\nconst options = {\n key: \"reactDefaults\",\n name: \"React Defaults\",\n particles: {\n number: {\n value: 40\n },\n color: {\n value: \"#FFF\"\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 shadow: {\n enable: false,\n blur: 5,\n color: \"lime\"\n }\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/r/reactDefaults.js?\n}");
1208
1238
 
1209
1239
  /***/ }),
1210
1240
 
@@ -1214,7 +1244,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
1214
1244
  \***********************************************/
1215
1245
  /***/ ((__unused_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: \"reactMultipleImages\",\n name: \"React Multiple Images\",\n particles: {\n color: {\n value: \"#CCC\"\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 height: 20,\n replaceColor: true,\n src: \"https://particles.js.org/images/fruits/cherry.png\",\n width: 23,\n fill: true,\n close: true\n }, {\n height: 20,\n replaceColor: true,\n src: \"https://particles.js.org/images/fruits/grapes.png\",\n width: 20,\n fill: true,\n close: true\n }, {\n height: 20,\n replaceColor: true,\n src: \"https://particles.js.org/images/fruits/lemon.png\",\n width: 20,\n fill: true,\n close: true\n }]\n },\n type: [\"image\", \"circle\"]\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/r/reactMultipleImages.js?");
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: \"reactMultipleImages\",\n name: \"React Multiple Images\",\n particles: {\n color: {\n value: \"#CCC\"\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 height: 20,\n replaceColor: true,\n src: \"https://particles.js.org/images/fruits/cherry.png\",\n width: 23,\n fill: true,\n close: true\n }, {\n height: 20,\n replaceColor: true,\n src: \"https://particles.js.org/images/fruits/grapes.png\",\n width: 20,\n fill: true,\n close: true\n }, {\n height: 20,\n replaceColor: true,\n src: \"https://particles.js.org/images/fruits/lemon.png\",\n width: 20,\n fill: true,\n close: true\n }]\n },\n type: [\"image\", \"circle\"]\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/r/reactMultipleImages.js?\n}");
1218
1248
 
1219
1249
  /***/ }),
1220
1250
 
@@ -1224,7 +1254,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
1224
1254
  \*****************************************/
1225
1255
  /***/ ((__unused_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 */ });\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 color: {\n value: \"#FFF\"\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 shadow: {\n blur: 5,\n color: {\n value: \"lime\"\n },\n enable: false\n },\n width: 1\n },\n move: {\n attract: {\n enable: false,\n rotate: {\n x: 3000,\n y: 3000\n }\n },\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/r/reactNightSky.js?");
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: \"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 color: {\n value: \"#FFF\"\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 shadow: {\n blur: 5,\n color: {\n value: \"lime\"\n },\n enable: false\n },\n width: 1\n },\n move: {\n attract: {\n enable: false,\n rotate: {\n x: 3000,\n y: 3000\n }\n },\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/r/reactNightSky.js?\n}");
1228
1258
 
1229
1259
  /***/ }),
1230
1260
 
@@ -1234,7 +1264,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
1234
1264
  \********************************************/
1235
1265
  /***/ ((__unused_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 */ });\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 color: {\n value: \"#FFF\"\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 shadow: {\n blur: 5,\n color: {\n value: \"lime\"\n },\n enable: false\n },\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/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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/r/reactPolygonMask.js?");
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: \"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 color: {\n value: \"#FFF\"\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 shadow: {\n blur: 5,\n color: {\n value: \"lime\"\n },\n enable: false\n },\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/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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/r/reactPolygonMask.js?\n}");
1238
1268
 
1239
1269
  /***/ }),
1240
1270
 
@@ -1244,7 +1274,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
1244
1274
  \***************************************/
1245
1275
  /***/ ((__unused_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 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 color: {\n value: \"#FFF\"\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 shadow: {\n blur: 5,\n color: {\n value: \"lime\"\n },\n enable: false\n },\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 shadow: {\n blur: 0,\n color: {\n value: \"#000000\"\n },\n enable: false,\n offset: {\n x: 0,\n y: 0\n }\n },\n stroke: {\n color: {\n value: \"#ff0000\"\n },\n width: 0,\n opacity: 1\n }\n },\n polygon: {\n draw: {\n enable: false,\n stroke: {\n color: \"rgba(255, 255, 255, .1)\",\n width: 0.5,\n opacity: 0.1\n }\n },\n enable: false,\n inline: {\n arrangement: \"one-per-point\"\n },\n move: {\n radius: 10,\n type: \"path\"\n },\n scale: 1,\n type: \"inline\",\n url: \"\"\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/r/reactSimple.js?");
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: \"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 color: {\n value: \"#FFF\"\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 shadow: {\n blur: 5,\n color: {\n value: \"lime\"\n },\n enable: false\n },\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 shadow: {\n blur: 0,\n color: {\n value: \"#000000\"\n },\n enable: false,\n offset: {\n x: 0,\n y: 0\n }\n },\n stroke: {\n color: {\n value: \"#ff0000\"\n },\n width: 0,\n opacity: 1\n }\n },\n polygon: {\n draw: {\n enable: false,\n stroke: {\n color: \"rgba(255, 255, 255, .1)\",\n width: 0.5,\n opacity: 0.1\n }\n },\n enable: false,\n inline: {\n arrangement: \"one-per-point\"\n },\n move: {\n radius: 10,\n type: \"path\"\n },\n scale: 1,\n type: \"inline\",\n url: \"\"\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/r/reactSimple.js?\n}");
1248
1278
 
1249
1279
  /***/ }),
1250
1280
 
@@ -1254,7 +1284,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
1254
1284
  \*************************************/
1255
1285
  /***/ ((__unused_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: \"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 color: {\n value: \"#FFF\"\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 shadow: {\n blur: 5,\n color: {\n value: \"lime\"\n },\n enable: false\n },\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/r/reactSnow.js?");
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: \"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 color: {\n value: \"#FFF\"\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 shadow: {\n blur: 5,\n color: {\n value: \"lime\"\n },\n enable: false\n },\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/r/reactSnow.js?\n}");
1258
1288
 
1259
1289
  /***/ }),
1260
1290
 
@@ -1264,7 +1294,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
1264
1294
  \********************************************/
1265
1295
  /***/ ((__unused_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: \"reduceDuplicates\",\n name: \"Reduce Duplicates\",\n particles: {\n color: {\n value: \"#ffffff\"\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 src: \"https://particles.js.org/images/fruits/apple.png\",\n width: 32,\n height: 32\n }, {\n src: \"https://particles.js.org/images/fruits/avocado.png\",\n width: 32,\n height: 32\n }, {\n src: \"https://particles.js.org/images/fruits/banana.png\",\n width: 32,\n height: 32\n }, {\n src: \"https://particles.js.org/images/fruits/berries.png\",\n width: 32,\n height: 32\n }, {\n src: \"https://particles.js.org/images/fruits/cherry.png\",\n width: 32,\n height: 32\n }, {\n src: \"https://particles.js.org/images/fruits/grapes.png\",\n width: 32,\n height: 32\n }, {\n src: \"https://particles.js.org/images/fruits/lemon.png\",\n width: 32,\n height: 32\n }, {\n src: \"https://particles.js.org/images/fruits/orange.png\",\n width: 32,\n height: 32\n }, {\n src: \"https://particles.js.org/images/fruits/peach.png\",\n width: 32,\n height: 32\n }, {\n src: \"https://particles.js.org/images/fruits/pear.png\",\n width: 32,\n height: 32\n }, {\n src: \"https://particles.js.org/images/fruits/pepper.png\",\n width: 32,\n height: 32\n }, {\n src: \"https://particles.js.org/images/fruits/plum.png\",\n width: 32,\n height: 32\n }, {\n src: \"https://particles.js.org/images/fruits/star.png\",\n width: 32,\n height: 32\n }, {\n src: \"https://particles.js.org/images/fruits/strawberry.png\",\n width: 32,\n height: 32\n }, {\n src: \"https://particles.js.org/images/fruits/watermelon.png\",\n width: 32,\n height: 32\n }, {\n src: \"https://particles.js.org/images/fruits/watermelon_slice.png\",\n width: 32,\n height: 32\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/r/reduceDuplicates.js?");
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: \"reduceDuplicates\",\n name: \"Reduce Duplicates\",\n particles: {\n color: {\n value: \"#ffffff\"\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 src: \"https://particles.js.org/images/fruits/apple.png\",\n width: 32,\n height: 32\n }, {\n src: \"https://particles.js.org/images/fruits/avocado.png\",\n width: 32,\n height: 32\n }, {\n src: \"https://particles.js.org/images/fruits/banana.png\",\n width: 32,\n height: 32\n }, {\n src: \"https://particles.js.org/images/fruits/berries.png\",\n width: 32,\n height: 32\n }, {\n src: \"https://particles.js.org/images/fruits/cherry.png\",\n width: 32,\n height: 32\n }, {\n src: \"https://particles.js.org/images/fruits/grapes.png\",\n width: 32,\n height: 32\n }, {\n src: \"https://particles.js.org/images/fruits/lemon.png\",\n width: 32,\n height: 32\n }, {\n src: \"https://particles.js.org/images/fruits/orange.png\",\n width: 32,\n height: 32\n }, {\n src: \"https://particles.js.org/images/fruits/peach.png\",\n width: 32,\n height: 32\n }, {\n src: \"https://particles.js.org/images/fruits/pear.png\",\n width: 32,\n height: 32\n }, {\n src: \"https://particles.js.org/images/fruits/pepper.png\",\n width: 32,\n height: 32\n }, {\n src: \"https://particles.js.org/images/fruits/plum.png\",\n width: 32,\n height: 32\n }, {\n src: \"https://particles.js.org/images/fruits/star.png\",\n width: 32,\n height: 32\n }, {\n src: \"https://particles.js.org/images/fruits/strawberry.png\",\n width: 32,\n height: 32\n }, {\n src: \"https://particles.js.org/images/fruits/watermelon.png\",\n width: 32,\n height: 32\n }, {\n src: \"https://particles.js.org/images/fruits/watermelon_slice.png\",\n width: 32,\n height: 32\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/r/reduceDuplicates.js?\n}");
1268
1298
 
1269
1299
  /***/ }),
1270
1300
 
@@ -1274,7 +1304,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
1274
1304
  \***********************************/
1275
1305
  /***/ ((__unused_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: \"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 color: {\n value: \"#ff0000\",\n animation: {\n enable: false,\n speed: 20,\n sync: 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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/r/repulse.js?");
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: \"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 color: {\n value: \"#ff0000\",\n animation: {\n enable: false,\n speed: 20,\n sync: 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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/r/repulse.js?\n}");
1278
1308
 
1279
1309
  /***/ }),
1280
1310
 
@@ -1284,7 +1314,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
1284
1314
  \***************************************/
1285
1315
  /***/ ((__unused_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: \"repulseBack\",\n name: \"Repulse Back\",\n particles: {\n number: {\n value: 200,\n density: {\n enable: true\n }\n },\n color: {\n value: \"#ffffff\"\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/r/repulseBack.js?");
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: \"repulseBack\",\n name: \"Repulse Back\",\n particles: {\n number: {\n value: 200,\n density: {\n enable: true\n }\n },\n color: {\n value: \"#ffffff\"\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/r/repulseBack.js?\n}");
1288
1318
 
1289
1319
  /***/ }),
1290
1320
 
@@ -1294,7 +1324,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
1294
1324
  \***************************************/
1295
1325
  /***/ ((__unused_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: \"repulseCirc\",\n name: \"Repulse Circ\",\n particles: {\n number: {\n value: 200,\n density: {\n enable: true\n }\n },\n color: {\n value: \"#ffffff\"\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/r/repulseCirc.js?");
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: \"repulseCirc\",\n name: \"Repulse Circ\",\n particles: {\n number: {\n value: 200,\n density: {\n enable: true\n }\n },\n color: {\n value: \"#ffffff\"\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/r/repulseCirc.js?\n}");
1298
1328
 
1299
1329
  /***/ }),
1300
1330
 
@@ -1304,7 +1334,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
1304
1334
  \****************************************/
1305
1335
  /***/ ((__unused_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: \"repulseCubic\",\n name: \"Repulse Cubic\",\n particles: {\n number: {\n value: 200,\n density: {\n enable: true\n }\n },\n color: {\n value: \"#ffffff\"\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/r/repulseCubic.js?");
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: \"repulseCubic\",\n name: \"Repulse Cubic\",\n particles: {\n number: {\n value: 200,\n density: {\n enable: true\n }\n },\n color: {\n value: \"#ffffff\"\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/r/repulseCubic.js?\n}");
1308
1338
 
1309
1339
  /***/ }),
1310
1340
 
@@ -1314,7 +1344,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
1314
1344
  \***************************************/
1315
1345
  /***/ ((__unused_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: \"repulseExpo\",\n name: \"Repulse Expo\",\n particles: {\n number: {\n value: 200,\n density: {\n enable: true\n }\n },\n color: {\n value: \"#ffffff\"\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/r/repulseExpo.js?");
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: \"repulseExpo\",\n name: \"Repulse Expo\",\n particles: {\n number: {\n value: 200,\n density: {\n enable: true\n }\n },\n color: {\n value: \"#ffffff\"\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/r/repulseExpo.js?\n}");
1318
1348
 
1319
1349
  /***/ }),
1320
1350
 
@@ -1324,7 +1354,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
1324
1354
  \****************************************/
1325
1355
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
1326
1356
 
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: \"repulseExpo\",\n name: \"Repulse Quart\",\n particles: {\n number: {\n value: 200,\n density: {\n enable: true\n }\n },\n color: {\n value: \"#ffffff\"\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/r/repulseQuart.js?");
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: \"repulseExpo\",\n name: \"Repulse Quart\",\n particles: {\n number: {\n value: 200,\n density: {\n enable: true\n }\n },\n color: {\n value: \"#ffffff\"\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/r/repulseQuart.js?\n}");
1328
1358
 
1329
1359
  /***/ }),
1330
1360
 
@@ -1334,7 +1364,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
1334
1364
  \****************************************/
1335
1365
  /***/ ((__unused_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: \"repulseQuint\",\n name: \"Repulse Quint\",\n particles: {\n number: {\n value: 200,\n density: {\n enable: true\n }\n },\n color: {\n value: \"#ffffff\"\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/r/repulseQuint.js?");
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: \"repulseQuint\",\n name: \"Repulse Quint\",\n particles: {\n number: {\n value: 200,\n density: {\n enable: true\n }\n },\n color: {\n value: \"#ffffff\"\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/r/repulseQuint.js?\n}");
1338
1368
 
1339
1369
  /***/ }),
1340
1370
 
@@ -1344,7 +1374,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
1344
1374
  \***************************************/
1345
1375
  /***/ ((__unused_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: \"repulseSine\",\n name: \"Repulse Sine\",\n particles: {\n number: {\n value: 200,\n density: {\n enable: true\n }\n },\n color: {\n value: \"#ffffff\"\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/r/repulseSine.js?");
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: \"repulseSine\",\n name: \"Repulse Sine\",\n particles: {\n number: {\n value: 200,\n density: {\n enable: true\n }\n },\n color: {\n value: \"#ffffff\"\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/r/repulseSine.js?\n}");
1348
1378
 
1349
1379
  /***/ }),
1350
1380
 
@@ -1354,7 +1384,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
1354
1384
  \**************************************/
1355
1385
  /***/ ((__unused_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: \"responsive\",\n name: \"Responsive\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: false\n }\n },\n color: {\n value: \"#ff0000\"\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 maxWidth: 600,\n options: {\n particles: {\n color: {\n value: \"#0000ff\"\n },\n number: {\n value: 40\n }\n }\n }\n }, {\n maxWidth: 1000,\n options: {\n particles: {\n color: {\n value: \"#00ff00\"\n },\n number: {\n value: 60\n }\n }\n }\n }],\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/r/responsive.js?");
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: \"responsive\",\n name: \"Responsive\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: false\n }\n },\n color: {\n value: \"#ff0000\"\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 maxWidth: 600,\n options: {\n particles: {\n color: {\n value: \"#0000ff\"\n },\n number: {\n value: 40\n }\n }\n }\n }, {\n maxWidth: 1000,\n options: {\n particles: {\n color: {\n value: \"#00ff00\"\n },\n number: {\n value: 60\n }\n }\n }\n }],\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/r/responsive.js?\n}");
1358
1388
 
1359
1389
  /***/ }),
1360
1390
 
@@ -1364,7 +1394,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
1364
1394
  \********************************/
1365
1395
  /***/ ((__unused_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: \"ring\",\n name: \"Ring\",\n particles: {\n number: {\n value: 0,\n limit: {\n value: 1000\n }\n },\n color: {\n value: \"#ffffff\"\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 },\n trail: {\n enable: true,\n fill: {\n color: \"#031927\"\n },\n length: 1000\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};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/r/ring.js?");
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: \"ring\",\n name: \"Ring\",\n particles: {\n number: {\n value: 0,\n limit: {\n value: 1000\n }\n },\n color: {\n value: \"#ffffff\"\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 },\n trail: {\n enable: true,\n fill: {\n color: \"#031927\"\n },\n length: 1000\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};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/r/ring.js?\n}");
1368
1398
 
1369
1399
  /***/ }),
1370
1400
 
@@ -1374,7 +1404,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
1374
1404
  \*********************************/
1375
1405
  /***/ ((__unused_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 _seaAnemone_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./seaAnemone.js */ \"./dist/browser/s/seaAnemone.js\");\n/* harmony import */ var _shadow_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./shadow.js */ \"./dist/browser/s/shadow.js\");\n/* harmony import */ var _shapeArrow_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./shapeArrow.js */ \"./dist/browser/s/shapeArrow.js\");\n/* harmony import */ var _shapeCog_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./shapeCog.js */ \"./dist/browser/s/shapeCog.js\");\n/* harmony import */ var _shapeEmoji_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./shapeEmoji.js */ \"./dist/browser/s/shapeEmoji.js\");\n/* harmony import */ var _shapeEmojiPadding_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./shapeEmojiPadding.js */ \"./dist/browser/s/shapeEmojiPadding.js\");\n/* harmony import */ var _shapeHeart_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./shapeHeart.js */ \"./dist/browser/s/shapeHeart.js\");\n/* harmony import */ var _shapeInfinity_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./shapeInfinity.js */ \"./dist/browser/s/shapeInfinity.js\");\n/* harmony import */ var _shapeMultilineText_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./shapeMultilineText.js */ \"./dist/browser/s/shapeMultilineText.js\");\n/* harmony import */ var _shapeOptions_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./shapeOptions.js */ \"./dist/browser/s/shapeOptions.js\");\n/* harmony import */ var _shapePath_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./shapePath.js */ \"./dist/browser/s/shapePath.js\");\n/* harmony import */ var _shapeRoundedPolygon_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./shapeRoundedPolygon.js */ \"./dist/browser/s/shapeRoundedPolygon.js\");\n/* harmony import */ var _shapeRoundedRect_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./shapeRoundedRect.js */ \"./dist/browser/s/shapeRoundedRect.js\");\n/* harmony import */ var _shapeSpiral_js__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./shapeSpiral.js */ \"./dist/browser/s/shapeSpiral.js\");\n/* harmony import */ var _slow_js__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./slow.js */ \"./dist/browser/s/slow.js\");\n/* harmony import */ var _snow_js__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./snow.js */ \"./dist/browser/s/snow.js\");\n/* harmony import */ var _soundsAudio_js__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./soundsAudio.js */ \"./dist/browser/s/soundsAudio.js\");\n/* harmony import */ var _soundsLoop_js__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./soundsLoop.js */ \"./dist/browser/s/soundsLoop.js\");\n/* harmony import */ var _soundsMelodies_js__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./soundsMelodies.js */ \"./dist/browser/s/soundsMelodies.js\");\n/* harmony import */ var _soundsMelodyLoop_js__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./soundsMelodyLoop.js */ \"./dist/browser/s/soundsMelodyLoop.js\");\n/* harmony import */ var _soundsNotes_js__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./soundsNotes.js */ \"./dist/browser/s/soundsNotes.js\");\n/* harmony import */ var _speedDecay_js__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ./speedDecay.js */ \"./dist/browser/s/speedDecay.js\");\n/* harmony import */ var _spin_js__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ./spin.js */ \"./dist/browser/s/spin.js\");\n/* harmony import */ var _star_js__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ./star.js */ \"./dist/browser/s/star.js\");\n/* harmony import */ var _strokeAnimation_js__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ./strokeAnimation.js */ \"./dist/browser/s/strokeAnimation.js\");\n/* harmony import */ var _style_js__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ./style.js */ \"./dist/browser/s/style.js\");\n/* harmony import */ var _svgReplace_js__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! ./svgReplace.js */ \"./dist/browser/s/svgReplace.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/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({\n seaAnemone: _seaAnemone_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"],\n shadow: _shadow_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n shapeArrow: _shapeArrow_js__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n shapeCog: _shapeCog_js__WEBPACK_IMPORTED_MODULE_3__[\"default\"],\n shapeEmoji: _shapeEmoji_js__WEBPACK_IMPORTED_MODULE_4__[\"default\"],\n shapeEmojiPadding: _shapeEmojiPadding_js__WEBPACK_IMPORTED_MODULE_5__[\"default\"],\n shapeHeart: _shapeHeart_js__WEBPACK_IMPORTED_MODULE_6__[\"default\"],\n shapeInfinity: _shapeInfinity_js__WEBPACK_IMPORTED_MODULE_7__[\"default\"],\n shapeMultilineText: _shapeMultilineText_js__WEBPACK_IMPORTED_MODULE_8__[\"default\"],\n shapeOptions: _shapeOptions_js__WEBPACK_IMPORTED_MODULE_9__[\"default\"],\n shapePath: _shapePath_js__WEBPACK_IMPORTED_MODULE_10__[\"default\"],\n shapeRoundedPolygon: _shapeRoundedPolygon_js__WEBPACK_IMPORTED_MODULE_11__[\"default\"],\n shapeRoundedRect: _shapeRoundedRect_js__WEBPACK_IMPORTED_MODULE_12__[\"default\"],\n shapeSpiral: _shapeSpiral_js__WEBPACK_IMPORTED_MODULE_13__[\"default\"],\n slow: _slow_js__WEBPACK_IMPORTED_MODULE_14__[\"default\"],\n snow: _snow_js__WEBPACK_IMPORTED_MODULE_15__[\"default\"],\n soundsAudio: _soundsAudio_js__WEBPACK_IMPORTED_MODULE_16__[\"default\"],\n soundsLoop: _soundsLoop_js__WEBPACK_IMPORTED_MODULE_17__[\"default\"],\n soundsMelodies: _soundsMelodies_js__WEBPACK_IMPORTED_MODULE_18__[\"default\"],\n soundsMelodyLoop: _soundsMelodyLoop_js__WEBPACK_IMPORTED_MODULE_19__[\"default\"],\n soundsNotes: _soundsNotes_js__WEBPACK_IMPORTED_MODULE_20__[\"default\"],\n speedDecay: _speedDecay_js__WEBPACK_IMPORTED_MODULE_21__[\"default\"],\n spin: _spin_js__WEBPACK_IMPORTED_MODULE_22__[\"default\"],\n star: _star_js__WEBPACK_IMPORTED_MODULE_23__[\"default\"],\n strokeAnimation: _strokeAnimation_js__WEBPACK_IMPORTED_MODULE_24__[\"default\"],\n style: _style_js__WEBPACK_IMPORTED_MODULE_25__[\"default\"],\n svgReplace: _svgReplace_js__WEBPACK_IMPORTED_MODULE_26__[\"default\"]\n});\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/s/index.js?");
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 _seaAnemone_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./seaAnemone.js */ \"./dist/browser/s/seaAnemone.js\");\n/* harmony import */ var _shadow_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./shadow.js */ \"./dist/browser/s/shadow.js\");\n/* harmony import */ var _shapeArrow_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./shapeArrow.js */ \"./dist/browser/s/shapeArrow.js\");\n/* harmony import */ var _shapeCog_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./shapeCog.js */ \"./dist/browser/s/shapeCog.js\");\n/* harmony import */ var _shapeEmoji_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./shapeEmoji.js */ \"./dist/browser/s/shapeEmoji.js\");\n/* harmony import */ var _shapeEmojiPadding_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./shapeEmojiPadding.js */ \"./dist/browser/s/shapeEmojiPadding.js\");\n/* harmony import */ var _shapeHeart_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./shapeHeart.js */ \"./dist/browser/s/shapeHeart.js\");\n/* harmony import */ var _shapeInfinity_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./shapeInfinity.js */ \"./dist/browser/s/shapeInfinity.js\");\n/* harmony import */ var _shapeMultilineText_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./shapeMultilineText.js */ \"./dist/browser/s/shapeMultilineText.js\");\n/* harmony import */ var _shapeOptions_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./shapeOptions.js */ \"./dist/browser/s/shapeOptions.js\");\n/* harmony import */ var _shapePath_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./shapePath.js */ \"./dist/browser/s/shapePath.js\");\n/* harmony import */ var _shapeRoundedPolygon_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./shapeRoundedPolygon.js */ \"./dist/browser/s/shapeRoundedPolygon.js\");\n/* harmony import */ var _shapeRoundedRect_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./shapeRoundedRect.js */ \"./dist/browser/s/shapeRoundedRect.js\");\n/* harmony import */ var _shapeSpiral_js__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./shapeSpiral.js */ \"./dist/browser/s/shapeSpiral.js\");\n/* harmony import */ var _slow_js__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./slow.js */ \"./dist/browser/s/slow.js\");\n/* harmony import */ var _snow_js__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./snow.js */ \"./dist/browser/s/snow.js\");\n/* harmony import */ var _soundsAudio_js__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./soundsAudio.js */ \"./dist/browser/s/soundsAudio.js\");\n/* harmony import */ var _soundsLoop_js__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./soundsLoop.js */ \"./dist/browser/s/soundsLoop.js\");\n/* harmony import */ var _soundsMelodies_js__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./soundsMelodies.js */ \"./dist/browser/s/soundsMelodies.js\");\n/* harmony import */ var _soundsMelodyLoop_js__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./soundsMelodyLoop.js */ \"./dist/browser/s/soundsMelodyLoop.js\");\n/* harmony import */ var _soundsNotes_js__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./soundsNotes.js */ \"./dist/browser/s/soundsNotes.js\");\n/* harmony import */ var _speedDecay_js__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ./speedDecay.js */ \"./dist/browser/s/speedDecay.js\");\n/* harmony import */ var _spin_js__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ./spin.js */ \"./dist/browser/s/spin.js\");\n/* harmony import */ var _star_js__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ./star.js */ \"./dist/browser/s/star.js\");\n/* harmony import */ var _strokeAnimation_js__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ./strokeAnimation.js */ \"./dist/browser/s/strokeAnimation.js\");\n/* harmony import */ var _style_js__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ./style.js */ \"./dist/browser/s/style.js\");\n/* harmony import */ var _svgReplace_js__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! ./svgReplace.js */ \"./dist/browser/s/svgReplace.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/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({\n seaAnemone: _seaAnemone_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"],\n shadow: _shadow_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n shapeArrow: _shapeArrow_js__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n shapeCog: _shapeCog_js__WEBPACK_IMPORTED_MODULE_3__[\"default\"],\n shapeEmoji: _shapeEmoji_js__WEBPACK_IMPORTED_MODULE_4__[\"default\"],\n shapeEmojiPadding: _shapeEmojiPadding_js__WEBPACK_IMPORTED_MODULE_5__[\"default\"],\n shapeHeart: _shapeHeart_js__WEBPACK_IMPORTED_MODULE_6__[\"default\"],\n shapeInfinity: _shapeInfinity_js__WEBPACK_IMPORTED_MODULE_7__[\"default\"],\n shapeMultilineText: _shapeMultilineText_js__WEBPACK_IMPORTED_MODULE_8__[\"default\"],\n shapeOptions: _shapeOptions_js__WEBPACK_IMPORTED_MODULE_9__[\"default\"],\n shapePath: _shapePath_js__WEBPACK_IMPORTED_MODULE_10__[\"default\"],\n shapeRoundedPolygon: _shapeRoundedPolygon_js__WEBPACK_IMPORTED_MODULE_11__[\"default\"],\n shapeRoundedRect: _shapeRoundedRect_js__WEBPACK_IMPORTED_MODULE_12__[\"default\"],\n shapeSpiral: _shapeSpiral_js__WEBPACK_IMPORTED_MODULE_13__[\"default\"],\n slow: _slow_js__WEBPACK_IMPORTED_MODULE_14__[\"default\"],\n snow: _snow_js__WEBPACK_IMPORTED_MODULE_15__[\"default\"],\n soundsAudio: _soundsAudio_js__WEBPACK_IMPORTED_MODULE_16__[\"default\"],\n soundsLoop: _soundsLoop_js__WEBPACK_IMPORTED_MODULE_17__[\"default\"],\n soundsMelodies: _soundsMelodies_js__WEBPACK_IMPORTED_MODULE_18__[\"default\"],\n soundsMelodyLoop: _soundsMelodyLoop_js__WEBPACK_IMPORTED_MODULE_19__[\"default\"],\n soundsNotes: _soundsNotes_js__WEBPACK_IMPORTED_MODULE_20__[\"default\"],\n speedDecay: _speedDecay_js__WEBPACK_IMPORTED_MODULE_21__[\"default\"],\n spin: _spin_js__WEBPACK_IMPORTED_MODULE_22__[\"default\"],\n star: _star_js__WEBPACK_IMPORTED_MODULE_23__[\"default\"],\n strokeAnimation: _strokeAnimation_js__WEBPACK_IMPORTED_MODULE_24__[\"default\"],\n style: _style_js__WEBPACK_IMPORTED_MODULE_25__[\"default\"],\n svgReplace: _svgReplace_js__WEBPACK_IMPORTED_MODULE_26__[\"default\"]\n});\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/s/index.js?\n}");
1378
1408
 
1379
1409
  /***/ }),
1380
1410
 
@@ -1384,7 +1414,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
1384
1414
  \**************************************/
1385
1415
  /***/ ((__unused_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 */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n key: \"seaAnemone\",\n name: \"Sea Anemone\",\n particles: {\n color: {\n value: \"#FF0000\"\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 trail: {\n fill: {\n color: \"#000\"\n },\n length: 30,\n enable: true\n }\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 spawnColor: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 10\n }\n },\n position: {\n x: 50,\n y: 50\n }\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/s/seaAnemone.js?");
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: \"seaAnemone\",\n name: \"Sea Anemone\",\n particles: {\n color: {\n value: \"#FF0000\"\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 trail: {\n fill: {\n color: \"#000\"\n },\n length: 30,\n enable: true\n }\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 spawnColor: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 10\n }\n },\n position: {\n x: 50,\n y: 50\n }\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/s/seaAnemone.js?\n}");
1388
1418
 
1389
1419
  /***/ }),
1390
1420
 
@@ -1394,7 +1424,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
1394
1424
  \**********************************/
1395
1425
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
1396
1426
 
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: \"shadow\",\n name: \"Shadow\",\n smooth: true,\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n color: {\n value: \"#ffffff\"\n },\n shadow: {\n enable: true,\n color: \"#000000\",\n blur: 5,\n offset: {\n x: 3,\n y: 3\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 parallax: {\n enable: false,\n force: 60,\n smooth: 10\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 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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/s/shadow.js?");
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: \"shadow\",\n name: \"Shadow\",\n smooth: true,\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n color: {\n value: \"#ffffff\"\n },\n shadow: {\n enable: true,\n color: \"#000000\",\n blur: 5,\n offset: {\n x: 3,\n y: 3\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 parallax: {\n enable: false,\n force: 60,\n smooth: 10\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 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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/s/shadow.js?\n}");
1398
1428
 
1399
1429
  /***/ }),
1400
1430
 
@@ -1404,7 +1434,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
1404
1434
  \**************************************/
1405
1435
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
1406
1436
 
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 */ });\nconst options = {\n key: \"shapeArrow\",\n name: \"Shape Arrow\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n color: {\n value: \"none\"\n },\n stroke: {\n color: \"#ff0000\",\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/s/shapeArrow.js?");
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: \"shapeArrow\",\n name: \"Shape Arrow\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n color: {\n value: \"none\"\n },\n stroke: {\n color: \"#ff0000\",\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/s/shapeArrow.js?\n}");
1408
1438
 
1409
1439
  /***/ }),
1410
1440
 
@@ -1414,7 +1444,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
1414
1444
  \************************************/
1415
1445
  /***/ ((__unused_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: \"shapeCog\",\n name: \"Shape Cog\",\n particles: {\n color: {\n value: [\"#777\", \"#333\", \"#700\", \"#007\", \"#070\"]\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/s/shapeCog.js?");
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: \"shapeCog\",\n name: \"Shape Cog\",\n particles: {\n color: {\n value: [\"#777\", \"#333\", \"#700\", \"#007\", \"#070\"]\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/s/shapeCog.js?\n}");
1418
1448
 
1419
1449
  /***/ }),
1420
1450
 
@@ -1424,7 +1454,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
1424
1454
  \**************************************/
1425
1455
  /***/ ((__unused_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 */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__);\n\nconst emitterRate = {\n delay: 0.2,\n quantity: 1\n },\n options = {\n key: \"shapeEmoji\",\n name: \"Shape Emoji\",\n particles: {\n opacity: {\n value: 1\n },\n size: {\n value: {\n min: 16,\n max: 32\n }\n },\n move: {\n enable: true,\n gravity: {\n enable: true\n },\n speed: 15,\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 background: {\n color: \"#000000\"\n },\n emitters: [{\n position: {\n x: 0,\n y: 33\n },\n rate: emitterRate,\n particles: {\n move: {\n direction: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.MoveDirection.topRight\n },\n shape: {\n type: \"emoji\",\n options: {\n emoji: {\n value: \"🦄\"\n }\n }\n }\n }\n }, {\n position: {\n x: 0,\n y: 66\n },\n rate: emitterRate,\n particles: {\n move: {\n direction: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.MoveDirection.topRight\n },\n shape: {\n type: \"emoji\",\n options: {\n emoji: {\n value: \"🌈\"\n }\n }\n }\n }\n }, {\n position: {\n x: 100,\n y: 33\n },\n rate: emitterRate,\n particles: {\n move: {\n direction: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.MoveDirection.topLeft\n },\n shape: {\n type: \"emoji\",\n options: {\n emoji: {\n value: \"🎉\"\n }\n }\n }\n }\n }, {\n position: {\n x: 100,\n y: 66\n },\n rate: emitterRate,\n particles: {\n move: {\n direction: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.MoveDirection.topLeft\n },\n shape: {\n type: \"emoji\",\n options: {\n emoji: {\n value: \"🤡\"\n }\n }\n }\n }\n }, {\n position: {\n x: 50,\n y: 50\n },\n rate: emitterRate,\n particles: {\n move: {\n direction: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.MoveDirection.top\n },\n shape: {\n type: \"emoji\",\n options: {\n emoji: {\n value: \"🍑\"\n }\n }\n }\n }\n }]\n };\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/s/shapeEmoji.js?");
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 */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__);\n\nconst emitterRate = {\n delay: 0.2,\n quantity: 1\n },\n options = {\n key: \"shapeEmoji\",\n name: \"Shape Emoji\",\n particles: {\n opacity: {\n value: 1\n },\n size: {\n value: {\n min: 16,\n max: 32\n }\n },\n move: {\n enable: true,\n gravity: {\n enable: true\n },\n speed: 15,\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 background: {\n color: \"#000000\"\n },\n emitters: [{\n position: {\n x: 0,\n y: 33\n },\n rate: emitterRate,\n particles: {\n move: {\n direction: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.MoveDirection.topRight\n },\n shape: {\n type: \"emoji\",\n options: {\n emoji: {\n value: \"🦄\"\n }\n }\n }\n }\n }, {\n position: {\n x: 0,\n y: 66\n },\n rate: emitterRate,\n particles: {\n move: {\n direction: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.MoveDirection.topRight\n },\n shape: {\n type: \"emoji\",\n options: {\n emoji: {\n value: \"🌈\"\n }\n }\n }\n }\n }, {\n position: {\n x: 100,\n y: 33\n },\n rate: emitterRate,\n particles: {\n move: {\n direction: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.MoveDirection.topLeft\n },\n shape: {\n type: \"emoji\",\n options: {\n emoji: {\n value: \"🎉\"\n }\n }\n }\n }\n }, {\n position: {\n x: 100,\n y: 66\n },\n rate: emitterRate,\n particles: {\n move: {\n direction: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.MoveDirection.topLeft\n },\n shape: {\n type: \"emoji\",\n options: {\n emoji: {\n value: \"🤡\"\n }\n }\n }\n }\n }, {\n position: {\n x: 50,\n y: 50\n },\n rate: emitterRate,\n particles: {\n move: {\n direction: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.MoveDirection.top\n },\n shape: {\n type: \"emoji\",\n options: {\n emoji: {\n value: \"🍑\"\n }\n }\n }\n }\n }]\n };\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/s/shapeEmoji.js?\n}");
1428
1458
 
1429
1459
  /***/ }),
1430
1460
 
@@ -1434,7 +1464,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
1434
1464
  \*********************************************/
1435
1465
  /***/ ((__unused_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 emitterRate = {\n delay: 0.2,\n quantity: 1\n },\n options = {\n key: \"shapeEmojiPadding\",\n name: \"Shape Emoji Padding\",\n particles: {\n opacity: {\n value: 1\n },\n size: {\n value: 16\n },\n move: {\n enable: true,\n speed: 5,\n outModes: \"destroy\"\n }\n },\n background: {\n color: \"#000000\"\n },\n emitters: [{\n position: {\n x: 0,\n y: 33\n },\n rate: emitterRate,\n particles: {\n shape: {\n type: \"emoji\",\n options: {\n emoji: {\n value: \"👻\",\n padding: 5\n }\n }\n }\n }\n }, {\n position: {\n x: 0,\n y: 66\n },\n rate: emitterRate,\n particles: {\n shape: {\n type: \"emoji\",\n options: {\n emoji: {\n value: \"🌈\",\n padding: 10\n }\n }\n }\n }\n }, {\n position: {\n x: 100,\n y: 33\n },\n rate: emitterRate,\n particles: {\n shape: {\n type: \"emoji\",\n options: {\n emoji: {\n value: \"🎉\"\n }\n }\n }\n }\n }, {\n position: {\n x: 100,\n y: 66\n },\n rate: emitterRate,\n particles: {\n shape: {\n type: \"emoji\",\n options: {\n emoji: {\n value: \"🤡\",\n padding: 15\n }\n }\n }\n }\n }, {\n position: {\n x: 50,\n y: 50\n },\n rate: emitterRate,\n particles: {\n shape: {\n type: \"emoji\",\n options: {\n emoji: {\n value: \"🍑\",\n padding: 2\n }\n }\n }\n }\n }]\n };\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/s/shapeEmojiPadding.js?");
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 emitterRate = {\n delay: 0.2,\n quantity: 1\n },\n options = {\n key: \"shapeEmojiPadding\",\n name: \"Shape Emoji Padding\",\n particles: {\n opacity: {\n value: 1\n },\n size: {\n value: 16\n },\n move: {\n enable: true,\n speed: 5,\n outModes: \"destroy\"\n }\n },\n background: {\n color: \"#000000\"\n },\n emitters: [{\n position: {\n x: 0,\n y: 33\n },\n rate: emitterRate,\n particles: {\n shape: {\n type: \"emoji\",\n options: {\n emoji: {\n value: \"👻\",\n padding: 5\n }\n }\n }\n }\n }, {\n position: {\n x: 0,\n y: 66\n },\n rate: emitterRate,\n particles: {\n shape: {\n type: \"emoji\",\n options: {\n emoji: {\n value: \"🌈\",\n padding: 10\n }\n }\n }\n }\n }, {\n position: {\n x: 100,\n y: 33\n },\n rate: emitterRate,\n particles: {\n shape: {\n type: \"emoji\",\n options: {\n emoji: {\n value: \"🎉\"\n }\n }\n }\n }\n }, {\n position: {\n x: 100,\n y: 66\n },\n rate: emitterRate,\n particles: {\n shape: {\n type: \"emoji\",\n options: {\n emoji: {\n value: \"🤡\",\n padding: 15\n }\n }\n }\n }\n }, {\n position: {\n x: 50,\n y: 50\n },\n rate: emitterRate,\n particles: {\n shape: {\n type: \"emoji\",\n options: {\n emoji: {\n value: \"🍑\",\n padding: 2\n }\n }\n }\n }\n }]\n };\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/s/shapeEmojiPadding.js?\n}");
1438
1468
 
1439
1469
  /***/ }),
1440
1470
 
@@ -1444,7 +1474,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
1444
1474
  \**************************************/
1445
1475
  /***/ ((__unused_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: \"shapeHeart\",\n name: \"Shape Heart\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 20,\n sync: 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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/s/shapeHeart.js?");
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: \"shapeHeart\",\n name: \"Shape Heart\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 20,\n sync: 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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/s/shapeHeart.js?\n}");
1448
1478
 
1449
1479
  /***/ }),
1450
1480
 
@@ -1454,7 +1484,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
1454
1484
  \*****************************************/
1455
1485
  /***/ ((__unused_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: \"shapeInfinity\",\n name: \"Shape Infinity\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n color: {\n value: \"transparent\"\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/s/shapeInfinity.js?");
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: \"shapeInfinity\",\n name: \"Shape Infinity\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n color: {\n value: \"transparent\"\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/s/shapeInfinity.js?\n}");
1458
1488
 
1459
1489
  /***/ }),
1460
1490
 
@@ -1464,7 +1494,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
1464
1494
  \**********************************************/
1465
1495
  /***/ ((__unused_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: \"shapeMultilineText\",\n name: \"Shape Multiline Text\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 20,\n sync: 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: 16,\n max: 32\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/s/shapeMultilineText.js?");
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: \"shapeMultilineText\",\n name: \"Shape Multiline Text\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 20,\n sync: 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: 16,\n max: 32\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/s/shapeMultilineText.js?\n}");
1468
1498
 
1469
1499
  /***/ }),
1470
1500
 
@@ -1474,7 +1504,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
1474
1504
  \****************************************/
1475
1505
  /***/ ((__unused_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: \"shapeOptions\",\n name: \"Shape Options\",\n particles: {\n color: {\n value: \"#000\"\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 height: 128,\n src: \"https://particles.js.org/images/plane_alt.png\",\n width: 128\n }, {\n height: 128,\n src: \"https://particles.js.org/images/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 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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/s/shapeOptions.js?");
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: \"shapeOptions\",\n name: \"Shape Options\",\n particles: {\n color: {\n value: \"#000\"\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 height: 128,\n src: \"https://particles.js.org/images/plane_alt.png\",\n width: 128\n }, {\n height: 128,\n src: \"https://particles.js.org/images/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 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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/s/shapeOptions.js?\n}");
1478
1508
 
1479
1509
  /***/ }),
1480
1510
 
@@ -1484,7 +1514,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
1484
1514
  \*************************************/
1485
1515
  /***/ ((__unused_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: \"shapePath\",\n name: \"Shape Path\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 20,\n sync: true\n }\n },\n shape: {\n type: \"path\",\n options: {\n path: [{\n segments: [{\n type: \"line\",\n values: [{\n x: -0.5,\n y: -0.5\n }]\n }, {\n type: \"bezier\",\n values: [{\n x: -0.5,\n y: 0.5\n }, {\n x: 1,\n y: 1\n }, {\n x: 1,\n y: 0.5\n }, {\n x: 1,\n y: -0.5\n }]\n }, {\n type: \"quadratic\",\n values: [{\n x: 0.5,\n y: 0.5\n }, {\n x: 0.5,\n y: -0.5\n }, {\n x: -0.5,\n y: 0.5\n }]\n }, {\n type: \"line\",\n values: [{\n x: 0.5,\n y: -0.5\n }]\n }],\n half: false\n }, {\n segments: [{\n type: \"line\",\n values: [{\n x: -1,\n y: -1\n }]\n }, {\n type: \"bezier\",\n values: [{\n x: -1,\n y: 1\n }, {\n x: 1,\n y: 1\n }, {\n x: 0.5,\n y: 1\n }, {\n x: -0.5,\n y: 1\n }]\n }, {\n type: \"quadratic\",\n values: [{\n x: 1,\n y: 1\n }, {\n x: 1,\n y: -1\n }, {\n x: -1,\n y: 1\n }]\n }, {\n type: \"line\",\n values: [{\n x: 1,\n y: -1\n }]\n }],\n half: false\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/s/shapePath.js?");
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: \"shapePath\",\n name: \"Shape Path\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 20,\n sync: true\n }\n },\n shape: {\n type: \"path\",\n options: {\n path: [{\n segments: [{\n type: \"line\",\n values: [{\n x: -0.5,\n y: -0.5\n }]\n }, {\n type: \"bezier\",\n values: [{\n x: -0.5,\n y: 0.5\n }, {\n x: 1,\n y: 1\n }, {\n x: 1,\n y: 0.5\n }, {\n x: 1,\n y: -0.5\n }]\n }, {\n type: \"quadratic\",\n values: [{\n x: 0.5,\n y: 0.5\n }, {\n x: 0.5,\n y: -0.5\n }, {\n x: -0.5,\n y: 0.5\n }]\n }, {\n type: \"line\",\n values: [{\n x: 0.5,\n y: -0.5\n }]\n }],\n half: false\n }, {\n segments: [{\n type: \"line\",\n values: [{\n x: -1,\n y: -1\n }]\n }, {\n type: \"bezier\",\n values: [{\n x: -1,\n y: 1\n }, {\n x: 1,\n y: 1\n }, {\n x: 0.5,\n y: 1\n }, {\n x: -0.5,\n y: 1\n }]\n }, {\n type: \"quadratic\",\n values: [{\n x: 1,\n y: 1\n }, {\n x: 1,\n y: -1\n }, {\n x: -1,\n y: 1\n }]\n }, {\n type: \"line\",\n values: [{\n x: 1,\n y: -1\n }]\n }],\n half: false\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/s/shapePath.js?\n}");
1488
1518
 
1489
1519
  /***/ }),
1490
1520
 
@@ -1494,7 +1524,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
1494
1524
  \***********************************************/
1495
1525
  /***/ ((__unused_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: \"shapeRoundedPolygon\",\n name: \"Shape Rounded Polygon\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 20,\n sync: 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 radius: {\n min: 0,\n max: 10\n },\n sides: {\n min: 3,\n max: 8\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/s/shapeRoundedPolygon.js?");
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: \"shapeRoundedPolygon\",\n name: \"Shape Rounded Polygon\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 20,\n sync: 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 radius: {\n min: 0,\n max: 10\n },\n sides: {\n min: 3,\n max: 8\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/s/shapeRoundedPolygon.js?\n}");
1498
1528
 
1499
1529
  /***/ }),
1500
1530
 
@@ -1504,7 +1534,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
1504
1534
  \********************************************/
1505
1535
  /***/ ((__unused_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: \"shapeRoundedRect\",\n name: \"Shape Rounded Rect\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 20,\n sync: 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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/s/shapeRoundedRect.js?");
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: \"shapeRoundedRect\",\n name: \"Shape Rounded Rect\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 20,\n sync: 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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/s/shapeRoundedRect.js?\n}");
1508
1538
 
1509
1539
  /***/ }),
1510
1540
 
@@ -1514,7 +1544,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
1514
1544
  \***************************************/
1515
1545
  /***/ ((__unused_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: \"shapeSpiral\",\n name: \"Shape Spiral\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\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 fill: false,\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/s/shapeSpiral.js?");
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: \"shapeSpiral\",\n name: \"Shape Spiral\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\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 fill: false,\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/s/shapeSpiral.js?\n}");
1518
1548
 
1519
1549
  /***/ }),
1520
1550
 
@@ -1524,7 +1554,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
1524
1554
  \********************************/
1525
1555
  /***/ ((__unused_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: \"slow\",\n name: \"Slow\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n color: {\n value: \"#ffffff\"\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 parallax: {\n enable: false,\n force: 60,\n smooth: 10\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 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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/s/slow.js?");
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: \"slow\",\n name: \"Slow\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n color: {\n value: \"#ffffff\"\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 parallax: {\n enable: false,\n force: 60,\n smooth: 10\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 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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/s/slow.js?\n}");
1528
1558
 
1529
1559
  /***/ }),
1530
1560
 
@@ -1534,7 +1564,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
1534
1564
  \********************************/
1535
1565
  /***/ ((__unused_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: \"snow\",\n name: \"Snow\",\n particles: {\n number: {\n value: 400,\n density: {\n enable: true\n }\n },\n color: {\n value: \"#fff\"\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/s/snow.js?");
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: \"snow\",\n name: \"Snow\",\n particles: {\n number: {\n value: 400,\n density: {\n enable: true\n }\n },\n color: {\n value: \"#fff\"\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/s/snow.js?\n}");
1538
1568
 
1539
1569
  /***/ }),
1540
1570
 
@@ -1544,7 +1574,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
1544
1574
  \***************************************/
1545
1575
  /***/ ((__unused_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: \"soundsAudio\",\n name: \"Sounds Audio\",\n particles: {\n number: {\n value: 0\n },\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 120,\n sync: 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 event: \"particleRemoved\",\n audio: [\"https://particles.js.org/audio/explosion0.mp3\", \"https://particles.js.org/audio/explosion1.mp3\", \"https://particles.js.org/audio/explosion2.mp3\"]\n }],\n volume: 100\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/s/soundsAudio.js?");
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: \"soundsAudio\",\n name: \"Sounds Audio\",\n particles: {\n number: {\n value: 0\n },\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 120,\n sync: 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 event: \"particleRemoved\",\n audio: [\"https://particles.js.org/audio/explosion0.mp3\", \"https://particles.js.org/audio/explosion1.mp3\", \"https://particles.js.org/audio/explosion2.mp3\"]\n }],\n volume: 100\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/s/soundsAudio.js?\n}");
1548
1578
 
1549
1579
  /***/ }),
1550
1580
 
@@ -1554,7 +1584,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
1554
1584
  \**************************************/
1555
1585
  /***/ ((__unused_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: \"soundsLoop\",\n name: \"Sounds Loop\",\n particles: {\n number: {\n value: 0\n },\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 120,\n sync: 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 event: \"soundsUnmuted\",\n audio: {\n loop: true,\n source: \"https://particles.js.org/audio/nyancat-loop.mp3\"\n }\n }],\n volume: 100\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/s/soundsLoop.js?");
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: \"soundsLoop\",\n name: \"Sounds Loop\",\n particles: {\n number: {\n value: 0\n },\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 120,\n sync: 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 event: \"soundsUnmuted\",\n audio: {\n loop: true,\n source: \"https://particles.js.org/audio/nyancat-loop.mp3\"\n }\n }],\n volume: 100\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/s/soundsLoop.js?\n}");
1558
1588
 
1559
1589
  /***/ }),
1560
1590
 
@@ -1564,7 +1594,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
1564
1594
  \******************************************/
1565
1595
  /***/ ((__unused_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: \"soundsMelodies\",\n name: \"Sounds Melodies\",\n particles: {\n number: {\n value: 0\n },\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 120,\n sync: 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 event: \"particleAdded\",\n melodies: [{\n notes: [{\n duration: 500,\n value: [\"C5\", \"E5\", \"G5\"]\n }, {\n duration: 1000,\n value: [\"D5\", \"F5\", \"A5\"]\n }]\n }]\n }, {\n event: \"particleRemoved\",\n melodies: [{\n notes: [{\n duration: 500,\n value: [\"E5\", \"G5\", \"B5\"]\n }]\n }]\n }],\n volume: 10\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/s/soundsMelodies.js?");
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: \"soundsMelodies\",\n name: \"Sounds Melodies\",\n particles: {\n number: {\n value: 0\n },\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 120,\n sync: 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 event: \"particleAdded\",\n melodies: [{\n notes: [{\n duration: 500,\n value: [\"C5\", \"E5\", \"G5\"]\n }, {\n duration: 1000,\n value: [\"D5\", \"F5\", \"A5\"]\n }]\n }]\n }, {\n event: \"particleRemoved\",\n melodies: [{\n notes: [{\n duration: 500,\n value: [\"E5\", \"G5\", \"B5\"]\n }]\n }]\n }],\n volume: 10\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/s/soundsMelodies.js?\n}");
1568
1598
 
1569
1599
  /***/ }),
1570
1600
 
@@ -1574,7 +1604,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
1574
1604
  \********************************************/
1575
1605
  /***/ ((__unused_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: \"soundsMelodyLoop\",\n name: \"Sounds Melody Loop\",\n particles: {\n number: {\n value: 0\n },\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 120,\n sync: 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 event: \"soundsUnmuted\",\n melodies: [{\n loop: true,\n melodies: [{\n notes: [{\n duration: 217.39,\n value: \"E5\"\n }, {\n duration: 217.39,\n value: \"Eb5\"\n }, {\n duration: 217.39,\n value: \"E5\"\n }, {\n duration: 217.39,\n value: \"Eb5\"\n }, {\n duration: 217.39,\n value: \"E5\"\n }, {\n duration: 217.39,\n value: \"B4\"\n }, {\n duration: 217.39,\n value: \"D5\"\n }, {\n duration: 217.39,\n value: \"C5\"\n }, {\n duration: 434.78,\n value: \"A4\"\n }, {\n duration: 217.39,\n value: \"pause\"\n }, {\n duration: 217.39,\n value: \"C4\"\n }, {\n duration: 217.39,\n value: \"E4\"\n }, {\n duration: 217.39,\n value: \"A4\"\n }, {\n duration: 434.78,\n value: \"B4\"\n }, {\n duration: 217.39,\n value: \"pause\"\n }, {\n duration: 217.39,\n value: \"E4\"\n }, {\n duration: 217.39,\n value: \"Ab4\"\n }, {\n duration: 217.39,\n value: \"B4\"\n }, {\n duration: 434.78,\n value: \"C5\"\n }, {\n duration: 217.39,\n value: \"pause\"\n }, {\n duration: 217.39,\n value: \"E4\"\n }, {\n duration: 217.39,\n value: \"E5\"\n }, {\n duration: 217.39,\n value: \"Eb5\"\n }, {\n duration: 217.39,\n value: \"E5\"\n }, {\n duration: 217.39,\n value: \"Eb5\"\n }, {\n duration: 217.39,\n value: \"E5\"\n }, {\n duration: 217.39,\n value: \"B4\"\n }, {\n duration: 217.39,\n value: \"D5\"\n }, {\n duration: 217.39,\n value: \"C5\"\n }, {\n duration: 434.78,\n value: \"A4\"\n }, {\n duration: 217.39,\n value: \"pause\"\n }, {\n duration: 217.39,\n value: \"C4\"\n }, {\n duration: 217.39,\n value: \"E4\"\n }, {\n duration: 217.39,\n value: \"A4\"\n }, {\n duration: 434.78,\n value: \"B4\"\n }, {\n duration: 217.39,\n value: \"pause\"\n }, {\n duration: 217.39,\n value: \"E4\"\n }, {\n duration: 217.39,\n value: \"C5\"\n }, {\n duration: 217.39,\n value: \"B4\"\n }, {\n duration: 434.78,\n value: \"A4\"\n }, {\n duration: 434.78,\n value: \"pause\"\n }]\n }, {\n notes: [{\n duration: 1739.12,\n value: \"pause\"\n }, {\n duration: 217.39,\n value: \"A2\"\n }, {\n duration: 217.39,\n value: \"E3\"\n }, {\n duration: 217.39,\n value: \"A3\"\n }, {\n duration: 652.17,\n value: \"pause\"\n }, {\n duration: 217.39,\n value: \"E2\"\n }, {\n duration: 217.39,\n value: \"B2\"\n }, {\n duration: 217.39,\n value: \"E3\"\n }, {\n duration: 652.17,\n value: \"pause\"\n }, {\n duration: 217.39,\n value: \"A2\"\n }, {\n duration: 217.39,\n value: \"E3\"\n }, {\n duration: 217.39,\n value: \"A3\"\n }, {\n duration: 1956.51,\n value: \"pause\"\n }, {\n duration: 217.39,\n value: \"A2\"\n }, {\n duration: 217.39,\n value: \"E3\"\n }, {\n duration: 217.39,\n value: \"A3\"\n }, {\n duration: 652.17,\n value: \"pause\"\n }, {\n duration: 217.39,\n value: \"E2\"\n }, {\n duration: 217.39,\n value: \"B2\"\n }, {\n duration: 217.39,\n value: \"E3\"\n }, {\n duration: 652.17,\n value: \"pause\"\n }, {\n duration: 217.39,\n value: \"A2\"\n }, {\n duration: 217.39,\n value: \"E3\"\n }, {\n duration: 217.39,\n value: \"A3\"\n }, {\n duration: 217.39,\n value: \"pause\"\n }]\n }]\n }]\n }],\n volume: 10\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/s/soundsMelodyLoop.js?");
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: \"soundsMelodyLoop\",\n name: \"Sounds Melody Loop\",\n particles: {\n number: {\n value: 0\n },\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 120,\n sync: 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 event: \"soundsUnmuted\",\n melodies: [{\n loop: true,\n melodies: [{\n notes: [{\n duration: 217.39,\n value: \"E5\"\n }, {\n duration: 217.39,\n value: \"Eb5\"\n }, {\n duration: 217.39,\n value: \"E5\"\n }, {\n duration: 217.39,\n value: \"Eb5\"\n }, {\n duration: 217.39,\n value: \"E5\"\n }, {\n duration: 217.39,\n value: \"B4\"\n }, {\n duration: 217.39,\n value: \"D5\"\n }, {\n duration: 217.39,\n value: \"C5\"\n }, {\n duration: 434.78,\n value: \"A4\"\n }, {\n duration: 217.39,\n value: \"pause\"\n }, {\n duration: 217.39,\n value: \"C4\"\n }, {\n duration: 217.39,\n value: \"E4\"\n }, {\n duration: 217.39,\n value: \"A4\"\n }, {\n duration: 434.78,\n value: \"B4\"\n }, {\n duration: 217.39,\n value: \"pause\"\n }, {\n duration: 217.39,\n value: \"E4\"\n }, {\n duration: 217.39,\n value: \"Ab4\"\n }, {\n duration: 217.39,\n value: \"B4\"\n }, {\n duration: 434.78,\n value: \"C5\"\n }, {\n duration: 217.39,\n value: \"pause\"\n }, {\n duration: 217.39,\n value: \"E4\"\n }, {\n duration: 217.39,\n value: \"E5\"\n }, {\n duration: 217.39,\n value: \"Eb5\"\n }, {\n duration: 217.39,\n value: \"E5\"\n }, {\n duration: 217.39,\n value: \"Eb5\"\n }, {\n duration: 217.39,\n value: \"E5\"\n }, {\n duration: 217.39,\n value: \"B4\"\n }, {\n duration: 217.39,\n value: \"D5\"\n }, {\n duration: 217.39,\n value: \"C5\"\n }, {\n duration: 434.78,\n value: \"A4\"\n }, {\n duration: 217.39,\n value: \"pause\"\n }, {\n duration: 217.39,\n value: \"C4\"\n }, {\n duration: 217.39,\n value: \"E4\"\n }, {\n duration: 217.39,\n value: \"A4\"\n }, {\n duration: 434.78,\n value: \"B4\"\n }, {\n duration: 217.39,\n value: \"pause\"\n }, {\n duration: 217.39,\n value: \"E4\"\n }, {\n duration: 217.39,\n value: \"C5\"\n }, {\n duration: 217.39,\n value: \"B4\"\n }, {\n duration: 434.78,\n value: \"A4\"\n }, {\n duration: 434.78,\n value: \"pause\"\n }]\n }, {\n notes: [{\n duration: 1739.12,\n value: \"pause\"\n }, {\n duration: 217.39,\n value: \"A2\"\n }, {\n duration: 217.39,\n value: \"E3\"\n }, {\n duration: 217.39,\n value: \"A3\"\n }, {\n duration: 652.17,\n value: \"pause\"\n }, {\n duration: 217.39,\n value: \"E2\"\n }, {\n duration: 217.39,\n value: \"B2\"\n }, {\n duration: 217.39,\n value: \"E3\"\n }, {\n duration: 652.17,\n value: \"pause\"\n }, {\n duration: 217.39,\n value: \"A2\"\n }, {\n duration: 217.39,\n value: \"E3\"\n }, {\n duration: 217.39,\n value: \"A3\"\n }, {\n duration: 1956.51,\n value: \"pause\"\n }, {\n duration: 217.39,\n value: \"A2\"\n }, {\n duration: 217.39,\n value: \"E3\"\n }, {\n duration: 217.39,\n value: \"A3\"\n }, {\n duration: 652.17,\n value: \"pause\"\n }, {\n duration: 217.39,\n value: \"E2\"\n }, {\n duration: 217.39,\n value: \"B2\"\n }, {\n duration: 217.39,\n value: \"E3\"\n }, {\n duration: 652.17,\n value: \"pause\"\n }, {\n duration: 217.39,\n value: \"A2\"\n }, {\n duration: 217.39,\n value: \"E3\"\n }, {\n duration: 217.39,\n value: \"A3\"\n }, {\n duration: 217.39,\n value: \"pause\"\n }]\n }]\n }]\n }],\n volume: 10\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/s/soundsMelodyLoop.js?\n}");
1578
1608
 
1579
1609
  /***/ }),
1580
1610
 
@@ -1584,7 +1614,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
1584
1614
  \***************************************/
1585
1615
  /***/ ((__unused_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: \"soundsNotes\",\n name: \"Sounds Notes\",\n particles: {\n number: {\n value: 0\n },\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 120,\n sync: 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 event: \"particleAdded\",\n notes: [{\n duration: 500,\n value: [\"C5\", \"E5\", \"G5\"]\n }, {\n duration: 1000,\n value: [\"D5\", \"F5\", \"A5\"]\n }]\n }, {\n event: \"particleRemoved\",\n notes: [{\n duration: 500,\n value: [\"E5\", \"G5\", \"B5\"]\n }]\n }],\n volume: 10\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/s/soundsNotes.js?");
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: \"soundsNotes\",\n name: \"Sounds Notes\",\n particles: {\n number: {\n value: 0\n },\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 120,\n sync: 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 event: \"particleAdded\",\n notes: [{\n duration: 500,\n value: [\"C5\", \"E5\", \"G5\"]\n }, {\n duration: 1000,\n value: [\"D5\", \"F5\", \"A5\"]\n }]\n }, {\n event: \"particleRemoved\",\n notes: [{\n duration: 500,\n value: [\"E5\", \"G5\", \"B5\"]\n }]\n }],\n volume: 10\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/s/soundsNotes.js?\n}");
1588
1618
 
1589
1619
  /***/ }),
1590
1620
 
@@ -1594,7 +1624,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
1594
1624
  \**************************************/
1595
1625
  /***/ ((__unused_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: \"speedDecay\",\n name: \"Speed Decay\",\n particles: {\n number: {\n value: 0\n },\n color: {\n value: \"#ffffff\"\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 trail: {\n enable: true,\n fill: {\n color: \"#000000\"\n },\n length: 10\n }\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: false,\n mode: \"repulse\",\n parallax: {\n enable: false,\n force: 60,\n smooth: 10\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 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 color: {\n value: [\"#5bc0eb\", \"#fde74c\", \"#9bc53d\", \"#e55934\", \"#fa7921\"]\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};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/s/speedDecay.js?");
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: \"speedDecay\",\n name: \"Speed Decay\",\n particles: {\n number: {\n value: 0\n },\n color: {\n value: \"#ffffff\"\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 trail: {\n enable: true,\n fill: {\n color: \"#000000\"\n },\n length: 10\n }\n }\n },\n interactivity: {\n events: {\n onHover: {\n enable: false,\n mode: \"repulse\",\n parallax: {\n enable: false,\n force: 60,\n smooth: 10\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 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 color: {\n value: [\"#5bc0eb\", \"#fde74c\", \"#9bc53d\", \"#e55934\", \"#fa7921\"]\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};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/s/speedDecay.js?\n}");
1598
1628
 
1599
1629
  /***/ }),
1600
1630
 
@@ -1604,7 +1634,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
1604
1634
  \********************************/
1605
1635
  /***/ ((__unused_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: \"spin\",\n name: \"Spin\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: false\n }\n },\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 20,\n sync: 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 trail: {\n enable: true,\n fill: {\n color: \"#000\"\n },\n length: 30\n }\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/s/spin.js?");
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: \"spin\",\n name: \"Spin\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: false\n }\n },\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 20,\n sync: 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 trail: {\n enable: true,\n fill: {\n color: \"#000\"\n },\n length: 30\n }\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/s/spin.js?\n}");
1608
1638
 
1609
1639
  /***/ }),
1610
1640
 
@@ -1614,7 +1644,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
1614
1644
  \********************************/
1615
1645
  /***/ ((__unused_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: \"star\",\n name: \"Star\",\n particles: {\n number: {\n value: 10,\n density: {\n enable: false\n }\n },\n color: {\n value: \"#fff\"\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/s/star.js?");
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: \"star\",\n name: \"Star\",\n particles: {\n number: {\n value: 10,\n density: {\n enable: false\n }\n },\n color: {\n value: \"#fff\"\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/s/star.js?\n}");
1618
1648
 
1619
1649
  /***/ }),
1620
1650
 
@@ -1624,7 +1654,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
1624
1654
  \*******************************************/
1625
1655
  /***/ ((__unused_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: \"strokeAnimation\",\n name: \"Stroke Animation\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 60,\n sync: true\n }\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/s/strokeAnimation.js?");
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: \"strokeAnimation\",\n name: \"Stroke Animation\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n color: {\n value: \"#ff0000\",\n animation: {\n enable: true,\n speed: 60,\n sync: true\n }\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/s/strokeAnimation.js?\n}");
1628
1658
 
1629
1659
  /***/ }),
1630
1660
 
@@ -1634,7 +1664,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
1634
1664
  \*********************************/
1635
1665
  /***/ ((__unused_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: \"style\",\n name: \"Style\",\n particles: {\n number: {\n value: 200,\n limit: {\n value: 200\n }\n },\n color: {\n value: [\"#ff0000\", \"#00ff00\", \"#0000ff\", \"#ffff00\", \"#ff00ff\", \"#00ffff\"],\n animation: {\n enable: true,\n speed: 20,\n sync: false\n }\n },\n shape: {\n type: [\"circle\", \"square\", \"triangle\", \"star\", \"polygon\"]\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 trail: {\n enable: true,\n length: 50,\n fill: {\n color: \"#000\"\n }\n },\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};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/s/style.js?");
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: \"style\",\n name: \"Style\",\n particles: {\n number: {\n value: 200,\n limit: {\n value: 200\n }\n },\n color: {\n value: [\"#ff0000\", \"#00ff00\", \"#0000ff\", \"#ffff00\", \"#ff00ff\", \"#00ffff\"],\n animation: {\n enable: true,\n speed: 20,\n sync: false\n }\n },\n shape: {\n type: [\"circle\", \"square\", \"triangle\", \"star\", \"polygon\"]\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 trail: {\n enable: true,\n length: 50,\n fill: {\n color: \"#000\"\n }\n },\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};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/s/style.js?\n}");
1638
1668
 
1639
1669
  /***/ }),
1640
1670
 
@@ -1644,7 +1674,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
1644
1674
  \**************************************/
1645
1675
  /***/ ((__unused_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: \"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 parallax: {\n enable: false,\n force: 60,\n smooth: 10\n }\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 color: {\n value: \"#00f\"\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 name: \"canine\",\n src: \"/images/canine.svg\",\n width: 32,\n height: 32,\n replaceColor: true\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/s/svgReplace.js?");
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: \"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 parallax: {\n enable: false,\n force: 60,\n smooth: 10\n }\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 color: {\n value: \"#00f\"\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 name: \"canine\",\n src: \"/images/canine.svg\",\n width: 32,\n height: 32,\n replaceColor: true\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/s/svgReplace.js?\n}");
1648
1678
 
1649
1679
  /***/ }),
1650
1680
 
@@ -1654,7 +1684,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
1654
1684
  \*********************************/
1655
1685
  /***/ ((__unused_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 */ });\n/* harmony import */ var _test_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./test.js */ \"./dist/browser/t/test.js\");\n/* harmony import */ var _textMask_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./textMask.js */ \"./dist/browser/t/textMask.js\");\n/* harmony import */ var _textMaskMultiline_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./textMaskMultiline.js */ \"./dist/browser/t/textMaskMultiline.js\");\n/* harmony import */ var _themes_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./themes.js */ \"./dist/browser/t/themes.js\");\n/* harmony import */ var _tilt_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./tilt.js */ \"./dist/browser/t/tilt.js\");\n/* harmony import */ var _trail_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./trail.js */ \"./dist/browser/t/trail.js\");\n/* harmony import */ var _trailImage_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./trailImage.js */ \"./dist/browser/t/trailImage.js\");\n/* harmony import */ var _triangles_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./triangles.js */ \"./dist/browser/t/triangles.js\");\n/* harmony import */ var _twinkle_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./twinkle.js */ \"./dist/browser/t/twinkle.js\");\n\n\n\n\n\n\n\n\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({\n test: _test_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"],\n textMask: _textMask_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n textMaskMultiline: _textMaskMultiline_js__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n themes: _themes_js__WEBPACK_IMPORTED_MODULE_3__[\"default\"],\n tilt: _tilt_js__WEBPACK_IMPORTED_MODULE_4__[\"default\"],\n trail: _trail_js__WEBPACK_IMPORTED_MODULE_5__[\"default\"],\n trailImage: _trailImage_js__WEBPACK_IMPORTED_MODULE_6__[\"default\"],\n triangles: _triangles_js__WEBPACK_IMPORTED_MODULE_7__[\"default\"],\n twinkle: _twinkle_js__WEBPACK_IMPORTED_MODULE_8__[\"default\"]\n});\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/t/index.js?");
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 */ });\n/* harmony import */ var _test_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./test.js */ \"./dist/browser/t/test.js\");\n/* harmony import */ var _textMask_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./textMask.js */ \"./dist/browser/t/textMask.js\");\n/* harmony import */ var _textMaskMultiline_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./textMaskMultiline.js */ \"./dist/browser/t/textMaskMultiline.js\");\n/* harmony import */ var _themes_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./themes.js */ \"./dist/browser/t/themes.js\");\n/* harmony import */ var _tilt_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./tilt.js */ \"./dist/browser/t/tilt.js\");\n/* harmony import */ var _trail_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./trail.js */ \"./dist/browser/t/trail.js\");\n/* harmony import */ var _trailImage_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./trailImage.js */ \"./dist/browser/t/trailImage.js\");\n/* harmony import */ var _triangles_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./triangles.js */ \"./dist/browser/t/triangles.js\");\n/* harmony import */ var _twinkle_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./twinkle.js */ \"./dist/browser/t/twinkle.js\");\n\n\n\n\n\n\n\n\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({\n test: _test_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"],\n textMask: _textMask_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n textMaskMultiline: _textMaskMultiline_js__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n themes: _themes_js__WEBPACK_IMPORTED_MODULE_3__[\"default\"],\n tilt: _tilt_js__WEBPACK_IMPORTED_MODULE_4__[\"default\"],\n trail: _trail_js__WEBPACK_IMPORTED_MODULE_5__[\"default\"],\n trailImage: _trailImage_js__WEBPACK_IMPORTED_MODULE_6__[\"default\"],\n triangles: _triangles_js__WEBPACK_IMPORTED_MODULE_7__[\"default\"],\n twinkle: _twinkle_js__WEBPACK_IMPORTED_MODULE_8__[\"default\"]\n});\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/t/index.js?\n}");
1658
1688
 
1659
1689
  /***/ }),
1660
1690
 
@@ -1664,7 +1694,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
1664
1694
  \********************************/
1665
1695
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
1666
1696
 
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: \"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 color: {\n value: \"#fff\"\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/t/test.js?");
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: \"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 color: {\n value: \"#fff\"\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/t/test.js?\n}");
1668
1698
 
1669
1699
  /***/ }),
1670
1700
 
@@ -1674,7 +1704,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
1674
1704
  \************************************/
1675
1705
  /***/ ((__unused_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 minAlphaFilter = 0,\n options = {\n key: \"textMask\",\n name: \"Text Mask\",\n smooth: true,\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"bubble\",\n parallax: {\n enable: false,\n force: 2,\n smooth: 10\n }\n }\n },\n modes: {\n bubble: {\n distance: 40,\n duration: 2,\n opacity: 8,\n size: 15\n }\n }\n },\n particles: {\n move: {\n direction: \"none\",\n distance: 2,\n enable: true,\n speed: 1\n },\n number: {\n value: 600\n },\n color: {\n value: \"random\"\n },\n shape: {\n type: [\"circle\", \"square\", \"triangle\"]\n },\n size: {\n value: {\n min: 1,\n max: 3\n }\n }\n },\n canvasMask: {\n enable: true,\n override: {\n color: false\n },\n scale: 1,\n pixels: {\n filter: pixel => pixel.a > minAlphaFilter\n },\n position: {\n x: 70,\n y: 30\n },\n text: {\n color: \"#ff0000\",\n font: {\n size: 500\n },\n text: \"Hello\"\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/t/textMask.js?");
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 minAlphaFilter = 0,\n options = {\n key: \"textMask\",\n name: \"Text Mask\",\n smooth: true,\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"bubble\",\n parallax: {\n enable: false,\n force: 2,\n smooth: 10\n }\n }\n },\n modes: {\n bubble: {\n distance: 40,\n duration: 2,\n opacity: 8,\n size: 15\n }\n }\n },\n particles: {\n move: {\n direction: \"none\",\n distance: 2,\n enable: true,\n speed: 1\n },\n number: {\n value: 600\n },\n color: {\n value: \"random\"\n },\n shape: {\n type: [\"circle\", \"square\", \"triangle\"]\n },\n size: {\n value: {\n min: 1,\n max: 3\n }\n }\n },\n canvasMask: {\n enable: true,\n override: {\n color: false\n },\n scale: 1,\n pixels: {\n filter: pixel => pixel.a > minAlphaFilter\n },\n position: {\n x: 70,\n y: 30\n },\n text: {\n color: \"#ff0000\",\n font: {\n size: 500\n },\n text: \"Hello\"\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/t/textMask.js?\n}");
1678
1708
 
1679
1709
  /***/ }),
1680
1710
 
@@ -1684,7 +1714,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
1684
1714
  \*********************************************/
1685
1715
  /***/ ((__unused_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 minAlphaFilter = 0,\n options = {\n key: \"textMaskMultiline\",\n name: \"Text Mask Multiline\",\n smooth: true,\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"bubble\",\n parallax: {\n enable: false,\n force: 2,\n smooth: 10\n }\n }\n },\n modes: {\n bubble: {\n distance: 40,\n duration: 2,\n opacity: 8,\n size: 15\n }\n }\n },\n particles: {\n move: {\n direction: \"none\",\n distance: 2,\n enable: true,\n speed: 1\n },\n number: {\n value: 600\n },\n color: {\n value: \"random\"\n },\n shape: {\n type: [\"circle\", \"square\", \"triangle\"]\n },\n size: {\n value: {\n min: 1,\n max: 3\n }\n }\n },\n canvasMask: {\n enable: true,\n override: {\n color: false\n },\n scale: 1,\n pixels: {\n filter: pixel => pixel.a > minAlphaFilter\n },\n position: {\n x: 50,\n y: 50\n },\n text: {\n color: \"#ff0000\",\n font: {\n size: 300\n },\n text: \"Hello\\nWorld\\nHello\\nWorld\",\n lines: {\n spacing: 50\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/t/textMaskMultiline.js?");
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 minAlphaFilter = 0,\n options = {\n key: \"textMaskMultiline\",\n name: \"Text Mask Multiline\",\n smooth: true,\n interactivity: {\n events: {\n onHover: {\n enable: true,\n mode: \"bubble\",\n parallax: {\n enable: false,\n force: 2,\n smooth: 10\n }\n }\n },\n modes: {\n bubble: {\n distance: 40,\n duration: 2,\n opacity: 8,\n size: 15\n }\n }\n },\n particles: {\n move: {\n direction: \"none\",\n distance: 2,\n enable: true,\n speed: 1\n },\n number: {\n value: 600\n },\n color: {\n value: \"random\"\n },\n shape: {\n type: [\"circle\", \"square\", \"triangle\"]\n },\n size: {\n value: {\n min: 1,\n max: 3\n }\n }\n },\n canvasMask: {\n enable: true,\n override: {\n color: false\n },\n scale: 1,\n pixels: {\n filter: pixel => pixel.a > minAlphaFilter\n },\n position: {\n x: 50,\n y: 50\n },\n text: {\n color: \"#ff0000\",\n font: {\n size: 300\n },\n text: \"Hello\\nWorld\\nHello\\nWorld\",\n lines: {\n spacing: 50\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/t/textMaskMultiline.js?\n}");
1688
1718
 
1689
1719
  /***/ }),
1690
1720
 
@@ -1694,7 +1724,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
1694
1724
  \**********************************/
1695
1725
  /***/ ((__unused_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: \"themes\",\n name: \"Themes\",\n themes: [{\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 color: {\n value: [\"#000000\", \"#0000ff\"]\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 color: {\n value: [\"#ffffff\", \"#ff0000\"]\n }\n }\n }\n }, {\n name: \"red\",\n options: {\n background: {\n color: \"#ff0000\"\n },\n particles: {\n color: {\n value: [\"#ffffff\", \"#000000\"]\n }\n }\n }\n }, {\n name: \"green\",\n options: {\n background: {\n color: \"#00ff00\"\n },\n particles: {\n color: {\n value: [\"#000000\", \"#0000ff\"]\n }\n }\n }\n }, {\n name: \"blue\",\n options: {\n background: {\n color: \"#0000ff\"\n },\n particles: {\n color: {\n value: [\"#ffffff\", \"#00ff00\"]\n }\n }\n }\n }, {\n name: \"yellow\",\n options: {\n background: {\n color: \"#ffff00\"\n },\n particles: {\n color: {\n value: [\"#000000\", \"#ff0000\"]\n }\n }\n }\n }, {\n name: \"cyan\",\n options: {\n background: {\n color: \"#00ffff\"\n },\n particles: {\n color: {\n value: [\"#000000\", \"#ff00ff\"]\n }\n }\n }\n }, {\n name: \"grey\",\n options: {\n background: {\n color: \"#777777\"\n },\n particles: {\n color: {\n value: [\"#ffffff\", \"#000000\"]\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: [\"circle\", \"square\"]\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/t/themes.js?");
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: \"themes\",\n name: \"Themes\",\n themes: [{\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 color: {\n value: [\"#000000\", \"#0000ff\"]\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 color: {\n value: [\"#ffffff\", \"#ff0000\"]\n }\n }\n }\n }, {\n name: \"red\",\n options: {\n background: {\n color: \"#ff0000\"\n },\n particles: {\n color: {\n value: [\"#ffffff\", \"#000000\"]\n }\n }\n }\n }, {\n name: \"green\",\n options: {\n background: {\n color: \"#00ff00\"\n },\n particles: {\n color: {\n value: [\"#000000\", \"#0000ff\"]\n }\n }\n }\n }, {\n name: \"blue\",\n options: {\n background: {\n color: \"#0000ff\"\n },\n particles: {\n color: {\n value: [\"#ffffff\", \"#00ff00\"]\n }\n }\n }\n }, {\n name: \"yellow\",\n options: {\n background: {\n color: \"#ffff00\"\n },\n particles: {\n color: {\n value: [\"#000000\", \"#ff0000\"]\n }\n }\n }\n }, {\n name: \"cyan\",\n options: {\n background: {\n color: \"#00ffff\"\n },\n particles: {\n color: {\n value: [\"#000000\", \"#ff00ff\"]\n }\n }\n }\n }, {\n name: \"grey\",\n options: {\n background: {\n color: \"#777777\"\n },\n particles: {\n color: {\n value: [\"#ffffff\", \"#000000\"]\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: [\"circle\", \"square\"]\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/t/themes.js?\n}");
1698
1728
 
1699
1729
  /***/ }),
1700
1730
 
@@ -1704,7 +1734,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
1704
1734
  \********************************/
1705
1735
  /***/ ((__unused_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: \"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 color: {\n value: [\"#1E00FF\", \"#FF0061\", \"#E1FF00\", \"#00FF9E\"],\n animation: {\n enable: true,\n speed: 30\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 }\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/t/tilt.js?");
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: \"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 color: {\n value: [\"#1E00FF\", \"#FF0061\", \"#E1FF00\", \"#00FF9E\"],\n animation: {\n enable: true,\n speed: 30\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 }\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/t/tilt.js?\n}");
1708
1738
 
1709
1739
  /***/ }),
1710
1740
 
@@ -1714,7 +1744,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
1714
1744
  \*********************************/
1715
1745
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
1716
1746
 
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: \"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 color: {\n value: [\"#5bc0eb\", \"#fde74c\", \"#9bc53d\", \"#e55934\", \"#fa7921\"]\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 1\n },\n size: {\n value: 3\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: 20,\n draw: false,\n increment: 0.001\n },\n generator: \"perlinNoise\"\n },\n trail: {\n enable: true,\n fill: {\n color: \"#000000\"\n },\n length: 20\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};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/t/trail.js?");
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: \"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 color: {\n value: [\"#5bc0eb\", \"#fde74c\", \"#9bc53d\", \"#e55934\", \"#fa7921\"]\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 1\n },\n size: {\n value: 3\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: 20,\n draw: false,\n increment: 0.001\n },\n generator: \"perlinNoise\"\n },\n trail: {\n enable: true,\n fill: {\n color: \"#000000\"\n },\n length: 20\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};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/t/trail.js?\n}");
1718
1748
 
1719
1749
  /***/ }),
1720
1750
 
@@ -1724,7 +1754,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
1724
1754
  \**************************************/
1725
1755
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
1726
1756
 
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: \"trailsImage\",\n name: \"Trails Image\",\n background: {\n color: \"#ffffff\",\n image: \"url('https://particles.js.org/images/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 color: {\n value: [\"#5bc0eb\", \"#fde74c\", \"#9bc53d\", \"#e55934\", \"#fa7921\"]\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 1\n },\n size: {\n value: 1\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: 1,\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: 5,\n draw: false,\n increment: 0.001\n },\n generator: \"perlinNoise\"\n },\n trail: {\n enable: true,\n fill: {\n image: \"https://particles.js.org/images/background3.jpg\"\n },\n length: 20\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};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/t/trailImage.js?");
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: \"trailsImage\",\n name: \"Trails Image\",\n background: {\n color: \"#ffffff\",\n image: \"url('https://particles.js.org/images/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 color: {\n value: [\"#5bc0eb\", \"#fde74c\", \"#9bc53d\", \"#e55934\", \"#fa7921\"]\n },\n shape: {\n type: \"circle\"\n },\n opacity: {\n value: 1\n },\n size: {\n value: 1\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: 1,\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: 5,\n draw: false,\n increment: 0.001\n },\n generator: \"perlinNoise\"\n },\n trail: {\n enable: true,\n fill: {\n image: \"https://particles.js.org/images/background3.jpg\"\n },\n length: 20\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};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/t/trailImage.js?\n}");
1728
1758
 
1729
1759
  /***/ }),
1730
1760
 
@@ -1734,7 +1764,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
1734
1764
  \*************************************/
1735
1765
  /***/ ((__unused_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: \"triangles\",\n name: \"Triangles\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n shape: {\n type: [\"polygon\", \"triangle\"],\n options: {\n polygon: {\n sides: 3,\n particles: {\n color: {\n value: \"#f00\"\n }\n }\n },\n triangle: {\n particles: {\n color: {\n value: \"#0f0\"\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/t/triangles.js?");
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: \"triangles\",\n name: \"Triangles\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n shape: {\n type: [\"polygon\", \"triangle\"],\n options: {\n polygon: {\n sides: 3,\n particles: {\n color: {\n value: \"#f00\"\n }\n }\n },\n triangle: {\n particles: {\n color: {\n value: \"#0f0\"\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/t/triangles.js?\n}");
1738
1768
 
1739
1769
  /***/ }),
1740
1770
 
@@ -1744,7 +1774,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
1744
1774
  \***********************************/
1745
1775
  /***/ ((__unused_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: \"twinkle\",\n name: \"Twinkle\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n color: {\n value: \"#ff0000\"\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 color: \"#ffff00\",\n frequency: 0.05,\n opacity: 1\n },\n lines: {\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/t/twinkle.js?");
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: \"twinkle\",\n name: \"Twinkle\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n color: {\n value: \"#ff0000\"\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 color: \"#ffff00\",\n frequency: 0.05,\n opacity: 1\n },\n lines: {\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/t/twinkle.js?\n}");
1748
1778
 
1749
1779
  /***/ }),
1750
1780
 
@@ -1754,7 +1784,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
1754
1784
  \*********************************/
1755
1785
  /***/ ((__unused_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 */ });\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({});\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/u/index.js?");
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 */ });\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({});\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/u/index.js?\n}");
1758
1788
 
1759
1789
  /***/ }),
1760
1790
 
@@ -1764,7 +1794,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
1764
1794
  \*********************************/
1765
1795
  /***/ ((__unused_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 */ });\n/* harmony import */ var _vibrate_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./vibrate.js */ \"./dist/browser/v/vibrate.js\");\n/* harmony import */ var _virus_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./virus.js */ \"./dist/browser/v/virus.js\");\n\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({\n vibrate: _vibrate_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"],\n virus: _virus_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"]\n});\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/v/index.js?");
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 */ });\n/* harmony import */ var _vibrate_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./vibrate.js */ \"./dist/browser/v/vibrate.js\");\n/* harmony import */ var _virus_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./virus.js */ \"./dist/browser/v/virus.js\");\n\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({\n vibrate: _vibrate_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"],\n virus: _virus_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"]\n});\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/v/index.js?\n}");
1768
1798
 
1769
1799
  /***/ }),
1770
1800
 
@@ -1774,7 +1804,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
1774
1804
  \***********************************/
1775
1805
  /***/ ((__unused_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: \"vibrate\",\n name: \"Vibrate\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n color: {\n value: \"#ffffff\"\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/v/vibrate.js?");
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: \"vibrate\",\n name: \"Vibrate\",\n particles: {\n number: {\n value: 80,\n density: {\n enable: true\n }\n },\n color: {\n value: \"#ffffff\"\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/v/vibrate.js?\n}");
1778
1808
 
1779
1809
  /***/ }),
1780
1810
 
@@ -1784,7 +1814,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
1784
1814
  \*********************************/
1785
1815
  /***/ ((__unused_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: \"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 color: {\n value: \"#ffffff\"\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/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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/v/virus.js?");
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: \"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 color: {\n value: \"#ffffff\"\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/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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/v/virus.js?\n}");
1788
1818
 
1789
1819
  /***/ }),
1790
1820
 
@@ -1794,7 +1824,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
1794
1824
  \*********************************/
1795
1825
  /***/ ((__unused_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 */ });\n/* harmony import */ var _warp_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./warp.js */ \"./dist/browser/w/warp.js\");\n/* harmony import */ var _wobble_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./wobble.js */ \"./dist/browser/w/wobble.js\");\n/* harmony import */ var _wobbleBig_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./wobbleBig.js */ \"./dist/browser/w/wobbleBig.js\");\n\n\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({\n warp: _warp_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"],\n wobble: _wobble_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n wobbleBig: _wobbleBig_js__WEBPACK_IMPORTED_MODULE_2__[\"default\"]\n});\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/w/index.js?");
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 */ });\n/* harmony import */ var _warp_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./warp.js */ \"./dist/browser/w/warp.js\");\n/* harmony import */ var _wobble_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./wobble.js */ \"./dist/browser/w/wobble.js\");\n/* harmony import */ var _wobbleBig_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./wobbleBig.js */ \"./dist/browser/w/wobbleBig.js\");\n\n\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({\n warp: _warp_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"],\n wobble: _wobble_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n wobbleBig: _wobbleBig_js__WEBPACK_IMPORTED_MODULE_2__[\"default\"]\n});\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/w/index.js?\n}");
1798
1828
 
1799
1829
  /***/ }),
1800
1830
 
@@ -1804,7 +1834,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
1804
1834
  \********************************/
1805
1835
  /***/ ((__unused_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: \"warp\",\n name: \"Warp\",\n fullScreen: false,\n fpsLimit: 120,\n manualParticles: [{\n position: {\n x: 2,\n y: 2\n }\n }, {\n position: {\n x: 2,\n y: 98\n }\n }, {\n position: {\n x: 98,\n y: 2\n }\n }, {\n position: {\n x: 98,\n y: 98\n }\n }, {\n position: {\n x: 3,\n y: 1\n }\n }, {\n position: {\n x: 99,\n y: 2\n }\n }, {\n position: {\n x: 3,\n y: 2\n }\n }, {\n position: {\n x: 99,\n y: 1\n }\n }],\n particles: {\n number: {\n value: 0\n },\n color: {\n value: \"#ffffff\"\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/w/warp.js?");
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: \"warp\",\n name: \"Warp\",\n fullScreen: false,\n fpsLimit: 120,\n manualParticles: [{\n position: {\n x: 2,\n y: 2\n }\n }, {\n position: {\n x: 2,\n y: 98\n }\n }, {\n position: {\n x: 98,\n y: 2\n }\n }, {\n position: {\n x: 98,\n y: 98\n }\n }, {\n position: {\n x: 3,\n y: 1\n }\n }, {\n position: {\n x: 99,\n y: 2\n }\n }, {\n position: {\n x: 3,\n y: 2\n }\n }, {\n position: {\n x: 99,\n y: 1\n }\n }],\n particles: {\n number: {\n value: 0\n },\n color: {\n value: \"#ffffff\"\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/w/warp.js?\n}");
1808
1838
 
1809
1839
  /***/ }),
1810
1840
 
@@ -1814,7 +1844,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
1814
1844
  \**********************************/
1815
1845
  /***/ ((__unused_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: \"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 color: {\n value: [\"#1E00FF\", \"#FF0061\", \"#E1FF00\", \"#00FF9E\"],\n animation: {\n enable: true,\n speed: 30\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 }\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: [\"circle\", \"square\", \"polygon\"],\n options: {\n polygon: [{\n sides: 5\n }, {\n sides: 6\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/w/wobble.js?");
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: \"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 color: {\n value: [\"#1E00FF\", \"#FF0061\", \"#E1FF00\", \"#00FF9E\"],\n animation: {\n enable: true,\n speed: 30\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 }\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: [\"circle\", \"square\", \"polygon\"],\n options: {\n polygon: [{\n sides: 5\n }, {\n sides: 6\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/w/wobble.js?\n}");
1818
1848
 
1819
1849
  /***/ }),
1820
1850
 
@@ -1824,7 +1854,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
1824
1854
  \*************************************/
1825
1855
  /***/ ((__unused_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: \"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 color: {\n value: [\"#1E00FF\", \"#FF0061\", \"#E1FF00\", \"#00FF9E\"],\n animation: {\n enable: true,\n speed: 30\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 }\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: [\"circle\", \"square\", \"polygon\"],\n options: {\n polygon: [{\n sides: 5\n }, {\n sides: 6\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/w/wobbleBig.js?");
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: \"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 color: {\n value: [\"#1E00FF\", \"#FF0061\", \"#E1FF00\", \"#00FF9E\"],\n animation: {\n enable: true,\n speed: 30\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 }\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: [\"circle\", \"square\", \"polygon\"],\n options: {\n polygon: [{\n sides: 5\n }, {\n sides: 6\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//# sourceURL=webpack://@tsparticles/configs/./dist/browser/w/wobbleBig.js?\n}");
1828
1858
 
1829
1859
  /***/ }),
1830
1860
 
@@ -1834,7 +1864,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
1834
1864
  \*********************************/
1835
1865
  /***/ ((__unused_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 */ });\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({});\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/x/index.js?");
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 */ });\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({});\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/x/index.js?\n}");
1838
1868
 
1839
1869
  /***/ }),
1840
1870
 
@@ -1844,7 +1874,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
1844
1874
  \*********************************/
1845
1875
  /***/ ((__unused_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 */ });\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({});\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/y/index.js?");
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 */ });\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({});\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/y/index.js?\n}");
1848
1878
 
1849
1879
  /***/ }),
1850
1880
 
@@ -1854,7 +1884,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
1854
1884
  \*********************************/
1855
1885
  /***/ ((__unused_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 */ });\n/* harmony import */ var _zIndex_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./zIndex.js */ \"./dist/browser/z/zIndex.js\");\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({\n zIndex: _zIndex_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"]\n});\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/z/index.js?");
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 */ });\n/* harmony import */ var _zIndex_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./zIndex.js */ \"./dist/browser/z/zIndex.js\");\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({\n zIndex: _zIndex_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"]\n});\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/z/index.js?\n}");
1858
1888
 
1859
1889
  /***/ }),
1860
1890
 
@@ -1864,7 +1894,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
1864
1894
  \**********************************/
1865
1895
  /***/ ((__unused_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: \"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 color: {\n value: \"#fff\",\n animation: {\n enable: false,\n speed: 20,\n sync: 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: [\"z5000\", \"z7500\", \"z2500\", \"z1000\"]\n }\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/z/zIndex.js?");
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: \"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 color: {\n value: \"#fff\",\n animation: {\n enable: false,\n speed: 20,\n sync: 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: [\"z5000\", \"z7500\", \"z2500\", \"z1000\"]\n }\n }\n },\n background: {\n color: \"#000000\"\n }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/z/zIndex.js?\n}");
1868
1898
 
1869
1899
  /***/ }),
1870
1900