@das-fed/ui 7.1.0-qatar.4 → 7.1.0-qatar.6

package/packages/components/tabs/index.js

@@ -1,7 +1,7 @@
 import '@das-fed/ui/packages/components/tabs/style.css';
 import { withInstall as Q } from "@das-fed/utils/with-install/index";
 import { getVar as s, setGlobalThemeRule as X, setThemeRule as Y } from "@das-fed/web/packages/theme/index";
-import { ref as F, computed as c, onMounted as Z, defineComponent as ee, createBlock as $, createCommentVNode as b, openBlock as d, unref as n, mergeProps as V, createSlots as j, withCtx as v, createElementBlock as f, Fragment as C, renderList as K, normalizeStyle as te, renderSlot as m, withDirectives as z, createTextVNode as L, toDisplayString as I, createVNode as ae, createElementVNode as oe, normalizeClass as re } from "vue";
+import { ref as A, computed as u, onMounted as Z, defineComponent as ee, createBlock as $, createCommentVNode as b, openBlock as d, unref as n, mergeProps as U, createSlots as V, withCtx as v, createElementBlock as f, Fragment as C, renderList as K, normalizeStyle as te, renderSlot as p, withDirectives as z, createTextVNode as L, toDisplayString as I, createVNode as ae, createElementVNode as oe, normalizeClass as re } from "vue";
 import { DasIcon as se } from "@das-fed/ui/packages/components/icon/index";
 import { vDasTooltip as D } from "@das-fed/ui/packages/components/text-tooltip/index";
 import { Tabs as le, TabPane as ne } from "ant-design-vue";
@@ -9,11 +9,11 @@ import "ant-design-vue/es/tabs/style/css";
 import { ElPopover as ie } from "element-plus";
 import "element-plus/es/components/popover/style/css";
 import { t as B, setI18nRule as de } from "@das-fed/web/packages/i18n/index";
