@tsparticles/configs 3.9.1 → 4.0.0-alpha.1

package/tsparticles.configs.js

@@ -4,7 +4,7 @@
  * Demo / Generator : https://particles.js.org/
  * GitHub : https://www.github.com/matteobruni/tsparticles
  * How to use? : Check the GitHub README
- * v3.9.1
+ * v4.0.0-alpha.1
  */
 /*
  * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
@@ -28,1885 +28,1905 @@ return /******/ (() => { // webpackBootstrap
 /******/ 	"use strict";
 /******/ 	var __webpack_modules__ = ({
 
-/***/ "./dist/browser/a/absorbers.js":
+/***/ "./dist/browser/a/absorbers.js"
 /*!*************************************!*\
   !*** ./dist/browser/a/absorbers.js ***!
   \*************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 eval("{__webpack_require__.r(__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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/a/amongUs.js":
+/***/ "./dist/browser/a/amongUs.js"
 /*!***********************************!*\
   !*** ./dist/browser/a/amongUs.js ***!
   \***********************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__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}");
+eval("{__webpack_require__.r(__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/hdr/cyan_amongus.png\",\n            width: 500,\n            height: 634\n          }\n        }\n      },\n      size: {\n        value: 40\n      },\n      move: {\n        speed: 10,\n        outModes: {\n          default: \"none\",\n          right: \"destroy\"\n        },\n        straight: true\n      },\n      zIndex: {\n        value: 0\n      },\n      rotate: {\n        value: {\n          min: 0,\n          max: 360\n        },\n        animation: {\n          enable: true,\n          speed: 10,\n          sync: true\n        }\n      }\n    }\n  }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/a/amongUs.js?\n}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/a/index.js":
+/***/ "./dist/browser/a/index.js"
 /*!*********************************!*\
   !*** ./dist/browser/a/index.js ***!
   \*********************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/b/backgroundMask.js":
+/***/ "./dist/browser/b/backgroundMask.js"
 /*!******************************************!*\
   !*** ./dist/browser/b/backgroundMask.js ***!
   \******************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__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}");
+eval("{__webpack_require__.r(__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/hdr/background3.jpg')\",\n    position: \"50% 50%\",\n    repeat: \"no-repeat\",\n    size: \"cover\"\n  }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/b/backgroundMask.js?\n}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/b/backgroundMaskImage.js":
+/***/ "./dist/browser/b/backgroundMaskImage.js"
 /*!***********************************************!*\
   !*** ./dist/browser/b/backgroundMaskImage.js ***!
   \***********************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__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}");
+eval("{__webpack_require__.r(__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/hdr/background2.jpg\"\n    }\n  },\n  background: {\n    color: \"#ffffff\",\n    image: \"url('https://particles.js.org/images/hdr/background3.jpg')\",\n    position: \"50% 50%\",\n    repeat: \"no-repeat\",\n    size: \"cover\"\n  }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/b/backgroundMaskImage.js?\n}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/b/basic.js":
+/***/ "./dist/browser/b/basic.js"
 /*!*********************************!*\
   !*** ./dist/browser/b/basic.js ***!
   \*********************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 eval("{__webpack_require__.r(__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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/b/big.js":
+/***/ "./dist/browser/b/big.js"
 /*!*******************************!*\
   !*** ./dist/browser/b/big.js ***!
   \*******************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__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}");
+eval("{__webpack_require__.r(__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: [\"#FF0000\", \"#FF2A00\", \"#FF5500\", \"#FF8000\", \"#FFAA00\", \"#FFD400\", \"#FFFF00\", \"#D4FF00\", \"#AAFF00\", \"#80FF00\", \"#55FF00\", \"#2AFF00\", \"#00FF00\", \"#00FF2A\", \"#00FF55\", \"#00FF80\", \"#00FFAA\", \"#00FFD4\", \"#00FFFF\", \"#00D4FF\", \"#00AAFF\", \"#0080FF\", \"#0055FF\", \"#002AFF\", \"#0000FF\", \"#2A00FF\", \"#5500FF\", \"#8000FF\", \"#AA00FF\", \"#D400FF\", \"#FF00FF\", \"#FF00D4\", \"#FF00AA\", \"#FF0080\", \"#FF0055\", \"#FF002A\"]\n    },\n    shape: {\n      type: \"circle\"\n    },\n    opacity: {\n      value: {\n        min: 0.5,\n        max: 0.9\n      }\n    },\n    size: {\n      value: {\n        min: 300,\n        max: 400\n      },\n      animation: {\n        enable: true,\n        speed: 100,\n        sync: false\n      }\n    },\n    move: {\n      enable: true,\n      speed: 10,\n      direction: \"top\"\n    }\n  },\n  background: {\n    color: \"#ffffff\"\n  }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/b/big.js?\n}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/b/blackHole.js":
+/***/ "./dist/browser/b/blackHole.js"
 /*!*************************************!*\
   !*** ./dist/browser/b/blackHole.js ***!
   \*************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 eval("{__webpack_require__.r(__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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/b/bubble.js":
+/***/ "./dist/browser/b/bubble.js"
 /*!**********************************!*\
   !*** ./dist/browser/b/bubble.js ***!
   \**********************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 eval("{__webpack_require__.r(__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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/b/index.js":
+/***/ "./dist/browser/b/index.js"
 /*!*********************************!*\
   !*** ./dist/browser/b/index.js ***!
   \*********************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/c/cards.js":
+/***/ "./dist/browser/c/cards.js"
 /*!*********************************!*\
   !*** ./dist/browser/c/cards.js ***!
   \*********************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 eval("{__webpack_require__.r(__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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/c/chars.js":
+/***/ "./dist/browser/c/chars.js"
 /*!*********************************!*\
   !*** ./dist/browser/c/chars.js ***!
   \*********************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 eval("{__webpack_require__.r(__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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/c/clickPause.js":
+/***/ "./dist/browser/c/clickPause.js"
 /*!**************************************!*\
   !*** ./dist/browser/c/clickPause.js ***!
   \**************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 eval("{__webpack_require__.r(__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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/c/collisionsAbsorb.js":
+/***/ "./dist/browser/c/collisionsAbsorb.js"
 /*!********************************************!*\
   !*** ./dist/browser/c/collisionsAbsorb.js ***!
   \********************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 eval("{__webpack_require__.r(__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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/c/collisionsBounce.js":
+/***/ "./dist/browser/c/collisionsBounce.js"
 /*!********************************************!*\
   !*** ./dist/browser/c/collisionsBounce.js ***!
   \********************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 eval("{__webpack_require__.r(__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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/c/collisionsDestroy.js":
+/***/ "./dist/browser/c/collisionsDestroy.js"
 /*!*********************************************!*\
   !*** ./dist/browser/c/collisionsDestroy.js ***!
   \*********************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 eval("{__webpack_require__.r(__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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/c/colorAnimation.js":
+/***/ "./dist/browser/c/colorAnimation.js"
 /*!******************************************!*\
   !*** ./dist/browser/c/colorAnimation.js ***!
   \******************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 eval("{__webpack_require__.r(__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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/c/connect.js":
+/***/ "./dist/browser/c/connect.js"
 /*!***********************************!*\
   !*** ./dist/browser/c/connect.js ***!
   \***********************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 eval("{__webpack_require__.r(__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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/c/curlNoise.js":
+/***/ "./dist/browser/c/curlNoise.js"
 /*!*************************************!*\
   !*** ./dist/browser/c/curlNoise.js ***!
   \*************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__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}");
+eval("{__webpack_require__.r(__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    }\n  },\n  background: {\n    color: \"#000000\"\n  },\n  trail: {\n    fill: {\n      color: \"#000\"\n    },\n    enable: true,\n    length: 1000\n  }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/c/curlNoise.js?\n}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/c/index.js":
+/***/ "./dist/browser/c/index.js"
 /*!*********************************!*\
   !*** ./dist/browser/c/index.js ***!
   \*********************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/d/dataImages.js":
+/***/ "./dist/browser/d/dataImages.js"
 /*!**************************************!*\
   !*** ./dist/browser/d/dataImages.js ***!
   \**************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 eval("{__webpack_require__.r(__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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/d/delay.js":
+/***/ "./dist/browser/d/delay.js"
 /*!*********************************!*\
   !*** ./dist/browser/d/delay.js ***!
   \*********************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 eval("{__webpack_require__.r(__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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/d/delayColor.js":
+/***/ "./dist/browser/d/delayColor.js"
 /*!**************************************!*\
   !*** ./dist/browser/d/delayColor.js ***!
   \**************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 eval("{__webpack_require__.r(__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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/d/delayOpacity.js":
+/***/ "./dist/browser/d/delayOpacity.js"
 /*!****************************************!*\
   !*** ./dist/browser/d/delayOpacity.js ***!
   \****************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 eval("{__webpack_require__.r(__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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/d/delaySize.js":
+/***/ "./dist/browser/d/delaySize.js"
 /*!*************************************!*\
   !*** ./dist/browser/d/delaySize.js ***!
   \*************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 eval("{__webpack_require__.r(__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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/d/delayStrokeColor.js":
+/***/ "./dist/browser/d/delayStrokeColor.js"
 /*!********************************************!*\
   !*** ./dist/browser/d/delayStrokeColor.js ***!
   \********************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 eval("{__webpack_require__.r(__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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/d/destroy.js":
+/***/ "./dist/browser/d/destroy.js"
 /*!***********************************!*\
   !*** ./dist/browser/d/destroy.js ***!
   \***********************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 eval("{__webpack_require__.r(__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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/d/disappearing.js":
+/***/ "./dist/browser/d/disappearing.js"
 /*!****************************************!*\
   !*** ./dist/browser/d/disappearing.js ***!
   \****************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 eval("{__webpack_require__.r(__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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/d/divEvents.js":
+/***/ "./dist/browser/d/divEvents.js"
 /*!*************************************!*\
   !*** ./dist/browser/d/divEvents.js ***!
   \*************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 eval("{__webpack_require__.r(__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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/d/index.js":
+/***/ "./dist/browser/d/index.js"
 /*!*********************************!*\
   !*** ./dist/browser/d/index.js ***!
   \*********************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/e/effectBubble.js":
+/***/ "./dist/browser/e/effectBubble.js"
 /*!****************************************!*\
   !*** ./dist/browser/e/effectBubble.js ***!
   \****************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 eval("{__webpack_require__.r(__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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/e/effectTrail.js":
+/***/ "./dist/browser/e/effectTrail.js"
 /*!***************************************!*\
   !*** ./dist/browser/e/effectTrail.js ***!
   \***************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 eval("{__webpack_require__.r(__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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/e/effectTrailTransform.js":
+/***/ "./dist/browser/e/effectTrailTransform.js"
 /*!************************************************!*\
   !*** ./dist/browser/e/effectTrailTransform.js ***!
   \************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 eval("{__webpack_require__.r(__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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/e/emitter.js":
+/***/ "./dist/browser/e/emitter.js"
 /*!***********************************!*\
   !*** ./dist/browser/e/emitter.js ***!
   \***********************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 eval("{__webpack_require__.r(__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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/e/emitterAbsorber.js":
+/***/ "./dist/browser/e/emitterAbsorber.js"
 /*!*******************************************!*\
   !*** ./dist/browser/e/emitterAbsorber.js ***!
   \*******************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 eval("{__webpack_require__.r(__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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/e/emitterAngled.js":
+/***/ "./dist/browser/e/emitterAngled.js"
 /*!*****************************************!*\
   !*** ./dist/browser/e/emitterAngled.js ***!
   \*****************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 eval("{__webpack_require__.r(__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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/e/emitterImageShape.js":
+/***/ "./dist/browser/e/emitterImageShape.js"
 /*!*********************************************!*\
   !*** ./dist/browser/e/emitterImageShape.js ***!
   \*********************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__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}");
+eval("{__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/hdr/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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/e/emitterImages.js":
+/***/ "./dist/browser/e/emitterImages.js"
 /*!*****************************************!*\
   !*** ./dist/browser/e/emitterImages.js ***!
   \*****************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__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}");
+eval("{__webpack_require__.r(__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/hdr/fruits/apple.png\",\n            width: 32,\n            height: 32\n          }, {\n            src: \"https://particles.js.org/images/hdr/fruits/avocado.png\",\n            width: 32,\n            height: 32\n          }, {\n            src: \"https://particles.js.org/images/hdr/fruits/banana.png\",\n            width: 32,\n            height: 32\n          }, {\n            src: \"https://particles.js.org/images/hdr/fruits/berries.png\",\n            width: 32,\n            height: 32\n          }, {\n            src: \"https://particles.js.org/images/hdr/fruits/cherry.png\",\n            width: 32,\n            height: 32\n          }, {\n            src: \"https://particles.js.org/images/hdr/fruits/grapes.png\",\n            width: 32,\n            height: 32\n          }, {\n            src: \"https://particles.js.org/images/hdr/fruits/lemon.png\",\n            width: 32,\n            height: 32\n          }, {\n            src: \"https://particles.js.org/images/hdr/fruits/orange.png\",\n            width: 32,\n            height: 32\n          }, {\n            src: \"https://particles.js.org/images/hdr/fruits/peach.png\",\n            width: 32,\n            height: 32\n          }, {\n            src: \"https://particles.js.org/images/hdr/fruits/pear.png\",\n            width: 32,\n            height: 32\n          }, {\n            src: \"https://particles.js.org/images/hdr/fruits/pepper.png\",\n            width: 32,\n            height: 32\n          }, {\n            src: \"https://particles.js.org/images/hdr/fruits/plum.png\",\n            width: 32,\n            height: 32\n          }, {\n            src: \"https://particles.js.org/images/hdr/fruits/star.png\",\n            width: 32,\n            height: 32\n          }, {\n            src: \"https://particles.js.org/images/hdr/fruits/strawberry.png\",\n            width: 32,\n            height: 32\n          }, {\n            src: \"https://particles.js.org/images/hdr/fruits/watermelon.png\",\n            width: 32,\n            height: 32\n          }, {\n            src: \"https://particles.js.org/images/hdr/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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/e/emitterPaths.js":
+/***/ "./dist/browser/e/emitterPaths.js"
 /*!****************************************!*\
   !*** ./dist/browser/e/emitterPaths.js ***!
   \****************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__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}");
+eval("{__webpack_require__.r(__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      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  trail: {\n    enable: true,\n    fill: {\n      color: \"#fff\"\n    },\n    length: 20\n  }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/e/emitterPaths.js?\n}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/e/emitterShapes.js":
+/***/ "./dist/browser/e/emitterShapes.js"
 /*!*****************************************!*\
   !*** ./dist/browser/e/emitterShapes.js ***!
   \*****************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 eval("{__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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/e/emitterSpawnColor.js":
+/***/ "./dist/browser/e/emitterSpawnColor.js"
 /*!*********************************************!*\
   !*** ./dist/browser/e/emitterSpawnColor.js ***!
   \*********************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-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}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n\nconst emitterRate = {\n    delay: 0.1,\n    quantity: 2\n  },\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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/e/emitterTextShape.js":
+/***/ "./dist/browser/e/emitterTextShape.js"
 /*!********************************************!*\
   !*** ./dist/browser/e/emitterTextShape.js ***!
   \********************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 eval("{__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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/e/emitterTextStrokeShape.js":
+/***/ "./dist/browser/e/emitterTextStrokeShape.js"
 /*!**************************************************!*\
   !*** ./dist/browser/e/emitterTextStrokeShape.js ***!
   \**************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 eval("{__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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/e/index.js":
+/***/ "./dist/browser/e/index.js"
 /*!*********************************!*\
   !*** ./dist/browser/e/index.js ***!
   \*********************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/f/fireworks.js":
+/***/ "./dist/browser/f/fallingConfetti.js"
+/*!*******************************************!*\
+  !*** ./dist/browser/f/fallingConfetti.js ***!
+  \*******************************************/
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
+
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n  key: \"fallingConfetti\",\n  name: \"Falling Confetti\",\n  background: {\n    color: \"#000000\"\n  },\n  particles: {\n    color: {\n      value: [\"#FF0000\", \"#FF2A00\", \"#FF5500\", \"#FF8000\", \"#FFAA00\", \"#FFD400\", \"#FFFF00\", \"#D4FF00\", \"#AAFF00\", \"#80FF00\", \"#55FF00\", \"#2AFF00\", \"#00FF00\", \"#00FF2A\", \"#00FF55\", \"#00FF80\", \"#00FFAA\", \"#00FFD4\", \"#00FFFF\", \"#00D4FF\", \"#00AAFF\", \"#0080FF\", \"#0055FF\", \"#002AFF\", \"#0000FF\", \"#2A00FF\", \"#5500FF\", \"#8000FF\", \"#AA00FF\", \"#D400FF\", \"#FF00FF\", \"#FF00D4\", \"#FF00AA\", \"#FF0080\", \"#FF0055\", \"#FF002A\"],\n      animation: {\n        enable: true,\n        speed: 30\n      }\n    },\n    move: {\n      direction: \"bottom\",\n      enable: true,\n      outModes: \"out\",\n      speed: {\n        min: 3,\n        max: 10\n      }\n    },\n    number: {\n      value: 300\n    },\n    opacity: {\n      value: 1\n    },\n    rotate: {\n      value: {\n        min: 0,\n        max: 360\n      },\n      direction: \"random\",\n      move: true,\n      animation: {\n        enable: true,\n        speed: 60\n      }\n    },\n    tilt: {\n      direction: \"random\",\n      enable: true,\n      value: {\n        min: 0,\n        max: 360\n      },\n      animation: {\n        enable: true,\n        speed: 60\n      }\n    },\n    shape: {\n      type: [\"circle\", \"square\", \"polygon\"],\n      options: {\n        polygon: [{\n          sides: 5\n        }, {\n          sides: 6\n        }]\n      }\n    },\n    size: {\n      value: {\n        min: 5,\n        max: 15\n      }\n    },\n    roll: {\n      darken: {\n        enable: true,\n        value: 30\n      },\n      enlighten: {\n        enable: true,\n        value: 30\n      },\n      enable: true,\n      mode: \"both\",\n      speed: {\n        min: 15,\n        max: 25\n      }\n    },\n    wobble: {\n      distance: 30,\n      enable: true,\n      move: true,\n      speed: {\n        min: -15,\n        max: 15\n      }\n    }\n  }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/f/fallingConfetti.js?\n}");
+
+/***/ },
+
+/***/ "./dist/browser/f/fireworks.js"
 /*!*************************************!*\
   !*** ./dist/browser/f/fireworks.js ***!
   \*************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-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}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n\nconst options = {\n  key: \"fireworks\",\n  name: \"Fireworks\",\n  fullScreen: {\n    enable: true\n  },\n  background: {\n    color: \"#000\"\n  },\n  emitters: {\n    direction: \"top\",\n    life: {\n      count: 0,\n      duration: 0.1,\n      delay: 0.1\n    },\n    rate: {\n      delay: 0.15,\n      quantity: 1\n    },\n    size: {\n      width: 100,\n      height: 0\n    },\n    position: {\n      y: 100,\n      x: 50\n    }\n  },\n  particles: {\n    number: {\n      value: 0\n    },\n    destroy: {\n      bounds: {\n        top: 30\n      },\n      mode: \"split\",\n      split: {\n        count: 1,\n        factor: {\n          value: 0.333333\n        },\n        rate: {\n          value: 100\n        },\n        particles: {\n          stroke: {\n            width: 0\n          },\n          color: {\n            value: [\"#FF0000\", \"#FF2A00\", \"#FF5500\", \"#FF8000\", \"#FFAA00\", \"#FFD400\", \"#FFFF00\", \"#D4FF00\", \"#AAFF00\", \"#80FF00\", \"#55FF00\", \"#2AFF00\", \"#00FF00\", \"#00FF2A\", \"#00FF55\", \"#00FF80\", \"#00FFAA\", \"#00FFD4\", \"#00FFFF\", \"#00D4FF\", \"#00AAFF\", \"#0080FF\", \"#0055FF\", \"#002AFF\", \"#0000FF\", \"#2A00FF\", \"#5500FF\", \"#8000FF\", \"#AA00FF\", \"#D400FF\", \"#FF00FF\", \"#FF00D4\", \"#FF00AA\", \"#FF0080\", \"#FF0055\", \"#FF002A\"]\n          },\n          number: {\n            value: 0\n          },\n          collisions: {\n            enable: false\n          },\n          destroy: {\n            bounds: {\n              top: 0\n            }\n          },\n          opacity: {\n            value: {\n              min: 0.1,\n              max: 1\n            },\n            animation: {\n              enable: true,\n              speed: 0.7,\n              sync: false,\n              startValue: \"max\",\n              destroy: \"min\"\n            }\n          },\n          shape: {\n            type: \"circle\"\n          },\n          size: {\n            value: 2,\n            animation: {\n              enable: false\n            }\n          },\n          life: {\n            count: 1,\n            duration: {\n              value: {\n                min: 1,\n                max: 2\n              }\n            }\n          },\n          move: {\n            enable: true,\n            gravity: {\n              enable: true,\n              acceleration: 9.81,\n              inverse: false\n            },\n            decay: 0.1,\n            speed: {\n              min: 10,\n              max: 25\n            },\n            direction: \"outside\",\n            outModes: \"destroy\"\n          }\n        }\n      }\n    },\n    life: {\n      count: 1\n    },\n    shape: {\n      type: \"line\"\n    },\n    size: {\n      value: {\n        min: 0.1,\n        max: 50\n      },\n      animation: {\n        enable: true,\n        sync: true,\n        speed: 90,\n        startValue: \"max\",\n        destroy: \"min\"\n      }\n    },\n    stroke: {\n      color: {\n        value: \"#ffffff\"\n      },\n      width: 1\n    },\n    rotate: {\n      enable: true,\n      path: true\n    },\n    move: {\n      enable: true,\n      gravity: {\n        acceleration: 15,\n        enable: true,\n        inverse: true,\n        maxSpeed: 100\n      },\n      speed: {\n        min: 10,\n        max: 20\n      },\n      outModes: {\n        default: \"destroy\",\n        top: \"none\"\n      }\n    }\n  },\n  sounds: {\n    enable: true,\n    events: [{\n      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  trail: {\n    fill: {\n      color: \"#000\"\n    },\n    enable: true,\n    length: 10\n  }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/f/fireworks.js?\n}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/f/fireworks2.js":
+/***/ "./dist/browser/f/fireworks2.js"
 /*!**************************************!*\
   !*** ./dist/browser/f/fireworks2.js ***!
   \**************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
+
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n\nconst options = {\n  key: \"fireworks2\",\n  name: \"Fireworks 2\",\n  fullScreen: {\n    enable: true\n  },\n  background: {\n    color: \"#000\"\n  },\n  emitters: {\n    direction: \"top\",\n    life: {\n      count: 0,\n      duration: 0.1,\n      delay: 0.1\n    },\n    rate: {\n      delay: 0.15,\n      quantity: 1\n    },\n    size: {\n      width: 100,\n      height: 0\n    },\n    position: {\n      y: 100,\n      x: 50\n    }\n  },\n  particles: {\n    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: [\"#FF0000\", \"#FF2A00\", \"#FF5500\", \"#FF8000\", \"#FFAA00\", \"#FFD400\", \"#FFFF00\", \"#D4FF00\", \"#AAFF00\", \"#80FF00\", \"#55FF00\", \"#2AFF00\", \"#00FF00\", \"#00FF2A\", \"#00FF55\", \"#00FF80\", \"#00FFAA\", \"#00FFD4\", \"#00FFFF\", \"#00D4FF\", \"#00AAFF\", \"#0080FF\", \"#0055FF\", \"#002AFF\", \"#0000FF\", \"#2A00FF\", \"#5500FF\", \"#8000FF\", \"#AA00FF\", \"#D400FF\", \"#FF00FF\", \"#FF00D4\", \"#FF00AA\", \"#FF0080\", \"#FF0055\", \"#FF002A\"]\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}");
 
-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}");
+/***/ },
 
-/***/ }),
+/***/ "./dist/browser/f/fireworksMask.js"
+/*!*****************************************!*\
+  !*** ./dist/browser/f/fireworksMask.js ***!
+  \*****************************************/
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-/***/ "./dist/browser/f/fontawesome.js":
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n\nconst options = {\n  key: \"fireworksMask\",\n  name: \"Fireworks Background Mask\",\n  fullScreen: {\n    enable: true\n  },\n  background: {\n    color: \"#ffffff\",\n    image: \"url('https://particles.js.org/images/hdr/background3.jpg')\",\n    position: \"50% 50%\",\n    repeat: \"no-repeat\",\n    size: \"cover\"\n  },\n  backgroundMask: {\n    enable: true,\n    cover: {\n      color: \"#000\"\n    }\n  },\n  emitters: {\n    direction: \"top\",\n    life: {\n      count: 0,\n      duration: 0.1,\n      delay: 0.1\n    },\n    rate: {\n      delay: 0.15,\n      quantity: 1\n    },\n    size: {\n      width: 100,\n      height: 0\n    },\n    position: {\n      y: 100,\n      x: 50\n    }\n  },\n  particles: {\n    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/fireworksMask.js?\n}");
+
+/***/ },
+
+/***/ "./dist/browser/f/fontawesome.js"
 /*!***************************************!*\
   !*** ./dist/browser/f/fontawesome.js ***!
   \***************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__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}");
+eval("{__webpack_require__.r(__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      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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/f/forward.js":
+/***/ "./dist/browser/f/forward.js"
 /*!***********************************!*\
   !*** ./dist/browser/f/forward.js ***!
   \***********************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__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}");
+eval("{__webpack_require__.r(__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/hdr/arrow.png\",\n          width: 512,\n          height: 512,\n          replaceColor: true\n        }\n      }\n    },\n    opacity: {\n      value: 1\n    },\n    size: {\n      value: {\n        min: 1,\n        max: 32\n      }\n    },\n    move: {\n      enable: true,\n      speed: 6\n    }\n  },\n  interactivity: {\n    events: {\n      onHover: {\n        enable: true,\n        mode: \"repulse\"\n      },\n      onClick: {\n        enable: true,\n        mode: \"push\"\n      }\n    },\n    modes: {\n      grab: {\n        distance: 400,\n        links: {\n          opacity: 1\n        }\n      },\n      bubble: {\n        distance: 400,\n        size: 40,\n        duration: 2,\n        opacity: 0.8\n      },\n      repulse: {\n        distance: 200\n      },\n      push: {\n        quantity: 4\n      },\n      remove: {\n        quantity: 2\n      }\n    }\n  },\n  background: {\n    color: \"#ffffff\"\n  }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/f/forward.js?\n}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/f/index.js":
+/***/ "./dist/browser/f/index.js"
 /*!*********************************!*\
   !*** ./dist/browser/f/index.js ***!
   \*********************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-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}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _fallingConfetti_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./fallingConfetti.js */ \"./dist/browser/f/fallingConfetti.js\");\n/* harmony import */ var _fireworks_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./fireworks.js */ \"./dist/browser/f/fireworks.js\");\n/* harmony import */ var _fireworks2_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./fireworks2.js */ \"./dist/browser/f/fireworks2.js\");\n/* harmony import */ var _fireworksMask_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./fireworksMask.js */ \"./dist/browser/f/fireworksMask.js\");\n/* harmony import */ var _fontawesome_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./fontawesome.js */ \"./dist/browser/f/fontawesome.js\");\n/* harmony import */ var _forward_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./forward.js */ \"./dist/browser/f/forward.js\");\n\n\n\n\n\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({\n  fallingConfetti: _fallingConfetti_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"],\n  fireworks: _fireworks_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n  fireworks2: _fireworks2_js__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n  fireworksMask: _fireworksMask_js__WEBPACK_IMPORTED_MODULE_3__[\"default\"],\n  fontawesome: _fontawesome_js__WEBPACK_IMPORTED_MODULE_4__[\"default\"],\n  forward: _forward_js__WEBPACK_IMPORTED_MODULE_5__[\"default\"]\n});\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/f/index.js?\n}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/g/gifs.js":
+/***/ "./dist/browser/g/gifs.js"
 /*!********************************!*\
   !*** ./dist/browser/g/gifs.js ***!
   \********************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 eval("{__webpack_require__.r(__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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/g/grabRandomColor.js":
+/***/ "./dist/browser/g/grabRandomColor.js"
 /*!*******************************************!*\
   !*** ./dist/browser/g/grabRandomColor.js ***!
   \*******************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 eval("{__webpack_require__.r(__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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/g/gradients.js":
+/***/ "./dist/browser/g/gradients.js"
 /*!*************************************!*\
   !*** ./dist/browser/g/gradients.js ***!
   \*************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-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}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n\nconst options = {\n  key: \"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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/g/gravity.js":
+/***/ "./dist/browser/g/gravity.js"
 /*!***********************************!*\
   !*** ./dist/browser/g/gravity.js ***!
   \***********************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__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}");
+eval("{__webpack_require__.r(__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    }\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  trail: {\n    enable: true,\n    fill: {\n      color: \"#000000\"\n    },\n    length: 10\n  }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/g/gravity.js?\n}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/g/groups.js":
+/***/ "./dist/browser/g/groups.js"
 /*!**********************************!*\
   !*** ./dist/browser/g/groups.js ***!
   \**********************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 eval("{__webpack_require__.r(__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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/g/growing.js":
+/***/ "./dist/browser/g/growing.js"
 /*!***********************************!*\
   !*** ./dist/browser/g/growing.js ***!
   \***********************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 eval("{__webpack_require__.r(__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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/g/index.js":
+/***/ "./dist/browser/g/index.js"
 /*!*********************************!*\
   !*** ./dist/browser/g/index.js ***!
   \*********************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-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}");
+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_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./groups.js */ \"./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_js__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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/h/hexagonPath.js":
+/***/ "./dist/browser/h/hexagonPath.js"
 /*!***************************************!*\
   !*** ./dist/browser/h/hexagonPath.js ***!
   \***************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__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}");
+eval("{__webpack_require__.r(__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    },\n    number: {\n      density: {\n        enable: true\n      },\n      value: 0\n    },\n    opacity: {\n      value: 1\n    },\n    shape: {\n      type: \"circle\"\n    },\n    size: {\n      value: 2\n    }\n  },\n  background: {\n    color: \"#000\"\n  },\n  emitters: {\n    direction: \"none\",\n    rate: {\n      quantity: 1,\n      delay: 0.25\n    },\n    size: {\n      width: 0,\n      height: 0\n    },\n    position: {\n      x: 50,\n      y: 50\n    }\n  },\n  trail: {\n    fill: {\n      color: \"#000\"\n    },\n    length: 20,\n    enable: true\n  }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/h/hexagonPath.js?\n}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/h/hollowknight.js":
+/***/ "./dist/browser/h/hollowknight.js"
 /*!****************************************!*\
   !*** ./dist/browser/h/hollowknight.js ***!
   \****************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__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}");
+eval("{__webpack_require__.r(__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/hdr/hollowknight.svg\"\n  },\n  background: {\n    color: \"#000000\",\n    image: \"\",\n    position: \"50% 50%\",\n    repeat: \"no-repeat\",\n    size: \"cover\"\n  }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/h/hollowknight.js?\n}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/h/hyperspace.js":
+/***/ "./dist/browser/h/hyperspace.js"
 /*!**************************************!*\
   !*** ./dist/browser/h/hyperspace.js ***!
   \**************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__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}");
+eval("{__webpack_require__.r(__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    },\n    number: {\n      density: {\n        enable: true\n      },\n      value: 0\n    },\n    opacity: {\n      value: 1\n    },\n    shape: {\n      type: \"circle\"\n    },\n    size: {\n      value: {\n        min: 1,\n        max: 25\n      },\n      animation: {\n        startValue: \"min\",\n        enable: true,\n        speed: 2,\n        destroy: \"max\",\n        sync: true\n      }\n    }\n  },\n  emitters: {\n    direction: \"none\",\n    rate: {\n      quantity: 5,\n      delay: 0.3\n    },\n    size: {\n      width: 0,\n      height: 0\n    },\n    position: {\n      x: 50,\n      y: 50\n    }\n  },\n  trail: {\n    fill: {\n      color: \"#000\"\n    },\n    length: 30,\n    enable: true\n  }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/h/hyperspace.js?\n}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/h/index.js":
+/***/ "./dist/browser/h/index.js"
 /*!*********************************!*\
   !*** ./dist/browser/h/index.js ***!
   \*********************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/i/imageMask.js":
+/***/ "./dist/browser/i/imageMask.js"
 /*!*************************************!*\
   !*** ./dist/browser/i/imageMask.js ***!
   \*************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__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}");
+eval("{__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/hdr/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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/i/images.js":
+/***/ "./dist/browser/i/images.js"
 /*!**********************************!*\
   !*** ./dist/browser/i/images.js ***!
   \**********************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__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}");
+eval("{__webpack_require__.r(__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/hdr/fruits/apple.png\",\n    name: \"apple\",\n    width: 32,\n    height: 32\n  }, {\n    src: \"https://particles.js.org/images/hdr/fruits/avocado.png\",\n    name: \"avocado\",\n    width: 32,\n    height: 32\n  }, {\n    src: \"https://particles.js.org/images/hdr/fruits/banana.png\",\n    name: \"banana\",\n    width: 32,\n    height: 32\n  }, {\n    src: \"https://particles.js.org/images/hdr/fruits/berries.png\",\n    name: \"berries\",\n    width: 32,\n    height: 32\n  }, {\n    src: \"https://particles.js.org/images/hdr/fruits/cherry.png\",\n    name: \"cherry\",\n    width: 32,\n    height: 32\n  }, {\n    src: \"https://particles.js.org/images/hdr/fruits/grapes.png\",\n    name: \"grapes\",\n    width: 32,\n    height: 32\n  }, {\n    src: \"https://particles.js.org/images/hdr/fruits/lemon.png\",\n    name: \"lemon\",\n    width: 32,\n    height: 32\n  }, {\n    src: \"https://particles.js.org/images/hdr/fruits/orange.png\",\n    name: \"orange\",\n    width: 32,\n    height: 32\n  }, {\n    src: \"https://particles.js.org/images/hdr/fruits/peach.png\",\n    name: \"peach\",\n    width: 32,\n    height: 32\n  }, {\n    src: \"https://particles.js.org/images/hdr/fruits/pear.png\",\n    name: \"pear\",\n    width: 32,\n    height: 32\n  }, {\n    src: \"https://particles.js.org/images/hdr/fruits/pepper.png\",\n    name: \"pepper\",\n    width: 32,\n    height: 32\n  }, {\n    src: \"https://particles.js.org/images/hdr/fruits/plum.png\",\n    name: \"plum\",\n    width: 32,\n    height: 32\n  }, {\n    src: \"https://particles.js.org/images/hdr/fruits/star.png\",\n    name: \"star\",\n    width: 32,\n    height: 32\n  }, {\n    src: \"https://particles.js.org/images/hdr/fruits/strawberry.png\",\n    name: \"strawberry\",\n    width: 32,\n    height: 32\n  }, {\n    src: \"https://particles.js.org/images/hdr/fruits/watermelon.png\",\n    name: \"watermelon\",\n    width: 32,\n    height: 32\n  }, {\n    src: \"https://particles.js.org/images/hdr/fruits/watermelon_slice.png\",\n    name: \"watermelon_slice\",\n    width: 32,\n    height: 32\n  }]\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/i/images.js?\n}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/i/imagesDirections.js":
+/***/ "./dist/browser/i/imagesDirections.js"
 /*!********************************************!*\
   !*** ./dist/browser/i/imagesDirections.js ***!
   \********************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-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}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n\nconst options = {\n  key: \"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/hdr/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/hdr/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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/i/index.js":
+/***/ "./dist/browser/i/index.js"
 /*!*********************************!*\
   !*** ./dist/browser/i/index.js ***!
   \*********************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/i/infection.js":
+/***/ "./dist/browser/i/infection.js"
 /*!*************************************!*\
   !*** ./dist/browser/i/infection.js ***!
   \*************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 eval("{__webpack_require__.r(__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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/index.js":
+/***/ "./dist/browser/index.js"
 /*!*******************************!*\
   !*** ./dist/browser/index.js ***!
   \*******************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-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}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n/* harmony import */ var _a_index_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./a/index.js */ \"./dist/browser/a/index.js\");\n/* harmony import */ var _b_index_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./b/index.js */ \"./dist/browser/b/index.js\");\n/* harmony import */ var _c_index_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./c/index.js */ \"./dist/browser/c/index.js\");\n/* harmony import */ var _d_index_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./d/index.js */ \"./dist/browser/d/index.js\");\n/* harmony import */ var _e_index_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./e/index.js */ \"./dist/browser/e/index.js\");\n/* harmony import */ var _f_index_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./f/index.js */ \"./dist/browser/f/index.js\");\n/* harmony import */ var _g_index_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./g/index.js */ \"./dist/browser/g/index.js\");\n/* harmony import */ var _h_index_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./h/index.js */ \"./dist/browser/h/index.js\");\n/* harmony import */ var _i_index_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./i/index.js */ \"./dist/browser/i/index.js\");\n/* harmony import */ var _j_index_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./j/index.js */ \"./dist/browser/j/index.js\");\n/* harmony import */ var _k_index_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./k/index.js */ \"./dist/browser/k/index.js\");\n/* harmony import */ var _l_index_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./l/index.js */ \"./dist/browser/l/index.js\");\n/* harmony import */ var _m_index_js__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./m/index.js */ \"./dist/browser/m/index.js\");\n/* harmony import */ var _n_index_js__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./n/index.js */ \"./dist/browser/n/index.js\");\n/* harmony import */ var _o_index_js__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./o/index.js */ \"./dist/browser/o/index.js\");\n/* harmony import */ var _p_index_js__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./p/index.js */ \"./dist/browser/p/index.js\");\n/* harmony import */ var _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  const config = configs[key];\n  if (!config) {\n    continue;\n  }\n  _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.tsParticles.addConfig(config);\n}\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (configs);\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/index.js?\n}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/j/index.js":
+/***/ "./dist/browser/j/index.js"
 /*!*********************************!*\
   !*** ./dist/browser/j/index.js ***!
   \*********************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/k/index.js":
+/***/ "./dist/browser/k/index.js"
 /*!*********************************!*\
   !*** ./dist/browser/k/index.js ***!
   \*********************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/l/index.js":
+/***/ "./dist/browser/l/index.js"
 /*!*********************************!*\
   !*** ./dist/browser/l/index.js ***!
   \*********************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/l/lch.js":
+/***/ "./dist/browser/l/lch.js"
 /*!*******************************!*\
   !*** ./dist/browser/l/lch.js ***!
   \*******************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 eval("{__webpack_require__.r(__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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/l/life.js":
+/***/ "./dist/browser/l/life.js"
 /*!********************************!*\
   !*** ./dist/browser/l/life.js ***!
   \********************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 eval("{__webpack_require__.r(__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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/l/lightHover.js":
+/***/ "./dist/browser/l/lightHover.js"
 /*!**************************************!*\
   !*** ./dist/browser/l/lightHover.js ***!
   \**************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 eval("{__webpack_require__.r(__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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/l/linkTriangles.js":
+/***/ "./dist/browser/l/linkTriangles.js"
 /*!*****************************************!*\
   !*** ./dist/browser/l/linkTriangles.js ***!
   \*****************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 eval("{__webpack_require__.r(__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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/l/localPolygonMask.js":
+/***/ "./dist/browser/l/localPolygonMask.js"
 /*!********************************************!*\
   !*** ./dist/browser/l/localPolygonMask.js ***!
   \********************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 eval("{__webpack_require__.r(__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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/m/index.js":
+/***/ "./dist/browser/m/index.js"
 /*!*********************************!*\
   !*** ./dist/browser/m/index.js ***!
   \*********************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/m/manual.js":
+/***/ "./dist/browser/m/manual.js"
 /*!**********************************!*\
   !*** ./dist/browser/m/manual.js ***!
   \**********************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 eval("{__webpack_require__.r(__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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/m/motionDisable.js":
+/***/ "./dist/browser/m/motionDisable.js"
 /*!*****************************************!*\
   !*** ./dist/browser/m/motionDisable.js ***!
   \*****************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 eval("{__webpack_require__.r(__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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/m/motionReduce.js":
+/***/ "./dist/browser/m/motionReduce.js"
 /*!****************************************!*\
   !*** ./dist/browser/m/motionReduce.js ***!
   \****************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 eval("{__webpack_require__.r(__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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/m/mouseAttract.js":
+/***/ "./dist/browser/m/mouseAttract.js"
 /*!****************************************!*\
   !*** ./dist/browser/m/mouseAttract.js ***!
   \****************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 eval("{__webpack_require__.r(__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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/m/mouseBounce.js":
+/***/ "./dist/browser/m/mouseBounce.js"
 /*!***************************************!*\
   !*** ./dist/browser/m/mouseBounce.js ***!
   \***************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 eval("{__webpack_require__.r(__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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/m/mouseFollow.js":
+/***/ "./dist/browser/m/mouseFollow.js"
 /*!***************************************!*\
   !*** ./dist/browser/m/mouseFollow.js ***!
   \***************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 eval("{__webpack_require__.r(__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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/m/mouseParticle.js":
+/***/ "./dist/browser/m/mouseParticle.js"
 /*!*****************************************!*\
   !*** ./dist/browser/m/mouseParticle.js ***!
   \*****************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 eval("{__webpack_require__.r(__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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/m/mouseParticle2.js":
+/***/ "./dist/browser/m/mouseParticle2.js"
 /*!******************************************!*\
   !*** ./dist/browser/m/mouseParticle2.js ***!
   \******************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 eval("{__webpack_require__.r(__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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/m/mouseTrail.js":
+/***/ "./dist/browser/m/mouseTrail.js"
 /*!**************************************!*\
   !*** ./dist/browser/m/mouseTrail.js ***!
   \**************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 eval("{__webpack_require__.r(__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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/m/mouseTrailNoise.js":
+/***/ "./dist/browser/m/mouseTrailNoise.js"
 /*!*******************************************!*\
   !*** ./dist/browser/m/mouseTrailNoise.js ***!
   \*******************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 eval("{__webpack_require__.r(__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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/m/moveAngle.js":
+/***/ "./dist/browser/m/moveAngle.js"
 /*!*************************************!*\
   !*** ./dist/browser/m/moveAngle.js ***!
   \*************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 eval("{__webpack_require__.r(__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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/m/moveDistance.js":
+/***/ "./dist/browser/m/moveDistance.js"
 /*!****************************************!*\
   !*** ./dist/browser/m/moveDistance.js ***!
   \****************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 eval("{__webpack_require__.r(__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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/m/moveInside.js":
+/***/ "./dist/browser/m/moveInside.js"
 /*!**************************************!*\
   !*** ./dist/browser/m/moveInside.js ***!
   \**************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 eval("{__webpack_require__.r(__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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/m/moveOutside.js":
+/***/ "./dist/browser/m/moveOutside.js"
 /*!***************************************!*\
   !*** ./dist/browser/m/moveOutside.js ***!
   \***************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 eval("{__webpack_require__.r(__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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/m/multipleClickEmitters.js":
+/***/ "./dist/browser/m/multipleClickEmitters.js"
 /*!*************************************************!*\
   !*** ./dist/browser/m/multipleClickEmitters.js ***!
   \*************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 eval("{__webpack_require__.r(__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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/m/multiplePolygonMasks.js":
+/***/ "./dist/browser/m/multiplePolygonMasks.js"
 /*!************************************************!*\
   !*** ./dist/browser/m/multiplePolygonMasks.js ***!
   \************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__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}");
+eval("{__webpack_require__.r(__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/hdr/google.svg\"\n  },\n  background: {\n    color: \"#000000\",\n    image: \"\",\n    position: \"50% 50%\",\n    repeat: \"no-repeat\",\n    size: \"cover\"\n  }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/m/multiplePolygonMasks.js?\n}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/n/index.js":
+/***/ "./dist/browser/n/index.js"
 /*!*********************************!*\
   !*** ./dist/browser/n/index.js ***!
   \*********************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/n/namedColors.js":
+/***/ "./dist/browser/n/namedColors.js"
 /*!***************************************!*\
   !*** ./dist/browser/n/namedColors.js ***!
   \***************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 eval("{__webpack_require__.r(__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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/n/nasa.js":
+/***/ "./dist/browser/n/nasa.js"
 /*!********************************!*\
   !*** ./dist/browser/n/nasa.js ***!
   \********************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 eval("{__webpack_require__.r(__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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/n/noClear.js":
+/***/ "./dist/browser/n/noClear.js"
 /*!***********************************!*\
   !*** ./dist/browser/n/noClear.js ***!
   \***********************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 eval("{__webpack_require__.r(__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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/n/noConfig.js":
+/***/ "./dist/browser/n/noConfig.js"
 /*!************************************!*\
   !*** ./dist/browser/n/noConfig.js ***!
   \************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 eval("{__webpack_require__.r(__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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/n/noisePlanesFractal.js":
+/***/ "./dist/browser/n/noisePlanesFractal.js"
 /*!**********************************************!*\
   !*** ./dist/browser/n/noisePlanesFractal.js ***!
   \**********************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__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}");
+eval("{__webpack_require__.r(__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: 64,\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/hdr/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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/n/noisePlanesPerlin.js":
+/***/ "./dist/browser/n/noisePlanesPerlin.js"
 /*!*********************************************!*\
   !*** ./dist/browser/n/noisePlanesPerlin.js ***!
   \*********************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__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}");
+eval("{__webpack_require__.r(__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/hdr/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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/n/noisePlanesSimplex.js":
+/***/ "./dist/browser/n/noisePlanesSimplex.js"
 /*!**********************************************!*\
   !*** ./dist/browser/n/noisePlanesSimplex.js ***!
   \**********************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__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}");
+eval("{__webpack_require__.r(__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/hdr/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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/n/nyancat.js":
+/***/ "./dist/browser/n/nyancat.js"
 /*!***********************************!*\
   !*** ./dist/browser/n/nyancat.js ***!
   \***********************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 eval("{__webpack_require__.r(__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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/n/nyancat2.js":
+/***/ "./dist/browser/n/nyancat2.js"
 /*!************************************!*\
   !*** ./dist/browser/n/nyancat2.js ***!
   \************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 eval("{__webpack_require__.r(__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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/o/index.js":
+/***/ "./dist/browser/o/index.js"
 /*!*********************************!*\
   !*** ./dist/browser/o/index.js ***!
   \*********************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/o/oklch.js":
+/***/ "./dist/browser/o/oklch.js"
 /*!*********************************!*\
   !*** ./dist/browser/o/oklch.js ***!
   \*********************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 eval("{__webpack_require__.r(__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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/o/orbit.js":
+/***/ "./dist/browser/o/orbit.js"
 /*!*********************************!*\
   !*** ./dist/browser/o/orbit.js ***!
   \*********************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 eval("{__webpack_require__.r(__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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/p/index.js":
+/***/ "./dist/browser/p/index.js"
 /*!*********************************!*\
   !*** ./dist/browser/p/index.js ***!
   \*********************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/p/parallax.js":
+/***/ "./dist/browser/p/parallax.js"
 /*!************************************!*\
   !*** ./dist/browser/p/parallax.js ***!
   \************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 eval("{__webpack_require__.r(__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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/p/pathPolygonMask.js":
+/***/ "./dist/browser/p/pathPolygonMask.js"
 /*!*******************************************!*\
   !*** ./dist/browser/p/pathPolygonMask.js ***!
   \*******************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 eval("{__webpack_require__.r(__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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/p/pathSvg.js":
+/***/ "./dist/browser/p/pathSvg.js"
 /*!***********************************!*\
   !*** ./dist/browser/p/pathSvg.js ***!
   \***********************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__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}");
+eval("{__webpack_require__.r(__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    },\n    number: {\n      value: 80\n    },\n    opacity: {\n      value: 1\n    },\n    shape: {\n      type: \"circle\"\n    },\n    size: {\n      value: 3\n    }\n  },\n  background: {\n    color: \"#000000\"\n  },\n  trail: {\n    enable: true,\n    length: 10,\n    fill: {\n      color: \"#000000\"\n    }\n  }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/p/pathSvg.js?\n}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/p/pathZigZag.js":
+/***/ "./dist/browser/p/pathZigZag.js"
 /*!**************************************!*\
   !*** ./dist/browser/p/pathZigZag.js ***!
   \**************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__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}");
+eval("{__webpack_require__.r(__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    },\n    number: {\n      value: 80\n    },\n    opacity: {\n      value: 1\n    },\n    shape: {\n      type: \"circle\"\n    },\n    size: {\n      value: 3\n    }\n  },\n  background: {\n    color: \"#000000\"\n  },\n  trail: {\n    enable: true,\n    length: 20,\n    fill: {\n      color: \"#000000\"\n    }\n  }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/p/pathZigZag.js?\n}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/p/planes.js":
+/***/ "./dist/browser/p/planes.js"
 /*!**********************************!*\
   !*** ./dist/browser/p/planes.js ***!
   \**********************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__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}");
+eval("{__webpack_require__.r(__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/hdr/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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/p/plasma.js":
+/***/ "./dist/browser/p/plasma.js"
 /*!**********************************!*\
   !*** ./dist/browser/p/plasma.js ***!
   \**********************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 eval("{__webpack_require__.r(__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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/p/poisson.js":
+/***/ "./dist/browser/p/poisson.js"
 /*!***********************************!*\
   !*** ./dist/browser/p/poisson.js ***!
   \***********************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 eval("{__webpack_require__.r(__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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/p/polygonMask.js":
+/***/ "./dist/browser/p/polygonMask.js"
 /*!***************************************!*\
   !*** ./dist/browser/p/polygonMask.js ***!
   \***************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__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}");
+eval("{__webpack_require__.r(__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/hdr/smalldeer.svg\"\n  },\n  background: {\n    color: \"#000000\",\n    image: \"\",\n    position: \"50% 50%\",\n    repeat: \"no-repeat\",\n    size: \"cover\"\n  }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/p/polygonMask.js?\n}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/p/polygons.js":
+/***/ "./dist/browser/p/polygons.js"
 /*!************************************!*\
   !*** ./dist/browser/p/polygons.js ***!
   \************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 eval("{__webpack_require__.r(__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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/p/pop.js":
+/***/ "./dist/browser/p/pop.js"
 /*!*******************************!*\
   !*** ./dist/browser/p/pop.js ***!
   \*******************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-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}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n\nconst options = {\n  key: \"pop\",\n  name: \"Pop\",\n  particles: {\n    number: {\n      limit: {\n        value: 80,\n        mode: _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.LimitMode.wait\n      },\n      value: 80\n    },\n    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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/q/index.js":
+/***/ "./dist/browser/q/index.js"
 /*!*********************************!*\
   !*** ./dist/browser/q/index.js ***!
   \*********************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/r/index.js":
+/***/ "./dist/browser/r/index.js"
 /*!*********************************!*\
   !*** ./dist/browser/r/index.js ***!
   \*********************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/r/random.js":
+/***/ "./dist/browser/r/random.js"
 /*!**********************************!*\
   !*** ./dist/browser/r/random.js ***!
   \**********************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 eval("{__webpack_require__.r(__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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/r/randomShapes.js":
+/***/ "./dist/browser/r/randomShapes.js"
 /*!****************************************!*\
   !*** ./dist/browser/r/randomShapes.js ***!
   \****************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__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}");
+eval("{__webpack_require__.r(__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/hdr/fruits/apple.png\",\n    name: \"apple\",\n    width: 32,\n    height: 32\n  }, {\n    src: \"https://particles.js.org/images/hdr/fruits/avocado.png\",\n    name: \"avocado\",\n    width: 32,\n    height: 32\n  }, {\n    src: \"https://particles.js.org/images/hdr/fruits/banana.png\",\n    name: \"banana\",\n    width: 32,\n    height: 32\n  }, {\n    src: \"https://particles.js.org/images/hdr/fruits/berries.png\",\n    name: \"berries\",\n    width: 32,\n    height: 32\n  }, {\n    src: \"https://particles.js.org/images/hdr/fruits/cherry.png\",\n    name: \"cherry\",\n    width: 32,\n    height: 32\n  }, {\n    src: \"https://particles.js.org/images/hdr/fruits/grapes.png\",\n    name: \"grapes\",\n    width: 32,\n    height: 32\n  }, {\n    src: \"https://particles.js.org/images/hdr/fruits/lemon.png\",\n    name: \"lemon\",\n    width: 32,\n    height: 32\n  }, {\n    src: \"https://particles.js.org/images/hdr/fruits/orange.png\",\n    name: \"orange\",\n    width: 32,\n    height: 32\n  }, {\n    src: \"https://particles.js.org/images/hdr/fruits/peach.png\",\n    name: \"peach\",\n    width: 32,\n    height: 32\n  }, {\n    src: \"https://particles.js.org/images/hdr/fruits/pear.png\",\n    name: \"pear\",\n    width: 32,\n    height: 32\n  }, {\n    src: \"https://particles.js.org/images/hdr/fruits/pepper.png\",\n    name: \"pepper\",\n    width: 32,\n    height: 32\n  }, {\n    src: \"https://particles.js.org/images/hdr/fruits/plum.png\",\n    name: \"plum\",\n    width: 32,\n    height: 32\n  }, {\n    src: \"https://particles.js.org/images/hdr/fruits/star.png\",\n    name: \"star\",\n    width: 32,\n    height: 32\n  }, {\n    src: \"https://particles.js.org/images/hdr/fruits/strawberry.png\",\n    name: \"strawberry\",\n    width: 32,\n    height: 32\n  }, {\n    src: \"https://particles.js.org/images/hdr/fruits/watermelon.png\",\n    name: \"watermelon\",\n    width: 32,\n    height: 32\n  }, {\n    src: \"https://particles.js.org/images/hdr/fruits/watermelon_slice.png\",\n    name: \"watermelon_slice\",\n    width: 32,\n    height: 32\n  }]\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/r/randomShapes.js?\n}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/r/reactBubbles.js":
+/***/ "./dist/browser/r/reactBubbles.js"
 /*!****************************************!*\
   !*** ./dist/browser/r/reactBubbles.js ***!
   \****************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 eval("{__webpack_require__.r(__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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/r/reactDefaults.js":
+/***/ "./dist/browser/r/reactDefaults.js"
 /*!*****************************************!*\
   !*** ./dist/browser/r/reactDefaults.js ***!
   \*****************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__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}");
+eval("{__webpack_require__.r(__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    },\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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/r/reactMultipleImages.js":
+/***/ "./dist/browser/r/reactMultipleImages.js"
 /*!***********************************************!*\
   !*** ./dist/browser/r/reactMultipleImages.js ***!
   \***********************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__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}");
+eval("{__webpack_require__.r(__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/hdr/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/hdr/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/hdr/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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/r/reactNightSky.js":
+/***/ "./dist/browser/r/reactNightSky.js"
 /*!*****************************************!*\
   !*** ./dist/browser/r/reactNightSky.js ***!
   \*****************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__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}");
+eval("{__webpack_require__.r(__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      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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/r/reactPolygonMask.js":
+/***/ "./dist/browser/r/reactPolygonMask.js"
 /*!********************************************!*\
   !*** ./dist/browser/r/reactPolygonMask.js ***!
   \********************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__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}");
+eval("{__webpack_require__.r(__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      width: 1\n    },\n    move: {\n      enable: true,\n      outModes: \"bounce\",\n      speed: 1\n    },\n    number: {\n      value: 200\n    },\n    opacity: {\n      animation: {\n        enable: true,\n        speed: 2,\n        sync: false\n      },\n      value: {\n        min: 0.05,\n        max: 0.4\n      }\n    },\n    shape: {\n      type: \"circle\"\n    },\n    size: {\n      value: 1\n    }\n  },\n  polygon: {\n    draw: {\n      enable: true,\n      stroke: {\n        color: \"rgba(255, 255, 255, .2)\",\n        width: 0.5,\n        opacity: 0.2\n      }\n    },\n    enable: true,\n    inline: {\n      arrangement: \"equidistant\"\n    },\n    move: {\n      radius: 10,\n      type: \"path\"\n    },\n    scale: 0.5,\n    type: \"inline\",\n    url: \"https://particles.js.org/images/hdr/smalldeer.svg\"\n  },\n  pauseOnBlur: true,\n  background: {\n    color: \"#0d47a1\",\n    image: \"\",\n    position: \"50% 50%\",\n    repeat: \"no-repeat\",\n    size: \"cover\"\n  }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/r/reactPolygonMask.js?\n}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/r/reactSimple.js":
+/***/ "./dist/browser/r/reactSimple.js"
 /*!***************************************!*\
   !*** ./dist/browser/r/reactSimple.js ***!
   \***************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__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}");
+eval("{__webpack_require__.r(__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      width: 1\n    },\n    move: {\n      enable: true,\n      outModes: \"bounce\",\n      speed: 3\n    },\n    collisions: {\n      enable: true\n    },\n    number: {\n      value: 50\n    },\n    opacity: {\n      animation: {\n        enable: true,\n        speed: 1,\n        sync: false\n      },\n      value: {\n        min: 0.1,\n        max: 0.5\n      }\n    },\n    shape: {\n      type: \"circle\"\n    },\n    size: {\n      value: 3\n    },\n    stroke: {\n      color: {\n        value: \"#ff0000\"\n      },\n      width: 0,\n      opacity: 1\n    }\n  },\n  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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/r/reactSnow.js":
+/***/ "./dist/browser/r/reactSnow.js"
 /*!*************************************!*\
   !*** ./dist/browser/r/reactSnow.js ***!
   \*************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__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}");
+eval("{__webpack_require__.r(__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      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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/r/reduceDuplicates.js":
+/***/ "./dist/browser/r/reduceDuplicates.js"
 /*!********************************************!*\
   !*** ./dist/browser/r/reduceDuplicates.js ***!
   \********************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__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}");
+eval("{__webpack_require__.r(__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/hdr/fruits/apple.png\",\n          width: 32,\n          height: 32\n        }, {\n          src: \"https://particles.js.org/images/hdr/fruits/avocado.png\",\n          width: 32,\n          height: 32\n        }, {\n          src: \"https://particles.js.org/images/hdr/fruits/banana.png\",\n          width: 32,\n          height: 32\n        }, {\n          src: \"https://particles.js.org/images/hdr/fruits/berries.png\",\n          width: 32,\n          height: 32\n        }, {\n          src: \"https://particles.js.org/images/hdr/fruits/cherry.png\",\n          width: 32,\n          height: 32\n        }, {\n          src: \"https://particles.js.org/images/hdr/fruits/grapes.png\",\n          width: 32,\n          height: 32\n        }, {\n          src: \"https://particles.js.org/images/hdr/fruits/lemon.png\",\n          width: 32,\n          height: 32\n        }, {\n          src: \"https://particles.js.org/images/hdr/fruits/orange.png\",\n          width: 32,\n          height: 32\n        }, {\n          src: \"https://particles.js.org/images/hdr/fruits/peach.png\",\n          width: 32,\n          height: 32\n        }, {\n          src: \"https://particles.js.org/images/hdr/fruits/pear.png\",\n          width: 32,\n          height: 32\n        }, {\n          src: \"https://particles.js.org/images/hdr/fruits/pepper.png\",\n          width: 32,\n          height: 32\n        }, {\n          src: \"https://particles.js.org/images/hdr/fruits/plum.png\",\n          width: 32,\n          height: 32\n        }, {\n          src: \"https://particles.js.org/images/hdr/fruits/star.png\",\n          width: 32,\n          height: 32\n        }, {\n          src: \"https://particles.js.org/images/hdr/fruits/strawberry.png\",\n          width: 32,\n          height: 32\n        }, {\n          src: \"https://particles.js.org/images/hdr/fruits/watermelon.png\",\n          width: 32,\n          height: 32\n        }, {\n          src: \"https://particles.js.org/images/hdr/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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/r/repulse.js":
+/***/ "./dist/browser/r/repulse.js"
 /*!***********************************!*\
   !*** ./dist/browser/r/repulse.js ***!
   \***********************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 eval("{__webpack_require__.r(__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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/r/repulseBack.js":
+/***/ "./dist/browser/r/repulseBack.js"
 /*!***************************************!*\
   !*** ./dist/browser/r/repulseBack.js ***!
   \***************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 eval("{__webpack_require__.r(__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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/r/repulseCirc.js":
+/***/ "./dist/browser/r/repulseCirc.js"
 /*!***************************************!*\
   !*** ./dist/browser/r/repulseCirc.js ***!
   \***************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 eval("{__webpack_require__.r(__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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/r/repulseCubic.js":
+/***/ "./dist/browser/r/repulseCubic.js"
 /*!****************************************!*\
   !*** ./dist/browser/r/repulseCubic.js ***!
   \****************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 eval("{__webpack_require__.r(__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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/r/repulseExpo.js":
+/***/ "./dist/browser/r/repulseExpo.js"
 /*!***************************************!*\
   !*** ./dist/browser/r/repulseExpo.js ***!
   \***************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 eval("{__webpack_require__.r(__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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/r/repulseQuart.js":
+/***/ "./dist/browser/r/repulseQuart.js"
 /*!****************************************!*\
   !*** ./dist/browser/r/repulseQuart.js ***!
   \****************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 eval("{__webpack_require__.r(__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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/r/repulseQuint.js":
+/***/ "./dist/browser/r/repulseQuint.js"
 /*!****************************************!*\
   !*** ./dist/browser/r/repulseQuint.js ***!
   \****************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 eval("{__webpack_require__.r(__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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/r/repulseSine.js":
+/***/ "./dist/browser/r/repulseSine.js"
 /*!***************************************!*\
   !*** ./dist/browser/r/repulseSine.js ***!
   \***************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 eval("{__webpack_require__.r(__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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/r/responsive.js":
+/***/ "./dist/browser/r/responsive.js"
 /*!**************************************!*\
   !*** ./dist/browser/r/responsive.js ***!
   \**************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 eval("{__webpack_require__.r(__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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/r/ring.js":
+/***/ "./dist/browser/r/ring.js"
 /*!********************************!*\
   !*** ./dist/browser/r/ring.js ***!
   \********************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__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}");
+eval("{__webpack_require__.r(__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    },\n    shape: {\n      type: \"circle\"\n    },\n    opacity: {\n      value: 0.05\n    },\n    size: {\n      value: 1\n    }\n  },\n  background: {\n    color: \"#031927\"\n  },\n  emitters: {\n    fill: false,\n    shape: {\n      type: \"circle\"\n    },\n    position: {\n      x: 50,\n      y: 50\n    },\n    size: {\n      width: 250,\n      height: 250,\n      mode: \"precise\"\n    },\n    life: {\n      delay: 10,\n      wait: true\n    },\n    rate: {\n      delay: 0.1,\n      quantity: 10\n    },\n    startCount: 1000\n  },\n  trail: {\n    enable: true,\n    fill: {\n      color: \"#031927\"\n    },\n    length: 1000\n  }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/r/ring.js?\n}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/s/index.js":
+/***/ "./dist/browser/s/index.js"
 /*!*********************************!*\
   !*** ./dist/browser/s/index.js ***!
   \*********************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/s/seaAnemone.js":
+/***/ "./dist/browser/s/seaAnemone.js"
 /*!**************************************!*\
   !*** ./dist/browser/s/seaAnemone.js ***!
   \**************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__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}");
+eval("{__webpack_require__.r(__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    },\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  trail: {\n    fill: {\n      color: \"#000\"\n    },\n    length: 30,\n    enable: true\n  }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/s/seaAnemone.js?\n}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/s/shadow.js":
+/***/ "./dist/browser/s/shadow.js"
 /*!**********************************!*\
   !*** ./dist/browser/s/shadow.js ***!
   \**********************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__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}");
+eval("{__webpack_require__.r(__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    effect: {\n      type: \"shadow\",\n      options: {\n        shadow: {\n          enable: true,\n          color: \"#000000\",\n          blur: 5,\n          offset: {\n            x: 3,\n            y: 3\n          }\n        }\n      }\n    },\n    shape: {\n      type: \"circle\"\n    },\n    opacity: {\n      value: 0.5\n    },\n    size: {\n      value: {\n        min: 1,\n        max: 5\n      }\n    },\n    links: {\n      enable: true,\n      distance: 150,\n      color: \"#ffffff\",\n      opacity: 0.4,\n      width: 1,\n      shadow: {\n        enable: true,\n        blur: 5,\n        color: \"#000000\"\n      }\n    },\n    move: {\n      enable: true,\n      speed: 2\n    }\n  },\n  interactivity: {\n    events: {\n      onHover: {\n        enable: true,\n        mode: \"repulse\",\n        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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/s/shapeArrow.js":
+/***/ "./dist/browser/s/shapeArrow.js"
 /*!**************************************!*\
   !*** ./dist/browser/s/shapeArrow.js ***!
   \**************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 eval("{__webpack_require__.r(__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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/s/shapeCog.js":
+/***/ "./dist/browser/s/shapeCog.js"
 /*!************************************!*\
   !*** ./dist/browser/s/shapeCog.js ***!
   \************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 eval("{__webpack_require__.r(__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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/s/shapeEmoji.js":
+/***/ "./dist/browser/s/shapeEmoji.js"
 /*!**************************************!*\
   !*** ./dist/browser/s/shapeEmoji.js ***!
   \**************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-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}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n\nconst emitterRate = {\n    delay: 0.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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/s/shapeEmojiPadding.js":
+/***/ "./dist/browser/s/shapeEmojiPadding.js"
 /*!*********************************************!*\
   !*** ./dist/browser/s/shapeEmojiPadding.js ***!
   \*********************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 eval("{__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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/s/shapeHeart.js":
+/***/ "./dist/browser/s/shapeHeart.js"
 /*!**************************************!*\
   !*** ./dist/browser/s/shapeHeart.js ***!
   \**************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 eval("{__webpack_require__.r(__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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/s/shapeInfinity.js":
+/***/ "./dist/browser/s/shapeInfinity.js"
 /*!*****************************************!*\
   !*** ./dist/browser/s/shapeInfinity.js ***!
   \*****************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 eval("{__webpack_require__.r(__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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/s/shapeMultilineText.js":
+/***/ "./dist/browser/s/shapeMultilineText.js"
 /*!**********************************************!*\
   !*** ./dist/browser/s/shapeMultilineText.js ***!
   \**********************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 eval("{__webpack_require__.r(__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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/s/shapeOptions.js":
+/***/ "./dist/browser/s/shapeOptions.js"
 /*!****************************************!*\
   !*** ./dist/browser/s/shapeOptions.js ***!
   \****************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__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}");
+eval("{__webpack_require__.r(__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/hdr/plane_alt.png\",\n          width: 128\n        }, {\n          height: 128,\n          src: \"https://particles.js.org/images/hdr/plane_alt.png\",\n          width: 128,\n          particles: {\n            rotate: {\n              value: 0\n            },\n            size: {\n              animation: {\n                enable: true,\n                speed: 64\n              }\n            }\n          }\n        }]\n      },\n      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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/s/shapePath.js":
+/***/ "./dist/browser/s/shapePath.js"
 /*!*************************************!*\
   !*** ./dist/browser/s/shapePath.js ***!
   \*************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 eval("{__webpack_require__.r(__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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/s/shapeRoundedPolygon.js":
+/***/ "./dist/browser/s/shapeRoundedPolygon.js"
 /*!***********************************************!*\
   !*** ./dist/browser/s/shapeRoundedPolygon.js ***!
   \***********************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 eval("{__webpack_require__.r(__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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/s/shapeRoundedRect.js":
+/***/ "./dist/browser/s/shapeRoundedRect.js"
 /*!********************************************!*\
   !*** ./dist/browser/s/shapeRoundedRect.js ***!
   \********************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 eval("{__webpack_require__.r(__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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/s/shapeSpiral.js":
+/***/ "./dist/browser/s/shapeSpiral.js"
 /*!***************************************!*\
   !*** ./dist/browser/s/shapeSpiral.js ***!
   \***************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 eval("{__webpack_require__.r(__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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/s/slow.js":
+/***/ "./dist/browser/s/slow.js"
 /*!********************************!*\
   !*** ./dist/browser/s/slow.js ***!
   \********************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 eval("{__webpack_require__.r(__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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/s/snow.js":
+/***/ "./dist/browser/s/snow.js"
 /*!********************************!*\
   !*** ./dist/browser/s/snow.js ***!
   \********************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 eval("{__webpack_require__.r(__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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/s/soundsAudio.js":
+/***/ "./dist/browser/s/soundsAudio.js"
 /*!***************************************!*\
   !*** ./dist/browser/s/soundsAudio.js ***!
   \***************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 eval("{__webpack_require__.r(__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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/s/soundsLoop.js":
+/***/ "./dist/browser/s/soundsLoop.js"
 /*!**************************************!*\
   !*** ./dist/browser/s/soundsLoop.js ***!
   \**************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 eval("{__webpack_require__.r(__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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/s/soundsMelodies.js":
+/***/ "./dist/browser/s/soundsMelodies.js"
 /*!******************************************!*\
   !*** ./dist/browser/s/soundsMelodies.js ***!
   \******************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 eval("{__webpack_require__.r(__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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/s/soundsMelodyLoop.js":
+/***/ "./dist/browser/s/soundsMelodyLoop.js"
 /*!********************************************!*\
   !*** ./dist/browser/s/soundsMelodyLoop.js ***!
   \********************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 eval("{__webpack_require__.r(__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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/s/soundsNotes.js":
+/***/ "./dist/browser/s/soundsNotes.js"
 /*!***************************************!*\
   !*** ./dist/browser/s/soundsNotes.js ***!
   \***************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 eval("{__webpack_require__.r(__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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/s/speedDecay.js":
+/***/ "./dist/browser/s/speedDecay.js"
 /*!**************************************!*\
   !*** ./dist/browser/s/speedDecay.js ***!
   \**************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__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}");
+eval("{__webpack_require__.r(__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    }\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  trail: {\n    enable: true,\n    fill: {\n      color: \"#000000\"\n    },\n    length: 10\n  }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/s/speedDecay.js?\n}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/s/spin.js":
+/***/ "./dist/browser/s/spin.js"
 /*!********************************!*\
   !*** ./dist/browser/s/spin.js ***!
   \********************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__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}");
+eval("{__webpack_require__.r(__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    }\n  },\n  background: {\n    color: \"#000000\"\n  },\n  trail: {\n    enable: true,\n    fill: {\n      color: \"#000\"\n    },\n    length: 30\n  }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/s/spin.js?\n}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/s/star.js":
+/***/ "./dist/browser/s/star.js"
 /*!********************************!*\
   !*** ./dist/browser/s/star.js ***!
   \********************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 eval("{__webpack_require__.r(__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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/s/strokeAnimation.js":
+/***/ "./dist/browser/s/strokeAnimation.js"
 /*!*******************************************!*\
   !*** ./dist/browser/s/strokeAnimation.js ***!
   \*******************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 eval("{__webpack_require__.r(__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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/s/style.js":
+/***/ "./dist/browser/s/style.js"
 /*!*********************************!*\
   !*** ./dist/browser/s/style.js ***!
   \*********************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__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}");
+eval("{__webpack_require__.r(__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      path: {\n        enable: true,\n        delay: {\n          value: 0.1\n        },\n        options: {\n          size: 50,\n          draw: false,\n          increment: 0.001\n        },\n        generator: \"perlinNoise\"\n      }\n    }\n  },\n  interactivity: {\n    events: {\n      onHover: {\n        enable: true,\n        mode: \"trail\"\n      },\n      onClick: {\n        enable: true,\n        mode: \"push\"\n      }\n    },\n    modes: {\n      push: {\n        quantity: 4\n      },\n      trail: {\n        delay: 0.1,\n        pauseOnStop: true\n      }\n    }\n  },\n  background: {\n    color: \"#000000\"\n  },\n  style: {\n    filter: \"blur(50px)\"\n  },\n  trail: {\n    enable: true,\n    length: 50,\n    fill: {\n      color: \"#000\"\n    }\n  }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/s/style.js?\n}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/s/svgReplace.js":
+/***/ "./dist/browser/s/svgReplace.js"
 /*!**************************************!*\
   !*** ./dist/browser/s/svgReplace.js ***!
   \**************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 eval("{__webpack_require__.r(__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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/t/index.js":
+/***/ "./dist/browser/t/index.js"
 /*!*********************************!*\
   !*** ./dist/browser/t/index.js ***!
   \*********************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/t/test.js":
+/***/ "./dist/browser/t/test.js"
 /*!********************************!*\
   !*** ./dist/browser/t/test.js ***!
   \********************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 eval("{__webpack_require__.r(__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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/t/textMask.js":
+/***/ "./dist/browser/t/textMask.js"
 /*!************************************!*\
   !*** ./dist/browser/t/textMask.js ***!
   \************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 eval("{__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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/t/textMaskMultiline.js":
+/***/ "./dist/browser/t/textMaskMultiline.js"
 /*!*********************************************!*\
   !*** ./dist/browser/t/textMaskMultiline.js ***!
   \*********************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 eval("{__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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/t/themes.js":
+/***/ "./dist/browser/t/themes.js"
 /*!**********************************!*\
   !*** ./dist/browser/t/themes.js ***!
   \**********************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 eval("{__webpack_require__.r(__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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/t/tilt.js":
+/***/ "./dist/browser/t/tilt.js"
 /*!********************************!*\
   !*** ./dist/browser/t/tilt.js ***!
   \********************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 eval("{__webpack_require__.r(__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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/t/trail.js":
+/***/ "./dist/browser/t/trail.js"
 /*!*********************************!*\
   !*** ./dist/browser/t/trail.js ***!
   \*********************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__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}");
+eval("{__webpack_require__.r(__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: 5\n    },\n    move: {\n      enable: true,\n      speed: 1,\n      outModes: \"destroy\",\n      path: {\n        enable: true,\n        delay: {\n          value: 0.1\n        },\n        options: {\n          size: 64,\n          draw: false,\n          increment: 0.001\n        },\n        generator: \"perlinNoise\"\n      }\n    }\n  },\n  interactivity: {\n    events: {\n      onHover: {\n        enable: false,\n        mode: \"grab\"\n      },\n      onClick: {\n        enable: false,\n        mode: \"repulse\"\n      }\n    },\n    modes: {\n      grab: {\n        distance: 200,\n        links: {\n          opacity: 1\n        }\n      },\n      bubble: {\n        distance: 400,\n        size: 40,\n        duration: 2,\n        opacity: 8\n      },\n      repulse: {\n        distance: 200\n      },\n      push: {\n        quantity: 4\n      },\n      remove: {\n        quantity: 2\n      }\n    }\n  },\n  trail: {\n    enable: true,\n    fill: {\n      color: \"#000000\"\n    },\n    length: 20\n  }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/t/trail.js?\n}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/t/trailImage.js":
+/***/ "./dist/browser/t/trailImage.js"
 /*!**************************************!*\
   !*** ./dist/browser/t/trailImage.js ***!
   \**************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__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}");
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nconst options = {\n  key: \"trailsImage\",\n  name: \"Trails Image\",\n  background: {\n    color: \"#ffffff\",\n    image: \"url('https://particles.js.org/images/hdr/background3.jpg')\",\n    position: \"50% 50%\",\n    repeat: \"no-repeat\",\n    size: \"cover\"\n  },\n  emitters: {\n    position: {\n      x: 50,\n      y: 50\n    },\n    size: {\n      width: 50,\n      height: 50,\n      mode: \"precise\"\n    },\n    rate: {\n      delay: 1,\n      quantity: 10\n    }\n  },\n  particles: {\n    number: {\n      value: 0,\n      limit: {\n        value: 300\n      }\n    },\n    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: 10\n    },\n    links: {\n      enable: false,\n      distance: 150,\n      color: \"#ffffff\",\n      opacity: 0.4,\n      width: 1\n    },\n    move: {\n      enable: true,\n      speed: 2,\n      direction: \"none\",\n      random: false,\n      straight: false,\n      outModes: {\n        default: \"destroy\"\n      },\n      path: {\n        enable: true,\n        delay: {\n          value: 0.1\n        },\n        options: {\n          size: 64,\n          draw: false,\n          increment: 0.001\n        },\n        generator: \"perlinNoise\"\n      }\n    }\n  },\n  interactivity: {\n    events: {\n      onHover: {\n        enable: false,\n        mode: \"grab\"\n      },\n      onClick: {\n        enable: false,\n        mode: \"repulse\"\n      }\n    },\n    modes: {\n      grab: {\n        distance: 200,\n        links: {\n          opacity: 1\n        }\n      },\n      bubble: {\n        distance: 400,\n        size: 40,\n        duration: 2,\n        opacity: 8\n      },\n      repulse: {\n        distance: 200\n      },\n      push: {\n        quantity: 4\n      },\n      remove: {\n        quantity: 2\n      }\n    }\n  },\n  trail: {\n    enable: true,\n    fill: {\n      image: \"https://particles.js.org/images/hdr/background3.jpg\"\n    },\n    length: 20\n  }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/t/trailImage.js?\n}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/t/triangles.js":
+/***/ "./dist/browser/t/triangles.js"
 /*!*************************************!*\
   !*** ./dist/browser/t/triangles.js ***!
   \*************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 eval("{__webpack_require__.r(__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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/t/twinkle.js":
+/***/ "./dist/browser/t/twinkle.js"
 /*!***********************************!*\
   !*** ./dist/browser/t/twinkle.js ***!
   \***********************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 eval("{__webpack_require__.r(__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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/u/index.js":
+/***/ "./dist/browser/u/index.js"
 /*!*********************************!*\
   !*** ./dist/browser/u/index.js ***!
   \*********************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/v/index.js":
+/***/ "./dist/browser/v/index.js"
 /*!*********************************!*\
   !*** ./dist/browser/v/index.js ***!
   \*********************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/v/vibrate.js":
+/***/ "./dist/browser/v/vibrate.js"
 /*!***********************************!*\
   !*** ./dist/browser/v/vibrate.js ***!
   \***********************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 eval("{__webpack_require__.r(__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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/v/virus.js":
+/***/ "./dist/browser/v/virus.js"
 /*!*********************************!*\
   !*** ./dist/browser/v/virus.js ***!
   \*********************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval("{__webpack_require__.r(__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}");
+eval("{__webpack_require__.r(__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/hdr/sars-cov-2.png\",\n          width: 32\n        }\n      },\n      type: \"image\"\n    },\n    size: {\n      value: 16\n    }\n  },\n  background: {\n    color: \"#323031\"\n  }\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (options);\n\n//# sourceURL=webpack://@tsparticles/configs/./dist/browser/v/virus.js?\n}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/w/index.js":
+/***/ "./dist/browser/w/index.js"
 /*!*********************************!*\
   !*** ./dist/browser/w/index.js ***!
   \*********************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/w/warp.js":
+/***/ "./dist/browser/w/warp.js"
 /*!********************************!*\
   !*** ./dist/browser/w/warp.js ***!
   \********************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 eval("{__webpack_require__.r(__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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/w/wobble.js":
+/***/ "./dist/browser/w/wobble.js"
 /*!**********************************!*\
   !*** ./dist/browser/w/wobble.js ***!
   \**********************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 eval("{__webpack_require__.r(__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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/w/wobbleBig.js":
+/***/ "./dist/browser/w/wobbleBig.js"
 /*!*************************************!*\
   !*** ./dist/browser/w/wobbleBig.js ***!
   \*************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 eval("{__webpack_require__.r(__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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/x/index.js":
+/***/ "./dist/browser/x/index.js"
 /*!*********************************!*\
   !*** ./dist/browser/x/index.js ***!
   \*********************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/y/index.js":
+/***/ "./dist/browser/y/index.js"
 /*!*********************************!*\
   !*** ./dist/browser/y/index.js ***!
   \*********************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/z/index.js":
+/***/ "./dist/browser/z/index.js"
 /*!*********************************!*\
   !*** ./dist/browser/z/index.js ***!
   \*********************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 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}");
 
-/***/ }),
+/***/ },
 
