@threedddplus/logoeditor 0.0.113 → 0.0.114

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -30,17 +30,19 @@ var ImageTracer = _interopDefault(require('imagetracerjs'));
30
30
  var pdfjsLib = require('pdfjs-dist/webpack');
31
31
  var md = require('react-icons/md');
32
32
  var shallow = require('zustand/shallow');
33
+ var shallow__default = _interopDefault(shallow);
33
34
  var FontFaceObserver = _interopDefault(require('fontfaceobserver'));
34
35
  var bs = require('react-icons/bs');
35
36
  var fa6 = require('react-icons/fa6');
36
37
  var twElements = require('tw-elements');
37
- var fi = require('react-icons/fi');
38
38
  var opentype_js = require('opentype.js');
39
+ var fi = require('react-icons/fi');
39
40
  var Select = require('react-select');
40
41
  var Select__default = _interopDefault(Select);
41
42
  var flowbiteReact = require('flowbite-react');
42
43
  var reactColor = require('react-color');
43
44
  require('react-toastify/dist/ReactToastify.css');
45
+ var client = require('react-dom/client');
44
46
 
45
47
  function _regeneratorRuntime() {
46
48
  _regeneratorRuntime = function () {
@@ -2734,7 +2736,7 @@ var fabricSlice = function fabricSlice(set, get) {
2734
2736
  get().fabricCanvas.renderAll();
2735
2737
  },
2736
2738
  applyColorFill: function applyColorFill() {
2737
- var canvasData = get().fabricCanvas.toJSON(["id", "colorFill"]);
2739
+ var canvasData = get().fabricCanvas.toJSON(['id', 'colorFill']);
2738
2740
  var canvasGetobject = get().fabricCanvas.getObjects();
2739
2741
  canvasData.objects.forEach(function (element, index) {
2740
2742
  if (canvasGetobject && canvasGetobject.length > 0 && canvasGetobject[index].shapeType) {
@@ -3005,7 +3007,7 @@ var fabricSlice = function fabricSlice(set, get) {
3005
3007
  },
3006
3008
  popUpCanvasAllColor: [],
3007
3009
  popUpCanvasApplyColorFill: function popUpCanvasApplyColorFill() {
3008
- var popUpCanvasData = get().popupCanv.toJSON(["id", "colorFill"]);
3010
+ var popUpCanvasData = get().popupCanv.toJSON(['id', 'colorFill']);
3009
3011
  return popUpCanvasData;
3010
3012
  },
3011
3013
  popUpCanvasUpdateModification: function popUpCanvasUpdateModification(toSet) {
@@ -8155,407 +8157,191 @@ var Loader = function Loader(_ref) {
8155
8157
  }));
8156
8158
  };
8157
8159
 
8158
- 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}";
8159
- styleInject(css_248z$4);
8160
+ var UpIcon = function UpIcon(_ref) {
8161
+ var disabled = _ref.disabled;
8162
+ return React__default.createElement("div", {
8163
+ className: "m-auto upIcon"
8164
+ }, React__default.createElement("svg", {
8165
+ fill: disabled ? '#cfcccc' : '#9a9a9a',
8166
+ height: "25px",
8167
+ width: "25px",
8168
+ version: "1.1",
8169
+ id: "Layer_1",
8170
+ xmlns: "http://www.w3.org/2000/svg",
8171
+ viewBox: "0 0 512 512"
8172
+ }, React__default.createElement("g", null, React__default.createElement("g", null, React__default.createElement("g", null, React__default.createElement("path", {
8173
+ d: "M0,0v512h512V0H0z M469.333,469.333H42.667V42.667h426.667V469.333z"
8174
+ }), React__default.createElement("path", {
8175
+ 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"
8176
+ }))))));
8177
+ };
8178
+ var DownIcon = function DownIcon(_ref2) {
8179
+ var disabled = _ref2.disabled;
8180
+ return React__default.createElement("div", {
8181
+ className: "m-auto downIcon"
8182
+ }, React__default.createElement("svg", {
8183
+ transform: "rotate(180)",
8184
+ fill: disabled ? '#cfcccc' : '#9a9a9a',
8185
+ height: "25px",
8186
+ width: "25px",
8187
+ version: "1.1",
8188
+ id: "Layer_1",
8189
+ xmlns: "http://www.w3.org/2000/svg",
8190
+ viewBox: "0 0 512 512"
8191
+ }, React__default.createElement("g", null, React__default.createElement("g", null, React__default.createElement("g", null, React__default.createElement("path", {
8192
+ d: "M0,0v512h512V0H0z M469.333,469.333H42.667V42.667h426.667V469.333z"
8193
+ }), React__default.createElement("path", {
8194
+ 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"
8195
+ }))))));
8196
+ };
8197
+ var DeleteIcon = function DeleteIcon() {
8198
+ return React__default.createElement("div", {
8199
+ className: "m-auto upIcon"
8200
+ }, React__default.createElement("svg", {
8201
+ width: "25px",
8202
+ height: "25px",
8203
+ viewBox: "0 0 24 24",
8204
+ fill: "none",
8205
+ xmlns: "http://www.w3.org/2000/svg"
8206
+ }, React__default.createElement("path", {
8207
+ d: "M10 11V17",
8208
+ stroke: "#9a9a9a",
8209
+ "stroke-width": "2",
8210
+ "stroke-linecap": "round",
8211
+ "stroke-linejoin": "round"
8212
+ }), React__default.createElement("path", {
8213
+ d: "M14 11V17",
8214
+ stroke: "#9a9a9a",
8215
+ "stroke-width": "2",
8216
+ "stroke-linecap": "round",
8217
+ "stroke-linejoin": "round"
8218
+ }), React__default.createElement("path", {
8219
+ d: "M4 7H20",
8220
+ stroke: "#9a9a9a",
8221
+ "stroke-width": "2",
8222
+ "stroke-linecap": "round",
8223
+ "stroke-linejoin": "round"
8224
+ }), React__default.createElement("path", {
8225
+ d: "M6 7H12H18V18C18 19.6569 16.6569 21 15 21H9C7.34315 21 6 19.6569 6 18V7Z",
8226
+ stroke: "#9a9a9a",
8227
+ "stroke-width": "2",
8228
+ "stroke-linecap": "round",
8229
+ "stroke-linejoin": "round"
8230
+ }), React__default.createElement("path", {
8231
+ d: "M9 5C9 3.89543 9.89543 3 11 3H13C14.1046 3 15 3.89543 15 5V7H9V5Z",
8232
+ stroke: "#9a9a9a",
8233
+ "stroke-width": "2",
8234
+ "stroke-linecap": "round",
8235
+ "stroke-linejoin": "round"
8236
+ })));
8237
+ };
8160
8238
 
8161
- !function (t) {
8162
- var s = {};
8163
- function i(h) {
8164
- if (s[h]) return s[h].exports;
8165
- var e = s[h] = {
8166
- i: h,
8167
- l: !1,
8168
- exports: {}
8169
- };
8170
- return t[h].call(e.exports, e, e.exports, i), e.l = !0, e.exports;
8171
- }
8172
- i.m = t, i.c = s, i.d = function (t, s, h) {
8173
- i.o(t, s) || Object.defineProperty(t, s, {
8174
- configurable: !1,
8175
- enumerable: !0,
8176
- get: h
8239
+ var Layers = function Layers(_ref) {
8240
+ var canvas = _ref.canvas,
8241
+ onSave = _ref.onSave;
8242
+ var _use3dddPlus = use3dddPlus(function (state) {
8243
+ return [state.storeAllObject];
8244
+ }, shallow.shallow),
8245
+ storeAllObject = _use3dddPlus[0];
8246
+ var removeItem = function removeItem(value) {
8247
+ var index = use3dddPlus.getState().storeAllObject.findIndex(function (obj) {
8248
+ return obj.id === value.id;
8177
8249
  });
8178
- }, i.r = function (t) {
8179
- Object.defineProperty(t, "__esModule", {
8180
- value: !0
8250
+ if (index > -1) {
8251
+ use3dddPlus.getState().storeAllObject.splice(index, 1);
8252
+ }
8253
+ use3dddPlus.setState({
8254
+ storeAllObject: [].concat(use3dddPlus.getState().storeAllObject)
8181
8255
  });
8182
- }, i.n = function (t) {
8183
- var s = t && t.__esModule ? function () {
8184
- return t["default"];
8185
- } : function () {
8186
- return t;
8187
- };
8188
- return i.d(s, "a", s), s;
8189
- }, i.o = function (t, s) {
8190
- return Object.prototype.hasOwnProperty.call(t, s);
8191
- }, i.p = "", i(i.s = 4);
8192
- }([function (t, s, i) {
8193
- var h = i(1),
8194
- e = i(3);
8195
- t.exports = /*#__PURE__*/function () {
8196
- function _class(t, s) {
8197
- 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);
8256
+ };
8257
+ var deleteElement = function deleteElement(item) {
8258
+ if (canvas._objects) {
8259
+ canvas._objects.forEach(function (obj) {
8260
+ if (obj.id === item.id) {
8261
+ canvas.remove(obj);
8262
+ }
8263
+ });
8198
8264
  }
8199
- var _proto = _class.prototype;
8200
- _proto.applyParameters = function applyParameters(t) {
8201
- var s = this.source,
8202
- i = this._parameters = new e(t);
8203
- 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;
8204
- var h = .5 * i.distortH * s.height;
8205
- 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) {
8206
- case "WARP_ARC":
8207
- this.setArc();
8208
- break;
8209
- case "WARP_ARC_LOWER":
8210
- this.setArcLower();
8211
- break;
8212
- case "WARP_ARC_UPPER":
8213
- this.setArcUpper();
8214
- break;
8215
- case "WARP_ARCH":
8216
- this.setArch();
8217
- break;
8218
- case "WARP_BULGE":
8219
- this.setBulge();
8220
- break;
8221
- case "WARP_FLAG":
8222
- this.setFlag();
8223
- break;
8224
- case "WARP_FISH":
8225
- this.setFish();
8226
- break;
8227
- case "WARP_RISE":
8228
- this.setRise();
8229
- break;
8230
- case "WARP_INFLATE":
8231
- this.setInflate();
8232
- break;
8233
- case "WARP_SQUEEZE":
8234
- this.setSqueeze();
8235
- break;
8236
- case "WARP_WAVE_LOWER":
8237
- this.setWaveLower();
8238
- break;
8239
- case "WARP_WAVE_UPPER":
8240
- this.setWaveUpper();
8265
+ canvas.requestRenderAll();
8266
+ use3dddPlus.getState().updateModifaction(true);
8267
+ removeItem(item);
8268
+ };
8269
+ var changeArr = function changeArr(arr, fromIndex, toIndex) {
8270
+ var element = arr.splice(fromIndex, 1)[0];
8271
+ arr.splice(toIndex, 0, element);
8272
+ return arr;
8273
+ };
8274
+ var layerHandle = function layerHandle(element, index, direction) {
8275
+ var currentObject = [].concat(use3dddPlus.getState().storeAllObject);
8276
+ if (direction === 'minus') {
8277
+ canvas.sendBackwards(element);
8278
+ use3dddPlus.setState({
8279
+ storeAllObject: changeArr(currentObject, index, index + 1)
8280
+ });
8281
+ } else {
8282
+ canvas.bringForward(element);
8283
+ use3dddPlus.setState({
8284
+ storeAllObject: changeArr(currentObject, index, index - 1)
8285
+ });
8286
+ }
8287
+ canvas.sendToBack(use3dddPlus.getState().verticalLine);
8288
+ canvas.sendToBack(use3dddPlus.getState().horizontalLine);
8289
+ use3dddPlus.getState().updateModifaction(true);
8290
+ };
8291
+ return React__default.createElement("div", {
8292
+ className: "relative h-full px-3 overflow-x-hidden overflow-y-auto"
8293
+ }, React__default.createElement("div", {
8294
+ className: "flex flex-col gap-1 overflow-y-auto"
8295
+ }, storeAllObject.map(function (item, index) {
8296
+ return React__default.createElement("div", {
8297
+ key: item.id,
8298
+ className: "innerLayer border border-[#D7D7D7] my-4 h-20 flex justify-between "
8299
+ }, React__default.createElement("div", {
8300
+ className: "imgBox border-r border-[#D7D7D7] bg-slate-200 flex w-20"
8301
+ }, React__default.createElement("img", {
8302
+ className: "rounded-lg " + (item.text ? 'object-contain' : ''),
8303
+ style: {
8304
+ height: 'auto',
8305
+ width: 'auto',
8306
+ margin: 'auto'
8307
+ },
8308
+ src: item.icon,
8309
+ alt: "icon"
8310
+ })), React__default.createElement("div", {
8311
+ className: "flex-auto"
8312
+ }, React__default.createElement("button", {
8313
+ onClick: function onClick() {
8314
+ return deleteElement(item);
8315
+ },
8316
+ className: "w-full h-full"
8317
+ }, React__default.createElement("div", {
8318
+ className: "flex justify-center pointer-events-none"
8319
+ }, React__default.createElement(DeleteIcon, null)))), React__default.createElement("div", {
8320
+ className: "flex flex-col justify-between w-10"
8321
+ }, React__default.createElement("button", {
8322
+ disabled: index === 0,
8323
+ onClick: function onClick() {
8324
+ return layerHandle(item, index, 'plus');
8241
8325
  }
8242
- };
8243
- _proto.setAnchors = function setAnchors() {
8244
- 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;
8245
- };
8246
- _proto.setControls = function setControls() {
8247
- 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;
8248
- };
8249
- _proto.changeCubic = function changeCubic(t, s, i, h) {
8250
- var e = this._changePoint(t),
8251
- o = this._changePoint(h),
8252
- r = this.getPointOn(1 / 3, t, h, s, i),
8253
- n = this.getPointOn(2 / 3, t, h, s, i),
8254
- a = this._changePoint(r),
8255
- y = this._changePoint(n);
8256
- return this.getNewSegment(e, o, a, y);
8257
- };
8258
- _proto.changePoint = function changePoint(t) {
8259
- var s = this._changePoint(t);
8260
- return [s.x, s.y];
8261
- };
8262
- _proto._changePoint = function _changePoint(t) {
8263
- var s = this.A,
8264
- i = this.Atop,
8265
- e = this.Aleft,
8266
- o = this.B,
8267
- r = this.Btop,
8268
- n = this.Bright,
8269
- a = this.C,
8270
- y = this.Cright,
8271
- x = this.Cbottom,
8272
- c = this.D,
8273
- A = this.Dbottom,
8274
- C = this.Dleft;
8275
- var d = (t.x - this.source.x) / this.source.width,
8276
- b = (t.y - this.source.y) / this.source.height,
8277
- p = 1 - b,
8278
- B = this.getPointOn(b, s, c, e, C),
8279
- l = this.getPointOn(b, o, a, n, y),
8280
- D = new h(i.x * p + A.x * b, i.y * p + A.y * b),
8281
- m = new h(r.x * p + x.x * b, r.y * p + x.y * b),
8282
- k = this.getPointOn(d, B, l, D, m);
8283
- return new h(k.x, k.y);
8284
- };
8285
- _proto.getPointOn = function getPointOn(t, s, i, e, o) {
8286
- var r = new h(),
8287
- n = t * t * t,
8288
- a = t * t;
8289
- 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;
8290
- };
8291
- _proto.setArc = function setArc() {
8292
- var t = this._parameters,
8293
- s = this.source,
8294
- i = 1 - t.distortV;
8295
- 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;
8296
- };
8297
- _proto.setFish = function setFish() {
8298
- var t = this._parameters;
8299
- 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);
8300
- };
8301
- _proto.setFlag = function setFlag() {
8302
- this.calculateArms(), this.setControls();
8303
- var t = this._parameters;
8304
- 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);
8305
- };
8306
- _proto.setBulge = function setBulge() {
8307
- 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;
8308
- };
8309
- _proto.setArch = function setArch() {
8310
- 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;
8311
- };
8312
- _proto.setArcLower = function setArcLower() {
8313
- 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;
8314
- };
8315
- _proto.setArcUpper = function setArcUpper() {
8316
- 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;
8317
- };
8318
- _proto.setSqueeze = function setSqueeze() {
8319
- this.calculateArms(), this.setControls();
8320
- var t = this._parameters;
8321
- 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;
8322
- };
8323
- _proto.setInflate = function setInflate() {
8324
- this.calculateArms(), this.setControls();
8325
- var t = this._parameters,
8326
- s = (this.ADy + this.BCy) / 2,
8327
- i = (this.ABx + this.CDx) / 2;
8328
- 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;
8329
- };
8330
- _proto.setRise = function setRise() {
8331
- var t = this._parameters;
8332
- 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();
8333
- var s = this.ADy + this.BCy;
8334
- 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;
8335
- };
8336
- _proto.setWaveUpper = function setWaveUpper() {
8337
- this.calculateArms(), this.setControls();
8338
- var t = this._parameters;
8339
- this.Atop.y += 3 * t.bend * this.kAB * (this.ADy + this.BCy), this.Btop.y -= 3 * t.bend * this.kAB * (this.ADy + this.BCy);
8340
- };
8341
- _proto.setWaveLower = function setWaveLower() {
8342
- this.calculateArms(), this.setControls();
8343
- var t = this._parameters;
8344
- this.Dbottom.y += 3 * t.bend * this.kCD * (this.ADy + this.BCy), this.Cbottom.y -= 3 * t.bend * this.kCD * (this.ADy + this.BCy);
8345
- };
8346
- _proto.calculateArms = function calculateArms() {
8347
- 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;
8348
- };
8349
- _proto.getNewSegment = function getNewSegment(t, s, i, e) {
8350
- var o = this.T1,
8351
- r = o * o * o,
8352
- n = 1 - o,
8353
- a = n * n * n,
8354
- y = this.T2,
8355
- x = y * y * y,
8356
- c = 1 - y,
8357
- A = c * c * c,
8358
- C = 3 * o * n,
8359
- d = {};
8360
- d.x = (i.x - a * t.x - r * s.x) / C, d.y = (i.y - a * t.y - r * s.y) / C;
8361
- var b = 3 * y * c,
8362
- p = {};
8363
- p.x = (e.x - A * t.x - x * s.x) / b, p.y = (e.y - A * t.y - x * s.y) / b;
8364
- var B = {};
8365
- 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);
8366
- var l = {},
8367
- D = {};
8368
- 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;
8369
- var m = new h(l.x, l.y),
8370
- k = new h(D.x, D.y);
8371
- return [m.x, m.y, k.x, k.y, s.x, s.y];
8372
- };
8373
- return _class;
8374
- }();
8375
- }, function (t, s) {
8376
- t.exports = /*#__PURE__*/function () {
8377
- function _class2(t, s) {
8378
- if (t === void 0) {
8379
- t = 0;
8380
- }
8381
- if (s === void 0) {
8382
- s = 0;
8383
- }
8384
- if ("number" != typeof t || "number" != typeof s) throw new Exception("Invalid points");
8385
- var i = t || 0,
8386
- h = s || 0;
8387
- i && (i = parseInt(1e3 * i) / 1e3), h && (h = parseInt(1e3 * h) / 1e3), this._props = [i, h], this[0] = i, this[1] = h;
8388
- }
8389
- _createClass(_class2, [{
8390
- key: "x",
8391
- get: function get() {
8392
- return this._props[0];
8393
- },
8394
- set: function set(t) {
8395
- this[0] = t, this._props[0] = t;
8396
- }
8397
- }, {
8398
- key: "y",
8399
- get: function get() {
8400
- return this._props[1];
8401
- },
8402
- set: function set(t) {
8403
- this[1] = t, this._props[1] = t;
8404
- }
8405
- }]);
8406
- return _class2;
8407
- }();
8408
- }, function (t, s) {
8409
- t.exports = /*#__PURE__*/function () {
8410
- function _class3(t, s, i, h) {
8411
- 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;
8412
- }
8413
- return _class3;
8414
- }();
8415
- }, function (t, s, i) {
8416
- i(0);
8417
- t.exports = /*#__PURE__*/function () {
8418
- function _class4(t) {
8419
- 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;
8420
- }
8421
- return _class4;
8422
- }();
8423
- }, function (t, s, i) {
8424
- var h = i(1),
8425
- e = i(0),
8426
- o = i(2),
8427
- r = "C",
8428
- n = "Q",
8429
- a = "L",
8430
- y = "M",
8431
- x = "Z",
8432
- c = /*#__PURE__*/function () {
8433
- function c(t) {
8434
- this.data = [], this.commands = [], this.parseString(t);
8326
+ }, React__default.createElement("div", {
8327
+ className: "flex justify-center pointer-events-none h-9"
8328
+ }, React__default.createElement(UpIcon, {
8329
+ disabled: index === 0
8330
+ }))), React__default.createElement("button", {
8331
+ disabled: index === storeAllObject.length - 1,
8332
+ onClick: function onClick() {
8333
+ return layerHandle(item, index, 'minus');
8435
8334
  }
8436
- var _proto2 = c.prototype;
8437
- _proto2.parseString = function parseString(t) {
8438
- var s = [],
8439
- i = [];
8440
- t.match(/[A-Za-z][0-9\.\s\,\-]+\d/g).forEach(function (t) {
8441
- var h = t[0],
8442
- e = t.match(/[\d\.\-]+/g);
8443
- s.push(h), i.push.apply(i, e.map(parseFloat));
8444
- }), this.commands = s, this.data = i;
8445
- };
8446
- _proto2.scale = function scale(t, s) {
8447
- if (s === void 0) {
8448
- s = 0;
8449
- }
8450
- 0 == s && (s = t);
8451
- var i = this.data;
8452
- for (var _h = 0; _h < i.length; _h += 2) i[_h] *= t, i[_h + 1] *= s;
8453
- };
8454
- _proto2.warp = function warp(t) {
8455
- var s = new e(t, this.calcRectangle()),
8456
- i = this.commands,
8457
- o = this.data,
8458
- n = [],
8459
- a = new h(),
8460
- y = new h(),
8461
- _c = new h(),
8462
- A = new h(),
8463
- C = 0,
8464
- d = new h();
8465
- for (var _t = 0; _t < i.length; _t++) {
8466
- switch (i[_t]) {
8467
- case "L":
8468
- 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;
8469
- break;
8470
- case "Q":
8471
- 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;
8472
- break;
8473
- case "M":
8474
- A = _c = new h(o[C], o[C + 1]), n = n.concat(s.changePoint(A)), C += 2;
8475
- break;
8476
- case "C":
8477
- 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;
8478
- break;
8479
- case x:
8480
- A = _c;
8481
- }
8482
- }
8483
- this.data = n;
8484
- };
8485
- _proto2.output = function output() {
8486
- var t = [],
8487
- s = this.data.slice();
8488
- for (var _i = 0; _i < this.commands.length; _i++) {
8489
- var _h2 = this.commands[_i],
8490
- _e = 0;
8491
- switch (_h2) {
8492
- case "M":
8493
- case "L":
8494
- _e = 2;
8495
- break;
8496
- case "Q":
8497
- _e = 4;
8498
- break;
8499
- case "C":
8500
- _e = 6;
8501
- }
8502
- t.push(_h2 + s.splice(0, _e).join(" "));
8503
- }
8504
- return t.join(" ");
8505
- };
8506
- _proto2.calcRectangle = function calcRectangle() {
8507
- var t = this.commands,
8508
- s = this.data;
8509
- for (var i, h, e = {
8510
- xMin: 1 / 0,
8511
- yMin: 1 / 0,
8512
- xMax: -1 / 0,
8513
- yMax: -1 / 0
8514
- }, x = 0, _c2 = 0; _c2 < t.length; _c2++) {
8515
- switch (t[_c2]) {
8516
- case y:
8517
- case a:
8518
- i = s[x], h = s[x + 1], x += 2;
8519
- break;
8520
- case n:
8521
- i = s[x + 2], h = s[x + 3], x += 4;
8522
- break;
8523
- case r:
8524
- i = s[x + 4], h = s[x + 5], x += 6;
8525
- }
8526
- 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);
8527
- }
8528
- return e.xMax == -1 / 0 ? null : new o(e.xMin, e.yMin, e.xMax - e.xMin, e.yMax - e.yMin);
8529
- };
8530
- return c;
8531
- }();
8532
- t.exports = c, "undefined" != typeof window && (window.Path = c);
8533
- }]);
8534
-
8535
- var errorPopup = function errorPopup(_ref) {
8536
- var allColor = _ref.allColor;
8537
- return React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
8538
- className: "errorPanel flex z-[100] w-full py-[20px]"
8539
- }, React__default.createElement("div", {
8540
- className: "text-[#E11A38] text-[16px] font-size-[14px] font-bold flex-col"
8541
- }, React__default.createElement("span", {
8542
- className: "flex"
8543
- }, "COLORS IN DESIGN (", allColor.length, ")"), React__default.createElement("span", {
8544
- className: "flex"
8545
- }, "MAX COLORS EXCEEDED, REDUCE THE TOTAL COLOR COUNT TO 8 OR FEWER COLORS PER SIDE."))));
8546
- };
8547
-
8548
- var fontWithCamelCase = [
8549
- "Athletic Block",
8550
- "Brush Script",
8551
- "Magento",
8552
- "Puff",
8553
- "Uni Script",
8554
- "Accel",
8555
- "Plain"
8556
- ];
8557
- var Configuration = {
8558
- fontWithCamelCase: fontWithCamelCase
8335
+ }, React__default.createElement("div", {
8336
+ className: "flex justify-center pointer-events-none h-9"
8337
+ }, React__default.createElement(DownIcon, {
8338
+ disabled: index === storeAllObject.length - 1
8339
+ })))));
8340
+ })), React__default.createElement("button", {
8341
+ type: "button",
8342
+ 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",
8343
+ onClick: onSave
8344
+ }, "Save"));
8559
8345
  };
8560
8346
 
8561
8347
  var fontFamilies = [{
@@ -8637,1126 +8423,1176 @@ var fontFamilies = [{
8637
8423
  name: 'Uni Script',
8638
8424
  src: 'https://storage.googleapis.com/3ddplusgcp/richardson-customizer/fonts/scrpjet2.woff'
8639
8425
  }];
8640
- var Rightmenu = function Rightmenu() {
8641
- var _Object$keys2;
8642
- twElements.initTE({
8643
- Tab: twElements.Tab
8644
- });
8645
- var textSelected = use3dddPlus.getState().activeSelection;
8646
- var canvas = use3dddPlus.getState().fabricCanvas;
8647
- var _use3dddPlus = use3dddPlus(function (state) {
8648
- return [state.colorFill, state.currentSelection, state.activeSelection, state.textInfo, state.activeSelection, state.storeAllObject, state.allColor, state.setToggleSaveLogo];
8649
- }, shallow.shallow),
8650
- colorFill = _use3dddPlus[0],
8651
- currentSelection = _use3dddPlus[1],
8652
- activeSelection = _use3dddPlus[2],
8653
- textInfo = _use3dddPlus[3],
8654
- activeObj = _use3dddPlus[4],
8655
- storeAllObject = _use3dddPlus[5],
8656
- allColor = _use3dddPlus[6],
8657
- setToggleSaveLogo = _use3dddPlus[7];
8658
- var _useState = React.useState(false),
8659
- textAlignDisplay = _useState[0],
8660
- setTextAlignDisplay = _useState[1];
8661
- // const [outlineVal, setOutlineVal] = useState(0);
8662
- // const [spacingVal, setSpacinglineVal] = useState(1);
8663
- // const [sliderValue, setSliderValue] = useState(20);
8664
- var _useState2 = React.useState({
8665
- bold: false,
8666
- italic: false,
8667
- underline: false
8668
- }),
8669
- fontStyle = _useState2[0],
8670
- setFontStyle = _useState2[1];
8671
- var _useState3 = React.useState(null),
8672
- activeButton = _useState3[0],
8673
- setActiveButton = _useState3[1];
8674
- var _useState4 = React.useState(1),
8675
- activeTab = _useState4[0],
8676
- setActiveTab = _useState4[1];
8677
- var _useState5 = React.useState(50),
8678
- shapeSizeVal = _useState5[0],
8679
- setShapeSizeVal = _useState5[1];
8680
- var _useState6 = React.useState(textSelected && textSelected.text ? textSelected.text.length : 0),
8681
- textLength = _useState6[0],
8682
- setTextLength = _useState6[1];
8683
- var _useState7 = React.useState(-25),
8684
- bridgeshapeBendSize = _useState7[0],
8685
- setBridgeShapeBendSize = _useState7[1];
8686
- var _useState8 = React.useState(-12),
8687
- bowtieshapeBendSize = _useState8[0],
8688
- setBowtieShapeBendSize = _useState8[1];
8689
- var _useState9 = React.useState(false),
8690
- isNextClicked = _useState9[0],
8691
- setIsNextClicked = _useState9[1];
8692
- var _useState10 = React.useState({
8693
- visible: false,
8694
- property: '',
8695
- color: '',
8696
- callback: null
8697
- }),
8698
- displayPallet = _useState10[0],
8699
- setDisplayPallet = _useState10[1];
8700
- var _useState11 = React.useState(null),
8701
- position = _useState11[0],
8702
- setPosition = _useState11[1];
8703
- var tabs = [{
8704
- id: 1,
8705
- label: 'Properties'
8706
- }, {
8707
- id: 2,
8708
- label: 'Layers'
8709
- }];
8710
- var textShapes = [{
8711
- name: 'None',
8712
- src: ''
8713
- }, {
8714
- name: 'Arc',
8715
- src: ''
8716
- }, {
8717
- name: 'Bridge',
8718
- src: ''
8719
- }, {
8720
- name: 'Bowtie',
8721
- src: ''
8722
- }, {
8723
- name: 'Vertical Arch',
8724
- src: ''
8725
- }, {
8726
- name: 'Reverse Vertical Arch',
8727
- src: ''
8728
- }];
8729
- React.useEffect(function () {
8730
- if (!activeSelection) return;
8731
- use3dddPlus.setState({
8732
- textInfo: activeSelection.text
8733
- });
8734
- }, [activeSelection]);
8735
- React.useEffect(function () {
8736
- if (currentSelection === 'text' || currentSelection === 'group' || currentSelection === 'selectAll' || currentSelection === 'none') {
8737
- setActiveTab(1);
8738
- } else if (currentSelection === 'layer' || currentSelection === 'activeSelection') {
8739
- setActiveTab(2);
8426
+ var textShapes = [{
8427
+ name: 'None',
8428
+ src: ''
8429
+ }, {
8430
+ name: 'Arc',
8431
+ src: ''
8432
+ }, {
8433
+ name: 'Bridge',
8434
+ src: ''
8435
+ }, {
8436
+ name: 'Bowtie',
8437
+ src: ''
8438
+ }, {
8439
+ name: 'Vertical Arch',
8440
+ src: ''
8441
+ }, {
8442
+ name: 'Reverse Vertical Arch',
8443
+ src: ''
8444
+ }];
8445
+ var tabs = [{
8446
+ id: 1,
8447
+ label: 'Properties'
8448
+ }, {
8449
+ id: 2,
8450
+ label: 'Layers'
8451
+ }];
8452
+ var warpTypes = {
8453
+ None: '',
8454
+ Arc: 'WARP_ARC',
8455
+ Bridge: 'WARP_ARC_LOWER',
8456
+ Bowtie: 'WARP_BULGE',
8457
+ 'Vertical Arch': 'WARP_ARCH',
8458
+ 'Reverse Vertical Arch': 'WARP_ARCH'
8459
+ };
8460
+ var textProperties = ['pathData', 'colorFill', 'id', 'shapeSize', 'shapeType', 'fill', 'fontFamily', 'fontWeight', 'stroke', 'strokeWidth', 'padding', 'fontSize', 'charSpacing', 'textAlign', 'fontStyle', 'text'];
8461
+
8462
+ var fontWithCamelCase = [
8463
+ "Athletic Block",
8464
+ "Brush Script",
8465
+ "Magento",
8466
+ "Puff",
8467
+ "Uni Script",
8468
+ "Accel",
8469
+ "Plain"
8470
+ ];
8471
+ var Configuration = {
8472
+ fontWithCamelCase: fontWithCamelCase
8473
+ };
8474
+
8475
+ var errorPopup = function errorPopup(_ref) {
8476
+ var allColor = _ref.allColor;
8477
+ return React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
8478
+ className: "errorPanel flex z-[100] w-full py-[20px]"
8479
+ }, React__default.createElement("div", {
8480
+ className: "text-[#E11A38] text-[16px] font-size-[14px] font-bold flex-col"
8481
+ }, React__default.createElement("span", {
8482
+ className: "flex"
8483
+ }, "COLORS IN DESIGN (", allColor.length, ")"), React__default.createElement("span", {
8484
+ className: "flex"
8485
+ }, "MAX COLORS EXCEEDED, REDUCE THE TOTAL COLOR COUNT TO 8 OR FEWER COLORS PER SIDE."))));
8486
+ };
8487
+
8488
+ var TextProperties = function TextProperties(_ref) {
8489
+ var textInfo = _ref.textInfo,
8490
+ onTextChange = _ref.onTextChange,
8491
+ textSelected = _ref.textSelected,
8492
+ fontChange = _ref.fontChange,
8493
+ textStyle = _ref.textStyle,
8494
+ activeSelection = _ref.activeSelection,
8495
+ setDisplayPallet = _ref.setDisplayPallet,
8496
+ setPosition = _ref.setPosition,
8497
+ textColorChange = _ref.textColorChange,
8498
+ fontStyle = _ref.fontStyle,
8499
+ textAlignDisplay = _ref.textAlignDisplay,
8500
+ activeButton = _ref.activeButton,
8501
+ textAlignHandler = _ref.textAlignHandler,
8502
+ textOutlineHandler = _ref.textOutlineHandler,
8503
+ strokeColorChange = _ref.strokeColorChange,
8504
+ textSpacingHandler = _ref.textSpacingHandler,
8505
+ textShapeChange = _ref.textShapeChange,
8506
+ shapeSizeVal = _ref.shapeSizeVal,
8507
+ textShapeSizeHandler = _ref.textShapeSizeHandler;
8508
+ return React__default.createElement("div", {
8509
+ className: ""
8510
+ }, React__default.createElement("div", {
8511
+ className: "uppercase font-bold text-sm mb-[8.5px]"
8512
+ }, "Enter Text"), React__default.createElement("textarea", {
8513
+ value: textInfo,
8514
+ onChange: onTextChange,
8515
+ className: "w-[100%] border border-solid-[1px] border-[#9A9A9A] py-[10px] pl-[16px] mb-[16.5px]",
8516
+ placeholder: "LOGO TEXT"
8517
+ }), React__default.createElement("div", {
8518
+ className: "uppercase font-bold text-sm mb-[8.5px]"
8519
+ }, "Select Font"), React__default.createElement("select", {
8520
+ name: "FontStyleNumber",
8521
+ id: "FontStyleNumber",
8522
+ value: textSelected.fontFamily,
8523
+ onChange: fontChange,
8524
+ 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]"
8525
+ }, fontFamilies.map(function (list) {
8526
+ return React__default.createElement(React__default.Fragment, null, React__default.createElement("option", {
8527
+ value: list.name
8528
+ }, list.name));
8529
+ })), React__default.createElement("div", {
8530
+ className: "uppercase font-bold text-sm mb-[8.5px]"
8531
+ }, "Style"), React__default.createElement("div", {
8532
+ className: "flex gap-x-[15px] mb-[16.5px]"
8533
+ }, ' ', React__default.createElement("button", {
8534
+ disabled: textSelected && textSelected.shapeType && textSelected.shapeType !== 'none',
8535
+ 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]',
8536
+ style: textSelected && textSelected.shapeType && textSelected.shapeType !== 'none' ? {
8537
+ color: '#cccccc',
8538
+ cursor: 'default',
8539
+ backgroundColor: '#ffffff'
8540
+ } : {},
8541
+ onClick: function onClick(e) {
8542
+ return textStyle(e, 'fontWeight', 'bold');
8543
+ },
8544
+ id: "bold"
8545
+ }, "B"), React__default.createElement("button", {
8546
+ disabled: textSelected && textSelected.shapeType && textSelected.shapeType !== 'none',
8547
+ 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]',
8548
+ style: textSelected && textSelected.shapeType && textSelected.shapeType !== 'none' ? {
8549
+ color: '#cccccc',
8550
+ cursor: 'default',
8551
+ backgroundColor: '#ffffff'
8552
+ } : {},
8553
+ onClick: function onClick(e) {
8554
+ return textStyle(e, 'fontStyle', 'italic');
8555
+ },
8556
+ id: "italic"
8557
+ }, "I"), React__default.createElement("button", {
8558
+ disabled: textSelected && textSelected.shapeType && textSelected.shapeType !== 'none',
8559
+ 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]',
8560
+ style: textSelected && textSelected.shapeType && textSelected.shapeType !== 'none' ? {
8561
+ color: '#cccccc',
8562
+ cursor: 'default',
8563
+ backgroundColor: '#ffffff'
8564
+ } : {},
8565
+ onClick: function onClick(e) {
8566
+ return textStyle(e, 'underline', !fontStyle.underline);
8567
+ },
8568
+ id: "underline"
8569
+ }, "U")), textAlignDisplay === true && React__default.createElement("div", {
8570
+ className: "textAlign"
8571
+ }, React__default.createElement("div", {
8572
+ className: "uppercase font-bold text-sm mb-[8.5px]"
8573
+ }, "Align"), React__default.createElement("div", {
8574
+ className: "flex gap-x-[15px] mb-[16.5px]"
8575
+ }, React__default.createElement("button", {
8576
+ type: "button",
8577
+ 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]',
8578
+ id: "left",
8579
+ onClick: textAlignHandler
8580
+ }, React__default.createElement(fi.FiAlignLeft, {
8581
+ id: "left",
8582
+ onClick: textAlignHandler
8583
+ })), React__default.createElement("button", {
8584
+ type: "button",
8585
+ 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]',
8586
+ id: "center",
8587
+ onClick: textAlignHandler
8588
+ }, React__default.createElement(fi.FiAlignCenter, {
8589
+ id: "center",
8590
+ onClick: textAlignHandler
8591
+ })), React__default.createElement("button", {
8592
+ type: "button",
8593
+ 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]',
8594
+ id: "right",
8595
+ onClick: textAlignHandler
8596
+ }, React__default.createElement(fi.FiAlignRight, {
8597
+ id: "right",
8598
+ onClick: textAlignHandler
8599
+ })))), React__default.createElement("div", {
8600
+ className: "uppercase font-bold text-sm mb-[8.5px]"
8601
+ }, "Text Color"), React__default.createElement("div", {
8602
+ className: "relative flex"
8603
+ }, React__default.createElement(ColorImpl, {
8604
+ mClass: 'ml-0',
8605
+ handleChange: textColorChange,
8606
+ property: 'backgroundColor',
8607
+ name: 'backgroundColor',
8608
+ color: activeSelection.fill,
8609
+ setDisplayPallet: setDisplayPallet,
8610
+ setPosition: setPosition,
8611
+ callback: textColorChange
8612
+ })), React__default.createElement("div", {
8613
+ className: "flex gap-2 mt-4"
8614
+ }, React__default.createElement("div", null, React__default.createElement("div", {
8615
+ className: "uppercase font-bold text-sm mb-[8.5px]"
8616
+ }, "Outline Size"), React__default.createElement("input", {
8617
+ type: "number",
8618
+ id: "outlineSize",
8619
+ name: "outlineSize",
8620
+ step: "0.2",
8621
+ value: textSelected.strokeWidth,
8622
+ className: "border border-[#EBEBEB] py-[10px] pl-[16px] mb-[16.5px] w-[145px]",
8623
+ onChange: textOutlineHandler
8624
+ })), React__default.createElement("div", null, React__default.createElement("div", {
8625
+ className: "uppercase font-bold text-sm mb-[8.5px]"
8626
+ }, "Outline Color"), React__default.createElement("div", {
8627
+ className: "relative flex"
8628
+ }, ' ', React__default.createElement(ColorImpl, {
8629
+ mClass: 'ml-0',
8630
+ handleChange: strokeColorChange,
8631
+ property: 'backgroundColor',
8632
+ name: 'backgroundColor',
8633
+ color: activeSelection.stroke,
8634
+ setDisplayPallet: setDisplayPallet,
8635
+ setPosition: setPosition,
8636
+ callback: strokeColorChange
8637
+ })))), React__default.createElement("div", {
8638
+ className: "flex gap-2"
8639
+ }, React__default.createElement("div", null, React__default.createElement("div", {
8640
+ className: "uppercase font-bold text-sm mb-[8.5px]"
8641
+ }, "Letter Spacing"), React__default.createElement("input", {
8642
+ disabled: textSelected && textSelected.shapeType && textSelected.shapeType !== 'none',
8643
+ type: "number",
8644
+ id: "spacing",
8645
+ name: "spacing",
8646
+ step: "10",
8647
+ value: textSelected.charSpacing,
8648
+ className: "border border-[#EBEBEB] py-[10px] pl-[16px] mb-[16.5px] w-[145px]",
8649
+ onChange: textSpacingHandler
8650
+ }))), React__default.createElement("div", {
8651
+ className: "flex gap-2"
8652
+ }, React__default.createElement("div", {
8653
+ className: "w-[50%]"
8654
+ }, React__default.createElement("div", {
8655
+ className: "uppercase font-bold text-sm mb-[8.5px]"
8656
+ }, "Text Shape"), React__default.createElement("select", {
8657
+ name: "textShape",
8658
+ id: "textShape",
8659
+ value: textSelected.shapeType ? textSelected.shapeType : 'None',
8660
+ onChange: textShapeChange,
8661
+ // 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]`}
8662
+ 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]"
8663
+ }, textShapes.map(function (list) {
8664
+ return React__default.createElement(React__default.Fragment, null, React__default.createElement("option", {
8665
+ value: list.name
8666
+ }, list.name));
8667
+ }))), React__default.createElement("div", {
8668
+ className: "w-[50%]"
8669
+ }, React__default.createElement("div", {
8670
+ className: "uppercase font-bold text-sm mb-[8.5px]"
8671
+ }, "Shape Size"), React__default.createElement("input", {
8672
+ type: "number",
8673
+ id: "shapeSize",
8674
+ name: "shapeSize",
8675
+ step: "10",
8676
+ value: shapeSizeVal,
8677
+ className: "border border-[#EBEBEB] py-[10px] pl-[16px] mb-[16.5px] w-[145px]",
8678
+ onChange: textShapeSizeHandler
8679
+ }))));
8680
+ };
8681
+
8682
+ var ErrorColorDiv = function ErrorColorDiv(_ref) {
8683
+ var setIsNextClicked = _ref.setIsNextClicked,
8684
+ conflictColors = _ref.conflictColors;
8685
+ return React__default.createElement("div", {
8686
+ className: "mb-[10px]",
8687
+ style: {
8688
+ position: 'absolute',
8689
+ backgroundColor: '#FFFFFF',
8690
+ bottom: 0,
8691
+ padding: '7px'
8740
8692
  }
8741
- }, [currentSelection]);
8742
- var textToPath = /*#__PURE__*/function () {
8743
- var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(objects) {
8744
- var promises, pathObj;
8745
- return _regeneratorRuntime().wrap(function _callee$(_context) {
8746
- while (1) switch (_context.prev = _context.next) {
8747
- case 0:
8748
- promises = [];
8749
- pathObj = null;
8750
- objects.forEach(function (object) {
8751
- promises = [].concat(promises, [new Promise(function (resolve) {
8752
- // console.log(object.type)
8753
- if (object.type === 'text') {
8754
- // console.log(object.fontFamily);
8755
- var fontSource = fontFamilies.filter(function (o) {
8756
- return o.name === object.fontFamily;
8757
- })[0].src;
8758
- // console.log(fontSource);
8759
- opentype_js.load(fontSource, function (error, font) {
8760
- if (error) {
8761
- console.error(error);
8762
- }
8763
- // console.log("font loaded", font);
8764
- var path = font.getPath(object.text, 0, 0, object.fontSize, {
8765
- fontSize: object.get('fontSize'),
8766
- fill: object.get('fill'),
8767
- stroke: object.get('stroke'),
8768
- strokeWidth: object.get('strokeWidth')
8769
- });
8770
- var fabricPath = new fabric.fabric.Path(path.toPathData(20), {});
8771
- pathObj = fabricPath;
8772
- resolve(pathObj);
8773
- });
8774
- }
8775
- })]);
8776
- });
8777
- //resolve all promises
8778
- _context.next = 5;
8779
- return Promise.all(promises);
8780
- case 5:
8781
- return _context.abrupt("return", pathObj);
8782
- case 6:
8783
- case "end":
8784
- return _context.stop();
8785
- }
8786
- }, _callee);
8787
- }));
8788
- return function textToPath(_x) {
8789
- return _ref.apply(this, arguments);
8790
- };
8791
- }();
8792
- var setShapeSizeOnTextPath = function setShapeSizeOnTextPath(val) {
8793
- // console.log(textSelected,val);
8794
- if (!textSelected || !textSelected['pathData']) {
8795
- return;
8796
- }
8797
- //@ts-ignore
8798
- var p = new Path(textSelected['pathData'].toClipPathSVG());
8799
- textSelected.shapeSize = val;
8800
- switch (textSelected['shapeType']) {
8801
- case 'None':
8802
- {
8803
- break;
8804
- }
8805
- case 'Arc':
8806
- {
8807
- p.warp({
8808
- type: 'WARP_ARC',
8809
- bend: val / 100 || 0
8810
- });
8811
- break;
8812
- }
8813
- case 'Bridge':
8814
- {
8815
- p.warp({
8816
- type: 'WARP_ARC_LOWER',
8817
- bend: val / 100 || 0
8818
- });
8819
- break;
8820
- }
8821
- case 'Bowtie':
8822
- {
8823
- p.warp({
8824
- type: 'WARP_BULGE',
8825
- bend: val / 100 || 0
8826
- });
8827
- break;
8828
- }
8829
- case 'Vertical Arch':
8830
- {
8831
- p.warp({
8832
- type: 'WARP_ARCH',
8833
- bend: val / 100 || 0
8834
- });
8835
- break;
8836
- }
8837
- case 'Reverse Vertical Arch':
8838
- {
8839
- p.warp({
8840
- type: 'WARP_ARCH',
8841
- bend: val / 100 || 0
8842
- });
8843
- break;
8844
- }
8693
+ }, React__default.createElement(IconButton, {
8694
+ label: "Close",
8695
+ icon: React__default.createElement(md.MdOutlineCancel, null),
8696
+ onClick: function onClick() {
8697
+ setIsNextClicked(false);
8698
+ },
8699
+ className: '',
8700
+ size: "1.5rem",
8701
+ style: {
8702
+ position: 'absolute',
8703
+ cursor: 'pointer',
8704
+ fontWeight: 'bold',
8705
+ right: 10,
8706
+ top: -7,
8707
+ color: '#FF0000'
8845
8708
  }
8846
- var newTextPath = new fabric.fabric.Path(p.output());
8847
- // add new textPath
8848
- console.log("---<", textSelected, textSelected.width, textSelected.height);
8849
- canvas.add(newTextPath);
8850
- newTextPath['pathData'] = textSelected.pathData;
8851
- newTextPath['colorFill'] = textSelected.colorFill;
8852
- newTextPath['id'] = textSelected.id;
8853
- newTextPath['shapeSize'] = val;
8854
- newTextPath['shapeType'] = textSelected.shapeType;
8855
- // carry forward the text properties over the path for further changes
8856
- newTextPath['fill'] = textSelected.fill;
8857
- newTextPath['fontFamily'] = textSelected.fontFamily;
8858
- newTextPath['fontWeight'] = textSelected.fontWeight;
8859
- newTextPath['stroke'] = textSelected.stroke;
8860
- newTextPath['strokeWidth'] = textSelected.strokeWidth;
8861
- newTextPath['padding'] = textSelected.padding;
8862
- newTextPath['fontSize'] = textSelected.fontSize;
8863
- newTextPath['charSpacing'] = textSelected.charSpacing;
8864
- newTextPath['textAlign'] = textSelected.textAlign;
8865
- newTextPath['fontStyle'] = textSelected.fontStyle;
8866
- newTextPath['text'] = textSelected.text;
8867
- //@ts-ignore
8868
- var dims = newTextPath._calcDimensions();
8869
- // Set the same position scale matching with existing text
8870
- newTextPath.left = textSelected.left;
8871
- newTextPath.top = textSelected.top;
8872
- newTextPath.width = textSelected.width;
8873
- newTextPath.height = textSelected.height;
8874
- newTextPath.scaleX = textSelected.scaleX * (textSelected.width / dims.width);
8875
- newTextPath.scaleY = textSelected.scaleY * (textSelected.width / dims.width);
8876
- newTextPath.setCoords();
8877
- //@ts-ignore
8878
- // let dims = newTextPath._calcDimensions();
8879
- newTextPath.width = dims.width;
8880
- newTextPath.height = dims.height;
8881
- // delete the text object
8882
- canvas.remove(textSelected);
8883
- // set active object as path text
8884
- canvas.setActiveObject(newTextPath);
8885
- use3dddPlus.setState({
8886
- activeSelection: newTextPath
8887
- });
8888
- // textSelected.path = newTextPath.path;
8889
- textSelected._removeCacheCanvas();
8890
- canvas.renderAll();
8891
- use3dddPlus.getState().forIconCapture();
8892
- newTextPath['icon'] = use3dddPlus.getState().iconImage;
8893
- updateStoreAllObject(newTextPath);
8894
- };
8895
- var bridgeShapeChange = function bridgeShapeChange() {
8896
- if (textSelected && textSelected.shapeType) {
8897
- if (textSelected && textSelected.text && textSelected.text.length > textLength) {
8898
- if (textSelected.shapeType === 'Bridge') {
8899
- setBridgeShapeBendSize(bridgeshapeBendSize + 3);
8900
- } else {
8901
- setBowtieShapeBendSize(bowtieshapeBendSize + 1);
8902
- }
8903
- } else {
8904
- if (textSelected.shapeType === 'Bridge') {
8905
- setBridgeShapeBendSize(bridgeshapeBendSize - 2);
8906
- } else {
8907
- setBowtieShapeBendSize(bowtieshapeBendSize - 1);
8908
- }
8909
- }
8910
- if (textSelected && textSelected.text && textSelected.text.length > 10) {
8911
- setBridgeShapeBendSize(-10);
8912
- setBowtieShapeBendSize(-5);
8913
- }
8914
- setTextLength(textSelected.text.length);
8709
+ }), React__default.createElement("div", {
8710
+ className: "text-[#E11A38]",
8711
+ style: {
8712
+ fontWeight: 'bold',
8713
+ marginBottom: '3px'
8915
8714
  }
8916
- };
8917
- var textShapeChange = /*#__PURE__*/function () {
8918
- var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(e, textChange, fontSize, charSpacing, strokeWidth, fontWeight, textAlign, fontStyle) {
8919
- var pathData, p, shapeType, text, _text, fabricPath, dims, newTextPath, _dims, activeObj;
8920
- return _regeneratorRuntime().wrap(function _callee2$(_context2) {
8921
- while (1) switch (_context2.prev = _context2.next) {
8922
- case 0:
8923
- if (textChange === void 0) {
8924
- textChange = false;
8925
- }
8926
- if (fontSize === void 0) {
8927
- fontSize = null;
8928
- }
8929
- if (charSpacing === void 0) {
8930
- charSpacing = null;
8931
- }
8932
- if (strokeWidth === void 0) {
8933
- strokeWidth = null;
8934
- }
8935
- if (fontWeight === void 0) {
8936
- fontWeight = null;
8937
- }
8938
- if (textAlign === void 0) {
8939
- textAlign = null;
8940
- }
8941
- if (fontStyle === void 0) {
8942
- fontStyle = null;
8943
- }
8944
- pathData = null;
8945
- p = null;
8946
- shapeType = e && e.target ? e.target.value : e;
8947
- if (!shapeType) {
8948
- shapeType = textSelected.shapeType;
8949
- }
8950
- // setShapeType(shapeType);
8951
- // if the selection is a text object then convert the text into path for shape deformation
8952
- if (!(currentSelection === 'text')) {
8953
- _context2.next = 21;
8954
- break;
8955
- }
8956
- _context2.next = 14;
8957
- return textToPath([textSelected]);
8958
- case 14:
8959
- pathData = _context2.sent;
8960
- //@ts-ignore
8961
- p = new Path(pathData.toClipPathSVG());
8962
- setBridgeShapeBendSize(-25);
8963
- setBowtieShapeBendSize(-12);
8964
- setTextLength(textSelected.text.length);
8965
- _context2.next = 48;
8966
- break;
8967
- case 21:
8968
- if (!(currentSelection === 'path' && textChange)) {
8969
- _context2.next = 42;
8970
- break;
8971
- }
8972
- if (!(textSelected.text && textSelected.text.trim() === '')) {
8973
- _context2.next = 27;
8974
- break;
8975
- }
8976
- textSelected.path = [];
8977
- textSelected._removeCacheCanvas();
8978
- canvas.renderAll();
8979
- return _context2.abrupt("return");
8980
- case 27:
8981
- // create a temp text with same properties & convert to path
8982
- text = new fabric.fabric.Text(textSelected.text, {
8983
- lineHeight: 1,
8984
- fill: textSelected.fill,
8985
- fontFamily: textSelected.fontFamily,
8986
- fontWeight: fontWeight ? fontWeight : textSelected.fontWeight,
8987
- top: textSelected.top,
8988
- left: textSelected.left,
8989
- stroke: textSelected.stroke,
8990
- strokeWidth: strokeWidth ? strokeWidth : textSelected.strokeWidth,
8991
- fontStyle: fontStyle ? fontStyle : textSelected.fontStyle,
8992
- paintFirst: 'stroke',
8993
- charSpacing: charSpacing ? charSpacing : textSelected.charSpacing,
8994
- padding: textSelected.padding,
8995
- fontSize: fontSize ? fontSize : textSelected.fontSize,
8996
- textAlign: textAlign ? textAlign : textSelected.textAlign,
8997
- name: 'text',
8998
- lockScalingFlip: true,
8999
- centeredScaling: true,
9000
- text: textSelected.text,
9001
- width: textSelected.width,
9002
- height: textSelected.height
9003
- });
9004
- text.set({
9005
- //@ts-ignore
9006
- colorFill: textSelected.colorFill,
9007
- fontWeight: fontWeight
9008
- });
9009
- // let dims = fabricPath._calcDimensions();
9010
- text.left = textSelected.left;
9011
- text.top = textSelected.top;
9012
- text.width = textSelected.width;
9013
- text.height = textSelected.height;
9014
- text.scaleX = textSelected.scaleX;
9015
- text.scaleY = textSelected.scaleY;
9016
- text.id = textSelected.id;
9017
- _context2.next = 38;
9018
- return textToPath([text]);
9019
- case 38:
9020
- pathData = _context2.sent;
9021
- //@ts-ignore
9022
- p = new Path(pathData.toClipPathSVG());
9023
- _context2.next = 48;
9024
- break;
9025
- case 42:
9026
- if (!(currentSelection === 'path' && !textChange)) {
9027
- _context2.next = 47;
9028
- break;
9029
- }
9030
- pathData = textSelected.pathData;
9031
- //@ts-ignore
9032
- p = new Path(pathData.toClipPathSVG());
9033
- _context2.next = 48;
9034
- break;
9035
- case 47:
9036
- return _context2.abrupt("return");
9037
- case 48:
9038
- _context2.t0 = shapeType;
9039
- _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;
9040
- break;
9041
- case 51:
9042
- setShapeSizeVal(0);
9043
- textSelected.shapeType = 'None';
9044
- // revert back to text type object
9045
- _text = new fabric.fabric.Text(textSelected.text, {
9046
- lineHeight: 1,
9047
- fill: textSelected.fill,
9048
- fontFamily: textSelected.fontFamily,
9049
- fontWeight: fontWeight ? fontWeight : textSelected.fontWeight,
9050
- top: textSelected.top,
9051
- left: textSelected.left,
9052
- stroke: textSelected.stroke,
9053
- strokeWidth: strokeWidth ? strokeWidth : textSelected.strokeWidth,
9054
- fontStyle: fontStyle ? fontStyle : textSelected.fontStyle,
9055
- paintFirst: 'stroke',
9056
- charSpacing: charSpacing ? charSpacing : textSelected.charSpacing,
9057
- padding: textSelected.padding,
9058
- fontSize: fontSize ? fontSize : textSelected.fontSize,
9059
- textAlign: textAlign ? textAlign : textSelected.textAlign,
9060
- name: 'text',
9061
- lockScalingFlip: true,
9062
- centeredScaling: true,
9063
- text: textSelected.text
9064
- });
9065
- _text.set({
9066
- //@ts-ignore
9067
- colorFill: textSelected.colorFill,
9068
- fontWeight: fontWeight
9069
- });
9070
- _text.left = textSelected.left;
9071
- _text.top = textSelected.top;
9072
- _text.scaleX = textSelected.scaleX * (textSelected.width / _text.width);
9073
- _text.scaleY = textSelected.scaleY * (textSelected.width / _text.width);
9074
- window["textObj"] = _text;
9075
- _text.setCoords();
9076
- _text.id = textSelected.id;
9077
- // delete the active text object
9078
- canvas.remove(textSelected);
9079
- textSelected._removeCacheCanvas();
9080
- canvas.setActiveObject(null);
9081
- canvas.renderAll();
9082
- // Add the text object keeping same properties
9083
- canvas.add(_text);
9084
- _text.setCoords();
9085
- // set active object as path text
9086
- canvas.setActiveObject(_text);
9087
- use3dddPlus.setState({
9088
- activeSelection: _text
9089
- });
9090
- //@ts-ignore
9091
- use3dddPlus.getState().forIconCapture();
9092
- _text['icon'] = use3dddPlus.getState().iconImage;
9093
- updateStoreAllObject(_text);
9094
- // canvas.setActiveObject(text);
9095
- // use3dddPlus.setState({ activeSelection: text });
9096
- canvas.renderAll();
9097
- // cancel performing further functions & return back from function
9098
- return _context2.abrupt("return");
9099
- case 75:
9100
- setShapeSizeVal(50);
9101
- textSelected.shapeType = 'Arc';
9102
- p.warp({
9103
- type: 'WARP_ARC',
9104
- bend: 50 / 100
9105
- });
9106
- return _context2.abrupt("break", 98);
9107
- case 79:
9108
- setShapeSizeVal(-25);
9109
- bridgeShapeChange();
9110
- textSelected.shapeType = 'Bridge';
9111
- p.warp({
9112
- type: 'WARP_ARC_LOWER',
9113
- bend: bridgeshapeBendSize / 100 || 0
9114
- });
9115
- return _context2.abrupt("break", 98);
9116
- case 84:
9117
- setShapeSizeVal(-12);
9118
- bridgeShapeChange();
9119
- textSelected.shapeType = 'Bowtie';
9120
- p.warp({
9121
- type: 'WARP_BULGE',
9122
- bend: bowtieshapeBendSize / 100 || 0
9123
- });
9124
- return _context2.abrupt("break", 98);
9125
- case 89:
9126
- setShapeSizeVal(35);
9127
- textSelected.shapeType = 'Vertical Arch';
9128
- p.warp({
9129
- type: 'WARP_ARCH',
9130
- bend: 35 / 100
9131
- });
9132
- return _context2.abrupt("break", 98);
9133
- case 93:
9134
- setShapeSizeVal(-35);
9135
- textSelected.shapeType = 'Reverse Vertical Arch';
9136
- p.warp({
9137
- type: 'WARP_ARCH',
9138
- bend: -35 / 100
9139
- });
9140
- return _context2.abrupt("break", 98);
9141
- case 97:
9142
- return _context2.abrupt("break", 98);
9143
- case 98:
9144
- // take out the update path with shape type deformation
9145
- fabricPath = new fabric.fabric.Path(p.output());
9146
- textSelected['pathData'] = pathData;
9147
- // add object only when converting from text to path
9148
- if (currentSelection === 'text') {
9149
- // add the path text object on canvas
9150
- canvas.add(fabricPath);
9151
- fabricPath['pathData'] = pathData;
9152
- fabricPath['colorFill'] = textSelected.colorFill;
9153
- fabricPath['shapeSize'] = shapeSizeVal;
9154
- fabricPath['shapeType'] = shapeType;
9155
- // carry forward the text properties over the path for further changes
9156
- fabricPath['fill'] = textSelected.fill;
9157
- fabricPath['fontFamily'] = textSelected.fontFamily;
9158
- fabricPath['fontWeight'] = textSelected.fontWeight;
9159
- fabricPath['stroke'] = textSelected.stroke;
9160
- fabricPath['strokeWidth'] = textSelected.strokeWidth;
9161
- fabricPath['padding'] = textSelected.padding;
9162
- fabricPath['fontSize'] = textSelected.fontSize;
9163
- fabricPath['charSpacing'] = textSelected.charSpacing;
9164
- fabricPath['textAlign'] = textSelected.textAlign;
9165
- fabricPath['fontStyle'] = textSelected.fontStyle;
9166
- fabricPath['text'] = textSelected.text;
9167
- fabricPath['id'] = textSelected.id;
9168
- //@ts-ignore
9169
- dims = fabricPath._calcDimensions(); // Set the same position scale matching with existing text
9170
- fabricPath.left = textSelected.left;
9171
- fabricPath.top = textSelected.top;
9172
- fabricPath.width = textSelected.width;
9173
- fabricPath.height = textSelected.height;
9174
- fabricPath.scaleX = textSelected.scaleX * (textSelected.width / dims.width);
9175
- fabricPath.scaleY = textSelected.scaleY * (textSelected.width / dims.width);
9176
- fabricPath.setCoords();
9177
- fabricPath.width = dims.width;
9178
- fabricPath.height = dims.height;
9179
- // var sel = new fabric.ActiveSelection(fabricPath, { canvas: canvas });
9180
- // canvas.setActiveObject(sel).requestRenderAll();
9181
- // delete the text object
9182
- canvas.remove(textSelected);
9183
- // set active object as path text
9184
- canvas.setActiveObject(fabricPath);
9185
- use3dddPlus.setState({
9186
- activeSelection: fabricPath
9187
- });
9188
- use3dddPlus.getState().forIconCapture();
9189
- fabricPath['icon'] = use3dddPlus.getState().iconImage;
9190
- updateStoreAllObject(fabricPath);
9191
- }
9192
- // update the text path object with new shape type
9193
- else {
9194
- // add new textPath
9195
- newTextPath = new fabric.fabric.Path(p.output());
9196
- newTextPath['pathData'] = textSelected.pathData;
9197
- newTextPath['colorFill'] = textSelected.colorFill;
9198
- newTextPath['shapeSize'] = textSelected.shapeSize;
9199
- newTextPath['shapeType'] = textSelected.shapeType;
9200
- newTextPath['fill'] = textSelected.fill;
9201
- newTextPath['fontFamily'] = textSelected.fontFamily;
9202
- newTextPath['fontWeight'] = textSelected.fontWeight;
9203
- newTextPath['stroke'] = textSelected.stroke;
9204
- newTextPath['strokeWidth'] = textSelected.strokeWidth;
9205
- newTextPath['padding'] = textSelected.padding;
9206
- newTextPath['fontSize'] = textSelected.fontSize;
9207
- newTextPath['charSpacing'] = textSelected.charSpacing;
9208
- newTextPath['textAlign'] = textSelected.textAlign;
9209
- newTextPath['fontStyle'] = textSelected.fontStyle;
9210
- newTextPath['text'] = textSelected.text;
9211
- // set same position & scale
9212
- newTextPath['left'] = textSelected.left;
9213
- newTextPath['top'] = textSelected.top;
9214
- newTextPath['width'] = textSelected.width;
9215
- newTextPath['height'] = textSelected.height;
9216
- //@ts-ignore
9217
- _dims = newTextPath._calcDimensions();
9218
- newTextPath['scaleX'] = textSelected.scaleX * (textSelected.width / _dims.width);
9219
- newTextPath['scaleY'] = textSelected.scaleY * (textSelected.width / _dims.width);
9220
- newTextPath['id'] = textSelected.id;
9221
- // delete the active text object
9222
- activeObj = canvas.getActiveObject();
9223
- canvas.remove(activeObj);
9224
- if (activeObj && activeObj !== null) {
9225
- activeObj._removeCacheCanvas();
9226
- }
9227
- // add & set active new path text
9228
- canvas.add(newTextPath);
9229
- canvas.setActiveObject(newTextPath);
9230
- use3dddPlus.setState({
9231
- activeSelection: newTextPath
9232
- });
9233
- newTextPath.setCoords();
9234
- newTextPath.width = _dims.width;
9235
- newTextPath.height = _dims.height;
9236
- canvas.renderAll();
9237
- use3dddPlus.getState().forIconCapture();
9238
- newTextPath['icon'] = use3dddPlus.getState().iconImage;
9239
- updateStoreAllObject(newTextPath);
8715
+ }, "ERROR: CONFLICT IN COLOR USED"), React__default.createElement("div", {
8716
+ className: "text-[#E11A38]",
8717
+ style: {
8718
+ marginBottom: '3px'
8719
+ }
8720
+ }, "Note: The following colors used are not available in Richardson color palette. Please edit the colors used."), React__default.createElement("div", null, conflictColors.map(function (c, i) {
8721
+ return React__default.createElement("div", {
8722
+ key: 'color-' + i,
8723
+ style: {
8724
+ width: '100%',
8725
+ height: '30px',
8726
+ lineHeight: '30px',
8727
+ backgroundColor: c,
8728
+ textAlign: 'center',
8729
+ marginBottom: '3px'
8730
+ }
8731
+ }, React__default.createElement("span", {
8732
+ style: {
8733
+ color: '#ffffff',
8734
+ mixBlendMode: 'difference'
8735
+ }
8736
+ }, c));
8737
+ })));
8738
+ };
8739
+ var Properties = function Properties(_ref2) {
8740
+ var _Object$keys2;
8741
+ var textSelected = _ref2.textSelected,
8742
+ activeTab = _ref2.activeTab,
8743
+ canvas = _ref2.canvas,
8744
+ setIsNextClicked = _ref2.setIsNextClicked,
8745
+ onSave = _ref2.onSave,
8746
+ conflictColors = _ref2.conflictColors,
8747
+ isNextClicked = _ref2.isNextClicked,
8748
+ setDisplayPallet = _ref2.setDisplayPallet,
8749
+ setPosition = _ref2.setPosition;
8750
+ var _use3dddPlus = use3dddPlus(function (state) {
8751
+ return [state.colorFill, state.currentSelection, state.activeSelection, state.textInfo, state.activeSelection, state.allColor];
8752
+ }, shallow__default),
8753
+ colorFill = _use3dddPlus[0],
8754
+ currentSelection = _use3dddPlus[1],
8755
+ activeSelection = _use3dddPlus[2],
8756
+ textInfo = _use3dddPlus[3],
8757
+ activeObj = _use3dddPlus[4],
8758
+ allColor = _use3dddPlus[5];
8759
+ var _useState = React.useState(false),
8760
+ textAlignDisplay = _useState[0],
8761
+ setTextAlignDisplay = _useState[1];
8762
+ var _useState2 = React.useState({
8763
+ bold: false,
8764
+ italic: false,
8765
+ underline: false
8766
+ }),
8767
+ fontStyle = _useState2[0],
8768
+ setFontStyle = _useState2[1];
8769
+ var _useState3 = React.useState(null),
8770
+ activeButton = _useState3[0],
8771
+ setActiveButton = _useState3[1];
8772
+ var _useState4 = React.useState(50),
8773
+ shapeSizeVal = _useState4[0],
8774
+ setShapeSizeVal = _useState4[1];
8775
+ var _useState5 = React.useState(textSelected && textSelected.text ? textSelected.text.length : 0),
8776
+ textLength = _useState5[0],
8777
+ setTextLength = _useState5[1];
8778
+ var _useState6 = React.useState(-25),
8779
+ bridgeshapeBendSize = _useState6[0],
8780
+ setBridgeShapeBendSize = _useState6[1];
8781
+ var _useState7 = React.useState(-12),
8782
+ bowtieshapeBendSize = _useState7[0],
8783
+ setBowtieShapeBendSize = _useState7[1];
8784
+ var textShapeSizeHandler = function textShapeSizeHandler(e) {
8785
+ var newSize = e.target.valueAsNumber;
8786
+ setShapeSizeVal(newSize);
8787
+ var state = use3dddPlus.getState();
8788
+ if (textSelected) {
8789
+ textSelected.shapeSize = newSize;
8790
+ state.updateModifaction(true);
8791
+ state.forIconCapture();
8792
+ textSelected.icon = state.iconImage;
8793
+ setShapeSizeOnTextPath(newSize);
8794
+ canvas.renderAll();
8795
+ if (textSelected.aCoords.tr.x > 480) {
8796
+ return;
8797
+ }
8798
+ }
8799
+ };
8800
+ var setShapeSizeOnTextPath = function setShapeSizeOnTextPath(val) {
8801
+ if (!textSelected || !textSelected.pathData) {
8802
+ return;
8803
+ }
8804
+ var applyTextProperties = function applyTextProperties(newTextPath, textSelected) {
8805
+ textProperties.forEach(function (prop) {
8806
+ newTextPath[prop] = textSelected[prop];
8807
+ });
8808
+ };
8809
+ var setNewPathDimensions = function setNewPathDimensions(newTextPath, dims, textSelected) {
8810
+ newTextPath.left = textSelected.left;
8811
+ newTextPath.top = textSelected.top;
8812
+ newTextPath.width = textSelected.width;
8813
+ newTextPath.height = textSelected.height;
8814
+ newTextPath.scaleX = textSelected.scaleX * (textSelected.width / dims.width);
8815
+ newTextPath.scaleY = textSelected.scaleY * (textSelected.width / dims.width);
8816
+ newTextPath.setCoords();
8817
+ newTextPath.width = dims.width;
8818
+ newTextPath.height = dims.height;
8819
+ };
8820
+ var state = use3dddPlus.getState();
8821
+ var canvas = state.fabricCanvas;
8822
+ // @ts-ignore
8823
+ var path = new Path(textSelected.pathData.toClipPathSVG());
8824
+ textSelected.shapeSize = val;
8825
+ var bendValue = val / 100 || 0;
8826
+ var warpType = warpTypes[textSelected.shapeType];
8827
+ if (warpType) {
8828
+ path.warp({
8829
+ type: warpType,
8830
+ bend: bendValue
8831
+ });
8832
+ }
8833
+ var newTextPath = new fabric.fabric.Path(path.output());
8834
+ applyTextProperties(newTextPath, textSelected);
8835
+ // @ts-ignore
8836
+ var dimensions = newTextPath._calcDimensions();
8837
+ setNewPathDimensions(newTextPath, dimensions, textSelected);
8838
+ canvas.remove(textSelected);
8839
+ canvas.add(newTextPath);
8840
+ canvas.setActiveObject(newTextPath);
8841
+ state.activeSelection = newTextPath;
8842
+ state.forIconCapture();
8843
+ // @ts-ignore
8844
+ newTextPath.icon = state.iconImage;
8845
+ updateStoreAllObject(newTextPath);
8846
+ canvas.renderAll();
8847
+ };
8848
+ var onTextChange = /*#__PURE__*/function () {
8849
+ var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(e) {
8850
+ var textValue, lines, state, isFontWithCamelCase, formattedText;
8851
+ return _regeneratorRuntime().wrap(function _callee$(_context) {
8852
+ while (1) switch (_context.prev = _context.next) {
8853
+ case 0:
8854
+ textValue = e.target.value;
8855
+ lines = textValue.split('\n');
8856
+ setTextAlignDisplay(lines.length > 1);
8857
+ state = use3dddPlus.getState();
8858
+ isFontWithCamelCase = Configuration.fontWithCamelCase.includes(textSelected.fontFamily);
8859
+ formattedText = isFontWithCamelCase ? textValue.toUpperCase() : textValue;
8860
+ use3dddPlus.setState({
8861
+ textInfo: formattedText
8862
+ });
8863
+ textSelected.text = formattedText;
8864
+ if (!(currentSelection === 'path')) {
8865
+ _context.next = 11;
8866
+ break;
9240
8867
  }
8868
+ _context.next = 11;
8869
+ return textShapeChange(textSelected.shapeType, true);
8870
+ case 11:
8871
+ reduceFontSize();
8872
+ textSelected.setCoords();
9241
8873
  canvas.renderAll();
9242
8874
  reduceFontSize();
9243
- case 103:
8875
+ canvas.renderAll();
8876
+ state.updateModifaction(true);
8877
+ state.forIconCapture();
8878
+ textSelected.icon = state.iconImage;
8879
+ case 19:
8880
+ case "end":
8881
+ return _context.stop();
8882
+ }
8883
+ }, _callee);
8884
+ }));
8885
+ return function onTextChange(_x) {
8886
+ return _ref3.apply(this, arguments);
8887
+ };
8888
+ }();
8889
+ var textAlignHandler = /*#__PURE__*/function () {
8890
+ var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(e) {
8891
+ var textAlign, state;
8892
+ return _regeneratorRuntime().wrap(function _callee2$(_context2) {
8893
+ while (1) switch (_context2.prev = _context2.next) {
8894
+ case 0:
8895
+ textAlign = e.currentTarget.id;
8896
+ setActiveButton(textAlign);
8897
+ textSelected.set('textAlign', textAlign);
8898
+ if (!(currentSelection === 'path')) {
8899
+ _context2.next = 6;
8900
+ break;
8901
+ }
8902
+ _context2.next = 6;
8903
+ return textShapeChange(textSelected.shapeType, true);
8904
+ case 6:
8905
+ state = use3dddPlus.getState();
8906
+ state.updateModifaction(true);
8907
+ state.forIconCapture();
8908
+ textSelected.icon = state.iconImage;
8909
+ canvas.requestRenderAll();
8910
+ case 11:
9244
8911
  case "end":
9245
8912
  return _context2.stop();
9246
8913
  }
9247
8914
  }, _callee2);
9248
8915
  }));
9249
- return function textShapeChange(_x2, _x3, _x4, _x5, _x6, _x7, _x8, _x9) {
9250
- return _ref2.apply(this, arguments);
8916
+ return function textAlignHandler(_x2) {
8917
+ return _ref4.apply(this, arguments);
9251
8918
  };
9252
8919
  }();
9253
- var updateStoreAllObject = function updateStoreAllObject(text) {
9254
- // @ts-ignore
9255
- // var index = use3dddPlus.getState().storeAllObject.indexOf(textSelected);
9256
- // let object = [{ objects: [] }];
9257
- // const canvasGetobject = use3dddPlus.getState().fabricCanvas.getObjects();
9258
- // canvasGetobject.forEach((element: any) => {
9259
- // if (element && element.shapeType) {
9260
- // element.type = 'path';
9261
- // }
9262
- // object[0].objects.push(element);
9263
- // });
9264
- // use3dddPlus.getState().storeHistory.push(object[0]); // for updateModifaction
9265
- use3dddPlus.getState().updateModifaction(true);
9266
- var index = use3dddPlus.getState().storeAllObject.findIndex(function (obj) {
9267
- return obj.id === textSelected.id;
8920
+ var fontChange = /*#__PURE__*/function () {
8921
+ var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(e) {
8922
+ var fontFamily, state;
8923
+ return _regeneratorRuntime().wrap(function _callee3$(_context3) {
8924
+ while (1) switch (_context3.prev = _context3.next) {
8925
+ case 0:
8926
+ fontFamily = e.target.value;
8927
+ textSelected.set('fontFamily', fontFamily);
8928
+ textSelected.set({
8929
+ text: textInfo,
8930
+ charSpacing: 0
8931
+ });
8932
+ if (Configuration.fontWithCamelCase.includes(fontFamily)) {
8933
+ textSelected.set({
8934
+ text: textSelected.text.toUpperCase(),
8935
+ charSpacing: 5
8936
+ });
8937
+ }
8938
+ if (!(currentSelection === 'path')) {
8939
+ _context3.next = 7;
8940
+ break;
8941
+ }
8942
+ _context3.next = 7;
8943
+ return textShapeChange(textSelected.shapeType, true);
8944
+ case 7:
8945
+ state = use3dddPlus.getState();
8946
+ state.forIconCapture();
8947
+ textSelected.icon = state.iconImage;
8948
+ canvas.requestRenderAll();
8949
+ reduceFontSize();
8950
+ state.updateModifaction(true);
8951
+ case 13:
8952
+ case "end":
8953
+ return _context3.stop();
8954
+ }
8955
+ }, _callee3);
8956
+ }));
8957
+ return function fontChange(_x3) {
8958
+ return _ref5.apply(this, arguments);
8959
+ };
8960
+ }();
8961
+ var textColorChange = function textColorChange(_property, color) {
8962
+ textSelected.set({
8963
+ fill: color,
8964
+ colorFill: {
8965
+ layer0: color
8966
+ }
9268
8967
  });
9269
- if (index > -1) {
9270
- use3dddPlus.getState().storeAllObject.splice(index, 1);
8968
+ var state = use3dddPlus.getState();
8969
+ state.updateModifaction(true);
8970
+ state.forIconCapture();
8971
+ textSelected.icon = state.iconImage;
8972
+ canvas.requestRenderAll();
8973
+ };
8974
+ var textOutlineHandler = function textOutlineHandler(e) {
8975
+ var activeText = canvas.getActiveObject();
8976
+ if (!activeText) {
8977
+ return;
8978
+ }
8979
+ if (currentSelection === 'path') {
8980
+ textShapeChange(textSelected.shapeType, true);
8981
+ }
8982
+ if (activeText.type === 'text') {
8983
+ activeText.set({
8984
+ strokeWidth: parseFloat(e.target.value)
8985
+ });
8986
+ var state = use3dddPlus.getState();
8987
+ state.updateModifaction(true);
8988
+ state.forIconCapture();
8989
+ activeText.icon = state.iconImage;
8990
+ activeText.canvas.requestRenderAll();
9271
8991
  }
9272
- //@ts-ignore
9273
- use3dddPlus.getState().storeAllObject.splice(index, 0, text);
9274
8992
  };
9275
- var textShapeSizeHandler = function textShapeSizeHandler(e) {
9276
- setShapeSizeVal(e.target.valueAsNumber);
9277
- textSelected.shapeSize = e.target.valueAsNumber;
9278
- console.log(e.target.valueAsNumber);
8993
+ var strokeColorChange = function strokeColorChange(_property, color) {
8994
+ textSelected.set('stroke', color);
8995
+ var state = use3dddPlus.getState();
8996
+ state.updateModifaction(true);
8997
+ state.forIconCapture();
8998
+ textSelected.icon = state.iconImage;
8999
+ canvas.requestRenderAll();
9000
+ };
9001
+ var textSpacingHandler = function textSpacingHandler(e) {
9002
+ // setSpacinglineVal(e.target.valueAsNumber);
9003
+ var dublicateText = textSelected;
9004
+ var oldCharSpacing = dublicateText.charSpacing;
9005
+ dublicateText.charSpacing = e.target.valueAsNumber;
9006
+ var brNew = dublicateText.getBoundingRect();
9007
+ if (brNew.width + brNew.left + 45 >= dublicateText.canvas.width || brNew.height + brNew.top >= dublicateText.canvas.height || brNew.left < 0 || brNew.top < 0) {
9008
+ if (textSelected.charSpacing > e.target.valueAsNumber) {
9009
+ textSelected.charSpacing = e.target.valueAsNumber;
9010
+ if (currentSelection === 'path') {
9011
+ textShapeChange(textSelected.shapeType, true);
9012
+ }
9013
+ use3dddPlus.getState().updateModifaction(true);
9014
+ use3dddPlus.getState().forIconCapture();
9015
+ textSelected.icon = use3dddPlus.getState().iconImage;
9016
+ canvas.renderAll();
9017
+ if (textSelected.aCoords.tr.x > 480) {
9018
+ return;
9019
+ }
9020
+ }
9021
+ } else {
9022
+ textSelected.charSpacing = e.target.valueAsNumber;
9023
+ if (currentSelection === 'path') {
9024
+ textShapeChange(textSelected.shapeType, true);
9025
+ }
9026
+ use3dddPlus.getState().forIconCapture();
9027
+ textSelected.icon = use3dddPlus.getState().iconImage;
9028
+ var _brNew = textSelected.getBoundingRect();
9029
+ if (_brNew.width + _brNew.left + 45 >= dublicateText.canvas.width || _brNew.height + _brNew.top >= dublicateText.canvas.height || _brNew.left < 0 || _brNew.top < 0) {
9030
+ textSelected.charSpacing = oldCharSpacing;
9031
+ }
9032
+ use3dddPlus.getState().updateModifaction(true);
9033
+ canvas.renderAll();
9034
+ if (textSelected.aCoords.tr.x > 480) {
9035
+ return;
9036
+ }
9037
+ }
9038
+ };
9039
+ var textStyle = function textStyle(e, key, value) {
9040
+ if (fontStyle[e.target.id]) textSelected.set(key, '');else textSelected.set(key, value);
9041
+ setFontStyle(function (state) {
9042
+ var _extends2;
9043
+ return _extends({}, state, (_extends2 = {}, _extends2[e.target.id] = !state[e.target.id], _extends2));
9044
+ });
9045
+ use3dddPlus.getState().updateModifaction(true);
9046
+ use3dddPlus.getState().forIconCapture();
9047
+ textSelected.icon = use3dddPlus.getState().iconImage;
9048
+ canvas.renderAll();
9049
+ };
9050
+ var changeSVGTextColor = function changeSVGTextColor(property, color) {
9051
+ var previousColor = property;
9052
+ canvas.getObjects().map(function (data) {
9053
+ if (data.type === 'text') {
9054
+ var _C = data.fill;
9055
+ if (_C === previousColor) {
9056
+ data.set({
9057
+ fill: color,
9058
+ colorFill: {
9059
+ layer0: color
9060
+ }
9061
+ });
9062
+ }
9063
+ // canvas.renderAll();
9064
+ } else if (data.type === 'path') {
9065
+ var _C2 = data.fill;
9066
+ if (_C2 === previousColor) {
9067
+ data.set({
9068
+ fill: color,
9069
+ colorFill: {
9070
+ layer0: color
9071
+ }
9072
+ });
9073
+ }
9074
+ // canvas.renderAll();
9075
+ } else if (data.type === 'group') {
9076
+ // console.log(data);
9077
+ var objImage = data._objects;
9078
+ objImage.forEach(function (ele) {
9079
+ var _C = ele.fill === 'transparent' || typeof ele.fill === 'string' && ele.fill.includes('#') ? ele.fill : RGBToHex(ele.fill);
9080
+ if (_C === previousColor) {
9081
+ ele.set({
9082
+ fill: color,
9083
+ colorFill: {
9084
+ layer0: color
9085
+ }
9086
+ });
9087
+ }
9088
+ });
9089
+ var _colorFill = _extends({}, data.colorFill);
9090
+ Object.keys(_colorFill).forEach(function (item) {
9091
+ if (_colorFill[item] === previousColor) {
9092
+ _colorFill[item] = color;
9093
+ }
9094
+ });
9095
+ data.set({
9096
+ colorFill: _colorFill
9097
+ });
9098
+ }
9099
+ if (data && data.icon) {
9100
+ data.icon = data.toDataURL('image/png');
9101
+ } else if (data._objects && data._objects.length) {
9102
+ data._objects[0].icon = data.toDataURL('image/png');
9103
+ }
9104
+ });
9105
+ canvas.renderAll();
9279
9106
  use3dddPlus.getState().updateModifaction(true);
9280
- use3dddPlus.getState().forIconCapture();
9281
- textSelected.icon = use3dddPlus.getState().iconImage;
9282
- setShapeSizeOnTextPath(textSelected.shapeSize);
9107
+ };
9108
+ var changeSVGColor = function changeSVGColor(property, color) {
9109
+ var fillColor = colorFill;
9110
+ var previousColor = fillColor[property];
9111
+ var SelectedObjet = use3dddPlus.getState().activeSelection;
9112
+ var objImage = SelectedObjet._objects;
9113
+ objImage.forEach(function (ele) {
9114
+ var _C = ele.fill === 'transparent' || typeof ele.fill === 'string' && ele.fill.includes('#') ? ele.fill : RGBToHex(ele.fill);
9115
+ if (_C === previousColor) {
9116
+ ele.set({
9117
+ fill: color,
9118
+ colorFill: {
9119
+ layer0: color
9120
+ }
9121
+ });
9122
+ }
9123
+ });
9124
+ var tempColorFill = _extends({}, SelectedObjet.colorFill);
9125
+ Object.keys(tempColorFill).forEach(function (item) {
9126
+ if (tempColorFill[item] === previousColor) {
9127
+ tempColorFill[item] = color;
9128
+ }
9129
+ });
9130
+ SelectedObjet.set({
9131
+ colorFill: tempColorFill
9132
+ });
9283
9133
  canvas.renderAll();
9284
- if (textSelected.aCoords.tr.x > 480) {
9285
- return;
9286
- }
9134
+ // fillColor[property] = color;
9135
+ // use3dddPlus.setState({ colorFill: fillColor });
9136
+ use3dddPlus.setState({
9137
+ colorFill: tempColorFill
9138
+ });
9139
+ use3dddPlus.getState().forIconCapture();
9140
+ SelectedObjet.icon = use3dddPlus.getState().iconImage;
9141
+ use3dddPlus.getState().updateModifaction(true);
9287
9142
  };
9288
- var reduceFontSize = /*#__PURE__*/function () {
9289
- var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
9290
- var brNew, canvasWidth, canvasHeight, _activeObj;
9291
- return _regeneratorRuntime().wrap(function _callee3$(_context3) {
9292
- while (1) switch (_context3.prev = _context3.next) {
9293
- case 0:
9294
- brNew = textSelected.getBoundingRect();
9295
- canvasWidth = 0;
9296
- canvasHeight = 0;
9297
- if (textSelected && textSelected.canvas && textSelected.canvas.width) {
9298
- canvasWidth = textSelected.canvas.width;
9299
- canvasHeight = textSelected.canvas.height;
9300
- } else {
9301
- canvasWidth = canvas.width;
9302
- canvasHeight = canvas.height;
9303
- }
9304
- 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) {
9305
- _activeObj = canvas.getActiveObject();
9306
- _activeObj.scale(_activeObj.scaleX * 0.99);
9307
- _activeObj.setCoords();
9308
- _activeObj = canvas.getActiveObject();
9309
- brNew = _activeObj.getBoundingRect();
9310
- canvas.renderAll();
9311
- }
9312
- canvas.renderAll();
9313
- case 6:
9314
- case "end":
9315
- return _context3.stop();
9316
- }
9317
- }, _callee3);
9318
- }));
9319
- return function reduceFontSize() {
9320
- return _ref3.apply(this, arguments);
9321
- };
9322
- }();
9323
- var onTextChange = /*#__PURE__*/function () {
9324
- var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(e) {
9325
- var lines;
9143
+ var textToPath = /*#__PURE__*/function () {
9144
+ var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(objects) {
9145
+ var promises, pathObj;
9326
9146
  return _regeneratorRuntime().wrap(function _callee4$(_context4) {
9327
9147
  while (1) switch (_context4.prev = _context4.next) {
9328
9148
  case 0:
9329
- lines = e.target.value.split('\n');
9330
- lines.length == 1 ? setTextAlignDisplay(false) : setTextAlignDisplay(true);
9331
- use3dddPlus.setState({
9332
- textInfo: Configuration.fontWithCamelCase.includes(textSelected.fontFamily) ? e.target.value.toUpperCase() : e.target.value
9149
+ promises = [];
9150
+ pathObj = null;
9151
+ objects.forEach(function (object) {
9152
+ promises = [].concat(promises, [new Promise(function (resolve) {
9153
+ // console.log(object.type)
9154
+ if (object.type === 'text') {
9155
+ // console.log(object.fontFamily);
9156
+ var fontSource = fontFamilies.filter(function (o) {
9157
+ return o.name === object.fontFamily;
9158
+ })[0].src;
9159
+ // console.log(fontSource);
9160
+ opentype_js.load(fontSource, function (error, font) {
9161
+ if (error) {
9162
+ console.error(error);
9163
+ }
9164
+ // console.log("font loaded", font);
9165
+ var path = font.getPath(object.text, 0, 0, object.fontSize, {
9166
+ fontSize: object.get('fontSize'),
9167
+ fill: object.get('fill'),
9168
+ stroke: object.get('stroke'),
9169
+ strokeWidth: object.get('strokeWidth')
9170
+ });
9171
+ var fabricPath = new fabric.fabric.Path(path.toPathData(20), {});
9172
+ pathObj = fabricPath;
9173
+ resolve(pathObj);
9174
+ });
9175
+ }
9176
+ })]);
9333
9177
  });
9334
- textSelected['text'] = Configuration.fontWithCamelCase.includes(textSelected.fontFamily) ? e.target.value.toUpperCase() : e.target.value;
9335
- if (!(currentSelection === 'path')) {
9336
- _context4.next = 7;
9337
- break;
9338
- }
9339
- _context4.next = 7;
9340
- return textShapeChange(textSelected.shapeType, true);
9341
- case 7:
9342
- // let textWidth = textSelected.width;
9343
- // const canvasWidth = canvas.width;
9344
- reduceFontSize();
9345
- // var newFontSize =
9346
- // (canvasWidth / (brNew.width + brNew.left)) * textSelected.fontSize;
9347
- // textSelected.set('fontSize', textSelected.fontSize - 3);
9348
- textSelected.setCoords();
9349
- canvas.renderAll();
9350
- reduceFontSize();
9351
- canvas.renderAll();
9352
- use3dddPlus.getState().updateModifaction(true);
9353
- use3dddPlus.getState().forIconCapture();
9354
- textSelected.icon = use3dddPlus.getState().iconImage;
9355
- case 15:
9178
+ //resolve all promises
9179
+ _context4.next = 5;
9180
+ return Promise.all(promises);
9181
+ case 5:
9182
+ return _context4.abrupt("return", pathObj);
9183
+ case 6:
9356
9184
  case "end":
9357
9185
  return _context4.stop();
9358
9186
  }
9359
9187
  }, _callee4);
9360
9188
  }));
9361
- return function onTextChange(_x10) {
9362
- return _ref4.apply(this, arguments);
9189
+ return function textToPath(_x4) {
9190
+ return _ref6.apply(this, arguments);
9363
9191
  };
9364
9192
  }();
9365
- var textAlignHandler = function textAlignHandler(e) {
9366
- console.log(e.target.id);
9367
- setActiveButton(e.target.id);
9368
- textSelected.set('textAlign', e.target.id);
9369
- if (currentSelection === 'path') {
9370
- textShapeChange(textSelected.shapeType, true);
9193
+ var bridgeShapeChange = function bridgeShapeChange() {
9194
+ if (textSelected && textSelected.shapeType) {
9195
+ if (textSelected && textSelected.text && textSelected.text.length > textLength) {
9196
+ if (textSelected.shapeType === 'Bridge') {
9197
+ setBridgeShapeBendSize(bridgeshapeBendSize + 3);
9198
+ } else {
9199
+ setBowtieShapeBendSize(bowtieshapeBendSize + 1);
9200
+ }
9201
+ } else {
9202
+ if (textSelected.shapeType === 'Bridge') {
9203
+ setBridgeShapeBendSize(bridgeshapeBendSize - 2);
9204
+ } else {
9205
+ setBowtieShapeBendSize(bowtieshapeBendSize - 1);
9206
+ }
9207
+ }
9208
+ if (textSelected && textSelected.text && textSelected.text.length > 10) {
9209
+ setBridgeShapeBendSize(-10);
9210
+ setBowtieShapeBendSize(-5);
9211
+ }
9212
+ setTextLength(textSelected.text.length);
9371
9213
  }
9372
- use3dddPlus.getState().updateModifaction(true);
9373
- use3dddPlus.getState().forIconCapture();
9374
- textSelected.icon = use3dddPlus.getState().iconImage;
9375
- canvas.renderAll();
9376
9214
  };
9377
- // const handleSliderChange = (event) => {
9378
- // let fontSize = textSelected.fontSize;
9379
- // let toReduceSize = event.target.value - fontSize;
9380
- // let dublicateText = textSelected;
9381
- // // let brNew;
9382
- // dublicateText.set('fontSize', event.target.value);
9383
- // // if (currentSelection === 'path') {
9384
- // // textShapeChange(dublicateText.shapeType, true);
9385
- // // brNew = use3dddPlus.getState().activeSelection.getBoundingRect();
9386
- // // } else {
9387
- // // brNew = dublicateText.getBoundingRect();
9388
- // // }
9389
- // const brNew = dublicateText.getBoundingRect();
9390
- // if (
9391
- // brNew.width + brNew.left + 45 >= textSelected.canvas.width ||
9392
- // brNew.height + brNew.top + 10 >= textSelected.canvas.height ||
9393
- // brNew.left < 45 ||
9394
- // brNew.top < 10
9395
- // ) {
9396
- // if (currentSelection === 'path') {
9397
- // textSelected.set(
9398
- // 'fontSize',
9399
- // event.target.value - (Math.sign(toReduceSize) >= 0 ? toReduceSize : 1)
9400
- // );
9401
- // textShapeChange(textSelected.shapeType, true);
9402
- // } else {
9403
- // if (brNew.left < 0) {
9404
- // textSelected.set('left', textSelected.left + 1);
9405
- // }
9406
- // if (brNew.top < 0) {
9407
- // textSelected.set('top', textSelected.top + 1);
9408
- // }
9409
- // textSelected.set(
9410
- // 'fontSize',
9411
- // event.target.value - (Math.sign(toReduceSize) >= 0 ? toReduceSize : 1)
9412
- // );
9413
- // }
9414
- // } else {
9415
- // if (fontSize > event.target.value) {
9416
- // textSelected.set('top', textSelected.top + 1);
9417
- // textSelected.set('left', textSelected.left + 1);
9418
- // } else {
9419
- // textSelected.set('top', textSelected.top - 1);
9420
- // textSelected.set('left', textSelected.left - 1);
9421
- // }
9422
- // textSelected.set('fontSize', event.target.value);
9423
- // if (currentSelection === 'path') {
9424
- // textShapeChange(textSelected.shapeType, true);
9425
- // }
9426
- // canvas.renderAll();
9427
- // // setSliderValue(event.target.value);
9428
- // }
9429
- // };
9430
- // const reduceLeft = async () => {
9431
- // const canvasWidth = textSelected.canvas.width;
9432
- // const canvasHeight = textSelected.canvas.height;
9433
- // let brNew = textSelected.getBoundingRect();
9434
- // while (
9435
- // Math.ceil(brNew.width + brNew.left + 45) >= Math.floor(canvasWidth) ||
9436
- // Math.ceil(brNew.height + brNew.top + 10) >= Math.floor(canvasHeight) ||
9437
- // Math.ceil(brNew.left) < 0 ||
9438
- // Math.ceil(brNew.top) < 0
9439
- // ) {
9440
- // textSelected.set('fontSize', textSelected.fontSize - 0.1);
9441
- // if (currentSelection === 'path') {
9442
- // await textShapeChange(textSelected.shapeType, true);
9443
- // canvas.renderAll();
9444
- // const activeObj = canvas.getActiveObject();
9445
- // brNew.left = activeObj.left;
9446
- // brNew.width = activeObj.width;
9447
- // brNew.top = activeObj.top;
9448
- // brNew.height = activeObj.height;
9449
- // } else {
9450
- // brNew = textSelected.getBoundingRect();
9451
- // }
9452
- // textSelected.setCoords();
9453
- // canvas.renderAll();
9454
- // }
9455
- // };
9456
- var fontChange = /*#__PURE__*/function () {
9457
- var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5(e) {
9215
+ var textShapeChange = /*#__PURE__*/function () {
9216
+ var _ref7 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5(e, textChange, fontSize, charSpacing, strokeWidth, fontWeight, textAlign, fontStyle) {
9217
+ var pathData, p, shapeType, text, _text, fabricPath, dims, newTextPath, _dims, activeObj;
9458
9218
  return _regeneratorRuntime().wrap(function _callee5$(_context5) {
9459
9219
  while (1) switch (_context5.prev = _context5.next) {
9460
9220
  case 0:
9461
- textSelected.set('fontFamily', e.target.value);
9462
- textSelected.set({
9463
- "text": textInfo,
9464
- "charSpacing": 0
9465
- });
9466
- if (Configuration.fontWithCamelCase.includes(e.target.value)) {
9467
- textSelected.set({
9468
- "text": textSelected.text.toUpperCase(),
9469
- "charSpacing": 5
9470
- });
9221
+ if (textChange === void 0) {
9222
+ textChange = false;
9471
9223
  }
9472
- if (!(currentSelection === 'path')) {
9473
- _context5.next = 6;
9224
+ if (fontSize === void 0) {
9225
+ fontSize = null;
9226
+ }
9227
+ if (charSpacing === void 0) {
9228
+ charSpacing = null;
9229
+ }
9230
+ if (strokeWidth === void 0) {
9231
+ strokeWidth = null;
9232
+ }
9233
+ if (fontWeight === void 0) {
9234
+ fontWeight = null;
9235
+ }
9236
+ if (textAlign === void 0) {
9237
+ textAlign = null;
9238
+ }
9239
+ if (fontStyle === void 0) {
9240
+ fontStyle = null;
9241
+ }
9242
+ pathData = null;
9243
+ p = null;
9244
+ shapeType = e && e.target ? e.target.value : e;
9245
+ if (!shapeType) {
9246
+ shapeType = textSelected.shapeType;
9247
+ }
9248
+ // setShapeType(shapeType);
9249
+ // if the selection is a text object then convert the text into path for shape deformation
9250
+ if (!(currentSelection === 'text')) {
9251
+ _context5.next = 21;
9252
+ break;
9253
+ }
9254
+ _context5.next = 14;
9255
+ return textToPath([textSelected]);
9256
+ case 14:
9257
+ pathData = _context5.sent;
9258
+ //@ts-ignore
9259
+ p = new Path(pathData.toClipPathSVG());
9260
+ setBridgeShapeBendSize(-25);
9261
+ setBowtieShapeBendSize(-12);
9262
+ setTextLength(textSelected.text.length);
9263
+ _context5.next = 48;
9264
+ break;
9265
+ case 21:
9266
+ if (!(currentSelection === 'path' && textChange)) {
9267
+ _context5.next = 42;
9268
+ break;
9269
+ }
9270
+ if (!(textSelected.text && textSelected.text.trim() === '')) {
9271
+ _context5.next = 27;
9272
+ break;
9273
+ }
9274
+ textSelected.path = [];
9275
+ textSelected._removeCacheCanvas();
9276
+ canvas.renderAll();
9277
+ return _context5.abrupt("return");
9278
+ case 27:
9279
+ // create a temp text with same properties & convert to path
9280
+ text = new fabric.fabric.Text(textSelected.text, {
9281
+ lineHeight: 1,
9282
+ fill: textSelected.fill,
9283
+ fontFamily: textSelected.fontFamily,
9284
+ fontWeight: fontWeight ? fontWeight : textSelected.fontWeight,
9285
+ top: textSelected.top,
9286
+ left: textSelected.left,
9287
+ stroke: textSelected.stroke,
9288
+ strokeWidth: strokeWidth ? strokeWidth : textSelected.strokeWidth,
9289
+ fontStyle: fontStyle ? fontStyle : textSelected.fontStyle,
9290
+ paintFirst: 'stroke',
9291
+ charSpacing: charSpacing ? charSpacing : textSelected.charSpacing,
9292
+ padding: textSelected.padding,
9293
+ fontSize: fontSize ? fontSize : textSelected.fontSize,
9294
+ textAlign: textAlign ? textAlign : textSelected.textAlign,
9295
+ name: 'text',
9296
+ lockScalingFlip: true,
9297
+ centeredScaling: true,
9298
+ text: textSelected.text,
9299
+ width: textSelected.width,
9300
+ height: textSelected.height
9301
+ });
9302
+ text.set({
9303
+ //@ts-ignore
9304
+ colorFill: textSelected.colorFill,
9305
+ fontWeight: fontWeight
9306
+ });
9307
+ // let dims = fabricPath._calcDimensions();
9308
+ text.left = textSelected.left;
9309
+ text.top = textSelected.top;
9310
+ text.width = textSelected.width;
9311
+ text.height = textSelected.height;
9312
+ text.scaleX = textSelected.scaleX;
9313
+ text.scaleY = textSelected.scaleY;
9314
+ text.id = textSelected.id;
9315
+ _context5.next = 38;
9316
+ return textToPath([text]);
9317
+ case 38:
9318
+ pathData = _context5.sent;
9319
+ //@ts-ignore
9320
+ p = new Path(pathData.toClipPathSVG());
9321
+ _context5.next = 48;
9322
+ break;
9323
+ case 42:
9324
+ if (!(currentSelection === 'path' && !textChange)) {
9325
+ _context5.next = 47;
9474
9326
  break;
9475
9327
  }
9476
- _context5.next = 6;
9477
- return textShapeChange(textSelected.shapeType, true);
9478
- case 6:
9328
+ pathData = textSelected.pathData;
9329
+ //@ts-ignore
9330
+ p = new Path(pathData.toClipPathSVG());
9331
+ _context5.next = 48;
9332
+ break;
9333
+ case 47:
9334
+ return _context5.abrupt("return");
9335
+ case 48:
9336
+ _context5.t0 = shapeType;
9337
+ _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;
9338
+ break;
9339
+ case 51:
9340
+ setShapeSizeVal(0);
9341
+ textSelected.shapeType = 'None';
9342
+ // revert back to text type object
9343
+ _text = new fabric.fabric.Text(textSelected.text, {
9344
+ lineHeight: 1,
9345
+ fill: textSelected.fill,
9346
+ fontFamily: textSelected.fontFamily,
9347
+ fontWeight: fontWeight ? fontWeight : textSelected.fontWeight,
9348
+ top: textSelected.top,
9349
+ left: textSelected.left,
9350
+ stroke: textSelected.stroke,
9351
+ strokeWidth: strokeWidth ? strokeWidth : textSelected.strokeWidth,
9352
+ fontStyle: fontStyle ? fontStyle : textSelected.fontStyle,
9353
+ paintFirst: 'stroke',
9354
+ charSpacing: charSpacing ? charSpacing : textSelected.charSpacing,
9355
+ padding: textSelected.padding,
9356
+ fontSize: fontSize ? fontSize : textSelected.fontSize,
9357
+ textAlign: textAlign ? textAlign : textSelected.textAlign,
9358
+ name: 'text',
9359
+ lockScalingFlip: true,
9360
+ centeredScaling: true,
9361
+ text: textSelected.text
9362
+ });
9363
+ _text.set({
9364
+ //@ts-ignore
9365
+ colorFill: textSelected.colorFill,
9366
+ fontWeight: fontWeight
9367
+ });
9368
+ _text.left = textSelected.left;
9369
+ _text.top = textSelected.top;
9370
+ _text.scaleX = textSelected.scaleX * (textSelected.width / _text.width);
9371
+ _text.scaleY = textSelected.scaleY * (textSelected.width / _text.width);
9372
+ window['textObj'] = _text;
9373
+ _text.setCoords();
9374
+ _text.id = textSelected.id;
9375
+ // delete the active text object
9376
+ canvas.remove(textSelected);
9377
+ textSelected._removeCacheCanvas();
9378
+ canvas.setActiveObject(null);
9479
9379
  canvas.renderAll();
9380
+ // Add the text object keeping same properties
9381
+ canvas.add(_text);
9382
+ _text.setCoords();
9383
+ // set active object as path text
9384
+ canvas.setActiveObject(_text);
9385
+ use3dddPlus.setState({
9386
+ activeSelection: _text
9387
+ });
9388
+ //@ts-ignore
9480
9389
  use3dddPlus.getState().forIconCapture();
9481
- textSelected.icon = use3dddPlus.getState().iconImage;
9482
- reduceFontSize();
9483
- use3dddPlus.getState().updateModifaction(true);
9484
- // fontFamilies.map((item) => {
9485
- // if (item.name == e.target.value) {
9486
- // const font = new FontFace(item.name, `url('${item.src}')`);
9487
- // font.load().then(async (value) => {
9488
- // //@ts-ignore
9489
- // document.fonts?.add(value);
9490
- // document.body.classList.add('fonts-loaded');
9491
- // textSelected.set('fontFamily', item.name);
9492
- // if (currentSelection === 'path') {
9493
- // await textShapeChange(textSelected.shapeType, true);
9494
- // }
9495
- // canvas.renderAll();
9496
- // use3dddPlus.getState().forIconCapture();
9497
- // textSelected.icon = use3dddPlus.getState().iconImage;
9498
- // reduceFontSize();
9499
- // use3dddPlus.getState().updateModifaction(true);
9500
- // });
9501
- // }
9502
- // });
9503
- case 11:
9504
- case "end":
9505
- return _context5.stop();
9506
- }
9507
- }, _callee5);
9508
- }));
9509
- return function fontChange(_x11) {
9510
- return _ref5.apply(this, arguments);
9511
- };
9512
- }();
9513
- var textColorChange = function textColorChange(property, color) {
9514
- console.log(property);
9515
- textSelected.set({
9516
- fill: color,
9517
- colorFill: {
9518
- layer0: color
9519
- }
9520
- });
9521
- //textSelected.set('fill', color);
9522
- use3dddPlus.getState().updateModifaction(true);
9523
- use3dddPlus.getState().forIconCapture();
9524
- textSelected.icon = use3dddPlus.getState().iconImage;
9525
- canvas.renderAll();
9526
- };
9527
- // const nudgeMove = (e) => {
9528
- // if (e.target.id === 'down') {
9529
- // if (textSelected.aCoords.br.y > canvas.height - 2) return;
9530
- // use3dddPlus.getState().moveDown(textSelected);
9531
- // use3dddPlus.getState().updateModifaction(true);
9532
- // } else if (e.target.id === 'up') {
9533
- // if (textSelected.aCoords.tr.y < 5) return;
9534
- // use3dddPlus.getState().moveUp(textSelected);
9535
- // use3dddPlus.getState().updateModifaction(true);
9536
- // } else if (e.target.id === 'right') {
9537
- // if (textSelected.aCoords.tr.x > canvas.height - 2) return;
9538
- // use3dddPlus.getState().moveRight(textSelected);
9539
- // use3dddPlus.getState().updateModifaction(true);
9540
- // } else if (e.target.id === 'left') {
9541
- // if (textSelected.aCoords.tl.x < 2) return;
9542
- // use3dddPlus.getState().moveLeft(textSelected);
9543
- // use3dddPlus.getState().updateModifaction(true);
9544
- // }
9545
- // };
9546
- var textOutlineHandler = function textOutlineHandler(e) {
9547
- var activeText = canvas.getActiveObject();
9548
- if (!activeText) {
9549
- return;
9550
- }
9551
- if (currentSelection === 'path') {
9552
- textShapeChange(textSelected.shapeType, true);
9553
- }
9554
- if (activeText.type == "text") {
9555
- activeText.set({
9556
- strokeWidth: parseFloat(e.target.value)
9557
- });
9558
- use3dddPlus.getState().updateModifaction(true);
9559
- use3dddPlus.getState().forIconCapture();
9560
- activeText.icon = use3dddPlus.getState().iconImage;
9561
- activeText.canvas.renderAll();
9562
- }
9563
- };
9564
- var strokeColorChange = function strokeColorChange(property, color) {
9565
- console.log(property);
9566
- textSelected.set('stroke', color);
9567
- use3dddPlus.getState().updateModifaction(true);
9568
- use3dddPlus.getState().forIconCapture();
9569
- textSelected.icon = use3dddPlus.getState().iconImage;
9570
- canvas.renderAll();
9571
- };
9572
- var textSpacingHandler = function textSpacingHandler(e) {
9573
- // setSpacinglineVal(e.target.valueAsNumber);
9574
- var dublicateText = textSelected;
9575
- var oldCharSpacing = dublicateText.charSpacing;
9576
- dublicateText.charSpacing = e.target.valueAsNumber;
9577
- var brNew = dublicateText.getBoundingRect();
9578
- if (brNew.width + brNew.left + 45 >= dublicateText.canvas.width || brNew.height + brNew.top >= dublicateText.canvas.height || brNew.left < 0 || brNew.top < 0) {
9579
- if (textSelected.charSpacing > e.target.valueAsNumber) {
9580
- textSelected.charSpacing = e.target.valueAsNumber;
9581
- if (currentSelection === 'path') {
9582
- textShapeChange(textSelected.shapeType, true);
9583
- }
9584
- use3dddPlus.getState().updateModifaction(true);
9585
- use3dddPlus.getState().forIconCapture();
9586
- textSelected.icon = use3dddPlus.getState().iconImage;
9587
- canvas.renderAll();
9588
- if (textSelected.aCoords.tr.x > 480) {
9589
- return;
9590
- }
9591
- }
9592
- } else {
9593
- textSelected.charSpacing = e.target.valueAsNumber;
9594
- if (currentSelection === 'path') {
9595
- textShapeChange(textSelected.shapeType, true);
9596
- }
9597
- use3dddPlus.getState().forIconCapture();
9598
- textSelected.icon = use3dddPlus.getState().iconImage;
9599
- var _brNew = textSelected.getBoundingRect();
9600
- if (_brNew.width + _brNew.left + 45 >= dublicateText.canvas.width || _brNew.height + _brNew.top >= dublicateText.canvas.height || _brNew.left < 0 || _brNew.top < 0) {
9601
- textSelected.charSpacing = oldCharSpacing;
9602
- }
9603
- use3dddPlus.getState().updateModifaction(true);
9604
- canvas.renderAll();
9605
- if (textSelected.aCoords.tr.x > 480) {
9606
- return;
9607
- }
9608
- }
9609
- };
9610
- var textStyle = function textStyle(e, key, value) {
9611
- if (fontStyle[e.target.id]) textSelected.set(key, '');else textSelected.set(key, value);
9612
- setFontStyle(function (state) {
9613
- var _extends2;
9614
- return _extends({}, state, (_extends2 = {}, _extends2[e.target.id] = !state[e.target.id], _extends2));
9615
- });
9616
- use3dddPlus.getState().updateModifaction(true);
9617
- use3dddPlus.getState().forIconCapture();
9618
- textSelected.icon = use3dddPlus.getState().iconImage;
9619
- canvas.renderAll();
9620
- };
9621
- var layerHandle = function layerHandle(element, index, num) {
9622
- var currentObject = [].concat(use3dddPlus.getState().storeAllObject);
9623
- if (num === 'minus') {
9624
- canvas.sendBackwards(element);
9625
- use3dddPlus.setState({
9626
- storeAllObject: changeArr(currentObject, index, index + 1)
9627
- });
9628
- } else {
9629
- canvas.bringForward(element);
9630
- use3dddPlus.setState({
9631
- storeAllObject: changeArr(currentObject, index, index - 1)
9632
- });
9633
- }
9634
- canvas.sendToBack(use3dddPlus.getState().verticalLine);
9635
- canvas.sendToBack(use3dddPlus.getState().horizontalLine);
9636
- use3dddPlus.getState().updateModifaction(true);
9637
- };
9638
- var changeArr = function changeArr(arr, fromIndex, toIndex) {
9639
- var element = arr.splice(fromIndex, 1)[0];
9640
- arr.splice(toIndex, 0, element);
9641
- return arr;
9642
- };
9643
- var deleteElement = function deleteElement(item) {
9644
- if (canvas._objects) {
9645
- canvas._objects.map(function (obj) {
9646
- if (obj.id && item.id && obj.id === item.id) {
9647
- canvas.remove(obj);
9390
+ _text['icon'] = use3dddPlus.getState().iconImage;
9391
+ updateStoreAllObject(_text);
9392
+ // canvas.setActiveObject(text);
9393
+ // use3dddPlus.setState({ activeSelection: text });
9394
+ canvas.renderAll();
9395
+ // cancel performing further functions & return back from function
9396
+ return _context5.abrupt("return");
9397
+ case 75:
9398
+ setShapeSizeVal(50);
9399
+ textSelected.shapeType = 'Arc';
9400
+ p.warp({
9401
+ type: 'WARP_ARC',
9402
+ bend: 50 / 100
9403
+ });
9404
+ return _context5.abrupt("break", 98);
9405
+ case 79:
9406
+ setShapeSizeVal(-25);
9407
+ bridgeShapeChange();
9408
+ textSelected.shapeType = 'Bridge';
9409
+ p.warp({
9410
+ type: 'WARP_ARC_LOWER',
9411
+ bend: bridgeshapeBendSize / 100 || 0
9412
+ });
9413
+ return _context5.abrupt("break", 98);
9414
+ case 84:
9415
+ setShapeSizeVal(-12);
9416
+ bridgeShapeChange();
9417
+ textSelected.shapeType = 'Bowtie';
9418
+ p.warp({
9419
+ type: 'WARP_BULGE',
9420
+ bend: bowtieshapeBendSize / 100 || 0
9421
+ });
9422
+ return _context5.abrupt("break", 98);
9423
+ case 89:
9424
+ setShapeSizeVal(35);
9425
+ textSelected.shapeType = 'Vertical Arch';
9426
+ p.warp({
9427
+ type: 'WARP_ARCH',
9428
+ bend: 35 / 100
9429
+ });
9430
+ return _context5.abrupt("break", 98);
9431
+ case 93:
9432
+ setShapeSizeVal(-35);
9433
+ textSelected.shapeType = 'Reverse Vertical Arch';
9434
+ p.warp({
9435
+ type: 'WARP_ARCH',
9436
+ bend: -35 / 100
9437
+ });
9438
+ return _context5.abrupt("break", 98);
9439
+ case 97:
9440
+ return _context5.abrupt("break", 98);
9441
+ case 98:
9442
+ // take out the update path with shape type deformation
9443
+ fabricPath = new fabric.fabric.Path(p.output());
9444
+ textSelected['pathData'] = pathData;
9445
+ // add object only when converting from text to path
9446
+ if (currentSelection === 'text') {
9447
+ // add the path text object on canvas
9448
+ canvas.add(fabricPath);
9449
+ fabricPath['pathData'] = pathData;
9450
+ fabricPath['colorFill'] = textSelected.colorFill;
9451
+ fabricPath['shapeSize'] = shapeSizeVal;
9452
+ fabricPath['shapeType'] = shapeType;
9453
+ // carry forward the text properties over the path for further changes
9454
+ fabricPath['fill'] = textSelected.fill;
9455
+ fabricPath['fontFamily'] = textSelected.fontFamily;
9456
+ fabricPath['fontWeight'] = textSelected.fontWeight;
9457
+ fabricPath['stroke'] = textSelected.stroke;
9458
+ fabricPath['strokeWidth'] = textSelected.strokeWidth;
9459
+ fabricPath['padding'] = textSelected.padding;
9460
+ fabricPath['fontSize'] = textSelected.fontSize;
9461
+ fabricPath['charSpacing'] = textSelected.charSpacing;
9462
+ fabricPath['textAlign'] = textSelected.textAlign;
9463
+ fabricPath['fontStyle'] = textSelected.fontStyle;
9464
+ fabricPath['text'] = textSelected.text;
9465
+ fabricPath['id'] = textSelected.id;
9466
+ //@ts-ignore
9467
+ dims = fabricPath._calcDimensions(); // Set the same position scale matching with existing text
9468
+ fabricPath.left = textSelected.left;
9469
+ fabricPath.top = textSelected.top;
9470
+ fabricPath.width = textSelected.width;
9471
+ fabricPath.height = textSelected.height;
9472
+ fabricPath.scaleX = textSelected.scaleX * (textSelected.width / dims.width);
9473
+ fabricPath.scaleY = textSelected.scaleY * (textSelected.width / dims.width);
9474
+ fabricPath.setCoords();
9475
+ fabricPath.width = dims.width;
9476
+ fabricPath.height = dims.height;
9477
+ // var sel = new fabric.ActiveSelection(fabricPath, { canvas: canvas });
9478
+ // canvas.setActiveObject(sel).requestRenderAll();
9479
+ // delete the text object
9480
+ canvas.remove(textSelected);
9481
+ // set active object as path text
9482
+ canvas.setActiveObject(fabricPath);
9483
+ use3dddPlus.setState({
9484
+ activeSelection: fabricPath
9485
+ });
9486
+ use3dddPlus.getState().forIconCapture();
9487
+ fabricPath['icon'] = use3dddPlus.getState().iconImage;
9488
+ updateStoreAllObject(fabricPath);
9489
+ }
9490
+ // update the text path object with new shape type
9491
+ else {
9492
+ // add new textPath
9493
+ newTextPath = new fabric.fabric.Path(p.output());
9494
+ newTextPath['pathData'] = textSelected.pathData;
9495
+ newTextPath['colorFill'] = textSelected.colorFill;
9496
+ newTextPath['shapeSize'] = textSelected.shapeSize;
9497
+ newTextPath['shapeType'] = textSelected.shapeType;
9498
+ newTextPath['fill'] = textSelected.fill;
9499
+ newTextPath['fontFamily'] = textSelected.fontFamily;
9500
+ newTextPath['fontWeight'] = textSelected.fontWeight;
9501
+ newTextPath['stroke'] = textSelected.stroke;
9502
+ newTextPath['strokeWidth'] = textSelected.strokeWidth;
9503
+ newTextPath['padding'] = textSelected.padding;
9504
+ newTextPath['fontSize'] = textSelected.fontSize;
9505
+ newTextPath['charSpacing'] = textSelected.charSpacing;
9506
+ newTextPath['textAlign'] = textSelected.textAlign;
9507
+ newTextPath['fontStyle'] = textSelected.fontStyle;
9508
+ newTextPath['text'] = textSelected.text;
9509
+ // set same position & scale
9510
+ newTextPath['left'] = textSelected.left;
9511
+ newTextPath['top'] = textSelected.top;
9512
+ newTextPath['width'] = textSelected.width;
9513
+ newTextPath['height'] = textSelected.height;
9514
+ //@ts-ignore
9515
+ _dims = newTextPath._calcDimensions();
9516
+ newTextPath['scaleX'] = textSelected.scaleX * (textSelected.width / _dims.width);
9517
+ newTextPath['scaleY'] = textSelected.scaleY * (textSelected.width / _dims.width);
9518
+ newTextPath['id'] = textSelected.id;
9519
+ // delete the active text object
9520
+ activeObj = canvas.getActiveObject();
9521
+ canvas.remove(activeObj);
9522
+ if (activeObj && activeObj !== null) {
9523
+ activeObj._removeCacheCanvas();
9524
+ }
9525
+ // add & set active new path text
9526
+ canvas.add(newTextPath);
9527
+ canvas.setActiveObject(newTextPath);
9528
+ use3dddPlus.setState({
9529
+ activeSelection: newTextPath
9530
+ });
9531
+ newTextPath.setCoords();
9532
+ newTextPath.width = _dims.width;
9533
+ newTextPath.height = _dims.height;
9534
+ canvas.renderAll();
9535
+ use3dddPlus.getState().forIconCapture();
9536
+ newTextPath['icon'] = use3dddPlus.getState().iconImage;
9537
+ updateStoreAllObject(newTextPath);
9538
+ }
9539
+ canvas.renderAll();
9540
+ reduceFontSize();
9541
+ case 103:
9542
+ case "end":
9543
+ return _context5.stop();
9648
9544
  }
9649
- });
9650
- }
9651
- canvas.requestRenderAll();
9545
+ }, _callee5);
9546
+ }));
9547
+ return function textShapeChange(_x5, _x6, _x7, _x8, _x9, _x10, _x11, _x12) {
9548
+ return _ref7.apply(this, arguments);
9549
+ };
9550
+ }();
9551
+ var updateStoreAllObject = function updateStoreAllObject(text) {
9652
9552
  use3dddPlus.getState().updateModifaction(true);
9653
- removeItem(item);
9654
- };
9655
- var removeItem = function removeItem(value) {
9656
- //@ts-ignore
9657
9553
  var index = use3dddPlus.getState().storeAllObject.findIndex(function (obj) {
9658
- return obj.id === value.id;
9554
+ return obj.id === textSelected.id;
9659
9555
  });
9660
9556
  if (index > -1) {
9661
9557
  use3dddPlus.getState().storeAllObject.splice(index, 1);
9662
9558
  }
9663
- use3dddPlus.setState({
9664
- storeAllObject: [].concat(use3dddPlus.getState().storeAllObject)
9665
- });
9559
+ use3dddPlus.getState().storeAllObject.splice(index, 0, text);
9666
9560
  };
9667
- var changeSVGTextColor = function changeSVGTextColor(property, color) {
9668
- var previousColor = property;
9669
- canvas.getObjects().map(function (data) {
9670
- if (data.type === 'text') {
9671
- var _C = data.fill;
9672
- if (_C === previousColor) {
9673
- data.set({
9674
- fill: color,
9675
- colorFill: {
9676
- layer0: color
9561
+ var reduceFontSize = /*#__PURE__*/function () {
9562
+ var _ref8 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee6() {
9563
+ var brNew, canvasWidth, canvasHeight, _activeObj;
9564
+ return _regeneratorRuntime().wrap(function _callee6$(_context6) {
9565
+ while (1) switch (_context6.prev = _context6.next) {
9566
+ case 0:
9567
+ brNew = textSelected.getBoundingRect();
9568
+ canvasWidth = 0;
9569
+ canvasHeight = 0;
9570
+ if (textSelected && textSelected.canvas && textSelected.canvas.width) {
9571
+ canvasWidth = textSelected.canvas.width;
9572
+ canvasHeight = textSelected.canvas.height;
9573
+ } else {
9574
+ canvasWidth = canvas.width;
9575
+ canvasHeight = canvas.height;
9677
9576
  }
9678
- });
9679
- }
9680
- // canvas.renderAll();
9681
- } else if (data.type === 'path') {
9682
- var _C2 = data.fill;
9683
- if (_C2 === previousColor) {
9684
- data.set({
9685
- fill: color,
9686
- colorFill: {
9687
- layer0: color
9577
+ 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) {
9578
+ _activeObj = canvas.getActiveObject();
9579
+ _activeObj.scale(_activeObj.scaleX * 0.99);
9580
+ _activeObj.setCoords();
9581
+ _activeObj = canvas.getActiveObject();
9582
+ brNew = _activeObj.getBoundingRect();
9583
+ canvas.renderAll();
9688
9584
  }
9689
- });
9585
+ canvas.renderAll();
9586
+ case 6:
9587
+ case "end":
9588
+ return _context6.stop();
9690
9589
  }
9691
- // canvas.renderAll();
9692
- } else if (data.type === 'group') {
9693
- // console.log(data);
9694
- var objImage = data._objects;
9695
- objImage.forEach(function (ele) {
9696
- var _C = ele.fill === 'transparent' || typeof ele.fill === 'string' && ele.fill.includes('#') ? ele.fill : RGBToHex(ele.fill);
9697
- if (_C === previousColor) {
9698
- ele.set({
9699
- fill: color,
9700
- colorFill: {
9701
- layer0: color
9702
- }
9703
- });
9704
- }
9705
- });
9706
- var _colorFill = _extends({}, data.colorFill);
9707
- Object.keys(_colorFill).forEach(function (item) {
9708
- if (_colorFill[item] === previousColor) {
9709
- _colorFill[item] = color;
9710
- }
9711
- });
9712
- data.set({
9713
- colorFill: _colorFill
9714
- });
9715
- }
9716
- if (data && data.icon) {
9717
- data.icon = data.toDataURL('image/png');
9718
- } else if (data._objects && data._objects.length) {
9719
- data._objects[0].icon = data.toDataURL('image/png');
9720
- }
9721
- });
9722
- canvas.renderAll();
9723
- use3dddPlus.getState().updateModifaction(true);
9724
- };
9725
- var changeSVGColor = function changeSVGColor(property, color) {
9726
- var fillColor = colorFill;
9727
- var previousColor = fillColor[property];
9728
- var SelectedObjet = use3dddPlus.getState().activeSelection;
9729
- var objImage = SelectedObjet._objects;
9730
- objImage.forEach(function (ele) {
9731
- var _C = ele.fill === 'transparent' || typeof ele.fill === 'string' && ele.fill.includes('#') ? ele.fill : RGBToHex(ele.fill);
9732
- if (_C === previousColor) {
9733
- ele.set({
9734
- fill: color,
9735
- colorFill: {
9736
- layer0: color
9737
- }
9738
- });
9739
- }
9740
- });
9741
- var tempColorFill = _extends({}, SelectedObjet.colorFill);
9742
- Object.keys(tempColorFill).forEach(function (item) {
9743
- if (tempColorFill[item] === previousColor) {
9744
- tempColorFill[item] = color;
9745
- }
9746
- });
9747
- SelectedObjet.set({
9748
- colorFill: tempColorFill
9749
- });
9750
- canvas.renderAll();
9751
- // fillColor[property] = color;
9752
- // use3dddPlus.setState({ colorFill: fillColor });
9753
- use3dddPlus.setState({
9754
- colorFill: tempColorFill
9755
- });
9756
- use3dddPlus.getState().forIconCapture();
9757
- SelectedObjet.icon = use3dddPlus.getState().iconImage;
9758
- use3dddPlus.getState().updateModifaction(true);
9759
- };
9590
+ }, _callee6);
9591
+ }));
9592
+ return function reduceFontSize() {
9593
+ return _ref8.apply(this, arguments);
9594
+ };
9595
+ }();
9760
9596
  var RGBToHex = function RGBToHex(rgb) {
9761
9597
  if (rgb) {
9762
9598
  if (rgb.indexOf('rgba') >= 0) {
@@ -9788,64 +9624,14 @@ var Rightmenu = function Rightmenu() {
9788
9624
  };
9789
9625
  var flipY = function flipY() {
9790
9626
  activeObj.set({
9791
- flipY: !activeObj.flipY
9792
- });
9793
- use3dddPlus.getState().updateModifaction(true);
9794
- use3dddPlus.getState().forIconCapture();
9795
- textSelected.icon = use3dddPlus.getState().iconImage;
9796
- // activeObj.
9797
- canvas.renderAll();
9798
- };
9799
- var conflictColors = React.useMemo(function () {
9800
- return allColor.filter(function (c) {
9801
- return defaultColorNames.findIndex(function (dc) {
9802
- return dc.color.toLowerCase() === c.toLowerCase();
9803
- }) < 0;
9804
- });
9805
- }, [allColor]);
9806
- var onSave = function onSave() {
9807
- canvas.discardActiveObject();
9808
- canvas.renderAll();
9809
- if (!conflictColors || conflictColors.length < 1) {
9810
- setIsNextClicked(false);
9811
- use3dddPlus.setState({
9812
- showCrossSave: true
9813
- });
9814
- if (canvas.getObjects().length > 0) {
9815
- if (allColor.includes('transparent')) {
9816
- if (allColor.length - 1 < 9) setToggleSaveLogo('save', true, 'Save Logo', {});else use3dddPlus.getState().toastMessages.noOfColors();
9817
- } else {
9818
- if (allColor.length < 9) setToggleSaveLogo('save', true, 'Save Logo', {});else use3dddPlus.getState().toastMessages.noOfColors();
9819
- }
9820
- } else {
9821
- use3dddPlus.getState().toastMessages.noIteminCanvas();
9822
- }
9823
- } else {
9824
- setIsNextClicked(true);
9825
- }
9826
- };
9827
- var removeColorPalatte = function removeColorPalatte() {
9828
- setDisplayPallet({
9829
- visible: false,
9830
- property: '',
9831
- color: '',
9832
- callback: null
9833
- });
9834
- };
9835
- React.useEffect(function () {
9836
- window.addEventListener('click', removeColorPalatte);
9837
- var unSub = use3dddPlus.subscribe(function (state) {
9838
- return state.colorFill;
9839
- }, function (_current, _previous) {
9840
- // console.log("_PREVIUS_COLORFIL" , _previous);
9841
- // console.log("_CURRENT_COLOR",_current);
9627
+ flipY: !activeObj.flipY
9842
9628
  });
9843
- return function () {
9844
- window.removeEventListener('click', removeColorPalatte);
9845
- unSub();
9846
- };
9847
- }, []);
9848
- // console.log("====>",activeSelection,currentSelection)
9629
+ use3dddPlus.getState().updateModifaction(true);
9630
+ use3dddPlus.getState().forIconCapture();
9631
+ textSelected.icon = use3dddPlus.getState().iconImage;
9632
+ // activeObj.
9633
+ canvas.renderAll();
9634
+ };
9849
9635
  var mergedColors = React.useMemo(function () {
9850
9636
  // FOR REMOVING ALL DUPLICATE COLOR CODES
9851
9637
  if (textSelected && textSelected != null && textSelected.colorFill) {
@@ -9864,217 +9650,30 @@ var Rightmenu = function Rightmenu() {
9864
9650
  }
9865
9651
  }, [textSelected == null ? void 0 : textSelected.colorFill]);
9866
9652
  return React__default.createElement("div", {
9867
- className: "text-left flex-1 h-[100%] px-[25px] pt-[23px] pb-[5px] relative ",
9868
- style: {
9869
- paddingLeft: '15px'
9870
- }
9871
- }, React__default.createElement("div", {
9872
- className: "flex flex-col "
9873
- }, React__default.createElement("h1", {
9874
- className: "text-[22px] font-bold"
9875
- }, "Edit Design"), React__default.createElement("div", {
9876
- className: "w-full"
9877
- }, React__default.createElement("div", {
9878
- className: "flex my-4 flex-nowrap"
9879
- }, tabs.map(function (tab) {
9880
- return React__default.createElement("button", {
9881
- key: tab.id,
9882
- 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",
9883
- onClick: function onClick() {
9884
- setActiveTab(tab.id);
9885
- if (tab.id === 1) {
9886
- use3dddPlus.setState({
9887
- currentSelection: 'none'
9888
- });
9889
- canvas.discardActiveObject();
9890
- canvas.renderAll();
9891
- }
9892
- if (tab.id === 2) {
9893
- use3dddPlus.setState({
9894
- currentSelection: 'layer'
9895
- });
9896
- }
9897
- }
9898
- }, tab.label);
9899
- })), React__default.createElement("div", {
9900
- className: "bg-gray-100 w-full p-[5px]"
9901
- }, activeTab === 1 && React__default.createElement("div", {
9902
9653
  key: activeTab
9903
9654
  }, React__default.createElement("div", {
9904
9655
  className: 'overflow-y-auto overflow-x-hidden' + (!isNextClicked || !conflictColors || conflictColors.length < 1 ? ' 2xl:h-[60vh] h-[50vh] sm:h-[55vh]' : '')
9905
- }, (currentSelection === 'text' || currentSelection === 'path') && React__default.createElement("div", {
9906
- className: ""
9907
- }, React__default.createElement("div", {
9908
- className: "uppercase font-bold text-sm mb-[8.5px]"
9909
- }, "Enter Text"), React__default.createElement("textarea", {
9910
- value: textInfo,
9911
- onChange: onTextChange,
9912
- className: "w-[100%] border border-solid-[1px] border-[#9A9A9A] py-[10px] pl-[16px] mb-[16.5px]",
9913
- placeholder: "LOGO TEXT"
9914
- }), React__default.createElement("div", {
9915
- className: "uppercase font-bold text-sm mb-[8.5px]"
9916
- }, "Select Font"), React__default.createElement("select", {
9917
- name: "FontStyleNumber",
9918
- id: "FontStyleNumber",
9919
- value: textSelected.fontFamily,
9920
- onChange: fontChange,
9921
- // 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]`}
9922
- 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]"
9923
- }, fontFamilies.map(function (list) {
9924
- return React__default.createElement(React__default.Fragment, null, React__default.createElement("option", {
9925
- value: list.name
9926
- }, list.name));
9927
- })), React__default.createElement("div", {
9928
- className: "uppercase font-bold text-sm mb-[8.5px]"
9929
- }, "Style"), React__default.createElement("div", {
9930
- className: "flex gap-x-[15px] mb-[16.5px]"
9931
- }, ' ', React__default.createElement("button", {
9932
- disabled: textSelected && textSelected.shapeType && textSelected.shapeType !== 'none',
9933
- 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]',
9934
- style: textSelected && textSelected.shapeType && textSelected.shapeType !== 'none' ? {
9935
- color: '#cccccc',
9936
- cursor: 'default',
9937
- backgroundColor: '#ffffff'
9938
- } : {},
9939
- onClick: function onClick(e) {
9940
- return textStyle(e, 'fontWeight', 'bold');
9941
- },
9942
- id: "bold"
9943
- }, "B"), React__default.createElement("button", {
9944
- disabled: textSelected && textSelected.shapeType && textSelected.shapeType !== 'none',
9945
- 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]',
9946
- style: textSelected && textSelected.shapeType && textSelected.shapeType !== 'none' ? {
9947
- color: '#cccccc',
9948
- cursor: 'default',
9949
- backgroundColor: '#ffffff'
9950
- } : {},
9951
- onClick: function onClick(e) {
9952
- return textStyle(e, 'fontStyle', 'italic');
9953
- },
9954
- id: "italic"
9955
- }, "I"), React__default.createElement("button", {
9956
- disabled: textSelected && textSelected.shapeType && textSelected.shapeType !== 'none',
9957
- 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]',
9958
- style: textSelected && textSelected.shapeType && textSelected.shapeType !== 'none' ? {
9959
- color: '#cccccc',
9960
- cursor: 'default',
9961
- backgroundColor: '#ffffff'
9962
- } : {},
9963
- onClick: function onClick(e) {
9964
- return textStyle(e, 'underline', !fontStyle.underline);
9965
- },
9966
- id: "underline"
9967
- }, "U")), textAlignDisplay === true && React__default.createElement("div", {
9968
- className: "textAlign"
9969
- }, React__default.createElement("div", {
9970
- className: "uppercase font-bold text-sm mb-[8.5px]"
9971
- }, "Align"), React__default.createElement("div", {
9972
- className: "flex gap-x-[15px] mb-[16.5px]"
9973
- }, React__default.createElement("button", {
9974
- type: "button",
9975
- 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]',
9976
- id: "left",
9977
- onClick: textAlignHandler
9978
- }, React__default.createElement(fi.FiAlignLeft, {
9979
- id: "left",
9980
- onClick: textAlignHandler
9981
- })), React__default.createElement("button", {
9982
- type: "button",
9983
- 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]',
9984
- id: "center",
9985
- onClick: textAlignHandler
9986
- }, React__default.createElement(fi.FiAlignCenter, {
9987
- id: "center",
9988
- onClick: textAlignHandler
9989
- })), React__default.createElement("button", {
9990
- type: "button",
9991
- 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]',
9992
- id: "right",
9993
- onClick: textAlignHandler
9994
- }, React__default.createElement(fi.FiAlignRight, {
9995
- id: "right",
9996
- onClick: textAlignHandler
9997
- })))), React__default.createElement("div", {
9998
- className: "uppercase font-bold text-sm mb-[8.5px]"
9999
- }, "Text Color"), React__default.createElement("div", {
10000
- className: "relative flex"
10001
- }, React__default.createElement(ColorImpl, {
10002
- mClass: 'ml-0',
10003
- handleChange: textColorChange,
10004
- property: 'backgroundColor',
10005
- name: 'backgroundColor',
10006
- color: activeSelection.fill,
10007
- setDisplayPallet: setDisplayPallet,
10008
- setPosition: setPosition,
10009
- callback: textColorChange
10010
- })), React__default.createElement("div", {
10011
- className: "flex gap-2 mt-4"
10012
- }, React__default.createElement("div", null, React__default.createElement("div", {
10013
- className: "uppercase font-bold text-sm mb-[8.5px]"
10014
- }, "Outline Size"), React__default.createElement("input", {
10015
- type: "number",
10016
- id: "outlineSize",
10017
- name: "outlineSize",
10018
- step: "0.2",
10019
- value: textSelected.strokeWidth,
10020
- className: "border border-[#EBEBEB] py-[10px] pl-[16px] mb-[16.5px] w-[145px]",
10021
- onChange: textOutlineHandler
10022
- })), React__default.createElement("div", null, React__default.createElement("div", {
10023
- className: "uppercase font-bold text-sm mb-[8.5px]"
10024
- }, "Outline Color"), React__default.createElement("div", {
10025
- className: "relative flex"
10026
- }, ' ', React__default.createElement(ColorImpl, {
10027
- mClass: 'ml-0',
10028
- handleChange: strokeColorChange,
10029
- property: 'backgroundColor',
10030
- name: 'backgroundColor',
10031
- color: activeSelection.stroke,
9656
+ }, (currentSelection === 'text' || currentSelection === 'path') && React__default.createElement(TextProperties, {
9657
+ activeButton: activeButton,
9658
+ activeSelection: activeSelection,
9659
+ fontStyle: fontStyle,
10032
9660
  setDisplayPallet: setDisplayPallet,
10033
9661
  setPosition: setPosition,
10034
- callback: strokeColorChange
10035
- })))), React__default.createElement("div", {
10036
- className: "flex gap-2"
10037
- }, React__default.createElement("div", null, React__default.createElement("div", {
10038
- className: "uppercase font-bold text-sm mb-[8.5px]"
10039
- }, "Letter Spacing"), React__default.createElement("input", {
10040
- disabled: textSelected && textSelected.shapeType && textSelected.shapeType !== 'none',
10041
- type: "number",
10042
- id: "spacing",
10043
- name: "spacing",
10044
- step: "10",
10045
- value: textSelected.charSpacing,
10046
- className: "border border-[#EBEBEB] py-[10px] pl-[16px] mb-[16.5px] w-[145px]",
10047
- onChange: textSpacingHandler
10048
- }))), React__default.createElement("div", {
10049
- className: "flex gap-2"
10050
- }, React__default.createElement("div", {
10051
- className: "w-[50%]"
10052
- }, React__default.createElement("div", {
10053
- className: "uppercase font-bold text-sm mb-[8.5px]"
10054
- }, "Text Shape"), React__default.createElement("select", {
10055
- name: "textShape",
10056
- id: "textShape",
10057
- value: textSelected.shapeType ? textSelected.shapeType : 'None',
10058
- onChange: textShapeChange,
10059
- // 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]`}
10060
- 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]"
10061
- }, textShapes.map(function (list) {
10062
- return React__default.createElement(React__default.Fragment, null, React__default.createElement("option", {
10063
- value: list.name
10064
- }, list.name));
10065
- }))), React__default.createElement("div", {
10066
- className: "w-[50%]"
10067
- }, React__default.createElement("div", {
10068
- className: "uppercase font-bold text-sm mb-[8.5px]"
10069
- }, "Shape Size"), React__default.createElement("input", {
10070
- type: "number",
10071
- id: "shapeSize",
10072
- name: "shapeSize",
10073
- step: "10",
10074
- value: shapeSizeVal,
10075
- className: "border border-[#EBEBEB] py-[10px] pl-[16px] mb-[16.5px] w-[145px]",
10076
- onChange: textShapeSizeHandler
10077
- })))), currentSelection === 'group' && React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
9662
+ textAlignDisplay: textAlignDisplay,
9663
+ textInfo: textInfo,
9664
+ textSelected: textSelected,
9665
+ shapeSizeVal: shapeSizeVal,
9666
+ fontChange: fontChange,
9667
+ onTextChange: onTextChange,
9668
+ strokeColorChange: strokeColorChange,
9669
+ textAlignHandler: textAlignHandler,
9670
+ textColorChange: textColorChange,
9671
+ textOutlineHandler: textOutlineHandler,
9672
+ textShapeChange: textShapeChange,
9673
+ textShapeSizeHandler: textShapeSizeHandler,
9674
+ textSpacingHandler: textSpacingHandler,
9675
+ textStyle: textStyle
9676
+ }), currentSelection === 'group' && React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
10078
9677
  className: "uppercase font-bold pt-[17px]"
10079
9678
  }, "Colors"), React__default.createElement("div", {
10080
9679
  className: "flex flex-wrap gap-x-[1rem] mt-[12px]"
@@ -10108,40 +9707,21 @@ var Rightmenu = function Rightmenu() {
10108
9707
  className: "!w-[5.625rem] !h-[2.625rem] bg-[#fff] cursor-pointer border border-[#EBEBEB] ",
10109
9708
  size: "2.5rem",
10110
9709
  onClick: flipY
10111
- })))))
10112
- // <ImageEdit
10113
- // flipX={flipX}
10114
- // flipY={flipY}
10115
- // // changeSVGColor={changeSVGColor}
10116
- // changeSVGTextColor={changeSVGTextColor}
10117
- // // nudgeMove={nudgeMove}
10118
- // // activeSelection={activeSelection}
10119
- // allColor={allColor}
10120
- // />
10121
- , currentSelection === 'selectAll' && React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
9710
+ }))))), currentSelection === 'selectAll' && React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
10122
9711
  className: "uppercase font-bold pt-[17px]"
