@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.
- package/dist/components/Rightmenu/Layers.d.ts +7 -0
- package/dist/components/Rightmenu/Properties.d.ts +12 -0
- package/dist/components/Rightmenu/Rightmenu1.d.ts +4 -0
- package/dist/components/Rightmenu/TextProperties.d.ts +22 -0
- package/dist/components/Rightmenu/constants.d.ts +16 -0
- package/dist/components/Rightmenu/icons.d.ts +8 -0
- package/dist/components/Rightmenu/index.d.ts +1 -1
- package/dist/components/icon/UpIcon.d.ts +2 -0
- package/dist/index.d.ts +1 -0
- package/dist/logoeditor.cjs.development.js +1892 -1947
- package/dist/logoeditor.cjs.development.js.map +1 -1
- package/dist/logoeditor.cjs.production.min.js +1 -1
- package/dist/logoeditor.cjs.production.min.js.map +1 -1
- package/dist/logoeditor.esm.js +1892 -1948
- package/dist/logoeditor.esm.js.map +1 -1
- package/dist/store/fabric/index.d.ts +1 -1
- package/package.json +1 -1
@@ -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([
|
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([
|
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
|
8159
|
-
|
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
|
-
|
8162
|
-
var
|
8163
|
-
|
8164
|
-
|
8165
|
-
|
8166
|
-
|
8167
|
-
|
8168
|
-
|
8169
|
-
|
8170
|
-
|
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
|
-
|
8179
|
-
|
8180
|
-
|
8250
|
+
if (index > -1) {
|
8251
|
+
use3dddPlus.getState().storeAllObject.splice(index, 1);
|
8252
|
+
}
|
8253
|
+
use3dddPlus.setState({
|
8254
|
+
storeAllObject: [].concat(use3dddPlus.getState().storeAllObject)
|
8181
8255
|
});
|
8182
|
-
}
|
8183
|
-
|
8184
|
-
|
8185
|
-
|
8186
|
-
|
8187
|
-
|
8188
|
-
|
8189
|
-
|
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
|
-
|
8200
|
-
|
8201
|
-
|
8202
|
-
|
8203
|
-
|
8204
|
-
|
8205
|
-
|
8206
|
-
|
8207
|
-
|
8208
|
-
|
8209
|
-
|
8210
|
-
|
8211
|
-
|
8212
|
-
|
8213
|
-
|
8214
|
-
|
8215
|
-
|
8216
|
-
|
8217
|
-
|
8218
|
-
|
8219
|
-
|
8220
|
-
|
8221
|
-
|
8222
|
-
|
8223
|
-
|
8224
|
-
|
8225
|
-
|
8226
|
-
|
8227
|
-
|
8228
|
-
|
8229
|
-
|
8230
|
-
|
8231
|
-
|
8232
|
-
|
8233
|
-
|
8234
|
-
|
8235
|
-
|
8236
|
-
|
8237
|
-
|
8238
|
-
|
8239
|
-
|
8240
|
-
|
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
|
-
|
8244
|
-
|
8245
|
-
|
8246
|
-
|
8247
|
-
|
8248
|
-
|
8249
|
-
|
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
|
-
|
8437
|
-
|
8438
|
-
|
8439
|
-
|
8440
|
-
|
8441
|
-
|
8442
|
-
|
8443
|
-
|
8444
|
-
|
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
|
8641
|
-
|
8642
|
-
|
8643
|
-
|
8644
|
-
|
8645
|
-
|
8646
|
-
|
8647
|
-
|
8648
|
-
|
8649
|
-
|
8650
|
-
|
8651
|
-
|
8652
|
-
|
8653
|
-
|
8654
|
-
|
8655
|
-
|
8656
|
-
|
8657
|
-
|
8658
|
-
|
8659
|
-
|
8660
|
-
|
8661
|
-
|
8662
|
-
|
8663
|
-
|
8664
|
-
|
8665
|
-
|
8666
|
-
|
8667
|
-
|
8668
|
-
|
8669
|
-
|
8670
|
-
|
8671
|
-
|
8672
|
-
|
8673
|
-
|
8674
|
-
|
8675
|
-
|
8676
|
-
|
8677
|
-
|
8678
|
-
|
8679
|
-
|
8680
|
-
|
8681
|
-
|
8682
|
-
|
8683
|
-
|
8684
|
-
|
8685
|
-
|
8686
|
-
|
8687
|
-
|
8688
|
-
|
8689
|
-
|
8690
|
-
|
8691
|
-
|
8692
|
-
|
8693
|
-
|
8694
|
-
|
8695
|
-
|
8696
|
-
|
8697
|
-
|
8698
|
-
|
8699
|
-
|
8700
|
-
|
8701
|
-
|
8702
|
-
|
8703
|
-
var
|
8704
|
-
|
8705
|
-
|
8706
|
-
|
8707
|
-
|
8708
|
-
|
8709
|
-
|
8710
|
-
|
8711
|
-
|
8712
|
-
|
8713
|
-
|
8714
|
-
|
8715
|
-
|
8716
|
-
|
8717
|
-
|
8718
|
-
|
8719
|
-
|
8720
|
-
|
8721
|
-
|
8722
|
-
|
8723
|
-
|
8724
|
-
|
8725
|
-
|
8726
|
-
|
8727
|
-
|
8728
|
-
|
8729
|
-
|
8730
|
-
|
8731
|
-
|
8732
|
-
|
8733
|
-
|
8734
|
-
|
8735
|
-
|
8736
|
-
|
8737
|
-
|
8738
|
-
|
8739
|
-
|
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
|
-
},
|
8742
|
-
|
8743
|
-
|
8744
|
-
|
8745
|
-
|
8746
|
-
|
8747
|
-
|
8748
|
-
|
8749
|
-
|
8750
|
-
|
8751
|
-
|
8752
|
-
|
8753
|
-
|
8754
|
-
|
8755
|
-
|
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
|
-
|
8847
|
-
|
8848
|
-
|
8849
|
-
|
8850
|
-
|
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
|
-
|
8918
|
-
|
8919
|
-
|
8920
|
-
|
8921
|
-
|
8922
|
-
|
8923
|
-
|
8924
|
-
|
8925
|
-
|
8926
|
-
|
8927
|
-
|
8928
|
-
|
8929
|
-
|
8930
|
-
|
8931
|
-
|
8932
|
-
|
8933
|
-
|
8934
|
-
|
8935
|
-
|
8936
|
-
|
8937
|
-
|
8938
|
-
|
8939
|
-
|
8940
|
-
|
8941
|
-
|
8942
|
-
|
8943
|
-
|
8944
|
-
|
8945
|
-
|
8946
|
-
|
8947
|
-
|
8948
|
-
|
8949
|
-
|
8950
|
-
|
8951
|
-
|
8952
|
-
|
8953
|
-
|
8954
|
-
|
8955
|
-
|
8956
|
-
|
8957
|
-
|
8958
|
-
|
8959
|
-
|
8960
|
-
|
8961
|
-
|
8962
|
-
|
8963
|
-
|
8964
|
-
|
8965
|
-
|
8966
|
-
|
8967
|
-
|
8968
|
-
|
8969
|
-
|
8970
|
-
|
8971
|
-
|
8972
|
-
|
8973
|
-
|
8974
|
-
|
8975
|
-
|
8976
|
-
|
8977
|
-
|
8978
|
-
|
8979
|
-
|
8980
|
-
|
8981
|
-
|
8982
|
-
|
8983
|
-
|
8984
|
-
|
8985
|
-
|
8986
|
-
|
8987
|
-
|
8988
|
-
|
8989
|
-
|
8990
|
-
|
8991
|
-
|
8992
|
-
|
8993
|
-
|
8994
|
-
|
8995
|
-
|
8996
|
-
|
8997
|
-
|
8998
|
-
|
8999
|
-
|
9000
|
-
|
9001
|
-
|
9002
|
-
|
9003
|
-
|
9004
|
-
|
9005
|
-
|
9006
|
-
|
9007
|
-
|
9008
|
-
|
9009
|
-
|
9010
|
-
|
9011
|
-
|
9012
|
-
|
9013
|
-
|
9014
|
-
|
9015
|
-
|
9016
|
-
|
9017
|
-
|
9018
|
-
|
9019
|
-
|
9020
|
-
|
9021
|
-
|
9022
|
-
|
9023
|
-
|
9024
|
-
|
9025
|
-
|
9026
|
-
|
9027
|
-
|
9028
|
-
|
9029
|
-
|
9030
|
-
|
9031
|
-
|
9032
|
-
|
9033
|
-
|
9034
|
-
|
9035
|
-
|
9036
|
-
|
9037
|
-
|
9038
|
-
|
9039
|
-
|
9040
|
-
|
9041
|
-
|
9042
|
-
|
9043
|
-
|
9044
|
-
|
9045
|
-
|
9046
|
-
|
9047
|
-
|
9048
|
-
|
9049
|
-
|
9050
|
-
|
9051
|
-
|
9052
|
-
|
9053
|
-
|
9054
|
-
|
9055
|
-
|
9056
|
-
|
9057
|
-
|
9058
|
-
|
9059
|
-
|
9060
|
-
|
9061
|
-
|
9062
|
-
|
9063
|
-
|
9064
|
-
|
9065
|
-
|
9066
|
-
|
9067
|
-
|
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
|
-
|
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
|
9250
|
-
return
|
8916
|
+
return function textAlignHandler(_x2) {
|
8917
|
+
return _ref4.apply(this, arguments);
|
9251
8918
|
};
|
9252
8919
|
}();
|
9253
|
-
var
|
9254
|
-
|
9255
|
-
|
9256
|
-
|
9257
|
-
|
9258
|
-
|
9259
|
-
|
9260
|
-
|
9261
|
-
|
9262
|
-
|
9263
|
-
|
9264
|
-
|
9265
|
-
|
9266
|
-
|
9267
|
-
|
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
|
-
|
9270
|
-
|
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
|
9276
|
-
|
9277
|
-
|
9278
|
-
|
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
|
-
|
9281
|
-
|
9282
|
-
|
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
|
-
|
9285
|
-
|
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
|
9289
|
-
var
|
9290
|
-
var
|
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
|
-
|
9330
|
-
|
9331
|
-
|
9332
|
-
|
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
|
-
|
9335
|
-
|
9336
|
-
|
9337
|
-
|
9338
|
-
|
9339
|
-
|
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
|
9362
|
-
return
|
9189
|
+
return function textToPath(_x4) {
|
9190
|
+
return _ref6.apply(this, arguments);
|
9363
9191
|
};
|
9364
9192
|
}();
|
9365
|
-
var
|
9366
|
-
|
9367
|
-
|
9368
|
-
|
9369
|
-
|
9370
|
-
|
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
|
-
|
9378
|
-
|
9379
|
-
|
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
|
-
|
9462
|
-
|
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 (
|
9473
|
-
|
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
|
-
|
9477
|
-
|
9478
|
-
|
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
|
-
|
9482
|
-
|
9483
|
-
|
9484
|
-
//
|
9485
|
-
|
9486
|
-
//
|
9487
|
-
|
9488
|
-
|
9489
|
-
|
9490
|
-
|
9491
|
-
|
9492
|
-
|
9493
|
-
|
9494
|
-
|
9495
|
-
|
9496
|
-
|
9497
|
-
|
9498
|
-
|
9499
|
-
|
9500
|
-
|
9501
|
-
|
9502
|
-
|
9503
|
-
|
9504
|
-
|
9505
|
-
|
9506
|
-
|
9507
|
-
|
9508
|
-
|
9509
|
-
|
9510
|
-
|
9511
|
-
|
9512
|
-
|
9513
|
-
|
9514
|
-
|
9515
|
-
|
9516
|
-
|
9517
|
-
|
9518
|
-
|
9519
|
-
|
9520
|
-
|
9521
|
-
|
9522
|
-
|
9523
|
-
|
9524
|
-
|
9525
|
-
|
9526
|
-
|
9527
|
-
|
9528
|
-
|
9529
|
-
|
9530
|
-
|
9531
|
-
|
9532
|
-
|
9533
|
-
|
9534
|
-
|
9535
|
-
|
9536
|
-
|
9537
|
-
|
9538
|
-
|
9539
|
-
|
9540
|
-
|
9541
|
-
|
9542
|
-
|
9543
|
-
|
9544
|
-
|
9545
|
-
|
9546
|
-
|
9547
|
-
|
9548
|
-
|
9549
|
-
|
9550
|
-
|
9551
|
-
|
9552
|
-
|
9553
|
-
|
9554
|
-
|
9555
|
-
|
9556
|
-
|
9557
|
-
|
9558
|
-
|
9559
|
-
|
9560
|
-
|
9561
|
-
|
9562
|
-
|
9563
|
-
|
9564
|
-
|
9565
|
-
|
9566
|
-
|
9567
|
-
|
9568
|
-
|
9569
|
-
|
9570
|
-
|
9571
|
-
|
9572
|
-
|
9573
|
-
|
9574
|
-
|
9575
|
-
|
9576
|
-
|
9577
|
-
|
9578
|
-
|
9579
|
-
|
9580
|
-
|
9581
|
-
|
9582
|
-
|
9583
|
-
|
9584
|
-
|
9585
|
-
|
9586
|
-
|
9587
|
-
|
9588
|
-
|
9589
|
-
|
9590
|
-
|
9591
|
-
|
9592
|
-
|
9593
|
-
|
9594
|
-
|
9595
|
-
|
9596
|
-
|
9597
|
-
|
9598
|
-
|
9599
|
-
|
9600
|
-
|
9601
|
-
|
9602
|
-
|
9603
|
-
|
9604
|
-
|
9605
|
-
|
9606
|
-
|
9607
|
-
|
9608
|
-
|
9609
|
-
|
9610
|
-
|
9611
|
-
|
9612
|
-
|
9613
|
-
|
9614
|
-
|
9615
|
-
|
9616
|
-
|
9617
|
-
|
9618
|
-
|
9619
|
-
|
9620
|
-
|
9621
|
-
|
9622
|
-
|
9623
|
-
|
9624
|
-
|
9625
|
-
|
9626
|
-
|
9627
|
-
|
9628
|
-
|
9629
|
-
|
9630
|
-
|
9631
|
-
|
9632
|
-
|
9633
|
-
|
9634
|
-
|
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
|
-
|
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 ===
|
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.
|
9664
|
-
storeAllObject: [].concat(use3dddPlus.getState().storeAllObject)
|
9665
|
-
});
|
9559
|
+
use3dddPlus.getState().storeAllObject.splice(index, 0, text);
|
9666
9560
|
};
|
9667
|
-
var
|
9668
|
-
var
|
9669
|
-
|
9670
|
-
|
9671
|
-
|
9672
|
-
|
9673
|
-
|
9674
|
-
|
9675
|
-
|
9676
|
-
|
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
|
-
|
9681
|
-
|
9682
|
-
|
9683
|
-
|
9684
|
-
|
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
|
-
|
9692
|
-
|
9693
|
-
|
9694
|
-
|
9695
|
-
|
9696
|
-
|
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
|
-
|
9844
|
-
|
9845
|
-
|
9846
|
-
|
9847
|
-
|
9848
|
-
|
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(
|
9906
|
-
|
9907
|
-
|
9908
|
-
|
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
|
-
|
10035
|
-
|
10036
|
-
|
10037
|
-
|
10038
|
-
|
10039
|
-
|
10040
|
-
|
10041
|
-
|
10042
|
-
|
10043
|
-
|
10044
|
-
|
10045
|
-
|
10046
|
-
|
10047
|
-
|
10048
|
-
})
|
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
|
-
|
10128
|
-
|
10129
|
-
|
10130
|
-
|
10131
|
-
|
10132
|
-
|
10133
|
-
|
10134
|
-
|
10135
|
-
|
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
|
-
|
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
|
-
|
10212
|
-
|
10213
|
-
|
10214
|
-
|
10215
|
-
|
10216
|
-
|
10217
|
-
|
10218
|
-
|
10219
|
-
|
10220
|
-
|
10221
|
-
|
10222
|
-
|
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"))
|
10230
|
-
|
10231
|
-
|
10232
|
-
|
10233
|
-
|
10234
|
-
|
10235
|
-
|
10236
|
-
|
10237
|
-
|
10238
|
-
|
10239
|
-
|
10240
|
-
|
10241
|
-
|
10242
|
-
|
10243
|
-
|
10244
|
-
|
10245
|
-
|
10246
|
-
|
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
|
-
|
10249
|
-
|
10250
|
-
|
10251
|
-
},
|
10252
|
-
|
10253
|
-
|
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
|
-
|
10256
|
-
|
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
|
-
}
|
10304
|
-
|
10305
|
-
|
10306
|
-
|
10307
|
-
|
10308
|
-
|
10309
|
-
height
|
10310
|
-
|
10311
|
-
|
10312
|
-
|
10313
|
-
|
10314
|
-
|
10315
|
-
|
10316
|
-
|
10317
|
-
|
10318
|
-
|
10319
|
-
|
10320
|
-
|
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
|
-
|
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
|
-
},
|
10325
|
-
|
10326
|
-
|
10327
|
-
|
10328
|
-
|
10329
|
-
|
10330
|
-
|
10331
|
-
|
10332
|
-
|
10333
|
-
|
10334
|
-
|
10335
|
-
|
10336
|
-
|
10337
|
-
|
10338
|
-
|
10339
|
-
|
10340
|
-
|
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;
|