@charset "UTF-8";
.theme-hybridcloud-dark {
  
  --line-dotted: dotted;
  --line-dashed: dashed;
  --line-solid: solid;
  --line-2: 2px;
  --line-1: 1px;
  --line-zero: 0px;
  --line-3: 6px;
  
  --popup-global-shadow: var(--shadow-2-down, 0px 6px 24px 0px rgba(0, 0, 0, 0.64));
  --popup-global-corner: var(--corner-1, 2px);
  --popup-global-border-color: var(--color-line1-2, #383838);
  --popup-global-border-style: var(--line-solid, solid);
  --popup-global-border-width: var(--line-zero, 0px);
  --popup-local-corner: var(--corner-1, 2px);
  --popup-local-border-style: var(--line-solid, solid);
  --popup-local-border-width: var(--line-1, 1px);
  --popup-spacing-tb: var(--s-zero, 0px);
  --popup-spacing-lr: var(--s-zero, 0px);
  --popup-local-shadow: var(--shadow-3, 0px 12px 48px 0px rgba(0, 0, 0, 0.8));
  --popup-local-border-color: var(--color-fill1-4, #262626);
  
  --mask-background: var(--color-black, #000000);
  --mask-opacity: 0.45;
  
  --form-element-preview-text-color: var(--color-text1-4, #EAEAEA);
  --form-element-large-icon-size: var(--icon-s, 16px);
  --form-element-medium-icon-size: var(--icon-xs, 12px);
  --form-element-small-icon-size: var(--icon-xs, 12px);
  --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-large-preview-height: var(--s-10, 40px);
  --form-element-medium-preview-height: var(--s-7, 28px);
  --form-element-small-preview-height: var(--s-5, 20px);
  --form-element-medium-font-size: var(--font-size-body-1, 12px);
  --form-element-small-font-size: var(--font-size-caption, 12px);
  --form-element-preview-label-color: var(--color-text1-5, #a8a8a8);
  --form-element-medium-preview-label-font-size: var(--font-size-body-1, 12px);
  --form-element-large-corner: var(--corner-1, 2px);
  --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, 12px);
  --form-element-small-height: var(--s-6, 24px);
  --form-element-medium-corner: var(--corner-1, 2px);
  --form-element-small-corner: var(--corner-1, 2px);
  --form-element-large-font-size: var(--font-size-body-2, 14px);
  
  --s-50: 200px;
  --s-49: 196px;
  --s-48: 192px;
  --s-47: 188px;
  --s-46: 184px;
  --s-45: 180px;
  --s-44: 176px;
  --s-43: 172px;
  --s-42: 168px;
  --s-41: 164px;
  --s-40: 160px;
  --s-39: 156px;
  --s-38: 152px;
  --s-37: 148px;
  --s-36: 144px;
  --s-35: 140px;
  --s-34: 136px;
  --s-33: 132px;
  --s-32: 128px;
  --s-31: 124px;
  --s-30: 120px;
  --s-29: 116px;
  --s-28: 112px;
  --s-27: 108px;
  --s-26: 104px;
  --s-25: 100px;
  --s-24: 96px;
  --s-23: 92px;
  --s-22: 88px;
  --s-21: 84px;
  --s-20: 80px;
  --s-19: 76px;
  --s-18: 72px;
  --s-17: 68px;
  --s-16: 64px;
  --s-15: 60px;
  --s-14: 56px;
  --s-13: 52px;
  --s-12: 48px;
  --s-11: 44px;
  --s-10: 40px;
  --s-9: 36px;
  --s-8: 32px;
  --s-7: 28px;
  --s-6: 24px;
  --s-5: 20px;
  --s-4: 16px;
  --s-3: 12px;
  --s-2: 8px;
  --s-1: 4px;
  --s-zero: 0px;
  --size-base: 4px;
  
  --shadow-3-left: 0px 0px 48px 0px rgba(0, 0, 0, 0.8);
  --shadow-3-down: 0px 12px 48px 0px rgba(0, 0, 0, 0.8);
  --shadow-3-right: 0px 0px 48px 0px rgba(0, 0, 0, 0.8);
  --shadow-3-up: 0px -12px 48px 0px rgba(0, 0, 0, 0.8);
  --shadow-3: 0px 12px 48px 0px rgba(0, 0, 0, 0.8);
  --shadow-2-left: 0px 0px 24px 0px rgba(0, 0, 0, 0.64);
  --shadow-2-down: 0px 6px 24px 0px rgba(0, 0, 0, 0.64);
  --shadow-2-right: 0px 0px 24px 0px rgba(0, 0, 0, 0.64);
  --shadow-2-up: 0px -6px 24px 0px rgba(0, 0, 0, 0.64);
  --shadow-2: 0px 6px 24px 0px rgba(0, 0, 0, 0.64);
  --shadow-1-left: 0px 0px 16px 0px rgba(0, 0, 0, 0.3);
  --shadow-1-down: 0px 4px 16px 0px rgba(0, 0, 0, 0.3);
  --shadow-1-right: 0px 0px 16px 0px rgba(0, 0, 0, 0.3);
  --shadow-1-up: 0px -4px 16px 0px rgba(0, 0, 0, 0.3);
  --shadow-1: 0px 4px 16px 0px rgba(0, 0, 0, 0.3);
  --shadow-zero: none;
  --shadow-spread-sd3: 0;
  --shadow-spread-sd2: 0;
  --shadow-spread-sd1: 0;
  --shadow-color-sd3: 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-blur-sd1: 16;
  --shadow-opacity-sd1: 0.3;
  --shadow-color-sd1: var(--color-black, #000000);
  --shadow-distance-sd1y: 4;
  --shadow-blur-sd3: 48;
  --shadow-blur-sd2: 24;
  --shadow-opacity-sd3: 0.8;
  --shadow-opacity-sd2: 0.64;
  --shadow-distance-sd3y: 12;
  --shadow-distance-sd2y: 6;
  --shadow-distance-sd2: 0;
  --shadow-distance-sd1: 0;
  --shadow-color-sd2: var(--color-black, #000000);
  --shadow-distance-sd3: 0;
  
  --icon-reset: "";
  --icon-xxxl: var(--s-16, 64px);
  --icon-xxl: var(--s-12, 48px);
  --icon-xl: var(--s-8, 32px);
  --icon-l: var(--s-6, 24px);
  --icon-m: var(--s-5, 20px);
  --icon-s: var(--s-4, 16px);
  --icon-xs: var(--s-3, 12px);
  --icon-xxs: var(--s-2, 8px);
  --icon-font-name: "icon";
  --icon-content-trashbin: "\E636";
  --icon-font-path: "//at.alicdn.com/t/font_1984235_k0cji4xgatd";
  --icon-content-slash-line: "\E9F3";
  --icon-content-line-checkbox: "\E9F1";
  --icon-content-compass-o: "\E95A";
  --icon-content-compass: "\E959";
  --icon-content-error-o: "\E958";
  --icon-content-error1: "\E957";
  --icon-content-prompt-o: "\E956";
  --icon-content-prompt1: "\E955";
  --icon-content-time-o: "\E954";
  --icon-content-time: "\E953";
  --icon-content-set-o: "\E852";
  --icon-content-set1: "\E851";
  --icon-content-operation-o: "\E850";
  --icon-content-operation: "\E84F";
  --icon-content-power-o: "\E84E";
  --icon-content-power: "\E84D";
  --icon-content-pin-o: "\E84C";
  --icon-content-pin1: "\E84B";
  --icon-content-smile-o: "\E94A";
  --icon-content-smile1: "\E949";
  --icon-content-rmb-o: "\E946";
  --icon-content-discount-o: "\E846";
  --icon-content-rmb: "\E945";
  --icon-content-discount: "\E845";
  --icon-content-rightcircular-o: "\E942";
  --icon-content-rightcircular: "\E941";
  --icon-content-leftcircular-o: "\E940";
  --icon-content-leftcircular: "\E93F";
  --icon-content-doing-o: "\E934";
  --icon-content-doing: "\E933";
  --icon-content-block-o: "\E932";
  --icon-content-block: "\E931";
  --icon-content-shiyanshi-o: "\E82C";
  --icon-content-shiyanshi: "\E82B";
  --icon-content-moon-o: "\E92A";
  --icon-content-filter-o: "\E82A";
  --icon-content-moon1: "\E929";
  --icon-content-filter2: "\E829";
  --icon-content-edit-3-o: "\E826";
  --icon-content-edit-3: "\E825";
  --icon-content-pop-o: "\E822";
  --icon-content-pop: "\E821";
  --icon-content-product-o: "\E81C";
  --icon-content-product: "\E81B";
  --icon-content-eye-slash-o: "\E812";
  --icon-content-eye-slash1: "\E811";
  --icon-content-eye-1-o: "\E810";
  --icon-content-eye-1: "\E80F";
  --icon-content-floder-2-o: "\E908";
  --icon-content-bug-o: "\E808";
  --icon-content-floder-2: "\E907";
  --icon-content-bug: "\E807";
  --icon-content-ram: "\E903";
  --icon-content-tree-o: "\E8FC";
  --icon-content-tree1: "\E8FB";
  --icon-content-security-o: "\E7F6";
  --icon-content-security: "\E7F5";
  --icon-content-database-o: "\E8F8";
  --icon-content-database: "\E8F7";
  --icon-content-alert-o: "\E8E6";
  --icon-content-alert: "\E8E5";
  --icon-content-remind-o: "\E8E4";
  --icon-content-remind: "\E8E3";
  --icon-content-process-o: "\E8E0";
  --icon-content-process: "\E8DF";
  --icon-content-site_config: "\E9DB";
  --icon-content-site-o: "\E9DA";
  --icon-content-share: "\E7D5";
  --icon-content-site: "\E9D9";
  --icon-content-data-o: "\E8D6";
  --icon-content-data: "\E8D5";
  --icon-content-dollar: "\E7D0";
  --icon-content-nav-more: "\E7CF";
  --icon-content-ellipsis1: "\E7CE";
  --icon-content-loading2: "\E7CD";
  --icon-content-refresh-2: "\E7CC";
  --icon-content-shujubiangeng_left-o: "\E8D0";
  --icon-content-search2: "\E7CB";
  --icon-content-shujubiangeng_left: "\E8CF";
  --icon-content-normal_inflow: "\E7C9";
  --icon-content-link1: "\E7C8";
  --icon-content-Upload: "\E7C6";
  --icon-content-download2: "\E7C5";
  --icon-content-forward: "\E7C4";
  --icon-content-close1: "\E7C3";
  --icon-content-select1: "\E7C2";
  --icon-content-out_of_warehouse-o: "\E8C6";
  --icon-content-add1: "\E7C1";
  --icon-content-out_of_warehouse: "\E8C5";
  --icon-content-semi-selectminus: "\E7C0";
  --icon-content-menu1: "\E7BE";
  --icon-content-category: "\E7BD";
  --icon-content-open-list: "\E7BC";
  --icon-content-box-o: "\E8C0";
  --icon-content-furl-list: "\E7BB";
  --icon-content-box: "\E8BF";
  --icon-content-harddisk: "\E8BD";
  --icon-content-fullscreen-close: "\E7B8";
  --icon-content-fullscreen-1: "\E7B7";
  --icon-content-fullscreen-2: "\E7B6";
  --icon-content-print-o: "\E8BA";
  --icon-content-print1: "\E8B9";
  --icon-content-right-arrow: "\E7B4";
  --icon-content-left-arrow: "\E7B3";
  --icon-content-sorting1: "\E7B2";
  --icon-content-ascending1: "\E7B1";
  --icon-content-descending1: "\E7B0";
  --icon-content-arrow-up-1: "\E7AF";
  --icon-content-arrow-down-1: "\E7AE";
  --icon-content-arrow-right2: "\E7AD";
  --icon-content-arrow-left2: "\E7AC";
  --icon-content-arrow-up-2: "\E7AB";
  --icon-content-arrow-down-2: "\E7AA";
  --icon-content-project-o: "\E9AC";
  --icon-content-project: "\E9AB";
  --icon-content-calendar-o: "\E9A8";
  --icon-content-calendar2: "\E9A7";
  --icon-content-list-o: "\E9A4";
  --icon-content-list1: "\E9A3";
  --icon-content-picture2: "\E99D";
  --icon-content-environment-o: "\E99C";
  --icon-content-environment: "\E99B";
  --icon-content-number-o: "\E898";
  --icon-content-number: "\E897";
  --icon-content-postgresql-01-o: "\E896";
  --icon-content-postgresql-01: "\E895";
  --icon-content-move-o: "\E990";
  --icon-content-move: "\E98F";
  --icon-content-fa-users-o: "\E88A";
  --icon-content-fa-users: "\E889";
  --icon-content-iteration-o: "\E988";
  --icon-content-fullscreen-1-o: "\E986";
  --icon-content-fullscreen-11: "\E985";
  --icon-content-lock-o: "\E880";
  --icon-content-lock2: "\E87F";
  --icon-content-requestaccess-o: "\E87E";
  --icon-content-requestaccess: "\E87D";
  --icon-content-monitor-o: "\E87A";
  --icon-content-monitor: "\E879";
  --icon-content-cut-o: "\E872";
  --icon-content-cut1: "\E871";
  --icon-content-notice-2-o: "\E86C";
  --icon-content-notice-2: "\E86B";
  --icon-content-sorting2-o: "\E968";
  --icon-content-sorting2: "\E967";
  --icon-content-good: "\E867";
  --icon-content-cloud-o: "\E864";
  --icon-content-cloud: "\E863";
  --icon-content-minus-o1: "\E962";
  --icon-content-minus1: "\E961";
  --icon-content-play-o1: "\E960";
  --icon-content-favorites-o: "\E860";
  --icon-content-play: "\E95F";
  --icon-content-favorites: "\E85F";
  --icon-content-stop-o: "\E95E";
  --icon-content-stop: "\E95D";
  --icon-content-triangle-up-s: "\E749";
  --icon-content-warning-o-fill: "\E747";
  --icon-content-triangle-left-s: "\E744";
  --icon-content-warning-o: "\E739";
  --icon-content-triangle-right-o: "\E738";
  --icon-content-tick-o-fill: "\E732";
  --icon-content-triangle-down-s: "\E730";
  --icon-content-triangle-right-s: "\E725";
  --icon-content-tick-o: "\E723";
  --icon-content-sprint: "\E71F";
  --icon-content-screenshot: "\E71C";
  --icon-content-remove: "\E71A";
  --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-priorityflag: "\E7A5";
  --icon-content-pause-o: "\E710";
  --icon-content-line-through: "\E70E";
  --icon-content-overview: "\E7A1";
  --icon-content-paragraph: "\E70D";
  --icon-content-to-do: "\E79D";
  --icon-content-plus-mobile: "\E79B";
  --icon-content-plus-o-fill: "\E707";
  --icon-content-plus-box-fill: "\E705";
  --icon-content-plus-o: "\E704";
  --icon-content-minus-o: "\E703";
  --icon-content-more-o: "\E702";
  --icon-content-log-out: "\E792";
  --icon-content-shortcut: "\E791";
  --icon-content-disable: "\E6FA";
  --icon-content-calendar-tick: "\E78E";
  --icon-content-report-overview: "\E78D";
  --icon-content-more-o-fill: "\E6F8";
  --icon-content-expand-oblique: "\E78C";
  --icon-content-info-o-fill: "\E6F3";
  --icon-content-pin-fill: "\E787";
  --icon-content-progress: "\E786";
  --icon-content-print: "\E781";
  --icon-content-expand: "\E6E5";
  --icon-content-preview: "\E778";
  --icon-content-drag: "\E6E3";
  --icon-content-risk: "\E66C";
  --icon-content-play-outline: "\E66B";
  --icon-content-multi-number: "\E771";
  --icon-content-chevrons-left: "\E6D9";
  --icon-content-stack-tick-fill: "\E76F";
  --icon-content-chevrons-right: "\E6D7";
  --icon-content-chevron-right-s: "\E6D6";
  --icon-content-stack-tick: "\E69F";
  --icon-content-chevrons-expand-vertical: "\E6D4";
  --icon-content-chevron-up: "\E6D3";
  --icon-content-paper: "\E69D";
  --icon-content-chevron-up-s: "\E6D2";
  --icon-content-question-talk: "\E69C";
  --icon-content-chevrons-collapse-vertical: "\E6D1";
  --icon-content-chevron-down-s: "\E6D0";
  --icon-content-chevron-left: "\E6CF";
  --icon-content-moon: "\E664";
  --icon-content-chevron-right: "\E6CD";
  --icon-content-top-up-fill: "\E698";
  --icon-content-arrows-swtich-horizontal: "\E6CC";
  --icon-content-download-stage: "\E699";
  --icon-content-stage: "\E697";
  --icon-content-chevron-left-s: "\E6C8";
  --icon-content-add-test: "\E660";
  --icon-content-arrows-swtich-vertical: "\E6BF";
  --icon-content-arrows-pinch-out: "\E6BE";
  --icon-content-panel: "\E68F";
  --icon-content-single-selection: "\E65A";
  --icon-content-arrows-pinch: "\E6BC";
  --icon-content-custom-number: "\E658";
  --icon-content-custom-text: "\E653";
  --icon-content-redo: "\E76C";
  --icon-content-undo: "\E76B";
  --icon-content-arrow-up1: "\E6B2";
  --icon-content-lock1: "\E768";
  --icon-content-arrow-right1: "\E6AE";
  --icon-content-pin: "\E764";
  --icon-content-arrow-down1: "\E6AC";
  --icon-content-palette: "\E762";
  --icon-content-pencil-fill: "\E761";
  --icon-content-favorite: "\E760";
  --icon-content-favorite-fill: "\E75F";
  --icon-content-arrow-left1: "\E6A7";
  --icon-content-apps: "\E6A6";
  --icon-content-clock-fill: "\E75C";
  --icon-content-earth: "\E75B";
  --icon-content-aliyun: "\E6A2";
  --icon-content-unlink: "\E757";
  --icon-content-share-stroke: "\E755";
  --icon-content-cut: "\E756";
  --icon-content-download1: "\E72E";
  --icon-content-rich-text: "\E726";
  --icon-content-bulb: "\E610";
  --icon-content-qrcode: "\E68E";
  --icon-content-triangle-left: "\E687";
  --icon-content-permission: "\E680";
  --icon-content-reorder: "\E67F";
  --icon-content-clear: "\E67D";
  --icon-content-tree: "\E67C";
  --icon-content-ip-box-fill: "\E64F";
  --icon-content-ip: "\E64E";
  --icon-content-link: "\E64B";
  --icon-content-menu: "\E648";
  --icon-content-alert-clock: "\E645";
  --icon-content-pencil: "\E644";
  --icon-content-play-o: "\E642";
  --icon-content-quetion-o: "\E641";
  --icon-content-share1: "\E640";
  --icon-content-post: "\E61B";
  --icon-content-starstroke: "\E61A";
  --icon-content-lightning: "\E618";
  --icon-content-selection: "\E614";
  --icon-content-paper-pen: "\E63F";
  --icon-content-search1: "\E63E";
  --icon-content-gear: "\E63C";
  --icon-content-star-fill: "\E638";
  --icon-content-eye-slash: "\E637";
  --icon-content-paperclip: "\E62F";
  --icon-content-filter1: "\E62E";
  --icon-content-eye1: "\E62D";
  --icon-content-loading1: "\E62C";
  --icon-content-calendar1: "\E62A";
  --icon-content-clock1: "\E629";
  --icon-content-arrows-long-up: "\E624";
  --icon-content-arrows-long-down: "\E622";
  --icon-content-question-o: "\E753";
  --icon-content-qq: "\E750";
  --icon-content-more: "\E700";
  --icon-content-sort: "\E643";
  --icon-content-triangle-up: "\E68A";
  --icon-content-triangle-right: "\E689";
  --icon-content-triangle-down: "\E688";
  --icon-content-close: "\E626";
  --icon-content-search: "\E656";
  --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-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";
  --icon-content-solidDown: "\E604";
  --icon-content-queding: "\E635";
  
  --font-weight-ultra-bold: 900;
  --font-weight-extra-bold: 800;
  --font-weight-3: bold;
  --font-weight-semi-bold: 600;
  --font-weight-medium: 500;
  --font-weight-2: normal;
  --font-weight-light: 300;
  --font-weight-thin: 200;
  --font-weight-1: lighter;
  --font-size-body-1: 12px;
  --font-size-body-2: 14px;
  --font-size-subhead: 16px;
  --font-lineheight-2: 1.5;
  --font-name-bold: "";
  --font-name-medium: "";
  --font-name-regular: "";
  --font-name-light: "";
  --font-name-thin: "";
  --font-custom-name: "";
  --font-custom-path: "";
  --font-family-base: "PingFang SC","Microsoft YaHei","Helvetica Neue",Helvetica,Arial;
  --font-size-caption: 12px;
  --font-size-title: 18px;
  --font-size-headline: 20px;
  --font-size-display-1: 24px;
  --font-size-display-2: 28px;
  --font-size-display-3: 32px;
  --font-lineheight-3: 1.5;
  --font-lineheight-1: 1.5;
  
  --corner-zero: 0;
  --corner-semicircle: 500px;
  --corner-circle: 50%;
  --corner-3: 50px;
  --corner-2: 4px;
  --corner-1: 2px;
  
  --color-gradient-3: linear-gradient(270deg, rgb(255, 237, 117) 0%, rgb(245, 203, 34) 100%);
  --color-transparent: transparent;
  --color-black: #000000;
  --color-white: #FFFFFF;
  --color-brand1-7: rgba(78,159,245,1);
  --color-brand1-8: rgba(119,181,247,1);
  --color-brand1-2: rgba(38,60,84,1);
  --color-brand1-3: rgba(47,85,125,1);
  --color-brand1-4: rgba(51,105,163,1);
  --color-brand1-5: rgba(48,122,201,1);
  --color-brand1-10: rgba(204,229,255,1);
  --color-link-3: rgba(78,159,245,1);
  --color-link-2: rgba(48,122,201,1);
  --color-link-1: rgba(39,137,242,1);
  --color-brand1-9: rgba(160,203,250,1);
  --color-brand1-6: rgba(39,137,242,1);
  --color-brand1-1: rgba(24,35,46,1);
  --color-text1-3: #CCCCCC;
  --color-gradient-4: linear-gradient(270deg, rgba(225, 81, 86, 0.5) 0%,rgb(225, 81, 86) 100%);
  --color-gradient-2: linear-gradient(270deg, rgba(0, 123, 233, 0.5) 0%,rgb(0, 123, 233) 100%);
  --color-gradient-1: linear-gradient(270deg, rgba(49, 163, 104, 0.5) 0%,rgb(49, 163, 104) 100%);
  --color-data1-3: rgba(114,132,165,1);
  --color-data1-1: rgba(73,191,158,1);
  --color-success-6: rgba(0,122,64,1);
  --color-success-4: rgba(66,180,121,1);
  --color-data1-8: rgba(150,132,234,1);
  --color-text1-5: rgba(168,168,168,1);
  --color-fill1-5: #4D4D4D;
  --color-fill1-6: #6B6B6B;
  --color-notice-5: rgba(0,123,233,1);
  --color-warning-6: rgba(204,110,12,1);
  --color-error-5: rgba(225,81,86,1);
  --color-error-6: #B81E18;
  --color-success-5: rgba(49,163,104,1);
  --color-text1-4: #EAEAEA;
  --color-text1-2: #8A8A8A;
  --color-fill1-4: rgba(38,38,38,1);
  --color-fill1-3: #1F1F1F;
  --color-fill1-2: #383838;
  --color-fill1-1: #151515;
  --color-line1-3: rgba(77,77,77,1);
  --color-line1-2: rgba(56,56,56,1);
  --color-line1-1: rgba(38,38,38,1);
  --color-other-3: rgba(21,21,21,1);
  --color-other-1: rgba(0,0,0,1);
  --color-error-4: rgba(255,114,119,1);
  --color-error-1: rgba(54,19,18,1);
  --color-notice-4: rgba(53,143,233,1);
  --color-success-3: #006334;
  --color-success-2: #004A27;
  --color-data1-7: rgba(49,163,104,1);
  --color-data1-6: rgba(224,190,18,1);
  --color-data1-5: #FF6A00;
  --color-data1-4: rgba(225,81,86,1);
  --color-data1-2: rgba(0,123,233,1);
  --color-fill1-8: #8A8A8A;
  --color-fill1-7: #A8A8A8;
  --color-warning-4: rgba(255,163,66,1);
  --color-notice-3: rgba(0,72,143,1);
  --color-notice-2: rgba(2,48,94,1);
  --color-notice-1: rgba(0,26,51,1);
  --color-error-2: #560E0B;
  --color-help-5: #E0BE12;
  --color-help-6: #B5990B;
  --color-notice-6: #0066CC;
  --color-warning-5: #FF8D16;
  --color-help-4: #FADD46;
  --color-text1-1: #6B6B6B;
  --color-help-3: #8A7406;
  --color-help-2: #5E4F02;
  --color-help-1: #332B00;
  --color-error-3: #8C100B;
  --color-warning-3: #995106;
  --color-warning-2: #663502;
  --color-warning-1: #331A00;
  --color-line1-4: #151515;
  --color-success-1: #00331B;
  --color-other-2: #FFFFFF;
  
  --search-normal-corner: var(--corner-1, 2px);
  --search-normal-primary-l-height: var(--s-9, 36px);
  --search-normal-primary-border-width: var(--line-1, 1px);
  --search-normal-primary-l-btn-text-size: var(--font-size-body-1, 12px);
  --search-normal-primary-m-height: var(--s-8, 32px);
  --search-normal-primary-m-btn-text-size: var(--font-size-body-1, 12px);
  --search-simple-l-icon-margin-right: var(--s-4, 16px);
  --search-simple-m-icon-margin-right: var(--s-2, 8px);
  --search-simple-normal-m-icon-size: var(--icon-s, 16px);
  --search-simple-dark-m-icon-size: var(--icon-m, 20px);
  --search-simple-normal-shadow: var(--shadow-zero, none);
  --search-normal-primary-btn-hover-bg-color: var(--color-fill1-2, #383838);
  --search-normal-primary-btn-hover-text-color: var(--color-text1-2, #8A8A8A);
  --search-normal-primary-btn-text-color: var(--color-text1-3, #CCCCCC);
  --search-normal-primary-l-icon-size: var(--icon-m, 20px);
  --search-normal-secondary-l-height: var(--s-9, 36px);
  --search-normal-secondary-l-icon-size: var(--icon-m, 20px);
  --search-normal-secondary-m-height: var(--s-8, 32px);
  --search-normal-secondary-m-btn-text-size: var(--font-size-body-2, 14px);
  --search-normal-normal-l-height: var(--s-9, 36px);
  --search-normal-normal-l-icon-size: var(--icon-m, 20px);
  --search-normal-normal-m-height: var(--s-8, 32px);
  --search-normal-normal-m-btn-text-size: var(--font-size-body-2, 14px);
  --search-normal-dark-l-height: var(--s-9, 36px);
  --search-normal-dark-l-icon-size: var(--icon-m, 20px);
  --search-normal-dark-m-height: var(--s-8, 32px);
  --search-normal-dark-m-btn-text-size: var(--font-size-body-2, 14px);
  --search-simple-corner: var(--corner-1, 2px);
  --search-normal-primary-color: var(--color-line1-3, #4d4d4d);
  --search-normal-primary-hover-color: var(--color-fill1-6, #6B6B6B);
  --search-normal-primary-split-color: var(--color-line1-3, #4d4d4d);
  --search-normal-secondary-color: var(--color-fill1-5, #4D4D4D);
  --search-normal-secondary-split-color: var(--color-line1-3, #4d4d4d);
  --search-normal-secondary-hover-color: var(--color-fill1-6, #6B6B6B);
  --search-normal-normal-color: var(--color-line1-3, #4d4d4d);
  --search-normal-normal-split-color: var(--color-line1-3, #4d4d4d);
  --search-normal-normal-hover-color: var(--color-fill1-6, #6B6B6B);
  --search-simple-normal-color: var(--color-line1-3, #4d4d4d);
  --search-simple-normal-hover-color: var(--color-fill1-6, #6B6B6B);
  --search-simple-normal-split-color: var(--color-fill1-5, #4D4D4D);
  --search-simple-normal-icon-text-color: var(--color-fill1-7, #A8A8A8);
  --search-simple-normal-icon-hover-text-color: var(--color-fill1-7, #A8A8A8);
  --search-simple-dark-bg-opacity: 0;
  --search-search-icon-content: var(--icon-content-search1, "\E63E");
  --search-normal-primary-shadow: var(--shadow-zero, none);
  --search-normal-primary-btn-text-padding-left: var(--s-zero, 0px);
  --search-normal-primary-m-icon-size: var(--icon-s, 16px);
  --search-normal-secondary-shadow: var(--shadow-zero, none);
  --search-normal-secondary-btn-bg-color: var(--color-brand1-6, #2789f2);
  --search-normal-secondary-btn-text-color: var(--color-white, #FFFFFF);
  --search-normal-secondary-btn-hover-bg-color: var(--color-brand1-9, #a0cbfa);
  --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-normal-shadow: var(--shadow-zero, none);
  --search-normal-normal-btn-bg-color: var(--color-fill1-1, #151515);
  --search-normal-normal-btn-text-color: var(--color-text1-3, #CCCCCC);
  --search-normal-normal-btn-hover-bg-color: var(--color-fill1-3, #1F1F1F);
  --search-normal-normal-btn-hover-text-color: var(--color-text1-4, #EAEAEA);
  --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-dark-color: var(--color-brand1-6, #2789f2);
  --search-normal-dark-hover-color: var(--color-brand1-6, #2789f2);
  --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, #a0cbfa);
  --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-btn-text-size: var(--font-size-subhead, 16px);
  --search-normal-dark-m-icon-size: var(--icon-s, 16px);
  --search-simple-normal-border-width: var(--line-1, 1px);
  --search-simple-normal-l-icon-size: var(--icon-m, 20px);
  --search-simple-normal-btn-text-padding-left: var(--s-zero, 0px);
  --search-simple-dark-color: var(--color-line1-3, #4d4d4d);
  --search-simple-dark-hover-color: var(--color-line1-3, #4d4d4d);
  --search-simple-dark-bg-color: var(--color-white, #FFFFFF);
  --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, #8A8A8A);
  --search-simple-dark-icon-hover-text-color: var(--color-text1-3, #CCCCCC);
  --search-simple-dark-btn-text-padding-left: var(--s-zero, 0px);
  --search-simple-dark-split-color: var(--color-line1-3, #4d4d4d);
  --search-simple-dark-border-width: var(--line-1, 1px);
  --search-simple-dark-l-icon-size: var(--icon-m, 20px);
  
  --card-border-width: var(--line-1, 1px);
  --card-head-bottom-border-width: var(--line-1, 1px);
  --card-header-background: var(--color-transparent, transparent);
  --card-padding-lr: var(--s-5, 20px);
  --card-body-padding-bottom: var(--s-3, 12px);
  --card-border-color: var(--color-transparent, transparent);
  --card-content-color: var(--color-text1-5, #a8a8a8);
  --card-background: var(--color-fill1-3, #1F1F1F);
  --card-title-font-size: var(--font-size-body-2, 14px);
  --card-corner: var(--corner-1, 2px);
  --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-font-weight: var(--font-weight-2, normal);
  --card-sub-title-font-size: var(--font-size-caption, 12px);
  --card-title-extra-font-size: var(--font-size-body-1, 12px);
  --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-show-divider-padding-top: var(--s-3, 12px);
  --card-body-hide-divider-padding-top: var(--s-zero, 0px);
  --card-content-font-size: var(--font-size-body-1, 12px);
  --card-content-line-height: var(--font-lineheight-2, 1.5);
  --card-more-btn-height: var(--s-4, 16px);
  --card-more-btn-padding-top: var(--s-2, 8px);
  --card-more-btn-font-size: var(--font-size-body-1, 12px);
  --card-shadow: var(--shadow-zero, none);
  --card-border-style: var(--line-solid, solid);
  --card-title-color: var(--color-text1-4, #EAEAEA);
  --card-sub-title-color: var(--color-text1-3, #CCCCCC);
  --card-title-extra-color: var(--color-link-1, #2789f2);
  --card-title-bullet-color: var(--color-brand1-6, #2789f2);
  --card-head-bottom-border-color: var(--color-line1-1, #262626);
  --card-more-btn-color: var(--color-link-1, #2789f2);
  --card-more-btn-background: var(--color-white, #FFFFFF);
  
  --switch-size-m-radius-container: var(--corner-3, 50px);
  --switch-size-s-width: var(--s-7, 28px);
  --switch-size-s-trigger: var(--s-3, 12px);
  --switch-border-width-trigger: var(--line-zero, 0px);
  --switch-disabled-on-bg-color: var(--color-success-3, #006334);
  --switch-on-shadow: var(--shadow-zero, none);
  --switch-hover-off-border-color: var(--color-transparent, transparent);
  --switch-text-off-right: var(--s-2, 8px);
  --switch-size-s-text-off-right: var(--s-4, 16px);
  --switch-border-width-container: var(--line-2, 2px);
  --switch-text-on-left: var(--s-2, 8px);
  --switch-normal-on-bg-color: var(--color-success-5, #31a368);
  --switch-hover-on-bg-color: var(--color-success-4, #42b479);
  --switch-disabled-on-trigger-bg-color: var(--color-fill1-7, #A8A8A8);
  --switch-disabled-off-trigger-bg-color: var(--color-fill1-7, #A8A8A8);
  --switch-disabled-off-bg-color: var(--color-fill1-5, #4D4D4D);
  --switch-size-m-radius-trigger: var(--corner-semicircle, 500px);
  --switch-size-s-radius-trigger: var(--corner-semicircle, 500px);
  --switch-normal-off-bg-color: var(--color-fill1-2, #383838);
  --switch-hover-off-bg-color: var(--color-fill1-5, #4D4D4D);
  --switch-normal-off-border-color: var(--color-fill1-5, #4D4D4D);
  --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-normal-on-color-font: var(--color-white, #FFFFFF);
  --switch-disabled-on-color-font: var(--color-text1-1, #6B6B6B);
  --switch-disabled-on-border-color: var(--color-line1-3, #4d4d4d);
  --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-normal-off-color-font: var(--color-text1-2, #8A8A8A);
  --switch-disabled-off-color-font: var(--color-line1-3, #4d4d4d);
  --switch-handle-off-border-color: var(--color-transparent, transparent);
  --switch-off-shadow: var(--shadow-1, 0px 4px 16px 0px rgba(0, 0, 0, 0.3));
  --switch-rtl-on-shadow: var(--shadow-1-left, 0px 0px 16px 0px rgba(0, 0, 0, 0.3));
  
  --btn-shadow: var(--shadow-zero, none);
  --btn-shadow-hover: var(--shadow-1-down, 0px 4px 16px 0px rgba(0, 0, 0, 0.3));
  --btn-size-s-corner: var(--corner-1, 2px);
  --btn-size-m-corner: var(--corner-1, 2px);
  --btn-size-l-border-width: var(--line-1, 1px);
  --btn-size-l-corner: var(--corner-1, 2px);
  --btn-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, #e15156);
  --btn-warning-primary-bg-hover: var(--color-error-4, #ff7277);
  --btn-size-s-height: var(--s-6, 24px);
  --btn-size-s-padding: var(--s-3, 12px);
  --btn-size-s-font: var(--font-size-body-1, 12px);
  --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, 12px);
  --btn-size-m-icon-size: var(--icon-s, 16px);
  --btn-size-l-height: var(--s-9, 36px);
  --btn-size-l-font: var(--font-size-body-2, 14px);
  --btn-size-l-icon-size: var(--icon-s, 16px);
  --btn-size-l-icon-margin: var(--s-1, 4px);
  --btn-ghost-dark-color: var(--color-text1-4, #EAEAEA);
  --btn-ghost-dark-border-color: var(--color-line1-3, #4d4d4d);
  --btn-ghost-dark-bg-hover-rgb: var(--color-fill1-1, #151515);
  --btn-ghost-light-color: var(--color-brand1-3, #2f557d);
  --btn-text-secondary-color: var(--color-brand1-6, #2789f2);
  --btn-text-normal-color-hover: var(--color-brand1-6, #2789f2);
  --btn-text-size-l-height: var(--s-5, 20px);
  --btn-pure-secondary-border-style: var(--line-solid, solid);
  --btn-pure-primary-border-color: var(--color-transparent, transparent);
  --btn-warning-normal-color-hover: var(--color-error-5, #e15156);
  --btn-pure-secondary-bg: var(--color-transparent, transparent);
  --btn-pure-color-disabled: var(--color-text1-1, #6B6B6B);
  --btn-pure-border-color-disabled: var(--color-line1-2, #383838);
  --btn-pure-primary-bg: var(--color-brand1-6, #2789f2);
  --btn-warning-normal-border-color: var(--color-error-6, #B81E18);
  --btn-warning-normal-bg: var(--color-transparent, transparent);
  --btn-text-disabled-color: var(--color-text1-1, #6B6B6B);
  --btn-warning-primary-color-disabled: var(--color-text1-1, #6B6B6B);
  --btn-warning-primary-border-color-disabled: var(--color-line1-2, #383838);
  --btn-warning-primary-bg-disabled: var(--color-line1-1, #262626);
  --btn-warning-normal-color: var(--color-error-5, #e15156);
  --btn-warning-normal-border-color-hover: var(--color-error-6, #B81E18);
  --btn-warning-normal-color-disabled: var(--color-text1-1, #6B6B6B);
  --btn-warning-normal-border-color-disabled: var(--color-line1-2, #383838);
  --btn-warning-normal-bg-hover: var(--color-error-2, #560E0B);
  --btn-ghost-light-border-color: var(--color-line1-3, #4d4d4d);
  --btn-pure-bg-disabled: var(--color-fill1-2, #383838);
  --btn-warning-normal-bg-disabled: var(--color-fill1-2, #383838);
  --btn-pure-normal-color-disabled: var(--color-text1-1, #6B6B6B);
  --btn-pure-normal-bg-disabled: var(--color-fill1-2, #383838);
  --btn-pure-normal-border-color-disabled: var(--color-line1-2, #383838);
  --btn-pure-secondary-color-disabled: var(--color-text1-1, #6B6B6B);
  --btn-pure-primary-color-disabled: var(--color-text1-1, #6B6B6B);
  --btn-pure-primary-bg-disabled: var(--color-fill1-2, #383838);
  --btn-pure-primary-border-color-disabled: var(--color-line1-2, #383838);
  --btn-warning-primary-border-color-active: var(--color-transparent, transparent);
  --btn-warning-normal-color-active: var(--color-error-5, #e15156);
  --btn-warning-normal-border-color-active: var(--color-error-6, #B81E18);
  --btn-warning-normal-bg-active: var(--color-error-2, #560E0B);
  --btn-pure-normal-bg-active: var(--color-fill1-5, #4D4D4D);
  --btn-pure-normal-border-color: var(--color-line1-2, #383838);
  --btn-pure-normal-border-color-hover: var(--color-line1-3, #4d4d4d);
  --btn-pure-normal-border-color-active: var(--color-line1-3, #4d4d4d);
  --btn-pure-secondary-color: var(--color-brand1-6, #2789f2);
  --btn-pure-secondary-color-hover: var(--color-brand1-6, #2789f2);
  --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-warning-primary-bg-active: var(--color-error-6, #B81E18);
  --btn-size-m-padding: var(--s-3, 12px);
  --btn-size-l-padding: var(--s-3, 12px);
  --btn-text-size-s-font: var(--font-size-body-1, 12px);
  --btn-pure-secondary-bg-disabled: var(--color-transparent, transparent);
  --btn-pure-secondary-border-color-disabled: var(--color-transparent, transparent);
  --btn-pure-secondary-bg-hover: var(--color-brand1-2, #263c54);
  --btn-pure-secondary-bg-active: var(--color-brand1-3, #2f557d);
  --btn-text-size-m-font: var(--font-size-body-1, 12px);
  --btn-pure-normal-color: var(--color-text1-4, #EAEAEA);
  --btn-pure-normal-color-hover: var(--color-text1-4, #EAEAEA);
  --btn-pure-normal-color-active: var(--color-text1-4, #EAEAEA);
  --btn-text-normal-color: var(--color-text1-4, #EAEAEA);
  --btn-pure-normal-bg-hover: var(--color-fill1-2, #383838);
  --btn-pure-normal-bg: var(--color-transparent, transparent);
  --btn-text-size-s-height: 18px;
  --btn-text-size-m-height: 18px;
  --btn-pure-secondary-color-active: var(--color-brand1-7, #4e9ff5);
  --btn-pure-primary-bg-hover: var(--color-brand1-7, #4e9ff5);
  --btn-pure-primary-bg-active: var(--color-brand1-5, #307ac9);
  --btn-text-primary-color: var(--color-brand1-6, #2789f2);
  --btn-text-primary-color-hover: var(--color-brand1-7, #4e9ff5);
  --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, #8A8A8A);
  --btn-ghost-light-border-color-hover: var(--color-text1-4, #EAEAEA);
  --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, #EAEAEA);
  --btn-text-secondary-color-hover: var(--color-brand1-6, #2789f2);
  --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-icon-m-margin: var(--s-1, 4px);
  --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-size-padding-closable-right: var(--s-10, 40px);
  --balloon-size-close: var(--icon-s, 16px);
  --balloon-normal-shadow: var(--shadow-3-down, 0px 12px 48px 0px rgba(0, 0, 0, 0.8));
  --balloon-primary-color-border: var(--color-transparent, transparent);
  --balloon-primary-color-close-hover: var(--color-text1-1, #6B6B6B);
  --balloon-size-padding-right: var(--s-3, 12px);
  --balloon-corner: var(--corner-2, 4px);
  --balloon-normal-color-border: var(--color-transparent, transparent);
  --balloon-tooltip-color-border: var(--color-transparent, transparent);
  --balloon-tooltip-color: var(--color-white, #FFFFFF);
  --balloon-normal-border-width: var(--line-zero, 0px);
  --balloon-border-style: var(--line-solid, solid);
  --balloon-normal-color-close-hover: var(--color-fill1-7, #A8A8A8);
  --balloon-tooltip-size-padding-top: 6px;
  --balloon-tooltip-size-padding-bottom: 6px;
  --balloon-size-close-margin-top: 7px;
  --balloon-tooltip-size-padding-right: var(--s-3, 12px);
  --balloon-tooltip-size-padding-left: var(--s-3, 12px);
  --balloon-size-padding-top: 12px;
  --balloon-title-font-size: var(--font-size-body-2, 14px);
  --balloon-normal-color-close: var(--color-text1-4, #EAEAEA);
  --balloon-primary-color-bg: var(--color-fill1-6, #6B6B6B);
  --balloon-primary-color: var(--color-text1-4, #EAEAEA);
  --balloon-primary-color-close: var(--color-text1-4, #EAEAEA);
  --balloon-normal-color-bg: var(--color-fill1-4, #262626);
  --balloon-tooltip-color-bg: var(--color-fill1-4, #262626);
  --balloon-size-max-width: 300px;
  --balloon-size-header-margin-bottom: var(--s-2, 8px);
  --balloon-title-font-weight: var(--font-weight-3, bold);
  --balloon-content-font-size: var(--font-size-body-1, 12px);
  --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, 12px);
  --balloon-tooltip-content-font-weight: var(--font-weight-2, normal);
  --balloon-size-close-margin-right: var(--s-3, 12px);
  --balloon-size-arrow-size: var(--s-3, 12px);
  --balloon-size-arrow-margin: var(--s-3, 12px);
  --balloon-normal-color: var(--color-text1-4, #EAEAEA);
  --balloon-primary-shadow: var(--shadow-1-down, 0px 4px 16px 0px rgba(0, 0, 0, 0.3));
  --balloon-tooltip-shadow: var(--shadow-zero, none);
  --balloon-tooltip-border-style: var(--line-solid, solid);
  
  --pagination-item-corner: var(--corner-1, 2px);
  --pagination-large-item-border-width: var(--line-1, 1px);
  --pagination-large-item-corner: var(--corner-1, 2px);
  --pagination-small-item-corner: var(--corner-1, 2px);
  --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, 12px);
  --pagination-input-width: var(--s-10, 40px);
  --pagination-ellipsis-margin: var(--s-2, 8px);
  --pagination-input-margin: var(--s-2, 8px);
  --pagination-item-border-color: var(--color-transparent, transparent);
  --pagination-total-font-size: var(--font-size-body-1, 12px);
  --pagination-total-color: var(--color-text1-5, #a8a8a8);
  --pagination-ellipsis-color: var(--color-text1-5, #a8a8a8);
  --pagination-current-color: var(--color-text1-5, #a8a8a8);
  --pagination-jump-color: var(--color-text1-5, #a8a8a8);
  --pagination-item-color: var(--color-fill1-7, #A8A8A8);
  --pagination-item-bg: var(--color-transparent, transparent);
  --pagination-item-current-bg: var(--color-transparent, transparent);
  --pagination-arrow-color: var(--color-text1-2, #8A8A8A);
  --pagination-arrow-hover-color: var(--color-text1-5, #a8a8a8);
  --pagination-item-current-hover-bg: var(--color-fill1-1, #151515);
  --pagination-item-current-border-color: var(--color-brand1-6, #2789f2);
  --pagination-item-current-color: var(--color-brand1-6, #2789f2);
  --pagination-item-current-hover-border-color: var(--color-brand1-6, #2789f2);
  --pagination-item-current-hover-color: var(--color-brand1-6, #2789f2);
  --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, 12px);
  --pagination-size-selector-title-margin-right: var(--s-1, 4px);
  --pagination-size-selector-number-padding: var(--s-3, 12px);
  --pagination-large-item-split: var(--s-2, 8px);
  --pagination-large-item-padding: 15px;
  --pagination-large-ellipsis-size: var(--icon-s, 16px);
  --pagination-large-current-font-size: var(--font-size-subhead, 16px);
  --pagination-large-total-font-size: var(--font-size-subhead, 16px);
  --pagination-large-input-width: var(--s-12, 48px);
  --pagination-large-jump-font-size: var(--font-size-subhead, 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, #8A8A8A);
  --pagination-size-selector-filter-color: var(--color-text1-3, #CCCCCC);
  --pagination-size-selector-filter-current-color: var(--color-brand1-6, #2789f2);
  --pagination-item-hover-border-color: var(--color-line1-4, #151515);
  --pagination-item-hover-color: var(--color-text1-4, #EAEAEA);
  --pagination-item-hover-bg: var(--color-fill1-2, #383838);
  --pagination-icon-prev-content: var(--icon-content-arrow-left, "\E61D");
  --pagination-icon-next-content: var(--icon-content-arrow-right, "\E619");
  --pagination-icon-ellipsis-content: var(--icon-content-ellipsis, "\E654");
  --pagination-arrow-hover-color-noboder: var(--color-brand1-6, #2789f2);
  
  --radio-button-corner-large: var(--corner-2, 4px);
  --radio-circle-size: 6px;
  --radio-font-margin-left: var(--s-2, 8px);
  --radio-width: var(--s-4, 16px);
  --radio-checked-disabled-circle-color: var(--color-fill1-6, #6B6B6B);
  --radio-button-padding-large: var(--s-4, 16px);
  --radio-button-padding-medium: var(--s-3, 12px);
  --radio-border-color: var(--color-line1-2, #383838);
  --radio-hovered-bg-color: var(--color-fill1-1, #151515);
  --radio-checked-bg-color: var(--color-fill1-1, #151515);
  --radio-checked-border-color: var(--color-brand1-6, #2789f2);
  --radio-checked-circle-color: var(--color-brand1-6, #2789f2);
  --radio-checked-disabled-bg-color: var(--color-line1-1, #262626);
  --radio-checked-disabled-border-color: var(--color-line1-2, #383838);
  --radio-button-bg-color: var(--color-transparent, transparent);
  --radio-button-bg-color-hovered: var(--color-fill1-2, #383838);
  --radio-button-bg-color-checked: var(--color-fill1-5, #4D4D4D);
  --radio-button-border-color: var(--color-line1-3, #4d4d4d);
  --radio-button-border-color-hovered: var(--color-line1-3, #4d4d4d);
  --radio-button-border-color-checked: var(--color-line1-3, #4d4d4d);
  --radio-button-font-color: var(--color-text1-3, #CCCCCC);
  --radio-button-font-color-checked: var(--color-text1-4, #EAEAEA);
  --radio-button-height-medium: var(--s-8, 32px);
  --radio-font-size: var(--font-size-body-1, 12px);
  --radio-normal-font-color: var(--color-text1-5, #a8a8a8);
  --radio-checked-hovered-bg-color: var(--color-brand1-2, #263c54);
  --radio-checked-hovered-border-color: var(--color-brand1-7, #4e9ff5);
  --radio-checked-hovered-circle-color: var(--color-brand1-6, #2789f2);
  --radio-circle-border-width: var(--line-1, 1px);
  --radio-shadow: var(--shadow-zero, none);
  --radio-radius-size: var(--corner-circle, 50%);
  --radio-hovered-border-color: var(--color-brand1-6, #2789f2);
  --radio-disabled-circle-color: var(--color-text1-1, #6B6B6B);
  --radio-normal-font-color-disabled: var(--color-text1-1, #6B6B6B);
  --radio-button-height-large: var(--s-10, 40px);
  --radio-button-height-small: var(--s-5, 20px);
  --radio-button-padding-small: var(--s-2, 8px);
  --radio-button-corner-medium: var(--corner-1, 2px);
  --radio-button-corner-small: var(--corner-1, 2px);
  --radio-button-font-size-large: var(--font-size-subhead, 16px);
  --radio-button-font-size-medium: var(--font-size-body-1, 12px);
  --radio-button-font-size-small: var(--font-size-caption, 12px);
  --radio-button-bg-color-disabled: var(--color-fill1-1, #151515);
  --radio-button-bg-color-checked-disabled: var(--color-fill1-2, #383838);
  --radio-button-border-color-disabled: var(--color-line1-1, #262626);
  --radio-button-border-color-checked-disabled: var(--color-line1-1, #262626);
  --radio-button-font-color-hovered: var(--color-text1-4, #EAEAEA);
  --radio-button-font-color-disabled: var(--color-text1-1, #6B6B6B);
  --radio-button-font-color-checked-disabled: var(--color-text1-1, #6B6B6B);
  --radio-disabled-bg-color: var(--color-fill1-1, #151515);
  --radio-disabled-border-color: var(--color-line1-2, #383838);
  --radio-bg-color: var(--color-black, #000000);
  
  --step-arrow-item-title-weight: var(--font-weight-2, normal);
  --step-circle-item-node-icon-size: var(--icon-s, 16px);
  --step-circle-item-content-margin-top: var(--s-2, 8px);
  --step-circle-item-body-width: var(--s-24, 96px);
  --step-circle-item-node-process-size: var(--s-7, 28px);
  --step-dot-item-node-wait-border-color: var(--color-line1-1, #262626);
  --step-circle-item-node-wait-border-color: var(--color-line1-2, #383838);
  --step-circle-item-node-disabled-border-color: var(--color-line1-2, #383838);
  --step-dot-item-node-finish-border-color: var(--color-transparent, transparent);
  --step-dot-item-node-finish-background: var(--color-brand1-6, #2789f2);
  --step-dot-item-node-disabled-border-color: var(--color-transparent, transparent);
  --step-dot-item-node-wait-background: var(--color-fill1-6, #6B6B6B);
  --step-dot-item-node-disabled-background: var(--color-fill1-6, #6B6B6B);
  --step-circle-vertical-item-title-margin-top: var(--s-1, 4px);
  --step-dot-vertical-item-content-margin-top: var(--s-1, 4px);
  --step-circle-item-node-finish-color: var(--color-brand1-5, #307ac9);
  --step-circle-item-node-border-width: var(--line-zero, 0px);
  --step-circle-item-tail-size: var(--line-2, 2px);
  --step-circle-item-tail-wait-color: var(--color-line1-1, #262626);
  --step-circle-item-tail-finish-color: var(--color-brand1-5, #307ac9);
  --step-circle-item-node-wait-background: var(--color-fill1-4, #262626);
  --step-circle-item-node-process-percent-color: var(--color-brand1-6, #2789f2);
  --step-circle-item-node-disabled-background: var(--color-fill1-5, #4D4D4D);
  --step-circle-vertical-item-content-margin-top: var(--s-1, 4px);
  --step-circle-vertical-item-tail-size: var(--line-2, 2px);
  --step-dot-item-dot-border-width: var(--line-zero, 0px);
  --step-dot-item-tail-size: var(--line-2, 2px);
  --step-dot-item-title-process-color: var(--color-text1-3, #CCCCCC);
  --step-dot-item-title-finish-color: var(--color-text1-2, #8A8A8A);
  --step-dot-item-tail-bg-color: var(--color-transparent, transparent);
  --step-circle-item-node-wait-color: var(--color-text1-3, #CCCCCC);
  --step-circle-item-title-wait-color: var(--color-text1-2, #8A8A8A);
  --step-circle-item-title-process-color: var(--color-text1-4, #EAEAEA);
  --step-circle-item-title-finish-color: var(--color-text1-5, #a8a8a8);
  --step-circle-item-node-process-color: var(--color-text1-4, #EAEAEA);
  --step-circle-item-tail-process-color: var(--color-brand1-6, #2789f2);
  --step-circle-item-node-finish-border-color: var(--color-transparent, transparent);
  --step-circle-item-node-finish-background: var(--color-brand1-2, #263c54);
  --step-circle-item-tail-bg-color: var(--color-transparent, transparent);
  --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, #1F1F1F);
  --step-arrow-item-title-wait-color: var(--color-text1-2, #8A8A8A);
  --step-arrow-item-process-background: var(--color-brand1-6, #2789f2);
  --step-arrow-item-title-process-color: var(--color-white, #FFFFFF);
  --step-arrow-item-finish-background: var(--color-brand1-1, #18232e);
  --step-arrow-item-title-finish-color: var(--color-brand1-6, #2789f2);
  --step-arrow-item-disabled-background: var(--color-fill1-1, #151515);
  --step-arrow-item-title-disabled-color: var(--color-text1-1, #6B6B6B);
  --step-circle-item-node-padding: var(--s-2, 8px);
  --step-circle-item-node-font-size: var(--font-size-caption, 12px);
  --step-circle-item-node-corner: var(--corner-circle, 50%);
  --step-circle-item-title-margin-top: var(--s-2, 8px);
  --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-disabled-color: var(--color-line1-1, #262626);
  --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-disabled-color: var(--color-text1-1, #6B6B6B);
  --step-circle-item-node-process-border-color: var(--color-brand1-6, #2789f2);
  --step-circle-item-node-process-background: var(--color-brand1-6, #2789f2);
  --step-circle-item-node-process-percent-size: var(--font-size-body-1, 12px);
  --step-circle-item-node-disabled-color: var(--color-text1-1, #6B6B6B);
  --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, #CCCCCC);
  --step-dot-item-dot-padding: var(--s-2, 8px);
  --step-dot-item-dot-icon-size: var(--icon-xs, 12px);
  --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, 12px);
  --step-dot-item-title-weight: var(--font-weight-3, bold);
  --step-dot-item-title-margin-top: var(--s-2, 8px);
  --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, #4d4d4d);
  --step-dot-item-tail-process-color: var(--color-line1-3, #4d4d4d);
  --step-dot-item-tail-finish-color: var(--color-brand1-6, #2789f2);
  --step-dot-item-tail-disabled-color: var(--color-line1-1, #262626);
  --step-dot-item-title-wait-color: var(--color-text1-3, #CCCCCC);
  --step-dot-item-title-disabled-color: var(--color-text1-1, #6B6B6B);
  --step-dot-item-node-wait-color: var(--color-text1-2, #8A8A8A);
  --step-dot-item-node-process-border-color: var(--color-brand1-6, #2789f2);
  --step-dot-item-node-process-background: var(--color-brand1-6, #2789f2);
  --step-dot-item-node-process-color: var(--color-brand1-6, #2789f2);
  --step-dot-item-node-finish-color: var(--color-brand1-6, #2789f2);
  --step-dot-item-node-disabled-color: var(--color-line1-1, #262626);
  --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-item-content-font-size: var(--font-size-caption, 12px);
  --step-dot-item-content-color: var(--color-text1-3, #CCCCCC);
  --step-dot-vertical-item-tail-size: var(--line-1, 1px);
  
  --nav-hoz-item-selected-active-line: var(--line-2, 2px);
  --nav-primary-bg-color: var(--color-other-1, black);
  --nav-primary-sub-nav-bg-color: var(--color-other-1, black);
  --nav-primary-item-hover-bg-color: var(--color-other-2, #FFFFFF);
  --nav-primary-item-hover-text-color: var(--color-brand1-6, #2789f2);
  --nav-primary-sub-nav-hover-bg-color: var(--color-other-1, black);
  --nav-primary-item-selected-bg-color: var(--color-other-2, #FFFFFF);
  --nav-primary-item-selected-text-color: var(--color-brand1-6, #2789f2);
  --nav-primary-item-selected-active-color: var(--color-other-2, #FFFFFF);
  --nav-primary-item-opened-bg-color: var(--color-other-1, black);
  --nav-normal-shadow: var(--shadow-zero, none);
  --nav-ver-item-margin-lr: var(--s-zero, 0px);
  --nav-ver-item-corner: var(--corner-zero, 0);
  --nav-ver-item-selected-active-line: var(--line-zero, 0px);
  --nav-icon-self-margin: var(--s-3, 12px);
  --nav-secondary-item-selected-text-style: var(--font-weight-2, normal);
  --nav-secondary-item-hover-bg-color: var(--color-brand1-5, #307ac9);
  --nav-secondary-item-hover-active-color: var(--color-brand1-5, #307ac9);
  --nav-normal-border-color: var(--color-transparent, transparent);
  --nav-normal-sub-nav-text-color: var(--color-text1-3, #CCCCCC);
  --nav-normal-text-color: var(--color-fill1-8, #8A8A8A);
  --nav-normal-item-hover-bg-color: var(--color-fill1-4, #262626);
  --nav-normal-item-hover-text-color: var(--color-text1-2, #8A8A8A);
  --nav-normal-item-hover-active-color: var(--color-transparent, transparent);
  --nav-normal-sub-nav-hover-bg-color: var(--color-fill1-3, #1F1F1F);
  --nav-normal-sub-nav-hover-text-color: var(--color-text1-5, #a8a8a8);
  --nav-normal-item-selected-bg-color: var(--color-fill1-4, #262626);
  --nav-normal-item-selected-text-color: var(--color-notice-5, #007be9);
  --nav-normal-item-selected-text-style: var(--font-weight-medium, 500);
  --nav-normal-item-selected-active-color: var(--color-notice-5, #007be9);
  --nav-normal-sub-nav-selected-text-color: var(--color-text1-5, #a8a8a8);
  --nav-normal-item-opened-text-color: var(--color-text1-4, #EAEAEA);
  --nav-line-text-color: var(--color-fill1-8, #8A8A8A);
  --nav-line-item-hover-bg-color: var(--color-fill1-4, #262626);
  --nav-line-item-hover-text-color: var(--color-text1-5, #a8a8a8);
  --nav-line-item-selected-bg-color: var(--color-fill1-4, #262626);
  --nav-line-item-selected-text-color: var(--color-notice-5, #007be9);
  --nav-line-item-selected-text-style: var(--font-weight-medium, 500);
  --nav-line-item-opened-text-color: var(--color-text1-4, #EAEAEA);
  --nav-normal-bg-color: var(--color-fill1-3, #1F1F1F);
  --nav-normal-sub-nav-bg-color: var(--color-fill1-3, #1F1F1F);
  --nav-normal-sub-nav-selected-bg-color: var(--color-fill1-4, #262626);
  --nav-normal-item-opened-bg-color: var(--color-fill1-3, #1F1F1F);
  --nav-hoz-height: var(--s-11, 44px);
  --nav-hoz-font-size: var(--font-size-body-1, 12px);
  --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, 0);
  --nav-hoz-item-hover-active-line: var(--line-zero, 0px);
  --nav-ver-height: var(--s-10, 40px);
  --nav-ver-font-size: var(--font-size-body-1, 12px);
  --nav-ver-item-margin-tb: var(--s-zero, 0px);
  --nav-ver-item-padding-lr: var(--s-5, 20px);
  --nav-ver-item-hover-active-line: var(--line-zero, 0px);
  --nav-ver-sub-nav-height: var(--s-10, 40px);
  --nav-ver-sub-nav-font-size: var(--font-size-caption, 12px);
  --nav-group-height: var(--s-10, 40px);
  --nav-group-font-size: var(--font-size-body-1, 12px);
  --nav-icon-self-size: var(--icon-xs, 12px);
  --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, #EAEAEA);
  --nav-primary-text-color: var(--color-white, #FFFFFF);
  --nav-primary-text-style: var(--font-weight-2, normal);
  --nav-primary-shadow: var(--shadow-2, 0px 6px 24px 0px rgba(0, 0, 0, 0.64));
  --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, #8A8A8A);
  --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, #2789f2);
  --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, #2789f2);
  --nav-primary-item-disabled-text-color: var(--color-text1-1, #6B6B6B);
  --nav-primary-item-opened-text-color: var(--color-white, #FFFFFF);
  --nav-secondary-bg-color: var(--color-brand1-6, #2789f2);
  --nav-secondary-border-width: var(--line-zero, 0px);
  --nav-secondary-border-color: var(--color-brand1-6, #2789f2);
  --nav-secondary-text-color: var(--color-white, #FFFFFF);
  --nav-secondary-text-style: var(--font-weight-2, normal);
  --nav-secondary-shadow: var(--shadow-2, 0px 6px 24px 0px rgba(0, 0, 0, 0.64));
  --nav-secondary-sub-nav-bg-color: var(--color-brand1-6, #2789f2);
  --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, #a0cbfa);
  --nav-secondary-sub-nav-hover-text-color: var(--color-white, #FFFFFF);
  --nav-secondary-item-selected-bg-color: var(--color-brand1-9, #a0cbfa);
  --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, #a0cbfa);
  --nav-secondary-sub-nav-selected-bg-color: var(--color-brand1-9, #a0cbfa);
  --nav-secondary-sub-nav-selected-text-color: var(--color-white, #FFFFFF);
  --nav-secondary-sub-nav-active-color: var(--color-brand1-6, #2789f2);
  --nav-secondary-item-disabled-text-color: var(--color-brand1-1, #18232e);
  --nav-secondary-item-opened-bg-color: var(--color-transparent, transparent);
  --nav-secondary-item-opened-text-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-text-style: var(--font-weight-2, normal);
  --nav-normal-group-text-color: var(--color-text1-2, #8A8A8A);
  --nav-normal-group-text-style: var(--font-weight-2, normal);
  --nav-normal-item-hover-text-style: var(--font-weight-2, normal);
  --nav-normal-item-childselected-bg-color: var(--color-transparent, transparent);
  --nav-normal-item-childselected-text-color: var(--color-brand1-6, #2789f2);
  --nav-normal-item-childselected-text-style: var(--font-weight-2, normal);
  --nav-normal-sub-nav-active-color: var(--color-brand1-6, #2789f2);
  --nav-normal-item-disabled-text-color: var(--color-text1-2, #8A8A8A);
  --nav-line-bg-color: var(--color-transparent, transparent);
  --nav-line-border-color: var(--color-line1-2, #383838);
  --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, #EAEAEA);
  --nav-line-sub-nav-text-style: var(--font-weight-2, normal);
  --nav-line-item-hover-text-style: var(--font-weight-2, normal);
  --nav-line-item-hover-active-color: var(--color-brand1-6, #2789f2);
  --nav-line-sub-nav-hover-bg-color: var(--color-transparent, transparent);
  --nav-line-sub-nav-hover-text-color: var(--color-brand1-6, #2789f2);
  --nav-line-item-childselected-bg-color: var(--color-transparent, transparent);
  --nav-line-item-childselected-text-color: var(--color-brand1-6, #2789f2);
  --nav-line-item-childselected-text-style: var(--font-weight-2, normal);
  --nav-line-item-selected-active-color: var(--color-brand1-6, #2789f2);
  --nav-line-sub-nav-selected-bg-color: var(--color-transparent, transparent);
  --nav-line-sub-nav-selected-text-color: var(--color-brand1-6, #2789f2);
  --nav-line-sub-nav-active-color: var(--color-brand1-6, #2789f2);
  --nav-line-item-disabled-text-color: var(--color-text1-2, #8A8A8A);
  --nav-line-item-opened-bg-color: var(--color-transparent, transparent);
  --nav-line-group-text-color: var(--color-text1-2, #8A8A8A);
  --nav-line-group-text-style: var(--font-weight-2, normal);
  
  --tab-wrapped-tab-corner-radius: var(--corner-zero, 0);
  --tab-nav-close-icon-size-m: var(--icon-xs, 12px);
  --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, #6B6B6B);
  --tab-close-icon-color-hover: var(--color-text1-1, #6B6B6B);
  --tab-close-icon-color-selected: var(--color-text1-1, #6B6B6B);
  --tab-close-icon-color-disabled: var(--color-text1-1, #6B6B6B);
  --tab-pure-text-color-disabled: var(--color-text1-1, #6B6B6B);
  --tab-pure-text-color-hover: var(--color-brand1-6, #2789f2);
  --tab-pure-ink-bar-color: var(--color-brand1-6, #2789f2);
  --tab-wrapped-bg-color: var(--color-transparent, transparent);
  --tab-wrapped-bg-color-selected: var(--color-transparent, transparent);
  --tab-text-text-color-hover: var(--color-brand1-6, #2789f2);
  --tab-wrapped-border-line-color: var(--color-transparent, transparent);
  --tab-wrapped-text-color: var(--color-text1-2, #8A8A8A);
  --tab-wrapped-text-color-hover: var(--color-brand1-6, #2789f2);
  --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-white, #FFFFFF);
  --tab-capsule-text-color: var(--color-text1-2, #8A8A8A);
  --tab-capsule-text-color-hover: var(--color-text1-2, #8A8A8A);
  --tab-capsule-text-color-selected: var(--color-brand1-6, #2789f2);
  --tab-capsule-bg-color: var(--color-transparent, transparent);
  --tab-capsule-bg-color-hover: var(--color-line1-1, #262626);
  --tab-capsule-bg-color-selected: var(--color-transparent, transparent);
  --tab-capsule-tab-border-line-color: var(--color-line1-2, #383838);
  --tab-capsule-tab-border-line-color-hover: var(--color-line1-2, #383838);
  --tab-text-text-color-normal: var(--color-text1-2, #8A8A8A);
  --tab-text-text-color-selected: var(--color-white, #FFFFFF);
  --tab-pure-divider-line-width: var(--line-1, 1px);
  --tab-pure-text-color-normal: var(--color-text1-2, #8A8A8A);
  --tab-pure-text-color-selected: var(--color-text1-4, #EAEAEA);
  --tab-pure-divider-border-color: var(--color-line1-1, #262626);
  --tab-capsule-tab-border-line-color-active: var(--color-brand1-6, #2789f2);
  --tab-item-padding-lr-size-m: var(--s-4, 16px);
  --tab-item-padding-tb-size-m: 9px;
  --tab-item-padding-tb-size-s: 9px;
  --tab-item-padding-lr-size-s: var(--s-4, 16px);
  --tab-nav-scroll-padding-right-m: var(--s-15, 60px);
  --tab-nav-scroll-padding-right-s: var(--s-14, 56px);
  --tab-nav-tab-icon-size-m: var(--icon-s, 16px);
  --tab-nav-tab-icon-size-s: var(--icon-xs, 12px);
  --tab-nav-close-icon-size-s: var(--icon-xxs, 8px);
  --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-text-size-s: var(--font-size-caption, 12px);
  --tab-item-font-weight-selected: var(--font-weight-2, normal);
  --tab-nav-arrow-color-normal: var(--color-text1-3, #CCCCCC);
  --tab-nav-arrow-color-hover: var(--color-text1-4, #EAEAEA);
  --tab-nav-arrow-color-disabled: var(--color-line1-2, #383838);
  --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-divider-shadow: var(--shadow-zero, none);
  --tab-wrapped-border-line-style: var(--line-solid, solid);
  --tab-wrapped-border-line-width: var(--line-1, 1px);
  --tab-wrapped-border-side-width: var(--line-1, 1px);
  --tab-wrapped-tab-margin-right: var(--s-1, 4px);
  --tab-wrapped-tab-margin-bottom: 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, #2789f2);
  --tab-wrapped-nav-item-border-color-active: var(--color-brand1-6, #2789f2);
  --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, #383838);
  --tab-wrapped-text-color-disabled: var(--color-text1-1, #6B6B6B);
  --tab-wrapped-bg-color-disabled: var(--color-fill1-1, #151515);
  --tab-capsule-text-color-disabled: var(--color-text1-1, #6B6B6B);
  --tab-capsule-bg-color-disabled: var(--color-fill1-1, #151515);
  --tab-capsule-tab-border-line-color-disabled: var(--color-line1-1, #262626);
  --tab-capsule-corner-radius: var(--corner-1, 2px);
  --tab-capsule-tab-border-line-width: var(--line-1, 1px);
  --tab-capsule-tab-border-line-style: var(--line-solid, solid);
  --tab-text-item-sep-width: var(--line-1, 1px);
  --tab-text-item-sep-height: var(--s-2, 8px);
  --tab-text-item-sep-color: var(--color-line1-2, #383838);
  --tab-text-text-color-disabled: var(--color-text1-1, #6B6B6B);
  --tab-icon-dropdown-content: var(--icon-content-arrow-down, "\E63D");
  --tab-icon-prev-content: var(--icon-content-arrow-left, "\E61D");
  --tab-icon-next-content: var(--icon-content-arrow-right, "\E619");
  
  --calendar-card-table-cell-date-border-radius: var(--corner-1, 2px);
  --calendar-card-table-cell-month-border-radius: var(--corner-1, 2px);
  --calendar-fullscreen-table-cell-select-border-color: var(--color-brand1-6, #2789f2);
  --calendar-card-table-cell-date-width: var(--s-8, 32px);
  --calendar-card-table-cell-date-height: var(--s-8, 32px);
  --calendar-card-table-cell-month-width: var(--s-16, 64px);
  --calendar-card-table-cell-month-height: var(--s-8, 32px);
  --calendar-card-table-cell-year-width: var(--s-16, 64px);
  --calendar-card-table-cell-year-height: var(--s-8, 32px);
  --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-date-font-weight: var(--font-weight-2, normal);
  --calendar-btn-arrow-size: var(--icon-s, 16px);
  --calendar-btn-arrow-color: var(--color-fill1-6, #6B6B6B);
  --calendar-btn-arrow-color-hover: var(--color-fill1-6, #6B6B6B);
  --calendar-btn-date-color: var(--color-text1-2, #8A8A8A);
  --calendar-card-table-cell-normal-border-color: var(--color-transparent, transparent);
  --calendar-card-table-cell-select-color: var(--color-white, #FFFFFF);
  --calendar-card-table-cell-other-background: var(--color-transparent, transparent);
  --calendar-card-table-cell-other-border-color: var(--color-transparent, transparent);
  --calendar-card-table-cell-disabled-color: var(--color-text1-1, #6B6B6B);
  --calendar-card-table-cell-disabled-border-color: var(--color-transparent, transparent);
  --calendar-card-table-cell-select-border-color: var(--color-transparent, transparent);
  --calendar-card-table-cell-inrange-background: var(--color-line1-2, #383838);
  --calendar-card-table-cell-inrange-color: var(--color-text1-3, #CCCCCC);
  --calendar-card-table-cell-inrange-border-color: var(--color-transparent, transparent);
  --calendar-card-table-cell-normal-color: var(--color-text1-2, #8A8A8A);
  --calendar-card-table-cell-hover-background: var(--color-fill1-2, #383838);
  --calendar-card-table-cell-hover-color: var(--color-text1-4, #EAEAEA);
  --calendar-card-table-cell-current-background: var(--color-fill1-2, #383838);
  --calendar-card-table-cell-select-background: var(--color-brand1-6, #2789f2);
  --calendar-card-table-cell-normal-background: var(--color-transparent, transparent);
  --calendar-card-table-cell-disabled-background: var(--color-transparent, transparent);
  --calendar-panel-header-margin-bottom: var(--s-3, 12px);
  --calendar-panel-header-height: var(--s-8, 32px);
  --calendar-btn-arrow-single-offset-lr: var(--s-8, 32px);
  --calendar-btn-date-color-hover: var(--color-brand1-6, #2789f2);
  --calendar-card-table-head-color: var(--color-text1-1, #6B6B6B);
  --calendar-fullscreen-table-cell-normal-background: var(--color-fill1-1, #151515);
  --calendar-fullscreen-table-cell-normal-color: var(--color-text1-2, #8A8A8A);
  --calendar-fullscreen-table-cell-normal-border-color: var(--color-fill1-2, #383838);
  --calendar-fullscreen-table-cell-hover-background: var(--color-fill1-4, #262626);
  --calendar-fullscreen-table-cell-hover-color: var(--color-text1-5, #a8a8a8);
  --calendar-fullscreen-table-cell-select-background: var(--color-brand1-1, #18232e);
  --calendar-fullscreen-table-cell-current-background: var(--color-fill1-2, #383838);
  --calendar-fullscreen-table-cell-other-background: var(--color-fill1-4, #262626);
  --calendar-fullscreen-table-cell-other-color: var(--color-text1-5, #a8a8a8);
  --calendar-fullscreen-table-cell-other-border-color: var(--color-fill1-2, #383838);
  --calendar-fullscreen-table-cell-disabled-background: var(--color-fill1-3, #1F1F1F);
  --calendar-fullscreen-table-cell-disabled-color: var(--color-fill1-5, #4D4D4D);
  --calendar-fullscreen-header-margin-bottom: var(--s-2, 8px);
  --calendar-fullscreen-table-head-font-weight: var(--font-weight-3, bold);
  --calendar-fullscreen-table-head-font-size: var(--font-size-subhead, 16px);
  --calendar-fullscreen-table-head-padding-r: var(--s-3, 12px);
  --calendar-fullscreen-table-head-padding-b: var(--s-1, 4px);
  --calendar-fullscreen-table-cell-font-size: var(--font-size-body-2, 14px);
  --calendar-fullscreen-table-cell-boder-top-width: var(--line-2, 2px);
  --calendar-fullscreen-table-cell-margin-tb: var(--s-zero, 0px);
  --calendar-fullscreen-table-cell-margin-lr: var(--s-1, 4px);
  --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-fullscreen-table-head-color: var(--color-text1-4, #EAEAEA);
  --calendar-fullscreen-table-cell-hover-border-color: var(--color-brand1-6, #2789f2);
  --calendar-fullscreen-table-cell-select-color: var(--color-brand1-6, #2789f2);
  --calendar-fullscreen-table-cell-select-font-weight: var(--font-weight-3, bold);
  --calendar-fullscreen-table-cell-current-color: var(--color-brand1-6, #2789f2);
  --calendar-fullscreen-table-cell-current-border-color: var(--color-brand1-6, #2789f2);
  --calendar-fullscreen-table-cell-current-font-weight: var(--font-weight-3, bold);
  --calendar-fullscreen-table-cell-disabled-border-color: var(--color-line1-1, #262626);
  --calendar-card-header-margin-bottom: var(--s-2, 8px);
  --calendar-card-table-head-font-size: var(--font-size-caption, 12px);
  --calendar-card-table-head-font-weight: var(--font-weight-2, normal);
  --calendar-card-table-cell-font-size: var(--font-size-caption, 12px);
  --calendar-card-table-cell-year-border-radius: var(--corner-1, 2px);
  --calendar-card-table-cell-corner: var(--corner-zero, 0);
  --calendar-card-table-cell-other-color: var(--color-text1-1, #6B6B6B);
  --calendar-card-table-cell-current-color: var(--color-brand1-6, #2789f2);
  --calendar-card-table-cell-current-border-color: var(--color-transparent, transparent);
  --calendar-card-table-cell-current-font-weight: var(--font-weight-3, bold);
  --calendar-btn-date-margin-lr: var(--s-1, 4px);
  --calendar-btn-arrow-double-offset-lr: var(--s-2, 8px);
  --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, "");
  
  --checkbox-size: var(--s-4, 16px);
  --checkbox-circle-size: var(--icon-xs, 12px);
  --checkbox-margin-left: var(--s-2, 8px);
  --checkbox-shadow: var(--shadow-zero, none);
  --checkbox-checked-hovered-bg-color: var(--color-brand1-7, #4e9ff5);
  --checkbox-hovered-border-color: var(--color-brand1-5, #307ac9);
  --checkbox-border-color: var(--color-line1-2, #383838);
  --checkbox-hovered-bg-color: var(--color-fill1-1, #151515);
  --checkbox-semi-select-icon-content: var(--icon-content-semi-select, "\E633");
  --checkbox-select-icon-content: var(--icon-content-select, "\E632");
  --checkbox-label-color: var(--color-text1-5, #a8a8a8);
  --checkbox-border-radius: var(--corner-1, 2px);
  --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-label-color: var(--color-text1-1, #6B6B6B);
  --checkbox-disabled-circle-color: var(--color-text1-1, #6B6B6B);
  --checkbox-checked-hovered-circle-color: var(--color-white, #FFFFFF);
  --checkbox-checked-bg-color: var(--color-brand1-6, #2789f2);
  --checkbox-font-size: var(--font-size-body-1, 12px);
  --checkbox-disabled-border-color: var(--color-line1-2, #383838);
  --checkbox-bg-color: var(--color-black, #000000);
  --checkbox-disabled-bg-color: var(--color-fill1-1, #151515);
  
  --menu-btn-disabled-icon-color: var(--color-text1-1, #6B6B6B);
  --menu-btn-text-text-normal-icon-color: var(--color-text1-2, #8A8A8A);
  --menu-btn-pure-text-normal-icon-color: var(--color-text1-4, #EAEAEA);
  --menu-btn-pure-text-secondary-icon-color: var(--color-brand1-6, #2789f2);
  --menu-btn-unfold-icon-content: var(--icon-content-arrow-up, "\E625");
  --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, #2789f2);
  --menu-btn-ghost-light-icon-color: var(--color-text1-4, #EAEAEA);
  --menu-btn-ghost-dark-icon-color: var(--color-white, #FFFFFF);
  --menu-btn-fold-icon-content: var(--icon-content-arrow-down, "\E63D");
  
  --range-size-slider-border-width: var(--line-2, 2px);
  --range-size-m-track-radius: var(--corner-3, 50px);
  --range-normal-mark-color: var(--color-text1-1, #6B6B6B);
  --range-normal-mark-selected-color: var(--color-text1-1, #6B6B6B);
  --range-size-m-slider-shadow: var(--shadow-1-down, 0px 4px 16px 0px rgba(0, 0, 0, 0.3));
  --range-size-m-slider-shadow-hover: var(--shadow-1-down, 0px 4px 16px 0px rgba(0, 0, 0, 0.3));
  --range-normal-mark-color-hover: var(--color-text1-1, #6B6B6B);
  --range-normal-mark-selected-color-hover: var(--color-text1-1, #6B6B6B);
  --range-normal-unselected-color-disabled: var(--color-line1-1, #262626);
  --range-size-m-track-height: 6px;
  --range-normal-slider-bg-color: var(--color-fill1-4, #262626);
  --range-normal-selected-color: var(--color-brand1-6, #2789f2);
  --range-normal-selected-color-hover: var(--color-brand1-5, #307ac9);
  --range-normal-slider-border-color: var(--color-brand1-6, #2789f2);
  --range-normal-slider-bg-color-hover: var(--color-fill1-2, #383838);
  --range-normal-unselected-color: var(--color-fill1-2, #383838);
  --range-normal-unselected-color-hover: var(--color-fill1-2, #383838);
  --range-normal-selected-color-disabled: var(--color-fill1-2, #383838);
  --range-normal-slider-bg-color-disabled: var(--color-fill1-4, #262626);
  --range-normal-slider-border-color-disabled: var(--color-line1-1, #262626);
  --range-size-m-scale-height: 12px;
  --range-size-m-slider-hw: 16px;
  --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, 12px);
  --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, 0);
  --range-size-m-slider-shadow-moving: var(--shadow-2, 0px 6px 24px 0px rgba(0, 0, 0, 0.64));
  --range-normal-slider-border-color-hover: var(--color-transparent, transparent);
  --range-normal-mark-color-disabled: var(--color-text1-1, #6B6B6B);
  --range-normal-mark-selected-color-disabled: var(--color-text1-2, #8A8A8A);
  
  --tree-switch-arrow-size: var(--icon-xxs, 8px);
  --tree-switch-hover-arrow-color: var(--color-text1-2, #8A8A8A);
  --tree-switch-margint-right: var(--s-1, 4px);
  --tree-fold-icon-content: var(--icon-content-solidDown, "\E604");
  --tree-node-normal-background: var(--color-transparent, transparent);
  --tree-switch-bg-color: var(--color-transparent, transparent);
  --tree-switch-hover-icon-color: var(--color-brand1-6, #2789f2);
  --tree-switch-hover-bg-color: var(--color-transparent, transparent);
  --tree-switch-hover-border-color: var(--color-brand1-6, #2789f2);
  --tree-line-color: var(--color-line1-1, #262626);
  --tree-node-title-border-radius: var(--corner-1, 2px);
  --tree-node-title-font-size: var(--font-size-body-1, 12px);
  --tree-node-padding: var(--s-1, 4px);
  --tree-node-hover-bg-color: var(--color-fill1-2, #383838);
  --tree-node-selected-background: var(--color-fill1-5, #4D4D4D);
  --tree-node-disabled-color: var(--color-text1-1, #6B6B6B);
  --tree-node-normal-color: var(--color-text1-5, #a8a8a8);
  --tree-node-hover-color: var(--color-text1-5, #a8a8a8);
  --tree-node-selected-color: var(--color-text1-4, #EAEAEA);
  --tree-node-disabled-background: var(--color-transparent, transparent);
  --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-switch-arrow-color: var(--color-text1-2, #8A8A8A);
  --tree-switcher-fold-icon-content: var(--icon-content-add, "\E655");
  --tree-switcher-unfold-icon-content: var(--icon-content-minus, "\E601");
  --tree-switch-icon-color: var(--color-text1-3, #CCCCCC);
  --tree-switch-border-color: var(--color-line1-3, #4d4d4d);
  --tree-switch-corner: var(--corner-1, 2px);
  --tree-line-style: var(--line-solid, solid);
  --tree-unfold-icon-content: var(--icon-reset, var(--icon-reset));
  
  --badge-size-count-font: var(--font-size-body-1, 12px);
  --badge-color-bg: var(--color-error-4, #ff7277);
  --badge-size-count-border-radius: var(--s-2, 8px);
  --badge-dot-color-bg: var(--color-error-4, #ff7277);
  --badge-size-dot-width: var(--s-2, 8px);
  --badge-size-list-margin: var(--s-zero, 0px);
  --badge-size-count-config-height: var(--s-4, 16px);
  --badge-size-count-padding-lr: var(--s-1, 4px);
  --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, 2px);
  
  --message-size-l-title-content-padding-left: var(--s-2, 8px);
  --message-size-m-title-content-padding-left: var(--s-2, 8px);
  --message-size-m-title-font: var(--font-size-body-2, 14px);
  --message-size-m-border-radius: var(--corner-1, 2px);
  --message-size-m-border-radius-toast: var(--corner-1, 2px);
  --message-shadow-toast: var(--shadow-3-down, 0px 12px 48px 0px rgba(0, 0, 0, 0.8));
  --message-notice-color-icon-inline: var(--color-brand1-6, #2789f2);
  --message-notice-color-icon-addon: var(--color-brand1-6, #2789f2);
  --message-size-l-border-width: var(--line-1, 1px);
  --message-size-l-close-right: var(--s-3, 12px);
  --message-size-m-close-top: var(--s-2, 8px);
  --message-close-icon-size: var(--icon-s, 16px);
  --message-hover-close-icon-color: var(--color-fill1-6, #6B6B6B);
  --message-success-color-border-toast: var(--color-transparent, transparent);
  --message-success-color-icon-inline: var(--color-success-5, #31a368);
  --message-error-color-border-toast: var(--color-transparent, transparent);
  --message-warning-color-border-toast: var(--color-transparent, transparent);
  --message-notice-color-border-toast: var(--color-transparent, transparent);
  --message-help-color-bg-toast: var(--color-line1-1, #262626);
  --message-help-color-border-toast: var(--color-transparent, transparent);
  --message-loading-color-bg-toast: var(--color-line1-1, #262626);
  --message-loading-color-border-inline: var(--color-transparent, transparent);
  --message-loading-color-border-toast: var(--color-transparent, transparent);
  --message-success-color-border-inline: var(--color-transparent, transparent);
  --message-error-color-border-inline: var(--color-transparent, transparent);
  --message-warning-color-border-inline: var(--color-transparent, transparent);
  --message-notice-color-border-inline: var(--color-transparent, transparent);
  --message-help-color-border-inline: var(--color-transparent, transparent);
  --message-close-icon-color: var(--color-fill1-7, #A8A8A8);
  --message-help-color-icon-inline: var(--color-brand1-6, #2789f2);
  --message-success-color-bg-inline: var(--color-line1-1, #262626);
  --message-error-color-bg-inline: var(--color-line1-1, #262626);
  --message-warning-color-bg-inline: var(--color-line1-1, #262626);
  --message-notice-color-bg-inline: var(--color-line1-1, #262626);
  --message-help-color-bg-inline: var(--color-line1-1, #262626);
  --message-loading-color-bg-inline: var(--color-line1-1, #262626);
  --message-error-color-icon-inline: var(--color-error-5, #e15156);
  --message-warning-color-icon-inline: var(--color-warning-5, #FF8D16);
  --message-success-color-icon-addon: var(--color-success-5, #31a368);
  --message-success-color-icon-toast: var(--color-success-5, #31a368);
  --message-error-color-icon-addon: var(--color-error-5, #e15156);
  --message-error-color-icon-toast: var(--color-error-5, #e15156);
  --message-warning-color-icon-addon: var(--color-warning-5, #FF8D16);
  --message-warning-color-icon-toast: var(--color-warning-5, #FF8D16);
  --message-size-m-title-content-padding-right: 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-font: var(--font-size-body-1, 12px);
  --message-size-m-content-font: var(--font-size-body-1, 12px);
  --message-size-l-icon: var(--icon-m, 20px);
  --message-success-icon-content: var(--icon-content-tick-o-fill, "\E732");
  --message-error-icon-content: var(--icon-content-remove-o-fill, "\E716");
  --message-size-m-icon: var(--icon-m, 20px);
  --message-size-l-close-top: var(--s-3, 12px);
  --message-success-color-content-addon: var(--color-text1-2, #8A8A8A);
  --message-success-color-content-toast: var(--color-text1-2, #8A8A8A);
  --message-error-color-content-addon: var(--color-text1-2, #8A8A8A);
  --message-warning-color-content-addon: var(--color-text1-2, #8A8A8A);
  --message-warning-color-content-toast: var(--color-text1-2, #8A8A8A);
  --message-notice-color-content-addon: var(--color-text1-2, #8A8A8A);
  --message-notice-color-content-toast: var(--color-text1-2, #8A8A8A);
  --message-help-color-content-addon: var(--color-text1-2, #8A8A8A);
  --message-help-color-content-toast: var(--color-text1-2, #8A8A8A);
  --message-loading-color-content-addon: var(--color-text1-2, #8A8A8A);
  --message-loading-color-content-toast: var(--color-text1-2, #8A8A8A);
  --message-help-color-icon-addon: var(--color-brand1-6, #2789f2);
  --message-border-style-toast: var(--line-dotted, dotted);
  --message-warning-icon-content: var(--icon-content-warning-o-fill, "\E747");
  --message-error-color-bg-toast: var(--color-error-1, #361312);
  --message-warning-color-bg-toast: var(--color-warning-1, #331A00);
  --message-notice-color-bg-toast: var(--color-notice-1, #001a33);
  --message-notice-icon-content: var(--icon-content-info-o-fill, "\E6F3");
  --message-error-color-content-toast: var(--color-text1-5, #a8a8a8);
  --message-success-color-content-inline: var(--color-text1-5, #a8a8a8);
  --message-error-color-content-inline: var(--color-text1-5, #a8a8a8);
  --message-warning-color-content-inline: var(--color-text1-5, #a8a8a8);
  --message-notice-color-content-inline: var(--color-text1-5, #a8a8a8);
  --message-help-color-content-inline: var(--color-text1-5, #a8a8a8);
  --message-loading-color-content-inline: var(--color-text1-5, #a8a8a8);
  --message-size-l-content-margin-top: var(--s-1, 4px);
  --message-help-icon-content: var(--icon-content-quetion-o, "\E641");
  --message-size-m-padding: var(--s-2, 8px);
  --message-size-m-content-margin-top: var(--s-1, 4px);
  --message-success-color-bg-toast: var(--color-line1-1, #262626);
  --message-notice-color-icon-toast: var(--color-notice-6, #0066CC);
  --message-help-color-icon-toast: var(--color-notice-6, #0066CC);
  --message-loading-color-icon-toast: var(--color-notice-6, #0066CC);
  --message-size-m-border-width: var(--line-1, 1px);
  --message-size-m-close-right: var(--s-3, 12px);
  --message-size-l-border-radius: var(--corner-1, 2px);
  --message-size-l-border-radius-toast: var(--corner-1, 2px);
  --message-border-style: var(--line-solid, solid);
  --message-success-color-bg-addon: var(--color-transparent, transparent);
  --message-success-color-title-inline: var(--color-text1-4, #EAEAEA);
  --message-success-color-title-addon: var(--color-text1-4, #EAEAEA);
  --message-success-color-title-toast: var(--color-text1-4, #EAEAEA);
  --message-error-color-bg-addon: var(--color-transparent, transparent);
  --message-error-color-title-inline: var(--color-text1-4, #EAEAEA);
  --message-error-color-title-addon: var(--color-text1-4, #EAEAEA);
  --message-error-color-title-toast: var(--color-text1-4, #EAEAEA);
  --message-warning-color-bg-addon: var(--color-transparent, transparent);
  --message-warning-color-title-inline: var(--color-text1-4, #EAEAEA);
  --message-warning-color-title-addon: var(--color-text1-4, #EAEAEA);
  --message-warning-color-title-toast: var(--color-text1-4, #EAEAEA);
  --message-notice-color-bg-addon: var(--color-transparent, transparent);
  --message-notice-color-title-inline: var(--color-text1-4, #EAEAEA);
  --message-notice-color-title-addon: var(--color-text1-4, #EAEAEA);
  --message-notice-color-title-toast: var(--color-text1-4, #EAEAEA);
  --message-help-color-bg-addon: var(--color-transparent, transparent);
  --message-help-color-title-inline: var(--color-text1-4, #EAEAEA);
  --message-help-color-title-addon: var(--color-text1-4, #EAEAEA);
  --message-help-color-title-toast: var(--color-text1-4, #EAEAEA);
  --message-loading-color-bg-addon: var(--color-transparent, transparent);
  --message-loading-color-title-inline: var(--color-text1-4, #EAEAEA);
  --message-loading-color-title-addon: var(--color-text1-4, #EAEAEA);
  --message-loading-color-title-toast: var(--color-text1-4, #EAEAEA);
  --message-loading-color-icon-inline: var(--color-brand1-6, #2789f2);
  --message-loading-color-icon-addon: var(--color-brand1-6, #2789f2);
  --message-loading-icon-content: var(--icon-content-loading, "\E646");
  
  --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-bottom: var(--s-4, 16px);
  --dialog-border-color: var(--color-transparent, transparent);
  --dialog-shadow: var(--shadow-3-down, 0px 12px 48px 0px rgba(0, 0, 0, 0.8));
  --dialog-title-border-color: var(--color-transparent, transparent);
  --dialog-footer-border-color: var(--color-transparent, transparent);
  --dialog-title-padding-bottom: var(--s-2, 8px);
  --dialog-content-padding-top: var(--s-1, 4px);
  --dialog-footer-button-spacing: var(--s-2, 8px);
  --dialog-close-size: var(--icon-s, 16px);
  --dialog-close-color: var(--color-fill1-6, #6B6B6B);
  --dialog-close-color-hovered: var(--color-fill1-7, #A8A8A8);
  --dialog-corner: var(--corner-1, 2px);
  --dialog-title-font-size: var(--font-size-body-2, 14px);
  --dialog-title-padding-top: var(--s-4, 16px);
  --dialog-title-padding-left-right: var(--s-5, 20px);
  --dialog-message-content-padding-left-right: var(--s-5, 20px);
  --dialog-content-padding-bottom: var(--s-4, 16px);
  --dialog-content-padding-left-right: var(--s-5, 20px);
  --dialog-footer-padding-left-right: var(--s-5, 20px);
  --dialog-close-top: var(--s-4, 16px);
  --dialog-close-right: var(--s-5, 20px);
  --dialog-bg: var(--color-fill1-3, #1F1F1F);
  --dialog-footer-padding-top: var(--s-4, 16px);
  --dialog-message-content-padding-top: var(--s-5, 20px);
  --dialog-message-content-padding-bottom: var(--s-zero, 0px);
  --dialog-content-color: var(--color-text1-5, #a8a8a8);
  --dialog-title-font-weight: var(--font-weight-2, normal);
  --dialog-content-margin-bottom-no-footer: var(--s-0, 0px);
  --dialog-close-width: var(--s-4, 16px);
  --dialog-border-style: var(--line-solid, solid);
  --dialog-title-color: var(--color-text1-4, #EAEAEA);
  --dialog-title-bg-color: var(--color-transparent, transparent);
  --dialog-close-bg-hovered: var(--color-transparent, transparent);
  --dialog-footer-bg-color: var(--color-fill1-3, #1F1F1F);
  
  --number-picker-inline-m-button-corner: var(--corner-2, 4px);
  --number-picker-inline-l-button-corner: var(--corner-2, 4px);
  --number-picker-inline-l-button-margin: 2px;
  --number-picker-normal-m-input-width: var(--s-32, 128px);
  --number-picker-normal-l-input-width: var(--s-32, 128px);
  --number-picker-normal-l-button-icon-size: var(--icon-s, 16px);
  --number-picker-normal-m-button-icon-size: var(--icon-xs, 12px);
  --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-add-icon: var(--icon-content-add, "");
  --number-picker-inline-minus-icon: var(--icon-content-minus, "");
  --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, 2px);
  --number-picker-inline-m-button-icon-size: var(--icon-xs, 12px);
  --number-picker-inline-m-button-margin: 2px;
  --number-picker-inline-m-input-width: var(--s-25, 100px);
  --number-picker-inline-l-button-icon-size: var(--icon-xs, 12px);
  --number-picker-inline-l-input-width: var(--s-32, 128px);
  
  --progress-line-height-size-l: 6px;
  --progress-line-height-size-m: var(--s-1, 4px);
  --progress-line-radius-m: var(--corner-2, 4px);
  --progress-line-normal-color: var(--color-notice-4, #358fe9);
  --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, #2789f2);
  --progress-line-error-color: var(--color-error-4, #ff7277);
  --progress-line-success-color: var(--color-success-4, #42b479);
  --progress-line-started-color: var(--color-error-4, #ff7277);
  --progress-line-middle-color: var(--color-warning-4, #ffa342);
  --progress-line-finishing-color: var(--color-success-4, #42b479);
  --progress-circle-error-color: var(--color-error-4, #ff7277);
  --progress-circle-success-color: var(--color-success-4, #42b479);
  --progress-circle-started-color: var(--color-error-4, #ff7277);
  --progress-circle-middle-color: var(--color-warning-4, #ffa342);
  --progress-circle-finishing-color: var(--color-success-4, #42b479);
  --progress-circle-underlay-color: var(--color-fill1-5, #4D4D4D);
  --progress-line-underlay-color: var(--color-line1-1, #262626);
  --progress-circle-text-color: var(--color-text1-5, #a8a8a8);
  --progress-line-height-size-s: var(--s-1, 4px);
  --progress-line-underlay-border-width: var(--line-1, 1px);
  --progress-line-font-l: var(--font-size-body-1, 12px);
  --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, #383838);
  --progress-line-radius-l: var(--corner-3, 50px);
  --progress-line-radius-s: var(--corner-3, 50px);
  --progress-line-font-color: var(--color-text1-4, #EAEAEA);
  --progress-circle-corner: round;
  
  --menu-padding-vertical: var(--s-2, 8px);
  --menu-icon-selected-size: var(--icon-s, 16px);
  --menu-icon-size: var(--icon-s, 16px);
  --menu-icon-selected-color: var(--color-other-2, #FFFFFF);
  --menu-line-height: var(--s-8, 32px);
  --menu-padding-horizontal: var(--s-4, 16px);
  --menu-font-size: var(--font-size-body-1, 12px);
  --menu-background-selected: var(--color-fill1-5, #4D4D4D);
  --menu-background-hover: var(--color-fill1-2, #383838);
  --menu-icon-selected-hover-color: var(--color-white, #FFFFFF);
  --menu-padding-ver-padding-tb: var(--s-2, 8px);
  --menu-padding-hoz-padding-tb: var(--s-2, 8px);
  --menu-item-padding-ver-padding-l: var(--s-4, 16px);
  --menu-item-padding-ver-padding-r: var(--s-4, 16px);
  --menu-item-padding-hoz-padding-lr: var(--s-4, 16px);
  --menu-color: var(--color-text1-5, #a8a8a8);
  --menu-background: var(--color-fill1-4, #262626);
  --menu-divider-color: var(--color-line1-2, #383838);
  --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, 12px);
  --menu-padding-title-horizontal: var(--s-3, 12px);
  --menu-divider-width: var(--line-1, 1px);
  --menu-divider-margin-ver: var(--s-2, 8px);
  --menu-divider-margin-hoz: var(--s-3, 12px);
  --menu-icon-selected-right: var(--s-1, 4px);
  --menu-hoz-icon-size: var(--icon-xs, 12px);
  --menu-icon-margin: var(--s-1, 4px);
  --menu-shadow: var(--shadow-1-down, 0px 4px 16px 0px rgba(0, 0, 0, 0.3));
  --menu-divider-style: var(--line-solid, solid);
  --menu-arrow-color: var(--color-text1-3, #CCCCCC);
  --menu-color-selected: var(--color-text1-4, #EAEAEA);
  --menu-color-hover: var(--color-text1-4, #EAEAEA);
  --menu-arrow-color-hover: var(--color-text1-4, #EAEAEA);
  --menu-arrow-right: 10px;
  --menu-color-disabled: var(--color-text1-1, #6B6B6B);
  --menu-select-icon-content: var(--icon-content-select, "\E632");
  --menu-fold-icon-content: var(--icon-content-arrow-down, "\E63D");
  --menu-unfold-icon-content: var(--icon-reset, var(--icon-reset));
  --menu-popupfold-icon-content: var(--icon-content-arrow-right, "\E619");
  
  --timeline-item-node-size: var(--s-6, 24px);
  --timeline-item-time-margin-bottom: var(--s-5, 20px);
  --timeline-item-success-background: var(--color-success-4, #42b479);
  --timeline-item-error-background: var(--color-error-4, #ff7277);
  --timeline-item-title-color: var(--color-text1-4, #EAEAEA);
  --timeline-item-tail-color: var(--color-line1-2, #383838);
  --timeline-item-done-dot-size: var(--s-3, 12px);
  --timeline-item-done-background: var(--color-fill1-6, #6B6B6B);
  --timeline-item-process-dot-size: var(--s-3, 12px);
  --timeline-item-success-dot-size: var(--s-3, 12px);
  --timeline-item-error-dot-size: var(--s-3, 12px);
  --timeline-item-node-padding: 0px;
  --timeline-item-body-color: var(--color-text1-5, #a8a8a8);
  --timeline-item-time-color: var(--color-text1-2, #8A8A8A);
  --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-content-margin-left: var(--s-3, 12px);
  --timeline-item-body-margin-top: var(--s-1, 4px);
  --timeline-item-title-font-size: var(--font-size-body-1, 12px);
  --timeline-item-title-font-weight: var(--font-weight-3, bold);
  --timeline-item-title-margin-top: var(--s-1, 4px);
  --timeline-item-time-margin-top: var(--s-1, 4px);
  --timeline-item-body-font-size: var(--font-size-caption, 12px);
  --timeline-item-left-body-font-size: var(--font-size-caption, 12px);
  --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-left-body-color: var(--color-text1-2, #8A8A8A);
  --timeline-item-done-color: var(--color-white, #FFFFFF);
  --timeline-item-process-background: var(--color-brand1-6, #2789f2);
  --timeline-item-process-color: var(--color-white, #FFFFFF);
  --timeline-item-success-color: var(--color-white, #FFFFFF);
  --timeline-item-error-color: var(--color-white, #FFFFFF);
  
  --cascader-menu-icon-expand-size: var(--icon-s, 16px);
  --cascader-menu-border-radius: var(--corner-1, 2px);
  --cascader-menu-border-color: var(--color-transparent, transparent);
  --cascader-menu-item-expanded-background-color: var(--color-fill1-5, #4D4D4D);
  --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-icon-expand-color: var(--color-text1-3, #CCCCCC);
  --cascader-menu-icon-hover-expand-color: var(--color-text1-4, #EAEAEA);
  --cascader-menu-item-expanded-color: var(--color-text1-4, #EAEAEA);
  
  --rating-large-icon-size: var(--icon-m, 20px);
  --rating-normal-underlay-color: var(--color-fill1-6, #6B6B6B);
  --rating-grade-low-overlay-color: var(--color-fill1-6, #6B6B6B);
  --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, 12px);
  --rating-large-text-margin-left: var(--s-4, 16px);
  --rating-large-font-size: var(--font-size-subhead, 16px);
  --rating-normal-overlay-color: var(--color-brand1-6, #2789f2);
  --rating-normal-overlay-hover-color: var(--color-brand1-6, #2789f2);
  --rating-grade-low-overlay-hover-color: var(--color-text1-2, #8A8A8A);
  --rating-grade-high-overlay-color: var(--color-brand1-6, #2789f2);
  --rating-grade-high-overlay-hover-color: var(--color-brand1-6, #2789f2);
  --rating-grade-icon-content: var(--icon-content-favorites-filling, "\E60E");
  
  --tag-size-l-height: var(--s-7, 28px);
  --tag-size-m-height: var(--s-6, 24px);
  --tag-size-s-height: var(--s-5, 20px);
  --tag-size-s-icon-font: var(--icon-xs, 12px);
  --tag-size-s-tick-icon-size: var(--icon-xxs, 8px);
  --tag-size-s-tick-icon-bg-size: var(--s-5, 20px);
  --tag-fill-border-color-disabled: var(--color-line1-1, #262626);
  --tag-size-m-padding-lr: var(--s-2, 8px);
  --tag-closable-normal-icon-color-hover: var(--color-transparent, transparent);
  --tag-closable-normal-bg: var(--color-fill1-2, #383838);
  --tag-size-s-padding-lr: var(--s-2, 8px);
  --tag-closable-bordered-bg-disabled: var(--color-fill1-2, #383838);
  --tag-bordered-bg-disabled: var(--color-fill1-2, #383838);
  --tag-size-m-text-size: var(--font-size-body-1, 12px);
  --tag-size-m-icon-font: var(--icon-s, 16px);
  --tag-corner-radius: var(--corner-1, 2px);
  --tag-closable-bordered-border-color-disabled: var(--color-fill1-2, #383838);
  --tag-bordered-border-color-disabled: var(--color-fill1-2, #383838);
  --tag-closable-normal-bg-hover: var(--color-fill1-1, #151515);
  --tag-closable-bordered-text-color: var(--color-text1-2, #8A8A8A);
  --tag-closable-bordered-border-color: var(--color-fill1-5, #4D4D4D);
  --tag-closable-bordered-bg: var(--color-fill1-1, #151515);
  --tag-closable-bordered-text-color-hover: var(--color-text1-2, #8A8A8A);
  --tag-closable-bordered-border-color-hover: var(--color-fill1-5, #4D4D4D);
  --tag-closable-bordered-bg-hover: var(--color-fill1-1, #151515);
  --tag-closable-bordered-tail-color-hover: var(--color-text1-2, #8A8A8A);
  --tag-fill-text-color-disabled: var(--color-text1-1, #6B6B6B);
  --tag-fill-bg-color-disabled: var(--color-fill1-2, #383838);
  --tag-size-l-padding-lr: var(--s-3, 12px);
  --tag-size-l-text-size: var(--font-size-body-1, 12px);
  --tag-bordered-text-color-hover: var(--color-text1-5, #a8a8a8);
  --tag-fill-text-color: var(--color-brand1-5, #307ac9);
  --tag-bordered-text-color: var(--color-text1-5, #a8a8a8);
  --tag-fill-text-color-hover: var(--color-brand1-5, #307ac9);
  --tag-checkable-normal-bg-selected: var(--color-transparent, transparent);
  --tag-checkable-normal-bg-selected-hover: var(--color-transparent, transparent);
  --tag-fill-bg-color: var(--color-brand1-1, #18232e);
  --tag-secondary-bg: var(--color-transparent, transparent);
  --tag-checkable-normal-text-color: var(--color-text1-5, #a8a8a8);
  --tag-checkable-normal-border-color: var(--color-line1-3, #4d4d4d);
  --tag-checkable-normal-bg: var(--color-transparent, transparent);
  --tag-checkable-normal-text-color-hover: var(--color-text1-4, #EAEAEA);
  --tag-checkable-normal-border-color-hover: var(--color-fill1-5, #4D4D4D);
  --tag-checkable-normal-bg-hover: var(--color-fill1-5, #4D4D4D);
  --tag-checkable-normal-border-selected-disabled: var(--color-fill1-5, #4D4D4D);
  --tag-checkable-normal-bg-selected-disabled: var(--color-fill1-2, #383838);
  --tag-checkable-normal-tick-bg-selected-disabled: 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-closable-primary-fill-border-color: var(--color-fill1-2, #383838);
  --tag-closable-primary-fill-border-color-hover: var(--color-fill1-5, #4D4D4D);
  --tag-closable-primary-fill-bg-color-hover: var(--color-fill1-3, #1F1F1F);
  --tag-fill-tail-color-disabled: var(--color-text1-1, #6B6B6B);
  --tag-closable-primary-fill-border-color-disabled: var(--color-fill1-5, #4D4D4D);
  --tag-closable-primary-fill-bg-color-disabled: var(--color-fill1-2, #383838);
  --tag-fill-tail-color: var(--color-text1-2, #8A8A8A);
  --tag-fill-tail-color-hover: var(--color-text1-5, #a8a8a8);
  --tag-checkable-fill-text-color: var(--color-text1-5, #a8a8a8);
  --tag-checkable-fill-bg-color: var(--color-fill1-2, #383838);
  --tag-checkable-fill-border-color: var(--color-transparent, transparent);
  --tag-checkable-fill-text-color-hover: var(--color-text1-5, #a8a8a8);
  --tag-checkable-fill-bg-color-hover: var(--color-fill1-5, #4D4D4D);
  --tag-checkable-fill-border-color-hover: var(--color-transparent, transparent);
  --tag-checkable-primary-text-color: var(--color-text1-4, #EAEAEA);
  --tag-checkable-primary-border-color: var(--color-transparent, transparent);
  --tag-checkable-primary-text-color-hover: var(--color-text1-4, #EAEAEA);
  --tag-checkable-primary-border-color-hover: var(--color-transparent, transparent);
  --tag-closable-primary-fill-text-color: var(--color-text1-5, #a8a8a8);
  --tag-closable-primary-fill-bg-color: var(--color-fill1-1, #151515);
  --tag-closable-primary-fill-text-color-hover: var(--color-text1-5, #a8a8a8);
  --tag-bordered-border-color: var(--color-line1-2, #383838);
  --tag-bordered-border-color-hover: var(--color-line1-3, #4d4d4d);
  --tag-bordered-bg: var(--color-fill1-3, #1F1F1F);
  --tag-bordered-bg-hover: var(--color-fill1-4, #262626);
  --tag-size-s-content-min-width: var(--s-1, 4px);
  --tag-size-l-content-min-width: var(--s-12, 48px);
  --tag-fill-border-color: var(--color-brand1-6, #2789f2);
  --tag-fill-border-color-hover: var(--color-brand1-6, #2789f2);
  --tag-secondary-text-color: var(--color-brand1-6, #2789f2);
  --tag-secondary-text-color-hover: var(--color-brand1-6, #2789f2);
  --tag-secondary-border-color: var(--color-brand1-6, #2789f2);
  --tag-secondary-border-color-hover: var(--color-brand1-6, #2789f2);
  --tag-fill-bg-color-hover: var(--color-brand1-2, #263c54);
  --tag-secondary-bg-hover: var(--color-brand1-2, #263c54);
  --tag-checkable-primary-bg-color: var(--color-brand1-6, #2789f2);
  --tag-checkable-primary-bg-color-hover: var(--color-brand1-6, #2789f2);
  --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, 2px);
  --tag-border-width: var(--line-1, 1px);
  --tag-shadow: var(--shadow-zero, none);
  --tag-size-s-text-size: var(--font-size-caption, 12px);
  --tag-size-m-content-min-width: var(--s-10, 40px);
  --tag-size-l-icon-font: var(--icon-xs, 12px);
  --tag-size-l-tick-icon-size: var(--icon-s, 16px);
  --tag-size-m-tick-icon-size: var(--icon-xs, 12px);
  --tag-size-l-tick-icon-bg-size: var(--s-9, 36px);
  --tag-size-m-tick-icon-bg-size: var(--s-7, 28px);
  --tag-normal-text-color: var(--color-text1-4, #EAEAEA);
  --tag-closable-normal-icon-color: var(--color-white, #FFFFFF);
  --tag-closable-normal-icon-color-disabled: var(--color-white, #FFFFFF);
  --tag-closable-normal-bg-disabled: var(--color-line1-1, #262626);
  --tag-closable-bordered-tail-color: var(--color-text1-3, #CCCCCC);
  --tag-closable-bordered-tail-color-disabled: var(--color-text1-1, #6B6B6B);
  --tag-closable-bordered-text-color-disabled: var(--color-text1-1, #6B6B6B);
  --tag-bordered-tail-color: var(--color-text1-3, #CCCCCC);
  --tag-normal-text-color-hover: var(--color-brand1-6, #2789f2);
  --tag-bordered-tail-color-hover: var(--color-text1-4, #EAEAEA);
  --tag-bordered-tail-color-disabled: var(--color-text1-1, #6B6B6B);
  --tag-bordered-text-color-disabled: var(--color-text1-1, #6B6B6B);
  --tag-checkable-secondary-bg-selected: var(--color-brand1-6, #2789f2);
  --tag-checkable-secondary-bg-selected-hover: var(--color-brand1-9, #a0cbfa);
  --tag-primary-background-color: var(--color-brand1-6, #2789f2);
  --tag-text-color-disabled: var(--color-text1-1, #6B6B6B);
  --tag-border-color-disabled: var(--color-line1-1, #262626);
  --tag-checkable-fill-tail-color: var(--color-text1-3, #CCCCCC);
  --tag-checkable-fill-tail-color-hover: var(--color-text1-4, #EAEAEA);
  --tag-checkable-fill-tail-color-disabled: var(--color-text1-1, #6B6B6B);
  --tag-checkable-fill-text-color-disabled: var(--color-text1-1, #6B6B6B);
  --tag-checkable-fill-border-color-disabled: var(--color-fill1-1, #151515);
  --tag-checkable-fill-bg-color-disabled: var(--color-fill1-1, #151515);
  --tag-checkable-normal-text-selected-disabled: var(--color-text1-1, #6B6B6B);
  --tag-checkable-primary-text-color-disabled: var(--color-text1-1, #6B6B6B);
  --tag-checkable-primary-border-color-disabled: var(--color-fill1-1, #151515);
  --tag-checkable-primary-bg-color-disabled: var(--color-fill1-1, #151515);
  --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, #262626);
  --tag-checkable-secondary-icon-color-selected: var(--color-white, #FFFFFF);
  --tag-checkable-secondary-icon-color-selected-hover: var(--color-white, #FFFFFF);
  --tag-checkable-secondary-icon-color-selected-disabled: var(--color-white, #FFFFFF);
  --tag-closable-primary-fill-text-color-disabled: var(--color-text1-1, #6B6B6B);
  
  --input-l-icon-padding-right: var(--s-2, 8px);
  --input-feedback-warning-border-color: var(--color-warning-4, #ffa342);
  --input-feedback-success-color: var(--color-success-4, #42b479);
  --input-feedback-error-border-color: var(--color-error-4, #ff7277);
  --input-maxlen-error-color: var(--color-error-5, #e15156);
  --input-maxlen-color: var(--color-text1-1, #6B6B6B);
  --input-hover-bg-color: var(--color-fill1-1, #151515);
  --input-feedback-warning-bg-color: var(--color-fill1-1, #151515);
  --input-feedback-error-bg-color: var(--color-fill1-1, #151515);
  --input-focus-bg-color: var(--color-fill1-1, #151515);
  --input-feedback-loading-color: var(--color-fill1-5, #4D4D4D);
  --input-focus-shadow-spread: var(--line-1, 1px);
  --input-disabled-color: var(--color-text1-1, #6B6B6B);
  --input-disabled-bg-color: var(--color-fill1-2, #383838);
  --input-addon-bg-color: var(--color-fill1-1, #151515);
  --input-disabled-border-color: var(--color-fill1-5, #4D4D4D);
  --input-l-padding: var(--s-3, 12px);
  --input-placeholder-color: var(--color-text1-1, #6B6B6B);
  --input-label-color: var(--color-text1-2, #8A8A8A);
  --input-text-color: var(--color-text1-3, #CCCCCC);
  --input-feedback-warning-color: var(--color-transparent, transparent);
  --input-feedback-warning-icon: var(--icon-content-warning-o-fill, "");
  --input-border-color: var(--color-fill1-2, #383838);
  --input-bg-color: var(--color-fill1-1, #151515);
  --input-hover-border-color: var(--color-fill1-5, #4D4D4D);
  --input-focus-border-color: var(--color-fill1-5, #4D4D4D);
  --input-border-width: var(--line-1, 1px);
  --input-multiple-padding-lr: var(--s-2, 8px);
  --input-multiple-padding-tb: var(--s-1, 4px);
  --input-multiple-font-size: var(--font-size-body-1, 12px);
  --input-multiple-corner: var(--corner-1, 2px);
  --input-addon-text-color: var(--color-text1-2, #8A8A8A);
  --input-addon-padding: var(--s-2, 8px);
  --input-l-label-padding-left: var(--s-3, 12px);
  --input-m-padding: var(--s-2, 8px);
  --input-m-label-padding-left: var(--s-2, 8px);
  --input-m-icon-padding-right: var(--s-2, 8px);
  --input-s-padding: var(--s-1, 4px);
  --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, #CCCCCC);
  --input-maxlen-warning-color: var(--color-warning-3, #995106);
  --input-maxlen-font-size: var(--font-size-caption, 12px);
  --input-hint-color: var(--color-text1-2, #8A8A8A);
  --input-hint-hover-color: var(--color-text1-3, #CCCCCC);
  --input-feedback-clear-icon: var(--icon-content-delete-filling, "");
  
  --form-item-m-margin-b: var(--s-4, 16px);
  --form-item-l-margin-b: var(--s-3, 12px);
  --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, #ff7277);
  --form-help-color: var(--color-text1-2, #8A8A8A);
  --form-label-color: var(--color-text1-5, #a8a8a8);
  --form-label-padding-r: var(--s-3, 12px);
  --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, #995106);
  --form-top-label-margin-b: 2px;
  
  --upload-text-list-close-icon-size: var(--icon-s, 16px);
  --upload-text-list-error-text-color: var(--color-error-5, #e15156);
  --upload-image-list-item-uploading-bg-color: var(--color-transparent, transparent);
  --upload-image-list-item-bg-color: var(--color-transparent, transparent);
  --upload-image-list-item-error-bg-color: var(--color-transparent, transparent);
  --upload-card-bg-color: var(--color-fill1-2, #383838);
  --upload-card-border-style: var(--line-solid, solid);
  --upload-card-border-color: var(--color-transparent, transparent);
  --upload-card-hover-border-color: var(--color-line1-3, #4d4d4d);
  --upload-card-font-color: var(--color-text1-5, #a8a8a8);
  --upload-card-icon-color: var(--color-fill1-6, #6B6B6B);
  --upload-card-hover-font-color: var(--color-text1-5, #a8a8a8);
  --upload-disable-text-color: var(--color-text1-1, #6B6B6B);
  --upload-disable-border-color: var(--color-line1-1, #262626);
  --upload-text-list-height: var(--s-10, 40px);
  --upload-text-list-padding-left-right: var(--s-2, 8px);
  --upload-text-list-font-size: var(--font-size-body-1, 12px);
  --upload-text-list-close-icon-right: var(--s-3, 12px);
  --upload-text-list-corner: var(--corner-zero, 0);
  --upload-text-list-bg-color: var(--color-fill1-2, #383838);
  --upload-text-list-bg-color-hover: var(--color-fill1-2, #383838);
  --upload-text-list-bg-color-error: var(--color-error-1, #361312);
  --upload-text-list-close-icon-color: var(--color-text1-2, #8A8A8A);
  --upload-text-list-close-icon-color-hover: var(--color-text1-3, #CCCCCC);
  --upload-text-list-name-font-color: var(--color-text1-4, #EAEAEA);
  --upload-text-list-name-font-color-hover: var(--color-brand1-6, #2789f2);
  --upload-text-list-size-font-color: var(--color-text1-2, #8A8A8A);
  --upload-text-list-size-font-color-hover: var(--color-brand1-6, #2789f2);
  --upload-text-list-progressbar-height: var(--s-2, 8px);
  --upload-image-list-item-padding: var(--s-2, 8px);
  --upload-image-list-item-picture-size: var(--s-12, 48px);
  --upload-image-list-item-picture-icon-size: var(--icon-l, 24px);
  --upload-image-list-item-picture-border-width: var(--line-1, 1px);
  --upload-image-list-item-picture-corner: var(--corner-zero, 0);
  --upload-image-list-item-thumbnail-font-color: var(--color-text1-1, #6B6B6B);
  --upload-image-list-item-font-size: var(--font-size-body-1, 12px);
  --upload-image-list-close-icon-size: var(--icon-xs, 12px);
  --upload-image-list-close-icon-right: var(--s-1, 4px);
  --upload-image-list-item-border-width: var(--line-1, 1px);
  --upload-image-list-close-icon-color: var(--color-text1-2, #8A8A8A);
  --upload-image-list-close-icon-color-hover: var(--color-text1-3, #CCCCCC);
  --upload-image-list-item-border-color: var(--color-line1-2, #383838);
  --upload-image-list-item-border-color-error: var(--color-error-3, #8C100B);
  --upload-image-list-item-border-color-hover: var(--color-brand1-6, #2789f2);
  --upload-image-list-item-picture-border-color: var(--color-line1-2, #383838);
  --upload-image-list-item-picture-background-color: var(--color-fill1-2, #383838);
  --upload-image-list-progressbar-height: var(--s-2, 8px);
  --upload-card-size: var(--s-25, 100px);
  --upload-card-margin-bottom: var(--s-4, 16px);
  --upload-card-add-icon-size: var(--icon-l, 24px);
  --upload-card-add-text-size: var(--font-size-body-1, 12px);
  --upload-card-border-radius: var(--corner-zero, 0);
  --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-uploading-bg-color: var(--color-fill1-1, #151515);
  --upload-card-list-bg-color-error: var(--color-fill1-1, #151515);
  --upload-card-list-margin-right: var(--s-3, 12px);
  --upload-card-list-padding: var(--s-zero, 0px);
  --upload-card-list-corner: var(--corner-zero, 0);
  --upload-card-list-border-color: var(--color-line1-3, #4d4d4d);
  --upload-card-list-border-color-error: var(--color-error-3, #8C100B);
  --upload-card-list-thumbnail-font-color: var(--color-text1-1, #6B6B6B);
  --upload-card-list-thumbnail-font-size: var(--font-size-caption, 12px);
  --upload-card-list-thumbnail-icon-size: var(--icon-xxl, 48px);
  --upload-card-list-name-margin-top: var(--s-1, 4px);
  --upload-card-list-name-font-size: var(--font-size-caption, 12px);
  --upload-card-list-name-font-color: var(--color-text1-3, #CCCCCC);
  --upload-card-list-progressbar-height: var(--s-2, 8px);
  --upload-select-card-tool-bg-color: var(--color-black, #000000);
  --upload-select-card-tool-bg-opacity: .7;
  --upload-drag-zone-border-color: var(--color-line1-3, #4d4d4d);
  --upload-drag-zone-over-border-color: var(--color-brand1-6, #2789f2);
  --upload-drag-zone-corner: var(--corner-1, 2px);
  --upload-drag-zone-font-size: var(--font-size-body-2, 14px);
  --upload-drag-zone-icon-size: var(--s-6, 24px);
  --upload-drag-zone-hint-font-size: var(--font-size-caption, 12px);
  --upload-drag-zone-bg-color: var(--color-transparent, transparent);
  --upload-drag-zone-upload-icon: var(--icon-content-upload, "");
  --upload-drag-zone-upload-icon-color: var(--color-text1-3, #CCCCCC);
  --upload-drag-zone-upload-normal-title-color: var(--color-text1-3, #CCCCCC);
  --upload-drag-zone-upload-normal-hint-color: var(--color-text1-2, #8A8A8A);
  
  --select-s-lineheight: 14px;
  --select-color: var(--color-text1-1, #6B6B6B);
  --select-hint-color: var(--color-text1-2, #8A8A8A);
  --select-highlight-color: var(--color-brand1-6, #2789f2);
  --select-highlight-font: var(--font-size-body-1, 12px);
  --select-l-lineheight: var(--s-6, 24px);
  --select-m-lineheight: var(--s-5, 20px);
  --select-fold-icon-content: var(--icon-content-arrow-down, "\E63D");
  --select-unfold-icon-content: var(--icon-reset, var(--icon-reset));
  
  --drawer-close-size: var(--icon-s, 16px);
  --drawer-shadow: var(--shadow-3-left, 0px 0px 48px 0px rgba(0, 0, 0, 0.8));
  --drawer-border-color: var(--color-transparent, transparent);
  --drawer-title-font-size: var(--font-size-body-2, 14px);
  --drawer-content-padding-top: var(--s-4, 16px);
  --drawer-content-padding-bottom: var(--s-5, 20px);
  --drawer-close-top: var(--s-3, 12px);
  --drawer-close-right: var(--s-3, 12px);
  --drawer-title-bg-color: var(--color-fill1-4, #262626);
  --drawer-title-border-color: var(--color-fill1-2, #383838);
  --drawer-title-color: var(--color-text1-4, #EAEAEA);
  --drawer-close-color: var(--color-fill1-6, #6B6B6B);
  --drawer-bg: var(--color-fill1-3, #1F1F1F);
  --drawer-content-color: var(--color-text1-5, #a8a8a8);
  --drawer-close-color-hovered: var(--color-fill1-6, #6B6B6B);
  --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, 12px);
  --drawer-content-padding-left-right: var(--s-5, 20px);
  --drawer-border-width: var(--line-1, 1px);
  --drawer-border-style: var(--line-solid, solid);
  --drawer-corner: var(--corner-1, 2px);
  --drawer-close-bg-hovered: var(--color-transparent, transparent);
  
  --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, #8A8A8A);
  --transfer-simple-panel-item-hover-text-color: var(--color-text1-2, #8A8A8A);
  --transfer-panel-background-color: var(--color-transparent, transparent);
  --transfer-panel-header-background-color: var(--color-transparent, transparent);
  --transfer-panel-footer-background-color: var(--color-transparent, transparent);
  --transfer-panel-footer-padding-left-right: var(--s-4, 16px);
  --transfer-operation-margin-gutter: var(--s-2, 8px);
  --transfer-panel-border-width: var(--line-1, 1px);
  --transfer-panel-header-padding-top-bottom: var(--s-2, 8px);
  --transfer-panel-header-padding-left-right: var(--s-5, 20px);
  --transfer-panel-header-text-size: var(--font-size-body-1, 12px);
  --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-top-bottom: var(--s-2, 8px);
  --transfer-simple-move-icon: var(--icon-content-switch, "");
  --transfer-simple-move-icon-color: var(--color-line1-3, #4d4d4d);
  --transfer-panel-border-color: var(--color-line1-2, #383838);
  --transfer-panel-border-corner: var(--corner-1, 2px);
  --transfer-panel-search-icon-color: var(--color-text1-2, #8A8A8A);
  --transfer-panel-footer-text-color: var(--color-text1-4, #EAEAEA);
  --transfer-simple-panel-footer-text-color: var(--color-brand1-6, #2789f2);
  --transfer-panel-footer-shadow: var(--shadow-zero, none);
  
  --time-picker-menu-title-height: var(--s-7, 28px);
  --time-picker-menu-item-height: var(--s-7, 28px);
  --time-picker-menu-item-font-weight-selected: var(--font-weight-2, normal);
  --time-picker-menu-border-color: var(--color-line1-2, #383838);
  --time-picker-menu-title-color: var(--color-text1-1, #6B6B6B);
  --time-picker-panel-background: var(--color-fill1-4, #262626);
  --time-picker-menu-title-background: var(--color-fill1-4, #262626);
  --time-picker-menu-item-color: var(--color-text1-2, #8A8A8A);
  --time-picker-menu-item-color-hover: var(--color-text1-2, #8A8A8A);
  --time-picker-menu-item-color-selected: var(--color-fill1-8, #8A8A8A);
  --time-picker-menu-item-color-disabled: var(--color-fill1-5, #4D4D4D);
  --time-picker-menu-item-background: var(--color-fill1-4, #262626);
  --time-picker-menu-item-background-hover: var(--color-fill1-2, #383838);
  --time-picker-menu-item-background-selected: var(--color-fill1-5, #4D4D4D);
  --time-picker-menu-item-background-disabled: var(--color-fill1-4, #262626);
  --time-picker-panel-width: var(--s-50, 200px);
  --time-picker-menu-border-width: var(--line-1, 1px);
  --time-picker-menu-title-font-size: var(--font-size-caption, 12px);
  --time-picker-menu-item-font-size: var(--font-size-caption, 12px);
  --time-pikcer-menu-title-font-weight: var(--font-weight-2, normal);
  --time-picker-clock-icon: var(--icon-content-clock, "");
  
  --slick-dots-background-opacity-normal: 0.2;
  --slick-dots-background-opacity-hover: 0.2;
  --slick-dots-border-color-normal: var(--color-other-3, #151515);
  --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, #2789f2);
  --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, #CCCCCC);
  --slick-arrow-icon-color-hover: var(--color-white, #FFFFFF);
  --slick-arrow-icon-color-hover-outer: var(--color-text1-4, #EAEAEA);
  --slick-arrow-icon-color-disabled: var(--color-text1-1, #6B6B6B);
  --slick-arrow-icon-color-disabled-outer: var(--color-text1-1, #6B6B6B);
  --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, #151515);
  --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);
  
  --breadcrumb-size-m-icon-size: var(--icon-s, 16px);
  --breadcrumb-icon-color: var(--color-text1-1, #6B6B6B);
  --breadcrumb-size-m-icon-margin: var(--s-1, 4px);
  --breadcrumb-size-ellipsis-font-size: var(--font-size-body-2, 14px);
  --breadcrumb-icon-sep-content: var(--icon-content-slash-line, "\E9F3");
  --breadcrumb-text-color: var(--color-text1-4, #EAEAEA);
  --breadcrumb-text-current-color: var(--color-text1-1, #6B6B6B);
  --breadcrumb-size-m-font-size: var(--font-size-caption, 12px);
  --breadcrumb-text-current-weight: var(--font-weight-2, normal);
  --breadcrumb-text-ellipsis-color: var(--color-text1-3, #CCCCCC);
  --breadcrumb-text-keyword-color: var(--color-brand1-6, #2789f2);
  --breadcrumb-text-color-hover: var(--color-brand1-6, #2789f2);
  --breadcrumb-text-current-color-hover: var(--color-brand1-6, #2789f2);
  --breadcrumb-text-keyword-color-hover: var(--color-brand1-6, #2789f2);
  
  --date-picker-panel-footer-padding-lr: var(--s-2, 8px);
  --date-picker-panel-footer-padding-tb: var(--s-2, 8px);
  --date-picker-panel-background: var(--color-fill1-4, #262626);
  --date-picker-panel-time-panel-separator-color: var(--color-line1-2, #383838);
  --date-picker-calendar-icon: var(--icon-content-calendar, "");
  
  --table-empty-color: var(--color-text1-1, #6B6B6B);
  --table-group-th-bg: var(--color-fill1-4, #262626);
  --table-group-footer-bg: var(--color-fill1-2, #383838);
  --table-th-font-weight: var(--font-weight-medium, 500);
  --table-th-color: var(--color-text1-5, #a8a8a8);
  --table-row-color: var(--color-text1-5, #a8a8a8);
  --table-row-hover-bg: var(--color-fill1-4, #262626);
  --table-row-selected-bg: var(--color-fill1-2, #383838);
  --table-th-bg: var(--color-fill1-3, #1F1F1F);
  --table-normal-border-style: var(--line-solid, solid);
  --table-normal-border-color: var(--color-fill1-2, #383838);
  --table-row-bg: var(--color-fill1-1, #151515);
  --table-empty-padding: var(--s-12, 48px);
  --table-cell-padding-top: var(--s-3, 12px);
  --table-tree-fold-icon-content: var(--icon-content-triangle-right, "\E689");
  --table-tree-unfold-icon-content: var(--icon-content-triangle-down, "\E688");
  --table-normal-border-width: var(--line-1, 1px);
  --table-th-font-size: var(--font-size-body-1, 12px);
  --table-sort-icon-size: var(--icon-xs, 12px);
  --table-filter-icon-size: var(--icon-xs, 12px);
  --table-body-font-size: var(--font-size-body-1, 12px);
  --table-expanded-icon-size: var(--icon-xs, 12px);
  --table-tree-expanded-icon-size: var(--icon-xs, 12px);
  --table-cell-padding-left: var(--s-4, 16px);
  --table-header-padding-top: var(--s-3, 12px);
  --table-header-padding-left: var(--s-4, 16px);
  --table-header-icon-margin-left: var(--s-2, 8px);
  --table-header-corner-top: var(--corner-zero, 0);
  --table-header-corner-bottom: var(--corner-zero, 0);
  --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-split: var(--s-2, 8px);
  --table-group-header-corner-top: var(--corner-zero, 0);
  --table-group-header-corner-bottom: var(--corner-zero, 0);
  --table-group-footer-corner-top: var(--corner-zero, 0);
  --table-group-footer-corner-bottom: var(--corner-zero, 0);
  --table-sort-color: var(--color-text1-4, #EAEAEA);
  --table-group-th-color: var(--color-text1-4, #EAEAEA);
  --table-td-gray: var(--color-fill1-1, #151515);
  --table-td-normal: var(--color-white, #FFFFFF);
  --table-group-footer-color: var(--color-text1-4, #EAEAEA);
  --table-row-hover-color: var(--color-text1-4, #EAEAEA);
  --table-row-selected-color: var(--color-text1-4, #EAEAEA);
  --table-sort-color-current: var(--color-brand1-6, #2789f2);
  --table-expanded-ctrl-disabled-color: var(--color-text1-2, #8A8A8A);
  --table-expand-fold-icon-content: var(--icon-content-add, "\E655");
  --table-expand-unfold-icon-content: var(--icon-content-minus, "\E601");
  
  --collapse-title-bg-color: var(--color-fill1-4, #262626);
  --collapse-title-font-weight: var(--font-weight-medium, 500);
  --collapse-title-hover-font-weight: var(--font-weight-medium, 500);
  --collapse-icon-size: var(--icon-s, 16px);
  --collapse-content-padding-x: var(--s-9, 36px);
  --collapse-fold-icon-content: var(--icon-content-triangle-right-s, "\E725");
  --collapse-unfold-icon-content: var(--icon-content-triangle-down-s, "\E730");
  --collapse-border-color: var(--color-transparent, transparent);
  --collapse-panel-border-color: var(--color-transparent, transparent);
  --collapse-title-hover-bg-color: var(--color-fill1-5, #4D4D4D);
  --collapse-title-height: 18px;
  --collapse-title-font-size: var(--font-size-body-1, 12px);
  --collapse-title-padding-tb: 11px;
  --collapse-title-font-color: var(--color-text1-4, #EAEAEA);
  --collapse-title-hover-font-color: var(--color-text1-4, #EAEAEA);
  --collapse-icon-color: var(--color-text1-4, #EAEAEA);
  --collapse-icon-hover-color: var(--color-text1-4, #EAEAEA);
  --collapse-content-bg-color: var(--color-transparent, transparent);
  --collapse-content-padding-y: var(--s-4, 16px);
  --collapse-content-color: var(--color-text1-5, #a8a8a8);
  --collapse-border-width: var(--line-1, 1px);
  --collapse-border-corner: var(--corner-1, 2px);
  --collapse-disabled-border-color: var(--color-line1-1, #262626);
  --collapse-title-border-width: var(--line-1, 1px);
  --collapse-title-disabled-bg-color: var(--color-fill1-2, #383838);
  --collapse-title-font-disabled-color: var(--color-text1-1, #6B6B6B);
  --collapse-icon-margin-r: var(--s-2, 8px);
  --collapse-icon-margin-l: var(--s-3, 12px);
  --collapse-content-font-size: var(--font-size-body-1, 12px);
  
  --typography-text-color: var(--color-text1-3, #CCCCCC);
  --typography-text-mark-background: var(--color-notice-3, #00488f);
  --typography-text-strong-font-weight: var(--font-weight-semi-bold, 600);
  --typography-text-code-corner: var(--corner-1, 2px);
  --typography-text-mark-color: var(--color-text1-4, #EAEAEA);
  --typography-text-code-color: var(--color-text1-4, #EAEAEA);
  --typography-text-code-background: var(--color-fill1-2, #383838);
  --typography-text-code-border-color: var(--color-line1-1, #262626);
  --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, 12px);
  --typography-title-font-weight: var(--font-weight-semi-bold, 600);
  
  --split-btn-trigger-normal-icon-color: var(--color-text1-4, #EAEAEA);
  --split-btn-fold-icon-content: var(--icon-content-arrow-down, "\E63D");
  --split-btn-unfold-icon-content: var(--icon-reset, var(--icon-reset));
  
  --divider-ver-size: var(--line-1, 1px);
  --divider-ver-color: var(--color-line1-2, #383838);
  --divider-ver-marginLeft: var(--s-3, 12px);
  --divider-hoz-color: var(--color-line1-2, #383838);
  --divider-hoz-text-color: var(--color-text1-5, #a8a8a8);
  --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);
  
  --tree-select-background: var(--color-fill1-4, #262626);
  --tree-select-padding-vertical: var(--s-2, 8px);
  --tree-select-padding-horizontal: var(--s-5, 20px);
  
  --list-content-color: var(--color-text1-5, #a8a8a8);
  --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, 12px);
  --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, #383838);
  --list-title-color: var(--color-text1-4, #EAEAEA);
  --list-extra-color: var(--color-text1-2, #8A8A8A);
  
  --shell-light-header-color: var(--color-text1-4, #EAEAEA);
  --shell-light-header-background: var(--color-fill1-3, #1F1F1F);
  --shell-light-header-shadow: var(--shadow-1-down, 0px 4px 16px 0px rgba(0, 0, 0, 0.3));
  --shell-light-navigation-ver-paddingTop: var(--s-2, 8px);
  --shell-light-navigation-ver-background: var(--color-fill1-3, #1F1F1F);
  --shell-light-navigation-ver-divider-size: var(--line-zero, 0px);
  --shell-light-navigation-ver-divider-style: var(--line-solid, solid);
  --shell-light-navigation-ver-divider-color: var(--color-fill1-3, #1F1F1F);
  --shell-light-content-background: var(--color-fill1-1, #151515);
  --shell-light-content-paddingLeft: var(--s-5, 20px);
  --shell-dark-navigation-ver-background: var(--color-fill1-3, #1F1F1F);
  --shell-brand-navigation-ver-background: var(--color-fill1-3, #1F1F1F);
  --shell-light-header-height: var(--s-13, 52px);
  --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, #262626);
  --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, #262626);
  --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-local-navigation-width: var(--s-42, 168px);
  --shell-light-local-navigation-background: var(--color-fill1-4, #262626);
  --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, #262626);
  --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, #262626);
  --shell-light-content-paddingTop: var(--s-5, 20px);
  --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, #6B6B6B);
  --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, #262626);
  --shell-light-tooldock-height: var(--s-13, 52px);
  --shell-light-tooldock-width: var(--s-13, 52px);
  --shell-light-tooldock-background: var(--color-fill1-4, #262626);
  --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, #262626);
  --shell-light-tooldock-item-paddingTop: var(--s-2, 8px);
  --shell-light-tooldock-item-color: var(--color-text1-3, #CCCCCC);
  --shell-light-tooldock-item-color-hover: var(--color-text1-4, #EAEAEA);
  --shell-light-tooldock-item-color-active: var(--color-text1-4, #EAEAEA);
  --shell-light-tooldock-item-background: var(--color-transparent, transparent);
  --shell-light-tooldock-item-background-hover: var(--color-fill1-3, #1F1F1F);
  --shell-light-tooldock-item-background-active: var(--color-fill1-3, #1F1F1F);
  --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 4px 16px 0px rgba(0, 0, 0, 0.3));
  --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, #262626);
  --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-paddingTop: var(--s-2, 8px);
  --shell-dark-navigation-ver-paddingBottom: var(--s-2, 8px);
  --shell-dark-navigation-ver-width-mini: var(--s-15, 60px);
  --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, #262626);
  --shell-dark-local-navigation-width: var(--s-42, 168px);
  --shell-dark-local-navigation-background: var(--color-fill1-4, #262626);
  --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, #262626);
  --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, #262626);
  --shell-dark-content-background: var(--color-fill1-3, #1F1F1F);
  --shell-dark-content-paddingLeft: var(--s-5, 20px);
  --shell-dark-content-paddingTop: var(--s-5, 20px);
  --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, #6B6B6B);
  --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, #262626);
  --shell-dark-tooldock-height: var(--s-13, 52px);
  --shell-dark-tooldock-width: var(--s-13, 52px);
  --shell-dark-tooldock-background: var(--color-fill1-4, #262626);
  --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, #262626);
  --shell-dark-tooldock-item-paddingTop: var(--s-2, 8px);
  --shell-dark-tooldock-item-color: var(--color-text1-3, #CCCCCC);
  --shell-dark-tooldock-item-color-hover: var(--color-text1-4, #EAEAEA);
  --shell-dark-tooldock-item-color-active: var(--color-text1-4, #EAEAEA);
  --shell-dark-tooldock-item-background: var(--color-transparent, transparent);
  --shell-dark-tooldock-item-background-hover: var(--color-fill1-3, #1F1F1F);
  --shell-dark-tooldock-item-background-active: var(--color-fill1-3, #1F1F1F);
  --shell-brand-header-color: var(--color-white, #FFFFFF);
  --shell-brand-header-height: var(--s-13, 52px);
  --shell-brand-header-background: var(--color-brand1-6, #2789f2);
  --shell-brand-header-shadow: var(--shadow-1-down, 0px 4px 16px 0px rgba(0, 0, 0, 0.3));
  --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, #262626);
  --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, #262626);
  --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-paddingTop: var(--s-2, 8px);
  --shell-brand-navigation-ver-paddingBottom: var(--s-2, 8px);
  --shell-brand-navigation-ver-width-mini: var(--s-15, 60px);
  --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, #262626);
  --shell-brand-local-navigation-width: var(--s-42, 168px);
  --shell-brand-local-navigation-background: var(--color-fill1-4, #262626);
  --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, #262626);
  --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, #262626);
  --shell-brand-content-background: var(--color-fill1-3, #1F1F1F);
  --shell-brand-content-paddingLeft: var(--s-5, 20px);
  --shell-brand-content-paddingTop: var(--s-5, 20px);
  --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, #6B6B6B);
  --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, #262626);
  --shell-brand-tooldock-height: var(--s-13, 52px);
  --shell-brand-tooldock-width: var(--s-13, 52px);
  --shell-brand-tooldock-background: var(--color-fill1-4, #262626);
  --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, #262626);
  --shell-brand-tooldock-item-paddingTop: var(--s-2, 8px);
  --shell-brand-tooldock-item-color: var(--color-text1-3, #CCCCCC);
  --shell-brand-tooldock-item-color-hover: var(--color-text1-4, #EAEAEA);
  --shell-brand-tooldock-item-color-active: var(--color-text1-4, #EAEAEA);
  --shell-brand-tooldock-item-background: var(--color-transparent, transparent);
  --shell-brand-tooldock-item-background-hover: var(--color-fill1-3, #1F1F1F);
  --shell-brand-tooldock-item-background-active: var(--color-fill1-3, #1F1F1F);
  
  --loading-large-dot-size: var(--icon-xxs, 8px);
  --loading-large-size: var(--s-7, 28px);
  --loading-medium-size: var(--s-7, 28px);
  --loading-icon-size: var(--icon-xl, 32px);
  --loading-dot-color: var(--color-brand1-6, #2789f2);
  --loading-medium-dot-size: var(--icon-xxs, 8px);
  
  --cascader-select: "cascader-select";
  
  --paragraph-text-color: var(--color-text1-4, #EAEAEA);
  --paragraph-s-font-size: var(--font-size-body-1, 12px);
  --paragraph-m-font-size: var(--font-size-body-2, 14px);
  --paragraph-s-line-height: var(--font-lineheight-2, 1.5);
  --paragraph-l-line-height: var(--font-lineheight-3, 1.5);
  
  --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, 2px);
  
  --line-0: var(--line-zero);
  --shadow-0: var(--shadow-zero);
  --corner-right-angle: var(--corner-zero);
  --s-0: var(--s-zero);
}

.theme-hybridcloud-dark {
  --alicloudfe-components-theme: hybridcloud-dark;
  --dropdown-bg-color: var(--color-fill1-2);
  --scrollbar-width: 4px;
  --scrollbar-height: 4px;
  --global-scrollbar-width: 6px;
  --global-scrollbar-height: 6px;
  --scrollbar-track-bg: var(--menu-background);
  --scrollbar-track-border-radius: 3px;
  --scrollbar-thumb-bg: rgba(255, 255, 255, 0.2);
  --scrollbar-thumb-hover-bg: rgba(255, 255, 255, 0.4);
  --layout-padding-top-and-bottom: 16px;
  --layout-padding-left-and-right: 24px;
  --layout-section-margin-right: 16px;
  --layout-section-padding-right: 16px;
  --layout-section-margin-bottom: 16px;
  --layout-header-height: auto;
  --layout-header-margin-bottom: 8px;
  
  --btn-small-min-width: 62px;
  --btn-medium-min-width: 62px;
  --btn-large-min-width: 64px;
  --btn-small-cn2-3-width: 62px;
  --btn-small-cn4-width: 72px;
  --btn-medium-cn2-3-width: 62px;
  --btn-medium-cn4-width: 80px;
  --btn-large-cn2-3-width: 64px;
  --btn-large-cn4-width: 88px;
  
  --select-menu-select-icon-ml: -20px;
  --menu-padding: 6px;
  --menu-padding-horizontal: 8px;
  --menu-item-padding-ver-padding-r: 8px;
  --menu-item-padding-ver-padding-l: 8px;
  --menu-padding-horizontal-selectable: 24px;
  
  --badge-border-color: #1f1f1f;
  
  --checkbox-icon-scale: 0.7;
  
  --message-title-weight: 500;
  --message-close-icon-size: 16px;
  --message-success-border-color: var(--color-success-7);
  --message-warning-border-color: var(--color-warning-7);
  --message-error-border-color: var(--color-error-7);
  --message-notice-border-color: var(--color-brand1-4);
  --message-help-border-color: var(--color-brand1-4);
  
  --transfer-panel-padding-mb: 8px;
  --transfer-panel-margin-mb: 0px;
  
  --tree-switcher-icon-selected-color: #cccccc;
  --tree-selected-font-weight: 600;
  
  --tree-select-background: var(--color-fill1-4);
  
  --calendar-panel-header-margin-bottom: 4px;
  
  --dialog-title-border-color: var(--color-line1-1);
  --dialog-footer-padding-top: 16px;
  --dialog-footer-padding-bottom: 20px;
  --dialog-close-size: 16px;
  --dialog-title-padding-bottom: 13px;
  --dialog-title-padding-top: 13px;
  --color-dialog-content: var(--color-text1-5);
  
  --cascader-menu-height: 176px;
  
  --pagination-item-disabled-bg: transparent;
  --pagination-total-font-size: 12px;
  
  --number-picker-height-small: 28px;
  --number-picker-height-medium: 32px;
  --number-picker-height-large: 36px;
  --number-picker-inline-group-border: 1px solid var(--input-border-color);
  
  --drawer-close-icon-ml: -14px;
  
  --card-hover-shadow: none;
  --card-body-show-divider-padding-top: 16px;
  
  --tab-item-margin-lr-size-m: var(--tab-item-padding-lr-size-m);
  --tab-item-margin-lr-size-s: var(--tab-item-padding-lr-size-s);
  
  --color-table-selected-border: var(--color-brand1-6);
  --table-lock-right-shadow: -2px 0 3px rgb(0 0 0 / 64%);
  --table-lock-left-shadow: 2px 0 3px rgb(0 0 0 / 64%);
  --table-ping-right-shadow: inset -10px 0 8px -8px rgb(0 0 0 / 64%);
  --table-ping-left-shadow: inset 10px 0 8px -8px rgb(0 0 0 / 64%);
  --table-tr-fill-color:var(--color-fill1-3);
  --table-th-fill-color:var(--color-fill1-4);
  
  --color-skeleton-bg-normal: #303030;
  --color-skeleton-bg-light: #383838;
  
  --drawer-footer-padding-top: var(--s-4, 16px);
  --drawer-footer-padding-bottom: var(--s-4, 16px);
  --drawer-footer-padding-left: var(--s-5, 20px);
  --drawer-footer-padding-right: var(--s-5, 20px);
  --drawer-footer-bg-color: var(--color-fill1-3, #1F1F1F);
  --drawer-footer-border-color: var(--color-fill1-5, #4D4D4D);
  --drawer-footer-border-width: var(--line-1, 1px);
  --drawer-has-footer-margin-bottom: var(--s-10, 40px);
  --drawer-header-close-bg-width: var(--s-5, 20px);
  --drawer-header-close-bg-height: var(--s-5, 20px);
  --drawer-header-close-transform-left: -4px;
  --drawer-header-close-border-radius: 2px;
  
  --modal-header-close-bg-width: 20px;
  --modal-header-close-bg-height: 20px;
  --modal-header-close-border-radius: 2px;
  --modal-header-close-margin-right: 18px;
  
  --search-before-title-icon-padding: 0 0 0 8px;
  --search-before-title-icon-font-size: 20px;
  --search-before-title-icon-margin: 0 8px 0 0;
  
  --date-picker2-time-bg: #4d4d4d;
  
  --colortag-border-width: 1px;
  --color-tag-turquoise-background: rgba(31, 64, 61);
  
  --step-circle-item-tail-finish-color: var(--color-brand1-6);
  
  --color-mention-1: #260B50;
  --color-mention-2: #411D7A;
  --color-mention-3: #6A3FAF;
  --color-mention-4: #885BCF;
  --color-mention-5: #AA98FB;
  --color-mention-6: #9684EA;
  --color-mention-7: #885BCF;
  --color-mention-8: #6A3FAF;
  --color-mention-9: #411D7A;
  --color-mention-10: #260B50;
  
  --space-grey-1: #131414;
  --space-grey-2: #1C1D1F;
  --space-grey-3: #222326;
  --space-grey-4: #303338;
  --space-grey-5: #3F434D;
  --space-grey-6: #595F6B;
  --space-grey-7: #727A8A;
  --space-grey-8: #9199A8;
  --space-grey-9: #B6BDCC;
  --space-grey-10: #D8DEEB;
  
  --G0: #0A0A0A;
  --G10: #141414;
  --G20: #262626;
  --G30: #383838;
  --G40: #4D4D4D;
  --G50: #6B6B6B;
  --G60: #8A8A8A;
  --G70: #CCCCCC;
  --G80: #DDDDDD;
  --G90: #E6E6E6;
  
  --color-link-1: var(--color-brand1-6);
  --color-link-2: var(--color-brand1-5);
  --color-link-3: var(--color-brand1-7);
  
  --color-card-1-bg: #141414;
  --color-card-2-bg: #262626;
}