@B40: #87d2ff;
@B40-D: #52b5f9;
@B50: #1b9aee;
@B50-D: #1f92de;
@B60: #0171c2;
@B60-D: #226da1;
@B70: #004f8a;
@B70-D: #1b4665;
@B80: #002e52;
@B80-D: #1e364a;
@B20: #f2fbff;
@B20-D: #1e364a;
@B30: #ccecff;
@B30-D: #1b4665;
@G0: #ffffff;
@G0-D: #1d2025;
@G10: #f7f7f7;
@G10-D: #282c33;
@G20: #f0f0f0;
@G20-D: #31353e;
@G30: #e5e5e5;
@G30-D: #3a3f49;
@G40: #d9d9d9;
@G40-D: #4c525d;
@G50: #bfbfbf;
@G50-D: #7a808b;
@G60: #8c8c8c;
@G60-D: #aaafbb;
@G70: #595959;
@G70-D: #c7cbd5;
@G80: #262626;
@G80-D: #eceef2;
@G100: #000000;
@G100-D: #ffffff;
@R40: #f87872;
@R40-D: #da7c7c;
@R50: #e62412;
@R50-D: #bd5757;
@R60: #c21c07;
@R60-D: #88484a;
@R70: #9a1604;
@R70-D: #57393e;
@R80: #800f00;
@R80-D: #3e3238;
@R20: #ffeded;
@R20-D: #3e3238;
@R30: #ffcccc;
@R30-D: #57393e;
@O40: #ffa941;
@O40-D: #f6a155;
@O50: #fa8c15;
@O50-D: #d67e2f;
@O60: #d46b08;
@O60-D: #a06531;
@O70: #ad4e01;
@O70-D: #6e4c31;
@O80: #8f4000;
@O80-D: #4b3c31;
@O20: #fff7e6;
@O20-D: #4b3c31;
@O30: #ffd591;
@O30-D: #6e4c31;
@A40: #ffe53e;
@A40-D: #f6cc52;
@A50: #fad414;
@A50-D: #e1b125;
@A60: #d4ab06;
@A60-D: #977b2a;
@A70: #ad8500;
@A70-D: #66582d;
@A80: #946c00;
@A80-D: #50472a;
@A20: #ffffe3;
@A20-D: #50472a;
@A30: #fff88f;
@A30-D: #66582d;
@GN40: #64d16d;
@GN40-D: #59c1a1;
@GN50: #15ad31;
@GN50-D: #1f9773;
@GN60: #038a24;
@GN60-D: #0d6d52;
@GN70: #006d1f;
@GN70-D: #244f4a;
@GN80: #00591c;
@GN80-D: #273a3c;
@GN20: #edffed;
@GN20-D: #273a3c;
@GN30: #cafac8;
@GN30-D: #244f4a;
@DT10: #fab34f;
@DT20: #ff656b;
@DT30: #4ad051;
@DT40: #9979f2;
@DT50: #006cd9;
@DT60: #5ccdbb;
@DT70: #5c60e6;
@PH10: #bc61cf;
@PH10-D: #a658b6;
@PH20: #f26666;
@PH20-D: #d45c5c;
@PH30: #f29a52;
@PH30-D: #d4894b;
@PH40: #f4c329;
@PH40-D: #d6ac28;
@PH50: #cbd057;
@PH50-D: #b3b74f;
@PH60: #29b3f0;
@PH60-D: #289ed3;
@PH70: #3885ea;
@PH70-D: #3577cd;
@font-family: '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Helvetica Neue', 'PingFang SC', 'Noto Sans', 'Noto Sans CJK SC', 'Microsoft YaHei', '微软雅黑', sans-serif;
@code-font-family: 'source-code-pro', 'SF Mono', 'Segoe UI Mono', 'Roboto Mono', 'Ubuntu Mono', 'Menlo', 'Courier', monospace;
@duration-instantly: 0s;
@duration-immediately: 0.05s;
@duration-quickly: 0.25s;
@duration-normal: 0.3s;
@duration-slowly: 0.4s;
@curve-instantEaseOut: cubic-bezier(0.1, 0.8, 0.4, 1);
@curve-subtleEaseOut: cubic-bezier(0.44, 0.9, 0.6, 0.94);
@curve-subtleEaseInOut: cubic-bezier(0.62, 0.28, 0.23, 0.99);
@ALPHA0: 0;
@ALPHA1: 1;
@css-prefix: next-;
@R0: 0;
@R2: 2px;
@R4: 4px;
@R6: 50%;
@SH1: 0 1px 3px 0 rgba(38, 38, 38, 0.1);
@SH2: 0 4px 16px 0 rgba(38, 38, 38, 0.12);
@SH3: 0 12px 32px 0 rgba(38, 38, 38, 0.16);
@SH4: 0 18px 42px 0 rgba(38, 38, 38, 0.2);
@SH1-D: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
@SH2-D: 0 6px 18px 0 rgba(0, 0, 0, 0.4);
@SH3-D: 0 10px 32px 0 rgba(0, 0, 0, 0.54);
@SH4-D: none;
@size-base: 4px;
@S0: 0;
@S4: 4px;
@S8: 8px;
@S12: 12px;
@S16: 16px;
@S20: 20px;
@S24: 24px;
@S28: 28px;
@S32: 32px;
@S36: 36px;
@S40: 40px;
@S48: 48px;
@S52: 52px;
@S56: 56px;
@S80: 80px;
@pale-brand: var(--CDS_pale_brand);
@highlight-brand: var(--CDS_highlight_brand);
@bright-brand: var(--CDS_bright_brand);
@border-brand: var(--CDS_border_brand);
@primary-brand: var(--CDS_primary_brand);
@hover-brand: var(--CDS_hover_brand);
@click-brand: var(--CDS_click_brand);
@heavy-brand: var(--CDS_heavy_brand);
@pale-danger: var(--CDS_pale_danger);
@highlight-danger: var(--CDS_highlight_danger);
@bright-danger: var(--CDS_bright_danger);
@border-danger: var(--CDS_border_danger);
@primary-danger: var(--CDS_primary_danger);
@hover-danger: var(--CDS_hover_danger);
@click-danger: var(--CDS_click_danger);
@heavy-danger: var(--CDS_heavy_danger);
@pale-warning: var(--CDS_pale_warning);
@highlight-warning: var(--CDS_highlight_warning);
@bright-warning: var(--CDS_bright_warning);
@border-warning: var(--CDS_border_warning);
@primary-warning: var(--CDS_primary_warning);
@hover-warning: var(--CDS_hover_warning);
@click-warning: var(--CDS_click_warning);
@heavy-warning: var(--CDS_heavy_warning);
@pale-alert: var(--CDS_pale_alert);
@highlight-alert: var(--CDS_highlight_alert);
@bright-alert: var(--CDS_bright_alert);
@border-alert: var(--CDS_border_alert);
@primary-alert: var(--CDS_primary_alert);
@hover-alert: var(--CDS_hover_alert);
@click-alert: var(--CDS_click_alert);
@heavy-alert: var(--CDS_heavy_alert);
@pale-success: var(--CDS_pale_success);
@highlight-success: var(--CDS_highlight_success);
@bright-success: var(--CDS_bright_success);
@border-success: var(--CDS_border_success);
@primary-success: var(--CDS_primary_success);
@hover-success: var(--CDS_hover_success);
@click-success: var(--CDS_click_success);
@heavy-success: var(--CDS_heavy_success);
@pale-turquoise: var(--CDS_pale_turquoise);
@highlight-turquoise: var(--CDS_highlight_turquoise);
@bright-turquoise: var(--CDS_bright_turquoise);
@border-turquoise: var(--CDS_border_turquoise);
@primary-turquoise: var(--CDS_primary_turquoise);
@hover-turquoise: var(--CDS_hover_turquoise);
@pale-purple: var(--CDS_pale_purple);
@highlight-purple: var(--CDS_highlight_purple);
@bright-purple: var(--CDS_bright_purple);
@border-purple: var(--CDS_border_purple);
@primary-purple: var(--CDS_primary_purple);
@hover-purple: var(--CDS_hover_purple);
@snow: var(--CDS_gray_00);
@black: var(--CDS_black_01);
@white: var(--CDS_white_01);
@abs-white: var(--CDS_white_01);
@white-01: var(--CDS_white_01);
@white-02: var(--CDS_white_02);
@white-03: var(--CDS_white_03);
@white-04: var(--CDS_white_04);
@white-05: var(--CDS_white_05);
@black-01: var(--CDS_black_01);
@black-02: var(--CDS_black_02);
@gray-fill: var(--CDS_gray_fill);
@line-hover: var(--CDS_gray_fill);
@gray-filled: var(--CDS_gray_fill);
@line-actived: var(--CDS_gray_fill);
@line-select: var(--CDS_gray_fill);
@line-selected: var(--CDS_gray_fill);
@gray-click: var(--CDS_gray_fill);
@line-click: var(--CDS_gray_fill);
@gray-basic: var(--CDS_gray_basic);
@basic: var(--CDS_gray_basic);
@basic-fg: var(--CDS_gray_basic);
@basic-bg: var(--CDS_gray_00);
@line-color: var(--CDS_gray_basic);
@gray-modal: var(--CDS_gray_modal);
@modal-color: var(--CDS_gray_modal);
@gray-popover: var(--CDS_gray_popover);
@popover-color: var(--CDS_gray_popover);
@gray-00: var(--CDS_gray_00);
@gray-01: var(--CDS_gray_01);
@gray-02: var(--CDS_gray_02);
@gray-03: var(--CDS_gray_03);
@gray-04: var(--CDS_gray_04);
@gray-05: var(--CDS_gray_05);
@gray-06: var(--CDS_gray_06);
@gray-07: var(--CDS_gray_07);
@gray-08: var(--CDS_gray_08);
@shadow-color: var(--CDS_shadow_color);
@dashboard-01: var(--CDS_data_orange);
@dashboard-02: var(--CDS_data_red);
@dashboard-03: var(--CDS_data_green);
@dashboard-04: var(--CDS_data_purple);
@dashboard-05: var(--CDS_data_blue);
@dashboard-06: var(--CDS_data_cyan);
@dashboard-07: var(--CDS_data_violet);
@data-orange: var(--CDS_data_orange);
@data-red: var(--CDS_data_red);
@data-green: var(--CDS_data_green);
@data-purple: var(--CDS_data_purple);
@data-blue: var(--CDS_data_blue);
@data-cyan: var(--CDS_data_cyan);
@data-violet: var(--CDS_data_violet);
@placeholder-01: var(--CDS_ph_plum);
@placeholder-02: var(--CDS_ph_red);
@placeholder-03: var(--CDS_ph_orange);
@placeholder-04: var(--CDS_ph_amber);
@placeholder-05: var(--CDS_ph_olive);
@placeholder-06: var(--CDS_ph_sky);
@placeholder-07: var(--CDS_ph_blue);
@ph-plum: var(--CDS_ph_plum);
@ph-red: var(--CDS_ph_red);
@ph-orange: var(--CDS_ph_orange);
@ph-amber: var(--CDS_ph_amber);
@ph-olive: var(--CDS_ph_olive);
@ph-sky: var(--CDS_ph_sky);
@ph-blue: var(--CDS_ph_blue);
@lavender-soft: var(--CDS_ct_lavender_soft, #9ea3ff);
@lavender-hard: var(--CDS_ct_lavender_hard, #767ff7);
@coral-soft: var(--CDS_ct_coral_soft, #fd998f);
@coral-hard: var(--CDS_ct_coral_hard, #e56a5e);
@water-soft: var(--CDS_ct_water_soft, #95ddff);
@water-hard: var(--CDS_ct_water_hard, #59c5ff);
@neutral-soft: var(--CDS_ct_neutral_soft, #d9d9d9);
@neutral-hard: var(--CDS_ct_neutral_hard, #bfbfbf);
@neutral-deep: var(--CDS_ct_neutral_deep, #8c8c8c);
@background-fill: #ffffff;
@background-nav-search: rgba(0, 0, 0, 0);
@background-section: var(--CDS_gray_modal);
@background-layout: var(--CDS_gray_00);
@background-overlay: var(--CDS_gray_modal);
@background-switch-trigger: var(--CDS_white_01);
@background-base: var(--CDS_gray_fill);
@mask: var(--CDS_black_overlay);
@overlay: var(--CDS_black_overlay);
@shadow-00: var(--CDS_shadow_00);
@shadow-01: var(--CDS_shadow_01);
@shadow-02: var(--CDS_shadow_02);
@shadow-03: var(--CDS_shadow_03);
@shadow-04: var(--CDS_shadow_04);
@shadow-color-00: var(--CDS_shadow_color_00, rgba(38, 38, 38, 0.4));
@shadow-color-01: var(--CDS_shadow_color_01, rgba(38, 38, 38, 0.1));
@shadow-color-02: var(--CDS_shadow_color_02, rgba(38, 38, 38, 0.14));
@shadow-color-03: var(--CDS_shadow_color_03, rgba(38, 38, 38, 0.18));
@shadow-color-04: var(--CDS_shadow_color_04, rgba(38, 38, 38, 0.24));
@cell-line-hover: var(--CDS_gray_fill);
@cell-line-active: var(--CDS_gray_02);
@tab-wrapped-bg-color-hover: rgba(0, 0, 0, 0);
@tab-wrapped-bg-color: rgba(0, 0, 0, 0);
@tab-wrapped-bg-color-selected: var(--CDS_gray_basic);
@step-dot-item-tail-wait-color: var(--CDS_gray_05);
@step-dot-item-tail-process-color: var(--CDS_gray_05);
@step-dot-item-tail-disabled-color: var(--CDS_gray_05);
@step-circle-item-tail-wait-color: var(--CDS_gray_05);
@step-circle-item-tail-process-color: var(--CDS_gray_05);
@step-circle-item-tail-disabled-color: var(--CDS_gray_05);
@pagination-item-bg: rgba(0, 0, 0, 0);
@nav-normal-bg-color: rgba(0, 0, 0, 0);
@nav-normal-sub-nav-bg-color: rgba(0, 0, 0, 0);
@nav-primary-text-color: var(--XDS_fg_color);
@nav-primary-sub-nav-text-color: var(--XDS_fg_color);
@nav-primary-group-text-color: var(--XDS_fg_color);
@nav-primary-item-hover-text-color: var(--XDS_fg_color);
@nav-primary-sub-nav-hover-text-color: var(--XDS_fg_color);
@nav-primary-item-selected-text-color: var(--XDS_fg_color);
@nav-primary-sub-nav-selected-text-color: var(--XDS_fg_color);
@nav-primary-item-opened-text-color: var(--XDS_fg_color);
@nav-primary-item-opened-bg-color: var(--XDS_line_hover_color);
@nav-primary-sub-nav-selected-bg-color: var(--XDS_line_hard_color);
@nav-primary-sub-nav-bg-color: rgba(0, 0, 0, 0);
@table-row-hover-bg: var(--CDS_gray_fill);
@menu-background: var(--CDS_gray_popover);
@menu-background-hover: var(--CDS_gray_fill);
@menu-background-selected: var(--CDS_gray_filled);
@menu-background-focus: var(--CDS_gray_filled);
@menu-divider-color: var(--CDS_gray_03);
@input-bg-color: rgba(0, 0, 0, 0);
@input-focus-bg-color: rgba(0, 0, 0, 0);
@input-hover-bg-color: rgba(0, 0, 0, 0);
@input-disabled-bg-color: var(--CDS_gray_fill);
@input-addon-bg-color: var(--CDS_gray_fill);
@tag-closable-primary-fill-bg-color: var(--CDS_gray_02);
@tag-closable-primary-fill-bg-color-hover: var(--CDS_gray_03);
@tag-closable-primary-fill-bg-color-disabled: var(--CDS_gray_02);
@tag-closable-primary-fill-border-color-hover: var(--CDS_gray_04);
@tag-closable-primary-fill-border-color-disabled: var(--CDS_gray_03);
@tag-closable-primary-fill-text-color-disabled: var(--CDS_gray_05);
@transfer-panel-header-background-color: var(--CDS_gray_basic);
@switch-disabled-on-bg-color: var(--CDS_gray_03);
@search-nav-search-bg-color: var(--CDS_gray_fill);
@range-normal-slider-bg-color: var(--CDS_white_01);
@range-normal-slider-bg-color-hover: var(--CDS_white_01);
@radio-bg-color: rgba(0, 0, 0, 0);
@radio-disabled-bg-color: var(--CDS_gray_03);
@calendar-card-table-cell-disabled-background: var(--CDS_gray_fill);
@calendar-fullscreen-table-cell-disabled-background: var(--CDS_gray_fill);
@checkbox-bg-color: rgba(0, 0, 0, 0);
@checkbox-disabled-bg-color: var(--CDS_gray_03);
@balloon-tooltip-color-primary-bg: rgba(0, 0, 0, 0.9) !important;
@balloon-tooltip-color-normal-bg: 'var(--CDS_gray_popover)', '!important';
@balloon-tooltip-color-normal: var(--CDS_gray_08);
@balloon-tooltip-color-primary: var(--CDS_white_01);
@btn-warning-primary-bg-disabled: var(--CDS_gray_05);
@btn-warning-primary-color-disabled: var(--CDS_white_01);
@btn-warning-primary-border-color-disabled: rgba(0, 0, 0, 0);
@btn-pure-color-disabled: var(--CDS_white_01);
@btn-pure-bg-disabled: var(--CDS_gray_05);
@btn-pure-border-color-disabled: var(--CDS_gray_05);
@btn-ghost-dark-bg-normal: rgba(0, 0, 0, 0);
@btn-ghost-dark-color: var(--CDS_gray_08);
@btn-ghost-dark-color-hover: var(--CDS_gray_08);
@btn-ghost-dark-color-active: var(--CDS_gray_08);
@btn-ghost-dark-border-color-active: var(--CDS_gray_08);
@btn-ghost-dark-border-color-hover: var(--CDS_gray_08);
@btn-ghost-dark-border-color: var(--CDS_gray_08);
@btn-ghost-dark-bg-hover: var(--CDS_gray_fill);
@btn-ghost-dark-bg-active: var(--CDS_gray_03);
@btn-ghost-dark-color-disabled: var(--CDS_gray_05);
@btn-ghost-dark-border-color-disabled: var(--CDS_gray_05);
@btn-ghost-light-bg-normal: rgba(0, 0, 0, 0);
@btn-ghost-light-border-color: var(--CDS_gray_08);
@btn-ghost-light-color: var(--CDS_gray_08);
@btn-ghost-light-color-active: var(--CDS_gray_08);
@btn-ghost-light-color-hover: var(--CDS_gray_08);
@btn-ghost-light-border-color-active: var(--CDS_gray_08);
@btn-ghost-light-border-color-hover: var(--CDS_gray_08);
@btn-ghost-light-bg-hover: var(--CDS_gray_02);
@btn-ghost-light-bg-active: var(--CDS_gray_03);
@btn-ghost-light-color-disabled: var(--CDS_gray_05);
@btn-ghost-light-border-color-disabled: var(--CDS_gray_05);
@font-size-caption: 12px;
@font-size-body: 14px;
@font-size-subhead: 14px;
@font-size-title: 16px;
@font-size-headline: 18px;
@font-size-display-1: 20px;
@font-size-display-2: 24px;
@font-size-display-3: 28px;
@font-size-display-4: 32px;
@font-weight-light: 300;
@font-weight-regular: 400;
@font-weight-medium: 500;
@line-height-caption: 16px;
@line-height-body: 20px;
@line-height-subhead: 20px;
@line-height-title: 24px;
@line-height-headline: 26px;
@line-height-display-1: 28px;
@line-height-display-2: 32px;
@line-height-display-3: 36px;
@line-height-display-4: 40px;
@border-opacity: 1;
@shape-radius: 4px;
@shape-checkbox: 2px;
@shape-circular: 50%;
@shadow-card: var(--CDS_shadow_01);
@shadow-card-hover: var(--CDS_shadow_01);
@shadow-popover: var(--CDS_shadow_03);
@shadow-modal: var(--CDS_shadow_04);
@AT_THEME: teambition;
@AT_THEME_TYPE: light;