-/***/ "./dist/browser/z/zIndex.js":
+/***/ "./dist/browser/z/zIndex.js"
 /*!**********************************!*\
   !*** ./dist/browser/z/zIndex.js ***!
   \**********************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 eval("{__webpack_require__.r(__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}");
 
-/***/ }),
+/***/ },
 
-/***/ "@tsparticles/engine":
+/***/ "@tsparticles/engine"
 /*!*********************************************************************************************************************************!*\
   !*** external {"commonjs":"@tsparticles/engine","commonjs2":"@tsparticles/engine","amd":"@tsparticles/engine","root":"window"} ***!
   \*********************************************************************************************************************************/
-/***/ ((module) => {
+(module) {
 
 module.exports = __WEBPACK_EXTERNAL_MODULE__tsparticles_engine__;
 
-/***/ })
+/***/ }
 
 /******/ 	});
 /************************************************************************/
@@ -1920,6 +1940,12 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__tsparticles_engine__;
 /******/ 		if (cachedModule !== undefined) {
 /******/ 			return cachedModule.exports;
 /******/ 		}
+/******/ 		// Check if module exists (development only)
+/******/ 		if (__webpack_modules__[moduleId] === undefined) {
+/******/ 			var e = new Error("Cannot find module '" + moduleId + "'");
+/******/ 			e.code = 'MODULE_NOT_FOUND';
+/******/ 			throw e;
+/******/ 		}
 /******/ 		// Create a new module (and put it into the cache)
 /******/ 		var module = __webpack_module_cache__[moduleId] = {
 /******/ 			// no module.id needed
@@ -1935,18 +1961,6 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__tsparticles_engine__;
 /******/ 	}
 /******/ 	
 /************************************************************************/
-/******/ 	/* webpack/runtime/compat get default export */
-/******/ 	(() => {
-/******/ 		// getDefaultExport function for compatibility with non-harmony modules
-/******/ 		__webpack_require__.n = (module) => {
-/******/ 			var getter = module && module.__esModule ?
-/******/ 				() => (module['default']) :
-/******/ 				() => (module);
-/******/ 			__webpack_require__.d(getter, { a: getter });
-/******/ 			return getter;
-/******/ 		};
-/******/ 	})();
-/******/ 	
 /******/ 	/* webpack/runtime/define property getters */
 /******/ 	(() => {
 /******/ 		// define getter functions for harmony exports