&-horizontal&-with-text&-dashed {
         &::before, &::after {
             border-style: dashed none none;
        }
    }
     &-vertical&-dashed {
         border-width: 0 0 0 @border-width-base;
    }
     &-plain&-with-text {
         color: @neutral-fg-2-normal;
         font-weight: normal;
         font-size: @font-size-title-s;
    }
     &-horizontal&-with-text-left&-no-default-orientation-margin-left {
         &::before {
             width: 0;
        }
         &::after {
             width: 100%;
        }
         .@{divider-prefix-cls}-inner-text {
             padding-left: 0;
        }
    }
     &-horizontal&-with-text-right&-no-default-orientation-margin-right {
         &::before {
             width: 100%;
        }
         &::after {
             width: 0;
        }
         .@{divider-prefix-cls}-inner-text {
             padding-right: 0;
        }
    }
}
 @divider-prefix-cls: ~'@{ant-prefix}-divider';
 .@{divider-prefix-cls}{
     &-rtl {
         direction: rtl;
    }
     &-horizontal&-with-text-left {
         &::before {
             .@{divider-prefix-cls}-rtl& {
                 width: 100% - @divider-orientation-margin;
            }
        }
         &::after {
             .@{divider-prefix-cls}-rtl& {
                 width: @divider-orientation-margin;
            }
        }
    }
     &-horizontal&-with-text-right {
         &::before {
             .@{divider-prefix-cls}-rtl& {
                 width: @divider-orientation-margin;
            }
        }
         &::after {
             .@{divider-prefix-cls}-rtl& {
                 width: 100% - @divider-orientation-margin;
            }
        }
    }
}
 @root-entry-name: default;
 @drawer-prefix-cls: ~'@{ant-prefix}-drawer';
 @picker-prefix-cls: ~'@{ant-prefix}-picker';
 @drawer-animation-ease: @ease-out-quint;
 .@{drawer-prefix-cls}{
     position: fixed;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     z-index: @zindex-modal;
     pointer-events: none;
     &-inline {
         position: absolute;
    }
     &-mask {
         position: absolute;
         top: 0;
         right: 0;
         bottom: 0;
         left: 0;
         z-index: @zindex-modal;
         background: @modal-mask-bg;
         pointer-events: auto;
    }
     &-content-wrapper {
         position: absolute;
         z-index: @zindex-modal;
         transition: all @animation-duration-slow;
         &-hidden {
             display: none;
        }
         .@{drawer-prefix-cls}-left > & {
             top: 0;
             bottom: 0;
             left: 0;
             box-shadow: @shadow-3-right;
        }
         .@{drawer-prefix-cls}-right > & {
             top: 0;
             right: 0;
             bottom: 0;
             box-shadow: @shadow-3-left;
        }
         .@{drawer-prefix-cls}-top > & {
             top: 0;
             right: 0;
             left: 0;
             box-shadow: @shadow-3-down;
        }
         .@{drawer-prefix-cls}-bottom > & {
             right: 0;
             bottom: 0;
             left: 0;
             box-shadow: @shadow-3-up;
        }
    }
     &-content {
         width: 100%;
         height: 100%;
         overflow: auto;
         background: @drawer-bg;
         pointer-events: auto;
    }
     &-wrapper-body {
         display: flex;
         flex-direction: column;
         width: 100%;
         height: 100%;
    }
     &-header {
         display: flex;
         height: 48px;
         align-items: center;
         padding: 0 16px;
         font-size: @font-size-title-s;
         line-height: @drawer-title-line-height;
         border-bottom: @border-width-base @border-style-base @border-color-split;
         &-title {
             display: flex;
             flex: 1;
             align-items: center;
             min-width: 0;
             min-height: 0;
             color: @neutral-fg-1-normal;
        }
    }
     &-extra {
         flex: none;
    }
     &-close {
         display: inline-block;
         color: @neutral-fg-3-normal;
         width:32px;
         height:32px;
         font-weight: 700;
         font-size: @font-size-lg;
         font-style: normal;
         line-height: 1;
         text-align: center;
         text-transform: none;
         text-decoration: none;
         background: transparent;
         border-radius: @radius-l;
         border: 0;
         outline: 0;
         cursor: pointer;
         transition: color @animation-duration-slow;
         text-rendering: auto;
         &:focus, &:hover {
             background-color: @neutral-bg-1-hover-2;
             text-decoration: none;
        }
    }
     &-title {
         flex: 1;
         margin: 0;
         color: @neutral-fg-1-normal;
         font-weight: 500;
         font-size: @drawer-title-font-size;
         line-height: @drawer-title-line-height;
    }
     &-body {
         flex: 1;
         min-width: 0;
         min-height: 0;
         padding: @drawer-body-padding;
         overflow: auto;
    }
     &-footer {
         flex-shrink: 0;
         padding: @drawer-footer-padding-vertical @drawer-footer-padding-horizontal;
         border-top: @border-width-base @border-style-base @border-color-split;
    }
}
 @drawer-prefix-cls: ~'@{ant-prefix}-drawer';
 .panel-motion {
     &-enter, &-appear, &-leave {
         &-start {
             transition: none;
        }
         &-active {
             transition: all @animation-duration-slow;
        }
    }
}
 .@{drawer-prefix-cls}{
     &-mask-motion {
         &-enter, &-appear, &-leave {
             &-active {
                 transition: all @animation-duration-slow;
            }
        }
         &-enter, &-appear {
             opacity: 0;
             &-active {
                 opacity: 1;
            }
        }
         &-leave {
             opacity: 1;
             &-active {
                 opacity: 0;
            }
        }
    }
     &-panel-motion {
         &-left {
             .panel-motion();
             &-enter, &-appear {
                 &-start {
                     transform: translateX(-100%) !important;
                }
                 &-active {
                     transform: translateX(0);
                }
            }
             &-leave {
                 transform: translateX(0);
                 &-active {
                     transform: translateX(-100%);
                }
            }
        }
         &-right {
             .panel-motion();
             &-enter, &-appear {
                 &-start {
                     transform: translateX(100%) !important;
                }
                 &-active {
                     transform: translateX(0);
                }
            }
             &-leave {
                 transform: translateX(0);
                 &-active {
                     transform: translateX(100%);
                }
            }
        }
         &-top {
             .panel-motion();
             &-enter, &-appear {
                 &-start {
                     transform: translateY(-100%) !important;
                }
                 &-active {
                     transform: translateY(0);
                }
            }
             &-leave {
                 transform: translateY(0);
                 &-active {
                     transform: translateY(-100%);
                }
            }
        }
         &-bottom {
             .panel-motion();
             &-enter, &-appear {
                 &-start {
                     transform: translateY(100%) !important;
                }
                 &-active {
                     transform: translateY(0);
                }
            }
             &-leave {
                 transform: translateY(0);
                 &-active {
                     transform: translateY(100%);
                }
            }
        }
    }
}
 @drawer-prefix-cls: ~'@{ant-prefix}-drawer';
 .@{drawer-prefix-cls}{
     &-rtl {
         direction: rtl;
    }
     &-close {
         .@{drawer-prefix-cls}-rtl & {
             margin-right: 0;
             margin-left: 12px;
        }
    }
}
 .popover-customize-bg(@drawer-prefix-cls, @popover-background);
 @root-entry-name: default;
 @dropdown-prefix-cls: ~'@{ant-prefix}-dropdown';
 .@{dropdown-prefix-cls}-menu-item {
     &&-danger {
         color: @error-color;
         &:hover {
             color: @text-color-inverse;
             background-color: @error-color;
        }
    }
}
 @dropdown-prefix-cls: ~'@{ant-prefix}-dropdown';
 .@{dropdown-prefix-cls}{
     .reset-component();
     position: absolute;
     top: -9999px;
     left: -9999px;
     z-index: @zindex-dropdown;
     display: block;
     &::before {
         position: absolute;
         top: -@popover-distance + @popover-arrow-width;
         right: 0;
         bottom: -@popover-distance + @popover-arrow-width;
         left: -7px;
         z-index: -9999;
         opacity: 0.0001;
         content: ' ';
    }
     &-wrap {
         position: relative;
         .@{ant-prefix}-btn > .@{iconfont-css-prefix}-down {
             font-size: 10px;
        }
         .@{iconfont-css-prefix}-down::before {
             transition: transform @animation-duration-base;
        }
    }
     &-wrap-open {
         .@{iconfont-css-prefix}-down::before {
             transform: rotate(180deg);
        }
    }
     &-hidden, &-menu-hidden, &-menu-submenu-hidden {
         display: none;
    }
     &-show-arrow&-placement-topLeft, &-show-arrow&-placement-top, &-show-arrow&-placement-topRight {
         padding-bottom: @popover-distance;
    }
     &-show-arrow&-placement-bottomLeft, &-show-arrow&-placement-bottom, &-show-arrow&-placement-bottomRight {
         padding-top: @popover-distance;
    }
     &-arrow {
         position: absolute;
         z-index: 1;
         display: block;
         width: @popover-arrow-width;
         height: @popover-arrow-width;
         .roundedArrow(@popover-arrow-width, 5px, @popover-bg);
    }
     &-placement-top > &-arrow, &-placement-topLeft > &-arrow, &-placement-topRight > &-arrow {
         bottom: @popover-arrow-width * sqrt((1 / 2)) + 2px;
         box-shadow: 3px 3px 7px -3px fade(@black, 10%);
         transform: rotate(45deg);
    }
     &-placement-top > &-arrow {
         left: 50%;
         transform: translateX(-50%) rotate(45deg);
    }
     &-placement-topLeft > &-arrow {
         left: 16px;
    }
     &-placement-topRight > &-arrow {
         right: 16px;
    }
     &-placement-bottom > &-arrow, &-placement-bottomLeft > &-arrow, &-placement-bottomRight > &-arrow {
         top: (@popover-arrow-width + 2px) * sqrt((1 / 2));
         box-shadow: 2px 2px 5px -2px fade(@black, 10%);
         transform: rotate(-135deg) translateY(-0.5px);
    }
     &-placement-bottom > &-arrow {
         left: 50%;
         transform: translateX(-50%) rotate(-135deg) translateY(-0.5px);
    }
     &-placement-bottomLeft > &-arrow {
         left: 16px;
    }
     &-placement-bottomRight > &-arrow {
         right: 16px;
    }
     &-menu {
         position: relative;
         margin: 0;
         padding: @dropdown-edge-child-vertical-padding 0;
         text-align: left;
         list-style-type: none;
         background-color: @neutral-bg-1-normal;
         background-clip: padding-box;
         border-radius: @radius-m;
         outline: none;
         box-shadow: @shadow-2-down;
         &-item-group-title {
             padding: 5px @control-padding-horizontal;
             color: @neutral-fg-3-normal;
             transition: all @animation-duration-slow;
        }
         &-submenu-popup {
             position: absolute;
             z-index: @zindex-dropdown;
             background: transparent;
             box-shadow: none;
             transform-origin: 0 0;
             ul, li {
                 list-style: none;
            }
             ul {
                 margin-right: 0.3em;
                 margin-left: 0.3em;
            }
        }
         &-item {
             position: relative;
             display: flex;
             align-items: center;
        }
         &-item-icon {
             min-width: 12px;
             margin-right: 8px;
             font-size: @font-size-body-s;
        }
         &-title-content {
             flex: auto;
             > a {
                 color: inherit;
                 transition: all @animation-duration-slow;
                 &:hover {
                     color: inherit;
                }
                 &::after {
                     position: absolute;
                     top: 0;
                     right: 0;
                     bottom: 0;
                     left: 0;
                     content: '';
                }
            }
        }
         &-item, &-submenu-title {
             clear: both;
             margin: 0;
             padding: @dropdown-vertical-padding @control-padding-horizontal;
             color: @neutral-fg-2-normal;
             font-weight: normal;
             font-size: @font-size-body-m;
             line-height: @dropdown-line-height;
             cursor: pointer;
             transition: all @animation-duration-slow;
             &:first-child {
                 & when (@dropdown-edge-child-vertical-padding = 0) {
                     border-radius: @radius-m @radius-m 0 0;
                }
            }
             &:last-child {
                 & when (@dropdown-edge-child-vertical-padding = 0) {
                     border-radius: 0 0 @radius-m @radius-m;
                }
            }
             &-selected {
                 background-color: @brand-bg-2-selected;
            }
             &:hover, &&-active {
                 background-color: @neutral-bg-1-hover-1;
            }
             &&-disabled {
                 color: @neutral-fg-disabled;
                 cursor: not-allowed;
                 &:hover {
                     color: @neutral-fg-disabled;
                     background-color: @neutral-bg-2-normal;
                     cursor: not-allowed;
                }
                 a {
                     pointer-events: none;
                }
            }
             &-divider {
                 height: 1px;
                 margin: 4px 0;
                 overflow: hidden;
                 line-height: 0;
                 background-color: @neutral-stroke-2-normal ;
            }
             .@{dropdown-prefix-cls}-menu-submenu-expand-icon {
                 position: absolute;
                 right: @padding-xs;
                 .@{dropdown-prefix-cls}-menu-submenu-arrow-icon {
                     margin-right: 0 !important;
                     color: @neutral-fg-3-normal;
                     font-size: 10px;
                     font-style: normal;
                }
            }
        }
         &-item-group-list {
             margin: 0 8px;
             padding: 0;
             list-style: none;
        }
         &-submenu-title {
             padding-right: @control-padding-horizontal + @font-size-body-s;
        }
         &-submenu-vertical {
             position: relative;
        }
         &-submenu-vertical > & {
             position: absolute;
             top: 0;
             left: 100%;
             min-width: 100%;
             margin-left: 4px;
             transform-origin: 0 0;
        }
         &-submenu&-submenu-disabled .@{dropdown-prefix-cls}-menu-submenu-title {
             &, .@{dropdown-prefix-cls}-menu-submenu-arrow-icon {
                 color: @neutral-fg-disabled;
                 background-color: @dropdown-menu-submenu-disabled-bg;
                 cursor: not-allowed;
            }
        }
         &-submenu-selected &-submenu-title {
             color: @primary-color;
        }
    }
     &.@{ant-prefix}-slide-down-enter.@{ant-prefix}-slide-down-enter-active&-placement-bottomLeft, &.@{ant-prefix}-slide-down-appear.@{ant-prefix}-slide-down-appear-active&-placement-bottomLeft, &.@{ant-prefix}-slide-down-enter.@{ant-prefix}-slide-down-enter-active&-placement-bottom, &.@{ant-prefix}-slide-down-appear.@{ant-prefix}-slide-down-appear-active&-placement-bottom, &.@{ant-prefix}-slide-down-enter.@{ant-prefix}-slide-down-enter-active&-placement-bottomRight, &.@{ant-prefix}-slide-down-appear.@{ant-prefix}-slide-down-appear-active&-placement-bottomRight {
         animation-name: antSlideUpIn;
    }
     &.@{ant-prefix}-slide-up-enter.@{ant-prefix}-slide-up-enter-active&-placement-topLeft, &.@{ant-prefix}-slide-up-appear.@{ant-prefix}-slide-up-appear-active&-placement-topLeft, &.@{ant-prefix}-slide-up-enter.@{ant-prefix}-slide-up-enter-active&-placement-top, &.@{ant-prefix}-slide-up-appear.@{ant-prefix}-slide-up-appear-active&-placement-top, &.@{ant-prefix}-slide-up-enter.@{ant-prefix}-slide-up-enter-active&-placement-topRight, &.@{ant-prefix}-slide-up-appear.@{ant-prefix}-slide-up-appear-active&-placement-topRight {
         animation-name: antSlideDownIn;
    }
     &.@{ant-prefix}-slide-down-leave.@{ant-prefix}-slide-down-leave-active&-placement-bottomLeft, &.@{ant-prefix}-slide-down-leave.@{ant-prefix}-slide-down-leave-active&-placement-bottom, &.@{ant-prefix}-slide-down-leave.@{ant-prefix}-slide-down-leave-active&-placement-bottomRight {
         animation-name: antSlideUpOut;
    }
     &.@{ant-prefix}-slide-up-leave.@{ant-prefix}-slide-up-leave-active&-placement-topLeft, &.@{ant-prefix}-slide-up-leave.@{ant-prefix}-slide-up-leave-active&-placement-top, &.@{ant-prefix}-slide-up-leave.@{ant-prefix}-slide-up-leave-active&-placement-topRight {
         animation-name: antSlideDownOut;
    }
}
 .@{dropdown-prefix-cls}-trigger, .@{dropdown-prefix-cls}-link, .@{dropdown-prefix-cls}-button {
     > .@{iconfont-css-prefix}.@{iconfont-css-prefix}-down {
         font-size: 10px;
         vertical-align: baseline;
    }
}
 .@{dropdown-prefix-cls}-button {
     white-space: nowrap;
     &.@{ant-prefix}-btn-group > .@{ant-prefix}-btn {
         &-loading, &-loading + .@{ant-prefix}-btn {
             cursor: default;
             pointer-events: none;
        }
         &-loading + .@{ant-prefix}-btn::before {
             display: block;
        }
         &:last-child:not(:first-child):not(.@{ant-prefix}-btn-icon-only) {
             padding-right: @padding-xs;
             padding-left: @padding-xs;
        }
    }
}
 .@{dropdown-prefix-cls}-menu-dark {
     &, .@{dropdown-prefix-cls}-menu {
         background: @menu-dark-bg;
    }
     .@{dropdown-prefix-cls}-menu-item, .@{dropdown-prefix-cls}-menu-submenu-title, .@{dropdown-prefix-cls}-menu-item > a, .@{dropdown-prefix-cls}-menu-item > .@{iconfont-css-prefix}+ span > a {
         color: @text-color-secondary-dark;
         .@{dropdown-prefix-cls}-menu-submenu-arrow::after {
             color: @text-color-secondary-dark;
        }
         &:hover {
             color: @text-color-inverse;
             background: transparent;
        }
    }
     .@{dropdown-prefix-cls}-menu-item-selected {
         &, &:hover, > a {
             color: @text-color-inverse;
             background: @primary-color;
        }
    }
}
 @dropdown-prefix-cls: ~'@{ant-prefix}-dropdown';
 .@{dropdown-prefix-cls}{
     &-rtl {
         direction: rtl;
    }
     &::before {
         .@{dropdown-prefix-cls}-rtl& {
             right: -7px;
             left: 0;
        }
    }
     &-menu {
         &&-rtl {
             direction: rtl;
             text-align: right;
        }
         &-item-group-title {
             .@{dropdown-prefix-cls}-rtl &, .@{dropdown-prefix-cls}-menu-submenu-rtl & {
                 direction: rtl;
                 text-align: right;
            }
        }
         &-submenu-popup {
             &.@{dropdown-prefix-cls}-menu-submenu-rtl {
                 transform-origin: 100% 0;
            }
             ul, li {
                 .@{dropdown-prefix-cls}-rtl & {
                     text-align: right;
                }
            }
        }
         &-item, &-submenu-title {
             .@{dropdown-prefix-cls}-rtl & {
                 text-align: right;
            }
             > .@{iconfont-css-prefix}:first-child, > span > .@{iconfont-css-prefix}:first-child {
                 .@{dropdown-prefix-cls}-rtl & {
                     margin-right: 0;
                     margin-left: 8px;
                }
            }
             .@{dropdown-prefix-cls}-menu-submenu-expand-icon {
                 .@{dropdown-prefix-cls}-rtl & {
                     right: auto;
                     left: @padding-xs;
                }
                 .@{dropdown-prefix-cls}-menu-submenu-arrow-icon {
                     .@{dropdown-prefix-cls}-rtl & {
                         margin-left: 0 !important;
                         transform: scaleX(-1);
                    }
                }
            }
        }
         &-submenu-title {
             .@{dropdown-prefix-cls}-rtl & {
                 padding-right: @control-padding-horizontal;
                 padding-left: @control-padding-horizontal + @font-size-sm;
            }
        }
         &-submenu-vertical > & {
             .@{dropdown-prefix-cls}-rtl & {
                 right: 100%;
                 left: 0;
                 margin-right: 4px;
                 margin-left: 0;
            }
        }
    }
}
 @root-entry-name: default;
 @empty-prefix-cls: ~'@{ant-prefix}-empty';
 @empty-img-prefix-cls: ~'@{ant-prefix}-empty-img';
 .@{empty-prefix-cls}{
     margin: 0 8px;
     font-size: @font-size-body-m;
     line-height: @font-line-height;
     text-align: center;
     &-image {
         height: 100px;
         margin-bottom: 8px;
         img {
             height: 100%;
        }
         svg {
             height: 100%;
             margin: auto;
        }
    }
     &-footer {
         margin-top: 16px;
    }
     &-normal {
         margin: 32px 0;
         color: @neutral-fg-2-normal;
         .@{empty-prefix-cls}-image {
             height: 80px;
        }
    }
     &-small {
         margin: 8px 0;
         color: @neutral-fg-2-normal;
         .@{empty-prefix-cls}-image {
             height: 35px;
        }
    }
}
 .@{empty-img-prefix-cls}-default {
     & when (@theme = dark) {
         &-ellipse {
             fill: @white;
             fill-opacity: 0.08;
        }
         &-path {
             &-1 {
                 fill: #262626;
            }
             &-2 {
                 fill: url('#linearGradient-1');
            }
             &-3 {
                 fill: #595959;
            }
             &-4 {
                 fill: #434343;
            }
             &-5 {
                 fill: #595959;
            }
        }
         &-g {
             fill: #434343;
        }
    }
     & when not (@theme = dark) {
         &-ellipse {
             fill: #f5f5f5;
             fill-opacity: 0.8;
        }
         &-path {
             &-1 {
                 fill: #aeb8c2;
            }
             &-2 {
                 fill: url('#linearGradient-1');
            }
             &-3 {
                 fill: #f5f5f7;
            }
             &-4 {
                 fill: #dce0e6;
            }
             &-5 {
                 fill: #dce0e6;
            }
        }
         &-g {
             fill: @white;
        }
    }
}
 .@{empty-img-prefix-cls}-simple {
     & when (@theme = dark) {
         &-ellipse {
             fill: @white;
             fill-opacity: 0.08;
        }
         &-g {
             stroke: #434343;
        }
         &-path {
             fill: #262626;
             stroke: #434343;
        }
    }
     & when not (@theme = dark) {
         &-ellipse {
             fill: #f5f5f5;
        }
         &-g {
             stroke: #d9d9d9;
        }
         &-path {
             fill: #fafafa;
        }
    }
}
 @empty-prefix-cls: ~'@{ant-prefix}-empty';
 .@{empty-prefix-cls}{
     &-rtl {
         direction: rtl;
    }
}
 @root-entry-name: default;
 @row-prefix-cls: ~'@{ant-prefix}-row';
 @col-prefix-cls: ~'@{ant-prefix}-col';
 .loop-grid-columns(@index, @class) when (@index > 0) {
     .@{col-prefix-cls}@{class}-@{index}{
         display: block;
         flex: 0 0 percentage((@index / @grid-columns));
         max-width: percentage((@index / @grid-columns));
    }
     .@{col-prefix-cls}@{class}-push-@{index}{
         left: percentage((@index / @grid-columns));
    }
     .@{col-prefix-cls}@{class}-pull-@{index}{
         right: percentage((@index / @grid-columns));
    }
     .@{col-prefix-cls}@{class}-offset-@{index}{
         margin-left: percentage((@index / @grid-columns));
    }
     .@{col-prefix-cls}@{class}-order-@{index}{
         order: @index;
    }
     .loop-grid-columns((@index - 1), @class);
}
 .loop-grid-columns(@index, @class) when (@index = 0) {
     .@{col-prefix-cls}@{class}-@{index}{
         display: none;
    }
     .@{col-prefix-cls}-push-@{index}{
         left: auto;
    }
     .@{col-prefix-cls}-pull-@{index}{
         right: auto;
    }
     .@{col-prefix-cls}@{class}-push-@{index}{
         left: auto;
    }
     .@{col-prefix-cls}@{class}-pull-@{index}{
         right: auto;
    }
     .@{col-prefix-cls}@{class}-offset-@{index}{
         margin-left: 0;
    }
     .@{col-prefix-cls}@{class}-order-@{index}{
         order: 0;
    }
}
 .make-grid(@class: ~'') {
     .loop-grid-columns(@grid-columns, @class);
}
 @form-prefix-cls: ~'@{ant-prefix}-form';
 @form-item-prefix-cls: ~'@{form-prefix-cls}-item';
 .@{form-item-prefix-cls}{
     .@{ant-prefix}-input-number {
         + .@{form-prefix-cls}-text {
             margin-left: 8px;
        }
    }
}
 @form-prefix-cls: ~'@{ant-prefix}-form';
 @form-item-prefix-cls: ~'@{form-prefix-cls}-item';
 .@{form-prefix-cls}-inline {
     display: flex;
     flex-wrap: wrap;
     .@{form-prefix-cls}-item {
         flex: none;
         flex-wrap: nowrap;
         margin-right: 16px;
         margin-bottom: 0;
         &-with-help {
             margin-bottom: @form-item-margin-bottom;
        }
         > .@{form-item-prefix-cls}-label, > .@{form-item-prefix-cls}-control {
             display: inline-block;
             vertical-align: top;
        }
         > .@{form-item-prefix-cls}-label {
             flex: none;
        }
         .@{form-prefix-cls}-text {
             display: inline-block;
        }
         .@{form-item-prefix-cls}-has-feedback {
             display: inline-block;
        }
    }
}
 @form-prefix-cls: ~'@{ant-prefix}-form';
 @form-item-prefix-cls: ~'@{form-prefix-cls}-item';
 .@{form-prefix-cls}-horizontal {
     .@{form-item-prefix-cls}-label {
         flex-grow: 0;
    }
     .@{form-item-prefix-cls}-control {
         flex: 1 1 0;
         min-width: 0;
    }
     .@{form-item-prefix-cls}-label[class$='-24'] + .@{form-item-prefix-cls}-control, .@{form-item-prefix-cls}-label[class*='-24 '] + .@{form-item-prefix-cls}-control {
         min-width: unset;
    }
}
 @form-prefix-cls: ~'@{ant-prefix}-form';
 @form-item-prefix-cls: ~'@{form-prefix-cls}-item';
 .make-vertical-layout-label() {
     & when (@form-vertical-label-margin > 0) {
         margin: @form-vertical-label-margin;
    }
     padding: @form-vertical-label-padding;
     line-height: @font-line-height;
     white-space: initial;
     text-align: left;
     > label {
         margin: 0;
         &::after {
             display: none;
        }
    }
}
 .make-vertical-layout() {
     .@{form-prefix-cls}-item .@{form-prefix-cls}-item-label {
         .make-vertical-layout-label();
    }
     .@{form-prefix-cls}{
         .@{form-prefix-cls}-item {
             flex-wrap: wrap;
             .@{form-prefix-cls}-item-label, .@{form-prefix-cls}-item-control {
                 flex: 0 0 100%;
                 max-width: 100%;
            }
        }
    }
}
 .@{form-prefix-cls}-vertical {
     .@{form-item-prefix-cls}{
         &-row {
             flex-direction: column;
        }
         &-label > label {
             height: auto;
        }
         .@{form-prefix-cls}-item-control {
             width: 100%;
        }
    }
}
 .@{form-prefix-cls}-vertical .@{form-item-prefix-cls}-label, .@{ant-prefix}-col-24.@{form-item-prefix-cls}-label, .@{ant-prefix}-col-xl-24.@{form-item-prefix-cls}-label {
     .make-vertical-layout-label();
}
 @media (max-width: @screen-xs-max) {
     .make-vertical-layout();
     .@{ant-prefix}-col-xs-24.@{form-item-prefix-cls}-label {
         .make-vertical-layout-label();
    }
}
 @media (max-width: @screen-sm-max) {
     .@{ant-prefix}-col-sm-24.@{form-item-prefix-cls}-label {
         .make-vertical-layout-label();
    }
}
 @media (max-width: @screen-md-max) {
     .@{ant-prefix}-col-md-24.@{form-item-prefix-cls}-label {
         .make-vertical-layout-label();
    }
}
 @media (max-width: @screen-lg-max) {
     .@{ant-prefix}-col-lg-24.@{form-item-prefix-cls}-label {
         .make-vertical-layout-label();
    }
}
 @media (max-width: @screen-xl-max) {
     .@{ant-prefix}-col-xl-24.@{form-item-prefix-cls}-label {
         .make-vertical-layout-label();
    }
}
 @form-prefix-cls: ~'@{ant-prefix}-form';
 @form-item-prefix-cls: ~'@{form-prefix-cls}-item';
 .@{form-item-prefix-cls}{
     &-explain {
         &-error {
             color: @status-error-fg-1-normal;
        }
         &-warning {
             color: @status-warning-fg-1-normal;
        }
    }
     &-has-feedback {
         .@{ant-prefix}-switch {
             margin: 2px 0 4px;
        }
    }
     &-has-warning {
         .form-control-validation(@warning-color;
         @warning-color;
         @form-warning-input-bg;
         @warning-color-hover;
         @warning-color-outline);
    }
     &-has-error {
         .form-control-validation(@error-color;
         @error-color;
         @form-error-input-bg;
         @error-color-hover;
         @error-color-outline);
    }
}
 .form-control-validation( @text-color: @neutral-fg-2-normal;
 @border-color: @input-border-color;
 @background-color: @input-bg;
 @hoverBorderColor: @primary-color-hover;
 @outlineColor: @primary-color-outline;
 ) {
     .@{ant-prefix}-form-item-split {
         color: @text-color;
    }
}
 .reset-form() {
     legend {
         display: block;
         width: 100%;
         margin-bottom: 20px;
         padding: 0;
         color: @neutral-fg-3-normal;
         font-size: @font-size-lg;
         line-height: inherit;
         border: 0;
         border-bottom: @border-width-base @border-style-base @neutral-stroke-1-normal;
    }
     label {
         font-size: @font-size-body-m;
    }
     input[type='search'] {
         box-sizing: border-box;
    }
     input[type='radio'], input[type='checkbox'] {
         line-height: normal;
    }
     input[type='file'] {
         display: block;
    }
     input[type='range'] {
         display: block;
         width: 100%;
    }
     select[multiple], select[size] {
         height: auto;
    }
     input[type='file']:focus, input[type='radio']:focus, input[type='checkbox']:focus {
         outline: thin dotted;
         outline: 5px auto -webkit-focus-ring-color;
         outline-offset: -2px;
    }
     output {
         display: block;
         padding-top: 15px;
         color: @neutral-fg-2-normal;
         font-size: @font-size-body-m;
         line-height: @font-line-height;
    }
}
 @form-prefix-cls: ~'@{ant-prefix}-form';
 @form-item-prefix-cls: ~'@{form-prefix-cls}-item';
 @form-font-height: ceil(@font-size-body-m * @line-height-base);
 .@{form-prefix-cls}{
     .reset-component();
     .reset-form();
     .@{form-prefix-cls}-text {
         display: inline-block;
         padding-right: 8px;
    }
     .formSize(@input-height) {
         .@{form-item-prefix-cls}-label > label {
             height: @input-height;
        }
         .@{form-item-prefix-cls}-control-input {
             min-height: @input-height;
        }
    }
     &-small {
         .formSize(@input-height-sm);
    }
     &-large {
         .formSize(@input-height-lg);
    }
}
 .explainAndExtraDistance(@num) when (@num >= 0) {
     padding-top: floor(@num);
}
 .explainAndExtraDistance(@num) when (@num < 0) {
     margin-top: ceil(@num);
     margin-bottom: ceil(@num);
}
 .@{form-item-prefix-cls}{
     .reset-component();
     margin-bottom: @form-item-margin-bottom;
     vertical-align: top;
     &-with-help {
         transition: none;
    }
     &-hidden, &-hidden.@{ant-prefix}-row {
         display: none;
    }
     &-label {
         display: inline-block;
         flex-grow: 0;
         overflow: hidden;
         white-space: nowrap;
         text-align: right;
         vertical-align: middle;
         &-left {
             text-align: left;
        }
         &-wrap {
             overflow: unset;
             line-height: (@line-height-base - 0.25em);
             white-space: unset;
        }
         > label {
             position: relative;
             display: inline-flex;
             align-items: center;
             max-width: 100%;
             height: @form-item-label-height;
             color: @neutral-fg-3-normal;
             font-size: @font-size-body-m;
             > .@{iconfont-css-prefix}{
                 font-size: @font-size-body-m;
                 vertical-align: top;
            }
             &.@{form-item-prefix-cls}-required:not(.@{form-item-prefix-cls}-required-mark-optional)::before {
                 display: inline-block;
                 margin-right: 4px;
                 color: @status-error-fg-1-normal;
                 font-size: @font-size-body-m;
                 font-family: SimSun, sans-serif;
                 line-height: 1;
                 content: '*';
                 .@{form-prefix-cls}-hide-required-mark & {
                     display: none;
                }
            }
             .@{form-item-prefix-cls}-optional {
                 display: inline-block;
                 margin-left: @margin-xss;
                 color: @neutral-fg-3-normal;
                 .@{form-prefix-cls}-hide-required-mark & {
                     display: none;
                }
            }
             .@{form-item-prefix-cls}-tooltip {
                 color: @neutral-fg-3-normal;
                 cursor: help;
                 writing-mode: horizontal-tb;
                 margin-inline-start: @margin-xss;
            }
             &::after {
                 & when (@form-item-trailing-colon=true) {
                     content: ':';
                }
                 & when not (@form-item-trailing-colon=true) {
                     content: ' ';
                }
                 position: relative;
                 top: -0.5px;
                 margin: 0 @form-item-label-colon-margin-right 0 @form-item-label-colon-margin-left;
            }
             &.@{form-item-prefix-cls}-no-colon::after {
                 content: ' ';
            }
        }
    }
     &-control {
         display: flex;
         flex-direction: column;
         flex-grow: 1;
         &:first-child:not([class^=~"'@{ant-prefix}-col-'"]):not([class*=~"' @{ant-prefix}-col-'"]) {
             width: 100%;
        }
    }
     &-control-input {
         position: relative;
         display: flex;
         align-items: center;
         min-height: @input-height-base;
         &-content {
             flex: auto;
             max-width: 100%;
        }
    }
     &-explain, &-extra {
         clear: both;
         color: @neutral-fg-3-normal;
         font-size: @font-size-body-m;
         line-height: @font-line-height;
         transition: color 0.3s @ease-out;
         .explainAndExtraDistance((@form-item-margin-bottom - @form-font-height) / 2);
    }
     &-explain-connected {
         width: 100%;
    }
     &-extra {
         min-height: @form-item-margin-bottom;
    }
     &-with-help &-explain {
         height: auto;
         opacity: 1;
    }
     &-feedback-icon {
         font-size: @font-size-body-m;
         text-align: center;
         visibility: visible;
         animation: zoomIn 0.3s @ease-out-back;
         pointer-events: none;
         &-success {
             color: @status-success-fg-1-normal;
        }
         &-error {
             color: @status-error-fg-1-normal;
        }
         &-warning {
             color: @status-warning-fg-1-normal;
        }
         &-validating {
             color: @brand-fg-1-normal;
        }
    }
}
 .@{ant-prefix}-show-help {
     transition: opacity @animation-duration-slow @ease-in-out;
     &-appear, &-enter {
         opacity: 0;
         &-active {
             opacity: 1;
        }
    }
     &-leave {
         opacity: 1;
         &-active {
             opacity: 0;
        }
    }
}
 .@{ant-prefix}-show-help-item {
     overflow: hidden;
     transition: height @animation-duration-slow @ease-in-out, opacity @animation-duration-slow @ease-in-out, transform @animation-duration-slow @ease-in-out !important;
     &-appear, &-enter {
         transform: translateY(-5px);
         opacity: 0;
         &-active {
             transform: translateY(0);
             opacity: 1;
        }
    }
     &-leave {
         transition: height @animation-duration-base @ease-in-out, opacity @animation-duration-base @ease-in-out, transform @animation-duration-base @ease-in-out !important;
    }
     &-leave-active {
         transform: translateY(-5px);
    }
}
 @keyframes diffZoomIn1 {
     0% {
         transform: scale(0);
         opacity: 0;
    }
     100% {
         transform: scale(1);
         opacity: 1;
    }
}
 @keyframes diffZoomIn2 {
     0% {
         transform: scale(0);
         opacity: 0;
    }
     100% {
         transform: scale(1);
         opacity: 1;
    }
}
 @keyframes diffZoomIn3 {
     0% {
         transform: scale(0);
         opacity: 0;
    }
     100% {
         transform: scale(1);
         opacity: 1;
    }
}
 @form-prefix-cls: ~'@{ant-prefix}-form';
 @form-item-prefix-cls: ~'@{form-prefix-cls}-item';
 .@{form-prefix-cls}{
     &-rtl {
         direction: rtl;
    }
}
 .@{form-item-prefix-cls}{
     &-label {
         .@{form-prefix-cls}-rtl & {
             text-align: left;
        }
         > label {
             &.@{form-item-prefix-cls}-required::before {
                 .@{form-prefix-cls}-rtl & {
                     margin-right: 0;
                     margin-left: 4px;
                }
            }
             &::after {
                 .@{form-prefix-cls}-rtl & {
                     margin: 0 @form-item-label-colon-margin-left 0 @form-item-label-colon-margin-right;
                }
            }
             .@{form-item-prefix-cls}-optional {
                 .@{form-prefix-cls}-rtl & {
                     margin-right: @margin-xss;
                     margin-left: 0;
                }
            }
        }
    }
     &-control {
         .@{ant-prefix}-col-rtl &:first-child {
             width: 100%;
        }
    }
     &-has-feedback {
         .@{ant-prefix}-input {
             .@{form-prefix-cls}-rtl & {
                 padding-right: @input-padding-horizontal-base;
                 padding-left: 24px;
            }
        }
         .@{ant-prefix}-input-affix-wrapper {
             .@{ant-prefix}-input-suffix {
                 .@{form-prefix-cls}-rtl & {
                     padding-right: @input-padding-horizontal-base;
                     padding-left: 18px;
                }
            }
             .@{ant-prefix}-input {
                 .@{form-prefix-cls}-rtl & {
                     padding: 0;
                }
            }
        }
         .@{ant-prefix}-input-number-affix-wrapper {
             .@{ant-prefix}-input-number {
                 .@{form-prefix-cls}-rtl & {
                     padding: 0;
                }
            }
        }
         .@{ant-prefix}-input-search:not(.@{ant-prefix}-input-search-enter-button) {
             .@{ant-prefix}-input-suffix {
                 .@{form-prefix-cls}-rtl & {
                     right: auto;
                     left: 28px;
                }
            }
        }
         .@{ant-prefix}-input-number {
             .@{form-prefix-cls}-rtl & {
                 padding-left: 18px;
            }
        }
         > .@{ant-prefix}-select .@{ant-prefix}-select-arrow, > .@{ant-prefix}-select .@{ant-prefix}-select-clear, :not(.@{ant-prefix}-input-group-addon) > .@{ant-prefix}-select .@{ant-prefix}-select-arrow, :not(.@{ant-prefix}-input-group-addon) > .@{ant-prefix}-select .@{ant-prefix}-select-clear, :not(.@{ant-prefix}-input-number-group-addon) > .@{ant-prefix}-select .@{ant-prefix}-select-arrow, :not(.@{ant-prefix}-input-number-group-addon) > .@{ant-prefix}-select .@{ant-prefix}-select-clear {
             .@{form-prefix-cls}-rtl & {
                 right: auto;
                 left: 32px;
            }
        }
         > .@{ant-prefix}-select .@{ant-prefix}-select-selection-selected-value, :not(.@{ant-prefix}-input-group-addon) > .@{ant-prefix}-select .@{ant-prefix}-select-selection-selected-value, :not(.@{ant-prefix}-input-number-group-addon) > .@{ant-prefix}-select .@{ant-prefix}-select-selection-selected-value {
             .@{form-prefix-cls}-rtl & {
                 padding-right: 0;
                 padding-left: 42px;
            }
        }
         .@{ant-prefix}-cascader-picker {
             &-arrow {
                 .@{form-prefix-cls}-rtl & {
                     margin-right: 0;
                     margin-left: 19px;
                }
            }
             &-clear {
                 .@{form-prefix-cls}-rtl & {
                     right: auto;
                     left: 32px;
                }
            }
        }
         .@{ant-prefix}-picker {
             .@{form-prefix-cls}-rtl & {
                 padding-right: @input-padding-horizontal-base;
                 padding-left: @input-padding-horizontal-base + @font-size-base * 1.3;
            }
             &-large {
                 .@{form-prefix-cls}-rtl & {
                     padding-right: @input-padding-horizontal-lg;
                     padding-left: @input-padding-horizontal-lg + @font-size-base * 1.3;
                }
            }
             &-small {
                 .@{form-prefix-cls}-rtl & {
                     padding-right: @input-padding-horizontal-sm;
                     padding-left: @input-padding-horizontal-sm + @font-size-base * 1.3;
                }
            }
        }
         &.@{form-item-prefix-cls}{
             &-has-success, &-has-warning, &-has-error, &-is-validating {
                 .@{form-item-prefix-cls}-children-icon {
                     .@{form-prefix-cls}-rtl & {
                         right: auto;
                         left: 0;
                    }
                }
            }
        }
    }
}
 .@{form-prefix-cls}-inline {
     .@{form-prefix-cls}-item {
         .@{form-prefix-cls}-rtl& {
             margin-right: 0;
             margin-left: 16px;
        }
    }
}
 .make-vertical-layout-label() {
     .@{form-prefix-cls}-rtl& {
         text-align: right;
    }
}
 @root-entry-name: default;
 .@{row-prefix-cls}{
     display: flex;
     flex-flow: row wrap;
     min-width: 0;
     &::before, &::after {
         display: flex;
    }
     &-no-wrap {
         flex-wrap: nowrap;
    }
}
 .@{row-prefix-cls}-start {
     justify-content: flex-start;
}
 .@{row-prefix-cls}-center {
     justify-content: center;
}
 .@{row-prefix-cls}-end {
     justify-content: flex-end;
}
 .@{row-prefix-cls}-space-between {
     justify-content: space-between;
}
 .@{row-prefix-cls}-space-around {
     justify-content: space-around;
}
 .@{row-prefix-cls}-space-evenly {
     justify-content: space-evenly;
}
 .@{row-prefix-cls}-top {
     align-items: flex-start;
}
 .@{row-prefix-cls}-middle {
     align-items: center;
}
 .@{row-prefix-cls}-bottom {
     align-items: flex-end;
}
 .@{col-prefix-cls}{
     position: relative;
     max-width: 100%;
     min-height: 1px;
}
 .make-grid();
 .make-grid(-xs);
 @media (min-width: @screen-sm-min) {
     .make-grid(-sm);
}
 @media (min-width: @screen-md-min) {
     .make-grid(-md);
}
 @media (min-width: @screen-lg-min) {
     .make-grid(-lg);
}
 @media (min-width: @screen-xl-min) {
     .make-grid(-xl);
}
 @media (min-width: @screen-xxl-min) {
     .make-grid(-xxl);
}
 .@{row-prefix-cls}{
     &-rtl {
         direction: rtl;
    }
}
 .loop-grid-columns(@index, @class) when (@index > 0) {
     .@{col-prefix-cls}@{class}-push-@{index}{
         &.@{col-prefix-cls}-rtl {
             right: percentage((@index / @grid-columns));
             left: auto;
        }
    }
     .@{col-prefix-cls}@{class}-pull-@{index}{
         &.@{col-prefix-cls}-rtl {
             right: auto;
             left: percentage((@index / @grid-columns));
        }
    }
     .@{col-prefix-cls}@{class}-offset-@{index}{
         &.@{col-prefix-cls}-rtl {
             margin-right: percentage((@index / @grid-columns));
             margin-left: 0;
        }
    }
}
 .loop-grid-columns(@index, @class) when (@index = 0) {
     .@{col-prefix-cls}-push-@{index}{
         &.@{col-prefix-cls}-rtl {
             right: auto;
        }
    }
     .@{col-prefix-cls}-pull-@{index}{
         &.@{col-prefix-cls}-rtl {
             left: auto;
        }
    }
     .@{col-prefix-cls}@{class}-push-@{index}{
         &.@{col-prefix-cls}-rtl {
             right: auto;
        }
    }
     .@{col-prefix-cls}@{class}-pull-@{index}{
         &.@{col-prefix-cls}-rtl {
             left: auto;
        }
    }
     .@{col-prefix-cls}@{class}-offset-@{index}{
         &.@{col-prefix-cls}-rtl {
             margin-right: 0;
        }
    }
}
 @root-entry-name: default;
 @icon-prefix-cls: ~'@{ant-prefix}-icon';
 @root-entry-name: default;
 @image-prefix-cls: ~'@{ant-prefix}-image';
 @image-preview-prefix-cls: ~'@{image-prefix-cls}-preview';
 .@{image-prefix-cls}{
     position: relative;
     display: inline-block;
     &-img {
         width: 100%;
         height: 100%;
         vertical-align: middle;
         border-radius: @radius-m;
         &-placeholder {
             background-color: @image-bg;
             background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTQuNSAyLjVoLTEzQS41LjUgMCAwIDAgMSAzdjEwYS41LjUgMCAwIDAgLjUuNWgxM2EuNS41IDAgMCAwIC41LS41VjNhLjUuNSAwIDAgMC0uNS0uNXpNNS4yODEgNC43NWExIDEgMCAwIDEgMCAyIDEgMSAwIDAgMSAwLTJ6bTguMDMgNi44M2EuMTI3LjEyNyAwIDAgMS0uMDgxLjAzSDIuNzY5YS4xMjUuMTI1IDAgMCAxLS4wOTYtLjIwN2wyLjY2MS0zLjE1NmEuMTI2LjEyNiAwIDAgMSAuMTc3LS4wMTZsLjAxNi4wMTZMNy4wOCAxMC4wOWwyLjQ3LTIuOTNhLjEyNi4xMjYgMCAwIDEgLjE3Ny0uMDE2bC4wMTUuMDE2IDMuNTg4IDQuMjQ0YS4xMjcuMTI3IDAgMCAxLS4wMi4xNzV6IiBmaWxsPSIjOEM4QzhDIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L3N2Zz4=');
             background-repeat: no-repeat;
             background-position: center center;
             background-size: 30%;
        }
    }
     &-mask {
         position: absolute;
         top: 0;
         right: 0;
         bottom: 0;
         left: 0;
         display: flex;
         align-items: center;
         justify-content: center;
         color: @text-color-inverse;
         background: fade(@black, 50%);
         cursor: pointer;
         opacity: 0;
         transition: opacity @animation-duration-slow;
         &-info {
             padding: 0 @padding-xss;
             overflow: hidden;
             white-space: nowrap;
             text-overflow: ellipsis;
             .@{iconfont-css-prefix}{
                 margin-inline-end: @margin-xss;
            }
        }
         &:hover {
             opacity: 1;
        }
    }
     &-placeholder {
         .box();
    }
     &-preview {
         .modal-mask();
         height: 100%;
         text-align: center;
         &-body {
             .box();
             overflow: hidden;
        }
         &-img {
             max-width: 100%;
             max-height: 100%;
             vertical-align: middle;
             transform: scale3d(1, 1, 1);
             cursor: grab;
             transition: transform 0.3s @ease-out 0s;
             user-select: none;
             pointer-events: auto;
             &-wrapper {
                 .box();
                 transition: transform 0.3s @ease-out 0s;
                 &::before {
                     display: inline-block;
                     width: 1px;
                     height: 50%;
                     margin-right: -1px;
                     content: '';
                }
            }
        }
         &-moving {
             .@{image-prefix-cls}-preview-img {
                 cursor: grabbing;
                 &-wrapper {
                     transition-duration: 0s;
                }
            }
        }
         &-wrap {
             z-index: @zindex-image;
        }
         &-operations-wrapper {
             position: fixed;
             top: 0;
             right: 0;
             z-index: @zindex-image + 1;
             width: 100%;
        }
         &-operations {
             .reset-component();
             display: flex;
             flex-direction: row-reverse;
             align-items: center;
             color: @neutral-fg-on-color;
             list-style: none;
             background: fade(@modal-mask-bg, 10%);
             pointer-events: auto;
             &-operation {
                 margin-left: @control-padding-horizontal;
                 padding: @control-padding-horizontal;
                 cursor: pointer;
                 transition: all 0.3s;
                 &:hover {
                     background: fade(@modal-mask-bg, 20%);
                }
                 &-disabled {
                     color: @image-preview-operation-disabled-color;
                     pointer-events: none;
                }
                 &:last-of-type {
                     margin-left: 0;
                }
            }
             &-progress {
                 position: absolute;
                 left: 50%;
                 transform: translateX(-50%);
            }
             &-icon {
                 font-size: @image-preview-operation-size;
            }
        }
         &-switch-left, &-switch-right {
             position: fixed;
             top: 50%;
             right: 8px;
             z-index: @zindex-image + 1;
             display: flex;
             align-items: center;
             justify-content: center;
             width: 44px;
             height: 44px;
             color: @neutral-fg-on-color;
             background: fade(@modal-mask-bg, 10%);
             border-radius: 50%;
             transform: translateY(-50%);
             cursor: pointer;
             transition: all 0.3s;
             pointer-events: auto;
             &:hover {
                 background: fade(@modal-mask-bg, 20%);
            }
             &-disabled, &-disabled:hover {
                 color: @image-preview-operation-disabled-color;
                 background: fade(@modal-mask-bg, 10%);
                 cursor: not-allowed;
                 > .@{iconfont-css-prefix}{
                     cursor: not-allowed;
                }
            }
             > .@{iconfont-css-prefix}{
                 font-size: 18px;
            }
        }
         &-switch-left {
             left: 8px;
        }
         &-switch-right {
             right: 8px;
        }
    }
}
 @root-entry-name: default;
 @input-prefix-cls: ~'@{ant-prefix}-input';
 @input-affix-margin: 4px;
 .@{ant-prefix}-input-number {
     &-affix-wrapper {
         .input();
         position: relative;
         display: inline-flex;
         width: 90px;
         padding: 0;
         padding-inline-start: @input-padding-horizontal-base;
         &:not(&-disabled):hover {
             .hover();
             z-index: 1;
        }
         &-focused, &:focus {
             z-index: 1;
        }
         &-disabled {
             .@{ant-prefix}-input-number[disabled] {
                 background: transparent;
            }
        }
         > div.@{ant-prefix}-input-number {
             width: 100%;
             border: none;
             outline: none;
             &.@{ant-prefix}-input-number-focused {
                 box-shadow: none !important;
            }
        }
         input.@{ant-prefix}-input-number-input {
             padding: 0;
        }
         &::before {
             display: inline-block;
             width: 0;
             visibility: hidden;
             content: '\a0';
        }
         .@{ant-prefix}-input-number-handler-wrap {
             z-index: 2;
        }
    }
     &-prefix, &-suffix {
         display: flex;
         flex: none;
         align-items: center;
         pointer-events: none;
    }
     &-prefix {
         margin-inline-end: @input-affix-margin;
    }
     &-suffix {
         position: absolute;
         top: 0;
         right: 0;
         z-index: 1;
         height: 100%;
         margin-right: @input-padding-horizontal-base;
         margin-left: @input-affix-margin;
    }
}
 .@{ant-prefix}-input-number-group-wrapper .@{ant-prefix}-input-number-affix-wrapper {
     width: 100%;
}
 @input-number-prefix-cls: ~'@{ant-prefix}-input-number';
 @input-number-wrapper-cls: @input-number-prefix-cls, ~'@{input-number-prefix-cls}-affix-wrapper';
 each(@input-number-wrapper-cls, {
     .@{value}{
         &-status-error {
             .status-color(@value, @error-color, @error-color, @input-bg, @error-color-hover, @error-color-outline);
             .status-color-common(@input-number-prefix-cls, @error-color, @error-color, @input-bg, @error-color-hover, @error-color-outline) 
        }
         &-status-warning {
             .status-color(@value, @warning-color, @warning-color, @input-bg, @warning-color-hover, @warning-color-outline);
             .status-color-common(@input-number-prefix-cls, @warning-color, @warning-color, @input-bg, @warning-color-hover, @warning-color-outline) 
        }
    }
}
 );
 .@{input-number-prefix-cls}-group-wrapper {
     &-status-error {
         .group-status-color(@input-number-prefix-cls, @error-color, @error-color);
    }
     &-status-warning {
         .group-status-color(@input-number-prefix-cls, @warning-color, @warning-color);
    }
}
 @input-number-prefix-cls: ~'@{ant-prefix}-input-number';
 @form-item-prefix-cls: ~'@{ant-prefix}-form-item';
 .@{input-number-prefix-cls}{
     .reset-component();
     .input();
     &-group {
         .reset-component();
         .input-group(~'@{input-number-prefix-cls}');
         &-wrapper {
             display: inline-block;
             text-align: start;
             vertical-align: top;
        }
    }
     display: inline-block;
     width: 90px;
     margin: 0;
     padding: 0;
     border: @border-width-base @border-style-base @neutral-stroke-1-normal;
     border-radius: @radius-m;
     &-handler {
         position: relative;
         display: block;
         width: 100%;
         height: 50%;
         overflow: hidden;
         color: @neutral-fg-3-normal;
         font-weight: bold;
         line-height: 0;
         text-align: center;
         border-left: @border-width-base @border-style-base @neutral-stroke-1-normal;
         transition: all 0.1s linear;
         &:active {
             background: @neutral-bg-1-active-2;
        }
         &:hover &-up-inner, &:hover &-down-inner {
             color: @brand-fg-1-hover;
        }
    }
     &-handler-up-inner, &-handler-down-inner {
         .iconfont-mixin();
         position: absolute;
         right: 4px;
         width: 12px;
         height: 12px;
         color: @neutral-fg-3-normal;
         line-height: 12px;
         transition: all 0.1s linear;
         user-select: none;
    }
     &:hover {
         .hover(@brand-stroke-1-hover);
         & + .@{form-item-prefix-cls}-children-icon {
             opacity: 0;
             transition: opacity 0.24s linear 0.24s;
        }
    }
     &-focused {
         .active();
    }
     &-disabled {
         .disabled();
         .@{input-number-prefix-cls}-input {
             cursor: not-allowed;
        }
         .@{input-number-prefix-cls}-handler-wrap {
             display: none;
        }
    }
     &-readonly {
         .@{input-number-prefix-cls}-handler-wrap {
             display: none;
        }
    }
     &-input {
         width: 100%;
         height: @input-height-base - 2px;
         padding: 0 @input-padding-horizontal-base-hd;
         text-align: left;
         background-color: transparent;
         border: 0;
         border-radius: @radius-m;
         outline: 0;
         transition: all 0.3s linear;
         appearance: textfield !important;
         .placeholder();
         &[type='number']::-webkit-inner-spin-button, &[type='number']::-webkit-outer-spin-button {
             margin: 0;
             -webkit-appearance: none;
             appearance: none;
        }
    }
     &-lg {
         padding: 0;
         font-size: @font-size-lg;
         input {
             height: @input-height-lg - 2px;
        }
    }
     &-sm {
         padding: 0;
         input {
             height: @input-height-sm - 2px;
             padding: 0 @control-padding-horizontal-sm - 1px;
        }
    }
     &-handler-wrap {
         position: absolute;
         top: 0;
         right: 0;
         width: 22px;
         height: 100%;
         background: @neutral-bg-5-normal;
         border-radius: 0 @radius-m @radius-m 0;
         opacity: 0;
         transition: opacity 0.24s linear 0.1s;
         .@{input-number-prefix-cls}-handler {
             .@{input-number-prefix-cls}-handler-up-inner, .@{input-number-prefix-cls}-handler-down-inner {
                 display: flex;
                 align-items: center;
                 justify-content: center;
                 min-width: auto;
                 margin-right: 0;
                 font-size: 7px;
            }
        }
         .@{input-number-prefix-cls}-borderless & {
             border-left-width: 0;
        }
    }
     &-handler-wrap:hover &-handler {
         height: 40%;
    }
     &:hover &-handler-wrap, &-focused &-handler-wrap {
         opacity: 1;
    }
     &-handler-up {
         border-top-right-radius: @control-border-radius;
         cursor: pointer;
         &-inner {
             top: 50%;
             margin-top: -5px;
             text-align: center;
        }
         &:hover {
             height: 60% !important;
        }
    }
     &-handler-down {
         top: 0;
         border-top: @border-width-base @border-style-base @neutral-stroke-1-normal;
         border-bottom-right-radius: @control-border-radius;
         cursor: pointer;
         &-inner {
             top: 50%;
             text-align: center;
             transform: translateY(-50%);
        }
         &:hover {
             height: 60% !important;
        }
         .@{input-number-prefix-cls}-borderless & {
             border-top-width: 0;
        }
    }
     &-handler-up-disabled, &-handler-down-disabled {
         cursor: not-allowed;
    }
     &-handler-up-disabled:hover &-handler-up-inner, &-handler-down-disabled:hover &-handler-down-inner {
         color: @disabled-color;
    }
     &-borderless {
         box-shadow: none;
    }
     &-out-of-range {
         input {
             color: @error-color;
        }
    }
     .compact-item(@input-number-prefix-cls, null, ~'@{input-number-prefix-cls}-focused');
}
 @input-number-prefix-cls: ~'@{ant-prefix}-input-number';
 .@{input-number-prefix-cls}{
     &-rtl {
         direction: rtl;
    }
     &-handler {
         .@{input-number-prefix-cls}-rtl & {
             border-right: @border-width-base @border-style-base @input-number-handler-border-color;
             border-left: 0;
        }
         &-wrap {