@koi-design/uxd-ui 13.2.6 → 13.2.8

package/lib/components/Upload/UploadList.vue.d.ts

@@ -186,7 +186,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }, string, {
         color: string;
         spin: boolean;
-    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]> & Record<string, any>;
+    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[], any[]> & Record<string, any>;
     UProgress: {
         new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
             percent: {
@@ -504,7 +504,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 }, string, {
                     color: string;
                     spin: boolean;
-                }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]> & Record<string, any>;
+                }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[], any[]> & Record<string, any>;
             }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
             UCircle: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
                 percent: {
@@ -714,7 +714,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 }, string, {
                     color: string;
                     spin: boolean;
-                }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]> & Record<string, any>;
+                }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[], any[]> & Record<string, any>;
             }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
             UWater: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
                 percent: {
@@ -1222,7 +1222,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             }, string, {
                 color: string;
                 spin: boolean;
-            }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]> & Record<string, any>;
+            }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[], any[]> & Record<string, any>;
         }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
         UCircle: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
             percent: {
@@ -1432,7 +1432,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             }, string, {
                 color: string;
                 spin: boolean;
-            }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]> & Record<string, any>;
+            }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[], any[]> & Record<string, any>;
         }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
         UWater: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
             percent: {
@@ -1514,7 +1514,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             strokeColor: string | string[];
             textInside: boolean;
         }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-    } & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]> & Record<string, any>;
+    } & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[], any[]> & Record<string, any>;
     ULineLoading: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
     ULineText: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
     ULineMagnify: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/lib/components/Upload/index.d.ts

@@ -425,6 +425,6 @@ export declare const UUpload: {
     listType: import("./Upload.type").ListType;
     onRemove: import("./Upload.type").OnUploadRemove;
     onSuccess: import("./Upload.type").OnUploadSuccess;
-}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]> & Record<string, any>;
+}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[], any[]> & Record<string, any>;
 export default UUpload;
 export * from './Upload.type';

package/lib/components/VirtualList/index.d.ts

@@ -963,5 +963,5 @@ declare const _default: {
         scrollHeight: number;
         count: number;
     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-} & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]> & Record<string, any>;
+} & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[], any[]> & Record<string, any>;
 export default _default;

package/lib/components/base/ResizeObserver.js

