chore:backup

packages/semi-scss-to-css-var/allCSSVar.scss

@@ -0,0 +1,2355 @@
+.allCSSVar{
+--semi-css-color-anchor_slide_default-bg-default:var(--semi-color-border);
+--semi-css-color-anchor_slide_primary-bg-active:var(--semi-color-primary);
+--semi-css-color-anchor_slide_tertiary-bg-active:var(--semi-color-tertiary);
+--semi-css-color-anchor_slide_muted-bg-active:var(--semi-color-white);
+--semi-css-color-anchor_title-text-default:var(--semi-color-text-2);
+--semi-css-color-anchor_title-text-hover:var(--semi-color-tertiary-hover);
+--semi-css-color-anchor_title-text-active:var(--semi-color-text-0);
+--semi-css-color-anchor_title-text-disabled:var(--semi-color-disabled-text);
+--semi-css-spacing-anchor_slide-left:$spacing-none;
+--semi-css-spacing-anchor_slide-top:$spacing-none;
+--semi-css-spacing-anchor_slide_default-Y:$spacing-extra-tight;
+--semi-css-spacing-anchor_slide_small-Y:$spacing-extra-tight;
+--semi-css-spacing-anchor_link-paddingLeft:$spacing-tight;
+--semi-css-spacing-anchor_link_title-paddingTop:$spacing-extra-tight;
+--semi-css-spacing-anchor_link_title-paddingBottom:$spacing-extra-tight;
+--semi-css-width-anchor_slide_default:2px;
+--semi-css-height-anchor_slide_default:20px;
+--semi-css-height-anchor_slide_small:16px;
+--semi-css-radius-anchor_slide:1px;
+--semi-css-spacing-autoComplete_loading_wrapper-paddingTop:$spacing-tight;
+--semi-css-spacing-autoComplete_loading_wrapper-paddingBottom:$spacing-tight;
+--semi-css-colors:"amber", "blue", "cyan", "green", "grey", "indigo", "light-blue", "light-green", "lime", "orange", "pink",
+    "purple", "red", "teal", "violet", "yellow";
+--semi-css-z-avatar-default:100;
+--semi-css-color-avatar_default-border-default:var(--semi-color-bg-1);
+--semi-css-color-avatar_more_default-bg-default:rgba(var(--semi-grey-5), 1);
+--semi-css-width-avatar_extra_extra_small:20px;
+--semi-css-font-avatar_extra_extra_small-size:10px;
+--semi-css-font-avatar_extra_extra_small-lineHeight:15px;
+--semi-css-width-avatar_extra_small:24px;
+--semi-css-font-avatar_extra_small-size:10px;
+--semi-css-font-avatar_extra_small-lineHeight:15px;
+--semi-css-width-avatar_small:32px;
+--semi-css-width-avatar_default:40px;
+--semi-css-width-avatar_medium:48px;
+--semi-css-width-avatar_large:72px;
+--semi-css-width-avatar_extra_large:128px;
+--semi-css-font-avatar_extra_large-size:64px;
+--semi-css-font-avatar_extra_large-lineHeight:77px;
+--semi-css-radius-avatar:var(--semi-border-radius-circle);
+--semi-css-width-avatar_extra_large-border:3px;
+--semi-css-spacing-avatar_extra_large-marginLeft:-32px;
+--semi-css-width-avatar_large-border:3px;
+--semi-css-spacing-avatar_large-marginLeft:-18px;
+--semi-css-width-avatar_medium-border:2px;
+--semi-css-spacing-avatar_medium-marginLeft:-12px;
+--semi-css-width-avatar_default-border:2px;
+--semi-css-spacing-avatar_default-marginLeft:-12px;
+--semi-css-width-avatar_small-border:2px;
+--semi-css-spacing-avatar_small-marginLeft:-12px;
+--semi-css-width-avatar_extra_small-border:1px;
+--semi-css-spacing-avatar_extra_small-marginLeft:-10px;
+--semi-css-width-avatar_extra_extra_small-border:1px;
+--semi-css-spacing-avatar_extra_extra_small-marginLeft:-4px;
+--semi-css-z-backtop:10;
+--semi-css-spacing-backtop-right:100px;
+--semi-css-spacing-backtop-bottom:50px;
+--semi-css-color-badge_default-border-default:var(--semi-color-bg-1);
+--semi-css-color-badge_default-bg-default:var(--semi-color-bg-1);
+--semi-css-color-badge_default_light-bg-default:var(--semi-color-bg-2);
+--semi-css-color-badge_default-text-default:var(--semi-color-bg-2);
+--semi-css-color-badge_primary_solid-bg-default:var(--semi-color-primary);
+--semi-css-color-badge_primary_light-bg-default:var(--semi-color-primary-light-default);
+--semi-css-color-badge_primary_light-text-default:var(--semi-color-primary);
+--semi-css-color-badge_primary_inverted-text-default:var(--semi-color-primary);
+--semi-css-color-badge_secondary_solid-bg-default:var(--semi-color-secondary);
+--semi-css-color-badge_secondary_light-bg-default:var(--semi-color-secondary-light-default);
+--semi-css-color-badge_secondary_light-text-default:var(--semi-color-secondary);
+--semi-css-color-badge_secondary_inverted-text-default:var(--semi-color-secondary);
+--semi-css-color-badge_tertiary_solid-bg-default:var(--semi-color-tertiary);
+--semi-css-color-badge_tertiary_light-bg-default:var(--semi-color-tertiary-light-default);
+--semi-css-color-badge_tertiary_light-text-default:var(--semi-color-tertiary);
+--semi-css-color-badge_tertiary_inverted-text-default:var(--semi-color-tertiary);
+--semi-css-color-badge_danger_solid-bg-default:var(--semi-color-danger);
+--semi-css-color-badge_danger_light-bg-default:var(--semi-color-danger-light-default);
+--semi-css-color-badge_danger_light-text-default:var(--semi-color-danger);
+--semi-css-color-badge_danger_inverted-text-default:var(--semi-color-danger);
+--semi-css-color-badge_warning_solid-bg-default:var(--semi-color-warning);
+--semi-css-color-badge_warning_light-bg-default:var(--semi-color-warning-light-default);
+--semi-css-color-badge_warning_light-text-default:var(--semi-color-warning);
+--semi-css-color-badge_warning_inverted-text-default:var(--semi-color-warning);
+--semi-css-width-badge_dot:8px;
+--semi-css-height-badge_dot:8px;
+--semi-css-radius-badge_dot:var(--semi-border-radius-circle);
+--semi-css-height-badge_count:18px;
+--semi-css-spacing-badge_count-paddingY:0px;
+--semi-css-spacing-badge_count-paddingX:4px;
+--semi-css-width-badge-border:1px;
+--semi-css-z-badge:1;
+--semi-css-z-badge_light-bg:-1;
+--semi-css-color-banner_info-bg-default:var(--semi-color-info-light-default);
+--semi-css-color-banner_info-text-default:var(--semi-color-info);
+--semi-css-color-banner_info-border-default:var(--semi-color-info);
+--semi-css-color-banner_warning-bg-default:var(--semi-color-warning-light-default);
+--semi-css-color-banner_warning-text-default:var(--semi-color-warning);
+--semi-css-color-banner_warning-border-default:var(--semi-color-warning);
+--semi-css-color-banner_success-bg-default:var(--semi-color-success-light-default);
+--semi-css-color-banner_success-text-default:var(--semi-color-success);
+--semi-css-color-banner_success-border-default:var(--semi-color-success);
+--semi-css-color-banner_danger-bg-default:var(--semi-color-danger-light-default);
+--semi-css-color-banner_danger-text-default:var(--semi-color-danger);
+--semi-css-color-banner_danger-border-default:var(--semi-color-danger);
+--semi-css-radius-banner:var(--semi-border-radius-small);
+--semi-css-spacing-banner_closeBtn-marginLeft:$spacing-base-tight;
+--semi-css-spacing-banner_extra-marginTop:$spacing-tight;
+--semi-css-spacing-banner_icon-marginRight:$spacing-base-tight;
+--semi-css-spacing-banner-paddingX:$spacing-base-tight;
+--semi-css-spacing-banner-paddingY:$spacing-base-tight;
+--semi-css-spacing-banner_title_description-marginTop:2px;
+--semi-css-height-banner_closeBtn:24px;
+--semi-css-width-banner_closeBtn:24px;
+--semi-css-width-banner-border:1px;
+--semi-css-module:#{$prefix}-base;
+--semi-css-spacing-breadcrumb_item_wrap-marginY:$spacing-extra-tight;
+--semi-css-spacing-breadcrumb_item_wrap-marginRight:$spacing-extra-tight;
+--semi-css-spacing-breadcrumb_item-marginRight:$spacing-extra-tight;
+--semi-css-spacing-breadcrumb_item_text-marginLeft:$spacing-extra-tight;
+--semi-css-spacing-breadcrumb_restItem-marginRight:$spacing-tight;
+--semi-css-color-breadcrumb_default-text-default:var(--semi-color-text-2);
+--semi-css-color-breadcrumb_default-text-hover:var(--semi-color-link);
+--semi-css-color-breadcrumb_default-text-active:var(--semi-color-link-hover);
+--semi-css-color-breadcrumb_active-text-default:var(--semi-color-text-0);
+--semi-css-color-breadcrumb_active-text-active:var(--semi-color-text-0);
+--semi-css-color-breadcrumb_sepearator_default-icon-default:var(--semi-color-text-2);
+--semi-css-color-breadcrumb-restItem-text-default:var(--semi-color-text-2);
+--semi-css-font-breadcrumb_default-fontWeight:$font-weight-regular;
+--semi-css-font-breadcrumb_active-fontWeight:$font-weight-bold;
+--semi-css-dropdown:#{$prefix}-dropdown;
+--semi-css-content:#{$module};
+--semi-css-icon:#{$module}-with-icon;
+--semi-css-color-button_primary-bg-default:var(--semi-color-primary);
+--semi-css-color-button_primary-border-default:transparent;
+--semi-css-color-button_primary-text-default:white;
+--semi-css-color-button_primary-bg-hover:var(--semi-color-primary-hover);
+--semi-css-color-button_primary-border-hover:var(--semi-color-primary-hover);
+--semi-css-color-button_primary-text-hover:white;
+--semi-css-color-button_primary-bg-active:var(--semi-color-primary-active);
+--semi-css-color-button_primary-border-active:var(--semi-color-primary-active);
+--semi-css-color-button_primary-text-active:white;
+--semi-css-color-button_primary-outline-focus:var(--semi-color-primary-light-active);
+--semi-css-color-button_secondary-bg-default:var(--semi-color-secondary);
+--semi-css-color-button_secondary-border-default:var(--semi-color-secondary);
+--semi-css-color-button_secondary-text-default:white;
+--semi-css-color-button_secondary-bg-hover:var(--semi-color-secondary-hover);
+--semi-css-color-button_secondary-border-hover:var(--semi-color-secondary-hover);
+--semi-css-color-button_secondary-text-hover:white;
+--semi-css-color-button_secondary-bg-active:var(--semi-color-secondary-active);
+--semi-css-color-button_secondary-border-active:var(--semi-color-secondary-active);
+--semi-css-color-button_secondary-text-active:white;
+--semi-css-color-button_danger-bg-default:var(--semi-color-danger);
+--semi-css-color-button_danger-border-default:var(--semi-color-danger);
+--semi-css-color-button_danger-text-default:white;
+--semi-css-color-button_danger-bg-hover:var(--semi-color-danger-hover);
+--semi-css-color-button_danger-border-hover:var(--semi-color-danger);
+--semi-css-color-button_danger-text-hover:white;
+--semi-css-color-button_danger-bg-active:var(--semi-color-danger-active);
+--semi-css-color-button_danger-border-active:var(--semi-color-danger-active);
+--semi-css-color-button_danger-text-active:white;
+--semi-css-color-button_danger-outline-focus:var(--semi-color-danger-light-active);
+--semi-css-color-button_warning-bg-default:var(--semi-color-warning);
+--semi-css-color-button_warning-border-default:var(--semi-color-warning);
+--semi-css-color-button_warning-text-default:white;
+--semi-css-color-button_warning-bg-hover:var(--semi-color-warning-hover);
+--semi-css-color-button_warning-border-hover:var(--semi-color-warning-hover);
+--semi-css-color-button_warning-text-hover:white;
+--semi-css-color-button_warning-bg-active:var(--semi-color-warning-active);
+--semi-css-color-button_warning-border-active:var(--semi-color-warning-active);
+--semi-css-color-button_warning-text-active:white;
+--semi-css-color-button_warning-outline-focus:var(--semi-color-warning-light-active);
+--semi-css-color-button_tertiary-bg-default:var(--semi-color-tertiary);
+--semi-css-color-button_tertiary-border-default:var(--semi-color-tertiary);
+--semi-css-color-button_tertiary-text-default:white;
+--semi-css-color-button_tertiary-bg-hover:var(--semi-color-tertiary-hover);
+--semi-css-color-button_tertiary-border-hover:var(--semi-color-tertiary-hover);
+--semi-css-color-button_tertiary-text-hover:white;
+--semi-css-color-button_tertiary-bg-active:var(--semi-color-tertiary-active);
+--semi-css-color-button_tertiary-border-active:var(--semi-color-tertiary-active);
+--semi-css-color-button_tertiary-text-active:white;
+--semi-css-color-button_tertiary_solid-text-default:var(--semi-color-text-1);
+--semi-css-color-button_disabled_solid-text-default:var(--semi-color-disabled-text);
+--semi-css-color-button_disabled-text-default:var(--semi-color-disabled-text);
+--semi-css-color-button_disabled-bg-default:var(--semi-color-disabled-bg);
+--semi-css-color-button_disabled-text-hover:$color-button_disabled-text-default;
+--semi-css-color-button_disabled-bg-hover:var(--semi-color-disabled-bg);
+--semi-css-color-button_light-bg-default:var(--semi-color-fill-0);
+--semi-css-color-button_light-bg-hover:var(--semi-color-fill-1);
+--semi-css-color-button_light-bg-active:var(--semi-color-fill-2);
+--semi-css-color-button_light-border-default:transparent;
+--semi-css-color-button_light-border-hover:$color-button_light-border-default;
+--semi-css-color-button_light-border-active:$color-button_light-border-hover;
+--semi-css-width-button_light-border:0;
+--semi-css-color-button_borderless-text-default:var(--semi-color-primary);
+--semi-css-color-button_borderless-bg-hover:var(--semi-color-fill-0);
+--semi-css-color-button_borderless-bg-active:var(--semi-color-fill-1);
+--semi-css-color-button_borderless-border-default:transparent;
+--semi-css-color-button_borderless-border-hover:$color-button_borderless-border-default;
+--semi-css-color-button_borderless-border-active:$color-button_borderless-border-hover;
+--semi-css-width-button_borderless-border:0;
+--semi-css-color-button_group-border-default:var(--semi-color-border);
+--semi-css-width-button_group-border:$border-thickness-control;
+--semi-css-spacing-button_default-paddingTop:6px;
+--semi-css-spacing-button_default-paddingBottom:6px;
+--semi-css-spacing-button_default-paddingLeft:$spacing-base-tight;
+--semi-css-spacing-button_default-paddingRight:$spacing-base-tight;
+--semi-css-spacing-button_large-paddingTop:10px;
+--semi-css-spacing-button_large-paddingBottom:10px;
+--semi-css-spacing-button_large-paddingLeft:$spacing-base;
+--semi-css-spacing-button_large-paddingRight:$spacing-base;
+--semi-css-spacing-button_small-paddingTop:$spacing-super-tight;
+--semi-css-spacing-button_small-paddingBottom:$spacing-super-tight;
+--semi-css-spacing-button_small-paddingLeft:$spacing-base-tight;
+--semi-css-spacing-button_small-paddingRight:$spacing-base-tight;
+--semi-css-spacing-button_iconOnly_default-paddingLeft:$spacing-tight;
+--semi-css-spacing-button_iconOnly_default-paddingRight:$spacing-tight;
+--semi-css-spacing-button_iconOnly_default-paddingTop:$spacing-tight;
+--semi-css-spacing-button_iconOnly_default-paddingBottom:$spacing-tight;
+--semi-css-spacing-button_iconOnly_large-paddingLeft:$spacing-base-tight;
+--semi-css-spacing-button_iconOnly_large-paddingRight:$spacing-base-tight;
+--semi-css-spacing-button_iconOnly_large-paddingTop:$spacing-base-tight;
+--semi-css-spacing-button_iconOnly_large-paddingBottom:$spacing-base-tight;
+--semi-css-spacing-button_iconOnly_small-paddingLeft:$spacing-extra-tight;
+--semi-css-spacing-button_iconOnly_small-paddingRight:$spacing-extra-tight;
+--semi-css-spacing-button_iconOnly_small-paddingTop:$spacing-extra-tight;
+--semi-css-spacing-button_iconOnly_small-paddingBottom:$spacing-extra-tight;
+--semi-css-spacing-button_iconOnly_content-marginLeft:$spacing-tight;
+--semi-css-spacing-button_iconOnly_content-marginRight:$spacing-tight;
+--semi-css-font-button-fontWeight:$font-weight-bold;
+--semi-css-height-button_large:$height-control-large;
+--semi-css-height-button_small:$height-control-small;
+--semi-css-height-button_default:$height-control-default;
+--semi-css-width-button-border:$border-thickness;
+--semi-css-radius-button:var(--semi-border-radius-small);
+--semi-css-radius-button_group:$radius-button;
+--semi-css-width-button-outline:2px;
+--semi-css-color-calendar-bg-active:var(--semi-color-primary);
+--semi-css-color-calendar-bg:var(--semi-color-bg-2);
+--semi-css-color-calendar-text-active:var(--semi-color-bg-1);
+--semi-css-color-calendar_curr-bg:var(--semi-color-danger);
+--semi-css-color-calendar_curr-border:var(--semi-color-danger);
+--semi-css-color-calendar_currCircle-bg-default:var(--semi-color-danger);
+--semi-css-color-calendar_date-text-default:var(--semi-color-text-0);
+--semi-css-color-calendar_day-border:var(--semi-color-border);
+--semi-css-color-calendar_day-text-default:var(--semi-color-text-2);
+--semi-css-color-calendar_sticky-bg:var(--semi-color-bg-2);
+--semi-css-color-calendar_weekend-bg:var(--semi-color-fill-0);
+--semi-css-width-calendar_day:70px;
+--semi-css-width-calendar_day-minWidth:70px;
+--semi-css-height-calendar_day_grid:60px;
+--semi-css-width-calendar_day_grid:130px;
+--semi-css-width-calendar_day_grid-minWidth:130px;
+--semi-css-height-calendar_time_grid:calc($height-calendar_day_grid / 2);
+--semi-css-height-calendar_allDay:26px;
+--semi-css-height-calendar_allDay-minHeight:26px;
+--semi-css-width-calendar_currCircle:8px;
+--semi-css-width-calendar_tag_col:70px;
+--semi-css-width-calendar_tag_col-minWidth:70px;
+--semi-css-height-calendar_day_allDay:26px;
+--semi-css-height-calendar_month:100%;
+--semi-css-height-calendar_month_day:24px;
+--semi-css-height-calendar_month_week_skeletion:100%;
+--semi-css-height-calendar_month_grid_wrapper:calc(calc(100% - 27px));
+--semi-css-width-calendar_card:220px;
+--semi-css-height-calendar_day_gridTime:calc($height-calendar_day_grid / 2);
+--semi-css-width-calendar_today_date:24px;
+--semi-css-height-calendar_today_date:24px;
+--semi-css-height-calendar_body_li:24px;
+--semi-css-height-calendar_day_scroll_wrapper:calc(calc(100% - 28px));
+--semi-css-height-calendar_week_scroll_wrapper:calc(calc(100% - 55px));
+--semi-css-height-calendar_month_skeletion_li:100%;
+--semi-css-height-calendar_month_grid_col:100%;
+--semi-css-height-calendar_month_week_row_event_month:1em;
+--semi-css-width-calendar-border-default:1px;
+--semi-css-width-calendar-border-thick:1px;
+--semi-css-spacing-calendar_ul_li-padding:0;
+--semi-css-spacing-calendar_ul_li-margin:0;
+--semi-css-spacing-calendar_sticky_top-top:0;
+--semi-css-spacing-calendar_sticky_top-right:0;
+--semi-css-spacing-calendar_sticky_top-left:0;
+--semi-css-spacing-calendar_sticky_left-left:0;
+--semi-css-spacing-calendar_event_day-left:0;
+--semi-css-spacing-calendar_event_day-right:0;
+--semi-css-spacing-calendar_custom_container-top:0;
+--semi-css-spacing-calendar_custom_container-right:0;
+--semi-css-spacing-calendar_custom_container-bottom:0;
+--semi-css-spacing-calendar_custom_container-left:0;
+--semi-css-spacing-calendar_currCircle-marginTop:-4px;
+--semi-css-spacing-calendar_currLine-left:0;
+--semi-css-spacing-calendar_currLine-right:0;
+--semi-css-spacing-calendar_allDay_tag-paddingRight:8px;
+--semi-css-spacing-calendar_allDay_content-paddingLeft:0;
+--semi-css-spacing-calendar_month_event_card_wrapper-paddingTop:2px;
+--semi-css-spacing-calendar_grid_row_span_child-paddingY:0;
+--semi-css-spacing-calendar_grid_row_span_child-paddingX:4px;
+--semi-css-spacing-calendar_skeleton_li_child-paddingTop:4px;
+--semi-css-spacing-calendar_month_event_card_close-marginRight:-4px;
+--semi-css-spacing-calendar_header_info_date-marginTop:4px;
+--semi-css-spacing-calendar_time-paddingRight:8px;
+--semi-css-spacing-calendar_time_item_span-top:-10px;
+--semi-css-spacing-calendar_tag_child-paddingRight:8px;
+--semi-css-spacing-calendar_skeletion_grid_row_li-paddingRight:8px;
+--semi-css-spacing-calendar_month_event_card_wrapper-right:8px;
+--semi-css-spacing-calendar_month_event_card_content-paddingY:12px;
+--semi-css-spacing-calendar_month_event_card_content-paddingX:0;
+--semi-css-spacing-calendar_month_event_card_ul_li-margin:0;
+--semi-css-spacing-calendar_month_event_card_ul_li-padding:0;
+--semi-css-spacing-calendar_header-marginY:12px;
+--semi-css-spacing-calendar_header-marginX:20px;
+--semi-css-spacing-calendar_body-padingY:0;
+--semi-css-spacing-calendar_body-padingX:16px;
+--semi-css-spacing-calendar_event_items-top:31px;
+--semi-css-spacing-calendar_event_items-right:0;
+--semi-css-spacing-calendar_event_items-bottom:20px;
+--semi-css-spacing-calendar_event_items-left:0;
+--semi-css-spacing-calendar_month_skeletion-left:0;
+--semi-css-spacing-calendar_month_skeletion-right:0;
+--semi-css-spacing-calendar_month_date-right:4px;
+--semi-css-radius-calendar_currCircle:var(--semi-border-radius-circle);
+--semi-css-radius-calendar_today_date:var(--semi-border-radius-circle);
+--semi-css-font-calendar_allDay_tag-lineHeight:$height-calendar_allDay;
+--semi-css-font-calendar_today_date-lineHeight:24px;
+--semi-css-font-calendar_day_allDay-lineHeight:26px;
+--semi-css-font-calendar_day_allDay-fontSize:26px;
+--semi-css-font-calendar_month_day-fontSize:24px;
+--semi-css-z-calendar_stickyTop:20;
+--semi-css-z-calendar_item:5;
+--semi-css-z-calendar_stickyLeft:10;
+--semi-css-z-calendar_curr:8;
+--semi-css-z-calendar_line:3;
+--semi-css-color-card-bg-default:var(--semi-color-bg-0);
+--semi-css-color-card-border:var(--semi-color-border);
+--semi-css-color-card_title-text:var(--semi-color-text-0);
+--semi-css-color-card_description-text:var(--semi-color-text-2);
+--semi-css-color-card_extra-text:var(--semi-color-text-0);
+--semi-css-color-card_body-text:var(--semi-color-text-1);
+--semi-css-font-card_default-fontWeight:$font-weight-regular;
+--semi-css-font-card_extra-fontWeight:700;
+--semi-css-font-card_title-fontWeight:700;
+--semi-css-font-card_default-lineHeight:20px;
+--semi-css-font-card_title-lineHeight:22px;
+--semi-css-font-card_default-fontSize:$font-size-regular;
+--semi-css-font-card_extra-fontSize:$font-size-header-6;
+--semi-css-font-card_title-fontSize:$font-size-header-6;
+--semi-css-radius-card:var(--semi-border-radius-medium);
+--semi-css-motion-card-transition_duration:0.3s;
+--semi-css-width-card-border:$border-thickness-control;
+--semi-css-shadow-card:var(--semi-shadow-elevated);
+--semi-css-spacing-card-padding:$spacing-base-loose;
+--semi-css-spacing-card-margin:$spacing-base-loose;
+--semi-css-spacing-card_avatar-marginRight:$spacing-base-tight;
+--semi-css-spacing-cardGroup_card-margin:-1px;
+--semi-css-z-card_hover:1;
+--semi-css-radius-cascader:var(--semi-border-radius-small);
+--semi-css-color-cascader_default-border-default:transparent;
+--semi-css-color-cascader_default-border-hover:transparent;
+--semi-css-color-cascader_default-border-focus:var(--semi-color-focus-border);
+--semi-css-color-cascader_default-bg-default:var(--semi-color-fill-0);
+--semi-css-color-cascader_default-bg-hover:var(--semi-color-fill-1);
+--semi-css-color-cascader_option_list-border-default:var(--semi-color-fill-0);
+--semi-css-color-cascader_option_main-text-default:var(--semi-color-text-0);
+--semi-css-color-cascader_option-bg-hover:var(--semi-color-fill-0);
+--semi-css-color-cascader_option-bg-active:var(--semi-color-fill-1);
+--semi-css-color-cascader_option-bg-selected:var(--semi-color-primary-light-default);
+--semi-css-color-cascader_option_disabled-text-default:var(--semi-color-disabled-text);
+--semi-css-color-cascader_option_disabled-bg-hover:transparent;
+--semi-css-color-cascader_option_disabled-bg-active:transparent;
+--semi-css-color-cascader_warning-bg-default:var(--semi-color-warning-light-default);
+--semi-css-color-cascader_warning-border-default:var(--semi-color-warning-light-default);
+--semi-css-color-cascader_warning-bg-hover:var(--semi-color-warning-light-hover);
+--semi-css-color-cascader_warning-border-hover:var(--semi-color-warning-light-hover);
+--semi-css-color-cascader_warning-bg-focus:var(--semi-color-warning-light-default);
+--semi-css-color-cascader_warning-border-focus:var(--semi-color-warning);
+--semi-css-color-cascader_warning-bg-active:var(--semi-color-warning-light-active);
+--semi-css-color-cascader_warning-border-active:var(--semi-color-warning-light-active);
+--semi-css-color-cascader_danger-bg-default:var(--semi-color-danger-light-default);
+--semi-css-color-cascader_danger-border-default:var(--semi-color-danger-light-default);
+--semi-css-color-cascader_danger-bg-hover:var(--semi-color-danger-light-hover);
+--semi-css-color-cascader_danger-border-hover:var(--semi-color-danger-light-hover);
+--semi-css-color-cascader_danger-bg-focus:var(--semi-color-danger-light-default);
+--semi-css-color-cascader_danger-border-focus:var(--semi-color-danger);
+--semi-css-color-cascader_danger-bg-active:var(--semi-color-danger-light-active);
+--semi-css-color-cascader_danger-border-active:var(--semi-color-danger-light-active);
+--semi-css-spacing-cascader_selection-paddingLeft:12px;
+--semi-css-spacing-cascader_selection-paddingRight:12px;
+--semi-css-spacing-cascader_selection_multiple-paddingLeft:$spacing-extra-tight;
+--semi-css-spacing-cascader_selection_multiple-paddingRight:$spacing-extra-tight;
+--semi-css-spacing-cascader_selection_tag-marginLeft:$spacing-none;
+--semi-css-spacing-cascader_selection_tag-marginRight:$spacing-super-tight;
+--semi-css-spacing-cascader_selection_tag-marginY:1px;
+--semi-css-spacing-cascader_selection_tagInput-marginLeft:- $spacing-extra-tight;
+--semi-css-spacing-cascader_selection_input-marginLeft:$spacing-extra-tight;
+--semi-css-spacing-cascader_selection_n-marginRight:$spacing-extra-tight;
+--semi-css-spacing-cascader_clearBtn-marginRight:12px;
+--semi-css-color-cascader_selection_n-text-default:var(--semi-color-text-0);
+--semi-css-color-cascader_selection_n-text-disabled:var(--semi-color-disabled-text);
+--semi-css-color-cascader_selection-text-default:var(--semi-color-text-0);
+--semi-css-color-cascader_placeholder-text-default:var(--semi-color-text-2);
+--semi-css-color-cascader-icon-default:var(--semi-color-text-2);
+--semi-css-color-cascader-icon-hover:var(--semi-color-primary-hover);
+--semi-css-color-cascader-icon-active:var(--semi-color-primary-active);
+--semi-css-color-cascader_label-text-default:var(--semi-color-text-2);
+--semi-css-color-cascader_option-icon-default:$color-cascader-icon-default;
+--semi-css-color-cascader_input_disabled-bg-default:var(--semi-color-disabled-fill);
+--semi-css-color-cascader_input_disabled-bg-hover:var(--semi-color-disabled-fill);
+--semi-css-color-cascader_input_disabled-text-default:var(--semi-color-disabled-text);
+--semi-css-color-cascader_input_disabled-icon-default:var(--semi-color-disabled-text);
+--semi-css-color-cascader_search-border-default:var(--semi-color-fill-0);
+--semi-css-color-cascader_option_empty-text-default:var(--semi-color-disabled-text);
+--semi-css-color-cascader_input-bg-default:transparent;
+--semi-css-color-cascader_input-border-default:none;
+--semi-css-color-cascader_select_highlight:var(--semi-color-primary);
+--semi-css-font-cascader_select-fontWeight:$font-weight-bold;
+--semi-css-font-cascader-fontWeight:$font-weight-regular;
+--semi-css-font-cascader_label-fontWeight:600;
+--semi-css-font-cascader_selection_n-fontSize:$font-size-small;
+--semi-css-width-cascader-border:1px;
+--semi-css-width-cascader_option_list-border:1px;
+--semi-css-width-cascader:80px;
+--semi-css-height-cascader_default:$height-control-default;
+--semi-css-height-cascader_small:$height-control-small;
+--semi-css-height-cascader_large:$height-control-large;
+--semi-css-width-cascader_hover-border:$width-cascader-border;
+--semi-css-width-cascader_focus-border:$border-thickness-control-focus;
+--semi-css-width-cascader_search-border:1px;
+--semi-css-width-cascader-icon:16px;
+--semi-css-width-cascader_option:150px;
+--semi-css-height-cascader_option_list:180px;
+--semi-css-height-cascader_selection_tagInput_input_small:22px;
+--semi-css-height-cascader_selection_tagInput_input_default:30px;
+--semi-css-height-cascader_selection_tagInput_input_large:38px;
+--semi-css-spacing-cascader_text-marginX:$spacing-base-tight;
+--semi-css-spacing-cascader_icon-marginX:$spacing-tight;
+--semi-css-spacing-cascader_label-marginRight:$spacing-base-tight;
+--semi-css-spacing-cascader_label_checkbox-marginRight:$spacing-tight;
+--semi-css-spacing-cascader_selection_n-paddingX:$spacing-tight;
+--semi-css-spacing-cascader_flatten_list-paddingRight:64px;
+--semi-css-spacing-cascader_empty_icon-marginRight:8px;
+--semi-css-spacing-cacader_option_list-paddingY:4px;
+--semi-css-spacing-cacader_option_list-paddingX:0px;
+--semi-css-spacing-cascader_search-paddingX:12px;
+--semi-css-spacing-cascader_search-paddingY:8px;
+--semi-css-spacing-cascader_option_empty-paddingY:8px;
+--semi-css-spacing-cascader_option_empty-paddingX:12px;
+--semi-css-spacing-cascader_option-paddingTop:8px;
+--semi-css-spacing-cascader_option-paddingBottom:8px;
+--semi-css-spacing-cascader_option-paddingLeft:12px;
+--semi-css-spacing-cascader_option-paddingRight:16px;
+--semi-css-inner-width:$width-icon-medium;
+--semi-css-spacing-checkbox_label-paddingLeft:$spacing-tight;
+--semi-css-color-checkbox_label-text-default:var(--semi-color-text-0);
+--semi-css-color-checkbox_default-bg-hover:var(--semi-color-fill-0);
+--semi-css-color-checkbox_default-bg-default:transparent;
+--semi-css-color-checkbox_default-border-hover:var(--semi-color-focus-border);
+--semi-css-color-checkbox_default-border-default:var(--semi-color-text-3);
+--semi-css-color-checkbox_default-bg-active:var(--semi-color-fill-1);
+--semi-css-font-checkbox_label-lineHeight:20px;
+--semi-css-color-checkbox_label-text-disabled:var(--semi-color-disabled-text);
+--semi-css-color-checkbox_checked-bg-default:var(--semi-color-primary);
+--semi-css-color-checkbox_checked-bg-hover:var(--semi-color-primary-hover);
+--semi-css-color-checkbox_checked-bg-active:var(--semi-color-primary-active);
+--semi-css-color-checkbox_checked-icon-default:var(--semi-color-white);
+--semi-css-color-checkbox_checked-icon-hover:var(--semi-color-white);
+--semi-css-color-checkbox_checked-icon-active:var(--semi-color-white);
+--semi-css-color-checkbox_checked-border-default:var(--semi-color-primary);
+--semi-css-color-checkbox_checked-border-hover:var(--semi-color-primary-hover);
+--semi-css-color-checkbox_checked-border-active:var(--semi-color-primary-active);
+--semi-css-color-checkbox_cardType_checked-bg:var(--semi-color-primary-light-default);
+--semi-css-color-checkbox_cardType_checked_disabled-bg:var(--semi-color-primary-light-default);
+--semi-css-color-checkbox_cardType-bg-hover:var(--semi-color-fill-0);
+--semi-css-color-checkbox_cardType-bg-active:var(--semi-color-fill-1);
+--semi-css-color-checkbox_cardType_checked_border-default:var(--semi-color-primary);
+--semi-css-color-checkbox_cardType_checked_border-hover:var(--semi-color-primary-hover);
+--semi-css-color-checkbox_cardType_checked_border-active:var(--semi-color-primary-active);
+--semi-css-color-checkbox_cardType_checked_disabled_border-default:var(--semi-color-primary-disabled);
+--semi-css-color-checkbox_cardType_addon-text-default:var(--semi-color-text-0);
+--semi-css-color-checkbox_cardType_extra-text-default:var(--semi-color-text-2);
+--semi-css-color-checkbox_cardType_inner-bg-hover:var(--semi-color-white);
+--semi-css-color-checkbox_cardType_inner-bg-active:var(--semi-color-white);
+--semi-css-color-checkbox_cardType_inner-bg-default:var(--semi-color-white);
+--semi-css-color-checkbox_disabled-bg-default:var(--semi-color-disabled-fill);
+--semi-css-color-checkbox_disabled-border-default:var(--semi-color-border);
+--semi-css-color-checkbox_checked-bg-disabled:var(--semi-color-primary-disabled);
+--semi-css-color-checkbox_checked-icon-disabled:var(--semi-color-white);
+--semi-css-size-checkbox_inner-shadow:$border-thickness-control;
+--semi-css-width-checkbox_inner:$width-icon-medium;
+--semi-css-height-checkbox_inner:20px;
+--semi-css-width-checkbox_cardType_checked-border:1px;
+--semi-css-width-checkbox_cardType_checked_disabled-border:1px;
+--semi-css-radius-checkbox_cardType:3px;
+--semi-css-radius-checkbox_inner:var(--semi-border-radius-extra-small);
+--semi-css-spacing-checkbox_extra-paddingLeft:calc($width-icon-medium + $spacing-tight);
+--semi-css-spacing-checkbox_extra-marginTop:$spacing-extra-tight;
+--semi-css-spacing-checkbox_cardType-paddingX:$spacing-base;
+--semi-css-spacing-checkbox_cardType-paddingY:$spacing-base-tight;
+--semi-css-spacing-checkbox_cardType_inner-marginRight:$spacing-tight;
+--semi-css-spacing-checkbox_card_group_vertical-marginBottom:$spacing-base;
+--semi-css-color-checkbox_extra-text-default:var(--semi-color-text-2);
+--semi-css-spacing-checkbox_group_vertical-marginBottom:$spacing-base;
+--semi-css-spacing-checkbox_group_vertical_item-marginBottom:$spacing-base-tight;
+--semi-css-spacing-checkbox_group_horizontal-marginRight:$spacing-base;
+--semi-css-font-checkbox_cardType_addon-size:$font-size-regular;
+--semi-css-font-checkbox_cardType_addon-fontWeight:$font-weight-bold;
+--semi-css-font-checkbox_cardType_addon-lineHeight:20px;
+--semi-css-font-checkbox_cardType_extra-size:$font-size-regular;
+--semi-css-font-checkbox_cardType_extra-fontWeight:normal;
+--semi-css-font-checkbox_cardType_extra-lineHeight:20px;
+--semi-css-color-collapse_item-border-default:var(--semi-color-border);
+--semi-css-color-collapse_header-text-default:var(--semi-color-text-0);
+--semi-css-color-collapse_header-icon-default:var(--semi-color-text-2);
+--semi-css-color-collapse_header-bg-hover:var(--semi-color-fill-0);
+--semi-css-color-collapse_header-bg-active:var(--semi-color-fill-1);
+--semi-css-color-collapse_content-text-default:var(--semi-color-text-1);
+--semi-css-font-collapse_header-fontWeight:$font-weight-bold;
+--semi-css-spacing-collapse_header-marginX:$spacing-tight;
+--semi-css-spacing-collapse_header-marginY:$spacing-extra-tight;
+--semi-css-spacing-collapse_header-padding:$spacing-tight;
+--semi-css-spacing-collapse_right-paddingRight:$spacing-tight;
+--semi-css-spacing-collapse_header_iconLeft-marginRight:8px;
+--semi-css-spacing-collapse_content-paddingTop:$spacing-extra-tight;
+--semi-css-spacing-collapse_content-paddingRight:$spacing-base;
+--semi-css-spacing-collapse_content-paddingBottom:$spacing-tight;
+--semi-css-spacing-collapse_content-paddingLeft:$spacing-base;
+--semi-css-radius-collapse_header:var(--semi-border-radius-small);
+--semi-css-width-collapse_item-border:1px;
+--semi-css-size-collapse_icon-default:$width-icon-medium;
+--semi-css-width-datepicker_day:36px;
+--semi-css-width-datepicker_day_main:32px;
+--semi-css-width-datepicker_month:calc($width-datepicker_day * 7);
+--semi-css-width-datepicker_nav:32px;
+--semi-css-height-datepicker_switch:54px;
+--semi-css-height-datepicker_timeType_yam:calc(calc(100% - 54px));
+--semi-css-height-datepicker_timeType_tpk:calc(calc(100% - 54px));
+--semi-css-height-datepicker_panel_yam_scrolllist:266px;
+--semi-css-width-datepicker_monthPanel_max:284px;
+--semi-css-height-datepicker_timepicker_header_min:24px;
+--semi-css-width-datepicker_navigation_button_min:32px;
+--semi-css-height-datepicker_yamShowing_min:378px;
+--semi-css-width-datepicker_yamShowing_min:284px;
+--semi-css-height-datepicker_dateType_yamShowing_min:325px;
+--semi-css-width-datepicker_panel_yam_scrolllist_li_min:64px;
+--semi-css-width-datepicker-border:$border-thickness-control;
+--semi-css-width-datepicker_yam_header-borderRadius:var(--semi-border-radius-medium);
+--semi-css-width-datepicker_day_main-borderRadius:var(--semi-border-radius-small);
+--semi-css-width-datepicker_quick_control-borderRadius:var(--semi-border-radius-medium);
+--semi-css-width-datepicker_slot-border:1px;
+--semi-css-width-datepicker_range_input-border:$border-thickness-control-focus;
+--semi-css-width-datepicker_day_main-border:1px;
+--semi-css-height-datepicker_timeType_insetInput_yam:100%;
+--semi-css-height-datepicker_timeType_insetInput_tpk:100%;
+--semi-css-width-datepicker_insetInput_date_type_wrapper:284px;
+--semi-css-width-datepicker_insetInput_date_range_type_wrapper:calc($width-datepicker_insetInput_date_type_wrapper * 2);
+--semi-css-width-datepicker_insetInput_month_type_wrapper:204px;
+--semi-css-height-datepicker_insetInput_separator:32px;
+--semi-css-height-datepicker_month_grid_yearType_insetInput:312px;
+--semi-css-height-datepicker_month_grid_timeType_insetInput:314px;
+--semi-css-spacing-datepicker_day-marginX:calc(($width-datepicker_day - $width-datepicker_day_main) / 2);
+--semi-css-spacing-datepicker_yam_header-paddingX:$spacing-base;
+--semi-css-spacing-datepicker_yam_header-paddingY:$spacing-base-tight;
+--semi-css-spacing-datepicker_scrolllist_header-padding:$spacing-base;
+--semi-css-spacing-datepicker_scrolllist_body-padding:0;
+--semi-css-spacing-datepicker_footer-paddingTop:10px;
+--semi-css-spacing-datepicker_footer-paddingBottom:10px;
+--semi-css-spacing-datepicker_footer-paddingRight:8px;
+--semi-css-spacing-datepicker_footer_cancel_button-marginRight:12px;
+--semi-css-spacing-datepicker_footer_confirm_button-marginRight:8px;
+--semi-css-spacing-datepicker_navigation-paddingY:$spacing-base-tight;
+--semi-css-spacing-datepicker_navigation-paddingX:$spacing-base;
+--semi-css-spacing-datepicker_month-padding:$spacing-base;
+--semi-css-spacing-datepicker_switch_datetime-paddingTop:$spacing-base;
+--semi-css-spacing-datepicker_switch_datetime-paddingBottom:$spacing-base;
+--semi-css-spacing-datepicker_switch_text-paddingLeft:$spacing-tight;
+--semi-css-spacing-datepicker_quick_control_item-marginRight:$spacing-tight;
+--semi-css-spacing-datepicker_quick_control_padding:$spacing-base;
+--semi-css-spacing-datepicker_range_input-paddingX:8px;
+--semi-css-spacing-datepicker_range_input-paddingY:3px;
+--semi-css-spacing-datepicker_range_input_inputWrapper_input-paddingY:2px;
+--semi-css-spacing-datepicker_range_input_inputWrapper_input-paddingX:4px;
+--semi-css-spacing-datepicker_range_input_prefix-paddingLeft:12px;
+--semi-css-spacing-datepicker_range_input_prefix-paddingRight:8px;
+--semi-css-spacing-datepicker_range_input_suffix-paddingLeft:8px;
+--semi-css-spacing-datepicker_range_input_suffix-paddingRight:12px;
+--semi-css-spacing-datepicker_range_input_clearbtn-paddingLeft:8px;
+--semi-css-spacing-datepicker_range_input_clearbtn-paddingRight:12px;
+--semi-css-spacing-datepicker_navigation_insetInput-paddingY:8px;
+--semi-css-spacing-datepicker_insetInput_wrapper-margin:8px;
+--semi-css-spacing-datepicker_insetInput_wrapper-paddingY:12px;
+--semi-css-spacing-datepicker_insetInput_wrapper-paddingX:16px;
+--semi-css-spacing-datepicker_insetInput_wrapper-paddingBottom:0;
+--semi-css-spacing-datepicker_insetInput_separator-paddingY:0;
+--semi-css-spacing-datepicker_insetInput_separator-paddingX:4px;
+--semi-css-color-datepicker_panel-bg-default:var(--semi-color-bg-3);
+--semi-css-color-datepicker_header-bg-default:var(--semi-color-bg-3);
+--semi-css-color-datepicker_list-bg-default:var(--semi-color-bg-3);
+--semi-css-color-datepicker_border-bg-default:var(--semi-color-border);
+--semi-css-color-datepicker_footer-bg-default:var(--semi-color-fill-0);
+--semi-css-color-datepicker_quick-bg-default:transparent;
+--semi-css-color-datepicker_day-text-default:var(--semi-color-text-2);
+--semi-css-color-datepicker_day-text-hover:var(--semi-color-fill-1);
+--semi-css-color-datepicker_day-text-active:var(--semi-color-text-0);
+--semi-css-color-datepicker_date-text-default:var(--semi-color-text-0);
+--semi-css-color-datepicker_date-text-hover:var(--semi-color-text-0);
+--semi-css-color-datepicker_date-text-active:var(--semi-color-text-0);
+--semi-css-color-datepicker_date-bg-default:var(--semi-color-fill-0);
+--semi-css-color-datepicker_date-bg-hover:var(--semi-color-fill-0);
+--semi-css-color-datepicker_date-bg-active:var(--semi-color-fill-1);
+--semi-css-color-datepicker_date_selected-text-default:var(--semi-color-white);
+--semi-css-color-datepicker_date_selected-bg-default:var(--semi-color-primary);
+--semi-css-color-datepicker_date_disabled-text-default:var(--semi-color-disabled-text);
+--semi-css-color-datepicker_date_disabled-bg-default:var(--semi-color-disabled-fill);
+--semi-css-color-datepicker_date_today-text-default:var(--semi-color-primary);
+--semi-css-color-datepicker_date_today_disabled-text-default:var(--semi-color-primary-disabled);
+--semi-css-color-datepicker_date_inHover-bg-default:var(--semi-color-primary-light-default);
+--semi-css-color-datepicker_date_inRangeHover-bg-default:var(--semi-color-fill-0);
+--semi-css-color-datepicker_date_hoverDay-bg-default:var(--semi-color-fill-1);
+--semi-css-color-datepicker_date_selectedRange-bg-hover:var(--semi-color-primary-light-hover);
+--semi-css-color-datepicker_date_hoverday_range-bg-default:var(--semi-color-primary-light-active);
+--semi-css-color-datepicker_date_hoverday_around_single_selected-bg-default:var(--semi-color-primary-light-active);
+--semi-css-color-datepicker_nav_monthIcon-text-default:var(--semi-color-text-0);
+--semi-css-color-datepicker_navIcon-text-default:var(--semi-color-text-2);
+--semi-css-color-datepicker_input_primary-text-default:var(--semi-color-primary);
+--semi-css-color-datepicker_range_input-text-default:var(--semi-color-text-2);
+--semi-css-color-datepicker_range_input-bg-default:var(--semi-color-fill-0);
+--semi-css-color-datepicker_range_input-bg-hover:var(--semi-color-fill-1);
+--semi-css-color-datepicker_range_input-border-default:transparent;
+--semi-css-color-datepicker_range_input-border-active:var(--semi-color-focus-border);
+--semi-css-color-datepicker_range_input_warning-border-active:var(--semi-color-warning);
+--semi-css-color-datepicker_range_input_warning-bg-active:var(--semi-color-warning-light-hover);
+--semi-css-color-datepicker_range_input_warning-bg-default:var(--semi-color-warning-light-default);
+--semi-css-color-datepicker_range_input_warning-bg-hover:var(--semi-color-warning-light-hover);
+--semi-css-color-datepicker_range_input_warning-border-default:var(--semi-color-warning-light-default);
+--semi-css-color-datepicker_range_input_warning-border-hover:var(--semi-color-warning-light-hover);
+--semi-css-color-datepicker_range_input_error-border-default:var(--semi-color-danger-light-default);
+--semi-css-color-datepicker_range_input_error-bg-default:var(--semi-color-danger-light-default);
+--semi-css-color-datepicker_range_input_error-border-hover:var(--semi-color-danger-light-hover);
+--semi-css-color-datepicker_range_input_error-bg-hover:var(--semi-color-danger-light-hover);
+--semi-css-color-datepicker_range_input_error-border-active:var(--semi-color-danger);
+--semi-css-color-datepicker_range_input_error-bg-active:var(--semi-color-danger-light-hover);
+--semi-css-color-datepicker_range_input_disabled-text-default:var(--semi-color-disabled-text);
+--semi-css-color-datepicker_range_input_disabled-bg-default:var(--semi-color-disabled-fill);
+--semi-css-color-datepicker_range_input_disabled-bg-hover:var(--semi-color-disabled-fill);
+--semi-css-color-datepicker_range_input_clearbtn-icon-hover:var(--semi-color-primary-hover);
+--semi-css-color-datepicker_range_input_inputWrapper-border-default:transparent;
+--semi-css-color-datepicker_range_input_inputWrapper-bg-default:transparent;
+--semi-css-color-datepicker_range_input_inputWrapper-bg-focus:var(--semi-color-fill-1);
+--semi-css-color-datepicker_range_input_separator-text-active:var(--semi-color-text-0);
+--semi-css-color-datepicker_day_main-border:var(--semi-color-primary-active);
+--semi-css-color-datepicker_insetInput_separator:var(--semi-color-text-3);
+--semi-css-font-datepicker_range_input_prefix_suffix_clearbtn-fontWeight:600;
+--semi-css-font-datepicker_range_input_prefix_suffix_clearbtn-fontSize:14px;
+--semi-css-font-datepicker_range_input_prefix_suffix_clearbtn-lineHeight:20px;
+--semi-css-font-datepicker_range_input_large-fontSize:16px;
+--semi-css-spacing-datepicker_month_compact-padding:10px;
+--semi-css-width-datepicker_day_compact:28px;
+--semi-css-width-datepicker_day_main_compact:24px;
+--semi-css-width-datepicker_day_compact-borderRadius:4px;
+--semi-css-width-datepicker_month_compact:calc($width-datepicker_day_compact * 7 + $spacing-datepicker_month_compact-padding * 2);
+--semi-css-width-datepicker_nav_compact:24px;
+--semi-css-width-datepicker_panel_compact:216px;
+--semi-css-height-datepicker_switch_compact:32px;
+--semi-css-height-datepicker_tpk_compact:236px;
+--semi-css-height-datepicker_yam_panel_compact:284px;
+--semi-css-height-datepicker_yam_li_compact:32px;
+--semi-css-height-datepicker_yam_panel_header_compact:48px;
+--semi-css-radius-datepicker_range_input_inputWrapper:var(--semi-border-radius-small);
+--semi-css-height-datepicker_range_input-default:32px;
+--semi-css-height-datepicker_range_input-small:24px;
+--semi-css-height-datepicker_range_input-large:40px;
+--semi-css-width-datepicker_insetInput_date_type_wrapper_compact:216px;
+--semi-css-width-datepicker_insetInput_date_range_type_wrapper_compact:calc($width-datepicker_insetInput_date_type_wrapper_compact * 2);
+--semi-css-width-datepicker_insetInput_month_type_wrapper_compact:195px;
+--semi-css-height-datepicker_insetInput_tpk_compact:100%;
+--semi-css-height-datepicker_timeType_insetInput_yam_compact:100%;
+--semi-css-height-datepicker_insetInput_wrapper_compact:28px;
+--semi-css-lineHeight-datepicker_compact:20px;
+--semi-css-lineHeight-datepicker_weekday_item_compact:28px;
+--semi-css-height-datepicker_insetInput_compact:26px;
+--semi-css-fontSize-datepicker_insetInput_compact-fontSize:12px;
+--semi-css-spacing-datepicker_switch_compact-padding:6px;
+--semi-css-spacing-datepicker_day_compact-margin:calc(($width-datepicker_day_compact - $width-datepicker_day_main_compact) / 2);
+--semi-css-spacing-datepicker_weeks_compact-padding:10px;
+--semi-css-spacing-datepicker_weeks_compact-paddingTop:calc($spacing-tight - 2);
+--semi-css-spacing-datepicker_weekday_compact-paddingLeft:10px;
+--semi-css-spacing-datepicker_weekday_compact-paddingRight:10px;
+--semi-css-spacing-datepicker_weekday_compact-paddingBottom:$spacing-tight;
+--semi-css-spacing-datepicker_compact-padding:12px;
+--semi-css-spacing-datepicker_nav_compact-padding:12px;
+--semi-css-spacing-datepicker_yam_panel_header_compact-padding:12px;
+--semi-css-spacing-datepicker_footer_compact-paddintTop:10px;
+--semi-css-spacing-datepicker_footer_compact-paddintBottom:10px;
+--semi-css-spacing-datepicker_footer_compact-paddintRight:8px;
+--semi-css-spacing-datepicker_scrolllist_shade_pre_compact-marginTop:-17px;
+--semi-css-spacing-datepicker_scrolllist_shade_post_compact-marginTop:17px;
+--semi-css-spacing-datepicker_insetInput_wrapper_compact-margin:4px;
+--semi-css-spacing-datepicker_insetInput_wrapper_compact-paddingY:8px;
+--semi-css-spacing-datepicker_insetInput_wrapper_compact-paddingX:8px;
+--semi-css-spacing-datepicker_insetInput_wrapper_compact-paddingBottom:0;
+--semi-css-spacing-datepicker_insetInput_wrapper_rangeType_compact-paddingTop:0;
+--semi-css-radius-datepicker_range_input:var(--semi-border-radius-small);
+--semi-css-transition-datepicker_range_input:background-color .16s ease-in-out;
+--semi-css-font-descriptions-lineHeight:20px;
+--semi-css-font-descriptions_value-fontWeight:$font-weight-bold;
+--semi-css-spacing-descriptions_th-paddingRight:$spacing-loose;
+--semi-css-spacing-descriptions_item-paddingBottom:$spacing-base-tight;
+--semi-css-spacing-descriptions_item_small-paddingRight:48px;
+--semi-css-spacing-descriptions_item_medium-paddingRight:60px;
+--semi-css-spacing-descriptions_item_large-paddingRight:80px;
+--semi-css-spacing-descriptions_key_medium-paddingBottom:$spacing-extra-tight;
+--semi-css-spacing-descriptions_key_large-paddingBottom:$spacing-extra-tight;
+--semi-css-color-descriptions_key-text-default:var(--semi-color-text-2);
+--semi-css-color-descriptions_value-text-default:var(--semi-color-text-0);
+--semi-css-spacing-descriptions_value_plain-paddingLeft:8px;
+--semi-css-spacing-descriptions_item_double-padding:0;
+--semi-css-radius-dropdown:var(--semi-border-radius-medium);
+--semi-css-color-dropdown-bg-default:var(--semi-color-bg-3);
+--semi-css-color-dropdown_title-text-default:var(--semi-color-text-2);
+--semi-css-spacing-dropdown_menu-paddingY:$spacing-extra-tight;
+--semi-css-spacing-dropdown_menu-paddingX:0;
+--semi-css-spacing-dropdown_title-paddingTop:$spacing-tight;
+--semi-css-spacing-dropdown_title-paddingBottom:$spacing-extra-tight;
+--semi-css-spacing-dropdown_title-paddingLeft:$spacing-base;
+--semi-css-spacing-dropdown_title-paddingRight:$spacing-base;
+--semi-css-spacing-dropdown_title_withTick-paddingLeft:31px;
+--semi-css-spacing-dropdown_item_withTick-paddingLeft:$spacing-base-tight;
+--semi-css-spacing-dropdown_item-paddingY:$spacing-tight;
+--semi-css-spacing-dropdown_item-paddingX:$spacing-base;
+--semi-css-color-dropdown_item-text-default:var(--semi-color-text-0);
+--semi-css-color-dropdown_item-bg-hover:var(--semi-color-fill-0);
+--semi-css-color-dropdown_item-bg-active:var(--semi-color-fill-1);
+--semi-css-color-dropdown_item_danger-text-default:var(--semi-color-danger);
+--semi-css-color-dropdown_item_secondary-text-default:var(--semi-color-secondary);
+--semi-css-color-dropdown_item_warning-text-default:var(--semi-color-warning);
+--semi-css-color-dropdown_item_tertiary-text-default:var(--semi-color-tertiary);
+--semi-css-color-dropdown_item_primary-text-default:var(--semi-color-primary);
+--semi-css-color-dropdown_item_disabled-text-default:var(--semi-color-disabled-text);
+--semi-css-color-dropdown_item_disabled-bg-default:transparent;
+--semi-css-color-dropdown_seperator-bg-default:var(--semi-color-border);
+--semi-css-spacing-dropdown_icon-marginRight:9px;
+--semi-css-spacing-dropdown_seperator-marginY:$spacing-extra-tight;
+--semi-css-spacing-dropdown_seperator-marginX:0;
+--semi-css-width-dropdown:280px;
+--semi-css-size-dropdown-icon-width:12px;
+--semi-css-size-dropdown-icon-height:12px;
+--semi-css-height-dropdown_seperator:1px;
+--semi-css-font-dropdown_item_active-fontWeight:600;
+--semi-css-spacing-empty_content_vertical-marginTop:24px;
+--semi-css-spacing-empty_content_horizontal-marginLeft:32px;
+--semi-css-spacing-empty_title-marginTop:16px;
+--semi-css-spacing-empty_footer-marginTop:24px;
+--semi-css-font-empty_title-fontWeight:600;
+--semi-css-color-empty_description-text-default:var(--semi-color-text-1);
+--semi-css-col:#{$form}-col;
+--semi-css-checkboxGroup:#{$prefix}-checkboxGroup;
+--semi-css-radioGroup:#{$prefix}-radioGroup;
+--semi-css-switch:#{$prefix}-switch;
+--semi-css-rating:#{$prefix}-rating;
+--semi-css-spacing-form_label-paddingTop:calc(($height-control-default - 20) / 2);
+--semi-css-spacing-form_label_small-paddingTop:calc(($height-control-default - 24) / 2);
+--semi-css-spacing-form_field_horizontal-paddingRight:$spacing-base;
+--semi-css-spacing-form_field_group_horizontal-paddingRight:$spacing-base;
+--semi-css-spacing-form_field_vertical-paddingTop:$spacing-base-tight;
+--semi-css-spacing-form_field_vertical-paddingBottom:$spacing-base-tight;
+--semi-css-spacing-form_field_group_vertical-paddingTop:$spacing-base-tight;
+--semi-css-spacing-form_field_group_vertical-paddingBottom:$spacing-base-tight;
+--semi-css-spacing-form_section-marginTop:calc($spacing-super-loose - $spacing-base-tight);
+--semi-css-spacing-form_section_text-paddingBottom:$spacing-tight;
+--semi-css-spacing-form_section_text-marginBottom:$spacing-extra-tight;
+--semi-css-spacing-form_label-paddingRight:$spacing-base;
+--semi-css-spacing-form_label-marginBottom:$spacing-extra-tight;
+--semi-css-spacing-form_label_extra-marginLeft:$spacing-extra-tight;
+--semi-css-spacing-form_label_required-marginLeft:$spacing-extra-tight;
+--semi-css-spacing-form_label_posLeft-marginRight:0;
+--semi-css-spacing-form_label_posLeft-marginBottom:0;
+--semi-css-spacing-form_label_posTop-paddingTop:$spacing-extra-tight;
+--semi-css-spacing-form_label_posTop-paddingBottom:$spacing-extra-tight;
+--semi-css-spacing-form_label_extra_posMid-marginTop:$spacing-extra-tight;
+--semi-css-spacing-form_label_extra_posMid-marginBottom:$spacing-extra-tight;
+--semi-css-spacing-form_label_extra_posBottom-marginTop:$spacing-extra-tight;
+--semi-css-spacing-form_statusIcon-marginRight:$spacing-extra-tight;
+--semi-css-spacing-form_message-marginTop:$spacing-extra-tight;
+--semi-css-font-form_label-fontWeight:$font-weight-bold;
+--semi-css-font-form_requiredMark-fontWeight:$font-weight-bold;
+--semi-css-color-form_label-text-default:var(--semi-color-text-0);
+--semi-css-color-form_label_extra-text-default:var(--semi-color-tertiary);
+--semi-css-color-form_label_disabled-text-default:var(--semi-color-disabled-text);
+--semi-css-color-form_requiredMark-text-default:var(--semi-color-danger);
+--semi-css-color-form_requiredMark_disabled-text-default:var(--semi-color-danger);
+--semi-css-color-form_alertIcon-icon-default:var(--semi-color-warning);
+--semi-css-color-form_message_error-text-default:var(--semi-color-danger);
+--semi-css-color-form_section-text-default:var(--semi-color-text-0);
+--semi-css-color-form_section-border-default:var(--semi-color-border);
+--semi-css-width-form_section-border:$border-thickness-control;
+--semi-css-width-grid_screen-xs:480px;
+--semi-css-width-grid_screen-xs-min:$width-grid_screen-xs;
+--semi-css-width-grid_screen-sm:576px;
+--semi-css-width-grid_screen-sm-min:$width-grid_screen-sm;
+--semi-css-width-grid_screen-md:768px;
+--semi-css-width-grid_screen-md-min:$width-grid_screen-md;
+--semi-css-width-grid_screen-lg:992px;
+--semi-css-width-grid_screen-lg-min:$width-grid_screen-lg;
+--semi-css-width-grid_screen-xl:1200px;
+--semi-css-width-grid_screen-xl-min:$width-grid_screen-xl;
+--semi-css-width-grid_screen-xxl:1600px;
+--semi-css-width-grid_screen-xxl-min:$width-grid_screen-xxl;
+--semi-css-width-grid_screen-xs-max:(calc($width-grid_screen-sm-min - 1px));
+--semi-css-width-grid_screen-sm-max:(calc($width-grid_screen-md-min - 1px));
+--semi-css-width-grid_screen-md-max:(calc($width-grid_screen-lg-min - 1px));
+--semi-css-width-grid_screen-lg-max:(calc($width-grid_screen-xl-min - 1px));
+--semi-css-width-grid_screen-xl-max:(calc($width-grid_screen-xxl-min - 1px));
+--semi-css-width-grid_columns:24;
+--semi-css-width-grid_gutter:0;
+--semi-css-color-input_default-border-default:transparent;
+--semi-css-color-input_default-bg-default:var(--semi-color-fill-0);
+--semi-css-color-input_default-text-default:var(--semi-color-text-0);
+--semi-css-color-input_default-bg-hover:var(--semi-color-fill-1);
+--semi-css-color-input_default-border-hover:transparent;
+--semi-css-color-input_default-bg-active:var(--semi-color-fill-2);
+--semi-css-color-input_default-border-active:$color-input_default-bg-active;
+--semi-css-color-input_default-bg-focus:var(--semi-color-fill-0);
+--semi-css-color-input_default-border-focus:var(--semi-color-focus-border);
+--semi-css-color-input_danger-bg-default:var(--semi-color-danger-light-default);
+--semi-css-color-input_danger-border-default:var(--semi-color-danger-light-default);
+--semi-css-color-input_danger-bg-hover:var(--semi-color-danger-light-hover);
+--semi-css-color-input_danger-border-hover:var(--semi-color-danger-light-hover);
+--semi-css-color-input_danger-bg-focus:var(--semi-color-danger-light-default);
+--semi-css-color-input_danger-border-focus:var(--semi-color-danger);
+--semi-css-color-input_danger-bg-active:var(--semi-color-danger-light-active);
+--semi-css-color-input_danger-border-active:var(--semi-color-danger-light-active);
+--semi-css-color-input_warning-bg-default:var(--semi-color-warning-light-default);
+--semi-css-color-input_warning-border-default:var(--semi-color-warning-light-default);
+--semi-css-color-input_warning-bg-hover:var(--semi-color-warning-light-hover);
+--semi-css-color-input_warning-border-hover:var(--semi-color-warning-light-hover);
+--semi-css-color-input_warning-bg-focus:var(--semi-color-warning-light-default);
+--semi-css-color-input_warning-border-focus:var(--semi-color-warning);
+--semi-css-color-input_warning-bg-active:var(--semi-color-warning-light-active);
+--semi-css-color-input_warning-border-active:var(--semi-color-warning-light-active);
+--semi-css-color-input_disabled-border-default:var(--semi-color-disabled-border);
+--semi-css-color-input_disabled-bg-default:var(--semi-color-disabled-fill);
+--semi-css-color-input_disabled-text-default:var(--semi-color-disabled-text);
+--semi-css-color-input_placeholder-text-default:var(--semi-color-text-2);
+--semi-css-color-input_prefix-text-default:var(--semi-color-text-2);
+--semi-css-color-input-icon-default:var(--semi-color-text-2);
+--semi-css-color-input-icon-hover:var(--semi-color-primary-hover);
+--semi-css-color-input-icon-active:var(--semi-color-primary-active);
+--semi-css-color-input_counter-text-default:var(--semi-color-text-2);
+--semi-css-color-input_counter_danger-text-default:var(--semi-color-danger);
+--semi-css-color-input_group-border-default:var(--semi-color-border);
+--semi-css-height-input_large:calc($height-control-large - 2);
+--semi-css-height-input_small:calc($height-control-small - 2);
+--semi-css-height-input_default:calc($height-control-default - 2);
+--semi-css-height-input_wrapper_large:$height-control-large;
+--semi-css-height-input_wrapper_small:$height-control-small;
+--semi-css-height-input_wrapper_default:$height-control-default;
+--semi-css-width-input-icon:calc($width-icon-medium + $spacing-tight * 2);
+--semi-css-width-input-icon_clear_before_suffix:calc($width-icon-medium + $spacing-tight);
+--semi-css-width-input-icon_clear_before_modebtn:$width-icon-medium;
+--semi-css-motion-scale_size-active:.97;
+--semi-css-motion-scale_size-inactive:1;
+--semi-css-width-input_append-border:$border-thickness-control;
+--semi-css-width-input_prepend-border:$border-thickness-control;
+--semi-css-width-input_group_pseudo-border:$border-thickness-control;
+--semi-css-width-input_wrapper-border:$border-thickness-control-focus;
+--semi-css-width-input_wrapper_focus-border:$border-thickness-control-focus;
+--semi-css-radius-input_wrapper:var(--semi-border-radius-small);
+--semi-css-spacing-input_icon-marginLeft:-calc(1 * $spacing-base-tight);
+--semi-css-spacing-input-paddingLeft:$spacing-base-tight;
+--semi-css-spacing-input-paddingRight:$spacing-base-tight;
+--semi-css-spacing-input_insetLabel-marginRight:$spacing-base-tight;
+--semi-css-spacing-input_prefix_icon-marginY:0;
+--semi-css-spacing-input_prefix_icon-marginX:$spacing-tight;
+--semi-css-spacing-input_clearBtn_withSuffix-marginLeft:-calc(1 * $spacing-base-tight);
+--semi-css-spacing-input_prepend-paddingY:0;
+--semi-css-spacing-input_prepend-paddingX:$spacing-base-tight;
+--semi-css-spacing-input_group_withTopLabel-marginTop:$spacing-base;
+--semi-css-spacing-input_group_withTopLabel-marginBottom:$spacing-base;
+--semi-css-font-input_insetLabel-fontWeight:600;
+--semi-css-spacing-textarea-paddingY:5px;
+--semi-css-spacing-textarea-paddingX:$spacing-base-tight;
+--semi-css-spacing-textarea_counter-paddingTop:3px;
+--semi-css-spacing-textarea_counter-paddingRight:12px;
+--semi-css-spacing-textarea_counter-paddingBottom:5px;
+--semi-css-spacing-textarea_counter-paddingLeft:12px;
+--semi-css-width-textarea-border:$border-thickness;
+--semi-css-height-textarea_counter:24px;
+--semi-css-color-textarea-border-default:transparent;
+--semi-css-color-textarea-border-hover:$color-textarea-border-default;
+--semi-css-color-textarea-icon-default:var(--semi-color-text-2);
+--semi-css-color-textarea-icon-hover:var(--semi-color-primary-hover);
+--semi-css-width-textarea-icon:calc($width-icon-medium + $spacing-tight);
+--semi-css-height-textarea-default:32px;
+--semi-css-spacing-textarea_withShowClear-paddingRight:36px;
+--semi-css-spacing-textarea-icon-right:$spacing-extra-tight;
+--semi-css-height-inputNumber_button_default:$height-control-default;
+--semi-css-height-inputNumber_button_large:$height-control-large;
+--semi-css-height-inputNumber_button_small:$height-control-small;
+--semi-css-height-inputNumber_button_inner_default:$height-input_default;
+--semi-css-height-inputNumber_button_inner_large:$height-input_large;
+--semi-css-height-inputNumber_button_inner_small:$height-input_small;
+--semi-css-width-inputNumber_button:14px;
+--semi-css-radius-inputNumber:var(--semi-border-radius-small);
+--semi-css-spacing-inputNumber_button-marginLeft:4px;
+--semi-css-color-inputNumber_button-text-default:var(--semi-color-text-2);
+--semi-css-color-inputNumber_button-text-disabled:var(--semi-color-disabled-text);
+--semi-css-color-inputNumber_button-bg-default:var(--semi-color-bg-2);
+--semi-css-color-inputNumber_button-bg-disabled:var(--semi-color-disabled-fill);
+--semi-css-color-inputNumber_button-bg-hover:var(--semi-color-fill-0);
+--semi-css-color-inputNumber_button-bg-active:var(--semi-color-fill-1);
+--semi-css-color-inputNumber_button-border-default:var(--semi-color-border);
+--semi-css-color-inputNumber_button-border-hover:var(--semi-color-fill-2);
+--semi-css-width-inputNumber_button-border:1px;
+--semi-css-spacing-inputNumber_button_inner-marginLeft:$spacing-tight;
+--semi-css-spacing-inputNumber_clearbtn_suffix-marginLeft:-calc(1 * $spacing-extra-tight);
+--semi-css-color-list_default-border-default:var(--semi-color-border);
+--semi-css-color-list_empty-text-default:var(--semi-color-text-2);
+--semi-css-spacing-list_empty-padding:$spacing-base-tight;
+--semi-css-spacing-list_footer-paddingX:$spacing-base-tight;
+--semi-css-spacing-list_footer-paddingY:$spacing-loose;
+--semi-css-spacing-list_item-paddingX:$spacing-base-tight;
+--semi-css-spacing-list_item-paddingY:$spacing-loose;
+--semi-css-spacing-list_small-paddingX:$spacing-tight;
+--semi-css-spacing-list_small-paddingY:$spacing-base;
+--semi-css-spacing-list_large-paddingX:$spacing-base;
+--semi-css-spacing-list_large-paddingY:$spacing-loose;
+--semi-css-spacing-list_header-marginRight:$spacing-base-loose;
+--semi-css-spacing-list_header-marginLeft:$spacing-base-loose;
+--semi-css-spacing-list_extra-marginLeft:$spacing-super-loose;
+--semi-css-spacing-list_extra-marginRight:$spacing-super-loose;
+--semi-css-color-modal-bg:var(--semi-color-bg-2);
+--semi-css-color-modal_mask-bg:var(--semi-color-overlay-bg);
+--semi-css-color-modal_main-text:var(--semi-color-text-0);
+--semi-css-color-modal_info-icon:var(--semi-color-info);
+--semi-css-color-modal_primary-icon:var(--semi-color-primary);
+--semi-css-color-modal_success-icon:var(--semi-color-success);
+--semi-css-color-modal_danger-icon:var(--semi-color-danger);
+--semi-css-color-modal_warning-icon:var(--semi-color-warning);
+--semi-css-color-modal_content-border:var(--semi-color-border);
+--semi-css-color-modal_header-bg:transparent;
+--semi-css-color-modal_footer-bg:transparent;
+--semi-css-spacing-modal-marginY:80px;
+--semi-css-spacing-modal-marginX:auto;
+--semi-css-spacing-modal_mask-top:0;
+--semi-css-spacing-modal_mask-right:0;
+--semi-css-spacing-modal_mask-bottom:0;
+--semi-css-spacing-modal_mask-left:0;
+--semi-css-spacing-modal_content_withicon-marginLeft:36px;
+--semi-css-spacing-modal_icon_wrapper-marginRight:$spacing-base-tight;
+--semi-css-spacing-modal_wrap-top:0;
+--semi-css-spacing-modal_wrap-right:0;
+--semi-css-spacing-modal_wrap-bottom:0;
+--semi-css-spacing-modal_wrap-left:0;
+--semi-css-spacing-modal_title-margin:0;
+--semi-css-spacing-modal_content-paddingY:0;
+--semi-css-spacing-modal_content-paddingX:24px;
+--semi-css-spacing-modal_header-marginY:24px;
+--semi-css-spacing-modal_header-marginX:0;
+--semi-css-spacing-modal_header-paddingY:0;
+--semi-css-spacing-modal_header-paddingX:0;
+--semi-css-spacing-modal_body_wrapper-marginY:24px;
+--semi-css-spacing-modal_body_wrapper-marginX:0;
+--semi-css-spacing-modal_body-margin:0;
+--semi-css-spacing-modal_body-padding:0;
+--semi-css-spacing-modal_footer-marginY:24px;
+--semi-css-spacing-modal_footer-marginX:0;
+--semi-css-spacing-modal_footer-paddingY:0;
+--semi-css-spacing-modal_footer-paddingX:0;
+--semi-css-spacing-modal_footer_button-marginLeft:$spacing-base-tight;
+--semi-css-spacing-modal_footer_button-marginRight:0;
+--semi-css-spacing-modal_confirm_header-marginBottom:8px;
+--semi-css-spacing-modal_confirm_icon_wrapper-marginRight:$spacing-base-tight;
+--semi-css-width-modal_title:100%;
+--semi-css-width-modal_content:100%;
+--semi-css-height-modal_content:100%;
+--semi-css-width-modal_content-border:1px;
+--semi-css-width-modal_small:448px;
+--semi-css-width-modal_medium:684px;
+--semi-css-width-modal_large:920px;
+--semi-css-width-modal_full_width:calc(calc(100vw - 64px));
+--semi-css-radius-modal_content:var(--semi-border-radius-large);
+--semi-css-radius-modal_content_fullscreen:0;
+--semi-css-radius-modal_footer:0 0 5px 5px;
+--semi-css-font-modal_header-fontSize:$font-size-regular;
+--semi-css-font-modal_header-fontWeight:$font-weight-bold;
+--semi-css-color-modal_header-border:transparent;
+--semi-css-width-modal_header-border:0;
+--semi-css-color-modal_footer-border:transparent;
+--semi-css-width-modal_footer-border:0;
+--semi-css-module:#{$prefix}-navigation;
+--semi-css-height-navigation_item_base:36px;
+--semi-css-width-navigation_container_base:240px;
+--semi-css-width-navigation_container_collapsed:60px;
+--semi-css-width-navigation_header_logo:36px;
+--semi-css-height-navigation_header_logo:36px;
+--semi-css-height-navigation_header_logo_collapsed:36px;
+--semi-css-height-navigation_footer:48px;
+--semi-css-height-navigation_horizontal_header:60px;
+--semi-css-width-navigation_icon_text_between:12px;
+--semi-css-width-navigation_icon_left:20px;
+--semi-css-width-navigation_item-borderRadius:var(--semi-border-radius-small);
+--semi-css-width-navigation_dropdown_item_nav_item-minWidth:150px;
+--semi-css-width-navigation_border:1px;
+--semi-css-width-navigation_footer_border:1px;
+--semi-css-width-navigation_icon_left-minWidth:20px;
+--semi-css-spacing-navigation-paddingX:$spacing-tight;
+--semi-css-spacing-navigation_collapsed-paddingX:$spacing-tight;
+--semi-css-spacing-navigation_item-paddingX:$spacing-base-tight;
+--semi-css-spacing-navigation_item-paddingY:$spacing-tight;
+--semi-css-spacing-navigation_item-marginBottom:$spacing-tight;
+--semi-css-spacing-navigation_sub_title-marginBottom:0;
+--semi-css-spacing-navigation_sub_wrap-marginTop:0;
+--semi-css-spacing-navigation_sub_wrap-padding:0;
+--semi-css-spacing-navigation_sub-padding:0;
+--semi-css-spacing-navigation_item_sub-padding:0;
+--semi-css-spacing-navigation_header_logo-marginLeft:0;
+--semi-css-spacing-navigation_header_logo-marginRight:8px;
+--semi-css-spacing-navigation_header-paddingTop:32px;
+--semi-css-spacing-navigation_header-paddingBottom:36px;
+--semi-css-spacing-navigation_list_wrapper-paddingTop:12px;
+--semi-css-spacing-navigation_footer-paddingX:24px;
+--semi-css-spacing-navigation_footer-paddingY:16px;
+--semi-css-spacing-navigation_footer_collapse_btn_inner-paddingX:8px;
+--semi-css-spacing-navigation_horizontal_header_logo-marginLeft:24px;
+--semi-css-spacing-navigation_horizontal_header_logo-marginRight:24px;
+--semi-css-spacing-navigation_horizontal-paddingLeft:24px;
+--semi-css-spacing-navigation_horizontal-paddingRight:24px;
+--semi-css-spacing-navigation_dropdown_item_nav_sub_title-paddingX:$spacing-base-tight;
+--semi-css-spacing-navigation_dropdown_item_nav_sub_title-paddingY:$spacing-tight;
+--semi-css-spacing-navigation_dropdown_item_nav_item-marginTop:0;
+--semi-css-spacing-navigation_dropdown_item_nav_item-marginBottom:0;
+--semi-css-spacing-navigation_vertical_nav_item_last-marginBottom:0;
+--semi-css-spacing-navigation_vertical_nav_header-paddingLeft:calc(($width-navigation_container_collapsed - $spacing-base-tight - $width-navigation_border - $height-navigation_header_logo_collapsed) / 2);
+--semi-css-spacing-navigation_vertical_nav_header-paddingRight:$spacing-tight;
+--semi-css-spacing-navigation_vertical_nav_header_collapsed-paddingLeft:calc(($width-navigation_container_collapsed - $spacing-base-tight - $width-navigation_border - $height-navigation_header_logo_collapsed) / 2);
+--semi-css-spacing-navigation_vertical_nav_header_collapsed-paddingRight:0;
+--semi-css-spacing-navigation_vertical_footer-paddingLeft:$spacing-tight;
+--semi-css-spacing-navigation_vertical_footer-paddingRight:$spacing-tight;
+--semi-css-spacing-navigation_vertical_footer_semi_button_content_right-marginLeft:12px;
+--semi-css-spacing-navigation_horizontal_nav_list_item-marginBottom:0;
+--semi-css-spacing-navigation_horizontal_nav_list_item_not_last-marginRight:$spacing-tight;
+--semi-css-spacing-navigation_horizontal_icon_first-marginRight:$spacing-tight;
+--semi-css-spacing-navigation_horizontal_icon_last-marginLeft:$spacing-tight;
+--semi-css-spacing-navigation_sub_item_first_child-marginTop:$spacing-tight;
+--semi-css-spacing-navigation_sub_item_left_toggle_marginRight:$spacing-tight;
+--semi-css-color-navigation-bg-default:var(--semi-color-nav-bg);
+--semi-css-color-navigation_border-default:var(--semi-color-border);
+--semi-css-color-navigation_header-text-default:var(--semi-color-text-0);
+--semi-css-color-navigation_footer_icon-default:var(--semi-color-text-2);
+--semi-css-color-navigation_itemL1-bg-default:transparent;
+--semi-css-color-navigation_itemL1-text-default:var(--semi-color-text-0);
+--semi-css-color-navigation_itemL1_icon-default:var(--semi-color-text-2);
+--semi-css-color-navigation_itemL1-bg-hover:var(--semi-color-fill-0);
+--semi-css-color-navigation_itemL1-text-hover:var(--semi-color-text-0);
+--semi-css-color-navigation_itemL1_icon-hover:var(--semi-color-text-2);
+--semi-css-color-navigation_itemL1_selected-text-hover:var(--semi-color-text-0);
+--semi-css-color-navigation_itemL1-bg-active:var(--semi-color-fill-1);
+--semi-css-color-navigation_itemL1-text-active:var(--semi-color-text-0);
+--semi-css-color-navigation_itemL1_icon-active:var(--semi-color-text-2);
+--semi-css-color-navigation_itemL1_selected-text-active:var(--semi-color-text-0);
+--semi-css-color-navigation_itemL1_selected-bg-default:var(--semi-color-primary-light-default);
+--semi-css-color-navigation_itemL1_selected-text-default:var(--semi-color-text-0);
+--semi-css-color-navigation_itemL1_selected_icon-default:var(--semi-color-primary);
+--semi-css-color-navigation_itemL1_disabled-bg-default:transparent;
+--semi-css-color-navigation_itemL1_disabled-text-default:var(--semi-color-disabled-text);
+--semi-css-color-navigation_itemL1_disabled_icon-default:var(--semi-color-disabled-text);
+--semi-css-color-navigation_itemL1_selected_disabled-bg-default:transparent;
+--semi-css-color-navigation_itemL1_selected_disabled-text-default:var(--semi-color-primary-disabled);
+--semi-css-color-navigation_itemL1_selected_disabled_icon-default:var(--semi-color-primary-disabled);
+--semi-css-color-navigation_horizontal_itemL1-text-default:var(--semi-color-text-2);
+--semi-css-color-navigation_horizontal_itemL1_icon-default:var(--semi-color-text-2);
+--semi-css-color-navigation_horizontal_itemL1-bg-default:transparent;
+--semi-css-color-navigation_horizontal_itemL1-text-hover:var(--semi-color-text-1);
+--semi-css-color-navigation_horizontal_itemL1_icon-hover:var(--semi-color-text-1);
+--semi-css-color-navigation_horizontal_itemL1-bg-hover:transparent;
+--semi-css-color-navigation_horizontal_itemL1-text-active:var(--semi-color-text-0);
+--semi-css-color-navigation_horizontal_itemL1_icon-active:var(--semi-color-text-0);
+--semi-css-color-navigation_horizontal_itemL1-bg-active:transparent;
+--semi-css-color-navigation_horizontal_itemL1_selected-text-default:var(--semi-color-text-0);
+--semi-css-color-navigation_horizontal_itemL1_selected_icon-default:var(--semi-color-text-0);
+--semi-css-color-navigation_horizontal_itemL1_selected-bg-default:transparent;
+--semi-css-color-navigation_horizontal_itemL1_disabled-text-default:var(--semi-color-disabled-text);
+--semi-css-color-navigation_horizontal_itemL1_disabled_icon-default:var(--semi-color-disabled-text);
+--semi-css-color-navigation_horizontal_itemL1_disabled-bg-default:transparent;
+--semi-css-color-navigation_itemLn-bg-default:transparent;
+--semi-css-color-navigation_itemLn-text-default:var(--semi-color-text-0);
+--semi-css-color-navigation_itemLn-bg-hover:var(--semi-color-fill-0);
+--semi-css-color-navigation_itemLn-text-hover:var(--semi-color-text-0);
+--semi-css-color-navigation_itemLn-bg-active:var(--semi-color-fill-1);
+--semi-css-color-navigation_itemLn-text-active:var(--semi-color-text-0);
+--semi-css-color-navigation_itemLn_selected-bg-default:var(--semi-color-primary-light-default);
+--semi-css-motion-navigation_item_title:opacity 100ms 100s ease-out;
+--semi-css-motion-navigation_padding:padding-left 100ms ease-out;
+--semi-css-motion-navigation_padding_rtl:padding-right 100ms ease-out;
+--semi-css-motion-navigation_width:width 200ms cubic-bezier(.62, .05, .36, .95);
+--semi-css-motion-navigation_collapsed_opacity:opacity .2s cubic-bezier(.5, -.1, 1, .4);
+--semi-css-font-navigation_item-fontWeight:$font-weight-bold;
+--semi-css-font-navigation_sub_title-fontWeight:$font-weight-bold;
+--semi-css-font-navigation_item_normal-fontWeight:$font-weight-regular;
+--semi-css-font-navigation_popover_nav_item_selected-fontWeight:normal;
+--semi-css-font-navigation_sub_selected-fontWeight:$font-weight-bold;
+--semi-css-font-navigation_sub_disabled-fontWeight:$font-weight-bold;
+--semi-css-font-navigation_sub-fontWeight:$font-weight-regular;
+--semi-css-font-navigation_sub-fontSize:$font-size-regular;
+--semi-css-font-navigation_sub_item-fontWeight:$font-weight-regular;
+--semi-css-font-navigation_header_item-fontWeight:$font-weight-bold;
+--semi-css-color-notification-bg-default:var(--semi-color-bg-3);
+--semi-css-color-notification_info-icon:var(--semi-color-info);
+--semi-css-color-notification_warning-icon:var(--semi-color-warning);
+--semi-css-color-notification_danger-icon:var(--semi-color-danger);
+--semi-css-color-notification_success-icon:var(--semi-color-success);
+--semi-css-color-notification_title-text:var(--semi-color-text-0);
+--semi-css-color-notification_content-text:var(--semi-color-text-1);
+--semi-css-color-notification_closeBtn-icon:var(--semi-color-text-2);
+--semi-css-color-notification_warning_light-bg:var(--semi-color-warning-light-default);
+--semi-css-color-notification_warning_light-border:var(--semi-color-warning);
+--semi-css-color-notification_success_light-bg:var(--semi-color-success-light-default);
+--semi-css-color-notification_success_light-border:var(--semi-color-success);
+--semi-css-color-notification_info_light-bg:var(--semi-color-info-light-default);
+--semi-css-color-notification_info_light-border:var(--semi-color-info);
+--semi-css-color-notification_danger_light-bg:var(--semi-color-danger-light-default);
+--semi-css-color-notification_danger_light-border:var(--semi-color-danger);
+--semi-css-color-notification_ambient-bg:var(--semi-color-bg-0);
+--semi-css-width-notification_notice:auto;
+--semi-css-width-notification_notice_minWidth:320px;
+--semi-css-width-notification_notice-icon:$width-icon-extra-large;
+--semi-css-width-notification_notice-border:1px;
+--semi-css-spacing-notification_list-margin:0;
+--semi-css-spacing-notification_list-padding:0;
+--semi-css-spacing-notification_notice-paddingTop:$spacing-base;
+--semi-css-spacing-notification_notice-paddingRight:$spacing-base-tight;
+--semi-css-spacing-notification_notice-paddingBottom:$spacing-base;
+--semi-css-spacing-notification_notice-paddingLeft:$spacing-base-loose;
+--semi-css-spacing-notification_notice-margin:$spacing-base-loose;
+--semi-css-spacing-notification_notice-marginRight:$spacing-base-tight;
+--semi-css-spacing-notification_notice_title-marginBottom:$spacing-extra-tight;
+--semi-css-spacing-notification_notice_content_wrapper-marginRight:8px;
+--semi-css-spacing-notification_notice_icon-marginRight:$spacing-base-tight;
+--semi-css-radius-notification_notice:var(--semi-border-radius-medium);
+--semi-css-font-notification_notice_title-fontWeight:$font-weight-bold;
+--semi-css-font-notification_notice_content-fontWeight:$font-weight-regular;
+--semi-css-color-pagination-text-default:var(--semi-color-text-2);
+--semi-css-color-pagination_item-text-default:var(--semi-color-text-0);
+--semi-css-color-pagination_item-bg-default:transparent;
+--semi-css-color-pagination_item-icon-default:var(--semi-color-tertiary);
+--semi-css-color-pagination_item-text-hover:var(--semi-color-text-0);
+--semi-css-color-pagination_item-bg-hover:var(--semi-color-fill-0);
+--semi-css-color-pagination_item-text-active:var(--semi-color-text-0);
+--semi-css-color-pagination_item-bg-active:var(--semi-color-fill-1);
+--semi-css-color-pagination_item-text-disabled:var(--semi-color-disabled-text);
+--semi-css-color-pagination_item-icon-disabled:var(--semi-color-disabled-text);
+--semi-css-color-pagination_item-bg-disabled:transparent;
+--semi-css-color-pagination_item-text-selected:var(--semi-color-primary);
+--semi-css-color-pagination_item-bg-selected:var(--semi-color-primary-light-default);
+--semi-css-color-pagination_quickjump_text-disabled:var(--semi-color-disabled-text);
+--semi-css-color-pagination_item-border-default:transparent;
+--semi-css-color-pagination_item-border-hover:transparent;
+--semi-css-color-pagination_item-border-active:transparent;
+--semi-css-color-pagination_item-border-selected:transparent;
+--semi-css-color-pagination_item-border-disabled:transparent;
+--semi-css-height-pagination_item:32px;
+--semi-css-width-pagination_item-minWidth:32px;
+--semi-css-width-pagination_item_small-minWidth:44px;
+--semi-css-width-pagination_quickjump_input_width:50px;
+--semi-css-width-pagination_item_border:0px;
+--semi-css-spacing-pagination-padding:0;
+--semi-css-spacing-pagination_small-paddingY:0;
+--semi-css-spacing-pagination_small-paddingX:0;
+--semi-css-spacing-pagination_item-marginLeft:$spacing-extra-tight;
+--semi-css-spacing-pagination_item-marginRight:$spacing-extra-tight;
+--semi-css-spacing-pagination_item_small-margin:0;
+--semi-css-spacing-pagination_reset_list-paddingTop:$spacing-extra-tight;
+--semi-css-spacing-pagination_reset_list-paddingBottom:$spacing-extra-tight;
+--semi-css-spacing-pagination_quickjump_marginLeft:24px;
+--semi-css-spacing-pagination_quickjump_input_marginLeft:4px;
+--semi-css-spacing-pagination_quickjump_input_marginRight:4px;
+--semi-css-radius-pagination_item:var(--semi-border-radius-small);
+--semi-css-font-pagination_small-fontWeight:$font-weight-regular;
+--semi-css-font-pagination_item-fontWeight:$font-weight-regular;
+--semi-css-font-pagination_item_active-fontWeight:$font-weight-bold;
+--semi-css-font-pagination_quickjump_fontWeight:$font-weight-regular;
+--semi-css-color-popconfirm_header-text:var(--semi-color-text-0);
+--semi-css-color-popconfirm_body-text:var(--semi-color-text-2);
+--semi-css-color-popconfirm_header_alert-icon:var(--semi-color-warning);
+--semi-css-width-popconfirm-icon:24px;
+--semi-css-width-popconfirm_close_btn:24px;
+--semi-css-width-popconfirm-maxWidth:400px;
+--semi-css-spacing-popconfirm-top:24px;
+--semi-css-spacing-popconfirm-bottom:20px;
+--semi-css-spacing-popconfirm_btn_close-margin:24px;
+--semi-css-spacing-popconfirm_with_arrow-padding:12px;
+--semi-css-spacing-popconfirm_inner_close_btn-top:0;
+--semi-css-spacing-popconfirm_inner_close_btn-right:0;
+--semi-css-spacing-popconfirm_header-marginRight:calc($spacing-popconfirm_btn_close-margin + $width-popconfirm_close_btn + 20px);
+--semi-css-spacing-popconfirm_header_title-marginBottom:8px;
+--semi-css-spacing-popconfirm_header_content_p-padding:0;
+--semi-css-spacing-popconfirm_header_content_p-margin:0;
+--semi-css-spacing-popconfirm_body_p-padding:0;
+--semi-css-spacing-popconfirm_body_p-margin:0;
+--semi-css-spacing-popconfirm_footer-marginTop:25px;
+--semi-css-spacing-popconfirm_footer_btn-marginRight:8px;
+--semi-css-spacing-popconfirm_popover_with_arrow_inner-padding:(calc($spacing-popconfirm-top - $spacing-popconfirm_with_arrow-padding)) (calc($spacing-popconfirm-top - $spacing-popconfirm_with_arrow-padding)) (calc($spacing-popconfirm-top - $spacing-popconfirm_with_arrow-padding)) (calc($spacing-popconfirm-bottom - $spacing-popconfirm_with_arrow-padding));
+--semi-css-spacing-popconfirm_popover_with_arrow_inner_rtl-padding:(calc($spacing-popconfirm-top - $spacing-popconfirm_with_arrow-padding)) (calc($spacing-popconfirm-bottom - $spacing-popconfirm_with_arrow-padding)) (calc($spacing-popconfirm-top - $spacing-popconfirm_with_arrow-padding)) (calc($spacing-popconfirm-top - $spacing-popconfirm_with_arrow-padding));
+--semi-css-spacing-popconfirm_popover_with_arrow_inner_btn_close-marginTop:calc($spacing-popconfirm_btn_close-margin - $spacing-popconfirm_with_arrow-padding);
+--semi-css-spacing-popconfirm_popover_with_arrow_inner_btn_close-marginRight:calc($spacing-popconfirm_btn_close-margin - $spacing-popconfirm_with_arrow-padding);
+--semi-css-spacing-popconfirm_header_icon-marginRight:12px;
+--semi-css-font-popconfirm_header_title-fontWeight:$font-weight-bold;
+--semi-css-radius-popconfirm-popover:var(--semi-border-radius-medium);
+--semi-css-module-icon:#{$module}-icon-arrow;
+--semi-css-color-tooltip_arrow-icon-default:unset;
+--semi-css-color-popover-bg-default:var(--semi-color-bg-3);
+--semi-css-color-popover-border-default:var(--semi-color-border);
+--semi-css-width-popover_arrow:24px;
+--semi-css-height-popover_arrow:8px;
+--semi-css-height-popover_arrow_vertical:24px;
+--semi-css-width-popover_arrow_vertical:8px;
+--semi-css-height-tooltip_arrow:$height-popover_arrow;
+--semi-css-width-tooltip_arrow:$width-popover_arrow;
+--semi-css-width-tooltip_arrow_vertical:$width-popover_arrow_vertical;
+--semi-css-height-tooltip_arrow_vertical:$height-popover_arrow_vertical;
+--semi-css-width-popover_title-border:1px;
+--semi-css-spacing-popover_title-padding:8px;
+--semi-css-spacing-popover_withArrow-padding:12px;
+--semi-css-spacing-popover_arrow_adjusted_offset-y:6;
+--semi-css-spacing-tooltip_arrow_adjusted_offset-y:$spacing-popover_arrow_adjusted_offset-y;
+--semi-css-spacing-tooltip_arrow_adjusted_offset-x:round(
+    calc($horizontal-rate * $width-tooltip_arrow)
+);
+--semi-css-radius-popover:var(--semi-border-radius-medium);
+--semi-css-color-progress_default-bg:var(--semi-color-fill-0);
+--semi-css-color-progress_track_inner-bg:var(--semi-color-success);
+--semi-css-color-progress_line_text-text:var(--semi-color-text-0);
+--semi-css-color-progress_circle-text:var(--semi-color-mode-minor-text);
+--semi-css-motion-progress-transition_duration:0.3s;
+--semi-css-motion-progress-transition_timing_function:cubic-bezier(0.62, 0.05, 0.36, 0.95);
+--semi-css-height-progress_horizontal:4px;
+--semi-css-height-progress_horizontal_large:6px;
+--semi-css-spacing-progress_line_text-marginLeft:$spacing-base;
+--semi-css-spacing-progress_line_text-marginRight:$spacing-base;
+--semi-css-spacing-progress_vertical-marginX:$spacing-extra-tight;
+--semi-css-spacing-progress_horizontal-marginY:$spacing-extra-tight;
+--semi-css-spacing-progress_vertical_line_text-marginTop:$spacing-tight;
+--semi-css-font-progress_line_text-fontWeight:600;
+--semi-css-width-progress_line_text:45px;
+--semi-css-width-progress_vertical:4px;
+--semi-css-width-progress_vertical_large:6px;
+--semi-css-radius-progress_track:var(--semi-border-radius-small);
+--semi-css-radius-progress_track_inner:var(--semi-border-radius-small);
+--semi-css-inner-width:$width-icon-medium;
+--semi-css-inner-width:$width-icon-medium;
+--semi-css-color-radio_default-border-default:var(--semi-color-text-3);
+--semi-css-color-radio_default-bg-default:transparent;
+--semi-css-color-radio_default-bg-hover:var(--semi-color-fill-0);
+--semi-css-color-radio_default-bg-active:var(--semi-color-fill-1);
+--semi-css-color-radio_default-border-hover:var(--semi-color-focus-border);
+--semi-css-color-radio_checked-border-hover:var(--semi-color-primary-hover);
+--semi-css-color-radio_checked-border-active:var(--semi-color-primary-active);
+--semi-css-color-radio_default-text-default:var(--semi-color-text-0);
+--semi-css-color-radio_extra-text-default:var(--semi-color-text-2);
+--semi-css-color-radio_primary-bg-hover:var(--semi-color-primary-hover);
+--semi-css-color-radio_primary-bg-active:var(--semi-color-primary-active);
+--semi-css-color-radio_primary-border-default:var(--semi-color-primary);
+--semi-css-color-radio_primary-bg-default:var(--semi-color-primary);
+--semi-css-color-radio_primary-text-default:white;
+--semi-css-color-radio_checked-bg-disabled:var(--semi-color-primary-disabled);
+--semi-css-color-radio_default-border-disabled:var(--semi-color-border);
+--semi-css-color-radio_checked-border-disabled:var(--semi-color-primary-disabled);
+--semi-css-color-radio_disabled-bg-default:var(--semi-color-disabled-fill);
+--semi-css-color-radio_disabled-bg-hover:transparent;
+--semi-css-color-radio_disabled-text-default:var(--semi-color-disabled-text);
+--semi-css-color-radio_disabled-border-default:var(--semi-color-border);
+--semi-css-color-radio_buttonRadio-text-default:var(--semi-color-text-1);
+--semi-css-color-radio_buttonRadio-bg-default:var(--semi-color-fill-0);
+--semi-css-color-radio_buttonRadio-text-checked-hover:var(--semi-color-primary);
+--semi-css-color-radio_buttonRadio-text-disabled:var(--semi-color-disabled-text);
+--semi-css-color-radio_addon_buttonRadio-bg-hover:var(--semi-color-fill-1);
+--semi-css-color-radio_addon_buttonRadio-text-checked:var(--semi-color-primary);
+--semi-css-color-radio_addon_buttonRadio-bg-checked:var(--semi-color-bg-3);
+--semi-css-color-radio_cardRadioGroup-bg-checked:var(--semi-color-primary-light-default);
+--semi-css-color-radio_cardRadioGroup_disabled-bg-checked:var(--semi-color-primary-light-default);
+--semi-css-color-radio_cardRadioGroup-bg-hover:var(--semi-color-fill-0);
+--semi-css-color-radio_cardRadioGroup-bg-active:var(--semi-color-fill-1);
+--semi-css-color-radio_cardRadioGroup_border-active:var(--semi-color-primary);
+--semi-css-color-radio_cardRadioGroup_checked_border-active:var(--semi-color-primary-active);
+--semi-css-color-radio_cardRadioGroup_checked_border-hover:var(--semi-color-primary-hover);
+--semi-css-color-radio_cardRadioGroup_border_disabled-active:var(--semi-color-primary-disabled);
+--semi-css-color-radio_cardRadioGroup_addon-text-default:var(--semi-color-text-0);
+--semi-css-color-radio_cardRadioGroup_extra-text-default:var(--semi-color-text-2);
+--semi-css-color-radio_cardRadioGroup_checked_disabled-border-default:var(--semi-color-primary-disabled);
+--semi-css-color-radio_cardRadioGroup_checked_disabled-border-hover:var(--semi-color-primary-disabled);
+--semi-css-color-radio_card-bg-hover:var(--semi-color-white);
+--semi-css-color-radio_card-bg-active:var(--semi-color-white);
+--semi-css-color-radio_card-bg-default:var(--semi-color-white);
+--semi-css-radius-radio_cardRadioGroup:var(--semi-border-radius-small);
+--semi-css-radius-radio_addon_buttonRadio:var(--semi-border-radius-small);
+--semi-css-radius-radio_buttonRadio:var(--semi-border-radius-small);
+--semi-css-width-radio_cardRadioGroup_checked-border:1px;
+--semi-css-width-radio_cardRadioGroup_checked_disabled-border:1px;
+--semi-css-width-radio_hover-border:$border-thickness-control;
+--semi-css-width-radio_disabled-border:$border-thickness-control;
+--semi-css-width-radio_innder-border:$border-thickness-control;
+--semi-css-height-radio_inner_min:20px;
+--semi-css-width-radio_inner:$width-icon-medium;
+--semi-css-spacing-radio_addon-paddingLeft:$spacing-tight;
+--semi-css-spacing-radio_addon-marginLeft:$width-radio_inner;
+--semi-css-spacing-radio_addon_buttonRadio_large-paddingX:$spacing-loose;
+--semi-css-spacing-radio_addon_buttonRadio_large-paddingY:calc($spacing-base-tight / 2);
+--semi-css-spacing-radio_addon_buttonRadio_small-paddingX:$spacing-base;
+--semi-css-spacing-radio_addon_buttonRadio_small-paddingY:$spacing-super-tight;
+--semi-css-spacing-radio_addon_buttonRadio_middle-paddingX:$spacing-base;
+--semi-css-spacing-radio_addon_buttonRadio_middle-paddingY:$spacing-extra-tight;
+--semi-css-spacing-radio_addon_buttonRadio_marginLeft:$spacing-none;
+--semi-css-spacing-radio_extra-paddingLeft:calc($width-radio_inner + $spacing-tight);
+--semi-css-spacing-radio_group_vertical-marginBottom:$spacing-base-tight;
+--semi-css-spacing-radio_card_group_vertical-marginBottom:$spacing-base;
+--semi-css-spacing-radio_group_horizontal-marginRight:$spacing-base;
+--semi-css-spacing-radio_buttonRadio-padding:$spacing-extra-tight;
+--semi-css-spacing-radio_buttonRadioGroup_small-paddingX:$spacing-super-tight;
+--semi-css-spacing-radio_buttonRadioGroup_small-paddingY:$spacing-extra-tight;
+--semi-css-spacing-radio_buttonRadioGroup_middle-padding:$spacing-extra-tight;
+--semi-css-spacing-radio_buttonRadioGroup_large-padding:$spacing-extra-tight;
+--semi-css-spacing-radio_buttonRadioGroup-paddingRight:$spacing-none;
+--semi-css-spacing-radio_cardRadioGroup-paddingX:$spacing-base;
+--semi-css-spacing-radio_cardRadioGroup-paddingY:$spacing-base-tight;
+--semi-css-spacing-radio_cardRadioGroup_inner-marginRight:$spacing-tight;
+--semi-css-font-radio_buttonRadio_large-default-size:$font-size-regular;
+--semi-css-font-radio_buttonRadio_small-default-size:$font-size-small;
+--semi-css-font-radio_buttonRadio_middle-default-size:$font-size-small;
+--semi-css-font-radio_buttonRadio-default-fontWeight:$font-weight-bold;
+--semi-css-font-radio_buttonRadio-hover-fontWeight:$font-weight-bold;
+--semi-css-font-radio_buttonRadio-checked-fontWeight:$font-weight-bold;
+--semi-css-font-radio_buttonRadioGroup_small-lineHeight:16px;
+--semi-css-font-radio_buttonRadioGroup_middle-lineHeight:16px;
+--semi-css-font-radio_buttonRadioGroup_large-lineHeight:20px;
+--semi-css-font-radio_cardRadioGroup_addon-size:$font-size-regular;
+--semi-css-font-radio_cardRadioGroup_addon-fontWeight:$font-weight-bold;
+--semi-css-font-radio_cardRadioGroup_addon-lineHeight:20px;
+--semi-css-font-radio_cardRadioGroup_extra-size:$font-size-regular;
+--semi-css-font-radio_cardRadioGroup_extra-fontWeight:normal;
+--semi-css-font-radio_cardRadioGroup_extra-lineHeight:20px;
+--semi-css-color-rating-icon-default:rgba(var(--semi-yellow-5), 1);
+--semi-css-color-rating-bg-default:var(--semi-color-fill-0);
+--semi-css-font-rating-fontSize:20px;
+--semi-css-spacing-rating-margin:0px;
+--semi-css-spacing-rating-padding:0px;
+--semi-css-spacing-rating_item-marginRight:6px;
+--semi-css-width-rating_item_small:16px;
+--semi-css-font-rating_item_small-fontSize:$width-rating_item_small;
+--semi-css-width-rating_item_default:24px;
+--semi-css-font-rating_item_default-fontSize:$width-rating_item_default;
+--semi-css-color-scrollList-bg:var(--semi-color-bg-3);
+--semi-css-color-scrollList-border:var(--semi-color-border);
+--semi-css-color-scrollList_header-title:var(--semi-color-text-0);
+--semi-css-color-scrollList_item-bg:transparent;
+--semi-css-color-scrollList_item-text:var(--semi-color-text-0);
+--semi-css-color-scrollList_disabled_item-text:var(--semi-color-disabled-text);
+--semi-css-color-scrollList_item-text-hover:var(--semi-color-fill-1);
+--semi-css-color-scrollList_item-bg-active:var(--semi-color-fill-2);
+--semi-css-color-scrollList_selected_item-bg:var(--semi-color-primary-light-default);
+--semi-css-color-scrollList_selected_item-text:var(--semi-color-text-0);
+--semi-css-color-scrollList_selected_item-icon:var(--semi-color-text-2);
+--semi-css-color-scrollList_footer-border:var(--semi-color-border);
+--semi-css-height-scrollList:300px;
+--semi-css-height-scrollList_item:36px;
+--semi-css-width-scrollList_item-border:$border-thickness-control;
+--semi-css-width-scrollList_item_sel_svg:16px;
+--semi-css-width-scrollList_item_wheel-border:$border-thickness-control;
+--semi-css-width-scrollList_item_wheel_selector-border:$border-thickness-control;
+--semi-css-height-scrollList_line:1px;
+--semi-css-width-scrollList_footer-border:$border-thickness-control;
+--semi-css-spacing-scrollList_header-paddingY:0;
+--semi-css-spacing-scrollList_header-paddingX:16px;
+--semi-css-spacing-scrollList_header_title-paddingY:$spacing-base;
+--semi-css-spacing-scrollList_header_title-paddingX:0;
+--semi-css-spacing-scrollList_body-paddingY:0;
+--semi-css-spacing-scrollList_body-paddingX:16px;
+--semi-css-spacing-scrollList_item_ul-padding:0;
+--semi-css-spacing-scrollList_item_ul-margin:0;
+--semi-css-spacing-scrollList_item_ul-paddingBottom:calc(($height-scrollList - $height-scrollList_item) / 2);
+--semi-css-spacing-scrollList_item_sel_svg-marginRight:12px;
+--semi-css-spacing-scrollList_item_wheel_list_outer-paddingRight:calc($height-scrollList_item / 2);
+--semi-css-spacing-scrollList_item_wheel_list_shade_pre-marginTop:-(calc($height-scrollList_item / 2 + $border-thickness-control));
+--semi-css-spacing-scrollList_item_wheel_list_shade_post-marginTop:calc($height-scrollList_item / 2 + $border-thickness-control);
+--semi-css-spacing-scrollList_footer-padding:10px;
+--semi-css-radius-scrollList:var(--semi-border-radius-medium);
+--semi-css-font-scrollList_header_title-fontWeight:$font-weight-bold;
+--semi-css-font-scrollList_item_wheel_item_selected-fontWeight:$font-weight-bold;
+--semi-css-shadow-scrollList:0 0 1px rgba(0, 0, 0, .3), 0 4px 14px rgba(0, 0, 0, .1);
+--semi-css-single:#{$module}-single;
+--semi-css-filterable:#{$module}-filterable;
+--semi-css-multiple:#{$module}-multiple;
+--semi-css-color-select-bg-default:var(--semi-color-fill-0);
+--semi-css-color-select-bg-hover:var(--semi-color-fill-1);
+--semi-css-color-select-bg-active:var(--semi-color-fill-2);
+--semi-css-color-select-border-default:transparent;
+--semi-css-color-select-border-hover:$color-select-border-default;
+--semi-css-color-select-border-active:var(--semi-color-focus-border);
+--semi-css-color-select-border-focus:$color-select-border-active;
+--semi-css-color-select_warning-bg-default:var(--semi-color-warning-light-default);
+--semi-css-color-select_warning-border-default:var(--semi-color-warning-light-default);
+--semi-css-color-select_warning-bg-hover:var(--semi-color-warning-light-hover);
+--semi-css-color-select_warning-border-hover:var(--semi-color-warning-light-hover);
+--semi-css-color-select_warning-bg-focus:var(--semi-color-warning-light-default);
+--semi-css-color-select_warning-border-focus:var(--semi-color-warning);
+--semi-css-color-select_warning-bg-active:var(--semi-color-warning-light-active);
+--semi-css-color-select_warning-border-active:var(--semi-color-warning-light-active);
+--semi-css-color-select_danger-bg-default:var(--semi-color-danger-light-default);
+--semi-css-color-select_danger-border-default:var(--semi-color-danger-light-default);
+--semi-css-color-select_danger-bg-hover:var(--semi-color-danger-light-hover);
+--semi-css-color-select_danger-border-hover:var(--semi-color-danger-light-hover);
+--semi-css-color-select_danger-bg-focus:var(--semi-color-danger-light-default);
+--semi-css-color-select_danger-border-focus:var(--semi-color-danger);
+--semi-css-color-select_danger-bg-active:var(--semi-color-danger-light-active);
+--semi-css-color-select_danger-border-active:var(--semi-color-danger-light-active);
+--semi-css-color-select_default-border-focus:var(--semi-color-focus-border);
+--semi-css-color-select_main-text-default:var(--semi-color-text-0);
+--semi-css-color-select-icon-default:var(--semi-color-text-2);
+--semi-css-color-select_clearBtn-text-default:var(--semi-color-text-2);
+--semi-css-color-select_clearBtn-text-hover:var(--semi-color-primary);
+--semi-css-color-select_input-bg-default:transparent;
+--semi-css-color-select_input_disabled-bg:var(--semi-color-disabled-fill);
+--semi-css-color-select_input_disabled-border:var(--semi-color-border);
+--semi-css-color-select_input_disabled-text:var(--semi-color-disabled-text);
+--semi-css-color-select_input_disabled-bg-hover:var(--semi-color-disabled-fill);
+--semi-css-color-select_input_placeholder-text:var(--semi-color-text-2);
+--semi-css-color-select_option_main-text:var(--semi-color-text-0);
+--semi-css-color-select_option_keyword-text:var(--semi-color-primary);
+--semi-css-color-select_option-bg-default:transparent;
+--semi-css-color-select_option-icon-default:transparent;
+--semi-css-color-select_option-bg-hover:var(--semi-color-fill-0);
+--semi-css-color-select_option-bg-active:var(--semi-color-fill-1);
+--semi-css-color-select_option_disabled-text:var(--semi-color-disabled-text);
+--semi-css-color-select_option_disabled-bg:transparent;
+--semi-css-color-select_option-icon-active:var(--semi-color-text-2);
+--semi-css-color-select_option-border-default:var(--semi-color-border);
+--semi-css-color-select_inset_label-text:var(--semi-color-text-2);
+--semi-css-color-select_create_tips-text:var(--semi-color-text-2);
+--semi-css-color-select_group-text:var(--semi-color-text-2);
+--semi-css-width-select_icon_right:(calc($width-icon-medium + $spacing-tight * 2));
+--semi-css-height-select_large:$height-control-large;
+--semi-css-height-select_small:$height-control-small;
+--semi-css-height-select_default:$height-control-default;
+--semi-css-width-select_option_tick:$width-icon-small;
+--semi-css-width-select-border:1px;
+--semi-css-width-select_arrow:32px;
+--semi-css-width-select_arrow_empty:12px;
+--semi-css-width-select_clear-icon:32px;
+--semi-css-width-select_group_top-border:$border-thickness-control;
+--semi-css-height-select_multiple_content_wrapper-minHeight:calc($height-select_default - 2);
+--semi-css-width-select-border-hover:$width-select-border;
+--semi-css-width-select-border-focus:$width-select-border-hover;
+--semi-css-width-select-border-active:$width-select-border-focus;
+--semi-css-spacing-select_option_tick-marginRight:$spacing-tight;
+--semi-css-spacing-select_prefix_suffix_text-marginX:$spacing-base-tight;
+--semi-css-spacing-select_prefix_suffix_text-marginY:0;
+--semi-css-spacing-select_prefix_suffix_icon-marginX:$spacing-tight;
+--semi-css-spacing-select_prefix_suffix_icon-marginY:0;
+--semi-css-spacing-select_create_tips-marginRight:$spacing-extra-tight;
+--semi-css-spacing-select_group-marginTop:$spacing-extra-tight;
+--semi-css-spacing-select_group-paddingTop:$spacing-base-tight;
+--semi-css-spacing-select_group-paddingBottom:$spacing-extra-tight;
+--semi-css-spacing-select_group-paddingLeft:calc($spacing-base-tight + $width-select_option_tick + $spacing-select_option_tick-marginRight);
+--semi-css-spacing-select_group-paddingRight:$spacing-base;
+--semi-css-spacing-select_loading_wrapper-paddingLeft:$spacing-base;
+--semi-css-spacing-select_loading_wrapper-paddingRight:$spacing-base;
+--semi-css-spacing-select_loading_wrapper-paddingTop:$spacing-tight;
+--semi-css-spacing-select_loading_wrapper-paddingBottom:$spacing-tight;
+--semi-css-spacing-select_multiple_content_wrapper_empty-marginLeft:$spacing-tight;
+--semi-css-spacing-select_multiple_selection-marginLeft:$spacing-extra-tight;
+--semi-css-spacing-select_option-paddingLeft:$spacing-base-tight;
+--semi-css-spacing-select_option-paddingRight:$spacing-base-tight;
+--semi-css-spacing-select_option-paddingTop:$spacing-tight;
+--semi-css-spacing-select_option-paddingBottom:$spacing-tight;
+--semi-css-spacing-select_option_first-marginTop:$spacing-extra-tight;
+--semi-css-spacing-select_option_last-marginBottom:$spacing-extra-tight;
+--semi-css-spacing-select_tag-marginTop:calc($spacing-super-tight - 1);
+--semi-css-spacing-select_tag-marginRight:$spacing-extra-tight;
+--semi-css-spacing-select_tag-marginBottom:calc($spacing-super-tight - 1);
+--semi-css-spacing-select_selection-marginLeft:$spacing-base-tight;
+--semi-css-spacing-select_insetLabel-marginRight:$spacing-base-tight;
+--semi-css-spacing-select_option_list-paddingTop:0;
+--semi-css-spacing-select_option_list-paddingRight:0;
+--semi-css-spacing-select_option_list-paddingBottom:0;
+--semi-css-spacing-select_option_list-paddingLeft:0;
+--semi-css-radius-select:var(--semi-border-radius-small);
+--semi-css-radius-select_option:0;
+--semi-css-font-select-fontWeight:$font-weight-regular;
+--semi-css-font-select_inset_label-fontWeight:600;
+--semi-css-font-select_keyword-fontWeight:600;
+--semi-css-opacity-select_selection_text_inactive:.4;
+--semi-css-color-sideSheet_mask-bg:var(--semi-color-overlay-bg);
+--semi-css-color-sideSheet-bg:var(--semi-color-bg-2);
+--semi-css-color-sideSheet_main-text:var(--semi-color-text-0);
+--semi-css-spacing-sideSheet-margin:0;
+--semi-css-spacing-sideSheet_title-margin:0;
+--semi-css-spacing-sideSheet_header-padding:$spacing-loose;
+--semi-css-spacing-sideSheet_header-paddingBottom:$spacing-base-loose;
+--semi-css-spacing-sideSheet_body-paddingY:0;
+--semi-css-spacing-sideSheet_body-paddingX:$spacing-loose;
+--semi-css-spacing-sideSheet_footer-padding:$spacing-loose;
+--semi-css-font-sideSheet_title-fontWeight:$font-weight-bold;
+--semi-css-color-skeleton_default-bg-default:var(--semi-color-fill-0);
+--semi-css-color-skeleton_loading-gradient-bg-active:var(--semi-color-fill-1);
+--semi-css-width-skeleton_avatar_extra_extra_small:20px;
+--semi-css-width-skeleton_avatar_extra_small:24px;
+--semi-css-width-skeleton_avatar_small:32px;
+--semi-css-width-skeleton_avatar_medium:48px;
+--semi-css-width-skeleton_avatar_large:72px;
+--semi-css-width-skeleton_avatar_extra_large:128px;
+--semi-css-width-skeleton_button:115px;
+--semi-css-height-skeleton_li:16px;
+--semi-css-height-skeleton_title:$height-control-small;
+--semi-css-height-skeleton_button:$height-control-default;
+--semi-css-spacing-skeleton_li-marginBottom:10px;
+--semi-css-radius-skeleton_item:4px;
+--semi-css-radius-skeleton_li:4px;
+--semi-css-color:$color-slider_disabled-text-default;
+--semi-css-color-slider-text-default:var(--semi-color-text-0);
+--semi-css-color-slider_disabled-text-default:var(--semi-color-disabled-text);
+--semi-css-color-slider_dot-bg-default:var(--semi-color-white);
+--semi-css-color-slider_dot-border-active:var(--semi-color-white);
+--semi-css-color-slider_dot-border:var(--semi-color-white);
+--semi-css-color-slider_handle-bg-default:var(--semi-color-white);
+--semi-css-color-slider_handle-bg-hover:var(--semi-color-white);
+--semi-css-color-slider_handle-border-focus:var(--semi-color-focus-border);
+--semi-css-color-slider_handle_disabled-border-hover:var(--semi-color-white);
+--semi-css-color-slider_handle_disabled-border:var(--semi-color-border);
+--semi-css-color-slider_mark-text-default:var(--semi-color-text-2);
+--semi-css-color-slider_rail-bg-default:var(--semi-color-fill-0);
+--semi-css-color-slider_rail:rgba(0, 0, 0, .65);
+--semi-css-color-slider_track-bg-default:var(--semi-color-primary);
+--semi-css-color-slider_track_disabled-bg:var(--semi-color-primary-disabled);
+--semi-css-spacing-slider-paddingX:13px;
+--semi-css-spacing-slider-paddingY:0;
+--semi-css-spacing-slider-margin:0;
+--semi-css-spacing-slider_rail-margin:0;
+--semi-css-spacing-slider_rail-padding:0;
+--semi-css-spacing-slider_rail-top:14px;
+--semi-css-spacing-slider_handle-marginTop:4px;
+--semi-css-spacing-slider_track-top:14px;
+--semi-css-spacing-slider_tooltip-top:-40px;
+--semi-css-spacing-slider_dot-top:14px;
+--semi-css-spacing-slider_marks-top:23px;
+--semi-css-spacing-slider_marks-left:0;
+--semi-css-spacing-slider_boundary-top:30px;
+--semi-css-spacing-slider_boundary_min-left:0;
+--semi-css-spacing-slider_boundary_max-right:0;
+--semi-css-spacing-slider_vertical_marks-marginTop:-30px;
+--semi-css-spacing-slider_vertical_marks-marginLeft:29px;
+--semi-css-spacing-slider_vertical_marks-reverse-marginLeft:-26px;
+--semi-css-spacing-slider_vertical_rail-top:0;
+--semi-css-spacing-slider_vertical_handle-marginTop:0;
+--semi-css-spacing-slider_vertical_handle-marginLeft:-10px;
+--semi-css-radius-slider_rail:var(--semi-border-radius-small);
+--semi-css-radius-slider_track:var(--semi-border-radius-small);
+--semi-css-height-slider_wrapper:32px;
+--semi-css-height-slider_vertical_wrapper:4px;
+--semi-css-height-slider_rail:4px;
+--semi-css-width-slider_handle:24px;
+--semi-css-width-slider_handle_clicked:1px;
+--semi-css-height-slider_track:4px;
+--semi-css-width-slider_dot:4px;
+--semi-css-width-slider_handle_border_disabled:1px;
+--semi-css-font-slider_rail-fontSize:14px;
+--semi-css-font-slider_marks-fontSize:14px;
+--semi-css-font-slider_rail-lineHeight:1.5;
+--semi-css-spacing-space-tight:$spacing-tight;
+--semi-css-spacing-space-medium:$spacing-base;
+--semi-css-spacing-space-loose:$spacing-loose;
+--semi-css-color-spin-bg:var(--semi-color-primary);
+--semi-css-width-spin_large:32px;
+--semi-css-width-spin_middle:20px;
+--semi-css-width-spin_small:14px;
+--semi-css-spacing-spin_wrapper-top:50%;
+--semi-css-motion-spin_wrapper-translate:translate(0, -50%);
+--semi-css-motion-spin_wrapper_svg-animationDuration:.6s;
+--semi-css-motion-spin_animate_svg-animationDuration:1.6s;
+--semi-css-opacity-spin_children:.5;
+--semi-css-color-steps-bg-active:var(--semi-color-fill-1);
+--semi-css-color-steps-bg-default:var(--semi-color-text-2);
+--semi-css-color-steps-bg-hover:var(--semi-color-fill-0);
+--semi-css-color-steps-border-default:transparent;
+--semi-css-color-steps-icon-default:var(--semi-color-text-2);
+--semi-css-color-steps-text-default:white;
+--semi-css-color-steps_danger-text-active:var(--semi-color-danger-active);
+--semi-css-color-steps_danger-text-default:var(--semi-color-danger);
+--semi-css-color-steps_danger-text-hover:var(--semi-color-danger-hover);
+--semi-css-color-steps_icon_after-bg:var(--semi-color-fill-2);
+--semi-css-color-steps_item_description-text-hover:var(--semi-color-focus-border);
+--semi-css-color-steps_item_done_after-bg:var(--semi-color-primary);
+--semi-css-color-steps_item_done_icon_after-bg:var(--semi-color-primary);
+--semi-css-color-steps_item_error_left-icon:var(--semi-color-danger);
+--semi-css-color-steps_item_error_left_number-icon:var(--semi-color-primary);
+--semi-css-color-steps_item_finish-icon:var(--semi-color-primary);
+--semi-css-color-steps_item_finish_number-icon:var(--semi-color-white);
+--semi-css-color-steps_item_left_number_icon-bg:var(--semi-color-primary);
+--semi-css-color-steps_item_left_number_icon-icon:var(--semi-color-white);
+--semi-css-color-steps_item_process_left-icon:var(--semi-color-primary);
+--semi-css-color-steps_item_process_left_number-icon:var(--semi-color-white);
+--semi-css-color-steps_item_title-text-hover:var(--semi-color-focus-border);
+--semi-css-color-steps_item_wait_left_icon-icon:var(--semi-color-text-2);
+--semi-css-color-steps_item_wait_left_number_icon-bg-hover:var(--semi-color-secondary-light-default);
+--semi-css-color-steps_item_wait_left_number_icon-bg:var(--semi-color-fill-0);
+--semi-css-color-steps_item_wait_left_number_icon-icon-hover:var(--semi-color-focus-border);
+--semi-css-color-steps_item_wait_left_number_icon-icon:var(--semi-color-text-2);
+--semi-css-color-steps_item_wait_title-text:var(--semi-color-text-2);
+--semi-css-color-steps_item_warning_left-icon:var(--semi-color-warning);
+--semi-css-color-steps_item_warning_left_number-icon:var(--semi-color-white);
+--semi-css-color-steps_main-text-default:var(--semi-color-text-0);
+--semi-css-color-steps_minor-text-default:var(--semi-color-text-2);
+--semi-css-color-steps_nav_item_container-text:var(--semi-color-text-2);
+--semi-css-color-steps_nav_item-icon:var(--semi-grey-3);
+--semi-css-color-steps_nav_item_title-text-active:var(--semi-color-text-0);
+--semi-css-color-steps_primary-bg-default:var(--semi-color-primary);
+--semi-css-color-steps_primary-icon-default:var(--semi-color-primary);
+--semi-css-color-steps_process-bg-default:var(--semi-color-primary-light-default);
+--semi-css-color-steps_success-text-active:var(--semi-color-success-active);
+--semi-css-color-steps_success-text-default:var(--semi-color-success);
+--semi-css-color-steps_success-text-hover:var(--semi-color-success-hover);
+--semi-css-color-steps_title_after-bg:var(--semi-color-fill-2);
+--semi-css-color-steps_warning-text-active:var(--semi-color-warning-active);
+--semi-css-color-steps_warning-text-default:var(--semi-color-warning);
+--semi-css-color-steps_warning-text-hover:var(--semi-color-warning-hover);
+--semi-css-width-steps_basic_item_description:100%;
+--semi-css-width-steps_basic_item_description-maxWidth:268px;
+--semi-css-width-steps_basic_item_title-maxWidth:80%;
+--semi-css-height-steps_basic_vertical_icon_content-minHeight:42px;
+--semi-css-width-steps_basic_vertical_item_title-maxWidth:100%;
+--semi-css-width-steps_basic_vertical_item_description:100%;
+--semi-css-height-steps_basic_vertical_small_item_content-minHeight:40px;
+--semi-css-height-steps_basic_item_left-icon:24px;
+--semi-css-width-steps_basic_item_left_number-icon:24px;
+--semi-css-height-steps_basic_item_left_number-icon:24px;
+--semi-css-height-steps_basic_small_item_left-icon:20px;
+--semi-css-width-steps_basic_small_item_left_number-icon:20px;
+--semi-css-height-steps_basic_item:72px;
+--semi-css-height-steps_item:72px;
+--semi-css-width-steps_item-border:1px;
+--semi-css-width-steps_item_title:100%;
+--semi-css-width-steps_item_description:100%;
+--semi-css-width-steps_item_left_icon:24px;
+--semi-css-width-steps_item_left:24px;
+--semi-css-height-steps_item_left:24px;
+--semi-css-width-steps_title_after:9999px;
+--semi-css-height-steps_title_after:1px;
+--semi-css-width-steps_vertical_icon_after:1px;
+--semi-css-height-steps_vertical_icon_after:9999px;
+--semi-css-width-steps_nav_item_icon-minWidth:60px;
+--semi-css-width-steps_nav_item_title-maxWidth:17em;
+--semi-css-spacing-steps_basic_item-paddingLeft:16px;
+--semi-css-spacing-steps_basic_vertical_item-paddingTop:9px;
+--semi-css-spacing-steps_basic_vertical_item_content-paddingBottom:22px;
+--semi-css-spacing-steps_basic_vertical_item_icon-paddingBottom:9px;
+--semi-css-spacing-steps_basic_item_left-marginRight:8px;
+--semi-css-spacing-steps_basic_item_title-paddingRight:16px;
+--semi-css-spacing-steps_basic_item_title-paddingBottom:4px;
+--semi-css-spacing-steps_basic_item-marginRight:16px;
+--semi-css-spacing-steps_item-marginRight:16px;
+--semi-css-spacing-steps_item-paddingY:$spacing-base-tight;
+--semi-css-spacing-steps_item-paddingX:$spacing-base;
+--semi-css-spacing-steps_item_content-marginLeft:$spacing-base;
+--semi-css-radius-steps_basic_item_left_number_icon:var(--semi-border-radius-circle);
+--semi-css-radius-steps_item:var(--semi-border-radius-medium);
+--semi-css-radius-steps_item_left:32px;
+--semi-css-font-steps_basic_item_left_number_icon-fontWeight:600;
+--semi-css-font-steps_basic_item_title-fontWeight:600;
+--semi-css-font-steps_basic_item_title-lineHeight:24px;
+--semi-css-font-steps_item_title-fontWeight:$font-weight-bold;
+--semi-css-font-steps_item_left-fontWeight:$font-weight-bold;
+--semi-css-font-steps_item_left-lineHeight:32px;
+--semi-css-font-steps_nav_item_title-fontWeight:$font-weight-regular;
+--semi-css-font-steps_nav_item_title_active-fontWeight:600;
+--semi-css-motion-switch_unchecked-translateX:2px;
+--semi-css-motion-switch_spin_unchecked-translateX:2px;
+--semi-css-motion-switch_checked-translateX:18px;
+--semi-css-motion-switch_spin_checked-translateX:16px;
+--semi-css-motion-switch_expand_large-translateX:10px;
+--semi-css-motion-switch_unchecked_large-translateX:3px;
+--semi-css-motion-switch_spin_unchecked_large-translateX:2px;
+--semi-css-motion-switch_checked_large-translateX:26px;
+--semi-css-motion-switch_spin_checked_large-translateX:22px;
+--semi-css-motion-switch_expand_small-translateX:2px;
+--semi-css-motion-switch_unchecked_small-translateX:1px;
+--semi-css-motion-switch_spin_unchecked_small-translateX:2px;
+--semi-css-motion-switch_checked_small-translateX:11px;
+--semi-css-motion-switch_spin_checked_small-translateX:10px;
+--semi-css-motion-switch-transitionDuration:200ms;
+--semi-css-color-switch_default-bg-default:var(--semi-color-fill-0);
+--semi-css-color-switch_default-bg-hover:var(--semi-color-fill-1);
+--semi-css-color-switch_default-bg-active:var(--semi-color-fill-2);
+--semi-css-color-switch_default-border-default:transparent;
+--semi-css-color-switch_checked-bg-default:var(--semi-color-success);
+--semi-css-color-switch_checked-bg-hover:var(--semi-color-success-hover);
+--semi-css-color-switch_checked-bg-active:var(--semi-color-success-active);
+--semi-css-color-switch_disabled-bg-default:transparent;
+--semi-css-color-switch_disabled-bg-hover:transparent;
+--semi-css-color-switch_disabled-bg-active:transparent;
+--semi-css-color-switch_disabled-border-default:var(--semi-color-border);
+--semi-css-color-switch_disabled-bg-hover:transparent;
+--semi-css-color-switch_checked_disabled-bg-default:var(--semi-color-success-disabled);
+--semi-css-color-switch_checked_disabled-border-default:transparent;
+--semi-css-color-switch_knob-bg-default:white;
+--semi-css-color-switch_knob-border-default:var(--semi-color-border);
+--semi-css-color-switch_checked-text-default:var(--semi-color-white);
+--semi-css-color-switch_unchecked-text-default:var(--semi-color-text-2);
+--semi-css-color-switch_loading_spin-default:var(--semi-color-white);
+--semi-css-color-switch_spin_checked-bg-default:var(--semi-color-success-hover);
+--semi-css-color-switch_spin_unchecked-bg-default:var(--semi-color-fill-1);
+--semi-css-width-switch:40px;
+--semi-css-height-switch:24px;
+--semi-css-width-switch_knob_expand:6px;
+--semi-css-width-switch_knob_default:18px;
+--semi-css-width-switch_knob_active:calc($width-switch_knob_default + $width-switch_knob_expand);
+--semi-css-height-switch_large:32px;
+--semi-css-width-switch_large:54px;
+--semi-css-width-switch_knob_large:24px;
+--semi-css-width-switch_knob_large_active:calc($width-switch_knob_large + $motion-switch_expand_large-translateX);
+--semi-css-height-switch_small:16px;
+--semi-css-width-switch_small:26px;
+--semi-css-width-switch_knob_large_small:12px;
+--semi-css-width-switch_knob_small_active:calc($width-switch_knob_large_small + $motion-switch_expand_small-translateX);
+--semi-css-width-switch_knob_disabled-border:1px;
+--semi-css-width-switch_checked_unchecked_text:26px;
+--semi-css-width-switch_spin-small:10px;
+--semi-css-width-switch_spin-default:18px;
+--semi-css-width-switch_spin-large:28px;
+--semi-css-spacing-switch_knob-padding:2px;
+--semi-css-spacing-switch_knob_large-padding:3px;
+--semi-css-spacing-switch_knob_small-padding:1px;
+--semi-css-radius-switch:calc($height-switch / 2);
+--semi-css-radius-switch_large:calc($height-switch_large / 2);
+--semi-css-radius-switch_small:calc($height-switch_small / 2);
+--semi-css-spacing-table-paddingY:$spacing-base;
+--semi-css-spacing-table-paddingX:$spacing-base-tight;
+--semi-css-spacing-table_middle-paddingY:$spacing-base-tight;
+--semi-css-spacing-table_small-paddingY:$spacing-tight;
+--semi-css-spacing-table_th-paddingTop:$spacing-tight;
+--semi-css-spacing-table_th-paddingBottom:$spacing-tight;
+--semi-css-spacing-table_title-paddingY:$spacing-base;
+--semi-css-spacing-table_title-paddingX:0;
+--semi-css-spacing-table_footer-padding:$spacing-base;
+--semi-css-spacing-table_expand_row-paddingLeft:16px;
+--semi-css-spacing-table_expand_row-paddingRight:16px;
+--semi-css-spacing-table_expand_row-paddingTop:16px;
+--semi-css-spacing-table_expand_row-paddingBottom:16px;
+--semi-css-spacing-table_resizable-offset-y:4px;
+--semi-css-spacing-table_resizable-bottom:4px;
+--semi-css-spacing-table_row_head-paddingY:$spacing-tight;
+--semi-css-spacing-table_row_head-paddingX:$spacing-base;
+--semi-css-spacing-table_react_resizable_handle-right:-1px;
+--semi-css-spacing-table_tbody_rowCell-padding:$spacing-base;
+--semi-css-spacing-table_tbody_rowSelection_rowCell_notSelection-paddingX:16px;
+--semi-css-spacing-table_tbody_rowSelection_rowCell_notSelection-paddingY:10px;
+--semi-css-spacing-table_column_sorter-marginLeft:$spacing-extra-tight;
+--semi-css-spacing-table_column_filter-marginLeft:$spacing-extra-tight;
+--semi-css-spacing-table_bordered_titler-paddingLeft:$spacing-base;
+--semi-css-spacing-table_bordered_titler-paddingRight:$spacing-base;
+--semi-css-spacing-table_expand_icon-marginRight:8px;
+--semi-css-spacing-table_panel_operation-paddingX:$spacing-base;
+--semi-css-spacing-table_panel_operation-paddingY:$spacing-tight;
+--semi-css-width-table_base_border:1px;
+--semi-css-width-table_header_border:2px;
+--semi-css-width-table_resizer_border:2px;
+--semi-css-radius-table_base:4px;
+--semi-css-width-table_column_selection:48px;
+--semi-css-width-table_column_sorter-icon:16px;
+--semi-css-height-table_column_sorter-icon:16px;
+--semi-css-width-table_column_filter-icon:12px;
+--semi-css-height-table_column_filter-icon:12px;
+--semi-css-width-table_cell_fixed_left_last:1px;
+--semi-css-width-table_cell_fixed_right_first:1px;
+--semi-css-width-table_react_resizable_handle:9px;
+--semi-css-height-table_pagination_outer_min:60px;
+--semi-css-color-table_panel-bg-default:var(--semi-color-primary);
+--semi-css-color-table_panel-text-default:var(--semi-color-primary-light-active);
+--semi-css-color-table-bg-default:var(--semi-color-bg-2);
+--semi-css-color-table-text-default:var(--semi-color-text-0);
+--semi-css-color-table-border-default:var(--semi-color-border);
+--semi-css-color-table_shadow-bg-default:var(--semi-color-shadow);
+--semi-css-color-table_shadow-border-default:var(--semi-color-border);
+--semi-css-color-table_th-bg-default:transparent;
+--semi-css-color-table_th-border-default:var(--semi-color-border);
+--semi-css-color-table_th-text-default:var(--semi-color-text-2);
+--semi-css-color-table_pl-bg-default:transparent;
+--semi-css-color-table_body-bg-default:var(--semi-color-bg-2);
+--semi-css-color-table_body-bg-hover:var(--semi-color-fill-0);
+--semi-css-color-table_footer-bg-default:var(--semi-color-fill-0);
+--semi-css-color-table_row_expanded-bg-default:var(--semi-color-fill-0);
+--semi-css-color-table_expanded_icon-default:var(--semi-color-text-2);
+--semi-css-color-table_expanded-bg-default:transparent;
+--semi-css-color-table_disabled-bg-default:var(--semi-color-disabled-bg);
+--semi-css-color-table_filter_on-text-default:var(--semi-color-primary);
+--semi-css-color-table_filter-text-default:var(--semi-color-text-2);
+--semi-css-color-table_sorter_on-text-default:var(--semi-color-primary);
+--semi-css-color-table_sorter-text-default:var(--semi-color-text-2);
+--semi-css-color-table_sorter-text-hover:var(--semi-color-text-2);
+--semi-css-color-table_page-text-default:var(--semi-color-text-2);
+--semi-css-color-table_resizer-bg-default:var(--semi-color-primary);
+--semi-css-color-table_selection-bg-default:rgba(var(--semi-grey-0), 1);
+--semi-css-color-table_placeholder-text-default:var(--semi-color-text-2);
+--semi-css-font-table_base-fontSize:14px;
+--semi-css-border-table_base-borderStyle:solid;
+--semi-css-shadow-table_left:-3px 0 0 0 $color-table_shadow-bg-default;
+--semi-css-shadow-table_right:3px 0 0 0 $color-table_shadow-bg-default;
+--semi-css-border-table:$width-table_base_border $border-table_base-borderStyle $color-table-border-default;
+--semi-css-border-table_head-bottom:$width-table_header_border $border-table_base-borderStyle $color-table_th-border-default;
+--semi-css-border-table_resizer:$width-table_resizer_border solid $color-table_resizer-bg-default;
+--semi-css-z-table-fixed:101!default;
+--semi-css-z-table_fixed_column:$z-table-fixed;
+--semi-css-color-tabs_tab_line_default-border-default:var(--semi-color-border);
+--semi-css-color-tabs_tab_line_default-bg-default:transparent;
+--semi-css-color-tabs_tab_line_default-text-default:var(--semi-color-text-2);
+--semi-css-color-tabs_tab_line_default-icon-default:var(--semi-color-text-2);
+--semi-css-color-tabs_tab_line_default-bg-hover:transparent;
+--semi-css-color-tabs_tab_line_default-text-hover:var(--semi-color-text-0);
+--semi-css-color-tabs_tab_line_default-border-hover:var(--semi-color-fill-0);
+--semi-css-color-tabs_tab_line_default-bg-active:transparent;
+--semi-css-color-tabs_tab_line_default-text-active:var(--semi-color-text-0);
+--semi-css-color-tabs_tab_line_default-border-active:var(--semi-color-fill-1);
+--semi-css-color-tabs_tab_line_selected-bg-default:transparent;
+--semi-css-color-tabs_tab_line_selected-text-default:var(--semi-color-text-0);
+--semi-css-color-tabs_tab_line_indicator_selected-icon-default:var(--semi-color-primary);
+--semi-css-color-tabs_tab_line_selected-icon-default:var(--semi-color-primary);
+--semi-css-color-tabs_tab_line_vertical_selected-bg-default:var(--semi-color-primary-light-default);
+--semi-css-color-tabs_tab_line_vertical-bg-hover:var(--semi-color-fill-0);
+--semi-css-color-tabs_tab_line_vertical-bg-active:var(--semi-color-fill-1);
+--semi-css-color-tabs_tab_line_disabled-text-default:var(--semi-color-disabled-text);
+--semi-css-color-tabs_tab_line_disabled-text-hover:var(--semi-color-disabled-text);
+--semi-css-color-tabs_tab_card_default-border-default:var(--semi-color-border);
+--semi-css-color-tabs_tab_button_selected-bg-default:var(--semi-color-primary-light-default);
+--semi-css-color-tabs_tab_button_selected-text-default:var(--semi-color-primary);
+--semi-css-color-tabs_tab_button-text-default:var(--semi-color-text-2);
+--semi-css-color-tabs_tab_button-bg-hover:var(--semi-color-fill-0);
+--semi-css-color-tabs_tab_button-bg-active:var(--semi-color-fill-1);
+--semi-css-color-tabs_tab_card_indicator_selected-icon-default:var(--semi-color-border);
+--semi-css-color-tabs_tab_card-bg-hover:var(--semi-color-fill-0);
+--semi-css-color-tabs_tab_card_selected-bg-default:var(--semi-color-bg-1);
+--semi-css-color-tabs_tab_card-bg-active:var(--semi-color-fill-1);
+--semi-css-color-tabs_tab-icon-default:var(--semi-color-text-2);
+--semi-css-color-tabs_tab-icon-hover:var(--semi-color-text-0);
+--semi-css-color-tabs_tab-icon-active:var(--semi-color-text-0);
+--semi-css-color-tabs_tab_selected-icon-default:var(--semi-color-primary);
+--semi-css-font-tabs_tab-fontWeight:$font-weight-regular;
+--semi-css-font-tabs_tab_active-fontWeight:$font-weight-bold;
+--semi-css-height-tabs_overflow_list:300px;
+--semi-css-width-tabs_bar_line-border:$border-thickness-control;
+--semi-css-width-tabs_bar_line_tab-border:2px;
+--semi-css-width-tabs_bar_card-border:$border-thickness-control;
+--semi-css-height-tabs_bar_extra_large:50px;
+--semi-css-font-tabs_bar_extra_large-lineHeight:$height-tabs_bar_extra_large;
+--semi-css-height-tabs_bar_extra_small:36px;
+--semi-css-font-tabs_bar_extra_small-lineHeight:$height-tabs_bar_extra_small;
+--semi-css-spacing-tabs_bar_extra-paddingY:0;
+--semi-css-spacing-tabs_bar_extra-paddingX:5px;
+--semi-css-spacing-tabs_tab_icon-marginRight:$spacing-tight;
+--semi-css-spacing-tabs_tab_icon-top:3px;
+--semi-css-spacing-tabs_overflow_icon-marginRight:4px;
+--semi-css-spacing-tabs_overflow_icon-marginLeft:4px;
+--semi-css-spacing-tabs_bar_line_tab-paddingTop:$spacing-base;
+--semi-css-spacing-tabs_bar_line_tab-paddingRight:$spacing-extra-tight;
+--semi-css-spacing-tabs_bar_line_tab-paddingBottom:calc($spacing-base - $width-tabs_bar_line_tab-border);
+--semi-css-spacing-tabs_bar_line_tab-paddingLeft:$spacing-extra-tight;
+--semi-css-spacing-tabs_bar_line_tab-marginRight:$spacing-loose;
+--semi-css-spacing-tabs_bar_line_tab_small-paddingTop:$spacing-tight;
+--semi-css-spacing-tabs_bar_line_tab_small-paddingRight:$spacing-extra-tight;
+--semi-css-spacing-tabs_bar_line_tab_small-paddingBottom:calc($spacing-tight - $width-tabs_bar_line_tab-border);
+--semi-css-spacing-tabs_bar_line_tab_small-paddingLeft:$spacing-extra-tight;
+--semi-css-spacing-tabs_bar_line_tab_medium-paddingTop:$spacing-base-tight;
+--semi-css-spacing-tabs_bar_line_tab_medium-paddingRight:$spacing-extra-tight;
+--semi-css-spacing-tabs_bar_line_tab_medium-paddingBottom:calc($spacing-base-tight - $width-tabs_bar_line_tab-border);
+--semi-css-spacing-tabs_bar_line_tab_medium-paddingLeft:$spacing-extra-tight;
+--semi-css-spacing-tabs_bar_line_tab_left-padding:12px;
+--semi-css-spacing-tabs_bar_line_tab_left_small-padding:calc($spacing-tight - 2);
+--semi-css-spacing-tabs_bar_line_tab_left_medium-padding:calc($spacing-base-tight - 2);
+--semi-css-spacing-tabs_content-paddingY:5px;
+--semi-css-spacing-tabs_content-paddingX:0;
+--semi-css-spacing-tabs_content_left-paddingX:5px;
+--semi-css-spacing-tabs_content_left-paddingY:0;
+--semi-css-spacing-tabs_bar_card_tab-marginRight:$spacing-tight;
+--semi-css-spacing-tabs_bar_card_tab_active-paddingTop:$spacing-tight;
+--semi-css-spacing-tabs_bar_card_tab_active-paddingBottom:calc($spacing-tight - 1);
+--semi-css-spacing-tabs_bar_card_tab_active-paddingLeft:$spacing-base-tight;
+--semi-css-spacing-tabs_bar_card_tab_active-paddingRight:$spacing-base-tight;
+--semi-css-spacing-tabs_bar_card_tab_left-marginBottom:$spacing-tight;
+--semi-css-spacing-tabs_bar_card_tab_left_active-paddingY:$spacing-tight;
+--semi-css-spacing-tabs_bar_card_tab_left_active-paddingX:$spacing-base-tight;
+--semi-css-spacing-tabs_bar_card_tab-paddingY:$spacing-tight;
+--semi-css-spacing-tabs_bar_card_tab-paddingX:$spacing-base-tight;
+--semi-css-spacing-tabs_bar_button_tab_left-marginBottom:$spacing-tight;
+--semi-css-spacing-tabs_bar_button_tab-marginRight:$spacing-tight;
+--semi-css-spacing-tabs_bar_button_tab-paddingY:$spacing-tight;
+--semi-css-spacing-tabs_bar_button_tab-paddingX:$spacing-base-tight;
+--semi-css-radius-tabs_tab_card:var(--semi-border-radius-small) var(--semi-border-radius-small) 0 0;
+--semi-css-radius-tabs_tab_card_left:var(--semi-border-radius-small) 0 0 var(--semi-border-radius-small);
+--semi-css-radius-tabs_tab_button:var(--semi-border-radius-small);
+--semi-css-tag-small:20px;
+--semi-css-tag-large:24px;
+--semi-css-tag-margin-bottom:$spacing-tight;
+--semi-css-tag-margin-right:$spacing-tight;
+--semi-css-colors:"amber", "blue", "cyan", "green", "grey", "indigo", "light-blue", "light-green", "lime", "orange", "pink",
+    "purple", "red", "teal", "violet", "yellow";
+--semi-css-types:"ghost", "solid", "light";
+--semi-css-color-tag_avatar-bg-default:var(--semi-color-bg-4);
+--semi-css-color-tag_avatar-border-default:var(--semi-color-border);
+--semi-css-color-tag_avatar-text-default:var(--semi-color-text-0);
+--semi-css-color-tag_white-bg-default:var(--semi-color-bg-4);
+--semi-css-color-tag_white-border-default:rgba(var(--semi-grey-2), 0.7);
+--semi-css-color-tag_white-text-default:var(--semi-color-text-0);
+--semi-css-color-tag_white-icon-default:var(--semi-color-text-2);
+--semi-css-width-tag_avatar_circle_small:16px;
+--semi-css-width-tag_avatar_circle_large:20px;
+--semi-css-width-tag-border:1px;
+--semi-css-width-tag_avatar-border:$width-tag-border;
+--semi-css-height-tag_small:20px;
+--semi-css-height-tag_large:24px;
+--semi-css-radius-tag:var(--semi-border-radius-small);
+--semi-css-spacing-tag_small-paddingY:2px;
+--semi-css-spacing-tag_small-paddingX:$spacing-tight;
+--semi-css-spacing-tag_large-paddingY:4px;
+--semi-css-spacing-tag_large-paddingX:$spacing-tight;
+--semi-css-color-tag_close-icon-default:var(--semi-color-text-2);
+--semi-css-spacing-tag_close-paddingLeft:$spacing-extra-tight;
+--semi-css-spacing-tag_closable-paddingTop:$spacing-extra-tight;
+--semi-css-spacing-tag_closable-paddingRight:$spacing-extra-tight;
+--semi-css-spacing-tag_closable-paddingBottom:$spacing-extra-tight;
+--semi-css-spacing-tag_closable-paddingLeft:$spacing-tight;
+--semi-css-spacing-tag_avatar-marginRight:$spacing-extra-tight;
+--semi-css-spacing-tag_avatar_square-paddingTop:0;
+--semi-css-spacing-tag_avatar_square-paddingRight:$spacing-extra-tight;
+--semi-css-spacing-tag_avatar_square-paddingBottom:0;
+--semi-css-spacing-tag_avatar_square-paddingLeft:0;
+--semi-css-spacing-tag_avatar_circle-paddingTop:$spacing-super-tight;
+--semi-css-spacing-tag_avatar_circle-paddingRight:$spacing-extra-tight;
+--semi-css-spacing-tag_avatar_circle-paddingBottom:$spacing-super-tight;
+--semi-css-spacing-tag_avatar_circle-paddingLeft:$spacing-super-tight;
+--semi-css-color-tag_avatar_square_img-bg-default:var(--semi-color-default);
+--semi-css-spacing-tag_group-marginBottom:0;
+--semi-css-spacing-tag_group-marginRight:$spacing-tight;
+--semi-css-color-tagInput-icon-default:var(--semi-color-text-2);
+--semi-css-color-tagInput-maxTagCount-default:var(--semi-color-text-0);
+--semi-css-color-tagInput-icon-hover:var(--semi-color-primary-hover);
+--semi-css-color-tagInput_disabled-text-default:var(--semi-color-disabled-text);
+--semi-css-color-tagInput_default-bg-focus:var(--semi-color-fill-0);
+--semi-css-color-tagInput-border-default:transparent;
+--semi-css-color-tagInput-border-hover:transparent;
+--semi-css-color-tagInput-border-focus:var(--semi-color-focus-border);
+--semi-css-color-tagInput_prefix-default:var(--semi-color-text-2);
+--semi-css-color-tagInput_suffix-default:var(--semi-color-text-1);
+--semi-css-color-tagInput_default-bg-default:var(--semi-color-fill-0);
+--semi-css-color-tagInput_default-bg-hover:var(--semi-color-fill-1);
+--semi-css-color-tagInput_warning-bg-default:var(--semi-color-warning-light-default);
+--semi-css-color-tagInput_warning-border-default:var(--semi-color-warning-light-default);
+--semi-css-color-tagInput_warning-bg-hover:var(--semi-color-warning-light-hover);
+--semi-css-color-tagInput_warning-border-hover:var(--semi-color-warning-light-hover);
+--semi-css-color-tagInput_warning-bg-focus:var(--semi-color-warning-light-default);
+--semi-css-color-tagInput_warning-border-focus:var(--semi-color-warning);
+--semi-css-color-tagInput_danger-bg-default:var(--semi-color-danger-light-default);
+--semi-css-color-tagInput_danger-border-default:var(--semi-color-danger-light-default);
+--semi-css-color-tagInput_danger-bg-hover:var(--semi-color-danger-light-hover);
+--semi-css-color-tagInput_danger-border-hover:var(--semi-color-danger-light-hover);
+--semi-css-color-tagInput_danger-bg-focus:var(--semi-color-danger-light-default);
+--semi-css-color-tagInput_danger-border-focus:var(--semi-color-danger);
+--semi-css-spacing-tagInput_small-Y:1px;
+--semi-css-spacing-tagInput_default-Y:$spacing-super-tight;
+--semi-css-spacing-tagInput_large-Y:3px;
+--semi-css-spacing-tagInput_wrapper_n_paddingX:$spacing-tight;
+--semi-css-height-tagInput-large:$height-control-large;
+--semi-css-height-tagInput-default:$height-control-default;
+--semi-css-height-tagInput-small:$height-control-small;
+--semi-css-width-tagInput-clear-medium:calc($width-icon-medium * 2);
+--semi-css-width-tagInput-border-default:$border-thickness-control;
+--semi-css-width-tagInput-border-hover:$width-tagInput-border-default;
+--semi-css-width-tagInput-border-focus:$border-thickness-control-focus;
+--semi-css-radius-tagInput:var(--semi-border-radius-small);
+--semi-css-module-list:#{$prefix}-scrolllist;
+--semi-css-color-timePicker_range_picker_panel_split-border:var(--semi-color-border);
+--semi-css-color-timePicker_range_panel-border:rgba(0, 0, 0, .1);
+--semi-css-width-timePicker_range_panel-border:1px;
+--semi-css-height-timePicker_panel_body:252px;
+--semi-css-width-timePicker_panel_list_ampm:72px;
+--semi-css-width-timePicker_panel_list_hour:64px;
+--semi-css-width-timePicker_panel_list_minute:64px;
+--semi-css-width-timePicker_panel_list_second:64px;
+--semi-css-width-timePicker_range_panel_scrolllist_body-border:2px;
+--semi-css-spacing-timePicker_range_panel_scrolllist_header_body-padding:0;
+--semi-css-radius-timePicker_range_panel:var(--semi-border-radius-medium);
+--semi-css-radius-timePicker_input:var(--semi-border-radius-small);
+--semi-css-shadow-timePicker_range_panel:0 4px 14px rgba(0, 0, 0, .1);
+--semi-css-color-timeline_dot_default-bg-default:var(--semi-color-primary);
+--semi-css-color-timeline_dot_success-bg-default:var(--semi-color-success);
+--semi-css-color-timeline_dot_warning-bg-default:var(--semi-color-warning);
+--semi-css-color-timeline_dot_error-bg-default:var(--semi-color-danger);
+--semi-css-color-timeline_dot_info-bg-default:var(--semi-color-tertiary-light-active);
+--semi-css-color-timeline_tail-border:var(--semi-color-text-3);
+--semi-css-color-timeline_time_default-text-default:var(--semi-color-text-2);
+--semi-css-color-timeline_item_head-bg:transparent;
+--semi-css-color-timeline_item_content-text-default:var(--semi-color-text-0);
+--semi-css-spacing-timeline-margin:$spacing-none;
+--semi-css-spacing-timeline-padding:$spacing-tight;
+--semi-css-spacing-timeline_tail-top:$spacing-base-loose;
+--semi-css-spacing-timeline_tail-left:$spacing-extra-tight;
+--semi-css-spacing-timeline_head-top:5px;
+--semi-css-spacing-timeline_head_custom-top:10px;
+--semi-css-spacing-timeline_head_custom-left:5px;
+--semi-css-spacing-timeline_content-marginLeft:25px;
+--semi-css-spacing-timeline_time-marginTop:$spacing-extra-tight;
+--semi-css-spacing-timeline_time-top:-2px;
+--semi-css-spacing-timeline_item-margin:$spacing-none;
+--semi-css-spacing-timeline_item-paddingBottom:$spacing-loose;
+--semi-css-spacing-timeline_item_content_time-marginLeft:calc(-calc(40px - 100%));
+--semi-css-spacing-timeline_item_right_item-left:calc(calc(100% - 9px));
+--semi-css-spacing-timeline_item_right_item_content:$spacing-none;
+--semi-css-spacing-timeline_item_left_item_content-left:calc(calc(50% - 4px));
+--semi-css-spacing-timeline_item_head_custom-left:50%;
+--semi-css-spacing-timeline_item_head-marginLeft:-4px;
+--semi-css-width-timeline:100%;
+--semi-css-width-timeline_dot:9px;
+--semi-css-width-timeline_head_custom:auto;
+--semi-css-width-timeline_tail-border:$border-thickness-control;
+--semi-css-width-timeline_head_custom-border:$border-thickness;
+--semi-css-width-timeline_item_content_time:100%;
+--semi-css-width-timeline_item_right_content:calc(calc(100% - 28px));
+--semi-css-width-timeline_item_left_item_content:calc(calc(50% - 14px));
+--semi-css-width-timeline_item_right_item_content:calc(calc(50% - 20px));
+--semi-css-height-timline_tail:calc(calc(100% - 20px));
+--semi-css-height-timeline_head_custom:auto;
+--semi-css-radius-timeline_head:var(--semi-border-radius-circle);
+--semi-css-radius-timeline_head_custom:0;
+--semi-css-motion-timeline_head_custom-transform:translate(-50%, -50%);
+--semi-css-motion-timeline_head_custom-transform-rtl:translate(50%, -50%);
+--semi-css-color-toast-bg-default:var(--semi-color-bg-3);
+--semi-css-color-toast-text-default:var(--semi-color-text-0);
+--semi-css-color-toast_warning-icon:var(--semi-color-warning);
+--semi-css-color-toast_success-icon:var(--semi-color-success);
+--semi-css-color-toast_info-icon:var(--semi-color-info);
+--semi-css-color-toast_danger-icon:var(--semi-color-danger);
+--semi-css-color-toast_warning_light-bg:var(--semi-color-warning-light-default);
+--semi-css-color-toast_warning_light-border:var(--semi-color-warning);
+--semi-css-color-toast_success_light-bg:var(--semi-color-success-light-default);
+--semi-css-color-toast_success_light-border:var(--semi-color-success);
+--semi-css-color-toast_info_light-bg:var(--semi-color-info-light-default);
+--semi-css-color-toast_info_light-border:var(--semi-color-info);
+--semi-css-color-toast_danger_light-bg:var(--semi-color-danger-light-default);
+--semi-css-color-toast_danger_light-border:var(--semi-color-danger);
+--semi-css-spacing-toast_wrapper-top:0;
+--semi-css-spacing-toast_content-paddingY:$spacing-base-tight;
+--semi-css-spacing-toast_content-paddingX:$spacing-tight;
+--semi-css-spacing-toast_content-margin:$spacing-base-tight;
+--semi-css-spacing-toast_content_close_btn-marginTop:-2px;
+--semi-css-spacing-toast_content_text-marginLeft:$spacing-base-tight;
+--semi-css-spacing-toast_content_text-marginRight:$spacing-base-tight;
+--semi-css-width-toast_wrapper:100%;
+--semi-css-width-toast_light-border:1px;
+--semi-css-radius-toast_content:var(--semi-border-radius-medium);
+--semi-css-font-toast_content-fontWeight:$font-weight-bold;
+--semi-css-module-icon:#{$module}-icon-arrow;
+--semi-css-horizontal-rate:0.24;
+--semi-css-vertical-rate:0;
+--semi-css-motion-zoom_scale-from:0.8;
+--semi-css-motion-zoom_opacity-from:0;
+--semi-css-motion-zoom_opacity-to:1;
+--semi-css-color-tooltip-bg-default:rgba(var(--semi-grey-7), 1);
+--semi-css-color-tooltip-text-default:var(--semi-color-bg-0);
+--semi-css-color-tooltip-icon-default:rgba(var(--semi-grey-7), 1);
+--semi-css-color-tooltip_arrow-icon-default:$color-tooltip-icon-default;
+--semi-css-radius-tooltip:var(--semi-border-radius-medium);
+--semi-css-spacing-tooltip_content-paddingLeft:$spacing-base-tight;
+--semi-css-spacing-tooltip_content-paddingRight:$spacing-base-tight;
+--semi-css-spacing-tooltip_content-paddingTop:$spacing-tight;
+--semi-css-spacing-tooltip_content-paddingBottom:$spacing-tight;
+--semi-css-font-tooltip-fontSize:$font-size-regular;
+--semi-css-width-tooltip:240px;
+--semi-css-width-tooltip_arrow:24px;
+--semi-css-height-tooltip_arrow:7px;
+--semi-css-height-tooltip_arrow_vertical:24px;
+--semi-css-width-tooltip_arrow_vertical:7px;
+--semi-css-spacing-tooltip_arrow_offset-x:1;
+--semi-css-spacing-tooltip_arrow_offset-y:1;
+--semi-css-spacing-tooltip_arrow_adjusted_offset-y:5;
+--semi-css-spacing-tooltip_arrow_adjusted_offset-x:round(calc($horizontal-rate * $width-tooltip_arrow));
+--semi-css-color-transfer-bg:var(--semi-color-bg-1);
+--semi-css-color-transfer_disabled-bg:var(--semi-color-disabled-fill);
+--semi-css-color-transfer-border:var(--semi-color-border);
+--semi-css-color-transfer_header-text:var(--semi-color-text-2);
+--semi-css-color-transfer_empty-text:var(--semi-color-text-2);
+--semi-css-color-transfer_group_title-text:var(--semi-color-text-2);
+--semi-css-color-transfer_disabled-text:var(--semi-color-disabled-text);
+--semi-css-color-transfer_close_icon-icon:var(--semi-color-text-2);
+--semi-css-color-transfer_item-text:var(--semi-color-text-1);
+--semi-css-color-transfer_selected_item-text:var(--semi-color-text-0);
+--semi-css-color-transfer_item-bg-default:var(--semi-color-white);
+--semi-css-color-transfer_item-bg-hover:var(--semi-color-fill-0);
+--semi-css-color-transfer_item-bg-active:var(--semi-color-fill-1);
+--semi-css-width-transfer-border:1px;
+--semi-css-width-transfer-minWidth:402px;
+--semi-css-height-transfer:400px;
+--semi-css-height-transfer_header:24px;
+--semi-css-height-transfer_item-minHeight:36px;
+--semi-css-width-transfer_item_close-icon:$width-icon-small;
+--semi-css-width-transfer_left:50%;
+--semi-css-width-transfer_right:50%;
+--semi-css-height-transfer_left_empty:36px;
+--semi-css-width-transfer_left-border:$border-thickness-control;
+--semi-css-height-transfer_right_header:32px;
+--semi-css-height-transfer_right_empty:100%;
+--semi-css-width-transfer_empty:100%;
+--semi-css-height-transfer_group_title:28px;
+--semi-css-spacing-transfer_header-marginTop:12px;
+--semi-css-spacing-transfer_header-marginRight:12px;
+--semi-css-spacing-transfer_header-marginBottom:8px;
+--semi-css-spacing-transfer_header-marginLeft:12px;
+--semi-css-spacing-transfer_header_all-marginLeft:$spacing-base;
+--semi-css-spacing-transfer_item-paddingTop:$spacing-tight;
+--semi-css-spacing-transfer_item-paddingRight:9px;
+--semi-css-spacing-transfer_item-paddingBottom:$spacing-tight;
+--semi-css-spacing-transfer_item-paddingLeft:$spacing-base-tight;
+--semi-css-spacing-transfer_right_header-marginTop:$spacing-base-tight;
+--semi-css-spacing-transfer_right_header-marginBottom:0;
+--semi-css-spacing-transfer_right_item_drag_handler-marginRight:4px;
+--semi-css-spacing-transfer_filter-marginTop:12px;
+--semi-css-spacing-transfer_filter-marginRight:12px;
+--semi-css-spacing-transfer_filter-marginBottom:0;
+--semi-css-spacing-transfer_filter-marginLeft:12px;
+--semi-css-spacing-transfer_group_title-paddingLeft:$spacing-base-tight;
+--semi-css-radius-transfer:var(--semi-border-radius-medium);
+--semi-css-font-transfer_header_all-fontWeight:600;
+--semi-css-color-tree_default-bg-default:var(--semi-color-fill-0);
+--semi-css-color-tree_default-border-default:transparent;
+--semi-css-color-tree_default-icon-default:var(--semi-color-text-2);
+--semi-css-color-tree_default-bg-hover:var(--semi-color-fill-1);
+--semi-css-color-tree_default-border-focus:var(--semi-color-focus-border);
+--semi-css-color-tree_option-text-default:var(--semi-color-text-0);
+--semi-css-color-tree_option-icon-default:var(--semi-color-text-2);
+--semi-css-color-tree_option-bg-hover:var(--semi-color-fill-0);
+--semi-css-color-tree_option_selected-bg-default:var(--semi-color-fill-1);
+--semi-css-color-tree_option-bg-active:var(--semi-color-primary-light-default);
+--semi-css-color-tree_option_disabled-text-default:var(--semi-color-disabled-text);
+--semi-css-color-tree_option-icon-hover:var(--semi-color-text-0);
+--semi-css-color-tree_option-icon-active:var(--semi-color-black);
+--semi-css-color-tree_option_loading-icon-default:var(--semi-color-primary);
+--semi-css-color-tree_option_draggable_insert-border-default:var(--semi-color-primary);
+--semi-css-height-tree_default:$height-control-default;
+--semi-css-font-tree_default-fontWeight:$font-weight-regular;
+--semi-css-font-tree_option_hightlight-fontWeight:$font-weight-bold;
+--semi-css-color-tree_option_hightlight-text:var(--semi-color-primary);
+--semi-css-radius-tree:var(--semi-border-radius-small);
+--semi-css-radius-tree_checkbox_addon:var(--semi-border-radius-small);
+--semi-css-spacing-tree_search_wrapper-paddingX:12px;
+--semi-css-spacing-tree_search_wrapper-paddingY:8px;
+--semi-css-spacing-tree_option_level-paddingLeft:20px;
+--semi-css-spacing-tree_option_level1-paddingLeft:8px;
+--semi-css-spacing-tree_optionList-paddingX:0;
+--semi-css-spacing-tree_optionList-paddingY:8px;
+--semi-css-spacing-tree_option-paddingTop:4px;
+--semi-css-spacing-tree_option-paddingBottom:4px;
+--semi-css-spacing-tree_icon-marginRight:8px;
+--semi-css-spacing-tree_label_withIcon-marginRight:8px;
+--semi-css-spacing-tree_option_draggable-paddingY:3px;
+--semi-css-spacing-tree_option_draggable-paddingX:0;
+--semi-css-spacing-tree_spinIcon-paddingY:4px;
+--semi-css-spacing-tree_spinIcon-paddingX:0;
+--semi-css-width-tree-border:1px;
+--semi-css-width-tree_arrow:32px;
+--semi-css-width-tree_emptyIcon:$width-icon-small;
+--semi-css-width-tree_spinIcon:$width-icon-small;
+--semi-css-width-tree_focus-border:$border-thickness-control-focus;
+--semi-css-width-tree_option:230px;
+--semi-css-width-tree_search_wrapper-border:1px;
+--semi-css-width-tree_option_draggable-border:2px;
+--semi-css-color-treeSelect_default-bg-default:var(--semi-color-fill-0);
+--semi-css-color-treeSelect_default-border-default:transparent;
+--semi-css-color-treeSelect_selection-text-default:var(--semi-color-text-0);
+--semi-css-color-treeSelect_default-icon-default:var(--semi-color-text-2);
+--semi-css-color-treeSelect_default-icon-hover:var(--semi-color-primary-hover);
+--semi-css-color-treeSelect_default-icon-active:var(--semi-color-primary-active);
+--semi-css-color-treeSelect_default-bg-hover:var(--semi-color-fill-1);
+--semi-css-color-treeSelect_default-border-hover:inherit;
+--semi-css-color-treeSelect_default-border-focus:var(--semi-color-focus-border);
+--semi-css-color-treeSelect_search-border-default:var(--semi-color-fill-0);
+--semi-css-color-treeSelect_tag_disabled-bg-default:transparent;
+--semi-css-color-treeSelect_input_disabled-bg-default:var(--semi-color-disabled-fill);
+--semi-css-color-treeSelect_input_disabled-border-default:var(--semi-color-disabled-border);
+--semi-css-color-treeSelect_input_disabled-text-default:var(--semi-color-disabled-text);
+--semi-css-color-treeSelect_input_disabled-bg-hover:var(--semi-color-disabled-fill);
+--semi-css-color-treeSelect_input_placeholder-text-default:var(--semi-color-text-2);
+--semi-css-color-treeSelect_warning-bg-default:var(--semi-color-warning-light-default);
+--semi-css-color-treeSelect_warning-border-default:var(--semi-color-warning-light-default);
+--semi-css-color-treeSelect_warning-bg-hover:var(--semi-color-warning-light-hover);
+--semi-css-color-treeSelect_warning-border-hover:var(--semi-color-warning-light-hover);
+--semi-css-color-treeSelect_warning-bg-focus:var(--semi-color-warning-light-default);
+--semi-css-color-treeSelect_warning-border-focus:var(--semi-color-warning);
+--semi-css-color-treeSelect_warning-bg-active:var(--semi-color-warning-light-active);
+--semi-css-color-treeSelect_warning-border-active:var(--semi-color-warning-light-active);
+--semi-css-color-treeSelect_danger-bg-default:var(--semi-color-danger-light-default);
+--semi-css-color-treeSelect_danger-border-default:var(--semi-color-danger-light-default);
+--semi-css-color-treeSelect_danger-bg-hover:var(--semi-color-danger-light-hover);
+--semi-css-color-treeSelect_danger-border-hover:var(--semi-color-danger-light-hover);
+--semi-css-color-treeSelect_danger-bg-focus:var(--semi-color-danger-light-default);
+--semi-css-color-treeSelect_danger-border-focus:var(--semi-color-danger);
+--semi-css-color-treeSelect_danger-bg-active:var(--semi-color-danger-light-active);
+--semi-css-color-treeSelect_danger-border-active:var(--semi-color-danger-light-active);
+--semi-css-radius-treeSelect:var(--semi-border-radius-small);
+--semi-css-width-treeSelect-border:1px;
+--semi-css-width-treeSelect_search_wrapper-border:1px;
+--semi-css-width-treeSelect_hover-border:$border-thickness-control-focus;
+--semi-css-width-treeSelect_focus-border:$width-treeSelect_hover-border;
+--semi-css-width-treeSelect_default:80px;
+--semi-css-height-treeSelect_default:$height-control-default;
+--semi-css-font-treeSelect_default-lineHeight:$height-treeSelect_default;
+--semi-css-font-treeSelect_default-fontWeight:$font-weight-regular;
+--semi-css-font-treeSelect_default-fontSize:14px;
+--semi-css-height-treeSelect_small:$height-control-small;
+--semi-css-font-treeSelect_small-lineHeight:$height-treeSelect_small;
+--semi-css-height-treeSelect_large:$height-control-large;
+--semi-css-font-treeSelect_large-lineHeight:$height-treeSelect_large;
+--semi-css-spacing-treeSelect_selection_tagInput_wrapper-paddingX:$spacing-extra-tight;
+--semi-css-spacing-treeSelect_selection_tagInput_empty-marginLeft:$spacing-extra-tight;
+--semi-css-spacing-treeSelect_selection_tagInput_notEmpty-marginLeft:- $spacing-extra-tight;
+--semi-css-spacing-treeSelect_selection-paddingLeft:$spacing-base-tight;
+--semi-css-spacing-treeSelect_tag-marginX:$spacing-super-tight;
+--semi-css-spacing-treeSelect_tag-marginY:1px;
+--semi-css-spacing-treeSelect_selection_multiple-paddingLeft:4px;
+--semi-css-spacing-treeSelect_placeholder_multiple-paddingLeft:8px;
+--semi-css-spacing-treeSelect_prefix_text-marginY:0px;
+--semi-css-spacing-treeSelect_prefix_text-marginX:$spacing-base-tight;
+--semi-css-spacing-treeSelect_prefix_icon-marginY:0px;
+--semi-css-spacing-treeSelect_prefix_icon-marginX:$spacing-tight;
+--semi-css-spacing-treeSelect_insertLabel-marginRight:$spacing-base-tight;
+--semi-css-spacing-treeSelect_selection_withSuffix-paddingRight:0px;
+--semi-css-spacing-treeSelect_search_wrapper-paddingX:12px;
+--semi-css-spacing-treeSelect_search_wrapper-paddingY:8px;
+--semi-css-color-treeSelect_selection_TriggerSearchItem_disabled-text-default:var(--semi-color-disabled-text);
+--semi-css-color-treeSelect_inputTrigger-border-default:none;
+--semi-css-color-treeSelect_inputTrigger-bg-default:transparent;
+--semi-css-color-treeSelect_insertLabel-text-default:var(--semi-color-text-2);
+--semi-css-font-treeSelect_insertLabel-fontWeight:600;
+--semi-css-width-treeSelect_arrow:32px;
+--semi-css-width-treeSelect_option:230px;
+--semi-css-height-treeSelect_popover:300px;
+--semi-css-height-treeSelect_selection_tagInput_input_small:22px;
+--semi-css-height-treeSelect_selection_tagInput_input_default:30px;
+--semi-css-height-treeSelect_selection_tagInput_input_large:38px;
+--semi-css-color-typography_default-text-default:var(--semi-color-text-0);
+--semi-css-color-typography_secondary-text-default:var(--semi-color-text-1);
+--semi-css-color-typography_tertiary-text-default:var(--semi-color-text-2);
+--semi-css-color-typography_quaternary-text-default:var(--semi-color-text-3);
+--semi-css-color-typography_warning-text-default:var(--semi-color-warning);
+--semi-css-color-typography_danger-text-default:var(--semi-color-danger);
+--semi-css-color-typography_success-text-default:var(--semi-color-success);
+--semi-css-color-typography_disabled-text-default:var(--semi-color-disabled-text);
+--semi-css-color-typography_mark-bg-default:var(--semi-color-primary-light-default);
+--semi-css-color-typography_code-bg-default:var(--semi-color-fill-1);
+--semi-css-color-typography_code-text-default:var(--semi-color-text-2);
+--semi-css-color-typography_link-text-default:var(--semi-color-link);
+--semi-css-color-typography_link-text-visited:var(--semi-color-link-visited);
+--semi-css-color-typography_link-text-hover:var(--semi-color-link-hover);
+--semi-css-color-typography_link-text-active:var(--semi-color-link-active);
+--semi-css-color-typography_link-text-disabled:var(--semi-color-link);
+--semi-css-color-typography_copied-text-success:var(--semi-color-text-2);
+--semi-css-color-typography_copied-icon-success:var(--semi-color-success);
+--semi-css-color-typography_code-border-default:var(--semi-color-border);
+--semi-css-font-typography_title-fontWeight:$font-weight-bold;
+--semi-css-font-typography_link-fontWeight:$font-weight-bold;
+--semi-css-font-typography_strong-fontWeight:$font-weight-bold;
+--semi-css-font-typography_paragraph_extended-lineHeight:24px;
+--semi-css-spacing-typography_iconPrefix-marginRight:4px;
+--semi-css-spacing-typography_expandText-marginLeft:8px;
+--semi-css-spacing-typography_copyIcon-marginLeft:4px;
+--semi-css-spacing-typography_copyIcon-padding:0;
+--semi-css-spacing-typography_title_h1-margin:0;
+--semi-css-spacing-typography_title_h2-margin:0;
+--semi-css-spacing-typography_title_h3-margin:0;
+--semi-css-spacing-typography_title_h4-margin:0;
+--semi-css-spacing-typography_title_h5-margin:0;
+--semi-css-spacing-typography_title_h6-margin:0;
+--semi-css-spacing-typography_title_paragraph-margin:0;
+--semi-css-width-typography_code-border:1px;
+--semi-css-width-typography_link-border:1px;
+--semi-css-radius-typography_code:2px;
+--semi-css-color-upload-text:var(--semi-color-text-0);
+--semi-css-color-upload_assist-text:var(--semi-color-text-2);
+--semi-css-color-upload-border:var(--semi-color-border);
+--semi-css-color-upload_card-bg-hover:var(--semi-color-fill-1);
+--semi-css-color-upload_card-bg:var(--semi-color-fill-0);
+--semi-css-color-upload_card_fail-bg-hover:var(--semi-color-danger-light-hover);
+--semi-css-color-upload_card_fail-bg:var(--semi-color-danger-light-default);
+--semi-css-color-upload_clear-text:var(--semi-color-primary);
+--semi-css-color-upload_drag_area-bg-hover:var(--semi-color-primary-light-default);
+--semi-css-color-upload_drag_area-border-hover:var(--semi-color-primary);
+--semi-css-color-upload_drag_area_disabled-text:var(--semi-color-disabled-text);
+--semi-css-color-upload_drag_area-bg:var(--semi-color-tertiary-light-default);
+--semi-css-color-upload_drag_area_icon:var(--semi-color-primary);
+--semi-css-color-upload_drag_area_tips-text:var(--semi-color-primary);
+--semi-css-color-upload_file_card_fail_info-text:var(--semi-color-danger);
+--semi-css-color-upload_file_card_preview_placeholder-bg:rgba(var(--semi-grey-3), 1);
+--semi-css-color-upload_file_card_preview_placeholder-text:rgba(var(--semi-white), 1);
+--semi-css-color-upload_file_card_retry-bg:var(--semi-color-white);
+--semi-css-color-upload_file_card_retry-text:var(--semi-color-primary);
+--semi-css-color-upload-icon:var(--semi-color-tertiary);
+--semi-css-color-upload_pic_add-bg-active:var(--semi-color-fill-2);
+--semi-css-color-upload_pic_add-bg-hover:var(--semi-color-fill-1);
+--semi-css-color-upload_pic_add-bg:var(--semi-color-fill-0);
+--semi-css-color-upload_pic_remove-bg:var(--semi-color-overlay-bg);
+--semi-css-color-upload_picture_file_card_loading_error-icon:var(--semi-color-danger);
+--semi-css-color-upload_picture_file_card_error-border:var(--semi-color-danger);
+--semi-css-color-upload_picture_file_card_pic_info-text:var(--semi-color-white);
+--semi-css-color-upload_picture_file_card_close-icon:var(--semi-color-white);
+--semi-css-color-upload_picture_file_card_hover-bg:var(--semi-color-overlay-bg);
+--semi-css-color-upload_preview-icon:var(--semi-color-text-2);
+--semi-css-color-upload_retry-text:var(--semi-color-primary);
+--semi-css-color-upload_replace-text:var(--semi-color-white);
+--semi-css-height-upload_file_card:52px;
+--semi-css-width-upload_file_card:250px;
+--semi-css-height-upload_file_pic_card:96px;
+--semi-css-width-upload_file_pic_card:96px;
+--semi-css-width-upload_file_card_preview:36px;
+--semi-css-height-upload_file_card_preview:36px;
+--semi-css-width-upload_file_card_preview_img:36px;
+--semi-css-width-upload_file_card_info_name:106px;
+--semi-css-width-upload_file_card-icon:11px;
+--semi-css-width-upload_picture_add-border:2px;
+--semi-css-width-upload_picture_file_card_img:96px;
+--semi-css-width-upload_picture_file_card_close:16px;
+--semi-css-width-upload_file_card_retry:24px;
+--semi-css-width-upload_file_card_retry-icon:13px;
+--semi-css-height-upload_file_card_retry-icon:14px;
+--semi-css-width-upload_picture_file_card_loading-icon:14px;
+--semi-css-width-upload_drag_area-border:2px;
+--semi-css-spacing-upload_title_choosen-marginRight:$spacing-tight;
+--semi-css-spacing-upload_title-marginBottom:$spacing-extra-tight;
+--semi-css-spacing-upload_file_card_preview-margin:$spacing-tight;
+--semi-css-spacing-upload_file_card_info_size-marginLeft:$spacing-tight;
+--semi-css-spacing-upload_file_card_info_retry-marginLeft:$spacing-tight;
+--semi-css-spacing-upload_file_card_info_progress-marginTop:4px;
+--semi-css-spacing-upload_file_card_close-marginLeft:$spacing-tight;
+--semi-css-spacing-upload_file_card_close-marginRight:$spacing-tight;
+--semi-css-spacing-upload_file_card_icon-marginRight:$spacing-super-tight;
+--semi-css-spacing-upload_picture_file_card-gap:$spacing-tight;
+--semi-css-spacing-upload_picture_file_card-marginBottom:$spacing-tight;
+--semi-css-spacing-upload_picture_file_card_close-top:8px;
+--semi-css-spacing-upload_picture_file_card_close-right:8px;
+--semi-css-spacing-upload_picture_file_card_loading_error-bottom:6px;
+--semi-css-spacing-upload_picture_file_card_loading_error-right:6px;
+--semi-css-spacing-upload_picture_file_card_icon_error-top:-1px;
+--semi-css-spacing-upload_drag_area-padding:$spacing-base-tight;
+--semi-css-spacing-upload_drag_area_main_text-marginBottom:$spacing-extra-tight;
+--semi-css-radius-upload_file_card:var(--semi-border-radius-medium);
+--semi-css-radius-upload_file_card_preview:var(--semi-border-radius-small);
+--semi-css-radius-upload_picture_add:var(--semi-border-radius-small);
+--semi-css-radius-upload_picture_file_card_img:var(--semi-border-radius-small);
+--semi-css-radius-upload_picture_file_card_close:var(--semi-border-radius-circle);
+--semi-css-radius-upload_file_card_retry:var(--semi-border-radius-circle);
+--semi-css-radius-upload_drag_area:var(--semi-border-radius-small);
+--semi-css-font-upload_file_card_info_name-fontWeight:$font-weight-bold;
+--semi-css-font-upload_file_card_info_size-fontWeight:$font-weight-regular;
+--semi-css-font-upload_drag_area_tips-fontWeight:600;
+--semi-css-font-upload_picture_file_card_pic_info-fontSize:12px;
+--semi-css-font-upload_picture_file_card_pic_info-fontWeight:600;
+}