10123
9712
  }, "Color in Canvas"), React__default.createElement("div", {
10124
9713
  className: "flex flex-wrap gap-x-[1rem] mt-[12px] mb-[12px]"
10125
9714
  }, allColor == null ? void 0 : allColor.map(function (item, i) {
10126
- return (
10127
- // <ColorImpl
10128
- // mClass={'mb-[10px]'}
10129
- // key={'color-' + i}
10130
- // handleChange={changeSVGTextColor}
10131
- // property={item}
10132
- // color={item}
10133
- // />
10134
- React__default.createElement(ColorImpl, {
10135
- mClass: 'mb-[10px]',
10136
- key: 'color-' + i,
10137
- handleChange: changeSVGTextColor,
10138
- property: item,
10139
- color: item,
10140
- setDisplayPallet: setDisplayPallet,
10141
- setPosition: setPosition,
10142
- callback: changeSVGTextColor
10143
- })
10144
- );
9715
+ return React__default.createElement(ColorImpl, {
9716
+ mClass: 'mb-[10px]',
9717
+ key: 'color-' + i,
9718
+ handleChange: changeSVGTextColor,
9719
+ property: item,
9720
+ color: item,
9721
+ setDisplayPallet: setDisplayPallet,
9722
+ setPosition: setPosition,
9723
+ callback: changeSVGTextColor
9724
+ });
10145
9725
  })), (allColor && allColor.includes('transparent') ? allColor.length - 1 : allColor.length) > 8 && React__default.createElement(errorPopup, {
10146
9726
  allColor: allColor
10147
9727
  })), currentSelection === 'none' && React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