@@ -29,7 +29,7 @@ var ResizeObserver$1 = vue.defineComponent({
       if (stateWidth !== _width || stateHeight !== _height) {
         stateWidth = _width;
         stateHeight = _height;
-        emit("resize", { widht: _width, height: _height });
+        emit("resize", { widht: _width, width: _width, height: _height });
       }
     };
     const destroyObserver = () => {

package/lib/components/base/ResizeObserver.js.map

@@ -1 +1 @@
-{"version":3,"file":"ResizeObserver.js","sources":["../../../../src/components/base/ResizeObserver.ts"],"sourcesContent":["import 'resize-observer-polyfill';\nimport { ref, onMounted, onUpdated, onBeforeUnmount, defineComponent } from 'vue';\nimport { cloneVNode, findDOMNode } from '../../utils/slots';\n\nexport default defineComponent({\n  name: 'ResizeObserver',\n  props: {\n    disabled: {\n      type: Boolean,\n      default: false\n    }\n  },\n  emits: ['resize'],\n  setup(props, { emit, slots }) {\n    const root = ref(null);\n    let resizeObserver: ResizeObserver | null = null;\n    let currentElement: HTMLElement | null = null;\n    let stateWidth = 0;\n    let stateHeight = 0;\n\n    const handleResize = (elems: ResizeObserverEntry[]) => {\n      const [{ target }] = elems;\n      const { width, height } = target.getBoundingClientRect();\n      const _width = Math.floor(width);\n      const _height = Math.floor(height);\n      if (stateWidth !== _width || stateHeight !== _height) {\n        stateWidth = _width;\n        stateHeight = _height;\n        emit('resize', { widht: _width, height: _height });\n      }\n    };\n\n    const destroyObserver = () => {\n      if (resizeObserver) {\n        resizeObserver.disconnect();\n        resizeObserver = null;\n      }\n    };\n\n    const onCompontentUpdated = () => {\n      if (props.disabled) {\n        destroyObserver();\n        return;\n      }\n      const element = findDOMNode(root.value);\n      if (currentElement !== element) {\n        destroyObserver();\n        currentElement = element;\n      }\n      if (!resizeObserver && element && ResizeObserver) {\n        resizeObserver = new ResizeObserver(handleResize);\n        resizeObserver.observe(element);\n      }\n    };\n\n    onMounted(() => {\n      onCompontentUpdated();\n    });\n\n    onUpdated(() => {\n      onCompontentUpdated();\n    });\n\n    onBeforeUnmount(() => {\n      destroyObserver();\n    });\n\n    const getRenderChild = () => {\n      const chidlren = slots.default?.();\n      if (chidlren && chidlren?.length > 0) {\n        return cloneVNode(chidlren[0], {\n          ref: root\n        });\n      }\n      return null;\n    };\n    return () => getRenderChild();\n  }\n});\n"],"names":["defineComponent","slots","ref","findDOMNode","cloneVNode"],"mappings":";;;;;;;;AAIA,uBAAeA,oBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA,IACL,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA;AACX;AACF,EACA,OAAO,CAAC,QAAQ;AAAA,EAChB,MAAM,OAAO,EAAE,aAAMC,WAAS;AAC5B,UAAM,OAAOC,QAAI,IAAI;AACrB,QAAI,iBAAwC;AAC5C,QAAI,iBAAqC;AACzC,QAAI,aAAa;AACjB,QAAI,cAAc;AAElB,UAAM,eAAe,CAAC,UAAiC;AACrD,YAAM,CAAC,EAAE,QAAQ,IAAI;AACrB,YAAM,EAAE,OAAO,WAAW,OAAO;AACjC,YAAM,SAAS,KAAK,MAAM,KAAK;AAC/B,YAAM,UAAU,KAAK,MAAM,MAAM;AACjC,UAAI,eAAe,UAAU,gBAAgB,SAAS;AACpD,qBAAa;AACb,sBAAc;AACd,aAAK,UAAU,EAAE,OAAO,QAAQ,QAAQ,SAAS;AAAA;AACnD;AAGF,UAAM,kBAAkB,MAAM;AAC5B,UAAI,gBAAgB;AAClB,uBAAe;AACf,yBAAiB;AAAA;AACnB;AAGF,UAAM,sBAAsB,MAAM;AAChC,UAAI,MAAM,UAAU;AAClB;AACA;AAAA;AAEF,YAAM,UAAUC,kBAAY,KAAK,KAAK;AACtC,UAAI,mBAAmB,SAAS;AAC9B;AACA,yBAAiB;AAAA;AAEnB,UAAI,CAAC,kBAAkB,WAAW,gBAAgB;AAChD,yBAAiB,IAAI,eAAe,YAAY;AAChD,uBAAe,QAAQ,OAAO;AAAA;AAChC;AAGF,kBAAU,MAAM;AACd;AAAoB,KACrB;AAED,kBAAU,MAAM;AACd;AAAoB,KACrB;AAED,wBAAgB,MAAM;AACpB;AAAgB,KACjB;AAED,UAAM,iBAAiB,MAAM;AAnEjC;AAoEM,YAAM,YAAW,aAAM,YAAN;AACjB,UAAI,aAAY,qCAAU,UAAS,GAAG;AACpC,eAAOC,eAAW,SAAS,IAAI;AAAA,UAC7B,KAAK;AAAA,SACN;AAAA;AAEH,aAAO;AAAA;AAET,WAAO,MAAM;AAAe;AAEhC,CAAC;;;;"}
+{"version":3,"file":"ResizeObserver.js","sources":["../../../../src/components/base/ResizeObserver.ts"],"sourcesContent":["import 'resize-observer-polyfill';\nimport { ref, onMounted, onUpdated, onBeforeUnmount, defineComponent } from 'vue';\nimport { cloneVNode, findDOMNode } from '../../utils/slots';\n\nexport default defineComponent({\n  name: 'ResizeObserver',\n  props: {\n    disabled: {\n      type: Boolean,\n      default: false\n    }\n  },\n  emits: ['resize'],\n  setup(props, { emit, slots }) {\n    const root = ref(null);\n    let resizeObserver: ResizeObserver | null = null;\n    let currentElement: HTMLElement | null = null;\n    let stateWidth = 0;\n    let stateHeight = 0;\n\n    const handleResize = (elems: ResizeObserverEntry[]) => {\n      const [{ target }] = elems;\n      const { width, height } = target.getBoundingClientRect();\n      const _width = Math.floor(width);\n      const _height = Math.floor(height);\n      if (stateWidth !== _width || stateHeight !== _height) {\n        stateWidth = _width;\n        stateHeight = _height;\n        emit('resize', { widht: _width, width: _width, height: _height });\n      }\n    };\n\n    const destroyObserver = () => {\n      if (resizeObserver) {\n        resizeObserver.disconnect();\n        resizeObserver = null;\n      }\n    };\n\n    const onCompontentUpdated = () => {\n      if (props.disabled) {\n        destroyObserver();\n        return;\n      }\n      const element = findDOMNode(root.value);\n      if (currentElement !== element) {\n        destroyObserver();\n        currentElement = element;\n      }\n      if (!resizeObserver && element && ResizeObserver) {\n        resizeObserver = new ResizeObserver(handleResize);\n        resizeObserver.observe(element);\n      }\n    };\n\n    onMounted(() => {\n      onCompontentUpdated();\n    });\n\n    onUpdated(() => {\n      onCompontentUpdated();\n    });\n\n    onBeforeUnmount(() => {\n      destroyObserver();\n    });\n\n    const getRenderChild = () => {\n      const chidlren = slots.default?.();\n      if (chidlren && chidlren?.length > 0) {\n        return cloneVNode(chidlren[0], {\n          ref: root\n        });\n      }\n      return null;\n    };\n    return () => getRenderChild();\n  }\n});\n"],"names":["defineComponent","slots","ref","findDOMNode","cloneVNode"],"mappings":";;;;;;;;AAIA,uBAAeA,oBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA,IACL,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA;AACX;AACF,EACA,OAAO,CAAC,QAAQ;AAAA,EAChB,MAAM,OAAO,EAAE,aAAMC,WAAS;AAC5B,UAAM,OAAOC,QAAI,IAAI;AACrB,QAAI,iBAAwC;AAC5C,QAAI,iBAAqC;AACzC,QAAI,aAAa;AACjB,QAAI,cAAc;AAElB,UAAM,eAAe,CAAC,UAAiC;AACrD,YAAM,CAAC,EAAE,QAAQ,IAAI;AACrB,YAAM,EAAE,OAAO,WAAW,OAAO;AACjC,YAAM,SAAS,KAAK,MAAM,KAAK;AAC/B,YAAM,UAAU,KAAK,MAAM,MAAM;AACjC,UAAI,eAAe,UAAU,gBAAgB,SAAS;AACpD,qBAAa;AACb,sBAAc;AACd,aAAK,UAAU,EAAE,OAAO,QAAQ,OAAO,QAAQ,QAAQ,SAAS;AAAA;AAClE;AAGF,UAAM,kBAAkB,MAAM;AAC5B,UAAI,gBAAgB;AAClB,uBAAe;AACf,yBAAiB;AAAA;AACnB;AAGF,UAAM,sBAAsB,MAAM;AAChC,UAAI,MAAM,UAAU;AAClB;AACA;AAAA;AAEF,YAAM,UAAUC,kBAAY,KAAK,KAAK;AACtC,UAAI,mBAAmB,SAAS;AAC9B;AACA,yBAAiB;AAAA;AAEnB,UAAI,CAAC,kBAAkB,WAAW,gBAAgB;AAChD,yBAAiB,IAAI,eAAe,YAAY;AAChD,uBAAe,QAAQ,OAAO;AAAA;AAChC;AAGF,kBAAU,MAAM;AACd;AAAoB,KACrB;AAED,kBAAU,MAAM;AACd;AAAoB,KACrB;AAED,wBAAgB,MAAM;AACpB;AAAgB,KACjB;AAED,UAAM,iBAAiB,MAAM;AAnEjC;AAoEM,YAAM,YAAW,aAAM,YAAN;AACjB,UAAI,aAAY,qCAAU,UAAS,GAAG;AACpC,eAAOC,eAAW,SAAS,IAAI;AAAA,UAC7B,KAAK;AAAA,SACN;AAAA;AAEH,aAAO;AAAA;AAET,WAAO,MAAM;AAAe;AAEhC,CAAC;;;;"}

package/lib/utils/install.d.ts

@@ -1,3 +1,3 @@
 import type { Plugin } from 'vue';
-export declare const withInstall: <T, E extends Record<string, any>>(comp: T, extra?: E) => T & Plugin<any[]> & E;
-export declare const withInstallPlugin: <T>(fn: T, name: string) => T & Plugin<any[]>;
+export declare const withInstall: <T, E extends Record<string, any>>(comp: T, extra?: E) => T & Plugin<any[], any[]> & E;
+export declare const withInstallPlugin: <T>(fn: T, name: string) => T & Plugin<any[], any[]>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@koi-design/uxd-ui",
-  "version": "13.2.6",
+  "version": "13.2.8",
   "description": "uxd ui component with vue3.0",
   "license": "MIT",
   "maintainers": [],

package/styles/components/cascader/index.css

@@ -1 +1 @@
-:root,[data-theme-color]{--primary-color:var(--primary-9)}.dark,.dark-theme,.light,.light-theme,:root{--animation-time:0.3s;--animation-time-fast:0.15s;--animation-time-short:0.2s;--animation-time-long:0.5s;--default-font-color:var(--gray-12);--secondary-font-color:var(--gray-11);--heading-color:var(--gray-12);--placeholder-color:var(--gray-10);--placeholder-disabled-color:var(--gray-7);--border-width-base:1px;--border-style-base:solid;--border-color-base:var(--color-border-base);--border-split-color:var(--color-border-split);--disabled-font-color:var(--color-disabled-font);--validate-error-border-color:var(--error-8);--validate-error-hover-border-color:var(--error-9);--validate-error-background-color:transparent;--validate-error-hover-background-color:transparent;--control-disabled-background-color:var(--gray-2);--control-disabled-border-color:var(--color-border-disabled);--control-surface-border-color:var(--color-border-base);--control-surface-hover-border-color:var(--color-border-hover);--control-surface-background-color:var(--color-background);--control-soft-background-color:var(--color-soft-control-background);--control-soft-hover-background-color:var(--color-soft-control-hover-background);--control-height-small:var(--space-5);--control-height-base:var(--space-6);--control-height-large:var(--space-7);--control-font-size-small:var(--font-size-1);--control-font-size-base:var(--default-font-size);--control-font-size-large:var(--font-size-3);--link-decoration:none;--link-hover-decoration:underline;--zindex-badge:auto;--zindex-table-fixed:10;--zindex-affix:10;--zindex-back-top:10;--zindex-picker-panel:10;--zindex-popup-close:10;--zindex-spin:10;--zindex-modal:1000;--zindex-modal-mask:1000;--zindex-message:1010;--zindex-notice:1010;--zindex-popover:1030;--zindex-dropdown:1050;--zindex-tooltip:1060;--zindex-loading-bar:2000;--dropdown-shadow:var(--shadow-5);--popover-shadow:var(--shadow-5);--modal-shadow:var(--shadow-6);--message-shadow:var(--shadow-5);--notice-shadow:var(--shadow-5);--card-shadow:var(--shadow-2);--icon-width-base:var(--space-4);--icon-font-size:var(--font-size-3);--icon-button-color:var(--gray-a11);--icon-button-padding:var(--space-1);--icon-button-hover-color:var(--gray-a11);--icon-button-hover-background-color:var(--gray-a3);--required-color:var(--error-9);--required-font-size:var(--font-size-2);--required-font-family:'SimSun',sans-serif;--mask-background-color:var(--color-overlay);--ease-base-out:cubic-bezier(0.7, 0.3, 0.1, 1);--ease-base-in:cubic-bezier(0.9, 0, 0.3, 0.7);--ease-out:cubic-bezier(0.215, 0.61, 0.355, 1);--ease-in:cubic-bezier(0.55, 0.055, 0.675, 0.19);--ease-in-out:cubic-bezier(0.645, 0.045, 0.355, 1);--ease-out-back:cubic-bezier(0.12, 0.4, 0.29, 1.46);--ease-in-back:cubic-bezier(0.71, -0.46, 0.88, 0.6);--ease-in-out-back:cubic-bezier(0.71, -0.46, 0.29, 1.46);--ease-out-circ:cubic-bezier(0.08, 0.82, 0.17, 1);--ease-in-circ:cubic-bezier(0.6, 0.04, 0.98, 0.34);--ease-in-out-circ:cubic-bezier(0.78, 0.14, 0.15, 0.86);--ease-out-quint:cubic-bezier(0.23, 1, 0.32, 1);--ease-in-quint:cubic-bezier(0.755, 0.05, 0.855, 0.06);--ease-in-out-quint:cubic-bezier(0.86, 0, 0.07, 1)}.dark,.dark-theme,.light,.light-theme,:root,[data-color],[data-theme-color]{--link-color:var(--primary-9);--link-hover-color:var(--primary-10);--link-active-color:var(--primary-11);--dropdown-item-selected-color:var(--default-font-color);--dropdown-item-hover-background-color:var(--primary-a3);--dropdown-item-hover-font-color:var(--default-font-color);--highlight-color:var(--primary-10)}[data-color=error]{--link-color:var(--error-9);--link-hover-color:var(--error-10);--link-active-color:var(--error-11)}[data-color=warning]{--link-color:var(--warning-9);--link-hover-color:var(--warning-10);--link-active-color:var(--warning-11)}[data-color=success]{--link-color:var(--success-9);--link-hover-color:var(--success-10);--link-active-color:var(--success-11)}[data-color]{--primary-shadow-3:0 0 0 1px var(--primary-a3),0 2px 3px -2px var(--primary-a3),0 3px 12px -4px var(--primary-a3),0 4px 16px -8px var(--primary-a3);--primary-shadow-5:0 0 0 1px var(--primary-a3),0 12px 24px var(--primary-2),0 12px 24px -16px var(--primary-a5)}:root,[data-radius]{--dropdown-border-radius:var(--radius-4);--icon-button-radius:var(--radius-2);--modal-border-radius:var(--radius-4);--control-radius:var(--radius-4);--control-radius-small:var(--radius-2);--control-radius-large:var(--radius-4)}.uui-select,.uui-select-dropdown{--select-width:100%;--select-max-width:auto;--select-background-color:var(--color-surface);--select-border-color:var(--border-color-base);--select-hover-border-color:var(--control-surface-hover-border-color);--select-hover-background-color:var(--color-surface);--select-disabled-background-color:var(--control-disabled-background-color);--select-disabled-border-color:var(--control-disabled-border-color);--select-disabled-font-color:var(--disabled-font-color);--select-height-small:var(--control-height-small);--select-height-base:var(--control-height-base);--select-height-large:var(--control-height-large);--select-line-height:var(--default-line-height);--select-padding-horizontal:var(--space-3);--select-padding-vertical:0;--select-icon-size:var(--icon-font-size);--select-icon-width:var(--space-4);--select-icon-color:var(--gray-10);--select-icon-button-padding:var(--space-1);--select-label-color:var(--default-font-color);--select-label-font-weight:var(--font-weight-medium);--select-label-padding-vertical:0;--select-label-padding-horizontal:var(--space-2);--select-dropdown-background-color:var(--color-background);--select-dropdown-box-shadow:var(--dropdown-shadow);--select-dropdown-padding-vertical:var(--space-2);--select-dropdown-padding-horizontal:var(--space-2);--select-dropdown-item-height:var(--control-height-base);--select-dropdown-item-height-small:var(--control-height-small);--select-dropdown-item-height-large:var(--control-height-large);--select-dropdown-item-padding-horizontal:var(--space-2);--select-dropdown-item-padding-vertical:0;--select-dropdown-item-state-width:var(--space-6);--select-dropdown-item-state-width-small:var(--space-5);--select-dropdown-item-state-width-large:var(--space-7);--select-dropdown-group-item-color:var(--gray-12);--select-dropdown-group-item-font-weight:var(--font-weight-bold);--select-multiple-selection-vertical-padding:calc(var(--space-1));--select-multiple-item-gap:var(--space-1);--select-multiple-item-padding-horizontal:var(--space-1);--select-multiple-item-padding:0 var(--select-multiple-item-padding-horizontal);--select-multiple-item-border-radius:var(--radius-2);--select-multiple-item-background-color:var(--gray-a3);--select-multiple-item-disabled-background-color:var(--gray-3);--select-multiple-item-disabled-font-color:var(--gray-7);--select-multiple-item-remove-icon-size:var(--font-size-2);--select-multiple-item-remove-icon-color:var(--gray-10);--select-multiple-item-remove-icon-hover-color:var(--gray-12);--select-multiple-item-remove-icon-hover-background-color:var(--gray-a3);--select-focus-border-color:var(--primary-9);--select-focus-outer-color:var(--primary-a5);--select-dropdown-item-hover-background-color:var(--dropdown-item-hover-background-color);--select-dropdown-item-hover-font-color:var(--dropdown-item-hover-font-color);--select-dropdown-item-selected-color:var(--dropdown-item-selected-color);--select-border-radius:var(--control-radius);--select-large-border-radius:var(--control-radius-large);--select-small-border-radius:var(--control-radius-small);--select-icon-button-radius:var(--radius-2);--select-dropdown-border-radius:var(--dropdown-border-radius);--select-dropdown-item-radius:var(--radius-3);--select-multiple-item-remove-icon-radius:var(--radius-2)}.has-error,.validate-error{--select-focus-border-color:var(--error-9);--select-focus-outer-color:var(--error-a5)}[data-radius=full]{--select-border-radius:var(--radius-full)}.uui-select{box-sizing:border-box;margin:0;padding:0;color:var(--default-font-color);font-size:var(--default-font-size);font-variant:var(--default-font-variant);line-height:var(--default-line-height);list-style:none;font-feature-settings:var(--default-font-feature-settings);position:relative;display:inline-flex;align-items:center;gap:var(--space-1);border-radius:var(--select-border-radius);background-color:var(--select-background-color);padding:var(--select-padding-vertical) var(--select-padding-horizontal);outline:0;width:var(--select-width);cursor:pointer;height:var(--select-height-base);line-height:var(--select-height-base)}.uui-select-variant-surface{box-shadow:0 0 0 1px var(--select-border-color) inset;background-color:var(--select-background-color)}.uui-select-variant-surface:hover{box-shadow:0 0 0 1px var(--select-hover-border-color) inset}.uui-select-variant-surface.uui-select-focused,.uui-select-variant-surface.uui-select-open{outline:1px solid var(--select-focus-outer-color);box-shadow:0 0 0 1px var(--select-focus-border-color) inset}.uui-select-variant-surface.uui-select-focused:hover,.uui-select-variant-surface.uui-select-open:hover{box-shadow:0 0 0 1px var(--select-focus-border-color) inset}.uui-select-variant-surface[data-color]{--select-border-color:var(--primary-8);--select-hover-border-color:var(--primary-9);--select-background-color:var(--primary-2)}.has-error .uui-select-variant-surface,.validate-error .uui-select-variant-surface{--select-border-color:var(--validate-error-border-color);--select-hover-border-color:var(--validate-error-hover-border-color);--select-background-color:var(--validate-error-background-color)}.uui-select-variant-soft{transition:background var(--animation-time) linear}.uui-select-variant-soft:not([data-color]){--select-background-color:var(--control-soft-background-color);--select-hover-background-color:var(--control-soft-hover-background-color)}.uui-select-variant-soft:hover{background-color:var(--select-hover-background-color)}.uui-select-variant-soft.uui-select-focused,.uui-select-variant-soft.uui-select-open{box-shadow:0 0 0 1px var(--select-focus-border-color) inset;outline:0}.uui-select-variant-soft[data-color]{--select-background-color:var(--primary-3);--select-hover-background-color:var(--primary-4)}.uui-select-variant-text{width:auto;background-color:transparent}.uui-select-variant-text.uui-select-single .uui-select-selection .uui-select-selection-item,.uui-select-variant-text.uui-select-single .uui-select-selection .uui-select-selection-placeholder{position:static;transform:none}.uui-select-variant-text:hover{background-color:var(--control-soft-background-color)}.uui-select-variant-text.uui-select-focused,.uui-select-variant-text.uui-select-open{box-shadow:0 0 0 1px var(--select-focus-border-color) inset;outline:0}.uui-select-variant-text[data-color]{color:var(--primary-9)}.uui-select-variant-text[data-color]:hover{background-color:var(--primary-3)}.has-error .uui-select-variant-text,.validate-error .uui-select-variant-text{color:var(--error-8)}.has-error .uui-select-variant-text:hover,.validate-error .uui-select-variant-text:hover{background-color:var(--error-8)}.uui-select-disabled{color:var(--select-disabled-font-color);background:var(--select-disabled-background-color);cursor:not-allowed}.uui-select-disabled .uui-select-label{color:var(--select-disabled-font-color)}.uui-select-disabled:where(.uui-select-variant-surface){box-shadow:0 0 0 1px var(--input-disabled-border-color) inset}.uui-select-disabled:hover:where(.uui-select-variant-text),.uui-select-disabled:where(.uui-select-variant-text){background-color:transparent}.uui-select-disabled:hover:where(.uui-select-variant-soft){background-color:var(--input-disabled-background-color)}.uui-select-disabled:hover:where(.uui-select-variant-surface){box-shadow:0 0 0 1px var(--input-disabled-border-color) inset;background:var(--select-disabled-background-color)}.uui-select-disabled .uui-select-selection-placeholder{color:var(--placeholder-disabled-color)}.uui-select-selection-item{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}@media all and (-ms-high-contrast:none){.uui-select-selection-item,.uui-select-selection-item ::-ms-backdrop{flex:auto}}.uui-select-selection-placeholder{position:absolute;width:100%;top:50%;transform:translateY(-50%);overflow:hidden;color:var(--placeholder-color);white-space:nowrap;text-overflow:ellipsis}@media all and (-ms-high-contrast:none){.uui-select-selection-placeholder,.uui-select-selection-placeholder ::-ms-backdrop{flex:auto}}.uui-select-label{display:inline-flex;align-self:flex-start;align-items:center;font-size:var(--default-font-size);line-height:var(--select-height-base);color:var(--select-label-color);font-weight:var(--select-label-font-weight);padding:var(--select-label-padding-vertical) var(--select-label-padding-horizontal);flex-shrink:0}.uui-select-label:where(.uui-select-label-colon)::after{content:':'}.uui-select-label-required::before{display:inline-flex;margin-right:0;color:var(--required-color);font-size:var(--default-font-size);font-family:var(--required-font-family);line-height:1;content:'*'}.uui-select:has(.uui-select-label){padding-left:0}.uui-select-arrow,.uui-select-clear,.uui-select-prefix{width:var(--select-icon-width);display:inline-flex;align-items:center;justify-content:center}.uui-select-arrow>i,.uui-select-clear>i,.uui-select-prefix>i{font-size:var(--select-icon-size);color:var(--select-icon-color)}.uui-select-arrow{-webkit-user-select:none;user-select:none;transition:transform .3s;pointer-events:none}.uui-select-disabled .uui-select-arrow{cursor:not-allowed}.uui-select-open:not(.uui-select-filterable):not(.uui-select-loading):not(.uui-select-arrow-no-rotate) .uui-select-arrow{transform:rotate(180deg)}.uui-select-prefix{pointer-events:none;transition:transform .3s}.uui-select-clear{text-rendering:auto;display:none}.uui-select-clear>i{width:auto;height:auto;line-height:1;border-radius:var(--icon-button-radius);padding:var(--icon-button-padding);color:var(--icon-button-color);background-color:transparent}.uui-select-clear:hover>i{color:var(--icon-button-hover-color);background-color:var(--icon-button-hover-background-color)}.uui-select-with-clear:hover .uui-select-clear{display:inline-flex}.uui-select-with-clear:hover .uui-select-arrow{display:none}.uui-select-single .uui-select-selection{position:relative;flex:1 1 auto;width:calc(100% - var(--select-icon-width) - var(--select-padding-horizontal));display:block;background-color:transparent;align-items:center;transition:all var(--animation-time) ease-in-out;display:flex;height:calc(var(--select-height-base) - 2px);padding:0}.uui-select-single .uui-select-selection input{cursor:pointer}.uui-select-disabled.uui-select-single .uui-select-selection{cursor:not-allowed}.uui-select-disabled.uui-select-single .uui-select-selection input{cursor:not-allowed}.uui-select-filterable.uui-select-single .uui-select-selection{cursor:text}.uui-select-filterable.uui-select-single .uui-select-selection input{cursor:auto}.uui-select-single .uui-select-selection .uui-select-selection-search-input{margin:0;padding:0;background:0 0;border:none;outline:0;appearance:none;flex:1}.uui-select-single .uui-select-selection .uui-select-selection-search-input::-webkit-search-cancel-button{display:none;appearance:none}.uui-select-single .uui-select-selection .uui-select-selection-search{position:absolute;inset:0}.uui-select-single .uui-select-selection .uui-select-selection-search-input{height:100%;width:100%}.uui-select-single .uui-select-selection .uui-select-selection-item,.uui-select-single .uui-select-selection .uui-select-selection-placeholder{padding:0;transition:all var(--animation-time)}.uui-select-single .uui-select-selection .uui-select-selection-item{position:absolute;width:100%;top:50%;transform:translateY(-50%);-webkit-user-select:none;user-select:none}.uui-select-single .uui-select-selection .uui-select-selection-placeholder{pointer-events:none}.uui-select-single .uui-select-selection .uui-select-selection-item::after,.uui-select-single .uui-select-selection .uui-select-selection-placeholder::after,.uui-select-single .uui-select-selection::after{display:inline-flex;width:0;visibility:hidden;content:'\a0'}.uui-select-single .uui-select-selection::after{line-height:calc(var(--select-height-base) - 2px)}.uui-select-single.uui-select-open .uui-select-selection-item{color:var(--placeholder-color)}.uui-select-single.uui-select-small{height:var(--select-height-small);border-radius:var(--select-small-border-radius)}.uui-select-single.uui-select-small .uui-select-selection{height:calc(var(--select-height-small) - 2px)}.uui-select-single.uui-select-small .uui-select-selection .uui-select-selection-item,.uui-select-single.uui-select-small .uui-select-selection .uui-select-selection-placeholder,.uui-select-single.uui-select-small .uui-select-selection .uui-select-selection-search,.uui-select-single.uui-select-small .uui-select-selection::after{line-height:calc(var(--select-height-small) - 2px);font-size:var(--font-size-1)}.uui-select-single.uui-select-large{height:var(--select-height-large);border-radius:var(--select-large-border-radius)}.uui-select-single.uui-select-large .uui-select-selection{height:calc(var(--select-height-large) - 2px)}.uui-select-single.uui-select-large .uui-select-selection .uui-select-selection-item,.uui-select-single.uui-select-large .uui-select-selection .uui-select-selection-placeholder,.uui-select-single.uui-select-large .uui-select-selection .uui-select-selection-search,.uui-select-single.uui-select-large .uui-select-selection::after{line-height:calc(var(--select-height-large) - 2px);font-size:var(--font-size-3)}.uui-select-multiple{height:auto;min-height:var(--select-height-base);--select-multiple-item-height:calc(var(--select-height-base) - var(--select-multiple-selection-vertical-padding) * 2 - 2px)}.uui-select-multiple .uui-select-selection{position:relative;flex:1 1 auto;width:calc(100% - var(--select-icon-width) - var(--select-padding-horizontal));display:block;background-color:transparent;transition:all var(--animation-time) ease-in-out;display:flex;gap:var(--select-multiple-item-gap);flex-wrap:wrap;align-items:center;padding:var(--select-multiple-selection-vertical-padding) 0}.uui-select-multiple .uui-select-selection input{cursor:pointer}.uui-select-disabled.uui-select-multiple .uui-select-selection{cursor:not-allowed}.uui-select-disabled.uui-select-multiple .uui-select-selection input{cursor:not-allowed}.uui-select-filterable.uui-select-multiple .uui-select-selection{cursor:text}.uui-select-filterable.uui-select-multiple .uui-select-selection input{cursor:auto}.uui-select-multiple .uui-select-selection .uui-select-selection-search-input{margin:0;padding:0;background:0 0;border:none;outline:0;appearance:none;flex:1}.uui-select-multiple .uui-select-selection .uui-select-selection-search-input::-webkit-search-cancel-button{display:none;appearance:none}.uui-select-filterable.uui-select-multiple .uui-select-selection{cursor:text}.uui-select-multiple:has(.uui-select-selection-item){padding-left:var(--select-multiple-selection-vertical-padding)}.uui-select-multiple .uui-select-selection-item{position:relative;display:inline-flex;align-items:center;flex:none;gap:var(--space-1);box-sizing:border-box;max-width:100%;height:var(--select-multiple-item-height);padding:var(--select-multiple-item-padding);line-height:var(--select-multiple-item-height);background:var(--select-multiple-item-background-color);border:none;border-radius:var(--select-multiple-item-border-radius);cursor:default;transition:font-size .3s,line-height .3s,height .3s;-webkit-user-select:none;user-select:none}.uui-select-disabled.uui-select-multiple .uui-select-selection-item{background-color:var(--select-multiple-item-disabled-background-color);color:var(--select-multiple-item-disabled-font-color);cursor:not-allowed}.uui-select-multiple .uui-select-selection-item-content{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.uui-select-multiple .uui-select-selection-item-remove{display:flex;align-items:center;color:var(--select-multiple-item-remove-icon-color);font-weight:700;font-size:var(--select-multiple-item-remove-icon-size);line-height:1;height:var(--select-multiple-item-remove-icon-size);width:var(--select-multiple-item-remove-icon-size);border-radius:var(--select-multiple-item-remove-icon-radius);cursor:pointer}.uui-select-multiple .uui-select-selection-item-remove:hover{background-color:var(--select-multiple-item-remove-icon-hover-background-color);color:var(--select-multiple-item-remove-icon-hover-color)}.uui-select-multiple .uui-select-selection-search{position:relative;margin-left:0;display:flex}.uui-select-multiple .uui-select-selection-search-input,.uui-select-multiple .uui-select-selection-search-mirror{font-family:var(--default-font-family);line-height:var(--select-multiple-item-height);transition:all .3s}.uui-select-multiple .uui-select-selection-search-input{width:100%;min-width:4.1px}.uui-select-multiple .uui-select-selection-search-mirror{position:absolute;top:0;left:0;z-index:999;white-space:nowrap;visibility:hidden}.uui-select-multiple .uui-select-selection-placeholder{position:absolute;top:50%;right:0;left:0;transform:translateY(-50%);transition:all .3s}.uui-select-multiple.uui-select-small{--select-multiple-item-height:calc(var(--select-height-small) - var(--select-multiple-selection-vertical-padding) * 2 - 2px);min-height:var(--select-height-small)}.uui-select-multiple.uui-select-small .uui-select-selection-search-input,.uui-select-multiple.uui-select-small .uui-select-selection-search-mirror{font-size:var(--control-font-size-small)}.uui-select-multiple.uui-select-small .uui-select-selection-item{font-size:var(--control-font-size-small)}.uui-select-multiple.uui-select-small .uui-select-selection-placeholder{font-size:var(--control-font-size-small)}.uui-select-multiple.uui-select-large{--select-multiple-item-height:calc(var(--select-height-large) - var(--select-multiple-selection-vertical-padding) * 2 - 2px);min-height:var(--select-height-large)}.uui-select-multiple.uui-select-large .uui-select-selection-search-input,.uui-select-multiple.uui-select-large .uui-select-selection-search-mirror{font-size:var(--control-font-size-large)}.uui-select-multiple.uui-select-large .uui-select-selection-item{font-size:var(--control-font-size-large)}.uui-select-multiple.uui-select-large .uui-select-selection-placeholder{font-size:var(--control-font-size-large)}.uui-select-selection-tooltip{display:flex;gap:var(--select-multiple-item-gap);max-height:calc(var(--select-multiple-item-height) * 5 + var(--select-multiple-item-gap) * 4);flex-wrap:wrap;overflow-y:auto;--select-multiple-item-height:calc(var(--select-height-base) - var(--select-multiple-selection-vertical-padding) * 2 - 2px)}.uui-select-selection-tooltip .uui-select-selection-item{position:relative;display:inline-flex;align-items:center;flex:none;gap:var(--space-1);box-sizing:border-box;max-width:100%;height:var(--select-multiple-item-height);padding:var(--select-multiple-item-padding);line-height:var(--select-multiple-item-height);background:var(--select-multiple-item-background-color);border:none;border-radius:var(--select-multiple-item-border-radius);cursor:default;transition:font-size .3s,line-height .3s,height .3s;-webkit-user-select:none;user-select:none}.uui-select-disabled.uui-select-selection-tooltip .uui-select-selection-item{background-color:var(--select-multiple-item-disabled-background-color);color:var(--select-multiple-item-disabled-font-color);cursor:not-allowed}.uui-select-selection-tooltip .uui-select-selection-item-content{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.uui-select-selection-tooltip .uui-select-selection-item-remove{display:flex;align-items:center;color:var(--select-multiple-item-remove-icon-color);font-weight:700;font-size:var(--select-multiple-item-remove-icon-size);line-height:1;height:var(--select-multiple-item-remove-icon-size);width:var(--select-multiple-item-remove-icon-size);border-radius:var(--select-multiple-item-remove-icon-radius);cursor:pointer}.uui-select-selection-tooltip .uui-select-selection-item-remove:hover{background-color:var(--select-multiple-item-remove-icon-hover-background-color);color:var(--select-multiple-item-remove-icon-hover-color)}.uui-select-disabled .uui-select-selection-item-remove{display:none}.uui-select-large{border-radius:var(--select-large-border-radius)}.uui-select-large .uui-select-label{font-size:var(--control-font-size-large);line-height:var(--select-height-large)}.uui-select-small{--icon-button-padding:calc(var(--space-1) * 0.75);--select-icon-width:var(--space-4);--select-icon-size:var(--font-size-2)}.uui-select-small .uui-select-label{font-size:var(--control-font-size-small);line-height:var(--select-height-small)}.uui-select-rtl,[data-direction=rtl] .uui-select,[dir=rtl] .uui-select{direction:rtl}.uui-select-rtl.uui-select-multiple:has(.uui-select-selection-item),[data-direction=rtl] .uui-select.uui-select-multiple:has(.uui-select-selection-item),[dir=rtl] .uui-select.uui-select-multiple:has(.uui-select-selection-item){padding-left:var(--select-padding-horizontal);padding-right:var(--select-multiple-selection-vertical-padding)}.uui-select-rtl:has(.uui-select-label),[data-direction=rtl] .uui-select:has(.uui-select-label),[dir=rtl] .uui-select:has(.uui-select-label){padding-right:0;padding-left:var(--select-padding-horizontal)}.uui-select-dropdown{margin:0;padding:0;color:var(--default-font-color);font-variant:var(--default-font-variant);line-height:var(--default-line-height);list-style:none;font-feature-settings:var(--default-font-feature-settings);position:absolute;top:-9999px;left:-9999px;z-index:var(--zindex-dropdown);box-sizing:border-box;padding:var(--select-dropdown-padding-vertical) 0;overflow:hidden;font-size:var(--default-font-size);font-variant:initial;background-color:var(--select-dropdown-background-color);border-radius:var(--select-dropdown-border-radius);outline:0;box-shadow:var(--select-dropdown-box-shadow)}.uui-select-dropdown-hidden{display:none}.uui-select-dropdown-operate{padding:0 var(--select-dropdown-padding-horizontal) var(--select-dropdown-padding-vertical);border-bottom:1px solid var(--border-split-color)}.uui-select-dropdown-checkbox .uui-checkbox{width:var(--select-dropdown-item-state-width);display:flex;justify-content:center;align-items:center}.uui-select-dropdown-checkbox .uui-checkbox+span{padding:0}.uui-select-dropdown-list{padding:0 var(--select-dropdown-padding-horizontal)}.uui-select-dropdown:has(.uui-select-item-small){--select-dropdown-padding-horizontal:var(--space-1);--select-dropdown-padding-vertical:var(--space-2)}.uui-select-dropdown-rtl,[data-direction=rtl] .uui-select-dropdown,[dir=rtl] .uui-select-dropdown{direction:rtl}.uui-select-item-empty{display:flex;justify-content:center;align-items:center;color:var(--disabled-font-color)}.uui-select-item{position:relative;display:flex;align-items:center;min-height:var(--select-dropdown-item-height);padding:var(--select-dropdown-item-padding-vertical) var(--select-dropdown-item-padding-horizontal) var(--select-dropdown-item-padding-vertical) 0;color:var(--default-font-color);font-weight:400;font-size:var(--default-font-size);border-radius:var(--select-dropdown-item-radius);line-height:var(--select-line-height);cursor:pointer}.uui-select-item-group{color:var(--select-dropdown-group-item-color);font-weight:var(--select-dropdown-group-item-font-weight);padding:var(--select-dropdown-item-padding-vertical) var(--select-dropdown-item-state-width);cursor:default}.uui-select-item-option{display:inline-flex}.uui-select-item-option-content{flex:auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.uui-select-item-option-state{flex-grow:0;flex-shrink:0;width:var(--select-dropdown-item-state-width)}.uui-select-item-option-selected:not(.uui-select-item-option-disabled){color:var(--select-dropdown-item-selected-color)}.uui-select-item-option-active:not(.uui-select-item-option-disabled){background-color:var(--select-dropdown-item-hover-background-color);color:var(--select-dropdown-item-hover-font-color)}.uui-select-item-option-selected:not(.uui-select-item-option-disabled).uui-select-item-option-active{background-color:var(--select-dropdown-item-hover-background-color);color:var(--select-dropdown-item-selected-color)}.uui-select-item-option-selected:not(.uui-select-item-option-disabled).uui-select-item-option-active .uui-select-dropdown-item-option-state{color:var(--select-dropdown-item-selected-color)}.uui-select-item-option-disabled{color:var(--disabled-font-color);cursor:not-allowed}.uui-select-item-small{font-size:var(--control-font-size-small);line-height:var(--select-dropdown-item-height-small);min-height:var(--select-dropdown-item-height-small)}.uui-select-item-small .uui-select-item-option-state{width:var(--select-dropdown-item-state-width-small)}.uui-select-item-large{font-size:var(--control-font-size-large);line-height:var(--select-dropdown-item-height-large);min-height:var(--select-dropdown-item-height-large)}.uui-select-item-large .uui-select-item-option-state{width:var(--select-dropdown-item-state-width-large)}.uui-cascader{--cascader-width:100%;width:var(--cascader-width);cursor:pointer}.uui-cascader-custom{display:inline;border:none;box-shadow:none}.uui-cascader-custom:hover{border:none;box-shadow:none;background-color:transparent}.uui-cascader-custom .uui-select-arrow{display:none}.uui-cascader-custom .uui-select-clear{display:none}.uui-cascader-menu-wrap{--cascader-dropdown-menu-padding-vertical:var(--space-1);--cascader-dropdown-border-radius:var(--dropdown-border-radius);--cascader-dropdown-menu-min-width:120px;--cascader-dropdown-item-height:var(--space-6);--cascader-dropdown-menu-padding-horizontal:var(--space-1);--cascader-dropdown-item-padding-horizontal:var(--space-5);--cascader-dropdown-item-hover-background-color:var(--dropdown-item-hover-background-color);--cascader-dropdown-item-selected-color:var(--default-font-color);--cascader-dropdown-item-active-color:var(--primary-9);--cascader-dropdown-item-active-background-color:transparent;--cascader-dropdown-item-radius:var(--radius-3);font-size:var(--default-font-size);overflow:hidden;background-color:var(--color-background);border-radius:var(--cascader-dropdown-border-radius);box-shadow:var(--dropdown-shadow);padding:var(--cascader-dropdown-menu-padding-vertical) 0;white-space:nowrap;position:relative;display:flex;align-items:flex-start;z-index:var(--zindex-dropdown)}.uui-cascader-menu{display:block;list-style:none;margin:0;padding:0 var(--cascader-dropdown-menu-padding-horizontal);min-width:var(--cascader-dropdown-menu-min-width);height:calc(var(--cascader-dropdown-item-height) * 6);overflow:auto;-ms-overflow-style:-ms-autohiding-scrollbar;position:relative}.uui-cascader-menu-not-found{position:absolute;top:50%;left:0;width:100%;transform:translateY(-50%);text-align:center;color:var(--disabled-font-color)}.uui-cascader-menu:not(:last-child){border-right:1px solid var(--border-split-color)}.uui-cascader-menu:first-child{border-top-left-radius:var(--dropdown-border-radius);border-bottom-left-radius:var(--dropdown-border-radius)}.uui-cascader-menu:last-child{border-top-right-radius:var(--dropdown-border-radius);border-bottom-right-radius:var(--dropdown-border-radius)}.uui-cascader-menu:only-child{border-radius:var(--dropdown-border-radius)}.uui-cascader-menu-item{display:flex;height:var(--cascader-dropdown-item-height);line-height:var(--cascader-dropdown-item-height);padding:0 var(--cascader-dropdown-item-padding-horizontal);border-radius:var(--cascader-dropdown-item-radius);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all .3s ease;position:relative}.uui-cascader-menu-item:hover{background-color:var(--cascader-dropdown-item-hover-background-color);color:var(--cascader-dropdown-item-hover-font-color)}.uui-cascader-menu-item-disabled{cursor:not-allowed;color:var(--disabled-font-color);background-color:var(--control-disabled-background-color)}.uui-cascader-menu-item-disabled:hover{background-color:var(--control-disabled-background-color);color:var(--disabled-font-color)}.uui-cascader-menu-item-disabled .uui-checkbox-input{cursor:not-allowed}.uui-cascader-menu-item-active:not(.uui-cascader-menu-item-disabled){font-weight:600;color:var(--cascader-dropdown-item-active-color);background-color:var(--cascader-dropdown-item-active-background-color)}.uui-cascader-menu-item-active:not(.uui-cascader-menu-item-disabled):hover{background-color:var(--cascader-dropdown-item-hover-background-color)}.uui-cascader-menu-item-selected{color:var(--cascader-dropdown-item-selected-color)}.uui-cascader-menu-item-checkbox,.uui-cascader-menu-item-checked-icon{font-size:var(--default-font-size);line-height:1;position:absolute;top:50%;transform:translateY(-50%);left:var(--space-1)}.uui-cascader-menu-item-not-found{height:100%;background-color:var(--color-background);cursor:default}.uui-cascader-menu-item-not-found:hover{background-color:var(--color-background)}.uui-cascader-menu-item-suffix{font-size:var(--icon-font-size);line-height:1;position:absolute;top:50%;transform:translateY(-50%);right:var(--space-1)}.uui-cascader-menu-item-keyword{color:var(--highlight-color)}
+:root,[data-theme-color]{--primary-color:var(--primary-9)}.dark,.dark-theme,.light,.light-theme,:root{--animation-time:0.3s;--animation-time-fast:0.15s;--animation-time-short:0.2s;--animation-time-long:0.5s;--default-font-color:var(--gray-12);--secondary-font-color:var(--gray-11);--heading-color:var(--gray-12);--placeholder-color:var(--gray-10);--placeholder-disabled-color:var(--gray-7);--border-width-base:1px;--border-style-base:solid;--border-color-base:var(--color-border-base);--border-split-color:var(--color-border-split);--disabled-font-color:var(--color-disabled-font);--validate-error-border-color:var(--error-8);--validate-error-hover-border-color:var(--error-9);--validate-error-background-color:transparent;--validate-error-hover-background-color:transparent;--control-disabled-background-color:var(--gray-2);--control-disabled-border-color:var(--color-border-disabled);--control-surface-border-color:var(--color-border-base);--control-surface-hover-border-color:var(--color-border-hover);--control-surface-background-color:var(--color-background);--control-soft-background-color:var(--color-soft-control-background);--control-soft-hover-background-color:var(--color-soft-control-hover-background);--control-height-small:var(--space-5);--control-height-base:var(--space-6);--control-height-large:var(--space-7);--control-font-size-small:var(--font-size-1);--control-font-size-base:var(--default-font-size);--control-font-size-large:var(--font-size-3);--link-decoration:none;--link-hover-decoration:underline;--zindex-badge:auto;--zindex-table-fixed:10;--zindex-affix:10;--zindex-back-top:10;--zindex-picker-panel:10;--zindex-popup-close:10;--zindex-spin:10;--zindex-modal:1000;--zindex-modal-mask:1000;--zindex-message:1010;--zindex-notice:1010;--zindex-popover:1030;--zindex-dropdown:1050;--zindex-tooltip:1060;--zindex-loading-bar:2000;--dropdown-shadow:var(--shadow-5);--popover-shadow:var(--shadow-5);--modal-shadow:var(--shadow-6);--message-shadow:var(--shadow-5);--notice-shadow:var(--shadow-5);--card-shadow:var(--shadow-2);--icon-width-base:var(--space-4);--icon-font-size:var(--font-size-3);--icon-button-color:var(--gray-a11);--icon-button-padding:var(--space-1);--icon-button-hover-color:var(--gray-a11);--icon-button-hover-background-color:var(--gray-a3);--required-color:var(--error-9);--required-font-size:var(--font-size-2);--required-font-family:'SimSun',sans-serif;--mask-background-color:var(--color-overlay);--ease-base-out:cubic-bezier(0.7, 0.3, 0.1, 1);--ease-base-in:cubic-bezier(0.9, 0, 0.3, 0.7);--ease-out:cubic-bezier(0.215, 0.61, 0.355, 1);--ease-in:cubic-bezier(0.55, 0.055, 0.675, 0.19);--ease-in-out:cubic-bezier(0.645, 0.045, 0.355, 1);--ease-out-back:cubic-bezier(0.12, 0.4, 0.29, 1.46);--ease-in-back:cubic-bezier(0.71, -0.46, 0.88, 0.6);--ease-in-out-back:cubic-bezier(0.71, -0.46, 0.29, 1.46);--ease-out-circ:cubic-bezier(0.08, 0.82, 0.17, 1);--ease-in-circ:cubic-bezier(0.6, 0.04, 0.98, 0.34);--ease-in-out-circ:cubic-bezier(0.78, 0.14, 0.15, 0.86);--ease-out-quint:cubic-bezier(0.23, 1, 0.32, 1);--ease-in-quint:cubic-bezier(0.755, 0.05, 0.855, 0.06);--ease-in-out-quint:cubic-bezier(0.86, 0, 0.07, 1)}.dark,.dark-theme,.light,.light-theme,:root,[data-color],[data-theme-color]{--link-color:var(--primary-9);--link-hover-color:var(--primary-10);--link-active-color:var(--primary-11);--dropdown-item-selected-color:var(--default-font-color);--dropdown-item-hover-background-color:var(--primary-a3);--dropdown-item-hover-font-color:var(--default-font-color);--highlight-color:var(--primary-10)}[data-color=error]{--link-color:var(--error-9);--link-hover-color:var(--error-10);--link-active-color:var(--error-11)}[data-color=warning]{--link-color:var(--warning-9);--link-hover-color:var(--warning-10);--link-active-color:var(--warning-11)}[data-color=success]{--link-color:var(--success-9);--link-hover-color:var(--success-10);--link-active-color:var(--success-11)}[data-color]{--primary-shadow-3:0 0 0 1px var(--primary-a3),0 2px 3px -2px var(--primary-a3),0 3px 12px -4px var(--primary-a3),0 4px 16px -8px var(--primary-a3);--primary-shadow-5:0 0 0 1px var(--primary-a3),0 12px 24px var(--primary-2),0 12px 24px -16px var(--primary-a5)}:root,[data-radius]{--dropdown-border-radius:var(--radius-4);--icon-button-radius:var(--radius-2);--modal-border-radius:var(--radius-4);--control-radius:var(--radius-4);--control-radius-small:var(--radius-2);--control-radius-large:var(--radius-4)}.uui-select,.uui-select-dropdown{--select-width:100%;--select-max-width:auto;--select-background-color:var(--color-surface);--select-border-color:var(--border-color-base);--select-hover-border-color:var(--control-surface-hover-border-color);--select-hover-background-color:var(--color-surface);--select-disabled-background-color:var(--control-disabled-background-color);--select-disabled-border-color:var(--control-disabled-border-color);--select-disabled-font-color:var(--disabled-font-color);--select-height-small:var(--control-height-small);--select-height-base:var(--control-height-base);--select-height-large:var(--control-height-large);--select-line-height:var(--default-line-height);--select-padding-horizontal:var(--space-3);--select-padding-vertical:0;--select-icon-size:var(--icon-font-size);--select-icon-width:var(--space-4);--select-icon-color:var(--gray-10);--select-icon-button-padding:var(--space-1);--select-label-color:var(--default-font-color);--select-label-font-weight:var(--font-weight-medium);--select-label-padding-vertical:0;--select-label-padding-horizontal:var(--space-2);--select-dropdown-background-color:var(--color-background);--select-dropdown-box-shadow:var(--dropdown-shadow);--select-dropdown-padding-vertical:var(--space-2);--select-dropdown-padding-horizontal:var(--space-2);--select-dropdown-item-height:var(--control-height-base);--select-dropdown-item-height-small:var(--control-height-small);--select-dropdown-item-height-large:var(--control-height-large);--select-dropdown-item-padding-horizontal:var(--space-2);--select-dropdown-item-padding-vertical:0;--select-dropdown-item-state-width:var(--space-6);--select-dropdown-item-state-width-small:var(--space-5);--select-dropdown-item-state-width-large:var(--space-7);--select-dropdown-group-item-color:var(--gray-12);--select-dropdown-group-item-font-weight:var(--font-weight-bold);--select-multiple-selection-vertical-padding:calc(var(--space-1));--select-multiple-item-gap:var(--space-1);--select-multiple-item-padding-horizontal:var(--space-1);--select-multiple-item-padding:0 var(--select-multiple-item-padding-horizontal);--select-multiple-item-border-radius:var(--radius-2);--select-multiple-item-background-color:var(--gray-a3);--select-multiple-item-disabled-background-color:var(--gray-3);--select-multiple-item-disabled-font-color:var(--gray-7);--select-multiple-item-remove-icon-size:var(--font-size-2);--select-multiple-item-remove-icon-color:var(--gray-10);--select-multiple-item-remove-icon-hover-color:var(--gray-12);--select-multiple-item-remove-icon-hover-background-color:var(--gray-a3);--select-focus-border-color:var(--primary-9);--select-focus-outer-color:var(--primary-a5);--select-dropdown-item-hover-background-color:var(--dropdown-item-hover-background-color);--select-dropdown-item-hover-font-color:var(--dropdown-item-hover-font-color);--select-dropdown-item-selected-color:var(--dropdown-item-selected-color);--select-border-radius:var(--control-radius);--select-large-border-radius:var(--control-radius-large);--select-small-border-radius:var(--control-radius-small);--select-icon-button-radius:var(--radius-2);--select-dropdown-border-radius:var(--dropdown-border-radius);--select-dropdown-item-radius:var(--radius-3);--select-multiple-item-remove-icon-radius:var(--radius-2)}.has-error,.validate-error{--select-focus-border-color:var(--error-9);--select-focus-outer-color:var(--error-a5)}[data-radius=full]{--select-border-radius:var(--radius-full)}.uui-select{box-sizing:border-box;margin:0;padding:0;color:var(--default-font-color);font-size:var(--default-font-size);font-variant:var(--default-font-variant);line-height:var(--default-line-height);list-style:none;font-feature-settings:var(--default-font-feature-settings);position:relative;display:inline-flex;align-items:center;gap:var(--space-1);border-radius:var(--select-border-radius);background-color:var(--select-background-color);padding:var(--select-padding-vertical) var(--select-padding-horizontal);outline:0;width:var(--select-width);cursor:pointer;height:var(--select-height-base);line-height:var(--select-height-base)}.uui-select-variant-surface{box-shadow:0 0 0 1px var(--select-border-color) inset;background-color:var(--select-background-color)}.uui-select-variant-surface:hover{box-shadow:0 0 0 1px var(--select-hover-border-color) inset}.uui-select-variant-surface.uui-select-focused,.uui-select-variant-surface.uui-select-open{outline:1px solid var(--select-focus-outer-color);box-shadow:0 0 0 1px var(--select-focus-border-color) inset}.uui-select-variant-surface.uui-select-focused:hover,.uui-select-variant-surface.uui-select-open:hover{box-shadow:0 0 0 1px var(--select-focus-border-color) inset}.uui-select-variant-surface[data-color]{--select-border-color:var(--primary-8);--select-hover-border-color:var(--primary-9);--select-background-color:var(--primary-2)}.has-error .uui-select-variant-surface,.validate-error .uui-select-variant-surface{--select-border-color:var(--validate-error-border-color);--select-hover-border-color:var(--validate-error-hover-border-color);--select-background-color:var(--validate-error-background-color)}.uui-select-variant-soft{transition:background var(--animation-time) linear}.uui-select-variant-soft:not([data-color]){--select-background-color:var(--control-soft-background-color);--select-hover-background-color:var(--control-soft-hover-background-color)}.uui-select-variant-soft:hover{background-color:var(--select-hover-background-color)}.uui-select-variant-soft.uui-select-focused,.uui-select-variant-soft.uui-select-open{box-shadow:0 0 0 1px var(--select-focus-border-color) inset;outline:0}.uui-select-variant-soft[data-color]{--select-background-color:var(--primary-3);--select-hover-background-color:var(--primary-4)}.uui-select-variant-text{width:auto;background-color:transparent}.uui-select-variant-text.uui-select-single .uui-select-selection .uui-select-selection-item,.uui-select-variant-text.uui-select-single .uui-select-selection .uui-select-selection-placeholder{position:static;transform:none}.uui-select-variant-text:hover{background-color:var(--control-soft-background-color)}.uui-select-variant-text.uui-select-focused,.uui-select-variant-text.uui-select-open{box-shadow:0 0 0 1px var(--select-focus-border-color) inset;outline:0}.uui-select-variant-text[data-color]{color:var(--primary-9)}.uui-select-variant-text[data-color]:hover{background-color:var(--primary-3)}.has-error .uui-select-variant-text,.validate-error .uui-select-variant-text{color:var(--error-8)}.has-error .uui-select-variant-text:hover,.validate-error .uui-select-variant-text:hover{background-color:var(--error-8)}.uui-select-disabled{color:var(--select-disabled-font-color);background:var(--select-disabled-background-color);cursor:not-allowed}.uui-select-disabled .uui-select-label{color:var(--select-disabled-font-color)}.uui-select-disabled:where(.uui-select-variant-surface){box-shadow:0 0 0 1px var(--input-disabled-border-color) inset}.uui-select-disabled:hover:where(.uui-select-variant-text),.uui-select-disabled:where(.uui-select-variant-text){background-color:transparent}.uui-select-disabled:hover:where(.uui-select-variant-soft){background-color:var(--input-disabled-background-color)}.uui-select-disabled:hover:where(.uui-select-variant-surface){box-shadow:0 0 0 1px var(--input-disabled-border-color) inset;background:var(--select-disabled-background-color)}.uui-select-disabled .uui-select-selection-placeholder{color:var(--placeholder-disabled-color)}.uui-select-selection-item{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}@media all and (-ms-high-contrast:none){.uui-select-selection-item,.uui-select-selection-item ::-ms-backdrop{flex:auto}}.uui-select-selection-placeholder{position:absolute;width:100%;top:50%;transform:translateY(-50%);overflow:hidden;color:var(--placeholder-color);white-space:nowrap;text-overflow:ellipsis}@media all and (-ms-high-contrast:none){.uui-select-selection-placeholder,.uui-select-selection-placeholder ::-ms-backdrop{flex:auto}}.uui-select-label{display:inline-flex;align-self:flex-start;align-items:center;font-size:var(--default-font-size);line-height:var(--select-height-base);color:var(--select-label-color);font-weight:var(--select-label-font-weight);padding:var(--select-label-padding-vertical) var(--select-label-padding-horizontal);flex-shrink:0}.uui-select-label:where(.uui-select-label-colon)::after{content:':'}.uui-select-label-required::before{display:inline-flex;margin-right:0;color:var(--required-color);font-size:var(--default-font-size);font-family:var(--required-font-family);line-height:1;content:'*'}.uui-select:has(.uui-select-label){padding-left:0}.uui-select-arrow,.uui-select-clear,.uui-select-prefix{width:var(--select-icon-width);display:inline-flex;align-items:center;justify-content:center}.uui-select-arrow>i,.uui-select-clear>i,.uui-select-prefix>i{font-size:var(--select-icon-size);color:var(--select-icon-color)}.uui-select-arrow{-webkit-user-select:none;user-select:none;transition:transform .3s;pointer-events:none}.uui-select-disabled .uui-select-arrow{cursor:not-allowed}.uui-select-open:not(.uui-select-filterable):not(.uui-select-loading):not(.uui-select-arrow-no-rotate) .uui-select-arrow{transform:rotate(180deg)}.uui-select-prefix{pointer-events:none;transition:transform .3s}.uui-select-clear{text-rendering:auto;display:none}.uui-select-clear>i{width:auto;height:auto;line-height:1;border-radius:var(--icon-button-radius);padding:var(--icon-button-padding);color:var(--icon-button-color);background-color:transparent}.uui-select-clear:hover>i{color:var(--icon-button-hover-color);background-color:var(--icon-button-hover-background-color)}.uui-select-with-clear:hover .uui-select-clear{display:inline-flex}.uui-select-with-clear:hover .uui-select-arrow{display:none}.uui-select-single .uui-select-selection{position:relative;flex:1 1 auto;width:calc(100% - var(--select-icon-width) - var(--select-padding-horizontal));display:block;background-color:transparent;align-items:center;transition:all var(--animation-time) ease-in-out;display:flex;height:calc(var(--select-height-base) - 2px);padding:0}.uui-select-single .uui-select-selection input{cursor:pointer}.uui-select-disabled.uui-select-single .uui-select-selection{cursor:not-allowed}.uui-select-disabled.uui-select-single .uui-select-selection input{cursor:not-allowed}.uui-select-filterable.uui-select-single .uui-select-selection{cursor:text}.uui-select-filterable.uui-select-single .uui-select-selection input{cursor:auto}.uui-select-single .uui-select-selection .uui-select-selection-search-input{margin:0;padding:0;background:0 0;border:none;outline:0;appearance:none;flex:1}.uui-select-single .uui-select-selection .uui-select-selection-search-input::-webkit-search-cancel-button{display:none;appearance:none}.uui-select-single .uui-select-selection .uui-select-selection-search{position:absolute;inset:0}.uui-select-single .uui-select-selection .uui-select-selection-search-input{height:100%;width:100%}.uui-select-single .uui-select-selection .uui-select-selection-item,.uui-select-single .uui-select-selection .uui-select-selection-placeholder{padding:0;transition:all var(--animation-time)}.uui-select-single .uui-select-selection .uui-select-selection-item{position:absolute;width:100%;top:50%;transform:translateY(-50%);-webkit-user-select:none;user-select:none}.uui-select-single .uui-select-selection .uui-select-selection-placeholder{pointer-events:none}.uui-select-single .uui-select-selection .uui-select-selection-item::after,.uui-select-single .uui-select-selection .uui-select-selection-placeholder::after,.uui-select-single .uui-select-selection::after{display:inline-flex;width:0;visibility:hidden;content:'\a0'}.uui-select-single .uui-select-selection::after{line-height:calc(var(--select-height-base) - 2px)}.uui-select-single.uui-select-open .uui-select-selection-item{color:var(--placeholder-color)}.uui-select-single.uui-select-small{height:var(--select-height-small);border-radius:var(--select-small-border-radius)}.uui-select-single.uui-select-small .uui-select-selection{height:calc(var(--select-height-small) - 2px)}.uui-select-single.uui-select-small .uui-select-selection .uui-select-selection-item,.uui-select-single.uui-select-small .uui-select-selection .uui-select-selection-placeholder,.uui-select-single.uui-select-small .uui-select-selection .uui-select-selection-search,.uui-select-single.uui-select-small .uui-select-selection::after{line-height:calc(var(--select-height-small) - 2px);font-size:var(--font-size-1)}.uui-select-single.uui-select-large{height:var(--select-height-large);border-radius:var(--select-large-border-radius)}.uui-select-single.uui-select-large .uui-select-selection{height:calc(var(--select-height-large) - 2px)}.uui-select-single.uui-select-large .uui-select-selection .uui-select-selection-item,.uui-select-single.uui-select-large .uui-select-selection .uui-select-selection-placeholder,.uui-select-single.uui-select-large .uui-select-selection .uui-select-selection-search,.uui-select-single.uui-select-large .uui-select-selection::after{line-height:calc(var(--select-height-large) - 2px);font-size:var(--font-size-3)}.uui-select-multiple{height:auto;min-height:var(--select-height-base);--select-multiple-item-height:calc(var(--select-height-base) - var(--select-multiple-selection-vertical-padding) * 2 - 2px)}.uui-select-multiple .uui-select-selection{position:relative;flex:1 1 auto;width:calc(100% - var(--select-icon-width) - var(--select-padding-horizontal));display:block;background-color:transparent;transition:all var(--animation-time) ease-in-out;display:flex;gap:var(--select-multiple-item-gap);flex-wrap:wrap;align-items:center;padding:var(--select-multiple-selection-vertical-padding) 0}.uui-select-multiple .uui-select-selection input{cursor:pointer}.uui-select-disabled.uui-select-multiple .uui-select-selection{cursor:not-allowed}.uui-select-disabled.uui-select-multiple .uui-select-selection input{cursor:not-allowed}.uui-select-filterable.uui-select-multiple .uui-select-selection{cursor:text}.uui-select-filterable.uui-select-multiple .uui-select-selection input{cursor:auto}.uui-select-multiple .uui-select-selection .uui-select-selection-search-input{margin:0;padding:0;background:0 0;border:none;outline:0;appearance:none;flex:1}.uui-select-multiple .uui-select-selection .uui-select-selection-search-input::-webkit-search-cancel-button{display:none;appearance:none}.uui-select-filterable.uui-select-multiple .uui-select-selection{cursor:text}.uui-select-multiple .uui-select-selection .uui-select-selection-overflow{gap:0;flex:auto;max-width:100%;padding:0;flex-wrap:nowrap}.uui-select-multiple:has(.uui-select-selection-item){padding-left:var(--select-multiple-selection-vertical-padding)}.uui-select-multiple .uui-select-selection-item-wrapper{padding-right:4px}.uui-select-multiple .uui-select-selection-item{position:relative;display:inline-flex;align-items:center;flex:none;gap:var(--space-1);box-sizing:border-box;max-width:100%;height:var(--select-multiple-item-height);padding:var(--select-multiple-item-padding);line-height:var(--select-multiple-item-height);background:var(--select-multiple-item-background-color);border:none;border-radius:var(--select-multiple-item-border-radius);cursor:default;transition:font-size .3s,line-height .3s,height .3s;-webkit-user-select:none;user-select:none}.uui-select-disabled.uui-select-multiple .uui-select-selection-item{background-color:var(--select-multiple-item-disabled-background-color);color:var(--select-multiple-item-disabled-font-color);cursor:not-allowed}.uui-select-multiple .uui-select-selection-item-content{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.uui-select-multiple .uui-select-selection-item-remove{display:flex;align-items:center;color:var(--select-multiple-item-remove-icon-color);font-weight:700;font-size:var(--select-multiple-item-remove-icon-size);line-height:1;height:var(--select-multiple-item-remove-icon-size);width:var(--select-multiple-item-remove-icon-size);border-radius:var(--select-multiple-item-remove-icon-radius);cursor:pointer}.uui-select-multiple .uui-select-selection-item-remove:hover{background-color:var(--select-multiple-item-remove-icon-hover-background-color);color:var(--select-multiple-item-remove-icon-hover-color)}.uui-select-multiple .uui-select-selection-search{position:relative;margin-left:0;display:flex}.uui-select-multiple .uui-select-selection-search-input,.uui-select-multiple .uui-select-selection-search-mirror{font-family:var(--default-font-family);line-height:var(--select-multiple-item-height);transition:all .3s}.uui-select-multiple .uui-select-selection-search-input{width:100%;min-width:4.1px}.uui-select-multiple .uui-select-selection-search-mirror{position:absolute;top:0;left:0;z-index:999;white-space:nowrap;visibility:hidden}.uui-select-multiple .uui-select-selection-placeholder{position:absolute;top:50%;right:0;left:0;transform:translateY(-50%);transition:all .3s}.uui-select-multiple.uui-select-small{--select-multiple-item-height:calc(var(--select-height-small) - var(--select-multiple-selection-vertical-padding) * 2 - 2px);min-height:var(--select-height-small)}.uui-select-multiple.uui-select-small .uui-select-selection-search-input,.uui-select-multiple.uui-select-small .uui-select-selection-search-mirror{font-size:var(--control-font-size-small)}.uui-select-multiple.uui-select-small .uui-select-selection-item{font-size:var(--control-font-size-small)}.uui-select-multiple.uui-select-small .uui-select-selection-placeholder{font-size:var(--control-font-size-small)}.uui-select-multiple.uui-select-large{--select-multiple-item-height:calc(var(--select-height-large) - var(--select-multiple-selection-vertical-padding) * 2 - 2px);min-height:var(--select-height-large)}.uui-select-multiple.uui-select-large .uui-select-selection-search-input,.uui-select-multiple.uui-select-large .uui-select-selection-search-mirror{font-size:var(--control-font-size-large)}.uui-select-multiple.uui-select-large .uui-select-selection-item{font-size:var(--control-font-size-large)}.uui-select-multiple.uui-select-large .uui-select-selection-placeholder{font-size:var(--control-font-size-large)}.uui-select-selection-tooltip{display:flex;gap:var(--select-multiple-item-gap);max-height:calc(var(--select-multiple-item-height) * 5 + var(--select-multiple-item-gap) * 4);flex-wrap:wrap;overflow-y:auto;--select-multiple-item-height:calc(var(--select-height-base) - var(--select-multiple-selection-vertical-padding) * 2 - 2px)}.uui-select-selection-tooltip .uui-select-selection-item-wrapper{padding-right:4px}.uui-select-selection-tooltip .uui-select-selection-item{position:relative;display:inline-flex;align-items:center;flex:none;gap:var(--space-1);box-sizing:border-box;max-width:100%;height:var(--select-multiple-item-height);padding:var(--select-multiple-item-padding);line-height:var(--select-multiple-item-height);background:var(--select-multiple-item-background-color);border:none;border-radius:var(--select-multiple-item-border-radius);cursor:default;transition:font-size .3s,line-height .3s,height .3s;-webkit-user-select:none;user-select:none}.uui-select-disabled.uui-select-selection-tooltip .uui-select-selection-item{background-color:var(--select-multiple-item-disabled-background-color);color:var(--select-multiple-item-disabled-font-color);cursor:not-allowed}.uui-select-selection-tooltip .uui-select-selection-item-content{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.uui-select-selection-tooltip .uui-select-selection-item-remove{display:flex;align-items:center;color:var(--select-multiple-item-remove-icon-color);font-weight:700;font-size:var(--select-multiple-item-remove-icon-size);line-height:1;height:var(--select-multiple-item-remove-icon-size);width:var(--select-multiple-item-remove-icon-size);border-radius:var(--select-multiple-item-remove-icon-radius);cursor:pointer}.uui-select-selection-tooltip .uui-select-selection-item-remove:hover{background-color:var(--select-multiple-item-remove-icon-hover-background-color);color:var(--select-multiple-item-remove-icon-hover-color)}.uui-select-disabled .uui-select-selection-item-remove{display:none}.uui-select-large{border-radius:var(--select-large-border-radius)}.uui-select-large .uui-select-label{font-size:var(--control-font-size-large);line-height:var(--select-height-large)}.uui-select-small{--icon-button-padding:calc(var(--space-1) * 0.75);--select-icon-width:var(--space-4);--select-icon-size:var(--font-size-2)}.uui-select-small .uui-select-label{font-size:var(--control-font-size-small);line-height:var(--select-height-small)}.uui-select-rtl,[data-direction=rtl] .uui-select,[dir=rtl] .uui-select{direction:rtl}.uui-select-rtl.uui-select-multiple:has(.uui-select-selection-item),[data-direction=rtl] .uui-select.uui-select-multiple:has(.uui-select-selection-item),[dir=rtl] .uui-select.uui-select-multiple:has(.uui-select-selection-item){padding-left:var(--select-padding-horizontal);padding-right:var(--select-multiple-selection-vertical-padding)}.uui-select-rtl:has(.uui-select-label),[data-direction=rtl] .uui-select:has(.uui-select-label),[dir=rtl] .uui-select:has(.uui-select-label){padding-right:0;padding-left:var(--select-padding-horizontal)}.uui-select-dropdown{margin:0;padding:0;color:var(--default-font-color);font-variant:var(--default-font-variant);line-height:var(--default-line-height);list-style:none;font-feature-settings:var(--default-font-feature-settings);position:absolute;top:-9999px;left:-9999px;z-index:var(--zindex-dropdown);box-sizing:border-box;padding:var(--select-dropdown-padding-vertical) 0;overflow:hidden;font-size:var(--default-font-size);font-variant:initial;background-color:var(--select-dropdown-background-color);border-radius:var(--select-dropdown-border-radius);outline:0;box-shadow:var(--select-dropdown-box-shadow)}.uui-select-dropdown-hidden{display:none}.uui-select-dropdown-operate{padding:0 var(--select-dropdown-padding-horizontal) var(--select-dropdown-padding-vertical);border-bottom:1px solid var(--border-split-color)}.uui-select-dropdown-checkbox .uui-checkbox{width:var(--select-dropdown-item-state-width);display:flex;justify-content:center;align-items:center}.uui-select-dropdown-checkbox .uui-checkbox+span{padding:0}.uui-select-dropdown-list{padding:0 var(--select-dropdown-padding-horizontal)}.uui-select-dropdown:has(.uui-select-item-small){--select-dropdown-padding-horizontal:var(--space-1);--select-dropdown-padding-vertical:var(--space-2)}.uui-select-dropdown-rtl,[data-direction=rtl] .uui-select-dropdown,[dir=rtl] .uui-select-dropdown{direction:rtl}.uui-select-item-empty{display:flex;justify-content:center;align-items:center;color:var(--disabled-font-color)}.uui-select-item{position:relative;display:flex;align-items:center;min-height:var(--select-dropdown-item-height);padding:var(--select-dropdown-item-padding-vertical) var(--select-dropdown-item-padding-horizontal) var(--select-dropdown-item-padding-vertical) 0;color:var(--default-font-color);font-weight:400;font-size:var(--default-font-size);border-radius:var(--select-dropdown-item-radius);line-height:var(--select-line-height);cursor:pointer}.uui-select-item-group{color:var(--select-dropdown-group-item-color);font-weight:var(--select-dropdown-group-item-font-weight);padding:var(--select-dropdown-item-padding-vertical) var(--select-dropdown-item-state-width);cursor:default}.uui-select-item-option{display:inline-flex}.uui-select-item-option-content{flex:auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.uui-select-item-option-state{flex-grow:0;flex-shrink:0;width:var(--select-dropdown-item-state-width)}.uui-select-item-option-selected:not(.uui-select-item-option-disabled){color:var(--select-dropdown-item-selected-color)}.uui-select-item-option-active:not(.uui-select-item-option-disabled){background-color:var(--select-dropdown-item-hover-background-color);color:var(--select-dropdown-item-hover-font-color)}.uui-select-item-option-selected:not(.uui-select-item-option-disabled).uui-select-item-option-active{background-color:var(--select-dropdown-item-hover-background-color);color:var(--select-dropdown-item-selected-color)}.uui-select-item-option-selected:not(.uui-select-item-option-disabled).uui-select-item-option-active .uui-select-dropdown-item-option-state{color:var(--select-dropdown-item-selected-color)}.uui-select-item-option-disabled{color:var(--disabled-font-color);cursor:not-allowed}.uui-select-item-small{font-size:var(--control-font-size-small);line-height:var(--select-dropdown-item-height-small);min-height:var(--select-dropdown-item-height-small)}.uui-select-item-small .uui-select-item-option-state{width:var(--select-dropdown-item-state-width-small)}.uui-select-item-large{font-size:var(--control-font-size-large);line-height:var(--select-dropdown-item-height-large);min-height:var(--select-dropdown-item-height-large)}.uui-select-item-large .uui-select-item-option-state{width:var(--select-dropdown-item-state-width-large)}.uui-cascader{--cascader-width:100%;width:var(--cascader-width);cursor:pointer}.uui-cascader-custom{display:inline;border:none;box-shadow:none}.uui-cascader-custom:hover{border:none;box-shadow:none;background-color:transparent}.uui-cascader-custom .uui-select-arrow{display:none}.uui-cascader-custom .uui-select-clear{display:none}.uui-cascader-menu-wrap{--cascader-dropdown-menu-padding-vertical:var(--space-1);--cascader-dropdown-border-radius:var(--dropdown-border-radius);--cascader-dropdown-menu-min-width:120px;--cascader-dropdown-item-height:var(--space-6);--cascader-dropdown-menu-padding-horizontal:var(--space-1);--cascader-dropdown-item-padding-horizontal:var(--space-5);--cascader-dropdown-item-hover-background-color:var(--dropdown-item-hover-background-color);--cascader-dropdown-item-selected-color:var(--default-font-color);--cascader-dropdown-item-active-color:var(--primary-9);--cascader-dropdown-item-active-background-color:transparent;--cascader-dropdown-item-radius:var(--radius-3);font-size:var(--default-font-size);overflow:hidden;background-color:var(--color-background);border-radius:var(--cascader-dropdown-border-radius);box-shadow:var(--dropdown-shadow);padding:var(--cascader-dropdown-menu-padding-vertical) 0;white-space:nowrap;position:relative;display:flex;align-items:flex-start;z-index:var(--zindex-dropdown)}.uui-cascader-menu{display:block;list-style:none;margin:0;padding:0 var(--cascader-dropdown-menu-padding-horizontal);min-width:var(--cascader-dropdown-menu-min-width);height:calc(var(--cascader-dropdown-item-height) * 6);overflow:auto;-ms-overflow-style:-ms-autohiding-scrollbar;position:relative}.uui-cascader-menu-not-found{position:absolute;top:50%;left:0;width:100%;transform:translateY(-50%);text-align:center;color:var(--disabled-font-color)}.uui-cascader-menu:not(:last-child){border-right:1px solid var(--border-split-color)}.uui-cascader-menu:first-child{border-top-left-radius:var(--dropdown-border-radius);border-bottom-left-radius:var(--dropdown-border-radius)}.uui-cascader-menu:last-child{border-top-right-radius:var(--dropdown-border-radius);border-bottom-right-radius:var(--dropdown-border-radius)}.uui-cascader-menu:only-child{border-radius:var(--dropdown-border-radius)}.uui-cascader-menu-item{display:flex;height:var(--cascader-dropdown-item-height);line-height:var(--cascader-dropdown-item-height);padding:0 var(--cascader-dropdown-item-padding-horizontal);border-radius:var(--cascader-dropdown-item-radius);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all .3s ease;position:relative}.uui-cascader-menu-item:hover{background-color:var(--cascader-dropdown-item-hover-background-color);color:var(--cascader-dropdown-item-hover-font-color)}.uui-cascader-menu-item-disabled{cursor:not-allowed;color:var(--disabled-font-color);background-color:var(--control-disabled-background-color)}.uui-cascader-menu-item-disabled:hover{background-color:var(--control-disabled-background-color);color:var(--disabled-font-color)}.uui-cascader-menu-item-disabled .uui-checkbox-input{cursor:not-allowed}.uui-cascader-menu-item-active:not(.uui-cascader-menu-item-disabled){font-weight:600;color:var(--cascader-dropdown-item-active-color);background-color:var(--cascader-dropdown-item-active-background-color)}.uui-cascader-menu-item-active:not(.uui-cascader-menu-item-disabled):hover{background-color:var(--cascader-dropdown-item-hover-background-color)}.uui-cascader-menu-item-selected{color:var(--cascader-dropdown-item-selected-color)}.uui-cascader-menu-item-checkbox,.uui-cascader-menu-item-checked-icon{font-size:var(--default-font-size);line-height:1;position:absolute;top:50%;transform:translateY(-50%);left:var(--space-1)}.uui-cascader-menu-item-not-found{height:100%;background-color:var(--color-background);cursor:default}.uui-cascader-menu-item-not-found:hover{background-color:var(--color-background)}.uui-cascader-menu-item-suffix{font-size:var(--icon-font-size);line-height:1;position:absolute;top:50%;transform:translateY(-50%);right:var(--space-1)}.uui-cascader-menu-item-keyword{color:var(--highlight-color)}

package/styles/components/select/index.css

@@ -1 +1 @@
-:root,[data-theme-color]{--primary-color:var(--primary-9)}.dark,.dark-theme,.light,.light-theme,:root{--animation-time:0.3s;--animation-time-fast:0.15s;--animation-time-short:0.2s;--animation-time-long:0.5s;--default-font-color:var(--gray-12);--secondary-font-color:var(--gray-11);--heading-color:var(--gray-12);--placeholder-color:var(--gray-10);--placeholder-disabled-color:var(--gray-7);--border-width-base:1px;--border-style-base:solid;--border-color-base:var(--color-border-base);--border-split-color:var(--color-border-split);--disabled-font-color:var(--color-disabled-font);--validate-error-border-color:var(--error-8);--validate-error-hover-border-color:var(--error-9);--validate-error-background-color:transparent;--validate-error-hover-background-color:transparent;--control-disabled-background-color:var(--gray-2);--control-disabled-border-color:var(--color-border-disabled);--control-surface-border-color:var(--color-border-base);--control-surface-hover-border-color:var(--color-border-hover);--control-surface-background-color:var(--color-background);--control-soft-background-color:var(--color-soft-control-background);--control-soft-hover-background-color:var(--color-soft-control-hover-background);--control-height-small:var(--space-5);--control-height-base:var(--space-6);--control-height-large:var(--space-7);--control-font-size-small:var(--font-size-1);--control-font-size-base:var(--default-font-size);--control-font-size-large:var(--font-size-3);--link-decoration:none;--link-hover-decoration:underline;--zindex-badge:auto;--zindex-table-fixed:10;--zindex-affix:10;--zindex-back-top:10;--zindex-picker-panel:10;--zindex-popup-close:10;--zindex-spin:10;--zindex-modal:1000;--zindex-modal-mask:1000;--zindex-message:1010;--zindex-notice:1010;--zindex-popover:1030;--zindex-dropdown:1050;--zindex-tooltip:1060;--zindex-loading-bar:2000;--dropdown-shadow:var(--shadow-5);--popover-shadow:var(--shadow-5);--modal-shadow:var(--shadow-6);--message-shadow:var(--shadow-5);--notice-shadow:var(--shadow-5);--card-shadow:var(--shadow-2);--icon-width-base:var(--space-4);--icon-font-size:var(--font-size-3);--icon-button-color:var(--gray-a11);--icon-button-padding:var(--space-1);--icon-button-hover-color:var(--gray-a11);--icon-button-hover-background-color:var(--gray-a3);--required-color:var(--error-9);--required-font-size:var(--font-size-2);--required-font-family:'SimSun',sans-serif;--mask-background-color:var(--color-overlay);--ease-base-out:cubic-bezier(0.7, 0.3, 0.1, 1);--ease-base-in:cubic-bezier(0.9, 0, 0.3, 0.7);--ease-out:cubic-bezier(0.215, 0.61, 0.355, 1);--ease-in:cubic-bezier(0.55, 0.055, 0.675, 0.19);--ease-in-out:cubic-bezier(0.645, 0.045, 0.355, 1);--ease-out-back:cubic-bezier(0.12, 0.4, 0.29, 1.46);--ease-in-back:cubic-bezier(0.71, -0.46, 0.88, 0.6);--ease-in-out-back:cubic-bezier(0.71, -0.46, 0.29, 1.46);--ease-out-circ:cubic-bezier(0.08, 0.82, 0.17, 1);--ease-in-circ:cubic-bezier(0.6, 0.04, 0.98, 0.34);--ease-in-out-circ:cubic-bezier(0.78, 0.14, 0.15, 0.86);--ease-out-quint:cubic-bezier(0.23, 1, 0.32, 1);--ease-in-quint:cubic-bezier(0.755, 0.05, 0.855, 0.06);--ease-in-out-quint:cubic-bezier(0.86, 0, 0.07, 1)}.dark,.dark-theme,.light,.light-theme,:root,[data-color],[data-theme-color]{--link-color:var(--primary-9);--link-hover-color:var(--primary-10);--link-active-color:var(--primary-11);--dropdown-item-selected-color:var(--default-font-color);--dropdown-item-hover-background-color:var(--primary-a3);--dropdown-item-hover-font-color:var(--default-font-color);--highlight-color:var(--primary-10)}[data-color=error]{--link-color:var(--error-9);--link-hover-color:var(--error-10);--link-active-color:var(--error-11)}[data-color=warning]{--link-color:var(--warning-9);--link-hover-color:var(--warning-10);--link-active-color:var(--warning-11)}[data-color=success]{--link-color:var(--success-9);--link-hover-color:var(--success-10);--link-active-color:var(--success-11)}[data-color]{--primary-shadow-3:0 0 0 1px var(--primary-a3),0 2px 3px -2px var(--primary-a3),0 3px 12px -4px var(--primary-a3),0 4px 16px -8px var(--primary-a3);--primary-shadow-5:0 0 0 1px var(--primary-a3),0 12px 24px var(--primary-2),0 12px 24px -16px var(--primary-a5)}:root,[data-radius]{--dropdown-border-radius:var(--radius-4);--icon-button-radius:var(--radius-2);--modal-border-radius:var(--radius-4);--control-radius:var(--radius-4);--control-radius-small:var(--radius-2);--control-radius-large:var(--radius-4)}.uui-select,.uui-select-dropdown{--select-width:100%;--select-max-width:auto;--select-background-color:var(--color-surface);--select-border-color:var(--border-color-base);--select-hover-border-color:var(--control-surface-hover-border-color);--select-hover-background-color:var(--color-surface);--select-disabled-background-color:var(--control-disabled-background-color);--select-disabled-border-color:var(--control-disabled-border-color);--select-disabled-font-color:var(--disabled-font-color);--select-height-small:var(--control-height-small);--select-height-base:var(--control-height-base);--select-height-large:var(--control-height-large);--select-line-height:var(--default-line-height);--select-padding-horizontal:var(--space-3);--select-padding-vertical:0;--select-icon-size:var(--icon-font-size);--select-icon-width:var(--space-4);--select-icon-color:var(--gray-10);--select-icon-button-padding:var(--space-1);--select-label-color:var(--default-font-color);--select-label-font-weight:var(--font-weight-medium);--select-label-padding-vertical:0;--select-label-padding-horizontal:var(--space-2);--select-dropdown-background-color:var(--color-background);--select-dropdown-box-shadow:var(--dropdown-shadow);--select-dropdown-padding-vertical:var(--space-2);--select-dropdown-padding-horizontal:var(--space-2);--select-dropdown-item-height:var(--control-height-base);--select-dropdown-item-height-small:var(--control-height-small);--select-dropdown-item-height-large:var(--control-height-large);--select-dropdown-item-padding-horizontal:var(--space-2);--select-dropdown-item-padding-vertical:0;--select-dropdown-item-state-width:var(--space-6);--select-dropdown-item-state-width-small:var(--space-5);--select-dropdown-item-state-width-large:var(--space-7);--select-dropdown-group-item-color:var(--gray-12);--select-dropdown-group-item-font-weight:var(--font-weight-bold);--select-multiple-selection-vertical-padding:calc(var(--space-1));--select-multiple-item-gap:var(--space-1);--select-multiple-item-padding-horizontal:var(--space-1);--select-multiple-item-padding:0 var(--select-multiple-item-padding-horizontal);--select-multiple-item-border-radius:var(--radius-2);--select-multiple-item-background-color:var(--gray-a3);--select-multiple-item-disabled-background-color:var(--gray-3);--select-multiple-item-disabled-font-color:var(--gray-7);--select-multiple-item-remove-icon-size:var(--font-size-2);--select-multiple-item-remove-icon-color:var(--gray-10);--select-multiple-item-remove-icon-hover-color:var(--gray-12);--select-multiple-item-remove-icon-hover-background-color:var(--gray-a3);--select-focus-border-color:var(--primary-9);--select-focus-outer-color:var(--primary-a5);--select-dropdown-item-hover-background-color:var(--dropdown-item-hover-background-color);--select-dropdown-item-hover-font-color:var(--dropdown-item-hover-font-color);--select-dropdown-item-selected-color:var(--dropdown-item-selected-color);--select-border-radius:var(--control-radius);--select-large-border-radius:var(--control-radius-large);--select-small-border-radius:var(--control-radius-small);--select-icon-button-radius:var(--radius-2);--select-dropdown-border-radius:var(--dropdown-border-radius);--select-dropdown-item-radius:var(--radius-3);--select-multiple-item-remove-icon-radius:var(--radius-2)}.has-error,.validate-error{--select-focus-border-color:var(--error-9);--select-focus-outer-color:var(--error-a5)}[data-radius=full]{--select-border-radius:var(--radius-full)}.uui-select{box-sizing:border-box;margin:0;padding:0;color:var(--default-font-color);font-size:var(--default-font-size);font-variant:var(--default-font-variant);line-height:var(--default-line-height);list-style:none;font-feature-settings:var(--default-font-feature-settings);position:relative;display:inline-flex;align-items:center;gap:var(--space-1);border-radius:var(--select-border-radius);background-color:var(--select-background-color);padding:var(--select-padding-vertical) var(--select-padding-horizontal);outline:0;width:var(--select-width);cursor:pointer;height:var(--select-height-base);line-height:var(--select-height-base)}.uui-select-variant-surface{box-shadow:0 0 0 1px var(--select-border-color) inset;background-color:var(--select-background-color)}.uui-select-variant-surface:hover{box-shadow:0 0 0 1px var(--select-hover-border-color) inset}.uui-select-variant-surface.uui-select-focused,.uui-select-variant-surface.uui-select-open{outline:1px solid var(--select-focus-outer-color);box-shadow:0 0 0 1px var(--select-focus-border-color) inset}.uui-select-variant-surface.uui-select-focused:hover,.uui-select-variant-surface.uui-select-open:hover{box-shadow:0 0 0 1px var(--select-focus-border-color) inset}.uui-select-variant-surface[data-color]{--select-border-color:var(--primary-8);--select-hover-border-color:var(--primary-9);--select-background-color:var(--primary-2)}.has-error .uui-select-variant-surface,.validate-error .uui-select-variant-surface{--select-border-color:var(--validate-error-border-color);--select-hover-border-color:var(--validate-error-hover-border-color);--select-background-color:var(--validate-error-background-color)}.uui-select-variant-soft{transition:background var(--animation-time) linear}.uui-select-variant-soft:not([data-color]){--select-background-color:var(--control-soft-background-color);--select-hover-background-color:var(--control-soft-hover-background-color)}.uui-select-variant-soft:hover{background-color:var(--select-hover-background-color)}.uui-select-variant-soft.uui-select-focused,.uui-select-variant-soft.uui-select-open{box-shadow:0 0 0 1px var(--select-focus-border-color) inset;outline:0}.uui-select-variant-soft[data-color]{--select-background-color:var(--primary-3);--select-hover-background-color:var(--primary-4)}.uui-select-variant-text{width:auto;background-color:transparent}.uui-select-variant-text.uui-select-single .uui-select-selection .uui-select-selection-item,.uui-select-variant-text.uui-select-single .uui-select-selection .uui-select-selection-placeholder{position:static;transform:none}.uui-select-variant-text:hover{background-color:var(--control-soft-background-color)}.uui-select-variant-text.uui-select-focused,.uui-select-variant-text.uui-select-open{box-shadow:0 0 0 1px var(--select-focus-border-color) inset;outline:0}.uui-select-variant-text[data-color]{color:var(--primary-9)}.uui-select-variant-text[data-color]:hover{background-color:var(--primary-3)}.has-error .uui-select-variant-text,.validate-error .uui-select-variant-text{color:var(--error-8)}.has-error .uui-select-variant-text:hover,.validate-error .uui-select-variant-text:hover{background-color:var(--error-8)}.uui-select-disabled{color:var(--select-disabled-font-color);background:var(--select-disabled-background-color);cursor:not-allowed}.uui-select-disabled .uui-select-label{color:var(--select-disabled-font-color)}.uui-select-disabled:where(.uui-select-variant-surface){box-shadow:0 0 0 1px var(--input-disabled-border-color) inset}.uui-select-disabled:hover:where(.uui-select-variant-text),.uui-select-disabled:where(.uui-select-variant-text){background-color:transparent}.uui-select-disabled:hover:where(.uui-select-variant-soft){background-color:var(--input-disabled-background-color)}.uui-select-disabled:hover:where(.uui-select-variant-surface){box-shadow:0 0 0 1px var(--input-disabled-border-color) inset;background:var(--select-disabled-background-color)}.uui-select-disabled .uui-select-selection-placeholder{color:var(--placeholder-disabled-color)}.uui-select-selection-item{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}@media all and (-ms-high-contrast:none){.uui-select-selection-item,.uui-select-selection-item ::-ms-backdrop{flex:auto}}.uui-select-selection-placeholder{position:absolute;width:100%;top:50%;transform:translateY(-50%);overflow:hidden;color:var(--placeholder-color);white-space:nowrap;text-overflow:ellipsis}@media all and (-ms-high-contrast:none){.uui-select-selection-placeholder,.uui-select-selection-placeholder ::-ms-backdrop{flex:auto}}.uui-select-label{display:inline-flex;align-self:flex-start;align-items:center;font-size:var(--default-font-size);line-height:var(--select-height-base);color:var(--select-label-color);font-weight:var(--select-label-font-weight);padding:var(--select-label-padding-vertical) var(--select-label-padding-horizontal);flex-shrink:0}.uui-select-label:where(.uui-select-label-colon)::after{content:':'}.uui-select-label-required::before{display:inline-flex;margin-right:0;color:var(--required-color);font-size:var(--default-font-size);font-family:var(--required-font-family);line-height:1;content:'*'}.uui-select:has(.uui-select-label){padding-left:0}.uui-select-arrow,.uui-select-clear,.uui-select-prefix{width:var(--select-icon-width);display:inline-flex;align-items:center;justify-content:center}.uui-select-arrow>i,.uui-select-clear>i,.uui-select-prefix>i{font-size:var(--select-icon-size);color:var(--select-icon-color)}.uui-select-arrow{-webkit-user-select:none;user-select:none;transition:transform .3s;pointer-events:none}.uui-select-disabled .uui-select-arrow{cursor:not-allowed}.uui-select-open:not(.uui-select-filterable):not(.uui-select-loading):not(.uui-select-arrow-no-rotate) .uui-select-arrow{transform:rotate(180deg)}.uui-select-prefix{pointer-events:none;transition:transform .3s}.uui-select-clear{text-rendering:auto;display:none}.uui-select-clear>i{width:auto;height:auto;line-height:1;border-radius:var(--icon-button-radius);padding:var(--icon-button-padding);color:var(--icon-button-color);background-color:transparent}.uui-select-clear:hover>i{color:var(--icon-button-hover-color);background-color:var(--icon-button-hover-background-color)}.uui-select-with-clear:hover .uui-select-clear{display:inline-flex}.uui-select-with-clear:hover .uui-select-arrow{display:none}.uui-select-single .uui-select-selection{position:relative;flex:1 1 auto;width:calc(100% - var(--select-icon-width) - var(--select-padding-horizontal));display:block;background-color:transparent;align-items:center;transition:all var(--animation-time) ease-in-out;display:flex;height:calc(var(--select-height-base) - 2px);padding:0}.uui-select-single .uui-select-selection input{cursor:pointer}.uui-select-disabled.uui-select-single .uui-select-selection{cursor:not-allowed}.uui-select-disabled.uui-select-single .uui-select-selection input{cursor:not-allowed}.uui-select-filterable.uui-select-single .uui-select-selection{cursor:text}.uui-select-filterable.uui-select-single .uui-select-selection input{cursor:auto}.uui-select-single .uui-select-selection .uui-select-selection-search-input{margin:0;padding:0;background:0 0;border:none;outline:0;appearance:none;flex:1}.uui-select-single .uui-select-selection .uui-select-selection-search-input::-webkit-search-cancel-button{display:none;appearance:none}.uui-select-single .uui-select-selection .uui-select-selection-search{position:absolute;inset:0}.uui-select-single .uui-select-selection .uui-select-selection-search-input{height:100%;width:100%}.uui-select-single .uui-select-selection .uui-select-selection-item,.uui-select-single .uui-select-selection .uui-select-selection-placeholder{padding:0;transition:all var(--animation-time)}.uui-select-single .uui-select-selection .uui-select-selection-item{position:absolute;width:100%;top:50%;transform:translateY(-50%);-webkit-user-select:none;user-select:none}.uui-select-single .uui-select-selection .uui-select-selection-placeholder{pointer-events:none}.uui-select-single .uui-select-selection .uui-select-selection-item::after,.uui-select-single .uui-select-selection .uui-select-selection-placeholder::after,.uui-select-single .uui-select-selection::after{display:inline-flex;width:0;visibility:hidden;content:'\a0'}.uui-select-single .uui-select-selection::after{line-height:calc(var(--select-height-base) - 2px)}.uui-select-single.uui-select-open .uui-select-selection-item{color:var(--placeholder-color)}.uui-select-single.uui-select-small{height:var(--select-height-small);border-radius:var(--select-small-border-radius)}.uui-select-single.uui-select-small .uui-select-selection{height:calc(var(--select-height-small) - 2px)}.uui-select-single.uui-select-small .uui-select-selection .uui-select-selection-item,.uui-select-single.uui-select-small .uui-select-selection .uui-select-selection-placeholder,.uui-select-single.uui-select-small .uui-select-selection .uui-select-selection-search,.uui-select-single.uui-select-small .uui-select-selection::after{line-height:calc(var(--select-height-small) - 2px);font-size:var(--font-size-1)}.uui-select-single.uui-select-large{height:var(--select-height-large);border-radius:var(--select-large-border-radius)}.uui-select-single.uui-select-large .uui-select-selection{height:calc(var(--select-height-large) - 2px)}.uui-select-single.uui-select-large .uui-select-selection .uui-select-selection-item,.uui-select-single.uui-select-large .uui-select-selection .uui-select-selection-placeholder,.uui-select-single.uui-select-large .uui-select-selection .uui-select-selection-search,.uui-select-single.uui-select-large .uui-select-selection::after{line-height:calc(var(--select-height-large) - 2px);font-size:var(--font-size-3)}.uui-select-multiple{height:auto;min-height:var(--select-height-base);--select-multiple-item-height:calc(var(--select-height-base) - var(--select-multiple-selection-vertical-padding) * 2 - 2px)}.uui-select-multiple .uui-select-selection{position:relative;flex:1 1 auto;width:calc(100% - var(--select-icon-width) - var(--select-padding-horizontal));display:block;background-color:transparent;transition:all var(--animation-time) ease-in-out;display:flex;gap:var(--select-multiple-item-gap);flex-wrap:wrap;align-items:center;padding:var(--select-multiple-selection-vertical-padding) 0}.uui-select-multiple .uui-select-selection input{cursor:pointer}.uui-select-disabled.uui-select-multiple .uui-select-selection{cursor:not-allowed}.uui-select-disabled.uui-select-multiple .uui-select-selection input{cursor:not-allowed}.uui-select-filterable.uui-select-multiple .uui-select-selection{cursor:text}.uui-select-filterable.uui-select-multiple .uui-select-selection input{cursor:auto}.uui-select-multiple .uui-select-selection .uui-select-selection-search-input{margin:0;padding:0;background:0 0;border:none;outline:0;appearance:none;flex:1}.uui-select-multiple .uui-select-selection .uui-select-selection-search-input::-webkit-search-cancel-button{display:none;appearance:none}.uui-select-filterable.uui-select-multiple .uui-select-selection{cursor:text}.uui-select-multiple:has(.uui-select-selection-item){padding-left:var(--select-multiple-selection-vertical-padding)}.uui-select-multiple .uui-select-selection-item{position:relative;display:inline-flex;align-items:center;flex:none;gap:var(--space-1);box-sizing:border-box;max-width:100%;height:var(--select-multiple-item-height);padding:var(--select-multiple-item-padding);line-height:var(--select-multiple-item-height);background:var(--select-multiple-item-background-color);border:none;border-radius:var(--select-multiple-item-border-radius);cursor:default;transition:font-size .3s,line-height .3s,height .3s;-webkit-user-select:none;user-select:none}.uui-select-disabled.uui-select-multiple .uui-select-selection-item{background-color:var(--select-multiple-item-disabled-background-color);color:var(--select-multiple-item-disabled-font-color);cursor:not-allowed}.uui-select-multiple .uui-select-selection-item-content{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.uui-select-multiple .uui-select-selection-item-remove{display:flex;align-items:center;color:var(--select-multiple-item-remove-icon-color);font-weight:700;font-size:var(--select-multiple-item-remove-icon-size);line-height:1;height:var(--select-multiple-item-remove-icon-size);width:var(--select-multiple-item-remove-icon-size);border-radius:var(--select-multiple-item-remove-icon-radius);cursor:pointer}.uui-select-multiple .uui-select-selection-item-remove:hover{background-color:var(--select-multiple-item-remove-icon-hover-background-color);color:var(--select-multiple-item-remove-icon-hover-color)}.uui-select-multiple .uui-select-selection-search{position:relative;margin-left:0;display:flex}.uui-select-multiple .uui-select-selection-search-input,.uui-select-multiple .uui-select-selection-search-mirror{font-family:var(--default-font-family);line-height:var(--select-multiple-item-height);transition:all .3s}.uui-select-multiple .uui-select-selection-search-input{width:100%;min-width:4.1px}.uui-select-multiple .uui-select-selection-search-mirror{position:absolute;top:0;left:0;z-index:999;white-space:nowrap;visibility:hidden}.uui-select-multiple .uui-select-selection-placeholder{position:absolute;top:50%;right:0;left:0;transform:translateY(-50%);transition:all .3s}.uui-select-multiple.uui-select-small{--select-multiple-item-height:calc(var(--select-height-small) - var(--select-multiple-selection-vertical-padding) * 2 - 2px);min-height:var(--select-height-small)}.uui-select-multiple.uui-select-small .uui-select-selection-search-input,.uui-select-multiple.uui-select-small .uui-select-selection-search-mirror{font-size:var(--control-font-size-small)}.uui-select-multiple.uui-select-small .uui-select-selection-item{font-size:var(--control-font-size-small)}.uui-select-multiple.uui-select-small .uui-select-selection-placeholder{font-size:var(--control-font-size-small)}.uui-select-multiple.uui-select-large{--select-multiple-item-height:calc(var(--select-height-large) - var(--select-multiple-selection-vertical-padding) * 2 - 2px);min-height:var(--select-height-large)}.uui-select-multiple.uui-select-large .uui-select-selection-search-input,.uui-select-multiple.uui-select-large .uui-select-selection-search-mirror{font-size:var(--control-font-size-large)}.uui-select-multiple.uui-select-large .uui-select-selection-item{font-size:var(--control-font-size-large)}.uui-select-multiple.uui-select-large .uui-select-selection-placeholder{font-size:var(--control-font-size-large)}.uui-select-selection-tooltip{display:flex;gap:var(--select-multiple-item-gap);max-height:calc(var(--select-multiple-item-height) * 5 + var(--select-multiple-item-gap) * 4);flex-wrap:wrap;overflow-y:auto;--select-multiple-item-height:calc(var(--select-height-base) - var(--select-multiple-selection-vertical-padding) * 2 - 2px)}.uui-select-selection-tooltip .uui-select-selection-item{position:relative;display:inline-flex;align-items:center;flex:none;gap:var(--space-1);box-sizing:border-box;max-width:100%;height:var(--select-multiple-item-height);padding:var(--select-multiple-item-padding);line-height:var(--select-multiple-item-height);background:var(--select-multiple-item-background-color);border:none;border-radius:var(--select-multiple-item-border-radius);cursor:default;transition:font-size .3s,line-height .3s,height .3s;-webkit-user-select:none;user-select:none}.uui-select-disabled.uui-select-selection-tooltip .uui-select-selection-item{background-color:var(--select-multiple-item-disabled-background-color);color:var(--select-multiple-item-disabled-font-color);cursor:not-allowed}.uui-select-selection-tooltip .uui-select-selection-item-content{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.uui-select-selection-tooltip .uui-select-selection-item-remove{display:flex;align-items:center;color:var(--select-multiple-item-remove-icon-color);font-weight:700;font-size:var(--select-multiple-item-remove-icon-size);line-height:1;height:var(--select-multiple-item-remove-icon-size);width:var(--select-multiple-item-remove-icon-size);border-radius:var(--select-multiple-item-remove-icon-radius);cursor:pointer}.uui-select-selection-tooltip .uui-select-selection-item-remove:hover{background-color:var(--select-multiple-item-remove-icon-hover-background-color);color:var(--select-multiple-item-remove-icon-hover-color)}.uui-select-disabled .uui-select-selection-item-remove{display:none}.uui-select-large{border-radius:var(--select-large-border-radius)}.uui-select-large .uui-select-label{font-size:var(--control-font-size-large);line-height:var(--select-height-large)}.uui-select-small{--icon-button-padding:calc(var(--space-1) * 0.75);--select-icon-width:var(--space-4);--select-icon-size:var(--font-size-2)}.uui-select-small .uui-select-label{font-size:var(--control-font-size-small);line-height:var(--select-height-small)}.uui-select-rtl,[data-direction=rtl] .uui-select,[dir=rtl] .uui-select{direction:rtl}.uui-select-rtl.uui-select-multiple:has(.uui-select-selection-item),[data-direction=rtl] .uui-select.uui-select-multiple:has(.uui-select-selection-item),[dir=rtl] .uui-select.uui-select-multiple:has(.uui-select-selection-item){padding-left:var(--select-padding-horizontal);padding-right:var(--select-multiple-selection-vertical-padding)}.uui-select-rtl:has(.uui-select-label),[data-direction=rtl] .uui-select:has(.uui-select-label),[dir=rtl] .uui-select:has(.uui-select-label){padding-right:0;padding-left:var(--select-padding-horizontal)}.uui-select-dropdown{margin:0;padding:0;color:var(--default-font-color);font-variant:var(--default-font-variant);line-height:var(--default-line-height);list-style:none;font-feature-settings:var(--default-font-feature-settings);position:absolute;top:-9999px;left:-9999px;z-index:var(--zindex-dropdown);box-sizing:border-box;padding:var(--select-dropdown-padding-vertical) 0;overflow:hidden;font-size:var(--default-font-size);font-variant:initial;background-color:var(--select-dropdown-background-color);border-radius:var(--select-dropdown-border-radius);outline:0;box-shadow:var(--select-dropdown-box-shadow)}.uui-select-dropdown-hidden{display:none}.uui-select-dropdown-operate{padding:0 var(--select-dropdown-padding-horizontal) var(--select-dropdown-padding-vertical);border-bottom:1px solid var(--border-split-color)}.uui-select-dropdown-checkbox .uui-checkbox{width:var(--select-dropdown-item-state-width);display:flex;justify-content:center;align-items:center}.uui-select-dropdown-checkbox .uui-checkbox+span{padding:0}.uui-select-dropdown-list{padding:0 var(--select-dropdown-padding-horizontal)}.uui-select-dropdown:has(.uui-select-item-small){--select-dropdown-padding-horizontal:var(--space-1);--select-dropdown-padding-vertical:var(--space-2)}.uui-select-dropdown-rtl,[data-direction=rtl] .uui-select-dropdown,[dir=rtl] .uui-select-dropdown{direction:rtl}.uui-select-item-empty{display:flex;justify-content:center;align-items:center;color:var(--disabled-font-color)}.uui-select-item{position:relative;display:flex;align-items:center;min-height:var(--select-dropdown-item-height);padding:var(--select-dropdown-item-padding-vertical) var(--select-dropdown-item-padding-horizontal) var(--select-dropdown-item-padding-vertical) 0;color:var(--default-font-color);font-weight:400;font-size:var(--default-font-size);border-radius:var(--select-dropdown-item-radius);line-height:var(--select-line-height);cursor:pointer}.uui-select-item-group{color:var(--select-dropdown-group-item-color);font-weight:var(--select-dropdown-group-item-font-weight);padding:var(--select-dropdown-item-padding-vertical) var(--select-dropdown-item-state-width);cursor:default}.uui-select-item-option{display:inline-flex}.uui-select-item-option-content{flex:auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.uui-select-item-option-state{flex-grow:0;flex-shrink:0;width:var(--select-dropdown-item-state-width)}.uui-select-item-option-selected:not(.uui-select-item-option-disabled){color:var(--select-dropdown-item-selected-color)}.uui-select-item-option-active:not(.uui-select-item-option-disabled){background-color:var(--select-dropdown-item-hover-background-color);color:var(--select-dropdown-item-hover-font-color)}.uui-select-item-option-selected:not(.uui-select-item-option-disabled).uui-select-item-option-active{background-color:var(--select-dropdown-item-hover-background-color);color:var(--select-dropdown-item-selected-color)}.uui-select-item-option-selected:not(.uui-select-item-option-disabled).uui-select-item-option-active .uui-select-dropdown-item-option-state{color:var(--select-dropdown-item-selected-color)}.uui-select-item-option-disabled{color:var(--disabled-font-color);cursor:not-allowed}.uui-select-item-small{font-size:var(--control-font-size-small);line-height:var(--select-dropdown-item-height-small);min-height:var(--select-dropdown-item-height-small)}.uui-select-item-small .uui-select-item-option-state{width:var(--select-dropdown-item-state-width-small)}.uui-select-item-large{font-size:var(--control-font-size-large);line-height:var(--select-dropdown-item-height-large);min-height:var(--select-dropdown-item-height-large)}.uui-select-item-large .uui-select-item-option-state{width:var(--select-dropdown-item-state-width-large)}
+:root,[data-theme-color]{--primary-color:var(--primary-9)}.dark,.dark-theme,.light,.light-theme,:root{--animation-time:0.3s;--animation-time-fast:0.15s;--animation-time-short:0.2s;--animation-time-long:0.5s;--default-font-color:var(--gray-12);--secondary-font-color:var(--gray-11);--heading-color:var(--gray-12);--placeholder-color:var(--gray-10);--placeholder-disabled-color:var(--gray-7);--border-width-base:1px;--border-style-base:solid;--border-color-base:var(--color-border-base);--border-split-color:var(--color-border-split);--disabled-font-color:var(--color-disabled-font);--validate-error-border-color:var(--error-8);--validate-error-hover-border-color:var(--error-9);--validate-error-background-color:transparent;--validate-error-hover-background-color:transparent;--control-disabled-background-color:var(--gray-2);--control-disabled-border-color:var(--color-border-disabled);--control-surface-border-color:var(--color-border-base);--control-surface-hover-border-color:var(--color-border-hover);--control-surface-background-color:var(--color-background);--control-soft-background-color:var(--color-soft-control-background);--control-soft-hover-background-color:var(--color-soft-control-hover-background);--control-height-small:var(--space-5);--control-height-base:var(--space-6);--control-height-large:var(--space-7);--control-font-size-small:var(--font-size-1);--control-font-size-base:var(--default-font-size);--control-font-size-large:var(--font-size-3);--link-decoration:none;--link-hover-decoration:underline;--zindex-badge:auto;--zindex-table-fixed:10;--zindex-affix:10;--zindex-back-top:10;--zindex-picker-panel:10;--zindex-popup-close:10;--zindex-spin:10;--zindex-modal:1000;--zindex-modal-mask:1000;--zindex-message:1010;--zindex-notice:1010;--zindex-popover:1030;--zindex-dropdown:1050;--zindex-tooltip:1060;--zindex-loading-bar:2000;--dropdown-shadow:var(--shadow-5);--popover-shadow:var(--shadow-5);--modal-shadow:var(--shadow-6);--message-shadow:var(--shadow-5);--notice-shadow:var(--shadow-5);--card-shadow:var(--shadow-2);--icon-width-base:var(--space-4);--icon-font-size:var(--font-size-3);--icon-button-color:var(--gray-a11);--icon-button-padding:var(--space-1);--icon-button-hover-color:var(--gray-a11);--icon-button-hover-background-color:var(--gray-a3);--required-color:var(--error-9);--required-font-size:var(--font-size-2);--required-font-family:'SimSun',sans-serif;--mask-background-color:var(--color-overlay);--ease-base-out:cubic-bezier(0.7, 0.3, 0.1, 1);--ease-base-in:cubic-bezier(0.9, 0, 0.3, 0.7);--ease-out:cubic-bezier(0.215, 0.61, 0.355, 1);--ease-in:cubic-bezier(0.55, 0.055, 0.675, 0.19);--ease-in-out:cubic-bezier(0.645, 0.045, 0.355, 1);--ease-out-back:cubic-bezier(0.12, 0.4, 0.29, 1.46);--ease-in-back:cubic-bezier(0.71, -0.46, 0.88, 0.6);--ease-in-out-back:cubic-bezier(0.71, -0.46, 0.29, 1.46);--ease-out-circ:cubic-bezier(0.08, 0.82, 0.17, 1);--ease-in-circ:cubic-bezier(0.6, 0.04, 0.98, 0.34);--ease-in-out-circ:cubic-bezier(0.78, 0.14, 0.15, 0.86);--ease-out-quint:cubic-bezier(0.23, 1, 0.32, 1);--ease-in-quint:cubic-bezier(0.755, 0.05, 0.855, 0.06);--ease-in-out-quint:cubic-bezier(0.86, 0, 0.07, 1)}.dark,.dark-theme,.light,.light-theme,:root,[data-color],[data-theme-color]{--link-color:var(--primary-9);--link-hover-color:var(--primary-10);--link-active-color:var(--primary-11);--dropdown-item-selected-color:var(--default-font-color);--dropdown-item-hover-background-color:var(--primary-a3);--dropdown-item-hover-font-color:var(--default-font-color);--highlight-color:var(--primary-10)}[data-color=error]{--link-color:var(--error-9);--link-hover-color:var(--error-10);--link-active-color:var(--error-11)}[data-color=warning]{--link-color:var(--warning-9);--link-hover-color:var(--warning-10);--link-active-color:var(--warning-11)}[data-color=success]{--link-color:var(--success-9);--link-hover-color:var(--success-10);--link-active-color:var(--success-11)}[data-color]{--primary-shadow-3:0 0 0 1px var(--primary-a3),0 2px 3px -2px var(--primary-a3),0 3px 12px -4px var(--primary-a3),0 4px 16px -8px var(--primary-a3);--primary-shadow-5:0 0 0 1px var(--primary-a3),0 12px 24px var(--primary-2),0 12px 24px -16px var(--primary-a5)}:root,[data-radius]{--dropdown-border-radius:var(--radius-4);--icon-button-radius:var(--radius-2);--modal-border-radius:var(--radius-4);--control-radius:var(--radius-4);--control-radius-small:var(--radius-2);--control-radius-large:var(--radius-4)}.uui-select,.uui-select-dropdown{--select-width:100%;--select-max-width:auto;--select-background-color:var(--color-surface);--select-border-color:var(--border-color-base);--select-hover-border-color:var(--control-surface-hover-border-color);--select-hover-background-color:var(--color-surface);--select-disabled-background-color:var(--control-disabled-background-color);--select-disabled-border-color:var(--control-disabled-border-color);--select-disabled-font-color:var(--disabled-font-color);--select-height-small:var(--control-height-small);--select-height-base:var(--control-height-base);--select-height-large:var(--control-height-large);--select-line-height:var(--default-line-height);--select-padding-horizontal:var(--space-3);--select-padding-vertical:0;--select-icon-size:var(--icon-font-size);--select-icon-width:var(--space-4);--select-icon-color:var(--gray-10);--select-icon-button-padding:var(--space-1);--select-label-color:var(--default-font-color);--select-label-font-weight:var(--font-weight-medium);--select-label-padding-vertical:0;--select-label-padding-horizontal:var(--space-2);--select-dropdown-background-color:var(--color-background);--select-dropdown-box-shadow:var(--dropdown-shadow);--select-dropdown-padding-vertical:var(--space-2);--select-dropdown-padding-horizontal:var(--space-2);--select-dropdown-item-height:var(--control-height-base);--select-dropdown-item-height-small:var(--control-height-small);--select-dropdown-item-height-large:var(--control-height-large);--select-dropdown-item-padding-horizontal:var(--space-2);--select-dropdown-item-padding-vertical:0;--select-dropdown-item-state-width:var(--space-6);--select-dropdown-item-state-width-small:var(--space-5);--select-dropdown-item-state-width-large:var(--space-7);--select-dropdown-group-item-color:var(--gray-12);--select-dropdown-group-item-font-weight:var(--font-weight-bold);--select-multiple-selection-vertical-padding:calc(var(--space-1));--select-multiple-item-gap:var(--space-1);--select-multiple-item-padding-horizontal:var(--space-1);--select-multiple-item-padding:0 var(--select-multiple-item-padding-horizontal);--select-multiple-item-border-radius:var(--radius-2);--select-multiple-item-background-color:var(--gray-a3);--select-multiple-item-disabled-background-color:var(--gray-3);--select-multiple-item-disabled-font-color:var(--gray-7);--select-multiple-item-remove-icon-size:var(--font-size-2);--select-multiple-item-remove-icon-color:var(--gray-10);--select-multiple-item-remove-icon-hover-color:var(--gray-12);--select-multiple-item-remove-icon-hover-background-color:var(--gray-a3);--select-focus-border-color:var(--primary-9);--select-focus-outer-color:var(--primary-a5);--select-dropdown-item-hover-background-color:var(--dropdown-item-hover-background-color);--select-dropdown-item-hover-font-color:var(--dropdown-item-hover-font-color);--select-dropdown-item-selected-color:var(--dropdown-item-selected-color);--select-border-radius:var(--control-radius);--select-large-border-radius:var(--control-radius-large);--select-small-border-radius:var(--control-radius-small);--select-icon-button-radius:var(--radius-2);--select-dropdown-border-radius:var(--dropdown-border-radius);--select-dropdown-item-radius:var(--radius-3);--select-multiple-item-remove-icon-radius:var(--radius-2)}.has-error,.validate-error{--select-focus-border-color:var(--error-9);--select-focus-outer-color:var(--error-a5)}[data-radius=full]{--select-border-radius:var(--radius-full)}.uui-select{box-sizing:border-box;margin:0;padding:0;color:var(--default-font-color);font-size:var(--default-font-size);font-variant:var(--default-font-variant);line-height:var(--default-line-height);list-style:none;font-feature-settings:var(--default-font-feature-settings);position:relative;display:inline-flex;align-items:center;gap:var(--space-1);border-radius:var(--select-border-radius);background-color:var(--select-background-color);padding:var(--select-padding-vertical) var(--select-padding-horizontal);outline:0;width:var(--select-width);cursor:pointer;height:var(--select-height-base);line-height:var(--select-height-base)}.uui-select-variant-surface{box-shadow:0 0 0 1px var(--select-border-color) inset;background-color:var(--select-background-color)}.uui-select-variant-surface:hover{box-shadow:0 0 0 1px var(--select-hover-border-color) inset}.uui-select-variant-surface.uui-select-focused,.uui-select-variant-surface.uui-select-open{outline:1px solid var(--select-focus-outer-color);box-shadow:0 0 0 1px var(--select-focus-border-color) inset}.uui-select-variant-surface.uui-select-focused:hover,.uui-select-variant-surface.uui-select-open:hover{box-shadow:0 0 0 1px var(--select-focus-border-color) inset}.uui-select-variant-surface[data-color]{--select-border-color:var(--primary-8);--select-hover-border-color:var(--primary-9);--select-background-color:var(--primary-2)}.has-error .uui-select-variant-surface,.validate-error .uui-select-variant-surface{--select-border-color:var(--validate-error-border-color);--select-hover-border-color:var(--validate-error-hover-border-color);--select-background-color:var(--validate-error-background-color)}.uui-select-variant-soft{transition:background var(--animation-time) linear}.uui-select-variant-soft:not([data-color]){--select-background-color:var(--control-soft-background-color);--select-hover-background-color:var(--control-soft-hover-background-color)}.uui-select-variant-soft:hover{background-color:var(--select-hover-background-color)}.uui-select-variant-soft.uui-select-focused,.uui-select-variant-soft.uui-select-open{box-shadow:0 0 0 1px var(--select-focus-border-color) inset;outline:0}.uui-select-variant-soft[data-color]{--select-background-color:var(--primary-3);--select-hover-background-color:var(--primary-4)}.uui-select-variant-text{width:auto;background-color:transparent}.uui-select-variant-text.uui-select-single .uui-select-selection .uui-select-selection-item,.uui-select-variant-text.uui-select-single .uui-select-selection .uui-select-selection-placeholder{position:static;transform:none}.uui-select-variant-text:hover{background-color:var(--control-soft-background-color)}.uui-select-variant-text.uui-select-focused,.uui-select-variant-text.uui-select-open{box-shadow:0 0 0 1px var(--select-focus-border-color) inset;outline:0}.uui-select-variant-text[data-color]{color:var(--primary-9)}.uui-select-variant-text[data-color]:hover{background-color:var(--primary-3)}.has-error .uui-select-variant-text,.validate-error .uui-select-variant-text{color:var(--error-8)}.has-error .uui-select-variant-text:hover,.validate-error .uui-select-variant-text:hover{background-color:var(--error-8)}.uui-select-disabled{color:var(--select-disabled-font-color);background:var(--select-disabled-background-color);cursor:not-allowed}.uui-select-disabled .uui-select-label{color:var(--select-disabled-font-color)}.uui-select-disabled:where(.uui-select-variant-surface){box-shadow:0 0 0 1px var(--input-disabled-border-color) inset}.uui-select-disabled:hover:where(.uui-select-variant-text),.uui-select-disabled:where(.uui-select-variant-text){background-color:transparent}.uui-select-disabled:hover:where(.uui-select-variant-soft){background-color:var(--input-disabled-background-color)}.uui-select-disabled:hover:where(.uui-select-variant-surface){box-shadow:0 0 0 1px var(--input-disabled-border-color) inset;background:var(--select-disabled-background-color)}.uui-select-disabled .uui-select-selection-placeholder{color:var(--placeholder-disabled-color)}.uui-select-selection-item{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}@media all and (-ms-high-contrast:none){.uui-select-selection-item,.uui-select-selection-item ::-ms-backdrop{flex:auto}}.uui-select-selection-placeholder{position:absolute;width:100%;top:50%;transform:translateY(-50%);overflow:hidden;color:var(--placeholder-color);white-space:nowrap;text-overflow:ellipsis}@media all and (-ms-high-contrast:none){.uui-select-selection-placeholder,.uui-select-selection-placeholder ::-ms-backdrop{flex:auto}}.uui-select-label{display:inline-flex;align-self:flex-start;align-items:center;font-size:var(--default-font-size);line-height:var(--select-height-base);color:var(--select-label-color);font-weight:var(--select-label-font-weight);padding:var(--select-label-padding-vertical) var(--select-label-padding-horizontal);flex-shrink:0}.uui-select-label:where(.uui-select-label-colon)::after{content:':'}.uui-select-label-required::before{display:inline-flex;margin-right:0;color:var(--required-color);font-size:var(--default-font-size);font-family:var(--required-font-family);line-height:1;content:'*'}.uui-select:has(.uui-select-label){padding-left:0}.uui-select-arrow,.uui-select-clear,.uui-select-prefix{width:var(--select-icon-width);display:inline-flex;align-items:center;justify-content:center}.uui-select-arrow>i,.uui-select-clear>i,.uui-select-prefix>i{font-size:var(--select-icon-size);color:var(--select-icon-color)}.uui-select-arrow{-webkit-user-select:none;user-select:none;transition:transform .3s;pointer-events:none}.uui-select-disabled .uui-select-arrow{cursor:not-allowed}.uui-select-open:not(.uui-select-filterable):not(.uui-select-loading):not(.uui-select-arrow-no-rotate) .uui-select-arrow{transform:rotate(180deg)}.uui-select-prefix{pointer-events:none;transition:transform .3s}.uui-select-clear{text-rendering:auto;display:none}.uui-select-clear>i{width:auto;height:auto;line-height:1;border-radius:var(--icon-button-radius);padding:var(--icon-button-padding);color:var(--icon-button-color);background-color:transparent}.uui-select-clear:hover>i{color:var(--icon-button-hover-color);background-color:var(--icon-button-hover-background-color)}.uui-select-with-clear:hover .uui-select-clear{display:inline-flex}.uui-select-with-clear:hover .uui-select-arrow{display:none}.uui-select-single .uui-select-selection{position:relative;flex:1 1 auto;width:calc(100% - var(--select-icon-width) - var(--select-padding-horizontal));display:block;background-color:transparent;align-items:center;transition:all var(--animation-time) ease-in-out;display:flex;height:calc(var(--select-height-base) - 2px);padding:0}.uui-select-single .uui-select-selection input{cursor:pointer}.uui-select-disabled.uui-select-single .uui-select-selection{cursor:not-allowed}.uui-select-disabled.uui-select-single .uui-select-selection input{cursor:not-allowed}.uui-select-filterable.uui-select-single .uui-select-selection{cursor:text}.uui-select-filterable.uui-select-single .uui-select-selection input{cursor:auto}.uui-select-single .uui-select-selection .uui-select-selection-search-input{margin:0;padding:0;background:0 0;border:none;outline:0;appearance:none;flex:1}.uui-select-single .uui-select-selection .uui-select-selection-search-input::-webkit-search-cancel-button{display:none;appearance:none}.uui-select-single .uui-select-selection .uui-select-selection-search{position:absolute;inset:0}.uui-select-single .uui-select-selection .uui-select-selection-search-input{height:100%;width:100%}.uui-select-single .uui-select-selection .uui-select-selection-item,.uui-select-single .uui-select-selection .uui-select-selection-placeholder{padding:0;transition:all var(--animation-time)}.uui-select-single .uui-select-selection .uui-select-selection-item{position:absolute;width:100%;top:50%;transform:translateY(-50%);-webkit-user-select:none;user-select:none}.uui-select-single .uui-select-selection .uui-select-selection-placeholder{pointer-events:none}.uui-select-single .uui-select-selection .uui-select-selection-item::after,.uui-select-single .uui-select-selection .uui-select-selection-placeholder::after,.uui-select-single .uui-select-selection::after{display:inline-flex;width:0;visibility:hidden;content:'\a0'}.uui-select-single .uui-select-selection::after{line-height:calc(var(--select-height-base) - 2px)}.uui-select-single.uui-select-open .uui-select-selection-item{color:var(--placeholder-color)}.uui-select-single.uui-select-small{height:var(--select-height-small);border-radius:var(--select-small-border-radius)}.uui-select-single.uui-select-small .uui-select-selection{height:calc(var(--select-height-small) - 2px)}.uui-select-single.uui-select-small .uui-select-selection .uui-select-selection-item,.uui-select-single.uui-select-small .uui-select-selection .uui-select-selection-placeholder,.uui-select-single.uui-select-small .uui-select-selection .uui-select-selection-search,.uui-select-single.uui-select-small .uui-select-selection::after{line-height:calc(var(--select-height-small) - 2px);font-size:var(--font-size-1)}.uui-select-single.uui-select-large{height:var(--select-height-large);border-radius:var(--select-large-border-radius)}.uui-select-single.uui-select-large .uui-select-selection{height:calc(var(--select-height-large) - 2px)}.uui-select-single.uui-select-large .uui-select-selection .uui-select-selection-item,.uui-select-single.uui-select-large .uui-select-selection .uui-select-selection-placeholder,.uui-select-single.uui-select-large .uui-select-selection .uui-select-selection-search,.uui-select-single.uui-select-large .uui-select-selection::after{line-height:calc(var(--select-height-large) - 2px);font-size:var(--font-size-3)}.uui-select-multiple{height:auto;min-height:var(--select-height-base);--select-multiple-item-height:calc(var(--select-height-base) - var(--select-multiple-selection-vertical-padding) * 2 - 2px)}.uui-select-multiple .uui-select-selection{position:relative;flex:1 1 auto;width:calc(100% - var(--select-icon-width) - var(--select-padding-horizontal));display:block;background-color:transparent;transition:all var(--animation-time) ease-in-out;display:flex;gap:var(--select-multiple-item-gap);flex-wrap:wrap;align-items:center;padding:var(--select-multiple-selection-vertical-padding) 0}.uui-select-multiple .uui-select-selection input{cursor:pointer}.uui-select-disabled.uui-select-multiple .uui-select-selection{cursor:not-allowed}.uui-select-disabled.uui-select-multiple .uui-select-selection input{cursor:not-allowed}.uui-select-filterable.uui-select-multiple .uui-select-selection{cursor:text}.uui-select-filterable.uui-select-multiple .uui-select-selection input{cursor:auto}.uui-select-multiple .uui-select-selection .uui-select-selection-search-input{margin:0;padding:0;background:0 0;border:none;outline:0;appearance:none;flex:1}.uui-select-multiple .uui-select-selection .uui-select-selection-search-input::-webkit-search-cancel-button{display:none;appearance:none}.uui-select-filterable.uui-select-multiple .uui-select-selection{cursor:text}.uui-select-multiple .uui-select-selection .uui-select-selection-overflow{gap:0;flex:auto;max-width:100%;padding:0;flex-wrap:nowrap}.uui-select-multiple:has(.uui-select-selection-item){padding-left:var(--select-multiple-selection-vertical-padding)}.uui-select-multiple .uui-select-selection-item-wrapper{padding-right:4px}.uui-select-multiple .uui-select-selection-item{position:relative;display:inline-flex;align-items:center;flex:none;gap:var(--space-1);box-sizing:border-box;max-width:100%;height:var(--select-multiple-item-height);padding:var(--select-multiple-item-padding);line-height:var(--select-multiple-item-height);background:var(--select-multiple-item-background-color);border:none;border-radius:var(--select-multiple-item-border-radius);cursor:default;transition:font-size .3s,line-height .3s,height .3s;-webkit-user-select:none;user-select:none}.uui-select-disabled.uui-select-multiple .uui-select-selection-item{background-color:var(--select-multiple-item-disabled-background-color);color:var(--select-multiple-item-disabled-font-color);cursor:not-allowed}.uui-select-multiple .uui-select-selection-item-content{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.uui-select-multiple .uui-select-selection-item-remove{display:flex;align-items:center;color:var(--select-multiple-item-remove-icon-color);font-weight:700;font-size:var(--select-multiple-item-remove-icon-size);line-height:1;height:var(--select-multiple-item-remove-icon-size);width:var(--select-multiple-item-remove-icon-size);border-radius:var(--select-multiple-item-remove-icon-radius);cursor:pointer}.uui-select-multiple .uui-select-selection-item-remove:hover{background-color:var(--select-multiple-item-remove-icon-hover-background-color);color:var(--select-multiple-item-remove-icon-hover-color)}.uui-select-multiple .uui-select-selection-search{position:relative;margin-left:0;display:flex}.uui-select-multiple .uui-select-selection-search-input,.uui-select-multiple .uui-select-selection-search-mirror{font-family:var(--default-font-family);line-height:var(--select-multiple-item-height);transition:all .3s}.uui-select-multiple .uui-select-selection-search-input{width:100%;min-width:4.1px}.uui-select-multiple .uui-select-selection-search-mirror{position:absolute;top:0;left:0;z-index:999;white-space:nowrap;visibility:hidden}.uui-select-multiple .uui-select-selection-placeholder{position:absolute;top:50%;right:0;left:0;transform:translateY(-50%);transition:all .3s}.uui-select-multiple.uui-select-small{--select-multiple-item-height:calc(var(--select-height-small) - var(--select-multiple-selection-vertical-padding) * 2 - 2px);min-height:var(--select-height-small)}.uui-select-multiple.uui-select-small .uui-select-selection-search-input,.uui-select-multiple.uui-select-small .uui-select-selection-search-mirror{font-size:var(--control-font-size-small)}.uui-select-multiple.uui-select-small .uui-select-selection-item{font-size:var(--control-font-size-small)}.uui-select-multiple.uui-select-small .uui-select-selection-placeholder{font-size:var(--control-font-size-small)}.uui-select-multiple.uui-select-large{--select-multiple-item-height:calc(var(--select-height-large) - var(--select-multiple-selection-vertical-padding) * 2 - 2px);min-height:var(--select-height-large)}.uui-select-multiple.uui-select-large .uui-select-selection-search-input,.uui-select-multiple.uui-select-large .uui-select-selection-search-mirror{font-size:var(--control-font-size-large)}.uui-select-multiple.uui-select-large .uui-select-selection-item{font-size:var(--control-font-size-large)}.uui-select-multiple.uui-select-large .uui-select-selection-placeholder{font-size:var(--control-font-size-large)}.uui-select-selection-tooltip{display:flex;gap:var(--select-multiple-item-gap);max-height:calc(var(--select-multiple-item-height) * 5 + var(--select-multiple-item-gap) * 4);flex-wrap:wrap;overflow-y:auto;--select-multiple-item-height:calc(var(--select-height-base) - var(--select-multiple-selection-vertical-padding) * 2 - 2px)}.uui-select-selection-tooltip .uui-select-selection-item-wrapper{padding-right:4px}.uui-select-selection-tooltip .uui-select-selection-item{position:relative;display:inline-flex;align-items:center;flex:none;gap:var(--space-1);box-sizing:border-box;max-width:100%;height:var(--select-multiple-item-height);padding:var(--select-multiple-item-padding);line-height:var(--select-multiple-item-height);background:var(--select-multiple-item-background-color);border:none;border-radius:var(--select-multiple-item-border-radius);cursor:default;transition:font-size .3s,line-height .3s,height .3s;-webkit-user-select:none;user-select:none}.uui-select-disabled.uui-select-selection-tooltip .uui-select-selection-item{background-color:var(--select-multiple-item-disabled-background-color);color:var(--select-multiple-item-disabled-font-color);cursor:not-allowed}.uui-select-selection-tooltip .uui-select-selection-item-content{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.uui-select-selection-tooltip .uui-select-selection-item-remove{display:flex;align-items:center;color:var(--select-multiple-item-remove-icon-color);font-weight:700;font-size:var(--select-multiple-item-remove-icon-size);line-height:1;height:var(--select-multiple-item-remove-icon-size);width:var(--select-multiple-item-remove-icon-size);border-radius:var(--select-multiple-item-remove-icon-radius);cursor:pointer}.uui-select-selection-tooltip .uui-select-selection-item-remove:hover{background-color:var(--select-multiple-item-remove-icon-hover-background-color);color:var(--select-multiple-item-remove-icon-hover-color)}.uui-select-disabled .uui-select-selection-item-remove{display:none}.uui-select-large{border-radius:var(--select-large-border-radius)}.uui-select-large .uui-select-label{font-size:var(--control-font-size-large);line-height:var(--select-height-large)}.uui-select-small{--icon-button-padding:calc(var(--space-1) * 0.75);--select-icon-width:var(--space-4);--select-icon-size:var(--font-size-2)}.uui-select-small .uui-select-label{font-size:var(--control-font-size-small);line-height:var(--select-height-small)}.uui-select-rtl,[data-direction=rtl] .uui-select,[dir=rtl] .uui-select{direction:rtl}.uui-select-rtl.uui-select-multiple:has(.uui-select-selection-item),[data-direction=rtl] .uui-select.uui-select-multiple:has(.uui-select-selection-item),[dir=rtl] .uui-select.uui-select-multiple:has(.uui-select-selection-item){padding-left:var(--select-padding-horizontal);padding-right:var(--select-multiple-selection-vertical-padding)}.uui-select-rtl:has(.uui-select-label),[data-direction=rtl] .uui-select:has(.uui-select-label),[dir=rtl] .uui-select:has(.uui-select-label){padding-right:0;padding-left:var(--select-padding-horizontal)}.uui-select-dropdown{margin:0;padding:0;color:var(--default-font-color);font-variant:var(--default-font-variant);line-height:var(--default-line-height);list-style:none;font-feature-settings:var(--default-font-feature-settings);position:absolute;top:-9999px;left:-9999px;z-index:var(--zindex-dropdown);box-sizing:border-box;padding:var(--select-dropdown-padding-vertical) 0;overflow:hidden;font-size:var(--default-font-size);font-variant:initial;background-color:var(--select-dropdown-background-color);border-radius:var(--select-dropdown-border-radius);outline:0;box-shadow:var(--select-dropdown-box-shadow)}.uui-select-dropdown-hidden{display:none}.uui-select-dropdown-operate{padding:0 var(--select-dropdown-padding-horizontal) var(--select-dropdown-padding-vertical);border-bottom:1px solid var(--border-split-color)}.uui-select-dropdown-checkbox .uui-checkbox{width:var(--select-dropdown-item-state-width);display:flex;justify-content:center;align-items:center}.uui-select-dropdown-checkbox .uui-checkbox+span{padding:0}.uui-select-dropdown-list{padding:0 var(--select-dropdown-padding-horizontal)}.uui-select-dropdown:has(.uui-select-item-small){--select-dropdown-padding-horizontal:var(--space-1);--select-dropdown-padding-vertical:var(--space-2)}.uui-select-dropdown-rtl,[data-direction=rtl] .uui-select-dropdown,[dir=rtl] .uui-select-dropdown{direction:rtl}.uui-select-item-empty{display:flex;justify-content:center;align-items:center;color:var(--disabled-font-color)}.uui-select-item{position:relative;display:flex;align-items:center;min-height:var(--select-dropdown-item-height);padding:var(--select-dropdown-item-padding-vertical) var(--select-dropdown-item-padding-horizontal) var(--select-dropdown-item-padding-vertical) 0;color:var(--default-font-color);font-weight:400;font-size:var(--default-font-size);border-radius:var(--select-dropdown-item-radius);line-height:var(--select-line-height);cursor:pointer}.uui-select-item-group{color:var(--select-dropdown-group-item-color);font-weight:var(--select-dropdown-group-item-font-weight);padding:var(--select-dropdown-item-padding-vertical) var(--select-dropdown-item-state-width);cursor:default}.uui-select-item-option{display:inline-flex}.uui-select-item-option-content{flex:auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.uui-select-item-option-state{flex-grow:0;flex-shrink:0;width:var(--select-dropdown-item-state-width)}.uui-select-item-option-selected:not(.uui-select-item-option-disabled){color:var(--select-dropdown-item-selected-color)}.uui-select-item-option-active:not(.uui-select-item-option-disabled){background-color:var(--select-dropdown-item-hover-background-color);color:var(--select-dropdown-item-hover-font-color)}.uui-select-item-option-selected:not(.uui-select-item-option-disabled).uui-select-item-option-active{background-color:var(--select-dropdown-item-hover-background-color);color:var(--select-dropdown-item-selected-color)}.uui-select-item-option-selected:not(.uui-select-item-option-disabled).uui-select-item-option-active .uui-select-dropdown-item-option-state{color:var(--select-dropdown-item-selected-color)}.uui-select-item-option-disabled{color:var(--disabled-font-color);cursor:not-allowed}.uui-select-item-small{font-size:var(--control-font-size-small);line-height:var(--select-dropdown-item-height-small);min-height:var(--select-dropdown-item-height-small)}.uui-select-item-small .uui-select-item-option-state{width:var(--select-dropdown-item-state-width-small)}.uui-select-item-large{font-size:var(--control-font-size-large);line-height:var(--select-dropdown-item-height-large);min-height:var(--select-dropdown-item-height-large)}.uui-select-item-large .uui-select-item-option-state{width:var(--select-dropdown-item-state-width-large)}

package/styles/components/select/index.less

@@ -449,7 +449,9 @@
 
   .select-multiple-selection-item() {
     --select-multiple-item-height: calc(var(--select-height-base) - var(--select-multiple-selection-vertical-padding) * 2 - 2px);
-
+    .@{select-prefix-cls}-selection-item-wrapper {
+      padding-right: 4px;
+    }
     .@{select-prefix-cls}-selection-item {
       position: relative;
       display: inline-flex;
@@ -523,6 +525,13 @@
       .@{select-prefix-cls}-filterable& {
         cursor: text;
       }
+      .@{select-prefix-cls}-selection-overflow {
+        gap: 0;
+        flex: auto;
+        max-width: 100%;
+        padding: 0;
+        flex-wrap: nowrap;
+      }
     }
 
     // ================ Selections ================