#{$css-var-scope} {
    
    
    /* ------------------------ line ------------------------ */
    
    
    
    --line-dotted: dotted;
    
    
    
    --line-dashed: dashed;
    
    
    
    --line-solid: solid;
    
    
    
    --line-2: 2px;
    
    
    
    --line-1: 1px;
    
    
    
    --line-zero: 0px;
    
    
    
    --line-3: 6px;
    
    
    /* ------------------------ popup ------------------------ */
    
    
    
    --popup-global-shadow: var(--shadow-2-down, 0px 3px 8px 0px rgba(0, 0, 0, 0.18));
    
    
    
    --popup-global-corner: var(--corner-1, 4px);
    
    
    
    --popup-global-border-color: var(--color-line1-2, #DBDBDB);
    
    
    
    --popup-global-border-style: var(--line-solid, solid);
    
    
    
    --popup-global-border-width: var(--line-zero, 0px);
    
    
    
    --popup-local-corner: var(--corner-1, 4px);
    
    
    
    --popup-local-border-style: var(--line-solid, solid);
    
    
    
    --popup-spacing-tb: var(--s-zero, 0px);
    
    
    
    --popup-spacing-lr: var(--s-zero, 0px);
    
    
    
    --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, #E8E8E8);
    
    
    /* ------------------------ mask ------------------------ */
    
    
    
    --mask-background: var(--color-black, #000000);
    
    
    
    --mask-opacity: 0.2;
    
    
    /* ------------------------ form-element ------------------------ */
    
    
    
    --form-element-preview-text-color: var(--color-text1-4, #292929);
    
    
    
    --form-element-preview-label-color: var(--color-text1-3, #575757);
    
    
    
    --form-element-large-preview-font-size: var(--font-size-subhead, 16px);
    
    
    
    --form-element-large-preview-label-font-size: var(--font-size-subhead, 16px);
    
    
    
    --form-element-small-preview-font-size: var(--font-size-caption, 12px);
    
    
    
    --form-element-small-preview-label-font-size: var(--font-size-caption, 12px);
    
    
    
    --form-element-small-preview-height: var(--s-5, 20px);
    
    
    
    --form-element-medium-font-size: var(--font-size-body-1, 14px);
    
    
    
    --form-element-small-font-size: var(--font-size-caption, 12px);
    
    
    
    --form-element-medium-preview-label-font-size: var(--font-size-body-1, 14px);
    
    
    
    --form-element-large-preview-height: var(--s-5, 20px);
    
    
    
    --form-element-medium-preview-height: var(--s-5, 20px);
    
    
    
    --form-element-large-icon-size: var(--icon-m, 20px);
    
    
    
    --form-element-medium-icon-size: var(--icon-m, 20px);
    
    
    
    --form-element-small-icon-size: var(--icon-s, 16px);
    
    
    
    --form-element-large-corner: var(--corner-1, 4px);
    
    
    
    --form-element-large-height: var(--s-9, 36px);
    
    
    
    --form-element-medium-height: var(--s-8, 32px);
    
    
    
    --form-element-medium-preview-font-size: var(--font-size-body-1, 14px);
    
    
    
    --form-element-small-height: var(--s-6, 24px);
    
    
    
    --form-element-medium-corner: var(--corner-1, 4px);
    
    
    
    --form-element-small-corner: var(--corner-1, 4px);
    
    
    
    --form-element-large-font-size: var(--font-size-body-2, 14px);
    
    
    /* ------------------------ size ------------------------ */
    
    
    
    --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 ------------------------ */
    
    
    
    --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.03);
    
    
    
    --shadow-1-down: 0px 3px 8px 0px rgba(0, 0, 0, 0.03);
    
    
    
    --shadow-1-right: 0px 0px 8px 0px rgba(0, 0, 0, 0.03);
    
    
    
    --shadow-1-up: 0px -3px 8px 0px rgba(0, 0, 0, 0.03);
    
    
    
    --shadow-1: 0px 3px 8px 0px rgba(0, 0, 0, 0.03);
    
    
    
    --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-opacity-sd1: 0.03;
    
    
    
    --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-distance-sd3y: 6;
    
    
    
    --shadow-distance-sd3: 0;
    
    
    /* ------------------------ icon ------------------------ */
    
    
    
    --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_1984240_4ig2h6rc829";
    
    
    
    --icon-content-pipelines-line: "\e8e5";
    
    
    
    --icon-content-deleted-code-file-line: "\e8e4";
    
    
    
    --icon-content-quote-line: "\e8e3";
    
    
    
    --icon-content-modified-code-file-line: "\e8e2";
    
    
    
    --icon-content-pull-request-line: "\e8e1";
    
    
    
    --icon-content-code-basement-line: "\e8e0";
    
    
    
    --icon-content-commit-line: "\e8df";
    
    
    
    --icon-content-robot-line: "\e8de";
    
    
    
    --icon-content-branches-line: "\e8dd";
    
    
    
    --icon-content-pull-request-closed-line: "\e8dc";
    
    
    
    --icon-content-department-line: "\e8db";
    
    
    
    --icon-content-pull-request-merge-line: "\e8da";
    
    
    
    --icon-content-compare-line: "\e8d9";
    
    
    
    --icon-content-milestone-overdue-fill: "\e8d8";
    
    
    
    --icon-content-milestone-unfinished-fill: "\e8d7";
    
    
    
    --icon-content-milestone-finished-fill: "\e8d6";
    
    
    
    --icon-content-milestone-overdue-finished-fill: "\e8d5";
    
    
    
    --icon-content-pipelines-grey-fill: "\e8d4";
    
    
    
    --icon-content-pipelines-purple-fill: "\e8d3";
    
    
    
    --icon-content-weekly-report-grey-fill: "\e8d2";
    
    
    
    --icon-content-weekly-report-purple-fill: "\e8d1";
    
    
    
    --icon-content-product-grey-fill: "\e8d0";
    
    
    
    --icon-content-campaign-purple-fill: "\e8cf";
    
    
    
    --icon-content-campaign-grey-fill: "\e8ce";
    
    
    
    --icon-content-product-purple-fill: "\e8cd";
    
    
    
    --icon-content-requirement-grey-fill: "\e8cc";
    
    
    
    --icon-content-setting-grey-fill: "\e8cb";
    
    
    
    --icon-content-Yuque-grey-fill: "\e8ca";
    
    
    
    --icon-content-Yuque-purple-fill: "\e8c9";
    
    
    
    --icon-content-application-purple-fill: "\e8c8";
    
    
    
    --icon-content-requirement-purple-fill: "\e8c7";
    
    
    
    --icon-content-project-purple-fill: "\e8c6";
    
    
    
    --icon-content-application-grey-fill: "\e8c5";
    
    
    
    --icon-content-requirement-green-fill: "\e8c4";
    
    
    
    --icon-content-project-grey-fill: "\e8c3";
    
    
    
    --icon-content-graph-grey-fill: "\e8c2";
    
    
    
    --icon-content-experiment-grey-fill: "\e8c1";
    
    
    
    --icon-content-setting-purple-fill: "\e8c0";
    
    
    
    --icon-content-graph-purple-fill: "\e8bf";
    
    
    
    --icon-content-task-purple-fill: "\e8be";
    
    
    
    --icon-content-task-purple-2-fill: "\e8bd";
    
    
    
    --icon-content-bug-grey-fill: "\e8bc";
    
    
    
    --icon-content-configuration-grey-fill: "\e8bb";
    
    
    
    --icon-content-task-grey-fill: "\e8ba";
    
    
    
    --icon-content-bug-purple-fill: "\e8b9";
    
    
    
    --icon-content-Kanban-purple-fill: "\e8b8";
    
    
    
    --icon-content-bug-red-fill: "\e8b7";
    
    
    
    --icon-content-configuration-purple-fill: "\e8b6";
    
    
    
    --icon-content-Kanban-grey-fill: "\e8b5";
    
    
    
    --icon-content-schedule-purple-fill: "\e8b4";
    
    
    
    --icon-content-schedule-grey-fill: "\e8b3";
    
    
    
    --icon-content-meeting-purple-fill: "\e8b2";
    
    
    
    --icon-content-workitem-purple-fill: "\e8b1";
    
    
    
    --icon-content-workbench-grey-fill: "\e8b0";
    
    
    
    --icon-content-undo-grey-fill: "\e8af";
    
    
    
    --icon-content-undo-purple-fill: "\e8ae";
    
    
    
    --icon-content-meeting-grey-fill: "\e8ad";
    
    
    
    --icon-content-workbench-purple-fill: "\e8ac";
    
    
    
    --icon-content-release-purple-fill: "\e8ab";
    
    
    
    --icon-content-workitem-grey-fill: "\e8aa";
    
    
    
    --icon-content-risk-grey-fill: "\e8a9";
    
    
    
    --icon-content-more-purple-fill: "\e8a8";
    
    
    
    --icon-content-risk-purple-fill: "\e8a7";
    
    
    
    --icon-content-more-grey-fill: "\e8a6";
    
    
    
    --icon-content-code-grey-fill: "\e8a5";
    
    
    
    --icon-content-risk-orange-fill: "\e8a4";
    
    
    
    --icon-content-release-grey-fill: "\e8a3";
    
    
    
    --icon-content-sprint-grey-fill: "\e8a2";
    
    
    
    --icon-content-member-purple-fill: "\e8a1";
    
    
    
    --icon-content-sprint-purple-fill: "\e8a0";
    
    
    
    --icon-content-test-grey-fill: "\e89f";
    
    
    
    --icon-content-code-purple-fill: "\e89e";
    
    
    
    --icon-content-experiment-purple-fill: "\e89d";
    
    
    
    --icon-content-testcase-purple-fill: "\e89c";
    
    
    
    --icon-content-member-grey-fill: "\e89b";
    
    
    
    --icon-content-test-purple-fill: "\e89a";
    
    
    
    --icon-content-testcase-grey-fill: "\e899";
    
    
    
    --icon-content-change-purple-fill: "\e898";
    
    
    
    --icon-content-change-grey-fill: "\e897";
    
    
    
    --icon-content-versions-purple-fill: "\e896";
    
    
    
    --icon-content-versions-grey-fill: "\e895";
    
    
    
    --icon-content-avatar-status-success-fill: "\e894";
    
    
    
    --icon-content-avatar-status-message-fill: "\e893";
    
    
    
    --icon-content-avatar-status-warning-fill: "\e892";
    
    
    
    --icon-content-avatar-status-time-fill: "\e891";
    
    
    
    --icon-content-jenkins-fill: "\e890";
    
    
    
    --icon-content-kubernetes-fill: "\e88f";
    
    
    
    --icon-content-php-fill: "\e88e";
    
    
    
    --icon-content-subversion-fill: "\e88d";
    
    
    
    --icon-content-gradle-fill: "\e88c";
    
    
    
    --icon-content-phpmetrics-fill: "\e88b";
    
    
    
    --icon-content-github-fill: "\e88a";
    
    
    
    --icon-content-node-fill: "\e889";
    
    
    
    --icon-content-java-fill: "\e83b";
    
    
    
    --icon-content-coding-fill: "\e839";
    
    
    
    --icon-content-python-fill: "\e838";
    
    
    
    --icon-content-NET-fill: "\e837";
    
    
    
    --icon-content-GO-fill: "\e77b";
    
    
    
    --icon-content-gitbucket-fill: "\e76c";
    
    
    
    --icon-content-maven-fill: "\e76b";
    
    
    
    --icon-content-git-fill: "\e757";
    
    
    
    --icon-content-JS-fill: "\e74c";
    
    
    
    --icon-content-gerrit-fill: "\e746";
    
    
    
    --icon-content-docker-fill: "\e731";
    
    
    
    --icon-content-gitee-fill: "\e72e";
    
    
    
    --icon-content-gitlab-fill: "\e72d";
    
    
    
    --icon-content-aliyun-fill: "\e726";
    
    
    
    --icon-content-kubernetes2-fill: "\e955";
    
    
    
    --icon-content-jenkins2-fill: "\e954";
    
    
    
    --icon-content-java2-fill: "\e953";
    
    
    
    --icon-content-python2-fill: "\e952";
    
    
    
    --icon-content-php2-fill: "\e951";
    
    
    
    --icon-content-npmjs2-fill: "\e950";
    
    
    
    --icon-content-github2-fill: "\e94f";
    
    
    
    --icon-content-node2-fill: "\e94e";
    
    
    
    --icon-content-yarn2-fill: "\e94d";
    
    
    
    --icon-content-GO2-fill: "\e94c";
    
    
    
    --icon-content-subversion2-fill: "\e94b";
    
    
    
    --icon-content-maven2-fill: "\e94a";
    
    
    
    --icon-content-docker2-fill: "\e949";
    
    
    
    --icon-content-gitbucket2-fill: "\e948";
    
    
    
    --icon-content-gerrit2-fill: "\e947";
    
    
    
    --icon-content-NET2-fill: "\e946";
    
    
    
    --icon-content-gradle2-fill: "\e945";
    
    
    
    --icon-content-JS2-fill: "\e944";
    
    
    
    --icon-content-git2-fill: "\e943";
    
    
    
    --icon-content-coding2-fill: "\e942";
    
    
    
    --icon-content-dingtalk2-fill: "\e941";
    
    
    
    --icon-content-gitlab2-fill: "\e940";
    
    
    
    --icon-content-gitee2-fill: "\e93f";
    
    
    
    --icon-content-aliyun2-fill: "\e93e";
    
    
    
    --icon-content-zhenghang-layout-copy: "\e93d";
    
    
    
    --icon-content-banhang-layout-copy: "\e93c";
    
    
    
    --icon-content-dingtalk-fill: "\e93b";
    
    
    
    --icon-content-bangding1-link: "\e604";
    
    
    
    --icon-content-zhenghang-layout: "\e93a";
    
    
    
    --icon-content-banhang-layout: "\e939";
    
    
    
    --icon-content-eighthours-8h-fill: "\e6b2";
    
    
    
    --icon-content-versions-purple-fill-copy: "\e938";
    
    
    
    --icon-content-safe-line: "\e6ae";
    
    
    
    --icon-content-download-line: "\e65c";
    
    
    
    --icon-content-Rollback-line: "\e649";
    
    
    
    --icon-content-log-line: "\e63e";
    
    
    
    --icon-content-jump-line: "\e635";
    
    
    
    --icon-content-a-ziyuan1: "\e6ac";
    
    
    
    --icon-content-enter-line: "\e630";
    
    
    
    --icon-content-avatar-fill: "\e62e";
    
    
    
    --icon-content-variable-line: "\e62d";
    
    
    
    --icon-content-extract-line: "\e62c";
    
    
    
    --icon-content-version-line: "\e62b";
    
    
    
    --icon-content-npmjs-fill: "\e62a";
    
    
    
    --icon-content-yarn: "\e629";
    
    
    
    --icon-content-tianjiazixiang: "\e6a7";
    
    
    
    --icon-content-materialstatus-line: "\e937";
    
    
    
    --icon-content-codecompare-line: "\e936";
    
    
    
    --icon-content-milestonefinished-2-fill: "\e935";
    
    
    
    --icon-content-milestone-today-2-fill: "\e934";
    
    
    
    --icon-content-milestone-grey-fill: "\e933";
    
    
    
    --icon-content-milestone-blue-fill: "\e932";
    
    
    
    --icon-content-milestone-blue-2-fill: "\e931";
    
    
    
    --icon-content-application-blue-fill: "\e930";
    
    
    
    --icon-content-product-grey-2-fill: "\e92f";
    
    
    
    --icon-content-product-blue-fill: "\e92e";
    
    
    
    --icon-content-Yuque-blue-fill: "\e92d";
    
    
    
    --icon-content-requirement-blue-fill: "\e92c";
    
    
    
    --icon-content-campaign-grey-2-fill: "\e92b";
    
    
    
    --icon-content-weeklyreport-blue-fill: "\e92a";
    
    
    
    --icon-content-weeklyreport-grey-2-fill: "\e929";
    
    
    
    --icon-content-Yuque-grey-2-fill: "\e928";
    
    
    
    --icon-content-campaign-blue-fill: "\e927";
    
    
    
    --icon-content-application-grey-2-fill: "\e926";
    
    
    
    --icon-content-graph-grey-2-fill: "\e925";
    
    
    
    --icon-content-bug-blue-fill: "\e924";
    
    
    
    --icon-content-requirement-grey-2-fill: "\e923";
    
    
    
    --icon-content-task-grey-2-fill: "\e922";
    
    
    
    --icon-content-Kanban-grey-2-fill: "\e921";
    
    
    
    --icon-content-experiment-grey-2-fill: "\e920";
    
    
    
    --icon-content-project-blue-fill: "\e91f";
    
    
    
    --icon-content-project-grey-2-fill: "\e91e";
    
    
    
    --icon-content-setting-grey-2-fill: "\e91d";
    
    
    
    --icon-content-setting-blue-fill: "\e91c";
    
    
    
    --icon-content-graph-blue-fill: "\e91b";
    
    
    
    --icon-content-task-blue-fill: "\e91a";
    
    
    
    --icon-content-configuration-grey-2-fill: "\e919";
    
    
    
    --icon-content-milestone-blue-3-fill: "\e918";
    
    
    
    --icon-content-meeting-grey-2-fill: "\e917";
    
    
    
    --icon-content-bug-grey-2-fill: "\e916";
    
    
    
    --icon-content-configuration-blue-fill: "\e915";
    
    
    
    --icon-content-workbench-blue-fill: "\e914";
    
    
    
    --icon-content-pipeline-blue-fill: "\e913";
    
    
    
    --icon-content-risk-grey-2-fill: "\e912";
    
    
    
    --icon-content-pipelines-grey-2-fill: "\e911";
    
    
    
    --icon-content-milestone-grey-2-fill: "\e910";
    
    
    
    --icon-content-code-grey-2-fill: "\e90f";
    
    
    
    --icon-content-sprint-blue-fill: "\e90e";
    
    
    
    --icon-content-Kanban-blue-fill: "\e90d";
    
    
    
    --icon-content-schedule-grey-2-fill: "\e90c";
    
    
    
    --icon-content-meeting-blue-fill: "\e90b";
    
    
    
    --icon-content-schedule-blue-fill: "\e90a";
    
    
    
    --icon-content-undo-blue-fill: "\e909";
    
    
    
    --icon-content-workbench-grey-2-fill: "\e908";
    
    
    
    --icon-content-release-grey-2-fill: "\e907";
    
    
    
    --icon-content-more-blue-fill: "\e906";
    
    
    
    --icon-content-risk-blue-fill: "\e905";
    
    
    
    --icon-content-more-grey-2-fill: "\e904";
    
    
    
    --icon-content-release-blue-fill: "\e903";
    
    
    
    --icon-content-sprint-grey-2-fill: "\e902";
    
    
    
    --icon-content-testcase-blue-fill: "\e901";
    
    
    
    --icon-content-member-grey-2-fill: "\e900";
    
    
    
    --icon-content-statement-grey-2-fill: "\e8ff";
    
    
    
    --icon-content-code-blue-fill: "\e8fe";
    
    
    
    --icon-content-experiment-blue-fill: "\e8fd";
    
    
    
    --icon-content-member-blue-fill: "\e8fc";
    
    
    
    --icon-content-change-blue-fill: "\e8fb";
    
    
    
    --icon-content-test-blue-fill: "\e8fa";
    
    
    
    --icon-content-test-grey-2-fill: "\e8f9";
    
    
    
    --icon-content-testcase-grey-2-fill: "\e8f8";
    
    
    
    --icon-content-change-grey-2-fill: "\e8f7";
    
    
    
    --icon-content-statement-blue-fill: "\e8f6";
    
    
    
    --icon-content-versions-blue-fill: "\e8f5";
    
    
    
    --icon-content-banben-versions-grey-2-fill: "\e8f4";
    
    
    
    --icon-content-milestonecancel-fill: "\e8f3";
    
    
    
    --icon-content-status-change-green-fill: "\e8f2";
    
    
    
    --icon-content-field-blue-fill: "\e8f1";
    
    
    
    --icon-content-time-orange-fill: "\e8f0";
    
    
    
    --icon-content-workitem-purple-2-fill: "\e8ef";
    
    
    
    --icon-content-folder-grey-fill: "\e8ee";
    
    
    
    --icon-content-folder-blue-fill: "\e8ed";
    
    
    
    --icon-content-pull-request-success-line: "\e8ec";
    
    
    
    --icon-content-pull-request-failed-line: "\e8eb";
    
    
    
    --icon-content-pull-request-warning-line: "\e8ea";
    
    
    
    --icon-content-anchor-line: "\e8e9";
    
    
    
    --icon-content-manual-operation-line: "\e8e8";
    
    
    
    --icon-content-clone-line: "\e8e7";
    
    
    
    --icon-content-additive-code-file-line: "\e8e6";
    
    
    
    --icon-content-triangle-up-s: "\e749";
    
    
    
    --icon-content-triangle-left-s: "\e744";
    
    
    
    --icon-content-treenode-single: "\e7a2";
    
    
    
    --icon-content-office-word: "\e706";
    
    
    
    --icon-content-to-do: "\e7a1";
    
    
    
    --icon-content-plus-box-fill: "\e705";
    
    
    
    --icon-content-chat-private-stroke: "\e7a0";
    
    
    
    --icon-content-plus-o: "\e704";
    
    
    
    --icon-content-plus-mobile: "\e79f";
    
    
    
    --icon-content-minus-o: "\e703";
    
    
    
    --icon-content-created-fill: "\e79e";
    
    
    
    --icon-content-more-o: "\e702";
    
    
    
    --icon-content-building-fill: "\e79d";
    
    
    
    --icon-content-linkedin: "\e701";
    
    
    
    --icon-content-tag-fill: "\e79c";
    
    
    
    --icon-content-more: "\e700";
    
    
    
    --icon-content-comments: "\e79b";
    
    
    
    --icon-content-dropbox: "\e6ff";
    
    
    
    --icon-content-inbox1: "\e79a";
    
    
    
    --icon-content-github: "\e6fe";
    
    
    
    --icon-content-multiplechoice: "\e799";
    
    
    
    --icon-content-invistion: "\e6fd";
    
    
    
    --icon-content-size-grid: "\e798";
    
    
    
    --icon-content-italic: "\e6fc";
    
    
    
    --icon-content-video: "\e797";
    
    
    
    --icon-content-h3: "\e6fb";
    
    
    
    --icon-content-import-project: "\e609";
    
    
    
    --icon-content-disable: "\e6fa";
    
    
    
    --icon-content-log-out: "\e796";
    
    
    
    --icon-content-google: "\e6f9";
    
    
    
    --icon-content-shortcut: "\e795";
    
    
    
    --icon-content-more-o-fill: "\e6f8";
    
    
    
    --icon-content-task-board: "\e794";
    
    
    
    --icon-content-info: "\e6f7";
    
    
    
    --icon-content-created: "\e793";
    
    
    
    --icon-content-collapse: "\e6f6";
    
    
    
    --icon-content-calendar-tick: "\e792";
    
    
    
    --icon-content-h1: "\e6f5";
    
    
    
    --icon-content-report-overview: "\e791";
    
    
    
    --icon-content-horizontal: "\e6f4";
    
    
    
    --icon-content-expand-oblique: "\e790";
    
    
    
    --icon-content-info-o-fill: "\e6f3";
    
    
    
    --icon-content-intelligent-assistant: "\e78f";
    
    
    
    --icon-content-heading: "\e6f2";
    
    
    
    --icon-content-unfold: "\e78e";
    
    
    
    --icon-content-emoji-smile: "\e6f1";
    
    
    
    --icon-content-ding: "\e78d";
    
    
    
    --icon-content-facebook: "\e6f0";
    
    
    
    --icon-content-chat-private: "\e78c";
    
    
    
    --icon-content-framer: "\e6ef";
    
    
    
    --icon-content-pin-fill: "\e78b";
    
    
    
    --icon-content-fangcloud: "\e6ee";
    
    
    
    --icon-content-progress: "\e78a";
    
    
    
    --icon-content-dribbble: "\e6ed";
    
    
    
    --icon-content-like-fill: "\e789";
    
    
    
    --icon-content-circle: "\e6ec";
    
    
    
    --icon-content-distribute: "\e788";
    
    
    
    --icon-content-chevron-up-o-fill: "\e6eb";
    
    
    
    --icon-content-like: "\e787";
    
    
    
    --icon-content-evernote: "\e6ea";
    
    
    
    --icon-content-single-chat-bubble: "\e786";
    
    
    
    --icon-content-figma: "\e6e9";
    
    
    
    --icon-content-print: "\e785";
    
    
    
    --icon-content-double-box-plus: "\e6e8";
    
    
    
    --icon-content-custom-field: "\e784";
    
    
    
    --icon-content-dingding: "\e6e7";
    
    
    
    --icon-content-milestone: "\e783";
    
    
    
    --icon-content-double-tick: "\e6e6";
    
    
    
    --icon-content-task-dependency-post: "\e782";
    
    
    
    --icon-content-expand: "\e6e5";
    
    
    
    --icon-content-task-dependency-pre: "\e781";
    
    
    
    --icon-content-col-before: "\e6e4";
    
    
    
    --icon-content-task-dependency: "\e780";
    
    
    
    --icon-content-drag: "\e6e3";
    
    
    
    --icon-content-arrow-out: "\e77f";
    
    
    
    --icon-content-chevron-left-o-fill: "\e6e2";
    
    
    
    --icon-content-arrow-in: "\e77e";
    
    
    
    --icon-content-client: "\e6e1";
    
    
    
    --icon-content-enterprise-calendar: "\e77d";
    
    
    
    --icon-content-checkbox-checked: "\e6e0";
    
    
    
    --icon-content-preview: "\e77c";
    
    
    
    --icon-content-degree: "\e6df";
    
    
    
    --icon-content-douban: "\e6de";
    
    
    
    --icon-content-verified: "\e77a";
    
    
    
    --icon-content-crop: "\e6dd";
    
    
    
    --icon-content-risk: "\e66c";
    
    
    
    --icon-content-contact: "\e6dc";
    
    
    
    --icon-content-bookkeeping-logo: "\e779";
    
    
    
    --icon-content-column: "\e6db";
    
    
    
    --icon-content-newtab: "\e778";
    
    
    
    --icon-content-chevron-up-o: "\e6da";
    
    
    
    --icon-content-wall: "\e777";
    
    
    
    --icon-content-chevrons-left: "\e6d9";
    
    
    
    --icon-content-org-projects: "\e776";
    
    
    
    --icon-content-col-after: "\e6d8";
    
    
    
    --icon-content-play-outline: "\e66b";
    
    
    
    --icon-content-chevrons-right: "\e6d7";
    
    
    
    --icon-content-multi-number: "\e775";
    
    
    
    --icon-content-normal: "\e774";
    
    
    
    --icon-content-chevrons-expand-horizontal: "\e6d5";
    
    
    
    --icon-content-stack-tick-fill: "\e773";
    
    
    
    --icon-content-chevrons-expand-vertical: "\e6d4";
    
    
    
    --icon-content-tag: "\e772";
    
    
    
    --icon-content-chevron-up: "\e6d3";
    
    
    
    --icon-content-focus: "\e771";
    
    
    
    --icon-content-chevron-up-s: "\e6d2";
    
    
    
    --icon-content-tachometer: "\e6a0";
    
    
    
    --icon-content-chevrons-collapse-vertical: "\e6d1";
    
    
    
    --icon-content-stack-tick: "\e69f";
    
    
    
    --icon-content-chevron-down-s: "\e6d0";
    
    
    
    --icon-content-bell-fill: "\e69e";
    
    
    
    --icon-content-chevron-left: "\e6cf";
    
    
    
    --icon-content-paper: "\e69d";
    
    
    
    --icon-content-chevron-right-o: "\e6ce";
    
    
    
    --icon-content-question-talk: "\e69c";
    
    
    
    --icon-content-chevron-right: "\e6cd";
    
    
    
    --icon-content-knowledge-base: "\e69a";
    
    
    
    --icon-content-arrows-swtich-horizontal: "\e6cc";
    
    
    
    --icon-content-sun: "\e66a";
    
    
    
    --icon-content-bold: "\e6cb";
    
    
    
    --icon-content-moon: "\e664";
    
    
    
    --icon-content-chevron-right-o-fill: "\e6ca";
    
    
    
    --icon-content-folder: "\e663";
    
    
    
    --icon-content-chevron-left-o: "\e6c9";
    
    
    
    --icon-content-top-up-fill: "\e698";
    
    
    
    --icon-content-chevron-left-s: "\e6c8";
    
    
    
    --icon-content-upload-pic: "\e69b";
    
    
    
    --icon-content-checkbox: "\e6c7";
    
    
    
    --icon-content-download-stage: "\e699";
    
    
    
    --icon-content-chevron-down-o: "\e6c6";
    
    
    
    --icon-content-stage: "\e697";
    
    
    
    --icon-content-chevron-down-o-fill: "\e6c5";
    
    
    
    --icon-content-share-stage: "\e696";
    
    
    
    --icon-content-chevron-down: "\e6c4";
    
    
    
    --icon-content-download-file: "\e695";
    
    
    
    --icon-content-box-plus: "\e6c3";
    
    
    
    --icon-content-dock: "\e694";
    
    
    
    --icon-content-arrows-full-expand: "\e6c2";
    
    
    
    --icon-content-demo: "\e693";
    
    
    
    --icon-content-checkbox-checked-fill: "\e6c1";
    
    
    
    --icon-content-cuvette: "\e692";
    
    
    
    --icon-content-blockquote: "\e6c0";
    
    
    
    --icon-content-Aone: "\e662";
    
    
    
    --icon-content-arrows-swtich-vertical: "\e6bf";
    
    
    
    --icon-content-approve: "\e661";
    
    
    
    --icon-content-arrows-pinch-out: "\e6be";
    
    
    
    --icon-content-add-test: "\e660";
    
    
    
    --icon-content-arrows-cycle: "\e6bd";
    
    
    
    --icon-content-add-folder: "\e65b";
    
    
    
    --icon-content-arrows-pinch: "\e6bc";
    
    
    
    --icon-content-safety: "\e691";
    
    
    
    --icon-content-arrows-full-collapse: "\e6bb";
    
    
    
    --icon-content-meta: "\e690";
    
    
    
    --icon-content-align-left: "\e6ba";
    
    
    
    --icon-content-panel: "\e68f";
    
    
    
    --icon-content-arrow-upright-o-fill: "\e6b9";
    
    
    
    --icon-content-single-selection: "\e65a";
    
    
    
    --icon-content-arrow-upline-o-fill: "\e6b8";
    
    
    
    --icon-content-custom-number: "\e658";
    
    
    
    --icon-content-arrow-up-o: "\e6b7";
    
    
    
    --icon-content-multi-selection: "\e657";
    
    
    
    --icon-content-arrow-roundright: "\e6b6";
    
    
    
    --icon-content-custom-text: "\e653";
    
    
    
    --icon-content-arrow-roundleft: "\e6b5";
    
    
    
    --icon-content-file: "\e652";
    
    
    
    --icon-content-arrow-up-o-fill: "\e6b4";
    
    
    
    --icon-content-code: "\e651";
    
    
    
    --icon-content-redo: "\e770";
    
    
    
    --icon-content-arrow-right-o-fill: "\e6b1";
    
    
    
    --icon-content-undo: "\e76f";
    
    
    
    --icon-content-arrow-left-o: "\e6b0";
    
    
    
    --icon-content-unordered-list: "\e76e";
    
    
    
    --icon-content-arrow-right-o: "\e6af";
    
    
    
    --icon-content-headset: "\e76d";
    
    
    
    --icon-content-arrow-down-o-fill: "\e6ad";
    
    
    
    --icon-content-computer: "\e76a";
    
    
    
    --icon-content-arrow-hollow-down: "\e6ab";
    
    
    
    --icon-content-mobile: "\e769";
    
    
    
    --icon-content-arrow-clock-right: "\e6aa";
    
    
    
    --icon-content-pin: "\e768";
    
    
    
    --icon-content-arrow-hollow-up: "\e6a9";
    
    
    
    --icon-content-collection: "\e767";
    
    
    
    --icon-content-arrow-left-o-fill: "\e6a8";
    
    
    
    --icon-content-palette: "\e766";
    
    
    
    --icon-content-pencil-fill: "\e765";
    
    
    
    --icon-content-apps: "\e6a6";
    
    
    
    --icon-content-favorite: "\e764";
    
    
    
    --icon-content-arrow-down-o: "\e6a5";
    
    
    
    --icon-content-favorite-fill: "\e763";
    
    
    
    --icon-content-arrow-clock-left: "\e6a4";
    
    
    
    --icon-content-home: "\e762";
    
    
    
    --icon-content-align-center: "\e6a3";
    
    
    
    --icon-content-home-fill: "\e761";
    
    
    
    --icon-content-aliyun: "\e6a2";
    
    
    
    --icon-content-clock-fill: "\e760";
    
    
    
    --icon-content-align-right: "\e6a1";
    
    
    
    --icon-content-earth: "\e75f";
    
    
    
    --icon-content-table: "\e75e";
    
    
    
    --icon-content-zoom-in: "\e75d";
    
    
    
    --icon-content-zoom-out: "\e75c";
    
    
    
    --icon-content-unlink: "\e75b";
    
    
    
    --icon-content-share-stroke: "\e75a";
    
    
    
    --icon-content-cut: "\e759";
    
    
    
    --icon-content-import: "\e758";
    
    
    
    --icon-content-export: "\e72c";
    
    
    
    --icon-content-rich-text: "\e727";
    
    
    
    --icon-content-inbox: "\e722";
    
    
    
    --icon-content-bulb: "\e610";
    
    
    
    --icon-content-qrcode: "\e68e";
    
    
    
    --icon-content-add-user-set: "\e68d";
    
    
    
    --icon-content-org-crown: "\e68c";
    
    
    
    --icon-content-org-medal: "\e68b";
    
    
    
    --icon-content-triangle-up: "\e68a";
    
    
    
    --icon-content-triangle-right: "\e689";
    
    
    
    --icon-content-triangle-down: "\e688";
    
    
    
    --icon-content-triangle-left: "\e687";
    
    
    
    --icon-content-team-building: "\e686";
    
    
    
    --icon-content-org-book: "\e685";
    
    
    
    --icon-content-org-apps: "\e684";
    
    
    
    --icon-content-briefcase-stroke: "\e682";
    
    
    
    --icon-content-chat-group-stroke: "\e681";
    
    
    
    --icon-content-permission: "\e680";
    
    
    
    --icon-content-reorder: "\e67f";
    
    
    
    --icon-content-normal-text: "\e67e";
    
    
    
    --icon-content-clear: "\e67d";
    
    
    
    --icon-content-tree: "\e67c";
    
    
    
    --icon-content-team-pen: "\e67b";
    
    
    
    --icon-content-team-tie: "\e67a";
    
    
    
    --icon-content-team-terminal: "\e679";
    
    
    
    --icon-content-team-stamp: "\e678";
    
    
    
    --icon-content-team-talk: "\e676";
    
    
    
    --icon-content-team-notebook: "\e675";
    
    
    
    --icon-content-team-medal: "\e674";
    
    
    
    --icon-content-team-loudspeaker: "\e672";
    
    
    
    --icon-content-team-camera: "\e671";
    
    
    
    --icon-content-team-graph: "\e670";
    
    
    
    --icon-content-team-flag: "\e66f";
    
    
    
    --icon-content-team-compass: "\e66e";
    
    
    
    --icon-content-team-location: "\e66d";
    
    
    
    --icon-content-team-bulb: "\e669";
    
    
    
    --icon-content-team-calculator: "\e668";
    
    
    
    --icon-content-team-bus: "\e667";
    
    
    
    --icon-content-team-briefcase: "\e666";
    
    
    
    --icon-content-building: "\e650";
    
    
    
    --icon-content-ip-box-fill: "\e64f";
    
    
    
    --icon-content-ip: "\e64e";
    
    
    
    --icon-content-region: "\e64d";
    
    
    
    --icon-content-region-fill: "\e64c";
    
    
    
    --icon-content-link: "\e64b";
    
    
    
    --icon-content-save: "\e64a";
    
    
    
    --icon-content-menu: "\e648";
    
    
    
    --icon-content-branch: "\e647";
    
    
    
    --icon-content-alert-clock: "\e645";
    
    
    
    --icon-content-pencil: "\e644";
    
    
    
    --icon-content-sort: "\e643";
    
    
    
    --icon-content-play-o: "\e642";
    
    
    
    --icon-content-quetion-o: "\e641";
    
    
    
    --icon-content-share1: "\e640";
    
    
    
    --icon-content-intro: "\e620";
    
    
    
    --icon-content-book: "\e61c";
    
    
    
    --icon-content-post: "\e61b";
    
    
    
    --icon-content-starstroke: "\e61a";
    
    
    
    --icon-content-lightning: "\e618";
    
    
    
    --icon-content-selection: "\e614";
    
    
    
    --icon-content-paper-pen: "\e63f";
    
    
    
    --icon-content-gear: "\e63c";
    
    
    
    --icon-content-star-fill: "\e638";
    
    
    
    --icon-content-eye-slash: "\e637";
    
    
    
    --icon-content-trashbin: "\e636";
    
    
    
    --icon-content-paperclip: "\e62f";
    
    
    
    --icon-content-arrows-long-up: "\e624";
    
    
    
    --icon-content-arrows-long-down: "\e622";
    
    
    
    --icon-content-question-o: "\e756";
    
    
    
    --icon-content-wps: "\e755";
    
    
    
    --icon-content-oldman: "\e754";
    
    
    
    --icon-content-qq: "\e753";
    
    
    
    --icon-content-weibo: "\e752";
    
    
    
    --icon-content-zendesk: "\e751";
    
    
    
    --icon-content-zhihu: "\e750";
    
    
    
    --icon-content-user: "\e74f";
    
    
    
    --icon-content-wechat-enterprise: "\e74e";
    
    
    
    --icon-content-yunzhijia: "\e74d";
    
    
    
    --icon-content-users: "\e74b";
    
    
    
    --icon-content-warning-o-fill: "\e74a";
    
    
    
    --icon-content-wechat: "\e748";
    
    
    
    --icon-content-grid: "\e747";
    
    
    
    --icon-content-user-question: "\e745";
    
    
    
    --icon-content-user-o: "\e743";
    
    
    
    --icon-content-netease: "\e742";
    
    
    
    --icon-content-user-externa: "\e741";
    
    
    
    --icon-content-user-disable: "\e740";
    
    
    
    --icon-content-users-s: "\e73f";
    
    
    
    --icon-content-users-fill: "\e73e";
    
    
    
    --icon-content-xiaomi: "\e73d";
    
    
    
    --icon-content-underline: "\e73c";
    
    
    
    --icon-content-user-switch: "\e73b";
    
    
    
    --icon-content-warning-o: "\e73a";
    
    
    
    --icon-content-triangle-right-o: "\e739";
    
    
    
    --icon-content-teambition: "\e738";
    
    
    
    --icon-content-user-search: "\e737";
    
    
    
    --icon-content-twitter: "\e736";
    
    
    
    --icon-content-timeline-s: "\e735";
    
    
    
    --icon-content-user-fill: "\e734";
    
    
    
    --icon-content-tick-o-fill: "\e733";
    
    
    
    --icon-content-user-add: "\e732";
    
    
    
    --icon-content-tex: "\e72f";
    
    
    
    --icon-content-teambition-outline: "\e72b";
    
    
    
    --icon-content-task-tick: "\e72a";
    
    
    
    --icon-content-tick: "\e729";
    
    
    
    --icon-content-timeline: "\e728";
    
    
    
    --icon-content-scan: "\e724";
    
    
    
    --icon-content-tick-o: "\e723";
    
    
    
    --icon-content-salesman: "\e721";
    
    
    
    --icon-content-tick-bold: "\e720";
    
    
    
    --icon-content-sprint: "\e71f";
    
    
    
    --icon-content-rss: "\e71e";
    
    
    
    --icon-content-row-after: "\e71d";
    
    
    
    --icon-content-screenshot: "\e71c";
    
    
    
    --icon-content-robot: "\e71b";
    
    
    
    --icon-content-remove: "\e71a";
    
    
    
    --icon-content-row-before: "\e719";
    
    
    
    --icon-content-remove-o: "\e718";
    
    
    
    --icon-content-quote: "\e717";
    
    
    
    --icon-content-remove-o-fill: "\e716";
    
    
    
    --icon-content-processon: "\e715";
    
    
    
    --icon-content-question-o-fill: "\e714";
    
    
    
    --icon-content-info-o: "\e713";
    
    
    
    --icon-content-plus: "\e712";
    
    
    
    --icon-content-h2: "\e711";
    
    
    
    --icon-content-pause-o: "\e710";
    
    
    
    --icon-content-office-powerpoint: "\e70f";
    
    
    
    --icon-content-line-through: "\e70e";
    
    
    
    --icon-content-priorityflag: "\e7a9";
    
    
    
    --icon-content-paragraph: "\e70d";
    
    
    
    --icon-content-invite-fill: "\e7a8";
    
    
    
    --icon-content-office-excel: "\e70c";
    
    
    
    --icon-content-discussion-fill: "\e7a7";
    
    
    
    --icon-content-pinterest: "\e70b";
    
    
    
    --icon-content-workhour: "\e7a6";
    
    
    
    --icon-content-markdown: "\e70a";
    
    
    
    --icon-content-overview: "\e7a5";
    
    
    
    --icon-content-jinshuju: "\e709";
    
    
    
    --icon-content-histogram: "\e7a4";
    
    
    
    --icon-content-emoji-frown: "\e708";
    
    
    
    --icon-content-dingding-o-fill: "\e7a3";
    
    
    
    --icon-content-plus-o-fill: "\e707";
    
    
    
    --icon-content-gitlab: "\e816";
    
    
    
    --icon-content-compass-fill: "\e817";
    
    
    
    --icon-content-compass-o: "\e815";
    
    
    
    --icon-content-tongzhi: "\e819";
    
    
    
    --icon-content-Player-line: "\e828";
    
    
    
    --icon-content-add-user-line: "\e827";
    
    
    
    --icon-content-tree01: "\e826";
    
    
    
    --icon-content-Mine: "\e825";
    
    
    
    --icon-content-sharp: "\e824";
    
    
    
    --icon-content-text-card: "\e823";
    
    
    
    --icon-content-notice-3-line: "\e822";
    
    
    
    --icon-content-more-line: "\e821";
    
    
    
    --icon-content-thumb-up-line: "\e820";
    
    
    
    --icon-content-project-line: "\e81f";
    
    
    
    --icon-content-share-box-line: "\e81e";
    
    
    
    --icon-content-done-line: "\e81d";
    
    
    
    --icon-content-list-line: "\e81c";
    
    
    
    --icon-content-Inbox-line: "\e81b";
    
    
    
    --icon-content-map-pin-2-line1: "\e81a";
    
    
    
    --icon-content-add-line: "\e819";
    
    
    
    --icon-content-user-line: "\e818";
    
    
    
    --icon-content-map-pin-2-line: "\e817";
    
    
    
    --icon-content-notification-line: "\e816";
    
    
    
    --icon-content-checkbox-line: "\e815";
    
    
    
    --icon-content-Back: "\e814";
    
    
    
    --icon-content-Subtask: "\e813";
    
    
    
    --icon-content-push-line: "\e812";
    
    
    
    --icon-content-priority-line: "\e811";
    
    
    
    --icon-content-chat-3-line: "\e810";
    
    
    
    --icon-content-links-line: "\e80f";
    
    
    
    --icon-content-calendar-line: "\e80e";
    
    
    
    --icon-content-attachment-line: "\e80d";
    
    
    
    --icon-content-School: "\e80c";
    
    
    
    --icon-content-Notice: "\e80b";
    
    
    
    --icon-content-Project01: "\e80a";
    
    
    
    --icon-content-Approve01: "\e809";
    
    
    
    --icon-content-Flag: "\e808";
    
    
    
    --icon-content-Division: "\e807";
    
    
    
    --icon-content-Reset: "\e806";
    
    
    
    --icon-content-Priority: "\e805";
    
    
    
    --icon-content-Attachment: "\e804";
    
    
    
    --icon-content-Checkall: "\e803";
    
    
    
    --icon-content-Add: "\e802";
    
    
    
    --icon-content-Filter01: "\e801";
    
    
    
    --icon-content-Calendar01: "\e800";
    
    
    
    --icon-content-Spot: "\e7ff";
    
    
    
    --icon-content-Share01: "\e7fe";
    
    
    
    --icon-content-Import01: "\e7fd";
    
    
    
    --icon-content-Menu01: "\e7fc";
    
    
    
    --icon-content-Sort01: "\e7f7";
    
    
    
    --icon-content-Donelist: "\e7f6";
    
    
    
    --icon-content-Extra01: "\e7f5";
    
    
    
    --icon-content-Homepage: "\e7f4";
    
    
    
    --icon-content-ChecklistSolid-fill: "\e7f3";
    
    
    
    --icon-content-RightCircleSolid-fill: "\e7f2";
    
    
    
    --icon-content-MoreApps: "\e7f1";
    
    
    
    --icon-content-ExtraVertical: "\e7f0";
    
    
    
    --icon-content-Record: "\e7ef";
    
    
    
    --icon-content-Stop: "\e7ed";
    
    
    
    --icon-content-Pause: "\e7ec";
    
    
    
    --icon-content-ExtraCircle: "\e7eb";
    
    
    
    --icon-content-TopRight: "\e7ea";
    
    
    
    --icon-content-TopLeft: "\e7e9";
    
    
    
    --icon-content-Speed: "\e7e8";
    
    
    
    --icon-content-BottomRight: "\e7e7";
    
    
    
    --icon-content-Previous: "\e7e6";
    
    
    
    --icon-content-Play: "\e7e5";
    
    
    
    --icon-content-Next: "\e7e4";
    
    
    
    --icon-content-TopLeftToBottomRight: "\e7e3";
    
    
    
    --icon-content-TopRightToBottomLeft: "\e7e2";
    
    
    
    --icon-content-BottomLeft: "\e7e1";
    
    
    
    --icon-content-Rewind: "\e7e0";
    
    
    
    --icon-content-TopMini: "\e7df";
    
    
    
    --icon-content-RightPure: "\e7de";
    
    
    
    --icon-content-TopS: "\e7dd";
    
    
    
    --icon-content-Top: "\e7dc";
    
    
    
    --icon-content-RightPure-1: "\e7db";
    
    
    
    --icon-content-TopGap: "\e7da";
    
    
    
    --icon-content-TopPure: "\e7d9";
    
    
    
    --icon-content-RightNormal: "\e7d8";
    
    
    
    --icon-content-RightGap: "\e7d7";
    
    
    
    --icon-content-BottomPure: "\e7d6";
    
    
    
    --icon-content-LeftS: "\e7d5";
    
    
    
    --icon-content-RightCircle: "\e7d4";
    
    
    
    --icon-content-LeftNormal: "\e7d3";
    
    
    
    --icon-content-LeftPure: "\e7d2";
    
    
    
    --icon-content-LeftGap: "\e7d1";
    
    
    
    --icon-content-BottomS: "\e7d0";
    
    
    
    --icon-content-BottomNormal: "\e7cf";
    
    
    
    --icon-content-BottomMini: "\e7ce";
    
    
    
    --icon-content-BottomGap: "\e7cd";
    
    
    
    --icon-content-Customized: "\e7cc";
    
    
    
    --icon-content-Date: "\e7cb";
    
    
    
    --icon-content-Intelligent: "\e7ca";
    
    
    
    --icon-content-Sync: "\e7c9";
    
    
    
    --icon-content-Recent: "\e7c8";
    
    
    
    --icon-content-Added: "\e7c7";
    
    
    
    --icon-content-AddS: "\e7c6";
    
    
    
    --icon-content-AddM: "\e7c5";
    
    
    
    --icon-content-AddL: "\e7c4";
    
    
    
    --icon-content-SelectOne: "\e7c3";
    
    
    
    --icon-content-SelectAll: "\e7bf";
    
    
    
    --icon-content-Edit: "\e7be";
    
    
    
    --icon-content-CloseL: "\e7bd";
    
    
    
    --icon-content-Duplicate: "\e7bc";
    
    
    
    --icon-content-ShareExtra: "\e7bb";
    
    
    
    --icon-content-SwitchList: "\e7ba";
    
    
    
    --icon-content-Checklist: "\e7b9";
    
    
    
    --icon-content-CloseS: "\e7b8";
    
    
    
    --icon-content-CloseM: "\e7b6";
    
    
    
    --icon-content-CloseXS: "\e7b5";
    
    
    
    --icon-content-BubbleSolid-fill: "\e7b4";
    
    
    
    --icon-content-NormalSolid-fill: "\e7b3";
    
    
    
    --icon-content-AddSolid-fill: "\e7b2";
    
    
    
    --icon-content-DeleteSolid-fill: "\e7b1";
    
    
    
    --icon-content-StarSolid-fill: "\e7b0";
    
    
    
    --icon-content-Delete: "\e7af";
    
    
    
    --icon-content-Voice-fill: "\e7ae";
    
    
    
    --icon-content-Notification: "\e7ad";
    
    
    
    --icon-content-Tomato: "\e7ac";
    
    
    
    --icon-content-ProjectExtra: "\e7ab";
    
    
    
    --icon-content-Project: "\e7aa";
    
    
    
    --icon-content-Other: "\e7a9";
    
    
    
    --icon-content-Pan: "\e7a8";
    
    
    
    --icon-content-SignIn: "\e7a7";
    
    
    
    --icon-content-Todo: "\e7a6";
    
    
    
    --icon-content-Star: "\e7a5";
    
    
    
    --icon-content-Done: "\e7a4";
    
    
    
    --icon-content-Extra: "\e7a3";
    
    
    
    --icon-content-ListMove: "\e7a2";
    
    
    
    --icon-content-ClockExtra: "\e7a1";
    
    
    
    --icon-content-Bubble: "\e7a0";
    
    
    
    --icon-content-Qzone: "\e79f";
    
    
    
    --icon-content-moments: "\e79e";
    
    
    
    --icon-content-cloud: "\e79d";
    
    
    
    --icon-content-area: "\e79c";
    
    
    
    --icon-content-smartsorting: "\e79b";
    
    
    
    --icon-content-subscribe-done: "\e79a";
    
    
    
    --icon-content-chart-scatter: "\e799";
    
    
    
    --icon-content-chart-cumulative-flow: "\e798";
    
    
    
    --icon-content-chart-line: "\e797";
    
    
    
    --icon-content-chart-histogram: "\e796";
    
    
    
    --icon-content-subscribe: "\e795";
    
    
    
    --icon-content-manage-subscribe: "\e794";
    
    
    
    --icon-content-cross-line: "\e793";
    
    
    
    --icon-content-myteam: "\e792";
    
    
    
    --icon-content-top-up: "\e888";
    
    
    
    --icon-content-circular: "\e887";
    
    
    
    --icon-content-dingdoc: "\e886";
    
    
    
    --icon-content-tag-tilted: "\e885";
    
    
    
    --icon-content-repetition: "\e884";
    
    
    
    --icon-content-repetition-set: "\e883";
    
    
    
    --icon-content-flask: "\e882";
    
    
    
    --icon-content-hash: "\e881";
    
    
    
    --icon-content-sort-new: "\e880";
    
    
    
    --icon-content-board-list: "\e87f";
    
    
    
    --icon-content-checkbox-on-rounded: "\e87e";
    
    
    
    --icon-content-checkbox-off-rounded: "\e87d";
    
    
    
    --icon-content-chevrons-left1: "\e87c";
    
    
    
    --icon-content-chevrons-right1: "\e87b";
    
    
    
    --icon-content-demand-created: "\e87a";
    
    
    
    --icon-content-a-Addgroup: "\e879";
    
    
    
    --icon-content-stopwatch: "\e878";
    
    
    
    --icon-content-report: "\e877";
    
    
    
    --icon-content-shop: "\e876";
    
    
    
    --icon-content-exec-test1: "\e875";
    
    
    
    --icon-content-dingpan-01: "\e874";
    
    
    
    --icon-content-create-calendar: "\e873";
    
    
    
    --icon-content-end-date1: "\e872";
    
    
    
    --icon-content-calendar-tick1: "\e871";
    
    
    
    --icon-content-start-date1: "\e870";
    
    
    
    --icon-content-a-addabove: "\e86f";
    
    
    
    --icon-content-a-addbelow: "\e86e";
    
    
    
    --icon-content-Filter011: "\e86d";
    
    
    
    --icon-content-filter-tick: "\e86c";
    
    
    
    --icon-content-a-projecttestcase: "\e86b";
    
    
    
    --icon-content-triangle-down-01: "\e86a";
    
    
    
    --icon-content-a-check-02: "\e869";
    
    
    
    --icon-content-a-check-01: "\e868";
    
    
    
    --icon-content-a-circle-01: "\e867";
    
    
    
    --icon-content-Icon_Approve_O: "\e866";
    
    
    
    --icon-content-Icon_Approve: "\e865";
    
    
    
    --icon-content-upload-file: "\e864";
    
    
    
    --icon-content-storyPoints: "\e863";
    
    
    
    --icon-content-tier: "\e862";
    
    
    
    --icon-content-intelligence1: "\e861";
    
    
    
    --icon-content-task-board1: "\e860";
    
    
    
    --icon-content-a-: "\e85f";
    
    
    
    --icon-content-Group: "\e85e";
    
    
    
    --icon-content-Sort: "\e85d";
    
    
    
    --icon-content-a-Line-01: "\e85c";
    
    
    
    --icon-content-icon_XDS_wiki: "\e85b";
    
    
    
    --icon-content-XDS_Vector: "\e85a";
    
    
    
    --icon-content-icon_XDS_education: "\e859";
    
    
    
    --icon-content-icon_onlineclass: "\e858";
    
    
    
    --icon-content-icon_connect: "\e857";
    
    
    
    --icon-content-FrameMeeting: "\e856";
    
    
    
    --icon-content-start-date: "\e855";
    
    
    
    --icon-content-end-date: "\e854";
    
    
    
    --icon-content-sidebar-expand: "\e853";
    
    
    
    --icon-content-sidebar-collapse: "\e852";
    
    
    
    --icon-content-Drag: "\e851";
    
    
    
    --icon-content-KRStar: "\e850";
    
    
    
    --icon-content-newTab: "\e84f";
    
    
    
    --icon-content-table1: "\e84e";
    
    
    
    --icon-content-chart-pie-2: "\e84d";
    
    
    
    --icon-content-ruler: "\e84c";
    
    
    
    --icon-content-circle-question1: "\e84b";
    
    
    
    --icon-content-testcaselibrary: "\e84a";
    
    
    
    --icon-content-taskType: "\e849";
    
    
    
    --icon-content-circle-question: "\e848";
    
    
    
    --icon-content-organization: "\e847";
    
    
    
    --icon-content-grade: "\e846";
    
    
    
    --icon-content-updaterate: "\e845";
    
    
    
    --icon-content-KR: "\e844";
    
    
    
    --icon-content-beover: "\e843";
    
    
    
    --icon-content-goal: "\e842";
    
    
    
    --icon-content-brokenline: "\e841";
    
    
    
    --icon-content-alignat: "\e840";
    
    
    
    --icon-content-target: "\e83f";
    
    
    
    --icon-content-Reset-line-01: "\e83e";
    
    
    
    --icon-content-user-line1: "\e83d";
    
    
    
    --icon-content-mindmap: "\e83c";
    
    
    
    --icon-content-intelligence: "\e83a";
    
    
    
    --icon-content-human: "\e836";
    
    
    
    --icon-content-clothes: "\e835";
    
    
    
    --icon-content-travel: "\e834";
    
    
    
    --icon-content-archive: "\e833";
    
    
    
    --icon-content-Search_line: "\e832";
    
    
    
    --icon-content-Feedback2: "\e831";
    
    
    
    --icon-content-C-Space01: "\e830";
    
    
    
    --icon-content-Picture01: "\e82f";
    
    
    
    --icon-content-Details: "\e82e";
    
    
    
    --icon-content-subtask-line: "\e82d";
    
    
    
    --icon-content-Participant: "\e82c";
    
    
    
    --icon-content-Launch: "\e82b";
    
    
    
    --icon-content-Checkbox-check: "\e82a";
    
    
    
    --icon-content-Video01: "\e829";
    
    
    
    --icon-content-trilateral-right-fill: "\e6ce";
    
    
    
    --icon-content-trilateral-down-fill: "\e6cb";
    
    
    
    --icon-content-question-fill: "\e7b7";
    
    
    
    --icon-content-delete2-fill: "\e7c2";
    
    
    
    --icon-content-true-fill: "\e7c1";
    
    
    
    --icon-content-add-line1: "\e7c0";
    
    
    
    --icon-content-chevron-right-s: "\e6d6";
    
    
    
    --icon-content-triangle-down-s: "\e730";
    
    
    
    --icon-content-triangle-right-s: "\e725";
    
    
    
    --icon-content-dashboard: "\e7fa";
    
    
    
    --icon-content-list: "\e7f9";
    
    
    
    --icon-content-detail: "\e7f8";
    
    
    
    --icon-content-form: "\e7fb";
    
    
    
    --icon-content-chart-pie: "\e613";
    
    
    
    --icon-content-chart-bar: "\e612";
    
    
    
    --icon-content-exit: "\e616";
    
    
    
    --icon-content-lock: "\e617";
    
    
    
    --icon-content-unlock: "\e615";
    
    
    
    --icon-content-eye-close: "\e600";
    
    
    
    --icon-content-eye: "\e611";
    
    
    
    --icon-content-toggle-right: "\e603";
    
    
    
    --icon-content-toggle-left: "\e602";
    
    
    
    --icon-content-copy: "\e60f";
    
    
    
    --icon-content-atm: "\e606";
    
    
    
    --icon-content-email: "\e605";
    
    
    
    --icon-content-account: "\e608";
    
    
    
    --icon-content-attachment: "\e665";
    
    
    
    --icon-content-filter: "\e627";
    
    
    
    --icon-content-refresh: "\e677";
    
    
    
    --icon-content-edit: "\e63b";
    
    
    
    --icon-content-set: "\e683";
    
    
    
    --icon-content-download: "\e628";
    
    
    
    --icon-content-upload: "\e7ee";
    
    
    
    --icon-content-ashbin: "\e639";
    
    
    
    --icon-content-calendar: "\e607";
    
    
    
    --icon-content-picture: "\e631";
    
    
    
    --icon-content-ellipsis: "\e654";
    
    
    
    --icon-content-close: "\e626";
    
    
    
    --icon-content-search: "\e656";
    
    
    
    --icon-content-loading: "\e646";
    
    
    
    --icon-content-semi-select: "\e633";
    
    
    
    --icon-content-select: "\e632";
    
    
    
    --icon-content-ascending: "\e61e";
    
    
    
    --icon-content-descending: "\e61f";
    
    
    
    --icon-content-sorting: "\e634";
    
    
    
    --icon-content-switch: "\e6b3";
    
    
    
    --icon-content-arrow-double-right: "\e65e";
    
    
    
    --icon-content-arrow-double-left: "\e659";
    
    
    
    --icon-content-arrow-right: "\e619";
    
    
    
    --icon-content-arrow-left: "\e61d";
    
    
    
    --icon-content-arrow-down: "\e63d";
    
    
    
    --icon-content-arrow-up: "\e625";
    
    
    
    --icon-content-minus: "\e601";
    
    
    
    --icon-content-add: "\e655";
    
    
    
    --icon-content-favorites-filling: "\e60e";
    
    
    
    --icon-content-delete-filling: "\e623";
    
    
    
    --icon-content-success-filling: "\e63a";
    
    
    
    --icon-content-clock: "\e621";
    
    
    
    --icon-content-help: "\e673";
    
    
    
    --icon-content-error: "\e60d";
    
    
    
    --icon-content-prompt: "\e60c";
    
    
    
    --icon-content-warning: "\e60b";
    
    
    
    --icon-content-success: "\e60a";
    
    
    
    --icon-content-cry: "\e65d";
    
    
    
    --icon-content-smile: "\e65f";
    
    
    /* ------------------------ font ------------------------ */
    
    
    
    --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-2: 14px;
    
    
    
    --font-size-subhead: 16px;
    
    
    
    --font-lineheight-2: 1.5;
    
    
    
    --font-size-display-2: 32px;
    
    
    
    --font-size-display-3: 10px;
    
    
    
    --font-name-bold: "";
    
    
    
    --font-name-medium: "";
    
    
    
    --font-name-regular: "";
    
    
    
    --font-name-light: "";
    
    
    
    --font-name-thin: "";
    
    
    
    --font-custom-name: "";
    
    
    
    --font-custom-path: "";
    
    
    
    --font-family-base: "Helvetica Neue","PingFang SC","Noto Sans","Noto Sans CJK SC","Microsoft YaHei","微软雅黑",sans-serif;
    
    
    
    --font-size-body-1: 14px;
    
    
    
    --font-size-caption: 12px;
    
    
    
    --font-size-title: 18px;
    
    
    
    --font-size-headline: 20px;
    
    
    
    --font-size-display-1: 24px;
    
    
    
    --font-lineheight-3: 1.5;
    
    
    
    --font-lineheight-1: 1.5;
    
    
    /* ------------------------ corner ------------------------ */
    
    
    
    --corner-zero: 0px;
    
    
    
    --corner-semicircle: 500px;
    
    
    
    --corner-circle: 50%;
    
    
    
    --corner-2: 8px;
    
    
    
    --corner-1: 4px;
    
    
    
    --corner-3: 50px;
    
    
    /* ------------------------ color ------------------------ */
    
    
    
    --color-gradient-4: linear-gradient(270deg, rgb(255, 163, 166) 0%, rgb(245, 39, 67) 100%);
    
    
    
    --color-gradient-3: linear-gradient(270deg, rgb(255, 237, 117) 0%, rgb(245, 203, 34) 100%);
    
    
    
    --color-gradient-2: linear-gradient(270deg, rgb(125, 238, 255) 0%, rgb(3, 193, 253) 100%);
    
    
    
    --color-gradient-1: linear-gradient(270deg, rgb(121, 232, 199) 0%, rgb(8, 194, 158) 100%);
    
    
    
    --color-transparent: transparent;
    
    
    
    --color-black: #000000;
    
    
    
    --color-white: #FFFFFF;
    
    
    
    --color-brand3-1: rgba(242,245,247,1);
    
    
    
    --color-brand3-2: rgba(233,237,240,1);
    
    
    
    --color-brand3-3: rgba(218,224,229,1);
    
    
    
    --color-brand3-4: rgba(198,205,212,1);
    
    
    
    --color-brand3-5: rgba(177,184,191,1);
    
    
    
    --color-brand3-6: rgba(125,131,137,1);
    
    
    
    --color-brand3-7: rgba(98,101,111,1);
    
    
    
    --color-brand3-8: rgba(73,78,84,1);
    
    
    
    --color-text1-1: rgba(173,173,173,1);
    
    
    
    --color-text1-5: rgba(206,206,206,0.4);
    
    
    
    --color-text1-6: rgba(206,206,206,0.7);
    
    
    
    --color-brand2-1: rgba(144,205,245,0.4);
    
    
    
    --color-brand2-2: rgba(144,205,245,0.7);
    
    
    
    --color-line1-5: rgba(173,173,173,1);
    
    
    
    --color-notice-7: rgba(104,187,242,1);
    
    
    
    --color-warning-7: rgba(255,185,110,1);
    
    
    
    --color-error-7: rgba(242,136,126,1);
    
    
    
    --color-help-7: rgba(255,235,107,1);
    
    
    
    --color-success-7: rgba(103,207,152,1);
    
    
    
    --color-fill1-6: #8B8B8B;
    
    
    
    --color-fill1-4: #DBDBDB;
    
    
    
    --color-fill1-3: #E8E8E8;
    
    
    
    --color-line1-3: #CECECE;
    
    
    
    --color-line1-2: #DBDBDB;
    
    
    
    --color-line1-1: #E8E8E8;
    
    
    
    --color-brand1-7: #127FC7;
    
    
    
    --color-brand1-8: #0B65A1;
    
    
    
    --color-notice-5: #1B9AEE;
    
    
    
    --color-notice-6: #127FC7;
    
    
    
    --color-brand1-2: #C5E8FF;
    
    
    
    --color-brand1-3: #90CDF5;
    
    
    
    --color-brand1-4: #68BBF2;
    
    
    
    --color-brand1-5: #41AAF0;
    
    
    
    --color-brand1-10: #000508;
    
    
    
    --color-link-3: #1B9AEE;
    
    
    
    --color-link-2: #41AAF0;
    
    
    
    --color-link-1: #127FC7;
    
    
    
    --color-notice-4: #41AAF0;
    
    
    
    --color-notice-3: #90CDF5;
    
    
    
    --color-notice-2: #C5E8FF;
    
    
    
    --color-notice-1: #F0F9FF;
    
    
    
    --color-brand1-9: #064C7A;
    
    
    
    --color-brand1-6: #1B9AEE;
    
    
    
    --color-brand1-1: #F0F9FF;
    
    
    
    --color-help-5: #FAD414;
    
    
    
    --color-help-6: #D1B10D;
    
    
    
    --color-fill1-7: #595959;
    
    
    
    --color-fill1-5: #B3B3B3;
    
    
    
    --color-help-4: #F8E71C;
    
    
    
    --color-help-3: #FFEE96;
    
    
    
    --color-help-2: #FFF5C2;
    
    
    
    --color-help-1: #FFFCF0;
    
    
    
    --color-warning-5: #F98E1B;
    
    
    
    --color-warning-6: #CF7413;
    
    
    
    --color-error-5: #E84738;
    
    
    
    --color-error-6: #C43123;
    
    
    
    --color-success-5: #23B066;
    
    
    
    --color-success-6: #159953;
    
    
    
    --color-line1-4: #FFFFFF;
    
    
    
    --color-data1-8: #5C60E6;
    
    
    
    --color-data1-7: #4AD051;
    
    
    
    --color-data1-6: #FAB34F;
    
    
    
    --color-data1-4: #FF656B;
    
    
    
    --color-text1-4: #292929;
    
    
    
    --color-text1-3: #575757;
    
    
    
    --color-text1-2: #6E6E6E;
    
    
    
    --color-fill1-2: #F7F7F7;
    
    
    
    --color-fill1-1: #FFFFFF;
    
    
    
    --color-other-3: #131415;
    
    
    
    --color-other-2: #FFFFFF;
    
    
    
    --color-other-1: #3A3C4B;
    
    
    
    --color-error-4: #ED675A;
    
    
    
    --color-error-3: #F7AAA3;
    
    
    
    --color-error-2: #FCCECA;
    
    
    
    --color-error-1: #FFF1F0;
    
    
    
    --color-warning-4: #FFA545;
    
    
    
    --color-warning-3: #FFCD96;
    
    
    
    --color-warning-2: #FFE0BF;
    
    
    
    --color-warning-1: #FFF8F0;
    
    
    
    --color-success-4: #43BF7E;
    
    
    
    --color-success-3: #90DEB5;
    
    
    
    --color-success-2: #BBF2D5;
    
    
    
    --color-success-1: #F0FFF7;
    
    
    
    --color-data1-5: #FF6A00;
    
    
    
    --color-data1-3: #9979F2;
    
    
    
    --color-data1-2: #006CD9;
    
    
    
    --color-data1-1: #5CCDBB;
    
    
    /* ------------------------ menu-button ------------------------ */
    
    
    
    --menu-btn-pure-text-secondary-icon-color: var(--color-brand1-6, #1B9AEE);
    
    
    
    --menu-btn-disabled-icon-color: var(--color-text1-1, #adadad);
    
    
    
    --menu-btn-pure-text-normal-icon-color: var(--color-fill1-6, #8B8B8B);
    
    
    
    --menu-btn-text-text-normal-icon-color: var(--color-text1-2, #6E6E6E);
    
    
    
    --menu-btn-fold-icon-content: var(--icon-content-arrow-down, "");
    
    
    
    --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-primary-icon-color: var(--color-white, #FFFFFF);
    
    
    
    --menu-btn-text-text-primary-icon-color: var(--color-link-1, #127FC7);
    
    
    
    --menu-btn-ghost-light-icon-color: var(--color-text1-4, #292929);
    
    
    
    --menu-btn-ghost-dark-icon-color: var(--color-white, #FFFFFF);
    
    
    
    --menu-btn-unfold-icon-content: var(--icon-reset, var(--icon-reset));
    
    
    /* ------------------------ search ------------------------ */
    
    
    
    --search-normal-corner: var(--corner-1, 4px);
    
    
    
    --search-normal-primary-l-height: var(--s-9, 36px);
    
    
    
    --search-normal-dark-l-height: var(--s-12, 48px);
    
    
    
    --search-simple-l-icon-margin-right: var(--s-4, 16px);
    
    
    
    --search-simple-m-icon-margin-right: var(--s-2, 8px);
    
    
    
    --search-simple-normal-hover-color: var(--color-text1-1, #adadad);
    
    
    
    --search-simple-normal-icon-hover-text-color: var(--color-text1-3, #575757);
    
    
    
    --search-simple-dark-m-icon-size: var(--icon-m, 20px);
    
    
    
    --search-normal-primary-btn-hover-bg-color: var(--color-brand1-5, #41AAF0);
    
    
    
    --search-normal-primary-border-width: var(--line-1, 1px);
    
    
    
    --search-normal-primary-l-btn-text-size: var(--font-size-body-1, 14px);
    
    
    
    --search-normal-primary-m-height: var(--s-8, 32px);
    
    
    
    --search-normal-primary-m-btn-text-size: var(--font-size-body-1, 14px);
    
    
    
    --search-simple-normal-color: var(--color-line1-1, #E8E8E8);
    
    
    
    --search-simple-normal-shadow: var(--shadow-zero, none);
    
    
    
    --search-simple-normal-l-icon-size: var(--icon-s, 16px);
    
    
    
    --search-simple-normal-m-icon-size: var(--icon-s, 16px);
    
    
    
    --search-normal-secondary-l-height: var(--s-9, 36px);
    
    
    
    --search-normal-secondary-m-height: var(--s-8, 32px);
    
    
    
    --search-normal-normal-color: var(--color-line1-1, #E8E8E8);
    
    
    
    --search-normal-normal-l-height: var(--s-9, 36px);
    
    
    
    --search-normal-normal-m-height: var(--s-8, 32px);
    
    
    
    --search-simple-corner: var(--corner-1, 4px);
    
    
    
    --search-normal-primary-split-color: var(--color-line1-1, #E8E8E8);
    
    
    
    --search-normal-secondary-split-color: var(--color-line1-1, #E8E8E8);
    
    
    
    --search-normal-normal-split-color: var(--color-line1-2, #DBDBDB);
    
    
    
    --search-normal-normal-hover-color: var(--color-line1-2, #DBDBDB);
    
    
    
    --search-normal-normal-shadow: var(--shadow-zero, none);
    
    
    
    --search-normal-primary-l-icon-size: var(--icon-m, 20px);
    
    
    
    --search-normal-secondary-l-icon-size: var(--icon-m, 20px);
    
    
    
    --search-normal-normal-l-icon-size: var(--icon-m, 20px);
    
    
    
    --search-normal-primary-color: var(--color-brand1-6, #1B9AEE);
    
    
    
    --search-normal-primary-hover-color: var(--color-brand1-6, #1B9AEE);
    
    
    
    --search-normal-primary-shadow: var(--shadow-zero, none);
    
    
    
    --search-normal-primary-btn-text-color: var(--color-white, #FFFFFF);
    
    
    
    --search-normal-primary-btn-hover-text-color: var(--color-white, #FFFFFF);
    
    
    
    --search-normal-primary-btn-text-padding-left: var(--s-zero, 0px);
    
    
    
    --search-normal-primary-m-icon-size: var(--icon-s, 16px);
    
    
    
    --search-normal-secondary-color: var(--color-line1-3, #CECECE);
    
    
    
    --search-normal-secondary-hover-color: var(--color-brand1-6, #1B9AEE);
    
    
    
    --search-normal-secondary-shadow: var(--shadow-zero, none);
    
    
    
    --search-normal-secondary-btn-bg-color: var(--color-brand1-6, #1B9AEE);
    
    
    
    --search-normal-secondary-btn-text-color: var(--color-white, #FFFFFF);
    
    
    
    --search-normal-secondary-btn-hover-bg-color: var(--color-brand1-9, #064C7A);
    
    
    
    --search-normal-secondary-btn-hover-text-color: var(--color-white, #FFFFFF);
    
    
    
    --search-normal-secondary-border-width: var(--line-1, 1px);
    
    
    
    --search-normal-secondary-btn-text-padding-left: var(--s-zero, 0px);
    
    
    
    --search-normal-secondary-l-btn-text-size: var(--font-size-subhead, 16px);
    
    
    
    --search-normal-secondary-m-icon-size: var(--icon-s, 16px);
    
    
    
    --search-normal-secondary-m-btn-text-size: var(--font-size-subhead, 16px);
    
    
    
    --search-normal-normal-btn-bg-color: var(--color-fill1-1, #FFFFFF);
    
    
    
    --search-normal-normal-btn-text-color: var(--color-text1-3, #575757);
    
    
    
    --search-normal-normal-btn-hover-bg-color: var(--color-fill1-3, #E8E8E8);
    
    
    
    --search-normal-normal-btn-hover-text-color: var(--color-text1-4, #292929);
    
    
    
    --search-normal-normal-border-width: var(--line-1, 1px);
    
    
    
    --search-normal-normal-btn-text-padding-left: var(--s-zero, 0px);
    
    
    
    --search-normal-normal-l-btn-text-size: var(--font-size-subhead, 16px);
    
    
    
    --search-normal-normal-m-icon-size: var(--icon-s, 16px);
    
    
    
    --search-normal-normal-m-btn-text-size: var(--font-size-subhead, 16px);
    
    
    
    --search-normal-dark-color: var(--color-brand1-6, #1B9AEE);
    
    
    
    --search-normal-dark-hover-color: var(--color-brand1-6, #1B9AEE);
    
    
    
    --search-normal-dark-text-color: var(--color-white, #FFFFFF);
    
    
    
    --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, #064C7A);
    
    
    
    --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-icon-size: var(--icon-l, 24px);
    
    
    
    --search-normal-dark-l-btn-text-size: var(--font-size-subhead, 16px);
    
    
    
    --search-normal-dark-m-height: var(--s-10, 40px);
    
    
    
    --search-normal-dark-m-icon-size: var(--icon-s, 16px);
    
    
    
    --search-normal-dark-m-btn-text-size: var(--font-size-subhead, 16px);
    
    
    
    --search-simple-normal-split-color: var(--color-line1-3, #CECECE);
    
    
    
    --search-simple-normal-icon-text-color: var(--color-text1-2, #6E6E6E);
    
    
    
    --search-simple-normal-border-width: var(--line-1, 1px);
    
    
    
    --search-simple-normal-btn-text-padding-left: var(--s-zero, 0px);
    
    
    
    --search-simple-dark-color: var(--color-line1-3, #CECECE);
    
    
    
    --search-simple-dark-hover-color: var(--color-line1-3, #CECECE);
    
    
    
    --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, #6E6E6E);
    
    
    
    --search-simple-dark-icon-hover-text-color: var(--color-text1-3, #575757);
    
    
    
    --search-simple-dark-btn-text-padding-left: var(--s-zero, 0px);
    
    
    
    --search-simple-dark-split-color: var(--color-line1-3, #CECECE);
    
    
    
    --search-simple-dark-border-width: var(--line-1, 1px);
    
    
    
    --search-simple-dark-l-icon-size: var(--icon-m, 20px);
    
    
    
    --search-search-icon-content: var(--icon-content-search, "");
    
    
    /* ------------------------ card ------------------------ */
    
    
    
    --card-border-width: var(--line-1, 1px);
    
    
    
    --card-head-bottom-border-width: var(--line-1, 1px);
    
    
    
    --card-background: var(--color-white, #FFFFFF);
    
    
    
    --card-header-background: var(--color-transparent, transparent);
    
    
    
    --card-border-color: var(--color-line1-1, #E8E8E8);
    
    
    
    --card-corner: var(--corner-2, 8px);
    
    
    
    --card-shadow: var(--shadow-1, 0px 3px 8px 0px rgba(0, 0, 0, 0.03));
    
    
    
    --card-padding-lr: var(--s-8, 32px);
    
    
    
    --card-title-font-size: var(--font-size-title, 18px);
    
    
    
    --card-title-font-weight: var(--font-weight-semi-bold, 600);
    
    
    
    --card-sub-title-font-size: var(--font-size-body-1, 14px);
    
    
    
    --card-body-show-divider-padding-top: var(--s-6, 24px);
    
    
    
    --card-content-font-size: var(--font-size-body-1, 14px);
    
    
    
    --card-body-padding-bottom: var(--s-6, 24px);
    
    
    
    --card-sub-title-color: var(--color-text1-1, #adadad);
    
    
    
    --card-content-color: var(--color-text1-2, #6E6E6E);
    
    
    
    --card-head-padding-bottom: var(--s-3, 12px);
    
    
    
    --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-extra-font-size: var(--font-size-body-1, 14px);
    
    
    
    --card-title-bullet-width: var(--line-3, 6px);
    
    
    
    --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-hide-divider-padding-top: var(--s-zero, 0px);
    
    
    
    --card-content-line-height: var(--font-lineheight-2, 1.5);
    
    
    
    --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, 14px);
    
    
    
    --card-border-style: var(--line-solid, solid);
    
    
    
    --card-title-color: var(--color-text1-4, #292929);
    
    
    
    --card-title-extra-color: var(--color-link-1, #127FC7);
    
    
    
    --card-title-bullet-color: var(--color-brand1-6, #1B9AEE);
    
    
    
    --card-head-bottom-border-color: var(--color-line1-1, #E8E8E8);
    
    
    
    --card-more-btn-color: var(--color-link-1, #127FC7);
    
    
    
    --card-more-btn-background: var(--color-white, #FFFFFF);
    
    
    /* ------------------------ button ------------------------ */
    
    
    
    --btn-shadow: var(--shadow-zero, none);
    
    
    
    --btn-size-s-corner: var(--corner-1, 4px);
    
    
    
    --btn-size-m-corner: var(--corner-1, 4px);
    
    
    
    --btn-size-l-border-width: var(--line-1, 1px);
    
    
    
    --btn-size-l-corner: var(--corner-1, 4px);
    
    
    
    --btn-pure-bg-disabled: var(--color-fill1-3, #E8E8E8);
    
    
    
    --btn-size-s-height: var(--s-6, 24px);
    
    
    
    --btn-size-s-icon-size: var(--icon-s, 16px);
    
    
    
    --btn-size-m-height: var(--s-8, 32px);
    
    
    
    --btn-size-m-font: var(--font-size-body-1, 14px);
    
    
    
    --btn-size-l-height: var(--s-9, 36px);
    
    
    
    --btn-size-l-font: var(--font-size-body-2, 14px);
    
    
    
    --btn-size-l-icon-margin: var(--s-1, 4px);
    
    
    
    --btn-pure-color-disabled: var(--color-white, #FFFFFF);
    
    
    
    --btn-pure-border-color-disabled: var(--color-line1-1, #E8E8E8);
    
    
    
    --btn-pure-normal-bg: var(--color-white, #FFFFFF);
    
    
    
    --btn-pure-normal-border-color: var(--color-line1-1, #E8E8E8);
    
    
    
    --btn-pure-normal-border-color-hover: var(--color-line1-1, #E8E8E8);
    
    
    
    --btn-warning-primary-border-color: var(--color-transparent, transparent);
    
    
    
    --btn-warning-primary-border-color-hover: var(--color-transparent, transparent);
    
    
    
    --btn-warning-primary-bg: var(--color-error-5, #E84738);
    
    
    
    --btn-warning-primary-bg-hover: var(--color-error-4, #ED675A);
    
    
    
    --btn-warning-primary-color-disabled: var(--color-white, #FFFFFF);
    
    
    
    --btn-warning-normal-color: var(--color-error-4, #ED675A);
    
    
    
    --btn-warning-normal-border-color: var(--color-error-2, #FCCECA);
    
    
    
    --btn-warning-normal-border-color-hover: var(--color-error-2, #FCCECA);
    
    
    
    --btn-warning-normal-color-disabled: var(--color-text1-1, #adadad);
    
    
    
    --btn-warning-normal-border-color-disabled: var(--color-line1-1, #E8E8E8);
    
    
    
    --btn-warning-normal-bg-disabled: var(--color-transparent, transparent);
    
    
    
    --btn-text-primary-color: var(--color-brand1-6, #1B9AEE);
    
    
    
    --btn-text-secondary-color: var(--color-brand1-6, #1B9AEE);
    
    
    
    --btn-text-normal-color-hover: var(--color-brand1-6, #1B9AEE);
    
    
    
    --btn-text-size-s-height: var(--s-5, 20px);
    
    
    
    --btn-text-size-s-font: var(--font-size-body-2, 14px);
    
    
    
    --btn-text-size-m-height: var(--s-5, 20px);
    
    
    
    --btn-text-size-m-font: var(--font-size-body-2, 14px);
    
    
    
    --btn-text-size-l-height: var(--s-5, 20px);
    
    
    
    --btn-pure-secondary-border-style: var(--line-solid, solid);
    
    
    
    --btn-pure-primary-bg-hover: var(--color-brand1-5, #41AAF0);
    
    
    
    --btn-pure-primary-border-color: var(--color-transparent, transparent);
    
    
    
    --btn-ghost-dark-color: var(--color-text1-4, #292929);
    
    
    
    --btn-ghost-dark-border-color: var(--color-line1-3, #CECECE);
    
    
    
    --btn-ghost-dark-bg-hover-rgb: var(--color-fill1-1, #FFFFFF);
    
    
    
    --btn-ghost-light-color: var(--color-brand1-3, #90CDF5);
    
    
    
    --btn-ghost-light-border-color: var(--color-brand1-4, #68BBF2);
    
    
    
    --btn-warning-normal-color-hover: var(--color-error-5, #E84738);
    
    
    
    --btn-warning-normal-bg: var(--color-white, #FFFFFF);
    
    
    
    --btn-size-s-font: var(--font-size-caption, 12px);
    
    
    
    --btn-pure-normal-color-disabled: var(--color-white, #FFFFFF);
    
    
    
    --btn-pure-normal-border-color-disabled: var(--color-line1-1, #E8E8E8);
    
    
    
    --btn-pure-normal-color-active: var(--color-text1-4, #292929);
    
    
    
    --btn-pure-primary-color-disabled: var(--color-white, #FFFFFF);
    
    
    
    --btn-warning-primary-border-color-active: var(--color-transparent, transparent);
    
    
    
    --btn-shadow-hover: var(--shadow-zero, none);
    
    
    
    --btn-pure-secondary-color-disabled: var(--color-text1-1, #adadad);
    
    
    
    --btn-pure-secondary-bg-disabled: var(--color-transparent, transparent);
    
    
    
    --btn-pure-secondary-border-color-disabled: var(--color-transparent, transparent);
    
    
    
    --btn-pure-secondary-color: var(--color-brand1-6, #1B9AEE);
    
    
    
    --btn-pure-secondary-color-hover: var(--color-brand1-6, #1B9AEE);
    
    
    
    --btn-pure-secondary-color-active: var(--color-brand1-8, #0B65A1);
    
    
    
    --btn-pure-secondary-bg: var(--color-transparent, transparent);
    
    
    
    --btn-pure-secondary-bg-hover: var(--color-brand1-1, #F0F9FF);
    
    
    
    --btn-pure-secondary-bg-active: var(--color-brand1-2, #C5E8FF);
    
    
    
    --btn-pure-secondary-border-color: var(--color-transparent, transparent);
    
    
    
    --btn-pure-secondary-border-color-hover: var(--color-transparent, transparent);
    
    
    
    --btn-pure-secondary-border-color-active: var(--color-transparent, transparent);
    
    
    
    --btn-pure-primary-bg: var(--color-brand1-6, #1B9AEE);
    
    
    
    --btn-pure-primary-bg-active: var(--color-brand1-8, #0B65A1);
    
    
    
    --btn-text-primary-color-hover: var(--color-brand1-7, #127FC7);
    
    
    
    --btn-pure-normal-bg-hover: var(--color-fill1-2, #F7F7F7);
    
    
    
    --btn-pure-normal-bg-active: var(--color-fill1-3, #E8E8E8);
    
    
    
    --btn-pure-normal-border-color-active: var(--color-line1-3, #CECECE);
    
    
    
    --btn-warning-primary-bg-active: var(--color-error-6, #C43123);
    
    
    
    --btn-size-s-padding: var(--s-4, 16px);
    
    
    
    --btn-size-m-padding: var(--s-4, 16px);
    
    
    
    --btn-size-l-padding: var(--s-3, 12px);
    
    
    
    --btn-size-m-icon-size: var(--icon-m, 20px);
    
    
    
    --btn-size-l-icon-size: var(--icon-m, 20px);
    
    
    
    --btn-pure-normal-color: var(--color-text1-2, #6E6E6E);
    
    
    
    --btn-pure-normal-color-hover: var(--color-text1-2, #6E6E6E);
    
    
    
    --btn-text-normal-color: var(--color-text1-2, #6E6E6E);
    
    
    
    --btn-text-icon-m-margin: var(--s-1, 4px);
    
    
    
    --btn-warning-normal-color-active: var(--color-error-6, #C43123);
    
    
    
    --btn-warning-normal-border-color-active: var(--color-error-3, #F7AAA3);
    
    
    
    --btn-warning-normal-bg-hover: var(--color-error-1, #FFF1F0);
    
    
    
    --btn-warning-normal-bg-active: var(--color-error-2, #FCCECA);
    
    
    
    --btn-text-disabled-color: var(--color-line1-5, #adadad);
    
    
    
    --btn-pure-normal-bg-disabled: var(--color-fill1-3, #E8E8E8);
    
    
    
    --btn-pure-primary-bg-disabled: var(--color-line1-3, #CECECE);
    
    
    
    --btn-pure-primary-border-color-disabled: var(--color-line1-3, #CECECE);
    
    
    
    --btn-warning-primary-border-color-disabled: var(--color-line1-3, #CECECE);
    
    
    
    --btn-warning-primary-bg-disabled: var(--color-line1-3, #CECECE);
    
    
    
    --btn-size-s-border-width: var(--line-1, 1px);
    
    
    
    --btn-size-s-icon-margin: var(--s-1, 4px);
    
    
    
    --btn-size-s-icon-split-size: var(--icon-xs, 12px);
    
    
    
    --btn-size-m-border-width: var(--line-1, 1px);
    
    
    
    --btn-size-m-icon-margin: var(--s-1, 4px);
    
    
    
    --btn-size-m-icon-split-size: var(--icon-xs, 12px);
    
    
    
    --btn-size-l-icon-split-size: var(--icon-s, 16px);
    
    
    
    --btn-pure-normal-border-style: var(--line-solid, solid);
    
    
    
    --btn-pure-primary-color: var(--color-white, #FFFFFF);
    
    
    
    --btn-pure-primary-color-hover: var(--color-white, #FFFFFF);
    
    
    
    --btn-pure-primary-color-active: var(--color-white, #FFFFFF);
    
    
    
    --btn-pure-primary-border-color-hover: var(--color-transparent, transparent);
    
    
    
    --btn-pure-primary-border-color-active: var(--color-transparent, transparent);
    
    
    
    --btn-pure-primary-border-style: var(--line-solid, solid);
    
    
    
    --btn-ghost-border-style: var(--line-solid, solid);
    
    
    
    --btn-ghost-dark-color-hover: var(--color-white, #FFFFFF);
    
    
    
    --btn-ghost-dark-bg: var(--color-transparent, transparent);
    
    
    
    --btn-ghost-dark-bg-opacity: 0;
    
    
    
    --btn-ghost-dark-bg-hover-opacity: .8;
    
    
    
    --btn-ghost-dark-border-color-hover: var(--color-white, #FFFFFF);
    
    
    
    --btn-ghost-dark-color-disabled-rgb: var(--color-white, #FFFFFF);
    
    
    
    --btn-ghost-dark-color-disabled-opacity: .4;
    
    
    
    --btn-ghost-dark-bg-disabled: var(--color-transparent, transparent);
    
    
    
    --btn-ghost-dark-border-color-disabled-rgb: var(--color-white, #FFFFFF);
    
    
    
    --btn-ghost-dark-border-color-disabled-opacity: .4;
    
    
    
    --btn-ghost-light-bg: var(--color-transparent, transparent);
    
    
    
    --btn-ghost-light-bg-opacity: 0;
    
    
    
    --btn-ghost-light-color-hover: var(--color-text1-2, #6E6E6E);
    
    
    
    --btn-ghost-light-border-color-hover: var(--color-text1-4, #292929);
    
    
    
    --btn-ghost-light-bg-hover-rgb: var(--color-black, #000000);
    
    
    
    --btn-ghost-light-bg-hover-opacity: .92;
    
    
    
    --btn-ghost-light-color-disabled-rgb: var(--color-black, #000000);
    
    
    
    --btn-ghost-light-color-disabled-opacity: .1;
    
    
    
    --btn-ghost-light-bg-disabled: var(--color-transparent, transparent);
    
    
    
    --btn-ghost-light-border-color-disabled-rgb: var(--color-black, #000000);
    
    
    
    --btn-ghost-light-border-color-disabled-opacity: .1;
    
    
    
    --btn-warning-border-style: var(--line-solid, solid);
    
    
    
    --btn-warning-primary-color: var(--color-white, #FFFFFF);
    
    
    
    --btn-warning-primary-color-hover: var(--color-white, #FFFFFF);
    
    
    
    --btn-warning-primary-color-active: var(--color-white, #FFFFFF);
    
    
    
    --btn-text-loading-color: var(--color-text1-4, #292929);
    
    
    
    --btn-text-secondary-color-hover: var(--color-brand1-6, #1B9AEE);
    
    
    
    --btn-text-icon-size-s: var(--icon-s, 16px);
    
    
    
    --btn-text-icon-s-margin: var(--s-1, 4px);
    
    
    
    --btn-text-icon-size-m: var(--icon-m, 20px);
    
    
    
    --btn-text-size-l-font: var(--font-size-body-2, 14px);
    
    
    
    --btn-text-icon-size-l: var(--icon-l, 24px);
    
    
    
    --btn-text-icon-l-margin: var(--s-1, 4px);
    
    
    /* ------------------------ balloon ------------------------ */
    
    
    
    --balloon-normal-shadow: var(--shadow-3-down, 0px 6px 24px 0px rgba(0, 0, 0, 0.1));
    
    
    
    --balloon-primary-color-border: var(--color-transparent, transparent);
    
    
    
    --balloon-primary-color: var(--color-white, #FFFFFF);
    
    
    
    --balloon-primary-color-close: var(--color-white, #FFFFFF);
    
    
    
    --balloon-size-padding-closable-right: var(--s-10, 40px);
    
    
    
    --balloon-size-close: var(--icon-s, 16px);
    
    
    
    --balloon-primary-color-close-hover: var(--color-text1-1, #adadad);
    
    
    
    --balloon-tooltip-color-border: var(--color-transparent, transparent);
    
    
    
    --balloon-tooltip-color: var(--color-white, #FFFFFF);
    
    
    
    --balloon-size-max-width: 300px;
    
    
    
    --balloon-size-arrow-size: 8px;
    
    
    
    --balloon-border-style: var(--line-solid, solid);
    
    
    
    --balloon-size-padding-right: 9px;
    
    
    
    --balloon-normal-border-width: var(--line-1, 1px);
    
    
    
    --balloon-size-close-margin-right: var(--s-2, 8px);
    
    
    
    --balloon-corner: var(--corner-1, 4px);
    
    
    
    --balloon-normal-color-border: var(--color-line1-1, #E8E8E8);
    
    
    
    --balloon-size-close-margin-top: 6px;
    
    
    
    --balloon-tooltip-size-padding-right: var(--s-3, 12px);
    
    
    
    --balloon-tooltip-size-padding-left: var(--s-3, 12px);
    
    
    
    --balloon-tooltip-size-padding-top: 4px;
    
    
    
    --balloon-tooltip-size-padding-bottom: 4px;
    
    
    
    --balloon-primary-color-bg: var(--color-fill1-7, #595959);
    
    
    
    --balloon-tooltip-color-bg: var(--color-fill1-7, #595959);
    
    
    
    --balloon-size-padding-top: 6px;
    
    
    
    --balloon-size-header-margin-bottom: var(--s-2, 8px);
    
    
    
    --balloon-title-font-size: var(--font-size-subhead, 16px);
    
    
    
    --balloon-title-font-weight: var(--font-weight-3, bold);
    
    
    
    --balloon-content-font-size: var(--font-size-body-1, 14px);
    
    
    
    --balloon-content-font-weight: var(--font-weight-2, normal);
    
    
    
    --balloon-primary-border-width: var(--line-1, 1px);
    
    
    
    --balloon-tooltip-border-width: var(--line-1, 1px);
    
    
    
    --balloon-tooltip-content-font-size: var(--font-size-body-1, 14px);
    
    
    
    --balloon-tooltip-content-font-weight: var(--font-weight-2, normal);
    
    
    
    --balloon-size-arrow-margin: var(--s-3, 12px);
    
    
    
    --balloon-normal-color-bg: var(--color-white, #FFFFFF);
    
    
    
    --balloon-normal-color: var(--color-text1-4, #292929);
    
    
    
    --balloon-normal-color-close: var(--color-text1-2, #6E6E6E);
    
    
    
    --balloon-normal-color-close-hover: var(--color-text1-3, #575757);
    
    
    
    --balloon-primary-shadow: var(--shadow-1-down, 0px 3px 8px 0px rgba(0, 0, 0, 0.03));
    
    
    
    --balloon-tooltip-shadow: var(--shadow-zero, none);
    
    
    
    --balloon-tooltip-border-style: var(--line-solid, solid);
    
    
    /* ------------------------ collapse ------------------------ */
    
    
    
    --collapse-title-bg-color: var(--color-white, #FFFFFF);
    
    
    
    --collapse-title-height: var(--s-6, 24px);
    
    
    
    --collapse-title-hover-bg-color: var(--color-fill1-2, #F7F7F7);
    
    
    
    --collapse-panel-border-color: var(--color-line1-1, #E8E8E8);
    
    
    
    --collapse-icon-color: var(--color-fill1-6, #8B8B8B);
    
    
    
    --collapse-title-font-color: var(--color-text1-4, #292929);
    
    
    
    --collapse-content-font-size: var(--font-size-body-1, 14px);
    
    
    
    --collapse-content-color: var(--color-text1-2, #6E6E6E);
    
    
    
    --collapse-border-width: var(--line-zero, 0px);
    
    
    
    --collapse-border-color: var(--color-transparent, transparent);
    
    
    
    --collapse-title-border-width: var(--line-zero, 0px);
    
    
    
    --collapse-title-font-weight: var(--font-weight-medium, 500);
    
    
    
    --collapse-title-padding-tb: var(--s-2, 8px);
    
    
    
    --collapse-content-padding-x: var(--s-9, 36px);
    
    
    
    --collapse-title-hover-font-color: var(--color-text1-4, #292929);
    
    
    
    --collapse-title-hover-font-weight: var(--font-weight-medium, 500);
    
    
    
    --collapse-content-padding-y: 8px;
    
    
    
    --collapse-icon-size: var(--icon-m, 20px);
    
    
    
    --collapse-fold-icon-content: var(--icon-content-trilateral-right-fill, "");
    
    
    
    --collapse-unfold-icon-content: var(--icon-content-trilateral-down-fill, "");
    
    
    
    --collapse-border-corner: var(--corner-1, 4px);
    
    
    
    --collapse-disabled-border-color: var(--color-line1-1, #E8E8E8);
    
    
    
    --collapse-title-disabled-bg-color: var(--color-fill1-2, #F7F7F7);
    
    
    
    --collapse-title-font-disabled-color: var(--color-text1-1, #adadad);
    
    
    
    --collapse-title-font-size: var(--font-size-body-2, 14px);
    
    
    
    --collapse-icon-hover-color: var(--color-text1-4, #292929);
    
    
    
    --collapse-icon-margin-r: var(--s-2, 8px);
    
    
    
    --collapse-icon-margin-l: var(--s-3, 12px);
    
    
    
    --collapse-content-bg-color: var(--color-white, #FFFFFF);
    
    
    /* ------------------------ pagination ------------------------ */
    
    
    
    --pagination-item-corner: var(--corner-1, 4px);
    
    
    
    --pagination-large-item-corner: var(--corner-1, 4px);
    
    
    
    --pagination-small-item-corner: var(--corner-1, 4px);
    
    
    
    --pagination-item-shadow: var(--shadow-zero, none);
    
    
    
    --pagination-item-current-shadow: var(--shadow-zero, none);
    
    
    
    --pagination-item-hover-shadow: var(--shadow-zero, none);
    
    
    
    --pagination-item-current-hover-shadow: var(--shadow-zero, none);
    
    
    
    --pagination-item-split: var(--s-2, 8px);
    
    
    
    --pagination-item-border-width: var(--line-1, 1px);
    
    
    
    --pagination-current-font-size: var(--font-size-body-1, 14px);
    
    
    
    --pagination-total-font-size: var(--font-size-body-2, 14px);
    
    
    
    --pagination-total-color: var(--color-text1-2, #6E6E6E);
    
    
    
    --pagination-item-current-border-color: var(--color-transparent, transparent);
    
    
    
    --pagination-item-current-color: var(--color-text1-4, #292929);
    
    
    
    --pagination-ellipsis-color: var(--color-fill1-6, #8B8B8B);
    
    
    
    --pagination-current-color: var(--color-text1-2, #6E6E6E);
    
    
    
    --pagination-jump-color: var(--color-text1-1, #adadad);
    
    
    
    --pagination-item-border-color: var(--color-transparent, transparent);
    
    
    
    --pagination-item-color: var(--color-text1-3, #575757);
    
    
    
    --pagination-item-bg: var(--color-transparent, transparent);
    
    
    
    --pagination-item-current-bg: var(--color-fill1-2, #F7F7F7);
    
    
    
    --pagination-arrow-color: var(--color-fill1-6, #8B8B8B);
    
    
    
    --pagination-item-current-hover-color: var(--color-text1-4, #292929);
    
    
    
    --pagination-item-current-hover-bg: var(--color-fill1-2, #F7F7F7);
    
    
    
    --pagination-arrow-hover-color: var(--color-brand1-6, #1B9AEE);
    
    
    
    --pagination-ellipsis-margin: var(--s-1, 4px);
    
    
    
    --pagination-input-width: var(--s-12, 48px);
    
    
    
    --pagination-input-margin: var(--s-1, 4px);
    
    
    
    --pagination-large-item-split: var(--s-1, 4px);
    
    
    
    --pagination-large-item-border-width: var(--line-zero, 0px);
    
    
    
    --pagination-large-current-font-size: var(--font-size-body-1, 14px);
    
    
    
    --pagination-large-total-font-size: var(--font-size-body-1, 14px);
    
    
    
    --pagination-large-input-width: var(--s-16, 64px);
    
    
    
    --pagination-large-jump-font-size: var(--font-size-body-1, 14px);
    
    
    
    --pagination-item-current-hover-border-color: var(--color-fill1-2, #F7F7F7);
    
    
    
    --pagination-item-padding: 10px;
    
    
    
    --pagination-item-border-style: var(--line-solid, solid);
    
    
    
    --pagination-ellipsis-size: var(--icon-xs, 12px);
    
    
    
    --pagination-jump-font-size: var(--font-size-body-1, 14px);
    
    
    
    --pagination-size-selector-title-margin-right: var(--s-1, 4px);
    
    
    
    --pagination-size-selector-number-padding: var(--s-3, 12px);
    
    
    
    --pagination-large-item-padding: 15px;
    
    
    
    --pagination-large-ellipsis-size: var(--icon-s, 16px);
    
    
    
    --pagination-large-size-selector-number-padding: var(--s-4, 16px);
    
    
    
    --pagination-small-item-split: var(--s-1, 4px);
    
    
    
    --pagination-small-item-padding: 6px;
    
    
    
    --pagination-small-item-border-width: var(--line-1, 1px);
    
    
    
    --pagination-small-ellipsis-size: var(--icon-xs, 12px);
    
    
    
    --pagination-small-current-font-size: var(--font-size-caption, 12px);
    
    
    
    --pagination-small-total-font-size: var(--font-size-caption, 12px);
    
    
    
    --pagination-small-input-width: var(--s-7, 28px);
    
    
    
    --pagination-small-jump-font-size: var(--font-size-caption, 12px);
    
    
    
    --pagination-small-size-selector-number-padding: var(--s-2, 8px);
    
    
    
    --pagination-size-selector-title-color: var(--color-text1-2, #6E6E6E);
    
    
    
    --pagination-size-selector-filter-color: var(--color-text1-3, #575757);
    
    
    
    --pagination-size-selector-filter-current-color: var(--color-brand1-6, #1B9AEE);
    
    
    
    --pagination-item-hover-border-color: var(--color-line1-4, #FFFFFF);
    
    
    
    --pagination-item-hover-color: var(--color-text1-4, #292929);
    
    
    
    --pagination-item-hover-bg: var(--color-fill1-2, #F7F7F7);
    
    
    
    --pagination-icon-prev-content: var(--icon-content-arrow-left, "");
    
    
    
    --pagination-icon-next-content: var(--icon-content-arrow-right, "");
    
    
    
    --pagination-icon-ellipsis-content: var(--icon-content-ellipsis, "");
    
    
    
    --pagination-arrow-hover-color-noboder: var(--color-brand1-6, #1B9AEE);
    
    
    /* ------------------------ nav ------------------------ */
    
    
    
    --nav-hoz-item-selected-active-line: var(--line-2, 2px);
    
    
    
    --nav-primary-bg-color: var(--color-other-1, #3A3C4B);
    
    
    
    --nav-primary-sub-nav-bg-color: var(--color-other-1, #3A3C4B);
    
    
    
    --nav-primary-item-hover-bg-color: var(--color-other-2, #FFFFFF);
    
    
    
    --nav-primary-item-hover-text-color: var(--color-brand1-6, #1B9AEE);
    
    
    
    --nav-primary-sub-nav-hover-bg-color: var(--color-other-1, #3A3C4B);
    
    
    
    --nav-primary-item-selected-bg-color: var(--color-other-2, #FFFFFF);
    
    
    
    --nav-primary-item-selected-text-color: var(--color-brand1-6, #1B9AEE);
    
    
    
    --nav-primary-item-selected-active-color: var(--color-other-2, #FFFFFF);
    
    
    
    --nav-primary-item-opened-bg-color: var(--color-other-1, #3A3C4B);
    
    
    
    --nav-secondary-item-selected-text-style: var(--font-weight-2, normal);
    
    
    
    --nav-normal-border-color: var(--color-line1-2, #DBDBDB);
    
    
    
    --nav-normal-shadow: var(--shadow-zero, none);
    
    
    
    --nav-normal-item-hover-bg-color: var(--color-fill1-2, #F7F7F7);
    
    
    
    --nav-normal-sub-nav-hover-bg-color: var(--color-brand1-1, #F0F9FF);
    
    
    
    --nav-normal-item-selected-bg-color: var(--color-brand1-1, #F0F9FF);
    
    
    
    --nav-normal-item-selected-active-color: var(--color-brand1-6, #1B9AEE);
    
    
    
    --nav-normal-sub-nav-selected-bg-color: var(--color-brand1-1, #F0F9FF);
    
    
    
    --nav-normal-sub-nav-selected-text-color: var(--color-text1-4, #292929);
    
    
    
    --nav-normal-item-opened-bg-color: var(--color-white, #FFFFFF);
    
    
    
    --nav-line-item-selected-text-style: var(--font-weight-2, normal);
    
    
    
    --nav-secondary-item-hover-bg-color: var(--color-brand1-5, #41AAF0);
    
    
    
    --nav-secondary-item-hover-active-color: var(--color-brand1-5, #41AAF0);
    
    
    
    --nav-ver-item-corner: var(--corner-1, 4px);
    
    
    
    --nav-icon-self-size: var(--icon-s, 16px);
    
    
    
    --nav-normal-item-selected-text-color: var(--color-text1-4, #292929);
    
    
    
    --nav-normal-text-color: var(--color-text1-3, #575757);
    
    
    
    --nav-normal-sub-nav-text-color: var(--color-text1-3, #575757);
    
    
    
    --nav-normal-group-text-color: var(--color-text1-4, #292929);
    
    
    
    --nav-normal-item-hover-text-color: var(--color-text1-3, #575757);
    
    
    
    --nav-normal-item-opened-text-color: var(--color-text1-4, #292929);
    
    
    
    --nav-normal-group-text-style: var(--font-weight-semi-bold, 600);
    
    
    
    --nav-normal-item-selected-text-style: var(--font-weight-medium, 500);
    
    
    
    --nav-ver-height: 36px;
    
    
    
    --nav-ver-sub-nav-height: 40px;
    
    
    
    --nav-ver-item-selected-active-line: var(--line-zero, 0px);
    
    
    
    --nav-group-height: 40px;
    
    
    
    --nav-icon-self-margin: 16px;
    
    
    
    --nav-normal-sub-nav-hover-text-color: var(--color-text1-4, #292929);
    
    
    
    --nav-ver-item-margin-lr: undefinedpx;
    
    
    
    --nav-ver-item-margin-tb: 8px;
    
    
    
    --nav-ver-item-padding-lr: 12px;
    
    
    
    --nav-ver-sub-nav-font-size: var(--font-size-body-1, 14px);
    
    
    
    --nav-group-font-size: var(--font-size-subhead, 16px);
    
    
    
    --nav-hoz-height: var(--s-11, 44px);
    
    
    
    --nav-hoz-font-size: var(--font-size-body-1, 14px);
    
    
    
    --nav-hoz-item-margin-tb: var(--s-zero, 0px);
    
    
    
    --nav-hoz-item-margin-lr: var(--s-zero, 0px);
    
    
    
    --nav-hoz-item-padding-lr: var(--s-5, 20px);
    
    
    
    --nav-hoz-item-corner: var(--corner-zero, 0px);
    
    
    
    --nav-hoz-item-hover-active-line: var(--line-zero, 0px);
    
    
    
    --nav-ver-font-size: var(--font-size-body-1, 14px);
    
    
    
    --nav-ver-item-hover-active-line: var(--line-zero, 0px);
    
    
    
    --nav-icon-only-font-size: var(--icon-s, 16px);
    
    
    
    --nav-primary-border-width: var(--line-zero, 0px);
    
    
    
    --nav-primary-border-color: var(--color-text1-4, #292929);
    
    
    
    --nav-primary-text-color: var(--color-white, #FFFFFF);
    
    
    
    --nav-primary-text-style: var(--font-weight-2, normal);
    
    
    
    --nav-primary-shadow: var(--shadow-2, 0px 3px 8px 0px rgba(0, 0, 0, 0.18));
    
    
    
    --nav-primary-sub-nav-text-color: var(--color-white, #FFFFFF);
    
    
    
    --nav-primary-sub-nav-text-style: var(--font-weight-2, normal);
    
    
    
    --nav-primary-group-text-color: var(--color-text1-2, #6E6E6E);
    
    
    
    --nav-primary-group-text-style: var(--font-weight-2, normal);
    
    
    
    --nav-primary-item-hover-text-style: var(--font-weight-2, normal);
    
    
    
    --nav-primary-item-hover-active-color: var(--color-brand1-6, #1B9AEE);
    
    
    
    --nav-primary-sub-nav-hover-text-color: var(--color-white, #FFFFFF);
    
    
    
    --nav-primary-item-selected-text-style: var(--font-weight-3, bold);
    
    
    
    --nav-primary-item-childselected-bg-color: var(--color-transparent, transparent);
    
    
    
    --nav-primary-item-childselected-text-color: var(--color-white, #FFFFFF);
    
    
    
    --nav-primary-item-childselected-text-style: var(--font-weight-3, bold);
    
    
    
    --nav-primary-sub-nav-selected-bg-color: var(--color-black, #000000);
    
    
    
    --nav-primary-sub-nav-selected-text-color: var(--color-white, #FFFFFF);
    
    
    
    --nav-primary-sub-nav-active-color: var(--color-brand1-6, #1B9AEE);
    
    
    
    --nav-primary-item-disabled-text-color: var(--color-text1-1, #adadad);
    
    
    
    --nav-primary-item-opened-text-color: var(--color-white, #FFFFFF);
    
    
    
    --nav-secondary-bg-color: var(--color-brand1-6, #1B9AEE);
    
    
    
    --nav-secondary-border-width: var(--line-zero, 0px);
    
    
    
    --nav-secondary-border-color: var(--color-brand1-6, #1B9AEE);
    
    
    
    --nav-secondary-text-color: var(--color-white, #FFFFFF);
    
    
    
    --nav-secondary-text-style: var(--font-weight-2, normal);
    
    
    
    --nav-secondary-shadow: var(--shadow-2, 0px 3px 8px 0px rgba(0, 0, 0, 0.18));
    
    
    
    --nav-secondary-sub-nav-bg-color: var(--color-brand1-6, #1B9AEE);
    
    
    
    --nav-secondary-sub-nav-text-color: var(--color-white, #FFFFFF);
    
    
    
    --nav-secondary-sub-nav-text-style: var(--font-weight-2, normal);
    
    
    
    --nav-secondary-group-text-color: var(--color-white, #FFFFFF);
    
    
    
    --nav-secondary-group-text-style: var(--font-weight-2, normal);
    
    
    
    --nav-secondary-item-hover-text-color: var(--color-white, #FFFFFF);
    
    
    
    --nav-secondary-item-hover-text-style: var(--font-weight-2, normal);
    
    
    
    --nav-secondary-sub-nav-hover-bg-color: var(--color-brand1-9, #064C7A);
    
    
    
    --nav-secondary-sub-nav-hover-text-color: var(--color-white, #FFFFFF);
    
    
    
    --nav-secondary-item-selected-bg-color: var(--color-brand1-9, #064C7A);
    
    
    
    --nav-secondary-item-selected-text-color: var(--color-white, #FFFFFF);
    
    
    
    --nav-secondary-item-childselected-bg-color: var(--color-transparent, transparent);
    
    
    
    --nav-secondary-item-childselected-text-color: var(--color-white, #FFFFFF);
    
    
    
    --nav-secondary-item-childselected-text-style: var(--font-weight-3, bold);
    
    
    
    --nav-secondary-item-selected-active-color: var(--color-brand1-9, #064C7A);
    
    
    
    --nav-secondary-sub-nav-selected-bg-color: var(--color-brand1-9, #064C7A);
    
    
    
    --nav-secondary-sub-nav-selected-text-color: var(--color-white, #FFFFFF);
    
    
    
    --nav-secondary-sub-nav-active-color: var(--color-brand1-6, #1B9AEE);
    
    
    
    --nav-secondary-item-disabled-text-color: var(--color-brand1-1, #F0F9FF);
    
    
    
    --nav-secondary-item-opened-bg-color: var(--color-transparent, transparent);
    
    
    
    --nav-secondary-item-opened-text-color: var(--color-white, #FFFFFF);
    
    
    
    --nav-normal-bg-color: var(--color-white, #FFFFFF);
    
    
    
    --nav-normal-text-style: var(--font-weight-2, normal);
    
    
    
    --nav-normal-border-line: var(--line-1, 1px);
    
    
    
    --nav-normal-sub-nav-bg-color: var(--color-white, #FFFFFF);
    
    
    
    --nav-normal-sub-nav-text-style: var(--font-weight-2, normal);
    
    
    
    --nav-normal-item-hover-text-style: var(--font-weight-2, normal);
    
    
    
    --nav-normal-item-hover-active-color: var(--color-brand1-6, #1B9AEE);
    
    
    
    --nav-normal-item-childselected-bg-color: var(--color-transparent, transparent);
    
    
    
    --nav-normal-item-childselected-text-color: var(--color-brand1-6, #1B9AEE);
    
    
    
    --nav-normal-item-childselected-text-style: var(--font-weight-2, normal);
    
    
    
    --nav-normal-sub-nav-active-color: var(--color-brand1-6, #1B9AEE);
    
    
    
    --nav-normal-item-disabled-text-color: var(--color-text1-2, #6E6E6E);
    
    
    
    --nav-line-bg-color: var(--color-transparent, transparent);
    
    
    
    --nav-line-border-color: var(--color-line1-2, #DBDBDB);
    
    
    
    --nav-line-text-color: var(--color-text1-4, #292929);
    
    
    
    --nav-line-text-style: var(--font-weight-2, normal);
    
    
    
    --nav-line-border-line: var(--line-1, 1px);
    
    
    
    --nav-line-sub-nav-bg-color: var(--color-transparent, transparent);
    
    
    
    --nav-line-sub-nav-text-color: var(--color-text1-4, #292929);
    
    
    
    --nav-line-sub-nav-text-style: var(--font-weight-2, normal);
    
    
    
    --nav-line-item-hover-bg-color: var(--color-transparent, transparent);
    
    
    
    --nav-line-item-hover-text-color: var(--color-brand1-6, #1B9AEE);
    
    
    
    --nav-line-item-hover-text-style: var(--font-weight-2, normal);
    
    
    
    --nav-line-item-hover-active-color: var(--color-brand1-6, #1B9AEE);
    
    
    
    --nav-line-sub-nav-hover-bg-color: var(--color-transparent, transparent);
    
    
    
    --nav-line-sub-nav-hover-text-color: var(--color-brand1-6, #1B9AEE);
    
    
    
    --nav-line-item-selected-bg-color: var(--color-transparent, transparent);
    
    
    
    --nav-line-item-selected-text-color: var(--color-brand1-6, #1B9AEE);
    
    
    
    --nav-line-item-childselected-bg-color: var(--color-transparent, transparent);
    
    
    
    --nav-line-item-childselected-text-color: var(--color-brand1-6, #1B9AEE);
    
    
    
    --nav-line-item-childselected-text-style: var(--font-weight-2, normal);
    
    
    
    --nav-line-item-selected-active-color: var(--color-brand1-6, #1B9AEE);
    
    
    
    --nav-line-sub-nav-selected-bg-color: var(--color-transparent, transparent);
    
    
    
    --nav-line-sub-nav-selected-text-color: var(--color-brand1-6, #1B9AEE);
    
    
    
    --nav-line-sub-nav-active-color: var(--color-brand1-6, #1B9AEE);
    
    
    
    --nav-line-item-disabled-text-color: var(--color-text1-2, #6E6E6E);
    
    
    
    --nav-line-item-opened-bg-color: var(--color-transparent, transparent);
    
    
    
    --nav-line-item-opened-text-color: var(--color-brand1-6, #1B9AEE);
    
    
    
    --nav-line-group-text-color: var(--color-text1-2, #6E6E6E);
    
    
    
    --nav-line-group-text-style: var(--font-weight-2, normal);
    
    
    /* ------------------------ calendar ------------------------ */
    
    
    
    --calendar-card-table-cell-date-border-radius: var(--corner-1, 4px);
    
    
    
    --calendar-card-table-cell-month-border-radius: var(--corner-1, 4px);
    
    
    
    --calendar-fullscreen-table-cell-normal-background: var(--color-white, #FFFFFF);
    
    
    
    --calendar-fullscreen-table-cell-normal-color: var(--color-text1-2, #6E6E6E);
    
    
    
    --calendar-fullscreen-table-cell-hover-background: var(--color-fill1-2, #F7F7F7);
    
    
    
    --calendar-fullscreen-table-cell-hover-color: var(--color-text1-2, #6E6E6E);
    
    
    
    --calendar-fullscreen-table-cell-other-background: var(--color-fill1-2, #F7F7F7);
    
    
    
    --calendar-fullscreen-table-cell-other-border-color: var(--color-line1-1, #E8E8E8);
    
    
    
    --calendar-card-table-cell-month-height: var(--s-8, 32px);
    
    
    
    --calendar-card-table-cell-year-height: var(--s-8, 32px);
    
    
    
    --calendar-card-table-cell-normal-background: var(--color-white, #FFFFFF);
    
    
    
    --calendar-card-table-cell-normal-border-color: var(--color-white, #FFFFFF);
    
    
    
    --calendar-card-table-cell-hover-border-color: var(--color-transparent, transparent);
    
    
    
    --calendar-card-table-cell-select-font-weight: var(--font-weight-2, normal);
    
    
    
    --calendar-panel-header-border-bottom-width: var(--line-1, 1px);
    
    
    
    --calendar-panel-header-background: var(--color-transparent, transparent);
    
    
    
    --calendar-panel-header-border-bottom-color: var(--color-transparent, transparent);
    
    
    
    --calendar-btn-arrow-size: var(--icon-s, 16px);
    
    
    
    --calendar-btn-arrow-color-hover: var(--color-fill1-6, #8B8B8B);
    
    
    
    --calendar-btn-date-color-hover: var(--color-link-3, #1B9AEE);
    
    
    
    --calendar-card-table-head-font-size: var(--font-size-body-1, 14px);
    
    
    
    --calendar-card-table-cell-font-size: var(--font-size-body-1, 14px);
    
    
    
    --calendar-card-table-head-color: var(--color-text1-1, #adadad);
    
    
    
    --calendar-card-table-cell-normal-color: var(--color-text1-3, #575757);
    
    
    
    --calendar-card-table-cell-hover-background: var(--color-fill1-2, #F7F7F7);
    
    
    
    --calendar-card-table-cell-hover-color: var(--color-text1-3, #575757);
    
    
    
    --calendar-btn-arrow-color: var(--color-fill1-6, #8B8B8B);
    
    
    
    --calendar-fullscreen-table-head-font-size: var(--font-size-body-1, 14px);
    
    
    
    --calendar-fullscreen-table-cell-boder-top-width: var(--line-1, 1px);
    
    
    
    --calendar-fullscreen-table-cell-normal-border-color: var(--color-line1-1, #E8E8E8);
    
    
    
    --calendar-fullscreen-table-cell-hover-border-color: var(--color-line1-1, #E8E8E8);
    
    
    
    --calendar-fullscreen-table-cell-select-border-color: var(--color-line1-1, #E8E8E8);
    
    
    
    --calendar-fullscreen-table-cell-current-border-color: var(--color-line1-1, #E8E8E8);
    
    
    
    --calendar-fullscreen-table-head-font-weight: var(--font-weight-3, bold);
    
    
    
    --calendar-card-table-cell-date-height: 32px;
    
    
    
    --calendar-panel-header-height: var(--s-8, 32px);
    
    
    
    --calendar-btn-arrow-single-offset-lr: var(--s-8, 32px);
    
    
    
    --calendar-fullscreen-table-cell-margin-tb: var(--s-zero, 0px);
    
    
    
    --calendar-fullscreen-table-cell-padding-tb: var(--s-1, 4px);
    
    
    
    --calendar-fullscreen-table-cell-padding-lr: var(--s-2, 8px);
    
    
    
    --calendar-fullscreen-table-cell-min-height: var(--s-20, 80px);
    
    
    
    --calendar-card-table-cell-date-width: 32px;
    
    
    
    --calendar-card-table-cell-month-width: var(--s-20, 80px);
    
    
    
    --calendar-card-header-margin-bottom: var(--s-3, 12px);
    
    
    
    --calendar-card-table-cell-year-width: var(--s-20, 80px);
    
    
    
    --calendar-card-table-cell-current-font-weight: var(--font-weight-medium, 500);
    
    
    
    --calendar-fullscreen-header-margin-bottom: var(--s-2, 8px);
    
    
    
    --calendar-fullscreen-table-head-padding-r: var(--s-3, 12px);
    
    
    
    --calendar-fullscreen-table-head-padding-b: var(--s-1, 4px);
    
    
    
    --calendar-fullscreen-table-cell-margin-lr: var(--s-1, 4px);
    
    
    
    --calendar-card-table-cell-disabled-border-color: var(--color-transparent, transparent);
    
    
    
    --calendar-panel-header-margin-bottom: var(--s-3, 12px);
    
    
    
    --calendar-btn-date-font-weight: var(--font-weight-medium, 500);
    
    
    
    --calendar-btn-date-color: var(--color-text1-3, #575757);
    
    
    
    --calendar-btn-arrow-content-prev: var(--icon-content-arrow-left, "");
    
    
    
    --calendar-btn-arrow-content-next: var(--icon-content-arrow-right, "");
    
    
    
    --calendar-btn-arrow-content-prev-super: var(--icon-content-arrow-double-left, "");
    
    
    
    --calendar-btn-arrow-content-next-super: var(--icon-content-arrow-double-right, "");
    
    
    
    --calendar-fullscreen-table-cell-font-size: var(--font-size-body-2, 14px);
    
    
    
    --calendar-fullscreen-table-head-color: var(--color-text1-4, #292929);
    
    
    
    --calendar-fullscreen-table-cell-select-background: var(--color-brand1-1, #F0F9FF);
    
    
    
    --calendar-fullscreen-table-cell-select-color: var(--color-brand1-6, #1B9AEE);
    
    
    
    --calendar-fullscreen-table-cell-select-font-weight: var(--font-weight-3, bold);
    
    
    
    --calendar-fullscreen-table-cell-current-background: var(--color-white, #FFFFFF);
    
    
    
    --calendar-fullscreen-table-cell-current-color: var(--color-brand1-6, #1B9AEE);
    
    
    
    --calendar-fullscreen-table-cell-current-font-weight: var(--font-weight-3, bold);
    
    
    
    --calendar-fullscreen-table-cell-other-color: var(--color-text1-1, #adadad);
    
    
    
    --calendar-fullscreen-table-cell-disabled-background: var(--color-fill1-1, #FFFFFF);
    
    
    
    --calendar-fullscreen-table-cell-disabled-color: var(--color-text1-1, #adadad);
    
    
    
    --calendar-fullscreen-table-cell-disabled-border-color: var(--color-line1-1, #E8E8E8);
    
    
    
    --calendar-card-table-head-font-weight: var(--font-weight-2, normal);
    
    
    
    --calendar-card-table-cell-year-border-radius: var(--corner-1, 4px);
    
    
    
    --calendar-card-table-cell-corner: var(--corner-zero, 0px);
    
    
    
    --calendar-card-table-cell-select-background: var(--color-brand1-6, #1B9AEE);
    
    
    
    --calendar-card-table-cell-select-color: var(--color-white, #FFFFFF);
    
    
    
    --calendar-card-table-cell-select-border-color: var(--color-brand1-6, #1B9AEE);
    
    
    
    --calendar-card-table-cell-other-background: var(--color-white, #FFFFFF);
    
    
    
    --calendar-card-table-cell-other-color: var(--color-text1-1, #adadad);
    
    
    
    --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-color: var(--color-text1-1, #adadad);
    
    
    
    --calendar-card-table-cell-current-background: var(--color-white, #FFFFFF);
    
    
    
    --calendar-card-table-cell-current-color: var(--color-brand1-6, #1B9AEE);
    
    
    
    --calendar-card-table-cell-current-border-color: var(--color-transparent, transparent);
    
    
    
    --calendar-card-table-cell-inrange-background: var(--color-brand1-1, #F0F9FF);
    
    
    
    --calendar-card-table-cell-inrange-color: var(--color-brand1-6, #1B9AEE);
    
    
    
    --calendar-card-table-cell-inrange-border-color: var(--color-brand1-1, #F0F9FF);
    
    
    
    --calendar-btn-date-margin-lr: var(--s-1, 4px);
    
    
    
    --calendar-btn-arrow-double-offset-lr: var(--s-2, 8px);
    
    
    /* ------------------------ checkbox ------------------------ */
    
    
    
    --checkbox-size: var(--s-4, 16px);
    
    
    
    --checkbox-shadow: var(--shadow-zero, none);
    
    
    
    --checkbox-hovered-border-color: var(--color-brand1-4, #68BBF2);
    
    
    
    --checkbox-label-color: var(--color-text1-3, #575757);
    
    
    
    --checkbox-bg-color: var(--color-fill1-1, #FFFFFF);
    
    
    
    --checkbox-checked-hovered-bg-color: var(--color-brand1-7, #127FC7);
    
    
    
    --checkbox-margin-left: var(--s-2, 8px);
    
    
    
    --checkbox-disabled-border-color: var(--color-line1-2, #DBDBDB);
    
    
    
    --checkbox-disabled-bg-color: var(--color-fill1-2, #F7F7F7);
    
    
    
    --checkbox-circle-size: var(--icon-xs, 12px);
    
    
    
    --checkbox-border-radius: var(--corner-1, 4px);
    
    
    
    --checkbox-semi-select-icon-content: var(--icon-content-delete2-fill, "");
    
    
    
    --checkbox-select-icon-content: var(--icon-content-true-fill, "");
    
    
    
    --checkbox-border-color: var(--color-line1-3, #CECECE);
    
    
    
    --checkbox-disabled-label-color: var(--color-fill1-6, #8B8B8B);
    
    
    
    --checkbox-border-width: var(--line-1, 1px);
    
    
    
    --checkbox-checked-border-color: var(--color-transparent, transparent);
    
    
    
    --checkbox-checked-hovered-border-color: var(--color-transparent, transparent);
    
    
    
    --checkbox-checked-circle-color: var(--color-white, #FFFFFF);
    
    
    
    --checkbox-disabled-circle-color: var(--color-text1-1, #adadad);
    
    
    
    --checkbox-checked-hovered-circle-color: var(--color-white, #FFFFFF);
    
    
    
    --checkbox-checked-bg-color: var(--color-brand1-6, #1B9AEE);
    
    
    
    --checkbox-hovered-bg-color: var(--color-brand1-1, #F0F9FF);
    
    
    
    --checkbox-font-size: var(--font-size-body-1, 14px);
    
    
    /* ------------------------ range ------------------------ */
    
    
    
    --range-size-m-track-radius: var(--corner-3, 50px);
    
    
    
    --range-normal-unselected-color: var(--color-line1-1, #E8E8E8);
    
    
    
    --range-normal-selected-color: var(--color-brand1-4, #68BBF2);
    
    
    
    --range-normal-mark-color: var(--color-text1-1, #adadad);
    
    
    
    --range-normal-mark-selected-color: var(--color-text1-1, #adadad);
    
    
    
    --range-size-m-slider-shadow: var(--shadow-1-down, 0px 3px 8px 0px rgba(0, 0, 0, 0.03));
    
    
    
    --range-size-m-slider-shadow-hover: var(--shadow-1-down, 0px 3px 8px 0px rgba(0, 0, 0, 0.03));
    
    
    
    --range-normal-mark-color-hover: var(--color-text1-1, #adadad);
    
    
    
    --range-normal-mark-selected-color-hover: var(--color-text1-1, #adadad);
    
    
    
    --range-normal-unselected-color-disabled: var(--color-line1-1, #E8E8E8);
    
    
    
    --range-normal-selected-color-disabled: var(--color-line1-2, #DBDBDB);
    
    
    
    --range-normal-slider-bg-color-disabled: var(--color-fill1-1, #FFFFFF);
    
    
    
    --range-normal-slider-border-color: var(--color-brand1-6, #1B9AEE);
    
    
    
    --range-normal-slider-border-color-disabled: var(--color-fill1-6, #8B8B8B);
    
    
    
    --range-size-m-track-height: 6px;
    
    
    
    --range-size-m-scale-height: 12px;
    
    
    
    --range-size-m-slider-hw: var(--s-5, 20px);
    
    
    
    --range-normal-unselected-color-hover: var(--color-line1-1, #E8E8E8);
    
    
    
    --range-normal-selected-color-hover: var(--color-notice-3, #90CDF5);
    
    
    
    --range-size-slider-border-width: var(--line-3, 6px);
    
    
    
    --range-size-m-scale-item-border-width: var(--line-1, 1px);
    
    
    
    --range-size-slider-border-style: var(--line-solid, solid);
    
    
    
    --range-size-m-mark-top: 30px;
    
    
    
    --range-size-m-mark-font-size: var(--font-size-body-1, 14px);
    
    
    
    --range-size-m-mark-font-weight: var(--font-weight-2, normal);
    
    
    
    --range-size-m-mark-font-lineheight: 20px;
    
    
    
    --range-size-m-scale-radius: var(--corner-zero, 0px);
    
    
    
    --range-size-m-slider-shadow-moving: var(--shadow-2, 0px 3px 8px 0px rgba(0, 0, 0, 0.18));
    
    
    
    --range-normal-slider-bg-color: var(--color-white, #FFFFFF);
    
    
    
    --range-normal-slider-bg-color-hover: var(--color-white, #FFFFFF);
    
    
    
    --range-normal-slider-border-color-hover: var(--color-transparent, transparent);
    
    
    
    --range-normal-mark-color-disabled: var(--color-text1-1, #adadad);
    
    
    
    --range-normal-mark-selected-color-disabled: var(--color-text1-2, #6E6E6E);
    
    
    /* ------------------------ split-button ------------------------ */
    
    
    
    --split-btn-trigger-normal-icon-color: var(--color-fill1-6, #8B8B8B);
    
    
    
    --split-btn-fold-icon-content: var(--icon-content-arrow-down, "");
    
    
    
    --split-btn-unfold-icon-content: var(--icon-reset, var(--icon-reset));
    
    
    /* ------------------------ tree ------------------------ */
    
    
    
    --tree-node-title-font-size: var(--font-size-body-2, 14px);
    
    
    
    --tree-node-hover-bg-color: var(--color-fill1-2, #F7F7F7);
    
    
    
    --tree-switch-margint-right: var(--s-1, 4px);
    
    
    
    --tree-switch-hover-border-color: var(--color-line1-3, #CECECE);
    
    
    
    --tree-node-padding: var(--s-1, 4px);
    
    
    
    --tree-switch-hover-arrow-color: var(--color-brand1-6, #1B9AEE);
    
    
    
    --tree-node-selected-color: var(--color-brand1-6, #1B9AEE);
    
    
    
    --tree-node-title-border-radius: var(--corner-1, 4px);
    
    
    
    --tree-node-normal-color: var(--color-text1-3, #575757);
    
    
    
    --tree-switch-arrow-color: var(--color-fill1-6, #8B8B8B);
    
    
    
    --tree-node-hover-color: var(--color-text1-3, #575757);
    
    
    
    --tree-switch-arrow-size: var(--icon-m, 20px);
    
    
    
    --tree-switcher-fold-icon-content: var(--icon-content-add-line1, "");
    
    
    
    --tree-switcher-unfold-icon-content: var(--icon-content-delete2-fill, "");
    
    
    
    --tree-fold-icon-content: var(--icon-content-trilateral-down-fill, "");
    
    
    
    --tree-unfold-icon-content: var(--icon-content-trilateral-right-fill, "");
    
    
    
    --tree-node-title-margin: var(--s-1, 4px);
    
    
    
    --tree-node-title-padding: var(--s-1, 4px);
    
    
    
    --tree-switch-size: var(--s-4, 16px);
    
    
    
    --tree-switch-icon-size: var(--icon-xxs, 8px);
    
    
    
    --tree-switch-border-width: var(--line-1, 1px);
    
    
    
    --tree-line-width: var(--line-1, 1px);
    
    
    
    --tree-node-normal-background: var(--color-white, #FFFFFF);
    
    
    
    --tree-switch-icon-color: var(--color-text1-3, #575757);
    
    
    
    --tree-switch-bg-color: var(--color-white, #FFFFFF);
    
    
    
    --tree-switch-border-color: var(--color-line1-3, #CECECE);
    
    
    
    --tree-switch-corner: var(--corner-1, 4px);
    
    
    
    --tree-line-color: var(--color-line1-3, #CECECE);
    
    
    
    --tree-line-style: var(--line-solid, solid);
    
    
    
    --tree-switch-hover-icon-color: var(--color-text1-4, #292929);
    
    
    
    --tree-switch-hover-bg-color: var(--color-fill1-2, #F7F7F7);
    
    
    
    --tree-node-selected-background: var(--color-brand1-1, #F0F9FF);
    
    
    
    --tree-node-disabled-color: var(--color-text1-1, #adadad);
    
    
    
    --tree-node-disabled-background: var(--color-white, #FFFFFF);
    
    
    /* ------------------------ switch ------------------------ */
    
    
    
    --switch-size-m-radius-container: var(--corner-3, 50px);
    
    
    
    --switch-border-width-trigger: var(--line-zero, 0px);
    
    
    
    --switch-disabled-on-trigger-bg-color: var(--color-white, #FFFFFF);
    
    
    
    --switch-on-shadow: var(--shadow-zero, none);
    
    
    
    --switch-disabled-off-bg-color: var(--color-fill1-3, #E8E8E8);
    
    
    
    --switch-disabled-off-trigger-bg-color: var(--color-white, #FFFFFF);
    
    
    
    --switch-normal-off-border-color: var(--color-transparent, transparent);
    
    
    
    --switch-text-off-right: var(--s-2, 8px);
    
    
    
    --switch-size-s-width: var(--s-7, 28px);
    
    
    
    --switch-size-s-trigger: var(--s-3, 12px);
    
    
    
    --switch-border-width-container: var(--line-2, 2px);
    
    
    
    --switch-hover-off-border-color: var(--color-transparent, transparent);
    
    
    
    --switch-size-s-text-off-right: var(--s-4, 16px);
    
    
    
    --switch-text-on-left: var(--s-2, 8px);
    
    
    
    --switch-normal-on-bg-color: var(--color-brand1-6, #1B9AEE);
    
    
    
    --switch-hover-on-bg-color: var(--color-brand1-5, #41AAF0);
    
    
    
    --switch-disabled-on-bg-color: var(--color-brand1-3, #90CDF5);
    
    
    
    --switch-normal-on-color-font: var(--color-transparent, transparent);
    
    
    
    --switch-disabled-on-color-font: var(--color-transparent, transparent);
    
    
    
    --switch-normal-off-bg-color: var(--color-fill1-6, #8B8B8B);
    
    
    
    --switch-hover-off-bg-color: var(--color-fill1-5, #B3B3B3);
    
    
    
    --switch-normal-off-color-font: var(--color-transparent, transparent);
    
    
    
    --switch-disabled-off-color-font: var(--color-transparent, transparent);
    
    
    
    --switch-size-m-radius-trigger: var(--corner-semicircle, 500px);
    
    
    
    --switch-size-s-radius-trigger: var(--corner-semicircle, 500px);
    
    
    
    --switch-size-m-width: var(--s-9, 36px);
    
    
    
    --switch-size-m-trigger: var(--s-4, 16px);
    
    
    
    --switch-size-m-inner-icon: var(--s-4, 16px);
    
    
    
    --switch-size-m-trigger-padding-l: var(--s-2, 8px);
    
    
    
    --switch-size-m-trigger-padding-r: var(--s-2, 8px);
    
    
    
    --switch-size-s-radius-container: var(--corner-3, 50px);
    
    
    
    --switch-size-s-inner-icon: var(--s-3, 12px);
    
    
    
    --switch-size-s-trigger-padding-l: var(--s-2, 8px);
    
    
    
    --switch-size-s-trigger-padding-r: var(--s-2, 8px);
    
    
    
    --switch-normal-on-trigger-bg-color: var(--color-white, #FFFFFF);
    
    
    
    --switch-hover-on-trigger-bg-color: var(--color-white, #FFFFFF);
    
    
    
    --switch-disabled-on-border-color: var(--color-line1-3, #CECECE);
    
    
    
    --switch-handle-on-border-color: var(--color-transparent, transparent);
    
    
    
    --switch-normal-off-trigger-bg-color: var(--color-white, #FFFFFF);
    
    
    
    --switch-hover-off-trigger-bg-color: var(--color-white, #FFFFFF);
    
    
    
    --switch-handle-disabled-border-color: transparent;
    
    
    
    --switch-handle-off-border-color: var(--color-transparent, transparent);
    
    
    
    --switch-off-shadow: var(--shadow-1, 0px 3px 8px 0px rgba(0, 0, 0, 0.03));
    
    
    
    --switch-rtl-on-shadow: var(--shadow-1-left, 0px 0px 8px 0px rgba(0, 0, 0, 0.03));
    
    
    /* ------------------------ badge ------------------------ */
    
    
    
    --badge-size-count-font: var(--font-size-body-1, 14px);
    
    
    
    --badge-size-count-border-radius: var(--s-2, 8px);
    
    
    
    --badge-size-dot-width: var(--s-2, 8px);
    
    
    
    --badge-size-count-config-height: var(--s-4, 16px);
    
    
    
    --badge-size-count-padding-lr: var(--s-1, 4px);
    
    
    
    --badge-dot-color-bg: var(--color-brand1-6, #1B9AEE);
    
    
    
    --badge-color-bg: var(--color-brand1-6, #1B9AEE);
    
    
    
    --badge-size-list-margin: var(--s-zero, 0px);
    
    
    
    --badge-size-custom-padding-lr: var(--s-1, 4px);
    
    
    
    --badge-size-dot-border-radius: var(--s-2, 8px);
    
    
    
    --badge-size-custom-border-radius: var(--corner-1, 4px);
    
    
    /* ------------------------ message ------------------------ */
    
    
    
    --message-size-m-content-font: var(--font-size-body-2, 14px);
    
    
    
    --message-size-m-border-radius: var(--corner-1, 4px);
    
    
    
    --message-size-m-border-radius-toast: var(--corner-1, 4px);
    
    
    
    --message-shadow-toast: var(--shadow-3-down, 0px 6px 24px 0px rgba(0, 0, 0, 0.1));
    
    
    
    --message-success-color-content-addon: var(--color-text1-2, #6E6E6E);
    
    
    
    --message-error-color-content-inline: var(--color-text1-3, #575757);
    
    
    
    --message-error-color-content-addon: var(--color-text1-2, #6E6E6E);
    
    
    
    --message-error-color-icon-inline: var(--color-error-4, #ED675A);
    
    
    
    --message-warning-color-content-inline: var(--color-text1-3, #575757);
    
    
    
    --message-warning-color-content-addon: var(--color-text1-2, #6E6E6E);
    
    
    
    --message-warning-color-icon-inline: var(--color-warning-4, #FFA545);
    
    
    
    --message-notice-color-content-inline: var(--color-text1-2, #6E6E6E);
    
    
    
    --message-notice-color-content-addon: var(--color-text1-2, #6E6E6E);
    
    
    
    --message-notice-color-icon-inline: var(--color-brand1-6, #1B9AEE);
    
    
    
    --message-notice-color-icon-addon: var(--color-brand1-6, #1B9AEE);
    
    
    
    --message-notice-color-icon-toast: var(--color-brand1-6, #1B9AEE);
    
    
    
    --message-size-l-border-width: var(--line-1, 1px);
    
    
    
    --message-close-icon-color: var(--color-fill1-6, #8B8B8B);
    
    
    
    --message-hover-close-icon-color: var(--color-fill1-6, #8B8B8B);
    
    
    
    --message-success-color-icon-inline: var(--color-success-5, #23B066);
    
    
    
    --message-help-color-icon-addon: var(--color-fill1-6, #8B8B8B);
    
    
    
    --message-help-color-icon-toast: var(--color-fill1-6, #8B8B8B);
    
    
    
    --message-success-color-icon-addon: var(--color-success-5, #23B066);
    
    
    
    --message-success-color-icon-toast: var(--color-success-5, #23B066);
    
    
    
    --message-error-color-icon-addon: var(--color-error-5, #E84738);
    
    
    
    --message-error-color-icon-toast: var(--color-error-5, #E84738);
    
    
    
    --message-warning-color-icon-addon: var(--color-warning-5, #F98E1B);
    
    
    
    --message-warning-color-icon-toast: var(--color-warning-5, #F98E1B);
    
    
    
    --message-success-color-bg-inline: var(--color-success-1, #F0FFF7);
    
    
    
    --message-success-color-border-inline: var(--color-transparent, transparent);
    
    
    
    --message-error-color-bg-inline: var(--color-error-1, #FFF1F0);
    
    
    
    --message-error-color-border-inline: var(--color-transparent, transparent);
    
    
    
    --message-warning-color-bg-inline: var(--color-warning-1, #FFF8F0);
    
    
    
    --message-warning-color-border-inline: var(--color-transparent, transparent);
    
    
    
    --message-notice-color-bg-inline: var(--color-notice-1, #F0F9FF);
    
    
    
    --message-notice-color-border-inline: var(--color-transparent, transparent);
    
    
    
    --message-help-color-border-inline: var(--color-transparent, transparent);
    
    
    
    --message-loading-color-bg-inline: var(--color-notice-1, #F0F9FF);
    
    
    
    --message-loading-color-border-inline: var(--color-transparent, transparent);
    
    
    
    --message-size-m-icon: var(--icon-m, 20px);
    
    
    
    --message-success-color-border-toast: var(--color-line1-1, #E8E8E8);
    
    
    
    --message-error-color-border-toast: var(--color-line1-1, #E8E8E8);
    
    
    
    --message-warning-color-border-toast: var(--color-line1-1, #E8E8E8);
    
    
    
    --message-notice-color-border-toast: var(--color-line1-1, #E8E8E8);
    
    
    
    --message-help-color-border-toast: var(--color-line1-1, #E8E8E8);
    
    
    
    --message-loading-color-border-toast: var(--color-line1-1, #E8E8E8);
    
    
    
    --message-size-m-close-right: 12px;
    
    
    
    --message-size-m-close-top: var(--s-3, 12px);
    
    
    
    --message-size-m-padding: var(--s-2, 8px);
    
    
    
    --message-size-m-content-margin-top: var(--s-1, 4px);
    
    
    
    --message-size-l-title-content-padding-left: var(--s-2, 8px);
    
    
    
    --message-size-m-title-content-padding-left: var(--s-2, 8px);
    
    
    
    --message-size-l-padding: var(--s-3, 12px);
    
    
    
    --message-size-l-title-content-padding-right: var(--s-2, 8px);
    
    
    
    --message-size-l-title-font: var(--font-size-body-2, 14px);
    
    
    
    --message-size-l-content-margin-top: var(--s-1, 4px);
    
    
    
    --message-size-l-content-font: var(--font-size-body-2, 14px);
    
    
    
    --message-size-m-title-content-padding-right: var(--s-2, 8px);
    
    
    
    --message-size-m-title-font: var(--font-size-body-2, 14px);
    
    
    
    --message-success-color-content-inline: var(--color-text1-2, #6E6E6E);
    
    
    
    --message-help-color-bg-inline: var(--color-fill1-2, #F7F7F7);
    
    
    
    --message-help-color-icon-inline: var(--color-fill1-6, #8B8B8B);
    
    
    
    --message-success-icon-content: var(--icon-content-success, "");
    
    
    
    --message-warning-icon-content: var(--icon-content-warning, "");
    
    
    
    --message-error-icon-content: var(--icon-content-error, "");
    
    
    
    --message-notice-icon-content: var(--icon-content-prompt, "");
    
    
    
    --message-help-icon-content: var(--icon-content-question-fill, "");
    
    
    
    --message-size-l-icon: var(--icon-m, 20px);
    
    
    
    --message-size-l-close-top: var(--s-3, 12px);
    
    
    
    --message-size-l-close-right: var(--s-3, 12px);
    
    
    
    --message-close-icon-size: var(--icon-s, 16px);
    
    
    
    --message-size-m-border-width: var(--line-1, 1px);
    
    
    
    --message-size-l-border-radius: var(--corner-1, 4px);
    
    
    
    --message-size-l-border-radius-toast: var(--corner-1, 4px);
    
    
    
    --message-border-style: var(--line-solid, solid);
    
    
    
    --message-border-style-toast: var(--line-solid, solid);
    
    
    
    --message-success-color-bg-addon: var(--color-transparent, transparent);
    
    
    
    --message-success-color-bg-toast: var(--color-white, #FFFFFF);
    
    
    
    --message-success-color-title-inline: var(--color-text1-4, #292929);
    
    
    
    --message-success-color-title-addon: var(--color-text1-4, #292929);
    
    
    
    --message-success-color-title-toast: var(--color-text1-4, #292929);
    
    
    
    --message-success-color-content-toast: var(--color-text1-3, #575757);
    
    
    
    --message-error-color-bg-addon: var(--color-transparent, transparent);
    
    
    
    --message-error-color-bg-toast: var(--color-white, #FFFFFF);
    
    
    
    --message-error-color-title-inline: var(--color-text1-4, #292929);
    
    
    
    --message-error-color-title-addon: var(--color-text1-4, #292929);
    
    
    
    --message-error-color-title-toast: var(--color-text1-4, #292929);
    
    
    
    --message-error-color-content-toast: var(--color-text1-3, #575757);
    
    
    
    --message-warning-color-bg-addon: var(--color-transparent, transparent);
    
    
    
    --message-warning-color-bg-toast: var(--color-white, #FFFFFF);
    
    
    
    --message-warning-color-title-inline: var(--color-text1-4, #292929);
    
    
    
    --message-warning-color-title-addon: var(--color-text1-4, #292929);
    
    
    
    --message-warning-color-title-toast: var(--color-text1-4, #292929);
    
    
    
    --message-warning-color-content-toast: var(--color-text1-3, #575757);
    
    
    
    --message-notice-color-bg-addon: var(--color-transparent, transparent);
    
    
    
    --message-notice-color-bg-toast: var(--color-white, #FFFFFF);
    
    
    
    --message-notice-color-title-inline: var(--color-text1-4, #292929);
    
    
    
    --message-notice-color-title-addon: var(--color-text1-4, #292929);
    
    
    
    --message-notice-color-title-toast: var(--color-text1-4, #292929);
    
    
    
    --message-notice-color-content-toast: var(--color-text1-3, #575757);
    
    
    
    --message-help-color-bg-addon: var(--color-transparent, transparent);
    
    
    
    --message-help-color-bg-toast: var(--color-white, #FFFFFF);
    
    
    
    --message-help-color-title-inline: var(--color-text1-4, #292929);
    
    
    
    --message-help-color-title-addon: var(--color-text1-4, #292929);
    
    
    
    --message-help-color-title-toast: var(--color-text1-4, #292929);
    
    
    
    --message-help-color-content-inline: var(--color-text1-3, #575757);
    
    
    
    --message-help-color-content-addon: var(--color-text1-3, #575757);
    
    
    
    --message-help-color-content-toast: var(--color-text1-3, #575757);
    
    
    
    --message-loading-color-bg-addon: var(--color-transparent, transparent);
    
    
    
    --message-loading-color-bg-toast: var(--color-white, #FFFFFF);
    
    
    
    --message-loading-color-title-inline: var(--color-text1-4, #292929);
    
    
    
    --message-loading-color-title-addon: var(--color-text1-4, #292929);
    
    
    
    --message-loading-color-title-toast: var(--color-text1-4, #292929);
    
    
    
    --message-loading-color-content-inline: var(--color-text1-3, #575757);
    
    
    
    --message-loading-color-content-addon: var(--color-text1-3, #575757);
    
    
    
    --message-loading-color-content-toast: var(--color-text1-3, #575757);
    
    
    
    --message-loading-color-icon-inline: var(--color-brand1-6, #1B9AEE);
    
    
    
    --message-loading-color-icon-addon: var(--color-brand1-6, #1B9AEE);
    
    
    
    --message-loading-color-icon-toast: var(--color-brand1-6, #1B9AEE);
    
    
    
    --message-loading-icon-content: var(--icon-content-loading, "");
    
    
    /* ------------------------ dialog ------------------------ */
    
    
    
    --dialog-border-width: var(--line-zero, 0px);
    
    
    
    --dialog-title-border-width: var(--line-1, 1px);
    
    
    
    --dialog-content-font-size: var(--font-size-body-2, 14px);
    
    
    
    --dialog-footer-border-width: var(--line-1, 1px);
    
    
    
    --dialog-footer-padding-top: var(--s-4, 16px);
    
    
    
    --dialog-border-color: var(--color-transparent, transparent);
    
    
    
    --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-footer-border-color: var(--color-transparent, transparent);
    
    
    
    --dialog-content-padding-bottom: var(--s-4, 16px);
    
    
    
    --dialog-footer-button-spacing: var(--s-2, 8px);
    
    
    
    --dialog-content-color: var(--color-text1-2, #6E6E6E);
    
    
    
    --dialog-message-content-padding-bottom: var(--s-1, 4px);
    
    
    
    --dialog-message-content-padding-left-right: var(--s-5, 20px);
    
    
    
    --dialog-title-padding-bottom: 4px;
    
    
    
    --dialog-title-padding-left-right: 20px;
    
    
    
    --dialog-footer-padding-left-right: var(--s-5, 20px);
    
    
    
    --dialog-close-right: var(--s-5, 20px);
    
    
    
    --dialog-title-padding-top: 16px;
    
    
    
    --dialog-footer-padding-bottom: var(--s-4, 16px);
    
    
    
    --dialog-close-color-hovered: var(--color-text1-3, #575757);
    
    
    
    --dialog-content-padding-top: var(--s-3, 12px);
    
    
    
    --dialog-message-content-padding-top: var(--s-4, 16px);
    
    
    
    --dialog-close-width: 16px;
    
    
    
    --dialog-corner: var(--corner-2, 8px);
    
    
    
    --dialog-title-font-size: var(--font-size-subhead, 16px);
    
    
    
    --dialog-title-font-weight: var(--font-weight-2, normal);
    
    
    
    --dialog-content-padding-left-right: var(--s-5, 20px);
    
    
    
    --dialog-content-margin-bottom-no-footer: var(--s-0, 0px);
    
    
    
    --dialog-bg: var(--color-white, #FFFFFF);
    
    
    
    --dialog-border-style: var(--line-solid, solid);
    
    
    
    --dialog-title-color: var(--color-text1-4, #292929);
    
    
    
    --dialog-title-bg-color: var(--color-transparent, transparent);
    
    
    
    --dialog-footer-bg-color: var(--color-transparent, transparent);
    
    
    
    --dialog-close-color: var(--color-text1-2, #6E6E6E);
    
    
    
    --dialog-close-bg-hovered: var(--color-transparent, transparent);
    
    
    
    --dialog-close-top: 16px;
    
    
    
    --dialog-close-size: var(--icon-m, 20px);
    
    
    /* ------------------------ progress ------------------------ */
    
    
    
    --progress-line-height-size-l: 6px;
    
    
    
    --progress-line-height-size-m: var(--s-1, 4px);
    
    
    
    --progress-line-radius-m: var(--corner-2, 8px);
    
    
    
    --progress-line-normal-color: var(--color-notice-4, #41AAF0);
    
    
    
    --progress-circle-size-l: 96px;
    
    
    
    --progress-circle-size-m: 56px;
    
    
    
    --progress-circle-size-s: 36px;
    
    
    
    --progress-circle-underlay-width: 6px;
    
    
    
    --progress-circle-overlay-width: 6px;
    
    
    
    --progress-circle-font-l: var(--font-size-headline, 20px);
    
    
    
    --progress-circle-font-m: var(--font-size-body-2, 14px);
    
    
    
    --progress-circle-font-s: var(--font-size-body-2, 14px);
    
    
    
    --progress-circle-normal-color: var(--color-brand1-6, #1B9AEE);
    
    
    
    --progress-line-error-color: var(--color-error-4, #ED675A);
    
    
    
    --progress-line-success-color: var(--color-success-4, #43BF7E);
    
    
    
    --progress-line-started-color: var(--color-error-4, #ED675A);
    
    
    
    --progress-line-middle-color: var(--color-warning-4, #FFA545);
    
    
    
    --progress-line-finishing-color: var(--color-success-4, #43BF7E);
    
    
    
    --progress-circle-underlay-color: var(--color-fill1-3, #E8E8E8);
    
    
    
    --progress-circle-text-color: var(--color-text1-2, #6E6E6E);
    
    
    
    --progress-circle-error-color: var(--color-error-4, #ED675A);
    
    
    
    --progress-circle-success-color: var(--color-success-4, #43BF7E);
    
    
    
    --progress-circle-started-color: var(--color-error-4, #ED675A);
    
    
    
    --progress-circle-middle-color: var(--color-warning-4, #FFA545);
    
    
    
    --progress-circle-finishing-color: var(--color-success-4, #43BF7E);
    
    
    
    --progress-line-height-size-s: 2px;
    
    
    
    --progress-line-underlay-color: var(--color-line1-1, #E8E8E8);
    
    
    
    --progress-line-font-color: var(--color-fill1-6, #8B8B8B);
    
    
    
    --progress-line-underlay-border-width: var(--line-1, 1px);
    
    
    
    --progress-line-font-l: var(--font-size-body-1, 14px);
    
    
    
    --progress-line-font-m: var(--font-size-caption, 12px);
    
    
    
    --progress-line-font-s: var(--font-size-caption, 12px);
    
    
    
    --progress-line-underlay-border-color: var(--color-line1-2, #DBDBDB);
    
    
    
    --progress-line-radius-l: var(--corner-3, 50px);
    
    
    
    --progress-line-radius-s: var(--corner-3, 50px);
    
    
    
    --progress-circle-corner: round;
    
    
    /* ------------------------ radio ------------------------ */
    
    
    
    --radio-circle-size: 6px;
    
    
    
    --radio-font-margin-left: var(--s-2, 8px);
    
    
    
    --radio-font-size: var(--font-size-body-2, 14px);
    
    
    
    --radio-width: var(--s-4, 16px);
    
    
    
    --radio-hovered-bg-color: var(--color-white, #FFFFFF);
    
    
    
    --radio-disabled-bg-color: var(--color-fill1-2, #F7F7F7);
    
    
    
    --radio-checked-disabled-bg-color: var(--color-fill1-3, #E8E8E8);
    
    
    
    --radio-border-color: var(--color-line1-1, #E8E8E8);
    
    
    
    --radio-disabled-border-color: var(--color-line1-1, #E8E8E8);
    
    
    
    --radio-checked-disabled-border-color: var(--color-fill1-3, #E8E8E8);
    
    
    
    --radio-button-padding-large: var(--s-4, 16px);
    
    
    
    --radio-checked-bg-color: var(--color-brand1-6, #1B9AEE);
    
    
    
    --radio-checked-hovered-bg-color: var(--color-brand1-5, #41AAF0);
    
    
    
    --radio-checked-border-color: var(--color-brand1-6, #1B9AEE);
    
    
    
    --radio-checked-circle-color: var(--color-fill1-1, #FFFFFF);
    
    
    
    --radio-checked-hovered-circle-color: var(--color-brand1-1, #F0F9FF);
    
    
    
    --radio-button-height-large: var(--s-9, 36px);
    
    
    
    --radio-button-height-medium: var(--s-8, 32px);
    
    
    
    --radio-button-height-small: 24px;
    
    
    
    --radio-button-corner-large: var(--corner-1, 4px);
    
    
    
    --radio-button-bg-color: var(--color-fill1-2, #F7F7F7);
    
    
    
    --radio-button-border-color-checked: var(--color-line1-2, #DBDBDB);
    
    
    
    --radio-button-font-color: var(--color-text1-2, #6E6E6E);
    
    
    
    --radio-button-font-color-checked: var(--color-text1-4, #292929);
    
    
    
    --radio-checked-disabled-circle-color: var(--color-other-2, #FFFFFF);
    
    
    
    --radio-button-bg-color-hovered: var(--color-fill1-2, #F7F7F7);
    
    
    
    --radio-button-bg-color-disabled: var(--color-fill1-2, #F7F7F7);
    
    
    
    --radio-button-bg-color-checked-disabled: var(--color-fill1-1, #FFFFFF);
    
    
    
    --radio-button-border-color-checked-disabled: var(--color-line1-2, #DBDBDB);
    
    
    
    --radio-button-font-color-hovered: var(--color-text1-4, #292929);
    
    
    
    --radio-button-font-color-disabled: var(--color-text1-1, #adadad);
    
    
    
    --radio-button-border-color: var(--color-line1-1, #E8E8E8);
    
    
    
    --radio-button-border-color-hovered: var(--color-line1-1, #E8E8E8);
    
    
    
    --radio-button-border-color-disabled: var(--color-line1-1, #E8E8E8);
    
    
    
    --radio-button-padding-medium: var(--s-3, 12px);
    
    
    
    --radio-normal-font-color: var(--color-text1-3, #575757);
    
    
    
    --radio-normal-font-color-disabled: var(--color-fill1-6, #8B8B8B);
    
    
    
    --radio-circle-border-width: var(--line-1, 1px);
    
    
    
    --radio-shadow: var(--shadow-zero, none);
    
    
    
    --radio-radius-size: var(--corner-circle, 50%);
    
    
    
    --radio-bg-color: var(--color-white, #FFFFFF);
    
    
    
    --radio-hovered-border-color: var(--color-brand1-6, #1B9AEE);
    
    
    
    --radio-checked-hovered-border-color: var(--color-transparent, transparent);
    
    
    
    --radio-disabled-circle-color: var(--color-text1-1, #adadad);
    
    
    
    --radio-button-padding-small: var(--s-2, 8px);
    
    
    
    --radio-button-corner-medium: var(--corner-1, 4px);
    
    
    
    --radio-button-corner-small: var(--corner-1, 4px);
    
    
    
    --radio-button-font-size-large: var(--font-size-subhead, 16px);
    
    
    
    --radio-button-font-size-medium: var(--font-size-body-1, 14px);
    
    
    
    --radio-button-font-size-small: var(--font-size-caption, 12px);
    
    
    
    --radio-button-bg-color-checked: var(--color-white, #FFFFFF);
    
    
    
    --radio-button-font-color-checked-disabled: var(--color-text1-1, #adadad);
    
    
    /* ------------------------ step ------------------------ */
    
    
    
    --step-arrow-item-title-weight: var(--font-weight-2, normal);
    
    
    
    --step-circle-item-node-border-width: var(--line-1, 1px);
    
    
    
    --step-circle-item-body-width: var(--s-24, 96px);
    
    
    
    --step-circle-vertical-item-tail-size: var(--line-1, 1px);
    
    
    
    --step-dot-item-node-wait-border-color: var(--color-line1-1, #E8E8E8);
    
    
    
    --step-circle-item-title-wait-color: var(--color-text1-1, #adadad);
    
    
    
    --step-circle-item-node-icon-size: var(--icon-s, 16px);
    
    
    
    --step-circle-item-node-process-size: var(--s-6, 24px);
    
    
    
    --step-circle-vertical-item-content-margin-top: var(--s-1, 4px);
    
    
    
    --step-circle-item-title-process-color: var(--color-text1-3, #575757);
    
    
    
    --step-circle-vertical-item-title-margin-top: var(--s-1, 4px);
    
    
    
    --step-circle-item-node-padding: var(--s-2, 8px);
    
    
    
    --step-circle-item-node-font-size: var(--font-size-body-2, 14px);
    
    
    
    --step-circle-item-title-margin-top: var(--s-3, 12px);
    
    
    
    --step-circle-item-content-margin-top: var(--s-2, 8px);
    
    
    
    --step-circle-item-tail-wait-color: var(--color-line1-2, #DBDBDB);
    
    
    
    --step-circle-item-tail-process-color: var(--color-line1-2, #DBDBDB);
    
    
    
    --step-circle-item-node-wait-border-color: var(--color-transparent, transparent);
    
    
    
    --step-circle-item-node-wait-background: var(--color-fill1-3, #E8E8E8);
    
    
    
    --step-circle-item-node-wait-color: var(--color-fill1-6, #8B8B8B);
    
    
    
    --step-circle-item-node-process-border-color: var(--color-transparent, transparent);
    
    
    
    --step-circle-item-node-finish-border-color: var(--color-transparent, transparent);
    
    
    
    --step-circle-item-node-finish-background: var(--color-brand1-1, #F0F9FF);
    
    
    
    --step-dot-item-tail-process-color: var(--color-line1-2, #DBDBDB);
    
    
    
    --step-arrow-item-height: var(--s-8, 32px);
    
    
    
    --step-arrow-item-title-size: var(--font-size-body-2, 14px);
    
    
    
    --step-arrow-item-wait-background: var(--color-fill1-3, #E8E8E8);
    
    
    
    --step-arrow-item-title-wait-color: var(--color-text1-2, #6E6E6E);
    
    
    
    --step-arrow-item-process-background: var(--color-brand1-6, #1B9AEE);
    
    
    
    --step-arrow-item-title-process-color: var(--color-white, #FFFFFF);
    
    
    
    --step-arrow-item-finish-background: var(--color-brand1-1, #F0F9FF);
    
    
    
    --step-arrow-item-title-finish-color: var(--color-brand1-6, #1B9AEE);
    
    
    
    --step-arrow-item-disabled-background: var(--color-fill1-1, #FFFFFF);
    
    
    
    --step-arrow-item-title-disabled-color: var(--color-text1-1, #adadad);
    
    
    
    --step-circle-item-node-corner: var(--corner-circle, 50%);
    
    
    
    --step-circle-item-tail-size: var(--line-1, 1px);
    
    
    
    --step-circle-item-content-font-size: var(--font-size-caption, 12px);
    
    
    
    --step-circle-item-title-size: var(--font-size-body-2, 14px);
    
    
    
    --step-circle-item-title-weight: var(--font-weight-3, bold);
    
    
    
    --step-circle-item-node-wait-size: var(--s-8, 32px);
    
    
    
    --step-circle-item-node-finish-size: var(--s-8, 32px);
    
    
    
    --step-circle-item-node-disabled-size: var(--s-8, 32px);
    
    
    
    --step-circle-item-tail-finish-color: var(--color-brand1-6, #1B9AEE);
    
    
    
    --step-circle-item-tail-disabled-color: var(--color-line1-1, #E8E8E8);
    
    
    
    --step-circle-item-node-wait-font-weight: var(--font-weight-2, normal);
    
    
    
    --step-circle-item-node-process-font-weight: var(--font-weight-2, normal);
    
    
    
    --step-circle-item-node-disabled-font-weight: var(--font-weight-2, normal);
    
    
    
    --step-circle-item-node-finish-font-weight: var(--font-weight-2, normal);
    
    
    
    --step-circle-item-title-finish-color: var(--color-text1-3, #575757);
    
    
    
    --step-circle-item-title-disabled-color: var(--color-text1-1, #adadad);
    
    
    
    --step-circle-item-node-process-background: var(--color-brand1-6, #1B9AEE);
    
    
    
    --step-circle-item-node-process-color: var(--color-white, #FFFFFF);
    
    
    
    --step-circle-item-node-process-percent-color: var(--color-brand1-6, #1B9AEE);
    
    
    
    --step-circle-item-node-process-percent-size: var(--font-size-body-1, 14px);
    
    
    
    --step-circle-item-node-finish-color: var(--color-brand1-6, #1B9AEE);
    
    
    
    --step-circle-item-node-disabled-border-color: var(--color-line1-1, #E8E8E8);
    
    
    
    --step-circle-item-node-disabled-background: var(--color-white, #FFFFFF);
    
    
    
    --step-circle-item-node-disabled-color: var(--color-text1-1, #adadad);
    
    
    
    --step-circle-vertical-item-node-padding: var(--s-2, 8px);
    
    
    
    --step-circle-vertical-item-body-margin-left: var(--s-4, 16px);
    
    
    
    --step-circle-item-content-color: var(--color-text1-3, #575757);
    
    
    
    --step-circle-item-tail-bg-color: var(--color-line1-1, #E8E8E8);
    
    
    
    --step-dot-item-dot-padding: var(--s-2, 8px);
    
    
    
    --step-dot-item-dot-icon-size: var(--icon-xs, 12px);
    
    
    
    --step-dot-item-dot-border-width: var(--line-1, 1px);
    
    
    
    --step-dot-item-body-width: var(--s-25, 100px);
    
    
    
    --step-dot-item-content-margin-top: var(--s-1, 4px);
    
    
    
    --step-dot-item-dot-corner: var(--corner-circle, 50%);
    
    
    
    --step-dot-item-title-size: var(--font-size-body-1, 14px);
    
    
    
    --step-dot-item-title-weight: var(--font-weight-3, bold);
    
    
    
    --step-dot-item-title-margin-top: var(--s-2, 8px);
    
    
    
    --step-dot-item-tail-size: var(--line-1, 1px);
    
    
    
    --step-dot-item-dot-wait-size: var(--s-3, 12px);
    
    
    
    --step-dot-item-dot-process-size: var(--s-3, 12px);
    
    
    
    --step-dot-item-dot-finish-size: var(--s-3, 12px);
    
    
    
    --step-dot-item-dot-disabled-size: var(--s-3, 12px);
    
    
    
    --step-dot-item-tail-wait-color: var(--color-line1-3, #CECECE);
    
    
    
    --step-dot-item-tail-finish-color: var(--color-brand1-6, #1B9AEE);
    
    
    
    --step-dot-item-tail-disabled-color: var(--color-line1-1, #E8E8E8);
    
    
    
    --step-dot-item-title-wait-color: var(--color-text1-3, #575757);
    
    
    
    --step-dot-item-title-process-color: var(--color-text1-4, #292929);
    
    
    
    --step-dot-item-title-finish-color: var(--color-text1-3, #575757);
    
    
    
    --step-dot-item-title-disabled-color: var(--color-text1-1, #adadad);
    
    
    
    --step-dot-item-node-wait-background: var(--color-white, #FFFFFF);
    
    
    
    --step-dot-item-node-wait-color: var(--color-text1-2, #6E6E6E);
    
    
    
    --step-dot-item-node-process-border-color: var(--color-brand1-6, #1B9AEE);
    
    
    
    --step-dot-item-node-process-background: var(--color-brand1-6, #1B9AEE);
    
    
    
    --step-dot-item-node-process-color: var(--color-brand1-6, #1B9AEE);
    
    
    
    --step-dot-item-node-finish-border-color: var(--color-brand1-6, #1B9AEE);
    
    
    
    --step-dot-item-node-finish-background: var(--color-white, #FFFFFF);
    
    
    
    --step-dot-item-node-finish-color: var(--color-brand1-6, #1B9AEE);
    
    
    
    --step-dot-item-node-disabled-border-color: var(--color-line1-2, #DBDBDB);
    
    
    
    --step-dot-item-node-disabled-background: var(--color-white, #FFFFFF);
    
    
    
    --step-dot-item-node-disabled-color: var(--color-line1-1, #E8E8E8);
    
    
    
    --step-dot-vertical-item-node-padding: var(--s-2, 8px);
    
    
    
    --step-dot-vertical-item-body-margin-left: var(--s-4, 16px);
    
    
    
    --step-dot-vertical-item-title-margin-top: var(--s-zero, 0px);
    
    
    
    --step-dot-vertical-item-content-margin-top: var(--s-2, 8px);
    
    
    
    --step-dot-item-content-font-size: var(--font-size-caption, 12px);
    
    
    
    --step-dot-item-content-color: var(--color-text1-3, #575757);
    
    
    
    --step-dot-item-tail-bg-color: var(--color-line1-1, #E8E8E8);
    
    
    
    --step-dot-vertical-item-tail-size: var(--line-1, 1px);
    
    
    /* ------------------------ menu ------------------------ */
    
    
    
    --menu-font-size: var(--font-size-body-2, 14px);
    
    
    
    --menu-background-selected: var(--color-brand1-1, #F0F9FF);
    
    
    
    --menu-background-hover: var(--color-fill1-2, #F7F7F7);
    
    
    
    --menu-background: var(--color-white, #FFFFFF);
    
    
    
    --menu-color: var(--color-text1-2, #6E6E6E);
    
    
    
    --menu-select-icon-content: var(--icon-content-select, "");
    
    
    
    --menu-arrow-color: var(--color-fill1-5, #B3B3B3);
    
    
    
    --menu-popupfold-icon-content: var(--icon-content-chevron-right-s, "");
    
    
    
    --menu-arrow-color-hover: var(--color-fill1-6, #8B8B8B);
    
    
    
    --menu-line-height: var(--s-9, 36px);
    
    
    
    --menu-padding-vertical: var(--s-2, 8px);
    
    
    
    --menu-icon-selected-hover-color: var(--color-brand1-6, #1B9AEE);
    
    
    
    --menu-divider-margin-ver: 8px;
    
    
    
    --menu-divider-margin-hoz: var(--s-2, 8px);
    
    
    
    --menu-icon-selected-color: var(--color-brand1-6, #1B9AEE);
    
    
    
    --menu-padding-horizontal: var(--s-5, 20px);
    
    
    
    --menu-icon-size: var(--icon-m, 20px);
    
    
    
    --menu-hoz-icon-size: var(--icon-m, 20px);
    
    
    
    --menu-padding-ver-padding-tb: var(--s-2, 8px);
    
    
    
    --menu-padding-hoz-padding-tb: var(--s-2, 8px);
    
    
    
    --menu-item-padding-hoz-padding-lr: var(--s-5, 20px);
    
    
    
    --menu-item-padding-ver-padding-l: var(--s-6, 24px);
    
    
    
    --menu-item-padding-ver-padding-r: var(--s-6, 24px);
    
    
    
    --menu-icon-selected-size: var(--icon-m, 20px);
    
    
    
    --menu-icon-selected-right: var(--s-1, 4px);
    
    
    
    --menu-padding-ver-padding-lr: var(--s-zero, 0px);
    
    
    
    --menu-padding-hoz-padding-lr: var(--s-zero, 0px);
    
    
    
    --menu-submenu-title-size: var(--font-size-body-1, 14px);
    
    
    
    --menu-padding-title-horizontal: var(--s-3, 12px);
    
    
    
    --menu-divider-width: var(--line-1, 1px);
    
    
    
    --menu-icon-margin: var(--s-1, 4px);
    
    
    
    --menu-shadow: var(--shadow-1-down, 0px 3px 8px 0px rgba(0, 0, 0, 0.03));
    
    
    
    --menu-divider-style: var(--line-solid, solid);
    
    
    
    --menu-divider-color: var(--color-line1-1, #E8E8E8);
    
    
    
    --menu-color-selected: var(--color-text1-4, #292929);
    
    
    
    --menu-color-hover: var(--color-text1-4, #292929);
    
    
    
    --menu-arrow-right: 10px;
    
    
    
    --menu-color-disabled: var(--color-text1-1, #adadad);
    
    
    
    --menu-fold-icon-content: var(--icon-content-arrow-down, "");
    
    
    
    --menu-unfold-icon-content: var(--icon-reset, var(--icon-reset));
    
    
    /* ------------------------ tab ------------------------ */
    
    
    
    --tab-nav-close-icon-padding-l-size-m: var(--s-2, 8px);
    
    
    
    --tab-item-text-size-m: var(--font-size-body-2, 14px);
    
    
    
    --tab-close-icon-color: var(--color-text1-1, #adadad);
    
    
    
    --tab-close-icon-color-hover: var(--color-text1-1, #adadad);
    
    
    
    --tab-close-icon-color-selected: var(--color-text1-1, #adadad);
    
    
    
    --tab-close-icon-color-disabled: var(--color-text1-1, #adadad);
    
    
    
    --tab-pure-text-color-normal: var(--color-text1-2, #6E6E6E);
    
    
    
    --tab-pure-text-color-selected: var(--color-text1-4, #292929);
    
    
    
    --tab-pure-text-color-disabled: var(--color-text1-1, #adadad);
    
    
    
    --tab-wrapped-tab-corner-radius: var(--corner-zero, 0px);
    
    
    
    --tab-wrapped-bg-color: var(--color-white, #FFFFFF);
    
    
    
    --tab-capsule-bg-color-hover: var(--color-fill1-2, #F7F7F7);
    
    
    
    --tab-text-item-sep-height: var(--s-3, 12px);
    
    
    
    --tab-text-text-color-normal: var(--color-fill1-6, #8B8B8B);
    
    
    
    --tab-text-text-color-hover: var(--color-brand1-6, #1B9AEE);
    
    
    
    --tab-text-text-color-selected: var(--color-text1-4, #292929);
    
    
    
    --tab-capsule-text-color: var(--color-fill1-6, #8B8B8B);
    
    
    
    --tab-capsule-text-color-selected: var(--color-text1-4, #292929);
    
    
    
    --tab-capsule-bg-color: var(--color-fill1-2, #F7F7F7);
    
    
    
    --tab-capsule-bg-color-selected: var(--color-line1-4, #FFFFFF);
    
    
    
    --tab-capsule-tab-border-line-color: var(--color-transparent, transparent);
    
    
    
    --tab-capsule-tab-border-line-color-hover: var(--color-transparent, transparent);
    
    
    
    --tab-capsule-tab-border-line-color-active: var(--color-line1-2, #DBDBDB);
    
    
    
    --tab-item-padding-lr-size-m: var(--s-6, 24px);
    
    
    
    --tab-capsule-tab-border-line-width: var(--line-zero, 0px);
    
    
    
    --tab-nav-close-icon-size-m: var(--icon-s, 16px);
    
    
    
    --tab-nav-close-icon-size-s: var(--icon-xs, 12px);
    
    
    
    --tab-wrapped-border-line-width: var(--line-zero, 0px);
    
    
    
    --tab-wrapped-border-side-width: var(--line-zero, 0px);
    
    
    
    --tab-wrapped-border-line-color: var(--color-transparent, transparent);
    
    
    
    --tab-wrapped-text-color: var(--color-text1-2, #6E6E6E);
    
    
    
    --tab-wrapped-bg-color-hover: var(--color-transparent, transparent);
    
    
    
    --tab-wrapped-border-line-color-hover: var(--color-transparent, transparent);
    
    
    
    --tab-wrapped-text-color-selected: var(--color-text1-4, #292929);
    
    
    
    --tab-wrapped-tab-margin-bottom: var(--s-2, 8px);
    
    
    
    --tab-item-padding-tb-size-m: 8px;
    
    
    
    --tab-pure-divider-line-width: var(--line-zero, 0px);
    
    
    
    --tab-item-padding-lr-size-s: 12px;
    
    
    
    --tab-item-text-size-s: var(--font-size-body-2, 14px);
    
    
    
    --tab-item-padding-tb-size-s: 6px;
    
    
    
    --tab-nav-arrow-color-normal: var(--color-fill1-6, #8B8B8B);
    
    
    
    --tab-nav-tab-icon-size-m: var(--icon-m, 20px);
    
    
    
    --tab-icon-dropdown-content: var(--icon-content-ellipsis, "");
    
    
    
    --tab-icon-prev-content: var(--icon-content-arrow-left, "");
    
    
    
    --tab-icon-next-content: var(--icon-content-arrow-right, "");
    
    
    
    --tab-nav-tab-icon-size-s: var(--icon-m, 20px);
    
    
    
    --tab-nav-scroll-padding-right-m: var(--s-15, 60px);
    
    
    
    --tab-nav-scroll-padding-right-s: var(--s-14, 56px);
    
    
    
    --tab-nav-close-icon-padding-l-size-s: var(--s-2, 8px);
    
    
    
    --tab-nav-arrow-left-positon-right: var(--s-8, 32px);
    
    
    
    --tab-nav-arrow-right-positon-right: var(--s-2, 8px);
    
    
    
    --tab-nav-arrow-down-positon-right: var(--s-2, 8px);
    
    
    
    --tab-item-font-weight-selected: var(--font-weight-2, normal);
    
    
    
    --tab-nav-arrow-color-hover: var(--color-text1-4, #292929);
    
    
    
    --tab-nav-arrow-color-disabled: var(--color-line1-2, #DBDBDB);
    
    
    
    --tab-pure-ink-bar-width: var(--line-2, 2px);
    
    
    
    --tab-pure-ink-bar-padding-l: var(--s-zero, 0px);
    
    
    
    --tab-pure-bg-color: var(--color-transparent, transparent);
    
    
    
    --tab-pure-text-color-hover: var(--color-text1-4, #292929);
    
    
    
    --tab-pure-ink-bar-color: var(--color-brand1-6, #1B9AEE);
    
    
    
    --tab-pure-divider-border-color: var(--color-line1-2, #DBDBDB);
    
    
    
    --tab-pure-divider-shadow: var(--shadow-zero, none);
    
    
    
    --tab-wrapped-border-line-style: var(--line-solid, solid);
    
    
    
    --tab-wrapped-tab-margin-right: var(--s-1, 4px);
    
    
    
    --tab-wrapped-ink-bar-width: var(--line-2, 2px);
    
    
    
    --tab-wrapped-ink-bar-padding-l: var(--s-zero, 0px);
    
    
    
    --tab-wrapped-bar-bg-color: var(--color-transparent, transparent);
    
    
    
    --tab-wrapped-ink-bar-color: var(--color-brand1-6, #1B9AEE);
    
    
    
    --tab-wrapped-nav-item-border-color-active: var(--color-brand1-6, #1B9AEE);
    
    
    
    --tab-wrapped-content-border-line-width: var(--line-1, 1px);
    
    
    
    --tab-wrapped-content-border-line-style: var(--line-solid, solid);
    
    
    
    --tab-wrapped-content-border-line-color: var(--color-line1-2, #DBDBDB);
    
    
    
    --tab-wrapped-text-color-hover: var(--color-text1-4, #292929);
    
    
    
    --tab-wrapped-text-color-disabled: var(--color-text1-1, #adadad);
    
    
    
    --tab-wrapped-bg-color-selected: var(--color-white, #FFFFFF);
    
    
    
    --tab-wrapped-bg-color-disabled: var(--color-fill1-1, #FFFFFF);
    
    
    
    --tab-capsule-text-color-hover: var(--color-text1-4, #292929);
    
    
    
    --tab-capsule-text-color-disabled: var(--color-text1-1, #adadad);
    
    
    
    --tab-capsule-bg-color-disabled: var(--color-fill1-1, #FFFFFF);
    
    
    
    --tab-capsule-tab-border-line-color-disabled: var(--color-line1-1, #E8E8E8);
    
    
    
    --tab-capsule-corner-radius: var(--corner-1, 4px);
    
    
    
    --tab-capsule-tab-border-line-style: var(--line-solid, solid);
    
    
    
    --tab-text-item-sep-width: var(--line-1, 1px);
    
    
    
    --tab-text-item-sep-color: var(--color-line1-2, #DBDBDB);
    
    
    
    --tab-text-text-color-disabled: var(--color-text1-1, #adadad);
    
    
    /* ------------------------ timeline ------------------------ */
    
    
    
    --timeline-item-node-size: var(--s-6, 24px);
    
    
    
    --timeline-item-done-background: var(--color-fill1-3, #E8E8E8);
    
    
    
    --timeline-item-success-background: var(--color-success-4, #43BF7E);
    
    
    
    --timeline-item-error-background: var(--color-error-4, #ED675A);
    
    
    
    --timeline-item-node-padding: var(--s-zero, 0px);
    
    
    
    --timeline-item-content-margin-left: var(--s-2, 8px);
    
    
    
    --timeline-item-body-margin-top: var(--s-2, 8px);
    
    
    
    --timeline-item-title-font-size: var(--font-size-body-1, 14px);
    
    
    
    --timeline-item-title-margin-top: 2px;
    
    
    
    --timeline-item-time-margin-top: var(--s-2, 8px);
    
    
    
    --timeline-item-time-margin-bottom: var(--s-10, 40px);
    
    
    
    --timeline-item-body-font-size: var(--font-size-body-1, 14px);
    
    
    
    --timeline-item-left-body-font-size: var(--font-size-caption, 12px);
    
    
    
    --timeline-item-body-color: var(--color-fill1-6, #8B8B8B);
    
    
    
    --timeline-item-left-body-color: var(--color-text1-1, #adadad);
    
    
    
    --timeline-item-time-color: var(--color-text1-1, #adadad);
    
    
    
    --timeline-item-custom-node-size: var(--s-10, 40px);
    
    
    
    --timeline-item-custom-node-font-size: var(--font-size-caption, 12px);
    
    
    
    --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-title-font-weight: var(--font-weight-3, bold);
    
    
    
    --timeline-item-time-font-size: var(--font-size-caption, 12px);
    
    
    
    --timeline-item-folder-font-size: var(--font-size-caption, 12px);
    
    
    
    --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, #292929);
    
    
    
    --timeline-item-tail-color: var(--color-line1-2, #DBDBDB);
    
    
    
    --timeline-item-done-dot-size: var(--s-2, 8px);
    
    
    
    --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, #1B9AEE);
    
    
    
    --timeline-item-process-color: var(--color-white, #FFFFFF);
    
    
    
    --timeline-item-success-dot-size: var(--s-2, 8px);
    
    
    
    --timeline-item-success-color: var(--color-white, #FFFFFF);
    
    
    
    --timeline-item-error-dot-size: var(--s-2, 8px);
    
    
    
    --timeline-item-error-color: var(--color-white, #FFFFFF);
    
    
    /* ------------------------ cascader ------------------------ */
    
    
    
    --cascader-menu-border-color: var(--color-line1-1, #E8E8E8);
    
    
    
    --cascader-menu-border-radius: var(--corner-1, 4px);
    
    
    
    --cascader-menu-icon-expand-color: var(--color-fill1-5, #B3B3B3);
    
    
    
    --cascader-menu-icon-hover-expand-color: var(--color-fill1-5, #B3B3B3);
    
    
    
    --cascader-menu-item-expanded-color: var(--color-text1-4, #292929);
    
    
    
    --cascader-menu-icon-expand-size: var(--icon-s, 16px);
    
    
    
    --cascader-menu-border-width: var(--line-1, 1px);
    
    
    
    --cascader-menu-width: var(--s-auto, auto);
    
    
    
    --cascader-menu-min-width: var(--s-25, 100px);
    
    
    
    --cascader-menu-height: var(--s-48, 192px);
    
    
    
    --cascader-menu-item-expanded-background-color: var(--color-fill1-2, #F7F7F7);
    
    
    /* ------------------------ rating ------------------------ */
    
    
    
    --rating-large-icon-size: var(--icon-m, 20px);
    
    
    
    --rating-normal-overlay-hover-color: var(--color-warning-5, #F98E1B);
    
    
    
    --rating-grade-high-overlay-color: var(--color-warning-5, #F98E1B);
    
    
    
    --rating-grade-high-overlay-hover-color: var(--color-warning-5, #F98E1B);
    
    
    
    --rating-grade-low-overlay-color: var(--color-fill1-6, #8B8B8B);
    
    
    
    --rating-grade-icon-content: var(--icon-content-favorites-filling, "");
    
    
    
    --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, 12px);
    
    
    
    --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, 14px);
    
    
    
    --rating-large-text-margin-left: var(--s-4, 16px);
    
    
    
    --rating-large-font-size: var(--font-size-subhead, 16px);
    
    
    
    --rating-normal-underlay-color: var(--color-fill1-4, #DBDBDB);
    
    
    
    --rating-normal-overlay-color: var(--color-brand1-6, #1B9AEE);
    
    
    
    --rating-grade-low-overlay-hover-color: var(--color-text1-2, #6E6E6E);
    
    
    /* ------------------------ tag ------------------------ */
    
    
    
    --tag-size-s-icon-font: var(--icon-xs, 12px);
    
    
    
    --tag-closable-normal-icon-color-hover: var(--color-transparent, transparent);
    
    
    
    --tag-closable-bordered-border-color: var(--color-transparent, transparent);
    
    
    
    --tag-closable-bordered-border-color-hover: var(--color-transparent, transparent);
    
    
    
    --tag-closable-bordered-bg-hover: var(--color-fill1-3, #E8E8E8);
    
    
    
    --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-closable-primary-fill-border-color: var(--color-transparent, transparent);
    
    
    
    --tag-closable-primary-fill-border-color-hover: var(--color-transparent, transparent);
    
    
    
    --tag-size-m-padding-lr: 8px;
    
    
    
    --tag-corner-radius: var(--corner-1, 4px);
    
    
    
    --tag-fill-border-color-disabled: var(--color-transparent, transparent);
    
    
    
    --tag-bordered-text-color-hover: var(--color-text1-2, #6E6E6E);
    
    
    
    --tag-bordered-border-color-disabled: var(--color-transparent, transparent);
    
    
    
    --tag-secondary-border-color: var(--color-transparent, transparent);
    
    
    
    --tag-secondary-border-color-hover: var(--color-transparent, transparent);
    
    
    
    --tag-checkable-normal-border-color: var(--color-transparent, transparent);
    
    
    
    --tag-checkable-normal-border-color-hover: var(--color-transparent, transparent);
    
    
    
    --tag-checkable-normal-border-selected-disabled: var(--color-transparent, transparent);
    
    
    
    --tag-size-l-tick-icon-size: var(--icon-xs, 12px);
    
    
    
    --tag-size-m-tick-icon-size: var(--icon-xxs, 8px);
    
    
    
    --tag-size-s-tick-icon-size: var(--icon-xxs, 8px);
    
    
    
    --tag-checkable-normal-tick-bg-selected-disabled: var(--color-fill1-4, #DBDBDB);
    
    
    
    --tag-checkable-fill-border-color: var(--color-transparent, transparent);
    
    
    
    --tag-checkable-fill-border-color-hover: var(--color-transparent, transparent);
    
    
    
    --tag-checkable-primary-border-color-hover: var(--color-transparent, transparent);
    
    
    
    --tag-size-l-text-size: var(--font-size-body-2, 14px);
    
    
    
    --tag-size-l-icon-font: var(--icon-s, 16px);
    
    
    
    --tag-size-m-icon-font: var(--icon-s, 16px);
    
    
    
    --tag-closable-normal-bg: var(--color-transparent, transparent);
    
    
    
    --tag-closable-normal-bg-disabled: var(--color-transparent, transparent);
    
    
    
    --tag-closable-bordered-text-color-hover: var(--color-text1-2, #6E6E6E);
    
    
    
    --tag-closable-bordered-tail-color-hover: var(--color-fill1-6, #8B8B8B);
    
    
    
    --tag-closable-primary-fill-border-color-disabled: var(--color-transparent, transparent);
    
    
    
    --tag-closable-normal-icon-color: var(--color-transparent, transparent);
    
    
    
    --tag-fill-tail-color: var(--color-brand1-6, #1B9AEE);
    
    
    
    --tag-fill-tail-color-hover: var(--color-brand1-6, #1B9AEE);
    
    
    
    --tag-border-width: var(--line-zero, 0px);
    
    
    
    --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-checkable-normal-bg-selected: var(--color-transparent, transparent);
    
    
    
    --tag-checkable-normal-bg-selected-hover: var(--color-transparent, transparent);
    
    
    
    --tag-checkable-fill-border-color-disabled: var(--color-transparent, transparent);
    
    
    
    --tag-checkable-normal-text-selected-disabled: var(--color-text1-1, #adadad);
    
    
    
    --tag-checkable-primary-border-color: var(--color-transparent, transparent);
    
    
    
    --tag-checkable-normal-icon-color-selected: var(--color-transparent, transparent);
    
    
    
    --tag-checkable-normal-icon-color-selected-hover: var(--color-transparent, transparent);
    
    
    
    --tag-checkable-normal-icon-color-selected-disabled: var(--color-transparent, transparent);
    
    
    
    --tag-size-l-height: 24px;
    
    
    
    --tag-size-s-height: var(--s-4, 16px);
    
    
    
    --tag-size-l-padding-lr: 8px;
    
    
    
    --tag-size-s-padding-lr: 4px;
    
    
    
    --tag-size-m-text-size: var(--font-size-caption, 12px);
    
    
    
    --tag-size-s-text-size: var(--font-size-display-3, 10px);
    
    
    
    --tag-size-m-content-min-width: 36px;
    
    
    
    --tag-size-s-content-min-width: 28px;
    
    
    
    --tag-fill-text-color: var(--color-brand1-8, #0B65A1);
    
    
    
    --tag-fill-text-color-hover: var(--color-brand1-8, #0B65A1);
    
    
    
    --tag-fill-bg-color: var(--color-brand2-1, rgba(144, 205, 245, 0.4));
    
    
    
    --tag-fill-bg-color-hover: var(--color-brand2-2, rgba(144, 205, 245, 0.7));
    
    
    
    --tag-size-l-content-min-width: var(--s-11, 44px);
    
    
    
    --tag-fill-text-color-disabled: var(--color-brand1-4, #68BBF2);
    
    
    
    --tag-fill-bg-color-disabled: var(--color-brand2-1, rgba(144, 205, 245, 0.4));
    
    
    
    --tag-bordered-text-color: var(--color-text1-3, #575757);
    
    
    
    --tag-bordered-text-color-disabled: var(--color-text1-1, #adadad);
    
    
    
    --tag-bordered-bg-disabled: var(--color-text1-5, rgba(206, 206, 206, 0.4));
    
    
    
    --tag-bordered-bg: var(--color-text1-5, rgba(206, 206, 206, 0.4));
    
    
    
    --tag-bordered-bg-hover: var(--color-text1-6, rgba(206, 206, 206, 0.7));
    
    
    
    --tag-secondary-text-color: var(--color-brand1-8, #0B65A1);
    
    
    
    --tag-secondary-text-color-hover: var(--color-brand1-8, #0B65A1);
    
    
    
    --tag-secondary-bg: var(--color-brand2-1, rgba(144, 205, 245, 0.4));
    
    
    
    --tag-secondary-bg-hover: var(--color-brand2-2, rgba(144, 205, 245, 0.7));
    
    
    
    --tag-checkable-normal-text-color: var(--color-text1-3, #575757);
    
    
    
    --tag-checkable-normal-bg: var(--color-text1-5, rgba(206, 206, 206, 0.4));
    
    
    
    --tag-checkable-normal-text-color-hover: var(--color-text1-3, #575757);
    
    
    
    --tag-checkable-normal-bg-hover: var(--color-text1-6, rgba(206, 206, 206, 0.7));
    
    
    
    --tag-checkable-normal-bg-selected-disabled: var(--color-text1-5, rgba(206, 206, 206, 0.4));
    
    
    
    --tag-size-m-height: 20px;
    
    
    
    --tag-closable-normal-bg-hover: var(--color-text1-5, rgba(206, 206, 206, 0.4));
    
    
    
    --tag-closable-bordered-text-color: var(--color-text1-3, #575757);
    
    
    
    --tag-closable-bordered-bg: var(--color-text1-6, rgba(206, 206, 206, 0.7));
    
    
    
    --tag-closable-bordered-tail-color: var(--color-fill1-6, #8B8B8B);
    
    
    
    --tag-closable-bordered-tail-color-disabled: var(--color-line1-3, #CECECE);
    
    
    
    --tag-closable-bordered-border-color-disabled: var(--color-transparent, transparent);
    
    
    
    --tag-closable-bordered-text-color-disabled: var(--color-text1-1, #adadad);
    
    
    
    --tag-closable-bordered-bg-disabled: var(--color-text1-5, rgba(206, 206, 206, 0.4));
    
    
    
    --tag-fill-tail-color-disabled: var(--color-notice-3, #90CDF5);
    
    
    
    --tag-checkable-fill-text-color: var(--color-text1-3, #575757);
    
    
    
    --tag-checkable-fill-bg-color: var(--color-text1-5, rgba(206, 206, 206, 0.4));
    
    
    
    --tag-checkable-fill-text-color-hover: var(--color-text1-3, #575757);
    
    
    
    --tag-checkable-fill-bg-color-hover: var(--color-text1-6, rgba(206, 206, 206, 0.7));
    
    
    
    --tag-checkable-fill-bg-color-disabled: var(--color-text1-5, rgba(206, 206, 206, 0.4));
    
    
    
    --tag-checkable-primary-text-color: var(--color-brand1-8, #0B65A1);
    
    
    
    --tag-checkable-primary-bg-color: var(--color-brand2-1, rgba(144, 205, 245, 0.4));
    
    
    
    --tag-checkable-primary-text-color-disabled: var(--color-notice-4, #41AAF0);
    
    
    
    --tag-checkable-primary-text-color-hover: var(--color-brand1-8, #0B65A1);
    
    
    
    --tag-checkable-primary-bg-color-hover: var(--color-brand2-2, rgba(144, 205, 245, 0.7));
    
    
    
    --tag-checkable-primary-bg-color-disabled: var(--color-brand2-1, rgba(144, 205, 245, 0.4));
    
    
    
    --tag-closable-primary-fill-text-color: var(--color-brand1-8, #0B65A1);
    
    
    
    --tag-closable-primary-fill-bg-color: var(--color-brand2-1, rgba(144, 205, 245, 0.4));
    
    
    
    --tag-closable-primary-fill-text-color-hover: var(--color-brand1-8, #0B65A1);
    
    
    
    --tag-closable-primary-fill-bg-color-hover: var(--color-brand2-2, rgba(144, 205, 245, 0.7));
    
    
    
    --tag-closable-primary-fill-text-color-disabled: var(--color-notice-7, #68bbf2);
    
    
    
    --tag-closable-primary-fill-bg-color-disabled: var(--color-brand2-1, rgba(144, 205, 245, 0.4));
    
    
    
    --tag-size-l-spacing: var(--s-4, 16px);
    
    
    
    --tag-size-m-spacing: var(--s-3, 12px);
    
    
    
    --tag-size-s-spacing: var(--s-2, 8px);
    
    
    
    --tag-checkable-corner-radius: var(--corner-1, 4px);
    
    
    
    --tag-shadow: var(--shadow-zero, none);
    
    
    
    --tag-normal-text-color: var(--color-text1-4, #292929);
    
    
    
    --tag-closable-normal-icon-color-disabled: var(--color-white, #FFFFFF);
    
    
    
    --tag-bordered-tail-color: var(--color-text1-3, #575757);
    
    
    
    --tag-normal-text-color-hover: var(--color-brand1-6, #1B9AEE);
    
    
    
    --tag-bordered-tail-color-hover: var(--color-text1-4, #292929);
    
    
    
    --tag-bordered-tail-color-disabled: var(--color-text1-1, #adadad);
    
    
    
    --tag-checkable-secondary-bg-selected: var(--color-brand1-6, #1B9AEE);
    
    
    
    --tag-checkable-secondary-bg-selected-hover: var(--color-brand1-9, #064C7A);
    
    
    
    --tag-primary-background-color: var(--color-brand1-6, #1B9AEE);
    
    
    
    --tag-text-color-disabled: var(--color-text1-1, #adadad);
    
    
    
    --tag-border-color-disabled: var(--color-line1-1, #E8E8E8);
    
    
    
    --tag-checkable-fill-tail-color: var(--color-text1-3, #575757);
    
    
    
    --tag-checkable-fill-tail-color-hover: var(--color-text1-4, #292929);
    
    
    
    --tag-checkable-fill-tail-color-disabled: var(--color-text1-1, #adadad);
    
    
    
    --tag-checkable-fill-text-color-disabled: var(--color-text1-1, #adadad);
    
    
    
    --tag-checkable-primary-border-color-disabled: var(--color-fill1-1, #FFFFFF);
    
    
    
    --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, #E8E8E8);
    
    
    
    --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);
    
    
    /* ------------------------ input ------------------------ */
    
    
    
    --input-hover-bg-color: var(--color-white, #FFFFFF);
    
    
    
    --input-focus-bg-color: var(--color-transparent, transparent);
    
    
    
    --input-bg-color: var(--color-white, #FFFFFF);
    
    
    
    --input-disabled-bg-color: var(--color-fill1-2, #F7F7F7);
    
    
    
    --input-l-icon-padding-right: var(--s-2, 8px);
    
    
    
    --input-feedback-warning-border-color: var(--color-warning-4, #FFA545);
    
    
    
    --input-feedback-warning-bg-color: var(--color-white, #FFFFFF);
    
    
    
    --input-feedback-warning-color: var(--color-warning-5, #F98E1B);
    
    
    
    --input-feedback-success-color: var(--color-success-4, #43BF7E);
    
    
    
    --input-feedback-error-border-color: var(--color-error-4, #ED675A);
    
    
    
    --input-feedback-error-bg-color: var(--color-white, #FFFFFF);
    
    
    
    --input-maxlen-error-color: var(--color-error-5, #E84738);
    
    
    
    --input-maxlen-color: var(--color-text1-1, #adadad);
    
    
    
    --input-border-color: var(--color-line1-1, #E8E8E8);
    
    
    
    --input-hover-border-color: var(--color-line1-2, #DBDBDB);
    
    
    
    --input-text-color: var(--color-text1-4, #292929);
    
    
    
    --input-placeholder-color: var(--color-text1-1, #adadad);
    
    
    
    --input-addon-bg-color: var(--color-fill1-2, #F7F7F7);
    
    
    
    --input-addon-text-color: var(--color-text1-1, #adadad);
    
    
    
    --input-label-color: var(--color-line1-5, #adadad);
    
    
    
    --input-multiple-padding-lr: var(--s-3, 12px);
    
    
    
    --input-multiple-padding-tb: var(--s-2, 8px);
    
    
    
    --input-l-padding: 12px;
    
    
    
    --input-m-padding: 12px;
    
    
    
    --input-s-padding: var(--s-3, 12px);
    
    
    
    --input-feedback-warning-icon: var(--icon-content-warning, "");
    
    
    
    --input-feedback-loading-color: var(--color-brand1-6, #1B9AEE);
    
    
    
    --input-hint-color: var(--color-fill1-6, #8B8B8B);
    
    
    
    --input-feedback-clear-icon: var(--icon-content-error, "");
    
    
    
    --input-focus-border-color: var(--color-brand1-6, #1B9AEE);
    
    
    
    --input-focus-shadow-spread: var(--line-zero, 0px);
    
    
    
    --input-border-width: var(--line-1, 1px);
    
    
    
    --input-disabled-color: var(--color-text1-1, #adadad);
    
    
    
    --input-disabled-border-color: var(--color-line1-1, #E8E8E8);
    
    
    
    --input-multiple-font-size: var(--font-size-body-1, 14px);
    
    
    
    --input-multiple-corner: var(--corner-1, 4px);
    
    
    
    --input-addon-padding: var(--s-2, 8px);
    
    
    
    --input-l-label-padding-left: var(--s-3, 12px);
    
    
    
    --input-m-label-padding-left: var(--s-2, 8px);
    
    
    
    --input-m-icon-padding-right: var(--s-2, 8px);
    
    
    
    --input-s-label-padding-left: var(--s-2, 8px);
    
    
    
    --input-s-icon-padding-right: var(--s-1, 4px);
    
    
    
    --input-feedback-success-icon: var(--icon-content-success-filling, "");
    
    
    
    --input-feedback-loading-icon: var(--icon-content-loading, "");
    
    
    
    --input-feedback-error-color: var(--input-text-color, #292929);
    
    
    
    --input-maxlen-warning-color: var(--color-warning-3, #FFCD96);
    
    
    
    --input-maxlen-font-size: var(--font-size-caption, 12px);
    
    
    
    --input-hint-hover-color: var(--color-text1-3, #575757);
    
    
    /* ------------------------ form ------------------------ */
    
    
    
    --form-item-m-margin-b: var(--s-4, 16px);
    
    
    
    --form-inline-l-item-margin-r: var(--s-3, 12px);
    
    
    
    --form-help-margin-top: var(--s-1, 4px);
    
    
    
    --form-error-color: var(--color-error-4, #ED675A);
    
    
    
    --form-label-padding-r: var(--s-4, 16px);
    
    
    
    --form-item-l-margin-b: var(--s-5, 20px);
    
    
    
    --form-top-label-margin-b: 8px;
    
    
    
    --form-help-color: var(--color-fill1-6, #8B8B8B);
    
    
    
    --form-item-s-margin-b: var(--s-3, 12px);
    
    
    
    --form-inline-m-item-margin-r: var(--s-5, 20px);
    
    
    
    --form-inline-s-item-margin-r: var(--s-4, 16px);
    
    
    
    --form-help-font-size: var(--font-size-caption, 12px);
    
    
    
    --form-warning-color: var(--color-warning-3, #FFCD96);
    
    
    
    --form-label-color: var(--color-text1-3, #575757);
    
    
    /* ------------------------ upload ------------------------ */
    
    
    
    --upload-text-list-error-text-color: var(--color-error-5, #E84738);
    
    
    
    --upload-text-list-name-font-color: var(--color-text1-2, #6E6E6E);
    
    
    
    --upload-text-list-name-font-color-hover: var(--color-text1-2, #6E6E6E);
    
    
    
    --upload-text-list-size-font-color-hover: var(--color-text1-2, #6E6E6E);
    
    
    
    --upload-image-list-item-border-color-hover: var(--color-line1-1, #E8E8E8);
    
    
    
    --upload-card-bg-color: var(--color-fill1-2, #F7F7F7);
    
    
    
    --upload-card-border-style: var(--line-solid, solid);
    
    
    
    --upload-card-border-color: var(--color-transparent, transparent);
    
    
    
    --upload-card-font-color: var(--color-text1-1, #adadad);
    
    
    
    --upload-card-icon-color: var(--color-text1-2, #6E6E6E);
    
    
    
    --upload-card-hover-font-color: var(--color-text1-1, #adadad);
    
    
    
    --upload-card-list-uploading-bg-color: var(--color-fill1-2, #F7F7F7);
    
    
    
    --upload-select-card-tool-bg-opacity: 0.36;
    
    
    
    --upload-disable-border-color: var(--color-transparent, transparent);
    
    
    
    --upload-text-list-height: var(--s-9, 36px);
    
    
    
    --upload-text-list-padding-left-right: 12px;
    
    
    
    --upload-text-list-font-size: var(--font-size-caption, 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-1, 4px);
    
    
    
    --upload-text-list-progressbar-height: var(--s-1, 4px);
    
    
    
    --upload-image-list-item-picture-size: var(--s-12, 48px);
    
    
    
    --upload-image-list-item-picture-icon-size: var(--icon-s, 16px);
    
    
    
    --upload-image-list-item-picture-border-width: var(--line-zero, 0px);
    
    
    
    --upload-image-list-item-picture-corner: var(--corner-1, 4px);
    
    
    
    --upload-image-list-close-icon-size: var(--icon-s, 16px);
    
    
    
    --upload-image-list-close-icon-right: var(--s-4, 16px);
    
    
    
    --upload-image-list-item-border-color: var(--color-line1-1, #E8E8E8);
    
    
    
    --upload-image-list-progressbar-height: var(--s-1, 4px);
    
    
    
    --upload-card-add-icon-size: var(--icon-m, 20px);
    
    
    
    --upload-card-add-text-size: var(--font-size-caption, 12px);
    
    
    
    --upload-card-hover-border-color: var(--color-line1-1, #E8E8E8);
    
    
    
    --upload-card-list-margin-right: var(--s-4, 16px);
    
    
    
    --upload-card-list-corner: var(--corner-1, 4px);
    
    
    
    --upload-card-list-border-color: var(--color-transparent, transparent);
    
    
    
    --upload-card-list-name-margin-top: var(--s-2, 8px);
    
    
    
    --upload-drag-zone-border-color: var(--color-transparent, transparent);
    
    
    
    --upload-drag-zone-bg-color: var(--color-fill1-2, #F7F7F7);
    
    
    
    --upload-text-list-bg-color: var(--color-fill1-2, #F7F7F7);
    
    
    
    --upload-card-list-thumbnail-icon-size: var(--icon-m, 20px);
    
    
    
    --upload-disable-text-color: var(--color-text1-1, #adadad);
    
    
    
    --upload-text-list-bg-color-hover: var(--color-fill1-2, #F7F7F7);
    
    
    
    --upload-text-list-bg-color-error: var(--color-error-1, #FFF1F0);
    
    
    
    --upload-text-list-close-icon-color: var(--color-text1-2, #6E6E6E);
    
    
    
    --upload-text-list-close-icon-color-hover: var(--color-text1-3, #575757);
    
    
    
    --upload-text-list-size-font-color: var(--color-text1-2, #6E6E6E);
    
    
    
    --upload-image-list-item-padding: var(--s-2, 8px);
    
    
    
    --upload-image-list-item-thumbnail-font-color: var(--color-text1-1, #adadad);
    
    
    
    --upload-image-list-item-font-size: var(--font-size-body-1, 14px);
    
    
    
    --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, #6E6E6E);
    
    
    
    --upload-image-list-close-icon-color-hover: var(--color-text1-3, #575757);
    
    
    
    --upload-image-list-item-border-color-error: var(--color-error-3, #F7AAA3);
    
    
    
    --upload-image-list-item-picture-border-color: var(--color-line1-2, #DBDBDB);
    
    
    
    --upload-image-list-item-picture-background-color: var(--color-fill1-2, #F7F7F7);
    
    
    
    --upload-card-size: var(--s-25, 100px);
    
    
    
    --upload-card-margin-bottom: var(--s-4, 16px);
    
    
    
    --upload-card-border-radius: var(--corner-zero, 0px);
    
    
    
    --upload-card-add-text-margin-top: var(--s-3, 12px);
    
    
    
    --upload-card-add-icon: var(--icon-content-add, "");
    
    
    
    --upload-card-list-bg-color: var(--color-transparent, transparent);
    
    
    
    --upload-card-list-bg-color-error: var(--color-fill1-1, #FFFFFF);
    
    
    
    --upload-card-list-padding: var(--s-zero, 0px);
    
    
    
    --upload-card-list-border-color-error: var(--color-error-3, #F7AAA3);
    
    
    
    --upload-card-list-thumbnail-font-color: var(--color-text1-1, #adadad);
    
    
    
    --upload-card-list-thumbnail-font-size: var(--font-size-caption, 12px);
    
    
    
    --upload-card-list-name-font-size: var(--font-size-caption, 12px);
    
    
    
    --upload-card-list-name-font-color: var(--color-text1-3, #575757);
    
    
    
    --upload-card-list-progressbar-height: var(--s-2, 8px);
    
    
    
    --upload-select-card-tool-bg-color: var(--color-black, #000000);
    
    
    
    --upload-drag-zone-over-border-color: var(--color-brand1-6, #1B9AEE);
    
    
    
    --upload-drag-zone-corner: var(--corner-1, 4px);
    
    
    
    --upload-drag-zone-font-size: var(--font-size-body-2, 14px);
    
    
    
    --upload-drag-zone-icon-size: var(--s-6, 24px);
    
    
    
    --upload-drag-zone-hint-font-size: var(--font-size-caption, 12px);
    
    
    
    --upload-drag-zone-upload-icon: var(--icon-content-upload, "");
    
    
    
    --upload-drag-zone-upload-icon-color: var(--color-text1-3, #575757);
    
    
    
    --upload-drag-zone-upload-normal-title-color: var(--color-text1-3, #575757);
    
    
    
    --upload-drag-zone-upload-normal-hint-color: var(--color-text1-2, #6E6E6E);
    
    
    /* ------------------------ select ------------------------ */
    
    
    
    --select-s-lineheight: 14px;
    
    
    
    --select-color: var(--color-text1-3, #575757);
    
    
    
    --select-hint-color: var(--color-text1-2, #6E6E6E);
    
    
    
    --select-highlight-color: var(--color-brand1-6, #1B9AEE);
    
    
    
    --select-highlight-font: var(--font-size-body-1, 14px);
    
    
    
    --select-l-lineheight: var(--s-6, 24px);
    
    
    
    --select-m-lineheight: var(--s-5, 20px);
    
    
    
    --select-fold-icon-content: var(--icon-content-arrow-down, "");
    
    
    
    --select-unfold-icon-content: var(--icon-reset, var(--icon-reset));
    
    
    /* ------------------------ drawer ------------------------ */
    
    
    
    --drawer-shadow: var(--shadow-3-left, 0px 0px 24px 0px rgba(0, 0, 0, 0.1));
    
    
    
    --drawer-title-font-size: var(--font-size-subhead, 16px);
    
    
    
    --drawer-border-color: var(--color-line1-1, #E8E8E8);
    
    
    
    --drawer-title-border-color: var(--color-line1-1, #E8E8E8);
    
    
    
    --drawer-close-color-hovered: var(--color-text1-2, #6E6E6E);
    
    
    
    --drawer-close-right: var(--s-5, 20px);
    
    
    
    --drawer-title-padding-top: var(--s-3, 12px);
    
    
    
    --drawer-title-padding-bottom: var(--s-3, 12px);
    
    
    
    --drawer-title-padding-left-right: var(--s-5, 20px);
    
    
    
    --drawer-title-border-width: var(--line-1, 1px);
    
    
    
    --drawer-content-font-size: var(--font-size-body-1, 14px);
    
    
    
    --drawer-content-padding-top: var(--s-5, 20px);
    
    
    
    --drawer-content-padding-bottom: var(--s-5, 20px);
    
    
    
    --drawer-content-padding-left-right: var(--s-5, 20px);
    
    
    
    --drawer-bg: var(--color-white, #FFFFFF);
    
    
    
    --drawer-border-width: var(--line-1, 1px);
    
    
    
    --drawer-border-style: var(--line-solid, solid);
    
    
    
    --drawer-corner: var(--corner-1, 4px);
    
    
    
    --drawer-title-color: var(--color-text1-4, #292929);
    
    
    
    --drawer-title-bg-color: var(--color-white, #FFFFFF);
    
    
    
    --drawer-content-color: var(--color-text1-3, #575757);
    
    
    
    --drawer-close-color: var(--color-text1-2, #6E6E6E);
    
    
    
    --drawer-close-bg-hovered: var(--color-transparent, transparent);
    
    
    
    --drawer-close-size: var(--icon-m, 20px);
    
    
    
    --drawer-close-top: 14px;
    
    
    /* ------------------------ transfer ------------------------ */
    
    
    
    --transfer-operation-margin-left-right: var(--s-2, 8px);
    
    
    
    --transfer-operation-icon-size: var(--icon-xs, 12px);
    
    
    
    --transfer-panel-search-margin-top: var(--s-1, 4px);
    
    
    
    --transfer-panel-search-margin-left-right: var(--s-1, 4px);
    
    
    
    --transfer-panel-header-text-color: var(--color-text1-2, #6E6E6E);
    
    
    
    --transfer-simple-panel-item-hover-text-color: var(--color-text1-2, #6E6E6E);
    
    
    
    --transfer-panel-header-padding-top-bottom: var(--s-3, 12px);
    
    
    
    --transfer-panel-footer-padding-top-bottom: var(--s-3, 12px);
    
    
    
    --transfer-operation-margin-gutter: var(--s-2, 8px);
    
    
    
    --transfer-panel-border-width: var(--line-1, 1px);
    
    
    
    --transfer-panel-header-padding-left-right: var(--s-5, 20px);
    
    
    
    --transfer-panel-header-text-size: var(--font-size-body-1, 14px);
    
    
    
    --transfer-panel-search-margin-bottom: var(--s-zero, 0px);
    
    
    
    --transfer-panel-list-width: var(--s-45, 180px);
    
    
    
    --transfer-panel-list-height: var(--s-40, 160px);
    
    
    
    --transfer-panel-footer-padding-left-right: var(--s-5, 20px);
    
    
    
    --transfer-simple-move-icon: var(--icon-content-switch, "");
    
    
    
    --transfer-simple-move-icon-color: var(--color-line1-3, #CECECE);
    
    
    
    --transfer-panel-border-color: var(--color-line1-2, #DBDBDB);
    
    
    
    --transfer-panel-border-corner: var(--corner-1, 4px);
    
    
    
    --transfer-panel-background-color: var(--color-white, #FFFFFF);
    
    
    
    --transfer-panel-header-background-color: var(--color-fill1-1, #FFFFFF);
    
    
    
    --transfer-panel-search-icon-color: var(--color-text1-2, #6E6E6E);
    
    
    
    --transfer-panel-footer-text-color: var(--color-text1-4, #292929);
    
    
    
    --transfer-panel-footer-background-color: var(--color-white, #FFFFFF);
    
    
    
    --transfer-simple-panel-footer-text-color: var(--color-brand1-6, #1B9AEE);
    
    
    
    --transfer-panel-footer-shadow: var(--shadow-zero, none);
    
    
    /* ------------------------ time-picker ------------------------ */
    
    
    
    --time-picker-menu-title-height: var(--s-7, 28px);
    
    
    
    --time-picker-menu-item-height: var(--s-7, 28px);
    
    
    
    --time-picker-menu-border-color: var(--color-line1-1, #E8E8E8);
    
    
    
    --time-picker-menu-item-color-disabled: var(--color-line1-1, #E8E8E8);
    
    
    
    --time-picker-menu-item-background-hover: var(--color-fill1-2, #F7F7F7);
    
    
    
    --time-picker-menu-item-background-selected: var(--color-brand1-1, #F0F9FF);
    
    
    
    --time-picker-menu-item-font-weight-selected: var(--font-weight-2, normal);
    
    
    
    --time-picker-menu-item-font-size: var(--font-size-body-2, 14px);
    
    
    
    --time-picker-panel-width: var(--s-50, 200px);
    
    
    
    --time-picker-panel-background: var(--color-white, #FFFFFF);
    
    
    
    --time-picker-menu-border-width: var(--line-1, 1px);
    
    
    
    --time-picker-menu-title-font-size: var(--font-size-caption, 12px);
    
    
    
    --time-picker-menu-title-color: var(--color-text1-2, #6E6E6E);
    
    
    
    --time-picker-menu-title-background: var(--color-white, #FFFFFF);
    
    
    
    --time-pikcer-menu-title-font-weight: var(--font-weight-2, normal);
    
    
    
    --time-picker-menu-item-color: var(--color-text1-3, #575757);
    
    
    
    --time-picker-menu-item-color-hover: var(--color-text1-4, #292929);
    
    
    
    --time-picker-menu-item-color-selected: var(--color-text1-3, #575757);
    
    
    
    --time-picker-menu-item-background: var(--color-white, #FFFFFF);
    
    
    
    --time-picker-menu-item-background-disabled: var(--color-white, #FFFFFF);
    
    
    
    --time-picker-clock-icon: var(--icon-content-clock, "");
    
    
    /* ------------------------ slider ------------------------ */
    
    
    
    --slick-dots-background-opacity-normal: 0.2;
    
    
    
    --slick-dots-background-opacity-hover: 0.2;
    
    
    
    --slick-dots-border-color-normal: var(--color-other-3, #131415);
    
    
    
    --slick-dots-border-opacity-normal: 0;
    
    
    
    --slick-arrow-bg-opacity-hover: 0.2;
    
    
    
    --slick-dots-position-bottom: var(--s-3, 12px);
    
    
    
    --slick-dots-position-right: var(--s-5, 20px);
    
    
    
    --slick-dots-width: var(--s-2, 8px);
    
    
    
    --slick-dots-height: var(--s-2, 8px);
    
    
    
    --slick-dots-margin-lr: var(--s-1, 4px);
    
    
    
    --slick-dots-margin-tb: var(--s-zero, 0px);
    
    
    
    --slick-arrow-width-m: var(--s-7, 28px);
    
    
    
    --slick-arrow-width-l: var(--s-12, 48px);
    
    
    
    --slick-arrow-height-m: var(--s-14, 56px);
    
    
    
    --slick-arrow-height-l: var(--s-24, 96px);
    
    
    
    --slick-ver-arrow-width-m: var(--s-14, 56px);
    
    
    
    --slick-ver-arrow-width-l: var(--s-24, 96px);
    
    
    
    --slick-ver-arrow-height-m: var(--s-7, 28px);
    
    
    
    --slick-ver-arrow-height-l: var(--s-12, 48px);
    
    
    
    --slick-arrow-icon-m: var(--icon-m, 20px);
    
    
    
    --slick-arrow-icon-l: var(--icon-xl, 32px);
    
    
    
    --slick-arrow-position-lr-m: var(--s-1, 4px);
    
    
    
    --slick-arrow-position-lr-l: var(--s-2, 8px);
    
    
    
    --slick-ver-arrow-position-tb-m: var(--s-1, 4px);
    
    
    
    --slick-ver-arrow-position-tb-l: var(--s-4, 16px);
    
    
    
    --slick-track-padding-lr: var(--s-6, 24px);
    
    
    
    --slick-ver-track-padding-tb: var(--s-6, 24px);
    
    
    
    --slick-dots-background-color-normal: var(--color-black, #000000);
    
    
    
    --slick-dots-background-color-hover: var(--color-white, #FFFFFF);
    
    
    
    --slick-dots-background-color-selected: var(--color-brand1-6, #1B9AEE);
    
    
    
    --slick-dots-background-opacity-selected: 1;
    
    
    
    --slick-dots-border-width: var(--line-zero, 0px);
    
    
    
    --slick-dots-border-radius: var(--corner-circle, 50%);
    
    
    
    --slick-dots-border-color-hover: var(--color-white, #FFFFFF);
    
    
    
    --slick-dots-border-color-selected: var(--color-white, #FFFFFF);
    
    
    
    --slick-dots-border-opacity-hover: 1;
    
    
    
    --slick-dots-border-opacity-selected: 1;
    
    
    
    --slick-arrow-icon-color-normal: var(--color-white, #FFFFFF);
    
    
    
    --slick-arrow-icon-color-normal-outer: var(--color-text1-3, #575757);
    
    
    
    --slick-arrow-icon-color-hover: var(--color-white, #FFFFFF);
    
    
    
    --slick-arrow-icon-color-hover-outer: var(--color-text1-4, #292929);
    
    
    
    --slick-arrow-icon-color-disabled: var(--color-text1-1, #adadad);
    
    
    
    --slick-arrow-icon-color-disabled-outer: var(--color-text1-1, #adadad);
    
    
    
    --slick-arrow-bg-color-normal: var(--color-black, #000000);
    
    
    
    --slick-arrow-bg-color-hover: var(--color-black, #000000);
    
    
    
    --slick-arrow-bg-color-disabled: var(--color-fill1-1, #FFFFFF);
    
    
    
    --slick-arrow-bg-opacity-normal: .2;
    
    
    
    --slick-arrow-bg-opacity-disabled: .5;
    
    
    
    --slick-arrow-bg-color-normal-outer: var(--color-transparent, transparent);
    
    
    
    --slick-arrow-bg-color-hover-outer: var(--color-transparent, transparent);
    
    
    
    --slick-arrow-bg-color-disabled-outer: var(--color-transparent, transparent);
    
    
    
    --slick-arrow-bg-opacity-normal-outer: .32;
    
    
    
    --slick-arrow-bg-opacity-hover-outer: .32;
    
    
    
    --slick-arrow-bg-opacity-disabled-outer: .32;
    
    
    
    --slick-arrow-corner-radius-outer: var(--s-zero, 0px);
    
    
    /* ------------------------ date-picker ------------------------ */
    
    
    
    --date-picker-panel-background: var(--color-white, #FFFFFF);
    
    
    
    --date-picker-panel-footer-padding-lr: var(--s-3, 12px);
    
    
    
    --date-picker-panel-footer-padding-tb: var(--s-3, 12px);
    
    
    
    --date-picker-panel-time-panel-separator-color: var(--color-line1-2, #DBDBDB);
    
    
    
    --date-picker-calendar-icon: var(--icon-content-calendar, "");
    
    
    /* ------------------------ typography ------------------------ */
    
    
    
    --typography-text-mark-background: var(--color-warning-2, #FFE0BF);
    
    
    
    --typography-text-color: var(--color-text1-4, #292929);
    
    
    
    --typography-text-strong-font-weight: var(--font-weight-semi-bold, 600);
    
    
    
    --typography-text-code-corner: var(--corner-1, 4px);
    
    
    
    --typography-text-mark-color: var(--color-text1-4, #292929);
    
    
    
    --typography-text-code-color: var(--color-text1-4, #292929);
    
    
    
    --typography-text-code-background: var(--color-fill1-2, #F7F7F7);
    
    
    
    --typography-text-code-border-color: var(--color-line1-1, #E8E8E8);
    
    
    
    --typography-paragraph-font-size: var(--font-size-body-2, 14px);
    
    
    
    --typography-paragraph-line-height: var(--font-lineheight-2, 1.5);
    
    
    
    --typography-title-h1-font-size: var(--font-size-headline, 20px);
    
    
    
    --typography-title-h2-font-size: var(--font-size-title, 18px);
    
    
    
    --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, 14px);
    
    
    
    --typography-title-font-weight: var(--font-weight-semi-bold, 600);
    
    
    /* ------------------------ divider ------------------------ */
    
    
    
    --divider-hoz-color: var(--color-line1-1, #E8E8E8);
    
    
    
    --divider-ver-color: var(--color-line1-1, #E8E8E8);
    
    
    
    --divider-hoz-size: var(--line-1, 1px);
    
    
    
    --divider-hoz-text-center-paddingLeft: var(--s-4, 16px);
    
    
    
    --divider-hoz-text-left-paddingLeft: var(--s-4, 16px);
    
    
    
    --divider-hoz-text-marginTop: var(--s-4, 16px);
    
    
    
    --divider-hoz-marginTop: var(--s-4, 16px);
    
    
    
    --divider-hoz-text-size: var(--font-size-subhead, 16px);
    
    
    
    --divider-hoz-text-weight: var(--font-weight-2, normal);
    
    
    
    --divider-hoz-text-color: var(--color-text1-4, #292929);
    
    
    
    --divider-ver-size: var(--line-1, 1px);
    
    
    
    --divider-ver-marginLeft: var(--s-2, 8px);
    
    
    /* ------------------------ table ------------------------ */
    
    
    
    --table-group-th-bg: var(--color-transparent, transparent);
    
    
    
    --table-group-th-color: var(--color-text1-1, #adadad);
    
    
    
    --table-group-footer-bg: var(--color-transparent, transparent);
    
    
    
    --table-group-footer-color: var(--color-text1-1, #adadad);
    
    
    
    --table-row-hover-bg: var(--color-fill1-2, #F7F7F7);
    
    
    
    --table-row-hover-color: var(--color-text1-4, #292929);
    
    
    
    --table-row-selected-bg: var(--color-brand1-1, #F0F9FF);
    
    
    
    --table-th-font-size: var(--font-size-body-1, 14px);
    
    
    
    --table-cell-padding-top: var(--s-2, 8px);
    
    
    
    --table-tree-fold-icon-content: var(--icon-content-triangle-right-s, "");
    
    
    
    --table-tree-unfold-icon-content: var(--icon-content-triangle-down-s, "");
    
    
    
    --table-tree-expanded-icon-size: var(--icon-s, 16px);
    
    
    
    --table-sort-icon-size: var(--icon-s, 16px);
    
    
    
    --table-filter-icon-size: var(--icon-s, 16px);
    
    
    
    --table-empty-color: var(--color-text1-1, #adadad);
    
    
    
    --table-th-color: var(--color-fill1-6, #8B8B8B);
    
    
    
    --table-cell-padding-left: var(--s-2, 8px);
    
    
    
    --table-header-padding-left: var(--s-2, 8px);
    
    
    
    --table-group-split: var(--s-2, 8px);
    
    
    
    --table-header-padding-top: var(--s-2, 8px);
    
    
    
    --table-row-color: var(--color-text1-3, #575757);
    
    
    
    --table-normal-border-color: var(--color-line1-1, #E8E8E8);
    
    
    
    --table-th-bg: var(--color-fill1-1, #FFFFFF);
    
    
    
    --table-row-bg: var(--color-fill1-1, #FFFFFF);
    
    
    
    --table-expanded-icon-size: var(--icon-s, 16px);
    
    
    
    --table-expand-fold-icon-content: var(--icon-content-triangle-right-s, "");
    
    
    
    --table-expand-unfold-icon-content: var(--icon-content-triangle-down-s, "");
    
    
    
    --table-sort-color: var(--color-text1-2, #6E6E6E);
    
    
    
    --table-normal-border-width: var(--line-1, 1px);
    
    
    
    --table-th-font-weight: var(--font-weight-2, normal);
    
    
    
    --table-body-font-size: var(--font-size-body-1, 14px);
    
    
    
    --table-empty-padding: var(--s-8, 32px);
    
    
    
    --table-header-icon-margin-left: var(--s-2, 8px);
    
    
    
    --table-header-corner-top: var(--corner-zero, 0px);
    
    
    
    --table-header-corner-bottom: var(--corner-zero, 0px);
    
    
    
    --table-size-s-cell-padding-top: var(--s-2, 8px);
    
    
    
    --table-size-s-cell-padding-left: var(--s-2, 8px);
    
    
    
    --table-size-s-header-padding-top: var(--s-2, 8px);
    
    
    
    --table-size-s-header-padding-left: var(--s-2, 8px);
    
    
    
    --table-group-header-corner-top: var(--corner-zero, 0px);
    
    
    
    --table-group-header-corner-bottom: var(--corner-zero, 0px);
    
    
    
    --table-group-footer-corner-top: var(--corner-zero, 0px);
    
    
    
    --table-group-footer-corner-bottom: var(--corner-zero, 0px);
    
    
    
    --table-normal-border-style: var(--line-solid, solid);
    
    
    
    --table-td-gray: var(--color-fill1-1, #FFFFFF);
    
    
    
    --table-td-normal: var(--color-white, #FFFFFF);
    
    
    
    --table-row-selected-color: var(--color-text1-4, #292929);
    
    
    
    --table-sort-color-current: var(--color-brand1-6, #1B9AEE);
    
    
    
    --table-expanded-ctrl-disabled-color: var(--color-text1-2, #6E6E6E);
    
    
    /* ------------------------ breadcrumb ------------------------ */
    
    
    
    --breadcrumb-text-color: var(--color-text1-2, #6E6E6E);
    
    
    
    --breadcrumb-text-current-color: var(--color-text1-4, #292929);
    
    
    
    --breadcrumb-text-current-weight: var(--font-weight-medium, 500);
    
    
    
    --breadcrumb-icon-color: var(--color-fill1-5, #B3B3B3);
    
    
    
    --breadcrumb-size-m-font-size: var(--font-size-body-2, 14px);
    
    
    
    --breadcrumb-size-ellipsis-font-size: var(--font-size-body-2, 14px);
    
    
    
    --breadcrumb-size-m-icon-size: var(--icon-m, 20px);
    
    
    
    --breadcrumb-size-m-icon-margin: var(--s-2, 8px);
    
    
    
    --breadcrumb-text-ellipsis-color: var(--color-text1-3, #575757);
    
    
    
    --breadcrumb-text-keyword-color: var(--color-brand1-6, #1B9AEE);
    
    
    
    --breadcrumb-icon-sep-content: var(--icon-content-arrow-right, "");
    
    
    
    --breadcrumb-text-color-hover: var(--color-brand1-6, #1B9AEE);
    
    
    
    --breadcrumb-text-current-color-hover: var(--color-brand1-6, #1B9AEE);
    
    
    
    --breadcrumb-text-keyword-color-hover: var(--color-brand1-6, #1B9AEE);
    
    
    /* ------------------------ number-picker ------------------------ */
    
    
    
    --number-picker-inline-m-button-corner: var(--corner-1, 4px);
    
    
    
    --number-picker-inline-l-button-corner: var(--corner-1, 4px);
    
    
    
    --number-picker-normal-m-input-width: var(--s-32, 128px);
    
    
    
    --number-picker-normal-l-input-width: var(--s-32, 128px);
    
    
    
    --number-picker-inline-m-button-margin: -2px;
    
    
    
    --number-picker-inline-l-button-margin: -1px;
    
    
    
    --number-picker-normal-l-button-icon-size: var(--icon-s, 16px);
    
    
    
    --number-picker-normal-m-button-icon-size: var(--icon-xs, 12px);
    
    
    
    --number-picker-inline-add-icon: var(--icon-content-add, "");
    
    
    
    --number-picker-inline-minus-icon: var(--icon-content-semi-select, "");
    
    
    
    --number-picker-inline-m-button-icon-size: var(--icon-xs, 12px);
    
    
    
    --number-picker-inline-l-button-icon-size: var(--icon-xxs, 8px);
    
    
    
    --number-picker-normal-up-icon: var(--icon-content-arrow-up, "");
    
    
    
    --number-picker-normal-down-icon: var(--icon-content-arrow-down, "");
    
    
    
    --number-picker-normal-s-button-width: var(--s-5, 20px);
    
    
    
    --number-picker-normal-m-button-width: var(--s-5, 20px);
    
    
    
    --number-picker-normal-l-button-width: var(--s-5, 20px);
    
    
    
    --number-picker-normal-s-button-icon-size: var(--icon-xxs, 8px);
    
    
    
    --number-picker-inline-s-button-icon-size: var(--icon-xs, 12px);
    
    
    
    --number-picker-inline-s-button-margin: 2px;
    
    
    
    --number-picker-inline-s-button-corner: var(--corner-1, 4px);
    
    
    
    --number-picker-inline-m-input-width: var(--s-25, 100px);
    
    
    
    --number-picker-inline-l-input-width: var(--s-32, 128px);
    
    
    /* ------------------------ paragraph ------------------------ */
    
    
    
    --paragraph-text-color: var(--color-text1-2, #6E6E6E);
    
    
    
    --paragraph-s-font-size: var(--font-size-body-1, 14px);
    
    
    
    --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);
    
    
    /* ------------------------ shell ------------------------ */
    
    
    
    --shell-light-navigation-ver-paddingTop: var(--s-6, 24px);
    
    
    
    --shell-dark-navigation-ver-paddingTop: var(--s-6, 24px);
    
    
    
    --shell-brand-navigation-ver-paddingTop: var(--s-6, 24px);
    
    
    
    --shell-light-content-paddingLeft: var(--s-6, 24px);
    
    
    
    --shell-light-content-paddingTop: var(--s-6, 24px);
    
    
    
    --shell-dark-content-paddingLeft: var(--s-6, 24px);
    
    
    
    --shell-dark-content-paddingTop: var(--s-6, 24px);
    
    
    
    --shell-brand-content-paddingLeft: var(--s-6, 24px);
    
    
    
    --shell-brand-content-paddingTop: var(--s-6, 24px);
    
    
    
    --shell-light-header-color: var(--color-black, #000000);
    
    
    
    --shell-light-header-height: var(--s-13, 52px);
    
    
    
    --shell-light-header-background: var(--color-white, #FFFFFF);
    
    
    
    --shell-light-header-shadow: var(--shadow-zero, none);
    
    
    
    --shell-light-header-divider-size: var(--line-1, 1px);
    
    
    
    --shell-light-header-divider-style: var(--line-solid, solid);
    
    
    
    --shell-light-header-divider-color: var(--color-line1-1, #E8E8E8);
    
    
    
    --shell-light-header-paddingLeft: var(--s-4, 16px);
    
    
    
    --shell-light-multitask-min-height: var(--s-10, 40px);
    
    
    
    --shell-light-multitask-background: var(--color-white, #FFFFFF);
    
    
    
    --shell-light-multitask-shadow: var(--shadow-zero, none);
    
    
    
    --shell-light-multitask-divider-size: var(--line-1, 1px);
    
    
    
    --shell-light-multitask-divider-style: var(--line-solid, solid);
    
    
    
    --shell-light-multitask-divider-color: var(--color-line1-1, #E8E8E8);
    
    
    
    --shell-light-multitask-paddingLeft: var(--s-zero, 0px);
    
    
    
    --shell-light-navigation-hoz-marginLeft: var(--s-12, 48px);
    
    
    
    --shell-light-navigation-ver-width: var(--s-42, 168px);
    
    
    
    --shell-light-navigation-ver-shadow: var(--shadow-zero, none);
    
    
    
    --shell-light-navigation-ver-paddingBottom: var(--s-2, 8px);
    
    
    
    --shell-light-navigation-ver-width-mini: var(--s-15, 60px);
    
    
    
    --shell-light-navigation-ver-background: var(--color-white, #FFFFFF);
    
    
    
    --shell-light-navigation-ver-divider-size: var(--line-1, 1px);
    
    
    
    --shell-light-navigation-ver-divider-style: var(--line-solid, solid);
    
    
    
    --shell-light-navigation-ver-divider-color: var(--color-line1-1, #E8E8E8);
    
    
    
    --shell-light-local-navigation-width: var(--s-42, 168px);
    
    
    
    --shell-light-local-navigation-background: var(--color-fill1-4, #DBDBDB);
    
    
    
    --shell-light-local-navigation-paddingTop: var(--s-2, 8px);
    
    
    
    --shell-light-local-navigation-paddingBottom: var(--s-2, 8px);
    
    
    
    --shell-light-local-navigation-shadow: var(--shadow-zero, none);
    
    
    
    --shell-light-local-navigation-divider-size: var(--line-1, 1px);
    
    
    
    --shell-light-local-navigation-divider-style: var(--line-solid, solid);
    
    
    
    --shell-light-local-navigation-divider-color: var(--color-line1-1, #E8E8E8);
    
    
    
    --shell-light-appbar-background: var(--color-white, #FFFFFF);
    
    
    
    --shell-light-appbar-min-height: var(--s-12, 48px);
    
    
    
    --shell-light-appbar-shadow: var(--shadow-zero, none);
    
    
    
    --shell-light-appbar-paddingLeft: var(--s-6, 24px);
    
    
    
    --shell-light-appbar-divider-size: var(--line-1, 1px);
    
    
    
    --shell-light-appbar-divider-style: var(--line-solid, solid);
    
    
    
    --shell-light-appbar-divider-color: var(--color-line1-1, #E8E8E8);
    
    
    
    --shell-light-content-background: var(--color-fill1-3, #E8E8E8);
    
    
    
    --shell-light-footer-min-height: var(--s-14, 56px);
    
    
    
    --shell-light-footer-background: var(--color-transparent, transparent);
    
    
    
    --shell-light-footer-color: var(--color-text1-1, #adadad);
    
    
    
    --shell-light-footer-font-size: var(--font-size-body-2, 14px);
    
    
    
    --shell-light-ancillary-width: var(--s-42, 168px);
    
    
    
    --shell-light-ancillary-background: var(--color-white, #FFFFFF);
    
    
    
    --shell-light-ancillary-paddingTop: var(--s-2, 8px);
    
    
    
    --shell-light-ancillary-paddingBottom: var(--s-2, 8px);
    
    
    
    --shell-light-ancillary-shadow: var(--shadow-zero, none);
    
    
    
    --shell-light-ancillary-divider-size: var(--line-1, 1px);
    
    
    
    --shell-light-ancillary-divider-style: var(--line-solid, solid);
    
    
    
    --shell-light-ancillary-divider-color: var(--color-line1-1, #E8E8E8);
    
    
    
    --shell-light-tooldock-height: var(--s-13, 52px);
    
    
    
    --shell-light-tooldock-width: var(--s-13, 52px);
    
    
    
    --shell-light-tooldock-background: var(--color-fill1-4, #DBDBDB);
    
    
    
    --shell-light-tooldock-paddingTop: var(--s-2, 8px);
    
    
    
    --shell-light-tooldock-paddingBottom: var(--s-2, 8px);
    
    
    
    --shell-light-tooldock-shadow: var(--shadow-zero, none);
    
    
    
    --shell-light-tooldock-divider-size: var(--line-1, 1px);
    
    
    
    --shell-light-tooldock-divider-style: var(--line-solid, solid);
    
    
    
    --shell-light-tooldock-divider-color: var(--color-line1-1, #E8E8E8);
    
    
    
    --shell-light-tooldock-item-paddingTop: var(--s-2, 8px);
    
    
    
    --shell-light-tooldock-item-color: var(--color-text1-3, #575757);
    
    
    
    --shell-light-tooldock-item-color-hover: var(--color-text1-4, #292929);
    
    
    
    --shell-light-tooldock-item-color-active: var(--color-text1-4, #292929);
    
    
    
    --shell-light-tooldock-item-background: var(--color-transparent, transparent);
    
    
    
    --shell-light-tooldock-item-background-hover: var(--color-fill1-3, #E8E8E8);
    
    
    
    --shell-light-tooldock-item-background-active: var(--color-fill1-3, #E8E8E8);
    
    
    
    --shell-dark-header-color: var(--color-white, #FFFFFF);
    
    
    
    --shell-dark-header-height: var(--s-13, 52px);
    
    
    
    --shell-dark-header-background: var(--color-black, #000000);
    
    
    
    --shell-dark-header-shadow: var(--shadow-1-down, 0px 3px 8px 0px rgba(0, 0, 0, 0.03));
    
    
    
    --shell-dark-header-divider-size: var(--line-1, 1px);
    
    
    
    --shell-dark-header-divider-style: var(--line-solid, solid);
    
    
    
    --shell-dark-header-divider-color: #1F1F1F;
    
    
    
    --shell-dark-header-paddingLeft: var(--s-4, 16px);
    
    
    
    --shell-dark-multitask-min-height: var(--s-10, 40px);
    
    
    
    --shell-dark-multitask-background: var(--color-white, #FFFFFF);
    
    
    
    --shell-dark-multitask-shadow: var(--shadow-zero, none);
    
    
    
    --shell-dark-multitask-divider-size: var(--line-1, 1px);
    
    
    
    --shell-dark-multitask-divider-style: var(--line-solid, solid);
    
    
    
    --shell-dark-multitask-divider-color: var(--color-line1-1, #E8E8E8);
    
    
    
    --shell-dark-multitask-paddingLeft: var(--s-zero, 0px);
    
    
    
    --shell-dark-navigation-hoz-marginLeft: var(--s-12, 48px);
    
    
    
    --shell-dark-navigation-ver-width: var(--s-42, 168px);
    
    
    
    --shell-dark-navigation-ver-shadow: var(--shadow-zero, none);
    
    
    
    --shell-dark-navigation-ver-paddingBottom: var(--s-2, 8px);
    
    
    
    --shell-dark-navigation-ver-width-mini: var(--s-15, 60px);
    
    
    
    --shell-dark-navigation-ver-background: var(--color-text1-4, #292929);
    
    
    
    --shell-dark-navigation-ver-divider-size: var(--line-1, 1px);
    
    
    
    --shell-dark-navigation-ver-divider-style: var(--line-solid, solid);
    
    
    
    --shell-dark-navigation-ver-divider-color: var(--color-line1-1, #E8E8E8);
    
    
    
    --shell-dark-local-navigation-width: var(--s-42, 168px);
    
    
    
    --shell-dark-local-navigation-background: var(--color-fill1-4, #DBDBDB);
    
    
    
    --shell-dark-local-navigation-paddingTop: var(--s-2, 8px);
    
    
    
    --shell-dark-local-navigation-paddingBottom: var(--s-2, 8px);
    
    
    
    --shell-dark-local-navigation-shadow: var(--shadow-zero, none);
    
    
    
    --shell-dark-local-navigation-divider-size: var(--line-1, 1px);
    
    
    
    --shell-dark-local-navigation-divider-style: var(--line-solid, solid);
    
    
    
    --shell-dark-local-navigation-divider-color: var(--color-line1-1, #E8E8E8);
    
    
    
    --shell-dark-appbar-background: var(--color-white, #FFFFFF);
    
    
    
    --shell-dark-appbar-min-height: var(--s-12, 48px);
    
    
    
    --shell-dark-appbar-shadow: var(--shadow-zero, none);
    
    
    
    --shell-dark-appbar-paddingLeft: var(--s-6, 24px);
    
    
    
    --shell-dark-appbar-divider-size: var(--line-1, 1px);
    
    
    
    --shell-dark-appbar-divider-style: var(--line-solid, solid);
    
    
    
    --shell-dark-appbar-divider-color: var(--color-line1-1, #E8E8E8);
    
    
    
    --shell-dark-content-background: var(--color-fill1-3, #E8E8E8);
    
    
    
    --shell-dark-footer-min-height: var(--s-14, 56px);
    
    
    
    --shell-dark-footer-background: var(--color-transparent, transparent);
    
    
    
    --shell-dark-footer-color: var(--color-text1-1, #adadad);
    
    
    
    --shell-dark-footer-font-size: var(--font-size-body-2, 14px);
    
    
    
    --shell-dark-ancillary-width: var(--s-42, 168px);
    
    
    
    --shell-dark-ancillary-background: var(--color-white, #FFFFFF);
    
    
    
    --shell-dark-ancillary-paddingTop: var(--s-2, 8px);
    
    
    
    --shell-dark-ancillary-paddingBottom: var(--s-2, 8px);
    
    
    
    --shell-dark-ancillary-shadow: var(--shadow-zero, none);
    
    
    
    --shell-dark-ancillary-divider-size: var(--line-1, 1px);
    
    
    
    --shell-dark-ancillary-divider-style: var(--line-solid, solid);
    
    
    
    --shell-dark-ancillary-divider-color: var(--color-line1-1, #E8E8E8);
    
    
    
    --shell-dark-tooldock-height: var(--s-13, 52px);
    
    
    
    --shell-dark-tooldock-width: var(--s-13, 52px);
    
    
    
    --shell-dark-tooldock-background: var(--color-fill1-4, #DBDBDB);
    
    
    
    --shell-dark-tooldock-paddingTop: var(--s-2, 8px);
    
    
    
    --shell-dark-tooldock-paddingBottom: var(--s-2, 8px);
    
    
    
    --shell-dark-tooldock-shadow: var(--shadow-zero, none);
    
    
    
    --shell-dark-tooldock-divider-size: var(--line-1, 1px);
    
    
    
    --shell-dark-tooldock-divider-style: var(--line-solid, solid);
    
    
    
    --shell-dark-tooldock-divider-color: var(--color-line1-1, #E8E8E8);
    
    
    
    --shell-dark-tooldock-item-paddingTop: var(--s-2, 8px);
    
    
    
    --shell-dark-tooldock-item-color: var(--color-text1-3, #575757);
    
    
    
    --shell-dark-tooldock-item-color-hover: var(--color-text1-4, #292929);
    
    
    
    --shell-dark-tooldock-item-color-active: var(--color-text1-4, #292929);
    
    
    
    --shell-dark-tooldock-item-background: var(--color-transparent, transparent);
    
    
    
    --shell-dark-tooldock-item-background-hover: var(--color-fill1-3, #E8E8E8);
    
    
    
    --shell-dark-tooldock-item-background-active: var(--color-fill1-3, #E8E8E8);
    
    
    
    --shell-brand-header-color: var(--color-white, #FFFFFF);
    
    
    
    --shell-brand-header-height: var(--s-13, 52px);
    
    
    
    --shell-brand-header-background: var(--color-brand1-6, #1B9AEE);
    
    
    
    --shell-brand-header-shadow: var(--shadow-1-down, 0px 3px 8px 0px rgba(0, 0, 0, 0.03));
    
    
    
    --shell-brand-header-divider-size: var(--line-1, 1px);
    
    
    
    --shell-brand-header-divider-style: var(--line-solid, solid);
    
    
    
    --shell-brand-header-divider-color: var(--color-line1-1, #E8E8E8);
    
    
    
    --shell-brand-header-paddingLeft: var(--s-4, 16px);
    
    
    
    --shell-brand-multitask-min-height: var(--s-10, 40px);
    
    
    
    --shell-brand-multitask-background: var(--color-white, #FFFFFF);
    
    
    
    --shell-brand-multitask-shadow: var(--shadow-zero, none);
    
    
    
    --shell-brand-multitask-divider-size: var(--line-1, 1px);
    
    
    
    --shell-brand-multitask-divider-style: var(--line-solid, solid);
    
    
    
    --shell-brand-multitask-divider-color: var(--color-line1-1, #E8E8E8);
    
    
    
    --shell-brand-multitask-paddingLeft: var(--s-zero, 0px);
    
    
    
    --shell-brand-navigation-hoz-marginLeft: var(--s-12, 48px);
    
    
    
    --shell-brand-navigation-ver-width: var(--s-42, 168px);
    
    
    
    --shell-brand-navigation-ver-shadow: var(--shadow-zero, none);
    
    
    
    --shell-brand-navigation-ver-paddingBottom: var(--s-2, 8px);
    
    
    
    --shell-brand-navigation-ver-width-mini: var(--s-15, 60px);
    
    
    
    --shell-brand-navigation-ver-background: var(--color-white, #FFFFFF);
    
    
    
    --shell-brand-navigation-ver-divider-size: var(--line-1, 1px);
    
    
    
    --shell-brand-navigation-ver-divider-style: var(--line-solid, solid);
    
    
    
    --shell-brand-navigation-ver-divider-color: var(--color-line1-1, #E8E8E8);
    
    
    
    --shell-brand-local-navigation-width: var(--s-42, 168px);
    
    
    
    --shell-brand-local-navigation-background: var(--color-fill1-4, #DBDBDB);
    
    
    
    --shell-brand-local-navigation-paddingTop: var(--s-2, 8px);
    
    
    
    --shell-brand-local-navigation-paddingBottom: var(--s-2, 8px);
    
    
    
    --shell-brand-local-navigation-shadow: var(--shadow-zero, none);
    
    
    
    --shell-brand-local-navigation-divider-size: var(--line-1, 1px);
    
    
    
    --shell-brand-local-navigation-divider-style: var(--line-solid, solid);
    
    
    
    --shell-brand-local-navigation-divider-color: var(--color-line1-1, #E8E8E8);
    
    
    
    --shell-brand-appbar-background: var(--color-white, #FFFFFF);
    
    
    
    --shell-brand-appbar-min-height: var(--s-12, 48px);
    
    
    
    --shell-brand-appbar-shadow: var(--shadow-zero, none);
    
    
    
    --shell-brand-appbar-paddingLeft: var(--s-6, 24px);
    
    
    
    --shell-brand-appbar-divider-size: var(--line-1, 1px);
    
    
    
    --shell-brand-appbar-divider-style: var(--line-solid, solid);
    
    
    
    --shell-brand-appbar-divider-color: var(--color-line1-1, #E8E8E8);
    
    
    
    --shell-brand-content-background: var(--color-fill1-3, #E8E8E8);
    
    
    
    --shell-brand-footer-min-height: var(--s-14, 56px);
    
    
    
    --shell-brand-footer-background: var(--color-transparent, transparent);
    
    
    
    --shell-brand-footer-color: var(--color-text1-1, #adadad);
    
    
    
    --shell-brand-footer-font-size: var(--font-size-body-2, 14px);
    
    
    
    --shell-brand-ancillary-width: var(--s-42, 168px);
    
    
    
    --shell-brand-ancillary-background: var(--color-white, #FFFFFF);
    
    
    
    --shell-brand-ancillary-paddingTop: var(--s-2, 8px);
    
    
    
    --shell-brand-ancillary-paddingBottom: var(--s-2, 8px);
    
    
    
    --shell-brand-ancillary-shadow: var(--shadow-zero, none);
    
    
    
    --shell-brand-ancillary-divider-size: var(--line-1, 1px);
    
    
    
    --shell-brand-ancillary-divider-style: var(--line-solid, solid);
    
    
    
    --shell-brand-ancillary-divider-color: var(--color-line1-1, #E8E8E8);
    
    
    
    --shell-brand-tooldock-height: var(--s-13, 52px);
    
    
    
    --shell-brand-tooldock-width: var(--s-13, 52px);
    
    
    
    --shell-brand-tooldock-background: var(--color-fill1-4, #DBDBDB);
    
    
    
    --shell-brand-tooldock-paddingTop: var(--s-2, 8px);
    
    
    
    --shell-brand-tooldock-paddingBottom: var(--s-2, 8px);
    
    
    
    --shell-brand-tooldock-shadow: var(--shadow-zero, none);
    
    
    
    --shell-brand-tooldock-divider-size: var(--line-1, 1px);
    
    
    
    --shell-brand-tooldock-divider-style: var(--line-solid, solid);
    
    
    
    --shell-brand-tooldock-divider-color: var(--color-line1-1, #E8E8E8);
    
    
    
    --shell-brand-tooldock-item-paddingTop: var(--s-2, 8px);
    
    
    
    --shell-brand-tooldock-item-color: var(--color-text1-3, #575757);
    
    
    
    --shell-brand-tooldock-item-color-hover: var(--color-text1-4, #292929);
    
    
    
    --shell-brand-tooldock-item-color-active: var(--color-text1-4, #292929);
    
    
    
    --shell-brand-tooldock-item-background: var(--color-transparent, transparent);
    
    
    
    --shell-brand-tooldock-item-background-hover: var(--color-fill1-3, #E8E8E8);
    
    
    
    --shell-brand-tooldock-item-background-active: var(--color-fill1-3, #E8E8E8);
    
    
    /* ------------------------ cascader-select ------------------------ */
    
    
    
    --cascader-select: "cascader-select";
    
    
    /* ------------------------ loading ------------------------ */
    
    
    
    --loading-icon-size: var(--icon-xl, 32px);
    
    
    
    --loading-dot-color: var(--color-brand1-6, #1B9AEE);
    
    
    
    --loading-large-size: var(--s-12, 48px);
    
    
    
    --loading-large-dot-size: var(--icon-xs, 12px);
    
    
    
    --loading-medium-size: var(--s-8, 32px);
    
    
    
    --loading-medium-dot-size: var(--icon-xxs, 8px);
    
    
    /* ------------------------ tree-select ------------------------ */
    
    
    
    --tree-select-padding-vertical: var(--s-2, 8px);
    
    
    
    --tree-select-padding-horizontal: var(--s-5, 20px);
    
    
    
    --tree-select-background: var(--color-white, #FFFFFF);
    
    
    /* ------------------------ list ------------------------ */
    
    
    
    --list-size-s-title-font-size: var(--font-size-subhead, 16px);
    
    
    
    --list-size-s-title-font-weight: var(--font-weight-3, bold);
    
    
    
    --list-size-s-item-padding-lr: var(--s-zero, 0px);
    
    
    
    --list-size-s-item-padding-tb: var(--s-2, 8px);
    
    
    
    --list-size-s-item-media-margin: var(--s-2, 8px);
    
    
    
    --list-size-s-item-content-font-size: var(--font-size-body-1, 14px);
    
    
    
    --list-size-s-item-content-line-height: var(--font-lineheight-1, 1.5);
    
    
    
    --list-size-s-item-title-font-weight: var(--font-weight-2, normal);
    
    
    
    --list-size-s-item-title-font-size: var(--font-size-body-2, 14px);
    
    
    
    --list-size-s-item-title-line-height: var(--font-lineheight-2, 1.5);
    
    
    
    --list-size-m-title-font-size: var(--font-size-title, 18px);
    
    
    
    --list-size-m-title-font-weight: var(--font-weight-3, bold);
    
    
    
    --list-size-m-item-padding-lr: var(--s-zero, 0px);
    
    
    
    --list-size-m-item-padding-tb: var(--s-4, 16px);
    
    
    
    --list-size-m-item-media-margin: var(--s-2, 8px);
    
    
    
    --list-size-m-item-content-font-size: var(--font-size-body-2, 14px);
    
    
    
    --list-size-m-item-content-line-height: var(--font-lineheight-2, 1.5);
    
    
    
    --list-size-m-item-title-font-size: var(--font-size-subhead, 16px);
    
    
    
    --list-size-m-item-title-line-height: var(--font-lineheight-2, 1.5);
    
    
    
    --list-size-m-item-title-font-weight: var(--font-weight-2, normal);
    
    
    
    --list-divider-color: var(--color-line1-2, #DBDBDB);
    
    
    
    --list-title-color: var(--color-text1-4, #292929);
    
    
    
    --list-content-color: var(--color-text1-3, #575757);
    
    
    
    --list-extra-color: var(--color-text1-2, #6E6E6E);
    
    
    /* ------------------------ avatar ------------------------ */
    
    
    
    --avatar-size-large: var(--s-13, 52px);
    
    
    
    --avatar-size-medium: var(--s-10, 40px);
    
    
    
    --avatar-size-small: var(--s-7, 28px);
    
    
    
    --avatar-border-radius: var(--corner-1, 4px);
    
    

    /* 兼容0.x */
    --line-0: var(--line-zero);
    --shadow-0: var(--shadow-zero);
    --corner-right-angle: var(--corner-zero);
    --s-0: var(--s-zero);
}
