@alicloud/console-components
Version:
Alibaba Cloud React Components
1,110 lines (1,092 loc) • 162 kB
CSS
@charset "UTF-8";
.next-overlay-wrapper .next-overlay-inner::-webkit-scrollbar {
width: var(--scrollbar-width, 4px);
height: var(--scrollbar-height, 4px);
}
.next-overlay-wrapper .next-overlay-inner::-webkit-scrollbar-track {
opacity: 0.5;
background: var(--scrollbar-track-bg, #eaedf0);
border-radius: var(--scrollbar-track-border-radius, 3px);
}
.next-overlay-wrapper .next-overlay-inner::-webkit-scrollbar-thumb {
opacity: 0.5;
background: var(--scrollbar-thumb-bg, #abb6c0);
border-radius: var(--scrollbar-thumb-border-radius, 3px);
}
:root {
--color-data1-10: rgba(206,137,25,1);
--color-data1-9: rgba(90,130,25,1);
--color-data1-8: rgba(171,123,255,1);
--color-data1-7: rgba(6,133,128,1);
--color-data1-6: rgba(238,101,144,1);
--color-data1-5: rgba(156,102,13,1);
--color-data1-4: rgba(95,153,249,1);
--color-data1-3: rgba(174,52,180,1);
--color-data1-2: rgba(51,175,169,1);
--color-data1-1: rgba(98,80,249,1);
--color-gradient-4: linear-gradient(270deg, rgb(255, 163, 166) 0%, rgb(245, 39, 67) 100%);
--color-gradient-3: linear-gradient(270deg, rgb(255, 237, 117) 0%, rgb(245, 203, 34) 100%);
--color-gradient-2: linear-gradient(270deg, rgb(125, 238, 255) 0%, rgb(3, 193, 253) 100%);
--color-gradient-1: linear-gradient(270deg, rgb(121, 232, 199) 0%, rgb(8, 194, 158) 100%);
--color-other-4: rgba(246,246,246,1);
--color-other-3: rgba(170,170,170,1);
--color-other-2: rgba(246,246,246,1);
--color-other-1: rgba(128,128,128,1);
--color-link-3: #3E71F7;
--color-link-2: #5584FF;
--color-link-1: #5584FF;
--color-error-4: rgba(251,223,220,1);
--color-error-3: rgba(150,2,22,1);
--color-error-2: rgba(255,237,236,1);
--color-error-1: rgba(213,11,22,1);
--color-warning-4: rgba(254,238,232,1);
--color-warning-3: rgba(246,115,37,1);
--color-warning-2: rgba(253,246,221,1);
--color-warning-1: rgba(227,190,2,1);
--color-notice-2: rgba(238,243,252,1);
--color-notice-1: rgba(50,101,255,1);
--color-help-4: #01A79A;
--color-help-3: #01C1B2;
--color-help-2: #C0ECE2;
--color-help-1: #E3FFF8;
--color-notice-4: #2E7DE0;
--color-notice-3: #4494F9;
--color-success-2: rgba(234,250,236,1);
--color-success-1: rgba(3,142,74,1);
--color-success-4: #41A716;
--color-success-3: #46BC15;
--color-brand1-5: rgba(232,238,255,1);
--color-brand1-6: rgba(215,225,255,1);
--color-transparent: transparent;
--color-black: #000000;
--color-white: #FFFFFF;
--color-line1-4: rgba(251,251,251,1);
--color-line1-3: rgba(246,246,246,1);
--color-line1-2: rgba(238,238,238,1);
--color-line1-1: rgba(229,229,229,1);
--color-text1-4: rgba(170,170,170,1);
--color-text1-3: rgba(128,128,128,1);
--color-text1-2: rgba(85,85,85,1);
--color-text1-1: rgba(52,52,52,1);
--color-fill1-4: #E2E4E8;
--color-fill1-3: #EBECF0;
--color-fill1-2: #F2F3F7;
--color-fill1-1: #F7F8FA;
--color-brand1-4: rgba(245,247,255,1);
--color-brand1-3: rgba(0,42,169,1);
--color-brand1-2: rgba(2,65,255,1);
--color-brand1-1: rgba(0,51,204,1);
--color-brand1-9: #3E71F7;
--icon-content-check-line: "";
--icon-content-cloud-machine-fill: "";
--icon-content-drag-line: "";
--icon-content-map-fill: "";
--icon-content-location-line: "";
--icon-content-help-fill: "";
--icon-content-database-fill: "";
--icon-content-customer-sercive-line: "";
--icon-content-forbidden-fill: "";
--icon-content-double-right-line: "";
--icon-content-delete-line: "";
--icon-content-document-line: "";
--icon-content-expand-line: "";
--icon-content-cloud-upload-line: "";
--icon-content-gift-line: "";
--icon-content-flow-line: "";
--icon-content-email-fill: "";
--icon-content-hot-fill: "";
--icon-content-cloud-download-line: "";
--icon-content-partner-line: "";
--icon-content-page-last-line: "";
--icon-content-inbox-line: "";
--icon-content-navigation-line: "";
--icon-content-pause-outline-line: "";
--icon-content-package-fill: "";
--icon-content-package-line: "";
--icon-content-page-first-line: "";
--icon-content-notification-off-line: "";
--icon-content-paper-plane-fill: "";
--icon-content-outdent-line: "";
--icon-content-notification-line: "";
--icon-content-minus-line: "";
--icon-content-pause-fill: "";
--icon-content-info-line: "";
--icon-content-new-fill: "";
--icon-content-layer-line: "";
--icon-content-new-releases-fill: "";
--icon-content-order-line: "";
--icon-content-double-down-line: "";
--icon-content-image-line: "";
--icon-content-like-line: "";
--icon-content-management-line: "";
--icon-content-lock-line: "";
--icon-content-order-unread-line: "";
--icon-content-notification-fill: "";
--icon-content-chart-scatter-plot-line: "";
--icon-content-notification-off-fill: "";
--icon-content-info-fill: "";
--icon-content-Navigation-line: "";
--icon-content-database-plus-fill: "";
--icon-content-questionnaire-line: "";
--icon-content-news-line: "";
--icon-content-Business-access-line: "";
--icon-content-message-unread-line: "";
--icon-content-document-download-fill: "";
--icon-content-like-fill: "";
--icon-content-zoom-in-fill: "";
--icon-content-minus-fill: "";
--icon-content-zoom-out-fill: "";
--icon-content-more-line: "";
--icon-content-user-admin-fill: "";
--icon-content-mobile-error-line: "";
--icon-content-setting-fill: "";
--icon-content-home-line: "";
--icon-content-trainin-fill: "";
--icon-content-key-line: "";
--icon-content-user-certification-fill: "";
--icon-content-filter-fill: "";
--icon-content-sql-fill: "";
--icon-content-dollar-line: "";
--icon-content-transanction-fill: "";
--icon-content-screen-error-line: "";
--icon-content-user-profile-fill: "";
--icon-content-structured-data-line: "";
--icon-content-view-fill: "";
--icon-content-star-line: "";
--icon-content-sub-account-fill: "";
--icon-content-share-line: "";
--icon-content-step-mode-fill: "";
--icon-content-stop-fill: "";
--icon-content-save-fill: "";
--icon-content-screen-arrow-left-line: "";
--icon-content-structured-data-fill: "";
--icon-content-scroll-mode-line: "";
--icon-content-sort-circle-fill: "";
--icon-content-rank-line: "";
--icon-content-user-follow-fill: "";
--icon-content-search-line: "";
--icon-content-screen-error-fill: "";
--icon-content-sort-line: "";
--icon-content-screen-arrow-left-fill: "";
--icon-content-a-rank-line2: "";
--icon-content-rank-fill: "";
--icon-content-pin-fill: "";
--icon-content-scroll-mode-fill: "";
--icon-content-share-fill: "";
--icon-content-search-fill: "";
--icon-content-plus-fill: "";
--icon-content-screen-monitoring-fill: "";
--icon-content-resource-setting-fill: "";
--icon-content-screen-fill: "";
--icon-content-screen-arrow-right-line: "";
--icon-content-screen-arrow-right-fill: "";
--icon-content-screen-monitoring-line: "";
--icon-content-image-fill: "";
--icon-content-phonecall-off-line: "";
--icon-content-renew-fill: "";
--icon-content-pic-center-fill: "";
--icon-content-screen-check-fill: "";
--icon-content-qrcode-line: "";
--icon-content-remote-control-fill: "";
--icon-content-save-line: "";
--icon-content-phonecall-off-fill: "";
--icon-content-recharge-line: "";
--icon-content-a-rank-fill2: "";
--icon-content-renew-line: "";
--icon-content-screen-code-fill: "";
--icon-content-plus-line: "";
--icon-content-recharge-fill: "";
--icon-content-screen-code-line: "";
--icon-content-order-fill: "";
--icon-content-pic-center-line: "";
--icon-content-phonecall-fill: "";
--icon-content-phonecall-line: "";
--icon-content-partner-fill: "";
--icon-content-pin-fixed-fill: "";
--icon-content-gift-fill: "";
--icon-content-remote-control-line: "";
--icon-content-message-unread-fill: "";
--icon-content-play-outline-line: "";
--icon-content-navigation-fill: "";
--icon-content-plus-circle-line: "";
--icon-content-location-fill: "";
--icon-content-pic-side-fill: "";
--icon-content-document-task-fill: "";
--icon-content-refresh-line: "";
--icon-content-discount-fill: "";
--icon-content-screen-line: "";
--icon-content-order-unread-fill: "";
--icon-content-scan-line: "";
--icon-content-key-fill: "";
--icon-content-screen-check-line: "";
--icon-content-news-fill: "";
--icon-content-pic-side-line: "";
--icon-content-message-fill: "";
--icon-content-print-fill: "";
--icon-content-home-fill: "";
--icon-content-paperclip-line: "";
--icon-content-flow-fill: "";
--icon-content-management-fill: "";
--icon-content-folder-add-fill: "";
--icon-content-wifi-line: "";
--icon-content-dollar-fill: "";
--icon-content-view-off-fill: "";
--icon-content-folders-fill: "";
--icon-content-warning-fill: "";
--icon-content-et-fill: "";
--icon-content-user-avatar-line: "";
--icon-content-hatch-fill: "";
--icon-content-view-off-line: "";
--icon-content-folder-fill: "";
--icon-content-user-follow-line: "";
--icon-content-charging-pile-fill: "";
--icon-content-warning-line: "";
--icon-content-document-fill: "";
--icon-content-view-line: "";
--icon-content-cart-with-fill: "";
--icon-content-user-profile-line: "";
--icon-content-document-add-fill: "";
--icon-content-tag-line: "";
--icon-content-diagnose-fill: "";
--icon-content-user-avatar-full-fill: "";
--icon-content-display-arrow-left-fill: "";
--icon-content-unlock-line: "";
--icon-content-display-arrow-right-fill: "";
--icon-content-user-certification-line: "";
--icon-content-chart-pie-fill: "";
--icon-content-user-avatar-fill: "";
--icon-content-bug-report-fill: "";
--icon-content-upload-line: "";
--icon-content-customer-sercive-fill: "";
--icon-content-user-admin-line: "";
--icon-content-compass-fill: "";
--icon-content-unlock-fill: "";
--icon-content-application-fill: "";
--icon-content-up-to-top-line: "";
--icon-content-calendar-fill: "";
--icon-content-trainin-line: "";
--icon-content-resource-setting-line: "";
--icon-content-transanction-line: "";
--icon-content-pin-fixed-line: "";
--icon-content-terminal-line: "";
--icon-content-print-line: "";
--icon-content-sql-line: "";
--icon-content-pin-line: "";
--icon-content-setting-line: "";
--icon-content-play-line: "";
--icon-content-time-fill: "";
--icon-content-chart-relation-line: "";
--icon-content-step-mode-line: "";
--icon-content-paper-plane-line: "";
--icon-content-time-line: "";
--icon-content-alert-line: "";
--icon-content-sub-account-line: "";
--icon-content-lightbulb-line: "";
--icon-content-stop-outline-line: "";
--icon-content-cart-line: "";
--icon-content-terminal-fill: "";
--icon-content-new-releases-line: "";
--icon-content-switch-line: "";
--icon-content-a-view-fill: "";
--icon-content-tag-fill: "";
--icon-content-d-up-for-component: "";
--icon-content-power-off-line: "";
--icon-content-align-vertical-top-fill: "";
--icon-content-sort-circle-line: "";
--icon-content-accesskey-line: "";
--icon-content-server-fault-fill: "";
--icon-content-application-group-fill: "";
--icon-content-play-outline-fill: "";
--icon-content-arrow-down-line: "";
--icon-content-star-fill: "";
--icon-content-all-line: "";
--icon-content-stackoverflow-fill: "";
--icon-content-authentication-line: "";
--icon-content-play-fill: "";
--icon-content-align-horizontal-left-fill: "";
--icon-content-zoom-in-line1: "";
--icon-content-align-vertical-top-line: "";
--icon-content-zoom-out-line1: "";
--icon-content-align-horizontal-left-line: "";
--icon-content-undo-fill: "";
--icon-content-ascending-line: "";
--icon-content-undo-line: "";
--icon-content-arrow-left-line: "";
--icon-content-cancelundo-line: "";
--icon-content-arrow-up-line: "";
--icon-content-cancelundo-fill: "";
--icon-content-all-fill: "";
--icon-content-new: "";
--icon-content-arrow-right-line: "";
--icon-content-hot: "";
--icon-content-authentication-fill: "";
--icon-content-t-up-for-component: "";
--icon-content-application-line: "";
--icon-content-time-for-component: "";
--icon-content-align-horizontal-right-fill: "";
--icon-content-help-for-component: "";
--icon-content-align-vertical-bottom-line: "";
--icon-content-left-for-component: "";
--icon-content-align-horizontal-center-line: "";
--icon-content-d-left-for-component: "";
--icon-content-arrow-circular-line: "";
--icon-content-info-for-component: "";
--icon-content-align-vertical-bottom-fill: "";
--icon-content-right-for-component: "";
--icon-content-alert-fill: "";
--icon-content-d-right-for-component: "";
--icon-content-align-horizontal-right-line: "";
--icon-content-plus-for-component: "";
--icon-content-align-horizontal-center-fill: "";
--icon-content-loading-line-for-component: "";
--icon-content-enlarge-fill: "";
--icon-content-upload-for-component: "";
--icon-content-bug-report-line: "";
--icon-content-more-line-for-component: "";
--icon-content-download-line: "";
--icon-content-check-for-component: "";
--icon-content-descending-line: "";
--icon-content-closemark-for-component: "";
--icon-content-double-up-line: "";
--icon-content-warning-for-component: "";
--icon-content-document-download-line: "";
--icon-content-search-for-component: "";
--icon-content-folder-add-line: "";
--icon-content-expand-down-for-component: "";
--icon-content-cloud-download-fill: "";
--icon-content-minus-for-component: "";
--icon-content-closemark-line: "";
--icon-content-chek-for-component: "";
--icon-content-button-down-fill: "";
--icon-content-cart-fill: "";
--icon-content-copy-fill: "";
--icon-content-button-up-fill: "";
--icon-content-caution-line: "";
--icon-content-edit-line: "";
--icon-content-chart-pie-line: "";
--icon-content-delete-fill: "";
--icon-content-border-verticle-line: "";
--icon-content-backspace-fill: "";
--icon-content-checkmark-line: "";
--icon-content-chart-bar-line: "";
--icon-content-chart-relation-fill: "";
--icon-content-comment-fill: "";
--icon-content-calculator-line: "";
--icon-content-balance-line: "";
--icon-content-box-fill: "";
--icon-content-collapse-line: "";
--icon-content-button-right-fill: "";
--icon-content-calculator-fill: "";
--icon-content-charging-pile-line: "";
--icon-content-caution-fill: "";
--icon-content-calendar-line: "";
--icon-content-button-left-fill: "";
--icon-content-border-verticle-fill: "";
--icon-content-balance-fill: "";
--icon-content-cart-empty-line: "";
--icon-content-cart-with-line: "";
--icon-content-chart-line: "";
--icon-content-button-sort-fill: "";
--icon-content-backspace-line: "";
--icon-content-close-fill: "";
--icon-content-flag-line: "";
--icon-content-list-line: "";
--icon-content-document-task-line: "";
--icon-content-chevron-sort-line: "";
--icon-content-indent-line: "";
--icon-content-international-fill: "";
--icon-content-lightbulb-fill: "";
--icon-content-filter-line: "";
--icon-content-hourglass-line: "";
--icon-content-display-arrow-right-line: "";
--icon-content-credits-fill: "";
--icon-content-hourglass-fill: "";
--icon-content-back-line: "";
--icon-content-copy-line: "";
--icon-content-cut-line: "";
--icon-content-compress-fill: "";
--icon-content-help-line: "";
--icon-content-box-line: "";
--icon-content-flag-fill: "";
--icon-content-et-line: "";
--icon-content-close-line: "";
--icon-content-email-line: "";
--icon-content-connection-line: "";
--icon-content-forward-line: "";
--icon-content-a-filter-line2: "";
--icon-content-folders-line: "";
--icon-content-double-left-line: "";
--icon-content-cloud-upload-fill: "";
--icon-content-diagnose-line: "";
--icon-content-database-line: "";
--icon-content-enlarge-line: "";
--icon-content-down-to-bottom-line: "";
--icon-content-forbidden-line: "";
--icon-content-check-fill: "";
--icon-content-database-plus-line: "";
--icon-content-display-arrow-left-line: "";
--icon-content-document-add-line: "";
--icon-content-compass-line: "";
--icon-content-chart-scatter-plot-fill: "";
--icon-content-cloud-machine-line: "";
--icon-content-edit-fill: "";
--icon-content-compress-line: "";
--icon-content-minus-circle-line: "";
--icon-content-mobile-line: "";
--icon-content-layer-fill: "";
--icon-content-external-link-line: "";
--icon-content-chart-area-fill: "";
--icon-content-hatch-line: "";
--icon-content-mobile-check-line: "";
--icon-content-folder-line: "";
--icon-content-lock-fill: "";
--icon-content-discount-line: "";
--icon-content-comment-line: "";
--icon-content-credits-line: "";
--icon-content-a-drag-line2: "";
--icon-content-inbox-fill: "";
--icon-content-map-line: "";
--icon-content-gallery-view-line: "";
--icon-content-international-line: "";
--icon-content-message-line: "";
--icon-font-path: "//at.alicdn.com/t/c/font_4358980_f9mu4cc2xu";
--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-dashboard: "";
--icon-content-list: "";
--icon-content-detail: "";
--icon-content-form: "";
--icon-content-chart-pie: "";
--icon-content-chart-bar: "";
--icon-content-exit: "";
--icon-content-lock: "";
--icon-content-unlock: "";
--icon-content-eye-close: "";
--icon-content-eye: "";
--icon-content-toggle-right: "";
--icon-content-toggle-left: "";
--icon-content-copy: "";
--icon-content-atm: "";
--icon-content-email: "";
--icon-content-account: "";
--icon-content-attachment: "";
--icon-content-filter: "";
--icon-content-refresh: "";
--icon-content-edit: "";
--icon-content-set: "";
--icon-content-download: "";
--icon-content-upload: "";
--icon-content-ashbin: "";
--icon-content-calendar: "";
--icon-content-picture: "";
--icon-content-ellipsis: "";
--icon-content-close: "";
--icon-content-search: "";
--icon-content-loading: "";
--icon-content-semi-select: "";
--icon-content-select: "";
--icon-content-ascending: "";
--icon-content-descending: "";
--icon-content-sorting: "";
--icon-content-switch: "";
--icon-content-arrow-double-right: "";
--icon-content-arrow-double-left: "";
--icon-content-arrow-right: "";
--icon-content-arrow-left: "";
--icon-content-arrow-down: "";
--icon-content-arrow-up: "";
--icon-content-minus: "";
--icon-content-add: "";
--icon-content-favorites-filling: "";
--icon-content-delete-filling: "";
--icon-content-success-filling: "";
--icon-content-clock: "";
--icon-content-help: "";
--icon-content-error: "";
--icon-content-prompt: "";
--icon-content-warning: "";
--icon-content-success: "";
--icon-content-cry: "";
--icon-content-smile: "";
--line-dotted: dotted;
--line-dashed: dashed;
--line-solid: solid;
--line-3: 3px;
--line-2: 2px;
--line-1: 1px;
--line-zero: 0px;
--popup-global-shadow: var(--shadow-2-down, 0px 4px 8px 0px rgba(0, 0, 0, 0.16));
--popup-global-corner: var(--corner-1, 4px);
--popup-global-border-color: var(--color-line1-2, #eeeeee);
--popup-global-border-style: var(--line-solid, solid);
--popup-global-border-width: var(--line-zero, 0px);
--popup-local-corner: var(--corner-1, 4px);
--popup-local-border-style: var(--line-solid, solid);
--popup-local-border-width: var(--line-1, 1px);
--popup-local-border-color: var(--color-line1-1, #e5e5e5);
--popup-local-shadow: var(--shadow-1, 0px 2px 4px 1px rgba(0, 0, 0, 0.08));
--popup-spacing-tb: 2px;
--popup-spacing-lr: 0px;
--mask-background: var(--color-black, #000000);
--mask-opacity: 0.45;
--form-element-preview-text-color: var(--color-text1-4, #aaaaaa);
--form-element-large-corner: var(--corner-1, 4px);
--form-element-medium-corner: var(--corner-1, 4px);
--form-element-small-corner: var(--corner-1, 4px);
--form-element-medium-icon-size: var(--icon-xs, 12px);
--form-element-small-icon-size: var(--icon-xs, 12px);
--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-medium-font-size: var(--font-size-body-1, 12px);
--form-element-small-font-size: var(--font-size-caption, 12px);
--form-element-preview-label-color: var(--color-text1-2, #555555);
--form-element-large-preview-font-size: var(--font-size-body-2, 14px);
--form-element-large-preview-label-font-size: var(--font-size-body-2, 14px);
--form-element-large-preview-height: var(--s-6, 24px);
--form-element-medium-preview-height: var(--s-4, 16px);
--form-element-small-preview-height: var(--s-2, 8px);
--form-element-large-icon-size: var(--icon-xs, 12px);
--form-element-large-font-size: var(--font-size-body-2, 14px);
--form-element-large-height: var(--s-9, 36px);
--form-element-medium-height: var(--s-8, 32px);
--form-element-small-height: var(--s-6, 24px);
--s-50: 200px;
--s-49: 196px;
--s-48: 192px;
--s-47: 188px;
--s-46: 184px;
--s-45: 180px;
--s-44: 176px;
--s-43: 172px;
--s-42: 168px;
--s-41: 164px;
--s-40: 160px;
--s-39: 156px;
--s-38: 152px;
--s-37: 148px;
--s-36: 144px;
--s-35: 140px;
--s-34: 136px;
--s-33: 132px;
--s-32: 128px;
--s-31: 124px;
--s-30: 120px;
--s-29: 116px;
--s-28: 112px;
--s-27: 108px;
--s-26: 104px;
--s-25: 100px;
--s-24: 96px;
--s-23: 92px;
--s-22: 88px;
--s-21: 84px;
--s-20: 80px;
--s-19: 76px;
--s-18: 72px;
--s-17: 68px;
--s-16: 64px;
--s-15: 60px;
--s-14: 56px;
--s-13: 52px;
--s-12: 48px;
--s-11: 44px;
--s-10: 40px;
--s-9: 36px;
--s-8: 32px;
--s-7: 28px;
--s-6: 24px;
--s-5: 20px;
--s-4: 16px;
--s-3: 12px;
--s-2: 8px;
--s-1: 4px;
--s-zero: 0px;
--size-base: 4px;
--shadow-3-left: 0px 0px 16px 0px rgba(0, 0, 0, 0.16);
--shadow-3-down: 0px 8px 16px 0px rgba(0, 0, 0, 0.16);
--shadow-3-right: 0px 0px 16px 0px rgba(0, 0, 0, 0.16);
--shadow-3-up: 0px -8px 16px 0px rgba(0, 0, 0, 0.16);
--shadow-3: 0px 8px 16px 0px rgba(0, 0, 0, 0.16);
--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 1px rgba(0, 0, 0, 0.08);
--shadow-1-down: 0px 2px 4px 1px rgba(0, 0, 0, 0.08);
--shadow-1-right: 0px 0px 4px 1px rgba(0, 0, 0, 0.08);
--shadow-1-up: 0px -2px 4px 1px rgba(0, 0, 0, 0.08);
--shadow-1: 0px 2px 4px 1px rgba(0, 0, 0, 0.08);
--shadow-zero: none;
--shadow-spread-sd3: 0;
--shadow-spread-sd2: 0;
--shadow-color-sd3: var(--color-black, #000000);
--shadow-color-sd2: var(--color-black, #000000);
--shadow-sides-left: "left";
--shadow-sides-down: "down";
--shadow-sides-right: "right";
--shadow-sides-up: "up";
--shadow-sides-base: "base";
--shadow-spread-sd1: 1;
--shadow-blur-sd3: 16;
--shadow-blur-sd2: 8;
--shadow-opacity-sd3: 0.16;
--shadow-opacity-sd2: 0.16;
--shadow-distance-sd3y: 8;
--shadow-distance-sd2y: 4;
--shadow-distance-sd3: 0;
--shadow-distance-sd2: 0;
--shadow-blur-sd1: 4;
--shadow-color-sd1: var(--color-black, #000000);
--shadow-opacity-sd1: 0.08;
--shadow-distance-sd1y: 2;
--shadow-distance-sd1: 0;
--font-weight-ultra-bold: 900;
--font-weight-extra-bold: 800;
--font-weight-3: bold;
--font-weight-semi-bold: 600;
--font-weight-medium: 500;
--font-weight-2: normal;
--font-weight-light: 300;
--font-weight-thin: 200;
--font-weight-1: lighter;
--font-size-headline: 24px;
--font-lineheight-3: 1.7;
--font-name-bold: "";
--font-name-medium: "";
--font-name-regular: "";
--font-name-light: "";
--font-name-thin: "";
--font-custom-name: "";
--font-custom-path: "";
--font-family-base: "PingFang SC","Microsoft YaHei","Helvetica Neue",Arial;
--font-lineheight-2: 1.5;
--font-lineheight-1: 1.3;
--font-size-caption: 12px;
--font-size-body-1: 12px;
--font-size-body-2: 14px;
--font-size-subhead: 16px;
--font-size-title: 20px;
--font-size-display-1: 36px;
--font-size-display-2: 48px;
--font-size-display-3: 60px;
--corner-zero: 0px;
--corner-semicircle: 500px;
--corner-circle: 50%;
--corner-3: 16px;
--corner-2: 8px;
--corner-1: 4px;
--btn-size-l-padding: var(--s-4, 16px);
--btn-size-l-border-width: var(--line-1, 1px);
--btn-shadow-hover: var(--shadow-2-down, 0px 4px 8px 0px rgba(0, 0, 0, 0.16));
--btn-size-s-height: var(--s-6, 24px);
--btn-size-s-padding: var(--s-3, 12px);
--btn-size-m-height: var(--s-8, 32px);
--btn-size-m-padding: var(--s-4, 16px);
--btn-size-l-height: var(--s-9, 36px);
--btn-size-l-font: var(--font-size-body-2, 14px);
--btn-pure-primary-color-disabled: var(--color-text1-4, #aaaaaa);
--btn-pure-primary-bg-disabled: var(--color-line1-3, #f6f6f6);
--btn-pure-primary-border-color-disabled: var(--color-transparent, transparent);
--btn-pure-primary-bg: var(--color-brand1-1, #0033cc);
--btn-pure-primary-bg-hover: var(--color-brand1-2, #0241ff);
--btn-pure-primary-bg-active: var(--color-brand1-3, #002aa9);
--btn-pure-primary-border-color: var(--color-transparent, transparent);
--btn-pure-normal-color-disabled: var(--color-text1-4, #aaaaaa);
--btn-pure-normal-bg-disabled: var(--color-line1-3, #f6f6f6);
--btn-pure-normal-border-color-disabled: var(--color-line1-1, #e5e5e5);
--btn-pure-normal-color: var(--color-text1-1, #343434);
--btn-pure-normal-bg-hover: var(--color-brand1-4, #f5f7ff);
--btn-pure-normal-bg-active: var(--color-brand1-5, #e8eeff);
--btn-pure-normal-border-color: var(--color-line1-1, #e5e5e5);
--btn-pure-normal-border-color-hover: var(--color-line1-1, #e5e5e5);
--btn-pure-normal-border-color-active: var(--color-line1-1, #e5e5e5);
--btn-text-primary-color: var(--color-brand1-1, #0033cc);
--btn-text-primary-color-hover: var(--color-brand1-2, #0241ff);
--btn-text-disabled-color: var(--color-text1-4, #aaaaaa);
--btn-text-normal-color: var(--color-text1-1, #343434);
--btn-text-normal-color-hover: var(--color-brand1-1, #0033cc);
--btn-text-size-s-height: var(--s-6, 24px);
--btn-text-size-m-height: var(--s-8, 32px);
--btn-text-size-l-height: var(--s-9, 36px);
--btn-ghost-dark-border-color: var(--color-line1-1, #e5e5e5);
--btn-ghost-dark-bg-hover-rgb: var(--color-brand1-1, #0033cc);
--btn-ghost-dark-bg-hover-opacity: 1;
--btn-ghost-dark-border-color-hover: var(--color-line1-1, #e5e5e5);
--btn-ghost-dark-color-disabled-rgb: var(--color-text1-4, #aaaaaa);
--btn-ghost-dark-color-disabled-opacity: 1;
--btn-ghost-dark-bg-disabled: var(--color-transparent, transparent);
--btn-ghost-dark-border-color-disabled-rgb: var(--color-line1-1, #e5e5e5);
--btn-ghost-dark-border-color-disabled-opacity: 1;
--btn-ghost-light-color: var(--color-text1-1, #343434);
--btn-ghost-light-border-color: var(--color-line1-1, #e5e5e5);
--btn-ghost-light-color-hover: var(--color-white, #FFFFFF);
--btn-ghost-light-border-color-hover: var(--color-line1-1, #e5e5e5);
--btn-ghost-light-bg-hover-rgb: var(--color-brand1-1, #0033cc);
--btn-ghost-light-color-disabled-rgb: var(--color-text1-4, #aaaaaa);
--btn-ghost-light-color-disabled-opacity: 1;
--btn-ghost-light-bg-disabled: var(--color-line1-3, #f6f6f6);
--btn-ghost-light-border-color-disabled-rgb: var(--color-line1-1, #e5e5e5);
--btn-ghost-light-border-color-disabled-opacity: 1;
--btn-size-s-icon-size: var(--icon-xxs, 8px);
--btn-size-m-icon-size: var(--icon-xxs, 8px);
--btn-size-l-icon-size: var(--icon-xs, 12px);
--btn-shadow: var(--shadow-zero, none);
--btn-size-s-border-width: var(--line-1, 1px);
--btn-size-s-font: var(--font-size-caption, 12px);
--btn-size-s-icon-margin: var(--s-1, 4px);
--btn-size-s-icon-split-size: var(--icon-xs, 12px);
--btn-size-s-corner: var(--corner-1, 4px);
--btn-size-m-border-width: var(--line-1, 1px);
--btn-size-m-font: var(--font-size-body-1, 12px);
--btn-size-m-icon-margin: var(--s-1, 4px);
--btn-size-m-icon-split-size: var(--icon-xs, 12px);
--btn-size-m-corner: var(--corner-1, 4px);
--btn-size-l-icon-margin: var(--s-1, 4px);
--btn-size-l-icon-split-size: var(--icon-s, 16px);
--btn-size-l-corner: var(--corner-1, 4px);
--btn-pure-color-disabled: var(--color-text1-1, #343434);
--btn-pure-bg-disabled: var(--color-fill1-1, #F7F8FA);
--btn-pure-border-color-disabled: var(--color-line1-1, #e5e5e5);
--btn-pure-normal-bg: var(--color-white, #FFFFFF);
--btn-pure-normal-border-style: var(--line-solid, solid);
--btn-pure-secondary-bg: var(--color-white, #FFFFFF);
--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-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-color-hover: var(--color-white, #FFFFFF);
--btn-ghost-dark-bg: var(--color-transparent, transparent);
--btn-ghost-dark-bg-opacity: 0;
--btn-ghost-light-bg: var(--color-transparent, transparent);
--btn-ghost-light-bg-opacity: 0;
--btn-ghost-light-bg-hover-opacity: .92;
--btn-warning-border-style: var(--line-solid, solid);
--btn-warning-primary-color-hover: var(--color-white, #FFFFFF);
--btn-warning-primary-color-active: var(--color-white, #FFFFFF);
--btn-warning-normal-bg: var(--color-white, #FFFFFF);
--btn-text-loading-color: var(--color-text1-4, #aaaaaa);
--btn-text-secondary-color: var(--color-text1-3, gray);
--btn-text-secondary-color-hover: var(--color-brand1-6, #d7e1ff);
--btn-text-size-s-font: var(--font-size-caption, 12px);
--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);
--btn-pure-secondary-color-disabled: var(--color-text1-4, #aaaaaa);
--btn-pure-secondary-bg-disabled: var(--color-line1-3, #f6f6f6);
--btn-pure-secondary-border-color-disabled: var(--color-transparent, transparent);
--btn-pure-secondary-color: var(--color-brand1-1, #0033cc);
--btn-pure-secondary-color-hover: var(--color-brand1-1, #0033cc);
--btn-pure-secondary-bg-hover: var(--color-brand1-4, #f5f7ff);
--btn-pure-secondary-border-color: var(--color-brand1-1, #0033cc);
--btn-pure-secondary-border-color-hover: var(--color-brand1-1, #0033cc);
--btn-pure-secondary-border-color-active: var(--color-brand1-1, #0033cc);
--btn-pure-normal-color-hover: var(--color-text1-1, #343434);
--btn-pure-normal-color-active: var(--color-text1-1, #343434);
--btn-pure-secondary-bg-active: var(--color-brand1-5, #e8eeff);
--btn-pure-secondary-color-active: var(--color-brand1-3, #002aa9);
--btn-warning-primary-color: var(--color-white, #FFFFFF);
--btn-warning-primary-border-color: var(--color-transparent, transparent);
--btn-warning-primary-border-color-hover: var(--color-transparent, transparent);
--btn-warning-primary-border-color-active: var(--color-transparent, transparent);
--btn-warning-primary-bg: var(--color-error-1, #d50b16);
--btn-warning-primary-bg-hover: var(--color-error-1, #d50b16);
--btn-warning-primary-bg-active: var(--color-error-3, #960216);
--btn-warning-primary-color-disabled: var(--color-text1-4, #aaaaaa);
--btn-warning-primary-border-color-disabled: var(--color-transparent, transparent);
--btn-warning-primary-bg-disabled: var(--color-line1-3, #f6f6f6);
--btn-warning-normal-color: var(--color-error-1, #d50b16);
--btn-warning-normal-color-hover: var(--color-error-1, #d50b16);
--btn-warning-normal-color-active: var(--color-error-3, #960216);
--btn-warning-normal-border-color: var(--color-error-1, #d50b16);
--btn-warning-normal-border-color-hover: var(--color-error-1, #d50b16);
--btn-warning-normal-border-color-active: var(--color-error-1, #d50b16);
--btn-warning-normal-bg-hover: var(--color-error-2, #ffedec);
--btn-warning-normal-bg-active: var(--color-error-4, #fbdfdc);
--btn-warning-normal-color-disabled: var(--color-text1-4, #aaaaaa);
--btn-warning-normal-border-color-disabled: var(--color-transparent, transparent);
--btn-warning-normal-bg-disabled: var(--color-line1-3, #f6f6f6);
--menu-padding-ver-padding-lr: var(--s-1, 4px);
--menu-padding-ver-padding-tb: var(--s-1, 4px);
--menu-item-padding-ver-padding-l: var(--s-6, 24px);
--menu-item-border-radius: var(--corner-1, 4px);
--menu-line-height: var(--s-8, 32px);
--menu-color: var(--color-text1-1, #343434);
--menu-background: var(--color-white, #FFFFFF);
--menu-background-hover: var(--color-brand1-4, #f5f7ff);
--menu-item-padding-ver-padding-r: var(--s-4, 16px);
--menu-icon-selected-size: var(--icon-xxs, 8px);
--menu-icon-selected-right: var(--s-2, 8px);
--menu-color-selected: var(--color-text1-1, #343434);
--menu-icon-selected-color: var(--color-text1-1, #343434);
--menu-color-hover: var(--color-text1-1, #343434);
--menu-icon-selected-hover-color: var(--color-text1-1, #343434);
--menu-color-disabled: var(--color-text1-4, #aaaaaa);
--menu-arrow-color: var(--color-text1-1, #343434);
--menu-background-selected: var(--color-brand1-5, #e8eeff);
--menu-arrow-color-hover: var(--color-text1-1, #343434);
--menu-arrow-right: var(--s-2, 8px);
--menu-padding-hoz-padding-lr: var(--s-zero, 0px);
--menu-padding-hoz-padding-tb: var(--s-2, 8px);
--menu-item-padding-hoz-padding-lr: var(--s-5, 20px);
--menu-font-size: var(--font-size-body-1, 12px);
--menu-submenu-title-size: var(--font-size-body-1, 12px);
--menu-padding-title-horizontal: var(--s-3, 12px);
--menu-divider-width: var(--line-1, 1px);
--menu-divider-margin-ver: var(--s-2, 8px);
--menu-divider-margin-hoz: var(--s-3, 12px);
--menu-icon-size: var(--icon-xxs, 8px);
--menu-hoz-icon-size: var(--icon-xs, 12px);
--menu-icon-margin: var(--s-1, 4px);
--menu-shadow: var(--shadow-1-down, 0px 2px 4px 1px rgba(0, 0, 0, 0.08));
--menu-divider-style: var(--line-solid, solid);
--menu-divider-color: var(--color-line1-1, #e5e5e5);
--menu-select-icon-content: var(--icon-content-select, "");
--menu-fold-icon-content: var(--icon-content-arrow-down, "");
--menu-unfold-icon-content: var(--icon-reset, var(--icon-reset));
--menu-popupfold-icon-content: var(--icon-content-arrow-right, "");
--menu-btn-pure-text-normal-icon-color: var(--color-text1-1, #343434);
--menu-btn-disabled-icon-color: var(--color-text1-4, #aaaaaa);
--menu-btn-text-text-normal-icon-color: var(--color-text1-1, #343434);
--menu-btn-text-text-primary-icon-color: var(--color-brand1-1, #0033cc);
--menu-btn-ghost-light-icon-color: var(--color-text1-1, #343434);
--menu-btn-ghost-light-disabled-icon-color: var(--btn-ghost-light-color-disabled, #aaaaaa);
--menu-btn-ghost-dark-disabled-icon-color: var(--btn-ghost-dark-color-disabled, #aaaaaa);
--menu-btn-pure-text-primary-icon-color: var(--color-white, #FFFFFF);
--menu-btn-ghost-dark-icon-color: var(--color-white, #FFFFFF);
--menu-btn-unfold-icon-content: var(--icon-reset, var(--icon-reset));
--menu-btn-pure-text-secondary-icon-color: var(--color-brand1-1, #0033cc);
--menu-btn-fold-icon-content: var(--icon-content-expand-down-for-component, "");
--input-text-color: var(--color-text1-1, #343434);
--input-border-color: var(--color-line1-1, #e5e5e5);
--input-hover-border-color: var(--color-line1-1, #e5e5e5);
--input-hover-bg-color: var(--color-brand1-4, #f5f7ff);
--input-focus-border-color: var(--color-brand1-1, #0033cc);
--input-focus-bg-color: var(--color-brand1-4, #f5f7ff);
--input-focus-shadow-spread: var(--line-zero, 0px);
--input-placeholder-color: var(--color-text1-3, gray);
--input-l-padding: var(--s-4, 16px);
--input-m-padding: var(--s-4, 16px);
--input-s-padding: var(--s-3, 12px);
--input-disabled-color: var(--color-text1-4, #aaaaaa);
--input-disabled-border-color: var(--color-line1-1, #e5e5e5);
--input-disabled-bg-color: var(--color-line1-3, #f6f6f6);
--input-multiple-padding-lr: var(--s-4, 16px);
--input-addon-bg-color: var(--color-white, #FFFFFF);
--input-addon-text-color: var(--color-text1-1, #343434);
--input-addon-padding: var(--s-4, 16px);
--input-l-icon-padding-right: var(--s-4, 16px);
--input-multiple-padding-tb: var(--s-2, 8px);
--input-maxlen-color: var(--color-text1-4, #aaaaaa);
--input-label-color: var(--color-text1-2, #555555);
--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, 4px);
--input-l-label-padding-left: var(--s-3, 12px);
--input-m-label-padding-left: var(--s-2, 8px);
--input-m-icon-padding-right: var(--s-2, 8px);
--input-s-label-padding-left: var(--s-2, 8px);
--input-s-icon-padding-right: var(--s-1, 4px);
--input-feedback-warning-bg-color: var(--color-white, #FFFFFF);
--input-feedback-success-color: var(--color-success-3, #46BC15);
--input-feedback-loading-color: var(--color-notice-3, #4494F9);
--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, #960216);
--input-maxlen-warning-color: var(--color-warning-3, #f67325);
--input-maxlen-font-size: var(--font-size-caption, 12px);
--input-hint-color: var(--color-text1-2, #555555);
--input-hint-hover-color: var(--color-text1-1, #343434);
--input-feedback-warning-border-color: var(--color-warning-3, #f67325);
--input-feedback-warning-color: var(--color-warning-3, #f67325);
--input-feedback-warning-icon: var(--icon-content-info-for-component, "");
--input-feedback-success-icon: var(--icon-content-check-for-component, "");
--input-feedback-error-border-color: var(--color-error-1, #d50b16);
--input-feedback-clear-icon: var(--icon-content-delete-filling, "");
--input-feedback-error-color: var(--color-error-1, #d50b16);
--search-normal-primary-btn-hover-bg-color: var(--color-brand1-2, #0241ff);
--search-normal-primary-btn-hover-text-color: var(--color-white, #FFFFFF);
--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-foucs-normal-primary-border-color: var(--color-brand1-1, #0033cc);
--search-focus-bg-color: var(--color-brand1-4, #f5f7ff);
--search-normal-primary-split-color: var(--color-line1-1, #e5e5e5);
--search-normal-primary-btn-text-color: var(--color-white, #FFFFFF);
--search-normal-primary-btn-text-padding-left: var(--s-1, 4px);
--search-normal-primary-l-btn-text-size: var(--font-size-body-2, 14px);
--search-normal-primary-m-btn-text-size: var(--font-size-body-1, 12px);
--search-normal-primary-m-icon-size: var(--icon-s, 16px);
--search-normal-secondary-color: var(--color-line1-3, #f6f6f6);
--search-normal-secondary-split-color: var(--color-line1-1, #e5e5e5);
--search-normal-secondary-hover-color: var(--color-brand1-6, #d7e1ff);
--search-normal-secondary-shadow: var(--shadow-zero, none);
--search-normal-secondary-btn-bg-color: var(--color-brand1-6, #d7e1ff);
--search-normal-secondary-btn-text-color: var(--color-white, #FFFFFF);
--search-normal-secondary-btn-hover-bg-color: var(--color-brand1-9, #3E71F7);
--search-normal-secondary-btn-hover-text-color: var(--color-white, #FFFFFF);
--search-normal-secondary-border-width: var(--line-1, 1px);
--search-normal-secondary-btn-text-padding-left: var(--s-zero, 0px);
--search-normal-secondary-l-height: var(--s-15, 60px);
--search-normal-secondary-l-icon-size: var(--icon-l, 24px);
--search-normal-secondary-l-btn-text-size: var(--font-size-subhead, 16px);
--search-normal-secondary-m-height: var(--s-10, 40px);
--search-normal-secondary-m-icon-size: var(--icon-s, 16px);
--search-normal-secondary-m-btn-text-size: var(--font-size-subhead, 16px);
--search-normal-normal-color: var(--color-line1-3, #f6f6f6);
--search-normal-normal-split-color: var(--color-line1-1, #e5e5e5);
--search-normal-normal-hover-color: var(--color-line1-4, #fbfbfb);
--search-normal-normal-shadow: var(--shadow-zero, none);
--search-normal-normal-btn-bg-color: var(--color-fill1-1, #F7F8FA);
--search-normal-normal-btn-text-color: var(--color-text1-3, gray);
--search-normal-normal-btn-hover-bg-color: var(--color-fill1-3, #EBECF0);
--search-normal-normal-btn-hover-text-color: var(--color-text1-4, #aaaaaa);
--search-normal-normal-border-width: var(--line-1, 1px);
--search-normal-normal-btn-text-padding-left: var(--s-zero, 0px);
--search-normal-normal-l-height: var(--s-15, 60px);
--search-normal-normal-l-icon-size: var(--icon-l, 24px);
--search-normal-normal-l-btn-text-size: var(--font-size-subhead, 16px);
--search-normal-normal-m-height: var(--s-10, 40px);
--search-normal-normal-m-icon-size: var(--icon-s, 16px);
--search-normal-normal-m-btn-text-size: var(--font-size-subhead, 16px);
--search-normal-dark-color: var(--color-brand1-6, #d7e1ff);
--search-normal-dark-hover-color: var(--color-brand1-6, #d7e1ff);
--search-normal-dark-text-color: var(--color-white, #FFFFFF);
--search-normal-dark-bg-color: var(--color-white, #FFFFFF);
--search-normal-dark-bg-opacity: 0;
--search-normal-dark-shadow: var(--shadow-zero, none);
--search-normal-dark-btn-text-color: var(--color-white, #FFFFFF);
--search-normal-dark-btn-hover-bg-color: var(--color-brand1-9, #3E71F7);
--search-normal-dark-btn-hover-text-color: var(--color-white, #FFFFFF);
--search-normal-dark-border-width: var(--line-1, 1px);
--search-normal-dark-btn-text-padding-left: var(--s-zero, 0px);
--search-normal-dark-l-height: var(--s-15, 60px);
--search-normal-dark-l-icon-size: var(--icon-l, 24px);
--search-normal-dark-l-btn-text-size: var(--font-size-subhead, 16px);
--search-normal-dark-m-height: var(--s-10, 40px);
--search-normal-dark-m-icon-size: var(--icon-s, 16px);
--search-normal-dark-m-btn-text-size: var(--font-size-subhead, 16px);
--search-simple-corner: var(--corner-1, 4px);
--search-simple-l-icon-margin-right: var(--s-3, 12px);
--search-simple-m-icon-margin-right: var(--s-2, 8px);
--search-simple-normal-color: var(--color-line1-3, #f6f6f6);
--search-simple-normal-shadow: var(--shadow-zero, none);
--search-simple-normal-border-width: var(--line-1, 1px);
--search-simple-normal-m-icon-size: var(--icon-xs, 12px);
--search-simple-normal-btn-text-padding-left: var(--s-zero, 0px);
--search-simple-dark-color: var(--color-line1-3, #f6f6f6);
--search-simple-dark-hover-color: var(--color-line1-3, #f6f6f6);
--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, #555555);
--search-simple-dark-icon-hover-text-color: var(--color-text1-3, gray);
--search-simple-dark-btn-text-padding-left: var(--s-zero, 0px);
--search-simple-dark-split-color: var(--color-line1-3, #f6f6f6);
--search-simple-dark-border-width: var(--line-1, 1px);
--search-simple-dark-l-icon-size: var(--icon-m, 20px);
--search-simple-dark-m-icon-size: var(--icon-xs, 12px);
--search-foucs-normal-secondary-border-color: var(--color-brand1-6, #d7e1ff);
--search-foucs-normal-normal-border-color: var(--color-line1-4, #fbfbfb);
--search-foucs-normal-dark-border-color: var(--color-brand1-6, #d7e1ff);
--search-foucs-simple-dark-border-color: var(--color-line1-3, #f6f6f6);
--search-focus-shadow-spread: var(--shadow-zero, none);
--search-normal-corner: var(--corner-1, 4px);
--search-normal-primary-color: var(--color-line1-1, #e5e5e5);
--search-normal-primary-hover-color: var(--color-line1-1, #e5e5e5);
--search-simple-normal-split-color: var(--color-line1-1, #e5e5e5);
--search-normal-primary-shadow: var(--shadow-zero, none);
--search-simple-normal-hover-color: var(--color-line1-1, #e5e5e5);
--search-simple-normal-icon-text-color: var(--color-text1-1, #343434);
--search-simple-normal-icon-hover-text-color: var(--color-text1-1, #343434);
--search-simple-normal-l-icon-size: var(--icon-xs, 12px);
--search-search-icon-content: var(--icon-content-search-for-component, "");
--search-foucs-simple-normal-border-color: var(--color-brand1-1, #0033cc);
--pagination-ellipsis-margin: var(--s-2, 8px);
--pagination-input-margin: var(--s-2, 8px);
--pagination-large-item-split: var(--s-2, 8px);
--pagination-large-item-padding: var(--s-3, 12px);
--pagination-large-current-font-size: var(--font-size-body-2, 14px);
--pagination-large-total-font-size: var(--font-size-body-2, 14px);
--pagination-large-input-width: var(--s-12, 48px);
--pagination-large-jump-font-size: var(--font-size-body-2, 14px);
--pagination-ellipsis-color: var(--color-text1-1, #343434);
--pagination-total-color: var(--color-text1-1, #343434);
--pagination-jump-color: var(--color-text1-1, #343434);
--pagination-item-border-color: var(--color-transparent, transparent);
--pagination-item-color: var(--color-text1-1, #343434);
--pagination-item-bg: var(--color-transparent, transparent);
--pagination-arrow-color: var(--color-text1-1, #343434);
--pagination-arrow-hover-color: var(--color-brand1-1, #0033cc);
--pagination-item-split: var(--s-2, 8px);
--pagination-item-padding: var(--s-3, 12px);
--pagination-item-border-style: var(--line-solid, solid);
--pagination-input-width: var(--s-10, 40px);
--pagination-large-item-border-width: var(--line-1, 1px);
--pagination-large-ellipsis-size: var(--icon-xs, 12px);
--pagination-small-item-split: var(--s-2, 8px);
--pagination-small-input-width: var(--s-8, 32px);
--pagination-current-color: var(--color-text1-1, #343434);
--pagination-small-item-padding: var(--s-2, 8px);
--pagination-item-border-width: var(--line-1, 1px);
--pagination-item-corner: var(--corner-1, 4px);
--pagination-ellipsis-size: var(--icon-xs, 12px);
--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-corner: var(--corner-1, 4px);
--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, 4px);
--pagination-small-ellipsis-size: var(--icon-xs, 12px);
--pagination-small-current-font-size: var(--font-size-caption, 12px);
--pagination-small-total-font-size: var(--font-size-caption, 12px);
--pagination-small-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, #555555);
--pagination-size-selector-filter-color: var(--color-text1-3, gray);
--pagination-size-selector-filter-current-color: var(--color-brand1-6, #d7e1ff);
--pagination-item-shadow: var(--shadow-zero, none);
--pagination-item-current-shadow: var(--shadow-zero, none);
--pagination-item-hover-border-color: var(--color-line1-4, #fbfbfb);
--pagination-item-hover-shadow: var(--shadow-zero, none);
--pagination-item-hover-color: var(--color-text1-4, #aaaaaa);
--pagination-item-hover-bg: var(--color-fill1-2, #F2F3F7);
--pagination-icon-prev-content: var(--icon-content-arrow-left, "");
--pagination-icon-next-content: var(--icon-content-arrow-right, "");
--pagination-icon-ellipsis-content: var(--icon-content-ellipsis, "");
--pagination-arrow-hover-color-noboder: var(--color-brand1-6, #d7e1ff);
--pagination-item-current-border-color: var(--color-brand1-1, #0033cc);
--pagination-item-current-color: var(--color-brand1-1, #0033cc);
--pagination-item-current-bg: var(--color-transparent, transparent);
--pagination-item-current-hover-border-color: var(--color-brand1-2, #0241ff);
--pagination-item-current-hover-color: var(--color-brand1-2, #0241ff);
--pagination-item-current-hover-bg: var(--color-transparent, transparent);
--pagination-item-current-hover-shadow: var(--shadow-2-down, 0px 4px 8px 0px rgba(0, 0, 0, 0.16));
--typography-text-color: var(--color-text1-1, #343434);
--typography-text-mark-color: