@alicloudfe/components/dist/hybridcloud-var.css

A react component library for aliyun

@charset "UTF-8";
.theme-hybridcloud {  --color-help-7: rgba(222,172,22,1);
  --color-event-p9: rgba(121,197,224,1);  --color-event-p10: rgba(175,222,240,1);  --color-event-p8: rgba(73,173,209,1);  --color-help-9: rgba(128,98,8,1);
  --color-help-8: rgba(168,130,13,1);
  --color-help-6: rgba(250,195,30,1);
  --color-help-10: rgba(87,66,3,1);
  --color-help-5: rgba(255,210,74,1);
  --color-help-4: rgba(255,221,117,1);
  --color-help-3: rgba(255,231,161,1);
  --color-help-2: rgba(255,242,204,1);
  --color-help-1: rgba(255,247,224,1);
  --color-error-10: rgba(82,7,0,1);
  --color-error-9: rgba(125,18,7,1);
  --color-error-8: rgba(161,31,19,1);
  --color-error-7: rgba(196,49,35,1);
  --color-error-5: rgba(237,103,90,1);
  --color-error-6: rgba(232,71,56,1);
  --color-error-4: rgba(242,136,126,1);
  --color-error-1: rgba(255,236,235,1);
  --color-warning-10: rgba(82,42,0,1);
  --color-warning-9: rgba(119,65,6,1);
  --color-warning-8: rgba(163,90,10,1);
  --color-warning-7: rgba(207,116,18,1);
  --color-warning-5: rgba(247,168,84,1);
  --color-warning-6: rgba(249,142,26,1);
  --color-warning-4: rgba(255,185,110,1);
  --color-warning-1: rgba(255,245,235,1);
  --color-success-10: rgba(0,82,38,1);
  --color-success-9: rgba(2,107,52,1);
  --color-success-8: rgba(10,130,67,1);
  --color-success-7: rgba(21,153,83,1);
  --color-success-5: rgba(67,191,126,1);
  --color-success-6: rgba(35,176,102,1);
  --color-success-4: rgba(103,207,152,1);
  --color-success-2: rgba(209,244,225,1);
  --color-success-1: rgba(235,255,246,1);
  --G80: rgba(38,38,38,1);  --color-border-5: rgba(217,217,217,1);  --color-border-4: rgba(229,229,229,1);  --color-border-3: rgba(170,170,170,1);  --color-fill-3: rgba(240,247,255,1);  --color-fill-2: rgba(247,247,247,1);  --color-fill-1: rgba(255,255,255,1);  --color-text-1: rgba(26,26,26,1);  --color-text-2: rgba(51,51,51,1);  --color-text-3: rgba(105,105,105,1);  --color-text-4: rgba(128,128,128,1);  --color-text-5: rgba(170,170,170,1);  --color-border-1: rgba(217,217,217,1);  --color-border-2: rgba(204,204,204,1);  --G0: rgba(247,247,247,1);  --G10: rgba(229,229,229,1);  --G20: rgba(217,217,217,1);  --G30: rgba(204,204,204,1);  --G40: rgba(170,170,170,1);  --G50: rgba(128,128,128,1);  --G60: rgba(105,105,105,1);  --G70: rgba(51,51,51,1);  --S0: rgba(240,242,245,1);  --S10: rgba(220,224,232,1);  --G90: rgba(26,26,26,1);  --S20: rgba(209,215,227,1);  --S30: rgba(190,198,212,1);  --S40: rgba(164,172,189,1);  --S50: rgba(129,138,156,1);  --S60: rgba(88,97,115,1);  --S70: rgba(63,69,79,1);  --S80: rgba(45,51,61,1);  --S90: rgba(25,27,31,1);  --color-bg-1: rgba(255,255,255,1);  --color-bg-2: rgba(247,247,247,1);  --color-bg-3: rgba(255,255,255,1);  --color-bg-4: rgba(247,247,247,1);  --snow: rgba(255,255,255,1);  --black: rgba(0,0,0,1);  --color-bg-5: rgba(255,255,255,1);  --color-text1-8: rgba(128,128,128,1);
  --color-text1-7: rgba(105,105,105,1);
  --color-text1-6: rgba(105,105,105,1);
  --color-line1-5: rgba(170,170,170,1);
  --color-text1-5: rgba(38,38,38,1);
  --color-fill1-5: rgba(128,128,128,1);
  --color-fill1-6: rgba(128,128,128,1);
  --color-text1-2: rgba(105,105,105,1);
  --color-fill1-4: rgba(217,217,217,1);
  --color-fill1-3: rgba(229,229,229,1);
  --color-fill1-2: rgba(247,247,247,1);
  --color-line1-3: rgba(204,204,204,1);
  --color-line1-2: rgba(217,217,217,1);
  --color-line1-1: rgba(229,229,229,1);
  --space-grey-1: rgba(26,26,26,1);  --color-transparent: transparent;
  --color-black: #000000;
  --color-white: #FFFFFF;
  --color-event-p1: rgba(191,0,48,1);  --color-event-p2: rgba(232,71,56,1);  --color-event-p3: rgba(249,142,26,1);  --color-event-p4: rgba(250,195,30,1);  --color-event-p5: rgba(209,187,79,1);  --color-event-p6: rgba(0,179,199,1);  --color-event-p7: rgba(0,146,199,1);  --color-text1-4: #1A1A1A;
  --color-text1-3: rgba(51,51,51,1);
  --color-notice-7: rgba(88,154,219,1);
  --color-notice-5: rgba(0,100,200,1);
  --color-notice-6: rgba(0,87,173,1);
  --color-notice-4: rgba(42,125,209,1);
  --color-notice-3: rgba(144,192,239,1);
  --color-notice-2: rgba(202,227,253,1);
  --color-notice-1: rgba(240,247,255,1);
  --color-link-3: rgba(42,125,209,1);
  --color-link-2: rgba(0,87,173,1);
  --color-link-1: rgba(0,100,200,1);
  --color-text1-1: #CCCCCC;
  --color-other-3: #1A1A1A;
  --color-brand1-7: #0057AD;
  --color-brand1-8: #003E7C;
  --color-fill1-7: #595959;
  --color-brand1-2: #CAE3FD;
  --color-brand1-3: #90C0EF;
  --color-brand1-4: #589ADB;
  --color-brand1-5: #2A7DD1;
  --color-brand1-10: #002952;
  --color-fill1-1: #FFFFFF;
  --color-line1-4: #FFFFFF;
  --color-error-3: #F7AAA3;
  --color-error-2: #FCCECA;
  --color-warning-3: #FFCD96;
  --color-warning-2: #FFE0BF;
  --color-success-3: #90DEB5;  --color-other-2: #FFFFFF;
  --color-other-1: #3A3C4B;  --color-brand1-9: #003263;
  --color-brand1-6: #0064C8;
  --color-brand1-1: #F0F7FF;  --line-dotted: dotted;
  --line-dashed: dashed;
  --line-solid: solid;
  --line-2: 2px;
  --line-1: 1px;
  --line-zero: 0px;
  --line-3: 6px;  --popup-local-shadow: var(--shadow-3-down, 0px 6px 24px 0px rgba(0, 0, 0, 0.1));
  --popup-local-border-width: var(--line-zero, 0px);
  --popup-local-border-color: var(--color-line1-1, #e5e5e5);  --form-element-preview-label-color: var(--color-text1-3, #333333);  --form-element-medium-icon-size: var(--icon-s, 16px);  --form-element-medium-height: var(--s-8, 32px);  --s-50: 200px;
  --s-49: 196px;
  --s-48: 192px;
  --s-47: 188px;
  --s-46: 184px;
  --s-45: 180px;
  --s-44: 176px;
  --s-43: 172px;
  --s-42: 168px;
  --s-41: 164px;
  --s-40: 160px;
  --s-39: 156px;
  --s-38: 152px;
  --s-37: 148px;
  --s-36: 144px;
  --s-35: 140px;
  --s-34: 136px;
  --s-33: 132px;
  --s-32: 128px;
  --s-31: 124px;
  --s-30: 120px;
  --s-29: 116px;
  --s-28: 112px;
  --s-27: 108px;
  --s-26: 104px;
  --s-25: 100px;
  --s-24: 96px;
  --s-23: 92px;
  --s-22: 88px;
  --s-21: 84px;
  --s-20: 80px;
  --s-19: 76px;
  --s-18: 72px;
  --s-17: 68px;
  --s-16: 64px;
  --s-15: 60px;
  --s-14: 56px;
  --s-13: 52px;
  --s-12: 48px;
  --s-11: 44px;
  --s-10: 40px;
  --s-9: 36px;
  --s-8: 32px;
  --s-7: 28px;
  --s-6: 24px;
  --s-5: 20px;
  --s-4: 16px;
  --s-3: 12px;
  --s-2: 8px;
  --s-1: 4px;
  --s-zero: 0px;
  --size-base: 4px;  --shadow-3-left: 0px 0px 24px 0px rgba(0, 0, 0, 0.1);
  --shadow-3-down: 0px 6px 24px 0px rgba(0, 0, 0, 0.1);
  --shadow-3-right: 0px 0px 24px 0px rgba(0, 0, 0, 0.1);
  --shadow-3-up: 0px -6px 24px 0px rgba(0, 0, 0, 0.1);
  --shadow-3: 0px 6px 24px 0px rgba(0, 0, 0, 0.1);
  --shadow-2-left: 0px 0px 8px 0px rgba(0, 0, 0, 0.18);
  --shadow-2-down: 0px 3px 8px 0px rgba(0, 0, 0, 0.18);
  --shadow-2-right: 0px 0px 8px 0px rgba(0, 0, 0, 0.18);
  --shadow-2-up: 0px -3px 8px 0px rgba(0, 0, 0, 0.18);
  --shadow-2: 0px 3px 8px 0px rgba(0, 0, 0, 0.18);
  --shadow-1-left: 0px 0px 8px 0px rgba(0, 0, 0, 0.06);
  --shadow-1-down: 0px 3px 8px 0px rgba(0, 0, 0, 0.06);
  --shadow-1-right: 0px 0px 8px 0px rgba(0, 0, 0, 0.06);
  --shadow-1-up: 0px -3px 8px 0px rgba(0, 0, 0, 0.06);
  --shadow-1: 0px 3px 8px 0px rgba(0, 0, 0, 0.06);
  --shadow-zero: none;
  --shadow-spread-sd3: 0;
  --shadow-spread-sd2: 0;
  --shadow-spread-sd1: 0;
  --shadow-color-sd3: var(--color-black, #000000);
  --shadow-color-sd1: var(--color-black, #000000);
  --shadow-sides-left: "left";
  --shadow-sides-down: "down";
  --shadow-sides-right: "right";
  --shadow-sides-up: "up";
  --shadow-sides-base: "base";
  --shadow-distance-sd1y: 3;
  --shadow-distance-sd2y: 3;
  --shadow-distance-sd2: 0;
  --shadow-distance-sd1: 0;
  --shadow-blur-sd3: 24;
  --shadow-blur-sd2: 8;
  --shadow-blur-sd1: 8;
  --shadow-color-sd2: var(--color-black, #000000);
  --shadow-opacity-sd3: 0.1;
  --shadow-opacity-sd2: 0.18;
  --shadow-opacity-sd1: 0.06;
  --shadow-distance-sd3y: 6;
  --shadow-distance-sd3: 0;  --icon-reset: "";
  --icon-xxxl: var(--s-16, 64px);
  --icon-xxl: var(--s-12, 48px);
  --icon-xl: var(--s-8, 32px);
  --icon-l: var(--s-6, 24px);
  --icon-m: var(--s-5, 20px);
  --icon-s: var(--s-4, 16px);
  --icon-xs: var(--s-3, 12px);
  --icon-xxs: var(--s-2, 8px);
  --icon-font-name: "icon";  --icon-font-path: "//at.alicdn.com/t/font_1984231_d9bk76ly7rd";  --font-weight-ultra-bold: 900;
  --font-weight-extra-bold: 800;
  --font-weight-3: bold;
  --font-weight-semi-bold: 600;
  --font-weight-medium: 500;
  --font-weight-2: normal;
  --font-weight-light: 300;
  --font-weight-thin: 200;
  --font-weight-1: lighter;
  --font-size-body-1: 12px;
  --font-size-body-2: 14px;
  --font-size-subhead: 16px;
  --font-lineheight-2: 1.5;
  --font-size-display-3: 36px;
  --font-name-bold: "";
  --font-name-medium: "";
  --font-name-regular: "";
  --font-name-light: "";
  --font-name-thin: "";
  --font-custom-name: "";
  --font-custom-path: "";
  --font-family-base: "PingFang SC","Helvetica Neue","Microsoft YaHei",Helvetica,Arial;
  --font-size-caption: 12px;
  --font-size-title: 18px;
  --font-size-headline: 20px;
  --font-size-display-1: 24px;
  --font-size-display-2: 28px;
  --font-lineheight-3: 1.5;
  --font-lineheight-1: 1.5;  --corner-zero: 0px;
  --corner-semicircle: 500px;
  --corner-circle: 50%;
  --corner-3: 50px;
  --corner-2: 4px;
  --corner-1: 2px;  --search-normal-primary-btn-hover-bg-color: var(--color-brand1-5, #2A7DD1);  --search-simple-normal-hover-color: var(--color-text1-1, #CCCCCC);  --search-simple-normal-icon-hover-text-color: var(--color-text1-3, #333333);  --search-normal-normal-hover-color: var(--color-line1-2, #d9d9d9);
  --search-normal-normal-btn-bg-color: var(--color-white, #FFFFFF);
  --search-normal-normal-btn-hover-bg-color: var(--color-fill1-2, #f7f7f7);  --search-normal-normal-l-height: var(--s-9, 36px);  --search-normal-normal-m-height: var(--s-8, 32px);  --search-normal-normal-m-btn-text-size: var(--font-size-body-1, 12px);
  --search-normal-normal-l-btn-text-size: var(--font-size-body-2, 14px);  --search-simple-normal-color: var(--color-line1-3, #cccccc);
  --search-simple-l-icon-margin-right: var(--s-2, 8px);  --search-normal-normal-btn-text-color: var(--color-text1-2, dimgray);
  --search-normal-normal-btn-hover-text-color: var(--color-text1-2, dimgray);  --search-normal-primary-color: var(--color-brand1-6, #0064C8);
  --search-normal-primary-hover-color: var(--color-brand1-6, #0064C8);
  --search-normal-primary-split-color: var(--color-line1-1, #e5e5e5);  --search-normal-primary-btn-text-color: var(--color-white, #FFFFFF);
  --search-normal-primary-btn-hover-text-color: var(--color-white, #FFFFFF);  --search-normal-secondary-color: var(--color-line1-3, #cccccc);
  --search-normal-secondary-split-color: var(--color-line1-1, #e5e5e5);
  --search-normal-secondary-hover-color: var(--color-brand1-6, #0064C8);  --search-normal-secondary-m-btn-text-size: var(--font-size-subhead, 16px);  --search-normal-normal-split-color: var(--color-line1-1, #e5e5e5);  --search-normal-dark-m-btn-text-size: var(--font-size-subhead, 16px);
  --search-simple-normal-split-color: var(--color-line1-3, #cccccc);
  --search-simple-normal-icon-text-color: var(--color-text1-2, dimgray);  --card-sub-title-color: var(--color-text1-6, dimgray);  --card-title-font-weight: var(--font-weight-medium, 500);
  --card-body-padding-bottom: var(--s-4, 16px);
  --card-body-show-divider-padding-top: var(--s-5, 20px);  --card-background: var(--color-bg-3, white);  --card-content-color: var(--color-text-2, #333333);
  --card-border-color: var(--color-border-4, #e5e5e5);
  --card-padding-lr: var(--s-5, 20px);  --btn-size-s-corner: var(--corner-1, 2px);
  --btn-size-m-corner: var(--corner-1, 2px);
  --btn-size-l-border-width: var(--line-1, 1px);
  --btn-size-l-corner: var(--corner-1, 2px);
  --btn-size-s-height: var(--s-6, 24px);
  --btn-size-s-font: var(--font-size-body-1, 12px);
  --btn-size-m-height: var(--s-8, 32px);
  --btn-size-m-font: var(--font-size-body-1, 12px);
  --btn-size-l-height: var(--s-9, 36px);
  --btn-size-l-font: var(--font-size-body-2, 14px);
  --btn-pure-color-disabled: var(--color-white, #FFFFFF);
  --btn-pure-bg-disabled: var(--color-fill1-3, #e5e5e5);
  --btn-pure-border-color-disabled: var(--color-line1-1, #e5e5e5);
  --btn-pure-normal-bg: var(--color-white, #FFFFFF);  --btn-warning-primary-color-disabled: var(--color-white, #FFFFFF);
  --btn-warning-normal-color: var(--color-error-4, #f2887e);
  --btn-warning-normal-border-color: var(--color-error-2, #FCCECA);
  --btn-warning-normal-border-color-hover: var(--color-error-2, #FCCECA);  --btn-warning-normal-border-color-disabled: var(--color-line1-1, #e5e5e5);
  --btn-warning-normal-bg-disabled: var(--color-transparent, transparent);
  --btn-text-primary-color: var(--color-brand1-6, #0064C8);
  --btn-text-secondary-color: var(--color-brand1-6, #0064C8);
  --btn-text-normal-color-hover: var(--color-brand1-6, #0064C8);
  --btn-size-s-padding: var(--s-3, 12px);  --btn-pure-primary-bg-hover: var(--color-brand1-5, #2A7DD1);  --btn-ghost-dark-color: var(--color-text1-4, #1A1A1A);
  --btn-ghost-dark-border-color: var(--color-line1-3, #cccccc);  --btn-ghost-light-color: var(--color-brand1-3, #90C0EF);
  --btn-ghost-light-border-color: var(--color-brand1-4, #589ADB);  --btn-warning-normal-bg: var(--color-white, #FFFFFF);
  --btn-pure-normal-border-color-disabled: var(--color-line1-1, #e5e5e5);
  --btn-pure-primary-color-disabled: var(--color-white, #FFFFFF);  --btn-pure-normal-bg-active: var(--color-fill1-3, #e5e5e5);
  --btn-pure-primary-bg-active: var(--color-brand1-7, #0057AD);  --btn-warning-normal-bg-hover: var(--color-error-1, #ffeceb);  --btn-pure-normal-bg-hover: var(--color-fill1-2, #f7f7f7);
  --btn-pure-normal-border-color-active: var(--color-line1-2, #d9d9d9);  --btn-pure-normal-bg-disabled: var(--color-fill1-1, #FFFFFF);  --btn-pure-secondary-bg-disabled: var(--color-fill1-1, #FFFFFF);
  --btn-pure-primary-bg-disabled: var(--color-line1-2, #d9d9d9);
  --btn-pure-primary-border-color-disabled: var(--color-fill1-4, #d9d9d9);  --btn-warning-primary-bg-disabled: var(--color-fill1-4, #d9d9d9);
  --btn-warning-normal-border-color-active: var(--color-error-3, #F7AAA3);  --btn-pure-secondary-bg-hover: var(--color-brand1-1, #F0F7FF);
  --btn-pure-secondary-bg-active: var(--color-brand1-2, #CAE3FD);  --btn-size-m-padding: var(--s-3, 12px);
  --btn-size-l-padding: var(--s-3, 12px);  --btn-text-primary-color-hover: var(--color-brand1-5, #2A7DD1);
  --btn-size-s-icon-size: var(--icon-xs, 12px);  --btn-pure-normal-border-color: var(--color-line1-2, #d9d9d9);
  --btn-pure-normal-border-color-hover: var(--color-line1-2, #d9d9d9);
  --btn-shadow-hover: var(--shadow-zero, none);
  --btn-pure-normal-color: var(--color-text1-3, #333333);
  --btn-pure-normal-color-hover: var(--color-text1-3, #333333);
  --btn-pure-normal-color-active: var(--color-text1-3, #333333);  --btn-text-normal-color: var(--color-text1-3, #333333);  --btn-size-s-border-width: var(--line-1, 1px);  --btn-size-m-border-width: var(--line-1, 1px);  --btn-text-secondary-color-hover: var(--color-brand1-6, #0064C8);  --balloon-primary-color: var(--color-white, #FFFFFF);
  --balloon-primary-color-close: var(--color-white, #FFFFFF);
  --balloon-size-padding-right: var(--s-3, 12px);
  --balloon-size-padding-closable-right: var(--s-10, 40px);
  --balloon-size-close: var(--icon-s, 16px);  --balloon-normal-border-width: var(--line-1, 1px);
  --balloon-size-arrow-size: var(--s-2, 8px);
  --balloon-corner: var(--corner-1, 2px);
  --balloon-normal-shadow: var(--shadow-3, 0px 6px 24px 0px rgba(0, 0, 0, 0.1));  --balloon-size-close-margin-top: 7px;  --balloon-title-font-size: var(--font-size-subhead, 16px);
  --balloon-size-padding-top: 6px;
  --balloon-primary-color-bg: var(--color-text1-5, #262626);
  --balloon-tooltip-color-bg: var(--color-fill1-1, #FFFFFF);  --balloon-normal-color-border: var(--color-line1-2, #d9d9d9);  --balloon-normal-color-bg: var(--color-white, #FFFFFF);  --balloon-normal-color-close: var(--color-text1-2, dimgray);
  --balloon-normal-color-close-hover: var(--color-text1-3, #333333);  --nav-normal-border-color: var(--color-line1-2, #d9d9d9);
  --nav-normal-text-color: var(--color-text1-2, dimgray);  --nav-normal-sub-nav-text-color: var(--color-text1-2, dimgray);
  --nav-normal-item-hover-bg-color: var(--color-fill1-2, #f7f7f7);  --nav-normal-sub-nav-hover-bg-color: var(--color-brand1-1, #F0F7FF);
  --nav-normal-sub-nav-hover-text-color: var(--color-text1-4, #1A1A1A);
  --nav-normal-item-selected-bg-color: var(--color-brand1-1, #F0F7FF);
  --nav-normal-item-selected-text-color: var(--color-brand1-6, #0064C8);
  --nav-normal-item-selected-text-style: var(--font-weight-2, normal);
  --nav-normal-item-selected-active-color: var(--color-brand1-6, #0064C8);
  --nav-normal-sub-nav-selected-bg-color: var(--color-brand1-1, #F0F7FF);
  --nav-normal-sub-nav-selected-text-color: var(--color-text1-4, #1A1A1A);
  --nav-normal-item-opened-bg-color: var(--color-white, #FFFFFF);
  --nav-normal-item-opened-text-color: var(--color-text1-2, dimgray);
  --nav-line-item-selected-text-style: var(--font-weight-2, normal);  --nav-ver-height: var(--s-10, 40px);  --nav-icon-only-font-size: var(--icon-s, 16px);  --nav-normal-sub-nav-bg-color: var(--color-white, #FFFFFF);  --nav-normal-item-hover-active-color: var(--color-brand1-6, #0064C8);  --nav-line-text-color: var(--color-text1-4, #1A1A1A);  --nav-line-item-hover-bg-color: var(--color-transparent, transparent);
  --nav-line-item-hover-text-color: var(--color-brand1-6, #0064C8);  --nav-line-item-selected-bg-color: var(--color-transparent, transparent);
  --nav-line-item-selected-text-color: var(--color-brand1-6, #0064C8);  --nav-line-item-opened-text-color: var(--color-brand1-6, #0064C8);  --nav-normal-bg-color: var(--color-bg-3, white);  --calendar-fullscreen-table-cell-hover-background: var(--color-fill1-2, #f7f7f7);
  --calendar-fullscreen-table-cell-hover-color: var(--color-text1-2, dimgray);  --calendar-fullscreen-table-cell-normal-background: var(--color-white, #FFFFFF);
  --calendar-fullscreen-table-cell-other-background: var(--color-fill1-2, #f7f7f7);
  --calendar-fullscreen-table-cell-other-border-color: var(--color-line1-1, #e5e5e5);
  --calendar-card-table-cell-normal-background: var(--color-white, #FFFFFF);
  --calendar-card-table-cell-normal-border-color: var(--color-white, #FFFFFF);  --calendar-btn-arrow-size: var(--icon-s, 16px);  --calendar-card-table-cell-hover-color: var(--color-text1-2, dimgray);
  --calendar-card-table-head-color: var(--color-line1-5, #aaaaaa);  --calendar-btn-date-font-weight: var(--font-weight-medium, 500);  --calendar-btn-arrow-color: var(--color-fill1-5, gray);
  --calendar-btn-arrow-color-hover: var(--color-fill1-5, gray);  --calendar-fullscreen-table-cell-normal-border-color: var(--color-line1-2, #d9d9d9);  --calendar-fullscreen-table-cell-current-background: var(--color-white, #FFFFFF);  --calendar-fullscreen-table-cell-other-color: var(--color-text1-1, #CCCCCC);
  --calendar-fullscreen-table-cell-disabled-background: var(--color-fill1-1, #FFFFFF);
  --calendar-fullscreen-table-cell-disabled-color: var(--color-text1-1, #CCCCCC);  --calendar-card-table-cell-normal-color: var(--color-text1-3, #333333);  --calendar-card-table-cell-select-border-color: var(--color-brand1-6, #0064C8);
  --calendar-card-table-cell-other-background: var(--color-white, #FFFFFF);  --calendar-card-table-cell-other-border-color: var(--color-white, #FFFFFF);
  --calendar-card-table-cell-disabled-background: var(--color-fill1-1, #FFFFFF);  --calendar-card-table-cell-disabled-border-color: var(--color-fill1-1, #FFFFFF);
  --calendar-card-table-cell-current-background: var(--color-white, #FFFFFF);  --calendar-card-table-cell-inrange-background: var(--color-brand1-1, #F0F7FF);
  --calendar-card-table-cell-inrange-color: var(--color-brand1-6, #0064C8);
  --calendar-card-table-cell-inrange-border-color: var(--color-brand1-1, #F0F7FF);  --checkbox-border-color: var(--color-line1-3, #cccccc);
  --checkbox-hovered-border-color: var(--color-brand1-4, #589ADB);
  --checkbox-label-color: var(--color-text1-3, #333333);
  --checkbox-bg-color: var(--color-fill1-1, #FFFFFF);  --checkbox-disabled-border-color: var(--color-transparent, transparent);
  --checkbox-disabled-circle-color: var(--color-fill1-1, #FFFFFF);
  --checkbox-disabled-bg-color: var(--color-fill1-4, #d9d9d9);
  --checkbox-circle-size: var(--icon-xs, 12px);  --checkbox-hovered-bg-color: var(--color-brand1-1, #F0F7FF);  --menu-btn-pure-text-normal-icon-color: var(--color-fill1-5, gray);
  --menu-btn-ghost-light-disabled-icon-color: var(--btn-ghost-light-color-disabled, rgba(0, 0, 0, 0.1));
  --menu-btn-ghost-dark-disabled-icon-color: var(--btn-ghost-dark-color-disabled, rgba(255, 255, 255, 0.4));  --range-normal-unselected-color: var(--color-line1-1, #e5e5e5);
  --range-normal-selected-color: var(--color-brand1-4, #589ADB);  --range-normal-selected-color-disabled: var(--color-line1-2, #d9d9d9);
  --range-normal-slider-bg-color-disabled: var(--color-fill1-1, #FFFFFF);  --range-normal-unselected-color-hover: var(--color-line1-1, #e5e5e5);
  --range-normal-selected-color-hover: var(--color-notice-3, #90c0ef);
  --range-normal-slider-border-color-disabled: var(--color-line1-3, #cccccc);
  --range-normal-mark-selected-color-disabled: var(--color-text1-1, #CCCCCC);  --range-normal-slider-bg-color: var(--color-white, #FFFFFF);
  --range-normal-slider-bg-color-hover: var(--color-white, #FFFFFF);  --tree-switch-arrow-size: var(--icon-xxs, 8px);  --tree-switch-margint-right: var(--s-1, 4px);  --tree-node-padding: var(--s-1, 4px);  --tree-node-selected-color: var(--color-brand1-6, #0064C8);
  --tree-node-normal-color: var(--color-text1-3, #333333);
  --tree-switch-arrow-color: var(--color-text1-3, #333333);
  --tree-node-hover-color: var(--color-text1-3, #333333);
  --tree-switch-hover-arrow-color: var(--color-text1-3, #333333);
  --tree-switch-icon-color: var(--color-fill1-5, gray);
  --tree-line-color: var(--color-line1-2, #d9d9d9);  --tree-switch-hover-icon-color: var(--color-fill1-5, gray);
  --tree-switch-hover-bg-color: var(--color-fill1-2, #f7f7f7);
  --tree-switch-border-color: var(--color-fill1-4, #d9d9d9);
  --tree-switch-hover-border-color: var(--color-line1-5, #aaaaaa);  --tree-line-width: var(--line-1, 1px);
  --tree-node-normal-background: var(--color-white, #FFFFFF);  --tree-switch-bg-color: var(--color-white, #FFFFFF);  --tree-node-selected-background: var(--color-brand1-1, #F0F7FF);  --tree-node-disabled-background: var(--color-white, #FFFFFF);
  --tree-unfold-icon-content: var(--icon-reset, var(--icon-reset));  --switch-disabled-on-trigger-bg-color: var(--color-white, #FFFFFF);
  --switch-disabled-off-trigger-bg-color: var(--color-white, #FFFFFF);  --switch-normal-on-bg-color: var(--color-success-4, #67cf98);
  --switch-hover-on-bg-color: var(--color-success-6, #23b066);  --switch-normal-off-border-color: var(--color-transparent, transparent);
  --switch-hover-off-border-color: var(--color-transparent, transparent);  --switch-size-m-trigger: var(--s-4, 16px);
  --switch-size-s-trigger: var(--s-3, 12px);  --switch-normal-off-bg-color: rgba(204,204,204,1);
  --switch-hover-off-bg-color: var(--color-border-5, #d9d9d9);
  --switch-disabled-off-bg-color: var(--color-border-2, #cccccc);  --message-notice-color-icon-toast: var(--color-brand1-6, #0064C8);  --message-close-icon-size: var(--icon-s, 16px);  --message-error-color-bg-inline: var(--color-error-1, #ffeceb);  --message-warning-color-bg-inline: var(--color-warning-1, #fff5eb);  --message-notice-color-bg-inline: var(--color-notice-1, #f0f7ff);  --message-loading-color-bg-inline: var(--color-notice-1, #f0f7ff);  --message-success-color-bg-inline: var(--color-success-1, #ebfff6);
  --message-success-color-border-toast: var(--color-line1-1, #e5e5e5);
  --message-error-color-border-toast: var(--color-line1-1, #e5e5e5);
  --message-warning-color-border-toast: var(--color-line1-1, #e5e5e5);
  --message-notice-color-border-toast: var(--color-line1-1, #e5e5e5);
  --message-help-color-border-toast: var(--color-line1-1, #e5e5e5);
  --message-loading-color-border-toast: var(--color-line1-1, #e5e5e5);  --message-help-color-bg-inline: var(--color-notice-1, #f0f7ff);
  --message-help-color-icon-toast: var(--color-brand1-6, #0064C8);  --message-success-color-content-toast: var(--color-text1-6, dimgray);
  --message-error-color-content-toast: var(--color-text1-6, dimgray);
  --message-error-color-content-inline: var(--color-text1-6, dimgray);
  --message-warning-color-content-inline: var(--color-text1-6, dimgray);
  --message-warning-color-content-toast: var(--color-text1-6, dimgray);
  --message-notice-color-content-inline: var(--color-text1-6, dimgray);
  --message-notice-color-content-toast: var(--color-text1-6, dimgray);
  --message-help-color-content-inline: var(--color-text1-6, dimgray);
  --message-help-color-content-toast: var(--color-text1-6, dimgray);
  --message-loading-color-content-inline: var(--color-text1-6, dimgray);
  --message-loading-color-content-toast: var(--color-text1-6, dimgray);  --message-success-color-content-inline: var(--color-text1-3, #333333);
  --message-close-icon-color: var(--color-fill1-5, gray);
  --message-hover-close-icon-color: var(--color-text1-5, #262626);  --message-help-icon-content: "\E714";  --message-size-l-icon: var(--icon-m, 20px);
  --message-size-m-icon: var(--icon-m, 20px);  --message-notice-color-icon-inline: var(--color-notice-6, #0057ad);
  --message-help-color-icon-inline: var(--color-notice-6, #0057ad);
  --message-loading-color-icon-inline: var(--color-notice-6, #0057ad);  --message-border-style-toast: var(--line-solid, solid);  --message-success-color-bg-toast: var(--color-white, #FFFFFF);  --message-error-color-bg-toast: var(--color-white, #FFFFFF);  --message-warning-color-bg-toast: var(--color-white, #FFFFFF);  --message-notice-color-bg-toast: var(--color-white, #FFFFFF);  --message-help-color-bg-toast: var(--color-white, #FFFFFF);  --message-help-color-content-addon: var(--color-text1-3, #333333);  --message-loading-color-bg-toast: var(--color-white, #FFFFFF);  --message-loading-color-content-addon: var(--color-text1-3, #333333);  --message-loading-color-icon-toast: var(--color-brand1-6, #0064C8);  --message-success-color-icon-addon: var(--color-success-5, #43bf7e);
  --message-error-color-icon-addon: var(--color-error-5, #ed675a);
  --message-warning-color-icon-addon: var(--color-warning-5, #f7a854);  --dialog-shadow: var(--shadow-3-down, 0px 6px 24px 0px rgba(0, 0, 0, 0.1));
  --dialog-title-border-color: var(--color-transparent, transparent);  --dialog-close-size: var(--icon-s, 16px);  --dialog-title-padding-bottom: var(--s-1, 4px);
  --dialog-content-font-size: var(--font-size-body-1, 12px);
  --dialog-close-color: var(--color-fill1-5, gray);
  --dialog-close-color-hovered: var(--color-fill1-5, gray);
  --dialog-content-color: var(--color-text1-6, dimgray);  --dialog-title-padding-top: var(--s-5, 20px);
  --dialog-title-padding-left-right: var(--s-5, 20px);
  --dialog-content-padding-top: var(--s-4, 16px);
  --dialog-content-padding-bottom: var(--s-5, 20px);
  --dialog-content-padding-left-right: var(--s-5, 20px);
  --dialog-footer-padding-bottom: var(--s-5, 20px);  --dialog-message-content-padding-left-right: var(--s-5, 20px);  --dialog-close-right: var(--s-5, 20px);  --dialog-message-content-padding-top: var(--s-5, 20px);
  --dialog-message-content-padding-bottom: var(--s-zero, 0px);  --dialog-bg: var(--color-bg-3, white);
  --dialog-footer-bg-color: var(--color-bg-3, white);  --progress-circle-underlay-color: var(--color-fill1-3, #e5e5e5);
  --progress-line-error-color: var(--color-error-5, #ed675a);
  --progress-line-success-color: var(--color-success-5, #43bf7e);
  --progress-line-started-color: var(--color-error-5, #ed675a);
  --progress-line-middle-color: var(--color-warning-5, #f7a854);
  --progress-line-finishing-color: var(--color-success-5, #43bf7e);
  --progress-circle-error-color: var(--color-error-5, #ed675a);
  --progress-circle-success-color: var(--color-success-5, #43bf7e);
  --progress-circle-started-color: var(--color-error-5, #ed675a);
  --progress-circle-middle-color: var(--color-warning-5, #f7a854);
  --progress-circle-finishing-color: var(--color-success-5, #43bf7e);
  --progress-line-underlay-color: var(--color-fill1-3, #e5e5e5);
  --progress-circle-text-color: var(--color-fill1-5, gray);
  --progress-line-normal-color: var(--color-brand1-6, #0064C8);  --pagination-current-color: var(--color-text1-2, dimgray);
  --pagination-total-color: var(--color-text1-2, dimgray);  --pagination-item-color: var(--color-text1-2, dimgray);  --pagination-item-border-color: var(--color-white, #FFFFFF);
  --pagination-item-bg: var(--color-white, #FFFFFF);
  --pagination-total-font-size: var(--font-size-body-1, 12px);
  --pagination-icon-ellipsis-content: "\E700";
  --pagination-arrow-hover-color: var(--color-fill1-7, #595959);
  --pagination-arrow-color: var(--color-fill1-5, gray);  --pagination-item-current-hover-bg: var(--color-transparent, transparent);  --pagination-ellipsis-size: var(--icon-xs, 12px);  --pagination-large-ellipsis-size: var(--icon-s, 16px);  --pagination-small-ellipsis-size: var(--icon-xs, 12px);  --pagination-ellipsis-color: var(--color-text1-2, dimgray);
  --pagination-jump-color: var(--color-text1-2, dimgray);  --pagination-item-hover-bg: var(--color-fill1-2, #f7f7f7);  --radio-border-color: var(--color-line1-1, #e5e5e5);
  --radio-disabled-border-color: var(--color-line1-1, #e5e5e5);
  --radio-checked-disabled-border-color: var(--color-fill1-3, #e5e5e5);  --radio-checked-bg-color: var(--color-white, #FFFFFF);  --radio-hovered-bg-color: var(--color-brand1-1, #F0F7FF);
  --radio-checked-disabled-bg-color: var(--color-fill1-2, #f7f7f7);
  --radio-normal-font-color-disabled: var(--color-fill1-4, #d9d9d9);
  --radio-checked-disabled-circle-color: var(--color-text1-1, #CCCCCC);
  --radio-button-height-medium: var(--s-8, 32px);  --radio-button-border-color-checked: var(--color-brand1-6, #0064C8);  --radio-button-height-large: var(--s-9, 36px);
  --radio-button-height-small: var(--s-6, 24px);
  --radio-button-font-color: var(--color-text1-6, dimgray);
  --radio-button-font-color-hovered: var(--color-text1-6, dimgray);  --radio-button-corner-large: var(--corner-1, 2px);  --radio-bg-color: var(--color-white, #FFFFFF);  --radio-normal-font-color: var(--color-text1-4, #1A1A1A);  --radio-button-bg-color: var(--color-white, #FFFFFF);
  --radio-button-bg-color-checked: var(--color-white, #FFFFFF);  --radio-button-font-color-checked: var(--color-brand1-6, #0064C8);  --step-circle-item-title-process-color: var(--color-text1-3, #333333);
  --step-circle-item-node-finish-border-color: var(--color-brand1-2, #CAE3FD);  --step-circle-item-title-finish-color: var(--color-text1-2, dimgray);
  --step-circle-item-content-margin-top: var(--s-1, 4px);
  --step-circle-item-node-process-size: var(--s-6, 24px);  --step-circle-item-node-border-width: var(--line-1, 1px);  --step-circle-item-tail-process-color: var(--color-line1-1, #e5e5e5);  --step-dot-item-tail-wait-color: var(--color-line1-1, #e5e5e5);
  --step-dot-item-tail-process-color: var(--color-line1-1, #e5e5e5);
  --step-dot-vertical-item-tail-size: var(--line-2, 2px);
  --step-circle-item-node-wait-border-color: var(--color-fill1-3, #e5e5e5);
  --step-circle-item-node-wait-background: var(--color-fill1-3, #e5e5e5);
  --step-circle-item-node-wait-color: var(--color-text1-2, dimgray);  --step-circle-item-tail-finish-color: var(--color-brand1-6, #0064C8);  --step-circle-item-node-process-color: var(--color-white, #FFFFFF);  --step-circle-item-node-finish-color: var(--color-brand1-6, #0064C8);
  --step-circle-item-node-disabled-border-color: var(--color-line1-1, #e5e5e5);
  --step-circle-item-node-disabled-background: var(--color-white, #FFFFFF);  --step-circle-vertical-item-title-margin-top: var(--s-2, 8px);  --step-circle-item-tail-bg-color: var(--color-line1-1, #e5e5e5);  --step-dot-item-dot-border-width: var(--line-1, 1px);  --step-dot-item-title-process-color: var(--color-text1-4, #1A1A1A);
  --step-dot-item-title-finish-color: var(--color-text1-3, #333333);  --step-dot-item-node-wait-background: var(--color-white, #FFFFFF);  --step-dot-item-node-finish-border-color: var(--color-brand1-6, #0064C8);
  --step-dot-item-node-finish-background: var(--color-white, #FFFFFF);  --step-dot-item-node-disabled-border-color: var(--color-line1-2, #d9d9d9);
  --step-dot-item-node-disabled-background: var(--color-white, #FFFFFF);  --step-dot-vertical-item-content-margin-top: var(--s-2, 8px);  --step-dot-item-tail-bg-color: var(--color-line1-1, #e5e5e5);  --tab-wrapped-border-line-color: var(--color-line1-1, #e5e5e5);
  --tab-wrapped-bg-color: var(--color-white, #FFFFFF);
  --tab-capsule-bg-color: var(--color-white, #FFFFFF);
  --tab-capsule-bg-color-hover: var(--color-fill1-2, #f7f7f7);
  --tab-capsule-tab-border-line-color: var(--color-line1-1, #e5e5e5);
  --tab-capsule-tab-border-line-color-hover: var(--color-line1-1, #e5e5e5);  --tab-pure-text-color-selected: var(--color-brand1-6, #0064C8);
  --tab-capsule-text-color-selected: var(--color-brand1-6, #0064C8);
  --tab-capsule-bg-color-selected: var(--color-white, #FFFFFF);
  --tab-capsule-text-color-hover: var(--color-text1-3, #333333);
  --tab-item-font-weight-selected: var(--font-weight-medium, 500);
  --tab-pure-divider-line-width: var(--line-1, 1px);
  --tab-wrapped-border-line-width: var(--line-zero, 0px);
  --tab-wrapped-border-side-width: var(--line-zero, 0px);  --tab-wrapped-content-border-line-width: var(--line-zero, 0px);  --tab-capsule-tab-border-line-color-active: var(--color-brand1-6, #0064C8);
  --tab-item-padding-lr-size-s: 16px;
  --tab-item-padding-lr-size-m: var(--s-4, 16px);
  --tab-item-padding-tb-size-m: 9px;
  --tab-item-padding-tb-size-s: 9px;  --tab-pure-divider-border-color: var(--color-line1-2, #d9d9d9);  --tab-wrapped-text-color: var(--color-text1-3, #333333);
  --tab-wrapped-text-color-hover: var(--color-text1-4, #1A1A1A);
  --tab-wrapped-text-color-selected: var(--color-brand1-6, #0064C8);  --tab-wrapped-bg-color-selected: var(--color-white, #FFFFFF);  --tab-capsule-text-color: var(--color-text1-4, #1A1A1A);  --tab-text-text-color-normal: var(--color-text1-3, #333333);
  --tab-text-text-color-hover: var(--color-text1-4, #1A1A1A);
  --tab-text-text-color-selected: var(--color-brand1-6, #0064C8);  --menu-icon-selected-size: var(--icon-s, 16px);  --menu-padding-horizontal: var(--s-4, 16px);
  --menu-icon-selected-hover-color: var(--color-brand1-6, #0064C8);
  --menu-icon-selected-color: var(--color-brand1-6, #0064C8);  --menu-item-padding-ver-padding-l: var(--s-4, 16px);
  --menu-item-padding-ver-padding-r: var(--s-4, 16px);  --menu-padding-ver-padding-lr: var(--s-2, 8px);
  --menu-padding-title-horizontal: var(--s-2, 8px);  --menu-divider-margin-hoz: var(--s-2, 8px);  --menu-divider-color: var(--color-line1-1, #e5e5e5);  --menu-unfold-icon-content: var(--icon-reset, var(--icon-reset));  --menu-color: var(--color-text-2, #333333);
  --menu-background: var(--color-bg-5, white);
  --menu-arrow-color: rgba(128,128,128,1);
  --menu-background-selected: var(--color-fill-3, #f0f7ff);
  --menu-color-selected: rgba(51,51,51,1);
  --menu-background-hover: var(--color-fill-2, #f7f7f7);
  --menu-color-hover: var(--color-text-2, #333333);  --timeline-item-done-background: var(--color-fill1-3, #e5e5e5);  --timeline-item-body-margin-top: var(--s-2, 8px);
  --timeline-item-title-margin-top: var(--s-2, 8px);  --timeline-item-title-color: var(--color-text1-3, #333333);  --timeline-item-node-padding: var(--s-1, 4px);  --timeline-item-body-color: var(--color-text1-3, #333333);  --timeline-item-done-dot-size: var(--s-2, 8px);  --timeline-item-process-dot-size: var(--s-2, 8px);  --timeline-item-success-dot-size: var(--s-2, 8px);  --timeline-item-error-dot-size: var(--s-2, 8px);  --cascader-menu-icon-expand-size: var(--icon-s, 16px);
  --cascader-menu-border-color: var(--color-line1-1, #e5e5e5);  --cascader-menu-icon-expand-color: var(--color-fill1-5, gray);  --cascader-menu-item-expanded-background-color: var(--color-fill1-2, #f7f7f7);  --rating-normal-underlay-color: var(--color-fill1-4, #d9d9d9);
  --rating-grade-low-overlay-color: var(--color-fill1-5, gray);  --tag-fill-text-color: var(--color-brand1-6, #0064C8);
  --tag-closable-normal-bg: var(--color-line1-1, #e5e5e5);
  --tag-fill-tail-color: var(--color-brand1-6, #0064C8);  --tag-fill-text-color-hover: var(--color-brand1-6, #0064C8);
  --tag-fill-tail-color-hover: var(--color-brand1-6, #0064C8);  --tag-secondary-bg-hover: var(--color-brand1-1, #F0F7FF);
  --tag-closable-primary-fill-text-color: var(--color-brand1-6, #0064C8);
  --tag-closable-primary-fill-text-color-hover: var(--color-brand1-6, #0064C8);
  --tag-closable-primary-fill-border-color-disabled: var(--color-line1-1, #e5e5e5);
  --tag-closable-primary-fill-bg-color-disabled: var(--color-white, #FFFFFF);  --tag-closable-primary-fill-bg-color: var(--color-brand1-1, #F0F7FF);  --tag-closable-bordered-bg: var(--color-fill1-2, #f7f7f7);
  --tag-bordered-bg: var(--color-fill1-2, #f7f7f7);
  --tag-size-l-icon-font: var(--icon-s, 16px);  --tag-size-l-tick-icon-bg-size: var(--s-zero, 0px);
  --tag-size-m-tick-icon-bg-size: var(--s-zero, 0px);
  --tag-size-s-tick-icon-bg-size: var(--s-zero, 0px);
  --tag-bordered-text-color: var(--color-text1-6, dimgray);
  --tag-closable-normal-icon-color-disabled: var(--color-fill1-3, #e5e5e5);  --tag-closable-normal-bg-hover: var(--color-line1-1, #e5e5e5);
  --tag-closable-bordered-bg-hover: var(--color-fill1-2, #f7f7f7);  --tag-bordered-text-color-hover: var(--color-text1-6, dimgray);
  --tag-closable-primary-fill-bg-color-hover: var(--color-brand1-1, #F0F7FF);  --tag-closable-normal-icon-color-hover: var(--color-fill1-5, gray);
  --tag-closable-bordered-tail-color: var(--color-fill1-5, gray);
  --tag-fill-border-color: var(--color-transparent, transparent);
  --tag-fill-border-color-hover: var(--color-transparent, transparent);
  --tag-bordered-border-color: var(--color-transparent, transparent);
  --tag-bordered-border-color-hover: var(--color-transparent, transparent);
  --tag-fill-border-color-disabled: var(--color-fill1-2, #f7f7f7);  --tag-closable-bordered-border-color: var(--color-fill1-2, #f7f7f7);
  --tag-closable-bordered-border-color-hover: var(--color-fill1-2, #f7f7f7);  --tag-closable-primary-fill-border-color: var(--color-brand1-1, #F0F7FF);
  --tag-closable-primary-fill-border-color-hover: var(--color-brand1-1, #F0F7FF);
  --tag-closable-bordered-text-color: var(--color-text1-6, dimgray);
  --tag-closable-bordered-text-color-hover: var(--color-text1-6, dimgray);
  --tag-closable-bordered-tail-color-hover: var(--color-text1-6, dimgray);  --tag-bordered-bg-hover: var(--color-line1-1, #e5e5e5);  --tag-checkable-fill-text-color: var(--color-text1-3, #333333);
  --tag-checkable-fill-bg-color: var(--color-fill1-3, #e5e5e5);
  --tag-checkable-fill-border-color: var(--color-fill1-3, #e5e5e5);
  --tag-checkable-fill-text-color-hover: var(--color-text1-4, #1A1A1A);
  --tag-checkable-fill-bg-color-hover: var(--color-fill1-4, #d9d9d9);
  --tag-checkable-fill-border-color-hover: var(--color-fill1-4, #d9d9d9);  --tag-checkable-primary-text-color: var(--color-white, #FFFFFF);  --tag-checkable-primary-border-color: var(--color-brand1-6, #0064C8);  --tag-checkable-primary-text-color-hover: var(--color-white, #FFFFFF);
  --tag-checkable-primary-bg-color-hover: var(--color-brand1-9, #003263);
  --tag-checkable-primary-border-color-hover: var(--color-brand1-9, #003263);  --tag-checkable-normal-icon-color-selected-disabled: var(--color-white, #FFFFFF);  --tag-checkable-normal-text-color: var(--color-text-2, #333333);
  --tag-checkable-normal-border-color: rgba(217,217,217,1);
  --tag-checkable-normal-bg: var(--color-white, #FFFFFF);
  --tag-checkable-normal-text-color-hover: var(--color-text-2, #333333);
  --tag-checkable-normal-border-color-hover: var(--G30, #cccccc);
  --tag-checkable-normal-bg-hover: rgba(247,247,247,1);
  --tag-checkable-normal-border-selected-disabled: var(--G20, #d9d9d9);  --tag-checkable-normal-tick-bg-selected-disabled: var(--G0, #f7f7f7);  --input-feedback-warning-color: var(--color-warning-5, #f7a854);  --input-focus-shadow-spread: var(--line-zero, 0px);
  --input-border-width: var(--line-1, 1px);  --input-feedback-warning-icon: "\E60B";  --input-feedback-error-color: var(--input-text-color, #333333);  --input-hover-border-color: var(--color-border-2, #cccccc);  --input-text-color: var(--color-text-2, #333333);
  --input-border-color: var(--color-border-1, #d9d9d9);
  --input-label-color: var(--color-text-5, #aaaaaa);
  --input-disabled-border-color: var(--color-border-2, #cccccc);
  --input-disabled-bg-color: var(--color-fill-2, #f7f7f7);
  --input-addon-bg-color: var(--color-bg-3, white);  --input-feedback-warning-bg-color: var(--color-fill-1, white);  --input-feedback-error-bg-color: var(--color-fill-1, white);  --input-hint-color: var(--color-text-3, dimgray);
  --input-hint-hover-color: var(--color-text-4, gray);  --input-focus-border-color: var(--color-border-3, #aaaaaa);
  --input-hover-bg-color: var(--color-fill-1, white);
  --input-bg-color: var(--color-fill-1, white);
  --input-focus-bg-color: var(--color-fill-1, white);  --form-error-color: var(--color-error-4, #f2887e);  --form-label-color: var(--color-text1-3, #333333);  --form-help-color: var(--color-text-4, gray);  --upload-image-list-close-icon-size: var(--icon-s, 16px);
  --upload-image-list-close-icon-right: var(--s-2, 8px);  --upload-text-list-bg-color: var(--color-transparent, transparent);
  --upload-image-list-item-picture-border-color: var(--color-transparent, transparent);  --upload-card-list-corner: var(--corner-1, 2px);  --upload-card-add-text-margin-top: var(--s-2, 8px);
  --upload-card-list-progressbar-height: var(--s-1, 4px);
  --upload-drag-zone-upload-icon-color: var(--color-brand1-6, #0064C8);
  --upload-card-border-style: var(--line-dashed, dashed);  --upload-card-border-color: var(--color-fill1-2, #f7f7f7);
  --upload-text-list-close-icon-color: var(--color-fill1-5, gray);
  --upload-text-list-close-icon-color-hover: var(--color-text1-5, #262626);
  --upload-text-list-name-font-color: var(--color-text1-3, #333333);  --upload-card-font-color: var(--color-text1-3, #333333);
  --upload-card-icon-color: var(--color-fill1-5, gray);
  --upload-card-hover-font-color: var(--color-text1-3, #333333);  --upload-image-list-item-bg-color: var(--color-white, #FFFFFF);
  --upload-image-list-item-uploading-bg-color: var(--color-white, #FFFFFF);
  --upload-image-list-item-error-bg-color: var(--color-white, #FFFFFF);  --select-color: var(--color-text1-3, #333333);  --select-unfold-icon-content: var(--icon-reset, var(--icon-reset));  --drawer-shadow: var(--shadow-3-left, 0px 0px 24px 0px rgba(0, 0, 0, 0.1));
  --drawer-close-size: var(--icon-s, 16px);
  --drawer-title-border-color: var(--color-line1-1, #e5e5e5);  --drawer-content-padding-top: var(--s-5, 20px);
  --drawer-content-padding-bottom: var(--s-5, 20px);  --drawer-content-color: var(--color-text1-3, #333333);
  --drawer-close-color: var(--color-text1-2, dimgray);
  --drawer-close-color-hovered: var(--color-text1-4, #1A1A1A);  --drawer-bg: var(--color-bg-3, white);
  --drawer-title-bg-color: rgba(255,255,255,1);  --number-picker-normal-m-input-width: var(--s-25, 100px);
  --number-picker-normal-l-input-width: var(--s-25, 100px);  --transfer-panel-background-color: var(--color-white, #FFFFFF);
  --transfer-panel-header-background-color: var(--color-fill1-1, #FFFFFF);  --transfer-panel-footer-background-color: var(--color-white, #FFFFFF);  --time-picker-menu-border-color: var(--color-line1-1, #e5e5e5);
  --time-picker-menu-item-color-disabled: var(--color-line1-1, #e5e5e5);  --time-picker-menu-item-background-selected: var(--color-brand1-1, #F0F7FF);  --time-picker-menu-title-color: var(--color-line1-5, #aaaaaa);  --time-picker-panel-background: var(--color-white, #FFFFFF);
  --time-picker-menu-border-width: var(--line-1, 1px);  --time-picker-menu-title-background: var(--color-white, #FFFFFF);  --time-picker-menu-item-color: var(--color-text1-3, #333333);
  --time-picker-menu-item-color-hover: var(--color-text1-4, #1A1A1A);
  --time-picker-menu-item-color-selected: var(--color-text1-3, #333333);
  --time-picker-menu-item-background: var(--color-white, #FFFFFF);
  --time-picker-menu-item-background-disabled: var(--color-white, #FFFFFF);  --typography-text-mark-background: var(--color-warning-2, #FFE0BF);
  --typography-text-color: var(--color-text1-4, #1A1A1A);  --divider-hoz-color: var(--color-line1-1, #e5e5e5);  --divider-hoz-text-color: var(--color-text1-4, #1A1A1A);  --collapse-panel-border-color: var(--color-line1-1, #e5e5e5);
  --collapse-title-font-color: var(--color-text1-3, #333333);
  --collapse-title-hover-font-color: var(--color-text1-2, dimgray);
  --collapse-content-color: var(--color-text1-2, dimgray);  --collapse-border-width: var(--line-zero, 0px);
  --collapse-title-border-width: var(--line-zero, 0px);
  --collapse-title-bg-color: var(--color-fill1-2, #f7f7f7);  --collapse-title-hover-bg-color: var(--color-fill1-3, #e5e5e5);  --collapse-icon-color: var(--color-text1-2, dimgray);
  --collapse-icon-hover-color: var(--color-text1-2, dimgray);  --collapse-content-bg-color: var(--color-white, #FFFFFF);  --breadcrumb-text-current-color: var(--color-line1-3, #cccccc);  --breadcrumb-icon-color: var(--color-line1-3, #cccccc);
  --breadcrumb-text-color: var(--color-text1-3, #333333);  --date-picker-panel-background: var(--color-white, #FFFFFF);  --table-th-color: var(--color-text-4, gray);
  --table-group-th-bg: var(--color-bg-4, #f7f7f7);
  --table-group-th-color: var(--color-text-3, dimgray);
  --table-row-bg: var(--color-bg-1, white);
  --table-row-color: var(--color-text-2, #333333);  --table-group-footer-color: var(--color-text-3, dimgray);
  --table-row-hover-color: var(--color-text-2, #333333);  --table-th-bg: var(--color-bg-4, #f7f7f7);
  --table-row-selected-bg: var(--color-fill-3, #f0f7ff);
  --table-row-hover-bg: var(--color-fill-2, #f7f7f7);
  --table-normal-border-color: rgba(229,229,229,1);  --list-size-s-title-font-size: var(--font-size-body-2, 14px);
  --list-size-s-title-font-weight: var(--font-weight-medium, 500);
  --list-size-s-item-title-font-size: var(--font-size-caption, 12px);
  --list-size-m-item-content-font-size: var(--font-size-caption, 12px);
  --list-size-m-item-title-font-size: var(--font-size-body-2, 14px);
  --list-content-color: var(--color-text1-2, dimgray);  --list-divider-color: var(--color-line1-2, #d9d9d9);  --split-btn-trigger-normal-icon-color: var(--color-fill1-5, gray);  --split-btn-unfold-icon-content: var(--icon-reset, var(--icon-reset));  --loading-large-dot-size: var(--icon-xxs, 8px);  --loading-medium-dot-size: var(--icon-xxs, 8px);  --paragraph-s-font-size: var(--font-size-body-1, 12px);
  --paragraph-m-font-size: var(--font-size-body-2, 14px);
  --paragraph-s-line-height: var(--font-lineheight-2, 1.5);
  --paragraph-l-line-height: var(--font-lineheight-3, 1.5);
  --paragraph-text-color: var(--space-grey-1, #1a1a1a);  --shell-light-header-color: var(--color-black, #000000);  --shell-light-header-background: var(--color-white, #FFFFFF);
  --shell-light-header-shadow: var(--shadow-zero, none);  --shell-light-navigation-ver-background: var(--color-white, #FFFFFF);
  --shell-light-navigation-ver-divider-size: var(--line-1, 1px);  --shell-light-navigation-ver-divider-color: var(--color-line1-1, #e5e5e5);  --shell-light-content-background: var(--color-fill1-3, #e5e5e5);  --shell-dark-navigation-ver-background: var(--color-text1-4, #1A1A1A);  --shell-brand-navigation-ver-background: var(--color-white, #FFFFFF);  --tree-select-background: var(--color-white, #FFFFFF);  --line-0: var(--line-zero);
  --shadow-0: var(--shadow-zero);
  --corner-right-angle: var(--corner-zero);
  --s-0: var(--s-zero);
}.theme-hybridcloud {  --alicloudfe-components-theme: hybridcloud;
  --active-shadow: var(--shadow-1-down);
  --active-transition: 0.3s;
  --scrollbar-width: 4px;
  --scrollbar-height: 4px;
  --global-scrollbar-width: 6px;
  --global-scrollbar-height: 6px;
  --scrollbar-track-bg: transparent;
  --scrollbar-track-border-radius: 3px;
  --scrollbar-thumb-bg: rgba(0, 0, 0, 0.2);
  --scrollbar-thumb-hover-bg: rgba(0, 0, 0, 0.4);  --btn-primary-hover-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.18);
  --btn-primary-active-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.18);
  --btn-normal-hover-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.06);
  --btn-normal-active-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.06);
  --btn-small-min-width: 62px;
  --btn-medium-min-width: 62px;
  --btn-large-min-width: 64px;
  --btn-small-cn2-3-width: 62px;
  --btn-small-cn4-width: 72px;
  --btn-medium-cn2-3-width: 62px;
  --btn-medium-cn4-width: 80px;
  --btn-large-cn2-3-width: 64px;
  --btn-large-cn4-width: 88px;  --menu-icon-selected-color: #333333;
  --select-menu-select-icon-ml: -20px;
  --menu-padding: 6px;
  --menu-padding-horizontal: 8px;
  --menu-item-padding-ver-padding-r: 8px;
  --menu-item-padding-ver-padding-l: 8px;
  --menu-padding-horizontal-selectable: 24px;  --number-picker-inline-group-border: 1px solid var(--input-border-color);  --checkbox-icon-scale: 0.7;  --message-title-weight: 500;
  --message-close-icon-size: 16px;
  --message-success-border-color: var(--color-success-7);
  --message-warning-border-color: var(--color-warning-7);
  --message-error-border-color: var(--color-error-7);
  --message-notice-border-color: var(--color-brand1-4);
  --message-help-border-color: var(--color-brand1-4);  --transfer-panel-padding-mb: 8px;
  --transfer-panel-margin-mb: 0px;  --dialog-title-border-color: var(--color-line1-1);  --dialog-footer-padding-bottom: 20px;
  --dialog-close-size: 16px;  --dialog-title-padding-bottom: 20px;
  --dialog-title-padding-top: 20px;
  --dialog-header-close-bg-width: 20px;
  --dialog-header-close-bg-height: 20px;
  --color-dialog-content: var(--color-text1-6);  --colortag-border-width: 1p