@slider-track-background-color-hover: @primary-4;
 @slider-handle-border-width: 2px;
 @slider-handle-background-color: @component-background;
 @slider-handle-color: @primary-3;
 @slider-handle-color-hover: @primary-4;
 @slider-handle-color-focus: tint(@primary-color, 20%);
 @slider-handle-color-focus-shadow: fade(@primary-color, 12%);
 @slider-handle-color-tooltip-open: @primary-color;
 @slider-handle-size: 14px;
 @slider-handle-margin-top: -5px;
 @slider-handle-margin-left: -5px;
 @slider-handle-shadow: 0;
 @slider-dot-border-color: @border-color-split;
 @slider-dot-border-color-active: tint(@primary-color, 50%);
 @slider-disabled-color: @disabled-color;
 @slider-disabled-background-color: @component-background;
 @tree-bg: @component-background;
 @tree-title-height: 24px;
 @tree-child-padding: 18px;
 @tree-directory-selected-color: #fff;
 @tree-directory-selected-bg: @primary-color;
 @tree-node-hover-bg: @item-hover-bg;
 @tree-node-selected-bg: @primary-1;
 @tree-node-height: 32px;
 @collapse-header-padding: @padding-sm @padding-md;
 @collapse-header-padding-extra: 40px;
 @collapse-header-bg: @background-color-light;
 @collapse-content-padding: @padding-md;
 @collapse-content-bg: @component-background;
 @collapse-header-arrow-left: 16px;
 @skeleton-color: rgba(190, 190, 190, 0.2);
 @skeleton-to-color: shade(@skeleton-color, 5%);
 @skeleton-paragraph-margin-top: 28px;
 @skeleton-paragraph-li-margin-top: @margin-md;
 @skeleton-paragraph-li-height: 16px;
 @skeleton-title-height: 16px;
 @skeleton-title-paragraph-margin-top: @margin-lg;
 @transfer-header-height: 40px;
 @transfer-item-height: @height-base;
 @transfer-disabled-bg: @disabled-bg;
 @transfer-list-height: 200px;
 @transfer-item-hover-bg: @item-hover-bg;
 @transfer-item-selected-hover-bg: darken(@item-active-bg, 2%);
 @transfer-item-padding-vertical: 6px;
 @transfer-list-search-icon-top: 12px;
 @message-notice-content-padding: 16px;
 @message-notice-content-bg: @component-background;
 @wave-animation-width: 6px;
 @alert-success-border-color: ~`colorPalette('@{success-color}', 3) `;
 @alert-success-bg-color: ~`colorPalette('@{success-color}', 1) `;
 @alert-success-icon-color: @success-color;
 @alert-info-border-color: ~`colorPalette('@{info-color}', 3) `;
 @alert-info-bg-color: ~`colorPalette('@{info-color}', 1) `;
 @alert-info-icon-color: @info-color;
 @alert-warning-border-color: ~`colorPalette('@{warning-color}', 3) `;
 @alert-warning-bg-color: ~`colorPalette('@{warning-color}', 1) `;
 @alert-warning-icon-color: @warning-color;
 @alert-error-border-color: ~`colorPalette('@{error-color}', 3) `;
 @alert-error-bg-color: ~`colorPalette('@{error-color}', 1) `;
 @alert-error-icon-color: @error-color;
 @alert-message-color: @heading-color;
 @alert-text-color: @text-color;
 @alert-close-color: @text-color-secondary;
 @alert-close-hover-color: @icon-color-hover;
 @alert-padding-vertical: @padding-xs;
 @alert-padding-horizontal: @padding-md - 1px;
 @alert-no-icon-padding-vertical: @padding-xs;
 @alert-with-description-no-icon-padding-vertical: @padding-md - 1px;
 @alert-with-description-padding-vertical: @padding-md - 1px;
 @alert-with-description-padding: @alert-with-description-padding-vertical 15px @alert-with-description-no-icon-padding-vertical @alert-with-description-icon-size;
 @alert-icon-top: 8px + @font-size-body-m * (@line-height-base / 2) - (@font-size-body-m / 2);
 @alert-with-description-icon-size: 24px;
 @list-header-background: transparent;
 @list-footer-background: transparent;
 @list-empty-text-padding: @padding-md;
 @list-item-padding: @padding-sm 0;
 @list-item-padding-sm: @padding-xs @padding-md;
 @list-item-padding-lg: 16px 24px;
 @list-item-meta-margin-bottom: @padding-md;
 @list-item-meta-avatar-margin-right: @padding-md;
 @list-item-meta-title-margin-bottom: @padding-sm;
 @list-customize-card-bg: @component-background;
 @list-item-meta-description-font-size: @font-size-body-m;
 @statistic-title-font-size: @font-size-body-m;
 @statistic-content-font-size: 24px;
 @statistic-unit-font-size: 24px;
 @statistic-font-family: @font-family;
 @drawer-header-padding: @padding-md @padding-lg;
 @drawer-body-padding: @padding-lg;
 @drawer-bg: @component-background;
 @drawer-footer-padding-vertical: @modal-footer-padding-vertical;
 @drawer-footer-padding-horizontal: @modal-footer-padding-horizontal;
 @drawer-header-close-size: 56px;
 @drawer-title-font-size: @font-size-lg;
 @drawer-title-line-height: 22px;
 @timeline-width: 2px;
 @timeline-color: @border-color-split;
 @timeline-dot-border-width: 2px;
 @timeline-dot-color: @primary-color;
 @timeline-dot-bg: @component-background;
 @timeline-item-padding-bottom: 20px;
 @typography-title-font-weight: 600;
 @typography-title-margin-top: 1.2em;
 @typography-title-margin-bottom: 0.5em;
 @upload-actions-color: @text-color-secondary;
 @process-tail-color: @border-color-split;
 @steps-nav-arrow-color: fade(@black, 25%);
 @steps-background: @component-background;
 @steps-icon-size: 32px;
 @steps-icon-custom-size: @steps-icon-size;
 @steps-icon-custom-top: 0px;
 @steps-icon-custom-font-size: 24px;
 @steps-icon-top: -0.5px;
 @steps-icon-font-size: @font-size-lg;
 @steps-icon-margin: 0 8px 0 0;
 @steps-title-line-height: @height-base;
 @steps-small-icon-size: 24px;
 @steps-small-icon-margin: 0 8px 0 0;
 @steps-dot-size: 8px;
 @steps-dot-top: 2px;
 @steps-current-dot-size: 10px;
 @steps-description-max-width: 140px;
 @steps-nav-content-max-width: auto;
 @steps-vertical-icon-width: 16px;
 @steps-vertical-tail-width: 16px;
 @steps-vertical-tail-width-sm: 12px;
 @notification-bg: @component-background;
 @notification-padding-vertical: 16px;
 @notification-padding-horizontal: 16px;
 @result-title-font-size: 24px;
 @result-subtitle-font-size: @font-size-body-m;
 @result-icon-font-size: 72px;
 @result-extra-margin: 24px 0 0 0;
 @image-size-base: 48px;
 @image-font-size-base: 24px;
 @image-bg: #f5f5f5;
 @image-color: #fff;
 @image-mask-font-size: 16px;
 @image-preview-operation-size: 18px;
 @image-preview-operation-color: @text-color-dark;
 @image-preview-operation-disabled-color: fade(@image-preview-operation-color, 25%);
 @segmented-bg: fade(@black, 4%);
 @segmented-hover-bg: fade(@black, 6%);
 @segmented-selected-bg: @white;
 @segmented-label-color: fade(@black, 65%);
 @segmented-label-hover-color: #262626;
 @scrollbar-bg-normal: fade(#8c8c8c, 20%);
 @scrollbar-bg-hover: fade(#8c8c8c, 30%);
 .size(@width;
 @height) {
     width: @width;
     height: @height;
}
 .square(@size) {
     .size(@size;
     @size);
}
 .placeholder(@color: @neutral-fg-5-normal) {
     &::placeholder {
         color: @color;
         user-select: none;
    }
     &:placeholder-shown {
         text-overflow: ellipsis;
    }
}
 .clearfix() {
     &::before {
         display: table;
         content: '';
    }
     &::after {
         display: table;
         clear: both;
         content: '';
    }
}
 .iconfont-mixin() {
     display: inline-block;
     color: @icon-color;
     font-style: normal;
     line-height: 0;
     text-align: center;
     text-transform: none;
     vertical-align: -0.125em;
     text-rendering: optimizelegibility;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     > * {
         line-height: 1;
    }
     svg {
         display: inline-block;
    }
     &::before {
         display: none;
    }
     & &-icon {
         display: block;
    }
}
 .typography-paragraph() {
     margin-bottom: 1em;
}
 .typography-title(@fontSize;
 @fontWeight;
 @lineHeight;
 @headingColor;
 @headingMarginBottom;
 ) {
     margin-bottom: @headingMarginBottom;
     color: @headingColor;
     font-weight: @fontWeight;
     font-size: @fontSize;
     line-height: @lineHeight;
}
 .typography-title-1() {
     .typography-title( @heading-1-size, @typography-title-font-weight, 1.23, @heading-color, @typography-title-margin-bottom );
}
 .typography-title-2() {
     .typography-title( @heading-2-size, @typography-title-font-weight, 1.35, @heading-color, @typography-title-margin-bottom );
}
 .typography-title-3() {
     .typography-title( @heading-3-size, @typography-title-font-weight, 1.35, @heading-color, @typography-title-margin-bottom );
}
 .typography-title-4() {
     .typography-title( @heading-4-size, @typography-title-font-weight, 1.4, @heading-color, @typography-title-margin-bottom );
}
 .typography-title-5() {
     .typography-title( @heading-5-size, @typography-title-font-weight, 1.5, @heading-color, @typography-title-margin-bottom );
}
 .popover-customize-bg(@containerClass, @background: @popover-background, @prefix: @ant-prefix) when (@theme = dark) {
     @picker-prefix-cls: ~'@{prefix}-picker';
     @slider-prefix-cls: ~'@{prefix}-slider';
     @anchor-prefix-cls: ~'@{prefix}-anchor';
     @collapse-prefix-cls: ~'@{prefix}-collapse';
     @tab-prefix-cls: ~'@{prefix}-tabs';
     @timeline-prefix-cls: ~'@{prefix}-timeline';
     @tree-prefix-cls: ~'@{prefix}-tree';
     @card-prefix-cls: ~'@{prefix}-card';
     @badge-prefix-cls: ~'@{prefix}-badge';
     @transfer-prefix-cls: ~'@{prefix}-transfer';
     @calendar-prefix-cls: ~'@{prefix}-picker-calendar';
     @calendar-picker-prefix-cls: ~'@{prefix}-picker';
     @table-prefix-cls: ~'@{prefix}-table';
     @popover-border: @border-width-base @border-style-base @popover-customize-border-color;
     .@{containerClass}{
         .@{picker-prefix-cls}-clear, .@{slider-prefix-cls}-handle, .@{anchor-prefix-cls}-wrapper, .@{collapse-prefix-cls}-content, .@{timeline-prefix-cls}-item-head, .@{card-prefix-cls}{
             background-color: @background;
        }
         .@{transfer-prefix-cls}{
             &-list {
                 &-header {
                     background: @background;
                     border-bottom: @popover-border;
                }
                 &-content-item:not(.@{transfer-prefix-cls}-list-content-item-disabled):hover {
                     background-color: @item-hover-bg;
                }
            }
        }
         tr.@{table-prefix-cls}-expanded-row {
             &, &:hover {
                 > td {
                     background: #272727;
                }
            }
        }
         .@{table-prefix-cls}.@{table-prefix-cls}-small {
             thead {
                 > tr {
                     > th {
                         background-color: @background;
                         border-bottom: @popover-border;
                    }
                }
            }
        }
         .@{table-prefix-cls}{
             background-color: @background;
             .@{table-prefix-cls}-row-expand-icon {
                 border: @popover-border;
            }
             tfoot {
                 > tr {
                     > th, > td {
                         border-bottom: @popover-border;
                    }
                }
            }
             thead {
                 > tr {
                     > th {
                         background-color: #272727;
                         border-bottom: @popover-border;
                    }
                }
            }
             tbody {
                 > tr {
                     > td {
                         border-bottom: @popover-border;
                         &.@{table-prefix-cls}-cell-fix-left, &.@{table-prefix-cls}-cell-fix-right {
                             background-color: @background;
                        }
                    }
                     &.@{table-prefix-cls}-row:hover {
                         > td {
                             background: @table-header-sort-active-bg;
                        }
                    }
                }
            }
             &.@{table-prefix-cls}-bordered {
                 .@{table-prefix-cls}-title {
                     border: @popover-border;
                }
                 thead > tr > th, tbody > tr > td, tfoot > tr > th, tfoot > tr > td {
                     border-right: @popover-border;
                }
                 .@{table-prefix-cls}-cell-fix-right-first::after {
                     border-right: @popover-border;
                }
                 table > {
                     thead {
                         > tr:not(:last-child) > th {
                             border-bottom: @border-width-base @border-style-base @border-color-split;
                        }
                    }
                }
                 .@{table-prefix-cls}-container {
                     border: @popover-border;
                }
                 .@{table-prefix-cls}-expanded-row-fixed {
                     &::after {
                         border-right: @popover-border;
                    }
                }
                 .@{table-prefix-cls}-footer {
                     border: @popover-border;
                }
            }
             .@{table-prefix-cls}-filter-trigger-container-open {
                 background-color: #525252;
            }
        }
         .@{calendar-prefix-cls}-full {
             background-color: @background;
             .@{calendar-picker-prefix-cls}-panel {
                 background-color: @background;
                 .@{calendar-prefix-cls}-date {
                     border-top: 2px solid @popover-customize-border-color;
                }
            }
        }
         .@{tab-prefix-cls}{
             &.@{tab-prefix-cls}-card .@{tab-prefix-cls}-card-bar .@{tab-prefix-cls}-tab-active {
                 background-color: @background;
                 border-bottom: @border-width-base solid @background;
            }
        }
         .@{badge-prefix-cls}{
             &-count {
                 box-shadow: 0 0 0 1px @background;
            }
        }
         .@{tree-prefix-cls}{
             &-show-line {
                 .@{tree-prefix-cls}-switcher {
                     background: @background;
                }
            }
        }
    }
}
 .box(@position: absolute) {
     position: @position;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
}
 .modal-mask() {
     pointer-events: none;
     &.@{ant-prefix}-zoom-enter, &.@{ant-prefix}-zoom-appear {
         transform: none;
         opacity: 0;
         animation-duration: @animation-duration-slow;
         user-select: none;
    }
     &-mask {
         .box(fixed);
         z-index: @zindex-modal-mask;
         height: 100%;
         background-color: @modal-mask-bg;
         &-hidden {
             display: none;
        }
    }
     &-wrap {
         .box(fixed);
         overflow: auto;
         outline: 0;
    }
}
 .motion-common(@duration: @animation-duration-base) {
     animation-duration: @duration;
     animation-fill-mode: both;
}
 .motion-common-leave(@duration: @animation-duration-base) {
     animation-duration: @duration;
     animation-fill-mode: both;
}
 .make-motion(@className, @keyframeName, @duration: @animation-duration-base) {
     .@{className}-enter, .@{className}-appear {
         .motion-common(@duration);
         animation-play-state: paused;
    }
     .@{className}-leave {
         .motion-common-leave(@duration);
         animation-play-state: paused;
    }
     .@{className}-enter.@{className}-enter-active, .@{className}-appear.@{className}-appear-active {
         animation-name: ~'@{keyframeName}In';
         animation-play-state: running;
    }
     .@{className}-leave.@{className}-leave-active {
         animation-name: ~'@{keyframeName}Out';
         animation-play-state: running;
         pointer-events: none;
    }
}
 .reset-component() {
     box-sizing: border-box;
     margin: 0;
     padding: 0;
     color: @neutral-fg-2-normal;
     font-size: @font-size-body-m;
     font-variant: @font-variant-base;
     line-height: @font-line-height;
     list-style: none;
     font-feature-settings: @font-feature-settings-base;
}
 .operation-unit() {
     color: @link-color;
     outline: none;
     cursor: pointer;
     transition: color 0.3s;
     &:focus-visible, &:hover {
         color: @link-hover-color;
    }
     &:active {
         color: @link-active-color;
    }
}
 .roundedArrow(@width, @outer-radius, @bg-color: var(--antd-arrow-background-color)) {
     @corner-height: unit(((@outer-radius) * (1 - 1 / sqrt(2))));
     @width-without-unit: unit(@width);
     @outer-radius-without-unit: unit(@outer-radius);
     @inner-radius-without-unit: unit(@arrow-border-radius);
     @a-x: @width-without-unit - @corner-height;
     @a-y: 2 * @width-without-unit + @corner-height;
     @b-x: @a-x + @outer-radius-without-unit * (1 / sqrt(2));
     @b-y: 2 * @width-without-unit;
     @c-x: 2 * @width-without-unit - @inner-radius-without-unit;
     @c-y: 2 * @width-without-unit;
     @d-x: 2 * @width-without-unit;
     @d-y: 2 * @width-without-unit - @inner-radius-without-unit;
     @e-x: 2 * @width-without-unit;
     @e-y: @f-y + @outer-radius-without-unit * (1 / sqrt(2));
     @f-x: 2 * @width-without-unit + @corner-height;
     @f-y: @width-without-unit - @corner-height;
     @g-x: @f-x - 1;
     @g-y: @f-y;
     @h-x: @a-x;
     @h-y: @a-y - 1;
     border-radius: 0 0 @arrow-border-radius;
     pointer-events: none;
     &::before {
         position: absolute;
         top: -@width;
         left: -@width;
         width: @width * 3;
         height: @width * 3;
         background: @bg-color;
         background-repeat: no-repeat;
         background-position: ceil(-@width + 1px) ceil(-@width + 1px);
         content: '';
         clip-path: inset(33% 33%);
         clip-path: path( 'M @{a-x}@{a-y}A @{outer-radius-without-unit}@{outer-radius-without-unit}0 0 1 @{b-x}@{b-y}L @{c-x}@{c-y}A @{inner-radius-without-unit}@{inner-radius-without-unit}0 0 0 @{d-x}@{d-y}L @{e-x}@{e-y}A @{outer-radius-without-unit}@{outer-radius-without-unit}0 0 1 @{f-x}@{f-y}L @{g-x}@{g-y}L @{h-x}@{h-y}Z' );
    }
}
 .compact-item-border-radius(@prefix-cls, @bordered-item-cls: null) {
     & when (@bordered-item-cls = null) {
         &-item:not(&-first-item):not(&-last-item).@{prefix-cls}{
             border-radius: 0;
        }
         &-item.@{prefix-cls}&-first-item:not(&-last-item):not(&-item-rtl) {
             border-top-right-radius: 0;
             border-bottom-right-radius: 0;
        }
         &-item.@{prefix-cls}&-last-item:not(&-first-item):not(&-item-rtl) {
             border-top-left-radius: 0;
             border-bottom-left-radius: 0;
        }
         &-item.@{prefix-cls}&-item-rtl&-first-item:not(&-last-item) {
             border-top-left-radius: 0;
             border-bottom-left-radius: 0;
        }
         &-item.@{prefix-cls}&-item-rtl&-last-item:not(&-first-item) {
             border-top-right-radius: 0;
             border-bottom-right-radius: 0;
        }
    }
     & when (not (@bordered-item-cls = null)) {
         &-item:not(&-first-item):not(&-last-item).@{prefix-cls}> .@{bordered-item-cls}{
             border-radius: 0;
        }
         &-item&-first-item.@{prefix-cls}:not(&-last-item):not(&-item-rtl) > .@{bordered-item-cls}{
             border-top-right-radius: 0;
             border-bottom-right-radius: 0;
        }
         &-item&-last-item.@{prefix-cls}:not(&-first-item):not(&-item-rtl) > .@{bordered-item-cls}{
             border-top-left-radius: 0;
             border-bottom-left-radius: 0;
        }
         &-item.@{prefix-cls}&-first-item&-item-rtl:not(&-last-item) > .@{bordered-item-cls}{
             border-top-left-radius: 0;
             border-bottom-left-radius: 0;
        }
         &-item.@{prefix-cls}&-last-item&-item-rtl:not(&-first-item) > .@{bordered-item-cls}{
             border-top-right-radius: 0;
             border-bottom-right-radius: 0;
        }
    }
}
 .compact-item-border(@prefix-cls, @bordered-item-cls: null, @special-open-cls) {
     & when (@bordered-item-cls = null) {
         &-item:not(&-last-item):not(&-item-rtl) {
             margin-right: -@border-width-base;
        }
         &-item:not(&-last-item)&-item-rtl {
             margin-left: -@border-width-base;
        }
         &-item {
             &:hover, &:focus, &:active {
                 z-index: 2;
            }
             & when (not (@special-item-cls = null)) {
                 &.@{special-item-cls}{
                     z-index: 2;
                }
            }
             &[disabled] {
                 z-index: 0;
            }
        }
    }
     & when (not (@bordered-item-cls = null)) {
         &-item:not(&-last-item) {
             margin-right: -@border-width-base;
             &.@{prefix-cls}-compact-item-rtl {
                 margin-right: 0;
                 margin-left: -@border-width-base;
            }
        }
         &-item {
             &:hover, &:focus, &:active {
                 > * {
                     z-index: 2;
                }
            }
             & when (not (@special-item-cls = null)) {
                 &.@{special-item-cls}> * {
                     z-index: 2;
                }
            }
             &[disabled] > * {
                 z-index: 0;
            }
        }
    }
}
 .compact-item(@prefix-cls, @bordered-item-cls: null, @special-item-cls: null) {
     &-compact {
         .compact-item-border(@prefix-cls, @bordered-item-cls, @special-item-cls);
         .compact-item-border-radius(@prefix-cls, @bordered-item-cls);
    }
}
 .compact-item-vertical-border-radius(@prefix-cls) {
     &-item:not(&-first-item):not(&-last-item) {
         border-radius: 0;
    }
     &-item&-first-item:not(&-last-item) {
         border-bottom-right-radius: 0;
         border-bottom-left-radius: 0;
    }
     &-item&-last-item:not(&-first-item) {
         border-top-left-radius: 0;
         border-top-right-radius: 0;
    }
}
 .compact-item-vertical-border(@prefix-cls) {
     &-item:not(&-last-item) {
         margin-bottom: -@border-width-base;
    }
     &-item {
         &:hover, &:focus, &:active {
             z-index: 2;
        }
         &[disabled] {
             z-index: 0;
        }
    }
}
 .compact-item-vertical(@prefix-cls) {
     &-compact-vertical {
         .compact-item-vertical-border(@prefix-cls);
         .compact-item-vertical-border-radius(@prefix-cls);
    }
}
 [class^=~'@{ant-prefix}-'], [class*=~' @{ant-prefix}-'] {
     &::-ms-clear, input::-ms-clear, input::-ms-reveal {
         display: none;
    }
}
 @{html-selector}, body {
     .square(100%);
}
 input::-ms-clear, input::-ms-reveal {
     display: none;
}
 *, *::before, *::after {
     box-sizing: border-box;
}
 @{html-selector}{
     font-family: sans-serif;
     line-height: 1.15;
     -webkit-text-size-adjust: 100%;
     -ms-text-size-adjust: 100%;
     -ms-overflow-style: scrollbar;
     -webkit-tap-highlight-color: fade(@black, 0%);
}
 @-ms-viewport {
     width: device-width;
}
 body {
     margin: 0;
     color: @text-color;
     font-size: @font-size-base;
     font-family: @font-family;
     font-variant: @font-variant-base;
     line-height: @line-height-base;
     background-color: @body-background;
     font-feature-settings: @font-feature-settings-base;
}
 [tabindex='-1']:focus {
     outline: none !important;
}
 hr {
     box-sizing: content-box;
     height: 0;
     overflow: visible;
}
 h1, h2, h3, h4, h5, h6 {
     margin-top: 0;
     margin-bottom: 0.5em;
     color: @heading-color;
     font-weight: 500;
}
 p {
     margin-top: 0;
     margin-bottom: 1em;
}
 abbr[title], abbr[data-original-title] {
     text-decoration: underline;
     text-decoration: underline dotted;
     border-bottom: 0;
     cursor: help;
}
 address {
     margin-bottom: 1em;
     font-style: normal;
     line-height: inherit;
}
 input[type='text'], input[type='password'], input[type='number'], textarea {
     -webkit-appearance: none;
}
 ol, ul, dl {
     margin-top: 0;
     margin-bottom: 1em;
}
 ol ol, ul ul, ol ul, ul ol {
     margin-bottom: 0;
}
 dt {
     font-weight: 500;
}
 dd {
     margin-bottom: 0.5em;
     margin-left: 0;
}
 blockquote {
     margin: 0 0 1em;
}
 dfn {
     font-style: italic;
}
 b, strong {
     font-weight: bolder;
}
 small {
     font-size: 80%;
}
 sub, sup {
     position: relative;
     font-size: 75%;
     line-height: 0;
     vertical-align: baseline;
}
 sub {
     bottom: -0.25em;
}
 sup {
     top: -0.5em;
}
 a {
     color: @link-color;
     text-decoration: @link-decoration;
     background-color: transparent;
     outline: none;
     cursor: pointer;
     transition: color 0.3s;
     -webkit-text-decoration-skip: objects;
     &:hover {
         color: @link-hover-color;
    }
     &:active {
         color: @link-active-color;
    }
     &:active, &:hover {
         text-decoration: @link-hover-decoration;
         outline: 0;
    }
     &:focus {
         text-decoration: @link-focus-decoration;
         outline: @link-focus-outline;
    }
     &[disabled] {
         color: @disabled-color;
         cursor: not-allowed;
    }
}
 pre, code, kbd, samp {
     font-size: 1em;
     font-family: @code-family;
}
 pre {
     margin-top: 0;
     margin-bottom: 1em;
     overflow: auto;
}
 figure {
     margin: 0 0 1em;
}
 img {
     vertical-align: middle;
     border-style: none;
}
 a, area, button, [role='button'], input:not([type='range']), label, select, summary, textarea {
     touch-action: manipulation;
}
 table {
     border-collapse: collapse;
}
 caption {
     padding-top: 0.75em;
     padding-bottom: 0.3em;
     color: @text-color-secondary;
     text-align: left;
     caption-side: bottom;
}
 input, button, select, optgroup, textarea {
     margin: 0;
     color: inherit;
     font-size: inherit;
     font-family: inherit;
     line-height: inherit;
}
 button, input {
     overflow: visible;
}
 button, select {
     text-transform: none;
}
 button, @{html-selector}[type="button"], [type="reset"], [type="submit"] {
     -webkit-appearance: button;
}
 button::-moz-focus-inner, [type='button']::-moz-focus-inner, [type='reset']::-moz-focus-inner, [type='submit']::-moz-focus-inner {
     padding: 0;
     border-style: none;
}
 input[type='radio'], input[type='checkbox'] {
     box-sizing: border-box;
     padding: 0;
}
 input[type='date'], input[type='time'], input[type='datetime-local'], input[type='month'] {
     -webkit-appearance: listbox;
}
 textarea {
     overflow: auto;
     resize: vertical;
}
 fieldset {
     min-width: 0;
     margin: 0;
     padding: 0;
     border: 0;
}
 legend {
     display: block;
     width: 100%;
     max-width: 100%;
     margin-bottom: 0.5em;
     padding: 0;
     color: inherit;
     font-size: 1.5em;
     line-height: inherit;
     white-space: normal;
}
 progress {
     vertical-align: baseline;
}
 [type='number']::-webkit-inner-spin-button, [type='number']::-webkit-outer-spin-button {
     height: auto;
}
 [type='search'] {
     outline-offset: -2px;
     -webkit-appearance: none;
}
 [type='search']::-webkit-search-cancel-button, [type='search']::-webkit-search-decoration {
     -webkit-appearance: none;
}
 ::-webkit-file-upload-button {
     font: inherit;
     -webkit-appearance: button;
}
 output {
     display: inline-block;
}
 summary {
     display: list-item;
}
 template {
     display: none;
}
 [hidden] {
     display: none !important;
}
 mark {
     padding: 0.2em;
     background-color: @yellow-1;
}
 ::selection {
     color: @text-color-inverse;
     background: @text-selection-bg;
}
 .clearfix {
     .clearfix();
}
 .@{iconfont-css-prefix}{
     .iconfont-mixin();
     & > & {
         line-height: 0;
         vertical-align: 0;
    }
     &[tabindex] {
         cursor: pointer;
    }
}
 .@{iconfont-css-prefix}-spin, .@{iconfont-css-prefix}-spin::before {
     display: inline-block;
     animation: loadingCircle 1s infinite linear;
}
 .fade-motion(@className, @keyframeName) {
     @name: ~'@{ant-prefix}-@{className}';
     .make-motion(@name, @keyframeName);
     .@{name}-enter, .@{name}-appear {
         opacity: 0;
         animation-timing-function: linear;
    }
     .@{name}-leave {
         animation-timing-function: linear;
    }
}
 .fade-motion(fade, antFade);
 @keyframes antFadeIn {
     0% {
         opacity: 0;
    }
     100% {
         opacity: 1;
    }
}
 @keyframes antFadeOut {
     0% {
         opacity: 1;
    }
     100% {
         opacity: 0;
    }
}
 .move-motion(@className, @keyframeName) {
     @name: ~'@{ant-prefix}-@{className}';
     .make-motion(@name, @keyframeName);
     .@{name}-enter, .@{name}-appear {
         opacity: 0;
         animation-timing-function: @ease-out-circ;
    }
     .@{name}-leave {
         animation-timing-function: @ease-in-circ;
    }
}
 .move-motion(move-up, antMoveUp);
 .move-motion(move-down, antMoveDown);
 .move-motion(move-left, antMoveLeft);
 .move-motion(move-right, antMoveRight);
 @keyframes antMoveDownIn {
     0% {
         transform: translateY(100%);
         transform-origin: 0 0;
         opacity: 0;
    }
     100% {
         transform: translateY(0%);
         transform-origin: 0 0;
         opacity: 1;
    }
}
 @keyframes antMoveDownOut {
     0% {
         transform: translateY(0%);
         transform-origin: 0 0;
         opacity: 1;
    }
     100% {
         transform: translateY(100%);
         transform-origin: 0 0;
         opacity: 0;
    }
}
 @keyframes antMoveLeftIn {
     0% {
         transform: translateX(-100%);
         transform-origin: 0 0;
         opacity: 0;
    }
     100% {
         transform: translateX(0%);
         transform-origin: 0 0;
         opacity: 1;
    }
}
 @keyframes antMoveLeftOut {
     0% {
         transform: translateX(0%);
         transform-origin: 0 0;
         opacity: 1;
    }
     100% {
         transform: translateX(-100%);
         transform-origin: 0 0;
         opacity: 0;
    }
}
 @keyframes antMoveRightIn {
     0% {
         transform: translateX(100%);
         transform-origin: 0 0;
         opacity: 0;
    }
     100% {
         transform: translateX(0%);
         transform-origin: 0 0;
         opacity: 1;
    }
}
 @keyframes antMoveRightOut {
     0% {
         transform: translateX(0%);
         transform-origin: 0 0;
         opacity: 1;
    }
     100% {
         transform: translateX(100%);
         transform-origin: 0 0;
         opacity: 0;
    }
}
 @keyframes antMoveUpIn {
     0% {
         transform: translateY(-100%);
         transform-origin: 0 0;
         opacity: 0;
    }
     100% {
         transform: translateY(0%);
         transform-origin: 0 0;
         opacity: 1;
    }
}
 @keyframes antMoveUpOut {
     0% {
         transform: translateY(0%);
         transform-origin: 0 0;
         opacity: 1;
    }
     100% {
         transform: translateY(-100%);
         transform-origin: 0 0;
         opacity: 0;
    }
}
 @keyframes loadingCircle {
     100% {
         transform: rotate(360deg);
    }
}
 @click-animating-true: ~"[@{ant-prefix}-click-animating='true']";
 @click-animating-with-extra-node-true: ~"[@{ant-prefix}-click-animating-without-extra-node='true']";
 @{click-animating-true}, @{click-animating-with-extra-node-true}{
     position: relative;
}
 html {
     --antd-wave-shadow-color: @primary-color;
     --scroll-bar: 0;
}
 @click-animating-with-extra-node-true-after: ~'@{click-animating-with-extra-node-true}::after';
 @{click-animating-with-extra-node-true-after}, .@{ant-prefix}-click-animating-node {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     display: block;
     border-radius: inherit;
     box-shadow: 0 0 0 0 @primary-color;
     box-shadow: 0 0 0 0 var(--antd-wave-shadow-color);
     opacity: 0.2;
     animation: fadeEffect 2s @ease-out-circ, waveEffect 0.4s @ease-out-circ;
     animation-fill-mode: forwards;
     content: '';
     pointer-events: none;
}
 @keyframes waveEffect {
     100% {
         box-shadow: 0 0 0 @primary-color;
         box-shadow: 0 0 0 @wave-animation-width var(--antd-wave-shadow-color);
    }
}
 @keyframes fadeEffect {
     100% {
         opacity: 0;
    }
}
 .slide-motion(@className, @keyframeName) {
     @name: ~'@{ant-prefix}-@{className}';
     .make-motion(@name, @keyframeName);
     .@{name}-enter, .@{name}-appear {
         transform: scale(0);
         transform-origin: 0% 0%;
         opacity: 0;
         animation-timing-function: @ease-out-quint;
    }
     .@{name}-leave {
         animation-timing-function: @ease-in-quint;
    }
}
 .slide-motion(slide-up, antSlideUp);
 .slide-motion(slide-down, antSlideDown);
 .slide-motion(slide-left, antSlideLeft);
 .slide-motion(slide-right, antSlideRight);
 @keyframes antSlideUpIn {
     0% {
         transform: scaleY(0.8);
         transform-origin: 0% 0%;
         opacity: 0;
    }
     100% {
         transform: scaleY(1);
         transform-origin: 0% 0%;
         opacity: 1;
    }
}
 @keyframes antSlideUpOut {
     0% {
         transform: scaleY(1);
         transform-origin: 0% 0%;
         opacity: 1;
    }
     100% {
         transform: scaleY(0.8);
         transform-origin: 0% 0%;
         opacity: 0;
    }
}
 @keyframes antSlideDownIn {
     0% {
         transform: scaleY(0.8);
         transform-origin: 100% 100%;
         opacity: 0;
    }
     100% {
         transform: scaleY(1);
         transform-origin: 100% 100%;
         opacity: 1;
    }
}
 @keyframes antSlideDownOut {
     0% {
         transform: scaleY(1);
         transform-origin: 100% 100%;
         opacity: 1;
    }
     100% {
         transform: scaleY(0.8);
         transform-origin: 100% 100%;
         opacity: 0;
    }
}
 @keyframes antSlideLeftIn {
     0% {
         transform: scaleX(0.8);
         transform-origin: 0% 0%;
         opacity: 0;
    }
     100% {
         transform: scaleX(1);
         transform-origin: 0% 0%;
         opacity: 1;
    }
}
 @keyframes antSlideLeftOut {
     0% {
         transform: scaleX(1);
         transform-origin: 0% 0%;
         opacity: 1;
    }
     100% {
         transform: scaleX(0.8);
         transform-origin: 0% 0%;
         opacity: 0;
    }
}
 @keyframes antSlideRightIn {
     0% {
         transform: scaleX(0.8);
         transform-origin: 100% 0%;
         opacity: 0;
    }
     100% {
         transform: scaleX(1);
         transform-origin: 100% 0%;
         opacity: 1;
    }
}
 @keyframes antSlideRightOut {
     0% {
         transform: scaleX(1);
         transform-origin: 100% 0%;
         opacity: 1;
    }
     100% {
         transform: scaleX(0.8);
         transform-origin: 100% 0%;
         opacity: 0;
    }
}
 .zoom-motion(@className, @keyframeName, @duration: @animation-duration-base) {
     @name: ~'@{ant-prefix}-@{className}';
     .make-motion(@name, @keyframeName, @duration);
     .@{name}-enter, .@{name}-appear {
         transform: scale(0);
         opacity: 0;
         animation-timing-function: @ease-out-circ;
         &-prepare {
             transform: none;
        }
    }
     .@{name}-leave {
         animation-timing-function: @ease-in-out-circ;
    }
}
 .zoom-motion(zoom, antZoom);
 .zoom-motion(zoom-big, antZoomBig);
 .zoom-motion(zoom-big-fast, antZoomBig, @animation-duration-fast);
 .zoom-motion(zoom-up, antZoomUp);
 .zoom-motion(zoom-down, antZoomDown);
 .zoom-motion(zoom-left, antZoomLeft);
 .zoom-motion(zoom-right, antZoomRight);
 @keyframes antZoomIn {
     0% {
         transform: scale(0.2);
         opacity: 0;
    }
     100% {
         transform: scale(1);
         opacity: 1;
    }
}
 @keyframes antZoomOut {
     0% {
         transform: scale(1);
    }
     100% {
         transform: scale(0.2);
         opacity: 0;
    }
}
 @keyframes antZoomBigIn {
     0% {
         transform: scale(0.8);
         opacity: 0;
    }
     100% {
         transform: scale(1);
         opacity: 1;
    }
}
 @keyframes antZoomBigOut {
     0% {
         transform: scale(1);
    }
     100% {
         transform: scale(0.8);
         opacity: 0;
    }
}
 @keyframes antZoomUpIn {
     0% {
         transform: scale(0.8);
         transform-origin: 50% 0%;
         opacity: 0;
    }
     100% {
         transform: scale(1);
         transform-origin: 50% 0%;
    }
}
 @keyframes antZoomUpOut {
     0% {
         transform: scale(1);
         transform-origin: 50% 0%;
    }
     100% {
         transform: scale(0.8);
         transform-origin: 50% 0%;
         opacity: 0;
    }
}
 @keyframes antZoomLeftIn {
     0% {
         transform: scale(0.8);
         transform-origin: 0% 50%;
         opacity: 0;
    }
     100% {
         transform: scale(1);
         transform-origin: 0% 50%;
    }
}
 @keyframes antZoomLeftOut {
     0% {
         transform: scale(1);
         transform-origin: 0% 50%;
    }
     100% {
         transform: scale(0.8);
         transform-origin: 0% 50%;
         opacity: 0;
    }
}
 @keyframes antZoomRightIn {
     0% {
         transform: scale(0.8);
         transform-origin: 100% 50%;
         opacity: 0;
    }
     100% {
         transform: scale(1);
         transform-origin: 100% 50%;
    }
}
 @keyframes antZoomRightOut {
     0% {
         transform: scale(1);
         transform-origin: 100% 50%;
    }
     100% {
         transform: scale(0.8);
         transform-origin: 100% 50%;
         opacity: 0;
    }
}
 @keyframes antZoomDownIn {
     0% {
         transform: scale(0.8);
         transform-origin: 50% 100%;
         opacity: 0;
    }
     100% {
         transform: scale(1);
         transform-origin: 50% 100%;
    }
}
 @keyframes antZoomDownOut {
     0% {
         transform: scale(1);
         transform-origin: 50% 100%;
    }
     100% {
         transform: scale(0.8);
         transform-origin: 50% 100%;
         opacity: 0;
    }
}
 .ant-motion-collapse-legacy {
     overflow: hidden;
     &-active {
         transition: height @animation-duration-base @ease-in-out, opacity @animation-duration-base @ease-in-out !important;
    }
}
 .ant-motion-collapse {
     overflow: hidden;
     transition: height @animation-duration-base @ease-in-out, opacity @animation-duration-base @ease-in-out !important;
}
 @root-entry-name: default;
 .@{ant-prefix}-affix {
     position: fixed;
     z-index: @zindex-affix;
}
 @root-entry-name: default;
 @alert-prefix-cls: ~'@{ant-prefix}-alert';
 .@{alert-prefix-cls}{
     .reset-component();
     position: relative;
     display: flex;
     align-items: center;
     padding: 8px;
     word-wrap: break-word;
     border-radius: @radius-m;
     &-content {
         flex: 1;
         min-width: 0;
    }
     &-icon {
         margin-right: @margin-xs;
         font-size: 16px;
    }
     &-description {
         display: none;
         font-size: @font-size-body-m;
         line-height: @font-line-height;
    }
     &-success {
         background-color: @status-success-bg-2-normal;
         border: @border-width-base @border-style-base @status-success-stroke-1-normal;
         .@{alert-prefix-cls}-icon {
             color: @status-success-fg-1-normal;
        }
    }
     &-info {
         background-color: @brand-bg-2-normal;
         border: @border-width-base @border-style-base @brand-stroke-1-normal;
         .@{alert-prefix-cls}-icon {
             color: @brand-fg-1-normal;
        }
    }
     &-warning {
         background-color: @status-warning-bg-2-normal;
         border: @border-width-base @border-style-base @status-warning-stroke-1-normal;
         .@{alert-prefix-cls}-icon {
             color: @status-warning-fg-1-normal;
        }
    }
     &-error {
         background-color: @status-error-bg-2-normal;
         border: @border-width-base @border-style-base @status-error-stroke-1-normal;
         .@{alert-prefix-cls}-icon {
             color: @status-error-fg-1-normal;
        }
         .@{alert-prefix-cls}-description > pre {
             margin: 0;
             padding: 0;
        }
    }
     &-action {
         margin-left: @margin-xs;
    }
     &-close-icon {
         margin-left: @margin-xs;
         padding: 0;
         overflow: hidden;
         font-size: @font-size-body-m;
         line-height: @font-size-body-m;
         background-color: transparent;
         border: none;
         outline: none;
         color: @neutral-fg-3-normal;
         cursor: pointer;
    }
     &-close-text {
         color: @brand-fg-1-normal;
    }
     &-with-description {
         align-items: flex-start;
         padding: 8px;
    }
     &-with-description &-icon {
         margin-top: 3px;
    }
     &-with-description &-message {
         display: block;
         margin-bottom: 4px;
         font-weight: 700;
         font-size: @font-size-body-m-strong;
         color: @neutral-fg-1-normal;
    }
     &-message {
         color: @neutral-fg-2-normal;
    }
     &-with-description &-description {
         display: block;
    }
     &&-motion-leave {
         overflow: hidden;
         opacity: 1;
         transition: max-height 0.3s @ease-in-out-circ, opacity 0.3s @ease-in-out-circ, padding-top 0.3s @ease-in-out-circ, padding-bottom 0.3s @ease-in-out-circ, margin-bottom 0.3s @ease-in-out-circ;
    }
     &&-motion-leave-active {
         max-height: 0;
         margin-bottom: 0 !important;
         padding-top: 0;
         padding-bottom: 0;
         opacity: 0;
    }
     &-banner {
         margin-bottom: 0;
         border: 0;
         border-radius: 0;
    }
}
 .@{alert-prefix-cls}{
     &&-rtl {
         direction: rtl;
    }
     &-icon {
         .@{alert-prefix-cls}-rtl & {
             margin-right: auto;
             margin-left: @margin-xs;
        }
    }
     &-action {
         .@{alert-prefix-cls}-rtl & {
             margin-right: @margin-xs;
             margin-left: auto;
        }
    }
     &-close-icon {
         .@{alert-prefix-cls}-rtl & {
             margin-right: @margin-xs;
             margin-left: auto;
        }
    }
     &-with-description {
         .@{alert-prefix-cls}-rtl& {
             padding-right: @alert-with-description-icon-size;
             padding-left: @alert-with-description-padding-vertical;
        }
         .@{alert-prefix-cls}-icon {
             .@{alert-prefix-cls}-rtl& {
                 margin-right: auto;
                 margin-left: @alert-with-description-padding-vertical;
            }
        }
    }
}
 @root-entry-name: default;
 @anchor-border-width: 2px;
 .@{ant-prefix}-anchor {
     .reset-component();
     position: relative;
     padding-left: @anchor-border-width;
     &-wrapper {
         margin-left: -4px;
         padding-left: 4px;
         overflow: auto;
         background-color: @anchor-bg;
    }
     &-ink {
         position: absolute;
         top: 0;
         left: 0;
         height: 100%;
         &::before {
             position: relative;
             display: block;
             width: @anchor-border-width;
             height: 100%;
             margin: 0 auto;
             background-color: @neutral-stroke-2-normal;
             content: ' ';
        }
         &-ball {
             position: absolute;
             left: 50%;
             display: none;
             width: 8px;
             height: 8px;
             background-color: @neutral-bg-5-normal;
             border: 2px solid @brand-stroke-1-normal;
             border-radius: 8px;
             transform: translateX(-50%);
             transition: top 0.3s ease-in-out;
             &.@{ant-prefix}-anchor-ink-ball-visible {
                 display: inline-block;
            }
        }
    }
     &-fixed &-ink &-ink-ball {
         display: none;
    }
     &-link {
         padding: @anchor-link-padding;
         &-title {
             position: relative;
             display: block;
             margin-bottom: 3px;
             overflow: hidden;
             color: @neutral-fg-2-normal;
             white-space: nowrap;
             text-overflow: ellipsis;
             transition: all 0.3s;
             &:only-child {
                 margin-bottom: 0;
            }
        }
         &-active > &-title {
             color: @brand-fg-1-normal;
        }
    }
     &-link &-link {
         padding-top: 2px;
         padding-bottom: 2px;
    }
}
 .@{ant-prefix}-anchor {
     &-rtl {
         direction: rtl;
    }
     &-wrapper {
         .@{ant-prefix}-anchor-rtl& {
             margin-right: -4px;
             margin-left: 0;
             padding-right: 4px;
             padding-left: 0;
        }
    }
     &-ink {
         .@{ant-prefix}-anchor-rtl & {
             right: 0;
             left: auto;
        }
         &-ball {
             .@{ant-prefix}-anchor-rtl & {
                 right: 50%;
                 left: 0;
                 transform: translateX(50%);
            }
        }
    }
     &-link {
         .@{ant-prefix}-anchor-rtl & {
             padding: @anchor-link-top @anchor-link-left @anchor-link-top 0;
        }
    }
}
 @root-entry-name: default;
 @input-affix-with-clear-btn-width: 38px;
 .input-lg() {
     padding: @input-padding-vertical-lg @input-padding-horizontal-lg;
     font-size: @font-size-lg;
}
 .input-sm() {
     padding: @input-padding-vertical-sm @input-padding-horizontal-sm;
}
 .active(@borderColor: @primary-color;
 @hoverBorderColor: @brand-stroke-1-active;
 @outlineColor: @primary-color-outline) {
     & when (@theme = dark) {
         border-color: @borderColor;
    }
     & when (not (@theme = dark) and not (@theme = variable)) {
         border-color: @hoverBorderColor;
    }
     & when not (@theme = variable) {
         box-shadow: @input-outline-offset @outline-blur-size @outline-width fade(@borderColor, @outline-fade);
    }
     & when (@theme = variable) {
         border-color: @hoverBorderColor;
         box-shadow: @input-outline-offset @outline-blur-size @outline-width @outlineColor;
    }
     border-right-width: @border-width-base;
     outline: 0;
}
 .hover(@color: @brand-stroke-1-hover) {
     border-color: @color;
     border-right-width: @border-width-base;
}
 .disabled() {
     color: @neutral-fg-disabled;
     background-color: @neutral-bg-disabled;
     border-color: @neutral-stroke-1-normal;
     box-shadow: none;
     cursor: not-allowed;
     opacity: 1;
     &:hover {
         .hover(@neutral-stroke-1-normal);
    }
}
 .input() {
     position: relative;
     display: inline-block;
     width: 100%;
     min-width: 0;
     padding: @input-padding-vertical-base @input-padding-horizontal-base-hd;
     color: @neutral-fg-2-normal;
     font-size: @font-size-body-m;
     line-height: @font-line-height;
     background-color: @neutral-bg-5-normal;
     background-image: none;
     border: @border-width-base @border-style-base @neutral-stroke-1-normal;
     border-radius: @radius-m;
     transition: all 0.3s;
     .placeholder();
     &:hover {
         .hover();
    }
     &:focus, &-focused {
         .active();
    }
     &-disabled {
         .disabled();
    }
     &[disabled] {
         .disabled();
    }
     &-borderless {
         &, &:hover, &:focus, &-focused, &-disabled, &[disabled] {
             background-color: transparent;
             border: none;
             box-shadow: none;
        }
    }
     textarea& {
         max-width: 100%;
         height: auto;
         min-height: @input-height-base;
         line-height: @font-line-height;
         vertical-align: bottom;
         transition: all 0.3s, height 0s;
    }
     &-lg {
         .input-lg();
    }
     &-sm {
         .input-sm();
    }
}
 .input-group(@inputClass) {
     position: relative;
     display: table;
     width: 100%;
     border-collapse: separate;
     border-spacing: 0;
     &[class*='col-'] {
         float: none;
         padding-right: 0;
         padding-left: 0;
    }
     > [class*='col-'] {
         padding-right: 8px;
         &:last-child {
             padding-right: 0;
        }
    }
     &-addon, &-wrap, > .@{inputClass}{
         display: table-cell;
         &:not(:first-child):not(:last-child) {
             border-radius: 0;
        }
    }
     &-addon, &-wrap {
         width: 1px;
         white-space: nowrap;
         vertical-align: middle;
    }
     &-wrap > * {
         display: block !important;
    }
     .@{inputClass}{
         float: left;
         width: 100%;
         margin-bottom: 0;
         text-align: inherit;
         &:focus {
             z-index: 1;
             border-right-width: 1px;
        }
         &:hover {
             z-index: 1;
             border-right-width: 1px;
             .@{ant-prefix}-input-search-with-button & {
                 z-index: 0;
            }
        }
    }
     &-addon {
         position: relative;
         padding: 0 @input-padding-horizontal-base;
         color: @neutral-fg-2-normal;
         font-weight: normal;
         font-size: @font-size-body-m;
         text-align: center;
         background-color: @input-addon-bg;
         border: @border-width-base @border-style-base @neutral-stroke-1-normal;
         border-radius: @radius-m;
         transition: all 0.3s;
         .@{ant-prefix}-select {
             margin: -(@input-padding-vertical-base + 1px) (-@input-padding-horizontal-base);
             &.@{ant-prefix}-select-single:not(.@{ant-prefix}-select-customize-input) .@{ant-prefix}-select-selector {
                 background-color: inherit;
                 border: @border-width-base @border-style-base transparent;
                 box-shadow: none;
            }
             &-open, &-focused {
                 .@{ant-prefix}-select-selector {
                     color: @primary-color;
                }
            }
        }
         .@{ant-prefix}-cascader-picker {
             margin: -9px (-@control-padding-horizontal);
             background-color: transparent;
             .@{ant-prefix}-cascader-input {
                 text-align: left;
                 border: 0;
                 box-shadow: none;
            }
        }
    }
     > .@{inputClass}:first-child, &-addon:first-child {
         border-top-right-radius: 0;
         border-bottom-right-radius: 0;
         .@{ant-prefix}-select .@{ant-prefix}-select-selector {
             border-top-right-radius: 0;
             border-bottom-right-radius: 0;
        }
    }
     > .@{inputClass}-affix-wrapper {
         &:not(:first-child) .@{inputClass}{
             border-top-left-radius: 0;
             border-bottom-left-radius: 0;
        }
         &:not(:last-child) .@{inputClass}{
             border-top-right-radius: 0;
             border-bottom-right-radius: 0;
        }
    }
     &-addon:first-child {
         border-right: 0;
    }
     &-addon:last-child {
         border-left: 0;
    }
     > .@{inputClass}:last-child, &-addon:last-child {
         border-top-left-radius: 0;
         border-bottom-left-radius: 0;
         .@{ant-prefix}-select .@{ant-prefix}-select-selector {
             border-top-left-radius: 0;
             border-bottom-left-radius: 0;
        }
    }
     &-lg .@{inputClass}, &-lg > &-addon {
         .input-lg();
    }
     &-sm .@{inputClass}, &-sm > &-addon {
         .input-sm();
    }
     &-lg .@{ant-prefix}-select-single .@{ant-prefix}-select-selector {
         height: @input-height-lg;
    }
     &-sm .@{ant-prefix}-select-single .@{ant-prefix}-select-selector {
         height: @input-height-sm;
    }
     .@{inputClass}-affix-wrapper {
         &:not(:last-child) {
             border-top-right-radius: 0;
             border-bottom-right-radius: 0;
             .@{ant-prefix}-input-search & {
                 border-top-left-radius: @radius-m;
                 border-bottom-left-radius: @radius-m;
            }
        }
         &:not(:first-child), .@{ant-prefix}-input-search &:not(:first-child) {
             border-top-left-radius: 0;
             border-bottom-left-radius: 0;
        }
    }
     &&-compact {
         display: block;
         .clearfix();
         &-addon, &-wrap, > .@{inputClass}{
             &:not(:first-child):not(:last-child) {
                 border-right-width: @border-width-base;
                 &:hover {
                     z-index: 1;
                }
                 &:focus {
                     z-index: 1;
                }
            }
        }
         & > * {
             display: inline-block;
             float: none;
             vertical-align: top;
             border-radius: 0;
        }
         & > .@{inputClass}-affix-wrapper, & > .@{inputClass}-number-affix-wrapper, & > .@{ant-prefix}-picker-range {
             display: inline-flex;
        }
         & > *:not(:last-child) {
             margin-right: -@border-width-base;
             border-right-width: @border-width-base;
        }
         .@{inputClass}{
             float: none;
        }
         & > .@{ant-prefix}-select > .@{ant-prefix}-select-selector, & > .@{ant-prefix}-select-auto-complete .@{ant-prefix}-input, & > .@{ant-prefix}-cascader-picker .@{ant-prefix}-input, & > .@{ant-prefix}-input-group-wrapper .@{ant-prefix}-input {
             border-right-width: @border-width-base;
             border-radius: 0;
             &:hover {
                 z-index: 1;
            }
             &:focus {
                 z-index: 1;
            }
        }
         & > .@{ant-prefix}-select-focused {
             z-index: 1;
        }
         & > .@{ant-prefix}-select > .@{ant-prefix}-select-arrow {
             z-index: 1;
        }
         & > *:first-child, & > .@{ant-prefix}-select:first-child > .@{ant-prefix}-select-selector, & > .@{ant-prefix}-select-auto-complete:first-child .@{ant-prefix}-input, & > .@{ant-prefix}-cascader-picker:first-child .@{ant-prefix}-input {
             border-top-left-radius: @radius-m;
             border-bottom-left-radius: @radius-m;
        }
         & > *:last-child, & > .@{ant-prefix}-select:last-child > .@{ant-prefix}-select-selector, & > .@{ant-prefix}-cascader-picker:last-child .@{ant-prefix}-input, & > .@{ant-prefix}-cascader-picker-focused:last-child .@{ant-prefix}-input {
             border-right-width: @border-width-base;
             border-top-right-radius: @radius-m;
             border-bottom-right-radius: @radius-m;
        }
         & > .@{ant-prefix}-select-auto-complete .@{ant-prefix}-input {
             vertical-align: top;
        }
         .@{ant-prefix}-input-group-wrapper + .@{ant-prefix}-input-group-wrapper {
             margin-left: -1px;
             .@{ant-prefix}-input-affix-wrapper {
                 border-radius: 0;
            }
        }
         .@{ant-prefix}-input-group-wrapper:not(:last-child) {
             &.@{ant-prefix}-input-search > .@{ant-prefix}-input-group {
                 & > .@{ant-prefix}-input-group-addon > .@{ant-prefix}-input-search-button {
                     border-radius: 0;
                }
                 & > .@{ant-prefix}-input {
                     border-radius: @radius-m 0 0 @radius-m;
                }
            }
        }
    }
}
 .status-color( @prefix-cls: @input-prefix-cls;
 @text-color: @neutral-fg-2-normal;
 @border-color: @neutral-stroke-1-normal;
 @background-color: @neutral-bg-5-normal;
 @hoverBorderColor: @brand-bg-1-hover;
 @outlineColor: @primary-color-outline;
 @activeBorderColor: @status-error-stroke-1-normal;
 ) {
     &:not(.@{prefix-cls}-disabled):not(.@{prefix-cls}-borderless).@{prefix-cls}{
         border-color: @border-color;
         &:hover {
             background: @background-color;
             border-color: @hoverBorderColor;
        }
         &:focus, &-focused {
             .active(@text-color, @activeBorderColor, @outlineColor);
        }
    }
}
 .status-color-common( @prefix-cls: @input-prefix-cls;
 @text-color: @input-color;
 @border-color: @neutral-stroke-1-normal;
 @background-color: @input-bg;
 @hoverBorderColor: @brand-bg-1-hover;
 @outlineColor: @primary-color-outline;
 @activeBorderColor: @brand-bg-1-active;
 ) {
     .@{prefix-cls}-prefix {
         color: @text-color;
    }
}
 .group-status-color( @prefix-cls: @input-prefix-cls;
 @text-color: @input-color;
 @border-color: @neutral-stroke-1-normal;
 ) {
     .@{prefix-cls}-group-addon {
         color: @text-color;
         border-color: @border-color;
    }
}
 @input-prefix-cls: ~'@{ant-prefix}-input';
 @select-prefix-cls: ~'@{ant-prefix}-select';
 @autocomplete-prefix-cls: ~'@{select-prefix-cls}-auto-complete';
 .@{autocomplete-prefix-cls}{
     .reset-component();
     .@{select-prefix-cls}-clear {
         right: 13px;
    }
}
 @root-entry-name: default;
 @avatar-prefix-cls: ~'@{ant-prefix}-avatar';
 .@{avatar-prefix-cls}{
     .reset-component();
     position: relative;
     display: inline-block;
     overflow: hidden;
     color: @neutral-fg-on-color;
     white-space: nowrap;
     text-align: center;
     vertical-align: middle;
     background: @neutral-fg-5-normal;
     &-border {
         &::before {
             content: '';
             position: absolute;
             top: -0.5px;
             left: -0.5px;
             width: calc(100% + 1px);
             height: calc(100% + 1px);
             border-radius: 50%;
             border: 1px solid @neutral-fg-on-color;
        }
    }
     &-image {
         background: transparent;
    }
     .@{ant-prefix}-image-img {
         display: block;
    }
     .avatar-size(@avatar-size-base, @avatar-font-size-base);
     &-lg {
         .avatar-size(@avatar-size-lg, @avatar-font-size-lg);
    }
     &-sm {
         .avatar-size(@avatar-size-sm, @avatar-font-size-sm);
    }
     &-square {
         border-radius: @radius-m;
    }
     &>img {
         display: block;
         width: 100%;
         height: 100%;
         object-fit: cover;
    }
}
 .avatar-size(@size, @font-size) {
     width: @size;
     height: @size;
     line-height: @size;
     border-radius: 50%;
     &-string {
         position: absolute;
         left: 50%;
         transform-origin: 0 center;