#{$css-var-scope} { /* ------------------------ icon ------------------------ */ --icon-content-d-up-for-component: "\ea37"; --icon-font-path: "//at.alicdn.com/t/font_1899989_lqawitevtzp"; --icon-content-zoom-in-line1: "\ea36"; --icon-content-zoom-out-line1: "\ea35"; --icon-content-a-rank-line2: "\ea34"; --icon-content-a-drag-line2: "\ea33"; --icon-content-a-filter-line2: "\ea32"; --icon-content-undo-fill: "\ea31"; --icon-content-undo-line: "\ea30"; --icon-content-cancelundo-line: "\e880"; --icon-content-cancelundo-fill: "\e87f"; --icon-content-t-up-for-component: "\ea2f"; --icon-content-time-for-component: "\ea2e"; --icon-content-help-for-component: "\ea2d"; --icon-content-left-for-component: "\ea2c"; --icon-content-d-left-for-component: "\ea2b"; --icon-content-info-for-component: "\ea2a"; --icon-content-right-for-component: "\ea29"; --icon-content-d-right-for-component: "\ea28"; --icon-content-plus-for-component: "\ea27"; --icon-content-loading-line-for-component: "\ea26"; --icon-content-upload-for-component: "\ea25"; --icon-content-more-line-for-component: "\ea24"; --icon-content-check-for-component: "\ea23"; --icon-content-closemark-for-component: "\ea22"; --icon-content-warning-for-component: "\ea21"; --icon-content-search-for-component: "\ea20"; --icon-content-expand-down-for-component: "\ea1f"; --icon-content-minus-for-component: "\e8ae"; --icon-content-chek-for-component: "\ea1e"; --icon-content-chart_bar: "\e924"; --icon-content-align-vertical-top-line: "\e9ad"; --icon-content-screen-arrow-left-line: "\e9ac"; --icon-content-googleplus-fill: "\e9ab"; --icon-content-document-task-line: "\e9aa"; --icon-content-twitter-fill: "\e9a9"; --icon-content-copy-line: "\e9a8"; --icon-content-folders-line: "\e9a7"; --icon-content-check-line: "\e9a6"; --icon-content-chevron-sort-line: "\e9a5"; --icon-content-user-certification-line: "\e9a4"; --icon-content-arrow-up-line: "\e9a3"; --icon-content-info-line: "\e9a2"; --icon-content-refresh-line: "\e9a1"; --icon-content-checkmark-line: "\e9a0"; --icon-content-list-line: "\e99f"; --icon-content-calculator-line: "\e99e"; --icon-content-forbidden-line: "\e99d"; --icon-content-warning-line: "\e99c"; --icon-content-caution-line: "\e99b"; --icon-content-a-1688-fill: "\e99a"; --icon-content-like-line: "\e999"; --icon-content-closemark-line: "\e998"; --icon-content-help-line: "\e997"; --icon-content-ascending-line: "\e996"; --icon-content-double-down-line: "\e995"; --icon-content-arrow-down-line: "\e994"; --icon-content-arrow-left-line: "\e993"; --icon-content-double-left-line: "\e992"; --icon-content-button-sort-fill: "\e991"; --icon-content-down-to-bottom-line: "\e990"; --icon-content-star-line: "\e98f"; --icon-content-forward-line: "\e98e"; --icon-content-sort-line: "\e98d"; --icon-content-double-right-line: "\e98c"; --icon-content-GitHub-fill: "\e98b"; --icon-content-expand-line: "\e98a"; --icon-content-switch-line: "\e989"; --icon-content-descending-line: "\e988"; --icon-content-back-line: "\e987"; --icon-content-stop-outline-line: "\e986"; --icon-content-pause-outline-line: "\e985"; --icon-content-unlock-line: "\e984"; --icon-content-discount-line: "\e983"; --icon-content-sub-account-line: "\e982"; --icon-content-navigation-line: "\e981"; --icon-content-plus-circle-line: "\e980"; --icon-content-close-line: "\e97f"; --icon-content-notification-line: "\e97e"; --icon-content-taobao-fill: "\e97d"; --icon-content-flow-line: "\e97c"; --icon-content-download-line: "\e97b"; --icon-content-international-line: "\e97a"; --icon-content-document-add-line: "\e979"; --icon-content-notification-off-line: "\e978"; --icon-content-lock-line: "\e977"; --icon-content-user-avatar-line: "\e976"; --icon-content-partner-line: "\e975"; --icon-content-et-line: "\e973"; --icon-content-customer-sercive-line: "\e972"; --icon-content-user-follow-line: "\e971"; --icon-content-screen-arrow-right-line: "\e970"; --icon-content-more-line: "\e624"; --icon-content-minus-circle-line: "\e96f"; --icon-content-facebook-fill: "\e62d"; --icon-content-user-admin-line: "\e629"; --icon-content-collapse-line: "\e96e"; --icon-content-bug-report-line: "\e622"; --icon-content-credits-line: "\e96d"; --icon-content-upload-line: "\e96c"; --icon-content-setting-line: "\e96b"; --icon-content-message-line: "\e96a"; --icon-content-edit-line: "\e969"; --icon-content-message-unread-line: "\e967"; --icon-content-view-off-line: "\e966"; --icon-content-phonecall-line: "\e965"; --icon-content-document-download-line: "\e964"; --icon-content-order-unread-line: "\e963"; --icon-content-view-line: "\e962"; --icon-content-document-line: "\e961"; --icon-content-chart-pie-line: "\e960"; --icon-content-folder-line: "\e95f"; --icon-content-renew-line: "\e95e"; --icon-content-order-line: "\e95d"; --icon-content-cart-empty-line: "\e95c"; --icon-content-zoom-out-line: "\e95b"; --icon-content-play-outline-line: "\e95a"; --icon-content-share-fill: "\e959"; --icon-content-time-line: "\e958"; --icon-content-arrow-right-line: "\e957"; --icon-content-button-left-fill: "\e956"; --icon-content-cart-with-line: "\e955"; --icon-content-user-profile-line: "\e954"; --icon-content-zoom-in-line: "\e780"; --icon-content-search-line: "\e77f"; --icon-content-phonecall-off-line: "\e62f"; --icon-content-location-line: "\e62e"; --icon-content-user-avatar-fill: "\e62c"; --icon-content-compress-line: "\e62b"; --icon-content-share-line: "\e62a"; --icon-content-questionnaire-line: "\ea1d"; --icon-content-trainin-line: "\ea1c"; --icon-content-recharge-line: "\ea1b"; --icon-content-scroll-mode-line: "\ea1a"; --icon-content-sort-circle-line: "\ea19"; --icon-content-drag-line: "\ea18"; --icon-content-arrow-circular-line: "\ea17"; --icon-content-calendar-line: "\ea16"; --icon-content-external-link-line: "\ea15"; --icon-content-remote-control-line: "\ea14"; --icon-content-compass-line: "\ea13"; --icon-content-diagnose-line: "\ea12"; --icon-content-management-line: "\ea11"; --icon-content-display-arrow-left-line: "\ea10"; --icon-content-resource-setting-fill: "\ea0f"; --icon-content-plus-line: "\ea0e"; --icon-content-minus-line: "\ea0d"; --icon-content-backspace-line: "\ea0c"; --icon-content-terminal-line: "\ea0b"; --icon-content-home-line: "\ea0a"; --icon-content-structured-data-line: "\ea09"; --icon-content-step-mode-line: "\ea08"; --icon-content-connection-line: "\ea07"; --icon-content-new-fill: "\ea06"; --icon-content-hourglass-line: "\ea05"; --icon-content-alert-fill: "\ea04"; --icon-content-rank-line: "\ea03"; --icon-content-new-releases-fill: "\ea02"; --icon-content-news-line: "\ea01"; --icon-content-accesskey-line: "\ea00"; --icon-content-database-line: "\e9ff"; --icon-content-transanction-line: "\e9fe"; --icon-content-inbox-line: "\e9fd"; --icon-content-align-horizontal-center-line: "\e9fc"; --icon-content-comment-line: "\e9fb"; --icon-content-pin-fill: "\e9fa"; --icon-content-gift-line: "\e9f9"; --icon-content-filter-line: "\e9f8"; --icon-content-flag-line: "\e9f7"; --icon-content-package-line: "\e9f6"; --icon-content-power-off-line: "\e9f5"; --icon-content-screen-check-line: "\e9f4"; --icon-content-cloud-download-line: "\e9f3"; --icon-content-wifi-line: "\e9f2"; --icon-content-screen-error-line: "\e9f1"; --icon-content-save-line: "\e9f0"; --icon-content-mobile-line: "\e9ef"; --icon-content-charging-pile-line: "\e9ee"; --icon-content-application-group-fill: "\e9ed"; --icon-content-outdent-line: "\e9ec"; --icon-content-screen-line: "\e9eb"; --icon-content-pin-fixed-fill: "\e9ea"; --icon-content-cloud-upload-line: "\e9e9"; --icon-content-screen-monitoring-line: "\e9e8"; --icon-content-tag-line: "\e9e7"; --icon-content-qrcode-line: "\e9e6"; --icon-content-mobile-error-line: "\e9e5"; --icon-content-paperclip-line: "\e9e4"; --icon-content-delete-line: "\e9e3"; --icon-content-indent-line: "\e9e2"; --icon-content-application-line: "\e9e1"; --icon-content-email-line: "\e9e0"; --icon-content-sql-line: "\e9df"; --icon-content-dingtalk-fill: "\e9de"; --icon-content-folder-add-line: "\e9dd"; --icon-content-align-horizontal-right-line: "\e9dc"; --icon-content-align-vertical-bottom-line: "\e9db"; --icon-content-chart-relation-fill: "\e9da"; --icon-content-screen-code-line: "\e9d9"; --icon-content-map-line: "\e9d8"; --icon-content-display-arrow-right-line: "\e9d7"; --icon-content-database-plus-line: "\e9d6"; --icon-content-wangwang-line: "\e9d5"; --icon-content-alipay-fill: "\e9d4"; --icon-content-image-line: "\e9d3"; --icon-content-key-line: "\e9d2"; --icon-content-hatch-line: "\e9d1"; --icon-content-scan-line: "\e9d0"; --icon-content-balance-line: "\e9cf"; --icon-content-align-horizontal-left-line: "\e9ce"; --icon-content-chart-bar-line: "\e9cd"; --icon-content-pic-center-line: "\e9cc"; --icon-content-cloud-machine-line: "\e9cb"; --icon-content-chart-scatter-plot-line: "\e9ca"; --icon-content-all-line: "\e9c9"; --icon-content-border-verticle-line: "\e9c8"; --icon-content-cut-line: "\e9c7"; --icon-content-layer-line: "\e9c6"; --icon-content-box-line: "\e9c5"; --icon-content-chart-area-fill: "\e9c4"; --icon-content-mobile-check-line: "\e9c3"; --icon-content-pic-side-line: "\e9c2"; --icon-content-up-to-top-line: "\e9c1"; --icon-content-enlarge-line: "\e9c0"; --icon-content-double-up-line: "\e9bf"; --icon-content-page-first-line: "\e9be"; --icon-content-naver-fill: "\e9bd"; --icon-content-sina-fill: "\e9bc"; --icon-content-stackoverflow-fill: "\e9bb"; --icon-content-youtube-fill: "\e9ba"; --icon-content-WeChat-fill: "\e9b9"; --icon-content-button-right-fill: "\e9b8"; --icon-content-page-last-line: "\e9b7"; --icon-content-authentication-line: "\e9b6"; --icon-content-dollar-line: "\e9b5"; --icon-content-applets-fill: "\e9b4"; --icon-content-hot-fill: "\e9b3"; --icon-content-server-fault-fill: "\e9b2"; --icon-content-gallery-view-line: "\e9b1"; --icon-content-linkedin-fill: "\e9b0"; --icon-content-button-down-fill: "\e9af"; --icon-content-button-up-fill: "\e9ae"; --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-compress: "\e8ce"; --icon-content-arrow_circular: "\e8cd"; --icon-content-charging_pile: "\e8cc"; --icon-content-backspace-fill: "\e8cb"; --icon-content-star: "\e8ca"; --icon-content-info_fill: "\e8c9"; --icon-content-caution: "\e8c8"; --icon-content-info: "\e8c7"; --icon-content-closemark: "\e8c6"; --icon-content-caution_fill: "\e8c5"; --icon-content-check_fill: "\e8c4"; --icon-content-warning_fill: "\e8c3"; --icon-content-forbidden_fill: "\e8c2"; --icon-content-star_fill: "\e8c1"; --icon-content-checkmark: "\e8c0"; --icon-content-like_fill: "\e8bf"; --icon-content-help_fill: "\e8be"; --icon-content-forbidden: "\e8bd"; --icon-content-close_fill: "\e8bc"; --icon-content-international: "\e8bb"; --icon-content-user_avatar: "\e8ba"; --icon-content-User_avatar_filled_alt: "\e8b9"; --icon-content-user_avatar_full_fill: "\e8b8"; --icon-content-user_admin: "\e8b7"; --icon-content-user_certification: "\e8b6"; --icon-content-user_follow: "\e8b5"; --icon-content-international_fill: "\e8b4"; --icon-content-partner: "\e8b3"; --icon-content-sub_account: "\e8b2"; --icon-content-authentication1: "\e8b1"; --icon-content-authentication_fill: "\e8b0"; --icon-content-WeChat: "\e8af"; --icon-content-GitHub: "\e8ad"; --icon-content-youtube: "\e8ac"; --icon-content-taobao: "\e8ab"; --icon-content-wangwang: "\e8aa"; --icon-content-twitter: "\e8a9"; --icon-content-google: "\e8a8"; --icon-content-alipay: "\e8a7"; --icon-content-server_fault: "\e8a6"; --icon-content-facebook: "\e8a5"; --icon-content-stackoverflow: "\e8a4"; --icon-content-naver: "\e8a2"; --icon-content-linkedin: "\e8a1"; --icon-content-dingtalk1: "\e8a0"; --icon-content-applets: "\e89f"; --icon-content-SQL: "\e89e"; --icon-content-Hatch: "\e89d"; --icon-content-package_fill: "\e89c"; --icon-content-package: "\e89b"; --icon-content-remote_control: "\e89a"; --icon-content-layer: "\e899"; --icon-content-layer_fill: "\e898"; --icon-content-folders: "\e897"; --icon-content-document_task: "\e896"; --icon-content-flow: "\e895"; --icon-content-document: "\e894"; --icon-content-document_download: "\e893"; --icon-content-folder_add: "\e892"; --icon-content-database_plus_fill: "\e891"; --icon-content-document_add: "\e88d"; --icon-content-database_plus: "\e88c"; --icon-content-database_fill: "\e88a"; --icon-content-chart_pie: "\e886"; --icon-content-bug_report: "\e881"; --icon-content-copy_fill: "\e87c"; --icon-content-chart_relation: "\e953"; --icon-content-terminal_fill: "\e952"; --icon-content-scroll_mode: "\e951"; --icon-content-step_mode: "\e950"; --icon-content-structured_data: "\e94f"; --icon-content-trainin: "\e94e"; --icon-content-screen: "\e94d"; --icon-content-screen_monitoring: "\e94c"; --icon-content-screen_error: "\e94b"; --icon-content-screen_code: "\e94a"; --icon-content-screen_arrow_right: "\e949"; --icon-content-screen_check: "\e948"; --icon-content-resource_setting: "\e947"; --icon-content-screen_arrow_left: "\e946"; --icon-content-pin_fixed: "\e945"; --icon-content-pin: "\e944"; --icon-content-pic_side: "\e943"; --icon-content-recharge: "\e942"; --icon-content-pic_side_fill: "\e941"; --icon-content-pic_center: "\e940"; --icon-content-pic_center_fill: "\e93f"; --icon-content-paper_plane_fill: "\e93e"; --icon-content-new_releases: "\e93d"; --icon-content-more: "\e93c"; --icon-content-mobile_check: "\e93b"; --icon-content-mobile_error: "\e93a"; --icon-content-map_fill: "\e939"; --icon-content-mobile: "\e938"; --icon-content-management_fill: "\e937"; --icon-content-inbox: "\e936"; --icon-content-gallery_view: "\e935"; --icon-content-inbox_fill: "\e934"; --icon-content-external_link: "\e933"; --icon-content-drag1: "\e932"; --icon-content-display_arrow_right: "\e931"; --icon-content-display_arrow_left: "\e930"; --icon-content-comment_fill: "\e92f"; --icon-content-cloud_upload: "\e92e"; --icon-content-comment_lines: "\e92d"; --icon-content-cloud_machine: "\e92c"; --icon-content-cloud_download: "\e92b"; --icon-content-cloud_upload_fill: "\e92a"; --icon-content-cloud_machine_fill: "\e929"; --icon-content-chart_scatter_plot: "\e928"; --icon-content-cloud_download_fill: "\e927"; --icon-content-box_fill: "\e926"; --icon-content-chart_scatter_plot_fill: "\e925"; --icon-content-border_verticle: "\e923"; --icon-content-chart_area: "\e922"; --icon-content-application_group: "\e921"; --icon-content-application: "\e920"; --icon-content-border_verticle_fill: "\e91f"; --icon-content-accesskey: "\e91e"; --icon-content-align_horizontal_right: "\e91d"; --icon-content-all_fill: "\e91c"; --icon-content-align_vertical_bottom_fill: "\e91b"; --icon-content-align_vertical_top_fill: "\e91a"; --icon-content-align_horizontal_right_fill: "\e919"; --icon-content-align_vertical_top: "\e918"; --icon-content-align_horizontal_left: "\e917"; --icon-content-align_horizontal_left_fill: "\e916"; --icon-content-align_horizontal_center_fill: "\e915"; --icon-content-Alignverticalbottom: "\e914"; --icon-content-align_horizontal_center: "\e913"; --icon-content-zoom_out: "\e912"; --icon-content-zoom_in: "\e911"; --icon-content-wifi: "\e910"; --icon-content-view: "\e90f"; --icon-content-view_off: "\e90e"; --icon-content-unlock_fill: "\e90d"; --icon-content-view_off_fill: "\e90c"; --icon-content-time: "\e90b"; --icon-content-time_fill: "\e90a"; --icon-content-setting: "\e909"; --icon-content-tag_fill: "\e908"; --icon-content-share_file: "\e907"; --icon-content-phonecall: "\e906"; --icon-content-phonecall_off: "\e905"; --icon-content-print_fill: "\e904"; --icon-content-renew: "\e903"; --icon-content-order: "\e902"; --icon-content-order_unread: "\e901"; --icon-content-notification_off_fill: "\e900"; --icon-content-notification_fill: "\e8ff"; --icon-content-notification_off: "\e8fe"; --icon-content-notification: "\e8fd"; --icon-content-new: "\e8fc"; --icon-content-message: "\e8fb"; --icon-content-message_unread: "\e8fa"; --icon-content-lock_fill: "\e8f9"; --icon-content-lightbulb_fill: "\e8f8"; --icon-content-hourglass: "\e8f7"; --icon-content-hourglass_fill: "\e8f6"; --icon-content-image1: "\e8f5"; --icon-content-hot: "\e8f4"; --icon-content-et: "\e8f3"; --icon-content-filter_fill: "\e8f2"; --icon-content-flag_fill: "\e8f1"; --icon-content-email_fill: "\e8f0"; --icon-content-discount: "\e8ef"; --icon-content-delete_fill: "\e8ee"; --icon-content-customer_sercive: "\e8ed"; --icon-content-edit_fill: "\e8ec"; --icon-content-cart_with: "\e8eb"; --icon-content-cart_fill: "\e8ea"; --icon-content-credits_fill: "\e8e9"; --icon-content-cart_empty: "\e8e8"; --icon-content-calculator_fill: "\e8e7"; --icon-content-credits: "\e8e6"; --icon-content-balance_fill: "\e8e5"; --icon-content-calculator: "\e8e4"; --icon-content-balance1: "\e8e3"; --icon-content-alert: "\e8e2"; --icon-content-plus_fill: "\e8e1"; --icon-content-stop_fill: "\e8e0"; --icon-content-stop_outline: "\e8df"; --icon-content-plus_circle: "\e8de"; --icon-content-navigation: "\e8dd"; --icon-content-sort_circle: "\e8dc"; --icon-content-play_outline_fill: "\e8db"; --icon-content-play_outline: "\e8da"; --icon-content-power_off: "\e8d9"; --icon-content-play_fill: "\e8d8"; --icon-content-minus_fill: "\e8d7"; --icon-content-minus_circle: "\e8d6"; --icon-content-enlarge: "\e8d5"; --icon-content-pause_outline: "\e8d4"; --icon-content-enlarge_fill: "\e8d3"; --icon-content-pause_fill: "\e8d2"; --icon-content-chevron_sort: "\e8d1"; --icon-content-button_sort: "\e8d0"; --icon-content-compress_fill: "\e8cf"; --icon-content-1688: "\e8a3"; --icon-content-up_to_top: "\e876"; --icon-content-forward: "\e875"; --icon-content-page_last: "\e874"; --icon-content-page_first: "\e872"; --icon-content-down_to_bottom: "\e871"; --icon-content-expand: "\e79c"; --icon-content-double_up: "\e79b"; --icon-content-double_right: "\e78b"; --icon-content-double_left: "\e789"; --icon-content-double_down: "\e788"; --icon-content-collapse: "\e787"; --icon-content-button_right: "\e786"; --icon-content-button_up: "\e785"; --icon-content-arrow__down: "\e784"; --icon-content-button_down: "\e783"; --icon-content-back: "\e782"; --icon-content-button_left: "\e781"; --icon-content-arrow__up: "\e77e"; --icon-content-down: "\e620"; --icon-content-up: "\e61b"; --icon-content-zhankai: "\e61a"; --icon-content-shouqi: "\e618"; --icon-content-xiexian: "\e617"; --icon-content-xiegang: "\e615"; --icon-content-dashboard: "\e868"; --icon-content-list: "\e859"; --icon-content-detail: "\e852"; --icon-content-form: "\e869"; --icon-content-nail-fixed: "\e79f"; --icon-content-wind-edit: "\e7a0"; --icon-content-dollar: "\e7a1"; --icon-content-transanction: "\e7a2"; --icon-content-filter-fill: "\e7a3"; --icon-content-all-fill: "\e7a4"; --icon-content-databaseplus-fill: "\e7a5"; --icon-content-database-fill: "\e7a6"; --icon-content-commentlines-fill: "\e7a7"; --icon-content-commentdots-fill: "\e7a8"; --icon-content-paperplane-fill: "\e7a9"; --icon-content-eyeslash-fill: "\e7aa"; --icon-content-eye-fill: "\e7ab"; --icon-content-lightbulb-fill: "\e7ac"; --icon-content-flag-fill: "\e7ad"; --icon-content-tag-fill: "\e7ae"; --icon-content-position-fill: "\e7af"; --icon-content-location-fill: "\e7b0"; --icon-content-map-fill: "\e7b1"; --icon-content-inboxin-fill: "\e7b2"; --icon-content-box-fill: "\e7b3"; --icon-content-databaseset-fill: "\e7b4"; --icon-content-layergroup-fill: "\e7b5"; --icon-content-cry-fill: "\e7b6"; --icon-content-smile-fill: "\e7b7"; --icon-content-unlock-fill: "\e7b8"; --icon-content-lock-fill: "\e7b9"; --icon-content-wind-loading: "\e61c"; --icon-content-shoppingcart: "\e968"; --icon-content-Group: "\e603"; --icon-content-Group1: "\e604"; --icon-content-Xconsole: "\e609"; --icon-content-Directory-tree: "\e974"; --icon-content-calendar1: "\e689"; --icon-content-success1: "\e68b"; --icon-content-warning1: "\e68c"; --icon-content-search1: "\e68d"; --icon-content-prompt1: "\e690"; --icon-content-sorting1: "\e692"; --icon-content-ascending1: "\e693"; --icon-content-descending1: "\e694"; --icon-content-upload1: "\e6b9"; --icon-content-success-filling1: "\e695"; --icon-content-picture1: "\e696"; --icon-content-close1: "\e697"; --icon-content-semi-select1: "\e698"; --icon-content-loading1: "\e69b"; --icon-content-arrow-double-left1: "\e69c"; --icon-content-arrow-double-right1: "\e69d"; --icon-content-delete-filling1: "\e6a2"; --icon-content-arrow-left1: "\e6a3"; --icon-content-accesskeys: "\e650"; --icon-content-management: "\e6e2"; --icon-content-aliyun-logo: "\e600"; --icon-content-drag: "\e769"; --icon-content-ellipsis-vertical: "\e76a"; --icon-content-gallery-view: "\e76b"; --icon-content-WIFI: "\e76c"; --icon-content-bug-report: "\e76d"; --icon-content-qrcode: "\e76e"; --icon-content-scan: "\e76f"; --icon-content-cut: "\e770"; --icon-content-gift: "\e771"; --icon-content-link: "\e772"; --icon-content-poweroff: "\e774"; --icon-content-key: "\e775"; --icon-content-safety-certificate: "\e776"; --icon-content-supervise: "\e777"; --icon-content-tag-subscipt: "\e78a"; --icon-content-chart-pie-alt: "\e78c"; --icon-content-chart-relation: "\e78d"; --icon-content-chart-scatter-plot: "\e78e"; --icon-content-chart-area: "\e78f"; --icon-content-chart-line: "\e790"; --icon-content-display-code: "\e792"; --icon-content-display-arrow-right: "\e793"; --icon-content-display-arrow-left: "\e794"; --icon-content-laptop-error: "\e795"; --icon-content-laptop-check: "\e796"; --icon-content-laptop: "\e797"; --icon-content-mobile-error: "\e798"; --icon-content-mobile-check: "\e799"; --icon-content-mobile-alt: "\e79a"; --icon-content-aliwangwang: "\e79d"; --icon-content-nail: "\e79e"; --icon-content-sort: "\e842"; --icon-content-sort-down: "\e843"; --icon-content-sort-up: "\e844"; --icon-content-caret-right: "\e845"; --icon-content-caret-left: "\e846"; --icon-content-arrows-v: "\e847"; --icon-content-angle-double-down: "\e848"; --icon-content-angle-double-up: "\e849"; --icon-content-angle-double-right: "\e84a"; --icon-content-angle-double-left: "\e84b"; --icon-content-angle-down: "\e84c"; --icon-content-angle-up: "\e84d"; --icon-content-angle-right: "\e84e"; --icon-content-angle-left: "\e84f"; --icon-content-paperclip: "\e850"; --icon-content-connection: "\e851"; --icon-content-training: "\e853"; --icon-content-process: "\e854"; --icon-content-news: "\e855"; --icon-content-save: "\e856"; --icon-content-print: "\e857"; --icon-content-new-releases: "\e858"; --icon-content-release: "\e85a"; --icon-content-wind-warning: "\e85b"; --icon-content-backspace: "\e85c"; --icon-content-gem: "\e85d"; --icon-content-integral: "\e85e"; --icon-content-star-circle1: "\e85f"; --icon-content-user-circle: "\e860"; --icon-content-cloud-machine-fill: "\e861"; --icon-content-cloud-machine: "\e862"; --icon-content-terminal-fill: "\e863"; --icon-content-terminal: "\e864"; --icon-content-shopping-cart: "\e865"; --icon-content-folder-open: "\e866"; --icon-content-resource: "\e867"; --icon-content-rank: "\e86a"; --icon-content-sync-alt: "\e86b"; --icon-content-compass: "\e86c"; --icon-content-arrow-alt-from-top: "\e86d"; --icon-content-arrow-alt-from-bottom: "\e86e"; --icon-content-menu: "\e86f"; --icon-content-icon-drag: "\e870"; --icon-content-share: "\e873"; --icon-content-arrow-sortdown-smal: "\e877"; --icon-content-minus-square-fill: "\e878"; --icon-content-plus-square-fill: "\e879"; --icon-content-minus-square: "\e87a"; --icon-content-plus-square: "\e87b"; --icon-content-stepmode: "\e87d"; --icon-content-scrollingmode: "\e87e"; --icon-content-waiting-fill: "\e882"; --icon-content-waiting: "\e883"; --icon-content-right-arrow-rect: "\e884"; --icon-content-left-arrow-rect: "\e885"; --icon-content-bell: "\e887"; --icon-content-structured-data: "\e888"; --icon-content-vector: "\e889"; --icon-content-home: "\e88b"; --icon-content-monitoring: "\e88e"; --icon-content-diagnose: "\e88f"; --icon-content-add-subset: "\e890"; --icon-content-cry1: "\e63c"; --icon-content-email1: "\e663"; --icon-content-help1: "\e63f"; --icon-content-refresh1: "\e640"; --icon-content-set1: "\e641"; --icon-content-account1: "\e664"; --icon-content-atm1: "\e643"; --icon-content-clock1: "\e644"; --icon-content-attachment1: "\e645"; --icon-content-filter1: "\e657"; --icon-content-download1: "\e668"; --icon-content-ellipsis1: "\e674"; --icon-content-favorites-filling1: "\e676"; --icon-content-smile1: "\e67b"; --icon-content-arrow-right1: "\e67e"; --icon-content-arrow-down1: "\e680"; --icon-content-arrow-up1: "\e681"; --icon-content-add1: "\e682"; --icon-content-minus1: "\e684"; --icon-content-edit1: "\e685"; --icon-content-error1: "\e686"; --icon-content-select1: "\e687"; --icon-content-ashbin1: "\e688"; --icon-content-clouddownload-fill: "\e7d9"; --icon-content-cloudupload-fill: "\e7da"; --icon-content-exchange-fill: "\e7db"; --icon-content-info-circle-fill: "\e7dc"; --icon-content-question-circle-fill: "\e7dd"; --icon-content-exclamationcircle-f: "\e7de"; --icon-content-minus-circle-fill: "\e7df"; --icon-content-plus-circle-fill: "\e7e0"; --icon-content-times-circle-fill: "\e7e1"; --icon-content-check-circle-fill: "\e7e2"; --icon-content-compressalt-fill: "\e7e3"; --icon-content-expandalt-fill: "\e7e4"; --icon-content-wind-filter: "\e7e5"; --icon-content-all: "\e7e6"; --icon-content-database-plus: "\e7e7"; --icon-content-database: "\e7e8"; --icon-content-comment-lines: "\e7e9"; --icon-content-comment-dots: "\e7ea"; --icon-content-paper-plane: "\e7eb"; --icon-content-eye-slash: "\e7ec"; --icon-content-lightbulb: "\e7ef"; --icon-content-flag: "\e7f0"; --icon-content-tag: "\e7f1"; --icon-content-position: "\e7f2"; --icon-content-location: "\e7f3"; --icon-content-map: "\e7f4"; --icon-content-inbox-in: "\e7f5"; --icon-content-box: "\e7f6"; --icon-content-database-set: "\e7f7"; --icon-content-layer-group: "\e7f8"; --icon-content-wind-cry: "\e7f9"; --icon-content-wind-smile: "\e7fa"; --icon-content-align-right: "\e7fd"; --icon-content-align-left: "\e7fe"; --icon-content-border-bottom: "\e7ff"; --icon-content-border-top: "\e800"; --icon-content-align-center: "\e801"; --icon-content-border-verticle: "\e802"; --icon-content-pic-center: "\e803"; --icon-content-pic-side: "\e804"; --icon-content-folder-plus: "\e805"; --icon-content-folder: "\e806"; --icon-content-file-SQL1: "\e807"; --icon-content-file-plus: "\e808"; --icon-content-file: "\e809"; --icon-content-headset: "\e80b"; --icon-content-phone: "\e80c"; --icon-content-pausecircle: "\e80d"; --icon-content-stopcircle: "\e80e"; --icon-content-playcircle: "\e80f"; --icon-content-delete: "\e810"; --icon-content-wind-picture: "\e811"; --icon-content-mail: "\e812"; --icon-content-like: "\e813"; --icon-content-collection: "\e814"; --icon-content-user-group: "\e815"; --icon-content-account-plus: "\e816"; --icon-content-wind-account: "\e817"; --icon-content-cog: "\e818"; --icon-content-wind-clock: "\e819"; --icon-content-calendar-alt: "\e81a"; --icon-content-clouddownload: "\e81b"; --icon-content-cloudupload: "\e81c"; --icon-content-exchange: "\e81d"; --icon-content-info-circle: "\e81e"; --icon-content-question-circle: "\e81f"; --icon-content-exclamation-circle: "\e820"; --icon-content-minus-circle: "\e821"; --icon-content-plus-circle: "\e822"; --icon-content-times-circle: "\e823"; --icon-content-check-circle: "\e824"; --icon-content-compress-alt: "\e825"; --icon-content-expand-alt: "\e826"; --icon-content-ban: "\e827"; --icon-content-wind-minus: "\e828"; --icon-content-plus: "\e829"; --icon-content-times: "\e82a"; --icon-content-check: "\e82b"; --icon-content-search-minus: "\e82c"; --icon-content-search-plus: "\e82d"; --icon-content-wind-search: "\e82e"; --icon-content-reply: "\e82f"; --icon-content-undo: "\e830"; --icon-content-redo: "\e831"; --icon-content-external-link: "\e832"; --icon-content-arrows-alt: "\e833"; --icon-content-indent: "\e834"; --icon-content-outdent: "\e835"; --icon-content-wind-sorting: "\e836"; --icon-content-wind-switch: "\e837"; --icon-content-wind-ascending: "\e838"; --icon-content-wind-descending: "\e839"; --icon-content-wind-download: "\e83a"; --icon-content-wind-upload: "\e83b"; --icon-content-arrow-to-bottom: "\e83c"; --icon-content-arrow-to-top: "\e83d"; --icon-content-long-arrow-down: "\e83e"; --icon-content-long-arrow-up: "\e83f"; --icon-content-wind-arrow-right: "\e840"; --icon-content-wind-arrow-left: "\e841"; --icon-content-huaban1341: "\e74a"; --icon-content-huaban161: "\e749"; --icon-content-huaban31: "\e748"; --icon-content-huaban32: "\e747"; --icon-content-huaban1fuben59: "\e746"; --icon-content-huaban1fuben63: "\e745"; --icon-content-rili: "\e744"; --icon-content-dengdai: "\e743"; --icon-content-dayin1: "\e742"; --icon-content-jian: "\e741"; --icon-content-jia1: "\e740"; --icon-content-huixingzhen: "\e73f"; --icon-content-gundongmoshi: "\e73e"; --icon-content-re: "\e73d"; --icon-content-xin: "\e73c"; --icon-content-huaban114: "\e73b"; --icon-content-huaban69: "\e73a"; --icon-content-huaban8fuben6: "\e739"; --icon-content-huaban1281: "\e738"; --icon-content-huaban8fuben9: "\e737"; --icon-content-huaban126: "\e736"; --icon-content-huaban2fuben: "\e735"; --icon-content-huaban1221: "\e734"; --icon-content-huaban2fuben5: "\e733"; --icon-content-huaban16: "\e732"; --icon-content-huaban124: "\e731"; --icon-content-huaban103: "\e730"; --icon-content-huaban8fuben12: "\e72f"; --icon-content-huaban1231: "\e72e"; --icon-content-huaban2fuben4: "\e72d"; --icon-content-huaban125: "\e72c"; --icon-content-huaban17: "\e72b"; --icon-content-huaban1042: "\e72a"; --icon-content-huaban98: "\e729"; --icon-content-huaban21: "\e728"; --icon-content-huaban921: "\e727"; --icon-content-huaban27: "\e726"; --icon-content-huaban25: "\e725"; --icon-content-huaban24: "\e724"; --icon-content-huaban26: "\e723"; --icon-content-huaban23: "\e722"; --icon-content-huaban22: "\e721"; --icon-content-huaban13: "\e720"; --icon-content-huaban28: "\e71f"; --icon-content-huaban121: "\e71e"; --icon-content-huaban11: "\e71d"; --icon-content-huaban10: "\e71c"; --icon-content-huaban33: "\e71b"; --icon-content-huaban35: "\e71a"; --icon-content-huaban34: "\e719"; --icon-content-huaban831: "\e718"; --icon-content-huaban1071: "\e717"; --icon-content-huaban45: "\e716"; --icon-content-dollar1: "\e715"; --icon-content-huaban801: "\e714"; --icon-content-huaban7: "\e713"; --icon-content-inboxin-fill1: "\e712"; --icon-content-huaban123: "\e711"; --icon-content-box-fill1: "\e710"; --icon-content-huaban122: "\e70f"; --icon-content-tag-fill1: "\e70e"; --icon-content-tag-: "\e70d"; --icon-content-transanction1: "\e70c"; --icon-content-huaban63: "\e70b"; --icon-content-huaban64: "\e70a"; --icon-content-huaban64-copy: "\e709"; --icon-content-huaban97: "\e6ee"; --icon-content-huaban94: "\e6ed"; --icon-content-huaban1041: "\e6ec"; --icon-content-huaban9: "\e6eb"; --icon-content-huaban3: "\e6ea"; --icon-content-huaban4: "\e6e9"; --icon-content-huaban811: "\e6e8"; --icon-content-huaban79: "\e6e7"; --icon-content-jia: "\e6e6"; --icon-content-huaban1131: "\e6e5"; --icon-content-huaban51: "\e6e4"; --icon-content-huaban6: "\e6e3"; --icon-content-huaban15: "\e6e1"; --icon-content-huaban1111: "\e6e0"; --icon-content-huaban1081: "\e6df"; --icon-content-huaban1091: "\e6de"; --icon-content-huaban1121: "\e6dd"; --icon-content-huaban93: "\e6dc"; --icon-content-huaban810: "\e6db"; --icon-content-huaban99: "\e6da"; --icon-content-huaban1051: "\e6d9"; --icon-content-huaban101: "\e6d8"; --icon-content-huaban102: "\e6d7"; --icon-content-huaban821: "\e6d6"; --icon-content-huaban861: "\e6d5"; --icon-content-huaban14: "\e6d4"; --icon-content-huaban851: "\e6d3"; --icon-content-huaban19: "\e6d2"; --icon-content-alignright-fill: "\e7ba"; --icon-content-alignleft-fill: "\e7bb"; --icon-content-borderbottom-fill: "\e7bc"; --icon-content-bordertop-fill: "\e7bd"; --icon-content-aligncenter-fill: "\e7be"; --icon-content-borderverticle-fill: "\e7bf"; --icon-content-piccenter-fill: "\e7c0"; --icon-content-picside-fill: "\e7c1"; --icon-content-folderopen-fill: "\e7c2"; --icon-content-folderplus-fill: "\e7c3"; --icon-content-folder-fill: "\e7c4"; --icon-content-file-SQL: "\e7c5"; --icon-content-fileplus-fill: "\e7c6"; --icon-content-file-fill: "\e7c7"; --icon-content-copy-fill: "\e7c8"; --icon-content-headset-fill: "\e7c9"; --icon-content-phone-fill: "\e7ca"; --icon-content-pausecircle-fill: "\e7cb"; --icon-content-stopcircle-fill: "\e7cc"; --icon-content-playcircle-fill: "\e7cd"; --icon-content-delete-fill: "\e7ce"; --icon-content-picture-fill: "\e7cf"; --icon-content-mail-fill: "\e7d0"; --icon-content-heart-fill: "\e7d1"; --icon-content-collection-fill: "\e7d2"; --icon-content-user-group-fill: "\e7d3"; --icon-content-userplus-fill: "\e7d4"; --icon-content-user-fill: "\e7d5"; --icon-content-cog-fill: "\e7d6"; --icon-content-clock-fill: "\e7d7"; --icon-content-calendaralt-fill: "\e7d8"; --icon-content-huaban891: "\e6d1"; --icon-content-huaban20: "\e6d0"; --icon-content-huaban901: "\e6cf"; --icon-content-huaban18: "\e6ce"; --icon-content-huaban871: "\e6cd"; --icon-content-huaban881: "\e6cc"; --icon-content-huaban841: "\e6cb"; --icon-content-huaban91: "\e6ca"; --icon-content-huaban90: "\e6c9"; --icon-content-huaban92: "\e6c8"; --icon-content-huaban86: "\e6c7"; --icon-content-huaban85: "\e6c6"; --icon-content-huaban88: "\e6c5"; --icon-content-huaban89: "\e6c4"; --icon-content-huaban87: "\e6c3"; --icon-content-huaban68: "\e6c2"; --icon-content-huaban67: "\e6c1"; --icon-content-huaban541: "\e6c0"; --icon-content-huaban83: "\e6bf"; --icon-content-huaban80: "\e6be"; --icon-content-huaban81: "\e6bd"; --icon-content-huaban82: "\e6bc"; --icon-content-huaban118: "\e6bb"; --icon-content-huaban961: "\e6ba"; --icon-content-huaban120: "\e6b8"; --icon-content-huaban119: "\e6b7"; --icon-content-huaban2fuben2: "\e6b6"; --icon-content-huaban12fuben2: "\e6b5"; --icon-content-huaban8: "\e6b4"; --icon-content-huaban84: "\e6b2"; --icon-content-huaban8fuben3: "\e6b1"; --icon-content-huaban8fuben4: "\e6b0"; --icon-content-huaban8fuben7: "\e6af"; --icon-content-huaban96: "\e6ae"; --icon-content-huaban61: "\e6ad"; --icon-content-huaban62: "\e6ac"; --icon-content-huaban12fuben4: "\e6ab"; --icon-content-huaban5fuben: "\e6aa"; --icon-content-huaban5: "\e6a9"; --icon-content-huaban12fuben6: "\e6a8"; --icon-content-huaban12: "\e6a7"; --icon-content-huaban8fuben10: "\e6a6"; --icon-content-huaban8fuben8: "\e6a5"; --icon-content-huaban1161: "\e6a4"; --icon-content-huaban1171: "\e6a1"; --icon-content-huaban110: "\e6a0"; --icon-content-huaban112: "\e69f"; --icon-content-huaban111: "\e69e"; --icon-content-huaban113: "\e69a"; --icon-content-huaban65: "\e699"; --icon-content-huaban66: "\e691"; --icon-content-huaban108: "\e68f"; --icon-content-huaban109: "\e68e"; --icon-content-huaban59: "\e68a"; --icon-content-huaban60: "\e67f"; --icon-content-huaban58: "\e67d"; --icon-content-huaban57: "\e67c"; --icon-content-huaban70: "\e67a"; --icon-content-huaban55: "\e679"; --icon-content-huaban42fuben2: "\e678"; --icon-content-huaban50: "\e675"; --icon-content-huaban42fuben: "\e672"; --icon-content-huaban49: "\e671"; --icon-content-huaban104: "\e670"; --icon-content-huaban48: "\e66f"; --icon-content-huaban128: "\e66e"; --icon-content-huaban106: "\e66d"; --icon-content-huaban107: "\e66c"; --icon-content-huaban105: "\e66b"; --icon-content-huaban133: "\e66a"; --icon-content-huaban130: "\e669"; --icon-content-huaban132: "\e667"; --icon-content-huaban129: "\e666"; --icon-content-huaban137: "\e662"; --icon-content-huaban136: "\e661"; --icon-content-huaban134: "\e660"; --icon-content-huaban135: "\e65c"; --icon-content-huaban138: "\e65b"; --icon-content-huaban140: "\e65a"; --icon-content-huaban139: "\e658"; --icon-content-yingyong: "\e653"; --icon-content-yunjitianchong: "\e652"; --icon-content-yunji: "\e651"; --icon-content-zuojiantoujuxing: "\e64f"; --icon-content-youjiantoujuxing: "\e64e"; --icon-content-zhenduan: "\e64d"; --icon-content-yunxiazai: "\e64c"; --icon-content-yunshangchuan: "\e64b"; --icon-content-zhongduantianchong: "\e64a"; --icon-content-zhongduan: "\e649"; --icon-content-peijian: "\e648"; --icon-content-luopan: "\e647"; --icon-content-fuzhi: "\e642"; --icon-content-bujinmoshi: "\e63e"; --icon-content-huaban46fuben: "\e638"; --icon-content-huaban46: "\e637"; --icon-content-huaban52: "\e636"; --icon-content-huaban53: "\e635"; --icon-content-huaban54: "\e630"; --icon-content-huaban127: "\e77d"; --icon-content-huaban12fuben: "\e77c"; --icon-content-1688-copy: "\e77b"; --icon-content-taobao-copy: "\e77a"; --icon-content-alipay-copy: "\e779"; --icon-content-dingtalk-copy: "\e778"; --icon-content-huaban931: "\e773"; --icon-content-huaban95: "\e768"; --icon-content-huaban941: "\e767"; --icon-content-huaban1fuben341: "\e766"; --icon-content-huaban1fuben30: "\e765"; --icon-content-huaban1fuben19: "\e764"; --icon-content-huaban1fuben21: "\e763"; --icon-content-huaban1fuben67: "\e762"; --icon-content-huaban1fuben45: "\e761"; --icon-content-huaban1fuben47: "\e760"; --icon-content-huaban1fuben41: "\e75f"; --icon-content-huaban1fuben591: "\e75e"; --icon-content-huaban1fuben36: "\e75d"; --icon-content-huaban1fuben7: "\e75c"; --icon-content-huaban1fuben91: "\e75b"; --icon-content-huaban1fuben80: "\e75a"; --icon-content-huaban1401: "\e759"; --icon-content-huaban101fuben: "\e758"; --icon-content-huaban1391: "\e757"; --icon-content-huaban8fuben: "\e756"; --icon-content-huaban1361: "\e755"; --icon-content-huaban1381: "\e754"; --icon-content-huaban144: "\e753"; --icon-content-huaban1331: "\e752"; --icon-content-huaban1321: "\e751"; --icon-content-huaban1301: "\e750"; --icon-content-huaban1fuben101: "\e74f"; --icon-content-huaban1141: "\e74e"; --icon-content-huaban1291: "\e74d"; --icon-content-huaban131: "\e74c"; --icon-content-huaban1351: "\e74b"; --icon-content-3226: "\e708"; --icon-content-3225: "\e707"; --icon-content-3224: "\e706"; --icon-content-3223: "\e705"; --icon-content-3222: "\e704"; --icon-content-3221: "\e703"; --icon-content-3220: "\e702"; --icon-content-3219: "\e701"; --icon-content-3218: "\e700"; --icon-content-3217: "\e6ff"; --icon-content-3216: "\e6fe"; --icon-content-3215: "\e6fd"; --icon-content-3214: "\e6fc"; --icon-content-3213: "\e6fb"; --icon-content-3212: "\e6fa"; --icon-content-3211: "\e6f9"; --icon-content-3210: "\e6f8"; --icon-content-329: "\e6f7"; --icon-content-328: "\e6f6"; --icon-content-327: "\e6f5"; --icon-content-326: "\e6f4"; --icon-content-324: "\e6f3"; --icon-content-323: "\e6f2"; --icon-content-322: "\e6f1"; --icon-content-321: "\e6f0"; --icon-content-32: "\e6ef"; --icon-content-chart-pie: "\e613"; --icon-content-chart-bar: "\e791"; --icon-content-exit: "\e616"; --icon-content-lock: "\e7fc"; --icon-content-unlock: "\e7fb"; --icon-content-eye-close: "\e610"; --icon-content-eye: "\e7ed"; --icon-content-toggle-right: "\e60f"; --icon-content-toggle-left: "\e602"; --icon-content-copy: "\e80a"; --icon-content-atm: "\e606"; --icon-content-email: "\e605"; --icon-content-account: "\e608"; --icon-content-attachment: "\e665"; --icon-content-filter: "\e627"; --icon-content-refresh: "\e677"; --icon-content-edit: "\e63b"; --icon-content-set: "\e683"; --icon-content-download: "\e628"; --icon-content-upload: "\e7ee"; --icon-content-ashbin: "\e639"; --icon-content-calendar: "\e607"; --icon-content-picture: "\e631"; --icon-content-ellipsis: "\e654"; --icon-content-close: "\e626"; --icon-content-search: "\e656"; --icon-content-loading: "\e646"; --icon-content-semi-select: "\e633"; --icon-content-select: "\e632"; --icon-content-ascending: "\e61e"; --icon-content-descending: "\e61f"; --icon-content-sorting: "\e634"; --icon-content-switch: "\e6b3"; --icon-content-arrow-double-right: "\e65e"; --icon-content-arrow-double-left: "\e659"; --icon-content-arrow-right: "\e619"; --icon-content-arrow-left: "\e61d"; --icon-content-arrow-down: "\e63d"; --icon-content-arrow-up: "\e625"; --icon-content-minus: "\e601"; --icon-content-add: "\e655"; --icon-content-favorites-filling: "\e60e"; --icon-content-delete-filling: "\e623"; --icon-content-success-filling: "\e63a"; --icon-content-clock: "\e621"; --icon-content-help: "\e673"; --icon-content-error: "\e60d"; --icon-content-prompt: "\e60c"; --icon-content-warning: "\e60b"; --icon-content-success: "\e60a"; --icon-content-cry: "\e65d"; --icon-content-smile: "\e65f"; /* ------------------------ color ------------------------ */ --color-text1-5: rgba(179,179,179,1); --color-data1-8: rgba(0,100,200,1); --color-data1-7: rgba(205,92,151,1); --color-data1-6: rgba(92,96,230,1); --color-data1-5: rgba(74,208,81,1); --color-data1-4: rgba(0,108,217,1); --color-data1-3: rgba(153,121,242,1); --color-data1-2: rgba(250,205,79,1); --color-data1-1: rgba(92,205,187,1); --color-data1-9: rgba(82,215,255,1); --color-data1-10: rgba(250,179,79,1); --color-data2-1: rgba(0,100,200,1); --color-data2-2: rgba(21,114,207,1); --color-data2-3: rgba(42,127,212,1); --color-data2-4: rgba(65,141,217,1); --color-data2-5: rgba(89,155,222,1); --color-data2-6: rgba(113,170,227,1); --color-data2-7: rgba(139,186,232,1); --color-data2-8: rgba(168,204,240,1); --color-data2-9: rgba(196,220,245,1); --color-data2-10: rgba(225,237,250,1); --color-brand1-3: #FBFCFD; --color-text1-4: #111111; --color-text1-3: #555555; --color-text1-2: #888888; --color-text1-1: #C1C1C1; --color-error-2: #FAF7F7; --color-fill1-8: #D1D5D9; --color-fill1-7: #003C78; --color-fill1-6: #0050A0; --color-fill1-5: #0064C8; --color-fill1-4: #004080; --color-line1-4: #D1D5D9; --color-success-6: #32C832; --color-success-7: #00A700; --color-success-8: #008501; --color-success-9: #006401; --color-success-10: #004301; --color-warning-5: #FFDE5C; --color-warning-6: #FAC800; --color-warning-7: #DDA200; --color-warning-8: #A77E00; --color-warning-9: #7D5C00; --color-warning-10: #533B00; --color-error-5: #E6BFBF; --color-error-6: #D77A7A; --color-error-7: #C80000; --color-error-8: #A00000; --color-error-9: #780000; --color-error-10: #500000; --color-success-5: #7BDA7B; --color-link-3: #0064C8; --color-link-2: #0064C8; --color-link-1: #0064C8; --color-error-4: #F5E6E6; --color-error-3: #F8EFEF; --color-error-1: #FDFBFB; --color-warning-4: #FFF097; --color-warning-3: #FFF3B4; --color-warning-2: #FFF7D1; --color-warning-1: #FFFAE8; --color-success-4: #ABEBAC; --color-success-3: #C1F0C2; --color-success-2: #D8F5D8; --color-success-1: #EBFAEB; --color-brand2-1: #F8F8F9; --color-brand2-2: #E3E4E6; --color-brand2-3: #D1D5D9; --color-brand2-4: #C0C6CC; --color-brand2-5: #92A3B3; --color-brand2-7: #004080; --color-brand2-8: #003366; --color-brand2-9: #00264D; --color-brand2-10: #001A33; --color-brand3-1: #FFFFFF; --color-brand3-6: #FF6A00; --color-text1-10: #1A1A1A; --color-text1-9: #333333; --color-text1-8: #4D4D4D; --color-text1-7: #666666; --color-text1-6: #808080; --color-brand1-2: #EFF3F8; --color-brand2-6: #577899; --color-brand7-9: #2D559C; --color-brand7-6: #4F74B3; --color-brand7-4: #A9BAD0; --color-brand7-5: #657C99; --color-fill1-9: #1C1C1C; --color-brand1-10: #001428; --color-brand1-8: #003C78; --color-brand1-7: #0050A0; --color-brand1-5: #7AA9D7; --color-brand1-4: #BFD2E6; --color-fill1-3: #EFF3F8; --color-fill1-2: #F7F9FA; --color-fill1-1: #F8F8F9; --color-line1-3: #577899; --color-line1-2: #C0C6CC; --color-line1-1: #E3E4E6; --color-brand1-9: #002850; --color-brand1-6: #0064C8; --color-brand1-1: #F7F9FA; --color-other-3: #FFFFFF; --color-other-2: #FFFFFF; --color-other-1: #0070CC; --color-help-4: #333333; --color-help-3: #888888; --color-help-2: #C9C9C9; --color-help-1: #F5F5F5; --color-notice-4: #005AA5; --color-notice-3: #0070CC; --color-notice-2: #A0CDED; --color-notice-1: #E5F3FF; --color-transparent: transparent; --color-black: #000000; --color-white: #FFFFFF; --color-line1-5: #EBEBEB; /* ------------------------ line ------------------------ */ --line-dotted: dotted; --line-dashed: dashed; --line-solid: solid; --line-zero: 0px; --line-3: 3px; --line-2: 2px; --line-1: 1px; /* ------------------------ popup ------------------------ */ --popup-global-shadow: var(--shadow-2-down, 0px 4px 8px 0px rgba(0, 0, 0, 0.16)); --popup-global-corner: var(--corner-1, 2px); --popup-global-border-color: var(--color-line1-2, #C0C6CC); --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-local-shadow: var(--shadow-1, 0px 2px 4px 0px rgba(0, 0, 0, 0.16)); --popup-local-border-color: var(--color-brand2-4, #C0C6CC); /* ------------------------ mask ------------------------ */ --mask-background: var(--color-black, #000000); --mask-opacity: 0.45; /* ------------------------ form-element ------------------------ */ --form-element-large-corner: var(--corner-1, 2px); --form-element-medium-corner: var(--corner-1, 2px); --form-element-small-corner: var(--corner-1, 2px); --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, 14px); --form-element-large-preview-label-font-size: var(--font-size-subhead, 14px); --form-element-medium-preview-font-size: var(--font-size-body-1, 12px); --form-element-medium-preview-label-font-size: var(--font-size-body-1, 12px); --form-element-small-preview-font-size: var(--font-size-caption, 12px); --form-element-small-preview-label-font-size: var(--font-size-caption, 12px); --form-element-small-height: var(--s-6, 24px); --form-element-large-preview-height: var(--s-4, 16px); --form-element-medium-preview-height: var(--s-4, 16px); --form-element-small-preview-height: var(--s-4, 16px); --form-element-medium-font-size: var(--font-size-body-1, 12px); --form-element-small-font-size: var(--font-size-body-1, 12px); --form-element-medium-height: var(--s-8, 32px); --form-element-large-height: var(--s-9, 36px); --form-element-large-font-size: var(--font-size-body-2, 14px); /* ------------------------ size ------------------------ */ --s-50: 200px; --s-49: 196px; --s-48: 192px; --s-47: 188px; --s-46: 184px; --s-45: 180px; --s-44: 176px; --s-43: 172px; --s-42: 168px; --s-41: 164px; --s-40: 160px; --s-39: 156px; --s-38: 152px; --s-37: 148px; --s-36: 144px; --s-35: 140px; --s-34: 136px; --s-33: 132px; --s-32: 128px; --s-31: 124px; --s-30: 120px; --s-29: 116px; --s-28: 112px; --s-27: 108px; --s-26: 104px; --s-25: 100px; --s-24: 96px; --s-23: 92px; --s-22: 88px; --s-21: 84px; --s-20: 80px; --s-19: 76px; --s-18: 72px; --s-17: 68px; --s-16: 64px; --s-15: 60px; --s-14: 56px; --s-13: 52px; --s-12: 48px; --s-11: 44px; --s-10: 40px; --s-9: 36px; --s-8: 32px; --s-7: 28px; --s-6: 24px; --s-5: 20px; --s-4: 16px; --s-3: 12px; --s-2: 8px; --s-1: 4px; --s-zero: 0px; --size-base: 4px; /* ------------------------ shadow ------------------------ */ --shadow-3-left: 0px 0px 16px 0px rgba(0, 0, 0, 0.2); --shadow-3-down: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); --shadow-3-right: 0px 0px 16px 0px rgba(0, 0, 0, 0.2); --shadow-3-up: 0px -8px 16px 0px rgba(0, 0, 0, 0.2); --shadow-3: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); --shadow-2-left: 0px 0px 8px 0px rgba(0, 0, 0, 0.16); --shadow-2-down: 0px 4px 8px 0px rgba(0, 0, 0, 0.16); --shadow-2-right: 0px 0px 8px 0px rgba(0, 0, 0, 0.16); --shadow-2-up: 0px -4px 8px 0px rgba(0, 0, 0, 0.16); --shadow-2: 0px 4px 8px 0px rgba(0, 0, 0, 0.16); --shadow-1-left: 0px 0px 4px 0px rgba(0, 0, 0, 0.16); --shadow-1-down: 0px 2px 4px 0px rgba(0, 0, 0, 0.16); --shadow-1-right: 0px 0px 4px 0px rgba(0, 0, 0, 0.16); --shadow-1-up: 0px -2px 4px 0px rgba(0, 0, 0, 0.16); --shadow-1: 0px 2px 4px 0px rgba(0, 0, 0, 0.16); --shadow-zero: none; --shadow-opacity-sd1: 0.16; --shadow-opacity-sd3: 0.2; --shadow-opacity-sd2: 0.16; --shadow-distance-sd3y: 8; --shadow-distance-sd2y: 4; --shadow-distance-sd3: 0; --shadow-distance-sd2: 0; --shadow-distance-sd1y: 2; --shadow-distance-sd1: 0; --shadow-spread-sd3: 0; --shadow-spread-sd2: 0; --shadow-spread-sd1: 0; --shadow-sides-left: "left"; --shadow-sides-down: "down"; --shadow-sides-right: "right"; --shadow-sides-up: "up"; --shadow-sides-base: "base"; --shadow-blur-sd3: 16; --shadow-blur-sd2: 8; --shadow-blur-sd1: 4; --shadow-color-sd3: var(--color-black, #000000); --shadow-color-sd2: var(--color-black, #000000); --shadow-color-sd1: var(--color-black, #000000); /* ------------------------ font ------------------------ */ --font-weight-ultra-bold: 900; --font-weight-extra-bold: 800; --font-weight-semi-bold: 600; --font-weight-medium: 500; --font-weight-light: 300; --font-weight-thin: 200; --font-size-headline: 20px; --font-size-display-2: 36px; --font-size-display-3: 48px; --font-lineheight-5: 2; --font-lineheight-4: 1.8; --font-weight-3: bold; --font-weight-2: normal; --font-weight-1: lighter; --font-size-caption: 12px; --font-size-body-1: 12px; --font-size-body-2: 14px; --font-size-subhead: 14px; --font-size-title: 16px; --font-size-display-1: 24px; --font-lineheight-3: 1.6; --font-lineheight-2: 1.5; --font-lineheight-1: 1; --font-family-base: -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica Neue",Helvetica,Arial,sans-serif; /* ------------------------ corner ------------------------ */ --corner-zero: 0; --corner-semicircle: 500px; --corner-circle: 50%; --corner-4: 14px; --corner-3: 12px; --corner-2: 4px; --corner-1: 2px; --corner-0: 0px; /* ------------------------ checkbox ------------------------ */ --checkbox-hovered-bg-color: var(--color-transparent, transparent); --checkbox-size: var(--s-4, 16px); --checkbox-border-color: var(--color-line1-3, #577899); --checkbox-hovered-border-color: var(--color-fill1-4, #004080); --checkbox-checked-border-color: var(--color-fill1-4, #004080); --checkbox-disabled-border-color: var(--color-line1-2, #C0C6CC); --checkbox-checked-hovered-border-color: var(--color-fill1-4, #004080); --checkbox-label-color: var(--color-text1-9, #333333); --checkbox-disabled-circle-color: var(--color-text1-3, #555555); --checkbox-checked-bg-color: var(--color-fill1-5, #0064C8); --checkbox-checked-hovered-bg-color: var(--color-fill1-5, #0064C8); --checkbox-disabled-bg-color: var(--color-fill1-2, #F7F9FA); --checkbox-margin-left: var(--s-2, 8px); --checkbox-disabled-label-color: var(--color-text1-5, #b3b3b3); --checkbox-border-radius: var(--corner-1, 2px); --checkbox-border-width: var(--line-1, 1px); --checkbox-shadow: var(--shadow-zero, none); --checkbox-checked-circle-color: var(--color-white, #FFFFFF); --checkbox-checked-hovered-circle-color: var(--color-white, #FFFFFF); --checkbox-bg-color: var(--color-white, #FFFFFF); --checkbox-font-size: var(--font-size-body-1, 12px); --checkbox-circle-size: var(--icon-xs, 12px); --checkbox-semi-select-icon-content: var(--icon-content-minus-for-component, ""); --checkbox-select-icon-content: var(--icon-content-chek-for-component, ""); /* ------------------------ cascader ------------------------ */ --cascader-menu-border-color: var(--color-line1-1, #E3E4E6); --cascader-menu-icon-expand-color: var(--color-text1-9, #333333); --cascader-menu-icon-hover-expand-color: var(--color-text1-9, #333333); --cascader-menu-item-expanded-color: var(--color-text1-9, #333333); --cascader-menu-icon-expand-size: var(--icon-xxs, 8px); --cascader-menu-border-width: var(--line-1, 1px); --cascader-menu-width: var(--s-25, 100px); --cascader-menu-height: var(--s-48, 192px); --cascader-menu-border-radius: var(--corner-1, 2px); --cascader-menu-item-expanded-background-color: var(--color-fill1-2, #F7F9FA); /* ------------------------ search ------------------------ */ --search-normal-primary-border-width: var(--line-1, 1px); --search-normal-primary-l-height: var(--s-9, 36px); --search-normal-primary-l-icon-size: var(--icon-s, 16px); --search-normal-primary-m-height: var(--s-8, 32px); --search-normal-secondary-l-height: var(--s-9, 36px); --search-normal-secondary-l-icon-size: var(--icon-s, 16px); --search-normal-secondary-m-height: var(--s-8, 32px); --search-normal-normal-color: var(--color-line1-1, #E3E4E6); --search-normal-normal-btn-hover-bg-color: var(--color-fill1-1, #F8F8F9); --search-normal-normal-l-height: var(--s-9, 36px); --search-normal-normal-l-icon-size: var(--icon-s, 16px); --search-normal-normal-m-height: var(--s-8, 32px); --search-normal-dark-color: var(--color-brand1-6, #0064C8); --search-normal-dark-hover-color: var(--color-brand1-7, #0050A0); --search-normal-dark-btn-hover-bg-color: var(--color-brand1-7, #0050A0); --search-normal-dark-l-height: var(--s-9, 36px); --search-normal-dark-l-icon-size: var(--icon-s, 16px); --search-normal-dark-m-height: var(--s-8, 32px); --search-simple-normal-color: var(--color-line1-1, #E3E4E6); --search-simple-normal-split-color: var(--color-line1-1, #E3E4E6); --search-simple-normal-icon-text-color: var(--color-text1-2, #888888); --search-simple-normal-l-icon-size: var(--icon-s, 16px); --search-simple-dark-l-icon-size: var(--icon-s, 16px); --search-simple-dark-m-icon-size: var(--icon-s, 16px); --search-normal-primary-color: var(--color-line1-2, #C0C6CC); --search-normal-primary-hover-color: var(--color-line1-2, #C0C6CC); --search-normal-primary-split-color: var(--color-line1-2, #C0C6CC); --search-normal-primary-shadow: var(--shadow-zero, none); --search-normal-primary-btn-text-color: var(--color-text1-9, #333333); --search-normal-primary-btn-hover-bg-color: var(--color-line1-2, #C0C6CC); --search-normal-primary-btn-hover-text-color: var(--color-text1-9, #333333); --search-normal-primary-m-btn-text-size: var(--font-size-body-1, 12px); --search-normal-secondary-color: var(--color-line1-2, #C0C6CC); --search-normal-secondary-split-color: var(--color-line1-2, #C0C6CC); --search-normal-secondary-hover-color: var(--color-line1-2, #C0C6CC); --search-normal-secondary-btn-text-color: var(--color-text1-9, #333333); --search-normal-secondary-btn-hover-text-color: var(--color-text1-9, #333333); --search-normal-secondary-btn-text-padding-left: var(--s-zero, 0px); --search-normal-secondary-m-btn-text-size: var(--font-size-body-1, 12px); --search-normal-secondary-btn-bg-color: var(--color-line1-2, #C0C6CC); --search-normal-secondary-btn-hover-bg-color: var(--color-line1-2, #C0C6CC); --search-normal-normal-btn-text-color: var(--color-text1-9, #333333); --search-normal-normal-btn-hover-text-color: var(--color-text1-9, #333333); --search-normal-corner: var(--corner-1, 2px); --search-normal-primary-btn-text-padding-left: var(--s-zero, 0px); --search-normal-primary-l-btn-text-size: var(--font-size-subhead, 14px); --search-normal-secondary-shadow: var(--shadow-zero, none); --search-normal-secondary-border-width: var(--line-1, 1px); --search-normal-secondary-l-btn-text-size: var(--font-size-subhead, 14px); --search-normal-normal-split-color: var(--color-line1-1, #E3E4E6); --search-normal-normal-hover-color: var(--color-line1-4, #D1D5D9); --search-normal-normal-shadow: var(--shadow-zero, none); --search-normal-normal-btn-bg-color: var(--color-fill1-1, #F8F8F9); --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, 14px); --search-normal-normal-m-btn-text-size: var(--font-size-subhead, 14px); --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-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, 14px); --search-normal-dark-m-icon-size: var(--icon-s, 16px); --search-normal-dark-m-btn-text-size: var(--font-size-subhead, 14px); --search-simple-corner: var(--corner-1, 2px); --search-simple-l-icon-margin-right: var(--s-3, 12px); --search-simple-m-icon-margin-right: var(--s-2, 8px); --search-simple-normal-hover-color: var(--color-line1-4, #D1D5D9); --search-simple-normal-shadow: var(--shadow-zero, none); --search-simple-normal-icon-hover-text-color: var(--color-text1-3, #555555); --search-simple-normal-border-width: var(--line-1, 1px); --search-simple-normal-btn-text-padding-left: var(--s-zero, 0px); --search-simple-dark-color: var(--color-line1-3, #577899); --search-simple-dark-hover-color: var(--color-line1-3, #577899); --search-simple-dark-bg-color: var(--color-white, #FFFFFF); --search-simple-dark-bg-opacity: 0; --search-simple-dark-text-color: var(--color-white, #FFFFFF); --search-simple-dark-shadow: var(--shadow-zero, none); --search-simple-dark-icon-text-color: var(--color-text1-2, #888888); --search-simple-dark-icon-hover-text-color: var(--color-text1-3, #555555); --search-simple-dark-btn-text-padding-left: var(--s-zero, 0px); --search-simple-dark-split-color: var(--color-line1-3, #577899); --search-simple-dark-border-width: var(--line-1, 1px); --search-normal-secondary-m-icon-size: var(--icon-s, 16px); --search-normal-normal-m-icon-size: var(--icon-s, 16px); --search-normal-primary-m-icon-size: var(--icon-xs, 12px); --search-simple-normal-m-icon-size: var(--icon-xs, 12px); --search-search-icon-content: var(--icon-content-search-for-component, ""); /* ------------------------ card ------------------------ */ --card-head-bottom-border-width: var(--line-1, 1px); --card-head-main-height: var(--s-12, 48px); --card-head-main-margin-top: var(--s-1, 4px); --card-head-main-margin-bottom: var(--s-1, 4px); --card-body-show-divider-padding-top: var(--s-4, 16px); --card-body-padding-bottom: var(--s-4, 16px); --card-shadow: var(--shadow-zero, none); --card-title-color: var(--color-text1-9, #333333); --card-head-bottom-border-color: var(--color-transparent, transparent); --card-border-color: var(--color-line1-1, #E3E4E6); --card-title-font-weight: var(--font-weight-medium, 500); --card-corner: var(--corner-2, 4px); --card-padding-lr: var(--s-4, 16px); --card-border-width: var(--line-1, 1px); --card-head-padding-bottom: var(--s-3, 12px); --card-title-font-size: var(--font-size-subhead, 14px); --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, 3px); --card-title-bullet-height: var(--s-4, 16px); --card-title-padding-left: var(--s-2, 8px); --card-sub-title-padding-left: var(--s-2, 8px); --card-body-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-border-style: var(--line-solid, solid); --card-background: var(--color-white, #FFFFFF); --card-header-background: var(--color-white, #FFFFFF); --card-sub-title-color: var(--color-text1-3, #555555); --card-title-extra-color: var(--color-link-1, #0064C8); --card-title-bullet-color: var(--color-brand1-6, #0064C8); --card-content-color: var(--color-text1-3, #555555); --card-more-btn-color: var(--color-link-1, #0064C8); --card-more-btn-background: var(--color-white, #FFFFFF); /* ------------------------ switch ------------------------ */ --switch-size-m-radius-trigger: var(--corner-circle, 50%); --switch-size-s-radius-trigger: var(--corner-circle, 50%); --switch-disabled-on-trigger-bg-color: var(--color-white, #FFFFFF); --switch-handle-disabled-border-color: var(--color-transparent, transparent); --switch-normal-off-color-font: var(--color-fill1-1, #F8F8F9); --switch-normal-off-border-color: var(--color-transparent, transparent); --switch-hover-off-border-color: var(--color-transparent, transparent); --switch-size-m-radius-container: var(--corner-3, 12px); --switch-border-width-container: var(--line-2, 2px); --switch-text-off-right: var(--s-2, 8px); --switch-normal-on-bg-color: var(--color-success-7, #00A700); --switch-hover-on-bg-color: var(--color-success-7, #00A700); --switch-disabled-on-bg-color: var(--color-fill1-8, #D1D5D9); --switch-on-shadow: var(--shadow-zero, none); --switch-hover-off-bg-color: var(--color-brand2-6, #577899); --switch-disabled-off-bg-color: var(--color-fill1-8, #D1D5D9); --switch-disabled-off-color-font: var(--color-text1-3, #555555); --switch-size-m-trigger: var(--s-5, 20px); --switch-size-s-trigger: var(--s-4, 16px); --switch-disabled-on-color-font: var(--color-text1-5, #b3b3b3); --switch-size-m-width: var(--s-12, 48px); --switch-size-s-width: var(--s-10, 40px); --switch-size-s-radius-container: var(--corner-3, 12px); --switch-text-on-left: var(--s-2, 8px); --switch-size-s-text-on-left: var(--s-1, 4px); --switch-size-s-text-off-right: var(--s-1, 4px); --switch-border-width-trigger: var(--line-1, 1px); --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-border-color: var(--color-line1-3, #577899); --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-disabled-off-trigger-bg-color: var(--color-fill1-1, #F8F8F9); --switch-handle-off-border-color: var(--color-transparent, transparent); --switch-off-shadow: var(--shadow-1, 0px 2px 4px 0px rgba(0, 0, 0, 0.16)); --switch-rtl-on-shadow: var(--shadow-1-left, 0px 0px 4px 0px rgba(0, 0, 0, 0.16)); --switch-normal-off-bg-color: var(--color-text1-7, #666666); /* ------------------------ button ------------------------ */ --btn-size-s-icon-size: var(--icon-xs, 12px); --btn-size-s-icon-margin: var(--s-2, 8px); --btn-size-m-padding: var(--s-4, 16px); --btn-size-m-icon-size: var(--icon-xs, 12px); --btn-size-m-icon-margin: var(--s-2, 8px); --btn-size-l-height: var(--s-9, 36px); --btn-size-l-icon-size: var(--icon-s, 16px); --btn-size-l-icon-margin: var(--s-2, 8px); --btn-pure-secondary-bg: var(--color-transparent, transparent); --btn-ghost-dark-bg-hover-opacity: 0.29; --btn-ghost-dark-color-disabled-opacity: 0.25; --btn-ghost-dark-border-color-disabled-opacity: 0.15; --btn-ghost-light-color: var(--color-brand1-6, #0064C8); --btn-ghost-light-border-color: var(--color-brand1-6, #0064C8); --btn-ghost-light-bg: var(--color-white, #FFFFFF); --btn-ghost-light-bg-opacity: 1; --btn-ghost-light-color-hover: var(--color-white, #FFFFFF); --btn-ghost-light-border-color-hover: var(--color-transparent, transparent); --btn-ghost-light-bg-hover-rgb: var(--color-brand1-7, #0050A0); --btn-ghost-light-bg-hover-opacity: 1; --btn-ghost-light-color-disabled-rgb: var(--color-text1-1, #C1C1C1); --btn-ghost-light-color-disabled-opacity: 1; --btn-ghost-light-bg-disabled: var(--color-fill1-2, #F7F9FA); --btn-ghost-light-border-color-disabled-rgb: var(--color-white, #FFFFFF); --btn-ghost-light-border-color-disabled-opacity: 1; --btn-warning-primary-border-color: var(--color-error-3, #F8EFEF); --btn-warning-primary-border-color-disabled: var(--color-white, #FFFFFF); --btn-text-primary-color-hover: var(--color-link-3, #0064C8); --btn-size-l-font: var(--font-size-body-2, 14px); --btn-size-s-font: var(--font-size-body-1, 12px); --btn-size-m-height: var(--s-8, 32px); --btn-pure-normal-color: var(--color-text1-9, #333333); --btn-pure-normal-color-hover: var(--color-text1-9, #333333); --btn-pure-normal-bg: var(--color-white, #FFFFFF); --btn-pure-normal-bg-hover: var(--color-brand1-1, #F7F9FA); --btn-size-l-padding: var(--s-4, 16px); --btn-pure-normal-border-color-hover: var(--color-line1-2, #C0C6CC); --btn-pure-primary-bg: var(--color-fill1-5, #0064C8); --btn-pure-primary-bg-hover: var(--color-fill1-5, #0064C8); --btn-pure-bg-disabled: var(--color-white, #FFFFFF); --btn-pure-border-color-disabled: var(--color-line1-2, #C0C6CC); --btn-text-normal-color: var(--color-text1-9, #333333); --btn-text-size-s-font: var(--font-size-body-1, 12px); --btn-text-secondary-color: var(--color-text1-9, #333333); --btn-warning-primary-bg: var(--color-error-7, #C80000); --btn-warning-primary-bg-hover: var(--color-error-7, #C80000); --btn-warning-primary-color-disabled: var(--color-white, #FFFFFF); --btn-warning-primary-bg-disabled: var(--color-fill1-8, #D1D5D9); --btn-warning-normal-color: var(--color-error-7, #C80000); --btn-warning-normal-color-hover: var(--color-error-7, #C80000); --btn-warning-normal-border-color: var(--color-error-7, #C80000); --btn-warning-normal-border-color-hover: var(--color-error-7, #C80000); --btn-warning-normal-bg: var(--color-white, #FFFFFF); --btn-warning-normal-bg-hover: var(--color-error-2, #FAF7F7); --btn-warning-normal-border-color-disabled: var(--color-line1-4, #D1D5D9); --btn-warning-normal-bg-disabled: var(--color-white, #FFFFFF); --btn-pure-color-disabled: var(--color-text1-5, #b3b3b3); --btn-warning-normal-color-disabled: var(--color-text1-5, #b3b3b3); --btn-text-disabled-color: var(--color-text1-5, #b3b3b3); --btn-size-s-height: var(--s-6, 24px); --btn-pure-normal-color-disabled: var(--color-text1-5, #b3b3b3); --btn-pure-normal-bg-disabled: var(--color-white, #FFFFFF); --btn-pure-normal-color-active: var(--color-text1-9, #333333); --btn-pure-normal-border-color-active: var(--color-line1-2, #C0C6CC); --btn-pure-secondary-color-disabled: var(--color-text1-5, #b3b3b3); --btn-pure-secondary-bg-disabled: var(--color-white, #FFFFFF); --btn-warning-primary-bg-active: var(--color-error-7, #C80000); --btn-warning-normal-color-active: var(--color-error-7, #C80000); --btn-warning-normal-border-color-active: var(--color-error-7, #C80000); --btn-warning-normal-bg-active: var(--color-error-2, #FAF7F7); --btn-pure-normal-border-color-disabled: var(--color-line1-4, #D1D5D9); --btn-pure-normal-bg-active: var(--color-fill1-3, #EFF3F8); --btn-pure-secondary-color: var(--color-text1-9, #333333); --btn-pure-secondary-color-hover: var(--color-text1-9, #333333); --btn-pure-secondary-color-active: var(--color-text1-9, #333333); --btn-pure-secondary-bg-hover: var(--color-fill1-2, #F7F9FA); --btn-pure-secondary-bg-active: var(--color-fill1-3, #EFF3F8); --btn-pure-primary-color-disabled: var(--color-white, #FFFFFF); --btn-pure-primary-bg-disabled: var(--color-fill1-8, #D1D5D9); --btn-pure-primary-border-color-disabled: var(--color-transparent, transparent); --btn-pure-primary-bg-active: var(--color-fill1-7, #003C78); --btn-text-normal-color-hover: var(--color-fill1-5, #0064C8); --btn-pure-normal-border-color: var(--color-line1-2, #C0C6CC); --btn-shadow-hover: var(--shadow-1, 0px 2px 4px 0px rgba(0, 0, 0, 0.16)); --btn-pure-secondary-border-color-disabled: var(--color-line1-4, #D1D5D9); --btn-pure-secondary-border-color: var(--color-line1-2, #C0C6CC); --btn-pure-secondary-border-color-hover: var(--color-line1-2, #C0C6CC); --btn-pure-secondary-border-color-active: var(--color-line1-2, #C0C6CC); --btn-text-secondary-color-hover: var(--color-text1-9, #333333); --btn-text-size-s-height: var(--s-4, 16px); --btn-text-size-m-height: var(--s-5, 20px); --btn-text-size-l-height: var(--s-6, 24px); --btn-shadow: var(--shadow-zero, none); --btn-size-s-padding: var(--s-2, 8px); --btn-size-s-border-width: var(--line-1, 1px); --btn-size-s-icon-split-size: var(--icon-xs, 12px); --btn-size-s-corner: var(--corner-1, 2px); --btn-size-m-border-width: var(--line-1, 1px); --btn-size-m-font: var(--font-size-body-1, 12px); --btn-size-m-icon-split-size: var(--icon-xs, 12px); --btn-size-m-corner: var(--corner-1, 2px); --btn-size-l-border-width: var(--line-1, 1px); --btn-size-l-icon-split-size: var(--icon-s, 16px); --btn-size-l-corner: var(--corner-1, 2px); --btn-pure-normal-border-style: var(--line-solid, solid); --btn-pure-secondary-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: var(--color-transparent, transparent); --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: var(--color-white, #FFFFFF); --btn-ghost-dark-border-color: var(--color-white, #FFFFFF); --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-rgb: var(--color-white, #FFFFFF); --btn-ghost-dark-border-color-hover: var(--color-white, #FFFFFF); --btn-ghost-dark-color-disabled-rgb: var(--color-white, #FFFFFF); --btn-ghost-dark-bg-disabled: var(--color-transparent, transparent); --btn-ghost-dark-border-color-disabled-rgb: var(--color-white, #FFFFFF); --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-warning-primary-border-color-hover: var(--color-error-4, #F5E6E6); --btn-warning-primary-border-color-active: var(--color-error-4, #F5E6E6); --btn-text-primary-color: var(--color-link-1, #0064C8); --btn-text-loading-color: var(--color-text1-4, #111111); --btn-text-icon-size-s: var(--icon-s, 16px); --btn-text-icon-s-margin: var(--s-1, 4px); --btn-text-size-m-font: var(--font-size-body-1, 12px); --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 ------------------------ */ --balloon-primary-color-bg: var(--color-white, #FFFFFF); --balloon-tooltip-color-bg: var(--color-white, #FFFFFF); --balloon-normal-color-bg: var(--color-white, #FFFFFF); --balloon-size-max-width: 400px; --balloon-size-padding-top: var(--s-3, 12px); --balloon-size-padding-right: var(--s-3, 12px); --balloon-size-close-margin-top: var(--s-3, 12px); --balloon-size-close-margin-right: var(--s-3, 12px); --balloon-size-arrow-size: var(--s-2, 8px); --balloon-tooltip-size-padding-top: var(--s-3, 12px); --balloon-tooltip-size-padding-right: var(--s-3, 12px); --balloon-tooltip-size-padding-bottom: var(--s-3, 12px); --balloon-tooltip-size-padding-left: var(--s-3, 12px); --balloon-normal-color-border: var(--color-line1-2, #C0C6CC); --balloon-normal-shadow: var(--shadow-2, 0px 4px 8px 0px rgba(0, 0, 0, 0.16)); --balloon-normal-color: var(--color-text1-9, #333333); --balloon-normal-color-close: var(--color-text1-9, #333333); --balloon-normal-color-close-hover: var(--color-text1-9, #333333); --balloon-primary-color-border: var(--color-line1-2, #C0C6CC); --balloon-primary-shadow: var(--shadow-2, 0px 4px 8px 0px rgba(0, 0, 0, 0.16)); --balloon-primary-color: var(--color-text1-9, #333333); --balloon-primary-color-close: var(--color-text1-9, #333333); --balloon-primary-color-close-hover: var(--color-text1-9, #333333); --balloon-tooltip-shadow: var(--shadow-2, 0px 4px 8px 0px rgba(0, 0, 0, 0.16)); --balloon-tooltip-color-border: var(--color-line1-2, #C0C6CC); --balloon-tooltip-color: var(--color-text1-9, #333333); --balloon-size-close: var(--icon-xs, 12px); --balloon-content-font-size: var(--font-size-body-1, 12px); --balloon-content-font-weight: var(--font-weight-2, normal); --balloon-normal-border-width: var(--line-1, 1px); --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-arrow-margin: var(--s-3, 12px); --balloon-border-style: var(--line-solid, solid); --balloon-corner: var(--corner-1, 2px); --balloon-tooltip-border-style: var(--line-solid, solid); --balloon-size-padding-closable-right: var(--s-6, 24px); /* ------------------------ message ------------------------ */ --message-size-l-title-content-padding-left: var(--s-2, 8px); --message-size-l-title-content-padding-right: var(--s-4, 16px); --message-help-color-icon-toast: var(--color-help-3, #888888); --message-loading-color-border-inline: var(--color-line1-1, #E3E4E6); --message-loading-color-icon-toast: var(--color-text1-2, #888888); --message-size-l-border-width: var(--line-1, 1px); --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-size-m-title-font: var(--font-size-body-1, 12px); --message-shadow-toast: var(--shadow-2, 0px 4px 8px 0px rgba(0, 0, 0, 0.16)); --message-success-color-border-toast: var(--color-line1-2, #C0C6CC); --message-success-color-title-toast: var(--color-text1-9, #333333); --message-success-color-content-toast: var(--color-text1-9, #333333); --message-success-color-icon-toast: var(--color-success-7, #00A700); --message-size-l-title-font: var(--font-size-body-2, 14px); --message-size-l-icon: var(--icon-s, 16px); --message-error-color-border-toast: var(--color-line1-2, #C0C6CC); --message-error-color-title-toast: var(--color-text1-9, #333333); --message-error-color-content-toast: var(--color-text1-9, #333333); --message-error-color-icon-toast: var(--color-error-7, #C80000); --message-warning-color-border-toast: var(--color-line1-2, #C0C6CC); --message-warning-color-title-toast: var(--color-text1-9, #333333); --message-warning-color-content-toast: var(--color-text1-9, #333333); --message-warning-color-icon-toast: var(--color-warning-6, #FAC800); --message-size-l-padding: var(--s-4, 16px); --message-size-l-close-right: var(--s-4, 16px); --message-size-l-close-top: var(--s-4, 16px); --message-close-icon-color: var(--color-text1-9, #333333); --message-hover-close-icon-color: var(--color-text1-9, #333333); --message-success-color-bg-inline: var(--color-success-2, #D8F5D8); --message-success-color-content-inline: var(--color-text1-9, #333333); --message-success-color-icon-inline: var(--color-success-7, #00A700); --message-error-color-bg-inline: var(--color-error-3, #F8EFEF); --message-error-color-content-inline: var(--color-text1-9, #333333); --message-error-color-icon-inline: var(--color-error-7, #C80000); --message-warning-color-bg-inline: var(--color-warning-2, #FFF7D1); --message-warning-color-content-inline: var(--color-text1-9, #333333); --message-warning-color-icon-inline: var(--color-warning-6, #FAC800); --message-notice-color-bg-inline: var(--color-fill1-3, #EFF3F8); --message-notice-color-content-inline: var(--color-text1-9, #333333); --message-notice-color-icon-inline: var(--color-fill1-5, #0064C8); --message-help-color-bg-inline: var(--color-fill1-1, #F8F8F9); --message-help-color-content-inline: var(--color-text1-9, #333333); --message-help-color-icon-inline: var(--color-text1-9, #333333); --message-loading-color-content-inline: var(--color-text1-9, #333333); --message-success-color-title-inline: var(--color-text1-9, #333333); --message-error-color-title-inline: var(--color-text1-9, #333333); --message-warning-color-title-inline: var(--color-text1-9, #333333); --message-notice-color-title-inline: var(--color-text1-9, #333333); --message-help-color-title-inline: var(--color-text1-9, #333333); --message-loading-color-icon-inline: var(--color-text1-9, #333333); --message-notice-color-title-toast: var(--color-text1-9, #333333); --message-notice-color-content-toast: var(--color-text1-7, #666666); --message-loading-color-title-inline: var(--color-text1-9, #333333); --message-loading-color-title-toast: var(--color-text1-9, #333333); --message-error-color-title-addon: var(--color-text1-4, #111111); --message-help-color-title-addon: var(--color-text1-4, #111111); --message-loading-color-title-addon: var(--color-text1-4, #111111); --message-success-color-title-addon: var(--color-text1-4, #111111); --message-success-color-content-addon: var(--color-text1-3, #555555); --message-success-color-icon-addon: var(--color-success-6, #32C832); --message-error-color-icon-addon: var(--color-error-7, #C80000); --message-warning-color-title-addon: var(--color-text1-4, #111111); --message-warning-color-content-addon: var(--color-text1-3, #555555); --message-warning-color-icon-addon: var(--color-warning-5, #FFDE5C); --message-help-color-title-toast: var(--color-text1-9, #333333); --message-help-color-icon-addon: var(--color-help-4, #333333); --message-loading-color-icon-addon: var(--color-fill1-9, #1C1C1C); --message-size-m-close-top: var(--s-3, 12px); --message-size-m-close-right: var(--s-3, 12px); --message-close-icon-size: var(--icon-xs, 12px); --message-size-l-content-margin-top: var(--s-2, 8px); --message-size-l-content-font: var(--font-size-body-1, 12px); --message-size-m-content-margin-top: var(--s-2, 8px); --message-size-m-content-font: var(--font-size-body-1, 12px); --message-size-l-border-radius: var(--corner-1, 2px); --message-size-m-border-radius: var(--corner-1, 2px); --message-size-l-border-radius-toast: var(--corner-1, 2px); --message-size-m-border-radius-toast: var(--corner-1, 2px); --message-border-style: var(--line-solid, solid); --message-border-style-toast: var(--line-solid, solid); --message-success-color-bg-addon: var(--color-transparent, transparent); --message-success-color-bg-toast: var(--color-white, #FFFFFF); --message-error-color-bg-addon: var(--color-transparent, transparent); --message-error-color-bg-toast: var(--color-white, #FFFFFF); --message-error-color-content-addon: var(--color-text1-3, #555555); --message-warning-color-bg-addon: var(--color-transparent, transparent); --message-warning-color-bg-toast: var(--color-white, #FFFFFF); --message-notice-color-bg-addon: var(--color-transparent, transparent); --message-notice-color-bg-toast: var(--color-white, #FFFFFF); --message-notice-color-border-toast: var(--color-white, #FFFFFF); --message-notice-color-title-addon: var(--color-text1-4, #111111); --message-notice-color-content-addon: var(--color-text1-3, #555555); --message-notice-color-icon-addon: var(--color-notice-3, #0070CC); --message-notice-color-icon-toast: var(--color-notice-3, #0070CC); --message-help-color-bg-addon: var(--color-transparent, transparent); --message-help-color-bg-toast: var(--color-white, #FFFFFF); --message-help-color-border-toast: var(--color-white, #FFFFFF); --message-help-color-content-addon: var(--color-text1-3, #555555); --message-help-color-content-toast: var(--color-text1-3, #555555); --message-loading-color-bg-inline: var(--color-white, #FFFFFF); --message-loading-color-bg-addon: var(--color-transparent, transparent); --message-loading-color-bg-toast: var(--color-white, #FFFFFF); --message-loading-color-border-toast: var(--color-white, #FFFFFF); --message-loading-color-content-addon: var(--color-text1-3, #555555); --message-loading-color-content-toast: var(--color-text1-3, #555555); --message-size-m-title-content-padding-left: var(--s-1, 4px); --message-size-m-title-content-padding-right: var(--s-1, 4px); --message-size-m-icon: var(--icon-xs, 12px); --message-warning-icon-content: var(--icon-content-warning-for-component, ""); --message-error-icon-content: var(--icon-content-warning-for-component, ""); --message-success-icon-content: var(--icon-content-check-for-component, ""); --message-loading-icon-content: var(--icon-content-loading-line-for-component, ""); --message-notice-icon-content: var(--icon-content-info-for-component, ""); --message-help-icon-content: var(--icon-content-help-for-component, ""); --message-size-m-padding: var(--s-3, 12px); --message-size-m-border-width: var(--line-1, 1px); /* ------------------------ progress ------------------------ */ --progress-line-radius-l: var(--corner-1, 2px); --progress-line-radius-m: var(--corner-1, 2px); --progress-line-radius-s: var(--corner-1, 2px); --progress-line-normal-color: var(--color-brand1-6, #0064C8); --progress-line-started-color: var(--color-brand1-6, #0064C8); --progress-line-middle-color: var(--color-brand1-6, #0064C8); --progress-line-finishing-color: var(--color-brand1-6, #0064C8); --progress-circle-started-color: var(--color-brand1-6, #0064C8); --progress-circle-middle-color: var(--color-brand1-6, #0064C8); --progress-circle-finishing-color: var(--color-brand1-6, #0064C8); --progress-line-height-size-l: var(--s-2, 8px); --progress-line-height-size-m: var(--s-1, 4px); --progress-line-font-m: var(--font-size-body-1, 12px); --progress-line-underlay-color: var(--color-line1-1, #E3E4E6); --progress-line-font-color: var(--color-text1-9, #333333); --progress-line-error-color: var(--color-error-7, #C80000); --progress-line-success-color: var(--color-success-7, #00A700); --progress-circle-underlay-width: var(--s-1, 4px); --progress-circle-overlay-width: var(--s-1, 4px); --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-underlay-color: var(--color-line1-1, #E3E4E6); --progress-circle-text-color: var(--color-text1-7, #666666); --progress-circle-error-color: var(--color-error-7, #C80000); --progress-circle-success-color: var(--color-success-7, #00A700); --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-s: var(--font-size-caption, 12px); --progress-line-underlay-border-color: var(--color-line1-2, #C0C6CC); --progress-circle-size-l: var(--s-33, 132px); --progress-circle-size-m: var(--s-29, 116px); --progress-circle-size-s: var(--s-25, 100px); --progress-circle-corner: round; --progress-circle-normal-color: var(--color-brand1-6, #0064C8); /* ------------------------ collapse ------------------------ */ --collapse-title-font-size: var(--font-size-body-1, 12px); --collapse-icon-size: var(--icon-xs, 12px); --collapse-icon-margin-l: var(--s-4, 16px); --collapse-border-color: var(--color-line1-1, #E3E4E6); --collapse-panel-border-color: var(--color-line1-1, #E3E4E6); --collapse-title-font-color: var(--color-text1-9, #333333); --collapse-icon-color: var(--color-text1-9, #333333); --collapse-content-color: var(--color-text1-9, #333333); --collapse-border-width: var(--line-1, 1px); --collapse-title-border-width: var(--line-1, 1px); --collapse-disabled-border-color: var(--color-line1-1, #E3E4E6); --collapse-title-disabled-bg-color: var(--color-fill1-2, #F7F9FA); --collapse-title-font-disabled-color: var(--color-text1-5, #b3b3b3); --collapse-content-padding-x: var(--s-4, 16px); --collapse-title-bg-color: var(--color-fill1-2, #F7F9FA); --collapse-title-hover-bg-color: var(--color-fill1-3, #EFF3F8); --collapse-title-hover-font-color: var(--color-text1-9, #333333); --collapse-icon-hover-color: var(--color-text1-9, #333333); --collapse-title-height: var(--s-5, 20px); --collapse-title-padding-tb: var(--s-4, 16px); --collapse-content-padding-y: var(--s-4, 16px); --collapse-border-corner: var(--corner-1, 2px); --collapse-title-font-weight: var(--font-weight-2, normal); --collapse-title-hover-font-weight: var(--font-weight-2, normal); --collapse-icon-margin-r: var(--s-2, 8px); --collapse-content-bg-color: var(--color-white, #FFFFFF); --collapse-content-font-size: var(--font-size-body-1, 12px); --collapse-unfold-icon-content: var(--icon-reset, var(--icon-reset)); --collapse-fold-icon-content: var(--icon-content-forward-line, ""); /* ------------------------ radio ------------------------ */ --radio-width: var(--s-4, 16px); --radio-circle-size: var(--s-2, 8px); --radio-hovered-bg-color: var(--color-transparent, transparent); --radio-checked-bg-color: var(--color-white, #FFFFFF); --radio-disabled-bg-color: var(--color-fill1-2, #F7F9FA); --radio-checked-hovered-bg-color: var(--color-white, #FFFFFF); --radio-button-height-large: var(--s-9, 36px); --radio-button-height-medium: var(--s-8, 32px); --radio-button-height-small: var(--s-6, 24px); --radio-button-bg-color-hovered: var(--color-white, #FFFFFF); --radio-button-bg-color-checked-disabled: var(--color-fill1-4, #004080); --radio-button-border-color: var(--color-line1-2, #C0C6CC); --radio-button-border-color-hovered: var(--color-line1-4, #D1D5D9); --radio-button-border-color-checked: var(--color-brand1-6, #0064C8); --radio-button-font-color: var(--color-text1-3, #555555); --radio-button-font-color-checked: var(--color-brand1-6, #0064C8); --radio-button-font-size-large: var(--font-size-body-2, 14px); --radio-font-margin-left: var(--s-2, 8px); --radio-normal-font-color: var(--color-text1-9, #333333); --radio-shadow: var(--shadow-zero, none); --radio-checked-border-color: var(--color-fill1-4, #004080); --radio-checked-hovered-circle-color: var(--color-fill1-5, #0064C8); --radio-disabled-border-color: var(--color-line1-2, #C0C6CC); --radio-checked-disabled-border-color: var(--color-line1-2, #C0C6CC); --radio-checked-hovered-border-color: var(--color-fill1-4, #004080); --radio-checked-circle-color: var(--color-fill1-5, #0064C8); --radio-disabled-circle-color: var(--color-text1-5, #b3b3b3); --radio-normal-font-color-disabled: var(--color-text1-5, #b3b3b3); --radio-hovered-border-color: var(--color-fill1-4, #004080); --radio-checked-disabled-bg-color: var(--color-fill1-2, #F7F9FA); --radio-checked-disabled-circle-color: var(--color-text1-5, #b3b3b3); --radio-circle-border-width: var(--line-1, 1px); --radio-font-size: var(--font-size-body-1, 12px); --radio-radius-size: var(--corner-circle, 50%); --radio-bg-color: var(--color-white, #FFFFFF); --radio-border-color: var(--color-line1-3, #577899); --radio-button-padding-large: var(--s-2, 8px); --radio-button-padding-medium: var(--s-2, 8px); --radio-button-padding-small: var(--s-2, 8px); --radio-button-corner-large: var(--corner-1, 2px); --radio-button-corner-medium: var(--corner-1, 2px); --radio-button-corner-small: var(--corner-1, 2px); --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: var(--color-white, #FFFFFF); --radio-button-bg-color-checked: var(--color-white, #FFFFFF); --radio-button-bg-color-disabled: var(--color-fill1-1, #F8F8F9); --radio-button-border-color-disabled: var(--color-line1-1, #E3E4E6); --radio-button-border-color-checked-disabled: var(--color-line1-1, #E3E4E6); --radio-button-font-color-hovered: var(--color-text1-4, #111111); --radio-button-font-color-disabled: var(--color-text1-1, #C1C1C1); --radio-button-font-color-checked-disabled: var(--color-text1-1, #C1C1C1); /* ------------------------ tab ------------------------ */ --tab-nav-arrow-right-positon-right: var(--s-3, 12px); --tab-item-text-size-m: var(--font-size-body-2, 14px); --tab-item-text-size-s: var(--font-size-body-1, 12px); --tab-pure-text-color-hover: var(--color-brand1-6, #0064C8); --tab-pure-text-color-selected: var(--color-brand1-6, #0064C8); --tab-pure-ink-bar-color: var(--color-brand1-6, #0064C8); --tab-pure-divider-border-color: var(--color-line1-1, #E3E4E6); --tab-wrapped-bar-bg-color: var(--color-transparent, transparent); --tab-wrapped-ink-bar-color: var(--color-brand1-6, #0064C8); --tab-wrapped-border-line-color: var(--color-line1-1, #E3E4E6); --tab-wrapped-bg-color: var(--color-white, #FFFFFF); --tab-wrapped-bg-color-hover: var(--color-fill1-1, #F8F8F9); --tab-wrapped-border-line-color-hover: var(--color-line1-1, #E3E4E6); --tab-capsule-text-color-selected: var(--color-brand1-6, #0064C8); --tab-capsule-bg-color: var(--color-white, #FFFFFF); --tab-text-text-color-hover: var(--color-brand1-6, #0064C8); --tab-wrapped-text-color-selected: var(--color-brand1-6, #0064C8); --tab-wrapped-bg-color-selected: var(--color-white, #FFFFFF); --tab-text-item-sep-height: var(--s-3, 12px); --tab-text-text-color-selected: var(--color-brand1-6, #0064C8); --tab-item-padding-tb-size-s: var(--s-2, 8px); --tab-item-font-weight-selected: var(--font-weight-semi-bold, 600); --tab-pure-divider-line-width: var(--line-1, 1px); --tab-pure-text-color-normal: var(--color-text1-9, #333333); --tab-capsule-text-color: var(--color-text1-9, #333333); --tab-capsule-text-color-hover: var(--color-text1-9, #333333); --tab-capsule-bg-color-hover: var(--color-fill1-2, #F7F9FA); --tab-capsule-bg-color-selected: var(--color-fill1-3, #EFF3F8); --tab-capsule-tab-border-line-color: var(--color-line1-2, #C0C6CC); --tab-capsule-tab-border-line-color-hover: var(--color-line1-2, #C0C6CC); --tab-capsule-tab-border-line-color-active: var(--color-line1-2, #C0C6CC); --tab-item-padding-lr-size-s: var(--s-4, 16px); --tab-nav-tab-icon-size-m: var(--icon-xs, 12px); --tab-nav-tab-icon-size-s: var(--icon-xs, 12px); --tab-nav-arrow-color-normal: var(--color-text1-9, #333333); --tab-nav-arrow-color-hover: var(--color-fill1-5, #0064C8); --tab-nav-arrow-color-disabled: var(--color-text1-3, #555555); --tab-item-padding-tb-size-m: var(--s-3, 12px); --tab-wrapped-text-color: var(--color-text1-9, #333333); --tab-wrapped-text-color-hover: var(--color-text1-9, #333333); --tab-wrapped-tab-corner-radius: var(--corner-zero, 0); --tab-wrapped-tab-margin-right: -1px; --tab-nav-scroll-padding-right-m: var(--s-15, 60px); --tab-nav-scroll-padding-right-s: var(--s-14, 56px); --tab-nav-close-icon-size-m: var(--icon-xs, 12px); --tab-nav-close-icon-size-s: var(--icon-xxs, 8px); --tab-nav-close-icon-padding-l-size-m: var(--s-2, 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-down-positon-right: var(--s-2, 8px); --tab-item-padding-lr-size-m: var(--s-4, 16px); --tab-close-icon-color: var(--color-text1-3, #555555); --tab-close-icon-color-hover: var(--color-text1-4, #111111); --tab-close-icon-color-selected: var(--color-brand1-6, #0064C8); --tab-close-icon-color-disabled: var(--color-line1-2, #C0C6CC); --tab-pure-ink-bar-width: var(--line-2, 2px); --tab-pure-bg-color: var(--color-transparent, transparent); --tab-pure-text-color-disabled: var(--color-line1-2, #C0C6CC); --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-bottom: var(--s-1, 4px); --tab-wrapped-ink-bar-width: var(--line-2, 2px); --tab-wrapped-nav-item-border-color-active: var(--color-brand1-6, #0064C8); --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, #C0C6CC); --tab-wrapped-text-color-disabled: var(--color-text1-1, #C1C1C1); --tab-wrapped-bg-color-disabled: var(--color-fill1-1, #F8F8F9); --tab-capsule-text-color-disabled: var(--color-text1-1, #C1C1C1); --tab-capsule-bg-color-disabled: var(--color-fill1-1, #F8F8F9); --tab-capsule-tab-border-line-color-disabled: var(--color-line1-1, #E3E4E6); --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-color: var(--color-line1-2, #C0C6CC); --tab-text-text-color-normal: var(--color-text1-3, #555555); --tab-text-text-color-disabled: var(--color-text1-1, #C1C1C1); --tab-icon-dropdown-content: var(--icon-content-expand-down-for-component, ""); --tab-icon-prev-content: var(--icon-content-left-for-component, ""); --tab-icon-next-content: var(--icon-content-right-for-component, ""); /* ------------------------ calendar ------------------------ */ --calendar-fullscreen-table-cell-hover-background: var(--color-brand1-1, #F7F9FA); --calendar-fullscreen-table-cell-select-background: var(--color-brand1-1, #F7F9FA); --calendar-card-table-cell-hover-border-color: var(--color-transparent, transparent); --calendar-fullscreen-table-head-color: var(--color-text1-2, #888888); --calendar-fullscreen-table-cell-normal-color: var(--color-text1-5, #b3b3b3); --calendar-fullscreen-table-cell-normal-border-color: var(--color-line1-1, #E3E4E6); --calendar-fullscreen-table-cell-hover-color: var(--color-brand1-6, #0064C8); --calendar-fullscreen-table-cell-hover-border-color: var(--color-brand1-6, #0064C8); --calendar-fullscreen-table-cell-select-color: var(--color-brand1-6, #0064C8); --calendar-fullscreen-table-cell-select-border-color: var(--color-brand1-6, #0064C8); --calendar-fullscreen-table-cell-current-color: var(--color-brand1-6, #0064C8); --calendar-fullscreen-table-cell-current-border-color: var(--color-brand1-6, #0064C8); --calendar-fullscreen-table-cell-disabled-background: var(--color-fill1-2, #F7F9FA); --calendar-card-table-cell-font-size: var(--font-size-body-1, 12px); --calendar-card-table-cell-select-background: var(--color-brand1-6, #0064C8); --calendar-card-table-cell-select-border-color: var(--color-brand1-6, #0064C8); --calendar-card-table-cell-disabled-border-color: var(--color-transparent, transparent); --calendar-card-table-cell-current-color: var(--color-brand1-6, #0064C8); --calendar-card-table-cell-inrange-border-color: var(--color-transparent, transparent); --calendar-btn-date-color-hover: var(--color-brand1-6, #0064C8); --calendar-card-table-head-color: var(--color-text1-7, #666666); --calendar-card-table-cell-normal-color: var(--color-text1-9, #333333); --calendar-card-table-cell-hover-background: var(--color-fill1-2, #F7F9FA); --calendar-card-table-cell-hover-color: var(--color-text1-9, #333333); --calendar-card-table-cell-select-font-weight: var(--font-weight-2, normal); --calendar-card-table-cell-other-color: var(--color-text1-3, #555555); --calendar-card-table-cell-current-font-weight: var(--font-weight-2, normal); --calendar-panel-header-height: var(--s-8, 32px); --calendar-panel-header-border-bottom-width: var(--line-1, 1px); --calendar-btn-date-margin-lr: var(--s-1, 4px); --calendar-btn-arrow-size: var(--icon-xs, 12px); --calendar-btn-arrow-color: var(--color-text1-9, #333333); --calendar-btn-arrow-color-hover: var(--color-brand1-6, #0064C8); --calendar-btn-date-color: var(--color-text1-9, #333333); --calendar-card-table-cell-inrange-background: var(--color-fill1-3, #EFF3F8); --calendar-card-table-cell-inrange-color: var(--color-text1-9, #333333); --calendar-panel-header-margin-bottom: var(--s-4, 16px); --calendar-btn-date-font-weight: var(--font-weight-medium, 500); --calendar-btn-arrow-single-offset-lr: var(--s-9, 36px); --calendar-btn-arrow-double-offset-lr: var(--s-4, 16px); --calendar-panel-header-background: var(--color-transparent, transparent); --calendar-panel-header-border-bottom-color: var(--color-transparent, transparent); --calendar-card-table-head-font-size: var(--font-size-body-1, 12px); --calendar-card-table-cell-disabled-background: var(--color-transparent, transparent); --calendar-card-table-cell-current-border-color: var(--color-fill1-5, #0064C8); --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, 14px); --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-cell-normal-background: var(--color-white, #FFFFFF); --calendar-fullscreen-table-cell-select-font-weight: var(--font-weight-3, bold); --calendar-fullscreen-table-cell-current-background: var(--color-white, #FFFFFF); --calendar-fullscreen-table-cell-current-font-weight: var(--font-weight-3, bold); --calendar-fullscreen-table-cell-other-background: var(--color-transparent, transparent); --calendar-fullscreen-table-cell-other-color: var(--color-text1-1, #C1C1C1); --calendar-fullscreen-table-cell-other-border-color: var(--color-transparent, transparent); --calendar-fullscreen-table-cell-disabled-color: var(--color-text1-1, #C1C1C1); --calendar-fullscreen-table-cell-disabled-border-color: var(--color-line1-1, #E3E4E6); --calendar-card-header-margin-bottom: var(--s-2, 8px); --calendar-card-table-head-font-weight: var(--font-weight-2, normal); --calendar-card-table-cell-date-border-radius: var(--corner-1, 2px); --calendar-card-table-cell-date-width: var(--s-6, 24px); --calendar-card-table-cell-date-height: var(--s-6, 24px); --calendar-card-table-cell-month-border-radius: var(--corner-1, 2px); --calendar-card-table-cell-month-width: var(--s-15, 60px); --calendar-card-table-cell-month-height: var(--s-6, 24px); --calendar-card-table-cell-year-border-radius: var(--corner-1, 2px); --calendar-card-table-cell-year-width: var(--s-12, 48px); --calendar-card-table-cell-year-height: var(--s-6, 24px); --calendar-card-table-cell-corner: var(--corner-zero, 0); --calendar-card-table-cell-normal-background: var(--color-white, #FFFFFF); --calendar-card-table-cell-normal-border-color: var(--color-white, #FFFFFF); --calendar-card-table-cell-select-color: var(--color-white, #FFFFFF); --calendar-card-table-cell-other-background: var(--color-white, #FFFFFF); --calendar-card-table-cell-other-border-color: var(--color-white, #FFFFFF); --calendar-card-table-cell-current-background: var(--color-white, #FFFFFF); --calendar-card-table-cell-disabled-color: var(--color-text1-5, #b3b3b3); --calendar-btn-arrow-content-prev: var(--icon-content-left-for-component, ""); --calendar-btn-arrow-content-next: var(--icon-content-right-for-component, ""); --calendar-btn-arrow-content-prev-super: var(--icon-content-d-left-for-component, ""); --calendar-btn-arrow-content-next-super: var(--icon-content-d-right-for-component, ""); /* ------------------------ breadcrumb ------------------------ */ --breadcrumb-text-keyword-color: var(--color-link-1, #0064C8); --breadcrumb-size-m-font-size: var(--font-size-body-1, 12px); --breadcrumb-text-color: var(--color-text1-7, #666666); --breadcrumb-icon-color: var(--color-brand2-2, #E3E4E6); --breadcrumb-text-color-hover: var(--color-text1-9, #333333); --breadcrumb-text-current-color-hover: var(--color-text1-5, #b3b3b3); --breadcrumb-size-m-icon-size: var(--icon-xs, 12px); --breadcrumb-text-current-color: var(--color-text1-5, #b3b3b3); --breadcrumb-icon-sep-content: var(--icon-content-xiexian, ""); --breadcrumb-size-ellipsis-font-size: var(--font-size-caption, 12px); --breadcrumb-size-m-icon-margin: var(--s-2, 8px); --breadcrumb-text-current-weight: var(--font-weight-2, normal); --breadcrumb-text-ellipsis-color: var(--color-text1-3, #555555); --breadcrumb-text-keyword-color-hover: var(--color-brand1-6, #0064C8); /* ------------------------ menu-button ------------------------ */ --menu-btn-ghost-light-icon-color: var(--color-brand1-6, #0064C8); --menu-btn-disabled-icon-color: var(--color-text1-1, #C1C1C1); --menu-btn-ghost-light-disabled-icon-color: var(--btn-ghost-light-color-disabled, #c1c1c1); --menu-btn-ghost-dark-disabled-icon-color: var(--btn-ghost-dark-color-disabled, rgba(255, 255, 255, 0.25)); --menu-btn-pure-text-primary-icon-color: var(--color-white, #FFFFFF); --menu-btn-text-text-normal-icon-color: var(--color-text1-4, #111111); --menu-btn-text-text-primary-icon-color: var(--color-link-1, #0064C8); --menu-btn-ghost-dark-icon-color: var(--color-white, #FFFFFF); --menu-btn-unfold-icon-content: var(--icon-reset, var(--icon-reset)); --menu-btn-fold-icon-content: var(--icon-content-expand-down-for-component, ""); --menu-btn-pure-text-normal-icon-color: var(--color-text1-7, #666666); --menu-btn-pure-text-secondary-icon-color: var(--color-text1-7, #666666); /* ------------------------ tree ------------------------ */ --tree-switch-icon-size: var(--icon-xs, 12px); --tree-switch-icon-color: var(--color-text1-3, #555555); --tree-switch-border-color: var(--color-fill1-7, #003C78); --tree-line-color: var(--color-line1-1, #E3E4E6); --tree-switch-hover-icon-color: var(--color-text1-3, #555555); --tree-switch-hover-bg-color: var(--color-white, #FFFFFF); --tree-switch-hover-border-color: var(--color-text1-3, #555555); --tree-node-selected-color: var(--color-brand1-6, #0064C8); --tree-node-selected-background: var(--color-transparent, transparent); --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-arrow-size: var(--icon-xs, 12px); --tree-switch-margint-right: var(--s-1, 4px); --tree-node-normal-color: var(--color-text1-9, #333333); --tree-switch-arrow-color: var(--color-line1-2, #C0C6CC); --tree-node-hover-color: var(--color-text1-9, #333333); --tree-node-hover-bg-color: var(--color-fill1-2, #F7F9FA); --tree-switch-hover-arrow-color: var(--color-fill1-5, #0064C8); --tree-node-disabled-color: var(--color-text1-3, #555555); --tree-node-padding: var(--s-1, 4px); --tree-node-title-font-size: var(--font-size-body-1, 12px); --tree-switch-size: var(--s-4, 16px); --tree-switch-border-width: var(--line-1, 1px); --tree-line-width: var(--line-1, 1px); --tree-node-normal-background: var(--color-white, #FFFFFF); --tree-node-title-border-radius: var(--corner-1, 2px); --tree-switch-bg-color: var(--color-white, #FFFFFF); --tree-switch-corner: var(--corner-1, 2px); --tree-line-style: var(--line-solid, solid); --tree-unfold-icon-content: var(--icon-reset, var(--icon-reset)); --tree-fold-icon-content: var(--icon-content-button_down, ""); /* ------------------------ tag ------------------------ */ --tag-size-s-icon-font: var(--icon-xs, 12px); --tag-secondary-text-color-hover: var(--color-brand1-6, #0064C8); --tag-checkable-primary-border-color: var(--color-brand1-6, #0064C8); --tag-corner-radius: var(--corner-3, 12px); --tag-size-m-text-size: var(--font-size-body-1, 12px); --tag-bordered-text-color: var(--color-text1-9, #333333); --tag-bordered-border-color: var(--color-line1-2, #C0C6CC); --tag-bordered-bg: var(--color-white, #FFFFFF); --tag-bordered-border-color-disabled: var(--color-line1-4, #D1D5D9); --tag-bordered-bg-disabled: var(--color-white, #FFFFFF); --tag-size-m-padding-lr: var(--s-2, 8px); --tag-size-m-tick-icon-bg-size: var(--s-zero, 0px); --tag-size-s-tick-icon-bg-size: var(--s-zero, 0px); --tag-bordered-border-color-hover: var(--color-line1-2, #C0C6CC); --tag-checkable-normal-text-color: var(--color-text1-9, #333333); --tag-checkable-normal-border-color: var(--color-line1-2, #C0C6CC); --tag-checkable-normal-bg: var(--color-white, #FFFFFF); --tag-checkable-normal-border-color-hover: var(--color-line1-2, #C0C6CC); --tag-checkable-normal-bg-hover: var(--color-fill1-2, #F7F9FA); --tag-size-m-icon-font: var(--icon-xs, 12px); --tag-closable-bordered-text-color: var(--color-text1-9, #333333); --tag-closable-bordered-border-color: var(--color-line1-2, #C0C6CC); --tag-closable-bordered-bg: var(--color-white, #FFFFFF); --tag-closable-bordered-tail-color: var(--color-text1-9, #333333); --tag-closable-normal-icon-color-hover: var(--color-text1-9, #333333); --tag-closable-normal-bg-hover: var(--color-fill1-2, #F7F9FA); --tag-closable-bordered-border-color-hover: var(--color-line1-2, #C0C6CC); --tag-closable-bordered-bg-hover: var(--color-fill1-2, #F7F9FA); --tag-closable-bordered-tail-color-hover: var(--color-text1-9, #333333); --tag-fill-tail-color: var(--color-text1-9, #333333); --tag-fill-tail-color-hover: var(--color-text1-9, #333333); --tag-closable-primary-fill-text-color: var(--color-text1-9, #333333); --tag-closable-primary-fill-border-color: var(--color-line1-2, #C0C6CC); --tag-closable-primary-fill-bg-color: var(--color-white, #FFFFFF); --tag-closable-primary-fill-border-color-hover: var(--color-line1-2, #C0C6CC); --tag-closable-primary-fill-bg-color-hover: var(--color-fill1-2, #F7F9FA); --tag-size-s-text-size: var(--font-size-body-1, 12px); --tag-size-m-height: var(--s-6, 24px); --tag-size-s-height: var(--s-5, 20px); --tag-fill-tail-color-disabled: var(--color-text1-5, #b3b3b3); --tag-bordered-text-color-disabled: var(--color-text1-5, #b3b3b3); --tag-checkable-normal-text-selected-disabled: var(--color-text1-5, #b3b3b3); --tag-closable-primary-fill-text-color-disabled: var(--color-text1-5, #b3b3b3); --tag-checkable-normal-bg-selected: var(--color-white, #FFFFFF); --tag-checkable-normal-bg-selected-hover: var(--color-transparent, transparent); --tag-checkable-normal-text-color-hover: var(--color-fill1-5, #0064C8); --tag-checkable-normal-border-selected-disabled: var(--color-line1-4, #D1D5D9); --tag-checkable-normal-bg-selected-disabled: var(--color-white, #FFFFFF); --tag-checkable-normal-icon-color-selected: var(--color-transparent, transparent); --tag-checkable-normal-icon-color-selected-hover: var(--color-transparent, transparent); --tag-size-l-height: var(--s-7, 28px); --tag-checkable-fill-text-color: var(--color-text1-9, #333333); --tag-checkable-fill-bg-color: var(--color-white, #FFFFFF); --tag-checkable-fill-border-color: var(--color-line1-2, #C0C6CC); --tag-checkable-fill-text-color-hover: var(--color-fill1-5, #0064C8); --tag-checkable-fill-bg-color-hover: var(--color-fill1-2, #F7F9FA); --tag-checkable-fill-border-color-hover: var(--color-line1-2, #C0C6CC); --tag-checkable-primary-text-color: var(--color-brand1-6, #0064C8); --tag-checkable-primary-bg-color: var(--color-white, #FFFFFF); --tag-checkable-primary-text-color-hover: var(--color-brand1-6, #0064C8); --tag-checkable-primary-bg-color-hover: var(--color-fill1-2, #F7F9FA); --tag-checkable-fill-text-color-disabled: var(--color-text1-5, #b3b3b3); --tag-checkable-fill-border-color-disabled: var(--color-line1-4, #D1D5D9); --tag-checkable-fill-bg-color-disabled: var(--color-white, #FFFFFF); --tag-checkable-primary-text-color-disabled: var(--color-text1-5, #b3b3b3); --tag-checkable-primary-border-color-disabled: var(--color-line1-4, #D1D5D9); --tag-checkable-primary-bg-color-disabled: var(--color-white, #FFFFFF); --tag-closable-bordered-text-color-hover: var(--color-brand1-6, #0064C8); --tag-closable-bordered-border-color-disabled: var(--color-line1-4, #D1D5D9); --tag-closable-bordered-text-color-disabled: var(--color-text1-5, #b3b3b3); --tag-fill-border-color: var(--color-line1-2, #C0C6CC); --tag-fill-border-color-hover: var(--color-line1-2, #C0C6CC); --tag-fill-text-color-disabled: var(--color-text1-5, #b3b3b3); --tag-fill-border-color-disabled: var(--color-line1-4, #D1D5D9); --tag-fill-bg-color-disabled: var(--color-white, #FFFFFF); --tag-secondary-text-color: var(--color-brand1-6, #0064C8); --tag-fill-text-color-hover: var(--color-text1-9, #333333); --tag-bordered-text-color-hover: var(--color-text1-9, #333333); --tag-secondary-border-color: var(--color-brand1-6, #0064C8); --tag-secondary-border-color-hover: var(--color-brand1-6, #0064C8); --tag-fill-bg-color: var(--color-white, #FFFFFF); --tag-fill-bg-color-hover: var(--color-white, #FFFFFF); --tag-bordered-bg-hover: var(--color-white, #FFFFFF); --tag-secondary-bg-hover: var(--color-fill1-2, #F7F9FA); --tag-checkable-primary-border-color-hover: var(--color-fill1-5, #0064C8); --tag-closable-primary-fill-text-color-hover: var(--color-brand1-6, #0064C8); --tag-closable-primary-fill-border-color-disabled: var(--color-line1-4, #D1D5D9); --tag-closable-primary-fill-bg-color-disabled: var(--color-white, #FFFFFF); --tag-size-l-padding-lr: var(--s-4, 16px); --tag-size-s-padding-lr: 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-l-text-size: var(--font-size-subhead, 14px); --tag-size-s-content-min-width: var(--s-7, 28px); --tag-size-m-content-min-width: var(--s-10, 40px); --tag-size-l-content-min-width: var(--s-12, 48px); --tag-size-l-icon-font: var(--icon-xs, 12px); --tag-size-l-tick-icon-size: var(--icon-s, 16px); --tag-size-m-tick-icon-size: var(--icon-xs, 12px); --tag-size-s-tick-icon-size: var(--icon-xxs, 8px); --tag-size-l-tick-icon-bg-size: var(--s-9, 36px); --tag-normal-text-color: var(--color-text1-4, #111111); --tag-fill-text-color: var(--color-text1-3, #555555); --tag-closable-normal-icon-color: var(--color-white, #FFFFFF); --tag-closable-normal-icon-color-disabled: var(--color-white, #FFFFFF); --tag-closable-normal-bg: var(--color-line1-3, #577899); --tag-closable-normal-bg-disabled: var(--color-line1-1, #E3E4E6); --tag-closable-bordered-tail-color-disabled: var(--color-text1-1, #C1C1C1); --tag-closable-bordered-bg-disabled: var(--color-transparent, transparent); --tag-bordered-tail-color: var(--color-text1-3, #555555); --tag-normal-text-color-hover: var(--color-brand1-6, #0064C8); --tag-bordered-tail-color-hover: var(--color-text1-4, #111111); --tag-bordered-tail-color-disabled: var(--color-text1-1, #C1C1C1); --tag-checkable-secondary-bg-selected: var(--color-brand1-6, #0064C8); --tag-checkable-secondary-bg-selected-hover: var(--color-brand1-9, #002850); --tag-primary-background-color: var(--color-brand1-6, #0064C8); --tag-secondary-bg: var(--color-transparent, transparent); --tag-text-color-disabled: var(--color-text1-1, #C1C1C1); --tag-border-color-disabled: var(--color-line1-1, #E3E4E6); --tag-checkable-fill-tail-color: var(--color-text1-3, #555555); --tag-checkable-fill-tail-color-hover: var(--color-text1-4, #111111); --tag-checkable-fill-tail-color-disabled: var(--color-text1-1, #C1C1C1); --tag-checkable-normal-tick-bg-selected-disabled: var(--color-line1-1, #E3E4E6); --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, #E3E4E6); --tag-checkable-normal-icon-color-selected-disabled: var(--color-white, #FFFFFF); --tag-checkable-secondary-icon-color-selected: var(--color-white, #FFFFFF); --tag-checkable-secondary-icon-color-selected-hover: var(--color-white, #FFFFFF); --tag-checkable-secondary-icon-color-selected-disabled: var(--color-white, #FFFFFF); /* ------------------------ input ------------------------ */ --input-disabled-bg-color: var(--color-fill1-2, #F7F9FA); --input-multiple-padding-lr: var(--s-4, 16px); --input-multiple-padding-tb: var(--s-3, 12px); --input-addon-bg-color: var(--color-fill1-1, #F8F8F9); --input-feedback-loading-color: var(--color-text1-2, #888888); --input-l-label-padding-left: var(--s-4, 16px); --input-m-label-padding-left: var(--s-4, 16px); --input-text-color: var(--color-text1-9, #333333); --input-border-color: var(--color-line1-2, #C0C6CC); --input-hover-border-color: var(--color-line1-2, #C0C6CC); --input-focus-border-color: var(--color-brand1-6, #0064C8); --input-placeholder-color: var(--color-text1-7, #666666); --input-feedback-error-border-color: var(--color-error-7, #C80000); --input-focus-shadow-spread: var(--line-zero, 0px); --input-disabled-color: var(--color-text1-5, #b3b3b3); --input-disabled-border-color: var(--color-line1-2, #C0C6CC); --input-m-padding: var(--s-3, 12px); --input-l-padding: var(--s-3, 12px); --input-s-padding: var(--s-3, 12px); --input-l-icon-padding-right: var(--s-3, 12px); --input-label-color: var(--color-text1-3, #555555); --input-hover-bg-color: var(--color-white, #FFFFFF); --input-focus-bg-color: var(--color-white, #FFFFFF); --input-border-width: var(--line-1, 1px); --input-bg-color: var(--color-white, #FFFFFF); --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, #888888); --input-addon-padding: var(--s-2, 8px); --input-m-icon-padding-right: var(--s-2, 8px); --input-s-label-padding-left: var(--s-2, 8px); --input-s-icon-padding-right: var(--s-1, 4px); --input-feedback-warning-bg-color: var(--color-white, #FFFFFF); --input-feedback-loading-icon: var(--icon-content-loading, ""); --input-feedback-error-bg-color: var(--color-white, #FFFFFF); --input-maxlen-error-color: var(--color-error-3, #F8EFEF); --input-maxlen-warning-color: var(--color-warning-3, #FFF3B4); --input-maxlen-color: var(--color-text1-2, #888888); --input-maxlen-font-size: var(--font-size-caption, 12px); --input-hint-color: var(--color-text1-2, #888888); --input-hint-hover-color: var(--color-text1-3, #555555); --input-feedback-warning-border-color: var(--color-warning-6, #FAC800); --input-feedback-warning-color: var(--color-warning-6, #FAC800); --input-feedback-success-color: var(--color-success-7, #00A700); --input-feedback-warning-icon: var(--icon-content-warning-for-component, ""); --input-feedback-success-icon: var(--icon-content-check-for-component, ""); --input-feedback-clear-icon: var(--icon-content-closemark-for-component, ""); /* ------------------------ form ------------------------ */ --form-item-l-margin-b: var(--s-4, 16px); --form-help-color: var(--color-text1-2, #888888); --form-label-color: var(--color-text1-3, #555555); --form-error-color: var(--color-error-7, #C80000); --form-item-s-margin-b: var(--s-4, 16px); --form-label-padding-r: var(--s-3, 12px); --form-item-m-margin-b: var(--s-4, 16px); --form-inline-l-item-margin-r: var(--s-6, 24px); --form-inline-m-item-margin-r: var(--s-5, 20px); --form-inline-s-item-margin-r: var(--s-4, 16px); --form-help-margin-top: var(--s-1, 4px); --form-help-font-size: var(--font-size-caption, 12px); --form-warning-color: var(--color-warning-3, #FFF3B4); --form-top-label-margin-b: 2px; /* ------------------------ loading ------------------------ */ --loading-dot-color: var(--color-brand1-6, #0064C8); --loading-icon-size: var(--icon-xl, 32px); --loading-large-size: var(--s-12, 48px); --loading-large-dot-size: var(--icon-xs, 12px); --loading-medium-size: var(--s-8, 32px); --loading-medium-dot-size: var(--icon-xxs, 8px); /* ------------------------ table ------------------------ */ --table-group-th-bg: var(--color-fill1-2, #F7F9FA); --table-empty-color: var(--color-text1-5, #b3b3b3); --table-group-footer-bg: var(--color-fill1-2, #F7F9FA); --table-normal-border-color: var(--color-line1-1, #E3E4E6); --table-th-color: var(--color-text1-9, #333333); --table-row-color: var(--color-text1-9, #333333); --table-row-selected-bg: var(--color-fill1-3, #EFF3F8); --table-row-selected-color: var(--color-text1-9, #333333); --table-row-hover-color: var(--color-text1-9, #333333); --table-row-hover-bg: var(--color-fill1-2, #F7F9FA); --table-expanded-icon-size: var(--icon-s, 16px); --table-tree-expanded-icon-size: var(--icon-s, 16px); --table-tree-fold-icon-content: var(--icon-content-zhankai, ""); --table-tree-unfold-icon-content: var(--icon-content-shouqi, ""); --table-expand-fold-icon-content: var(--icon-content-down, ""); --table-expand-unfold-icon-content: var(--icon-content-up, ""); --table-th-bg: var(--color-fill1-3, #EFF3F8); --table-normal-border-width: var(--line-1, 1px); --table-th-font-size: var(--font-size-body-1, 12px); --table-th-font-weight: var(--font-weight-2, normal); --table-sort-icon-size: var(--icon-xs, 12px); --table-filter-icon-size: var(--icon-xs, 12px); --table-body-font-size: var(--font-size-body-1, 12px); --table-empty-padding: var(--s-8, 32px); --table-header-icon-margin-left: var(--s-2, 8px); --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-normal-border-style: var(--line-solid, solid); --table-sort-color: var(--color-text1-4, #111111); --table-group-th-color: var(--color-text1-4, #111111); --table-row-bg: var(--color-white, #FFFFFF); --table-td-gray: var(--color-fill1-1, #F8F8F9); --table-td-normal: var(--color-white, #FFFFFF); --table-group-footer-color: var(--color-text1-4, #111111); --table-sort-color-current: var(--color-brand1-6, #0064C8); --table-expanded-ctrl-disabled-color: var(--color-text1-2, #888888); --table-cell-padding-top: var(--s-2, 8px); --table-cell-padding-left: var(--s-4, 16px); --table-header-padding-left: var(--s-4, 16px); --table-header-padding-top: var(--s-2, 8px); /* ------------------------ upload ------------------------ */ --upload-text-list-height: var(--s-11, 44px); --upload-text-list-padding-left-right: var(--s-4, 16px); --upload-text-list-close-icon-size: var(--icon-xs, 12px); --upload-text-list-name-font-color-hover: var(--color-brand1-6, #0064C8); --upload-text-list-size-font-color-hover: var(--color-brand1-6, #0064C8); --upload-image-list-item-bg-color: var(--color-fill1-1, #F8F8F9); --upload-image-list-item-uploading-bg-color: var(--color-fill1-1, #F8F8F9); --upload-image-list-item-error-bg-color: var(--color-error-1, #FDFBFB); --upload-image-list-item-border-color: var(--color-transparent, transparent); --upload-image-list-item-border-color-error: var(--color-transparent, transparent); --upload-image-list-item-border-color-hover: var(--color-transparent, transparent); --upload-image-list-item-picture-border-color: var(--color-line1-1, #E3E4E6); --upload-image-list-item-picture-background-color: var(--color-fill1-1, #F8F8F9); --upload-card-bg-color: var(--color-white, #FFFFFF); --upload-card-list-border-color: var(--color-line1-1, #E3E4E6); --upload-drag-zone-over-border-color: var(--color-line1-4, #D1D5D9); --upload-text-list-progressbar-height: var(--s-1, 4px); --upload-text-list-error-text-color: var(--color-error-7, #C80000); --upload-text-list-close-icon-color: var(--color-text1-9, #333333); --upload-text-list-name-font-color: var(--color-text1-9, #333333); --upload-text-list-size-font-color: var(--color-text1-7, #666666); --upload-image-list-close-icon-color: var(--color-text1-9, #333333); --upload-image-list-close-icon-color-hover: var(--color-text1-9, #333333); --upload-image-list-progressbar-height: var(--s-1, 4px); --upload-card-size: var(--s-22, 88px); --upload-card-add-icon-size: var(--icon-s, 16px); --upload-card-add-text-margin-top: var(--s-2, 8px); --upload-card-border-color: var(--color-line1-2, #C0C6CC); --upload-card-hover-border-color: var(--color-fill1-5, #0064C8); --upload-card-font-color: var(--color-text1-9, #333333); --upload-card-icon-color: var(--color-text1-9, #333333); --upload-card-hover-font-color: var(--color-fill1-5, #0064C8); --upload-disable-text-color: var(--color-text1-3, #555555); --upload-disable-border-color: var(--color-line1-4, #D1D5D9); --upload-card-list-uploading-bg-color: var(--color-white, #FFFFFF); --upload-card-list-thumbnail-font-color: var(--color-fill1-5, #0064C8); --upload-card-list-thumbnail-icon-size: var(--icon-s, 16px); --upload-card-list-name-font-color: var(--color-text1-9, #333333); --upload-card-list-progressbar-height: var(--s-1, 4px); --upload-card-list-thumbnail-font-size: var(--font-size-body-1, 12px); --upload-card-list-name-font-size: var(--font-size-body-1, 12px); --upload-card-list-border-color-error: var(--color-error-7, #C80000); --upload-drag-zone-border-color: var(--color-line1-4, #D1D5D9); --upload-drag-zone-font-size: var(--font-size-body-1, 12px); --upload-drag-zone-icon-size: var(--s-4, 16px); --upload-drag-zone-hint-font-size: var(--font-size-body-1, 12px); --upload-drag-zone-bg-color: var(--color-transparent, transparent); --upload-drag-zone-upload-icon-color: var(--color-fill1-5, #0064C8); --upload-drag-zone-upload-normal-title-color: var(--color-text1-9, #333333); --upload-drag-zone-upload-normal-hint-color: var(--color-text1-9, #333333); --upload-text-list-bg-color: var(--color-transparent, transparent); --upload-text-list-bg-color-hover: var(--color-transparent, transparent); --upload-text-list-close-icon-color-hover: var(--color-fill1-5, #0064C8); --upload-text-list-bg-color-error: var(--color-transparent, transparent); --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-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, #C1C1C1); --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-card-margin-bottom: var(--s-4, 16px); --upload-card-add-text-size: var(--font-size-body-1, 12px); --upload-card-border-style: var(--line-dashed, dashed); --upload-card-add-icon: var(--icon-content-add, ""); --upload-card-list-bg-color: var(--color-transparent, transparent); --upload-card-list-bg-color-error: var(--color-fill1-1, #F8F8F9); --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-name-margin-top: var(--s-1, 4px); --upload-select-card-tool-bg-color: var(--color-black, #000000); --upload-select-card-tool-bg-opacity: .7; --upload-drag-zone-corner: var(--corner-1, 2px); --upload-drag-zone-upload-icon: var(--icon-content-upload-for-component, ""); /* ------------------------ dialog ------------------------ */ --dialog-title-bg-color: var(--color-white, #FFFFFF); --dialog-footer-bg-color: var(--color-white, #FFFFFF); --dialog-message-title-padding-top: var(--s-4, 16px); --dialog-message-title-padding-bottom: var(--s-4, 16px); --dialog-message-title-padding-left-right: var(--s-6, 24px); --dialog-content-font-size: var(--font-size-body-1, 12px); --dialog-border-color: var(--color-line1-2, #C0C6CC); --dialog-shadow: var(--shadow-3, 0px 8px 16px 0px rgba(0, 0, 0, 0.2)); --dialog-title-color: var(--color-text1-9, #333333); --dialog-content-color: var(--color-text1-9, #333333); --dialog-close-color-hovered: var(--color-text1-9, #333333); --dialog-corner: var(--corner-2, 4px); --dialog-close-size: var(--icon-s, 16px); --dialog-close-color: var(--color-text1-7, #666666); --dialog-close-bg-hovered: var(--color-white, #FFFFFF); --dialog-title-border-width: var(--line-zero, 0px); --dialog-content-padding-top: var(--s-zero, 0px); --dialog-footer-border-width: var(--line-zero, 0px); --dialog-footer-padding-top: var(--s-4, 16px); --dialog-footer-button-spacing: var(--s-2, 8px); --dialog-title-border-color: var(--color-line1-2, #C0C6CC); --dialog-footer-border-color: var(--color-line1-2, #C0C6CC); --dialog-border-width: var(--line-1, 1px); --dialog-close-width: var(--s-4, 16px); --dialog-bg: var(--color-white, #FFFFFF); --dialog-border-style: var(--line-solid, solid); --dialog-title-padding-bottom: var(--s-4, 16px); --dialog-content-padding-bottom: var(--s-4, 16px); --dialog-content-padding-left-right: var(--s-6, 24px); --dialog-message-content-padding-bottom: var(--s-4, 16px); --dialog-message-content-padding-left-right: var(--s-6, 24px); --dialog-message-content-padding-top: var(--s-12, 48px); --dialog-title-font-size: var(--font-size-title, 16px); --dialog-title-padding-left-right: var(--s-6, 24px); --dialog-footer-padding-left-right: var(--s-6, 24px); --dialog-close-right: var(--s-6, 24px); --dialog-title-padding-top: var(--s-6, 24px); --dialog-footer-padding-bottom: var(--s-6, 24px); --dialog-close-top: var(--s-6, 24px); /* ------------------------ pagination ------------------------ */ --pagination-small-item-split: var(--s-1, 4px); --pagination-current-color: var(--color-brand1-6, #0064C8); --pagination-size-selector-filter-current-color: var(--color-brand1-6, #0064C8); --pagination-item-current-border-color: var(--color-brand1-6, #0064C8); --pagination-item-current-color: var(--color-brand1-6, #0064C8); --pagination-item-current-bg: var(--color-white, #FFFFFF); --pagination-item-hover-border-color: var(--color-line1-4, #D1D5D9); --pagination-item-hover-color: var(--color-text1-5, #b3b3b3); --pagination-item-hover-bg: var(--color-white, #FFFFFF); --pagination-arrow-hover-color: var(--color-text1-3, #555555); --pagination-item-split: var(--s-2, 8px); --pagination-ellipsis-margin: var(--s-2, 8px); --pagination-input-width: var(--s-10, 40px); --pagination-input-margin: var(--s-1, 4px); --pagination-ellipsis-color: var(--color-text1-9, #333333); --pagination-total-color: var(--color-text1-9, #333333); --pagination-jump-color: var(--color-text1-9, #333333); --pagination-item-border-color: var(--color-transparent, transparent); --pagination-item-color: var(--color-text1-9, #333333); --pagination-item-bg: var(--color-transparent, transparent); --pagination-arrow-color: var(--color-text1-9, #333333); --pagination-item-current-hover-color: var(--color-text1-9, #333333); --pagination-ellipsis-size: var(--icon-xs, 12px); --pagination-large-item-split: var(--s-2, 8px); --pagination-large-ellipsis-size: var(--icon-xs, 12px); --pagination-small-ellipsis-size: var(--icon-xxs, 8px); --pagination-item-current-hover-border-color: var(--color-brand1-6, #0064C8); --pagination-item-current-hover-bg: var(--color-white, #FFFFFF); --pagination-item-border-style: var(--line-solid, solid); --pagination-item-border-width: var(--line-1, 1px); --pagination-item-corner: var(--corner-1, 2px); --pagination-current-font-size: var(--font-size-body-1, 12px); --pagination-total-font-size: var(--font-size-body-1, 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-border-width: var(--line-1, 1px); --pagination-large-item-corner: var(--corner-1, 2px); --pagination-large-current-font-size: var(--font-size-subhead, 14px); --pagination-large-total-font-size: var(--font-size-subhead, 14px); --pagination-large-input-width: var(--s-12, 48px); --pagination-large-jump-font-size: var(--font-size-subhead, 14px); --pagination-large-size-selector-number-padding: var(--s-4, 16px); --pagination-small-item-border-width: var(--line-1, 1px); --pagination-small-item-corner: var(--corner-1, 2px); --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, #888888); --pagination-size-selector-filter-color: var(--color-text1-3, #555555); --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-arrow-hover-color-noboder: var(--color-brand1-6, #0064C8); --pagination-icon-ellipsis-content: var(--icon-content-more-line-for-component, ""); --pagination-icon-prev-content: var(--icon-content-left-for-component, ""); --pagination-icon-next-content: var(--icon-content-right-for-component, ""); /* ------------------------ transfer ------------------------ */ --transfer-panel-header-background-color: var(--color-white, #FFFFFF); --transfer-simple-panel-item-hover-text-color: var(--color-link-1, #0064C8); --transfer-panel-header-padding-left-right: var(--s-4, 16px); --transfer-panel-footer-padding-left-right: var(--s-4, 16px); --transfer-operation-margin-left-right: var(--s-2, 8px); --transfer-operation-margin-gutter: var(--s-1, 4px); --transfer-operation-icon-size: var(--icon-xs, 12px); --transfer-panel-search-margin-left-right: var(--s-2, 8px); --transfer-panel-search-margin-bottom: var(--s-2, 8px); --transfer-panel-border-color: var(--color-line1-2, #C0C6CC); --transfer-panel-header-text-color: var(--color-text1-9, #333333); --transfer-panel-footer-text-color: var(--color-text1-9, #333333); --transfer-simple-move-icon-color: var(--color-text1-9, #333333); --transfer-simple-panel-footer-text-color: var(--color-text1-9, #333333); --transfer-panel-border-width: var(--line-1, 1px); --transfer-panel-header-padding-top-bottom: var(--s-2, 8px); --transfer-panel-header-text-size: var(--font-size-body-1, 12px); --transfer-panel-search-margin-top: var(--s-2, 8px); --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-panel-border-corner: var(--corner-1, 2px); --transfer-panel-background-color: var(--color-white, #FFFFFF); --transfer-panel-search-icon-color: var(--color-text1-2, #888888); --transfer-panel-footer-background-color: var(--color-white, #FFFFFF); --transfer-panel-footer-shadow: var(--shadow-zero, none); --transfer-simple-move-icon: var(--icon-content-switch-line, ""); /* ------------------------ step ------------------------ */ --step-arrow-item-title-weight: var(--font-weight-2, normal); --step-arrow-item-wait-background: var(--color-fill1-2, #F7F9FA); --step-arrow-item-process-background: var(--color-brand1-6, #0064C8); --step-arrow-item-finish-background: var(--color-brand1-6, #0064C8); --step-arrow-item-title-finish-color: var(--color-white, #FFFFFF); --step-circle-item-node-padding: var(--s-3, 12px); --step-circle-item-node-font-size: var(--font-size-body-1, 12px); --step-circle-item-content-font-size: var(--font-size-body-1, 12px); --step-circle-item-body-width: var(--s-24, 96px); --step-circle-item-tail-finish-color: var(--color-brand1-6, #0064C8); --step-circle-item-node-process-border-color: var(--color-brand1-6, #0064C8); --step-circle-item-node-process-background: var(--color-brand1-6, #0064C8); --step-circle-item-node-process-percent-color: var(--color-brand1-6, #0064C8); --step-circle-item-node-process-percent-size: var(--font-size-body-1, 12px); --step-circle-item-node-finish-border-color: var(--color-brand1-6, #0064C8); --step-dot-item-dot-icon-size: var(--icon-s, 16px); --step-dot-item-body-width: var(--s-24, 96px); --step-dot-item-tail-wait-color: var(--color-line1-1, #E3E4E6); --step-dot-item-tail-process-color: var(--color-line1-1, #E3E4E6); --step-dot-item-tail-finish-color: var(--color-brand1-6, #0064C8); --step-dot-item-title-wait-color: var(--color-text1-2, #888888); --step-dot-item-title-process-color: var(--color-text1-5, #b3b3b3); --step-dot-item-title-finish-color: var(--color-text1-5, #b3b3b3); --step-dot-item-node-wait-border-color: var(--color-line1-1, #E3E4E6); --step-dot-item-node-process-color: var(--color-brand1-6, #0064C8); --step-dot-item-node-finish-border-color: var(--color-brand1-6, #0064C8); --step-dot-item-node-finish-color: var(--color-brand1-6, #0064C8); --step-dot-item-tail-bg-color: var(--color-fill1-1, #F8F8F9); --step-circle-item-node-icon-size: var(--icon-xs, 12px); --step-circle-item-content-margin-top: var(--s-2, 8px); --step-circle-item-title-weight: var(--font-weight-semi-bold, 600); --step-circle-item-tail-wait-color: var(--color-line1-2, #C0C6CC); --step-circle-item-tail-process-color: var(--color-line1-2, #C0C6CC); --step-circle-item-title-wait-color: var(--color-text1-9, #333333); --step-circle-item-title-process-color: var(--color-text1-9, #333333); --step-circle-item-title-finish-color: var(--color-text1-9, #333333); --step-circle-item-node-wait-border-color: var(--color-line1-2, #C0C6CC); --step-circle-item-node-wait-color: var(--color-text1-9, #333333); --step-circle-item-node-finish-color: var(--color-brand1-6, #0064C8); --step-circle-item-tail-bg-color: var(--color-white, #FFFFFF); --step-circle-item-node-process-size: var(--s-7, 28px); --step-circle-item-title-disabled-color: var(--color-text1-5, #b3b3b3); --step-circle-item-node-disabled-color: var(--color-text1-5, #b3b3b3); --step-arrow-item-height: var(--s-8, 32px); --step-arrow-item-title-size: var(--font-size-body-2, 14px); --step-arrow-item-title-wait-color: var(--color-text1-2, #888888); --step-arrow-item-title-process-color: var(--color-white, #FFFFFF); --step-arrow-item-disabled-background: var(--color-fill1-1, #F8F8F9); --step-arrow-item-title-disabled-color: var(--color-text1-1, #C1C1C1); --step-circle-item-node-border-width: var(--line-1, 1px); --step-circle-item-node-corner: var(--corner-circle, 50%); --step-circle-item-tail-size: var(--line-1, 1px); --step-circle-item-title-margin-top: var(--s-2, 8px); --step-circle-item-title-size: var(--font-size-body-2, 14px); --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, #E3E4E6); --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-node-wait-background: var(--color-white, #FFFFFF); --step-circle-item-node-process-color: var(--color-white, #FFFFFF); --step-circle-item-node-finish-background: var(--color-white, #FFFFFF); --step-circle-item-node-disabled-border-color: var(--color-line1-1, #E3E4E6); --step-circle-item-node-disabled-background: var(--color-white, #FFFFFF); --step-circle-vertical-item-node-padding: var(--s-2, 8px); --step-circle-vertical-item-body-margin-left: var(--s-4, 16px); --step-circle-vertical-item-title-margin-top: var(--s-2, 8px); --step-circle-vertical-item-content-margin-top: var(--s-1, 4px); --step-circle-item-content-color: var(--color-text1-3, #555555); --step-circle-vertical-item-tail-size: var(--line-1, 1px); --step-dot-item-dot-padding: var(--s-2, 8px); --step-dot-item-dot-border-width: var(--line-1, 1px); --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-tail-size: var(--line-1, 1px); --step-dot-item-dot-wait-size: var(--s-3, 12px); --step-dot-item-dot-process-size: var(--s-3, 12px); --step-dot-item-dot-finish-size: var(--s-3, 12px); --step-dot-item-dot-disabled-size: var(--s-3, 12px); --step-dot-item-tail-disabled-color: var(--color-line1-1, #E3E4E6); --step-dot-item-title-disabled-color: var(--color-text1-1, #C1C1C1); --step-dot-item-node-wait-background: var(--color-white, #FFFFFF); --step-dot-item-node-wait-color: var(--color-text1-2, #888888); --step-dot-item-node-process-border-color: var(--color-brand1-6, #0064C8); --step-dot-item-node-process-background: var(--color-brand1-6, #0064C8); --step-dot-item-node-finish-background: var(--color-white, #FFFFFF); --step-dot-item-node-disabled-border-color: var(--color-line1-2, #C0C6CC); --step-dot-item-node-disabled-background: var(--color-white, #FFFFFF); --step-dot-item-node-disabled-color: var(--color-line1-1, #E3E4E6); --step-dot-vertical-item-node-padding: var(--s-2, 8px); --step-dot-vertical-item-body-margin-left: var(--s-4, 16px); --step-dot-vertical-item-title-margin-top: var(--s-zero, 0px); --step-dot-vertical-item-content-margin-top: var(--s-2, 8px); --step-dot-item-content-font-size: var(--font-size-caption, 12px); --step-dot-item-content-color: var(--color-text1-3, #555555); --step-dot-vertical-item-tail-size: var(--line-1, 1px); /* ------------------------ menu ------------------------ */ --menu-padding-horizontal: var(--s-4, 16px); --menu-color: var(--color-text1-9, #333333); --menu-background-hover: var(--color-fill1-2, #F7F9FA); --menu-color-hover: var(--color-text1-9, #333333); --menu-arrow-color: var(--color-text1-9, #333333); --menu-icon-selected-color: var(--color-text1-9, #333333); --menu-arrow-color-hover: var(--color-text1-9, #333333); --menu-icon-selected-hover-color: var(--color-text1-9, #333333); --menu-icon-size: var(--icon-xs, 12px); --menu-item-padding-ver-padding-r: var(--s-4, 16px); --menu-item-padding-hoz-padding-lr: var(--s-4, 16px); --menu-line-height: var(--s-8, 32px); --menu-icon-selected-right: var(--s-2, 8px); --menu-background: var(--color-white, #FFFFFF); --menu-background-selected: var(--color-white, #FFFFFF); --menu-color-selected: var(--color-text1-9, #333333); --menu-padding-ver-padding-lr: var(--s-1, 4px); --menu-padding-ver-padding-tb: var(--s-1, 4px); --menu-icon-selected-size: var(--icon-xs, 12px); --menu-item-padding-ver-padding-l: var(--s-4, 16px); --menu-padding-hoz-padding-lr: var(--s-zero, 0px); --menu-padding-hoz-padding-tb: var(--s-2, 8px); --menu-font-size: var(--font-size-body-1, 12px); --menu-submenu-title-size: var(--font-size-body-1, 12px); --menu-padding-title-horizontal: var(--s-3, 12px); --menu-divider-width: var(--line-1, 1px); --menu-divider-margin-ver: var(--s-2, 8px); --menu-divider-margin-hoz: var(--s-3, 12px); --menu-hoz-icon-size: var(--icon-xs, 12px); --menu-icon-margin: var(--s-1, 4px); --menu-shadow: var(--shadow-1-down, 0px 2px 4px 0px rgba(0, 0, 0, 0.16)); --menu-divider-style: var(--line-solid, solid); --menu-divider-color: var(--color-line1-1, #E3E4E6); --menu-unfold-icon-content: var(--icon-reset, var(--icon-reset)); --menu-color-disabled: var(--color-text1-5, #b3b3b3); --menu-select-icon-content: var(--icon-content-checkmark-line, ""); --menu-popupfold-icon-content: var(--icon-content-forward-line, ""); --menu-fold-icon-content: var(--icon-content-expand-down-for-component, ""); /* ------------------------ timeline ------------------------ */ --timeline-item-icon-size: var(--icon-s, 16px); --timeline-item-content-margin-left: var(--s-4, 16px); --timeline-item-time-margin-bottom: var(--s-2, 8px); --timeline-item-body-font-size: var(--font-size-body-1, 12px); --timeline-item-node-size: var(--s-2, 8px); --timeline-item-node-padding: var(--s-2, 8px); --timeline-item-title-font-weight: var(--font-weight-semi-bold, 600); --timeline-item-time-font-size: var(--font-size-body-1, 12px); --timeline-item-title-color: var(--color-text1-9, #333333); --timeline-item-body-color: var(--color-text1-9, #333333); --timeline-item-time-color: var(--color-text1-7, #666666); --timeline-item-tail-color: var(--color-line1-2, #C0C6CC); --timeline-item-done-background: var(--color-line1-2, #C0C6CC); --timeline-item-process-background: var(--color-fill1-5, #0064C8); --timeline-item-success-background: var(--color-success-7, #00A700); --timeline-item-error-background: var(--color-error-7, #C80000); --timeline-item-folder-font-size: var(--font-size-body-1, 12px); --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-tail-size: var(--line-1, 1px); --timeline-item-left-content-width: var(--s-20, 80px); --timeline-item-body-margin-top: var(--s-2, 8px); --timeline-item-title-font-size: var(--font-size-body-1, 12px); --timeline-item-title-margin-top: var(--s-1, 4px); --timeline-item-time-margin-top: var(--s-1, 4px); --timeline-item-left-body-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, #888888); --timeline-item-done-dot-size: var(--s-2, 8px); --timeline-item-done-color: var(--color-white, #FFFFFF); --timeline-item-process-dot-size: var(--s-2, 8px); --timeline-item-process-color: var(--color-white, #FFFFFF); --timeline-item-success-dot-size: var(--s-2, 8px); --timeline-item-success-color: var(--color-white, #FFFFFF); --timeline-item-error-dot-size: var(--s-2, 8px); --timeline-item-error-color: var(--color-white, #FFFFFF); /* ------------------------ range ------------------------ */ --range-normal-selected-color: var(--color-brand1-6, #0064C8); --range-normal-selected-color-hover: var(--color-brand1-6, #0064C8); --range-size-m-slider-shadow-hover: var(--shadow-1, 0px 2px 4px 0px rgba(0, 0, 0, 0.16)); --range-size-m-track-height: var(--s-1, 4px); --range-size-slider-border-width: var(--line-1, 1px); --range-normal-unselected-color: var(--color-line1-1, #E3E4E6); --range-normal-unselected-color-hover: var(--color-line1-1, #E3E4E6); --range-normal-slider-border-color: var(--color-line1-3, #577899); --range-size-m-mark-font-lineheight: 20px; --range-normal-mark-color: var(--color-text1-9, #333333); --range-normal-mark-selected-color: var(--color-text1-9, #333333); --range-normal-unselected-color-disabled: var(--color-line1-1, #E3E4E6); --range-normal-slider-bg-color-disabled: var(--color-white, #FFFFFF); --range-normal-slider-border-color-disabled: var(--color-line1-2, #C0C6CC); --range-normal-selected-color-disabled: var(--color-text1-5, #b3b3b3); --range-normal-mark-color-disabled: var(--color-text1-5, #b3b3b3); --range-normal-mark-selected-color-disabled: var(--color-text1-5, #b3b3b3); --range-size-m-scale-height: var(--s-3, 12px); --range-size-m-scale-item-border-width: var(--line-1, 1px); --range-size-m-slider-hw: var(--s-4, 16px); --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-track-radius: var(--corner-zero, 0); --range-size-m-scale-radius: var(--corner-zero, 0); --range-size-m-slider-shadow-moving: var(--shadow-2, 0px 4px 8px 0px rgba(0, 0, 0, 0.16)); --range-normal-slider-bg-color: var(--color-white, #FFFFFF); --range-normal-slider-bg-color-hover: var(--color-white, #FFFFFF); --range-size-m-slider-shadow: var(--shadow-1, 0px 2px 4px 0px rgba(0, 0, 0, 0.16)); --range-normal-mark-color-hover: var(--color-text1-2, #888888); --range-normal-mark-selected-color-hover: var(--color-text1-4, #111111); --range-normal-slider-border-color-hover: var(--color-transparent, transparent); /* ------------------------ slider ------------------------ */ --slick-arrow-bg-color-disabled: var(--color-black, #000000); --slick-arrow-bg-opacity-disabled: 0.05; --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-black, #000000); --slick-dots-background-color-selected: var(--color-brand1-6, #0064C8); --slick-dots-background-opacity-normal: .32; --slick-dots-background-opacity-hover: .32; --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-normal: var(--color-white, #FFFFFF); --slick-dots-border-color-hover: var(--color-white, #FFFFFF); --slick-dots-border-color-selected: var(--color-white, #FFFFFF); --slick-dots-border-opacity-normal: 1; --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, #555555); --slick-arrow-icon-color-hover: var(--color-white, #FFFFFF); --slick-arrow-icon-color-hover-outer: var(--color-text1-4, #111111); --slick-arrow-icon-color-disabled: var(--color-text1-1, #C1C1C1); --slick-arrow-icon-color-disabled-outer: var(--color-text1-1, #C1C1C1); --slick-arrow-bg-color-normal: var(--color-black, #000000); --slick-arrow-bg-color-hover: var(--color-black, #000000); --slick-arrow-bg-opacity-normal: .2; --slick-arrow-bg-opacity-hover: .4; --slick-arrow-bg-color-normal-outer: var(--color-transparent, transparent); --slick-arrow-bg-color-hover-outer: var(--color-transparent, transparent); --slick-arrow-bg-color-disabled-outer: var(--color-transparent, transparent); --slick-arrow-bg-opacity-normal-outer: .32; --slick-arrow-bg-opacity-hover-outer: .32; --slick-arrow-bg-opacity-disabled-outer: .32; --slick-arrow-corner-radius-outer: var(--s-zero, 0px); /* ------------------------ date-picker ------------------------ */ --date-picker-panel-footer-padding-lr: var(--s-4, 16px); --date-picker-panel-footer-padding-tb: var(--s-2, 8px); --date-picker-panel-background: var(--color-white, #FFFFFF); --date-picker-panel-time-panel-separator-color: var(--color-line1-2, #C0C6CC); --date-picker-calendar-icon: var(--icon-content-expand-down-for-component, ""); /* ------------------------ time-picker ------------------------ */ --time-picker-menu-item-font-size: var(--font-size-body-1, 12px); --time-picker-menu-border-color: var(--color-line1-2, #C0C6CC); --time-picker-menu-title-color: var(--color-text1-9, #333333); --time-picker-menu-item-color: var(--color-text1-9, #333333); --time-picker-menu-item-color-selected: var(--color-white, #FFFFFF); --time-picker-menu-item-color-disabled: var(--color-text1-3, #555555); --time-picker-menu-item-background-hover: var(--color-fill1-2, #F7F9FA); --time-picker-menu-item-background-selected: var(--color-fill1-5, #0064C8); --time-picker-menu-item-font-weight-selected: var(--font-weight-2, normal); --time-picker-menu-title-height: var(--s-9, 36px); --time-picker-menu-item-height: var(--s-8, 32px); --time-picker-menu-title-font-size: var(--font-size-body-1, 12px); --time-picker-menu-item-color-hover: var(--color-text1-9, #333333); --time-picker-panel-width: var(--s-50, 200px); --time-picker-panel-background: var(--color-white, #FFFFFF); --time-picker-menu-border-width: var(--line-1, 1px); --time-picker-menu-title-background: var(--color-white, #FFFFFF); --time-pikcer-menu-title-font-weight: var(--font-weight-2, normal); --time-picker-menu-item-background: var(--color-white, #FFFFFF); --time-picker-menu-item-background-disabled: var(--color-white, #FFFFFF); --time-picker-clock-icon: var(--icon-content-time-for-component, ""); /* ------------------------ number-picker ------------------------ */ --number-picker-inline-m-button-margin: var(--s-zero, 0px); --number-picker-normal-m-button-width: var(--s-10, 40px); --number-picker-normal-m-input-width: var(--s-35, 140px); --number-picker-inline-m-input-width: var(--s-35, 140px); --number-picker-normal-s-button-width: var(--s-5, 20px); --number-picker-normal-l-button-width: var(--s-5, 20px); --number-picker-normal-l-input-width: var(--s-20, 80px); --number-picker-normal-s-button-icon-size: var(--icon-xxs, 8px); --number-picker-normal-l-button-icon-size: var(--icon-xxs, 8px); --number-picker-inline-s-button-icon-size: var(--icon-xs, 12px); --number-picker-inline-s-button-margin: 2px; --number-picker-inline-s-button-corner: var(--corner-1, 2px); --number-picker-inline-m-button-corner: var(--corner-1, 2px); --number-picker-inline-l-button-icon-size: var(--icon-xs, 12px); --number-picker-inline-l-button-margin: 2px; --number-picker-inline-l-button-corner: var(--corner-1, 2px); --number-picker-inline-l-input-width: var(--s-32, 128px); --number-picker-normal-m-button-icon-size: var(--icon-s, 16px); --number-picker-inline-m-button-icon-size: var(--icon-s, 16px); --number-picker-inline-add-icon: var(--icon-content-plus-for-component, ""); --number-picker-inline-minus-icon: var(--icon-content-minus-for-component, ""); --number-picker-normal-up-icon: var(--icon-content-t-up-for-component, ""); --number-picker-normal-down-icon: var(--icon-content-d-up-for-component, ""); /* ------------------------ badge ------------------------ */ --badge-size-count-font: var(--font-size-body-1, 12px); --badge-color-bg: var(--color-error-7, #C80000); --badge-dot-color-bg: var(--color-error-7, #C80000); --badge-size-dot-width: 8px; --badge-size-count-config-height: 18px; --badge-size-count-border-radius: var(--s-4, 16px); --badge-size-dot-border-radius: var(--s-2, 8px); --badge-size-list-margin: var(--s-zero, 0px); --badge-size-count-padding-lr: var(--s-1, 4px); --badge-size-custom-padding-lr: var(--s-1, 4px); --badge-size-custom-border-radius: var(--corner-1, 2px); /* ------------------------ drawer ------------------------ */ --drawer-title-padding-bottom: var(--s-4, 16px); --drawer-border-color: var(--color-line1-2, #C0C6CC); --drawer-shadow: var(--shadow-3, 0px 8px 16px 0px rgba(0, 0, 0, 0.2)); --drawer-title-color: var(--color-text1-9, #333333); --drawer-title-border-color: var(--color-transparent, transparent); --drawer-content-color: var(--color-text1-9, #333333); --drawer-close-color-hovered: var(--color-text1-9, #333333); --drawer-title-border-width: var(--line-zero, 0px); --drawer-content-padding-top: var(--s-zero, 0px); --drawer-content-padding-bottom: var(--s-2, 8px); --drawer-close-size: var(--icon-s, 16px); --drawer-close-color: var(--color-text1-7, #666666); --drawer-content-font-size: var(--font-size-body-1, 12px); --drawer-bg: var(--color-white, #FFFFFF); --drawer-border-width: var(--line-1, 1px); --drawer-border-style: var(--line-solid, solid); --drawer-corner: var(--corner-1, 2px); --drawer-title-bg-color: var(--color-white, #FFFFFF); --drawer-close-bg-hovered: var(--color-transparent, transparent); --drawer-title-font-size: var(--font-size-title, 16px); --drawer-title-padding-left-right: var(--s-6, 24px); --drawer-content-padding-left-right: var(--s-6, 24px); --drawer-close-right: var(--s-6, 24px); --drawer-title-padding-top: var(--s-6, 24px); --drawer-close-top: var(--s-6, 24px); /* ------------------------ select ------------------------ */ --select-l-lineheight: 22px; --select-m-lineheight: 22px; --select-s-lineheight: 18px; --select-color: var(--color-text1-9, #333333); --select-hint-color: var(--color-text1-2, #888888); --select-highlight-color: var(--color-brand1-6, #0064C8); --select-highlight-font: var(--font-size-body-1, 12px); --select-unfold-icon-content: var(--icon-reset, var(--icon-reset)); --select-fold-icon-content: var(--icon-content-expand-down-for-component, ""); /* ------------------------ typography ------------------------ */ --typography-text-color: var(--color-text1-9, #333333); --typography-paragraph-font-size: var(--font-size-body-1, 12px); --typography-title-h1-font-size: var(--font-size-display-3, 48px); --typography-title-h2-font-size: var(--font-size-display-2, 36px); --typography-title-h3-font-size: var(--font-size-display-1, 24px); --typography-title-h4-font-size: var(--font-size-headline, 20px); --typography-title-h5-font-size: var(--font-size-title, 16px); --typography-title-h6-font-size: var(--font-size-subhead, 14px); --typography-text-mark-color: var(--color-text1-9, #333333); --typography-text-mark-background: var(--color-warning-6, #FAC800); --typography-text-code-color: var(--color-text1-9, #333333); --typography-text-code-background: var(--color-fill1-3, #EFF3F8); --typography-text-code-border-color: var(--color-line1-2, #C0C6CC); --typography-text-strong-font-weight: var(--font-weight-semi-bold, 600); --typography-text-code-corner: var(--corner-1, 2px); --typography-paragraph-line-height: var(--font-lineheight-2, 1.5); --typography-title-font-weight: var(--font-weight-semi-bold, 600); /* ------------------------ rating ------------------------ */ --rating-normal-underlay-color: var(--color-white, #FFFFFF); --rating-grade-low-overlay-color: var(--color-warning-6, #FAC800); --rating-grade-high-overlay-color: var(--color-warning-6, #FAC800); --rating-normal-overlay-hover-color: var(--color-white, #FFFFFF); --rating-grade-high-overlay-hover-color: var(--color-warning-6, #FAC800); --rating-grade-icon-content: var(--icon-content-collection, ""); --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-icon-size: var(--icon-m, 20px); --rating-large-font-size: var(--font-size-subhead, 14px); --rating-normal-overlay-color: var(--color-brand1-6, #0064C8); --rating-grade-low-overlay-hover-color: var(--color-text1-2, #888888); /* ------------------------ cascader-select ------------------------ */ --cascader-select: "cascader-select"; /* ------------------------ split-button ------------------------ */ --split-btn-trigger-normal-icon-color: var(--color-text1-2, #888888); --split-btn-unfold-icon-content: var(--icon-reset, var(--icon-reset)); --split-btn-fold-icon-content: var(--icon-content-expand-down-for-component, ""); /* ------------------------ paragraph ------------------------ */ --paragraph-text-color: var(--color-text1-4, #111111); --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.6); /* ------------------------ shell ------------------------ */ --shell-light-header-color: var(--color-black, #000000); --shell-light-header-height: var(--s-13, 52px); --shell-light-header-background: var(--color-white, #FFFFFF); --shell-light-header-shadow: var(--shadow-zero, none); --shell-light-header-divider-size: var(--line-1, 1px); --shell-light-header-divider-style: var(--line-solid, solid); --shell-light-header-divider-color: var(--color-line1-1, #E3E4E6); --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, #E3E4E6); --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-paddingTop: var(--s-2, 8px); --shell-light-navigation-ver-paddingBottom: var(--s-2, 8px); --shell-light-navigation-ver-width-mini: var(--s-15, 60px); --shell-light-navigation-ver-background: var(--color-white, #FFFFFF); --shell-light-navigation-ver-divider-size: var(--line-1, 1px); --shell-light-navigation-ver-divider-style: var(--line-solid, solid); --shell-light-navigation-ver-divider-color: var(--color-line1-1, #E3E4E6); --shell-light-local-navigation-width: var(--s-42, 168px); --shell-light-local-navigation-background: var(--color-fill1-4, #004080); --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, #E3E4E6); --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, #E3E4E6); --shell-light-content-background: var(--color-fill1-3, #EFF3F8); --shell-light-content-paddingLeft: var(--s-5, 20px); --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, #C1C1C1); --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, #E3E4E6); --shell-light-tooldock-height: var(--s-13, 52px); --shell-light-tooldock-width: var(--s-13, 52px); --shell-light-tooldock-background: var(--color-fill1-4, #004080); --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, #E3E4E6); --shell-light-tooldock-item-paddingTop: var(--s-2, 8px); --shell-light-tooldock-item-color: var(--color-text1-3, #555555); --shell-light-tooldock-item-color-hover: var(--color-text1-4, #111111); --shell-light-tooldock-item-color-active: var(--color-text1-4, #111111); --shell-light-tooldock-item-background: var(--color-transparent, transparent); --shell-light-tooldock-item-background-hover: var(--color-fill1-3, #EFF3F8); --shell-light-tooldock-item-background-active: var(--color-fill1-3, #EFF3F8); --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 2px 4px 0px rgba(0, 0, 0, 0.16)); --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, #E3E4E6); --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-background: var(--color-text1-4, #111111); --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, #E3E4E6); --shell-dark-local-navigation-width: var(--s-42, 168px); --shell-dark-local-navigation-background: var(--color-fill1-4, #004080); --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, #E3E4E6); --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, #E3E4E6); --shell-dark-content-background: var(--color-fill1-3, #EFF3F8); --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, #C1C1C1); --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, #E3E4E6); --shell-dark-tooldock-height: var(--s-13, 52px); --shell-dark-tooldock-width: var(--s-13, 52px); --shell-dark-tooldock-background: var(--color-fill1-4, #004080); --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, #E3E4E6); --shell-dark-tooldock-item-paddingTop: var(--s-2, 8px); --shell-dark-tooldock-item-color: var(--color-text1-3, #555555); --shell-dark-tooldock-item-color-hover: var(--color-text1-4, #111111); --shell-dark-tooldock-item-color-active: var(--color-text1-4, #111111); --shell-dark-tooldock-item-background: var(--color-transparent, transparent); --shell-dark-tooldock-item-background-hover: var(--color-fill1-3, #EFF3F8); --shell-dark-tooldock-item-background-active: var(--color-fill1-3, #EFF3F8); --shell-brand-header-color: var(--color-white, #FFFFFF); --shell-brand-header-height: var(--s-13, 52px); --shell-brand-header-background: var(--color-brand1-6, #0064C8); --shell-brand-header-shadow: var(--shadow-1-down, 0px 2px 4px 0px rgba(0, 0, 0, 0.16)); --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, #E3E4E6); --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, #E3E4E6); --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-background: var(--color-white, #FFFFFF); --shell-brand-navigation-ver-divider-size: var(--line-1, 1px); --shell-brand-navigation-ver-divider-style: var(--line-solid, solid); --shell-brand-navigation-ver-divider-color: var(--color-line1-1, #E3E4E6); --shell-brand-local-navigation-width: var(--s-42, 168px); --shell-brand-local-navigation-background: var(--color-fill1-4, #004080); --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, #E3E4E6); --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, #E3E4E6); --shell-brand-content-background: var(--color-fill1-3, #EFF3F8); --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, #C1C1C1); --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, #E3E4E6); --shell-brand-tooldock-height: var(--s-13, 52px); --shell-brand-tooldock-width: var(--s-13, 52px); --shell-brand-tooldock-background: var(--color-fill1-4, #004080); --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, #E3E4E6); --shell-brand-tooldock-item-paddingTop: var(--s-2, 8px); --shell-brand-tooldock-item-color: var(--color-text1-3, #555555); --shell-brand-tooldock-item-color-hover: var(--color-text1-4, #111111); --shell-brand-tooldock-item-color-active: var(--color-text1-4, #111111); --shell-brand-tooldock-item-background: var(--color-transparent, transparent); --shell-brand-tooldock-item-background-hover: var(--color-fill1-3, #EFF3F8); --shell-brand-tooldock-item-background-active: var(--color-fill1-3, #EFF3F8); /* ------------------------ divider ------------------------ */ --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, 14px); --divider-hoz-text-weight: var(--font-weight-2, normal); --divider-ver-size: var(--line-1, 1px); --divider-ver-color: var(--color-line1-2, #C0C6CC); --divider-ver-marginLeft: var(--s-2, 8px); --divider-hoz-color: var(--color-line1-1, #E3E4E6); --divider-hoz-text-color: var(--color-text1-7, #666666); /* ------------------------ tree-select ------------------------ */ --tree-select-padding-vertical: var(--s-2, 8px); --tree-select-padding-horizontal: var(--s-5, 20px); --tree-select-background: var(--color-white, #FFFFFF); /* ------------------------ nav ------------------------ */ --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-selected-active-line: var(--line-2, 2px); --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-margin-lr: var(--s-zero, 0px); --nav-ver-item-padding-lr: var(--s-5, 20px); --nav-ver-item-corner: var(--corner-zero, 0); --nav-ver-item-selected-active-line: var(--line-2, 2px); --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-subhead, 14px); --nav-icon-self-size: var(--icon-xs, 12px); --nav-icon-self-margin: var(--s-1, 4px); --nav-icon-only-font-size: var(--icon-s, 16px); --nav-primary-bg-color: var(--color-text1-4, #111111); --nav-primary-border-width: var(--line-zero, 0px); --nav-primary-border-color: var(--color-text1-4, #111111); --nav-primary-text-color: var(--color-white, #FFFFFF); --nav-primary-text-style: var(--font-weight-2, normal); --nav-primary-shadow: var(--shadow-2, 0px 4px 8px 0px rgba(0, 0, 0, 0.16)); --nav-primary-sub-nav-bg-color: var(--color-text1-4, #111111); --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, #888888); --nav-primary-group-text-style: var(--font-weight-2, normal); --nav-primary-item-hover-bg-color: var(--color-black, #000000); --nav-primary-item-hover-text-color: var(--color-white, #FFFFFF); --nav-primary-item-hover-text-style: var(--font-weight-2, normal); --nav-primary-item-hover-active-color: var(--color-brand1-6, #0064C8); --nav-primary-sub-nav-hover-bg-color: var(--color-black, #000000); --nav-primary-sub-nav-hover-text-color: var(--color-white, #FFFFFF); --nav-primary-item-selected-bg-color: var(--color-black, #000000); --nav-primary-item-selected-text-color: var(--color-white, #FFFFFF); --nav-primary-item-selected-text-style: var(--font-weight-3, bold); --nav-primary-item-selected-active-color: var(--color-brand1-6, #0064C8); --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, #0064C8); --nav-primary-item-opened-bg-color: var(--color-black, #000000); --nav-primary-item-opened-text-color: var(--color-white, #FFFFFF); --nav-secondary-bg-color: var(--color-brand1-6, #0064C8); --nav-secondary-border-width: var(--line-zero, 0px); --nav-secondary-border-color: var(--color-brand1-6, #0064C8); --nav-secondary-text-color: var(--color-white, #FFFFFF); --nav-secondary-text-style: var(--font-weight-2, normal); --nav-secondary-shadow: var(--shadow-2, 0px 4px 8px 0px rgba(0, 0, 0, 0.16)); --nav-secondary-sub-nav-bg-color: var(--color-brand1-6, #0064C8); --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-bg-color: var(--color-brand1-9, #002850); --nav-secondary-item-hover-text-color: var(--color-white, #FFFFFF); --nav-secondary-item-hover-text-style: var(--font-weight-2, normal); --nav-secondary-item-hover-active-color: var(--color-brand1-9, #002850); --nav-secondary-sub-nav-hover-bg-color: var(--color-brand1-9, #002850); --nav-secondary-sub-nav-hover-text-color: var(--color-white, #FFFFFF); --nav-secondary-item-selected-bg-color: var(--color-brand1-9, #002850); --nav-secondary-item-selected-text-color: var(--color-white, #FFFFFF); --nav-secondary-item-selected-text-style: var(--font-weight-3, bold); --nav-secondary-item-selected-active-color: var(--color-brand1-9, #002850); --nav-secondary-sub-nav-selected-bg-color: var(--color-brand1-9, #002850); --nav-secondary-sub-nav-selected-text-color: var(--color-white, #FFFFFF); --nav-secondary-sub-nav-active-color: var(--color-brand1-6, #0064C8); --nav-secondary-item-opened-bg-color: var(--color-brand1-9, #002850); --nav-secondary-item-opened-text-color: var(--color-white, #FFFFFF); --nav-normal-bg-color: var(--color-white, #FFFFFF); --nav-normal-border-color: var(--color-line1-1, #E3E4E6); --nav-normal-text-color: var(--color-text1-4, #111111); --nav-normal-text-style: var(--font-weight-2, normal); --nav-normal-border-line: var(--line-1, 1px); --nav-normal-shadow: var(--shadow-2, 0px 4px 8px 0px rgba(0, 0, 0, 0.16)); --nav-normal-sub-nav-bg-color: var(--color-white, #FFFFFF); --nav-normal-sub-nav-text-color: var(--color-text1-4, #111111); --nav-normal-sub-nav-text-style: var(--font-weight-2, normal); --nav-normal-group-text-color: var(--color-text1-2, #888888); --nav-normal-group-text-style: var(--font-weight-2, normal); --nav-normal-item-hover-bg-color: var(--color-white, #FFFFFF); --nav-normal-item-hover-text-color: var(--color-brand1-6, #0064C8); --nav-normal-item-hover-text-style: var(--font-weight-2, normal); --nav-normal-item-hover-active-color: var(--color-brand1-6, #0064C8); --nav-normal-sub-nav-hover-bg-color: var(--color-fill1-2, #F7F9FA); --nav-normal-sub-nav-hover-text-color: var(--color-brand1-6, #0064C8); --nav-normal-item-selected-bg-color: var(--color-fill1-2, #F7F9FA); --nav-normal-item-selected-text-color: var(--color-brand1-6, #0064C8); --nav-normal-item-selected-text-style: var(--font-weight-3, bold); --nav-normal-item-selected-active-color: var(--color-brand1-6, #0064C8); --nav-normal-sub-nav-selected-bg-color: var(--color-fill1-2, #F7F9FA); --nav-normal-sub-nav-selected-text-color: var(--color-brand1-6, #0064C8); --nav-normal-sub-nav-active-color: var(--color-brand1-6, #0064C8); --nav-normal-item-opened-bg-color: var(--color-fill1-2, #F7F9FA); --nav-normal-item-opened-text-color: var(--color-brand1-6, #0064C8); --nav-line-bg-color: var(--color-transparent, transparent); --nav-line-border-color: var(--color-line1-2, #C0C6CC); --nav-line-text-color: var(--color-text1-4, #111111); --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, #111111); --nav-line-sub-nav-text-style: var(--font-weight-2, normal); --nav-line-item-hover-bg-color: var(--color-transparent, transparent); --nav-line-item-hover-text-color: var(--color-brand1-6, #0064C8); --nav-line-item-hover-text-style: var(--font-weight-2, normal); --nav-line-item-hover-active-color: var(--color-brand1-6, #0064C8); --nav-line-sub-nav-hover-bg-color: var(--color-transparent, transparent); --nav-line-sub-nav-hover-text-color: var(--color-brand1-6, #0064C8); --nav-line-item-selected-bg-color: var(--color-transparent, transparent); --nav-line-item-selected-text-color: var(--color-brand1-6, #0064C8); --nav-line-item-selected-text-style: var(--font-weight-3, bold); --nav-line-item-selected-active-color: var(--color-brand1-6, #0064C8); --nav-line-sub-nav-selected-bg-color: var(--color-transparent, transparent); --nav-line-sub-nav-selected-text-color: var(--color-brand1-6, #0064C8); --nav-line-sub-nav-active-color: var(--color-brand1-6, #0064C8); --nav-line-item-opened-bg-color: var(--color-transparent, transparent); --nav-line-item-opened-text-color: var(--color-brand1-6, #0064C8); --nav-line-group-text-color: var(--color-text1-2, #888888); --nav-line-group-text-style: var(--font-weight-2, normal); /* ------------------------ list ------------------------ */ --list-size-s-title-font-size: var(--font-size-subhead, 14px); --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); --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, 16px); --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, 14px); --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, #C0C6CC); --list-title-color: var(--color-text1-4, #111111); --list-content-color: var(--color-text1-3, #555555); --list-extra-color: var(--color-text1-2, #888888); /* ------------------------ avatar ------------------------ */ --avatar-size-large: var(--s-13, 52px); --avatar-size-medium: var(--s-10, 40px); --avatar-size-small: var(--s-7, 28px); --avatar-border-radius: var(--corner-1, 2px); /* 兼容0.x */ --line-0: var(--line-zero); --shadow-0: var(--shadow-zero); --corner-right-angle: var(--corner-zero); --s-0: var(--s-zero); }