@alicloudfe/components
Version:
A react component library for aliyun
971 lines (945 loc) • 145 kB
CSS
@charset "UTF-8";
.theme-b-design {
--color-brand1-1: #EBF0FF;
--color-brand1-6: #1B58F4;
--color-brand1-9: #0A215C;
--color-data1-1: #26DAD0;
--color-data1-2: #5C89FF;
--color-data1-3: #7C6AF2;
--color-data1-4: #C95FF2;
--color-data1-5: #FF6383;
--color-data1-6: #FF9F40;
--color-data1-7: #FFCB48;
--color-data1-8: #31DC72;
--color-white: #FFFFFF;
--color-black: #000000;
--color-transparent: transparent;
--color-success-1: #EAFFF0;
--color-success-2: #29A64E;
--color-success-3: #219644;
--color-success-4: #41A716;
--color-notice-1: #E3F2FD;
--color-notice-2: #BAD9FF;
--color-notice-3: #4494F9;
--color-notice-4: #2E7DE0;
--color-warning-1: #FFF6E5;
--color-warning-2: #FFAB14;
--color-warning-3: #ED9E12;
--color-warning-4: #EB7E10;
--color-error-1: #FFECEC;
--color-error-2: #C82727;
--color-error-3: #BD2424;
--color-error-4: #E72B00;
--color-help-1: #EAFFF0;
--color-help-2: #29A64E;
--color-help-3: #219644;
--color-help-4: #01A79A;
--color-link-1: #EBF1FF;
--color-link-2: #1B58F4;
--color-link-3: #1752E4;
--color-other-1: #FFF1E7;
--color-other-2: #FF842C;
--color-other-3: #F5771C;
--color-line1-1: #E5E5E5;
--color-line1-2: #E5E5E5;
--color-line1-3: #D9D9D9;
--color-line1-4: #CCCCCC;
--color-fill1-1: #F3F3F3;
--color-fill1-2: #D9D9D9;
--color-fill1-3: #BEBEBE;
--color-fill1-4: #A6A6A6;
--color-text1-1: #BEBEBE;
--color-text1-2: #A6A6A6;
--color-text1-3: #595959;
--color-text1-4: #1A1A1A;
--color-fill1-10: #1A1A1A;
--color-fill1-9: #252525;
--color-fill1-8: #404040;
--color-fill1-7: #595959;
--color-fill1-6: #737373;
--color-fill1-5: #8C8C8C;
--color-text1-5: #8C8C8C;
--color-line1-5: #CCCCCC;
--color-brand1-10: #051437;
--color-brand1-8: #0F348F;
--color-brand1-7: #1548C9;
--color-brand1-5: #457AFF;
--color-brand1-4: #7EA3FF;
--color-brand1-3: #A6BFFF;
--color-brand1-2: #D1DDFF;
--corner-1: 2px;
--corner-2: 4px;
--corner-3: 8px;
--corner-circle: 50%;
--corner-semicircle: 500px;
--corner-zero: 0;
--font-family-base: Roboto,"Helvetica Neue",Helvetica,Tahoma,Arial,"Microsoft YaHei","PingFang SC";
--font-lineheight-1: 1.3;
--font-lineheight-2: 1.5;
--font-lineheight-3: 1.7;
--font-size-display-3: 56px;
--font-size-display-2: 48px;
--font-size-display-1: 36px;
--font-size-headline: 24px;
--font-size-title: 20px;
--font-size-subhead: 16px;
--font-size-body-2: 14px;
--font-size-body-1: 12px;
--font-size-caption: 10px;
--font-weight-1: lighter;
--font-weight-thin: 200;
--font-weight-light: 300;
--font-weight-2: normal;
--font-weight-medium: 500;
--font-weight-semi-bold: 600;
--font-weight-3: bold;
--font-weight-extra-bold: 800;
--font-weight-ultra-bold: 900;
--font-custom-path: "//i.alicdn.com/artascope-font/20160419204543/font/";
--font-custom-name: Roboto;
--font-name-thin: roboto-thin;
--font-name-light: roboto-light;
--font-name-regular: roboto-regular;
--font-name-medium: roboto-medium;
--font-name-bold: roboto-bold;
--icon-font-path: "//at.alicdn.com/t/font_1781389_be04gdipp2l";
--icon-font-name: "icon";
--icon-xxs: var(--s-2, 8px);
--icon-xs: var(--s-3, 12px);
--icon-s: var(--s-4, 16px);
--icon-m: var(--s-5, 20px);
--icon-l: var(--s-6, 24px);
--icon-xl: var(--s-8, 32px);
--icon-xxl: var(--s-12, 48px);
--icon-xxxl: var(--s-16, 64px);
--icon-content-smile: "\E65F";
--icon-content-cry: "\E65D";
--icon-content-success: "\E60A";
--icon-content-warning: "\E60B";
--icon-content-prompt: "\E60C";
--icon-content-error: "\E60D";
--icon-content-help: "\E673";
--icon-content-clock: "\E621";
--icon-content-success-filling: "\E63A";
--icon-content-delete-filling: "\E623";
--icon-content-favorites-filling: "\E60E";
--icon-content-add: "\E655";
--icon-content-minus: "\E601";
--icon-content-arrow-up: "\E625";
--icon-content-arrow-down: "\E63D";
--icon-content-arrow-left: "\E61D";
--icon-content-arrow-right: "\E619";
--icon-content-arrow-double-left: "\E659";
--icon-content-arrow-double-right: "\E65E";
--icon-content-switch: "\E6B3";
--icon-content-sorting: "\E634";
--icon-content-descending: "\E61F";
--icon-content-ascending: "\E61E";
--icon-content-select: "\E632";
--icon-content-semi-select: "\E633";
--icon-content-loading: "\E646";
--icon-content-search: "\E656";
--icon-content-close: "\E626";
--icon-content-ellipsis: "\E654";
--icon-content-picture: "\E631";
--icon-content-calendar: "\E607";
--icon-content-ashbin: "\E639";
--icon-content-upload: "\E7EE";
--icon-content-download: "\E628";
--icon-content-set: "\E683";
--icon-content-edit: "\E63B";
--icon-content-refresh: "\E677";
--icon-content-filter: "\E627";
--icon-content-attachment: "\E665";
--icon-content-account: "\E608";
--icon-content-email: "\E605";
--icon-content-atm: "\E606";
--icon-content-copy: "\E60F";
--icon-content-toggle-left: "\E602";
--icon-content-toggle-right: "\E603";
--icon-content-eye: "\E611";
--icon-content-eye-close: "\E600";
--icon-content-unlock: "\E615";
--icon-content-lock: "\E617";
--icon-content-exit: "\E616";
--icon-content-chart-bar: "\E612";
--icon-content-chart-pie: "\E613";
--icon-content-form: "\E7FB";
--icon-content-detail: "\E7F8";
--icon-content-list: "\E7F9";
--icon-content-dashboard: "\E7FA";
--icon-reset: "";
--icon-content-cart: "\E60F";
--icon-content-key: "\E609";
--icon-content-gouwuche: "\E604";
--shadow-sides-base: "base";
--shadow-sides-up: "up";
--shadow-sides-right: "right";
--shadow-sides-down: "down";
--shadow-sides-left: "left";
--shadow-distance-sd1: 0;
--shadow-distance-sd2: 0;
--shadow-distance-sd3: 0;
--shadow-distance-sd1y: 8;
--shadow-distance-sd2y: 2;
--shadow-distance-sd3y: 4;
--shadow-opacity-sd1: 0.1;
--shadow-opacity-sd2: 0.2;
--shadow-opacity-sd3: 0.1;
--shadow-color-sd1: var(--color-black, #000000);
--shadow-color-sd2: var(--color-black, #000000);
--shadow-color-sd3: var(--color-black, #000000);
--shadow-blur-sd1: 16;
--shadow-blur-sd2: 4;
--shadow-blur-sd3: 8;
--shadow-spread-sd1: 0;
--shadow-spread-sd2: 0;
--shadow-spread-sd3: 0;
--shadow-zero: none;
--shadow-1: 0px 8px 16px 0px rgba(0, 0, 0, 0.1);
--shadow-1-up: 0px -8px 16px 0px rgba(0, 0, 0, 0.1);
--shadow-1-right: 0px 0px 16px 0px rgba(0, 0, 0, 0.1);
--shadow-1-down: 0px 8px 16px 0px rgba(0, 0, 0, 0.1);
--shadow-1-left: 0px 0px 16px 0px rgba(0, 0, 0, 0.1);
--shadow-2: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
--shadow-2-up: 0px -2px 4px 0px rgba(0, 0, 0, 0.2);
--shadow-2-right: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
--shadow-2-down: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
--shadow-2-left: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
--shadow-3: 0px 4px 8px 0px rgba(0, 0, 0, 0.1);
--shadow-3-up: 0px -4px 8px 0px rgba(0, 0, 0, 0.1);
--shadow-3-right: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
--shadow-3-down: 0px 4px 8px 0px rgba(0, 0, 0, 0.1);
--shadow-3-left: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
--size-base: 4px;
--s-zero: 0px;
--s-1: 4px;
--s-2: 8px;
--s-3: 12px;
--s-4: 16px;
--s-5: 20px;
--s-6: 24px;
--s-7: 28px;
--s-8: 32px;
--s-9: 36px;
--s-10: 40px;
--s-11: 44px;
--s-12: 48px;
--s-13: 52px;
--s-14: 56px;
--s-15: 60px;
--s-16: 64px;
--s-17: 68px;
--s-18: 72px;
--s-19: 76px;
--s-20: 80px;
--s-21: 84px;
--s-22: 88px;
--s-23: 92px;
--s-24: 96px;
--s-25: 100px;
--s-26: 104px;
--s-27: 108px;
--s-28: 112px;
--s-29: 116px;
--s-30: 120px;
--s-31: 124px;
--s-32: 128px;
--s-33: 132px;
--s-34: 136px;
--s-35: 140px;
--s-36: 144px;
--s-37: 148px;
--s-38: 152px;
--s-39: 156px;
--s-40: 160px;
--s-41: 164px;
--s-42: 168px;
--s-43: 172px;
--s-44: 176px;
--s-45: 180px;
--s-46: 184px;
--s-47: 188px;
--s-48: 192px;
--s-49: 196px;
--s-50: 200px;
--cascader-select: "cascader-select";
--checkbox-size: var(--s-4, 16px);
--checkbox-border-radius: var(--corner-1, 2px);
--checkbox-border-width: var(--line-1, 1px);
--checkbox-circle-size: var(--icon-xxs, 8px);
--checkbox-shadow: var(--shadow-zero, none);
--checkbox-border-color: var(--color-fill1-5, #8C8C8C);
--checkbox-hovered-border-color: var(--color-brand1-6, #1B58F4);
--checkbox-checked-border-color: var(--color-transparent, transparent);
--checkbox-disabled-border-color: var(--color-transparent, transparent);
--checkbox-checked-hovered-border-color: var(--color-transparent, transparent);
--checkbox-checked-circle-color: var(--color-white, #FFFFFF);
--checkbox-label-color: var(--color-text1-4, #1A1A1A);
--checkbox-disabled-label-color: var(--color-text1-1, #BEBEBE);
--checkbox-disabled-circle-color: var(--color-text1-1, #BEBEBE);
--checkbox-checked-hovered-circle-color: var(--color-line1-5, #CCCCCC);
--checkbox-bg-color: var(--color-white, #FFFFFF);
--checkbox-checked-bg-color: var(--color-brand1-6, #1B58F4);
--checkbox-hovered-bg-color: var(--color-white, #FFFFFF);
--checkbox-checked-hovered-bg-color: var(--color-brand1-7, #1548C9);
--checkbox-disabled-bg-color: var(--color-line1-1, #E5E5E5);
--checkbox-font-size: var(--font-size-body-1, 12px);
--checkbox-margin-left: var(--s-2, 8px);
--checkbox-semi-select-icon-content: var(--icon-content-semi-select, "\E633");
--checkbox-select-icon-content: var(--icon-content-select, "\E632");
--timeline-item-node-size: var(--s-4, 16px);
--timeline-item-custom-node-size: var(--s-10, 40px);
--timeline-item-custom-node-font-size: var(--font-size-caption, 10px);
--timeline-item-node-padding: var(--s-1, 4px);
--timeline-item-dot-size: var(--s-2, 8px);
--timeline-item-icon-size: var(--icon-xs, 12px);
--timeline-item-tail-size: var(--line-1, 1px);
--timeline-item-left-content-width: var(--s-20, 80px);
--timeline-item-content-margin-left: var(--s-3, 12px);
--timeline-item-body-margin-top: var(--s-2, 8px);
--timeline-item-title-font-size: var(--font-size-body-1, 12px);
--timeline-item-title-font-weight: var(--font-weight-3, bold);
--timeline-item-title-margin-top: var(--s-1, 4px);
--timeline-item-time-margin-top: var(--s-1, 4px);
--timeline-item-time-margin-bottom: var(--s-3, 12px);
--timeline-item-body-font-size: var(--font-size-caption, 10px);
--timeline-item-left-body-font-size: var(--font-size-caption, 10px);
--timeline-item-time-font-size: var(--font-size-caption, 10px);
--timeline-item-folder-font-size: var(--font-size-caption, 10px);
--timeline-item-folder-margin-top: var(--s-1, 4px);
--timeline-item-folder-margin-bottom: var(--s-1, 4px);
--timeline-item-title-color: var(--color-text1-4, #1A1A1A);
--timeline-item-body-color: var(--color-text1-3, #595959);
--timeline-item-left-body-color: var(--color-text1-2, #A6A6A6);
--timeline-item-time-color: var(--color-text1-2, #A6A6A6);
--timeline-item-tail-color: var(--color-line1-2, #E5E5E5);
--timeline-item-done-dot-size: var(--s-2, 8px);
--timeline-item-done-background: var(--color-line1-3, #D9D9D9);
--timeline-item-done-color: var(--color-white, #FFFFFF);
--timeline-item-process-dot-size: var(--s-2, 8px);
--timeline-item-process-background: var(--color-brand1-6, #1B58F4);
--timeline-item-process-color: var(--color-white, #FFFFFF);
--timeline-item-success-dot-size: var(--s-2, 8px);
--timeline-item-success-background: var(--color-success-3, #219644);
--timeline-item-success-color: var(--color-white, #FFFFFF);
--timeline-item-error-dot-size: var(--s-2, 8px);
--timeline-item-error-background: var(--color-error-3, #BD2424);
--timeline-item-error-color: var(--color-white, #FFFFFF);
--menu-btn-disabled-icon-color: var(--color-text1-1, #BEBEBE);
--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));
--menu-btn-pure-text-normal-icon-color: var(--color-white, #FFFFFF);
--menu-btn-pure-text-primary-icon-color: var(--color-fill1-6, #737373);
--menu-btn-pure-text-secondary-icon-color: var(--color-brand1-6, #1B58F4);
--menu-btn-text-text-normal-icon-color: var(--color-fill1-6, #737373);
--menu-btn-text-text-primary-icon-color: var(--color-link-1, #EBF1FF);
--menu-btn-ghost-light-icon-color: var(--color-text1-4, #1A1A1A);
--menu-btn-ghost-dark-icon-color: var(--color-white, #FFFFFF);
--menu-btn-fold-icon-content: var(--icon-content-arrow-down, "\E63D");
--menu-btn-unfold-icon-content: var(--icon-reset);
--split-btn-trigger-normal-icon-color: var(--color-white, #FFFFFF);
--split-btn-fold-icon-content: var(--icon-content-arrow-down, "\E63D");
--split-btn-unfold-icon-content: var(--icon-reset);
--search-normal-corner: var(--corner-2, 4px);
--search-normal-primary-color: var(--color-line1-3, #D9D9D9);
--search-normal-primary-hover-color: var(--color-brand1-6, #1B58F4);
--search-normal-primary-split-color: var(--color-line1-3, #D9D9D9);
--search-normal-primary-shadow: var(--shadow-zero, none);
--search-normal-primary-btn-text-color: var(--color-text1-2, #A6A6A6);
--search-normal-primary-btn-hover-bg-color: var(--color-line1-3, #D9D9D9);
--search-normal-primary-btn-hover-text-color: var(--color-text1-3, #595959);
--search-normal-primary-border-width: var(--line-1, 1px);
--search-normal-primary-btn-text-padding-left: var(--s-zero, 0px);
--search-normal-primary-l-height: var(--s-9, 36px);
--search-normal-primary-l-icon-size: var(--icon-xs, 12px);
--search-normal-primary-l-btn-text-size: var(--font-size-body-1, 12px);
--search-normal-primary-m-height: var(--s-8, 32px);
--search-normal-primary-m-icon-size: var(--icon-xs, 12px);
--search-normal-primary-m-btn-text-size: var(--font-size-body-1, 12px);
--search-normal-secondary-color: var(--color-line1-3, #D9D9D9);
--search-normal-secondary-split-color: var(--color-line1-3, #D9D9D9);
--search-normal-secondary-hover-color: var(--color-brand1-6, #1B58F4);
--search-normal-secondary-shadow: var(--shadow-zero, none);
--search-normal-secondary-btn-bg-color: var(--color-fill1-2, #D9D9D9);
--search-normal-secondary-btn-text-color: var(--color-fill1-5, #8C8C8C);
--search-normal-secondary-btn-hover-bg-color: var(--color-fill1-2, #D9D9D9);
--search-normal-secondary-btn-hover-text-color: var(--color-text1-3, #595959);
--search-normal-secondary-border-width: var(--line-1, 1px);
--search-normal-secondary-btn-text-padding-left: var(--s-zero, 0px);
--search-normal-secondary-l-height: var(--s-9, 36px);
--search-normal-secondary-l-icon-size: var(--icon-xs, 12px);
--search-normal-secondary-l-btn-text-size: var(--font-size-body-1, 12px);
--search-normal-secondary-m-height: var(--s-8, 32px);
--search-normal-secondary-m-icon-size: var(--icon-xs, 12px);
--search-normal-secondary-m-btn-text-size: var(--font-size-body-1, 12px);
--search-normal-normal-color: var(--color-fill1-2, #D9D9D9);
--search-normal-normal-split-color: var(--color-line1-1, #E5E5E5);
--search-normal-normal-hover-color: var(--color-line1-4, #CCCCCC);
--search-normal-normal-shadow: var(--shadow-3, 0px 4px 8px 0px rgba(0, 0, 0, 0.1));
--search-normal-normal-btn-bg-color: var(--color-fill1-1, #F3F3F3);
--search-normal-normal-btn-text-color: var(--color-text1-3, #595959);
--search-normal-normal-btn-hover-bg-color: var(--color-fill1-3, #BEBEBE);
--search-normal-normal-btn-hover-text-color: var(--color-text1-4, #1A1A1A);
--search-normal-normal-border-width: var(--line-1, 1px);
--search-normal-normal-btn-text-padding-left: var(--s-zero, 0px);
--search-normal-normal-l-height: var(--s-9, 36px);
--search-normal-normal-l-icon-size: var(--icon-xs, 12px);
--search-normal-normal-l-btn-text-size: var(--font-size-body-1, 12px);
--search-normal-normal-m-height: var(--s-8, 32px);
--search-normal-normal-m-icon-size: var(--icon-xs, 12px);
--search-normal-normal-m-btn-text-size: var(--font-size-body-1, 12px);
--search-normal-dark-color: var(--color-brand1-6, #1B58F4);
--search-normal-dark-hover-color: var(--color-brand1-6, #1B58F4);
--search-normal-dark-text-color: var(--color-brand1-6, #1B58F4);
--search-normal-dark-bg-color: var(--color-white, #FFFFFF);
--search-normal-dark-bg-opacity: 0;
--search-normal-dark-shadow: var(--shadow-zero, none);
--search-normal-dark-btn-text-color: var(--color-white, #FFFFFF);
--search-normal-dark-btn-hover-bg-color: var(--color-brand1-9, #0A215C);
--search-normal-dark-btn-hover-text-color: var(--color-white, #FFFFFF);
--search-normal-dark-border-width: var(--line-1, 1px);
--search-normal-dark-btn-text-padding-left: var(--s-zero, 0px);
--search-normal-dark-l-height: var(--s-9, 36px);
--search-normal-dark-l-icon-size: var(--icon-xs, 12px);
--search-normal-dark-l-btn-text-size: var(--font-size-body-1, 12px);
--search-normal-dark-m-height: var(--s-7, 28px);
--search-normal-dark-m-icon-size: var(--icon-xs, 12px);
--search-normal-dark-m-btn-text-size: var(--font-size-body-1, 12px);
--search-simple-corner: var(--corner-1, 2px);
--search-simple-l-icon-margin-right: var(--s-3, 12px);
--search-simple-m-icon-margin-right: var(--s-2, 8px);
--search-simple-normal-color: var(--color-line1-3, #D9D9D9);
--search-simple-normal-hover-color: var(--color-line1-4, #CCCCCC);
--search-simple-normal-split-color: var(--color-line1-3, #D9D9D9);
--search-simple-normal-shadow: var(--shadow-zero, none);
--search-simple-normal-icon-text-color: var(--color-text1-2, #A6A6A6);
--search-simple-normal-icon-hover-text-color: var(--color-text1-3, #595959);
--search-simple-normal-border-width: var(--line-1, 1px);
--search-simple-normal-l-icon-size: var(--icon-xs, 12px);
--search-simple-normal-m-icon-size: var(--icon-xs, 12px);
--search-simple-normal-btn-text-padding-left: var(--s-zero, 0px);
--search-simple-dark-color: var(--color-line1-3, #D9D9D9);
--search-simple-dark-hover-color: var(--color-line1-3, #D9D9D9);
--search-simple-dark-bg-color: var(--color-white, #FFFFFF);
--search-simple-dark-bg-opacity: 0;
--search-simple-dark-text-color: var(--color-white, #FFFFFF);
--search-simple-dark-shadow: var(--shadow-zero, none);
--search-simple-dark-icon-text-color: var(--color-text1-2, #A6A6A6);
--search-simple-dark-icon-hover-text-color: var(--color-text1-3, #595959);
--search-simple-dark-btn-text-padding-left: var(--s-zero, 0px);
--search-simple-dark-split-color: var(--color-line1-3, #D9D9D9);
--search-simple-dark-border-width: var(--line-1, 1px);
--search-simple-dark-l-icon-size: var(--icon-xs, 12px);
--search-simple-dark-m-icon-size: var(--icon-xs, 12px);
--search-search-icon-content: var(--icon-content-search, "\E656");
--tree-node-padding: var(--s-1, 4px);
--tree-node-title-margin: var(--s-1, 4px);
--tree-node-title-padding: var(--s-1, 4px);
--tree-node-title-font-size: var(--font-size-body-1, 12px);
--tree-switch-arrow-size: var(--icon-xs, 12px);
--tree-switch-size: var(--s-4, 16px);
--tree-switch-icon-size: var(--icon-xxs, 8px);
--tree-switch-border-width: var(--line-1, 1px);
--tree-switch-margint-right: var(--s-2, 8px);
--tree-line-width: var(--line-1, 1px);
--tree-node-normal-color: var(--color-text1-4, #1A1A1A);
--tree-node-normal-background: var(--color-white, #FFFFFF);
--tree-node-title-border-radius: var(--corner-1, 2px);
--tree-switch-arrow-color: var(--color-text1-2, #A6A6A6);
--tree-switch-icon-color: var(--color-text1-3, #595959);
--tree-switch-bg-color: var(--color-white, #FFFFFF);
--tree-switch-border-color: var(--color-line1-3, #D9D9D9);
--tree-switch-corner: var(--corner-1, 2px);
--tree-line-color: var(--color-line1-3, #D9D9D9);
--tree-line-style: var(--line-solid, solid);
--tree-node-hover-color: var(--color-text1-4, #1A1A1A);
--tree-node-hover-bg-color: var(--color-fill1-2, #D9D9D9);
--tree-switch-hover-arrow-color: var(--color-text1-4, #1A1A1A);
--tree-switch-hover-icon-color: var(--color-text1-4, #1A1A1A);
--tree-switch-hover-bg-color: var(--color-fill1-2, #D9D9D9);
--tree-switch-hover-border-color: var(--color-line1-4, #CCCCCC);
--tree-node-selected-color: var(--color-text1-4, #1A1A1A);
--tree-node-selected-background: var(--color-brand1-1, #EBF0FF);
--tree-node-disabled-color: var(--color-text1-1, #BEBEBE);
--tree-node-disabled-background: var(--color-white, #FFFFFF);
--tree-fold-icon-content: var(--icon-content-arrow-down, "\E63D");
--tree-unfold-icon-content: var(--icon-reset);
--cascader-menu-border-width: var(--line-1, 1px);
--cascader-menu-width: var(--s-25, 100px);
--cascader-menu-height: var(--s-48, 192px);
--cascader-menu-icon-expand-size: var(--icon-xxs, 8px);
--cascader-menu-border-color: var(--color-line1-2, #E5E5E5);
--cascader-menu-border-radius: var(--corner-1, 2px);
--cascader-menu-icon-expand-color: var(--color-text1-3, #595959);
--cascader-menu-icon-hover-expand-color: var(--color-text1-4, #1A1A1A);
--cascader-menu-item-expanded-color: var(--color-text1-4, #1A1A1A);
--cascader-menu-item-expanded-background-color: var(--color-fill1-1, #F3F3F3);
--rating-small-text-margin-left: var(--s-2, 8px);
--rating-small-icon-size: var(--icon-xs, 12px);
--rating-small-font-size: var(--font-size-caption, 10px);
--rating-medium-text-margin-left: var(--s-3, 12px);
--rating-medium-icon-size: var(--icon-s, 16px);
--rating-medium-font-size: var(--font-size-body-1, 12px);
--rating-large-text-margin-left: var(--s-4, 16px);
--rating-large-icon-size: var(--icon-m, 20px);
--rating-large-font-size: var(--font-size-subhead, 16px);
--rating-normal-underlay-color: var(--color-fill1-4, #A6A6A6);
--rating-normal-overlay-color: var(--color-brand1-6, #1B58F4);
--rating-normal-overlay-hover-color: var(--color-brand1-6, #1B58F4);
--rating-grade-low-overlay-color: var(--color-text1-3, #595959);
--rating-grade-low-overlay-hover-color: var(--color-text1-2, #A6A6A6);
--rating-grade-high-overlay-color: var(--color-brand1-6, #1B58F4);
--rating-grade-high-overlay-hover-color: var(--color-brand1-6, #1B58F4);
--rating-grade-icon-content: var(--icon-content-favorites-filling, "\E60E");
--range-size-m-track-height: var(--s-1, 4px);
--range-size-m-scale-height: var(--s-3, 12px);
--range-size-m-scale-item-border-width: var(--line-1, 1px);
--range-size-m-slider-hw: var(--s-3, 12px);
--range-size-slider-border-style: var(--line-solid, solid);
--range-size-slider-border-width: var(--line-1, 1px);
--range-size-m-mark-top: 30px;
--range-size-m-mark-font-size: var(--font-size-body-1, 12px);
--range-size-m-mark-font-weight: var(--font-weight-2, normal);
--range-size-m-mark-font-lineheight: 20px;
--range-size-m-track-radius: var(--corner-zero, 0);
--range-size-m-scale-radius: var(--corner-zero, 0);
--range-size-m-slider-shadow-moving: var(--shadow-2, 0px 2px 4px 0px rgba(0, 0, 0, 0.2));
--range-normal-unselected-color: var(--color-fill1-1, #F3F3F3);
--range-normal-selected-color: var(--color-brand1-6, #1B58F4);
--range-normal-slider-bg-color: var(--color-brand1-6, #1B58F4);
--range-normal-mark-color: var(--color-text1-2, #A6A6A6);
--range-normal-mark-selected-color: var(--color-text1-4, #1A1A1A);
--range-normal-unselected-color-hover: var(--color-fill1-1, #F3F3F3);
--range-normal-selected-color-hover: var(--color-brand1-6, #1B58F4);
--range-normal-slider-bg-color-hover: var(--color-brand1-7, #1548C9);
--range-size-m-slider-shadow: var(--shadow-1, 0px 8px 16px 0px rgba(0, 0, 0, 0.1));
--range-size-m-slider-shadow-hover: var(--shadow-2, 0px 2px 4px 0px rgba(0, 0, 0, 0.2));
--range-normal-mark-color-hover: var(--color-text1-2, #A6A6A6);
--range-normal-mark-selected-color-hover: var(--color-text1-4, #1A1A1A);
--range-normal-slider-border-color-hover: var(--color-transparent, transparent);
--range-normal-unselected-color-disabled: var(--color-fill1-1, #F3F3F3);
--range-normal-selected-color-disabled: var(--color-line1-4, #CCCCCC);
--range-normal-slider-bg-color-disabled: var(--color-fill1-3, #BEBEBE);
--range-normal-slider-border-color: var(--color-transparent, transparent);
--range-normal-slider-border-color-disabled: var(--color-transparent, transparent);
--range-normal-mark-color-disabled: var(--color-text1-1, #BEBEBE);
--range-normal-mark-selected-color-disabled: var(--color-text1-2, #A6A6A6);
--card-corner: var(--corner-1, 2px);
--card-padding-lr: var(--s-4, 16px);
--card-border-width: var(--line-1, 1px);
--card-head-padding-bottom: var(--s-3, 12px);
--card-head-bottom-border-width: var(--line-1, 1px);
--card-head-main-height: var(--s-10, 40px);
--card-head-main-margin-top: var(--s-2, 8px);
--card-head-main-margin-bottom: var(--s-zero, 0px);
--card-title-font-size: var(--font-size-subhead, 16px);
--card-title-font-weight: var(--font-weight-2, normal);
--card-sub-title-font-size: var(--font-size-caption, 10px);
--card-title-extra-font-size: var(--font-size-body-1, 12px);
--card-title-bullet-width: var(--line-3, 3px);
--card-title-bullet-height: var(--s-4, 16px);
--card-title-padding-left: var(--s-2, 8px);
--card-sub-title-padding-left: var(--s-2, 8px);
--card-body-show-divider-padding-top: var(--s-3, 12px);
--card-body-hide-divider-padding-top: var(--s-zero, 0px);
--card-content-font-size: var(--font-size-body-1, 12px);
--card-content-line-height: var(--font-lineheight-2, 1.5);
--card-body-padding-bottom: var(--s-3, 12px);
--card-more-btn-height: var(--s-4, 16px);
--card-more-btn-padding-top: var(--s-2, 8px);
--card-more-btn-font-size: var(--font-size-body-1, 12px);
--card-shadow: var(--shadow-1, 0px 8px 16px 0px rgba(0, 0, 0, 0.1));
--card-border-style: var(--line-solid, solid);
--card-border-color: var(--color-transparent, transparent);
--card-background: var(--color-white, #FFFFFF);
--card-header-background: var(--color-white, #FFFFFF);
--card-title-color: var(--color-text1-4, #1A1A1A);
--card-sub-title-color: var(--color-text1-3, #595959);
--card-title-extra-color: var(--color-link-1, #EBF1FF);
--card-title-bullet-color: var(--color-brand1-6, #1B58F4);
--card-content-color: var(--color-text1-2, #A6A6A6);
--card-head-bottom-border-color: var(--color-line1-1, #E5E5E5);
--card-more-btn-color: var(--color-link-1, #EBF1FF);
--card-more-btn-background: var(--color-white, #FFFFFF);
--typography-text-color: var(--color-text1-3, #595959);
--typography-text-strong-font-weight: var(--font-weight-semi-bold, 600);
--typography-text-code-corner: var(--corner-1, 2px);
--typography-text-mark-color: var(--color-text1-4, #1A1A1A);
--typography-text-mark-background: var(--color-warning-2, #FFAB14);
--typography-text-code-color: var(--color-text1-4, #1A1A1A);
--typography-text-code-background: var(--color-fill1-2, #D9D9D9);
--typography-text-code-border-color: var(--color-line1-1, #E5E5E5);
--typography-paragraph-font-size: var(--font-size-body-1, 12px);
--typography-paragraph-line-height: var(--font-lineheight-2, 1.5);
--typography-title-h1-font-size: var(--font-size-headline, 24px);
--typography-title-h2-font-size: var(--font-size-title, 20px);
--typography-title-h3-font-size: var(--font-size-subhead, 16px);
--typography-title-h4-font-size: var(--font-size-subhead, 16px);
--typography-title-h5-font-size: var(--font-size-body-2, 14px);
--typography-title-h6-font-size: var(--font-size-body-1, 12px);
--typography-title-font-weight: var(--font-weight-semi-bold, 600);
--switch-size-m-width: var(--s-13, 52px);
--switch-size-m-radius-container: var(--corner-semicircle, 500px);
--switch-size-m-trigger: var(--s-7, 28px);
--switch-size-m-radius-trigger: var(--corner-semicircle, 500px);
--switch-size-s-width: var(--s-8, 32px);
--switch-size-s-radius-container: var(--corner-semicircle, 500px);
--switch-size-s-trigger: var(--s-4, 16px);
--switch-size-s-radius-trigger: var(--corner-semicircle, 500px);
--switch-border-width-container: var(--line-zero, 0px);
--switch-text-on-left: var(--s-2, 8px);
--switch-size-s-text-on-left: var(--s-1, 4px);
--switch-text-off-right: var(--s-4, 16px);
--switch-size-s-text-off-right: var(--s-1, 4px);
--switch-border-width-trigger: var(--line-zero, 0px);
--switch-normal-on-bg-color: var(--color-success-2, #29A64E);
--switch-hover-on-bg-color: var(--color-success-3, #219644);
--switch-disabled-on-bg-color: var(--color-fill1-3, #BEBEBE);
--switch-normal-on-trigger-bg-color: var(--color-white, #FFFFFF);
--switch-hover-on-trigger-bg-color: var(--color-white, #FFFFFF);
--switch-disabled-on-trigger-bg-color: var(--color-fill1-1, #F3F3F3);
--switch-normal-on-color-font: var(--color-white, #FFFFFF);
--switch-disabled-on-color-font: var(--color-text1-1, #BEBEBE);
--switch-disabled-on-border-color: var(--color-line1-3, #D9D9D9);
--switch-handle-on-border-color: var(--color-transparent, transparent);
--switch-on-shadow: var(--shadow-2-up, 0px -2px 4px 0px rgba(0, 0, 0, 0.2));
--switch-normal-off-bg-color: var(--color-fill1-2, #D9D9D9);
--switch-hover-off-bg-color: var(--color-fill1-3, #BEBEBE);
--switch-disabled-off-bg-color: var(--color-fill1-1, #F3F3F3);
--switch-normal-off-trigger-bg-color: var(--color-white, #FFFFFF);
--switch-hover-off-trigger-bg-color: var(--color-white, #FFFFFF);
--switch-disabled-off-trigger-bg-color: var(--color-fill1-1, #F3F3F3);
--switch-handle-disabled-border-color: var(--color-line1-1, #E5E5E5);
--switch-normal-off-color-font: var(--color-text1-2, #A6A6A6);
--switch-disabled-off-color-font: var(--color-line1-3, #D9D9D9);
--switch-handle-off-border-color: var(--color-transparent, transparent);
--switch-normal-off-border-color: var(--color-line1-3, #D9D9D9);
--switch-hover-off-border-color: var(--color-line1-3, #D9D9D9);
--switch-off-shadow: var(--shadow-1, 0px 8px 16px 0px rgba(0, 0, 0, 0.1));
--switch-rtl-on-shadow: var(--shadow-1-left, 0px 0px 16px 0px rgba(0, 0, 0, 0.1));
--paragraph-text-color: var(--color-text1-4, #1A1A1A);
--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.7);
--menu-padding-vertical: var(--s-2, 8px);
--menu-padding-horizontal: var(--s-4, 16px);
--menu-line-height: var(--s-9, 36px);
--menu-font-size: var(--font-size-body-1, 12px);
--menu-submenu-title-size: var(--font-size-body-1, 12px);
--menu-padding-title-horizontal: var(--s-3, 12px);
--menu-divider-width: var(--line-1, 1px);
--menu-divider-margin-ver: var(--s-2, 8px);
--menu-divider-margin-hoz: var(--s-3, 12px);
--menu-icon-selected-size: var(--icon-xxs, 8px);
--menu-icon-selected-right: var(--s-4, 16px);
--menu-icon-size: var(--icon-xxs, 8px);
--menu-hoz-icon-size: var(--icon-xs, 12px);
--menu-icon-margin: var(--s-2, 8px);
--menu-shadow: var(--shadow-1-down, 0px 8px 16px 0px rgba(0, 0, 0, 0.1));
--menu-color: var(--color-text1-4, #1A1A1A);
--menu-divider-style: var(--line-solid, solid);
--menu-divider-color: var(--color-line1-1, #E5E5E5);
--menu-background: var(--color-white, #FFFFFF);
--menu-arrow-color: var(--color-text1-3, #595959);
--menu-background-selected: var(--color-white, #FFFFFF);
--menu-color-selected: var(--color-text1-4, #1A1A1A);
--menu-icon-selected-color: var(--color-brand1-6, #1B58F4);
--menu-background-hover: var(--color-fill1-1, #F3F3F3);
--menu-color-hover: var(--color-text1-4, #1A1A1A);
--menu-arrow-color-hover: var(--color-text1-4, #1A1A1A);
--menu-icon-selected-hover-color: var(--color-brand1-6, #1B58F4);
--menu-color-disabled: var(--color-text1-1, #BEBEBE);
--menu-select-icon-content: var(--icon-content-select, "\E632");
--menu-fold-icon-content: var(--icon-content-arrow-down, "\E63D");
--menu-unfold-icon-content: var(--icon-reset);
--menu-popupfold-icon-content: var(--icon-content-arrow-right, "\E619");
--upload-disable-text-color: var(--color-text1-1, #BEBEBE);
--upload-disable-border-color: var(--color-fill1-3, #BEBEBE);
--upload-text-list-height: var(--s-12, 48px);
--upload-text-list-padding-left-right: var(--s-4, 16px);
--upload-text-list-font-size: var(--font-size-body-1, 12px);
--upload-text-list-close-icon-size: var(--icon-xs, 12px);
--upload-text-list-close-icon-right: var(--s-4, 16px);
--upload-text-list-corner: var(--corner-zero, 0);
--upload-text-list-bg-color: var(--color-fill1-1, #F3F3F3);
--upload-text-list-bg-color-hover: var(--color-line1-1, #E5E5E5);
--upload-text-list-bg-color-error: var(--color-error-1, #FFECEC);
--upload-text-list-error-text-color: var(--color-error-3, #BD2424);
--upload-text-list-close-icon-color: var(--color-fill1-6, #737373);
--upload-text-list-close-icon-color-hover: var(--color-text1-3, #595959);
--upload-text-list-name-font-color: var(--color-text1-4, #1A1A1A);
--upload-text-list-name-font-color-hover: var(--color-brand1-6, #1B58F4);
--upload-text-list-size-font-color: var(--color-text1-2, #A6A6A6);
--upload-text-list-size-font-color-hover: var(--color-brand1-6, #1B58F4);
--upload-text-list-progressbar-height: var(--s-2, 8px);
--upload-image-list-item-padding: var(--s-4, 16px);
--upload-image-list-item-picture-size: var(--s-12, 48px);
--upload-image-list-item-picture-icon-size: var(--icon-l, 24px);
--upload-image-list-item-picture-border-width: var(--line-1, 1px);
--upload-image-list-item-picture-corner: var(--corner-zero, 0);
--upload-image-list-item-thumbnail-font-color: var(--color-text1-1, #BEBEBE);
--upload-image-list-item-font-size: var(--font-size-body-1, 12px);
--upload-image-list-close-icon-size: var(--icon-xs, 12px);
--upload-image-list-close-icon-right: var(--s-4, 16px);
--upload-image-list-item-border-width: var(--line-1, 1px);
--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);
--upload-image-list-close-icon-color: var(--color-text1-2, #A6A6A6);
--upload-image-list-close-icon-color-hover: var(--color-text1-3, #595959);
--upload-image-list-item-border-color: var(--color-line1-2, #E5E5E5);
--upload-image-list-item-border-color-error: var(--color-error-3, #BD2424);
--upload-image-list-item-border-color-hover: var(--color-brand1-6, #1B58F4);
--upload-image-list-item-picture-border-color: var(--color-line1-2, #E5E5E5);
--upload-image-list-item-picture-background-color: var(--color-fill1-2, #D9D9D9);
--upload-image-list-progressbar-height: var(--s-2, 8px);
--upload-card-size: var(--s-25, 100px);
--upload-card-margin-bottom: var(--s-4, 16px);
--upload-card-add-icon-size: var(--icon-s, 16px);
--upload-card-add-text-size: var(--font-size-body-1, 12px);
--upload-card-add-text-margin-top: var(--s-3, 12px);
--upload-card-bg-color: var(--color-white, #FFFFFF);
--upload-card-border-style: var(--line-dashed, dashed);
--upload-card-border-color: var(--color-line1-3, #D9D9D9);
--upload-card-hover-border-color: var(--color-brand1-6, #1B58F4);
--upload-card-font-color: var(--color-brand1-6, #1B58F4);
--upload-card-icon-color: var(--color-brand1-6, #1B58F4);
--upload-card-hover-font-color: var(--color-brand1-6, #1B58F4);
--upload-card-add-icon: var(--icon-content-add, "");
--upload-card-list-bg-color: var(--color-transparent, transparent);
--upload-card-list-uploading-bg-color: var(--color-fill1-1, #F3F3F3);
--upload-card-list-bg-color-error: var(--color-fill1-1, #F3F3F3);
--upload-card-list-margin-right: var(--s-3, 12px);
--upload-card-list-padding: var(--s-zero, 0px);
--upload-card-list-corner: var(--corner-zero, 0);
--upload-card-list-border-color: var(--color-line1-3, #D9D9D9);
--upload-card-list-border-color-error: var(--color-error-2, #C82727);
--upload-card-list-thumbnail-font-color: var(--color-text1-1, #BEBEBE);
--upload-card-list-thumbnail-font-size: var(--font-size-body-2, 14px);
--upload-card-list-thumbnail-icon-size: var(--icon-xl, 32px);
--upload-card-list-name-margin-top: var(--s-1, 4px);
--upload-card-list-name-font-size: var(--font-size-caption, 10px);
--upload-card-list-name-font-color: var(--color-text1-3, #595959);
--upload-card-list-progressbar-height: var(--s-2, 8px);
--upload-select-card-tool-bg-color: var(--color-black, #000000);
--upload-select-card-tool-bg-opacity: .7;
--upload-drag-zone-border-color: var(--color-line1-3, #D9D9D9);
--upload-drag-zone-over-border-color: var(--color-brand1-6, #1B58F4);
--upload-drag-zone-corner: var(--corner-1, 2px);
--upload-drag-zone-font-size: var(--font-size-body-2, 14px);
--upload-drag-zone-icon-size: var(--s-4, 16px);
--upload-drag-zone-hint-font-size: var(--font-size-caption, 10px);
--upload-drag-zone-bg-color: var(--color-transparent, transparent);
--upload-drag-zone-upload-icon: var(--icon-content-upload, "");
--upload-drag-zone-upload-icon-color: var(--color-text1-3, #595959);
--upload-drag-zone-upload-normal-title-color: var(--color-text1-3, #595959);
--upload-drag-zone-upload-normal-hint-color: var(--color-text1-2, #A6A6A6);
--form-label-padding-r: var(--s-4, 16px);
--form-item-m-margin-b: var(--s-4, 16px);
--form-item-l-margin-b: var(--s-5, 20px);
--form-item-s-margin-b: var(--s-3, 12px);
--form-inline-l-item-margin-r: var(--s-6, 24px);
--form-inline-m-item-margin-r: var(--s-5, 20px);
--form-inline-s-item-margin-r: var(--s-4, 16px);
--form-help-margin-top: var(--s-1, 4px);
--form-help-font-size: var(--font-size-caption, 10px);
--form-help-color: var(--color-text1-2, #A6A6A6);
--form-error-color: var(--color-error-3, #BD2424);
--form-warning-color: var(--color-warning-3, #ED9E12);
--form-top-label-margin-b: 2px;
--form-label-color: var(--color-text1-3, #595959);
--tag-size-l-height: var(--s-7, 28px);
--tag-size-m-height: var(--s-6, 24px);
--tag-size-s-height: var(--s-4, 16px);
--tag-size-l-padding-lr: var(--s-4, 16px);
--tag-size-m-padding-lr: var(--s-3, 12px);
--tag-size-s-padding-lr: var(--s-2, 8px);
--tag-corner-radius: var(--corner-semicircle, 500px);
--tag-checkable-corner-radius: var(--corner-1, 2px);
--tag-border-width: var(--line-zero, 0px);
--tag-shadow: var(--shadow-zero, none);
--tag-size-l-text-size: var(--font-size-body-1, 12px);
--tag-size-m-text-size: var(--font-size-body-1, 12px);
--tag-size-s-text-size: var(--font-size-caption, 10px);
--tag-size-s-content-min-width: var(--s-7, 28px);
--tag-size-m-content-min-width: var(--s-10, 40px);
--tag-size-l-content-min-width: var(--s-12, 48px);
--tag-size-l-icon-font: var(--icon-xs, 12px);
--tag-size-m-icon-font: var(--icon-xxs, 8px);
--tag-size-s-icon-font: var(--icon-xxs, 8px);
--tag-size-l-tick-icon-size: var(--icon-s, 16px);
--tag-size-m-tick-icon-size: var(--icon-xs, 12px);
--tag-size-s-tick-icon-size: var(--icon-xxs, 8px);
--tag-size-l-tick-icon-bg-size: var(--s-9, 36px);
--tag-size-m-tick-icon-bg-size: var(--s-7, 28px);
--tag-size-s-tick-icon-bg-size: var(--s-5, 20px);
--tag-normal-text-color: var(--color-text1-4, #1A1A1A);
--tag-fill-text-color: var(--color-text1-3, #595959);
--tag-closable-normal-icon-color: var(--color-white, #FFFFFF);
--tag-closable-normal-icon-color-hover: var(--color-white, #FFFFFF);
--tag-closable-normal-icon-color-disabled: var(--color-white, #FFFFFF);
--tag-closable-normal-bg: var(--color-line1-3, #D9D9D9);
--tag-closable-normal-bg-hover: var(--color-line1-4, #CCCCCC);
--tag-closable-normal-bg-disabled: var(--color-line1-1, #E5E5E5);
--tag-closable-bordered-text-color: var(--color-text1-3, #595959);
--tag-closable-bordered-border-color: var(--color-line1-3, #D9D9D9);
--tag-closable-bordered-bg: var(--color-transparent, transparent);
--tag-closable-bordered-text-color-hover: var(--color-text1-4, #1A1A1A);
--tag-closable-bordered-border-color-hover: var(--color-line1-4, #CCCCCC);
--tag-closable-bordered-bg-hover: var(--color-transparent, transparent);
--tag-closable-bordered-tail-color: var(--color-text1-3, #595959);
--tag-closable-bordered-tail-color-hover: var(--color-text1-4, #1A1A1A);
--tag-closable-bordered-tail-color-disabled: var(--color-text1-1, #BEBEBE);
--tag-closable-bordered-border-color-disabled: var(--color-line1-1, #E5E5E5);
--tag-closable-bordered-text-color-disabled: var(--color-text1-1, #BEBEBE);
--tag-closable-bordered-bg-disabled: var(--color-transparent, transparent);
--tag-fill-tail-color: var(--color-text1-3, #595959);
--tag-fill-border-color: var(--color-fill1-3, #BEBEBE);
--tag-fill-border-color-hover: var(--color-fill1-4, #A6A6A6);
--tag-fill-text-color-disabled: var(--color-text1-1, #BEBEBE);
--tag-fill-border-color-disabled: var(--color-fill1-1, #F3F3F3);
--tag-fill-bg-color-disabled: var(--color-fill1-1, #F3F3F3);
--tag-fill-tail-color-disabled: var(--color-text1-1, #BEBEBE);
--tag-bordered-text-color: var(--color-text1-3, #595959);
--tag-bordered-tail-color: var(--color-text1-3, #595959);
--tag-secondary-text-color: var(--color-brand1-6, #1B58F4);
--tag-normal-text-color-hover: var(--color-brand1-6, #1B58F4);
--tag-fill-text-color-hover: var(--color-text1-4, #1A1A1A);
--tag-fill-tail-color-hover: var(--color-text1-4, #1A1A1A);
--tag-bordered-text-color-hover: var(--color-text1-4, #1A1A1A);
--tag-bordered-tail-color-hover: var(--color-text1-4, #1A1A1A);
--tag-bordered-tail-color-disabled: var(--color-text1-1, #BEBEBE);
--tag-bordered-text-color-disabled: var(--color-text1-1, #BEBEBE);
--tag-bordered-border-color-disabled: var(--color-line1-1, #E5E5E5);
--tag-bordered-bg-disabled: var(--color-fill1-1, #F3F3F3);
--tag-secondary-text-color-hover: var(--color-brand1-9, #0A215C);
--tag-bordered-border-color: var(--color-line1-3, #D9D9D9);
--tag-secondary-border-color: var(--color-brand1-6, #1B58F4);
--tag-checkable-normal-bg-selected: var(--color-brand1-6, #1B58F4);
--tag-checkable-secondary-bg-selected: var(--color-brand1-6, #1B58F4);
--tag-bordered-border-color-hover: var(--color-line1-4, #CCCCCC);
--tag-secondary-border-color-hover: var(--color-brand1-9, #0A215C);
--tag-checkable-normal-bg-selected-hover: var(--color-brand1-9, #0A215C);
--tag-checkable-secondary-bg-selected-hover: var(--color-brand1-9, #0A215C);
--tag-fill-bg-color: var(--color-fill1-3, #BEBEBE);
--tag-primary-background-color: var(--color-brand1-6, #1B58F4);
--tag-bordered-bg: var(--color-fill1-1, #F3F3F3);
--tag-secondary-bg: var(--color-transparent, transparent);
--tag-fill-bg-color-hover: var(--color-fill1-4, #A6A6A6);
--tag-bordered-bg-hover: var(--color-fill1-1, #F3F3F3);
--tag-secondary-bg-hover: var(--color-transparent, transparent);
--tag-text-color-disabled: var(--color-text1-1, #BEBEBE);
--tag-border-color-disabled: var(--color-line1-1, #E5E5E5);
--tag-checkable-fill-text-color: var(--color-text1-3, #595959);
--tag-checkable-fill-bg-color: var(--color-brand1-2, #D1DDFF);
--tag-checkable-fill-border-color: var(--color-fill1-3, #BEBEBE);
--tag-checkable-fill-text-color-hover: var(--color-brand1-6, #1B58F4);
--tag-checkable-fill-bg-color-hover: var(--color-brand1-2, #D1DDFF);
--tag-checkable-fill-border-color-hover: var(--color-fill1-4, #A6A6A6);
--tag-checkable-fill-tail-color: var(--color-text1-3, #595959);
--tag-checkable-fill-tail-color-hover: var(--color-text1-4, #1A1A1A);
--tag-checkable-fill-tail-color-disabled: var(--color-text1-1, #BEBEBE);
--tag-checkable-fill-text-color-disabled: var(--color-text1-1, #BEBEBE);
--tag-checkable-fill-border-color-disabled: var(--color-fill1-1, #F3F3F3);
--tag-checkable-fill-bg-color-disabled: var(--color-fill1-1, #F3F3F3);
--tag-checkable-normal-text-color: var(--color-text1-3, #595959);
--tag-checkable-normal-border-color: var(--color-line1-3, #D9D9D9);
--tag-checkable-normal-bg: var(--color-transparent, transparent);
--tag-checkable-normal-text-color-hover: var(--color-text1-4, #1A1A1A);
--tag-checkable-normal-border-color-hover: var(--color-line1-3, #D9D9D9);
--tag-checkable-normal-bg-hover: var(--color-transparent, transparent);
--tag-checkable-normal-text-selected-disabled: var(--color-text1-1, #BEBEBE);
--tag-checkable-normal-border-selected-disabled: var(--color-line1-1, #E5E5E5);
--tag-checkable-normal-bg-selected-disabled: var(--color-fill1-1, #F3F3F3);
--tag-checkable-normal-tick-bg-selected-disabled: var(--color-line1-1, #E5E5E5);
--tag-checkable-primary-text-color: var(--color-brand1-7, #1548C9);
--tag-checkable-primary-bg-color: var(--color-brand1-2, #D1DDFF);
--tag-checkable-primary-border-color: var(--color-transparent, transparent);
--tag-checkable-primary-text-color-disabled: var(--color-text1-1, #BEBEBE);
--tag-checkable-primary-text-color-hover: var(--color-brand1-6, #1B58F4);
--tag-checkable-primary-bg-color-hover: var(--color-brand1-2, #D1DDFF);
--tag-checkable-primary-border-color-hover: var(--color-transparent, transparent);
--tag-checkable-primary-border-color-disabled: var(--color-fill1-1, #F3F3F3);
--tag-checkable-primary-bg-color-disabled: var(--color-fill1-1, #F3F3F3);
--tag-checkable-primary-tail-color: var(--color-white, #FFFFFF);
--tag-checkable-primary-tail-color-hover: var(--color-white, #FFFFFF);
--tag-checkable-secondary-bg-selected-disabled: var(--color-line1-1, #E5E5E5);
--tag-checkable-normal-icon-color-selected: var(--color-white, #FFFFFF);
--tag-checkable-normal-icon-color-selected-hover: var(--color-white, #FFFFFF);
--tag-checkable-normal-icon-color-selected-disabled: var(--color-white, #FFFFFF);
--tag-checkable-secondary-icon-color-selected: var(--color-white, #FFFFFF);
--tag-checkable-secondary-icon-color-selected-hover: var(--color-white, #FFFFFF);
--tag-checkable-secondary-icon-color-selected-disabled: var(--color-white, #FFFFFF);
--tag-closable-primary-fill-text-color: var(--color-text1-3, #595959);
--tag-closable-primary-fill-border-color: var(--color-line1-1, #E5E5E5);
--tag-closable-primary-fill-bg-color: var(--color-fill1-1, #F3F3F3);
--tag-closable-primary-fill-text-color-hover: var(--color-text1-4, #1A1A1A);
--tag-closable-primary-fill-border-color-hover: var(--color-transparent, transparent);
--tag-closable-primary-fill-bg-color-hover: var(--color-line1-1, #E5E5E5);
--tag-closable-primary-fill-text-color-disabled: var(--color-text1-1, #BEBEBE);
--tag-closable-primary-fill-border-color-disabled: var(--color-fill1-1, #F3F3F3);
--tag-closable-primary-fill-bg-color-disabled: var(--color-fill1-1, #F3F3F3);
--table-normal-border-width: var(--line-1, 1px);
--table-th-font-size: var(--font-size-body-1, 12px);
--table-th-font-weight: var(--font-weight-2, normal);
--table-sort-icon-size: var(--icon-xs, 12px);
--table-filter-icon-size: var(--icon-xs, 12px);
--table-body-font-size: var(--font-size-body-1, 12px);
--table-empty-padding: var(--s-8, 32px);
--table-expanded-icon-size: var(--icon-xs, 12px);
--table-tree-expanded-icon-size: var(--icon-xs, 12px);
--table-cell-padding-top: var(--s-4, 16px);
--table-cell-padding-left: var(--s-4, 16px);
--table-header-padding-top: var(--s-4, 16px);
--table-header-padding-left: var(--s-4, 16px);
--table-header-icon-margin-left: var(--s-2, 8px);
--table-size-s-cell-padding-top: var(--s-4, 16px);
--table-size-s-cell-padding-left: var(--s-4, 16px);
--table-size-s-header-padding-top: var(--s-2, 8px);
--table-size-s-header-padding-left: var(--s-4, 16px);
--table-group-split: var(--s-2, 8px);
--table-normal-border-color: var(--color-line1-2, #E5E5E5);
--table-normal-border-style: var(--line-solid, solid);
--table-th-bg: var(--color-fill1-1, #F3F3F3);
--table-th-color: var(--color-text1-4, #1A1A1A);
--table-sort-color: var(--color-fill1-6, #737373);
--table-group-th-bg: var(--color-fill1-1, #F3F3F3);
--table-group-th-color: var(--color-text1-4, #1A1A1A);
--table-row-bg: var(--color-white, #FFFFFF);
--table-row-color: var(--color-text1-3, #595959);
--table-td-gray: var(--color-fill1-1, #F3F3F3);
--table-td-normal: var(--color-white, #FFFFFF);
--table-empty-color: var(--color-line1-4, #CCCCCC);
--table-group-footer-bg: var(--color-fill1-1, #F3F3F3);
--table-group-footer-color: var(--color-text1-4, #1A1A1A);
--table-row-hover-bg: var(--color-fill1-1, #F3F3F3);
--table-row-hover-color: var(--color-text1-4, #1A1A1A);
--table-row-selected-bg: var(--color-fill1-1, #F3F3F3);
--table-row-selected-color: var(--color-text1-4, #1A1A1A);
--table-sort-color-current: var(--color-brand1-6, #1B58F4);
--table-expanded-ctrl-disabled-color: var(--color-text1-2, #A6A6A6);
--table-tree-fold-icon-content: var(--icon-content-arrow-right, "\E619");
--table-tree-unfold-icon-content: var(--icon-content-arrow-down, "\E63D");
--table-expand-fold-icon-content: var(--icon-content-add, "\E655");
--table-expand-unfold-icon-content: var(--icon-content-minus, "\E601");
--btn-shadow: var(--shadow-zero, none);
--btn-shadow-hover: var(--shadow-zero, none);
--btn-size-s-height: var(--s-7, 28px);
--btn-size-s-padding: var(--s-3, 12px);
--btn-size-s-border-width: var(--line-1, 1px);
--btn-size-s-font: var(--font-size-caption, 10px);
--btn-size-s-icon-size: var(--icon-xs, 12px);
--btn-size-s-icon-margin: var(--s-2, 8px);
--btn-size-s-icon-split-size: var(--icon-xs, 12px);
--btn-size-s-corner: var(--corner-2, 4px);
--btn-size-m-height: var(--s-8, 32px);
--btn-size-m-padding: var(--s-4, 16px);
--btn-size-m-border-width: var(--line-1, 1px);
--btn-size-m-font: var(--font-size-body-1, 12px);
--btn-size-m-icon-size: var(--icon-xs, 12px);
--btn-size-m-icon-margin: var(--s-2, 8px);
--btn-size-m-icon-split-size: var(--icon-xs, 12px);
--btn-size-m-corner: var(--corner-2, 4px);
--btn-s