@cregis/ui 0.0.3 → 0.1.0

package/README.md

@@ -1,46 +1,5 @@
-# cregis-ui
-
-This template should help get you started developing with Vue 3 in Vite.
-
-## Recommended IDE Setup
-
-[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur) + [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin).
-
-## Type Support for `.vue` Imports in TS
-
-TypeScript cannot handle type information for `.vue` imports by default, so we replace the `tsc` CLI with `vue-tsc` for type checking. In editors, we need [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin) to make the TypeScript language service aware of `.vue` types.
-
-If the standalone TypeScript plugin doesn't feel fast enough to you, Volar has also implemented a [Take Over Mode](https://github.com/johnsoncodehk/volar/discussions/471#discussioncomment-1361669) that is more performant. You can enable it by the following steps:
-
-1. Disable the built-in TypeScript Extension
-    1) Run `Extensions: Show Built-in Extensions` from VSCode's command palette
-    2) Find `TypeScript and JavaScript Language Features`, right click and select `Disable (Workspace)`
-2. Reload the VSCode window by running `Developer: Reload Window` from the command palette.
-
-## Customize configuration
-
-See [Vite Configuration Reference](https://vitejs.dev/config/).
-
-## Project Setup
-
-```sh
-npm install
-```
-
-### Compile and Hot-Reload for Development
-
-```sh
-npm run dev
-```
-
-### Type-Check, Compile and Minify for Production
-
-```sh
-npm run build
-```
-
-### Lint with [ESLint](https://eslint.org/)
-
-```sh
-npm run lint
-```
+# Vue 3 + TypeScript + Vite
+
+This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
+
+Learn more about the recommended Project Setup and IDE Support in the [Vue Docs TypeScript Guide](https://vuejs.org/guide/typescript/overview.html#project-setup).

package/dist/es/cregis-ui.js

@@ -0,0 +1,532 @@
+import { defineComponent as k, computed as y, createElementBlock as r, openBlock as s, createElementVNode as c, createCommentVNode as h, mergeProps as x, createBlock as L, renderSlot as v, resolveDynamicComponent as Q, normalizeClass as g, toDisplayString as w, unref as j, ref as z, watch as E, normalizeStyle as $, withDirectives as q, vModelDynamic as X, withModifiers as _, vModelText as ee, createVNode as K, withCtx as O, createTextVNode as N, nextTick as Y, reactive as te, provide as ae, toRef as ie, Fragment as ne, renderList as le, inject as se, onMounted as oe, onUnmounted as re } from "vue";
+import { EdsLoad as de, EdsCloseCircleFill as ce } from "@cregis/icon";
+const ue = {
+  key: 0,
+  class: "cregis-button__icon-wrapper"
+}, me = ["disabled"], be = ["disabled"], fe = ["disabled"], p = /* @__PURE__ */ k({
+  name: "Button",
+  inheritAttrs: !1,
+  __name: "Button",
+  props: {
+    type: { default: "primary" },
+    size: { default: "medium" },
+    plain: { type: Boolean },
+    text: { type: Boolean },
+    disabled: { type: Boolean },
+    loading: { type: Boolean },
+    block: { type: Boolean },
+    link: { type: Boolean },
+    icon: {},
+    iconType: { default: "rectangle" },
+    iconText: {},
+    affix: { type: Boolean }
+  },
+  setup(e) {
+    const t = e, i = y(() => t.size === "large" ? "20px" : t.size === "medium" ? "16px" : "12px"), d = y(() => t.size === "large" || t.size === "medium" ? "16px" : "12px"), n = y(() => {
+      if (t.plain || t.text)
+        switch (t.type) {
+          case "primary":
+            return "var(--material-vibrant-brand-primary)";
+          case "secondary":
+            return "var(--material-foreground-base-secondary)";
+          case "danger":
+            return "var(--material-vibrant-error-primary)";
+          case "foreground":
+            return "var(--material-foreground-base-primary)";
+          case "sameWhite":
+            return "var(--material-same-black)";
+        }
+      else
+        return t.type === "secondary" ? "var(--material-foreground-base-secondary)" : t.type === "foreground" ? "var(--text-face-primary)" : t.type === "sameWhite" ? "var(--text-same-black)" : "var(--material-same-white)";
+    });
+    return (a, o) => e.icon || a.$slots.icon ? (s(), r("div", ue, [
+      c("button", x(a.$attrs, {
+        class: ["cregis-button__icon", {
+          [`cregis-button__icon--${e.iconType}`]: e.iconType,
+          [`cregis-button__icon--${e.size}`]: e.size,
+          "is-disabled": e.disabled
+        }],
+        disabled: e.disabled || e.loading
+      }), [
+        e.icon ? (s(), L(Q(e.icon), {
+          key: 0,
+          size: i.value,
+          "stroke-width": 3
+        }, null, 8, ["size"])) : v(a.$slots, "icon", { key: 1 })
+      ], 16, me),
+      e.iconText ? (s(), r("span", {
+        key: 0,
+        class: g(["cregis-button__icon-text", { "is-disabled": e.disabled }])
+      }, w(e.iconText), 3)) : h("", !0)
+    ])) : e.link ? (s(), r("button", x({ key: 1 }, a.$attrs, {
+      class: ["cregis-button__link", {
+        [`cregis-button__link--${e.type}`]: e.type,
+        [`cregis-button__link--${e.size}`]: e.size,
+        "is-disabled": e.disabled
+      }],
+      disabled: e.disabled || e.loading
+    }), [
+      v(a.$slots, "default")
+    ], 16, be)) : (s(), r("button", x({
+      key: 2,
+      ref: "buttonRef"
+    }, a.$attrs, {
+      class: ["cregis-button", {
+        [`cregis-button--${e.type}`]: e.type,
+        [`cregis-button--${e.size}`]: e.size,
+        "is-plain": e.plain,
+        "is-text": e.text,
+        "is-disabled": e.disabled,
+        "is-loading": e.loading,
+        "is-block": e.block,
+        "is-affix": e.affix
+      }],
+      disabled: e.disabled || e.loading
+    }), [
+      e.loading ? (s(), L(j(de), {
+        key: 0,
+        class: "loading",
+        size: d.value,
+        color: n.value,
+        "stroke-width": 3
+      }, null, 8, ["size", "color"])) : v(a.$slots, "default", { key: 1 })
+    ], 16, fe));
+  }
+}), ge = {
+  key: 0,
+  class: "cregis-input__prefix"
+}, ye = ["type", "placeholder", "disabled"], he = {
+  key: 2,
+  class: "cregis-input__suffix"
+}, ve = ["disabled", "placeholder", "rows"], ke = {
+  key: 0,
+  class: "cregis-textarea__buttons"
+}, T = /* @__PURE__ */ k({
+  name: "Input",
+  inheritAttrs: !1,
+  __name: "Input",
+  props: {
+    type: { default: "text" },
+    modelValue: {},
+    size: { default: "medium" },
+    width: { default: "300px" },
+    placeholder: { default: "please input" },
+    disabled: { type: Boolean },
+    clearable: { type: Boolean },
+    inputStyle: {},
+    unit: {},
+    rows: { default: 3 }
+  },
+  emits: ["update:modelValue", "input", "change", "focus", "blur", "clear"],
+  setup(e, { expose: t, emit: i }) {
+    const d = e, n = i, a = z(d.modelValue);
+    E(
+      () => d.modelValue,
+      (l) => {
+        a.value = l;
+      }
+    );
+    const o = z(), u = z(0), f = z(!1);
+    let C = null;
+    const G = async () => {
+      await Y(), o.value?.focus();
+    }, A = async () => {
+      n("update:modelValue", a.value), n("input", a.value), await Y(), U();
+    }, F = () => {
+      n("change", a.value);
+    }, D = (l) => {
+      f.value = !0, n("focus", l);
+    }, P = (l) => {
+      f.value = !1, n("blur", l);
+    }, M = y(() => d.clearable && !d.disabled && !!a.value && f.value), W = () => {
+      a.value = "", n("update:modelValue", ""), n("clear"), n("input", ""), n("change", "");
+    }, U = () => {
+      C && cancelAnimationFrame(C), C = requestAnimationFrame(() => {
+        if (!o.value || o.value.tagName !== "INPUT") return;
+        const l = o.value, b = l.value, m = document.createElement("span");
+        m.style.position = "absolute", m.style.visibility = "hidden", m.style.whiteSpace = "pre", m.style.font = window.getComputedStyle(l).font, m.style.letterSpacing = window.getComputedStyle(l).letterSpacing, m.textContent = b || " ", document.body.appendChild(m), u.value = m.getBoundingClientRect().width, document.body.removeChild(m);
+      });
+    }, H = y(() => {
+      const l = {};
+      return u.value > 0 && (l.position = "absolute", l.left = `${u.value + 16}px`), l;
+    }), J = async () => {
+      try {
+        a.value = await navigator.clipboard.readText();
+      } catch (l) {
+        console.error("paste error：", l);
+      }
+    };
+    return t({
+      focus: G,
+      updateTextWidth: U
+    }), (l, b) => e.type !== "textarea" ? (s(), r("div", {
+      key: 0,
+      class: g(["cregis-input", {
+        [`cregis-input--${e.size}`]: e.size,
+        "is-disabled": e.disabled,
+        "is-prefix": l.$slots.prefix,
+        "is-suffix": l.$slots.suffix
+      }]),
+      style: $([{ width: e.width }, e.inputStyle])
+    }, [
+      c("div", {
+        class: g(["cregis-input__wrapper", { "is-focus": f.value }])
+      }, [
+        l.$slots.prefix ? (s(), r("span", ge, [
+          v(l.$slots, "prefix")
+        ])) : h("", !0),
+        q(c("input", x({
+          class: "cregis-input__inner",
+          "onUpdate:modelValue": b[0] || (b[0] = (m) => a.value = m),
+          ref_key: "inputRef",
+          ref: o,
+          type: e.type,
+          placeholder: e.placeholder
+        }, l.$attrs, {
+          disabled: e.disabled,
+          onInput: A,
+          onChange: F,
+          onFocus: D,
+          onBlur: P
+        }), null, 16, ye), [
+          [X, a.value]
+        ]),
+        e.unit && a.value ? (s(), r("span", {
+          key: 1,
+          style: $(H.value),
+          class: "cregis-input__unit"
+        }, w(e.unit), 5)) : h("", !0),
+        l.$slots.suffix || M.value ? (s(), r("span", he, [
+          v(l.$slots, "suffix"),
+          M.value ? (s(), L(p, {
+            key: 0,
+            class: "cregis-input__clear-button",
+            icon: j(ce),
+            "icon-type": "square",
+            onClick: W,
+            onMousedown: b[1] || (b[1] = _(() => {
+            }, ["prevent"]))
+          }, null, 8, ["icon"])) : h("", !0)
+        ])) : h("", !0)
+      ], 2)
+    ], 6)) : (s(), r("div", {
+      key: 1,
+      class: g(["cregis-textarea", { "is-disabled": e.disabled }]),
+      style: $([{ width: e.width }, e.inputStyle])
+    }, [
+      q(c("textarea", x({ class: "cregis-textarea__wrapper" }, l.$attrs, {
+        ref_key: "inputRef",
+        ref: o,
+        disabled: e.disabled,
+        placeholder: e.placeholder,
+        rows: e.rows,
+        "onUpdate:modelValue": b[2] || (b[2] = (m) => a.value = m),
+        onInput: A,
+        onChange: F,
+        onFocus: D,
+        onBlur: P
+      }), null, 16, ve), [
+        [ee, a.value]
+      ]),
+      e.disabled ? h("", !0) : (s(), r("div", ke, [
+        K(p, {
+          class: "cregis-textarea__button",
+          link: "",
+          size: "small",
+          onClick: J
+        }, {
+          default: O(() => [...b[3] || (b[3] = [
+            N(" Paste ", -1)
+          ])]),
+          _: 1
+        }),
+        K(p, {
+          class: "cregis-textarea__button",
+          link: "",
+          size: "small",
+          disabled: !a.value,
+          onClick: W
+        }, {
+          default: O(() => [...b[4] || (b[4] = [
+            N(" Clear ", -1)
+          ])]),
+          _: 1
+        }, 8, ["disabled"])
+      ]))
+    ], 6));
+  }
+});
+T.install = (e) => {
+  e.component(T.name, T);
+};
+p.install = (e) => {
+  e.component(p.name, p);
+};
+const pe = ["width", "height"], xe = {
+  stroke: "none",
+  "stroke-width": "1",
+  fill: "none",
+  "fill-rule": "evenodd"
+}, $e = { transform: "translate(-394.000000, -457.000000)" }, we = { transform: "translate(394.000000, 457.000000)" }, Ce = ["width", "height"], ze = /* @__PURE__ */ k({
+  __name: "checked-basis",
+  props: {
+    size: { default: "16px" }
+  },
+  setup(e) {
+    return (t, i) => (s(), r("svg", {
+      width: e.size,
+      height: e.size,
+      viewBox: "0 0 16 16",
+      version: "1.1",
+      xmlns: "http://www.w3.org/2000/svg",
+      "xmlns:xlink": "http://www.w3.org/1999/xlink"
+    }, [
+      c("g", xe, [
+        c("g", $e, [
+          c("g", we, [
+            c("rect", {
+              x: "0",
+              y: "0",
+              width: e.size,
+              height: e.size
+            }, null, 8, Ce),
+            i[0] || (i[0] = c("path", {
+              d: "M6.67713976,13.5709642 C7.12567714,13.5709642 7.468039,13.3943662 7.70422535,13.0411701 L13.7562297,3.77789816 C13.8407367,3.65005417 13.9024919,3.52546046 13.9414951,3.40411701 C13.9804984,3.28277356 14,3.16468039 14,3.04983749 C14,2.74647887 13.8976165,2.49566631 13.6928494,2.29739978 C13.4880823,2.09913326 13.2307692,2 12.9209101,2 C12.7063922,2 12.5265439,2.04225352 12.3813651,2.12676056 C12.2361863,2.21126761 12.0975081,2.35536295 11.9653304,2.55904659 L6.65113759,10.9512459 L3.95016251,7.60346696 C3.71830986,7.32177681 3.43011918,7.18093174 3.08559047,7.18093174 C2.77139762,7.18093174 2.51191766,7.28169014 2.3071506,7.48320693 C2.10238353,7.68472373 2,7.93824485 2,8.24377031 C2,8.38028169 2.02329361,8.51083424 2.06988082,8.63542795 C2.11646804,8.76002167 2.19826652,8.88949079 2.31527627,9.02383532 L5.67280607,13.0899242 C5.94149512,13.4106176 6.27627302,13.5709642 6.67713976,13.5709642 Z",
+              fill: "currentColor",
+              "fill-rule": "nonzero"
+            }, null, -1))
+          ])
+        ])
+      ])
+    ], 8, pe));
+  }
+}), Te = {
+  key: 0,
+  class: "cregis-checkbox--indeterminate"
+}, B = /* @__PURE__ */ k({
+  name: "Checkbox",
+  __name: "Checkbox",
+  props: {
+    modelValue: { type: [Boolean, Number], default: !1 },
+    label: {},
+    disabled: { type: Boolean, default: !1 },
+    circle: { type: Boolean },
+    indeterminate: { type: Boolean }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(e, { emit: t }) {
+    const i = e, d = t, n = y(() => i.modelValue), a = () => {
+      i.disabled || d("update:modelValue", !n.value);
+    };
+    return E(
+      () => n.value,
+      () => {
+        d("change", n.value);
+      }
+    ), (o, u) => (s(), r("div", {
+      class: "cregis-checkbox__wrapper",
+      onClick: a
+    }, [
+      c("div", {
+        class: g(["cregis-checkbox", {
+          "is-disabled": e.disabled,
+          "is-checked": n.value,
+          "is-circle": e.circle,
+          "is-indeterminate": e.indeterminate
+        }])
+      }, [
+        e.indeterminate ? (s(), r("div", Te)) : (s(), L(ze, {
+          key: 1,
+          size: "10px"
+        }))
+      ], 2),
+      o.$slots.default || e.label ? (s(), r("span", {
+        key: 0,
+        class: g(["cregis-checkbox__label", { "is-disabled": e.disabled }])
+      }, [
+        v(o.$slots, "default", {}, () => [
+          N(w(e.label), 1)
+        ])
+      ], 2)) : h("", !0)
+    ]));
+  }
+});
+B.install = (e) => {
+  e.component(B.name, B);
+};
+const S = /* @__PURE__ */ k({
+  name: "Radio",
+  __name: "Radio",
+  props: {
+    modelValue: { type: [Boolean, String, Number] },
+    value: { type: [Boolean, String, Number] },
+    label: {},
+    disabled: { type: Boolean }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(e, { emit: t }) {
+    const i = e, d = t, n = y(() => i.modelValue === i.value), a = () => {
+      i.disabled || (d("update:modelValue", i.value), d("change", i.value));
+    };
+    return (o, u) => (s(), r("div", {
+      class: "cregis-radio__wrapper",
+      onClick: a
+    }, [
+      c("div", {
+        class: g(["cregis-radio", {
+          "is-disabled": e.disabled,
+          "is-checked": n.value
+        }])
+      }, [...u[0] || (u[0] = [
+        c("div", { class: "cregis-radio__inner" }, null, -1)
+      ])], 2),
+      o.$slots.default || e.label ? (s(), r("span", {
+        key: 0,
+        class: g(["cregis-radio__label", { "is-disabled": e.disabled }])
+      }, [
+        v(o.$slots, "default", {}, () => [
+          N(w(e.label), 1)
+        ])
+      ], 2)) : h("", !0)
+    ]));
+  }
+});
+S.install = (e) => {
+  e.component(S.name, S);
+};
+const V = /* @__PURE__ */ k({
+  name: "Divider",
+  __name: "Divider",
+  props: {
+    direction: { default: "horizontal" },
+    borderStyle: { default: "solid" },
+    lineThickness: { default: "1px" },
+    color: { default: "var(--line-module)" },
+    margin: { default: "8px" },
+    length: {}
+  },
+  setup(e) {
+    const t = e, i = y(() => {
+      if (Array.isArray(t.margin)) {
+        const [n, a] = t.margin;
+        return t.direction === "horizontal" ? `${n} 0 ${a} 0` : `0 ${a} 0 ${n}`;
+      } else
+        return t.direction === "horizontal" ? `${t.margin} 0` : `0 ${t.margin}`;
+    }), d = y(() => t.direction === "horizontal" ? {
+      width: t.length || "100%",
+      borderTopWidth: t.lineThickness,
+      borderTopStyle: t.borderStyle,
+      borderTopColor: t.color,
+      margin: i.value
+    } : {
+      height: t.length || "1rem",
+      borderLeftWidth: t.lineThickness,
+      borderLeftStyle: t.borderStyle,
+      borderLeftColor: t.color,
+      margin: i.value
+    });
+    return (n, a) => (s(), r("div", {
+      class: g(["cregis-divider", {
+        [`cregis-divider--${e.direction}`]: e.direction
+      }]),
+      style: $(d.value)
+    }, null, 6));
+  }
+});
+V.install = (e) => {
+  e.component(V.name, V);
+};
+const Z = Symbol("TABS_KEY"), Be = ["onClick"], Se = { style: { display: "none" } }, R = /* @__PURE__ */ k({
+  name: "Tabs",
+  __name: "Tabs",
+  props: {
+    modelValue: {},
+    type: { default: "default" },
+    size: { default: "medium" }
+  },
+  emits: ["update:modelValue"],
+  setup(e) {
+    const t = e, i = te([]), d = (o) => {
+      i.some((u) => u.name === o.name) || i.push(o);
+    }, n = (o) => {
+      const u = i.findIndex((f) => f.name === o);
+      u !== -1 && i.splice(u, 1);
+    }, a = y(() => t.type === "card" ? t.size === "large" ? {
+      borderRadius: "13px"
+    } : t.size === "medium" ? {
+      borderRadius: "11px"
+    } : {
+      borderRadius: "9px"
+    } : {
+      borderRadius: 0
+    });
+    return ae(Z, {
+      activeName: ie(t, "modelValue"),
+      registerTab: d,
+      unregisterTab: n
+    }), (o, u) => (s(), r("div", {
+      class: g(["cregis-tabs", {
+        [`cregis-tabs--${e.type}`]: e.type,
+        [`cregis-tabs--${e.size}`]: e.size
+      }])
+    }, [
+      (s(!0), r(ne, null, le(i, (f) => (s(), r("div", {
+        key: f.name,
+        class: g(["cregis-tabs__item", { "is-active": e.modelValue === f.name }]),
+        style: $(a.value),
+        onClick: (C) => o.$emit("update:modelValue", f.name)
+      }, [
+        c("span", null, w(f.label), 1)
+      ], 14, Be))), 128)),
+      c("div", Se, [
+        v(o.$slots, "default")
+      ])
+    ], 2));
+  }
+}), I = /* @__PURE__ */ k({
+  name: "TabPane",
+  __name: "TabPane",
+  props: {
+    label: {},
+    name: {}
+  },
+  setup(e) {
+    const t = e, i = se(Z);
+    if (!i) throw new Error("TabPane must be used within Tabs");
+    return oe(() => {
+      i.registerTab({ label: t.label, name: t.name });
+    }), E(
+      () => t.label,
+      (d) => {
+        i.unregisterTab(t.name), i.registerTab({ label: d, name: t.name });
+      }
+    ), re(() => {
+      i.unregisterTab(t.name);
+    }), () => {
+    };
+  }
+});
+R.install = (e) => {
+  e.component(R.name, R);
+};
+I.install = (e) => {
+  e.component(I.name, I);
+};
+const Ve = [T, p, B, S, V, R, I], Re = (e) => {
+  Ve.forEach((t) => {
+    e.component(t.name, t);
+  });
+}, Ne = {
+  install: Re
+};
+export {
+  p as Button,
+  B as Checkbox,
+  V as Divider,
+  T as Input,
+  S as Radio,
+  I as TabPane,
+  R as Tabs,
+  Ne as default,
+  Re as install
+};

package/dist/index.css

@@ -1 +1 @@
-*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type="button"]),input:where([type="reset"]),input:where([type="submit"]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden="until-found"])){display:none}.static{position:static}.block{display:block}.flex{display:flex}.shrink-0{flex-shrink:0}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.rounded-full{border-radius:9999px}.border{border-width:1px}.loading[data-v-93822f14]{animation:rotate 2s linear infinite}.cgbtn_fit[data-v-46f714f8]{width:-moz-fit-content;width:fit-content}.cgbtn_full[data-v-46f714f8]{width:100%}.cgbtn_primary[data-v-46f714f8]{background-color:var(--cregis-bg-dark);color:var(--cregis-text-white);cursor:default}.cgbtn_primary[data-v-46f714f8]:active{color:var(--cregis-text-white-60)!important}.cgbtn_primary.cgbtn_primary-disabled[data-v-46f714f8]{cursor:not-allowed!important;color:var(--cregis-text-btn-primary-disabled)!important;background-color:var(--cregis-bg-dark-20)!important}.cgbtn_primary.cgbtn_primary-disabled[data-v-46f714f8]:active{color:var(--cregis-text-white)!important}.cgbtn_cancel[data-v-46f714f8]{background-color:var(--cregis-bg-dark-10);color:var(--cregis-text-100);cursor:default}.cgbtn_cancel[data-v-46f714f8]:active{color:var(--cregis-text-60)!important}.cgbtn_cancel.cgbtn_cancel-disabled[data-v-46f714f8]{cursor:not-allowed!important;color:var(--cregis-text-20)!important;background-color:var(--cregis-bg-dark-10)!important}.cgbtn_cancel.cgbtn_cancel-disabled[data-v-46f714f8]:active{color:var(--cregis-text-20)!important}.cgbtn_failure[data-v-46f714f8]{background-color:var(--cregis-failure);color:var(--cregis-white);cursor:default}.cgbtn_failure[data-v-46f714f8]:active{color:var(--cregis-white-60)!important}.cgbtn_failure.cgbtn_failure-disabled[data-v-46f714f8]{cursor:not-allowed!important;color:var(--cregis-white)!important;background-color:var(--cregis-failure-20)!important}.cgbtn_failure.cgbtn_failure-disabled[data-v-46f714f8]:active{color:var(--cregis-white)!important}.cgbtn_success[data-v-46f714f8]{background-color:var(--cregis-success-10);color:var(--cregis-success);cursor:default}.cgbtn_success[data-v-46f714f8]:hover{color:var(--cregis-white);background-color:var(--cregis-success)}.cgbtn_success[data-v-46f714f8]:active{color:var(--cregis-white-60);background-color:var(--cregis-success)}.cgbtn_success.cgbtn_success-disabled[data-v-46f714f8]{cursor:not-allowed!important;color:var(--cregis-success-40)!important;background-color:var(--cregis-success-10)!important}.cgbtn_success.cgbtn_success-disabled[data-v-46f714f8]:active{color:var(--cregis-success-40)!important}.cgbtn_hollow[data-v-46f714f8]{color:var(--cregis-text-100);cursor:default;border:.5px solid;border-color:var(--cregis-text-100)}.cgbtn_hollow[data-v-46f714f8]:hover{color:var(--cregis-text-white);background-color:var(--cregis-bg-dark);border-color:transparent}.cgbtn_hollow[data-v-46f714f8]:active{color:var(--cregis-text-white-60);background-color:var(--cregis-bg-dark);border-color:transparent}.cgbtn_hollow.cgbtn_hollow-disabled[data-v-46f714f8]{cursor:not-allowed!important;color:var(--cregis-text-20)!important;background-color:transparent!important;border-color:var(--cregis-text-100)!important}.cgbtn_tint[data-v-46f714f8]{color:var(--cregis-text-100);cursor:default;border:.5px solid;border-color:var(--cregis-text-20)}.cgbtn_tint[data-v-46f714f8]:hover{color:var(--cregis-text-white);background-color:var(--cregis-bg-dark);border-color:transparent}.cgbtn_tint[data-v-46f714f8]:active{color:var(--cregis-text-white-60);background-color:var(--cregis-bg-dark);border-color:transparent}.cgbtn_tint.cgbtn_tint-disabled[data-v-46f714f8]{cursor:not-allowed!important;color:var(--cregis-text-20)!important;background-color:transparent!important;border-color:var(--cregis-text-20)!important}.cgbtn_text[data-v-46f714f8]{background-color:transparent;color:var(--cregis-success);cursor:default}.cgbtn_text[data-v-46f714f8]:active{color:var(--cregis-success)!important;background-color:var(--cregis-bg-dark-10)}.cgbtn_text.cgbtn_text-disabled[data-v-46f714f8]{cursor:not-allowed!important;color:var(--cregis-success-40)!important;background-color:transparent!important}.cgbtn_text.cgbtn_text-disabled[data-v-46f714f8]:active{color:var(--cregis-success-40)!important}
+:root{--system-brand: display-p3 .1216 .7647 .3529;--system-error: display-p3 .8431 .2745 .1765;--system-decor: display-p3 .0078 .1765 .051;--same-black: 2 3 4;--same-white: 255 255 255;--foreground-face: 255 255 255;--foreground-base: 2 3 4;--module-line: 235 236 237;--page: 255 255 255}.dark{--system-brand: display-p3 .1216 .7647 .3529;--system-error: display-p3 .8431 .2745 .1765;--system-decor: display-p3 1 1 1;--same-black: 2 3 4;--same-white: 255 255 255;--foreground-face: 2 3 4;--foreground-base: 255 255 255;--module-line: 0 0 0;--page: 30 33 35}/*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */html,body,p,ol,ul,li,dl,dt,dd,blockquote,figure,fieldset,legend,textarea,pre,iframe,hr,h1,h2,h3,h4,h5,h6{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}ul{list-style:none}button,input,select{margin:0}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}iframe{border:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}:root{--material-vibrant-brand-primary: color(var(--system-brand) / 1);--material-opaque-card-moderate: rgb(var(--foreground-base) / .05);--material-foreground-face-primary: rgb(var(--foreground-face) / 1);--material-foreground-face-quaternary: rgb(var(--foreground-face) / .2);--material-foreground-base-primary: rgb(var(--foreground-base) / 1);--material-foreground-base-secondary: rgb(var(--foreground-base) / .6);--material-foreground-base-quaternary: rgb(var(--foreground-base) / .2);--material-vibrant-error-primary: color(var(--system-error) / 1);--material-decor-primary: color(var(--system-decor) / 1);--material-same-white: rgb(var(--same-white) / 1);--material-opaque-hide: rgb(var(--foreground-base) / 0);--text-base-primary: rgb(var(--foreground-base) / 1);--text-base-secondary: rgb(var(--foreground-base) / .6);--text-base-tertiary: rgb(var(--foreground-base) / .4);--text-base-quaternary: rgb(var(--foreground-base) / .2);--text-face-primary: rgb(var(--foreground-face) / 1);--text-face-secondary: rgb(var(--foreground-face) / .6);--text-same-white: rgb(var(--same-white) / 1);--text-same-white-tap: rgb(var(--same-white) / .6);--text-same-black: rgb(var(--same-black) / 1);--text-same-black-tap: rgb(var(--same-black) / .6);--text-brand-tap: color(var(--system-brand) / .6);--text-brand-40: color(var(--system-brand) / .4);--text-brand-disabled: color(var(--system-brand) / .2);--text-error-tap: color(var(--system-error) / .6);--line-border-deep: rgb(var(--foreground-base) / .18);--line-module: rgb(var(--module-line) / 1);--event-hover-secondary: rgb(var(--foreground-base) / .05);--event-hover-tertiary: rgb(var(--page) / 1);--event-focus-secondary: rgb(var(--foreground-base) / .07)}.dark{--material-opaque-card-moderate: rgb(var(--foreground-base) / .07);--event-hover-secondary: rgb(var(--foreground-base) / .07);--event-focus-secondary: rgb(var(--foreground-base) / .1)}.cregis-input{width:100%;position:relative;display:inline-flex;font-size:15px;line-height:22px;box-sizing:border-box;vertical-align:middle;caret-color:var(--text-base-primary)}.cregis-input.is-disabled{cursor:not-allowed}.cregis-input.is-disabled .cregis-input__inner{color:var(--text-base-quaternary);cursor:not-allowed}.cregis-input__wrapper{position:relative;display:inline-flex;flex-grow:1;align-items:center;justify-content:center;padding:0 12px;background-color:var(--material-opaque-card-moderate);border-radius:6px;border:2px solid transparent}.cregis-input__wrapper.is-focus{border:2px solid var(--material-vibrant-brand-primary);border-radius:6px;background-color:var(--material-foreground-face-quaternary)}.cregis-input__wrapper.is-focus .cregis-input__inner::placeholder{color:var(--text-base-quaternary)}.cregis-input__inner{width:100%;min-width:20px;-webkit-appearance:none;font-size:inherit;padding:0;outline:none;border:none;background:none;box-sizing:border-box;color:var(--text-base-primary)}.cregis-input__inner::placeholder{color:var(--text-base-tertiary)}.cregis-input__inner::-webkit-outer-spin-button,.cregis-input__inner::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.cregis-input--small{height:32px}.cregis-input--medium{height:40px}.cregis-input--large{height:48px}.cregis-input__unit{color:var(--text-base-primary)}.cregis-input__prefix,.cregis-input__suffix{display:inline-flex;white-space:nowrap;flex-shrink:0;flex-wrap:nowrap;height:100%;text-align:center;align-items:center}.cregis-input__prefix>:first-child{margin-left:0!important}.cregis-input__prefix>:last-child{margin-right:8px!important}.cregis-input__suffix>:first-child{margin-left:8px!important}.cregis-input__suffix>:last-child{margin-right:0!important}.cregis-input__clear-button svg g path{fill:var(--material-foreground-base-secondary)}.cregis-input__clear-button:hover svg g path{fill:var(--material-foreground-base-primary)}.cregis-input__clear-button:active svg g path{fill:var(--material-foreground-base-secondary)}.cregis-textarea{position:relative}.cregis-textarea.is-disabled .cregis-textarea__wrapper{color:var(--text-base-quaternary);cursor:not-allowed}.cregis-textarea__wrapper{resize:none;position:relative;display:block;padding:12px;background-color:var(--material-opaque-card-moderate);border-radius:6px;border:2px solid transparent;box-sizing:border-box;width:100%;font-size:inherit;font-family:inherit;background-image:none;-webkit-appearance:none;caret-color:var(--text-base-primary);color:var(--text-base-primary)}.cregis-textarea__wrapper:focus{outline:none;border:2px solid var(--material-vibrant-brand-primary)}.cregis-textarea__wrapper:focus::placeholder{color:var(--text-base-quaternary)}.cregis-textarea__wrapper::placeholder{color:var(--text-base-tertiary)}.cregis-textarea__buttons{position:absolute;bottom:10px;left:12px;display:flex;gap:16px}.cregis-textarea__button{font-size:12px;font-weight:500;cursor:default;color:var(--material-vibrant-brand-primary)}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cregis-button{display:inline-flex;justify-content:center;align-items:center;white-space:nowrap;text-align:center;box-sizing:border-box;outline:none;transition:.1s;font-weight:500;-webkit-user-select:none;user-select:none;vertical-align:middle;-webkit-appearance:none;color:var(--text-same-white);background-color:var(--material-vibrant-brand-primary);border:1px solid var(--material-vibrant-brand-primary);font-size:13px;border-radius:30px}.cregis-button:active{color:var(--text-same-white-tap)}.cregis-button.is-plain{color:var(--material-vibrant-brand-primary);background-color:var(--material-opaque-hide)}.cregis-button.is-plain:hover{color:var(--text-same-white);background-color:var(--material-vibrant-brand-primary)}.cregis-button.is-plain:active{color:var(--text-same-white-tap)}.cregis-button.is-text{color:var(--material-vibrant-brand-primary);background-color:var(--material-opaque-hide);border-color:transparent}.cregis-button.is-text:hover{background-color:var(--event-hover-secondary)}.cregis-button.is-text:active{color:var(--text-brand-tap)}.cregis-button.is-block{width:100%}:is(.cregis-button.is-plain.is-loading,.cregis-button.is-text.is-loading):hover{background-color:var(--material-opaque-hide)}.cregis-button .loading{animation:rotate 2s linear infinite}.cregis-button.is-affix{gap:4px}.cregis-button.is-affix svg g path{stroke:var(--text-same-white)}.cregis-button.is-affix span{color:var(--text-same-white)}.cregis-button.is-affix:active svg g path{stroke:var(--text-same-white-tap)}.cregis-button.is-affix:active span{color:var(--text-same-white-tap)}.cregis-button.is-affix.is-disabled span{color:var(--text-base-quaternary)}.cregis-button--secondary{background-color:var(--material-opaque-card-moderate);border-color:transparent;color:var(--text-base-primary)}.cregis-button--secondary:active{color:var(--text-base-secondary)}.cregis-button--secondary.is-plain{border:.5px solid var(--line-border-deep);color:var(--text-base-primary)}.cregis-button--secondary.is-plain:hover{border:.5px solid transparent;color:var(--text-base-primary);background-color:var(--material-opaque-card-moderate)}.cregis-button--secondary.is-plain.is-plain.is-loading{border:.5px solid var(--line-border-deep)}.cregis-button--secondary.is-plain:active{color:var(--text-base-secondary)}.cregis-button--secondary.is-text{color:var(--text-base-primary)}.cregis-button--secondary.is-text:active{color:var(--text-base-secondary)}.cregis-button--danger{background-color:var(--material-vibrant-error-primary);border-color:var(--material-vibrant-error-primary)}.cregis-button--danger.is-plain{color:var(--material-vibrant-error-primary)}.cregis-button--danger.is-plain:hover{background-color:var(--material-vibrant-error-primary)}.cregis-button--danger.is-text{color:var(--material-vibrant-error-primary)}.cregis-button--danger.is-text:active{color:var(--text-error-tap)}.cregis-button--foreground{background-color:var(--material-decor-primary);border-color:var(--material-decor-primary);color:var(--text-face-primary)}.cregis-button--foreground:active{color:var(--text-face-secondary)}.cregis-button--foreground.is-plain{color:var(--material-decor-primary)}.cregis-button--foreground.is-plain:hover{color:var(--text-face-primary);background-color:var(--material-decor-primary)}.cregis-button--foreground.is-plain:active{color:var(--text-face-secondary)}.cregis-button--sameWhite{background-color:var(--material-same-white);border-color:transparent;color:var(--text-same-black)}.cregis-button--sameWhite:active{color:var(--text-same-black-tap)}.cregis-button--large{padding:0 20px;height:40px;font-size:15px;line-height:22px}.cregis-button--medium{padding:0 16px;height:32px;font-size:13px;line-height:18px}.cregis-button--small{padding:0 12px;height:24px;font-size:13px;line-height:18px}.cregis-button--extraSmall{padding:0 12px;height:20px;font-size:12px;line-height:16px}:is(.cregis-button,.cregis-button--secondary,.cregis-button--danger,.cregis-button--foreground,.cregis-button--sameWhite).is-disabled{color:var(--text-base-quaternary);background-color:var(--material-opaque-card-moderate);border-color:transparent;cursor:not-allowed}:is(.cregis-button,.cregis-button--secondary,.cregis-button--danger,.cregis-button--foreground,.cregis-button--sameWhite).is-disabled svg g path{stroke:var(--material-foreground-base-quaternary)}:is(.cregis-button,.cregis-button--secondary,.cregis-button--danger,.cregis-button--foreground,.cregis-button--sameWhite).is-disabled:active svg g path{stroke:var(--material-foreground-base-quaternary)}:is(.cregis-button,.cregis-button--secondary,.cregis-button--danger,.cregis-button--foreground,.cregis-button--sameWhite).is-plain.is-disabled{border:.5px solid var(--line-border-deep);background-color:var(--material-opaque-hide)}:is(.cregis-button,.cregis-button--secondary,.cregis-button--danger,.cregis-button--foreground,.cregis-button--sameWhite).is-plain.is-disabled:hover{color:var(--text-base-quaternary)}:is(.cregis-button,.cregis-button--secondary,.cregis-button--danger,.cregis-button--foreground,.cregis-button--sameWhite).is-text.is-disabled{background-color:var(--material-opaque-hide);border-color:transparent}:is(.cregis-button,.cregis-button--secondary,.cregis-button--danger,.cregis-button--foreground,.cregis-button--sameWhite).is-text.is-disabled:active{color:var(--text-base-quaternary)}.cregis-button__link{border:none;border-bottom:1px dashed var(--material-opaque-hide);background-color:var(--material-opaque-hide);color:var(--material-vibrant-brand-primary);font-weight:500;padding:0}.cregis-button__link:hover{border-bottom:1px dashed var(--text-brand-40)}.cregis-button__link:active{border-bottom:1px dashed var(--text-brand-disabled);color:var(--text-brand-tap)}.cregis-button__link.is-disabled{color:var(--text-base-quaternary);border-color:transparent;cursor:not-allowed}.cregis-button__link--foreground{color:var(--text-base-primary)}.cregis-button__link--foreground:hover{border-bottom:1px dashed var(--text-base-tertiary)}.cregis-button__link--foreground:active{border-bottom:1px dashed var(--text-base-quaternary);color:var(--text-base-secondary)}.cregis-button__link--foreground.is-disabled{color:var(--text-base-quaternary);border-color:transparent}.cregis-button__link--large{font-size:15px}.cregis-button__link--medium{font-size:13px}.cregis-button__link--small,.cregis-button__link--extraSmall{font-size:12px}.cregis-button__icon-wrapper{display:flex;flex-direction:column;align-items:center}.cregis-button__icon{display:flex;justify-content:center;align-items:center;border-color:transparent;background-color:var(--material-opaque-hide);padding:0;border-radius:6px}.cregis-button__icon svg g path{stroke:var(--material-foreground-base-secondary)}.cregis-button__icon:hover{background-color:var(--event-hover-secondary)}.cregis-button__icon:hover svg g path{stroke:var(--material-foreground-base-primary)}.cregis-button__icon:active{background-color:var(--event-focus-secondary)}.cregis-button__icon:active svg g path{stroke:var(--material-foreground-base-secondary)}.cregis-button__icon.is-disabled{cursor:not-allowed}.cregis-button__icon.is-disabled svg g path{stroke:var(--material-foreground-base-quaternary)}.cregis-button__icon.is-disabled:hover{background-color:var(--material-opaque-hide)}.cregis-button__icon--rectangle.cregis-button__icon--large{width:36px;height:28px}.cregis-button__icon--rectangle.cregis-button__icon--medium{width:32px;height:24px}.cregis-button__icon--rectangle.cregis-button__icon--small,.cregis-button__icon--rectangle.cregis-button__icon--extraSmall{width:26px;height:20px}:is(.cregis-button__icon--square,.cregis-button__icon--circle).cregis-button__icon--large{width:28px;height:28px}:is(.cregis-button__icon--square,.cregis-button__icon--circle).cregis-button__icon--medium{width:24px;height:24px}:is(.cregis-button__icon--square,.cregis-button__icon--circle).cregis-button__icon--small,:is(.cregis-button__icon--square,.cregis-button__icon--circle).cregis-button__icon--extraSmall{width:20px;height:20px}.cregis-button__icon--circle{border-radius:50%}.cregis-button__icon--professional{width:32px;height:24px}.cregis-button__icon-text{font-size:11px;line-height:14px;font-weight:500;color:var(--text-base-secondary)}.cregis-button__icon-text.is-disabled{cursor:not-allowed;color:var(--text-base-quaternary)}.cregis-checkbox__wrapper{width:fit-content;display:flex;align-items:center;gap:8px;cursor:default;-webkit-user-select:none;user-select:none}.cregis-checkbox{width:16px;height:16px;border:1px solid var(--line-border-deep);border-radius:4px;display:flex;align-items:center;justify-content:center}.cregis-checkbox svg{visibility:hidden}.cregis-checkbox:hover svg{color:var(--line-border-deep);visibility:visible}.cregis-checkbox.is-checked,.cregis-checkbox.is-indeterminate{border:1px solid var(--material-vibrant-brand-primary)!important;background-color:var(--material-vibrant-brand-primary)!important}:is(.cregis-checkbox.is-checked,.cregis-checkbox.is-indeterminate) svg{visibility:visible!important;color:var(--material-same-white)}.cregis-checkbox.is-circle{border-radius:50%}.cregis-checkbox.is-disabled{cursor:not-allowed;background-color:var(--material-opaque-card-moderate)}.cregis-checkbox.is-disabled:hover svg{visibility:hidden}.cregis-checkbox.is-checked.is-disabled{opacity:.6}.cregis-checkbox__label{font-size:15px;font-weight:500;color:var(--text-base-secondary)}.cregis-checkbox__label.is-disabled{cursor:not-allowed}.cregis-checkbox--indeterminate{width:8px;height:1.5px;border-radius:1px;background-color:var(--material-same-white)}.cregis-radio__wrapper{width:fit-content;display:flex;align-items:center;gap:8px;cursor:default;-webkit-user-select:none;user-select:none}.cregis-radio{width:16px;height:16px;border:1px solid var(--line-border-deep);border-radius:50%;display:flex;align-items:center;justify-content:center}.cregis-radio:hover .cregis-radio__inner{visibility:visible}.cregis-radio.is-checked{border:1px solid var(--material-vibrant-brand-primary)!important;background-color:var(--material-vibrant-brand-primary)!important}.cregis-radio.is-checked .cregis-radio__inner{visibility:visible!important;background-color:var(--text-same-white)}.cregis-radio.is-disabled{cursor:not-allowed;background-color:var(--material-opaque-card-moderate)}.cregis-radio.is-disabled:hover .cregis-radio__inner{visibility:hidden}.cregis-radio.is-checked.is-disabled{opacity:.6}.cregis-radio__inner{width:6px;height:6px;border-radius:50%;background-color:var(--material-foreground-base-quaternary);visibility:hidden}.cregis-radio__label{font-size:15px;font-weight:500;color:var(--text-base-secondary)}.cregis-radio__label.is-disabled{cursor:not-allowed}.cregis-divider{display:flex;align-items:center}.cregis-divider--horizontal{flex-direction:row}.cregis-divider--vertical{flex-direction:column}.cregis-tabs{display:flex;gap:16px;width:fit-content;height:29px;font-size:13px;font-weight:500;color:var(--text-base-primary);cursor:default}.cregis-tabs__item{border-bottom:2px solid var(--material-opaque-hide);transition:color .2s ease,border-color .2s ease}.cregis-tabs__item.is-active{color:var(--material-vibrant-brand-primary);border-bottom:2px solid var(--material-vibrant-brand-primary)}.cregis-tabs--large{height:33px;font-size:15px}.cregis-tabs--small{height:28px;font-size:12px}.cregis-tabs--card{height:28px;background-color:var(--material-opaque-card-moderate);border-radius:14px;padding:3px;font-size:12px;gap:6px}.cregis-tabs--card.cregis-tabs--large{height:32px;border-radius:16px}.cregis-tabs--card.cregis-tabs--small{height:24px;border-radius:12px}.cregis-tabs--card .cregis-tabs__item{display:flex;align-items:center;justify-content:center;border:none;padding:0 6px}.cregis-tabs--card .cregis-tabs__item.is-active{color:var(--text-base-primary);background-color:var(--event-hover-tertiary)}