@squirrel-cloud/ui-vue 0.5.1 → 0.5.2

package/dist/index.js

@@ -1,4 +1,4 @@
-import { defineComponent as R, computed as y, openBlock as m, createBlock as S, unref as i, normalizeClass as W, withCtx as N, resolveDynamicComponent as fe, createCommentVNode as M, createTextVNode as De, toDisplayString as Q, h as Pe, ref as T, watch as oe, onMounted as se, createElementBlock as w, normalizeStyle as G, onBeforeUnmount as ye, Transition as we, withDirectives as ue, createElementVNode as E, renderSlot as F, vShow as he, useSlots as Oe, createVNode as z, inject as me, shallowRef as ie, provide as Se, toRef as le, useModel as re, vModelCheckbox as it, mergeModels as Z, toRaw as ze, Fragment as ae, renderList as pe, useAttrs as Ze, Teleport as ut, mergeProps as ve, withModifiers as be, nextTick as ke, vModelDynamic as Tt, vModelText as zt, render as Ne, cloneVNode as Rt, Text as Lt, Comment as It, vModelRadio as ct } from "vue";
+import { defineComponent as R, computed as y, openBlock as m, createBlock as S, unref as i, normalizeClass as W, withCtx as N, resolveDynamicComponent as fe, createCommentVNode as P, createTextVNode as De, toDisplayString as Q, h as Pe, ref as T, watch as oe, onMounted as se, createElementBlock as w, normalizeStyle as G, onBeforeUnmount as ye, Transition as we, withDirectives as ue, createElementVNode as E, renderSlot as F, vShow as he, useSlots as Oe, createVNode as z, inject as me, shallowRef as le, provide as Se, toRef as re, useModel as ie, vModelCheckbox as it, mergeModels as Z, toRaw as ze, Fragment as ae, renderList as pe, useAttrs as Ze, Teleport as ut, mergeProps as ve, withModifiers as be, nextTick as ke, vModelDynamic as Tt, vModelText as zt, render as Ne, cloneVNode as Rt, Text as Lt, Comment as It, vModelRadio as ct } from "vue";
 import { WarningFilled as dt, CloseFilled as ft, InfoFilled as nt, CheckFilled as pt, JumpTo as At, CaretUp as Et, Loading as Ue, Check as vt, Close as Ge, Bold as Mt, Italic as Pt, Underline as Dt, Strikethrough as Ot, Hide as mt, ListUl as Nt, ListOl as Ut, View as ht, ArrowLeft as gt, ArrowRight as bt, ZoomIn as Vt, ZoomOut as Ft, FlipHorizontal as Ht, FlipVertical as jt, Clockwise as Wt, Couterclockwise as Xt, FitSize as Yt, Fullscreen as Kt, Ellipsis as Zt, ArrowDown as Gt } from "@squirrel-cloud/icons-vue";
 import { autoUpdate as Qt, computePosition as Jt, offset as en, flip as tn, shift as nn } from "@floating-ui/dom";
 const Qe = {
@@ -25,7 +25,7 @@ const Qe = {
       class: W(["sq-alert", s.value])
     }, {
       default: N(() => [
-        e.value ? (m(), S(fe(e.value), { key: 0 })) : M("", !0),
+        e.value ? (m(), S(fe(e.value), { key: 0 })) : P("", !0),
         De(" " + Q(o.text), 1)
       ]),
       _: 1
@@ -180,7 +180,7 @@ function rn() {
     const d = [], u = { children: [] };
     let l = u;
     return t.forEach((r) => {
-      var P, I, L, V, j, te, ne, k, C, b, _, g;
+      var M, I, L, V, j, te, ne, k, C, b, _, g;
       const { type: p, children: h, content: v, attrs: f, tag: x, hidden: $, info: B } = r;
       switch (p) {
         case "heading_open":
@@ -207,7 +207,7 @@ function rn() {
           };
           if (p === "link_open") {
             const O = r.attrGet("href") ?? "", H = document.location.origin;
-            O != null && O.startsWith("http") && !O.includes(H) && (q.attrs.target = "_blank", q.attrs.rel = "noopener noreferrer", q.attrs.dataOuter = "", (P = q.children) == null || P.push({ tag: At }));
+            O != null && O.startsWith("http") && !O.includes(H) && (q.attrs.target = "_blank", q.attrs.rel = "noopener noreferrer", q.attrs.dataOuter = "", (M = q.children) == null || M.push({ tag: At }));
           }
           if (p === "table_open") {
             const O = {
@@ -532,7 +532,7 @@ const { md2tokensAsync: dn, tokens2vueh: fn } = rn(), pn = "sq-article", vn = R(
                 type: (v = n.progressProps) == null ? void 0 : v.type,
                 stroke: (f = n.progressProps) == null ? void 0 : f.stroke,
                 color: (x = n.progressProps) == null ? void 0 : x.color
-              }, null, 8, ["value", "max", "type", "stroke", "color"])) : M("", !0),
+              }, null, 8, ["value", "max", "type", "stroke", "color"])) : P("", !0),
               F(p.$slots, "default", {}, () => [
                 (m(), S(fe(n.icon)))
               ])
@@ -580,14 +580,14 @@ const { md2tokensAsync: dn, tokens2vueh: fn } = rn(), pn = "sq-article", vn = R(
                     key: 0,
                     class: "sq-badge-label-inner",
                     textContent: Q(a.value)
-                  }, null, 8, xn)) : M("", !0)
+                  }, null, 8, xn)) : P("", !0)
                 ]),
                 _: 1
               }, 8, ["name"])
             ]),
             _: 1
           }))
-        ], 6)) : M("", !0)
+        ], 6)) : P("", !0)
       ]),
       _: 3
     }));
@@ -691,7 +691,7 @@ function qn(c) {
   };
 }
 function yt() {
-  const c = { x: 0, y: 0 }, o = T(!1), s = T(1), e = T(), n = T({ x: 0, y: 0 }), t = ie(null);
+  const c = { x: 0, y: 0 }, o = T(!1), s = T(1), e = T(), n = T({ x: 0, y: 0 }), t = le(null);
   function a(f) {
     f.pointerType !== "touch" && (o.value = !0, c.x = f.x, c.y = f.y);
   }
@@ -709,23 +709,23 @@ function yt() {
   function l(f) {
     o.value = !1, e.value = void 0, f == null || f();
   }
-  function r(f, x, $, B, P) {
-    const I = s.value / P, L = f * I, V = x * I, [j, te] = v($, B);
+  function r(f, x, $, B, M) {
+    const I = s.value / M, L = f * I, V = x * I, [j, te] = v($, B);
     return [j - L, te - V];
   }
   function p(f, x) {
     const $ = f - c.x, B = x - c.y;
     c.x = f, c.y = x;
-    const P = n.value.x + $ * 2, I = n.value.y + B * 2;
-    n.value.x = P, n.value.y = I;
+    const M = n.value.x + $ * 2, I = n.value.y + B * 2;
+    n.value.x = M, n.value.y = I;
   }
   function h(f, x) {
     const $ = x.clientX - f.clientX, B = x.clientY - f.clientY;
     return Math.sqrt($ * $ + B * B);
   }
   function v(f, x) {
-    const { left: $, top: B } = t.value.getBoundingClientRect(), P = f - $, I = x - B;
-    return [P, I];
+    const { left: $, top: B } = t.value.getBoundingClientRect(), M = f - $, I = x - B;
+    return [M, I];
   }
   return {
     activePoint: c,
@@ -893,7 +893,7 @@ const Rn = ["disabled", "form", "type"], Ln = "sq-button", ee = /* @__PURE__ */
         size: i(t) === "lg" ? "md" : i(t)
       }, {
         default: N(() => [
-          r.value ? (m(), S(fe(r.value), { key: 0 })) : M("", !0),
+          r.value ? (m(), S(fe(r.value), { key: 0 })) : P("", !0),
           F(h.$slots, "default")
         ]),
         _: 3
@@ -914,10 +914,10 @@ const Rn = ["disabled", "form", "type"], Ln = "sq-button", ee = /* @__PURE__ */
     return Se(
       xt,
       T({
-        size: le(o, "size"),
-        type: le(o, "type"),
-        round: le(o, "round"),
-        disabled: le(o, "disabled")
+        size: re(o, "size"),
+        type: re(o, "type"),
+        round: re(o, "round"),
+        disabled: re(o, "disabled")
       })
     ), (s, e) => (m(), w("div", In, [
       F(s.$slots, "default")
@@ -945,11 +945,11 @@ const Rn = ["disabled", "form", "type"], Ln = "sq-button", ee = /* @__PURE__ */
           textContent: Q(s.title)
         }, null, 10, Pn),
         F(e.$slots, "title")
-      ])) : M("", !0),
+      ])) : P("", !0),
       F(e.$slots, "default"),
       i(o).footer ? (m(), w("div", Dn, [
         F(e.$slots, "footer")
-      ])) : M("", !0)
+      ])) : P("", !0)
     ]));
   }
 }), Nn = ["autofocus", "name", "form", "value", "disabled"], Un = ["textContent"], Vn = "sq-checkbox", _t = /* @__PURE__ */ R({
@@ -978,7 +978,7 @@ const Rn = ["disabled", "form", "type"], Ln = "sq-button", ee = /* @__PURE__ */
       checkboxName: d,
       checkboxVariant: u,
       groupContext: l
-    } = qn(e), r = re(c, "checked"), p = y(() => {
+    } = qn(e), r = ie(c, "checked"), p = y(() => {
       const v = [], f = i(n), x = i(t), $ = i(u);
       return f !== "md" && v.push(`sq-selection--${f}`), h.value && v.push("is-checked"), x && v.push("is-disabled"), $ && v.push(`is-${$}`), v;
     }), h = y(() => l ? i(l).list.includes(e.value) : r.value);
@@ -1013,13 +1013,13 @@ const Rn = ["disabled", "form", "type"], Ln = "sq-button", ee = /* @__PURE__ */
         h.value ? (m(), S(i(vt), {
           key: 0,
           class: "sq-checkbox-inner"
-        })) : M("", !0)
-      ], 2)) : M("", !0),
+        })) : P("", !0)
+      ], 2)) : P("", !0),
       e.label ? (m(), w("span", {
         key: 1,
         class: "sq-selection-label",
         textContent: Q(e.label)
-      }, null, 8, Un)) : M("", !0)
+      }, null, 8, Un)) : P("", !0)
     ], 2));
   }
 }), Fn = { class: "sq-checkbox-group sq-selection-group" }, Hn = "sq-checkbox-group", jn = /* @__PURE__ */ R({
@@ -1046,11 +1046,11 @@ const Rn = ["disabled", "form", "type"], Ln = "sq-button", ee = /* @__PURE__ */
     Se(
       $t,
       T({
-        form: le(t, "form"),
+        form: re(t, "form"),
         name: d,
-        disabled: le(t, "disabled"),
-        size: le(t, "size"),
-        variant: le(t, "variant"),
+        disabled: re(t, "disabled"),
+        size: re(t, "size"),
+        variant: re(t, "variant"),
         list: a,
         toggleItem: l
       })
@@ -1084,25 +1084,21 @@ const Rn = ["disabled", "form", "type"], Ln = "sq-button", ee = /* @__PURE__ */
     lang: {}
   },
   setup(c) {
-    const { getHighlighterAsync: o, releaseHighlighter: s } = cn();
-    let e;
-    const n = c, t = T(!1), a = y(() => e ? e.codeToHtml(n.code, {
-      theme: n.theme,
-      lang: n.lang
-    }) : "");
+    const { getHighlighterAsync: o, releaseHighlighter: s } = cn(), e = c, n = le(void 0), t = y(() => n.value ? n.value.codeToHtml(e.code, {
+      theme: e.theme,
+      lang: e.lang
+    }) : `<pre>${e.code}</pre>`);
     return se(async () => {
-      if (e = await o(), !e) {
+      if (n.value = await o(), !n.value) {
         console.warn("[squirrel-cloud/ui-vue] SqCode 组件代码高亮依赖 shiki");
         return;
       }
-      t.value = !0;
     }), ye(() => {
       s();
-    }), (d, u) => t.value ? (m(), w("div", {
-      key: 0,
+    }), (a, d) => (m(), w("div", {
       class: "sq-code",
-      innerHTML: a.value
-    }, null, 8, Wn)) : M("", !0);
+      innerHTML: t.value
+    }, null, 8, Wn));
   }
 }), Kn = "sq-mask", kt = /* @__PURE__ */ R({
   name: Kn,
@@ -1120,7 +1116,7 @@ const Rn = ["disabled", "form", "type"], Ln = "sq-button", ee = /* @__PURE__ */
   setup(c, { emit: o }) {
     const { nextZIndex: s } = Je(), e = Ze();
     let n;
-    const t = o, a = c, d = T(0), u = T(!1), l = re(c, "visible");
+    const t = o, a = c, d = T(0), u = T(!1), l = ie(c, "visible");
     u.value = l.value, oe(l, (v) => {
       const f = document.scrollingElement;
       v ? (n = f.style.overflow, f.style.overflow = "hidden", d.value = s(), u.value = !0, document.addEventListener("keydown", r)) : (f.style.overflow = n, document.removeEventListener("keydown", r));
@@ -1161,7 +1157,7 @@ const Rn = ["disabled", "form", "type"], Ln = "sq-button", ee = /* @__PURE__ */
             F(v.$slots, "default")
           ], 16)), [
             [he, l.value]
-          ]) : M("", !0)
+          ]) : P("", !0)
         ]),
         _: 3
       })
@@ -1196,9 +1192,9 @@ const Rn = ["disabled", "form", "type"], Ln = "sq-button", ee = /* @__PURE__ */
   }),
   emits: /* @__PURE__ */ Z(["open", "opened", "close", "closed"], ["update:visible"]),
   setup(c, { emit: o }) {
-    const s = Oe(), e = Ze(), n = o, t = c, a = T(!1), d = T(!1), u = re(c, "visible"), l = y(() => !!t.title || !!s.header), r = y(() => {
-      const P = [];
-      return t.type && P.push(`is-${t.type}`), l.value && P.push("has-header"), [P];
+    const s = Oe(), e = Ze(), n = o, t = c, a = T(!1), d = T(!1), u = ie(c, "visible"), l = y(() => !!t.title || !!s.header), r = y(() => {
+      const M = [];
+      return t.type && M.push(`is-${t.type}`), l.value && M.push("has-header"), [M];
     }), p = y(() => t.type ? Qe[t.type] : void 0), h = y(() => ({
       type: t.type ?? "primary",
       loading: a.value && d.value,
@@ -1213,10 +1209,10 @@ const Rn = ["disabled", "form", "type"], Ln = "sq-button", ee = /* @__PURE__ */
     })), f = y(
       () => h.value.loading || v.value.loading || !u.value
     );
-    function x(P) {
+    function x(M) {
       if (f.value) return !1;
-      if (typeof P != "function") return !0;
-      const I = P();
+      if (typeof M != "function") return !0;
+      const I = M();
       return I instanceof Promise ? (a.value = !0, I.finally(() => {
         a.value = !1;
       })) : I;
@@ -1228,7 +1224,7 @@ const Rn = ["disabled", "form", "type"], Ln = "sq-button", ee = /* @__PURE__ */
     async function B() {
       d.value = !0, await x(t.onOk) && (u.value = !1);
     }
-    return (P, I) => (m(), S(i(kt), {
+    return (M, I) => (m(), S(i(kt), {
       visible: u.value,
       "onUpdate:visible": I[0] || (I[0] = (L) => u.value = L),
       "mask-closeable": t.maskCloseable,
@@ -1248,8 +1244,8 @@ const Rn = ["disabled", "form", "type"], Ln = "sq-button", ee = /* @__PURE__ */
             p.value ? (m(), S(fe(p.value), {
               key: 0,
               class: "sq-dialog-header-icon"
-            })) : M("", !0),
-            F(P.$slots, "header", {}, () => [
+            })) : P("", !0),
+            F(M.$slots, "header", {}, () => [
               E("span", {
                 class: "sq-dialog-header-title",
                 textContent: Q(t.title)
@@ -1259,12 +1255,12 @@ const Rn = ["disabled", "form", "type"], Ln = "sq-button", ee = /* @__PURE__ */
               class: "sq-dialog-close",
               onClick: $
             })
-          ])) : M("", !0),
+          ])) : P("", !0),
           E("div", Qn, [
-            F(P.$slots, "default")
+            F(M.$slots, "default")
           ]),
           t.footer ? (m(), w("div", Jn, [
-            F(P.$slots, "footer", {}, () => [
+            F(M.$slots, "footer", {}, () => [
               z(i(ee), ve(v.value, { onClick: $ }), {
                 default: N(() => [
                   De(Q(t.cancelText), 1)
@@ -1278,7 +1274,7 @@ const Rn = ["disabled", "form", "type"], Ln = "sq-button", ee = /* @__PURE__ */
                 _: 1
               }, 16)
             ])
-          ])) : M("", !0)
+          ])) : P("", !0)
         ], 6)
       ]),
       _: 3
@@ -1312,7 +1308,7 @@ const Rn = ["disabled", "form", "type"], Ln = "sq-button", ee = /* @__PURE__ */
           F(n.$slots, "default")
         ]),
         _: 3
-      }, 8, ["ellipsis", "size"])) : M("", !0)
+      }, 8, ["ellipsis", "size"])) : P("", !0)
     ], 6));
   }
 }), ss = "sq-editor-bold", os = /* @__PURE__ */ R({
@@ -1663,9 +1659,9 @@ const Rn = ["disabled", "form", "type"], Ln = "sq-button", ee = /* @__PURE__ */
       }
     ];
     let s;
-    const e = c, n = T("edit"), t = T([]), a = T(!1), d = T(""), u = T(), l = T({}), r = ie(null), p = ie(null), h = ie(null), v = ie(
+    const e = c, n = T("edit"), t = T([]), a = T(!1), d = T(""), u = T(), l = T({}), r = le(null), p = le(null), h = le(null), v = le(
       null
-    ), f = re(c, "value"), x = y(() => {
+    ), f = ie(c, "value"), x = y(() => {
       const _ = [];
       return e.size !== "md" && _.push(`sq-editor--${e.size}`), e.round && _.push("is-round"), _;
     }), $ = y(
@@ -1673,7 +1669,7 @@ const Rn = ["disabled", "form", "type"], Ln = "sq-button", ee = /* @__PURE__ */
 `) && d.value !== "	" && !e.disabled
     ), B = y(
       () => u.value !== void 0 && !d.value.length && !e.disabled
-    ), P = y(
+    ), M = y(
       () => typeof e.beforePreview == "function" ? e.beforePreview(f.value) : f.value
     );
     se(() => {
@@ -1851,7 +1847,7 @@ ${ce}${K}`, te(_.target), b(t.value, qe, qe);
             }, null, 8, ["disabled", "rows", "selected-val", "selected-row", "select-info"])
           ]),
           z(i(Re))
-        ], 64)) : M("", !0),
+        ], 64)) : P("", !0),
         z(i(tt), {
           class: W({ "has-shadow": !e.md }),
           ref_key: "inputRef",
@@ -1873,9 +1869,9 @@ ${ce}${K}`, te(_.target), b(t.value, qe, qe);
       ]),
       n.value === "preview" ? (m(), S(i(vn), {
         key: 0,
-        text: P.value,
+        text: M.value,
         md: e.md
-      }, null, 8, ["text", "md"])) : M("", !0),
+      }, null, 8, ["text", "md"])) : P("", !0),
       E("div", ys, [
         z(i(Ao), {
           size: e.size,
@@ -1928,7 +1924,7 @@ ${ce}${K}`, te(_.target), b(t.value, qe, qe);
         class: W(["sq-form-item-label", t.value]),
         textContent: Q(s.label),
         for: s.type !== "custom" ? e.value : void 0
-      }, null, 10, _s)) : M("", !0),
+      }, null, 10, _s)) : P("", !0),
       E("div", $s, [
         F(u.$slots, "default"),
         z(we, {
@@ -1974,10 +1970,10 @@ ${ce}${K}`, te(_.target), b(t.value, qe, qe);
     Se(
       Ae,
       T({
-        size: le(t, "size"),
-        round: le(t, "round"),
-        disabled: le(t, "disabled"),
-        readonly: le(t, "readonly")
+        size: re(t, "size"),
+        round: re(t, "round"),
+        disabled: re(t, "disabled"),
+        readonly: re(t, "readonly")
       })
     );
     const a = T({}), d = T([]), u = T({}), l = y(() => {
@@ -2013,7 +2009,7 @@ ${ce}${K}`, te(_.target), b(t.value, qe, qe);
       const O = t.formData[k];
       let H = !1;
       const X = b.validateType ?? "string";
-      return b.validateFunc ? H = await $(k, O, b, C) : X === "string" ? H = B(k, O, b) : X === "boolean" ? H = P(k, O, b) : X === "list" && (H = I(k, O, b)), _ && n("validate", k, H, ze(d.value)), u.value[k].signal.aborted || j(k), H;
+      return b.validateFunc ? H = await $(k, O, b, C) : X === "string" ? H = B(k, O, b) : X === "boolean" ? H = M(k, O, b) : X === "list" && (H = I(k, O, b)), _ && n("validate", k, H, ze(d.value)), u.value[k].signal.aborted || j(k), H;
     }
     function x(k) {
       if (a.value[k]) return t.invalidStatus;
@@ -2029,7 +2025,7 @@ ${ce}${K}`, te(_.target), b(t.value, qe, qe);
     function B(k, C, b) {
       return b.required && !C ? (L(k, b.requiredText ?? "字段必填"), !1) : b.pattern && C && !b.pattern.test(C) ? (L(k, b.patternText ?? "字段验证失败"), !1) : (V(k), !0);
     }
-    function P(k, C, b) {
+    function M(k, C, b) {
       return b.required && C === void 0 ? (L(k, b.requiredText ?? "字段必填"), !1) : (V(k), !0);
     }
     function I(k, C, b) {
@@ -2150,7 +2146,7 @@ ${ce}${K}`, te(_.target), b(t.value, qe, qe);
   },
   emits: ["load", "error"],
   setup(c, { emit: o }) {
-    const s = new IntersectionObserver(x), e = o, n = c, t = T(!1), a = T(n.src), d = T(!1), u = T(!1), l = T(!1), r = ie(null), p = y(() => t.value && !d.value), h = y(() => ({
+    const s = new IntersectionObserver(x), e = o, n = c, t = T(!1), a = T(n.src), d = T(!1), u = T(!1), l = T(!1), r = le(null), p = y(() => t.value && !d.value), h = y(() => ({
       height: p.value ? void 0 : "var(--image-placeholder-height)",
       aspectRatio: p.value ? void 0 : n.aspectRatio
     }));
@@ -2180,7 +2176,7 @@ ${ce}${K}`, te(_.target), b(t.value, qe, qe);
     function $() {
       l.value = !0;
     }
-    return (B, P) => (m(), w("div", {
+    return (B, M) => (m(), w("div", {
       class: "sq-image",
       style: G(h.value),
       ref_key: "imgRef",
@@ -2188,7 +2184,7 @@ ${ce}${K}`, te(_.target), b(t.value, qe, qe);
     }, [
       z(we, { name: "sq-fade" }, {
         default: N(() => [
-          t.value ? M("", !0) : (m(), w("div", Ss))
+          t.value ? P("", !0) : (m(), w("div", Ss))
         ]),
         _: 1
       }),
@@ -2207,25 +2203,25 @@ ${ce}${K}`, te(_.target), b(t.value, qe, qe);
           onLoad: v,
           onError: f
         }, null, 44, zs)
-      ])) : M("", !0),
+      ])) : P("", !0),
       !d.value && u.value && n.preview ? (m(), w("div", {
         key: 1,
         class: "sq-image-control",
         onClick: $
       }, [
         z(i(ht))
-      ])) : M("", !0),
+      ])) : P("", !0),
       d.value ? (m(), w("div", Rs, [
         F(B.$slots, "error", {}, () => [
-          P[1] || (P[1] = E("span", null, "图片加载失败", -1))
+          M[1] || (M[1] = E("span", null, "图片加载失败", -1))
         ])
-      ])) : M("", !0),
+      ])) : P("", !0),
       n.preview ? (m(), S(i(Es), {
         key: 3,
         "src-list": [a.value],
         visible: l.value,
-        "onUpdate:visible": P[0] || (P[0] = (I) => l.value = I)
-      }, null, 8, ["src-list", "visible"])) : M("", !0)
+        "onUpdate:visible": M[0] || (M[0] = (I) => l.value = I)
+      }, null, 8, ["src-list", "visible"])) : P("", !0)
     ], 4));
   }
 }), Is = ["src"], As = "sq-image-viewer", Es = /* @__PURE__ */ R({
@@ -2263,8 +2259,8 @@ ${ce}${K}`, te(_.target), b(t.value, qe, qe);
       getImagePoint: v
     } = yt(), f = { x: 0, y: 0 };
     let x = 0;
-    const $ = c, B = T(!1), P = T(!1), I = T(0), L = T(0), V = T(!0), j = re(c, "visible"), te = y(() => $.srcList[L.value]), ne = y(() => {
-      const Y = B.value ? -1 : 1, U = P.value ? -1 : 1;
+    const $ = c, B = T(!1), M = T(!1), I = T(0), L = T(0), V = T(!0), j = ie(c, "visible"), te = y(() => $.srcList[L.value]), ne = y(() => {
+      const Y = B.value ? -1 : 1, U = M.value ? -1 : 1;
       return {
         transform: [
           `scale(${e.value * Y}, ${e.value * U})`,
@@ -2304,7 +2300,7 @@ ${ce}${K}`, te(_.target), b(t.value, qe, qe);
       f.x = _e / J.width, f.y = Ee / J.height, x = Math.min(f.x, f.y), e.value = Math.min(x, 1);
     }
     function q() {
-      e.value = Math.min(f.x, f.y, 1), B.value = !1, P.value = !1, I.value = 0, n.value = { x: 0, y: 0 };
+      e.value = Math.min(f.x, f.y, 1), B.value = !1, M.value = !1, I.value = 0, n.value = { x: 0, y: 0 };
     }
     function O(Y) {
       L.value += Y;
@@ -2342,7 +2338,7 @@ ${ce}${K}`, te(_.target), b(t.value, qe, qe);
       B.value = !B.value;
     }
     function ge() {
-      P.value = !P.value;
+      M.value = !M.value;
     }
     function qe(Y) {
       I.value += Y;
@@ -2401,7 +2397,7 @@ ${ce}${K}`, te(_.target), b(t.value, qe, qe);
             disabled: L.value === $.srcList.length - 1,
             onClick: U[4] || (U[4] = (J) => O(1))
           }, null, 8, ["icon", "disabled"])
-        ], 64)) : M("", !0),
+        ], 64)) : P("", !0),
         $.toolbar ? (m(), w("div", {
           key: 1,
           class: "sq-image-viewer-toolbar",
@@ -2517,7 +2513,7 @@ ${ce}${K}`, te(_.target), b(t.value, qe, qe);
             ]),
             _: 1
           })
-        ])) : M("", !0)
+        ])) : P("", !0)
       ]),
       _: 1
     }, 8, ["visible", "keyboard", "mask-closeable", "onPointerup"]));
