@ioca/react 1.4.1 → 1.4.4

package/lib/cjs/components/modal/modal.js

@@ -81,7 +81,7 @@ function Modal(props) {
             "i-modal-customized": customized,
             "i-modal-active": active,
             fixed,
-        }, className), style: style, onClick: handleBackdropClick, "aria-modal": 'true', "aria-hidden": !active, children: jsxRuntime.jsx("div", { className: classNames__default("i-modal", {
+        }, className), style: style, onClick: handleBackdropClick, "aria-modal": 'true', inert: !active, children: jsxRuntime.jsx("div", { className: classNames__default("i-modal", {
                 bounced,
                 shadow: !hideShadow,
             }), style: {

package/lib/cjs/components/modal/modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"modal.js","sources":["../../../../packages/components/modal/modal.tsx"],"sourcesContent":["import classNames from \"classnames\";\r\nimport { useEffect, useRef, useState } from \"react\";\r\nimport { createPortal } from \"react-dom\";\r\nimport { useKeydown } from \"../../js/hooks\";\r\nimport Content from \"./content\";\r\nimport ModalContext from \"./context\";\r\nimport \"./index.css\";\r\nimport { CompositionModal, IModal } from \"./type\";\r\nimport useModal from \"./useModal\";\r\n\r\nfunction Modal(props: IModal) {\r\n\tconst {\r\n\t\tvisible,\r\n\t\ttitle,\r\n\t\tfooter,\r\n\t\tokButtonProps,\r\n\t\tcancelButtonProps,\r\n\t\tclosable = true,\r\n\t\thideBackdrop,\r\n\t\tbackdropClosable = true,\r\n\t\thideCloseButton,\r\n\t\tdisableEsc,\r\n\t\twidth,\r\n\t\theight,\r\n\t\tcustomized,\r\n\t\tfixed,\r\n\t\thideShadow,\r\n\t\tchildren,\r\n\t\tstyle,\r\n\t\tclassName,\r\n\t\tkeepDOM,\r\n\t\tfooterLeft,\r\n\t\tonClick,\r\n\t\tonVisibleChange,\r\n\t\tonClose,\r\n\t\tonOk,\r\n\t\t...restProps\r\n\t} = props;\r\n\r\n\tconst [show, setShow] = useState(visible);\r\n\tconst [active, setActive] = useState(false);\r\n\tconst [bounced, setBounced] = useState(false);\r\n\tconst [mounted, setMounted] = useState(false);\r\n\tconst toggable = useRef(true);\r\n\r\n\tconst handleShow = async () => {\r\n\t\tif (!toggable.current) return;\r\n\r\n\t\t(!keepDOM || !show) && setShow(true);\r\n\t\ttoggable.current = false;\r\n\r\n\t\tconst timer = setTimeout(() => {\r\n\t\t\tsetActive(true);\r\n\t\t\tonVisibleChange?.(true);\r\n\t\t\ttoggable.current = true;\r\n\t\t}, 64);\r\n\r\n\t\treturn () => clearTimeout(timer);\r\n\t};\r\n\r\n\tconst handleHide = () => {\r\n\t\tif (!toggable.current) return;\r\n\t\ttoggable.current = false;\r\n\r\n\t\tif (!closable) {\r\n\t\t\tsetBounced(true);\r\n\t\t\tconst timer = setTimeout(() => {\r\n\t\t\t\tsetBounced(false);\r\n\t\t\t\ttoggable.current = true;\r\n\t\t\t}, 400);\r\n\t\t\treturn () => clearTimeout(timer);\r\n\t\t}\r\n\r\n\t\tsetActive(false);\r\n\t\tconst timer = setTimeout(() => {\r\n\t\t\t!keepDOM && setShow(false);\r\n\t\t\ttoggable.current = true;\r\n\t\t\tonVisibleChange?.(false);\r\n\t\t\tonClose?.();\r\n\t\t}, 240);\r\n\r\n\t\treturn () => clearTimeout(timer);\r\n\t};\r\n\r\n\tconst handleBackdropClick = () => {\r\n\t\tbackdropClosable && handleHide();\r\n\t};\r\n\r\n\tuseKeydown(\r\n\t\t(e) => {\r\n\t\t\tif (e.code !== \"Escape\" || !visible) return;\r\n\t\t\thandleHide();\r\n\t\t},\r\n\t\t{ disabled: disableEsc }\r\n\t);\r\n\r\n\tuseEffect(() => {\r\n\t\tvisible ? handleShow() : handleHide();\r\n\t}, [visible]);\r\n\r\n\tuseEffect(() => {\r\n\t\tsetMounted(true);\r\n\t}, []);\r\n\r\n\tconst handleClick = () => {\r\n\t\tif (typeof document === \"undefined\") return;\r\n\t\tdocument.documentElement.click();\r\n\t};\r\n\r\n\tif (!show || !mounted) return null;\r\n\r\n\treturn createPortal(\r\n\t\t<div\r\n\t\t\tclassName={classNames(\r\n\t\t\t\t\"i-modal-container\",\r\n\t\t\t\t{\r\n\t\t\t\t\t\"i-modal-backdrop\": !hideBackdrop,\r\n\t\t\t\t\t\"i-modal-customized\": customized,\r\n\t\t\t\t\t\"i-modal-active\": active,\r\n\t\t\t\t\tfixed,\r\n\t\t\t\t},\r\n\t\t\t\tclassName\r\n\t\t\t)}\r\n\t\t\tstyle={style}\r\n\t\t\tonClick={handleBackdropClick}\r\n\t\t\taria-modal='true'\r\n\t\t\taria-hidden={!active}\r\n\t\t>\r\n\t\t\t<div\r\n\t\t\t\tclassName={classNames(\"i-modal\", {\r\n\t\t\t\t\tbounced,\r\n\t\t\t\t\tshadow: !hideShadow,\r\n\t\t\t\t})}\r\n\t\t\t\tstyle={{\r\n\t\t\t\t\twidth,\r\n\t\t\t\t\theight,\r\n\t\t\t\t}}\r\n\t\t\t\tonClick={(e) => {\r\n\t\t\t\t\te.stopPropagation();\r\n\t\t\t\t\thandleClick();\r\n\t\t\t\t\tonClick?.(e);\r\n\t\t\t\t}}\r\n\t\t\t\trole='dialog'\r\n\t\t\t\taria-labelledby={title ? \"modal-title\" : undefined}\r\n\t\t\t\t{...restProps}\r\n\t\t\t>\r\n\t\t\t\t<ModalContext.Provider value={true}>\r\n\t\t\t\t\t{customized && children}\r\n\r\n\t\t\t\t\t{!customized && (\r\n\t\t\t\t\t\t<Content\r\n\t\t\t\t\t\t\ttitle={title}\r\n\t\t\t\t\t\t\thideCloseButton={hideCloseButton}\r\n\t\t\t\t\t\t\tfooter={footer}\r\n\t\t\t\t\t\t\tokButtonProps={okButtonProps}\r\n\t\t\t\t\t\t\tcancelButtonProps={cancelButtonProps}\r\n\t\t\t\t\t\t\tchildren={children}\r\n\t\t\t\t\t\t\tfooterLeft={footerLeft}\r\n\t\t\t\t\t\t\tonOk={onOk}\r\n\t\t\t\t\t\t\tonClose={handleHide}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t)}\r\n\t\t\t\t</ModalContext.Provider>\r\n\t\t\t</div>\r\n\t\t</div>,\r\n\t\tdocument?.body ?? null\r\n\t);\r\n}\r\n\r\nModal.useModal = useModal;\r\n\r\nexport default Modal as CompositionModal;\r\n"],"names":["useState","useRef","useKeydown","useEffect","createPortal","_jsx","classNames","_jsxs","ModalContext","Content","useModal"],"mappings":"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"}
+{"version":3,"file":"modal.js","sources":["../../../../packages/components/modal/modal.tsx"],"sourcesContent":["import classNames from \"classnames\";\r\nimport { useEffect, useRef, useState } from \"react\";\r\nimport { createPortal } from \"react-dom\";\r\nimport { useKeydown } from \"../../js/hooks\";\r\nimport Content from \"./content\";\r\nimport ModalContext from \"./context\";\r\nimport \"./index.css\";\r\nimport { CompositionModal, IModal } from \"./type\";\r\nimport useModal from \"./useModal\";\r\n\r\nfunction Modal(props: IModal) {\r\n\tconst {\r\n\t\tvisible,\r\n\t\ttitle,\r\n\t\tfooter,\r\n\t\tokButtonProps,\r\n\t\tcancelButtonProps,\r\n\t\tclosable = true,\r\n\t\thideBackdrop,\r\n\t\tbackdropClosable = true,\r\n\t\thideCloseButton,\r\n\t\tdisableEsc,\r\n\t\twidth,\r\n\t\theight,\r\n\t\tcustomized,\r\n\t\tfixed,\r\n\t\thideShadow,\r\n\t\tchildren,\r\n\t\tstyle,\r\n\t\tclassName,\r\n\t\tkeepDOM,\r\n\t\tfooterLeft,\r\n\t\tonClick,\r\n\t\tonVisibleChange,\r\n\t\tonClose,\r\n\t\tonOk,\r\n\t\t...restProps\r\n\t} = props;\r\n\r\n\tconst [show, setShow] = useState(visible);\r\n\tconst [active, setActive] = useState(false);\r\n\tconst [bounced, setBounced] = useState(false);\r\n\tconst [mounted, setMounted] = useState(false);\r\n\tconst toggable = useRef(true);\r\n\r\n\tconst handleShow = async () => {\r\n\t\tif (!toggable.current) return;\r\n\r\n\t\t(!keepDOM || !show) && setShow(true);\r\n\t\ttoggable.current = false;\r\n\r\n\t\tconst timer = setTimeout(() => {\r\n\t\t\tsetActive(true);\r\n\t\t\tonVisibleChange?.(true);\r\n\t\t\ttoggable.current = true;\r\n\t\t}, 64);\r\n\r\n\t\treturn () => clearTimeout(timer);\r\n\t};\r\n\r\n\tconst handleHide = () => {\r\n\t\tif (!toggable.current) return;\r\n\t\ttoggable.current = false;\r\n\r\n\t\tif (!closable) {\r\n\t\t\tsetBounced(true);\r\n\t\t\tconst timer = setTimeout(() => {\r\n\t\t\t\tsetBounced(false);\r\n\t\t\t\ttoggable.current = true;\r\n\t\t\t}, 400);\r\n\t\t\treturn () => clearTimeout(timer);\r\n\t\t}\r\n\r\n\t\tsetActive(false);\r\n\t\tconst timer = setTimeout(() => {\r\n\t\t\t!keepDOM && setShow(false);\r\n\t\t\ttoggable.current = true;\r\n\t\t\tonVisibleChange?.(false);\r\n\t\t\tonClose?.();\r\n\t\t}, 240);\r\n\r\n\t\treturn () => clearTimeout(timer);\r\n\t};\r\n\r\n\tconst handleBackdropClick = () => {\r\n\t\tbackdropClosable && handleHide();\r\n\t};\r\n\r\n\tuseKeydown(\r\n\t\t(e) => {\r\n\t\t\tif (e.code !== \"Escape\" || !visible) return;\r\n\t\t\thandleHide();\r\n\t\t},\r\n\t\t{ disabled: disableEsc }\r\n\t);\r\n\r\n\tuseEffect(() => {\r\n\t\tvisible ? handleShow() : handleHide();\r\n\t}, [visible]);\r\n\r\n\tuseEffect(() => {\r\n\t\tsetMounted(true);\r\n\t}, []);\r\n\r\n\tconst handleClick = () => {\r\n\t\tif (typeof document === \"undefined\") return;\r\n\t\tdocument.documentElement.click();\r\n\t};\r\n\r\n\tif (!show || !mounted) return null;\r\n\r\n\treturn createPortal(\r\n\t\t<div\r\n\t\t\tclassName={classNames(\r\n\t\t\t\t\"i-modal-container\",\r\n\t\t\t\t{\r\n\t\t\t\t\t\"i-modal-backdrop\": !hideBackdrop,\r\n\t\t\t\t\t\"i-modal-customized\": customized,\r\n\t\t\t\t\t\"i-modal-active\": active,\r\n\t\t\t\t\tfixed,\r\n\t\t\t\t},\r\n\t\t\t\tclassName\r\n\t\t\t)}\r\n\t\t\tstyle={style}\r\n\t\t\tonClick={handleBackdropClick}\r\n\t\t\taria-modal='true'\r\n\t\t\tinert={!active}\r\n\t\t>\r\n\t\t\t<div\r\n\t\t\t\tclassName={classNames(\"i-modal\", {\r\n\t\t\t\t\tbounced,\r\n\t\t\t\t\tshadow: !hideShadow,\r\n\t\t\t\t})}\r\n\t\t\t\tstyle={{\r\n\t\t\t\t\twidth,\r\n\t\t\t\t\theight,\r\n\t\t\t\t}}\r\n\t\t\t\tonClick={(e) => {\r\n\t\t\t\t\te.stopPropagation();\r\n\t\t\t\t\thandleClick();\r\n\t\t\t\t\tonClick?.(e);\r\n\t\t\t\t}}\r\n\t\t\t\trole='dialog'\r\n\t\t\t\taria-labelledby={title ? \"modal-title\" : undefined}\r\n\t\t\t\t{...restProps}\r\n\t\t\t>\r\n\t\t\t\t<ModalContext.Provider value={true}>\r\n\t\t\t\t\t{customized && children}\r\n\r\n\t\t\t\t\t{!customized && (\r\n\t\t\t\t\t\t<Content\r\n\t\t\t\t\t\t\ttitle={title}\r\n\t\t\t\t\t\t\thideCloseButton={hideCloseButton}\r\n\t\t\t\t\t\t\tfooter={footer}\r\n\t\t\t\t\t\t\tokButtonProps={okButtonProps}\r\n\t\t\t\t\t\t\tcancelButtonProps={cancelButtonProps}\r\n\t\t\t\t\t\t\tchildren={children}\r\n\t\t\t\t\t\t\tfooterLeft={footerLeft}\r\n\t\t\t\t\t\t\tonOk={onOk}\r\n\t\t\t\t\t\t\tonClose={handleHide}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t)}\r\n\t\t\t\t</ModalContext.Provider>\r\n\t\t\t</div>\r\n\t\t</div>,\r\n\t\tdocument?.body ?? null\r\n\t);\r\n}\r\n\r\nModal.useModal = useModal;\r\n\r\nexport default Modal as CompositionModal;\r\n"],"names":["useState","useRef","useKeydown","useEffect","createPortal","_jsx","classNames","_jsxs","ModalContext","Content","useModal"],"mappings":"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"}

package/lib/cjs/js/usePreview/content.js

@@ -138,13 +138,25 @@ function Content(props) {
     };
     hooks.useMouseMove(handleMouseMove);
     hooks.useMouseUp(handleMouseUp);
+    react.useEffect(() => {
+        if (!box.current)
+            return;
+        box.current.addEventListener("wheel", handleMouseWheel, {
+            passive: false,
+        });
+        return () => {
+            if (!box.current)
+                return;
+            box.current.removeEventListener("wheel", handleMouseWheel);
+        };
+    }, []);
     return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { ref: box, className: classNames__default("i-preview-content", {
                     "no-transition": state.dragging,
                 }), style: {
                     transform: `translate(${state.translate
                         .map((n) => `${n}px`)
                         .join(",")}) rotate(${state.rotate}deg) scale(${state.scale})`,
-                }, onWheel: handleMouseWheel, onMouseDown: handleMouseDown, onClick: (e) => e.stopPropagation(), children: content }), jsxRuntime.jsxs("div", { className: classNames__default("i-preview-controls", {
+                }, onMouseDown: handleMouseDown, onClick: (e) => e.stopPropagation(), children: content }), jsxRuntime.jsxs("div", { className: classNames__default("i-preview-controls", {
                     "i-preview-controls-hidden": state.controlHidden,
                 }), children: [jsxRuntime.jsx(button.default, { square: true, flat: true, onClick: onClose, children: jsxRuntime.jsx(icon.default, { icon: jsxRuntime.jsx(material.CloseRound, {}) }) }), files.length > 1 && (jsxRuntime.jsxs("span", { className: 'px-8', children: [state.current + 1, " / ", files.length] })), state.scale !== 1 && (jsxRuntime.jsxs(button.default, { flat: true, onClick: () => (state.scale = 1), children: [jsxRuntime.jsx(icon.default, { icon: jsxRuntime.jsx(material.AspectRatioRound, {}) }), jsxRuntime.jsxs("span", { className: 'mt-2', children: [(state.scale * 100).toFixed(0), "%"] })] })), jsxRuntime.jsx(button.default, { square: true, flat: true, href: file.src, target: '_blank', children: jsxRuntime.jsx(icon.default, { icon: jsxRuntime.jsx(material.OpenInNewRound, {}) }) }), jsxRuntime.jsx(button.default, { square: true, flat: true, href: file.src, download: true, target: '_blank', children: jsxRuntime.jsx(icon.default, { icon: jsxRuntime.jsx(material.FileDownloadOutlined, {}) }) }), jsxRuntime.jsx(button.default, { square: true, flat: true, onClick: () => handleRotate(90), children: jsxRuntime.jsx(icon.default, { icon: jsxRuntime.jsx(material.RotateRightRound, {}) }) }), jsxRuntime.jsx(button.default, { square: true, flat: true, onClick: () => handleRotate(-90), children: jsxRuntime.jsx(icon.default, { icon: jsxRuntime.jsx(material.RotateLeftRound, {}) }) }), files.length > 1 && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(button.default, { square: true, flat: true, onClick: () => handleSwitch(state.current - 1), children: jsxRuntime.jsx(icon.default, { icon: jsxRuntime.jsx(material.KeyboardArrowLeftRound, {}) }) }), jsxRuntime.jsx(button.default, { square: true, flat: true, onClick: () => handleSwitch(state.current + 1), children: jsxRuntime.jsx(icon.default, { icon: jsxRuntime.jsx(material.KeyboardArrowRightRound, {}) }) })] }))] })] }));
 }

package/lib/cjs/js/usePreview/content.js.map

@@ -1 +1 @@
-{"version":3,"file":"content.js","sources":["../../../../packages/js/usePreview/content.tsx"],"sourcesContent":["import Button from \"@p/components/button\";\r\nimport Icon from \"@p/components/icon\";\r\nimport {\r\n\tAspectRatioRound,\r\n\tCloseRound,\r\n\tFileDownloadOutlined,\r\n\tKeyboardArrowLeftRound,\r\n\tKeyboardArrowRightRound,\r\n\tOpenInNewRound,\r\n\tRotateLeftRound,\r\n\tRotateRightRound,\r\n} from \"@ricons/material\";\r\nimport { useReactive } from \"ahooks\";\r\nimport classNames from \"classnames\";\r\nimport { throttle } from \"radash\";\r\nimport { useMemo, useRef } from \"react\";\r\nimport { useMouseMove, useMouseUp } from \"../hooks\";\r\nimport { getFileType, getSuffixByUrl } from \"../utils\";\r\nimport DefaultRenderFile from \"./renderFile\";\r\nimport { IPreview, TFileType, TPreviewItem } from \"./type\";\r\n\r\nexport default function Content(props: IPreview) {\r\n\tconst {\r\n\t\titems = [],\r\n\t\tinitial = 0,\r\n\t\trenderFile = DefaultRenderFile,\r\n\t\tonRotate,\r\n\t\tonChange,\r\n\t\tonClose,\r\n\t\tonZoom,\r\n\t} = props;\r\n\tconst state = useReactive({\r\n\t\tcurrent: initial,\r\n\t\trotate: 0,\r\n\t\tscale: 1,\r\n\t\ttranslate: [0, 0],\r\n\t\tstart: [0, 0],\r\n\t\tdragging: false,\r\n\t\tcontrolHidden: true,\r\n\t});\r\n\tconst box = useRef<HTMLDivElement>(null);\r\n\tconst translate = useRef<number[]>([0, 0]);\r\n\tconst hiddenTO = useRef<any>(null);\r\n\r\n\tconst files = useMemo(() => {\r\n\t\treturn items.map((item) => {\r\n\t\t\tconst o: TPreviewItem = {\r\n\t\t\t\tsrc: \"\",\r\n\t\t\t};\r\n\t\t\tif (typeof item === \"string\") {\r\n\t\t\t\to.src = item;\r\n\t\t\t} else {\r\n\t\t\t\tObject.assign(o, item);\r\n\t\t\t}\r\n\r\n\t\t\to.suffix = getSuffixByUrl(o.src) || \"\";\r\n\t\t\to.type = getFileType(o.suffix, item[\"type\"]);\r\n\r\n\t\t\treturn o;\r\n\t\t});\r\n\t}, [items]);\r\n\r\n\tconst { file, content } = useMemo(() => {\r\n\t\tconst file = files[state.current];\r\n\t\tconst content = renderFile(file);\r\n\r\n\t\treturn {\r\n\t\t\tfile,\r\n\t\t\tcontent,\r\n\t\t};\r\n\t}, [state.current, items]);\r\n\r\n\tconst isImage = file.type === TFileType.IMAGE;\r\n\r\n\tconst handleSwitch = (next: number) => {\r\n\t\tconst l = files.length;\r\n\t\tconst { current: before } = state;\r\n\t\tif (next >= l) {\r\n\t\t\tstate.current = 0;\r\n\t\t} else if (next < 0) {\r\n\t\t\tstate.current = l - 1;\r\n\t\t} else {\r\n\t\t\tstate.current = next;\r\n\t\t}\r\n\t\tonChange?.(state.current, before);\r\n\r\n\t\tstate.rotate = files[state.current].rotate || 0;\r\n\r\n\t\tif (state.scale !== 1) {\r\n\t\t\tstate.scale = 1;\r\n\t\t\tonZoom?.(1);\r\n\t\t}\r\n\t\tonRotate?.(state.rotate);\r\n\t\tstate.translate = translate.current = [0, 0];\r\n\t};\r\n\r\n\tconst handleRotate = (deg: number) => {\r\n\t\tstate.rotate += deg;\r\n\r\n\t\tonRotate?.(state.rotate);\r\n\t};\r\n\r\n\tconst handleMouseWheel = throttle({ interval: 60 }, (e) => {\r\n\t\te.stopPropagation();\r\n\t\te.preventDefault();\r\n\t\tif (!isImage) return;\r\n\t\tlet after = state.scale + (e.deltaY < 0 ? 0.05 : -0.05);\r\n\t\tif (after > 2) after = 2;\r\n\t\tif (after < 0.25) after = 0.25;\r\n\r\n\t\tonZoom?.(after);\r\n\t\tstate.scale = after;\r\n\t});\r\n\r\n\tconst handleMouseDown = (e) => {\r\n\t\tif (!isImage) return;\r\n\t\te.preventDefault();\r\n\t\tstate.dragging = true;\r\n\t\tstate.start = [e.pageX, e.pageY];\r\n\t};\r\n\r\n\tconst clearHiddenTO = () => {\r\n\t\tif (!hiddenTO.current || state.controlHidden) return;\r\n\t\tclearTimeout(hiddenTO.current);\r\n\t\thiddenTO.current = null;\r\n\t};\r\n\r\n\tconst setHiddenFalse = () => {\r\n\t\tif (!state.controlHidden) return;\r\n\t\tstate.controlHidden = false;\r\n\r\n\t\tclearHiddenTO();\r\n\t\thiddenTO.current = setTimeout(() => {\r\n\t\t\tstate.controlHidden = true;\r\n\t\t}, 1000);\r\n\t};\r\n\r\n\tconst throttleMouseMove = throttle({ interval: 300 }, setHiddenFalse);\r\n\r\n\tconst handleMouseMove = (e) => {\r\n\t\tthrottleMouseMove();\r\n\t\tif (!state.dragging) return;\r\n\t\te.preventDefault();\r\n\r\n\t\tconst [x, y] = translate.current;\r\n\t\tconst [ox, oy] = state.start;\r\n\t\tconst offsetX = e.pageX - ox;\r\n\t\tconst offsetY = e.pageY - oy;\r\n\r\n\t\tstate.translate = [x + offsetX, y + offsetY];\r\n\t};\r\n\r\n\tconst handleMouseUp = () => {\r\n\t\tif (!state.dragging) return;\r\n\t\tstate.dragging = false;\r\n\t\ttranslate.current = state.translate;\r\n\t};\r\n\r\n\tuseMouseMove(handleMouseMove);\r\n\tuseMouseUp(handleMouseUp);\r\n\r\n\treturn (\r\n\t\t<>\r\n\t\t\t<div\r\n\t\t\t\tref={box}\r\n\t\t\t\tclassName={classNames(\"i-preview-content\", {\r\n\t\t\t\t\t\"no-transition\": state.dragging,\r\n\t\t\t\t})}\r\n\t\t\t\tstyle={{\r\n\t\t\t\t\ttransform: `translate(${state.translate\r\n\t\t\t\t\t\t.map((n) => `${n}px`)\r\n\t\t\t\t\t\t.join(\",\")}) rotate(${state.rotate}deg) scale(${\r\n\t\t\t\t\t\tstate.scale\r\n\t\t\t\t\t})`,\r\n\t\t\t\t}}\r\n\t\t\t\tonWheel={handleMouseWheel}\r\n\t\t\t\tonMouseDown={handleMouseDown}\r\n\t\t\t\tonClick={(e) => e.stopPropagation()}\r\n\t\t\t>\r\n\t\t\t\t{content}\r\n\t\t\t</div>\r\n\r\n\t\t\t<div\r\n\t\t\t\tclassName={classNames(\"i-preview-controls\", {\r\n\t\t\t\t\t\"i-preview-controls-hidden\": state.controlHidden,\r\n\t\t\t\t})}\r\n\t\t\t>\r\n\t\t\t\t<Button square flat onClick={onClose}>\r\n\t\t\t\t\t<Icon icon={<CloseRound />} />\r\n\t\t\t\t</Button>\r\n\t\t\t\t{files.length > 1 && (\r\n\t\t\t\t\t<span className='px-8'>\r\n\t\t\t\t\t\t{state.current + 1} / {files.length}\r\n\t\t\t\t\t</span>\r\n\t\t\t\t)}\r\n\t\t\t\t{state.scale !== 1 && (\r\n\t\t\t\t\t<Button flat onClick={() => (state.scale = 1)}>\r\n\t\t\t\t\t\t<Icon icon={<AspectRatioRound />} />\r\n\t\t\t\t\t\t<span className='mt-2'>\r\n\t\t\t\t\t\t\t{(state.scale * 100).toFixed(0)}%\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t</Button>\r\n\t\t\t\t)}\r\n\t\t\t\t<Button square flat href={file.src} target='_blank'>\r\n\t\t\t\t\t<Icon icon={<OpenInNewRound />} />\r\n\t\t\t\t</Button>\r\n\t\t\t\t<Button square flat href={file.src} download target='_blank'>\r\n\t\t\t\t\t<Icon icon={<FileDownloadOutlined />} />\r\n\t\t\t\t</Button>\r\n\t\t\t\t<Button square flat onClick={() => handleRotate(90)}>\r\n\t\t\t\t\t<Icon icon={<RotateRightRound />} />\r\n\t\t\t\t</Button>\r\n\t\t\t\t<Button square flat onClick={() => handleRotate(-90)}>\r\n\t\t\t\t\t<Icon icon={<RotateLeftRound />} />\r\n\t\t\t\t</Button>\r\n\r\n\t\t\t\t{files.length > 1 && (\r\n\t\t\t\t\t<>\r\n\t\t\t\t\t\t<Button\r\n\t\t\t\t\t\t\tsquare\r\n\t\t\t\t\t\t\tflat\r\n\t\t\t\t\t\t\tonClick={() => handleSwitch(state.current - 1)}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<Icon icon={<KeyboardArrowLeftRound />} />\r\n\t\t\t\t\t\t</Button>\r\n\t\t\t\t\t\t<Button\r\n\t\t\t\t\t\t\tsquare\r\n\t\t\t\t\t\t\tflat\r\n\t\t\t\t\t\t\tonClick={() => handleSwitch(state.current + 1)}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<Icon icon={<KeyboardArrowRightRound />} />\r\n\t\t\t\t\t\t</Button>\r\n\t\t\t\t\t</>\r\n\t\t\t\t)}\r\n\t\t\t</div>\r\n\t\t</>\r\n\t);\r\n}\r\n"],"names":["renderFile","DefaultRenderFile","useReactive","useRef","useMemo","getSuffixByUrl","getFileType","TFileType","throttle","useMouseMove","useMouseUp","_jsxs","_Fragment","_jsx","classNames","Button","Icon","CloseRound","AspectRatioRound","OpenInNewRound","FileDownloadOutlined","RotateRightRound","RotateLeftRound","KeyboardArrowLeftRound","KeyboardArrowRightRound"],"mappings":"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"}
+{"version":3,"file":"content.js","sources":["../../../../packages/js/usePreview/content.tsx"],"sourcesContent":["import Button from \"@p/components/button\";\r\nimport Icon from \"@p/components/icon\";\r\nimport {\r\n\tAspectRatioRound,\r\n\tCloseRound,\r\n\tFileDownloadOutlined,\r\n\tKeyboardArrowLeftRound,\r\n\tKeyboardArrowRightRound,\r\n\tOpenInNewRound,\r\n\tRotateLeftRound,\r\n\tRotateRightRound,\r\n} from \"@ricons/material\";\r\nimport { useReactive } from \"ahooks\";\r\nimport classNames from \"classnames\";\r\nimport { throttle } from \"radash\";\r\nimport { useEffect, useMemo, useRef } from \"react\";\r\nimport { useMouseMove, useMouseUp } from \"../hooks\";\r\nimport { getFileType, getSuffixByUrl } from \"../utils\";\r\nimport DefaultRenderFile from \"./renderFile\";\r\nimport { IPreview, TFileType, TPreviewItem } from \"./type\";\r\n\r\nexport default function Content(props: IPreview) {\r\n\tconst {\r\n\t\titems = [],\r\n\t\tinitial = 0,\r\n\t\trenderFile = DefaultRenderFile,\r\n\t\tonRotate,\r\n\t\tonChange,\r\n\t\tonClose,\r\n\t\tonZoom,\r\n\t} = props;\r\n\tconst state = useReactive({\r\n\t\tcurrent: initial,\r\n\t\trotate: 0,\r\n\t\tscale: 1,\r\n\t\ttranslate: [0, 0],\r\n\t\tstart: [0, 0],\r\n\t\tdragging: false,\r\n\t\tcontrolHidden: true,\r\n\t});\r\n\tconst box = useRef<HTMLDivElement>(null);\r\n\tconst translate = useRef<number[]>([0, 0]);\r\n\tconst hiddenTO = useRef<any>(null);\r\n\r\n\tconst files = useMemo(() => {\r\n\t\treturn items.map((item) => {\r\n\t\t\tconst o: TPreviewItem = {\r\n\t\t\t\tsrc: \"\",\r\n\t\t\t};\r\n\t\t\tif (typeof item === \"string\") {\r\n\t\t\t\to.src = item;\r\n\t\t\t} else {\r\n\t\t\t\tObject.assign(o, item);\r\n\t\t\t}\r\n\r\n\t\t\to.suffix = getSuffixByUrl(o.src) || \"\";\r\n\t\t\to.type = getFileType(o.suffix, item[\"type\"]);\r\n\r\n\t\t\treturn o;\r\n\t\t});\r\n\t}, [items]);\r\n\r\n\tconst { file, content } = useMemo(() => {\r\n\t\tconst file = files[state.current];\r\n\t\tconst content = renderFile(file);\r\n\r\n\t\treturn {\r\n\t\t\tfile,\r\n\t\t\tcontent,\r\n\t\t};\r\n\t}, [state.current, items]);\r\n\r\n\tconst isImage = file.type === TFileType.IMAGE;\r\n\r\n\tconst handleSwitch = (next: number) => {\r\n\t\tconst l = files.length;\r\n\t\tconst { current: before } = state;\r\n\t\tif (next >= l) {\r\n\t\t\tstate.current = 0;\r\n\t\t} else if (next < 0) {\r\n\t\t\tstate.current = l - 1;\r\n\t\t} else {\r\n\t\t\tstate.current = next;\r\n\t\t}\r\n\t\tonChange?.(state.current, before);\r\n\r\n\t\tstate.rotate = files[state.current].rotate || 0;\r\n\r\n\t\tif (state.scale !== 1) {\r\n\t\t\tstate.scale = 1;\r\n\t\t\tonZoom?.(1);\r\n\t\t}\r\n\t\tonRotate?.(state.rotate);\r\n\t\tstate.translate = translate.current = [0, 0];\r\n\t};\r\n\r\n\tconst handleRotate = (deg: number) => {\r\n\t\tstate.rotate += deg;\r\n\r\n\t\tonRotate?.(state.rotate);\r\n\t};\r\n\r\n\tconst handleMouseWheel = throttle({ interval: 60 }, (e) => {\r\n\t\te.stopPropagation();\r\n\t\te.preventDefault();\r\n\t\tif (!isImage) return;\r\n\t\tlet after = state.scale + (e.deltaY < 0 ? 0.05 : -0.05);\r\n\t\tif (after > 2) after = 2;\r\n\t\tif (after < 0.25) after = 0.25;\r\n\r\n\t\tonZoom?.(after);\r\n\t\tstate.scale = after;\r\n\t});\r\n\r\n\tconst handleMouseDown = (e) => {\r\n\t\tif (!isImage) return;\r\n\t\te.preventDefault();\r\n\t\tstate.dragging = true;\r\n\t\tstate.start = [e.pageX, e.pageY];\r\n\t};\r\n\r\n\tconst clearHiddenTO = () => {\r\n\t\tif (!hiddenTO.current || state.controlHidden) return;\r\n\t\tclearTimeout(hiddenTO.current);\r\n\t\thiddenTO.current = null;\r\n\t};\r\n\r\n\tconst setHiddenFalse = () => {\r\n\t\tif (!state.controlHidden) return;\r\n\t\tstate.controlHidden = false;\r\n\r\n\t\tclearHiddenTO();\r\n\t\thiddenTO.current = setTimeout(() => {\r\n\t\t\tstate.controlHidden = true;\r\n\t\t}, 1000);\r\n\t};\r\n\r\n\tconst throttleMouseMove = throttle({ interval: 300 }, setHiddenFalse);\r\n\r\n\tconst handleMouseMove = (e) => {\r\n\t\tthrottleMouseMove();\r\n\t\tif (!state.dragging) return;\r\n\t\te.preventDefault();\r\n\r\n\t\tconst [x, y] = translate.current;\r\n\t\tconst [ox, oy] = state.start;\r\n\t\tconst offsetX = e.pageX - ox;\r\n\t\tconst offsetY = e.pageY - oy;\r\n\r\n\t\tstate.translate = [x + offsetX, y + offsetY];\r\n\t};\r\n\r\n\tconst handleMouseUp = () => {\r\n\t\tif (!state.dragging) return;\r\n\t\tstate.dragging = false;\r\n\t\ttranslate.current = state.translate;\r\n\t};\r\n\r\n\tuseMouseMove(handleMouseMove);\r\n\tuseMouseUp(handleMouseUp);\r\n\r\n\tuseEffect(() => {\r\n\t\tif (!box.current) return;\r\n\r\n\t\tbox.current.addEventListener(\"wheel\", handleMouseWheel, {\r\n\t\t\tpassive: false,\r\n\t\t});\r\n\r\n\t\treturn () => {\r\n\t\t\tif (!box.current) return;\r\n\r\n\t\t\tbox.current.removeEventListener(\"wheel\", handleMouseWheel);\r\n\t\t};\r\n\t}, []);\r\n\r\n\treturn (\r\n\t\t<>\r\n\t\t\t<div\r\n\t\t\t\tref={box}\r\n\t\t\t\tclassName={classNames(\"i-preview-content\", {\r\n\t\t\t\t\t\"no-transition\": state.dragging,\r\n\t\t\t\t})}\r\n\t\t\t\tstyle={{\r\n\t\t\t\t\ttransform: `translate(${state.translate\r\n\t\t\t\t\t\t.map((n) => `${n}px`)\r\n\t\t\t\t\t\t.join(\",\")}) rotate(${state.rotate}deg) scale(${\r\n\t\t\t\t\t\tstate.scale\r\n\t\t\t\t\t})`,\r\n\t\t\t\t}}\r\n\t\t\t\tonMouseDown={handleMouseDown}\r\n\t\t\t\tonClick={(e) => e.stopPropagation()}\r\n\t\t\t>\r\n\t\t\t\t{content}\r\n\t\t\t</div>\r\n\r\n\t\t\t<div\r\n\t\t\t\tclassName={classNames(\"i-preview-controls\", {\r\n\t\t\t\t\t\"i-preview-controls-hidden\": state.controlHidden,\r\n\t\t\t\t})}\r\n\t\t\t>\r\n\t\t\t\t<Button square flat onClick={onClose}>\r\n\t\t\t\t\t<Icon icon={<CloseRound />} />\r\n\t\t\t\t</Button>\r\n\t\t\t\t{files.length > 1 && (\r\n\t\t\t\t\t<span className='px-8'>\r\n\t\t\t\t\t\t{state.current + 1} / {files.length}\r\n\t\t\t\t\t</span>\r\n\t\t\t\t)}\r\n\t\t\t\t{state.scale !== 1 && (\r\n\t\t\t\t\t<Button flat onClick={() => (state.scale = 1)}>\r\n\t\t\t\t\t\t<Icon icon={<AspectRatioRound />} />\r\n\t\t\t\t\t\t<span className='mt-2'>\r\n\t\t\t\t\t\t\t{(state.scale * 100).toFixed(0)}%\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t</Button>\r\n\t\t\t\t)}\r\n\t\t\t\t<Button square flat href={file.src} target='_blank'>\r\n\t\t\t\t\t<Icon icon={<OpenInNewRound />} />\r\n\t\t\t\t</Button>\r\n\t\t\t\t<Button square flat href={file.src} download target='_blank'>\r\n\t\t\t\t\t<Icon icon={<FileDownloadOutlined />} />\r\n\t\t\t\t</Button>\r\n\t\t\t\t<Button square flat onClick={() => handleRotate(90)}>\r\n\t\t\t\t\t<Icon icon={<RotateRightRound />} />\r\n\t\t\t\t</Button>\r\n\t\t\t\t<Button square flat onClick={() => handleRotate(-90)}>\r\n\t\t\t\t\t<Icon icon={<RotateLeftRound />} />\r\n\t\t\t\t</Button>\r\n\r\n\t\t\t\t{files.length > 1 && (\r\n\t\t\t\t\t<>\r\n\t\t\t\t\t\t<Button\r\n\t\t\t\t\t\t\tsquare\r\n\t\t\t\t\t\t\tflat\r\n\t\t\t\t\t\t\tonClick={() => handleSwitch(state.current - 1)}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<Icon icon={<KeyboardArrowLeftRound />} />\r\n\t\t\t\t\t\t</Button>\r\n\t\t\t\t\t\t<Button\r\n\t\t\t\t\t\t\tsquare\r\n\t\t\t\t\t\t\tflat\r\n\t\t\t\t\t\t\tonClick={() => handleSwitch(state.current + 1)}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<Icon icon={<KeyboardArrowRightRound />} />\r\n\t\t\t\t\t\t</Button>\r\n\t\t\t\t\t</>\r\n\t\t\t\t)}\r\n\t\t\t</div>\r\n\t\t</>\r\n\t);\r\n}\r\n"],"names":["renderFile","DefaultRenderFile","useReactive","useRef","useMemo","getSuffixByUrl","getFileType","TFileType","throttle","useMouseMove","useMouseUp","useEffect","_jsxs","_Fragment","_jsx","classNames","Button","Icon","CloseRound","AspectRatioRound","OpenInNewRound","FileDownloadOutlined","RotateRightRound","RotateLeftRound","KeyboardArrowLeftRound","KeyboardArrowRightRound"],"mappings":"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"}

package/lib/cjs/js/useTheme/index.js

@@ -6,26 +6,30 @@ var ahooks = require('ahooks');
 var react = require('react');
 
 const useTheme = (props) => {
-    const { key = "ioca-react-theme", defaultValue, listenStorageChange, } = props ?? {};
+    const { key = "ioca-react-theme", defaultValue = "theme-auto", listenStorageChange, } = props ?? {};
+    const [mounted, setMounted] = react.useState(false);
     const [theme, setTheme] = ahooks.useLocalStorageState(key, {
-        defaultValue: defaultValue ?? "",
+        defaultValue,
         listenStorageChange,
     });
     react.useEffect(() => {
-        if (typeof document === "undefined")
+        setMounted(true);
+    }, []);
+    react.useEffect(() => {
+        if (!mounted || !theme)
             return;
         const cls = document.documentElement.classList;
-        const cns = Array.from(cls);
-        const pre = cns.find((n) => n.startsWith("theme-")) ?? "";
-        if (pre) {
-            cls.replace(pre, theme || "theme-auto");
-            return;
+        const prev = Array.from(cls).find((n) => n.startsWith("theme-"));
+        if (prev) {
+            cls.replace(prev, theme);
+        }
+        else {
+            cls.add(theme);
         }
-        theme && cls.add(theme);
-    }, [theme]);
+    }, [theme, mounted]);
     return {
-        theme,
-        setTheme,
+        theme: mounted ? theme : defaultValue,
+        setTheme: mounted ? setTheme : () => { },
     };
 };
 

package/lib/cjs/js/useTheme/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../packages/js/useTheme/index.ts"],"sourcesContent":["import { useLocalStorageState } from \"ahooks\";\r\nimport { useEffect } from \"react\";\r\nimport { ITheme } from \"./type\";\r\n\r\nconst useTheme = (props?: ITheme) => {\r\n\tconst {\r\n\t\tkey = \"ioca-react-theme\",\r\n\t\tdefaultValue,\r\n\t\tlistenStorageChange,\r\n\t} = props ?? {};\r\n\tconst [theme, setTheme] = useLocalStorageState<string>(key, {\r\n\t\tdefaultValue: defaultValue ?? \"\",\r\n\t\tlistenStorageChange,\r\n\t});\r\n\r\n\tuseEffect(() => {\r\n\t\tif (typeof document === \"undefined\") return;\r\n\r\n\t\tconst cls = document.documentElement.classList;\r\n\t\tconst cns = Array.from(cls);\r\n\t\tconst pre = cns.find((n) => n.startsWith(\"theme-\")) ?? \"\";\r\n\r\n\t\tif (pre) {\r\n\t\t\tcls.replace(pre, theme || \"theme-auto\");\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\ttheme && cls.add(theme);\r\n\t}, [theme]);\r\n\r\n\treturn {\r\n\t\ttheme,\r\n\t\tsetTheme,\r\n\t};\r\n};\r\n\r\nexport default useTheme;\r\n"],"names":["useLocalStorageState","useEffect"],"mappings":";;;;;;;AAIA,MAAM,QAAQ,GAAG,CAAC,KAAc,KAAI;AACnC,IAAA,MAAM,EACL,GAAG,GAAG,kBAAkB,EACxB,YAAY,EACZ,mBAAmB,GACnB,GAAG,KAAK,IAAI,EAAE;IACf,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAGA,2BAAoB,CAAS,GAAG,EAAE;QAC3D,YAAY,EAAE,YAAY,IAAI,EAAE;QAChC,mBAAmB;AACnB,KAAA,CAAC;IAEFC,eAAS,CAAC,MAAK;QACd,IAAI,OAAO,QAAQ,KAAK,WAAW;YAAE;AAErC,QAAA,MAAM,GAAG,GAAG,QAAQ,CAAC,eAAe,CAAC,SAAS;QAC9C,MAAM,GAAG,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC;QAC3B,MAAM,GAAG,GAAG,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,IAAI,EAAE;QAEzD,IAAI,GAAG,EAAE;YACR,GAAG,CAAC,OAAO,CAAC,GAAG,EAAE,KAAK,IAAI,YAAY,CAAC;YACvC;;AAGD,QAAA,KAAK,IAAI,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC;AACxB,KAAC,EAAE,CAAC,KAAK,CAAC,CAAC;IAEX,OAAO;QACN,KAAK;QACL,QAAQ;KACR;AACF;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../packages/js/useTheme/index.ts"],"sourcesContent":["import { useLocalStorageState } from \"ahooks\";\r\nimport { useEffect, useState } from \"react\";\r\nimport { ITheme } from \"./type\";\r\n\r\nconst useTheme = (props?: ITheme) => {\r\n\tconst {\r\n\t\tkey = \"ioca-react-theme\",\r\n\t\tdefaultValue = \"theme-auto\",\r\n\t\tlistenStorageChange,\r\n\t} = props ?? {};\r\n\r\n\tconst [mounted, setMounted] = useState(false);\r\n\r\n\tconst [theme, setTheme] = useLocalStorageState<string>(key, {\r\n\t\tdefaultValue,\r\n\t\tlistenStorageChange,\r\n\t});\r\n\r\n\tuseEffect(() => {\r\n\t\tsetMounted(true);\r\n\t}, []);\r\n\r\n\tuseEffect(() => {\r\n\t\tif (!mounted || !theme) return;\r\n\r\n\t\tconst cls = document.documentElement.classList;\r\n\t\tconst prev = Array.from(cls).find((n) => n.startsWith(\"theme-\"));\r\n\r\n\t\tif (prev) {\r\n\t\t\tcls.replace(prev, theme);\r\n\t\t} else {\r\n\t\t\tcls.add(theme);\r\n\t\t}\r\n\t}, [theme, mounted]);\r\n\r\n\treturn {\r\n\t\ttheme: mounted ? theme : defaultValue,\r\n\t\tsetTheme: mounted ? setTheme : () => {},\r\n\t};\r\n};\r\n\r\nexport default useTheme;\r\n"],"names":["useState","useLocalStorageState","useEffect"],"mappings":";;;;;;;AAIA,MAAM,QAAQ,GAAG,CAAC,KAAc,KAAI;AACnC,IAAA,MAAM,EACL,GAAG,GAAG,kBAAkB,EACxB,YAAY,GAAG,YAAY,EAC3B,mBAAmB,GACnB,GAAG,KAAK,IAAI,EAAE;IAEf,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAGA,cAAQ,CAAC,KAAK,CAAC;IAE7C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAGC,2BAAoB,CAAS,GAAG,EAAE;QAC3D,YAAY;QACZ,mBAAmB;AACnB,KAAA,CAAC;IAEFC,eAAS,CAAC,MAAK;QACd,UAAU,CAAC,IAAI,CAAC;KAChB,EAAE,EAAE,CAAC;IAENA,eAAS,CAAC,MAAK;AACd,QAAA,IAAI,CAAC,OAAO,IAAI,CAAC,KAAK;YAAE;AAExB,QAAA,MAAM,GAAG,GAAG,QAAQ,CAAC,eAAe,CAAC,SAAS;QAC9C,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;QAEhE,IAAI,IAAI,EAAE;AACT,YAAA,GAAG,CAAC,OAAO,CAAC,IAAI,EAAE,KAAK,CAAC;;aAClB;AACN,YAAA,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC;;AAEhB,KAAC,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;IAEpB,OAAO;QACN,KAAK,EAAE,OAAO,GAAG,KAAK,GAAG,YAAY;AACrC,QAAA,QAAQ,EAAE,OAAO,GAAG,QAAQ,GAAG,MAAK,GAAG;KACvC;AACF;;;;"}

package/lib/css/index.css

@@ -1,3 +1,3 @@
-@import"@rc-component/color-picker/assets/index.css";:root{--font-size: 15px;--font: normal 400 var(--font-size) / 1.5 -apple-system, "Helvetica Neue", sans-serif;--transition: all 0.24s ease;--padding: 0.32em 0.628em;--radius: 4px;--shadow: 0px 2px 8px var(--dim);--blur: blur(16px);--breakpoint: 880px;--label-width: auto;--label-align: left}article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}*{margin:0;padding:0;border:0;box-sizing:border-box}h1,h2,h3,h4,h5,h6,p,article,section,body{line-height:1.2}a{color:inherit;text-decoration:none;cursor:pointer;transition:var(--transition)}b,strong{font-weight:700}html{position:relative;font:var(--font);color:var(--color);min-height:100vh;overflow-x:hidden;scroll-behavior:smooth}input,button,textarea,select{font:inherit}input:-webkit-autofill{box-shadow:inherit;transition:none}ul,ol{list-style:none}img,video,audio,iframe{display:block;margin:auto;max-height:100%;max-width:100%;transition:var(--transition)}h1{font-size:2.4rem;line-height:1.2}h2{font-size:2rem;line-height:1.2}h3{font-size:1.5rem}h4{font-size:1.2rem}h5,h6{font-size:1rem}label{cursor:pointer}pre,code{font-family:inherit}::selection{background-color:rgba(255,216,50,.6392156863)}.os-windows ::-webkit-scrollbar{width:6px;height:6px;cursor:pointer}.os-windows ::-webkit-scrollbar-thumb{background-color:var(--color-8);cursor:pointer;border-radius:var(--radius)}:root kbd,:root .kbd,:root code,:root .code{display:inline-block;font-family:inherit;margin:0 .2em;padding:0 .4em;border-radius:4px;font-size:.86em;line-height:1.5;white-space:nowrap}:root .code,:root code{background:var(--color-8);color:var(--color-0);font-family:unset}:root kbd,:root .kbd{background-color:var(--white);color:var(--black);border-right:2px solid var(--grey-1);border-bottom:3px solid var(--grey-1);box-shadow:-1px -1px 1px var(--color-9)}:root .chip{padding:.05em .72em;font-size:.94em;background:var(--color-main);color:var(--color-main-reverse);border-radius:var(--radius);transition:var(--transition)}:root .chip:hover{--background-hover: var(--color-main-1);background:var(--background-hover)}:root .link{display:inline-flex;position:relative;white-space:nowrap;color:var(--blue)}:root .absolute{position:absolute}:root .relative{position:relative}:root .fixed{position:fixed}:root .flex{display:flex;gap:inherit}:root .grid{display:grid}:root .flex-column{flex-direction:column}:root .flex-wrap{flex-wrap:wrap}:root .flex-1{flex:1}:root .flex-shrink{flex-shrink:0}:root .sticky-top{position:sticky;top:0;z-index:10}:root .sticky-bottom{position:sticky;bottom:0;z-index:10}:root .sticky-left{position:sticky;left:0;z-index:10}:root .sticky-right{position:sticky;right:0;z-index:10}:root .text-center{text-align:center}:root .text-right{text-align:right}:root .bordered{border:1px solid var(--color-7)}:root .ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:root .overflow-hidden{overflow:hidden}:root .overflow-auto{overflow:auto}:root .justify-center{justify-content:center}:root .justify-evenly{justify-content:space-evenly}:root .justify-between{justify-content:space-between}:root .justify-start{justify-content:flex-start}:root .justify-end{justify-content:flex-end}:root .items-start{align-items:flex-start}:root .items-end{align-items:flex-end}:root .items-center{align-items:center}:root .self-center{align-self:center}:root .h-100vh{height:100vh}:root .bg-blur{background:var(--background-opacity);backdrop-filter:var(--blur)}:root .roundless{border-radius:0}:root .round{border-radius:50vw}:root .round-0{border-radius:var(--radius)}:root .disabled{opacity:.4;cursor:not-allowed}:root .hidden{display:none !important}:root .shadow{box-shadow:var(--shadow)}:root .hover-shadow{transition:var(--transition)}:root .hover-shadow:hover{box-shadow:var(--shadow)}:root .hover-text-shadow{transition:var(--transition)}:root .hover-text-shadow:hover{text-shadow:var(--shadow)}:root .no-transition{transition:none}:root .hover-opacity{opacity:0;transition:var(--transition)}:root .hover-opacity:hover{opacity:1}:root .hover-children{opacity:0;transform:var(--transition)}:root .hover-parent:hover .hover-children{opacity:1}:root .bg-transparent{background:rgba(0,0,0,0)}:root .font-italic{font-style:italic}:root .font-bold{font-weight:600}:root .font-sm{font-size:.8em}:root .font-lg{font-size:1.2em}:root .mg-auto{margin:auto}:root .mx-auto{margin-inline:auto}:root .my-auto{margin-block:auto}:root .ml-auto{margin-left:auto}:root .mr-auto{margin-right:auto}:root .mt-auto{margin-top:auto}:root .mb-auto{margin-bottom:auto}:root .mg-0{margin:0px}:root .mx-0{margin-inline:0px}:root .my-0{margin-block:0px}:root .mt-0{margin-top:0px}:root .mb-0{margin-bottom:0px}:root .ml-0{margin-left:0px}:root .mr-0{margin-right:0px}:root .pd-0{padding:0px}:root .px-0{padding-inline:0px}:root .py-0{padding-block:0px}:root .pl-0{padding-left:0px}:root .pr-0{padding-right:0px}:root .pt-0{padding-top:0px}:root .pb-0{padding-bottom:0px}:root .gap-0{gap:0px}:root .mg-1{margin:1px}:root .mx-1{margin-inline:1px}:root .my-1{margin-block:1px}:root .mt-1{margin-top:1px}:root .mb-1{margin-bottom:1px}:root .ml-1{margin-left:1px}:root .mr-1{margin-right:1px}:root .pd-1{padding:1px}:root .px-1{padding-inline:1px}:root .py-1{padding-block:1px}:root .pl-1{padding-left:1px}:root .pr-1{padding-right:1px}:root .pt-1{padding-top:1px}:root .pb-1{padding-bottom:1px}:root .gap-1{gap:1px}:root .mg-2{margin:2px}:root .mx-2{margin-inline:2px}:root .my-2{margin-block:2px}:root .mt-2{margin-top:2px}:root .mb-2{margin-bottom:2px}:root .ml-2{margin-left:2px}:root .mr-2{margin-right:2px}:root .pd-2{padding:2px}:root .px-2{padding-inline:2px}:root .py-2{padding-block:2px}:root .pl-2{padding-left:2px}:root .pr-2{padding-right:2px}:root .pt-2{padding-top:2px}:root .pb-2{padding-bottom:2px}:root .gap-2{gap:2px}:root .mg-4{margin:4px}:root .mx-4{margin-inline:4px}:root .my-4{margin-block:4px}:root .mt-4{margin-top:4px}:root .mb-4{margin-bottom:4px}:root .ml-4{margin-left:4px}:root .mr-4{margin-right:4px}:root .pd-4{padding:4px}:root .px-4{padding-inline:4px}:root .py-4{padding-block:4px}:root .pl-4{padding-left:4px}:root .pr-4{padding-right:4px}:root .pt-4{padding-top:4px}:root .pb-4{padding-bottom:4px}:root .gap-4{gap:4px}:root .mg-6{margin:6px}:root .mx-6{margin-inline:6px}:root .my-6{margin-block:6px}:root .mt-6{margin-top:6px}:root .mb-6{margin-bottom:6px}:root .ml-6{margin-left:6px}:root .mr-6{margin-right:6px}:root .pd-6{padding:6px}:root .px-6{padding-inline:6px}:root .py-6{padding-block:6px}:root .pl-6{padding-left:6px}:root .pr-6{padding-right:6px}:root .pt-6{padding-top:6px}:root .pb-6{padding-bottom:6px}:root .gap-6{gap:6px}:root .mg-8{margin:8px}:root .mx-8{margin-inline:8px}:root .my-8{margin-block:8px}:root .mt-8{margin-top:8px}:root .mb-8{margin-bottom:8px}:root .ml-8{margin-left:8px}:root .mr-8{margin-right:8px}:root .pd-8{padding:8px}:root .px-8{padding-inline:8px}:root .py-8{padding-block:8px}:root .pl-8{padding-left:8px}:root .pr-8{padding-right:8px}:root .pt-8{padding-top:8px}:root .pb-8{padding-bottom:8px}:root .gap-8{gap:8px}:root .mg-10{margin:10px}:root .mx-10{margin-inline:10px}:root .my-10{margin-block:10px}:root .mt-10{margin-top:10px}:root .mb-10{margin-bottom:10px}:root .ml-10{margin-left:10px}:root .mr-10{margin-right:10px}:root .pd-10{padding:10px}:root .px-10{padding-inline:10px}:root .py-10{padding-block:10px}:root .pl-10{padding-left:10px}:root .pr-10{padding-right:10px}:root .pt-10{padding-top:10px}:root .pb-10{padding-bottom:10px}:root .gap-10{gap:10px}:root .mg-12{margin:12px}:root .mx-12{margin-inline:12px}:root .my-12{margin-block:12px}:root .mt-12{margin-top:12px}:root .mb-12{margin-bottom:12px}:root .ml-12{margin-left:12px}:root .mr-12{margin-right:12px}:root .pd-12{padding:12px}:root .px-12{padding-inline:12px}:root .py-12{padding-block:12px}:root .pl-12{padding-left:12px}:root .pr-12{padding-right:12px}:root .pt-12{padding-top:12px}:root .pb-12{padding-bottom:12px}:root .gap-12{gap:12px}:root .mg-16{margin:16px}:root .mx-16{margin-inline:16px}:root .my-16{margin-block:16px}:root .mt-16{margin-top:16px}:root .mb-16{margin-bottom:16px}:root .ml-16{margin-left:16px}:root .mr-16{margin-right:16px}:root .pd-16{padding:16px}:root .px-16{padding-inline:16px}:root .py-16{padding-block:16px}:root .pl-16{padding-left:16px}:root .pr-16{padding-right:16px}:root .pt-16{padding-top:16px}:root .pb-16{padding-bottom:16px}:root .gap-16{gap:16px}:root .mg-20{margin:20px}:root .mx-20{margin-inline:20px}:root .my-20{margin-block:20px}:root .mt-20{margin-top:20px}:root .mb-20{margin-bottom:20px}:root .ml-20{margin-left:20px}:root .mr-20{margin-right:20px}:root .pd-20{padding:20px}:root .px-20{padding-inline:20px}:root .py-20{padding-block:20px}:root .pl-20{padding-left:20px}:root .pr-20{padding-right:20px}:root .pt-20{padding-top:20px}:root .pb-20{padding-bottom:20px}:root .gap-20{gap:20px}:root .mg-24{margin:24px}:root .mx-24{margin-inline:24px}:root .my-24{margin-block:24px}:root .mt-24{margin-top:24px}:root .mb-24{margin-bottom:24px}:root .ml-24{margin-left:24px}:root .mr-24{margin-right:24px}:root .pd-24{padding:24px}:root .px-24{padding-inline:24px}:root .py-24{padding-block:24px}:root .pl-24{padding-left:24px}:root .pr-24{padding-right:24px}:root .pt-24{padding-top:24px}:root .pb-24{padding-bottom:24px}:root .gap-24{gap:24px}:root .mg-28{margin:28px}:root .mx-28{margin-inline:28px}:root .my-28{margin-block:28px}:root .mt-28{margin-top:28px}:root .mb-28{margin-bottom:28px}:root .ml-28{margin-left:28px}:root .mr-28{margin-right:28px}:root .pd-28{padding:28px}:root .px-28{padding-inline:28px}:root .py-28{padding-block:28px}:root .pl-28{padding-left:28px}:root .pr-28{padding-right:28px}:root .pt-28{padding-top:28px}:root .pb-28{padding-bottom:28px}:root .gap-28{gap:28px}:root .mg-32{margin:32px}:root .mx-32{margin-inline:32px}:root .my-32{margin-block:32px}:root .mt-32{margin-top:32px}:root .mb-32{margin-bottom:32px}:root .ml-32{margin-left:32px}:root .mr-32{margin-right:32px}:root .pd-32{padding:32px}:root .px-32{padding-inline:32px}:root .py-32{padding-block:32px}:root .pl-32{padding-left:32px}:root .pr-32{padding-right:32px}:root .pt-32{padding-top:32px}:root .pb-32{padding-bottom:32px}:root .gap-32{gap:32px}:root .mg-36{margin:36px}:root .mx-36{margin-inline:36px}:root .my-36{margin-block:36px}:root .mt-36{margin-top:36px}:root .mb-36{margin-bottom:36px}:root .ml-36{margin-left:36px}:root .mr-36{margin-right:36px}:root .pd-36{padding:36px}:root .px-36{padding-inline:36px}:root .py-36{padding-block:36px}:root .pl-36{padding-left:36px}:root .pr-36{padding-right:36px}:root .pt-36{padding-top:36px}:root .pb-36{padding-bottom:36px}:root .gap-36{gap:36px}:root .mg-40{margin:40px}:root .mx-40{margin-inline:40px}:root .my-40{margin-block:40px}:root .mt-40{margin-top:40px}:root .mb-40{margin-bottom:40px}:root .ml-40{margin-left:40px}:root .mr-40{margin-right:40px}:root .pd-40{padding:40px}:root .px-40{padding-inline:40px}:root .py-40{padding-block:40px}:root .pl-40{padding-left:40px}:root .pr-40{padding-right:40px}:root .pt-40{padding-top:40px}:root .pb-40{padding-bottom:40px}:root .gap-40{gap:40px}:root .mg-48{margin:48px}:root .mx-48{margin-inline:48px}:root .my-48{margin-block:48px}:root .mt-48{margin-top:48px}:root .mb-48{margin-bottom:48px}:root .ml-48{margin-left:48px}:root .mr-48{margin-right:48px}:root .pd-48{padding:48px}:root .px-48{padding-inline:48px}:root .py-48{padding-block:48px}:root .pl-48{padding-left:48px}:root .pr-48{padding-right:48px}:root .pt-48{padding-top:48px}:root .pb-48{padding-bottom:48px}:root .gap-48{gap:48px}:root .mg-56{margin:56px}:root .mx-56{margin-inline:56px}:root .my-56{margin-block:56px}:root .mt-56{margin-top:56px}:root .mb-56{margin-bottom:56px}:root .ml-56{margin-left:56px}:root .mr-56{margin-right:56px}:root .pd-56{padding:56px}:root .px-56{padding-inline:56px}:root .py-56{padding-block:56px}:root .pl-56{padding-left:56px}:root .pr-56{padding-right:56px}:root .pt-56{padding-top:56px}:root .pb-56{padding-bottom:56px}:root .gap-56{gap:56px}:root .mg-60{margin:60px}:root .mx-60{margin-inline:60px}:root .my-60{margin-block:60px}:root .mt-60{margin-top:60px}:root .mb-60{margin-bottom:60px}:root .ml-60{margin-left:60px}:root .mr-60{margin-right:60px}:root .pd-60{padding:60px}:root .px-60{padding-inline:60px}:root .py-60{padding-block:60px}:root .pl-60{padding-left:60px}:root .pr-60{padding-right:60px}:root .pt-60{padding-top:60px}:root .pb-60{padding-bottom:60px}:root .gap-60{gap:60px}:root .mg-72{margin:72px}:root .mx-72{margin-inline:72px}:root .my-72{margin-block:72px}:root .mt-72{margin-top:72px}:root .mb-72{margin-bottom:72px}:root .ml-72{margin-left:72px}:root .mr-72{margin-right:72px}:root .pd-72{padding:72px}:root .px-72{padding-inline:72px}:root .py-72{padding-block:72px}:root .pl-72{padding-left:72px}:root .pr-72{padding-right:72px}:root .pt-72{padding-top:72px}:root .pb-72{padding-bottom:72px}:root .gap-72{gap:72px}:root .mg-80{margin:80px}:root .mx-80{margin-inline:80px}:root .my-80{margin-block:80px}:root .mt-80{margin-top:80px}:root .mb-80{margin-bottom:80px}:root .ml-80{margin-left:80px}:root .mr-80{margin-right:80px}:root .pd-80{padding:80px}:root .px-80{padding-inline:80px}:root .py-80{padding-block:80px}:root .pl-80{padding-left:80px}:root .pr-80{padding-right:80px}:root .pt-80{padding-top:80px}:root .pb-80{padding-bottom:80px}:root .gap-80{gap:80px}:root .mg-96{margin:96px}:root .mx-96{margin-inline:96px}:root .my-96{margin-block:96px}:root .mt-96{margin-top:96px}:root .mb-96{margin-bottom:96px}:root .ml-96{margin-left:96px}:root .mr-96{margin-right:96px}:root .pd-96{padding:96px}:root .px-96{padding-inline:96px}:root .py-96{padding-block:96px}:root .pl-96{padding-left:96px}:root .pr-96{padding-right:96px}:root .pt-96{padding-top:96px}:root .pb-96{padding-bottom:96px}:root .gap-96{gap:96px}:root .mg-100{margin:100px}:root .mx-100{margin-inline:100px}:root .my-100{margin-block:100px}:root .mt-100{margin-top:100px}:root .mb-100{margin-bottom:100px}:root .ml-100{margin-left:100px}:root .mr-100{margin-right:100px}:root .pd-100{padding:100px}:root .px-100{padding-inline:100px}:root .py-100{padding-block:100px}:root .pl-100{padding-left:100px}:root .pr-100{padding-right:100px}:root .pt-100{padding-top:100px}:root .pb-100{padding-bottom:100px}:root .gap-100{gap:100px}:root .mg-120{margin:120px}:root .mx-120{margin-inline:120px}:root .my-120{margin-block:120px}:root .mt-120{margin-top:120px}:root .mb-120{margin-bottom:120px}:root .ml-120{margin-left:120px}:root .mr-120{margin-right:120px}:root .pd-120{padding:120px}:root .px-120{padding-inline:120px}:root .py-120{padding-block:120px}:root .pl-120{padding-left:120px}:root .pr-120{padding-right:120px}:root .pt-120{padding-top:120px}:root .pb-120{padding-bottom:120px}:root .gap-120{gap:120px}:root .mg-160{margin:160px}:root .mx-160{margin-inline:160px}:root .my-160{margin-block:160px}:root .mt-160{margin-top:160px}:root .mb-160{margin-bottom:160px}:root .ml-160{margin-left:160px}:root .mr-160{margin-right:160px}:root .pd-160{padding:160px}:root .px-160{padding-inline:160px}:root .py-160{padding-block:160px}:root .pl-160{padding-left:160px}:root .pr-160{padding-right:160px}:root .pt-160{padding-top:160px}:root .pb-160{padding-bottom:160px}:root .gap-160{gap:160px}:root .mg-200{margin:200px}:root .mx-200{margin-inline:200px}:root .my-200{margin-block:200px}:root .mt-200{margin-top:200px}:root .mb-200{margin-bottom:200px}:root .ml-200{margin-left:200px}:root .mr-200{margin-right:200px}:root .pd-200{padding:200px}:root .px-200{padding-inline:200px}:root .py-200{padding-block:200px}:root .pl-200{padding-left:200px}:root .pr-200{padding-right:200px}:root .pt-200{padding-top:200px}:root .pb-200{padding-bottom:200px}:root .gap-200{gap:200px}:root .w-10{width:10%}:root .h-10{height:10%}:root .w-20{width:20%}:root .h-20{height:20%}:root .w-25{width:25%}:root .h-25{height:25%}:root .w-30{width:30%}:root .h-30{height:30%}:root .w-40{width:40%}:root .h-40{height:40%}:root .w-50{width:50%}:root .h-50{height:50%}:root .w-60{width:60%}:root .h-60{height:60%}:root .w-70{width:70%}:root .h-70{height:70%}:root .w-75{width:75%}:root .h-75{height:75%}:root .w-80{width:80%}:root .h-80{height:80%}:root .w-90{width:90%}:root .h-90{height:90%}:root .w-100{width:100%}:root .h-100{height:100%}:root .colspan-2{grid-column:span 2}:root .rowspan-2{grid-row:span 2}:root .colspan-3{grid-column:span 3}:root .rowspan-3{grid-row:span 3}:root .colspan-4{grid-column:span 4}:root .rowspan-4{grid-row:span 4}:root .colspan-5{grid-column:span 5}:root .rowspan-5{grid-row:span 5}:root .colspan-full{grid-column:1/-1}:root .rowspan-full{grid-row:1/-1}@media(min-width: 880px){:root .screen-sm{display:none !important}}@media(max-width: 880px){:root .screen-lg{display:none !important}}@keyframes rotate{100%{transform:rotate(360deg)}}@keyframes bounce{20%{transform:translate(12px, 0)}50%{transform:translate(-8px, 0)}80%{transform:translate(6px, 0)}}:root{--background: #fff;--background-1: #f1f1f1;--background-opacity: #ffffffa6;--background-opacity-1: #e9e9e999;--background-opacity-2: #f1f1f1a6;--color: #212121;--color-main: #2d2d2d;--color-main-0: #f1f1f1;--color-main-1: #3a3a3a;--color-main-reverse: #fafafa;--color-backdrop: rgba(0, 0, 0, 0.25);--dim: rgba(0, 0, 0, 0.15);--color-0: black;--color-1: rgb(26.775, 26.775, 26.775);--color-2: rgb(53.55, 53.55, 53.55);--color-3: rgb(80.325, 80.325, 80.325);--color-4: rgb(107.1, 107.1, 107.1);--color-5: rgb(133.875, 133.875, 133.875);--color-6: rgb(160.65, 160.65, 160.65);--color-7: rgb(187.425, 187.425, 187.425);--color-8: rgb(214.2, 214.2, 214.2);--color-9: rgb(240.975, 240.975, 240.975);--white-0: white;--white: white;--white-1: #fafafa;--black-0: #dbdbdb;--black: black;--black-1: #1a1a1a;--red-0: #fcdfe4;--red: #dc143c;--red-1: #dc143c;--blue-0: #d6ebff;--blue: #1e90ff;--blue-1: #007cf4;--green-0: #e7fff2;--green: #3cb371;--green-1: #37a467;--yellow-0: #fffae5;--yellow: #ffc549;--yellow-1: #ffb820;--brown-0: #fbece2;--brown: #95410c;--brown-1: #8b3a07;--grey-0: #f6f6f6;--grey: #d7d7d7;--grey-1: #b1b1b1;--pink-0: #ffe3f1;--pink: #ff69b4;--pink-1: #ff55aa;--purple-0: #eddefb;--purple: #8a2be2;--purple-1: #751bc9;--aqua-0: #e8ffff;--aqua: aqua;--aqua-1: #1efdfd;--orange-0: #fff1e8;--orange: #fb812a;--orange-1: #eb7521;--warning-0: #fff0bf;--warning: #ffb01f;--warning-1: #f0a313;--error-0: #ffdbdb;--error: #ff4545;--error-1: #f13636;--success-0: #acf899;--success: #52e12e;--success-1: #4ad926}:root .color-main{color:var(--color-main)}:root .bg-main{background:var(--color-main);color:var(--color-main-reverse)}:root .color-0{--color: var(--color-0);color:var(--color)}:root .bg-0{--background: var(--color-0);background:var(--background);color:var(--white)}:root .opacity-0{opacity:0}:root .color-1{--color: var(--color-1);color:var(--color)}:root .bg-1{--background: var(--color-1);background:var(--background);color:var(--white)}:root .opacity-1{opacity:0.1}:root .color-2{--color: var(--color-2);color:var(--color)}:root .bg-2{--background: var(--color-2);background:var(--background);color:var(--white)}:root .opacity-2{opacity:0.2}:root .color-3{--color: var(--color-3);color:var(--color)}:root .bg-3{--background: var(--color-3);background:var(--background);color:var(--white)}:root .opacity-3{opacity:0.3}:root .color-4{--color: var(--color-4);color:var(--color)}:root .bg-4{--background: var(--color-4);background:var(--background);color:var(--white)}:root .opacity-4{opacity:0.4}:root .color-5{--color: var(--color-5);color:var(--color)}:root .bg-5{--background: var(--color-5);background:var(--background)}:root .opacity-5{opacity:0.5}:root .color-6{--color: var(--color-6);color:var(--color)}:root .bg-6{--background: var(--color-6);background:var(--background)}:root .opacity-6{opacity:0.6}:root .color-7{--color: var(--color-7);color:var(--color)}:root .bg-7{--background: var(--color-7);background:var(--background)}:root .opacity-7{opacity:0.7}:root .color-8{--color: var(--color-8);color:var(--color)}:root .bg-8{--background: var(--color-8);background:var(--background)}:root .opacity-8{opacity:0.8}:root .color-9{--color: var(--color-9);color:var(--color)}:root .bg-9{--background: var(--color-9);background:var(--background)}:root .opacity-9{opacity:0.9}:root .bg-white-0{--background: white;--color-hover: var(--color);background-color:var(--background);color:white}:root .bg-white-0:hover{--background-hover: white}:root .bg-white-0.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .bg-white{--background: var(--white);--color: var(--black);--color-hover: var(--black);background-color:var(--background);color:var(--color)}:root .bg-white:hover{--background-hover: #fafafa}:root .bg-white.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .bg-white-1{--background: #fafafa;--color: var(--black);--color-hover: var(--black);background-color:var(--background);color:var(--color)}:root .bg-white-1:hover{--background-hover: white}:root .bg-white-1.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .white-0{--color: white;--color-hover: var(--white);color:var(--color)}:root .white{--color: var(--white);--background-hover: var(--white-0);--color-hover: var(--white);color:var(--color)}:root .white-1{--color: #fafafa;--color-hover: var(--white);color:var(--color)}:root .bg-black-0{--background: #dbdbdb;--color-hover: var(--color);background-color:var(--background);color:black}:root .bg-black-0:hover{--background-hover: black}:root .bg-black-0.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .bg-black{--background: var(--black);--color: var(--white);--color-hover: var(--white);background-color:var(--background);color:var(--color)}:root .bg-black:hover{--background-hover: #1a1a1a}:root .bg-black.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .bg-black-1{--background: #1a1a1a;--color: var(--white);--color-hover: var(--white);background-color:var(--background);color:var(--color)}:root .bg-black-1:hover{--background-hover: black}:root .bg-black-1.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .black-0{--color: #dbdbdb;--color-hover: var(--black);color:var(--color)}:root .black{--color: var(--black);--background-hover: var(--black-0);--color-hover: var(--black);color:var(--color)}:root .black-1{--color: #1a1a1a;--color-hover: var(--black);color:var(--color)}:root .bg-red-0{--background: #fcdfe4;--color-hover: var(--color);background-color:var(--background);color:#dc143c}:root .bg-red-0:hover{--background-hover: #dc143c}:root .bg-red-0.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .bg-red{--background: var(--red);--color: var(--white);--color-hover: var(--white);background-color:var(--background);color:var(--color)}:root .bg-red:hover{--background-hover: #dc143c}:root .bg-red.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .bg-red-1{--background: #dc143c;--color: var(--white);--color-hover: var(--white);background-color:var(--background);color:var(--color)}:root .bg-red-1:hover{--background-hover: #dc143c}:root .bg-red-1.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .red-0{--color: #fcdfe4;--color-hover: var(--red);color:var(--color)}:root .red{--color: var(--red);--background-hover: var(--red-0);--color-hover: var(--red);color:var(--color)}:root .red-1{--color: #dc143c;--color-hover: var(--red);color:var(--color)}:root .bg-blue-0{--background: #d6ebff;--color-hover: var(--color);background-color:var(--background);color:#1e90ff}:root .bg-blue-0:hover{--background-hover: #1e90ff}:root .bg-blue-0.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .bg-blue{--background: var(--blue);--color: var(--white);--color-hover: var(--white);background-color:var(--background);color:var(--color)}:root .bg-blue:hover{--background-hover: #007cf4}:root .bg-blue.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .bg-blue-1{--background: #007cf4;--color: var(--white);--color-hover: var(--white);background-color:var(--background);color:var(--color)}:root .bg-blue-1:hover{--background-hover: #1e90ff}:root .bg-blue-1.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .blue-0{--color: #d6ebff;--color-hover: var(--blue);color:var(--color)}:root .blue{--color: var(--blue);--background-hover: var(--blue-0);--color-hover: var(--blue);color:var(--color)}:root .blue-1{--color: #007cf4;--color-hover: var(--blue);color:var(--color)}:root .bg-green-0{--background: #e7fff2;--color-hover: var(--color);background-color:var(--background);color:#3cb371}:root .bg-green-0:hover{--background-hover: #3cb371}:root .bg-green-0.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .bg-green{--background: var(--green);--color: var(--white);--color-hover: var(--white);background-color:var(--background);color:var(--color)}:root .bg-green:hover{--background-hover: #37a467}:root .bg-green.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .bg-green-1{--background: #37a467;--color: var(--white);--color-hover: var(--white);background-color:var(--background);color:var(--color)}:root .bg-green-1:hover{--background-hover: #3cb371}:root .bg-green-1.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .green-0{--color: #e7fff2;--color-hover: var(--green);color:var(--color)}:root .green{--color: var(--green);--background-hover: var(--green-0);--color-hover: var(--green);color:var(--color)}:root .green-1{--color: #37a467;--color-hover: var(--green);color:var(--color)}:root .bg-yellow-0{--background: #fffae5;--color-hover: var(--color);background-color:var(--background);color:#ffc549}:root .bg-yellow-0:hover{--background-hover: #ffc549}:root .bg-yellow-0.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .bg-yellow{--background: var(--yellow);--color: var(--black);--color-hover: var(--black);background-color:var(--background);color:var(--color)}:root .bg-yellow:hover{--background-hover: #ffb820}:root .bg-yellow.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .bg-yellow-1{--background: #ffb820;--color: var(--black);--color-hover: var(--black);background-color:var(--background);color:var(--color)}:root .bg-yellow-1:hover{--background-hover: #ffc549}:root .bg-yellow-1.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .yellow-0{--color: #fffae5;--color-hover: var(--yellow);color:var(--color)}:root .yellow{--color: var(--yellow);--background-hover: var(--yellow-0);--color-hover: var(--yellow);color:var(--color)}:root .yellow-1{--color: #ffb820;--color-hover: var(--yellow);color:var(--color)}:root .bg-brown-0{--background: #fbece2;--color-hover: var(--color);background-color:var(--background);color:#95410c}:root .bg-brown-0:hover{--background-hover: #95410c}:root .bg-brown-0.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .bg-brown{--background: var(--brown);--color: var(--white);--color-hover: var(--white);background-color:var(--background);color:var(--color)}:root .bg-brown:hover{--background-hover: #8b3a07}:root .bg-brown.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .bg-brown-1{--background: #8b3a07;--color: var(--white);--color-hover: var(--white);background-color:var(--background);color:var(--color)}:root .bg-brown-1:hover{--background-hover: #95410c}:root .bg-brown-1.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .brown-0{--color: #fbece2;--color-hover: var(--brown);color:var(--color)}:root .brown{--color: var(--brown);--background-hover: var(--brown-0);--color-hover: var(--brown);color:var(--color)}:root .brown-1{--color: #8b3a07;--color-hover: var(--brown);color:var(--color)}:root .bg-grey-0{--background: #f6f6f6;--color-hover: var(--color);background-color:var(--background);color:#d7d7d7}:root .bg-grey-0:hover{--background-hover: #d7d7d7}:root .bg-grey-0.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .bg-grey{--background: var(--grey);--color: var(--black);--color-hover: var(--black);background-color:var(--background);color:var(--color)}:root .bg-grey:hover{--background-hover: #b1b1b1}:root .bg-grey.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .bg-grey-1{--background: #b1b1b1;--color: var(--black);--color-hover: var(--black);background-color:var(--background);color:var(--color)}:root .bg-grey-1:hover{--background-hover: #d7d7d7}:root .bg-grey-1.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .grey-0{--color: #f6f6f6;--color-hover: var(--grey);color:var(--color)}:root .grey{--color: var(--grey);--background-hover: var(--grey-0);--color-hover: var(--grey);color:var(--color)}:root .grey-1{--color: #b1b1b1;--color-hover: var(--grey);color:var(--color)}:root .bg-pink-0{--background: #ffe3f1;--color-hover: var(--color);background-color:var(--background);color:#ff69b4}:root .bg-pink-0:hover{--background-hover: #ff69b4}:root .bg-pink-0.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .bg-pink{--background: var(--pink);--color: var(--white);--color-hover: var(--white);background-color:var(--background);color:var(--color)}:root .bg-pink:hover{--background-hover: #ff55aa}:root .bg-pink.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .bg-pink-1{--background: #ff55aa;--color: var(--white);--color-hover: var(--white);background-color:var(--background);color:var(--color)}:root .bg-pink-1:hover{--background-hover: #ff69b4}:root .bg-pink-1.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .pink-0{--color: #ffe3f1;--color-hover: var(--pink);color:var(--color)}:root .pink{--color: var(--pink);--background-hover: var(--pink-0);--color-hover: var(--pink);color:var(--color)}:root .pink-1{--color: #ff55aa;--color-hover: var(--pink);color:var(--color)}:root .bg-purple-0{--background: #eddefb;--color-hover: var(--color);background-color:var(--background);color:#8a2be2}:root .bg-purple-0:hover{--background-hover: #8a2be2}:root .bg-purple-0.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .bg-purple{--background: var(--purple);--color: var(--white);--color-hover: var(--white);background-color:var(--background);color:var(--color)}:root .bg-purple:hover{--background-hover: #751bc9}:root .bg-purple.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .bg-purple-1{--background: #751bc9;--color: var(--white);--color-hover: var(--white);background-color:var(--background);color:var(--color)}:root .bg-purple-1:hover{--background-hover: #8a2be2}:root .bg-purple-1.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .purple-0{--color: #eddefb;--color-hover: var(--purple);color:var(--color)}:root .purple{--color: var(--purple);--background-hover: var(--purple-0);--color-hover: var(--purple);color:var(--color)}:root .purple-1{--color: #751bc9;--color-hover: var(--purple);color:var(--color)}:root .bg-aqua-0{--background: #e8ffff;--color-hover: var(--color);background-color:var(--background);color:aqua}:root .bg-aqua-0:hover{--background-hover: aqua}:root .bg-aqua-0.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .bg-aqua{--background: var(--aqua);--color: var(--black);--color-hover: var(--black);background-color:var(--background);color:var(--color)}:root .bg-aqua:hover{--background-hover: #1efdfd}:root .bg-aqua.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .bg-aqua-1{--background: #1efdfd;--color: var(--black);--color-hover: var(--black);background-color:var(--background);color:var(--color)}:root .bg-aqua-1:hover{--background-hover: aqua}:root .bg-aqua-1.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .aqua-0{--color: #e8ffff;--color-hover: var(--aqua);color:var(--color)}:root .aqua{--color: var(--aqua);--background-hover: var(--aqua-0);--color-hover: var(--aqua);color:var(--color)}:root .aqua-1{--color: #1efdfd;--color-hover: var(--aqua);color:var(--color)}:root .bg-orange-0{--background: #fff1e8;--color-hover: var(--color);background-color:var(--background);color:#fb812a}:root .bg-orange-0:hover{--background-hover: #fb812a}:root .bg-orange-0.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .bg-orange{--background: var(--orange);--color: var(--white);--color-hover: var(--white);background-color:var(--background);color:var(--color)}:root .bg-orange:hover{--background-hover: #eb7521}:root .bg-orange.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .bg-orange-1{--background: #eb7521;--color: var(--white);--color-hover: var(--white);background-color:var(--background);color:var(--color)}:root .bg-orange-1:hover{--background-hover: #fb812a}:root .bg-orange-1.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .orange-0{--color: #fff1e8;--color-hover: var(--orange);color:var(--color)}:root .orange{--color: var(--orange);--background-hover: var(--orange-0);--color-hover: var(--orange);color:var(--color)}:root .orange-1{--color: #eb7521;--color-hover: var(--orange);color:var(--color)}:root .bg-warning-0{--background: #fff0bf;--color-hover: var(--color);background-color:var(--background);color:#ffb01f}:root .bg-warning-0:hover{--background-hover: #ffb01f}:root .bg-warning-0.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .bg-warning{--background: var(--warning);--color: var(--black);--color-hover: var(--black);background-color:var(--background);color:var(--color)}:root .bg-warning:hover{--background-hover: #f0a313}:root .bg-warning.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .bg-warning-1{--background: #f0a313;--color: var(--black);--color-hover: var(--black);background-color:var(--background);color:var(--color)}:root .bg-warning-1:hover{--background-hover: #ffb01f}:root .bg-warning-1.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .warning-0{--color: #fff0bf;--color-hover: var(--warning);color:var(--color)}:root .warning{--color: var(--warning);--background-hover: var(--warning-0);--color-hover: var(--warning);color:var(--color)}:root .warning-1{--color: #f0a313;--color-hover: var(--warning);color:var(--color)}:root .bg-error-0{--background: #ffdbdb;--color-hover: var(--color);background-color:var(--background);color:#ff4545}:root .bg-error-0:hover{--background-hover: #ff4545}:root .bg-error-0.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .bg-error{--background: var(--error);--color: var(--white);--color-hover: var(--white);background-color:var(--background);color:var(--color)}:root .bg-error:hover{--background-hover: #f13636}:root .bg-error.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .bg-error-1{--background: #f13636;--color: var(--white);--color-hover: var(--white);background-color:var(--background);color:var(--color)}:root .bg-error-1:hover{--background-hover: #ff4545}:root .bg-error-1.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .error-0{--color: #ffdbdb;--color-hover: var(--error);color:var(--color)}:root .error{--color: var(--error);--background-hover: var(--error-0);--color-hover: var(--error);color:var(--color)}:root .error-1{--color: #f13636;--color-hover: var(--error);color:var(--color)}:root .bg-success-0{--background: #acf899;--color-hover: var(--color);background-color:var(--background);color:#52e12e}:root .bg-success-0:hover{--background-hover: #52e12e}:root .bg-success-0.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .bg-success{--background: var(--success);--color: var(--white);--color-hover: var(--white);background-color:var(--background);color:var(--color)}:root .bg-success:hover{--background-hover: #4ad926}:root .bg-success.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .bg-success-1{--background: #4ad926;--color: var(--white);--color-hover: var(--white);background-color:var(--background);color:var(--color)}:root .bg-success-1:hover{--background-hover: #52e12e}:root .bg-success-1.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .success-0{--color: #acf899;--color-hover: var(--success);color:var(--color)}:root .success{--color: var(--success);--background-hover: var(--success-0);--color-hover: var(--success);color:var(--color)}:root .success-1{--color: #4ad926;--color-hover: var(--success);color:var(--color)}.bg-slight{background-color:var(--color-9);color:var(--black)}.slight{color:var(--color-8)}.theme-dark{--background: #313131;--background-1: #3a3a3a;--background-opacity: #313131a6;--background-opacity-1: #313131aa;--background-opacity-2: #2a2a2aca;--color: #fff;--color-main: #6cc73b;--color-main-0: #313d2b;--color-main-1: #69d62f;--color-main-2: #53b320;--color-main-reverse: #212121;--dim: rgba(0, 0, 0, 0.25);--shadow: 0px 4px 12px var(--dim);background:var(--background);color:var(--color);--color-0: white;--color-1: rgb(233.325, 233.325, 233.325);--color-2: rgb(211.65, 211.65, 211.65);--color-3: rgb(189.975, 189.975, 189.975);--color-4: rgb(168.3, 168.3, 168.3);--color-5: rgb(146.625, 146.625, 146.625);--color-6: rgb(124.95, 124.95, 124.95);--color-7: rgb(103.275, 103.275, 103.275);--color-8: rgb(81.6, 81.6, 81.6);--color-9: rgb(59.925, 59.925, 59.925)}.theme-dark .color-0{color:var(--color-0)}.theme-dark .bg-0{--background: var(--color-0);background:var(--background);color:var(--black)}.theme-dark .color-1{color:var(--color-1)}.theme-dark .bg-1{--background: var(--color-1);background:var(--background);color:var(--black)}.theme-dark .color-2{color:var(--color-2)}.theme-dark .bg-2{--background: var(--color-2);background:var(--background);color:var(--black)}.theme-dark .color-3{color:var(--color-3)}.theme-dark .bg-3{--background: var(--color-3);background:var(--background);color:var(--black)}.theme-dark .color-4{color:var(--color-4)}.theme-dark .bg-4{--background: var(--color-4);background:var(--background);color:var(--black)}.theme-dark .color-5{color:var(--color-5)}.theme-dark .bg-5{--background: var(--color-5);background:var(--background)}.theme-dark .color-6{color:var(--color-6)}.theme-dark .bg-6{--background: var(--color-6);background:var(--background)}.theme-dark .color-7{color:var(--color-7)}.theme-dark .bg-7{--background: var(--color-7);background:var(--background)}.theme-dark .color-8{color:var(--color-8)}.theme-dark .bg-8{--background: var(--color-8);background:var(--background)}.theme-dark .color-9{color:var(--color-9)}.theme-dark .bg-9{--background: var(--color-9);background:var(--background)}.theme-dark .bg-slight{color:var(--white)}.theme-dark code,.theme-dark .code{background:var(--color-8)}.theme-dark .bg-white-0{--background: #393939}.theme-dark .white-0{--color: #393939}.theme-dark .white{--background-hover: #393939}.theme-dark .bg-black-0{--background: #6d6d6d}.theme-dark .black-0{--color: #6d6d6d}.theme-dark .black{--background-hover: #6d6d6d}.theme-dark .bg-red-0{--background: #4d3232}.theme-dark .red-0{--color: #4d3232}.theme-dark .red{--background-hover: #4d3232}.theme-dark .bg-blue-0{--background: #2d4467}.theme-dark .blue-0{--color: #2d4467}.theme-dark .blue{--background-hover: #2d4467}.theme-dark .bg-green-0{--background: #114911}.theme-dark .green-0{--color: #114911}.theme-dark .green{--background-hover: #114911}.theme-dark .bg-yellow-0{--background: #4b421f}.theme-dark .yellow-0{--color: #4b421f}.theme-dark .yellow{--background-hover: #4b421f}.theme-dark .bg-brown-0{--background: #3b2d2d}.theme-dark .brown-0{--color: #3b2d2d}.theme-dark .brown{--background-hover: #3b2d2d}.theme-dark .bg-grey-0{--background: #414141}.theme-dark .grey-0{--color: #414141}.theme-dark .grey{--background-hover: #414141}.theme-dark .bg-pink-0{--background: #56474f}.theme-dark .pink-0{--color: #56474f}.theme-dark .pink{--background-hover: #56474f}.theme-dark .bg-purple-0{--background: #372337}.theme-dark .purple-0{--color: #372337}.theme-dark .purple{--background-hover: #372337}.theme-dark .bg-aqua-0{--background: #1e3d3d}.theme-dark .aqua-0{--color: #1e3d3d}.theme-dark .aqua{--background-hover: #1e3d3d}.theme-dark .bg-orange-0{--background: #473514}.theme-dark .orange-0{--color: #473514}.theme-dark .orange{--background-hover: #473514}.theme-dark .bg-warning-0{--background: #4b3e13}.theme-dark .warning-0{--color: #4b3e13}.theme-dark .warning{--background-hover: #4b3e13}.theme-dark .bg-error-0{--background: #533535}.theme-dark .error-0{--color: #533535}.theme-dark .error{--background-hover: #533535}.theme-dark .bg-success-0{--background: #123b08}.theme-dark .success-0{--color: #123b08}.theme-dark .success{--background-hover: #123b08}@media(prefers-color-scheme: dark){.theme-auto{--background: #313131;--background-1: #3a3a3a;--background-opacity: #313131a6;--background-opacity-1: #313131aa;--background-opacity-2: #2a2a2aca;--color: #fff;--color-main: #6cc73b;--color-main-0: #313d2b;--color-main-1: #69d62f;--color-main-2: #53b320;--color-main-reverse: #212121;--dim: rgba(0, 0, 0, 0.25);--shadow: 0px 4px 12px var(--dim);background:var(--background);color:var(--color);--color-0: white;--color-1: rgb(233.325, 233.325, 233.325);--color-2: rgb(211.65, 211.65, 211.65);--color-3: rgb(189.975, 189.975, 189.975);--color-4: rgb(168.3, 168.3, 168.3);--color-5: rgb(146.625, 146.625, 146.625);--color-6: rgb(124.95, 124.95, 124.95);--color-7: rgb(103.275, 103.275, 103.275);--color-8: rgb(81.6, 81.6, 81.6);--color-9: rgb(59.925, 59.925, 59.925)}.theme-auto .color-0{color:var(--color-0)}.theme-auto .bg-0{--background: var(--color-0);background:var(--background);color:var(--black)}.theme-auto .color-1{color:var(--color-1)}.theme-auto .bg-1{--background: var(--color-1);background:var(--background);color:var(--black)}.theme-auto .color-2{color:var(--color-2)}.theme-auto .bg-2{--background: var(--color-2);background:var(--background);color:var(--black)}.theme-auto .color-3{color:var(--color-3)}.theme-auto .bg-3{--background: var(--color-3);background:var(--background);color:var(--black)}.theme-auto .color-4{color:var(--color-4)}.theme-auto .bg-4{--background: var(--color-4);background:var(--background);color:var(--black)}.theme-auto .color-5{color:var(--color-5)}.theme-auto .bg-5{--background: var(--color-5);background:var(--background)}.theme-auto .color-6{color:var(--color-6)}.theme-auto .bg-6{--background: var(--color-6);background:var(--background)}.theme-auto .color-7{color:var(--color-7)}.theme-auto .bg-7{--background: var(--color-7);background:var(--background)}.theme-auto .color-8{color:var(--color-8)}.theme-auto .bg-8{--background: var(--color-8);background:var(--background)}.theme-auto .color-9{color:var(--color-9)}.theme-auto .bg-9{--background: var(--color-9);background:var(--background)}.theme-auto .bg-slight{color:var(--white)}.theme-auto code,.theme-auto .code{background:var(--color-8)}.theme-auto .bg-white-0{--background: #393939}.theme-auto .white-0{--color: #393939}.theme-auto .white{--background-hover: #393939}.theme-auto .bg-black-0{--background: #6d6d6d}.theme-auto .black-0{--color: #6d6d6d}.theme-auto .black{--background-hover: #6d6d6d}.theme-auto .bg-red-0{--background: #4d3232}.theme-auto .red-0{--color: #4d3232}.theme-auto .red{--background-hover: #4d3232}.theme-auto .bg-blue-0{--background: #2d4467}.theme-auto .blue-0{--color: #2d4467}.theme-auto .blue{--background-hover: #2d4467}.theme-auto .bg-green-0{--background: #114911}.theme-auto .green-0{--color: #114911}.theme-auto .green{--background-hover: #114911}.theme-auto .bg-yellow-0{--background: #4b421f}.theme-auto .yellow-0{--color: #4b421f}.theme-auto .yellow{--background-hover: #4b421f}.theme-auto .bg-brown-0{--background: #3b2d2d}.theme-auto .brown-0{--color: #3b2d2d}.theme-auto .brown{--background-hover: #3b2d2d}.theme-auto .bg-grey-0{--background: #414141}.theme-auto .grey-0{--color: #414141}.theme-auto .grey{--background-hover: #414141}.theme-auto .bg-pink-0{--background: #56474f}.theme-auto .pink-0{--color: #56474f}.theme-auto .pink{--background-hover: #56474f}.theme-auto .bg-purple-0{--background: #372337}.theme-auto .purple-0{--color: #372337}.theme-auto .purple{--background-hover: #372337}.theme-auto .bg-aqua-0{--background: #1e3d3d}.theme-auto .aqua-0{--color: #1e3d3d}.theme-auto .aqua{--background-hover: #1e3d3d}.theme-auto .bg-orange-0{--background: #473514}.theme-auto .orange-0{--color: #473514}.theme-auto .orange{--background-hover: #473514}.theme-auto .bg-warning-0{--background: #4b3e13}.theme-auto .warning-0{--color: #4b3e13}.theme-auto .warning{--background-hover: #4b3e13}.theme-auto .bg-error-0{--background: #533535}.theme-auto .error-0{--color: #533535}.theme-auto .error{--background-hover: #533535}.theme-auto .bg-success-0{--background: #123b08}.theme-auto .success-0{--color: #123b08}.theme-auto .success{--background-hover: #123b08}}.i-affix{position:fixed;z-index:50;display:flex;flex-direction:column;gap:.5em;transition:var(--transition)}.i-affix-hidden .i-affix-totop{opacity:0}.i-card{--card-padding: 8px 12px;display:flex;flex-direction:column;background:var(--background-opacity-2);backdrop-filter:var(--blur);border-radius:var(--radius);overflow:auto}.i-card-bordered{border:1px solid var(--color-8)}.i-card-header{display:flex;align-items:center;padding:var(--card-padding);gap:.25em}.i-card-content{flex:1}.i-card-footer{margin-top:auto;display:flex;align-items:center;padding:var(--card-padding);gap:.25em}.i-input-label{position:relative;display:flex;flex-wrap:wrap;align-items:baseline;align-content:flex-start;gap:.5em;width:100%;max-width:100%;border-radius:var(--radius)}.i-input-label:has(.i-input-success){--color: var(--green)}.i-input-label:has(.i-input-warning){--color: var(--yellow)}.i-input-label:has(.i-input-error){--color: var(--error)}.i-input-inline{flex-wrap:nowrap}.i-input-inline .i-input-item,.i-input-inline .i-upload-inner,.i-input-inline .i-radio-options{flex:1 1 auto}.i-input-inline .i-input-message{position:absolute;right:12%;top:-0.8em;padding:.2em .5em;background:var(--background-opacity);backdrop-filter:var(--blur)}.i-input-label-text{flex:0 0 var(--label-width);text-align:var(--label-align);border-radius:inherit;font-weight:500;transition:all .12s}.i-input-item{--input-border-width: 2px;--invert-input-border-width: calc(var(--input-border-width) * -1);flex:1 1 100%;display:flex;align-items:baseline;transition:var(--transition);border-radius:inherit;border:var(--input-border-width) solid var(--color-9);max-width:100%}.i-input-item .i-btn{align-self:stretch}.i-input-item:hover,.i-input-item:focus-within,.i-input-item.i-input-focus{border-color:var(--color-8);background-color:rgba(0,0,0,0)}.i-input-item.i-input-success{border-color:var(--green-0)}.i-input-item.i-input-warning{border-color:var(--yellow-0)}.i-input-item.i-input-error{border-color:var(--error-0)}.i-input-borderless{border-color:rgba(0,0,0,0);background:var(--background-opacity-2)}.i-input-underline{border-width:0 0 var(--input-border-width) 0;border-radius:0;border-color:var(--color-9);background:rgba(0,0,0,0)}.i-input{padding:var(--padding);flex:1;width:100%;color:inherit;outline:none;transition:var(--transition);background:rgba(0,0,0,0);border-radius:inherit}.i-input[type=number]::-webkit-inner-spin-button,.i-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}.i-input[readonly]{caret-color:rgba(0,0,0,0)}.i-input:disabled{background:var(--background-opacity-1);cursor:not-allowed}.i-input-message{--color: var(--color-5);flex:1 1 auto;align-self:center;z-index:1;font-size:.8em;color:var(--color);border-radius:var(--radius);pointer-events:none}.i-input-success{--color: var(--green)}.i-input-warning{--color: var(--yellow)}.i-input-error{--color: var(--error)}.i-textarea{display:block;transition:var(--transition),width 0s,height 0s;max-width:100%;min-height:1.5em}.i-input-prepend,.i-input-append{margin:var(--invert-input-border-width);display:flex;align-self:stretch;place-items:center}.i-input-prepend .i-btn,.i-input-append .i-btn{border-radius:inherit;height:unset}.i-input-prepend{margin-right:0;border-top-left-radius:inherit;border-bottom-left-radius:inherit}.i-input-append{margin-left:0;border-top-right-radius:inherit;border-bottom-right-radius:inherit}.i-options-block>.i-checkbox-item,.i-options-block>.i-radio-item{flex:1 1 100%}.i-input-number{text-align:center;padding:var(--padding);padding-inline:0}.i-preview{padding:0}.i-preview .i-modal{position:static;background:rgba(0,0,0,0);overflow:unset;transform:none;pointer-events:none !important;width:100%;height:100%}.i-preview-container{position:relative;width:100%;height:100%}.i-preview-content{display:flex;align-items:center;justify-content:center;width:100%;height:100%;transition:var(--transition);pointer-events:none}.i-preview-content *{pointer-events:all}.i-preview-controls{position:fixed;z-index:10;right:.5em;top:.5em;padding:4px;display:flex;align-items:center;gap:1px;background:var(--background-opacity);border-radius:var(--radius);font-size:.9em;pointer-events:all;transition:all .24s ease-out}.i-preview-controls:hover{opacity:1}.i-preview-controls-hidden{opacity:0}.i-preview-unknown{display:flex;flex-direction:column;align-items:center;padding:.5em 1em;background:var(--background);border-radius:var(--radius)}.i-badge{position:relative;display:inline-flex;align-self:center;flex-shrink:0;border-radius:var(--radius)}.i-badge-content{position:absolute;z-index:1;inset:0 0 auto auto;padding:.2em .5em;transition:all .16s;transform:translate(50%, -50%) scale(1);border-radius:inherit;background:var(--background-opacity);backdrop-filter:var(--blur);box-shadow:var(--shadow);font-size:.86em;pointer-events:none}.i-badge-content.i-badge-dot{height:1em;width:1em;padding:0;border-radius:1em;overflow:hidden;color:rgba(0,0,0,0)}.i-badge-content:empty,.i-badge-content.i-badge-hidden{transform:translate(50%, -50%) scale(0)}.i-dropdown-content{display:flex;flex-direction:column;max-height:40vh;padding:8px;gap:2px;overflow-x:hidden;border-radius:inherit}.i-backdrop-drawer{position:fixed;inset:0;z-index:100;pointer-events:none;background:var(--color-backdrop);backdrop-filter:blur(8px);transition:var(--transition);opacity:0;display:flex}.i-backdrop-drawer.i-active{opacity:1;pointer-events:unset}.i-drawer{position:absolute;display:flex;flex-direction:column;max-width:100%;max-height:100%;overflow:auto;box-shadow:var(--shadow);transition:var(--transition);background:var(--background-1);backdrop-filter:var(--blur)}.i-drawer-left{inset:0 auto 0 0;transform:translate3d(-100%, 0, 0)}.i-drawer-top{inset:0 0 auto;transform:translate3d(0, -100%, 0)}.i-drawer-right{inset:0 0 0 auto;transform:translate3d(100%, 0, 0)}.i-drawer-bottom{inset:auto 0 0;transform:translate3d(0, 100%, 0)}.i-active>.i-drawer{opacity:1;transform:none;pointer-events:unset}.i-drawer-header,.i-drawer-footer{display:flex;align-items:center;padding:12px}.i-drawer-header:empty,.i-drawer-footer:empty{display:none}.i-drawer-content{flex:1;overflow-x:hidden}.i-drawer-close{margin:0 0 0 auto;display:flex;align-self:flex-start;border-radius:var(--radius)}.i-description{display:grid}.i-description-item{display:flex;gap:.5em}.i-description-item-vertical{flex-direction:column}.i-description-label{flex-shrink:0;width:var(--description-label-width);color:var(--color-5)}.i-description-value{flex:1}.icon{vertical-align:middle}.i-editor{display:flex;flex-direction:column}.i-editor:focus-within>.i-editor-controls,.i-editor:focus-within>.i-editor-content,.i-editor:hover>.i-editor-controls,.i-editor:hover>.i-editor-content{border-color:var(--color-8)}.i-editor-borderless{border-radius:var(--radius)}.i-editor-borderless>.i-editor-controls,.i-editor-borderless>.i-editor-content{border:none}.i-editor-controls{display:flex;gap:2px;border:2px solid var(--color-9);border-bottom:0;padding:2px;border-radius:var(--radius) var(--radius) 0 0;transition:var(--transition)}.i-editor-controls .i-btn{--color: var(--color-5)}.i-editor-controls .i-btn:hover{--color: var(--color)}.i-editor-controls .i-btn:hover .i-editor-control-tip{opacity:1}.i-editor-control-tip{position:absolute;z-index:1;top:100%;left:50%;transform:translate(-50%, 0);opacity:0;pointer-events:none;transition:var(--transition)}.i-editor-content{flex:1;outline:none;padding:var(--padding);border:2px solid var(--color-9);border-radius:0 0 var(--radius) var(--radius);transition:var(--transition);overflow:auto;white-space:pre-wrap;word-wrap:break-word;word-break:break-all;tab-size:1em}.i-editor-content:first-child{border-radius:var(--radius)}.i-editor-content:hover,.i-editor-content:focus{border-color:var(--color-8)}.i-editor-content a{color:var(--blue)}.i-editor-content img{margin:0}.i-editor-content:empty:before{content:attr(data-placeholder);color:var(--color-5)}.i-image{position:relative;display:inline-flex;align-items:center;justify-content:center;align-self:center;border-radius:var(--radius);overflow:hidden;vertical-align:middle;background:var(--background-opacity);backdrop-filter:var(--blur);flex-shrink:0}.i-image .i-loading-container{z-index:1;backdrop-filter:var(--blur)}.i-image>img{border-radius:inherit;width:100%;height:100%;object-fit:cover}.i-image-cover{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;backdrop-filter:var(--blur)}.i-messages{position:fixed;inset:12px;pointer-events:none;display:flex;flex-direction:column;justify-content:center;z-index:10000;transition:var(--transition);cursor:default}.i-message{position:absolute;padding:var(--padding);pointer-events:all;opacity:0;transition:var(--transition);transform:translate(80px, 0) scale(0.86) skew(-40deg);background:var(--background-opacity);border-radius:var(--radius);box-shadow:var(--shadow);backdrop-filter:var(--blur)}.i-message.i-message-active{opacity:1;transform:translate(0, 0)}.i-form{display:grid;max-width:100%}.i-form-inline{--label-inline: nowrap}.i-form-inline .i-input-label{flex-wrap:nowrap}.i-checkbox{gap:1em}.i-checkbox-item{display:inline-flex;align-items:baseline;gap:.25em;border-radius:var(--radius);align-self:flex-start}.i-checkbox-item:hover .i-checkbox-input{box-shadow:inset 0 0 0 2px var(--color-5)}.i-checkbox-item:hover .i-checkbox-switch{box-shadow:inset 0 0 0 2px var(--color-8)}.i-checkbox-item:hover .i-checkbox-partof{box-shadow:none}.i-checkbox-item .i-checkbox-input:checked{box-shadow:none}.i-checkbox-options{flex:1 1 100%;position:relative;display:flex;flex-wrap:wrap;gap:.625em;align-self:baseline}.i-checkbox-text{display:inline-flex;transition:var(--transition);user-select:none;border-radius:inherit;color:var(--color-3)}.i-checkbox-text:empty{display:none}.i-checkbox-input{position:relative;display:flex;cursor:inherit;height:1.125em;width:1.125em;overflow:hidden;appearance:none;border-radius:inherit;transition:var(--transition);outline:0;align-self:center}.i-checkbox-custom{width:0;height:0}.i-checkbox-switch{height:1.125em;width:2.2em;overflow:unset;border-radius:2.4em;box-shadow:inset 0 0 0 2px var(--color-9);background:var(--color-9)}.i-checkbox-switch:hover:after{box-shadow:0 0 0 2px var(--color-7);background-color:var(--color-main-0)}.i-checkbox-default{border-radius:2px;box-shadow:inset 0 0 0 2px var(--color-7)}.i-checkbox-button{display:none}.i-checkbox-default:after,.i-checkbox-switch:before,.i-checkbox-switch:after,.i-checkbox-partof:after{content:" ";position:absolute;transition:var(--transition)}.i-checkbox-default:after{left:34%;top:16%;height:50%;width:20%;border-bottom:2px solid var(--color-main-reverse);border-right:2px solid var(--color-main-reverse);transform:rotate(90deg) scale(0);border-radius:1px}.i-checkbox-switch:after{left:0;top:50%;width:1em;height:1em;transform:translate(0, -50%);box-shadow:0 0 0 2px var(--color-8);border-radius:1em;transition:var(--transition);background-color:var(--background)}.i-checkbox-switch:active:after{width:1.5em}.i-checkbox-switch:active:checked:after{left:-0.5em}.i-checkbox-input:checked.i-checkbox-default{background-color:var(--color-main)}.i-checkbox-input:checked.i-checkbox-default:after{transform:rotate(45deg)}.i-checkbox-input:checked.i-checkbox-switch{background-color:var(--color-main)}.i-checkbox-input:checked.i-checkbox-switch:after{box-shadow:0 0 0 2px var(--color-main);transform:translate(1.2em, -50%);background-color:var(--background)}.i-checkbox-input:checked+.i-checkbox-text{color:var(--color-main)}.i-checkbox-button+.i-checkbox-text{padding:0 1em;line-height:1.8;font-size:.9em;display:flex;align-items:center;white-space:nowrap;border-radius:2em;border:1.5px solid var(--color-9)}.i-checkbox-button:hover+.i-checkbox-text{background-color:var(--color-9);border-color:var(--color-8)}.i-checkbox-button:checked+.i-checkbox-text{background-color:var(--color-main-0);color:var(--color-main);border-color:var(--color-main)}.i-checkbox-partof{border-radius:2px;background-color:var(--color-main)}.i-checkbox-partof:after{background-color:var(--color-main-reverse);height:2px;width:.5em;left:50%;top:50%;transform:translate(-50%, -50%);border-radius:var(--radius)}.i-checkbox-message{margin-top:.5em;font-size:.8em;align-self:flex-start;pointer-events:none}.i-checkbox-success .i-checkbox-input{box-shadow:inset 0 0 0 2px var(--success-0)}.i-checkbox-success .i-checkbox-input:checked{background-color:var(--success-0)}.i-checkbox-success .i-checkbox-message{color:var(--success)}.i-checkbox-warning .i-checkbox-input{box-shadow:inset 0 0 0 2px var(--warning-0)}.i-checkbox-warning .i-checkbox-input:checked{background-color:var(--warning-0)}.i-checkbox-warning .i-checkbox-message{color:var(--warning)}.i-checkbox-error .i-checkbox-input{box-shadow:inset 0 0 0 2px var(--error-0)}.i-checkbox-error .i-checkbox-input:checked{background-color:var(--error-0)}.i-checkbox-error .i-checkbox-message{color:var(--error)}.i-collapse{border-radius:var(--radius)}.i-collapse-bordered{border:1px solid var(--color-8)}.i-collapse-bordered .i-collapse-item+.i-collapse-item{border-top:1px solid var(--color-8)}.i-collapse-item{border-radius:var(--radius)}.i-collapse-header{display:flex;justify-content:space-between;align-items:center;padding:.5em;transition:var(--transition);font-weight:500;border-radius:var(--radius)}.i-collapse-header:hover{background-color:var(--background-opacity-1)}.i-collapse-toggle{margin:0;display:flex;user-select:none}.i-collapse-content{padding:0 .5em;height:0;overflow:hidden;transition:var(--transition);border-radius:var(--radius)}.i-collapse-active>.i-collapse-header,.i-collapse-header:hover{opacity:1}.i-collapse-active>.i-collapse-content{padding:.5em;height:unset}.i-collapse-disabled{pointer-events:none;opacity:.4}.i-collapse-disabled>.i-collapse-content{padding:0 .5em;height:0;overflow:hidden}.i-datagrid-container{border-radius:var(--radius);overflow:auto}.i-datagrid-loading{overflow:hidden !important;user-select:none}.i-datagrid-loading .i-datagrid{max-height:100%;max-width:100%}.i-datagrid-loading .i-loading-container{position:absolute;inset:0;z-index:10;background:var(--background-opacity);backdrop-filter:blur(2px)}.i-datagrid{display:grid;contain:content;content-visibility:auto;width:fit-content;grid-template-columns:var(--grid-template-columns);grid-template-rows:var(--grid-template-rows);min-width:100%}.i-datagrid .i-empty{margin:1em auto;grid-column:1/-1}.i-datagrid-bordered{--datagrid-border-color: var(--color-9);outline:1px solid var(--datagrid-border-color)}.i-datagrid-bordered .i-datagrid-cell{outline:1px solid var(--datagrid-border-color)}.i-datagrid-striped .i-datagrid-row{--datagrid-border-color: var(--color-8)}.i-datagrid-striped .i-datagrid-row:nth-child(odd){--datagrid-cell-background: var(--color-9)}.i-datagrid .i-datagrid-row{--datagrid-cell-background: var(--background);display:contents}.i-datagrid .i-datagrid-row:hover{--datagrid-border-color: var(--color-8);--datagrid-cell-background: var(--color-main-0)}.i-datagrid .i-datagrid-row:hover .i-datagrid-cell{z-index:1}.i-datagrid .i-datagrid-row:hover [class*=" i-datagrid-cell-fixed"]{z-index:3}.i-datagrid-cell{position:sticky;display:flex;align-items:center;justify-content:var(--datagrid-justify);gap:4px;padding:var(--cell-padding);background:var(--datagrid-cell-background);transition:background-color .12s;overflow:hidden}[class*=" i-datagrid-cell-fixed"]{z-index:2}.i-datagrid-cell-fixed-right{box-shadow:-2px 0 4px var(--color-9)}.i-datagrid-cell-fixed-left{box-shadow:2px 0 4px var(--color-9)}.i-datagrid-cell-content{min-width:0;flex:1 1 auto;display:inherit;gap:inherit;justify-content:inherit;white-space:nowrap;overflow:hidden}.i-datagrid-cell-content-ellipsis{display:block;text-overflow:ellipsis;text-align:var(--datagrid-justify)}.i-datagrid-header .i-datagrid-cell{--datagrid-cell-background: var(--background-opacity-2);z-index:3;white-space:nowrap;text-overflow:ellipsis;line-height:1;user-select:none;backdrop-filter:var(--blur)}.i-datagrid-header [class*=" i-datagrid-cell-fixed"]{z-index:4}.i-datagrid-resizor{position:absolute;inset:0 0 0 auto;width:4px;transition:.12s;cursor:ew-resize}.i-datagrid-resizor:hover{background-color:var(--color-5)}.i-datagrid-has-sorter{cursor:pointer}.i-datagrid-has-sorter:hover{--datagrid-cell-background: var(--color-8)}.i-datagrid-sorter{display:flex;flex-direction:column;flex-shrink:0;width:.8em;overflow:hidden;color:var(--color-7)}.i-datagrid-sorter-caret:first-child{margin-bottom:-0.4em;transform:rotate(-90deg)}.i-datagrid-sorter-caret:last-child{transform:rotate(90deg)}.i-datagrid-sorter-asc .i-datagrid-sorter-caret:first-child{color:var(--color-main)}.i-datagrid-sorter-desc .i-datagrid-sorter-caret:last-child{color:var(--color-main)}.i-btn{--gap: 0.25em;--background: var(--color-main);--background-hover: var(--color-main-1);--color: var(--color-main-reverse);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--gap);padding:0 .6em;height:2.25em;border-radius:var(--radius);border:2px solid rgba(0,0,0,0);transition:var(--transition);user-select:none;cursor:pointer;white-space:nowrap;outline:none;font-weight:500;font-size:.94em;background:var(--background);color:var(--color);line-height:1;flex-shrink:0}.i-btn .i-ripple-container{inset:-2px}.i-btn-toggle{overflow:hidden}.i-btn-toggle-content{display:inline-flex;gap:var(--gap);align-items:center;transform:scale(0.4)}.i-btn-toggle-content.i-btn-toggle-active{transition:var(--transition);transform:none}.i-btn-block{width:100%}.i-btn-large{font-size:1.25em}.i-btn-extreme{font-size:2em;height:2em}.i-btn-small{height:2em;line-height:2;font-size:.86em;padding:0 .4em}.i-btn-mini{line-height:1;height:1.4em;font-size:.8em;padding:0 .2em}.i-btn-square{padding:0;width:2.25em}.i-btn-square.i-btn-extreme,.i-btn-square.i-btn-small{width:2em}.i-btn:hover{--background: var(--background-hover)}.i-btn:active{--background: var(--color-main)}.i-btn-secondary{--background-hover: var(--color-8);--background: var(--color-9);--color: var(--color-1)}.i-btn-flat{--background-hover: var(--color-9);--color-main-reverse: var(--color);--background: transparent;--color: var(--color-1)}.i-btn-outline{--background-hover: var(--color-main-0);--color: var(--color-main)}.i-btn-outline.i-btn{--background: transparent;border-color:var(--color)}.i-btn.i-btn-outline:hover,.i-btn.i-btn-secondary:hover,.i-btn.i-btn-flat:hover{--background: var(--background-hover)}.i-btn-content{display:contents}.i-btn-loading{opacity:.628;cursor:default}.i-btn-group-horizonal{display:flex}.i-btn-group-horizonal .i-btn:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.i-btn-group-horizonal .i-btn:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.i-btn-group-vertical{display:flex;flex-direction:column}.i-btn-group-vertical .i-btn:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.i-btn-group-vertical .i-btn:not(:last-child){border-bottom-right-radius:0;border-bottom-left-radius:0}.i-list{--gap: 0.5em;overflow:auto}.i-list-item{display:flex;gap:var(--gap);padding:var(--padding);transition:var(--transition);border-radius:var(--radius)}.i-list-item-bordered{box-shadow:inset 0 0 0 1px var(--color-8)}.i-list-item-bordered+.i-list-item-bordered{margin-top:-1px}.i-list-item-bordered:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.i-list-item-bordered:not(:last-child){border-bottom-right-radius:0;border-bottom-left-radius:0}.i-list-item-bordered:hover{box-shadow:inset 0 0 0 1px var(--color-7);z-index:1}.i-list-option{position:relative;cursor:pointer;user-select:none;white-space:nowrap;justify-content:space-between}.i-list-option:hover{background-color:var(--background-opacity-1)}.i-list-item-label{align-self:flex-start}.i-modal-container{position:fixed;inset:0;z-index:100;padding:12px;transition:var(--transition);opacity:0;pointer-events:none;display:flex;overflow:hidden}.i-modal-container.i-modal-active{opacity:1}.i-modal-backdrop{background:var(--color-backdrop);backdrop-filter:blur(8px)}.i-modal-backdrop.i-modal-active{pointer-events:unset}.i-modal-customized{overflow:unset}.i-modal{position:relative;display:flex;flex-direction:column;margin:auto;max-width:100%;max-height:100%;overflow-x:hidden;border-radius:var(--radius);transform:translate(0, 12px);transition:var(--transition);background:var(--background)}.i-modal.bounced{animation:bounce .4s ease-in-out 0s}.i-modal-active>.i-modal{opacity:1;transform:none;pointer-events:unset}.i-modal-header,.i-modal-footer{position:relative;display:flex;align-items:center;padding:12px;gap:12px}.i-modal-header:empty,.i-modal-footer:empty{display:none}.i-modal-footer{justify-content:center}.i-modal-content{overflow-x:hidden;flex:1;max-height:100%;line-height:1.5}.i-modal .i-modal-close{margin:0 0 0 auto;display:flex;align-self:flex-start;border-radius:var(--radius)}.i-popconfirm{padding:1rem}.i-popconfirm-footer{margin-top:1rem}.i-loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5em;font-size:inherit;transform:translateZ(0);border-radius:inherit}.i-loading-icon{stroke:var(--color);width:1em;height:1em;animation:rotate .628s linear 0s infinite}.i-popup{position:absolute;left:0;top:0;z-index:100;opacity:0;transition:opacity .12s,transform .12s;border-radius:var(--radius);background:var(--background);box-shadow:var(--shadow);transform:translate(0, 2px)}.i-popup-arrow{position:absolute;width:8px;height:24px;pointer-events:none;color:unset}.i-popup-arrow path{fill:var(--background)}.i-resizable{display:flex;overflow:hidden}.i-resizable-vertical{flex-direction:column}.i-resizable-vertical>.i-resizable-line{cursor:ns-resize;width:100%;height:2px}.i-resizable-a{overflow:auto}.i-resizable-b{flex:1;overflow:auto}.i-resizable-line{position:relative;display:flex;justify-content:center;align-items:center;width:2px;height:100%;background:var(--color-8);cursor:ew-resize;transition:var(--transition);touch-action:none;user-select:none}.i-resizable-line:hover,.i-resizable-line.i-resizable-resizing{outline:1px solid var(--color-8)}.i-resizable-line:hover>.i-resizable-line-node,.i-resizable-line.i-resizable-resizing>.i-resizable-line-node{opacity:1}.i-resizable-line-node{display:flex;position:relative;z-index:1;pointer-events:none;opacity:0;transition:var(--transition);background:inherit;border-radius:var(--radius);font-size:.8em}.i-radio{position:relative;display:inline-flex;flex-wrap:wrap;gap:1em}.i-radio-label{width:var(--label-width);text-align:var(--label-align);font-weight:500}.i-radio-item{display:inline-flex;align-items:baseline;border-radius:var(--radius)}.i-radio-item:hover .i-radio-input{box-shadow:inset 0 0 0 3px var(--color-7);background-color:var(--color-main-0)}.i-radio-item-custom>.i-radio-input{width:0;height:0}.i-input-success .i-radio-input{box-shadow:inset 0 0 0 3px var(--green-0)}.i-input-warning .i-radio-input{box-shadow:inset 0 0 0 3px var(--yellow-0)}.i-input-error .i-radio-input{box-shadow:inset 0 0 0 3px var(--error-0)}.i-radio-options{flex:1 1 100%;position:relative;display:flex;flex-wrap:wrap;gap:.625em;align-self:baseline}.i-radio-options-button{flex:none}.i-radio-text{display:inline-flex;margin-left:.4em;transition:var(--transition);user-select:none;border-radius:inherit;color:var(--color-3)}.i-radio-input{position:relative;display:flex;cursor:inherit;height:1.125em;width:1.125em;flex-shrink:0;overflow:hidden;appearance:none;border-radius:50%;transition:all .15s;outline:0;align-self:center;box-shadow:inset 0 0 0 3px var(--color-8)}.i-radio-default{border:0 solid rgba(0,0,0,0)}.i-radio-input:checked.i-radio-default{border-width:.4em;border-color:var(--color-main);background:var(--color-main-reverse);box-shadow:none}.i-radio-input:checked.i-radio-default+.i-radio-text{color:var(--color-main)}.i-radio-default:active{transform:scale(1.1)}.i-radio-button{display:none}.i-radio-button+.i-radio-text{margin-left:0;padding:0 .628em;line-height:1.8;font-size:.94em;white-space:nowrap;border:1.5px solid var(--color-9)}.i-radio-button+.i-radio-text:hover{background-color:var(--color-main-0);border-color:var(--color-8)}.i-radio-button:checked+.i-radio-text{background:var(--color-main-0);color:var(--color-main);border-color:var(--color-main)}.i-radio-message{margin-top:.5em;font-size:.8em;align-self:flex-start;pointer-events:none}.i-radio-success .i-radio-input{box-shadow:inset 0 0 0 3px var(--success-0)}.i-radio-success .i-radio-message{color:var(--success)}.i-radio-warning .i-radio-input{box-shadow:inset 0 0 0 3px var(--warning-0)}.i-radio-warning .i-radio-message{color:var(--warning)}.i-radio-error .i-radio-input{box-shadow:inset 0 0 0 3px var(--error-0)}.i-radio-error .i-radio-message{color:var(--error)}.i-progress{flex:1 1 100%;position:relative;display:flex;background:var(--background-1);border-radius:var(--radius);cursor:pointer}.i-progress-vertical{height:100%}.i-progress-vertical>.i-progress-bar{height:100%;align-self:flex-end}.i-progress-bar{position:relative;width:100%;background:var(--color-main);border-radius:var(--radius);transform-origin:left;transition:var(--transition)}.i-progress-cursor{position:absolute;right:0;top:50%;display:flex;min-height:120%;min-width:1em;transform:translate(50%, -50%) scale(0);transition:var(--transition);border-radius:inherit;box-shadow:var(--shadow);user-select:none;overflow:hidden}.i-progress:hover .i-progress-cursor,.no-transition>.i-progress-cursor{transform:translate(50%, -50%) scale(1)}.i-progress-circle{position:relative}.i-progress-circle-path{transition:var(--transition);border-radius:50px}.i-progress-circle-value{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);font-size:1.5em}.i-river{overflow:hidden}.i-river-track{display:inline-flex;will-change:transform}.i-river-item{flex-shrink:0}.i-pagination{display:flex;align-items:center;gap:.2em}.i-page{--background: transparent;--color: var(--color-7);position:relative;display:inline-flex;align-items:center;justify-content:center;padding:0 .32em;height:2.25em;min-width:2.25em;border-radius:var(--radius);border:2px solid rgba(0,0,0,0);transition:var(--transition);user-select:none;cursor:pointer;white-space:nowrap;outline:none;color:var(--color);background:var(--background)}.i-page .i-ripple-container{inset:-2px}.i-page .i-loading-container{position:absolute;inset:0;z-index:1;background:var(--background-opacity);backdrop-filter:var(--blur)}.i-page:hover{--background: var(--background-opacity-1)}.i-page.i-page-active{--background: var(--color-main);--color: var(--color-main-reverse);cursor:default}.i-page.i-page-loading{--background: unset;cursor:default}.i-select{display:flex;gap:.5em}.i-select-multiple{flex-wrap:wrap;padding:.25em .628em}.i-select-multiple .i-tag{position:relative;padding:0 .5em;line-height:1.425em;background:var(--color-8)}.i-select-options{--gap: 0.25em;display:flex;flex-direction:column;max-height:40vh;padding:4px;gap:2px;overflow-x:hidden;border-radius:inherit}.i-select-options .i-list-item{justify-content:unset;align-items:center;color:var(--color-5)}.i-select-options .i-list-item.i-list-item-active{color:var(--color-main);background:var(--color-main-0)}.i-select-options .i-list-item.i-list-item-active .i-select-option-check{opacity:1}.i-select-options .i-list-item.disabled{pointer-events:none}.i-select-options-multiple .i-list-item.i-list-item-active{background:rgba(0,0,0,0)}.i-select-option-check{opacity:0}.i-select-filter{position:sticky;top:0;z-index:1;display:flex;flex-wrap:wrap;background:var(--background-opacity);backdrop-filter:var(--blur);border-bottom:1px solid var(--background-opacity-1)}.i-select-filter:empty{display:none}.i-step{display:flex;flex-wrap:wrap;gap:.5em;overflow:hidden}.i-step-vertical{flex-direction:column}.i-step-vertical .i-step-item{flex-direction:row}.i-step-vertical .i-step-item:not(:last-child) .i-step-item-right{padding-bottom:1em}.i-step-item{display:flex;flex-direction:column;gap:.5em;flex:1 1 auto;transition:var(--transition)}.i-step-item:last-child{flex:none}.i-step-item:last-child .i-step-divider{display:none}.i-step-item.i-step-item-finished{opacity:.4}.i-step-item.i-step-item-finished .i-step-divider{border-style:solid}.i-step-item.i-step-item-pending{opacity:.4}.i-step-item:hover{opacity:1}.i-step-item-index{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:1.5em;line-height:1.5em;border-radius:1.5em;background:var(--color-4);color:var(--background)}.i-step-divider{flex:1;align-self:center;border:1px dashed var(--color-7)}.i-step-item-title{display:flex;align-items:center;gap:.5em;white-space:nowrap}.i-step-item-left{display:flex;flex-direction:column;align-items:center;gap:.5em}.i-step-item-right{display:flex;flex-direction:column;gap:.5em}.i-text-gradient{-webkit-text-fill-color:rgba(0,0,0,0)}.i-text-gradient-wave{background-size:200% 100%;background-position:0 0;animation:text-wave 1.2s linear 0s infinite}@keyframes text-wave{100%{background-position:-100% 0}}.i-swiper{position:relative;max-width:100%;user-select:none}.i-swiper:hover .i-swiper-arrow{opacity:.72}.i-swiper .i-swiper-arrow:hover{opacity:1}.i-swiper-track{position:relative;overflow:hidden;touch-action:pan-x;border-radius:var(--radius)}.i-swiper-list{display:flex;will-change:transform}.i-swiper-fade>.i-swiper-item{opacity:0}.i-swiper-fade>.i-swiper-active{opacity:1}.i-swiper-vertical .i-swiper-track{height:100%;touch-action:pan-y}.i-swiper-vertical .i-swiper-list{flex-direction:column}.i-swiper-vertical .i-swiper-item{width:100%}.i-swiper-vertical .i-swiper-arrow{left:unset;right:.5em}.i-swiper-vertical .i-swiper-prev{bottom:50%;top:unset;transform:translate(0, -6px)}.i-swiper-vertical .i-swiper-next{transform:translate(0, 6px)}.i-swiper-item{flex:1;flex-shrink:0;display:flex;justify-content:center;align-items:center;overflow:hidden;transition:var(--transition)}.i-swiper-arrow{position:absolute;top:50%;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius);transform:translate(0, -50%);transition:var(--transition);opacity:0}.i-swiper-prev{left:.5em}.i-swiper-next{right:.5em}.i-swiper-indicators{margin:.5em 0;display:flex;justify-content:center;gap:.5em}.i-swiper-indicators-fixed{position:absolute;bottom:0;left:50%;transform:translate(-50%, 0)}.i-swiper-indicator{width:8px;height:8px;border-radius:50%;flex-shrink:0;background:var(--color);opacity:.25}.i-swiper-indicator:hover{opacity:.8}.i-swiper-indicator.i-indicator-active{opacity:1}.i-tabs{max-width:100%;gap:.5em}.i-tabs-line .i-tab-navs{gap:1em}.i-tabs-line .i-tab-nav{padding:.4em 0}.i-tabs-line .i-tab-nav.i-tab-active{--color: var(--color-main)}.i-tabs-line .i-tab-navs-bar{background:var(--color-main)}.i-tabs-line .i-tab-navs-vertical>.i-tab-navs{gap:.5em}.i-tabs-line .i-tab-navs-vertical>.i-tab-navs>.i-tab-nav{padding:.25em 1em}.i-tab-navs-container{display:flex;border-radius:var(--radius);scroll-behavior:smooth;gap:4px;align-items:center}.i-tab-navs-vertical{align-items:flex-end;flex-direction:column}.i-tab-navs{flex:1;position:relative;display:flex;flex-direction:inherit;overflow:auto;user-select:none;scroll-behavior:unset;scrollbar-width:none;gap:1px}.i-tab-navs::-webkit-scrollbar{display:none}.i-tabs-pane .i-tab-navs-container{position:relative}.i-tabs-pane .i-tab-navs-container:before{position:absolute;bottom:0;left:0;right:0;width:100%;border-top:1px solid var(--color-8);content:"";z-index:1}.i-tabs-pane .i-tab-navs{gap:4px}.i-tabs-pane .i-tab-navs .i-tab-nav{border-radius:var(--radius) var(--radius) 0 0;border:1px solid rgba(0,0,0,0)}.i-tabs-pane .i-tab-navs .i-tab-nav:hover{border-color:var(--color-8);border-bottom-color:var(--background)}.i-tabs-pane .i-tab-navs .i-tab-active{z-index:2;background:rgba(0,0,0,0);border-color:var(--color-8);border-bottom:1px solid var(--background);box-shadow:1px 2px 0 1px var(--color-8)}.i-tabs-pane .i-tab-navs .i-tab-active:hover{background-color:rgba(0,0,0,0)}.i-tabs-pane .i-tab-navs-vertical:before{left:unset;top:0;width:unset;height:100%;border-top:none;border-right:1px solid var(--color-8)}.i-tabs-pane .i-tab-navs-vertical .i-tab-navs .i-tab-nav{border-radius:var(--radius) 0 0 var(--radius);border:1px solid rgba(0,0,0,0)}.i-tabs-pane .i-tab-navs-vertical .i-tab-navs .i-tab-nav:hover{border-color:var(--color-8);border-right-color:var(--background)}.i-tabs-pane .i-tab-navs-vertical .i-tab-navs .i-tab-active{border-color:var(--color-7);border-right:1px solid var(--background)}.i-tabs-pane .i-tab-navs-vertical .i-tab-navs .i-tab-active:hover{background-color:rgba(0,0,0,0)}.i-tab-nav{--color: var(--color-7);position:relative;z-index:1;display:flex;align-items:center;justify-content:center;padding:.4em .5em;user-select:none;flex-shrink:0;gap:.25em;color:var(--color);border-radius:var(--radius)}.i-tab-nav:hover{--color: var(--color-3)}.i-tab-nav.i-tab-active{--color: var(--color-main)}.i-tabs-morelist .i-tab-nav{white-space:nowrap}.i-tabs-morelist .i-tab-active{background:var(--color-main-0)}.i-tab-closable .i-tab-nav{padding-right:0;border-radius:var(--radius) var(--radius) 0 0}.i-tab-closable .i-tab-nav.i-tab-active{box-shadow:2px 0 8px rgba(0,0,0,.0509803922);background-color:var(--background)}.i-tab-nav-close{margin:0;font-size:.7em;padding:0}.i-tab-nav-close:hover{color:var(--error)}.i-tab-navs-bar{position:absolute;bottom:0em;left:0;height:0;background:var(--color-main-0);pointer-events:none;transition:var(--transition);border-radius:4px}.i-tab-navs-vertical>.i-tab-navs{gap:1px}.i-tab-navs-vertical>.i-tab-navs>.i-tab-navs-bar{width:0;left:unset;bottom:unset;right:0;top:0}.i-tab-contents{position:relative;flex:1}.i-tab-content{display:none}.i-tab-content.i-tab-active{display:block}.i-tag{--background: var(--color-9);--color: var(--color-1);position:relative;display:inline-flex;align-items:center;justify-content:center;align-self:center;gap:.5em;padding:.1em .5em;border-radius:var(--radius);background:var(--background);color:var(--color);border:2px solid rgba(0,0,0,0);transition:var(--transition);font-size:.81em;line-height:1}.i-tag .i-tag-close{position:absolute;right:0;top:0;z-index:1;margin:0;background:var(--error);color:var(--white);transform:translate(50%, -50%);font-size:.81em;transition:all .16s}.i-tag .i-tag-close:hover{background:var(--error-1);color:var(--white)}.i-tag:hover .i-tag-hover-close{opacity:1;transform:translate(50%, -50%) scale(1)}.i-tag-large{font-size:1em}.i-tag-extreme{font-size:1.5em;height:2em}.i-tag-small{font-size:.72em;padding:.125em .4em}.i-tag-dot{content:" ";width:.385em;height:.385em;border-radius:50%;background-color:var(--color);box-shadow:0 -1px 1px 0 rgba(var(--color), 0.3);flex-shrink:0;transition:inherit}.i-tag-outline{--background: transparent;border-color:var(--color)}.i-tag-hover-close{transform:translate(50%, -50%) scale(0);opacity:0}.i-tag-clickable{cursor:pointer}.i-tag-clickable:hover{background:var(--background-hover);color:var(--color-hover)}.i-ripple-container{position:absolute;inset:0;overflow:hidden;pointer-events:none;border-radius:inherit;contain:strict}.i-ripple{position:absolute;background:var(--color);opacity:.15;transform:translate(-50%, -50%) scale(0.25);transform-origin:50%;border-radius:50%}.i-ripple-active{opacity:0;transform:translate(-50%, -50%) scale(1)}.i-input-label-file{display:inline-flex;width:unset}.i-input-label-file:has(.i-upload-list:empty){align-items:center}.i-input-file-hidden{display:none}.i-upload-inner{flex:1 1 100%;display:flex;flex-wrap:wrap;gap:.5em}.i-upload-card:has(.i-upload-list:not(:empty)){align-self:flex-start}.i-upload-card .i-upload-list{display:contents}.i-upload-list{display:flex;flex-wrap:wrap;width:100%;gap:inherit;user-select:none}.i-upload-list:empty{display:none}.i-upload-delete{opacity:0;margin:0;z-index:1;right:-0.825em;top:-0.825em;box-shadow:var(--shadow)}.i-upload-btn{align-self:center}.i-upload-card-btn{border-style:dashed;width:var(--upload-card-size);height:var(--upload-card-size);opacity:.6;font-size:1em}.i-upload-card-btn:hover{opacity:1}.i-upload-item{position:relative;display:inline-flex;align-items:center;gap:.25em;padding:.25em .4em;border:2px solid var(--background-opacity-1);border-radius:var(--radius);background:var(--background-opacity);transition:var(--transition);font-size:.8em}.i-upload-item .i-upload-delete{position:absolute;background-color:var(--error);color:#fff}.i-upload-item .i-upload-delete:hover{background-color:var(--error);color:#fff}.i-upload-item:hover{background-color:var(--background-opacity-1)}.i-upload-item:hover .i-upload-delete{opacity:1}.i-upload-item-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25em;width:var(--upload-card-size);height:var(--upload-card-size);border-radius:var(--radius);background:var(--background-opacity-1);cursor:pointer}.i-upload-item-card .i-image,.i-upload-item-card video{width:100%;height:100%;object-fit:cover}.i-upload-item-card .i-upload-file-name{max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:.8em;padding-inline:4px}.i-upload-item-card .i-upload-delete{font-size:.72em;position:absolute;background-color:var(--error);color:#fff}.i-upload-item-card .i-upload-delete:hover{background-color:var(--error);color:#fff}.i-upload-item-card:hover .i-upload-delete{opacity:1}.i-upload-size{font-size:.8em;color:var(--color-6)}.i-upload-item-dragged{z-index:1000}.i-video{position:relative;background:#000;border-radius:var(--radius);overflow:hidden}.i-video video{width:100%;height:100%}.i-video-controls{position:absolute;left:0;bottom:-1px;right:0;display:flex;align-items:center;padding:4px;gap:4px;font-size:.9em;white-space:nowrap;user-select:none;transition:var(--transition);background:var(--background-opacity);backdrop-filter:var(--blur)}.i-video-controls .i-btn{flex-shrink:0}.i-video-controls .i-icon{font-size:1.2em}.i-video-controls:hover{opacity:1;pointer-events:unset}.i-video-controls-hidden{opacity:0;pointer-events:none}.i-video-control{display:flex;align-items:center}.i-video-times{margin-inline:8px;display:flex;align-items:center;gap:4px}.i-video-volume{position:absolute;z-index:1;bottom:100%;left:50%;transform:translate(-50%, 4px);padding:8px;opacity:0;pointer-events:none;border-radius:var(--radius);transition:var(--transition);backdrop-filter:var(--blur);background:var(--background-opacity)}.i-video-control-volume{position:relative}.i-video-control-volume:hover .i-video-volume{opacity:1;pointer-events:unset}.i-tree{display:flex;flex-direction:column;gap:1px;color:var(--color-2)}.i-tree-group-title{position:relative;font-size:1em;display:flex;font-weight:300;font-style:italic;font-size:.9em}.i-tree-group-title:after{content:" ";margin-left:.5em;flex:1;height:1px;align-self:center;background:var(--color-8)}.i-tree-item-header{position:relative;display:flex;align-items:center;gap:.25em;padding:.4em;user-select:none;border-radius:var(--radius);overflow:hidden;color:var(--color-6)}.i-tree-item-header.i-tree-item-round{border-radius:100px}.i-tree-item-header.i-tree-item-selected,.i-tree-item-header:hover{background:var(--color-main-0);color:var(--color-main)}.i-tree-round{--radius: 100px}.i-tree-item-icon{display:flex}.i-tree-checkbox{align-self:center}.i-tree-toggle{margin-left:auto;transition:var(--transition);border-radius:inherit;color:var(--color-6)}.i-tree-toggle:hover{color:var(--color-3);background:var(--background-opacity)}.i-tree-item-content{max-height:0;overflow:hidden;transition:max-height .5s cubic-bezier(0, 1, 0, 1)}.i-tree-expand>.i-tree-item-content{transition:max-height .25s cubic-bezier(1, 0, 1, 0);max-height:2000px}.i-tree-expand>.i-tree-item-header{color:var(--color-main);opacity:1}.i-tree-expand>.i-tree-item-header>.i-tree-toggle{transform:rotateX(180deg)}.i-timepicker-label{position:unset}.i-timepicker{display:flex}.i-timepicker-list{min-width:3em;text-align:center;overflow:auto;padding:4px;max-height:12.2em;display:flex;flex-direction:column;gap:2px;scrollbar-width:none}.i-timepicker-list::-webkit-scrollbar{display:none}.i-timepicker-list:not(:last-child){border-right:1px solid var(--color-9)}.i-timepicker-item{display:block;padding:.32em .5em;border-radius:var(--radius);opacity:.5}.i-timepicker-item:hover{background-color:var(--color-9);opacity:1}.i-timepicker-item.i-timepicker-item-active{position:sticky;top:0;bottom:0;z-index:1;background:var(--color-main);color:var(--color-main-reverse);opacity:1}.i-timepicker-icon{margin-right:.4em;opacity:.5;pointer-events:none}.i-colorpicker-handle{position:relative;display:inline-flex;align-items:center;font-size:.8em;gap:.25em}.i-colorpicker-square{display:inline-block;width:1.8em;height:1.8em;border:2px solid var(--color-9);border-radius:var(--radius);cursor:pointer;transition:var(--transition)}.i-colorpicker-square:hover{border-color:var(--color-8)}.i-colorpicker-footer{display:flex;gap:4px;font-size:.8em}.i-colorpicker-text{transition:var(--transition);cursor:pointer;padding:.25em .5em;border-radius:var(--radius);background:var(--color-9)}.i-colorpicker-text:hover{background:var(--color-8)}.rc-color-picker-panel{box-shadow:none;background:inherit}.i-helpericon{position:relative;margin:.25em;padding:.125em;min-height:1.675em;min-width:1.675em;display:flex;align-items:center;justify-content:center;align-self:center;color:var(--color-7);transition:var(--transition);border-radius:var(--radius);font-size:.8em}.i-helpericon:hover{color:var(--color-3);background:var(--background-opacity-1)}.i-empty{margin:auto;width:3em;height:3em;color:var(--color-7)}.i-datepicker-label{position:unset}.i-datepicker{padding:8px}.i-datepicker .i-datepicker-item{cursor:pointer}.i-datepicker-weeks,.i-datepicker-dates{display:grid;grid-template-columns:repeat(7, 1fr);gap:2px}.i-datepicker-week,.i-datepicker-item{display:flex;justify-content:center;padding:.32em .5em}.i-datepicker-week{color:var(--color-5)}.i-datepicker-item{--background: transparent;opacity:.4;border-radius:var(--radius);transition:all .12s;background:var(--background);color:var(--color)}.i-datepicker-item:hover{opacity:1;--background: var(--color-main-0)}.i-datepicker-item.i-datepicker-same-month{opacity:.8}.i-datepicker-item.i-datepicker-today{--background: var(--color-main-0)}.i-datepicker-item.i-datepicker-active{--background: var(--color-main);--color: var(--color-main-reverse);opacity:1}.i-datepicker-item.i-datepicker-disabled{opacity:.2;cursor:not-allowed}.i-datepicker-units{margin-bottom:.5em;display:flex;align-items:center;gap:.125em;color:var(--color-6);font-size:.9em}.i-datepicker-action{position:relative;display:flex;align-items:baseline;gap:.25em;padding:.125em .5em;user-select:none;border-radius:var(--radius)}.i-datepicker-action>span{color:var(--color);font-size:1.15em}.i-datepicker-action:hover{background:var(--color-main-0)}.i-datepicker-icon{margin-right:.4em;opacity:.5;pointer-events:none}.i-datepicker-ym{position:absolute;inset:0;z-index:1;padding:8px;gap:.5em;background:var(--background);backdrop-filter:var(--blur);display:flex;pointer-events:none;opacity:0;transition:var(--transition)}.i-datepicker-ym.i-datepicker-active{opacity:1;pointer-events:unset}.i-datepicker-years{width:5em;overflow-x:hidden;display:flex;flex-direction:column;max-height:100%;gap:.25em}.i-datepicker-months{margin-top:1.5em;flex:1;display:grid;grid-template-columns:repeat(3, 1fr);gap:.25em}.i-datepicker-year{flex:1}.i-datepicker-year,.i-datepicker-month{display:flex;padding:2px;user-select:none;border-radius:var(--radius);justify-content:center;align-items:center}.i-datepicker-year:hover,.i-datepicker-month:hover{background-color:var(--background-opacity-2)}.i-datepicker-year.i-datepicker-active,.i-datepicker-month.i-datepicker-active{background:var(--color-main);color:var(--color-main-reverse);opacity:1}.i-datepicker-close{position:absolute;right:0;top:0}
+@import"@rc-component/color-picker/assets/index.css";:root{--font-size: 15px;--font: normal 400 var(--font-size) / 1.5 -apple-system, "Helvetica Neue", sans-serif;--transition: all 0.24s ease;--padding: 0.32em 0.628em;--radius: 4px;--shadow: 0px 2px 8px var(--dim);--blur: blur(16px);--breakpoint: 880px;--label-width: auto;--label-align: left}article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}*{margin:0;padding:0;border:0;box-sizing:border-box}h1,h2,h3,h4,h5,h6,p,article,section,body{line-height:1.2}a{color:inherit;text-decoration:none;cursor:pointer;transition:var(--transition)}b,strong{font-weight:700}html{position:relative;font:var(--font);color:var(--color);min-height:100vh;overflow-x:hidden;scroll-behavior:smooth}input,button,textarea,select{font:inherit}input:-webkit-autofill{box-shadow:inherit;transition:none}ul,ol{list-style:none}img,video,audio,iframe{display:block;margin:auto;max-height:100%;max-width:100%;transition:var(--transition)}h1{font-size:2.4rem;line-height:1.2}h2{font-size:2rem;line-height:1.2}h3{font-size:1.5rem}h4{font-size:1.2rem}h5,h6{font-size:1rem}label{cursor:pointer}pre,code{font-family:inherit}::selection{background-color:rgba(255,216,50,.6392156863)}.os-windows ::-webkit-scrollbar{width:6px;height:6px;cursor:pointer}.os-windows ::-webkit-scrollbar-thumb{background-color:var(--color-8);cursor:pointer;border-radius:var(--radius)}:root kbd,:root .kbd,:root code,:root .code{display:inline-block;font-family:inherit;margin:0 .2em;padding:0 .4em;border-radius:4px;font-size:.86em;line-height:1.5;white-space:nowrap}:root .code,:root code{background:var(--color-8);color:var(--color-0);font-family:unset}:root kbd,:root .kbd{background-color:var(--white);color:var(--black);border-right:2px solid var(--grey-1);border-bottom:3px solid var(--grey-1);box-shadow:-1px -1px 1px var(--color-9)}:root .chip{padding:.05em .72em;font-size:.94em;background:var(--color-main);color:var(--color-main-reverse);border-radius:var(--radius);transition:var(--transition)}:root .chip:hover{--background-hover: var(--color-main-1);background:var(--background-hover)}:root .link{display:inline-flex;position:relative;white-space:nowrap;color:var(--blue)}:root .absolute{position:absolute}:root .relative{position:relative}:root .fixed{position:fixed}:root .flex{display:flex;gap:inherit}:root .grid{display:grid}:root .flex-column{flex-direction:column}:root .flex-wrap{flex-wrap:wrap}:root .flex-1{flex:1}:root .flex-shrink{flex-shrink:0}:root .sticky-top{position:sticky;top:0;z-index:10}:root .sticky-bottom{position:sticky;bottom:0;z-index:10}:root .sticky-left{position:sticky;left:0;z-index:10}:root .sticky-right{position:sticky;right:0;z-index:10}:root .text-center{text-align:center}:root .text-right{text-align:right}:root .bordered{border:1px solid var(--color-7)}:root .ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:root .overflow-hidden{overflow:hidden}:root .overflow-auto{overflow:auto}:root .justify-center{justify-content:center}:root .justify-evenly{justify-content:space-evenly}:root .justify-between{justify-content:space-between}:root .justify-start{justify-content:flex-start}:root .justify-end{justify-content:flex-end}:root .items-start{align-items:flex-start}:root .items-end{align-items:flex-end}:root .items-center{align-items:center}:root .self-center{align-self:center}:root .h-100vh{height:100vh}:root .bg-blur{background:var(--background-opacity);backdrop-filter:var(--blur)}:root .roundless{border-radius:0}:root .round{border-radius:50vw}:root .round-0{border-radius:var(--radius)}:root .disabled{opacity:.4;cursor:not-allowed}:root .hidden{display:none !important}:root .shadow{box-shadow:var(--shadow)}:root .hover-shadow{transition:var(--transition)}:root .hover-shadow:hover{box-shadow:var(--shadow)}:root .hover-text-shadow{transition:var(--transition)}:root .hover-text-shadow:hover{text-shadow:var(--shadow)}:root .no-transition{transition:none}:root .hover-opacity{opacity:0;transition:var(--transition)}:root .hover-opacity:hover{opacity:1}:root .hover-children{opacity:0;transform:var(--transition)}:root .hover-parent:hover .hover-children{opacity:1}:root .bg-transparent{background:rgba(0,0,0,0)}:root .font-italic{font-style:italic}:root .font-bold{font-weight:600}:root .font-sm{font-size:.8em}:root .font-lg{font-size:1.2em}:root .mg-auto{margin:auto}:root .mx-auto{margin-inline:auto}:root .my-auto{margin-block:auto}:root .ml-auto{margin-left:auto}:root .mr-auto{margin-right:auto}:root .mt-auto{margin-top:auto}:root .mb-auto{margin-bottom:auto}:root .mg-0{margin:0px}:root .mx-0{margin-inline:0px}:root .my-0{margin-block:0px}:root .mt-0{margin-top:0px}:root .mb-0{margin-bottom:0px}:root .ml-0{margin-left:0px}:root .mr-0{margin-right:0px}:root .pd-0{padding:0px}:root .px-0{padding-inline:0px}:root .py-0{padding-block:0px}:root .pl-0{padding-left:0px}:root .pr-0{padding-right:0px}:root .pt-0{padding-top:0px}:root .pb-0{padding-bottom:0px}:root .gap-0{gap:0px}:root .mg-1{margin:1px}:root .mx-1{margin-inline:1px}:root .my-1{margin-block:1px}:root .mt-1{margin-top:1px}:root .mb-1{margin-bottom:1px}:root .ml-1{margin-left:1px}:root .mr-1{margin-right:1px}:root .pd-1{padding:1px}:root .px-1{padding-inline:1px}:root .py-1{padding-block:1px}:root .pl-1{padding-left:1px}:root .pr-1{padding-right:1px}:root .pt-1{padding-top:1px}:root .pb-1{padding-bottom:1px}:root .gap-1{gap:1px}:root .mg-2{margin:2px}:root .mx-2{margin-inline:2px}:root .my-2{margin-block:2px}:root .mt-2{margin-top:2px}:root .mb-2{margin-bottom:2px}:root .ml-2{margin-left:2px}:root .mr-2{margin-right:2px}:root .pd-2{padding:2px}:root .px-2{padding-inline:2px}:root .py-2{padding-block:2px}:root .pl-2{padding-left:2px}:root .pr-2{padding-right:2px}:root .pt-2{padding-top:2px}:root .pb-2{padding-bottom:2px}:root .gap-2{gap:2px}:root .mg-4{margin:4px}:root .mx-4{margin-inline:4px}:root .my-4{margin-block:4px}:root .mt-4{margin-top:4px}:root .mb-4{margin-bottom:4px}:root .ml-4{margin-left:4px}:root .mr-4{margin-right:4px}:root .pd-4{padding:4px}:root .px-4{padding-inline:4px}:root .py-4{padding-block:4px}:root .pl-4{padding-left:4px}:root .pr-4{padding-right:4px}:root .pt-4{padding-top:4px}:root .pb-4{padding-bottom:4px}:root .gap-4{gap:4px}:root .mg-6{margin:6px}:root .mx-6{margin-inline:6px}:root .my-6{margin-block:6px}:root .mt-6{margin-top:6px}:root .mb-6{margin-bottom:6px}:root .ml-6{margin-left:6px}:root .mr-6{margin-right:6px}:root .pd-6{padding:6px}:root .px-6{padding-inline:6px}:root .py-6{padding-block:6px}:root .pl-6{padding-left:6px}:root .pr-6{padding-right:6px}:root .pt-6{padding-top:6px}:root .pb-6{padding-bottom:6px}:root .gap-6{gap:6px}:root .mg-8{margin:8px}:root .mx-8{margin-inline:8px}:root .my-8{margin-block:8px}:root .mt-8{margin-top:8px}:root .mb-8{margin-bottom:8px}:root .ml-8{margin-left:8px}:root .mr-8{margin-right:8px}:root .pd-8{padding:8px}:root .px-8{padding-inline:8px}:root .py-8{padding-block:8px}:root .pl-8{padding-left:8px}:root .pr-8{padding-right:8px}:root .pt-8{padding-top:8px}:root .pb-8{padding-bottom:8px}:root .gap-8{gap:8px}:root .mg-10{margin:10px}:root .mx-10{margin-inline:10px}:root .my-10{margin-block:10px}:root .mt-10{margin-top:10px}:root .mb-10{margin-bottom:10px}:root .ml-10{margin-left:10px}:root .mr-10{margin-right:10px}:root .pd-10{padding:10px}:root .px-10{padding-inline:10px}:root .py-10{padding-block:10px}:root .pl-10{padding-left:10px}:root .pr-10{padding-right:10px}:root .pt-10{padding-top:10px}:root .pb-10{padding-bottom:10px}:root .gap-10{gap:10px}:root .mg-12{margin:12px}:root .mx-12{margin-inline:12px}:root .my-12{margin-block:12px}:root .mt-12{margin-top:12px}:root .mb-12{margin-bottom:12px}:root .ml-12{margin-left:12px}:root .mr-12{margin-right:12px}:root .pd-12{padding:12px}:root .px-12{padding-inline:12px}:root .py-12{padding-block:12px}:root .pl-12{padding-left:12px}:root .pr-12{padding-right:12px}:root .pt-12{padding-top:12px}:root .pb-12{padding-bottom:12px}:root .gap-12{gap:12px}:root .mg-16{margin:16px}:root .mx-16{margin-inline:16px}:root .my-16{margin-block:16px}:root .mt-16{margin-top:16px}:root .mb-16{margin-bottom:16px}:root .ml-16{margin-left:16px}:root .mr-16{margin-right:16px}:root .pd-16{padding:16px}:root .px-16{padding-inline:16px}:root .py-16{padding-block:16px}:root .pl-16{padding-left:16px}:root .pr-16{padding-right:16px}:root .pt-16{padding-top:16px}:root .pb-16{padding-bottom:16px}:root .gap-16{gap:16px}:root .mg-20{margin:20px}:root .mx-20{margin-inline:20px}:root .my-20{margin-block:20px}:root .mt-20{margin-top:20px}:root .mb-20{margin-bottom:20px}:root .ml-20{margin-left:20px}:root .mr-20{margin-right:20px}:root .pd-20{padding:20px}:root .px-20{padding-inline:20px}:root .py-20{padding-block:20px}:root .pl-20{padding-left:20px}:root .pr-20{padding-right:20px}:root .pt-20{padding-top:20px}:root .pb-20{padding-bottom:20px}:root .gap-20{gap:20px}:root .mg-24{margin:24px}:root .mx-24{margin-inline:24px}:root .my-24{margin-block:24px}:root .mt-24{margin-top:24px}:root .mb-24{margin-bottom:24px}:root .ml-24{margin-left:24px}:root .mr-24{margin-right:24px}:root .pd-24{padding:24px}:root .px-24{padding-inline:24px}:root .py-24{padding-block:24px}:root .pl-24{padding-left:24px}:root .pr-24{padding-right:24px}:root .pt-24{padding-top:24px}:root .pb-24{padding-bottom:24px}:root .gap-24{gap:24px}:root .mg-28{margin:28px}:root .mx-28{margin-inline:28px}:root .my-28{margin-block:28px}:root .mt-28{margin-top:28px}:root .mb-28{margin-bottom:28px}:root .ml-28{margin-left:28px}:root .mr-28{margin-right:28px}:root .pd-28{padding:28px}:root .px-28{padding-inline:28px}:root .py-28{padding-block:28px}:root .pl-28{padding-left:28px}:root .pr-28{padding-right:28px}:root .pt-28{padding-top:28px}:root .pb-28{padding-bottom:28px}:root .gap-28{gap:28px}:root .mg-32{margin:32px}:root .mx-32{margin-inline:32px}:root .my-32{margin-block:32px}:root .mt-32{margin-top:32px}:root .mb-32{margin-bottom:32px}:root .ml-32{margin-left:32px}:root .mr-32{margin-right:32px}:root .pd-32{padding:32px}:root .px-32{padding-inline:32px}:root .py-32{padding-block:32px}:root .pl-32{padding-left:32px}:root .pr-32{padding-right:32px}:root .pt-32{padding-top:32px}:root .pb-32{padding-bottom:32px}:root .gap-32{gap:32px}:root .mg-36{margin:36px}:root .mx-36{margin-inline:36px}:root .my-36{margin-block:36px}:root .mt-36{margin-top:36px}:root .mb-36{margin-bottom:36px}:root .ml-36{margin-left:36px}:root .mr-36{margin-right:36px}:root .pd-36{padding:36px}:root .px-36{padding-inline:36px}:root .py-36{padding-block:36px}:root .pl-36{padding-left:36px}:root .pr-36{padding-right:36px}:root .pt-36{padding-top:36px}:root .pb-36{padding-bottom:36px}:root .gap-36{gap:36px}:root .mg-40{margin:40px}:root .mx-40{margin-inline:40px}:root .my-40{margin-block:40px}:root .mt-40{margin-top:40px}:root .mb-40{margin-bottom:40px}:root .ml-40{margin-left:40px}:root .mr-40{margin-right:40px}:root .pd-40{padding:40px}:root .px-40{padding-inline:40px}:root .py-40{padding-block:40px}:root .pl-40{padding-left:40px}:root .pr-40{padding-right:40px}:root .pt-40{padding-top:40px}:root .pb-40{padding-bottom:40px}:root .gap-40{gap:40px}:root .mg-48{margin:48px}:root .mx-48{margin-inline:48px}:root .my-48{margin-block:48px}:root .mt-48{margin-top:48px}:root .mb-48{margin-bottom:48px}:root .ml-48{margin-left:48px}:root .mr-48{margin-right:48px}:root .pd-48{padding:48px}:root .px-48{padding-inline:48px}:root .py-48{padding-block:48px}:root .pl-48{padding-left:48px}:root .pr-48{padding-right:48px}:root .pt-48{padding-top:48px}:root .pb-48{padding-bottom:48px}:root .gap-48{gap:48px}:root .mg-56{margin:56px}:root .mx-56{margin-inline:56px}:root .my-56{margin-block:56px}:root .mt-56{margin-top:56px}:root .mb-56{margin-bottom:56px}:root .ml-56{margin-left:56px}:root .mr-56{margin-right:56px}:root .pd-56{padding:56px}:root .px-56{padding-inline:56px}:root .py-56{padding-block:56px}:root .pl-56{padding-left:56px}:root .pr-56{padding-right:56px}:root .pt-56{padding-top:56px}:root .pb-56{padding-bottom:56px}:root .gap-56{gap:56px}:root .mg-60{margin:60px}:root .mx-60{margin-inline:60px}:root .my-60{margin-block:60px}:root .mt-60{margin-top:60px}:root .mb-60{margin-bottom:60px}:root .ml-60{margin-left:60px}:root .mr-60{margin-right:60px}:root .pd-60{padding:60px}:root .px-60{padding-inline:60px}:root .py-60{padding-block:60px}:root .pl-60{padding-left:60px}:root .pr-60{padding-right:60px}:root .pt-60{padding-top:60px}:root .pb-60{padding-bottom:60px}:root .gap-60{gap:60px}:root .mg-72{margin:72px}:root .mx-72{margin-inline:72px}:root .my-72{margin-block:72px}:root .mt-72{margin-top:72px}:root .mb-72{margin-bottom:72px}:root .ml-72{margin-left:72px}:root .mr-72{margin-right:72px}:root .pd-72{padding:72px}:root .px-72{padding-inline:72px}:root .py-72{padding-block:72px}:root .pl-72{padding-left:72px}:root .pr-72{padding-right:72px}:root .pt-72{padding-top:72px}:root .pb-72{padding-bottom:72px}:root .gap-72{gap:72px}:root .mg-80{margin:80px}:root .mx-80{margin-inline:80px}:root .my-80{margin-block:80px}:root .mt-80{margin-top:80px}:root .mb-80{margin-bottom:80px}:root .ml-80{margin-left:80px}:root .mr-80{margin-right:80px}:root .pd-80{padding:80px}:root .px-80{padding-inline:80px}:root .py-80{padding-block:80px}:root .pl-80{padding-left:80px}:root .pr-80{padding-right:80px}:root .pt-80{padding-top:80px}:root .pb-80{padding-bottom:80px}:root .gap-80{gap:80px}:root .mg-96{margin:96px}:root .mx-96{margin-inline:96px}:root .my-96{margin-block:96px}:root .mt-96{margin-top:96px}:root .mb-96{margin-bottom:96px}:root .ml-96{margin-left:96px}:root .mr-96{margin-right:96px}:root .pd-96{padding:96px}:root .px-96{padding-inline:96px}:root .py-96{padding-block:96px}:root .pl-96{padding-left:96px}:root .pr-96{padding-right:96px}:root .pt-96{padding-top:96px}:root .pb-96{padding-bottom:96px}:root .gap-96{gap:96px}:root .mg-100{margin:100px}:root .mx-100{margin-inline:100px}:root .my-100{margin-block:100px}:root .mt-100{margin-top:100px}:root .mb-100{margin-bottom:100px}:root .ml-100{margin-left:100px}:root .mr-100{margin-right:100px}:root .pd-100{padding:100px}:root .px-100{padding-inline:100px}:root .py-100{padding-block:100px}:root .pl-100{padding-left:100px}:root .pr-100{padding-right:100px}:root .pt-100{padding-top:100px}:root .pb-100{padding-bottom:100px}:root .gap-100{gap:100px}:root .mg-120{margin:120px}:root .mx-120{margin-inline:120px}:root .my-120{margin-block:120px}:root .mt-120{margin-top:120px}:root .mb-120{margin-bottom:120px}:root .ml-120{margin-left:120px}:root .mr-120{margin-right:120px}:root .pd-120{padding:120px}:root .px-120{padding-inline:120px}:root .py-120{padding-block:120px}:root .pl-120{padding-left:120px}:root .pr-120{padding-right:120px}:root .pt-120{padding-top:120px}:root .pb-120{padding-bottom:120px}:root .gap-120{gap:120px}:root .mg-160{margin:160px}:root .mx-160{margin-inline:160px}:root .my-160{margin-block:160px}:root .mt-160{margin-top:160px}:root .mb-160{margin-bottom:160px}:root .ml-160{margin-left:160px}:root .mr-160{margin-right:160px}:root .pd-160{padding:160px}:root .px-160{padding-inline:160px}:root .py-160{padding-block:160px}:root .pl-160{padding-left:160px}:root .pr-160{padding-right:160px}:root .pt-160{padding-top:160px}:root .pb-160{padding-bottom:160px}:root .gap-160{gap:160px}:root .mg-200{margin:200px}:root .mx-200{margin-inline:200px}:root .my-200{margin-block:200px}:root .mt-200{margin-top:200px}:root .mb-200{margin-bottom:200px}:root .ml-200{margin-left:200px}:root .mr-200{margin-right:200px}:root .pd-200{padding:200px}:root .px-200{padding-inline:200px}:root .py-200{padding-block:200px}:root .pl-200{padding-left:200px}:root .pr-200{padding-right:200px}:root .pt-200{padding-top:200px}:root .pb-200{padding-bottom:200px}:root .gap-200{gap:200px}:root .w-10{width:10%}:root .h-10{height:10%}:root .w-20{width:20%}:root .h-20{height:20%}:root .w-25{width:25%}:root .h-25{height:25%}:root .w-30{width:30%}:root .h-30{height:30%}:root .w-40{width:40%}:root .h-40{height:40%}:root .w-50{width:50%}:root .h-50{height:50%}:root .w-60{width:60%}:root .h-60{height:60%}:root .w-70{width:70%}:root .h-70{height:70%}:root .w-75{width:75%}:root .h-75{height:75%}:root .w-80{width:80%}:root .h-80{height:80%}:root .w-90{width:90%}:root .h-90{height:90%}:root .w-100{width:100%}:root .h-100{height:100%}:root .colspan-2{grid-column:span 2}:root .rowspan-2{grid-row:span 2}:root .colspan-3{grid-column:span 3}:root .rowspan-3{grid-row:span 3}:root .colspan-4{grid-column:span 4}:root .rowspan-4{grid-row:span 4}:root .colspan-5{grid-column:span 5}:root .rowspan-5{grid-row:span 5}:root .colspan-full{grid-column:1/-1}:root .rowspan-full{grid-row:1/-1}@media(min-width: 880px){:root .screen-sm{display:none !important}}@media(max-width: 880px){:root .screen-lg{display:none !important}}@keyframes rotate{100%{transform:rotate(360deg)}}@keyframes bounce{20%{transform:translate(12px, 0)}50%{transform:translate(-8px, 0)}80%{transform:translate(6px, 0)}}:root{--background: #fff;--background-1: #f1f1f1;--background-opacity: #ffffffa6;--background-opacity-1: #e9e9e999;--background-opacity-2: #f1f1f1a6;--color: #212121;--color-main: #2d2d2d;--color-main-0: #f1f1f1;--color-main-1: #3a3a3a;--color-main-reverse: #fafafa;--color-backdrop: rgba(0, 0, 0, 0.25);--dim: rgba(0, 0, 0, 0.15);--color-0: black;--color-1: rgb(26.775, 26.775, 26.775);--color-2: rgb(53.55, 53.55, 53.55);--color-3: rgb(80.325, 80.325, 80.325);--color-4: rgb(107.1, 107.1, 107.1);--color-5: rgb(133.875, 133.875, 133.875);--color-6: rgb(160.65, 160.65, 160.65);--color-7: rgb(187.425, 187.425, 187.425);--color-8: rgb(214.2, 214.2, 214.2);--color-9: rgb(240.975, 240.975, 240.975);--white-0: white;--white: white;--white-1: #fafafa;--black-0: #dbdbdb;--black: black;--black-1: #1a1a1a;--red-0: #fcdfe4;--red: #dc143c;--red-1: #dc143c;--blue-0: #d6ebff;--blue: #1e90ff;--blue-1: #007cf4;--green-0: #e7fff2;--green: #3cb371;--green-1: #37a467;--yellow-0: #fffae5;--yellow: #ffc549;--yellow-1: #ffb820;--brown-0: #fbece2;--brown: #95410c;--brown-1: #8b3a07;--grey-0: #f6f6f6;--grey: #d7d7d7;--grey-1: #b1b1b1;--pink-0: #ffe3f1;--pink: #ff69b4;--pink-1: #ff55aa;--purple-0: #eddefb;--purple: #8a2be2;--purple-1: #751bc9;--aqua-0: #e8ffff;--aqua: aqua;--aqua-1: #1efdfd;--orange-0: #fff1e8;--orange: #fb812a;--orange-1: #eb7521;--warning-0: #fff0bf;--warning: #ffb01f;--warning-1: #f0a313;--error-0: #ffdbdb;--error: #ff4545;--error-1: #f13636;--success-0: #acf899;--success: #52e12e;--success-1: #4ad926}:root .color-main{color:var(--color-main)}:root .bg-main{background:var(--color-main);color:var(--color-main-reverse)}:root .color-0{--color: var(--color-0);color:var(--color)}:root .bg-0{--background: var(--color-0);background:var(--background);color:var(--white)}:root .opacity-0{opacity:0}:root .color-1{--color: var(--color-1);color:var(--color)}:root .bg-1{--background: var(--color-1);background:var(--background);color:var(--white)}:root .opacity-1{opacity:0.1}:root .color-2{--color: var(--color-2);color:var(--color)}:root .bg-2{--background: var(--color-2);background:var(--background);color:var(--white)}:root .opacity-2{opacity:0.2}:root .color-3{--color: var(--color-3);color:var(--color)}:root .bg-3{--background: var(--color-3);background:var(--background);color:var(--white)}:root .opacity-3{opacity:0.3}:root .color-4{--color: var(--color-4);color:var(--color)}:root .bg-4{--background: var(--color-4);background:var(--background);color:var(--white)}:root .opacity-4{opacity:0.4}:root .color-5{--color: var(--color-5);color:var(--color)}:root .bg-5{--background: var(--color-5);background:var(--background)}:root .opacity-5{opacity:0.5}:root .color-6{--color: var(--color-6);color:var(--color)}:root .bg-6{--background: var(--color-6);background:var(--background)}:root .opacity-6{opacity:0.6}:root .color-7{--color: var(--color-7);color:var(--color)}:root .bg-7{--background: var(--color-7);background:var(--background)}:root .opacity-7{opacity:0.7}:root .color-8{--color: var(--color-8);color:var(--color)}:root .bg-8{--background: var(--color-8);background:var(--background)}:root .opacity-8{opacity:0.8}:root .color-9{--color: var(--color-9);color:var(--color)}:root .bg-9{--background: var(--color-9);background:var(--background)}:root .opacity-9{opacity:0.9}:root .bg-white-0{--background: white;--color-hover: var(--color);background-color:var(--background);color:white}:root .bg-white-0:hover{--background-hover: white}:root .bg-white-0.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .bg-white{--background: var(--white);--color: var(--black);--color-hover: var(--black);background-color:var(--background);color:var(--color)}:root .bg-white:hover{--background-hover: #fafafa}:root .bg-white.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .bg-white-1{--background: #fafafa;--color: var(--black);--color-hover: var(--black);background-color:var(--background);color:var(--color)}:root .bg-white-1:hover{--background-hover: white}:root .bg-white-1.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .white-0{--color: white;--color-hover: var(--white);color:var(--color)}:root .white{--color: var(--white);--background-hover: var(--white-0);--color-hover: var(--white);color:var(--color)}:root .white-1{--color: #fafafa;--color-hover: var(--white);color:var(--color)}:root .bg-black-0{--background: #dbdbdb;--color-hover: var(--color);background-color:var(--background);color:black}:root .bg-black-0:hover{--background-hover: black}:root .bg-black-0.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .bg-black{--background: var(--black);--color: var(--white);--color-hover: var(--white);background-color:var(--background);color:var(--color)}:root .bg-black:hover{--background-hover: #1a1a1a}:root .bg-black.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .bg-black-1{--background: #1a1a1a;--color: var(--white);--color-hover: var(--white);background-color:var(--background);color:var(--color)}:root .bg-black-1:hover{--background-hover: black}:root .bg-black-1.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .black-0{--color: #dbdbdb;--color-hover: var(--black);color:var(--color)}:root .black{--color: var(--black);--background-hover: var(--black-0);--color-hover: var(--black);color:var(--color)}:root .black-1{--color: #1a1a1a;--color-hover: var(--black);color:var(--color)}:root .bg-red-0{--background: #fcdfe4;--color-hover: var(--color);background-color:var(--background);color:#dc143c}:root .bg-red-0:hover{--background-hover: #dc143c}:root .bg-red-0.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .bg-red{--background: var(--red);--color: var(--white);--color-hover: var(--white);background-color:var(--background);color:var(--color)}:root .bg-red:hover{--background-hover: #dc143c}:root .bg-red.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .bg-red-1{--background: #dc143c;--color: var(--white);--color-hover: var(--white);background-color:var(--background);color:var(--color)}:root .bg-red-1:hover{--background-hover: #dc143c}:root .bg-red-1.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .red-0{--color: #fcdfe4;--color-hover: var(--red);color:var(--color)}:root .red{--color: var(--red);--background-hover: var(--red-0);--color-hover: var(--red);color:var(--color)}:root .red-1{--color: #dc143c;--color-hover: var(--red);color:var(--color)}:root .bg-blue-0{--background: #d6ebff;--color-hover: var(--color);background-color:var(--background);color:#1e90ff}:root .bg-blue-0:hover{--background-hover: #1e90ff}:root .bg-blue-0.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .bg-blue{--background: var(--blue);--color: var(--white);--color-hover: var(--white);background-color:var(--background);color:var(--color)}:root .bg-blue:hover{--background-hover: #007cf4}:root .bg-blue.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .bg-blue-1{--background: #007cf4;--color: var(--white);--color-hover: var(--white);background-color:var(--background);color:var(--color)}:root .bg-blue-1:hover{--background-hover: #1e90ff}:root .bg-blue-1.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .blue-0{--color: #d6ebff;--color-hover: var(--blue);color:var(--color)}:root .blue{--color: var(--blue);--background-hover: var(--blue-0);--color-hover: var(--blue);color:var(--color)}:root .blue-1{--color: #007cf4;--color-hover: var(--blue);color:var(--color)}:root .bg-green-0{--background: #e7fff2;--color-hover: var(--color);background-color:var(--background);color:#3cb371}:root .bg-green-0:hover{--background-hover: #3cb371}:root .bg-green-0.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .bg-green{--background: var(--green);--color: var(--white);--color-hover: var(--white);background-color:var(--background);color:var(--color)}:root .bg-green:hover{--background-hover: #37a467}:root .bg-green.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .bg-green-1{--background: #37a467;--color: var(--white);--color-hover: var(--white);background-color:var(--background);color:var(--color)}:root .bg-green-1:hover{--background-hover: #3cb371}:root .bg-green-1.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .green-0{--color: #e7fff2;--color-hover: var(--green);color:var(--color)}:root .green{--color: var(--green);--background-hover: var(--green-0);--color-hover: var(--green);color:var(--color)}:root .green-1{--color: #37a467;--color-hover: var(--green);color:var(--color)}:root .bg-yellow-0{--background: #fffae5;--color-hover: var(--color);background-color:var(--background);color:#ffc549}:root .bg-yellow-0:hover{--background-hover: #ffc549}:root .bg-yellow-0.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .bg-yellow{--background: var(--yellow);--color: var(--black);--color-hover: var(--black);background-color:var(--background);color:var(--color)}:root .bg-yellow:hover{--background-hover: #ffb820}:root .bg-yellow.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .bg-yellow-1{--background: #ffb820;--color: var(--black);--color-hover: var(--black);background-color:var(--background);color:var(--color)}:root .bg-yellow-1:hover{--background-hover: #ffc549}:root .bg-yellow-1.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .yellow-0{--color: #fffae5;--color-hover: var(--yellow);color:var(--color)}:root .yellow{--color: var(--yellow);--background-hover: var(--yellow-0);--color-hover: var(--yellow);color:var(--color)}:root .yellow-1{--color: #ffb820;--color-hover: var(--yellow);color:var(--color)}:root .bg-brown-0{--background: #fbece2;--color-hover: var(--color);background-color:var(--background);color:#95410c}:root .bg-brown-0:hover{--background-hover: #95410c}:root .bg-brown-0.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .bg-brown{--background: var(--brown);--color: var(--white);--color-hover: var(--white);background-color:var(--background);color:var(--color)}:root .bg-brown:hover{--background-hover: #8b3a07}:root .bg-brown.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .bg-brown-1{--background: #8b3a07;--color: var(--white);--color-hover: var(--white);background-color:var(--background);color:var(--color)}:root .bg-brown-1:hover{--background-hover: #95410c}:root .bg-brown-1.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .brown-0{--color: #fbece2;--color-hover: var(--brown);color:var(--color)}:root .brown{--color: var(--brown);--background-hover: var(--brown-0);--color-hover: var(--brown);color:var(--color)}:root .brown-1{--color: #8b3a07;--color-hover: var(--brown);color:var(--color)}:root .bg-grey-0{--background: #f6f6f6;--color-hover: var(--color);background-color:var(--background);color:#d7d7d7}:root .bg-grey-0:hover{--background-hover: #d7d7d7}:root .bg-grey-0.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .bg-grey{--background: var(--grey);--color: var(--black);--color-hover: var(--black);background-color:var(--background);color:var(--color)}:root .bg-grey:hover{--background-hover: #b1b1b1}:root .bg-grey.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .bg-grey-1{--background: #b1b1b1;--color: var(--black);--color-hover: var(--black);background-color:var(--background);color:var(--color)}:root .bg-grey-1:hover{--background-hover: #d7d7d7}:root .bg-grey-1.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .grey-0{--color: #f6f6f6;--color-hover: var(--grey);color:var(--color)}:root .grey{--color: var(--grey);--background-hover: var(--grey-0);--color-hover: var(--grey);color:var(--color)}:root .grey-1{--color: #b1b1b1;--color-hover: var(--grey);color:var(--color)}:root .bg-pink-0{--background: #ffe3f1;--color-hover: var(--color);background-color:var(--background);color:#ff69b4}:root .bg-pink-0:hover{--background-hover: #ff69b4}:root .bg-pink-0.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .bg-pink{--background: var(--pink);--color: var(--white);--color-hover: var(--white);background-color:var(--background);color:var(--color)}:root .bg-pink:hover{--background-hover: #ff55aa}:root .bg-pink.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .bg-pink-1{--background: #ff55aa;--color: var(--white);--color-hover: var(--white);background-color:var(--background);color:var(--color)}:root .bg-pink-1:hover{--background-hover: #ff69b4}:root .bg-pink-1.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .pink-0{--color: #ffe3f1;--color-hover: var(--pink);color:var(--color)}:root .pink{--color: var(--pink);--background-hover: var(--pink-0);--color-hover: var(--pink);color:var(--color)}:root .pink-1{--color: #ff55aa;--color-hover: var(--pink);color:var(--color)}:root .bg-purple-0{--background: #eddefb;--color-hover: var(--color);background-color:var(--background);color:#8a2be2}:root .bg-purple-0:hover{--background-hover: #8a2be2}:root .bg-purple-0.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .bg-purple{--background: var(--purple);--color: var(--white);--color-hover: var(--white);background-color:var(--background);color:var(--color)}:root .bg-purple:hover{--background-hover: #751bc9}:root .bg-purple.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .bg-purple-1{--background: #751bc9;--color: var(--white);--color-hover: var(--white);background-color:var(--background);color:var(--color)}:root .bg-purple-1:hover{--background-hover: #8a2be2}:root .bg-purple-1.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .purple-0{--color: #eddefb;--color-hover: var(--purple);color:var(--color)}:root .purple{--color: var(--purple);--background-hover: var(--purple-0);--color-hover: var(--purple);color:var(--color)}:root .purple-1{--color: #751bc9;--color-hover: var(--purple);color:var(--color)}:root .bg-aqua-0{--background: #e8ffff;--color-hover: var(--color);background-color:var(--background);color:aqua}:root .bg-aqua-0:hover{--background-hover: aqua}:root .bg-aqua-0.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .bg-aqua{--background: var(--aqua);--color: var(--black);--color-hover: var(--black);background-color:var(--background);color:var(--color)}:root .bg-aqua:hover{--background-hover: #1efdfd}:root .bg-aqua.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .bg-aqua-1{--background: #1efdfd;--color: var(--black);--color-hover: var(--black);background-color:var(--background);color:var(--color)}:root .bg-aqua-1:hover{--background-hover: aqua}:root .bg-aqua-1.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .aqua-0{--color: #e8ffff;--color-hover: var(--aqua);color:var(--color)}:root .aqua{--color: var(--aqua);--background-hover: var(--aqua-0);--color-hover: var(--aqua);color:var(--color)}:root .aqua-1{--color: #1efdfd;--color-hover: var(--aqua);color:var(--color)}:root .bg-orange-0{--background: #fff1e8;--color-hover: var(--color);background-color:var(--background);color:#fb812a}:root .bg-orange-0:hover{--background-hover: #fb812a}:root .bg-orange-0.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .bg-orange{--background: var(--orange);--color: var(--white);--color-hover: var(--white);background-color:var(--background);color:var(--color)}:root .bg-orange:hover{--background-hover: #eb7521}:root .bg-orange.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .bg-orange-1{--background: #eb7521;--color: var(--white);--color-hover: var(--white);background-color:var(--background);color:var(--color)}:root .bg-orange-1:hover{--background-hover: #fb812a}:root .bg-orange-1.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .orange-0{--color: #fff1e8;--color-hover: var(--orange);color:var(--color)}:root .orange{--color: var(--orange);--background-hover: var(--orange-0);--color-hover: var(--orange);color:var(--color)}:root .orange-1{--color: #eb7521;--color-hover: var(--orange);color:var(--color)}:root .bg-warning-0{--background: #fff0bf;--color-hover: var(--color);background-color:var(--background);color:#ffb01f}:root .bg-warning-0:hover{--background-hover: #ffb01f}:root .bg-warning-0.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .bg-warning{--background: var(--warning);--color: var(--black);--color-hover: var(--black);background-color:var(--background);color:var(--color)}:root .bg-warning:hover{--background-hover: #f0a313}:root .bg-warning.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .bg-warning-1{--background: #f0a313;--color: var(--black);--color-hover: var(--black);background-color:var(--background);color:var(--color)}:root .bg-warning-1:hover{--background-hover: #ffb01f}:root .bg-warning-1.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .warning-0{--color: #fff0bf;--color-hover: var(--warning);color:var(--color)}:root .warning{--color: var(--warning);--background-hover: var(--warning-0);--color-hover: var(--warning);color:var(--color)}:root .warning-1{--color: #f0a313;--color-hover: var(--warning);color:var(--color)}:root .bg-error-0{--background: #ffdbdb;--color-hover: var(--color);background-color:var(--background);color:#ff4545}:root .bg-error-0:hover{--background-hover: #ff4545}:root .bg-error-0.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .bg-error{--background: var(--error);--color: var(--white);--color-hover: var(--white);background-color:var(--background);color:var(--color)}:root .bg-error:hover{--background-hover: #f13636}:root .bg-error.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .bg-error-1{--background: #f13636;--color: var(--white);--color-hover: var(--white);background-color:var(--background);color:var(--color)}:root .bg-error-1:hover{--background-hover: #ff4545}:root .bg-error-1.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .error-0{--color: #ffdbdb;--color-hover: var(--error);color:var(--color)}:root .error{--color: var(--error);--background-hover: var(--error-0);--color-hover: var(--error);color:var(--color)}:root .error-1{--color: #f13636;--color-hover: var(--error);color:var(--color)}:root .bg-success-0{--background: #acf899;--color-hover: var(--color);background-color:var(--background);color:#52e12e}:root .bg-success-0:hover{--background-hover: #52e12e}:root .bg-success-0.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .bg-success{--background: var(--success);--color: var(--white);--color-hover: var(--white);background-color:var(--background);color:var(--color)}:root .bg-success:hover{--background-hover: #4ad926}:root .bg-success.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .bg-success-1{--background: #4ad926;--color: var(--white);--color-hover: var(--white);background-color:var(--background);color:var(--color)}:root .bg-success-1:hover{--background-hover: #52e12e}:root .bg-success-1.i-btn:hover{background:var(--background-hover);color:var(--color-hover)}:root .success-0{--color: #acf899;--color-hover: var(--success);color:var(--color)}:root .success{--color: var(--success);--background-hover: var(--success-0);--color-hover: var(--success);color:var(--color)}:root .success-1{--color: #4ad926;--color-hover: var(--success);color:var(--color)}.bg-slight{background-color:var(--color-9);color:var(--black)}.slight{color:var(--color-8)}.theme-dark{--background: #313131;--background-1: #3a3a3a;--background-opacity: #313131a6;--background-opacity-1: #313131aa;--background-opacity-2: #2a2a2aca;--color: #fff;--color-main: #6cc73b;--color-main-0: #313d2b;--color-main-1: #69d62f;--color-main-2: #53b320;--color-main-reverse: #212121;--dim: rgba(0, 0, 0, 0.25);--shadow: 0px 4px 12px var(--dim);background:var(--background);color:var(--color);--color-0: white;--color-1: rgb(233.325, 233.325, 233.325);--color-2: rgb(211.65, 211.65, 211.65);--color-3: rgb(189.975, 189.975, 189.975);--color-4: rgb(168.3, 168.3, 168.3);--color-5: rgb(146.625, 146.625, 146.625);--color-6: rgb(124.95, 124.95, 124.95);--color-7: rgb(103.275, 103.275, 103.275);--color-8: rgb(81.6, 81.6, 81.6);--color-9: rgb(59.925, 59.925, 59.925)}.theme-dark .color-0{color:var(--color-0)}.theme-dark .bg-0{--background: var(--color-0);background:var(--background);color:var(--black)}.theme-dark .color-1{color:var(--color-1)}.theme-dark .bg-1{--background: var(--color-1);background:var(--background);color:var(--black)}.theme-dark .color-2{color:var(--color-2)}.theme-dark .bg-2{--background: var(--color-2);background:var(--background);color:var(--black)}.theme-dark .color-3{color:var(--color-3)}.theme-dark .bg-3{--background: var(--color-3);background:var(--background);color:var(--black)}.theme-dark .color-4{color:var(--color-4)}.theme-dark .bg-4{--background: var(--color-4);background:var(--background);color:var(--black)}.theme-dark .color-5{color:var(--color-5)}.theme-dark .bg-5{--background: var(--color-5);background:var(--background)}.theme-dark .color-6{color:var(--color-6)}.theme-dark .bg-6{--background: var(--color-6);background:var(--background)}.theme-dark .color-7{color:var(--color-7)}.theme-dark .bg-7{--background: var(--color-7);background:var(--background)}.theme-dark .color-8{color:var(--color-8)}.theme-dark .bg-8{--background: var(--color-8);background:var(--background)}.theme-dark .color-9{color:var(--color-9)}.theme-dark .bg-9{--background: var(--color-9);background:var(--background)}.theme-dark .bg-slight{color:var(--white)}.theme-dark code,.theme-dark .code{background:var(--color-8)}.theme-dark .bg-white-0{--background: #393939}.theme-dark .white-0{--color: #393939}.theme-dark .white{--background-hover: #393939}.theme-dark .bg-black-0{--background: #6d6d6d}.theme-dark .black-0{--color: #6d6d6d}.theme-dark .black{--background-hover: #6d6d6d}.theme-dark .bg-red-0{--background: #4d3232}.theme-dark .red-0{--color: #4d3232}.theme-dark .red{--background-hover: #4d3232}.theme-dark .bg-blue-0{--background: #2d4467}.theme-dark .blue-0{--color: #2d4467}.theme-dark .blue{--background-hover: #2d4467}.theme-dark .bg-green-0{--background: #114911}.theme-dark .green-0{--color: #114911}.theme-dark .green{--background-hover: #114911}.theme-dark .bg-yellow-0{--background: #4b421f}.theme-dark .yellow-0{--color: #4b421f}.theme-dark .yellow{--background-hover: #4b421f}.theme-dark .bg-brown-0{--background: #3b2d2d}.theme-dark .brown-0{--color: #3b2d2d}.theme-dark .brown{--background-hover: #3b2d2d}.theme-dark .bg-grey-0{--background: #414141}.theme-dark .grey-0{--color: #414141}.theme-dark .grey{--background-hover: #414141}.theme-dark .bg-pink-0{--background: #56474f}.theme-dark .pink-0{--color: #56474f}.theme-dark .pink{--background-hover: #56474f}.theme-dark .bg-purple-0{--background: #372337}.theme-dark .purple-0{--color: #372337}.theme-dark .purple{--background-hover: #372337}.theme-dark .bg-aqua-0{--background: #1e3d3d}.theme-dark .aqua-0{--color: #1e3d3d}.theme-dark .aqua{--background-hover: #1e3d3d}.theme-dark .bg-orange-0{--background: #473514}.theme-dark .orange-0{--color: #473514}.theme-dark .orange{--background-hover: #473514}.theme-dark .bg-warning-0{--background: #4b3e13}.theme-dark .warning-0{--color: #4b3e13}.theme-dark .warning{--background-hover: #4b3e13}.theme-dark .bg-error-0{--background: #533535}.theme-dark .error-0{--color: #533535}.theme-dark .error{--background-hover: #533535}.theme-dark .bg-success-0{--background: #123b08}.theme-dark .success-0{--color: #123b08}.theme-dark .success{--background-hover: #123b08}@media(prefers-color-scheme: dark){.theme-auto{--background: #313131;--background-1: #3a3a3a;--background-opacity: #313131a6;--background-opacity-1: #313131aa;--background-opacity-2: #2a2a2aca;--color: #fff;--color-main: #6cc73b;--color-main-0: #313d2b;--color-main-1: #69d62f;--color-main-2: #53b320;--color-main-reverse: #212121;--dim: rgba(0, 0, 0, 0.25);--shadow: 0px 4px 12px var(--dim);background:var(--background);color:var(--color);--color-0: white;--color-1: rgb(233.325, 233.325, 233.325);--color-2: rgb(211.65, 211.65, 211.65);--color-3: rgb(189.975, 189.975, 189.975);--color-4: rgb(168.3, 168.3, 168.3);--color-5: rgb(146.625, 146.625, 146.625);--color-6: rgb(124.95, 124.95, 124.95);--color-7: rgb(103.275, 103.275, 103.275);--color-8: rgb(81.6, 81.6, 81.6);--color-9: rgb(59.925, 59.925, 59.925)}.theme-auto .color-0{color:var(--color-0)}.theme-auto .bg-0{--background: var(--color-0);background:var(--background);color:var(--black)}.theme-auto .color-1{color:var(--color-1)}.theme-auto .bg-1{--background: var(--color-1);background:var(--background);color:var(--black)}.theme-auto .color-2{color:var(--color-2)}.theme-auto .bg-2{--background: var(--color-2);background:var(--background);color:var(--black)}.theme-auto .color-3{color:var(--color-3)}.theme-auto .bg-3{--background: var(--color-3);background:var(--background);color:var(--black)}.theme-auto .color-4{color:var(--color-4)}.theme-auto .bg-4{--background: var(--color-4);background:var(--background);color:var(--black)}.theme-auto .color-5{color:var(--color-5)}.theme-auto .bg-5{--background: var(--color-5);background:var(--background)}.theme-auto .color-6{color:var(--color-6)}.theme-auto .bg-6{--background: var(--color-6);background:var(--background)}.theme-auto .color-7{color:var(--color-7)}.theme-auto .bg-7{--background: var(--color-7);background:var(--background)}.theme-auto .color-8{color:var(--color-8)}.theme-auto .bg-8{--background: var(--color-8);background:var(--background)}.theme-auto .color-9{color:var(--color-9)}.theme-auto .bg-9{--background: var(--color-9);background:var(--background)}.theme-auto .bg-slight{color:var(--white)}.theme-auto code,.theme-auto .code{background:var(--color-8)}.theme-auto .bg-white-0{--background: #393939}.theme-auto .white-0{--color: #393939}.theme-auto .white{--background-hover: #393939}.theme-auto .bg-black-0{--background: #6d6d6d}.theme-auto .black-0{--color: #6d6d6d}.theme-auto .black{--background-hover: #6d6d6d}.theme-auto .bg-red-0{--background: #4d3232}.theme-auto .red-0{--color: #4d3232}.theme-auto .red{--background-hover: #4d3232}.theme-auto .bg-blue-0{--background: #2d4467}.theme-auto .blue-0{--color: #2d4467}.theme-auto .blue{--background-hover: #2d4467}.theme-auto .bg-green-0{--background: #114911}.theme-auto .green-0{--color: #114911}.theme-auto .green{--background-hover: #114911}.theme-auto .bg-yellow-0{--background: #4b421f}.theme-auto .yellow-0{--color: #4b421f}.theme-auto .yellow{--background-hover: #4b421f}.theme-auto .bg-brown-0{--background: #3b2d2d}.theme-auto .brown-0{--color: #3b2d2d}.theme-auto .brown{--background-hover: #3b2d2d}.theme-auto .bg-grey-0{--background: #414141}.theme-auto .grey-0{--color: #414141}.theme-auto .grey{--background-hover: #414141}.theme-auto .bg-pink-0{--background: #56474f}.theme-auto .pink-0{--color: #56474f}.theme-auto .pink{--background-hover: #56474f}.theme-auto .bg-purple-0{--background: #372337}.theme-auto .purple-0{--color: #372337}.theme-auto .purple{--background-hover: #372337}.theme-auto .bg-aqua-0{--background: #1e3d3d}.theme-auto .aqua-0{--color: #1e3d3d}.theme-auto .aqua{--background-hover: #1e3d3d}.theme-auto .bg-orange-0{--background: #473514}.theme-auto .orange-0{--color: #473514}.theme-auto .orange{--background-hover: #473514}.theme-auto .bg-warning-0{--background: #4b3e13}.theme-auto .warning-0{--color: #4b3e13}.theme-auto .warning{--background-hover: #4b3e13}.theme-auto .bg-error-0{--background: #533535}.theme-auto .error-0{--color: #533535}.theme-auto .error{--background-hover: #533535}.theme-auto .bg-success-0{--background: #123b08}.theme-auto .success-0{--color: #123b08}.theme-auto .success{--background-hover: #123b08}}.i-input-label{position:relative;display:flex;flex-wrap:wrap;align-items:baseline;align-content:flex-start;gap:.5em;width:100%;max-width:100%;border-radius:var(--radius)}.i-input-label:has(.i-input-success){--color: var(--green)}.i-input-label:has(.i-input-warning){--color: var(--yellow)}.i-input-label:has(.i-input-error){--color: var(--error)}.i-input-inline{flex-wrap:nowrap}.i-input-inline .i-input-item,.i-input-inline .i-upload-inner,.i-input-inline .i-radio-options{flex:1 1 auto}.i-input-inline .i-input-message{position:absolute;right:12%;top:-0.8em;padding:.2em .5em;background:var(--background-opacity);backdrop-filter:var(--blur)}.i-input-label-text{flex:0 0 var(--label-width);text-align:var(--label-align);border-radius:inherit;font-weight:500;transition:all .12s}.i-input-item{--input-border-width: 2px;--invert-input-border-width: calc(var(--input-border-width) * -1);flex:1 1 100%;display:flex;align-items:baseline;transition:var(--transition);border-radius:inherit;border:var(--input-border-width) solid var(--color-9);max-width:100%}.i-input-item .i-btn{align-self:stretch}.i-input-item:hover,.i-input-item:focus-within,.i-input-item.i-input-focus{border-color:var(--color-8);background-color:rgba(0,0,0,0)}.i-input-item.i-input-success{border-color:var(--green-0)}.i-input-item.i-input-warning{border-color:var(--yellow-0)}.i-input-item.i-input-error{border-color:var(--error-0)}.i-input-borderless{border-color:rgba(0,0,0,0);background:var(--background-opacity-2)}.i-input-underline{border-width:0 0 var(--input-border-width) 0;border-radius:0;border-color:var(--color-9);background:rgba(0,0,0,0)}.i-input{padding:var(--padding);flex:1;width:100%;color:inherit;outline:none;transition:var(--transition);background:rgba(0,0,0,0);border-radius:inherit}.i-input[type=number]::-webkit-inner-spin-button,.i-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}.i-input[readonly]{caret-color:rgba(0,0,0,0)}.i-input:disabled{background:var(--background-opacity-1);cursor:not-allowed}.i-input-message{--color: var(--color-5);flex:1 1 auto;align-self:center;z-index:1;font-size:.8em;color:var(--color);border-radius:var(--radius);pointer-events:none}.i-input-success{--color: var(--green)}.i-input-warning{--color: var(--yellow)}.i-input-error{--color: var(--error)}.i-textarea{display:block;transition:var(--transition),width 0s,height 0s;max-width:100%;min-height:1.5em}.i-input-prepend,.i-input-append{margin:var(--invert-input-border-width);display:flex;align-self:stretch;place-items:center}.i-input-prepend .i-btn,.i-input-append .i-btn{border-radius:inherit;height:unset}.i-input-prepend{margin-right:0;border-top-left-radius:inherit;border-bottom-left-radius:inherit}.i-input-append{margin-left:0;border-top-right-radius:inherit;border-bottom-right-radius:inherit}.i-options-block>.i-checkbox-item,.i-options-block>.i-radio-item{flex:1 1 100%}.i-input-number{text-align:center;padding:var(--padding);padding-inline:0}.i-badge{position:relative;display:inline-flex;align-self:center;flex-shrink:0;border-radius:var(--radius)}.i-badge-content{position:absolute;z-index:1;inset:0 0 auto auto;padding:.2em .5em;transition:all .16s;transform:translate(50%, -50%) scale(1);border-radius:inherit;background:var(--background-opacity);backdrop-filter:var(--blur);box-shadow:var(--shadow);font-size:.86em;pointer-events:none}.i-badge-content.i-badge-dot{height:1em;width:1em;padding:0;border-radius:1em;overflow:hidden;color:rgba(0,0,0,0)}.i-badge-content:empty,.i-badge-content.i-badge-hidden{transform:translate(50%, -50%) scale(0)}.i-affix{position:fixed;z-index:50;display:flex;flex-direction:column;gap:.5em;transition:var(--transition)}.i-affix-hidden .i-affix-totop{opacity:0}.i-card{--card-padding: 8px 12px;display:flex;flex-direction:column;background:var(--background-opacity-2);backdrop-filter:var(--blur);border-radius:var(--radius);overflow:auto}.i-card-bordered{border:1px solid var(--color-8)}.i-card-header{display:flex;align-items:center;padding:var(--card-padding);gap:.25em}.i-card-content{flex:1}.i-card-footer{margin-top:auto;display:flex;align-items:center;padding:var(--card-padding);gap:.25em}.i-datagrid-container{border-radius:var(--radius);overflow:auto}.i-datagrid-loading{overflow:hidden !important;user-select:none}.i-datagrid-loading .i-datagrid{max-height:100%;max-width:100%}.i-datagrid-loading .i-loading-container{position:absolute;inset:0;z-index:10;background:var(--background-opacity);backdrop-filter:blur(2px)}.i-datagrid{display:grid;contain:content;content-visibility:auto;width:fit-content;grid-template-columns:var(--grid-template-columns);grid-template-rows:var(--grid-template-rows);min-width:100%}.i-datagrid .i-empty{margin:1em auto;grid-column:1/-1}.i-datagrid-bordered{--datagrid-border-color: var(--color-9);outline:1px solid var(--datagrid-border-color)}.i-datagrid-bordered .i-datagrid-cell{outline:1px solid var(--datagrid-border-color)}.i-datagrid-striped .i-datagrid-row{--datagrid-border-color: var(--color-8)}.i-datagrid-striped .i-datagrid-row:nth-child(odd){--datagrid-cell-background: var(--color-9)}.i-datagrid .i-datagrid-row{--datagrid-cell-background: var(--background);display:contents}.i-datagrid .i-datagrid-row:hover{--datagrid-border-color: var(--color-8);--datagrid-cell-background: var(--color-main-0)}.i-datagrid .i-datagrid-row:hover .i-datagrid-cell{z-index:1}.i-datagrid .i-datagrid-row:hover [class*=" i-datagrid-cell-fixed"]{z-index:3}.i-datagrid-cell{position:sticky;display:flex;align-items:center;justify-content:var(--datagrid-justify);gap:4px;padding:var(--cell-padding);background:var(--datagrid-cell-background);transition:background-color .12s;overflow:hidden}[class*=" i-datagrid-cell-fixed"]{z-index:2}.i-datagrid-cell-fixed-right{box-shadow:-2px 0 4px var(--color-9)}.i-datagrid-cell-fixed-left{box-shadow:2px 0 4px var(--color-9)}.i-datagrid-cell-content{min-width:0;flex:1 1 auto;display:inherit;gap:inherit;justify-content:inherit;white-space:nowrap;overflow:hidden}.i-datagrid-cell-content-ellipsis{display:block;text-overflow:ellipsis;text-align:var(--datagrid-justify)}.i-datagrid-header .i-datagrid-cell{--datagrid-cell-background: var(--background-opacity-2);z-index:3;white-space:nowrap;text-overflow:ellipsis;line-height:1;user-select:none;backdrop-filter:var(--blur)}.i-datagrid-header [class*=" i-datagrid-cell-fixed"]{z-index:4}.i-datagrid-resizor{position:absolute;inset:0 0 0 auto;width:4px;transition:.12s;cursor:ew-resize}.i-datagrid-resizor:hover{background-color:var(--color-5)}.i-datagrid-has-sorter{cursor:pointer}.i-datagrid-has-sorter:hover{--datagrid-cell-background: var(--color-8)}.i-datagrid-sorter{display:flex;flex-direction:column;flex-shrink:0;width:.8em;overflow:hidden;color:var(--color-7)}.i-datagrid-sorter-caret:first-child{margin-bottom:-0.4em;transform:rotate(-90deg)}.i-datagrid-sorter-caret:last-child{transform:rotate(90deg)}.i-datagrid-sorter-asc .i-datagrid-sorter-caret:first-child{color:var(--color-main)}.i-datagrid-sorter-desc .i-datagrid-sorter-caret:last-child{color:var(--color-main)}.i-btn{--gap: 0.25em;--background: var(--color-main);--background-hover: var(--color-main-1);--color: var(--color-main-reverse);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--gap);padding:0 .6em;height:2.25em;border-radius:var(--radius);border:2px solid rgba(0,0,0,0);transition:var(--transition);user-select:none;cursor:pointer;white-space:nowrap;outline:none;font-weight:500;font-size:.94em;background:var(--background);color:var(--color);line-height:1;flex-shrink:0}.i-btn .i-ripple-container{inset:-2px}.i-btn-toggle{overflow:hidden}.i-btn-toggle-content{display:inline-flex;gap:var(--gap);align-items:center;transform:scale(0.4)}.i-btn-toggle-content.i-btn-toggle-active{transition:var(--transition);transform:none}.i-btn-block{width:100%}.i-btn-large{font-size:1.25em}.i-btn-extreme{font-size:2em;height:2em}.i-btn-small{height:2em;line-height:2;font-size:.86em;padding:0 .4em}.i-btn-mini{line-height:1;height:1.4em;font-size:.8em;padding:0 .2em}.i-btn-square{padding:0;width:2.25em}.i-btn-square.i-btn-extreme,.i-btn-square.i-btn-small{width:2em}.i-btn:hover{--background: var(--background-hover)}.i-btn:active{--background: var(--color-main)}.i-btn-secondary{--background-hover: var(--color-8);--background: var(--color-9);--color: var(--color-1)}.i-btn-flat{--background-hover: var(--color-9);--color-main-reverse: var(--color);--background: transparent;--color: var(--color-1)}.i-btn-outline{--background-hover: var(--color-main-0);--color: var(--color-main)}.i-btn-outline.i-btn{--background: transparent;border-color:var(--color)}.i-btn.i-btn-outline:hover,.i-btn.i-btn-secondary:hover,.i-btn.i-btn-flat:hover{--background: var(--background-hover)}.i-btn-content{display:contents}.i-btn-loading{opacity:.628;cursor:default}.i-btn-group-horizonal{display:flex}.i-btn-group-horizonal .i-btn:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.i-btn-group-horizonal .i-btn:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.i-btn-group-vertical{display:flex;flex-direction:column}.i-btn-group-vertical .i-btn:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.i-btn-group-vertical .i-btn:not(:last-child){border-bottom-right-radius:0;border-bottom-left-radius:0}.i-description{display:grid}.i-description-item{display:flex;gap:.5em}.i-description-item-vertical{flex-direction:column}.i-description-label{flex-shrink:0;width:var(--description-label-width);color:var(--color-5)}.i-description-value{flex:1}.i-dropdown-content{display:flex;flex-direction:column;max-height:40vh;padding:8px;gap:2px;overflow-x:hidden;border-radius:inherit}.i-form{display:grid;max-width:100%}.i-form-inline{--label-inline: nowrap}.i-form-inline .i-input-label{flex-wrap:nowrap}.i-preview{padding:0}.i-preview .i-modal{position:static;background:rgba(0,0,0,0);overflow:unset;transform:none;pointer-events:none !important;width:100%;height:100%}.i-preview-container{position:relative;width:100%;height:100%}.i-preview-content{display:flex;align-items:center;justify-content:center;width:100%;height:100%;transition:var(--transition);pointer-events:none}.i-preview-content *{pointer-events:all}.i-preview-controls{position:fixed;z-index:10;right:.5em;top:.5em;padding:4px;display:flex;align-items:center;gap:1px;background:var(--background-opacity);border-radius:var(--radius);font-size:.9em;pointer-events:all;transition:all .24s ease-out}.i-preview-controls:hover{opacity:1}.i-preview-controls-hidden{opacity:0}.i-preview-unknown{display:flex;flex-direction:column;align-items:center;padding:.5em 1em;background:var(--background);border-radius:var(--radius)}.i-checkbox{gap:1em}.i-checkbox-item{display:inline-flex;align-items:baseline;gap:.25em;border-radius:var(--radius);align-self:flex-start}.i-checkbox-item:hover .i-checkbox-input{box-shadow:inset 0 0 0 2px var(--color-5)}.i-checkbox-item:hover .i-checkbox-switch{box-shadow:inset 0 0 0 2px var(--color-8)}.i-checkbox-item:hover .i-checkbox-partof{box-shadow:none}.i-checkbox-item .i-checkbox-input:checked{box-shadow:none}.i-checkbox-options{flex:1 1 100%;position:relative;display:flex;flex-wrap:wrap;gap:.625em;align-self:baseline}.i-checkbox-text{display:inline-flex;transition:var(--transition);user-select:none;border-radius:inherit;color:var(--color-3)}.i-checkbox-text:empty{display:none}.i-checkbox-input{position:relative;display:flex;cursor:inherit;height:1.125em;width:1.125em;overflow:hidden;appearance:none;border-radius:inherit;transition:var(--transition);outline:0;align-self:center}.i-checkbox-custom{width:0;height:0}.i-checkbox-switch{height:1.125em;width:2.2em;overflow:unset;border-radius:2.4em;box-shadow:inset 0 0 0 2px var(--color-9);background:var(--color-9)}.i-checkbox-switch:hover:after{box-shadow:0 0 0 2px var(--color-7);background-color:var(--color-main-0)}.i-checkbox-default{border-radius:2px;box-shadow:inset 0 0 0 2px var(--color-7)}.i-checkbox-button{display:none}.i-checkbox-default:after,.i-checkbox-switch:before,.i-checkbox-switch:after,.i-checkbox-partof:after{content:" ";position:absolute;transition:var(--transition)}.i-checkbox-default:after{left:34%;top:16%;height:50%;width:20%;border-bottom:2px solid var(--color-main-reverse);border-right:2px solid var(--color-main-reverse);transform:rotate(90deg) scale(0);border-radius:1px}.i-checkbox-switch:after{left:0;top:50%;width:1em;height:1em;transform:translate(0, -50%);box-shadow:0 0 0 2px var(--color-8);border-radius:1em;transition:var(--transition);background-color:var(--background)}.i-checkbox-switch:active:after{width:1.5em}.i-checkbox-switch:active:checked:after{left:-0.5em}.i-checkbox-input:checked.i-checkbox-default{background-color:var(--color-main)}.i-checkbox-input:checked.i-checkbox-default:after{transform:rotate(45deg)}.i-checkbox-input:checked.i-checkbox-switch{background-color:var(--color-main)}.i-checkbox-input:checked.i-checkbox-switch:after{box-shadow:0 0 0 2px var(--color-main);transform:translate(1.2em, -50%);background-color:var(--background)}.i-checkbox-input:checked+.i-checkbox-text{color:var(--color-main)}.i-checkbox-button+.i-checkbox-text{padding:0 1em;line-height:1.8;font-size:.9em;display:flex;align-items:center;white-space:nowrap;border-radius:2em;border:1.5px solid var(--color-9)}.i-checkbox-button:hover+.i-checkbox-text{background-color:var(--color-9);border-color:var(--color-8)}.i-checkbox-button:checked+.i-checkbox-text{background-color:var(--color-main-0);color:var(--color-main);border-color:var(--color-main)}.i-checkbox-partof{border-radius:2px;background-color:var(--color-main)}.i-checkbox-partof:after{background-color:var(--color-main-reverse);height:2px;width:.5em;left:50%;top:50%;transform:translate(-50%, -50%);border-radius:var(--radius)}.i-checkbox-message{margin-top:.5em;font-size:.8em;align-self:flex-start;pointer-events:none}.i-checkbox-success .i-checkbox-input{box-shadow:inset 0 0 0 2px var(--success-0)}.i-checkbox-success .i-checkbox-input:checked{background-color:var(--success-0)}.i-checkbox-success .i-checkbox-message{color:var(--success)}.i-checkbox-warning .i-checkbox-input{box-shadow:inset 0 0 0 2px var(--warning-0)}.i-checkbox-warning .i-checkbox-input:checked{background-color:var(--warning-0)}.i-checkbox-warning .i-checkbox-message{color:var(--warning)}.i-checkbox-error .i-checkbox-input{box-shadow:inset 0 0 0 2px var(--error-0)}.i-checkbox-error .i-checkbox-input:checked{background-color:var(--error-0)}.i-checkbox-error .i-checkbox-message{color:var(--error)}.i-image{position:relative;display:inline-flex;align-items:center;justify-content:center;align-self:center;border-radius:var(--radius);overflow:hidden;vertical-align:middle;background:var(--background-opacity);backdrop-filter:var(--blur);flex-shrink:0}.i-image .i-loading-container{z-index:1;backdrop-filter:var(--blur)}.i-image>img{border-radius:inherit;width:100%;height:100%;object-fit:cover}.i-image-cover{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;backdrop-filter:var(--blur)}.i-backdrop-drawer{position:fixed;inset:0;z-index:100;pointer-events:none;background:var(--color-backdrop);backdrop-filter:blur(8px);transition:var(--transition);opacity:0;display:flex}.i-backdrop-drawer.i-active{opacity:1;pointer-events:unset}.i-drawer{position:absolute;display:flex;flex-direction:column;max-width:100%;max-height:100%;overflow:auto;box-shadow:var(--shadow);transition:var(--transition);background:var(--background-1);backdrop-filter:var(--blur)}.i-drawer-left{inset:0 auto 0 0;transform:translate3d(-100%, 0, 0)}.i-drawer-top{inset:0 0 auto;transform:translate3d(0, -100%, 0)}.i-drawer-right{inset:0 0 0 auto;transform:translate3d(100%, 0, 0)}.i-drawer-bottom{inset:auto 0 0;transform:translate3d(0, 100%, 0)}.i-active>.i-drawer{opacity:1;transform:none;pointer-events:unset}.i-drawer-header,.i-drawer-footer{display:flex;align-items:center;padding:12px}.i-drawer-header:empty,.i-drawer-footer:empty{display:none}.i-drawer-content{flex:1;overflow-x:hidden}.i-drawer-close{margin:0 0 0 auto;display:flex;align-self:flex-start;border-radius:var(--radius)}.i-loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5em;font-size:inherit;transform:translateZ(0);border-radius:inherit}.i-loading-icon{stroke:var(--color);width:1em;height:1em;animation:rotate .628s linear 0s infinite}.i-collapse{border-radius:var(--radius)}.i-collapse-bordered{border:1px solid var(--color-8)}.i-collapse-bordered .i-collapse-item+.i-collapse-item{border-top:1px solid var(--color-8)}.i-collapse-item{border-radius:var(--radius)}.i-collapse-header{display:flex;justify-content:space-between;align-items:center;padding:.5em;transition:var(--transition);font-weight:500;border-radius:var(--radius)}.i-collapse-header:hover{background-color:var(--background-opacity-1)}.i-collapse-toggle{margin:0;display:flex;user-select:none}.i-collapse-content{padding:0 .5em;height:0;overflow:hidden;transition:var(--transition);border-radius:var(--radius)}.i-collapse-active>.i-collapse-header,.i-collapse-header:hover{opacity:1}.i-collapse-active>.i-collapse-content{padding:.5em;height:unset}.i-collapse-disabled{pointer-events:none;opacity:.4}.i-collapse-disabled>.i-collapse-content{padding:0 .5em;height:0;overflow:hidden}.icon{vertical-align:middle}.i-list{--gap: 0.5em;overflow:auto}.i-list-item{display:flex;gap:var(--gap);padding:var(--padding);transition:var(--transition);border-radius:var(--radius)}.i-list-item-bordered{box-shadow:inset 0 0 0 1px var(--color-8)}.i-list-item-bordered+.i-list-item-bordered{margin-top:-1px}.i-list-item-bordered:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.i-list-item-bordered:not(:last-child){border-bottom-right-radius:0;border-bottom-left-radius:0}.i-list-item-bordered:hover{box-shadow:inset 0 0 0 1px var(--color-7);z-index:1}.i-list-option{position:relative;cursor:pointer;user-select:none;white-space:nowrap;justify-content:space-between}.i-list-option:hover{background-color:var(--background-opacity-1)}.i-list-item-label{align-self:flex-start}.i-editor{display:flex;flex-direction:column}.i-editor:focus-within>.i-editor-controls,.i-editor:focus-within>.i-editor-content,.i-editor:hover>.i-editor-controls,.i-editor:hover>.i-editor-content{border-color:var(--color-8)}.i-editor-borderless{border-radius:var(--radius)}.i-editor-borderless>.i-editor-controls,.i-editor-borderless>.i-editor-content{border:none}.i-editor-controls{display:flex;gap:2px;border:2px solid var(--color-9);border-bottom:0;padding:2px;border-radius:var(--radius) var(--radius) 0 0;transition:var(--transition)}.i-editor-controls .i-btn{--color: var(--color-5)}.i-editor-controls .i-btn:hover{--color: var(--color)}.i-editor-controls .i-btn:hover .i-editor-control-tip{opacity:1}.i-editor-control-tip{position:absolute;z-index:1;top:100%;left:50%;transform:translate(-50%, 0);opacity:0;pointer-events:none;transition:var(--transition)}.i-editor-content{flex:1;outline:none;padding:var(--padding);border:2px solid var(--color-9);border-radius:0 0 var(--radius) var(--radius);transition:var(--transition);overflow:auto;white-space:pre-wrap;word-wrap:break-word;word-break:break-all;tab-size:1em}.i-editor-content:first-child{border-radius:var(--radius)}.i-editor-content:hover,.i-editor-content:focus{border-color:var(--color-8)}.i-editor-content a{color:var(--blue)}.i-editor-content img{margin:0}.i-editor-content:empty:before{content:attr(data-placeholder);color:var(--color-5)}.i-popup{position:absolute;left:0;top:0;z-index:100;opacity:0;transition:opacity .12s,transform .12s;border-radius:var(--radius);background:var(--background);box-shadow:var(--shadow);transform:translate(0, 2px)}.i-popup-arrow{position:absolute;width:8px;height:24px;pointer-events:none;color:unset}.i-popup-arrow path{fill:var(--background)}.i-modal-container{position:fixed;inset:0;z-index:100;padding:12px;transition:var(--transition);opacity:0;pointer-events:none;display:flex;overflow:hidden}.i-modal-container.i-modal-active{opacity:1}.i-modal-backdrop{background:var(--color-backdrop);backdrop-filter:blur(8px)}.i-modal-backdrop.i-modal-active{pointer-events:unset}.i-modal-customized{overflow:unset}.i-modal{position:relative;display:flex;flex-direction:column;margin:auto;max-width:100%;max-height:100%;overflow-x:hidden;border-radius:var(--radius);transform:translate(0, 12px);transition:var(--transition);background:var(--background)}.i-modal.bounced{animation:bounce .4s ease-in-out 0s}.i-modal-active>.i-modal{opacity:1;transform:none;pointer-events:unset}.i-modal-header,.i-modal-footer{position:relative;display:flex;align-items:center;padding:12px;gap:12px}.i-modal-header:empty,.i-modal-footer:empty{display:none}.i-modal-footer{justify-content:center}.i-modal-content{overflow-x:hidden;flex:1;max-height:100%;line-height:1.5}.i-modal .i-modal-close{margin:0 0 0 auto;display:flex;align-self:flex-start;border-radius:var(--radius)}.i-progress{flex:1 1 100%;position:relative;display:flex;background:var(--background-1);border-radius:var(--radius);cursor:pointer}.i-progress-vertical{height:100%}.i-progress-vertical>.i-progress-bar{height:100%;align-self:flex-end}.i-progress-bar{position:relative;width:100%;background:var(--color-main);border-radius:var(--radius);transform-origin:left;transition:var(--transition)}.i-progress-cursor{position:absolute;right:0;top:50%;display:flex;min-height:120%;min-width:1em;transform:translate(50%, -50%) scale(0);transition:var(--transition);border-radius:inherit;box-shadow:var(--shadow);user-select:none;overflow:hidden}.i-progress:hover .i-progress-cursor,.no-transition>.i-progress-cursor{transform:translate(50%, -50%) scale(1)}.i-progress-circle{position:relative}.i-progress-circle-path{transition:var(--transition);border-radius:50px}.i-progress-circle-value{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);font-size:1.5em}.i-pagination{display:flex;align-items:center;gap:.2em}.i-page{--background: transparent;--color: var(--color-7);position:relative;display:inline-flex;align-items:center;justify-content:center;padding:0 .32em;height:2.25em;min-width:2.25em;border-radius:var(--radius);border:2px solid rgba(0,0,0,0);transition:var(--transition);user-select:none;cursor:pointer;white-space:nowrap;outline:none;color:var(--color);background:var(--background)}.i-page .i-ripple-container{inset:-2px}.i-page .i-loading-container{position:absolute;inset:0;z-index:1;background:var(--background-opacity);backdrop-filter:var(--blur)}.i-page:hover{--background: var(--background-opacity-1)}.i-page.i-page-active{--background: var(--color-main);--color: var(--color-main-reverse);cursor:default}.i-page.i-page-loading{--background: unset;cursor:default}.i-select{display:flex;gap:.5em}.i-select-multiple{flex-wrap:wrap;padding:.25em .628em}.i-select-multiple .i-tag{position:relative;padding:0 .5em;line-height:1.425em;background:var(--color-8)}.i-select-options{--gap: 0.25em;display:flex;flex-direction:column;max-height:40vh;padding:4px;gap:2px;overflow-x:hidden;border-radius:inherit}.i-select-options .i-list-item{justify-content:unset;align-items:center;color:var(--color-5)}.i-select-options .i-list-item.i-list-item-active{color:var(--color-main);background:var(--color-main-0)}.i-select-options .i-list-item.i-list-item-active .i-select-option-check{opacity:1}.i-select-options .i-list-item.disabled{pointer-events:none}.i-select-options-multiple .i-list-item.i-list-item-active{background:rgba(0,0,0,0)}.i-select-option-check{opacity:0}.i-select-filter{position:sticky;top:0;z-index:1;display:flex;flex-wrap:wrap;background:var(--background-opacity);backdrop-filter:var(--blur);border-bottom:1px solid var(--background-opacity-1)}.i-select-filter:empty{display:none}.i-resizable{display:flex;overflow:hidden}.i-resizable-vertical{flex-direction:column}.i-resizable-vertical>.i-resizable-line{cursor:ns-resize;width:100%;height:2px}.i-resizable-a{overflow:auto}.i-resizable-b{flex:1;overflow:auto}.i-resizable-line{position:relative;display:flex;justify-content:center;align-items:center;width:2px;height:100%;background:var(--color-8);cursor:ew-resize;transition:var(--transition);touch-action:none;user-select:none}.i-resizable-line:hover,.i-resizable-line.i-resizable-resizing{outline:1px solid var(--color-8)}.i-resizable-line:hover>.i-resizable-line-node,.i-resizable-line.i-resizable-resizing>.i-resizable-line-node{opacity:1}.i-resizable-line-node{display:flex;position:relative;z-index:1;pointer-events:none;opacity:0;transition:var(--transition);background:inherit;border-radius:var(--radius);font-size:.8em}.i-radio{position:relative;display:inline-flex;flex-wrap:wrap;gap:1em}.i-radio-label{width:var(--label-width);text-align:var(--label-align);font-weight:500}.i-radio-item{display:inline-flex;align-items:baseline;border-radius:var(--radius)}.i-radio-item:hover .i-radio-input{box-shadow:inset 0 0 0 3px var(--color-7);background-color:var(--color-main-0)}.i-radio-item-custom>.i-radio-input{width:0;height:0}.i-input-success .i-radio-input{box-shadow:inset 0 0 0 3px var(--green-0)}.i-input-warning .i-radio-input{box-shadow:inset 0 0 0 3px var(--yellow-0)}.i-input-error .i-radio-input{box-shadow:inset 0 0 0 3px var(--error-0)}.i-radio-options{flex:1 1 100%;position:relative;display:flex;flex-wrap:wrap;gap:.625em;align-self:baseline}.i-radio-options-button{flex:none}.i-radio-text{display:inline-flex;margin-left:.4em;transition:var(--transition);user-select:none;border-radius:inherit;color:var(--color-3)}.i-radio-input{position:relative;display:flex;cursor:inherit;height:1.125em;width:1.125em;flex-shrink:0;overflow:hidden;appearance:none;border-radius:50%;transition:all .15s;outline:0;align-self:center;box-shadow:inset 0 0 0 3px var(--color-8)}.i-radio-default{border:0 solid rgba(0,0,0,0)}.i-radio-input:checked.i-radio-default{border-width:.4em;border-color:var(--color-main);background:var(--color-main-reverse);box-shadow:none}.i-radio-input:checked.i-radio-default+.i-radio-text{color:var(--color-main)}.i-radio-default:active{transform:scale(1.1)}.i-radio-button{display:none}.i-radio-button+.i-radio-text{margin-left:0;padding:0 .628em;line-height:1.8;font-size:.94em;white-space:nowrap;border:1.5px solid var(--color-9)}.i-radio-button+.i-radio-text:hover{background-color:var(--color-main-0);border-color:var(--color-8)}.i-radio-button:checked+.i-radio-text{background:var(--color-main-0);color:var(--color-main);border-color:var(--color-main)}.i-radio-message{margin-top:.5em;font-size:.8em;align-self:flex-start;pointer-events:none}.i-radio-success .i-radio-input{box-shadow:inset 0 0 0 3px var(--success-0)}.i-radio-success .i-radio-message{color:var(--success)}.i-radio-warning .i-radio-input{box-shadow:inset 0 0 0 3px var(--warning-0)}.i-radio-warning .i-radio-message{color:var(--warning)}.i-radio-error .i-radio-input{box-shadow:inset 0 0 0 3px var(--error-0)}.i-radio-error .i-radio-message{color:var(--error)}.i-step{display:flex;flex-wrap:wrap;gap:.5em;overflow:hidden}.i-step-vertical{flex-direction:column}.i-step-vertical .i-step-item{flex-direction:row}.i-step-vertical .i-step-item:not(:last-child) .i-step-item-right{padding-bottom:1em}.i-step-item{display:flex;flex-direction:column;gap:.5em;flex:1 1 auto;transition:var(--transition)}.i-step-item:last-child{flex:none}.i-step-item:last-child .i-step-divider{display:none}.i-step-item.i-step-item-finished{opacity:.4}.i-step-item.i-step-item-finished .i-step-divider{border-style:solid}.i-step-item.i-step-item-pending{opacity:.4}.i-step-item:hover{opacity:1}.i-step-item-index{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:1.5em;line-height:1.5em;border-radius:1.5em;background:var(--color-4);color:var(--background)}.i-step-divider{flex:1;align-self:center;border:1px dashed var(--color-7)}.i-step-item-title{display:flex;align-items:center;gap:.5em;white-space:nowrap}.i-step-item-left{display:flex;flex-direction:column;align-items:center;gap:.5em}.i-step-item-right{display:flex;flex-direction:column;gap:.5em}.i-river{overflow:hidden}.i-river-track{display:inline-flex;will-change:transform}.i-river-item{flex-shrink:0}.i-messages{position:fixed;inset:12px;pointer-events:none;display:flex;flex-direction:column;justify-content:center;z-index:10000;transition:var(--transition);cursor:default}.i-message{position:absolute;padding:var(--padding);pointer-events:all;opacity:0;transition:var(--transition);transform:translate(80px, 0) scale(0.86) skew(-40deg);background:var(--background-opacity);border-radius:var(--radius);box-shadow:var(--shadow);backdrop-filter:var(--blur)}.i-message.i-message-active{opacity:1;transform:translate(0, 0)}.i-text-gradient{-webkit-text-fill-color:rgba(0,0,0,0)}.i-text-gradient-wave{background-size:200% 100%;background-position:0 0;animation:text-wave 1.2s linear 0s infinite}@keyframes text-wave{100%{background-position:-100% 0}}.i-popconfirm{padding:1rem}.i-popconfirm-footer{margin-top:1rem}.i-swiper{position:relative;max-width:100%;user-select:none}.i-swiper:hover .i-swiper-arrow{opacity:.72}.i-swiper .i-swiper-arrow:hover{opacity:1}.i-swiper-track{position:relative;overflow:hidden;touch-action:pan-x;border-radius:var(--radius)}.i-swiper-list{display:flex;will-change:transform}.i-swiper-fade>.i-swiper-item{opacity:0}.i-swiper-fade>.i-swiper-active{opacity:1}.i-swiper-vertical .i-swiper-track{height:100%;touch-action:pan-y}.i-swiper-vertical .i-swiper-list{flex-direction:column}.i-swiper-vertical .i-swiper-item{width:100%}.i-swiper-vertical .i-swiper-arrow{left:unset;right:.5em}.i-swiper-vertical .i-swiper-prev{bottom:50%;top:unset;transform:translate(0, -6px)}.i-swiper-vertical .i-swiper-next{transform:translate(0, 6px)}.i-swiper-item{flex:1;flex-shrink:0;display:flex;justify-content:center;align-items:center;overflow:hidden;transition:var(--transition)}.i-swiper-arrow{position:absolute;top:50%;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius);transform:translate(0, -50%);transition:var(--transition);opacity:0}.i-swiper-prev{left:.5em}.i-swiper-next{right:.5em}.i-swiper-indicators{margin:.5em 0;display:flex;justify-content:center;gap:.5em}.i-swiper-indicators-fixed{position:absolute;bottom:0;left:50%;transform:translate(-50%, 0)}.i-swiper-indicator{width:8px;height:8px;border-radius:50%;flex-shrink:0;background:var(--color);opacity:.25}.i-swiper-indicator:hover{opacity:.8}.i-swiper-indicator.i-indicator-active{opacity:1}.i-tabs{max-width:100%;gap:.5em}.i-tabs-line .i-tab-navs{gap:1em}.i-tabs-line .i-tab-nav{padding:.4em 0}.i-tabs-line .i-tab-nav.i-tab-active{--color: var(--color-main)}.i-tabs-line .i-tab-navs-bar{background:var(--color-main)}.i-tabs-line .i-tab-navs-vertical>.i-tab-navs{gap:.5em}.i-tabs-line .i-tab-navs-vertical>.i-tab-navs>.i-tab-nav{padding:.25em 1em}.i-tab-navs-container{display:flex;border-radius:var(--radius);scroll-behavior:smooth;gap:4px;align-items:center}.i-tab-navs-vertical{align-items:flex-end;flex-direction:column}.i-tab-navs{flex:1;position:relative;display:flex;flex-direction:inherit;overflow:auto;user-select:none;scroll-behavior:unset;scrollbar-width:none;gap:1px}.i-tab-navs::-webkit-scrollbar{display:none}.i-tabs-pane .i-tab-navs-container{position:relative}.i-tabs-pane .i-tab-navs-container:before{position:absolute;bottom:0;left:0;right:0;width:100%;border-top:1px solid var(--color-8);content:"";z-index:1}.i-tabs-pane .i-tab-navs{gap:4px}.i-tabs-pane .i-tab-navs .i-tab-nav{border-radius:var(--radius) var(--radius) 0 0;border:1px solid rgba(0,0,0,0)}.i-tabs-pane .i-tab-navs .i-tab-nav:hover{border-color:var(--color-8);border-bottom-color:var(--background)}.i-tabs-pane .i-tab-navs .i-tab-active{z-index:2;background:rgba(0,0,0,0);border-color:var(--color-8);border-bottom:1px solid var(--background);box-shadow:1px 2px 0 1px var(--color-8)}.i-tabs-pane .i-tab-navs .i-tab-active:hover{background-color:rgba(0,0,0,0)}.i-tabs-pane .i-tab-navs-vertical:before{left:unset;top:0;width:unset;height:100%;border-top:none;border-right:1px solid var(--color-8)}.i-tabs-pane .i-tab-navs-vertical .i-tab-navs .i-tab-nav{border-radius:var(--radius) 0 0 var(--radius);border:1px solid rgba(0,0,0,0)}.i-tabs-pane .i-tab-navs-vertical .i-tab-navs .i-tab-nav:hover{border-color:var(--color-8);border-right-color:var(--background)}.i-tabs-pane .i-tab-navs-vertical .i-tab-navs .i-tab-active{border-color:var(--color-7);border-right:1px solid var(--background)}.i-tabs-pane .i-tab-navs-vertical .i-tab-navs .i-tab-active:hover{background-color:rgba(0,0,0,0)}.i-tab-nav{--color: var(--color-7);position:relative;z-index:1;display:flex;align-items:center;justify-content:center;padding:.4em .5em;user-select:none;flex-shrink:0;gap:.25em;color:var(--color);border-radius:var(--radius)}.i-tab-nav:hover{--color: var(--color-3)}.i-tab-nav.i-tab-active{--color: var(--color-main)}.i-tabs-morelist .i-tab-nav{white-space:nowrap}.i-tabs-morelist .i-tab-active{background:var(--color-main-0)}.i-tab-closable .i-tab-nav{padding-right:0;border-radius:var(--radius) var(--radius) 0 0}.i-tab-closable .i-tab-nav.i-tab-active{box-shadow:2px 0 8px rgba(0,0,0,.0509803922);background-color:var(--background)}.i-tab-nav-close{margin:0;font-size:.7em;padding:0}.i-tab-nav-close:hover{color:var(--error)}.i-tab-navs-bar{position:absolute;bottom:0em;left:0;height:0;background:var(--color-main-0);pointer-events:none;transition:var(--transition);border-radius:4px}.i-tab-navs-vertical>.i-tab-navs{gap:1px}.i-tab-navs-vertical>.i-tab-navs>.i-tab-navs-bar{width:0;left:unset;bottom:unset;right:0;top:0}.i-tab-contents{position:relative;flex:1}.i-tab-content{display:none}.i-tab-content.i-tab-active{display:block}.i-tag{--background: var(--color-9);--color: var(--color-1);position:relative;display:inline-flex;align-items:center;justify-content:center;align-self:center;gap:.5em;padding:.1em .5em;border-radius:var(--radius);background:var(--background);color:var(--color);border:2px solid rgba(0,0,0,0);transition:var(--transition);font-size:.81em;line-height:1}.i-tag .i-tag-close{position:absolute;right:0;top:0;z-index:1;margin:0;background:var(--error);color:var(--white);transform:translate(50%, -50%);font-size:.81em;transition:all .16s}.i-tag .i-tag-close:hover{background:var(--error-1);color:var(--white)}.i-tag:hover .i-tag-hover-close{opacity:1;transform:translate(50%, -50%) scale(1)}.i-tag-large{font-size:1em}.i-tag-extreme{font-size:1.5em;height:2em}.i-tag-small{font-size:.72em;padding:.125em .4em}.i-tag-dot{content:" ";width:.385em;height:.385em;border-radius:50%;background-color:var(--color);box-shadow:0 -1px 1px 0 rgba(var(--color), 0.3);flex-shrink:0;transition:inherit}.i-tag-outline{--background: transparent;border-color:var(--color)}.i-tag-hover-close{transform:translate(50%, -50%) scale(0);opacity:0}.i-tag-clickable{cursor:pointer}.i-tag-clickable:hover{background:var(--background-hover);color:var(--color-hover)}.i-tree{display:flex;flex-direction:column;gap:1px;color:var(--color-2)}.i-tree-group-title{position:relative;font-size:1em;display:flex;font-weight:300;font-style:italic;font-size:.9em}.i-tree-group-title:after{content:" ";margin-left:.5em;flex:1;height:1px;align-self:center;background:var(--color-8)}.i-tree-item-header{position:relative;display:flex;align-items:center;gap:.25em;padding:.4em;user-select:none;border-radius:var(--radius);overflow:hidden;color:var(--color-6)}.i-tree-item-header.i-tree-item-round{border-radius:100px}.i-tree-item-header.i-tree-item-selected,.i-tree-item-header:hover{background:var(--color-main-0);color:var(--color-main)}.i-tree-round{--radius: 100px}.i-tree-item-icon{display:flex}.i-tree-checkbox{align-self:center}.i-tree-toggle{margin-left:auto;transition:var(--transition);border-radius:inherit;color:var(--color-6)}.i-tree-toggle:hover{color:var(--color-3);background:var(--background-opacity)}.i-tree-item-content{max-height:0;overflow:hidden;transition:max-height .5s cubic-bezier(0, 1, 0, 1)}.i-tree-expand>.i-tree-item-content{transition:max-height .25s cubic-bezier(1, 0, 1, 0);max-height:2000px}.i-tree-expand>.i-tree-item-header{color:var(--color-main);opacity:1}.i-tree-expand>.i-tree-item-header>.i-tree-toggle{transform:rotateX(180deg)}.i-ripple-container{position:absolute;inset:0;overflow:hidden;pointer-events:none;border-radius:inherit;contain:strict}.i-ripple{position:absolute;background:var(--color);opacity:.15;transform:translate(-50%, -50%) scale(0.25);transform-origin:50%;border-radius:50%}.i-ripple-active{opacity:0;transform:translate(-50%, -50%) scale(1)}.i-timepicker-label{position:unset}.i-timepicker{display:flex}.i-timepicker-list{min-width:3em;text-align:center;overflow:auto;padding:4px;max-height:12.2em;display:flex;flex-direction:column;gap:2px;scrollbar-width:none}.i-timepicker-list::-webkit-scrollbar{display:none}.i-timepicker-list:not(:last-child){border-right:1px solid var(--color-9)}.i-timepicker-item{display:block;padding:.32em .5em;border-radius:var(--radius);opacity:.5}.i-timepicker-item:hover{background-color:var(--color-9);opacity:1}.i-timepicker-item.i-timepicker-item-active{position:sticky;top:0;bottom:0;z-index:1;background:var(--color-main);color:var(--color-main-reverse);opacity:1}.i-timepicker-icon{margin-right:.4em;opacity:.5;pointer-events:none}.i-colorpicker-handle{position:relative;display:inline-flex;align-items:center;font-size:.8em;gap:.25em}.i-colorpicker-square{display:inline-block;width:1.8em;height:1.8em;border:2px solid var(--color-9);border-radius:var(--radius);cursor:pointer;transition:var(--transition)}.i-colorpicker-square:hover{border-color:var(--color-8)}.i-colorpicker-footer{display:flex;gap:4px;font-size:.8em}.i-colorpicker-text{transition:var(--transition);cursor:pointer;padding:.25em .5em;border-radius:var(--radius);background:var(--color-9)}.i-colorpicker-text:hover{background:var(--color-8)}.rc-color-picker-panel{box-shadow:none;background:inherit}.i-empty{margin:auto;width:3em;height:3em;color:var(--color-7)}.i-video{position:relative;background:#000;border-radius:var(--radius);overflow:hidden}.i-video video{width:100%;height:100%}.i-video-controls{position:absolute;left:0;bottom:-1px;right:0;display:flex;align-items:center;padding:4px;gap:4px;font-size:.9em;white-space:nowrap;user-select:none;transition:var(--transition);background:var(--background-opacity);backdrop-filter:var(--blur)}.i-video-controls .i-btn{flex-shrink:0}.i-video-controls .i-icon{font-size:1.2em}.i-video-controls:hover{opacity:1;pointer-events:unset}.i-video-controls-hidden{opacity:0;pointer-events:none}.i-video-control{display:flex;align-items:center}.i-video-times{margin-inline:8px;display:flex;align-items:center;gap:4px}.i-video-volume{position:absolute;z-index:1;bottom:100%;left:50%;transform:translate(-50%, 4px);padding:8px;opacity:0;pointer-events:none;border-radius:var(--radius);transition:var(--transition);backdrop-filter:var(--blur);background:var(--background-opacity)}.i-video-control-volume{position:relative}.i-video-control-volume:hover .i-video-volume{opacity:1;pointer-events:unset}.i-helpericon{position:relative;margin:.25em;padding:.125em;min-height:1.675em;min-width:1.675em;display:flex;align-items:center;justify-content:center;align-self:center;color:var(--color-7);transition:var(--transition);border-radius:var(--radius);font-size:.8em}.i-helpericon:hover{color:var(--color-3);background:var(--background-opacity-1)}.i-input-label-file{display:inline-flex;width:unset}.i-input-label-file:has(.i-upload-list:empty){align-items:center}.i-input-file-hidden{display:none}.i-upload-inner{flex:1 1 100%;display:flex;flex-wrap:wrap;gap:.5em}.i-upload-card:has(.i-upload-list:not(:empty)){align-self:flex-start}.i-upload-card .i-upload-list{display:contents}.i-upload-list{display:flex;flex-wrap:wrap;width:100%;gap:inherit;user-select:none}.i-upload-list:empty{display:none}.i-upload-delete{opacity:0;margin:0;z-index:1;right:-0.825em;top:-0.825em;box-shadow:var(--shadow)}.i-upload-btn{align-self:center}.i-upload-card-btn{border-style:dashed;width:var(--upload-card-size);height:var(--upload-card-size);opacity:.6;font-size:1em}.i-upload-card-btn:hover{opacity:1}.i-upload-item{position:relative;display:inline-flex;align-items:center;gap:.25em;padding:.25em .4em;border:2px solid var(--background-opacity-1);border-radius:var(--radius);background:var(--background-opacity);transition:var(--transition);font-size:.8em}.i-upload-item .i-upload-delete{position:absolute;background-color:var(--error);color:#fff}.i-upload-item .i-upload-delete:hover{background-color:var(--error);color:#fff}.i-upload-item:hover{background-color:var(--background-opacity-1)}.i-upload-item:hover .i-upload-delete{opacity:1}.i-upload-item-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25em;width:var(--upload-card-size);height:var(--upload-card-size);border-radius:var(--radius);background:var(--background-opacity-1);cursor:pointer}.i-upload-item-card .i-image,.i-upload-item-card video{width:100%;height:100%;object-fit:cover}.i-upload-item-card .i-upload-file-name{max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:.8em;padding-inline:4px}.i-upload-item-card .i-upload-delete{font-size:.72em;position:absolute;background-color:var(--error);color:#fff}.i-upload-item-card .i-upload-delete:hover{background-color:var(--error);color:#fff}.i-upload-item-card:hover .i-upload-delete{opacity:1}.i-upload-size{font-size:.8em;color:var(--color-6)}.i-upload-item-dragged{z-index:1000}.i-datepicker-label{position:unset}.i-datepicker{padding:8px}.i-datepicker .i-datepicker-item{cursor:pointer}.i-datepicker-weeks,.i-datepicker-dates{display:grid;grid-template-columns:repeat(7, 1fr);gap:2px}.i-datepicker-week,.i-datepicker-item{display:flex;justify-content:center;padding:.32em .5em}.i-datepicker-week{color:var(--color-5)}.i-datepicker-item{--background: transparent;opacity:.4;border-radius:var(--radius);transition:all .12s;background:var(--background);color:var(--color)}.i-datepicker-item:hover{opacity:1;--background: var(--color-main-0)}.i-datepicker-item.i-datepicker-same-month{opacity:.8}.i-datepicker-item.i-datepicker-today{--background: var(--color-main-0)}.i-datepicker-item.i-datepicker-active{--background: var(--color-main);--color: var(--color-main-reverse);opacity:1}.i-datepicker-item.i-datepicker-disabled{opacity:.2;cursor:not-allowed}.i-datepicker-units{margin-bottom:.5em;display:flex;align-items:center;gap:.125em;color:var(--color-6);font-size:.9em}.i-datepicker-action{position:relative;display:flex;align-items:baseline;gap:.25em;padding:.125em .5em;user-select:none;border-radius:var(--radius)}.i-datepicker-action>span{color:var(--color);font-size:1.15em}.i-datepicker-action:hover{background:var(--color-main-0)}.i-datepicker-icon{margin-right:.4em;opacity:.5;pointer-events:none}.i-datepicker-ym{position:absolute;inset:0;z-index:1;padding:8px;gap:.5em;background:var(--background);backdrop-filter:var(--blur);display:flex;pointer-events:none;opacity:0;transition:var(--transition)}.i-datepicker-ym.i-datepicker-active{opacity:1;pointer-events:unset}.i-datepicker-years{width:5em;overflow-x:hidden;display:flex;flex-direction:column;max-height:100%;gap:.25em}.i-datepicker-months{margin-top:1.5em;flex:1;display:grid;grid-template-columns:repeat(3, 1fr);gap:.25em}.i-datepicker-year{flex:1}.i-datepicker-year,.i-datepicker-month{display:flex;padding:2px;user-select:none;border-radius:var(--radius);justify-content:center;align-items:center}.i-datepicker-year:hover,.i-datepicker-month:hover{background-color:var(--background-opacity-2)}.i-datepicker-year.i-datepicker-active,.i-datepicker-month.i-datepicker-active{background:var(--color-main);color:var(--color-main-reverse);opacity:1}.i-datepicker-close{position:absolute;right:0;top:0}
 
 /*# sourceMappingURL=index.css.map */

package/lib/css/index.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["stdin","file:///D:/codes/ioca-react/packages/css/var.scss","file:///D:/codes/ioca-react/packages/css/reset.scss","file:///D:/codes/ioca-react/packages/css/helper.scss","file:///D:/codes/ioca-react/packages/css/color.scss"],"names":[],"mappings":"AA8+EQ,qDC5+ER,MACC,kBACA,sFAEA,6BAEA,0BACA,cACA,iCACA,mBACA,oBAEA,oBACA,oBCfD,kEAUC,cAED,EACC,SACA,UACA,SACA,sBAED,yCAUC,gBAED,EACC,cACA,qBACA,eACA,6BAED,SAEC,gBAED,KACC,kBACA,iBACA,mBACA,iBACA,kBACA,uBAED,6BAIC,aAED,uBACC,mBACA,gBAED,MAEC,gBAED,uBAIC,cACA,YACA,gBACA,eACA,6BAED,GACC,iBACA,gBAED,GACC,eACA,gBAED,GACC,iBAED,GACC,iBAED,MAEC,eAED,MACC,eAED,SAEC,oBAED,YACC,8CAED,gCACC,UACA,WACA,eAED,sCACC,gCACA,eACA,4BC3GA,4CAIC,qBACA,oBACA,cACA,eACA,kBACA,gBACA,gBACA,mBAED,uBAEC,0BACA,qBACA,kBAED,qBAEC,8BACA,mBACA,qCACA,sCACA,wCAED,YACC,oBACA,gBACA,6BACA,gCACA,4BACA,6BACA,kBACC,wCACA,mCAGF,YACC,oBACA,kBACA,mBACA,kBAGD,gBACC,kBAED,gBACC,kBAED,aACC,eAED,YACC,aACA,YAED,YACC,aAED,mBACC,sBAED,iBACC,eAED,cACC,OAED,mBACC,cAED,kBACC,gBACA,MACA,WAED,qBACC,gBACA,SACA,WAED,mBACC,gBACA,OACA,WAED,oBACC,gBACA,QACA,WAED,mBACC,kBAED,kBACC,iBAED,gBACC,gCAED,gBACC,gBACA,mBACA,uBAED,uBACC,gBAED,qBACC,cAED,sBACC,uBAED,sBACC,6BAED,uBACC,8BAED,qBACC,2BAED,mBACC,yBAED,mBACC,uBAED,iBACC,qBAED,oBACC,mBAED,mBACC,kBAED,eACC,aAED,eACC,qCACA,4BAED,iBACC,gBAED,aACC,mBAED,eACC,4BAED,gBACC,WACA,mBAED,cACC,wBAED,cACC,yBAED,oBACC,6BACA,0BACC,yBAGF,yBACC,6BACA,+BACC,0BAGF,qBACC,gBAED,qBACC,UACA,6BACA,2BACC,UAGF,sBACC,UACA,4BAIC,0CACC,UAIH,sBACC,yBAED,mBACC,kBAED,iBACC,gBAED,eACC,eAED,eACC,gBAGD,eACC,YAED,eACC,mBAED,eACC,kBAED,eACC,iBAED,eACC,kBAED,eACC,gBAED,eACC,mBAKA,YACC,WAED,YACC,kBAED,YACC,iBAED,YACC,eAED,YACC,kBAED,YACC,gBAED,YACC,iBAED,YACC,YAED,YACC,mBAED,YACC,kBAED,YACC,iBAED,YACC,kBAED,YACC,gBAED,YACC,mBAED,aACC,QA3CD,YACC,WAED,YACC,kBAED,YACC,iBAED,YACC,eAED,YACC,kBAED,YACC,gBAED,YACC,iBAED,YACC,YAED,YACC,mBAED,YACC,kBAED,YACC,iBAED,YACC,kBAED,YACC,gBAED,YACC,mBAED,aACC,QA3CD,YACC,WAED,YACC,kBAED,YACC,iBAED,YACC,eAED,YACC,kBAED,YACC,gBAED,YACC,iBAED,YACC,YAED,YACC,mBAED,YACC,kBAED,YACC,iBAED,YACC,kBAED,YACC,gBAED,YACC,mBAED,aACC,QA3CD,YACC,WAED,YACC,kBAED,YACC,iBAED,YACC,eAED,YACC,kBAED,YACC,gBAED,YACC,iBAED,YACC,YAED,YACC,mBAED,YACC,kBAED,YACC,iBAED,YACC,kBAED,YACC,gBAED,YACC,mBAED,aACC,QA3CD,YACC,WAED,YACC,kBAED,YACC,iBAED,YACC,eAED,YACC,kBAED,YACC,gBAED,YACC,iBAED,YACC,YAED,YACC,mBAED,YACC,kBAED,YACC,iBAED,YACC,kBAED,YACC,gBAED,YACC,mBAED,aACC,QA3CD,YACC,WAED,YACC,kBAED,YACC,iBAED,YACC,eAED,YACC,kBAED,YACC,gBAED,YACC,iBAED,YACC,YAED,YACC,mBAED,YACC,kBAED,YACC,iBAED,YACC,kBAED,YACC,gBAED,YACC,mBAED,aACC,QA3CD,aACC,YAED,aACC,mBAED,aACC,kBAED,aACC,gBAED,aACC,mBAED,aACC,iBAED,aACC,kBAED,aACC,aAED,aACC,oBAED,aACC,mBAED,aACC,kBAED,aACC,mBAED,aACC,iBAED,aACC,oBAED,cACC,SA3CD,aACC,YAED,aACC,mBAED,aACC,kBAED,aACC,gBAED,aACC,mBAED,aACC,iBAED,aACC,kBAED,aACC,aAED,aACC,oBAED,aACC,mBAED,aACC,kBAED,aACC,mBAED,aACC,iBAED,aACC,oBAED,cACC,SA3CD,aACC,YAED,aACC,mBAED,aACC,kBAED,aACC,gBAED,aACC,mBAED,aACC,iBAED,aACC,kBAED,aACC,aAED,aACC,oBAED,aACC,mBAED,aACC,kBAED,aACC,mBAED,aACC,iBAED,aACC,oBAED,cACC,SA3CD,aACC,YAED,aACC,mBAED,aACC,kBAED,aACC,gBAED,aACC,mBAED,aACC,iBAED,aACC,kBAED,aACC,aAED,aACC,oBAED,aACC,mBAED,aACC,kBAED,aACC,mBAED,aACC,iBAED,aACC,oBAED,cACC,SA3CD,aACC,YAED,aACC,mBAED,aACC,kBAED,aACC,gBAED,aACC,mBAED,aACC,iBAED,aACC,kBAED,aACC,aAED,aACC,oBAED,aACC,mBAED,aACC,kBAED,aACC,mBAED,aACC,iBAED,aACC,oBAED,cACC,SA3CD,aACC,YAED,aACC,mBAED,aACC,kBAED,aACC,gBAED,aACC,mBAED,aACC,iBAED,aACC,kBAED,aACC,aAED,aACC,oBAED,aACC,mBAED,aACC,kBAED,aACC,mBAED,aACC,iBAED,aACC,oBAED,cACC,SA3CD,aACC,YAED,aACC,mBAED,aACC,kBAED,aACC,gBAED,aACC,mBAED,aACC,iBAED,aACC,kBAED,aACC,aAED,aACC,oBAED,aACC,mBAED,aACC,kBAED,aACC,mBAED,aACC,iBAED,aACC,oBAED,cACC,SA3CD,aACC,YAED,aACC,mBAED,aACC,kBAED,aACC,gBAED,aACC,mBAED,aACC,iBAED,aACC,kBAED,aACC,aAED,aACC,oBAED,aACC,mBAED,aACC,kBAED,aACC,mBAED,aACC,iBAED,aACC,oBAED,cACC,SA3CD,aACC,YAED,aACC,mBAED,aACC,kBAED,aACC,gBAED,aACC,mBAED,aACC,iBAED,aACC,kBAED,aACC,aAED,aACC,oBAED,aACC,mBAED,aACC,kBAED,aACC,mBAED,aACC,iBAED,aACC,oBAED,cACC,SA3CD,aACC,YAED,aACC,mBAED,aACC,kBAED,aACC,gBAED,aACC,mBAED,aACC,iBAED,aACC,kBAED,aACC,aAED,aACC,oBAED,aACC,mBAED,aACC,kBAED,aACC,mBAED,aACC,iBAED,aACC,oBAED,cACC,SA3CD,aACC,YAED,aACC,mBAED,aACC,kBAED,aACC,gBAED,aACC,mBAED,aACC,iBAED,aACC,kBAED,aACC,aAED,aACC,oBAED,aACC,mBAED,aACC,kBAED,aACC,mBAED,aACC,iBAED,aACC,oBAED,cACC,SA3CD,aACC,YAED,aACC,mBAED,aACC,kBAED,aACC,gBAED,aACC,mBAED,aACC,iBAED,aACC,kBAED,aACC,aAED,aACC,oBAED,aACC,mBAED,aACC,kBAED,aACC,mBAED,aACC,iBAED,aACC,oBAED,cACC,SA3CD,aACC,YAED,aACC,mBAED,aACC,kBAED,aACC,gBAED,aACC,mBAED,aACC,iBAED,aACC,kBAED,aACC,aAED,aACC,oBAED,aACC,mBAED,aACC,kBAED,aACC,mBAED,aACC,iBAED,aACC,oBAED,cACC,SA3CD,aACC,YAED,aACC,mBAED,aACC,kBAED,aACC,gBAED,aACC,mBAED,aACC,iBAED,aACC,kBAED,aACC,aAED,aACC,oBAED,aACC,mBAED,aACC,kBAED,aACC,mBAED,aACC,iBAED,aACC,oBAED,cACC,SA3CD,aACC,YAED,aACC,mBAED,aACC,kBAED,aACC,gBAED,aACC,mBAED,aACC,iBAED,aACC,kBAED,aACC,aAED,aACC,oBAED,aACC,mBAED,aACC,kBAED,aACC,mBAED,aACC,iBAED,aACC,oBAED,cACC,SA3CD,cACC,aAED,cACC,oBAED,cACC,mBAED,cACC,iBAED,cACC,oBAED,cACC,kBAED,cACC,mBAED,cACC,cAED,cACC,qBAED,cACC,oBAED,cACC,mBAED,cACC,oBAED,cACC,kBAED,cACC,qBAED,eACC,UA3CD,cACC,aAED,cACC,oBAED,cACC,mBAED,cACC,iBAED,cACC,oBAED,cACC,kBAED,cACC,mBAED,cACC,cAED,cACC,qBAED,cACC,oBAED,cACC,mBAED,cACC,oBAED,cACC,kBAED,cACC,qBAED,eACC,UA3CD,cACC,aAED,cACC,oBAED,cACC,mBAED,cACC,iBAED,cACC,oBAED,cACC,kBAED,cACC,mBAED,cACC,cAED,cACC,qBAED,cACC,oBAED,cACC,mBAED,cACC,oBAED,cACC,kBAED,cACC,qBAED,eACC,UA3CD,cACC,aAED,cACC,oBAED,cACC,mBAED,cACC,iBAED,cACC,oBAED,cACC,kBAED,cACC,mBAED,cACC,cAED,cACC,qBAED,cACC,oBAED,cACC,mBAED,cACC,oBAED,cACC,kBAED,cACC,qBAED,eACC,UAKD,YACC,UAED,YACC,WAJD,YACC,UAED,YACC,WAJD,YACC,UAED,YACC,WAJD,YACC,UAED,YACC,WAJD,YACC,UAED,YACC,WAJD,YACC,UAED,YACC,WAJD,YACC,UAED,YACC,WAJD,YACC,UAED,YACC,WAJD,YACC,UAED,YACC,WAJD,YACC,UAED,YACC,WAJD,YACC,UAED,YACC,WAJD,aACC,WAED,aACC,YAKD,iBACC,mBAED,iBACC,gBAJD,iBACC,mBAED,iBACC,gBAJD,iBACC,mBAED,iBACC,gBAJD,iBACC,mBAED,iBACC,gBAGF,oBACC,iBAED,oBACC,cAGD,yBACC,iBACC,yBAGF,yBACC,iBACC,yBAIF,kBACC,KACC,0BAGF,kBACC,IACC,6BAED,IACC,6BAED,IACC,6BC5PH,MACC,mBACA,wBACA,gCACA,kCACA,kCAEA,iBACA,sBACA,wBACA,wBACA,8BAEA,sCACA,2BAUC,gXAsBA,iBACA,eACA,mBAFA,mBACA,eACA,mBAFA,iBACA,eACA,iBAFA,kBACA,gBACA,kBAFA,mBACA,iBACA,mBAFA,oBACA,kBACA,oBAFA,mBACA,iBACA,mBAFA,kBACA,gBACA,kBAFA,kBACA,gBACA,kBAFA,oBACA,kBACA,oBAFA,kBACA,aACA,kBAFA,oBACA,kBACA,oBAFA,qBACA,mBACA,qBAFA,mBACA,iBACA,mBAFA,qBACA,mBACA,qBAhCD,kBACC,wBAED,eACC,6BACA,gCAIA,eACC,wBACA,mBAED,YACC,6BACA,6BAEC,mBAGF,iBACC,UAZD,eACC,wBACA,mBAED,YACC,6BACA,6BAEC,mBAGF,iBACC,YAZD,eACC,wBACA,mBAED,YACC,6BACA,6BAEC,mBAGF,iBACC,YAZD,eACC,wBACA,mBAED,YACC,6BACA,6BAEC,mBAGF,iBACC,YAZD,eACC,wBACA,mBAED,YACC,6BACA,6BAEC,mBAGF,iBACC,YAZD,eACC,wBACA,mBAED,YACC,6BACA,6BAKD,iBACC,YAZD,eACC,wBACA,mBAED,YACC,6BACA,6BAKD,iBACC,YAZD,eACC,wBACA,mBAED,YACC,6BACA,6BAKD,iBACC,YAZD,eACC,wBACA,mBAED,YACC,6BACA,6BAKD,iBACC,YAZD,eACC,wBACA,mBAED,YACC,6BACA,6BAKD,iBACC,YAaD,kBACC,oBACA,4BACA,mCACA,YAEA,wBACC,0BAGD,8BACC,mCACA,yBAIF,gBACC,2BAEC,sBACA,4BAKD,mCACA,mBAEA,sBACC,4BAGD,4BACC,mCACA,yBAIF,kBACC,sBAEC,sBACA,4BAKD,mCACA,mBAEA,wBACC,0BAGD,8BACC,mCACA,yBAIF,eACC,eACA,4BACA,mBAGD,aACC,sBACA,mCACA,4BACA,mBAGD,eACC,iBACA,4BACA,mBA5ED,kBACC,sBACA,4BACA,mCACA,YAEA,wBACC,0BAGD,8BACC,mCACA,yBAIF,gBACC,2BAKC,sBACA,4BAED,mCACA,mBAEA,sBACC,4BAGD,4BACC,mCACA,yBAIF,kBACC,sBAKC,sBACA,4BAED,mCACA,mBAEA,wBACC,0BAGD,8BACC,mCACA,yBAIF,eACC,iBACA,4BACA,mBAGD,aACC,sBACA,mCACA,4BACA,mBAGD,eACC,iBACA,4BACA,mBA5ED,gBACC,sBACA,4BACA,mCACA,cAEA,sBACC,4BAGD,4BACC,mCACA,yBAIF,cACC,yBAKC,sBACA,4BAED,mCACA,mBAEA,oBACC,4BAGD,0BACC,mCACA,yBAIF,gBACC,sBAKC,sBACA,4BAED,mCACA,mBAEA,sBACC,4BAGD,4BACC,mCACA,yBAIF,aACC,iBACA,0BACA,mBAGD,WACC,oBACA,iCACA,0BACA,mBAGD,aACC,iBACA,0BACA,mBA5ED,iBACC,sBACA,4BACA,mCACA,cAEA,uBACC,4BAGD,6BACC,mCACA,yBAIF,eACC,0BAKC,sBACA,4BAED,mCACA,mBAEA,qBACC,4BAGD,2BACC,mCACA,yBAIF,iBACC,sBAKC,sBACA,4BAED,mCACA,mBAEA,uBACC,4BAGD,6BACC,mCACA,yBAIF,cACC,iBACA,2BACA,mBAGD,YACC,qBACA,kCACA,2BACA,mBAGD,cACC,iBACA,2BACA,mBA5ED,kBACC,sBACA,4BACA,mCACA,cAEA,wBACC,4BAGD,8BACC,mCACA,yBAIF,gBACC,2BAKC,sBACA,4BAED,mCACA,mBAEA,sBACC,4BAGD,4BACC,mCACA,yBAIF,kBACC,sBAKC,sBACA,4BAED,mCACA,mBAEA,wBACC,4BAGD,8BACC,mCACA,yBAIF,eACC,iBACA,4BACA,mBAGD,aACC,sBACA,mCACA,4BACA,mBAGD,eACC,iBACA,4BACA,mBA5ED,mBACC,sBACA,4BACA,mCACA,cAEA,yBACC,4BAGD,+BACC,mCACA,yBAIF,iBACC,4BAEC,sBACA,4BAKD,mCACA,mBAEA,uBACC,4BAGD,6BACC,mCACA,yBAIF,mBACC,sBAEC,sBACA,4BAKD,mCACA,mBAEA,yBACC,4BAGD,+BACC,mCACA,yBAIF,gBACC,iBACA,6BACA,mBAGD,cACC,uBACA,oCACA,6BACA,mBAGD,gBACC,iBACA,6BACA,mBA5ED,kBACC,sBACA,4BACA,mCACA,cAEA,wBACC,4BAGD,8BACC,mCACA,yBAIF,gBACC,2BAKC,sBACA,4BAED,mCACA,mBAEA,sBACC,4BAGD,4BACC,mCACA,yBAIF,kBACC,sBAKC,sBACA,4BAED,mCACA,mBAEA,wBACC,4BAGD,8BACC,mCACA,yBAIF,eACC,iBACA,4BACA,mBAGD,aACC,sBACA,mCACA,4BACA,mBAGD,eACC,iBACA,4BACA,mBA5ED,iBACC,sBACA,4BACA,mCACA,cAEA,uBACC,4BAGD,6BACC,mCACA,yBAIF,eACC,0BAEC,sBACA,4BAKD,mCACA,mBAEA,qBACC,4BAGD,2BACC,mCACA,yBAIF,iBACC,sBAEC,sBACA,4BAKD,mCACA,mBAEA,uBACC,4BAGD,6BACC,mCACA,yBAIF,cACC,iBACA,2BACA,mBAGD,YACC,qBACA,kCACA,2BACA,mBAGD,cACC,iBACA,2BACA,mBA5ED,iBACC,sBACA,4BACA,mCACA,cAEA,uBACC,4BAGD,6BACC,mCACA,yBAIF,eACC,0BAKC,sBACA,4BAED,mCACA,mBAEA,qBACC,4BAGD,2BACC,mCACA,yBAIF,iBACC,sBAKC,sBACA,4BAED,mCACA,mBAEA,uBACC,4BAGD,6BACC,mCACA,yBAIF,cACC,iBACA,2BACA,mBAGD,YACC,qBACA,kCACA,2BACA,mBAGD,cACC,iBACA,2BACA,mBA5ED,mBACC,sBACA,4BACA,mCACA,cAEA,yBACC,4BAGD,+BACC,mCACA,yBAIF,iBACC,4BAKC,sBACA,4BAED,mCACA,mBAEA,uBACC,4BAGD,6BACC,mCACA,yBAIF,mBACC,sBAKC,sBACA,4BAED,mCACA,mBAEA,yBACC,4BAGD,+BACC,mCACA,yBAIF,gBACC,iBACA,6BACA,mBAGD,cACC,uBACA,oCACA,6BACA,mBAGD,gBACC,iBACA,6BACA,mBA5ED,iBACC,sBACA,4BACA,mCACA,WAEA,uBACC,yBAGD,6BACC,mCACA,yBAIF,eACC,0BAEC,sBACA,4BAKD,mCACA,mBAEA,qBACC,4BAGD,2BACC,mCACA,yBAIF,iBACC,sBAEC,sBACA,4BAKD,mCACA,mBAEA,uBACC,yBAGD,6BACC,mCACA,yBAIF,cACC,iBACA,2BACA,mBAGD,YACC,qBACA,kCACA,2BACA,mBAGD,cACC,iBACA,2BACA,mBA5ED,mBACC,sBACA,4BACA,mCACA,cAEA,yBACC,4BAGD,+BACC,mCACA,yBAIF,iBACC,4BAKC,sBACA,4BAED,mCACA,mBAEA,uBACC,4BAGD,6BACC,mCACA,yBAIF,mBACC,sBAKC,sBACA,4BAED,mCACA,mBAEA,yBACC,4BAGD,+BACC,mCACA,yBAIF,gBACC,iBACA,6BACA,mBAGD,cACC,uBACA,oCACA,6BACA,mBAGD,gBACC,iBACA,6BACA,mBA5ED,oBACC,sBACA,4BACA,mCACA,cAEA,0BACC,4BAGD,gCACC,mCACA,yBAIF,kBACC,6BAEC,sBACA,4BAKD,mCACA,mBAEA,wBACC,4BAGD,8BACC,mCACA,yBAIF,oBACC,sBAEC,sBACA,4BAKD,mCACA,mBAEA,0BACC,4BAGD,gCACC,mCACA,yBAIF,iBACC,iBACA,8BACA,mBAGD,eACC,wBACA,qCACA,8BACA,mBAGD,iBACC,iBACA,8BACA,mBA5ED,kBACC,sBACA,4BACA,mCACA,cAEA,wBACC,4BAGD,8BACC,mCACA,yBAIF,gBACC,2BAKC,sBACA,4BAED,mCACA,mBAEA,sBACC,4BAGD,4BACC,mCACA,yBAIF,kBACC,sBAKC,sBACA,4BAED,mCACA,mBAEA,wBACC,4BAGD,8BACC,mCACA,yBAIF,eACC,iBACA,4BACA,mBAGD,aACC,sBACA,mCACA,4BACA,mBAGD,eACC,iBACA,4BACA,mBA5ED,oBACC,sBACA,4BACA,mCACA,cAEA,0BACC,4BAGD,gCACC,mCACA,yBAIF,kBACC,6BAKC,sBACA,4BAED,mCACA,mBAEA,wBACC,4BAGD,8BACC,mCACA,yBAIF,oBACC,sBAKC,sBACA,4BAED,mCACA,mBAEA,0BACC,4BAGD,gCACC,mCACA,yBAIF,iBACC,iBACA,8BACA,mBAGD,eACC,wBACA,qCACA,8BACA,mBAGD,iBACC,iBACA,8BACA,mBAKH,WACC,gCACA,mBAED,QACC,qBA8DD,YA1DC,sBACA,wBACA,gCACA,kCACA,kCAEA,cACA,sBACA,wBACA,wBACA,wBACA,8BAEA,2BACA,kCAEA,6BACA,mBAGC,mXACA,qBACC,qBAED,kBACC,6BACA,6BAEC,mBAPF,qBACC,qBAED,kBACC,6BACA,6BAEC,mBAPF,qBACC,qBAED,kBACC,6BACA,6BAEC,mBAPF,qBACC,qBAED,kBACC,6BACA,6BAEC,mBAPF,qBACC,qBAED,kBACC,6BACA,6BAEC,mBAPF,qBACC,qBAED,kBACC,6BACA,6BALD,qBACC,qBAED,kBACC,6BACA,6BALD,qBACC,qBAED,kBACC,6BACA,6BALD,qBACC,qBAED,kBACC,6BACA,6BALD,qBACC,qBAED,kBACC,6BACA,6BAOF,uBACC,mBAED,mCAEC,0BAMA,wBACC,sBAGD,qBACC,iBAGD,mBACC,4BATD,wBACC,sBAGD,qBACC,iBAGD,mBACC,4BATD,sBACC,sBAGD,mBACC,iBAGD,iBACC,4BATD,uBACC,sBAGD,oBACC,iBAGD,kBACC,4BATD,wBACC,sBAGD,qBACC,iBAGD,mBACC,4BATD,yBACC,sBAGD,sBACC,iBAGD,oBACC,4BATD,wBACC,sBAGD,qBACC,iBAGD,mBACC,4BATD,uBACC,sBAGD,oBACC,iBAGD,kBACC,4BATD,uBACC,sBAGD,oBACC,iBAGD,kBACC,4BATD,yBACC,sBAGD,sBACC,iBAGD,oBACC,4BATD,uBACC,sBAGD,oBACC,iBAGD,kBACC,4BATD,yBACC,sBAGD,sBACC,iBAGD,oBACC,4BATD,0BACC,sBAGD,uBACC,iBAGD,qBACC,4BATD,wBACC,sBAGD,qBACC,iBAGD,mBACC,4BATD,0BACC,sBAGD,uBACC,iBAGD,qBACC,4BASH,mCACC,YA/DA,sBACA,wBACA,gCACA,kCACA,kCAEA,cACA,sBACA,wBACA,wBACA,wBACA,8BAEA,2BACA,kCAEA,6BACA,mBAGC,mXACA,qBACC,qBAED,kBACC,6BACA,6BAEC,mBAPF,qBACC,qBAED,kBACC,6BACA,6BAEC,mBAPF,qBACC,qBAED,kBACC,6BACA,6BAEC,mBAPF,qBACC,qBAED,kBACC,6BACA,6BAEC,mBAPF,qBACC,qBAED,kBACC,6BACA,6BAEC,mBAPF,qBACC,qBAED,kBACC,6BACA,6BALD,qBACC,qBAED,kBACC,6BACA,6BALD,qBACC,qBAED,kBACC,6BACA,6BALD,qBACC,qBAED,kBACC,6BACA,6BALD,qBACC,qBAED,kBACC,6BACA,6BAOF,uBACC,mBAED,mCAEC,0BAMA,wBACC,sBAGD,qBACC,iBAGD,mBACC,4BATD,wBACC,sBAGD,qBACC,iBAGD,mBACC,4BATD,sBACC,sBAGD,mBACC,iBAGD,iBACC,4BATD,uBACC,sBAGD,oBACC,iBAGD,kBACC,4BATD,wBACC,sBAGD,qBACC,iBAGD,mBACC,4BATD,yBACC,sBAGD,sBACC,iBAGD,oBACC,4BATD,wBACC,sBAGD,qBACC,iBAGD,mBACC,4BATD,uBACC,sBAGD,oBACC,iBAGD,kBACC,4BATD,uBACC,sBAGD,oBACC,iBAGD,kBACC,4BATD,yBACC,sBAGD,sBACC,iBAGD,oBACC,4BATD,uBACC,sBAGD,oBACC,iBAGD,kBACC,4BATD,yBACC,sBAGD,sBACC,iBAGD,oBACC,4BATD,0BACC,sBAGD,uBACC,iBAGD,qBACC,4BATD,wBACC,sBAGD,qBACC,iBAGD,mBACC,4BATD,0BACC,sBAGD,uBACC,iBAGD,qBACC,6BJjRH,SACC,eACA,WACA,aACA,sBACA,SACA,6BAIA,+BACC,UAGF,QACC,yBACA,aACA,sBACA,uCACA,4BACA,4BACA,cAED,iBACC,gCAGD,eACC,aACA,mBACA,4BACA,UAGD,gBACC,OAGD,eACC,gBACA,aACA,mBACA,4BACA,UAED,eACC,kBACA,aACA,eACA,qBACA,yBACA,SACA,WACA,eACA,4BACA,qCACC,sBAED,qCACC,uBAED,mCACC,sBAGF,gBACC,iBACA,+FAGC,cAED,iCACC,kBACA,UACA,WACA,kBACA,qCACA,4BAIF,oBACC,4BACA,8BACA,sBACA,gBACA,oBAGD,cACC,0BACA,kEACA,cACA,aACA,qBACA,6BACA,sBACA,sDACA,eACA,qBACC,mBAED,2EAGC,4BACA,+BAED,8BACC,4BAED,8BACC,6BAED,4BACC,4BAGF,oBACC,2BACA,uCAED,mBACC,6CACA,gBACA,4BACA,yBAGD,SACC,uBACA,OACA,WACA,cACA,aACA,6BACA,yBACA,sBAEA,kGAEC,wBAED,mBACC,0BAED,kBACC,uCACA,mBAIF,iBACC,wBACA,cACA,kBACA,UACA,eACA,mBACA,4BACA,oBAED,iBACC,sBAED,iBACC,uBAED,eACC,sBAGD,YACC,cACA,gDACA,eACA,iBAGD,iCAEC,wCACA,aACA,mBACA,mBACA,+CACC,sBACA,aAGF,iBACC,eACA,+BACA,kCAED,gBACC,cACA,gCACA,mCAIA,iEAEC,cAIF,gBACC,kBACA,uBACA,iBAED,WACC,UACA,oBACC,gBACA,yBACA,eACA,eACA,+BACA,WACA,YAIF,qBACC,kBACA,WACA,YAGD,mBACC,aACA,mBACA,uBACA,WACA,YACA,6BACA,oBACA,qBACC,mBAIF,oBACC,eACA,WACA,WACA,SACA,YACA,aACA,mBACA,QACA,qCACA,4BACA,eACA,mBACA,6BACA,0BACC,UAGF,2BACC,UAGD,mBACC,aACA,sBACA,mBACA,iBACA,6BACA,4BAED,SACC,kBACA,oBACA,kBACA,cACA,4BAGD,iBACC,kBACA,UACA,oBACA,kBACA,oBACA,wCACA,sBACA,qCACA,4BACA,yBACA,gBACA,oBACA,6BACC,WACA,UACA,UACA,kBACA,gBACA,oBAED,uDAEC,wCAGF,oBACC,aACA,sBACA,gBACA,YACA,QACA,kBACA,sBAED,mBACC,eACA,QACA,YACA,oBACA,iCACA,0BACA,6BACA,UACA,aACA,4BACC,UACA,qBAIF,UACC,kBACA,aACA,sBACA,eACA,gBACA,cACA,yBACA,6BACA,+BACA,4BAED,eACC,iBACA,mCAED,cACC,eACA,mCAED,gBACC,iBACA,kCAED,iBACC,eACA,kCAED,oBACC,UACA,eACA,qBAGD,kCAEC,aACA,mBACA,aACA,8CACC,aAIF,kBACC,OACA,kBAGD,gBACC,kBACA,aACA,sBACA,4BAED,eACC,aAGD,oBACC,aACA,SAED,6BACC,sBAGD,qBACC,cACA,qCACA,qBAGD,qBACC,OAED,MACC,sBAED,UACC,aACA,sBAGC,wJAEC,4BAIH,qBACC,4BACA,+EAEC,YAIF,mBACC,aACA,QACA,gCACA,gBACA,YACA,8CACA,6BACA,0BACC,wBACA,gCACC,sBACA,sDACC,UAKJ,sBACC,kBACA,UACA,SACA,SACA,6BACA,UACA,oBACA,6BAGD,kBACC,OACA,aACA,uBACA,gCACA,8CACA,6BACA,cACA,qBACA,qBACA,qBACA,aACA,8BACC,4BAED,gDAEC,4BAED,oBACC,kBAED,sBACC,SAED,+BACC,+BACA,qBAGF,SACC,kBACA,oBACA,mBACA,uBACA,kBACA,4BACA,gBACA,sBACA,qCACA,4BACA,cACA,8BACC,UACA,4BAED,aACC,sBACA,WACA,YACA,iBAIF,eACC,kBACA,QACA,aACA,mBACA,uBACA,4BAED,YACC,eACA,WACA,oBACA,aACA,sBACA,uBACA,cACA,6BACA,eAGD,WACC,kBACA,uBACA,mBACA,UACA,6BACA,sDACA,qCACA,4BACA,yBACA,4BACA,4BACC,UACA,0BAGF,QACC,aACA,eAED,eACC,uBACA,8BACC,iBAGF,YACC,QAED,iBACC,oBACA,qBACA,UACA,4BACA,sBAEC,yCACC,0CAED,0CACC,0CAED,0CACC,gBAID,2CACC,gBAKH,oBACC,cACA,kBACA,aACA,eACA,WACA,oBAGD,iBACC,oBACA,6BACA,iBACA,sBACA,qBACA,uBACC,aAIF,kBACC,kBACA,aACA,eACA,eACA,cACA,gBACA,gBACA,sBACA,6BACA,UACA,kBAGD,mBACC,QACA,SAED,mBACC,eACA,YACA,eACA,oBACA,0CACA,0BAEC,+BACC,oCACA,qCAIH,oBACC,kBACA,0CAED,mBACC,aAED,sGAIC,YACA,kBACA,6BAED,0BACC,SACA,QACA,WACA,UACA,kDACA,iDACA,iCACA,kBAGA,yBACC,OACA,QACA,UACA,WACA,6BACA,oCACA,kBACA,6BACA,mCAGA,gCACC,YAED,wCACC,YAMF,6CACC,mCACA,mDACC,wBAGF,4CACC,mCACA,kDACC,uCACA,iCACA,mCAGF,2CACC,wBAID,oCACC,cACA,gBACA,eACA,aACA,mBACA,mBACA,kBACA,kCAED,0CACC,gCACA,4BAED,4CACC,qCACA,wBACA,+BAGF,mBACC,kBACA,mCACA,yBACC,2CACA,WACA,WACA,SACA,QACA,gCACA,4BAIF,oBACC,gBACA,eACA,sBACA,oBAIA,sCACC,4CACA,8CACC,kCAGF,wCACC,qBAID,sCACC,4CACA,8CACC,kCAGF,wCACC,qBAID,oCACC,0CACA,4CACC,gCAGF,sCACC,mBAGF,YACC,4BAED,qBACC,gCAEA,uDACC,oCAGF,iBACC,4BAED,mBACC,aACA,8BACA,mBACA,aACA,6BACA,gBACA,4BACA,yBACC,6CAGF,mBACC,SACA,aACA,iBAED,oBACC,eACA,SACA,gBACA,6BACA,4BAED,+DAEC,UAED,uCACC,aACA,aAED,qBACC,oBACA,WACA,yCACC,eACA,SACA,gBAGF,sBACC,4BACA,cAED,oBACC,2BACA,iBAEA,gCACC,gBACA,eAED,yCACC,kBACA,QACA,WACA,qCACA,0BAIF,YACC,aACA,gBACA,wBACA,kBACA,mDACA,6CACA,eACA,qBACC,gBACA,iBAIF,qBACC,wCACA,+CACA,sCACC,+CAKD,oCACC,wCACA,mDACC,2CAKH,4BACC,8CAEA,iBACA,kCACC,wCACA,gDACA,mDACC,UAED,oEACC,UAKH,iBACC,gBACA,aACA,mBACA,wCACA,QACA,4BACA,2CACA,iCACA,gBAUD,kCACC,UAED,6BACC,qCAED,4BACC,oCAED,yBACC,YACA,cACA,gBACA,YACA,wBACA,mBACA,gBAED,kCACC,cACA,uBACA,mCAIA,oCACC,wDACA,UACA,mBACA,uBACA,cACA,iBACA,4BAED,qDACC,UAIF,oBACC,kBACA,iBACA,UACA,gBACA,iBACA,0BACC,gCAIF,uBACC,eACA,6BACC,2CAGF,mBACC,aACA,sBACA,cACA,WACA,gBACA,qBAGA,qCACC,qBACA,yBAED,oCACC,wBAID,4DACC,wBAID,4DACC,wBAGF,OACC,cACA,gCACA,wCACA,mCACA,kBACA,oBACA,mBACA,uBACA,eACA,eACA,cACA,4BACA,+BACA,6BACA,iBACA,eACA,mBACA,aACA,gBACA,gBACA,6BACA,mBACA,cACA,cACA,2BACC,WAGF,cACC,gBAED,sBACC,oBACA,eACA,mBACA,qBACA,0CACC,6BACA,eAGF,aACC,WAED,aACC,iBAED,eACC,cACA,WAED,aACC,WACA,cACA,gBACA,eAED,YACC,cACA,aACA,eACA,eAED,cACC,UACA,aACA,sDAEC,UAGF,aACC,sCAED,cACC,gCAED,iBACC,mCACA,6BACA,wBAED,YACC,mCACA,mCACA,0BACA,wBAED,eACC,wCACA,2BACA,qBACC,0BACA,0BAGF,gFAGC,sCAED,eACC,iBAGD,eACC,aACA,eAGD,uBACC,aAEC,gDACC,yBACA,4BAED,+CACC,0BACA,6BAIH,sBACC,aACA,sBAEC,+CACC,yBACA,0BAED,8CACC,6BACA,4BAIH,QACC,aACA,cAGD,aACC,aACA,eACA,uBACA,6BACA,4BAGD,sBACC,0CACA,4CACC,gBAED,wCACC,yBACA,0BAED,uCACC,6BACA,4BAED,4BACC,0CACA,UAIF,eACC,kBACA,eACA,iBACA,mBACA,8BACA,qBACC,6CAIF,mBACC,sBAED,mBACC,eACA,QACA,YACA,aACA,6BACA,UACA,oBACA,aACA,gBACA,kCACC,UAGF,kBACC,iCACA,0BACA,iCACC,qBAGF,oBACC,eAGD,SACC,kBACA,aACA,sBACA,YACA,eACA,gBACA,kBACA,4BACA,6BACA,6BACA,6BACA,iBACC,oCAGF,yBACC,UACA,eACA,qBAGD,gCAEC,kBACA,aACA,mBACA,aACA,SACA,4CACC,aAGF,gBACC,uBAGD,iBACC,kBACA,OACA,gBACA,gBAIA,wBACC,kBACA,aACA,sBACA,4BAGF,cACC,aAGD,qBACC,gBAED,qBACC,aACA,sBACA,uBACA,mBACA,SACA,kBACA,wBACA,sBAGD,gBACC,oBACA,UACA,WACA,0CAED,SACC,kBACA,OACA,MACA,YACA,UACA,uCACA,4BACA,6BACA,yBACA,4BAGD,eACC,kBACA,UACA,YACA,oBACA,YACA,oBACC,uBAGF,aACC,aACA,gBAED,sBACC,sBACA,wCACC,iBACA,WACA,WAIF,eACC,cAED,eACC,OACA,cAED,kBACC,kBACA,aACA,uBACA,mBACA,UACA,YACA,0BACA,iBACA,6BACA,kBACA,iBACA,+DAEC,iCACA,6GACC,UAIH,uBACC,aACA,kBACA,UACA,oBACA,UACA,6BACA,mBACA,4BACA,eAED,SACC,kBACA,oBACA,eACA,QAGD,eACC,yBACA,8BACA,gBAGD,cACC,oBACA,qBACA,4BAEC,mCACC,0CACA,qCAKF,oCACC,QACA,SAGF,gCACC,0CAED,gCACC,2CAED,8BACC,0CAGD,iBACC,cACA,kBACA,aACA,eACA,WACA,oBAED,wBACC,UAGD,cACC,oBACA,iBACA,6BACA,iBACA,sBACA,qBAGD,eACC,kBACA,aACA,eACA,eACA,cACA,cACA,gBACA,gBACA,kBACA,oBACA,UACA,kBACA,0CAED,iBACC,6BAGA,uCACC,kBACA,+BACA,qCACA,gBACA,qDACC,wBAIH,wBACC,qBAED,gBACC,aACA,8BACC,cACA,iBACA,gBACA,gBACA,mBACA,kCACA,oCACC,qCACA,4BAGF,sCACC,+BACA,wBACA,+BAIF,iBACC,gBACA,eACA,sBACA,oBAIA,gCACC,4CAED,kCACC,qBAID,gCACC,4CAED,kCACC,qBAID,8BACC,0CAED,gCACC,mBAGF,YACC,cACA,kBACA,aACA,+BACA,4BACA,eAED,qBACC,YACA,qCACC,YACA,oBAIF,gBACC,kBACA,WACA,6BACA,4BACA,sBACA,6BAGD,mBACC,kBACA,QACA,QACA,aACA,gBACA,cACA,wCACA,6BACA,sBACA,yBACA,iBACA,gBAGD,uEAEC,wCAGD,mBACC,kBAED,wBACC,6BACA,mBAED,yBACC,kBACA,SACA,QACA,gCACA,gBAED,SACC,gBAGD,eACC,oBACA,sBAGD,cACC,cAED,cACC,aACA,mBACA,SAGD,QACC,0BACA,wBACA,kBACA,oBACA,mBACA,uBACA,gBACA,cACA,iBACA,4BACA,+BACA,6BACA,iBACA,eACA,mBACA,aACA,mBACA,6BACA,4BACC,WAED,6BACC,kBACA,QACA,UACA,qCACA,4BAED,cACC,0CAED,sBACC,gCACA,mCACA,eAED,uBACC,oBACA,eAGF,UACC,aACA,SAED,mBACC,eACA,qBAEA,0BACC,kBACA,eACA,oBACA,0BAIF,kBACC,cACA,aACA,sBACA,gBACA,YACA,QACA,kBACA,sBAEA,+BACC,sBACA,mBACA,qBACA,kDACC,wBACA,+BACA,yEACC,UAGF,wCACC,oBAMD,2DACC,yBAIH,uBACC,UAGD,iBACC,gBACA,MACA,UACA,aACA,eACA,qCACA,4BACA,oDACA,uBACC,aAGF,QACC,aACA,eACA,SACA,gBAED,iBACC,sBACA,8BACC,mBAEC,kEACC,mBAMJ,aACC,aACA,sBACA,SACA,cACA,6BACA,wBACC,UACA,wCACC,aAGF,kCACC,WACA,kDACC,mBAGF,iCACC,WAED,mBACC,UAIF,mBACC,aACA,mBACA,uBACA,cACA,YACA,kBACA,oBACA,0BACA,wBAGD,gBACC,OACA,kBACA,iCAGD,mBACC,aACA,mBACA,SACA,mBAGD,kBACC,aACA,sBACA,mBACA,SAED,mBACC,aACA,sBACA,SAED,iBACC,sCAED,sBACC,0BACA,wBACA,4CAED,qBACC,KACC,6BAGF,UACC,kBACA,eACA,iBAEC,gCACC,YAGF,gCACC,UAIF,gBACC,kBACA,gBACA,mBACA,4BAGD,eACC,aACA,sBAGA,8BACC,UAED,gCACC,UAID,mCACC,YACA,mBAED,kCACC,sBAED,kCACC,WAED,mCACC,WACA,WAED,kCACC,WACA,UACA,6BAED,kCACC,4BAIF,eACC,OACA,cACA,aACA,uBACA,mBACA,gBACA,6BAGD,gBACC,kBACA,QACA,oBACA,mBACA,uBACA,4BACA,6BACA,6BACA,UAED,eACC,UAED,eACC,WAGD,qBACC,cACA,aACA,uBACA,SAED,2BACC,kBACA,SACA,SACA,6BAED,oBACC,UACA,WACA,kBACA,cACA,wBACA,YACA,0BACC,WAED,uCACC,UAGF,QACC,eACA,SAGA,yBACC,QAED,wBACC,eACA,qCACC,2BAGF,6BACC,6BAED,8CACC,SACA,yDACC,kBAIH,sBACC,aACA,4BACA,uBACA,QACA,mBAED,qBACC,qBACA,sBAED,YACC,OACA,kBACA,aACA,uBACA,cACA,iBACA,sBACA,qBACA,QAED,+BACC,aAGA,mCACC,kBACA,0CACC,kBACA,SACA,OACA,QACA,WACA,oCACA,WACA,UAGF,yBACC,QACA,oCACC,8CACA,+BACA,0CACC,4BACA,sCAGF,uCACC,UACA,yBACA,4BACA,0CACA,wCACA,6CACC,+BAKF,yCACC,WACA,MACA,YACA,YACA,gBACA,sCAGA,yDACC,8CACA,+BACA,+DACC,4BACA,qCAGF,4DACC,4BACA,yCACA,kEACC,+BAML,WACC,wBACA,kBACA,UACA,aACA,mBACA,uBACA,kBACA,iBACA,cACA,UACA,mBACA,4BACA,iBACC,wBAED,wBACC,2BAID,4BACC,mBAED,+BACC,+BAID,2BACC,gBACA,8CACA,wCACC,6CACA,mCAIH,iBACC,SACA,eACA,UACA,uBACC,mBAGF,gBACC,kBACA,WACA,OACA,SACA,+BACA,oBACA,6BACA,kBAGA,iCACC,QACA,iDACC,QACA,WACA,aACA,QACA,MAIH,gBACC,kBACA,OAED,eACC,aACA,4BACC,cAGF,OACC,6BACA,wBACA,kBACA,oBACA,mBACA,uBACA,kBACA,SACA,kBACA,4BACA,6BACA,mBACA,+BACA,6BACA,gBACA,cACA,oBACC,kBACA,QACA,MACA,UACA,SACA,wBACA,mBACA,+BACA,gBACA,oBACA,0BACC,0BACA,mBAID,gCACC,UACA,wCAIH,aACC,cAED,eACC,gBACA,WAED,aACC,gBACA,oBAGD,WACC,YACA,aACA,cACA,kBACA,8BACA,gDACA,cACA,mBAGD,eACC,0BACA,0BAGD,mBACC,wCACA,UAED,iBACC,eACA,uBACC,mCACA,yBAGF,oBACC,kBACA,QACA,gBACA,oBACA,sBACA,eAED,UACC,kBACA,wBACA,YACA,4CACA,qBACA,kBAED,iBACC,UACA,yCAED,oBACC,oBACA,YACA,8CACC,mBAIF,qBACC,aAGD,gBACC,cACA,aACA,eACA,SAGA,+CACC,sBAED,8BACC,iBAIF,eACC,aACA,eACA,WACA,YACA,iBACA,qBACC,aAIF,iBACC,UACA,SACA,UACA,eACA,aACA,yBAGD,cACC,kBAED,mBACC,oBACA,8BACA,+BACA,WACA,cACA,yBACC,UAIF,eACC,kBACA,oBACA,mBACA,UACA,mBACA,6CACA,4BACA,qCACA,6BACA,eACA,gCACC,kBACA,8BACA,WACA,sCACC,8BACA,WAGF,qBACC,6CACA,sCACC,UAKH,oBACC,kBACA,aACA,sBACA,mBACA,uBACA,UACA,8BACA,+BACA,4BACA,uCACA,eACA,uDAEC,WACA,YACA,iBAED,wCACC,eACA,gBACA,mBACA,uBACA,eACA,mBAED,qCACC,gBACA,kBACA,8BACA,WACA,2CACC,8BACA,WAID,2CACC,UAKH,eACC,eACA,qBAGD,uBACC,aAED,SACC,kBACA,gBACA,4BACA,gBACA,eACC,WACA,YAIF,kBACC,kBACA,OACA,YACA,QACA,aACA,mBACA,YACA,QACA,eACA,mBACA,iBACA,6BACA,qCACA,4BACA,yBACC,cAED,0BACC,gBAED,wBACC,UACA,qBAGF,yBACC,UACA,oBAGD,iBACC,aACA,mBAGD,eACC,kBACA,aACA,mBACA,QAGD,gBACC,kBACA,UACA,YACA,SACA,+BACA,YACA,UACA,oBACA,4BACA,6BACA,4BACA,qCAED,wBACC,kBAEC,8CACC,UACA,qBAIH,QACC,aACA,sBACA,QACA,qBAED,oBACC,kBACA,cACA,aACA,gBACA,kBACA,eACA,0BACC,YACA,iBACA,OACA,WACA,kBACA,0BAGF,oBACC,kBACA,aACA,mBACA,UACA,aACA,iBACA,4BACA,gBACA,qBACA,sCACC,oBAED,mEAEC,+BACA,wBAIF,cACC,gBAGD,kBACC,aAED,iBACC,kBAGD,eACC,iBACA,6BACA,sBACA,qBACA,qBACC,qBACA,qCAGF,qBACC,aACA,gBACA,mDAGA,oCACC,oDACA,kBAED,mCACC,wBACA,UAEA,kDACC,0BAIH,oBACC,eAED,cACC,aAGD,mBACC,cACA,kBACA,cACA,YACA,kBACA,aACA,sBACA,QACA,qBACA,sCACC,aAED,oCACC,sCAIF,mBACC,cACA,mBACA,4BACA,WACA,yBACC,gCACA,UAED,4CACC,gBACA,MACA,SACA,UACA,6BACA,gCACA,UAIF,mBACC,kBACA,WACA,oBAID,sBACC,kBACA,oBACA,mBACA,eACA,UAGD,sBACC,qBACA,YACA,aACA,gCACA,4BACA,eACA,6BACA,4BACC,4BAIF,sBACC,aACA,QACA,eAGD,oBACC,6BACA,eACA,mBACA,4BACA,0BACA,0BACC,0BAIF,uBACC,gBACA,mBAED,cACC,kBACA,aACA,eACA,mBACA,kBACA,aACA,mBACA,uBACA,kBACA,qBACA,6BACA,4BACA,eACA,oBACC,qBACA,uCAGF,SACC,YACA,UACA,WACA,qBAED,oBACC,eAED,cACC,YACA,iCACC,eAIF,wCAEC,aACA,qCACA,QAGD,sCAEC,aACA,uBACA,mBAED,mBACC,qBAED,mBACC,0BACA,WACA,4BACA,oBACA,6BACA,mBAEA,yBACC,UACA,kCAED,2CACC,WAED,sCACC,kCAGD,uCACC,gCACA,mCACA,UAED,yCACC,WACA,mBAIF,oBACC,mBACA,aACA,mBACA,WACA,qBACA,eAED,qBACC,kBACA,aACA,qBACA,UACA,oBACA,iBACA,4BACA,0BACC,mBACA,iBAED,2BACC,+BAIF,mBACC,kBACA,WACA,oBAGD,iBACC,kBACA,QACA,UACA,YACA,SACA,6BACA,4BACA,aACA,oBACA,UACA,6BACA,qCACC,UACA,qBAGF,oBACC,UACA,kBACA,aACA,sBACA,gBACA,UAED,qBACC,iBACA,OACA,aACA,qCACA,UAED,mBACC,OAED,uCAEC,aACA,YACA,iBACA,4BACA,uBACA,mBACA,mDACC,6CAED,+EACC,6BACA,gCACA,UAIF,oBACC,kBACA,QACA","file":"index.css"}
+{"version":3,"sourceRoot":"","sources":["stdin","file:///D:/codes/ioca-react/packages/css/var.scss","file:///D:/codes/ioca-react/packages/css/reset.scss","file:///D:/codes/ioca-react/packages/css/helper.scss","file:///D:/codes/ioca-react/packages/css/color.scss"],"names":[],"mappings":"AAqxEQ,qDCnxER,MACC,kBACA,sFAEA,6BAEA,0BACA,cACA,iCACA,mBACA,oBAEA,oBACA,oBCfD,kEAUC,cAED,EACC,SACA,UACA,SACA,sBAED,yCAUC,gBAED,EACC,cACA,qBACA,eACA,6BAED,SAEC,gBAED,KACC,kBACA,iBACA,mBACA,iBACA,kBACA,uBAED,6BAIC,aAED,uBACC,mBACA,gBAED,MAEC,gBAED,uBAIC,cACA,YACA,gBACA,eACA,6BAED,GACC,iBACA,gBAED,GACC,eACA,gBAED,GACC,iBAED,GACC,iBAED,MAEC,eAED,MACC,eAED,SAEC,oBAED,YACC,8CAED,gCACC,UACA,WACA,eAED,sCACC,gCACA,eACA,4BC3GA,4CAIC,qBACA,oBACA,cACA,eACA,kBACA,gBACA,gBACA,mBAED,uBAEC,0BACA,qBACA,kBAED,qBAEC,8BACA,mBACA,qCACA,sCACA,wCAED,YACC,oBACA,gBACA,6BACA,gCACA,4BACA,6BACA,kBACC,wCACA,mCAGF,YACC,oBACA,kBACA,mBACA,kBAGD,gBACC,kBAED,gBACC,kBAED,aACC,eAED,YACC,aACA,YAED,YACC,aAED,mBACC,sBAED,iBACC,eAED,cACC,OAED,mBACC,cAED,kBACC,gBACA,MACA,WAED,qBACC,gBACA,SACA,WAED,mBACC,gBACA,OACA,WAED,oBACC,gBACA,QACA,WAED,mBACC,kBAED,kBACC,iBAED,gBACC,gCAED,gBACC,gBACA,mBACA,uBAED,uBACC,gBAED,qBACC,cAED,sBACC,uBAED,sBACC,6BAED,uBACC,8BAED,qBACC,2BAED,mBACC,yBAED,mBACC,uBAED,iBACC,qBAED,oBACC,mBAED,mBACC,kBAED,eACC,aAED,eACC,qCACA,4BAED,iBACC,gBAED,aACC,mBAED,eACC,4BAED,gBACC,WACA,mBAED,cACC,wBAED,cACC,yBAED,oBACC,6BACA,0BACC,yBAGF,yBACC,6BACA,+BACC,0BAGF,qBACC,gBAED,qBACC,UACA,6BACA,2BACC,UAGF,sBACC,UACA,4BAIC,0CACC,UAIH,sBACC,yBAED,mBACC,kBAED,iBACC,gBAED,eACC,eAED,eACC,gBAGD,eACC,YAED,eACC,mBAED,eACC,kBAED,eACC,iBAED,eACC,kBAED,eACC,gBAED,eACC,mBAKA,YACC,WAED,YACC,kBAED,YACC,iBAED,YACC,eAED,YACC,kBAED,YACC,gBAED,YACC,iBAED,YACC,YAED,YACC,mBAED,YACC,kBAED,YACC,iBAED,YACC,kBAED,YACC,gBAED,YACC,mBAED,aACC,QA3CD,YACC,WAED,YACC,kBAED,YACC,iBAED,YACC,eAED,YACC,kBAED,YACC,gBAED,YACC,iBAED,YACC,YAED,YACC,mBAED,YACC,kBAED,YACC,iBAED,YACC,kBAED,YACC,gBAED,YACC,mBAED,aACC,QA3CD,YACC,WAED,YACC,kBAED,YACC,iBAED,YACC,eAED,YACC,kBAED,YACC,gBAED,YACC,iBAED,YACC,YAED,YACC,mBAED,YACC,kBAED,YACC,iBAED,YACC,kBAED,YACC,gBAED,YACC,mBAED,aACC,QA3CD,YACC,WAED,YACC,kBAED,YACC,iBAED,YACC,eAED,YACC,kBAED,YACC,gBAED,YACC,iBAED,YACC,YAED,YACC,mBAED,YACC,kBAED,YACC,iBAED,YACC,kBAED,YACC,gBAED,YACC,mBAED,aACC,QA3CD,YACC,WAED,YACC,kBAED,YACC,iBAED,YACC,eAED,YACC,kBAED,YACC,gBAED,YACC,iBAED,YACC,YAED,YACC,mBAED,YACC,kBAED,YACC,iBAED,YACC,kBAED,YACC,gBAED,YACC,mBAED,aACC,QA3CD,YACC,WAED,YACC,kBAED,YACC,iBAED,YACC,eAED,YACC,kBAED,YACC,gBAED,YACC,iBAED,YACC,YAED,YACC,mBAED,YACC,kBAED,YACC,iBAED,YACC,kBAED,YACC,gBAED,YACC,mBAED,aACC,QA3CD,aACC,YAED,aACC,mBAED,aACC,kBAED,aACC,gBAED,aACC,mBAED,aACC,iBAED,aACC,kBAED,aACC,aAED,aACC,oBAED,aACC,mBAED,aACC,kBAED,aACC,mBAED,aACC,iBAED,aACC,oBAED,cACC,SA3CD,aACC,YAED,aACC,mBAED,aACC,kBAED,aACC,gBAED,aACC,mBAED,aACC,iBAED,aACC,kBAED,aACC,aAED,aACC,oBAED,aACC,mBAED,aACC,kBAED,aACC,mBAED,aACC,iBAED,aACC,oBAED,cACC,SA3CD,aACC,YAED,aACC,mBAED,aACC,kBAED,aACC,gBAED,aACC,mBAED,aACC,iBAED,aACC,kBAED,aACC,aAED,aACC,oBAED,aACC,mBAED,aACC,kBAED,aACC,mBAED,aACC,iBAED,aACC,oBAED,cACC,SA3CD,aACC,YAED,aACC,mBAED,aACC,kBAED,aACC,gBAED,aACC,mBAED,aACC,iBAED,aACC,kBAED,aACC,aAED,aACC,oBAED,aACC,mBAED,aACC,kBAED,aACC,mBAED,aACC,iBAED,aACC,oBAED,cACC,SA3CD,aACC,YAED,aACC,mBAED,aACC,kBAED,aACC,gBAED,aACC,mBAED,aACC,iBAED,aACC,kBAED,aACC,aAED,aACC,oBAED,aACC,mBAED,aACC,kBAED,aACC,mBAED,aACC,iBAED,aACC,oBAED,cACC,SA3CD,aACC,YAED,aACC,mBAED,aACC,kBAED,aACC,gBAED,aACC,mBAED,aACC,iBAED,aACC,kBAED,aACC,aAED,aACC,oBAED,aACC,mBAED,aACC,kBAED,aACC,mBAED,aACC,iBAED,aACC,oBAED,cACC,SA3CD,aACC,YAED,aACC,mBAED,aACC,kBAED,aACC,gBAED,aACC,mBAED,aACC,iBAED,aACC,kBAED,aACC,aAED,aACC,oBAED,aACC,mBAED,aACC,kBAED,aACC,mBAED,aACC,iBAED,aACC,oBAED,cACC,SA3CD,aACC,YAED,aACC,mBAED,aACC,kBAED,aACC,gBAED,aACC,mBAED,aACC,iBAED,aACC,kBAED,aACC,aAED,aACC,oBAED,aACC,mBAED,aACC,kBAED,aACC,mBAED,aACC,iBAED,aACC,oBAED,cACC,SA3CD,aACC,YAED,aACC,mBAED,aACC,kBAED,aACC,gBAED,aACC,mBAED,aACC,iBAED,aACC,kBAED,aACC,aAED,aACC,oBAED,aACC,mBAED,aACC,kBAED,aACC,mBAED,aACC,iBAED,aACC,oBAED,cACC,SA3CD,aACC,YAED,aACC,mBAED,aACC,kBAED,aACC,gBAED,aACC,mBAED,aACC,iBAED,aACC,kBAED,aACC,aAED,aACC,oBAED,aACC,mBAED,aACC,kBAED,aACC,mBAED,aACC,iBAED,aACC,oBAED,cACC,SA3CD,aACC,YAED,aACC,mBAED,aACC,kBAED,aACC,gBAED,aACC,mBAED,aACC,iBAED,aACC,kBAED,aACC,aAED,aACC,oBAED,aACC,mBAED,aACC,kBAED,aACC,mBAED,aACC,iBAED,aACC,oBAED,cACC,SA3CD,aACC,YAED,aACC,mBAED,aACC,kBAED,aACC,gBAED,aACC,mBAED,aACC,iBAED,aACC,kBAED,aACC,aAED,aACC,oBAED,aACC,mBAED,aACC,kBAED,aACC,mBAED,aACC,iBAED,aACC,oBAED,cACC,SA3CD,aACC,YAED,aACC,mBAED,aACC,kBAED,aACC,gBAED,aACC,mBAED,aACC,iBAED,aACC,kBAED,aACC,aAED,aACC,oBAED,aACC,mBAED,aACC,kBAED,aACC,mBAED,aACC,iBAED,aACC,oBAED,cACC,SA3CD,aACC,YAED,aACC,mBAED,aACC,kBAED,aACC,gBAED,aACC,mBAED,aACC,iBAED,aACC,kBAED,aACC,aAED,aACC,oBAED,aACC,mBAED,aACC,kBAED,aACC,mBAED,aACC,iBAED,aACC,oBAED,cACC,SA3CD,aACC,YAED,aACC,mBAED,aACC,kBAED,aACC,gBAED,aACC,mBAED,aACC,iBAED,aACC,kBAED,aACC,aAED,aACC,oBAED,aACC,mBAED,aACC,kBAED,aACC,mBAED,aACC,iBAED,aACC,oBAED,cACC,SA3CD,cACC,aAED,cACC,oBAED,cACC,mBAED,cACC,iBAED,cACC,oBAED,cACC,kBAED,cACC,mBAED,cACC,cAED,cACC,qBAED,cACC,oBAED,cACC,mBAED,cACC,oBAED,cACC,kBAED,cACC,qBAED,eACC,UA3CD,cACC,aAED,cACC,oBAED,cACC,mBAED,cACC,iBAED,cACC,oBAED,cACC,kBAED,cACC,mBAED,cACC,cAED,cACC,qBAED,cACC,oBAED,cACC,mBAED,cACC,oBAED,cACC,kBAED,cACC,qBAED,eACC,UA3CD,cACC,aAED,cACC,oBAED,cACC,mBAED,cACC,iBAED,cACC,oBAED,cACC,kBAED,cACC,mBAED,cACC,cAED,cACC,qBAED,cACC,oBAED,cACC,mBAED,cACC,oBAED,cACC,kBAED,cACC,qBAED,eACC,UA3CD,cACC,aAED,cACC,oBAED,cACC,mBAED,cACC,iBAED,cACC,oBAED,cACC,kBAED,cACC,mBAED,cACC,cAED,cACC,qBAED,cACC,oBAED,cACC,mBAED,cACC,oBAED,cACC,kBAED,cACC,qBAED,eACC,UAKD,YACC,UAED,YACC,WAJD,YACC,UAED,YACC,WAJD,YACC,UAED,YACC,WAJD,YACC,UAED,YACC,WAJD,YACC,UAED,YACC,WAJD,YACC,UAED,YACC,WAJD,YACC,UAED,YACC,WAJD,YACC,UAED,YACC,WAJD,YACC,UAED,YACC,WAJD,YACC,UAED,YACC,WAJD,YACC,UAED,YACC,WAJD,aACC,WAED,aACC,YAKD,iBACC,mBAED,iBACC,gBAJD,iBACC,mBAED,iBACC,gBAJD,iBACC,mBAED,iBACC,gBAJD,iBACC,mBAED,iBACC,gBAGF,oBACC,iBAED,oBACC,cAGD,yBACC,iBACC,yBAGF,yBACC,iBACC,yBAIF,kBACC,KACC,0BAGF,kBACC,IACC,6BAED,IACC,6BAED,IACC,6BC5PH,MACC,mBACA,wBACA,gCACA,kCACA,kCAEA,iBACA,sBACA,wBACA,wBACA,8BAEA,sCACA,2BAUC,gXAsBA,iBACA,eACA,mBAFA,mBACA,eACA,mBAFA,iBACA,eACA,iBAFA,kBACA,gBACA,kBAFA,mBACA,iBACA,mBAFA,oBACA,kBACA,oBAFA,mBACA,iBACA,mBAFA,kBACA,gBACA,kBAFA,kBACA,gBACA,kBAFA,oBACA,kBACA,oBAFA,kBACA,aACA,kBAFA,oBACA,kBACA,oBAFA,qBACA,mBACA,qBAFA,mBACA,iBACA,mBAFA,qBACA,mBACA,qBAhCD,kBACC,wBAED,eACC,6BACA,gCAIA,eACC,wBACA,mBAED,YACC,6BACA,6BAEC,mBAGF,iBACC,UAZD,eACC,wBACA,mBAED,YACC,6BACA,6BAEC,mBAGF,iBACC,YAZD,eACC,wBACA,mBAED,YACC,6BACA,6BAEC,mBAGF,iBACC,YAZD,eACC,wBACA,mBAED,YACC,6BACA,6BAEC,mBAGF,iBACC,YAZD,eACC,wBACA,mBAED,YACC,6BACA,6BAEC,mBAGF,iBACC,YAZD,eACC,wBACA,mBAED,YACC,6BACA,6BAKD,iBACC,YAZD,eACC,wBACA,mBAED,YACC,6BACA,6BAKD,iBACC,YAZD,eACC,wBACA,mBAED,YACC,6BACA,6BAKD,iBACC,YAZD,eACC,wBACA,mBAED,YACC,6BACA,6BAKD,iBACC,YAZD,eACC,wBACA,mBAED,YACC,6BACA,6BAKD,iBACC,YAaD,kBACC,oBACA,4BACA,mCACA,YAEA,wBACC,0BAGD,8BACC,mCACA,yBAIF,gBACC,2BAEC,sBACA,4BAKD,mCACA,mBAEA,sBACC,4BAGD,4BACC,mCACA,yBAIF,kBACC,sBAEC,sBACA,4BAKD,mCACA,mBAEA,wBACC,0BAGD,8BACC,mCACA,yBAIF,eACC,eACA,4BACA,mBAGD,aACC,sBACA,mCACA,4BACA,mBAGD,eACC,iBACA,4BACA,mBA5ED,kBACC,sBACA,4BACA,mCACA,YAEA,wBACC,0BAGD,8BACC,mCACA,yBAIF,gBACC,2BAKC,sBACA,4BAED,mCACA,mBAEA,sBACC,4BAGD,4BACC,mCACA,yBAIF,kBACC,sBAKC,sBACA,4BAED,mCACA,mBAEA,wBACC,0BAGD,8BACC,mCACA,yBAIF,eACC,iBACA,4BACA,mBAGD,aACC,sBACA,mCACA,4BACA,mBAGD,eACC,iBACA,4BACA,mBA5ED,gBACC,sBACA,4BACA,mCACA,cAEA,sBACC,4BAGD,4BACC,mCACA,yBAIF,cACC,yBAKC,sBACA,4BAED,mCACA,mBAEA,oBACC,4BAGD,0BACC,mCACA,yBAIF,gBACC,sBAKC,sBACA,4BAED,mCACA,mBAEA,sBACC,4BAGD,4BACC,mCACA,yBAIF,aACC,iBACA,0BACA,mBAGD,WACC,oBACA,iCACA,0BACA,mBAGD,aACC,iBACA,0BACA,mBA5ED,iBACC,sBACA,4BACA,mCACA,cAEA,uBACC,4BAGD,6BACC,mCACA,yBAIF,eACC,0BAKC,sBACA,4BAED,mCACA,mBAEA,qBACC,4BAGD,2BACC,mCACA,yBAIF,iBACC,sBAKC,sBACA,4BAED,mCACA,mBAEA,uBACC,4BAGD,6BACC,mCACA,yBAIF,cACC,iBACA,2BACA,mBAGD,YACC,qBACA,kCACA,2BACA,mBAGD,cACC,iBACA,2BACA,mBA5ED,kBACC,sBACA,4BACA,mCACA,cAEA,wBACC,4BAGD,8BACC,mCACA,yBAIF,gBACC,2BAKC,sBACA,4BAED,mCACA,mBAEA,sBACC,4BAGD,4BACC,mCACA,yBAIF,kBACC,sBAKC,sBACA,4BAED,mCACA,mBAEA,wBACC,4BAGD,8BACC,mCACA,yBAIF,eACC,iBACA,4BACA,mBAGD,aACC,sBACA,mCACA,4BACA,mBAGD,eACC,iBACA,4BACA,mBA5ED,mBACC,sBACA,4BACA,mCACA,cAEA,yBACC,4BAGD,+BACC,mCACA,yBAIF,iBACC,4BAEC,sBACA,4BAKD,mCACA,mBAEA,uBACC,4BAGD,6BACC,mCACA,yBAIF,mBACC,sBAEC,sBACA,4BAKD,mCACA,mBAEA,yBACC,4BAGD,+BACC,mCACA,yBAIF,gBACC,iBACA,6BACA,mBAGD,cACC,uBACA,oCACA,6BACA,mBAGD,gBACC,iBACA,6BACA,mBA5ED,kBACC,sBACA,4BACA,mCACA,cAEA,wBACC,4BAGD,8BACC,mCACA,yBAIF,gBACC,2BAKC,sBACA,4BAED,mCACA,mBAEA,sBACC,4BAGD,4BACC,mCACA,yBAIF,kBACC,sBAKC,sBACA,4BAED,mCACA,mBAEA,wBACC,4BAGD,8BACC,mCACA,yBAIF,eACC,iBACA,4BACA,mBAGD,aACC,sBACA,mCACA,4BACA,mBAGD,eACC,iBACA,4BACA,mBA5ED,iBACC,sBACA,4BACA,mCACA,cAEA,uBACC,4BAGD,6BACC,mCACA,yBAIF,eACC,0BAEC,sBACA,4BAKD,mCACA,mBAEA,qBACC,4BAGD,2BACC,mCACA,yBAIF,iBACC,sBAEC,sBACA,4BAKD,mCACA,mBAEA,uBACC,4BAGD,6BACC,mCACA,yBAIF,cACC,iBACA,2BACA,mBAGD,YACC,qBACA,kCACA,2BACA,mBAGD,cACC,iBACA,2BACA,mBA5ED,iBACC,sBACA,4BACA,mCACA,cAEA,uBACC,4BAGD,6BACC,mCACA,yBAIF,eACC,0BAKC,sBACA,4BAED,mCACA,mBAEA,qBACC,4BAGD,2BACC,mCACA,yBAIF,iBACC,sBAKC,sBACA,4BAED,mCACA,mBAEA,uBACC,4BAGD,6BACC,mCACA,yBAIF,cACC,iBACA,2BACA,mBAGD,YACC,qBACA,kCACA,2BACA,mBAGD,cACC,iBACA,2BACA,mBA5ED,mBACC,sBACA,4BACA,mCACA,cAEA,yBACC,4BAGD,+BACC,mCACA,yBAIF,iBACC,4BAKC,sBACA,4BAED,mCACA,mBAEA,uBACC,4BAGD,6BACC,mCACA,yBAIF,mBACC,sBAKC,sBACA,4BAED,mCACA,mBAEA,yBACC,4BAGD,+BACC,mCACA,yBAIF,gBACC,iBACA,6BACA,mBAGD,cACC,uBACA,oCACA,6BACA,mBAGD,gBACC,iBACA,6BACA,mBA5ED,iBACC,sBACA,4BACA,mCACA,WAEA,uBACC,yBAGD,6BACC,mCACA,yBAIF,eACC,0BAEC,sBACA,4BAKD,mCACA,mBAEA,qBACC,4BAGD,2BACC,mCACA,yBAIF,iBACC,sBAEC,sBACA,4BAKD,mCACA,mBAEA,uBACC,yBAGD,6BACC,mCACA,yBAIF,cACC,iBACA,2BACA,mBAGD,YACC,qBACA,kCACA,2BACA,mBAGD,cACC,iBACA,2BACA,mBA5ED,mBACC,sBACA,4BACA,mCACA,cAEA,yBACC,4BAGD,+BACC,mCACA,yBAIF,iBACC,4BAKC,sBACA,4BAED,mCACA,mBAEA,uBACC,4BAGD,6BACC,mCACA,yBAIF,mBACC,sBAKC,sBACA,4BAED,mCACA,mBAEA,yBACC,4BAGD,+BACC,mCACA,yBAIF,gBACC,iBACA,6BACA,mBAGD,cACC,uBACA,oCACA,6BACA,mBAGD,gBACC,iBACA,6BACA,mBA5ED,oBACC,sBACA,4BACA,mCACA,cAEA,0BACC,4BAGD,gCACC,mCACA,yBAIF,kBACC,6BAEC,sBACA,4BAKD,mCACA,mBAEA,wBACC,4BAGD,8BACC,mCACA,yBAIF,oBACC,sBAEC,sBACA,4BAKD,mCACA,mBAEA,0BACC,4BAGD,gCACC,mCACA,yBAIF,iBACC,iBACA,8BACA,mBAGD,eACC,wBACA,qCACA,8BACA,mBAGD,iBACC,iBACA,8BACA,mBA5ED,kBACC,sBACA,4BACA,mCACA,cAEA,wBACC,4BAGD,8BACC,mCACA,yBAIF,gBACC,2BAKC,sBACA,4BAED,mCACA,mBAEA,sBACC,4BAGD,4BACC,mCACA,yBAIF,kBACC,sBAKC,sBACA,4BAED,mCACA,mBAEA,wBACC,4BAGD,8BACC,mCACA,yBAIF,eACC,iBACA,4BACA,mBAGD,aACC,sBACA,mCACA,4BACA,mBAGD,eACC,iBACA,4BACA,mBA5ED,oBACC,sBACA,4BACA,mCACA,cAEA,0BACC,4BAGD,gCACC,mCACA,yBAIF,kBACC,6BAKC,sBACA,4BAED,mCACA,mBAEA,wBACC,4BAGD,8BACC,mCACA,yBAIF,oBACC,sBAKC,sBACA,4BAED,mCACA,mBAEA,0BACC,4BAGD,gCACC,mCACA,yBAIF,iBACC,iBACA,8BACA,mBAGD,eACC,wBACA,qCACA,8BACA,mBAGD,iBACC,iBACA,8BACA,mBAKH,WACC,gCACA,mBAED,QACC,qBA8DD,YA1DC,sBACA,wBACA,gCACA,kCACA,kCAEA,cACA,sBACA,wBACA,wBACA,wBACA,8BAEA,2BACA,kCAEA,6BACA,mBAGC,mXACA,qBACC,qBAED,kBACC,6BACA,6BAEC,mBAPF,qBACC,qBAED,kBACC,6BACA,6BAEC,mBAPF,qBACC,qBAED,kBACC,6BACA,6BAEC,mBAPF,qBACC,qBAED,kBACC,6BACA,6BAEC,mBAPF,qBACC,qBAED,kBACC,6BACA,6BAEC,mBAPF,qBACC,qBAED,kBACC,6BACA,6BALD,qBACC,qBAED,kBACC,6BACA,6BALD,qBACC,qBAED,kBACC,6BACA,6BALD,qBACC,qBAED,kBACC,6BACA,6BALD,qBACC,qBAED,kBACC,6BACA,6BAOF,uBACC,mBAED,mCAEC,0BAMA,wBACC,sBAGD,qBACC,iBAGD,mBACC,4BATD,wBACC,sBAGD,qBACC,iBAGD,mBACC,4BATD,sBACC,sBAGD,mBACC,iBAGD,iBACC,4BATD,uBACC,sBAGD,oBACC,iBAGD,kBACC,4BATD,wBACC,sBAGD,qBACC,iBAGD,mBACC,4BATD,yBACC,sBAGD,sBACC,iBAGD,oBACC,4BATD,wBACC,sBAGD,qBACC,iBAGD,mBACC,4BATD,uBACC,sBAGD,oBACC,iBAGD,kBACC,4BATD,uBACC,sBAGD,oBACC,iBAGD,kBACC,4BATD,yBACC,sBAGD,sBACC,iBAGD,oBACC,4BATD,uBACC,sBAGD,oBACC,iBAGD,kBACC,4BATD,yBACC,sBAGD,sBACC,iBAGD,oBACC,4BATD,0BACC,sBAGD,uBACC,iBAGD,qBACC,4BATD,wBACC,sBAGD,qBACC,iBAGD,mBACC,4BATD,0BACC,sBAGD,uBACC,iBAGD,qBACC,4BASH,mCACC,YA/DA,sBACA,wBACA,gCACA,kCACA,kCAEA,cACA,sBACA,wBACA,wBACA,wBACA,8BAEA,2BACA,kCAEA,6BACA,mBAGC,mXACA,qBACC,qBAED,kBACC,6BACA,6BAEC,mBAPF,qBACC,qBAED,kBACC,6BACA,6BAEC,mBAPF,qBACC,qBAED,kBACC,6BACA,6BAEC,mBAPF,qBACC,qBAED,kBACC,6BACA,6BAEC,mBAPF,qBACC,qBAED,kBACC,6BACA,6BAEC,mBAPF,qBACC,qBAED,kBACC,6BACA,6BALD,qBACC,qBAED,kBACC,6BACA,6BALD,qBACC,qBAED,kBACC,6BACA,6BALD,qBACC,qBAED,kBACC,6BACA,6BALD,qBACC,qBAED,kBACC,6BACA,6BAOF,uBACC,mBAED,mCAEC,0BAMA,wBACC,sBAGD,qBACC,iBAGD,mBACC,4BATD,wBACC,sBAGD,qBACC,iBAGD,mBACC,4BATD,sBACC,sBAGD,mBACC,iBAGD,iBACC,4BATD,uBACC,sBAGD,oBACC,iBAGD,kBACC,4BATD,wBACC,sBAGD,qBACC,iBAGD,mBACC,4BATD,yBACC,sBAGD,sBACC,iBAGD,oBACC,4BATD,wBACC,sBAGD,qBACC,iBAGD,mBACC,4BATD,uBACC,sBAGD,oBACC,iBAGD,kBACC,4BATD,uBACC,sBAGD,oBACC,iBAGD,kBACC,4BATD,yBACC,sBAGD,sBACC,iBAGD,oBACC,4BATD,uBACC,sBAGD,oBACC,iBAGD,kBACC,4BATD,yBACC,sBAGD,sBACC,iBAGD,oBACC,4BATD,0BACC,sBAGD,uBACC,iBAGD,qBACC,4BATD,wBACC,sBAGD,qBACC,iBAGD,mBACC,4BATD,0BACC,sBAGD,uBACC,iBAGD,qBACC,6BJjRH,eACC,kBACA,aACA,eACA,qBACA,yBACA,SACA,WACA,eACA,4BACA,qCACC,sBAED,qCACC,uBAED,mCACC,sBAGF,gBACC,iBACA,+FAGC,cAED,iCACC,kBACA,UACA,WACA,kBACA,qCACA,4BAIF,oBACC,4BACA,8BACA,sBACA,gBACA,oBAGD,cACC,0BACA,kEACA,cACA,aACA,qBACA,6BACA,sBACA,sDACA,eACA,qBACC,mBAED,2EAGC,4BACA,+BAED,8BACC,4BAED,8BACC,6BAED,4BACC,4BAGF,oBACC,2BACA,uCAED,mBACC,6CACA,gBACA,4BACA,yBAGD,SACC,uBACA,OACA,WACA,cACA,aACA,6BACA,yBACA,sBAEA,kGAEC,wBAED,mBACC,0BAED,kBACC,uCACA,mBAIF,iBACC,wBACA,cACA,kBACA,UACA,eACA,mBACA,4BACA,oBAED,iBACC,sBAED,iBACC,uBAED,eACC,sBAGD,YACC,cACA,gDACA,eACA,iBAGD,iCAEC,wCACA,aACA,mBACA,mBACA,+CACC,sBACA,aAGF,iBACC,eACA,+BACA,kCAED,gBACC,cACA,gCACA,mCAIA,iEAEC,cAIF,gBACC,kBACA,uBACA,iBAED,SACC,kBACA,oBACA,kBACA,cACA,4BAGD,iBACC,kBACA,UACA,oBACA,kBACA,oBACA,wCACA,sBACA,qCACA,4BACA,yBACA,gBACA,oBACA,6BACC,WACA,UACA,UACA,kBACA,gBACA,oBAED,uDAEC,wCAGF,SACC,eACA,WACA,aACA,sBACA,SACA,6BAIA,+BACC,UAGF,QACC,yBACA,aACA,sBACA,uCACA,4BACA,4BACA,cAED,iBACC,gCAGD,eACC,aACA,mBACA,4BACA,UAGD,gBACC,OAGD,eACC,gBACA,aACA,mBACA,4BACA,UAED,sBACC,4BACA,cAED,oBACC,2BACA,iBAEA,gCACC,gBACA,eAED,yCACC,kBACA,QACA,WACA,qCACA,0BAIF,YACC,aACA,gBACA,wBACA,kBACA,mDACA,6CACA,eACA,qBACC,gBACA,iBAIF,qBACC,wCACA,+CACA,sCACC,+CAKD,oCACC,wCACA,mDACC,2CAKH,4BACC,8CAEA,iBACA,kCACC,wCACA,gDACA,mDACC,UAED,oEACC,UAKH,iBACC,gBACA,aACA,mBACA,wCACA,QACA,4BACA,2CACA,iCACA,gBAUD,kCACC,UAED,6BACC,qCAED,4BACC,oCAED,yBACC,YACA,cACA,gBACA,YACA,wBACA,mBACA,gBAED,kCACC,cACA,uBACA,mCAIA,oCACC,wDACA,UACA,mBACA,uBACA,cACA,iBACA,4BAED,qDACC,UAIF,oBACC,kBACA,iBACA,UACA,gBACA,iBACA,0BACC,gCAIF,uBACC,eACA,6BACC,2CAGF,mBACC,aACA,sBACA,cACA,WACA,gBACA,qBAGA,qCACC,qBACA,yBAED,oCACC,wBAID,4DACC,wBAID,4DACC,wBAGF,OACC,cACA,gCACA,wCACA,mCACA,kBACA,oBACA,mBACA,uBACA,eACA,eACA,cACA,4BACA,+BACA,6BACA,iBACA,eACA,mBACA,aACA,gBACA,gBACA,6BACA,mBACA,cACA,cACA,2BACC,WAGF,cACC,gBAED,sBACC,oBACA,eACA,mBACA,qBACA,0CACC,6BACA,eAGF,aACC,WAED,aACC,iBAED,eACC,cACA,WAED,aACC,WACA,cACA,gBACA,eAED,YACC,cACA,aACA,eACA,eAED,cACC,UACA,aACA,sDAEC,UAGF,aACC,sCAED,cACC,gCAED,iBACC,mCACA,6BACA,wBAED,YACC,mCACA,mCACA,0BACA,wBAED,eACC,wCACA,2BACA,qBACC,0BACA,0BAGF,gFAGC,sCAED,eACC,iBAGD,eACC,aACA,eAGD,uBACC,aAEC,gDACC,yBACA,4BAED,+CACC,0BACA,6BAIH,sBACC,aACA,sBAEC,+CACC,yBACA,0BAED,8CACC,6BACA,4BAIH,eACC,aAGD,oBACC,aACA,SAED,6BACC,sBAGD,qBACC,cACA,qCACA,qBAGD,qBACC,OAED,oBACC,aACA,sBACA,gBACA,YACA,QACA,kBACA,sBAED,QACC,aACA,eAED,eACC,uBACA,8BACC,iBAGF,WACC,UACA,oBACC,gBACA,yBACA,eACA,eACA,+BACA,WACA,YAIF,qBACC,kBACA,WACA,YAGD,mBACC,aACA,mBACA,uBACA,WACA,YACA,6BACA,oBACA,qBACC,mBAIF,oBACC,eACA,WACA,WACA,SACA,YACA,aACA,mBACA,QACA,qCACA,4BACA,eACA,mBACA,6BACA,0BACC,UAGF,2BACC,UAGD,mBACC,aACA,sBACA,mBACA,iBACA,6BACA,4BAED,YACC,QAED,iBACC,oBACA,qBACA,UACA,4BACA,sBAEC,yCACC,0CAED,0CACC,0CAED,0CACC,gBAID,2CACC,gBAKH,oBACC,cACA,kBACA,aACA,eACA,WACA,oBAGD,iBACC,oBACA,6BACA,iBACA,sBACA,qBACA,uBACC,aAIF,kBACC,kBACA,aACA,eACA,eACA,cACA,gBACA,gBACA,sBACA,6BACA,UACA,kBAGD,mBACC,QACA,SAED,mBACC,eACA,YACA,eACA,oBACA,0CACA,0BAEC,+BACC,oCACA,qCAIH,oBACC,kBACA,0CAED,mBACC,aAED,sGAIC,YACA,kBACA,6BAED,0BACC,SACA,QACA,WACA,UACA,kDACA,iDACA,iCACA,kBAGA,yBACC,OACA,QACA,UACA,WACA,6BACA,oCACA,kBACA,6BACA,mCAGA,gCACC,YAED,wCACC,YAMF,6CACC,mCACA,mDACC,wBAGF,4CACC,mCACA,kDACC,uCACA,iCACA,mCAGF,2CACC,wBAID,oCACC,cACA,gBACA,eACA,aACA,mBACA,mBACA,kBACA,kCAED,0CACC,gCACA,4BAED,4CACC,qCACA,wBACA,+BAGF,mBACC,kBACA,mCACA,yBACC,2CACA,WACA,WACA,SACA,QACA,gCACA,4BAIF,oBACC,gBACA,eACA,sBACA,oBAIA,sCACC,4CACA,8CACC,kCAGF,wCACC,qBAID,sCACC,4CACA,8CACC,kCAGF,wCACC,qBAID,oCACC,0CACA,4CACC,gCAGF,sCACC,mBAGF,SACC,kBACA,oBACA,mBACA,uBACA,kBACA,4BACA,gBACA,sBACA,qCACA,4BACA,cACA,8BACC,UACA,4BAED,aACC,sBACA,WACA,YACA,iBAIF,eACC,kBACA,QACA,aACA,mBACA,uBACA,4BAED,mBACC,eACA,QACA,YACA,oBACA,iCACA,0BACA,6BACA,UACA,aACA,4BACC,UACA,qBAIF,UACC,kBACA,aACA,sBACA,eACA,gBACA,cACA,yBACA,6BACA,+BACA,4BAED,eACC,iBACA,mCAED,cACC,eACA,mCAED,gBACC,iBACA,kCAED,iBACC,eACA,kCAED,oBACC,UACA,eACA,qBAGD,kCAEC,aACA,mBACA,aACA,8CACC,aAIF,kBACC,OACA,kBAGD,gBACC,kBACA,aACA,sBACA,4BAED,qBACC,aACA,sBACA,uBACA,mBACA,SACA,kBACA,wBACA,sBAGD,gBACC,oBACA,UACA,WACA,0CAED,YACC,4BAED,qBACC,gCAEA,uDACC,oCAGF,iBACC,4BAED,mBACC,aACA,8BACA,mBACA,aACA,6BACA,gBACA,4BACA,yBACC,6CAGF,mBACC,SACA,aACA,iBAED,oBACC,eACA,SACA,gBACA,6BACA,4BAED,+DAEC,UAED,uCACC,aACA,aAED,qBACC,oBACA,WACA,yCACC,eACA,SACA,gBAGF,MACC,sBAED,QACC,aACA,cAGD,aACC,aACA,eACA,uBACA,6BACA,4BAGD,sBACC,0CACA,4CACC,gBAED,wCACC,yBACA,0BAED,uCACC,6BACA,4BAED,4BACC,0CACA,UAIF,eACC,kBACA,eACA,iBACA,mBACA,8BACA,qBACC,6CAIF,mBACC,sBAED,UACC,aACA,sBAGC,wJAEC,4BAIH,qBACC,4BACA,+EAEC,YAIF,mBACC,aACA,QACA,gCACA,gBACA,YACA,8CACA,6BACA,0BACC,wBACA,gCACC,sBACA,sDACC,UAKJ,sBACC,kBACA,UACA,SACA,SACA,6BACA,UACA,oBACA,6BAGD,kBACC,OACA,aACA,uBACA,gCACA,8CACA,6BACA,cACA,qBACA,qBACA,qBACA,aACA,8BACC,4BAED,gDAEC,4BAED,oBACC,kBAED,sBACC,SAED,+BACC,+BACA,qBAGF,SACC,kBACA,OACA,MACA,YACA,UACA,uCACA,4BACA,6BACA,yBACA,4BAGD,eACC,kBACA,UACA,YACA,oBACA,YACA,oBACC,uBAGF,mBACC,eACA,QACA,YACA,aACA,6BACA,UACA,oBACA,aACA,gBACA,kCACC,UAGF,kBACC,iCACA,0BACA,iCACC,qBAGF,oBACC,eAGD,SACC,kBACA,aACA,sBACA,YACA,eACA,gBACA,kBACA,4BACA,6BACA,6BACA,6BACA,iBACC,oCAGF,yBACC,UACA,eACA,qBAGD,gCAEC,kBACA,aACA,mBACA,aACA,SACA,4CACC,aAGF,gBACC,uBAGD,iBACC,kBACA,OACA,gBACA,gBAIA,wBACC,kBACA,aACA,sBACA,4BAGF,YACC,cACA,kBACA,aACA,+BACA,4BACA,eAED,qBACC,YACA,qCACC,YACA,oBAIF,gBACC,kBACA,WACA,6BACA,4BACA,sBACA,6BAGD,mBACC,kBACA,QACA,QACA,aACA,gBACA,cACA,wCACA,6BACA,sBACA,yBACA,iBACA,gBAGD,uEAEC,wCAGD,mBACC,kBAED,wBACC,6BACA,mBAED,yBACC,kBACA,SACA,QACA,gCACA,gBAED,cACC,aACA,mBACA,SAGD,QACC,0BACA,wBACA,kBACA,oBACA,mBACA,uBACA,gBACA,cACA,iBACA,4BACA,+BACA,6BACA,iBACA,eACA,mBACA,aACA,mBACA,6BACA,4BACC,WAED,6BACC,kBACA,QACA,UACA,qCACA,4BAED,cACC,0CAED,sBACC,gCACA,mCACA,eAED,uBACC,oBACA,eAGF,UACC,aACA,SAED,mBACC,eACA,qBAEA,0BACC,kBACA,eACA,oBACA,0BAIF,kBACC,cACA,aACA,sBACA,gBACA,YACA,QACA,kBACA,sBAEA,+BACC,sBACA,mBACA,qBACA,kDACC,wBACA,+BACA,yEACC,UAGF,wCACC,oBAMD,2DACC,yBAIH,uBACC,UAGD,iBACC,gBACA,MACA,UACA,aACA,eACA,qCACA,4BACA,oDACA,uBACC,aAGF,aACC,aACA,gBAED,sBACC,sBACA,wCACC,iBACA,WACA,WAIF,eACC,cAED,eACC,OACA,cAED,kBACC,kBACA,aACA,uBACA,mBACA,UACA,YACA,0BACA,iBACA,6BACA,kBACA,iBACA,+DAEC,iCACA,6GACC,UAIH,uBACC,aACA,kBACA,UACA,oBACA,UACA,6BACA,mBACA,4BACA,eAED,SACC,kBACA,oBACA,eACA,QAGD,eACC,yBACA,8BACA,gBAGD,cACC,oBACA,qBACA,4BAEC,mCACC,0CACA,qCAKF,oCACC,QACA,SAGF,gCACC,0CAED,gCACC,2CAED,8BACC,0CAGD,iBACC,cACA,kBACA,aACA,eACA,WACA,oBAED,wBACC,UAGD,cACC,oBACA,iBACA,6BACA,iBACA,sBACA,qBAGD,eACC,kBACA,aACA,eACA,eACA,cACA,cACA,gBACA,gBACA,kBACA,oBACA,UACA,kBACA,0CAED,iBACC,6BAGA,uCACC,kBACA,+BACA,qCACA,gBACA,qDACC,wBAIH,wBACC,qBAED,gBACC,aACA,8BACC,cACA,iBACA,gBACA,gBACA,mBACA,kCACA,oCACC,qCACA,4BAGF,sCACC,+BACA,wBACA,+BAIF,iBACC,gBACA,eACA,sBACA,oBAIA,gCACC,4CAED,kCACC,qBAID,gCACC,4CAED,kCACC,qBAID,8BACC,0CAED,gCACC,mBAGF,QACC,aACA,eACA,SACA,gBAED,iBACC,sBACA,8BACC,mBAEC,kEACC,mBAMJ,aACC,aACA,sBACA,SACA,cACA,6BACA,wBACC,UACA,wCACC,aAGF,kCACC,WACA,kDACC,mBAGF,iCACC,WAED,mBACC,UAIF,mBACC,aACA,mBACA,uBACA,cACA,YACA,kBACA,oBACA,0BACA,wBAGD,gBACC,OACA,kBACA,iCAGD,mBACC,aACA,mBACA,SACA,mBAGD,kBACC,aACA,sBACA,mBACA,SAED,mBACC,aACA,sBACA,SAED,SACC,gBAGD,eACC,oBACA,sBAGD,cACC,cAED,YACC,eACA,WACA,oBACA,aACA,sBACA,uBACA,cACA,6BACA,eAGD,WACC,kBACA,uBACA,mBACA,UACA,6BACA,sDACA,qCACA,4BACA,yBACA,4BACA,4BACC,UACA,0BAGF,iBACC,sCAED,sBACC,0BACA,wBACA,4CAED,qBACC,KACC,6BAGF,cACC,aAGD,qBACC,gBAED,UACC,kBACA,eACA,iBAEC,gCACC,YAGF,gCACC,UAIF,gBACC,kBACA,gBACA,mBACA,4BAGD,eACC,aACA,sBAGA,8BACC,UAED,gCACC,UAID,mCACC,YACA,mBAED,kCACC,sBAED,kCACC,WAED,mCACC,WACA,WAED,kCACC,WACA,UACA,6BAED,kCACC,4BAIF,eACC,OACA,cACA,aACA,uBACA,mBACA,gBACA,6BAGD,gBACC,kBACA,QACA,oBACA,mBACA,uBACA,4BACA,6BACA,6BACA,UAED,eACC,UAED,eACC,WAGD,qBACC,cACA,aACA,uBACA,SAED,2BACC,kBACA,SACA,SACA,6BAED,oBACC,UACA,WACA,kBACA,cACA,wBACA,YACA,0BACC,WAED,uCACC,UAGF,QACC,eACA,SAGA,yBACC,QAED,wBACC,eACA,qCACC,2BAGF,6BACC,6BAED,8CACC,SACA,yDACC,kBAIH,sBACC,aACA,4BACA,uBACA,QACA,mBAED,qBACC,qBACA,sBAED,YACC,OACA,kBACA,aACA,uBACA,cACA,iBACA,sBACA,qBACA,QAED,+BACC,aAGA,mCACC,kBACA,0CACC,kBACA,SACA,OACA,QACA,WACA,oCACA,WACA,UAGF,yBACC,QACA,oCACC,8CACA,+BACA,0CACC,4BACA,sCAGF,uCACC,UACA,yBACA,4BACA,0CACA,wCACA,6CACC,+BAKF,yCACC,WACA,MACA,YACA,YACA,gBACA,sCAGA,yDACC,8CACA,+BACA,+DACC,4BACA,qCAGF,4DACC,4BACA,yCACA,kEACC,+BAML,WACC,wBACA,kBACA,UACA,aACA,mBACA,uBACA,kBACA,iBACA,cACA,UACA,mBACA,4BACA,iBACC,wBAED,wBACC,2BAID,4BACC,mBAED,+BACC,+BAID,2BACC,gBACA,8CACA,wCACC,6CACA,mCAIH,iBACC,SACA,eACA,UACA,uBACC,mBAGF,gBACC,kBACA,WACA,OACA,SACA,+BACA,oBACA,6BACA,kBAGA,iCACC,QACA,iDACC,QACA,WACA,aACA,QACA,MAIH,gBACC,kBACA,OAED,eACC,aACA,4BACC,cAGF,OACC,6BACA,wBACA,kBACA,oBACA,mBACA,uBACA,kBACA,SACA,kBACA,4BACA,6BACA,mBACA,+BACA,6BACA,gBACA,cACA,oBACC,kBACA,QACA,MACA,UACA,SACA,wBACA,mBACA,+BACA,gBACA,oBACA,0BACC,0BACA,mBAID,gCACC,UACA,wCAIH,aACC,cAED,eACC,gBACA,WAED,aACC,gBACA,oBAGD,WACC,YACA,aACA,cACA,kBACA,8BACA,gDACA,cACA,mBAGD,eACC,0BACA,0BAGD,mBACC,wCACA,UAED,iBACC,eACA,uBACC,mCACA,yBAGF,QACC,aACA,sBACA,QACA,qBAED,oBACC,kBACA,cACA,aACA,gBACA,kBACA,eACA,0BACC,YACA,iBACA,OACA,WACA,kBACA,0BAGF,oBACC,kBACA,aACA,mBACA,UACA,aACA,iBACA,4BACA,gBACA,qBACA,sCACC,oBAED,mEAEC,+BACA,wBAIF,cACC,gBAGD,kBACC,aAED,iBACC,kBAGD,eACC,iBACA,6BACA,sBACA,qBACA,qBACC,qBACA,qCAGF,qBACC,aACA,gBACA,mDAGA,oCACC,oDACA,kBAED,mCACC,wBACA,UAEA,kDACC,0BAIH,oBACC,kBACA,QACA,gBACA,oBACA,sBACA,eAED,UACC,kBACA,wBACA,YACA,4CACA,qBACA,kBAED,iBACC,UACA,yCAED,oBACC,eAED,cACC,aAGD,mBACC,cACA,kBACA,cACA,YACA,kBACA,aACA,sBACA,QACA,qBACA,sCACC,aAED,oCACC,sCAIF,mBACC,cACA,mBACA,4BACA,WACA,yBACC,gCACA,UAED,4CACC,gBACA,MACA,SACA,UACA,6BACA,gCACA,UAIF,mBACC,kBACA,WACA,oBAID,sBACC,kBACA,oBACA,mBACA,eACA,UAGD,sBACC,qBACA,YACA,aACA,gCACA,4BACA,eACA,6BACA,4BACC,4BAIF,sBACC,aACA,QACA,eAGD,oBACC,6BACA,eACA,mBACA,4BACA,0BACA,0BACC,0BAIF,uBACC,gBACA,mBAED,SACC,YACA,UACA,WACA,qBAED,SACC,kBACA,gBACA,4BACA,gBACA,eACC,WACA,YAIF,kBACC,kBACA,OACA,YACA,QACA,aACA,mBACA,YACA,QACA,eACA,mBACA,iBACA,6BACA,qCACA,4BACA,yBACC,cAED,0BACC,gBAED,wBACC,UACA,qBAGF,yBACC,UACA,oBAGD,iBACC,aACA,mBAGD,eACC,kBACA,aACA,mBACA,QAGD,gBACC,kBACA,UACA,YACA,SACA,+BACA,YACA,UACA,oBACA,4BACA,6BACA,4BACA,qCAED,wBACC,kBAEC,8CACC,UACA,qBAIH,cACC,kBACA,aACA,eACA,mBACA,kBACA,aACA,mBACA,uBACA,kBACA,qBACA,6BACA,4BACA,eACA,oBACC,qBACA,uCAGF,oBACC,oBACA,YACA,8CACC,mBAIF,qBACC,aAGD,gBACC,cACA,aACA,eACA,SAGA,+CACC,sBAED,8BACC,iBAIF,eACC,aACA,eACA,WACA,YACA,iBACA,qBACC,aAIF,iBACC,UACA,SACA,UACA,eACA,aACA,yBAGD,cACC,kBAED,mBACC,oBACA,8BACA,+BACA,WACA,cACA,yBACC,UAIF,eACC,kBACA,oBACA,mBACA,UACA,mBACA,6CACA,4BACA,qCACA,6BACA,eACA,gCACC,kBACA,8BACA,WACA,sCACC,8BACA,WAGF,qBACC,6CACA,sCACC,UAKH,oBACC,kBACA,aACA,sBACA,mBACA,uBACA,UACA,8BACA,+BACA,4BACA,uCACA,eACA,uDAEC,WACA,YACA,iBAED,wCACC,eACA,gBACA,mBACA,uBACA,eACA,mBAED,qCACC,gBACA,kBACA,8BACA,WACA,2CACC,8BACA,WAID,2CACC,UAKH,eACC,eACA,qBAGD,uBACC,aAED,oBACC,eAED,cACC,YACA,iCACC,eAIF,wCAEC,aACA,qCACA,QAGD,sCAEC,aACA,uBACA,mBAED,mBACC,qBAED,mBACC,0BACA,WACA,4BACA,oBACA,6BACA,mBAEA,yBACC,UACA,kCAED,2CACC,WAED,sCACC,kCAGD,uCACC,gCACA,mCACA,UAED,yCACC,WACA,mBAIF,oBACC,mBACA,aACA,mBACA,WACA,qBACA,eAED,qBACC,kBACA,aACA,qBACA,UACA,oBACA,iBACA,4BACA,0BACC,mBACA,iBAED,2BACC,+BAIF,mBACC,kBACA,WACA,oBAGD,iBACC,kBACA,QACA,UACA,YACA,SACA,6BACA,4BACA,aACA,oBACA,UACA,6BACA,qCACC,UACA,qBAGF,oBACC,UACA,kBACA,aACA,sBACA,gBACA,UAED,qBACC,iBACA,OACA,aACA,qCACA,UAED,mBACC,OAED,uCAEC,aACA,YACA,iBACA,4BACA,uBACA,mBACA,mDACC,6CAED,+EACC,6BACA,gCACA,UAIF,oBACC,kBACA,QACA","file":"index.css"}

package/lib/es/components/modal/modal.js

@@ -73,7 +73,7 @@ function Modal(props) {
             "i-modal-customized": customized,
             "i-modal-active": active,
             fixed,
-        }, className), style: style, onClick: handleBackdropClick, "aria-modal": 'true', "aria-hidden": !active, children: jsx("div", { className: classNames("i-modal", {
+        }, className), style: style, onClick: handleBackdropClick, "aria-modal": 'true', inert: !active, children: jsx("div", { className: classNames("i-modal", {
                 bounced,
                 shadow: !hideShadow,
             }), style: {

package/lib/es/components/modal/modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"modal.js","sources":["../../../../packages/components/modal/modal.tsx"],"sourcesContent":["import classNames from \"classnames\";\r\nimport { useEffect, useRef, useState } from \"react\";\r\nimport { createPortal } from \"react-dom\";\r\nimport { useKeydown } from \"../../js/hooks\";\r\nimport Content from \"./content\";\r\nimport ModalContext from \"./context\";\r\nimport \"./index.css\";\r\nimport { CompositionModal, IModal } from \"./type\";\r\nimport useModal from \"./useModal\";\r\n\r\nfunction Modal(props: IModal) {\r\n\tconst {\r\n\t\tvisible,\r\n\t\ttitle,\r\n\t\tfooter,\r\n\t\tokButtonProps,\r\n\t\tcancelButtonProps,\r\n\t\tclosable = true,\r\n\t\thideBackdrop,\r\n\t\tbackdropClosable = true,\r\n\t\thideCloseButton,\r\n\t\tdisableEsc,\r\n\t\twidth,\r\n\t\theight,\r\n\t\tcustomized,\r\n\t\tfixed,\r\n\t\thideShadow,\r\n\t\tchildren,\r\n\t\tstyle,\r\n\t\tclassName,\r\n\t\tkeepDOM,\r\n\t\tfooterLeft,\r\n\t\tonClick,\r\n\t\tonVisibleChange,\r\n\t\tonClose,\r\n\t\tonOk,\r\n\t\t...restProps\r\n\t} = props;\r\n\r\n\tconst [show, setShow] = useState(visible);\r\n\tconst [active, setActive] = useState(false);\r\n\tconst [bounced, setBounced] = useState(false);\r\n\tconst [mounted, setMounted] = useState(false);\r\n\tconst toggable = useRef(true);\r\n\r\n\tconst handleShow = async () => {\r\n\t\tif (!toggable.current) return;\r\n\r\n\t\t(!keepDOM || !show) && setShow(true);\r\n\t\ttoggable.current = false;\r\n\r\n\t\tconst timer = setTimeout(() => {\r\n\t\t\tsetActive(true);\r\n\t\t\tonVisibleChange?.(true);\r\n\t\t\ttoggable.current = true;\r\n\t\t}, 64);\r\n\r\n\t\treturn () => clearTimeout(timer);\r\n\t};\r\n\r\n\tconst handleHide = () => {\r\n\t\tif (!toggable.current) return;\r\n\t\ttoggable.current = false;\r\n\r\n\t\tif (!closable) {\r\n\t\t\tsetBounced(true);\r\n\t\t\tconst timer = setTimeout(() => {\r\n\t\t\t\tsetBounced(false);\r\n\t\t\t\ttoggable.current = true;\r\n\t\t\t}, 400);\r\n\t\t\treturn () => clearTimeout(timer);\r\n\t\t}\r\n\r\n\t\tsetActive(false);\r\n\t\tconst timer = setTimeout(() => {\r\n\t\t\t!keepDOM && setShow(false);\r\n\t\t\ttoggable.current = true;\r\n\t\t\tonVisibleChange?.(false);\r\n\t\t\tonClose?.();\r\n\t\t}, 240);\r\n\r\n\t\treturn () => clearTimeout(timer);\r\n\t};\r\n\r\n\tconst handleBackdropClick = () => {\r\n\t\tbackdropClosable && handleHide();\r\n\t};\r\n\r\n\tuseKeydown(\r\n\t\t(e) => {\r\n\t\t\tif (e.code !== \"Escape\" || !visible) return;\r\n\t\t\thandleHide();\r\n\t\t},\r\n\t\t{ disabled: disableEsc }\r\n\t);\r\n\r\n\tuseEffect(() => {\r\n\t\tvisible ? handleShow() : handleHide();\r\n\t}, [visible]);\r\n\r\n\tuseEffect(() => {\r\n\t\tsetMounted(true);\r\n\t}, []);\r\n\r\n\tconst handleClick = () => {\r\n\t\tif (typeof document === \"undefined\") return;\r\n\t\tdocument.documentElement.click();\r\n\t};\r\n\r\n\tif (!show || !mounted) return null;\r\n\r\n\treturn createPortal(\r\n\t\t<div\r\n\t\t\tclassName={classNames(\r\n\t\t\t\t\"i-modal-container\",\r\n\t\t\t\t{\r\n\t\t\t\t\t\"i-modal-backdrop\": !hideBackdrop,\r\n\t\t\t\t\t\"i-modal-customized\": customized,\r\n\t\t\t\t\t\"i-modal-active\": active,\r\n\t\t\t\t\tfixed,\r\n\t\t\t\t},\r\n\t\t\t\tclassName\r\n\t\t\t)}\r\n\t\t\tstyle={style}\r\n\t\t\tonClick={handleBackdropClick}\r\n\t\t\taria-modal='true'\r\n\t\t\taria-hidden={!active}\r\n\t\t>\r\n\t\t\t<div\r\n\t\t\t\tclassName={classNames(\"i-modal\", {\r\n\t\t\t\t\tbounced,\r\n\t\t\t\t\tshadow: !hideShadow,\r\n\t\t\t\t})}\r\n\t\t\t\tstyle={{\r\n\t\t\t\t\twidth,\r\n\t\t\t\t\theight,\r\n\t\t\t\t}}\r\n\t\t\t\tonClick={(e) => {\r\n\t\t\t\t\te.stopPropagation();\r\n\t\t\t\t\thandleClick();\r\n\t\t\t\t\tonClick?.(e);\r\n\t\t\t\t}}\r\n\t\t\t\trole='dialog'\r\n\t\t\t\taria-labelledby={title ? \"modal-title\" : undefined}\r\n\t\t\t\t{...restProps}\r\n\t\t\t>\r\n\t\t\t\t<ModalContext.Provider value={true}>\r\n\t\t\t\t\t{customized && children}\r\n\r\n\t\t\t\t\t{!customized && (\r\n\t\t\t\t\t\t<Content\r\n\t\t\t\t\t\t\ttitle={title}\r\n\t\t\t\t\t\t\thideCloseButton={hideCloseButton}\r\n\t\t\t\t\t\t\tfooter={footer}\r\n\t\t\t\t\t\t\tokButtonProps={okButtonProps}\r\n\t\t\t\t\t\t\tcancelButtonProps={cancelButtonProps}\r\n\t\t\t\t\t\t\tchildren={children}\r\n\t\t\t\t\t\t\tfooterLeft={footerLeft}\r\n\t\t\t\t\t\t\tonOk={onOk}\r\n\t\t\t\t\t\t\tonClose={handleHide}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t)}\r\n\t\t\t\t</ModalContext.Provider>\r\n\t\t\t</div>\r\n\t\t</div>,\r\n\t\tdocument?.body ?? null\r\n\t);\r\n}\r\n\r\nModal.useModal = useModal;\r\n\r\nexport default Modal as CompositionModal;\r\n"],"names":["_jsx","_jsxs"],"mappings":"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"}
+{"version":3,"file":"modal.js","sources":["../../../../packages/components/modal/modal.tsx"],"sourcesContent":["import classNames from \"classnames\";\r\nimport { useEffect, useRef, useState } from \"react\";\r\nimport { createPortal } from \"react-dom\";\r\nimport { useKeydown } from \"../../js/hooks\";\r\nimport Content from \"./content\";\r\nimport ModalContext from \"./context\";\r\nimport \"./index.css\";\r\nimport { CompositionModal, IModal } from \"./type\";\r\nimport useModal from \"./useModal\";\r\n\r\nfunction Modal(props: IModal) {\r\n\tconst {\r\n\t\tvisible,\r\n\t\ttitle,\r\n\t\tfooter,\r\n\t\tokButtonProps,\r\n\t\tcancelButtonProps,\r\n\t\tclosable = true,\r\n\t\thideBackdrop,\r\n\t\tbackdropClosable = true,\r\n\t\thideCloseButton,\r\n\t\tdisableEsc,\r\n\t\twidth,\r\n\t\theight,\r\n\t\tcustomized,\r\n\t\tfixed,\r\n\t\thideShadow,\r\n\t\tchildren,\r\n\t\tstyle,\r\n\t\tclassName,\r\n\t\tkeepDOM,\r\n\t\tfooterLeft,\r\n\t\tonClick,\r\n\t\tonVisibleChange,\r\n\t\tonClose,\r\n\t\tonOk,\r\n\t\t...restProps\r\n\t} = props;\r\n\r\n\tconst [show, setShow] = useState(visible);\r\n\tconst [active, setActive] = useState(false);\r\n\tconst [bounced, setBounced] = useState(false);\r\n\tconst [mounted, setMounted] = useState(false);\r\n\tconst toggable = useRef(true);\r\n\r\n\tconst handleShow = async () => {\r\n\t\tif (!toggable.current) return;\r\n\r\n\t\t(!keepDOM || !show) && setShow(true);\r\n\t\ttoggable.current = false;\r\n\r\n\t\tconst timer = setTimeout(() => {\r\n\t\t\tsetActive(true);\r\n\t\t\tonVisibleChange?.(true);\r\n\t\t\ttoggable.current = true;\r\n\t\t}, 64);\r\n\r\n\t\treturn () => clearTimeout(timer);\r\n\t};\r\n\r\n\tconst handleHide = () => {\r\n\t\tif (!toggable.current) return;\r\n\t\ttoggable.current = false;\r\n\r\n\t\tif (!closable) {\r\n\t\t\tsetBounced(true);\r\n\t\t\tconst timer = setTimeout(() => {\r\n\t\t\t\tsetBounced(false);\r\n\t\t\t\ttoggable.current = true;\r\n\t\t\t}, 400);\r\n\t\t\treturn () => clearTimeout(timer);\r\n\t\t}\r\n\r\n\t\tsetActive(false);\r\n\t\tconst timer = setTimeout(() => {\r\n\t\t\t!keepDOM && setShow(false);\r\n\t\t\ttoggable.current = true;\r\n\t\t\tonVisibleChange?.(false);\r\n\t\t\tonClose?.();\r\n\t\t}, 240);\r\n\r\n\t\treturn () => clearTimeout(timer);\r\n\t};\r\n\r\n\tconst handleBackdropClick = () => {\r\n\t\tbackdropClosable && handleHide();\r\n\t};\r\n\r\n\tuseKeydown(\r\n\t\t(e) => {\r\n\t\t\tif (e.code !== \"Escape\" || !visible) return;\r\n\t\t\thandleHide();\r\n\t\t},\r\n\t\t{ disabled: disableEsc }\r\n\t);\r\n\r\n\tuseEffect(() => {\r\n\t\tvisible ? handleShow() : handleHide();\r\n\t}, [visible]);\r\n\r\n\tuseEffect(() => {\r\n\t\tsetMounted(true);\r\n\t}, []);\r\n\r\n\tconst handleClick = () => {\r\n\t\tif (typeof document === \"undefined\") return;\r\n\t\tdocument.documentElement.click();\r\n\t};\r\n\r\n\tif (!show || !mounted) return null;\r\n\r\n\treturn createPortal(\r\n\t\t<div\r\n\t\t\tclassName={classNames(\r\n\t\t\t\t\"i-modal-container\",\r\n\t\t\t\t{\r\n\t\t\t\t\t\"i-modal-backdrop\": !hideBackdrop,\r\n\t\t\t\t\t\"i-modal-customized\": customized,\r\n\t\t\t\t\t\"i-modal-active\": active,\r\n\t\t\t\t\tfixed,\r\n\t\t\t\t},\r\n\t\t\t\tclassName\r\n\t\t\t)}\r\n\t\t\tstyle={style}\r\n\t\t\tonClick={handleBackdropClick}\r\n\t\t\taria-modal='true'\r\n\t\t\tinert={!active}\r\n\t\t>\r\n\t\t\t<div\r\n\t\t\t\tclassName={classNames(\"i-modal\", {\r\n\t\t\t\t\tbounced,\r\n\t\t\t\t\tshadow: !hideShadow,\r\n\t\t\t\t})}\r\n\t\t\t\tstyle={{\r\n\t\t\t\t\twidth,\r\n\t\t\t\t\theight,\r\n\t\t\t\t}}\r\n\t\t\t\tonClick={(e) => {\r\n\t\t\t\t\te.stopPropagation();\r\n\t\t\t\t\thandleClick();\r\n\t\t\t\t\tonClick?.(e);\r\n\t\t\t\t}}\r\n\t\t\t\trole='dialog'\r\n\t\t\t\taria-labelledby={title ? \"modal-title\" : undefined}\r\n\t\t\t\t{...restProps}\r\n\t\t\t>\r\n\t\t\t\t<ModalContext.Provider value={true}>\r\n\t\t\t\t\t{customized && children}\r\n\r\n\t\t\t\t\t{!customized && (\r\n\t\t\t\t\t\t<Content\r\n\t\t\t\t\t\t\ttitle={title}\r\n\t\t\t\t\t\t\thideCloseButton={hideCloseButton}\r\n\t\t\t\t\t\t\tfooter={footer}\r\n\t\t\t\t\t\t\tokButtonProps={okButtonProps}\r\n\t\t\t\t\t\t\tcancelButtonProps={cancelButtonProps}\r\n\t\t\t\t\t\t\tchildren={children}\r\n\t\t\t\t\t\t\tfooterLeft={footerLeft}\r\n\t\t\t\t\t\t\tonOk={onOk}\r\n\t\t\t\t\t\t\tonClose={handleHide}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t)}\r\n\t\t\t\t</ModalContext.Provider>\r\n\t\t\t</div>\r\n\t\t</div>,\r\n\t\tdocument?.body ?? null\r\n\t);\r\n}\r\n\r\nModal.useModal = useModal;\r\n\r\nexport default Modal as CompositionModal;\r\n"],"names":["_jsx","_jsxs"],"mappings":"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"}

package/lib/es/js/usePreview/content.js

@@ -5,7 +5,7 @@ import { CloseRound, AspectRatioRound, OpenInNewRound, FileDownloadOutlined, Rot
 import { useReactive } from 'ahooks';
 import classNames from 'classnames';
 import { throttle } from 'radash';
-import { useRef, useMemo } from 'react';
+import { useRef, useMemo, useEffect } from 'react';
 import { useMouseMove, useMouseUp } from '../hooks.js';
 import { getSuffixByUrl, getFileType } from '../utils.js';
 import renderFile from './renderFile.js';
@@ -130,13 +130,25 @@ function Content(props) {
     };
     useMouseMove(handleMouseMove);
     useMouseUp(handleMouseUp);
+    useEffect(() => {
+        if (!box.current)
+            return;
+        box.current.addEventListener("wheel", handleMouseWheel, {
+            passive: false,
+        });
+        return () => {
+            if (!box.current)
+                return;
+            box.current.removeEventListener("wheel", handleMouseWheel);
+        };
+    }, []);
     return (jsxs(Fragment, { children: [jsx("div", { ref: box, className: classNames("i-preview-content", {
                     "no-transition": state.dragging,
                 }), style: {
                     transform: `translate(${state.translate
                         .map((n) => `${n}px`)
                         .join(",")}) rotate(${state.rotate}deg) scale(${state.scale})`,
-                }, onWheel: handleMouseWheel, onMouseDown: handleMouseDown, onClick: (e) => e.stopPropagation(), children: content }), jsxs("div", { className: classNames("i-preview-controls", {
+                }, onMouseDown: handleMouseDown, onClick: (e) => e.stopPropagation(), children: content }), jsxs("div", { className: classNames("i-preview-controls", {
                     "i-preview-controls-hidden": state.controlHidden,
                 }), children: [jsx(Button, { square: true, flat: true, onClick: onClose, children: jsx(Icon, { icon: jsx(CloseRound, {}) }) }), files.length > 1 && (jsxs("span", { className: 'px-8', children: [state.current + 1, " / ", files.length] })), state.scale !== 1 && (jsxs(Button, { flat: true, onClick: () => (state.scale = 1), children: [jsx(Icon, { icon: jsx(AspectRatioRound, {}) }), jsxs("span", { className: 'mt-2', children: [(state.scale * 100).toFixed(0), "%"] })] })), jsx(Button, { square: true, flat: true, href: file.src, target: '_blank', children: jsx(Icon, { icon: jsx(OpenInNewRound, {}) }) }), jsx(Button, { square: true, flat: true, href: file.src, download: true, target: '_blank', children: jsx(Icon, { icon: jsx(FileDownloadOutlined, {}) }) }), jsx(Button, { square: true, flat: true, onClick: () => handleRotate(90), children: jsx(Icon, { icon: jsx(RotateRightRound, {}) }) }), jsx(Button, { square: true, flat: true, onClick: () => handleRotate(-90), children: jsx(Icon, { icon: jsx(RotateLeftRound, {}) }) }), files.length > 1 && (jsxs(Fragment, { children: [jsx(Button, { square: true, flat: true, onClick: () => handleSwitch(state.current - 1), children: jsx(Icon, { icon: jsx(KeyboardArrowLeftRound, {}) }) }), jsx(Button, { square: true, flat: true, onClick: () => handleSwitch(state.current + 1), children: jsx(Icon, { icon: jsx(KeyboardArrowRightRound, {}) }) })] }))] })] }));
 }

package/lib/es/js/usePreview/content.js.map

@@ -1 +1 @@
-{"version":3,"file":"content.js","sources":["../../../../packages/js/usePreview/content.tsx"],"sourcesContent":["import Button from \"@p/components/button\";\r\nimport Icon from \"@p/components/icon\";\r\nimport {\r\n\tAspectRatioRound,\r\n\tCloseRound,\r\n\tFileDownloadOutlined,\r\n\tKeyboardArrowLeftRound,\r\n\tKeyboardArrowRightRound,\r\n\tOpenInNewRound,\r\n\tRotateLeftRound,\r\n\tRotateRightRound,\r\n} from \"@ricons/material\";\r\nimport { useReactive } from \"ahooks\";\r\nimport classNames from \"classnames\";\r\nimport { throttle } from \"radash\";\r\nimport { useMemo, useRef } from \"react\";\r\nimport { useMouseMove, useMouseUp } from \"../hooks\";\r\nimport { getFileType, getSuffixByUrl } from \"../utils\";\r\nimport DefaultRenderFile from \"./renderFile\";\r\nimport { IPreview, TFileType, TPreviewItem } from \"./type\";\r\n\r\nexport default function Content(props: IPreview) {\r\n\tconst {\r\n\t\titems = [],\r\n\t\tinitial = 0,\r\n\t\trenderFile = DefaultRenderFile,\r\n\t\tonRotate,\r\n\t\tonChange,\r\n\t\tonClose,\r\n\t\tonZoom,\r\n\t} = props;\r\n\tconst state = useReactive({\r\n\t\tcurrent: initial,\r\n\t\trotate: 0,\r\n\t\tscale: 1,\r\n\t\ttranslate: [0, 0],\r\n\t\tstart: [0, 0],\r\n\t\tdragging: false,\r\n\t\tcontrolHidden: true,\r\n\t});\r\n\tconst box = useRef<HTMLDivElement>(null);\r\n\tconst translate = useRef<number[]>([0, 0]);\r\n\tconst hiddenTO = useRef<any>(null);\r\n\r\n\tconst files = useMemo(() => {\r\n\t\treturn items.map((item) => {\r\n\t\t\tconst o: TPreviewItem = {\r\n\t\t\t\tsrc: \"\",\r\n\t\t\t};\r\n\t\t\tif (typeof item === \"string\") {\r\n\t\t\t\to.src = item;\r\n\t\t\t} else {\r\n\t\t\t\tObject.assign(o, item);\r\n\t\t\t}\r\n\r\n\t\t\to.suffix = getSuffixByUrl(o.src) || \"\";\r\n\t\t\to.type = getFileType(o.suffix, item[\"type\"]);\r\n\r\n\t\t\treturn o;\r\n\t\t});\r\n\t}, [items]);\r\n\r\n\tconst { file, content } = useMemo(() => {\r\n\t\tconst file = files[state.current];\r\n\t\tconst content = renderFile(file);\r\n\r\n\t\treturn {\r\n\t\t\tfile,\r\n\t\t\tcontent,\r\n\t\t};\r\n\t}, [state.current, items]);\r\n\r\n\tconst isImage = file.type === TFileType.IMAGE;\r\n\r\n\tconst handleSwitch = (next: number) => {\r\n\t\tconst l = files.length;\r\n\t\tconst { current: before } = state;\r\n\t\tif (next >= l) {\r\n\t\t\tstate.current = 0;\r\n\t\t} else if (next < 0) {\r\n\t\t\tstate.current = l - 1;\r\n\t\t} else {\r\n\t\t\tstate.current = next;\r\n\t\t}\r\n\t\tonChange?.(state.current, before);\r\n\r\n\t\tstate.rotate = files[state.current].rotate || 0;\r\n\r\n\t\tif (state.scale !== 1) {\r\n\t\t\tstate.scale = 1;\r\n\t\t\tonZoom?.(1);\r\n\t\t}\r\n\t\tonRotate?.(state.rotate);\r\n\t\tstate.translate = translate.current = [0, 0];\r\n\t};\r\n\r\n\tconst handleRotate = (deg: number) => {\r\n\t\tstate.rotate += deg;\r\n\r\n\t\tonRotate?.(state.rotate);\r\n\t};\r\n\r\n\tconst handleMouseWheel = throttle({ interval: 60 }, (e) => {\r\n\t\te.stopPropagation();\r\n\t\te.preventDefault();\r\n\t\tif (!isImage) return;\r\n\t\tlet after = state.scale + (e.deltaY < 0 ? 0.05 : -0.05);\r\n\t\tif (after > 2) after = 2;\r\n\t\tif (after < 0.25) after = 0.25;\r\n\r\n\t\tonZoom?.(after);\r\n\t\tstate.scale = after;\r\n\t});\r\n\r\n\tconst handleMouseDown = (e) => {\r\n\t\tif (!isImage) return;\r\n\t\te.preventDefault();\r\n\t\tstate.dragging = true;\r\n\t\tstate.start = [e.pageX, e.pageY];\r\n\t};\r\n\r\n\tconst clearHiddenTO = () => {\r\n\t\tif (!hiddenTO.current || state.controlHidden) return;\r\n\t\tclearTimeout(hiddenTO.current);\r\n\t\thiddenTO.current = null;\r\n\t};\r\n\r\n\tconst setHiddenFalse = () => {\r\n\t\tif (!state.controlHidden) return;\r\n\t\tstate.controlHidden = false;\r\n\r\n\t\tclearHiddenTO();\r\n\t\thiddenTO.current = setTimeout(() => {\r\n\t\t\tstate.controlHidden = true;\r\n\t\t}, 1000);\r\n\t};\r\n\r\n\tconst throttleMouseMove = throttle({ interval: 300 }, setHiddenFalse);\r\n\r\n\tconst handleMouseMove = (e) => {\r\n\t\tthrottleMouseMove();\r\n\t\tif (!state.dragging) return;\r\n\t\te.preventDefault();\r\n\r\n\t\tconst [x, y] = translate.current;\r\n\t\tconst [ox, oy] = state.start;\r\n\t\tconst offsetX = e.pageX - ox;\r\n\t\tconst offsetY = e.pageY - oy;\r\n\r\n\t\tstate.translate = [x + offsetX, y + offsetY];\r\n\t};\r\n\r\n\tconst handleMouseUp = () => {\r\n\t\tif (!state.dragging) return;\r\n\t\tstate.dragging = false;\r\n\t\ttranslate.current = state.translate;\r\n\t};\r\n\r\n\tuseMouseMove(handleMouseMove);\r\n\tuseMouseUp(handleMouseUp);\r\n\r\n\treturn (\r\n\t\t<>\r\n\t\t\t<div\r\n\t\t\t\tref={box}\r\n\t\t\t\tclassName={classNames(\"i-preview-content\", {\r\n\t\t\t\t\t\"no-transition\": state.dragging,\r\n\t\t\t\t})}\r\n\t\t\t\tstyle={{\r\n\t\t\t\t\ttransform: `translate(${state.translate\r\n\t\t\t\t\t\t.map((n) => `${n}px`)\r\n\t\t\t\t\t\t.join(\",\")}) rotate(${state.rotate}deg) scale(${\r\n\t\t\t\t\t\tstate.scale\r\n\t\t\t\t\t})`,\r\n\t\t\t\t}}\r\n\t\t\t\tonWheel={handleMouseWheel}\r\n\t\t\t\tonMouseDown={handleMouseDown}\r\n\t\t\t\tonClick={(e) => e.stopPropagation()}\r\n\t\t\t>\r\n\t\t\t\t{content}\r\n\t\t\t</div>\r\n\r\n\t\t\t<div\r\n\t\t\t\tclassName={classNames(\"i-preview-controls\", {\r\n\t\t\t\t\t\"i-preview-controls-hidden\": state.controlHidden,\r\n\t\t\t\t})}\r\n\t\t\t>\r\n\t\t\t\t<Button square flat onClick={onClose}>\r\n\t\t\t\t\t<Icon icon={<CloseRound />} />\r\n\t\t\t\t</Button>\r\n\t\t\t\t{files.length > 1 && (\r\n\t\t\t\t\t<span className='px-8'>\r\n\t\t\t\t\t\t{state.current + 1} / {files.length}\r\n\t\t\t\t\t</span>\r\n\t\t\t\t)}\r\n\t\t\t\t{state.scale !== 1 && (\r\n\t\t\t\t\t<Button flat onClick={() => (state.scale = 1)}>\r\n\t\t\t\t\t\t<Icon icon={<AspectRatioRound />} />\r\n\t\t\t\t\t\t<span className='mt-2'>\r\n\t\t\t\t\t\t\t{(state.scale * 100).toFixed(0)}%\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t</Button>\r\n\t\t\t\t)}\r\n\t\t\t\t<Button square flat href={file.src} target='_blank'>\r\n\t\t\t\t\t<Icon icon={<OpenInNewRound />} />\r\n\t\t\t\t</Button>\r\n\t\t\t\t<Button square flat href={file.src} download target='_blank'>\r\n\t\t\t\t\t<Icon icon={<FileDownloadOutlined />} />\r\n\t\t\t\t</Button>\r\n\t\t\t\t<Button square flat onClick={() => handleRotate(90)}>\r\n\t\t\t\t\t<Icon icon={<RotateRightRound />} />\r\n\t\t\t\t</Button>\r\n\t\t\t\t<Button square flat onClick={() => handleRotate(-90)}>\r\n\t\t\t\t\t<Icon icon={<RotateLeftRound />} />\r\n\t\t\t\t</Button>\r\n\r\n\t\t\t\t{files.length > 1 && (\r\n\t\t\t\t\t<>\r\n\t\t\t\t\t\t<Button\r\n\t\t\t\t\t\t\tsquare\r\n\t\t\t\t\t\t\tflat\r\n\t\t\t\t\t\t\tonClick={() => handleSwitch(state.current - 1)}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<Icon icon={<KeyboardArrowLeftRound />} />\r\n\t\t\t\t\t\t</Button>\r\n\t\t\t\t\t\t<Button\r\n\t\t\t\t\t\t\tsquare\r\n\t\t\t\t\t\t\tflat\r\n\t\t\t\t\t\t\tonClick={() => handleSwitch(state.current + 1)}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<Icon icon={<KeyboardArrowRightRound />} />\r\n\t\t\t\t\t\t</Button>\r\n\t\t\t\t\t</>\r\n\t\t\t\t)}\r\n\t\t\t</div>\r\n\t\t</>\r\n\t);\r\n}\r\n"],"names":["renderFile","DefaultRenderFile","_jsxs","_Fragment","_jsx"],"mappings":"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"}
+{"version":3,"file":"content.js","sources":["../../../../packages/js/usePreview/content.tsx"],"sourcesContent":["import Button from \"@p/components/button\";\r\nimport Icon from \"@p/components/icon\";\r\nimport {\r\n\tAspectRatioRound,\r\n\tCloseRound,\r\n\tFileDownloadOutlined,\r\n\tKeyboardArrowLeftRound,\r\n\tKeyboardArrowRightRound,\r\n\tOpenInNewRound,\r\n\tRotateLeftRound,\r\n\tRotateRightRound,\r\n} from \"@ricons/material\";\r\nimport { useReactive } from \"ahooks\";\r\nimport classNames from \"classnames\";\r\nimport { throttle } from \"radash\";\r\nimport { useEffect, useMemo, useRef } from \"react\";\r\nimport { useMouseMove, useMouseUp } from \"../hooks\";\r\nimport { getFileType, getSuffixByUrl } from \"../utils\";\r\nimport DefaultRenderFile from \"./renderFile\";\r\nimport { IPreview, TFileType, TPreviewItem } from \"./type\";\r\n\r\nexport default function Content(props: IPreview) {\r\n\tconst {\r\n\t\titems = [],\r\n\t\tinitial = 0,\r\n\t\trenderFile = DefaultRenderFile,\r\n\t\tonRotate,\r\n\t\tonChange,\r\n\t\tonClose,\r\n\t\tonZoom,\r\n\t} = props;\r\n\tconst state = useReactive({\r\n\t\tcurrent: initial,\r\n\t\trotate: 0,\r\n\t\tscale: 1,\r\n\t\ttranslate: [0, 0],\r\n\t\tstart: [0, 0],\r\n\t\tdragging: false,\r\n\t\tcontrolHidden: true,\r\n\t});\r\n\tconst box = useRef<HTMLDivElement>(null);\r\n\tconst translate = useRef<number[]>([0, 0]);\r\n\tconst hiddenTO = useRef<any>(null);\r\n\r\n\tconst files = useMemo(() => {\r\n\t\treturn items.map((item) => {\r\n\t\t\tconst o: TPreviewItem = {\r\n\t\t\t\tsrc: \"\",\r\n\t\t\t};\r\n\t\t\tif (typeof item === \"string\") {\r\n\t\t\t\to.src = item;\r\n\t\t\t} else {\r\n\t\t\t\tObject.assign(o, item);\r\n\t\t\t}\r\n\r\n\t\t\to.suffix = getSuffixByUrl(o.src) || \"\";\r\n\t\t\to.type = getFileType(o.suffix, item[\"type\"]);\r\n\r\n\t\t\treturn o;\r\n\t\t});\r\n\t}, [items]);\r\n\r\n\tconst { file, content } = useMemo(() => {\r\n\t\tconst file = files[state.current];\r\n\t\tconst content = renderFile(file);\r\n\r\n\t\treturn {\r\n\t\t\tfile,\r\n\t\t\tcontent,\r\n\t\t};\r\n\t}, [state.current, items]);\r\n\r\n\tconst isImage = file.type === TFileType.IMAGE;\r\n\r\n\tconst handleSwitch = (next: number) => {\r\n\t\tconst l = files.length;\r\n\t\tconst { current: before } = state;\r\n\t\tif (next >= l) {\r\n\t\t\tstate.current = 0;\r\n\t\t} else if (next < 0) {\r\n\t\t\tstate.current = l - 1;\r\n\t\t} else {\r\n\t\t\tstate.current = next;\r\n\t\t}\r\n\t\tonChange?.(state.current, before);\r\n\r\n\t\tstate.rotate = files[state.current].rotate || 0;\r\n\r\n\t\tif (state.scale !== 1) {\r\n\t\t\tstate.scale = 1;\r\n\t\t\tonZoom?.(1);\r\n\t\t}\r\n\t\tonRotate?.(state.rotate);\r\n\t\tstate.translate = translate.current = [0, 0];\r\n\t};\r\n\r\n\tconst handleRotate = (deg: number) => {\r\n\t\tstate.rotate += deg;\r\n\r\n\t\tonRotate?.(state.rotate);\r\n\t};\r\n\r\n\tconst handleMouseWheel = throttle({ interval: 60 }, (e) => {\r\n\t\te.stopPropagation();\r\n\t\te.preventDefault();\r\n\t\tif (!isImage) return;\r\n\t\tlet after = state.scale + (e.deltaY < 0 ? 0.05 : -0.05);\r\n\t\tif (after > 2) after = 2;\r\n\t\tif (after < 0.25) after = 0.25;\r\n\r\n\t\tonZoom?.(after);\r\n\t\tstate.scale = after;\r\n\t});\r\n\r\n\tconst handleMouseDown = (e) => {\r\n\t\tif (!isImage) return;\r\n\t\te.preventDefault();\r\n\t\tstate.dragging = true;\r\n\t\tstate.start = [e.pageX, e.pageY];\r\n\t};\r\n\r\n\tconst clearHiddenTO = () => {\r\n\t\tif (!hiddenTO.current || state.controlHidden) return;\r\n\t\tclearTimeout(hiddenTO.current);\r\n\t\thiddenTO.current = null;\r\n\t};\r\n\r\n\tconst setHiddenFalse = () => {\r\n\t\tif (!state.controlHidden) return;\r\n\t\tstate.controlHidden = false;\r\n\r\n\t\tclearHiddenTO();\r\n\t\thiddenTO.current = setTimeout(() => {\r\n\t\t\tstate.controlHidden = true;\r\n\t\t}, 1000);\r\n\t};\r\n\r\n\tconst throttleMouseMove = throttle({ interval: 300 }, setHiddenFalse);\r\n\r\n\tconst handleMouseMove = (e) => {\r\n\t\tthrottleMouseMove();\r\n\t\tif (!state.dragging) return;\r\n\t\te.preventDefault();\r\n\r\n\t\tconst [x, y] = translate.current;\r\n\t\tconst [ox, oy] = state.start;\r\n\t\tconst offsetX = e.pageX - ox;\r\n\t\tconst offsetY = e.pageY - oy;\r\n\r\n\t\tstate.translate = [x + offsetX, y + offsetY];\r\n\t};\r\n\r\n\tconst handleMouseUp = () => {\r\n\t\tif (!state.dragging) return;\r\n\t\tstate.dragging = false;\r\n\t\ttranslate.current = state.translate;\r\n\t};\r\n\r\n\tuseMouseMove(handleMouseMove);\r\n\tuseMouseUp(handleMouseUp);\r\n\r\n\tuseEffect(() => {\r\n\t\tif (!box.current) return;\r\n\r\n\t\tbox.current.addEventListener(\"wheel\", handleMouseWheel, {\r\n\t\t\tpassive: false,\r\n\t\t});\r\n\r\n\t\treturn () => {\r\n\t\t\tif (!box.current) return;\r\n\r\n\t\t\tbox.current.removeEventListener(\"wheel\", handleMouseWheel);\r\n\t\t};\r\n\t}, []);\r\n\r\n\treturn (\r\n\t\t<>\r\n\t\t\t<div\r\n\t\t\t\tref={box}\r\n\t\t\t\tclassName={classNames(\"i-preview-content\", {\r\n\t\t\t\t\t\"no-transition\": state.dragging,\r\n\t\t\t\t})}\r\n\t\t\t\tstyle={{\r\n\t\t\t\t\ttransform: `translate(${state.translate\r\n\t\t\t\t\t\t.map((n) => `${n}px`)\r\n\t\t\t\t\t\t.join(\",\")}) rotate(${state.rotate}deg) scale(${\r\n\t\t\t\t\t\tstate.scale\r\n\t\t\t\t\t})`,\r\n\t\t\t\t}}\r\n\t\t\t\tonMouseDown={handleMouseDown}\r\n\t\t\t\tonClick={(e) => e.stopPropagation()}\r\n\t\t\t>\r\n\t\t\t\t{content}\r\n\t\t\t</div>\r\n\r\n\t\t\t<div\r\n\t\t\t\tclassName={classNames(\"i-preview-controls\", {\r\n\t\t\t\t\t\"i-preview-controls-hidden\": state.controlHidden,\r\n\t\t\t\t})}\r\n\t\t\t>\r\n\t\t\t\t<Button square flat onClick={onClose}>\r\n\t\t\t\t\t<Icon icon={<CloseRound />} />\r\n\t\t\t\t</Button>\r\n\t\t\t\t{files.length > 1 && (\r\n\t\t\t\t\t<span className='px-8'>\r\n\t\t\t\t\t\t{state.current + 1} / {files.length}\r\n\t\t\t\t\t</span>\r\n\t\t\t\t)}\r\n\t\t\t\t{state.scale !== 1 && (\r\n\t\t\t\t\t<Button flat onClick={() => (state.scale = 1)}>\r\n\t\t\t\t\t\t<Icon icon={<AspectRatioRound />} />\r\n\t\t\t\t\t\t<span className='mt-2'>\r\n\t\t\t\t\t\t\t{(state.scale * 100).toFixed(0)}%\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t</Button>\r\n\t\t\t\t)}\r\n\t\t\t\t<Button square flat href={file.src} target='_blank'>\r\n\t\t\t\t\t<Icon icon={<OpenInNewRound />} />\r\n\t\t\t\t</Button>\r\n\t\t\t\t<Button square flat href={file.src} download target='_blank'>\r\n\t\t\t\t\t<Icon icon={<FileDownloadOutlined />} />\r\n\t\t\t\t</Button>\r\n\t\t\t\t<Button square flat onClick={() => handleRotate(90)}>\r\n\t\t\t\t\t<Icon icon={<RotateRightRound />} />\r\n\t\t\t\t</Button>\r\n\t\t\t\t<Button square flat onClick={() => handleRotate(-90)}>\r\n\t\t\t\t\t<Icon icon={<RotateLeftRound />} />\r\n\t\t\t\t</Button>\r\n\r\n\t\t\t\t{files.length > 1 && (\r\n\t\t\t\t\t<>\r\n\t\t\t\t\t\t<Button\r\n\t\t\t\t\t\t\tsquare\r\n\t\t\t\t\t\t\tflat\r\n\t\t\t\t\t\t\tonClick={() => handleSwitch(state.current - 1)}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<Icon icon={<KeyboardArrowLeftRound />} />\r\n\t\t\t\t\t\t</Button>\r\n\t\t\t\t\t\t<Button\r\n\t\t\t\t\t\t\tsquare\r\n\t\t\t\t\t\t\tflat\r\n\t\t\t\t\t\t\tonClick={() => handleSwitch(state.current + 1)}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<Icon icon={<KeyboardArrowRightRound />} />\r\n\t\t\t\t\t\t</Button>\r\n\t\t\t\t\t</>\r\n\t\t\t\t)}\r\n\t\t\t</div>\r\n\t\t</>\r\n\t);\r\n}\r\n"],"names":["renderFile","DefaultRenderFile","_jsxs","_Fragment","_jsx"],"mappings":"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"}

package/lib/es/js/useTheme/index.js

@@ -1,27 +1,31 @@
 import { useLocalStorageState } from 'ahooks';
-import { useEffect } from 'react';
+import { useState, useEffect } from 'react';
 
 const useTheme = (props) => {
-    const { key = "ioca-react-theme", defaultValue, listenStorageChange, } = props ?? {};
+    const { key = "ioca-react-theme", defaultValue = "theme-auto", listenStorageChange, } = props ?? {};
+    const [mounted, setMounted] = useState(false);
     const [theme, setTheme] = useLocalStorageState(key, {
-        defaultValue: defaultValue ?? "",
+        defaultValue,
         listenStorageChange,
     });
     useEffect(() => {
-        if (typeof document === "undefined")
+        setMounted(true);
+    }, []);
+    useEffect(() => {
+        if (!mounted || !theme)
             return;
         const cls = document.documentElement.classList;
-        const cns = Array.from(cls);
-        const pre = cns.find((n) => n.startsWith("theme-")) ?? "";
-        if (pre) {
-            cls.replace(pre, theme || "theme-auto");
-            return;
+        const prev = Array.from(cls).find((n) => n.startsWith("theme-"));
+        if (prev) {
+            cls.replace(prev, theme);
+        }
+        else {
+            cls.add(theme);
         }
-        theme && cls.add(theme);
-    }, [theme]);
+    }, [theme, mounted]);
     return {
-        theme,
-        setTheme,
+        theme: mounted ? theme : defaultValue,
+        setTheme: mounted ? setTheme : () => { },
     };
 };
 

package/lib/es/js/useTheme/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../packages/js/useTheme/index.ts"],"sourcesContent":["import { useLocalStorageState } from \"ahooks\";\r\nimport { useEffect } from \"react\";\r\nimport { ITheme } from \"./type\";\r\n\r\nconst useTheme = (props?: ITheme) => {\r\n\tconst {\r\n\t\tkey = \"ioca-react-theme\",\r\n\t\tdefaultValue,\r\n\t\tlistenStorageChange,\r\n\t} = props ?? {};\r\n\tconst [theme, setTheme] = useLocalStorageState<string>(key, {\r\n\t\tdefaultValue: defaultValue ?? \"\",\r\n\t\tlistenStorageChange,\r\n\t});\r\n\r\n\tuseEffect(() => {\r\n\t\tif (typeof document === \"undefined\") return;\r\n\r\n\t\tconst cls = document.documentElement.classList;\r\n\t\tconst cns = Array.from(cls);\r\n\t\tconst pre = cns.find((n) => n.startsWith(\"theme-\")) ?? \"\";\r\n\r\n\t\tif (pre) {\r\n\t\t\tcls.replace(pre, theme || \"theme-auto\");\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\ttheme && cls.add(theme);\r\n\t}, [theme]);\r\n\r\n\treturn {\r\n\t\ttheme,\r\n\t\tsetTheme,\r\n\t};\r\n};\r\n\r\nexport default useTheme;\r\n"],"names":[],"mappings":";;;AAIA,MAAM,QAAQ,GAAG,CAAC,KAAc,KAAI;AACnC,IAAA,MAAM,EACL,GAAG,GAAG,kBAAkB,EACxB,YAAY,EACZ,mBAAmB,GACnB,GAAG,KAAK,IAAI,EAAE;IACf,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,oBAAoB,CAAS,GAAG,EAAE;QAC3D,YAAY,EAAE,YAAY,IAAI,EAAE;QAChC,mBAAmB;AACnB,KAAA,CAAC;IAEF,SAAS,CAAC,MAAK;QACd,IAAI,OAAO,QAAQ,KAAK,WAAW;YAAE;AAErC,QAAA,MAAM,GAAG,GAAG,QAAQ,CAAC,eAAe,CAAC,SAAS;QAC9C,MAAM,GAAG,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC;QAC3B,MAAM,GAAG,GAAG,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,IAAI,EAAE;QAEzD,IAAI,GAAG,EAAE;YACR,GAAG,CAAC,OAAO,CAAC,GAAG,EAAE,KAAK,IAAI,YAAY,CAAC;YACvC;;AAGD,QAAA,KAAK,IAAI,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC;AACxB,KAAC,EAAE,CAAC,KAAK,CAAC,CAAC;IAEX,OAAO;QACN,KAAK;QACL,QAAQ;KACR;AACF;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../packages/js/useTheme/index.ts"],"sourcesContent":["import { useLocalStorageState } from \"ahooks\";\r\nimport { useEffect, useState } from \"react\";\r\nimport { ITheme } from \"./type\";\r\n\r\nconst useTheme = (props?: ITheme) => {\r\n\tconst {\r\n\t\tkey = \"ioca-react-theme\",\r\n\t\tdefaultValue = \"theme-auto\",\r\n\t\tlistenStorageChange,\r\n\t} = props ?? {};\r\n\r\n\tconst [mounted, setMounted] = useState(false);\r\n\r\n\tconst [theme, setTheme] = useLocalStorageState<string>(key, {\r\n\t\tdefaultValue,\r\n\t\tlistenStorageChange,\r\n\t});\r\n\r\n\tuseEffect(() => {\r\n\t\tsetMounted(true);\r\n\t}, []);\r\n\r\n\tuseEffect(() => {\r\n\t\tif (!mounted || !theme) return;\r\n\r\n\t\tconst cls = document.documentElement.classList;\r\n\t\tconst prev = Array.from(cls).find((n) => n.startsWith(\"theme-\"));\r\n\r\n\t\tif (prev) {\r\n\t\t\tcls.replace(prev, theme);\r\n\t\t} else {\r\n\t\t\tcls.add(theme);\r\n\t\t}\r\n\t}, [theme, mounted]);\r\n\r\n\treturn {\r\n\t\ttheme: mounted ? theme : defaultValue,\r\n\t\tsetTheme: mounted ? setTheme : () => {},\r\n\t};\r\n};\r\n\r\nexport default useTheme;\r\n"],"names":[],"mappings":";;;AAIA,MAAM,QAAQ,GAAG,CAAC,KAAc,KAAI;AACnC,IAAA,MAAM,EACL,GAAG,GAAG,kBAAkB,EACxB,YAAY,GAAG,YAAY,EAC3B,mBAAmB,GACnB,GAAG,KAAK,IAAI,EAAE;IAEf,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;IAE7C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,oBAAoB,CAAS,GAAG,EAAE;QAC3D,YAAY;QACZ,mBAAmB;AACnB,KAAA,CAAC;IAEF,SAAS,CAAC,MAAK;QACd,UAAU,CAAC,IAAI,CAAC;KAChB,EAAE,EAAE,CAAC;IAEN,SAAS,CAAC,MAAK;AACd,QAAA,IAAI,CAAC,OAAO,IAAI,CAAC,KAAK;YAAE;AAExB,QAAA,MAAM,GAAG,GAAG,QAAQ,CAAC,eAAe,CAAC,SAAS;QAC9C,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;QAEhE,IAAI,IAAI,EAAE;AACT,YAAA,GAAG,CAAC,OAAO,CAAC,IAAI,EAAE,KAAK,CAAC;;aAClB;AACN,YAAA,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC;;AAEhB,KAAC,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;IAEpB,OAAO;QACN,KAAK,EAAE,OAAO,GAAG,KAAK,GAAG,YAAY;AACrC,QAAA,QAAQ,EAAE,OAAO,GAAG,QAAQ,GAAG,MAAK,GAAG;KACvC;AACF;;;;"}

package/lib/index.js

@@ -2008,7 +2008,7 @@ function Modal(props) {
             "i-modal-customized": customized,
             "i-modal-active": active,
             fixed,
-        }, className), style: style, onClick: handleBackdropClick, "aria-modal": 'true', "aria-hidden": !active, children: jsx("div", { className: classNames("i-modal", {
+        }, className), style: style, onClick: handleBackdropClick, "aria-modal": 'true', inert: !active, children: jsx("div", { className: classNames("i-modal", {
                 bounced,
                 shadow: !hideShadow,
             }), style: {
@@ -2511,13 +2511,25 @@ function Content(props) {
     };
     useMouseMove(handleMouseMove);
     useMouseUp(handleMouseUp);
+    useEffect(() => {
+        if (!box.current)
+            return;
+        box.current.addEventListener("wheel", handleMouseWheel, {
+            passive: false,
+        });
+        return () => {
+            if (!box.current)
+                return;
+            box.current.removeEventListener("wheel", handleMouseWheel);
+        };
+    }, []);
     return (jsxs(Fragment, { children: [jsx("div", { ref: box, className: classNames("i-preview-content", {
                     "no-transition": state.dragging,
                 }), style: {
                     transform: `translate(${state.translate
                         .map((n) => `${n}px`)
                         .join(",")}) rotate(${state.rotate}deg) scale(${state.scale})`,
-                }, onWheel: handleMouseWheel, onMouseDown: handleMouseDown, onClick: (e) => e.stopPropagation(), children: content }), jsxs("div", { className: classNames("i-preview-controls", {
+                }, onMouseDown: handleMouseDown, onClick: (e) => e.stopPropagation(), children: content }), jsxs("div", { className: classNames("i-preview-controls", {
                     "i-preview-controls-hidden": state.controlHidden,
                 }), children: [jsx(Button, { square: true, flat: true, onClick: onClose, children: jsx(Icon, { icon: jsx(CloseRound, {}) }) }), files.length > 1 && (jsxs("span", { className: 'px-8', children: [state.current + 1, " / ", files.length] })), state.scale !== 1 && (jsxs(Button, { flat: true, onClick: () => (state.scale = 1), children: [jsx(Icon, { icon: jsx(AspectRatioRound, {}) }), jsxs("span", { className: 'mt-2', children: [(state.scale * 100).toFixed(0), "%"] })] })), jsx(Button, { square: true, flat: true, href: file.src, target: '_blank', children: jsx(Icon, { icon: jsx(OpenInNewRound, {}) }) }), jsx(Button, { square: true, flat: true, href: file.src, download: true, target: '_blank', children: jsx(Icon, { icon: jsx(FileDownloadOutlined, {}) }) }), jsx(Button, { square: true, flat: true, onClick: () => handleRotate(90), children: jsx(Icon, { icon: jsx(RotateRightRound, {}) }) }), jsx(Button, { square: true, flat: true, onClick: () => handleRotate(-90), children: jsx(Icon, { icon: jsx(RotateLeftRound, {}) }) }), files.length > 1 && (jsxs(Fragment, { children: [jsx(Button, { square: true, flat: true, onClick: () => handleSwitch(state.current - 1), children: jsx(Icon, { icon: jsx(KeyboardArrowLeftRound, {}) }) }), jsx(Button, { square: true, flat: true, onClick: () => handleSwitch(state.current + 1), children: jsx(Icon, { icon: jsx(KeyboardArrowRightRound, {}) }) })] }))] })] }));
 }
@@ -4640,26 +4652,30 @@ const Upload = (props) => {
 };
 
 const useTheme = (props) => {
-    const { key = "ioca-react-theme", defaultValue, listenStorageChange, } = props ?? {};
+    const { key = "ioca-react-theme", defaultValue = "theme-auto", listenStorageChange, } = props ?? {};
+    const [mounted, setMounted] = useState(false);
     const [theme, setTheme] = useLocalStorageState(key, {
-        defaultValue: defaultValue ?? "",
+        defaultValue,
         listenStorageChange,
     });
     useEffect(() => {
-        if (typeof document === "undefined")
+        setMounted(true);
+    }, []);
+    useEffect(() => {
+        if (!mounted || !theme)
             return;
         const cls = document.documentElement.classList;
-        const cns = Array.from(cls);
-        const pre = cns.find((n) => n.startsWith("theme-")) ?? "";
-        if (pre) {
-            cls.replace(pre, theme || "theme-auto");
-            return;
+        const prev = Array.from(cls).find((n) => n.startsWith("theme-"));
+        if (prev) {
+            cls.replace(prev, theme);
+        }
+        else {
+            cls.add(theme);
         }
-        theme && cls.add(theme);
-    }, [theme]);
+    }, [theme, mounted]);
     return {
-        theme,
-        setTheme,
+        theme: mounted ? theme : defaultValue,
+        setTheme: mounted ? setTheme : () => { },
     };
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@ioca/react",
-	"version": "1.4.01",
+	"version": "1.4.04",
 	"type": "module",
 	"scripts": {
 		"dev": "vite",