reacthub-pixitweenjs 0.2.107-test.0 → 0.2.107-test.1

package/dist/index.es.js

@@ -241,19 +241,19 @@ const GsapPixieContext = React.createContext({}), Events = {
   ), Oe = React.useCallback(() => {
     if (E.current === null)
       return;
-    const Le = E.current.x, Ne = E.current.y, Ve = E.current.width, Xe = E.current.height, Ue = E.current.rotation, We = [
+    const Le = E.current.x, Ne = E.current.y, Ve = E.current.width, We = E.current.height, Ue = E.current.rotation, Xe = [
       E.current.scale.x,
       E.current.scale.y
-    ], He = We[0] < 0 ? -1 : 1, ze = We[1] < 0 ? -1 : 1;
+    ], ze = Xe[0] < 0 ? -1 : 1, He = Xe[1] < 0 ? -1 : 1;
     B && (B({
       uniqueId: Y,
       transformation: {
         x: Math.round(Le),
         y: Math.round(Ne),
         width: Math.round(Math.max(5, Ve)),
-        height: Math.round(Math.max(5, Xe)),
+        height: Math.round(Math.max(5, We)),
         rotation: Ue,
-        scale: K ? We : [He, ze]
+        scale: K ? Xe : [ze, He]
         // @todo: fix this for text
       }
     }), emitCustomEvent(Events.TRANSFORMER_DRAG_END, { uniqueId: "timeline" })), Z.current.isDragging = !1;
@@ -283,75 +283,29 @@ const GsapPixieContext = React.createContext({}), Events = {
     }
   );
 };
-function listCacheClear$1() {
-  this.__data__ = [], this.size = 0;
-}
-var _listCacheClear = listCacheClear$1;
-function eq$2(C, E) {
-  return C === E || C !== C && E !== E;
-}
-var eq_1 = eq$2, eq$1 = eq_1;
-function assocIndexOf$4(C, E) {
-  for (var I = C.length; I--; )
-    if (eq$1(C[I][0], E))
-      return I;
-  return -1;
-}
-var _assocIndexOf = assocIndexOf$4, assocIndexOf$3 = _assocIndexOf, arrayProto = Array.prototype, splice = arrayProto.splice;
-function listCacheDelete$1(C) {
-  var E = this.__data__, I = assocIndexOf$3(E, C);
-  if (I < 0)
-    return !1;
-  var B = E.length - 1;
-  return I == B ? E.pop() : splice.call(E, I, 1), --this.size, !0;
-}
-var _listCacheDelete = listCacheDelete$1, assocIndexOf$2 = _assocIndexOf;
-function listCacheGet$1(C) {
-  var E = this.__data__, I = assocIndexOf$2(E, C);
-  return I < 0 ? void 0 : E[I][1];
-}
-var _listCacheGet = listCacheGet$1, assocIndexOf$1 = _assocIndexOf;
-function listCacheHas$1(C) {
-  return assocIndexOf$1(this.__data__, C) > -1;
-}
-var _listCacheHas = listCacheHas$1, assocIndexOf = _assocIndexOf;
-function listCacheSet$1(C, E) {
-  var I = this.__data__, B = assocIndexOf(I, C);
-  return B < 0 ? (++this.size, I.push([C, E])) : I[B][1] = E, this;
-}
-var _listCacheSet = listCacheSet$1, listCacheClear = _listCacheClear, listCacheDelete = _listCacheDelete, listCacheGet = _listCacheGet, listCacheHas = _listCacheHas, listCacheSet = _listCacheSet;
-function ListCache$4(C) {
-  var E = -1, I = C == null ? 0 : C.length;
-  for (this.clear(); ++E < I; ) {
-    var B = C[E];
-    this.set(B[0], B[1]);
-  }
-}
-ListCache$4.prototype.clear = listCacheClear;
-ListCache$4.prototype.delete = listCacheDelete;
-ListCache$4.prototype.get = listCacheGet;
-ListCache$4.prototype.has = listCacheHas;
-ListCache$4.prototype.set = listCacheSet;
-var _ListCache = ListCache$4, ListCache$3 = _ListCache;
-function stackClear$1() {
-  this.__data__ = new ListCache$3(), this.size = 0;
-}
-var _stackClear = stackClear$1;
-function stackDelete$1(C) {
-  var E = this.__data__, I = E.delete(C);
-  return this.size = E.size, I;
+var objectProto$c = Object.prototype;
+function isPrototype$2(C) {
+  var E = C && C.constructor, I = typeof E == "function" && E.prototype || objectProto$c;
+  return C === I;
 }
-var _stackDelete = stackDelete$1;
-function stackGet$1(C) {
-  return this.__data__.get(C);
+var _isPrototype = isPrototype$2;
+function overArg$1(C, E) {
+  return function(I) {
+    return C(E(I));
+  };
 }
-var _stackGet = stackGet$1;
-function stackHas$1(C) {
-  return this.__data__.has(C);
+var _overArg = overArg$1, overArg = _overArg, nativeKeys$1 = overArg(Object.keys, Object), _nativeKeys = nativeKeys$1, isPrototype$1 = _isPrototype, nativeKeys = _nativeKeys, objectProto$b = Object.prototype, hasOwnProperty$9 = objectProto$b.hasOwnProperty;
+function baseKeys$2(C) {
+  if (!isPrototype$1(C))
+    return nativeKeys(C);
+  var E = [];
+  for (var I in Object(C))
+    hasOwnProperty$9.call(C, I) && I != "constructor" && E.push(I);
+  return E;
 }
-var _stackHas = stackHas$1, freeGlobal$1 = typeof commonjsGlobal$1 == "object" && commonjsGlobal$1 && commonjsGlobal$1.Object === Object && commonjsGlobal$1, _freeGlobal = freeGlobal$1, freeGlobal = _freeGlobal, freeSelf = typeof self == "object" && self && self.Object === Object && self, root$9 = freeGlobal || freeSelf || Function("return this")(), _root = root$9, root$8 = _root, Symbol$5 = root$8.Symbol, _Symbol = Symbol$5, Symbol$4 = _Symbol, objectProto$c = Object.prototype, hasOwnProperty$9 = objectProto$c.hasOwnProperty, nativeObjectToString$1 = objectProto$c.toString, symToStringTag$1 = Symbol$4 ? Symbol$4.toStringTag : void 0;
+var _baseKeys = baseKeys$2, freeGlobal$1 = typeof commonjsGlobal$1 == "object" && commonjsGlobal$1 && commonjsGlobal$1.Object === Object && commonjsGlobal$1, _freeGlobal = freeGlobal$1, freeGlobal = _freeGlobal, freeSelf = typeof self == "object" && self && self.Object === Object && self, root$9 = freeGlobal || freeSelf || Function("return this")(), _root = root$9, root$8 = _root, Symbol$5 = root$8.Symbol, _Symbol = Symbol$5, Symbol$4 = _Symbol, objectProto$a = Object.prototype, hasOwnProperty$8 = objectProto$a.hasOwnProperty, nativeObjectToString$1 = objectProto$a.toString, symToStringTag$1 = Symbol$4 ? Symbol$4.toStringTag : void 0;
 function getRawTag$1(C) {
-  var E = hasOwnProperty$9.call(C, symToStringTag$1), I = C[symToStringTag$1];
+  var E = hasOwnProperty$8.call(C, symToStringTag$1), I = C[symToStringTag$1];
   try {
     C[symToStringTag$1] = void 0;
     var B = !0;
@@ -360,7 +314,7 @@ function getRawTag$1(C) {
   var U = nativeObjectToString$1.call(C);
   return B && (E ? C[symToStringTag$1] = I : delete C[symToStringTag$1]), U;
 }
-var _getRawTag = getRawTag$1, objectProto$b = Object.prototype, nativeObjectToString = objectProto$b.toString;
+var _getRawTag = getRawTag$1, objectProto$9 = Object.prototype, nativeObjectToString = objectProto$9.toString;
 function objectToString$2(C) {
   return nativeObjectToString.call(C);
 }
@@ -401,8 +355,8 @@ function toSource$2(C) {
   }
   return "";
 }
-var _toSource = toSource$2, isFunction$1 = isFunction_1, isMasked = _isMasked, isObject$3 = isObject_1, toSource$1 = _toSource, reRegExpChar = /[\\^$.*+?()[\]{}|]/g, reIsHostCtor = /^\[object .+?Constructor\]$/, funcProto = Function.prototype, objectProto$a = Object.prototype, funcToString = funcProto.toString, hasOwnProperty$8 = objectProto$a.hasOwnProperty, reIsNative = RegExp(
-  "^" + funcToString.call(hasOwnProperty$8).replace(reRegExpChar, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
+var _toSource = toSource$2, isFunction$1 = isFunction_1, isMasked = _isMasked, isObject$3 = isObject_1, toSource$1 = _toSource, reRegExpChar = /[\\^$.*+?()[\]{}|]/g, reIsHostCtor = /^\[object .+?Constructor\]$/, funcProto = Function.prototype, objectProto$8 = Object.prototype, funcToString = funcProto.toString, hasOwnProperty$7 = objectProto$8.hasOwnProperty, reIsNative = RegExp(
+  "^" + funcToString.call(hasOwnProperty$7).replace(reRegExpChar, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
 );
 function baseIsNative$1(C) {
   if (!isObject$3(C) || isMasked(C))
@@ -419,718 +373,333 @@ function getNative$6(C, E) {
   var I = getValue(C, E);
   return baseIsNative(I) ? I : void 0;
 }
-var _getNative = getNative$6, getNative$5 = _getNative, root$6 = _root, Map$4 = getNative$5(root$6, "Map"), _Map = Map$4, getNative$4 = _getNative, nativeCreate$4 = getNative$4(Object, "create"), _nativeCreate = nativeCreate$4, nativeCreate$3 = _nativeCreate;
-function hashClear$1() {
-  this.__data__ = nativeCreate$3 ? nativeCreate$3(null) : {}, this.size = 0;
+var _getNative = getNative$6, getNative$5 = _getNative, root$6 = _root, DataView$2 = getNative$5(root$6, "DataView"), _DataView = DataView$2, getNative$4 = _getNative, root$5 = _root, Map$4 = getNative$4(root$5, "Map"), _Map = Map$4, getNative$3 = _getNative, root$4 = _root, Promise$2 = getNative$3(root$4, "Promise"), _Promise = Promise$2, getNative$2 = _getNative, root$3 = _root, Set$2 = getNative$2(root$3, "Set"), _Set = Set$2, getNative$1 = _getNative, root$2 = _root, WeakMap$2 = getNative$1(root$2, "WeakMap"), _WeakMap = WeakMap$2, DataView$1 = _DataView, Map$3 = _Map, Promise$1 = _Promise, Set$1 = _Set, WeakMap$1 = _WeakMap, baseGetTag$3 = _baseGetTag, toSource = _toSource, mapTag$3 = "[object Map]", objectTag$2 = "[object Object]", promiseTag = "[object Promise]", setTag$3 = "[object Set]", weakMapTag$1 = "[object WeakMap]", dataViewTag$2 = "[object DataView]", dataViewCtorString = toSource(DataView$1), mapCtorString = toSource(Map$3), promiseCtorString = toSource(Promise$1), setCtorString = toSource(Set$1), weakMapCtorString = toSource(WeakMap$1), getTag$2 = baseGetTag$3;
+(DataView$1 && getTag$2(new DataView$1(new ArrayBuffer(1))) != dataViewTag$2 || Map$3 && getTag$2(new Map$3()) != mapTag$3 || Promise$1 && getTag$2(Promise$1.resolve()) != promiseTag || Set$1 && getTag$2(new Set$1()) != setTag$3 || WeakMap$1 && getTag$2(new WeakMap$1()) != weakMapTag$1) && (getTag$2 = function(C) {
+  var E = baseGetTag$3(C), I = E == objectTag$2 ? C.constructor : void 0, B = I ? toSource(I) : "";
+  if (B)
+    switch (B) {
+      case dataViewCtorString:
+        return dataViewTag$2;
+      case mapCtorString:
+        return mapTag$3;
+      case promiseCtorString:
+        return promiseTag;
+      case setCtorString:
+        return setTag$3;
+      case weakMapCtorString:
+        return weakMapTag$1;
+    }
+  return E;
+});
+var _getTag = getTag$2;
+function isObjectLike$5(C) {
+  return C != null && typeof C == "object";
 }
-var _hashClear = hashClear$1;
-function hashDelete$1(C) {
-  var E = this.has(C) && delete this.__data__[C];
-  return this.size -= E ? 1 : 0, E;
+var isObjectLike_1 = isObjectLike$5, baseGetTag$2 = _baseGetTag, isObjectLike$4 = isObjectLike_1, argsTag$2 = "[object Arguments]";
+function baseIsArguments$1(C) {
+  return isObjectLike$4(C) && baseGetTag$2(C) == argsTag$2;
 }
-var _hashDelete = hashDelete$1, nativeCreate$2 = _nativeCreate, HASH_UNDEFINED$2 = "__lodash_hash_undefined__", objectProto$9 = Object.prototype, hasOwnProperty$7 = objectProto$9.hasOwnProperty;
-function hashGet$1(C) {
-  var E = this.__data__;
-  if (nativeCreate$2) {
-    var I = E[C];
-    return I === HASH_UNDEFINED$2 ? void 0 : I;
-  }
-  return hasOwnProperty$7.call(E, C) ? E[C] : void 0;
+var _baseIsArguments = baseIsArguments$1, baseIsArguments = _baseIsArguments, isObjectLike$3 = isObjectLike_1, objectProto$7 = Object.prototype, hasOwnProperty$6 = objectProto$7.hasOwnProperty, propertyIsEnumerable$1 = objectProto$7.propertyIsEnumerable, isArguments$3 = baseIsArguments(function() {
+  return arguments;
+}()) ? baseIsArguments : function(C) {
+  return isObjectLike$3(C) && hasOwnProperty$6.call(C, "callee") && !propertyIsEnumerable$1.call(C, "callee");
+}, isArguments_1 = isArguments$3, isArray$e = Array.isArray, isArray_1 = isArray$e, MAX_SAFE_INTEGER$1 = 9007199254740991;
+function isLength$3(C) {
+  return typeof C == "number" && C > -1 && C % 1 == 0 && C <= MAX_SAFE_INTEGER$1;
 }
-var _hashGet = hashGet$1, nativeCreate$1 = _nativeCreate, objectProto$8 = Object.prototype, hasOwnProperty$6 = objectProto$8.hasOwnProperty;
-function hashHas$1(C) {
-  var E = this.__data__;
-  return nativeCreate$1 ? E[C] !== void 0 : hasOwnProperty$6.call(E, C);
+var isLength_1 = isLength$3, isFunction = isFunction_1, isLength$2 = isLength_1;
+function isArrayLike$4(C) {
+  return C != null && isLength$2(C.length) && !isFunction(C);
 }
-var _hashHas = hashHas$1, nativeCreate = _nativeCreate, HASH_UNDEFINED$1 = "__lodash_hash_undefined__";
-function hashSet$1(C, E) {
-  var I = this.__data__;
-  return this.size += this.has(C) ? 0 : 1, I[C] = nativeCreate && E === void 0 ? HASH_UNDEFINED$1 : E, this;
+var isArrayLike_1 = isArrayLike$4, isBuffer$4 = { exports: {} };
+function stubFalse() {
+  return !1;
 }
-var _hashSet = hashSet$1, hashClear = _hashClear, hashDelete = _hashDelete, hashGet = _hashGet, hashHas = _hashHas, hashSet = _hashSet;
-function Hash$1(C) {
-  var E = -1, I = C == null ? 0 : C.length;
-  for (this.clear(); ++E < I; ) {
-    var B = C[E];
-    this.set(B[0], B[1]);
-  }
+var stubFalse_1 = stubFalse;
+isBuffer$4.exports;
+(function(C, E) {
+  var I = _root, B = stubFalse_1, U = E && !E.nodeType && E, V = U && !0 && C && !C.nodeType && C, X = V && V.exports === U, Y = X ? I.Buffer : void 0, K = Y ? Y.isBuffer : void 0, J = K || B;
+  C.exports = J;
+})(isBuffer$4, isBuffer$4.exports);
+var isBufferExports = isBuffer$4.exports, baseGetTag$1 = _baseGetTag, isLength$1 = isLength_1, isObjectLike$2 = isObjectLike_1, argsTag$1 = "[object Arguments]", arrayTag$1 = "[object Array]", boolTag$1 = "[object Boolean]", dateTag$1 = "[object Date]", errorTag$1 = "[object Error]", funcTag = "[object Function]", mapTag$2 = "[object Map]", numberTag$1 = "[object Number]", objectTag$1 = "[object Object]", regexpTag$1 = "[object RegExp]", setTag$2 = "[object Set]", stringTag$1 = "[object String]", weakMapTag = "[object WeakMap]", arrayBufferTag$1 = "[object ArrayBuffer]", dataViewTag$1 = "[object DataView]", float32Tag = "[object Float32Array]", float64Tag = "[object Float64Array]", int8Tag = "[object Int8Array]", int16Tag = "[object Int16Array]", int32Tag = "[object Int32Array]", uint8Tag = "[object Uint8Array]", uint8ClampedTag = "[object Uint8ClampedArray]", uint16Tag = "[object Uint16Array]", uint32Tag = "[object Uint32Array]", typedArrayTags = {};
+typedArrayTags[float32Tag] = typedArrayTags[float64Tag] = typedArrayTags[int8Tag] = typedArrayTags[int16Tag] = typedArrayTags[int32Tag] = typedArrayTags[uint8Tag] = typedArrayTags[uint8ClampedTag] = typedArrayTags[uint16Tag] = typedArrayTags[uint32Tag] = !0;
+typedArrayTags[argsTag$1] = typedArrayTags[arrayTag$1] = typedArrayTags[arrayBufferTag$1] = typedArrayTags[boolTag$1] = typedArrayTags[dataViewTag$1] = typedArrayTags[dateTag$1] = typedArrayTags[errorTag$1] = typedArrayTags[funcTag] = typedArrayTags[mapTag$2] = typedArrayTags[numberTag$1] = typedArrayTags[objectTag$1] = typedArrayTags[regexpTag$1] = typedArrayTags[setTag$2] = typedArrayTags[stringTag$1] = typedArrayTags[weakMapTag] = !1;
+function baseIsTypedArray$1(C) {
+  return isObjectLike$2(C) && isLength$1(C.length) && !!typedArrayTags[baseGetTag$1(C)];
 }
-Hash$1.prototype.clear = hashClear;
-Hash$1.prototype.delete = hashDelete;
-Hash$1.prototype.get = hashGet;
-Hash$1.prototype.has = hashHas;
-Hash$1.prototype.set = hashSet;
-var _Hash = Hash$1, Hash = _Hash, ListCache$2 = _ListCache, Map$3 = _Map;
-function mapCacheClear$1() {
-  this.size = 0, this.__data__ = {
-    hash: new Hash(),
-    map: new (Map$3 || ListCache$2)(),
-    string: new Hash()
+var _baseIsTypedArray = baseIsTypedArray$1;
+function baseUnary$1(C) {
+  return function(E) {
+    return C(E);
   };
 }
-var _mapCacheClear = mapCacheClear$1;
-function isKeyable$1(C) {
-  var E = typeof C;
-  return E == "string" || E == "number" || E == "symbol" || E == "boolean" ? C !== "__proto__" : C === null;
-}
-var _isKeyable = isKeyable$1, isKeyable = _isKeyable;
-function getMapData$4(C, E) {
-  var I = C.__data__;
-  return isKeyable(E) ? I[typeof E == "string" ? "string" : "hash"] : I.map;
-}
-var _getMapData = getMapData$4, getMapData$3 = _getMapData;
-function mapCacheDelete$1(C) {
-  var E = getMapData$3(this, C).delete(C);
-  return this.size -= E ? 1 : 0, E;
-}
-var _mapCacheDelete = mapCacheDelete$1, getMapData$2 = _getMapData;
-function mapCacheGet$1(C) {
-  return getMapData$2(this, C).get(C);
-}
-var _mapCacheGet = mapCacheGet$1, getMapData$1 = _getMapData;
-function mapCacheHas$1(C) {
-  return getMapData$1(this, C).has(C);
-}
-var _mapCacheHas = mapCacheHas$1, getMapData = _getMapData;
-function mapCacheSet$1(C, E) {
-  var I = getMapData(this, C), B = I.size;
-  return I.set(C, E), this.size += I.size == B ? 0 : 1, this;
-}
-var _mapCacheSet = mapCacheSet$1, mapCacheClear = _mapCacheClear, mapCacheDelete = _mapCacheDelete, mapCacheGet = _mapCacheGet, mapCacheHas = _mapCacheHas, mapCacheSet = _mapCacheSet;
-function MapCache$3(C) {
-  var E = -1, I = C == null ? 0 : C.length;
-  for (this.clear(); ++E < I; ) {
-    var B = C[E];
-    this.set(B[0], B[1]);
-  }
+var _baseUnary = baseUnary$1, _nodeUtil = { exports: {} };
+_nodeUtil.exports;
+(function(C, E) {
+  var I = _freeGlobal, B = E && !E.nodeType && E, U = B && !0 && C && !C.nodeType && C, V = U && U.exports === B, X = V && I.process, Y = function() {
+    try {
+      var K = U && U.require && U.require("util").types;
+      return K || X && X.binding && X.binding("util");
+    } catch {
+    }
+  }();
+  C.exports = Y;
+})(_nodeUtil, _nodeUtil.exports);
+var _nodeUtilExports = _nodeUtil.exports, baseIsTypedArray = _baseIsTypedArray, baseUnary = _baseUnary, nodeUtil = _nodeUtilExports, nodeIsTypedArray = nodeUtil && nodeUtil.isTypedArray, isTypedArray$3 = nodeIsTypedArray ? baseUnary(nodeIsTypedArray) : baseIsTypedArray, isTypedArray_1 = isTypedArray$3, baseKeys$1 = _baseKeys, getTag$1 = _getTag, isArguments$2 = isArguments_1, isArray$d = isArray_1, isArrayLike$3 = isArrayLike_1, isBuffer$3 = isBufferExports, isPrototype = _isPrototype, isTypedArray$2 = isTypedArray_1, mapTag$1 = "[object Map]", setTag$1 = "[object Set]", objectProto$6 = Object.prototype, hasOwnProperty$5 = objectProto$6.hasOwnProperty;
+function isEmpty(C) {
+  if (C == null)
+    return !0;
+  if (isArrayLike$3(C) && (isArray$d(C) || typeof C == "string" || typeof C.splice == "function" || isBuffer$3(C) || isTypedArray$2(C) || isArguments$2(C)))
+    return !C.length;
+  var E = getTag$1(C);
+  if (E == mapTag$1 || E == setTag$1)
+    return !C.size;
+  if (isPrototype(C))
+    return !baseKeys$1(C).length;
+  for (var I in C)
+    if (hasOwnProperty$5.call(C, I))
+      return !1;
+  return !0;
 }
-MapCache$3.prototype.clear = mapCacheClear;
-MapCache$3.prototype.delete = mapCacheDelete;
-MapCache$3.prototype.get = mapCacheGet;
-MapCache$3.prototype.has = mapCacheHas;
-MapCache$3.prototype.set = mapCacheSet;
-var _MapCache = MapCache$3, ListCache$1 = _ListCache, Map$2 = _Map, MapCache$2 = _MapCache, LARGE_ARRAY_SIZE = 200;
-function stackSet$1(C, E) {
-  var I = this.__data__;
-  if (I instanceof ListCache$1) {
-    var B = I.__data__;
-    if (!Map$2 || B.length < LARGE_ARRAY_SIZE - 1)
-      return B.push([C, E]), this.size = ++I.size, this;
-    I = this.__data__ = new MapCache$2(B);
+var isEmpty_1 = isEmpty;
+const isEmpty$1 = /* @__PURE__ */ getDefaultExportFromCjs(isEmpty_1);
+var OverlayTypes = /* @__PURE__ */ ((C) => (C.NONE = "none", C.NORMAL = "normal", C.LENSFLARE = "lensflare", C.FILMSTRIP = "filmstrip", C.GRUNGE = "grunge", C.BRICKS = "bricks", C))(OverlayTypes || {});
+const overlays = {
+  normal: {
+    src: "https://eyecastvideoeditorfiles.s3.ap-southeast-2.amazonaws.com/assets/overlays/eyecast_lensflare_overlay_50.jpg",
+    blendmode: "ADD",
+    alpha: 0
+    // opacity 0 - 1
+  },
+  lensflare: {
+    src: "https://eyecastvideoeditorfiles.s3.ap-southeast-2.amazonaws.com/assets/overlays/eyecast_lensflare_overlay_50.jpg",
+    blendmode: "ADD",
+    alpha: 1
+    // opacity 0 - 1
+  },
+  filmstrip: {
+    src: "https://eyecastvideoeditorfiles.s3.ap-southeast-2.amazonaws.com/assets/overlays/frames_filmstrip_5.png",
+    blendmode: "ADD",
+    alpha: 1
+    // opacity 0 - 1
+  },
+  grunge: {
+    src: "https://eyecastvideoeditorfiles.s3.ap-southeast-2.amazonaws.com/assets/overlays/pixi_overlay_grunge_60.jpg",
+    blendmode: "ADD",
+    alpha: 1
+    // opacity 0 - 1
+  },
+  bricks: {
+    src: "https://eyecastvideoeditorfiles.s3.ap-southeast-2.amazonaws.com/assets/overlays/bricks_Overlay_100.jpg",
+    blendmode: "MULTIPLY",
+    alpha: 1
+    // opacity 0 - 1
   }
-  return I.set(C, E), this.size = I.size, this;
-}
-var _stackSet = stackSet$1, ListCache = _ListCache, stackClear = _stackClear, stackDelete = _stackDelete, stackGet = _stackGet, stackHas = _stackHas, stackSet = _stackSet;
-function Stack$2(C) {
-  var E = this.__data__ = new ListCache(C);
-  this.size = E.size;
-}
-Stack$2.prototype.clear = stackClear;
-Stack$2.prototype.delete = stackDelete;
-Stack$2.prototype.get = stackGet;
-Stack$2.prototype.has = stackHas;
-Stack$2.prototype.set = stackSet;
-var _Stack = Stack$2, HASH_UNDEFINED = "__lodash_hash_undefined__";
-function setCacheAdd$1(C) {
-  return this.__data__.set(C, HASH_UNDEFINED), this;
-}
-var _setCacheAdd = setCacheAdd$1;
-function setCacheHas$1(C) {
-  return this.__data__.has(C);
-}
-var _setCacheHas = setCacheHas$1, MapCache$1 = _MapCache, setCacheAdd = _setCacheAdd, setCacheHas = _setCacheHas;
-function SetCache$1(C) {
-  var E = -1, I = C == null ? 0 : C.length;
-  for (this.__data__ = new MapCache$1(); ++E < I; )
-    this.add(C[E]);
-}
-SetCache$1.prototype.add = SetCache$1.prototype.push = setCacheAdd;
-SetCache$1.prototype.has = setCacheHas;
-var _SetCache = SetCache$1;
-function arraySome$1(C, E) {
-  for (var I = -1, B = C == null ? 0 : C.length; ++I < B; )
-    if (E(C[I], I, C))
-      return !0;
-  return !1;
-}
-var _arraySome = arraySome$1;
-function cacheHas$1(C, E) {
-  return C.has(E);
-}
-var _cacheHas = cacheHas$1, SetCache = _SetCache, arraySome = _arraySome, cacheHas = _cacheHas, COMPARE_PARTIAL_FLAG$5 = 1, COMPARE_UNORDERED_FLAG$3 = 2;
-function equalArrays$2(C, E, I, B, U, V) {
-  var X = I & COMPARE_PARTIAL_FLAG$5, Y = C.length, K = E.length;
-  if (Y != K && !(X && K > Y))
-    return !1;
-  var J = V.get(C), xe = V.get(E);
-  if (J && xe)
-    return J == E && xe == C;
-  var Z = -1, _e = !0, Se = I & COMPARE_UNORDERED_FLAG$3 ? new SetCache() : void 0;
-  for (V.set(C, E), V.set(E, C); ++Z < Y; ) {
-    var Ee = C[Z], Ae = E[Z];
-    if (B)
-      var Re = X ? B(Ae, Ee, Z, E, C, V) : B(Ee, Ae, Z, C, E, V);
-    if (Re !== void 0) {
-      if (Re)
-        continue;
-      _e = !1;
-      break;
-    }
-    if (Se) {
-      if (!arraySome(E, function(Te, we) {
-        if (!cacheHas(Se, we) && (Ee === Te || U(Ee, Te, I, B, V)))
-          return Se.push(we);
-      })) {
-        _e = !1;
-        break;
-      }
-    } else if (!(Ee === Ae || U(Ee, Ae, I, B, V))) {
-      _e = !1;
-      break;
+}, PixiOverlayTilingSprite = (C) => {
+  const { overlay: E, width: I, height: B, x: U, y: V } = C, { src: X, blendmode: Y } = overlays[E] || overlays.normal;
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    TilingSprite,
+    {
+      image: X,
+      width: I,
+      height: B,
+      x: U,
+      y: V,
+      tilePosition: { x: 0, y: 0 },
+      tileScale: 0.5,
+      alpha: 0.5,
+      anchor: 0.5
     }
-  }
-  return V.delete(C), V.delete(E), _e;
-}
-var _equalArrays = equalArrays$2, root$5 = _root, Uint8Array$2 = root$5.Uint8Array, _Uint8Array = Uint8Array$2;
-function mapToArray$1(C) {
-  var E = -1, I = Array(C.size);
-  return C.forEach(function(B, U) {
-    I[++E] = [U, B];
-  }), I;
-}
-var _mapToArray = mapToArray$1;
-function setToArray$1(C) {
-  var E = -1, I = Array(C.size);
-  return C.forEach(function(B) {
-    I[++E] = B;
-  }), I;
+  );
+};
+/*!
+ * paths 3.11.5
+ * https://greensock.com
+ *
+ * Copyright 2008-2023, GreenSock. All rights reserved.
+ * Subject to the terms at https://greensock.com/standard-license or for
+ * Club GreenSock members, the agreement issued with that membership.
+ * @author: Jack Doyle, jack@greensock.com
+*/
+var _svgPathExp = /[achlmqstvz]|(-?\d*\.?\d*(?:e[\-+]?\d+)?)[0-9]/ig, _scientific = /[\+\-]?\d*\.?\d+e[\+\-]?\d+/ig, _DEG2RAD$1 = Math.PI / 180, _sin = Math.sin, _cos = Math.cos, _abs = Math.abs, _sqrt = Math.sqrt, _isNumber = function(E) {
+  return typeof E == "number";
+}, _roundingNum = 1e5, _round$1 = function(E) {
+  return Math.round(E * _roundingNum) / _roundingNum || 0;
+};
+function transformRawPath(C, E, I, B, U, V, X) {
+  for (var Y = C.length, K, J, xe, Z, _e; --Y > -1; )
+    for (K = C[Y], J = K.length, xe = 0; xe < J; xe += 2)
+      Z = K[xe], _e = K[xe + 1], K[xe] = Z * E + _e * B + V, K[xe + 1] = Z * I + _e * U + X;
+  return C._dirty = 1, C;
 }
-var _setToArray = setToArray$1, Symbol$2 = _Symbol, Uint8Array$1 = _Uint8Array, eq = eq_1, equalArrays$1 = _equalArrays, mapToArray = _mapToArray, setToArray = _setToArray, COMPARE_PARTIAL_FLAG$4 = 1, COMPARE_UNORDERED_FLAG$2 = 2, boolTag$1 = "[object Boolean]", dateTag$1 = "[object Date]", errorTag$1 = "[object Error]", mapTag$3 = "[object Map]", numberTag$1 = "[object Number]", regexpTag$1 = "[object RegExp]", setTag$3 = "[object Set]", stringTag$1 = "[object String]", symbolTag$1 = "[object Symbol]", arrayBufferTag$1 = "[object ArrayBuffer]", dataViewTag$2 = "[object DataView]", symbolProto$1 = Symbol$2 ? Symbol$2.prototype : void 0, symbolValueOf = symbolProto$1 ? symbolProto$1.valueOf : void 0;
-function equalByTag$1(C, E, I, B, U, V, X) {
-  switch (I) {
-    case dataViewTag$2:
-      if (C.byteLength != E.byteLength || C.byteOffset != E.byteOffset)
-        return !1;
-      C = C.buffer, E = E.buffer;
-    case arrayBufferTag$1:
-      return !(C.byteLength != E.byteLength || !V(new Uint8Array$1(C), new Uint8Array$1(E)));
-    case boolTag$1:
-    case dateTag$1:
-    case numberTag$1:
-      return eq(+C, +E);
-    case errorTag$1:
-      return C.name == E.name && C.message == E.message;
-    case regexpTag$1:
-    case stringTag$1:
-      return C == E + "";
-    case mapTag$3:
-      var Y = mapToArray;
-    case setTag$3:
-      var K = B & COMPARE_PARTIAL_FLAG$4;
-      if (Y || (Y = setToArray), C.size != E.size && !K)
-        return !1;
-      var J = X.get(C);
-      if (J)
-        return J == E;
-      B |= COMPARE_UNORDERED_FLAG$2, X.set(C, E);
-      var xe = equalArrays$1(Y(C), Y(E), B, U, V, X);
-      return X.delete(C), xe;
-    case symbolTag$1:
-      if (symbolValueOf)
-        return symbolValueOf.call(C) == symbolValueOf.call(E);
+function arcToSegment(C, E, I, B, U, V, X, Y, K) {
+  if (!(C === Y && E === K)) {
+    I = _abs(I), B = _abs(B);
+    var J = U % 360 * _DEG2RAD$1, xe = _cos(J), Z = _sin(J), _e = Math.PI, Se = _e * 2, Ee = (C - Y) / 2, Ae = (E - K) / 2, Re = xe * Ee + Z * Ae, Te = -Z * Ee + xe * Ae, we = Re * Re, Pe = Te * Te, Ie = we / (I * I) + Pe / (B * B);
+    Ie > 1 && (I = _sqrt(Ie) * I, B = _sqrt(Ie) * B);
+    var Me = I * I, Oe = B * B, Le = (Me * Oe - Me * Pe - Oe * we) / (Me * Pe + Oe * we);
+    Le < 0 && (Le = 0);
+    var Ne = (V === X ? -1 : 1) * _sqrt(Le), Ve = Ne * (I * Te / B), We = Ne * -(B * Re / I), Ue = (C + Y) / 2, Xe = (E + K) / 2, ze = Ue + (xe * Ve - Z * We), He = Xe + (Z * Ve + xe * We), je = (Re - Ve) / I, $e = (Te - We) / B, De = (-Re - Ve) / I, Fe = (-Te - We) / B, ke = je * je + $e * $e, Ge = ($e < 0 ? -1 : 1) * Math.acos(je / _sqrt(ke)), Be = (je * Fe - $e * De < 0 ? -1 : 1) * Math.acos((je * De + $e * Fe) / _sqrt(ke * (De * De + Fe * Fe)));
+    isNaN(Be) && (Be = _e), !X && Be > 0 ? Be -= Se : X && Be < 0 && (Be += Se), Ge %= Se, Be %= Se;
+    var qe = Math.ceil(_abs(Be) / (Se / 4)), Ke = [], Ye = Be / qe, Qe = 4 / 3 * _sin(Ye / 2) / (1 + _cos(Ye / 2)), Ze = xe * I, it = Z * I, at = Z * -B, st = xe * B, Je;
+    for (Je = 0; Je < qe; Je++)
+      U = Ge + Je * Ye, Re = _cos(U), Te = _sin(U), je = _cos(U += Ye), $e = _sin(U), Ke.push(Re - Qe * Te, Te + Qe * Re, je + Qe * $e, $e - Qe * je, je, $e);
+    for (Je = 0; Je < Ke.length; Je += 2)
+      Re = Ke[Je], Te = Ke[Je + 1], Ke[Je] = Re * Ze + Te * at + ze, Ke[Je + 1] = Re * it + Te * st + He;
+    return Ke[Je - 2] = Y, Ke[Je - 1] = K, Ke;
   }
-  return !1;
-}
-var _equalByTag = equalByTag$1;
-function arrayPush$1(C, E) {
-  for (var I = -1, B = E.length, U = C.length; ++I < B; )
-    C[U + I] = E[I];
-  return C;
 }
-var _arrayPush = arrayPush$1, isArray$e = Array.isArray, isArray_1 = isArray$e, arrayPush = _arrayPush, isArray$d = isArray_1;
-function baseGetAllKeys$1(C, E, I) {
-  var B = E(C);
-  return isArray$d(C) ? B : arrayPush(B, I(C));
+function stringToRawPath(C) {
+  var E = (C + "").replace(_scientific, function(Ve) {
+    var We = +Ve;
+    return We < 1e-4 && We > -1e-4 ? 0 : We;
+  }).match(_svgPathExp) || [], I = [], B = 0, U = 0, V = 2 / 3, X = E.length, Y = 0, K = "ERROR: malformed path: " + C, J, xe, Z, _e, Se, Ee, Ae, Re, Te, we, Pe, Ie, Me, Oe, Le, Ne = function(We, Ue, Xe, ze) {
+    we = (Xe - We) / 3, Pe = (ze - Ue) / 3, Ae.push(We + we, Ue + Pe, Xe - we, ze - Pe, Xe, ze);
+  };
+  if (!C || !isNaN(E[0]) || isNaN(E[1]))
+    return console.log(K), I;
+  for (J = 0; J < X; J++)
+    if (Me = Se, isNaN(E[J]) ? (Se = E[J].toUpperCase(), Ee = Se !== E[J]) : J--, Z = +E[J + 1], _e = +E[J + 2], Ee && (Z += B, _e += U), J || (Re = Z, Te = _e), Se === "M")
+      Ae && (Ae.length < 8 ? I.length -= 1 : Y += Ae.length), B = Re = Z, U = Te = _e, Ae = [Z, _e], I.push(Ae), J += 2, Se = "L";
+    else if (Se === "C")
+      Ae || (Ae = [0, 0]), Ee || (B = U = 0), Ae.push(Z, _e, B + E[J + 3] * 1, U + E[J + 4] * 1, B += E[J + 5] * 1, U += E[J + 6] * 1), J += 6;
+    else if (Se === "S")
+      we = B, Pe = U, (Me === "C" || Me === "S") && (we += B - Ae[Ae.length - 4], Pe += U - Ae[Ae.length - 3]), Ee || (B = U = 0), Ae.push(we, Pe, Z, _e, B += E[J + 3] * 1, U += E[J + 4] * 1), J += 4;
+    else if (Se === "Q")
+      we = B + (Z - B) * V, Pe = U + (_e - U) * V, Ee || (B = U = 0), B += E[J + 3] * 1, U += E[J + 4] * 1, Ae.push(we, Pe, B + (Z - B) * V, U + (_e - U) * V, B, U), J += 4;
+    else if (Se === "T")
+      we = B - Ae[Ae.length - 4], Pe = U - Ae[Ae.length - 3], Ae.push(B + we, U + Pe, Z + (B + we * 1.5 - Z) * V, _e + (U + Pe * 1.5 - _e) * V, B = Z, U = _e), J += 2;
+    else if (Se === "H")
+      Ne(B, U, B = Z, U), J += 1;
+    else if (Se === "V")
+      Ne(B, U, B, U = Z + (Ee ? U - B : 0)), J += 1;
+    else if (Se === "L" || Se === "Z")
+      Se === "Z" && (Z = Re, _e = Te, Ae.closed = !0), (Se === "L" || _abs(B - Z) > 0.5 || _abs(U - _e) > 0.5) && (Ne(B, U, Z, _e), Se === "L" && (J += 2)), B = Z, U = _e;
+    else if (Se === "A") {
+      if (Oe = E[J + 4], Le = E[J + 5], we = E[J + 6], Pe = E[J + 7], xe = 7, Oe.length > 1 && (Oe.length < 3 ? (Pe = we, we = Le, xe--) : (Pe = Le, we = Oe.substr(2), xe -= 2), Le = Oe.charAt(1), Oe = Oe.charAt(0)), Ie = arcToSegment(B, U, +E[J + 1], +E[J + 2], +E[J + 3], +Oe, +Le, (Ee ? B : 0) + we * 1, (Ee ? U : 0) + Pe * 1), J += xe, Ie)
+        for (xe = 0; xe < Ie.length; xe++)
+          Ae.push(Ie[xe]);
+      B = Ae[Ae.length - 2], U = Ae[Ae.length - 1];
+    } else
+      console.log(K);
+  return J = Ae.length, J < 6 ? (I.pop(), J = 0) : Ae[0] === Ae[J - 2] && Ae[1] === Ae[J - 1] && (Ae.closed = !0), I.totalPoints = Y + J, I;
 }
-var _baseGetAllKeys = baseGetAllKeys$1;
-function arrayFilter$1(C, E) {
-  for (var I = -1, B = C == null ? 0 : C.length, U = 0, V = []; ++I < B; ) {
-    var X = C[I];
-    E(X, I, C) && (V[U++] = X);
+function rawPathToString(C) {
+  _isNumber(C[0]) && (C = [C]);
+  var E = "", I = C.length, B, U, V, X;
+  for (U = 0; U < I; U++) {
+    for (X = C[U], E += "M" + _round$1(X[0]) + "," + _round$1(X[1]) + " C", B = X.length, V = 2; V < B; V++)
+      E += _round$1(X[V++]) + "," + _round$1(X[V++]) + " " + _round$1(X[V++]) + "," + _round$1(X[V++]) + " " + _round$1(X[V++]) + "," + _round$1(X[V]) + " ";
+    X.closed && (E += "z");
   }
-  return V;
-}
-var _arrayFilter = arrayFilter$1;
-function stubArray$1() {
-  return [];
+  return E;
 }
-var stubArray_1 = stubArray$1, arrayFilter = _arrayFilter, stubArray = stubArray_1, objectProto$7 = Object.prototype, propertyIsEnumerable$1 = objectProto$7.propertyIsEnumerable, nativeGetSymbols = Object.getOwnPropertySymbols, getSymbols$1 = nativeGetSymbols ? function(C) {
-  return C == null ? [] : (C = Object(C), arrayFilter(nativeGetSymbols(C), function(E) {
-    return propertyIsEnumerable$1.call(C, E);
-  }));
-} : stubArray, _getSymbols = getSymbols$1;
-function baseTimes$1(C, E) {
-  for (var I = -1, B = Array(C); ++I < C; )
-    B[I] = E(I);
+/*!
+ * CustomEase 3.11.5
+ * https://greensock.com
+ *
+ * @license Copyright 2008-2023, GreenSock. All rights reserved.
+ * Subject to the terms at https://greensock.com/standard-license or for
+ * Club GreenSock members, the agreement issued with that membership.
+ * @author: Jack Doyle, jack@greensock.com
+*/
+var gsap$1, _coreInitted, _getGSAP$1 = function() {
+  return gsap$1 || typeof window < "u" && (gsap$1 = window.gsap) && gsap$1.registerPlugin && gsap$1;
+}, _initCore$1 = function() {
+  gsap$1 = _getGSAP$1(), gsap$1 ? (gsap$1.registerEase("_CE", CustomEase.create), _coreInitted = 1) : console.warn("Please gsap.registerPlugin(CustomEase)");
+}, _bigNum = 1e20, _round = function(E) {
+  return ~~(E * 1e3 + (E < 0 ? -0.5 : 0.5)) / 1e3;
+}, _numExp = /[-+=\.]*\d+[\.e\-\+]*\d*[e\-\+]*\d*/gi, _needsParsingExp = /[cLlsSaAhHvVtTqQ]/g, _findMinimum = function(E) {
+  var I = E.length, B = _bigNum, U;
+  for (U = 1; U < I; U += 6)
+    +E[U] < B && (B = +E[U]);
   return B;
-}
-var _baseTimes = baseTimes$1;
-function isObjectLike$5(C) {
-  return C != null && typeof C == "object";
-}
-var isObjectLike_1 = isObjectLike$5, baseGetTag$3 = _baseGetTag, isObjectLike$4 = isObjectLike_1, argsTag$2 = "[object Arguments]";
-function baseIsArguments$1(C) {
-  return isObjectLike$4(C) && baseGetTag$3(C) == argsTag$2;
-}
-var _baseIsArguments = baseIsArguments$1, baseIsArguments = _baseIsArguments, isObjectLike$3 = isObjectLike_1, objectProto$6 = Object.prototype, hasOwnProperty$5 = objectProto$6.hasOwnProperty, propertyIsEnumerable = objectProto$6.propertyIsEnumerable, isArguments$3 = baseIsArguments(function() {
-  return arguments;
-}()) ? baseIsArguments : function(C) {
-  return isObjectLike$3(C) && hasOwnProperty$5.call(C, "callee") && !propertyIsEnumerable.call(C, "callee");
-}, isArguments_1 = isArguments$3, isBuffer$4 = { exports: {} };
-function stubFalse() {
-  return !1;
-}
-var stubFalse_1 = stubFalse;
-isBuffer$4.exports;
-(function(C, E) {
-  var I = _root, B = stubFalse_1, U = E && !E.nodeType && E, V = U && !0 && C && !C.nodeType && C, X = V && V.exports === U, Y = X ? I.Buffer : void 0, K = Y ? Y.isBuffer : void 0, J = K || B;
-  C.exports = J;
-})(isBuffer$4, isBuffer$4.exports);
-var isBufferExports = isBuffer$4.exports, MAX_SAFE_INTEGER$1 = 9007199254740991, reIsUint = /^(?:0|[1-9]\d*)$/;
-function isIndex$2(C, E) {
-  var I = typeof C;
-  return E = E ?? MAX_SAFE_INTEGER$1, !!E && (I == "number" || I != "symbol" && reIsUint.test(C)) && C > -1 && C % 1 == 0 && C < E;
-}
-var _isIndex = isIndex$2, MAX_SAFE_INTEGER = 9007199254740991;
-function isLength$3(C) {
-  return typeof C == "number" && C > -1 && C % 1 == 0 && C <= MAX_SAFE_INTEGER;
-}
-var isLength_1 = isLength$3, baseGetTag$2 = _baseGetTag, isLength$2 = isLength_1, isObjectLike$2 = isObjectLike_1, argsTag$1 = "[object Arguments]", arrayTag$1 = "[object Array]", boolTag = "[object Boolean]", dateTag = "[object Date]", errorTag = "[object Error]", funcTag = "[object Function]", mapTag$2 = "[object Map]", numberTag = "[object Number]", objectTag$2 = "[object Object]", regexpTag = "[object RegExp]", setTag$2 = "[object Set]", stringTag = "[object String]", weakMapTag$1 = "[object WeakMap]", arrayBufferTag = "[object ArrayBuffer]", dataViewTag$1 = "[object DataView]", float32Tag = "[object Float32Array]", float64Tag = "[object Float64Array]", int8Tag = "[object Int8Array]", int16Tag = "[object Int16Array]", int32Tag = "[object Int32Array]", uint8Tag = "[object Uint8Array]", uint8ClampedTag = "[object Uint8ClampedArray]", uint16Tag = "[object Uint16Array]", uint32Tag = "[object Uint32Array]", typedArrayTags = {};
-typedArrayTags[float32Tag] = typedArrayTags[float64Tag] = typedArrayTags[int8Tag] = typedArrayTags[int16Tag] = typedArrayTags[int32Tag] = typedArrayTags[uint8Tag] = typedArrayTags[uint8ClampedTag] = typedArrayTags[uint16Tag] = typedArrayTags[uint32Tag] = !0;
-typedArrayTags[argsTag$1] = typedArrayTags[arrayTag$1] = typedArrayTags[arrayBufferTag] = typedArrayTags[boolTag] = typedArrayTags[dataViewTag$1] = typedArrayTags[dateTag] = typedArrayTags[errorTag] = typedArrayTags[funcTag] = typedArrayTags[mapTag$2] = typedArrayTags[numberTag] = typedArrayTags[objectTag$2] = typedArrayTags[regexpTag] = typedArrayTags[setTag$2] = typedArrayTags[stringTag] = typedArrayTags[weakMapTag$1] = !1;
-function baseIsTypedArray$1(C) {
-  return isObjectLike$2(C) && isLength$2(C.length) && !!typedArrayTags[baseGetTag$2(C)];
-}
-var _baseIsTypedArray = baseIsTypedArray$1;
-function baseUnary$1(C) {
-  return function(E) {
-    return C(E);
-  };
-}
-var _baseUnary = baseUnary$1, _nodeUtil = { exports: {} };
-_nodeUtil.exports;
-(function(C, E) {
-  var I = _freeGlobal, B = E && !E.nodeType && E, U = B && !0 && C && !C.nodeType && C, V = U && U.exports === B, X = V && I.process, Y = function() {
-    try {
-      var K = U && U.require && U.require("util").types;
-      return K || X && X.binding && X.binding("util");
-    } catch {
-    }
-  }();
-  C.exports = Y;
-})(_nodeUtil, _nodeUtil.exports);
-var _nodeUtilExports = _nodeUtil.exports, baseIsTypedArray = _baseIsTypedArray, baseUnary = _baseUnary, nodeUtil = _nodeUtilExports, nodeIsTypedArray = nodeUtil && nodeUtil.isTypedArray, isTypedArray$3 = nodeIsTypedArray ? baseUnary(nodeIsTypedArray) : baseIsTypedArray, isTypedArray_1 = isTypedArray$3, baseTimes = _baseTimes, isArguments$2 = isArguments_1, isArray$c = isArray_1, isBuffer$3 = isBufferExports, isIndex$1 = _isIndex, isTypedArray$2 = isTypedArray_1, objectProto$5 = Object.prototype, hasOwnProperty$4 = objectProto$5.hasOwnProperty;
-function arrayLikeKeys$1(C, E) {
-  var I = isArray$c(C), B = !I && isArguments$2(C), U = !I && !B && isBuffer$3(C), V = !I && !B && !U && isTypedArray$2(C), X = I || B || U || V, Y = X ? baseTimes(C.length, String) : [], K = Y.length;
-  for (var J in C)
-    (E || hasOwnProperty$4.call(C, J)) && !(X && // Safari 9 has enumerable `arguments.length` in strict mode.
-    (J == "length" || // Node.js 0.10 has enumerable non-index properties on buffers.
-    U && (J == "offset" || J == "parent") || // PhantomJS 2 has enumerable non-index properties on typed arrays.
-    V && (J == "buffer" || J == "byteLength" || J == "byteOffset") || // Skip index properties.
-    isIndex$1(J, K))) && Y.push(J);
-  return Y;
-}
-var _arrayLikeKeys = arrayLikeKeys$1, objectProto$4 = Object.prototype;
-function isPrototype$2(C) {
-  var E = C && C.constructor, I = typeof E == "function" && E.prototype || objectProto$4;
-  return C === I;
-}
-var _isPrototype = isPrototype$2;
-function overArg$1(C, E) {
-  return function(I) {
-    return C(E(I));
-  };
-}
-var _overArg = overArg$1, overArg = _overArg, nativeKeys$1 = overArg(Object.keys, Object), _nativeKeys = nativeKeys$1, isPrototype$1 = _isPrototype, nativeKeys = _nativeKeys, objectProto$3 = Object.prototype, hasOwnProperty$3 = objectProto$3.hasOwnProperty;
-function baseKeys$2(C) {
-  if (!isPrototype$1(C))
-    return nativeKeys(C);
-  var E = [];
-  for (var I in Object(C))
-    hasOwnProperty$3.call(C, I) && I != "constructor" && E.push(I);
-  return E;
-}
-var _baseKeys = baseKeys$2, isFunction = isFunction_1, isLength$1 = isLength_1;
-function isArrayLike$4(C) {
-  return C != null && isLength$1(C.length) && !isFunction(C);
-}
-var isArrayLike_1 = isArrayLike$4, arrayLikeKeys = _arrayLikeKeys, baseKeys$1 = _baseKeys, isArrayLike$3 = isArrayLike_1;
-function keys$3(C) {
-  return isArrayLike$3(C) ? arrayLikeKeys(C) : baseKeys$1(C);
-}
-var keys_1 = keys$3, baseGetAllKeys = _baseGetAllKeys, getSymbols = _getSymbols, keys$2 = keys_1;
-function getAllKeys$1(C) {
-  return baseGetAllKeys(C, keys$2, getSymbols);
-}
-var _getAllKeys = getAllKeys$1, getAllKeys = _getAllKeys, COMPARE_PARTIAL_FLAG$3 = 1, objectProto$2 = Object.prototype, hasOwnProperty$2 = objectProto$2.hasOwnProperty;
-function equalObjects$1(C, E, I, B, U, V) {
-  var X = I & COMPARE_PARTIAL_FLAG$3, Y = getAllKeys(C), K = Y.length, J = getAllKeys(E), xe = J.length;
-  if (K != xe && !X)
-    return !1;
-  for (var Z = K; Z--; ) {
-    var _e = Y[Z];
-    if (!(X ? _e in E : hasOwnProperty$2.call(E, _e)))
-      return !1;
-  }
-  var Se = V.get(C), Ee = V.get(E);
-  if (Se && Ee)
-    return Se == E && Ee == C;
-  var Ae = !0;
-  V.set(C, E), V.set(E, C);
-  for (var Re = X; ++Z < K; ) {
-    _e = Y[Z];
-    var Te = C[_e], we = E[_e];
-    if (B)
-      var Pe = X ? B(we, Te, _e, E, C, V) : B(Te, we, _e, C, E, V);
-    if (!(Pe === void 0 ? Te === we || U(Te, we, I, B, V) : Pe)) {
-      Ae = !1;
-      break;
-    }
-    Re || (Re = _e == "constructor");
-  }
-  if (Ae && !Re) {
-    var Ie = C.constructor, Me = E.constructor;
-    Ie != Me && "constructor" in C && "constructor" in E && !(typeof Ie == "function" && Ie instanceof Ie && typeof Me == "function" && Me instanceof Me) && (Ae = !1);
-  }
-  return V.delete(C), V.delete(E), Ae;
-}
-var _equalObjects = equalObjects$1, getNative$3 = _getNative, root$4 = _root, DataView$2 = getNative$3(root$4, "DataView"), _DataView = DataView$2, getNative$2 = _getNative, root$3 = _root, Promise$2 = getNative$2(root$3, "Promise"), _Promise = Promise$2, getNative$1 = _getNative, root$2 = _root, Set$2 = getNative$1(root$2, "Set"), _Set = Set$2, getNative = _getNative, root$1 = _root, WeakMap$2 = getNative(root$1, "WeakMap"), _WeakMap = WeakMap$2, DataView$1 = _DataView, Map$1 = _Map, Promise$1 = _Promise, Set$1 = _Set, WeakMap$1 = _WeakMap, baseGetTag$1 = _baseGetTag, toSource = _toSource, mapTag$1 = "[object Map]", objectTag$1 = "[object Object]", promiseTag = "[object Promise]", setTag$1 = "[object Set]", weakMapTag = "[object WeakMap]", dataViewTag = "[object DataView]", dataViewCtorString = toSource(DataView$1), mapCtorString = toSource(Map$1), promiseCtorString = toSource(Promise$1), setCtorString = toSource(Set$1), weakMapCtorString = toSource(WeakMap$1), getTag$2 = baseGetTag$1;
-(DataView$1 && getTag$2(new DataView$1(new ArrayBuffer(1))) != dataViewTag || Map$1 && getTag$2(new Map$1()) != mapTag$1 || Promise$1 && getTag$2(Promise$1.resolve()) != promiseTag || Set$1 && getTag$2(new Set$1()) != setTag$1 || WeakMap$1 && getTag$2(new WeakMap$1()) != weakMapTag) && (getTag$2 = function(C) {
-  var E = baseGetTag$1(C), I = E == objectTag$1 ? C.constructor : void 0, B = I ? toSource(I) : "";
-  if (B)
-    switch (B) {
-      case dataViewCtorString:
-        return dataViewTag;
-      case mapCtorString:
-        return mapTag$1;
-      case promiseCtorString:
-        return promiseTag;
-      case setCtorString:
-        return setTag$1;
-      case weakMapCtorString:
-        return weakMapTag;
-    }
-  return E;
-});
-var _getTag = getTag$2, Stack$1 = _Stack, equalArrays = _equalArrays, equalByTag = _equalByTag, equalObjects = _equalObjects, getTag$1 = _getTag, isArray$b = isArray_1, isBuffer$2 = isBufferExports, isTypedArray$1 = isTypedArray_1, COMPARE_PARTIAL_FLAG$2 = 1, argsTag = "[object Arguments]", arrayTag = "[object Array]", objectTag = "[object Object]", objectProto$1 = Object.prototype, hasOwnProperty$1 = objectProto$1.hasOwnProperty;
-function baseIsEqualDeep$1(C, E, I, B, U, V) {
-  var X = isArray$b(C), Y = isArray$b(E), K = X ? arrayTag : getTag$1(C), J = Y ? arrayTag : getTag$1(E);
-  K = K == argsTag ? objectTag : K, J = J == argsTag ? objectTag : J;
-  var xe = K == objectTag, Z = J == objectTag, _e = K == J;
-  if (_e && isBuffer$2(C)) {
-    if (!isBuffer$2(E))
-      return !1;
-    X = !0, xe = !1;
+}, _normalize = function(E, I, B) {
+  !B && B !== 0 && (B = Math.max(+E[E.length - 1], +E[1]));
+  var U = +E[0] * -1, V = -B, X = E.length, Y = 1 / (+E[X - 2] + U), K = -I || (Math.abs(+E[X - 1] - +E[1]) < 0.01 * (+E[X - 2] - +E[0]) ? _findMinimum(E) + V : +E[X - 1] + V), J;
+  for (K ? K = 1 / K : K = -Y, J = 0; J < X; J += 2)
+    E[J] = (+E[J] + U) * Y, E[J + 1] = (+E[J + 1] + V) * K;
+}, _bezierToPoints = function C(E, I, B, U, V, X, Y, K, J, xe, Z) {
+  var _e = (E + B) / 2, Se = (I + U) / 2, Ee = (B + V) / 2, Ae = (U + X) / 2, Re = (V + Y) / 2, Te = (X + K) / 2, we = (_e + Ee) / 2, Pe = (Se + Ae) / 2, Ie = (Ee + Re) / 2, Me = (Ae + Te) / 2, Oe = (we + Ie) / 2, Le = (Pe + Me) / 2, Ne = Y - E, Ve = K - I, We = Math.abs((B - Y) * Ve - (U - K) * Ne), Ue = Math.abs((V - Y) * Ve - (X - K) * Ne), Xe;
+  return xe || (xe = [{
+    x: E,
+    y: I
+  }, {
+    x: Y,
+    y: K
+  }], Z = 1), xe.splice(Z || xe.length - 1, 0, {
+    x: Oe,
+    y: Le
+  }), (We + Ue) * (We + Ue) > J * (Ne * Ne + Ve * Ve) && (Xe = xe.length, C(E, I, _e, Se, we, Pe, Oe, Le, J, xe, Z), C(Oe, Le, Ie, Me, Re, Te, Y, K, J, xe, Z + 1 + (xe.length - Xe))), xe;
+}, CustomEase = /* @__PURE__ */ function() {
+  function C(I, B, U) {
+    _coreInitted || _initCore$1(), this.id = I, this.setData(B, U);
   }
-  if (_e && !xe)
-    return V || (V = new Stack$1()), X || isTypedArray$1(C) ? equalArrays(C, E, I, B, U, V) : equalByTag(C, E, K, I, B, U, V);
-  if (!(I & COMPARE_PARTIAL_FLAG$2)) {
-    var Se = xe && hasOwnProperty$1.call(C, "__wrapped__"), Ee = Z && hasOwnProperty$1.call(E, "__wrapped__");
-    if (Se || Ee) {
-      var Ae = Se ? C.value() : C, Re = Ee ? E.value() : E;
-      return V || (V = new Stack$1()), U(Ae, Re, I, B, V);
+  var E = C.prototype;
+  return E.setData = function(B, U) {
+    U = U || {}, B = B || "0,0,1,1";
+    var V = B.match(_numExp), X = 1, Y = [], K = [], J = U.precision || 1, xe = J <= 1, Z, _e, Se, Ee, Ae, Re, Te, we, Pe;
+    if (this.data = B, (_needsParsingExp.test(B) || ~B.indexOf("M") && B.indexOf("C") < 0) && (V = stringToRawPath(B)[0]), Z = V.length, Z === 4)
+      V.unshift(0, 0), V.push(1, 1), Z = 8;
+    else if ((Z - 2) % 6)
+      throw "Invalid CustomEase";
+    for ((+V[0] != 0 || +V[Z - 2] != 1) && _normalize(V, U.height, U.originY), this.segment = V, Ee = 2; Ee < Z; Ee += 6)
+      _e = {
+        x: +V[Ee - 2],
+        y: +V[Ee - 1]
+      }, Se = {
+        x: +V[Ee + 4],
+        y: +V[Ee + 5]
+      }, Y.push(_e, Se), _bezierToPoints(_e.x, _e.y, +V[Ee], +V[Ee + 1], +V[Ee + 2], +V[Ee + 3], Se.x, Se.y, 1 / (J * 2e5), Y, Y.length - 1);
+    for (Z = Y.length, Ee = 0; Ee < Z; Ee++)
+      Te = Y[Ee], we = Y[Ee - 1] || Te, (Te.x > we.x || we.y !== Te.y && we.x === Te.x || Te === we) && Te.x <= 1 ? (we.cx = Te.x - we.x, we.cy = Te.y - we.y, we.n = Te, we.nx = Te.x, xe && Ee > 1 && Math.abs(we.cy / we.cx - Y[Ee - 2].cy / Y[Ee - 2].cx) > 2 && (xe = 0), we.cx < X && (we.cx ? X = we.cx : (we.cx = 1e-3, Ee === Z - 1 && (we.x -= 1e-3, X = Math.min(X, 1e-3), xe = 0)))) : (Y.splice(Ee--, 1), Z--);
+    if (Z = 1 / X + 1 | 0, Ae = 1 / Z, Re = 0, Te = Y[0], xe) {
+      for (Ee = 0; Ee < Z; Ee++)
+        Pe = Ee * Ae, Te.nx < Pe && (Te = Y[++Re]), _e = Te.y + (Pe - Te.x) / Te.cx * Te.cy, K[Ee] = {
+          x: Pe,
+          cx: Ae,
+          y: _e,
+          cy: 0,
+          nx: 9
+        }, Ee && (K[Ee - 1].cy = _e - K[Ee - 1].y);
+      K[Z - 1].cy = Y[Y.length - 1].y - _e;
+    } else {
+      for (Ee = 0; Ee < Z; Ee++)
+        Te.nx < Ee * Ae && (Te = Y[++Re]), K[Ee] = Te;
+      Re < Y.length - 1 && (K[Ee - 1] = Y[Y.length - 2]);
     }
-  }
-  return _e ? (V || (V = new Stack$1()), equalObjects(C, E, I, B, U, V)) : !1;
-}
-var _baseIsEqualDeep = baseIsEqualDeep$1, baseIsEqualDeep = _baseIsEqualDeep, isObjectLike$1 = isObjectLike_1;
-function baseIsEqual$3(C, E, I, B, U) {
-  return C === E ? !0 : C == null || E == null || !isObjectLike$1(C) && !isObjectLike$1(E) ? C !== C && E !== E : baseIsEqualDeep(C, E, I, B, baseIsEqual$3, U);
-}
-var _baseIsEqual = baseIsEqual$3, baseIsEqual$2 = _baseIsEqual;
-function isEqual(C, E) {
-  return baseIsEqual$2(C, E);
-}
-var isEqual_1 = isEqual;
-const isEqual$1 = /* @__PURE__ */ getDefaultExportFromCjs(isEqual_1), useDeepEffect = (C, E) => {
-  const I = useRef(!0), B = useRef(E);
-  useEffect(() => {
-    const U = B.current.every(
-      (V, X) => isEqual$1(V, E[X])
-    );
-    (I.current || !U) && C(), I.current = !1, B.current = E;
-  }, E);
-};
-function useDebounce(C, E = 700) {
-  const [I, B] = useState(C);
-  return useDeepEffect(
-    () => {
-      const U = setTimeout(() => {
-        B(C);
-      }, E);
-      return () => {
-        clearTimeout(U);
-      };
-    },
-    [C, E]
-    // Only re-call effect if value or delay changes
-  ), I;
-}
-var baseKeys = _baseKeys, getTag = _getTag, isArguments$1 = isArguments_1, isArray$a = isArray_1, isArrayLike$2 = isArrayLike_1, isBuffer$1 = isBufferExports, isPrototype = _isPrototype, isTypedArray = isTypedArray_1, mapTag = "[object Map]", setTag = "[object Set]", objectProto = Object.prototype, hasOwnProperty = objectProto.hasOwnProperty;
-function isEmpty(C) {
-  if (C == null)
-    return !0;
-  if (isArrayLike$2(C) && (isArray$a(C) || typeof C == "string" || typeof C.splice == "function" || isBuffer$1(C) || isTypedArray(C) || isArguments$1(C)))
-    return !C.length;
-  var E = getTag(C);
-  if (E == mapTag || E == setTag)
-    return !C.size;
-  if (isPrototype(C))
-    return !baseKeys(C).length;
-  for (var I in C)
-    if (hasOwnProperty.call(C, I))
-      return !1;
-  return !0;
-}
-var isEmpty_1 = isEmpty;
-const isEmpty$1 = /* @__PURE__ */ getDefaultExportFromCjs(isEmpty_1);
-var OverlayTypes = /* @__PURE__ */ ((C) => (C.NONE = "none", C.NORMAL = "normal", C.LENSFLARE = "lensflare", C.FILMSTRIP = "filmstrip", C.GRUNGE = "grunge", C.BRICKS = "bricks", C))(OverlayTypes || {});
-const overlays = {
-  normal: {
-    src: "https://eyecastvideoeditorfiles.s3.ap-southeast-2.amazonaws.com/assets/overlays/eyecast_lensflare_overlay_50.jpg",
-    blendmode: "ADD",
-    alpha: 0
-    // opacity 0 - 1
-  },
-  lensflare: {
-    src: "https://eyecastvideoeditorfiles.s3.ap-southeast-2.amazonaws.com/assets/overlays/eyecast_lensflare_overlay_50.jpg",
-    blendmode: "ADD",
-    alpha: 1
-    // opacity 0 - 1
-  },
-  filmstrip: {
-    src: "https://eyecastvideoeditorfiles.s3.ap-southeast-2.amazonaws.com/assets/overlays/frames_filmstrip_5.png",
-    blendmode: "ADD",
-    alpha: 1
-    // opacity 0 - 1
-  },
-  grunge: {
-    src: "https://eyecastvideoeditorfiles.s3.ap-southeast-2.amazonaws.com/assets/overlays/pixi_overlay_grunge_60.jpg",
-    blendmode: "ADD",
-    alpha: 1
-    // opacity 0 - 1
-  },
-  bricks: {
-    src: "https://eyecastvideoeditorfiles.s3.ap-southeast-2.amazonaws.com/assets/overlays/bricks_Overlay_100.jpg",
-    blendmode: "MULTIPLY",
-    alpha: 1
-    // opacity 0 - 1
-  }
-}, PixiOverlayTilingSprite = (C) => {
-  const { overlay: E, width: I, height: B, x: U, y: V } = C, { src: X, blendmode: Y } = overlays[E] || overlays.normal;
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    TilingSprite,
-    {
-      image: X,
-      width: I,
-      height: B,
-      x: U,
-      y: V,
-      tilePosition: { x: 0, y: 0 },
-      tileScale: 0.5,
-      alpha: 0.5,
-      anchor: 0.5
+    return this.ease = function(Ie) {
+      var Me = K[Ie * Z | 0] || K[Z - 1];
+      return Me.nx < Ie && (Me = Me.n), Me.y + (Ie - Me.x) / Me.cx * Me.cy;
+    }, this.ease.custom = this, this.id && gsap$1 && gsap$1.registerEase(this.id, this.ease), this;
+  }, E.getSVGData = function(B) {
+    return C.getSVGData(this, B);
+  }, C.create = function(B, U, V) {
+    return new C(B, U, V).ease;
+  }, C.register = function(B) {
+    gsap$1 = B, _initCore$1();
+  }, C.get = function(B) {
+    return gsap$1.parseEase(B);
+  }, C.getSVGData = function(B, U) {
+    U = U || {};
+    var V = U.width || 100, X = U.height || 100, Y = U.x || 0, K = (U.y || 0) + X, J = gsap$1.utils.toArray(U.path)[0], xe, Z, _e, Se, Ee, Ae, Re, Te, we, Pe;
+    if (U.invert && (X = -X, K = 0), typeof B == "string" && (B = gsap$1.parseEase(B)), B.custom && (B = B.custom), B instanceof C)
+      xe = rawPathToString(transformRawPath([B.segment], V, 0, 0, -X, Y, K));
+    else {
+      for (xe = [Y, K], Re = Math.max(5, (U.precision || 1) * 200), Se = 1 / Re, Re += 2, Te = 5 / Re, we = _round(Y + Se * V), Pe = _round(K + B(Se) * -X), Z = (Pe - K) / (we - Y), _e = 2; _e < Re; _e++)
+        Ee = _round(Y + _e * Se * V), Ae = _round(K + B(_e * Se) * -X), (Math.abs((Ae - Pe) / (Ee - we) - Z) > Te || _e === Re - 1) && (xe.push(we, Pe), Z = (Ae - Pe) / (Ee - we)), we = Ee, Pe = Ae;
+      xe = "M" + xe.join(",");
     }
-  );
-};
+    return J && J.setAttribute("d", xe), xe;
+  }, C;
+}();
+_getGSAP$1() && gsap$1.registerPlugin(CustomEase);
+CustomEase.version = "3.11.5";
 /*!
- * paths 3.11.5
+ * PixiPlugin 3.11.5
  * https://greensock.com
  *
- * Copyright 2008-2023, GreenSock. All rights reserved.
- * Subject to the terms at https://greensock.com/standard-license or for
- * Club GreenSock members, the agreement issued with that membership.
- * @author: Jack Doyle, jack@greensock.com
-*/
-var _svgPathExp = /[achlmqstvz]|(-?\d*\.?\d*(?:e[\-+]?\d+)?)[0-9]/ig, _scientific = /[\+\-]?\d*\.?\d+e[\+\-]?\d+/ig, _DEG2RAD$1 = Math.PI / 180, _sin = Math.sin, _cos = Math.cos, _abs = Math.abs, _sqrt = Math.sqrt, _isNumber = function(E) {
-  return typeof E == "number";
-}, _roundingNum = 1e5, _round$1 = function(E) {
-  return Math.round(E * _roundingNum) / _roundingNum || 0;
-};
-function transformRawPath(C, E, I, B, U, V, X) {
-  for (var Y = C.length, K, J, xe, Z, _e; --Y > -1; )
-    for (K = C[Y], J = K.length, xe = 0; xe < J; xe += 2)
-      Z = K[xe], _e = K[xe + 1], K[xe] = Z * E + _e * B + V, K[xe + 1] = Z * I + _e * U + X;
-  return C._dirty = 1, C;
-}
-function arcToSegment(C, E, I, B, U, V, X, Y, K) {
-  if (!(C === Y && E === K)) {
-    I = _abs(I), B = _abs(B);
-    var J = U % 360 * _DEG2RAD$1, xe = _cos(J), Z = _sin(J), _e = Math.PI, Se = _e * 2, Ee = (C - Y) / 2, Ae = (E - K) / 2, Re = xe * Ee + Z * Ae, Te = -Z * Ee + xe * Ae, we = Re * Re, Pe = Te * Te, Ie = we / (I * I) + Pe / (B * B);
-    Ie > 1 && (I = _sqrt(Ie) * I, B = _sqrt(Ie) * B);
-    var Me = I * I, Oe = B * B, Le = (Me * Oe - Me * Pe - Oe * we) / (Me * Pe + Oe * we);
-    Le < 0 && (Le = 0);
-    var Ne = (V === X ? -1 : 1) * _sqrt(Le), Ve = Ne * (I * Te / B), Xe = Ne * -(B * Re / I), Ue = (C + Y) / 2, We = (E + K) / 2, He = Ue + (xe * Ve - Z * Xe), ze = We + (Z * Ve + xe * Xe), je = (Re - Ve) / I, $e = (Te - Xe) / B, De = (-Re - Ve) / I, Fe = (-Te - Xe) / B, ke = je * je + $e * $e, Ge = ($e < 0 ? -1 : 1) * Math.acos(je / _sqrt(ke)), Be = (je * Fe - $e * De < 0 ? -1 : 1) * Math.acos((je * De + $e * Fe) / _sqrt(ke * (De * De + Fe * Fe)));
-    isNaN(Be) && (Be = _e), !X && Be > 0 ? Be -= Se : X && Be < 0 && (Be += Se), Ge %= Se, Be %= Se;
-    var qe = Math.ceil(_abs(Be) / (Se / 4)), Ke = [], Ye = Be / qe, Qe = 4 / 3 * _sin(Ye / 2) / (1 + _cos(Ye / 2)), Ze = xe * I, it = Z * I, at = Z * -B, st = xe * B, Je;
-    for (Je = 0; Je < qe; Je++)
-      U = Ge + Je * Ye, Re = _cos(U), Te = _sin(U), je = _cos(U += Ye), $e = _sin(U), Ke.push(Re - Qe * Te, Te + Qe * Re, je + Qe * $e, $e - Qe * je, je, $e);
-    for (Je = 0; Je < Ke.length; Je += 2)
-      Re = Ke[Je], Te = Ke[Je + 1], Ke[Je] = Re * Ze + Te * at + He, Ke[Je + 1] = Re * it + Te * st + ze;
-    return Ke[Je - 2] = Y, Ke[Je - 1] = K, Ke;
-  }
-}
-function stringToRawPath(C) {
-  var E = (C + "").replace(_scientific, function(Ve) {
-    var Xe = +Ve;
-    return Xe < 1e-4 && Xe > -1e-4 ? 0 : Xe;
-  }).match(_svgPathExp) || [], I = [], B = 0, U = 0, V = 2 / 3, X = E.length, Y = 0, K = "ERROR: malformed path: " + C, J, xe, Z, _e, Se, Ee, Ae, Re, Te, we, Pe, Ie, Me, Oe, Le, Ne = function(Xe, Ue, We, He) {
-    we = (We - Xe) / 3, Pe = (He - Ue) / 3, Ae.push(Xe + we, Ue + Pe, We - we, He - Pe, We, He);
-  };
-  if (!C || !isNaN(E[0]) || isNaN(E[1]))
-    return console.log(K), I;
-  for (J = 0; J < X; J++)
-    if (Me = Se, isNaN(E[J]) ? (Se = E[J].toUpperCase(), Ee = Se !== E[J]) : J--, Z = +E[J + 1], _e = +E[J + 2], Ee && (Z += B, _e += U), J || (Re = Z, Te = _e), Se === "M")
-      Ae && (Ae.length < 8 ? I.length -= 1 : Y += Ae.length), B = Re = Z, U = Te = _e, Ae = [Z, _e], I.push(Ae), J += 2, Se = "L";
-    else if (Se === "C")
-      Ae || (Ae = [0, 0]), Ee || (B = U = 0), Ae.push(Z, _e, B + E[J + 3] * 1, U + E[J + 4] * 1, B += E[J + 5] * 1, U += E[J + 6] * 1), J += 6;
-    else if (Se === "S")
-      we = B, Pe = U, (Me === "C" || Me === "S") && (we += B - Ae[Ae.length - 4], Pe += U - Ae[Ae.length - 3]), Ee || (B = U = 0), Ae.push(we, Pe, Z, _e, B += E[J + 3] * 1, U += E[J + 4] * 1), J += 4;
-    else if (Se === "Q")
-      we = B + (Z - B) * V, Pe = U + (_e - U) * V, Ee || (B = U = 0), B += E[J + 3] * 1, U += E[J + 4] * 1, Ae.push(we, Pe, B + (Z - B) * V, U + (_e - U) * V, B, U), J += 4;
-    else if (Se === "T")
-      we = B - Ae[Ae.length - 4], Pe = U - Ae[Ae.length - 3], Ae.push(B + we, U + Pe, Z + (B + we * 1.5 - Z) * V, _e + (U + Pe * 1.5 - _e) * V, B = Z, U = _e), J += 2;
-    else if (Se === "H")
-      Ne(B, U, B = Z, U), J += 1;
-    else if (Se === "V")
-      Ne(B, U, B, U = Z + (Ee ? U - B : 0)), J += 1;
-    else if (Se === "L" || Se === "Z")
-      Se === "Z" && (Z = Re, _e = Te, Ae.closed = !0), (Se === "L" || _abs(B - Z) > 0.5 || _abs(U - _e) > 0.5) && (Ne(B, U, Z, _e), Se === "L" && (J += 2)), B = Z, U = _e;
-    else if (Se === "A") {
-      if (Oe = E[J + 4], Le = E[J + 5], we = E[J + 6], Pe = E[J + 7], xe = 7, Oe.length > 1 && (Oe.length < 3 ? (Pe = we, we = Le, xe--) : (Pe = Le, we = Oe.substr(2), xe -= 2), Le = Oe.charAt(1), Oe = Oe.charAt(0)), Ie = arcToSegment(B, U, +E[J + 1], +E[J + 2], +E[J + 3], +Oe, +Le, (Ee ? B : 0) + we * 1, (Ee ? U : 0) + Pe * 1), J += xe, Ie)
-        for (xe = 0; xe < Ie.length; xe++)
-          Ae.push(Ie[xe]);
-      B = Ae[Ae.length - 2], U = Ae[Ae.length - 1];
-    } else
-      console.log(K);
-  return J = Ae.length, J < 6 ? (I.pop(), J = 0) : Ae[0] === Ae[J - 2] && Ae[1] === Ae[J - 1] && (Ae.closed = !0), I.totalPoints = Y + J, I;
-}
-function rawPathToString(C) {
-  _isNumber(C[0]) && (C = [C]);
-  var E = "", I = C.length, B, U, V, X;
-  for (U = 0; U < I; U++) {
-    for (X = C[U], E += "M" + _round$1(X[0]) + "," + _round$1(X[1]) + " C", B = X.length, V = 2; V < B; V++)
-      E += _round$1(X[V++]) + "," + _round$1(X[V++]) + " " + _round$1(X[V++]) + "," + _round$1(X[V++]) + " " + _round$1(X[V++]) + "," + _round$1(X[V]) + " ";
-    X.closed && (E += "z");
-  }
-  return E;
-}
-/*!
- * CustomEase 3.11.5
- * https://greensock.com
- *
- * @license Copyright 2008-2023, GreenSock. All rights reserved.
- * Subject to the terms at https://greensock.com/standard-license or for
- * Club GreenSock members, the agreement issued with that membership.
- * @author: Jack Doyle, jack@greensock.com
-*/
-var gsap$1, _coreInitted, _getGSAP$1 = function() {
-  return gsap$1 || typeof window < "u" && (gsap$1 = window.gsap) && gsap$1.registerPlugin && gsap$1;
-}, _initCore$1 = function() {
-  gsap$1 = _getGSAP$1(), gsap$1 ? (gsap$1.registerEase("_CE", CustomEase.create), _coreInitted = 1) : console.warn("Please gsap.registerPlugin(CustomEase)");
-}, _bigNum = 1e20, _round = function(E) {
-  return ~~(E * 1e3 + (E < 0 ? -0.5 : 0.5)) / 1e3;
-}, _numExp = /[-+=\.]*\d+[\.e\-\+]*\d*[e\-\+]*\d*/gi, _needsParsingExp = /[cLlsSaAhHvVtTqQ]/g, _findMinimum = function(E) {
-  var I = E.length, B = _bigNum, U;
-  for (U = 1; U < I; U += 6)
-    +E[U] < B && (B = +E[U]);
-  return B;
-}, _normalize = function(E, I, B) {
-  !B && B !== 0 && (B = Math.max(+E[E.length - 1], +E[1]));
-  var U = +E[0] * -1, V = -B, X = E.length, Y = 1 / (+E[X - 2] + U), K = -I || (Math.abs(+E[X - 1] - +E[1]) < 0.01 * (+E[X - 2] - +E[0]) ? _findMinimum(E) + V : +E[X - 1] + V), J;
-  for (K ? K = 1 / K : K = -Y, J = 0; J < X; J += 2)
-    E[J] = (+E[J] + U) * Y, E[J + 1] = (+E[J + 1] + V) * K;
-}, _bezierToPoints = function C(E, I, B, U, V, X, Y, K, J, xe, Z) {
-  var _e = (E + B) / 2, Se = (I + U) / 2, Ee = (B + V) / 2, Ae = (U + X) / 2, Re = (V + Y) / 2, Te = (X + K) / 2, we = (_e + Ee) / 2, Pe = (Se + Ae) / 2, Ie = (Ee + Re) / 2, Me = (Ae + Te) / 2, Oe = (we + Ie) / 2, Le = (Pe + Me) / 2, Ne = Y - E, Ve = K - I, Xe = Math.abs((B - Y) * Ve - (U - K) * Ne), Ue = Math.abs((V - Y) * Ve - (X - K) * Ne), We;
-  return xe || (xe = [{
-    x: E,
-    y: I
-  }, {
-    x: Y,
-    y: K
-  }], Z = 1), xe.splice(Z || xe.length - 1, 0, {
-    x: Oe,
-    y: Le
-  }), (Xe + Ue) * (Xe + Ue) > J * (Ne * Ne + Ve * Ve) && (We = xe.length, C(E, I, _e, Se, we, Pe, Oe, Le, J, xe, Z), C(Oe, Le, Ie, Me, Re, Te, Y, K, J, xe, Z + 1 + (xe.length - We))), xe;
-}, CustomEase = /* @__PURE__ */ function() {
-  function C(I, B, U) {
-    _coreInitted || _initCore$1(), this.id = I, this.setData(B, U);
-  }
-  var E = C.prototype;
-  return E.setData = function(B, U) {
-    U = U || {}, B = B || "0,0,1,1";
-    var V = B.match(_numExp), X = 1, Y = [], K = [], J = U.precision || 1, xe = J <= 1, Z, _e, Se, Ee, Ae, Re, Te, we, Pe;
-    if (this.data = B, (_needsParsingExp.test(B) || ~B.indexOf("M") && B.indexOf("C") < 0) && (V = stringToRawPath(B)[0]), Z = V.length, Z === 4)
-      V.unshift(0, 0), V.push(1, 1), Z = 8;
-    else if ((Z - 2) % 6)
-      throw "Invalid CustomEase";
-    for ((+V[0] != 0 || +V[Z - 2] != 1) && _normalize(V, U.height, U.originY), this.segment = V, Ee = 2; Ee < Z; Ee += 6)
-      _e = {
-        x: +V[Ee - 2],
-        y: +V[Ee - 1]
-      }, Se = {
-        x: +V[Ee + 4],
-        y: +V[Ee + 5]
-      }, Y.push(_e, Se), _bezierToPoints(_e.x, _e.y, +V[Ee], +V[Ee + 1], +V[Ee + 2], +V[Ee + 3], Se.x, Se.y, 1 / (J * 2e5), Y, Y.length - 1);
-    for (Z = Y.length, Ee = 0; Ee < Z; Ee++)
-      Te = Y[Ee], we = Y[Ee - 1] || Te, (Te.x > we.x || we.y !== Te.y && we.x === Te.x || Te === we) && Te.x <= 1 ? (we.cx = Te.x - we.x, we.cy = Te.y - we.y, we.n = Te, we.nx = Te.x, xe && Ee > 1 && Math.abs(we.cy / we.cx - Y[Ee - 2].cy / Y[Ee - 2].cx) > 2 && (xe = 0), we.cx < X && (we.cx ? X = we.cx : (we.cx = 1e-3, Ee === Z - 1 && (we.x -= 1e-3, X = Math.min(X, 1e-3), xe = 0)))) : (Y.splice(Ee--, 1), Z--);
-    if (Z = 1 / X + 1 | 0, Ae = 1 / Z, Re = 0, Te = Y[0], xe) {
-      for (Ee = 0; Ee < Z; Ee++)
-        Pe = Ee * Ae, Te.nx < Pe && (Te = Y[++Re]), _e = Te.y + (Pe - Te.x) / Te.cx * Te.cy, K[Ee] = {
-          x: Pe,
-          cx: Ae,
-          y: _e,
-          cy: 0,
-          nx: 9
-        }, Ee && (K[Ee - 1].cy = _e - K[Ee - 1].y);
-      K[Z - 1].cy = Y[Y.length - 1].y - _e;
-    } else {
-      for (Ee = 0; Ee < Z; Ee++)
-        Te.nx < Ee * Ae && (Te = Y[++Re]), K[Ee] = Te;
-      Re < Y.length - 1 && (K[Ee - 1] = Y[Y.length - 2]);
-    }
-    return this.ease = function(Ie) {
-      var Me = K[Ie * Z | 0] || K[Z - 1];
-      return Me.nx < Ie && (Me = Me.n), Me.y + (Ie - Me.x) / Me.cx * Me.cy;
-    }, this.ease.custom = this, this.id && gsap$1 && gsap$1.registerEase(this.id, this.ease), this;
-  }, E.getSVGData = function(B) {
-    return C.getSVGData(this, B);
-  }, C.create = function(B, U, V) {
-    return new C(B, U, V).ease;
-  }, C.register = function(B) {
-    gsap$1 = B, _initCore$1();
-  }, C.get = function(B) {
-    return gsap$1.parseEase(B);
-  }, C.getSVGData = function(B, U) {
-    U = U || {};
-    var V = U.width || 100, X = U.height || 100, Y = U.x || 0, K = (U.y || 0) + X, J = gsap$1.utils.toArray(U.path)[0], xe, Z, _e, Se, Ee, Ae, Re, Te, we, Pe;
-    if (U.invert && (X = -X, K = 0), typeof B == "string" && (B = gsap$1.parseEase(B)), B.custom && (B = B.custom), B instanceof C)
-      xe = rawPathToString(transformRawPath([B.segment], V, 0, 0, -X, Y, K));
-    else {
-      for (xe = [Y, K], Re = Math.max(5, (U.precision || 1) * 200), Se = 1 / Re, Re += 2, Te = 5 / Re, we = _round(Y + Se * V), Pe = _round(K + B(Se) * -X), Z = (Pe - K) / (we - Y), _e = 2; _e < Re; _e++)
-        Ee = _round(Y + _e * Se * V), Ae = _round(K + B(_e * Se) * -X), (Math.abs((Ae - Pe) / (Ee - we) - Z) > Te || _e === Re - 1) && (xe.push(we, Pe), Z = (Ae - Pe) / (Ee - we)), we = Ee, Pe = Ae;
-      xe = "M" + xe.join(",");
-    }
-    return J && J.setAttribute("d", xe), xe;
-  }, C;
-}();
-_getGSAP$1() && gsap$1.registerPlugin(CustomEase);
-CustomEase.version = "3.11.5";
-/*!
- * PixiPlugin 3.11.5
- * https://greensock.com
- *
- * @license Copyright 2008-2023, GreenSock. All rights reserved.
+ * @license Copyright 2008-2023, GreenSock. All rights reserved.
  * Subject to the terms at https://greensock.com/standard-license or for
  * Club GreenSock members, the agreement issued with that membership.
  * @author: Jack Doyle, jack@greensock.com
@@ -2081,7 +1650,7 @@ punycode$1.exports;
         Ke[qe] = Be(Ge[qe]);
       return Ke;
     }
-    function Xe(Ge, Be) {
+    function We(Ge, Be) {
       var qe = Ge.split("@"), Ke = "";
       qe.length > 1 && (Ke = qe[0] + "@", Ge = qe[1]), Ge = Ge.replace(we, ".");
       var Ye = Ge.split("."), Qe = Ve(Ye, Be).join(".");
@@ -2092,16 +1661,16 @@ punycode$1.exports;
         Ye = Ge.charCodeAt(qe++), Ye >= 55296 && Ye <= 56319 && qe < Ke ? (Qe = Ge.charCodeAt(qe++), (Qe & 64512) == 56320 ? Be.push(((Ye & 1023) << 10) + (Qe & 1023) + 65536) : (Be.push(Ye), qe--)) : Be.push(Ye);
       return Be;
     }
-    function We(Ge) {
+    function Xe(Ge) {
       return Ve(Ge, function(Be) {
         var qe = "";
         return Be > 65535 && (Be -= 65536, qe += Oe(Be >>> 10 & 1023 | 55296), Be = 56320 | Be & 1023), qe += Oe(Be), qe;
       }).join("");
     }
-    function He(Ge) {
+    function ze(Ge) {
       return Ge - 48 < 10 ? Ge - 22 : Ge - 65 < 26 ? Ge - 65 : Ge - 97 < 26 ? Ge - 97 : K;
     }
-    function ze(Ge, Be) {
+    function He(Ge, Be) {
       return Ge + 22 + 75 * (Ge < 26) - ((Be != 0) << 5);
     }
     function je(Ge, Be, qe) {
@@ -2111,42 +1680,42 @@ punycode$1.exports;
       return Me(Ke + (Ie + 1) * Ge / (Ge + Z));
     }
     function $e(Ge) {
-      var Be = [], qe = Ge.length, Ke, Ye = 0, Qe = Ee, Ze = Se, it, at, st, Je, et, nt, rt, tt, ot;
+      var Be = [], qe = Ge.length, Ke, Ye = 0, Qe = Ee, Ze = Se, it, at, st, Je, et, rt, nt, tt, ot;
       for (it = Ge.lastIndexOf(Ae), it < 0 && (it = 0), at = 0; at < it; ++at)
         Ge.charCodeAt(at) >= 128 && Ne("not-basic"), Be.push(Ge.charCodeAt(at));
       for (st = it > 0 ? it + 1 : 0; st < qe; ) {
-        for (Je = Ye, et = 1, nt = K; st >= qe && Ne("invalid-input"), rt = He(Ge.charCodeAt(st++)), (rt >= K || rt > Me((Y - Ye) / et)) && Ne("overflow"), Ye += rt * et, tt = nt <= Ze ? J : nt >= Ze + xe ? xe : nt - Ze, !(rt < tt); nt += K)
+        for (Je = Ye, et = 1, rt = K; st >= qe && Ne("invalid-input"), nt = ze(Ge.charCodeAt(st++)), (nt >= K || nt > Me((Y - Ye) / et)) && Ne("overflow"), Ye += nt * et, tt = rt <= Ze ? J : rt >= Ze + xe ? xe : rt - Ze, !(nt < tt); rt += K)
           ot = K - tt, et > Me(Y / ot) && Ne("overflow"), et *= ot;
         Ke = Be.length + 1, Ze = je(Ye - Je, Ke, Je == 0), Me(Ye / Ke) > Y - Qe && Ne("overflow"), Qe += Me(Ye / Ke), Ye %= Ke, Be.splice(Ye++, 0, Qe);
       }
-      return We(Be);
+      return Xe(Be);
     }
     function De(Ge) {
-      var Be, qe, Ke, Ye, Qe, Ze, it, at, st, Je, et, nt = [], rt, tt, ot, ut;
-      for (Ge = Ue(Ge), rt = Ge.length, Be = Ee, qe = 0, Qe = Se, Ze = 0; Ze < rt; ++Ze)
-        et = Ge[Ze], et < 128 && nt.push(Oe(et));
-      for (Ke = Ye = nt.length, Ye && nt.push(Ae); Ke < rt; ) {
-        for (it = Y, Ze = 0; Ze < rt; ++Ze)
+      var Be, qe, Ke, Ye, Qe, Ze, it, at, st, Je, et, rt = [], nt, tt, ot, ut;
+      for (Ge = Ue(Ge), nt = Ge.length, Be = Ee, qe = 0, Qe = Se, Ze = 0; Ze < nt; ++Ze)
+        et = Ge[Ze], et < 128 && rt.push(Oe(et));
+      for (Ke = Ye = rt.length, Ye && rt.push(Ae); Ke < nt; ) {
+        for (it = Y, Ze = 0; Ze < nt; ++Ze)
           et = Ge[Ze], et >= Be && et < it && (it = et);
-        for (tt = Ke + 1, it - Be > Me((Y - qe) / tt) && Ne("overflow"), qe += (it - Be) * tt, Be = it, Ze = 0; Ze < rt; ++Ze)
+        for (tt = Ke + 1, it - Be > Me((Y - qe) / tt) && Ne("overflow"), qe += (it - Be) * tt, Be = it, Ze = 0; Ze < nt; ++Ze)
           if (et = Ge[Ze], et < Be && ++qe > Y && Ne("overflow"), et == Be) {
             for (at = qe, st = K; Je = st <= Qe ? J : st >= Qe + xe ? xe : st - Qe, !(at < Je); st += K)
-              ut = at - Je, ot = K - Je, nt.push(
-                Oe(ze(Je + ut % ot, 0))
+              ut = at - Je, ot = K - Je, rt.push(
+                Oe(He(Je + ut % ot, 0))
               ), at = Me(ut / ot);
-            nt.push(Oe(ze(at, 0))), Qe = je(qe, tt, Ke == Ye), qe = 0, ++Ke;
+            rt.push(Oe(He(at, 0))), Qe = je(qe, tt, Ke == Ye), qe = 0, ++Ke;
           }
         ++qe, ++Be;
       }
-      return nt.join("");
+      return rt.join("");
     }
     function Fe(Ge) {
-      return Xe(Ge, function(Be) {
+      return We(Ge, function(Be) {
         return Re.test(Be) ? $e(Be.slice(4).toLowerCase()) : Be;
       });
     }
     function ke(Ge) {
-      return Xe(Ge, function(Be) {
+      return We(Ge, function(Be) {
         return Te.test(Be) ? "xn--" + De(Be) : Be;
       });
     }
@@ -2166,7 +1735,7 @@ punycode$1.exports;
        */
       ucs2: {
         decode: Ue,
-        encode: We
+        encode: Xe
       },
       decode: $e,
       encode: De,
@@ -2542,20 +2111,20 @@ var utilInspect = require$$0, inspectCustom = utilInspect.custom, inspectSymbol
   }
   var xe = typeof V.depth > "u" ? 5 : V.depth;
   if (typeof B > "u" && (B = 0), B >= xe && xe > 0 && typeof E == "object")
-    return isArray$9(E) ? "[Array]" : "[Object]";
+    return isArray$c(E) ? "[Array]" : "[Object]";
   var Z = getIndent(V, B);
   if (typeof U > "u")
     U = [];
   else if (indexOf(U, E) >= 0)
     return "[Circular]";
-  function _e(He, ze, je) {
-    if (ze && (U = $arrSlice.call(U), U.push(ze)), je) {
+  function _e(ze, He, je) {
+    if (He && (U = $arrSlice.call(U), U.push(He)), je) {
       var $e = {
         depth: V.depth
       };
-      return has$3(V, "quoteStyle") && ($e.quoteStyle = V.quoteStyle), C(He, $e, B + 1, U);
+      return has$3(V, "quoteStyle") && ($e.quoteStyle = V.quoteStyle), C(ze, $e, B + 1, U);
     }
-    return C(He, V, B + 1, U);
+    return C(ze, V, B + 1, U);
   }
   if (typeof E == "function" && !isRegExp$1(E)) {
     var Se = nameOf(E), Ee = arrObjKeys(E, _e);
@@ -2570,7 +2139,7 @@ var utilInspect = require$$0, inspectCustom = utilInspect.custom, inspectSymbol
       Re += " " + Te[we].name + "=" + wrapQuotes(quote(Te[we].value), "double", V);
     return Re += ">", E.childNodes && E.childNodes.length && (Re += "..."), Re += "</" + $toLowerCase.call(String(E.nodeName)) + ">", Re;
   }
-  if (isArray$9(E)) {
+  if (isArray$c(E)) {
     if (E.length === 0)
       return "[]";
     var Pe = arrObjKeys(E, _e);
@@ -2588,14 +2157,14 @@ var utilInspect = require$$0, inspectCustom = utilInspect.custom, inspectSymbol
   }
   if (isMap(E)) {
     var Me = [];
-    return mapForEach && mapForEach.call(E, function(He, ze) {
-      Me.push(_e(ze, E, !0) + " => " + _e(He, E));
+    return mapForEach && mapForEach.call(E, function(ze, He) {
+      Me.push(_e(He, E, !0) + " => " + _e(ze, E));
     }), collectionOf("Map", mapSize$1.call(E), Me, Z);
   }
   if (isSet(E)) {
     var Oe = [];
-    return setForEach && setForEach.call(E, function(He) {
-      Oe.push(_e(He, E));
+    return setForEach && setForEach.call(E, function(ze) {
+      Oe.push(_e(ze, E));
     }), collectionOf("Set", setSize.call(E), Oe, Z);
   }
   if (isWeakMap(E))
@@ -2613,8 +2182,8 @@ var utilInspect = require$$0, inspectCustom = utilInspect.custom, inspectSymbol
   if (isString(E))
     return markBoxed(_e(String(E)));
   if (!isDate(E) && !isRegExp$1(E)) {
-    var Le = arrObjKeys(E, _e), Ne = gPO ? gPO(E) === Object.prototype : E instanceof Object || E.constructor === Object, Ve = E instanceof Object ? "" : "null prototype", Xe = !Ne && toStringTag && Object(E) === E && toStringTag in E ? $slice.call(toStr(E), 8, -1) : Ve ? "Object" : "", Ue = Ne || typeof E.constructor != "function" ? "" : E.constructor.name ? E.constructor.name + " " : "", We = Ue + (Xe || Ve ? "[" + $join.call($concat.call([], Xe || [], Ve || []), ": ") + "] " : "");
-    return Le.length === 0 ? We + "{}" : Z ? We + "{" + indentedJoin(Le, Z) + "}" : We + "{ " + $join.call(Le, ", ") + " }";
+    var Le = arrObjKeys(E, _e), Ne = gPO ? gPO(E) === Object.prototype : E instanceof Object || E.constructor === Object, Ve = E instanceof Object ? "" : "null prototype", We = !Ne && toStringTag && Object(E) === E && toStringTag in E ? $slice.call(toStr(E), 8, -1) : Ve ? "Object" : "", Ue = Ne || typeof E.constructor != "function" ? "" : E.constructor.name ? E.constructor.name + " " : "", Xe = Ue + (We || Ve ? "[" + $join.call($concat.call([], We || [], Ve || []), ": ") + "] " : "");
+    return Le.length === 0 ? Xe + "{}" : Z ? Xe + "{" + indentedJoin(Le, Z) + "}" : Xe + "{ " + $join.call(Le, ", ") + " }";
   }
   return String(E);
 };
@@ -2625,7 +2194,7 @@ function wrapQuotes(C, E, I) {
 function quote(C) {
   return $replace.call(String(C), /"/g, "&quot;");
 }
-function isArray$9(C) {
+function isArray$c(C) {
   return toStr(C) === "[object Array]" && (!toStringTag || !(typeof C == "object" && toStringTag in C));
 }
 function isDate(C) {
@@ -2820,7 +2389,7 @@ function indentedJoin(C, E) {
 ` + E.prev;
 }
 function arrObjKeys(C, E) {
-  var I = isArray$9(C), B = [];
+  var I = isArray$c(C), B = [];
   if (I) {
     B.length = C.length;
     for (var U = 0; U < C.length; U++)
@@ -2903,14 +2472,14 @@ var GetIntrinsic = getIntrinsic, callBound = callBound$1, inspect = objectInspec
   },
   RFC1738: Format.RFC1738,
   RFC3986: Format.RFC3986
-}, formats$2 = formats$3, has$2 = Object.prototype.hasOwnProperty, isArray$8 = Array.isArray, hexTable = function() {
+}, formats$2 = formats$3, has$2 = Object.prototype.hasOwnProperty, isArray$b = Array.isArray, hexTable = function() {
   for (var C = [], E = 0; E < 256; ++E)
     C.push("%" + ((E < 16 ? "0" : "") + E.toString(16)).toUpperCase());
   return C;
 }(), compactQueue = function(E) {
   for (; E.length > 1; ) {
     var I = E.pop(), B = I.obj[I.prop];
-    if (isArray$8(B)) {
+    if (isArray$b(B)) {
       for (var U = [], V = 0; V < B.length; ++V)
         typeof B[V] < "u" && U.push(B[V]);
       I.obj[I.prop] = U;
@@ -2924,7 +2493,7 @@ var GetIntrinsic = getIntrinsic, callBound = callBound$1, inspect = objectInspec
   if (!I)
     return E;
   if (typeof I != "object") {
-    if (isArray$8(E))
+    if (isArray$b(E))
       E.push(I);
     else if (E && typeof E == "object")
       (B && (B.plainObjects || B.allowPrototypes) || !has$2.call(Object.prototype, I)) && (E[I] = !0);
@@ -2935,7 +2504,7 @@ var GetIntrinsic = getIntrinsic, callBound = callBound$1, inspect = objectInspec
   if (!E || typeof E != "object")
     return [E].concat(I);
   var U = E;
-  return isArray$8(E) && !isArray$8(I) && (U = arrayToObject(E, B)), isArray$8(E) && isArray$8(I) ? (I.forEach(function(V, X) {
+  return isArray$b(E) && !isArray$b(I) && (U = arrayToObject(E, B)), isArray$b(E) && isArray$b(I) ? (I.forEach(function(V, X) {
     if (has$2.call(E, X)) {
       var Y = E[X];
       Y && typeof Y == "object" && V && typeof V == "object" ? E[X] = C(Y, V, B) : E.push(V);
@@ -2996,12 +2565,12 @@ var GetIntrinsic = getIntrinsic, callBound = callBound$1, inspect = objectInspec
   return compactQueue(I), E;
 }, isRegExp = function(E) {
   return Object.prototype.toString.call(E) === "[object RegExp]";
-}, isBuffer = function(E) {
+}, isBuffer$2 = function(E) {
   return !E || typeof E != "object" ? !1 : !!(E.constructor && E.constructor.isBuffer && E.constructor.isBuffer(E));
 }, combine$1 = function(E, I) {
   return [].concat(E, I);
 }, maybeMap = function(E, I) {
-  if (isArray$8(E)) {
+  if (isArray$b(E)) {
     for (var B = [], U = 0; U < E.length; U += 1)
       B.push(I(E[U]));
     return B;
@@ -3014,7 +2583,7 @@ var GetIntrinsic = getIntrinsic, callBound = callBound$1, inspect = objectInspec
   compact,
   decode,
   encode,
-  isBuffer,
+  isBuffer: isBuffer$2,
   isRegExp,
   maybeMap,
   merge
@@ -3029,8 +2598,8 @@ var GetIntrinsic = getIntrinsic, callBound = callBound$1, inspect = objectInspec
   repeat: function(E) {
     return E;
   }
-}, isArray$7 = Array.isArray, push = Array.prototype.push, pushToArray = function(C, E) {
-  push.apply(C, isArray$7(E) ? E : [E]);
+}, isArray$a = Array.isArray, push = Array.prototype.push, pushToArray = function(C, E) {
+  push.apply(C, isArray$a(E) ? E : [E]);
 }, toISO = Date.prototype.toISOString, defaultFormat = formats$1.default, defaults$1 = {
   addQueryPrefix: !1,
   allowDots: !1,
@@ -3061,7 +2630,7 @@ var GetIntrinsic = getIntrinsic, callBound = callBound$1, inspect = objectInspec
     }
     typeof we.get(sentinel) > "u" && (Pe = 0);
   }
-  if (typeof K == "function" ? Te = K(I, Te) : Te instanceof Date ? Te = Z(Te) : B === "comma" && isArray$7(Te) && (Te = utils$1.maybeMap(Te, function($e) {
+  if (typeof K == "function" ? Te = K(I, Te) : Te instanceof Date ? Te = Z(Te) : B === "comma" && isArray$a(Te) && (Te = utils$1.maybeMap(Te, function($e) {
     return $e instanceof Date ? Z($e) : $e;
   })), Te === null) {
     if (V)
@@ -3079,28 +2648,28 @@ var GetIntrinsic = getIntrinsic, callBound = callBound$1, inspect = objectInspec
   if (typeof Te > "u")
     return Le;
   var Ne;
-  if (B === "comma" && isArray$7(Te))
+  if (B === "comma" && isArray$a(Te))
     Ee && Y && (Te = utils$1.maybeMap(Te, Y)), Ne = [{ value: Te.length > 0 ? Te.join(",") || null : void 0 }];
-  else if (isArray$7(K))
+  else if (isArray$a(K))
     Ne = K;
   else {
     var Ve = Object.keys(Te);
     Ne = J ? Ve.sort(J) : Ve;
   }
-  for (var Xe = U && isArray$7(Te) && Te.length === 1 ? I + "[]" : I, Ue = 0; Ue < Ne.length; ++Ue) {
-    var We = Ne[Ue], He = typeof We == "object" && typeof We.value < "u" ? We.value : Te[We];
-    if (!(X && He === null)) {
-      var ze = isArray$7(Te) ? typeof B == "function" ? B(Xe, We) : Xe : Xe + (xe ? "." + We : "[" + We + "]");
+  for (var We = U && isArray$a(Te) && Te.length === 1 ? I + "[]" : I, Ue = 0; Ue < Ne.length; ++Ue) {
+    var Xe = Ne[Ue], ze = typeof Xe == "object" && typeof Xe.value < "u" ? Xe.value : Te[Xe];
+    if (!(X && ze === null)) {
+      var He = isArray$a(Te) ? typeof B == "function" ? B(We, Xe) : We : We + (xe ? "." + Xe : "[" + Xe + "]");
       Re.set(E, Pe);
       var je = getSideChannel();
       je.set(sentinel, Re), pushToArray(Le, C(
-        He,
         ze,
+        He,
         B,
         U,
         V,
         X,
-        B === "comma" && Ee && isArray$7(Te) ? null : Y,
+        B === "comma" && Ee && isArray$a(Te) ? null : Y,
         K,
         J,
         xe,
@@ -3129,7 +2698,7 @@ var GetIntrinsic = getIntrinsic, callBound = callBound$1, inspect = objectInspec
     B = E.format;
   }
   var U = formats$1.formatters[B], V = defaults$1.filter;
-  return (typeof E.filter == "function" || isArray$7(E.filter)) && (V = E.filter), {
+  return (typeof E.filter == "function" || isArray$a(E.filter)) && (V = E.filter), {
     addQueryPrefix: typeof E.addQueryPrefix == "boolean" ? E.addQueryPrefix : defaults$1.addQueryPrefix,
     allowDots: typeof E.allowDots > "u" ? defaults$1.allowDots : !!E.allowDots,
     charset: I,
@@ -3148,7 +2717,7 @@ var GetIntrinsic = getIntrinsic, callBound = callBound$1, inspect = objectInspec
   };
 }, stringify_1 = function(C, E) {
   var I = C, B = normalizeStringifyOptions(E), U, V;
-  typeof B.filter == "function" ? (V = B.filter, I = V("", I)) : isArray$7(B.filter) && (V = B.filter, U = V);
+  typeof B.filter == "function" ? (V = B.filter, I = V("", I)) : isArray$a(B.filter) && (V = B.filter, U = V);
   var X = [];
   if (typeof I != "object" || I === null)
     return "";
@@ -3182,7 +2751,7 @@ var GetIntrinsic = getIntrinsic, callBound = callBound$1, inspect = objectInspec
   }
   var Se = X.join(B.delimiter), Ee = B.addQueryPrefix === !0 ? "?" : "";
   return B.charsetSentinel && (B.charset === "iso-8859-1" ? Ee += "utf8=%26%2310003%3B&" : Ee += "utf8=%E2%9C%93&"), Se.length > 0 ? Ee + Se : "";
-}, utils = utils$2, has = Object.prototype.hasOwnProperty, isArray$6 = Array.isArray, defaults = {
+}, utils = utils$2, has = Object.prototype.hasOwnProperty, isArray$9 = Array.isArray, defaults = {
   allowDots: !1,
   allowPrototypes: !1,
   allowSparse: !1,
@@ -3218,7 +2787,7 @@ var GetIntrinsic = getIntrinsic, callBound = callBound$1, inspect = objectInspec
         function(Ae) {
           return I.decoder(Ae, defaults.decoder, J, "value");
         }
-      )), Ee && I.interpretNumericEntities && J === "iso-8859-1" && (Ee = interpretNumericEntities(Ee)), xe.indexOf("[]=") > -1 && (Ee = isArray$6(Ee) ? [Ee] : Ee), has.call(B, Se) ? B[Se] = utils.combine(B[Se], Ee) : B[Se] = Ee;
+      )), Ee && I.interpretNumericEntities && J === "iso-8859-1" && (Ee = interpretNumericEntities(Ee)), xe.indexOf("[]=") > -1 && (Ee = isArray$9(Ee) ? [Ee] : Ee), has.call(B, Se) ? B[Se] = utils.combine(B[Se], Ee) : B[Se] = Ee;
     }
   return B;
 }, parseObject = function(C, E, I, B) {
@@ -3385,22 +2954,22 @@ Url.prototype.parse = function(C, E, I) {
           for (var Me = "", Oe = 0, Le = Ie.length; Oe < Le; Oe++)
             Ie.charCodeAt(Oe) > 127 ? Me += "x" : Me += Ie[Oe];
           if (!Me.match(hostnamePartPattern)) {
-            var Ne = we.slice(0, Se), Ve = we.slice(Se + 1), Xe = Ie.match(hostnamePartStart);
-            Xe && (Ne.push(Xe[1]), Ve.unshift(Xe[2])), Ve.length && (Y = "/" + Ve.join(".") + Y), this.hostname = Ne.join(".");
+            var Ne = we.slice(0, Se), Ve = we.slice(Se + 1), We = Ie.match(hostnamePartStart);
+            We && (Ne.push(We[1]), Ve.unshift(We[2])), Ve.length && (Y = "/" + Ve.join(".") + Y), this.hostname = Ne.join(".");
             break;
           }
         }
       }
     this.hostname.length > hostnameMaxLen ? this.hostname = "" : this.hostname = this.hostname.toLowerCase(), Te || (this.hostname = punycode.toASCII(this.hostname));
-    var Ue = this.port ? ":" + this.port : "", We = this.hostname || "";
-    this.host = We + Ue, this.href += this.host, Te && (this.hostname = this.hostname.substr(1, this.hostname.length - 2), Y[0] !== "/" && (Y = "/" + Y));
+    var Ue = this.port ? ":" + this.port : "", Xe = this.hostname || "";
+    this.host = Xe + Ue, this.href += this.host, Te && (this.hostname = this.hostname.substr(1, this.hostname.length - 2), Y[0] !== "/" && (Y = "/" + Y));
   }
   if (!unsafeProtocol[xe])
     for (var Se = 0, Pe = autoEscape.length; Se < Pe; Se++) {
-      var He = autoEscape[Se];
-      if (Y.indexOf(He) !== -1) {
-        var ze = encodeURIComponent(He);
-        ze === He && (ze = escape(He)), Y = Y.split(He).join(ze);
+      var ze = autoEscape[Se];
+      if (Y.indexOf(ze) !== -1) {
+        var He = encodeURIComponent(ze);
+        He === ze && (He = escape(ze)), Y = Y.split(ze).join(He);
       }
     }
   var je = Y.indexOf("#");
@@ -3490,13 +3059,13 @@ Url.prototype.resolveObject = function(C) {
     for (; Ne--; Ne)
       we.unshift("..");
   Re && we[0] !== "" && (!we[0] || we[0].charAt(0) !== "/") && we.unshift(""), Le && we.join("/").substr(-1) !== "/" && we.push("");
-  var Xe = we[0] === "" || we[0] && we[0].charAt(0) === "/";
+  var We = we[0] === "" || we[0] && we[0].charAt(0) === "/";
   if (Ie) {
-    I.hostname = Xe ? "" : we.length ? we.shift() : "", I.host = I.hostname;
+    I.hostname = We ? "" : we.length ? we.shift() : "", I.host = I.hostname;
     var Me = I.host && I.host.indexOf("@") > 0 ? I.host.split("@") : !1;
     Me && (I.auth = Me.shift(), I.hostname = Me.shift(), I.host = I.hostname);
   }
-  return Re = Re || I.host && we.length, Re && !Xe && we.unshift(""), we.length > 0 ? I.pathname = we.join("/") : (I.pathname = null, I.path = null), (I.pathname !== null || I.search !== null) && (I.path = (I.pathname ? I.pathname : "") + (I.search ? I.search : "")), I.auth = C.auth || I.auth, I.slashes = I.slashes || C.slashes, I.href = I.format(), I;
+  return Re = Re || I.host && we.length, Re && !We && we.unshift(""), we.length > 0 ? I.pathname = we.join("/") : (I.pathname = null, I.path = null), (I.pathname !== null || I.search !== null) && (I.path = (I.pathname ? I.pathname : "") + (I.search ? I.search : "")), I.auth = C.auth || I.auth, I.slashes = I.slashes || C.slashes, I.href = I.format(), I;
 };
 Url.prototype.parseHost = function() {
   var C = this.host, E = portPattern.exec(C);
@@ -4622,8 +4191,8 @@ class Rectangle {
       const Ne = this.x < E.x ? E.x : this.x;
       if ((this.right > E.right ? E.right : this.right) <= Ne)
         return !1;
-      const Xe = this.y < E.y ? E.y : this.y;
-      return (this.bottom > E.bottom ? E.bottom : this.bottom) > Xe;
+      const We = this.y < E.y ? E.y : this.y;
+      return (this.bottom > E.bottom ? E.bottom : this.bottom) > We;
     }
     const B = this.left, U = this.right, V = this.top, X = this.bottom;
     if (U <= B || X <= V)
@@ -9730,10 +9299,10 @@ v$1.parse = function() {
     return J() || xe();
   }
   function J() {
-    return ze("directional", C.sideOrCorner, 1);
+    return He("directional", C.sideOrCorner, 1);
   }
   function xe() {
-    return ze("angular", C.angleValue, 1);
+    return He("angular", C.angleValue, 1);
   }
   function Z() {
     var De, Fe = _e(), ke;
@@ -9757,18 +9326,18 @@ v$1.parse = function() {
     return De;
   }
   function Se() {
-    var De = ze("shape", /^(circle)/i, 0);
-    return De && (De.style = He() || Ae()), De;
+    var De = He("shape", /^(circle)/i, 0);
+    return De && (De.style = ze() || Ae()), De;
   }
   function Ee() {
-    var De = ze("shape", /^(ellipse)/i, 0);
+    var De = He("shape", /^(ellipse)/i, 0);
     return De && (De.style = Ue() || Ae()), De;
   }
   function Ae() {
-    return ze("extent-keyword", C.extentKeywords, 1);
+    return He("extent-keyword", C.extentKeywords, 1);
   }
   function Re() {
-    if (ze("position", /^at/, 0)) {
+    if (He("position", /^at/, 0)) {
       var De = Te();
       return De || I("Missing positioning value"), De;
     }
@@ -9796,34 +9365,34 @@ v$1.parse = function() {
     return Le() || Ve() || Ne() || Oe();
   }
   function Oe() {
-    return ze("literal", C.literalColor, 0);
+    return He("literal", C.literalColor, 0);
   }
   function Le() {
-    return ze("hex", C.hexColor, 1);
+    return He("hex", C.hexColor, 1);
   }
   function Ne() {
     return Y(C.rgbColor, function() {
-      return { type: "rgb", value: Pe(Xe) };
+      return { type: "rgb", value: Pe(We) };
     });
   }
   function Ve() {
     return Y(C.rgbaColor, function() {
-      return { type: "rgba", value: Pe(Xe) };
+      return { type: "rgba", value: Pe(We) };
     });
   }
-  function Xe() {
+  function We() {
     return je(C.number)[1];
   }
   function Ue() {
-    return ze("%", C.percentageValue, 1) || We() || He();
+    return He("%", C.percentageValue, 1) || Xe() || ze();
   }
-  function We() {
-    return ze("position-keyword", C.positionKeywords, 1);
+  function Xe() {
+    return He("position-keyword", C.positionKeywords, 1);
   }
-  function He() {
-    return ze("px", C.pixelValue, 1) || ze("em", C.emValue, 1);
+  function ze() {
+    return He("px", C.pixelValue, 1) || He("em", C.emValue, 1);
   }
-  function ze(De, Fe, ke) {
+  function He(De, Fe, ke) {
     var Ge = je(Fe);
     if (Ge)
       return { type: De, value: Ge[ke] };
@@ -12894,7 +12463,7 @@ const Sketch$1 = Sketch, ColorPickerPortal = ({
     {
       icon: MENUS_ICONS.ARROW_DOWN,
       action: (ke, Ge) => {
-        We(ke, Ge);
+        Xe(ke, Ge);
       },
       tooltip: "Alignment Options"
     }
@@ -12924,7 +12493,7 @@ const Sketch$1 = Sketch, ColorPickerPortal = ({
       action: () => console.log("send backward"),
       label: "Send Backward"
     }
-  ], Xe = (Me + Oe) * Ne.length + Le * 2 - Oe, Ue = Me + Le * 2, We = useCallback(
+  ], We = (Me + Oe) * Ne.length + Le * 2 - Oe, Ue = Me + Le * 2, Xe = useCallback(
     (ke, Ge) => {
       Ee((Be) => !Be), Re({
         x: Y.x + ke,
@@ -12932,16 +12501,16 @@ const Sketch$1 = Sketch, ColorPickerPortal = ({
       });
     },
     [Y, Me]
-  ), He = useCallback(() => {
+  ), ze = useCallback(() => {
     B.current && (B.current.unmount(), J(!1)), Ie.current && Ie.current.parent && (Ie.current.parent.removeChild(Ie.current), Ie.current = null, Ee(!1));
-  }, []), ze = useCallback(() => {
+  }, []), He = useCallback(() => {
     const ke = document.createElement("div");
     return ke.id = "color-picker-portal", document.body.appendChild(ke), I.current = ke, B.current = createRoot(ke), () => {
       ke && ke.parentNode && document.body.removeChild(ke);
     };
   }, []);
   useEffect(() => {
-    ze();
+    He();
   }, []);
   const je = useCallback((ke) => {
     Z(ke), we((Ge) => {
@@ -12956,7 +12525,7 @@ const Sketch$1 = Sketch, ColorPickerPortal = ({
   }, []), De = useCallback(
     (ke, Ge) => {
       I.current && B.current && (_e({ x: ke, y: Ge }), J(!0), (!B.current || // @ts-ignore
-      !B.current._internalRoot) && ze(), B.current.render(
+      !B.current._internalRoot) && He(), B.current.render(
         /* @__PURE__ */ jsxRuntimeExports.jsx(
           ColorPickerPortal,
           {
@@ -12976,7 +12545,7 @@ const Sketch$1 = Sketch, ColorPickerPortal = ({
       if (C.current) {
         const Be = C.current.getBounds();
         K({
-          x: Be.x + Be.width / 2 - Xe / 2,
+          x: Be.x + Be.width / 2 - We / 2,
           y: Be.y + Be.height
         });
       }
@@ -12988,33 +12557,33 @@ const Sketch$1 = Sketch, ColorPickerPortal = ({
     };
   }, []);
   const Fe = useCallback(() => {
-    if (He(), C.current) {
+    if (ze(), C.current) {
       const ke = C.current.getBounds();
       K({
-        x: ke.x + ke.width / 2 - Xe / 2,
+        x: ke.x + ke.width / 2 - We / 2,
         y: ke.y + ke.height
       });
     }
-  }, [He]);
+  }, [ze]);
   return useEffect(() => {
     const ke = (Ge) => {
       if (I.current) {
         const Be = I.current.firstChild;
-        Be && !Be.contains(Ge.target) && He();
+        Be && !Be.contains(Ge.target) && ze();
       }
-      (Ge.type === "resize" || Ge.type === "scroll") && He();
+      (Ge.type === "resize" || Ge.type === "scroll") && ze();
     };
     return window.addEventListener("click", ke), window.addEventListener("resize", ke), window.addEventListener("scroll", ke), () => {
       window.removeEventListener("click", ke), window.removeEventListener("resize", ke), window.removeEventListener("scroll", ke);
     };
-  }, [He]), useEffect(() => {
+  }, [ze]), useEffect(() => {
     var Ke;
     if (!U || !V || !C.current || !E.current)
       return;
     const ke = C.current, Ge = new PIXI.Container();
     (Ke = E.current) == null || Ke.addChild(Ge), ke.addListener("transformchange", Fe);
     const Be = new PIXI.Graphics();
-    Be.beginFill(16777215, 0.9), Be.lineStyle(1, 14540253), Be.drawRoundedRect(0, 0, Xe, Ue, 4), Be.endFill(), Ge.addChild(Be);
+    Be.beginFill(16777215, 0.9), Be.lineStyle(1, 14540253), Be.drawRoundedRect(0, 0, We, Ue, 4), Be.endFill(), Ge.addChild(Be);
     const qe = new F();
     return qe.alpha = 0.2, qe.blur = 2, qe.distance = 3, Ge.filters = [qe], Ne.forEach((Ye, Qe) => {
       const Ze = new PIXI.Container(), it = Le + (Me + Oe) * Qe, at = Le, st = new PIXI.Graphics();
@@ -13045,7 +12614,7 @@ const Sketch$1 = Sketch, ColorPickerPortal = ({
     V,
     Y,
     Ne,
-    Xe,
+    We,
     Ue,
     xe
   ]), useEffect(() => Pe(
@@ -13053,8 +12622,8 @@ const Sketch$1 = Sketch, ColorPickerPortal = ({
     Ve,
     Ae
   ), [Se, Ve, Ae]), useEffect(() => () => {
-    He();
-  }, [He]), /* @__PURE__ */ jsxRuntimeExports.jsx(Sprite, { texture: PIXI.Texture.EMPTY, ref: E, x: 10, y: 10 });
+    ze();
+  }, [ze]), /* @__PURE__ */ jsxRuntimeExports.jsx(Sprite, { texture: PIXI.Texture.EMPTY, ref: E, x: 10, y: 10 });
 }, CYAN = [1, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0], initalTransforms$1 = {
   x: 0,
   y: 0,
@@ -13069,161 +12638,161 @@ const Sketch$1 = Sketch, ColorPickerPortal = ({
   effect: Effects.Normal,
   overlay: OverlayTypes.NONE
 }, AbstractContainer = React.forwardRef((C, E) => {
-  const [I, B] = React.useState(!1), [U, V] = useState(!1), [X, Y] = useState(!1), [K, J] = useState(), xe = useDebounce(K, 300), Z = useRef(null), _e = useRef(null), Se = useRef(null), Ee = useRef(null), Ae = useRef(null), Re = useRef(null), { tl: Te } = useContext(GsapPixieContext), we = useApp(), Pe = we.screen.width, Ie = we.screen.height, {
-    uniqueId: Me,
-    visible: Oe,
-    startAt: Le,
-    transformation: Ne = initalTransforms$1,
-    applyTransformer: Ve,
-    disabled: Xe,
-    pointerdown: Ue,
-    pointerout: We,
-    pointerover: He,
-    isText: ze,
-    isDragging: je,
-    isGif: $e,
-    onDoubleClick: De,
-    isTextEditMode: Fe
-  } = C, {
-    x: ke = 0,
-    y: Ge = 0,
-    width: Be,
-    height: qe,
-    scale: Ke = [1, 1],
-    rotation: Ye = 0,
-    effect: Qe,
-    overlay: Ze,
-    animation: it = Animations.NONE
-  } = Ne, at = useGsapEffect();
+  const {
+    uniqueId: I,
+    visible: B = !0,
+    startAt: U = 0,
+    transformation: V = initalTransforms$1,
+    applyTransformer: X = !1,
+    disabled: Y = !1,
+    pointerdown: K,
+    pointerout: J,
+    pointerover: xe,
+    isText: Z = !1,
+    isDragging: _e = !1,
+    isGif: Se = !1,
+    onDoubleClick: Ee,
+    isTextEditMode: Ae = !1
+  } = C, [Re, Te] = React.useState(!1), [we, Pe] = useState(!1), [Ie, Me] = useState(!1), [Oe, Le] = useState(), Ne = useRef(null), Ve = useRef(null), We = useRef(null), Ue = useRef(null), Xe = useRef(null), ze = useRef(null), { tl: He } = useContext(GsapPixieContext), je = useApp(), $e = je.screen.width, De = je.screen.height, {
+    x: Fe = 0,
+    y: ke = 0,
+    width: Ge,
+    height: Be,
+    scale: qe = [1, 1],
+    rotation: Ke = 0,
+    effect: Ye,
+    overlay: Qe,
+    animation: Ze = Animations.NONE
+  } = V, it = useGsapEffect();
   useCustomEventListener(Events.COMPLETE, () => {
-    Z.current;
+    Ne.current;
   }), React.useImperativeHandle(
     E,
     () => ({
-      getIsTransformerDragging: () => U,
-      getIsMouseOverTransformer: () => X
+      getIsTransformerDragging: () => we,
+      getIsMouseOverTransformer: () => Ie
     }),
-    [U, X]
+    [we, Ie]
   ), React.useEffect(() => {
-    Z.current && B(!0);
+    Ne.current && Te(!0);
   }, []), React.useEffect(() => {
-    J({
-      x: ke,
-      y: Ge,
-      width: Be,
-      height: qe,
-      animation: it,
-      maxX: Pe,
-      maxY: Ie
+    Le({
+      x: Fe,
+      y: ke,
+      width: Ge,
+      height: Be,
+      animation: Ze,
+      maxX: $e,
+      maxY: De
     });
-  }, [it, ke, Ge, Be, qe, Pe, Ie]), React.useEffect(() => {
-    if (!_e.current)
+  }, [Ze, Fe, ke, Ge, Be, $e, De]), React.useEffect(() => {
+    if (!Ve.current)
       return;
     const rt = gsap$2.context(() => {
-      if (Te.current && xe) {
-        const { x: tt, y: ot, animation: ut, maxX: mt, maxY: pt } = xe || {}, yt = Te.current.progress(), gt = at.updateEffect(
-          Z.current,
-          ut,
+      if (He.current && Oe) {
+        const { x: nt, y: tt, animation: ot, maxX: ut, maxY: mt } = Oe || {}, pt = He.current.progress(), gt = it.updateEffect(
+          Ne.current,
+          ot,
           {
             immediateRender: !1,
-            x: tt,
-            y: ot,
+            x: nt,
+            y: tt,
             overwrite: !0,
-            maxX: mt,
-            maxY: pt
+            maxX: ut,
+            maxY: mt
           }
         );
-        Ae.current && (Te.current.remove(Ae.current), Ae.current.progress(0).kill()), yt > 0.1 ? (gt.eventCallback("onComplete", () => {
-          gt.remove("onComplete"), Te.current.add(gt, Le), Ae.current = gt;
-        }), gt.play()) : (gt.progress(1), Te.current.add(gt, Le), Ae.current = gt);
+        Xe.current && (He.current.remove(Xe.current), Xe.current.progress(0).kill()), pt > 0.1 ? (gt.eventCallback("onComplete", () => {
+          gt.remove("onComplete"), He.current.add(gt, U), Xe.current = gt;
+        }), gt.play()) : (gt.progress(1), He.current.add(gt, U), Xe.current = gt);
       } else
-        Ae.current && Ae.current.progress(0).kill();
-    }, _e.current);
+        Xe.current && Xe.current.progress(0).kill();
+    }, Ve.current);
     return () => {
       rt.revert();
     };
-  }, [Le, xe]);
-  const st = React.useCallback(() => {
-    Y(!0), He && He();
-  }, []), Je = React.useCallback(() => {
-    V(!0);
-  }, []), et = React.useCallback(
+  }, [U, Oe]);
+  const at = React.useCallback(() => {
+    Me(!0), xe && xe();
+  }, []), st = React.useCallback(() => {
+    Pe(!0);
+  }, []), Je = React.useCallback(
     (rt) => {
-      C.onAnchorTransformationEnd && C.onAnchorTransformationEnd(rt), V(!1);
+      C.onAnchorTransformationEnd && C.onAnchorTransformationEnd(rt), Pe(!1);
     },
     []
-  ), nt = withFilters(Container$1, {
+  ), et = withFilters(Container$1, {
     matrix: PIXI.filters.ColorMatrixFilter
   });
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(Container$1, { ref: _e, children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(Container$1, { ref: Ve, children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(
       Container$1,
       {
-        ref: Z,
-        position: [ke, Ge],
-        pivot: [ke, Ge],
-        width: Be,
-        height: qe,
-        scale: Ke,
-        rotation: Ye,
-        ...!Xe && Oe && !U && !je && {
+        ref: Ne,
+        position: [Fe, ke],
+        pivot: [Fe, ke],
+        width: Ge,
+        height: Be,
+        scale: qe,
+        rotation: Ke,
+        ...!Y && B && !we && !_e && {
           interactive: !0,
           buttonMode: !0,
-          pointerdown: Ue,
-          pointerover: He,
-          pointerout: We
+          pointerdown: K,
+          pointerover: xe,
+          pointerout: J
         },
-        children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Container$1, { ref: Re, children: [
-          !$e && /* @__PURE__ */ jsxRuntimeExports.jsx(
-            nt,
+        children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Container$1, { ref: ze, children: [
+          !Se && /* @__PURE__ */ jsxRuntimeExports.jsx(
+            et,
             {
               scale: 1,
               apply: ({ matrix: rt }) => {
-                Qe === Effects.BlackAndWhite ? rt.desaturate() : Qe === Effects.Sepia ? rt.sepia() : Qe === Effects.RetroVintage || Qe === Effects.NightVision ? rt.negative() : Qe === Effects.Normal && rt.reset();
+                Ye === Effects.BlackAndWhite ? rt.desaturate() : Ye === Effects.Sepia ? rt.sepia() : Ye === Effects.RetroVintage || Ye === Effects.NightVision ? rt.negative() : Ye === Effects.Normal && rt.reset();
               },
               matrix: {
                 enabled: !0,
                 // @ts-ignore
                 matrix: CYAN
               },
-              children: /* @__PURE__ */ jsxRuntimeExports.jsx(Container$1, { ref: Se, children: C.children })
+              children: /* @__PURE__ */ jsxRuntimeExports.jsx(Container$1, { ref: We, children: C.children })
             }
           ),
-          $e && /* @__PURE__ */ jsxRuntimeExports.jsx(Container$1, { ref: Se, children: C.children }),
-          !isEmpty$1(Ze) && Ze !== OverlayTypes.NONE && Ze !== OverlayTypes.NORMAL && /* @__PURE__ */ jsxRuntimeExports.jsx(
+          Se && /* @__PURE__ */ jsxRuntimeExports.jsx(Container$1, { ref: We, children: C.children }),
+          !isEmpty$1(Qe) && Qe !== OverlayTypes.NONE && Qe !== OverlayTypes.NORMAL && /* @__PURE__ */ jsxRuntimeExports.jsx(
             PixiOverlayTilingSprite,
             {
-              overlay: Ze,
-              width: Be,
-              height: qe,
-              x: ke,
-              y: Ge
+              overlay: Qe,
+              width: Ge,
+              height: Be,
+              x: Fe,
+              y: ke
             }
           )
         ] })
       }
     ),
-    Ve && Oe && !Fe && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+    X && B && !Ae && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(
         PixiTransformer,
         {
-          pixiTransformerRef: Ee,
-          imageRef: Z,
-          isMounted: I,
-          transformCommit: et,
-          transformChange: Je,
-          mouseoverEvent: st,
-          uniqueId: Me,
-          isText: ze,
-          onDoubleClick: De
+          pixiTransformerRef: Ue,
+          imageRef: Ne,
+          isMounted: Re,
+          transformCommit: Je,
+          transformChange: st,
+          mouseoverEvent: at,
+          uniqueId: I,
+          isText: Z,
+          onDoubleClick: Ee
         }
       ),
       /* @__PURE__ */ jsxRuntimeExports.jsx(
         TransformerMenu,
         {
-          PixiTransformer: Ee,
-          uniqueId: Me,
-          isText: !!ze
+          PixiTransformer: Ue,
+          uniqueId: I,
+          isText: !!Z
         }
       )
     ] })
@@ -13559,13 +13128,13 @@ class ArcUtils {
     const Y = X[X.length - 2], J = X[X.length - 1] - I, xe = Y - E, Z = U - I, _e = B - E, Se = Math.abs(J * _e - xe * Z);
     if (Se < 1e-8 || V === 0)
       return (X[X.length - 2] !== E || X[X.length - 1] !== I) && X.push(E, I), null;
-    const Ee = J * J + xe * xe, Ae = Z * Z + _e * _e, Re = J * Z + xe * _e, Te = V * Math.sqrt(Ee) / Se, we = V * Math.sqrt(Ae) / Se, Pe = Te * Re / Ee, Ie = we * Re / Ae, Me = Te * _e + we * xe, Oe = Te * Z + we * J, Le = xe * (we + Pe), Ne = J * (we + Pe), Ve = _e * (Te + Ie), Xe = Z * (Te + Ie), Ue = Math.atan2(Ne - Oe, Le - Me), We = Math.atan2(Xe - Oe, Ve - Me);
+    const Ee = J * J + xe * xe, Ae = Z * Z + _e * _e, Re = J * Z + xe * _e, Te = V * Math.sqrt(Ee) / Se, we = V * Math.sqrt(Ae) / Se, Pe = Te * Re / Ee, Ie = we * Re / Ae, Me = Te * _e + we * xe, Oe = Te * Z + we * J, Le = xe * (we + Pe), Ne = J * (we + Pe), Ve = _e * (Te + Ie), We = Z * (Te + Ie), Ue = Math.atan2(Ne - Oe, Le - Me), Xe = Math.atan2(We - Oe, Ve - Me);
     return {
       cx: Me + E,
       cy: Oe + I,
       radius: V,
       startAngle: Ue,
-      endAngle: We,
+      endAngle: Xe,
       anticlockwise: xe * Z > _e * J
     };
   }
@@ -13649,49 +13218,49 @@ function buildNonNativeLine(C, E) {
   const xe = E.points, Z = B.length / 2;
   let _e = B.length;
   const Se = xe.length / 2, Ee = V.width / 2, Ae = Ee * Ee, Re = V.miterLimit * V.miterLimit;
-  let Te = B[0], we = B[1], Pe = B[2], Ie = B[3], Me = 0, Oe = 0, Le = -(we - Ie), Ne = Te - Pe, Ve = 0, Xe = 0, Ue = Math.sqrt(Le * Le + Ne * Ne);
+  let Te = B[0], we = B[1], Pe = B[2], Ie = B[3], Me = 0, Oe = 0, Le = -(we - Ie), Ne = Te - Pe, Ve = 0, We = 0, Ue = Math.sqrt(Le * Le + Ne * Ne);
   Le /= Ue, Ne /= Ue, Le *= Ee, Ne *= Ee;
-  const We = V.alignment, He = (1 - We) * 2, ze = We * 2;
-  K || (V.cap === LINE_CAP.ROUND ? _e += round(Te - Le * (He - ze) * 0.5, we - Ne * (He - ze) * 0.5, Te - Le * He, we - Ne * He, Te + Le * ze, we + Ne * ze, xe, !0) + 2 : V.cap === LINE_CAP.SQUARE && (_e += square(Te, we, Le, Ne, He, ze, !0, xe))), xe.push(Te - Le * He, we - Ne * He, Te + Le * ze, we + Ne * ze);
+  const Xe = V.alignment, ze = (1 - Xe) * 2, He = Xe * 2;
+  K || (V.cap === LINE_CAP.ROUND ? _e += round(Te - Le * (ze - He) * 0.5, we - Ne * (ze - He) * 0.5, Te - Le * ze, we - Ne * ze, Te + Le * He, we + Ne * He, xe, !0) + 2 : V.cap === LINE_CAP.SQUARE && (_e += square(Te, we, Le, Ne, ze, He, !0, xe))), xe.push(Te - Le * ze, we - Ne * ze, Te + Le * He, we + Ne * He);
   for (let De = 1; De < Z - 1; ++De) {
-    Te = B[(De - 1) * 2], we = B[(De - 1) * 2 + 1], Pe = B[De * 2], Ie = B[De * 2 + 1], Me = B[(De + 1) * 2], Oe = B[(De + 1) * 2 + 1], Le = -(we - Ie), Ne = Te - Pe, Ue = Math.sqrt(Le * Le + Ne * Ne), Le /= Ue, Ne /= Ue, Le *= Ee, Ne *= Ee, Ve = -(Ie - Oe), Xe = Pe - Me, Ue = Math.sqrt(Ve * Ve + Xe * Xe), Ve /= Ue, Xe /= Ue, Ve *= Ee, Xe *= Ee;
+    Te = B[(De - 1) * 2], we = B[(De - 1) * 2 + 1], Pe = B[De * 2], Ie = B[De * 2 + 1], Me = B[(De + 1) * 2], Oe = B[(De + 1) * 2 + 1], Le = -(we - Ie), Ne = Te - Pe, Ue = Math.sqrt(Le * Le + Ne * Ne), Le /= Ue, Ne /= Ue, Le *= Ee, Ne *= Ee, Ve = -(Ie - Oe), We = Pe - Me, Ue = Math.sqrt(Ve * Ve + We * We), Ve /= Ue, We /= Ue, Ve *= Ee, We *= Ee;
     const Fe = Pe - Te, ke = we - Ie, Ge = Pe - Me, Be = Oe - Ie, qe = Fe * Ge + ke * Be, Ke = ke * Ge - Be * Fe, Ye = Ke < 0;
     if (Math.abs(Ke) < 1e-3 * Math.abs(qe)) {
-      xe.push(Pe - Le * He, Ie - Ne * He, Pe + Le * ze, Ie + Ne * ze), qe >= 0 && (V.join === LINE_JOIN.ROUND ? _e += round(Pe, Ie, Pe - Le * He, Ie - Ne * He, Pe - Ve * He, Ie - Xe * He, xe, !1) + 4 : _e += 2, xe.push(Pe - Ve * ze, Ie - Xe * ze, Pe + Ve * He, Ie + Xe * He));
+      xe.push(Pe - Le * ze, Ie - Ne * ze, Pe + Le * He, Ie + Ne * He), qe >= 0 && (V.join === LINE_JOIN.ROUND ? _e += round(Pe, Ie, Pe - Le * ze, Ie - Ne * ze, Pe - Ve * ze, Ie - We * ze, xe, !1) + 4 : _e += 2, xe.push(Pe - Ve * He, Ie - We * He, Pe + Ve * ze, Ie + We * ze));
       continue;
     }
-    const Qe = (-Le + Te) * (-Ne + Ie) - (-Le + Pe) * (-Ne + we), Ze = (-Ve + Me) * (-Xe + Ie) - (-Ve + Pe) * (-Xe + Oe), it = (Fe * Ze - Ge * Qe) / Ke, at = (Be * Qe - ke * Ze) / Ke, st = (it - Pe) * (it - Pe) + (at - Ie) * (at - Ie), Je = Pe + (it - Pe) * He, et = Ie + (at - Ie) * He, nt = Pe - (it - Pe) * ze, rt = Ie - (at - Ie) * ze, tt = Math.min(Fe * Fe + ke * ke, Ge * Ge + Be * Be), ot = Ye ? He : ze, ut = tt + ot * ot * Ae, mt = st <= ut;
+    const Qe = (-Le + Te) * (-Ne + Ie) - (-Le + Pe) * (-Ne + we), Ze = (-Ve + Me) * (-We + Ie) - (-Ve + Pe) * (-We + Oe), it = (Fe * Ze - Ge * Qe) / Ke, at = (Be * Qe - ke * Ze) / Ke, st = (it - Pe) * (it - Pe) + (at - Ie) * (at - Ie), Je = Pe + (it - Pe) * ze, et = Ie + (at - Ie) * ze, rt = Pe - (it - Pe) * He, nt = Ie - (at - Ie) * He, tt = Math.min(Fe * Fe + ke * ke, Ge * Ge + Be * Be), ot = Ye ? ze : He, ut = tt + ot * ot * Ae, mt = st <= ut;
     let pt = V.join;
     if (pt === LINE_JOIN.MITER && st / Ae > Re && (pt = LINE_JOIN.BEVEL), mt)
       switch (pt) {
         case LINE_JOIN.MITER: {
-          xe.push(Je, et, nt, rt);
+          xe.push(Je, et, rt, nt);
           break;
         }
         case LINE_JOIN.BEVEL: {
-          Ye ? xe.push(Je, et, Pe + Le * ze, Ie + Ne * ze, Je, et, Pe + Ve * ze, Ie + Xe * ze) : xe.push(Pe - Le * He, Ie - Ne * He, nt, rt, Pe - Ve * He, Ie - Xe * He, nt, rt), _e += 2;
+          Ye ? xe.push(Je, et, Pe + Le * He, Ie + Ne * He, Je, et, Pe + Ve * He, Ie + We * He) : xe.push(Pe - Le * ze, Ie - Ne * ze, rt, nt, Pe - Ve * ze, Ie - We * ze, rt, nt), _e += 2;
           break;
         }
         case LINE_JOIN.ROUND: {
-          Ye ? (xe.push(Je, et, Pe + Le * ze, Ie + Ne * ze), _e += round(Pe, Ie, Pe + Le * ze, Ie + Ne * ze, Pe + Ve * ze, Ie + Xe * ze, xe, !0) + 4, xe.push(Je, et, Pe + Ve * ze, Ie + Xe * ze)) : (xe.push(Pe - Le * He, Ie - Ne * He, nt, rt), _e += round(Pe, Ie, Pe - Le * He, Ie - Ne * He, Pe - Ve * He, Ie - Xe * He, xe, !1) + 4, xe.push(Pe - Ve * He, Ie - Xe * He, nt, rt));
+          Ye ? (xe.push(Je, et, Pe + Le * He, Ie + Ne * He), _e += round(Pe, Ie, Pe + Le * He, Ie + Ne * He, Pe + Ve * He, Ie + We * He, xe, !0) + 4, xe.push(Je, et, Pe + Ve * He, Ie + We * He)) : (xe.push(Pe - Le * ze, Ie - Ne * ze, rt, nt), _e += round(Pe, Ie, Pe - Le * ze, Ie - Ne * ze, Pe - Ve * ze, Ie - We * ze, xe, !1) + 4, xe.push(Pe - Ve * ze, Ie - We * ze, rt, nt));
           break;
         }
       }
     else {
-      switch (xe.push(Pe - Le * He, Ie - Ne * He, Pe + Le * ze, Ie + Ne * ze), pt) {
+      switch (xe.push(Pe - Le * ze, Ie - Ne * ze, Pe + Le * He, Ie + Ne * He), pt) {
         case LINE_JOIN.MITER: {
-          Ye ? xe.push(nt, rt, nt, rt) : xe.push(Je, et, Je, et), _e += 2;
+          Ye ? xe.push(rt, nt, rt, nt) : xe.push(Je, et, Je, et), _e += 2;
           break;
         }
         case LINE_JOIN.ROUND: {
-          Ye ? _e += round(Pe, Ie, Pe + Le * ze, Ie + Ne * ze, Pe + Ve * ze, Ie + Xe * ze, xe, !0) + 2 : _e += round(Pe, Ie, Pe - Le * He, Ie - Ne * He, Pe - Ve * He, Ie - Xe * He, xe, !1) + 2;
+          Ye ? _e += round(Pe, Ie, Pe + Le * He, Ie + Ne * He, Pe + Ve * He, Ie + We * He, xe, !0) + 2 : _e += round(Pe, Ie, Pe - Le * ze, Ie - Ne * ze, Pe - Ve * ze, Ie - We * ze, xe, !1) + 2;
           break;
         }
       }
-      xe.push(Pe - Ve * He, Ie - Xe * He, Pe + Ve * ze, Ie + Xe * ze), _e += 2;
+      xe.push(Pe - Ve * ze, Ie - We * ze, Pe + Ve * He, Ie + We * He), _e += 2;
     }
   }
-  Te = B[(Z - 2) * 2], we = B[(Z - 2) * 2 + 1], Pe = B[(Z - 1) * 2], Ie = B[(Z - 1) * 2 + 1], Le = -(we - Ie), Ne = Te - Pe, Ue = Math.sqrt(Le * Le + Ne * Ne), Le /= Ue, Ne /= Ue, Le *= Ee, Ne *= Ee, xe.push(Pe - Le * He, Ie - Ne * He, Pe + Le * ze, Ie + Ne * ze), K || (V.cap === LINE_CAP.ROUND ? _e += round(Pe - Le * (He - ze) * 0.5, Ie - Ne * (He - ze) * 0.5, Pe - Le * He, Ie - Ne * He, Pe + Le * ze, Ie + Ne * ze, xe, !1) + 2 : V.cap === LINE_CAP.SQUARE && (_e += square(Pe, Ie, Le, Ne, He, ze, !1, xe)));
+  Te = B[(Z - 2) * 2], we = B[(Z - 2) * 2 + 1], Pe = B[(Z - 1) * 2], Ie = B[(Z - 1) * 2 + 1], Le = -(we - Ie), Ne = Te - Pe, Ue = Math.sqrt(Le * Le + Ne * Ne), Le /= Ue, Ne /= Ue, Le *= Ee, Ne *= Ee, xe.push(Pe - Le * ze, Ie - Ne * ze, Pe + Le * He, Ie + Ne * He), K || (V.cap === LINE_CAP.ROUND ? _e += round(Pe - Le * (ze - He) * 0.5, Ie - Ne * (ze - He) * 0.5, Pe - Le * ze, Ie - Ne * ze, Pe + Le * He, Ie + Ne * He, xe, !1) + 2 : V.cap === LINE_CAP.SQUARE && (_e += square(Pe, Ie, Le, Ne, ze, He, !1, xe)));
   const je = E.indices, $e = curves.epsilon * curves.epsilon;
   for (let De = Se; De < _e + Se - 2; ++De)
     Te = xe[De * 2], we = xe[De * 2 + 1], Pe = xe[(De + 1) * 2], Ie = xe[(De + 1) * 2 + 1], Me = xe[(De + 2) * 2], Oe = xe[(De + 2) * 2 + 1], !(Math.abs(Te * (Ie - Oe) + Pe * (Oe - we) + Me * (we - Ie)) < $e) && je.push(De, De + 1, De + 2);
@@ -15497,8 +15066,8 @@ var _slicedToArray = function() {
 }, getArcCenter = function(E, I, B, U, V, X, Y, K, J, xe, Z, _e) {
   var Se = Math.pow(V, 2), Ee = Math.pow(X, 2), Ae = Math.pow(Z, 2), Re = Math.pow(_e, 2), Te = Se * Ee - Se * Re - Ee * Ae;
   Te < 0 && (Te = 0), Te /= Se * Re + Ee * Ae, Te = Math.sqrt(Te) * (Y === K ? -1 : 1);
-  var we = Te * V / X * _e, Pe = Te * -X / V * Z, Ie = xe * we - J * Pe + (E + B) / 2, Me = J * we + xe * Pe + (I + U) / 2, Oe = (Z - we) / V, Le = (_e - Pe) / X, Ne = (-Z - we) / V, Ve = (-_e - Pe) / X, Xe = vectorAngle(1, 0, Oe, Le), Ue = vectorAngle(Oe, Le, Ne, Ve);
-  return K === 0 && Ue > 0 && (Ue -= TAU$2), K === 1 && Ue < 0 && (Ue += TAU$2), [Ie, Me, Xe, Ue];
+  var we = Te * V / X * _e, Pe = Te * -X / V * Z, Ie = xe * we - J * Pe + (E + B) / 2, Me = J * we + xe * Pe + (I + U) / 2, Oe = (Z - we) / V, Le = (_e - Pe) / X, Ne = (-Z - we) / V, Ve = (-_e - Pe) / X, We = vectorAngle(1, 0, Oe, Le), Ue = vectorAngle(Oe, Le, Ne, Ve);
+  return K === 0 && Ue > 0 && (Ue -= TAU$2), K === 1 && Ue < 0 && (Ue += TAU$2), [Ie, Me, We, Ue];
 }, arcToBezier = function(E) {
   var I = E.px, B = E.py, U = E.cx, V = E.cy, X = E.rx, Y = E.ry, K = E.xAxisRotation, J = K === void 0 ? 0 : K, xe = E.largeArcFlag, Z = xe === void 0 ? 0 : xe, _e = E.sweepFlag, Se = _e === void 0 ? 0 : _e, Ee = [];
   if (X === 0 || Y === 0)
@@ -15509,14 +15078,14 @@ var _slicedToArray = function() {
   X = Math.abs(X), Y = Math.abs(Y);
   var Pe = Math.pow(Te, 2) / Math.pow(X, 2) + Math.pow(we, 2) / Math.pow(Y, 2);
   Pe > 1 && (X *= Math.sqrt(Pe), Y *= Math.sqrt(Pe));
-  var Ie = getArcCenter(I, B, U, V, X, Y, Z, Se, Ae, Re, Te, we), Me = _slicedToArray(Ie, 4), Oe = Me[0], Le = Me[1], Ne = Me[2], Ve = Me[3], Xe = Math.abs(Ve) / (TAU$2 / 4);
-  Math.abs(1 - Xe) < 1e-7 && (Xe = 1);
-  var Ue = Math.max(Math.ceil(Xe), 1);
+  var Ie = getArcCenter(I, B, U, V, X, Y, Z, Se, Ae, Re, Te, we), Me = _slicedToArray(Ie, 4), Oe = Me[0], Le = Me[1], Ne = Me[2], Ve = Me[3], We = Math.abs(Ve) / (TAU$2 / 4);
+  Math.abs(1 - We) < 1e-7 && (We = 1);
+  var Ue = Math.max(Math.ceil(We), 1);
   Ve /= Ue;
-  for (var We = 0; We < Ue; We++)
+  for (var Xe = 0; Xe < Ue; Xe++)
     Ee.push(approxUnitArc(Ne, Ve)), Ne += Ve;
-  return Ee.map(function(He) {
-    var ze = mapToEllipse(He[0], X, Y, Re, Ae, Oe, Le), je = ze.x, $e = ze.y, De = mapToEllipse(He[1], X, Y, Re, Ae, Oe, Le), Fe = De.x, ke = De.y, Ge = mapToEllipse(He[2], X, Y, Re, Ae, Oe, Le), Be = Ge.x, qe = Ge.y;
+  return Ee.map(function(ze) {
+    var He = mapToEllipse(ze[0], X, Y, Re, Ae, Oe, Le), je = He.x, $e = He.y, De = mapToEllipse(ze[1], X, Y, Re, Ae, Oe, Le), Fe = De.x, ke = De.y, Ge = mapToEllipse(ze[2], X, Y, Re, Ae, Oe, Le), Be = Ge.x, qe = Ge.y;
     return { x1: je, y1: $e, x2: Fe, y2: ke, x: Be, y: qe };
   });
 };
@@ -16059,8 +15628,8 @@ function unit_vector_angle(C, E, I, B) {
 function get_arc_center(C, E, I, B, U, V, X, Y, K, J) {
   var xe = J * (C - I) / 2 + K * (E - B) / 2, Z = -K * (C - I) / 2 + J * (E - B) / 2, _e = X * X, Se = Y * Y, Ee = xe * xe, Ae = Z * Z, Re = _e * Se - _e * Ae - Se * Ee;
   Re < 0 && (Re = 0), Re /= _e * Ae + Se * Ee, Re = Math.sqrt(Re) * (U === V ? -1 : 1);
-  var Te = Re * X / Y * Z, we = Re * -Y / X * xe, Pe = J * Te - K * we + (C + I) / 2, Ie = K * Te + J * we + (E + B) / 2, Me = (xe - Te) / X, Oe = (Z - we) / Y, Le = (-xe - Te) / X, Ne = (-Z - we) / Y, Ve = unit_vector_angle(1, 0, Me, Oe), Xe = unit_vector_angle(Me, Oe, Le, Ne);
-  return V === 0 && Xe > 0 && (Xe -= TAU$1), V === 1 && Xe < 0 && (Xe += TAU$1), [Pe, Ie, Ve, Xe];
+  var Te = Re * X / Y * Z, we = Re * -Y / X * xe, Pe = J * Te - K * we + (C + I) / 2, Ie = K * Te + J * we + (E + B) / 2, Me = (xe - Te) / X, Oe = (Z - we) / Y, Le = (-xe - Te) / X, Ne = (-Z - we) / Y, Ve = unit_vector_angle(1, 0, Me, Oe), We = unit_vector_angle(Me, Oe, Le, Ne);
+  return V === 0 && We > 0 && (We -= TAU$1), V === 1 && We < 0 && (We += TAU$1), [Pe, Ie, Ve, We];
 }
 function approximate_unit_arc(C, E) {
   var I = 1.3333333333333333 * Math.tan(E / 4), B = Math.cos(C), U = Math.sin(C), V = Math.cos(C + E), X = Math.sin(C + E);
@@ -16083,8 +15652,8 @@ var a2c$1 = function(E, I, B, U, V, X, Y, K, J) {
     for (var Oe = 0; Oe < Me.length; Oe += 2) {
       var Le = Me[Oe + 0], Ne = Me[Oe + 1];
       Le *= Y, Ne *= K;
-      var Ve = Z * Le - xe * Ne, Xe = xe * Le + Z * Ne;
-      Me[Oe + 0] = Ve + Ae[0], Me[Oe + 1] = Xe + Ae[1];
+      var Ve = Z * Le - xe * Ne, We = xe * Le + Z * Ne;
+      Me[Oe + 0] = Ve + Ae[0], Me[Oe + 1] = We + Ae[1];
     }
     return Me;
   });
@@ -16372,11 +15941,11 @@ const svgpath$1 = /* @__PURE__ */ getDefaultExportFromCjs(svgpath), PixiSvgPathS
     temperatureFilter: Le,
     sharpnessFilter: Ne,
     hueFilter: Ve,
-    blurFilter: Xe,
+    blurFilter: We,
     adjustmentFilter: Ue,
-    vignetteFilter: We,
-    noiseFilter: He
-  } = withFiltersHook(Pe), { blurRadius: ze = 0, vignette: je = 0, noise: $e = 0 } = Pe;
+    vignetteFilter: Xe,
+    noiseFilter: ze
+  } = withFiltersHook(Pe), { blurRadius: He = 0, vignette: je = 0, noise: $e = 0 } = Pe;
   return React.useEffect(() => {
     const De = svgpath$1(Y).scale(5).translate(0, 0).toString(), Fe = `<svg xmlns="http://www.w3.org/2000/svg" width="${_e}" height="${Se}"> 
         <path stroke="${Te}" stroke-width="${we}" fill="${Ae || Re}" d="${De}">
@@ -16406,11 +15975,11 @@ const svgpath$1 = /* @__PURE__ */ getDefaultExportFromCjs(svgpath), PixiSvgPathS
         Ve,
         Ue,
         // conditionally add blur filter
-        ...ze > 0 ? [Xe] : [],
+        ...He > 0 ? [We] : [],
         // conditionally add vignette filter
-        ...je > 0 ? [We] : [],
+        ...je > 0 ? [Xe] : [],
         // conditionally add noise filter
-        ...$e > 0 ? [He] : []
+        ...$e > 0 ? [ze] : []
       ]
     }
   ) }) }) });
@@ -16758,20 +16327,20 @@ var howler = {};
         }
         var Ve = Te._node;
         if (Se._webAudio) {
-          var Xe = function() {
+          var We = function() {
             Se._playLock = !1, Ne(), Se._refreshBuffer(Te);
-            var ze = Te._muted || Se._muted ? 0 : Te._volume;
-            Ve.gain.setValueAtTime(ze, I.ctx.currentTime), Te._playStart = I.ctx.currentTime, typeof Ve.bufferSource.start > "u" ? Te._loop ? Ve.bufferSource.noteGrainOn(0, Pe, 86400) : Ve.bufferSource.noteGrainOn(0, Pe, Ie) : Te._loop ? Ve.bufferSource.start(0, Pe, 86400) : Ve.bufferSource.start(0, Pe, Ie), Me !== 1 / 0 && (Se._endTimers[Te._id] = setTimeout(Se._ended.bind(Se, Te), Me)), _e || setTimeout(function() {
+            var He = Te._muted || Se._muted ? 0 : Te._volume;
+            Ve.gain.setValueAtTime(He, I.ctx.currentTime), Te._playStart = I.ctx.currentTime, typeof Ve.bufferSource.start > "u" ? Te._loop ? Ve.bufferSource.noteGrainOn(0, Pe, 86400) : Ve.bufferSource.noteGrainOn(0, Pe, Ie) : Te._loop ? Ve.bufferSource.start(0, Pe, 86400) : Ve.bufferSource.start(0, Pe, Ie), Me !== 1 / 0 && (Se._endTimers[Te._id] = setTimeout(Se._ended.bind(Se, Te), Me)), _e || setTimeout(function() {
               Se._emit("play", Te._id), Se._loadQueue();
             }, 0);
           };
-          I.state === "running" && I.ctx.state !== "interrupted" ? Xe() : (Se._playLock = !0, Se.once("resume", Xe), Se._clearTimer(Te._id));
+          I.state === "running" && I.ctx.state !== "interrupted" ? We() : (Se._playLock = !0, Se.once("resume", We), Se._clearTimer(Te._id));
         } else {
           var Ue = function() {
             Ve.currentTime = Pe, Ve.muted = Te._muted || Se._muted || I._muted || Ve.muted, Ve.volume = Te._volume * I.volume(), Ve.playbackRate = Te._rate;
             try {
-              var ze = Ve.play();
-              if (ze && typeof Promise < "u" && (ze instanceof Promise || typeof ze.then == "function") ? (Se._playLock = !0, Ne(), ze.then(function() {
+              var He = Ve.play();
+              if (He && typeof Promise < "u" && (He instanceof Promise || typeof He.then == "function") ? (Se._playLock = !0, Ne(), He.then(function() {
                 Se._playLock = !1, Ve._unlocked = !0, _e ? Se._loadQueue() : Se._emit("play", Te._id);
               }).catch(function() {
                 Se._playLock = !1, Se._emit("playerror", Te._id, "Playback was unable to start. This is most commonly an issue on mobile devices and Chrome where playback was not within a user interaction."), Te._ended = !0, Te._paused = !0;
@@ -16787,15 +16356,15 @@ var howler = {};
             }
           };
           Ve.src === "data:audio/wav;base64,UklGRigAAABXQVZFZm10IBIAAAABAAEARKwAAIhYAQACABAAAABkYXRhAgAAAAEA" && (Ve.src = Se._src, Ve.load());
-          var We = window && window.ejecta || !Ve.readyState && I._navigator.isCocoonJS;
-          if (Ve.readyState >= 3 || We)
+          var Xe = window && window.ejecta || !Ve.readyState && I._navigator.isCocoonJS;
+          if (Ve.readyState >= 3 || Xe)
             Ue();
           else {
             Se._playLock = !0, Se._state = "loading";
-            var He = function() {
-              Se._state = "loaded", Ue(), Ve.removeEventListener(I._canPlayEvent, He, !1);
+            var ze = function() {
+              Se._state = "loaded", Ue(), Ve.removeEventListener(I._canPlayEvent, ze, !1);
             };
-            Ve.addEventListener(I._canPlayEvent, He, !1), Se._clearTimer(Te._id);
+            Ve.addEventListener(I._canPlayEvent, ze, !1), Se._clearTimer(Te._id);
           }
         }
         return Te._id;
@@ -18263,28 +17832,28 @@ class AudioMotionAnalyzer {
       this._flg = { isAlpha: !1, isBands: !1, isLeds: !1, isLumi: !1, isOctaves: !1, isOutline: !1, isRound: !1, noLedGap: !1 };
       return;
     }
-    const { _ansiBands: I, _barSpace: B, canvas: U, _chLayout: V, _maxFreq: X, _minFreq: Y, _mirror: K, _mode: J, _radial: xe, _reflexRatio: Z } = this, _e = U.width >> 1, Se = U.height >> 1, Ee = V == CHANNEL_VERTICAL && !xe, Ae = V == CHANNEL_HORIZONTAL, Re = J % 10 != 0, Te = Re && this._frequencyScale == SCALE_LOG, we = this._showLeds && Re && !xe, Pe = this._lumiBars && Re && !xe, Ie = this._alphaBars && !Pe && J != MODE_GRAPH, Me = this._outlineBars && Re && !Pe && !we, Oe = this._roundBars && Re && !Pe && !we, Le = V != CHANNEL_VERTICAL || Z > 0 && !Pe, Ne = U.height - (Ee && !we ? 0.5 : 0) >> Ee, Ve = Ne * (Pe || xe ? 1 : 1 - Z) | 0, Xe = U.width - _e * (Ae || K != 0), Ue = Ee ? U.height - Ne * 2 : 0, We = _e * (K == -1 && !Ae && !xe), He = Math.min(U.width, U.height) * (V == CHANNEL_VERTICAL ? 0.375 : 0.125) | 0, ze = Math.min(_e, Se), je = (Ye) => E.push({ ...Ye, peak: [0, 0], hold: [0], value: [0] }), $e = (Ye) => {
+    const { _ansiBands: I, _barSpace: B, canvas: U, _chLayout: V, _maxFreq: X, _minFreq: Y, _mirror: K, _mode: J, _radial: xe, _reflexRatio: Z } = this, _e = U.width >> 1, Se = U.height >> 1, Ee = V == CHANNEL_VERTICAL && !xe, Ae = V == CHANNEL_HORIZONTAL, Re = J % 10 != 0, Te = Re && this._frequencyScale == SCALE_LOG, we = this._showLeds && Re && !xe, Pe = this._lumiBars && Re && !xe, Ie = this._alphaBars && !Pe && J != MODE_GRAPH, Me = this._outlineBars && Re && !Pe && !we, Oe = this._roundBars && Re && !Pe && !we, Le = V != CHANNEL_VERTICAL || Z > 0 && !Pe, Ne = U.height - (Ee && !we ? 0.5 : 0) >> Ee, Ve = Ne * (Pe || xe ? 1 : 1 - Z) | 0, We = U.width - _e * (Ae || K != 0), Ue = Ee ? U.height - Ne * 2 : 0, Xe = _e * (K == -1 && !Ae && !xe), ze = Math.min(U.width, U.height) * (V == CHANNEL_VERTICAL ? 0.375 : 0.125) | 0, He = Math.min(_e, Se), je = (Ye) => E.push({ ...Ye, peak: [0, 0], hold: [0], value: [0] }), $e = (Ye) => {
       const Qe = this._freqToBin(Ye, "floor"), Ze = this._binToFreq(Qe), it = this._binToFreq(Qe + 1), at = Math.log2(Ye / Ze) / Math.log2(it / Ze);
       return [Qe, at];
     };
     let De, Fe, ke;
     if (Te) {
-      const Ye = (nt, rt, tt) => +nt.toPrecision(tt ? Math.max(rt, 1 + Math.log10(nt) | 0) : rt), Qe = (nt) => {
-        const rt = [1, 1.12, 1.25, 1.4, 1.6, 1.8, 2, 2.24, 2.5, 2.8, 3.15, 3.55, 4, 4.5, 5, 5.6, 6.3, 7.1, 8, 9, 10], tt = Math.log10(nt) | 0, ot = nt / 10 ** tt;
+      const Ye = (rt, nt, tt) => +rt.toPrecision(tt ? Math.max(nt, 1 + Math.log10(rt) | 0) : nt), Qe = (rt) => {
+        const nt = [1, 1.12, 1.25, 1.4, 1.6, 1.8, 2, 2.24, 2.5, 2.8, 3.15, 3.55, 4, 4.5, 5, 5.6, 6.3, 7.1, 8, 9, 10], tt = Math.log10(rt) | 0, ot = rt / 10 ** tt;
         let ut = 1;
-        for (; ut < rt.length && ot > rt[ut]; )
+        for (; ut < nt.length && ot > nt[ut]; )
           ut++;
-        return ot - rt[ut - 1] < rt[ut] - ot && ut--, (rt[ut] * 10 ** (tt + 5) | 0) / 1e5;
+        return ot - nt[ut - 1] < nt[ut] - ot && ut--, (nt[ut] * 10 ** (tt + 5) | 0) / 1e5;
       }, Ze = [0, 24, 12, 8, 6, 4, 3, 2, 1][J], it = I ? 10 ** (3 / (Ze * 10)) : 2 ** (1 / Ze), at = it ** 0.5;
       let st = I ? 7.94328235 / (Ze % 2 ? 1 : at) : C_1;
       do {
-        let nt = st;
-        const rt = Ye(nt / at, 4, !0), tt = Ye(nt * at, 4, !0), [ot, ut] = $e(rt), [mt, pt] = $e(tt);
-        I ? nt = Ze < 4 ? Qe(nt) : Ye(nt, nt.toString()[0] < 5 ? 3 : 2) : nt = Ye(nt, 4, !0), nt >= Y && je({ posX: 0, freq: nt, freqLo: rt, freqHi: tt, binLo: ot, binHi: mt, ratioLo: ut, ratioHi: pt }), st *= it;
+        let rt = st;
+        const nt = Ye(rt / at, 4, !0), tt = Ye(rt * at, 4, !0), [ot, ut] = $e(nt), [mt, pt] = $e(tt);
+        I ? rt = Ze < 4 ? Qe(rt) : Ye(rt, rt.toString()[0] < 5 ? 3 : 2) : rt = Ye(rt, 4, !0), rt >= Y && je({ posX: 0, freq: rt, freqLo: nt, freqHi: tt, binLo: ot, binHi: mt, ratioLo: ut, ratioHi: pt }), st *= it;
       } while (st <= X);
-      De = Xe / E.length, E.forEach((nt, rt) => nt.posX = We + rt * De);
+      De = We / E.length, E.forEach((rt, nt) => rt.posX = Xe + nt * De);
       const Je = E[0], et = E[E.length - 1];
-      Fe = this._freqScaling(Je.freqLo), ke = Xe / (this._freqScaling(et.freqHi) - Fe), Je.freqLo < Y && (Je.freqLo = Y, [Je.binLo, Je.ratioLo] = $e(Y)), et.freqHi > X && (et.freqHi = X, [et.binHi, et.ratioHi] = $e(X));
+      Fe = this._freqScaling(Je.freqLo), ke = We / (this._freqScaling(et.freqHi) - Fe), Je.freqLo < Y && (Je.freqLo = Y, [Je.binLo, Je.ratioLo] = $e(Y)), et.freqHi > X && (et.freqHi = X, [et.binHi, et.ratioHi] = $e(X));
     } else if (Re) {
       const Ye = [0, 24, 12, 8, 6, 4, 3, 2, 1][J] * 10, Qe = (Ze) => {
         switch (this._frequencyScale) {
@@ -18296,17 +17865,17 @@ class AudioMotionAnalyzer {
             return Ze;
         }
       };
-      De = Xe / Ye, Fe = this._freqScaling(Y), ke = Xe / (this._freqScaling(X) - Fe);
+      De = We / Ye, Fe = this._freqScaling(Y), ke = We / (this._freqScaling(X) - Fe);
       for (let Ze = 0, it = 0; Ze < Ye; Ze++, it += De) {
-        const at = Qe(Fe + it / ke), st = Qe(Fe + (it + De / 2) / ke), Je = Qe(Fe + (it + De) / ke), [et, nt] = $e(at), [rt, tt] = $e(Je);
-        je({ posX: We + it, freq: st, freqLo: at, freqHi: Je, binLo: et, binHi: rt, ratioLo: nt, ratioHi: tt });
+        const at = Qe(Fe + it / ke), st = Qe(Fe + (it + De / 2) / ke), Je = Qe(Fe + (it + De) / ke), [et, rt] = $e(at), [nt, tt] = $e(Je);
+        je({ posX: Xe + it, freq: st, freqLo: at, freqHi: Je, binLo: et, binHi: nt, ratioLo: rt, ratioHi: tt });
       }
     } else {
-      De = 1, Fe = this._freqScaling(Y), ke = Xe / (this._freqScaling(X) - Fe);
+      De = 1, Fe = this._freqScaling(Y), ke = We / (this._freqScaling(X) - Fe);
       const Ye = this._freqToBin(Y, "floor"), Qe = this._freqToBin(X);
       let Ze = -999;
       for (let it = Ye; it <= Qe; it++) {
-        const at = this._binToFreq(it), st = We + Math.round(ke * (this._freqScaling(at) - Fe));
+        const at = this._binToFreq(it), st = Xe + Math.round(ke * (this._freqScaling(at) - Fe));
         if (st > Ze)
           je({ posX: st, freq: at, freqLo: at, freqHi: at, binLo: it, binHi: it, ratioLo: 0, ratioHi: 0 }), Ze = st;
         else if (E.length) {
@@ -18338,15 +17907,15 @@ class AudioMotionAnalyzer {
       ], Ze = this._ledParams, [it, at, st] = Ze || Qe[J];
       let Je, et = Ve;
       if (Ze) {
-        const nt = 2 * Ye;
-        let rt;
+        const rt = 2 * Ye;
+        let nt;
         Je = it + 1;
         do
-          Je--, rt = et / Je / (1 + at), Be = rt * at;
-        while ((rt < nt || Be < nt) && Je > 1);
+          Je--, nt = et / Je / (1 + at), Be = nt * at;
+        while ((nt < rt || Be < rt) && Je > 1);
       } else {
-        const nt = 540 / at;
-        Be = Math.min(at * Ye, Math.max(2, et / nt + 0.1 | 0));
+        const rt = 540 / at;
+        Be = Math.min(at * Ye, Math.max(2, et / rt + 0.1 | 0));
       }
       Le && (et += Be), Ze || (Je = Math.min(it, et / (Be * 2) | 0)), Ge = st >= 1 ? st : De * st, this._leds = [
         Je,
@@ -18366,7 +17935,7 @@ class AudioMotionAnalyzer {
       const Qe = V == CHANNEL_VERTICAL ? (Ne + Ue) * Ye : 0, Ze = Qe + Ne, it = Qe + Ve - (!we || Le ? 0 : Be);
       Ke.push({ channelTop: Qe, channelBottom: Ze, analyzerBottom: it });
     }
-    this._aux = { analyzerHeight: Ve, analyzerWidth: Xe, centerX: _e, centerY: Se, channelCoords: Ke, channelHeight: Ne, channelGap: Ue, initialX: We, innerRadius: He, outerRadius: ze, scaleMin: Fe, unitWidth: ke }, this._flg = { isAlpha: Ie, isBands: Re, isLeds: we, isLumi: Pe, isOctaves: Te, isOutline: Me, isRound: Oe, noLedGap: Le }, this._createScales();
+    this._aux = { analyzerHeight: Ve, analyzerWidth: We, centerX: _e, centerY: Se, channelCoords: Ke, channelHeight: Ne, channelGap: Ue, initialX: Xe, innerRadius: ze, outerRadius: He, scaleMin: Fe, unitWidth: ke }, this._flg = { isAlpha: Ie, isBands: Re, isLeds: we, isLumi: Pe, isOctaves: Te, isOutline: Me, isRound: Oe, noLedGap: Le }, this._createScales();
   }
   /**
    * Generate the X-axis and radial scales in auxiliary canvases
@@ -18378,32 +17947,32 @@ class AudioMotionAnalyzer {
     if (!J && (this._ansiBands || Y != SCALE_LOG))
       Ae.push(16, 31.5, 63, 125, 250, 500, 1e3, 2e3, 4e3), Y == SCALE_LINEAR ? Ae.push(6e3, 8e3, 1e4, 12e3, 14e3, 16e3, 18e3, 2e4, 22e3) : Ae.push(8e3, 16e3);
     else {
-      let ze = C_1;
+      let He = C_1;
       for (let je = -1; je < 11; je++)
         for (let $e = 0; $e < 12; $e++) {
-          if (ze >= this._minFreq && ze <= this._maxFreq) {
+          if (He >= this._minFreq && He <= this._maxFreq) {
             const De = we[$e], Fe = De == "C";
-            (De && J && !K && !Re || Fe) && Ae.push(J ? [ze, De + (Fe ? je : "")] : ze);
+            (De && J && !K && !Re || Fe) && Ae.push(J ? [He, De + (Fe ? je : "")] : He);
           }
-          ze *= Ne;
+          He *= Ne;
         }
     }
     Ee.width = Ee.height = (B << 1) + Te * Pe;
-    const Ve = Ee.width >> 1, Xe = Ve - Pe * 0.7, Ue = (ze, je) => {
-      const $e = TAU * (ze / X.width), De = $e - HALF_PI, Fe = Xe * Math.cos(De), ke = Xe * Math.sin(De);
+    const Ve = Ee.width >> 1, We = Ve - Pe * 0.7, Ue = (He, je) => {
+      const $e = TAU * (He / X.width), De = $e - HALF_PI, Fe = We * Math.cos(De), ke = We * Math.sin(De);
       _e.save(), _e.translate(Ve + Fe, Ve + ke), _e.rotate($e), _e.fillText(je, 0, 0), _e.restore();
     };
     Se.width |= 0, Z.fillStyle = _e.strokeStyle = SCALEX_BACKGROUND_COLOR, Z.fillRect(0, 0, Se.width, Se.height), _e.arc(Ve, Ve, Ve - Pe / 2, 0, TAU), _e.lineWidth = Pe, _e.stroke(), Z.fillStyle = _e.fillStyle = SCALEX_LABEL_COLOR, Z.font = `${Ie}px ${FONT_FAMILY}`, _e.font = `${Me}px ${FONT_FAMILY}`, Z.textAlign = _e.textAlign = "center";
-    let We = -Oe / 4, He = -Le;
-    for (const ze of Ae) {
-      const [je, $e] = Array.isArray(ze) ? ze : [ze, ze < 1e3 ? ze | 0 : `${(ze / 100 | 0) / 10}k`], De = V * (this._freqScaling(je) - U), Fe = Se.height * 0.75, ke = $e[0] == "C", Ge = Ie * (J && !K && !Re ? ke ? 1.2 : 0.6 : 3);
+    let Xe = -Oe / 4, ze = -Le;
+    for (const He of Ae) {
+      const [je, $e] = Array.isArray(He) ? He : [He, He < 1e3 ? He | 0 : `${(He / 100 | 0) / 10}k`], De = V * (this._freqScaling(je) - U), Fe = Se.height * 0.75, ke = $e[0] == "C", Ge = Ie * (J && !K && !Re ? ke ? 1.2 : 0.6 : 3);
       if (Z.fillStyle = _e.fillStyle = ke && !K && !Re ? SCALEX_HIGHLIGHT_COLOR : SCALEX_LABEL_COLOR, J) {
         const Be = Y == SCALE_LOG, qe = Y == SCALE_LINEAR;
         let Ke = ["C"];
         if ((Be || je > 2e3 || !qe && je > 250 || (!xe || Te) && (!qe && je > 125 || je > 1e3)) && Ke.push("G"), (Be || je > 4e3 || !qe && je > 500 || (!xe || Te) && (!qe && je > 250 || je > 2e3)) && Ke.push("E"), (qe && je > 4e3 || (!xe || Te) && (Be || je > 2e3 || !qe && je > 500)) && Ke.push("D", "F", "A", "B"), !Ke.includes($e[0]))
           continue;
       }
-      De >= We + Oe / 2 && De <= E && (Z.fillText($e, Re && K == -1 ? E - De : I + De, Fe, Ge), (Re || K && (De > Oe || K == 1)) && Z.fillText($e, Re && K != 1 ? E + De : (I || X.width) - De, Fe, Ge), We = De + Math.min(Ge, Z.measureText($e).width) / 2), De >= He + Le && De < E - Le && (Ue(Re && K == 1 ? E - De : De, $e), (Re || K && (De > Le || K == 1)) && Ue(Re && K != -1 ? E + De : -De, $e), He = De);
+      De >= Xe + Oe / 2 && De <= E && (Z.fillText($e, Re && K == -1 ? E - De : I + De, Fe, Ge), (Re || K && (De > Oe || K == 1)) && Z.fillText($e, Re && K != 1 ? E + De : (I || X.width) - De, Fe, Ge), Xe = De + Math.min(Ge, Z.measureText($e).width) / 2), De >= ze + Le && De < E - Le && (Ue(Re && K == 1 ? E - De : De, $e), (Re || K && (De > Le || K == 1)) && Ue(Re && K != -1 ? E + De : -De, $e), ze = De);
     }
   }
   /**
@@ -18440,11 +18009,11 @@ class AudioMotionAnalyzer {
       canvas: Le,
       _canvasGradients: Ne,
       _chLayout: Ve,
-      _colorMode: Xe,
+      _colorMode: We,
       _ctx: Ue,
-      _energy: We,
-      fillAlpha: He,
-      _fps: ze,
+      _energy: Xe,
+      fillAlpha: ze,
+      _fps: He,
       _linearAmplitude: je,
       _lineWidth: $e,
       maxDecibels: De,
@@ -18457,12 +18026,12 @@ class AudioMotionAnalyzer {
       showPeaks: Ye,
       useCanvas: Qe,
       _weightingFilter: Ze
-    } = this, it = this._scaleX.canvas, at = this._scaleR.canvas, st = ze >> 1, Je = Ve == CHANNEL_COMBINED, et = Ve == CHANNEL_HORIZONTAL, nt = Ve == CHANNEL_VERTICAL, rt = Ve == CHANNEL_SINGLE, tt = Y && this._trueLeds && Xe == COLOR_GRADIENT, ot = qe ? Le.width : this._aux.analyzerWidth, ut = Pe + ot, mt = Ye && this._peakLine && Ge == MODE_GRAPH, pt = qe ? Me - Ie : Se, [yt, gt, _t, Pt] = this._leds || [];
-    We.val > 0 && (this._spinAngle += this._spinSpeed * TAU / (60 * ze));
+    } = this, it = this._scaleX.canvas, at = this._scaleR.canvas, st = He >> 1, Je = Ve == CHANNEL_COMBINED, et = Ve == CHANNEL_HORIZONTAL, rt = Ve == CHANNEL_VERTICAL, nt = Ve == CHANNEL_SINGLE, tt = Y && this._trueLeds && We == COLOR_GRADIENT, ot = qe ? Le.width : this._aux.analyzerWidth, ut = Pe + ot, mt = Ye && this._peakLine && Ge == MODE_GRAPH, pt = qe ? Me - Ie : Se, [gt, bt, yt, Pt] = this._leds || [];
+    Xe.val > 0 && (this._spinAngle += this._spinSpeed * TAU / (60 * He));
     const It = (lt) => {
       if (this._reflexRatio > 0 && !K && !qe) {
         let dt, $t;
-        this.reflexFit || nt ? (dt = nt && lt == 0 ? Te + we : 0, $t = Te - Se) : (dt = Le.height - Se * 2, $t = Se), Ue.save(), Ue.globalAlpha = this.reflexAlpha, this.reflexBright != 1 && (Ue.filter = `brightness(${this.reflexBright})`), Ue.setTransform(1, 0, 0, -1, 0, Le.height), Ue.drawImage(Le, 0, Re[lt].channelTop, Le.width, Se, 0, dt, Le.width, $t), Ue.restore();
+        this.reflexFit || rt ? (dt = rt && lt == 0 ? Te + we : 0, $t = Te - Se) : (dt = Le.height - Se * 2, $t = Se), Ue.save(), Ue.globalAlpha = this.reflexAlpha, this.reflexBright != 1 && (Ue.filter = `brightness(${this.reflexBright})`), Ue.setTransform(1, 0, 0, -1, 0, Le.height), Ue.drawImage(Le, 0, Re[lt].channelTop, Le.width, Se, 0, dt, Le.width, $t), Ue.restore();
       }
     }, St = () => {
       this.showScaleX && (qe ? (Ue.save(), Ue.translate(Ee, Ae), this._spinSpeed && Ue.rotate(this._spinAngle + HALF_PI), Ue.drawImage(at, -at.width >> 1, -at.width >> 1), Ue.restore()) : Ue.drawImage(it, 0, Le.height - it.height));
@@ -18493,17 +18062,17 @@ class AudioMotionAnalyzer {
         const dt = Ue.globalAlpha;
         Ue.globalAlpha = 1, Ue.stroke(), Ue.globalAlpha = dt;
       }
-    }, Mt = (lt) => Math.max(0, (lt * yt | 0) * (Pt + _t) - _t), qt = (lt) => {
-      We.val = lt, We.peak > 0 && (We.hold--, We.hold < 0 && (We.peak += We.hold / (st * st / 2))), lt >= We.peak && (We.peak = lt, We.hold = st);
+    }, Mt = (lt) => Math.max(0, (lt * gt | 0) * (Pt + yt) - yt), qt = (lt) => {
+      Xe.val = lt, Xe.peak > 0 && (Xe.hold--, Xe.hold < 0 && (Xe.peak += Xe.hold / (st * st / 2))), lt >= Xe.peak && (Xe.peak = lt, Xe.hold = st);
     };
     Be && Ue.clearRect(0, 0, Le.width, Le.height);
     let Vt = 0;
-    const ar = Oe.length, or = rt ? 1 : 2;
+    const ar = Oe.length, or = nt ? 1 : 2;
     for (let lt = 0; lt < or; lt++) {
-      const { channelTop: dt, channelBottom: $t, analyzerBottom: Et } = Re[lt], Jt = this._gradients[this._selectedGrads[lt]], Bt = Jt.colorStops, Dt = Bt.length, Ht = !Ke || Y && !Be ? "#000" : Jt.bgColor, zt = nt && qe && lt ? -1 : 1, jt = !lt && ke == -1 || lt && ke == 1, rr = !et || lt && ke != 1 ? 0 : ot >> (lt || !jt), Qt = et && jt ? -1 : 1, ir = () => {
-        const ht = it.height, ft = ht >> 1, ct = je ? 100 : De, vt = je ? 0 : Fe, bt = je ? 20 : 5, wt = Se / (ct - vt), Nt = ke != -1 && (!et || lt == 0 || ke == 1), Gt = ke != 1 && (!et || lt != ke);
+      const { channelTop: dt, channelBottom: $t, analyzerBottom: Et } = Re[lt], Jt = this._gradients[this._selectedGrads[lt]], Bt = Jt.colorStops, Dt = Bt.length, Ht = !Ke || Y && !Be ? "#000" : Jt.bgColor, zt = rt && qe && lt ? -1 : 1, jt = !lt && ke == -1 || lt && ke == 1, rr = !et || lt && ke != 1 ? 0 : ot >> (lt || !jt), Qt = et && jt ? -1 : 1, ir = () => {
+        const ht = it.height, ft = ht >> 1, ct = je ? 100 : De, vt = je ? 0 : Fe, xt = je ? 20 : 5, wt = Se / (ct - vt), Nt = ke != -1 && (!et || lt == 0 || ke == 1), Gt = ke != 1 && (!et || lt != ke);
         Ue.save(), Ue.fillStyle = SCALEY_LABEL_COLOR, Ue.font = `${ft}px ${FONT_FAMILY}`, Ue.textAlign = "right", Ue.lineWidth = 1;
-        for (let Ut = ct; Ut > vt; Ut -= bt) {
+        for (let Ut = ct; Ut > vt; Ut -= xt) {
           const Yt = dt + (ct - Ut) * wt, Tt = Ut % 2 == 0 | 0;
           if (Tt) {
             const Ct = Yt + ft * (Yt == dt ? 0.8 : 0.35);
@@ -18517,21 +18086,21 @@ class AudioMotionAnalyzer {
         const ct = Ot[ht] + (ht < Ot.length - 1 ? (Ot[ht + 1] - Ot[ht]) * ft : 0);
         return isNaN(ct) ? -1 / 0 : ct;
       }, Xt = (ht, ft = Qt) => ft * TAU * ((ht + rr) / Le.width) + this._spinAngle, Rt = (ht, ft, ct) => {
-        const vt = Ie + ft * zt, bt = Xt(ht, ct);
-        return [Ee + vt * Math.cos(bt), Ae + vt * Math.sin(bt)];
-      }, sr = (ht, ft, ct, vt, bt) => {
+        const vt = Ie + ft * zt, xt = Xt(ht, ct);
+        return [Ee + vt * Math.cos(xt), Ae + vt * Math.sin(xt)];
+      }, sr = (ht, ft, ct, vt, xt) => {
         Ue.beginPath();
         for (const wt of ke && !et ? [1, -1] : [Qt]) {
           const [Nt, Gt] = Z ? [Xt(ht, wt), Xt(ht + ct, wt)] : [];
-          Ue.moveTo(...Rt(ht, ft, wt)), Ue.lineTo(...Rt(ht, ft + vt, wt)), Z ? Ue.arc(Ee, Ae, Ie + (ft + vt) * zt, Nt, Gt, wt != 1) : Ue.lineTo(...Rt(ht + ct, ft + vt, wt)), Ue.lineTo(...Rt(ht + ct, ft, wt)), Z && !bt && Ue.arc(Ee, Ae, Ie + ft * zt, Gt, Nt, wt == 1);
+          Ue.moveTo(...Rt(ht, ft, wt)), Ue.lineTo(...Rt(ht, ft + vt, wt)), Z ? Ue.arc(Ee, Ae, Ie + (ft + vt) * zt, Nt, Gt, wt != 1) : Ue.lineTo(...Rt(ht + ct, ft + vt, wt)), Ue.lineTo(...Rt(ht + ct, ft, wt)), Z && !xt && Ue.arc(Ee, Ae, Ie + ft * zt, Gt, Nt, wt == 1);
         }
-        kt(bt), Ue.fill();
+        kt(xt), Ue.fill();
       }, nr = (ht = 0, ft = 0) => {
         let ct;
-        if (Xe == COLOR_GRADIENT && !tt || Ge == MODE_GRAPH)
+        if (We == COLOR_GRADIENT && !tt || Ge == MODE_GRAPH)
           ct = Ne[lt];
         else {
-          const vt = Xe == COLOR_BAR_INDEX ? ft % Dt : Bt.findLastIndex((bt) => Y ? Mt(ht) <= Mt(bt.level) : ht <= bt.level);
+          const vt = We == COLOR_BAR_INDEX ? ft % Dt : Bt.findLastIndex((xt) => Y ? Mt(ht) <= Mt(xt.level) : ht <= xt.level);
           ct = Bt[vt].color;
         }
         Ue.fillStyle = Ue.strokeStyle = ct;
@@ -18541,7 +18110,7 @@ class AudioMotionAnalyzer {
           const ht = ot * (lt + jt), ft = jt ? -1 : 1;
           Ue.setTransform(ft, 0, 0, 1, ht, 0);
         }
-        if ((!Be || Ke) && (Be && (Ue.globalAlpha = this.bgAlpha), Ue.fillStyle = Ht, (lt == 0 || !qe && !Je) && Ue.fillRect(Pe, dt - we, ot, (Be && this.reflexAlpha == 1 ? Se : Te) + we), Ue.globalAlpha = 1), this.showScaleY && !K && !qe && (lt == 0 || !Je) && ir(), Y ? (Ue.setLineDash([Pt, _t]), Ue.lineWidth = Oe[0].width) : Ue.lineWidth = xe ? Math.min($e, Oe[0].width / 2) : $e, Ue.save(), !qe) {
+        if ((!Be || Ke) && (Be && (Ue.globalAlpha = this.bgAlpha), Ue.fillStyle = Ht, (lt == 0 || !qe && !Je) && Ue.fillRect(Pe, dt - we, ot, (Be && this.reflexAlpha == 1 ? Se : Te) + we), Ue.globalAlpha = 1), this.showScaleY && !K && !qe && (lt == 0 || !Je) && ir(), Y ? (Ue.setLineDash([Pt, yt]), Ue.lineWidth = Oe[0].width) : Ue.lineWidth = xe ? Math.min($e, Oe[0].width / 2) : $e, Ue.save(), !qe) {
           const ht = new Path2D();
           ht.rect(0, dt, Le.width, Se), Ue.clip(ht);
         }
@@ -18550,25 +18119,25 @@ class AudioMotionAnalyzer {
       this._analyzer[lt].getFloatFrequencyData(Ot), Ze && (Ot = Ot.map((ht, ft) => ht + Lt(this._binToFreq(ft)))), Ue.beginPath();
       let Zt = [];
       for (let ht = 0; ht < ar; ht++) {
-        const ft = Oe[ht], { posX: ct, barCenter: vt, width: bt, freq: wt, binLo: Nt, binHi: Gt, ratioLo: Ut, ratioHi: Yt } = ft;
+        const ft = Oe[ht], { posX: ct, barCenter: vt, width: xt, freq: wt, binLo: Nt, binHi: Gt, ratioLo: Ut, ratioHi: Yt } = ft;
         let Tt = Math.max(er(Nt, Ut), er(Gt, Yt));
-        for (let xt = Nt + 1; xt < Gt; xt++)
-          Ot[xt] > Tt && (Tt = Ot[xt]);
+        for (let _t = Nt + 1; _t < Gt; _t++)
+          Ot[_t] > Tt && (Tt = Ot[_t]);
         if (Tt = this._normalizedB(Tt), ft.value[lt] = Tt, Vt += Tt, ft.peak[lt] > 0 && (ft.hold[lt]--, ft.hold[lt] < 0 && (ft.peak[lt] += ft.hold[lt] / (st * st / 2))), Tt >= ft.peak[lt] && (ft.peak[lt] = Tt, ft.hold[lt] = st), !Qe)
           continue;
-        K || V ? Ue.globalAlpha = Tt : xe && (Ue.globalAlpha = He), nr(Tt, ht);
+        K || V ? Ue.globalAlpha = Tt : xe && (Ue.globalAlpha = ze), nr(Tt, ht);
         const Ct = K ? pt : Y ? Mt(Tt) : Tt * pt | 0;
         if (Ge == MODE_GRAPH) {
-          const xt = ht ? 0 : (this._normalizedB(Ot[Oe[1].binLo]) * pt + Ct) / 2;
+          const _t = ht ? 0 : (this._normalizedB(Ot[Oe[1].binLo]) * pt + Ct) / 2;
           if (qe) {
-            if (ht == 0 && (et && Ue.moveTo(...Rt(0, 0)), Ue.lineTo(...Rt(0, ct < 0 ? xt : Ct))), ct >= 0) {
+            if (ht == 0 && (et && Ue.moveTo(...Rt(0, 0)), Ue.lineTo(...Rt(0, ct < 0 ? _t : Ct))), ct >= 0) {
               const Ft = [ct, Ct];
               Ue.lineTo(...Rt(...Ft)), Zt.push(Ft);
             }
           } else {
             if (ht == 0)
               if (ke == -1 && !et)
-                Ue.moveTo(Pe, Et - (ct < Pe ? xt : Ct));
+                Ue.moveTo(Pe, Et - (ct < Pe ? _t : Ct));
               else {
                 const Ft = Nt ? this._normalizedB(Ot[Nt - 1]) * pt : Ct;
                 Ue.moveTo(Pe - $e, Et - Ft);
@@ -18577,36 +18146,36 @@ class AudioMotionAnalyzer {
           }
         } else if (Y) {
           if (Ke && !Be && (lt == 0 || !Je)) {
-            const xt = Ue.globalAlpha;
-            Ue.strokeStyle = LEDS_UNLIT_COLOR, Ue.globalAlpha = 1, At(vt, dt, Et), Ue.strokeStyle = Ue.fillStyle, Ue.globalAlpha = xt;
+            const _t = Ue.globalAlpha;
+            Ue.strokeStyle = LEDS_UNLIT_COLOR, Ue.globalAlpha = 1, At(vt, dt, Et), Ue.strokeStyle = Ue.fillStyle, Ue.globalAlpha = _t;
           }
           if (tt) {
-            const xt = K ? 0 : Bt.findLastIndex((Wt) => Mt(Tt) <= Mt(Wt.level));
+            const _t = K ? 0 : Bt.findLastIndex((Wt) => Mt(Tt) <= Mt(Wt.level));
             let Ft = Et;
-            for (let Wt = Dt - 1; Wt >= xt; Wt--) {
+            for (let Wt = Dt - 1; Wt >= _t; Wt--) {
               Ue.strokeStyle = Bt[Wt].color;
-              let lr = Et - (Wt == xt ? Ct : Mt(Bt[Wt].level));
-              At(vt, Ft, lr), Ft = lr - _t;
+              let lr = Et - (Wt == _t ? Ct : Mt(Bt[Wt].level));
+              At(vt, Ft, lr), Ft = lr - yt;
             }
           } else
             At(vt, Et, Et - Ct);
         } else if (ct >= Pe)
           if (qe)
-            sr(ct, 0, bt, Ct, xe);
+            sr(ct, 0, xt, Ct, xe);
           else if (Z) {
-            const xt = bt / 2, Ft = Et + xt;
-            Ue.beginPath(), Ue.moveTo(ct, Ft), Ue.lineTo(ct, Ft - Ct), Ue.arc(vt, Ft - Ct, xt, PI, TAU), Ue.lineTo(ct + bt, Ft), kt(xe), Ue.fill();
+            const _t = xt / 2, Ft = Et + _t;
+            Ue.beginPath(), Ue.moveTo(ct, Ft), Ue.lineTo(ct, Ft - Ct), Ue.arc(vt, Ft - Ct, _t, PI, TAU), Ue.lineTo(ct + xt, Ft), kt(xe), Ue.fill();
           } else {
-            const xt = xe ? Ue.lineWidth : 0;
-            Ue.beginPath(), Ue.rect(ct, Et + xt, bt, -Ct - xt), kt(xe), Ue.fill();
+            const _t = xe ? Ue.lineWidth : 0;
+            Ue.beginPath(), Ue.rect(ct, Et + _t, xt, -Ct - _t), kt(xe), Ue.fill();
           }
         const Kt = ft.peak[lt];
         if (Kt > 0 && Ye && !mt && !K && ct >= Pe && ct < ut)
-          if (xe && $e > 0 ? Ue.globalAlpha = 1 : V && (Ue.globalAlpha = Kt), (Xe == COLOR_BAR_LEVEL || tt) && nr(Kt), Y) {
-            const xt = Mt(Kt);
-            xt >= _t && Ue.fillRect(ct, Et - xt, bt, Pt);
+          if (xe && $e > 0 ? Ue.globalAlpha = 1 : V && (Ue.globalAlpha = Kt), (We == COLOR_BAR_LEVEL || tt) && nr(Kt), Y) {
+            const _t = Mt(Kt);
+            _t >= yt && Ue.fillRect(ct, Et - _t, xt, Pt);
           } else
-            qe ? Ge != MODE_GRAPH && sr(ct, Kt * pt, bt, -2) : Ue.fillRect(ct, Et - Kt * pt, bt, 2);
+            qe ? Ge != MODE_GRAPH && sr(ct, Kt * pt, xt, -2) : Ue.fillRect(ct, Et - Kt * pt, xt, 2);
       }
       if (Qe) {
         if (Ue.globalAlpha = 1, Ge == MODE_GRAPH) {
@@ -18618,21 +18187,21 @@ class AudioMotionAnalyzer {
             }
             Ue.closePath();
           }
-          if ($e > 0 && Ue.stroke(), He > 0) {
+          if ($e > 0 && Ue.stroke(), ze > 0) {
             if (qe) {
               const ht = et ? Xt(ot >> 1) : 0, ft = et ? Xt(ot) : TAU;
               Ue.moveTo(...Rt(et ? ot >> 1 : 0, 0)), Ue.arc(Ee, Ae, Ie, ht, ft, et ? !jt : !0);
             } else
               Ue.lineTo(ut, Et), Ue.lineTo(Pe, Et);
-            Ue.globalAlpha = He, Ue.fill(), Ue.globalAlpha = 1;
+            Ue.globalAlpha = ze, Ue.fill(), Ue.globalAlpha = 1;
           }
           if ((mt || qe && Ye) && (Zt = [], Ue.beginPath(), Oe.forEach((ht, ft) => {
-            let ct = ht.posX, vt = ht.peak[lt], bt = ft ? "lineTo" : "moveTo";
+            let ct = ht.posX, vt = ht.peak[lt], xt = ft ? "lineTo" : "moveTo";
             if (qe && ct < 0) {
               const wt = Oe[ft + 1];
               vt = findY(ct, vt, wt.posX, wt.peak[lt], 0), ct = 0;
             }
-            vt *= pt, mt ? (Ue[bt](...qe ? Rt(ct, vt) : [ct, Et - vt]), qe && ke && !et && Zt.push([ct, vt])) : vt > 0 && sr(ct, vt, 1, -2);
+            vt *= pt, mt ? (Ue[xt](...qe ? Rt(ct, vt) : [ct, Et - vt]), qe && ke && !et && Zt.push([ct, vt])) : vt > 0 && sr(ct, vt, 1, -2);
           }), mt)) {
             let ht;
             for (; ht = Zt.pop(); )
@@ -18645,7 +18214,7 @@ class AudioMotionAnalyzer {
     }
     if (qt(Vt / (ar << or - 1)), Qe && (ke && !qe && !et && (Ue.setTransform(-1, 0, 0, 1, Le.width - Pe, 0), Ue.drawImage(Le, Pe, 0, Ee, Le.height, 0, 0, Ee, Le.height), Ue.setTransform(1, 0, 0, 1, 0, 0)), Ue.setLineDash([]), St()), this.showFPS) {
       const lt = it.height;
-      Ue.font = `bold ${lt}px ${FONT_FAMILY}`, Ue.fillStyle = FPS_COLOR, Ue.textAlign = "right", Ue.fillText(Math.round(ze), Le.width - lt, lt * 2);
+      Ue.font = `bold ${lt}px ${FONT_FAMILY}`, Ue.fillStyle = FPS_COLOR, Ue.textAlign = "right", Ue.fillText(Math.round(He), Le.width - lt, lt * 2);
     }
     this.onCanvasDraw && (Ue.save(), Ue.fillStyle = Ue.strokeStyle = Ne[0], this.onCanvasDraw(this, { timestamp: E, _canvasGradients: Ne }), Ue.restore());
   }
@@ -18689,8 +18258,8 @@ class AudioMotionAnalyzer {
             let Ve = Le.pos;
             if (Ie && (Ve /= 2), _e && !Z && !B && !we && (Ve *= Se, !Ie && Ve > 0.5 * Se && (Ve += 0.5 * U)), Me == 1)
               if (B || Z) {
-                const Xe = Oe - Ne;
-                Le = Te[Xe], Ve = 1 - Le.pos / 2;
+                const We = Oe - Ne;
+                Le = Te[We], Ve = 1 - Le.pos / 2;
               } else
                 Ne == 0 && Ve > 0 && Pe.addColorStop(0.5, Le.color), Ve += 0.5;
             Pe.addColorStop(Ve, Le.color), _e && Ne == Oe && Ve < 0.5 && Pe.addColorStop(0.5, Le.color);
@@ -18956,10 +18525,10 @@ const waveConfig = {
   } = C, {
     width: Ne = 300,
     height: Ve = 300,
-    x: Xe = 100,
+    x: We = 100,
     y: Ue = 100,
-    waveform: We = Waveforms.NONE
-  } = Le || {}, { audioMotionRef: He, blobUrl: ze, canvasRef: je } = useAudioVisualizer({
+    waveform: Xe = Waveforms.NONE
+  } = Le || {}, { audioMotionRef: ze, blobUrl: He, canvasRef: je } = useAudioVisualizer({
     uniqueId: Ee,
     src: Ae,
     transformation: Le
@@ -19010,103 +18579,506 @@ const waveConfig = {
         ), _e.current.to(X.current, { alpha: 1, duration: 0.01 }, Re).to(X.current, { alpha: 0, duration: 0.1 }, Number(Te)), _e.current.add(K.current, Re);
       });
     }
-    return () => {
-      K.current && (K.current.kill(), gsap$2.killTweensOf(K.current)), Ge.revert();
-    };
-  }, [Re, Te, Ie, Me, Ee]), React.useEffect(() => (X.current && B(!0), () => {
-    console.log("unmounting audio sprite", Ee), console.log("audioContainerRef.current", J.current);
-  }), []), React.useEffect(() => (Z.current && Z.current.update(), () => {
-  }), [U]), React.useEffect(() => (isEmpty$1(ze) || (J.current = new howler.Howl({
-    src: [ze],
-    // sprite: {
-    //   [uniqueId]: [audioStartAt * 1000, (audioEndAt - audioStartAt) * 1000],
-    // },
-    format: ["mp3"],
-    // Specify the audio format(s) you're using
-    html5: !0,
-    // Use HTML5 audio
-    autoplay: !1,
-    loop: !1,
-    rate: Pe || 1,
-    /// volume: !mute && visible ? 1 : 0,
-    onload: () => {
-      var Ge;
-      if (Y.current.loaded = !0, J.current && (Ie > 0 && J.current.seek(Ie), J.current.volume(!we && Oe ? 1 : 0), J.current.rate(Pe || 1), J.current.pause(), Y.current.isPlaying = !1, Y.current.completed = !1, He.current && J.current)) {
-        console.log("reconnecting the audio motion analyser");
-        try {
-          He.current.connectInput(
-            // @ts-ignore
-            J.current._sounds[0]._node
-          );
-        } catch (qe) {
-          console.log("error connecting audio motion"), console.log(qe);
-        }
-        const Be = PIXI.Texture.from(He.current._fsEl, {
-          // @ts-ignore
-          pixiIdPrefix: `${(Ge = He.current._container) == null ? void 0 : Ge.id}`
-        });
-        Z.current = Be, je.current && je.current.setAttribute("style", "display:none"), V(!0);
+    return () => {
+      K.current && (K.current.kill(), gsap$2.killTweensOf(K.current)), Ge.revert();
+    };
+  }, [Re, Te, Ie, Me, Ee]), React.useEffect(() => (X.current && B(!0), () => {
+    console.log("unmounting audio sprite", Ee), console.log("audioContainerRef.current", J.current);
+  }), []), React.useEffect(() => (Z.current && Z.current.update(), () => {
+  }), [U]), React.useEffect(() => (isEmpty$1(He) || (J.current = new howler.Howl({
+    src: [He],
+    // sprite: {
+    //   [uniqueId]: [audioStartAt * 1000, (audioEndAt - audioStartAt) * 1000],
+    // },
+    format: ["mp3"],
+    // Specify the audio format(s) you're using
+    html5: !0,
+    // Use HTML5 audio
+    autoplay: !1,
+    loop: !1,
+    rate: Pe || 1,
+    /// volume: !mute && visible ? 1 : 0,
+    onload: () => {
+      var Ge;
+      if (Y.current.loaded = !0, J.current && (Ie > 0 && J.current.seek(Ie), J.current.volume(!we && Oe ? 1 : 0), J.current.rate(Pe || 1), J.current.pause(), Y.current.isPlaying = !1, Y.current.completed = !1, ze.current && J.current)) {
+        console.log("reconnecting the audio motion analyser");
+        try {
+          ze.current.connectInput(
+            // @ts-ignore
+            J.current._sounds[0]._node
+          );
+        } catch (qe) {
+          console.log("error connecting audio motion"), console.log(qe);
+        }
+        const Be = PIXI.Texture.from(ze.current._fsEl, {
+          // @ts-ignore
+          pixiIdPrefix: `${(Ge = ze.current._container) == null ? void 0 : Ge.id}`
+        });
+        Z.current = Be, je.current && je.current.setAttribute("style", "display:none"), V(!0);
+      }
+    },
+    onend: () => {
+      console.log("end of playing audio sprite" + Ee), Y.current.isPlaying = !1, Y.current.completed = !0;
+    },
+    onplay: () => {
+      console.log("play of playing audio sprite" + Ee), Y.current.isPlaying = !0;
+    },
+    onpause: () => {
+      console.log("pause of playing audio sprite" + Ee), Y.current.isPlaying = !1;
+    },
+    onstop: () => {
+      console.log("stop of playing audio sprite" + Ee), Y.current.isPlaying = !1;
+    }
+  }), Howler.ctx.resume().then(() => {
+    console.log("audio ctx resumed");
+  })), () => {
+    console.log("unmounting the howler useeffect"), ze.current, J.current && (J.current.stop(), J.current.unload(), J.current = void 0);
+  }), [
+    Ee,
+    Ae,
+    Re,
+    Te,
+    Ie,
+    Me,
+    we,
+    Oe,
+    Pe,
+    He
+  ]), React.useEffect(() => {
+    J.current && (console.log("running updateEffect 2002", Ee, Me), J.current.volume(!we && Oe ? 1 : 0), J.current.rate(Pe || 1), Y.current.isPlaying = !0);
+  }, [we, Oe, Pe]), // @ts-ignore
+  /* @__PURE__ */ jsxRuntimeExports.jsx(Container$1, { ref: X, children: Xe !== Waveforms.NONE && U && Z.current && /* @__PURE__ */ jsxRuntimeExports.jsx(
+    AbstractContainer,
+    {
+      ...C,
+      ref: E,
+      ignoreTlForVideo: !0,
+      isGif: !0,
+      children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        Sprite,
+        {
+          texture: Z.current,
+          width: Ne,
+          height: Ve,
+          anchor: 0.5,
+          x: We,
+          y: Ue,
+          ref: xe,
+          alpha: Oe ? 1 : 0
+        }
+      )
+    }
+  ) });
+});
+function arrayMap$2(C, E) {
+  for (var I = -1, B = C == null ? 0 : C.length, U = Array(B); ++I < B; )
+    U[I] = E(C[I], I, C);
+  return U;
+}
+var _arrayMap = arrayMap$2;
+function listCacheClear$1() {
+  this.__data__ = [], this.size = 0;
+}
+var _listCacheClear = listCacheClear$1;
+function eq$2(C, E) {
+  return C === E || C !== C && E !== E;
+}
+var eq_1 = eq$2, eq$1 = eq_1;
+function assocIndexOf$4(C, E) {
+  for (var I = C.length; I--; )
+    if (eq$1(C[I][0], E))
+      return I;
+  return -1;
+}
+var _assocIndexOf = assocIndexOf$4, assocIndexOf$3 = _assocIndexOf, arrayProto = Array.prototype, splice = arrayProto.splice;
+function listCacheDelete$1(C) {
+  var E = this.__data__, I = assocIndexOf$3(E, C);
+  if (I < 0)
+    return !1;
+  var B = E.length - 1;
+  return I == B ? E.pop() : splice.call(E, I, 1), --this.size, !0;
+}
+var _listCacheDelete = listCacheDelete$1, assocIndexOf$2 = _assocIndexOf;
+function listCacheGet$1(C) {
+  var E = this.__data__, I = assocIndexOf$2(E, C);
+  return I < 0 ? void 0 : E[I][1];
+}
+var _listCacheGet = listCacheGet$1, assocIndexOf$1 = _assocIndexOf;
+function listCacheHas$1(C) {
+  return assocIndexOf$1(this.__data__, C) > -1;
+}
+var _listCacheHas = listCacheHas$1, assocIndexOf = _assocIndexOf;
+function listCacheSet$1(C, E) {
+  var I = this.__data__, B = assocIndexOf(I, C);
+  return B < 0 ? (++this.size, I.push([C, E])) : I[B][1] = E, this;
+}
+var _listCacheSet = listCacheSet$1, listCacheClear = _listCacheClear, listCacheDelete = _listCacheDelete, listCacheGet = _listCacheGet, listCacheHas = _listCacheHas, listCacheSet = _listCacheSet;
+function ListCache$4(C) {
+  var E = -1, I = C == null ? 0 : C.length;
+  for (this.clear(); ++E < I; ) {
+    var B = C[E];
+    this.set(B[0], B[1]);
+  }
+}
+ListCache$4.prototype.clear = listCacheClear;
+ListCache$4.prototype.delete = listCacheDelete;
+ListCache$4.prototype.get = listCacheGet;
+ListCache$4.prototype.has = listCacheHas;
+ListCache$4.prototype.set = listCacheSet;
+var _ListCache = ListCache$4, ListCache$3 = _ListCache;
+function stackClear$1() {
+  this.__data__ = new ListCache$3(), this.size = 0;
+}
+var _stackClear = stackClear$1;
+function stackDelete$1(C) {
+  var E = this.__data__, I = E.delete(C);
+  return this.size = E.size, I;
+}
+var _stackDelete = stackDelete$1;
+function stackGet$1(C) {
+  return this.__data__.get(C);
+}
+var _stackGet = stackGet$1;
+function stackHas$1(C) {
+  return this.__data__.has(C);
+}
+var _stackHas = stackHas$1, getNative = _getNative, nativeCreate$4 = getNative(Object, "create"), _nativeCreate = nativeCreate$4, nativeCreate$3 = _nativeCreate;
+function hashClear$1() {
+  this.__data__ = nativeCreate$3 ? nativeCreate$3(null) : {}, this.size = 0;
+}
+var _hashClear = hashClear$1;
+function hashDelete$1(C) {
+  var E = this.has(C) && delete this.__data__[C];
+  return this.size -= E ? 1 : 0, E;
+}
+var _hashDelete = hashDelete$1, nativeCreate$2 = _nativeCreate, HASH_UNDEFINED$2 = "__lodash_hash_undefined__", objectProto$5 = Object.prototype, hasOwnProperty$4 = objectProto$5.hasOwnProperty;
+function hashGet$1(C) {
+  var E = this.__data__;
+  if (nativeCreate$2) {
+    var I = E[C];
+    return I === HASH_UNDEFINED$2 ? void 0 : I;
+  }
+  return hasOwnProperty$4.call(E, C) ? E[C] : void 0;
+}
+var _hashGet = hashGet$1, nativeCreate$1 = _nativeCreate, objectProto$4 = Object.prototype, hasOwnProperty$3 = objectProto$4.hasOwnProperty;
+function hashHas$1(C) {
+  var E = this.__data__;
+  return nativeCreate$1 ? E[C] !== void 0 : hasOwnProperty$3.call(E, C);
+}
+var _hashHas = hashHas$1, nativeCreate = _nativeCreate, HASH_UNDEFINED$1 = "__lodash_hash_undefined__";
+function hashSet$1(C, E) {
+  var I = this.__data__;
+  return this.size += this.has(C) ? 0 : 1, I[C] = nativeCreate && E === void 0 ? HASH_UNDEFINED$1 : E, this;
+}
+var _hashSet = hashSet$1, hashClear = _hashClear, hashDelete = _hashDelete, hashGet = _hashGet, hashHas = _hashHas, hashSet = _hashSet;
+function Hash$1(C) {
+  var E = -1, I = C == null ? 0 : C.length;
+  for (this.clear(); ++E < I; ) {
+    var B = C[E];
+    this.set(B[0], B[1]);
+  }
+}
+Hash$1.prototype.clear = hashClear;
+Hash$1.prototype.delete = hashDelete;
+Hash$1.prototype.get = hashGet;
+Hash$1.prototype.has = hashHas;
+Hash$1.prototype.set = hashSet;
+var _Hash = Hash$1, Hash = _Hash, ListCache$2 = _ListCache, Map$2 = _Map;
+function mapCacheClear$1() {
+  this.size = 0, this.__data__ = {
+    hash: new Hash(),
+    map: new (Map$2 || ListCache$2)(),
+    string: new Hash()
+  };
+}
+var _mapCacheClear = mapCacheClear$1;
+function isKeyable$1(C) {
+  var E = typeof C;
+  return E == "string" || E == "number" || E == "symbol" || E == "boolean" ? C !== "__proto__" : C === null;
+}
+var _isKeyable = isKeyable$1, isKeyable = _isKeyable;
+function getMapData$4(C, E) {
+  var I = C.__data__;
+  return isKeyable(E) ? I[typeof E == "string" ? "string" : "hash"] : I.map;
+}
+var _getMapData = getMapData$4, getMapData$3 = _getMapData;
+function mapCacheDelete$1(C) {
+  var E = getMapData$3(this, C).delete(C);
+  return this.size -= E ? 1 : 0, E;
+}
+var _mapCacheDelete = mapCacheDelete$1, getMapData$2 = _getMapData;
+function mapCacheGet$1(C) {
+  return getMapData$2(this, C).get(C);
+}
+var _mapCacheGet = mapCacheGet$1, getMapData$1 = _getMapData;
+function mapCacheHas$1(C) {
+  return getMapData$1(this, C).has(C);
+}
+var _mapCacheHas = mapCacheHas$1, getMapData = _getMapData;
+function mapCacheSet$1(C, E) {
+  var I = getMapData(this, C), B = I.size;
+  return I.set(C, E), this.size += I.size == B ? 0 : 1, this;
+}
+var _mapCacheSet = mapCacheSet$1, mapCacheClear = _mapCacheClear, mapCacheDelete = _mapCacheDelete, mapCacheGet = _mapCacheGet, mapCacheHas = _mapCacheHas, mapCacheSet = _mapCacheSet;
+function MapCache$3(C) {
+  var E = -1, I = C == null ? 0 : C.length;
+  for (this.clear(); ++E < I; ) {
+    var B = C[E];
+    this.set(B[0], B[1]);
+  }
+}
+MapCache$3.prototype.clear = mapCacheClear;
+MapCache$3.prototype.delete = mapCacheDelete;
+MapCache$3.prototype.get = mapCacheGet;
+MapCache$3.prototype.has = mapCacheHas;
+MapCache$3.prototype.set = mapCacheSet;
+var _MapCache = MapCache$3, ListCache$1 = _ListCache, Map$1 = _Map, MapCache$2 = _MapCache, LARGE_ARRAY_SIZE = 200;
+function stackSet$1(C, E) {
+  var I = this.__data__;
+  if (I instanceof ListCache$1) {
+    var B = I.__data__;
+    if (!Map$1 || B.length < LARGE_ARRAY_SIZE - 1)
+      return B.push([C, E]), this.size = ++I.size, this;
+    I = this.__data__ = new MapCache$2(B);
+  }
+  return I.set(C, E), this.size = I.size, this;
+}
+var _stackSet = stackSet$1, ListCache = _ListCache, stackClear = _stackClear, stackDelete = _stackDelete, stackGet = _stackGet, stackHas = _stackHas, stackSet = _stackSet;
+function Stack$2(C) {
+  var E = this.__data__ = new ListCache(C);
+  this.size = E.size;
+}
+Stack$2.prototype.clear = stackClear;
+Stack$2.prototype.delete = stackDelete;
+Stack$2.prototype.get = stackGet;
+Stack$2.prototype.has = stackHas;
+Stack$2.prototype.set = stackSet;
+var _Stack = Stack$2, HASH_UNDEFINED = "__lodash_hash_undefined__";
+function setCacheAdd$1(C) {
+  return this.__data__.set(C, HASH_UNDEFINED), this;
+}
+var _setCacheAdd = setCacheAdd$1;
+function setCacheHas$1(C) {
+  return this.__data__.has(C);
+}
+var _setCacheHas = setCacheHas$1, MapCache$1 = _MapCache, setCacheAdd = _setCacheAdd, setCacheHas = _setCacheHas;
+function SetCache$1(C) {
+  var E = -1, I = C == null ? 0 : C.length;
+  for (this.__data__ = new MapCache$1(); ++E < I; )
+    this.add(C[E]);
+}
+SetCache$1.prototype.add = SetCache$1.prototype.push = setCacheAdd;
+SetCache$1.prototype.has = setCacheHas;
+var _SetCache = SetCache$1;
+function arraySome$1(C, E) {
+  for (var I = -1, B = C == null ? 0 : C.length; ++I < B; )
+    if (E(C[I], I, C))
+      return !0;
+  return !1;
+}
+var _arraySome = arraySome$1;
+function cacheHas$1(C, E) {
+  return C.has(E);
+}
+var _cacheHas = cacheHas$1, SetCache = _SetCache, arraySome = _arraySome, cacheHas = _cacheHas, COMPARE_PARTIAL_FLAG$5 = 1, COMPARE_UNORDERED_FLAG$3 = 2;
+function equalArrays$2(C, E, I, B, U, V) {
+  var X = I & COMPARE_PARTIAL_FLAG$5, Y = C.length, K = E.length;
+  if (Y != K && !(X && K > Y))
+    return !1;
+  var J = V.get(C), xe = V.get(E);
+  if (J && xe)
+    return J == E && xe == C;
+  var Z = -1, _e = !0, Se = I & COMPARE_UNORDERED_FLAG$3 ? new SetCache() : void 0;
+  for (V.set(C, E), V.set(E, C); ++Z < Y; ) {
+    var Ee = C[Z], Ae = E[Z];
+    if (B)
+      var Re = X ? B(Ae, Ee, Z, E, C, V) : B(Ee, Ae, Z, C, E, V);
+    if (Re !== void 0) {
+      if (Re)
+        continue;
+      _e = !1;
+      break;
+    }
+    if (Se) {
+      if (!arraySome(E, function(Te, we) {
+        if (!cacheHas(Se, we) && (Ee === Te || U(Ee, Te, I, B, V)))
+          return Se.push(we);
+      })) {
+        _e = !1;
+        break;
       }
-    },
-    onend: () => {
-      console.log("end of playing audio sprite" + Ee), Y.current.isPlaying = !1, Y.current.completed = !0;
-    },
-    onplay: () => {
-      console.log("play of playing audio sprite" + Ee), Y.current.isPlaying = !0;
-    },
-    onpause: () => {
-      console.log("pause of playing audio sprite" + Ee), Y.current.isPlaying = !1;
-    },
-    onstop: () => {
-      console.log("stop of playing audio sprite" + Ee), Y.current.isPlaying = !1;
+    } else if (!(Ee === Ae || U(Ee, Ae, I, B, V))) {
+      _e = !1;
+      break;
     }
-  }), Howler.ctx.resume().then(() => {
-    console.log("audio ctx resumed");
-  })), () => {
-    console.log("unmounting the howler useeffect"), He.current, J.current && (J.current.stop(), J.current.unload(), J.current = void 0);
-  }), [
-    Ee,
-    Ae,
-    Re,
-    Te,
-    Ie,
-    Me,
-    we,
-    Oe,
-    Pe,
-    ze
-  ]), React.useEffect(() => {
-    J.current && (console.log("running updateEffect 2002", Ee, Me), J.current.volume(!we && Oe ? 1 : 0), J.current.rate(Pe || 1), Y.current.isPlaying = !0);
-  }, [we, Oe, Pe]), // @ts-ignore
-  /* @__PURE__ */ jsxRuntimeExports.jsx(Container$1, { ref: X, children: We !== Waveforms.NONE && U && Z.current && /* @__PURE__ */ jsxRuntimeExports.jsx(
-    AbstractContainer,
-    {
-      ...C,
-      ref: E,
-      ignoreTlForVideo: !0,
-      isGif: !0,
-      children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-        Sprite,
-        {
-          texture: Z.current,
-          width: Ne,
-          height: Ve,
-          anchor: 0.5,
-          x: Xe,
-          y: Ue,
-          ref: xe,
-          alpha: Oe ? 1 : 0
-        }
-      )
+  }
+  return V.delete(C), V.delete(E), _e;
+}
+var _equalArrays = equalArrays$2, root$1 = _root, Uint8Array$2 = root$1.Uint8Array, _Uint8Array = Uint8Array$2;
+function mapToArray$1(C) {
+  var E = -1, I = Array(C.size);
+  return C.forEach(function(B, U) {
+    I[++E] = [U, B];
+  }), I;
+}
+var _mapToArray = mapToArray$1;
+function setToArray$1(C) {
+  var E = -1, I = Array(C.size);
+  return C.forEach(function(B) {
+    I[++E] = B;
+  }), I;
+}
+var _setToArray = setToArray$1, Symbol$2 = _Symbol, Uint8Array$1 = _Uint8Array, eq = eq_1, equalArrays$1 = _equalArrays, mapToArray = _mapToArray, setToArray = _setToArray, COMPARE_PARTIAL_FLAG$4 = 1, COMPARE_UNORDERED_FLAG$2 = 2, boolTag = "[object Boolean]", dateTag = "[object Date]", errorTag = "[object Error]", mapTag = "[object Map]", numberTag = "[object Number]", regexpTag = "[object RegExp]", setTag = "[object Set]", stringTag = "[object String]", symbolTag$1 = "[object Symbol]", arrayBufferTag = "[object ArrayBuffer]", dataViewTag = "[object DataView]", symbolProto$1 = Symbol$2 ? Symbol$2.prototype : void 0, symbolValueOf = symbolProto$1 ? symbolProto$1.valueOf : void 0;
+function equalByTag$1(C, E, I, B, U, V, X) {
+  switch (I) {
+    case dataViewTag:
+      if (C.byteLength != E.byteLength || C.byteOffset != E.byteOffset)
+        return !1;
+      C = C.buffer, E = E.buffer;
+    case arrayBufferTag:
+      return !(C.byteLength != E.byteLength || !V(new Uint8Array$1(C), new Uint8Array$1(E)));
+    case boolTag:
+    case dateTag:
+    case numberTag:
+      return eq(+C, +E);
+    case errorTag:
+      return C.name == E.name && C.message == E.message;
+    case regexpTag:
+    case stringTag:
+      return C == E + "";
+    case mapTag:
+      var Y = mapToArray;
+    case setTag:
+      var K = B & COMPARE_PARTIAL_FLAG$4;
+      if (Y || (Y = setToArray), C.size != E.size && !K)
+        return !1;
+      var J = X.get(C);
+      if (J)
+        return J == E;
+      B |= COMPARE_UNORDERED_FLAG$2, X.set(C, E);
+      var xe = equalArrays$1(Y(C), Y(E), B, U, V, X);
+      return X.delete(C), xe;
+    case symbolTag$1:
+      if (symbolValueOf)
+        return symbolValueOf.call(C) == symbolValueOf.call(E);
+  }
+  return !1;
+}
+var _equalByTag = equalByTag$1;
+function arrayPush$1(C, E) {
+  for (var I = -1, B = E.length, U = C.length; ++I < B; )
+    C[U + I] = E[I];
+  return C;
+}
+var _arrayPush = arrayPush$1, arrayPush = _arrayPush, isArray$8 = isArray_1;
+function baseGetAllKeys$1(C, E, I) {
+  var B = E(C);
+  return isArray$8(C) ? B : arrayPush(B, I(C));
+}
+var _baseGetAllKeys = baseGetAllKeys$1;
+function arrayFilter$1(C, E) {
+  for (var I = -1, B = C == null ? 0 : C.length, U = 0, V = []; ++I < B; ) {
+    var X = C[I];
+    E(X, I, C) && (V[U++] = X);
+  }
+  return V;
+}
+var _arrayFilter = arrayFilter$1;
+function stubArray$1() {
+  return [];
+}
+var stubArray_1 = stubArray$1, arrayFilter = _arrayFilter, stubArray = stubArray_1, objectProto$3 = Object.prototype, propertyIsEnumerable = objectProto$3.propertyIsEnumerable, nativeGetSymbols = Object.getOwnPropertySymbols, getSymbols$1 = nativeGetSymbols ? function(C) {
+  return C == null ? [] : (C = Object(C), arrayFilter(nativeGetSymbols(C), function(E) {
+    return propertyIsEnumerable.call(C, E);
+  }));
+} : stubArray, _getSymbols = getSymbols$1;
+function baseTimes$1(C, E) {
+  for (var I = -1, B = Array(C); ++I < C; )
+    B[I] = E(I);
+  return B;
+}
+var _baseTimes = baseTimes$1, MAX_SAFE_INTEGER = 9007199254740991, reIsUint = /^(?:0|[1-9]\d*)$/;
+function isIndex$2(C, E) {
+  var I = typeof C;
+  return E = E ?? MAX_SAFE_INTEGER, !!E && (I == "number" || I != "symbol" && reIsUint.test(C)) && C > -1 && C % 1 == 0 && C < E;
+}
+var _isIndex = isIndex$2, baseTimes = _baseTimes, isArguments$1 = isArguments_1, isArray$7 = isArray_1, isBuffer$1 = isBufferExports, isIndex$1 = _isIndex, isTypedArray$1 = isTypedArray_1, objectProto$2 = Object.prototype, hasOwnProperty$2 = objectProto$2.hasOwnProperty;
+function arrayLikeKeys$1(C, E) {
+  var I = isArray$7(C), B = !I && isArguments$1(C), U = !I && !B && isBuffer$1(C), V = !I && !B && !U && isTypedArray$1(C), X = I || B || U || V, Y = X ? baseTimes(C.length, String) : [], K = Y.length;
+  for (var J in C)
+    (E || hasOwnProperty$2.call(C, J)) && !(X && // Safari 9 has enumerable `arguments.length` in strict mode.
+    (J == "length" || // Node.js 0.10 has enumerable non-index properties on buffers.
+    U && (J == "offset" || J == "parent") || // PhantomJS 2 has enumerable non-index properties on typed arrays.
+    V && (J == "buffer" || J == "byteLength" || J == "byteOffset") || // Skip index properties.
+    isIndex$1(J, K))) && Y.push(J);
+  return Y;
+}
+var _arrayLikeKeys = arrayLikeKeys$1, arrayLikeKeys = _arrayLikeKeys, baseKeys = _baseKeys, isArrayLike$2 = isArrayLike_1;
+function keys$3(C) {
+  return isArrayLike$2(C) ? arrayLikeKeys(C) : baseKeys(C);
+}
+var keys_1 = keys$3, baseGetAllKeys = _baseGetAllKeys, getSymbols = _getSymbols, keys$2 = keys_1;
+function getAllKeys$1(C) {
+  return baseGetAllKeys(C, keys$2, getSymbols);
+}
+var _getAllKeys = getAllKeys$1, getAllKeys = _getAllKeys, COMPARE_PARTIAL_FLAG$3 = 1, objectProto$1 = Object.prototype, hasOwnProperty$1 = objectProto$1.hasOwnProperty;
+function equalObjects$1(C, E, I, B, U, V) {
+  var X = I & COMPARE_PARTIAL_FLAG$3, Y = getAllKeys(C), K = Y.length, J = getAllKeys(E), xe = J.length;
+  if (K != xe && !X)
+    return !1;
+  for (var Z = K; Z--; ) {
+    var _e = Y[Z];
+    if (!(X ? _e in E : hasOwnProperty$1.call(E, _e)))
+      return !1;
+  }
+  var Se = V.get(C), Ee = V.get(E);
+  if (Se && Ee)
+    return Se == E && Ee == C;
+  var Ae = !0;
+  V.set(C, E), V.set(E, C);
+  for (var Re = X; ++Z < K; ) {
+    _e = Y[Z];
+    var Te = C[_e], we = E[_e];
+    if (B)
+      var Pe = X ? B(we, Te, _e, E, C, V) : B(Te, we, _e, C, E, V);
+    if (!(Pe === void 0 ? Te === we || U(Te, we, I, B, V) : Pe)) {
+      Ae = !1;
+      break;
     }
-  ) });
-});
-function arrayMap$2(C, E) {
-  for (var I = -1, B = C == null ? 0 : C.length, U = Array(B); ++I < B; )
-    U[I] = E(C[I], I, C);
-  return U;
+    Re || (Re = _e == "constructor");
+  }
+  if (Ae && !Re) {
+    var Ie = C.constructor, Me = E.constructor;
+    Ie != Me && "constructor" in C && "constructor" in E && !(typeof Ie == "function" && Ie instanceof Ie && typeof Me == "function" && Me instanceof Me) && (Ae = !1);
+  }
+  return V.delete(C), V.delete(E), Ae;
+}
+var _equalObjects = equalObjects$1, Stack$1 = _Stack, equalArrays = _equalArrays, equalByTag = _equalByTag, equalObjects = _equalObjects, getTag = _getTag, isArray$6 = isArray_1, isBuffer = isBufferExports, isTypedArray = isTypedArray_1, COMPARE_PARTIAL_FLAG$2 = 1, argsTag = "[object Arguments]", arrayTag = "[object Array]", objectTag = "[object Object]", objectProto = Object.prototype, hasOwnProperty = objectProto.hasOwnProperty;
+function baseIsEqualDeep$1(C, E, I, B, U, V) {
+  var X = isArray$6(C), Y = isArray$6(E), K = X ? arrayTag : getTag(C), J = Y ? arrayTag : getTag(E);
+  K = K == argsTag ? objectTag : K, J = J == argsTag ? objectTag : J;
+  var xe = K == objectTag, Z = J == objectTag, _e = K == J;
+  if (_e && isBuffer(C)) {
+    if (!isBuffer(E))
+      return !1;
+    X = !0, xe = !1;
+  }
+  if (_e && !xe)
+    return V || (V = new Stack$1()), X || isTypedArray(C) ? equalArrays(C, E, I, B, U, V) : equalByTag(C, E, K, I, B, U, V);
+  if (!(I & COMPARE_PARTIAL_FLAG$2)) {
+    var Se = xe && hasOwnProperty.call(C, "__wrapped__"), Ee = Z && hasOwnProperty.call(E, "__wrapped__");
+    if (Se || Ee) {
+      var Ae = Se ? C.value() : C, Re = Ee ? E.value() : E;
+      return V || (V = new Stack$1()), U(Ae, Re, I, B, V);
+    }
+  }
+  return _e ? (V || (V = new Stack$1()), equalObjects(C, E, I, B, U, V)) : !1;
+}
+var _baseIsEqualDeep = baseIsEqualDeep$1, baseIsEqualDeep = _baseIsEqualDeep, isObjectLike$1 = isObjectLike_1;
+function baseIsEqual$2(C, E, I, B, U) {
+  return C === E ? !0 : C == null || E == null || !isObjectLike$1(C) && !isObjectLike$1(E) ? C !== C && E !== E : baseIsEqualDeep(C, E, I, B, baseIsEqual$2, U);
 }
-var _arrayMap = arrayMap$2, Stack = _Stack, baseIsEqual$1 = _baseIsEqual, COMPARE_PARTIAL_FLAG$1 = 1, COMPARE_UNORDERED_FLAG$1 = 2;
+var _baseIsEqual = baseIsEqual$2, Stack = _Stack, baseIsEqual$1 = _baseIsEqual, COMPARE_PARTIAL_FLAG$1 = 1, COMPARE_UNORDERED_FLAG$1 = 2;
 function baseIsMatch$1(C, E, I, B) {
   var U = I.length, V = U, X = !B;
   if (C == null)
@@ -19639,14 +19611,14 @@ Object.defineProperty(lzw$1, "__esModule", {
 });
 lzw$1.lzw = void 0;
 var lzw = function(E, I, B) {
-  var U = 4096, V = -1, X = B, Y, K, J, xe, Z, _e, Se, Oe, Ee, Ae, Me, Re, Le, Ne, Xe, Ve, Te = new Array(B), we = new Array(U), Pe = new Array(U), Ie = new Array(U + 1);
+  var U = 4096, V = -1, X = B, Y, K, J, xe, Z, _e, Se, Oe, Ee, Ae, Me, Re, Le, Ne, We, Ve, Te = new Array(B), we = new Array(U), Pe = new Array(U), Ie = new Array(U + 1);
   for (Re = E, K = 1 << Re, Z = K + 1, Y = K + 2, Se = V, xe = Re + 1, J = (1 << xe) - 1, Ee = 0; Ee < K; Ee++)
     we[Ee] = 0, Pe[Ee] = Ee;
-  var Me, Oe, Le, Ne, Ve, Xe;
-  for (Me = Oe = Le = Ne = Ve = Xe = 0, Ae = 0; Ae < X; ) {
+  var Me, Oe, Le, Ne, Ve, We;
+  for (Me = Oe = Le = Ne = Ve = We = 0, Ae = 0; Ae < X; ) {
     if (Ne === 0) {
       if (Oe < xe) {
-        Me += I[Xe] << Oe, Oe += 8, Xe++;
+        Me += I[We] << Oe, Oe += 8, We++;
         continue;
       }
       if (Ee = Me & J, Me >>= xe, Oe -= xe, Ee > Y || Ee == Z)
@@ -19839,9 +19811,9 @@ const genearate = (C) => ({
     loop: Ie,
     visible: Me,
     disabled: Oe,
-    transformation: { width: Le = 0, height: Ne = 0, x: Ve, y: Xe, colorCorrection: Ue = {} },
-    pointerdown: We
-  } = C, { frames: He, delays: ze } = Z;
+    transformation: { width: Le = 0, height: Ne = 0, x: Ve, y: We, colorCorrection: Ue = {} },
+    pointerdown: Xe
+  } = C, { frames: ze, delays: He } = Z;
   useWorkerParser(Ee, _e);
   const {
     temperatureFilter: je,
@@ -19853,23 +19825,23 @@ const genearate = (C) => ({
     noiseFilter: Be
   } = withFiltersHook(Ue), { blurRadius: qe = 0, vignette: Ke = 0, noise: Ye = 0 } = Ue, Qe = 0.1;
   React.useEffect(() => {
-    if (!isEmpty$1(He)) {
-      const Je = map$1(He, (nt) => {
-        const { data: rt, width: tt, height: ot } = nt, ut = new Uint8Array(rt);
+    if (!isEmpty$1(ze)) {
+      const Je = map$1(ze, (rt) => {
+        const { data: nt, width: tt, height: ot } = rt, ut = new Uint8Array(nt);
         return PIXI.Texture.fromBuffer(ut, tt, ot);
       }).map(
-        (nt, rt) => ({
-          texture: nt,
-          time: ze[rt]
+        (rt, nt) => ({
+          texture: rt,
+          time: He[nt]
         })
       );
       V(Je);
       let et = 0;
-      ze.forEach((nt) => {
-        et += nt;
-      }), B(et / 1e3), J.current.totalDuration = et, J.current.totalFrames = He.length;
+      He.forEach((rt) => {
+        et += rt;
+      }), B(et / 1e3), J.current.totalDuration = et, J.current.totalFrames = ze.length;
     }
-  }, [Ae, He, ze]);
+  }, [Ae, ze, He]);
   const Ze = () => {
     Y.current && (Y.current.stop(), J.current.isPlaying = !1);
   }, it = () => {
@@ -19892,12 +19864,12 @@ const genearate = (C) => ({
         onInterrupt: Ze,
         onUpdate: it,
         onUpdateParams: [we, Pe]
-      }, et = Number(Te) - Number(Re), nt = Math.max(
+      }, et = Number(Te) - Number(Re), rt = Math.max(
         0,
         Math.floor(et / I) - 1
       );
       xe.current && xe.current.kill(), st = gsap$2.context(() => {
-        xe.current = gsap$2.timeline({ repeat: Ie ? nt : 0, repeatDelay: 0 }).from(
+        xe.current = gsap$2.timeline({ repeat: Ie ? rt : 0, repeatDelay: 0 }).from(
           K.current,
           // @ts-ignore
           Je,
@@ -19928,7 +19900,7 @@ const genearate = (C) => ({
         PixiAnimatedSprite,
         {
           x: Ve,
-          y: Xe,
+          y: We,
           width: Le,
           height: Ne,
           animationSpeed: 1,
@@ -19938,7 +19910,7 @@ const genearate = (C) => ({
           onComplete: at,
           anchor: 0.5,
           forwardRef: Y,
-          ...!Oe && Me && { interactive: !0, pointerdown: We },
+          ...!Oe && Me && { interactive: !0, pointerdown: Xe },
           filters: [
             je,
             $e,
@@ -19979,12 +19951,12 @@ const genearate = (C) => ({
     strokeThickness: Ne = 0,
     // drop shadow
     blurRadius: Ve = 0,
-    blurEnabled: Xe = !1,
+    blurEnabled: We = !1,
     dropShadowColor: Ue = null,
-    dropShadow: We = !1,
-    dropShadowBlur: He = 0,
+    dropShadow: Xe = !1,
+    dropShadowBlur: ze = 0,
     // multiline
-    wordWrapWidth: ze = 5e7,
+    wordWrapWidth: He = 5e7,
     leading: je = 0,
     letterSpacing: $e,
     colorCorrection: De = {}
@@ -20024,27 +19996,27 @@ const genearate = (C) => ({
       fontWeight: Ze
     },
     ...it && { letterSpacing: it },
-    ...Xe && {
+    ...We && {
       dropShadow: !0,
       dropShadowBlur: Number(Ve),
       dropShadowColor: (Ue == null ? void 0 : Ue.toString()) || "black",
       dropShadowAngle: 0.5235987755982988,
       dropShadowDistance: 5
     },
-    ...We && {
+    ...Xe && {
       dropShadow: !0,
-      dropShadowBlur: Number(He),
+      dropShadowBlur: Number(ze),
       dropShadowColor: (Ue == null ? void 0 : Ue.toString()) || "black",
       dropShadowAngle: 0.5235987755982988,
       dropShadowDistance: 5
     },
     wordWrap: !0,
     breakWords: !0,
-    wordWrapWidth: ze || 500,
+    wordWrapWidth: He || 500,
     leading: je || 0
     // lineHeight: lineHeight,
   }), [
-    Xe,
+    We,
     Ve,
     Oe,
     Te,
@@ -20058,9 +20030,9 @@ const genearate = (C) => ({
     Ue,
     Le,
     Ne,
-    ze,
-    We,
-    He
+    He,
+    Xe,
+    ze
   ]);
   React.useEffect(() => {
     K.current = {
@@ -20232,12 +20204,12 @@ const debounce$1 = /* @__PURE__ */ getDefaultExportFromCjs(debounce_1), useDebou
     transformation: { x: Pe, y: Ie, width: Me, height: Oe, animation: Le, colorCorrection: Ne = {} },
     pointerdown: Ve = () => {
     },
-    pointerout: Xe = () => {
+    pointerout: We = () => {
     },
     pointerover: Ue = () => {
     },
-    fps: We = 0
-  } = C, { tl: He, dragModeRef: ze, isRemotion: je } = useContext(GsapPixieContext), { onPointerDown: $e, onPointerOut: De, onPointerOver: Fe } = useDebouncedPointerEvents(Ue, Ve, Xe, 1), { blurRadius: ke = 0, vignette: Ge = 0, noise: Be = 0 } = Ne, {
+    fps: Xe = 0
+  } = C, { tl: ze, dragModeRef: He, isRemotion: je } = useContext(GsapPixieContext), { onPointerDown: $e, onPointerOut: De, onPointerOver: Fe } = useDebouncedPointerEvents(Ue, Ve, We, 1), { blurRadius: ke = 0, vignette: Ge = 0, noise: Be = 0 } = Ne, {
     temperatureFilter: qe,
     sharpnessFilter: Ke,
     hueFilter: Ye,
@@ -20258,38 +20230,38 @@ const debounce$1 = /* @__PURE__ */ getDefaultExportFromCjs(debounce_1), useDebou
   });
   const et = (ot) => {
     if (Y.current) {
-      if (Y.current.currentTime = Number(ot), !ze.current) {
+      if (Y.current.currentTime = Number(ot), !He.current) {
         const ut = Y.current, mt = ut.currentTime > 0 && !ut.paused && !ut.ended && ut.readyState > ut.HAVE_CURRENT_DATA;
-        He.current && He.current.isActive() && J.current && J.current.isActive() && (mt || Y.current.play(), K.current.isPlaying = !0);
+        ze.current && ze.current.isActive() && J.current && J.current.isActive() && (mt || Y.current.play(), K.current.isPlaying = !0);
       }
       K.current.progress = 0;
     }
-  }, nt = () => {
+  }, rt = () => {
     if (Y.current) {
       const ot = Y.current;
       ot.currentTime > 0 && !ot.paused && !ot.ended && ot.readyState > ot.HAVE_CURRENT_DATA && Y.current.pause(), K.current.isPlaying = !1, J.current && (K.current.progress = J.current.progress());
     }
-  }, rt = () => {
+  }, nt = () => {
   }, tt = () => {
     var ot, ut;
     if (J.current && (K.current.progress = J.current.progress()), Y.current && J.current) {
       const mt = Ae + ((ot = J == null ? void 0 : J.current) == null ? void 0 : ot.time()), pt = Math.abs(
         Y.current.currentTime - mt
-      ), yt = Y.current, gt = yt.currentTime > 0 && !yt.paused && !yt.ended && yt.readyState > yt.HAVE_CURRENT_DATA;
-      ze.current && U.current ? (Y.current.currentTime = mt, U.current.update(), K.current.isPlaying = !1) : (gt !== K.current.isPlaying || !gt) && K.current.progress > 0.01 && K.current.progress < 0.99 ? (ut = He.current) != null && ut.isActive() && J.current && J.current.isActive() && (gt || Y.current.play(), K.current.isPlaying = !0) : pt > 0.3 && K.current.progress > 0.01 && K.current.progress < 0.99 && (Y.current.currentTime = mt);
+      ), gt = Y.current, bt = gt.currentTime > 0 && !gt.paused && !gt.ended && gt.readyState > gt.HAVE_CURRENT_DATA;
+      He.current && U.current ? (Y.current.currentTime = mt, U.current.update(), K.current.isPlaying = !1) : (bt !== K.current.isPlaying || !bt) && K.current.progress > 0.01 && K.current.progress < 0.99 ? (ut = ze.current) != null && ut.isActive() && J.current && J.current.isActive() && (bt || Y.current.play(), K.current.isPlaying = !0) : pt > 0.3 && K.current.progress > 0.01 && K.current.progress < 0.99 && (Y.current.currentTime = mt);
     }
   };
   return useEffect(() => {
     let ot = gsap$2.context(() => {
     });
-    if (X.current && He.current) {
+    if (X.current && ze.current) {
       const ut = {
         duration: Number(Ee) - Number(Se),
         onStart: et,
-        onComplete: nt,
+        onComplete: rt,
         onStartParams: [Ae, Re],
         onCompleteParams: [],
-        onInterrupt: rt,
+        onInterrupt: nt,
         onUpdate: tt,
         onUpdateParams: [Ae, Re],
         onPause: () => {
@@ -20308,13 +20280,13 @@ const debounce$1 = /* @__PURE__ */ getDefaultExportFromCjs(debounce_1), useDebou
           console.log("onKill video sprite kill", xe);
         }
       };
-      J.current && (J.current.kill(), He.current.remove(J.current)), ot = gsap$2.context(() => {
+      J.current && (J.current.kill(), ze.current.remove(J.current)), ot = gsap$2.context(() => {
         J.current = gsap$2.to(
           X.current,
           // @ts-ignore
           ut,
           Ae
-        ), He.current.add(J.current, Se);
+        ), ze.current.add(J.current, Se);
       });
     }
     return () => {
@@ -20335,29 +20307,29 @@ const debounce$1 = /* @__PURE__ */ getDefaultExportFromCjs(debounce_1), useDebou
       K.current.isWaiting = !1, K.current.isStalled = !1;
     }, pt = function() {
       K.current.isWaiting = !0, K.current.isStalled = !1;
-    }, yt = function() {
-      K.current.isWaiting = !1, K.current.isStalled = !1;
     }, gt = function() {
+      K.current.isWaiting = !1, K.current.isStalled = !1;
+    }, bt = function() {
       K.current.isWaiting = !1, K.current.isStalled = !0;
-    }, _t = Math.round((Number(Ae) + Number.EPSILON) * 100) / 100, Pt = Math.round((Number(Re) + Number.EPSILON) * 100) / 100, It = `${st}#t=${_t},${Pt}`;
+    }, yt = Math.round((Number(Ae) + Number.EPSILON) * 100) / 100, Pt = Math.round((Number(Re) + Number.EPSILON) * 100) / 100, It = `${st}#t=${yt},${Pt}`;
     return PIXI.Texture.fromLoader(Je, It, xe, {
       pixiIdPrefix: xe,
       resourceOptions: {
         autoPlay: !1,
         crossorigin: "Anonymus",
-        updateFPS: We ? Math.max(120, Number(We)) : 30
+        updateFPS: Xe ? Math.max(120, Number(Xe)) : 30
       }
     }).then((St) => {
-      St && (U.current = St, B(!0), Y.current = St.baseTexture.resource.source, Y.current.id = xe, Y.current.addEventListener("loadedmetadata", ut), Y.current.addEventListener("ended", mt), Y.current.addEventListener("loadstart", pt), Y.current.addEventListener("canplaythrough", yt), Y.current.addEventListener("stalled", gt));
+      St && (U.current = St, B(!0), Y.current = St.baseTexture.resource.source, Y.current.id = xe, Y.current.addEventListener("loadedmetadata", ut), Y.current.addEventListener("ended", mt), Y.current.addEventListener("loadstart", pt), Y.current.addEventListener("canplaythrough", gt), Y.current.addEventListener("stalled", bt));
     }), () => {
       Y.current && (Y.current.pause(), Y.current.removeEventListener("loadedmetadata", ut), Y.current.removeEventListener("ended", mt), Y.current.removeEventListener("loadstart", pt), Y.current.removeEventListener(
         "canplaythrough",
-        yt
-      ), Y.current.removeEventListener("stalled", gt));
+        gt
+      ), Y.current.removeEventListener("stalled", bt));
     };
   }, [st, xe, Ae, Re, Je]), React.useEffect(() => {
     const ot = setTimeout(() => {
-      I && U.current && J.current && He.current && J.current.progress() < 0.1 && Y.current && !J.current.isActive() && !je && (Y.current.currentTime = Ae, U.current.update());
+      I && U.current && J.current && ze.current && J.current.progress() < 0.1 && Y.current && !J.current.isActive() && !je && (Y.current.currentTime = Ae, U.current.update());
     }, 30);
     return () => {
       clearTimeout(ot);
@@ -20418,11 +20390,11 @@ const PixiVideoCanvasSyncSprite = React.forwardRef((C, E) => {
     canvasImageRef: Re
   } = C, Te = Re && (Re == null ? void 0 : Re.getCanvas()), we = useApp(), { onPointerDown: Pe, onPointerOut: Ie, onPointerOver: Me } = useDebouncedPointerEvents(Ae, Se, Ee, 1), { blurRadius: Oe = 0, vignette: Le = 0, noise: Ne = 0 } = _e, {
     temperatureFilter: Ve,
-    sharpnessFilter: Xe,
+    sharpnessFilter: We,
     hueFilter: Ue,
-    blurFilter: We,
-    adjustmentFilter: He,
-    vignetteFilter: ze,
+    blurFilter: Xe,
+    adjustmentFilter: ze,
+    vignetteFilter: He,
     noiseFilter: je
   } = withFiltersHook(_e);
   return useTick(() => {
@@ -20458,13 +20430,13 @@ const PixiVideoCanvasSyncSprite = React.forwardRef((C, E) => {
           ...!Y && X && { interactive: !0, pointerdown: Se },
           filters: [
             Ve,
-            Xe,
+            We,
             Ue,
-            He,
+            ze,
             // conditionally add blur filter
-            ...Oe > 0 ? [We] : [],
+            ...Oe > 0 ? [Xe] : [],
             // conditionally add vignette filter
-            ...Le > 0 ? [ze] : [],
+            ...Le > 0 ? [He] : [],
             // conditionally add noise filter
             ...Ne > 0 ? [je] : []
           ]
@@ -20525,11 +20497,11 @@ const PixiVideoCanvasSyncSprite = React.forwardRef((C, E) => {
     canvasImageRef: Re
   } = C, Te = Re && (Re == null ? void 0 : Re.getCanvas()), we = useApp(), { onPointerDown: Pe, onPointerOut: Ie, onPointerOver: Me } = useDebouncedPointerEvents(Ae, Se, Ee, 1), { blurRadius: Oe = 0, vignette: Le = 0, noise: Ne = 0 } = _e, {
     temperatureFilter: Ve,
-    sharpnessFilter: Xe,
+    sharpnessFilter: We,
     hueFilter: Ue,
-    blurFilter: We,
-    adjustmentFilter: He,
-    vignetteFilter: ze,
+    blurFilter: Xe,
+    adjustmentFilter: ze,
+    vignetteFilter: He,
     noiseFilter: je
   } = withFiltersHook(_e);
   return useTick(() => {
@@ -20565,13 +20537,13 @@ const PixiVideoCanvasSyncSprite = React.forwardRef((C, E) => {
           ...!Y && X && { interactive: !0, pointerdown: Se },
           filters: [
             Ve,
-            Xe,
+            We,
             Ue,
-            He,
+            ze,
             // conditionally add blur filter
-            ...Oe > 0 ? [We] : [],
+            ...Oe > 0 ? [Xe] : [],
             // conditionally add vignette filter
-            ...Le > 0 ? [ze] : [],
+            ...Le > 0 ? [He] : [],
             // conditionally add noise filter
             ...Ne > 0 ? [je] : []
           ]
@@ -20890,7 +20862,7 @@ var lottie$1 = { exports: {} };
                         for (Ke = Ye[Ge].pt.k.length, qe = 0; qe < Ke; qe += 1)
                           Ye[Ge].pt.k[qe].s && Me(Ye[Ge].pt.k[qe].s[0]), Ye[Ge].pt.k[qe].e && Me(Ye[Ge].pt.k[qe].e[0]);
                   }
-                  De.ty === 0 ? (De.layers = Pe(De.refId, $e), Re(De.layers, $e)) : De.ty === 4 ? Ie(De.shapes) : De.ty === 5 && He(De);
+                  De.ty === 0 ? (De.layers = Pe(De.refId, $e), Re(De.layers, $e)) : De.ty === 4 ? Ie(De.shapes) : De.ty === 5 && ze(De);
                 }
             }
             function Te(je, $e) {
@@ -21047,7 +21019,7 @@ var lottie$1 = { exports: {} };
                     Fe.assets[ke].layers && De(Fe.assets[ke].layers);
                 }
               };
-            }(), Xe = function() {
+            }(), We = function() {
               var je = [4, 1, 9];
               function $e(Fe) {
                 var ke, Ge = Fe.length, Be, qe;
@@ -21110,14 +21082,14 @@ var lottie$1 = { exports: {} };
                 }
               };
             }();
-            function We(je) {
-              je.__complete || (Xe(je), Le(je), Ne(je), Ve(je), Ue(je), Re(je.layers, je.assets), Te(je.chars, je.assets), je.__complete = !0);
+            function Xe(je) {
+              je.__complete || (We(je), Le(je), Ne(je), Ve(je), Ue(je), Re(je.layers, je.assets), Te(je.chars, je.assets), je.__complete = !0);
             }
-            function He(je) {
+            function ze(je) {
               je.t.a.length === 0 && "m" in je.t.p;
             }
-            var ze = {};
-            return ze.completeData = We, ze.checkColors = Xe, ze.checkChars = Ne, ze.checkPathProperties = Ve, ze.checkShapes = Ue, ze.completeLayers = Re, ze;
+            var He = {};
+            return He.completeData = Xe, He.checkColors = We, He.checkChars = Ne, He.checkPathProperties = Ve, He.checkShapes = Ue, He.completeLayers = Re, He;
           }
           if (V.dataManager || (V.dataManager = Ee()), V.assetLoader || (V.assetLoader = function() {
             function Re(we) {
@@ -21690,7 +21662,7 @@ var lottie$1 = { exports: {} };
         return Fe;
       }
       function xe() {
-        U += 1, Xe();
+        U += 1, We();
       }
       function Z() {
         U -= 1;
@@ -21771,21 +21743,21 @@ var lottie$1 = { exports: {} };
         for ($e = 0; $e < B; $e += 1)
           E[$e].animation.resize();
       }
-      function Xe() {
+      function We() {
         !X && U && V && (window.requestAnimationFrame(we), V = !1);
       }
       function Ue() {
         X = !0;
       }
-      function We() {
-        X = !1, Xe();
+      function Xe() {
+        X = !1, We();
       }
-      function He($e, De) {
+      function ze($e, De) {
         var Fe;
         for (Fe = 0; Fe < B; Fe += 1)
           E[Fe].animation.setVolume($e, De);
       }
-      function ze($e) {
+      function He($e) {
         var De;
         for (De = 0; De < B; De += 1)
           E[De].animation.mute($e);
@@ -21795,7 +21767,7 @@ var lottie$1 = { exports: {} };
         for (De = 0; De < B; De += 1)
           E[De].animation.unmute($e);
       }
-      return C.registerAnimation = K, C.loadAnimation = Se, C.setSpeed = Ee, C.setDirection = Ae, C.play = Re, C.pause = Pe, C.stop = Me, C.togglePause = Oe, C.searchAnimations = Ne, C.resize = Ve, C.goToAndStop = Ie, C.destroy = Le, C.freeze = Ue, C.unfreeze = We, C.setVolume = He, C.mute = ze, C.unmute = je, C.getRegisteredAnimations = J, C;
+      return C.registerAnimation = K, C.loadAnimation = Se, C.setSpeed = Ee, C.setDirection = Ae, C.play = Re, C.pause = Pe, C.stop = Me, C.togglePause = Oe, C.searchAnimations = Ne, C.resize = Ve, C.goToAndStop = Ie, C.destroy = Le, C.freeze = Ue, C.unfreeze = Xe, C.setVolume = ze, C.mute = He, C.unmute = je, C.getRegisteredAnimations = J, C;
     }(), BezierFactory = function() {
       var C = {};
       C.getBezierEasing = I;
@@ -21864,8 +21836,8 @@ var lottie$1 = { exports: {} };
           for (var Ie = this._p[0], Me = this._p[2], Oe = this._mSampleValues, Le = 0, Ne = 1, Ve = Y - 1; Ne !== Ve && Oe[Ne] <= Pe; ++Ne)
             Le += K;
           --Ne;
-          var Xe = (Pe - Oe[Ne]) / (Oe[Ne + 1] - Oe[Ne]), Ue = Le + Xe * K, We = Ee(Ue, Ie, Me);
-          return We >= U ? Re(Pe, Ue, Ie, Me) : We === 0 ? Ue : Ae(Pe, Le, Le + K, Ie, Me);
+          var We = (Pe - Oe[Ne]) / (Oe[Ne + 1] - Oe[Ne]), Ue = Le + We * K, Xe = Ee(Ue, Ie, Me);
+          return Xe >= U ? Re(Pe, Ue, Ie, Me) : Xe === 0 ? Ue : Ae(Pe, Le, Le + K, Ie, Me);
         }
       }, C;
     }(), pooling = function() {
@@ -21928,13 +21900,13 @@ var lottie$1 = { exports: {} };
       }
       var B = function() {
         return function(_e, Se, Ee, Ae) {
-          var Re = getDefaultCurveSegments(), Te, we, Pe, Ie, Me, Oe = 0, Le, Ne = [], Ve = [], Xe = bezierLengthPool.newElement();
+          var Re = getDefaultCurveSegments(), Te, we, Pe, Ie, Me, Oe = 0, Le, Ne = [], Ve = [], We = bezierLengthPool.newElement();
           for (Pe = Ee.length, Te = 0; Te < Re; Te += 1) {
             for (Me = Te / (Re - 1), Le = 0, we = 0; we < Pe; we += 1)
               Ie = bmPow(1 - Me, 3) * _e[we] + 3 * bmPow(1 - Me, 2) * Me * Ee[we] + 3 * (1 - Me) * bmPow(Me, 2) * Ae[we] + bmPow(Me, 3) * Se[we], Ne[we] = Ie, Ve[we] !== null && (Le += bmPow(Ne[we] - Ve[we], 2)), Ve[we] = Ne[we];
-            Le && (Le = bmSqrt(Le), Oe += Le), Xe.percents[Te] = Me, Xe.lengths[Te] = Oe;
+            Le && (Le = bmSqrt(Le), Oe += Le), We.percents[Te] = Me, We.lengths[Te] = Oe;
           }
-          return Xe.addedLength = Oe, Xe;
+          return We.addedLength = Oe, We;
         };
       }();
       function U(_e) {
@@ -21954,15 +21926,15 @@ var lottie$1 = { exports: {} };
         return function(Se, Ee, Ae, Re) {
           var Te = (Se[0] + "_" + Se[1] + "_" + Ee[0] + "_" + Ee[1] + "_" + Ae[0] + "_" + Ae[1] + "_" + Re[0] + "_" + Re[1]).replace(/\./g, "p");
           if (!_e[Te]) {
-            var we = getDefaultCurveSegments(), Pe, Ie, Me, Oe, Le, Ne = 0, Ve, Xe, Ue = null;
+            var we = getDefaultCurveSegments(), Pe, Ie, Me, Oe, Le, Ne = 0, Ve, We, Ue = null;
             Se.length === 2 && (Se[0] !== Ee[0] || Se[1] !== Ee[1]) && E(Se[0], Se[1], Ee[0], Ee[1], Se[0] + Ae[0], Se[1] + Ae[1]) && E(Se[0], Se[1], Ee[0], Ee[1], Ee[0] + Re[0], Ee[1] + Re[1]) && (we = 2);
-            var We = new V(we);
+            var Xe = new V(we);
             for (Me = Ae.length, Pe = 0; Pe < we; Pe += 1) {
-              for (Xe = createSizedArray(Me), Le = Pe / (we - 1), Ve = 0, Ie = 0; Ie < Me; Ie += 1)
-                Oe = bmPow(1 - Le, 3) * Se[Ie] + 3 * bmPow(1 - Le, 2) * Le * (Se[Ie] + Ae[Ie]) + 3 * (1 - Le) * bmPow(Le, 2) * (Ee[Ie] + Re[Ie]) + bmPow(Le, 3) * Ee[Ie], Xe[Ie] = Oe, Ue !== null && (Ve += bmPow(Xe[Ie] - Ue[Ie], 2));
-              Ve = bmSqrt(Ve), Ne += Ve, We.points[Pe] = new X(Ve, Xe), Ue = Xe;
+              for (We = createSizedArray(Me), Le = Pe / (we - 1), Ve = 0, Ie = 0; Ie < Me; Ie += 1)
+                Oe = bmPow(1 - Le, 3) * Se[Ie] + 3 * bmPow(1 - Le, 2) * Le * (Se[Ie] + Ae[Ie]) + 3 * (1 - Le) * bmPow(Le, 2) * (Ee[Ie] + Re[Ie]) + bmPow(Le, 3) * Ee[Ie], We[Ie] = Oe, Ue !== null && (Ve += bmPow(We[Ie] - Ue[Ie], 2));
+              Ve = bmSqrt(Ve), Ne += Ve, Xe.points[Pe] = new X(Ve, We), Ue = We;
             }
-            We.segmentLength = Ne, _e[Te] = We;
+            Xe.segmentLength = Ne, _e[Te] = Xe;
           }
           return _e[Te];
         };
@@ -21988,9 +21960,9 @@ var lottie$1 = { exports: {} };
         Re < 0 ? Re = 0 : Re > 1 && (Re = 1);
         var Pe = K(Re, we);
         Te = Te > 1 ? 1 : Te;
-        var Ie = K(Te, we), Me, Oe = _e.length, Le = 1 - Pe, Ne = 1 - Ie, Ve = Le * Le * Le, Xe = Pe * Le * Le * 3, Ue = Pe * Pe * Le * 3, We = Pe * Pe * Pe, He = Le * Le * Ne, ze = Pe * Le * Ne + Le * Pe * Ne + Le * Le * Ie, je = Pe * Pe * Ne + Le * Pe * Ie + Pe * Le * Ie, $e = Pe * Pe * Ie, De = Le * Ne * Ne, Fe = Pe * Ne * Ne + Le * Ie * Ne + Le * Ne * Ie, ke = Pe * Ie * Ne + Le * Ie * Ie + Pe * Ne * Ie, Ge = Pe * Ie * Ie, Be = Ne * Ne * Ne, qe = Ie * Ne * Ne + Ne * Ie * Ne + Ne * Ne * Ie, Ke = Ie * Ie * Ne + Ne * Ie * Ie + Ie * Ne * Ie, Ye = Ie * Ie * Ie;
+        var Ie = K(Te, we), Me, Oe = _e.length, Le = 1 - Pe, Ne = 1 - Ie, Ve = Le * Le * Le, We = Pe * Le * Le * 3, Ue = Pe * Pe * Le * 3, Xe = Pe * Pe * Pe, ze = Le * Le * Ne, He = Pe * Le * Ne + Le * Pe * Ne + Le * Le * Ie, je = Pe * Pe * Ne + Le * Pe * Ie + Pe * Le * Ie, $e = Pe * Pe * Ie, De = Le * Ne * Ne, Fe = Pe * Ne * Ne + Le * Ie * Ne + Le * Ne * Ie, ke = Pe * Ie * Ne + Le * Ie * Ie + Pe * Ne * Ie, Ge = Pe * Ie * Ie, Be = Ne * Ne * Ne, qe = Ie * Ne * Ne + Ne * Ie * Ne + Ne * Ne * Ie, Ke = Ie * Ie * Ne + Ne * Ie * Ie + Ie * Ne * Ie, Ye = Ie * Ie * Ie;
         for (Me = 0; Me < Oe; Me += 1)
-          xe[Me * 4] = C.round((Ve * _e[Me] + Xe * Ee[Me] + Ue * Ae[Me] + We * Se[Me]) * 1e3) / 1e3, xe[Me * 4 + 1] = C.round((He * _e[Me] + ze * Ee[Me] + je * Ae[Me] + $e * Se[Me]) * 1e3) / 1e3, xe[Me * 4 + 2] = C.round((De * _e[Me] + Fe * Ee[Me] + ke * Ae[Me] + Ge * Se[Me]) * 1e3) / 1e3, xe[Me * 4 + 3] = C.round((Be * _e[Me] + qe * Ee[Me] + Ke * Ae[Me] + Ye * Se[Me]) * 1e3) / 1e3;
+          xe[Me * 4] = C.round((Ve * _e[Me] + We * Ee[Me] + Ue * Ae[Me] + Xe * Se[Me]) * 1e3) / 1e3, xe[Me * 4 + 1] = C.round((ze * _e[Me] + He * Ee[Me] + je * Ae[Me] + $e * Se[Me]) * 1e3) / 1e3, xe[Me * 4 + 2] = C.round((De * _e[Me] + Fe * Ee[Me] + ke * Ae[Me] + Ge * Se[Me]) * 1e3) / 1e3, xe[Me * 4 + 3] = C.round((Be * _e[Me] + qe * Ee[Me] + Ke * Ae[Me] + Ye * Se[Me]) * 1e3) / 1e3;
         return xe;
       }
       return {
@@ -22044,19 +22016,19 @@ var lottie$1 = { exports: {} };
           E._lastPoint = Ae, E._lastAddedLength = Ne - Ie.points[Ae].partialLength, E._lastKeyframeIndex = V;
         }
       } else {
-        var Ve, Xe, Ue, We, He;
+        var Ve, We, Ue, Xe, ze;
         if (X = K.s.length, Pe = J.s || K.e, this.sh && K.h !== 1)
           if (C >= Te)
             B[0] = Pe[0], B[1] = Pe[1], B[2] = Pe[2];
           else if (C <= we)
             B[0] = K.s[0], B[1] = K.s[1], B[2] = K.s[2];
           else {
-            var ze = createQuaternion(K.s), je = createQuaternion(Pe), $e = (C - we) / (Te - we);
-            quaternionToEuler(B, slerp(ze, je, $e));
+            var He = createQuaternion(K.s), je = createQuaternion(Pe), $e = (C - we) / (Te - we);
+            quaternionToEuler(B, slerp(He, je, $e));
           }
         else
           for (V = 0; V < X; V += 1)
-            K.h !== 1 && (C >= Te ? Se = 1 : C < we ? Se = 0 : (K.o.x.constructor === Array ? (xe.__fnct || (xe.__fnct = []), xe.__fnct[V] ? Re = xe.__fnct[V] : (Ve = K.o.x[V] === void 0 ? K.o.x[0] : K.o.x[V], Xe = K.o.y[V] === void 0 ? K.o.y[0] : K.o.y[V], Ue = K.i.x[V] === void 0 ? K.i.x[0] : K.i.x[V], We = K.i.y[V] === void 0 ? K.i.y[0] : K.i.y[V], Re = BezierFactory.getBezierEasing(Ve, Xe, Ue, We).get, xe.__fnct[V] = Re)) : xe.__fnct ? Re = xe.__fnct : (Ve = K.o.x, Xe = K.o.y, Ue = K.i.x, We = K.i.y, Re = BezierFactory.getBezierEasing(Ve, Xe, Ue, We).get, K.keyframeMetadata = Re), Se = Re((C - we) / (Te - we)))), Pe = J.s || K.e, He = K.h === 1 ? K.s[V] : K.s[V] + (Pe[V] - K.s[V]) * Se, this.propType === "multidimensional" ? B[V] = He : B = He;
+            K.h !== 1 && (C >= Te ? Se = 1 : C < we ? Se = 0 : (K.o.x.constructor === Array ? (xe.__fnct || (xe.__fnct = []), xe.__fnct[V] ? Re = xe.__fnct[V] : (Ve = K.o.x[V] === void 0 ? K.o.x[0] : K.o.x[V], We = K.o.y[V] === void 0 ? K.o.y[0] : K.o.y[V], Ue = K.i.x[V] === void 0 ? K.i.x[0] : K.i.x[V], Xe = K.i.y[V] === void 0 ? K.i.y[0] : K.i.y[V], Re = BezierFactory.getBezierEasing(Ve, We, Ue, Xe).get, xe.__fnct[V] = Re)) : xe.__fnct ? Re = xe.__fnct : (Ve = K.o.x, We = K.o.y, Ue = K.i.x, Xe = K.i.y, Re = BezierFactory.getBezierEasing(Ve, We, Ue, Xe).get, K.keyframeMetadata = Re), Se = Re((C - we) / (Te - we)))), Pe = J.s || K.e, ze = K.h === 1 ? K.s[V] : K.s[V] + (Pe[V] - K.s[V]) * Se, this.propType === "multidimensional" ? B[V] = ze : B = ze;
       }
       return E.lastIndex = U, B;
     }
@@ -22277,30 +22249,30 @@ var lottie$1 = { exports: {} };
     }(), ShapePropertyFactory = function() {
       var C = -999999;
       function E(Te, we, Pe) {
-        var Ie = Pe.lastIndex, Me, Oe, Le, Ne, Ve, Xe, Ue, We, He, ze = this.keyframes;
-        if (Te < ze[0].t - this.offsetTime)
-          Me = ze[0].s[0], Le = !0, Ie = 0;
-        else if (Te >= ze[ze.length - 1].t - this.offsetTime)
-          Me = ze[ze.length - 1].s ? ze[ze.length - 1].s[0] : ze[ze.length - 2].e[0], Le = !0;
+        var Ie = Pe.lastIndex, Me, Oe, Le, Ne, Ve, We, Ue, Xe, ze, He = this.keyframes;
+        if (Te < He[0].t - this.offsetTime)
+          Me = He[0].s[0], Le = !0, Ie = 0;
+        else if (Te >= He[He.length - 1].t - this.offsetTime)
+          Me = He[He.length - 1].s ? He[He.length - 1].s[0] : He[He.length - 2].e[0], Le = !0;
         else {
-          for (var je = Ie, $e = ze.length - 1, De = !0, Fe, ke, Ge; De && (Fe = ze[je], ke = ze[je + 1], !(ke.t - this.offsetTime > Te)); )
+          for (var je = Ie, $e = He.length - 1, De = !0, Fe, ke, Ge; De && (Fe = He[je], ke = He[je + 1], !(ke.t - this.offsetTime > Te)); )
             je < $e - 1 ? je += 1 : De = !1;
           if (Ge = this.keyframesMetadata[je] || {}, Le = Fe.h === 1, Ie = je, !Le) {
             if (Te >= ke.t - this.offsetTime)
-              We = 1;
+              Xe = 1;
             else if (Te < Fe.t - this.offsetTime)
-              We = 0;
+              Xe = 0;
             else {
               var Be;
-              Ge.__fnct ? Be = Ge.__fnct : (Be = BezierFactory.getBezierEasing(Fe.o.x, Fe.o.y, Fe.i.x, Fe.i.y).get, Ge.__fnct = Be), We = Be((Te - (Fe.t - this.offsetTime)) / (ke.t - this.offsetTime - (Fe.t - this.offsetTime)));
+              Ge.__fnct ? Be = Ge.__fnct : (Be = BezierFactory.getBezierEasing(Fe.o.x, Fe.o.y, Fe.i.x, Fe.i.y).get, Ge.__fnct = Be), Xe = Be((Te - (Fe.t - this.offsetTime)) / (ke.t - this.offsetTime - (Fe.t - this.offsetTime)));
             }
             Oe = ke.s ? ke.s[0] : Fe.e[0];
           }
           Me = Fe.s[0];
         }
-        for (Xe = we._length, Ue = Me.i[0].length, Pe.lastIndex = Ie, Ne = 0; Ne < Xe; Ne += 1)
+        for (We = we._length, Ue = Me.i[0].length, Pe.lastIndex = Ie, Ne = 0; Ne < We; Ne += 1)
           for (Ve = 0; Ve < Ue; Ve += 1)
-            He = Le ? Me.i[Ne][Ve] : Me.i[Ne][Ve] + (Oe.i[Ne][Ve] - Me.i[Ne][Ve]) * We, we.i[Ne][Ve] = He, He = Le ? Me.o[Ne][Ve] : Me.o[Ne][Ve] + (Oe.o[Ne][Ve] - Me.o[Ne][Ve]) * We, we.o[Ne][Ve] = He, He = Le ? Me.v[Ne][Ve] : Me.v[Ne][Ve] + (Oe.v[Ne][Ve] - Me.v[Ne][Ve]) * We, we.v[Ne][Ve] = He;
+            ze = Le ? Me.i[Ne][Ve] : Me.i[Ne][Ve] + (Oe.i[Ne][Ve] - Me.i[Ne][Ve]) * Xe, we.i[Ne][Ve] = ze, ze = Le ? Me.o[Ne][Ve] : Me.o[Ne][Ve] + (Oe.o[Ne][Ve] - Me.o[Ne][Ve]) * Xe, we.o[Ne][Ve] = ze, ze = Le ? Me.v[Ne][Ve] : Me.v[Ne][Ve] + (Oe.v[Ne][Ve] - Me.v[Ne][Ve]) * Xe, we.v[Ne][Ve] = ze;
       }
       function I() {
         var Te = this.comp.renderedFrame - this.offsetTime, we = this.keyframes[0].t - this.offsetTime, Pe = this.keyframes[this.keyframes.length - 1].t - this.offsetTime, Ie = this._caching.lastFrame;
@@ -22383,20 +22355,20 @@ var lottie$1 = { exports: {} };
             this.elem.globalData.frameId !== this.frameId && (this.frameId = this.elem.globalData.frameId, this.iterateDynamicProperties(), this._mdf && this.convertToPath());
           },
           convertStarToPath: function() {
-            var Pe = Math.floor(this.pt.v) * 2, Ie = Math.PI * 2 / Pe, Me = !0, Oe = this.or.v, Le = this.ir.v, Ne = this.os.v, Ve = this.is.v, Xe = 2 * Math.PI * Oe / (Pe * 2), Ue = 2 * Math.PI * Le / (Pe * 2), We, He, ze, je, $e = -Math.PI / 2;
+            var Pe = Math.floor(this.pt.v) * 2, Ie = Math.PI * 2 / Pe, Me = !0, Oe = this.or.v, Le = this.ir.v, Ne = this.os.v, Ve = this.is.v, We = 2 * Math.PI * Oe / (Pe * 2), Ue = 2 * Math.PI * Le / (Pe * 2), Xe, ze, He, je, $e = -Math.PI / 2;
             $e += this.r.v;
             var De = this.data.d === 3 ? -1 : 1;
-            for (this.v._length = 0, We = 0; We < Pe; We += 1) {
-              He = Me ? Oe : Le, ze = Me ? Ne : Ve, je = Me ? Xe : Ue;
-              var Fe = He * Math.cos($e), ke = He * Math.sin($e), Ge = Fe === 0 && ke === 0 ? 0 : ke / Math.sqrt(Fe * Fe + ke * ke), Be = Fe === 0 && ke === 0 ? 0 : -Fe / Math.sqrt(Fe * Fe + ke * ke);
-              Fe += +this.p.v[0], ke += +this.p.v[1], this.v.setTripleAt(Fe, ke, Fe - Ge * je * ze * De, ke - Be * je * ze * De, Fe + Ge * je * ze * De, ke + Be * je * ze * De, We, !0), Me = !Me, $e += Ie * De;
+            for (this.v._length = 0, Xe = 0; Xe < Pe; Xe += 1) {
+              ze = Me ? Oe : Le, He = Me ? Ne : Ve, je = Me ? We : Ue;
+              var Fe = ze * Math.cos($e), ke = ze * Math.sin($e), Ge = Fe === 0 && ke === 0 ? 0 : ke / Math.sqrt(Fe * Fe + ke * ke), Be = Fe === 0 && ke === 0 ? 0 : -Fe / Math.sqrt(Fe * Fe + ke * ke);
+              Fe += +this.p.v[0], ke += +this.p.v[1], this.v.setTripleAt(Fe, ke, Fe - Ge * je * He * De, ke - Be * je * He * De, Fe + Ge * je * He * De, ke + Be * je * He * De, Xe, !0), Me = !Me, $e += Ie * De;
             }
           },
           convertPolygonToPath: function() {
-            var Pe = Math.floor(this.pt.v), Ie = Math.PI * 2 / Pe, Me = this.or.v, Oe = this.os.v, Le = 2 * Math.PI * Me / (Pe * 4), Ne, Ve = -Math.PI * 0.5, Xe = this.data.d === 3 ? -1 : 1;
+            var Pe = Math.floor(this.pt.v), Ie = Math.PI * 2 / Pe, Me = this.or.v, Oe = this.os.v, Le = 2 * Math.PI * Me / (Pe * 4), Ne, Ve = -Math.PI * 0.5, We = this.data.d === 3 ? -1 : 1;
             for (Ve += this.r.v, this.v._length = 0, Ne = 0; Ne < Pe; Ne += 1) {
-              var Ue = Me * Math.cos(Ve), We = Me * Math.sin(Ve), He = Ue === 0 && We === 0 ? 0 : We / Math.sqrt(Ue * Ue + We * We), ze = Ue === 0 && We === 0 ? 0 : -Ue / Math.sqrt(Ue * Ue + We * We);
-              Ue += +this.p.v[0], We += +this.p.v[1], this.v.setTripleAt(Ue, We, Ue - He * Le * Oe * Xe, We - ze * Le * Oe * Xe, Ue + He * Le * Oe * Xe, We + ze * Le * Oe * Xe, Ne, !0), Ve += Ie * Xe;
+              var Ue = Me * Math.cos(Ve), Xe = Me * Math.sin(Ve), ze = Ue === 0 && Xe === 0 ? 0 : Xe / Math.sqrt(Ue * Ue + Xe * Xe), He = Ue === 0 && Xe === 0 ? 0 : -Ue / Math.sqrt(Ue * Ue + Xe * Xe);
+              Ue += +this.p.v[0], Xe += +this.p.v[1], this.v.setTripleAt(Ue, Xe, Ue - ze * Le * Oe * We, Xe - He * Le * Oe * We, Ue + ze * Le * Oe * We, Xe + He * Le * Oe * We, Ne, !0), Ve += Ie * We;
             }
             this.paths.length = 0, this.paths[0] = this.v;
           }
@@ -22484,18 +22456,18 @@ var lottie$1 = { exports: {} };
       function _e(Fe, ke, Ge) {
         return !Ge && Ge !== 0 && (Ge = 1), Fe === 1 && ke === 1 && Ge === 1 ? this : this._t(Fe, 0, 0, 0, 0, ke, 0, 0, 0, 0, Ge, 0, 0, 0, 0, 1);
       }
-      function Se(Fe, ke, Ge, Be, qe, Ke, Ye, Qe, Ze, it, at, st, Je, et, nt, rt) {
-        return this.props[0] = Fe, this.props[1] = ke, this.props[2] = Ge, this.props[3] = Be, this.props[4] = qe, this.props[5] = Ke, this.props[6] = Ye, this.props[7] = Qe, this.props[8] = Ze, this.props[9] = it, this.props[10] = at, this.props[11] = st, this.props[12] = Je, this.props[13] = et, this.props[14] = nt, this.props[15] = rt, this;
+      function Se(Fe, ke, Ge, Be, qe, Ke, Ye, Qe, Ze, it, at, st, Je, et, rt, nt) {
+        return this.props[0] = Fe, this.props[1] = ke, this.props[2] = Ge, this.props[3] = Be, this.props[4] = qe, this.props[5] = Ke, this.props[6] = Ye, this.props[7] = Qe, this.props[8] = Ze, this.props[9] = it, this.props[10] = at, this.props[11] = st, this.props[12] = Je, this.props[13] = et, this.props[14] = rt, this.props[15] = nt, this;
       }
       function Ee(Fe, ke, Ge) {
         return Ge = Ge || 0, Fe !== 0 || ke !== 0 || Ge !== 0 ? this._t(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, Fe, ke, Ge, 1) : this;
       }
-      function Ae(Fe, ke, Ge, Be, qe, Ke, Ye, Qe, Ze, it, at, st, Je, et, nt, rt) {
+      function Ae(Fe, ke, Ge, Be, qe, Ke, Ye, Qe, Ze, it, at, st, Je, et, rt, nt) {
         var tt = this.props;
         if (Fe === 1 && ke === 0 && Ge === 0 && Be === 0 && qe === 0 && Ke === 1 && Ye === 0 && Qe === 0 && Ze === 0 && it === 0 && at === 1 && st === 0)
-          return tt[12] = tt[12] * Fe + tt[15] * Je, tt[13] = tt[13] * Ke + tt[15] * et, tt[14] = tt[14] * at + tt[15] * nt, tt[15] *= rt, this._identityCalculated = !1, this;
-        var ot = tt[0], ut = tt[1], mt = tt[2], pt = tt[3], yt = tt[4], gt = tt[5], _t = tt[6], Pt = tt[7], It = tt[8], St = tt[9], Lt = tt[10], At = tt[11], kt = tt[12], Mt = tt[13], qt = tt[14], Vt = tt[15];
-        return tt[0] = ot * Fe + ut * qe + mt * Ze + pt * Je, tt[1] = ot * ke + ut * Ke + mt * it + pt * et, tt[2] = ot * Ge + ut * Ye + mt * at + pt * nt, tt[3] = ot * Be + ut * Qe + mt * st + pt * rt, tt[4] = yt * Fe + gt * qe + _t * Ze + Pt * Je, tt[5] = yt * ke + gt * Ke + _t * it + Pt * et, tt[6] = yt * Ge + gt * Ye + _t * at + Pt * nt, tt[7] = yt * Be + gt * Qe + _t * st + Pt * rt, tt[8] = It * Fe + St * qe + Lt * Ze + At * Je, tt[9] = It * ke + St * Ke + Lt * it + At * et, tt[10] = It * Ge + St * Ye + Lt * at + At * nt, tt[11] = It * Be + St * Qe + Lt * st + At * rt, tt[12] = kt * Fe + Mt * qe + qt * Ze + Vt * Je, tt[13] = kt * ke + Mt * Ke + qt * it + Vt * et, tt[14] = kt * Ge + Mt * Ye + qt * at + Vt * nt, tt[15] = kt * Be + Mt * Qe + qt * st + Vt * rt, this._identityCalculated = !1, this;
+          return tt[12] = tt[12] * Fe + tt[15] * Je, tt[13] = tt[13] * Ke + tt[15] * et, tt[14] = tt[14] * at + tt[15] * rt, tt[15] *= nt, this._identityCalculated = !1, this;
+        var ot = tt[0], ut = tt[1], mt = tt[2], pt = tt[3], gt = tt[4], bt = tt[5], yt = tt[6], Pt = tt[7], It = tt[8], St = tt[9], Lt = tt[10], At = tt[11], kt = tt[12], Mt = tt[13], qt = tt[14], Vt = tt[15];
+        return tt[0] = ot * Fe + ut * qe + mt * Ze + pt * Je, tt[1] = ot * ke + ut * Ke + mt * it + pt * et, tt[2] = ot * Ge + ut * Ye + mt * at + pt * rt, tt[3] = ot * Be + ut * Qe + mt * st + pt * nt, tt[4] = gt * Fe + bt * qe + yt * Ze + Pt * Je, tt[5] = gt * ke + bt * Ke + yt * it + Pt * et, tt[6] = gt * Ge + bt * Ye + yt * at + Pt * rt, tt[7] = gt * Be + bt * Qe + yt * st + Pt * nt, tt[8] = It * Fe + St * qe + Lt * Ze + At * Je, tt[9] = It * ke + St * Ke + Lt * it + At * et, tt[10] = It * Ge + St * Ye + Lt * at + At * rt, tt[11] = It * Be + St * Qe + Lt * st + At * nt, tt[12] = kt * Fe + Mt * qe + qt * Ze + Vt * Je, tt[13] = kt * ke + Mt * Ke + qt * it + Vt * et, tt[14] = kt * Ge + Mt * Ye + qt * at + Vt * rt, tt[15] = kt * Be + Mt * Qe + qt * st + Vt * nt, this._identityCalculated = !1, this;
       }
       function Re(Fe) {
         var ke = Fe.props;
@@ -22543,17 +22515,17 @@ var lottie$1 = { exports: {} };
         var Fe = this.props[0] * this.props[5] - this.props[1] * this.props[4], ke = this.props[5] / Fe, Ge = -this.props[1] / Fe, Be = -this.props[4] / Fe, qe = this.props[0] / Fe, Ke = (this.props[4] * this.props[13] - this.props[5] * this.props[12]) / Fe, Ye = -(this.props[0] * this.props[13] - this.props[1] * this.props[12]) / Fe, Qe = new Matrix();
         return Qe.props[0] = ke, Qe.props[1] = Ge, Qe.props[4] = Be, Qe.props[5] = qe, Qe.props[12] = Ke, Qe.props[13] = Ye, Qe;
       }
-      function Xe(Fe) {
+      function We(Fe) {
         var ke = this.getInverseMatrix();
         return ke.applyToPointArray(Fe[0], Fe[1], Fe[2] || 0);
       }
       function Ue(Fe) {
         var ke, Ge = Fe.length, Be = [];
         for (ke = 0; ke < Ge; ke += 1)
-          Be[ke] = Xe(Fe[ke]);
+          Be[ke] = We(Fe[ke]);
         return Be;
       }
-      function We(Fe, ke, Ge) {
+      function Xe(Fe, ke, Ge) {
         var Be = createTypedArray("float32", 6);
         if (this.isIdentity())
           Be[0] = Fe[0], Be[1] = Fe[1], Be[2] = ke[0], Be[3] = ke[1], Be[4] = Ge[0], Be[5] = Ge[1];
@@ -22563,11 +22535,11 @@ var lottie$1 = { exports: {} };
         }
         return Be;
       }
-      function He(Fe, ke, Ge) {
+      function ze(Fe, ke, Ge) {
         var Be;
         return this.isIdentity() ? Be = [Fe, ke, Ge] : Be = [Fe * this.props[0] + ke * this.props[4] + Ge * this.props[8] + this.props[12], Fe * this.props[1] + ke * this.props[5] + Ge * this.props[9] + this.props[13], Fe * this.props[2] + ke * this.props[6] + Ge * this.props[10] + this.props[14]], Be;
       }
-      function ze(Fe, ke) {
+      function He(Fe, ke) {
         if (this.isIdentity())
           return Fe + "," + ke;
         var Ge = this.props;
@@ -22587,7 +22559,7 @@ var lottie$1 = { exports: {} };
         return "matrix(" + ke + "," + Ge + "," + Be + "," + qe + "," + Ke + "," + Ye + ")";
       }
       return function() {
-        this.reset = U, this.rotate = V, this.rotateX = X, this.rotateY = Y, this.rotateZ = K, this.skew = xe, this.skewFromAxis = Z, this.shear = J, this.scale = _e, this.setTransform = Se, this.translate = Ee, this.transform = Ae, this.multiply = Re, this.applyToPoint = Me, this.applyToX = Oe, this.applyToY = Le, this.applyToZ = Ne, this.applyToPointArray = He, this.applyToTriplePoints = We, this.applyToPointStringified = ze, this.toCSS = je, this.to2dCSS = De, this.clone = Pe, this.cloneFromProps = Ie, this.equals = we, this.inversePoints = Ue, this.inversePoint = Xe, this.getInverseMatrix = Ve, this._t = this.transform, this.isIdentity = Te, this._identity = !0, this._identityCalculated = !1, this.props = createTypedArray("float32", 16), this.reset();
+        this.reset = U, this.rotate = V, this.rotateX = X, this.rotateY = Y, this.rotateZ = K, this.skew = xe, this.skewFromAxis = Z, this.shear = J, this.scale = _e, this.setTransform = Se, this.translate = Ee, this.transform = Ae, this.multiply = Re, this.applyToPoint = Me, this.applyToX = Oe, this.applyToY = Le, this.applyToZ = Ne, this.applyToPointArray = ze, this.applyToTriplePoints = Xe, this.applyToPointStringified = He, this.toCSS = je, this.to2dCSS = De, this.clone = Pe, this.cloneFromProps = Ie, this.equals = we, this.inversePoints = Ue, this.inversePoint = We, this.getInverseMatrix = Ve, this._t = this.transform, this.isIdentity = Te, this._identity = !0, this._identityCalculated = !1, this.props = createTypedArray("float32", 16), this.reset();
       };
     }();
     function _typeof$3(C) {
@@ -23565,13 +23537,13 @@ var lottie$1 = { exports: {} };
         var De = Me($e);
         return De >= J && De <= xe;
       }
-      function Xe($e) {
+      function We($e) {
         return Ve($e.substr(0, 2)) && Ve($e.substr(2, 2));
       }
       function Ue($e) {
         return I.indexOf($e) !== -1;
       }
-      function We($e, De) {
+      function Xe($e, De) {
         var Fe = Me($e.substr(De, 2));
         if (Fe !== B)
           return !1;
@@ -23583,13 +23555,13 @@ var lottie$1 = { exports: {} };
         }
         return Me($e.substr(De, 2)) === U;
       }
-      function He() {
+      function ze() {
         this.isLoaded = !0;
       }
-      var ze = function() {
+      var He = function() {
         this.fonts = [], this.chars = null, this.typekitLoaded = 0, this.isLoaded = !1, this._warned = !1, this.initTime = Date.now(), this.setIsLoadedBinded = this.setIsLoaded.bind(this), this.checkLoadedFontsBinded = this.checkLoadedFonts.bind(this);
       };
-      ze.isModifier = Oe, ze.isZeroWidthJoiner = Le, ze.isFlagEmoji = Xe, ze.isRegionalCode = Ve, ze.isCombinedCharacter = Ue, ze.isRegionalFlag = We, ze.isVariationSelector = Ne, ze.BLACK_FLAG_CODE_POINT = B;
+      He.isModifier = Oe, He.isZeroWidthJoiner = Le, He.isFlagEmoji = We, He.isRegionalCode = Ve, He.isCombinedCharacter = Ue, He.isRegionalFlag = Xe, He.isVariationSelector = Ne, He.BLACK_FLAG_CODE_POINT = B;
       var je = {
         addChars: Te,
         addFonts: Re,
@@ -23597,9 +23569,9 @@ var lottie$1 = { exports: {} };
         getFontByName: Ie,
         measureText: Pe,
         checkLoadedFonts: Ee,
-        setIsLoaded: He
+        setIsLoaded: ze
       };
-      return ze.prototype = je, ze;
+      return He.prototype = je, He;
     }();
     function SlotManager(C) {
       this.animationData = C;
@@ -24593,9 +24565,9 @@ var lottie$1 = { exports: {} };
             Ne = Me[Oe], Ne.setAttribute("offset", Ve[Oe * 4] + "%"), Ne.setAttribute("stop-color", "rgb(" + Ve[Oe * 4 + 1] + "," + Ve[Oe * 4 + 2] + "," + Ve[Oe * 4 + 3] + ")");
         }
         if (Ae && (_e.g._omdf || Se)) {
-          var Xe = _e.g.o;
+          var We = _e.g.o;
           for (_e.g._collapsable ? Me = _e.cst : Me = _e.ost, Le = Me.length, Oe = 0; Oe < Le; Oe += 1)
-            Ne = Me[Oe], _e.g._collapsable || Ne.setAttribute("offset", Xe[Oe * 2] + "%"), Ne.setAttribute("stop-opacity", Xe[Oe * 2 + 1]);
+            Ne = Me[Oe], _e.g._collapsable || Ne.setAttribute("offset", We[Oe * 2] + "%"), Ne.setAttribute("stop-opacity", We[Oe * 2 + 1]);
         }
         if (Z.t === 1)
           (_e.e._mdf || Se) && (Ee.setAttribute("x2", Te[0]), Ee.setAttribute("y2", Te[1]), Ae && !_e.g._collapsable && (_e.of.setAttribute("x2", Te[0]), _e.of.setAttribute("y2", Te[1])));
@@ -24603,9 +24575,9 @@ var lottie$1 = { exports: {} };
           var Ue;
           if ((_e.s._mdf || _e.e._mdf || Se) && (Ue = Math.sqrt(Math.pow(Re[0] - Te[0], 2) + Math.pow(Re[1] - Te[1], 2)), Ee.setAttribute("r", Ue), Ae && !_e.g._collapsable && _e.of.setAttribute("r", Ue)), _e.e._mdf || _e.h._mdf || _e.a._mdf || Se) {
             Ue || (Ue = Math.sqrt(Math.pow(Re[0] - Te[0], 2) + Math.pow(Re[1] - Te[1], 2)));
-            var We = Math.atan2(Te[1] - Re[1], Te[0] - Re[0]), He = _e.h.v;
-            He >= 1 ? He = 0.99 : He <= -1 && (He = -0.99);
-            var ze = Ue * He, je = Math.cos(We + _e.a.v) * ze + Re[0], $e = Math.sin(We + _e.a.v) * ze + Re[1];
+            var Xe = Math.atan2(Te[1] - Re[1], Te[0] - Re[0]), ze = _e.h.v;
+            ze >= 1 ? ze = 0.99 : ze <= -1 && (ze = -0.99);
+            var He = Ue * ze, je = Math.cos(Xe + _e.a.v) * He + Re[0], $e = Math.sin(Xe + _e.a.v) * He + Re[1];
             Ee.setAttribute("fx", je), Ee.setAttribute("fy", $e), Ae && !_e.g._collapsable && (_e.of.setAttribute("fx", je), _e.of.setAttribute("fy", $e));
           }
         }
@@ -24801,17 +24773,17 @@ var lottie$1 = { exports: {} };
       C.fWeight = Me.weight, C.fStyle = Me.style, C.finalSize = C.s, C.finalText = this.buildFinalText(C.t), V = C.finalText.length, C.finalLineHeight = C.lh;
       var Oe = C.tr / 1e3 * C.finalSize, Le;
       if (C.sz)
-        for (var Ne = !0, Ve = C.sz[0], Xe = C.sz[1], Ue, We; Ne; ) {
-          We = this.buildFinalText(C.t), Ue = 0, Ee = 0, V = We.length, Oe = C.tr / 1e3 * C.finalSize;
-          var He = -1;
+        for (var Ne = !0, Ve = C.sz[0], We = C.sz[1], Ue, Xe; Ne; ) {
+          Xe = this.buildFinalText(C.t), Ue = 0, Ee = 0, V = Xe.length, Oe = C.tr / 1e3 * C.finalSize;
+          var ze = -1;
           for (U = 0; U < V; U += 1)
-            Le = We[U].charCodeAt(0), X = !1, We[U] === " " ? He = U : (Le === 13 || Le === 3) && (Ee = 0, X = !0, Ue += C.finalLineHeight || C.finalSize * 1.2), E.chars ? (Pe = E.getCharData(We[U], we.fStyle, we.fFamily), Ie = X ? 0 : Pe.w * C.finalSize / 100) : Ie = E.measureText(We[U], C.f, C.finalSize), Ee + Ie > Ve && We[U] !== " " ? (He === -1 ? V += 1 : U = He, Ue += C.finalLineHeight || C.finalSize * 1.2, We.splice(U, He === U ? 1 : 0, "\r"), He = -1, Ee = 0) : (Ee += Ie, Ee += Oe);
-          Ue += we.ascent * C.finalSize / 100, this.canResize && C.finalSize > this.minimumFontSize && Xe < Ue ? (C.finalSize -= 1, C.finalLineHeight = C.finalSize * C.lh / C.s) : (C.finalText = We, V = C.finalText.length, Ne = !1);
+            Le = Xe[U].charCodeAt(0), X = !1, Xe[U] === " " ? ze = U : (Le === 13 || Le === 3) && (Ee = 0, X = !0, Ue += C.finalLineHeight || C.finalSize * 1.2), E.chars ? (Pe = E.getCharData(Xe[U], we.fStyle, we.fFamily), Ie = X ? 0 : Pe.w * C.finalSize / 100) : Ie = E.measureText(Xe[U], C.f, C.finalSize), Ee + Ie > Ve && Xe[U] !== " " ? (ze === -1 ? V += 1 : U = ze, Ue += C.finalLineHeight || C.finalSize * 1.2, Xe.splice(U, ze === U ? 1 : 0, "\r"), ze = -1, Ee = 0) : (Ee += Ie, Ee += Oe);
+          Ue += we.ascent * C.finalSize / 100, this.canResize && C.finalSize > this.minimumFontSize && We < Ue ? (C.finalSize -= 1, C.finalLineHeight = C.finalSize * C.lh / C.s) : (C.finalText = Xe, V = C.finalText.length, Ne = !1);
         }
       Ee = -Oe, Ie = 0;
-      var ze = 0, je;
+      var He = 0, je;
       for (U = 0; U < V; U += 1)
-        if (X = !1, je = C.finalText[U], Le = je.charCodeAt(0), Le === 13 || Le === 3 ? (ze = 0, Se.push(Ee), Ae = Ee > Ae ? Ee : Ae, Ee = -2 * Oe, K = "", X = !0, _e += 1) : K = je, E.chars ? (Pe = E.getCharData(je, we.fStyle, E.getFontByName(C.f).fFamily), Ie = X ? 0 : Pe.w * C.finalSize / 100) : Ie = E.measureText(K, C.f, C.finalSize), je === " " ? ze += Ie + Oe : (Ee += Ie + Oe + ze, ze = 0), B.push({
+        if (X = !1, je = C.finalText[U], Le = je.charCodeAt(0), Le === 13 || Le === 3 ? (He = 0, Se.push(Ee), Ae = Ee > Ae ? Ee : Ae, Ee = -2 * Oe, K = "", X = !0, _e += 1) : K = je, E.chars ? (Pe = E.getCharData(je, we.fStyle, E.getFontByName(C.f).fFamily), Ie = X ? 0 : Pe.w * C.finalSize / 100) : Ie = E.measureText(K, C.f, C.finalSize), je === " " ? He += Ie + Oe : (Ee += Ie + Oe + He, He = 0), B.push({
           l: Ie,
           an: Ie,
           add: xe,
@@ -24982,18 +24954,18 @@ var lottie$1 = { exports: {} };
     }, TextAnimatorProperty.prototype.getMeasures = function(C, E) {
       if (this.lettersChangedFlag = E, !(!this._mdf && !this._isFirstFrame && !E && (!this._hasMaskedPath || !this._pathData.m._mdf))) {
         this._isFirstFrame = !1;
-        var I = this._moreOptions.alignment.v, B = this._animatorsData, U = this._textData, V = this.mHelper, X = this._renderType, Y = this.renderedLetters.length, K, J, xe, Z, _e = C.l, Se, Ee, Ae, Re, Te, we, Pe, Ie, Me, Oe, Le, Ne, Ve, Xe, Ue;
+        var I = this._moreOptions.alignment.v, B = this._animatorsData, U = this._textData, V = this.mHelper, X = this._renderType, Y = this.renderedLetters.length, K, J, xe, Z, _e = C.l, Se, Ee, Ae, Re, Te, we, Pe, Ie, Me, Oe, Le, Ne, Ve, We, Ue;
         if (this._hasMaskedPath) {
           if (Ue = this._pathData.m, !this._pathData.n || this._pathData._mdf) {
-            var We = Ue.v;
-            this._pathData.r.v && (We = We.reverse()), Se = {
+            var Xe = Ue.v;
+            this._pathData.r.v && (Xe = Xe.reverse()), Se = {
               tLength: 0,
               segments: []
-            }, Z = We._length - 1;
-            var He;
+            }, Z = Xe._length - 1;
+            var ze;
             for (Ne = 0, xe = 0; xe < Z; xe += 1)
-              He = bez.buildBezierData(We.v[xe], We.v[xe + 1], [We.o[xe][0] - We.v[xe][0], We.o[xe][1] - We.v[xe][1]], [We.i[xe + 1][0] - We.v[xe + 1][0], We.i[xe + 1][1] - We.v[xe + 1][1]]), Se.tLength += He.segmentLength, Se.segments.push(He), Ne += He.segmentLength;
-            xe = Z, Ue.v.c && (He = bez.buildBezierData(We.v[xe], We.v[0], [We.o[xe][0] - We.v[xe][0], We.o[xe][1] - We.v[xe][1]], [We.i[0][0] - We.v[0][0], We.i[0][1] - We.v[0][1]]), Se.tLength += He.segmentLength, Se.segments.push(He), Ne += He.segmentLength), this._pathData.pi = Se;
+              ze = bez.buildBezierData(Xe.v[xe], Xe.v[xe + 1], [Xe.o[xe][0] - Xe.v[xe][0], Xe.o[xe][1] - Xe.v[xe][1]], [Xe.i[xe + 1][0] - Xe.v[xe + 1][0], Xe.i[xe + 1][1] - Xe.v[xe + 1][1]]), Se.tLength += ze.segmentLength, Se.segments.push(ze), Ne += ze.segmentLength;
+            xe = Z, Ue.v.c && (ze = bez.buildBezierData(Xe.v[xe], Xe.v[0], [Xe.o[xe][0] - Xe.v[xe][0], Xe.o[xe][1] - Xe.v[xe][1]], [Xe.i[0][0] - Xe.v[0][0], Xe.i[0][1] - Xe.v[0][1]]), Se.tLength += ze.segmentLength, Se.segments.push(ze), Ne += ze.segmentLength), this._pathData.pi = Se;
           }
           if (Se = this._pathData.pi, Ee = this._pathData.f.v, Pe = 0, we = 1, Re = 0, Te = !0, Oe = Se.segments, Ee < 0 && Ue.v.c)
             for (Se.tLength < Math.abs(Ee) && (Ee = -Math.abs(Ee) % Se.tLength), Pe = Oe.length - 1, Me = Oe[Pe].points, we = Me.length - 1; Ee < 0; )
@@ -25001,27 +24973,27 @@ var lottie$1 = { exports: {} };
           Me = Oe[Pe].points, Ie = Me[we - 1], Ae = Me[we], Le = Ae.partialLength;
         }
         Z = _e.length, K = 0, J = 0;
-        var ze = C.finalSize * 1.2 * 0.714, je = !0, $e, De, Fe, ke, Ge;
+        var He = C.finalSize * 1.2 * 0.714, je = !0, $e, De, Fe, ke, Ge;
         ke = B.length;
-        var Be, qe = -1, Ke, Ye, Qe, Ze = Ee, it = Pe, at = we, st = -1, Je, et, nt, rt, tt, ot, ut, mt, pt = "", yt = this.defaultPropsArray, gt;
+        var Be, qe = -1, Ke, Ye, Qe, Ze = Ee, it = Pe, at = we, st = -1, Je, et, rt, nt, tt, ot, ut, mt, pt = "", gt = this.defaultPropsArray, bt;
         if (C.j === 2 || C.j === 1) {
-          var _t = 0, Pt = 0, It = C.j === 2 ? -0.5 : -1, St = 0, Lt = !0;
+          var yt = 0, Pt = 0, It = C.j === 2 ? -0.5 : -1, St = 0, Lt = !0;
           for (xe = 0; xe < Z; xe += 1)
             if (_e[xe].n) {
-              for (_t && (_t += Pt); St < xe; )
-                _e[St].animatorJustifyOffset = _t, St += 1;
-              _t = 0, Lt = !0;
+              for (yt && (yt += Pt); St < xe; )
+                _e[St].animatorJustifyOffset = yt, St += 1;
+              yt = 0, Lt = !0;
             } else {
               for (Fe = 0; Fe < ke; Fe += 1)
-                $e = B[Fe].a, $e.t.propType && (Lt && C.j === 2 && (Pt += $e.t.v * It), De = B[Fe].s, Be = De.getMult(_e[xe].anIndexes[Fe], U.a[Fe].s.totalChars), Be.length ? _t += $e.t.v * Be[0] * It : _t += $e.t.v * Be * It);
+                $e = B[Fe].a, $e.t.propType && (Lt && C.j === 2 && (Pt += $e.t.v * It), De = B[Fe].s, Be = De.getMult(_e[xe].anIndexes[Fe], U.a[Fe].s.totalChars), Be.length ? yt += $e.t.v * Be[0] * It : yt += $e.t.v * Be * It);
               Lt = !1;
             }
-          for (_t && (_t += Pt); St < xe; )
-            _e[St].animatorJustifyOffset = _t, St += 1;
+          for (yt && (yt += Pt); St < xe; )
+            _e[St].animatorJustifyOffset = yt, St += 1;
         }
         for (xe = 0; xe < Z; xe += 1) {
           if (V.reset(), Je = 1, _e[xe].n)
-            K = 0, J += C.yOffset, J += je ? 1 : 0, Ee = Ze, je = !1, this._hasMaskedPath && (Pe = it, we = at, Me = Oe[Pe].points, Ie = Me[we - 1], Ae = Me[we], Le = Ae.partialLength, Re = 0), pt = "", mt = "", ot = "", gt = "", yt = this.defaultPropsArray;
+            K = 0, J += C.yOffset, J += je ? 1 : 0, Ee = Ze, je = !1, this._hasMaskedPath && (Pe = it, we = at, Me = Oe[Pe].points, Ie = Me[we - 1], Ae = Me[we], Le = Ae.partialLength, Re = 0), pt = "", mt = "", ot = "", bt = "", gt = this.defaultPropsArray;
           else {
             if (this._hasMaskedPath) {
               if (st !== _e[xe].line) {
@@ -25040,33 +25012,33 @@ var lottie$1 = { exports: {} };
               for (Fe = 0; Fe < ke; Fe += 1)
                 $e = B[Fe].a, $e.p.propType && (De = B[Fe].s, Be = De.getMult(_e[xe].anIndexes[Fe], U.a[Fe].s.totalChars), Be.length ? At += $e.p.v[0] * Be[0] : At += $e.p.v[0] * Be), $e.a.propType && (De = B[Fe].s, Be = De.getMult(_e[xe].anIndexes[Fe], U.a[Fe].s.totalChars), Be.length ? At += $e.a.v[0] * Be[0] : At += $e.a.v[0] * Be);
               for (Te = !0, this._pathData.a.v && (Ee = _e[0].an * 0.5 + (Ne - this._pathData.f.v - _e[0].an * 0.5 - _e[_e.length - 1].an * 0.5) * qe / (Z - 1), Ee += this._pathData.f.v); Te; )
-                Re + Le >= Ee + At || !Me ? (Ve = (Ee + At - Re) / Ae.partialLength, Ye = Ie.point[0] + (Ae.point[0] - Ie.point[0]) * Ve, Qe = Ie.point[1] + (Ae.point[1] - Ie.point[1]) * Ve, V.translate(-I[0] * _e[xe].an * 5e-3, -(I[1] * ze) * 0.01), Te = !1) : Me && (Re += Ae.partialLength, we += 1, we >= Me.length && (we = 0, Pe += 1, Oe[Pe] ? Me = Oe[Pe].points : Ue.v.c ? (we = 0, Pe = 0, Me = Oe[Pe].points) : (Re -= Ae.partialLength, Me = null)), Me && (Ie = Ae, Ae = Me[we], Le = Ae.partialLength));
+                Re + Le >= Ee + At || !Me ? (Ve = (Ee + At - Re) / Ae.partialLength, Ye = Ie.point[0] + (Ae.point[0] - Ie.point[0]) * Ve, Qe = Ie.point[1] + (Ae.point[1] - Ie.point[1]) * Ve, V.translate(-I[0] * _e[xe].an * 5e-3, -(I[1] * He) * 0.01), Te = !1) : Me && (Re += Ae.partialLength, we += 1, we >= Me.length && (we = 0, Pe += 1, Oe[Pe] ? Me = Oe[Pe].points : Ue.v.c ? (we = 0, Pe = 0, Me = Oe[Pe].points) : (Re -= Ae.partialLength, Me = null)), Me && (Ie = Ae, Ae = Me[we], Le = Ae.partialLength));
               Ke = _e[xe].an / 2 - _e[xe].add, V.translate(-Ke, 0, 0);
             } else
-              Ke = _e[xe].an / 2 - _e[xe].add, V.translate(-Ke, 0, 0), V.translate(-I[0] * _e[xe].an * 5e-3, -I[1] * ze * 0.01, 0);
+              Ke = _e[xe].an / 2 - _e[xe].add, V.translate(-Ke, 0, 0), V.translate(-I[0] * _e[xe].an * 5e-3, -I[1] * He * 0.01, 0);
             for (Fe = 0; Fe < ke; Fe += 1)
               $e = B[Fe].a, $e.t.propType && (De = B[Fe].s, Be = De.getMult(_e[xe].anIndexes[Fe], U.a[Fe].s.totalChars), (K !== 0 || C.j !== 0) && (this._hasMaskedPath ? Be.length ? Ee += $e.t.v * Be[0] : Ee += $e.t.v * Be : Be.length ? K += $e.t.v * Be[0] : K += $e.t.v * Be));
-            for (C.strokeWidthAnim && (nt = C.sw || 0), C.strokeColorAnim && (C.sc ? et = [C.sc[0], C.sc[1], C.sc[2]] : et = [0, 0, 0]), C.fillColorAnim && C.fc && (rt = [C.fc[0], C.fc[1], C.fc[2]]), Fe = 0; Fe < ke; Fe += 1)
+            for (C.strokeWidthAnim && (rt = C.sw || 0), C.strokeColorAnim && (C.sc ? et = [C.sc[0], C.sc[1], C.sc[2]] : et = [0, 0, 0]), C.fillColorAnim && C.fc && (nt = [C.fc[0], C.fc[1], C.fc[2]]), Fe = 0; Fe < ke; Fe += 1)
               $e = B[Fe].a, $e.a.propType && (De = B[Fe].s, Be = De.getMult(_e[xe].anIndexes[Fe], U.a[Fe].s.totalChars), Be.length ? V.translate(-$e.a.v[0] * Be[0], -$e.a.v[1] * Be[1], $e.a.v[2] * Be[2]) : V.translate(-$e.a.v[0] * Be, -$e.a.v[1] * Be, $e.a.v[2] * Be));
             for (Fe = 0; Fe < ke; Fe += 1)
               $e = B[Fe].a, $e.s.propType && (De = B[Fe].s, Be = De.getMult(_e[xe].anIndexes[Fe], U.a[Fe].s.totalChars), Be.length ? V.scale(1 + ($e.s.v[0] - 1) * Be[0], 1 + ($e.s.v[1] - 1) * Be[1], 1) : V.scale(1 + ($e.s.v[0] - 1) * Be, 1 + ($e.s.v[1] - 1) * Be, 1));
             for (Fe = 0; Fe < ke; Fe += 1) {
-              if ($e = B[Fe].a, De = B[Fe].s, Be = De.getMult(_e[xe].anIndexes[Fe], U.a[Fe].s.totalChars), $e.sk.propType && (Be.length ? V.skewFromAxis(-$e.sk.v * Be[0], $e.sa.v * Be[1]) : V.skewFromAxis(-$e.sk.v * Be, $e.sa.v * Be)), $e.r.propType && (Be.length ? V.rotateZ(-$e.r.v * Be[2]) : V.rotateZ(-$e.r.v * Be)), $e.ry.propType && (Be.length ? V.rotateY($e.ry.v * Be[1]) : V.rotateY($e.ry.v * Be)), $e.rx.propType && (Be.length ? V.rotateX($e.rx.v * Be[0]) : V.rotateX($e.rx.v * Be)), $e.o.propType && (Be.length ? Je += ($e.o.v * Be[0] - Je) * Be[0] : Je += ($e.o.v * Be - Je) * Be), C.strokeWidthAnim && $e.sw.propType && (Be.length ? nt += $e.sw.v * Be[0] : nt += $e.sw.v * Be), C.strokeColorAnim && $e.sc.propType)
+              if ($e = B[Fe].a, De = B[Fe].s, Be = De.getMult(_e[xe].anIndexes[Fe], U.a[Fe].s.totalChars), $e.sk.propType && (Be.length ? V.skewFromAxis(-$e.sk.v * Be[0], $e.sa.v * Be[1]) : V.skewFromAxis(-$e.sk.v * Be, $e.sa.v * Be)), $e.r.propType && (Be.length ? V.rotateZ(-$e.r.v * Be[2]) : V.rotateZ(-$e.r.v * Be)), $e.ry.propType && (Be.length ? V.rotateY($e.ry.v * Be[1]) : V.rotateY($e.ry.v * Be)), $e.rx.propType && (Be.length ? V.rotateX($e.rx.v * Be[0]) : V.rotateX($e.rx.v * Be)), $e.o.propType && (Be.length ? Je += ($e.o.v * Be[0] - Je) * Be[0] : Je += ($e.o.v * Be - Je) * Be), C.strokeWidthAnim && $e.sw.propType && (Be.length ? rt += $e.sw.v * Be[0] : rt += $e.sw.v * Be), C.strokeColorAnim && $e.sc.propType)
                 for (tt = 0; tt < 3; tt += 1)
                   Be.length ? et[tt] += ($e.sc.v[tt] - et[tt]) * Be[0] : et[tt] += ($e.sc.v[tt] - et[tt]) * Be;
               if (C.fillColorAnim && C.fc) {
                 if ($e.fc.propType)
                   for (tt = 0; tt < 3; tt += 1)
-                    Be.length ? rt[tt] += ($e.fc.v[tt] - rt[tt]) * Be[0] : rt[tt] += ($e.fc.v[tt] - rt[tt]) * Be;
-                $e.fh.propType && (Be.length ? rt = addHueToRGB(rt, $e.fh.v * Be[0]) : rt = addHueToRGB(rt, $e.fh.v * Be)), $e.fs.propType && (Be.length ? rt = addSaturationToRGB(rt, $e.fs.v * Be[0]) : rt = addSaturationToRGB(rt, $e.fs.v * Be)), $e.fb.propType && (Be.length ? rt = addBrightnessToRGB(rt, $e.fb.v * Be[0]) : rt = addBrightnessToRGB(rt, $e.fb.v * Be));
+                    Be.length ? nt[tt] += ($e.fc.v[tt] - nt[tt]) * Be[0] : nt[tt] += ($e.fc.v[tt] - nt[tt]) * Be;
+                $e.fh.propType && (Be.length ? nt = addHueToRGB(nt, $e.fh.v * Be[0]) : nt = addHueToRGB(nt, $e.fh.v * Be)), $e.fs.propType && (Be.length ? nt = addSaturationToRGB(nt, $e.fs.v * Be[0]) : nt = addSaturationToRGB(nt, $e.fs.v * Be)), $e.fb.propType && (Be.length ? nt = addBrightnessToRGB(nt, $e.fb.v * Be[0]) : nt = addBrightnessToRGB(nt, $e.fb.v * Be));
               }
             }
             for (Fe = 0; Fe < ke; Fe += 1)
               $e = B[Fe].a, $e.p.propType && (De = B[Fe].s, Be = De.getMult(_e[xe].anIndexes[Fe], U.a[Fe].s.totalChars), this._hasMaskedPath ? Be.length ? V.translate(0, $e.p.v[1] * Be[0], -$e.p.v[2] * Be[1]) : V.translate(0, $e.p.v[1] * Be, -$e.p.v[2] * Be) : Be.length ? V.translate($e.p.v[0] * Be[0], $e.p.v[1] * Be[1], -$e.p.v[2] * Be[2]) : V.translate($e.p.v[0] * Be, $e.p.v[1] * Be, -$e.p.v[2] * Be));
-            if (C.strokeWidthAnim && (ot = nt < 0 ? 0 : nt), C.strokeColorAnim && (ut = "rgb(" + Math.round(et[0] * 255) + "," + Math.round(et[1] * 255) + "," + Math.round(et[2] * 255) + ")"), C.fillColorAnim && C.fc && (mt = "rgb(" + Math.round(rt[0] * 255) + "," + Math.round(rt[1] * 255) + "," + Math.round(rt[2] * 255) + ")"), this._hasMaskedPath) {
-              if (V.translate(0, -C.ls), V.translate(0, I[1] * ze * 0.01 + J, 0), this._pathData.p.v) {
-                Xe = (Ae.point[1] - Ie.point[1]) / (Ae.point[0] - Ie.point[0]);
-                var kt = Math.atan(Xe) * 180 / Math.PI;
+            if (C.strokeWidthAnim && (ot = rt < 0 ? 0 : rt), C.strokeColorAnim && (ut = "rgb(" + Math.round(et[0] * 255) + "," + Math.round(et[1] * 255) + "," + Math.round(et[2] * 255) + ")"), C.fillColorAnim && C.fc && (mt = "rgb(" + Math.round(nt[0] * 255) + "," + Math.round(nt[1] * 255) + "," + Math.round(nt[2] * 255) + ")"), this._hasMaskedPath) {
+              if (V.translate(0, -C.ls), V.translate(0, I[1] * He * 0.01 + J, 0), this._pathData.p.v) {
+                We = (Ae.point[1] - Ie.point[1]) / (Ae.point[0] - Ie.point[0]);
+                var kt = Math.atan(We) * 180 / Math.PI;
                 Ae.point[0] < Ie.point[0] && (kt += 180), V.rotate(-kt * Math.PI / 180);
               }
               V.translate(Ye, Qe, 0), Ee -= I[0] * _e[xe].an * 5e-3, _e[xe + 1] && qe !== _e[xe + 1].ind && (Ee += _e[xe].an / 2, Ee += C.tr * 1e-3 * C.finalSize);
@@ -25079,11 +25051,11 @@ var lottie$1 = { exports: {} };
                   V.translate(_e[xe].animatorJustifyOffset + C.justifyOffset + (C.boxWidth - C.lineWidths[_e[xe].line]) / 2, 0, 0);
                   break;
               }
-              V.translate(0, -C.ls), V.translate(Ke, 0, 0), V.translate(I[0] * _e[xe].an * 5e-3, I[1] * ze * 0.01, 0), K += _e[xe].l + C.tr * 1e-3 * C.finalSize;
+              V.translate(0, -C.ls), V.translate(Ke, 0, 0), V.translate(I[0] * _e[xe].an * 5e-3, I[1] * He * 0.01, 0), K += _e[xe].l + C.tr * 1e-3 * C.finalSize;
             }
-            X === "html" ? pt = V.toCSS() : X === "svg" ? pt = V.to2dCSS() : yt = [V.props[0], V.props[1], V.props[2], V.props[3], V.props[4], V.props[5], V.props[6], V.props[7], V.props[8], V.props[9], V.props[10], V.props[11], V.props[12], V.props[13], V.props[14], V.props[15]], gt = Je;
+            X === "html" ? pt = V.toCSS() : X === "svg" ? pt = V.to2dCSS() : gt = [V.props[0], V.props[1], V.props[2], V.props[3], V.props[4], V.props[5], V.props[6], V.props[7], V.props[8], V.props[9], V.props[10], V.props[11], V.props[12], V.props[13], V.props[14], V.props[15]], bt = Je;
           }
-          Y <= xe ? (Ge = new LetterProps(gt, ot, ut, mt, pt, yt), this.renderedLetters.push(Ge), Y += 1, this.lettersChangedFlag = !0) : (Ge = this.renderedLetters[xe], this.lettersChangedFlag = Ge.update(gt, ot, ut, mt, pt, yt) || this.lettersChangedFlag);
+          Y <= xe ? (Ge = new LetterProps(bt, ot, ut, mt, pt, gt), this.renderedLetters.push(Ge), Y += 1, this.lettersChangedFlag = !0) : (Ge = this.renderedLetters[xe], this.lettersChangedFlag = Ge.update(bt, ot, ut, mt, pt, gt) || this.lettersChangedFlag);
         }
       }
     }, TextAnimatorProperty.prototype.getValue = function() {
@@ -26582,20 +26554,20 @@ var lottie$1 = { exports: {} };
           entropy: !0
         } : Ie || {};
         var Le = Re(Ae(Ie.entropy ? [Pe, we(C)] : Pe === null ? Te() : Pe, 3), Oe), Ne = new Se(Oe), Ve = function() {
-          for (var Ue = Ne.g(U), We = Y, He = 0; Ue < K; )
-            Ue = (Ue + He) * B, We *= B, He = Ne.g(1);
+          for (var Ue = Ne.g(U), Xe = Y, ze = 0; Ue < K; )
+            Ue = (Ue + ze) * B, Xe *= B, ze = Ne.g(1);
           for (; Ue >= J; )
-            Ue /= 2, We /= 2, He >>>= 1;
-          return (Ue + He) / We;
+            Ue /= 2, Xe /= 2, ze >>>= 1;
+          return (Ue + ze) / Xe;
         };
         return Ve.int32 = function() {
           return Ne.g(4) | 0;
         }, Ve.quick = function() {
           return Ne.g(4) / 4294967296;
-        }, Ve.double = Ve, Re(we(Ne.S), C), (Ie.pass || Me || function(Xe, Ue, We, He) {
-          return He && (He.S && Ee(He, Ne), Xe.state = function() {
+        }, Ve.double = Ve, Re(we(Ne.S), C), (Ie.pass || Me || function(We, Ue, Xe, ze) {
+          return ze && (ze.S && Ee(ze, Ne), We.state = function() {
             return Ee(Ne, {});
-          }), We ? (E[X] = Xe, Ue) : Xe;
+          }), Xe ? (E[X] = We, Ue) : We;
         })(Ve, Le, "global" in Ie ? Ie.global : this == E, Ie.state);
       }
       E["seed" + X] = _e;
@@ -26605,10 +26577,10 @@ var lottie$1 = { exports: {} };
           Ve[Le] = Le++;
         for (Le = 0; Le < B; Le++)
           Ve[Le] = Ve[Ne = xe & Ne + Pe[Le % Me] + (Ie = Ve[Le])], Ve[Ne] = Ie;
-        Oe.g = function(Xe) {
-          for (var Ue, We = 0, He = Oe.i, ze = Oe.j, je = Oe.S; Xe--; )
-            Ue = je[He = xe & He + 1], We = We * B + je[xe & (je[He] = je[ze = xe & ze + Ue]) + (je[ze] = Ue)];
-          return Oe.i = He, Oe.j = ze, We;
+        Oe.g = function(We) {
+          for (var Ue, Xe = 0, ze = Oe.i, He = Oe.j, je = Oe.S; We--; )
+            Ue = je[ze = xe & ze + 1], Xe = Xe * B + je[xe & (je[ze] = je[He = xe & He + Ue]) + (je[He] = Ue)];
+          return Oe.i = ze, Oe.j = He, Xe;
         };
       }
       function Ee(Pe, Ie) {
@@ -27816,21 +27788,21 @@ var lottie$1 = { exports: {} };
           if (Le % 2 !== 0)
             return this.getValueAtTime((we - (Ae - Pe) % we + Pe) / this.comp.globalData.frameRate, 0);
         } else if (_e === "offset") {
-          var Ne = this.getValueAtTime(Pe / this.comp.globalData.frameRate, 0), Ve = this.getValueAtTime(Te / this.comp.globalData.frameRate, 0), Xe = this.getValueAtTime(((Ae - Pe) % we + Pe) / this.comp.globalData.frameRate, 0), Ue = Math.floor((Ae - Pe) / we);
+          var Ne = this.getValueAtTime(Pe / this.comp.globalData.frameRate, 0), Ve = this.getValueAtTime(Te / this.comp.globalData.frameRate, 0), We = this.getValueAtTime(((Ae - Pe) % we + Pe) / this.comp.globalData.frameRate, 0), Ue = Math.floor((Ae - Pe) / we);
           if (this.pv.length) {
             for (Oe = new Array(Ne.length), Me = Oe.length, Ie = 0; Ie < Me; Ie += 1)
-              Oe[Ie] = (Ve[Ie] - Ne[Ie]) * Ue + Xe[Ie];
+              Oe[Ie] = (Ve[Ie] - Ne[Ie]) * Ue + We[Ie];
             return Oe;
           }
-          return (Ve - Ne) * Ue + Xe;
+          return (Ve - Ne) * Ue + We;
         } else if (_e === "continue") {
-          var We = this.getValueAtTime(Te / this.comp.globalData.frameRate, 0), He = this.getValueAtTime((Te - 1e-3) / this.comp.globalData.frameRate, 0);
+          var Xe = this.getValueAtTime(Te / this.comp.globalData.frameRate, 0), ze = this.getValueAtTime((Te - 1e-3) / this.comp.globalData.frameRate, 0);
           if (this.pv.length) {
-            for (Oe = new Array(We.length), Me = Oe.length, Ie = 0; Ie < Me; Ie += 1)
-              Oe[Ie] = We[Ie] + (We[Ie] - He[Ie]) * ((Ae - Te) / this.comp.globalData.frameRate) / 5e-4;
+            for (Oe = new Array(Xe.length), Me = Oe.length, Ie = 0; Ie < Me; Ie += 1)
+              Oe[Ie] = Xe[Ie] + (Xe[Ie] - ze[Ie]) * ((Ae - Te) / this.comp.globalData.frameRate) / 5e-4;
             return Oe;
           }
-          return We + (We - He) * ((Ae - Te) / 1e-3);
+          return Xe + (Xe - ze) * ((Ae - Te) / 1e-3);
         }
         return this.getValueAtTime(((Ae - Pe) % we + Pe) / this.comp.globalData.frameRate, 0);
       }
@@ -27849,21 +27821,21 @@ var lottie$1 = { exports: {} };
           if (Le % 2 === 0)
             return this.getValueAtTime(((Te - Ae) % we + Te) / this.comp.globalData.frameRate, 0);
         } else if (_e === "offset") {
-          var Ne = this.getValueAtTime(Te / this.comp.globalData.frameRate, 0), Ve = this.getValueAtTime(Pe / this.comp.globalData.frameRate, 0), Xe = this.getValueAtTime((we - (Te - Ae) % we + Te) / this.comp.globalData.frameRate, 0), Ue = Math.floor((Te - Ae) / we) + 1;
+          var Ne = this.getValueAtTime(Te / this.comp.globalData.frameRate, 0), Ve = this.getValueAtTime(Pe / this.comp.globalData.frameRate, 0), We = this.getValueAtTime((we - (Te - Ae) % we + Te) / this.comp.globalData.frameRate, 0), Ue = Math.floor((Te - Ae) / we) + 1;
           if (this.pv.length) {
             for (Oe = new Array(Ne.length), Me = Oe.length, Ie = 0; Ie < Me; Ie += 1)
-              Oe[Ie] = Xe[Ie] - (Ve[Ie] - Ne[Ie]) * Ue;
+              Oe[Ie] = We[Ie] - (Ve[Ie] - Ne[Ie]) * Ue;
             return Oe;
           }
-          return Xe - (Ve - Ne) * Ue;
+          return We - (Ve - Ne) * Ue;
         } else if (_e === "continue") {
-          var We = this.getValueAtTime(Te / this.comp.globalData.frameRate, 0), He = this.getValueAtTime((Te + 1e-3) / this.comp.globalData.frameRate, 0);
+          var Xe = this.getValueAtTime(Te / this.comp.globalData.frameRate, 0), ze = this.getValueAtTime((Te + 1e-3) / this.comp.globalData.frameRate, 0);
           if (this.pv.length) {
-            for (Oe = new Array(We.length), Me = Oe.length, Ie = 0; Ie < Me; Ie += 1)
-              Oe[Ie] = We[Ie] + (We[Ie] - He[Ie]) * (Te - Ae) / 1e-3;
+            for (Oe = new Array(Xe.length), Me = Oe.length, Ie = 0; Ie < Me; Ie += 1)
+              Oe[Ie] = Xe[Ie] + (Xe[Ie] - ze[Ie]) * (Te - Ae) / 1e-3;
             return Oe;
           }
-          return We + (We - He) * (Te - Ae) / 1e-3;
+          return Xe + (Xe - ze) * (Te - Ae) / 1e-3;
         }
         return this.getValueAtTime((we - ((Te - Ae) % we + Te)) / this.comp.globalData.frameRate, 0);
       }
@@ -27921,8 +27893,8 @@ var lottie$1 = { exports: {} };
           } else
             Se.translate(Le * this.px.mult, Ne * this.py.mult, 0);
         } else {
-          var Xe = this.p.getValueAtTime(_e);
-          Se.translate(Xe[0] * this.p.mult, Xe[1] * this.p.mult, -Xe[2] * this.p.mult);
+          var We = this.p.getValueAtTime(_e);
+          Se.translate(We[0] * this.p.mult, We[1] * this.p.mult, -We[2] * this.p.mult);
         }
         return Se;
       }
@@ -28280,18 +28252,18 @@ const lottie = /* @__PURE__ */ getDefaultExportFromCjs(lottieExports), initialSt
     visible: Ie,
     disabled: Me,
     loop: Oe = !1,
-    transformation: { x: Le, y: Ne, width: Ve, height: Xe, colorCorrection: Ue = {} },
-    pointerdown: We = () => {
+    transformation: { x: Le, y: Ne, width: Ve, height: We, colorCorrection: Ue = {} },
+    pointerdown: Xe = () => {
     },
-    pointerout: He = () => {
+    pointerout: ze = () => {
     },
-    pointerover: ze = () => {
+    pointerover: He = () => {
     }
   } = C, { tl: je } = useContext(GsapPixieContext);
   useCustomEventListener(Events.PAUSE, () => {
     J.current && J.current.pause();
   });
-  const { onPointerDown: $e, onPointerOut: De, onPointerOver: Fe } = useDebouncedPointerEvents(ze, We, He, 1), { blurRadius: ke = 0, vignette: Ge = 0, noise: Be = 0 } = Ue, {
+  const { onPointerDown: $e, onPointerOut: De, onPointerOver: Fe } = useDebouncedPointerEvents(He, Xe, ze, 1), { blurRadius: ke = 0, vignette: Ge = 0, noise: Be = 0 } = Ue, {
     temperatureFilter: qe,
     sharpnessFilter: Ke,
     hueFilter: Ye,
@@ -28301,7 +28273,7 @@ const lottie = /* @__PURE__ */ getDefaultExportFromCjs(lottieExports), initialSt
     noiseFilter: at
   } = withFiltersHook(Ue);
   React.useLayoutEffect(() => {
-    K.current = document.createElement("canvas"), K.current.setAttribute("id", "lottieContainersvg"), K.current.setAttribute("id", `${Ee}lottieContainer`), K.current.setAttribute("width", `${Ve}`), K.current.setAttribute("height", `${Xe}`);
+    K.current = document.createElement("canvas"), K.current.setAttribute("id", "lottieContainersvg"), K.current.setAttribute("id", `${Ee}lottieContainer`), K.current.setAttribute("width", `${Ve}`), K.current.setAttribute("height", `${We}`);
     const Je = Se.current;
     return Je.appendChild(K.current), () => {
       K.current && Je.removeChild(K.current);
@@ -28326,10 +28298,10 @@ const lottie = /* @__PURE__ */ getDefaultExportFromCjs(lottieExports), initialSt
         if (K.current && K.current.setAttribute("style", "display:none"), J.current && J.current.renderer.canvasContext) {
           const et = J.current.totalFrames;
           Z.current.totalFrames = et;
-          const nt = J.current.getDuration();
-          Z.current.totalDuration = nt;
-          const rt = J.current.renderer.canvasContext.canvas, tt = PIXI.Texture.from(rt);
-          _e.current = tt, V(!0), B(nt);
+          const rt = J.current.getDuration();
+          Z.current.totalDuration = rt;
+          const nt = J.current.renderer.canvasContext.canvas, tt = PIXI.Texture.from(nt);
+          _e.current = tt, V(!0), B(rt);
         }
       }), J.current.addEventListener("loaded_images", () => {
       }), J.current.addEventListener("complete", () => {
@@ -28348,9 +28320,9 @@ const lottie = /* @__PURE__ */ getDefaultExportFromCjs(lottieExports), initialSt
   }), [U]);
   const st = (Je) => {
     if (J.current && X.current && xe.current) {
-      const nt = Je(xe.current.time()) / xe.current.duration() * Z.current.totalFrames, rt = Z.current.totalFrames;
-      let tt = nt;
-      tt = Math.round(Math.floor(tt)), tt >= rt ? (J.current.goToAndStop(0, !0), _e.current && _e.current.update(), Z.current.isPlaying = !1) : (J.current.goToAndStop(tt, !0), _e.current && _e.current.update(), Z.current.isPlaying = !0);
+      const rt = Je(xe.current.time()) / xe.current.duration() * Z.current.totalFrames, nt = Z.current.totalFrames;
+      let tt = rt;
+      tt = Math.round(Math.floor(tt)), tt >= nt ? (J.current.goToAndStop(0, !0), _e.current && _e.current.update(), Z.current.isPlaying = !1) : (J.current.goToAndStop(tt, !0), _e.current && _e.current.update(), Z.current.isPlaying = !0);
     }
   };
   return React.useEffect(() => {
@@ -28359,13 +28331,13 @@ const lottie = /* @__PURE__ */ getDefaultExportFromCjs(lottieExports), initialSt
     if (Y.current && je.current && I > 0) {
       const et = Number(Te) - Number(Re);
       xe.current && (xe.current.kill(), je.current.remove(xe.current)), Je = gsap$2.context(() => {
-        const nt = gsap$2.utils.wrap(Re, I);
+        const rt = gsap$2.utils.wrap(Re, I);
         xe.current = gsap$2.timeline({}).to(
           Y.current,
           {
             duration: Number(et),
             onUpdate: st,
-            onUpdateParams: [nt, we, Pe]
+            onUpdateParams: [rt, we, Pe]
           },
           we
         ), je.current.add(xe.current, Re);
@@ -28396,13 +28368,13 @@ const lottie = /* @__PURE__ */ getDefaultExportFromCjs(lottieExports), initialSt
         {
           texture: _e.current,
           width: Ve,
-          height: Xe,
+          height: We,
           anchor: 0.5,
           x: Le,
           y: Ne,
           ref: X,
           alpha: Ie ? 1 : 0,
-          ...!Me && Ie && { interactive: !0, pointerdown: We },
+          ...!Me && Ie && { interactive: !0, pointerdown: Xe },
           filters: [
             qe,
             Ke,