@@ -2547,7 +2543,7 @@ ${ce}${K}`, te(_.target), b(t.value, qe, qe);
       getImagePoint: f
     } = yt();
     let x = 0;
-    const $ = c, B = ie(null), P = y(() => ({
+    const $ = c, B = le(null), M = y(() => ({
       transform: `scale(${n.value})`,
       marginInlineStart: `${t.value.x}px`,
       marginBlockStart: `${t.value.y}px`
@@ -2657,10 +2653,10 @@ ${ce}${K}`, te(_.target), b(t.value, qe, qe);
         key: 0,
         ref_key: "imgRef",
         ref: a,
-        style: G(P.value),
+        style: G(M.value),
         src: $.src,
         onLoad: I
-      }, null, 44, Ms)) : M("", !0)
+      }, null, 44, Ms)) : P("", !0)
     ], 36));
   }
 }), Ds = {
@@ -2697,10 +2693,10 @@ ${ce}${K}`, te(_.target), b(t.value, qe, qe);
   }),
   emits: /* @__PURE__ */ Z(["click", "focus", "blur", "input", "change", "clear"], ["update:value"]),
   setup(c, { expose: o, emit: s }) {
-    const e = Oe(), n = s, t = c, { inputSize: a, inputRound: d, inputDisabled: u, inputReadonly: l, id: r } = Cn(t), p = re(c, "value"), h = T(!1), v = T(!1), f = ie(null), x = y(() => {
+    const e = Oe(), n = s, t = c, { inputSize: a, inputRound: d, inputDisabled: u, inputReadonly: l, id: r } = Cn(t), p = ie(c, "value"), h = T(!1), v = T(!1), f = le(null), x = y(() => {
       const A = [], D = i(a), K = i(d), ce = i(ne);
       return D !== "md" && A.push(`sq-input--${D}`), t.status && A.push(`is-${t.status}`), K && A.push("is-round"), ce && A.push("is-disabled"), A;
-    }), $ = y(() => i(v) ? mt : ht), B = y(() => i(v) ? "text" : t.type), P = y(() => e.prefix || t.prefixIcon), I = y(() => i(h) && i(p).length), L = y(
+    }), $ = y(() => i(v) ? mt : ht), B = y(() => i(v) ? "text" : t.type), M = y(() => e.prefix || t.prefixIcon), I = y(() => i(h) && i(p).length), L = y(
       () => t.type === "password" && i(I)
     ), V = y(() => t.clearable && i(I)), j = y(() => t.loading ? Ue : t.suffixIcon), te = y(
       () => i(L) || i(V) || i(j) || e.suffix
@@ -2739,11 +2735,11 @@ ${ce}${K}`, te(_.target), b(t.value, qe, qe);
       onClick: g,
       onPointerdown: _
     }, [
-      P.value ? (m(), w("span", Ds, [
+      M.value ? (m(), w("span", Ds, [
         F(A.$slots, "prefix", {}, () => [
           (m(), S(fe(t.prefixIcon)))
         ])
-      ])) : M("", !0),
+      ])) : P("", !0),
       t.type !== "textarea" ? ue((m(), w("input", {
         key: 1,
         class: "sq-input-inner",
@@ -2801,14 +2797,14 @@ ${ce}${K}`, te(_.target), b(t.value, qe, qe);
           key: 0,
           class: "sq-input-suffix-pwd",
           onPointerdown: O
-        }, null, 32)) : M("", !0),
+        }, null, 32)) : P("", !0),
         V.value ? (m(), S(i(Ge), {
           key: 1,
           class: "sq-input-suffix-clear",
           onPointerdown: q
-        })) : M("", !0),
+        })) : P("", !0),
         F(A.$slots, "suffix", {}, () => [
-          j.value ? (m(), S(fe(j.value), { key: 0 })) : M("", !0)
+          j.value ? (m(), S(fe(j.value), { key: 0 })) : P("", !0)
         ])
       ], 512), [
         [he, te.value]
@@ -2828,7 +2824,7 @@ ${ce}${K}`, te(_.target), b(t.value, qe, qe);
   }),
   emits: /* @__PURE__ */ Z(["click", "change"], ["update:active"]),
   setup(c, { emit: o }) {
-    const { getText: s } = Ie(), e = o, n = c, t = T(!1), a = ie(null), d = re(c, "active"), u = y(() => [`sq-menu--${n.direction}`]);
+    const { getText: s } = Ie(), e = o, n = c, t = T(!1), a = le(null), d = ie(c, "active"), u = y(() => [`sq-menu--${n.direction}`]);
     se(async () => {
       try {
         const { RouterLink: p } = await import("vue-router");
@@ -2857,7 +2853,7 @@ ${ce}${K}`, te(_.target), b(t.value, qe, qe);
             onClick: ($) => l(v, f)
           }, [
             F(p.$slots, "default", ve({ ref_for: !0 }, v), () => [
-              v.icon ? (m(), S(fe(v.icon), { key: 0 })) : M("", !0),
+              v.icon ? (m(), S(fe(v.icon), { key: 0 })) : P("", !0),
               E("span", {
                 textContent: Q(i(s)(v))
               }, null, 8, Hs),
@@ -2868,7 +2864,7 @@ ${ce}${K}`, te(_.target), b(t.value, qe, qe);
                 type: "primary"
               }, null, 512)), [
                 [he, x]
-              ]) : M("", !0)
+              ]) : P("", !0)
             ])
           ], 10, Fs)
         ]),
@@ -2882,7 +2878,7 @@ ${ce}${K}`, te(_.target), b(t.value, qe, qe);
         onClick: (f) => r(v, f)
       }, [
         F(p.$slots, "default", ve({ ref_for: !0 }, v), () => [
-          v.icon ? (m(), S(fe(v.icon), { key: 0 })) : M("", !0),
+          v.icon ? (m(), S(fe(v.icon), { key: 0 })) : P("", !0),
           E("span", {
             textContent: Q(i(s)(v))
           }, null, 8, Ws),
@@ -2893,7 +2889,7 @@ ${ce}${K}`, te(_.target), b(t.value, qe, qe);
             type: "primary"
           }, null, 512)), [
             [he, d.value === v.value]
-          ]) : M("", !0)
+          ]) : P("", !0)
         ])
       ], 10, js))), 128))
     ], 2));
@@ -2935,7 +2931,7 @@ ${ce}${K}`, te(_.target), b(t.value, qe, qe);
               s.type && n.value ? (m(), S(fe(n.value), {
                 key: 0,
                 class: "sq-message-icon"
-              })) : M("", !0),
+              })) : P("", !0),
               E("div", {
                 class: "sq-message-content",
                 textContent: Q(s.message)
@@ -3076,7 +3072,7 @@ const Ta = Ke, no = ["textContent"], so = "sq-message-box", oo = /* @__PURE__ */
   }),
   emits: ["update:current"],
   setup(c) {
-    const o = c, s = re(c, "current"), e = (n) => {
+    const o = c, s = ie(c, "current"), e = (n) => {
       s.value += n;
     };
     return (n, t) => (m(), S(i(ee), {
@@ -3099,7 +3095,7 @@ const Ta = Ke, no = ["textContent"], so = "sq-message-box", oo = /* @__PURE__ */
   }),
   emits: ["update:current"],
   setup(c) {
-    const o = c, s = re(c, "current"), e = (n) => {
+    const o = c, s = ie(c, "current"), e = (n) => {
       s.value += n;
     };
     return (n, t) => (m(), S(i(ee), {
@@ -3122,7 +3118,7 @@ const Ta = Ke, no = ["textContent"], so = "sq-message-box", oo = /* @__PURE__ */
   }),
   emits: ["update:current"],
   setup(c) {
-    const o = c, s = re(c, "current"), e = (n) => {
+    const o = c, s = ie(c, "current"), e = (n) => {
       s.value = n;
     };
     return (n, t) => (m(), w("div", co, [
@@ -3182,7 +3178,7 @@ const Ta = Ke, no = ["textContent"], so = "sq-message-box", oo = /* @__PURE__ */
   }),
   emits: ["update:current", "update:pageSize"],
   setup(c) {
-    const o = c, s = re(c, "current"), e = re(c, "pageSize"), n = y(() => Math.ceil(o.total / e.value) || 1), t = y(() => {
+    const o = c, s = ie(c, "current"), e = ie(c, "pageSize"), n = y(() => Math.ceil(o.total / e.value) || 1), t = y(() => {
       const d = [], u = Math.floor(o.pagerCount / 2) - 1;
       let l = s.value - u, r = s.value + u;
       l < 2 && (l = 2, r = l + u * 2), r > n.value - 1 && (r = n.value - 1, l = r - u * 2);
@@ -3280,7 +3276,7 @@ const xo = "sq-popover", qt = /* @__PURE__ */ R({
   setup(c, { emit: o }) {
     const { getCssVar: s } = Fe(), { nextZIndex: e } = Je(), n = Ze(), t = parseInt(s("--sq-padding-sm")), a = parseInt(s("--sq-padding-md"));
     let d, u, l = !1;
-    const r = o, p = c, h = re(c, "visible"), v = T(0), f = T({}), x = T(!1), $ = ie(null), B = ie(null), P = y(() => {
+    const r = o, p = c, h = ie(c, "visible"), v = T(0), f = T({}), x = T(!1), $ = le(null), B = le(null), M = y(() => {
       const C = [];
       return p.shadow && C.push("has-shadow"), [C];
     });
@@ -3361,7 +3357,7 @@ const xo = "sq-popover", qt = /* @__PURE__ */ R({
         }, {
           default: N(() => [
             ue(E("div", {
-              class: W(["sq-popover", [P.value, p.popoverClass]]),
+              class: W(["sq-popover", [M.value, p.popoverClass]]),
               style: G([{ ...f.value, zIndex: v.value }, p.popoverStyle]),
               ref_key: "popverRef",
               ref: B,
@@ -3395,7 +3391,7 @@ const xo = "sq-popover", qt = /* @__PURE__ */ R({
     label: { type: Boolean, default: !0 }
   },
   setup(c) {
-    const o = new ResizeObserver(l), s = c, e = T(100), n = ie(null), t = y(() => {
+    const o = new ResizeObserver(l), s = c, e = T(100), n = le(null), t = y(() => {
       const r = [];
       return s.color || r.push(`is-${s.type}`), s.variant && r.push(`is-${s.variant}`), r;
     }), a = y(() => {
@@ -3452,8 +3448,8 @@ const xo = "sq-popover", qt = /* @__PURE__ */ R({
               textContent: Q(d.value)
             }, null, 8, $o)
           ])
-        ])) : M("", !0)
-      ], 64)) : M("", !0)
+        ])) : P("", !0)
+      ], 64)) : P("", !0)
     ], 6));
   }
 }), qo = ["autofocus", "name", "form", "value", "disabled"], Co = {
@@ -3484,7 +3480,7 @@ const xo = "sq-popover", qt = /* @__PURE__ */ R({
       radioName: d,
       radioVariant: u,
       groupContext: l
-    } = Sn(e), r = T(), p = re(c, "checked"), h = y(() => {
+    } = Sn(e), r = T(), p = ie(c, "checked"), h = y(() => {
       const f = [], x = i(n), $ = i(t), B = i(u);
       return x !== "md" && f.push(`sq-selection--${x}`), v.value && f.push("is-checked"), $ && f.push("is-disabled"), B && f.push(`is-${B}`), f;
     }), v = y(() => l ? i(l).checked === e.value : p.value);
@@ -3514,12 +3510,12 @@ const xo = "sq-popover", qt = /* @__PURE__ */ R({
       }, null, 40, qo), [
         [ct, r.value]
       ]),
-      i(u) !== "solid" ? (m(), w("span", Co)) : M("", !0),
+      i(u) !== "solid" ? (m(), w("span", Co)) : P("", !0),
       e.label ? (m(), w("span", {
         key: 1,
         class: "sq-selection-label",
         textContent: Q(e.label)
-      }, null, 8, So)) : M("", !0)
+      }, null, 8, So)) : P("", !0)
     ], 2));
   }
 }), zo = { class: "sq-radio-group sq-selection-group" }, Ro = "sq-radio-group", Lo = /* @__PURE__ */ R({
@@ -3546,11 +3542,11 @@ const xo = "sq-popover", qt = /* @__PURE__ */ R({
     Se(
       Ct,
       T({
-        form: le(t, "form"),
+        form: re(t, "form"),
         name: d,
-        disabled: le(t, "disabled"),
-        size: le(t, "size"),
-        variant: le(t, "variant"),
+        disabled: re(t, "disabled"),
+        size: re(t, "size"),
+        variant: re(t, "variant"),
         checked: a,
         toggleItem: l
       })
@@ -3589,7 +3585,7 @@ const xo = "sq-popover", qt = /* @__PURE__ */ R({
   }),
   emits: /* @__PURE__ */ Z(["change", "update:value"], ["update:value"]),
   setup(c, { emit: o }) {
-    const { nextId: s } = Ve(), e = o, n = c, t = T(), a = T(), d = re(c, "value"), u = y(() => n.items.map((f) => typeof f == "string" ? {
+    const { nextId: s } = Ve(), e = o, n = c, t = T(), a = T(), d = ie(c, "value"), u = y(() => n.items.map((f) => typeof f == "string" ? {
       text: f,
       value: f
     } : f)), l = y(() => {
@@ -3603,8 +3599,8 @@ const xo = "sq-popover", qt = /* @__PURE__ */ R({
       St,
       T({
         name: p,
-        disabled: le(n, "disabled"),
-        size: le(n, "size"),
+        disabled: re(n, "disabled"),
+        size: re(n, "size"),
         active: d,
         toggleItem: h,
         updateThumb: v
@@ -3643,7 +3639,7 @@ const xo = "sq-popover", qt = /* @__PURE__ */ R({
     disabled: { type: Boolean }
   },
   setup(c) {
-    const o = c, { segmentedDisabled: s, parentContext: e } = Bn(o), { getText: n } = Ie(), t = T(), a = ie(null), d = y(() => {
+    const o = c, { segmentedDisabled: s, parentContext: e } = Bn(o), { getText: n } = Ie(), t = T(), a = le(null), d = y(() => {
       const p = [], h = i(s);
       return u.value && p.push("is-active"), h && p.push("is-disabled"), p;
     }), u = y(() => i(e).active === o.value), l = y(() => i(e).size !== "sm" ? "md" : "sm");
@@ -3678,7 +3674,7 @@ const xo = "sq-popover", qt = /* @__PURE__ */ R({
         F(p.$slots, "default", {}, () => [
           z(i(xe), { size: l.value }, {
             default: N(() => [
-              o.icon ? (m(), S(fe(o.icon), { key: 0 })) : M("", !0),
+              o.icon ? (m(), S(fe(o.icon), { key: 0 })) : P("", !0),
               De(" " + Q(i(n)(o)), 1)
             ]),
             _: 1
@@ -3711,7 +3707,7 @@ const xo = "sq-popover", qt = /* @__PURE__ */ R({
       E("span", {
         textContent: Q(i(e)(s))
       }, null, 8, Do),
-      t.value ? (m(), S(i(vt), { key: 0 })) : M("", !0)
+      t.value ? (m(), S(i(vt), { key: 0 })) : P("", !0)
     ], 2));
   }
 }), No = ["textContent"], Uo = "sq-select", Vo = /* @__PURE__ */ R({
@@ -3738,7 +3734,7 @@ const xo = "sq-popover", qt = /* @__PURE__ */ R({
   setup(c, { emit: o }) {
     const { getText: s } = Ie();
     let e = "";
-    const n = o, t = c, a = T(!1), d = T(), u = T(""), l = ie(null), r = re(c, "value"), p = y(() => t.items.map((L) => typeof L == "string" ? {
+    const n = o, t = c, a = T(!1), d = T(), u = T(""), l = le(null), r = ie(c, "value"), p = y(() => t.items.map((L) => typeof L == "string" ? {
       text: L,
       value: L
     } : L));
@@ -3779,7 +3775,7 @@ const xo = "sq-popover", qt = /* @__PURE__ */ R({
     function B(L) {
       a.value = !1, n("blur", L);
     }
-    function P() {
+    function M() {
       r.value = "", n("clear");
     }
     function I() {
@@ -3817,7 +3813,7 @@ const xo = "sq-popover", qt = /* @__PURE__ */ R({
           onClick: x,
           onFocus: $,
           onBlur: B,
-          onClear: P,
+          onClear: M,
           onInput: I
         }, null, 8, ["value", "disabled", "placeholder", "prefix-icon", "suffix-icon", "size", "round", "status", "autofocus", "clearable", "name", "form"])
       ]),
@@ -3864,12 +3860,12 @@ const xo = "sq-popover", qt = /* @__PURE__ */ R({
   setup(c, { emit: o }) {
     const { getCssVar: s } = Fe(), e = { x: 0, y: 0 }, n = s("--sq-component-size-md"), t = parseInt(n), a = t / 2;
     let d = !1, u = 0, l = [0, 0];
-    const r = o, p = c, h = T(0), v = ie(null), f = re(c, "value"), x = y(() => [`sq-swipe-${p.direction}`]), $ = y(() => {
+    const r = o, p = c, h = T(0), v = le(null), f = ie(c, "value"), x = y(() => [`sq-swipe-${p.direction}`]), $ = y(() => {
       const k = {}, C = p.direction === "horizontal" ? "left" : "top";
       return k[C] = `${h.value}px`, k;
     }), B = y(
       () => p.direction === "horizontal" ? "right" : "bottom"
-    ), P = y(() => p.disabled ? void 0 : `linear-gradient(${[
+    ), M = y(() => p.disabled ? void 0 : `linear-gradient(${[
       `to ${B.value}`,
       `#000 ${h.value}px`,
       `transparent ${h.value + 1}px`
@@ -3923,14 +3919,14 @@ const xo = "sq-popover", qt = /* @__PURE__ */ R({
       F(k.$slots, "default", {}, () => [
         E("div", {
           class: "sq-swipe-top",
-          style: G({ mask: P.value })
+          style: G({ mask: M.value })
         }, [
           F(k.$slots, "top", {}, () => [
             p.topSrc ? (m(), S(i(Ye), {
               key: 0,
               src: p.topSrc,
               alt: p.topAlt
-            }, null, 8, ["src", "alt"])) : M("", !0)
+            }, null, 8, ["src", "alt"])) : P("", !0)
           ])
         ], 4),
         E("div", {
@@ -3942,7 +3938,7 @@ const xo = "sq-popover", qt = /* @__PURE__ */ R({
               key: 0,
               src: p.bottomSrc,
               alt: p.bottomAlt
-            }, null, 8, ["src", "alt"])) : M("", !0)
+            }, null, 8, ["src", "alt"])) : P("", !0)
           ])
         ], 4)
       ]),
@@ -3976,7 +3972,7 @@ const xo = "sq-popover", qt = /* @__PURE__ */ R({
   }),
   emits: /* @__PURE__ */ Z(["change", "click"], ["update:checked"]),
   setup(c, { emit: o }) {
-    const s = o, e = c, { switchSize: n, switchDisabled: t, id: a } = zn(e), d = re(c, "checked"), u = y(() => {
+    const s = o, e = c, { switchSize: n, switchDisabled: t, id: a } = zn(e), d = ie(c, "checked"), u = y(() => {
       const l = [], r = i(n), p = i(t);
       return r !== "md" && l.push(`sq-switch--${r}`), d.value && l.push("is-checked"), (p || e.loading) && l.push("is-disabled"), e.variant && l.push(`is-${e.variant}`), l;
     });
@@ -3998,7 +3994,7 @@ const xo = "sq-popover", qt = /* @__PURE__ */ R({
       ]),
       E("span", jo, [
         E("span", Wo, [
-          e.loading ? (m(), S(i(Ue), { key: 0 })) : M("", !0)
+          e.loading ? (m(), S(i(Ue), { key: 0 })) : P("", !0)
         ])
       ])
     ], 2));
