display: none;
        }
    }
     &.@{steps-prefix-cls}-small .@{steps-prefix-cls}-item-container {
         .@{steps-prefix-cls}-item-tail {
             position: absolute;
             top: 0;
             left: @steps-vertical-tail-width-sm - 1;
             padding: @steps-small-icon-size + 6px 0 6px;
        }
         .@{steps-prefix-cls}-item-title {
             line-height: @steps-small-icon-size;
        }
    }
}
 .@{steps-prefix-cls}-label-vertical {
     .@{steps-prefix-cls}-item {
         overflow: visible;
         &-tail {
             margin-left: 58px;
             padding: 3.5px 24px;
        }
         &-content {
             display: block;
             width: ((@steps-icon-size / 2) + 42px) * 2;
             margin-top: 8px;
             text-align: center;
        }
         &-icon {
             display: inline-block;
             margin-left: 42px;
        }
         &-title {
             padding-right: 0;
             padding-left: 0;
             &::after {
                 display: none;
            }
        }
         &-subtitle {
             display: block;
             margin-bottom: 4px;
             margin-left: 0;
             line-height: @line-height-base;
        }
    }
     &.@{steps-prefix-cls}-small:not(.@{steps-prefix-cls}-dot) {
         .@{steps-prefix-cls}-item {
             &-icon {
                 margin-left: 46px;
            }
        }
    }
}
 .@{steps-prefix-cls}-dot, .@{steps-prefix-cls}-dot.@{steps-prefix-cls}-small {
     .@{steps-prefix-cls}-item {
         &-title {
             line-height: @line-height-base;
        }
         &-tail {
             top: @steps-dot-top;
             width: 100%;
             margin: 0 0 0 (@steps-description-max-width / 2);
             padding: 0;
             &::after {
                 width: ~'calc(100% - 20px)';
                 height: 3px;
                 margin-left: 12px;
            }
        }
         &:first-child .@{steps-prefix-cls}-icon-dot {
             left: 2px;
        }
         &-icon {
             width: @steps-dot-size;
             height: @steps-dot-size;
             margin-left: 67px;
             padding-right: 0;
             line-height: @steps-dot-size;
             background: transparent;
             border: 0;
             .@{steps-prefix-cls}-icon-dot {
                 position: relative;
                 float: left;
                 width: 100%;
                 height: 100%;
                 border-radius: 100px;
                 transition: all 0.3s;
                 &::after {
                     position: absolute;
                     top: -12px;
                     left: -26px;
                     width: 60px;
                     height: 32px;
                     background: fade(@black, 0.1%);
                     content: '';
                }
            }
        }
         &-content {
             width: @steps-description-max-width;
        }
         &-process .@{steps-prefix-cls}-item-icon {
             position: relative;
             top: -1px;
             width: @steps-current-dot-size;
             height: @steps-current-dot-size;
             line-height: @steps-current-dot-size;
             background: none;
        }
         &-process .@{steps-prefix-cls}-icon {
             &:first-child .@{steps-prefix-cls}-icon-dot {
                 left: 0;
            }
        }
    }
}
 .@{steps-prefix-cls}-vertical.@{steps-prefix-cls}-dot {
     .@{steps-prefix-cls}-item-icon {
         margin-top: 13px;
         margin-left: 0;
         background: none;
    }
     .@{steps-prefix-cls}-item > .@{steps-prefix-cls}-item-container > .@{steps-prefix-cls}-item-tail {
         top: 6.5px;
         left: -9px;
         margin: 0;
         padding: 22px 0 4px;
    }
     &.@{steps-prefix-cls}-small {
         .@{steps-prefix-cls}-item-icon {
             margin-top: 10px;
        }
         .@{steps-prefix-cls}-item > .@{steps-prefix-cls}-item-container > .@{steps-prefix-cls}-item-tail {
             top: 3.5px;
        }
    }
     .@{steps-prefix-cls}-item:first-child .@{steps-prefix-cls}-icon-dot {
         left: 0;
    }
     .@{steps-prefix-cls}-item-content {
         width: inherit;
    }
     .@{steps-prefix-cls}-item-process .@{steps-prefix-cls}-item-container .@{steps-prefix-cls}-item-icon .@{steps-prefix-cls}-icon-dot {
         top: -1px;
         left: -1px;
    }
}
 .@{steps-prefix-cls}-navigation {
     padding-top: 12px;
     &.@{steps-prefix-cls}-small {
         .@{steps-prefix-cls}-item {
             &-container {
                 margin-left: -12px;
            }
        }
    }
     .@{steps-prefix-cls}-item {
         overflow: visible;
         text-align: center;
         &-container {
             display: inline-block;
             height: 100%;
             margin-left: -16px;
             padding-bottom: 12px;
             text-align: left;
             transition: opacity 0.3s;
             .@{steps-prefix-cls}-item-content {
                 max-width: @steps-nav-content-max-width;
            }
             .@{steps-prefix-cls}-item-title {
                 max-width: 100%;
                 padding-right: 0;
                 overflow: hidden;
                 white-space: nowrap;
                 text-overflow: ellipsis;
                 &::after {
                     display: none;
                }
            }
        }
         &:not(.@{steps-prefix-cls}-item-active) {
             .@{steps-prefix-cls}-item-container[role='button'] {
                 cursor: pointer;
                 &:hover {
                     opacity: 0.85;
                }
            }
        }
         &:last-child {
             flex: 1;
             &::after {
                 display: none;
            }
        }
         &::after {
             position: absolute;
             top: 50%;
             left: 100%;
             display: inline-block;
             width: 12px;
             height: 12px;
             margin-top: -14px;
             margin-left: -2px;
             border: 1px solid @steps-nav-arrow-color;
             border-bottom: none;
             border-left: none;
             transform: rotate(45deg);
             content: '';
        }
         &::before {
             position: absolute;
             bottom: 0;
             left: 50%;
             display: inline-block;
             width: 0;
             height: 2px;
             background-color: @steps-nav-active-color;
             transition: width 0.3s, left 0.3s;
             transition-timing-function: ease-out;
             content: '';
        }
    }
     .@{steps-prefix-cls}-item.@{steps-prefix-cls}-item-active::before {
         left: 0;
         width: 100%;
    }
}
 .@{steps-prefix-cls}-navigation.@{steps-prefix-cls}-vertical {
     > .@{steps-prefix-cls}-item {
         margin-right: 0 !important;
         &::before {
             display: none;
        }
         &.@{steps-prefix-cls}-item-active::before {
             top: 0;
             right: 0;
             left: unset;
             display: block;
             width: 3px;
             height: calc(100% - 24px);
        }
         &::after {
             position: relative;
             top: -2px;
             left: 50%;
             display: block;
             width: 8px;
             height: 8px;
             margin-bottom: 8px;
             text-align: center;
             transform: rotate(135deg);
        }
         > .@{steps-prefix-cls}-item-container > .@{steps-prefix-cls}-item-tail {
             visibility: hidden;
        }
    }
}
 .@{steps-prefix-cls}-navigation.@{steps-prefix-cls}-horizontal {
     > .@{steps-prefix-cls}-item > .@{steps-prefix-cls}-item-container > .@{steps-prefix-cls}-item-tail {
         visibility: hidden;
    }
}
 .@{steps-prefix-cls}{
     &-rtl {
         direction: rtl;
    }
}
 .@{steps-prefix-cls}-item {
     &-icon {
         .@{steps-prefix-cls}.@{steps-prefix-cls}-rtl & {
             margin-right: 0;
             margin-left: 8px;
        }
    }
     &-tail {
         .@{steps-prefix-cls}-rtl & {
             right: 0;
             left: auto;
        }
    }
     &-title {
         .@{steps-prefix-cls}-rtl & {
             padding-right: 0;
             padding-left: 16px;
        }
         .@{steps-prefix-cls}-item-subtitle {
             .@{steps-prefix-cls}-rtl & {
                 float: left;
                 margin-right: 8px;
                 margin-left: 0;
            }
        }
         &::after {
             .@{steps-prefix-cls}-rtl & {
                 right: 100%;
                 left: auto;
            }
        }
    }
}
 .@{steps-prefix-cls}-horizontal:not(.@{steps-prefix-cls}-label-vertical) {
     .@{steps-prefix-cls}-item {
         .@{steps-prefix-cls}-rtl& {
             padding-right: 16px;
             padding-left: 0;
        }
         &:first-child {
             .@{steps-prefix-cls}-rtl& {
                 padding-right: 0;
            }
        }
         &:last-child .@{steps-prefix-cls}-item-title {
             .@{steps-prefix-cls}-rtl& {
                 padding-left: 0;
            }
        }
    }
}
 .@{steps-prefix-cls}-item-custom {
     .@{steps-prefix-cls}-item-icon {
         > .@{steps-prefix-cls}-icon {
             .@{steps-prefix-cls}-rtl & {
                 right: 0.5px;
                 left: auto;
            }
        }
    }
}
 .@{steps-prefix-cls}-navigation {
     &.@{steps-prefix-cls}-small {
         .@{steps-prefix-cls}-item {
             &-container {
                 .@{steps-prefix-cls}-rtl& {
                     margin-right: -12px;
                     margin-left: 0;
                }
            }
        }
    }
     .@{steps-prefix-cls}-item {
         &-container {
             .@{steps-prefix-cls}-rtl& {
                 margin-right: -16px;
                 margin-left: 0;
                 text-align: right;
            }
             .@{steps-prefix-cls}-item-title {
                 .@{steps-prefix-cls}-rtl& {
                     padding-left: 0;
                }
            }
        }
         &::after {
             .@{steps-prefix-cls}-rtl& {
                 right: 100%;
                 left: auto;
                 margin-right: -2px;
                 margin-left: 0;
                 transform: rotate(225deg);
            }
        }
    }
}
 .@{steps-prefix-cls}-small {
     &.@{steps-prefix-cls}-horizontal:not(.@{steps-prefix-cls}-label-vertical) .@{steps-prefix-cls}-item {
         .@{steps-prefix-cls}-rtl& {
             padding-right: 12px;
             padding-left: 0;
        }
         &:first-child {
             .@{steps-prefix-cls}-rtl& {
                 padding-right: 0;
            }
        }
    }
     .@{steps-prefix-cls}-item-title {
         .@{steps-prefix-cls}-rtl& {
             padding-right: 0;
             padding-left: 12px;
        }
    }
}
 .@{steps-prefix-cls}-vertical {
     > .@{steps-prefix-cls}-item {
         .@{steps-prefix-cls}-item-icon {
             .@{steps-prefix-cls}-rtl& {
                 float: right;
                 margin-right: 0;
                 margin-left: @steps-vertical-icon-width;
            }
        }
    }
     > .@{steps-prefix-cls}-item > .@{steps-prefix-cls}-item-container > .@{steps-prefix-cls}-item-tail {
         .@{steps-prefix-cls}-rtl& {
             right: @steps-vertical-tail-width;
             left: auto;
        }
    }
     &.@{steps-prefix-cls}-small .@{steps-prefix-cls}-item-container {
         .@{steps-prefix-cls}-item-tail {
             .@{steps-prefix-cls}-rtl& {
                 right: @steps-vertical-tail-width-sm;
                 left: auto;
            }
        }
    }
}
 .@{steps-prefix-cls}-label-vertical {
     .@{steps-prefix-cls}-item {
         &-title {
             .@{steps-prefix-cls}-rtl& {
                 padding-left: 0;
            }
        }
    }
}
 .@{steps-prefix-cls}-dot, .@{steps-prefix-cls}-dot.@{steps-prefix-cls}-small {
     .@{steps-prefix-cls}-item {
         &-tail {
             .@{steps-prefix-cls}-rtl& {
                 margin: 0 (@steps-description-max-width / 2) 0 0;
            }
             &::after {
                 .@{steps-prefix-cls}-rtl& {
                     margin-right: 12px;
                     margin-left: 0;
                }
            }
        }
         &:first-child .@{steps-prefix-cls}-icon-dot {
             .@{steps-prefix-cls}-rtl& {
                 right: 2px;
                 left: auto;
            }
        }
         &-icon {
             .@{steps-prefix-cls}-rtl& {
                 margin-right: 67px;
                 margin-left: 0;
            }
             .@{steps-prefix-cls}-icon-dot {
                 .@{steps-prefix-cls}-rtl& {
                     float: right;
                }
                 &::after {
                     .@{steps-prefix-cls}-rtl& {
                         right: -26px;
                         left: auto;
                    }
                }
            }
        }
    }
}
 .@{steps-prefix-cls}-vertical.@{steps-prefix-cls}-dot {
     .@{steps-prefix-cls}-item-icon {
         .@{steps-prefix-cls}-rtl& {
             margin-right: 0;
             margin-left: 16px;
        }
    }
     .@{steps-prefix-cls}-item > .@{steps-prefix-cls}-item-container > .@{steps-prefix-cls}-item-tail {
         .@{steps-prefix-cls}-rtl& {
             right: -9px;
             left: auto;
        }
    }
     .@{steps-prefix-cls}-item:first-child .@{steps-prefix-cls}-icon-dot {
         .@{steps-prefix-cls}-rtl& {
             right: 0;
             left: auto;
        }
    }
     .@{steps-prefix-cls}-item-process .@{steps-prefix-cls}-icon-dot {
         .@{steps-prefix-cls}-rtl& {
             right: -2px;
             left: auto;
        }
    }
}
 .@{steps-prefix-cls}-rtl.@{steps-prefix-cls}-with-progress {
     &.@{steps-prefix-cls}-vertical > .@{steps-prefix-cls}-item {
         padding-right: 4px;
         > .@{steps-prefix-cls}-item-container > .@{steps-prefix-cls}-item-tail {
             right: @steps-vertical-tail-width + 3;
        }
    }
     &.@{steps-prefix-cls}-small.@{steps-prefix-cls}-vertical > .@{steps-prefix-cls}-item {
         > .@{steps-prefix-cls}-item-container > .@{steps-prefix-cls}-item-tail {
             right: @steps-vertical-tail-width-sm + 3;
        }
    }
     &.@{steps-prefix-cls}-horizontal.@{steps-prefix-cls}-label-horizontal {
         .@{steps-prefix-cls}-item:first-child {
             padding-right: 4px;
             padding-left: 0;
             &.@{steps-prefix-cls}-item-active {
                 padding-right: 4px;
            }
        }
    }
}
 @progress-prefix-cls: ~'@{ant-prefix}-progress';
 .@{steps-prefix-cls}-with-progress {
     .@{steps-prefix-cls}-item {
         padding-top: 4px;
         & > .@{steps-prefix-cls}-item-container > .@{steps-prefix-cls}-item-tail {
             top: 4px;
             left: @steps-vertical-tail-width + 3;
        }
    }
     &, &.@{steps-prefix-cls}-small {
         &.@{steps-prefix-cls}-horizontal .@{steps-prefix-cls}-item:first-child {
             padding-bottom: 4px;
             padding-left: 4px;
        }
    }
     &.@{steps-prefix-cls}-small > .@{steps-prefix-cls}-item > .@{steps-prefix-cls}-item-container > .@{steps-prefix-cls}-item-tail {
         left: @steps-vertical-tail-width-sm + 3;
    }
     &.@{steps-prefix-cls}-vertical .@{steps-prefix-cls}-item {
         padding-left: 4px;
    }
     &.@{steps-prefix-cls}-label-vertical {
         .@{steps-prefix-cls}-item .@{steps-prefix-cls}-item-tail {
             top: 14px !important;
        }
    }
     .@{steps-prefix-cls}-item-icon {
         position: relative;
         .@{progress-prefix-cls}{
             position: absolute;
             top: -5px;
             right: -5px;
             bottom: -5px;
             left: -5px;
        }
    }
}
 @root-entry-name: default;
 @switch-prefix-cls: ~'@{ant-prefix}-switch';
 @switch-duration: 0.2s;
 @switch-pin-size: @switch-height - 4px;
 @switch-sm-pin-size: @switch-sm-height - 4px;
 .@{switch-prefix-cls}{
     .reset-component();
     position: relative;
     display: inline-block;
     box-sizing: border-box;
     min-width: @switch-min-width;
     height: @switch-height;
     line-height: @switch-height;
     vertical-align: middle;
     background-color: @neutral-bg-comp-normal;
     border: 0;
     border-radius: 100px;
     cursor: pointer;
     transition: all @switch-duration;
     user-select: none;
     &:focus {
         outline: 0;
    }
     &:focus:hover {
         box-shadow: none;
    }
     &-checked {
         background-color: @brand-bg-comp-normal;
    }
     &-loading, &-disabled {
         background-color: @neutral-bg-disabled;
         cursor: not-allowed;
         * {
             box-shadow: none;
             cursor: not-allowed;
        }
    }
     &-disabled.@{switch-prefix-cls}-checked {
         background-color: @brand-bg-1-disable;
    }
     &-inner {
         display: block;
         margin: 0 @switch-inner-margin-min 0 @switch-inner-margin-max;
         color: @neutral-fg-inverted;
         font-size: @font-size-body-m;
         transition: margin @switch-duration;
    }
     &-checked &-inner {
         margin: 0 @switch-inner-margin-max 0 @switch-inner-margin-min;
    }
     &-handle {
         position: absolute;
         top: @switch-padding;
         left: @switch-padding;
         width: @switch-pin-size;
         height: @switch-pin-size;
         transition: all @switch-duration ease-in-out;
         &::before {
             position: absolute;
             top: 0;
             right: 0;
             bottom: 0;
             left: 0;
             background-color: @neutral-fg-on-color;
             border-radius: (@switch-pin-size / 2);
             box-shadow: 0 2px 4px 0 @switch-shadow-color;
             transition: all @switch-duration ease-in-out;
             content: '';
        }
    }
     &-checked &-handle {
         left: calc(100% - @switch-pin-size - @switch-padding);
    }
     &:not(&-disabled):active {
         .@{switch-prefix-cls}-handle::before {
             right: -30%;
             left: 0;
        }
         &.@{switch-prefix-cls}-checked {
             .@{switch-prefix-cls}-handle::before {
                 right: 0;
                 left: -30%;
            }
        }
    }
     &-loading-icon.@{iconfont-css-prefix}{
         position: relative;
         top: ((@switch-pin-size - @font-size-base) / 2);
         color: @neutral-bg-comp-hover;
         vertical-align: top;
    }
     &-checked &-loading-icon {
         color: @brand-bg-comp-hover;
    }
     &-small {
         min-width: @switch-sm-min-width;
         height: @switch-sm-height;
         line-height: @switch-sm-height;
         .@{switch-prefix-cls}-inner {
             margin: 0 @switch-sm-inner-margin-min 0 @switch-sm-inner-margin-max;
             font-size: @font-size-sm;
        }
         .@{switch-prefix-cls}-handle {
             width: @switch-sm-pin-size;
             height: @switch-sm-pin-size;
        }
         .@{switch-prefix-cls}-loading-icon {
             top: ((@switch-sm-pin-size - 9px) / 2);
             font-size: 9px;
        }
         &.@{switch-prefix-cls}-checked {
             .@{switch-prefix-cls}-inner {
                 margin: 0 @switch-sm-inner-margin-max 0 @switch-sm-inner-margin-min;
            }
             .@{switch-prefix-cls}-handle {
                 left: calc(100% - @switch-sm-pin-size - @switch-padding);
            }
        }
    }
}
 @switch-prefix-cls: ~'@{ant-prefix}-switch';
 @switch-pin-size: @switch-height - 4px;
 @switch-sm-pin-size: @switch-sm-height - 4px;
 .@{switch-prefix-cls}-rtl {
     direction: rtl;
     .@{switch-prefix-cls}-inner {
         margin: 0 @switch-inner-margin-max 0 @switch-inner-margin-min;
    }
     .@{switch-prefix-cls}-handle {
         right: @switch-padding;
         left: auto;
    }
     &:not(&-disabled):active {
         .@{switch-prefix-cls}-handle::before {
             right: 0;
             left: -30%;
        }
         &.@{switch-prefix-cls}-checked {
             .@{switch-prefix-cls}-handle::before {
                 right: -30%;
                 left: 0;
            }
        }
    }
     &.@{switch-prefix-cls}-checked {
         .@{switch-prefix-cls}-inner {
             margin: 0 @switch-inner-margin-min 0 @switch-inner-margin-max;
        }
         .@{switch-prefix-cls}-handle {
             right: calc(100% - @switch-pin-size - @switch-padding);
        }
    }
     &.@{switch-prefix-cls}-small {
         &.@{switch-prefix-cls}-checked {
             .@{switch-prefix-cls}-handle {
                 right: calc(100% - @switch-sm-pin-size - @switch-padding);
            }
        }
    }
}
 @root-entry-name: default;
 @table-prefix-cls: ~'@{ant-prefix}-table';
 .table-size(@size, @padding-vertical, @padding-horizontal, @font-size) {
     .@{table-prefix-cls}.@{table-prefix-cls}-@{size}{
         font-size: @font-size;
         .@{table-prefix-cls}-title, .@{table-prefix-cls}-footer, .@{table-prefix-cls}-thead > tr > th, .@{table-prefix-cls}-tbody > tr > td, tfoot > tr > th, tfoot > tr > td {
             padding: @padding-vertical @padding-horizontal;
        }
         .@{table-prefix-cls}-filter-trigger {
             margin-right: -(@padding-horizontal / 2);
        }
         .@{table-prefix-cls}-expanded-row-fixed {
             margin: -@padding-vertical -@padding-horizontal;
        }
         .@{table-prefix-cls}-tbody {
             .@{table-prefix-cls}-wrapper:only-child {
                 .@{table-prefix-cls}{
                     margin: -@padding-vertical -@padding-horizontal -@padding-vertical (@table-expand-column-width - @padding-horizontal);
                }
            }
        }
         .@{table-prefix-cls}-selection-column {
             padding-inline-start: (@padding-horizontal / 4);
        }
    }
}
 .table-size(~'middle', @table-padding-vertical-md, @table-padding-horizontal-md, @table-font-size-md);
 .table-size(~'small', @table-padding-vertical-sm, @table-padding-horizontal-sm, @table-font-size-sm);
 @table-prefix-cls: ~'@{ant-prefix}-table';
 @table-border: @border-width-base @border-style-base @neutral-stroke-2-normal;
 .@{table-prefix-cls}.@{table-prefix-cls}-bordered {
     > .@{table-prefix-cls}-title {
         border: @table-border;
         border-bottom: 0;
    }
     > .@{table-prefix-cls}-container {
         border-left: @table-border;
         > .@{table-prefix-cls}-content, > .@{table-prefix-cls}-header, > .@{table-prefix-cls}-body, > .@{table-prefix-cls}-summary {
             > table {
                 > thead > tr > th, > tbody > tr > td, > tfoot > tr > th, > tfoot > tr > td {
                     border-right: @table-border;
                }
                 > thead {
                     > tr:not(:last-child) > th {
                         border-bottom: @border-width-base @border-style-base @neutral-stroke-2-normal;
                    }
                     > tr > th {
                         &::before {
                             background-color: transparent !important;
                        }
                    }
                }
                 > thead > tr, > tbody > tr, > tfoot > tr {
                     > .@{table-prefix-cls}-cell-fix-right-first::after {
                         border-right: @table-border;
                    }
                }
            }
             > table > tbody > tr > td {
                 > .@{table-prefix-cls}-expanded-row-fixed {
                     margin: -@table-padding-vertical (-@table-padding-horizontal - @border-width-base);
                     &::after {
                         position: absolute;
                         top: 0;
                         right: @border-width-base;
                         bottom: 0;
                         border-right: @table-border;
                         content: '';
                    }
                }
            }
        }
         > .@{table-prefix-cls}-content, > .@{table-prefix-cls}-header {
             > table {
                 border-top: @table-border;
            }
        }
    }
     &.@{table-prefix-cls}-scroll-horizontal {
         > .@{table-prefix-cls}-container > .@{table-prefix-cls}-body {
             > table > tbody {
                 > tr.@{table-prefix-cls}-expanded-row, > tr.@{table-prefix-cls}-placeholder {
                     > td {
                         border-right: 0;
                    }
                }
            }
        }
    }
     &.@{table-prefix-cls}-middle {
         > .@{table-prefix-cls}-container {
             > .@{table-prefix-cls}-content, > .@{table-prefix-cls}-body {
                 > table > tbody > tr > td {
                     > .@{table-prefix-cls}-expanded-row-fixed {
                         margin: -@table-padding-vertical-md (-@table-padding-horizontal-md - @border-width-base);
                    }
                }
            }
        }
    }
     &.@{table-prefix-cls}-small {
         > .@{table-prefix-cls}-container {
             > .@{table-prefix-cls}-content, > .@{table-prefix-cls}-body {
                 > table > tbody > tr > td {
                     > .@{table-prefix-cls}-expanded-row-fixed {
                         margin: -@table-padding-vertical-sm (-@table-padding-horizontal-sm - @border-width-base);
                    }
                }
            }
        }
    }
     > .@{table-prefix-cls}-footer {
         border: @table-border;
         border-top: 0;
    }
}
 .@{table-prefix-cls}-cell {
     .@{table-prefix-cls}-container:first-child {
         border-top: 0;
    }
     &-scrollbar:not([rowspan]) {
         box-shadow: 0 @border-width-base 0 @border-width-base @neutral-bg-4-hover;
    }
}
 @table-prefix-cls: ~'@{ant-prefix}-table';
 @tree-prefix-cls: ~'@{ant-prefix}-tree';
 @dropdown-prefix-cls: ~'@{ant-prefix}-dropdown';
 @descriptions-prefix-cls: ~'@{ant-prefix}-descriptions';
 @table-header-icon-color: #bfbfbf;
 @table-header-icon-color-hover: darken(@table-header-icon-color, 10%);
 @table-sticky-zindex: calc(@zindex-table-fixed + 1);
 @table-sticky-scroll-bar-active-bg: fade(@table-sticky-scroll-bar-bg, 80%);
 @table-filter-dropdown-max-height: 264px;
 @table-expand-column-width: 48px;
 ::-webkit-scrollbar {
     width: 12px;
     height: 12px;
}
 ::-webkit-scrollbar-thumb {
     background-color: @scrollbar-bg-normal;
     background-clip: padding-box;
     border-color: transparent;
     border-style: dashed;
     border-width: 3px;
     border-radius: 2px;
}
 ::-webkit-scrollbar-thumb:hover {
     background: @scrollbar-bg-hover;
}
 .@{table-prefix-cls}-wrapper {
     clear: both;
     max-width: 100%;
     .clearfix();
}
 .@{table-prefix-cls}{
     .reset-component();
     position: relative;
     font-size: @table-font-size;
     background: @neutral-bg-4-normal;
     border-radius: @table-border-radius-base;
     table {
         width: 100%;
         text-align: left;
         border-radius: @table-border-radius-base @table-border-radius-base 0 0;
         border-collapse: separate;
         border-spacing: 0;
    }
     &-thead > tr > th, &-tbody > tr > td, tfoot > tr > th, tfoot > tr > td {
         position: relative;
         padding: @table-padding-vertical @table-padding-horizontal;
         overflow-wrap: break-word;
    }
     &-cell-ellipsis {
         overflow: hidden;
         white-space: nowrap;
         text-overflow: ellipsis;
         word-break: keep-all;
         &.@{table-prefix-cls}-cell-fix-left-last, &.@{table-prefix-cls}-cell-fix-right-first {
             overflow: visible;
             .@{table-prefix-cls}-cell-content {
                 display: block;
                 overflow: hidden;
                 text-overflow: ellipsis;
            }
        }
         .@{table-prefix-cls}-column-title {
             overflow: hidden;
             text-overflow: ellipsis;
             word-break: keep-all;
        }
    }
     &-title {
         padding: @table-padding-vertical @table-padding-horizontal;
    }
     &-footer {
         padding: @table-padding-vertical @table-padding-horizontal;
         color: @table-footer-color;
         background: @table-footer-bg;
    }
     &-thead {
         > tr {
             > th {
                 position: relative;
                 color: @neutral-fg-2-normal;
                 font-weight: 500;
                 text-align: left;
                 background: @neutral-bg-4-hover;
                 border-bottom: @border-width-base @border-style-base @neutral-stroke-2-normal;
                 transition: background 0.3s ease;
                 padding: 10.5px 12px;
                 &[colspan]:not([colspan='1']) {
                     text-align: center;
                }
                 &:not(:last-child):not(.@{table-prefix-cls}-selection-column):not(.@{table-prefix-cls}-row-expand-icon-cell):not([colspan])::before {
                     position: absolute;
                     top: 50%;
                     right: 0;
                     width: 1px;
                     height: 1.6em;
                     background-color: @neutral-stroke-2-normal;
                     transform: translateY(-50%);
                     transition: background-color 0.3s;
                     content: '';
                }
            }
        }
         > tr:not(:last-child) > th {
             &[colspan] {
                 border-bottom: 0;
            }
        }
    }
     &-tbody {
         > tr {
             > td {
                 height: @table-td-height;
                 color: @neutral-fg-2-normal;
                 border-bottom: @border-width-base @border-style-base @neutral-stroke-2-normal;
                 transition: background 0.3s;
                 > .@{table-prefix-cls}-wrapper:only-child, > .@{table-prefix-cls}-expanded-row-fixed > .@{table-prefix-cls}-wrapper:only-child {
                     .@{table-prefix-cls}{
                         margin: -@table-padding-vertical -@table-padding-horizontal -@table-padding-vertical (@table-expand-column-width - @table-padding-horizontal);
                         &-tbody > tr:last-child > td {
                             border-bottom: 0;
                             &:first-child, &:last-child {
                                 border-radius: 0;
                            }
                        }
                    }
                }
            }
             &.@{table-prefix-cls}-row:hover > td, > td.@{table-prefix-cls}-cell-row-hover {
                 background: @neutral-bg-1-hover-1;
            }
        }
    }
     &-row {
         min-height: 40px;
    }
     &-summary {
         position: relative;
         z-index: @zindex-table-fixed;
         background: @neutral-bg-4-normal;
         div& {
             box-shadow: 0 -@border-width-base 0 @neutral-stroke-2-normal;
        }
         > tr {
             > th, > td {
                 border-bottom: @border-width-base @border-style-base @neutral-stroke-2-normal;
            }
        }
    }
     &-pagination.@{ant-prefix}-pagination {
         margin: 16px 0;
    }
     &-pagination {
         display: flex;
         flex-wrap: wrap;
         row-gap: @padding-xs;
         > * {
             flex: none;
        }
         &-left {
             justify-content: flex-start;
        }
         &-center {
             justify-content: center;
        }
         &-right {
             justify-content: flex-end;
        }
    }
     &-thead th.@{table-prefix-cls}-column-has-sorters {
         outline: none;
         cursor: pointer;
         transition: all 0.3s;
         &:focus-visible {
             color: @primary-color;
        }
         &.@{table-prefix-cls}-cell-fix-left:hover, &.@{table-prefix-cls}-cell-fix-right:hover {
             background: @table-fixed-header-sort-active-bg;
        }
    }
     &-thead th.@{table-prefix-cls}-column-sort {
         &::before {
             background-color: transparent !important;
        }
    }
     &-column-title {
         position: relative;
         z-index: 1;
    }
     &-column-sorters {
         display: flex;
         flex: auto;
         align-items: center;
         &::after {
             position: absolute;
             top: 0;
             right: 0;
             bottom: 0;
             left: 0;
             width: 100%;
             height: 100%;
             content: '';
        }
    }
     &-column-sorter {
         display: flex;
         justify-content: center;
         align-items: center;
         width: 20px;
         height: 20px;
         margin-left: 4px;
         color:@neutral-fg-3-normal;
         border-radius: 4px;
         font-size: 0;
         transition: color 0.3s;
         &-inner {
             display: inline-flex;
             flex-direction: column;
             align-items: center;
        }
         &-up, &-down {
             font-size: 11px;
             &.active {
                 color: @primary-color;
            }
        }
         &-up + &-down {
             margin-top: -0.3em;
        }
    }
     &-column-sorters:hover &-column-sorter {
         background-color: @neutral-bg-1-hover-2;
    }
     &-filter-column {
         display: flex;
    }
     &-filter-trigger {
         position: relative;
         display: flex;
         align-items: center;
         margin-left: 4px;
         color: @neutral-fg-3-normal;
         font-size: @font-size-sm;
         border-radius: 4px;
         cursor: pointer;
         transition: all 0.3s;
         svg {
             color: @neutral-fg-3-normal;
             fill: currentColor;
        }
         &:hover {
             background: @neutral-bg-1-hover-2;
        }
         &.active {
             color: @primary-color;
        }
    }
     &-filter-dropdown {
         .reset-component();
         min-width: 120px;
         background-color: @neutral-bg-1-normal;
         border-radius: @radius-m;
         box-shadow: @shadow-2-down;
         .@{dropdown-prefix-cls}-menu {
             max-height: @table-filter-dropdown-max-height;
             overflow-x: hidden;
             border: 0;
             box-shadow: none;
             &:empty::after {
                 display: block;
                 padding: 8px 0;
                 color: @neutral-fg-disabled;
                 font-size: @font-size-sm;
                 text-align: center;
                 content: 'Not Found';
            }
        }
         &-tree {
             padding: 8px 8px 0;
             .@{tree-prefix-cls}-treenode .@{tree-prefix-cls}-node-content-wrapper:hover {
                 background-color: @neutral-bg-1-hover-1;
            }
             .@{tree-prefix-cls}-treenode-checkbox-checked .@{tree-prefix-cls}-node-content-wrapper {
                 &, &:hover {
                     background-color: @brand-bg-2-selected;
                }
            }
        }
         &-search {
             padding: 8px;
             border-bottom: @border-width-base @border-color-split @neutral-stroke-1-normal;
             &-input {
                 input {
                     min-width: 140px;
                }
                 .@{iconfont-css-prefix}{
                     color: @neutral-fg-disabled;
                }
            }
        }
         &-checkall {
             width: 100%;
             margin-bottom: 4px;
             margin-left: 4px;
        }
         &-submenu > ul {
             max-height: calc(100vh - 130px);
             overflow-x: hidden;
             overflow-y: auto;
        }
         &, &-submenu {
             .@{ant-prefix}-checkbox-wrapper + span {
                 padding-left: 8px;
            }
        }
         &-btns {
             display: flex;
             justify-content: space-between;
             padding: 7px 8px;
             overflow: hidden;
             background-color: @table-filter-btns-bg;
             border-top: @border-width-base @border-style-base @neutral-stroke-2-normal;
        }
    }
     &-selection-col {
         width: @table-selection-column-width;
    }
     &-bordered &-selection-col {
         width: @table-selection-column-width + 18px;
    }
     table tr th&-selection-column, table tr td&-selection-column {
         padding-right: @padding-xs;
         padding-left: @padding-xs;
         text-align: center;
         .@{ant-prefix}-radio-wrapper {
             margin-right: 0;
        }
    }
     table tr th&-selection-column&-cell-fix-left {
         z-index: 3;
    }
     table tr th&-selection-column::after {
         background-color: transparent !important;
    }
     &-selection {
         position: relative;
         display: inline-flex;
         flex-direction: column;
         &-extra {
             position: absolute;
             top: 0;
             z-index: 1;
             cursor: pointer;
             transition: all 0.3s;
             margin-inline-start: 100%;
             padding-inline-start: (@table-padding-horizontal / 4);
             .@{iconfont-css-prefix}{
                 color: @neutral-stroke-accessible;
                 ;
                 font-size: 10px;
                 &:hover {
                     color: @brand-stroke-comp-hover;
                }
            }
        }
    }
     &-expand-icon-col {
         width: @table-expand-column-width;
    }
     &-row-expand-icon-cell {
         text-align: center;
         .@{table-prefix-cls}-row-expand-icon {
             display: inline-flex;
             float: none;
             vertical-align: sub;
        }
    }
     &-row-indent {
         float: left;
         height: 1px;
    }
     &-row-expand-icon {
         .operation-unit();
         position: relative;
         float: left;
         box-sizing: border-box;
         width: @expand-icon-size;
         height: @expand-icon-size;
         padding: 0;
         color: inherit;
         color: @neutral-fg-3-normal;
         line-height: ceil(((@font-size-sm * 1.4 - @border-width-base * 3) / 2)) * 2 + @border-width-base * 3;
         background: @table-expand-icon-bg;
         border: @border-width-base @border-style-base @neutral-stroke-accessible;
         border-radius: @border-radius-base;
         transform: scale((unit(@checkbox-size) / unit(@expand-icon-size)));
         transition: all 0.3s;
         user-select: none;
         @expand-icon-size: ceil(((@font-size-sm * 1.4 - @border-width-base * 3) / 2)) * 2 + @border-width-base * 3;
         &:focus, &:hover, &:active {
             border-color: currentcolor;
        }
         &::before, &::after {
             position: absolute;
             background: currentcolor;
             transition: transform 0.3s ease-out;
             content: '';
        }
         &::before {
             top: ceil(((@font-size-sm * 1.4 - @border-width-base * 3) / 2));
             right: 3px;
             left: 3px;
             height: @border-width-base;
        }
         &::after {
             top: 3px;
             bottom: 3px;
             left: ceil(((@font-size-sm * 1.4 - @border-width-base * 3) / 2));
             width: @border-width-base;
             transform: rotate(90deg);
        }
         &-collapsed::before {
             transform: rotate(-180deg);
        }
         &-collapsed::after {
             transform: rotate(0deg);
        }
         &-spaced {
             &::before, &::after {
                 display: none;
                 content: none;
            }
             background: transparent;
             border: 0;
             visibility: hidden;
        }
         .@{table-prefix-cls}-row-indent + & {
             margin-top: ((@font-size-base * @line-height-base - @border-width-base * 3) / 2) - ceil(((@font-size-sm * 1.4 - @border-width-base * 3) / 2));
             margin-right: @padding-xs;
        }
    }
     tr&-expanded-row {
         &, &:hover {
             > td {
                 background: @neutral-bg-1-hover-1;
            }
        }
         .@{descriptions-prefix-cls}-view {
             display: flex;
             table {
                 flex: auto;
                 width: auto;
            }
        }
    }
     .@{table-prefix-cls}-expanded-row-fixed {
         position: relative;
         margin: -@table-padding-vertical -@table-padding-horizontal;
         padding: @table-padding-vertical @table-padding-horizontal;
    }
     &-tbody > tr&-placeholder {
         text-align: center;
         .@{table-prefix-cls}-empty & {
             color: @neutral-fg-disabled;
        }
         &:hover {
             > td {
                 background: @white;
            }
        }
    }
     &-cell-fix-left, &-cell-fix-right {
         position: sticky !important;
         z-index: @zindex-table-fixed;
         background: @neutral-bg-4-normal;
    }
     &-cell-fix-left-first::after, &-cell-fix-left-last::after {
         position: absolute;
         top: 0;
         right: 0;
         bottom: -1px;
         width: 30px;
         transform: translateX(100%);
         transition: box-shadow 0.3s;
         content: '';
         pointer-events: none;
    }
     &-cell-fix-left-all::after {
         display: none;
    }
     &-cell-fix-right-first::after, &-cell-fix-right-last::after {
         position: absolute;
         top: 0;
         bottom: -1px;
         left: 0;
         width: 30px;
         transform: translateX(-100%);
         transition: box-shadow 0.3s;
         content: '';
         pointer-events: none;
    }
     .@{table-prefix-cls}-container {
         &::before, &::after {
             position: absolute;
             top: 0;
             bottom: 0;
             z-index: @zindex-table-fixed;
             width: 30px;
             transition: box-shadow 0.3s;
             content: '';
             pointer-events: none;
        }
         &::before {
             left: 0;
        }
         &::after {
             right: 0;
        }
    }
     &-ping-left {
         &:not(.@{table-prefix-cls}-has-fix-left) > .@{table-prefix-cls}-container {
             position: relative;
             &::before {
                 box-shadow: inset 10px 0 8px -8px darken(@shadow-color, 5%);
            }
        }
         .@{table-prefix-cls}-cell-fix-left-first::after, .@{table-prefix-cls}-cell-fix-left-last::after {
             box-shadow: inset 10px 0 8px -8px darken(@shadow-color, 5%);
        }
         .@{table-prefix-cls}-cell-fix-left-last::before {
             background-color: transparent !important;
        }
    }
     &-ping-right {
         &:not(.@{table-prefix-cls}-has-fix-right) > .@{table-prefix-cls}-container {
             position: relative;
             &::after {
                 box-shadow: inset -10px 0 8px -8px darken(@shadow-color, 5%);
            }
        }
         .@{table-prefix-cls}-cell-fix-right-first::after, .@{table-prefix-cls}-cell-fix-right-last::after {
             box-shadow: inset -10px 0 8px -8px darken(@shadow-color, 5%);
        }
    }
     &-sticky {
         &-holder {
             position: sticky;
             z-index: @table-sticky-zindex;
             background: @component-background;
        }
         &-scroll {
             position: sticky;
             bottom: 0;
             z-index: @table-sticky-zindex;
             display: flex;
             align-items: center;
             background: lighten(@table-border-color, 80%);
             border-top: 1px solid @table-border-color;
             opacity: 0.6;
             &:hover {
                 transform-origin: center bottom;
            }
             &-bar {
                 height: 8px;
                 background-color: @table-sticky-scroll-bar-bg;
                 border-radius: @table-sticky-scroll-bar-radius;
                 &:hover {
                     background-color: @table-sticky-scroll-bar-active-bg;
                }
                 &-active {
                     background-color: @table-sticky-scroll-bar-active-bg;
                }
            }
        }
    }
}
 @media all and (-ms-high-contrast: none) {
     .@{table-prefix-cls}{
         &-ping-left {
             .@{table-prefix-cls}-cell-fix-left-last::after {
                 box-shadow: none !important;
            }
        }
         &-ping-right {
             .@{table-prefix-cls}-cell-fix-right-first::after {
                 box-shadow: none !important;
            }
        }
    }
}
 .@{table-prefix-cls}{
     &-title {
         border-radius: @table-border-radius-base @table-border-radius-base 0 0;
    }
     &-title + &-container {
         border-top-left-radius: 0;
         border-top-right-radius: 0;
         table {
             border-radius: 0;
             > thead > tr:first-child {
                 th:first-child {
                     border-radius: 0;
                }
                 th:last-child {
                     border-radius: 0;
                }
            }
        }
    }
     &-container {
         border-top-left-radius: @table-border-radius-base;
         border-top-right-radius: @table-border-radius-base;
         table > thead > tr:first-child {
             th:first-child {
                 border-top-left-radius: @table-border-radius-base;
            }
             th:last-child {
                 border-top-right-radius: @table-border-radius-base;
            }
        }
    }
     &-footer {
         border-radius: 0 0 @table-border-radius-base @table-border-radius-base;
    }
}
 @table-prefix-cls: ~'@{ant-prefix}-table';
 @table-wrapepr-cls: ~'@{table-prefix-cls}-wrapper';
 @table-wrapepr-rtl-cls: ~'@{table-prefix-cls}-wrapper-rtl';
 .@{table-prefix-cls}-wrapper {
     &-rtl {
         direction: rtl;
    }
}
 .@{table-prefix-cls}{
     &-rtl {
         direction: rtl;
    }
     table {
         .@{table-wrapepr-rtl-cls}& {
             text-align: right;
        }
    }
     &-thead {
         > tr {
             > th {
                 &[colspan]:not([colspan='1']) {
                     .@{table-wrapepr-rtl-cls}& {
                         text-align: center;
                    }
                }
                 &:not(:last-child):not(.@{table-prefix-cls}-selection-column):not(.@{table-prefix-cls}-row-expand-icon-cell):not([colspan])::before {
                     .@{table-wrapepr-rtl-cls}& {
                         right: auto;
                         left: 0;
                    }
                }
                 .@{table-wrapepr-rtl-cls}& {
                     text-align: right;
                }
            }
        }
    }
     &-tbody {
         > tr {
             .@{table-prefix-cls}-wrapper:only-child {
                 .@{table-prefix-cls}.@{table-prefix-cls}-rtl {
                     margin: -@table-padding-vertical (@table-padding-horizontal + ceil(@font-size-sm * 1.4)) -@table-padding-vertical -@table-padding-horizontal;
                }
            }
        }
    }
     &-pagination {
         &-left {
             .@{table-wrapepr-cls}.@{table-wrapepr-rtl-cls}& {
                 justify-content: flex-end;
            }
        }
         &-right {
             .@{table-wrapepr-cls}.@{table-wrapepr-rtl-cls}& {
                 justify-content: flex-start;
            }
        }
    }
     &-column-sorter {
         .@{table-wrapepr-rtl-cls}& {
             margin-right: 4px;
             margin-left: 0;
        }
    }
     &-filter-column-title {
         .@{table-wrapepr-rtl-cls}& {
             padding: @table-padding-vertical @table-padding-horizontal @table-padding-vertical 2.3em;
        }
    }
     &-thead tr th.@{table-prefix-cls}-column-has-sorters {
         .@{table-prefix-cls}-filter-column-title {
             .@{table-prefix-cls}-rtl & {
                 padding: 0 0 0 2.3em;
            }
        }
    }
     &-filter-trigger {
         .@{table-wrapepr-rtl-cls}& {
             margin: -4px 4px -4px (-@table-padding-horizontal / 2);
        }
    }
     &-filter-dropdown {
         &, &-submenu {
             .@{ant-prefix}-checkbox-wrapper + span {
                 .@{ant-prefix}-dropdown-rtl &, .@{ant-prefix}-dropdown-menu-submenu-rtl& {
                     padding-right: 8px;
                     padding-left: 0;
                }
            }
        }
    }
     &-selection {
         .@{table-wrapepr-rtl-cls}& {
             text-align: center;
        }
    }
     &-row-indent {
         .@{table-wrapepr-rtl-cls}& {
             float: right;
        }
    }
     &-row-expand-icon {
         .@{table-wrapepr-rtl-cls}& {
             float: right;
        }
         .@{table-prefix-cls}-row-indent + & {
             .@{table-wrapepr-rtl-cls}& {
                 margin-right: 0;
                 margin-left: @padding-xs;
            }
        }
         &::after {
             .@{table-wrapepr-rtl-cls}& {
                 transform: rotate(-90deg);
            }
        }
         &-collapsed::before {
             .@{table-wrapepr-rtl-cls}& {
                 transform: rotate(180deg);
            }
        }
         &-collapsed::after {
             .@{table-wrapepr-rtl-cls}& {
                 transform: rotate(0deg);
            }
        }
    }
}
 @root-entry-name: default;
 @tab-prefix-cls: ~'@{ant-prefix}-tabs';
 .@{tab-prefix-cls}{
     &-small {
         > .@{tab-prefix-cls}-nav {
             .@{tab-prefix-cls}-tab {
                 padding: @tabs-horizontal-padding-sm;
                 font-size: @tabs-title-font-size-sm;
            }
        }
    }
     &-large {
         > .@{tab-prefix-cls}-nav {
             .@{tab-prefix-cls}-tab {
                 padding: @tabs-horizontal-padding-lg;
                 font-size: @tabs-title-font-size-lg;
            }
        }
    }
     &-card {
         &.@{tab-prefix-cls}-small {
             > .@{tab-prefix-cls}-nav {
                 .@{tab-prefix-cls}-tab {
                     padding: @tabs-card-horizontal-padding-sm;
                }
            }
        }
         &.@{tab-prefix-cls}-large {
             > .@{tab-prefix-cls}-nav {
                 .@{tab-prefix-cls}-tab {
                     padding: @tabs-card-horizontal-padding-lg;
                }
            }
        }
    }
}
 @tab-prefix-cls: ~'@{ant-prefix}-tabs';
 .@{tab-prefix-cls}{
     &-rtl {
         direction: rtl;
         .@{tab-prefix-cls}-nav {
             .@{tab-prefix-cls}-tab {
                 margin: @tabs-horizontal-margin-rtl;
                 &:last-of-type {
                     margin-left: 0;
                }
                 .@{iconfont-css-prefix}{
                     margin-right: 0;
                     margin-left: @margin-sm;
                }
                 .@{tab-prefix-cls}-tab-remove {
                     margin-right: @margin-xs;
                     margin-left: -@margin-xss;
                     .@{iconfont-css-prefix}{
                         margin: 0;
                    }
                }
            }
        }
         &.@{tab-prefix-cls}-left {
             > .@{tab-prefix-cls}-nav {
                 order: 1;
            }
             > .@{tab-prefix-cls}-content-holder {
                 order: 0;
            }
        }
         &.@{tab-prefix-cls}-right {
             > .@{tab-prefix-cls}-nav {
                 order: 0;
            }
             > .@{tab-prefix-cls}-content-holder {
                 order: 1;
            }
        }
    }
     &-card {
         &.@{tab-prefix-cls}-top, &.@{tab-prefix-cls}-bottom {
             > .@{tab-prefix-cls}-nav, > div > .@{tab-prefix-cls}-nav {
                 .@{tab-prefix-cls}-tab + .@{tab-prefix-cls}-tab {
                     .@{tab-prefix-cls}-rtl& {
                         margin-right: @tabs-card-gutter;
                         margin-left: 0;
                    }
                }
                 .@{tab-prefix-cls}-nav-add {
                     .@{tab-prefix-cls}-rtl& {
                         margin-right: @tabs-card-gutter;
                         margin-left: 0;
                    }
                }
            }
        }
    }
}
 .@{tab-prefix-cls}-dropdown {
     &-rtl {
         direction: rtl;
    }
     &-menu-item {
         .@{tab-prefix-cls}-dropdown-rtl & {
             text-align: right;
        }
    }
}
 @tab-prefix-cls: ~'@{ant-prefix}-tabs';
 .@{tab-prefix-cls}{
     &-top, &-bottom {
         flex-direction: column;
         > .@{tab-prefix-cls}-nav, > div > .@{tab-prefix-cls}-nav {
             margin: @tabs-bar-margin;
             &::before {
                 position: absolute;
                 right: 0;
                 left: 0;
                 border-bottom: @border-width-base @border-style-base @neutral-stroke-2-normal;
                 content: '';
            }
             .@{tab-prefix-cls}-ink-bar {
                 height: 2px;
                 &-animated {
                     transition: width @animation-duration-slow, left @animation-duration-slow, right @animation-duration-slow;
                }
            }
             .@{tab-prefix-cls}-nav-wrap {
                 &::before, &::after {
                     top: 0;
                     bottom: 0;
                     width: 30px;
                }
                 &::before {
                     left: 0;
                     box-shadow: inset 10px 0 8px -8px fade(@shadow-color, 8%);
                }
                 &::after {
                     right: 0;
                     box-shadow: inset -10px 0 8px -8px fade(@shadow-color, 8%);
                }
                 &.@{tab-prefix-cls}-nav-wrap-ping-left::before {
                     opacity: 1;
                }
                 &.@{tab-prefix-cls}-nav-wrap-ping-right::after {
                     opacity: 1;
                }
            }
        }
    }
     &-top {
         > .@{tab-prefix-cls}-nav, > div > .@{tab-prefix-cls}-nav {
             &::before {
                 bottom: 0;
            }
             .@{tab-prefix-cls}-ink-bar {
                 bottom: 0;
            }
        }
    }
     &-bottom {
         > .@{tab-prefix-cls}-nav, > div > .@{tab-prefix-cls}-nav {
             order: 1;
             margin-top: @margin-md;
             margin-bottom: 0;
             &::before {
                 top: 0;
            }
             .@{tab-prefix-cls}-ink-bar {
                 top: 0;
            }
        }
         > .@{tab-prefix-cls}-content-holder, > div > .@{tab-prefix-cls}-content-holder {
             order: 0;
        }
    }
     &-left, &-right {
         > .@{tab-prefix-cls}-nav, > div > .@{tab-prefix-cls}-nav {
             flex-direction: column;
             min-width: 50px;
             .@{tab-prefix-cls}-tab {
                 padding: @tabs-vertical-padding;
                 text-align: center;
            }
             .@{tab-prefix-cls}-tab + .@{tab-prefix-cls}-tab {
                 margin: @tabs-vertical-margin;
            }
             .@{tab-prefix-cls}-nav-wrap {
                 flex-direction: column;
                 &::before, &::after {
                     right: 0;
                     left: 0;
                     height: 30px;
                }
                 &::before {
                     top: 0;
                     box-shadow: inset 0 10px 8px -8px fade(@shadow-color, 8%);
                }
                 &::after {
                     bottom: 0;
                     box-shadow: inset 0 -10px 8px -8px fade(@shadow-color, 8%);
                }
                 &.@{tab-prefix-cls}-nav-wrap-ping-top::before {
                     opacity: 1;
                }
                 &.@{tab-prefix-cls}-nav-wrap-ping-bottom::after {
                     opacity: 1;
                }
            }
             .@{tab-prefix-cls}-ink-bar {
                 width: 2px;
                 &-animated {
                     transition: height @animation-duration-slow, top @animation-duration-slow;
                }
            }
             .@{tab-prefix-cls}-nav-list, .@{tab-prefix-cls}-nav-operations {
                 flex: 1 0 auto;
                 flex-direction: column;
            }
        }
    }
     &-left {
         > .@{tab-prefix-cls}-nav, > div > .@{tab-prefix-cls}-nav {
             .@{tab-prefix-cls}-ink-bar {
                 right: 0;
            }
        }
         > .@{tab-prefix-cls}-content-holder, > div > .@{tab-prefix-cls}-content-holder {
             margin-left: -@border-width-base;
             border-left: @border-width-base @border-style-base @neutral-stroke-2-normal;
             > .@{tab-prefix-cls}-content > .@{tab-prefix-cls}-tabpane {
                 padding-left: @padding-lg;
            }
        }
    }
     &-right {
         > .@{tab-prefix-cls}-nav, > div > .@{tab-prefix-cls}-nav {
             order: 1;
             .@{tab-prefix-cls}-ink-bar {
                 left: 0;
            }
        }
         > .@{tab-prefix-cls}-content-holder, > div > .@{tab-prefix-cls}-content-holder {
             order: 0;
             margin-right: -@border-width-base;
             border-right: @border-width-base @border-style-base @neutral-stroke-2-normal;
             > .@{tab-prefix-cls}-content > .@{tab-prefix-cls}-tabpane {
                 padding-right: @padding-lg;
            }
        }
    }
}
 @tab-prefix-cls: ~'@{ant-prefix}-tabs';
 .@{tab-prefix-cls}-dropdown {
     .reset-component();
     position: absolute;
     top: -9999px;
     left: -9999px;
     z-index: @zindex-dropdown;
     display: block;
     &-hidden {
         display: none;
    }
     &-menu {
         max-height: 200px;
         margin: 0;
         padding: @dropdown-edge-child-vertical-padding 0;
         overflow-x: hidden;
         overflow-y: auto;
         text-align: left;
         list-style-type: none;
         background-color: @dropdown-menu-bg;
         background-clip: padding-box;
         border-radius: @border-radius-base;
         outline: none;
         box-shadow: @box-shadow-base;
         &-item {
             display: flex;
             align-items: center;
             min-width: 120px;
             margin: 0;
             padding: @dropdown-vertical-padding @control-padding-horizontal;
             overflow: hidden;
             color: @text-color;
             font-weight: normal;
             font-size: @dropdown-font-size;
             line-height: @dropdown-line-height;
             white-space: nowrap;
             text-overflow: ellipsis;
             cursor: pointer;
             transition: all 0.3s;
             > span {
                 flex: 1;
                 white-space: nowrap;
            }
             &-remove {
                 flex: none;
                 margin-left: @margin-sm;
                 color: @text-color-secondary;
                 font-size: @font-size-sm;
                 background: transparent;
                 border: 0;
                 cursor: pointer;
                 &:hover {
                     color: @tabs-hover-color;
                }
            }
             &:hover {
                 background: @item-hover-bg;
            }
             &-disabled {
                 &, &:hover {
                     color: @disabled-color;
                     background: transparent;
                     cursor: not-allowed;
                }
            }
        }
    }
}
 @tab-prefix-cls: ~'@{ant-prefix}-tabs';
 .@{tab-prefix-cls}-card {
     > .@{tab-prefix-cls}-nav, > div > .@{tab-prefix-cls}-nav {
         .@{tab-prefix-cls}-tab {
             margin: 0;
             padding: @tabs-card-horizontal-padding;
             background: @neutral-bg-4-hover;
             border: @border-width-base @border-style-base @neutral-stroke-2-normal;
             transition: all @animation-duration-slow @ease-in-out;
             &-active {
                 color: @brand-fg-1-active;
                 background: @neutral-bg-2-normal;
            }
        }
         .@{tab-prefix-cls}-ink-bar {
             visibility: hidden;
        }
    }
     &.@{tab-prefix-cls}-top, &.@{tab-prefix-cls}-bottom {
         > .@{tab-prefix-cls}-nav, > div > .@{tab-prefix-cls}-nav {
             .@{tab-prefix-cls}-tab + .@{tab-prefix-cls}-tab {
                 margin-left: @tabs-card-gutter;
            }
        }
    }
     &.@{tab-prefix-cls}-top {
         > .@{tab-prefix-cls}-nav, > div > .@{tab-prefix-cls}-nav {
             .@{tab-prefix-cls}-tab {
                 border-radius: @radius-m @radius-m 0 0;
                 &-active {
                     border-bottom-color: @neutral-bg-2-normal;
                }
            }
        }
    }
     &.@{tab-prefix-cls}-bottom {
         > .@{tab-prefix-cls}-nav, > div > .@{tab-prefix-cls}-nav {
             .@{tab-prefix-cls}-tab {
                 border-radius: 0 0 @radius-m @radius-m;
                 &-active {
                     border-top-color: @neutral-bg-2-normal;
                }
            }
        }
    }
     &.@{tab-prefix-cls}-left, &.@{tab-prefix-cls}-right {
         > .@{tab-prefix-cls}-nav, > div > .@{tab-prefix-cls}-nav {
             .@{tab-prefix-cls}-tab + .@{tab-prefix-cls}-tab {
                 margin-top: @tabs-card-gutter;
            }
        }
    }
     &.@{tab-prefix-cls}-left {
         > .@{tab-prefix-cls}-nav, > div > .@{tab-prefix-cls}-nav {
             .@{tab-prefix-cls}-tab {
                 border-radius: @radius-m 0 0 @radius-m;
                 &-active {
                     border-right-color: @neutral-bg-2-normal;
                }
            }
        }
    }
     &.@{tab-prefix-cls}-right {
         > .@{tab-prefix-cls}-nav, > div > .@{tab-prefix-cls}-nav {
             .@{tab-prefix-cls}-tab {
                 border-radius: 0 @radius-m @radius-m 0;
                 &-active {
                     border-left-color: @neutral-bg-2-normal;
                }
            }
        }
    }
}
 @tab-prefix-cls: ~'@{ant-prefix}-tabs';
 .@{tab-prefix-cls}{
     .reset-component();
     display: flex;
     > .@{tab-prefix-cls}-nav, > div > .@{tab-prefix-cls}-nav {
         position: relative;
         display: flex;
         flex: none;
         align-items: center;
         .@{tab-prefix-cls}-nav-wrap {
             position: relative;
             display: inline-block;
             display: flex;
             flex: auto;
             align-self: stretch;
             overflow: hidden;
             white-space: nowrap;
             transform: translate(0);
             &::before, &::after {
                 position: absolute;
                 z-index: 1;
                 opacity: 0;
                 transition: opacity @animation-duration-slow;
                 content: '';
                 pointer-events: none;
            }
        }
         .@{tab-prefix-cls}-nav-list {
             position: relative;
             display: flex;
             transition: transform @animation-duration-slow;
        }
         .@{tab-prefix-cls}-nav-operations {
             display: flex;