@@ -10149,201 +9729,551 @@ var Rightmenu = function Rightmenu() {
10149
9729
  }, "Color in Canvas"), React__default.createElement("div", {
10150
9730
  className: "flex flex-wrap gap-x-[1rem] mt-[12px]"
10151
9731
  }, allColor == null ? void 0 : allColor.map(function (item, i) {
10152
- return (
10153
- // <ColorImpl
10154
- // mClass={'mb-[10px]'}
10155
- // key={'color-' + i}
10156
- // handleChange={changeSVGTextColor}
10157
- // property={item}
10158
- // color={item}
10159
- // />
10160
- React__default.createElement(ColorImpl, {
10161
- mClass: 'mb-[10px]',
10162
- key: 'color-' + i,
10163
- handleChange: changeSVGTextColor,
10164
- property: item,
10165
- color: item,
10166
- setDisplayPallet: setDisplayPallet,
10167
- setPosition: setPosition,
10168
- callback: changeSVGTextColor
10169
- })
10170
- );
10171
- })), (allColor && allColor.includes('transparent') ? allColor.length - 1 : allColor.length) > 8 && React__default.createElement(errorPopup, {
10172
- allColor: allColor
10173
- }))), isNextClicked && conflictColors && conflictColors.length > 0 && React__default.createElement("div", {
10174
- className: "mb-[10px]",
10175
- style: {
10176
- position: 'absolute',
10177
- backgroundColor: '#FFFFFF',
10178
- bottom: 0,
10179
- padding: '7px'
10180
- }
10181
- }, React__default.createElement(IconButton, {
10182
- label: "Close",
10183
- icon: React__default.createElement(md.MdOutlineCancel, null),
10184
- onClick: function onClick() {
10185
- setIsNextClicked(false);
10186
- },
10187
- className: '',
10188
- size: "1.5rem",
10189
- style: {
10190
- position: 'absolute',
10191
- cursor: 'pointer',
10192
- fontWeight: 'bold',
10193
- right: 10,
10194
- top: -7,
10195
- color: '#FF0000'
10196
- }
10197
- }), React__default.createElement("div", {
10198
- className: "text-[#E11A38]",
10199
- style: {
10200
- fontWeight: 'bold',
10201
- marginBottom: '3px'
10202
- }
10203
- }, "ERROR: CONFLICT IN COLOR USED"), React__default.createElement("div", {
10204
- className: "text-[#E11A38]",
10205
- style: {
10206
- marginBottom: '3px'
10207
- }
10208
- }, "Note: The following colors used are not available in Richardson color palette. Please edit the colors used."), React__default.createElement("div", null, conflictColors.map(function (c, i) {
10209
- return React__default.createElement("div", {
9732
+ return React__default.createElement(ColorImpl, {
9733
+ mClass: 'mb-[10px]',
10210
9734
  key: 'color-' + i,
10211
- style: {
10212
- width: '100%',
10213
- height: '30px',
10214
- lineHeight: '30px',
10215
- backgroundColor: c,
10216
- textAlign: 'center',
10217
- marginBottom: '3px'
10218
- }
10219
- }, React__default.createElement("span", {
10220
- style: {
10221
- color: '#ffffff',
10222
- mixBlendMode: 'difference'
10223
- }
10224
- }, c));
10225
- }))), React__default.createElement("button", {
9735
+ handleChange: changeSVGTextColor,
9736
+ property: item,
9737
+ color: item,
9738
+ setDisplayPallet: setDisplayPallet,
9739
+ setPosition: setPosition,
9740
+ callback: changeSVGTextColor
9741
+ });
9742
+ })), (allColor && allColor.includes('transparent') ? allColor.length - 1 : allColor.length) > 8 && React__default.createElement(errorPopup, {
9743
+ allColor: allColor
9744
+ }))), isNextClicked && conflictColors && conflictColors.length > 0 && React__default.createElement(ErrorColorDiv, {
9745
+ setIsNextClicked: setIsNextClicked,
9746
+ conflictColors: conflictColors
9747
+ }), React__default.createElement("button", {
10226
9748
  type: "button",
10227
9749
  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",
10228
9750
  onClick: onSave
10229
- }, "Save")), activeTab === 2 && React__default.createElement("div", {
10230
- key: activeTab
10231
- }, (currentSelection === 'layer' || currentSelection === 'activeSelection') && React__default.createElement("div", {
10232
- className: "h-[40vh] sm:h-[55vh] 2xl:h-[60vh] overflow-y-auto overflow-x-hidden"
10233
- }, storeAllObject.map(function (item, index) {
10234
- return React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
10235
- className: "innerLayer border border-[#D7D7D7] my-[16px] h-[80px] flex justify-between"
10236
- }, React__default.createElement("div", {
10237
- className: "imgBox border border-r-[#D7D7D7] bg-slate-200 flex w-[80px]"
10238
- }, React__default.createElement("img", {
10239
- className: "rounded-lg " + (item && item.text ? 'object-contain' : ''),
10240
- style: {
10241
- // paddingTop: '7px',
10242
- height: 'auto',
10243
- width: 'auto',
10244
- display: 'block',
10245
- marginLeft: 'auto',
10246
- marginRight: 'auto'
9751
+ }, "Save"));
9752
+ };
9753
+
9754
+ 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}";
9755
+ styleInject(css_248z$4);
9756
+
9757
+ !function (t) {
9758
+ var s = {};
9759
+ function i(h) {
9760
+ if (s[h]) return s[h].exports;
9761
+ var e = s[h] = {
9762
+ i: h,
9763
+ l: !1,
9764
+ exports: {}
9765
+ };
9766
+ return t[h].call(e.exports, e, e.exports, i), e.l = !0, e.exports;
9767
+ }
9768
+ i.m = t, i.c = s, i.d = function (t, s, h) {
9769
+ i.o(t, s) || Object.defineProperty(t, s, {
9770
+ configurable: !1,
9771
+ enumerable: !0,
9772
+ get: h
9773
+ });
9774
+ }, i.r = function (t) {
9775
+ Object.defineProperty(t, "__esModule", {
9776
+ value: !0
9777
+ });
9778
+ }, i.n = function (t) {
9779
+ var s = t && t.__esModule ? function () {
9780
+ return t["default"];
9781
+ } : function () {
9782
+ return t;
9783
+ };
9784
+ return i.d(s, "a", s), s;
9785
+ }, i.o = function (t, s) {
9786
+ return Object.prototype.hasOwnProperty.call(t, s);
9787
+ }, i.p = "", i(i.s = 4);
9788
+ }([function (t, s, i) {
9789
+ var h = i(1),
9790
+ e = i(3);
9791
+ t.exports = /*#__PURE__*/function () {
9792
+ function _class(t, s) {
9793
+ 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);
9794
+ }
9795
+ var _proto = _class.prototype;
9796
+ _proto.applyParameters = function applyParameters(t) {
9797
+ var s = this.source,
9798
+ i = this._parameters = new e(t);
9799
+ 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;
9800
+ var h = .5 * i.distortH * s.height;
9801
+ 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) {
9802
+ case "WARP_ARC":
9803
+ this.setArc();
9804
+ break;
9805
+ case "WARP_ARC_LOWER":
9806
+ this.setArcLower();
9807
+ break;
9808
+ case "WARP_ARC_UPPER":
9809
+ this.setArcUpper();
9810
+ break;
9811
+ case "WARP_ARCH":
9812
+ this.setArch();
9813
+ break;
9814
+ case "WARP_BULGE":
9815
+ this.setBulge();
9816
+ break;
9817
+ case "WARP_FLAG":
9818
+ this.setFlag();
9819
+ break;
9820
+ case "WARP_FISH":
9821
+ this.setFish();
9822
+ break;
9823
+ case "WARP_RISE":
9824
+ this.setRise();
9825
+ break;
9826
+ case "WARP_INFLATE":
9827
+ this.setInflate();
9828
+ break;
9829
+ case "WARP_SQUEEZE":
9830
+ this.setSqueeze();
9831
+ break;
9832
+ case "WARP_WAVE_LOWER":
9833
+ this.setWaveLower();
9834
+ break;
9835
+ case "WARP_WAVE_UPPER":
9836
+ this.setWaveUpper();
9837
+ }
9838
+ };
9839
+ _proto.setAnchors = function setAnchors() {
9840
+ 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;
9841
+ };
9842
+ _proto.setControls = function setControls() {
9843
+ 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;
9844
+ };
9845
+ _proto.changeCubic = function changeCubic(t, s, i, h) {
9846
+ var e = this._changePoint(t),
9847
+ o = this._changePoint(h),
9848
+ r = this.getPointOn(1 / 3, t, h, s, i),
9849
+ n = this.getPointOn(2 / 3, t, h, s, i),
9850
+ a = this._changePoint(r),
9851
+ y = this._changePoint(n);
9852
+ return this.getNewSegment(e, o, a, y);
9853
+ };
9854
+ _proto.changePoint = function changePoint(t) {
9855
+ var s = this._changePoint(t);
9856
+ return [s.x, s.y];
9857
+ };
9858
+ _proto._changePoint = function _changePoint(t) {
9859
+ var s = this.A,
9860
+ i = this.Atop,
9861
+ e = this.Aleft,
9862
+ o = this.B,
9863
+ r = this.Btop,
9864
+ n = this.Bright,
9865
+ a = this.C,
9866
+ y = this.Cright,
9867
+ x = this.Cbottom,
9868
+ c = this.D,
9869
+ A = this.Dbottom,
9870
+ C = this.Dleft;
9871
+ var d = (t.x - this.source.x) / this.source.width,
9872
+ b = (t.y - this.source.y) / this.source.height,
9873
+ p = 1 - b,
9874
+ B = this.getPointOn(b, s, c, e, C),
9875
+ l = this.getPointOn(b, o, a, n, y),
9876
+ D = new h(i.x * p + A.x * b, i.y * p + A.y * b),
9877
+ m = new h(r.x * p + x.x * b, r.y * p + x.y * b),
9878
+ k = this.getPointOn(d, B, l, D, m);
9879
+ return new h(k.x, k.y);
9880
+ };
9881
+ _proto.getPointOn = function getPointOn(t, s, i, e, o) {
9882
+ var r = new h(),
9883
+ n = t * t * t,
9884
+ a = t * t;
9885
+ 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;
9886
+ };
9887
+ _proto.setArc = function setArc() {
9888
+ var t = this._parameters,
9889
+ s = this.source,
9890
+ i = 1 - t.distortV;
9891
+ 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;
9892
+ };
9893
+ _proto.setFish = function setFish() {
9894
+ var t = this._parameters;
9895
+ 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);
9896
+ };
9897
+ _proto.setFlag = function setFlag() {
9898
+ this.calculateArms(), this.setControls();
9899
+ var t = this._parameters;
9900
+ 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);
9901
+ };
9902
+ _proto.setBulge = function setBulge() {
9903
+ 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;
9904
+ };
9905
+ _proto.setArch = function setArch() {
9906
+ 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;
9907
+ };
9908
+ _proto.setArcLower = function setArcLower() {
9909
+ 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;
9910
+ };
9911
+ _proto.setArcUpper = function setArcUpper() {
9912
+ 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;
9913
+ };
9914
+ _proto.setSqueeze = function setSqueeze() {
9915
+ this.calculateArms(), this.setControls();
9916
+ var t = this._parameters;
9917
+ 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;
9918
+ };
9919
+ _proto.setInflate = function setInflate() {
9920
+ this.calculateArms(), this.setControls();
9921
+ var t = this._parameters,
9922
+ s = (this.ADy + this.BCy) / 2,
9923
+ i = (this.ABx + this.CDx) / 2;
9924
+ 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;
9925
+ };
9926
+ _proto.setRise = function setRise() {
9927
+ var t = this._parameters;
9928
+ 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();
9929
+ var s = this.ADy + this.BCy;
9930
+ 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;
9931
+ };
9932
+ _proto.setWaveUpper = function setWaveUpper() {
9933
+ this.calculateArms(), this.setControls();
9934
+ var t = this._parameters;
9935
+ this.Atop.y += 3 * t.bend * this.kAB * (this.ADy + this.BCy), this.Btop.y -= 3 * t.bend * this.kAB * (this.ADy + this.BCy);
9936
+ };
9937
+ _proto.setWaveLower = function setWaveLower() {
9938
+ this.calculateArms(), this.setControls();
9939
+ var t = this._parameters;
9940
+ this.Dbottom.y += 3 * t.bend * this.kCD * (this.ADy + this.BCy), this.Cbottom.y -= 3 * t.bend * this.kCD * (this.ADy + this.BCy);
9941
+ };
9942
+ _proto.calculateArms = function calculateArms() {
9943
+ 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;
9944
+ };
9945
+ _proto.getNewSegment = function getNewSegment(t, s, i, e) {
9946
+ var o = this.T1,
9947
+ r = o * o * o,
9948
+ n = 1 - o,
9949
+ a = n * n * n,
9950
+ y = this.T2,
9951
+ x = y * y * y,
9952
+ c = 1 - y,
9953
+ A = c * c * c,
9954
+ C = 3 * o * n,
9955
+ d = {};
9956
+ d.x = (i.x - a * t.x - r * s.x) / C, d.y = (i.y - a * t.y - r * s.y) / C;
9957
+ var b = 3 * y * c,
9958
+ p = {};
9959
+ p.x = (e.x - A * t.x - x * s.x) / b, p.y = (e.y - A * t.y - x * s.y) / b;
9960
+ var B = {};
9961
+ 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);
9962
+ var l = {},
9963
+ D = {};
9964
+ 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;
9965
+ var m = new h(l.x, l.y),
9966
+ k = new h(D.x, D.y);
9967
+ return [m.x, m.y, k.x, k.y, s.x, s.y];
9968
+ };
9969
+ return _class;
9970
+ }();
9971
+ }, function (t, s) {
9972
+ t.exports = /*#__PURE__*/function () {
9973
+ function _class2(t, s) {
9974
+ if (t === void 0) {
9975
+ t = 0;
9976
+ }
9977
+ if (s === void 0) {
9978
+ s = 0;
9979
+ }
9980
+ if ("number" != typeof t || "number" != typeof s) throw new Exception("Invalid points");
9981
+ var i = t || 0,
9982
+ h = s || 0;
9983
+ i && (i = parseInt(1e3 * i) / 1e3), h && (h = parseInt(1e3 * h) / 1e3), this._props = [i, h], this[0] = i, this[1] = h;
9984
+ }
9985
+ _createClass(_class2, [{
9986
+ key: "x",
9987
+ get: function get() {
9988
+ return this._props[0];
10247
9989
  },
10248
- src: item ? item['icon'] : ''
10249
- })), React__default.createElement("div", {
10250
- className: "flex-auto delBtnBox "
10251
- }, React__default.createElement("button", {
10252
- onClick: function onClick() {
10253
- return deleteElement(item);
9990
+ set: function set(t) {
9991
+ this[0] = t, this._props[0] = t;
9992
+ }
9993
+ }, {
9994
+ key: "y",
9995
+ get: function get() {
9996
+ return this._props[1];
10254
9997
  },
10255
- className: "w-full h-full"
10256
- }, React__default.createElement("div", {
10257
- className: "flex justify-center pointer-events-none delBtn "
10258
- }, React__default.createElement("div", {
10259
- className: "m-auto upIcon"
10260
- }, React__default.createElement("svg", {
10261
- width: "25px",
10262
- height: "25px",
10263
- viewBox: "0 0 24 24",
10264
- fill: "none",
10265
- xmlns: "http://www.w3.org/2000/svg"
10266
- }, React__default.createElement("path", {
10267
- d: "M10 11V17",
10268
- stroke: "#9a9a9a",
10269
- "stroke-width": "2",
10270
- "stroke-linecap": "round",
10271
- "stroke-linejoin": "round"
10272
- }), React__default.createElement("path", {
10273
- d: "M14 11V17",
10274
- stroke: "#9a9a9a",
10275
- "stroke-width": "2",
10276
- "stroke-linecap": "round",
10277
- "stroke-linejoin": "round"
10278
- }), React__default.createElement("path", {
10279
- d: "M4 7H20",
10280
- stroke: "#9a9a9a",
10281
- "stroke-width": "2",
10282
- "stroke-linecap": "round",
10283
- "stroke-linejoin": "round"
10284
- }), React__default.createElement("path", {
10285
- d: "M6 7H12H18V18C18 19.6569 16.6569 21 15 21H9C7.34315 21 6 19.6569 6 18V7Z",
10286
- stroke: "#9a9a9a",
10287
- "stroke-width": "2",
10288
- "stroke-linecap": "round",
10289
- "stroke-linejoin": "round"
10290
- }), React__default.createElement("path", {
10291
- d: "M9 5C9 3.89543 9.89543 3 11 3H13C14.1046 3 15 3.89543 15 5V7H9V5Z",
10292
- stroke: "#9a9a9a",
10293
- "stroke-width": "2",
10294
- "stroke-linecap": "round",
10295
- "stroke-linejoin": "round"
10296
- })))))), React__default.createElement("div", {
10297
- className: "delBox flex flex-col w-[40px] justify-between items-stretch"
10298
- }, React__default.createElement("button", {
10299
- disabled: index === 0,
10300
- onClick: function onClick() {
10301
- return layerHandle(item, index, 'plus');
9998
+ set: function set(t) {
9999
+ this[1] = t, this._props[1] = t;
10302
10000
  }
10303
- }, React__default.createElement("div", {
10304
- className: "upBtn pointer-events-none flex h-[35px] justify-center "
10305
- }, React__default.createElement("div", {
10306
- className: "m-auto upIcon"
10307
- }, React__default.createElement("svg", {
10308
- fill: index === 0 ? '#cfcccc' : '#9a9a9a',
10309
- height: "25px",
10310
- width: "25px",
10311
- version: "1.1",
10312
- id: "Layer_1",
10313
- xmlns: "http://www.w3.org/2000/svg",
10314
- viewBox: "0 0 512 512"
10315
- }, React__default.createElement("g", null, React__default.createElement("g", null, React__default.createElement("g", null, React__default.createElement("path", {
10316
- d: "M0,0v512h512V0H0z M469.333,469.333H42.667V42.667h426.667V469.333z"
10317
- }), React__default.createElement("path", {
10318
- 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"
10319
- })))))))), React__default.createElement("button", {
10320
- disabled: index === storeAllObject.length - 1,
10001
+ }]);
10002
+ return _class2;
10003
+ }();
10004
+ }, function (t, s) {
10005
+ t.exports = /*#__PURE__*/function () {
10006
+ function _class3(t, s, i, h) {
10007
+ 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;
10008
+ }
10009
+ return _class3;
10010
+ }();
10011
+ }, function (t, s, i) {
10012
+ i(0);
10013
+ t.exports = /*#__PURE__*/function () {
10014
+ function _class4(t) {
10015
+ 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;
10016
+ }
10017
+ return _class4;
10018
+ }();
10019
+ }, function (t, s, i) {
10020
+ var h = i(1),
10021
+ e = i(0),
10022
+ o = i(2),
10023
+ r = "C",
10024
+ n = "Q",
10025
+ a = "L",
10026
+ y = "M",
10027
+ x = "Z",
10028
+ c = /*#__PURE__*/function () {
10029
+ function c(t) {
10030
+ this.data = [], this.commands = [], this.parseString(t);
10031
+ }
10032
+ var _proto2 = c.prototype;
10033
+ _proto2.parseString = function parseString(t) {
10034
+ var s = [],
10035
+ i = [];
10036
+ t.match(/[A-Za-z][0-9\.\s\,\-]+\d/g).forEach(function (t) {
10037
+ var h = t[0],
10038
+ e = t.match(/[\d\.\-]+/g);
10039
+ s.push(h), i.push.apply(i, e.map(parseFloat));
10040
+ }), this.commands = s, this.data = i;
10041
+ };
10042
+ _proto2.scale = function scale(t, s) {
10043
+ if (s === void 0) {
10044
+ s = 0;
10045
+ }
10046
+ 0 == s && (s = t);
10047
+ var i = this.data;
10048
+ for (var _h = 0; _h < i.length; _h += 2) i[_h] *= t, i[_h + 1] *= s;
10049
+ };
10050
+ _proto2.warp = function warp(t) {
10051
+ var s = new e(t, this.calcRectangle()),
10052
+ i = this.commands,
10053
+ o = this.data,
10054
+ n = [],
10055
+ a = new h(),
10056
+ y = new h(),
10057
+ _c = new h(),
10058
+ A = new h(),
10059
+ C = 0,
10060
+ d = new h();
10061
+ for (var _t = 0; _t < i.length; _t++) {
10062
+ switch (i[_t]) {
10063
+ case "L":
10064
+ 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;
10065
+ break;
10066
+ case "Q":
10067
+ 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;
10068
+ break;
10069
+ case "M":
10070
+ A = _c = new h(o[C], o[C + 1]), n = n.concat(s.changePoint(A)), C += 2;
10071
+ break;
10072
+ case "C":
10073
+ 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;
10074
+ break;
10075
+ case x:
10076
+ A = _c;
10077
+ }
10078
+ }
10079
+ this.data = n;
10080
+ };
10081
+ _proto2.output = function output() {
10082
+ var t = [],
10083
+ s = this.data.slice();
10084
+ for (var _i = 0; _i < this.commands.length; _i++) {
10085
+ var _h2 = this.commands[_i],
10086
+ _e = 0;
10087
+ switch (_h2) {
10088
+ case "M":
10089
+ case "L":
10090
+ _e = 2;
10091
+ break;
10092
+ case "Q":
10093
+ _e = 4;
10094
+ break;
10095
+ case "C":
10096
+ _e = 6;
10097
+ }
10098
+ t.push(_h2 + s.splice(0, _e).join(" "));
10099
+ }
10100
+ return t.join(" ");
10101
+ };
10102
+ _proto2.calcRectangle = function calcRectangle() {
10103
+ var t = this.commands,
10104
+ s = this.data;
10105
+ for (var i, h, e = {
10106
+ xMin: 1 / 0,
10107
+ yMin: 1 / 0,
10108
+ xMax: -1 / 0,
10109
+ yMax: -1 / 0
10110
+ }, x = 0, _c2 = 0; _c2 < t.length; _c2++) {
10111
+ switch (t[_c2]) {
10112
+ case y:
10113
+ case a:
10114
+ i = s[x], h = s[x + 1], x += 2;
10115
+ break;
10116
+ case n:
10117
+ i = s[x + 2], h = s[x + 3], x += 4;
10118
+ break;
10119
+ case r:
10120
+ i = s[x + 4], h = s[x + 5], x += 6;
10121
+ }
10122
+ 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);
10123
+ }
10124
+ return e.xMax == -1 / 0 ? null : new o(e.xMin, e.yMin, e.xMax - e.xMin, e.yMax - e.yMin);
10125
+ };
10126
+ return c;
10127
+ }();
10128
+ t.exports = c, "undefined" != typeof window && (window.Path = c);
10129
+ }]);
10130
+
10131
+ var Rightmenu = function Rightmenu() {
10132
+ twElements.initTE({
10133
+ Tab: twElements.Tab
10134
+ });
10135
+ var canvas = use3dddPlus.getState().fabricCanvas;
10136
+ var _use3dddPlus = use3dddPlus(function (state) {
10137
+ return [state.currentSelection, state.activeSelection, state.allColor, state.setToggleSaveLogo];
10138
+ }, shallow.shallow),
10139
+ currentSelection = _use3dddPlus[0],
10140
+ activeSelection = _use3dddPlus[1],
10141
+ allColor = _use3dddPlus[2],
10142
+ setToggleSaveLogo = _use3dddPlus[3];
10143
+ var _useState = React.useState(1),
10144
+ activeTab = _useState[0],
10145
+ setActiveTab = _useState[1];
10146
+ var _useState2 = React.useState(false),
10147
+ isNextClicked = _useState2[0],
10148
+ setIsNextClicked = _useState2[1];
10149
+ var _useState3 = React.useState({
10150
+ visible: false,
10151
+ property: '',
10152
+ color: '',
10153
+ callback: null
10154
+ }),
10155
+ displayPallet = _useState3[0],
10156
+ setDisplayPallet = _useState3[1];
10157
+ var _useState4 = React.useState(null),
10158
+ position = _useState4[0],
10159
+ setPosition = _useState4[1];
10160
+ React.useEffect(function () {
10161
+ if (activeSelection) {
10162
+ use3dddPlus.setState({
10163
+ textInfo: activeSelection.text
10164
+ });
10165
+ }
10166
+ }, [activeSelection]);
10167
+ React.useEffect(function () {
10168
+ switch (currentSelection) {
10169
+ case 'text':
10170
+ case 'group':
10171
+ case 'selectAll':
10172
+ case 'none':
10173
+ setActiveTab(1);
10174
+ break;
10175
+ case 'layer':
10176
+ case 'activeSelection':
10177
+ setActiveTab(2);
10178
+ break;
10179
+ }
10180
+ }, [currentSelection]);
10181
+ var conflictColors = React.useMemo(function () {
10182
+ return allColor.filter(function (color) {
10183
+ return defaultColorNames.findIndex(function (defaultColor) {
10184
+ return defaultColor.color.toLowerCase() === color.toLowerCase();
10185
+ }) < 0;
10186
+ });
10187
+ }, [allColor]);
10188
+ var onSave = function onSave() {
10189
+ canvas.discardActiveObject();
10190
+ canvas.renderAll();
10191
+ if (!conflictColors || conflictColors.length < 1) {
10192
+ setIsNextClicked(false);
10193
+ use3dddPlus.setState({
10194
+ showCrossSave: true
10195
+ });
10196
+ if (canvas.getObjects().length > 0) {
10197
+ var hasTransparent = allColor.includes('transparent');
10198
+ var colorCount = hasTransparent ? allColor.length - 1 : allColor.length;
10199
+ if (colorCount < 9) {
10200
+ setToggleSaveLogo('save', true, 'Save Logo', {});
10201
+ } else {
10202
+ use3dddPlus.getState().toastMessages.noOfColors();
10203
+ }
10204
+ } else {
10205
+ use3dddPlus.getState().toastMessages.noIteminCanvas();
10206
+ }
10207
+ } else {
10208
+ setIsNextClicked(true);
10209
+ }
10210
+ };
10211
+ var removeColorPalette = function removeColorPalette() {
10212
+ setDisplayPallet({
10213
+ visible: false,
10214
+ property: '',
10215
+ color: '',
10216
+ callback: null
10217
+ });
10218
+ };
10219
+ React.useEffect(function () {
10220
+ window.addEventListener('click', removeColorPalette);
10221
+ var unSub = use3dddPlus.subscribe(function (state) {
10222
+ return state.colorFill;
10223
+ }, function (_current, _previous) {
10224
+ // Handle color fill changes
10225
+ });
10226
+ return function () {
10227
+ window.removeEventListener('click', removeColorPalette);
10228
+ unSub();
10229
+ };
10230
+ }, []);
10231
+ return React__default.createElement("div", {
10232
+ className: "relative flex-1 h-full px-6 pt-6 pb-2 text-left"
10233
+ }, React__default.createElement("div", {
10234
+ className: "flex flex-col"
10235
+ }, React__default.createElement("h1", {
10236
+ className: "text-2xl font-bold"
10237
+ }, "Edit Design"), React__default.createElement("div", {
10238
+ className: "w-full"
10239
+ }, React__default.createElement("div", {
10240
+ className: "flex my-4 flex-nowrap"
10241
+ }, tabs.map(function (tab) {
10242
+ return React__default.createElement("button", {
10243
+ key: tab.id,
10244
+ 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",
10321
10245
  onClick: function onClick() {
10322
- return layerHandle(item, index, 'minus');
10246
+ setActiveTab(tab.id);
10247
+ if (tab.id === 1) {
10248
+ use3dddPlus.setState({
10249
+ currentSelection: 'none'
10250
+ });
10251
+ canvas.discardActiveObject();
10252
+ canvas.renderAll();
10253
+ }
10254
+ if (tab.id === 2) {
10255
+ use3dddPlus.setState({
10256
+ currentSelection: 'layer'
10257
+ });
10258
+ }
10323
10259
  }
10324
- }, React__default.createElement("div", {
10325
- className: "downBtn pointer-events-none flex h-[35px] justify-center"
10326
- }, React__default.createElement("div", {
10327
- className: "m-auto downIcon"
10328
- }, React__default.createElement("svg", {
10329
- transform: "rotate(180)",
10330
- fill: index === storeAllObject.length - 1 ? '#cfcccc' : '#9a9a9a',
10331
- height: "25px",
10332
- width: "25px",
10333
- version: "1.1",
10334
- id: "Layer_1",
10335
- xmlns: "http://www.w3.org/2000/svg",
10336
- viewBox: "0 0 512 512"
10337
- }, React__default.createElement("g", null, React__default.createElement("g", null, React__default.createElement("g", null, React__default.createElement("path", {
10338
- d: "M0,0v512h512V0H0z M469.333,469.333H42.667V42.667h426.667V469.333z"
10339
- }), React__default.createElement("path", {
10340
- 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"
10341
- })))))))))));
10342
- })), React__default.createElement("button", {
10343
- type: "button",
10344
- 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",
10345
- onClick: onSave
10346
- }, "Save"))))), displayPallet && displayPallet.visible && React__default.createElement(ColorPalette, {
10260
+ }, tab.label);
10261
+ })), React__default.createElement("div", {
10262
+ className: "w-full p-1 bg-gray-100"
10263
+ }, activeTab === 1 && React__default.createElement(Properties, {
10264
+ textSelected: activeSelection,
10265
+ activeTab: activeTab,
10266
+ canvas: canvas,
10267
+ setIsNextClicked: setIsNextClicked,
10268
+ onSave: onSave,
10269
+ conflictColors: conflictColors,
10270
+ isNextClicked: isNextClicked,
10271
+ setDisplayPallet: setDisplayPallet,
10272
+ setPosition: setPosition
10273
+ }), activeTab === 2 && React__default.createElement("div", null, (currentSelection === 'layer' || currentSelection === 'activeSelection') && React__default.createElement(Layers, {
10274
+ canvas: canvas,
10275
+ onSave: onSave
10276
+ }))))), displayPallet.visible && React__default.createElement(ColorPalette, {
10347
10277
  mainClass: "left-0",
10348
10278
  handleColorChange: function handleColorChange(color) {
10349
10279
  displayPallet.callback(displayPallet.property, color);
@@ -14788,7 +14718,7 @@ var FontLoader = function FontLoader(_ref) {
14788
14718
  return null;
14789
14719
  };
14790
14720
 
14791
- 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))}}";
14721
+ 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))}}";
14792
14722
  styleInject(css_248z$6);
14793
14723
 
14794
14724
  var LogoEditor = function LogoEditor(_ref) {
@@ -14864,6 +14794,21 @@ var LogoEditor = function LogoEditor(_ref) {
14864
14794
  }))));
14865
14795
  };
14866
14796
 
14797
+ var container = /*#__PURE__*/document.getElementById('root');
14798
+ var root = /*#__PURE__*/client.createRoot(container); // createRoot(container!) if you use TypeScript
14799
+ root.render(React__default.createElement(LogoEditor, {
14800
+ stepperId: 1,
14801
+ onApply: undefined,
14802
+ customLogoColorList: undefined,
14803
+ defaultColorList: undefined,
14804
+ logoData: undefined,
14805
+ customerId: undefined,
14806
+ onSaveLogo: undefined,
14807
+ onClose: function onClose() {
14808
+ console.log('1212i');
14809
+ }
14810
+ }));
14811
+
14867
14812
  exports.Components = index$1;
14868
14813
  exports.LogoEditor = LogoEditor;
14869
14814
  exports.services = index;