@threedddplus/logoeditor 0.0.112-5 → 0.0.114-1

package/dist/logoeditor.esm.js

@@ -22,13 +22,13 @@ import AWS from 'aws-sdk';
 import ImageTracer from 'imagetracerjs';
 import { getDocument } from 'pdfjs-dist/webpack';
 import { MdLayers, MdOutlineFileUpload, MdOutlineCancel } from 'react-icons/md';
-import { shallow } from 'zustand/shallow';
+import shallow$1, { shallow } from 'zustand/shallow';
 import FontFaceObserver from 'fontfaceobserver';
 import { BsSortDown, BsCheckLg } from 'react-icons/bs';
 import { FaRegImage } from 'react-icons/fa6';
 import { initTE, Tab } from 'tw-elements';
-import { FiAlignLeft, FiAlignCenter, FiAlignRight } from 'react-icons/fi';
 import { load } from 'opentype.js';
+import { FiAlignLeft, FiAlignCenter, FiAlignRight } from 'react-icons/fi';
 import Select, { components } from 'react-select';
 import { FloatingLabel } from 'flowbite-react';
 import { ChromePicker } from 'react-color';
@@ -2726,7 +2726,7 @@ var fabricSlice = function fabricSlice(set, get) {
       get().fabricCanvas.renderAll();
     },
     applyColorFill: function applyColorFill() {
-      var canvasData = get().fabricCanvas.toJSON(["id", "colorFill"]);
+      var canvasData = get().fabricCanvas.toJSON(['id', 'colorFill']);
       var canvasGetobject = get().fabricCanvas.getObjects();
       canvasData.objects.forEach(function (element, index) {
         if (canvasGetobject && canvasGetobject.length > 0 && canvasGetobject[index].shapeType) {
@@ -2997,7 +2997,7 @@ var fabricSlice = function fabricSlice(set, get) {
     },
     popUpCanvasAllColor: [],
     popUpCanvasApplyColorFill: function popUpCanvasApplyColorFill() {
-      var popUpCanvasData = get().popupCanv.toJSON(["id", "colorFill"]);
+      var popUpCanvasData = get().popupCanv.toJSON(['id', 'colorFill']);
       return popUpCanvasData;
     },
     popUpCanvasUpdateModification: function popUpCanvasUpdateModification(toSet) {
@@ -8147,407 +8147,191 @@ var Loader = function Loader(_ref) {
   }));
 };
 
-var css_248z$4 = ".rangeSlider{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border:1px solid #f0f0f0;height:15px;width:100%}.rangeSlider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:#e11a38;border-radius:4px;height:31px;width:31px}.rangeSlider::-moz-range-thumb{background-color:#e11a38;border-radius:4px;height:30px;width:30px}";
-styleInject(css_248z$4);
+var UpIcon = function UpIcon(_ref) {
+  var disabled = _ref.disabled;
+  return React.createElement("div", {
+    className: "m-auto upIcon"
+  }, React.createElement("svg", {
+    fill: disabled ? '#cfcccc' : '#9a9a9a',
+    height: "25px",
+    width: "25px",
+    version: "1.1",
+    id: "Layer_1",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 512 512"
+  }, React.createElement("g", null, React.createElement("g", null, React.createElement("g", null, React.createElement("path", {
+    d: "M0,0v512h512V0H0z M469.333,469.333H42.667V42.667h426.667V469.333z"
+  }), React.createElement("path", {
+    d: "M121.752,335.085L256,200.837l134.248,134.248c8.331,8.331,21.839,8.331,30.17,0c8.331-8.331,8.331-21.839,0-30.17     L271.085,155.582c-8.331-8.331-21.839-8.331-30.17,0L91.582,304.915c-8.331,8.331-8.331,21.839,0,30.17     S113.42,343.416,121.752,335.085z"
+  }))))));
+};
+var DownIcon = function DownIcon(_ref2) {
+  var disabled = _ref2.disabled;
+  return React.createElement("div", {
+    className: "m-auto downIcon"
+  }, React.createElement("svg", {
+    transform: "rotate(180)",
+    fill: disabled ? '#cfcccc' : '#9a9a9a',
+    height: "25px",
+    width: "25px",
+    version: "1.1",
+    id: "Layer_1",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 512 512"
+  }, React.createElement("g", null, React.createElement("g", null, React.createElement("g", null, React.createElement("path", {
+    d: "M0,0v512h512V0H0z M469.333,469.333H42.667V42.667h426.667V469.333z"
+  }), React.createElement("path", {
+    d: "M121.752,335.085L256,200.837l134.248,134.248c8.331,8.331,21.839,8.331,30.17,0c8.331-8.331,8.331-21.839,0-30.17     L271.085,155.582c-8.331-8.331-21.839-8.331-30.17,0L91.582,304.915c-8.331,8.331-8.331,21.839,0,30.17     S113.42,343.416,121.752,335.085z"
+  }))))));
+};
+var DeleteIcon = function DeleteIcon() {
+  return React.createElement("div", {
+    className: "m-auto upIcon"
+  }, React.createElement("svg", {
+    width: "25px",
+    height: "25px",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, React.createElement("path", {
+    d: "M10 11V17",
+    stroke: "#9a9a9a",
+    "stroke-width": "2",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round"
+  }), React.createElement("path", {
+    d: "M14 11V17",
+    stroke: "#9a9a9a",
+    "stroke-width": "2",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round"
+  }), React.createElement("path", {
+    d: "M4 7H20",
+    stroke: "#9a9a9a",
+    "stroke-width": "2",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round"
+  }), React.createElement("path", {
+    d: "M6 7H12H18V18C18 19.6569 16.6569 21 15 21H9C7.34315 21 6 19.6569 6 18V7Z",
+    stroke: "#9a9a9a",
+    "stroke-width": "2",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round"
+  }), React.createElement("path", {
+    d: "M9 5C9 3.89543 9.89543 3 11 3H13C14.1046 3 15 3.89543 15 5V7H9V5Z",
+    stroke: "#9a9a9a",
+    "stroke-width": "2",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round"
+  })));
+};
 
-!function (t) {
-  var s = {};
-  function i(h) {
-    if (s[h]) return s[h].exports;
-    var e = s[h] = {
-      i: h,
-      l: !1,
-      exports: {}
-    };
-    return t[h].call(e.exports, e, e.exports, i), e.l = !0, e.exports;
-  }
-  i.m = t, i.c = s, i.d = function (t, s, h) {
-    i.o(t, s) || Object.defineProperty(t, s, {
-      configurable: !1,
-      enumerable: !0,
-      get: h
+var Layers = function Layers(_ref) {
+  var canvas = _ref.canvas,
+    onSave = _ref.onSave;
+  var _use3dddPlus = use3dddPlus(function (state) {
+      return [state.storeAllObject];
+    }, shallow),
+    storeAllObject = _use3dddPlus[0];
+  var removeItem = function removeItem(value) {
+    var index = use3dddPlus.getState().storeAllObject.findIndex(function (obj) {
+      return obj.id === value.id;
     });
-  }, i.r = function (t) {
-    Object.defineProperty(t, "__esModule", {
-      value: !0
+    if (index > -1) {
+      use3dddPlus.getState().storeAllObject.splice(index, 1);
+    }
+    use3dddPlus.setState({
+      storeAllObject: [].concat(use3dddPlus.getState().storeAllObject)
     });
-  }, i.n = function (t) {
-    var s = t && t.__esModule ? function () {
-      return t["default"];
-    } : function () {
-      return t;
-    };
-    return i.d(s, "a", s), s;
-  }, i.o = function (t, s) {
-    return Object.prototype.hasOwnProperty.call(t, s);
-  }, i.p = "", i(i.s = 4);
-}([function (t, s, i) {
-  var h = i(1),
-    e = i(3);
-  t.exports = /*#__PURE__*/function () {
-    function _class(t, s) {
-      this.source = s, this.A = new h(s.left, s.top), this.B = new h(s.right, s.top), this.C = new h(s.right, s.bottom), this.D = new h(s.left, s.bottom), this.Aleft = new h(s.left, s.top + s.height / 3), this.Atop = new h(s.left + s.width / 3, s.top), this.Btop = new h(s.right - s.width / 3, s.top), this.Bright = new h(s.right, s.top + s.height / 3), this.Cright = new h(s.right, s.bottom - s.height / 3), this.Cbottom = new h(s.right - s.width / 3, s.bottom), this.Dbottom = new h(s.left + s.width / 3, s.bottom), this.Dleft = new h(s.left, s.bottom - s.height / 3), this.ABx = 0, this.ABy = 0, this.CDx = 0, this.CDy = 0, this.BCx = 0, this.BCy = 0, this.ADx = 0, this.ADy = 0, this.STEPS = 10, this.distortX = 0, this.distortY1 = 0, this.distortY2 = 0, this.T1 = 1 / 3, this.T2 = 2 / 3, this.kAB = 0, this.kBC = 0, this.kCD = 0, this.kAD = 0, this.applyParameters(t);
+  };
+  var deleteElement = function deleteElement(item) {
+    if (canvas._objects) {
+      canvas._objects.forEach(function (obj) {
+        if (obj.id === item.id) {
+          canvas.remove(obj);
+        }
+      });
     }
-    var _proto = _class.prototype;
-    _proto.applyParameters = function applyParameters(t) {
-      var s = this.source,
-        i = this._parameters = new e(t);
-      this.angle = i.bend * Math.PI / 2, this.sin = Math.sin(this.angle), this.cos = Math.cos(this.angle), this.kt = 1 + Math.pow(i.bend, 4), this.distortX = .5 * i.distortV * s.width;
-      var h = .5 * i.distortH * s.height;
-      switch (this.distortY1 = h * (1 - i.distortV), this.distortY2 = h * (1 + i.distortV), this.kAB = 1 - i.distortV, this.kBC = 1 + i.distortH, this.kCD = 1 + i.distortV, this.kAD = 1 - i.distortH, this.setAnchors(), i.type) {
-        case "WARP_ARC":
-          this.setArc();
-          break;
-        case "WARP_ARC_LOWER":
-          this.setArcLower();
-          break;
-        case "WARP_ARC_UPPER":
-          this.setArcUpper();
-          break;
-        case "WARP_ARCH":
-          this.setArch();
-          break;
-        case "WARP_BULGE":
-          this.setBulge();
-          break;
-        case "WARP_FLAG":
-          this.setFlag();
-          break;
-        case "WARP_FISH":
-          this.setFish();
-          break;
-        case "WARP_RISE":
-          this.setRise();
-          break;
-        case "WARP_INFLATE":
-          this.setInflate();
-          break;
-        case "WARP_SQUEEZE":
-          this.setSqueeze();
-          break;
-        case "WARP_WAVE_LOWER":
-          this.setWaveLower();
-          break;
-        case "WARP_WAVE_UPPER":
-          this.setWaveUpper();
+    canvas.requestRenderAll();
+    use3dddPlus.getState().updateModifaction(true);
+    removeItem(item);
+  };
+  var changeArr = function changeArr(arr, fromIndex, toIndex) {
+    var element = arr.splice(fromIndex, 1)[0];
+    arr.splice(toIndex, 0, element);
+    return arr;
+  };
+  var layerHandle = function layerHandle(element, index, direction) {
+    var currentObject = [].concat(use3dddPlus.getState().storeAllObject);
+    if (direction === 'minus') {
+      canvas.sendBackwards(element);
+      use3dddPlus.setState({
+        storeAllObject: changeArr(currentObject, index, index + 1)
+      });
+    } else {
+      canvas.bringForward(element);
+      use3dddPlus.setState({
+        storeAllObject: changeArr(currentObject, index, index - 1)
+      });
+    }
+    canvas.sendToBack(use3dddPlus.getState().verticalLine);
+    canvas.sendToBack(use3dddPlus.getState().horizontalLine);
+    use3dddPlus.getState().updateModifaction(true);
+  };
+  return React.createElement("div", {
+    className: "relative h-full px-3 overflow-x-hidden overflow-y-auto"
+  }, React.createElement("div", {
+    className: "flex flex-col gap-1 overflow-y-auto"
+  }, storeAllObject.map(function (item, index) {
+    return React.createElement("div", {
+      key: item.id,
+      className: "innerLayer border border-[#D7D7D7] my-4 h-20 flex justify-between "
+    }, React.createElement("div", {
+      className: "imgBox border-r border-[#D7D7D7] bg-slate-200 flex w-20"
+    }, React.createElement("img", {
+      className: "rounded-lg " + (item.text ? 'object-contain' : ''),
+      style: {
+        height: 'auto',
+        width: 'auto',
+        margin: 'auto'
+      },
+      src: item.icon,
+      alt: "icon"
+    })), React.createElement("div", {
+      className: "flex-auto"
+    }, React.createElement("button", {
+      onClick: function onClick() {
+        return deleteElement(item);
+      },
+      className: "w-full h-full"
+    }, React.createElement("div", {
+      className: "flex justify-center pointer-events-none"
+    }, React.createElement(DeleteIcon, null)))), React.createElement("div", {
+      className: "flex flex-col justify-between w-10"
+    }, React.createElement("button", {
+      disabled: index === 0,
+      onClick: function onClick() {
+        return layerHandle(item, index, 'plus');
       }
-    };
-    _proto.setAnchors = function setAnchors() {
-      this.A.x = this.source.left + this.distortX, this.B.x = this.source.right - this.distortX, this.C.x = this.source.right + this.distortX, this.D.x = this.source.left - this.distortX, this.A.y = this.source.top + this.distortY1, this.B.y = this.source.top - this.distortY1, this.C.y = this.source.bottom + this.distortY2, this.D.y = this.source.bottom - this.distortY2;
-    };
-    _proto.setControls = function setControls() {
-      this.Atop.x = this.A.x + this.ABx, this.Atop.y = this.A.y + this.ABy, this.Btop.x = this.B.x - this.ABx, this.Btop.y = this.B.y - this.ABy, this.Dbottom.x = this.D.x + this.CDx, this.Dbottom.y = this.D.y + this.CDy, this.Cbottom.x = this.C.x - this.CDx, this.Cbottom.y = this.C.y - this.CDy, this.Bright.x = this.B.x + this.BCx, this.Bright.y = this.B.y + this.BCy, this.Cright.x = this.C.x - this.BCx, this.Cright.y = this.C.y - this.BCy, this.Aleft.x = this.A.x + this.ADx, this.Aleft.y = this.A.y + this.ADy, this.Dleft.x = this.D.x - this.ADx, this.Dleft.y = this.D.y - this.ADy;
-    };
-    _proto.changeCubic = function changeCubic(t, s, i, h) {
-      var e = this._changePoint(t),
-        o = this._changePoint(h),
-        r = this.getPointOn(1 / 3, t, h, s, i),
-        n = this.getPointOn(2 / 3, t, h, s, i),
-        a = this._changePoint(r),
-        y = this._changePoint(n);
-      return this.getNewSegment(e, o, a, y);
-    };
-    _proto.changePoint = function changePoint(t) {
-      var s = this._changePoint(t);
-      return [s.x, s.y];
-    };
-    _proto._changePoint = function _changePoint(t) {
-      var s = this.A,
-        i = this.Atop,
-        e = this.Aleft,
-        o = this.B,
-        r = this.Btop,
-        n = this.Bright,
-        a = this.C,
-        y = this.Cright,
-        x = this.Cbottom,
-        c = this.D,
-        A = this.Dbottom,
-        C = this.Dleft;
-      var d = (t.x - this.source.x) / this.source.width,
-        b = (t.y - this.source.y) / this.source.height,
-        p = 1 - b,
-        B = this.getPointOn(b, s, c, e, C),
-        l = this.getPointOn(b, o, a, n, y),
-        D = new h(i.x * p + A.x * b, i.y * p + A.y * b),
-        m = new h(r.x * p + x.x * b, r.y * p + x.y * b),
-        k = this.getPointOn(d, B, l, D, m);
-      return new h(k.x, k.y);
-    };
-    _proto.getPointOn = function getPointOn(t, s, i, e, o) {
-      var r = new h(),
-        n = t * t * t,
-        a = t * t;
-      return r.x = n * (i.x + 3 * (e.x - o.x) - s.x) + 3 * a * (s.x - 2 * e.x + o.x) + 3 * t * (e.x - s.x) + s.x, r.y = n * (i.y + 3 * (e.y - o.y) - s.y) + 3 * a * (s.y - 2 * e.y + o.y) + 3 * t * (e.y - s.y) + s.y, r;
-    };
-    _proto.setArc = function setArc() {
-      var t = this._parameters,
-        s = this.source,
-        i = 1 - t.distortV;
-      t.bend > 0 ? (this.A.x -= i * (s.height - this.distortY1) * this.sin, this.B.x += i * (s.height + this.distortY1) * this.sin, this.A.y += (s.height - this.distortY1) * (1 - this.cos), this.B.y += (s.height + this.distortY1) * (1 - this.cos), this.C.x -= this.distortY2 * this.sin, this.D.x -= this.distortY2 * this.sin, this.C.y += this.distortY2 * (this.cos - 1), this.D.y -= this.distortY2 * (this.cos - 1)) : t.bend < 0 && (this.D.x += i * (s.height - this.distortY2) * this.sin, this.C.x -= i * (s.height + this.distortY2) * this.sin, this.D.y += (s.height - this.distortY2) * (this.cos - 1), this.C.y += (s.height + this.distortY2) * (this.cos - 1), this.A.x += this.distortY1 * this.sin, this.B.x += this.distortY1 * this.sin, this.A.y -= this.distortY1 * (1 - this.cos), this.B.y += this.distortY1 * (1 - this.cos)), this.calculateArms(), this.setControls(), this.Atop.x += this.ABx * (this.cos * this.kt - 1), this.Atop.y -= this.ABx * this.sin * this.kt, this.Btop.x += this.ABx * (1 - this.cos * this.kt), this.Btop.y -= this.ABx * this.sin * this.kt, this.Dbottom.x += this.CDx * (this.cos * this.kt - 1), this.Dbottom.y -= this.CDx * this.sin * this.kt, this.Cbottom.x += this.CDx * (1 - this.cos * this.kt), this.Cbottom.y -= this.CDx * this.sin * this.kt;
-    };
-    _proto.setFish = function setFish() {
-      var t = this._parameters;
-      this.calculateArms(), this.setControls(), this.Atop.y -= 2 * t.bend * this.kAB * (2 * this.ADy + this.BCy), this.Btop.y += 2 * t.bend * this.kAB * (this.ADy + 2 * this.BCy), this.Dbottom.y += 2 * t.bend * this.kCD * (2 * this.ADy + this.BCy), this.Cbottom.y -= 2 * t.bend * this.kCD * (this.ADy + 2 * this.BCy);
-    };
-    _proto.setFlag = function setFlag() {
-      this.calculateArms(), this.setControls();
-      var t = this._parameters;
-      this.Atop.y += 3 * t.bend * this.kAB * (this.ADy + this.BCy), this.Btop.y -= 3 * t.bend * this.kAB * (this.ADy + this.BCy), this.Dbottom.y += 3 * t.bend * this.kCD * (this.ADy + this.BCy), this.Cbottom.y -= 3 * t.bend * this.kCD * (this.ADy + this.BCy);
-    };
-    _proto.setBulge = function setBulge() {
-      this.calculateArms(), this.setControls(), this.Atop.x += this.ABx * (this.cos * this.kt - 1), this.Atop.y -= this.ABx * this.sin * this.kt, this.Btop.x += this.ABx * (1 - this.cos * this.kt), this.Btop.y -= this.ABx * this.sin * this.kt, this.Dbottom.x += this.CDx * (this.cos * this.kt - 1), this.Dbottom.y += this.CDx * this.sin * this.kt, this.Cbottom.x += this.CDx * (1 - this.cos * this.kt), this.Cbottom.y += this.CDx * this.sin * this.kt;
-    };
-    _proto.setArch = function setArch() {
-      this.calculateArms(), this.setControls(), this.Atop.x += this.ABx * (this.cos * this.kt - 1), this.Atop.y -= this.ABx * this.sin * this.kt, this.Btop.x += this.ABx * (1 - this.cos * this.kt), this.Btop.y -= this.ABx * this.sin * this.kt, this.Dbottom.x += this.CDx * (this.cos * this.kt - 1), this.Dbottom.y -= this.CDx * this.sin * this.kt, this.Cbottom.x += this.CDx * (1 - this.cos * this.kt), this.Cbottom.y -= this.CDx * this.sin * this.kt;
-    };
-    _proto.setArcLower = function setArcLower() {
-      this.calculateArms(), this.setControls(), this.Dbottom.x += this.CDx * (this.cos * this.kt - 1), this.Dbottom.y += this.CDx * this.sin * this.kt, this.Cbottom.x += this.CDx * (1 - this.cos * this.kt), this.Cbottom.y += this.CDx * this.sin * this.kt;
-    };
-    _proto.setArcUpper = function setArcUpper() {
-      this.calculateArms(), this.setControls(), this.Atop.x += this.ABx * (this.cos * this.kt - 1), this.Atop.y -= this.ABx * this.sin * this.kt, this.Btop.x += this.ABx * (1 - this.cos * this.kt), this.Btop.y -= this.ABx * this.sin * this.kt;
-    };
-    _proto.setSqueeze = function setSqueeze() {
-      this.calculateArms(), this.setControls();
-      var t = this._parameters;
-      this.Atop.y -= t.bend * this.kAB * this.ADy, this.Btop.y -= t.bend * this.kAB * this.BCy, this.Dbottom.y += t.bend * this.kCD * this.ADy, this.Cbottom.y += t.bend * this.kCD * this.BCy, this.Bright.x -= t.bend * this.kBC * this.ABx, this.Cright.x -= t.bend * this.kBC * this.CDx, this.Aleft.x += t.bend * this.kAD * this.ABx, this.Dleft.x += t.bend * this.kAD * this.CDx;
-    };
-    _proto.setInflate = function setInflate() {
-      this.calculateArms(), this.setControls();
-      var t = this._parameters,
-        s = (this.ADy + this.BCy) / 2,
-        i = (this.ABx + this.CDx) / 2;
-      this.Atop.y -= t.bend * this.kAB * s, this.Btop.y -= t.bend * this.kAB * s, this.Dbottom.y += t.bend * this.kCD * s, this.Cbottom.y += t.bend * this.kCD * s, this.Bright.x += t.bend * this.kBC * i, this.Cright.x += t.bend * this.kBC * i, this.Aleft.x -= t.bend * this.kAD * i, this.Dleft.x -= t.bend * this.kAD * i;
-    };
-    _proto.setRise = function setRise() {
-      var t = this._parameters;
-      this.A.y += t.bend * this.kAB * source.height, this.D.y += t.bend * this.kCD * source.height, this.B.y -= t.bend * this.kAB * source.height, this.C.y -= t.bend * this.kCD * source.height, this.calculateArms(), this.setControls();
-      var s = this.ADy + this.BCy;
-      this.Atop.y += t.bend * this.kAB * s, this.Btop.y -= t.bend * this.kAB * s, this.Dbottom.y += t.bend * this.kCD * s, this.Cbottom.y -= t.bend * this.kCD * s;
-    };
-    _proto.setWaveUpper = function setWaveUpper() {
-      this.calculateArms(), this.setControls();
-      var t = this._parameters;
-      this.Atop.y += 3 * t.bend * this.kAB * (this.ADy + this.BCy), this.Btop.y -= 3 * t.bend * this.kAB * (this.ADy + this.BCy);
-    };
-    _proto.setWaveLower = function setWaveLower() {
-      this.calculateArms(), this.setControls();
-      var t = this._parameters;
-      this.Dbottom.y += 3 * t.bend * this.kCD * (this.ADy + this.BCy), this.Cbottom.y -= 3 * t.bend * this.kCD * (this.ADy + this.BCy);
-    };
-    _proto.calculateArms = function calculateArms() {
-      this.ABx = (this.B.x - this.A.x) / 3, this.ABy = (this.B.y - this.A.y) / 3, this.CDx = (this.C.x - this.D.x) / 3, this.CDy = (this.C.y - this.D.y) / 3, this.BCx = (this.C.x - this.B.x) / 3, this.BCy = (this.C.y - this.B.y) / 3, this.ADx = (this.D.x - this.A.x) / 3, this.ADy = (this.D.y - this.A.y) / 3;
-    };
-    _proto.getNewSegment = function getNewSegment(t, s, i, e) {
-      var o = this.T1,
-        r = o * o * o,
-        n = 1 - o,
-        a = n * n * n,
-        y = this.T2,
-        x = y * y * y,
-        c = 1 - y,
-        A = c * c * c,
-        C = 3 * o * n,
-        d = {};
-      d.x = (i.x - a * t.x - r * s.x) / C, d.y = (i.y - a * t.y - r * s.y) / C;
-      var b = 3 * y * c,
-        p = {};
-      p.x = (e.x - A * t.x - x * s.x) / b, p.y = (e.y - A * t.y - x * s.y) / b;
-      var B = {};
-      B.x = (y * d.x - o * p.x) / (n * p.x - c * d.x), B.y = (y * d.y - o * p.y) / (n * p.y - c * d.y), isNaN(B.x) && (B.x = 0), isNaN(B.y) && (B.y = 0);
-      var l = {},
-        D = {};
-      D.x = d.x / (n * B.x + o), D.y = d.y / (n * B.y + o), l.x = B.x * D.x, l.y = B.y * D.y;
-      var m = new h(l.x, l.y),
-        k = new h(D.x, D.y);
-      return [m.x, m.y, k.x, k.y, s.x, s.y];
-    };
-    return _class;
-  }();
-}, function (t, s) {
-  t.exports = /*#__PURE__*/function () {
-    function _class2(t, s) {
-      if (t === void 0) {
-        t = 0;
-      }
-      if (s === void 0) {
-        s = 0;
-      }
-      if ("number" != typeof t || "number" != typeof s) throw new Exception("Invalid points");
-      var i = t || 0,
-        h = s || 0;
-      i && (i = parseInt(1e3 * i) / 1e3), h && (h = parseInt(1e3 * h) / 1e3), this._props = [i, h], this[0] = i, this[1] = h;
-    }
-    _createClass(_class2, [{
-      key: "x",
-      get: function get() {
-        return this._props[0];
-      },
-      set: function set(t) {
-        this[0] = t, this._props[0] = t;
-      }
-    }, {
-      key: "y",
-      get: function get() {
-        return this._props[1];
-      },
-      set: function set(t) {
-        this[1] = t, this._props[1] = t;
-      }
-    }]);
-    return _class2;
-  }();
-}, function (t, s) {
-  t.exports = /*#__PURE__*/function () {
-    function _class3(t, s, i, h) {
-      this.x = t, this.y = s, this.width = i, this.height = h, this.top = s, this.bottom = s + h, this.left = t, this.right = t + i;
-    }
-    return _class3;
-  }();
-}, function (t, s, i) {
-  i(0);
-  t.exports = /*#__PURE__*/function () {
-    function _class4(t) {
-      this.type = t.type || 0, this.bend = t.bend || 0, this.distortV = t.distortV || 0, this.distortH = t.distortH || 0, this.vertical = t.vertical || !1;
-    }
-    return _class4;
-  }();
-}, function (t, s, i) {
-  var h = i(1),
-    e = i(0),
-    o = i(2),
-    r = "C",
-    n = "Q",
-    a = "L",
-    y = "M",
-    x = "Z",
-    c = /*#__PURE__*/function () {
-      function c(t) {
-        this.data = [], this.commands = [], this.parseString(t);
+    }, React.createElement("div", {
+      className: "flex justify-center pointer-events-none h-9"
+    }, React.createElement(UpIcon, {
+      disabled: index === 0
+    }))), React.createElement("button", {
+      disabled: index === storeAllObject.length - 1,
+      onClick: function onClick() {
+        return layerHandle(item, index, 'minus');
       }
-      var _proto2 = c.prototype;
-      _proto2.parseString = function parseString(t) {
-        var s = [],
-          i = [];
-        t.match(/[A-Za-z][0-9\.\s\,\-]+\d/g).forEach(function (t) {
-          var h = t[0],
-            e = t.match(/[\d\.\-]+/g);
-          s.push(h), i.push.apply(i, e.map(parseFloat));
-        }), this.commands = s, this.data = i;
-      };
-      _proto2.scale = function scale(t, s) {
-        if (s === void 0) {
-          s = 0;
-        }
-        0 == s && (s = t);
-        var i = this.data;
-        for (var _h = 0; _h < i.length; _h += 2) i[_h] *= t, i[_h + 1] *= s;
-      };
-      _proto2.warp = function warp(t) {
-        var s = new e(t, this.calcRectangle()),
-          i = this.commands,
-          o = this.data,
-          n = [],
-          a = new h(),
-          y = new h(),
-          _c = new h(),
-          A = new h(),
-          C = 0,
-          d = new h();
-        for (var _t = 0; _t < i.length; _t++) {
-          switch (i[_t]) {
-            case "L":
-              i[_t] = r, a = new h((2 * A[0] + o[C]) / 3, (2 * A[1] + o[C + 1]) / 3), y = new h((A[0] + 2 * o[C]) / 3, (A[1] + 2 * o[C + 1]) / 3), d = new h(o[C], o[C + 1]), n = n.concat(s.changeCubic(A, a, y, d)), A = d, C += 2;
-              break;
-            case "Q":
-              i[_t] = r, a = new h((2 * o[C] + A.x) / 3, (2 * o[C + 1] + A.y) / 3), y = new h((2 * o[C] + o[C + 2]) / 3, (2 * o[C + 1] + o[C + 3]) / 3), d = new h(o[C + 2], o[C + 3]), n = n.concat(s.changeCubic(A, a, y, d)), A = d, C += 4;
-              break;
-            case "M":
-              A = _c = new h(o[C], o[C + 1]), n = n.concat(s.changePoint(A)), C += 2;
-              break;
-            case "C":
-              n = n.concat(s.changeCubic(A, new h(o[C], o[C + 1]), new h(o[C + 2], o[C + 3]), new h(o[C + 4], o[C + 5]))), A = new h(o[C + 4], o[C + 5]), C += 6;
-              break;
-            case x:
-              A = _c;
-          }
-        }
-        this.data = n;
-      };
-      _proto2.output = function output() {
-        var t = [],
-          s = this.data.slice();
-        for (var _i = 0; _i < this.commands.length; _i++) {
-          var _h2 = this.commands[_i],
-            _e = 0;
-          switch (_h2) {
-            case "M":
-            case "L":
-              _e = 2;
-              break;
-            case "Q":
-              _e = 4;
-              break;
-            case "C":
-              _e = 6;
-          }
-          t.push(_h2 + s.splice(0, _e).join(" "));
-        }
-        return t.join(" ");
-      };
-      _proto2.calcRectangle = function calcRectangle() {
-        var t = this.commands,
-          s = this.data;
-        for (var i, h, e = {
-            xMin: 1 / 0,
-            yMin: 1 / 0,
-            xMax: -1 / 0,
-            yMax: -1 / 0
-          }, x = 0, _c2 = 0; _c2 < t.length; _c2++) {
-          switch (t[_c2]) {
-            case y:
-            case a:
-              i = s[x], h = s[x + 1], x += 2;
-              break;
-            case n:
-              i = s[x + 2], h = s[x + 3], x += 4;
-              break;
-            case r:
-              i = s[x + 4], h = s[x + 5], x += 6;
-          }
-          e.xMin = Math.min(i, e.xMin), e.xMax = Math.max(i, e.xMax), e.yMin = Math.min(h, e.yMin), e.yMax = Math.max(h, e.yMax);
-        }
-        return e.xMax == -1 / 0 ? null : new o(e.xMin, e.yMin, e.xMax - e.xMin, e.yMax - e.yMin);
-      };
-      return c;
-    }();
-  t.exports = c, "undefined" != typeof window && (window.Path = c);
-}]);
-
-var errorPopup = function errorPopup(_ref) {
-  var allColor = _ref.allColor;
-  return React.createElement(React.Fragment, null, React.createElement("div", {
-    className: "errorPanel flex z-[100] w-full py-[20px]"
-  }, React.createElement("div", {
-    className: "text-[#E11A38] text-[16px] font-size-[14px] font-bold flex-col"
-  }, React.createElement("span", {
-    className: "flex"
-  }, "COLORS IN DESIGN (", allColor.length, ")"), React.createElement("span", {
-    className: "flex"
-  }, "MAX COLORS EXCEEDED, REDUCE THE TOTAL COLOR COUNT TO 8 OR FEWER COLORS PER SIDE."))));
-};
-
-var fontWithCamelCase = [
-	"Athletic Block",
-	"Brush Script",
-	"Magento",
-	"Puff",
-	"Uni Script",
-	"Accel",
-	"Plain"
-];
-var Configuration = {
-	fontWithCamelCase: fontWithCamelCase
+    }, React.createElement("div", {
+      className: "flex justify-center pointer-events-none h-9"
+    }, React.createElement(DownIcon, {
+      disabled: index === storeAllObject.length - 1
+    })))));
+  })), React.createElement("button", {
+    type: "button",
+    className: "mt-3 bg-white py-2 text-sm font-medium text-[#E11A38] w-full ring-1 ring-inset ring-[#E11A38] absolute bottom-0 left-0 right-0",
+    onClick: onSave
+  }, "Save"));
 };
 
 var fontFamilies = [{
@@ -8629,1126 +8413,1176 @@ var fontFamilies = [{
   name: 'Uni Script',
   src: 'https://storage.googleapis.com/3ddplusgcp/richardson-customizer/fonts/scrpjet2.woff'
 }];
-var Rightmenu = function Rightmenu() {
-  var _Object$keys2;
-  initTE({
-    Tab: Tab
-  });
-  var textSelected = use3dddPlus.getState().activeSelection;
-  var canvas = use3dddPlus.getState().fabricCanvas;
-  var _use3dddPlus = use3dddPlus(function (state) {
-      return [state.colorFill, state.currentSelection, state.activeSelection, state.textInfo, state.activeSelection, state.storeAllObject, state.allColor, state.setToggleSaveLogo];
-    }, shallow),
-    colorFill = _use3dddPlus[0],
-    currentSelection = _use3dddPlus[1],
-    activeSelection = _use3dddPlus[2],
-    textInfo = _use3dddPlus[3],
-    activeObj = _use3dddPlus[4],
-    storeAllObject = _use3dddPlus[5],
-    allColor = _use3dddPlus[6],
-    setToggleSaveLogo = _use3dddPlus[7];
-  var _useState = useState(false),
-    textAlignDisplay = _useState[0],
-    setTextAlignDisplay = _useState[1];
-  // const [outlineVal, setOutlineVal] = useState(0);
-  // const [spacingVal, setSpacinglineVal] = useState(1);
-  // const [sliderValue, setSliderValue] = useState(20);
-  var _useState2 = useState({
-      bold: false,
-      italic: false,
-      underline: false
-    }),
-    fontStyle = _useState2[0],
-    setFontStyle = _useState2[1];
-  var _useState3 = useState(null),
-    activeButton = _useState3[0],
-    setActiveButton = _useState3[1];
-  var _useState4 = useState(1),
-    activeTab = _useState4[0],
-    setActiveTab = _useState4[1];
-  var _useState5 = useState(50),
-    shapeSizeVal = _useState5[0],
-    setShapeSizeVal = _useState5[1];
-  var _useState6 = useState(textSelected && textSelected.text ? textSelected.text.length : 0),
-    textLength = _useState6[0],
-    setTextLength = _useState6[1];
-  var _useState7 = useState(-25),
-    bridgeshapeBendSize = _useState7[0],
-    setBridgeShapeBendSize = _useState7[1];
-  var _useState8 = useState(-12),
-    bowtieshapeBendSize = _useState8[0],
-    setBowtieShapeBendSize = _useState8[1];
-  var _useState9 = useState(false),
-    isNextClicked = _useState9[0],
-    setIsNextClicked = _useState9[1];
-  var _useState10 = useState({
-      visible: false,
-      property: '',
-      color: '',
-      callback: null
-    }),
-    displayPallet = _useState10[0],
-    setDisplayPallet = _useState10[1];
-  var _useState11 = useState(null),
-    position = _useState11[0],
-    setPosition = _useState11[1];
-  var tabs = [{
-    id: 1,
-    label: 'Properties'
-  }, {
-    id: 2,
-    label: 'Layers'
-  }];
-  var textShapes = [{
-    name: 'None',
-    src: ''
-  }, {
-    name: 'Arc',
-    src: ''
-  }, {
-    name: 'Bridge',
-    src: ''
-  }, {
-    name: 'Bowtie',
-    src: ''
-  }, {
-    name: 'Vertical Arch',
-    src: ''
-  }, {
-    name: 'Reverse Vertical Arch',
-    src: ''
-  }];
-  useEffect(function () {
-    if (!activeSelection) return;
-    use3dddPlus.setState({
-      textInfo: activeSelection.text
-    });
-  }, [activeSelection]);
-  useEffect(function () {
-    if (currentSelection === 'text' || currentSelection === 'group' || currentSelection === 'selectAll' || currentSelection === 'none') {
-      setActiveTab(1);
-    } else if (currentSelection === 'layer' || currentSelection === 'activeSelection') {
-      setActiveTab(2);
+var textShapes = [{
+  name: 'None',
+  src: ''
+}, {
+  name: 'Arc',
+  src: ''
+}, {
+  name: 'Bridge',
+  src: ''
+}, {
+  name: 'Bowtie',
+  src: ''
+}, {
+  name: 'Vertical Arch',
+  src: ''
+}, {
+  name: 'Reverse Vertical Arch',
+  src: ''
+}];
+var tabs = [{
+  id: 1,
+  label: 'Properties'
+}, {
+  id: 2,
+  label: 'Layers'
+}];
+var warpTypes = {
+  None: '',
+  Arc: 'WARP_ARC',
+  Bridge: 'WARP_ARC_LOWER',
+  Bowtie: 'WARP_BULGE',
+  'Vertical Arch': 'WARP_ARCH',
+  'Reverse Vertical Arch': 'WARP_ARCH'
+};
+var textProperties = ['pathData', 'colorFill', 'id', 'shapeSize', 'shapeType', 'fill', 'fontFamily', 'fontWeight', 'stroke', 'strokeWidth', 'padding', 'fontSize', 'charSpacing', 'textAlign', 'fontStyle', 'text'];
+
+var fontWithCamelCase = [
+	"Athletic Block",
+	"Brush Script",
+	"Magento",
+	"Puff",
+	"Uni Script",
+	"Accel",
+	"Plain"
+];
+var Configuration = {
+	fontWithCamelCase: fontWithCamelCase
+};
+
+var errorPopup = function errorPopup(_ref) {
+  var allColor = _ref.allColor;
+  return React.createElement(React.Fragment, null, React.createElement("div", {
+    className: "errorPanel flex z-[100] w-full py-[20px]"
+  }, React.createElement("div", {
+    className: "text-[#E11A38] text-[16px] font-size-[14px] font-bold flex-col"
+  }, React.createElement("span", {
+    className: "flex"
+  }, "COLORS IN DESIGN (", allColor.length, ")"), React.createElement("span", {
+    className: "flex"
+  }, "MAX COLORS EXCEEDED, REDUCE THE TOTAL COLOR COUNT TO 8 OR FEWER COLORS PER SIDE."))));
+};
+
+var TextProperties = function TextProperties(_ref) {
+  var textInfo = _ref.textInfo,
+    onTextChange = _ref.onTextChange,
+    textSelected = _ref.textSelected,
+    fontChange = _ref.fontChange,
+    textStyle = _ref.textStyle,
+    activeSelection = _ref.activeSelection,
+    setDisplayPallet = _ref.setDisplayPallet,
+    setPosition = _ref.setPosition,
+    textColorChange = _ref.textColorChange,
+    fontStyle = _ref.fontStyle,
+    textAlignDisplay = _ref.textAlignDisplay,
+    activeButton = _ref.activeButton,
+    textAlignHandler = _ref.textAlignHandler,
+    textOutlineHandler = _ref.textOutlineHandler,
+    strokeColorChange = _ref.strokeColorChange,
+    textSpacingHandler = _ref.textSpacingHandler,
+    textShapeChange = _ref.textShapeChange,
+    shapeSizeVal = _ref.shapeSizeVal,
+    textShapeSizeHandler = _ref.textShapeSizeHandler;
+  return React.createElement("div", {
+    className: ""
+  }, React.createElement("div", {
+    className: "uppercase font-bold text-sm mb-[8.5px]"
+  }, "Enter Text"), React.createElement("textarea", {
+    value: textInfo,
+    onChange: onTextChange,
+    className: "w-[100%] border border-solid-[1px] border-[#9A9A9A] py-[10px] pl-[16px] mb-[16.5px]",
+    placeholder: "LOGO TEXT"
+  }), React.createElement("div", {
+    className: "uppercase font-bold text-sm mb-[8.5px]"
+  }, "Select Font"), React.createElement("select", {
+    name: "FontStyleNumber",
+    id: "FontStyleNumber",
+    value: textSelected.fontFamily,
+    onChange: fontChange,
+    className: INPUT_BG_COLOR + " font-bold " + TEXT_COLOR_1 + " " + TEXT_SIZE_3 + " border border-solid\t " + BORDER_COLOR_1 + " select select-bordered w-full rounded-none focus:outline-offset-0 focus:rounded-sm  mb-[16.5px]"
+  }, fontFamilies.map(function (list) {
+    return React.createElement(React.Fragment, null, React.createElement("option", {
+      value: list.name
+    }, list.name));
+  })), React.createElement("div", {
+    className: "uppercase font-bold text-sm mb-[8.5px]"
+  }, "Style"), React.createElement("div", {
+    className: "flex gap-x-[15px] mb-[16.5px]"
+  }, ' ', React.createElement("button", {
+    disabled: textSelected && textSelected.shapeType && textSelected.shapeType !== 'none',
+    className: textSelected.fontWeight === 'bold' ? SELECT_BG_COLOR + " text-[#fff] text-base cursor-pointer border font-bold border-[#EBEBEB]  py-[7px] px-[25px] " : 'bg-[#fff]  font-bold text-base cursor-pointer border border-[#EBEBEB] py-[7px] px-[25px]',
+    style: textSelected && textSelected.shapeType && textSelected.shapeType !== 'none' ? {
+      color: '#cccccc',
+      cursor: 'default',
+      backgroundColor: '#ffffff'
+    } : {},
+    onClick: function onClick(e) {
+      return textStyle(e, 'fontWeight', 'bold');
+    },
+    id: "bold"
+  }, "B"), React.createElement("button", {
+    disabled: textSelected && textSelected.shapeType && textSelected.shapeType !== 'none',
+    className: textSelected.fontStyle && textSelected.fontStyle === 'italic' ? SELECT_BG_COLOR + " text-[#fff] text-base cursor-pointer border italic border-[#EBEBEB]  py-[7px] px-[25px] " : 'bg-[#fff]  italic text-base cursor-pointer border border-[#EBEBEB] py-[7px] px-[25px]',
+    style: textSelected && textSelected.shapeType && textSelected.shapeType !== 'none' ? {
+      color: '#cccccc',
+      cursor: 'default',
+      backgroundColor: '#ffffff'
+    } : {},
+    onClick: function onClick(e) {
+      return textStyle(e, 'fontStyle', 'italic');
+    },
+    id: "italic"
+  }, "I"), React.createElement("button", {
+    disabled: textSelected && textSelected.shapeType && textSelected.shapeType !== 'none',
+    className: textSelected.underline && textSelected.underline === true ? SELECT_BG_COLOR + " text-[#fff] text-base cursor-pointer border underline border-[#EBEBEB]  py-[7px] px-[25px] " : 'bg-[#fff]  underline text-base cursor-pointer border border-[#EBEBEB] py-[7px] px-[25px]',
+    style: textSelected && textSelected.shapeType && textSelected.shapeType !== 'none' ? {
+      color: '#cccccc',
+      cursor: 'default',
+      backgroundColor: '#ffffff'
+    } : {},
+    onClick: function onClick(e) {
+      return textStyle(e, 'underline', !fontStyle.underline);
+    },
+    id: "underline"
+  }, "U")), textAlignDisplay === true && React.createElement("div", {
+    className: "textAlign"
+  }, React.createElement("div", {
+    className: "uppercase font-bold text-sm mb-[8.5px]"
+  }, "Align"), React.createElement("div", {
+    className: "flex gap-x-[15px] mb-[16.5px]"
+  }, React.createElement("button", {
+    type: "button",
+    className: 'left' === activeButton ? SELECT_BG_COLOR + " text-[#fff] cursor-pointer border border-[#EBEBEB]  py-[7px] px-[25px] " : 'bg-[#fff]  cursor-pointer border border-[#EBEBEB] py-[7px] px-[25px]',
+    id: "left",
+    onClick: textAlignHandler
+  }, React.createElement(FiAlignLeft, {
+    id: "left",
+    onClick: textAlignHandler
+  })), React.createElement("button", {
+    type: "button",
+    className: 'center' === activeButton ? SELECT_BG_COLOR + " text-[#fff] cursor-pointer border border-[#EBEBEB]  y-[7px] px-[25px] " : 'bg-[#fff]  cursor-pointer border border-[#EBEBEB] py-[7px] px-[25px]',
+    id: "center",
+    onClick: textAlignHandler
+  }, React.createElement(FiAlignCenter, {
+    id: "center",
+    onClick: textAlignHandler
+  })), React.createElement("button", {
+    type: "button",
+    className: 'right' === activeButton ? SELECT_BG_COLOR + " text-[#fff] cursor-pointer border border-[#EBEBEB]  y-[7px] px-[25px] " : 'bg-[#fff]  cursor-pointer border border-[#EBEBEB] py-[7px] px-[25px]',
+    id: "right",
+    onClick: textAlignHandler
+  }, React.createElement(FiAlignRight, {
+    id: "right",
+    onClick: textAlignHandler
+  })))), React.createElement("div", {
+    className: "uppercase font-bold text-sm mb-[8.5px]"
+  }, "Text Color"), React.createElement("div", {
+    className: "relative flex"
+  }, React.createElement(ColorImpl, {
+    mClass: 'ml-0',
+    handleChange: textColorChange,
+    property: 'backgroundColor',
+    name: 'backgroundColor',
+    color: activeSelection.fill,
+    setDisplayPallet: setDisplayPallet,
+    setPosition: setPosition,
+    callback: textColorChange
+  })), React.createElement("div", {
+    className: "flex gap-2 mt-4"
+  }, React.createElement("div", null, React.createElement("div", {
+    className: "uppercase font-bold text-sm mb-[8.5px]"
+  }, "Outline Size"), React.createElement("input", {
+    type: "number",
+    id: "outlineSize",
+    name: "outlineSize",
+    step: "0.2",
+    value: textSelected.strokeWidth,
+    className: "border border-[#EBEBEB] py-[10px] pl-[16px] mb-[16.5px] w-[145px]",
+    onChange: textOutlineHandler
+  })), React.createElement("div", null, React.createElement("div", {
+    className: "uppercase font-bold text-sm mb-[8.5px]"
+  }, "Outline Color"), React.createElement("div", {
+    className: "relative flex"
+  }, ' ', React.createElement(ColorImpl, {
+    mClass: 'ml-0',
+    handleChange: strokeColorChange,
+    property: 'backgroundColor',
+    name: 'backgroundColor',
+    color: activeSelection.stroke,
+    setDisplayPallet: setDisplayPallet,
+    setPosition: setPosition,
+    callback: strokeColorChange
+  })))), React.createElement("div", {
+    className: "flex gap-2"
+  }, React.createElement("div", null, React.createElement("div", {
+    className: "uppercase font-bold text-sm mb-[8.5px]"
+  }, "Letter Spacing"), React.createElement("input", {
+    disabled: textSelected && textSelected.shapeType && textSelected.shapeType !== 'none',
+    type: "number",
+    id: "spacing",
+    name: "spacing",
+    step: "10",
+    value: textSelected.charSpacing,
+    className: "border border-[#EBEBEB] py-[10px] pl-[16px] mb-[16.5px] w-[145px]",
+    onChange: textSpacingHandler
+  }))), React.createElement("div", {
+    className: "flex gap-2"
+  }, React.createElement("div", {
+    className: "w-[50%]"
+  }, React.createElement("div", {
+    className: "uppercase font-bold text-sm mb-[8.5px]"
+  }, "Text Shape"), React.createElement("select", {
+    name: "textShape",
+    id: "textShape",
+    value: textSelected.shapeType ? textSelected.shapeType : 'None',
+    onChange: textShapeChange,
+    // className={`${INPUT_BG_COLOR} font-bold ${TEXT_COLOR_1} ${TEXT_SIZE_3} border border-solid   ${BORDER_COLOR_1} select select-bordered w-full rounded-none focus:outline-current focus:outline-offset-0 focus:rounded-sm  mb-[16.5px]`}
+    className: INPUT_BG_COLOR + " font-bold " + TEXT_COLOR_1 + " " + TEXT_SIZE_3 + " border border-solid\u2003\u2003 " + BORDER_COLOR_1 + " select select-bordered w-full rounded-none focus:outline-offset-0 focus:rounded-sm  mb-[16.5px] ml-[2px]"
+  }, textShapes.map(function (list) {
+    return React.createElement(React.Fragment, null, React.createElement("option", {
+      value: list.name
+    }, list.name));
+  }))), React.createElement("div", {
+    className: "w-[50%]"
+  }, React.createElement("div", {
+    className: "uppercase font-bold text-sm mb-[8.5px]"
+  }, "Shape Size"), React.createElement("input", {
+    type: "number",
+    id: "shapeSize",
+    name: "shapeSize",
+    step: "10",
+    value: shapeSizeVal,
+    className: "border border-[#EBEBEB] py-[10px] pl-[16px] mb-[16.5px] w-[145px]",
+    onChange: textShapeSizeHandler
+  }))));
+};
+
+var ErrorColorDiv = function ErrorColorDiv(_ref) {
+  var setIsNextClicked = _ref.setIsNextClicked,
+    conflictColors = _ref.conflictColors;
+  return React.createElement("div", {
+    className: "mb-[10px]",
+    style: {
+      position: 'absolute',
+      backgroundColor: '#FFFFFF',
+      bottom: 0,
+      padding: '7px'
     }
-  }, [currentSelection]);
-  var textToPath = /*#__PURE__*/function () {
-    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(objects) {
-      var promises, pathObj;
-      return _regeneratorRuntime().wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            promises = [];
-            pathObj = null;
-            objects.forEach(function (object) {
-              promises = [].concat(promises, [new Promise(function (resolve) {
-                // console.log(object.type)
-                if (object.type === 'text') {
-                  // console.log(object.fontFamily);
-                  var fontSource = fontFamilies.filter(function (o) {
-                    return o.name === object.fontFamily;
-                  })[0].src;
-                  // console.log(fontSource);
-                  load(fontSource, function (error, font) {
-                    if (error) {
-                      console.error(error);
-                    }
-                    // console.log("font loaded", font);
-                    var path = font.getPath(object.text, 0, 0, object.fontSize, {
-                      fontSize: object.get('fontSize'),
-                      fill: object.get('fill'),
-                      stroke: object.get('stroke'),
-                      strokeWidth: object.get('strokeWidth')
-                    });
-                    var fabricPath = new fabric.Path(path.toPathData(20), {});
-                    pathObj = fabricPath;
-                    resolve(pathObj);
-                  });
-                }
-              })]);
-            });
-            //resolve all promises
-            _context.next = 5;
-            return Promise.all(promises);
-          case 5:
-            return _context.abrupt("return", pathObj);
-          case 6:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee);
-    }));
-    return function textToPath(_x) {
-      return _ref.apply(this, arguments);
-    };
-  }();
-  var setShapeSizeOnTextPath = function setShapeSizeOnTextPath(val) {
-    // console.log(textSelected,val);
-    if (!textSelected || !textSelected['pathData']) {
-      return;
-    }
-    //@ts-ignore
-    var p = new Path(textSelected['pathData'].toClipPathSVG());
-    textSelected.shapeSize = val;
-    switch (textSelected['shapeType']) {
-      case 'None':
-        {
-          break;
-        }
-      case 'Arc':
-        {
-          p.warp({
-            type: 'WARP_ARC',
-            bend: val / 100 || 0
-          });
-          break;
-        }
-      case 'Bridge':
-        {
-          p.warp({
-            type: 'WARP_ARC_LOWER',
-            bend: val / 100 || 0
-          });
-          break;
-        }
-      case 'Bowtie':
-        {
-          p.warp({
-            type: 'WARP_BULGE',
-            bend: val / 100 || 0
-          });
-          break;
-        }
-      case 'Vertical Arch':
-        {
-          p.warp({
-            type: 'WARP_ARCH',
-            bend: val / 100 || 0
-          });
-          break;
-        }
-      case 'Reverse Vertical Arch':
-        {
-          p.warp({
-            type: 'WARP_ARCH',
-            bend: val / 100 || 0
-          });
-          break;
-        }
+  }, React.createElement(IconButton, {
+    label: "Close",
+    icon: React.createElement(MdOutlineCancel, null),
+    onClick: function onClick() {
+      setIsNextClicked(false);
+    },
+    className: '',
+    size: "1.5rem",
+    style: {
+      position: 'absolute',
+      cursor: 'pointer',
+      fontWeight: 'bold',
+      right: 10,
+      top: -7,
+      color: '#FF0000'
     }
-    var newTextPath = new fabric.Path(p.output());
-    // add new textPath
-    console.log("---<", textSelected, textSelected.width, textSelected.height);
-    canvas.add(newTextPath);
-    newTextPath['pathData'] = textSelected.pathData;
-    newTextPath['colorFill'] = textSelected.colorFill;
-    newTextPath['id'] = textSelected.id;
-    newTextPath['shapeSize'] = val;
-    newTextPath['shapeType'] = textSelected.shapeType;
-    // carry forward the text properties over the path for further changes
-    newTextPath['fill'] = textSelected.fill;
-    newTextPath['fontFamily'] = textSelected.fontFamily;
-    newTextPath['fontWeight'] = textSelected.fontWeight;
-    newTextPath['stroke'] = textSelected.stroke;
-    newTextPath['strokeWidth'] = textSelected.strokeWidth;
-    newTextPath['padding'] = textSelected.padding;
-    newTextPath['fontSize'] = textSelected.fontSize;
-    newTextPath['charSpacing'] = textSelected.charSpacing;
-    newTextPath['textAlign'] = textSelected.textAlign;
-    newTextPath['fontStyle'] = textSelected.fontStyle;
-    newTextPath['text'] = textSelected.text;
-    //@ts-ignore
-    var dims = newTextPath._calcDimensions();
-    // Set the same position scale matching with existing text
-    newTextPath.left = textSelected.left;
-    newTextPath.top = textSelected.top;
-    newTextPath.width = textSelected.width;
-    newTextPath.height = textSelected.height;
-    newTextPath.scaleX = textSelected.scaleX * (textSelected.width / dims.width);
-    newTextPath.scaleY = textSelected.scaleY * (textSelected.width / dims.width);
-    newTextPath.setCoords();
-    //@ts-ignore
-    // let dims = newTextPath._calcDimensions();
-    newTextPath.width = dims.width;
-    newTextPath.height = dims.height;
-    // delete the text object
-    canvas.remove(textSelected);
-    // set active object as path text
-    canvas.setActiveObject(newTextPath);
-    use3dddPlus.setState({
-      activeSelection: newTextPath
-    });
-    // textSelected.path = newTextPath.path;
-    textSelected._removeCacheCanvas();
-    canvas.renderAll();
-    use3dddPlus.getState().forIconCapture();
-    newTextPath['icon'] = use3dddPlus.getState().iconImage;
-    updateStoreAllObject(newTextPath);
-  };
-  var bridgeShapeChange = function bridgeShapeChange() {
-    if (textSelected && textSelected.shapeType) {
-      if (textSelected && textSelected.text && textSelected.text.length > textLength) {
-        if (textSelected.shapeType === 'Bridge') {
-          setBridgeShapeBendSize(bridgeshapeBendSize + 3);
-        } else {
-          setBowtieShapeBendSize(bowtieshapeBendSize + 1);
-        }
-      } else {
-        if (textSelected.shapeType === 'Bridge') {
-          setBridgeShapeBendSize(bridgeshapeBendSize - 2);
-        } else {
-          setBowtieShapeBendSize(bowtieshapeBendSize - 1);
-        }
-      }
-      if (textSelected && textSelected.text && textSelected.text.length > 10) {
-        setBridgeShapeBendSize(-10);
-        setBowtieShapeBendSize(-5);
-      }
-      setTextLength(textSelected.text.length);
+  }), React.createElement("div", {
+    className: "text-[#E11A38]",
+    style: {
+      fontWeight: 'bold',
+      marginBottom: '3px'
     }
-  };
-  var textShapeChange = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(e, textChange, fontSize, charSpacing, strokeWidth, fontWeight, textAlign, fontStyle) {
-      var pathData, p, shapeType, text, _text, fabricPath, dims, newTextPath, _dims, activeObj;
-      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
-        while (1) switch (_context2.prev = _context2.next) {
-          case 0:
-            if (textChange === void 0) {
-              textChange = false;
-            }
-            if (fontSize === void 0) {
-              fontSize = null;
-            }
-            if (charSpacing === void 0) {
-              charSpacing = null;
-            }
-            if (strokeWidth === void 0) {
-              strokeWidth = null;
-            }
-            if (fontWeight === void 0) {
-              fontWeight = null;
-            }
-            if (textAlign === void 0) {
-              textAlign = null;
-            }
-            if (fontStyle === void 0) {
-              fontStyle = null;
-            }
-            pathData = null;
-            p = null;
-            shapeType = e && e.target ? e.target.value : e;
-            if (!shapeType) {
-              shapeType = textSelected.shapeType;
-            }
-            // setShapeType(shapeType);
-            // if the selection is a text object then convert the text into path for shape deformation
-            if (!(currentSelection === 'text')) {
-              _context2.next = 21;
-              break;
-            }
-            _context2.next = 14;
-            return textToPath([textSelected]);
-          case 14:
-            pathData = _context2.sent;
-            //@ts-ignore
-            p = new Path(pathData.toClipPathSVG());
-            setBridgeShapeBendSize(-25);
-            setBowtieShapeBendSize(-12);
-            setTextLength(textSelected.text.length);
-            _context2.next = 48;
-            break;
-          case 21:
-            if (!(currentSelection === 'path' && textChange)) {
-              _context2.next = 42;
-              break;
-            }
-            if (!(textSelected.text && textSelected.text.trim() === '')) {
-              _context2.next = 27;
-              break;
-            }
-            textSelected.path = [];
-            textSelected._removeCacheCanvas();
-            canvas.renderAll();
-            return _context2.abrupt("return");
-          case 27:
-            // create a temp text with same properties & convert to path
-            text = new fabric.Text(textSelected.text, {
-              lineHeight: 1,
-              fill: textSelected.fill,
-              fontFamily: textSelected.fontFamily,
-              fontWeight: fontWeight ? fontWeight : textSelected.fontWeight,
-              top: textSelected.top,
-              left: textSelected.left,
-              stroke: textSelected.stroke,
-              strokeWidth: strokeWidth ? strokeWidth : textSelected.strokeWidth,
-              fontStyle: fontStyle ? fontStyle : textSelected.fontStyle,
-              paintFirst: 'stroke',
-              charSpacing: charSpacing ? charSpacing : textSelected.charSpacing,
-              padding: textSelected.padding,
-              fontSize: fontSize ? fontSize : textSelected.fontSize,
-              textAlign: textAlign ? textAlign : textSelected.textAlign,
-              name: 'text',
-              lockScalingFlip: true,
-              centeredScaling: true,
-              text: textSelected.text,
-              width: textSelected.width,
-              height: textSelected.height
-            });
-            text.set({
-              //@ts-ignore
-              colorFill: textSelected.colorFill,
-              fontWeight: fontWeight
-            });
-            // let dims = fabricPath._calcDimensions();
-            text.left = textSelected.left;
-            text.top = textSelected.top;
-            text.width = textSelected.width;
-            text.height = textSelected.height;
-            text.scaleX = textSelected.scaleX;
-            text.scaleY = textSelected.scaleY;
-            text.id = textSelected.id;
-            _context2.next = 38;
-            return textToPath([text]);
-          case 38:
-            pathData = _context2.sent;
-            //@ts-ignore
-            p = new Path(pathData.toClipPathSVG());
-            _context2.next = 48;
-            break;
-          case 42:
-            if (!(currentSelection === 'path' && !textChange)) {
-              _context2.next = 47;
-              break;
-            }
-            pathData = textSelected.pathData;
-            //@ts-ignore
-            p = new Path(pathData.toClipPathSVG());
-            _context2.next = 48;
-            break;
-          case 47:
-            return _context2.abrupt("return");
-          case 48:
-            _context2.t0 = shapeType;
-            _context2.next = _context2.t0 === 'None' ? 51 : _context2.t0 === 'Arc' ? 75 : _context2.t0 === 'Bridge' ? 79 : _context2.t0 === 'Bowtie' ? 84 : _context2.t0 === 'Vertical Arch' ? 89 : _context2.t0 === 'Reverse Vertical Arch' ? 93 : 97;
-            break;
-          case 51:
-            setShapeSizeVal(0);
-            textSelected.shapeType = 'None';
-            // revert back to text type object
-            _text = new fabric.Text(textSelected.text, {
-              lineHeight: 1,
-              fill: textSelected.fill,
-              fontFamily: textSelected.fontFamily,
-              fontWeight: fontWeight ? fontWeight : textSelected.fontWeight,
-              top: textSelected.top,
-              left: textSelected.left,
-              stroke: textSelected.stroke,
-              strokeWidth: strokeWidth ? strokeWidth : textSelected.strokeWidth,
-              fontStyle: fontStyle ? fontStyle : textSelected.fontStyle,
-              paintFirst: 'stroke',
-              charSpacing: charSpacing ? charSpacing : textSelected.charSpacing,
-              padding: textSelected.padding,
-              fontSize: fontSize ? fontSize : textSelected.fontSize,
-              textAlign: textAlign ? textAlign : textSelected.textAlign,
-              name: 'text',
-              lockScalingFlip: true,
-              centeredScaling: true,
-              text: textSelected.text
-            });
-            _text.set({
-              //@ts-ignore
-              colorFill: textSelected.colorFill,
-              fontWeight: fontWeight
-            });
-            _text.left = textSelected.left;
-            _text.top = textSelected.top;
-            _text.scaleX = textSelected.scaleX * (textSelected.width / _text.width);
-            _text.scaleY = textSelected.scaleY * (textSelected.width / _text.width);
-            window["textObj"] = _text;
-            _text.setCoords();
-            _text.id = textSelected.id;
-            // delete the active text object
-            canvas.remove(textSelected);
-            textSelected._removeCacheCanvas();
-            canvas.setActiveObject(null);
-            canvas.renderAll();
-            // Add the text object keeping same properties
-            canvas.add(_text);
-            _text.setCoords();
-            // set active object as path text
-            canvas.setActiveObject(_text);
-            use3dddPlus.setState({
-              activeSelection: _text
-            });
-            //@ts-ignore
-            use3dddPlus.getState().forIconCapture();
-            _text['icon'] = use3dddPlus.getState().iconImage;
-            updateStoreAllObject(_text);
-            // canvas.setActiveObject(text);
-            // use3dddPlus.setState({ activeSelection: text });
-            canvas.renderAll();
-            // cancel performing further functions & return back from function
-            return _context2.abrupt("return");
-          case 75:
-            setShapeSizeVal(50);
-            textSelected.shapeType = 'Arc';
-            p.warp({
-              type: 'WARP_ARC',
-              bend: 50 / 100 
-            });
-            return _context2.abrupt("break", 98);
-          case 79:
-            setShapeSizeVal(-25);
-            bridgeShapeChange();
-            textSelected.shapeType = 'Bridge';
-            p.warp({
-              type: 'WARP_ARC_LOWER',
-              bend: bridgeshapeBendSize / 100 || 0
-            });
-            return _context2.abrupt("break", 98);
-          case 84:
-            setShapeSizeVal(-12);
-            bridgeShapeChange();
-            textSelected.shapeType = 'Bowtie';
-            p.warp({
-              type: 'WARP_BULGE',
-              bend: bowtieshapeBendSize / 100 || 0
-            });
-            return _context2.abrupt("break", 98);
-          case 89:
-            setShapeSizeVal(35);
-            textSelected.shapeType = 'Vertical Arch';
-            p.warp({
-              type: 'WARP_ARCH',
-              bend: 35 / 100 
-            });
-            return _context2.abrupt("break", 98);
-          case 93:
-            setShapeSizeVal(-35);
-            textSelected.shapeType = 'Reverse Vertical Arch';
-            p.warp({
-              type: 'WARP_ARCH',
-              bend: -35 / 100 
-            });
-            return _context2.abrupt("break", 98);
-          case 97:
-            return _context2.abrupt("break", 98);
-          case 98:
-            // take out the update path with shape type deformation
-            fabricPath = new fabric.Path(p.output());
-            textSelected['pathData'] = pathData;
-            // add object only when converting from text to path
-            if (currentSelection === 'text') {
-              // add the path text object on canvas
-              canvas.add(fabricPath);
-              fabricPath['pathData'] = pathData;
-              fabricPath['colorFill'] = textSelected.colorFill;
-              fabricPath['shapeSize'] = shapeSizeVal;
-              fabricPath['shapeType'] = shapeType;
-              // carry forward the text properties over the path for further changes
-              fabricPath['fill'] = textSelected.fill;
-              fabricPath['fontFamily'] = textSelected.fontFamily;
-              fabricPath['fontWeight'] = textSelected.fontWeight;
-              fabricPath['stroke'] = textSelected.stroke;
-              fabricPath['strokeWidth'] = textSelected.strokeWidth;
-              fabricPath['padding'] = textSelected.padding;
-              fabricPath['fontSize'] = textSelected.fontSize;
-              fabricPath['charSpacing'] = textSelected.charSpacing;
-              fabricPath['textAlign'] = textSelected.textAlign;
-              fabricPath['fontStyle'] = textSelected.fontStyle;
-              fabricPath['text'] = textSelected.text;
-              fabricPath['id'] = textSelected.id;
-              //@ts-ignore
-              dims = fabricPath._calcDimensions(); // Set the same position scale matching with existing text
-              fabricPath.left = textSelected.left;
-              fabricPath.top = textSelected.top;
-              fabricPath.width = textSelected.width;
-              fabricPath.height = textSelected.height;
-              fabricPath.scaleX = textSelected.scaleX * (textSelected.width / dims.width);
-              fabricPath.scaleY = textSelected.scaleY * (textSelected.width / dims.width);
-              fabricPath.setCoords();
-              fabricPath.width = dims.width;
-              fabricPath.height = dims.height;
-              // var sel = new fabric.ActiveSelection(fabricPath, { canvas: canvas });
-              // canvas.setActiveObject(sel).requestRenderAll();
-              // delete the text object
-              canvas.remove(textSelected);
-              // set active object as path text
-              canvas.setActiveObject(fabricPath);
-              use3dddPlus.setState({
-                activeSelection: fabricPath
-              });
-              use3dddPlus.getState().forIconCapture();
-              fabricPath['icon'] = use3dddPlus.getState().iconImage;
-              updateStoreAllObject(fabricPath);
-            }
-            // update the text path object with new shape type
-            else {
-              // add new textPath
-              newTextPath = new fabric.Path(p.output());
-              newTextPath['pathData'] = textSelected.pathData;
-              newTextPath['colorFill'] = textSelected.colorFill;
-              newTextPath['shapeSize'] = textSelected.shapeSize;
-              newTextPath['shapeType'] = textSelected.shapeType;
-              newTextPath['fill'] = textSelected.fill;
-              newTextPath['fontFamily'] = textSelected.fontFamily;
-              newTextPath['fontWeight'] = textSelected.fontWeight;
-              newTextPath['stroke'] = textSelected.stroke;
-              newTextPath['strokeWidth'] = textSelected.strokeWidth;
-              newTextPath['padding'] = textSelected.padding;
-              newTextPath['fontSize'] = textSelected.fontSize;
-              newTextPath['charSpacing'] = textSelected.charSpacing;
-              newTextPath['textAlign'] = textSelected.textAlign;
-              newTextPath['fontStyle'] = textSelected.fontStyle;
-              newTextPath['text'] = textSelected.text;
-              // set same position & scale
-              newTextPath['left'] = textSelected.left;
-              newTextPath['top'] = textSelected.top;
-              newTextPath['width'] = textSelected.width;
-              newTextPath['height'] = textSelected.height;
-              //@ts-ignore
-              _dims = newTextPath._calcDimensions();
-              newTextPath['scaleX'] = textSelected.scaleX * (textSelected.width / _dims.width);
-              newTextPath['scaleY'] = textSelected.scaleY * (textSelected.width / _dims.width);
-              newTextPath['id'] = textSelected.id;
-              // delete the active text object
-              activeObj = canvas.getActiveObject();
-              canvas.remove(activeObj);
-              if (activeObj && activeObj !== null) {
-                activeObj._removeCacheCanvas();
-              }
-              // add & set active new path text
-              canvas.add(newTextPath);
-              canvas.setActiveObject(newTextPath);
-              use3dddPlus.setState({
-                activeSelection: newTextPath
-              });
-              newTextPath.setCoords();
-              newTextPath.width = _dims.width;
-              newTextPath.height = _dims.height;
-              canvas.renderAll();
-              use3dddPlus.getState().forIconCapture();
-              newTextPath['icon'] = use3dddPlus.getState().iconImage;
-              updateStoreAllObject(newTextPath);
+  }, "ERROR: CONFLICT IN COLOR USED"), React.createElement("div", {
+    className: "text-[#E11A38]",
+    style: {
+      marginBottom: '3px'
+    }
+  }, "Note: The following colors used are not available in Richardson color palette. Please edit the colors used."), React.createElement("div", null, conflictColors.map(function (c, i) {
+    return React.createElement("div", {
+      key: 'color-' + i,
+      style: {
+        width: '100%',
+        height: '30px',
+        lineHeight: '30px',
+        backgroundColor: c,
+        textAlign: 'center',
+        marginBottom: '3px'
+      }
+    }, React.createElement("span", {
+      style: {
+        color: '#ffffff',
+        mixBlendMode: 'difference'
+      }
+    }, c));
+  })));
+};
+var Properties = function Properties(_ref2) {
+  var _Object$keys2;
+  var textSelected = _ref2.textSelected,
+    activeTab = _ref2.activeTab,
+    canvas = _ref2.canvas,
+    setIsNextClicked = _ref2.setIsNextClicked,
+    onSave = _ref2.onSave,
+    conflictColors = _ref2.conflictColors,
+    isNextClicked = _ref2.isNextClicked,
+    setDisplayPallet = _ref2.setDisplayPallet,
+    setPosition = _ref2.setPosition;
+  var _use3dddPlus = use3dddPlus(function (state) {
+      return [state.colorFill, state.currentSelection, state.activeSelection, state.textInfo, state.activeSelection, state.allColor];
+    }, shallow$1),
+    colorFill = _use3dddPlus[0],
+    currentSelection = _use3dddPlus[1],
+    activeSelection = _use3dddPlus[2],
+    textInfo = _use3dddPlus[3],
+    activeObj = _use3dddPlus[4],
+    allColor = _use3dddPlus[5];
+  var _useState = useState(false),
+    textAlignDisplay = _useState[0],
+    setTextAlignDisplay = _useState[1];
+  var _useState2 = useState({
+      bold: false,
+      italic: false,
+      underline: false
+    }),
+    fontStyle = _useState2[0],
+    setFontStyle = _useState2[1];
+  var _useState3 = useState(null),
+    activeButton = _useState3[0],
+    setActiveButton = _useState3[1];
+  var _useState4 = useState(50),
+    shapeSizeVal = _useState4[0],
+    setShapeSizeVal = _useState4[1];
+  var _useState5 = useState(textSelected && textSelected.text ? textSelected.text.length : 0),
+    textLength = _useState5[0],
+    setTextLength = _useState5[1];
+  var _useState6 = useState(-25),
+    bridgeshapeBendSize = _useState6[0],
+    setBridgeShapeBendSize = _useState6[1];
+  var _useState7 = useState(-12),
+    bowtieshapeBendSize = _useState7[0],
+    setBowtieShapeBendSize = _useState7[1];
+  var textShapeSizeHandler = function textShapeSizeHandler(e) {
+    var newSize = e.target.valueAsNumber;
+    setShapeSizeVal(newSize);
+    var state = use3dddPlus.getState();
+    if (textSelected) {
+      textSelected.shapeSize = newSize;
+      state.updateModifaction(true);
+      state.forIconCapture();
+      textSelected.icon = state.iconImage;
+      setShapeSizeOnTextPath(newSize);
+      canvas.renderAll();
+      if (textSelected.aCoords.tr.x > 480) {
+        return;
+      }
+    }
+  };
+  var setShapeSizeOnTextPath = function setShapeSizeOnTextPath(val) {
+    if (!textSelected || !textSelected.pathData) {
+      return;
+    }
+    var applyTextProperties = function applyTextProperties(newTextPath, textSelected) {
+      textProperties.forEach(function (prop) {
+        newTextPath[prop] = textSelected[prop];
+      });
+    };
+    var setNewPathDimensions = function setNewPathDimensions(newTextPath, dims, textSelected) {
+      newTextPath.left = textSelected.left;
+      newTextPath.top = textSelected.top;
+      newTextPath.width = textSelected.width;
+      newTextPath.height = textSelected.height;
+      newTextPath.scaleX = textSelected.scaleX * (textSelected.width / dims.width);
+      newTextPath.scaleY = textSelected.scaleY * (textSelected.width / dims.width);
+      newTextPath.setCoords();
+      newTextPath.width = dims.width;
+      newTextPath.height = dims.height;
+    };
+    var state = use3dddPlus.getState();
+    var canvas = state.fabricCanvas;
+    // @ts-ignore
+    var path = new Path(textSelected.pathData.toClipPathSVG());
+    textSelected.shapeSize = val;
+    var bendValue = val / 100 || 0;
+    var warpType = warpTypes[textSelected.shapeType];
+    if (warpType) {
+      path.warp({
+        type: warpType,
+        bend: bendValue
+      });
+    }
+    var newTextPath = new fabric.Path(path.output());
+    applyTextProperties(newTextPath, textSelected);
+    // @ts-ignore
+    var dimensions = newTextPath._calcDimensions();
+    setNewPathDimensions(newTextPath, dimensions, textSelected);
+    canvas.remove(textSelected);
+    canvas.add(newTextPath);
+    canvas.setActiveObject(newTextPath);
+    state.activeSelection = newTextPath;
+    state.forIconCapture();
+    // @ts-ignore
+    newTextPath.icon = state.iconImage;
+    updateStoreAllObject(newTextPath);
+    canvas.renderAll();
+  };
+  var onTextChange = /*#__PURE__*/function () {
+    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(e) {
+      var textValue, lines, state, isFontWithCamelCase, formattedText;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            textValue = e.target.value;
+            lines = textValue.split('\n');
+            setTextAlignDisplay(lines.length > 1);
+            state = use3dddPlus.getState();
+            isFontWithCamelCase = Configuration.fontWithCamelCase.includes(textSelected.fontFamily);
+            formattedText = isFontWithCamelCase ? textValue.toUpperCase() : textValue;
+            use3dddPlus.setState({
+              textInfo: formattedText
+            });
+            textSelected.text = formattedText;
+            if (!(currentSelection === 'path')) {
+              _context.next = 11;
+              break;
             }
+            _context.next = 11;
+            return textShapeChange(textSelected.shapeType, true);
+          case 11:
+            reduceFontSize();
+            textSelected.setCoords();
             canvas.renderAll();
             reduceFontSize();
-          case 103:
+            canvas.renderAll();
+            state.updateModifaction(true);
+            state.forIconCapture();
+            textSelected.icon = state.iconImage;
+          case 19:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function onTextChange(_x) {
+      return _ref3.apply(this, arguments);
+    };
+  }();
+  var textAlignHandler = /*#__PURE__*/function () {
+    var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(e) {
+      var textAlign, state;
+      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            textAlign = e.currentTarget.id;
+            setActiveButton(textAlign);
+            textSelected.set('textAlign', textAlign);
+            if (!(currentSelection === 'path')) {
+              _context2.next = 6;
+              break;
+            }
+            _context2.next = 6;
+            return textShapeChange(textSelected.shapeType, true);
+          case 6:
+            state = use3dddPlus.getState();
+            state.updateModifaction(true);
+            state.forIconCapture();
+            textSelected.icon = state.iconImage;
+            canvas.requestRenderAll();
+          case 11:
           case "end":
             return _context2.stop();
         }
       }, _callee2);
     }));
-    return function textShapeChange(_x2, _x3, _x4, _x5, _x6, _x7, _x8, _x9) {
-      return _ref2.apply(this, arguments);
+    return function textAlignHandler(_x2) {
+      return _ref4.apply(this, arguments);
     };
   }();
-  var updateStoreAllObject = function updateStoreAllObject(text) {
-    // @ts-ignore
-    // var index = use3dddPlus.getState().storeAllObject.indexOf(textSelected);
-    // let object = [{ objects: [] }];
-    // const canvasGetobject = use3dddPlus.getState().fabricCanvas.getObjects();
-    // canvasGetobject.forEach((element: any) => {
-    //   if (element && element.shapeType) {
-    //     element.type = 'path';
-    //   }
-    //   object[0].objects.push(element);
-    // });
-    // use3dddPlus.getState().storeHistory.push(object[0]); // for updateModifaction
-    use3dddPlus.getState().updateModifaction(true);
-    var index = use3dddPlus.getState().storeAllObject.findIndex(function (obj) {
-      return obj.id === textSelected.id;
+  var fontChange = /*#__PURE__*/function () {
+    var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(e) {
+      var fontFamily, state;
+      return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+        while (1) switch (_context3.prev = _context3.next) {
+          case 0:
+            fontFamily = e.target.value;
+            textSelected.set('fontFamily', fontFamily);
+            textSelected.set({
+              text: textInfo,
+              charSpacing: 0
+            });
+            if (Configuration.fontWithCamelCase.includes(fontFamily)) {
+              textSelected.set({
+                text: textSelected.text.toUpperCase(),
+                charSpacing: 5
+              });
+            }
+            if (!(currentSelection === 'path')) {
+              _context3.next = 7;
+              break;
+            }
+            _context3.next = 7;
+            return textShapeChange(textSelected.shapeType, true);
+          case 7:
+            state = use3dddPlus.getState();
+            state.forIconCapture();
+            textSelected.icon = state.iconImage;
+            canvas.requestRenderAll();
+            reduceFontSize();
+            state.updateModifaction(true);
+          case 13:
+          case "end":
+            return _context3.stop();
+        }
+      }, _callee3);
+    }));
+    return function fontChange(_x3) {
+      return _ref5.apply(this, arguments);
+    };
+  }();
+  var textColorChange = function textColorChange(_property, color) {
+    textSelected.set({
+      fill: color,
+      colorFill: {
+        layer0: color
+      }
     });
-    if (index > -1) {
-      use3dddPlus.getState().storeAllObject.splice(index, 1);
+    var state = use3dddPlus.getState();
+    state.updateModifaction(true);
+    state.forIconCapture();
+    textSelected.icon = state.iconImage;
+    canvas.requestRenderAll();
+  };
+  var textOutlineHandler = function textOutlineHandler(e) {
+    var activeText = canvas.getActiveObject();
+    if (!activeText) {
+      return;
+    }
+    if (currentSelection === 'path') {
+      textShapeChange(textSelected.shapeType, true);
+    }
+    if (activeText.type === 'text') {
+      activeText.set({
+        strokeWidth: parseFloat(e.target.value)
+      });
+      var state = use3dddPlus.getState();
+      state.updateModifaction(true);
+      state.forIconCapture();
+      activeText.icon = state.iconImage;
+      activeText.canvas.requestRenderAll();
     }
-    //@ts-ignore
-    use3dddPlus.getState().storeAllObject.splice(index, 0, text);
   };
-  var textShapeSizeHandler = function textShapeSizeHandler(e) {
-    setShapeSizeVal(e.target.valueAsNumber);
-    textSelected.shapeSize = e.target.valueAsNumber;
-    console.log(e.target.valueAsNumber);
+  var strokeColorChange = function strokeColorChange(_property, color) {
+    textSelected.set('stroke', color);
+    var state = use3dddPlus.getState();
+    state.updateModifaction(true);
+    state.forIconCapture();
+    textSelected.icon = state.iconImage;
+    canvas.requestRenderAll();
+  };
+  var textSpacingHandler = function textSpacingHandler(e) {
+    // setSpacinglineVal(e.target.valueAsNumber);
+    var dublicateText = textSelected;
+    var oldCharSpacing = dublicateText.charSpacing;
+    dublicateText.charSpacing = e.target.valueAsNumber;
+    var brNew = dublicateText.getBoundingRect();
+    if (brNew.width + brNew.left + 45 >= dublicateText.canvas.width || brNew.height + brNew.top >= dublicateText.canvas.height || brNew.left < 0 || brNew.top < 0) {
+      if (textSelected.charSpacing > e.target.valueAsNumber) {
+        textSelected.charSpacing = e.target.valueAsNumber;
+        if (currentSelection === 'path') {
+          textShapeChange(textSelected.shapeType, true);
+        }
+        use3dddPlus.getState().updateModifaction(true);
+        use3dddPlus.getState().forIconCapture();
+        textSelected.icon = use3dddPlus.getState().iconImage;
+        canvas.renderAll();
+        if (textSelected.aCoords.tr.x > 480) {
+          return;
+        }
+      }
+    } else {
+      textSelected.charSpacing = e.target.valueAsNumber;
+      if (currentSelection === 'path') {
+        textShapeChange(textSelected.shapeType, true);
+      }
+      use3dddPlus.getState().forIconCapture();
+      textSelected.icon = use3dddPlus.getState().iconImage;
+      var _brNew = textSelected.getBoundingRect();
+      if (_brNew.width + _brNew.left + 45 >= dublicateText.canvas.width || _brNew.height + _brNew.top >= dublicateText.canvas.height || _brNew.left < 0 || _brNew.top < 0) {
+        textSelected.charSpacing = oldCharSpacing;
+      }
+      use3dddPlus.getState().updateModifaction(true);
+      canvas.renderAll();
+      if (textSelected.aCoords.tr.x > 480) {
+        return;
+      }
+    }
+  };
+  var textStyle = function textStyle(e, key, value) {
+    if (fontStyle[e.target.id]) textSelected.set(key, '');else textSelected.set(key, value);
+    setFontStyle(function (state) {
+      var _extends2;
+      return _extends({}, state, (_extends2 = {}, _extends2[e.target.id] = !state[e.target.id], _extends2));
+    });
+    use3dddPlus.getState().updateModifaction(true);
+    use3dddPlus.getState().forIconCapture();
+    textSelected.icon = use3dddPlus.getState().iconImage;
+    canvas.renderAll();
+  };
+  var changeSVGTextColor = function changeSVGTextColor(property, color) {
+    var previousColor = property;
+    canvas.getObjects().map(function (data) {
+      if (data.type === 'text') {
+        var _C = data.fill;
+        if (_C === previousColor) {
+          data.set({
+            fill: color,
+            colorFill: {
+              layer0: color
+            }
+          });
+        }
+        //  canvas.renderAll();
+      } else if (data.type === 'path') {
+        var _C2 = data.fill;
+        if (_C2 === previousColor) {
+          data.set({
+            fill: color,
+            colorFill: {
+              layer0: color
+            }
+          });
+        }
+        //  canvas.renderAll();
+      } else if (data.type === 'group') {
+        // console.log(data);
+        var objImage = data._objects;
+        objImage.forEach(function (ele) {
+          var _C = ele.fill === 'transparent' || typeof ele.fill === 'string' && ele.fill.includes('#') ? ele.fill : RGBToHex(ele.fill);
+          if (_C === previousColor) {
+            ele.set({
+              fill: color,
+              colorFill: {
+                layer0: color
+              }
+            });
+          }
+        });
+        var _colorFill = _extends({}, data.colorFill);
+        Object.keys(_colorFill).forEach(function (item) {
+          if (_colorFill[item] === previousColor) {
+            _colorFill[item] = color;
+          }
+        });
+        data.set({
+          colorFill: _colorFill
+        });
+      }
+      if (data && data.icon) {
+        data.icon = data.toDataURL('image/png');
+      } else if (data._objects && data._objects.length) {
+        data._objects[0].icon = data.toDataURL('image/png');
+      }
+    });
+    canvas.renderAll();
     use3dddPlus.getState().updateModifaction(true);
-    use3dddPlus.getState().forIconCapture();
-    textSelected.icon = use3dddPlus.getState().iconImage;
-    setShapeSizeOnTextPath(textSelected.shapeSize);
+  };
+  var changeSVGColor = function changeSVGColor(property, color) {
+    var fillColor = colorFill;
+    var previousColor = fillColor[property];
+    var SelectedObjet = use3dddPlus.getState().activeSelection;
+    var objImage = SelectedObjet._objects;
+    objImage.forEach(function (ele) {
+      var _C = ele.fill === 'transparent' || typeof ele.fill === 'string' && ele.fill.includes('#') ? ele.fill : RGBToHex(ele.fill);
+      if (_C === previousColor) {
+        ele.set({
+          fill: color,
+          colorFill: {
+            layer0: color
+          }
+        });
+      }
+    });
+    var tempColorFill = _extends({}, SelectedObjet.colorFill);
+    Object.keys(tempColorFill).forEach(function (item) {
+      if (tempColorFill[item] === previousColor) {
+        tempColorFill[item] = color;
+      }
+    });
+    SelectedObjet.set({
+      colorFill: tempColorFill
+    });
     canvas.renderAll();
-    if (textSelected.aCoords.tr.x > 480) {
-      return;
-    }
+    // fillColor[property] = color;
+    // use3dddPlus.setState({ colorFill: fillColor });
+    use3dddPlus.setState({
+      colorFill: tempColorFill
+    });
+    use3dddPlus.getState().forIconCapture();
+    SelectedObjet.icon = use3dddPlus.getState().iconImage;
+    use3dddPlus.getState().updateModifaction(true);
   };
-  var reduceFontSize = /*#__PURE__*/function () {
-    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
-      var brNew, canvasWidth, canvasHeight, _activeObj;
-      return _regeneratorRuntime().wrap(function _callee3$(_context3) {
-        while (1) switch (_context3.prev = _context3.next) {
-          case 0:
-            brNew = textSelected.getBoundingRect();
-            canvasWidth = 0;
-            canvasHeight = 0;
-            if (textSelected && textSelected.canvas && textSelected.canvas.width) {
-              canvasWidth = textSelected.canvas.width;
-              canvasHeight = textSelected.canvas.height;
-            } else {
-              canvasWidth = canvas.width;
-              canvasHeight = canvas.height;
-            }
-            while (Math.ceil(brNew.width + brNew.left + 45) >= Math.floor(canvasWidth) || Math.ceil(brNew.height + brNew.top + 10) >= Math.floor(canvasHeight) || Math.ceil(brNew.left) < 0 || Math.ceil(brNew.top) < 0) {
-              _activeObj = canvas.getActiveObject();
-              _activeObj.scale(_activeObj.scaleX * 0.99);
-              _activeObj.setCoords();
-              _activeObj = canvas.getActiveObject();
-              brNew = _activeObj.getBoundingRect();
-              canvas.renderAll();
-            }
-            canvas.renderAll();
-          case 6:
-          case "end":
-            return _context3.stop();
-        }
-      }, _callee3);
-    }));
-    return function reduceFontSize() {
-      return _ref3.apply(this, arguments);
-    };
-  }();
-  var onTextChange = /*#__PURE__*/function () {
-    var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(e) {
-      var lines;
+  var textToPath = /*#__PURE__*/function () {
+    var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(objects) {
+      var promises, pathObj;
       return _regeneratorRuntime().wrap(function _callee4$(_context4) {
         while (1) switch (_context4.prev = _context4.next) {
           case 0:
-            lines = e.target.value.split('\n');
-            lines.length == 1 ? setTextAlignDisplay(false) : setTextAlignDisplay(true);
-            use3dddPlus.setState({
-              textInfo: Configuration.fontWithCamelCase.includes(textSelected.fontFamily) ? e.target.value.toUpperCase() : e.target.value
+            promises = [];
+            pathObj = null;
+            objects.forEach(function (object) {
+              promises = [].concat(promises, [new Promise(function (resolve) {
+                // console.log(object.type)
+                if (object.type === 'text') {
+                  // console.log(object.fontFamily);
+                  var fontSource = fontFamilies.filter(function (o) {
+                    return o.name === object.fontFamily;
+                  })[0].src;
+                  // console.log(fontSource);
+                  load(fontSource, function (error, font) {
+                    if (error) {
+                      console.error(error);
+                    }
+                    // console.log("font loaded", font);
+                    var path = font.getPath(object.text, 0, 0, object.fontSize, {
+                      fontSize: object.get('fontSize'),
+                      fill: object.get('fill'),
+                      stroke: object.get('stroke'),
+                      strokeWidth: object.get('strokeWidth')
+                    });
+                    var fabricPath = new fabric.Path(path.toPathData(20), {});
+                    pathObj = fabricPath;
+                    resolve(pathObj);
+                  });
+                }
+              })]);
             });
-            textSelected['text'] = Configuration.fontWithCamelCase.includes(textSelected.fontFamily) ? e.target.value.toUpperCase() : e.target.value;
-            if (!(currentSelection === 'path')) {
-              _context4.next = 7;
-              break;
-            }
-            _context4.next = 7;
-            return textShapeChange(textSelected.shapeType, true);
-          case 7:
-            // let textWidth = textSelected.width;
-            // const canvasWidth = canvas.width;
-            reduceFontSize();
-            // var newFontSize =
-            //   (canvasWidth / (brNew.width + brNew.left)) * textSelected.fontSize;
-            // textSelected.set('fontSize', textSelected.fontSize - 3);
-            textSelected.setCoords();
-            canvas.renderAll();
-            reduceFontSize();
-            canvas.renderAll();
-            use3dddPlus.getState().updateModifaction(true);
-            use3dddPlus.getState().forIconCapture();
-            textSelected.icon = use3dddPlus.getState().iconImage;
-          case 15:
+            //resolve all promises
+            _context4.next = 5;
+            return Promise.all(promises);
+          case 5:
+            return _context4.abrupt("return", pathObj);
+          case 6:
           case "end":
             return _context4.stop();
         }
       }, _callee4);
     }));
-    return function onTextChange(_x10) {
-      return _ref4.apply(this, arguments);
+    return function textToPath(_x4) {
+      return _ref6.apply(this, arguments);
     };
   }();
-  var textAlignHandler = function textAlignHandler(e) {
-    console.log(e.target.id);
-    setActiveButton(e.target.id);
-    textSelected.set('textAlign', e.target.id);
-    if (currentSelection === 'path') {
-      textShapeChange(textSelected.shapeType, true);
+  var bridgeShapeChange = function bridgeShapeChange() {
+    if (textSelected && textSelected.shapeType) {
+      if (textSelected && textSelected.text && textSelected.text.length > textLength) {
+        if (textSelected.shapeType === 'Bridge') {
+          setBridgeShapeBendSize(bridgeshapeBendSize + 3);
+        } else {
+          setBowtieShapeBendSize(bowtieshapeBendSize + 1);
+        }
+      } else {
+        if (textSelected.shapeType === 'Bridge') {
+          setBridgeShapeBendSize(bridgeshapeBendSize - 2);
+        } else {
+          setBowtieShapeBendSize(bowtieshapeBendSize - 1);
+        }
+      }
+      if (textSelected && textSelected.text && textSelected.text.length > 10) {
+        setBridgeShapeBendSize(-10);
+        setBowtieShapeBendSize(-5);
+      }
+      setTextLength(textSelected.text.length);
     }
-    use3dddPlus.getState().updateModifaction(true);
-    use3dddPlus.getState().forIconCapture();
-    textSelected.icon = use3dddPlus.getState().iconImage;
-    canvas.renderAll();
   };
-  // const handleSliderChange = (event) => {
-  //   let fontSize = textSelected.fontSize;
-  //   let toReduceSize = event.target.value - fontSize;
-  //   let dublicateText = textSelected;
-  //   // let brNew;
-  //   dublicateText.set('fontSize', event.target.value);
-  //   // if (currentSelection === 'path') {
-  //   //   textShapeChange(dublicateText.shapeType, true);
-  //   //   brNew = use3dddPlus.getState().activeSelection.getBoundingRect();
-  //   // } else {
-  //   //   brNew = dublicateText.getBoundingRect();
-  //   // }
-  //   const brNew = dublicateText.getBoundingRect();
-  //   if (
-  //     brNew.width + brNew.left + 45 >= textSelected.canvas.width ||
-  //     brNew.height + brNew.top + 10 >= textSelected.canvas.height ||
-  //     brNew.left < 45 ||
-  //     brNew.top < 10
-  //   ) {
-  //     if (currentSelection === 'path') {
-  //       textSelected.set(
-  //         'fontSize',
-  //         event.target.value - (Math.sign(toReduceSize) >= 0 ? toReduceSize : 1)
-  //       );
-  //       textShapeChange(textSelected.shapeType, true);
-  //     } else {
-  //       if (brNew.left < 0) {
-  //         textSelected.set('left', textSelected.left + 1);
-  //       }
-  //       if (brNew.top < 0) {
-  //         textSelected.set('top', textSelected.top + 1);
-  //       }
-  //       textSelected.set(
-  //         'fontSize',
-  //         event.target.value - (Math.sign(toReduceSize) >= 0 ? toReduceSize : 1)
-  //       );
-  //     }
-  //   } else {
-  //     if (fontSize > event.target.value) {
-  //       textSelected.set('top', textSelected.top + 1);
-  //       textSelected.set('left', textSelected.left + 1);
-  //     } else {
-  //       textSelected.set('top', textSelected.top - 1);
-  //       textSelected.set('left', textSelected.left - 1);
-  //     }
-  //     textSelected.set('fontSize', event.target.value);
-  //     if (currentSelection === 'path') {
-  //       textShapeChange(textSelected.shapeType, true);
-  //     }
-  //     canvas.renderAll();
-  //     // setSliderValue(event.target.value);
-  //   }
-  // };
-  // const reduceLeft = async () => {
-  //   const canvasWidth = textSelected.canvas.width;
-  //   const canvasHeight = textSelected.canvas.height;
-  //   let brNew = textSelected.getBoundingRect();
-  //   while (
-  //     Math.ceil(brNew.width + brNew.left + 45) >= Math.floor(canvasWidth) ||
-  //     Math.ceil(brNew.height + brNew.top + 10) >= Math.floor(canvasHeight) ||
-  //     Math.ceil(brNew.left) < 0 ||
-  //     Math.ceil(brNew.top) < 0
-  //   ) {
-  //     textSelected.set('fontSize', textSelected.fontSize - 0.1);
-  //     if (currentSelection === 'path') {
-  //       await textShapeChange(textSelected.shapeType, true);
-  //       canvas.renderAll();
-  //       const activeObj = canvas.getActiveObject();
-  //       brNew.left = activeObj.left;
-  //       brNew.width = activeObj.width;
-  //       brNew.top = activeObj.top;
-  //       brNew.height = activeObj.height;
-  //     } else {
-  //       brNew = textSelected.getBoundingRect();
-  //     }
-  //     textSelected.setCoords();
-  //     canvas.renderAll();
-  //   }
-  // };
-  var fontChange = /*#__PURE__*/function () {
-    var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5(e) {
+  var textShapeChange = /*#__PURE__*/function () {
+    var _ref7 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5(e, textChange, fontSize, charSpacing, strokeWidth, fontWeight, textAlign, fontStyle) {
+      var pathData, p, shapeType, text, _text, fabricPath, dims, newTextPath, _dims, activeObj;
       return _regeneratorRuntime().wrap(function _callee5$(_context5) {
         while (1) switch (_context5.prev = _context5.next) {
           case 0:
-            textSelected.set('fontFamily', e.target.value);
-            textSelected.set({
-              "text": textInfo,
-              "charSpacing": 0
-            });
-            if (Configuration.fontWithCamelCase.includes(e.target.value)) {
-              textSelected.set({
-                "text": textSelected.text.toUpperCase(),
-                "charSpacing": 5
-              });
+            if (textChange === void 0) {
+              textChange = false;
             }
-            if (!(currentSelection === 'path')) {
-              _context5.next = 6;
+            if (fontSize === void 0) {
+              fontSize = null;
+            }
+            if (charSpacing === void 0) {
+              charSpacing = null;
+            }
+            if (strokeWidth === void 0) {
+              strokeWidth = null;
+            }
+            if (fontWeight === void 0) {
+              fontWeight = null;
+            }
+            if (textAlign === void 0) {
+              textAlign = null;
+            }
+            if (fontStyle === void 0) {
+              fontStyle = null;
+            }
+            pathData = null;
+            p = null;
+            shapeType = e && e.target ? e.target.value : e;
+            if (!shapeType) {
+              shapeType = textSelected.shapeType;
+            }
+            // setShapeType(shapeType);
+            // if the selection is a text object then convert the text into path for shape deformation
+            if (!(currentSelection === 'text')) {
+              _context5.next = 21;
+              break;
+            }
+            _context5.next = 14;
+            return textToPath([textSelected]);
+          case 14:
+            pathData = _context5.sent;
+            //@ts-ignore
+            p = new Path(pathData.toClipPathSVG());
+            setBridgeShapeBendSize(-25);
+            setBowtieShapeBendSize(-12);
+            setTextLength(textSelected.text.length);
+            _context5.next = 48;
+            break;
+          case 21:
+            if (!(currentSelection === 'path' && textChange)) {
+              _context5.next = 42;
+              break;
+            }
+            if (!(textSelected.text && textSelected.text.trim() === '')) {
+              _context5.next = 27;
+              break;
+            }
+            textSelected.path = [];
+            textSelected._removeCacheCanvas();
+            canvas.renderAll();
+            return _context5.abrupt("return");
+          case 27:
+            // create a temp text with same properties & convert to path
+            text = new fabric.Text(textSelected.text, {
+              lineHeight: 1,
+              fill: textSelected.fill,
+              fontFamily: textSelected.fontFamily,
+              fontWeight: fontWeight ? fontWeight : textSelected.fontWeight,
+              top: textSelected.top,
+              left: textSelected.left,
+              stroke: textSelected.stroke,
+              strokeWidth: strokeWidth ? strokeWidth : textSelected.strokeWidth,
+              fontStyle: fontStyle ? fontStyle : textSelected.fontStyle,
+              paintFirst: 'stroke',
+              charSpacing: charSpacing ? charSpacing : textSelected.charSpacing,
+              padding: textSelected.padding,
+              fontSize: fontSize ? fontSize : textSelected.fontSize,
+              textAlign: textAlign ? textAlign : textSelected.textAlign,
+              name: 'text',
+              lockScalingFlip: true,
+              centeredScaling: true,
+              text: textSelected.text,
+              width: textSelected.width,
+              height: textSelected.height
+            });
+            text.set({
+              //@ts-ignore
+              colorFill: textSelected.colorFill,
+              fontWeight: fontWeight
+            });
+            // let dims = fabricPath._calcDimensions();
+            text.left = textSelected.left;
+            text.top = textSelected.top;
+            text.width = textSelected.width;
+            text.height = textSelected.height;
+            text.scaleX = textSelected.scaleX;
+            text.scaleY = textSelected.scaleY;
+            text.id = textSelected.id;
+            _context5.next = 38;
+            return textToPath([text]);
+          case 38:
+            pathData = _context5.sent;
+            //@ts-ignore
+            p = new Path(pathData.toClipPathSVG());
+            _context5.next = 48;
+            break;
+          case 42:
+            if (!(currentSelection === 'path' && !textChange)) {
+              _context5.next = 47;
               break;
             }
-            _context5.next = 6;
-            return textShapeChange(textSelected.shapeType, true);
-          case 6:
+            pathData = textSelected.pathData;
+            //@ts-ignore
+            p = new Path(pathData.toClipPathSVG());
+            _context5.next = 48;
+            break;
+          case 47:
+            return _context5.abrupt("return");
+          case 48:
+            _context5.t0 = shapeType;
+            _context5.next = _context5.t0 === 'None' ? 51 : _context5.t0 === 'Arc' ? 75 : _context5.t0 === 'Bridge' ? 79 : _context5.t0 === 'Bowtie' ? 84 : _context5.t0 === 'Vertical Arch' ? 89 : _context5.t0 === 'Reverse Vertical Arch' ? 93 : 97;
+            break;
+          case 51:
+            setShapeSizeVal(0);
+            textSelected.shapeType = 'None';
+            // revert back to text type object
+            _text = new fabric.Text(textSelected.text, {
+              lineHeight: 1,
+              fill: textSelected.fill,
+              fontFamily: textSelected.fontFamily,
+              fontWeight: fontWeight ? fontWeight : textSelected.fontWeight,
+              top: textSelected.top,
+              left: textSelected.left,
+              stroke: textSelected.stroke,
+              strokeWidth: strokeWidth ? strokeWidth : textSelected.strokeWidth,
+              fontStyle: fontStyle ? fontStyle : textSelected.fontStyle,
+              paintFirst: 'stroke',
+              charSpacing: charSpacing ? charSpacing : textSelected.charSpacing,
+              padding: textSelected.padding,
+              fontSize: fontSize ? fontSize : textSelected.fontSize,
+              textAlign: textAlign ? textAlign : textSelected.textAlign,
+              name: 'text',
+              lockScalingFlip: true,
+              centeredScaling: true,
+              text: textSelected.text
+            });
+            _text.set({
+              //@ts-ignore
+              colorFill: textSelected.colorFill,
+              fontWeight: fontWeight
+            });
+            _text.left = textSelected.left;
+            _text.top = textSelected.top;
+            _text.scaleX = textSelected.scaleX * (textSelected.width / _text.width);
+            _text.scaleY = textSelected.scaleY * (textSelected.width / _text.width);
+            window['textObj'] = _text;
+            _text.setCoords();
+            _text.id = textSelected.id;
+            // delete the active text object
+            canvas.remove(textSelected);
+            textSelected._removeCacheCanvas();
+            canvas.setActiveObject(null);
             canvas.renderAll();
+            // Add the text object keeping same properties
+            canvas.add(_text);
+            _text.setCoords();
+            // set active object as path text
+            canvas.setActiveObject(_text);
+            use3dddPlus.setState({
+              activeSelection: _text
+            });
+            //@ts-ignore
             use3dddPlus.getState().forIconCapture();
-            textSelected.icon = use3dddPlus.getState().iconImage;
-            reduceFontSize();
-            use3dddPlus.getState().updateModifaction(true);
-            // fontFamilies.map((item) => {
-            //   if (item.name == e.target.value) {
-            //     const font = new FontFace(item.name, `url('${item.src}')`);
-            //     font.load().then(async (value) => {
-            //       //@ts-ignore
-            //       document.fonts?.add(value);
-            //       document.body.classList.add('fonts-loaded');
-            //       textSelected.set('fontFamily', item.name);
-            //       if (currentSelection === 'path') {
-            //         await textShapeChange(textSelected.shapeType, true);
-            //       }
-            //       canvas.renderAll();
-            //       use3dddPlus.getState().forIconCapture();
-            //       textSelected.icon = use3dddPlus.getState().iconImage;
-            //       reduceFontSize();
-            //       use3dddPlus.getState().updateModifaction(true);
-            //     });
-            //   }
-            // });
-          case 11:
-          case "end":
-            return _context5.stop();
-        }
-      }, _callee5);
-    }));
-    return function fontChange(_x11) {
-      return _ref5.apply(this, arguments);
-    };
-  }();
-  var textColorChange = function textColorChange(property, color) {
-    console.log(property);
-    textSelected.set({
-      fill: color,
-      colorFill: {
-        layer0: color
-      }
-    });
-    //textSelected.set('fill', color);
-    use3dddPlus.getState().updateModifaction(true);
-    use3dddPlus.getState().forIconCapture();
-    textSelected.icon = use3dddPlus.getState().iconImage;
-    canvas.renderAll();
-  };
-  // const nudgeMove = (e) => {
-  //   if (e.target.id === 'down') {
-  //     if (textSelected.aCoords.br.y > canvas.height - 2) return;
-  //     use3dddPlus.getState().moveDown(textSelected);
-  //     use3dddPlus.getState().updateModifaction(true);
-  //   } else if (e.target.id === 'up') {
-  //     if (textSelected.aCoords.tr.y < 5) return;
-  //     use3dddPlus.getState().moveUp(textSelected);
-  //     use3dddPlus.getState().updateModifaction(true);
-  //   } else if (e.target.id === 'right') {
-  //     if (textSelected.aCoords.tr.x > canvas.height - 2) return;
-  //     use3dddPlus.getState().moveRight(textSelected);
-  //     use3dddPlus.getState().updateModifaction(true);
-  //   } else if (e.target.id === 'left') {
-  //     if (textSelected.aCoords.tl.x < 2) return;
-  //     use3dddPlus.getState().moveLeft(textSelected);
-  //     use3dddPlus.getState().updateModifaction(true);
-  //   }
-  // };
-  var textOutlineHandler = function textOutlineHandler(e) {
-    var activeText = canvas.getActiveObject();
-    if (!activeText) {
-      return;
-    }
-    if (currentSelection === 'path') {
-      textShapeChange(textSelected.shapeType, true);
-    }
-    if (activeText.type == "text") {
-      activeText.set({
-        strokeWidth: parseFloat(e.target.value)
-      });
-      use3dddPlus.getState().updateModifaction(true);
-      use3dddPlus.getState().forIconCapture();
-      activeText.icon = use3dddPlus.getState().iconImage;
-      activeText.canvas.renderAll();
-    }
-  };
-  var strokeColorChange = function strokeColorChange(property, color) {
-    console.log(property);
-    textSelected.set('stroke', color);
-    use3dddPlus.getState().updateModifaction(true);
-    use3dddPlus.getState().forIconCapture();
-    textSelected.icon = use3dddPlus.getState().iconImage;
-    canvas.renderAll();
-  };
-  var textSpacingHandler = function textSpacingHandler(e) {
-    // setSpacinglineVal(e.target.valueAsNumber);
-    var dublicateText = textSelected;
-    var oldCharSpacing = dublicateText.charSpacing;
-    dublicateText.charSpacing = e.target.valueAsNumber;
-    var brNew = dublicateText.getBoundingRect();
-    if (brNew.width + brNew.left + 45 >= dublicateText.canvas.width || brNew.height + brNew.top >= dublicateText.canvas.height || brNew.left < 0 || brNew.top < 0) {
-      if (textSelected.charSpacing > e.target.valueAsNumber) {
-        textSelected.charSpacing = e.target.valueAsNumber;
-        if (currentSelection === 'path') {
-          textShapeChange(textSelected.shapeType, true);
-        }
-        use3dddPlus.getState().updateModifaction(true);
-        use3dddPlus.getState().forIconCapture();
-        textSelected.icon = use3dddPlus.getState().iconImage;
-        canvas.renderAll();
-        if (textSelected.aCoords.tr.x > 480) {
-          return;
-        }
-      }
-    } else {
-      textSelected.charSpacing = e.target.valueAsNumber;
-      if (currentSelection === 'path') {
-        textShapeChange(textSelected.shapeType, true);
-      }
-      use3dddPlus.getState().forIconCapture();
-      textSelected.icon = use3dddPlus.getState().iconImage;
-      var _brNew = textSelected.getBoundingRect();
-      if (_brNew.width + _brNew.left + 45 >= dublicateText.canvas.width || _brNew.height + _brNew.top >= dublicateText.canvas.height || _brNew.left < 0 || _brNew.top < 0) {
-        textSelected.charSpacing = oldCharSpacing;
-      }
-      use3dddPlus.getState().updateModifaction(true);
-      canvas.renderAll();
-      if (textSelected.aCoords.tr.x > 480) {
-        return;
-      }
-    }
-  };
-  var textStyle = function textStyle(e, key, value) {
-    if (fontStyle[e.target.id]) textSelected.set(key, '');else textSelected.set(key, value);
-    setFontStyle(function (state) {
-      var _extends2;
-      return _extends({}, state, (_extends2 = {}, _extends2[e.target.id] = !state[e.target.id], _extends2));
-    });
-    use3dddPlus.getState().updateModifaction(true);
-    use3dddPlus.getState().forIconCapture();
-    textSelected.icon = use3dddPlus.getState().iconImage;
-    canvas.renderAll();
-  };
-  var layerHandle = function layerHandle(element, index, num) {
-    var currentObject = [].concat(use3dddPlus.getState().storeAllObject);
-    if (num === 'minus') {
-      canvas.sendBackwards(element);
-      use3dddPlus.setState({
-        storeAllObject: changeArr(currentObject, index, index + 1)
-      });
-    } else {
-      canvas.bringForward(element);
-      use3dddPlus.setState({
-        storeAllObject: changeArr(currentObject, index, index - 1)
-      });
-    }
-    canvas.sendToBack(use3dddPlus.getState().verticalLine);
-    canvas.sendToBack(use3dddPlus.getState().horizontalLine);
-    use3dddPlus.getState().updateModifaction(true);
-  };
-  var changeArr = function changeArr(arr, fromIndex, toIndex) {
-    var element = arr.splice(fromIndex, 1)[0];
-    arr.splice(toIndex, 0, element);
-    return arr;
-  };
-  var deleteElement = function deleteElement(item) {
-    if (canvas._objects) {
-      canvas._objects.map(function (obj) {
-        if (obj.id && item.id && obj.id === item.id) {
-          canvas.remove(obj);
+            _text['icon'] = use3dddPlus.getState().iconImage;
+            updateStoreAllObject(_text);
+            // canvas.setActiveObject(text);
+            // use3dddPlus.setState({ activeSelection: text });
+            canvas.renderAll();
+            // cancel performing further functions & return back from function
+            return _context5.abrupt("return");
+          case 75:
+            setShapeSizeVal(50);
+            textSelected.shapeType = 'Arc';
+            p.warp({
+              type: 'WARP_ARC',
+              bend: 50 / 100 
+            });
+            return _context5.abrupt("break", 98);
+          case 79:
+            setShapeSizeVal(-25);
+            bridgeShapeChange();
+            textSelected.shapeType = 'Bridge';
+            p.warp({
+              type: 'WARP_ARC_LOWER',
+              bend: bridgeshapeBendSize / 100 || 0
+            });
+            return _context5.abrupt("break", 98);
+          case 84:
+            setShapeSizeVal(-12);
+            bridgeShapeChange();
+            textSelected.shapeType = 'Bowtie';
+            p.warp({
+              type: 'WARP_BULGE',
+              bend: bowtieshapeBendSize / 100 || 0
+            });
+            return _context5.abrupt("break", 98);
+          case 89:
+            setShapeSizeVal(35);
+            textSelected.shapeType = 'Vertical Arch';
+            p.warp({
+              type: 'WARP_ARCH',
+              bend: 35 / 100 
+            });
+            return _context5.abrupt("break", 98);
+          case 93:
+            setShapeSizeVal(-35);
+            textSelected.shapeType = 'Reverse Vertical Arch';
+            p.warp({
+              type: 'WARP_ARCH',
+              bend: -35 / 100 
+            });
+            return _context5.abrupt("break", 98);
+          case 97:
+            return _context5.abrupt("break", 98);
+          case 98:
+            // take out the update path with shape type deformation
+            fabricPath = new fabric.Path(p.output());
+            textSelected['pathData'] = pathData;
+            // add object only when converting from text to path
+            if (currentSelection === 'text') {
+              // add the path text object on canvas
+              canvas.add(fabricPath);
+              fabricPath['pathData'] = pathData;
+              fabricPath['colorFill'] = textSelected.colorFill;
+              fabricPath['shapeSize'] = shapeSizeVal;
+              fabricPath['shapeType'] = shapeType;
+              // carry forward the text properties over the path for further changes
+              fabricPath['fill'] = textSelected.fill;
+              fabricPath['fontFamily'] = textSelected.fontFamily;
+              fabricPath['fontWeight'] = textSelected.fontWeight;
+              fabricPath['stroke'] = textSelected.stroke;
+              fabricPath['strokeWidth'] = textSelected.strokeWidth;
+              fabricPath['padding'] = textSelected.padding;
+              fabricPath['fontSize'] = textSelected.fontSize;
+              fabricPath['charSpacing'] = textSelected.charSpacing;
+              fabricPath['textAlign'] = textSelected.textAlign;
+              fabricPath['fontStyle'] = textSelected.fontStyle;
+              fabricPath['text'] = textSelected.text;
+              fabricPath['id'] = textSelected.id;
+              //@ts-ignore
+              dims = fabricPath._calcDimensions(); // Set the same position scale matching with existing text
+              fabricPath.left = textSelected.left;
+              fabricPath.top = textSelected.top;
+              fabricPath.width = textSelected.width;
+              fabricPath.height = textSelected.height;
+              fabricPath.scaleX = textSelected.scaleX * (textSelected.width / dims.width);
+              fabricPath.scaleY = textSelected.scaleY * (textSelected.width / dims.width);
+              fabricPath.setCoords();
+              fabricPath.width = dims.width;
+              fabricPath.height = dims.height;
+              // var sel = new fabric.ActiveSelection(fabricPath, { canvas: canvas });
+              // canvas.setActiveObject(sel).requestRenderAll();
+              // delete the text object
+              canvas.remove(textSelected);
+              // set active object as path text
+              canvas.setActiveObject(fabricPath);
+              use3dddPlus.setState({
+                activeSelection: fabricPath
+              });
+              use3dddPlus.getState().forIconCapture();
+              fabricPath['icon'] = use3dddPlus.getState().iconImage;
+              updateStoreAllObject(fabricPath);
+            }
+            // update the text path object with new shape type
+            else {
+              // add new textPath
+              newTextPath = new fabric.Path(p.output());
+              newTextPath['pathData'] = textSelected.pathData;
+              newTextPath['colorFill'] = textSelected.colorFill;
+              newTextPath['shapeSize'] = textSelected.shapeSize;
+              newTextPath['shapeType'] = textSelected.shapeType;
+              newTextPath['fill'] = textSelected.fill;
+              newTextPath['fontFamily'] = textSelected.fontFamily;
+              newTextPath['fontWeight'] = textSelected.fontWeight;
+              newTextPath['stroke'] = textSelected.stroke;
+              newTextPath['strokeWidth'] = textSelected.strokeWidth;
+              newTextPath['padding'] = textSelected.padding;
+              newTextPath['fontSize'] = textSelected.fontSize;
+              newTextPath['charSpacing'] = textSelected.charSpacing;
+              newTextPath['textAlign'] = textSelected.textAlign;
+              newTextPath['fontStyle'] = textSelected.fontStyle;
+              newTextPath['text'] = textSelected.text;
+              // set same position & scale
+              newTextPath['left'] = textSelected.left;
+              newTextPath['top'] = textSelected.top;
+              newTextPath['width'] = textSelected.width;
+              newTextPath['height'] = textSelected.height;
+              //@ts-ignore
+              _dims = newTextPath._calcDimensions();
+              newTextPath['scaleX'] = textSelected.scaleX * (textSelected.width / _dims.width);
+              newTextPath['scaleY'] = textSelected.scaleY * (textSelected.width / _dims.width);
+              newTextPath['id'] = textSelected.id;
+              // delete the active text object
+              activeObj = canvas.getActiveObject();
+              canvas.remove(activeObj);
+              if (activeObj && activeObj !== null) {
+                activeObj._removeCacheCanvas();
+              }
+              // add & set active new path text
+              canvas.add(newTextPath);
+              canvas.setActiveObject(newTextPath);
+              use3dddPlus.setState({
+                activeSelection: newTextPath
+              });
+              newTextPath.setCoords();
+              newTextPath.width = _dims.width;
+              newTextPath.height = _dims.height;
+              canvas.renderAll();
+              use3dddPlus.getState().forIconCapture();
+              newTextPath['icon'] = use3dddPlus.getState().iconImage;
+              updateStoreAllObject(newTextPath);
+            }
+            canvas.renderAll();
+            reduceFontSize();
+          case 103:
+          case "end":
+            return _context5.stop();
         }
-      });
-    }
-    canvas.requestRenderAll();
+      }, _callee5);
+    }));
+    return function textShapeChange(_x5, _x6, _x7, _x8, _x9, _x10, _x11, _x12) {
+      return _ref7.apply(this, arguments);
+    };
+  }();
+  var updateStoreAllObject = function updateStoreAllObject(text) {
     use3dddPlus.getState().updateModifaction(true);
-    removeItem(item);
-  };
-  var removeItem = function removeItem(value) {
-    //@ts-ignore
     var index = use3dddPlus.getState().storeAllObject.findIndex(function (obj) {
-      return obj.id === value.id;
+      return obj.id === textSelected.id;
     });
     if (index > -1) {
       use3dddPlus.getState().storeAllObject.splice(index, 1);
     }
-    use3dddPlus.setState({
-      storeAllObject: [].concat(use3dddPlus.getState().storeAllObject)
-    });
+    use3dddPlus.getState().storeAllObject.splice(index, 0, text);
   };
-  var changeSVGTextColor = function changeSVGTextColor(property, color) {
-    var previousColor = property;
-    canvas.getObjects().map(function (data) {
-      if (data.type === 'text') {
-        var _C = data.fill;
-        if (_C === previousColor) {
-          data.set({
-            fill: color,
-            colorFill: {
-              layer0: color
+  var reduceFontSize = /*#__PURE__*/function () {
+    var _ref8 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee6() {
+      var brNew, canvasWidth, canvasHeight, _activeObj;
+      return _regeneratorRuntime().wrap(function _callee6$(_context6) {
+        while (1) switch (_context6.prev = _context6.next) {
+          case 0:
+            brNew = textSelected.getBoundingRect();
+            canvasWidth = 0;
+            canvasHeight = 0;
+            if (textSelected && textSelected.canvas && textSelected.canvas.width) {
+              canvasWidth = textSelected.canvas.width;
+              canvasHeight = textSelected.canvas.height;
+            } else {
+              canvasWidth = canvas.width;
+              canvasHeight = canvas.height;
             }
-          });
-        }
-        //  canvas.renderAll();
-      } else if (data.type === 'path') {
-        var _C2 = data.fill;
-        if (_C2 === previousColor) {
-          data.set({
-            fill: color,
-            colorFill: {
-              layer0: color
+            while (Math.ceil(brNew.width + brNew.left + 45) >= Math.floor(canvasWidth) || Math.ceil(brNew.height + brNew.top + 10) >= Math.floor(canvasHeight) || Math.ceil(brNew.left) < 0 || Math.ceil(brNew.top) < 0) {
+              _activeObj = canvas.getActiveObject();
+              _activeObj.scale(_activeObj.scaleX * 0.99);
+              _activeObj.setCoords();
+              _activeObj = canvas.getActiveObject();
+              brNew = _activeObj.getBoundingRect();
+              canvas.renderAll();
             }
-          });
+            canvas.renderAll();
+          case 6:
+          case "end":
+            return _context6.stop();
         }
-        //  canvas.renderAll();
-      } else if (data.type === 'group') {
-        // console.log(data);
-        var objImage = data._objects;
-        objImage.forEach(function (ele) {
-          var _C = ele.fill === 'transparent' || typeof ele.fill === 'string' && ele.fill.includes('#') ? ele.fill : RGBToHex(ele.fill);
-          if (_C === previousColor) {
-            ele.set({
-              fill: color,
-              colorFill: {
-                layer0: color
-              }
-            });
-          }
-        });
-        var _colorFill = _extends({}, data.colorFill);
-        Object.keys(_colorFill).forEach(function (item) {
-          if (_colorFill[item] === previousColor) {
-            _colorFill[item] = color;
-          }
-        });
-        data.set({
-          colorFill: _colorFill
-        });
-      }
-      if (data && data.icon) {
-        data.icon = data.toDataURL('image/png');
-      } else if (data._objects && data._objects.length) {
-        data._objects[0].icon = data.toDataURL('image/png');
-      }
-    });
-    canvas.renderAll();
-    use3dddPlus.getState().updateModifaction(true);
-  };
-  var changeSVGColor = function changeSVGColor(property, color) {
-    var fillColor = colorFill;
-    var previousColor = fillColor[property];
-    var SelectedObjet = use3dddPlus.getState().activeSelection;
-    var objImage = SelectedObjet._objects;
-    objImage.forEach(function (ele) {
-      var _C = ele.fill === 'transparent' || typeof ele.fill === 'string' && ele.fill.includes('#') ? ele.fill : RGBToHex(ele.fill);
-      if (_C === previousColor) {
-        ele.set({
-          fill: color,
-          colorFill: {
-            layer0: color
-          }
-        });
-      }
-    });
-    var tempColorFill = _extends({}, SelectedObjet.colorFill);
-    Object.keys(tempColorFill).forEach(function (item) {
-      if (tempColorFill[item] === previousColor) {
-        tempColorFill[item] = color;
-      }
-    });
-    SelectedObjet.set({
-      colorFill: tempColorFill
-    });
-    canvas.renderAll();
-    // fillColor[property] = color;
-    // use3dddPlus.setState({ colorFill: fillColor });
-    use3dddPlus.setState({
-      colorFill: tempColorFill
-    });
-    use3dddPlus.getState().forIconCapture();
-    SelectedObjet.icon = use3dddPlus.getState().iconImage;
-    use3dddPlus.getState().updateModifaction(true);
-  };
+      }, _callee6);
+    }));
+    return function reduceFontSize() {
+      return _ref8.apply(this, arguments);
+    };
+  }();
   var RGBToHex = function RGBToHex(rgb) {
     if (rgb) {
       if (rgb.indexOf('rgba') >= 0) {
@@ -9786,58 +9620,8 @@ var Rightmenu = function Rightmenu() {
     use3dddPlus.getState().forIconCapture();
     textSelected.icon = use3dddPlus.getState().iconImage;
     // activeObj.
-    canvas.renderAll();
-  };
-  var conflictColors = useMemo(function () {
-    return allColor.filter(function (c) {
-      return defaultColorNames.findIndex(function (dc) {
-        return dc.color.toLowerCase() === c.toLowerCase();
-      }) < 0;
-    });
-  }, [allColor]);
-  var onSave = function onSave() {
-    canvas.discardActiveObject();
-    canvas.renderAll();
-    if (!conflictColors || conflictColors.length < 1) {
-      setIsNextClicked(false);
-      use3dddPlus.setState({
-        showCrossSave: true
-      });
-      if (canvas.getObjects().length > 0) {
-        if (allColor.includes('transparent')) {
-          if (allColor.length - 1 < 9) setToggleSaveLogo('save', true, 'Save Logo', {});else use3dddPlus.getState().toastMessages.noOfColors();
-        } else {
-          if (allColor.length < 9) setToggleSaveLogo('save', true, 'Save Logo', {});else use3dddPlus.getState().toastMessages.noOfColors();
-        }
-      } else {
-        use3dddPlus.getState().toastMessages.noIteminCanvas();
-      }
-    } else {
-      setIsNextClicked(true);
-    }
-  };
-  var removeColorPalatte = function removeColorPalatte() {
-    setDisplayPallet({
-      visible: false,
-      property: '',
-      color: '',
-      callback: null
-    });
-  };
-  useEffect(function () {
-    window.addEventListener('click', removeColorPalatte);
-    var unSub = use3dddPlus.subscribe(function (state) {
-      return state.colorFill;
-    }, function (_current, _previous) {
-      // console.log("_PREVIUS_COLORFIL" , _previous);
-      // console.log("_CURRENT_COLOR",_current);
-    });
-    return function () {
-      window.removeEventListener('click', removeColorPalatte);
-      unSub();
-    };
-  }, []);
-  // console.log("====>",activeSelection,currentSelection)
+    canvas.renderAll();
+  };
   var mergedColors = useMemo(function () {
     // FOR REMOVING ALL DUPLICATE COLOR CODES
     if (textSelected && textSelected != null && textSelected.colorFill) {
@@ -9856,217 +9640,30 @@ var Rightmenu = function Rightmenu() {
     }
   }, [textSelected == null ? void 0 : textSelected.colorFill]);
   return React.createElement("div", {
-    className: "text-left flex-1 h-[100%] px-[25px] pt-[23px] pb-[5px] relative ",
-    style: {
-      paddingLeft: '15px'
-    }
-  }, React.createElement("div", {
-    className: "flex flex-col "
-  }, React.createElement("h1", {
-    className: "text-[22px]  font-bold"
-  }, "Edit Design"), React.createElement("div", {
-    className: "w-full"
-  }, React.createElement("div", {
-    className: "flex my-4 flex-nowrap"
-  }, tabs.map(function (tab) {
-    return React.createElement("button", {
-      key: tab.id,
-      className: (activeTab === tab.id ? 'bg-[#E11A38] text-white' : 'bg-[#fff] text-gray-800') + " py-[10px] px-[40px]  focus:outline-none uppercase text-[13px] font-bold",
-      onClick: function onClick() {
-        setActiveTab(tab.id);
-        if (tab.id === 1) {
-          use3dddPlus.setState({
-            currentSelection: 'none'
-          });
-          canvas.discardActiveObject();
-          canvas.renderAll();
-        }
-        if (tab.id === 2) {
-          use3dddPlus.setState({
-            currentSelection: 'layer'
-          });
-        }
-      }
-    }, tab.label);
-  })), React.createElement("div", {
-    className: "bg-gray-100 w-full p-[5px]"
-  }, activeTab === 1 && React.createElement("div", {
     key: activeTab
   }, React.createElement("div", {
     className: 'overflow-y-auto overflow-x-hidden' + (!isNextClicked || !conflictColors || conflictColors.length < 1 ? ' 2xl:h-[60vh] h-[50vh] sm:h-[55vh]' : '')
-  }, (currentSelection === 'text' || currentSelection === 'path') && React.createElement("div", {
-    className: ""
-  }, React.createElement("div", {
-    className: "uppercase font-bold text-sm mb-[8.5px]"
-  }, "Enter Text"), React.createElement("textarea", {
-    value: textInfo,
-    onChange: onTextChange,
-    className: "w-[100%] border border-solid-[1px] border-[#9A9A9A] py-[10px] pl-[16px] mb-[16.5px]",
-    placeholder: "LOGO TEXT"
-  }), React.createElement("div", {
-    className: "uppercase font-bold text-sm mb-[8.5px]"
-  }, "Select Font"), React.createElement("select", {
-    name: "FontStyleNumber",
-    id: "FontStyleNumber",
-    value: textSelected.fontFamily,
-    onChange: fontChange,
-    // className={`${INPUT_BG_COLOR} font-bold ${TEXT_COLOR_1} ${TEXT_SIZE_3} border border-solid	 ${BORDER_COLOR_1} select select-bordered w-full rounded-none focus:outline-current focus:outline-offset-0 focus:rounded-sm  mb-[16.5px]`}
-    className: INPUT_BG_COLOR + " font-bold " + TEXT_COLOR_1 + " " + TEXT_SIZE_3 + " border border-solid\t " + BORDER_COLOR_1 + " select select-bordered w-full rounded-none focus:outline-offset-0 focus:rounded-sm  mb-[16.5px]"
-  }, fontFamilies.map(function (list) {
-    return React.createElement(React.Fragment, null, React.createElement("option", {
-      value: list.name
-    }, list.name));
-  })), React.createElement("div", {
-    className: "uppercase font-bold text-sm mb-[8.5px]"
-  }, "Style"), React.createElement("div", {
-    className: "flex gap-x-[15px] mb-[16.5px]"
-  }, ' ', React.createElement("button", {
-    disabled: textSelected && textSelected.shapeType && textSelected.shapeType !== 'none',
-    className: textSelected.fontWeight === 'bold' ? SELECT_BG_COLOR + " text-[#fff] text-base cursor-pointer border font-bold border-[#EBEBEB]  py-[7px] px-[25px] " : 'bg-[#fff]  font-bold text-base cursor-pointer border border-[#EBEBEB] py-[7px] px-[25px]',
-    style: textSelected && textSelected.shapeType && textSelected.shapeType !== 'none' ? {
-      color: '#cccccc',
-      cursor: 'default',
-      backgroundColor: '#ffffff'
-    } : {},
-    onClick: function onClick(e) {
-      return textStyle(e, 'fontWeight', 'bold');
-    },
-    id: "bold"
-  }, "B"), React.createElement("button", {
-    disabled: textSelected && textSelected.shapeType && textSelected.shapeType !== 'none',
-    className: textSelected.fontStyle && textSelected.fontStyle === 'italic' ? SELECT_BG_COLOR + " text-[#fff] text-base cursor-pointer border italic border-[#EBEBEB]  py-[7px] px-[25px] " : 'bg-[#fff]  italic text-base cursor-pointer border border-[#EBEBEB] py-[7px] px-[25px]',
-    style: textSelected && textSelected.shapeType && textSelected.shapeType !== 'none' ? {
-      color: '#cccccc',
-      cursor: 'default',
-      backgroundColor: '#ffffff'
-    } : {},
-    onClick: function onClick(e) {
-      return textStyle(e, 'fontStyle', 'italic');
-    },
-    id: "italic"
-  }, "I"), React.createElement("button", {
-    disabled: textSelected && textSelected.shapeType && textSelected.shapeType !== 'none',
-    className: textSelected.underline && textSelected.underline === true ? SELECT_BG_COLOR + " text-[#fff] text-base cursor-pointer border underline border-[#EBEBEB]  py-[7px] px-[25px] " : 'bg-[#fff]  underline text-base cursor-pointer border border-[#EBEBEB] py-[7px] px-[25px]',
-    style: textSelected && textSelected.shapeType && textSelected.shapeType !== 'none' ? {
-      color: '#cccccc',
-      cursor: 'default',
-      backgroundColor: '#ffffff'
-    } : {},
-    onClick: function onClick(e) {
-      return textStyle(e, 'underline', !fontStyle.underline);
-    },
-    id: "underline"
-  }, "U")), textAlignDisplay === true && React.createElement("div", {
-    className: "textAlign"
-  }, React.createElement("div", {
-    className: "uppercase font-bold text-sm mb-[8.5px]"
-  }, "Align"), React.createElement("div", {
-    className: "flex gap-x-[15px] mb-[16.5px]"
-  }, React.createElement("button", {
-    type: "button",
-    className: 'left' === activeButton ? SELECT_BG_COLOR + " text-[#fff] cursor-pointer border border-[#EBEBEB]  py-[7px] px-[25px] " : 'bg-[#fff]  cursor-pointer border border-[#EBEBEB] py-[7px] px-[25px]',
-    id: "left",
-    onClick: textAlignHandler
-  }, React.createElement(FiAlignLeft, {
-    id: "left",
-    onClick: textAlignHandler
-  })), React.createElement("button", {
-    type: "button",
-    className: 'center' === activeButton ? SELECT_BG_COLOR + " text-[#fff] cursor-pointer border border-[#EBEBEB]  y-[7px] px-[25px] " : 'bg-[#fff]  cursor-pointer border border-[#EBEBEB] py-[7px] px-[25px]',
-    id: "center",
-    onClick: textAlignHandler
-  }, React.createElement(FiAlignCenter, {
-    id: "center",
-    onClick: textAlignHandler
-  })), React.createElement("button", {
-    type: "button",
-    className: 'right' === activeButton ? SELECT_BG_COLOR + " text-[#fff] cursor-pointer border border-[#EBEBEB]  y-[7px] px-[25px] " : 'bg-[#fff]  cursor-pointer border border-[#EBEBEB] py-[7px] px-[25px]',
-    id: "right",
-    onClick: textAlignHandler
-  }, React.createElement(FiAlignRight, {
-    id: "right",
-    onClick: textAlignHandler
-  })))), React.createElement("div", {
-    className: "uppercase font-bold text-sm mb-[8.5px]"
-  }, "Text Color"), React.createElement("div", {
-    className: "relative flex"
-  }, React.createElement(ColorImpl, {
-    mClass: 'ml-0',
-    handleChange: textColorChange,
-    property: 'backgroundColor',
-    name: 'backgroundColor',
-    color: activeSelection.fill,
-    setDisplayPallet: setDisplayPallet,
-    setPosition: setPosition,
-    callback: textColorChange
-  })), React.createElement("div", {
-    className: "flex gap-2 mt-4"
-  }, React.createElement("div", null, React.createElement("div", {
-    className: "uppercase font-bold text-sm mb-[8.5px]"
-  }, "Outline Size"), React.createElement("input", {
-    type: "number",
-    id: "outlineSize",
-    name: "outlineSize",
-    step: "0.2",
-    value: textSelected.strokeWidth,
-    className: "border border-[#EBEBEB] py-[10px] pl-[16px] mb-[16.5px] w-[145px]",
-    onChange: textOutlineHandler
-  })), React.createElement("div", null, React.createElement("div", {
-    className: "uppercase font-bold text-sm mb-[8.5px]"
-  }, "Outline Color"), React.createElement("div", {
-    className: "relative flex"
-  }, ' ', React.createElement(ColorImpl, {
-    mClass: 'ml-0',
-    handleChange: strokeColorChange,
-    property: 'backgroundColor',
-    name: 'backgroundColor',
-    color: activeSelection.stroke,
+  }, (currentSelection === 'text' || currentSelection === 'path') && React.createElement(TextProperties, {
+    activeButton: activeButton,
+    activeSelection: activeSelection,
+    fontStyle: fontStyle,
     setDisplayPallet: setDisplayPallet,
     setPosition: setPosition,
-    callback: strokeColorChange
-  })))), React.createElement("div", {
-    className: "flex gap-2"
-  }, React.createElement("div", null, React.createElement("div", {
-    className: "uppercase font-bold text-sm mb-[8.5px]"
-  }, "Letter Spacing"), React.createElement("input", {
-    disabled: textSelected && textSelected.shapeType && textSelected.shapeType !== 'none',
-    type: "number",
-    id: "spacing",
-    name: "spacing",
-    step: "10",
-    value: textSelected.charSpacing,
-    className: "border border-[#EBEBEB] py-[10px] pl-[16px] mb-[16.5px] w-[145px]",
-    onChange: textSpacingHandler
-  }))), React.createElement("div", {
-    className: "flex gap-2"
-  }, React.createElement("div", {
-    className: "w-[50%]"
-  }, React.createElement("div", {
-    className: "uppercase font-bold text-sm mb-[8.5px]"
-  }, "Text Shape"), React.createElement("select", {
-    name: "textShape",
-    id: "textShape",
-    value: textSelected.shapeType ? textSelected.shapeType : 'None',
-    onChange: textShapeChange,
-    // className={`${INPUT_BG_COLOR} font-bold ${TEXT_COLOR_1} ${TEXT_SIZE_3} border border-solid   ${BORDER_COLOR_1} select select-bordered w-full rounded-none focus:outline-current focus:outline-offset-0 focus:rounded-sm  mb-[16.5px]`}
-    className: INPUT_BG_COLOR + " font-bold " + TEXT_COLOR_1 + " " + TEXT_SIZE_3 + " border border-solid\u2003\u2003 " + BORDER_COLOR_1 + " select select-bordered w-full rounded-none focus:outline-offset-0 focus:rounded-sm  mb-[16.5px] ml-[2px]"
-  }, textShapes.map(function (list) {
-    return React.createElement(React.Fragment, null, React.createElement("option", {
-      value: list.name
-    }, list.name));
-  }))), React.createElement("div", {
-    className: "w-[50%]"
-  }, React.createElement("div", {
-    className: "uppercase font-bold text-sm mb-[8.5px]"
-  }, "Shape Size"), React.createElement("input", {
-    type: "number",
-    id: "shapeSize",
-    name: "shapeSize",
-    step: "10",
-    value: shapeSizeVal,
-    className: "border border-[#EBEBEB] py-[10px] pl-[16px] mb-[16.5px] w-[145px]",
-    onChange: textShapeSizeHandler
-  })))), currentSelection === 'group' && React.createElement(React.Fragment, null, React.createElement("div", {
+    textAlignDisplay: textAlignDisplay,
+    textInfo: textInfo,
+    textSelected: textSelected,
+    shapeSizeVal: shapeSizeVal,
+    fontChange: fontChange,
+    onTextChange: onTextChange,
+    strokeColorChange: strokeColorChange,
+    textAlignHandler: textAlignHandler,
+    textColorChange: textColorChange,
+    textOutlineHandler: textOutlineHandler,
+    textShapeChange: textShapeChange,
+    textShapeSizeHandler: textShapeSizeHandler,
+    textSpacingHandler: textSpacingHandler,
+    textStyle: textStyle
+  }), currentSelection === 'group' && React.createElement(React.Fragment, null, React.createElement("div", {
     className: "uppercase font-bold pt-[17px]"
   }, "Colors"), React.createElement("div", {
     className: "flex flex-wrap gap-x-[1rem] mt-[12px]"
@@ -10100,40 +9697,21 @@ var Rightmenu = function Rightmenu() {
     className: "!w-[5.625rem] !h-[2.625rem] bg-[#fff] cursor-pointer border border-[#EBEBEB] ",
     size: "2.5rem",
     onClick: flipY
-  })))))
-  // <ImageEdit
-  //   flipX={flipX}
-  //   flipY={flipY}
-  //   // changeSVGColor={changeSVGColor}
-  //   changeSVGTextColor={changeSVGTextColor}
-  //   // nudgeMove={nudgeMove}
-  //   // activeSelection={activeSelection}
-  //   allColor={allColor}
-  // />
-  , currentSelection === 'selectAll' && React.createElement(React.Fragment, null, React.createElement("div", {
+  }))))), currentSelection === 'selectAll' && React.createElement(React.Fragment, null, React.createElement("div", {
     className: "uppercase font-bold pt-[17px]"
   }, "Color in Canvas"), React.createElement("div", {
     className: "flex flex-wrap gap-x-[1rem] mt-[12px] mb-[12px]"
   }, allColor == null ? void 0 : allColor.map(function (item, i) {
-    return (
-      // <ColorImpl
-      //   mClass={'mb-[10px]'}
-      //   key={'color-' + i}
-      //   handleChange={changeSVGTextColor}
-      //   property={item}
-      //   color={item}
-      // />
-      React.createElement(ColorImpl, {
-        mClass: 'mb-[10px]',
-        key: 'color-' + i,
-        handleChange: changeSVGTextColor,
-        property: item,
-        color: item,
-        setDisplayPallet: setDisplayPallet,
-        setPosition: setPosition,
-        callback: changeSVGTextColor
-      })
-    );
+    return React.createElement(ColorImpl, {
+      mClass: 'mb-[10px]',
+      key: 'color-' + i,
+      handleChange: changeSVGTextColor,
+      property: item,
+      color: item,
+      setDisplayPallet: setDisplayPallet,
+      setPosition: setPosition,
+      callback: changeSVGTextColor
+    });
   })), (allColor && allColor.includes('transparent') ? allColor.length - 1 : allColor.length) > 8 && React.createElement(errorPopup, {
     allColor: allColor
   })), currentSelection === 'none' && React.createElement(React.Fragment, null, React.createElement("div", {
@@ -10141,201 +9719,551 @@ var Rightmenu = function Rightmenu() {
   }, "Color in Canvas"), React.createElement("div", {
     className: "flex flex-wrap gap-x-[1rem] mt-[12px]"
   }, allColor == null ? void 0 : allColor.map(function (item, i) {
-    return (
-      // <ColorImpl
-      //   mClass={'mb-[10px]'}
-      //   key={'color-' + i}
-      //   handleChange={changeSVGTextColor}
-      //   property={item}
-      //   color={item}
-      // />
-      React.createElement(ColorImpl, {
-        mClass: 'mb-[10px]',
-        key: 'color-' + i,
-        handleChange: changeSVGTextColor,
-        property: item,
-        color: item,
-        setDisplayPallet: setDisplayPallet,
-        setPosition: setPosition,
-        callback: changeSVGTextColor
-      })
-    );
+    return React.createElement(ColorImpl, {
+      mClass: 'mb-[10px]',
+      key: 'color-' + i,
+      handleChange: changeSVGTextColor,
+      property: item,
+      color: item,
+      setDisplayPallet: setDisplayPallet,
+      setPosition: setPosition,
+      callback: changeSVGTextColor
+    });
   })), (allColor && allColor.includes('transparent') ? allColor.length - 1 : allColor.length) > 8 && React.createElement(errorPopup, {
     allColor: allColor
-  }))), isNextClicked && conflictColors && conflictColors.length > 0 && React.createElement("div", {
-    className: "mb-[10px]",
-    style: {
-      position: 'absolute',
-      backgroundColor: '#FFFFFF',
-      bottom: 0,
-      padding: '7px'
+  }))), isNextClicked && conflictColors && conflictColors.length > 0 && React.createElement(ErrorColorDiv, {
+    setIsNextClicked: setIsNextClicked,
+    conflictColors: conflictColors
+  }), React.createElement("button", {
+    type: "button",
+    className: "mt-3 inline-flex justify-center  bg-white px-[110px] py-2 text-sm font-medium text-[#E11A38] shadow-sm ring-1 ring-inset ring-[#E11A38] hover:bg-gray-50 sm:mt-0  w-full",
+    onClick: onSave
+  }, "Save"));
+};
+
+var css_248z$4 = ".rangeSlider{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border:1px solid #f0f0f0;height:15px;width:100%}.rangeSlider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:#e11a38;border-radius:4px;height:31px;width:31px}.rangeSlider::-moz-range-thumb{background-color:#e11a38;border-radius:4px;height:30px;width:30px}";
+styleInject(css_248z$4);
+
+!function (t) {
+  var s = {};
+  function i(h) {
+    if (s[h]) return s[h].exports;
+    var e = s[h] = {
+      i: h,
+      l: !1,
+      exports: {}
+    };
+    return t[h].call(e.exports, e, e.exports, i), e.l = !0, e.exports;
+  }
+  i.m = t, i.c = s, i.d = function (t, s, h) {
+    i.o(t, s) || Object.defineProperty(t, s, {
+      configurable: !1,
+      enumerable: !0,
+      get: h
+    });
+  }, i.r = function (t) {
+    Object.defineProperty(t, "__esModule", {
+      value: !0
+    });
+  }, i.n = function (t) {
+    var s = t && t.__esModule ? function () {
+      return t["default"];
+    } : function () {
+      return t;
+    };
+    return i.d(s, "a", s), s;
+  }, i.o = function (t, s) {
+    return Object.prototype.hasOwnProperty.call(t, s);
+  }, i.p = "", i(i.s = 4);
+}([function (t, s, i) {
+  var h = i(1),
+    e = i(3);
+  t.exports = /*#__PURE__*/function () {
+    function _class(t, s) {
+      this.source = s, this.A = new h(s.left, s.top), this.B = new h(s.right, s.top), this.C = new h(s.right, s.bottom), this.D = new h(s.left, s.bottom), this.Aleft = new h(s.left, s.top + s.height / 3), this.Atop = new h(s.left + s.width / 3, s.top), this.Btop = new h(s.right - s.width / 3, s.top), this.Bright = new h(s.right, s.top + s.height / 3), this.Cright = new h(s.right, s.bottom - s.height / 3), this.Cbottom = new h(s.right - s.width / 3, s.bottom), this.Dbottom = new h(s.left + s.width / 3, s.bottom), this.Dleft = new h(s.left, s.bottom - s.height / 3), this.ABx = 0, this.ABy = 0, this.CDx = 0, this.CDy = 0, this.BCx = 0, this.BCy = 0, this.ADx = 0, this.ADy = 0, this.STEPS = 10, this.distortX = 0, this.distortY1 = 0, this.distortY2 = 0, this.T1 = 1 / 3, this.T2 = 2 / 3, this.kAB = 0, this.kBC = 0, this.kCD = 0, this.kAD = 0, this.applyParameters(t);
     }
-  }, React.createElement(IconButton, {
-    label: "Close",
-    icon: React.createElement(MdOutlineCancel, null),
-    onClick: function onClick() {
-      setIsNextClicked(false);
-    },
-    className: '',
-    size: "1.5rem",
-    style: {
-      position: 'absolute',
-      cursor: 'pointer',
-      fontWeight: 'bold',
-      right: 10,
-      top: -7,
-      color: '#FF0000'
+    var _proto = _class.prototype;
+    _proto.applyParameters = function applyParameters(t) {
+      var s = this.source,
+        i = this._parameters = new e(t);
+      this.angle = i.bend * Math.PI / 2, this.sin = Math.sin(this.angle), this.cos = Math.cos(this.angle), this.kt = 1 + Math.pow(i.bend, 4), this.distortX = .5 * i.distortV * s.width;
+      var h = .5 * i.distortH * s.height;
+      switch (this.distortY1 = h * (1 - i.distortV), this.distortY2 = h * (1 + i.distortV), this.kAB = 1 - i.distortV, this.kBC = 1 + i.distortH, this.kCD = 1 + i.distortV, this.kAD = 1 - i.distortH, this.setAnchors(), i.type) {
+        case "WARP_ARC":
+          this.setArc();
+          break;
+        case "WARP_ARC_LOWER":
+          this.setArcLower();
+          break;
+        case "WARP_ARC_UPPER":
+          this.setArcUpper();
+          break;
+        case "WARP_ARCH":
+          this.setArch();
+          break;
+        case "WARP_BULGE":
+          this.setBulge();
+          break;
+        case "WARP_FLAG":
+          this.setFlag();
+          break;
+        case "WARP_FISH":
+          this.setFish();
+          break;
+        case "WARP_RISE":
+          this.setRise();
+          break;
+        case "WARP_INFLATE":
+          this.setInflate();
+          break;
+        case "WARP_SQUEEZE":
+          this.setSqueeze();
+          break;
+        case "WARP_WAVE_LOWER":
+          this.setWaveLower();
+          break;
+        case "WARP_WAVE_UPPER":
+          this.setWaveUpper();
+      }
+    };
+    _proto.setAnchors = function setAnchors() {
+      this.A.x = this.source.left + this.distortX, this.B.x = this.source.right - this.distortX, this.C.x = this.source.right + this.distortX, this.D.x = this.source.left - this.distortX, this.A.y = this.source.top + this.distortY1, this.B.y = this.source.top - this.distortY1, this.C.y = this.source.bottom + this.distortY2, this.D.y = this.source.bottom - this.distortY2;
+    };
+    _proto.setControls = function setControls() {
+      this.Atop.x = this.A.x + this.ABx, this.Atop.y = this.A.y + this.ABy, this.Btop.x = this.B.x - this.ABx, this.Btop.y = this.B.y - this.ABy, this.Dbottom.x = this.D.x + this.CDx, this.Dbottom.y = this.D.y + this.CDy, this.Cbottom.x = this.C.x - this.CDx, this.Cbottom.y = this.C.y - this.CDy, this.Bright.x = this.B.x + this.BCx, this.Bright.y = this.B.y + this.BCy, this.Cright.x = this.C.x - this.BCx, this.Cright.y = this.C.y - this.BCy, this.Aleft.x = this.A.x + this.ADx, this.Aleft.y = this.A.y + this.ADy, this.Dleft.x = this.D.x - this.ADx, this.Dleft.y = this.D.y - this.ADy;
+    };
+    _proto.changeCubic = function changeCubic(t, s, i, h) {
+      var e = this._changePoint(t),
+        o = this._changePoint(h),
+        r = this.getPointOn(1 / 3, t, h, s, i),
+        n = this.getPointOn(2 / 3, t, h, s, i),
+        a = this._changePoint(r),
+        y = this._changePoint(n);
+      return this.getNewSegment(e, o, a, y);
+    };
+    _proto.changePoint = function changePoint(t) {
+      var s = this._changePoint(t);
+      return [s.x, s.y];
+    };
+    _proto._changePoint = function _changePoint(t) {
+      var s = this.A,
+        i = this.Atop,
+        e = this.Aleft,
+        o = this.B,
+        r = this.Btop,
+        n = this.Bright,
+        a = this.C,
+        y = this.Cright,
+        x = this.Cbottom,
+        c = this.D,
+        A = this.Dbottom,
+        C = this.Dleft;
+      var d = (t.x - this.source.x) / this.source.width,
+        b = (t.y - this.source.y) / this.source.height,
+        p = 1 - b,
+        B = this.getPointOn(b, s, c, e, C),
+        l = this.getPointOn(b, o, a, n, y),
+        D = new h(i.x * p + A.x * b, i.y * p + A.y * b),
+        m = new h(r.x * p + x.x * b, r.y * p + x.y * b),
+        k = this.getPointOn(d, B, l, D, m);
+      return new h(k.x, k.y);
+    };
+    _proto.getPointOn = function getPointOn(t, s, i, e, o) {
+      var r = new h(),
+        n = t * t * t,
+        a = t * t;
+      return r.x = n * (i.x + 3 * (e.x - o.x) - s.x) + 3 * a * (s.x - 2 * e.x + o.x) + 3 * t * (e.x - s.x) + s.x, r.y = n * (i.y + 3 * (e.y - o.y) - s.y) + 3 * a * (s.y - 2 * e.y + o.y) + 3 * t * (e.y - s.y) + s.y, r;
+    };
+    _proto.setArc = function setArc() {
+      var t = this._parameters,
+        s = this.source,
+        i = 1 - t.distortV;
+      t.bend > 0 ? (this.A.x -= i * (s.height - this.distortY1) * this.sin, this.B.x += i * (s.height + this.distortY1) * this.sin, this.A.y += (s.height - this.distortY1) * (1 - this.cos), this.B.y += (s.height + this.distortY1) * (1 - this.cos), this.C.x -= this.distortY2 * this.sin, this.D.x -= this.distortY2 * this.sin, this.C.y += this.distortY2 * (this.cos - 1), this.D.y -= this.distortY2 * (this.cos - 1)) : t.bend < 0 && (this.D.x += i * (s.height - this.distortY2) * this.sin, this.C.x -= i * (s.height + this.distortY2) * this.sin, this.D.y += (s.height - this.distortY2) * (this.cos - 1), this.C.y += (s.height + this.distortY2) * (this.cos - 1), this.A.x += this.distortY1 * this.sin, this.B.x += this.distortY1 * this.sin, this.A.y -= this.distortY1 * (1 - this.cos), this.B.y += this.distortY1 * (1 - this.cos)), this.calculateArms(), this.setControls(), this.Atop.x += this.ABx * (this.cos * this.kt - 1), this.Atop.y -= this.ABx * this.sin * this.kt, this.Btop.x += this.ABx * (1 - this.cos * this.kt), this.Btop.y -= this.ABx * this.sin * this.kt, this.Dbottom.x += this.CDx * (this.cos * this.kt - 1), this.Dbottom.y -= this.CDx * this.sin * this.kt, this.Cbottom.x += this.CDx * (1 - this.cos * this.kt), this.Cbottom.y -= this.CDx * this.sin * this.kt;
+    };
+    _proto.setFish = function setFish() {
+      var t = this._parameters;
+      this.calculateArms(), this.setControls(), this.Atop.y -= 2 * t.bend * this.kAB * (2 * this.ADy + this.BCy), this.Btop.y += 2 * t.bend * this.kAB * (this.ADy + 2 * this.BCy), this.Dbottom.y += 2 * t.bend * this.kCD * (2 * this.ADy + this.BCy), this.Cbottom.y -= 2 * t.bend * this.kCD * (this.ADy + 2 * this.BCy);
+    };
+    _proto.setFlag = function setFlag() {
+      this.calculateArms(), this.setControls();
+      var t = this._parameters;
+      this.Atop.y += 3 * t.bend * this.kAB * (this.ADy + this.BCy), this.Btop.y -= 3 * t.bend * this.kAB * (this.ADy + this.BCy), this.Dbottom.y += 3 * t.bend * this.kCD * (this.ADy + this.BCy), this.Cbottom.y -= 3 * t.bend * this.kCD * (this.ADy + this.BCy);
+    };
+    _proto.setBulge = function setBulge() {
+      this.calculateArms(), this.setControls(), this.Atop.x += this.ABx * (this.cos * this.kt - 1), this.Atop.y -= this.ABx * this.sin * this.kt, this.Btop.x += this.ABx * (1 - this.cos * this.kt), this.Btop.y -= this.ABx * this.sin * this.kt, this.Dbottom.x += this.CDx * (this.cos * this.kt - 1), this.Dbottom.y += this.CDx * this.sin * this.kt, this.Cbottom.x += this.CDx * (1 - this.cos * this.kt), this.Cbottom.y += this.CDx * this.sin * this.kt;
+    };
+    _proto.setArch = function setArch() {
+      this.calculateArms(), this.setControls(), this.Atop.x += this.ABx * (this.cos * this.kt - 1), this.Atop.y -= this.ABx * this.sin * this.kt, this.Btop.x += this.ABx * (1 - this.cos * this.kt), this.Btop.y -= this.ABx * this.sin * this.kt, this.Dbottom.x += this.CDx * (this.cos * this.kt - 1), this.Dbottom.y -= this.CDx * this.sin * this.kt, this.Cbottom.x += this.CDx * (1 - this.cos * this.kt), this.Cbottom.y -= this.CDx * this.sin * this.kt;
+    };
+    _proto.setArcLower = function setArcLower() {
+      this.calculateArms(), this.setControls(), this.Dbottom.x += this.CDx * (this.cos * this.kt - 1), this.Dbottom.y += this.CDx * this.sin * this.kt, this.Cbottom.x += this.CDx * (1 - this.cos * this.kt), this.Cbottom.y += this.CDx * this.sin * this.kt;
+    };
+    _proto.setArcUpper = function setArcUpper() {
+      this.calculateArms(), this.setControls(), this.Atop.x += this.ABx * (this.cos * this.kt - 1), this.Atop.y -= this.ABx * this.sin * this.kt, this.Btop.x += this.ABx * (1 - this.cos * this.kt), this.Btop.y -= this.ABx * this.sin * this.kt;
+    };
+    _proto.setSqueeze = function setSqueeze() {
+      this.calculateArms(), this.setControls();
+      var t = this._parameters;
+      this.Atop.y -= t.bend * this.kAB * this.ADy, this.Btop.y -= t.bend * this.kAB * this.BCy, this.Dbottom.y += t.bend * this.kCD * this.ADy, this.Cbottom.y += t.bend * this.kCD * this.BCy, this.Bright.x -= t.bend * this.kBC * this.ABx, this.Cright.x -= t.bend * this.kBC * this.CDx, this.Aleft.x += t.bend * this.kAD * this.ABx, this.Dleft.x += t.bend * this.kAD * this.CDx;
+    };
+    _proto.setInflate = function setInflate() {
+      this.calculateArms(), this.setControls();
+      var t = this._parameters,
+        s = (this.ADy + this.BCy) / 2,
+        i = (this.ABx + this.CDx) / 2;
+      this.Atop.y -= t.bend * this.kAB * s, this.Btop.y -= t.bend * this.kAB * s, this.Dbottom.y += t.bend * this.kCD * s, this.Cbottom.y += t.bend * this.kCD * s, this.Bright.x += t.bend * this.kBC * i, this.Cright.x += t.bend * this.kBC * i, this.Aleft.x -= t.bend * this.kAD * i, this.Dleft.x -= t.bend * this.kAD * i;
+    };
+    _proto.setRise = function setRise() {
+      var t = this._parameters;
+      this.A.y += t.bend * this.kAB * source.height, this.D.y += t.bend * this.kCD * source.height, this.B.y -= t.bend * this.kAB * source.height, this.C.y -= t.bend * this.kCD * source.height, this.calculateArms(), this.setControls();
+      var s = this.ADy + this.BCy;
+      this.Atop.y += t.bend * this.kAB * s, this.Btop.y -= t.bend * this.kAB * s, this.Dbottom.y += t.bend * this.kCD * s, this.Cbottom.y -= t.bend * this.kCD * s;
+    };
+    _proto.setWaveUpper = function setWaveUpper() {
+      this.calculateArms(), this.setControls();
+      var t = this._parameters;
+      this.Atop.y += 3 * t.bend * this.kAB * (this.ADy + this.BCy), this.Btop.y -= 3 * t.bend * this.kAB * (this.ADy + this.BCy);
+    };
+    _proto.setWaveLower = function setWaveLower() {
+      this.calculateArms(), this.setControls();
+      var t = this._parameters;
+      this.Dbottom.y += 3 * t.bend * this.kCD * (this.ADy + this.BCy), this.Cbottom.y -= 3 * t.bend * this.kCD * (this.ADy + this.BCy);
+    };
+    _proto.calculateArms = function calculateArms() {
+      this.ABx = (this.B.x - this.A.x) / 3, this.ABy = (this.B.y - this.A.y) / 3, this.CDx = (this.C.x - this.D.x) / 3, this.CDy = (this.C.y - this.D.y) / 3, this.BCx = (this.C.x - this.B.x) / 3, this.BCy = (this.C.y - this.B.y) / 3, this.ADx = (this.D.x - this.A.x) / 3, this.ADy = (this.D.y - this.A.y) / 3;
+    };
+    _proto.getNewSegment = function getNewSegment(t, s, i, e) {
+      var o = this.T1,
+        r = o * o * o,
+        n = 1 - o,
+        a = n * n * n,
+        y = this.T2,
+        x = y * y * y,
+        c = 1 - y,
+        A = c * c * c,
+        C = 3 * o * n,
+        d = {};
+      d.x = (i.x - a * t.x - r * s.x) / C, d.y = (i.y - a * t.y - r * s.y) / C;
+      var b = 3 * y * c,
+        p = {};
+      p.x = (e.x - A * t.x - x * s.x) / b, p.y = (e.y - A * t.y - x * s.y) / b;
+      var B = {};
+      B.x = (y * d.x - o * p.x) / (n * p.x - c * d.x), B.y = (y * d.y - o * p.y) / (n * p.y - c * d.y), isNaN(B.x) && (B.x = 0), isNaN(B.y) && (B.y = 0);
+      var l = {},
+        D = {};
+      D.x = d.x / (n * B.x + o), D.y = d.y / (n * B.y + o), l.x = B.x * D.x, l.y = B.y * D.y;
+      var m = new h(l.x, l.y),
+        k = new h(D.x, D.y);
+      return [m.x, m.y, k.x, k.y, s.x, s.y];
+    };
+    return _class;
+  }();
+}, function (t, s) {
+  t.exports = /*#__PURE__*/function () {
+    function _class2(t, s) {
+      if (t === void 0) {
+        t = 0;
+      }
+      if (s === void 0) {
+        s = 0;
+      }
+      if ("number" != typeof t || "number" != typeof s) throw new Exception("Invalid points");
+      var i = t || 0,
+        h = s || 0;
+      i && (i = parseInt(1e3 * i) / 1e3), h && (h = parseInt(1e3 * h) / 1e3), this._props = [i, h], this[0] = i, this[1] = h;
     }
-  }), React.createElement("div", {
-    className: "text-[#E11A38]",
-    style: {
-      fontWeight: 'bold',
-      marginBottom: '3px'
+    _createClass(_class2, [{
+      key: "x",
+      get: function get() {
+        return this._props[0];
+      },
+      set: function set(t) {
+        this[0] = t, this._props[0] = t;
+      }
+    }, {
+      key: "y",
+      get: function get() {
+        return this._props[1];
+      },
+      set: function set(t) {
+        this[1] = t, this._props[1] = t;
+      }
+    }]);
+    return _class2;
+  }();
+}, function (t, s) {
+  t.exports = /*#__PURE__*/function () {
+    function _class3(t, s, i, h) {
+      this.x = t, this.y = s, this.width = i, this.height = h, this.top = s, this.bottom = s + h, this.left = t, this.right = t + i;
+    }
+    return _class3;
+  }();
+}, function (t, s, i) {
+  i(0);
+  t.exports = /*#__PURE__*/function () {
+    function _class4(t) {
+      this.type = t.type || 0, this.bend = t.bend || 0, this.distortV = t.distortV || 0, this.distortH = t.distortH || 0, this.vertical = t.vertical || !1;
+    }
+    return _class4;
+  }();
+}, function (t, s, i) {
+  var h = i(1),
+    e = i(0),
+    o = i(2),
+    r = "C",
+    n = "Q",
+    a = "L",
+    y = "M",
+    x = "Z",
+    c = /*#__PURE__*/function () {
+      function c(t) {
+        this.data = [], this.commands = [], this.parseString(t);
+      }
+      var _proto2 = c.prototype;
+      _proto2.parseString = function parseString(t) {
+        var s = [],
+          i = [];
+        t.match(/[A-Za-z][0-9\.\s\,\-]+\d/g).forEach(function (t) {
+          var h = t[0],
+            e = t.match(/[\d\.\-]+/g);
+          s.push(h), i.push.apply(i, e.map(parseFloat));
+        }), this.commands = s, this.data = i;
+      };
+      _proto2.scale = function scale(t, s) {
+        if (s === void 0) {
+          s = 0;
+        }
+        0 == s && (s = t);
+        var i = this.data;
+        for (var _h = 0; _h < i.length; _h += 2) i[_h] *= t, i[_h + 1] *= s;
+      };
+      _proto2.warp = function warp(t) {
+        var s = new e(t, this.calcRectangle()),
+          i = this.commands,
+          o = this.data,
+          n = [],
+          a = new h(),
+          y = new h(),
+          _c = new h(),
+          A = new h(),
+          C = 0,
+          d = new h();
+        for (var _t = 0; _t < i.length; _t++) {
+          switch (i[_t]) {
+            case "L":
+              i[_t] = r, a = new h((2 * A[0] + o[C]) / 3, (2 * A[1] + o[C + 1]) / 3), y = new h((A[0] + 2 * o[C]) / 3, (A[1] + 2 * o[C + 1]) / 3), d = new h(o[C], o[C + 1]), n = n.concat(s.changeCubic(A, a, y, d)), A = d, C += 2;
+              break;
+            case "Q":
+              i[_t] = r, a = new h((2 * o[C] + A.x) / 3, (2 * o[C + 1] + A.y) / 3), y = new h((2 * o[C] + o[C + 2]) / 3, (2 * o[C + 1] + o[C + 3]) / 3), d = new h(o[C + 2], o[C + 3]), n = n.concat(s.changeCubic(A, a, y, d)), A = d, C += 4;
+              break;
+            case "M":
+              A = _c = new h(o[C], o[C + 1]), n = n.concat(s.changePoint(A)), C += 2;
+              break;
+            case "C":
+              n = n.concat(s.changeCubic(A, new h(o[C], o[C + 1]), new h(o[C + 2], o[C + 3]), new h(o[C + 4], o[C + 5]))), A = new h(o[C + 4], o[C + 5]), C += 6;
+              break;
+            case x:
+              A = _c;
+          }
+        }
+        this.data = n;
+      };
+      _proto2.output = function output() {
+        var t = [],
+          s = this.data.slice();
+        for (var _i = 0; _i < this.commands.length; _i++) {
+          var _h2 = this.commands[_i],
+            _e = 0;
+          switch (_h2) {
+            case "M":
+            case "L":
+              _e = 2;
+              break;
+            case "Q":
+              _e = 4;
+              break;
+            case "C":
+              _e = 6;
+          }
+          t.push(_h2 + s.splice(0, _e).join(" "));
+        }
+        return t.join(" ");
+      };
+      _proto2.calcRectangle = function calcRectangle() {
+        var t = this.commands,
+          s = this.data;
+        for (var i, h, e = {
+            xMin: 1 / 0,
+            yMin: 1 / 0,
+            xMax: -1 / 0,
+            yMax: -1 / 0
+          }, x = 0, _c2 = 0; _c2 < t.length; _c2++) {
+          switch (t[_c2]) {
+            case y:
+            case a:
+              i = s[x], h = s[x + 1], x += 2;
+              break;
+            case n:
+              i = s[x + 2], h = s[x + 3], x += 4;
+              break;
+            case r:
+              i = s[x + 4], h = s[x + 5], x += 6;
+          }
+          e.xMin = Math.min(i, e.xMin), e.xMax = Math.max(i, e.xMax), e.yMin = Math.min(h, e.yMin), e.yMax = Math.max(h, e.yMax);
+        }
+        return e.xMax == -1 / 0 ? null : new o(e.xMin, e.yMin, e.xMax - e.xMin, e.yMax - e.yMin);
+      };
+      return c;
+    }();
+  t.exports = c, "undefined" != typeof window && (window.Path = c);
+}]);
+
+var Rightmenu = function Rightmenu() {
+  initTE({
+    Tab: Tab
+  });
+  var canvas = use3dddPlus.getState().fabricCanvas;
+  var _use3dddPlus = use3dddPlus(function (state) {
+      return [state.currentSelection, state.activeSelection, state.allColor, state.setToggleSaveLogo];
+    }, shallow),
+    currentSelection = _use3dddPlus[0],
+    activeSelection = _use3dddPlus[1],
+    allColor = _use3dddPlus[2],
+    setToggleSaveLogo = _use3dddPlus[3];
+  var _useState = useState(1),
+    activeTab = _useState[0],
+    setActiveTab = _useState[1];
+  var _useState2 = useState(false),
+    isNextClicked = _useState2[0],
+    setIsNextClicked = _useState2[1];
+  var _useState3 = useState({
+      visible: false,
+      property: '',
+      color: '',
+      callback: null
+    }),
+    displayPallet = _useState3[0],
+    setDisplayPallet = _useState3[1];
+  var _useState4 = useState(null),
+    position = _useState4[0],
+    setPosition = _useState4[1];
+  useEffect(function () {
+    if (activeSelection) {
+      use3dddPlus.setState({
+        textInfo: activeSelection.text
+      });
     }
-  }, "ERROR: CONFLICT IN COLOR USED"), React.createElement("div", {
-    className: "text-[#E11A38]",
-    style: {
-      marginBottom: '3px'
+  }, [activeSelection]);
+  useEffect(function () {
+    switch (currentSelection) {
+      case 'text':
+      case 'group':
+      case 'selectAll':
+      case 'none':
+        setActiveTab(1);
+        break;
+      case 'layer':
+      case 'activeSelection':
+        setActiveTab(2);
+        break;
     }
-  }, "Note: The following colors used are not available in Richardson color palette. Please edit the colors used."), React.createElement("div", null, conflictColors.map(function (c, i) {
-    return React.createElement("div", {
-      key: 'color-' + i,
-      style: {
-        width: '100%',
-        height: '30px',
-        lineHeight: '30px',
-        backgroundColor: c,
-        textAlign: 'center',
-        marginBottom: '3px'
-      }
-    }, React.createElement("span", {
-      style: {
-        color: '#ffffff',
-        mixBlendMode: 'difference'
-      }
-    }, c));
-  }))), React.createElement("button", {
-    type: "button",
-    className: "mt-3 inline-flex justify-center  bg-white px-[110px] py-2 text-sm font-medium text-[#E11A38] shadow-sm ring-1 ring-inset ring-[#E11A38] hover:bg-gray-50 sm:mt-0  w-full",
-    onClick: onSave
-  }, "Save")), activeTab === 2 && React.createElement("div", {
-    key: activeTab
-  }, (currentSelection === 'layer' || currentSelection === 'activeSelection') && React.createElement("div", {
-    className: "h-[40vh] sm:h-[55vh] 2xl:h-[60vh] overflow-y-auto overflow-x-hidden"
-  }, storeAllObject.map(function (item, index) {
-    return React.createElement(React.Fragment, null, React.createElement("div", {
-      className: "innerLayer border border-[#D7D7D7] my-[16px] h-[80px] flex justify-between"
-    }, React.createElement("div", {
-      className: "imgBox border border-r-[#D7D7D7] bg-slate-200 flex w-[80px]"
-    }, React.createElement("img", {
-      className: "rounded-lg " + (item && item.text ? 'object-contain' : ''),
-      style: {
-        // paddingTop: '7px',
-        height: 'auto',
-        width: 'auto',
-        display: 'block',
-        marginLeft: 'auto',
-        marginRight: 'auto'
-      },
-      src: item ? item['icon'] : ''
-    })), React.createElement("div", {
-      className: "flex-auto delBtnBox "
-    }, React.createElement("button", {
-      onClick: function onClick() {
-        return deleteElement(item);
-      },
-      className: "w-full h-full"
-    }, React.createElement("div", {
-      className: "flex justify-center pointer-events-none delBtn "
-    }, React.createElement("div", {
-      className: "m-auto upIcon"
-    }, React.createElement("svg", {
-      width: "25px",
-      height: "25px",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg"
-    }, React.createElement("path", {
-      d: "M10 11V17",
-      stroke: "#9a9a9a",
-      "stroke-width": "2",
-      "stroke-linecap": "round",
-      "stroke-linejoin": "round"
-    }), React.createElement("path", {
-      d: "M14 11V17",
-      stroke: "#9a9a9a",
-      "stroke-width": "2",
-      "stroke-linecap": "round",
-      "stroke-linejoin": "round"
-    }), React.createElement("path", {
-      d: "M4 7H20",
-      stroke: "#9a9a9a",
-      "stroke-width": "2",
-      "stroke-linecap": "round",
-      "stroke-linejoin": "round"
-    }), React.createElement("path", {
-      d: "M6 7H12H18V18C18 19.6569 16.6569 21 15 21H9C7.34315 21 6 19.6569 6 18V7Z",
-      stroke: "#9a9a9a",
-      "stroke-width": "2",
-      "stroke-linecap": "round",
-      "stroke-linejoin": "round"
-    }), React.createElement("path", {
-      d: "M9 5C9 3.89543 9.89543 3 11 3H13C14.1046 3 15 3.89543 15 5V7H9V5Z",
-      stroke: "#9a9a9a",
-      "stroke-width": "2",
-      "stroke-linecap": "round",
-      "stroke-linejoin": "round"
-    })))))), React.createElement("div", {
-      className: "delBox flex flex-col w-[40px] justify-between items-stretch"
-    }, React.createElement("button", {
-      disabled: index === 0,
-      onClick: function onClick() {
-        return layerHandle(item, index, 'plus');
+  }, [currentSelection]);
+  var conflictColors = useMemo(function () {
+    return allColor.filter(function (color) {
+      return defaultColorNames.findIndex(function (defaultColor) {
+        return defaultColor.color.toLowerCase() === color.toLowerCase();
+      }) < 0;
+    });
+  }, [allColor]);
+  var onSave = function onSave() {
+    canvas.discardActiveObject();
+    canvas.renderAll();
+    if (!conflictColors || conflictColors.length < 1) {
+      setIsNextClicked(false);
+      use3dddPlus.setState({
+        showCrossSave: true
+      });
+      if (canvas.getObjects().length > 0) {
+        var hasTransparent = allColor.includes('transparent');
+        var colorCount = hasTransparent ? allColor.length - 1 : allColor.length;
+        if (colorCount < 9) {
+          setToggleSaveLogo('save', true, 'Save Logo', {});
+        } else {
+          use3dddPlus.getState().toastMessages.noOfColors();
+        }
+      } else {
+        use3dddPlus.getState().toastMessages.noIteminCanvas();
       }
-    }, React.createElement("div", {
-      className: "upBtn pointer-events-none flex h-[35px] justify-center "
-    }, React.createElement("div", {
-      className: "m-auto upIcon"
-    }, React.createElement("svg", {
-      fill: index === 0 ? '#cfcccc' : '#9a9a9a',
-      height: "25px",
-      width: "25px",
-      version: "1.1",
-      id: "Layer_1",
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 512 512"
-    }, React.createElement("g", null, React.createElement("g", null, React.createElement("g", null, React.createElement("path", {
-      d: "M0,0v512h512V0H0z M469.333,469.333H42.667V42.667h426.667V469.333z"
-    }), React.createElement("path", {
-      d: "M121.752,335.085L256,200.837l134.248,134.248c8.331,8.331,21.839,8.331,30.17,0c8.331-8.331,8.331-21.839,0-30.17     L271.085,155.582c-8.331-8.331-21.839-8.331-30.17,0L91.582,304.915c-8.331,8.331-8.331,21.839,0,30.17     S113.42,343.416,121.752,335.085z"
-    })))))))), React.createElement("button", {
-      disabled: index === storeAllObject.length - 1,
+    } else {
+      setIsNextClicked(true);
+    }
+  };
+  var removeColorPalette = function removeColorPalette() {
+    setDisplayPallet({
+      visible: false,
+      property: '',
+      color: '',
+      callback: null
+    });
+  };
+  useEffect(function () {
+    window.addEventListener('click', removeColorPalette);
+    var unSub = use3dddPlus.subscribe(function (state) {
+      return state.colorFill;
+    }, function (_current, _previous) {
+      // Handle color fill changes
+    });
+    return function () {
+      window.removeEventListener('click', removeColorPalette);
+      unSub();
+    };
+  }, []);
+  return React.createElement("div", {
+    className: "relative flex-1 h-full px-6 pt-6 pb-2 text-left"
+  }, React.createElement("div", {
+    className: "flex flex-col"
+  }, React.createElement("h1", {
+    className: "text-2xl font-bold"
+  }, "Edit Design"), React.createElement("div", {
+    className: "w-full"
+  }, React.createElement("div", {
+    className: "flex my-4 flex-nowrap"
+  }, tabs.map(function (tab) {
+    return React.createElement("button", {
+      key: tab.id,
+      className: (activeTab === tab.id ? 'bg-[#E11A38] text-white' : 'bg-white text-gray-800') + " py-2 px-10 focus:outline-none uppercase text-sm font-bold",
       onClick: function onClick() {
-        return layerHandle(item, index, 'minus');
+        setActiveTab(tab.id);
+        if (tab.id === 1) {
+          use3dddPlus.setState({
+            currentSelection: 'none'
+          });
+          canvas.discardActiveObject();
+          canvas.renderAll();
+        }
+        if (tab.id === 2) {
+          use3dddPlus.setState({
+            currentSelection: 'layer'
+          });
+        }
       }
-    }, React.createElement("div", {
-      className: "downBtn pointer-events-none flex  h-[35px] justify-center"
-    }, React.createElement("div", {
-      className: "m-auto downIcon"
-    }, React.createElement("svg", {
-      transform: "rotate(180)",
-      fill: index === storeAllObject.length - 1 ? '#cfcccc' : '#9a9a9a',
-      height: "25px",
-      width: "25px",
-      version: "1.1",
-      id: "Layer_1",
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 512 512"
-    }, React.createElement("g", null, React.createElement("g", null, React.createElement("g", null, React.createElement("path", {
-      d: "M0,0v512h512V0H0z M469.333,469.333H42.667V42.667h426.667V469.333z"
-    }), React.createElement("path", {
-      d: "M121.752,335.085L256,200.837l134.248,134.248c8.331,8.331,21.839,8.331,30.17,0c8.331-8.331,8.331-21.839,0-30.17     L271.085,155.582c-8.331-8.331-21.839-8.331-30.17,0L91.582,304.915c-8.331,8.331-8.331,21.839,0,30.17     S113.42,343.416,121.752,335.085z"
-    })))))))))));
-  })), React.createElement("button", {
-    type: "button",
-    className: "mt-3 inline-flex justify-center  bg-white px-[110px] py-2 text-sm font-medium text-[#E11A38] shadow-sm ring-1 ring-inset ring-[#E11A38] hover:bg-gray-50 sm:mt-0  w-full",
-    onClick: onSave
-  }, "Save"))))), displayPallet && displayPallet.visible && React.createElement(ColorPalette, {
+    }, tab.label);
+  })), React.createElement("div", {
+    className: "w-full p-1 bg-gray-100"
+  }, activeTab === 1 && React.createElement(Properties, {
+    textSelected: activeSelection,
+    activeTab: activeTab,
+    canvas: canvas,
+    setIsNextClicked: setIsNextClicked,
+    onSave: onSave,
+    conflictColors: conflictColors,
+    isNextClicked: isNextClicked,
+    setDisplayPallet: setDisplayPallet,
+    setPosition: setPosition
+  }), activeTab === 2 && React.createElement("div", null, (currentSelection === 'layer' || currentSelection === 'activeSelection') && React.createElement(Layers, {
+    canvas: canvas,
+    onSave: onSave
+  }))))), displayPallet.visible && React.createElement(ColorPalette, {
     mainClass: "left-0",
     handleColorChange: function handleColorChange(color) {
       displayPallet.callback(displayPallet.property, color);
@@ -14780,7 +14708,7 @@ var FontLoader = function FontLoader(_ref) {
   return null;
 };
 
-var css_248z$6 = "/*! tailwindcss v3.3.2 | MIT License | https://tailwindcss.com*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:\"\"}html{-webkit-text-size-adjust:100%;font-feature-settings:normal;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::-moz-placeholder, textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}:root,[data-theme]{background-color:hsl(var(--b1)/var(--tw-bg-opacity,1));color:hsl(var(--bc)/var(--tw-text-opacity,1))}html{-webkit-tap-highlight-color:transparent}:root{--pf:259 94% 44%;--sf:314 100% 40%;--af:174 75% 39%;--nf:214 20% 14%;--in:198 93% 60%;--su:158 64% 52%;--wa:43 96% 56%;--er:0 91% 71%;--inc:198 100% 12%;--suc:158 100% 10%;--wac:43 100% 11%;--erc:0 100% 14%;--rounded-box:1rem;--rounded-btn:0.5rem;--rounded-badge:1.9rem;--animation-btn:0.25s;--animation-input:.2s;--btn-text-case:uppercase;--btn-focus-scale:0.95;--border-btn:1px;--tab-border:1px;--tab-radius:0.5rem;--p:259 94% 51%;--pc:259 96% 91%;--s:314 100% 47%;--sc:314 100% 91%;--a:174 75% 46%;--ac:174 75% 11%;--n:214 20% 21%;--nc:212 19% 87%;--b1:0 0% 100%;--b2:0 0% 95%;--b3:180 2% 90%;--bc:215 28% 17%;color-scheme:light}@media (prefers-color-scheme:dark){:root{--pf:262 80% 43%;--sf:316 70% 43%;--af:175 70% 34%;--in:198 93% 60%;--su:158 64% 52%;--wa:43 96% 56%;--er:0 91% 71%;--inc:198 100% 12%;--suc:158 100% 10%;--wac:43 100% 11%;--erc:0 100% 14%;--rounded-box:1rem;--rounded-btn:0.5rem;--rounded-badge:1.9rem;--animation-btn:0.25s;--animation-input:.2s;--btn-text-case:uppercase;--btn-focus-scale:0.95;--border-btn:1px;--tab-border:1px;--tab-radius:0.5rem;--p:262 80% 50%;--pc:0 0% 100%;--s:316 70% 50%;--sc:0 0% 100%;--a:175 70% 41%;--ac:0 0% 100%;--n:213 18% 20%;--nf:212 17% 17%;--nc:220 13% 69%;--b1:212 18% 14%;--b2:213 18% 12%;--b3:213 18% 10%;--bc:220 13% 69%;color-scheme:dark}}[data-theme=light]{--pf:259 94% 44%;--sf:314 100% 40%;--af:174 75% 39%;--nf:214 20% 14%;--in:198 93% 60%;--su:158 64% 52%;--wa:43 96% 56%;--er:0 91% 71%;--inc:198 100% 12%;--suc:158 100% 10%;--wac:43 100% 11%;--erc:0 100% 14%;--rounded-box:1rem;--rounded-btn:0.5rem;--rounded-badge:1.9rem;--animation-btn:0.25s;--animation-input:.2s;--btn-text-case:uppercase;--btn-focus-scale:0.95;--border-btn:1px;--tab-border:1px;--tab-radius:0.5rem;--p:259 94% 51%;--pc:259 96% 91%;--s:314 100% 47%;--sc:314 100% 91%;--a:174 75% 46%;--ac:174 75% 11%;--n:214 20% 21%;--nc:212 19% 87%;--b1:0 0% 100%;--b2:0 0% 95%;--b3:180 2% 90%;--bc:215 28% 17%;color-scheme:light}[data-theme=dark]{--pf:262 80% 43%;--sf:316 70% 43%;--af:175 70% 34%;--in:198 93% 60%;--su:158 64% 52%;--wa:43 96% 56%;--er:0 91% 71%;--inc:198 100% 12%;--suc:158 100% 10%;--wac:43 100% 11%;--erc:0 100% 14%;--rounded-box:1rem;--rounded-btn:0.5rem;--rounded-badge:1.9rem;--animation-btn:0.25s;--animation-input:.2s;--btn-text-case:uppercase;--btn-focus-scale:0.95;--border-btn:1px;--tab-border:1px;--tab-radius:0.5rem;--p:262 80% 50%;--pc:0 0% 100%;--s:316 70% 50%;--sc:0 0% 100%;--a:175 70% 41%;--ac:0 0% 100%;--n:213 18% 20%;--nf:212 17% 17%;--nc:220 13% 69%;--b1:212 18% 14%;--b2:213 18% 12%;--b3:213 18% 10%;--bc:220 13% 69%;color-scheme:dark}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.alert{--tw-border-opacity:1;--tw-text-opacity:1;--alert-bg:hsl(var(--b2));--alert-bg-mix:hsl(var(--b1));align-content:flex-start;align-items:center;background-color:var(--alert-bg);border-color:hsl(var(--b2)/var(--tw-border-opacity));border-radius:var(--rounded-box,1rem);border-width:1px;color:hsl(var(--bc)/var(--tw-text-opacity));display:grid;gap:1rem;grid-auto-flow:row;justify-items:center;padding:1rem;text-align:center;width:100%}@media (min-width:640px){.alert{grid-auto-flow:column;grid-template-columns:auto minmax(auto,1fr);justify-items:start;text-align:left}}.avatar.placeholder>div{align-items:center;display:flex;justify-content:center}@media (hover:hover){.label a:hover{--tw-text-opacity:1;color:hsl(var(--bc)/var(--tw-text-opacity))}.menu :where(li:not(.menu-title):not(.disabled)>:not(ul):not(details):not(.menu-title)):where(.active),.menu :where(li:not(.menu-title):not(.disabled)>details>summary:not(.menu-title)):where(.active){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:hsl(var(--n)/var(--tw-bg-opacity));color:hsl(var(--nc)/var(--tw-text-opacity))}.tab:hover{--tw-text-opacity:1}.table tr.hover:hover,.table tr.hover:nth-child(2n):hover{--tw-bg-opacity:1;background-color:hsl(var(--b2)/var(--tw-bg-opacity))}.table-zebra tr.hover:hover,.table-zebra tr.hover:nth-child(2n):hover{--tw-bg-opacity:1;background-color:hsl(var(--b3)/var(--tw-bg-opacity))}}.btn{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;align-items:center;animation:button-pop var(--animation-btn,.25s) ease-out;background-color:hsl(var(--b2)/var(--tw-bg-opacity));border-color:transparent;border-color:hsl(var(--b2)/var(--tw-border-opacity));border-radius:var(--rounded-btn,.5rem);border-width:var(--border-btn,1px);cursor:pointer;display:inline-flex;flex-shrink:0;flex-wrap:wrap;font-size:.875rem;font-weight:600;gap:.5rem;height:3rem;justify-content:center;line-height:1.25rem;line-height:1em;min-height:3rem;outline-color:hsl(var(--bc)/1);padding-left:1rem;padding-right:1rem;text-align:center;text-decoration-line:none;text-transform:var(--btn-text-case,uppercase);transition-duration:.2s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-user-select:none;-moz-user-select:none;user-select:none}.btn,.btn-disabled,.btn:disabled,.btn[disabled]{color:hsl(var(--bc)/var(--tw-text-opacity))}.btn-disabled,.btn:disabled,.btn[disabled]{--tw-border-opacity:0;--tw-bg-opacity:0.2;--tw-text-opacity:0.2;background-color:hsl(var(--n)/var(--tw-bg-opacity));pointer-events:none}.btn-group>input[type=radio].btn{-webkit-appearance:none;-moz-appearance:none;appearance:none}.btn-group>input[type=radio].btn:before{content:attr(data-title)}.btn:is(input[type=checkbox]),.btn:is(input[type=radio]){-webkit-appearance:none;-moz-appearance:none;appearance:none}.btn:is(input[type=checkbox]):after,.btn:is(input[type=radio]):after{--tw-content:attr(aria-label);content:var(--tw-content)}.card{border-radius:var(--rounded-box,1rem);display:flex;flex-direction:column;position:relative}.card:focus{outline:2px solid transparent;outline-offset:2px}.card-body{display:flex;flex:1 1 auto;flex-direction:column;gap:.5rem;padding:var(--padding-card,2rem)}.card-body :where(p){flex-grow:1}.card figure{align-items:center;display:flex;justify-content:center}.card.image-full{display:grid}.card.image-full:before{--tw-bg-opacity:1;background-color:hsl(var(--n)/var(--tw-bg-opacity));border-radius:var(--rounded-box,1rem);content:\"\";opacity:.75;position:relative;z-index:10}.card.image-full:before,.card.image-full>*{grid-column-start:1;grid-row-start:1}.card.image-full>figure img{height:100%;-o-object-fit:cover;object-fit:cover}.card.image-full>.card-body{--tw-text-opacity:1;color:hsl(var(--nc)/var(--tw-text-opacity));position:relative;z-index:20}.checkbox{--chkbg:var(--bc);--chkfg:var(--b1);--tw-border-opacity:0.2;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-color:hsl(var(--bc)/var(--tw-border-opacity));border-radius:var(--rounded-btn,.5rem);border-width:1px;cursor:pointer;flex-shrink:0;height:1.5rem;width:1.5rem}.dropdown .dropdown-content{position:absolute}.dropdown:is(:not(details)) .dropdown-content{--tw-scale-x:.95;--tw-scale-y:.95;opacity:0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform-origin:top;transition-duration:.2s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);visibility:hidden}.dropdown-end .dropdown-content{right:0}.dropdown-left .dropdown-content{bottom:auto;right:100%;top:0;transform-origin:right}.dropdown-right .dropdown-content{bottom:auto;left:100%;top:0;transform-origin:left}.dropdown-bottom .dropdown-content{bottom:auto;top:100%;transform-origin:top}.dropdown-top .dropdown-content{bottom:100%;top:auto;transform-origin:bottom}.dropdown-end.dropdown-left .dropdown-content,.dropdown-end.dropdown-right .dropdown-content{bottom:0;top:auto}.dropdown.dropdown-open .dropdown-content,.dropdown:focus-within .dropdown-content,.dropdown:not(.dropdown-hover):focus .dropdown-content{opacity:1;visibility:visible}@media (hover:hover){.dropdown.dropdown-hover:hover .dropdown-content{opacity:1;visibility:visible}.btm-nav>.disabled:hover,.btm-nav>[disabled]:hover{--tw-border-opacity:0;--tw-bg-opacity:0.1;--tw-text-opacity:0.2;background-color:hsl(var(--n)/var(--tw-bg-opacity));color:hsl(var(--bc)/var(--tw-text-opacity));pointer-events:none}.btn:hover{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:hsl(var(--b3)/var(--tw-bg-opacity));border-color:hsl(var(--b3)/var(--tw-border-opacity))}.btn.glass:hover{--glass-opacity:25%;--glass-border-opacity:15%}.btn-disabled:hover,.btn:disabled:hover,.btn[disabled]:hover{--tw-border-opacity:0;--tw-bg-opacity:0.2;--tw-text-opacity:0.2;background-color:hsl(var(--n)/var(--tw-bg-opacity));color:hsl(var(--bc)/var(--tw-text-opacity))}.btn:is(input[type=checkbox]:checked):hover,.btn:is(input[type=radio]:checked):hover{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:hsl(var(--pf)/var(--tw-bg-opacity));border-color:hsl(var(--pf)/var(--tw-border-opacity))}.dropdown.dropdown-hover:hover .dropdown-content{--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.menu :where(li:not(.menu-title):not(.disabled)>:not(ul):not(details):not(.menu-title)):not(.active):hover,.menu :where(li:not(.menu-title):not(.disabled)>details>summary:not(.menu-title)):not(.active):hover{--tw-text-opacity:1;background-color:hsl(var(--bc)/.1);color:hsl(var(--bc)/var(--tw-text-opacity));cursor:pointer;outline:2px solid transparent;outline-offset:2px}.tab[disabled],.tab[disabled]:hover{--tw-text-opacity:0.2;color:hsl(var(--bc)/var(--tw-text-opacity));cursor:not-allowed}}.label{align-items:center;display:flex;justify-content:space-between;padding:.5rem .25rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.\\!input{--tw-border-opacity:0!important;--tw-bg-opacity:1!important;background-color:hsl(var(--b1)/var(--tw-bg-opacity))!important;border-color:hsl(var(--bc)/var(--tw-border-opacity))!important;border-radius:var(--rounded-btn,.5rem)!important;border-width:1px!important;flex-shrink:1!important;font-size:1rem!important;height:3rem!important;line-height:2!important;line-height:1.5rem!important;padding-left:1rem!important;padding-right:1rem!important}.input{--tw-border-opacity:0;--tw-bg-opacity:1;background-color:hsl(var(--b1)/var(--tw-bg-opacity));border-color:hsl(var(--bc)/var(--tw-border-opacity));border-radius:var(--rounded-btn,.5rem);border-width:1px;flex-shrink:1;font-size:1rem;height:3rem;line-height:2;line-height:1.5rem;padding-left:1rem;padding-right:1rem}.input-group>.\\!input{isolation:isolate!important}.input-group>.input{isolation:isolate}.input-group>.\\!input{border-radius:0!important}.input-group>*,.input-group>.input,.input-group>.select,.input-group>.textarea{border-radius:0}.join{align-items:stretch;border-radius:var(--rounded-btn,.5rem);display:inline-flex}.join *{border-radius:inherit}.join :where(.join-item){border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:0;border-top-right-radius:0}.join .join-item:not(:first-child):not(:last-child),.join :not(:first-child):not(:last-child) .join-item{border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:0;border-top-right-radius:0}.join .join-item:first-child:not(:last-child),.join :first-child:not(:last-child) .join-item{border-bottom-right-radius:0;border-top-right-radius:0}.join :where(.join-item:first-child:not(:last-child)),.join :where(:first-child:not(:last-child) .join-item){border-bottom-left-radius:inherit;border-top-left-radius:inherit}.join .join-item:last-child:not(:first-child),.join :last-child:not(:first-child) .join-item{border-bottom-left-radius:0;border-top-left-radius:0}.join :where(.join-item:last-child:not(:first-child)),.join :where(:last-child:not(:first-child) .join-item){border-bottom-right-radius:inherit;border-top-right-radius:inherit}.\\!link{cursor:pointer!important;text-decoration-line:underline!important}.link{cursor:pointer;text-decoration-line:underline}.\\!mask{-webkit-mask-position:center!important;mask-position:center!important;-webkit-mask-repeat:no-repeat!important;mask-repeat:no-repeat!important;-webkit-mask-size:contain!important;mask-size:contain!important}.mask{-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}.menu{display:flex;flex-direction:column;flex-wrap:wrap;font-size:.875rem;line-height:1.25rem;padding:.5rem}.menu :where(li ul){margin-left:1rem;padding-left:.5rem;position:relative;white-space:nowrap}.menu :where(li:not(.menu-title)>:not(ul):not(details):not(.menu-title)),.menu :where(li:not(.menu-title)>details>summary:not(.menu-title)){align-content:flex-start;align-items:center;border-radius:var(--rounded-btn,.5rem);display:grid;gap:.5rem;grid-auto-columns:max-content auto max-content;grid-auto-flow:column;padding:.5rem 1rem;text-align:left;transition-duration:.2s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-user-select:none;-moz-user-select:none;user-select:none}.menu li.disabled{color:hsl(var(--bc)/.3);cursor:not-allowed;-webkit-user-select:none;-moz-user-select:none;user-select:none}.menu :where(li>.menu-dropdown:not(.menu-dropdown-show)){display:none}:where(.menu li){align-items:stretch;display:flex;flex-direction:column;flex-shrink:0;flex-wrap:wrap;position:relative}:where(.menu li) .badge{justify-self:end}.modal{background-color:transparent;background-color:rgba(0,0,0,.3);display:grid;height:100%;inset:0;justify-items:center;margin:0;max-height:none;max-width:none;opacity:0;overflow-y:hidden;overscroll-behavior:contain;padding:0;pointer-events:none;position:fixed;transition-duration:.2s;transition-property:transform,opacity,visibility;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%;z-index:999}:where(.modal){align-items:center}.modal-box{--tw-scale-x:.9;--tw-scale-y:.9;--tw-bg-opacity:1;background-color:hsl(var(--b1)/var(--tw-bg-opacity));border-bottom-left-radius:var(--rounded-box,1rem);border-bottom-right-radius:var(--rounded-box,1rem);border-top-left-radius:var(--rounded-box,1rem);border-top-right-radius:var(--rounded-box,1rem);box-shadow:0 25px 50px -12px rgba(0,0,0,.25);grid-column-start:1;grid-row-start:1;max-height:calc(100vh - 5em);max-width:32rem;overflow-y:auto;overscroll-behavior:contain;padding:1.5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-duration:.2s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);width:91.666667%}.modal-open,.modal-toggle:checked+.modal,.modal:target,.modal[open]{opacity:1;pointer-events:auto;visibility:visible}:root:has(:is(.modal-open,.modal:target,.modal-toggle:checked+.modal,.modal[open])){overflow:hidden}.progress{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--rounded-box,1rem);height:.5rem;overflow:hidden;position:relative;width:100%}.radio{--chkbg:var(--bc);--tw-border-opacity:0.2;-webkit-appearance:none;border-color:hsl(var(--bc)/var(--tw-border-opacity));border-radius:9999px;border-width:1px;flex-shrink:0;width:1.5rem}.radio,.range{-moz-appearance:none;-webkit-appearance:none;        appearance:none;cursor:pointer;height:1.5rem}.range{--range-shdw:var(--bc);-webkit-appearance:none;background-color:transparent;border-radius:var(--rounded-box,1rem);overflow:hidden;width:100%}.range:focus{outline:none}.select{--tw-border-opacity:0;--tw-bg-opacity:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:hsl(var(--b1)/var(--tw-bg-opacity));background-image:linear-gradient(45deg,transparent 50%,currentColor 0),linear-gradient(135deg,currentColor 50%,transparent 0);background-position:calc(100% - 20px) calc(1px + 50%),calc(100% - 16px) calc(1px + 50%);background-repeat:no-repeat;background-size:4px 4px,4px 4px;border-color:hsl(var(--bc)/var(--tw-border-opacity));border-radius:var(--rounded-btn,.5rem);border-width:1px;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:.875rem;font-weight:600;height:3rem;line-height:1.25rem;line-height:2;min-height:3rem;padding-left:1rem;padding-right:2.5rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.select[multiple]{height:auto}.stack{display:inline-grid;place-items:center;align-items:flex-end}.stack>*{grid-column-start:1;grid-row-start:1;opacity:.6;transform:translateY(10%) scale(.9);width:100%;z-index:1}.stack>:nth-child(2){opacity:.8;transform:translateY(5%) scale(.95);z-index:2}.stack>:first-child{opacity:1;transform:translateY(0) scale(1);z-index:3}.stats{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:hsl(var(--b1)/var(--tw-bg-opacity));border-radius:var(--rounded-box,1rem);color:hsl(var(--bc)/var(--tw-text-opacity));display:inline-grid}:where(.stats){grid-auto-flow:column;overflow-x:auto}.stat{--tw-border-opacity:0.1;border-color:hsl(var(--bc)/var(--tw-border-opacity));-moz-column-gap:1rem;column-gap:1rem;grid-template-columns:repeat(1,1fr);padding:1rem 1.5rem;width:100%}.stat,.steps{display:inline-grid}.steps{counter-reset:step;grid-auto-columns:1fr;grid-auto-flow:column;overflow:hidden;overflow-x:auto}.steps .step{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));grid-template-columns:auto;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-rows:40px 1fr;min-width:4rem;place-items:center;text-align:center}.steps .\\!step{display:grid!important;grid-template-columns:repeat(1,minmax(0,1fr))!important;grid-template-columns:auto!important;grid-template-rows:repeat(2,minmax(0,1fr))!important;grid-template-rows:40px 1fr!important;min-width:4rem!important;place-items:center!important;text-align:center!important}.tabs{align-items:flex-end;display:flex;flex-wrap:wrap}.tab{--tab-padding:1rem;--tw-text-opacity:0.5;--tab-color:hsl(var(--bc)/var(--tw-text-opacity,1));--tab-bg:hsl(var(--b1)/var(--tw-bg-opacity,1));--tab-border-color:hsl(var(--b3)/var(--tw-bg-opacity,1));align-items:center;color:var(--tab-color);cursor:pointer;display:inline-flex;flex-wrap:wrap;height:2rem;justify-content:center;line-height:1.25rem;line-height:2;padding-left:var(--tab-padding,1rem);padding-right:var(--tab-padding,1rem);text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tab,.table{font-size:.875rem;position:relative}.table{border-radius:var(--rounded-box,1rem);line-height:1.25rem;text-align:left;width:100%}.table :where(.table-pin-rows thead tr){--tw-bg-opacity:1;background-color:hsl(var(--b1)/var(--tw-bg-opacity));position:sticky;top:0;z-index:1}.table :where(.table-pin-rows tfoot tr){--tw-bg-opacity:1;background-color:hsl(var(--b1)/var(--tw-bg-opacity));bottom:0;position:sticky;z-index:1}.table :where(.table-pin-cols tr th){--tw-bg-opacity:1;background-color:hsl(var(--b1)/var(--tw-bg-opacity));left:0;position:sticky;right:0}.textarea{--tw-border-opacity:0;--tw-bg-opacity:1;background-color:hsl(var(--b1)/var(--tw-bg-opacity));border-color:hsl(var(--bc)/var(--tw-border-opacity));border-radius:var(--rounded-btn,.5rem);border-width:1px;flex-shrink:1;font-size:.875rem;line-height:1.25rem;line-height:2;min-height:3rem;padding:.5rem 1rem}.toast{display:flex;flex-direction:column;gap:.5rem;min-width:-moz-fit-content;min-width:fit-content;padding:1rem;position:fixed;white-space:nowrap}.toggle{--tglbg:hsl(var(--b1));--handleoffset:1.5rem;--handleoffsetcalculator:calc(var(--handleoffset)*-1);--togglehandleborder:0 0;--tw-border-opacity:0.2;--tw-bg-opacity:0.5;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:hsl(var(--bc)/var(--tw-bg-opacity));border-color:hsl(var(--bc)/var(--tw-border-opacity));border-radius:var(--rounded-badge,1.9rem);border-width:1px;box-shadow:var(--handleoffsetcalculator) 0 0 2px var(--tglbg) inset,0 0 0 2px var(--tglbg) inset,var(--togglehandleborder);cursor:pointer;flex-shrink:0;height:1.5rem;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);transition:background,box-shadow var(--animation-input,.2s) ease-in-out;width:3rem}.btm-nav>:where(.active){--tw-bg-opacity:1;background-color:hsl(var(--b1)/var(--tw-bg-opacity));border-top-width:2px}.btm-nav>.disabled,.btm-nav>[disabled]{--tw-border-opacity:0;--tw-bg-opacity:0.1;--tw-text-opacity:0.2;background-color:hsl(var(--n)/var(--tw-bg-opacity));color:hsl(var(--bc)/var(--tw-text-opacity));pointer-events:none}.btm-nav>* .label{font-size:1rem;line-height:1.5rem}.btn:active:focus,.btn:active:hover{animation:button-pop 0s ease-out;transform:scale(var(--btn-focus-scale,.97))}.btn:focus-visible{outline-offset:2px;outline-style:solid;outline-width:2px}.btn.glass{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);outline-color:currentColor}.btn.glass.btn-active{--glass-opacity:25%;--glass-border-opacity:15%}.btn-group>.btn-active,.btn-group>input[type=radio]:checked.btn{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:hsl(var(--p)/var(--tw-bg-opacity));border-color:hsl(var(--p)/var(--tw-border-opacity));color:hsl(var(--pc)/var(--tw-text-opacity))}.btn-group>.btn-active:focus-visible,.btn-group>input[type=radio]:checked.btn:focus-visible{outline-color:hsl(var(--p)/1);outline-style:solid;outline-width:2px}.btn:is(input[type=checkbox]:checked),.btn:is(input[type=radio]:checked){--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:hsl(var(--p)/var(--tw-bg-opacity));border-color:hsl(var(--p)/var(--tw-border-opacity));color:hsl(var(--pc)/var(--tw-text-opacity))}.btn:is(input[type=checkbox]:checked):focus-visible,.btn:is(input[type=radio]:checked):focus-visible{outline-color:hsl(var(--p)/1)}@keyframes button-pop{0%{transform:scale(var(--btn-focus-scale,.98))}40%{transform:scale(1.02)}to{transform:scale(1)}}.card :where(figure:first-child){border-end-end-radius:unset;border-end-start-radius:unset;border-start-end-radius:inherit;border-start-start-radius:inherit;overflow:hidden}.card :where(figure:last-child){border-end-end-radius:inherit;border-end-start-radius:inherit;border-start-end-radius:unset;border-start-start-radius:unset;overflow:hidden}.card:focus-visible{outline:2px solid currentColor;outline-offset:2px}.card.bordered{--tw-border-opacity:1;border-color:hsl(var(--b2)/var(--tw-border-opacity));border-width:1px}.card.compact .card-body{font-size:.875rem;line-height:1.25rem;padding:1rem}.card-title{align-items:center;display:flex;font-size:1.25rem;font-weight:600;gap:.5rem;line-height:1.75rem}.card.image-full :where(figure){border-radius:inherit;overflow:hidden}.checkbox:focus-visible{outline-color:hsl(var(--bc)/1);outline-offset:2px;outline-style:solid;outline-width:2px}.checkbox:checked,.checkbox[aria-checked=true],.checkbox[checked=true]{--tw-bg-opacity:1;animation:checkmark var(--animation-input,.2s) ease-in-out;background-color:hsl(var(--bc)/var(--tw-bg-opacity));background-image:linear-gradient(-45deg,transparent 65%,hsl(var(--chkbg)) 65.99%),linear-gradient(45deg,transparent 75%,hsl(var(--chkbg)) 75.99%),linear-gradient(-45deg,hsl(var(--chkbg)) 40%,transparent 40.99%),linear-gradient(45deg,hsl(var(--chkbg)) 30%,hsl(var(--chkfg)) 30.99%,hsl(var(--chkfg)) 40%,transparent 40.99%),linear-gradient(-45deg,hsl(var(--chkfg)) 50%,hsl(var(--chkbg)) 50.99%);background-repeat:no-repeat}.checkbox:indeterminate{--tw-bg-opacity:1;animation:checkmark var(--animation-input,.2s) ease-in-out;background-color:hsl(var(--bc)/var(--tw-bg-opacity));background-image:linear-gradient(90deg,transparent 80%,hsl(var(--chkbg)) 80%),linear-gradient(-90deg,transparent 80%,hsl(var(--chkbg)) 80%),linear-gradient(0deg,hsl(var(--chkbg)) 43%,hsl(var(--chkfg)) 43%,hsl(var(--chkfg)) 57%,hsl(var(--chkbg)) 57%);background-repeat:no-repeat}.checkbox:disabled{--tw-bg-opacity:1;background-color:hsl(var(--bc)/var(--tw-bg-opacity));border-color:transparent;cursor:not-allowed;opacity:.2}@keyframes checkmark{0%{background-position-y:5px}50%{background-position-y:-2px}to{background-position-y:0}}[dir=rtl] .checkbox:checked,[dir=rtl] .checkbox[aria-checked=true],[dir=rtl] .checkbox[checked=true]{background-image:linear-gradient(45deg,transparent 65%,hsl(var(--chkbg)) 65.99%),linear-gradient(-45deg,transparent 75%,hsl(var(--chkbg)) 75.99%),linear-gradient(45deg,hsl(var(--chkbg)) 40%,transparent 40.99%),linear-gradient(-45deg,hsl(var(--chkbg)) 30%,hsl(var(--chkfg)) 30.99%,hsl(var(--chkfg)) 40%,transparent 40.99%),linear-gradient(45deg,hsl(var(--chkfg)) 50%,hsl(var(--chkbg)) 50.99%)}.dropdown.dropdown-open .dropdown-content,.dropdown:focus .dropdown-content,.dropdown:focus-within .dropdown-content{--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\\!input[list]::-webkit-calendar-picker-indicator{line-height:1em!important}.input[list]::-webkit-calendar-picker-indicator{line-height:1em}.\\!input:focus{outline-color:hsl(var(--bc)/.2)!important;outline-offset:2px!important;outline-style:solid!important;outline-width:2px!important}.input:focus{outline-color:hsl(var(--bc)/.2);outline-offset:2px;outline-style:solid;outline-width:2px}.input-disabled,.input:disabled,.input[disabled]{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:0.2;background-color:hsl(var(--b2)/var(--tw-bg-opacity));border-color:hsl(var(--b2)/var(--tw-border-opacity));cursor:not-allowed}.\\!input:disabled,.\\!input[disabled]{--tw-border-opacity:1!important;--tw-bg-opacity:1!important;--tw-text-opacity:0.2!important;background-color:hsl(var(--b2)/var(--tw-bg-opacity))!important;border-color:hsl(var(--b2)/var(--tw-border-opacity))!important;cursor:not-allowed!important}.input-disabled::-moz-placeholder,.input:disabled::-moz-placeholder,.input[disabled]::-moz-placeholder{--tw-placeholder-opacity:0.2;color:hsl(var(--bc)/var(--tw-placeholder-opacity))}.input-disabled::-moz-placeholder, .input:disabled::-moz-placeholder, .input[disabled]::-moz-placeholder{--tw-placeholder-opacity:0.2;color:hsl(var(--bc)/var(--tw-placeholder-opacity))}.input-disabled::placeholder,.input:disabled::placeholder,.input[disabled]::placeholder{--tw-placeholder-opacity:0.2;color:hsl(var(--bc)/var(--tw-placeholder-opacity))}.\\!input:disabled::-moz-placeholder,.\\!input[disabled]::-moz-placeholder{--tw-placeholder-opacity:0.2!important;color:hsl(var(--bc)/var(--tw-placeholder-opacity))!important}.\\!input:disabled::-moz-placeholder, .\\!input[disabled]::-moz-placeholder{--tw-placeholder-opacity:0.2!important;color:hsl(var(--bc)/var(--tw-placeholder-opacity))!important}.\\!input:disabled::placeholder,.\\!input[disabled]::placeholder{--tw-placeholder-opacity:0.2!important;color:hsl(var(--bc)/var(--tw-placeholder-opacity))!important}.join>:where(:not(:first-child)){margin-bottom:0;margin-left:-1px;margin-top:0}.\\!link:focus{outline:2px solid transparent!important;outline-offset:2px!important}.link:focus{outline:2px solid transparent;outline-offset:2px}.\\!link:focus-visible{outline:2px solid currentColor!important;outline-offset:2px!important}.link:focus-visible{outline:2px solid currentColor;outline-offset:2px}.loading{aspect-ratio:1/1;background-color:currentColor;display:inline-block;-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' stroke='%23000' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E@keyframes spinner_zKoa{to{transform:rotate(360deg)}}@keyframes spinner_YpZS{0%25{stroke-dasharray:0 150;stroke-dashoffset:0}47.5%25{stroke-dasharray:42 150;stroke-dashoffset:-16}95%25,to{stroke-dasharray:42 150;stroke-dashoffset:-59}}%3C/style%3E%3Cg style='transform-origin:center;animation:spinner_zKoa 2s linear infinite'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' style='stroke-linecap:round;animation:spinner_YpZS 1.5s ease-in-out infinite'/%3E%3C/g%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' stroke='%23000' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E@keyframes spinner_zKoa{to{transform:rotate(360deg)}}@keyframes spinner_YpZS{0%25{stroke-dasharray:0 150;stroke-dashoffset:0}47.5%25{stroke-dasharray:42 150;stroke-dashoffset:-16}95%25,to{stroke-dasharray:42 150;stroke-dashoffset:-59}}%3C/style%3E%3Cg style='transform-origin:center;animation:spinner_zKoa 2s linear infinite'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' style='stroke-linecap:round;animation:spinner_YpZS 1.5s ease-in-out infinite'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100%;mask-size:100%;pointer-events:none;width:1.5rem}.menu :where(li:empty){background-color:hsl(var(--bc)/.1);height:1px;margin:.5rem 1rem}.menu :where(li ul):before{background-color:hsl(var(--bc)/.1);bottom:.75rem;content:\"\";left:0;position:absolute;top:.75rem;width:1px}.menu :where(li:not(.menu-title):not(.disabled)>:not(ul):not(details):not(.menu-title)):not(.active).focus,.menu :where(li:not(.menu-title):not(.disabled)>:not(ul):not(details):not(.menu-title)):not(.active):focus,.menu :where(li:not(.menu-title):not(.disabled)>details>summary:not(.menu-title)):not(.active).focus,.menu :where(li:not(.menu-title):not(.disabled)>details>summary:not(.menu-title)):not(.active):focus{--tw-text-opacity:1;background-color:hsl(var(--bc)/.1);color:hsl(var(--bc)/var(--tw-text-opacity));cursor:pointer;outline:2px solid transparent;outline-offset:2px}.menu :where(li:not(.menu-title):not(.disabled)>:not(ul):not(details):not(.menu-title)):active,.menu :where(li:not(.menu-title):not(.disabled)>:not(ul):not(details):not(.menu-title)):where(.active),.menu :where(li:not(.menu-title):not(.disabled)>details>summary:not(.menu-title)):active,.menu :where(li:not(.menu-title):not(.disabled)>details>summary:not(.menu-title)):where(.active){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:hsl(var(--n)/var(--tw-bg-opacity));color:hsl(var(--nc)/var(--tw-text-opacity))}.menu :where(li>details>summary)::-webkit-details-marker{display:none}.menu :where(li>.menu-dropdown-toggle):after,.menu :where(li>details>summary):after{box-shadow:2px 2px;content:\"\";display:block;height:.5rem;justify-self:end;margin-top:-.5rem;pointer-events:none;transform:rotate(45deg);transform-origin:75% 75%;transition-duration:.3s;transition-property:transform,margin-top;transition-timing-function:cubic-bezier(.4,0,.2,1);width:.5rem}.menu :where(li>.menu-dropdown-toggle.menu-dropdown-show):after,.menu :where(li>details[open]>summary):after{margin-top:0;transform:rotate(225deg)}.menu .menu-title{color:hsl(var(--bc)/.4);font-size:.875rem;font-weight:700;line-height:1.25rem;padding:.5rem 1rem}.mockup-phone .camera{background:#000;border-bottom-left-radius:17px;border-bottom-right-radius:17px;height:25px;left:0;margin:0 auto;position:relative;top:0;width:150px;z-index:11}.mockup-phone .camera:before{background-color:#0c0b0e;border-radius:5px;content:\"\";height:4px;left:50%;position:absolute;top:35%;transform:translate(-50%,-50%);width:50px}.mockup-phone .camera:after{background-color:#0f0b25;border-radius:5px;content:\"\";height:8px;left:70%;position:absolute;top:20%;width:8px}.mockup-phone .display{border-radius:40px;margin-top:-25px;overflow:hidden}.modal::backdrop{background:transparent}.modal-backdrop{align-self:stretch;color:transparent;display:grid;grid-column-start:1;grid-row-start:1;justify-self:stretch;z-index:-1}.modal-open .modal-box,.modal-toggle:checked+.modal .modal-box,.modal:target .modal-box,.modal[open] .modal-box{--tw-translate-y:0px;--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.progress::-moz-progress-bar{--tw-bg-opacity:1;background-color:hsl(var(--n)/var(--tw-bg-opacity))}.progress:indeterminate:after{--tw-bg-opacity:1;animation:progress-loading 5s ease-in-out infinite;background-color:hsl(var(--n)/var(--tw-bg-opacity));border-radius:var(--rounded-box,1rem);bottom:0;content:\"\";left:-40%;position:absolute;top:0;width:33.333333%}.progress::-webkit-progress-bar{--tw-bg-opacity:0.2;background-color:hsl(var(--n)/var(--tw-bg-opacity));border-radius:var(--rounded-box,1rem)}.progress::-webkit-progress-value{--tw-bg-opacity:1;background-color:hsl(var(--nf)/var(--tw-bg-opacity));border-radius:var(--rounded-box,1rem)}@keyframes progress-loading{50%{left:107%}}.radio:focus-visible{outline-color:hsl(var(--bc)/1);outline-offset:2px;outline-style:solid;outline-width:2px}.radio:checked,.radio[aria-checked=true]{--tw-bg-opacity:1;animation:radiomark var(--animation-input,.2s) ease-in-out;background-color:hsl(var(--bc)/var(--tw-bg-opacity));box-shadow:0 0 0 4px hsl(var(--b1)) inset,0 0 0 4px hsl(var(--b1)) inset}.radio:disabled{cursor:not-allowed;opacity:.2}@keyframes radiomark{0%{box-shadow:0 0 0 12px hsl(var(--b1)) inset,0 0 0 12px hsl(var(--b1)) inset}50%{box-shadow:0 0 0 3px hsl(var(--b1)) inset,0 0 0 3px hsl(var(--b1)) inset}to{box-shadow:0 0 0 4px hsl(var(--b1)) inset,0 0 0 4px hsl(var(--b1)) inset}}.range:focus-visible::-webkit-slider-thumb{--focus-shadow:0 0 0 6px hsl(var(--b1)) inset,0 0 0 2rem hsl(var(--range-shdw)) inset}.range:focus-visible::-moz-range-thumb{--focus-shadow:0 0 0 6px hsl(var(--b1)) inset,0 0 0 2rem hsl(var(--range-shdw)) inset}.range::-webkit-slider-runnable-track{background-color:hsl(var(--bc)/.1);border-radius:var(--rounded-box,1rem);height:.5rem;width:100%}.range::-moz-range-track{background-color:hsl(var(--bc)/.1);border-radius:var(--rounded-box,1rem);height:.5rem;width:100%}.range::-webkit-slider-thumb{--tw-bg-opacity:1;--filler-size:100rem;--filler-offset:0.6rem;appearance:none;-webkit-appearance:none;background-color:hsl(var(--b1)/var(--tw-bg-opacity));border-radius:var(--rounded-box,1rem);border-style:none;box-shadow:0 0 0 3px hsl(var(--range-shdw)) inset,var(--focus-shadow,0 0),calc(var(--filler-size)*-1 - var(--filler-offset)) 0 0 var(--filler-size);color:hsl(var(--range-shdw));height:1.5rem;position:relative;top:50%;transform:translateY(-50%);width:1.5rem}.range::-moz-range-thumb{--tw-bg-opacity:1;--filler-size:100rem;--filler-offset:0.5rem;background-color:hsl(var(--b1)/var(--tw-bg-opacity));border-radius:var(--rounded-box,1rem);border-style:none;box-shadow:0 0 0 3px hsl(var(--range-shdw)) inset,var(--focus-shadow,0 0),calc(var(--filler-size)*-1 - var(--filler-offset)) 0 0 var(--filler-size);color:hsl(var(--range-shdw));height:1.5rem;position:relative;top:50%;width:1.5rem}@keyframes rating-pop{0%{transform:translateY(-.125em)}40%{transform:translateY(-.125em)}to{transform:translateY(0)}}.select-bordered{--tw-border-opacity:0.2}.select:focus{outline-color:hsl(var(--bc)/.2);outline-offset:2px;outline-style:solid;outline-width:2px}.select-disabled,.select:disabled,.select[disabled]{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:0.2;background-color:hsl(var(--b2)/var(--tw-bg-opacity));border-color:hsl(var(--b2)/var(--tw-border-opacity));cursor:not-allowed}.select-disabled::-moz-placeholder,.select:disabled::-moz-placeholder,.select[disabled]::-moz-placeholder{--tw-placeholder-opacity:0.2;color:hsl(var(--bc)/var(--tw-placeholder-opacity))}.select-disabled::-moz-placeholder, .select:disabled::-moz-placeholder, .select[disabled]::-moz-placeholder{--tw-placeholder-opacity:0.2;color:hsl(var(--bc)/var(--tw-placeholder-opacity))}.select-disabled::placeholder,.select:disabled::placeholder,.select[disabled]::placeholder{--tw-placeholder-opacity:0.2;color:hsl(var(--bc)/var(--tw-placeholder-opacity))}.select-multiple,.select[multiple],.select[size].select:not([size=\"1\"]){background-image:none;padding-right:1rem}[dir=rtl] .select{background-position:12px calc(1px + 50%),16px calc(1px + 50%)}:where(.stats)>:not([hidden])~:not([hidden]){--tw-divide-x-reverse:0;--tw-divide-y-reverse:0;border-width:calc(0px*(1 - var(--tw-divide-y-reverse))) calc(1px*var(--tw-divide-x-reverse)) calc(0px*var(--tw-divide-y-reverse)) calc(1px*(1 - var(--tw-divide-x-reverse)))}.steps .step:before{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:hsl(var(--b3)/var(--tw-bg-opacity));color:hsl(var(--bc)/var(--tw-text-opacity));content:\"\";grid-column-start:1;grid-row-start:1;height:.5rem;margin-left:-100%;top:0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));width:100%}.steps .\\!step:before{--tw-bg-opacity:1!important;--tw-text-opacity:1!important;background-color:hsl(var(--b3)/var(--tw-bg-opacity))!important;color:hsl(var(--bc)/var(--tw-text-opacity))!important;content:\"\"!important;grid-column-start:1!important;grid-row-start:1!important;height:.5rem!important;margin-left:-100%!important;top:0!important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important;width:100%!important}.steps .step:after{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:hsl(var(--b3)/var(--tw-bg-opacity));border-radius:9999px;color:hsl(var(--bc)/var(--tw-text-opacity));content:counter(step);counter-increment:step;display:grid;grid-column-start:1;grid-row-start:1;height:2rem;place-items:center;place-self:center;position:relative;width:2rem;z-index:1}.steps .\\!step:after{--tw-bg-opacity:1!important;--tw-text-opacity:1!important;background-color:hsl(var(--b3)/var(--tw-bg-opacity))!important;border-radius:9999px!important;color:hsl(var(--bc)/var(--tw-text-opacity))!important;content:counter(step)!important;counter-increment:step!important;display:grid!important;grid-column-start:1!important;grid-row-start:1!important;height:2rem!important;place-items:center!important;place-self:center!important;position:relative!important;width:2rem!important;z-index:1!important}.steps .step:first-child:before{content:none}.steps .\\!step:first-child:before{content:none!important}.steps .step[data-content]:after{content:attr(data-content)}.steps .\\!step[data-content]:after{content:attr(data-content)!important}.steps .step-neutral+.step-neutral:before,.steps .step-neutral:after{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:hsl(var(--n)/var(--tw-bg-opacity));color:hsl(var(--nc)/var(--tw-text-opacity))}.steps .step-primary+.step-primary:before,.steps .step-primary:after{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:hsl(var(--p)/var(--tw-bg-opacity));color:hsl(var(--pc)/var(--tw-text-opacity))}.steps .step-secondary+.step-secondary:before,.steps .step-secondary:after{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:hsl(var(--s)/var(--tw-bg-opacity));color:hsl(var(--sc)/var(--tw-text-opacity))}.steps .step-accent+.step-accent:before,.steps .step-accent:after{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:hsl(var(--a)/var(--tw-bg-opacity));color:hsl(var(--ac)/var(--tw-text-opacity))}.steps .step-info+.step-info:before,.steps .step-info:after{--tw-bg-opacity:1;background-color:hsl(var(--in)/var(--tw-bg-opacity))}.steps .step-info:after{--tw-text-opacity:1;color:hsl(var(--inc)/var(--tw-text-opacity))}.steps .step-success+.step-success:before,.steps .step-success:after{--tw-bg-opacity:1;background-color:hsl(var(--su)/var(--tw-bg-opacity))}.steps .step-success:after{--tw-text-opacity:1;color:hsl(var(--suc)/var(--tw-text-opacity))}.steps .step-warning+.step-warning:before,.steps .step-warning:after{--tw-bg-opacity:1;background-color:hsl(var(--wa)/var(--tw-bg-opacity))}.steps .step-warning:after{--tw-text-opacity:1;color:hsl(var(--wac)/var(--tw-text-opacity))}.steps .step-error+.step-error:before,.steps .step-error:after{--tw-bg-opacity:1;background-color:hsl(var(--er)/var(--tw-bg-opacity))}.steps .step-error:after{--tw-text-opacity:1;color:hsl(var(--erc)/var(--tw-text-opacity))}.tab.tab-active:not(.tab-disabled):not([disabled]){--tw-border-opacity:1;--tw-text-opacity:1;border-color:hsl(var(--bc)/var(--tw-border-opacity))}.tab:focus{outline:2px solid transparent;outline-offset:2px}.tab:focus-visible{outline:2px solid currentColor;outline-offset:-3px}.tab:focus-visible.tab-lifted{border-bottom-left-radius:var(--tab-radius,.5rem);border-bottom-right-radius:var(--tab-radius,.5rem)}.tab-disabled,.tab[disabled]{--tw-text-opacity:0.2;color:hsl(var(--bc)/var(--tw-text-opacity));cursor:not-allowed}.tabs-boxed .tab{border-radius:var(--rounded-btn,.5rem)}.table :where(th,td){padding:.75rem 1rem;vertical-align:middle}.table tr.active,.table tr.active:nth-child(2n),.table-zebra tbody tr:nth-child(2n){--tw-bg-opacity:1;background-color:hsl(var(--b2)/var(--tw-bg-opacity))}.table-zebra tr.active,.table-zebra tr.active:nth-child(2n),.table-zebra-zebra tbody tr:nth-child(2n){--tw-bg-opacity:1;background-color:hsl(var(--b3)/var(--tw-bg-opacity))}.table :where(thead,tbody) :where(tr:first-child:last-child),.table :where(thead,tbody) :where(tr:not(:last-child)){--tw-border-opacity:1;border-bottom-color:hsl(var(--b2)/var(--tw-border-opacity));border-bottom-width:1px}.table :where(thead,tfoot){color:hsl(var(--bc)/.6);font-size:.75rem;font-weight:700;line-height:1rem;white-space:nowrap}.textarea:focus{outline-color:hsl(var(--bc)/.2);outline-offset:2px;outline-style:solid;outline-width:2px}.textarea-disabled,.textarea:disabled,.textarea[disabled]{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:0.2;background-color:hsl(var(--b2)/var(--tw-bg-opacity));border-color:hsl(var(--b2)/var(--tw-border-opacity));cursor:not-allowed}.textarea-disabled::-moz-placeholder,.textarea:disabled::-moz-placeholder,.textarea[disabled]::-moz-placeholder{--tw-placeholder-opacity:0.2;color:hsl(var(--bc)/var(--tw-placeholder-opacity))}.textarea-disabled::-moz-placeholder, .textarea:disabled::-moz-placeholder, .textarea[disabled]::-moz-placeholder{--tw-placeholder-opacity:0.2;color:hsl(var(--bc)/var(--tw-placeholder-opacity))}.textarea-disabled::placeholder,.textarea:disabled::placeholder,.textarea[disabled]::placeholder{--tw-placeholder-opacity:0.2;color:hsl(var(--bc)/var(--tw-placeholder-opacity))}.toast>*{animation:toast-pop .25s ease-out}@keyframes toast-pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}[dir=rtl] .toggle{--handleoffsetcalculator:calc(var(--handleoffset)*1)}.toggle:focus-visible{outline-color:hsl(var(--bc)/.2);outline-offset:2px;outline-style:solid;outline-width:2px}.toggle:checked,.toggle[aria-checked=true],.toggle[checked=true]{--handleoffsetcalculator:var(--handleoffset);--tw-border-opacity:1;--tw-bg-opacity:1}[dir=rtl] .toggle:checked,[dir=rtl] .toggle[aria-checked=true],[dir=rtl] .toggle[checked=true]{--handleoffsetcalculator:calc(var(--handleoffset)*-1)}.toggle:indeterminate{--tw-border-opacity:1;--tw-bg-opacity:1;box-shadow:calc(var(--handleoffset)/2) 0 0 2px var(--tglbg) inset,calc(var(--handleoffset)/-2) 0 0 2px var(--tglbg) inset,0 0 0 2px var(--tglbg) inset}[dir=rtl] .toggle:indeterminate{box-shadow:calc(var(--handleoffset)/2) 0 0 2px var(--tglbg) inset,calc(var(--handleoffset)/-2) 0 0 2px var(--tglbg) inset,0 0 0 2px var(--tglbg) inset}.toggle:disabled{--tw-border-opacity:1;--togglehandleborder:0 0 0 3px hsl(var(--bc)) inset,var(--handleoffsetcalculator) 0 0 3px hsl(var(--bc)) inset;background-color:transparent;border-color:hsl(var(--bc)/var(--tw-border-opacity));cursor:not-allowed;opacity:.3}.tooltip.tooltip-primary{--tooltip-color:hsl(var(--p));--tooltip-text-color:hsl(var(--pc))}.tooltip.tooltip-secondary{--tooltip-color:hsl(var(--s));--tooltip-text-color:hsl(var(--sc))}.tooltip.tooltip-accent{--tooltip-color:hsl(var(--a));--tooltip-text-color:hsl(var(--ac))}.tooltip.tooltip-info{--tooltip-color:hsl(var(--in));--tooltip-text-color:hsl(var(--inc))}.tooltip.tooltip-success{--tooltip-color:hsl(var(--su));--tooltip-text-color:hsl(var(--suc))}.tooltip.tooltip-warning{--tooltip-color:hsl(var(--wa));--tooltip-text-color:hsl(var(--wac))}.tooltip.tooltip-error{--tooltip-color:hsl(var(--er));--tooltip-text-color:hsl(var(--erc))}.btm-nav-xs>:where(.active){border-top-width:1px}.btm-nav-sm>:where(.active){border-top-width:2px}.btm-nav-md>:where(.active){border-top-width:2px}.btm-nav-lg>:where(.active){border-top-width:4px}.join.join-vertical{flex-direction:column}.join.join-vertical .join-item:first-child:not(:last-child),.join.join-vertical :first-child:not(:last-child) .join-item{border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:inherit;border-top-right-radius:inherit}.join.join-vertical .join-item:last-child:not(:first-child),.join.join-vertical :last-child:not(:first-child) .join-item{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;border-top-left-radius:0;border-top-right-radius:0}.join.join-horizontal{flex-direction:row}.join.join-horizontal .join-item:first-child:not(:last-child),.join.join-horizontal :first-child:not(:last-child) .join-item{border-bottom-left-radius:inherit;border-bottom-right-radius:0;border-top-left-radius:inherit;border-top-right-radius:0}.join.join-horizontal .join-item:last-child:not(:first-child),.join.join-horizontal :last-child:not(:first-child) .join-item{border-bottom-left-radius:0;border-bottom-right-radius:inherit;border-top-left-radius:0;border-top-right-radius:inherit}.modal-middle{place-items:center}.steps-horizontal .\\!step{display:grid!important;grid-template-columns:repeat(1,minmax(0,1fr))!important;grid-template-rows:repeat(2,minmax(0,1fr))!important;place-items:center!important;text-align:center!important}.steps-horizontal .step{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));place-items:center;text-align:center}.steps-vertical .\\!step{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:repeat(1,minmax(0,1fr))!important}.steps-vertical .step{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(1,minmax(0,1fr))}:where(.toast){--tw-translate-x:0px;--tw-translate-y:0px;bottom:0;left:auto;right:0;top:auto;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.toast:where(.toast-start){--tw-translate-x:0px;left:0;right:auto;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.toast:where(.toast-center){--tw-translate-x:-50%;left:50%;right:50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.toast:where(.toast-end){--tw-translate-x:0px;left:auto;right:0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.toast:where(.toast-bottom){--tw-translate-y:0px;bottom:0;top:auto;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.toast:where(.toast-middle){--tw-translate-y:-50%;bottom:auto;top:50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.toast:where(.toast-top){--tw-translate-y:0px;bottom:auto;top:0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.tooltip{--tooltip-offset:calc(100% + 1px + var(--tooltip-tail, 0px))}.tooltip:before{--tw-content:attr(data-tip);content:var(--tw-content);pointer-events:none;position:absolute;z-index:1}.tooltip-top:before,.tooltip:before{bottom:var(--tooltip-offset);left:50%;right:auto;top:auto;transform:translateX(-50%)}.btn-group .btn:not(:first-child):not(:last-child){border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:0;border-top-right-radius:0}.btn-group .btn:first-child:not(:last-child){border-bottom-left-radius:var(--rounded-btn,.5rem);border-bottom-right-radius:0;border-top-left-radius:var(--rounded-btn,.5rem);border-top-right-radius:0;margin-left:-1px;margin-top:0}.btn-group .btn:last-child:not(:first-child){border-bottom-left-radius:0;border-bottom-right-radius:var(--rounded-btn,.5rem);border-top-left-radius:0;border-top-right-radius:var(--rounded-btn,.5rem)}.btn-group-horizontal .btn:not(:first-child):not(:last-child){border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:0;border-top-right-radius:0}.btn-group-horizontal .btn:first-child:not(:last-child){border-bottom-left-radius:var(--rounded-btn,.5rem);border-bottom-right-radius:0;border-top-left-radius:var(--rounded-btn,.5rem);border-top-right-radius:0;margin-left:-1px;margin-top:0}.btn-group-horizontal .btn:last-child:not(:first-child){border-bottom-left-radius:0;border-bottom-right-radius:var(--rounded-btn,.5rem);border-top-left-radius:0;border-top-right-radius:var(--rounded-btn,.5rem)}.btn-group-vertical .btn:first-child:not(:last-child){border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:var(--rounded-btn,.5rem);border-top-right-radius:var(--rounded-btn,.5rem);margin-left:0;margin-top:-1px}.btn-group-vertical .btn:last-child:not(:first-child){border-bottom-left-radius:var(--rounded-btn,.5rem);border-bottom-right-radius:var(--rounded-btn,.5rem);border-top-left-radius:0;border-top-right-radius:0}.card-compact .card-body{font-size:.875rem;line-height:1.25rem;padding:1rem}.card-compact .card-title{margin-bottom:.25rem}.card-normal .card-body{font-size:1rem;line-height:1.5rem;padding:var(--padding-card,2rem)}.card-normal .card-title{margin-bottom:.75rem}.join.join-vertical>:where(:not(:first-child)){margin-left:0;margin-right:0;margin-top:-1px}.join.join-horizontal>:where(:not(:first-child)){margin-bottom:0;margin-left:-1px;margin-top:0}.modal-top :where(.modal-box){--tw-translate-y:-2.5rem;--tw-scale-x:1;--tw-scale-y:1;border-bottom-left-radius:var(--rounded-box,1rem);border-bottom-right-radius:var(--rounded-box,1rem);border-top-left-radius:0;border-top-right-radius:0;max-width:none;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));width:100%}.modal-middle :where(.modal-box){--tw-translate-y:0px;--tw-scale-x:.9;--tw-scale-y:.9;border-bottom-left-radius:var(--rounded-box,1rem);border-bottom-right-radius:var(--rounded-box,1rem);border-top-left-radius:var(--rounded-box,1rem);border-top-right-radius:var(--rounded-box,1rem);max-width:32rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));width:91.666667%}.modal-bottom :where(.modal-box){--tw-translate-y:2.5rem;--tw-scale-x:1;--tw-scale-y:1;border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:var(--rounded-box,1rem);border-top-right-radius:var(--rounded-box,1rem);max-width:none;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));width:100%}.steps-horizontal .\\!step{grid-template-columns:auto!important;grid-template-rows:40px 1fr!important;min-width:4rem!important}.steps-horizontal .step{grid-template-columns:auto;grid-template-rows:40px 1fr;min-width:4rem}.steps-horizontal .\\!step:before{--tw-translate-y:0px!important;--tw-translate-x:0px!important;content:\"\"!important;height:.5rem!important;margin-left:-100%!important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important;width:100%!important}.steps-horizontal .step:before{--tw-translate-y:0px;--tw-translate-x:0px;content:\"\";height:.5rem;margin-left:-100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));width:100%}.steps-vertical .\\!step{gap:.5rem!important;grid-template-columns:40px 1fr!important;grid-template-rows:auto!important;justify-items:start!important;min-height:4rem!important}.steps-vertical .step{gap:.5rem;grid-template-columns:40px 1fr;grid-template-rows:auto;justify-items:start;min-height:4rem}.steps-vertical .\\!step:before{--tw-translate-y:-50%!important;--tw-translate-x:-50%!important;height:100%!important;margin-left:50%!important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important;width:.5rem!important}.steps-vertical .step:before{--tw-translate-y:-50%;--tw-translate-x:-50%;height:100%;margin-left:50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));width:.5rem}[dir=rtl] .steps-vertical .\\!step:before{margin-right:auto!important}[dir=rtl] .steps-vertical .step:before{margin-right:auto}.tooltip{--tooltip-tail:0.1875rem;--tooltip-color:hsl(var(--n));--tooltip-text-color:hsl(var(--nc));--tooltip-tail-offset:calc(100% + 0.0625rem - var(--tooltip-tail));display:inline-block;position:relative;text-align:center}.tooltip:after,.tooltip:before{opacity:0;transition-delay:.1s;transition-duration:.2s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.tooltip:after{border-style:solid;border-width:var(--tooltip-tail,0);content:\"\";display:block;height:0;position:absolute;width:0}.tooltip:before{background-color:var(--tooltip-color);border-radius:.25rem;color:var(--tooltip-text-color);font-size:.875rem;line-height:1.25rem;max-width:20rem;padding:.25rem .5rem;width:-moz-max-content;width:max-content}.tooltip.tooltip-open:after,.tooltip.tooltip-open:before,.tooltip:hover:after,.tooltip:hover:before{opacity:1;transition-delay:75ms}.tooltip:has(:focus-visible):after,.tooltip:has(:focus-visible):before{opacity:1;transition-delay:75ms}.tooltip:not([data-tip]):hover:after,.tooltip:not([data-tip]):hover:before{opacity:0;visibility:hidden}.tooltip-top:after,.tooltip:after{border-color:var(--tooltip-color) transparent transparent transparent;bottom:var(--tooltip-tail-offset);left:50%;right:auto;top:auto;transform:translateX(-50%)}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.\\!visible{visibility:visible!important}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.\\!absolute{position:absolute!important}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.\\!left-\\[1rem\\]{left:1rem!important}.\\!top-0{top:0!important}.bottom-0{bottom:0}.bottom-\\[10px\\]{bottom:10px}.left-0{left:0}.left-1{left:.25rem}.left-2\\/4{left:50%}.left-4{left:1rem}.left-5{left:1.25rem}.right-0{right:0}.right-1{right:.25rem}.right-\\[0\\.6875rem\\]{right:.6875rem}.right-\\[10\\.6rem\\]{right:10.6rem}.top-0{top:0}.top-1{top:.25rem}.top-1\\/2{top:50%}.top-11{top:2.75rem}.top-2{top:.5rem}.top-\\[-21\\%\\]{top:-21%}.top-\\[0\\.6875rem\\]{top:.6875rem}.top-\\[25vh\\]{top:25vh}.top-\\[42\\%\\]{top:42%}.\\!z-\\[100\\]{z-index:100!important}.z-0{z-index:0}.z-10{z-index:10}.z-\\[100\\]{z-index:100}.z-\\[5\\]{z-index:5}.z-\\[7\\]{z-index:7}.float-right{float:right}.float-left{float:left}.\\!m-\\[auto\\]{margin:auto!important}.m-0{margin:0}.m-1{margin:.25rem}.m-2{margin:.5rem}.m-\\[15px\\]{margin:15px}.m-\\[auto\\],.m-auto{margin:auto}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-5{margin-left:1.25rem;margin-right:1.25rem}.mx-\\[10px\\]{margin-left:10px;margin-right:10px}.my-1{margin-bottom:.25rem;margin-top:.25rem}.my-3{margin-bottom:.75rem;margin-top:.75rem}.my-4{margin-bottom:1rem;margin-top:1rem}.my-\\[16px\\]{margin-bottom:16px;margin-top:16px}.my-\\[24\\.5px\\]{margin-bottom:24.5px;margin-top:24.5px}.\\!mb-\\[14\\.5px\\]{margin-bottom:14.5px!important}.-mr-0{margin-right:0}.-mr-0\\.5{margin-right:-.125rem}.mb-0{margin-bottom:0}.mb-3{margin-bottom:.75rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-\\[10px\\]{margin-bottom:10px}.mb-\\[12px\\]{margin-bottom:12px}.mb-\\[16\\.5px\\]{margin-bottom:16.5px}.mb-\\[5px\\]{margin-bottom:5px}.mb-\\[8\\.5px\\]{margin-bottom:8.5px}.ml-0{margin-left:0}.ml-2{margin-left:.5rem}.ml-\\[2px\\]{margin-left:2px}.ml-\\[33px\\]{margin-left:33px}.ml-\\[auto\\]{margin-left:auto}.mr-2{margin-right:.5rem}.mr-4{margin-right:1rem}.mr-\\[16px\\]{margin-right:16px}.mr-\\[1rem\\]{margin-right:1rem}.mr-\\[24px\\]{margin-right:24px}.mr-\\[30px\\]{margin-right:30px}.mr-\\[auto\\]{margin-right:auto}.mt-0{margin-top:0}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-\\[1\\.875rem\\]{margin-top:1.875rem}.mt-\\[12px\\]{margin-top:12px}.mt-\\[14px\\]{margin-top:14px}.mt-\\[17px\\]{margin-top:17px}.mt-\\[26px\\]{margin-top:26px}.mt-\\[30px\\]{margin-top:30px}.mt-\\[50px\\]{margin-top:50px}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.table-cell{display:table-cell}.grid{display:grid}.contents{display:contents}.hidden{display:none}.aspect-square{aspect-ratio:1/1}.\\!h-\\[1\\.875rem\\]{height:1.875rem!important}.\\!h-\\[2\\.625rem\\]{height:2.625rem!important}.\\!h-\\[40px\\]{height:40px!important}.h-10{height:2.5rem}.h-16{height:4rem}.h-40{height:10rem}.h-5{height:1.25rem}.h-8{height:2rem}.h-\\[1\\.5rem\\]{height:1.5rem}.h-\\[1\\.875rem\\]{height:1.875rem}.h-\\[100\\%\\]{height:100%}.h-\\[1rem\\]{height:1rem}.h-\\[220px\\]{height:220px}.h-\\[300px\\]{height:300px}.h-\\[30px\\]{height:30px}.h-\\[35px\\]{height:35px}.h-\\[3rem\\]{height:3rem}.h-\\[40px\\]{height:40px}.h-\\[40vh\\]{height:40vh}.h-\\[42vh\\]{height:42vh}.h-\\[45px\\]{height:45px}.h-\\[48px\\]{height:48px}.h-\\[50vh\\]{height:50vh}.h-\\[5rem\\]{height:5rem}.h-\\[6\\.25rem\\]{height:6.25rem}.h-\\[60vh\\]{height:60vh}.h-\\[65vh\\]{height:65vh}.h-\\[80px\\]{height:80px}.h-\\[88vh\\]{height:88vh}.h-\\[auto\\]{height:auto}.h-\\[unset\\]{height:unset}.h-full{height:100%}.h-max{height:-moz-max-content;height:max-content}.h-screen{height:100vh}.\\!max-h-\\[31\\.25rem\\]{max-height:31.25rem!important}.max-h-60{max-height:15rem}.max-h-\\[10\\.9rem\\]{max-height:10.9rem}.max-h-\\[140px\\]{max-height:140px}.max-h-\\[16\\.4375rem\\]{max-height:16.4375rem}.max-h-\\[170px\\]{max-height:170px}.max-h-\\[51vh\\]{max-height:51vh}.max-h-screen{max-height:100vh}.min-h-\\[140px\\]{min-height:140px}.min-h-\\[7\\.5rem\\]{min-height:7.5rem}.min-h-\\[unset\\]{min-height:unset}.\\!w-\\[1\\.875rem\\]{width:1.875rem!important}.\\!w-\\[45px\\]{width:45px!important}.\\!w-\\[5\\.625rem\\]{width:5.625rem!important}.w-1\\/2{width:50%}.w-10{width:2.5rem}.w-14{width:3.5rem}.w-40{width:10rem}.w-5{width:1.25rem}.w-9{width:2.25rem}.w-\\[1\\.875rem\\]{width:1.875rem}.w-\\[10\\%\\]{width:10%}.w-\\[100\\%\\]{width:100%}.w-\\[10vw\\]{width:10vw}.w-\\[13rem\\]{width:13rem}.w-\\[145px\\]{width:145px}.w-\\[160px\\]{width:160px}.w-\\[1px\\]{width:1px}.w-\\[210px\\]{width:210px}.w-\\[21rem\\]{width:21rem}.w-\\[30\\%\\]{width:30%}.w-\\[30px\\]{width:30px}.w-\\[40px\\]{width:40px}.w-\\[40vw\\]{width:40vw}.w-\\[50\\%\\]{width:50%}.w-\\[5rem\\]{width:5rem}.w-\\[6\\.25rem\\]{width:6.25rem}.w-\\[7\\.5rem\\]{width:7.5rem}.w-\\[70\\%\\]{width:70%}.w-\\[80\\%\\]{width:80%}.w-\\[80px\\]{width:80px}.w-\\[90\\%\\]{width:90%}.w-\\[9rem\\]{width:9rem}.w-auto{width:auto}.w-full{width:100%}.min-w-0{min-width:0}.min-w-\\[140px\\]{min-width:140px}.max-w-\\[140px\\]{max-width:140px}.max-w-\\[220px\\]{max-width:220px}.max-w-\\[37\\.125rem\\]{max-width:37.125rem}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.grow-0{flex-grow:0}.origin-\\[0\\]{transform-origin:0}.origin-bottom-left{transform-origin:bottom left}.origin-top-right{transform-origin:top right}.-translate-x-2\\/4{--tw-translate-x:-50%}.-translate-x-2\\/4,.-translate-y-1\\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\\/2{--tw-translate-y:-50%}.-translate-y-4{--tw-translate-y:-1rem}.-translate-y-4,.-translate-y-\\[30\\%\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-\\[30\\%\\]{--tw-translate-y:-30%}.rotate-45{--tw-rotate:45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\\!transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.cursor-pointer{cursor:pointer}.resize{resize:both}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.place-content-start{place-content:start}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-3\\.5{gap:.875rem}.gap-4{gap:1rem}.gap-\\[0\\.4375rem\\]{gap:.4375rem}.gap-\\[0\\.5rem\\]{gap:.5rem}.gap-\\[0\\.6875rem\\]{gap:.6875rem}.gap-\\[1\\.5625rem\\]{gap:1.5625rem}.gap-\\[1\\.625rem\\]{gap:1.625rem}.gap-\\[1\\.75rem\\]{gap:1.75rem}.gap-\\[19px\\]{gap:19px}.gap-\\[24px\\]{gap:24px}.gap-\\[2vw\\]{gap:2vw}.gap-\\[31\\.5px\\]{gap:31.5px}.gap-\\[5px\\]{gap:5px}.gap-\\[8px\\]{gap:8px}.gap-x-\\[0\\.8125rem\\]{-moz-column-gap:.8125rem;column-gap:.8125rem}.gap-x-\\[0\\.875rem\\]{-moz-column-gap:.875rem;column-gap:.875rem}.gap-x-\\[15px\\]{-moz-column-gap:15px;column-gap:15px}.gap-x-\\[1rem\\]{-moz-column-gap:1rem;column-gap:1rem}.gap-y-3{row-gap:.75rem}.gap-y-3\\.5{row-gap:.875rem}.gap-y-\\[0\\.3125rem\\]{row-gap:.3125rem}.gap-y-\\[12px\\]{row-gap:12px}.gap-y-\\[1rem\\]{row-gap:1rem}.space-x-5>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1.25rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1.25rem*var(--tw-space-x-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.75rem*var(--tw-space-y-reverse));margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)))}.self-start{align-self:flex-start}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.break-all{word-break:break-all}.\\!rounded-full{border-radius:9999px!important}.\\!rounded-none{border-radius:0!important}.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.rounded-none{border-radius:0}.\\!border-0{border-width:0!important}.border{border-width:1px}.border-0{border-width:0}.border-2{border-width:2px}.border-\\[1px\\]{border-width:1px}.border-b,.border-b-\\[1px\\]{border-bottom-width:1px}.border-r-\\[1px\\]{border-right-width:1px}.border-t{border-top-width:1px}.border-solid{border-style:solid}.border-dashed{border-style:dashed}.border-none{border-style:none}.\\!border-\\[\\#ebebeb\\]{--tw-border-opacity:1!important;border-color:rgb(235 235 235/var(--tw-border-opacity))!important}.border-\\[\\#000000\\]{--tw-border-opacity:1;border-color:rgb(0 0 0/var(--tw-border-opacity))}.border-\\[\\#353535\\]{--tw-border-opacity:1;border-color:rgb(53 53 53/var(--tw-border-opacity))}.border-\\[\\#5d5d5d\\]{--tw-border-opacity:1;border-color:rgb(93 93 93/var(--tw-border-opacity))}.border-\\[\\#707070\\]{--tw-border-opacity:1;border-color:rgb(112 112 112/var(--tw-border-opacity))}.border-\\[\\#9A9A9A\\]{--tw-border-opacity:1;border-color:rgb(154 154 154/var(--tw-border-opacity))}.border-\\[\\#BEBEBE\\]{--tw-border-opacity:1;border-color:rgb(190 190 190/var(--tw-border-opacity))}.border-\\[\\#D6D6D6\\]{--tw-border-opacity:1;border-color:rgb(214 214 214/var(--tw-border-opacity))}.border-\\[\\#D7D7D7\\]{--tw-border-opacity:1;border-color:rgb(215 215 215/var(--tw-border-opacity))}.border-\\[\\#E11938\\]{--tw-border-opacity:1;border-color:rgb(225 25 56/var(--tw-border-opacity))}.border-\\[\\#E11A38\\]{--tw-border-opacity:1;border-color:rgb(225 26 56/var(--tw-border-opacity))}.border-\\[\\#EBEBEB\\]{--tw-border-opacity:1;border-color:rgb(235 235 235/var(--tw-border-opacity))}.border-\\[\\#ECEBED\\]{--tw-border-opacity:1;border-color:rgb(236 235 237/var(--tw-border-opacity))}.border-\\[\\#F4F4F4\\]{--tw-border-opacity:1;border-color:rgb(244 244 244/var(--tw-border-opacity))}.border-\\[\\#FCE8EB\\]{--tw-border-opacity:1;border-color:rgb(252 232 235/var(--tw-border-opacity))}.border-\\[\\#bebebe\\]{--tw-border-opacity:1;border-color:rgb(190 190 190/var(--tw-border-opacity))}.border-\\[\\#c2c2c2\\]{--tw-border-opacity:1;border-color:rgb(194 194 194/var(--tw-border-opacity))}.border-\\[\\#e0e0e0\\]{--tw-border-opacity:1;border-color:rgb(224 224 224/var(--tw-border-opacity))}.border-\\[\\#e11a38\\]{--tw-border-opacity:1;border-color:rgb(225 26 56/var(--tw-border-opacity))}.border-\\[\\#e5e5e5\\]{--tw-border-opacity:1;border-color:rgb(229 229 229/var(--tw-border-opacity))}.border-\\[\\#ebebeb\\]{--tw-border-opacity:1;border-color:rgb(235 235 235/var(--tw-border-opacity))}.border-\\[\\#ecebed\\]{--tw-border-opacity:1;border-color:rgb(236 235 237/var(--tw-border-opacity))}.border-\\[\\#f3a2af\\]{--tw-border-opacity:1;border-color:rgb(243 162 175/var(--tw-border-opacity))}.border-\\[\\#f4f4f4\\]{--tw-border-opacity:1;border-color:rgb(244 244 244/var(--tw-border-opacity))}.border-\\[red\\]{--tw-border-opacity:1;border-color:rgb(255 0 0/var(--tw-border-opacity))}.border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity))}.border-gray-600{--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity))}.border-slate-500{--tw-border-opacity:1;border-color:rgb(100 116 139/var(--tw-border-opacity))}.border-b-\\[\\#EBEBEB\\]{--tw-border-opacity:1;border-bottom-color:rgb(235 235 235/var(--tw-border-opacity))}.border-r-\\[\\#D7D7D7\\]{--tw-border-opacity:1;border-right-color:rgb(215 215 215/var(--tw-border-opacity))}.border-t-\\[\\#EBEBEB\\]{--tw-border-opacity:1;border-top-color:rgb(235 235 235/var(--tw-border-opacity))}.\\!bg-\\[\\#ffffff\\]{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity))!important}.\\!bg-transparent{background-color:transparent!important}.\\!bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity))!important}.bg-\\[\\#00000046\\]{background-color:#00000046}.bg-\\[\\#000000\\]{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.bg-\\[\\#010101\\]{--tw-bg-opacity:1;background-color:rgb(1 1 1/var(--tw-bg-opacity))}.bg-\\[\\#353535\\]{--tw-bg-opacity:1;background-color:rgb(53 53 53/var(--tw-bg-opacity))}.bg-\\[\\#BBBBBB\\]{--tw-bg-opacity:1;background-color:rgb(187 187 187/var(--tw-bg-opacity))}.bg-\\[\\#CB1732\\]{--tw-bg-opacity:1;background-color:rgb(203 23 50/var(--tw-bg-opacity))}.bg-\\[\\#D13F42\\]{--tw-bg-opacity:1;background-color:rgb(209 63 66/var(--tw-bg-opacity))}.bg-\\[\\#D5E9FA\\]{--tw-bg-opacity:1;background-color:rgb(213 233 250/var(--tw-bg-opacity))}.bg-\\[\\#D5F2EA\\]{--tw-bg-opacity:1;background-color:rgb(213 242 234/var(--tw-bg-opacity))}.bg-\\[\\#DE802E\\]{--tw-bg-opacity:1;background-color:rgb(222 128 46/var(--tw-bg-opacity))}.bg-\\[\\#E11A38\\]{--tw-bg-opacity:1;background-color:rgb(225 26 56/var(--tw-bg-opacity))}.bg-\\[\\#E21938\\]{--tw-bg-opacity:1;background-color:rgb(226 25 56/var(--tw-bg-opacity))}.bg-\\[\\#E4BB30\\]{--tw-bg-opacity:1;background-color:rgb(228 187 48/var(--tw-bg-opacity))}.bg-\\[\\#F1F1F1\\]{--tw-bg-opacity:1;background-color:rgb(241 241 241/var(--tw-bg-opacity))}.bg-\\[\\#F7F7F7\\]{--tw-bg-opacity:1;background-color:rgb(247 247 247/var(--tw-bg-opacity))}.bg-\\[\\#F8F8F8\\]{--tw-bg-opacity:1;background-color:rgb(248 248 248/var(--tw-bg-opacity))}.bg-\\[\\#FCE8EB\\]{--tw-bg-opacity:1;background-color:rgb(252 232 235/var(--tw-bg-opacity))}.bg-\\[\\#FFF8E7\\]{--tw-bg-opacity:1;background-color:rgb(255 248 231/var(--tw-bg-opacity))}.bg-\\[\\#FFFFFF\\]{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-\\[\\#cf132b\\]{--tw-bg-opacity:1;background-color:rgb(207 19 43/var(--tw-bg-opacity))}.bg-\\[\\#d77382\\]{--tw-bg-opacity:1;background-color:rgb(215 115 130/var(--tw-bg-opacity))}.bg-\\[\\#e11a38\\]{--tw-bg-opacity:1;background-color:rgb(225 26 56/var(--tw-bg-opacity))}.bg-\\[\\#f7f7f7\\]{--tw-bg-opacity:1;background-color:rgb(247 247 247/var(--tw-bg-opacity))}.bg-\\[\\#fce8eb\\]{--tw-bg-opacity:1;background-color:rgb(252 232 235/var(--tw-bg-opacity))}.bg-\\[\\#fff\\],.bg-\\[\\#ffffff\\]{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-base-100{--tw-bg-opacity:1;background-color:hsl(var(--b1)/var(--tw-bg-opacity))}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.bg-gray-300{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity))}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity))}.bg-slate-200{--tw-bg-opacity:1;background-color:rgb(226 232 240/var(--tw-bg-opacity))}.bg-slate-300{--tw-bg-opacity:1;background-color:rgb(203 213 225/var(--tw-bg-opacity))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-cover{background-size:cover}.bg-clip-padding{background-clip:padding-box}.bg-no-repeat{background-repeat:no-repeat}.object-contain{-o-object-fit:contain;object-fit:contain}.\\!p-0{padding:0!important}.p-0{padding:0}.p-0\\.5{padding:.125rem}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-2\\.5{padding:.625rem}.p-3{padding:.75rem}.p-\\[16px\\]{padding:16px}.p-\\[30px\\]{padding:30px}.p-\\[50px\\]{padding:50px}.p-\\[5px\\]{padding:5px}.p-\\[6px\\]{padding:6px}.p-\\[9px\\]{padding:9px}.\\!py-\\[11px\\]{padding-bottom:11px!important;padding-top:11px!important}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-\\[0\\.125rem\\]{padding-left:.125rem;padding-right:.125rem}.px-\\[0\\.5rem\\]{padding-left:.5rem;padding-right:.5rem}.px-\\[0\\.75rem\\]{padding-left:.75rem;padding-right:.75rem}.px-\\[1\\.4063rem\\]{padding-left:1.4063rem;padding-right:1.4063rem}.px-\\[110px\\]{padding-left:110px;padding-right:110px}.px-\\[11px\\]{padding-left:11px;padding-right:11px}.px-\\[14\\.5px\\]{padding-left:14.5px;padding-right:14.5px}.px-\\[15px\\]{padding-left:15px;padding-right:15px}.px-\\[1rem\\]{padding-left:1rem;padding-right:1rem}.px-\\[2\\.3125rem\\]{padding-left:2.3125rem;padding-right:2.3125rem}.px-\\[20px\\]{padding-left:20px;padding-right:20px}.px-\\[25px\\]{padding-left:25px;padding-right:25px}.px-\\[27\\.85px\\]{padding-left:27.85px;padding-right:27.85px}.px-\\[30px\\]{padding-left:30px;padding-right:30px}.px-\\[40px\\]{padding-left:40px;padding-right:40px}.px-\\[80px\\]{padding-left:80px;padding-right:80px}.py-0{padding-bottom:0;padding-top:0}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-4{padding-bottom:1rem;padding-top:1rem}.py-\\[0\\.695rem\\]{padding-bottom:.695rem;padding-top:.695rem}.py-\\[0\\.7188rem\\]{padding-bottom:.7188rem;padding-top:.7188rem}.py-\\[0\\.75rem\\]{padding-bottom:.75rem;padding-top:.75rem}.py-\\[1\\.25rem\\]{padding-bottom:1.25rem;padding-top:1.25rem}.py-\\[1\\.8125rem\\]{padding-bottom:1.8125rem;padding-top:1.8125rem}.py-\\[1\\.875rem\\]{padding-bottom:1.875rem;padding-top:1.875rem}.py-\\[10px\\]{padding-bottom:10px;padding-top:10px}.py-\\[11\\.2px\\]{padding-bottom:11.2px;padding-top:11.2px}.py-\\[13px\\]{padding-bottom:13px;padding-top:13px}.py-\\[14px\\]{padding-bottom:14px;padding-top:14px}.py-\\[20px\\]{padding-bottom:20px;padding-top:20px}.py-\\[5px\\]{padding-bottom:5px;padding-top:5px}.py-\\[7px\\]{padding-bottom:7px;padding-top:7px}.\\!pl-\\[17px\\]{padding-left:17px!important}.pb-2{padding-bottom:.5rem}.pb-2\\.5{padding-bottom:.625rem}.pb-\\[0\\.3125rem\\]{padding-bottom:.3125rem}.pb-\\[1\\.125rem\\]{padding-bottom:1.125rem}.pb-\\[17px\\]{padding-bottom:17px}.pb-\\[2\\.0938rem\\]{padding-bottom:2.0938rem}.pb-\\[5px\\]{padding-bottom:5px}.pl-2{padding-left:.5rem}.pl-\\[10px\\]{padding-left:10px}.pl-\\[16px\\]{padding-left:16px}.pl-\\[20px\\]{padding-left:20px}.pr-\\[14px\\]{padding-right:14px}.pr-\\[33px\\]{padding-right:33px}.pr-\\[56px\\]{padding-right:56px}.pr-\\[6px\\]{padding-right:6px}.pt-2{padding-top:.5rem}.pt-4{padding-top:1rem}.pt-\\[0\\.375rem\\]{padding-top:.375rem}.pt-\\[1\\.3438rem\\]{padding-top:1.3438rem}.pt-\\[10px\\]{padding-top:10px}.pt-\\[17px\\]{padding-top:17px}.pt-\\[2\\.5px\\]{padding-top:2.5px}.pt-\\[23px\\]{padding-top:23px}.pt-\\[31px\\]{padding-top:31px}.pt-\\[5px\\]{padding-top:5px}.pt-\\[7px\\]{padding-top:7px}.text-left{text-align:left}.text-center{text-align:center}.align-baseline{vertical-align:baseline}.align-middle{vertical-align:middle}.font-\\[Roboto-Medium\\]{font-family:Roboto-Medium}.\\!text-\\[15px\\]{font-size:15px!important}.\\!text-\\[18px\\]{font-size:18px!important}.text-2xl{font-size:1.5rem;line-height:2rem}.text-\\[11px\\]{font-size:11px}.text-\\[12px\\]{font-size:12px}.text-\\[13px\\]{font-size:13px}.text-\\[14px\\]{font-size:14px}.text-\\[15px\\]{font-size:15px}.text-\\[16px\\]{font-size:16px}.text-\\[17px\\]{font-size:17px}.text-\\[18px\\]{font-size:18px}.text-\\[1rem\\]{font-size:1rem}.text-\\[21px\\]{font-size:21px}.text-\\[22px\\]{font-size:22px}.text-\\[25px\\]{font-size:25px}.text-\\[26px\\]{font-size:26px}.text-\\[28px\\]{font-size:28px}.text-\\[30px\\]{font-size:30px}.text-base{font-size:1rem;line-height:1.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.\\!font-\\[13px\\]{font-weight:13px!important}.\\!font-bold{font-weight:700!important}.font-black{font-weight:900}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.\\!leading-\\[24px\\]{line-height:24px!important}.leading-\\[0\\.8125rem\\]{line-height:.8125rem}.leading-\\[1\\.125rem\\]{line-height:1.125rem}.leading-\\[1\\.25rem\\]{line-height:1.25rem}.leading-\\[1\\.4375rem\\]{line-height:1.4375rem}.leading-\\[16px\\]{line-height:16px}.leading-\\[19px\\]{line-height:19px}.leading-\\[2\\.3125rem\\]{line-height:2.3125rem}.leading-\\[20px\\]{line-height:20px}.leading-\\[21px\\]{line-height:21px}.leading-\\[22px\\]{line-height:22px}.leading-\\[23px\\]{line-height:23px}.\\!text-\\[\\#353535\\]{--tw-text-opacity:1!important;color:rgb(53 53 53/var(--tw-text-opacity))!important}.\\!text-\\[\\#727272\\]{--tw-text-opacity:1!important;color:rgb(114 114 114/var(--tw-text-opacity))!important}.text-\\[\\#353535\\]{--tw-text-opacity:1;color:rgb(53 53 53/var(--tw-text-opacity))}.text-\\[\\#5D5D5D\\],.text-\\[\\#5d5d5d\\]{--tw-text-opacity:1;color:rgb(93 93 93/var(--tw-text-opacity))}.text-\\[\\#707070\\]{--tw-text-opacity:1;color:rgb(112 112 112/var(--tw-text-opacity))}.text-\\[\\#727272\\]{--tw-text-opacity:1;color:rgb(114 114 114/var(--tw-text-opacity))}.text-\\[\\#747474\\]{--tw-text-opacity:1;color:rgb(116 116 116/var(--tw-text-opacity))}.text-\\[\\#9A9A9A\\]{--tw-text-opacity:1;color:rgb(154 154 154/var(--tw-text-opacity))}.text-\\[\\#9f9f9f\\]{--tw-text-opacity:1;color:rgb(159 159 159/var(--tw-text-opacity))}.text-\\[\\#E11938\\]{--tw-text-opacity:1;color:rgb(225 25 56/var(--tw-text-opacity))}.text-\\[\\#E11A38\\]{--tw-text-opacity:1;color:rgb(225 26 56/var(--tw-text-opacity))}.text-\\[\\#E21938\\]{--tw-text-opacity:1;color:rgb(226 25 56/var(--tw-text-opacity))}.text-\\[\\#c2c2c2\\]{--tw-text-opacity:1;color:rgb(194 194 194/var(--tw-text-opacity))}.text-\\[\\#cf132b\\]{--tw-text-opacity:1;color:rgb(207 19 43/var(--tw-text-opacity))}.text-\\[\\#e11a38\\]{--tw-text-opacity:1;color:rgb(225 26 56/var(--tw-text-opacity))}.text-\\[\\#fff\\],.text-\\[\\#ffffff\\]{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity))}.text-lime-400{--tw-text-opacity:1;color:rgb(163 230 53/var(--tw-text-opacity))}.text-orange-300{--tw-text-opacity:1;color:rgb(253 186 116/var(--tw-text-opacity))}.text-orange-400{--tw-text-opacity:1;color:rgb(251 146 60/var(--tw-text-opacity))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity))}.text-slate-300{--tw-text-opacity:1;color:rgb(203 213 225/var(--tw-text-opacity))}.text-teal-500{--tw-text-opacity:1;color:rgb(20 184 166/var(--tw-text-opacity))}.text-violet-600{--tw-text-opacity:1;color:rgb(124 58 237/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.underline{text-decoration-line:underline}.opacity-70{opacity:.7}.\\!shadow-\\[0px_7px_64px_rgba\\(0\\2c 0\\2c 0\\2c 0\\.07\\)\\]{--tw-shadow:0px 7px 64px rgba(0,0,0,.07)!important;--tw-shadow-colored:0px 7px 64px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.\\!shadow-\\[0px_7px_64px_rgba\\(0\\2c 0\\2c 0\\2c 0\\.11\\)\\]{--tw-shadow:0px 7px 64px rgba(0,0,0,.11)!important;--tw-shadow-colored:0px 7px 64px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-\\[0px_3px_6px_rgba\\(0\\2c 0\\2c 0\\2c 0\\.16\\)\\]{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\\[0px_3px_6px_rgba\\(0\\2c 0\\2c 0\\2c 0\\.16\\)\\]{--tw-shadow:0px 3px 6px rgba(0,0,0,.16);--tw-shadow-colored:0px 3px 6px var(--tw-shadow-color)}.shadow-\\[0px_7px_64px_rgba\\(0\\2c 0\\2c 0\\2c 0\\.07\\)\\]{--tw-shadow:0px 7px 64px rgba(0,0,0,.07);--tw-shadow-colored:0px 7px 64px var(--tw-shadow-color)}.shadow-\\[0px_7px_64px_rgba\\(0\\2c 0\\2c 0\\2c 0\\.07\\)\\],.shadow-md{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.\\!ring-0{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.ring-0{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-0,.ring-1{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-inset{--tw-ring-inset:inset}.ring-\\[\\#E11A38\\]{--tw-ring-opacity:1;--tw-ring-color:rgb(225 26 56/var(--tw-ring-opacity))}.blur{--tw-blur:blur(8px)}.blur,.grayscale{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.grayscale{--tw-grayscale:grayscale(100%)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-\\[45px\\]{--tw-backdrop-blur:blur(45px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}@import url(\"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap\");html{font-family:Roboto,sans-serif}.Toastify__toast-container{width:32vw!important}.Toastify__toast{padding:1rem!important}.Toastify__close-button{align-self:center!important}.Toastify__close-button>svg{fill:#707070!important}.Toastify__toast-theme--colored.Toastify__toast--success{background:#ebfbf5!important;border:1px solid #98d6bf;box-shadow:0 0 10px #00000059;color:#353535!important;font-family:Roboto,sans-serif;font-size:14px;font-weight:600}.Toastify__toast-theme--colored.Toastify__toast--success .Toastify__toast-icon>svg{fill:#00c48c!important}.Toastify__toast-theme--colored.Toastify__toast--error{background:#fce8eb!important;border:1px solid #ffd8de;box-shadow:0 0 10px #00000059;color:#353535!important;font-family:Roboto,sans-serif;font-size:14px;font-weight:600}.Toastify__toast-theme--colored.Toastify__toast--error .Toastify__toast-icon>svg{fill:hwb(351 10% 12%)!important;height:100%;width:100%}.Toastify__toast-theme--colored.Toastify__toast--info{background:#d5e9fa!important;border:1px solid #b5ddff;box-shadow:0 0 10px #00000059;color:#353535!important;font-family:Roboto,sans-serif;font-size:14px;font-weight:600}.Toastify__toast-theme--colored.Toastify__toast--info .Toastify__toast-icon>svg{fill:#0084f4!important}.Toastify__toast-icon{height:1.875rem!important;width:1.875rem!important}#slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;background-image:linear-gradient(#f00528,#f00528);background-repeat:no-repeat;background-size:70% 100%;height:18px;opacity:.7;outline:none;transition:opacity .2s;width:100%}#slider:hover{opacity:1}#slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#f00528;border-radius:2px;box-shadow:0 0 2px 0 #555;cursor:pointer;height:25px;-webkit-transition:background .3s ease-in-out;transition:background .3s ease-in-out;width:25px}input[type=range]::-moz-range-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#f00528;border-radius:2%;box-shadow:0 0 2px 0 #555;cursor:ew-resize;height:20px;-moz-transition:background .3s ease-in-out;transition:background .3s ease-in-out;width:20px}.btn-hover:hover{background:#e11a38;color:#fff}.link-hover:hover{color:#e11a38}.basic-single input:focus{outline-style:none!important}@media (min-width:768px){.md\\:btn-md{font-size:.875rem;height:3rem;min-height:3rem;padding-left:1rem;padding-right:1rem}.btn-square:where(.md\\:btn-md){height:3rem;padding:0;width:3rem}.btn-circle:where(.md\\:btn-md){border-radius:9999px;height:3rem;padding:0;width:3rem}}.placeholder\\:leading-\\[20px\\]::-moz-placeholder{line-height:20px}.placeholder\\:leading-\\[20px\\]::placeholder{line-height:20px}.before\\:absolute:before{content:var(--tw-content);position:absolute}.before\\:left-\\[18px\\]:before{content:var(--tw-content);left:18px}.before\\:left-\\[calc\\(50\\%-7px\\)\\]:before{content:var(--tw-content);left:calc(50% - 7px)}.before\\:top-\\[-0\\.3125rem\\]:before{content:var(--tw-content);top:-.3125rem}.before\\:top-\\[-21\\%\\]:before{content:var(--tw-content);top:-21%}.before\\:top-\\[80\\%\\]:before{content:var(--tw-content);top:80%}.before\\:h-\\[0\\.75rem\\]:before{content:var(--tw-content);height:.75rem}.before\\:h-\\[14px\\]:before{content:var(--tw-content);height:14px}.before\\:w-\\[0\\.75rem\\]:before{content:var(--tw-content);width:.75rem}.before\\:w-\\[14px\\]:before{content:var(--tw-content);width:14px}.before\\:rotate-45:before{--tw-rotate:45deg}.before\\:rotate-45:before,.before\\:rotate-\\[230deg\\]:before{content:var(--tw-content);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.before\\:rotate-\\[230deg\\]:before{--tw-rotate:230deg}.before\\:rotate-\\[44deg\\]:before{--tw-rotate:44deg;content:var(--tw-content);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.before\\:rounded-none:before{border-radius:0;content:var(--tw-content)}.before\\:border:before{border-width:1px;content:var(--tw-content)}.before\\:border-b-\\[\\#f3a2af\\]:before{--tw-border-opacity:1;border-bottom-color:rgb(243 162 175/var(--tw-border-opacity));content:var(--tw-content)}.before\\:border-b-transparent:before{border-bottom-color:transparent;content:var(--tw-content)}.before\\:border-l-\\[\\#f3a2af\\]:before{--tw-border-opacity:1;border-left-color:rgb(243 162 175/var(--tw-border-opacity));content:var(--tw-content)}.before\\:border-l-transparent:before{border-left-color:transparent;content:var(--tw-content)}.before\\:border-r-\\[\\#f3a2af\\]:before{--tw-border-opacity:1;border-right-color:rgb(243 162 175/var(--tw-border-opacity));content:var(--tw-content)}.before\\:border-r-transparent:before{border-right-color:transparent;content:var(--tw-content)}.before\\:border-t-\\[\\#f3a2af\\]:before{--tw-border-opacity:1;border-top-color:rgb(243 162 175/var(--tw-border-opacity));content:var(--tw-content)}.before\\:border-t-transparent:before{border-top-color:transparent;content:var(--tw-content)}.before\\:bg-\\[\\#fce8eb\\]:before{--tw-bg-opacity:1;background-color:rgb(252 232 235/var(--tw-bg-opacity));content:var(--tw-content)}.before\\:bg-\\[\\#ffffff\\]:before,.before\\:bg-\\[white\\]:before{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));content:var(--tw-content)}.before\\:content-\\[\\'\\'\\]:before{--tw-content:\"\";content:var(--tw-content)}.first\\:rounded-l:first-child{border-bottom-left-radius:.25rem;border-top-left-radius:.25rem}.last\\:rounded-r:last-child{border-bottom-right-radius:.25rem;border-top-right-radius:.25rem}.last\\:border-b-0:last-child{border-bottom-width:0}.hover\\:rounded-none:hover{border-radius:0}.hover\\:border-\\[\\#E11A38\\]:hover{--tw-border-opacity:1;border-color:rgb(225 26 56/var(--tw-border-opacity))}.hover\\:bg-\\[\\#E11A38\\]:hover,.hover\\:bg-\\[\\#e11a38\\]:hover{--tw-bg-opacity:1;background-color:rgb(225 26 56/var(--tw-bg-opacity))}.hover\\:bg-\\[\\#fce8eb\\]:hover{--tw-bg-opacity:1;background-color:rgb(252 232 235/var(--tw-bg-opacity))}.hover\\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.hover\\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity))}.hover\\:text-\\[\\#e11a38\\]:hover{--tw-text-opacity:1;color:rgb(225 26 56/var(--tw-text-opacity))}.hover\\:text-\\[\\#ffffff\\]:hover,.hover\\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.hover\\:underline:hover{text-decoration-line:underline}.hover\\:decoration-2:hover{text-decoration-thickness:2px}.hover\\:underline-offset-4:hover{text-underline-offset:4px}.focus\\:z-\\[3\\]:focus{z-index:3}.focus\\:rounded-sm:focus{border-radius:.125rem}.focus\\:\\!border-0:focus{border-width:0!important}.focus\\:border-0:focus{border-width:0}.focus\\:border-\\[\\#ECEBED\\]:focus{--tw-border-opacity:1;border-color:rgb(236 235 237/var(--tw-border-opacity))}.focus\\:shadow-\\[inset_0_0_0_1px_rgb\\(212\\2c 212\\2c 212\\)\\]:focus{--tw-shadow:inset 0 0 0 1px #d4d4d4;--tw-shadow-colored:inset 0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus\\:\\!outline-none:focus{outline:2px solid transparent!important;outline-offset:2px!important}.focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\\:outline-offset-0:focus{outline-offset:0}.focus\\:outline-current:focus{outline-color:currentColor}.focus\\:\\!ring-0:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.focus\\:ring-0:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-visible\\:outline-0:focus-visible{outline-width:0}.group:hover .group-hover\\:bg-\\[\\#e11a38\\]{--tw-bg-opacity:1;background-color:rgb(225 26 56/var(--tw-bg-opacity))}.group:hover .group-hover\\:fill-\\[\\#E11A38\\]{fill:#e11a38}.group:active .group-active\\:text-white,.group:hover .group-hover\\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.peer:-moz-placeholder-shown~.peer-placeholder-shown\\:top-1\\/2{top:50%}.peer:-moz-placeholder-shown ~ .peer-placeholder-shown\\:top-1\\/2{top:50%}.peer:placeholder-shown~.peer-placeholder-shown\\:top-1\\/2{top:50%}.peer:-moz-placeholder-shown~.peer-placeholder-shown\\:-translate-y-1\\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.peer:-moz-placeholder-shown ~ .peer-placeholder-shown\\:-translate-y-1\\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.peer:placeholder-shown~.peer-placeholder-shown\\:-translate-y-1\\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.peer:-moz-placeholder-shown~.peer-placeholder-shown\\:text-\\[\\#727272\\]{--tw-text-opacity:1;color:rgb(114 114 114/var(--tw-text-opacity))}.peer:-moz-placeholder-shown ~ .peer-placeholder-shown\\:text-\\[\\#727272\\]{--tw-text-opacity:1;color:rgb(114 114 114/var(--tw-text-opacity))}.peer:placeholder-shown~.peer-placeholder-shown\\:text-\\[\\#727272\\]{--tw-text-opacity:1;color:rgb(114 114 114/var(--tw-text-opacity))}.peer:focus~.peer-focus\\:top-0{top:0}.peer:focus~.peer-focus\\:top-2{top:.5rem}.peer:focus~.peer-focus\\:-translate-y-4{--tw-translate-y:-1rem}.peer:focus~.peer-focus\\:-translate-y-4,.peer:focus~.peer-focus\\:-translate-y-\\[10px\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.peer:focus~.peer-focus\\:-translate-y-\\[10px\\]{--tw-translate-y:-10px}.peer:focus~.peer-focus\\:\\!bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity))!important}.peer:focus~.peer-focus\\:px-\\[0\\.125rem\\]{padding-left:.125rem;padding-right:.125rem}.peer:focus~.peer-focus\\:font-\\[13px\\]{font-weight:13px}@media (prefers-color-scheme:dark){.dark\\:border-gray-600{--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity))}.dark\\:bg-gray-700{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity))}.dark\\:hover\\:border-gray-500:hover{--tw-border-opacity:1;border-color:rgb(107 114 128/var(--tw-border-opacity))}.dark\\:hover\\:bg-gray-600:hover{--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity))}}@media (min-width:640px){.sm\\:mt-0{margin-top:0}.sm\\:h-\\[42vh\\]{height:42vh}.sm\\:h-\\[55vh\\]{height:55vh}.sm\\:w-\\[60\\%\\]{width:60%}.sm\\:w-auto{width:auto}}@media (min-width:768px){.md\\:absolute{position:absolute}.md\\:relative{position:relative}.md\\:bottom-\\[20px\\]{bottom:20px}.md\\:right-0{right:0}.md\\:mr-\\[0\\%\\]{margin-right:0}.md\\:block{display:block}.md\\:h-auto{height:auto}.md\\:w-\\[100\\%\\]{width:100%}.md\\:w-\\[65\\%\\]{width:65%}.md\\:w-full{width:100%}.md\\:max-w-\\[100\\%\\]{max-width:100%}.md\\:-translate-y-2\\/4{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\\:flex-row{flex-direction:row}.md\\:flex-col{flex-direction:column}.md\\:justify-end{justify-content:flex-end}.md\\:p-\\[98px\\]{padding:98px}.md\\:px-\\[112px\\]{padding-left:112px;padding-right:112px}.md\\:before\\:left-\\[unset\\]:before{content:var(--tw-content);left:unset}.md\\:before\\:right-\\[18px\\]:before{content:var(--tw-content);right:18px}}@media (min-width:1024px){.lg\\:mr-\\[30px\\]{margin-right:30px}.lg\\:w-2\\/5{width:40%}.lg\\:w-\\[50\\%\\]{width:50%}.lg\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\\:flex-row{flex-direction:row}}@media (min-width:1280px){.xl\\:w-\\[40\\%\\]{width:40%}.xl\\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.xl\\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (min-width:1536px){.\\32xl\\:top-2\\/4{top:50%}.\\32xl\\:h-\\[50vh\\]{height:50vh}.\\32xl\\:h-\\[60vh\\]{height:60vh}.\\32xl\\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.\\32xl\\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}}";
+var css_248z$6 = "/*! tailwindcss v3.3.2 | MIT License | https://tailwindcss.com*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:\"\"}html{-webkit-text-size-adjust:100%;font-feature-settings:normal;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::-moz-placeholder, textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}:root,[data-theme]{background-color:hsl(var(--b1)/var(--tw-bg-opacity,1));color:hsl(var(--bc)/var(--tw-text-opacity,1))}html{-webkit-tap-highlight-color:transparent}:root{--pf:259 94% 44%;--sf:314 100% 40%;--af:174 75% 39%;--nf:214 20% 14%;--in:198 93% 60%;--su:158 64% 52%;--wa:43 96% 56%;--er:0 91% 71%;--inc:198 100% 12%;--suc:158 100% 10%;--wac:43 100% 11%;--erc:0 100% 14%;--rounded-box:1rem;--rounded-btn:0.5rem;--rounded-badge:1.9rem;--animation-btn:0.25s;--animation-input:.2s;--btn-text-case:uppercase;--btn-focus-scale:0.95;--border-btn:1px;--tab-border:1px;--tab-radius:0.5rem;--p:259 94% 51%;--pc:259 96% 91%;--s:314 100% 47%;--sc:314 100% 91%;--a:174 75% 46%;--ac:174 75% 11%;--n:214 20% 21%;--nc:212 19% 87%;--b1:0 0% 100%;--b2:0 0% 95%;--b3:180 2% 90%;--bc:215 28% 17%;color-scheme:light}@media (prefers-color-scheme:dark){:root{--pf:262 80% 43%;--sf:316 70% 43%;--af:175 70% 34%;--in:198 93% 60%;--su:158 64% 52%;--wa:43 96% 56%;--er:0 91% 71%;--inc:198 100% 12%;--suc:158 100% 10%;--wac:43 100% 11%;--erc:0 100% 14%;--rounded-box:1rem;--rounded-btn:0.5rem;--rounded-badge:1.9rem;--animation-btn:0.25s;--animation-input:.2s;--btn-text-case:uppercase;--btn-focus-scale:0.95;--border-btn:1px;--tab-border:1px;--tab-radius:0.5rem;--p:262 80% 50%;--pc:0 0% 100%;--s:316 70% 50%;--sc:0 0% 100%;--a:175 70% 41%;--ac:0 0% 100%;--n:213 18% 20%;--nf:212 17% 17%;--nc:220 13% 69%;--b1:212 18% 14%;--b2:213 18% 12%;--b3:213 18% 10%;--bc:220 13% 69%;color-scheme:dark}}[data-theme=light]{--pf:259 94% 44%;--sf:314 100% 40%;--af:174 75% 39%;--nf:214 20% 14%;--in:198 93% 60%;--su:158 64% 52%;--wa:43 96% 56%;--er:0 91% 71%;--inc:198 100% 12%;--suc:158 100% 10%;--wac:43 100% 11%;--erc:0 100% 14%;--rounded-box:1rem;--rounded-btn:0.5rem;--rounded-badge:1.9rem;--animation-btn:0.25s;--animation-input:.2s;--btn-text-case:uppercase;--btn-focus-scale:0.95;--border-btn:1px;--tab-border:1px;--tab-radius:0.5rem;--p:259 94% 51%;--pc:259 96% 91%;--s:314 100% 47%;--sc:314 100% 91%;--a:174 75% 46%;--ac:174 75% 11%;--n:214 20% 21%;--nc:212 19% 87%;--b1:0 0% 100%;--b2:0 0% 95%;--b3:180 2% 90%;--bc:215 28% 17%;color-scheme:light}[data-theme=dark]{--pf:262 80% 43%;--sf:316 70% 43%;--af:175 70% 34%;--in:198 93% 60%;--su:158 64% 52%;--wa:43 96% 56%;--er:0 91% 71%;--inc:198 100% 12%;--suc:158 100% 10%;--wac:43 100% 11%;--erc:0 100% 14%;--rounded-box:1rem;--rounded-btn:0.5rem;--rounded-badge:1.9rem;--animation-btn:0.25s;--animation-input:.2s;--btn-text-case:uppercase;--btn-focus-scale:0.95;--border-btn:1px;--tab-border:1px;--tab-radius:0.5rem;--p:262 80% 50%;--pc:0 0% 100%;--s:316 70% 50%;--sc:0 0% 100%;--a:175 70% 41%;--ac:0 0% 100%;--n:213 18% 20%;--nf:212 17% 17%;--nc:220 13% 69%;--b1:212 18% 14%;--b2:213 18% 12%;--b3:213 18% 10%;--bc:220 13% 69%;color-scheme:dark}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.alert{--tw-border-opacity:1;--tw-text-opacity:1;--alert-bg:hsl(var(--b2));--alert-bg-mix:hsl(var(--b1));align-content:flex-start;align-items:center;background-color:var(--alert-bg);border-color:hsl(var(--b2)/var(--tw-border-opacity));border-radius:var(--rounded-box,1rem);border-width:1px;color:hsl(var(--bc)/var(--tw-text-opacity));display:grid;gap:1rem;grid-auto-flow:row;justify-items:center;padding:1rem;text-align:center;width:100%}@media (min-width:640px){.alert{grid-auto-flow:column;grid-template-columns:auto minmax(auto,1fr);justify-items:start;text-align:left}}.avatar.placeholder>div{align-items:center;display:flex;justify-content:center}@media (hover:hover){.label a:hover{--tw-text-opacity:1;color:hsl(var(--bc)/var(--tw-text-opacity))}.menu :where(li:not(.menu-title):not(.disabled)>:not(ul):not(details):not(.menu-title)):where(.active),.menu :where(li:not(.menu-title):not(.disabled)>details>summary:not(.menu-title)):where(.active){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:hsl(var(--n)/var(--tw-bg-opacity));color:hsl(var(--nc)/var(--tw-text-opacity))}.tab:hover{--tw-text-opacity:1}.table tr.hover:hover,.table tr.hover:nth-child(2n):hover{--tw-bg-opacity:1;background-color:hsl(var(--b2)/var(--tw-bg-opacity))}.table-zebra tr.hover:hover,.table-zebra tr.hover:nth-child(2n):hover{--tw-bg-opacity:1;background-color:hsl(var(--b3)/var(--tw-bg-opacity))}}.btn{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;align-items:center;animation:button-pop var(--animation-btn,.25s) ease-out;background-color:hsl(var(--b2)/var(--tw-bg-opacity));border-color:transparent;border-color:hsl(var(--b2)/var(--tw-border-opacity));border-radius:var(--rounded-btn,.5rem);border-width:var(--border-btn,1px);cursor:pointer;display:inline-flex;flex-shrink:0;flex-wrap:wrap;font-size:.875rem;font-weight:600;gap:.5rem;height:3rem;justify-content:center;line-height:1.25rem;line-height:1em;min-height:3rem;outline-color:hsl(var(--bc)/1);padding-left:1rem;padding-right:1rem;text-align:center;text-decoration-line:none;text-transform:var(--btn-text-case,uppercase);transition-duration:.2s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-user-select:none;-moz-user-select:none;user-select:none}.btn,.btn-disabled,.btn:disabled,.btn[disabled]{color:hsl(var(--bc)/var(--tw-text-opacity))}.btn-disabled,.btn:disabled,.btn[disabled]{--tw-border-opacity:0;--tw-bg-opacity:0.2;--tw-text-opacity:0.2;background-color:hsl(var(--n)/var(--tw-bg-opacity));pointer-events:none}.btn-group>input[type=radio].btn{-webkit-appearance:none;-moz-appearance:none;appearance:none}.btn-group>input[type=radio].btn:before{content:attr(data-title)}.btn:is(input[type=checkbox]),.btn:is(input[type=radio]){-webkit-appearance:none;-moz-appearance:none;appearance:none}.btn:is(input[type=checkbox]):after,.btn:is(input[type=radio]):after{--tw-content:attr(aria-label);content:var(--tw-content)}.card{border-radius:var(--rounded-box,1rem);display:flex;flex-direction:column;position:relative}.card:focus{outline:2px solid transparent;outline-offset:2px}.card-body{display:flex;flex:1 1 auto;flex-direction:column;gap:.5rem;padding:var(--padding-card,2rem)}.card-body :where(p){flex-grow:1}.card figure{align-items:center;display:flex;justify-content:center}.card.image-full{display:grid}.card.image-full:before{--tw-bg-opacity:1;background-color:hsl(var(--n)/var(--tw-bg-opacity));border-radius:var(--rounded-box,1rem);content:\"\";opacity:.75;position:relative;z-index:10}.card.image-full:before,.card.image-full>*{grid-column-start:1;grid-row-start:1}.card.image-full>figure img{height:100%;-o-object-fit:cover;object-fit:cover}.card.image-full>.card-body{--tw-text-opacity:1;color:hsl(var(--nc)/var(--tw-text-opacity));position:relative;z-index:20}.checkbox{--chkbg:var(--bc);--chkfg:var(--b1);--tw-border-opacity:0.2;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-color:hsl(var(--bc)/var(--tw-border-opacity));border-radius:var(--rounded-btn,.5rem);border-width:1px;cursor:pointer;flex-shrink:0;height:1.5rem;width:1.5rem}.dropdown .dropdown-content{position:absolute}.dropdown:is(:not(details)) .dropdown-content{--tw-scale-x:.95;--tw-scale-y:.95;opacity:0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform-origin:top;transition-duration:.2s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);visibility:hidden}.dropdown-end .dropdown-content{right:0}.dropdown-left .dropdown-content{bottom:auto;right:100%;top:0;transform-origin:right}.dropdown-right .dropdown-content{bottom:auto;left:100%;top:0;transform-origin:left}.dropdown-bottom .dropdown-content{bottom:auto;top:100%;transform-origin:top}.dropdown-top .dropdown-content{bottom:100%;top:auto;transform-origin:bottom}.dropdown-end.dropdown-left .dropdown-content,.dropdown-end.dropdown-right .dropdown-content{bottom:0;top:auto}.dropdown.dropdown-open .dropdown-content,.dropdown:focus-within .dropdown-content,.dropdown:not(.dropdown-hover):focus .dropdown-content{opacity:1;visibility:visible}@media (hover:hover){.dropdown.dropdown-hover:hover .dropdown-content{opacity:1;visibility:visible}.btm-nav>.disabled:hover,.btm-nav>[disabled]:hover{--tw-border-opacity:0;--tw-bg-opacity:0.1;--tw-text-opacity:0.2;background-color:hsl(var(--n)/var(--tw-bg-opacity));color:hsl(var(--bc)/var(--tw-text-opacity));pointer-events:none}.btn:hover{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:hsl(var(--b3)/var(--tw-bg-opacity));border-color:hsl(var(--b3)/var(--tw-border-opacity))}.btn.glass:hover{--glass-opacity:25%;--glass-border-opacity:15%}.btn-disabled:hover,.btn:disabled:hover,.btn[disabled]:hover{--tw-border-opacity:0;--tw-bg-opacity:0.2;--tw-text-opacity:0.2;background-color:hsl(var(--n)/var(--tw-bg-opacity));color:hsl(var(--bc)/var(--tw-text-opacity))}.btn:is(input[type=checkbox]:checked):hover,.btn:is(input[type=radio]:checked):hover{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:hsl(var(--pf)/var(--tw-bg-opacity));border-color:hsl(var(--pf)/var(--tw-border-opacity))}.dropdown.dropdown-hover:hover .dropdown-content{--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.menu :where(li:not(.menu-title):not(.disabled)>:not(ul):not(details):not(.menu-title)):not(.active):hover,.menu :where(li:not(.menu-title):not(.disabled)>details>summary:not(.menu-title)):not(.active):hover{--tw-text-opacity:1;background-color:hsl(var(--bc)/.1);color:hsl(var(--bc)/var(--tw-text-opacity));cursor:pointer;outline:2px solid transparent;outline-offset:2px}.tab[disabled],.tab[disabled]:hover{--tw-text-opacity:0.2;color:hsl(var(--bc)/var(--tw-text-opacity));cursor:not-allowed}}.label{align-items:center;display:flex;justify-content:space-between;padding:.5rem .25rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.\\!input{--tw-border-opacity:0!important;--tw-bg-opacity:1!important;background-color:hsl(var(--b1)/var(--tw-bg-opacity))!important;border-color:hsl(var(--bc)/var(--tw-border-opacity))!important;border-radius:var(--rounded-btn,.5rem)!important;border-width:1px!important;flex-shrink:1!important;font-size:1rem!important;height:3rem!important;line-height:2!important;line-height:1.5rem!important;padding-left:1rem!important;padding-right:1rem!important}.input{--tw-border-opacity:0;--tw-bg-opacity:1;background-color:hsl(var(--b1)/var(--tw-bg-opacity));border-color:hsl(var(--bc)/var(--tw-border-opacity));border-radius:var(--rounded-btn,.5rem);border-width:1px;flex-shrink:1;font-size:1rem;height:3rem;line-height:2;line-height:1.5rem;padding-left:1rem;padding-right:1rem}.input-group>.\\!input{isolation:isolate!important}.input-group>.input{isolation:isolate}.input-group>.\\!input{border-radius:0!important}.input-group>*,.input-group>.input,.input-group>.select,.input-group>.textarea{border-radius:0}.join{align-items:stretch;border-radius:var(--rounded-btn,.5rem);display:inline-flex}.join *{border-radius:inherit}.join :where(.join-item){border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:0;border-top-right-radius:0}.join .join-item:not(:first-child):not(:last-child),.join :not(:first-child):not(:last-child) .join-item{border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:0;border-top-right-radius:0}.join .join-item:first-child:not(:last-child),.join :first-child:not(:last-child) .join-item{border-bottom-right-radius:0;border-top-right-radius:0}.join :where(.join-item:first-child:not(:last-child)),.join :where(:first-child:not(:last-child) .join-item){border-bottom-left-radius:inherit;border-top-left-radius:inherit}.join .join-item:last-child:not(:first-child),.join :last-child:not(:first-child) .join-item{border-bottom-left-radius:0;border-top-left-radius:0}.join :where(.join-item:last-child:not(:first-child)),.join :where(:last-child:not(:first-child) .join-item){border-bottom-right-radius:inherit;border-top-right-radius:inherit}.\\!link{cursor:pointer!important;text-decoration-line:underline!important}.link{cursor:pointer;text-decoration-line:underline}.\\!mask{-webkit-mask-position:center!important;mask-position:center!important;-webkit-mask-repeat:no-repeat!important;mask-repeat:no-repeat!important;-webkit-mask-size:contain!important;mask-size:contain!important}.mask{-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}.menu{display:flex;flex-direction:column;flex-wrap:wrap;font-size:.875rem;line-height:1.25rem;padding:.5rem}.menu :where(li ul){margin-left:1rem;padding-left:.5rem;position:relative;white-space:nowrap}.menu :where(li:not(.menu-title)>:not(ul):not(details):not(.menu-title)),.menu :where(li:not(.menu-title)>details>summary:not(.menu-title)){align-content:flex-start;align-items:center;border-radius:var(--rounded-btn,.5rem);display:grid;gap:.5rem;grid-auto-columns:max-content auto max-content;grid-auto-flow:column;padding:.5rem 1rem;text-align:left;transition-duration:.2s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-user-select:none;-moz-user-select:none;user-select:none}.menu li.disabled{color:hsl(var(--bc)/.3);cursor:not-allowed;-webkit-user-select:none;-moz-user-select:none;user-select:none}.menu :where(li>.menu-dropdown:not(.menu-dropdown-show)){display:none}:where(.menu li){align-items:stretch;display:flex;flex-direction:column;flex-shrink:0;flex-wrap:wrap;position:relative}:where(.menu li) .badge{justify-self:end}.modal{background-color:transparent;background-color:rgba(0,0,0,.3);display:grid;height:100%;inset:0;justify-items:center;margin:0;max-height:none;max-width:none;opacity:0;overflow-y:hidden;overscroll-behavior:contain;padding:0;pointer-events:none;position:fixed;transition-duration:.2s;transition-property:transform,opacity,visibility;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%;z-index:999}:where(.modal){align-items:center}.modal-box{--tw-scale-x:.9;--tw-scale-y:.9;--tw-bg-opacity:1;background-color:hsl(var(--b1)/var(--tw-bg-opacity));border-bottom-left-radius:var(--rounded-box,1rem);border-bottom-right-radius:var(--rounded-box,1rem);border-top-left-radius:var(--rounded-box,1rem);border-top-right-radius:var(--rounded-box,1rem);box-shadow:0 25px 50px -12px rgba(0,0,0,.25);grid-column-start:1;grid-row-start:1;max-height:calc(100vh - 5em);max-width:32rem;overflow-y:auto;overscroll-behavior:contain;padding:1.5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-duration:.2s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);width:91.666667%}.modal-open,.modal-toggle:checked+.modal,.modal:target,.modal[open]{opacity:1;pointer-events:auto;visibility:visible}:root:has(:is(.modal-open,.modal:target,.modal-toggle:checked+.modal,.modal[open])){overflow:hidden}.progress{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--rounded-box,1rem);height:.5rem;overflow:hidden;position:relative;width:100%}.radio{--chkbg:var(--bc);--tw-border-opacity:0.2;-webkit-appearance:none;border-color:hsl(var(--bc)/var(--tw-border-opacity));border-radius:9999px;border-width:1px;flex-shrink:0;width:1.5rem}.radio,.range{-moz-appearance:none;-webkit-appearance:none;        appearance:none;cursor:pointer;height:1.5rem}.range{--range-shdw:var(--bc);-webkit-appearance:none;background-color:transparent;border-radius:var(--rounded-box,1rem);overflow:hidden;width:100%}.range:focus{outline:none}.select{--tw-border-opacity:0;--tw-bg-opacity:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:hsl(var(--b1)/var(--tw-bg-opacity));background-image:linear-gradient(45deg,transparent 50%,currentColor 0),linear-gradient(135deg,currentColor 50%,transparent 0);background-position:calc(100% - 20px) calc(1px + 50%),calc(100% - 16px) calc(1px + 50%);background-repeat:no-repeat;background-size:4px 4px,4px 4px;border-color:hsl(var(--bc)/var(--tw-border-opacity));border-radius:var(--rounded-btn,.5rem);border-width:1px;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:.875rem;font-weight:600;height:3rem;line-height:1.25rem;line-height:2;min-height:3rem;padding-left:1rem;padding-right:2.5rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.select[multiple]{height:auto}.stack{display:inline-grid;place-items:center;align-items:flex-end}.stack>*{grid-column-start:1;grid-row-start:1;opacity:.6;transform:translateY(10%) scale(.9);width:100%;z-index:1}.stack>:nth-child(2){opacity:.8;transform:translateY(5%) scale(.95);z-index:2}.stack>:first-child{opacity:1;transform:translateY(0) scale(1);z-index:3}.stats{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:hsl(var(--b1)/var(--tw-bg-opacity));border-radius:var(--rounded-box,1rem);color:hsl(var(--bc)/var(--tw-text-opacity));display:inline-grid}:where(.stats){grid-auto-flow:column;overflow-x:auto}.stat{--tw-border-opacity:0.1;border-color:hsl(var(--bc)/var(--tw-border-opacity));-moz-column-gap:1rem;column-gap:1rem;grid-template-columns:repeat(1,1fr);padding:1rem 1.5rem;width:100%}.stat,.steps{display:inline-grid}.steps{counter-reset:step;grid-auto-columns:1fr;grid-auto-flow:column;overflow:hidden;overflow-x:auto}.steps .step{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));grid-template-columns:auto;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-rows:40px 1fr;min-width:4rem;place-items:center;text-align:center}.steps .\\!step{display:grid!important;grid-template-columns:repeat(1,minmax(0,1fr))!important;grid-template-columns:auto!important;grid-template-rows:repeat(2,minmax(0,1fr))!important;grid-template-rows:40px 1fr!important;min-width:4rem!important;place-items:center!important;text-align:center!important}.tabs{align-items:flex-end;display:flex;flex-wrap:wrap}.tab{--tab-padding:1rem;--tw-text-opacity:0.5;--tab-color:hsl(var(--bc)/var(--tw-text-opacity,1));--tab-bg:hsl(var(--b1)/var(--tw-bg-opacity,1));--tab-border-color:hsl(var(--b3)/var(--tw-bg-opacity,1));align-items:center;color:var(--tab-color);cursor:pointer;display:inline-flex;flex-wrap:wrap;height:2rem;justify-content:center;line-height:1.25rem;line-height:2;padding-left:var(--tab-padding,1rem);padding-right:var(--tab-padding,1rem);text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tab,.table{font-size:.875rem;position:relative}.table{border-radius:var(--rounded-box,1rem);line-height:1.25rem;text-align:left;width:100%}.table :where(.table-pin-rows thead tr){--tw-bg-opacity:1;background-color:hsl(var(--b1)/var(--tw-bg-opacity));position:sticky;top:0;z-index:1}.table :where(.table-pin-rows tfoot tr){--tw-bg-opacity:1;background-color:hsl(var(--b1)/var(--tw-bg-opacity));bottom:0;position:sticky;z-index:1}.table :where(.table-pin-cols tr th){--tw-bg-opacity:1;background-color:hsl(var(--b1)/var(--tw-bg-opacity));left:0;position:sticky;right:0}.textarea{--tw-border-opacity:0;--tw-bg-opacity:1;background-color:hsl(var(--b1)/var(--tw-bg-opacity));border-color:hsl(var(--bc)/var(--tw-border-opacity));border-radius:var(--rounded-btn,.5rem);border-width:1px;flex-shrink:1;font-size:.875rem;line-height:1.25rem;line-height:2;min-height:3rem;padding:.5rem 1rem}.toast{display:flex;flex-direction:column;gap:.5rem;min-width:-moz-fit-content;min-width:fit-content;padding:1rem;position:fixed;white-space:nowrap}.toggle{--tglbg:hsl(var(--b1));--handleoffset:1.5rem;--handleoffsetcalculator:calc(var(--handleoffset)*-1);--togglehandleborder:0 0;--tw-border-opacity:0.2;--tw-bg-opacity:0.5;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:hsl(var(--bc)/var(--tw-bg-opacity));border-color:hsl(var(--bc)/var(--tw-border-opacity));border-radius:var(--rounded-badge,1.9rem);border-width:1px;box-shadow:var(--handleoffsetcalculator) 0 0 2px var(--tglbg) inset,0 0 0 2px var(--tglbg) inset,var(--togglehandleborder);cursor:pointer;flex-shrink:0;height:1.5rem;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);transition:background,box-shadow var(--animation-input,.2s) ease-in-out;width:3rem}.btm-nav>:where(.active){--tw-bg-opacity:1;background-color:hsl(var(--b1)/var(--tw-bg-opacity));border-top-width:2px}.btm-nav>.disabled,.btm-nav>[disabled]{--tw-border-opacity:0;--tw-bg-opacity:0.1;--tw-text-opacity:0.2;background-color:hsl(var(--n)/var(--tw-bg-opacity));color:hsl(var(--bc)/var(--tw-text-opacity));pointer-events:none}.btm-nav>* .label{font-size:1rem;line-height:1.5rem}.btn:active:focus,.btn:active:hover{animation:button-pop 0s ease-out;transform:scale(var(--btn-focus-scale,.97))}.btn:focus-visible{outline-offset:2px;outline-style:solid;outline-width:2px}.btn.glass{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);outline-color:currentColor}.btn.glass.btn-active{--glass-opacity:25%;--glass-border-opacity:15%}.btn-group>.btn-active,.btn-group>input[type=radio]:checked.btn{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:hsl(var(--p)/var(--tw-bg-opacity));border-color:hsl(var(--p)/var(--tw-border-opacity));color:hsl(var(--pc)/var(--tw-text-opacity))}.btn-group>.btn-active:focus-visible,.btn-group>input[type=radio]:checked.btn:focus-visible{outline-color:hsl(var(--p)/1);outline-style:solid;outline-width:2px}.btn:is(input[type=checkbox]:checked),.btn:is(input[type=radio]:checked){--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:hsl(var(--p)/var(--tw-bg-opacity));border-color:hsl(var(--p)/var(--tw-border-opacity));color:hsl(var(--pc)/var(--tw-text-opacity))}.btn:is(input[type=checkbox]:checked):focus-visible,.btn:is(input[type=radio]:checked):focus-visible{outline-color:hsl(var(--p)/1)}@keyframes button-pop{0%{transform:scale(var(--btn-focus-scale,.98))}40%{transform:scale(1.02)}to{transform:scale(1)}}.card :where(figure:first-child){border-end-end-radius:unset;border-end-start-radius:unset;border-start-end-radius:inherit;border-start-start-radius:inherit;overflow:hidden}.card :where(figure:last-child){border-end-end-radius:inherit;border-end-start-radius:inherit;border-start-end-radius:unset;border-start-start-radius:unset;overflow:hidden}.card:focus-visible{outline:2px solid currentColor;outline-offset:2px}.card.bordered{--tw-border-opacity:1;border-color:hsl(var(--b2)/var(--tw-border-opacity));border-width:1px}.card.compact .card-body{font-size:.875rem;line-height:1.25rem;padding:1rem}.card-title{align-items:center;display:flex;font-size:1.25rem;font-weight:600;gap:.5rem;line-height:1.75rem}.card.image-full :where(figure){border-radius:inherit;overflow:hidden}.checkbox:focus-visible{outline-color:hsl(var(--bc)/1);outline-offset:2px;outline-style:solid;outline-width:2px}.checkbox:checked,.checkbox[aria-checked=true],.checkbox[checked=true]{--tw-bg-opacity:1;animation:checkmark var(--animation-input,.2s) ease-in-out;background-color:hsl(var(--bc)/var(--tw-bg-opacity));background-image:linear-gradient(-45deg,transparent 65%,hsl(var(--chkbg)) 65.99%),linear-gradient(45deg,transparent 75%,hsl(var(--chkbg)) 75.99%),linear-gradient(-45deg,hsl(var(--chkbg)) 40%,transparent 40.99%),linear-gradient(45deg,hsl(var(--chkbg)) 30%,hsl(var(--chkfg)) 30.99%,hsl(var(--chkfg)) 40%,transparent 40.99%),linear-gradient(-45deg,hsl(var(--chkfg)) 50%,hsl(var(--chkbg)) 50.99%);background-repeat:no-repeat}.checkbox:indeterminate{--tw-bg-opacity:1;animation:checkmark var(--animation-input,.2s) ease-in-out;background-color:hsl(var(--bc)/var(--tw-bg-opacity));background-image:linear-gradient(90deg,transparent 80%,hsl(var(--chkbg)) 80%),linear-gradient(-90deg,transparent 80%,hsl(var(--chkbg)) 80%),linear-gradient(0deg,hsl(var(--chkbg)) 43%,hsl(var(--chkfg)) 43%,hsl(var(--chkfg)) 57%,hsl(var(--chkbg)) 57%);background-repeat:no-repeat}.checkbox:disabled{--tw-bg-opacity:1;background-color:hsl(var(--bc)/var(--tw-bg-opacity));border-color:transparent;cursor:not-allowed;opacity:.2}@keyframes checkmark{0%{background-position-y:5px}50%{background-position-y:-2px}to{background-position-y:0}}[dir=rtl] .checkbox:checked,[dir=rtl] .checkbox[aria-checked=true],[dir=rtl] .checkbox[checked=true]{background-image:linear-gradient(45deg,transparent 65%,hsl(var(--chkbg)) 65.99%),linear-gradient(-45deg,transparent 75%,hsl(var(--chkbg)) 75.99%),linear-gradient(45deg,hsl(var(--chkbg)) 40%,transparent 40.99%),linear-gradient(-45deg,hsl(var(--chkbg)) 30%,hsl(var(--chkfg)) 30.99%,hsl(var(--chkfg)) 40%,transparent 40.99%),linear-gradient(45deg,hsl(var(--chkfg)) 50%,hsl(var(--chkbg)) 50.99%)}.dropdown.dropdown-open .dropdown-content,.dropdown:focus .dropdown-content,.dropdown:focus-within .dropdown-content{--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\\!input[list]::-webkit-calendar-picker-indicator{line-height:1em!important}.input[list]::-webkit-calendar-picker-indicator{line-height:1em}.\\!input:focus{outline-color:hsl(var(--bc)/.2)!important;outline-offset:2px!important;outline-style:solid!important;outline-width:2px!important}.input:focus{outline-color:hsl(var(--bc)/.2);outline-offset:2px;outline-style:solid;outline-width:2px}.input-disabled,.input:disabled,.input[disabled]{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:0.2;background-color:hsl(var(--b2)/var(--tw-bg-opacity));border-color:hsl(var(--b2)/var(--tw-border-opacity));cursor:not-allowed}.\\!input:disabled,.\\!input[disabled]{--tw-border-opacity:1!important;--tw-bg-opacity:1!important;--tw-text-opacity:0.2!important;background-color:hsl(var(--b2)/var(--tw-bg-opacity))!important;border-color:hsl(var(--b2)/var(--tw-border-opacity))!important;cursor:not-allowed!important}.input-disabled::-moz-placeholder,.input:disabled::-moz-placeholder,.input[disabled]::-moz-placeholder{--tw-placeholder-opacity:0.2;color:hsl(var(--bc)/var(--tw-placeholder-opacity))}.input-disabled::-moz-placeholder, .input:disabled::-moz-placeholder, .input[disabled]::-moz-placeholder{--tw-placeholder-opacity:0.2;color:hsl(var(--bc)/var(--tw-placeholder-opacity))}.input-disabled::placeholder,.input:disabled::placeholder,.input[disabled]::placeholder{--tw-placeholder-opacity:0.2;color:hsl(var(--bc)/var(--tw-placeholder-opacity))}.\\!input:disabled::-moz-placeholder,.\\!input[disabled]::-moz-placeholder{--tw-placeholder-opacity:0.2!important;color:hsl(var(--bc)/var(--tw-placeholder-opacity))!important}.\\!input:disabled::-moz-placeholder, .\\!input[disabled]::-moz-placeholder{--tw-placeholder-opacity:0.2!important;color:hsl(var(--bc)/var(--tw-placeholder-opacity))!important}.\\!input:disabled::placeholder,.\\!input[disabled]::placeholder{--tw-placeholder-opacity:0.2!important;color:hsl(var(--bc)/var(--tw-placeholder-opacity))!important}.join>:where(:not(:first-child)){margin-bottom:0;margin-left:-1px;margin-top:0}.\\!link:focus{outline:2px solid transparent!important;outline-offset:2px!important}.link:focus{outline:2px solid transparent;outline-offset:2px}.\\!link:focus-visible{outline:2px solid currentColor!important;outline-offset:2px!important}.link:focus-visible{outline:2px solid currentColor;outline-offset:2px}.loading{aspect-ratio:1/1;background-color:currentColor;display:inline-block;-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' stroke='%23000' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E@keyframes spinner_zKoa{to{transform:rotate(360deg)}}@keyframes spinner_YpZS{0%25{stroke-dasharray:0 150;stroke-dashoffset:0}47.5%25{stroke-dasharray:42 150;stroke-dashoffset:-16}95%25,to{stroke-dasharray:42 150;stroke-dashoffset:-59}}%3C/style%3E%3Cg style='transform-origin:center;animation:spinner_zKoa 2s linear infinite'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' style='stroke-linecap:round;animation:spinner_YpZS 1.5s ease-in-out infinite'/%3E%3C/g%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' stroke='%23000' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E@keyframes spinner_zKoa{to{transform:rotate(360deg)}}@keyframes spinner_YpZS{0%25{stroke-dasharray:0 150;stroke-dashoffset:0}47.5%25{stroke-dasharray:42 150;stroke-dashoffset:-16}95%25,to{stroke-dasharray:42 150;stroke-dashoffset:-59}}%3C/style%3E%3Cg style='transform-origin:center;animation:spinner_zKoa 2s linear infinite'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' style='stroke-linecap:round;animation:spinner_YpZS 1.5s ease-in-out infinite'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100%;mask-size:100%;pointer-events:none;width:1.5rem}.menu :where(li:empty){background-color:hsl(var(--bc)/.1);height:1px;margin:.5rem 1rem}.menu :where(li ul):before{background-color:hsl(var(--bc)/.1);bottom:.75rem;content:\"\";left:0;position:absolute;top:.75rem;width:1px}.menu :where(li:not(.menu-title):not(.disabled)>:not(ul):not(details):not(.menu-title)):not(.active).focus,.menu :where(li:not(.menu-title):not(.disabled)>:not(ul):not(details):not(.menu-title)):not(.active):focus,.menu :where(li:not(.menu-title):not(.disabled)>details>summary:not(.menu-title)):not(.active).focus,.menu :where(li:not(.menu-title):not(.disabled)>details>summary:not(.menu-title)):not(.active):focus{--tw-text-opacity:1;background-color:hsl(var(--bc)/.1);color:hsl(var(--bc)/var(--tw-text-opacity));cursor:pointer;outline:2px solid transparent;outline-offset:2px}.menu :where(li:not(.menu-title):not(.disabled)>:not(ul):not(details):not(.menu-title)):active,.menu :where(li:not(.menu-title):not(.disabled)>:not(ul):not(details):not(.menu-title)):where(.active),.menu :where(li:not(.menu-title):not(.disabled)>details>summary:not(.menu-title)):active,.menu :where(li:not(.menu-title):not(.disabled)>details>summary:not(.menu-title)):where(.active){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:hsl(var(--n)/var(--tw-bg-opacity));color:hsl(var(--nc)/var(--tw-text-opacity))}.menu :where(li>details>summary)::-webkit-details-marker{display:none}.menu :where(li>.menu-dropdown-toggle):after,.menu :where(li>details>summary):after{box-shadow:2px 2px;content:\"\";display:block;height:.5rem;justify-self:end;margin-top:-.5rem;pointer-events:none;transform:rotate(45deg);transform-origin:75% 75%;transition-duration:.3s;transition-property:transform,margin-top;transition-timing-function:cubic-bezier(.4,0,.2,1);width:.5rem}.menu :where(li>.menu-dropdown-toggle.menu-dropdown-show):after,.menu :where(li>details[open]>summary):after{margin-top:0;transform:rotate(225deg)}.menu .menu-title{color:hsl(var(--bc)/.4);font-size:.875rem;font-weight:700;line-height:1.25rem;padding:.5rem 1rem}.mockup-phone .camera{background:#000;border-bottom-left-radius:17px;border-bottom-right-radius:17px;height:25px;left:0;margin:0 auto;position:relative;top:0;width:150px;z-index:11}.mockup-phone .camera:before{background-color:#0c0b0e;border-radius:5px;content:\"\";height:4px;left:50%;position:absolute;top:35%;transform:translate(-50%,-50%);width:50px}.mockup-phone .camera:after{background-color:#0f0b25;border-radius:5px;content:\"\";height:8px;left:70%;position:absolute;top:20%;width:8px}.mockup-phone .display{border-radius:40px;margin-top:-25px;overflow:hidden}.modal::backdrop{background:transparent}.modal-backdrop{align-self:stretch;color:transparent;display:grid;grid-column-start:1;grid-row-start:1;justify-self:stretch;z-index:-1}.modal-open .modal-box,.modal-toggle:checked+.modal .modal-box,.modal:target .modal-box,.modal[open] .modal-box{--tw-translate-y:0px;--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.progress::-moz-progress-bar{--tw-bg-opacity:1;background-color:hsl(var(--n)/var(--tw-bg-opacity))}.progress:indeterminate:after{--tw-bg-opacity:1;animation:progress-loading 5s ease-in-out infinite;background-color:hsl(var(--n)/var(--tw-bg-opacity));border-radius:var(--rounded-box,1rem);bottom:0;content:\"\";left:-40%;position:absolute;top:0;width:33.333333%}.progress::-webkit-progress-bar{--tw-bg-opacity:0.2;background-color:hsl(var(--n)/var(--tw-bg-opacity));border-radius:var(--rounded-box,1rem)}.progress::-webkit-progress-value{--tw-bg-opacity:1;background-color:hsl(var(--nf)/var(--tw-bg-opacity));border-radius:var(--rounded-box,1rem)}@keyframes progress-loading{50%{left:107%}}.radio:focus-visible{outline-color:hsl(var(--bc)/1);outline-offset:2px;outline-style:solid;outline-width:2px}.radio:checked,.radio[aria-checked=true]{--tw-bg-opacity:1;animation:radiomark var(--animation-input,.2s) ease-in-out;background-color:hsl(var(--bc)/var(--tw-bg-opacity));box-shadow:0 0 0 4px hsl(var(--b1)) inset,0 0 0 4px hsl(var(--b1)) inset}.radio:disabled{cursor:not-allowed;opacity:.2}@keyframes radiomark{0%{box-shadow:0 0 0 12px hsl(var(--b1)) inset,0 0 0 12px hsl(var(--b1)) inset}50%{box-shadow:0 0 0 3px hsl(var(--b1)) inset,0 0 0 3px hsl(var(--b1)) inset}to{box-shadow:0 0 0 4px hsl(var(--b1)) inset,0 0 0 4px hsl(var(--b1)) inset}}.range:focus-visible::-webkit-slider-thumb{--focus-shadow:0 0 0 6px hsl(var(--b1)) inset,0 0 0 2rem hsl(var(--range-shdw)) inset}.range:focus-visible::-moz-range-thumb{--focus-shadow:0 0 0 6px hsl(var(--b1)) inset,0 0 0 2rem hsl(var(--range-shdw)) inset}.range::-webkit-slider-runnable-track{background-color:hsl(var(--bc)/.1);border-radius:var(--rounded-box,1rem);height:.5rem;width:100%}.range::-moz-range-track{background-color:hsl(var(--bc)/.1);border-radius:var(--rounded-box,1rem);height:.5rem;width:100%}.range::-webkit-slider-thumb{--tw-bg-opacity:1;--filler-size:100rem;--filler-offset:0.6rem;appearance:none;-webkit-appearance:none;background-color:hsl(var(--b1)/var(--tw-bg-opacity));border-radius:var(--rounded-box,1rem);border-style:none;box-shadow:0 0 0 3px hsl(var(--range-shdw)) inset,var(--focus-shadow,0 0),calc(var(--filler-size)*-1 - var(--filler-offset)) 0 0 var(--filler-size);color:hsl(var(--range-shdw));height:1.5rem;position:relative;top:50%;transform:translateY(-50%);width:1.5rem}.range::-moz-range-thumb{--tw-bg-opacity:1;--filler-size:100rem;--filler-offset:0.5rem;background-color:hsl(var(--b1)/var(--tw-bg-opacity));border-radius:var(--rounded-box,1rem);border-style:none;box-shadow:0 0 0 3px hsl(var(--range-shdw)) inset,var(--focus-shadow,0 0),calc(var(--filler-size)*-1 - var(--filler-offset)) 0 0 var(--filler-size);color:hsl(var(--range-shdw));height:1.5rem;position:relative;top:50%;width:1.5rem}@keyframes rating-pop{0%{transform:translateY(-.125em)}40%{transform:translateY(-.125em)}to{transform:translateY(0)}}.select-bordered{--tw-border-opacity:0.2}.select:focus{outline-color:hsl(var(--bc)/.2);outline-offset:2px;outline-style:solid;outline-width:2px}.select-disabled,.select:disabled,.select[disabled]{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:0.2;background-color:hsl(var(--b2)/var(--tw-bg-opacity));border-color:hsl(var(--b2)/var(--tw-border-opacity));cursor:not-allowed}.select-disabled::-moz-placeholder,.select:disabled::-moz-placeholder,.select[disabled]::-moz-placeholder{--tw-placeholder-opacity:0.2;color:hsl(var(--bc)/var(--tw-placeholder-opacity))}.select-disabled::-moz-placeholder, .select:disabled::-moz-placeholder, .select[disabled]::-moz-placeholder{--tw-placeholder-opacity:0.2;color:hsl(var(--bc)/var(--tw-placeholder-opacity))}.select-disabled::placeholder,.select:disabled::placeholder,.select[disabled]::placeholder{--tw-placeholder-opacity:0.2;color:hsl(var(--bc)/var(--tw-placeholder-opacity))}.select-multiple,.select[multiple],.select[size].select:not([size=\"1\"]){background-image:none;padding-right:1rem}[dir=rtl] .select{background-position:12px calc(1px + 50%),16px calc(1px + 50%)}:where(.stats)>:not([hidden])~:not([hidden]){--tw-divide-x-reverse:0;--tw-divide-y-reverse:0;border-width:calc(0px*(1 - var(--tw-divide-y-reverse))) calc(1px*var(--tw-divide-x-reverse)) calc(0px*var(--tw-divide-y-reverse)) calc(1px*(1 - var(--tw-divide-x-reverse)))}.steps .step:before{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:hsl(var(--b3)/var(--tw-bg-opacity));color:hsl(var(--bc)/var(--tw-text-opacity));content:\"\";grid-column-start:1;grid-row-start:1;height:.5rem;margin-left:-100%;top:0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));width:100%}.steps .\\!step:before{--tw-bg-opacity:1!important;--tw-text-opacity:1!important;background-color:hsl(var(--b3)/var(--tw-bg-opacity))!important;color:hsl(var(--bc)/var(--tw-text-opacity))!important;content:\"\"!important;grid-column-start:1!important;grid-row-start:1!important;height:.5rem!important;margin-left:-100%!important;top:0!important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important;width:100%!important}.steps .step:after{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:hsl(var(--b3)/var(--tw-bg-opacity));border-radius:9999px;color:hsl(var(--bc)/var(--tw-text-opacity));content:counter(step);counter-increment:step;display:grid;grid-column-start:1;grid-row-start:1;height:2rem;place-items:center;place-self:center;position:relative;width:2rem;z-index:1}.steps .\\!step:after{--tw-bg-opacity:1!important;--tw-text-opacity:1!important;background-color:hsl(var(--b3)/var(--tw-bg-opacity))!important;border-radius:9999px!important;color:hsl(var(--bc)/var(--tw-text-opacity))!important;content:counter(step)!important;counter-increment:step!important;display:grid!important;grid-column-start:1!important;grid-row-start:1!important;height:2rem!important;place-items:center!important;place-self:center!important;position:relative!important;width:2rem!important;z-index:1!important}.steps .step:first-child:before{content:none}.steps .\\!step:first-child:before{content:none!important}.steps .step[data-content]:after{content:attr(data-content)}.steps .\\!step[data-content]:after{content:attr(data-content)!important}.steps .step-neutral+.step-neutral:before,.steps .step-neutral:after{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:hsl(var(--n)/var(--tw-bg-opacity));color:hsl(var(--nc)/var(--tw-text-opacity))}.steps .step-primary+.step-primary:before,.steps .step-primary:after{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:hsl(var(--p)/var(--tw-bg-opacity));color:hsl(var(--pc)/var(--tw-text-opacity))}.steps .step-secondary+.step-secondary:before,.steps .step-secondary:after{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:hsl(var(--s)/var(--tw-bg-opacity));color:hsl(var(--sc)/var(--tw-text-opacity))}.steps .step-accent+.step-accent:before,.steps .step-accent:after{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:hsl(var(--a)/var(--tw-bg-opacity));color:hsl(var(--ac)/var(--tw-text-opacity))}.steps .step-info+.step-info:before,.steps .step-info:after{--tw-bg-opacity:1;background-color:hsl(var(--in)/var(--tw-bg-opacity))}.steps .step-info:after{--tw-text-opacity:1;color:hsl(var(--inc)/var(--tw-text-opacity))}.steps .step-success+.step-success:before,.steps .step-success:after{--tw-bg-opacity:1;background-color:hsl(var(--su)/var(--tw-bg-opacity))}.steps .step-success:after{--tw-text-opacity:1;color:hsl(var(--suc)/var(--tw-text-opacity))}.steps .step-warning+.step-warning:before,.steps .step-warning:after{--tw-bg-opacity:1;background-color:hsl(var(--wa)/var(--tw-bg-opacity))}.steps .step-warning:after{--tw-text-opacity:1;color:hsl(var(--wac)/var(--tw-text-opacity))}.steps .step-error+.step-error:before,.steps .step-error:after{--tw-bg-opacity:1;background-color:hsl(var(--er)/var(--tw-bg-opacity))}.steps .step-error:after{--tw-text-opacity:1;color:hsl(var(--erc)/var(--tw-text-opacity))}.tab.tab-active:not(.tab-disabled):not([disabled]){--tw-border-opacity:1;--tw-text-opacity:1;border-color:hsl(var(--bc)/var(--tw-border-opacity))}.tab:focus{outline:2px solid transparent;outline-offset:2px}.tab:focus-visible{outline:2px solid currentColor;outline-offset:-3px}.tab:focus-visible.tab-lifted{border-bottom-left-radius:var(--tab-radius,.5rem);border-bottom-right-radius:var(--tab-radius,.5rem)}.tab-disabled,.tab[disabled]{--tw-text-opacity:0.2;color:hsl(var(--bc)/var(--tw-text-opacity));cursor:not-allowed}.tabs-boxed .tab{border-radius:var(--rounded-btn,.5rem)}.table :where(th,td){padding:.75rem 1rem;vertical-align:middle}.table tr.active,.table tr.active:nth-child(2n),.table-zebra tbody tr:nth-child(2n){--tw-bg-opacity:1;background-color:hsl(var(--b2)/var(--tw-bg-opacity))}.table-zebra tr.active,.table-zebra tr.active:nth-child(2n),.table-zebra-zebra tbody tr:nth-child(2n){--tw-bg-opacity:1;background-color:hsl(var(--b3)/var(--tw-bg-opacity))}.table :where(thead,tbody) :where(tr:first-child:last-child),.table :where(thead,tbody) :where(tr:not(:last-child)){--tw-border-opacity:1;border-bottom-color:hsl(var(--b2)/var(--tw-border-opacity));border-bottom-width:1px}.table :where(thead,tfoot){color:hsl(var(--bc)/.6);font-size:.75rem;font-weight:700;line-height:1rem;white-space:nowrap}.textarea:focus{outline-color:hsl(var(--bc)/.2);outline-offset:2px;outline-style:solid;outline-width:2px}.textarea-disabled,.textarea:disabled,.textarea[disabled]{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:0.2;background-color:hsl(var(--b2)/var(--tw-bg-opacity));border-color:hsl(var(--b2)/var(--tw-border-opacity));cursor:not-allowed}.textarea-disabled::-moz-placeholder,.textarea:disabled::-moz-placeholder,.textarea[disabled]::-moz-placeholder{--tw-placeholder-opacity:0.2;color:hsl(var(--bc)/var(--tw-placeholder-opacity))}.textarea-disabled::-moz-placeholder, .textarea:disabled::-moz-placeholder, .textarea[disabled]::-moz-placeholder{--tw-placeholder-opacity:0.2;color:hsl(var(--bc)/var(--tw-placeholder-opacity))}.textarea-disabled::placeholder,.textarea:disabled::placeholder,.textarea[disabled]::placeholder{--tw-placeholder-opacity:0.2;color:hsl(var(--bc)/var(--tw-placeholder-opacity))}.toast>*{animation:toast-pop .25s ease-out}@keyframes toast-pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}[dir=rtl] .toggle{--handleoffsetcalculator:calc(var(--handleoffset)*1)}.toggle:focus-visible{outline-color:hsl(var(--bc)/.2);outline-offset:2px;outline-style:solid;outline-width:2px}.toggle:checked,.toggle[aria-checked=true],.toggle[checked=true]{--handleoffsetcalculator:var(--handleoffset);--tw-border-opacity:1;--tw-bg-opacity:1}[dir=rtl] .toggle:checked,[dir=rtl] .toggle[aria-checked=true],[dir=rtl] .toggle[checked=true]{--handleoffsetcalculator:calc(var(--handleoffset)*-1)}.toggle:indeterminate{--tw-border-opacity:1;--tw-bg-opacity:1;box-shadow:calc(var(--handleoffset)/2) 0 0 2px var(--tglbg) inset,calc(var(--handleoffset)/-2) 0 0 2px var(--tglbg) inset,0 0 0 2px var(--tglbg) inset}[dir=rtl] .toggle:indeterminate{box-shadow:calc(var(--handleoffset)/2) 0 0 2px var(--tglbg) inset,calc(var(--handleoffset)/-2) 0 0 2px var(--tglbg) inset,0 0 0 2px var(--tglbg) inset}.toggle:disabled{--tw-border-opacity:1;--togglehandleborder:0 0 0 3px hsl(var(--bc)) inset,var(--handleoffsetcalculator) 0 0 3px hsl(var(--bc)) inset;background-color:transparent;border-color:hsl(var(--bc)/var(--tw-border-opacity));cursor:not-allowed;opacity:.3}.tooltip.tooltip-primary{--tooltip-color:hsl(var(--p));--tooltip-text-color:hsl(var(--pc))}.tooltip.tooltip-secondary{--tooltip-color:hsl(var(--s));--tooltip-text-color:hsl(var(--sc))}.tooltip.tooltip-accent{--tooltip-color:hsl(var(--a));--tooltip-text-color:hsl(var(--ac))}.tooltip.tooltip-info{--tooltip-color:hsl(var(--in));--tooltip-text-color:hsl(var(--inc))}.tooltip.tooltip-success{--tooltip-color:hsl(var(--su));--tooltip-text-color:hsl(var(--suc))}.tooltip.tooltip-warning{--tooltip-color:hsl(var(--wa));--tooltip-text-color:hsl(var(--wac))}.tooltip.tooltip-error{--tooltip-color:hsl(var(--er));--tooltip-text-color:hsl(var(--erc))}.btm-nav-xs>:where(.active){border-top-width:1px}.btm-nav-sm>:where(.active){border-top-width:2px}.btm-nav-md>:where(.active){border-top-width:2px}.btm-nav-lg>:where(.active){border-top-width:4px}.join.join-vertical{flex-direction:column}.join.join-vertical .join-item:first-child:not(:last-child),.join.join-vertical :first-child:not(:last-child) .join-item{border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:inherit;border-top-right-radius:inherit}.join.join-vertical .join-item:last-child:not(:first-child),.join.join-vertical :last-child:not(:first-child) .join-item{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;border-top-left-radius:0;border-top-right-radius:0}.join.join-horizontal{flex-direction:row}.join.join-horizontal .join-item:first-child:not(:last-child),.join.join-horizontal :first-child:not(:last-child) .join-item{border-bottom-left-radius:inherit;border-bottom-right-radius:0;border-top-left-radius:inherit;border-top-right-radius:0}.join.join-horizontal .join-item:last-child:not(:first-child),.join.join-horizontal :last-child:not(:first-child) .join-item{border-bottom-left-radius:0;border-bottom-right-radius:inherit;border-top-left-radius:0;border-top-right-radius:inherit}.modal-middle{place-items:center}.steps-horizontal .\\!step{display:grid!important;grid-template-columns:repeat(1,minmax(0,1fr))!important;grid-template-rows:repeat(2,minmax(0,1fr))!important;place-items:center!important;text-align:center!important}.steps-horizontal .step{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));place-items:center;text-align:center}.steps-vertical .\\!step{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:repeat(1,minmax(0,1fr))!important}.steps-vertical .step{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(1,minmax(0,1fr))}:where(.toast){--tw-translate-x:0px;--tw-translate-y:0px;bottom:0;left:auto;right:0;top:auto;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.toast:where(.toast-start){--tw-translate-x:0px;left:0;right:auto;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.toast:where(.toast-center){--tw-translate-x:-50%;left:50%;right:50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.toast:where(.toast-end){--tw-translate-x:0px;left:auto;right:0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.toast:where(.toast-bottom){--tw-translate-y:0px;bottom:0;top:auto;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.toast:where(.toast-middle){--tw-translate-y:-50%;bottom:auto;top:50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.toast:where(.toast-top){--tw-translate-y:0px;bottom:auto;top:0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.tooltip{--tooltip-offset:calc(100% + 1px + var(--tooltip-tail, 0px))}.tooltip:before{--tw-content:attr(data-tip);content:var(--tw-content);pointer-events:none;position:absolute;z-index:1}.tooltip-top:before,.tooltip:before{bottom:var(--tooltip-offset);left:50%;right:auto;top:auto;transform:translateX(-50%)}.btn-group .btn:not(:first-child):not(:last-child){border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:0;border-top-right-radius:0}.btn-group .btn:first-child:not(:last-child){border-bottom-left-radius:var(--rounded-btn,.5rem);border-bottom-right-radius:0;border-top-left-radius:var(--rounded-btn,.5rem);border-top-right-radius:0;margin-left:-1px;margin-top:0}.btn-group .btn:last-child:not(:first-child){border-bottom-left-radius:0;border-bottom-right-radius:var(--rounded-btn,.5rem);border-top-left-radius:0;border-top-right-radius:var(--rounded-btn,.5rem)}.btn-group-horizontal .btn:not(:first-child):not(:last-child){border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:0;border-top-right-radius:0}.btn-group-horizontal .btn:first-child:not(:last-child){border-bottom-left-radius:var(--rounded-btn,.5rem);border-bottom-right-radius:0;border-top-left-radius:var(--rounded-btn,.5rem);border-top-right-radius:0;margin-left:-1px;margin-top:0}.btn-group-horizontal .btn:last-child:not(:first-child){border-bottom-left-radius:0;border-bottom-right-radius:var(--rounded-btn,.5rem);border-top-left-radius:0;border-top-right-radius:var(--rounded-btn,.5rem)}.btn-group-vertical .btn:first-child:not(:last-child){border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:var(--rounded-btn,.5rem);border-top-right-radius:var(--rounded-btn,.5rem);margin-left:0;margin-top:-1px}.btn-group-vertical .btn:last-child:not(:first-child){border-bottom-left-radius:var(--rounded-btn,.5rem);border-bottom-right-radius:var(--rounded-btn,.5rem);border-top-left-radius:0;border-top-right-radius:0}.card-compact .card-body{font-size:.875rem;line-height:1.25rem;padding:1rem}.card-compact .card-title{margin-bottom:.25rem}.card-normal .card-body{font-size:1rem;line-height:1.5rem;padding:var(--padding-card,2rem)}.card-normal .card-title{margin-bottom:.75rem}.join.join-vertical>:where(:not(:first-child)){margin-left:0;margin-right:0;margin-top:-1px}.join.join-horizontal>:where(:not(:first-child)){margin-bottom:0;margin-left:-1px;margin-top:0}.modal-top :where(.modal-box){--tw-translate-y:-2.5rem;--tw-scale-x:1;--tw-scale-y:1;border-bottom-left-radius:var(--rounded-box,1rem);border-bottom-right-radius:var(--rounded-box,1rem);border-top-left-radius:0;border-top-right-radius:0;max-width:none;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));width:100%}.modal-middle :where(.modal-box){--tw-translate-y:0px;--tw-scale-x:.9;--tw-scale-y:.9;border-bottom-left-radius:var(--rounded-box,1rem);border-bottom-right-radius:var(--rounded-box,1rem);border-top-left-radius:var(--rounded-box,1rem);border-top-right-radius:var(--rounded-box,1rem);max-width:32rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));width:91.666667%}.modal-bottom :where(.modal-box){--tw-translate-y:2.5rem;--tw-scale-x:1;--tw-scale-y:1;border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:var(--rounded-box,1rem);border-top-right-radius:var(--rounded-box,1rem);max-width:none;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));width:100%}.steps-horizontal .\\!step{grid-template-columns:auto!important;grid-template-rows:40px 1fr!important;min-width:4rem!important}.steps-horizontal .step{grid-template-columns:auto;grid-template-rows:40px 1fr;min-width:4rem}.steps-horizontal .\\!step:before{--tw-translate-y:0px!important;--tw-translate-x:0px!important;content:\"\"!important;height:.5rem!important;margin-left:-100%!important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important;width:100%!important}.steps-horizontal .step:before{--tw-translate-y:0px;--tw-translate-x:0px;content:\"\";height:.5rem;margin-left:-100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));width:100%}.steps-vertical .\\!step{gap:.5rem!important;grid-template-columns:40px 1fr!important;grid-template-rows:auto!important;justify-items:start!important;min-height:4rem!important}.steps-vertical .step{gap:.5rem;grid-template-columns:40px 1fr;grid-template-rows:auto;justify-items:start;min-height:4rem}.steps-vertical .\\!step:before{--tw-translate-y:-50%!important;--tw-translate-x:-50%!important;height:100%!important;margin-left:50%!important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important;width:.5rem!important}.steps-vertical .step:before{--tw-translate-y:-50%;--tw-translate-x:-50%;height:100%;margin-left:50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));width:.5rem}[dir=rtl] .steps-vertical .\\!step:before{margin-right:auto!important}[dir=rtl] .steps-vertical .step:before{margin-right:auto}.tooltip{--tooltip-tail:0.1875rem;--tooltip-color:hsl(var(--n));--tooltip-text-color:hsl(var(--nc));--tooltip-tail-offset:calc(100% + 0.0625rem - var(--tooltip-tail));display:inline-block;position:relative;text-align:center}.tooltip:after,.tooltip:before{opacity:0;transition-delay:.1s;transition-duration:.2s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.tooltip:after{border-style:solid;border-width:var(--tooltip-tail,0);content:\"\";display:block;height:0;position:absolute;width:0}.tooltip:before{background-color:var(--tooltip-color);border-radius:.25rem;color:var(--tooltip-text-color);font-size:.875rem;line-height:1.25rem;max-width:20rem;padding:.25rem .5rem;width:-moz-max-content;width:max-content}.tooltip.tooltip-open:after,.tooltip.tooltip-open:before,.tooltip:hover:after,.tooltip:hover:before{opacity:1;transition-delay:75ms}.tooltip:has(:focus-visible):after,.tooltip:has(:focus-visible):before{opacity:1;transition-delay:75ms}.tooltip:not([data-tip]):hover:after,.tooltip:not([data-tip]):hover:before{opacity:0;visibility:hidden}.tooltip-top:after,.tooltip:after{border-color:var(--tooltip-color) transparent transparent transparent;bottom:var(--tooltip-tail-offset);left:50%;right:auto;top:auto;transform:translateX(-50%)}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.\\!visible{visibility:visible!important}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.\\!absolute{position:absolute!important}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.\\!left-\\[1rem\\]{left:1rem!important}.\\!top-0{top:0!important}.bottom-0{bottom:0}.bottom-\\[10px\\]{bottom:10px}.left-0{left:0}.left-1{left:.25rem}.left-2\\/4{left:50%}.left-4{left:1rem}.left-5{left:1.25rem}.right-0{right:0}.right-1{right:.25rem}.right-\\[0\\.6875rem\\]{right:.6875rem}.right-\\[10\\.6rem\\]{right:10.6rem}.top-0{top:0}.top-1{top:.25rem}.top-1\\/2{top:50%}.top-11{top:2.75rem}.top-2{top:.5rem}.top-\\[-21\\%\\]{top:-21%}.top-\\[0\\.6875rem\\]{top:.6875rem}.top-\\[25vh\\]{top:25vh}.top-\\[42\\%\\]{top:42%}.\\!z-\\[100\\]{z-index:100!important}.z-0{z-index:0}.z-10{z-index:10}.z-\\[100\\]{z-index:100}.z-\\[5\\]{z-index:5}.z-\\[7\\]{z-index:7}.float-right{float:right}.float-left{float:left}.\\!m-\\[auto\\]{margin:auto!important}.m-0{margin:0}.m-1{margin:.25rem}.m-2{margin:.5rem}.m-\\[15px\\]{margin:15px}.m-\\[auto\\],.m-auto{margin:auto}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-5{margin-left:1.25rem;margin-right:1.25rem}.mx-\\[10px\\]{margin-left:10px;margin-right:10px}.my-1{margin-bottom:.25rem;margin-top:.25rem}.my-3{margin-bottom:.75rem;margin-top:.75rem}.my-4{margin-bottom:1rem;margin-top:1rem}.my-\\[16px\\]{margin-bottom:16px;margin-top:16px}.my-\\[24\\.5px\\]{margin-bottom:24.5px;margin-top:24.5px}.\\!mb-\\[14\\.5px\\]{margin-bottom:14.5px!important}.-mr-0{margin-right:0}.-mr-0\\.5{margin-right:-.125rem}.mb-0{margin-bottom:0}.mb-3{margin-bottom:.75rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-\\[10px\\]{margin-bottom:10px}.mb-\\[12px\\]{margin-bottom:12px}.mb-\\[16\\.5px\\]{margin-bottom:16.5px}.mb-\\[5px\\]{margin-bottom:5px}.mb-\\[8\\.5px\\]{margin-bottom:8.5px}.ml-0{margin-left:0}.ml-2{margin-left:.5rem}.ml-\\[2px\\]{margin-left:2px}.ml-\\[33px\\]{margin-left:33px}.ml-\\[auto\\]{margin-left:auto}.mr-2{margin-right:.5rem}.mr-4{margin-right:1rem}.mr-\\[16px\\]{margin-right:16px}.mr-\\[1rem\\]{margin-right:1rem}.mr-\\[24px\\]{margin-right:24px}.mr-\\[30px\\]{margin-right:30px}.mr-\\[auto\\]{margin-right:auto}.mt-0{margin-top:0}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-\\[1\\.875rem\\]{margin-top:1.875rem}.mt-\\[12px\\]{margin-top:12px}.mt-\\[14px\\]{margin-top:14px}.mt-\\[17px\\]{margin-top:17px}.mt-\\[26px\\]{margin-top:26px}.mt-\\[30px\\]{margin-top:30px}.mt-\\[50px\\]{margin-top:50px}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.table-cell{display:table-cell}.grid{display:grid}.contents{display:contents}.hidden{display:none}.aspect-square{aspect-ratio:1/1}.\\!h-\\[1\\.875rem\\]{height:1.875rem!important}.\\!h-\\[2\\.625rem\\]{height:2.625rem!important}.\\!h-\\[40px\\]{height:40px!important}.h-10{height:2.5rem}.h-16{height:4rem}.h-20{height:5rem}.h-40{height:10rem}.h-5{height:1.25rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\\[1\\.5rem\\]{height:1.5rem}.h-\\[1\\.875rem\\]{height:1.875rem}.h-\\[100\\%\\]{height:100%}.h-\\[1rem\\]{height:1rem}.h-\\[220px\\]{height:220px}.h-\\[300px\\]{height:300px}.h-\\[30px\\]{height:30px}.h-\\[35px\\]{height:35px}.h-\\[3rem\\]{height:3rem}.h-\\[40px\\]{height:40px}.h-\\[40vh\\]{height:40vh}.h-\\[42vh\\]{height:42vh}.h-\\[45px\\]{height:45px}.h-\\[48px\\]{height:48px}.h-\\[50vh\\]{height:50vh}.h-\\[5rem\\]{height:5rem}.h-\\[6\\.25rem\\]{height:6.25rem}.h-\\[60vh\\]{height:60vh}.h-\\[65vh\\]{height:65vh}.h-\\[80px\\]{height:80px}.h-\\[88vh\\]{height:88vh}.h-\\[auto\\]{height:auto}.h-\\[unset\\]{height:unset}.h-full{height:100%}.h-max{height:-moz-max-content;height:max-content}.h-screen{height:100vh}.\\!max-h-\\[31\\.25rem\\]{max-height:31.25rem!important}.max-h-60{max-height:15rem}.max-h-\\[10\\.9rem\\]{max-height:10.9rem}.max-h-\\[140px\\]{max-height:140px}.max-h-\\[16\\.4375rem\\]{max-height:16.4375rem}.max-h-\\[170px\\]{max-height:170px}.max-h-\\[51vh\\]{max-height:51vh}.max-h-screen{max-height:100vh}.min-h-\\[140px\\]{min-height:140px}.min-h-\\[7\\.5rem\\]{min-height:7.5rem}.min-h-\\[unset\\]{min-height:unset}.\\!w-\\[1\\.875rem\\]{width:1.875rem!important}.\\!w-\\[45px\\]{width:45px!important}.\\!w-\\[5\\.625rem\\]{width:5.625rem!important}.w-1\\/2{width:50%}.w-10{width:2.5rem}.w-14{width:3.5rem}.w-20{width:5rem}.w-40{width:10rem}.w-5{width:1.25rem}.w-9{width:2.25rem}.w-\\[1\\.875rem\\]{width:1.875rem}.w-\\[10\\%\\]{width:10%}.w-\\[100\\%\\]{width:100%}.w-\\[10vw\\]{width:10vw}.w-\\[13rem\\]{width:13rem}.w-\\[145px\\]{width:145px}.w-\\[160px\\]{width:160px}.w-\\[1px\\]{width:1px}.w-\\[210px\\]{width:210px}.w-\\[21rem\\]{width:21rem}.w-\\[30\\%\\]{width:30%}.w-\\[30px\\]{width:30px}.w-\\[40px\\]{width:40px}.w-\\[40vw\\]{width:40vw}.w-\\[50\\%\\]{width:50%}.w-\\[5rem\\]{width:5rem}.w-\\[6\\.25rem\\]{width:6.25rem}.w-\\[7\\.5rem\\]{width:7.5rem}.w-\\[70\\%\\]{width:70%}.w-\\[80\\%\\]{width:80%}.w-\\[80px\\]{width:80px}.w-\\[90\\%\\]{width:90%}.w-\\[9rem\\]{width:9rem}.w-auto{width:auto}.w-full{width:100%}.min-w-0{min-width:0}.min-w-\\[140px\\]{min-width:140px}.max-w-\\[140px\\]{max-width:140px}.max-w-\\[220px\\]{max-width:220px}.max-w-\\[37\\.125rem\\]{max-width:37.125rem}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.grow-0{flex-grow:0}.origin-\\[0\\]{transform-origin:0}.origin-bottom-left{transform-origin:bottom left}.origin-top-right{transform-origin:top right}.-translate-x-2\\/4{--tw-translate-x:-50%}.-translate-x-2\\/4,.-translate-y-1\\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\\/2{--tw-translate-y:-50%}.-translate-y-4{--tw-translate-y:-1rem}.-translate-y-4,.-translate-y-\\[30\\%\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-\\[30\\%\\]{--tw-translate-y:-30%}.rotate-45{--tw-rotate:45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\\!transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.cursor-pointer{cursor:pointer}.resize{resize:both}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.place-content-start{place-content:start}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-3\\.5{gap:.875rem}.gap-4{gap:1rem}.gap-\\[0\\.4375rem\\]{gap:.4375rem}.gap-\\[0\\.5rem\\]{gap:.5rem}.gap-\\[0\\.6875rem\\]{gap:.6875rem}.gap-\\[1\\.5625rem\\]{gap:1.5625rem}.gap-\\[1\\.625rem\\]{gap:1.625rem}.gap-\\[1\\.75rem\\]{gap:1.75rem}.gap-\\[19px\\]{gap:19px}.gap-\\[24px\\]{gap:24px}.gap-\\[2vw\\]{gap:2vw}.gap-\\[31\\.5px\\]{gap:31.5px}.gap-\\[5px\\]{gap:5px}.gap-\\[8px\\]{gap:8px}.gap-x-\\[0\\.8125rem\\]{-moz-column-gap:.8125rem;column-gap:.8125rem}.gap-x-\\[0\\.875rem\\]{-moz-column-gap:.875rem;column-gap:.875rem}.gap-x-\\[15px\\]{-moz-column-gap:15px;column-gap:15px}.gap-x-\\[1rem\\]{-moz-column-gap:1rem;column-gap:1rem}.gap-y-3{row-gap:.75rem}.gap-y-3\\.5{row-gap:.875rem}.gap-y-\\[0\\.3125rem\\]{row-gap:.3125rem}.gap-y-\\[12px\\]{row-gap:12px}.gap-y-\\[1rem\\]{row-gap:1rem}.space-x-5>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1.25rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1.25rem*var(--tw-space-x-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.75rem*var(--tw-space-y-reverse));margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)))}.self-start{align-self:flex-start}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.break-all{word-break:break-all}.\\!rounded-full{border-radius:9999px!important}.\\!rounded-none{border-radius:0!important}.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.rounded-none{border-radius:0}.\\!border-0{border-width:0!important}.border{border-width:1px}.border-0{border-width:0}.border-2{border-width:2px}.border-\\[1px\\]{border-width:1px}.border-b,.border-b-\\[1px\\]{border-bottom-width:1px}.border-r,.border-r-\\[1px\\]{border-right-width:1px}.border-t{border-top-width:1px}.border-solid{border-style:solid}.border-dashed{border-style:dashed}.border-none{border-style:none}.\\!border-\\[\\#ebebeb\\]{--tw-border-opacity:1!important;border-color:rgb(235 235 235/var(--tw-border-opacity))!important}.border-\\[\\#000000\\]{--tw-border-opacity:1;border-color:rgb(0 0 0/var(--tw-border-opacity))}.border-\\[\\#353535\\]{--tw-border-opacity:1;border-color:rgb(53 53 53/var(--tw-border-opacity))}.border-\\[\\#5d5d5d\\]{--tw-border-opacity:1;border-color:rgb(93 93 93/var(--tw-border-opacity))}.border-\\[\\#707070\\]{--tw-border-opacity:1;border-color:rgb(112 112 112/var(--tw-border-opacity))}.border-\\[\\#9A9A9A\\]{--tw-border-opacity:1;border-color:rgb(154 154 154/var(--tw-border-opacity))}.border-\\[\\#BEBEBE\\]{--tw-border-opacity:1;border-color:rgb(190 190 190/var(--tw-border-opacity))}.border-\\[\\#D6D6D6\\]{--tw-border-opacity:1;border-color:rgb(214 214 214/var(--tw-border-opacity))}.border-\\[\\#D7D7D7\\]{--tw-border-opacity:1;border-color:rgb(215 215 215/var(--tw-border-opacity))}.border-\\[\\#E11938\\]{--tw-border-opacity:1;border-color:rgb(225 25 56/var(--tw-border-opacity))}.border-\\[\\#E11A38\\]{--tw-border-opacity:1;border-color:rgb(225 26 56/var(--tw-border-opacity))}.border-\\[\\#EBEBEB\\]{--tw-border-opacity:1;border-color:rgb(235 235 235/var(--tw-border-opacity))}.border-\\[\\#ECEBED\\]{--tw-border-opacity:1;border-color:rgb(236 235 237/var(--tw-border-opacity))}.border-\\[\\#F4F4F4\\]{--tw-border-opacity:1;border-color:rgb(244 244 244/var(--tw-border-opacity))}.border-\\[\\#FCE8EB\\]{--tw-border-opacity:1;border-color:rgb(252 232 235/var(--tw-border-opacity))}.border-\\[\\#bebebe\\]{--tw-border-opacity:1;border-color:rgb(190 190 190/var(--tw-border-opacity))}.border-\\[\\#c2c2c2\\]{--tw-border-opacity:1;border-color:rgb(194 194 194/var(--tw-border-opacity))}.border-\\[\\#e0e0e0\\]{--tw-border-opacity:1;border-color:rgb(224 224 224/var(--tw-border-opacity))}.border-\\[\\#e11a38\\]{--tw-border-opacity:1;border-color:rgb(225 26 56/var(--tw-border-opacity))}.border-\\[\\#e5e5e5\\]{--tw-border-opacity:1;border-color:rgb(229 229 229/var(--tw-border-opacity))}.border-\\[\\#ebebeb\\]{--tw-border-opacity:1;border-color:rgb(235 235 235/var(--tw-border-opacity))}.border-\\[\\#ecebed\\]{--tw-border-opacity:1;border-color:rgb(236 235 237/var(--tw-border-opacity))}.border-\\[\\#f3a2af\\]{--tw-border-opacity:1;border-color:rgb(243 162 175/var(--tw-border-opacity))}.border-\\[\\#f4f4f4\\]{--tw-border-opacity:1;border-color:rgb(244 244 244/var(--tw-border-opacity))}.border-\\[red\\]{--tw-border-opacity:1;border-color:rgb(255 0 0/var(--tw-border-opacity))}.border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity))}.border-gray-600{--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity))}.border-slate-500{--tw-border-opacity:1;border-color:rgb(100 116 139/var(--tw-border-opacity))}.border-b-\\[\\#EBEBEB\\]{--tw-border-opacity:1;border-bottom-color:rgb(235 235 235/var(--tw-border-opacity))}.border-r-\\[\\#D7D7D7\\]{--tw-border-opacity:1;border-right-color:rgb(215 215 215/var(--tw-border-opacity))}.border-t-\\[\\#EBEBEB\\]{--tw-border-opacity:1;border-top-color:rgb(235 235 235/var(--tw-border-opacity))}.\\!bg-\\[\\#ffffff\\]{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity))!important}.\\!bg-transparent{background-color:transparent!important}.\\!bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity))!important}.bg-\\[\\#00000046\\]{background-color:#00000046}.bg-\\[\\#000000\\]{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.bg-\\[\\#010101\\]{--tw-bg-opacity:1;background-color:rgb(1 1 1/var(--tw-bg-opacity))}.bg-\\[\\#353535\\]{--tw-bg-opacity:1;background-color:rgb(53 53 53/var(--tw-bg-opacity))}.bg-\\[\\#BBBBBB\\]{--tw-bg-opacity:1;background-color:rgb(187 187 187/var(--tw-bg-opacity))}.bg-\\[\\#CB1732\\]{--tw-bg-opacity:1;background-color:rgb(203 23 50/var(--tw-bg-opacity))}.bg-\\[\\#D13F42\\]{--tw-bg-opacity:1;background-color:rgb(209 63 66/var(--tw-bg-opacity))}.bg-\\[\\#D5E9FA\\]{--tw-bg-opacity:1;background-color:rgb(213 233 250/var(--tw-bg-opacity))}.bg-\\[\\#D5F2EA\\]{--tw-bg-opacity:1;background-color:rgb(213 242 234/var(--tw-bg-opacity))}.bg-\\[\\#DE802E\\]{--tw-bg-opacity:1;background-color:rgb(222 128 46/var(--tw-bg-opacity))}.bg-\\[\\#E11A38\\]{--tw-bg-opacity:1;background-color:rgb(225 26 56/var(--tw-bg-opacity))}.bg-\\[\\#E21938\\]{--tw-bg-opacity:1;background-color:rgb(226 25 56/var(--tw-bg-opacity))}.bg-\\[\\#E4BB30\\]{--tw-bg-opacity:1;background-color:rgb(228 187 48/var(--tw-bg-opacity))}.bg-\\[\\#F1F1F1\\]{--tw-bg-opacity:1;background-color:rgb(241 241 241/var(--tw-bg-opacity))}.bg-\\[\\#F7F7F7\\]{--tw-bg-opacity:1;background-color:rgb(247 247 247/var(--tw-bg-opacity))}.bg-\\[\\#F8F8F8\\]{--tw-bg-opacity:1;background-color:rgb(248 248 248/var(--tw-bg-opacity))}.bg-\\[\\#FCE8EB\\]{--tw-bg-opacity:1;background-color:rgb(252 232 235/var(--tw-bg-opacity))}.bg-\\[\\#FFF8E7\\]{--tw-bg-opacity:1;background-color:rgb(255 248 231/var(--tw-bg-opacity))}.bg-\\[\\#FFFFFF\\]{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-\\[\\#cf132b\\]{--tw-bg-opacity:1;background-color:rgb(207 19 43/var(--tw-bg-opacity))}.bg-\\[\\#d77382\\]{--tw-bg-opacity:1;background-color:rgb(215 115 130/var(--tw-bg-opacity))}.bg-\\[\\#e11a38\\]{--tw-bg-opacity:1;background-color:rgb(225 26 56/var(--tw-bg-opacity))}.bg-\\[\\#f7f7f7\\]{--tw-bg-opacity:1;background-color:rgb(247 247 247/var(--tw-bg-opacity))}.bg-\\[\\#fce8eb\\]{--tw-bg-opacity:1;background-color:rgb(252 232 235/var(--tw-bg-opacity))}.bg-\\[\\#fff\\],.bg-\\[\\#ffffff\\]{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-base-100{--tw-bg-opacity:1;background-color:hsl(var(--b1)/var(--tw-bg-opacity))}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.bg-gray-300{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity))}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity))}.bg-slate-200{--tw-bg-opacity:1;background-color:rgb(226 232 240/var(--tw-bg-opacity))}.bg-slate-300{--tw-bg-opacity:1;background-color:rgb(203 213 225/var(--tw-bg-opacity))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-cover{background-size:cover}.bg-clip-padding{background-clip:padding-box}.bg-no-repeat{background-repeat:no-repeat}.object-contain{-o-object-fit:contain;object-fit:contain}.\\!p-0{padding:0!important}.p-0{padding:0}.p-0\\.5{padding:.125rem}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-2\\.5{padding:.625rem}.p-3{padding:.75rem}.p-\\[16px\\]{padding:16px}.p-\\[30px\\]{padding:30px}.p-\\[50px\\]{padding:50px}.p-\\[5px\\]{padding:5px}.p-\\[6px\\]{padding:6px}.p-\\[9px\\]{padding:9px}.\\!py-\\[11px\\]{padding-bottom:11px!important;padding-top:11px!important}.px-1{padding-left:.25rem;padding-right:.25rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-\\[0\\.125rem\\]{padding-left:.125rem;padding-right:.125rem}.px-\\[0\\.5rem\\]{padding-left:.5rem;padding-right:.5rem}.px-\\[0\\.75rem\\]{padding-left:.75rem;padding-right:.75rem}.px-\\[1\\.4063rem\\]{padding-left:1.4063rem;padding-right:1.4063rem}.px-\\[110px\\]{padding-left:110px;padding-right:110px}.px-\\[11px\\]{padding-left:11px;padding-right:11px}.px-\\[14\\.5px\\]{padding-left:14.5px;padding-right:14.5px}.px-\\[15px\\]{padding-left:15px;padding-right:15px}.px-\\[1rem\\]{padding-left:1rem;padding-right:1rem}.px-\\[2\\.3125rem\\]{padding-left:2.3125rem;padding-right:2.3125rem}.px-\\[20px\\]{padding-left:20px;padding-right:20px}.px-\\[25px\\]{padding-left:25px;padding-right:25px}.px-\\[27\\.85px\\]{padding-left:27.85px;padding-right:27.85px}.px-\\[30px\\]{padding-left:30px;padding-right:30px}.px-\\[40px\\]{padding-left:40px;padding-right:40px}.px-\\[80px\\]{padding-left:80px;padding-right:80px}.py-0{padding-bottom:0;padding-top:0}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-4{padding-bottom:1rem;padding-top:1rem}.py-\\[0\\.695rem\\]{padding-bottom:.695rem;padding-top:.695rem}.py-\\[0\\.7188rem\\]{padding-bottom:.7188rem;padding-top:.7188rem}.py-\\[0\\.75rem\\]{padding-bottom:.75rem;padding-top:.75rem}.py-\\[1\\.25rem\\]{padding-bottom:1.25rem;padding-top:1.25rem}.py-\\[1\\.8125rem\\]{padding-bottom:1.8125rem;padding-top:1.8125rem}.py-\\[1\\.875rem\\]{padding-bottom:1.875rem;padding-top:1.875rem}.py-\\[10px\\]{padding-bottom:10px;padding-top:10px}.py-\\[11\\.2px\\]{padding-bottom:11.2px;padding-top:11.2px}.py-\\[13px\\]{padding-bottom:13px;padding-top:13px}.py-\\[14px\\]{padding-bottom:14px;padding-top:14px}.py-\\[20px\\]{padding-bottom:20px;padding-top:20px}.py-\\[5px\\]{padding-bottom:5px;padding-top:5px}.py-\\[7px\\]{padding-bottom:7px;padding-top:7px}.\\!pl-\\[17px\\]{padding-left:17px!important}.pb-2{padding-bottom:.5rem}.pb-2\\.5{padding-bottom:.625rem}.pb-\\[0\\.3125rem\\]{padding-bottom:.3125rem}.pb-\\[1\\.125rem\\]{padding-bottom:1.125rem}.pb-\\[17px\\]{padding-bottom:17px}.pb-\\[2\\.0938rem\\]{padding-bottom:2.0938rem}.pb-\\[5px\\]{padding-bottom:5px}.pl-2{padding-left:.5rem}.pl-\\[10px\\]{padding-left:10px}.pl-\\[16px\\]{padding-left:16px}.pl-\\[20px\\]{padding-left:20px}.pr-\\[14px\\]{padding-right:14px}.pr-\\[33px\\]{padding-right:33px}.pr-\\[56px\\]{padding-right:56px}.pr-\\[6px\\]{padding-right:6px}.pt-2{padding-top:.5rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.pt-\\[0\\.375rem\\]{padding-top:.375rem}.pt-\\[1\\.3438rem\\]{padding-top:1.3438rem}.pt-\\[10px\\]{padding-top:10px}.pt-\\[17px\\]{padding-top:17px}.pt-\\[2\\.5px\\]{padding-top:2.5px}.pt-\\[23px\\]{padding-top:23px}.pt-\\[31px\\]{padding-top:31px}.pt-\\[5px\\]{padding-top:5px}.pt-\\[7px\\]{padding-top:7px}.text-left{text-align:left}.text-center{text-align:center}.align-baseline{vertical-align:baseline}.align-middle{vertical-align:middle}.font-\\[Roboto-Medium\\]{font-family:Roboto-Medium}.\\!text-\\[15px\\]{font-size:15px!important}.\\!text-\\[18px\\]{font-size:18px!important}.text-2xl{font-size:1.5rem;line-height:2rem}.text-\\[11px\\]{font-size:11px}.text-\\[12px\\]{font-size:12px}.text-\\[13px\\]{font-size:13px}.text-\\[14px\\]{font-size:14px}.text-\\[15px\\]{font-size:15px}.text-\\[16px\\]{font-size:16px}.text-\\[17px\\]{font-size:17px}.text-\\[18px\\]{font-size:18px}.text-\\[1rem\\]{font-size:1rem}.text-\\[21px\\]{font-size:21px}.text-\\[22px\\]{font-size:22px}.text-\\[25px\\]{font-size:25px}.text-\\[26px\\]{font-size:26px}.text-\\[28px\\]{font-size:28px}.text-\\[30px\\]{font-size:30px}.text-base{font-size:1rem;line-height:1.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.\\!font-\\[13px\\]{font-weight:13px!important}.\\!font-bold{font-weight:700!important}.font-black{font-weight:900}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.\\!leading-\\[24px\\]{line-height:24px!important}.leading-\\[0\\.8125rem\\]{line-height:.8125rem}.leading-\\[1\\.125rem\\]{line-height:1.125rem}.leading-\\[1\\.25rem\\]{line-height:1.25rem}.leading-\\[1\\.4375rem\\]{line-height:1.4375rem}.leading-\\[16px\\]{line-height:16px}.leading-\\[19px\\]{line-height:19px}.leading-\\[2\\.3125rem\\]{line-height:2.3125rem}.leading-\\[20px\\]{line-height:20px}.leading-\\[21px\\]{line-height:21px}.leading-\\[22px\\]{line-height:22px}.leading-\\[23px\\]{line-height:23px}.\\!text-\\[\\#353535\\]{--tw-text-opacity:1!important;color:rgb(53 53 53/var(--tw-text-opacity))!important}.\\!text-\\[\\#727272\\]{--tw-text-opacity:1!important;color:rgb(114 114 114/var(--tw-text-opacity))!important}.text-\\[\\#353535\\]{--tw-text-opacity:1;color:rgb(53 53 53/var(--tw-text-opacity))}.text-\\[\\#5D5D5D\\],.text-\\[\\#5d5d5d\\]{--tw-text-opacity:1;color:rgb(93 93 93/var(--tw-text-opacity))}.text-\\[\\#707070\\]{--tw-text-opacity:1;color:rgb(112 112 112/var(--tw-text-opacity))}.text-\\[\\#727272\\]{--tw-text-opacity:1;color:rgb(114 114 114/var(--tw-text-opacity))}.text-\\[\\#747474\\]{--tw-text-opacity:1;color:rgb(116 116 116/var(--tw-text-opacity))}.text-\\[\\#9A9A9A\\]{--tw-text-opacity:1;color:rgb(154 154 154/var(--tw-text-opacity))}.text-\\[\\#9f9f9f\\]{--tw-text-opacity:1;color:rgb(159 159 159/var(--tw-text-opacity))}.text-\\[\\#E11938\\]{--tw-text-opacity:1;color:rgb(225 25 56/var(--tw-text-opacity))}.text-\\[\\#E11A38\\]{--tw-text-opacity:1;color:rgb(225 26 56/var(--tw-text-opacity))}.text-\\[\\#E21938\\]{--tw-text-opacity:1;color:rgb(226 25 56/var(--tw-text-opacity))}.text-\\[\\#c2c2c2\\]{--tw-text-opacity:1;color:rgb(194 194 194/var(--tw-text-opacity))}.text-\\[\\#cf132b\\]{--tw-text-opacity:1;color:rgb(207 19 43/var(--tw-text-opacity))}.text-\\[\\#e11a38\\]{--tw-text-opacity:1;color:rgb(225 26 56/var(--tw-text-opacity))}.text-\\[\\#fff\\],.text-\\[\\#ffffff\\]{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity))}.text-lime-400{--tw-text-opacity:1;color:rgb(163 230 53/var(--tw-text-opacity))}.text-orange-300{--tw-text-opacity:1;color:rgb(253 186 116/var(--tw-text-opacity))}.text-orange-400{--tw-text-opacity:1;color:rgb(251 146 60/var(--tw-text-opacity))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity))}.text-slate-300{--tw-text-opacity:1;color:rgb(203 213 225/var(--tw-text-opacity))}.text-teal-500{--tw-text-opacity:1;color:rgb(20 184 166/var(--tw-text-opacity))}.text-violet-600{--tw-text-opacity:1;color:rgb(124 58 237/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.underline{text-decoration-line:underline}.opacity-70{opacity:.7}.\\!shadow-\\[0px_7px_64px_rgba\\(0\\2c 0\\2c 0\\2c 0\\.07\\)\\]{--tw-shadow:0px 7px 64px rgba(0,0,0,.07)!important;--tw-shadow-colored:0px 7px 64px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.\\!shadow-\\[0px_7px_64px_rgba\\(0\\2c 0\\2c 0\\2c 0\\.11\\)\\]{--tw-shadow:0px 7px 64px rgba(0,0,0,.11)!important;--tw-shadow-colored:0px 7px 64px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-\\[0px_3px_6px_rgba\\(0\\2c 0\\2c 0\\2c 0\\.16\\)\\]{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\\[0px_3px_6px_rgba\\(0\\2c 0\\2c 0\\2c 0\\.16\\)\\]{--tw-shadow:0px 3px 6px rgba(0,0,0,.16);--tw-shadow-colored:0px 3px 6px var(--tw-shadow-color)}.shadow-\\[0px_7px_64px_rgba\\(0\\2c 0\\2c 0\\2c 0\\.07\\)\\]{--tw-shadow:0px 7px 64px rgba(0,0,0,.07);--tw-shadow-colored:0px 7px 64px var(--tw-shadow-color)}.shadow-\\[0px_7px_64px_rgba\\(0\\2c 0\\2c 0\\2c 0\\.07\\)\\],.shadow-md{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.\\!ring-0{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.ring-0{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-0,.ring-1{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-inset{--tw-ring-inset:inset}.ring-\\[\\#E11A38\\]{--tw-ring-opacity:1;--tw-ring-color:rgb(225 26 56/var(--tw-ring-opacity))}.blur{--tw-blur:blur(8px)}.blur,.grayscale{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.grayscale{--tw-grayscale:grayscale(100%)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-\\[45px\\]{--tw-backdrop-blur:blur(45px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}@import url(\"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap\");html{font-family:Roboto,sans-serif}.Toastify__toast-container{width:32vw!important}.Toastify__toast{padding:1rem!important}.Toastify__close-button{align-self:center!important}.Toastify__close-button>svg{fill:#707070!important}.Toastify__toast-theme--colored.Toastify__toast--success{background:#ebfbf5!important;border:1px solid #98d6bf;box-shadow:0 0 10px #00000059;color:#353535!important;font-family:Roboto,sans-serif;font-size:14px;font-weight:600}.Toastify__toast-theme--colored.Toastify__toast--success .Toastify__toast-icon>svg{fill:#00c48c!important}.Toastify__toast-theme--colored.Toastify__toast--error{background:#fce8eb!important;border:1px solid #ffd8de;box-shadow:0 0 10px #00000059;color:#353535!important;font-family:Roboto,sans-serif;font-size:14px;font-weight:600}.Toastify__toast-theme--colored.Toastify__toast--error .Toastify__toast-icon>svg{fill:hwb(351 10% 12%)!important;height:100%;width:100%}.Toastify__toast-theme--colored.Toastify__toast--info{background:#d5e9fa!important;border:1px solid #b5ddff;box-shadow:0 0 10px #00000059;color:#353535!important;font-family:Roboto,sans-serif;font-size:14px;font-weight:600}.Toastify__toast-theme--colored.Toastify__toast--info .Toastify__toast-icon>svg{fill:#0084f4!important}.Toastify__toast-icon{height:1.875rem!important;width:1.875rem!important}#slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;background-image:linear-gradient(#f00528,#f00528);background-repeat:no-repeat;background-size:70% 100%;height:18px;opacity:.7;outline:none;transition:opacity .2s;width:100%}#slider:hover{opacity:1}#slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#f00528;border-radius:2px;box-shadow:0 0 2px 0 #555;cursor:pointer;height:25px;-webkit-transition:background .3s ease-in-out;transition:background .3s ease-in-out;width:25px}input[type=range]::-moz-range-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#f00528;border-radius:2%;box-shadow:0 0 2px 0 #555;cursor:ew-resize;height:20px;-moz-transition:background .3s ease-in-out;transition:background .3s ease-in-out;width:20px}.btn-hover:hover{background:#e11a38;color:#fff}.link-hover:hover{color:#e11a38}.basic-single input:focus{outline-style:none!important}@media (min-width:768px){.md\\:btn-md{font-size:.875rem;height:3rem;min-height:3rem;padding-left:1rem;padding-right:1rem}.btn-square:where(.md\\:btn-md){height:3rem;padding:0;width:3rem}.btn-circle:where(.md\\:btn-md){border-radius:9999px;height:3rem;padding:0;width:3rem}}.placeholder\\:leading-\\[20px\\]::-moz-placeholder{line-height:20px}.placeholder\\:leading-\\[20px\\]::placeholder{line-height:20px}.before\\:absolute:before{content:var(--tw-content);position:absolute}.before\\:left-\\[18px\\]:before{content:var(--tw-content);left:18px}.before\\:left-\\[calc\\(50\\%-7px\\)\\]:before{content:var(--tw-content);left:calc(50% - 7px)}.before\\:top-\\[-0\\.3125rem\\]:before{content:var(--tw-content);top:-.3125rem}.before\\:top-\\[-21\\%\\]:before{content:var(--tw-content);top:-21%}.before\\:top-\\[80\\%\\]:before{content:var(--tw-content);top:80%}.before\\:h-\\[0\\.75rem\\]:before{content:var(--tw-content);height:.75rem}.before\\:h-\\[14px\\]:before{content:var(--tw-content);height:14px}.before\\:w-\\[0\\.75rem\\]:before{content:var(--tw-content);width:.75rem}.before\\:w-\\[14px\\]:before{content:var(--tw-content);width:14px}.before\\:rotate-45:before{--tw-rotate:45deg}.before\\:rotate-45:before,.before\\:rotate-\\[230deg\\]:before{content:var(--tw-content);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.before\\:rotate-\\[230deg\\]:before{--tw-rotate:230deg}.before\\:rotate-\\[44deg\\]:before{--tw-rotate:44deg;content:var(--tw-content);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.before\\:rounded-none:before{border-radius:0;content:var(--tw-content)}.before\\:border:before{border-width:1px;content:var(--tw-content)}.before\\:border-b-\\[\\#f3a2af\\]:before{--tw-border-opacity:1;border-bottom-color:rgb(243 162 175/var(--tw-border-opacity));content:var(--tw-content)}.before\\:border-b-transparent:before{border-bottom-color:transparent;content:var(--tw-content)}.before\\:border-l-\\[\\#f3a2af\\]:before{--tw-border-opacity:1;border-left-color:rgb(243 162 175/var(--tw-border-opacity));content:var(--tw-content)}.before\\:border-l-transparent:before{border-left-color:transparent;content:var(--tw-content)}.before\\:border-r-\\[\\#f3a2af\\]:before{--tw-border-opacity:1;border-right-color:rgb(243 162 175/var(--tw-border-opacity));content:var(--tw-content)}.before\\:border-r-transparent:before{border-right-color:transparent;content:var(--tw-content)}.before\\:border-t-\\[\\#f3a2af\\]:before{--tw-border-opacity:1;border-top-color:rgb(243 162 175/var(--tw-border-opacity));content:var(--tw-content)}.before\\:border-t-transparent:before{border-top-color:transparent;content:var(--tw-content)}.before\\:bg-\\[\\#fce8eb\\]:before{--tw-bg-opacity:1;background-color:rgb(252 232 235/var(--tw-bg-opacity));content:var(--tw-content)}.before\\:bg-\\[\\#ffffff\\]:before,.before\\:bg-\\[white\\]:before{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));content:var(--tw-content)}.before\\:content-\\[\\'\\'\\]:before{--tw-content:\"\";content:var(--tw-content)}.first\\:rounded-l:first-child{border-bottom-left-radius:.25rem;border-top-left-radius:.25rem}.last\\:rounded-r:last-child{border-bottom-right-radius:.25rem;border-top-right-radius:.25rem}.last\\:border-b-0:last-child{border-bottom-width:0}.hover\\:rounded-none:hover{border-radius:0}.hover\\:border-\\[\\#E11A38\\]:hover{--tw-border-opacity:1;border-color:rgb(225 26 56/var(--tw-border-opacity))}.hover\\:bg-\\[\\#E11A38\\]:hover,.hover\\:bg-\\[\\#e11a38\\]:hover{--tw-bg-opacity:1;background-color:rgb(225 26 56/var(--tw-bg-opacity))}.hover\\:bg-\\[\\#fce8eb\\]:hover{--tw-bg-opacity:1;background-color:rgb(252 232 235/var(--tw-bg-opacity))}.hover\\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.hover\\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity))}.hover\\:text-\\[\\#e11a38\\]:hover{--tw-text-opacity:1;color:rgb(225 26 56/var(--tw-text-opacity))}.hover\\:text-\\[\\#ffffff\\]:hover,.hover\\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.hover\\:underline:hover{text-decoration-line:underline}.hover\\:decoration-2:hover{text-decoration-thickness:2px}.hover\\:underline-offset-4:hover{text-underline-offset:4px}.focus\\:z-\\[3\\]:focus{z-index:3}.focus\\:rounded-sm:focus{border-radius:.125rem}.focus\\:\\!border-0:focus{border-width:0!important}.focus\\:border-0:focus{border-width:0}.focus\\:border-\\[\\#ECEBED\\]:focus{--tw-border-opacity:1;border-color:rgb(236 235 237/var(--tw-border-opacity))}.focus\\:shadow-\\[inset_0_0_0_1px_rgb\\(212\\2c 212\\2c 212\\)\\]:focus{--tw-shadow:inset 0 0 0 1px #d4d4d4;--tw-shadow-colored:inset 0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus\\:\\!outline-none:focus{outline:2px solid transparent!important;outline-offset:2px!important}.focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\\:outline-offset-0:focus{outline-offset:0}.focus\\:outline-current:focus{outline-color:currentColor}.focus\\:\\!ring-0:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.focus\\:ring-0:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-visible\\:outline-0:focus-visible{outline-width:0}.group:hover .group-hover\\:bg-\\[\\#e11a38\\]{--tw-bg-opacity:1;background-color:rgb(225 26 56/var(--tw-bg-opacity))}.group:hover .group-hover\\:fill-\\[\\#E11A38\\]{fill:#e11a38}.group:active .group-active\\:text-white,.group:hover .group-hover\\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.peer:-moz-placeholder-shown~.peer-placeholder-shown\\:top-1\\/2{top:50%}.peer:-moz-placeholder-shown ~ .peer-placeholder-shown\\:top-1\\/2{top:50%}.peer:placeholder-shown~.peer-placeholder-shown\\:top-1\\/2{top:50%}.peer:-moz-placeholder-shown~.peer-placeholder-shown\\:-translate-y-1\\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.peer:-moz-placeholder-shown ~ .peer-placeholder-shown\\:-translate-y-1\\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.peer:placeholder-shown~.peer-placeholder-shown\\:-translate-y-1\\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.peer:-moz-placeholder-shown~.peer-placeholder-shown\\:text-\\[\\#727272\\]{--tw-text-opacity:1;color:rgb(114 114 114/var(--tw-text-opacity))}.peer:-moz-placeholder-shown ~ .peer-placeholder-shown\\:text-\\[\\#727272\\]{--tw-text-opacity:1;color:rgb(114 114 114/var(--tw-text-opacity))}.peer:placeholder-shown~.peer-placeholder-shown\\:text-\\[\\#727272\\]{--tw-text-opacity:1;color:rgb(114 114 114/var(--tw-text-opacity))}.peer:focus~.peer-focus\\:top-0{top:0}.peer:focus~.peer-focus\\:top-2{top:.5rem}.peer:focus~.peer-focus\\:-translate-y-4{--tw-translate-y:-1rem}.peer:focus~.peer-focus\\:-translate-y-4,.peer:focus~.peer-focus\\:-translate-y-\\[10px\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.peer:focus~.peer-focus\\:-translate-y-\\[10px\\]{--tw-translate-y:-10px}.peer:focus~.peer-focus\\:\\!bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity))!important}.peer:focus~.peer-focus\\:px-\\[0\\.125rem\\]{padding-left:.125rem;padding-right:.125rem}.peer:focus~.peer-focus\\:font-\\[13px\\]{font-weight:13px}@media (prefers-color-scheme:dark){.dark\\:border-gray-600{--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity))}.dark\\:bg-gray-700{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity))}.dark\\:hover\\:border-gray-500:hover{--tw-border-opacity:1;border-color:rgb(107 114 128/var(--tw-border-opacity))}.dark\\:hover\\:bg-gray-600:hover{--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity))}}@media (min-width:640px){.sm\\:mt-0{margin-top:0}.sm\\:h-\\[42vh\\]{height:42vh}.sm\\:h-\\[55vh\\]{height:55vh}.sm\\:w-\\[60\\%\\]{width:60%}.sm\\:w-auto{width:auto}}@media (min-width:768px){.md\\:absolute{position:absolute}.md\\:relative{position:relative}.md\\:bottom-\\[20px\\]{bottom:20px}.md\\:right-0{right:0}.md\\:mr-\\[0\\%\\]{margin-right:0}.md\\:block{display:block}.md\\:h-auto{height:auto}.md\\:w-\\[100\\%\\]{width:100%}.md\\:w-\\[65\\%\\]{width:65%}.md\\:w-full{width:100%}.md\\:max-w-\\[100\\%\\]{max-width:100%}.md\\:-translate-y-2\\/4{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\\:flex-row{flex-direction:row}.md\\:flex-col{flex-direction:column}.md\\:justify-end{justify-content:flex-end}.md\\:p-\\[98px\\]{padding:98px}.md\\:px-\\[112px\\]{padding-left:112px;padding-right:112px}.md\\:before\\:left-\\[unset\\]:before{content:var(--tw-content);left:unset}.md\\:before\\:right-\\[18px\\]:before{content:var(--tw-content);right:18px}}@media (min-width:1024px){.lg\\:mr-\\[30px\\]{margin-right:30px}.lg\\:w-2\\/5{width:40%}.lg\\:w-\\[50\\%\\]{width:50%}.lg\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\\:flex-row{flex-direction:row}}@media (min-width:1280px){.xl\\:w-\\[40\\%\\]{width:40%}.xl\\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.xl\\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (min-width:1536px){.\\32xl\\:top-2\\/4{top:50%}.\\32xl\\:h-\\[50vh\\]{height:50vh}.\\32xl\\:h-\\[60vh\\]{height:60vh}.\\32xl\\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.\\32xl\\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}}";
 styleInject(css_248z$6);
 
 var LogoEditor = function LogoEditor(_ref) {
@@ -14790,41 +14718,31 @@ var LogoEditor = function LogoEditor(_ref) {
     defaultColorList = _ref.defaultColorList,
     logoData = _ref.logoData,
     customerId = _ref.customerId,
-    onSaveLogo = _ref.onSaveLogo;
+    onSaveLogo = _ref.onSaveLogo,
+    onClose = _ref.onClose;
   var _use3dddPlus = use3dddPlus(function (state) {
       return [state.setSelectedStepper, state.loading, state.myLogoHandler];
     }),
     setSelectedStepper = _use3dddPlus[0],
     loading = _use3dddPlus[1],
     myLogoHandler = _use3dddPlus[2];
-  React.useEffect(function () {
-    setSelectedStepper(stepperId);
-  }, [stepperId]);
-  var _React$useState = React.useState([]),
-    fontFamilies = _React$useState[0],
-    setFontFamilies = _React$useState[1];
-  React.useEffect(function () {
+  var _useState = useState([]),
+    fontFamilies = _useState[0],
+    setFontFamilies = _useState[1];
+  useEffect(function () {
     setSelectedStepper(stepperId);
-    if (stepperId == undefined) {
+    if (stepperId === undefined) {
       myLogoHandler(logoData);
     }
-  }, [stepperId]);
-  React.useEffect(function () {
     use3dddPlus.setState({
       customUploadLogoColorList: customLogoColorList
     });
-  }, [customLogoColorList]);
-  React.useEffect(function () {
     use3dddPlus.setState({
       defaultColorList: defaultColorList
     });
-  }, [defaultColorList]);
-  React.useEffect(function () {
     use3dddPlus.setState({
       customerId: customerId
     });
-  }, [customerId]);
-  React.useEffect(function () {
     fetch('https://storage.googleapis.com/3ddplusgcp/richardson-customizer/fonts/fontFamilies.json').then(function (response) {
       return response.json();
     }).then(function (data) {
@@ -14832,12 +14750,13 @@ var LogoEditor = function LogoEditor(_ref) {
     })["catch"](function (error) {
       return console.error('Error fetching font families:', error);
     });
-  }, []);
+  }, [stepperId, customLogoColorList, defaultColorList, customerId, logoData, myLogoHandler, setSelectedStepper]);
   return React.createElement(Modal, {
     backdropStyle: "z-[7]",
-    contentStyle: 'top-0 bottom-0 !m-[auto] z-[7] w-[80%] p-0'
+    contentStyle: "top-0 bottom-0 !m-[auto] z-[7] w-[80%] p-0",
+    crossOnClick: onClose
   }, React.createElement("div", {
-    className: " flex flex-col md:flex-row w-full h-[88vh]"
+    className: "flex flex-col md:flex-row w-full h-[88vh]"
   }, React.createElement(ToastContainer, {
     position: "top-center",
     autoClose: 3000,
@@ -14850,14 +14769,15 @@ var LogoEditor = function LogoEditor(_ref) {
     pauseOnHover: true,
     theme: "colored",
     transition: Bounce
-  }), fontFamilies.map(function (font) {
+  }), fontFamilies.map(function (font, index) {
     return React.createElement(FontLoader, {
+      key: index,
       fontPath: font
     });
   }), loading && React.createElement(Loader, null), React.createElement("div", {
     className: "w-[10%] h-[100%]"
   }, React.createElement(LeftMenu, null)), React.createElement("div", {
-    className: "flex h-full w-[90%]"
+    className: "flex h-full w-[90%] flex-1"
   }, React.createElement(MiddleMenu, {
     onApply: onApply,
     onSaveLogo: onSaveLogo