@@ -4029,7 +4025,7 @@ const xo = "sq-popover", qt = /* @__PURE__ */ R({
     cols: { default: () => [] }
   },
   setup(c) {
-    const { getCssUnit: o } = Fe(), s = new ResizeObserver(l), e = c, n = T(!1), t = ie(null), a = y(() => {
+    const { getCssUnit: o } = Fe(), s = new ResizeObserver(l), e = c, n = T(!1), t = le(null), a = y(() => {
       const v = [];
       return e.stripe && v.push("is-striped"), e.border && v.push("has-border"), v;
     }), d = y(() => ({
@@ -4100,10 +4096,10 @@ const xo = "sq-popover", qt = /* @__PURE__ */ R({
             style: G(d.value),
             key: r(x, $)
           }, [
-            (m(!0), w(ae, null, pe(e.cols, (B, P) => (m(), w("div", {
+            (m(!0), w(ae, null, pe(e.cols, (B, M) => (m(), w("div", {
               class: W(["sq-table-cell", B.columnClass]),
               style: G({ "justify-content": p(B.align) }),
-              key: `${B.binding}-${r(x, P)}`
+              key: `${B.binding}-${r(x, M)}`
             }, [
               typeof B.cellRender == "function" ? (m(), S(i(Zo), {
                 key: 0,
@@ -4117,7 +4113,7 @@ const xo = "sq-popover", qt = /* @__PURE__ */ R({
         ], 512), [
           [he, e.data.length]
         ]),
-        e.data.length ? M("", !0) : (m(), w("div", ea, [
+        e.data.length ? P("", !0) : (m(), w("div", ea, [
           F(v.$slots, "empty", {}, () => [
             E("span", {
               textContent: Q(e.emptyText)
@@ -4240,19 +4236,19 @@ const xo = "sq-popover", qt = /* @__PURE__ */ R({
       style: G(e.value)
     }, [
       E("span", ra, [
-        o.icon ? (m(), S(fe(o.icon), { key: 0 })) : M("", !0)
+        o.icon ? (m(), S(fe(o.icon), { key: 0 })) : P("", !0)
       ]),
       E("div", ia, [
         o.title ? (m(), w("h2", {
           key: 0,
           class: "content-title",
           textContent: Q(o.title)
-        }, null, 8, ua)) : M("", !0),
+        }, null, 8, ua)) : P("", !0),
         o.timestamp ? (m(), w("span", {
           key: 1,
           class: "content-time",
           textContent: Q(o.timestamp)
-        }, null, 8, ca)) : M("", !0),
+        }, null, 8, ca)) : P("", !0),
         E("div", da, [
           F(n.$slots, "default")
         ])
@@ -4311,7 +4307,7 @@ const xo = "sq-popover", qt = /* @__PURE__ */ R({
   },
   emits: ["change"],
   setup(c, { expose: o, emit: s }) {
-    const e = s, n = c, t = ie(null);
+    const e = s, n = c, t = le(null);
     function a() {
       var h;
       r(((h = t.value) == null ? void 0 : h.files) ?? void 0);

package/dist/style.css

@@ -1 +1 @@
-@layer theme,component,type,custom;@layer theme{:root{color-scheme:light;--sq-bg-color: oklch(.98 .0034 248);--sq-bg-color-dark: oklch(from var(--sq-bg-color) .96 c h);--sq-mask-color: oklch(0 0 0 / .15);--sq-component-bg-color: #fff;--sq-projection-dark: oklch(.96 .02 259);--sq-projection-light: #fff;--sq-text-color: oklch(.27 .03 257);--sq-text-color-secondary: oklch(from var(--sq-text-color) .45 c h);--sq-text-color-placeholder: oklch(from var(--sq-text-color) .65 c h);--sq-border-color: oklch(.94 0 253);--sq-border-color-light: oklch(from var(--sq-border-color) .96 c h);--sq-border-color-lighter: oklch(from var(--sq-border-color) .98 c h);--sq-color-primary: oklch(.75 .18 48);--sq-color-primary-light-5: oklch(from var(--sq-color-primary) l c h / .08);--sq-color-primary-light-4: oklch(from var(--sq-color-primary) l c h / .2);--sq-color-primary-light-3: oklch(from var(--sq-color-primary) l c h / .4);--sq-color-primary-light-2: oklch(from var(--sq-color-primary) l c h / .6);--sq-color-primary-light-1: oklch(from var(--sq-color-primary) l c h / .8);--sq-color-primary-dark-1: oklch(from var(--sq-color-primary) .65 c h);--sq-color-success: oklch(.75 .22 151);--sq-color-success-light-5: oklch(from var(--sq-color-success) l c h / .08);--sq-color-success-light-4: oklch(from var(--sq-color-success) l c h / .2);--sq-color-success-light-3: oklch(from var(--sq-color-success) l c h / .4);--sq-color-success-light-2: oklch(from var(--sq-color-success) l c h / .6);--sq-color-success-light-1: oklch(from var(--sq-color-success) l c h / .8);--sq-color-success-dark-1: oklch(from var(--sq-color-success) .65 c h);--sq-color-info: oklch(.75 .14 230);--sq-color-info-light-5: oklch(from var(--sq-color-info) l c h / .08);--sq-color-info-light-4: oklch(from var(--sq-color-info) l c h / .2);--sq-color-info-light-3: oklch(from var(--sq-color-info) l c h / .4);--sq-color-info-light-2: oklch(from var(--sq-color-info) l c h / .6);--sq-color-info-light-1: oklch(from var(--sq-color-info) l c h / .8);--sq-color-info-dark-1: oklch(from var(--sq-color-info) .65 c h);--sq-color-warn: oklch(.75 .14 76);--sq-color-warn-light-5: oklch(from var(--sq-color-warn) l c h / .08);--sq-color-warn-light-4: oklch(from var(--sq-color-warn) l c h / .2);--sq-color-warn-light-3: oklch(from var(--sq-color-warn) l c h / .4);--sq-color-warn-light-2: oklch(from var(--sq-color-warn) l c h / .6);--sq-color-warn-light-1: oklch(from var(--sq-color-warn) l c h / .8);--sq-color-warn-dark-1: oklch(from var(--sq-color-warn) .65 c h);--sq-color-error: oklch(.75 .25 29);--sq-color-error-light-5: oklch(from var(--sq-color-error) l c h / .08);--sq-color-error-light-4: oklch(from var(--sq-color-error) l c h / .2);--sq-color-error-light-3: oklch(from var(--sq-color-error) l c h / .4);--sq-color-error-light-2: oklch(from var(--sq-color-error) l c h / .6);--sq-color-error-light-1: oklch(from var(--sq-color-error) l c h / .8);--sq-color-error-dark-1: oklch(from var(--sq-color-error) .65 c h);--sq-font-family: PingFang SC, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Helvetica Neue, Helvetica, Arial, Hiragino Sans GB, Microsoft YaHei UI, Microsoft YaHei, Source Han Sans CN, sans-serif;--sq-font-size-sm: 12px;--sq-font-size-md: 14px;--sq-font-size-lg: 16px;--sq-radius-xs: 4px;--sq-radius-sm: 6px;--sq-radius-md: 8px;--sq-radius-lg: 12px;--sq-radius-full: calc(infinity * 1px);--sq-opacity-80: .8;--sq-opacity-20: .2;--sq-padding-xs: 8px;--sq-padding-sm: 12px;--sq-padding-md: 24px;--sq-padding-lg: 36px;--sq-padding-xl: 48px;--sq-blur-sm: 4px;--sq-blur-md: 10px;--sq-blur-lg: 50px;--sq-component-size-xs: 28px;--sq-component-size-sm: 32px;--sq-component-size-md: 36px;--sq-component-size-lg: 40px;--sq-line-height-single: 1;--sq-line-height-base: 1.6;--sq-transition-base: .3s ease;--sq-transition-linear: .3s linear;--sq-shadow-xs-dark: 2px 2px 3px;--sq-shadow-xs-light: -2px -2px 3px;--sq-shadow-sm-dark: 4px 4px 6px;--sq-shadow-sm-light: -4px -4px 6px;--sq-shadow-md-dark: 6px 6px 9px;--sq-shadow-md-light: -6px -6px 9px;--sq-shadow-lg-dark: 8px 8px 12px;--sq-shadow-lg-light: -8px -8px 12px;--sq-text-shadow: 1px 1px 1px rgb(0 0 0 / var(--sq-opacity-20))}:root.dark{color-scheme:dark}@media (max-width: 768px){:root{--sq-radius-xs: 2px;--sq-radius-sm: 4px;--sq-radius-md: 6px;--sq-radius-lg: 8px;--sq-padding-xs: 6px;--sq-padding-sm: 10px;--sq-padding-md: 16px;--sq-padding-lg: 24px;--sq-padding-xl: 32px}}}@layer theme{.sq-fade-enter-active{animation:fade var(--sq-transition-base)}.sq-fade-leave-active{animation:reverse fade var(--sq-transition-base)}.sq-slide-up-enter-active{animation:slide-up var(--sq-transition-base)}.sq-slide-up-leave-active{animation:reverse slide-up var(--sq-transition-base)}.sq-card-insert-enter-active,.sq-card-insert-leave-active{transform-origin:right}.sq-card-insert-enter-active{animation:card-insert var(--sq-transition-base)}.sq-card-insert-leave-active{animation:reverse card-insert var(--sq-transition-base)}.sq-rotate-in-left-enter-active{animation:rotate-in-left var(--sq-transition-base)}.sq-rotate-in-left-leave-active{animation:reverse rotate-in-left var(--sq-transition-base)}.sq-rotate-in-right-enter-active{animation:rotate-in-right var(--sq-transition-base)}.sq-rotate-in-right-leave-active{animation:reverse rotate-in-right var(--sq-transition-base)}.sq-zoom-enter-active{animation:zoom var(--sq-transition-base)}.sq-zoom-leave-active{animation:reverse zoom var(--sq-transition-base)}.sq-zoom-top-enter-active,.sq-zoom-top-leave-active{transform-origin:top}.sq-zoom-top-enter-active{animation:zoom-v var(--sq-transition-base)}.sq-zoom-top-leave-active{animation:reverse zoom-v var(--sq-transition-base)}.sq-zoom-bottom-enter-active,.sq-zoom-bottom-leave-active{transform-origin:bottom}.sq-zoom-bottom-enter-active{animation:zoom-v var(--sq-transition-base)}.sq-zoom-bottom-leave-active{animation:reverse zoom-v var(--sq-transition-base)}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{transform:translateY(var(--sq-padding-lg));opacity:0}to{transform:none;opacity:1}}@keyframes card-insert{0%{transform:translateY(-50%) rotate(30deg);opacity:0}60%{transform:translateY(10%);opacity:1}to{transform:none;opacity:1}}@keyframes rotate-in-left{0%{transform:translate(200%) rotate(180deg);opacity:0}to{transform:none;opacity:1}}@keyframes rotate-in-right{0%{transform:translate(-200%) rotate(180deg);opacity:0}to{transform:none;opacity:1}}@keyframes zoom{0%{transform:scale(0);opacity:0}90%{transform:scale(1.1);opacity:1}to{transform:none;opacity:1}}@keyframes zoom-v{0%{transform:scaleY(0);opacity:0}to{transform:none;opacity:1}}@keyframes skeleton{0%{background-position:-60% 0}to{background-position:160% 0}}}@layer component{@keyframes loading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dashoffset:70}50%{stroke-dashoffset:125}to{stroke-dashoffset:70}}.sq-icon{display:inline-flex}.sq-icon>svg{width:1em;height:1em;fill:currentColor}.sq-icon.is-loading>svg{transform-origin:center;animation:loading 1s linear infinite}.sq-icon[data-icon=loading] circle{fill:none;stroke:currentColor;stroke-width:4;stroke-dasharray:130;stroke-linecap:round;animation:dash 2s ease-in-out infinite}}@layer component{.sq-alert{--alert-color: var(--sq-color-primary);--alert-bg-color: var(--sq-color-primary-light-5);--alert-selection-color: var(--sq-color-primary);border-radius:var(--sq-radius-md);padding:var(--sq-padding-sm);background:var(--alert-bg-color)}.sq-alert.sq-text{color:var(--alert-color)}.sq-alert.sq-text::selection{background-color:var(--alert-selection-color)}}@layer type{.sq-alert.is-success{--alert-color: var(--sq-color-success);--alert-bg-color: var(--sq-color-success-light-5);--alert-selection-color: var(--sq-color-success)}.sq-alert.is-info{--alert-color: var(--sq-color-info);--alert-bg-color: var(--sq-color-info-light-5);--alert-selection-color: var(--sq-color-info)}.sq-alert.is-warn{--alert-color: var(--sq-color-warn);--alert-bg-color: var(--sq-color-warn-light-5);--alert-selection-color: var(--sq-color-warn)}.sq-alert.is-error{--alert-color: var(--sq-color-error);--alert-bg-color: var(--sq-color-error-light-5);--alert-selection-color: var(--sq-color-error)}}@layer component{.sq-article{overflow-x:hidden;overflow-y:auto}.sq-article-content{line-height:var(--sq-line-height-base);display:flex;flex-direction:column;color:currentColor;font-size:var(--sq-font-size-md);row-gap:var(--sq-padding-sm);font-family:var(--sq-font-family)}.sq-article-content::selection{background-color:var(--sq-color-primary);color:#fff;text-shadow:var(--sq-text-shadow)}.sq-article-content p,.sq-article-content h1,.sq-article-content h2,.sq-article-content h3,.sq-article-content h4,.sq-article-content h5,.sq-article-content h6{margin:0}.sq-article-content p>img{display:inline;max-width:100%;vertical-align:middle}.sq-article-content p>video{display:inline;max-width:100%;vertical-align:middle}.sq-article-content p>code{word-break:break-all;border-radius:var(--sq-radius-sm);background-color:var(--sq-color-primary-light-5);color:var(--sq-color-primary);padding:.1em .4em;font-family:var(--sq-font-family)}.sq-article-content h1,.sq-article-content h2,.sq-article-content h3,.sq-article-content h4,.sq-article-content h5,.sq-article-content h6{color:var(--sq-text-color)}.sq-article-content ul,.sq-article-content ol{margin:0;padding:0;list-style-type:none}.sq-article-content ul>li,.sq-article-content ol>li{position:relative;padding-inline-start:var(--sq-padding-md)}.sq-article-content ul>li:before,.sq-article-content ol>li:before{position:absolute;left:0}.sq-article-content ul>li:before{content:"";background-color:currentColor;aspect-ratio:1;width:4px;border-radius:var(--sq-radius-full);top:calc(.8em - 2px)}.sq-article-content ol{counter-reset:section}.sq-article-content ol>li{counter-increment:section}.sq-article-content ol>li:before{content:counter(section) ".";top:0}.sq-article-content a{text-decoration:none;color:var(--sq-color-primary);border-block-end:1px solid transparent;word-break:break-all}.sq-article-content a:hover{border-block-end-color:var(--sq-color-primary)}.sq-article-content a .sq-icon{vertical-align:middle;margin-inline-end:.2em;transform:translateY(-1px)}.sq-article-content .sq-checkbox{height:auto}.sq-article-content .sq-image{max-width:100%}.sq-article-content>img{max-width:100%;border-radius:var(--sq-radius-md)}.sq-article-content>blockquote{margin:0;padding:var(--sq-padding-sm);border-radius:var(--sq-radius-md);border-inline-start:4px solid var(--sq-color-primary);background-color:var(--sq-color-primary-light-5)}.sq-code{width:100%}.sq-article-table{border:1px solid var(--sq-border-color);border-radius:var(--sq-radius-md);overflow:hidden}.sq-article-table table{border-collapse:collapse;width:100%}.sq-article-table table thead{color:var(--sq-text-color);background-color:var(--sq-bg-color);border-block-end:1px solid var(--sq-border-color-light)}.sq-article-table table tbody{color:var(--sq-text-color-secondary)}.sq-article-table table th,.sq-article-table table td{padding:var(--sq-padding-sm)}.sq-article-table table th{position:relative}.sq-article-table table th:not(:last-child):after{content:"";position:absolute;z-index:1;right:0;top:50%;border:1px solid var(--sq-border-color-light);height:1em;transform:translateY(-50%)}.sq-article-table table tr:nth-child(2n){background-color:var(--sq-bg-color)}ul>li.sq-article-task-list-item{display:flex;align-items:center;column-gap:var(--sq-padding-xs);padding-inline-start:0}ul>li.sq-article-task-list-item:before{content:none}}@layer component{.sq-avatar{--avatar-size: var(--sq-component-size-md);--avatar-bg-color: var(--sq-color-primary);display:inline-block;vertical-align:middle;width:var(--avatar-size);aspect-ratio:1;border-radius:var(--sq-radius-md);font-size:var(--sq-font-size-md);font-family:var(--sq-font-family);box-sizing:border-box;border:1px solid var(--sq-border-color-light);overflow:hidden;-webkit-user-select:none;user-select:none;box-shadow:var(--sq-shadow-sm-dark) var(--sq-projection-dark),var(--sq-shadow-sm-light) var(--sq-projection-light)}.sq-avatar.sq-avatar--sm{--avatar-size: var(--sq-component-size-sm);font-size:var(--sq-font-size-sm)}.sq-avatar.sq-avatar--lg{--avatar-size: var(--sq-component-size-lg);font-size:var(--sq-font-size-lg)}.sq-avatar.is-round{border-radius:var(--sq-radius-full)}.sq-avatar:has(>span){border:none;background:var(--avatar-bg-color)}.sq-avatar img{width:100%;height:100%;object-fit:cover}.sq-avatar span{width:100%;height:100%;color:#fff;display:flex;align-items:center;justify-content:center;line-height:var(--sq-line-height-single)}}@layer component{.sq-backtop{--backtop-margin-right: var(--sq-padding-md);--backtop-margin-bottom: var(--sq-padding-md);--backtop-size: 48px;position:fixed;width:var(--backtop-size);height:var(--backtop-size);inset-block-end:var(--backtop-margin-right);inset-inline-end:var(--backtop-margin-bottom);background-color:var(--sq-component-bg-color);border-radius:var(--sq-radius-full);cursor:pointer;font-size:var(--sq-font-size-md);color:var(--sq-text-color-secondary);z-index:1999;box-shadow:var(--sq-shadow-md-dark) var(--sq-projection-dark),var(--sq-shadow-md-light) var(--sq-projection-light);transition:color var(--sq-transition-base)}.sq-backtop:not(:has(.sq-progress)){border:1px solid var(--sq-border-color-light)}.sq-backtop:hover{color:var(--sq-color-primary)}.sq-backtop-wrap{position:relative;display:flex;align-items:center;justify-content:center;height:100%}.sq-backtop-wrap .sq-progress{width:100%;position:absolute}.sq-backtop-wrap .sq-icon{position:absolute;font-size:1.5em}}@layer component{.sq-badge{--badge-size: auto;--badge-padding: 4px var(--sq-padding-xs);display:inline-block;vertical-align:middle;position:relative;width:fit-content}.sq-badge.is-dot{--badge-size: 8px;--badge-padding: 0}.sq-badge.is-dot .sq-badge-label-inner{aspect-ratio:1}.sq-badge-label{-webkit-user-select:none;user-select:none;font-size:var(--sq-font-size-sm);color:#fff;line-height:var(--sq-line-height-single)}.sq-badge-label-inner{display:block;height:var(--badge-size);padding:var(--badge-padding);background:var(--badge-color);border-radius:var(--sq-radius-full)}sup.sq-badge-label{position:absolute;translate:-50% -50%}}@layer type{.sq-badge.is-primary{--badge-color: var(--sq-color-primary)}.sq-badge.is-success{--badge-color: var(--sq-color-success)}.sq-badge.is-info{--badge-color: var(--sq-color-info)}.sq-badge.is-warn{--badge-color: var(--sq-color-warn)}.sq-badge.is-error{--badge-color: var(--sq-color-error)}}@layer component{.sq-blur{border-radius:var(--sq-radius-sm);filter:blur(var(--sq-blur-sm));-webkit-user-select:none;user-select:none;transition:filter var(--sq-transition-base)}.sq-blur.sq-text{display:inline}.sq-blur:hover{filter:none}}@layer component{.sq-button{--button-color: var(--sq-text-color);--button-color-hover: var(--sq-text-color-secondary);--button-color-disabled: var(--sq-text-color-placeholder);--button-bg-color: var(--sq-component-bg-color);--button-bg-color-hover: var(--sq-component-bg-color);--button-bg-color-disabled: var(--sq-bg-color);--button-border-color: var(--sq-border-color-light);--button-shadow-color: var(--sq-projection-dark);--button-padding: var(--sq-padding-sm);cursor:pointer;height:var(--sq-component-size-md);padding:0 var(--button-padding);color:var(--button-color);background-color:var(--button-bg-color);display:inline-block;vertical-align:middle;border:1px solid;border-color:var(--button-border-color);border-radius:var(--sq-radius-md);-webkit-user-select:none;user-select:none;box-sizing:border-box;transition:all var(--sq-transition-base)}.sq-button.sq-button--sm{height:var(--sq-component-size-sm)}.sq-button.sq-button--lg{height:var(--sq-component-size-lg)}.sq-button:not(.is-text){box-shadow:var(--sq-shadow-sm-dark) var(--button-shadow-color),var(--sq-shadow-sm-light) var(--sq-projection-light)}.sq-button.is-round{border-radius:var(--sq-radius-full);padding-inline:calc(var(--button-padding) + .2em)}.sq-button:disabled{cursor:not-allowed;color:var(--button-color-disabled);background-color:var(--button-bg-color-disabled)}.sq-button:hover:not(:disabled){color:var(--button-color-hover);background-color:var(--button-bg-color-hover)}.sq-button:active:not(:disabled){box-shadow:var(--sq-shadow-xs-dark) var(--button-shadow-color)}.sq-button .sq-text{justify-content:center;line-height:var(--sq-line-height-single)}.sq-button .sq-text::selection{text-shadow:none}}@layer type{.sq-button.is-primary{--button-color: #fff;--button-color-hover: #fff;--button-color-disabled: #fff;--button-bg-color: var(--sq-color-primary);--button-bg-color-hover: var(--sq-color-primary-dark-1);--button-bg-color-disabled: var(--sq-color-primary-light-3);--button-border-color: transparent;--button-shadow-color: var(--sq-color-primary-light-4)}.sq-button.is-success{--button-color: #fff;--button-color-hover: #fff;--button-color-disabled: #fff;--button-bg-color: var(--sq-color-success);--button-bg-color-hover: var(--sq-color-success-dark-1);--button-bg-color-disabled: var(--sq-color-success-light-3);--button-border-color: transparent;--button-shadow-color: var(--sq-color-success-light-4)}.sq-button.is-info{--button-color: #fff;--button-color-hover: #fff;--button-color-disabled: #fff;--button-bg-color: var(--sq-color-info);--button-bg-color-hover: var(--sq-color-info-dark-1);--button-bg-color-disabled: var(--sq-color-info-light-3);--button-border-color: transparent;--button-shadow-color: var(--sq-color-info-light-4)}.sq-button.is-warn{--button-color: #fff;--button-color-hover: #fff;--button-color-disabled: #fff;--button-bg-color: var(--sq-color-warn);--button-bg-color-hover: var(--sq-color-warn-dark-1);--button-bg-color-disabled: var(--sq-color-warn-light-3);--button-border-color: transparent;--button-shadow-color: var(--sq-color-warn-light-4)}.sq-button.is-error{--button-color: #fff;--button-color-hover: #fff;--button-color-disabled: #fff;--button-bg-color: var(--sq-color-error);--button-bg-color-hover: var(--sq-color-error-dark-1);--button-bg-color-disabled: var(--sq-color-error-light-3);--button-border-color: transparent;--button-shadow-color: var(--sq-color-error-light-4)}.sq-button.is-text{--button-color: var(--sq-text-color);--button-color-hover: var(--sq-text-color-secondary);--button-color-disabled: var(--sq-text-color-placeholder);--button-bg-color: transparent;--button-bg-color-hover: var(--sq-bg-color);--button-bg-color-disabled: transparent;--button-border-color: transparent}.sq-button.is-text:active:not(:disabled){box-shadow:none}.sq-button.is-text.is-primary{--button-color: var(--sq-color-primary);--button-color-hover: var(--sq-color-primary-dark-1);--button-color-disabled: var(--sq-color-primary-light-3);--button-bg-color-hover: var(--sq-color-primary-light-5)}.sq-button.is-text.is-success{--button-color: var(--sq-color-success);--button-color-hover: var(--sq-color-success-dark-1);--button-color-disabled: var(--sq-color-success-light-3);--button-bg-color-hover: var(--sq-color-success-light-5)}.sq-button.is-text.is-info{--button-color: var(--sq-color-info);--button-color-hover: var(--sq-color-info-dark-1);--button-color-disabled: var(--sq-color-info-light-3);--button-bg-color-hover: var(--sq-color-info-light-5)}.sq-button.is-text.is-warn{--button-color: var(--sq-color-warn);--button-color-hover: var(--sq-color-warn-dark-1);--button-color-disabled: var(--sq-color-warn-light-3);--button-bg-color-hover: var(--sq-color-warn-light-5)}.sq-button.is-text.is-error{--button-color: var(--sq-color-error);--button-color-hover: var(--sq-color-error-dark-1);--button-color-disabled: var(--sq-color-error-light-3);--button-bg-color-hover: var(--sq-color-error-light-5)}.sq-button.is-text.has-bg{--button-bg-color: var(--sq-bg-color);--button-bg-color-hover: var(--sq-bg-color-dark);--button-bg-color-disabled: var(--sq-bg-color)}.sq-button.is-text.has-bg.is-primary{--button-bg-color: var(--sq-color-primary-light-5);--button-bg-color-hover: var(--sq-color-primary-light-4);--button-bg-color-disabled: var(--sq-color-primary-light-5)}.sq-button.is-text.has-bg.is-success{--button-bg-color: var(--sq-color-success-light-5);--button-bg-color-hover: var(--sq-color-success-light-4);--button-bg-color-disabled: var(--sq-color-success-light-5)}.sq-button.is-text.has-bg.is-info{--button-bg-color: var(--sq-color-info-light-5);--button-bg-color-hover: var(--sq-color-info-light-4);--button-bg-color-disabled: var(--sq-color-info-light-5)}.sq-button.is-text.has-bg.is-warn{--button-bg-color: var(--sq-color-warn-light-5);--button-bg-color-hover: var(--sq-color-warn-light-4);--button-bg-color-disabled: var(--sq-color-warn-light-5)}.sq-button.is-text.has-bg.is-error{--button-bg-color: var(--sq-color-error-light-5);--button-bg-color-hover: var(--sq-color-error-light-4);--button-bg-color-disabled: var(--sq-color-error-light-5)}}@layer component{.sq-button-group{--button-group-shadow-color: var(--sq-projection-dark);border-radius:var(--sq-radius-md);display:inline-block;vertical-align:middle;box-shadow:var(--sq-shadow-sm-dark) var(--button-group-shadow-color),var(--sq-shadow-sm-light) var(--sq-projection-light)}.sq-button-group:has(>.is-round){border-radius:var(--sq-radius-full)}.sq-button-group .sq-button{box-shadow:none}.sq-button-group .sq-button:active{box-shadow:none}.sq-button-group .sq-button:not(:first-child){border-start-start-radius:0;border-end-start-radius:0;border-inline-start:none}.sq-button-group .sq-button:not(:first-child).is-round{padding-inline-start:var(--button-padding)}.sq-button-group .sq-button:not(:last-child){border-start-end-radius:0;border-end-end-radius:0;border-inline-end-color:var(--sq-border-color-light)}.sq-button-group .sq-button:not(:last-child).is-round{padding-inline-end:var(--button-padding)}}@layer type{.sq-button-group:has(>.is-primary){--button-group-shadow-color: var(--sq-color-primary-light-4)}.sq-button-group:has(>.is-success){--button-group-shadow-color: var(--sq-color-success-light-4)}.sq-button-group:has(>.is-info){--button-group-shadow-color: var(--sq-color-info-light-4)}.sq-button-group:has(>.is-warn){--button-group-shadow-color: var(--sq-color-warn-light-4)}.sq-button-group:has(>.is-error){--button-group-shadow-color: var(--sq-color-error-light-4)}}@layer component{.sq-card{padding:var(--sq-padding-md);border-radius:var(--sq-radius-lg);border:1px solid var(--sq-border-color-light);background-color:var(--sq-component-bg-color);color:var(--sq-text-color-secondary);font-size:var(--sq-font-size-md);line-height:var(--sq-line-height-base);font-family:var(--sq-font-family);box-shadow:var(--sq-shadow-lg-dark) var(--sq-projection-dark),var(--sq-shadow-lg-light) var(--sq-projection-light)}.sq-card::selection{background-color:var(--sq-color-primary);color:#fff;text-shadow:var(--sq-text-shadow)}.sq-card .sq-card-header{margin-block-end:var(--sq-padding-md);line-height:var(--sq-line-height-single);display:flex;align-items:center;justify-content:space-between}.sq-card .sq-card-header h2{color:var(--sq-text-color);font-weight:700;font-size:var(--sq-font-size-lg);margin:0;padding:0}.sq-card .sq-card-header h2.has-decorative{position:relative;padding-inline-start:var(--sq-padding-sm)}.sq-card .sq-card-header h2.has-decorative:before{content:"";position:absolute;height:1em;width:4px;top:50%;left:0;border-radius:var(--sq-radius-full);background-color:var(--sq-color-primary);transform:translateY(-50%)}.sq-card .sq-card-footer{display:flex;align-items:center;margin-block-start:var(--sq-padding-md)}}@layer component{.sq-selection{--selection-color: var(--sq-text-color);--selection-color-hover: var(--sq-text-color);--selection-color-disabled: var(--sq-text-color-placeholder);--selection-color-checked: var(--sq-text-color);--selection-bg-color: var(--sq-component-bg-color);--selection-border-color: var(--sq-border-color-light);--selection-inner-color: #fff;--selection-shadow-color: var(--sq-projection-dark);display:inline-flex;vertical-align:middle;align-items:center;column-gap:var(--sq-padding-xs);font-size:var(--sq-font-size-md);font-family:var(--sq-font-family);color:var(--selection-color);cursor:pointer;box-sizing:border-box;border-radius:var(--sq-radius-sm);height:var(--sq-component-size-md);transition:color var(--sq-transition-base)}.sq-selection.sq-selection--sm{font-size:var(--sq-font-size-sm);height:var(--sq-component-size-sm)}.sq-selection.sq-selection--lg{height:var(--sq-component-size-lg)}.sq-selection input[type=radio],.sq-selection input[type=checkbox]{opacity:0;position:absolute;width:0;height:0;margin:0}.sq-selection .sq-selection-label{-webkit-user-select:none;user-select:none;line-height:var(--sq-line-height-single);transition:color var(--sq-transition-base)}.sq-selection.is-checked{--selection-bg-color: var(--sq-color-primary);--selection-border-color: var(--sq-color-primary);--selection-shadow-color: var(--sq-color-primary-light-4);color:var(--selection-color-checked)}.sq-selection:hover{--selection-border-color: var(--sq-color-primary);color:var(--selection-color-hover)}.sq-selection.is-disabled{--selection-border-color: var(--sq-border-color-light);--selection-bg-color: var(--sq-bg-color);--selection-inner-color: var(--sq-text-color-placeholder);--selection-shadow-color: var(--sq-projection-dark);color:var(--selection-color-disabled);cursor:not-allowed}}@layer type{.sq-selection.is-outline,.sq-selection.is-solid{--selection-color-hover: var(--sq-color-primary);border:1px solid var(--selection-border-color);padding-inline:var(--sq-padding-sm);box-shadow:var(--sq-shadow-sm-dark) var(--selection-shadow-color),var(--sq-shadow-sm-light) var(--sq-projection-light);transition:all var(--sq-transition-base)}.sq-selection.is-outline{--selection-color-checked: var(--sq-color-primary)}.sq-selection.is-solid{--selection-color-checked: #fff;background-color:var(--selection-bg-color)}.sq-selection.is-solid.is-checked{--selection-color: #fff;--selection-color-hover: #fff;--selection-color-disabled: #fff;--selection-border-color: transparent}.sq-selection.is-solid.is-checked:hover{--selection-bg-color: var(--sq-color-primary-dark-1)}.sq-selection.is-solid.is-checked.is-disabled{--selection-bg-color: var(--sq-color-primary-light-3);--selection-shadow-color: var(--sq-color-primary-light-4)}}@layer component{.sq-checkbox{--checkbox-indeterminate-color: var(--sq-color-primary)}.sq-checkbox.is-disabled{--checkbox-indeterminate-color: var(--sq-text-color-placeholder)}.sq-checkbox-box{display:flex;aspect-ratio:1;width:1em;align-items:center;justify-content:center;border:1px solid var(--selection-border-color);border-radius:var(--sq-radius-xs);background-color:var(--selection-bg-color);position:relative;box-shadow:var(--sq-shadow-xs-dark) var(--selection-shadow-color),var(--sq-shadow-xs-light) var(--sq-projection-light);transition:all var(--sq-transition-base)}.sq-checkbox-inner{aspect-ratio:1;position:absolute;color:var(--selection-inner-color);width:1em;scale:.9}}@layer type{.sq-checkbox.is-outline .sq-checkbox-box{box-shadow:none}.sq-checkbox-box.is-indeterminate:before{content:"";aspect-ratio:1;position:absolute;display:block;width:calc(1em - 6px);background-color:var(--checkbox-indeterminate-color)}}@layer component{.sq-selection-group{--selection-group-shadow-color: var(--sq-color-primary-light-4);display:flex;align-items:center;border-radius:var(--sq-radius-md)}.sq-selection-group:has(>.is-solid){box-shadow:var(--sq-shadow-sm-dark) var(--selection-group-shadow-color),var(--sq-shadow-sm-light) var(--sq-projection-light)}.sq-selection-group:not(:has(>.is-solid)){column-gap:var(--sq-padding-md)}.sq-selection-group:has(>:not(.is-checked)){--selection-group-shadow-color: var(--sq-projection-dark)}}@layer type{.sq-selection-group .is-solid{box-shadow:none}.sq-selection-group .is-solid:not(:first-child){border-start-start-radius:0;border-end-start-radius:0;border-inline-start-color:var(--sq-border-color-light)}.sq-selection-group .is-solid:not(:last-child){border-start-end-radius:0;border-end-end-radius:0;border-inline-end:none}.sq-selection-group .is-solid:hover:not(.is-disabled):not(.is-checked){border-inline-start-color:var(--sq-color-primary)}.sq-selection-group .is-solid:hover:not(.is-disabled):not(.is-checked)+.sq-selection{border-inline-start-color:var(--sq-color-primary)}}@layer component{.sq-code{border-radius:var(--sq-radius-md);padding-inline:var(--sq-padding-md);box-sizing:border-box;border:1px solid var(--sq-border-color-lighter);overflow:auto;box-shadow:inset var(--sq-shadow-sm-dark) var(--sq-projection-dark),inset var(--sq-shadow-sm-light) var(--sq-projection-light)}.sq-code pre{width:max-content}}@layer component{.sq-mask{display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;width:100vw;height:100%;overflow:hidden;background-color:var(--sq-mask-color);-webkit-backdrop-filter:blur(var(--sq-blur-md));backdrop-filter:blur(var(--sq-blur-md));touch-action:none;-webkit-user-select:none;user-select:none}}@layer component{.sq-dialog{--dialog-width: 400px;--dialog-theme-color: var(--sq-color-primary);display:flex;flex-direction:column;font-family:var(--sq-font-family);row-gap:var(--sq-padding-sm);color:var(--sq-text-color);border-block-start:4px solid var(--dialog-theme-color);border-radius:var(--sq-radius-lg);width:var(--dialog-width);max-width:90vw;max-height:90vh;box-sizing:border-box;padding:var(--sq-padding-md);padding-block-start:calc(var(--sq-padding-md) - 4px);font-size:var(--sq-font-size-md);background-color:var(--sq-component-bg-color)}.sq-dialog.has-header .sq-dialog-close{inset-inline-end:var(--sq-padding-md);inset-block-start:var(--sq-padding-md)}.sq-dialog-close{font-size:1.5em;cursor:pointer;transition:color var(--sq-transition-base)}.sq-dialog-close:hover{color:var(--sq-text-color-secondary)}.sq-dialog-header{display:flex;column-gap:var(--sq-padding-sm);align-items:center;line-height:var(--sq-line-height-single)}.sq-dialog-header-icon{font-size:1.5em;color:var(--dialog-theme-color)}.sq-dialog-header-title{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;font-weight:700}.sq-dialog-body{color:var(--sq-text-color-secondary);overflow:auto}.sq-dialog-footer{display:flex;justify-content:flex-end;column-gap:var(--sq-padding-sm)}}@layer type{.sq-dialog.is-success{--dialog-theme-color: var(--sq-color-success)}.sq-dialog.is-info{--dialog-theme-color: var(--sq-color-info)}.sq-dialog.is-warn{--dialog-theme-color: var(--sq-color-warn)}.sq-dialog.is-error{--dialog-theme-color: var(--sq-color-error)}}@layer component{.sq-divider{--divider-width: 1px}.sq-divider:not(.is-thin){--divider-width: 4px}.sq-divider.sq-divider--vertical{height:1em;border-inline-start:var(--divider-width) var(--divider-line-type) var(--sq-border-color)}.sq-divider.sq-divider--horizontal{width:100%}.sq-divider.sq-divider--horizontal:has(>.sq-text){display:flex;color:var(--sq-text-color);align-items:center;column-gap:var(--sq-padding-sm)}.sq-divider.sq-divider--horizontal:has(>.sq-text):before,.sq-divider.sq-divider--horizontal:has(>.sq-text):after{content:"";flex:1;border-block-start:var(--divider-width) var(--divider-line-type) var(--sq-border-color)}.sq-divider.sq-divider--horizontal:has(>.sq-text).text-left:before{width:var(--sq-padding-lg);flex:none}.sq-divider.sq-divider--horizontal:has(>.sq-text).text-right:after{width:var(--sq-padding-lg);flex:none}.sq-divider.sq-divider--horizontal:has(>.sq-text) .sq-text{flex-shrink:0;max-width:60%}.sq-divider.sq-divider--horizontal:not(:has(>.sq-text)){border-block-start:var(--divider-width) var(--divider-line-type) var(--sq-border-color)}}@layer component{.sq-editor{--editor-radius: var(--sq-padding-sm);--editor-padding: 0;display:flex;flex-direction:column;row-gap:var(--sq-padding-sm)}.sq-editor.is-round{--editor-radius: calc(var(--sq-component-size-md) / 2);--editor-padding: .2em}.sq-editor.is-round.sq-editor--sm{--editor-radius: calc(var(--sq-component-size-sm) / 2)}.sq-editor.is-round.sq-editor--lg{--editor-radius: calc(var(--sq-component-size-lg) / 2)}.sq-editor .sq-article{height:100%;padding:var(--sq-padding-sm);border:1px solid var(--sq-border-color-light);border-radius:var(--editor-radius);box-shadow:inset var(--sq-shadow-xs-dark) var(--sq-projection-dark),inset var(--sq-shadow-xs-light) var(--sq-projection-light)}.sq-editor-control{display:flex;column-gap:var(--sq-padding-md)}.sq-editor-toolbar{display:flex;flex-wrap:wrap;background-color:var(--sq-bg-color);padding-inline:var(--editor-padding)}.sq-editor-toolbar .sq-divider{height:var(--sq-font-size-lg);margin-inline:var(--sq-padding-xs);transform:translateY(calc((var(--sq-component-size-md) - var(--sq-font-size-lg)) / 2))}.sq-editor-toolbar .sq-button{--button-padding: var(--sq-padding-xs)}.sq-editor-toolbar .sq-button .sq-text{font-size:var(--sq-font-size-lg)}.sq-editor-body{display:flex;flex-direction:column;height:100%;overflow:hidden;border:1px solid var(--sq-border-color-light);border-radius:var(--editor-radius)}.sq-editor-body .sq-input{height:100%;overflow:hidden;border:none;border-radius:none}.sq-editor-body .sq-input:not(.has-shadow){box-shadow:none}}@layer component{.sq-form{--form-label-width: auto;--form-label-height: var(--sq-component-size-md);display:flex;flex-direction:column;font-size:var(--sq-font-size-md);font-family:var(--sq-font-family);color:var(--sq-text-color)}.sq-form.sq-form--sm{--form-label-height: var(--sq-component-size-sm);font-size:var(--sq-font-size-sm)}.sq-form.sq-form--lg{--form-label-height: var(--sq-component-size-lg)}.sq-form.required-default .is-required:before{content:"*";color:var(--sq-color-error)}.sq-form.required-optional .sq-form-item-label:not(.is-required):not(:empty):after{content:"(可选项)";color:var(--sq-text-color-placeholder)}.sq-form.is-vertical .sq-form-item{flex-direction:column;row-gap:var(--sq-padding-xs)}.sq-form.is-vertical .sq-form-item .sq-form-item-label{min-height:0;line-height:var(--sq-line-height-base)}.sq-form-item{display:flex;align-items:flex-start;column-gap:var(--sq-padding-sm);padding-block-end:calc(var(--sq-font-size-sm) * 2)}.sq-form-item::selection{background-color:var(--sq-color-primary);color:#fff;text-shadow:var(--sq-text-shadow)}.sq-form-item-label{display:inline-flex;vertical-align:middle;align-items:center;column-gap:.2em;flex-shrink:0;min-height:var(--form-label-height);width:var(--form-label-width)}.sq-form-item-content{position:relative;width:100%}.sq-form-item-content .sq-icon[data-icon=check-filled]{color:var(--sq-color-success)}.sq-form-item-content .sq-icon[data-icon=warning-filled]{color:var(--sq-color-warn)}.sq-form-item-content .sq-icon[data-icon=close-filled]{color:var(--sq-color-error)}.sq-form-item-check{position:absolute;top:100%;left:0;line-height:var(--sq-line-height-base);color:var(--sq-color-error);font-size:var(--sq-font-size-sm)}}@layer component{.sq-image{--image-placeholder-height: 180px;display:inline-block;vertical-align:middle;border-radius:var(--sq-radius-md);overflow:hidden;position:relative;font-size:var(--sq-font-size-md);font-family:var(--sq-font-family)}.sq-image:hover>.sq-image-control{opacity:1}:scope::selection{background-color:var(--sq-color-primary);color:#fff;text-shadow:var(--sq-text-shadow)}.sq-image-mask{position:absolute;width:100%;height:100%;top:0;left:0;display:flex;background-color:var(--sq-bg-color)}.sq-image-mask:after{content:"";width:100%;height:100%;background-image:linear-gradient(to right,transparent,var(--sq-bg-color-dark) 60%,transparent);background-repeat:no-repeat;background-size:40%;animation:skeleton 2s ease infinite}.sq-image-picture{position:relative;z-index:1;display:block;width:100%;height:100%}.sq-image-picture img{display:block;width:100%;height:100%}.sq-image-control{display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;z-index:2;border-radius:var(--sq-radius-md);overflow:hidden;font-size:var(--sq-font-size-lg);color:var(--sq-text-color);background-color:var(--sq-mask-color);-webkit-backdrop-filter:blur(var(--sq-blur-md));backdrop-filter:blur(var(--sq-blur-md));transition:opacity var(--sq-transition-base);cursor:pointer}.sq-image-error{width:100%;height:100%;display:flex;justify-content:center;align-items:center;line-height:var(--sq-line-height-single);background-color:var(--sq-bg-color);color:var(--sq-text-color-placeholder)}}@layer component{.sq-image-viewer-mask{--image-viewer-component-size: 48px;touch-action:none}.sq-image-viewer-mask img{touch-action:none;transition:transform var(--sq-transition-base)}.sq-image-viewer-mask .sq-button .sq-icon{font-size:1.5em}.sq-button.sq-image-viewer-close,.sq-button.sq-image-viewer-next,.sq-button.sq-image-viewer-prev{position:absolute;height:var(--image-viewer-component-size);aspect-ratio:1;padding-inline:0}.sq-image-viewer-close.sq-button{inset-block-start:var(--sq-padding-md);inset-inline-end:var(--sq-padding-md);box-shadow:none}.sq-image-viewer-next{inset-inline-end:var(--sq-padding-md)}.sq-image-viewer-prev{inset-inline-start:var(--sq-padding-md)}.sq-image-viewer-toolbar{display:flex;align-items:center;position:absolute;inset-block-end:var(--sq-padding-md);height:var(--image-viewer-component-size);background-color:var(--sq-component-bg-color);border-radius:var(--sq-radius-full);padding-inline:var(--sq-padding-md);column-gap:var(--sq-padding-md);border:1px solid var(--sq-border-color-light)}.sq-image-viewer-toolbar .sq-button.is-text{padding-inline:0}@media (max-width: 768px){.sq-image-viewer-mask{--image-viewer-component-size: 40px}.sq-image-viewer-toolbar{column-gap:var(--sq-padding-sm)}}}@layer type{.sq-image-viewer-toolbar>.sq-button{--button-bg-color-hover: transparent}}@layer component{.sq-image-crop{--image-crop-size: 360px;width:var(--image-crop-size);aspect-ratio:1;position:relative;border-radius:var(--sq-radius-md);overflow:hidden;background-blend-mode:screen;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;touch-action:none;background-image:repeating-linear-gradient(var(--sq-bg-color-dark) 0 10px,transparent 10px 20px),repeating-linear-gradient(90deg,var(--sq-bg-color-dark) 0 10px,transparent 10px 20px)}.sq-image-crop-cropper{position:absolute;max-height:80%;max-width:80%;aspect-ratio:var(--image-crop-ratio);border:2px dashed var(--sq-border-color);box-sizing:border-box;inset-inline-start:50%;inset-block-start:50%;translate:-50% -50%;box-shadow:0 0 0 3000px var(--sq-mask-color);z-index:2}}@layer component{.sq-input{--input-bg-color: var(--sq-component-bg-color);--input-bg-color-disabled: var(--sq-bg-color);--input-border-color: var(--sq-border-color-light);--input-border-color-active: var(--sq-color-primary);--input-border-color-disabled: var(--sq-border-color-light);--input-shadow-color: var(--sq-projection-dark);--input-selection-color: var(--sq-color-primary);padding:0;display:flex;align-items:center;font-size:var(--sq-font-size-md);background-color:var(--input-bg-color);border:1px solid;border-color:var(--input-border-color);border-radius:var(--sq-radius-md);box-sizing:border-box;cursor:text;overflow:hidden;box-shadow:inset var(--sq-shadow-xs-dark) var(--input-shadow-color),inset var(--sq-shadow-xs-light) var(--sq-projection-light);transition:all var(--sq-transition-base)}.sq-input textarea{min-height:var(--sq-component-size-md)}.sq-input.sq-input--sm{font-size:var(--sq-font-size-sm)}.sq-input.sq-input--sm textarea{min-height:var(--sq-component-size-sm)}.sq-input.sq-input--lg textarea{min-height:var(--sq-component-size-lg)}.sq-input:has(>input){width:100%;height:var(--sq-component-size-md)}.sq-input:has(>input).sq-input--sm{height:var(--sq-component-size-sm)}.sq-input:has(>input).sq-input--lg{height:var(--sq-component-size-lg)}.sq-input:has(>input).is-round{padding-inline:.2em;border-radius:var(--sq-radius-full)}.sq-input:has(>textarea).is-round{padding-inline:.2em;border-radius:calc(var(--sq-component-size-md) / 2)}.sq-input:has(>textarea).is-round.sq-input--sm{border-radius:calc(var(--sq-component-size-sm) / 2)}.sq-input:has(>textarea).is-round.sq-input--lg{border-radius:calc(var(--sq-component-size-lg) / 2)}.sq-input::selection{background-color:var(--input-selection-color);color:#fff;text-shadow:var(--sq-text-shadow)}.sq-input .sq-input-prefix,.sq-input .sq-input-suffix{display:flex;align-items:center;-webkit-user-select:none;user-select:none}.sq-input .sq-input-prefix{margin-inline-start:var(--sq-padding-sm);color:var(--sq-text-color-placeholder)}.sq-input .sq-input-inner{height:100%;caret-color:var(--input-selection-color);color:var(--sq-text-color);font-size:inherit;background:transparent;border:none;outline:none;line-height:var(--sq-line-height-base);box-sizing:border-box;font-family:var(--sq-font-family);transition:color var(--sq-transition-base)}.sq-input .sq-input-inner:read-only{color:var(--sq-text-color-placeholder)}.sq-input input.sq-input-inner{padding:0 var(--sq-padding-sm);width:0;flex:1}.sq-input textarea.sq-input-inner{padding:var(--sq-padding-xs) var(--sq-padding-sm);width:100%}.sq-input .sq-input-suffix{column-gap:var(--sq-padding-xs);margin-inline-end:var(--sq-padding-sm);color:var(--sq-text-color-placeholder)}.sq-input .sq-input-suffix-pwd,.sq-input .sq-input-suffix-clear{cursor:pointer}.sq-input.is-disabled{cursor:not-allowed;border-color:var(--input-border-color-disabled);background-color:var(--input-bg-color-disabled)}.sq-input.is-disabled .sq-input-inner{cursor:not-allowed;color:var(--sq-text-color-placeholder)}.sq-input:active:not(.is-disabled),.sq-input:focus-within:not(.is-disabled){--input-border-color: var(--input-border-color-active);box-shadow:none}}@layer type{.sq-input.is-warn{--input-border-color: var(--sq-color-warn);--input-border-color-active: var(--sq-color-warn);--input-border-color-disabled: var(--sq-color-warn-light-3);--input-shadow-color: var(--sq-color-warn-light-4);--input-selection-color: var(--sq-color-warn)}.sq-input.is-error{--input-border-color: var(--sq-color-error);--input-border-color-active: var(--sq-color-error);--input-border-color-disabled: var(--sq-color-error-light-3);--input-shadow-color: var(--sq-color-error-light-4);--input-selection-color: var(--sq-color-error)}}@layer component{.sq-menu{margin:0;padding:0;list-style-type:none;display:flex;gap:var(--sq-padding-xs) var(--sq-padding-sm);font-size:var(--sq-font-size-md);font-family:var(--sq-font-family)}.sq-menu.sq-menu--vertical{flex-direction:column}.sq-menu.sq-menu--vertical .sq-menu-item{padding:var(--sq-padding-sm)}.sq-menu.sq-menu--horizontal .sq-menu-item{height:var(--sq-component-size-sm);box-sizing:border-box;padding-inline:var(--sq-padding-sm)}.sq-menu-item{cursor:pointer;color:var(--sq-text-color);border-radius:var(--sq-radius-md);-webkit-user-select:none;user-select:none;display:flex;align-items:center;-webkit-backdrop-filter:blur(var(--sq-blur-sm));backdrop-filter:blur(var(--sq-blur-sm));gap:var(--sq-padding-xs);line-height:var(--sq-line-height-single);transition:color var(--sq-transition-base),background-color var(--sq-transition-base)}.sq-menu-item:hover{color:var(--sq-text-color-secondary);background-color:var(--sq-bg-color)}.sq-menu-item.is-active{color:var(--sq-color-primary);background-color:var(--sq-color-primary-light-5)}.sq-menu-item.is-disabled{background-color:transparent;color:var(--sq-text-color-placeholder);cursor:not-allowed}.sq-menu-item .sq-badge{margin-inline-start:auto}}@layer component{.sq-message-wrap{width:100vw;position:fixed;top:0;left:0;display:flex;flex-direction:column;align-items:center}.sq-message{max-width:90vw;background-color:var(--sq-component-bg-color);color:var(--sq-text-color);box-shadow:var(--sq-shadow-md-dark) var(--sq-projection-dark),var(--sq-shadow-md-light) var(--sq-projection-light);position:absolute;border-radius:var(--sq-radius-md);border:1px solid var(--sq-border-color-light);display:flex;flex-direction:column;overflow:hidden;transition:top var(--sq-transition-base);font-size:var(--sq-font-size-md);line-height:var(--sq-line-height-single)}.sq-message-inner{padding:var(--sq-padding-sm);display:flex;column-gap:var(--sq-padding-sm);align-items:center}.sq-message-icon{font-size:var(--sq-font-size-lg);color:var(--message-icon-color)}body:has(.sq-mask:not([style*="display: none"])) .sq-message{box-shadow:none}}@layer type{.sq-message.is-primary{--message-icon-color: var(--sq-color-primary)}.sq-message.is-success{--message-icon-color: var(--sq-color-success)}.sq-message.is-info{--message-icon-color: var(--sq-color-info)}.sq-message.is-warn{--message-icon-color: var(--sq-color-warn)}.sq-message.is-error{--message-icon-color: var(--sq-color-error)}}@layer component{.sq-pagination,.sq-pagination-pager{display:flex;align-items:center;column-gap:var(--sq-padding-sm)}}@layer component{.sq-popover{position:absolute;font-size:var(--sq-font-size-md);font-family:var(--sq-font-family);background-color:var(--sq-component-bg-color);border-radius:var(--sq-radius-md);border:1px solid var(--sq-border-color-light);padding:var(--sq-padding-sm);box-sizing:border-box;line-height:var(--sq-line-height-base);color:var(--sq-text-color)}.sq-popover.has-shadow{box-shadow:var(--sq-shadow-sm-dark) var(--sq-projection-dark),var(--sq-shadow-sm-light) var(--sq-projection-light)}}@layer component{.sq-progress{display:flex;align-items:center;justify-content:center;height:var(--progress-stroke);background-color:var(--sq-border-color);border-radius:var(--sq-radius-full);font-family:var(--sq-font-family);position:relative}.sq-progress:after{content:"";position:absolute;height:100%;width:var(--progress-value);border-radius:var(--sq-radius-full);top:0;left:0;background:var(--progress-color);z-index:1;transition:width var(--sq-transition-linear)}.sq-progress.is-circle{border-radius:0;aspect-ratio:1;height:auto;background-color:transparent}.sq-progress.is-circle:after{content:none}.sq-progress.is-circle circle{r:var(--progress-circle-r);stroke-width:var(--progress-circle-stroke);fill:transparent}.sq-progress-track{stroke:var(--sq-border-color)}.sq-progress-path{stroke-linecap:round;stroke:var(--progress-color);stroke-dasharray:var(--progress-value),var(--progress-circle-l);transform-origin:center;rotate:-90deg;transition:stroke-dasharray var(--sq-transition-linear),stroke var(--sq-transition-base),opacity var(--sq-transition-linear);opacity:var(--progress-circle-opaciry, 1)}.sq-progress-label{position:absolute;font-size:var(--sq-font-size-lg);color:var(--sq-text-color-secondary);line-height:var(--sq-line-height-base);-webkit-user-select:none;user-select:none}}@layer type{.sq-progress.is-primary{--progress-color: var(--sq-color-primary)}.sq-progress.is-success{--progress-color: var(--sq-color-success)}.sq-progress.is-info{--progress-color: var(--sq-color-info)}.sq-progress.is-warn{--progress-color: var(--sq-color-warn)}.sq-progress.is-error{--progress-color: var(--sq-color-error)}}@layer component{.sq-radio.is-checked .sq-radio-box:after{content:"";aspect-ratio:1;position:absolute;border-radius:var(--sq-radius-full);background-color:var(--selection-inner-color);width:6px}.sq-radio .sq-radio-box{display:flex;aspect-ratio:1;width:1em;align-items:center;justify-content:center;border:1px solid var(--selection-border-color);border-radius:var(--sq-radius-full);background-color:var(--selection-bg-color);position:relative;box-shadow:var(--sq-shadow-xs-dark) var(--selection-shadow-color),var(--sq-shadow-xs-light) var(--sq-projection-light);transition:all var(--sq-transition-base)}}@layer type{.sq-radio.is-outline .sq-radio-box{box-shadow:none}}@layer component{.sq-segmented{--segmented-radius: var(--sq-radius-md);--segmented-padding: var(--sq-padding-sm);position:relative;padding:2px;box-sizing:border-box;border-radius:var(--segmented-radius);background-color:var(--sq-bg-color-dark);height:var(--sq-component-size-md);box-shadow:var(--sq-shadow-sm-dark) var(--sq-projection-dark),var(--sq-shadow-sm-light) var(--sq-projection-light)}.sq-segmented.sq-segmented--sm{height:var(--sq-component-size-sm)}.sq-segmented.sq-segmented--lg{height:var(--sq-component-size-lg)}.sq-segmented.is-round{--segmented-radius: var(--sq-radius-full);--segmented-padding: calc(var(--sq-padding-sm) + .2em)}.sq-segmented input[type=radio]{opacity:0;position:absolute;width:0;height:0;margin:0}.sq-segmented-thumb{position:absolute;border-radius:var(--segmented-radius);background-color:var(--sq-component-bg-color);height:calc(100% - 4px);transition:left var(--sq-transition-base),width var(--sq-transition-base)}.sq-segmented-item{display:inline-block;vertical-align:middle;position:relative;color:var(--sq-text-color-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;height:100%;padding-inline:var(--segmented-padding);border-radius:var(--segmented-radius);transition:color var(--sq-transition-base),background-color var(--sq-transition-base)}.sq-segmented-item.is-active{color:var(--sq-text-color)}.sq-segmented-item.is-disabled{color:var(--sq-text-color-placeholder);cursor:not-allowed}.sq-segmented-item:not(.is-active):not(.is-disabled):hover{color:var(--sq-text-color);background-color:var(--sq-bg-color)}.sq-segmented-item .sq-text{height:100%}.sq-segmented-item+.sq-segmented-item{margin-inline-start:2px}}@layer component{.sq-select [data-icon=arrow-down]{transition:transform var(--sq-transition-base)}.sq-select.dropdown-opened [data-icon=arrow-down]{transform:scaleY(-1)}.sq-select input{cursor:pointer}.sq-select-dropdown{padding:var(--sq-padding-xs);-webkit-user-select:none;user-select:none;max-height:360px;overflow:auto}.sq-select-dropdown .sq-select-dropdown-empty{color:var(--sq-text-color-placeholder);text-align:center;line-height:var(--sq-component-size-md)}.sq-select-dropdown menu{display:flex;row-gap:2px;flex-direction:column;width:100%;margin:0;padding:0;list-style-type:none}.sq-select-dropdown menu li{line-height:var(--sq-component-size-md);padding-inline:var(--sq-padding-sm);border-radius:var(--sq-radius-base);cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all var(--sq-transition-base)}.sq-select-dropdown menu li:hover:not(.is-disabled):not(.is-active){color:var(--sq-text-color-secondary);background-color:var(--sq-bg-color)}.sq-select-dropdown menu li.is-active{color:var(--sq-color-primary);background-color:var(--sq-color-primary-light-5)}.sq-select-dropdown menu li.is-disabled{color:var(--sq-text-color-placeholder);cursor:not-allowed}}@layer component{.sq-swipe{--swipe-separator-width: 4px;--swipe-separator-color: var(--sq-bg-color-dark);--swipe-slider-color: var(--sq-text-color);--swipe-slider-border-color: var(--sq-border-color-light);position:relative;overflow:hidden;-webkit-user-select:none;user-select:none}.sq-swipe .sq-image{width:100%;height:100%}.sq-swipe.sq-swipe-horizontal{--swipe-slider-cursor: col-resize}.sq-swipe.sq-swipe-vertical{--swipe-slider-cursor: row-resize}.sq-swipe.sq-swipe-horizontal .sq-swipe-separator{height:100%;width:var(--swipe-separator-width);translate:calc(var(--swipe-separator-width) / -2)}.sq-swipe.sq-swipe-vertical .sq-swipe-separator{width:100%;height:var(--swipe-separator-width);translate:0 calc(var(--swipe-separator-width) / -2)}.sq-swipe-top,.sq-swipe-bottom{position:absolute;width:100%;height:100%;top:0;left:0}.sq-swipe-top{z-index:2}.sq-swipe-bottom{z-index:1}.sq-swipe-separator{position:absolute;z-index:9;top:0;background-color:var(--swipe-separator-color)}.sq-swipe-separator .sq-swipe-slider{width:var(--sq-component-size-sm);aspect-ratio:1;border:1px solid var(--swipe-slider-border-color);border-radius:var(--sq-radius-sm);background-color:var(--sq-component-bg-color);position:absolute;cursor:var(--swipe-slider-cursor, default);box-sizing:border-box;top:50%;left:50%;translate:-50% -50%}.sq-swipe-separator .sq-swipe-slider:before,.sq-swipe-separator .sq-swipe-slider:after{content:"";border-block-end:2px solid var(--swipe-slider-color);width:1em;transition:all var(--sq-transition-base);position:absolute;top:calc(50% - 1px);left:50%;translate:-50%}.sq-swipe-separator .sq-swipe-slider:before{transform:translateY(-.3em)}.sq-swipe-separator .sq-swipe-slider:after{transform:translateY(.3em)}}@layer component{.sq-switch{--switch-width: 44px;--switch-height: calc(1em + 8px) ;--switch-track-bg-color: var(--sq-bg-color-dark);--switch-track-bg-color-disabled: var(--sq-bg-color);--switch-track-shadow: var(--sq-shadow-xs-dark) var(--switch-shadow-color), var(--sq-shadow-xs-light) var(--sq-projection-light);--switch-thumb-gap-v: 2px;--switch-thumb-gap-h: 2px;--switch-thumb-size: calc(var(--switch-height) - 4px);--switch-thumb-border: none;--switch-thumb-shadow: none;--switch-shadow-color: var(--sq-projection-dark);display:inline-flex;vertical-align:middle;align-items:center;font-size:var(--sq-font-size-md);font-family:var(--sq-font-family);cursor:pointer;box-sizing:border-box;height:var(--sq-component-size-md)}.sq-switch.sq-switch--sm{--switch-width: 40px;font-size:var(--sq-font-size-sm);height:var(--sq-component-size-sm)}.sq-switch.sq-switch--lg{height:var(--sq-component-size-lg)}.sq-switch input[type=checkbox]{opacity:0;position:absolute;width:0;height:0;margin:0}.sq-switch .sq-switch-track{border-radius:var(--sq-radius-full);background-color:var(--switch-track-bg-color);height:var(--switch-height);width:var(--switch-width);position:relative;box-shadow:var(--switch-track-shadow);transition:background-color var(--sq-transition-base)}.sq-switch .sq-switch-thumb{position:absolute;display:flex;align-items:center;justify-content:center;color:var(--sq-text-color-placeholder);border-radius:var(--sq-radius-full);width:var(--switch-thumb-size);aspect-ratio:1;top:var(--switch-thumb-gap-v);left:var(--switch-thumb-gap-h);background-color:#fff;box-sizing:border-box;border:var(--switch-thumb-border);box-shadow:var(--switch-thumb-shadow);transition:left var(--sq-transition-base)}.sq-switch.is-disabled{cursor:not-allowed}.sq-switch.is-disabled .sq-switch-track{background-color:var(--switch-track-bg-color-disabled)}.sq-switch.is-checked{--switch-track-bg-color: var(--sq-color-primary);--switch-track-bg-color-disabled: var(--sq-color-primary-light-3);--switch-shadow-color: var(--sq-color-primary-light-4)}.sq-switch.is-checked .sq-switch-thumb{left:calc(100% - var(--switch-thumb-gap-h) - var(--switch-thumb-size))}}@layer type{.sq-switch.is-slim{--switch-height: 1em;--switch-track-shadow: none;--switch-thumb-gap-v: -4px;--switch-thumb-gap-h: 0px;--switch-thumb-size: calc(1em + 8px) ;--switch-thumb-border: 1px solid var(--sq-border-color-light);--switch-thumb-shadow: var(--sq-shadow-xs-dark) var(--sq-projection-dark)}}@layer component{.sq-table{border-radius:var(--sq-radius-md);overflow:hidden;font-size:var(--sq-font-size-md);width:100%;font-family:var(--sq-font-family);border:1px solid var(--sq-border-color);box-sizing:border-box}.sq-table.is-striped .sq-table-row:nth-child(2n){background-color:var(--sq-bg-color)}.sq-table.has-border .sq-table-cell:not(:last-child){border-inline-end:1px solid var(--sq-border-color-light)}.sq-table.has-border .sq-table-cell:not(:last-child):after{display:none}.sq-table-wrap,.sq-table-empty{width:100%;height:100%;display:flex}.sq-table-empty{align-items:center;justify-content:center;color:var(--sq-text-color-placeholder)}.sq-table-wrap{flex-direction:column}.sq-table-header{color:var(--sq-text-color-secondary);background-color:var(--sq-bg-color);border-block-end:1px solid var(--sq-border-color-light);font-weight:700;display:grid}.sq-table-header .sq-table-cell{position:relative}.sq-table-header .sq-table-cell:not(:last-child):after{content:"";position:absolute;z-index:1;right:0;top:50%;border:1px solid var(--sq-border-color-light);height:1em;transform:translateY(-50%)}.sq-table-body{height:0;flex:1;overflow-x:hidden;overflow-y:auto}.sq-table-body::-webkit-scrollbar{width:6px;height:6px}.sq-table-body::-webkit-scrollbar-track{border-radius:6px;background-color:var(--sq-component-bg-color)}.sq-table-body::-webkit-scrollbar-thumb{background-color:var(--sq-border-color-light);border-radius:6px}.sq-table-body::-webkit-scrollbar-thumb:hover{background-color:var(--sq-border-color)}.sq-table-row{display:grid;color:var(--sq-text-color);line-height:var(--sq-line-height-base)}.sq-table-row:not(:last-child){border-block-end:1px solid var(--sq-border-color-light)}.sq-table-cell{padding:var(--sq-padding-sm);display:flex;align-items:center;word-break:break-all;-webkit-user-select:text;user-select:text}.sq-table-cell-title{width:100px}.sq-table-cell-title+*{flex:1}}@layer component{.sq-tag{--tag-color: var(--sq-text-color);--tag-bg-color: var(--sq-component-bg-color);--tag-border-color: var(--sq-border-color-light);--tag-shadow-color: var(--sq-projection-dark);--tag-padding: var(--sq-padding-sm);border-radius:var(--sq-radius-sm);height:var(--sq-component-size-sm);padding:0 var(--tag-padding);background:var(--tag-bg-color);border:1px solid var(--tag-border-color);box-sizing:border-box;box-shadow:inset var(--sq-shadow-xs-dark) var(--tag-shadow-color),inset var(--sq-shadow-xs-light) var(--sq-projection-light);-webkit-user-select:none;user-select:none}.sq-tag.sq-text{color:var(--tag-color);line-height:var(--sq-line-height-single)}.sq-tag.sq-text::selection{text-shadow:none}.sq-tag.sq-tag--sm{height:var(--sq-component-size-xs)}.sq-tag.sq-tag--lg{height:var(--sq-component-size-md)}.sq-tag.is-round{border-radius:var(--sq-radius-full);padding-inline:calc(var(--sq-padding-sm) + .2em)}}@layer type{.sq-tag.is-primary,.sq-tag.is-success,.sq-tag.is-info,.sq-tag.is-warn,.sq-tag.is-error{--tag-bg-color: transparent;box-shadow:none}.sq-tag.is-primary{--tag-color: var(--sq-color-primary);--tag-border-color: var(--sq-color-primary-light-1)}.sq-tag.is-success{--tag-color: var(--sq-color-success);--tag-border-color: var(--sq-color-success-light-1)}.sq-tag.is-info{--tag-color: var(--sq-color-info);--tag-border-color: var(--sq-color-info-light-1)}.sq-tag.is-warn{--tag-color: var(--sq-color-warn);--tag-border-color: var(--sq-color-warn-light-1)}.sq-tag.is-error{--tag-color: var(--sq-color-error);--tag-border-color: var(--sq-color-error-light-1)}.sq-tag.is-solid{--tag-color: #fff;--tag-border-color: transparent}.sq-tag.is-solid.is-primary{--tag-bg-color: var(--sq-color-primary)}.sq-tag.is-solid.is-success{--tag-bg-color: var(--sq-color-success)}.sq-tag.is-solid.is-info{--tag-bg-color: var(--sq-color-info)}.sq-tag.is-solid.is-warn{--tag-bg-color: var(--sq-color-warn)}.sq-tag.is-solid.is-error{--tag-bg-color: var(--sq-color-error)}.sq-tag.is-tint{--tag-border-color: transparent}.sq-tag.is-tint.is-primary{--tag-color: var(--sq-color-primary);--tag-bg-color: var(--sq-color-primary-light-5)}.sq-tag.is-tint.is-success{--tag-color: var(--sq-color-success);--tag-bg-color: var(--sq-color-success-light-5)}.sq-tag.is-tint.is-info{--tag-color: var(--sq-color-info);--tag-bg-color: var(--sq-color-info-light-5)}.sq-tag.is-tint.is-warn{--tag-color: var(--sq-color-warn);--tag-bg-color: var(--sq-color-warn-light-5)}.sq-tag.is-tint.is-error{--tag-color: var(--sq-color-error);--tag-bg-color: var(--sq-color-error-light-5)}}@layer component{.sq-check-tag{--tag-color: var(--sq-text-color);--tag-color-hover: var(--sq-color-primary);--tag-bg-color: var(--sq-bg-color);--tag-bg-color-hover: var(--sq-bg-color-dark);--tag-bg-color-checked: var(--sq-color-primary);--tag-bg-color-checked-hover: var(--sq-color-primary-dark-1);--tag-padding: var(--sq-padding-sm);border-radius:var(--sq-radius-sm);height:var(--sq-component-size-sm);padding:0 var(--tag-padding);background:var(--tag-bg-color);box-sizing:border-box;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all var(--sq-transition-base)}.sq-check-tag.sq-text{color:var(--tag-color)}.sq-check-tag.sq-text::selection{text-shadow:none}.sq-check-tag.sq-tag--sm{--tag-padding: var(--sq-padding-xs);height:var(--sq-component-size-xs)}.sq-check-tag.sq-tag--lg{height:var(--sq-component-size-md)}.sq-check-tag.is-round{border-radius:var(--sq-radius-full);padding-inline:calc(var(--sq-padding-sm) + .2em)}.sq-check-tag:hover{color:var(--tag-color-hover);background:var(--tag-bg-color-hover)}.sq-check-tag.is-checked{color:#fff;background:var(--tag-bg-color-checked);border-color:transparent}.sq-check-tag.is-checked:hover{background:var(--tag-bg-color-checked-hover)}}@layer type{.sq-check-tag.is-primary{--tag-color: var(--sq-color-primary);--tag-color-hover: var(--sq-color-primary-dark-1);--tag-bg-color: var(--sq-color-primary-light-5);--tag-bg-color-hover: var(--sq-color-primary-light-4);--tag-bg-color-checked: var(--sq-color-primary);--tag-bg-color-checked-hover: var(--sq-color-primary-dark-1)}.sq-check-tag.is-success{--tag-color: var(--sq-color-success);--tag-color-hover: var(--sq-color-success-dark-1);--tag-bg-color: var(--sq-color-success-light-5);--tag-bg-color-hover: var(--sq-color-success-light-4);--tag-bg-color-checked: var(--sq-color-success);--tag-bg-color-checked-hover: var(--sq-color-success-dark-1)}.sq-check-tag.is-info{--tag-color: var(--sq-color-info);--tag-color-hover: var(--sq-color-info-dark-1);--tag-bg-color: var(--sq-color-info-light-5);--tag-bg-color-hover: var(--sq-color-info-light-4);--tag-bg-color-checked: var(--sq-color-info);--tag-bg-color-checked-hover: var(--sq-color-info-dark-1)}.sq-check-tag.is-warn{--tag-color: var(--sq-color-warn);--tag-color-hover: var(--sq-color-warn-dark-1);--tag-bg-color: var(--sq-color-warn-light-5);--tag-bg-color-hover: var(--sq-color-warn-light-4);--tag-bg-color-checked: var(--sq-color-warn);--tag-bg-color-checked-hover: var(--sq-color-warn-dark-1)}.sq-check-tag.is-error{--tag-color: var(--sq-color-error);--tag-color-hover: var(--sq-color-error-dark-1);--tag-bg-color: var(--sq-color-error-light-5);--tag-bg-color-hover: var(--sq-color-error-light-4);--tag-bg-color-checked: var(--sq-color-error);--tag-bg-color-checked-hover: var(--sq-color-error-dark-1)}}@layer component{.sq-text{color:currentColor;display:flex;flex-grow:0;align-items:center;column-gap:.4em;font-family:var(--sq-font-family);font-size:var(--sq-font-size-md);line-height:var(--sq-line-height-base)}.sq-text::selection{background-color:var(--sq-color-primary);color:#fff;text-shadow:var(--sq-text-shadow)}.sq-text.sq-text--sm{font-size:var(--sq-font-size-sm)}.sq-text.sq-text--lg{font-size:var(--sq-font-size-lg)}.sq-text.multi-line,.sq-text.single-line{display:block;overflow:hidden;text-overflow:ellipsis}.sq-text.single-line{white-space:nowrap}.sq-text.multi-line{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--row-num);line-clamp:var(--row-num)}}@layer component{.sq-timeline{--timeline-dot-size: 16px;--timeline-dot-color: var(--sq-text-color-placeholder);--timeline-dot-mask: none;--timeline-content-gap: var(--sq-padding-sm);--timeline-line-type: solid;--timeline-line-color: var(--sq-border-color);container:sq-timeline / inline-size;display:flex;flex-direction:column;font-size:var(--sq-font-size-md);font-family:var(--sq-font-family)}.sq-timeline::selection{background-color:var(--sq-color-primary);color:#fff;text-shadow:var(--sq-text-shadow)}.sq-timeline.is-card .sq-timeline-content{padding:var(--sq-padding-md);background-color:var(--sq-component-bg-color);border-radius:var(--sq-radius-lg);border:1px solid var(--sq-border-color-light);box-shadow:inset var(--sq-shadow-sm-dark) var(--sq-projection-dark),inset var(--sq-shadow-sm-light) var(--sq-projection-light)}.sq-timeline.is-card .sq-timeline-content .content-info{margin-block-start:var(--sq-padding-sm)}.sq-timeline-item{display:flex;position:relative;width:100%;box-sizing:border-box;overflow:hidden;padding-inline:var(--timeline-dot-size) 0}.sq-timeline-item:not(:last-child){padding-block-end:var(--sq-padding-md)}.sq-timeline-item:before{content:"";position:absolute;z-index:1;border-inline-start:2px var(--timeline-line-type);border-inline-start-color:var(--timeline-line-color);height:100%;left:calc(var(--timeline-dot-size) / 2 - 1px);top:var(--timeline-dot-size)}.sq-timeline-item.is-hollow{--timeline-dot-mask: radial-gradient( circle, transparent calc(var(--timeline-dot-size) / 2 - 4px), black calc(var(--timeline-dot-size) / 2 - 3px) )}.sq-timeline-dot{aspect-ratio:1;position:absolute;z-index:2;width:var(--timeline-dot-size);border-radius:var(--sq-radius-full);background:var(--timeline-dot-color);box-sizing:border-box;top:0;left:0;mask:var(--timeline-dot-mask);display:flex}.sq-timeline-dot:not(:empty){border-radius:0;background-color:transparent;color:var(--timeline-dot-color)}.sq-timeline-dot:not(:empty)>*{width:var(--timeline-dot-size);aspect-ratio:1;font-size:var(--timeline-dot-size)}.sq-timeline-content{display:flex;flex-direction:column;margin-inline:var(--timeline-content-gap) 0;width:100%;color:var(--sq-text-color-secondary);box-sizing:border-box;line-height:var(--sq-line-height-base)}.sq-timeline-content .content-title{margin-block:0;line-height:var(--sq-line-height-single);color:var(--sq-text-color);font-size:var(--sq-font-size-lg)}.sq-timeline-content .content-time{display:block;color:var(--sq-text-color-placeholder);margin-block-start:var(--sq-padding-xs)}.sq-timeline-content .content-info{margin-block-start:var(--sq-padding-xs)}@media (max-width: 768px){.sq-timeline{--timeline-dot-size: 12px}}}@layer type{.sq-timeline.align-right .sq-timeline-item{padding-inline:0 var(--timeline-dot-size)}.sq-timeline.align-right .sq-timeline-item:before{left:auto;right:calc(var(--timeline-dot-size) / 2 - 1px)}.sq-timeline.align-right .sq-timeline-item .sq-timeline-dot{left:auto;right:0}.sq-timeline.align-right .sq-timeline-item .sq-timeline-content{margin-inline:0 var(--timeline-content-gap)}.sq-timeline:not(.is-card) .sq-timeline-content .content-title,.sq-timeline:not(.is-card) .sq-timeline-content .content-time,.sq-timeline:not(.is-card) .sq-timeline-content .content-info{align-self:flex-end}.sq-timeline-item.is-primary{--timeline-dot-color: var(--sq-color-primary)}.sq-timeline-item.is-success{--timeline-dot-color: var(--sq-color-success)}.sq-timeline-item.is-info{--timeline-dot-color: var(--sq-color-info)}.sq-timeline-item.is-warn{--timeline-dot-color: var(--sq-color-warn)}.sq-timeline-item.is-error{--timeline-dot-color: var(--sq-color-error)}@container sq-timeline (min-width: 800px){.sq-timeline.align-center .sq-timeline-item{padding-inline:0}.sq-timeline.align-center .sq-timeline-item:before{left:calc(50% - 1px)}.sq-timeline.align-center .sq-timeline-item:nth-child(2n){justify-content:flex-end}.sq-timeline.align-center .sq-timeline-item .sq-timeline-dot{left:calc(50% - var(--timeline-dot-size) / 2)}.sq-timeline.align-center .sq-timeline-item .sq-timeline-content{margin:0;width:calc(50% - var(--timeline-dot-size) / 2 - var(--timeline-content-gap))}.sq-timeline:not(.is-card) .sq-timeline-item:nth-child(odd) .content-title,.sq-timeline:not(.is-card) .sq-timeline-item:nth-child(odd) .content-time,.sq-timeline:not(.is-card) .sq-timeline-item:nth-child(odd) .content-info{align-self:flex-end}}}@layer component{.sq-tooltip{width:max-content;padding-block:var(--sq-padding-xs)}}@layer component{.sq-upload{display:inline-block;vertical-align:middle}.sq-upload.is-dragover{opacity:.5}.sq-upload input[type=file]{opacity:0;position:absolute;width:0;height:0;margin:0}}
+@layer theme,component,type,custom;@layer theme{:root{color-scheme:light;--sq-bg-color: oklch(.98 .0034 248);--sq-bg-color-dark: oklch(from var(--sq-bg-color) .96 c h);--sq-mask-color: oklch(0 0 0 / .15);--sq-component-bg-color: #fff;--sq-projection-dark: oklch(.96 .02 259);--sq-projection-light: #fff;--sq-text-color: oklch(.27 .03 257);--sq-text-color-secondary: oklch(from var(--sq-text-color) .45 c h);--sq-text-color-placeholder: oklch(from var(--sq-text-color) .65 c h);--sq-border-color: oklch(.94 0 253);--sq-border-color-light: oklch(from var(--sq-border-color) .96 c h);--sq-border-color-lighter: oklch(from var(--sq-border-color) .98 c h);--sq-color-primary: oklch(.75 .18 48);--sq-color-primary-light-5: oklch(from var(--sq-color-primary) l c h / .08);--sq-color-primary-light-4: oklch(from var(--sq-color-primary) l c h / .2);--sq-color-primary-light-3: oklch(from var(--sq-color-primary) l c h / .4);--sq-color-primary-light-2: oklch(from var(--sq-color-primary) l c h / .6);--sq-color-primary-light-1: oklch(from var(--sq-color-primary) l c h / .8);--sq-color-primary-dark-1: oklch(from var(--sq-color-primary) .65 c h);--sq-color-success: oklch(.75 .22 151);--sq-color-success-light-5: oklch(from var(--sq-color-success) l c h / .08);--sq-color-success-light-4: oklch(from var(--sq-color-success) l c h / .2);--sq-color-success-light-3: oklch(from var(--sq-color-success) l c h / .4);--sq-color-success-light-2: oklch(from var(--sq-color-success) l c h / .6);--sq-color-success-light-1: oklch(from var(--sq-color-success) l c h / .8);--sq-color-success-dark-1: oklch(from var(--sq-color-success) .65 c h);--sq-color-info: oklch(.75 .14 230);--sq-color-info-light-5: oklch(from var(--sq-color-info) l c h / .08);--sq-color-info-light-4: oklch(from var(--sq-color-info) l c h / .2);--sq-color-info-light-3: oklch(from var(--sq-color-info) l c h / .4);--sq-color-info-light-2: oklch(from var(--sq-color-info) l c h / .6);--sq-color-info-light-1: oklch(from var(--sq-color-info) l c h / .8);--sq-color-info-dark-1: oklch(from var(--sq-color-info) .65 c h);--sq-color-warn: oklch(.75 .14 76);--sq-color-warn-light-5: oklch(from var(--sq-color-warn) l c h / .08);--sq-color-warn-light-4: oklch(from var(--sq-color-warn) l c h / .2);--sq-color-warn-light-3: oklch(from var(--sq-color-warn) l c h / .4);--sq-color-warn-light-2: oklch(from var(--sq-color-warn) l c h / .6);--sq-color-warn-light-1: oklch(from var(--sq-color-warn) l c h / .8);--sq-color-warn-dark-1: oklch(from var(--sq-color-warn) .65 c h);--sq-color-error: oklch(.75 .25 29);--sq-color-error-light-5: oklch(from var(--sq-color-error) l c h / .08);--sq-color-error-light-4: oklch(from var(--sq-color-error) l c h / .2);--sq-color-error-light-3: oklch(from var(--sq-color-error) l c h / .4);--sq-color-error-light-2: oklch(from var(--sq-color-error) l c h / .6);--sq-color-error-light-1: oklch(from var(--sq-color-error) l c h / .8);--sq-color-error-dark-1: oklch(from var(--sq-color-error) .65 c h);--sq-font-family: PingFang SC, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Helvetica Neue, Helvetica, Arial, Hiragino Sans GB, Microsoft YaHei UI, Microsoft YaHei, Source Han Sans CN, sans-serif;--sq-font-size-sm: 12px;--sq-font-size-md: 14px;--sq-font-size-lg: 16px;--sq-radius-xs: 4px;--sq-radius-sm: 6px;--sq-radius-md: 8px;--sq-radius-lg: 12px;--sq-radius-full: calc(infinity * 1px);--sq-opacity-80: .8;--sq-opacity-20: .2;--sq-padding-xs: 8px;--sq-padding-sm: 12px;--sq-padding-md: 24px;--sq-padding-lg: 36px;--sq-padding-xl: 48px;--sq-blur-sm: 4px;--sq-blur-md: 10px;--sq-blur-lg: 50px;--sq-component-size-xs: 28px;--sq-component-size-sm: 32px;--sq-component-size-md: 36px;--sq-component-size-lg: 40px;--sq-line-height-single: 1;--sq-line-height-base: 1.6;--sq-transition-base: .3s ease;--sq-transition-linear: .3s linear;--sq-shadow-xs-dark: 2px 2px 3px;--sq-shadow-xs-light: -2px -2px 3px;--sq-shadow-sm-dark: 4px 4px 6px;--sq-shadow-sm-light: -4px -4px 6px;--sq-shadow-md-dark: 6px 6px 9px;--sq-shadow-md-light: -6px -6px 9px;--sq-shadow-lg-dark: 8px 8px 12px;--sq-shadow-lg-light: -8px -8px 12px;--sq-text-shadow: 1px 1px 1px rgb(0 0 0 / var(--sq-opacity-20))}:root.dark{color-scheme:dark}@media (max-width: 768px){:root{--sq-radius-xs: 2px;--sq-radius-sm: 4px;--sq-radius-md: 6px;--sq-radius-lg: 8px;--sq-padding-xs: 6px;--sq-padding-sm: 10px;--sq-padding-md: 16px;--sq-padding-lg: 24px;--sq-padding-xl: 32px}}}@layer theme{.sq-fade-enter-active{animation:fade var(--sq-transition-base)}.sq-fade-leave-active{animation:reverse fade var(--sq-transition-base)}.sq-slide-up-enter-active{animation:slide-up var(--sq-transition-base)}.sq-slide-up-leave-active{animation:reverse slide-up var(--sq-transition-base)}.sq-card-insert-enter-active,.sq-card-insert-leave-active{transform-origin:right}.sq-card-insert-enter-active{animation:card-insert var(--sq-transition-base)}.sq-card-insert-leave-active{animation:reverse card-insert var(--sq-transition-base)}.sq-rotate-in-left-enter-active{animation:rotate-in-left var(--sq-transition-base)}.sq-rotate-in-left-leave-active{animation:reverse rotate-in-left var(--sq-transition-base)}.sq-rotate-in-right-enter-active{animation:rotate-in-right var(--sq-transition-base)}.sq-rotate-in-right-leave-active{animation:reverse rotate-in-right var(--sq-transition-base)}.sq-zoom-enter-active{animation:zoom var(--sq-transition-base)}.sq-zoom-leave-active{animation:reverse zoom var(--sq-transition-base)}.sq-zoom-top-enter-active,.sq-zoom-top-leave-active{transform-origin:top}.sq-zoom-top-enter-active{animation:zoom-v var(--sq-transition-base)}.sq-zoom-top-leave-active{animation:reverse zoom-v var(--sq-transition-base)}.sq-zoom-bottom-enter-active,.sq-zoom-bottom-leave-active{transform-origin:bottom}.sq-zoom-bottom-enter-active{animation:zoom-v var(--sq-transition-base)}.sq-zoom-bottom-leave-active{animation:reverse zoom-v var(--sq-transition-base)}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{transform:translateY(var(--sq-padding-lg));opacity:0}to{transform:none;opacity:1}}@keyframes card-insert{0%{transform:translateY(-50%) rotate(30deg);opacity:0}60%{transform:translateY(10%);opacity:1}to{transform:none;opacity:1}}@keyframes rotate-in-left{0%{transform:translate(200%) rotate(180deg);opacity:0}to{transform:none;opacity:1}}@keyframes rotate-in-right{0%{transform:translate(-200%) rotate(180deg);opacity:0}to{transform:none;opacity:1}}@keyframes zoom{0%{transform:scale(0);opacity:0}90%{transform:scale(1.1);opacity:1}to{transform:none;opacity:1}}@keyframes zoom-v{0%{transform:scaleY(0);opacity:0}to{transform:none;opacity:1}}@keyframes skeleton{0%{background-position:-60% 0}to{background-position:160% 0}}}@layer component{@keyframes loading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dashoffset:70}50%{stroke-dashoffset:125}to{stroke-dashoffset:70}}.sq-icon{display:inline-flex}.sq-icon>svg{width:1em;height:1em;fill:currentColor}.sq-icon.is-loading>svg{transform-origin:center;animation:loading 1s linear infinite}.sq-icon[data-icon=loading] circle{fill:none;stroke:currentColor;stroke-width:4;stroke-dasharray:130;stroke-linecap:round;animation:dash 2s ease-in-out infinite}}@layer component{.sq-alert{--alert-color: var(--sq-color-primary);--alert-bg-color: var(--sq-color-primary-light-5);--alert-selection-color: var(--sq-color-primary);border-radius:var(--sq-radius-md);padding:var(--sq-padding-sm);background:var(--alert-bg-color)}.sq-alert.sq-text{color:var(--alert-color)}.sq-alert.sq-text::selection{background-color:var(--alert-selection-color)}}@layer type{.sq-alert.is-success{--alert-color: var(--sq-color-success);--alert-bg-color: var(--sq-color-success-light-5);--alert-selection-color: var(--sq-color-success)}.sq-alert.is-info{--alert-color: var(--sq-color-info);--alert-bg-color: var(--sq-color-info-light-5);--alert-selection-color: var(--sq-color-info)}.sq-alert.is-warn{--alert-color: var(--sq-color-warn);--alert-bg-color: var(--sq-color-warn-light-5);--alert-selection-color: var(--sq-color-warn)}.sq-alert.is-error{--alert-color: var(--sq-color-error);--alert-bg-color: var(--sq-color-error-light-5);--alert-selection-color: var(--sq-color-error)}}@layer component{.sq-article{overflow-x:hidden;overflow-y:auto}.sq-article-content{line-height:var(--sq-line-height-base);display:flex;flex-direction:column;color:currentColor;font-size:var(--sq-font-size-md);row-gap:var(--sq-padding-sm);font-family:var(--sq-font-family)}.sq-article-content::selection{background-color:var(--sq-color-primary);color:#fff;text-shadow:var(--sq-text-shadow)}.sq-article-content p,.sq-article-content h1,.sq-article-content h2,.sq-article-content h3,.sq-article-content h4,.sq-article-content h5,.sq-article-content h6{margin:0}.sq-article-content p>img{display:inline;max-width:100%;vertical-align:middle}.sq-article-content p>video{display:inline;max-width:100%;vertical-align:middle}.sq-article-content p>code{word-break:break-all;border-radius:var(--sq-radius-sm);background-color:var(--sq-color-primary-light-5);color:var(--sq-color-primary);padding:.1em .4em;font-family:var(--sq-font-family)}.sq-article-content h1,.sq-article-content h2,.sq-article-content h3,.sq-article-content h4,.sq-article-content h5,.sq-article-content h6{color:var(--sq-text-color)}.sq-article-content ul,.sq-article-content ol{margin:0;padding:0;list-style-type:none}.sq-article-content ul>li,.sq-article-content ol>li{position:relative;padding-inline-start:var(--sq-padding-md)}.sq-article-content ul>li:before,.sq-article-content ol>li:before{position:absolute;left:0}.sq-article-content ul>li:before{content:"";background-color:currentColor;aspect-ratio:1;width:4px;border-radius:var(--sq-radius-full);top:calc(.8em - 2px)}.sq-article-content ol{counter-reset:section}.sq-article-content ol>li{counter-increment:section}.sq-article-content ol>li:before{content:counter(section) ".";top:0}.sq-article-content a{text-decoration:none;color:var(--sq-color-primary);border-block-end:1px solid transparent;word-break:break-all}.sq-article-content a:hover{border-block-end-color:var(--sq-color-primary)}.sq-article-content a .sq-icon{vertical-align:middle;margin-inline-end:.2em;transform:translateY(-1px)}.sq-article-content .sq-checkbox{height:auto}.sq-article-content .sq-image{max-width:100%}.sq-article-content>img{max-width:100%;border-radius:var(--sq-radius-md)}.sq-article-content>blockquote{margin:0;padding:var(--sq-padding-sm);border-radius:var(--sq-radius-md);border-inline-start:4px solid var(--sq-color-primary);background-color:var(--sq-color-primary-light-5)}.sq-code{width:100%}.sq-article-table{border:1px solid var(--sq-border-color);border-radius:var(--sq-radius-md);overflow:hidden}.sq-article-table table{border-collapse:collapse;width:100%}.sq-article-table table thead{color:var(--sq-text-color);background-color:var(--sq-bg-color);border-block-end:1px solid var(--sq-border-color-light)}.sq-article-table table tbody{color:var(--sq-text-color-secondary)}.sq-article-table table th,.sq-article-table table td{padding:var(--sq-padding-sm)}.sq-article-table table th{position:relative}.sq-article-table table th:not(:last-child):after{content:"";position:absolute;z-index:1;right:0;top:50%;border:1px solid var(--sq-border-color-light);height:1em;transform:translateY(-50%)}.sq-article-table table tr:nth-child(2n){background-color:var(--sq-bg-color)}ul>li.sq-article-task-list-item{display:flex;align-items:center;column-gap:var(--sq-padding-xs);padding-inline-start:0}ul>li.sq-article-task-list-item:before{content:none}}@layer component{.sq-avatar{--avatar-size: var(--sq-component-size-md);--avatar-bg-color: var(--sq-color-primary);display:inline-block;vertical-align:middle;width:var(--avatar-size);aspect-ratio:1;border-radius:var(--sq-radius-md);font-size:var(--sq-font-size-md);font-family:var(--sq-font-family);box-sizing:border-box;border:1px solid var(--sq-border-color-light);overflow:hidden;-webkit-user-select:none;user-select:none;box-shadow:var(--sq-shadow-sm-dark) var(--sq-projection-dark),var(--sq-shadow-sm-light) var(--sq-projection-light)}.sq-avatar.sq-avatar--sm{--avatar-size: var(--sq-component-size-sm);font-size:var(--sq-font-size-sm)}.sq-avatar.sq-avatar--lg{--avatar-size: var(--sq-component-size-lg);font-size:var(--sq-font-size-lg)}.sq-avatar.is-round{border-radius:var(--sq-radius-full)}.sq-avatar:has(>span){border:none;background:var(--avatar-bg-color)}.sq-avatar img{width:100%;height:100%;object-fit:cover}.sq-avatar span{width:100%;height:100%;color:#fff;display:flex;align-items:center;justify-content:center;line-height:var(--sq-line-height-single)}}@layer component{.sq-backtop{--backtop-margin-right: var(--sq-padding-md);--backtop-margin-bottom: var(--sq-padding-md);--backtop-size: 48px;position:fixed;width:var(--backtop-size);height:var(--backtop-size);inset-block-end:var(--backtop-margin-right);inset-inline-end:var(--backtop-margin-bottom);background-color:var(--sq-component-bg-color);border-radius:var(--sq-radius-full);cursor:pointer;font-size:var(--sq-font-size-md);color:var(--sq-text-color-secondary);z-index:1999;box-shadow:var(--sq-shadow-md-dark) var(--sq-projection-dark),var(--sq-shadow-md-light) var(--sq-projection-light);transition:color var(--sq-transition-base)}.sq-backtop:not(:has(.sq-progress)){border:1px solid var(--sq-border-color-light)}.sq-backtop:hover{color:var(--sq-color-primary)}.sq-backtop-wrap{position:relative;display:flex;align-items:center;justify-content:center;height:100%}.sq-backtop-wrap .sq-progress{width:100%;position:absolute}.sq-backtop-wrap .sq-icon{position:absolute;font-size:1.5em}}@layer component{.sq-badge{--badge-size: auto;--badge-padding: 4px var(--sq-padding-xs);display:inline-block;vertical-align:middle;position:relative;width:fit-content}.sq-badge.is-dot{--badge-size: 8px;--badge-padding: 0}.sq-badge.is-dot .sq-badge-label-inner{aspect-ratio:1}.sq-badge-label{-webkit-user-select:none;user-select:none;font-size:var(--sq-font-size-sm);color:#fff;line-height:var(--sq-line-height-single)}.sq-badge-label-inner{display:block;height:var(--badge-size);padding:var(--badge-padding);background:var(--badge-color);border-radius:var(--sq-radius-full)}sup.sq-badge-label{position:absolute;translate:-50% -50%}}@layer type{.sq-badge.is-primary{--badge-color: var(--sq-color-primary)}.sq-badge.is-success{--badge-color: var(--sq-color-success)}.sq-badge.is-info{--badge-color: var(--sq-color-info)}.sq-badge.is-warn{--badge-color: var(--sq-color-warn)}.sq-badge.is-error{--badge-color: var(--sq-color-error)}}@layer component{.sq-blur{border-radius:var(--sq-radius-sm);filter:blur(var(--sq-blur-sm));-webkit-user-select:none;user-select:none;transition:filter var(--sq-transition-base)}.sq-blur.sq-text{display:inline}.sq-blur:hover{filter:none}}@layer component{.sq-button{--button-color: var(--sq-text-color);--button-color-hover: var(--sq-text-color-secondary);--button-color-disabled: var(--sq-text-color-placeholder);--button-bg-color: var(--sq-component-bg-color);--button-bg-color-hover: var(--sq-component-bg-color);--button-bg-color-disabled: var(--sq-bg-color);--button-border-color: var(--sq-border-color-light);--button-shadow-color: var(--sq-projection-dark);--button-padding: var(--sq-padding-sm);cursor:pointer;height:var(--sq-component-size-md);padding:0 var(--button-padding);color:var(--button-color);background-color:var(--button-bg-color);display:inline-block;vertical-align:middle;border:1px solid;border-color:var(--button-border-color);border-radius:var(--sq-radius-md);-webkit-user-select:none;user-select:none;box-sizing:border-box;transition:all var(--sq-transition-base)}.sq-button.sq-button--sm{height:var(--sq-component-size-sm)}.sq-button.sq-button--lg{height:var(--sq-component-size-lg)}.sq-button:not(.is-text){box-shadow:var(--sq-shadow-sm-dark) var(--button-shadow-color),var(--sq-shadow-sm-light) var(--sq-projection-light)}.sq-button.is-round{border-radius:var(--sq-radius-full);padding-inline:calc(var(--button-padding) + .2em)}.sq-button:disabled{cursor:not-allowed;color:var(--button-color-disabled);background-color:var(--button-bg-color-disabled)}.sq-button:hover:not(:disabled){color:var(--button-color-hover);background-color:var(--button-bg-color-hover)}.sq-button:active:not(:disabled){box-shadow:var(--sq-shadow-xs-dark) var(--button-shadow-color)}.sq-button .sq-text{justify-content:center;line-height:var(--sq-line-height-single)}.sq-button .sq-text::selection{text-shadow:none}}@layer type{.sq-button.is-primary{--button-color: #fff;--button-color-hover: #fff;--button-color-disabled: #fff;--button-bg-color: var(--sq-color-primary);--button-bg-color-hover: var(--sq-color-primary-dark-1);--button-bg-color-disabled: var(--sq-color-primary-light-3);--button-border-color: transparent;--button-shadow-color: var(--sq-color-primary-light-4)}.sq-button.is-success{--button-color: #fff;--button-color-hover: #fff;--button-color-disabled: #fff;--button-bg-color: var(--sq-color-success);--button-bg-color-hover: var(--sq-color-success-dark-1);--button-bg-color-disabled: var(--sq-color-success-light-3);--button-border-color: transparent;--button-shadow-color: var(--sq-color-success-light-4)}.sq-button.is-info{--button-color: #fff;--button-color-hover: #fff;--button-color-disabled: #fff;--button-bg-color: var(--sq-color-info);--button-bg-color-hover: var(--sq-color-info-dark-1);--button-bg-color-disabled: var(--sq-color-info-light-3);--button-border-color: transparent;--button-shadow-color: var(--sq-color-info-light-4)}.sq-button.is-warn{--button-color: #fff;--button-color-hover: #fff;--button-color-disabled: #fff;--button-bg-color: var(--sq-color-warn);--button-bg-color-hover: var(--sq-color-warn-dark-1);--button-bg-color-disabled: var(--sq-color-warn-light-3);--button-border-color: transparent;--button-shadow-color: var(--sq-color-warn-light-4)}.sq-button.is-error{--button-color: #fff;--button-color-hover: #fff;--button-color-disabled: #fff;--button-bg-color: var(--sq-color-error);--button-bg-color-hover: var(--sq-color-error-dark-1);--button-bg-color-disabled: var(--sq-color-error-light-3);--button-border-color: transparent;--button-shadow-color: var(--sq-color-error-light-4)}.sq-button.is-text{--button-color: var(--sq-text-color);--button-color-hover: var(--sq-text-color-secondary);--button-color-disabled: var(--sq-text-color-placeholder);--button-bg-color: transparent;--button-bg-color-hover: var(--sq-bg-color);--button-bg-color-disabled: transparent;--button-border-color: transparent}.sq-button.is-text:active:not(:disabled){box-shadow:none}.sq-button.is-text.is-primary{--button-color: var(--sq-color-primary);--button-color-hover: var(--sq-color-primary-dark-1);--button-color-disabled: var(--sq-color-primary-light-3);--button-bg-color-hover: var(--sq-color-primary-light-5)}.sq-button.is-text.is-success{--button-color: var(--sq-color-success);--button-color-hover: var(--sq-color-success-dark-1);--button-color-disabled: var(--sq-color-success-light-3);--button-bg-color-hover: var(--sq-color-success-light-5)}.sq-button.is-text.is-info{--button-color: var(--sq-color-info);--button-color-hover: var(--sq-color-info-dark-1);--button-color-disabled: var(--sq-color-info-light-3);--button-bg-color-hover: var(--sq-color-info-light-5)}.sq-button.is-text.is-warn{--button-color: var(--sq-color-warn);--button-color-hover: var(--sq-color-warn-dark-1);--button-color-disabled: var(--sq-color-warn-light-3);--button-bg-color-hover: var(--sq-color-warn-light-5)}.sq-button.is-text.is-error{--button-color: var(--sq-color-error);--button-color-hover: var(--sq-color-error-dark-1);--button-color-disabled: var(--sq-color-error-light-3);--button-bg-color-hover: var(--sq-color-error-light-5)}.sq-button.is-text.has-bg{--button-bg-color: var(--sq-bg-color);--button-bg-color-hover: var(--sq-bg-color-dark);--button-bg-color-disabled: var(--sq-bg-color)}.sq-button.is-text.has-bg.is-primary{--button-bg-color: var(--sq-color-primary-light-5);--button-bg-color-hover: var(--sq-color-primary-light-4);--button-bg-color-disabled: var(--sq-color-primary-light-5)}.sq-button.is-text.has-bg.is-success{--button-bg-color: var(--sq-color-success-light-5);--button-bg-color-hover: var(--sq-color-success-light-4);--button-bg-color-disabled: var(--sq-color-success-light-5)}.sq-button.is-text.has-bg.is-info{--button-bg-color: var(--sq-color-info-light-5);--button-bg-color-hover: var(--sq-color-info-light-4);--button-bg-color-disabled: var(--sq-color-info-light-5)}.sq-button.is-text.has-bg.is-warn{--button-bg-color: var(--sq-color-warn-light-5);--button-bg-color-hover: var(--sq-color-warn-light-4);--button-bg-color-disabled: var(--sq-color-warn-light-5)}.sq-button.is-text.has-bg.is-error{--button-bg-color: var(--sq-color-error-light-5);--button-bg-color-hover: var(--sq-color-error-light-4);--button-bg-color-disabled: var(--sq-color-error-light-5)}}@layer component{.sq-button-group{--button-group-shadow-color: var(--sq-projection-dark);border-radius:var(--sq-radius-md);display:inline-block;vertical-align:middle;box-shadow:var(--sq-shadow-sm-dark) var(--button-group-shadow-color),var(--sq-shadow-sm-light) var(--sq-projection-light)}.sq-button-group:has(>.is-round){border-radius:var(--sq-radius-full)}.sq-button-group .sq-button{box-shadow:none}.sq-button-group .sq-button:active{box-shadow:none}.sq-button-group .sq-button:not(:first-child){border-start-start-radius:0;border-end-start-radius:0;border-inline-start:none}.sq-button-group .sq-button:not(:first-child).is-round{padding-inline-start:var(--button-padding)}.sq-button-group .sq-button:not(:last-child){border-start-end-radius:0;border-end-end-radius:0;border-inline-end-color:var(--sq-border-color-light)}.sq-button-group .sq-button:not(:last-child).is-round{padding-inline-end:var(--button-padding)}}@layer type{.sq-button-group:has(>.is-primary){--button-group-shadow-color: var(--sq-color-primary-light-4)}.sq-button-group:has(>.is-success){--button-group-shadow-color: var(--sq-color-success-light-4)}.sq-button-group:has(>.is-info){--button-group-shadow-color: var(--sq-color-info-light-4)}.sq-button-group:has(>.is-warn){--button-group-shadow-color: var(--sq-color-warn-light-4)}.sq-button-group:has(>.is-error){--button-group-shadow-color: var(--sq-color-error-light-4)}}@layer component{.sq-card{padding:var(--sq-padding-md);border-radius:var(--sq-radius-lg);border:1px solid var(--sq-border-color-light);background-color:var(--sq-component-bg-color);color:var(--sq-text-color-secondary);font-size:var(--sq-font-size-md);line-height:var(--sq-line-height-base);font-family:var(--sq-font-family);box-shadow:var(--sq-shadow-lg-dark) var(--sq-projection-dark),var(--sq-shadow-lg-light) var(--sq-projection-light)}.sq-card::selection{background-color:var(--sq-color-primary);color:#fff;text-shadow:var(--sq-text-shadow)}.sq-card .sq-card-header{margin-block-end:var(--sq-padding-md);line-height:var(--sq-line-height-single);display:flex;align-items:center;justify-content:space-between}.sq-card .sq-card-header h2{color:var(--sq-text-color);font-weight:700;font-size:var(--sq-font-size-lg);margin:0;padding:0}.sq-card .sq-card-header h2.has-decorative{position:relative;padding-inline-start:var(--sq-padding-sm)}.sq-card .sq-card-header h2.has-decorative:before{content:"";position:absolute;height:1em;width:4px;top:50%;left:0;border-radius:var(--sq-radius-full);background-color:var(--sq-color-primary);transform:translateY(-50%)}.sq-card .sq-card-footer{display:flex;align-items:center;margin-block-start:var(--sq-padding-md)}}@layer component{.sq-selection{--selection-color: var(--sq-text-color);--selection-color-hover: var(--sq-text-color);--selection-color-disabled: var(--sq-text-color-placeholder);--selection-color-checked: var(--sq-text-color);--selection-bg-color: var(--sq-component-bg-color);--selection-border-color: var(--sq-border-color-light);--selection-inner-color: #fff;--selection-shadow-color: var(--sq-projection-dark);display:inline-flex;vertical-align:middle;align-items:center;column-gap:var(--sq-padding-xs);font-size:var(--sq-font-size-md);font-family:var(--sq-font-family);color:var(--selection-color);cursor:pointer;box-sizing:border-box;border-radius:var(--sq-radius-sm);height:var(--sq-component-size-md);transition:color var(--sq-transition-base)}.sq-selection.sq-selection--sm{font-size:var(--sq-font-size-sm);height:var(--sq-component-size-sm)}.sq-selection.sq-selection--lg{height:var(--sq-component-size-lg)}.sq-selection input[type=radio],.sq-selection input[type=checkbox]{opacity:0;position:absolute;width:0;height:0;margin:0}.sq-selection .sq-selection-label{-webkit-user-select:none;user-select:none;line-height:var(--sq-line-height-single);transition:color var(--sq-transition-base)}.sq-selection.is-checked{--selection-bg-color: var(--sq-color-primary);--selection-border-color: var(--sq-color-primary);--selection-shadow-color: var(--sq-color-primary-light-4);color:var(--selection-color-checked)}.sq-selection:hover{--selection-border-color: var(--sq-color-primary);color:var(--selection-color-hover)}.sq-selection.is-disabled{--selection-border-color: var(--sq-border-color-light);--selection-bg-color: var(--sq-bg-color);--selection-inner-color: var(--sq-text-color-placeholder);--selection-shadow-color: var(--sq-projection-dark);color:var(--selection-color-disabled);cursor:not-allowed}}@layer type{.sq-selection.is-outline,.sq-selection.is-solid{--selection-color-hover: var(--sq-color-primary);border:1px solid var(--selection-border-color);padding-inline:var(--sq-padding-sm);box-shadow:var(--sq-shadow-sm-dark) var(--selection-shadow-color),var(--sq-shadow-sm-light) var(--sq-projection-light);transition:all var(--sq-transition-base)}.sq-selection.is-outline{--selection-color-checked: var(--sq-color-primary)}.sq-selection.is-solid{--selection-color-checked: #fff;background-color:var(--selection-bg-color)}.sq-selection.is-solid.is-checked{--selection-color: #fff;--selection-color-hover: #fff;--selection-color-disabled: #fff;--selection-border-color: transparent}.sq-selection.is-solid.is-checked:hover{--selection-bg-color: var(--sq-color-primary-dark-1)}.sq-selection.is-solid.is-checked.is-disabled{--selection-bg-color: var(--sq-color-primary-light-3);--selection-shadow-color: var(--sq-color-primary-light-4)}}@layer component{.sq-checkbox{--checkbox-indeterminate-color: var(--sq-color-primary)}.sq-checkbox.is-disabled{--checkbox-indeterminate-color: var(--sq-text-color-placeholder)}.sq-checkbox-box{display:flex;aspect-ratio:1;width:1em;align-items:center;justify-content:center;border:1px solid var(--selection-border-color);border-radius:var(--sq-radius-xs);background-color:var(--selection-bg-color);position:relative;box-shadow:var(--sq-shadow-xs-dark) var(--selection-shadow-color),var(--sq-shadow-xs-light) var(--sq-projection-light);transition:all var(--sq-transition-base)}.sq-checkbox-inner{aspect-ratio:1;position:absolute;color:var(--selection-inner-color);width:1em;scale:.9}}@layer type{.sq-checkbox.is-outline .sq-checkbox-box{box-shadow:none}.sq-checkbox-box.is-indeterminate:before{content:"";aspect-ratio:1;position:absolute;display:block;width:calc(1em - 6px);background-color:var(--checkbox-indeterminate-color)}}@layer component{.sq-selection-group{--selection-group-shadow-color: var(--sq-color-primary-light-4);display:flex;align-items:center;border-radius:var(--sq-radius-md)}.sq-selection-group:has(>.is-solid){box-shadow:var(--sq-shadow-sm-dark) var(--selection-group-shadow-color),var(--sq-shadow-sm-light) var(--sq-projection-light)}.sq-selection-group:not(:has(>.is-solid)){column-gap:var(--sq-padding-md)}.sq-selection-group:has(>:not(.is-checked)){--selection-group-shadow-color: var(--sq-projection-dark)}}@layer type{.sq-selection-group .is-solid{box-shadow:none}.sq-selection-group .is-solid:not(:first-child){border-start-start-radius:0;border-end-start-radius:0;border-inline-start-color:var(--sq-border-color-light)}.sq-selection-group .is-solid:not(:last-child){border-start-end-radius:0;border-end-end-radius:0;border-inline-end:none}.sq-selection-group .is-solid:hover:not(.is-disabled):not(.is-checked){border-inline-start-color:var(--sq-color-primary)}.sq-selection-group .is-solid:hover:not(.is-disabled):not(.is-checked)+.sq-selection{border-inline-start-color:var(--sq-color-primary)}}@layer component{.sq-code{border-radius:var(--sq-radius-md);padding:var(--sq-padding-sm) var(--sq-padding-md);box-sizing:border-box;border:1px solid var(--sq-border-color-lighter);overflow:auto;font-size:var(--sq-font-size-md);box-shadow:inset var(--sq-shadow-sm-dark) var(--sq-projection-dark),inset var(--sq-shadow-sm-light) var(--sq-projection-light)}.sq-code pre{width:max-content;margin:0}}@layer component{.sq-mask{display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;width:100vw;height:100%;overflow:hidden;background-color:var(--sq-mask-color);-webkit-backdrop-filter:blur(var(--sq-blur-md));backdrop-filter:blur(var(--sq-blur-md));touch-action:none;-webkit-user-select:none;user-select:none}}@layer component{.sq-dialog{--dialog-width: 400px;--dialog-theme-color: var(--sq-color-primary);display:flex;flex-direction:column;font-family:var(--sq-font-family);row-gap:var(--sq-padding-sm);color:var(--sq-text-color);border-block-start:4px solid var(--dialog-theme-color);border-radius:var(--sq-radius-lg);width:var(--dialog-width);max-width:90vw;max-height:90vh;box-sizing:border-box;padding:var(--sq-padding-md);padding-block-start:calc(var(--sq-padding-md) - 4px);font-size:var(--sq-font-size-md);background-color:var(--sq-component-bg-color)}.sq-dialog.has-header .sq-dialog-close{inset-inline-end:var(--sq-padding-md);inset-block-start:var(--sq-padding-md)}.sq-dialog-close{font-size:1.5em;cursor:pointer;transition:color var(--sq-transition-base)}.sq-dialog-close:hover{color:var(--sq-text-color-secondary)}.sq-dialog-header{display:flex;column-gap:var(--sq-padding-sm);align-items:center;line-height:var(--sq-line-height-single)}.sq-dialog-header-icon{font-size:1.5em;color:var(--dialog-theme-color)}.sq-dialog-header-title{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;font-weight:700}.sq-dialog-body{color:var(--sq-text-color-secondary);overflow:auto}.sq-dialog-footer{display:flex;justify-content:flex-end;column-gap:var(--sq-padding-sm)}}@layer type{.sq-dialog.is-success{--dialog-theme-color: var(--sq-color-success)}.sq-dialog.is-info{--dialog-theme-color: var(--sq-color-info)}.sq-dialog.is-warn{--dialog-theme-color: var(--sq-color-warn)}.sq-dialog.is-error{--dialog-theme-color: var(--sq-color-error)}}@layer component{.sq-divider{--divider-width: 1px}.sq-divider:not(.is-thin){--divider-width: 4px}.sq-divider.sq-divider--vertical{height:1em;border-inline-start:var(--divider-width) var(--divider-line-type) var(--sq-border-color)}.sq-divider.sq-divider--horizontal{width:100%}.sq-divider.sq-divider--horizontal:has(>.sq-text){display:flex;color:var(--sq-text-color);align-items:center;column-gap:var(--sq-padding-sm)}.sq-divider.sq-divider--horizontal:has(>.sq-text):before,.sq-divider.sq-divider--horizontal:has(>.sq-text):after{content:"";flex:1;border-block-start:var(--divider-width) var(--divider-line-type) var(--sq-border-color)}.sq-divider.sq-divider--horizontal:has(>.sq-text).text-left:before{width:var(--sq-padding-lg);flex:none}.sq-divider.sq-divider--horizontal:has(>.sq-text).text-right:after{width:var(--sq-padding-lg);flex:none}.sq-divider.sq-divider--horizontal:has(>.sq-text) .sq-text{flex-shrink:0;max-width:60%}.sq-divider.sq-divider--horizontal:not(:has(>.sq-text)){border-block-start:var(--divider-width) var(--divider-line-type) var(--sq-border-color)}}@layer component{.sq-editor{--editor-radius: var(--sq-padding-sm);--editor-padding: 0;display:flex;flex-direction:column;row-gap:var(--sq-padding-sm)}.sq-editor.is-round{--editor-radius: calc(var(--sq-component-size-md) / 2);--editor-padding: .2em}.sq-editor.is-round.sq-editor--sm{--editor-radius: calc(var(--sq-component-size-sm) / 2)}.sq-editor.is-round.sq-editor--lg{--editor-radius: calc(var(--sq-component-size-lg) / 2)}.sq-editor .sq-article{height:100%;padding:var(--sq-padding-sm);border:1px solid var(--sq-border-color-light);border-radius:var(--editor-radius);box-shadow:inset var(--sq-shadow-xs-dark) var(--sq-projection-dark),inset var(--sq-shadow-xs-light) var(--sq-projection-light)}.sq-editor-control{display:flex;column-gap:var(--sq-padding-md)}.sq-editor-toolbar{display:flex;flex-wrap:wrap;background-color:var(--sq-bg-color);padding-inline:var(--editor-padding)}.sq-editor-toolbar .sq-divider{height:var(--sq-font-size-lg);margin-inline:var(--sq-padding-xs);transform:translateY(calc((var(--sq-component-size-md) - var(--sq-font-size-lg)) / 2))}.sq-editor-toolbar .sq-button{--button-padding: var(--sq-padding-xs)}.sq-editor-toolbar .sq-button .sq-text{font-size:var(--sq-font-size-lg)}.sq-editor-body{display:flex;flex-direction:column;height:100%;overflow:hidden;border:1px solid var(--sq-border-color-light);border-radius:var(--editor-radius)}.sq-editor-body .sq-input{height:100%;overflow:hidden;border:none;border-radius:none}.sq-editor-body .sq-input:not(.has-shadow){box-shadow:none}}@layer component{.sq-form{--form-label-width: auto;--form-label-height: var(--sq-component-size-md);display:flex;flex-direction:column;font-size:var(--sq-font-size-md);font-family:var(--sq-font-family);color:var(--sq-text-color)}.sq-form.sq-form--sm{--form-label-height: var(--sq-component-size-sm);font-size:var(--sq-font-size-sm)}.sq-form.sq-form--lg{--form-label-height: var(--sq-component-size-lg)}.sq-form.required-default .is-required:before{content:"*";color:var(--sq-color-error)}.sq-form.required-optional .sq-form-item-label:not(.is-required):not(:empty):after{content:"(可选项)";color:var(--sq-text-color-placeholder)}.sq-form.is-vertical .sq-form-item{flex-direction:column;row-gap:var(--sq-padding-xs)}.sq-form.is-vertical .sq-form-item .sq-form-item-label{min-height:0;line-height:var(--sq-line-height-base)}.sq-form-item{display:flex;align-items:flex-start;column-gap:var(--sq-padding-sm);padding-block-end:calc(var(--sq-font-size-sm) * 2)}.sq-form-item::selection{background-color:var(--sq-color-primary);color:#fff;text-shadow:var(--sq-text-shadow)}.sq-form-item-label{display:inline-flex;vertical-align:middle;align-items:center;column-gap:.2em;flex-shrink:0;min-height:var(--form-label-height);width:var(--form-label-width)}.sq-form-item-content{position:relative;width:100%}.sq-form-item-content .sq-icon[data-icon=check-filled]{color:var(--sq-color-success)}.sq-form-item-content .sq-icon[data-icon=warning-filled]{color:var(--sq-color-warn)}.sq-form-item-content .sq-icon[data-icon=close-filled]{color:var(--sq-color-error)}.sq-form-item-check{position:absolute;top:100%;left:0;line-height:var(--sq-line-height-base);color:var(--sq-color-error);font-size:var(--sq-font-size-sm)}}@layer component{.sq-image{--image-placeholder-height: 180px;display:inline-block;vertical-align:middle;border-radius:var(--sq-radius-md);overflow:hidden;position:relative;font-size:var(--sq-font-size-md);font-family:var(--sq-font-family)}.sq-image:hover>.sq-image-control{opacity:1}:scope::selection{background-color:var(--sq-color-primary);color:#fff;text-shadow:var(--sq-text-shadow)}.sq-image-mask{position:absolute;width:100%;height:100%;top:0;left:0;display:flex;background-color:var(--sq-bg-color)}.sq-image-mask:after{content:"";width:100%;height:100%;background-image:linear-gradient(to right,transparent,var(--sq-bg-color-dark) 60%,transparent);background-repeat:no-repeat;background-size:40%;animation:skeleton 2s ease infinite}.sq-image-picture{position:relative;z-index:1;display:block;width:100%;height:100%}.sq-image-picture img{display:block;width:100%;height:100%}.sq-image-control{display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;z-index:2;border-radius:var(--sq-radius-md);overflow:hidden;font-size:var(--sq-font-size-lg);color:var(--sq-text-color);background-color:var(--sq-mask-color);-webkit-backdrop-filter:blur(var(--sq-blur-md));backdrop-filter:blur(var(--sq-blur-md));transition:opacity var(--sq-transition-base);cursor:pointer}.sq-image-error{width:100%;height:100%;display:flex;justify-content:center;align-items:center;line-height:var(--sq-line-height-single);background-color:var(--sq-bg-color);color:var(--sq-text-color-placeholder)}}@layer component{.sq-image-viewer-mask{--image-viewer-component-size: 48px;touch-action:none}.sq-image-viewer-mask img{touch-action:none;transition:transform var(--sq-transition-base)}.sq-image-viewer-mask .sq-button .sq-icon{font-size:1.5em}.sq-button.sq-image-viewer-close,.sq-button.sq-image-viewer-next,.sq-button.sq-image-viewer-prev{position:absolute;height:var(--image-viewer-component-size);aspect-ratio:1;padding-inline:0}.sq-image-viewer-close.sq-button{inset-block-start:var(--sq-padding-md);inset-inline-end:var(--sq-padding-md);box-shadow:none}.sq-image-viewer-next{inset-inline-end:var(--sq-padding-md)}.sq-image-viewer-prev{inset-inline-start:var(--sq-padding-md)}.sq-image-viewer-toolbar{display:flex;align-items:center;position:absolute;inset-block-end:var(--sq-padding-md);height:var(--image-viewer-component-size);background-color:var(--sq-component-bg-color);border-radius:var(--sq-radius-full);padding-inline:var(--sq-padding-md);column-gap:var(--sq-padding-md);border:1px solid var(--sq-border-color-light)}.sq-image-viewer-toolbar .sq-button.is-text{padding-inline:0}@media (max-width: 768px){.sq-image-viewer-mask{--image-viewer-component-size: 40px}.sq-image-viewer-toolbar{column-gap:var(--sq-padding-sm)}}}@layer type{.sq-image-viewer-toolbar>.sq-button{--button-bg-color-hover: transparent}}@layer component{.sq-image-crop{--image-crop-size: 360px;width:var(--image-crop-size);aspect-ratio:1;position:relative;border-radius:var(--sq-radius-md);overflow:hidden;background-blend-mode:screen;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;touch-action:none;background-image:repeating-linear-gradient(var(--sq-bg-color-dark) 0 10px,transparent 10px 20px),repeating-linear-gradient(90deg,var(--sq-bg-color-dark) 0 10px,transparent 10px 20px)}.sq-image-crop-cropper{position:absolute;max-height:80%;max-width:80%;aspect-ratio:var(--image-crop-ratio);border:2px dashed var(--sq-border-color);box-sizing:border-box;inset-inline-start:50%;inset-block-start:50%;translate:-50% -50%;box-shadow:0 0 0 3000px var(--sq-mask-color);z-index:2}}@layer component{.sq-input{--input-bg-color: var(--sq-component-bg-color);--input-bg-color-disabled: var(--sq-bg-color);--input-border-color: var(--sq-border-color-light);--input-border-color-active: var(--sq-color-primary);--input-border-color-disabled: var(--sq-border-color-light);--input-shadow-color: var(--sq-projection-dark);--input-selection-color: var(--sq-color-primary);padding:0;display:flex;align-items:center;font-size:var(--sq-font-size-md);background-color:var(--input-bg-color);border:1px solid;border-color:var(--input-border-color);border-radius:var(--sq-radius-md);box-sizing:border-box;cursor:text;overflow:hidden;box-shadow:inset var(--sq-shadow-xs-dark) var(--input-shadow-color),inset var(--sq-shadow-xs-light) var(--sq-projection-light);transition:all var(--sq-transition-base)}.sq-input textarea{min-height:var(--sq-component-size-md)}.sq-input.sq-input--sm{font-size:var(--sq-font-size-sm)}.sq-input.sq-input--sm textarea{min-height:var(--sq-component-size-sm)}.sq-input.sq-input--lg textarea{min-height:var(--sq-component-size-lg)}.sq-input:has(>input){width:100%;height:var(--sq-component-size-md)}.sq-input:has(>input).sq-input--sm{height:var(--sq-component-size-sm)}.sq-input:has(>input).sq-input--lg{height:var(--sq-component-size-lg)}.sq-input:has(>input).is-round{padding-inline:.2em;border-radius:var(--sq-radius-full)}.sq-input:has(>textarea).is-round{padding-inline:.2em;border-radius:calc(var(--sq-component-size-md) / 2)}.sq-input:has(>textarea).is-round.sq-input--sm{border-radius:calc(var(--sq-component-size-sm) / 2)}.sq-input:has(>textarea).is-round.sq-input--lg{border-radius:calc(var(--sq-component-size-lg) / 2)}.sq-input::selection{background-color:var(--input-selection-color);color:#fff;text-shadow:var(--sq-text-shadow)}.sq-input .sq-input-prefix,.sq-input .sq-input-suffix{display:flex;align-items:center;-webkit-user-select:none;user-select:none}.sq-input .sq-input-prefix{margin-inline-start:var(--sq-padding-sm);color:var(--sq-text-color-placeholder)}.sq-input .sq-input-inner{height:100%;caret-color:var(--input-selection-color);color:var(--sq-text-color);font-size:inherit;background:transparent;border:none;outline:none;line-height:var(--sq-line-height-base);box-sizing:border-box;font-family:var(--sq-font-family);transition:color var(--sq-transition-base)}.sq-input .sq-input-inner:read-only{color:var(--sq-text-color-placeholder)}.sq-input input.sq-input-inner{padding:0 var(--sq-padding-sm);width:0;flex:1}.sq-input textarea.sq-input-inner{padding:var(--sq-padding-xs) var(--sq-padding-sm);width:100%}.sq-input .sq-input-suffix{column-gap:var(--sq-padding-xs);margin-inline-end:var(--sq-padding-sm);color:var(--sq-text-color-placeholder)}.sq-input .sq-input-suffix-pwd,.sq-input .sq-input-suffix-clear{cursor:pointer}.sq-input.is-disabled{cursor:not-allowed;border-color:var(--input-border-color-disabled);background-color:var(--input-bg-color-disabled)}.sq-input.is-disabled .sq-input-inner{cursor:not-allowed;color:var(--sq-text-color-placeholder)}.sq-input:active:not(.is-disabled),.sq-input:focus-within:not(.is-disabled){--input-border-color: var(--input-border-color-active);box-shadow:none}}@layer type{.sq-input.is-warn{--input-border-color: var(--sq-color-warn);--input-border-color-active: var(--sq-color-warn);--input-border-color-disabled: var(--sq-color-warn-light-3);--input-shadow-color: var(--sq-color-warn-light-4);--input-selection-color: var(--sq-color-warn)}.sq-input.is-error{--input-border-color: var(--sq-color-error);--input-border-color-active: var(--sq-color-error);--input-border-color-disabled: var(--sq-color-error-light-3);--input-shadow-color: var(--sq-color-error-light-4);--input-selection-color: var(--sq-color-error)}}@layer component{.sq-menu{margin:0;padding:0;list-style-type:none;display:flex;gap:var(--sq-padding-xs) var(--sq-padding-sm);font-size:var(--sq-font-size-md);font-family:var(--sq-font-family)}.sq-menu.sq-menu--vertical{flex-direction:column}.sq-menu.sq-menu--vertical .sq-menu-item{padding:var(--sq-padding-sm)}.sq-menu.sq-menu--horizontal .sq-menu-item{height:var(--sq-component-size-sm);box-sizing:border-box;padding-inline:var(--sq-padding-sm)}.sq-menu-item{cursor:pointer;color:var(--sq-text-color);border-radius:var(--sq-radius-md);-webkit-user-select:none;user-select:none;display:flex;align-items:center;-webkit-backdrop-filter:blur(var(--sq-blur-sm));backdrop-filter:blur(var(--sq-blur-sm));gap:var(--sq-padding-xs);line-height:var(--sq-line-height-single);transition:color var(--sq-transition-base),background-color var(--sq-transition-base)}.sq-menu-item:hover{color:var(--sq-text-color-secondary);background-color:var(--sq-bg-color)}.sq-menu-item.is-active{color:var(--sq-color-primary);background-color:var(--sq-color-primary-light-5)}.sq-menu-item.is-disabled{background-color:transparent;color:var(--sq-text-color-placeholder);cursor:not-allowed}.sq-menu-item .sq-badge{margin-inline-start:auto}}@layer component{.sq-message-wrap{width:100vw;position:fixed;top:0;left:0;display:flex;flex-direction:column;align-items:center}.sq-message{max-width:90vw;background-color:var(--sq-component-bg-color);color:var(--sq-text-color);box-shadow:var(--sq-shadow-md-dark) var(--sq-projection-dark),var(--sq-shadow-md-light) var(--sq-projection-light);position:absolute;border-radius:var(--sq-radius-md);border:1px solid var(--sq-border-color-light);display:flex;flex-direction:column;overflow:hidden;transition:top var(--sq-transition-base);font-size:var(--sq-font-size-md);line-height:var(--sq-line-height-single)}.sq-message-inner{padding:var(--sq-padding-sm);display:flex;column-gap:var(--sq-padding-sm);align-items:center}.sq-message-icon{font-size:var(--sq-font-size-lg);color:var(--message-icon-color)}body:has(.sq-mask:not([style*="display: none"])) .sq-message{box-shadow:none}}@layer type{.sq-message.is-primary{--message-icon-color: var(--sq-color-primary)}.sq-message.is-success{--message-icon-color: var(--sq-color-success)}.sq-message.is-info{--message-icon-color: var(--sq-color-info)}.sq-message.is-warn{--message-icon-color: var(--sq-color-warn)}.sq-message.is-error{--message-icon-color: var(--sq-color-error)}}@layer component{.sq-pagination,.sq-pagination-pager{display:flex;align-items:center;column-gap:var(--sq-padding-sm)}}@layer component{.sq-popover{position:absolute;font-size:var(--sq-font-size-md);font-family:var(--sq-font-family);background-color:var(--sq-component-bg-color);border-radius:var(--sq-radius-md);border:1px solid var(--sq-border-color-light);padding:var(--sq-padding-sm);box-sizing:border-box;line-height:var(--sq-line-height-base);color:var(--sq-text-color)}.sq-popover.has-shadow{box-shadow:var(--sq-shadow-sm-dark) var(--sq-projection-dark),var(--sq-shadow-sm-light) var(--sq-projection-light)}}@layer component{.sq-progress{display:flex;align-items:center;justify-content:center;height:var(--progress-stroke);background-color:var(--sq-border-color);border-radius:var(--sq-radius-full);font-family:var(--sq-font-family);position:relative}.sq-progress:after{content:"";position:absolute;height:100%;width:var(--progress-value);border-radius:var(--sq-radius-full);top:0;left:0;background:var(--progress-color);z-index:1;transition:width var(--sq-transition-linear)}.sq-progress.is-circle{border-radius:0;aspect-ratio:1;height:auto;background-color:transparent}.sq-progress.is-circle:after{content:none}.sq-progress.is-circle circle{r:var(--progress-circle-r);stroke-width:var(--progress-circle-stroke);fill:transparent}.sq-progress-track{stroke:var(--sq-border-color)}.sq-progress-path{stroke-linecap:round;stroke:var(--progress-color);stroke-dasharray:var(--progress-value),var(--progress-circle-l);transform-origin:center;rotate:-90deg;transition:stroke-dasharray var(--sq-transition-linear),stroke var(--sq-transition-base),opacity var(--sq-transition-linear);opacity:var(--progress-circle-opaciry, 1)}.sq-progress-label{position:absolute;font-size:var(--sq-font-size-lg);color:var(--sq-text-color-secondary);line-height:var(--sq-line-height-base);-webkit-user-select:none;user-select:none}}@layer type{.sq-progress.is-primary{--progress-color: var(--sq-color-primary)}.sq-progress.is-success{--progress-color: var(--sq-color-success)}.sq-progress.is-info{--progress-color: var(--sq-color-info)}.sq-progress.is-warn{--progress-color: var(--sq-color-warn)}.sq-progress.is-error{--progress-color: var(--sq-color-error)}}@layer component{.sq-radio.is-checked .sq-radio-box:after{content:"";aspect-ratio:1;position:absolute;border-radius:var(--sq-radius-full);background-color:var(--selection-inner-color);width:6px}.sq-radio .sq-radio-box{display:flex;aspect-ratio:1;width:1em;align-items:center;justify-content:center;border:1px solid var(--selection-border-color);border-radius:var(--sq-radius-full);background-color:var(--selection-bg-color);position:relative;box-shadow:var(--sq-shadow-xs-dark) var(--selection-shadow-color),var(--sq-shadow-xs-light) var(--sq-projection-light);transition:all var(--sq-transition-base)}}@layer type{.sq-radio.is-outline .sq-radio-box{box-shadow:none}}@layer component{.sq-segmented{--segmented-radius: var(--sq-radius-md);--segmented-padding: var(--sq-padding-sm);position:relative;padding:2px;box-sizing:border-box;border-radius:var(--segmented-radius);background-color:var(--sq-bg-color-dark);height:var(--sq-component-size-md);box-shadow:var(--sq-shadow-sm-dark) var(--sq-projection-dark),var(--sq-shadow-sm-light) var(--sq-projection-light)}.sq-segmented.sq-segmented--sm{height:var(--sq-component-size-sm)}.sq-segmented.sq-segmented--lg{height:var(--sq-component-size-lg)}.sq-segmented.is-round{--segmented-radius: var(--sq-radius-full);--segmented-padding: calc(var(--sq-padding-sm) + .2em)}.sq-segmented input[type=radio]{opacity:0;position:absolute;width:0;height:0;margin:0}.sq-segmented-thumb{position:absolute;border-radius:var(--segmented-radius);background-color:var(--sq-component-bg-color);height:calc(100% - 4px);transition:left var(--sq-transition-base),width var(--sq-transition-base)}.sq-segmented-item{display:inline-block;vertical-align:middle;position:relative;color:var(--sq-text-color-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;height:100%;padding-inline:var(--segmented-padding);border-radius:var(--segmented-radius);transition:color var(--sq-transition-base),background-color var(--sq-transition-base)}.sq-segmented-item.is-active{color:var(--sq-text-color)}.sq-segmented-item.is-disabled{color:var(--sq-text-color-placeholder);cursor:not-allowed}.sq-segmented-item:not(.is-active):not(.is-disabled):hover{color:var(--sq-text-color);background-color:var(--sq-bg-color)}.sq-segmented-item .sq-text{height:100%}.sq-segmented-item+.sq-segmented-item{margin-inline-start:2px}}@layer component{.sq-select [data-icon=arrow-down]{transition:transform var(--sq-transition-base)}.sq-select.dropdown-opened [data-icon=arrow-down]{transform:scaleY(-1)}.sq-select input{cursor:pointer}.sq-select-dropdown{padding:var(--sq-padding-xs);-webkit-user-select:none;user-select:none;max-height:360px;overflow:auto}.sq-select-dropdown .sq-select-dropdown-empty{color:var(--sq-text-color-placeholder);text-align:center;line-height:var(--sq-component-size-md)}.sq-select-dropdown menu{display:flex;row-gap:2px;flex-direction:column;width:100%;margin:0;padding:0;list-style-type:none}.sq-select-dropdown menu li{line-height:var(--sq-component-size-md);padding-inline:var(--sq-padding-sm);border-radius:var(--sq-radius-base);cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all var(--sq-transition-base)}.sq-select-dropdown menu li:hover:not(.is-disabled):not(.is-active){color:var(--sq-text-color-secondary);background-color:var(--sq-bg-color)}.sq-select-dropdown menu li.is-active{color:var(--sq-color-primary);background-color:var(--sq-color-primary-light-5)}.sq-select-dropdown menu li.is-disabled{color:var(--sq-text-color-placeholder);cursor:not-allowed}}@layer component{.sq-swipe{--swipe-separator-width: 4px;--swipe-separator-color: var(--sq-bg-color-dark);--swipe-slider-color: var(--sq-text-color);--swipe-slider-border-color: var(--sq-border-color-light);position:relative;overflow:hidden;-webkit-user-select:none;user-select:none}.sq-swipe .sq-image{width:100%;height:100%}.sq-swipe.sq-swipe-horizontal{--swipe-slider-cursor: col-resize}.sq-swipe.sq-swipe-vertical{--swipe-slider-cursor: row-resize}.sq-swipe.sq-swipe-horizontal .sq-swipe-separator{height:100%;width:var(--swipe-separator-width);translate:calc(var(--swipe-separator-width) / -2)}.sq-swipe.sq-swipe-vertical .sq-swipe-separator{width:100%;height:var(--swipe-separator-width);translate:0 calc(var(--swipe-separator-width) / -2)}.sq-swipe-top,.sq-swipe-bottom{position:absolute;width:100%;height:100%;top:0;left:0}.sq-swipe-top{z-index:2}.sq-swipe-bottom{z-index:1}.sq-swipe-separator{position:absolute;z-index:9;top:0;background-color:var(--swipe-separator-color)}.sq-swipe-separator .sq-swipe-slider{width:var(--sq-component-size-sm);aspect-ratio:1;border:1px solid var(--swipe-slider-border-color);border-radius:var(--sq-radius-sm);background-color:var(--sq-component-bg-color);position:absolute;cursor:var(--swipe-slider-cursor, default);box-sizing:border-box;top:50%;left:50%;translate:-50% -50%}.sq-swipe-separator .sq-swipe-slider:before,.sq-swipe-separator .sq-swipe-slider:after{content:"";border-block-end:2px solid var(--swipe-slider-color);width:1em;transition:all var(--sq-transition-base);position:absolute;top:calc(50% - 1px);left:50%;translate:-50%}.sq-swipe-separator .sq-swipe-slider:before{transform:translateY(-.3em)}.sq-swipe-separator .sq-swipe-slider:after{transform:translateY(.3em)}}@layer component{.sq-switch{--switch-width: 44px;--switch-height: calc(1em + 8px) ;--switch-track-bg-color: var(--sq-bg-color-dark);--switch-track-bg-color-disabled: var(--sq-bg-color);--switch-track-shadow: var(--sq-shadow-xs-dark) var(--switch-shadow-color), var(--sq-shadow-xs-light) var(--sq-projection-light);--switch-thumb-gap-v: 2px;--switch-thumb-gap-h: 2px;--switch-thumb-size: calc(var(--switch-height) - 4px);--switch-thumb-border: none;--switch-thumb-shadow: none;--switch-shadow-color: var(--sq-projection-dark);display:inline-flex;vertical-align:middle;align-items:center;font-size:var(--sq-font-size-md);font-family:var(--sq-font-family);cursor:pointer;box-sizing:border-box;height:var(--sq-component-size-md)}.sq-switch.sq-switch--sm{--switch-width: 40px;font-size:var(--sq-font-size-sm);height:var(--sq-component-size-sm)}.sq-switch.sq-switch--lg{height:var(--sq-component-size-lg)}.sq-switch input[type=checkbox]{opacity:0;position:absolute;width:0;height:0;margin:0}.sq-switch .sq-switch-track{border-radius:var(--sq-radius-full);background-color:var(--switch-track-bg-color);height:var(--switch-height);width:var(--switch-width);position:relative;box-shadow:var(--switch-track-shadow);transition:background-color var(--sq-transition-base)}.sq-switch .sq-switch-thumb{position:absolute;display:flex;align-items:center;justify-content:center;color:var(--sq-text-color-placeholder);border-radius:var(--sq-radius-full);width:var(--switch-thumb-size);aspect-ratio:1;top:var(--switch-thumb-gap-v);left:var(--switch-thumb-gap-h);background-color:#fff;box-sizing:border-box;border:var(--switch-thumb-border);box-shadow:var(--switch-thumb-shadow);transition:left var(--sq-transition-base)}.sq-switch.is-disabled{cursor:not-allowed}.sq-switch.is-disabled .sq-switch-track{background-color:var(--switch-track-bg-color-disabled)}.sq-switch.is-checked{--switch-track-bg-color: var(--sq-color-primary);--switch-track-bg-color-disabled: var(--sq-color-primary-light-3);--switch-shadow-color: var(--sq-color-primary-light-4)}.sq-switch.is-checked .sq-switch-thumb{left:calc(100% - var(--switch-thumb-gap-h) - var(--switch-thumb-size))}}@layer type{.sq-switch.is-slim{--switch-height: 1em;--switch-track-shadow: none;--switch-thumb-gap-v: -4px;--switch-thumb-gap-h: 0px;--switch-thumb-size: calc(1em + 8px) ;--switch-thumb-border: 1px solid var(--sq-border-color-light);--switch-thumb-shadow: var(--sq-shadow-xs-dark) var(--sq-projection-dark)}}@layer component{.sq-table{border-radius:var(--sq-radius-md);overflow:hidden;font-size:var(--sq-font-size-md);width:100%;font-family:var(--sq-font-family);border:1px solid var(--sq-border-color);box-sizing:border-box}.sq-table.is-striped .sq-table-row:nth-child(2n){background-color:var(--sq-bg-color)}.sq-table.has-border .sq-table-cell:not(:last-child){border-inline-end:1px solid var(--sq-border-color-light)}.sq-table.has-border .sq-table-cell:not(:last-child):after{display:none}.sq-table-wrap,.sq-table-empty{width:100%;height:100%;display:flex}.sq-table-empty{align-items:center;justify-content:center;color:var(--sq-text-color-placeholder)}.sq-table-wrap{flex-direction:column}.sq-table-header{color:var(--sq-text-color-secondary);background-color:var(--sq-bg-color);border-block-end:1px solid var(--sq-border-color-light);font-weight:700;display:grid}.sq-table-header .sq-table-cell{position:relative}.sq-table-header .sq-table-cell:not(:last-child):after{content:"";position:absolute;z-index:1;right:0;top:50%;border:1px solid var(--sq-border-color-light);height:1em;transform:translateY(-50%)}.sq-table-body{height:0;flex:1;overflow-x:hidden;overflow-y:auto}.sq-table-body::-webkit-scrollbar{width:6px;height:6px}.sq-table-body::-webkit-scrollbar-track{border-radius:6px;background-color:var(--sq-component-bg-color)}.sq-table-body::-webkit-scrollbar-thumb{background-color:var(--sq-border-color-light);border-radius:6px}.sq-table-body::-webkit-scrollbar-thumb:hover{background-color:var(--sq-border-color)}.sq-table-row{display:grid;color:var(--sq-text-color);line-height:var(--sq-line-height-base)}.sq-table-row:not(:last-child){border-block-end:1px solid var(--sq-border-color-light)}.sq-table-cell{padding:var(--sq-padding-sm);display:flex;align-items:center;word-break:break-all;-webkit-user-select:text;user-select:text}.sq-table-cell-title{width:100px}.sq-table-cell-title+*{flex:1}}@layer component{.sq-tag{--tag-color: var(--sq-text-color);--tag-bg-color: var(--sq-component-bg-color);--tag-border-color: var(--sq-border-color-light);--tag-shadow-color: var(--sq-projection-dark);--tag-padding: var(--sq-padding-sm);border-radius:var(--sq-radius-sm);height:var(--sq-component-size-sm);padding:0 var(--tag-padding);background:var(--tag-bg-color);border:1px solid var(--tag-border-color);box-sizing:border-box;box-shadow:inset var(--sq-shadow-xs-dark) var(--tag-shadow-color),inset var(--sq-shadow-xs-light) var(--sq-projection-light);-webkit-user-select:none;user-select:none}.sq-tag.sq-text{color:var(--tag-color);line-height:var(--sq-line-height-single)}.sq-tag.sq-text::selection{text-shadow:none}.sq-tag.sq-tag--sm{height:var(--sq-component-size-xs)}.sq-tag.sq-tag--lg{height:var(--sq-component-size-md)}.sq-tag.is-round{border-radius:var(--sq-radius-full);padding-inline:calc(var(--sq-padding-sm) + .2em)}}@layer type{.sq-tag.is-primary,.sq-tag.is-success,.sq-tag.is-info,.sq-tag.is-warn,.sq-tag.is-error{--tag-bg-color: transparent;box-shadow:none}.sq-tag.is-primary{--tag-color: var(--sq-color-primary);--tag-border-color: var(--sq-color-primary-light-1)}.sq-tag.is-success{--tag-color: var(--sq-color-success);--tag-border-color: var(--sq-color-success-light-1)}.sq-tag.is-info{--tag-color: var(--sq-color-info);--tag-border-color: var(--sq-color-info-light-1)}.sq-tag.is-warn{--tag-color: var(--sq-color-warn);--tag-border-color: var(--sq-color-warn-light-1)}.sq-tag.is-error{--tag-color: var(--sq-color-error);--tag-border-color: var(--sq-color-error-light-1)}.sq-tag.is-solid{--tag-color: #fff;--tag-border-color: transparent}.sq-tag.is-solid.is-primary{--tag-bg-color: var(--sq-color-primary)}.sq-tag.is-solid.is-success{--tag-bg-color: var(--sq-color-success)}.sq-tag.is-solid.is-info{--tag-bg-color: var(--sq-color-info)}.sq-tag.is-solid.is-warn{--tag-bg-color: var(--sq-color-warn)}.sq-tag.is-solid.is-error{--tag-bg-color: var(--sq-color-error)}.sq-tag.is-tint{--tag-border-color: transparent}.sq-tag.is-tint.is-primary{--tag-color: var(--sq-color-primary);--tag-bg-color: var(--sq-color-primary-light-5)}.sq-tag.is-tint.is-success{--tag-color: var(--sq-color-success);--tag-bg-color: var(--sq-color-success-light-5)}.sq-tag.is-tint.is-info{--tag-color: var(--sq-color-info);--tag-bg-color: var(--sq-color-info-light-5)}.sq-tag.is-tint.is-warn{--tag-color: var(--sq-color-warn);--tag-bg-color: var(--sq-color-warn-light-5)}.sq-tag.is-tint.is-error{--tag-color: var(--sq-color-error);--tag-bg-color: var(--sq-color-error-light-5)}}@layer component{.sq-check-tag{--tag-color: var(--sq-text-color);--tag-color-hover: var(--sq-color-primary);--tag-bg-color: var(--sq-bg-color);--tag-bg-color-hover: var(--sq-bg-color-dark);--tag-bg-color-checked: var(--sq-color-primary);--tag-bg-color-checked-hover: var(--sq-color-primary-dark-1);--tag-padding: var(--sq-padding-sm);border-radius:var(--sq-radius-sm);height:var(--sq-component-size-sm);padding:0 var(--tag-padding);background:var(--tag-bg-color);box-sizing:border-box;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all var(--sq-transition-base)}.sq-check-tag.sq-text{color:var(--tag-color)}.sq-check-tag.sq-text::selection{text-shadow:none}.sq-check-tag.sq-tag--sm{--tag-padding: var(--sq-padding-xs);height:var(--sq-component-size-xs)}.sq-check-tag.sq-tag--lg{height:var(--sq-component-size-md)}.sq-check-tag.is-round{border-radius:var(--sq-radius-full);padding-inline:calc(var(--sq-padding-sm) + .2em)}.sq-check-tag:hover{color:var(--tag-color-hover);background:var(--tag-bg-color-hover)}.sq-check-tag.is-checked{color:#fff;background:var(--tag-bg-color-checked);border-color:transparent}.sq-check-tag.is-checked:hover{background:var(--tag-bg-color-checked-hover)}}@layer type{.sq-check-tag.is-primary{--tag-color: var(--sq-color-primary);--tag-color-hover: var(--sq-color-primary-dark-1);--tag-bg-color: var(--sq-color-primary-light-5);--tag-bg-color-hover: var(--sq-color-primary-light-4);--tag-bg-color-checked: var(--sq-color-primary);--tag-bg-color-checked-hover: var(--sq-color-primary-dark-1)}.sq-check-tag.is-success{--tag-color: var(--sq-color-success);--tag-color-hover: var(--sq-color-success-dark-1);--tag-bg-color: var(--sq-color-success-light-5);--tag-bg-color-hover: var(--sq-color-success-light-4);--tag-bg-color-checked: var(--sq-color-success);--tag-bg-color-checked-hover: var(--sq-color-success-dark-1)}.sq-check-tag.is-info{--tag-color: var(--sq-color-info);--tag-color-hover: var(--sq-color-info-dark-1);--tag-bg-color: var(--sq-color-info-light-5);--tag-bg-color-hover: var(--sq-color-info-light-4);--tag-bg-color-checked: var(--sq-color-info);--tag-bg-color-checked-hover: var(--sq-color-info-dark-1)}.sq-check-tag.is-warn{--tag-color: var(--sq-color-warn);--tag-color-hover: var(--sq-color-warn-dark-1);--tag-bg-color: var(--sq-color-warn-light-5);--tag-bg-color-hover: var(--sq-color-warn-light-4);--tag-bg-color-checked: var(--sq-color-warn);--tag-bg-color-checked-hover: var(--sq-color-warn-dark-1)}.sq-check-tag.is-error{--tag-color: var(--sq-color-error);--tag-color-hover: var(--sq-color-error-dark-1);--tag-bg-color: var(--sq-color-error-light-5);--tag-bg-color-hover: var(--sq-color-error-light-4);--tag-bg-color-checked: var(--sq-color-error);--tag-bg-color-checked-hover: var(--sq-color-error-dark-1)}}@layer component{.sq-text{color:currentColor;display:flex;flex-grow:0;align-items:center;column-gap:.4em;font-family:var(--sq-font-family);font-size:var(--sq-font-size-md);line-height:var(--sq-line-height-base)}.sq-text::selection{background-color:var(--sq-color-primary);color:#fff;text-shadow:var(--sq-text-shadow)}.sq-text.sq-text--sm{font-size:var(--sq-font-size-sm)}.sq-text.sq-text--lg{font-size:var(--sq-font-size-lg)}.sq-text.multi-line,.sq-text.single-line{display:block;overflow:hidden;text-overflow:ellipsis}.sq-text.single-line{white-space:nowrap}.sq-text.multi-line{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--row-num);line-clamp:var(--row-num)}}@layer component{.sq-timeline{--timeline-dot-size: 16px;--timeline-dot-color: var(--sq-text-color-placeholder);--timeline-dot-mask: none;--timeline-content-gap: var(--sq-padding-sm);--timeline-line-type: solid;--timeline-line-color: var(--sq-border-color);container:sq-timeline / inline-size;display:flex;flex-direction:column;font-size:var(--sq-font-size-md);font-family:var(--sq-font-family)}.sq-timeline::selection{background-color:var(--sq-color-primary);color:#fff;text-shadow:var(--sq-text-shadow)}.sq-timeline.is-card .sq-timeline-content{padding:var(--sq-padding-md);background-color:var(--sq-component-bg-color);border-radius:var(--sq-radius-lg);border:1px solid var(--sq-border-color-light);box-shadow:inset var(--sq-shadow-sm-dark) var(--sq-projection-dark),inset var(--sq-shadow-sm-light) var(--sq-projection-light)}.sq-timeline.is-card .sq-timeline-content .content-info{margin-block-start:var(--sq-padding-sm)}.sq-timeline-item{display:flex;position:relative;width:100%;box-sizing:border-box;overflow:hidden;padding-inline:var(--timeline-dot-size) 0}.sq-timeline-item:not(:last-child){padding-block-end:var(--sq-padding-md)}.sq-timeline-item:before{content:"";position:absolute;z-index:1;border-inline-start:2px var(--timeline-line-type);border-inline-start-color:var(--timeline-line-color);height:100%;left:calc(var(--timeline-dot-size) / 2 - 1px);top:var(--timeline-dot-size)}.sq-timeline-item.is-hollow{--timeline-dot-mask: radial-gradient( circle, transparent calc(var(--timeline-dot-size) / 2 - 4px), black calc(var(--timeline-dot-size) / 2 - 3px) )}.sq-timeline-dot{aspect-ratio:1;position:absolute;z-index:2;width:var(--timeline-dot-size);border-radius:var(--sq-radius-full);background:var(--timeline-dot-color);box-sizing:border-box;top:0;left:0;mask:var(--timeline-dot-mask);display:flex}.sq-timeline-dot:not(:empty){border-radius:0;background-color:transparent;color:var(--timeline-dot-color)}.sq-timeline-dot:not(:empty)>*{width:var(--timeline-dot-size);aspect-ratio:1;font-size:var(--timeline-dot-size)}.sq-timeline-content{display:flex;flex-direction:column;margin-inline:var(--timeline-content-gap) 0;width:100%;color:var(--sq-text-color-secondary);box-sizing:border-box;line-height:var(--sq-line-height-base)}.sq-timeline-content .content-title{margin-block:0;line-height:var(--sq-line-height-single);color:var(--sq-text-color);font-size:var(--sq-font-size-lg)}.sq-timeline-content .content-time{display:block;color:var(--sq-text-color-placeholder);margin-block-start:var(--sq-padding-xs)}.sq-timeline-content .content-info{margin-block-start:var(--sq-padding-xs)}@media (max-width: 768px){.sq-timeline{--timeline-dot-size: 12px}}}@layer type{.sq-timeline.align-right .sq-timeline-item{padding-inline:0 var(--timeline-dot-size)}.sq-timeline.align-right .sq-timeline-item:before{left:auto;right:calc(var(--timeline-dot-size) / 2 - 1px)}.sq-timeline.align-right .sq-timeline-item .sq-timeline-dot{left:auto;right:0}.sq-timeline.align-right .sq-timeline-item .sq-timeline-content{margin-inline:0 var(--timeline-content-gap)}.sq-timeline:not(.is-card) .sq-timeline-content .content-title,.sq-timeline:not(.is-card) .sq-timeline-content .content-time,.sq-timeline:not(.is-card) .sq-timeline-content .content-info{align-self:flex-end}.sq-timeline-item.is-primary{--timeline-dot-color: var(--sq-color-primary)}.sq-timeline-item.is-success{--timeline-dot-color: var(--sq-color-success)}.sq-timeline-item.is-info{--timeline-dot-color: var(--sq-color-info)}.sq-timeline-item.is-warn{--timeline-dot-color: var(--sq-color-warn)}.sq-timeline-item.is-error{--timeline-dot-color: var(--sq-color-error)}@container sq-timeline (min-width: 800px){.sq-timeline.align-center .sq-timeline-item{padding-inline:0}.sq-timeline.align-center .sq-timeline-item:before{left:calc(50% - 1px)}.sq-timeline.align-center .sq-timeline-item:nth-child(2n){justify-content:flex-end}.sq-timeline.align-center .sq-timeline-item .sq-timeline-dot{left:calc(50% - var(--timeline-dot-size) / 2)}.sq-timeline.align-center .sq-timeline-item .sq-timeline-content{margin:0;width:calc(50% - var(--timeline-dot-size) / 2 - var(--timeline-content-gap))}.sq-timeline:not(.is-card) .sq-timeline-item:nth-child(odd) .content-title,.sq-timeline:not(.is-card) .sq-timeline-item:nth-child(odd) .content-time,.sq-timeline:not(.is-card) .sq-timeline-item:nth-child(odd) .content-info{align-self:flex-end}}}@layer component{.sq-tooltip{width:max-content;padding-block:var(--sq-padding-xs)}}@layer component{.sq-upload{display:inline-block;vertical-align:middle}.sq-upload.is-dragover{opacity:.5}.sq-upload input[type=file]{opacity:0;position:absolute;width:0;height:0;margin:0}}

package/dist/types/components/code/code.d.ts

@@ -1,5 +1,5 @@
 import { CodeProps } from '../../props';
 declare const _default: import('vue').DefineComponent<CodeProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CodeProps> & Readonly<{}>, {
     theme: string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

package/package.json

@@ -2,7 +2,7 @@
   "name": "@squirrel-cloud/ui-vue",
   "description": "松鼠的坚果屋前端VUE框架",
   "license": "GPL-3.0",
-  "version": "0.5.1",
+  "version": "0.5.2",
   "private": false,
   "type": "module",
   "files": [