-const ue = (a) => /^[+-]?\d+(\.\d+)?(px|em|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc|%)$/.test(a), W = (a) => {
+const ce = (a) => /^[+-]?\d+(\.\d+)?(px|em|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc|%)$/.test(a), W = (a) => {
   if (a)
-    return typeof a == "string" && ue(a) ? a : a + "px";
-}, ce = (a, p) => {
-  const e = F({}), h = F([
+    return typeof a == "string" && ce(a) ? a : a + "px";
+}, ue = (a, m) => {
+  const e = A({}), h = A([
     {
       key: "all",
       name: B("关闭全部页签"),
@@ -31,29 +31,29 @@ const ue = (a) => /^[+-]?\d+(\.\d+)?(px|em|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc|%)
       name: B("关闭右侧页签"),
       disabled: !1,
       hidden: (r, l) => r.findIndex((g) => {
-        var A, S;
-        return g[(A = a.defualtProps) == null ? void 0 : A.key] === l[(S = a.defualtProps) == null ? void 0 : S.key];
+        var E, S;
+        return g[(E = a.defualtProps) == null ? void 0 : E.key] === l[(S = a.defualtProps) == null ? void 0 : S.key];
       }) === r.length - 1
     }
-  ]), T = c(() => a.constomMenuList && a.constomMenuList.length ? a.constomMenuList : h.value), x = c(() => {
+  ]), T = u(() => a.constomMenuList && a.constomMenuList.length ? a.constomMenuList : h.value), F = u(() => {
     let r;
     return a.width && (r = W(a.width)), r;
-  }), w = c(() => {
+  }), x = u(() => {
     let r = a.type === "lattice" ? "65px" : void 0;
     return a.tabWidth && (r = W(a.tabWidth)), r;
-  }), O = c(() => {
+  }), O = u(() => {
     let r;
     return a.tabMaxWidth && (r = W(a.tabMaxWidth)), r;
-  }), P = F(!1), y = F(), M = (r) => {
+  }), w = A(!1), y = A(), M = (r) => {
     Object.keys(e.value).forEach((l) => {
-      (P.value || l != r) && (e.value[l] = !1);
+      (w.value || l != r) && (e.value[l] = !1);
     });
   }, k = (r) => {
     const l = r.target.parentElement;
-    P.value = !l.classList.contains("ant-tabs-tab-btn");
+    w.value = !l.classList.contains("ant-tabs-tab-btn");
   }, R = (r, l) => {
-    var E;
-    p("menuClick", r, l), (E = y.value) != null && E.length && y.value.forEach((g) => {
+    var P;
+    m("menuClick", r, l), (P = y.value) != null && P.length && y.value.forEach((g) => {
       g.hide();
     });
   };
@@ -63,9 +63,9 @@ const ue = (a) => /^[+-]?\d+(\.\d+)?(px|em|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc|%)
       (l = a.defualtProps) != null && l.key && (e.value[r[a.defualtProps.key]] = !1);
     });
   }), {
-    realWidth: x,
+    realWidth: F,
     realMenuList: T,
-    realTabWidth: w,
+    realTabWidth: x,
     realTabMaxWidth: O,
     tabsMenuPoppver: y,
     poppverVisible: e,
@@ -73,16 +73,31 @@ const ue = (a) => /^[+-]?\d+(\.\d+)?(px|em|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc|%)
     beforeEnter: M,
     onContextmenu: k
   };
-}, _ = {
+}, q = {
+  // 文字色
   "--das-ui-tabs-color": {
     kjl: "#666666",
     ssl: "#999999",
     cjb: "#666666"
   },
+  // 背景色
   "--das-ui-tabs-bg-color": {
     kjl: "#FAFAFA",
     ssl: "#161834",
     cjb: "#FAFAFA"
+  },
+  // 激活色（下划线 / 激活文字 / 卡片激活边框）
+  // 三个预设主题均使用统一品牌色 #276FF5，与科技蓝 / 纯净白的高亮色保持一致
+  "--das-ui-tabs-active-color": {
+    kjl: "#276FF5",
+    ssl: "#276FF5",
+    cjb: "#276FF5"
+  },
+  // 卡片式页签激活色
+  "--das-ui-card-tabs-active-color": {
+    kjl: "#276FF5",
+    ssl: "#276FF5",
+    cjb: "#276FF5"
   }
 }, be = {
   key: 1,
@@ -90,7 +105,7 @@ const ue = (a) => /^[+-]?\d+(\.\d+)?(px|em|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc|%)
 }, fe = { class: "das-tabs-contextmenu-list" }, ve = ["onClick"], ye = {
   key: 1,
   style: { position: "relative", top: "-5px", "font-size": "18px" }
-}, me = "#666666", pe = "#D9D9D9", he = /* @__PURE__ */ ee({
+}, pe = "#666666", me = "#D9D9D9", he = /* @__PURE__ */ ee({
   inheritAttrs: !1,
   __name: "Tabs",
   props: {
@@ -120,43 +135,43 @@ const ue = (a) => /^[+-]?\d+(\.\d+)?(px|em|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc|%)
     hideOverflow: { type: Boolean }
   },
   emits: ["update:activeKey", "tabClick", "menuClick"],
-  setup(a, { emit: p }) {
-    const e = a, h = F(), T = (t) => {
-      var u;
-      y("tabClick", t), (u = h.value) == null || u.$el.click();
-    }, x = c({
+  setup(a, { emit: m }) {
+    const e = a, h = A(), T = (t) => {
+      var c;
+      y("tabClick", t), (c = h.value) == null || c.$el.click();
+    }, F = u({
       get: () => e.activeKey ?? "",
       set: (t) => y("update:activeKey", t)
-    }), w = c(() => e.options.filter((u) => !u.hidden)), O = (t) => e.isStrict ? !!(t.contentSlot && t[e.defualtProps.key] === x.value) : !!t.contentSlot, P = c(() => e.moreIconType ? e.moreIconType : e.type === "lattice" ? "default" : "arrow"), y = p, M = c(() => e.type === "lattice" ? "line" : e.type), k = c(() => {
+    }), x = u(() => e.options.filter((c) => !c.hidden)), O = (t) => e.isStrict ? !!(t.contentSlot && t[e.defualtProps.key] === F.value) : !!t.contentSlot, w = u(() => e.moreIconType ? e.moreIconType : e.type === "lattice" ? "default" : "arrow"), y = m, M = u(() => e.type === "lattice" ? "line" : e.type), k = u(() => {
       if (e.type === "card")
         return e.size ? e.size : "large";
       if (e.type === "line")
         return e.size ? e.size : "medium";
       if (e.type === "editable-card")
         return e.size ? e.size : "small";
-    }), R = e.type === "editable-card" ? "#FAFAFA" : "#FFFFFF", r = c(() => {
+    }), R = e.type === "editable-card" ? "#FAFAFA" : "#FFFFFF", r = u(() => {
       if (e.tabPadding) return e.tabPadding;
-      if (g.value || A.value) return "0";
+      if (g.value || E.value) return "0";
       if (e.type === "line") return "0 20px";
       if (e.type === "card") {
         if (k.value === "large") return "0 40px";
         if (k.value === "medium" || k.value === "small") return "0 24px";
       }
       if (e.type === "lattice") return "0 20px";
-    }), l = c(() => {
+    }), l = u(() => {
       let t = {};
       return e != null && e.fontColor && (t["--das-ui-tabs-color"] = e.fontColor), e != null && e.backgroudColor && (t["--das-ui-tabs-bg-color"] = e.backgroudColor), e != null && e.borderColor && (t["--das-ui-tabs-border-color"] = e.borderColor), t;
-    }), E = c(() => {
+    }), P = u(() => {
       const t = {};
-      return e.theme !== "default" && Object.keys(_).forEach((u) => {
+      return e.theme !== "default" && Object.keys(q).forEach((c) => {
         var o;
-        t[u] = ((o = _[u]) == null ? void 0 : o[e.theme]) ?? void 0;
+        t[c] = ((o = q[c]) == null ? void 0 : o[e.theme]) ?? void 0;
       }), {
-        "--das-ui-tabs-color": me,
+        "--das-ui-tabs-color": pe,
         "--das-ui-tabs-bg-color": R,
-        "--das-ui-tabs-border-color": pe,
+        "--das-ui-tabs-border-color": me,
         "---das-ui-tabs-tab-width": g.value,
-        "---das-ui-tabs-tab-max-width": A.value,
+        "---das-ui-tabs-tab-max-width": E.value,
         "---das-ui-tabs-tab-padding": r.value,
         ...e.tabsStyle,
         ...t,
@@ -164,48 +179,48 @@ const ue = (a) => /^[+-]?\d+(\.\d+)?(px|em|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc|%)
       };
     }), {
       realTabWidth: g,
-      realTabMaxWidth: A,
+      realTabMaxWidth: E,
       realWidth: S,
-      menuClick: G,
-      tabsMenuPoppver: q,
+      menuClick: _,
+      tabsMenuPoppver: G,
       realMenuList: H,
-      poppverVisible: N,
+      poppverVisible: j,
       beforeEnter: J,
-      onContextmenu: U
-    } = ce(e, y);
-    return (t, u) => w.value && w.value.length ? (d(), $(n(le), V({
+      onContextmenu: N
+    } = ue(e, y);
+    return (t, c) => x.value && x.value.length ? (d(), $(n(le), U({
       key: 0,
       ref_key: "tabsContainerRef",
       ref: h,
       class: ["das-tabs", t.type, k.value, t.hideOverflow ? "hide-overflow" : "", `theme-${t.theme}`],
-      style: E.value,
+      style: P.value,
       type: M.value,
       hideAdd: t.hideAdd,
-      activeKey: x.value,
-      "onUpdate:activeKey": u[1] || (u[1] = (o) => x.value = o)
-    }, t.$attrs, { onTabClick: T }), j({
+      activeKey: F.value,
+      "onUpdate:activeKey": c[1] || (c[1] = (o) => F.value = o)
+    }, t.$attrs, { onTabClick: T }), V({
       moreIcon: v(() => [
-        m(t.$slots, "moreIcon", {}, () => [
-          P.value === "arrow" ? (d(), $(n(se), {
+        p(t.$slots, "moreIcon", {}, () => [
+          w.value === "arrow" ? (d(), $(n(se), {
             key: 0,
             icon: "fold",
             size: "small",
             "icon-color": "rgb(102, 102, 102)"
           })) : b("v-if", !0),
-          P.value === "default" ? (d(), f("div", ye, "...")) : b("v-if", !0)
+          w.value === "default" ? (d(), f("div", ye, "...")) : b("v-if", !0)
         ], !0)
       ]),
       default: v(() => [
         (d(!0), f(
           C,
           null,
-          K(w.value, (o) => (d(), $(n(ne), {
+          K(x.value, (o) => (d(), $(n(ne), {
             style: te({ width: n(S) }),
             key: o[t.defualtProps.key],
             tab: void 0,
             disabled: o.disabled,
             forceRender: o.forceRender
-          }, j({
+          }, V({
             tab: v(() => [
               b(" 无右键菜单 "),
               t.contextmenu ? (d(), f(
@@ -213,12 +228,12 @@ const ue = (a) => /^[+-]?\d+(\.\d+)?(px|em|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc|%)
                 { key: 1 },
                 [
                   b(" 有右键菜单 "),
-                  ae(n(ie), V({
+                  ae(n(ie), U({
                     ref_for: !0,
                     ref_key: "tabsMenuPoppver",
-                    ref: q,
-                    visible: n(N)[o[t.defualtProps.key]],
-                    "onUpdate:visible": (i) => n(N)[o[t.defualtProps.key]] = i,
+                    ref: G,
+                    visible: n(j)[o[t.defualtProps.key]],
+                    "onUpdate:visible": (i) => n(j)[o[t.defualtProps.key]] = i,
                     "popper-class": "das-tabs-contextmenu",
                     "show-arrow": !1,
                     placement: "bottom-start",
@@ -229,13 +244,13 @@ const ue = (a) => /^[+-]?\d+(\.\d+)?(px|em|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc|%)
                   }), {
                     reference: v(() => [
                       b(" @slot  自定义选项卡头显示文字"),
-                      o.tabSlot ? m(t.$slots, o.tabSlot, { key: 0 }, void 0, !0) : z((d(), f(
+                      o.tabSlot ? p(t.$slots, o.tabSlot, { key: 0 }, void 0, !0) : z((d(), f(
                         "div",
                         {
                           key: 1,
                           class: "das-tab-label",
-                          onContextmenu: u[0] || (u[0] = //@ts-ignore
-                          (...i) => n(U) && n(U)(...i))
+                          onContextmenu: c[0] || (c[0] = //@ts-ignore
+                          (...i) => n(N) && n(N)(...i))
                         },
                         [
                           L(
@@ -265,7 +280,7 @@ const ue = (a) => /^[+-]?\d+(\.\d+)?(px|em|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc|%)
                                   "das-tabs-contextmenu-item",
                                   (typeof i.disabled == "function" ? i.disabled(t.options, o) : i.disabled) ? "is-disabled" : ""
                                 ]),
-                                onClick: (xe) => n(G)(i, o)
+                                onClick: (Fe) => n(_)(i, o)
                               }, [
                                 L(
                                   I(i.name),
@@ -295,7 +310,7 @@ const ue = (a) => /^[+-]?\d+(\.\d+)?(px|em|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc|%)
                 { key: 0 },
                 [
                   b(" @slot  自定义选项卡头显示文字"),
-                  o.tabSlot ? m(t.$slots, o.tabSlot, { key: 0 }, void 0, !0) : z((d(), f("div", be, [
+                  o.tabSlot ? p(t.$slots, o.tabSlot, { key: 0 }, void 0, !0) : z((d(), f("div", be, [
                     L(
                       I(o[t.defualtProps.tab]),
                       1
@@ -315,7 +330,7 @@ const ue = (a) => /^[+-]?\d+(\.\d+)?(px|em|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc|%)
                 { key: 0 },
                 [
                   b(" @slot  自定义显示内容"),
-                  m(t.$slots, o.contentSlot, {}, void 0, !0)
+                  p(t.$slots, o.contentSlot, {}, void 0, !0)
                 ],
                 64
                 /* STABLE_FRAGMENT */
@@ -327,7 +342,7 @@ const ue = (a) => /^[+-]?\d+(\.\d+)?(px|em|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc|%)
             o.closeIconSlot ? {
               name: "closeIcon",
               fn: v(() => [
-                m(t.$slots, o.closeIconSlot, {}, void 0, !0)
+                p(t.$slots, o.closeIconSlot, {}, void 0, !0)
               ]),
               key: "0"
             } : void 0
@@ -343,26 +358,31 @@ const ue = (a) => /^[+-]?\d+(\.\d+)?(px|em|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc|%)
         name: "leftExtra",
         fn: v(() => [
           b(" @slot tabbar 上左侧额外的元素 "),
-          m(t.$slots, "leftExtra", {}, void 0, !0)
+          p(t.$slots, "leftExtra", {}, void 0, !0)
         ]),
         key: "0"
       } : void 0,
       t.$slots.rightExtra ? {
         name: "rightExtra",
         fn: v(() => [
-          m(t.$slots, "rightExtra", {}, void 0, !0)
+          p(t.$slots, "rightExtra", {}, void 0, !0)
         ]),
         key: "1"
       } : void 0
     ]), 1040, ["class", "style", "type", "hideAdd", "activeKey"])) : b("v-if", !0);
   }
-}), ke = (a, p) => {
+}), ke = (a, m) => {
   const e = a.__vccOpts || a;
-  for (const [h, T] of p)
+  for (const [h, T] of m)
     e[h] = T;
   return e;
 }, ge = /* @__PURE__ */ ke(he, [["__scopeId", "data-v-59080a01"]]), Ce = {
-  "--das-ui-tabs-active-color": s("--das-color-brand-primary"),
+  // 激活色 - 默认主题下 light 用 light 主色，qatar 用 qatar 主色；
+  // 自定义主题（kjl/ssl/cjb）会在 Tabs.vue 中通过 style-theme 覆盖成各自的固定主色
+  "--das-ui-tabs-active-color": {
+    light: s("--das-color-brand-primary"),
+    qatar: s("--das-color-brand-primary")
+  },
   "--das-ui-tabs-menu-color": s("--das-color-text-title"),
   "--das-ui-tabs-menu-hover-bg-color": s("--das-color-bg-disabled"),
   "--das-ui-tabs-menu-active-bg-color": s("--das-color-brand-primary-light"),
@@ -371,9 +391,28 @@ const ue = (a) => /^[+-]?\d+(\.\d+)?(px|em|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc|%)
   "--das-ui-tabs-menu-disabled-bg--color": s("--das-color-bg-container"),
   "--das-ui-edit-tabs-bg-color": s("--das-color-bg-disabled"),
   "--das-ui-card-tabs-bg-color": s("--das-color-bg-disabled"),
-  "--das-ui-card-tabs-active-color": s("--das-color-brand-primary"),
+  "--das-ui-card-tabs-active-color": {
+    light: s("--das-color-brand-primary"),
+    qatar: s("--das-color-brand-primary")
+  },
   "--das-ui-card-tabs-text-color": s("--das-color-text-body"),
   "--das-ui-card-tabs-active-bg-color": s("--das-color-bg-container"),
+  // 卡片式页签整体圆角 - light 无圆角，qatar 8px
+  "--das-ui-card-tabs-radius": {
+    light: s("--das-radius-none"),
+    qatar: s("--das-radius-lg")
+  },
+  // 卡片式页签左右边框颜色 - light 透明，qatar 使用描边色
+  "--das-ui-card-tabs-side-border-color": {
+    light: "transparent",
+    qatar: s("--das-color-border-base")
+  },
+  // 卡片式页签 - 控制 active tab 及其后 tab 的 ::before 伪元素是否显示
+  // light 下保持 block（原样式不变），qatar 下设为 none 隐藏，避免与 box-shadow 双线重叠
+  "--das-ui-card-tabs-side-border-extra": {
+    light: "block",
+    qatar: "none"
+  },
   "--das-ui-lattice-tabs-border-color": s("--das-color-border-strong"),
   "--das-ui-lattice-tabs-text-color": s("--das-color-text-body"),
   "--das-ui-lattice-tabs-active-text-color": s("--das-color-bg-container"),

package/packages/components/tabs/src/style-theme.d.ts

@@ -1,3 +1,8 @@
+/**
+ * 科技蓝 (kjl):背景 #FAFAFA + 文字 #666666 + 激活色 #276FF5
+  纯净白 (cjb):背景 #FAFAFA + 文字 #666666 + 激活色 #276FF5
+  深邃蓝 (ssl):背景 #161834(深色)+ 文字 #999999 + 激活色 #276FF5
+ */
 declare const _default: {
     '--das-ui-tabs-color': {
         kjl: string;
@@ -9,5 +14,15 @@ declare const _default: {
         ssl: string;
         cjb: string;
     };
+    '--das-ui-tabs-active-color': {
+        kjl: string;
+        ssl: string;
+        cjb: string;
+    };
+    '--das-ui-card-tabs-active-color': {
+        kjl: string;
+        ssl: string;
+        cjb: string;
+    };
 };
 export default _default;

package/packages/components/tabs/src/type.d.ts

@@ -28,6 +28,7 @@ export interface DasTabsoptionsType {
 }
 
 export interface Props {
+  
   theme: 'default' | 'kjl' | 'cjb' | 'ssl'
 
   

package/packages/components/tabs/style.css

@@ -1 +1 @@
-.das-tabs[data-v-59080a01]{display:flex;flex-direction:column;justify-content:flex-start;height:100%}.das-tabs[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-more{cursor:pointer}.das-tabs:not(.editable-card).hide-overflow[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap{width:100%}.das-tabs:not(.editable-card).hide-overflow[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list{width:100%}.das-tabs:not(.editable-card).hide-overflow[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-operations{display:none}.das-tabs[data-v-59080a01]:not(.editable-card)>.ant-tabs-nav .ant-tabs-tab{width:var(---das-ui-tabs-tab-width)!important;max-width:var(---das-ui-tabs-tab-max-width)!important;padding:var(---das-ui-tabs-tab-padding)!important;display:flex;align-items:center;justify-content:center;overflow:hidden}.das-tabs[data-v-59080a01]:not(.editable-card)>.ant-tabs-nav .ant-tabs-tab:hover{color:var(--das-ui-tabs-menu-active-color)}.das-tabs[data-v-59080a01]:not(.editable-card)>.ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-btn{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.das-tabs.line[data-v-59080a01]>.ant-tabs-nav,.das-tabs.editable-card[data-v-59080a01]>.ant-tabs-nav{margin:0 0 10px;border-bottom:1px solid var(--das-ui-tabs-border-color);color:var(--das-ui-tabs-color);background-color:var(--das-ui-tabs-bg-color)}.das-tabs.line[data-v-59080a01]>.ant-tabs-nav:before,.das-tabs.editable-card[data-v-59080a01]>.ant-tabs-nav:before{display:none}.das-tabs.line[data-v-59080a01]>.ant-tabs-nav .ant-tabs-tab,.das-tabs.editable-card[data-v-59080a01]>.ant-tabs-nav .ant-tabs-tab{background:transparent;border:none;transition:none;box-sizing:border-box}.das-tabs.line[data-v-59080a01]>.ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-btn,.das-tabs.editable-card[data-v-59080a01]>.ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-btn{color:var(--das-ui-tabs-color)}.das-tabs.line[data-v-59080a01]>.ant-tabs-nav .ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-btn,.das-tabs.editable-card[data-v-59080a01]>.ant-tabs-nav .ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-btn{color:#00000040}.das-tabs.line[data-v-59080a01]>.ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove,.das-tabs.editable-card[data-v-59080a01]>.ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove{padding:0;display:none}.das-tabs.line[data-v-59080a01]>.ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove:hover,.das-tabs.editable-card[data-v-59080a01]>.ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove:hover{color:var(--das-ui-tabs-active-color)}.das-tabs.line[data-v-59080a01]>.ant-tabs-nav .ant-tabs-tab:hover .ant-tabs-tab-remove,.das-tabs.line[data-v-59080a01]>.ant-tabs-nav .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-remove,.das-tabs.editable-card[data-v-59080a01]>.ant-tabs-nav .ant-tabs-tab:hover .ant-tabs-tab-remove,.das-tabs.editable-card[data-v-59080a01]>.ant-tabs-nav .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-remove{display:flex;align-items:center;color:var(--das-ui-tabs-color)}.das-tabs.line[data-v-59080a01]>.ant-tabs-nav .ant-tabs-tab:hover .ant-tabs-tab-remove:hover,.das-tabs.line[data-v-59080a01]>.ant-tabs-nav .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-remove:hover,.das-tabs.editable-card[data-v-59080a01]>.ant-tabs-nav .ant-tabs-tab:hover .ant-tabs-tab-remove:hover,.das-tabs.editable-card[data-v-59080a01]>.ant-tabs-nav .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-remove:hover{color:var(--das-ui-tabs-active-color)}.das-tabs.line[data-v-59080a01]>.ant-tabs-nav .ant-tabs-tab:not(.ant-tabs-tab-disabled):hover .ant-tabs-tab-btn,.das-tabs.editable-card[data-v-59080a01]>.ant-tabs-nav .ant-tabs-tab:not(.ant-tabs-tab-disabled):hover .ant-tabs-tab-btn{color:var(--das-ui-tabs-active-color)}.das-tabs.line[data-v-59080a01]>.ant-tabs-nav .ant-tabs-tab:not(.ant-tabs-tab-disabled).ant-tabs-tab-active .ant-tabs-tab-btn,.das-tabs.editable-card[data-v-59080a01]>.ant-tabs-nav .ant-tabs-tab:not(.ant-tabs-tab-disabled).ant-tabs-tab-active .ant-tabs-tab-btn{color:var(--das-ui-tabs-active-color)}.das-tabs.line[data-v-59080a01]>.ant-tabs-nav .ant-tabs-ink-bar,.das-tabs.editable-card[data-v-59080a01]>.ant-tabs-nav .ant-tabs-ink-bar{background:var(--das-ui-tabs-active-color)}.das-tabs.line[data-v-59080a01]>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab{margin-left:2px!important}.das-tabs.line.large[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list{height:48px;line-height:48px}.das-tabs.line.large[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-more{padding:0 8px!important}.das-tabs.line.large[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-more .anticon-ellipsis{position:relative;top:-2px}.das-tabs.line.medium[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list{height:36px;line-height:36px}.das-tabs.line.medium[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-more{padding:0 8px!important}.das-tabs.line.medium[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-more .anticon-ellipsis{position:relative;top:-4px}.das-tabs.line.small[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list{height:32px;line-height:32px}.das-tabs.line.small[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab{font-size:12px}html[lang=ar] .das-tabs.line.small[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab,:host-context(html[lang="ar"]) .das-tabs.line.small[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab{font-size:14px}.das-tabs.line.small[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-more{padding:0 8px!important}.das-tabs.line.small[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-more .anticon-ellipsis{position:relative;top:-3px}.das-tabs.editable-card[data-v-59080a01]>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab{margin-left:0!important}.das-tabs.editable-card[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab{font-size:14px}html[lang=ar] .das-tabs.editable-card[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab,:host-context(html[lang="ar"]) .das-tabs.editable-card[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab{font-size:16px}.das-tabs.editable-card[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab.ant-tabs-tab-with-remove{padding:0}.das-tabs.editable-card[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab.ant-tabs-tab-with-remove.ant-tabs-tab-active .ant-tabs-tab-btn{position:relative}.das-tabs.editable-card[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab.ant-tabs-tab-with-remove.ant-tabs-tab-active .ant-tabs-tab-btn:after{position:absolute;content:"";bottom:0;right:0;width:100%;height:2px;background-color:var(--das-ui-tabs-active-color)}.das-tabs.editable-card[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab .ant-tabs-tab-btn{text-align:center;width:var(---das-ui-tabs-tab-width);max-width:var(---das-ui-tabs-tab-max-width);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.das-tabs.editable-card[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab.ant-tabs-tab-disabled:not(.ant-tabs-tab-with-remove){padding-left:0}.das-tabs.editable-card[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-ink-bar{display:none}.das-tabs.editable-card.large[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap{height:48px}.das-tabs.editable-card.large[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab{font-size:14px}html[lang=ar] .das-tabs.editable-card.large[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab,:host-context(html[lang="ar"]) .das-tabs.editable-card.large[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab{font-size:16px}.das-tabs.editable-card.large[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab .ant-tabs-tab-remove{margin-left:6px}.das-tabs.editable-card.large[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab.ant-tabs-tab-with-remove{margin-left:12px;margin-right:30px;height:48px;line-height:48px}.das-tabs.editable-card.large[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab.ant-tabs-tab-with-remove:hover{margin-right:16px}.das-tabs.editable-card.large[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab.ant-tabs-tab-with-remove.ant-tabs-tab-active{margin-right:16px}.das-tabs.editable-card.large[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab.ant-tabs-tab-disabled:not(.ant-tabs-tab-with-remove){padding-right:0;margin-right:30px}.das-tabs.editable-card.large[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-more{padding:0 8px!important}.das-tabs.editable-card.large[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-more .anticon-ellipsis{position:relative;top:-2px}.das-tabs.editable-card.medium[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap{height:36px}.das-tabs.editable-card.medium[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab.ant-tabs-tab-with-remove{height:36px;line-height:36px}.das-tabs.editable-card.small[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap{height:32px}.das-tabs.editable-card.small[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab.ant-tabs-tab-with-remove{height:32px;line-height:32px}.das-tabs.editable-card.medium[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab,.das-tabs.editable-card.small[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab{font-size:14px}html[lang=ar] .das-tabs.editable-card.medium[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab,:host-context(html[lang="ar"]) .das-tabs.editable-card.medium[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab,html[lang=ar] .das-tabs.editable-card.small[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab,:host-context(html[lang="ar"]) .das-tabs.editable-card.small[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab{font-size:16px}.das-tabs.editable-card.medium[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab .ant-tabs-tab-remove,.das-tabs.editable-card.small[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab .ant-tabs-tab-remove{margin-left:4px;transform:translateY(1px)}.das-tabs.editable-card.medium[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab.ant-tabs-tab-with-remove,.das-tabs.editable-card.small[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab.ant-tabs-tab-with-remove{margin-left:12px;margin-right:26px}.das-tabs.editable-card.medium[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab.ant-tabs-tab-with-remove:hover,.das-tabs.editable-card.small[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab.ant-tabs-tab-with-remove:hover{margin-right:14px}.das-tabs.editable-card.medium[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab.ant-tabs-tab-with-remove.ant-tabs-tab-active,.das-tabs.editable-card.small[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab.ant-tabs-tab-with-remove.ant-tabs-tab-active{margin-right:14px}.das-tabs.editable-card.medium[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab.ant-tabs-tab-disabled:not(.ant-tabs-tab-with-remove),.das-tabs.editable-card.small[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab.ant-tabs-tab-disabled:not(.ant-tabs-tab-with-remove){margin-right:26px;padding-right:0!important}.das-tabs.editable-card.medium[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-more,.das-tabs.editable-card.small[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-more{padding:0 8px!important}.das-tabs.editable-card.medium[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-more .anticon-ellipsis,.das-tabs.editable-card.small[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-more .anticon-ellipsis{position:relative;top:-3px}.das-tabs.card[data-v-59080a01]>.ant-tabs-nav{margin:0 0 10px;background-color:var(--das-ui-card-tabs-bg-color);color:var(--das-ui-tabs-color);border-top:1px solid var(--das-ui-tabs-border-color);border-bottom:1px solid var(--das-ui-tabs-border-color)}.das-tabs.card[data-v-59080a01]>.ant-tabs-nav:before{display:none}.das-tabs.card[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab{position:relative;margin:0;border:none;border-radius:0;font-size:14px;color:var(--das-ui-card-tabs-text-color);background-color:var(--das-ui-card-tabs-bg-color)}html[lang=ar] .das-tabs.card[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab,:host-context(html[lang="ar"]) .das-tabs.card[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab{font-size:16px}.das-tabs.card[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab:not(.ant-tabs-tab-disabled):hover .ant-tabs-tab-btn{color:var(--das-ui-card-tabs-active-color)}.das-tabs.card[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab.ant-tabs-tab-active{position:relative;border-top:2px solid var(--das-ui-tabs-active-color);background-color:var(--das-ui-card-tabs-active-bg-color);height:calc(100% + 2px)}.das-tabs.card[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn{color:var(--das-ui-card-tabs-active-color)}.das-tabs.card[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab.ant-tabs-tab-active .das-tab-label{margin-top:-2px}.das-tabs.card[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab.ant-tabs-tab-active:before{position:absolute;content:"";top:0;left:0;height:100%;width:1px;background-color:var(--das-ui-tabs-border-color)}.das-tabs.card[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab.ant-tabs-tab-active+.ant-tabs-tab:before{position:absolute;content:"";top:0;left:0;height:100%;width:1px;background-color:var(--das-ui-tabs-border-color)}.das-tabs.card[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab.ant-tabs-tab-disabled{cursor:not-allowed;color:var(--das-ui-tabs-menu-disabled-color)}.das-tabs.card[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab:first-child:before{display:none}.das-tabs.card[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-ink-bar{display:none}.das-tabs.card.large[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list{height:48px;line-height:48px}.das-tabs.card.large[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab{padding:0 24px}.das-tabs.card.large[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-more{padding:0 8px!important}.das-tabs.card.large[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-more .anticon-ellipsis{position:relative;top:-2px}.das-tabs.card.medium[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list{height:36px;line-height:36px}.das-tabs.card.medium[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab{padding:0 24px}.das-tabs.card.medium[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-more{padding:0 8px!important}.das-tabs.card.medium[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-more .anticon-ellipsis{position:relative;top:-4px}.das-tabs.card.small[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list{height:32px;line-height:32px}.das-tabs.card.small[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab{font-size:12px;padding:0 24px}html[lang=ar] .das-tabs.card.small[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab,:host-context(html[lang="ar"]) .das-tabs.card.small[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab{font-size:14px}.das-tabs.card.small[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-more{padding:0 8px!important}.das-tabs.card.small[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-more .anticon-ellipsis{position:relative;top:-3px}.das-tabs.lattice.hide-overflow .ant-tabs-nav-wrap[data-v-59080a01],.das-tabs.lattice.hide-overflow .ant-tabs-nav-list[data-v-59080a01]{width:100%}.das-tabs.lattice[data-v-59080a01]>.ant-tabs-nav{margin:0;height:24px;line-height:24px;font-size:12px}html[lang=ar] .das-tabs.lattice[data-v-59080a01]>.ant-tabs-nav,:host-context(html[lang="ar"]) .das-tabs.lattice[data-v-59080a01]>.ant-tabs-nav{font-size:14px}.das-tabs.lattice[data-v-59080a01]>.ant-tabs-nav:before{display:none!important}.das-tabs.lattice[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-list{border:1px solid var(--das-ui-lattice-tabs-border-color);border-radius:var(--das-ui-lattice-tabs-radius)}.das-tabs.lattice[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-list .ant-tabs-tab{display:flex;justify-content:center;align-items:center;font-size:12px;color:var(--das-ui-lattice-tabs-text-color)}html[lang=ar] .das-tabs.lattice[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-list .ant-tabs-tab,:host-context(html[lang="ar"]) .das-tabs.lattice[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-list .ant-tabs-tab{font-size:14px}.das-tabs.lattice[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-list .ant-tabs-tab+.ant-tabs-tab{margin:0}.das-tabs.lattice[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-list .ant-tabs-tab:not(:nth-last-child(2)):not(.ant-tabs-tab-active){border-right:1px solid var(--das-ui-lattice-tabs-border-color)}.das-tabs.lattice[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-list .ant-tabs-tab.ant-tabs-tab-active{border-color:var(--das-ui-tabs-active-color);background-color:var(--das-ui-tabs-active-color)}.das-tabs.lattice[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-list .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn{color:var(--das-ui-lattice-tabs-active-text-color)}.das-tabs.lattice[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-list .ant-tabs-ink-bar{display:none}.das-tabs.lattice[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-operations{border:1px solid var(--das-ui-lattice-tabs-border-color);display:flex;justify-content:center;align-items:center}.das-tabs[data-v-59080a01]>.ant-tabs-content-holder{flex:1}.das-tabs[data-v-59080a01]>.ant-tabs-content-holder .ant-tabs-content{height:100%}.das-tabs[data-v-59080a01]>.ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane{height:100%}.das-tabs-contextmenu.el-popover.el-popper{width:180px;min-width:180px;padding:0}.das-tabs-contextmenu.el-popover.el-popper .das-tabs-contextmenu-list{padding:8px 0}.das-tabs-contextmenu.el-popover.el-popper .das-tabs-contextmenu-list .das-tabs-contextmenu-item{height:32px;line-height:32px;color:var(--das-ui-tabs-menu-color);font-size:12px;padding-left:12px;cursor:pointer}html[lang=ar] .das-tabs-contextmenu.el-popover.el-popper .das-tabs-contextmenu-list .das-tabs-contextmenu-item,:host-context(html[lang="ar"]) .das-tabs-contextmenu.el-popover.el-popper .das-tabs-contextmenu-list .das-tabs-contextmenu-item{font-size:14px}.das-tabs-contextmenu.el-popover.el-popper .das-tabs-contextmenu-list .das-tabs-contextmenu-item:hover{background-color:var(--das-ui-tabs-menu-hover-bg-color)}.das-tabs-contextmenu.el-popover.el-popper .das-tabs-contextmenu-list .das-tabs-contextmenu-item:focus,.das-tabs-contextmenu.el-popover.el-popper .das-tabs-contextmenu-list .das-tabs-contextmenu-item:active{color:var(--das-ui-tabs-menu-active-color);background-color:var(--das-ui-tabs-menu-active-bg-color)}.das-tabs-contextmenu.el-popover.el-popper .das-tabs-contextmenu-list .das-tabs-contextmenu-item.is-disabled{cursor:not-allowed;color:var(--das-ui-tabs-menu-disabled-color);background-color:var(--das-ui-tabs-menu-disabled-bg--color)}.ant-tabs-dropdown{box-sizing:border-box;min-width:100px!important;max-width:180px!important;border-radius:4px;box-shadow:0 1px 6px #0000004d;background-color:var(--das-ui-layout-header-menu-background-color);padding:0;max-height:336px;z-index:3000}.ant-tabs-dropdown .ant-tabs-dropdown-menu{width:100%!important;overflow-x:hidden;overflow-y:overlay;display:block;padding:5px 0}.ant-tabs-dropdown .ant-tabs-dropdown-menu::-webkit-scrollbar{width:8px;height:8px}.ant-tabs-dropdown .ant-tabs-dropdown-menu::-webkit-scrollbar-thumb{background:transparent}.ant-tabs-dropdown .ant-tabs-dropdown-menu:hover::-webkit-scrollbar-thumb{background:var(--das-color-text-caption)}.ant-tabs-dropdown .ant-tabs-dropdown-menu::-webkit-scrollbar-thumb:hover{background:var(--das-color-text-subtle)}.ant-tabs-dropdown .ant-tabs-dropdown-menu .ant-tabs-dropdown-menu-item{display:block;min-width:0;font-size:12px;height:32px;line-height:32px;padding:5px 5px 5px 16px;width:100%}html[lang=ar] .ant-tabs-dropdown .ant-tabs-dropdown-menu .ant-tabs-dropdown-menu-item,:host-context(html[lang="ar"]) .ant-tabs-dropdown .ant-tabs-dropdown-menu .ant-tabs-dropdown-menu-item{font-size:14px}.ant-tabs-dropdown .ant-tabs-dropdown-menu .ant-tabs-dropdown-menu-item .das-tab-label{position:relative;height:22px;line-height:22px}.ant-tabs-dropdown .ant-tabs-dropdown-menu .ant-tabs-dropdown-menu-item .ant-tabs-dropdown-menu-item-remove{display:none}.ant-tabs-dropdown .ant-tabs-dropdown-menu .ant-tabs-dropdown-menu-item:active{color:var(--das-ui-layout-header-menu-active-background-color);background-color:var(--das-ui-layout-header-menu-hover-background-color)}
+.das-tabs[data-v-59080a01]{display:flex;flex-direction:column;justify-content:flex-start;height:100%}.das-tabs[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-more{cursor:pointer}.das-tabs:not(.editable-card).hide-overflow[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap{width:100%}.das-tabs:not(.editable-card).hide-overflow[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list{width:100%}.das-tabs:not(.editable-card).hide-overflow[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-operations{display:none}.das-tabs[data-v-59080a01]:not(.editable-card)>.ant-tabs-nav .ant-tabs-tab{width:var(---das-ui-tabs-tab-width)!important;max-width:var(---das-ui-tabs-tab-max-width)!important;padding:var(---das-ui-tabs-tab-padding)!important;display:flex;align-items:center;justify-content:center;overflow:hidden}.das-tabs[data-v-59080a01]:not(.editable-card)>.ant-tabs-nav .ant-tabs-tab:hover{color:var(--das-ui-tabs-menu-active-color)}.das-tabs[data-v-59080a01]:not(.editable-card)>.ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-btn{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.das-tabs.line[data-v-59080a01]>.ant-tabs-nav,.das-tabs.editable-card[data-v-59080a01]>.ant-tabs-nav{margin:0 0 10px;border-bottom:1px solid var(--das-ui-tabs-border-color);color:var(--das-ui-tabs-color);background-color:var(--das-ui-tabs-bg-color)}.das-tabs.line[data-v-59080a01]>.ant-tabs-nav:before,.das-tabs.editable-card[data-v-59080a01]>.ant-tabs-nav:before{display:none}.das-tabs.line[data-v-59080a01]>.ant-tabs-nav .ant-tabs-tab,.das-tabs.editable-card[data-v-59080a01]>.ant-tabs-nav .ant-tabs-tab{background:transparent;border:none;transition:none;box-sizing:border-box}.das-tabs.line[data-v-59080a01]>.ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-btn,.das-tabs.editable-card[data-v-59080a01]>.ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-btn{color:var(--das-ui-tabs-color)}.das-tabs.line[data-v-59080a01]>.ant-tabs-nav .ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-btn,.das-tabs.editable-card[data-v-59080a01]>.ant-tabs-nav .ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-btn{color:#00000040}.das-tabs.line[data-v-59080a01]>.ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove,.das-tabs.editable-card[data-v-59080a01]>.ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove{padding:0;display:none}.das-tabs.line[data-v-59080a01]>.ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove:hover,.das-tabs.editable-card[data-v-59080a01]>.ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove:hover{color:var(--das-ui-tabs-active-color)}.das-tabs.line[data-v-59080a01]>.ant-tabs-nav .ant-tabs-tab:hover .ant-tabs-tab-remove,.das-tabs.line[data-v-59080a01]>.ant-tabs-nav .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-remove,.das-tabs.editable-card[data-v-59080a01]>.ant-tabs-nav .ant-tabs-tab:hover .ant-tabs-tab-remove,.das-tabs.editable-card[data-v-59080a01]>.ant-tabs-nav .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-remove{display:flex;align-items:center;color:var(--das-ui-tabs-color)}.das-tabs.line[data-v-59080a01]>.ant-tabs-nav .ant-tabs-tab:hover .ant-tabs-tab-remove:hover,.das-tabs.line[data-v-59080a01]>.ant-tabs-nav .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-remove:hover,.das-tabs.editable-card[data-v-59080a01]>.ant-tabs-nav .ant-tabs-tab:hover .ant-tabs-tab-remove:hover,.das-tabs.editable-card[data-v-59080a01]>.ant-tabs-nav .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-remove:hover{color:var(--das-ui-tabs-active-color)}.das-tabs.line[data-v-59080a01]>.ant-tabs-nav .ant-tabs-tab:not(.ant-tabs-tab-disabled):hover .ant-tabs-tab-btn,.das-tabs.editable-card[data-v-59080a01]>.ant-tabs-nav .ant-tabs-tab:not(.ant-tabs-tab-disabled):hover .ant-tabs-tab-btn{color:var(--das-ui-tabs-active-color)}.das-tabs.line[data-v-59080a01]>.ant-tabs-nav .ant-tabs-tab:not(.ant-tabs-tab-disabled).ant-tabs-tab-active .ant-tabs-tab-btn,.das-tabs.editable-card[data-v-59080a01]>.ant-tabs-nav .ant-tabs-tab:not(.ant-tabs-tab-disabled).ant-tabs-tab-active .ant-tabs-tab-btn{color:var(--das-ui-tabs-active-color)}.das-tabs.line[data-v-59080a01]>.ant-tabs-nav .ant-tabs-ink-bar,.das-tabs.editable-card[data-v-59080a01]>.ant-tabs-nav .ant-tabs-ink-bar{background:var(--das-ui-tabs-active-color)}.das-tabs.line[data-v-59080a01]>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab{margin-left:2px!important}.das-tabs.line.large[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list{height:48px;line-height:48px}.das-tabs.line.large[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-more{padding:0 8px!important}.das-tabs.line.large[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-more .anticon-ellipsis{position:relative;top:-2px}.das-tabs.line.medium[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list{height:36px;line-height:36px}.das-tabs.line.medium[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-more{padding:0 8px!important}.das-tabs.line.medium[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-more .anticon-ellipsis{position:relative;top:-4px}.das-tabs.line.small[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list{height:32px;line-height:32px}.das-tabs.line.small[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab{font-size:12px}html[lang=ar] .das-tabs.line.small[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab,:host-context(html[lang="ar"]) .das-tabs.line.small[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab{font-size:14px}.das-tabs.line.small[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-more{padding:0 8px!important}.das-tabs.line.small[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-more .anticon-ellipsis{position:relative;top:-3px}.das-tabs.editable-card[data-v-59080a01]>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab{margin-left:0!important}.das-tabs.editable-card[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab{font-size:14px}html[lang=ar] .das-tabs.editable-card[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab,:host-context(html[lang="ar"]) .das-tabs.editable-card[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab{font-size:16px}.das-tabs.editable-card[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab.ant-tabs-tab-with-remove{padding:0}.das-tabs.editable-card[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab.ant-tabs-tab-with-remove.ant-tabs-tab-active .ant-tabs-tab-btn{position:relative}.das-tabs.editable-card[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab.ant-tabs-tab-with-remove.ant-tabs-tab-active .ant-tabs-tab-btn:after{position:absolute;content:"";bottom:0;right:0;width:100%;height:2px;background-color:var(--das-ui-tabs-active-color)}.das-tabs.editable-card[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab .ant-tabs-tab-btn{text-align:center;width:var(---das-ui-tabs-tab-width);max-width:var(---das-ui-tabs-tab-max-width);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.das-tabs.editable-card[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab.ant-tabs-tab-disabled:not(.ant-tabs-tab-with-remove){padding-left:0}.das-tabs.editable-card[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-ink-bar{display:none}.das-tabs.editable-card.large[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap{height:48px}.das-tabs.editable-card.large[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab{font-size:14px}html[lang=ar] .das-tabs.editable-card.large[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab,:host-context(html[lang="ar"]) .das-tabs.editable-card.large[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab{font-size:16px}.das-tabs.editable-card.large[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab .ant-tabs-tab-remove{margin-left:6px}.das-tabs.editable-card.large[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab.ant-tabs-tab-with-remove{margin-left:12px;margin-right:30px;height:48px;line-height:48px}.das-tabs.editable-card.large[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab.ant-tabs-tab-with-remove:hover{margin-right:16px}.das-tabs.editable-card.large[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab.ant-tabs-tab-with-remove.ant-tabs-tab-active{margin-right:16px}.das-tabs.editable-card.large[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab.ant-tabs-tab-disabled:not(.ant-tabs-tab-with-remove){padding-right:0;margin-right:30px}.das-tabs.editable-card.large[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-more{padding:0 8px!important}.das-tabs.editable-card.large[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-more .anticon-ellipsis{position:relative;top:-2px}.das-tabs.editable-card.medium[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap{height:36px}.das-tabs.editable-card.medium[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab.ant-tabs-tab-with-remove{height:36px;line-height:36px}.das-tabs.editable-card.small[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap{height:32px}.das-tabs.editable-card.small[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab.ant-tabs-tab-with-remove{height:32px;line-height:32px}.das-tabs.editable-card.medium[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab,.das-tabs.editable-card.small[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab{font-size:14px}html[lang=ar] .das-tabs.editable-card.medium[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab,:host-context(html[lang="ar"]) .das-tabs.editable-card.medium[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab,html[lang=ar] .das-tabs.editable-card.small[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab,:host-context(html[lang="ar"]) .das-tabs.editable-card.small[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab{font-size:16px}.das-tabs.editable-card.medium[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab .ant-tabs-tab-remove,.das-tabs.editable-card.small[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab .ant-tabs-tab-remove{margin-left:4px;transform:translateY(1px)}.das-tabs.editable-card.medium[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab.ant-tabs-tab-with-remove,.das-tabs.editable-card.small[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab.ant-tabs-tab-with-remove{margin-left:12px;margin-right:26px}.das-tabs.editable-card.medium[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab.ant-tabs-tab-with-remove:hover,.das-tabs.editable-card.small[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab.ant-tabs-tab-with-remove:hover{margin-right:14px}.das-tabs.editable-card.medium[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab.ant-tabs-tab-with-remove.ant-tabs-tab-active,.das-tabs.editable-card.small[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab.ant-tabs-tab-with-remove.ant-tabs-tab-active{margin-right:14px}.das-tabs.editable-card.medium[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab.ant-tabs-tab-disabled:not(.ant-tabs-tab-with-remove),.das-tabs.editable-card.small[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab.ant-tabs-tab-disabled:not(.ant-tabs-tab-with-remove){margin-right:26px;padding-right:0!important}.das-tabs.editable-card.medium[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-more,.das-tabs.editable-card.small[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-more{padding:0 8px!important}.das-tabs.editable-card.medium[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-more .anticon-ellipsis,.das-tabs.editable-card.small[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-more .anticon-ellipsis{position:relative;top:-3px}.das-tabs.card[data-v-59080a01]>.ant-tabs-nav{margin:0 0 10px;background-color:var(--das-ui-card-tabs-bg-color);color:var(--das-ui-tabs-color);border:1px solid var(--das-ui-tabs-border-color);border-radius:var(--das-ui-card-tabs-radius);overflow:hidden}.das-tabs.card[data-v-59080a01]>.ant-tabs-nav:before{display:none}.das-tabs.card[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab{position:relative;margin:0;border:none;border-top-left-radius:var(--das-ui-card-tabs-radius);border-top-right-radius:var(--das-ui-card-tabs-radius);border-bottom-left-radius:0;border-bottom-right-radius:0;font-size:14px;color:var(--das-ui-card-tabs-text-color);background-color:var(--das-ui-card-tabs-bg-color)}html[lang=ar] .das-tabs.card[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab,:host-context(html[lang="ar"]) .das-tabs.card[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab{font-size:16px}.das-tabs.card[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab:not(.ant-tabs-tab-disabled):hover .ant-tabs-tab-btn{color:var(--das-ui-card-tabs-active-color)}.das-tabs.card[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab.ant-tabs-tab-active{position:relative;border-top:2px solid var(--das-ui-tabs-active-color);background-color:var(--das-ui-card-tabs-active-bg-color);height:calc(100% + 2px);box-shadow:inset 1px 0 0 var(--das-ui-card-tabs-side-border-color),inset -1px 0 0 var(--das-ui-card-tabs-side-border-color)}.das-tabs.card[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn{color:var(--das-ui-card-tabs-active-color)}.das-tabs.card[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab.ant-tabs-tab-active .das-tab-label{margin-top:-2px}.das-tabs.card[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab.ant-tabs-tab-active:before{position:absolute;content:"";top:0;left:0;height:100%;width:1px;background-color:var(--das-ui-tabs-border-color);display:var(--das-ui-card-tabs-side-border-extra, block)}.das-tabs.card[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab.ant-tabs-tab-active+.ant-tabs-tab:before{position:absolute;content:"";top:0;left:0;height:100%;width:1px;background-color:var(--das-ui-tabs-border-color);display:var(--das-ui-card-tabs-side-border-extra, block)}.das-tabs.card[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab.ant-tabs-tab-disabled{cursor:not-allowed;color:var(--das-ui-tabs-menu-disabled-color)}.das-tabs.card[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab:first-child:before{display:none}.das-tabs.card[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-ink-bar{display:none}.das-tabs.card.large[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list{height:48px;line-height:48px}.das-tabs.card.large[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab{padding:0 24px}.das-tabs.card.large[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-more{padding:0 8px!important}.das-tabs.card.large[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-more .anticon-ellipsis{position:relative;top:-2px}.das-tabs.card.medium[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list{height:36px;line-height:36px}.das-tabs.card.medium[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab{padding:0 24px}.das-tabs.card.medium[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-more{padding:0 8px!important}.das-tabs.card.medium[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-more .anticon-ellipsis{position:relative;top:-4px}.das-tabs.card.small[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list{height:32px;line-height:32px}.das-tabs.card.small[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab{font-size:12px;padding:0 24px}html[lang=ar] .das-tabs.card.small[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab,:host-context(html[lang="ar"]) .das-tabs.card.small[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab{font-size:14px}.das-tabs.card.small[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-more{padding:0 8px!important}.das-tabs.card.small[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-more .anticon-ellipsis{position:relative;top:-3px}.das-tabs.lattice.hide-overflow .ant-tabs-nav-wrap[data-v-59080a01],.das-tabs.lattice.hide-overflow .ant-tabs-nav-list[data-v-59080a01]{width:100%}.das-tabs.lattice[data-v-59080a01]>.ant-tabs-nav{margin:0;height:24px;line-height:24px;font-size:12px;border-radius:var("--das-ui-card-tabs-radius")}html[lang=ar] .das-tabs.lattice[data-v-59080a01]>.ant-tabs-nav,:host-context(html[lang="ar"]) .das-tabs.lattice[data-v-59080a01]>.ant-tabs-nav{font-size:14px}.das-tabs.lattice[data-v-59080a01]>.ant-tabs-nav:before{display:none!important}.das-tabs.lattice[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-list{border:1px solid var(--das-ui-lattice-tabs-border-color);border-radius:var(--das-ui-lattice-tabs-radius)}.das-tabs.lattice[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-list .ant-tabs-tab{display:flex;justify-content:center;align-items:center;font-size:12px;color:var(--das-ui-lattice-tabs-text-color)}html[lang=ar] .das-tabs.lattice[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-list .ant-tabs-tab,:host-context(html[lang="ar"]) .das-tabs.lattice[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-list .ant-tabs-tab{font-size:14px}.das-tabs.lattice[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-list .ant-tabs-tab+.ant-tabs-tab{margin:0}.das-tabs.lattice[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-list .ant-tabs-tab:not(:nth-last-child(2)):not(.ant-tabs-tab-active){border-right:1px solid var(--das-ui-lattice-tabs-border-color)}.das-tabs.lattice[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-list .ant-tabs-tab.ant-tabs-tab-active{border-color:var(--das-ui-tabs-active-color);background-color:var(--das-ui-tabs-active-color)}.das-tabs.lattice[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-list .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn{color:var(--das-ui-lattice-tabs-active-text-color)}.das-tabs.lattice[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-list .ant-tabs-tab:first-child{border-top-left-radius:var(--das-ui-lattice-tabs-radius);border-bottom-left-radius:var(--das-ui-lattice-tabs-radius)}.das-tabs.lattice[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-list .ant-tabs-tab:not(:has(~.ant-tabs-tab)){border-top-right-radius:var(--das-ui-lattice-tabs-radius);border-bottom-right-radius:var(--das-ui-lattice-tabs-radius)}.das-tabs.lattice[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-list .ant-tabs-ink-bar{display:none}.das-tabs.lattice[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-operations{border:1px solid var(--das-ui-lattice-tabs-border-color);border-top-right-radius:var(--das-ui-lattice-tabs-radius);border-bottom-right-radius:var(--das-ui-lattice-tabs-radius);display:flex;justify-content:center;align-items:center}.das-tabs.lattice[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap:has(~.ant-tabs-nav-operations:not(.ant-tabs-nav-operations-hidden)) .ant-tabs-nav-list{border-top-right-radius:0;border-bottom-right-radius:0;border-right:none}.das-tabs.lattice[data-v-59080a01]>.ant-tabs-nav .ant-tabs-nav-wrap:has(~.ant-tabs-nav-operations:not(.ant-tabs-nav-operations-hidden)) .ant-tabs-nav-list .ant-tabs-tab:not(:has(~.ant-tabs-tab)){border-top-right-radius:0;border-bottom-right-radius:0}.das-tabs[data-v-59080a01]>.ant-tabs-content-holder{flex:1}.das-tabs[data-v-59080a01]>.ant-tabs-content-holder .ant-tabs-content{height:100%}.das-tabs[data-v-59080a01]>.ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane{height:100%}.das-tabs-contextmenu.el-popover.el-popper{width:180px;min-width:180px;padding:0}.das-tabs-contextmenu.el-popover.el-popper .das-tabs-contextmenu-list{padding:8px 0}.das-tabs-contextmenu.el-popover.el-popper .das-tabs-contextmenu-list .das-tabs-contextmenu-item{height:32px;line-height:32px;color:var(--das-ui-tabs-menu-color);font-size:12px;padding-left:12px;cursor:pointer}html[lang=ar] .das-tabs-contextmenu.el-popover.el-popper .das-tabs-contextmenu-list .das-tabs-contextmenu-item,:host-context(html[lang="ar"]) .das-tabs-contextmenu.el-popover.el-popper .das-tabs-contextmenu-list .das-tabs-contextmenu-item{font-size:14px}.das-tabs-contextmenu.el-popover.el-popper .das-tabs-contextmenu-list .das-tabs-contextmenu-item:hover{background-color:var(--das-ui-tabs-menu-hover-bg-color)}.das-tabs-contextmenu.el-popover.el-popper .das-tabs-contextmenu-list .das-tabs-contextmenu-item:focus,.das-tabs-contextmenu.el-popover.el-popper .das-tabs-contextmenu-list .das-tabs-contextmenu-item:active{color:var(--das-ui-tabs-menu-active-color);background-color:var(--das-ui-tabs-menu-active-bg-color)}.das-tabs-contextmenu.el-popover.el-popper .das-tabs-contextmenu-list .das-tabs-contextmenu-item.is-disabled{cursor:not-allowed;color:var(--das-ui-tabs-menu-disabled-color);background-color:var(--das-ui-tabs-menu-disabled-bg--color)}.ant-tabs-dropdown{box-sizing:border-box;min-width:100px!important;max-width:180px!important;border-radius:var(--das-radius-dropdown);box-shadow:0 1px 6px #0000004d;background-color:var(--das-ui-layout-header-menu-background-color);padding:0;max-height:336px;z-index:3000}.ant-tabs-dropdown .ant-tabs-dropdown-menu{width:100%!important;overflow-x:hidden;overflow-y:overlay;display:block;padding:5px 0}.ant-tabs-dropdown .ant-tabs-dropdown-menu::-webkit-scrollbar{width:8px;height:8px}.ant-tabs-dropdown .ant-tabs-dropdown-menu::-webkit-scrollbar-thumb{background:transparent}.ant-tabs-dropdown .ant-tabs-dropdown-menu:hover::-webkit-scrollbar-thumb{background:var(--das-color-text-caption)}.ant-tabs-dropdown .ant-tabs-dropdown-menu::-webkit-scrollbar-thumb:hover{background:var(--das-color-text-subtle)}.ant-tabs-dropdown .ant-tabs-dropdown-menu .ant-tabs-dropdown-menu-item{display:block;min-width:0;font-size:12px;height:32px;line-height:32px;padding:5px 5px 5px 16px;width:100%}html[lang=ar] .ant-tabs-dropdown .ant-tabs-dropdown-menu .ant-tabs-dropdown-menu-item,:host-context(html[lang="ar"]) .ant-tabs-dropdown .ant-tabs-dropdown-menu .ant-tabs-dropdown-menu-item{font-size:14px}.ant-tabs-dropdown .ant-tabs-dropdown-menu .ant-tabs-dropdown-menu-item .das-tab-label{position:relative;height:22px;line-height:22px}.ant-tabs-dropdown .ant-tabs-dropdown-menu .ant-tabs-dropdown-menu-item .ant-tabs-dropdown-menu-item-remove{display:none}.ant-tabs-dropdown .ant-tabs-dropdown-menu .ant-tabs-dropdown-menu-item:active{color:var(--das-ui-layout-header-menu-active-background-color);background-color:var(--das-ui-layout-header-menu-hover-background-color)}body.das-theme-qatar .ant-tabs-dropdown .ant-tabs-dropdown-menu .ant-tabs-dropdown-menu-item.ant-tabs-dropdown-menu-item-selected,body.das-theme-qatar .ant-tabs-dropdown .ant-tabs-dropdown-menu .ant-tabs-dropdown-menu-item.ant-tabs-dropdown-menu-item-active,body.das-theme-qatar .ant-tabs-dropdown .ant-tabs-dropdown-menu .ant-tabs-dropdown-menu-item:active{color:var(--das-color-brand-primary);background-color:var(--das-color-brand-primary-light)}

package/packages/components/tabs/theme/base.d.ts

@@ -1,5 +1,8 @@
 declare const _default: {
-    '--das-ui-tabs-active-color': string;
+    '--das-ui-tabs-active-color': {
+        light: string;
+        qatar: string;
+    };
     '--das-ui-tabs-menu-color': string;
     '--das-ui-tabs-menu-hover-bg-color': string;
     '--das-ui-tabs-menu-active-bg-color': string;
@@ -8,9 +11,24 @@ declare const _default: {
     '--das-ui-tabs-menu-disabled-bg--color': string;
     '--das-ui-edit-tabs-bg-color': string;
     '--das-ui-card-tabs-bg-color': string;
-    '--das-ui-card-tabs-active-color': string;
+    '--das-ui-card-tabs-active-color': {
+        light: string;
+        qatar: string;
+    };
     '--das-ui-card-tabs-text-color': string;
     '--das-ui-card-tabs-active-bg-color': string;
+    '--das-ui-card-tabs-radius': {
+        light: string;
+        qatar: string;
+    };
+    '--das-ui-card-tabs-side-border-color': {
+        light: string;
+        qatar: string;
+    };
+    '--das-ui-card-tabs-side-border-extra': {
+        light: string;
+        qatar: string;
+    };
     '--das-ui-lattice-tabs-border-color': string;
     '--das-ui-lattice-tabs-text-color': string;
     '--das-ui-lattice-tabs-active-text-color': string;