color: @neutral-fg-2-normal;
    }
}
 .@{rate-prefix-cls}{
     &-rtl {
         direction: rtl;
    }
     &-star {
         &:not(:last-child) {
             .@{rate-prefix-cls}-rtl & {
                 margin-right: 0;
                 margin-left: 8px;
            }
        }
         &-first {
             .@{rate-prefix-cls}-rtl & {
                 right: 0;
                 left: auto;
            }
        }
    }
}
 @root-entry-name: default;
 @result-prefix-cls: ~'@{ant-prefix}-result';
 .@{result-prefix-cls}{
     padding: 48px 32px;
     &-success &-icon > .@{iconfont-css-prefix}{
         color: @status-success-fg-1-normal;
    }
     &-error &-icon > .@{iconfont-css-prefix}{
         color: @status-error-fg-1-normal;
    }
     &-info &-icon > .@{iconfont-css-prefix}{
         color: @brand-fg-1-normal;
    }
     &-warning &-icon > .@{iconfont-css-prefix}{
         color: @status-warning-fg-1-normal;
    }
     &-image {
         width: 250px;
         height: 295px;
         margin: auto;
    }
     &-icon {
         margin-bottom: 24px;
         text-align: center;
         > .@{iconfont-css-prefix}{
             font-size: @result-icon-font-size;
        }
    }
     &-title {
         color: @neutral-fg-2-normal;
         font-size: @font-size-headline-s;
         line-height: 1.8;
         text-align: center;
    }
     &-subtitle {
         color: @neutral-fg-3-normal;
         font-size: @font-size-title-s;
         line-height: 1.6;
         text-align: center;
    }
     &-extra {
         margin: @result-extra-margin;
         text-align: center;
         > * {
             margin-right: 8px;
             &:last-child {
                 margin-right: 0;
            }
        }
    }
     &-content {
         margin-top: 24px;
         padding: 24px 40px;
         background-color: @background-color-light;
    }
}
 @result-prefix-cls: ~'@{ant-prefix}-result';
 .@{result-prefix-cls}{
     &-rtl {
         direction: rtl;
    }
     &-extra {
         > * {
             .@{result-prefix-cls}-rtl & {
                 margin-right: 0;
                 margin-left: 8px;
            }
             &:last-child {
                 .@{result-prefix-cls}-rtl & {
                     margin-left: 0;
                }
            }
        }
    }
}
 @root-entry-name: default;
 .segmented-disabled-item {
     &, &:hover, &:focus {
         color: @disabled-color;
         cursor: not-allowed;
    }
}
 .segmented-item-selected {
     background-color: @segmented-selected-bg;
     border-radius: @border-radius-base;
     box-shadow: 0 2px 8px -2px fade(@black, 5%), 0 1px 4px -1px fade(@black, 7%), 0 0 1px 0 fade(@black, 8%);
}
 .segmented-text-ellipsis {
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
     word-break: keep-all;
}
 @segmented-prefix-cls: ~'@{ant-prefix}-segmented';
 @segmented-container-padding: 2px;
 .@{segmented-prefix-cls}{
     .reset-component();
     display: inline-block;
     padding: @segmented-container-padding;
     color: @segmented-label-color;
     background-color: @segmented-bg;
     border-radius: @border-radius-base;
     transition: all 0.3s @ease-in-out;
     &-group {
         position: relative;
         display: flex;
         align-items: stretch;
         justify-items: flex-start;
         width: 100%;
    }
     &&-block {
         display: flex;
    }
     &&-block &-item {
         flex: 1;
         min-width: 0;
    }
     &:not(&-disabled) {
         &:hover, &:focus {
             background-color: @segmented-hover-bg;
        }
    }
     &-item {
         position: relative;
         text-align: center;
         cursor: pointer;
         transition: color 0.3s @ease-in-out;
         &-selected {
             .segmented-item-selected();
             color: @segmented-label-hover-color;
        }
         &:hover, &:focus {
             color: @segmented-label-hover-color;
        }
         &-label {
             min-height: @input-height-base - @segmented-container-padding * 2;
             padding: 0 @input-padding-horizontal-base;
             line-height: @input-height-base - @segmented-container-padding * 2;
             .segmented-text-ellipsis();
        }
         &-icon + * {
             margin-left: (@margin-sm / 2);
        }
         &-input {
             position: absolute;
             top: 0;
             left: 0;
             width: 0;
             height: 0;
             opacity: 0;
             pointer-events: none;
        }
    }
     &&-lg &-item-label {
         min-height: @input-height-lg - @segmented-container-padding * 2;
         padding: 0 @input-padding-horizontal-lg;
         font-size: @font-size-lg;
         line-height: @input-height-lg - @segmented-container-padding * 2;
    }
     &&-sm &-item-label {
         min-height: @input-height-sm - @segmented-container-padding * 2;
         padding: 0 @input-padding-horizontal-sm;
         line-height: @input-height-sm - @segmented-container-padding * 2;
    }
     &-item-disabled {
         .segmented-disabled-item();
    }
     &-thumb {
         .segmented-item-selected();
         position: absolute;
         top: 0;
         left: 0;
         width: 0;
         height: 100%;
         padding: 4px 0;
    }
     &-thumb-motion-appear-active {
         transition: transform 0.3s @ease-in-out, width 0.3s @ease-in-out;
         will-change: transform, width;
    }
}
 @segmented-prefix-cls: ~'@{ant-prefix}-segmented';
 .@{segmented-prefix-cls}{
     &&-rtl {
         direction: rtl;
    }
     &&-rtl &-item-icon {
         margin-right: 0;
         margin-left: 6px;
    }
}
 @root-entry-name: default;
 @select-prefix-cls: ~'@{ant-prefix}-select';
 @selection-item-padding: ceil(@font-size-base * 1.25);
 .@{select-prefix-cls}-single {
     width: 220px;
     .@{select-prefix-cls}-selector {
         display: flex;
         .@{select-prefix-cls}-selection-search {
             position: absolute;
             top: 0;
             right: @input-padding-horizontal-base;
             bottom: 0;
             left: @input-padding-horizontal-base;
             &-input {
                 width: 100%;
            }
        }
         .@{select-prefix-cls}-selection-item, .@{select-prefix-cls}-selection-placeholder {
             padding: 0;
             line-height: @select-height-without-border;
             transition: all .3s, visibility 0s;
        }
         .@{select-prefix-cls}-selection-item {
             position: relative;
             user-select: none;
        }
         .@{select-prefix-cls}-selection-placeholder {
             transition: none;
             pointer-events: none;
        }
         &::after, .@{select-prefix-cls}-selection-item::after, .@{select-prefix-cls}-selection-placeholder::after {
             display: inline-block;
             width: 0;
             visibility: hidden;
             content: '\a0';
        }
    }
     &.@{select-prefix-cls}-show-arrow .@{select-prefix-cls}-selection-search {
         right: @input-padding-horizontal-base + @font-size-base;
    }
     &.@{select-prefix-cls}-show-arrow .@{select-prefix-cls}-selection-item, &.@{select-prefix-cls}-show-arrow .@{select-prefix-cls}-selection-placeholder {
         padding-right: @selection-item-padding;
    }
     &.@{select-prefix-cls}-open .@{select-prefix-cls}-selection-item {
         color: @neutral-fg-2-normal;
    }
     &:not(.@{select-prefix-cls}-customize-input) {
         .@{select-prefix-cls}-selector {
             width: 100%;
             height: @input-height-base;
             padding: 0 @input-padding-horizontal-base;
             .@{select-prefix-cls}-selection-search-input {
                 height: @select-height-without-border;
            }
             &::after {
                 line-height: @select-height-without-border;
            }
        }
    }
     &.@{select-prefix-cls}-customize-input {
         .@{select-prefix-cls}-selector {
             &::after {
                 display: none;
            }
             .@{select-prefix-cls}-selection-search {
                 position: static;
                 width: 100%;
            }
             .@{select-prefix-cls}-selection-placeholder {
                 position: absolute;
                 right: 0;
                 left: 0;
                 padding: 0 @input-padding-horizontal-base;
                 &::after {
                     display: none;
                }
            }
        }
    }
     .select-size(@suffix, @input-height) {
         @merged-cls: ~'@{select-prefix-cls}-@{suffix}';
         &.@{merged-cls}:not(.@{select-prefix-cls}-customize-input) {
             .@{select-prefix-cls}-selector {
                 height: @input-height;
                 &::after, .@{select-prefix-cls}-selection-item, .@{select-prefix-cls}-selection-placeholder {
                     line-height: @input-height - 2 * @border-width-base;
                }
            }
             &:not(.@{select-prefix-cls}-customize-input) {
                 .@{select-prefix-cls}-selection-search-input {
                     height: @input-height - 2 * @border-width-base;
                }
            }
        }
    }
     .select-size('lg', @select-single-item-height-lg);
     .select-size('sm', @input-height-sm);
     &.@{select-prefix-cls}-sm {
         &:not(.@{select-prefix-cls}-customize-input) {
             .@{select-prefix-cls}-selection-search {
                 right: @input-padding-horizontal-sm;
                 left: @input-padding-horizontal-sm;
            }
             .@{select-prefix-cls}-selector {
                 padding: 0 @input-padding-horizontal-sm;
            }
             &.@{select-prefix-cls}-show-arrow .@{select-prefix-cls}-selection-search {
                 right: @input-padding-horizontal-sm + @font-size-base * 1.5;
            }
             &.@{select-prefix-cls}-show-arrow .@{select-prefix-cls}-selection-item, &.@{select-prefix-cls}-show-arrow .@{select-prefix-cls}-selection-placeholder {
                 padding-right: @font-size-base * 1.5;
            }
        }
    }
     &.@{select-prefix-cls}-lg {
         &:not(.@{select-prefix-cls}-customize-input) {
             .@{select-prefix-cls}-selector {
                 padding: 0 @input-padding-horizontal-lg;
            }
        }
    }
}
 @select-prefix-cls: ~'@{ant-prefix}-select';
 @select-overflow-prefix-cls: ~'@{select-prefix-cls}-selection-overflow';
 @select-multiple-item-border-width: 1px;
 @select-multiple-padding: max( @input-padding-vertical-base - @select-multiple-item-border-width - @select-multiple-item-spacing-half, 0 );
 .@{select-overflow-prefix-cls}{
     position: relative;
     display: flex;
     flex: auto;
     flex-wrap: wrap;
     max-width: 100%;
     &-item {
         flex: none;
         align-self: center;
         max-width: 100%;
    }
}
 .@{select-prefix-cls}{
     &-multiple {
         width: 220px;
         .@{select-prefix-cls}-selector {
             display: flex;
             flex-wrap: wrap;
             align-items: center;
             padding: @select-multiple-padding @input-padding-vertical-base;
             .@{select-prefix-cls}-show-search& {
                 cursor: text;
            }
             .@{select-prefix-cls}-disabled& {
                 background: @neutral-bg-disabled;
                 cursor: not-allowed;
            }
             &::after {
                 display: inline-block;
                 width: 0;
                 margin: @select-multiple-item-spacing-half 0;
                 line-height: @select-multiple-item-height;
                 visibility: hidden;
                 content: '\a0';
            }
        }
         &.@{select-prefix-cls}-show-arrow .@{select-prefix-cls}-selector, &.@{select-prefix-cls}-allow-clear .@{select-prefix-cls}-selector {
             padding-right: @font-size-body-s + @control-padding-horizontal;
        }
         .@{select-prefix-cls}-selection-item {
             position: relative;
             display: flex;
             flex: none;
             box-sizing: border-box;
             max-width: 100%;
             color: @neutral-fg-2-normal;
             height: @select-multiple-item-height;
             margin-top: @select-multiple-item-spacing-half;
             margin-bottom: @select-multiple-item-spacing-half;
             line-height: @select-multiple-item-height - @select-multiple-item-border-width * 2;
             background: @neutral-bg-disabled;
             border: 1px solid @neutral-stroke-1-normal;
             border-radius: @radius-s;
             cursor: default;
             transition: font-size 0.3s, line-height 0.3s, height 0.3s;
             user-select: none;
             margin-inline-end: @input-padding-vertical-base;
             padding-inline-start: @padding-xs;
             padding-inline-end: (@padding-xs / 2);
             .@{select-prefix-cls}-disabled& {
                 color: @neutral-fg-2-normal;
                 border-color: @neutral-stroke-1-normal;
                 cursor: not-allowed;
            }
             &-content {
                 display: inline-block;
                 margin-right: (@padding-xs / 2);
                 overflow: hidden;
                 white-space: pre;
                 text-overflow: ellipsis;
            }
             &-remove {
                 .iconfont-mixin();
                 display: inline-block;
                 color: @neutral-fg-3-normal;
                 font-weight: 700;
                 font-size: 10px;
                 line-height: inherit;
                 cursor: pointer;
                 > .@{iconfont-css-prefix}{
                     vertical-align: middle;
                }
                 &:hover {
                     color: @neutral-fg-3-normal;
                }
            }
        }
         .@{select-overflow-prefix-cls}-item + .@{select-overflow-prefix-cls}-item {
             .@{select-prefix-cls}-selection-search {
                 margin-inline-start: 0;
            }
        }
         .@{select-prefix-cls}-selection-search {
             position: relative;
             max-width: 100%;
             margin-inline-start: @input-padding-horizontal-base - @input-padding-vertical-base;
             &-input, &-mirror {
                 height: @select-multiple-item-height;
                 font-family: @font-family;
                 line-height: @select-multiple-item-height;
                 transition: all 0.3s;
            }
             &-input {
                 width: 100%;
                 min-width: 4.1px;
            }
             &-mirror {
                 position: absolute;
                 top: 0;
                 left: 0;
                 z-index: 999;
                 white-space: pre;
                 visibility: hidden;
            }
        }
         .@{select-prefix-cls}-selection-placeholder {
             position: absolute;
             top: 50%;
             right: @input-padding-horizontal;
             left: @input-padding-horizontal;
             transform: translateY(-50%);
             transition: all 0.3s;
        }
         .select-size(@suffix, @input-height) {
             @merged-cls: ~'@{select-prefix-cls}-@{suffix}';
             &.@{merged-cls}{
                 @select-selection-height: @input-height - @input-padding-vertical-base * 2;
                 @select-height-without-border: @input-height - @border-width-base * 2;
                 .@{select-prefix-cls}-selector::after {
                     line-height: @select-selection-height;
                }
                 .@{select-prefix-cls}-selection-item {
                     height: @select-selection-height;
                     line-height: @select-selection-height - @border-width-base * 2;
                }
                 .@{select-prefix-cls}-selection-search {
                     height: @select-selection-height;
                     line-height: @select-selection-height;
                     &-input, &-mirror {
                         height: @select-selection-height;
                         line-height: @select-selection-height - @border-width-base * 2;
                    }
                }
            }
        }
         .select-size('lg', @input-height-lg);
         .select-size('sm', @input-height-sm);
         &.@{select-prefix-cls}-sm {
             .@{select-prefix-cls}-selection-placeholder {
                 left: @input-padding-horizontal-sm;
            }
             .@{select-prefix-cls}-selection-search {
                 margin-inline-start: 3px;
            }
        }
         &.@{select-prefix-cls}-lg {
             .@{select-prefix-cls}-selection-item {
                 height: @select-multiple-item-height-lg;
                 line-height: @select-multiple-item-height-lg;
            }
        }
    }
     &-disabled .@{select-prefix-cls}-selection-item-remove {
         display: none;
    }
}
 @select-prefix-cls: ~'@{ant-prefix}-select';
 @pagination-prefix-cls: ~'@{ant-prefix}-pagination';
 .select-status-color( @text-color;
 @border-color;
 @background-color;
 @hoverBorderColor;
 @outlineColor;
 ) {
     &.@{select-prefix-cls}:not(.@{select-prefix-cls}-disabled):not(.@{select-prefix-cls}-customize-input):not(.@{pagination-prefix-cls}-size-changer) {
         .@{select-prefix-cls}-selector {
             background-color: @background-color;
             border-color: @border-color !important;
        }
         &.@{select-prefix-cls}-open .@{select-prefix-cls}-selector, &.@{select-prefix-cls}-focused .@{select-prefix-cls}-selector {
             .active(@border-color, @hoverBorderColor, @outlineColor);
        }
    }
}
 .@{select-prefix-cls}{
     &-status-error {
         .select-status-color(@status-error-fg-1-normal, @status-error-stroke-1-normal, @select-background, @status-error-fg-1-active, @error-color-outline);
    }
     &-status-warning {
         .select-status-color(@status-warning-fg-1-normal, @status-warning-stroke-1-normal, @input-bg, @status-warning-fg-1-active, @warning-color-outline);
    }
     &-status-error, &-status-warning, &-status-success, &-status-validating {
         &.@{select-prefix-cls}-has-feedback {
             .@{select-prefix-cls}-clear {
                 right: 32px;
            }
             .@{select-prefix-cls}-selection-selected-value {
                 padding-right: 42px;
            }
        }
    }
}
 @select-prefix-cls: ~'@{ant-prefix}-select';
 @select-height-without-border: @input-height-base - 2 * @border-width-base;
 @select-dropdown-edge-child-vertical-padding: @dropdown-edge-child-vertical-padding;
 .select-selector() {
     position: relative;
     background-color: @neutral-bg-5-normal;
     border: @border-width-base @border-style-base @neutral-stroke-1-normal;
     border-radius: @control-border-radius;
     transition: all 0.3s @ease-in-out;
     input {
         cursor: pointer;
    }
     .@{select-prefix-cls}-show-search& {
         cursor: text;
         input {
             cursor: auto;
        }
    }
     .@{select-prefix-cls}-focused:not(.@{select-prefix-cls}-disabled)& {
         .active();
    }
     .@{select-prefix-cls}-disabled& {
         color: @neutral-fg-disabled;
         background: @neutral-bg-disabled;
         cursor: not-allowed;
         .@{select-prefix-cls}-multiple& {
             background: @neutral-bg-disabled;
        }
         input {
             cursor: not-allowed;
        }
    }
}
 .select-search-input-without-border() {
     .@{select-prefix-cls}-selection-search-input {
         margin: 0;
         padding: 0;
         background: transparent;
         border: none;
         outline: none;
         appearance: none;
         &::-webkit-search-cancel-button {
             display: none;
             -webkit-appearance: none;
        }
    }
}
 .@{select-prefix-cls}{
     .reset-component();
     position: relative;
     display: inline-block;
     cursor: pointer;
     &:not(&-customize-input) &-selector {
         .select-selector();
         .select-search-input-without-border();
    }
     &:not(&-disabled):hover &-selector {
         .hover();
    }
     &-selection-item {
         flex: 1;
         overflow: hidden;
         font-weight: normal;
         white-space: nowrap;
         text-overflow: ellipsis;
         @media all and (-ms-high-contrast: none) {
             *::-ms-backdrop, & {
                 flex: auto;
            }
        }
    }
     &-selection-placeholder {
         flex: 1;
         overflow: hidden;
         color: @neutral-fg-5-normal;
         white-space: nowrap;
         text-overflow: ellipsis;
         pointer-events: none;
         @media all and (-ms-high-contrast: none) {
             *::-ms-backdrop, & {
                 flex: auto;
            }
        }
    }
     &-arrow {
         .iconfont-mixin();
         position: absolute;
         top: 50%;
         right: @control-padding-horizontal - 1px;
         display: flex;
         align-items: center;
         height: @font-size-sm;
         margin-top: (-@font-size-sm / 2);
         color: @neutral-fg-3-normal;
         font-size: @font-size-sm;
         line-height: 1;
         text-align: center;
         pointer-events: none;
         .@{iconfont-css-prefix}{
             vertical-align: top;
             transition: transform 0.3s;
             > svg {
                 vertical-align: top;
            }
             &:not(.@{select-prefix-cls}-suffix) {
                 pointer-events: auto;
            }
        }
         .@{select-prefix-cls}-disabled & {
             cursor: not-allowed;
        }
         > *:not(:last-child) {
             margin-inline-end: @padding-xs;
        }
    }
     &-clear {
         position: absolute;
         top: 50%;
         right: @control-padding-horizontal - 1px;
         z-index: 1;
         display: inline-block;
         width: @font-size-sm;
         height: @font-size-sm;
         margin-top: -8px;
         color: @neutral-fg-3-normal;
         font-size: @font-size-sm;
         font-style: normal;
         line-height: 1;
         text-align: center;
         text-transform: none;
         background: @neutral-bg-5-normal;
         cursor: pointer;
         opacity: 0;
         transition: color 0.3s ease, opacity 0.15s ease;
         text-rendering: auto;
         &::before {
             display: block;
        }
         .@{select-prefix-cls}:hover & {
             opacity: 1;
        }
    }
     &-dropdown {
         .reset-component();
         position: absolute;
         top: -9999px;
         left: -9999px;
         z-index: @zindex-dropdown;
         box-sizing: border-box;
         padding: @select-dropdown-edge-child-vertical-padding 4px;
         overflow: hidden;
         font-size: @font-size-base;
         font-variant: initial;
         background-color: @neutral-bg-1-normal;
         border-radius: @border-radius-base;
         outline: none;
         box-shadow: @shadow-2-down;
         &.@{ant-prefix}-slide-up-enter.@{ant-prefix}-slide-up-enter-active&-placement-bottomLeft, &.@{ant-prefix}-slide-up-appear.@{ant-prefix}-slide-up-appear-active&-placement-bottomLeft {
             animation-name: antSlideUpIn;
        }
         &.@{ant-prefix}-slide-up-enter.@{ant-prefix}-slide-up-enter-active&-placement-topLeft, &.@{ant-prefix}-slide-up-appear.@{ant-prefix}-slide-up-appear-active&-placement-topLeft {
             animation-name: antSlideDownIn;
        }
         &.@{ant-prefix}-slide-up-leave.@{ant-prefix}-slide-up-leave-active&-placement-bottomLeft {
             animation-name: antSlideUpOut;
        }
         &.@{ant-prefix}-slide-up-leave.@{ant-prefix}-slide-up-leave-active&-placement-topLeft {
             animation-name: antSlideDownOut;
        }
         &-hidden {
             display: none;
        }
         &-empty {
             color: @disabled-color;
        }
    }
     .item() {
         position: relative;
         display: block;
         min-height: @select-dropdown-height;
         padding: @select-dropdown-vertical-padding @control-padding-horizontal;
         color: @neutral-fg-2-normal;
         font-weight: normal;
         font-size: @select-dropdown-font-size;
         line-height: @select-dropdown-line-height;
    }
     &-item-empty {
         .item();
         color: @disabled-color;
    }
     &-item {
         .item();
         cursor: pointer;
         transition: background 0.3s ease;
         &-group {
             color: @neutral-fg-2-normal;
             font-size: @font-size-sm;
             cursor: default;
        }
         &-option {
             display: flex;
             &-content {
                 flex: auto;
                 overflow: hidden;
                 white-space: nowrap;
                 text-overflow: ellipsis;
            }
             &-state {
                 flex: none;
            }
             &-active:not(&-disabled) {
                 background-color: @neutral-bg-1-hover-1;
            }
             &-selected:not(&-disabled) {
                 color: @neutral-fg-2-normal;
                 font-weight: @select-item-selected-font-weight;
                 background-color: @brand-bg-2-selected;
                 .@{select-prefix-cls}-item-option-state {
                     color: @neutral-fg-2-normal;
                }
            }
             &-disabled {
                 &.@{select-prefix-cls}-item-option-selected {
                     background-color: @neutral-bg-disabled;
                }
                 color: @neutral-fg-disabled;
                 cursor: not-allowed;
            }
             &-grouped {
                 padding-left: @control-padding-horizontal * 2;
            }
        }
    }
     &-lg {
         font-size: @font-size-lg;
    }
     &-borderless &-selector {
         background-color: transparent !important;
         border-color: transparent !important;
         box-shadow: none !important;
    }
     &&-in-form-item {
         width: 100%;
    }
     .compact-item(@select-prefix-cls, ~'@{select-prefix-cls}-selector', ~'@{select-prefix-cls}-focused');
}
 .rc-virtual-list-scrollbar {
     width: 12px;
     background-color: @neutral-bg-5-normal;
     .rc-virtual-list-scrollbar-thumb {
         width: 6px !important;
         transform: translateX(3px) !important;
         border-radius: 2px !important;
         background-color: @scrollbar-bg-normal !important;
         &:hover {
             width: 12px !important;
             transform: translateX(0) !important;
             background: @scrollbar-bg-hover !important;
        }
    }
     .rc-virtual-list-scrollbar-thumb-moving {
         width: 12px !important;
         transform: translateX(0) !important;
         background: @scrollbar-bg-hover !important;
    }
}
 @select-prefix-cls: ~'@{ant-prefix}-select';
 .@{select-prefix-cls}{
     &-rtl {
         direction: rtl;
    }
     &-arrow {
         .@{select-prefix-cls}-rtl & {
             right: initial;
             left: @control-padding-horizontal - 1px;
        }
    }
     &-clear {
         .@{select-prefix-cls}-rtl & {
             right: initial;
             left: @control-padding-horizontal - 1px;
        }
    }
     &-dropdown {
         &-rtl {
             direction: rtl;
        }
    }
     &-item {
         &-option {
             &-grouped {
                 .@{select-prefix-cls}-dropdown-rtl & {
                     padding-right: @control-padding-horizontal * 2;
                     padding-left: @control-padding-horizontal;
                }
            }
        }
    }
}
 @select-multiple-item-border-width: 1px;
 @select-multiple-item-spacing-half: ceil((@input-padding-vertical-base / 2));
 @select-multiple-padding: max( @input-padding-vertical-base - @select-multiple-item-border-width - @select-multiple-item-spacing-half, 0 );
 .@{select-prefix-cls}-multiple {
     &.@{select-prefix-cls}-show-arrow .@{select-prefix-cls}-selector, &.@{select-prefix-cls}-allow-clear .@{select-prefix-cls}-selector {
         .@{select-prefix-cls}-rtl& {
             padding-right: @input-padding-vertical-base;
             padding-left: @font-size-sm + @control-padding-horizontal;
        }
    }
     .@{select-prefix-cls}-selection-item {
         .@{select-prefix-cls}-rtl& {
             text-align: right;
        }
         &-content {
             .@{select-prefix-cls}-rtl& {
                 margin-right: 0;
                 margin-left: (@padding-xs / 2);
                 text-align: right;
            }
        }
    }
     .@{select-prefix-cls}-selection-search {
         &-mirror {
             .@{select-prefix-cls}-rtl& {
                 right: 0;
                 left: auto;
            }
        }
    }
     .@{select-prefix-cls}-selection-placeholder {
         .@{select-prefix-cls}-rtl& {
             right: @input-padding-horizontal;
             left: auto;
        }
    }
     &.@{select-prefix-cls}-sm {
         .@{select-prefix-cls}-selection-placeholder {
             .@{select-prefix-cls}-rtl& {
                 right: @input-padding-horizontal-sm;
            }
        }
    }
}
 @selection-item-padding: ceil(@font-size-base * 1.25);
 .@{select-prefix-cls}-single {
     .@{select-prefix-cls}-selector {
         .@{select-prefix-cls}-selection-item, .@{select-prefix-cls}-selection-placeholder {
             .@{select-prefix-cls}-rtl& {
                 right: 0;
                 left: 9px;
                 text-align: right;
            }
        }
    }
     &.@{select-prefix-cls}-show-arrow .@{select-prefix-cls}-selection-search {
         .@{select-prefix-cls}-rtl& {
             right: @input-padding-horizontal-base;
             left: @input-padding-horizontal-base + @font-size-base;
        }
    }
     &.@{select-prefix-cls}-show-arrow .@{select-prefix-cls}-selection-item, &.@{select-prefix-cls}-show-arrow .@{select-prefix-cls}-selection-placeholder {
         .@{select-prefix-cls}-rtl& {
             padding-right: 0;
             padding-left: @selection-item-padding;
        }
    }
     &.@{select-prefix-cls}-sm {
         &:not(.@{select-prefix-cls}-customize-input) {
             &.@{select-prefix-cls}-show-arrow .@{select-prefix-cls}-selection-search {
                 .@{select-prefix-cls}-rtl& {
                     right: @input-padding-horizontal-sm - 1px;
                }
            }
             &.@{select-prefix-cls}-show-arrow .@{select-prefix-cls}-selection-item, &.@{select-prefix-cls}-show-arrow .@{select-prefix-cls}-selection-placeholder {
                 .@{select-prefix-cls}-rtl& {
                     padding-right: 0;
                     padding-left: @font-size-base * 1.5;
                }
            }
        }
    }
}
 @root-entry-name: default;
 @skeleton-prefix-cls: ~'@{ant-prefix}-skeleton';
 @skeleton-avatar-prefix-cls: ~'@{skeleton-prefix-cls}-avatar';
 @skeleton-title-prefix-cls: ~'@{skeleton-prefix-cls}-title';
 @skeleton-paragraph-prefix-cls: ~'@{skeleton-prefix-cls}-paragraph';
 @skeleton-button-prefix-cls: ~'@{skeleton-prefix-cls}-button';
 @skeleton-input-prefix-cls: ~'@{skeleton-prefix-cls}-input';
 @skeleton-image-prefix-cls: ~'@{skeleton-prefix-cls}-image';
 @skeleton-block-radius: @border-radius-base;
 .@{skeleton-prefix-cls}{
     display: table;
     width: 100%;
     &-header {
         display: table-cell;
         padding-right: @padding-md;
         vertical-align: top;
         .@{skeleton-avatar-prefix-cls}{
             .skeleton-element-avatar();
        }
    }
     &-content {
         display: table-cell;
         width: 100%;
         vertical-align: top;
         .@{skeleton-title-prefix-cls}{
             width: 100%;
             height: @skeleton-title-height;
             background: @skeleton-color;
             border-radius: @skeleton-block-radius;
             + .@{skeleton-paragraph-prefix-cls}{
                 margin-top: @skeleton-title-paragraph-margin-top;
            }
        }
         .@{skeleton-paragraph-prefix-cls}{
             padding: 0;
             > li {
                 width: 100%;
                 height: @skeleton-paragraph-li-height;
                 list-style: none;
                 background: @skeleton-color;
                 border-radius: @skeleton-block-radius;
                 &:last-child:not(:first-child):not(:nth-child(2)) {
                     width: 61%;
                }
                 + li {
                     margin-top: @skeleton-paragraph-li-margin-top;
                }
            }
        }
    }
     &-with-avatar &-content {
         .@{skeleton-title-prefix-cls}{
             margin-top: @margin-sm;
             + .@{skeleton-paragraph-prefix-cls}{
                 margin-top: @skeleton-paragraph-margin-top;
            }
        }
    }
     &-round &-content {
         .@{skeleton-title-prefix-cls}, .@{skeleton-paragraph-prefix-cls}> li {
             border-radius: 100px;
        }
    }
     &-active {
         .@{skeleton-title-prefix-cls}, .@{skeleton-paragraph-prefix-cls}> li, .@{skeleton-avatar-prefix-cls}, .@{skeleton-button-prefix-cls}, .@{skeleton-input-prefix-cls}, .@{skeleton-image-prefix-cls}{
             .skeleton-color();
        }
    }
     &.@{skeleton-prefix-cls}-block {
         width: 100%;
         .@{skeleton-button-prefix-cls}{
             width: 100%;
        }
         .@{skeleton-input-prefix-cls}{
             width: 100%;
        }
    }
     &-element {
         display: inline-block;
         width: auto;
         .@{skeleton-button-prefix-cls}{
             .skeleton-element-button();
        }
         .@{skeleton-avatar-prefix-cls}{
             .skeleton-element-avatar();
        }
         .@{skeleton-input-prefix-cls}{
             .skeleton-element-input();
        }
         .@{skeleton-image-prefix-cls}{
             .skeleton-element-image();
        }
    }
}
 .skeleton-element-button() {
     display: inline-block;
     vertical-align: top;
     background: @skeleton-color;
     border-radius: @border-radius-base;
     .skeleton-element-button-size(@btn-height-base);
     &-lg {
         .skeleton-element-button-size(@btn-height-lg);
    }
     &-sm {
         .skeleton-element-button-size(@btn-height-sm);
    }
}
 .skeleton-element-avatar() {
     display: inline-block;
     vertical-align: top;
     background: @skeleton-color;
     .skeleton-element-avatar-size(@avatar-size-base);
     &-lg {
         .skeleton-element-avatar-size(@avatar-size-lg);
    }
     &-sm {
         .skeleton-element-avatar-size(@avatar-size-sm);
    }
}
 .skeleton-element-input() {
     display: inline-block;
     vertical-align: top;
     background: @skeleton-color;
     .skeleton-element-input-size(@input-height-base);
     &-lg {
         .skeleton-element-input-size(@input-height-lg);
    }
     &-sm {
         .skeleton-element-input-size(@input-height-sm);
    }
}
 .skeleton-element-image() {
     display: flex;
     align-items: center;
     justify-content: center;
     vertical-align: top;
     background: @skeleton-color;
     .skeleton-element-image-size(@image-size-base*2);
     &-path {
         fill: #bfbfbf;
    }
     &-svg {
         .skeleton-element-image-size(@image-size-base);
         max-width: @image-size-base * 4;
         max-height: @image-size-base * 4;
    }
}
 .skeleton-element-avatar-size(@size) {
     width: @size;
     .skeleton-element-common-size(@size);
     &.@{skeleton-avatar-prefix-cls}-circle {
         border-radius: 50%;
    }
}
 .skeleton-element-button-size(@size) {
     width: @size * 2;
     min-width: @size * 2;
     .skeleton-element-common-size(@size);
     &.@{skeleton-button-prefix-cls}-square {
         width: @size;
         min-width: @size;
    }
     &.@{skeleton-button-prefix-cls}-circle {
         width: @size;
         min-width: @size;
         border-radius: 50%;
    }
     &.@{skeleton-button-prefix-cls}-round {
         border-radius: @size;
    }
}
 .skeleton-element-input-size(@size) {
     width: @size * 5;
     min-width: @size * 5;
     .skeleton-element-common-size(@size);
}
 .skeleton-element-image-size(@size) {
     width: @size;
     .skeleton-element-common-size(@size);
     &.@{skeleton-image-prefix-cls}-circle {
         border-radius: 50%;
    }
}
 .skeleton-element-common-size(@size) {
     height: @size;
     line-height: @size;
}
 .skeleton-color() {
     position: relative;
     z-index: 0;
     overflow: hidden;
     background: transparent;
     &::after {
         position: absolute;
         top: 0;
         right: -150%;
         bottom: 0;
         left: -150%;
         background: linear-gradient( 90deg, @skeleton-color 25%, @skeleton-to-color 37%, @skeleton-color 63% );
         animation: ~'@{skeleton-prefix-cls}-loading' 1.4s ease infinite;
         content: '';
    }
}
 @keyframes ~"@{skeleton-prefix-cls}-loading" {
     0% {
         transform: translateX(-37.5%);
    }
     100% {
         transform: translateX(37.5%);
    }
}
 @skeleton-prefix-cls: ~'@{ant-prefix}-skeleton';
 @skeleton-avatar-prefix-cls: ~'@{skeleton-prefix-cls}-avatar';
 @skeleton-title-prefix-cls: ~'@{skeleton-prefix-cls}-title';
 @skeleton-paragraph-prefix-cls: ~'@{skeleton-prefix-cls}-paragraph';
 .@{skeleton-prefix-cls}{
     &-rtl {
         direction: rtl;
    }
     &-header {
         .@{skeleton-prefix-cls}-rtl & {
             padding-right: 0;
             padding-left: 16px;
        }
    }
     &.@{skeleton-prefix-cls}-active {
         & .@{skeleton-prefix-cls}-content {
             .@{skeleton-title-prefix-cls}, .@{skeleton-paragraph-prefix-cls}> li {
                 .@{skeleton-prefix-cls}-rtl& {
                     animation-name: ~'@{skeleton-prefix-cls}-loading-rtl';
                }
            }
        }
         .@{skeleton-avatar-prefix-cls}{
             .@{skeleton-prefix-cls}-rtl& {
                 animation-name: ~'@{skeleton-prefix-cls}-loading-rtl';
            }
        }
    }
}
 @keyframes ~"@{skeleton-prefix-cls}-loading-rtl" {
     0% {
         background-position: 0% 50%;
    }
     100% {
         background-position: 100% 50%;
    }
}
 @root-entry-name: default;
 @slider-prefix-cls: ~'@{ant-prefix}-slider';
 .@{slider-prefix-cls}{
     .reset-component();
     position: relative;
     height: 12px;
     margin: @slider-margin;
     padding: 4px 0;
     cursor: pointer;
     touch-action: none;
     .vertical();
     &-with-marks {
         margin-bottom: 28px;
    }
     &-rail {
         position: absolute;
         width: 100%;
         height: 4px;
         background-color: @neutral-stroke-2-normal;
         border-radius: @radius-m;
         transition: background-color 0.3s;
    }
     &-track {
         position: absolute;
         height: 4px;
         background-color: @brand-stroke-1-normal;
         border-radius: @radius-m;
         transition: background-color 0.3s;
    }
     &-handle {
         position: absolute;
         width: @slider-handle-size;
         height: @slider-handle-size;
         margin-top: @slider-handle-margin-top;
         background-color: @neutral-bg-5-normal;
         border: solid @slider-handle-border-width @brand-stroke-1-normal;
         border-radius: 50%;
         cursor: pointer;
         transition: border-color 0.3s, box-shadow 0.6s, transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
         &-dragging {
             z-index: 1;
        }
         &:focus {
             border-color: @brand-stroke-1-active !important;
             outline: none;
             box-shadow: 0 0 0 5px @slider-handle-color-focus-shadow;
        }
         &.@{ant-prefix}-tooltip-open {
             border-color: @brand-stroke-1-hover;
        }
         &::after {
             position: absolute;
             top: -6px;
             right: -6px;
             bottom: -6px;
             left: -6px;
             content: '';
        }
    }
     &:hover {
         .@{slider-prefix-cls}-rail {
             background-color: @neutral-stroke-2-normal;
        }
         .@{slider-prefix-cls}-track {
             background-color: @brand-fg-1-normal;
        }
         .@{slider-prefix-cls}-handle:not(.@{ant-prefix}-tooltip-open) {
             border-color: @brand-stroke-1-hover;
        }
    }
     &-mark {
         position: absolute;
         top: 14px;
         left: 0;
         width: 100%;
         font-size: @font-size-body-m;
    }
     &-mark-text {
         position: absolute;
         display: inline-block;
         color: @neutral-fg-2-normal;
         text-align: center;
         word-break: keep-all;
         cursor: pointer;
         user-select: none;
         &-active {
             color: @neutral-fg-2-normal;
        }
    }
     &-step {
         position: absolute;
         width: 100%;
         height: 4px;
         background: transparent;
         pointer-events: none;
    }
     &-dot {
         position: absolute;
         top: -2px;
         width: 8px;
         height: 8px;
         background-color: @component-background;
         border: 2px solid @neutral-bg-1-normal;
         border-radius: 50%;
         cursor: pointer;
         &-active {
             border-color: @slider-dot-border-color-active;
        }
    }
     &-disabled {
         cursor: not-allowed;
         .@{slider-prefix-cls}-rail {
             background-color: @neutral-stroke-2-normal !important;
        }
         .@{slider-prefix-cls}-track {
             background-color: @neutral-fg-disabled !important;
        }
         .@{slider-prefix-cls}-handle, .@{slider-prefix-cls}-dot {
             background-color: @neutral-bg-5-normal;
             border-color: @neutral-stroke-disabled !important;
             box-shadow: none;
             cursor: not-allowed;
        }
         .@{slider-prefix-cls}-mark-text, .@{slider-prefix-cls}-dot {
             cursor: not-allowed !important;
        }
    }
}
 .vertical() {
     &-vertical {
         width: 12px;
         height: 100%;
         margin: 6px 10px;
         padding: 0 4px;
         .@{slider-prefix-cls}-rail {
             width: 4px;
             height: 100%;
        }
         .@{slider-prefix-cls}-track {
             width: 4px;
        }
         .@{slider-prefix-cls}-handle {
             margin-top: -6px;
             margin-left: @slider-handle-margin-left;
        }
         .@{slider-prefix-cls}-mark {
             top: 0;
             left: 12px;
             width: 18px;
             height: 100%;
        }
         .@{slider-prefix-cls}-mark-text {
             left: 4px;
             white-space: nowrap;
        }
         .@{slider-prefix-cls}-step {
             width: 4px;
             height: 100%;
        }
         .@{slider-prefix-cls}-dot {
             top: auto;
             margin-left: -2px;
        }
    }
     &-tooltip {
         .@{ant-prefix}-tooltip-inner {
             min-width: unset;
        }
    }
}
 @slider-prefix-cls: ~'@{ant-prefix}-slider';
 .@{slider-prefix-cls}{
     &-rtl {
         direction: rtl;
    }
     &-mark {
         .@{slider-prefix-cls}-rtl & {
             right: 0;
             left: auto;
        }
    }
}
 .vertical() {
     &-vertical {
         .@{slider-prefix-cls}-handle {
             .@{slider-prefix-cls}-rtl& {
                 margin-right: -5px;
                 margin-left: 0;
            }
        }
         .@{slider-prefix-cls}-mark {
             .@{slider-prefix-cls}-rtl& {
                 right: 12px;
                 left: auto;
            }
        }
         .@{slider-prefix-cls}-mark-text {
             .@{slider-prefix-cls}-rtl& {
                 right: 4px;
                 left: auto;
            }
        }
         .@{slider-prefix-cls}-dot {
             .@{slider-prefix-cls}-rtl& {
                 right: 2px;
                 left: auto;
            }
        }
    }
}
 @root-entry-name: default;
 @space-prefix-cls: ~'@{ant-prefix}-space';
 @space-item-prefix-cls: ~'@{ant-prefix}-space-item';
 .@{space-prefix-cls}{
     display: inline-flex;
     &-vertical {
         flex-direction: column;
    }
     &-align {
         &-center {
             align-items: center;
        }
         &-start {
             align-items: flex-start;
        }
         &-end {
             align-items: flex-end;
        }
         &-baseline {
             align-items: baseline;
        }
    }
}
 .@{space-item-prefix-cls}{
     &:empty {
         display: none;
    }
}
 @space-compact-prefix-cls: ~'@{ant-prefix}-space-compact';
 .@{space-compact-prefix-cls}{
     display: inline-flex;
     &-block {
         display: flex;
         width: 100%;
    }
     &-vertical {
         flex-direction: column;
    }
}
 @space-prefix-cls: ~'@{ant-prefix}-space';
 .@{space-prefix-cls}{
     &-rtl {
         direction: rtl;
    }
     &-compact-rtl {
         direction: rtl;
    }
}
 @root-entry-name: default;
 @spin-prefix-cls: ~'@{ant-prefix}-spin';
 @spin-dot-default: @text-color-secondary;
 .@{spin-prefix-cls}{
     .reset-component();
     position: absolute;
     display: none;
     color: @brand-fg-1-normal;
     font-size: 0;
     text-align: center;
     vertical-align: middle;
     opacity: 0;
     transition: transform 0.3s @ease-in-out-circ;
     &-spinning {
         position: static;
         display: inline-block;
         opacity: 1;
    }
     &-nested-loading {
         position: relative;
         > div > .@{spin-prefix-cls}{
             position: absolute;
             top: 0;
             left: 0;
             z-index: 4;
             display: block;
             width: 100%;
             height: 100%;
             max-height: 400px;
             .@{spin-prefix-cls}-dot {
                 position: absolute;
                 top: 50%;
                 left: 50%;
                 margin: -(@spin-dot-size / 2);
            }
             .@{spin-prefix-cls}-text {
                 position: absolute;
                 top: 50%;
                 width: 100%;
                 padding-top: ((@spin-dot-size - @font-size-body-m) / 2) + 2px;
                 font-size: @font-size-body-m;
                 text-shadow: 0 1px 2px @shadow-color-inverse;
            }
             &.@{spin-prefix-cls}-show-text .@{spin-prefix-cls}-dot {
                 margin-top: -(@spin-dot-size / 2) - 10px;
            }
        }
         > div > .@{spin-prefix-cls}-sm {
             .@{spin-prefix-cls}-dot {
                 margin: -(@spin-dot-size-sm / 2);
            }
             .@{spin-prefix-cls}-text {
                 padding-top: ((@spin-dot-size-sm - @font-size-body-m) / 2) + 2px;
            }
             &.@{spin-prefix-cls}-show-text .@{spin-prefix-cls}-dot {
                 margin-top: -(@spin-dot-size-sm / 2) - 10px;
            }
        }
         > div > .@{spin-prefix-cls}-lg {
             .@{spin-prefix-cls}-dot {
                 margin: -(@spin-dot-size-lg / 2);
            }
             .@{spin-prefix-cls}-text {
                 padding-top: ((@spin-dot-size-lg - @font-size-body-m) / 2) + 2px;
            }
             &.@{spin-prefix-cls}-show-text .@{spin-prefix-cls}-dot {
                 margin-top: -(@spin-dot-size-lg / 2) - 10px;
            }
        }
    }
     &-container {
         position: relative;
         transition: opacity 0.3s;
         &::after {
             position: absolute;
             top: 0;
             right: 0;
             bottom: 0;
             left: 0;
             z-index: 10;
             display: ~'none \9';
             width: 100%;
             height: 100%;
             background: @component-background;
             opacity: 0;
             transition: all 0.3s;
             content: '';
             pointer-events: none;
        }
    }
     &-blur {
         clear: both;
         opacity: 0.5;
         user-select: none;
         pointer-events: none;
         &::after {
             opacity: 0.4;
             pointer-events: auto;
        }
    }
     &-tip {
         color: @spin-dot-default;
    }
     &-dot {
         position: relative;
         display: inline-block;
         font-size: @spin-dot-size;
         .square(1em);
         &-item {
             position: absolute;
             display: block;
             width: 9px;
             height: 9px;
             background-color: @brand-fg-1-normal;
             border-radius: 100%;
             transform: scale(0.75);
             transform-origin: 50% 50%;
             opacity: 0.3;
             animation: antSpinMove 1s infinite linear alternate;
             &:nth-child(1) {
                 top: 0;
                 left: 0;
            }
             &:nth-child(2) {
                 top: 0;
                 right: 0;
                 animation-delay: 0.4s;
            }
             &:nth-child(3) {
                 right: 0;
                 bottom: 0;
                 animation-delay: 0.8s;
            }
             &:nth-child(4) {
                 bottom: 0;
                 left: 0;
                 animation-delay: 1.2s;
            }
        }
         &-spin {
             transform: rotate(0deg);
             animation: antRotate 1.2s infinite linear;
        }
    }
     &-sm &-dot {
         font-size: @spin-dot-size-sm;
         i {
             width: 6px;
             height: 6px;
        }
    }
     &-lg &-dot {
         font-size: @spin-dot-size-lg;
         i {
             width: 14px;
             height: 14px;
        }
    }
     &&-show-text &-text {
         display: block;
    }
}
 @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     .@{spin-prefix-cls}-blur {
         background: @component-background;
         opacity: 0.5;
    }
}
 @keyframes antSpinMove {
     to {
         opacity: 1;
    }
}
 @keyframes antRotate {
     to {
         transform: rotate(360deg);
    }
}
 .@{spin-prefix-cls}{
     &-rtl {
         direction: rtl;
    }
     &-dot {
         &-spin {
             .@{spin-prefix-cls}-rtl & {
                 transform: rotate(-45deg);
                 animation-name: antRotateRtl;
            }
        }
    }
}
 @keyframes antRotateRtl {
     to {
         transform: rotate(-405deg);
    }
}
 @root-entry-name: default;
 @statistic-prefix-cls: ~'@{ant-prefix}-statistic';
 .@{statistic-prefix-cls}{
     .reset-component();
     &-title {
         margin-bottom: @margin-xss;
         color: @neutral-fg-3-normal;
         font-size: @font-size-body-m;
    }
     &-skeleton {
         padding-top: @padding-md;
    }
     &-content {
         color: @neutral-fg-2-normal;
         font-size: @font-size-digit-l;
         font-family: @statistic-font-family;
         font-weight: @font-weight-bold;
         &-value {
             display: inline-block;
             direction: ltr;
        }
         &-prefix, &-suffix {
             display: inline-block;
        }
         &-prefix {
             margin-right: 4px;
        }
         &-suffix {
             margin-left: 4px;
        }
    }
}
 .@{statistic-prefix-cls}{
     &-rtl {
         direction: rtl;
    }
     &-content {
         &-prefix {
             .@{statistic-prefix-cls}-rtl & {
                 margin-right: 0;
                 margin-left: 4px;
            }
        }
         &-suffix {
             .@{statistic-prefix-cls}-rtl & {
                 margin-right: 4px;
                 margin-left: 0;
            }
        }
    }
}
 @root-entry-name: default;
 @steps-prefix-cls: ~'@{ant-prefix}-steps';
 @process-icon-color: @brand-bg-1-normal;
 @process-title-color: @neutral-fg-1-normal;
 @process-description-color: @neutral-fg-4-normal;
 @process-icon-text-color: @neutral-fg-on-color;
 @wait-icon-color: @neutral-stroke-disabled;
 @wait-title-color: @neutral-fg-disabled;
 @wait-description-color: @neutral-fg-disabled;
 @wait-tail-color: @neutral-stroke-2-normal;
 @finish-icon-color: @process-icon-color;
 @finish-title-color: @neutral-fg-3-normal;
 @finish-description-color: @neutral-fg-4-normal;
 @finish-tail-color: @brand-stroke-1-normal;
 @error-icon-color: @status-error-fg-1-normal;
 @error-title-color: @status-error-fg-1-normal;
 @error-description-color: @status-error-fg-1-normal;
 @error-tail-color: @status-error-fg-1-normal;
 @steps-nav-active-color: @neutral-fg-1-normal;
 .@{steps-prefix-cls}{
     .reset-component();
     display: flex;
     width: 100%;
     font-size: 0;
     text-align: initial;
}
 .@{steps-prefix-cls}-item {
     position: relative;
     display: inline-block;
     flex: 1;
     overflow: hidden;
     vertical-align: top;
     &-container {
         outline: none;
    }
     &:last-child {
         flex: none;
    }
     &:last-child > &-container > &-tail, &:last-child > &-container > &-content > &-title::after {
         display: none;
    }
     &-icon, &-content {
         display: inline-block;
         vertical-align: top;
    }
     &-icon {
         width: @steps-icon-size;
         height: @steps-icon-size;
         margin: @steps-icon-margin;
         font-size: @font-size-body-m;
         font-family: @font-family;
         line-height: @steps-icon-size;
         text-align: center;
         border: @border-width-base @border-style-base @neutral-stroke-disabled;
         border-radius: @steps-icon-size;
         transition: background-color 0.3s, border-color 0.3s;
         .@{steps-prefix-cls}-icon {
             position: relative;
             top: @steps-icon-top;
             color: @brand-fg-1-normal;
             line-height: 1;
        }
    }
     &-tail {
         position: absolute;
         top: 12px;
         left: 0;
         width: 100%;
         padding: 0 10px;
         &::after {
             display: inline-block;
             width: 100%;
             height: 1px;
             background: @neutral-stroke-2-normal;
             border-radius: 1px;
             transition: background 0.3s;
             content: '';
        }
    }
     &-title {
         position: relative;
         display: inline-block;
         padding-right: 16px;
         color: @neutral-fg-3-normal;
         font-size: @font-size-body-m;
         line-height: @steps-title-line-height;
         &::after {
             position: absolute;
             top: (@steps-title-line-height / 2);
             left: 100%;
             display: block;
             width: 9999px;
             height: 1px;
             background: @neutral-stroke-2-normal;
             content: '';
        }
    }
     &-subtitle {
         display: inline;
         margin-left: 8px;
         color: @neutral-fg-4-normal;
         font-weight: normal;
         font-size: @font-size-body-s;
    }
     &-description {
         color: @neutral-fg-4-normal;
         font-size: @font-size-body-s;
    }
     .step-item-status(wait);
     .step-item-status(process);
     &-process > &-container > &-icon {
         background: @brand-bg-1-normal;
         .@{steps-prefix-cls}-icon {
             color: @neutral-fg-on-color;
        }
    }
     .step-item-status(finish);
     .step-item-status(error);
     &.@{steps-prefix-cls}-next-error .@{steps-prefix-cls}-item-title::after {
         background: @error-icon-color;
    }
     &-disabled {
         cursor: not-allowed;
    }
}
 .@{steps-prefix-cls}-item-process, .@{steps-prefix-cls}-item-error {
     .@{steps-prefix-cls}-item-title {
         font-weight: @font-weight-bold;
    }
}
 .@{steps-prefix-cls}.@{steps-prefix-cls}-item {
     &:not(.@{steps-prefix-cls}-item-active) {
         & > .@{steps-prefix-cls}-item-container[role='button'] {
             cursor: pointer;
             .@{steps-prefix-cls}-item {
                 &-title, &-subtitle, &-description, &-icon .@{steps-prefix-cls}-icon {
                     transition: color 0.3s;
                }
            }
             &:hover {
                 .@{steps-prefix-cls}-item {
                     &-title, &-subtitle, &-description {
                         color: @primary-color;
                    }
                }
            }
        }
         &:not(.@{steps-prefix-cls}-item-process) {
             & > .@{steps-prefix-cls}-item-container[role='button']:hover {
                 .@{steps-prefix-cls}-item {
                     &-icon {
                         border-color: @primary-color;
                         .@{steps-prefix-cls}-icon {
                             color: @primary-color;
                        }
                    }
                }
            }
        }
    }
}
 .@{steps-prefix-cls}-horizontal:not(.@{steps-prefix-cls}-label-vertical) {
     .@{steps-prefix-cls}-item {
         padding-left: 16px;
         white-space: nowrap;
         &:first-child {
             padding-left: 0;
        }
         &:last-child .@{steps-prefix-cls}-item-title {
             padding-right: 0;
        }
         &-tail {
             display: none;
        }
         &-description {
             max-width: @steps-description-max-width;
             white-space: normal;
        }
    }
}
 .step-item-status(@status) {
     @icon-color: '@{status}-icon-color';
     @title-color: '@{status}-title-color';
     @description-color: '@{status}-description-color';
     @tail-color: '@{status}-tail-color';
     &-@{status}&-icon {
         background-color: @steps-background;
         border-color: @@icon-color;
         > .@{steps-prefix-cls}-icon {
             color: @@icon-color;
             .@{steps-prefix-cls}-icon-dot {
                 background: @@icon-color;
            }
        }
    }
     &-@{status}> &-container > &-content > &-title {
         color: @@title-color;
         &::after {
             background-color: @@tail-color;
        }
    }
     &-@{status}> &-container > &-content > &-description {
         color: @@description-color;
    }
     &-@{status}> &-container > &-tail::after {
         background-color: @@tail-color;
    }
}
 .@{steps-prefix-cls}-item-custom {
     > .@{steps-prefix-cls}-item-container > .@{steps-prefix-cls}-item-icon {
         height: auto;
         background: none;
         border: 0;
         > .@{steps-prefix-cls}-icon {
             top: @steps-icon-custom-top;
             left: 0.5px;
             width: @steps-icon-custom-size;
             height: @steps-icon-custom-size;
             font-size: @steps-icon-custom-font-size;
             line-height: @steps-icon-custom-size;
        }
    }
     &.@{steps-prefix-cls}-item-process {
         .@{steps-prefix-cls}-item-icon > .@{steps-prefix-cls}-icon {
             color: @process-icon-color;
        }
    }
}
 .@{steps-prefix-cls}{
     &:not(.@{steps-prefix-cls}-vertical) {
         .@{steps-prefix-cls}-item-custom {
             .@{steps-prefix-cls}-item-icon {
                 width: auto;
                 background: none;
            }
        }
    }
}
 .@{steps-prefix-cls}-small {
     &.@{steps-prefix-cls}-horizontal:not(.@{steps-prefix-cls}-label-vertical) .@{steps-prefix-cls}-item {
         padding-left: 12px;
         &:first-child {
             padding-left: 0;
        }
    }
     .@{steps-prefix-cls}-item-icon {
         width: @steps-small-icon-size;
         height: @steps-small-icon-size;
         margin: @steps-small-icon-margin;
         font-size: @font-size-sm;
         line-height: @steps-small-icon-size;
         text-align: center;
         border-radius: @steps-small-icon-size;
    }
     .@{steps-prefix-cls}-item-title {
         padding-right: 12px;
         font-size: @font-size-base;
         line-height: @steps-small-icon-size;
         &::after {
             top: (@steps-small-icon-size / 2);
        }
    }
     .@{steps-prefix-cls}-item-description {
         color: @text-color-secondary;
         font-size: @font-size-base;
    }
     .@{steps-prefix-cls}-item-tail {
         top: 8px;
    }
     .@{steps-prefix-cls}-item-custom .@{steps-prefix-cls}-item-icon {
         width: inherit;
         height: inherit;
         line-height: inherit;
         background: none;
         border: 0;
         border-radius: 0;
         > .@{steps-prefix-cls}-icon {
             font-size: @steps-small-icon-size;
             line-height: @steps-small-icon-size;
             transform: none;
        }
    }
}
 .@{steps-prefix-cls}-vertical {
     display: flex;
     flex-direction: column;
     > .@{steps-prefix-cls}-item {
         display: block;
         flex: 1 0 auto;
         padding-left: 0;
         overflow: visible;
         .@{steps-prefix-cls}-item-icon {
             float: left;
             margin-right: @steps-vertical-icon-width;
        }
         .@{steps-prefix-cls}-item-content {
             display: block;
             min-height: 48px;
             overflow: hidden;
        }
         .@{steps-prefix-cls}-item-title {
             line-height: @steps-icon-size;
        }
         .@{steps-prefix-cls}-item-description {
             padding-bottom: 12px;
        }
    }
     > .@{steps-prefix-cls}-item > .@{steps-prefix-cls}-item-container > .@{steps-prefix-cls}-item-tail {
         position: absolute;
         top: 0;
         left: @steps-vertical-tail-width - 1;
         width: 1px;
         height: 100%;
         padding: @steps-icon-size + 6px 0 6px;
         &::after {
             width: 1px;
             height: 100%;
        }
    }
     > .@{steps-prefix-cls}-item:not(:last-child) > .@{steps-prefix-cls}-item-container > .@{steps-prefix-cls}-item-tail {
         display: block;
    }
     > .@{steps-prefix-cls}-item > .@{steps-prefix-cls}-item-container > .@{steps-prefix-cls}-item-content > .@{steps-prefix-cls}-item-title {
         &::after {