@squirrel-cloud/ui-vue 0.5.0 → 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 P, createTextVNode as De, toDisplayString as Q, h as Pe, ref as T, onMounted as se, watch as le, 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 ae, useModel as re, vModelCheckbox as it, mergeModels as Z, toRaw as ze, Fragment as oe, 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 = {
@@ -410,7 +410,11 @@ const { md2tokensAsync: dn, tokens2vueh: fn } = rn(), pn = "sq-article", vn = R(
       "input-checkbox": _t,
       ...c.customNodeMap
     }));
-    return se(async () => {
+    oe(
+      () => [c.md, c.text, c.customNodeMap, c.plugins],
+      e
+    ), se(e);
+    async function e() {
       if (!c.md) {
         o.value = Pe("article", { class: "sq-article" }, [
           Pe("div", {
@@ -420,15 +424,16 @@ const { md2tokensAsync: dn, tokens2vueh: fn } = rn(), pn = "sq-article", vn = R(
         ]);
         return;
       }
-      const e = await dn(c.text, c.plugins);
-      if (!e) {
+      const n = await dn(c.text, c.plugins);
+      if (!n) {
         console.warn(
           "[squirrel-cloud/ui-vue] SqArticle 组件 MD 解析依赖 markdown-it"
         );
         return;
       }
-      o.value = fn(e, s.value);
-    }), () => o.value;
+      o.value = fn(n, s.value);
+    }
+    return () => o.value;
   }
 }), mn = ["src", "alt"], hn = ["textContent"], gn = "sq-avatar", _a = /* @__PURE__ */ R({
   name: gn,
@@ -451,7 +456,7 @@ const { md2tokensAsync: dn, tokens2vueh: fn } = rn(), pn = "sq-article", vn = R(
         "--avatar-bg-color": d()
       };
     }), t = y(() => o.alt.charAt(0).toUpperCase());
-    le(
+    oe(
       () => o.src,
       () => {
         s.value = !0;
@@ -686,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);
   }
@@ -909,10 +914,10 @@ const Rn = ["disabled", "form", "type"], Ln = "sq-button", ee = /* @__PURE__ */
     return Se(
       xt,
       T({
-        size: ae(o, "size"),
-        type: ae(o, "type"),
-        round: ae(o, "round"),
-        disabled: ae(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")
@@ -973,16 +978,16 @@ 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);
-    return le(h, (v) => {
+    return oe(h, (v) => {
       if (r.value !== v) {
         r.value = v;
         return;
       }
-    }), le(r, (v) => {
+    }), oe(r, (v) => {
       h.value !== v && l && l.value.toggleItem(e.value);
     }), se(() => {
       r.value = h.value;
@@ -1041,15 +1046,15 @@ const Rn = ["disabled", "form", "type"], Ln = "sq-button", ee = /* @__PURE__ */
     Se(
       $t,
       T({
-        form: ae(t, "form"),
+        form: re(t, "form"),
         name: d,
-        disabled: ae(t, "disabled"),
-        size: ae(t, "size"),
-        variant: ae(t, "variant"),
+        disabled: re(t, "disabled"),
+        size: re(t, "size"),
+        variant: re(t, "variant"),
         list: a,
         toggleItem: l
       })
-    ), le(
+    ), oe(
       () => t.value,
       (r) => {
         const p = r || [], h = [.../* @__PURE__ */ new Set([...p, a.value])];
@@ -1061,7 +1066,7 @@ const Rn = ["disabled", "form", "type"], Ln = "sq-button", ee = /* @__PURE__ */
     }
     return (r, p) => (m(), w("div", Fn, [
       F(r.$slots, "default", {}, () => [
-        (m(!0), w(oe, null, pe(u.value, (h, v) => (m(), S(i(_t), {
+        (m(!0), w(ae, null, pe(u.value, (h, v) => (m(), S(i(_t), {
           key: v,
           disabled: h.disabled === !0,
           label: i(e)(h),
@@ -1079,22 +1084,20 @@ const Rn = ["disabled", "form", "type"], Ln = "sq-button", ee = /* @__PURE__ */
     lang: {}
   },
   setup(c) {
-    const { getHighlighterAsync: o, releaseHighlighter: s } = cn(), e = c, n = T("");
+    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 () => {
-      const t = await o();
-      if (!t) {
+      if (n.value = await o(), !n.value) {
         console.warn("[squirrel-cloud/ui-vue] SqCode 组件代码高亮依赖 shiki");
         return;
       }
-      n.value = t.codeToHtml(e.code, {
-        theme: e.theme,
-        lang: e.lang
-      });
     }), ye(() => {
       s();
-    }), (t, a) => (m(), w("div", {
+    }), (a, d) => (m(), w("div", {
       class: "sq-code",
-      innerHTML: n.value
+      innerHTML: t.value
     }, null, 8, Wn));
   }
 }), Kn = "sq-mask", kt = /* @__PURE__ */ R({
@@ -1113,8 +1116,8 @@ 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");
-    u.value = l.value, le(l, (v) => {
+    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));
     }), ye(() => {
@@ -1189,7 +1192,7 @@ 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 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(() => ({
@@ -1656,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(
@@ -1777,7 +1780,7 @@ ${ce}${K}`, te(_.target), b(t.value, qe, qe);
       }, ["stop"]))
     }, [
       ue(E("div", gs, [
-        e.md ? (m(), w(oe, { key: 0 }, [
+        e.md ? (m(), w(ae, { key: 0 }, [
           E("div", bs, [
             z(os, {
               ref_key: "boldRef",
@@ -1901,7 +1904,7 @@ ${ce}${K}`, te(_.target), b(t.value, qe, qe);
       const u = [];
       return s.isRequired && u.push("is-required"), u;
     }), a = y(() => ["input", "switch", "select"].includes(s.type));
-    le(
+    oe(
       () => s.errorMsg,
       (u) => {
         u && (n.value = u);
@@ -1967,10 +1970,10 @@ ${ce}${K}`, te(_.target), b(t.value, qe, qe);
     Se(
       Ae,
       T({
-        size: ae(t, "size"),
-        round: ae(t, "round"),
-        disabled: ae(t, "disabled"),
-        readonly: ae(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(() => {
@@ -2056,7 +2059,7 @@ ${ce}${K}`, te(_.target), b(t.value, qe, qe);
       onSubmit: C[0] || (C[0] = be(() => {
       }, ["prevent"]))
     }, [
-      (m(!0), w(oe, null, pe(p.value, (b, _) => (m(), S(qs, {
+      (m(!0), w(ae, null, pe(p.value, (b, _) => (m(), S(qs, {
         class: W(b.itemClass),
         type: b.type,
         key: _,
@@ -2143,11 +2146,11 @@ ${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
     }));
-    le(
+    oe(
       () => n.src,
       () => {
         d.value = !1, t.value = !1, a.value = n.src;
@@ -2186,7 +2189,7 @@ ${ce}${K}`, te(_.target), b(t.value, qe, qe);
         _: 1
       }),
       !d.value && u.value ? (m(), w("picture", Bs, [
-        (m(!0), w(oe, null, pe(n.source, (I, L) => (m(), w("source", {
+        (m(!0), w(ae, null, pe(n.source, (I, L) => (m(), w("source", {
           key: L,
           srcset: I.src,
           media: I.media,
@@ -2256,7 +2259,7 @@ ${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), M = T(!1), I = T(0), L = T(0), V = T(!0), j = re(c, "visible"), te = y(() => $.srcList[L.value]), ne = y(() => {
+    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: [
@@ -2379,7 +2382,7 @@ ${ce}${K}`, te(_.target), b(t.value, qe, qe);
           icon: i(Ge),
           onClick: be(He, ["stop"])
         }, null, 8, ["icon"]),
-        $.srcList.length > 1 ? (m(), w(oe, { key: 0 }, [
+        $.srcList.length > 1 ? (m(), w(ae, { key: 0 }, [
           z(i(ee), {
             class: "sq-image-viewer-prev",
             round: "",
@@ -2540,12 +2543,12 @@ ${ce}${K}`, te(_.target), b(t.value, qe, qe);
       getImagePoint: f
     } = yt();
     let x = 0;
-    const $ = c, B = ie(null), M = y(() => ({
+    const $ = c, B = le(null), M = y(() => ({
       transform: `scale(${n.value})`,
       marginInlineStart: `${t.value.x}px`,
       marginBlockStart: `${t.value.y}px`
     }));
-    le(
+    oe(
       () => $.aspectRatio,
       () => {
         ke(I);
@@ -2690,7 +2693,7 @@ ${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), M = y(() => e.prefix || t.prefixIcon), I = y(() => i(h) && i(p).length), L = y(
@@ -2821,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");
@@ -2839,7 +2842,7 @@ ${ce}${K}`, te(_.target), b(t.value, qe, qe);
     return (p, h) => (m(), w("menu", {
       class: W(["sq-menu", u.value])
     }, [
-      n.router && t.value ? (m(!0), w(oe, { key: 0 }, pe(n.items, (v) => (m(), S(fe(a.value), {
+      n.router && t.value ? (m(!0), w(ae, { key: 0 }, pe(n.items, (v) => (m(), S(fe(a.value), {
         custom: "",
         to: { name: v.value },
         key: v.value
@@ -2866,7 +2869,7 @@ ${ce}${K}`, te(_.target), b(t.value, qe, qe);
           ], 10, Fs)
         ]),
         _: 2
-      }, 1032, ["to"]))), 128)) : (m(!0), w(oe, { key: 1 }, pe(n.items, (v) => (m(), w("li", {
+      }, 1032, ["to"]))), 128)) : (m(!0), w(ae, { key: 1 }, pe(n.items, (v) => (m(), w("li", {
         class: W(["sq-menu-item", {
           "is-active": d.value === v.value,
           "is-disabled": v.disabled
@@ -3069,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), {
@@ -3092,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), {
@@ -3115,11 +3118,11 @@ 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, [
-      (m(!0), w(oe, null, pe(o.list, (a) => (m(), w(oe, { key: a }, [
+      (m(!0), w(ae, null, pe(o.list, (a) => (m(), w(ae, { key: a }, [
         a ? (m(), S(i(ee), {
           key: 0,
           type: s.value === a ? "primary" : void 0,
@@ -3175,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);
@@ -3202,7 +3205,7 @@ const Ta = Ke, no = ["textContent"], so = "sq-message-box", oo = /* @__PURE__ */
       return u;
     });
     return (d, u) => (m(), w("div", ho, [
-      (m(!0), w(oe, null, pe(a.value, (l, r) => (m(), S(fe(l), {
+      (m(!0), w(ae, null, pe(a.value, (l, r) => (m(), S(fe(l), {
         key: r,
         size: o.size,
         disabled: o.disabled,
@@ -3239,7 +3242,7 @@ function wt(c) {
         case Lt:
         case "svg":
           return rt(o);
-        case oe:
+        case ae:
           return wt(o.children);
         default:
           return o;
@@ -3273,18 +3276,18 @@ 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), M = 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];
     });
-    le(h, (C) => {
+    oe(h, (C) => {
       if (C === l) return;
       l = C, k();
       const b = C ? p.showAfter : p.hideAfter;
       d = setTimeout(() => {
         x.value = C;
       }, b);
-    }), le(x, (C) => {
+    }), oe(x, (C) => {
       C ? (v.value = e(), ne(), u = Qt(
         $.value.$el,
         B.value,
@@ -3330,7 +3333,7 @@ const xo = "sq-popover", qt = /* @__PURE__ */ R({
     function k() {
       d && (clearTimeout(d), d = void 0);
     }
-    return (C, b) => (m(), w(oe, null, [
+    return (C, b) => (m(), w(ae, null, [
       z(i(yo), {
         class: W(["sq-popover-trigger", i(n).class]),
         style: G(i(n).style),
@@ -3388,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(() => {
@@ -3422,7 +3425,7 @@ const xo = "sq-popover", qt = /* @__PURE__ */ R({
       ref: n,
       style: G(u.value)
     }, [
-      s.variant === "circle" ? (m(), w(oe, { key: 0 }, [
+      s.variant === "circle" ? (m(), w(ae, { key: 0 }, [
         p[0] || (p[0] = E("svg", {
           viewBox: "0 0 100 100",
           version: "1.1",
@@ -3477,18 +3480,18 @@ 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);
-    return le(r, (f) => {
+    return oe(r, (f) => {
       p.value = f === e.value;
-    }), le(v, (f) => {
+    }), oe(v, (f) => {
       if (f ? r.value = e.value ?? "on" : r.value = void 0, p.value !== f) {
         p.value = f;
         return;
       }
-    }), le(p, (f) => {
+    }), oe(p, (f) => {
       v.value !== f && l && l.value.toggleItem(e.value);
     }), se(() => {
       p.value = v.value, r.value = p.value ? e.value ?? "on" : void 0;
@@ -3539,15 +3542,15 @@ const xo = "sq-popover", qt = /* @__PURE__ */ R({
     Se(
       Ct,
       T({
-        form: ae(t, "form"),
+        form: re(t, "form"),
         name: d,
-        disabled: ae(t, "disabled"),
-        size: ae(t, "size"),
-        variant: ae(t, "variant"),
+        disabled: re(t, "disabled"),
+        size: re(t, "size"),
+        variant: re(t, "variant"),
         checked: a,
         toggleItem: l
       })
-    ), le(
+    ), oe(
       () => t.value,
       (r) => {
         r !== a.value && (a.value = r);
@@ -3558,7 +3561,7 @@ const xo = "sq-popover", qt = /* @__PURE__ */ R({
     }
     return (r, p) => (m(), w("div", zo, [
       F(r.$slots, "default", {}, () => [
-        (m(!0), w(oe, null, pe(u.value, (h, v) => (m(), S(i(To), {
+        (m(!0), w(ae, null, pe(u.value, (h, v) => (m(), S(i(To), {
           key: v,
           disabled: h.disabled === !0,
           label: i(e)(h),
@@ -3582,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(() => {
@@ -3596,8 +3599,8 @@ const xo = "sq-popover", qt = /* @__PURE__ */ R({
       St,
       T({
         name: p,
-        disabled: ae(n, "disabled"),
-        size: ae(n, "size"),
+        disabled: re(n, "disabled"),
+        size: re(n, "size"),
         active: d,
         toggleItem: h,
         updateThumb: v
@@ -3620,7 +3623,7 @@ const xo = "sq-popover", qt = /* @__PURE__ */ R({
         style: G(r.value)
       }, null, 4),
       F(f.$slots, "default", {}, () => [
-        (m(!0), w(oe, null, pe(u.value, ($) => (m(), S(i(Po), ve({
+        (m(!0), w(ae, null, pe(u.value, ($) => (m(), S(i(Po), ve({
           key: $.value
         }, { ref_for: !0 }, $), null, 16))), 128))
       ])
@@ -3636,11 +3639,11 @@ 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");
-    le(u, (p) => {
+    oe(u, (p) => {
       if (p) {
         if (t.value = o.value ?? "on", !e) return;
         e.value.updateThumb(a.value);
@@ -3731,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));
@@ -3741,9 +3744,9 @@ const xo = "sq-popover", qt = /* @__PURE__ */ R({
         active: r,
         toggleItem: v
       })
-    ), le(a, () => {
+    ), oe(a, () => {
       e = u.value;
-    }), le(r, f), se(() => {
+    }), oe(r, f), se(() => {
       f();
     });
     function h(L) {
@@ -3820,7 +3823,7 @@ const xo = "sq-popover", qt = /* @__PURE__ */ R({
           onMousedown: V[2] || (V[2] = be(() => {
           }, ["prevent"]))
         }, [
-          (m(!0), w(oe, null, pe(p.value, (j) => (m(), S(Oo, ve({
+          (m(!0), w(ae, null, pe(p.value, (j) => (m(), S(Oo, ve({
             key: j.value
           }, { ref_for: !0 }, j), null, 16))), 128))
         ], 32)) : (m(), w("div", {
@@ -3857,7 +3860,7 @@ 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(
@@ -3871,7 +3874,7 @@ const xo = "sq-popover", qt = /* @__PURE__ */ R({
       `transparent ${h.value}px`,
       `#000 ${h.value + 1}px`
     ].join(",")})`);
-    le(f, () => {
+    oe(f, () => {
       d || L();
     }), se(() => {
       L(), document.addEventListener("pointermove", te), document.addEventListener("pointerup", j);
@@ -3969,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;
     });
@@ -4022,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(() => ({
@@ -4073,7 +4076,7 @@ const xo = "sq-popover", qt = /* @__PURE__ */ R({
           class: "sq-table-header",
           style: G(u.value)
         }, [
-          (m(!0), w(oe, null, pe(e.cols, (x) => (m(), w("div", {
+          (m(!0), w(ae, null, pe(e.cols, (x) => (m(), w("div", {
             class: "sq-table-cell",
             style: G({ "justify-content": p(x.align) }),
             key: x.binding
@@ -4088,12 +4091,12 @@ const xo = "sq-popover", qt = /* @__PURE__ */ R({
           ref_key: "bodyRef",
           ref: t
         }, [
-          (m(!0), w(oe, null, pe(e.data, (x, $) => (m(), w("div", {
+          (m(!0), w(ae, null, pe(e.data, (x, $) => (m(), w("div", {
             class: "sq-table-row",
             style: G(d.value),
             key: r(x, $)
           }, [
-            (m(!0), w(oe, null, pe(e.cols, (B, M) => (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, M)}`
@@ -4304,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/package.json

@@ -2,7 +2,7 @@
   "name": "@squirrel-cloud/ui-vue",
   "description": "松鼠的坚果屋前端VUE框架",
   "license": "GPL-3.0",
-  "version": "0.5.0",
+  "version": "0.5.2",
   "private": false,
   "type": "module",
   "files": [
@@ -36,10 +36,6 @@
     "format": "prettier --write src/",
     "prepublishOnly": "npm run build"
   },
-  "overrides": {
-    "typescript-eslint": "8.44.1",
-    "@typescript-eslint/utils": "8.44.1"
-  },
   "peerDependencies": {
     "markdown-it": "^14.1.0",
     "shiki": "^3.19.0",