quasar-ui-sellmate-ui-kit 3.14.13 → 3.14.15

package/dist/index.umd.js

@@ -1,5 +1,5 @@
 /*!
- * quasar-ui-sellmate-ui-kit v3.14.12
+ * quasar-ui-sellmate-ui-kit v3.14.14
  * (c) 2025 Sellmate Dev Team <dev@sellmate.co.kr>
  * Released under the MIT License.
  */
@@ -11,15 +11,15 @@
 })(this, (function (vue, quasar) { 'use strict';
 
   var script$J = vue.defineComponent({
-    name: 'SBreadcrumbs',
-    components: {
-      QBreadcrumbs: quasar.QBreadcrumbs,
-      QBreadcrumbsEl: quasar.QBreadcrumbsEl,
-    },
-    props: {
-      labels: Array,
-    },
-  });
+      name: 'SBreadcrumbs',
+      components: {
+        QBreadcrumbs: quasar.QBreadcrumbs,
+        QBreadcrumbsEl: quasar.QBreadcrumbsEl,
+      },
+      props: {
+        labels: Array,
+      },
+    });
 
   function render$J(_ctx, _cache, $props, $setup, $data, $options) {
     var _component_q_breadcrumbs_el = vue.resolveComponent("q-breadcrumbs-el");
@@ -27,14 +27,14 @@
 
     return (vue.openBlock(), vue.createBlock(_component_q_breadcrumbs, {
       class: "s-breadcrumbs",
-      "separator-color": "Grey_Darken-5",
-      "active-color": "Grey_Darken-5"
+      "separator-color": "grey_95",
+      "active-color": "grey_95"
     }, {
       default: vue.withCtx(function () { return [
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.labels, function (item, i) {
           return (vue.openBlock(), vue.createBlock(_component_q_breadcrumbs_el, {
             key: i,
-            class: "text-Grey_Darken-5 s-breadcrumbs-el",
+            class: "text-grey_95 s-breadcrumbs-el",
             to: item.link ? undefined : item.path,
             tag: item.link ? 'a' : 'button',
             href: item.link,
@@ -94,7 +94,7 @@
         },
         color: {
           type: String,
-          default: 'Blue_B_Default',
+          default: 'oceanblue_75',
         },
         noHover: {
           type: Boolean,
@@ -146,17 +146,17 @@
   script$I.render = render$I;
 
   var script$H = vue.defineComponent({
-    name: 'SButtonGroup',
-    components: {
-      QBtnGroup: quasar.QBtnGroup,
-    },
-    props: {
-      noHover: {
-        type: Boolean,
-        default: false,
+      name: 'SButtonGroup',
+      components: {
+        QBtnGroup: quasar.QBtnGroup,
       },
-    },
-  });
+      props: {
+        noHover: {
+          type: Boolean,
+          default: false,
+        },
+      },
+    });
 
   function render$H(_ctx, _cache, $props, $setup, $data, $options) {
     var _component_q_btn_group = vue.resolveComponent("q-btn-group");
@@ -223,8 +223,8 @@
       outline: "",
       unelevated: "",
       ripple: false,
-      color: "Grey_Lighten-2",
-      "text-color": "Grey_Lighten-2",
+      color: "grey_45",
+      "text-color": "grey_45",
       "toggle-color": "positive",
       "toggle-text-color": "positive",
       class: vue.normalizeClass(["s-btn-toggle", _ctx.size === 'md' ? 's-btn-toggle-md' : 's-btn-toggle-sm'])
@@ -288,44 +288,43 @@
     'M1.16669 5H8.83335@@stroke:currentColor;stroke-width:0.8;stroke-linecap:round; | 0 0 10 10';
 
   var script$F = vue.defineComponent({
-    components: {
-      QBanner: quasar.QBanner,
-      QIcon: quasar.QIcon,
-    },
-    props: {
-      label: {
-        type: String,
-        default: '주의사항',
-      },
-      /**
-       * @description icon 영역 없앰
-      */
-      noIcon: {
-        type: Boolean,
-        default: false,
+      components: {
+        QBanner: quasar.QBanner,
+        QIcon: quasar.QIcon,
       },
-      /**
-       * @description 모달 주의사항
-       */
-      useModal: {
-        type: Boolean,
-        default: false,
+      props: {
+        label: {
+          type: String,
+          default: '주의사항',
+        },
+        /**
+         * @description icon 영역 없앰
+         */
+        noIcon: {
+          type: Boolean,
+          default: false,
+        },
+        /**
+         * @description 모달 주의사항
+         */
+        useModal: {
+          type: Boolean,
+          default: false,
+        },
+        /**
+         * @description 모달 안내사항 (회색)
+         */
+        useNotice: {
+          type: Boolean,
+          default: false,
+        },
       },
-      /**
-       * @description 모달 안내사항 (회색)
-      */
-      useNotice: {
-        type: Boolean,
-        default: false,
+      setup: function setup() {
+        return {
+          cautionOutlineIcon: cautionOutlineIcon,
+        };
       },
-
-    },
-    setup: function setup() {
-      return {
-        cautionOutlineIcon: cautionOutlineIcon,
-      };
-    },
-  });
+    });
 
   var _hoisted_1$s = { class: "s-caution__icon--title q-mt-xs text-white block font-16-700" };
 
@@ -336,15 +335,12 @@
     return (vue.openBlock(), vue.createBlock(_component_q_banner, {
       dense: "",
       rounded: "",
-      class: vue.normalizeClass(["s-caution text-Grey_Darken-4 flex s-border-radius-sm", [
+      class: vue.normalizeClass(["s-caution text-grey_90 flex s-border-radius-sm", [
         {
           's-caution--no-icon': _ctx.noIcon,
           's-caution--modal': _ctx.useModal || _ctx.useNotice,
         },
-        _ctx.useModal
-          ? (_ctx.useNotice ? 'bg-Grey_Lighten-6' : 'bg-Red_Lighten-6')
-          : 'bg-Red_Lighten-6 s-border-Red_Lighten-3'
-      ]])
+        _ctx.useModal ? (_ctx.useNotice ? 'bg-grey_05' : 'bg-red_15') : 'bg-red_15 s-border-red_45' ]])
     }, vue.createSlots({
       default: vue.withCtx(function () { return [
         vue.createElementVNode("ul", null, [
@@ -360,7 +356,7 @@
               vue.createVNode(_component_q_icon, {
                 class: "s-caution-icon",
                 size: "24px",
-                color: "Red_Lighten-1",
+                color: "red_70",
                 name: _ctx.cautionOutlineIcon
               }, null, 8, ["name"]),
               vue.createElementVNode("strong", _hoisted_1$s, vue.toDisplayString(_ctx.label), 1)
@@ -371,24 +367,24 @@
     ]), 1032, ["class"]))
   }
 
-  var css_248z$E = ".s-caution[data-v-6b3c62fa] {\n  padding: 0;\n  overflow: hidden;\n  max-height: 100%;\n  max-width: 100%;\n}\n.s-caution[data-v-6b3c62fa] .q-banner__avatar {\n  flex-direction: column;\n  min-width: 104px !important;\n  max-width: 104px !important;\n  margin: 0 !important;\n  background-color: #fb4444;\n  padding: 0 24px;\n  line-height: 26px;\n  align-self: stretch;\n  justify-content: center;\n}\n.s-caution[data-v-6b3c62fa] .q-banner__content {\n  padding: 0 !important;\n  margin: 20px 32px 20px 48px;\n}\n.s-caution[data-v-6b3c62fa] .q-banner__content > ul {\n  padding: 0;\n  margin: 0;\n}\n.s-caution[data-v-6b3c62fa] .q-banner__content > ul > li {\n  list-style: none;\n  font-size: 12px;\n  line-height: 22px;\n  text-indent: -18px !important;\n}\n.s-caution[data-v-6b3c62fa] .q-banner__content > ul > li:before {\n  content: \"-\";\n  font-size: 12px;\n  line-height: 22px;\n  margin-right: 12px;\n}\n.s-caution--no-icon[data-v-6b3c62fa] .q-banner__avatar {\n  display: none;\n}\n.s-caution--modal[data-v-6b3c62fa] .q-banner__content {\n  margin: 12px 24px 12px 40px;\n}\n.s-caution--modal[data-v-6b3c62fa] .q-banner__content ul li {\n  text-indent: -14px !important;\n}\n.s-caution--modal[data-v-6b3c62fa] .q-banner__content ul li:before {\n  margin-right: 8px;\n}";
+  var css_248z$E = ".s-caution[data-v-17179415] {\n  padding: 0;\n  overflow: hidden;\n  max-height: 100%;\n  max-width: 100%;\n}\n.s-caution[data-v-17179415] .q-banner__avatar {\n  flex-direction: column;\n  min-width: 104px !important;\n  max-width: 104px !important;\n  margin: 0 !important;\n  background-color: #fb4444;\n  padding: 0 24px;\n  line-height: 26px;\n  align-self: stretch;\n  justify-content: center;\n}\n.s-caution[data-v-17179415] .q-banner__content {\n  padding: 0 !important;\n  margin: 20px 32px 20px 48px;\n}\n.s-caution[data-v-17179415] .q-banner__content > ul {\n  padding: 0;\n  margin: 0;\n}\n.s-caution[data-v-17179415] .q-banner__content > ul > li {\n  list-style: none;\n  font-size: 12px;\n  line-height: 22px;\n  text-indent: -18px !important;\n}\n.s-caution[data-v-17179415] .q-banner__content > ul > li:before {\n  content: \"-\";\n  font-size: 12px;\n  line-height: 22px;\n  margin-right: 12px;\n}\n.s-caution--no-icon[data-v-17179415] .q-banner__avatar {\n  display: none;\n}\n.s-caution--modal[data-v-17179415] .q-banner__content {\n  margin: 12px 24px 12px 40px;\n}\n.s-caution--modal[data-v-17179415] .q-banner__content ul li {\n  text-indent: -14px !important;\n}\n.s-caution--modal[data-v-17179415] .q-banner__content ul li:before {\n  margin-right: 8px;\n}";
   styleInject(css_248z$E);
 
   script$F.render = render$F;
-  script$F.__scopeId = "data-v-6b3c62fa";
+  script$F.__scopeId = "data-v-17179415";
 
   var script$E = vue.defineComponent({
-    name: 'SCheckbox',
-    components: {
-      QCheckbox: quasar.QCheckbox,
-    },
-    props: {
-      length: Number,
-    },
-    setup: function setup() {
-      return {};
-    },
-  });
+      name: 'SCheckbox',
+      components: {
+        QCheckbox: quasar.QCheckbox,
+      },
+      props: {
+        length: Number,
+      },
+      setup: function setup() {
+        return {};
+      },
+    });
 
   function render$E(_ctx, _cache, $props, $setup, $data, $options) {
     var _component_q_checkbox = vue.resolveComponent("q-checkbox");
@@ -406,36 +402,36 @@
   script$E.render = render$E;
 
   var script$D = vue.defineComponent({
-    name: 'SChip',
-    components: { QChip: quasar.QChip },
-    props: {
-      input: { type: String, default: '' },
-    },
-    setup: function setup(props, ref$1) {
-      var emit = ref$1.emit;
+      name: 'SChip',
+      components: { QChip: quasar.QChip },
+      props: {
+        input: { type: String, default: '' },
+      },
+      setup: function setup(props, ref$1) {
+        var emit = ref$1.emit;
 
-      var inputValue = vue.ref(props.input);
-      vue.watch(
-        function () { return props.input; },
-        function (val) {
-          inputValue.value = val;
-        }
-      );
-      function handleInput(event) {
-        inputValue.value = event.target.outerText;
-        if (event.key === 'Enter') {
-          event.preventDefault();
-          event.target.blur();
-          emit('update:input', inputValue.value);
+        var inputValue = vue.ref(props.input);
+        vue.watch(
+          function () { return props.input; },
+          function (val) {
+            inputValue.value = val;
+          }
+        );
+        function handleInput(event) {
+          inputValue.value = event.target.outerText;
+          if (event.key === 'Enter') {
+            event.preventDefault();
+            event.target.blur();
+            emit('update:input', inputValue.value);
+          }
         }
-      }
-      return {
-        chipRemoveIcon: chipRemoveIcon,
-        inputValue: inputValue,
-        handleInput: handleInput,
-      };
-    },
-  });
+        return {
+          chipRemoveIcon: chipRemoveIcon,
+          inputValue: inputValue,
+          handleInput: handleInput,
+        };
+      },
+    });
 
   var _hoisted_1$r = ["contenteditable"];
 
@@ -443,13 +439,13 @@
     var _component_q_chip = vue.resolveComponent("q-chip");
 
     return (vue.openBlock(), vue.createBlock(_component_q_chip, {
-      class: "no-hover row items-center text-color-Grey_Darken-4 s-chip",
+      class: "no-hover row items-center text-color-grey_90 s-chip",
       square: "",
       removable: "",
       outline: "",
       dense: "",
       clickable: !!_ctx.inputValue,
-      color: "Grey_Default",
+      color: "grey_65",
       ripple: false,
       "icon-remove": _ctx.chipRemoveIcon
     }, {
@@ -685,7 +681,7 @@
       outlined: "",
       class: vue.normalizeClass([{
         's-date-picker-range': _ctx.range,
-        'text-Grey_Default bg-Grey_Lighten-5': _ctx.isDisable,
+        'text-grey_65 bg-grey_10': _ctx.isDisable,
         's-date-picker-inside': _ctx.insideLabel,
       }, "q-pa-none s-date-picker"]),
       readonly: "",
@@ -703,7 +699,7 @@
           dense: "",
           ripple: false,
           flat: "",
-          color: "Grey_Darken-4",
+          color: "grey_90",
           class: "q-pa-none no-hover",
           "aria-label": "date-button"
         }, {
@@ -755,7 +751,7 @@
               vue.createVNode(_component_q_icon, {
                 name: _ctx.closeIcon,
                 size: "16px",
-                color: "Grey_Lighten-1",
+                color: "grey_55",
                 class: "cursor-pointer",
                 onClick: _ctx.deleteDate,
                 "aria-label": "close-button"
@@ -924,8 +920,8 @@
         },
         locale: {
           type: Object,
-          default: initLocaleObj
-        }
+          default: initLocaleObj,
+        },
       },
       setup: function setup(props, ref$1) {
         var emit = ref$1.emit;
@@ -1038,7 +1034,7 @@
   var _hoisted_2$i = { class: "flex no-wrap items-center" };
   var _hoisted_3$b = {
     key: 1,
-    class: "text-center text-Grey_Darken-4 date-str"
+    class: "text-center text-grey_90 date-str"
   };
   var _hoisted_4$8 = /*#__PURE__*/vue.createElementVNode("span", {
     class: "q-mx-xs",
@@ -1046,7 +1042,7 @@
   }, "~", -1);
   var _hoisted_5$7 = {
     key: 3,
-    class: "text-center text-Grey_Darken-4 date-str"
+    class: "text-center text-grey_90 date-str"
   };
 
   function render$B(_ctx, _cache, $props, $setup, $data, $options) {
@@ -1061,7 +1057,7 @@
       dense: "",
       outlined: "",
       class: vue.normalizeClass([{
-        'text-Grey_Default bg-Grey_Lighten-5': _ctx.isDisable,
+        'text-grey_65 bg-grey_10': _ctx.isDisable,
         's-date-range-picker--inside': _ctx.insideLabel,
       }, "q-pa-none s-date-range-picker bg-white"]),
       readonly: "",
@@ -1078,7 +1074,7 @@
           ripple: false,
           flat: "",
           class: "q-pa-none no-hover",
-          color: "Grey_Darken-4"
+          color: "grey_90"
         }, {
           default: vue.withCtx(function () { return [
             vue.createVNode(_component_q_menu, {
@@ -1196,74 +1192,74 @@
   script$B.render = render$B;
 
   var script$A = vue.defineComponent({
-    name: 'SConfirm',
-    components: {
-      QDialog: quasar.QDialog,
-      QCard: quasar.QCard,
-      QCardSection: quasar.QCardSection,
-      QCardActions: quasar.QCardActions,
-      QBtn: quasar.QBtn,
-      QIcon: quasar.QIcon,
-    },
-    props: {
-      withHeaderIcon: {
-        type: Boolean,
-        default: false,
-      },
-      title: {
-        type: String,
-        default: '',
-      },
-      content: {
-        type: String,
-        default: '',
-      },
-      type: {
-        type: String,
-        default: 'info',
-      },
-      buttonLabel: {
-        type: String,
-        default: '',
-      },
-      twoButtons: {
-        type: Boolean,
-        default: false,
-      },
-      secondButtonLabel: {
-        type: String,
-        default: '',
-      },
-      firstBtnColor: {
-        type: String,
-        default: '',
-      },
-      secondBtnColor: {
-        type: String,
-        default: '',
-      },
-      firstBtnOutLine: {
-        type: Boolean,
-        default: false,
+      name: 'SConfirm',
+      components: {
+        QDialog: quasar.QDialog,
+        QCard: quasar.QCard,
+        QCardSection: quasar.QCardSection,
+        QCardActions: quasar.QCardActions,
+        QBtn: quasar.QBtn,
+        QIcon: quasar.QIcon,
       },
-      secondBtnOutLine: {
-        type: Boolean,
-        default: false,
+      props: {
+        withHeaderIcon: {
+          type: Boolean,
+          default: false,
+        },
+        title: {
+          type: String,
+          default: '',
+        },
+        content: {
+          type: String,
+          default: '',
+        },
+        type: {
+          type: String,
+          default: 'info',
+        },
+        buttonLabel: {
+          type: String,
+          default: '',
+        },
+        twoButtons: {
+          type: Boolean,
+          default: false,
+        },
+        secondButtonLabel: {
+          type: String,
+          default: '',
+        },
+        firstBtnColor: {
+          type: String,
+          default: '',
+        },
+        secondBtnColor: {
+          type: String,
+          default: '',
+        },
+        firstBtnOutLine: {
+          type: Boolean,
+          default: false,
+        },
+        secondBtnOutLine: {
+          type: Boolean,
+          default: false,
+        },
+        btnVertical: {
+          type: Boolean,
+          default: false,
+        },
       },
-      btnVertical: {
-        type: Boolean,
-        default: false,
+      emits: ['handleClose', 'handleFirst', 'handleSecond'],
+      setup: function setup() {
+        return {
+          infoOutlineIcon: infoOutlineIcon,
+          warningOutlineIcon: warningOutlineIcon,
+          closeIcon: closeIcon,
+        };
       },
-    },
-    emits: ['handleClose', 'handleFirst', 'handleSecond'],
-    setup: function setup() {
-      return {
-        infoOutlineIcon: infoOutlineIcon,
-        warningOutlineIcon: warningOutlineIcon,
-        closeIcon: closeIcon,
-      };
-    },
-  });
+    });
 
   var _hoisted_1$o = {
     key: 0,
@@ -1290,7 +1286,7 @@
                   flat: "",
                   round: "",
                   dense: "",
-                  color: "Grey_Default",
+                  color: "grey_65",
                   ripple: false,
                   onClick: _cache[0] || (_cache[0] = function ($event) { return (_ctx.$emit('handleClose')); })
                 }, null, 8, ["icon"]), [
@@ -1437,7 +1433,7 @@
     return (vue.openBlock(), vue.createBlock(_component_q_btn, {
       outline: "",
       split: "",
-      color: _ctx.$attrs.color || 'Grey_Default',
+      color: _ctx.$attrs.color || 'grey_65',
       "no-caps": "",
       "no-wrap": "",
       unelevated: "",
@@ -2083,7 +2079,7 @@
             vue.createVNode(_component_q_icon, { name: "image" }),
             vue.createVNode(_component_q_menu, null, {
               default: vue.withCtx(function () { return [
-                vue.createVNode(_component_q_card, { class: "q-pa-sm bg-Grey_Lighten-5" }, {
+                vue.createVNode(_component_q_card, { class: "q-pa-sm bg-grey_10" }, {
                   default: vue.withCtx(function () { return [
                     vue.createVNode(_component_q_card_section, { class: "q-pa-none" }, {
                       default: vue.withCtx(function () { return [
@@ -2103,7 +2099,7 @@
                             outline: "",
                             label: _ctx.imgUploadBtnLabel,
                             onClick: _ctx.onOkClick,
-                            color: "Blue_B_Default",
+                            color: "oceanblue_75",
                             class: "bg-white"
                           }, null, 8, ["label", "onClick"]), [
                             [_directive_close_popup]
@@ -2210,13 +2206,13 @@
               vue.createVNode(_component_q_icon, {
                 name: _ctx.attachFileIcon20,
                 size: "20px",
-                color: "Grey_Darken-1",
+                color: "grey_70",
                 onClick: _cache[0] || (_cache[0] = vue.withModifiers(function () {}, ["stop"]))
               }, null, 8, ["name"]),
               (_ctx.displayPlaceholder)
                 ? (vue.openBlock(), vue.createElementBlock("div", {
                     key: 0,
-                    class: "file-placeholder text-Grey_Lighten-2",
+                    class: "file-placeholder text-grey_45",
                     onClick: _cache[1] || (_cache[1] = vue.withModifiers(function () {}, ["stop"]))
                   }, vue.toDisplayString(_ctx.placeholder), 1))
                 : vue.createCommentVNode("", true)
@@ -2359,7 +2355,7 @@
               dense: "",
               ripple: false,
               icon: _ctx.closeIcon,
-              color: "Grey_Default",
+              color: "grey_65",
               onClick: _cache[0] || (_cache[0] = function ($event) { return (_ctx.helpPopup = false); }),
               class: "close-btn q-pa-none",
               size: "20px"
@@ -2495,7 +2491,7 @@
   };
   var _hoisted_2$f = {
     key: 1,
-    class: "input-addon bg-Grey_Lighten-5"
+    class: "input-addon bg-grey_10"
   };
   var _hoisted_3$9 = {
     key: 0,
@@ -2671,7 +2667,7 @@
                 dense: "",
                 unelevated: "",
                 ripple: false,
-                color: "Grey_Lighten-4",
+                color: "grey_20",
                 icon: _ctx.minusIcon,
                 onClick: _ctx.minusNumber
               }, null, 8, ["icon", "onClick"]),
@@ -2680,7 +2676,7 @@
                 dense: "",
                 unelevated: "",
                 ripple: false,
-                color: "Grey_Lighten-4",
+                color: "grey_20",
                 icon: _ctx.plusIcon,
                 onClick: _ctx.plusNumber
               }, null, 8, ["icon", "onClick"])
@@ -2793,28 +2789,29 @@
   script$r.render = render$r;
 
   var script$q = vue.defineComponent({
-    name: 'SMarkupTable',
-    components: {
-      QMarkupTable: quasar.QMarkupTable, QInnerLoading: quasar.QInnerLoading,
-    },
-    props: {
-      separator: {
-        type: String,
-        default: 'Horizontal',
+      name: 'SMarkupTable',
+      components: {
+        QMarkupTable: quasar.QMarkupTable,
+        QInnerLoading: quasar.QInnerLoading,
       },
-      header: {
-        type: String,
-        default: 'top',
+      props: {
+        separator: {
+          type: String,
+          default: 'Horizontal',
+        },
+        header: {
+          type: String,
+          default: 'top',
+        },
+        noHover: {
+          type: Boolean,
+          default: false,
+        },
       },
-      noHover: {
-        type: Boolean,
-        default: false,
+      setup: function setup() {
+        return {};
       },
-    },
-    setup: function setup() {
-      return {};
-    },
-  });
+    });
 
   function render$q(_ctx, _cache, $props, $setup, $data, $options) {
     var _component_q_inner_loading = vue.resolveComponent("q-inner-loading");
@@ -2844,11 +2841,11 @@
     }, 8, ["separator", "class"]))
   }
 
-  var css_248z$q = ".s-markup-table[data-v-652002dc] {\n  border-radius: 8px !important;\n  border: 1px solid #e1e1e1;\n}\n.s-markup-table[data-v-652002dc] >.q-table > thead {\n  min-height: 0;\n}\n.s-markup-table[data-v-652002dc] >.q-table > thead > tr {\n  height: 40px;\n}\n.s-markup-table[data-v-652002dc] >.q-table > thead > tr > th {\n  padding: 0 16px;\n  font-size: 12px;\n  font-weight: 500;\n  word-break: keep-all;\n  white-space: nowrap;\n}\n.s-markup-table[data-v-652002dc] >.q-table > tbody > tr {\n  min-height: 0px;\n  height: 40px;\n}\n.s-markup-table[data-v-652002dc] >.q-table > tbody > tr > th {\n  font-size: 12px;\n}\n.s-markup-table[data-v-652002dc] >.q-table > tbody > tr > td {\n  height: 40px;\n  padding: 0 12px;\n  font-size: 12px;\n}\n.s-markup-table[data-v-652002dc] >.q-table > tbody > tr > td:before {\n  background: none;\n}\n.s-markup-table[data-v-652002dc] >.q-table > tbody > tr:hover {\n  background-color: #f9f9f9;\n}\n.s-markup-table.header-top[data-v-652002dc] >.q-table thead {\n  background: #f5faff;\n}\n.s-markup-table.header-left[data-v-652002dc] >.q-table > tbody > tr > th {\n  background: #f5faff;\n  font-weight: 700;\n  border-bottom: 1px solid #e1e1e1;\n  padding: 0 16px;\n}\n.s-markup-table.header-left[data-v-652002dc] >.q-table > tbody > tr > th:not(:first-of-type) {\n  border-left: 1px solid #e1e1e1;\n}\n.s-markup-table.header-left[data-v-652002dc] >.q-table > tbody > tr > th:not(:first-of-type) {\n  border-left: 1px solid #e1e1e1;\n}\n.s-markup-table.header-left[data-v-652002dc] >.q-table > tbody > tr:last-of-type > th {\n  border-bottom: none;\n}\n.s-markup-table.header-left[data-v-652002dc] >.q-table > tbody > tr > td {\n  padding: 0 12px;\n}\n.s-markup-table.tr-no-hover[data-v-652002dc] >.q-table > tbody > tr:hover {\n  background-color: transparent;\n}\n.s-markup-table.tr-no-hover[data-v-652002dc] >.q-table > tbody > tr:hover > td:before {\n  background-color: transparent;\n}";
+  var css_248z$q = ".s-markup-table[data-v-d0e43bbc] {\n  border-radius: 8px !important;\n  border: 1px solid #e1e1e1;\n}\n.s-markup-table[data-v-d0e43bbc] > .q-table > thead {\n  min-height: 0;\n}\n.s-markup-table[data-v-d0e43bbc] > .q-table > thead > tr {\n  height: 40px;\n}\n.s-markup-table[data-v-d0e43bbc] > .q-table > thead > tr > th {\n  padding: 0 16px;\n  font-size: 12px;\n  font-weight: 500;\n  word-break: keep-all;\n  white-space: nowrap;\n}\n.s-markup-table[data-v-d0e43bbc] > .q-table > tbody > tr {\n  min-height: 0px;\n  height: 40px;\n}\n.s-markup-table[data-v-d0e43bbc] > .q-table > tbody > tr > th {\n  font-size: 12px;\n}\n.s-markup-table[data-v-d0e43bbc] > .q-table > tbody > tr > td {\n  height: 40px;\n  padding: 0 12px;\n  font-size: 12px;\n}\n.s-markup-table[data-v-d0e43bbc] > .q-table > tbody > tr > td:before {\n  background: none;\n}\n.s-markup-table[data-v-d0e43bbc] > .q-table > tbody > tr:hover {\n  background-color: #f9f9f9;\n}\n.s-markup-table.header-top[data-v-d0e43bbc] > .q-table thead {\n  background: #f5faff;\n}\n.s-markup-table.header-left[data-v-d0e43bbc] > .q-table > tbody > tr > th {\n  background: #f5faff;\n  font-weight: 700;\n  border-bottom: 1px solid #e1e1e1;\n  padding: 0 16px;\n}\n.s-markup-table.header-left[data-v-d0e43bbc] > .q-table > tbody > tr > th:not(:first-of-type) {\n  border-left: 1px solid #e1e1e1;\n}\n.s-markup-table.header-left[data-v-d0e43bbc] > .q-table > tbody > tr > th:not(:first-of-type) {\n  border-left: 1px solid #e1e1e1;\n}\n.s-markup-table.header-left[data-v-d0e43bbc] > .q-table > tbody > tr:last-of-type > th {\n  border-bottom: none;\n}\n.s-markup-table.header-left[data-v-d0e43bbc] > .q-table > tbody > tr > td {\n  padding: 0 12px;\n}\n.s-markup-table.tr-no-hover[data-v-d0e43bbc] > .q-table > tbody > tr:hover {\n  background-color: transparent;\n}\n.s-markup-table.tr-no-hover[data-v-d0e43bbc] > .q-table > tbody > tr:hover > td:before {\n  background-color: transparent;\n}";
   styleInject(css_248z$q);
 
   script$q.render = render$q;
-  script$q.__scopeId = "data-v-652002dc";
+  script$q.__scopeId = "data-v-d0e43bbc";
 
   var script$p = vue.defineComponent({
       name: 'SPagination',
@@ -2994,7 +2991,7 @@
           type: "button",
           align: "center",
           class: "bg-transparent first-btn",
-          "text-color": "Grey_Darken-2",
+          "text-color": "grey_80",
           icon: _ctx.paginationFirstIcon,
           onClick: _cache[0] || (_cache[0] = function ($event) { return (_ctx.updateModelValue('goFirst')); })
         }, null, 8, ["icon"]),
@@ -3007,7 +3004,7 @@
           type: "button",
           align: "center",
           class: "left-btn",
-          "text-color": "Grey_Darken-2",
+          "text-color": "grey_80",
           icon: _ctx.paginationLeftIcon,
           onClick: _cache[1] || (_cache[1] = function ($event) { return (_ctx.updateModelValue('goLeft')); })
         }, null, 8, ["icon"])
@@ -3023,7 +3020,7 @@
             unelevated: "",
             ripple: false,
             label: pageNumber,
-            "text-color": "Grey_Darken-2",
+            "text-color": "grey_80",
             type: "button",
             align: "center",
             onClick: function ($event) { return (_ctx.perPage > 1 ? _ctx.updateModelValue(pageNumber) : null); },
@@ -3054,7 +3051,7 @@
           type: "button",
           align: "center",
           class: "right-btn",
-          "text-color": "Grey_Darken-2",
+          "text-color": "grey_80",
           icon: _ctx.paginationRightIcon,
           onClick: _cache[2] || (_cache[2] = function ($event) { return (_ctx.updateModelValue('goRight')); })
         }, null, 8, ["icon"]),
@@ -3067,7 +3064,7 @@
           type: "button",
           align: "center",
           class: "last-btn",
-          "text-color": "Grey_Darken-2",
+          "text-color": "grey_80",
           icon: _ctx.paginationLastIcon,
           onClick: _cache[3] || (_cache[3] = function ($event) { return (_ctx.updateModelValue('goLast')); })
         }, null, 8, ["icon"])
@@ -3081,14 +3078,14 @@
   script$p.render = render$p;
 
   var script$o = vue.defineComponent({
-    name: 'SRadio',
-    components: {
-      QRadio: quasar.QRadio,
-    },
-    props: {
-      length: Number,
-    },
-  });
+      name: 'SRadio',
+      components: {
+        QRadio: quasar.QRadio,
+      },
+      props: {
+        length: Number,
+      },
+    });
 
   function render$o(_ctx, _cache, $props, $setup, $data, $options) {
     var _component_q_radio = vue.resolveComponent("q-radio");
@@ -3612,7 +3609,7 @@
             (opt[_ctx.optionGroup])
               ? (vue.openBlock(), vue.createBlock(_component_q_item_section, {
                   key: 1,
-                  class: "text-Grey_Darken-4 group-title"
+                  class: "text-grey_90 group-title"
                 }, {
                   default: vue.withCtx(function () { return [
                     vue.createTextVNode(vue.toDisplayString(opt[_ctx.optionGroup]), 1)
@@ -3726,7 +3723,7 @@
             name: vue.unref(closeIcon12),
             size: "12px",
             class: "q-pa-sm cursor-pointer",
-            color: "Grey_Default",
+            color: "grey_65",
             onClick: _cache[1] || (_cache[1] = function ($event) { return (_ctx.$emit('onDelete')); })
           }, null, 8, ["name"]))
         : vue.createCommentVNode("", true)
@@ -3736,10 +3733,10 @@
 
   };
 
-  var css_248z$k = ".search-input-form[data-v-43b27adb] {\n  height: 28px;\n  display: flex;\n  align-items: center;\n  padding-left: 8px;\n  position: relative;\n  border-radius: 2px;\n  border: 1px solid #aaaaaa;\n  background-color: white;\n  position: sticky;\n  top: 0;\n  z-index: 1;\n  margin: 4px;\n}\n.search-input-form[data-v-43b27adb]::after {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  pointer-events: none;\n  border: 1px solid transparent;\n  border-radius: inherit;\n}\n.search-input-form[data-v-43b27adb]:hover::after, .search-input-form[data-v-43b27adb]:focus-within::after {\n  border-color: #0075ff;\n  box-shadow: 0 0 4px #0075ff;\n  transition: border-color 0.36s cubic-bezier(0.4, 0, 0.2, 1);\n}\n.search-input-form .search-input[data-v-43b27adb] {\n  font-size: 12px;\n  margin-left: 8px;\n  flex-grow: 1;\n  border: none;\n  outline: none;\n}";
+  var css_248z$k = ".search-input-form[data-v-38fcd424] {\n  height: 28px;\n  display: flex;\n  align-items: center;\n  padding-left: 8px;\n  position: relative;\n  border-radius: 2px;\n  border: 1px solid #aaaaaa;\n  background-color: white;\n  position: sticky;\n  top: 0;\n  z-index: 1;\n  margin: 4px;\n}\n.search-input-form[data-v-38fcd424]::after {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  pointer-events: none;\n  border: 1px solid transparent;\n  border-radius: inherit;\n}\n.search-input-form[data-v-38fcd424]:hover::after, .search-input-form[data-v-38fcd424]:focus-within::after {\n  border-color: #0075ff;\n  box-shadow: 0 0 4px #0075ff;\n  transition: border-color 0.36s cubic-bezier(0.4, 0, 0.2, 1);\n}\n.search-input-form .search-input[data-v-38fcd424] {\n  font-size: 12px;\n  margin-left: 8px;\n  flex-grow: 1;\n  border: none;\n  outline: none;\n}";
   styleInject(css_248z$k);
 
-  script$k.__scopeId = "data-v-43b27adb";
+  script$k.__scopeId = "data-v-38fcd424";
 
   var script$j = vue.defineComponent({
       name: 'SSelectSearch',
@@ -4269,7 +4266,7 @@
             (opt[_ctx.optionGroup])
               ? (vue.openBlock(), vue.createBlock(_component_q_item_section, {
                   key: 1,
-                  class: "text-Grey_Darken-4"
+                  class: "text-grey_90"
                 }, {
                   default: vue.withCtx(function () { return [
                     vue.createTextVNode(vue.toDisplayString(opt[_ctx.optionGroup]), 1)
@@ -4284,7 +4281,7 @@
                 }, {
                   default: vue.withCtx(function () { return [
                     vue.createVNode(_component_q_img, {
-                      class: "q-pa-none bg-Grey_Lighten-5",
+                      class: "q-pa-none bg-grey_10",
                       src: opt.logo,
                       width: "60px",
                       height: "22px"
@@ -4638,7 +4635,7 @@
             }, {
               default: vue.withCtx(function () { return [
                 vue.createVNode(_component_q_item_section, {
-                  class: "s-px-sm s-py-xxs flex row s-gap-10 justify-start text-Grey_Darken-4 cursor-pointer",
+                  class: "s-px-sm s-py-xxs flex row s-gap-10 justify-start text-grey_90 cursor-pointer",
                   onClick: _cache[2] || (_cache[2] = function ($event) { return (_ctx.toggleTotalOption(!_ctx.isAllChecked)); })
                 }, {
                   default: vue.withCtx(function () { return [
@@ -4665,7 +4662,7 @@
         }, {
           default: vue.withCtx(function () { return [
             vue.createVNode(_component_q_item_section, {
-              class: vue.normalizeClass(["s-px-sm s-py-xxs flex row justify-start text-Grey_Darken-4 cursor-pointer", opt[_ctx.optionGroup] ? 'group-title' : 'group-content']),
+              class: vue.normalizeClass(["s-px-sm s-py-xxs flex row justify-start text-grey_90 cursor-pointer", opt[_ctx.optionGroup] ? 'group-title' : 'group-content']),
               onClick: function ($event) { return (_ctx.toggleItem(opt)); }
             }, {
               default: vue.withCtx(function () { return [
@@ -5110,36 +5107,36 @@
 
   var colorStatusList = {
       Grey: {
-        color: 'Grey_Lighten-4',
-        textColor: 'Grey_Darken-1',
+        color: 'grey_20',
+        textColor: 'grey_70',
       },
       Red: {
-        color: 'Red_Lighten-6',
-        textColor: 'Red_Lighten-1',
+        color: 'red_15',
+        textColor: 'red_70',
       },
       Orange: {
-        color: 'Orange_Lighten-6',
-        textColor: 'Orange_Default',
+        color: 'orange_10',
+        textColor: 'orange_65',
       },
       Yellow: {
-        color: 'Yellow_Lighten-5',
-        textColor: 'Yellow_Darken-2',
+        color: 'yellow_10',
+        textColor: 'yellow_60',
       },
       Green: {
-        color: 'Green_Lighten-6',
-        textColor: 'Green_Lighten-1',
+        color: 'green_15',
+        textColor: 'green_70',
       },
       Blue: {
-        color: 'Blue_C_Lighten-6',
-        textColor: 'Blue_C_Default',
+        color: 'brilliantblue_20',
+        textColor: 'brilliantblue_75',
       },
       Darkblue: {
-        color: 'Blue_B_Lighten-6',
-        textColor: 'Blue_B_Lighten-1',
+        color: 'oceanblue_15',
+        textColor: 'oceanblue_70',
       },
       Indigo: {
-        color: 'Blue_C_Lighten-7',
-        textColor: 'Blue_C_Darken-2',
+        color: 'brilliantblue_10',
+        textColor: 'brilliantblue_85',
       },
     };
 
@@ -5157,7 +5154,7 @@
         },
         color: {
           type: String,
-          default: 'Blue_C_Lighten-6',
+          default: 'brilliantblue_20',
         },
         textColor: {
           type: String,
@@ -5229,11 +5226,11 @@
     }, 8, ["class", "color", "text-color"]))
   }
 
-  var css_248z$e = ".s-tag[data-v-1e1a93e5] {\n  border-radius: 4px;\n  box-sizing: border-box;\n}\n.s-tag__sm[data-v-1e1a93e5] {\n  padding: 1px 6px;\n  height: 20px;\n}\n.s-tag__sm > span[data-v-1e1a93e5] {\n  line-height: 18px;\n  font-size: 11px;\n}\n.s-tag__md[data-v-1e1a93e5] {\n  padding: 2px 8px;\n  height: 24px;\n}\n.s-tag__md > span[data-v-1e1a93e5] {\n  line-height: 20px;\n  font-size: 12px;\n  font-weight: 700;\n}\n.s-tag__lg[data-v-1e1a93e5] {\n  padding: 4px 16px;\n  height: 48px;\n}\n.s-tag__lg > span[data-v-1e1a93e5] {\n  line-height: 40px;\n  font-size: 24px;\n  font-weight: 700;\n}\n.s-tag__rounded[data-v-1e1a93e5] {\n  border-radius: 20px;\n}";
+  var css_248z$e = ".s-tag[data-v-4dca9e42] {\n  border-radius: 4px;\n  box-sizing: border-box;\n}\n.s-tag__sm[data-v-4dca9e42] {\n  padding: 1px 6px;\n  height: 20px;\n}\n.s-tag__sm > span[data-v-4dca9e42] {\n  line-height: 18px;\n  font-size: 11px;\n}\n.s-tag__md[data-v-4dca9e42] {\n  padding: 2px 8px;\n  height: 24px;\n}\n.s-tag__md > span[data-v-4dca9e42] {\n  line-height: 20px;\n  font-size: 12px;\n  font-weight: 700;\n}\n.s-tag__lg[data-v-4dca9e42] {\n  padding: 4px 16px;\n  height: 48px;\n}\n.s-tag__lg > span[data-v-4dca9e42] {\n  line-height: 40px;\n  font-size: 24px;\n  font-weight: 700;\n}\n.s-tag__rounded[data-v-4dca9e42] {\n  border-radius: 20px;\n}";
   styleInject(css_248z$e);
 
   script$e.render = render$f;
-  script$e.__scopeId = "data-v-1e1a93e5";
+  script$e.__scopeId = "data-v-4dca9e42";
 
   var script$d = vue.defineComponent({
       name: 'STab',
@@ -5357,7 +5354,12 @@
         var calcWidth = isStickyLeft ? curColWidth + diffX : curColWidth - diffX;
 
         var computedStyles = window.getComputedStyle(curCol);
-        var min = parseInt(computedStyles.minWidth || ("" + MIN_COL_WIDTH), 10);
+        var min = parseInt(
+          computedStyles.minWidth === '0px'
+            ? MIN_COL_WIDTH
+            : computedStyles.minWidth || MIN_COL_WIDTH,
+          10
+        );
         var max = parseInt(
           computedStyles.maxWidth === 'none' ? '9999' : computedStyles.maxWidth || '9999',
           10
@@ -5441,11 +5443,16 @@
         if (isLeftSticky || isRightSticky) { return; }
 
         var shouldAddResizable = (function () {
-          if (isSelectTable) {
-            if (useLastCellResizable && isLastCol) { return true; }
+          if (!useLastCellResizable && !isSelectTable) {
+            return !isLastCol;
+          }
+          if (!useLastCellResizable && isSelectTable) {
             return !isFirstCol && !isLastCol;
           }
-          return useLastCellResizable ? !isLastCol : true;
+          if (useLastCellResizable && isSelectTable) {
+            return !isFirstCol;
+          }
+          return true;
         })();
 
         if (shouldAddResizable) {
@@ -5924,7 +5931,7 @@
                                     key: 0,
                                     size: "16px",
                                     name: _ctx.editIcon,
-                                    color: "Blue_B_Lighten-1",
+                                    color: "oceanblue_70",
                                     class: "q-ml-xs"
                                   }, null, 8, ["name"]))
                                 : vue.createCommentVNode("", true)
@@ -5968,7 +5975,7 @@
               _ctx.updatePagination
             ],
             lastPage: _ctx.pagesNumber,
-            class: "bg-Grey_Lighten-6 s-border-radius-sm s-border-top-none s-border-Grey_Lighten-3"
+            class: "bg-grey_05 s-border-radius-sm s-border-top-none s-border-grey_30"
           }, null, 8, ["modelValue", "lastPage", "onUpdate:modelValue"]))
         : vue.createCommentVNode("", true)
     ], 64))
@@ -6249,13 +6256,13 @@
                   vue.createVNode(_component_s_button, {
                     label: $props.locale[$props.lang].am,
                     outline: !$setup.isAm,
-                    color: $setup.isAm ? 'positive' : 'Grey_Default',
+                    color: $setup.isAm ? 'positive' : 'grey_65',
                     onClick: _cache[0] || (_cache[0] = function ($event) { return ($setup.onClickAmPm($props.locale[$props.lang].am)); })
                   }, null, 8, ["label", "outline", "color"]),
                   vue.createVNode(_component_s_button, {
                     label: $props.locale[$props.lang].pm,
                     outline: $setup.isAm,
-                    color: !$setup.isAm ? 'positive' : 'Grey_Default',
+                    color: !$setup.isAm ? 'positive' : 'grey_65',
                     class: "q-mt-sm",
                     onClick: _cache[1] || (_cache[1] = function ($event) { return ($setup.onClickAmPm($props.locale[$props.lang].pm)); })
                   }, null, 8, ["label", "outline", "color"])
@@ -6264,7 +6271,7 @@
               }),
               vue.createVNode(_component_q_separator, {
                 vertical: "",
-                color: "Grey_Lighten-4"
+                color: "grey_20"
               })
             ], 64))
           : vue.createCommentVNode("", true),
@@ -6274,7 +6281,7 @@
               vue.createVNode(_component_s_button, {
                 flat: "",
                 icon: $setup.arrowUpIcon,
-                color: "Grey_Lighten-2",
+                color: "grey_45",
                 class: "no-hover",
                 onClick: _cache[2] || (_cache[2] = function ($event) { return ($setup.onClickUp('hh')); })
               }, null, 8, ["icon"]),
@@ -6303,7 +6310,7 @@
               vue.createVNode(_component_s_button, {
                 flat: "",
                 icon: $setup.arrowDownIcon,
-                color: "Grey_Lighten-2",
+                color: "grey_45",
                 class: "no-hover",
                 onClick: _cache[8] || (_cache[8] = function ($event) { return ($setup.onClickDown('hh')); })
               }, null, 8, ["icon"])
@@ -6313,7 +6320,7 @@
               vue.createVNode(_component_s_button, {
                 flat: "",
                 icon: $setup.arrowUpIcon,
-                color: "Grey_Lighten-2",
+                color: "grey_45",
                 class: "no-hover",
                 onClick: _cache[9] || (_cache[9] = function ($event) { return ($setup.onClickUp('mm')); })
               }, null, 8, ["icon"]),
@@ -6342,7 +6349,7 @@
               vue.createVNode(_component_s_button, {
                 flat: "",
                 icon: $setup.arrowDownIcon,
-                color: "Grey_Lighten-2",
+                color: "grey_45",
                 class: "no-hover",
                 onClick: _cache[15] || (_cache[15] = function ($event) { return ($setup.onClickDown('mm')); })
               }, null, 8, ["icon"])
@@ -6354,7 +6361,7 @@
                     vue.createVNode(_component_s_button, {
                       flat: "",
                       icon: $setup.arrowUpIcon,
-                      color: "Grey_Lighten-2",
+                      color: "grey_45",
                       class: "no-hover",
                       onClick: _cache[16] || (_cache[16] = function ($event) { return ($setup.onClickUp('ss')); })
                     }, null, 8, ["icon"]),
@@ -6383,7 +6390,7 @@
                     vue.createVNode(_component_s_button, {
                       flat: "",
                       icon: $setup.arrowDownIcon,
-                      color: "Grey_Lighten-2",
+                      color: "grey_45",
                       class: "no-hover",
                       onClick: _cache[22] || (_cache[22] = function ($event) { return ($setup.onClickDown('ss')); })
                     }, null, 8, ["icon"])
@@ -6492,7 +6499,7 @@
 
   var _hoisted_1$8 = {
     key: 0,
-    class: "inside-label bg-Grey_Lighten-5 full-height flex flex-center"
+    class: "inside-label bg-grey_10 full-height flex flex-center"
   };
   var _hoisted_2$6 = {
     key: 0,
@@ -6518,13 +6525,13 @@
         ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$8, vue.toDisplayString(_ctx.insideLabel), 1))
         : vue.createCommentVNode("", true),
       vue.createElementVNode("div", {
-        class: "time-picker full-width flex no-wrap items-center text-Grey_Darken-4 q-pr-md",
+        class: "time-picker full-width flex no-wrap items-center text-grey_90 q-pr-md",
         style: vue.normalizeStyle(_ctx.range ? 'min-width: 170px' : 'min-width: 121px;')
       }, [
         vue.createVNode(_component_q_icon, {
           name: _ctx.clockIcon,
           size: "20px",
-          color: "Grey_Darken-1",
+          color: "grey_70",
           class: "q-mx-sm"
         }, null, 8, ["name"]),
         (_ctx.range)
@@ -6616,11 +6623,11 @@
   script$9.render = render$a;
 
   var script$8 = vue.defineComponent({
-    name: 'SToggle',
-    components: {
-      QToggle: quasar.QToggle,
-    },
-  });
+      name: 'SToggle',
+      components: {
+        QToggle: quasar.QToggle,
+      },
+    });
 
   function render$9(_ctx, _cache, $props, $setup, $data, $options) {
     var _component_q_toggle = vue.resolveComponent("q-toggle");
@@ -6638,80 +6645,83 @@
   script$8.render = render$9;
 
   var script$7 = vue.defineComponent({
-    name: 'STooltip',
-    components: {
-      QTooltip: quasar.QTooltip,
-      QBtn: quasar.QBtn,
-      QMenu: quasar.QMenu,
-      QIcon: quasar.QIcon,
-    },
-    props: {
-      modelValue: Boolean,
-      textColor: {
-        type: String,
-        default: '',
-      },
-      toggleColor: {
-        type: String,
-        default: '',
-      },
-      needToggle: {
-        type: Boolean,
-        default: false,
-      },
-      toggle: {
-        type: Boolean,
-        default: false,
-      },
-      noHover: {
-        type: Boolean,
-        default: false,
-      },
-      boxAnchor: {
-        type: String,
-        required: true,
-      },
-      boxSelf: {
-        type: String,
-        required: true,
-      },
-      boxOffset: {
-        type: Array,
-        required: true,
-      },
-      arrowAnchor: {
-        type: String,
-        required: true,
-      },
-      arrowSelf: {
-        type: String,
-        required: true,
-      },
-      arrowOffset: {
-        type: Array,
-        required: true,
-      },
-      arrowStyle: {
-        type: String,
-        required: true,
+      name: 'STooltip',
+      components: {
+        QTooltip: quasar.QTooltip,
+        QBtn: quasar.QBtn,
+        QMenu: quasar.QMenu,
+        QIcon: quasar.QIcon,
       },
-      menuClass: {
-        type: String,
-        default: '',
+      props: {
+        modelValue: Boolean,
+        textColor: {
+          type: String,
+          default: '',
+        },
+        toggleColor: {
+          type: String,
+          default: '',
+        },
+        needToggle: {
+          type: Boolean,
+          default: false,
+        },
+        toggle: {
+          type: Boolean,
+          default: false,
+        },
+        noHover: {
+          type: Boolean,
+          default: false,
+        },
+        boxAnchor: {
+          type: String,
+          required: true,
+        },
+        boxSelf: {
+          type: String,
+          required: true,
+        },
+        boxOffset: {
+          type: Array,
+          required: true,
+        },
+        arrowAnchor: {
+          type: String,
+          required: true,
+        },
+        arrowSelf: {
+          type: String,
+          required: true,
+        },
+        arrowOffset: {
+          type: Array,
+          required: true,
+        },
+        arrowStyle: {
+          type: String,
+          required: true,
+        },
+        menuClass: {
+          type: String,
+          default: '',
+        },
       },
-    },
-    setup: function setup(props) {
-      var isToggled = vue.ref(props.toggle);
+      setup: function setup(props) {
+        var isToggled = vue.ref(props.toggle);
 
-      vue.watch(function () { return props.toggle; }, function (val) {
-        isToggled.value = val;
-      });
-      return {
-        isToggled: isToggled,
-        closeIcon: closeIcon,
-      };
-    },
-  });
+        vue.watch(
+          function () { return props.toggle; },
+          function (val) {
+            isToggled.value = val;
+          }
+        );
+        return {
+          isToggled: isToggled,
+          closeIcon: closeIcon,
+        };
+      },
+    });
 
   var _hoisted_1$7 = { class: "tooltip-close-icon cursor-pointer" };
   var _hoisted_2$5 = { class: "q-py-sm q-px-md" };
@@ -6729,8 +6739,8 @@
       unelevated: "",
       ripple: false,
       class: vue.normalizeClass(["s-tooltip-btn q-pa-none", { 'no-hover': _ctx.noHover }]),
-      onMouseenter: _cache[4] || (_cache[4] = function () { return _ctx.isToggled = true; }),
-      onClick: _cache[5] || (_cache[5] = function () { return _ctx.isToggled = false; }),
+      onMouseenter: _cache[4] || (_cache[4] = function () { return (_ctx.isToggled = true); }),
+      onClick: _cache[5] || (_cache[5] = function () { return (_ctx.isToggled = false); }),
       "text-color": _ctx.needToggle && _ctx.isToggled && _ctx.toggleColor ? _ctx.toggleColor : _ctx.textColor
     }, {
       default: vue.withCtx(function () { return [
@@ -6743,14 +6753,14 @@
                 modelValue: _ctx.isToggled,
                 "no-parent-event": "",
                 persistent: "",
-                class: vue.normalizeClass([_ctx.menuClass, "bg-Blue_B_Darken-2 text-white s-tooltip"])
+                class: vue.normalizeClass([_ctx.menuClass, "bg-oceanblue_85 text-white s-tooltip"])
               }, {
                 default: vue.withCtx(function () { return [
                   vue.createElementVNode("div", _hoisted_1$7, [
                     vue.createVNode(_component_q_icon, {
                       name: _ctx.closeIcon,
                       size: "16px",
-                      onClick: _cache[0] || (_cache[0] = function () { return _ctx.isToggled = false; })
+                      onClick: _cache[0] || (_cache[0] = function () { return (_ctx.isToggled = false); })
                     }, null, 8, ["name"])
                   ]),
                   vue.createElementVNode("div", _hoisted_2$5, [
@@ -6765,10 +6775,12 @@
                 offset: _ctx.$props.arrowOffset,
                 class: vue.normalizeClass([_ctx.$props.arrowStyle, "tooltip-triangle"]),
                 "model-value": _ctx.isToggled,
-                "onUpdate:modelValue": _cache[1] || (_cache[1] = function (val) {
-            _ctx.isToggled = val;
-            _ctx.$emit('update:modelValue', val);
-          }),
+                "onUpdate:modelValue": _cache[1] || (_cache[1] = 
+            function (val) {
+              _ctx.isToggled = val;
+              _ctx.$emit('update:modelValue', val);
+            }
+          ),
                 "no-parent-event": "",
                 persistent: ""
               }, null, 8, ["anchor", "self", "offset", "class", "model-value"])
@@ -6778,7 +6790,7 @@
                 anchor: _ctx.$props.boxAnchor,
                 self: _ctx.$props.boxSelf,
                 offset: _ctx.$props.boxOffset,
-                class: "bg-Blue_B_Darken-2 text-white s-tooltip",
+                class: "bg-oceanblue_85 text-white s-tooltip",
                 modelValue: _ctx.modelValue,
                 onHide: _cache[2] || (_cache[2] = function ($event) { return (_ctx.$emit('update:modelValue', false)); }),
                 onShow: _cache[3] || (_cache[3] = function ($event) { return (_ctx.$emit('update:modelValue', true)); })
@@ -6835,8 +6847,7 @@
         locale: {
           type: Object,
           default: initLocaleObj,
-        }
-
+        },
       },
       setup: function setup(props, ref$1) {
         var emit = ref$1.emit;
@@ -6860,11 +6871,11 @@
 
           var matchedInput = val.match(/\d{4}-\d{2}-\d{2} \d{2}:\d{2}:\d{2}/);
 
-          if (!matchedInput) { return; }
+          if (!matchedInput) {
+            return;
+          }
           var validInput = matchedInput[0];
-          if (
-            Number.isNaN(+new Date(validInput.match(/\d{4}-\d{2}-\d{2}/)[0]))
-          ) {
+          if (Number.isNaN(+new Date(validInput.match(/\d{4}-\d{2}-\d{2}/)[0]))) {
             dateValue.value = quasar.date.formatDate(new Date(), 'YYYY-MM-DD');
             inputValue.value = (dateValue.value) + " " + (timeValue.value);
           } else {
@@ -6926,7 +6937,7 @@
       dense: "",
       outlined: "",
       class: vue.normalizeClass([{
-        'text-Grey_Default bg-Grey_Lighten-5': $props.isDisable,
+        'text-grey_65 bg-grey_10': $props.isDisable,
       }, "q-pa-none s-date-time-picker"]),
       placeholder: $props.modelValue,
       modelValue: $setup.inputValue,
@@ -6971,7 +6982,7 @@
                 options: $setup.optionsFn,
                 noUnset: ""
               }, null, 8, ["modelValue", "locale", "options"]),
-              vue.createVNode(_component_q_separator, { color: "Grey_Lighten-4" }),
+              vue.createVNode(_component_q_separator, { color: "grey_20" }),
               vue.createVNode(_component_time_picker_card, {
                 modelValue: $setup.timeValue,
                 "onUpdate:modelValue": _cache[2] || (_cache[2] = function ($event) { return (($setup.timeValue) = $event); }),
@@ -7029,10 +7040,10 @@
           type: Object,
           default: function () { return ({ from: '', to: '' }); },
         },
-        locale : {
+        locale: {
           type: Object,
-          default: initLocaleObj
-        }
+          default: initLocaleObj,
+        },
       },
 
       setup: function setup(props, ref$1) {
@@ -7159,7 +7170,7 @@
               vue.createVNode(_component_q_icon, {
                 name: $setup.dateRangeIcon,
                 size: "20px",
-                color: "Grey_Darken-1",
+                color: "grey_70",
                 class: "cursor-pointer"
               }, null, 8, ["name"])
             ]; }),
@@ -7176,7 +7187,7 @@
                       class: "reset-btn no-hover",
                       flat: "",
                       label: $props.locale[$props.lang].today,
-                      "text-color": "Grey_Darken-4",
+                      "text-color": "grey_90",
                       ripple: false,
                       onClick: _cache[0] || (_cache[0] = function ($event) { return ($setup.resetDate('from')); })
                     }, null, 8, ["label"])
@@ -7218,7 +7229,7 @@
               vue.createVNode(_component_q_icon, {
                 name: $setup.dateRangeIcon,
                 size: "20px",
-                color: "Grey_Darken-1",
+                color: "grey_70",
                 class: "cursor-pointer"
               }, null, 8, ["name"])
             ]; }),
@@ -7235,7 +7246,7 @@
                       class: "reset-btn no-hover",
                       flat: "",
                       label: $props.locale[$props.lang].today,
-                      "text-color": "Grey_Darken-4",
+                      "text-color": "grey_90",
                       ripple: false,
                       onClick: _cache[4] || (_cache[4] = function ($event) { return ($setup.resetDate('to')); })
                     }, null, 8, ["label"])
@@ -7328,7 +7339,7 @@
         },
         locale: {
           type: Object,
-          default: initLocaleObj
+          default: initLocaleObj,
         },
         useDelete: {
           type: Boolean,
@@ -7601,7 +7612,7 @@
     style: {"flex-grow":"1","justify-content":"center"}
   };
   var _hoisted_3$2 = { class: "reset-btn-area flex justify-end" };
-  var _hoisted_4$1 = /*#__PURE__*/vue.createElementVNode("span", { class: "q-mx-sm text-Grey_Darken-4" }, "~", -1);
+  var _hoisted_4$1 = /*#__PURE__*/vue.createElementVNode("span", { class: "q-mx-sm text-grey_90" }, "~", -1);
   var _hoisted_5$1 = { class: "reset-btn-area flex justify-end" };
   var _hoisted_6$1 = { class: "reset-btn-area flex justify-end" };
 
@@ -7640,7 +7651,7 @@
                     vue.createVNode(_component_q_icon, {
                       name: $setup.dateRangeIcon,
                       size: "20px",
-                      color: "Grey_Darken-1",
+                      color: "grey_70",
                       class: "cursor-pointer",
                       onClick: _cache[0] || (_cache[0] = function ($event) { return ($setup.fromMenuRef[$setup.menuModel.from ? 'hide' : 'show']()); })
                     }, null, 8, ["name"])
@@ -7663,7 +7674,7 @@
                             class: "reset-btn no-hover",
                             flat: "",
                             label: $props.lang ? $props.locale[$props.lang].today : '오늘',
-                            "text-color": "Grey_Darken-4",
+                            "text-color": "grey_90",
                             ripple: false,
                             onClick: _cache[1] || (_cache[1] = function ($event) { return ($setup.resetDate('from')); })
                           }, null, 8, ["label"])
@@ -7706,7 +7717,7 @@
                     vue.createVNode(_component_q_icon, {
                       name: $setup.dateRangeIcon,
                       size: "20px",
-                      color: "Grey_Darken-1",
+                      color: "grey_70",
                       class: "cursor-pointer",
                       onClick: _cache[9] || (_cache[9] = function ($event) { return ($setup.toMenuRef[$setup.menuModel.to ? 'hide' : 'show']()); })
                     }, null, 8, ["name"])
@@ -7729,7 +7740,7 @@
                             class: "reset-btn no-hover",
                             flat: "",
                             label: $props.lang ? $props.locale[$props.lang].today : '오늘',
-                            "text-color": "Grey_Darken-4",
+                            "text-color": "grey_90",
                             ripple: false,
                             onClick: _cache[10] || (_cache[10] = function ($event) { return ($setup.resetDate('to')); })
                           }, null, 8, ["label"])
@@ -7773,7 +7784,7 @@
                   vue.createVNode(_component_q_icon, {
                     name: $setup.dateRangeIcon,
                     size: "20px",
-                    color: "Grey_Darken-1",
+                    color: "grey_70",
                     class: "cursor-pointer",
                     onClick: _cache[18] || (_cache[18] = function ($event) { return ($setup.singleMenuRef[$setup.menuModel.single ? 'hide' : 'show']()); })
                   }, null, 8, ["name"])
@@ -7796,7 +7807,7 @@
                           class: "reset-btn no-hover",
                           flat: "",
                           label: $props.lang ? $props.locale[$props.lang].today : '오늘',
-                          "text-color": "Grey_Darken-4",
+                          "text-color": "grey_90",
                           ripple: false,
                           onClick: _cache[19] || (_cache[19] = function ($event) { return ($setup.resetDate()); })
                         }, null, 8, ["label"])
@@ -7881,7 +7892,7 @@
           type: Object,
           /**
            * @returns {{ from: null | string; to: null | string; }}
-          */
+           */
           default: function () { return ({ from: null, to: null }); },
           require: true,
         },
@@ -7898,7 +7909,7 @@
           /**
            * number 일 경우, 기본 값 date
            * @returns {null | number | { ['date' | 'month' | 'year']: number; }}
-          */
+           */
           default: null,
         },
         width: {
@@ -7916,9 +7927,13 @@
         var todayReset = quasar.date.formatDate(new Date(), 'YYYY/MM/DD');
 
         var dateModel = vue.ref({ from: todayReset, to: todayReset });
-        vue.watch(function () { return props.modelValue; }, function (newValue) {
-          dateModel.value = newValue;
-        }, { immediate: true });
+        vue.watch(
+          function () { return props.modelValue; },
+          function (newValue) {
+            dateModel.value = newValue;
+          },
+          { immediate: true }
+        );
 
         function resetDate() {
           dateModel.value.from = quasar.date.formatDate(todayReset, 'YYYY-MM-DD');
@@ -7933,9 +7948,13 @@
         function optionsStartFn() {
           if (dateModel.value.from && props.dateLimit) {
             limit.value = '';
-            limit.value = quasar.date.formatDate(quasar.date.addToDate(new Date(dateModel.value.from), typeof props.dateLimit === 'number'
-            ? { date: props.dateLimit }
-            : props.dateLimit), 'YYYY-MM-DD');
+            limit.value = quasar.date.formatDate(
+              quasar.date.addToDate(
+                new Date(dateModel.value.from),
+                typeof props.dateLimit === 'number' ? { date: props.dateLimit } : props.dateLimit
+              ),
+              'YYYY-MM-DD'
+            );
           }
           return true;
         }
@@ -7957,7 +7976,7 @@
         /**
          * @param {string} model
          * @param {'from' | 'to'} position
-        */
+         */
         function updateDate(model, position) {
           if ( position === void 0 ) position = 'from';
 
@@ -7989,7 +8008,7 @@
     });
   var __injectCSSVars__ = function () {
   vue.useCssVars(function (_ctx) { return ({
-    "00f53702": (_ctx.dateWidth)
+    "8d30883a": (_ctx.dateWidth)
   }); });};
   var __setup__ = __default__.setup;
   __default__.setup = __setup__
@@ -8011,7 +8030,7 @@
       dense: "",
       outlined: "",
       class: vue.normalizeClass([{
-        'text-Grey_Default bg-Grey_Lighten-5': _ctx.disable,
+        'text-grey_65 bg-grey_10': _ctx.disable,
         's-date-auto-range-picker--inside': _ctx.insideLabel,
         's-date-auto-range-picker--use-icon': _ctx.useDelete,
       }, "q-pa-none s-date-auto-range-picker bg-white"]),
@@ -8027,7 +8046,7 @@
           name: _ctx.dateRangeIcon,
           class: "cursor-pointer q-pa-none no-hover",
           size: "20px",
-          color: _ctx.disable ? 'Grey_Default' : 'Grey_Darken-1'
+          color: _ctx.disable ? 'grey_65' : 'grey_70'
         }, {
           default: vue.withCtx(function () { return [
             vue.createVNode(_component_q_menu, {
@@ -8097,9 +8116,7 @@
             name: "before",
             fn: vue.withCtx(function () { return [
               vue.createElementVNode("div", {
-                class: vue.normalizeClass(["date-picker-label s-px-sm q-py-xs text-Grey_Darken-4 bg-Grey_Lighten-5", _ctx.disable
-            ? 's-border-Grey_Lighten-2'
-            : 's-border-Grey_Lighten-1'])
+                class: vue.normalizeClass(["date-picker-label s-px-sm q-py-xs text-grey_90 bg-grey_10", _ctx.disable ? 's-border-grey_45' : 's-border-grey_55'])
               }, vue.toDisplayString(_ctx.insideLabel), 3)
             ]; }),
             key: "0"
@@ -8123,7 +8140,7 @@
     ]), 1032, ["class", "disable", "modelValue"]))
   }
 
-  var css_248z$4 = ".s-date-auto-range-picker {\n  width: var(--00f53702);\n}\n.s-date-auto-range-picker .q-field__control {\n  max-height: 28px;\n  height: 28px;\n  padding: 0;\n}\n.s-date-auto-range-picker .q-field__control:before {\n  border: 1px solid #aaaaaa !important;\n}\n.s-date-auto-range-picker .q-field__control:after {\n  border-color: transparent !important;\n  box-shadow: none !important;\n}\n.s-date-auto-range-picker .q-field__control:hover, .s-date-auto-range-picker .q-field__control:active {\n  box-sizing: none;\n  background-color: #f6f6f6;\n}\n.s-date-auto-range-picker .q-field__control .q-field__prepend {\n  padding: 0;\n  margin: 0 4px 0 8px;\n  height: 28px;\n  width: 20px;\n}\n.s-date-auto-range-picker .q-field__control-container {\n  align-items: center;\n  padding: 0;\n  margin: 0 16px 0 8px;\n}\n.s-date-auto-range-picker .q-field__control-container .q-field__native {\n  display: none;\n}\n.s-date-auto-range-picker .q-field__control-container .date-str {\n  min-width: 66px;\n  line-height: 28px;\n  font-size: 12px;\n  display: block;\n  color: #333333;\n  height: 100%;\n  user-select: none;\n}\n.s-date-auto-range-picker .q-field__control-container .date-str:first-of-type {\n  margin-right: 4px;\n}\n.s-date-auto-range-picker .q-field__control-container .date-str:last-of-type {\n  margin-left: 4px;\n}\n.s-date-auto-range-picker .q-field__control .q-field__append {\n  height: 28px;\n  padding: 0;\n  margin: 0 8px 0 0;\n}\n.s-date-auto-range-picker.q-field--disabled .q-field__control:before {\n  border: 1px solid #cccccc !important;\n}\n.s-date-auto-range-picker.q-field--disabled .q-field__control-container .date-str {\n  color: #888888;\n}\n.s-date-auto-range-picker--inside .q-field__before {\n  height: 28px;\n  line-height: 20px;\n  padding: 0;\n}\n.s-date-auto-range-picker--inside .q-field__before .date-picker-label {\n  border-right: none !important;\n  border-radius: 2px 0 0 2px;\n  height: 28px;\n  font-size: 12px;\n}\n.s-date-auto-range-picker--inside .q-field__control {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n.s-date-auto-range-picker--use-icon .q-field__control-container {\n  margin: 0 8px 0 4px;\n}";
+  var css_248z$4 = ".s-date-auto-range-picker {\n  width: var(--8d30883a);\n}\n.s-date-auto-range-picker .q-field__control {\n  max-height: 28px;\n  height: 28px;\n  padding: 0;\n}\n.s-date-auto-range-picker .q-field__control:before {\n  border: 1px solid #aaaaaa !important;\n}\n.s-date-auto-range-picker .q-field__control:after {\n  border-color: transparent !important;\n  box-shadow: none !important;\n}\n.s-date-auto-range-picker .q-field__control:hover, .s-date-auto-range-picker .q-field__control:active {\n  box-sizing: none;\n  background-color: #f6f6f6;\n}\n.s-date-auto-range-picker .q-field__control .q-field__prepend {\n  padding: 0;\n  margin: 0 4px 0 8px;\n  height: 28px;\n  width: 20px;\n}\n.s-date-auto-range-picker .q-field__control-container {\n  align-items: center;\n  padding: 0;\n  margin: 0 16px 0 8px;\n}\n.s-date-auto-range-picker .q-field__control-container .q-field__native {\n  display: none;\n}\n.s-date-auto-range-picker .q-field__control-container .date-str {\n  min-width: 66px;\n  line-height: 28px;\n  font-size: 12px;\n  display: block;\n  color: #333333;\n  height: 100%;\n  user-select: none;\n}\n.s-date-auto-range-picker .q-field__control-container .date-str:first-of-type {\n  margin-right: 4px;\n}\n.s-date-auto-range-picker .q-field__control-container .date-str:last-of-type {\n  margin-left: 4px;\n}\n.s-date-auto-range-picker .q-field__control .q-field__append {\n  height: 28px;\n  padding: 0;\n  margin: 0 8px 0 0;\n}\n.s-date-auto-range-picker.q-field--disabled .q-field__control:before {\n  border: 1px solid #cccccc !important;\n}\n.s-date-auto-range-picker.q-field--disabled .q-field__control-container .date-str {\n  color: #888888;\n}\n.s-date-auto-range-picker--inside .q-field__before {\n  height: 28px;\n  line-height: 20px;\n  padding: 0;\n}\n.s-date-auto-range-picker--inside .q-field__before .date-picker-label {\n  border-right: none !important;\n  border-radius: 2px 0 0 2px;\n  height: 28px;\n  font-size: 12px;\n}\n.s-date-auto-range-picker--inside .q-field__control {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n.s-date-auto-range-picker--use-icon .q-field__control-container {\n  margin: 0 8px 0 4px;\n}";
   styleInject(css_248z$4);
 
   __default__.render = render$4;
@@ -8207,7 +8224,7 @@
         vue.createVNode(_component_q_icon, {
           name: $setup.dateRangeIcon,
           size: "20px",
-          color: "Grey_Darken-1",
+          color: "grey_70",
           class: "cursor-pointer",
           onClick: _cache[0] || (_cache[0] = function ($event) { return ($setup.openMenu = true); })
         }, null, 8, ["name"])
@@ -8259,11 +8276,11 @@
     ]), 1032, ["class", "disable", "modelValue"]))
   }
 
-  var css_248z$3 = ".s-year-picker[data-v-a6196bb2] {\n  width: fit-content;\n  height: 28px;\n  border-radius: 4px;\n}\n.s-year-picker.has-label[data-v-a6196bb2] .q-field__inner .q-field__control {\n  border-radius: 0 2px 2px 0 !important;\n}\n.s-year-picker.has-label[data-v-a6196bb2] .q-field__before {\n  height: 100%;\n  padding: 4px 12px !important;\n  border: 1px solid #aaaaaa;\n  border-right: none;\n  border-radius: 2px 0 0 2px;\n  background: #f6f6f6;\n}\n.s-year-picker.has-label[data-v-a6196bb2] .q-field__before .year-month-picker-label {\n  font-size: 12px;\n  font-weight: 400;\n  color: #333333;\n}\n.s-year-picker.q-field--disabled[data-v-a6196bb2] .q-field__before {\n  border: 1px solid #cccccc;\n  border-right: none;\n}\n.s-year-picker.q-field--disabled[data-v-a6196bb2] .q-field__inner .q-field__control:after {\n  border: 1px solid #cccccc;\n}\n.s-year-picker[data-v-a6196bb2] .q-field__bottom {\n  display: none;\n}\n.s-year-picker[data-v-a6196bb2] .q-field__inner .q-field__control {\n  padding: 4px 16px 4px 8px !important;\n  height: 100%;\n}\n.s-year-picker[data-v-a6196bb2] .q-field__inner .q-field__control .q-field__control-container .q-field__native {\n  text-align: center;\n}\n.s-year-picker[data-v-a6196bb2] .q-field__inner .q-field__control:before {\n  border-style: solid;\n}\n.s-year-picker[data-v-a6196bb2] .q-field__inner .q-field__control:after {\n  border: 1px solid #aaaaaa;\n  box-shadow: none;\n}\n.s-year-picker[data-v-a6196bb2] .q-field__inner .q-field__control:hover, .s-year-picker[data-v-a6196bb2] .q-field__inner .q-field__control:active {\n  background: #f6f6f6 !important;\n}\n.s-year-picker[data-v-a6196bb2] .q-field__inner .q-field__control .q-field__prepend {\n  height: 20px;\n}\n.s-year-picker[data-v-a6196bb2] .q-field__inner .q-field__control .q-field__append {\n  height: 20px;\n}\n.s-year-picker[data-v-a6196bb2] .q-field__inner .q-field__control .q-field__append .q-icon {\n  margin-right: -8px;\n}\n.s-date-menu[data-v-a6196bb2] {\n  border-radius: 8px;\n}";
+  var css_248z$3 = ".s-year-picker[data-v-871d89cc] {\n  width: fit-content;\n  height: 28px;\n  border-radius: 4px;\n}\n.s-year-picker.has-label[data-v-871d89cc] .q-field__inner .q-field__control {\n  border-radius: 0 2px 2px 0 !important;\n}\n.s-year-picker.has-label[data-v-871d89cc] .q-field__before {\n  height: 100%;\n  padding: 4px 12px !important;\n  border: 1px solid #aaaaaa;\n  border-right: none;\n  border-radius: 2px 0 0 2px;\n  background: #f6f6f6;\n}\n.s-year-picker.has-label[data-v-871d89cc] .q-field__before .year-month-picker-label {\n  font-size: 12px;\n  font-weight: 400;\n  color: #333333;\n}\n.s-year-picker.q-field--disabled[data-v-871d89cc] .q-field__before {\n  border: 1px solid #cccccc;\n  border-right: none;\n}\n.s-year-picker.q-field--disabled[data-v-871d89cc] .q-field__inner .q-field__control:after {\n  border: 1px solid #cccccc;\n}\n.s-year-picker[data-v-871d89cc] .q-field__bottom {\n  display: none;\n}\n.s-year-picker[data-v-871d89cc] .q-field__inner .q-field__control {\n  padding: 4px 16px 4px 8px !important;\n  height: 100%;\n}\n.s-year-picker[data-v-871d89cc] .q-field__inner .q-field__control .q-field__control-container .q-field__native {\n  text-align: center;\n}\n.s-year-picker[data-v-871d89cc] .q-field__inner .q-field__control:before {\n  border-style: solid;\n}\n.s-year-picker[data-v-871d89cc] .q-field__inner .q-field__control:after {\n  border: 1px solid #aaaaaa;\n  box-shadow: none;\n}\n.s-year-picker[data-v-871d89cc] .q-field__inner .q-field__control:hover, .s-year-picker[data-v-871d89cc] .q-field__inner .q-field__control:active {\n  background: #f6f6f6 !important;\n}\n.s-year-picker[data-v-871d89cc] .q-field__inner .q-field__control .q-field__prepend {\n  height: 20px;\n}\n.s-year-picker[data-v-871d89cc] .q-field__inner .q-field__control .q-field__append {\n  height: 20px;\n}\n.s-year-picker[data-v-871d89cc] .q-field__inner .q-field__control .q-field__append .q-icon {\n  margin-right: -8px;\n}\n.s-date-menu[data-v-871d89cc] {\n  border-radius: 8px;\n}";
   styleInject(css_248z$3);
 
   script$3.render = render$3;
-  script$3.__scopeId = "data-v-a6196bb2";
+  script$3.__scopeId = "data-v-871d89cc";
 
   var Directive = {
     name: 'sellmate',
@@ -8283,18 +8300,18 @@
           default: function () { return ({
             success: {
               label: '성공',
-              color: 'Blue_C_Lighten-6',
+              color: 'brilliantblue_20',
               textColor: 'positive',
             },
             fail: {
               label: '실패',
-              color: 'Red_Lighten-6',
-              textColor: 'Red_Lighten-1',
+              color: 'red_15',
+              textColor: 'red_70',
             },
             total: {
               label: '전체',
-              color: 'Grey_Lighten-5',
-              textColor: 'Grey_Darken-1',
+              color: 'grey_10',
+              textColor: 'grey_70',
             },
           }); },
         },
@@ -8322,11 +8339,11 @@
     }, null, 8, ["class", "label", "color", "text-color"]))
   }
 
-  var css_248z$2 = ".s-badge[data-v-915a79be] {\n  border-radius: 4px;\n  line-height: 20px;\n}\n.s-badge__sm[data-v-915a79be] {\n  padding: 1px 8px;\n  height: 20px;\n  font-size: 11px;\n  font-weight: 400;\n}\n.s-badge__md[data-v-915a79be] {\n  padding: 2px 12px;\n  height: 24px;\n  font-size: 12px;\n  font-weight: 700;\n}";
+  var css_248z$2 = ".s-badge[data-v-1b5af314] {\n  border-radius: 4px;\n  line-height: 20px;\n}\n.s-badge__sm[data-v-1b5af314] {\n  padding: 1px 8px;\n  height: 20px;\n  font-size: 11px;\n  font-weight: 400;\n}\n.s-badge__md[data-v-1b5af314] {\n  padding: 2px 12px;\n  height: 24px;\n  font-size: 12px;\n  font-weight: 700;\n}";
   styleInject(css_248z$2);
 
   script$2.render = render$2;
-  script$2.__scopeId = "data-v-915a79be";
+  script$2.__scopeId = "data-v-1b5af314";
 
   var script$1 = vue.defineComponent({
       name: 'TableTreeNode',
@@ -8396,7 +8413,7 @@
                 key: i,
                 class: vue.normalizeClass(( obj = {
                   'bg-white': i === 0 && !_ctx.isLastDepth,
-                  'bg-Grey_Lighten-5': _ctx.isLastDepth
+                  'bg-grey_10': _ctx.isLastDepth
                 }, obj[("td-" + (i + 1) + " text-" + (column.align))] = i >= 0, obj )),
                 style: vue.normalizeStyle([i === 0 && ("padding-left: " + (_ctx.row.leftPadding) + "px"), ("width: " + (column.width) + "px")])
               }, [
@@ -8408,7 +8425,7 @@
                           icon: _ctx.row.isExpand ? _ctx.minusIcon10 : _ctx.addIcon10,
                           outline: "",
                           round: "",
-                          color: _ctx.row.isExpand ? 'Blue_C_Lighten-3' : 'Grey_Default',
+                          color: _ctx.row.isExpand ? 'brilliantblue_50' : 'grey_65',
                           class: vue.normalizeClass(["expand-btn q-mr-sm", { 'not-expand-btn': !_ctx.row.isExpand }]),
                           onClick: _cache[0] || (_cache[0] = function ($event) { return (_ctx.handleExpand(_ctx.row)); })
                         }, null, 8, ["icon", "color", "class"]))
@@ -8459,11 +8476,11 @@
     ], 2))
   }
 
-  var css_248z$1 = ".table-tree-node[data-v-7cb5e27f] {\n  border-top: 1px solid #e1e1e1 !important;\n  box-sizing: border-box;\n}\n.table-tree-node.root_node_0[data-v-7cb5e27f] {\n  border-top: 0 !important;\n}\n.table-tree-node .tr[data-v-7cb5e27f] {\n  vertical-align: middle;\n}\n.table-tree-node .tr td[data-v-7cb5e27f] {\n  height: 48px;\n  padding: 0 16px;\n}\n.table-tree-node td[data-v-7cb5e27f],\n.table-tree-node th[data-v-7cb5e27f] {\n  width: 100%;\n}\n.table-tree-node td[data-v-7cb5e27f]:not(:first-of-type),\n.table-tree-node th[data-v-7cb5e27f]:not(:first-of-type) {\n  word-break: keep-all;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.table-tree-node table[data-v-7cb5e27f] {\n  width: 100%;\n  table-layout: fixed;\n  border-collapse: collapse;\n}\n.table-tree-node table tbody tr td[data-v-7cb5e27f] {\n  height: 44px;\n  padding: 0 16px;\n  font-weight: 400;\n}\n.table-tree-node table tbody tr td .expand-btn[data-v-7cb5e27f] {\n  min-width: 20px;\n  min-height: 20px;\n  padding: 0 !important;\n}\n.table-tree-node table tbody tr td .expand-btn.not-expand-btn[data-v-7cb5e27f]:before {\n  border-color: #e1e1e1;\n}\n.table-tree-node table tbody tr td .expand-btn.s-button-sm.q-btn[data-v-7cb5e27f] {\n  height: 20px;\n}\n.table-tree-node table tbody tr td .expand-btn[data-v-7cb5e27f] .q-btn__content .q-icon {\n  font-size: 12px;\n}\n.table-tree-node table tbody tr td .cell-content[data-v-7cb5e27f] {\n  display: inline-block;\n}\n.table-tree-node table .td-1 .is-root[data-v-7cb5e27f] {\n  font-weight: 700;\n}\n.table-tree-node table .td-1[data-v-7cb5e27f] :not(.is-root) {\n  font-weight: 400;\n}";
+  var css_248z$1 = ".table-tree-node[data-v-9f25f5fc] {\n  border-top: 1px solid #e1e1e1 !important;\n  box-sizing: border-box;\n}\n.table-tree-node.root_node_0[data-v-9f25f5fc] {\n  border-top: 0 !important;\n}\n.table-tree-node .tr[data-v-9f25f5fc] {\n  vertical-align: middle;\n}\n.table-tree-node .tr td[data-v-9f25f5fc] {\n  height: 48px;\n  padding: 0 16px;\n}\n.table-tree-node td[data-v-9f25f5fc],\n.table-tree-node th[data-v-9f25f5fc] {\n  width: 100%;\n}\n.table-tree-node td[data-v-9f25f5fc]:not(:first-of-type),\n.table-tree-node th[data-v-9f25f5fc]:not(:first-of-type) {\n  word-break: keep-all;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.table-tree-node table[data-v-9f25f5fc] {\n  width: 100%;\n  table-layout: fixed;\n  border-collapse: collapse;\n}\n.table-tree-node table tbody tr td[data-v-9f25f5fc] {\n  height: 44px;\n  padding: 0 16px;\n  font-weight: 400;\n}\n.table-tree-node table tbody tr td .expand-btn[data-v-9f25f5fc] {\n  min-width: 20px;\n  min-height: 20px;\n  padding: 0 !important;\n}\n.table-tree-node table tbody tr td .expand-btn.not-expand-btn[data-v-9f25f5fc]:before {\n  border-color: #e1e1e1;\n}\n.table-tree-node table tbody tr td .expand-btn.s-button-sm.q-btn[data-v-9f25f5fc] {\n  height: 20px;\n}\n.table-tree-node table tbody tr td .expand-btn[data-v-9f25f5fc] .q-btn__content .q-icon {\n  font-size: 12px;\n}\n.table-tree-node table tbody tr td .cell-content[data-v-9f25f5fc] {\n  display: inline-block;\n}\n.table-tree-node table .td-1 .is-root[data-v-9f25f5fc] {\n  font-weight: 700;\n}\n.table-tree-node table .td-1[data-v-9f25f5fc] :not(.is-root) {\n  font-weight: 400;\n}";
   styleInject(css_248z$1);
 
   script$1.render = render$1;
-  script$1.__scopeId = "data-v-7cb5e27f";
+  script$1.__scopeId = "data-v-9f25f5fc";
 
   function createDiv(val) {
     var div = document.createElement('div');
@@ -8862,15 +8879,15 @@
     ], 2))
   }
 
-  var css_248z = ".s-table-tree[data-v-4475e6b0] {\n  border: 1px solid #cccccc;\n  border-radius: 8px !important;\n  overflow: hidden;\n  position: relative;\n  box-sizing: border-box;\n  color: #222222;\n}\n.s-table-tree .q-inner-loading[data-v-4475e6b0] {\n  z-index: 1;\n}\n.s-table-tree .s-table-tree__inner[data-v-4475e6b0] {\n  overflow: auto;\n}\n.s-table-tree .s-table-tree__inner td[data-v-4475e6b0],\n.s-table-tree .s-table-tree__inner th[data-v-4475e6b0] {\n  width: 100%;\n}\n.s-table-tree .s-table-tree__inner td[data-v-4475e6b0]:not(:first-of-type),\n.s-table-tree .s-table-tree__inner th[data-v-4475e6b0]:not(:first-of-type) {\n  word-break: keep-all;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n}\n.s-table-tree .s-table-tree__inner table[data-v-4475e6b0] {\n  width: 100%;\n  border-collapse: collapse;\n  border-spacing: 0;\n  table-layout: fixed;\n}\n.s-table-tree .s-table-tree__inner table thead[data-v-4475e6b0] {\n  background: #f5faff;\n}\n.s-table-tree .s-table-tree__inner table thead tr[data-v-4475e6b0] {\n  height: 36px;\n}\n.s-table-tree .s-table-tree__inner table thead tr th[data-v-4475e6b0] {\n  border-bottom: 1px solid #e1e1e1;\n  padding: 0 16px;\n  font-weight: 500;\n  color: rgb(34, 34, 34);\n}\n.s-table-tree .s-table-tree__inner table tbody > tr td[data-v-4475e6b0] {\n  height: 44px;\n}\n.s-table-tree .s-table-tree__inner table tbody > tr > .body-td[data-v-4475e6b0] {\n  padding: 0;\n}\n.s-table-tree .s-table-tree__inner table tfoot[data-v-4475e6b0] {\n  border-top: 2px solid #e1e1e1 !important;\n}\n.s-table-tree .s-table-tree__inner table tfoot tr[data-v-4475e6b0]:last-of-type {\n  background: rgb(245, 250, 255);\n}\n.s-table-tree .s-table-tree__inner table tfoot tr:last-of-type .td-1[data-v-4475e6b0] {\n  color: #1f8ae1;\n}\n.s-table-tree .s-table-tree__inner table tfoot tr td[data-v-4475e6b0] {\n  border-top: 1px solid #e1e1e1 !important;\n  height: 52px;\n  padding: 0 16px;\n}\n.s-table-tree .s-table-tree__inner table tfoot tr td.td-1[data-v-4475e6b0] {\n  padding: 0 20px;\n  font-weight: 700;\n  color: #005cc9;\n}\n.s-table-tree.sticky-table-tree .s-table-tree__inner td[data-v-4475e6b0],\n.s-table-tree.sticky-table-tree .s-table-tree__inner th[data-v-4475e6b0] {\n  width: 100%;\n}\n.s-table-tree.sticky-table-tree .s-table-tree__inner td[data-v-4475e6b0]:not(:first-of-type),\n.s-table-tree.sticky-table-tree .s-table-tree__inner th[data-v-4475e6b0]:not(:first-of-type) {\n  word-break: keep-all;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n}\n.s-table-tree.sticky-table-tree .s-table-tree__inner table[data-v-4475e6b0] {\n  border-collapse: collapse !important;\n}\n.s-table-tree.sticky-table-tree .s-table-tree__inner table thead tr th[data-v-4475e6b0]:first-of-type {\n  position: sticky;\n  left: 0;\n  background: #f5faff;\n  z-index: 10;\n}\n.s-table-tree.sticky-table-tree .s-table-tree__inner table thead tr th[data-v-4475e6b0]:first-of-type:before {\n  content: \"\";\n  position: absolute;\n  width: 20px;\n  height: 100%;\n  right: -20px;\n  top: 0;\n  box-shadow: inset 17px 0 26px -29px rgba(0, 0, 0, 0.2);\n  background: none !important;\n}\n.s-table-tree.sticky-table-tree .s-table-tree__inner table > tbody > tr > td[data-v-4475e6b0] .table-tree-node table tr td:first-of-type {\n  position: sticky;\n  left: 0;\n}\n.s-table-tree.sticky-table-tree .s-table-tree__inner table > tbody > tr > td[data-v-4475e6b0] .table-tree-node table tr td:first-of-type:before {\n  content: \"\";\n  position: absolute;\n  width: 20px;\n  height: 100%;\n  right: -20px;\n  top: 0;\n  box-shadow: inset 17px 0 26px -29px rgba(0, 0, 0, 0.3);\n  background: none !important;\n}\n.s-table-tree.sticky-table-tree .s-table-tree__inner table tfoot[data-v-4475e6b0] {\n  border-top: 2px solid #e1e1e1 !important;\n}\n.s-table-tree.sticky-table-tree .s-table-tree__inner table tfoot tr td[data-v-4475e6b0]:first-of-type {\n  position: sticky;\n  left: 0;\n  background: white;\n}\n.s-table-tree.sticky-table-tree .s-table-tree__inner table tfoot tr td[data-v-4475e6b0]:first-of-type:before {\n  content: \"\";\n  position: absolute;\n  width: 20px;\n  height: 100%;\n  right: -20px;\n  top: 0;\n  box-shadow: inset 17px 0 26px -29px rgba(0, 0, 0, 0.3);\n  background: none !important;\n}\n.s-table-tree.sticky-table-tree .s-table-tree__inner table tfoot tr[data-v-4475e6b0]:last-of-type {\n  background: rgb(245, 250, 255);\n}\n.s-table-tree.sticky-table-tree .s-table-tree__inner table tfoot tr:last-of-type .td-1[data-v-4475e6b0] {\n  color: #1f8ae1;\n  background: rgb(245, 250, 255);\n}\n.s-table-tree.sticky-table-tree .s-table-tree__inner.no-before table thead tr th[data-v-4475e6b0]:first-of-type::before {\n  display: none;\n}\n.s-table-tree.sticky-table-tree .s-table-tree__inner.no-before table > tbody > tr > td[data-v-4475e6b0] .table-tree-node table tr td:first-of-type::before {\n  display: none;\n}\n.s-table-tree.sticky-table-tree .s-table-tree__inner.no-before table tfoot tr td[data-v-4475e6b0]:first-of-type::before {\n  display: none;\n}\n.s-table-tree.no-data-table-tree .s-table-tree__inner[data-v-4475e6b0] {\n  overflow: hidden;\n}\n.s-table-tree.no-data-table-tree .s-table-tree__inner table thead[data-v-4475e6b0] {\n  opacity: 0.4;\n}\n.s-table-tree.no-data-table-tree .s-table-tree__inner table tbody tr td[data-v-4475e6b0] {\n  height: 240px;\n  padding: 0;\n}\n.s-table-tree.no-data-table-tree .s-table-tree__inner table tbody tr td > div[data-v-4475e6b0] {\n  padding-top: 80px;\n  height: 240px;\n  text-align: center;\n  position: absolute;\n  width: 100%;\n  top: 36px;\n  left: 0;\n  color: #888888;\n}";
+  var css_248z = ".s-table-tree[data-v-48e7c7f6] {\n  border: 1px solid #cccccc;\n  border-radius: 8px !important;\n  overflow: hidden;\n  position: relative;\n  box-sizing: border-box;\n  color: #222222;\n}\n.s-table-tree .q-inner-loading[data-v-48e7c7f6] {\n  z-index: 1;\n}\n.s-table-tree .s-table-tree__inner[data-v-48e7c7f6] {\n  overflow: auto;\n}\n.s-table-tree .s-table-tree__inner td[data-v-48e7c7f6],\n.s-table-tree .s-table-tree__inner th[data-v-48e7c7f6] {\n  width: 100%;\n}\n.s-table-tree .s-table-tree__inner td[data-v-48e7c7f6]:not(:first-of-type),\n.s-table-tree .s-table-tree__inner th[data-v-48e7c7f6]:not(:first-of-type) {\n  word-break: keep-all;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n}\n.s-table-tree .s-table-tree__inner table[data-v-48e7c7f6] {\n  width: 100%;\n  border-collapse: collapse;\n  border-spacing: 0;\n  table-layout: fixed;\n}\n.s-table-tree .s-table-tree__inner table thead[data-v-48e7c7f6] {\n  background: #f5faff;\n}\n.s-table-tree .s-table-tree__inner table thead tr[data-v-48e7c7f6] {\n  height: 36px;\n}\n.s-table-tree .s-table-tree__inner table thead tr th[data-v-48e7c7f6] {\n  border-bottom: 1px solid #e1e1e1;\n  padding: 0 16px;\n  font-weight: 500;\n  color: rgb(34, 34, 34);\n}\n.s-table-tree .s-table-tree__inner table tbody > tr td[data-v-48e7c7f6] {\n  height: 44px;\n}\n.s-table-tree .s-table-tree__inner table tbody > tr > .body-td[data-v-48e7c7f6] {\n  padding: 0;\n}\n.s-table-tree .s-table-tree__inner table tfoot[data-v-48e7c7f6] {\n  border-top: 2px solid #e1e1e1 !important;\n}\n.s-table-tree .s-table-tree__inner table tfoot tr[data-v-48e7c7f6]:last-of-type {\n  background: rgb(245, 250, 255);\n}\n.s-table-tree .s-table-tree__inner table tfoot tr:last-of-type .td-1[data-v-48e7c7f6] {\n  color: #1f8ae1;\n}\n.s-table-tree .s-table-tree__inner table tfoot tr td[data-v-48e7c7f6] {\n  border-top: 1px solid #e1e1e1 !important;\n  height: 52px;\n  padding: 0 16px;\n}\n.s-table-tree .s-table-tree__inner table tfoot tr td.td-1[data-v-48e7c7f6] {\n  padding: 0 20px;\n  font-weight: 700;\n  color: #005cc9;\n}\n.s-table-tree.sticky-table-tree .s-table-tree__inner td[data-v-48e7c7f6],\n.s-table-tree.sticky-table-tree .s-table-tree__inner th[data-v-48e7c7f6] {\n  width: 100%;\n}\n.s-table-tree.sticky-table-tree .s-table-tree__inner td[data-v-48e7c7f6]:not(:first-of-type),\n.s-table-tree.sticky-table-tree .s-table-tree__inner th[data-v-48e7c7f6]:not(:first-of-type) {\n  word-break: keep-all;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n}\n.s-table-tree.sticky-table-tree .s-table-tree__inner table[data-v-48e7c7f6] {\n  border-collapse: collapse !important;\n}\n.s-table-tree.sticky-table-tree .s-table-tree__inner table thead tr th[data-v-48e7c7f6]:first-of-type {\n  position: sticky;\n  left: 0;\n  background: #f5faff;\n  z-index: 10;\n}\n.s-table-tree.sticky-table-tree .s-table-tree__inner table thead tr th[data-v-48e7c7f6]:first-of-type:before {\n  content: \"\";\n  position: absolute;\n  width: 20px;\n  height: 100%;\n  right: -20px;\n  top: 0;\n  box-shadow: inset 17px 0 26px -29px rgba(0, 0, 0, 0.2);\n  background: none !important;\n}\n.s-table-tree.sticky-table-tree .s-table-tree__inner table > tbody > tr > td[data-v-48e7c7f6] .table-tree-node table tr td:first-of-type {\n  position: sticky;\n  left: 0;\n}\n.s-table-tree.sticky-table-tree .s-table-tree__inner table > tbody > tr > td[data-v-48e7c7f6] .table-tree-node table tr td:first-of-type:before {\n  content: \"\";\n  position: absolute;\n  width: 20px;\n  height: 100%;\n  right: -20px;\n  top: 0;\n  box-shadow: inset 17px 0 26px -29px rgba(0, 0, 0, 0.3);\n  background: none !important;\n}\n.s-table-tree.sticky-table-tree .s-table-tree__inner table tfoot[data-v-48e7c7f6] {\n  border-top: 2px solid #e1e1e1 !important;\n}\n.s-table-tree.sticky-table-tree .s-table-tree__inner table tfoot tr td[data-v-48e7c7f6]:first-of-type {\n  position: sticky;\n  left: 0;\n  background: white;\n}\n.s-table-tree.sticky-table-tree .s-table-tree__inner table tfoot tr td[data-v-48e7c7f6]:first-of-type:before {\n  content: \"\";\n  position: absolute;\n  width: 20px;\n  height: 100%;\n  right: -20px;\n  top: 0;\n  box-shadow: inset 17px 0 26px -29px rgba(0, 0, 0, 0.3);\n  background: none !important;\n}\n.s-table-tree.sticky-table-tree .s-table-tree__inner table tfoot tr[data-v-48e7c7f6]:last-of-type {\n  background: rgb(245, 250, 255);\n}\n.s-table-tree.sticky-table-tree .s-table-tree__inner table tfoot tr:last-of-type .td-1[data-v-48e7c7f6] {\n  color: #1f8ae1;\n  background: rgb(245, 250, 255);\n}\n.s-table-tree.sticky-table-tree .s-table-tree__inner.no-before table thead tr th[data-v-48e7c7f6]:first-of-type::before {\n  display: none;\n}\n.s-table-tree.sticky-table-tree .s-table-tree__inner.no-before table > tbody > tr > td[data-v-48e7c7f6] .table-tree-node table tr td:first-of-type::before {\n  display: none;\n}\n.s-table-tree.sticky-table-tree .s-table-tree__inner.no-before table tfoot tr td[data-v-48e7c7f6]:first-of-type::before {\n  display: none;\n}\n.s-table-tree.no-data-table-tree .s-table-tree__inner[data-v-48e7c7f6] {\n  overflow: hidden;\n}\n.s-table-tree.no-data-table-tree .s-table-tree__inner table thead[data-v-48e7c7f6] {\n  opacity: 0.4;\n}\n.s-table-tree.no-data-table-tree .s-table-tree__inner table tbody tr td[data-v-48e7c7f6] {\n  height: 240px;\n  padding: 0;\n}\n.s-table-tree.no-data-table-tree .s-table-tree__inner table tbody tr td > div[data-v-48e7c7f6] {\n  padding-top: 80px;\n  height: 240px;\n  text-align: center;\n  position: absolute;\n  width: 100%;\n  top: 36px;\n  left: 0;\n  color: #888888;\n}";
   styleInject(css_248z);
 
   script.render = render;
-  script.__scopeId = "data-v-4475e6b0";
+  script.__scopeId = "data-v-48e7c7f6";
 
   /* eslint-disable no-multiple-empty-lines */
 
-  var version = '3.14.12';
+  var version = '3.14.14';
 
   function install(app) {
     app.component('s-badge', script$2);