packages/semi-scss-to-css-var/src/utils/getReplaceCalcIndex.ts

@@ -135,14 +135,14 @@ const getReplaceCalcIndex = (str: string) => {
             return [false, 0];
         }
         let jumpCount = 0;
-        if (!/\w|\d|\.|%/.test(str[startIndex])) {
+        if (!/\w|\d|\.|-|%/.test(str[startIndex])) {
             return [false, 0];
         } else {
             jumpCount++;
         }
         while (true) {
             const char = str[startIndex + jumpCount];
-            if (char && /\w|\d|\.|%/.test(char)) {
+            if (char && /\w|\d|\.|-|%/.test(char)) {
                 jumpCount++;
             } else {
                 break;
@@ -166,7 +166,7 @@ const getReplaceCalcIndex = (str: string) => {
             return [false, 0];
         }
         let jumpCount = 0;
-        if (!/\w|\d|\.|%/.test(str[startIndex])) {
+        if (!/\w|\d|\.|-|%/.test(str[startIndex])) {
             return [false, 0];
         } else {
             jumpCount++;
@@ -174,7 +174,7 @@ const getReplaceCalcIndex = (str: string) => {
         while (true) {
             const char = str[startIndex - jumpCount];
             if (char) {
-                if (char && /\w|\d|\.|%/.test(char)) {
+                if (char && /\w|\d|\.|-|%/.test(char)) {
                     jumpCount++;
                 } else {
                     break;