.@{input-number-prefix-cls}-rtl & {
                 right: auto;
                 left: 0;
            }
             .@{input-number-prefix-cls}-rtl.@{input-number-prefix-cls}-borderless & {
                 border-right-width: 0;
            }
        }
         &-up {
             .@{input-number-prefix-cls}-rtl & {
                 border-top-right-radius: 0;
            }
        }
         &-down {
             .@{input-number-prefix-cls}-rtl & {
                 border-bottom-right-radius: 0;
            }
        }
    }
     &-input {
         .@{input-number-prefix-cls}-rtl & {
             direction: ltr;
             text-align: right;
        }
    }
}
 .input-group(@input-number-prefix-cls) {
     > .@{input-number-prefix-cls}-rtl:first-child {
         border-radius: 0 @border-radius-base @border-radius-base 0;
    }
     > .@{input-number-prefix-cls}-rtl:last-child {
         border-radius: @border-radius-base 0 0 @border-radius-base;
    }
     &-addon {
         .@{input-number-prefix-cls}-group-rtl &:first-child {
             border-right: @border-width-base @border-style-base @input-border-color;
             border-left: 0;
             border-radius: 0 @border-radius-base @border-radius-base 0;
        }
         .@{input-number-prefix-cls}-group-rtl &:last-child {
             border-right: 0;
             border-left: @border-width-base @border-style-base @input-border-color;
             border-radius: @border-radius-base 0 0 @border-radius-base;
        }
    }
}
 @root-entry-name: default;
 @input-prefix-cls: ~'@{ant-prefix}-input';
 @input-affix-margin: 4px;
 .@{ant-prefix}-input {
     &-affix-wrapper {
         .input();
         display: inline-flex;
         &:not(&-disabled):hover {
             .hover();
             z-index: 1;
             .@{ant-prefix}-input-search-with-button & {
                 z-index: 0;
            }
        }
         &-focused, &:focus {
             z-index: 1;
        }
         &-disabled {
             .@{ant-prefix}-input[disabled] {
                 background: rgba(255, 255, 255, 0);
            }
        }
         > .@{ant-prefix}-input {
             font-size: inherit;
             border: none;
             outline: none;
             &:focus {
                 box-shadow: none !important;
            }
             &:not(textarea) {
                 padding: 0;
            }
        }
         &::before {
             display: inline-block;
             width: 0;
             visibility: hidden;
             content: '\a0';
        }
    }
     &-prefix, &-suffix {
         display: flex;
         flex: none;
         align-items: center;
         > *:not(:last-child) {
             margin-right: 8px;
        }
    }
     &-show-count-suffix {
         color: @neutral-fg-3-normal;
    }
     &-show-count-has-suffix {
         margin-right: 2px;
    }
     &-prefix {
         margin-right: @input-affix-margin;
    }
     &-suffix {
         margin-left: @input-affix-margin * 2;
    }
}
 @input-prefix-cls: ~'@{ant-prefix}-input';
 .@{iconfont-css-prefix}.@{input-prefix-cls}-clear-icon, .@{input-prefix-cls}-clear-icon {
     margin: 0;
     color: @disabled-color;
     font-size: @font-size-sm;
     vertical-align: -1px;
     cursor: pointer;
     transition: color 0.3s;
     &:hover {
         color: @neutral-fg-3-normal;
    }
     &:active {
         color: @neutral-fg-2-normal;
    }
     &-hidden {
         visibility: hidden;
    }
     &-has-suffix {
         margin: 0 @input-affix-margin;
    }
}
 .@{input-prefix-cls}-affix-wrapper.@{input-prefix-cls}-affix-wrapper-textarea-with-clear-btn {
     padding: 0;
     .@{input-prefix-cls}-clear-icon {
         position: absolute;
         top: 8px;
         right: 8px;
         z-index: 1;
    }
}
 @input-prefix-cls: ~'@{ant-prefix}-input';
 @input-wrapper-cls: @input-prefix-cls, ~'@{input-prefix-cls}-affix-wrapper';
 each(@input-wrapper-cls, {
     .@{value}{
         &-status-error {
             .status-color(@value, @error-color, @error-color, @neutral-bg-5-normal, @error-color-hover, @error-color-outline,@error-color-active);
             .status-color-common(@input-prefix-cls, @error-color, @error-color, @input-bg, @error-color-hover, @error-color-outline,@error-color-active);
        }
         &-status-warning {
             .status-color(@value, @warning-color, @warning-color, @neutral-bg-5-normal, @warning-color-hover, @warning-color-outline,@warning-color-active);
             .status-color-common(@input-prefix-cls, @warning-color, @warning-color, @input-bg, @warning-color-hover, @warning-color-outline,@warning-color-active);
        }
    }
}
 );
 .@{input-prefix-cls}-textarea {
     &-status-error, &-status-warning, &-status-success, &-status-validating {
         &.@{input-prefix-cls}-textarea-has-feedback {
             .@{input-prefix-cls}{
                 padding-right: 24px;
            }
        }
    }
}
 .@{input-prefix-cls}-group-wrapper {
     &-status-error {
         .group-status-color(@input-prefix-cls, @error-color, @error-color);
    }
     &-status-warning {
         .group-status-color(@input-prefix-cls, @warning-color, @warning-color);
    }
}
 @input-prefix-cls: ~'@{ant-prefix}-input';
 .@{input-prefix-cls}{
     .reset-component();
     .input();
     &-group {
         .reset-component();
         .input-group(~'@{input-prefix-cls}');
         &-wrapper {
             display: inline-block;
             width: 100%;
             text-align: start;
             vertical-align: top;
        }
    }
     &-password-icon.@{iconfont-css-prefix}{
         color: @neutral-fg-3-normal;
         cursor: pointer;
         transition: all 0.3s;
         &:hover {
             color: @neutral-fg-2-normal;
        }
    }
     &[type='color'] {
         height: @input-height-base;
         &.@{input-prefix-cls}-lg {
             height: @input-height-lg;
        }
         &.@{input-prefix-cls}-sm {
             height: @input-height-sm;
             padding-top: 3px;
             padding-bottom: 3px;
        }
    }
     &-textarea-show-count {
         > .@{input-prefix-cls}{
             height: 100%;
        }
         &::after {
             float: right;
             color: @neutral-fg-3-normal;
             white-space: nowrap;
             content: attr(data-count);
             pointer-events: none;
        }
         &.@{input-prefix-cls}-textarea-in-form-item {
             &::after {
                 margin-bottom: -22px;
            }
        }
    }
     &-textarea-suffix {
         position: absolute;
         top: 0;
         right: @input-padding-horizontal-base;
         bottom: 0;
         z-index: 1;
         display: inline-flex;
         align-items: center;
         margin: auto;
    }
     .compact-item(@input-prefix-cls);
}
 @search-prefix: ~'@{ant-prefix}-input-search';
 .@{search-prefix}{
     .@{ant-prefix}-input {
         &:hover, &:focus {
             border-color: @brand-stroke-1-hover;
             + .@{ant-prefix}-input-group-addon .@{search-prefix}-button:not(.@{ant-prefix}-btn-primary) {
                 border-left-color: @brand-stroke-1-hover;
            }
        }
         &-suffix {
             color: @neutral-fg-3-normal;
             &:hover {
                 cursor: pointer;
            }
        }
    }
     .@{ant-prefix}-input-affix-wrapper {
         border-radius: 0;
    }
     .@{ant-prefix}-input-lg {
         line-height: @line-height-base - 0.0002;
    }
     > .@{ant-prefix}-input-group {
         > .@{ant-prefix}-input-group-addon:last-child {
             left: -1px;
             padding: 0;
             border: 0;
             .@{search-prefix}-button {
                 padding-top: 0;
                 padding-bottom: 0;
                 border-radius: 0 @radius-m @radius-m 0;
            }
             .@{search-prefix}-button:not(.@{ant-prefix}-btn-primary) {
                 color: @neutral-fg-on-color;
                 &.@{ant-prefix}-btn-loading::before {
                     top: 0;
                     right: 0;
                     bottom: 0;
                     left: 0;
                }
            }
        }
    }
     &-button {
         height: @input-height-base;
         &:hover, &:focus {
             z-index: 1;
        }
    }
     &-large &-button {
         height: @input-height-lg;
    }
     &-small &-button {
         height: @input-height-sm;
    }
     &.@{input-prefix-cls}-compact-item {
         &:not(.@{input-prefix-cls}-compact-item-rtl) {
             &:not(.@{input-prefix-cls}-compact-last-item) {
                 .@{input-prefix-cls}-group-addon {
                     .@{input-prefix-cls}-search-button {
                         margin-right: -@border-width-base;
                         border-radius: 0;
                    }
                }
            }
        }
         &:not(.@{input-prefix-cls}-compact-first-item) {
             .@{input-prefix-cls}, .@{input-prefix-cls}-affix-wrapper {
                 border-radius: 0;
            }
        }
         > .@{input-prefix-cls}-group-addon .@{input-prefix-cls}-search-button, > .@{input-prefix-cls}, .@{input-prefix-cls}-affix-wrapper {
             &:hover, &:focus, &:active {
                 z-index: 2;
            }
        }
         > .@{input-prefix-cls}-affix-wrapper-focused {
             z-index: 2;
        }
    }
     &.@{input-prefix-cls}-compact-item-rtl {
         &:not(.@{input-prefix-cls}-compact-last-item) {
             .@{input-prefix-cls}-group-addon:last-child {
                 .@{input-prefix-cls}-search-button {
                     margin-left: -@border-width-base;
                     border-radius: 0;
                }
            }
        }
    }
}
 .@{ant-prefix}-input-group {
     &-wrapper {
         &-rtl {
             direction: rtl;
        }
    }
     &-rtl {
         direction: rtl;
    }
}
 @input-affix-margin: 4px;
 .@{ant-prefix}-input {
     &-affix-wrapper&-affix-wrapper-rtl {
         > input.@{ant-prefix}-input {
             border: none;
             outline: none;
        }
    }
     &-affix-wrapper-rtl {
         .@{ant-prefix}-input-prefix {
             margin: 0 0 0 @input-affix-margin;
        }
         .@{ant-prefix}-input-suffix {
             margin: 0 @input-affix-margin 0 0;
        }
    }
     &-textarea {
         &-rtl {
             direction: rtl;
        }
         &-rtl&-show-count::after {
             text-align: left;
        }
    }
}
 .@{ant-prefix}-input-clear-icon {
     &-has-suffix {
         .@{ant-prefix}-input-affix-wrapper-rtl & {
             margin-right: 0;
             margin-left: @input-affix-margin;
        }
    }
     .@{ant-prefix}-input-affix-wrapper-rtl & {
         right: auto;
         left: 8px;
    }
}
 @input-rtl-cls: ~'@{ant-prefix}-input-rtl';
 .active() {
     .@{input-rtl-cls}& {
         border-right-width: 0;
         border-left-width: @border-width-base !important;
    }
}
 .hover() {
     .@{input-rtl-cls}& {
         border-right-width: 0;
         border-left-width: @border-width-base !important;
    }
}
 .input() {
     &-rtl {
         direction: rtl;
    }
}
 .input-group(@inputClass) {
     > .@{inputClass}-rtl:first-child, &-rtl &-addon:first-child {
         border-radius: 0 @border-radius-base @border-radius-base 0;
    }
     &-addon:first-child {
         .@{inputClass}-group-rtl & {
             border-right: @border-width-base @border-style-base @input-border-color;
             border-left: 0;
        }
    }
     &-addon:last-child {
         .@{inputClass}-group-rtl & {
             border-right: 0;
             border-left: @border-width-base @border-style-base @input-border-color;
             border-radius: @border-radius-base 0 0 @border-radius-base;
        }
    }
     > .@{inputClass}:last-child, &-addon:last-child {
         .@{inputClass}-group-rtl& {
             border-radius: @border-radius-base 0 0 @border-radius-base;
        }
    }
     .@{inputClass}-affix-wrapper {
         &:not(:first-child) {
             .@{inputClass}-group-rtl& {
                 border-radius: @border-radius-base 0 0 @border-radius-base;
            }
        }
         &:not(:last-child) {
             .@{inputClass}-group-rtl& {
                 border-radius: 0 @border-radius-base @border-radius-base 0;
            }
        }
    }
     &&-compact {
         & > *:not(:last-child) {
             .@{inputClass}-group-rtl& {
                 margin-right: 0;
                 margin-left: -@border-width-base;
                 border-left-width: @border-width-base;
            }
        }
         & > *:first-child, & > .@{ant-prefix}-select:first-child > .@{ant-prefix}-select-selector, & > .@{ant-prefix}-select-auto-complete:first-child .@{ant-prefix}-input, & > .@{ant-prefix}-cascader-picker:first-child .@{ant-prefix}-input {
             .@{inputClass}-group-rtl& {
                 border-radius: 0 @border-radius-base @border-radius-base 0;
            }
        }
         & > *:last-child, & > .@{ant-prefix}-select:last-child > .@{ant-prefix}-select-selector, & > .@{ant-prefix}-select-auto-complete:last-child .@{ant-prefix}-input, & > .@{ant-prefix}-cascader-picker:last-child .@{ant-prefix}-input, & > .@{ant-prefix}-cascader-picker-focused:last-child .@{ant-prefix}-input {
             .@{inputClass}-group-rtl& {
                 border-left-width: @border-width-base;
                 border-radius: @border-radius-base 0 0 @border-radius-base;
            }
        }
         .@{ant-prefix}-input-group-wrapper-rtl + .@{ant-prefix}-input-group-wrapper-rtl {
             margin-right: -1px;
             margin-left: 0;
        }
         .@{ant-prefix}-input-group-wrapper-rtl:not(:last-child) {
             &.@{ant-prefix}-input-search > .@{ant-prefix}-input-group {
                 & > .@{ant-prefix}-input {
                     border-radius: 0 @border-radius-base @border-radius-base 0;
                }
            }
        }
    }
}
 @search-prefix: ~'@{ant-prefix}-input-search';
 @search-rtl-cls: ~'@{search-prefix}-rtl';
 .@{search-prefix}-rtl {
     direction: rtl;
     .@{ant-prefix}-input {
         &:hover, &:focus {
             + .@{ant-prefix}-input-group-addon .@{search-prefix}-button:not(.@{ant-prefix}-btn-primary) {
                 border-left-color: @border-color-base;
                 &:hover {
                     border-left-color: @input-hover-border-color;
                }
            }
        }
    }
     > .@{ant-prefix}-input-group {
         > .@{ant-prefix}-input-affix-wrapper {
             &:hover, &-focused {
                 border-right-color: @input-hover-border-color;
            }
        }
         > .@{ant-prefix}-input-group-addon:last-child {
             right: -1px;
             left: auto;
             .@{search-prefix}-button {
                 border-radius: @border-radius-base 0 0 @border-radius-base;
            }
        }
    }
}
 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
     .@{ant-prefix}-input {
         height: @input-height-base;
         &-lg {
             height: @input-height-lg;
        }
         &-sm {
             height: @input-height-sm;
        }
         &-affix-wrapper {
             > input.@{ant-prefix}-input {
                 height: auto;
            }
        }
    }
}
 @root-entry-name: default;
 @layout-prefix-cls: ~'@{ant-prefix}-layout';
 @layout-menu-prefix-cls: ~'@{ant-prefix}-menu';
 .@{layout-prefix-cls}{
     display: flex;
     flex: auto;
     flex-direction: column;
     min-height: 0;
     background: @layout-body-background;
     &, * {
         box-sizing: border-box;
    }
     &&-has-sider {
         flex-direction: row;
         > .@{layout-prefix-cls}, > .@{layout-prefix-cls}-content {
             width: 0;
        }
    }
     &-header, &-footer {
         flex: 0 0 auto;
    }
     &-header {
         height: @layout-header-height;
         padding: @layout-header-padding;
         color: @layout-header-color;
         line-height: @layout-header-height;
         background: @layout-header-background;
    }
     &-footer {
         padding: @layout-footer-padding;
         color: @text-color;
         font-size: @font-size-base;
         background: @layout-footer-background;
    }
     &-content {
         flex: auto;
         min-height: 0;
    }
     &-sider {
         position: relative;
         min-width: 0;
         background: @layout-sider-background;
         transition: all 0.2s;
         &-children {
             height: 100%;
             margin-top: -0.1px;
             padding-top: 0.1px;
             .@{layout-menu-prefix-cls}.@{layout-menu-prefix-cls}-inline-collapsed {
                 width: auto;
            }
        }
         &-has-trigger {
             padding-bottom: @layout-trigger-height;
        }
         &-right {
             order: 1;
        }
         &-trigger {
             position: fixed;
             bottom: 0;
             z-index: 1;
             height: @layout-trigger-height;
             color: @layout-trigger-color;
             line-height: @layout-trigger-height;
             text-align: center;
             background: @layout-trigger-background;
             cursor: pointer;
             transition: all 0.2s;
        }
         &-zero-width {
             > * {
                 overflow: hidden;
            }
             &-trigger {
                 position: absolute;
                 top: @layout-header-height;
                 right: -@layout-zero-trigger-width;
                 z-index: 1;
                 width: @layout-zero-trigger-width;
                 height: @layout-zero-trigger-height;
                 color: @layout-trigger-color;
                 font-size: (@layout-zero-trigger-width / 2);
                 line-height: @layout-zero-trigger-height;
                 text-align: center;
                 background: @layout-sider-background;
                 border-radius: 0 @border-radius-base @border-radius-base 0;
                 cursor: pointer;
                 transition: background 0.3s ease;
                 &::after {
                     position: absolute;
                     top: 0;
                     right: 0;
                     bottom: 0;
                     left: 0;
                     background: transparent;
                     transition: all 0.3s;
                     content: '';
                }
                 &:hover::after {
                     background: rgba(255, 255, 255, 0.1);
                }
                 &-right {
                     left: -@layout-zero-trigger-width;
                     border-radius: @border-radius-base 0 0 @border-radius-base;
                }
            }
        }
    }
}
 .@{layout-prefix-cls}-sider-light {
     background: @layout-sider-background-light;
     .@{layout-prefix-cls}-sider-trigger {
         color: @layout-trigger-color-light;
         background: @layout-trigger-background-light;
    }
     .@{layout-prefix-cls}-sider-zero-width-trigger {
         color: @layout-trigger-color-light;
         background: @layout-trigger-background-light;
    }
}
 @layout-prefix-cls: ~'@{ant-prefix}-layout';
 .@{layout-prefix-cls}{
     &-rtl {
         direction: rtl;
    }
}
 @root-entry-name: default;
 @list-prefix-cls: ~'@{ant-prefix}-list';
 @card-prefix-cls: ~'@{ant-prefix}-card';
 .@{list-prefix-cls}{
     .@{card-prefix-cls}{
         & when (@theme = dark) {
             background: @list-customize-card-bg;
        }
    }
}
 @list-prefix-cls: ~'@{ant-prefix}-list';
 .@{list-prefix-cls}{
     .reset-component();
     position: relative;
     * {
         outline: none;
    }
     &-pagination {
         margin-top: @margin-lg;
         text-align: right;
         .@{ant-prefix}-pagination-options {
             text-align: left;
        }
    }
     &-more {
         margin-top: @margin-sm;
         text-align: center;
         button {
             padding-right: 32px;
             padding-left: 32px;
        }
    }
     &-spin {
         min-height: 40px;
         text-align: center;
    }
     &-empty-text {
         padding: @list-empty-text-padding;
         color: @neutral-fg-2-normal;
         font-size: @font-size-body-m;
         text-align: center;
    }
     &-items {
         margin: 0;
         padding: 0;
         list-style: none;
    }
     &-item {
         display: flex;
         align-items: center;
         justify-content: space-between;
         padding: 9px 0;
         color: @neutral-fg-2-normal;
         &-meta {
             display: flex;
             flex: 1;
             align-items: flex-start;
             max-width: 100%;
             &-avatar {
                 margin-right: @list-item-meta-avatar-margin-right;
            }
             &-content {
                 flex: 1 0;
                 width: 0;
                 color: @neutral-fg-2-normal;
            }
             &-title {
                 margin-bottom: 4px;
                 color: @neutral-fg-2-normal;
                 font-size: @font-size-base;
                 line-height: @line-height-base;
                 > a {
                     color: @neutral-fg-2-normal;
                     transition: all 0.3s;
                     &:hover {
                         color: @primary-color;
                    }
                }
            }
             &-description {
                 color: @neutral-fg-2-normal;
                 font-size: @list-item-meta-description-font-size;
                 line-height: @line-height-base;
            }
        }
         &-action {
             flex: 0 0 auto;
             margin-left: 48px;
             padding: 0;
             font-size: 0;
             list-style: none;
             & > li {
                 position: relative;
                 display: inline-block;
                 padding: 0 @padding-xs;
                 color: @neutral-fg-2-normal;
                 font-size: @font-size-base;
                 line-height: @line-height-base;
                 text-align: center;
                 &:first-child {
                     padding-left: 0;
                }
            }
             &-split {
                 position: absolute;
                 top: 50%;
                 right: 0;
                 width: 1px;
                 height: 14px;
                 margin-top: -7px;
                 background-color: @neutral-stroke-2-normal;
            }
        }
         &:hover {
             background-color: @neutral-bg-1-hover-1;
        }
    }
     &-header {
         color: @neutral-fg-1-normal;
         background: @neutral-bg-4-hover;
    }
     &-footer {
         background: @list-footer-background;
    }
     &-header, &-footer {
         padding-top: 11px;
         padding-bottom: 11px;
    }
     &-empty {
         padding: @padding-md 0;
         color:@neutral-fg-2-normal;
         font-size: 12px;
         text-align: center;
    }
     &-split &-item {
         border-bottom: 1px solid @neutral-stroke-2-normal;
         &:last-child {
             border-bottom: none;
        }
    }
     &-split &-header {
         border-bottom: 1px solid @neutral-stroke-2-normal;
    }
     &-split&-empty &-footer {
         border-top: 1px solid @neutral-stroke-2-normal;
    }
     &-loading &-spin-nested-loading {
         min-height: 32px;
    }
     &-split&-something-after-last-item .@{ant-prefix}-spin-container > &-items > &-item:last-child {
         border-bottom: 1px solid @neutral-stroke-2-normal;
    }
     &-lg &-item {
         padding: @list-item-padding-lg;
    }
     &-sm &-item {
         padding: @list-item-padding-sm;
    }
     &-vertical &-item {
         align-items: initial;
         &-main {
             display: block;
             flex: 1;
        }
         &-extra {
             margin-left: 40px;
        }
         &-meta {
             margin-bottom: @list-item-meta-margin-bottom;
             &-title {
                 margin-bottom: @list-item-meta-title-margin-bottom;
                 color: @neutral-fg-1-normal;
                 font-size: @font-size-body-m-strong;
                 line-height: @font-line-height;
                 font-weight: @font-weight-bold;
            }
        }
         &-action {
             margin-top: @padding-md;
             margin-left: auto;
             > li {
                 padding: 0 @padding-md;
                 &:first-child {
                     padding-left: 0;
                }
            }
        }
    }
     &-grid .@{ant-prefix}-col > &-item {
         display: block;
         max-width: 100%;
         margin-bottom: @margin-md;
         padding-top: 0;
         padding-bottom: 0;
         border-bottom: none;
    }
     &-item-no-flex {
         display: block;
    }
     &:not(.@{list-prefix-cls}-vertical) {
         .@{list-prefix-cls}-item-no-flex {
             .@{list-prefix-cls}-item-action {
                 float: right;
            }
        }
    }
}
 .@{list-prefix-cls}-bordered {
     border: 1px solid @neutral-stroke-2-normal;
     border-radius: @border-radius-base;
     .@{list-prefix-cls}-header {
         padding-right: @padding-lg;
         padding-left: @padding-lg;
    }
     .@{list-prefix-cls}-footer {
         padding-right: @padding-lg;
         padding-left: @padding-lg;
    }
     .@{list-prefix-cls}-item {
         padding-right: @padding-lg;
         padding-left: @padding-lg;
    }
     .@{list-prefix-cls}-pagination {
         margin: @margin-md @margin-lg;
    }
     &.@{list-prefix-cls}-sm {
         .@{list-prefix-cls}-item {
             padding: @list-item-padding-sm;
        }
         .@{list-prefix-cls}-header, .@{list-prefix-cls}-footer {
             padding: @list-item-padding-sm;
        }
    }
     &.@{list-prefix-cls}-lg {
         .@{list-prefix-cls}-item {
             padding: @list-item-padding-lg;
        }
         .@{list-prefix-cls}-header, .@{list-prefix-cls}-footer {
             padding: @list-item-padding-lg;
        }
    }
}
 @media screen and (max-width: @screen-md) {
     .@{list-prefix-cls}{
         &-item {
             &-action {
                 margin-left: 24px;
            }
        }
    }
     .@{list-prefix-cls}-vertical {
         .@{list-prefix-cls}-item {
             &-extra {
                 margin-left: 24px;
            }
        }
    }
}
 @media screen and (max-width: @screen-sm) {
     .@{list-prefix-cls}{
         &-item {
             flex-wrap: wrap;
             &-action {
                 margin-left: 12px;
            }
        }
    }
     .@{list-prefix-cls}-vertical {
         .@{list-prefix-cls}-item {
             flex-wrap: wrap-reverse;
             &-main {
                 min-width: 220px;
            }
             &-extra {
                 margin: auto auto 16px;
            }
        }
    }
}
 @list-prefix-cls: ~'@{ant-prefix}-list';
 .@{list-prefix-cls}{
     &-rtl {
         direction: rtl;
         text-align: right;
         .ReactVirtualized__List .@{list-prefix-cls}-item {
             direction: rtl;
        }
    }
     &-pagination {
         .@{list-prefix-cls}-rtl & {
             text-align: left;
        }
    }
     &-item {
         &-meta {
             &-avatar {
                 .@{list-prefix-cls}-rtl & {
                     margin-right: 0;
                     margin-left: @list-item-meta-avatar-margin-right;
                }
            }
        }
         &-action {
             .@{list-prefix-cls}-rtl & {
                 margin-right: 48px;
                 margin-left: 0;
            }
             & > li:first-child {
                 .@{list-prefix-cls}.@{list-prefix-cls}-rtl & {
                     padding-right: 0;
                     padding-left: @padding-md;
                }
            }
             &-split {
                 .@{list-prefix-cls}-rtl & {
                     right: auto;
                     left: 0;
                }
            }
        }
    }
     &-vertical &-item {
         &-extra {
             .@{list-prefix-cls}-rtl& {
                 margin-right: 40px;
                 margin-left: 0;
            }
        }
         &-action {
             .@{list-prefix-cls}-rtl& {
                 margin-right: auto;
            }
             > li {
                 &:first-child {
                     .@{list-prefix-cls}-rtl & {
                         padding-right: 0;
                         padding-left: @padding-md;
                    }
                }
            }
        }
    }
     &:not(.@{list-prefix-cls}-vertical) {
         .@{list-prefix-cls}-item-no-flex {
             .@{list-prefix-cls}-item-action {
                 .@{list-prefix-cls}-rtl & {
                     float: left;
                }
            }
        }
    }
}
 @media screen and (max-width: @screen-md) {
     .@{list-prefix-cls}{
         &-item {
             &-action {
                 .@{list-prefix-cls}-rtl & {
                     margin-right: 24px;
                     margin-left: 0;
                }
            }
        }
    }
     .@{list-prefix-cls}-vertical {
         .@{list-prefix-cls}-item {
             &-extra {
                 .@{list-prefix-cls}-rtl & {
                     margin-right: 24px;
                     margin-left: 0;
                }
            }
        }
    }
}
 @media screen and (max-width: @screen-sm) {
     .@{list-prefix-cls}{
         &-item {
             &-action {
                 .@{list-prefix-cls}-rtl & {
                     margin-right: 22px;
                     margin-left: 0;
                }
            }
        }
    }
     .@{list-prefix-cls}-vertical {
         .@{list-prefix-cls}-item {
             &-extra {
                 .@{list-prefix-cls}-rtl& {
                     margin: auto auto 16px;
                }
            }
        }
    }
}
 @root-entry-name: default;
 @root-entry-name: default;
 @mention-prefix-cls: ~'@{ant-prefix}-mentions';
 @input-prefix-cls: ~'@{ant-prefix}-input';
 .@{mention-prefix-cls}{
     &-status-error {
         .status-color(@mention-prefix-cls, @error-color, @error-color, @input-bg, @error-color-hover, @error-color-outline);
         .status-color-common(@input-prefix-cls, @error-color, @error-color, @input-bg, @error-color-hover, @error-color-outline);
    }
     &-status-warning {
         .status-color(@mention-prefix-cls, @warning-color, @warning-color, @input-bg, @warning-color-hover, @warning-color-outline);
         .status-color-common(@input-prefix-cls, @warning-color, @warning-color, @input-bg, @warning-color-hover, @warning-color-outline);
    }
}
 @mention-prefix-cls: ~'@{ant-prefix}-mentions';
 .@{mention-prefix-cls}{
     .reset-component();
     .input();
     position: relative;
     display: inline-block;
     height: auto;
     padding: 0;
     overflow: hidden;
     line-height: @line-height-base;
     white-space: pre-wrap;
     vertical-align: bottom;
     &-disabled {
         > textarea {
             .disabled();
        }
    }
     &-focused {
         .active();
    }
     > textarea, &-measure {
         min-height: @input-height-base - 2px;
         margin: 0;
         padding: @input-padding-vertical-base @input-padding-horizontal-base;
         overflow: inherit;
         overflow-x: hidden;
         overflow-y: auto;
         font-weight: inherit;
         font-size: inherit;
         font-family: inherit;
         font-style: inherit;
         font-variant: inherit;
         font-size-adjust: inherit;
         font-stretch: inherit;
         line-height: inherit;
         direction: inherit;
         letter-spacing: inherit;
         white-space: inherit;
         text-align: inherit;
         vertical-align: top;
         word-wrap: break-word;
         word-break: inherit;
         tab-size: inherit;
    }
     > textarea {
         width: 100%;
         border: none;
         outline: none;
         resize: none;
         & when (@theme = dark) {
             background-color: transparent;
        }
         .placeholder();
    }
     &-measure {
         position: absolute;
         top: 0;
         right: 0;
         bottom: 0;
         left: 0;
         z-index: -1;
         color: transparent;
         pointer-events: none;
         > span {
             display: inline-block;
             min-height: 1em;
        }
    }
     &-dropdown {
         .reset-component();
         position: absolute;
         top: -9999px;
         left: -9999px;
         z-index: @zindex-dropdown;
         box-sizing: border-box;
         font-size: @font-size-body-m;
         font-variant: initial;
         background-color: @mentions-dropdown-bg;
         border-radius: @radius-m;
         outline: none;
         box-shadow: @box-shadow-base;
         &-hidden {
             display: none;
        }
         &-menu {
             max-height: 250px;
             margin-bottom: 0;
             padding-left: 0;
             overflow: auto;
             list-style: none;
             outline: none;
             &-item {
                 position: relative;
                 display: block;
                 min-width: 100px;
                 padding: 5px @control-padding-horizontal;
                 overflow: hidden;
                 color: @neutral-fg-2-normal;
                 font-weight: normal;
                 line-height: @line-height-base;
                 white-space: nowrap;
                 text-overflow: ellipsis;
                 cursor: pointer;
                 transition: background 0.3s ease;
                 &:hover {
                     background-color: @neutral-bg-1-hover-1;
                }
                 &:first-child {
                     border-radius: @radius-m @radius-m 0 0;
                }
                 &:last-child {
                     border-radius: 0 0 @radius-m @radius-m;
                }
                 &-disabled {
                     color: @neutral-fg-disabled;
                     cursor: not-allowed;
                     &:hover {
                         color: @neutral-fg-disabled;
                         cursor: not-allowed;
                    }
                }
                 &-selected {
                     font-weight: @select-item-selected-font-weight;
                     background-color: @brand-bg-2-selected;
                }
                 &-active {
                     background-color: @neutral-bg-1-active-1;
                }
            }
        }
    }
     &-suffix {
         position: absolute;
         top: 0;
         right: @input-padding-horizontal-base;
         bottom: 0;
         z-index: 1;
         display: inline-flex;
         align-items: center;
         margin: auto;
    }
}
 @mention-prefix-cls: ~'@{ant-prefix}-mentions';
 .@{mention-prefix-cls}{
     &-rtl {
         direction: rtl;
    }
}
 @root-entry-name: default;
 @menu-prefix-cls: ~'@{ant-prefix}-menu';
 .@{menu-prefix-cls}{
     &-item-danger&-item {
         color: @menu-highlight-danger-color;
         &:hover, &-active {
             color: @menu-highlight-danger-color;
        }
         &:active {
             background: @menu-item-active-danger-bg;
        }
         &-selected {
             color: @menu-highlight-danger-color;
             > a, > a:hover {
                 color: @menu-highlight-danger-color;
            }
        }
         .@{menu-prefix-cls}:not(.@{menu-prefix-cls}-horizontal) &-selected {
             background-color: @menu-item-active-danger-bg;
        }
         .@{menu-prefix-cls}-inline &::after {
             border-right-color: @menu-highlight-danger-color;
        }
    }
     &-dark &-item-danger&-item {
         &, &:hover, & > a {
             color: @menu-dark-danger-color;
        }
    }
     &-dark&-dark:not(&-horizontal) &-item-danger&-item-selected {
         color: @menu-dark-highlight-color;
         background-color: @menu-dark-item-active-danger-bg;
    }
}
 @menu-prefix-cls: ~'@{ant-prefix}-menu';
 @menu-animation-duration-normal: 0.15s;
 .accessibility-focus() {
     box-shadow: 0 0 0 2px @primary-2;
}
 .@{menu-prefix-cls}{
     .reset-component();
     margin-bottom: 0;
     padding-left: 0;
     color: @neutral-fg-2-normal;
     font-size: @font-size-body-m;
     line-height: 0;
     text-align: left;
     list-style: none;
     background: @neutral-bg-1-normal;
     outline: none;
     box-shadow: @box-shadow-base;
     transition: background @animation-duration-slow, width @animation-duration-slow cubic-bezier(0.2, 0, 0, 1) 0s;
     .clearfix();
     &&-root:focus-visible {
         .accessibility-focus();
    }
     ul, ol {
         margin: 0;
         padding: 0;
         list-style: none;
    }
     &-overflow {
         display: flex;
         &-item {
             flex: none;
        }
    }
     &-hidden, &-submenu-hidden {
         display: none;
    }
     &-item-group-title {
         height: @menu-item-group-height;
         padding: 8px 16px;
         color: @neutral-fg-2-normal;
         font-size: @menu-item-group-title-font-size;
         line-height: @menu-item-group-height;
         transition: all @animation-duration-slow;
    }
     &-horizontal &-submenu {
         transition: border-color @animation-duration-slow @ease-in-out, background @animation-duration-slow @ease-in-out;
    }
     &-submenu, &-submenu-inline {
         transition: border-color @animation-duration-slow @ease-in-out, background @animation-duration-slow @ease-in-out, padding @menu-animation-duration-normal @ease-in-out;
    }
     &-submenu-selected {
         color: @brand-fg-1-normal;
    }
     &-item:active, &-submenu-title:active {
         background: fade(@brand-bg-2-selected,10%);
    }
     &-submenu &-sub {
         cursor: initial;
         transition: background @animation-duration-slow @ease-in-out, padding @animation-duration-slow @ease-in-out;
    }
     &-title-content {
         transition: color @animation-duration-slow;
    }
     &-item a {
         color: @neutral-fg-2-normal;
         &:hover {
             color: @brand-fg-1-normal;
        }
         &::before {
             position: absolute;
             top: 0;
             right: 0;
             bottom: 0;
             left: 0;
             background-color: transparent;
             content: '';
        }
    }
     &-item > .@{ant-prefix}-badge a {
         color: @neutral-fg-2-normal;
         &:hover {
             color: @brand-fg-1-normal;
        }
    }
     &-item-divider {
         overflow: hidden;
         line-height: 0;
         border-color: @border-color-split;
         border-style: solid;
         border-width: 1px 0 0;
    }
     &-item-divider-dashed {
         border-style: dashed;
    }
     &-horizontal &-item, &-horizontal &-submenu {
         margin-top: -1px;
    }
     &-horizontal > &-item:hover, &-horizontal > &-item-active, &-horizontal > &-submenu &-submenu-title:hover {
         background-color: transparent;
    }
     &-item-selected {
         color: @brand-fg-1-normal;
         a, a:hover {
             color: @brand-fg-1-hover;
        }
    }
     &:not(&-horizontal) &-item-selected {
         background-color: @brand-bg-2-selected 
    }
     &-inline, &-vertical, &-vertical-left {
         border-right: @border-width-base @border-style-base @neutral-stroke-2-normal;
    }
     &-vertical-right {
         border-left: @border-width-base @border-style-base @neutral-stroke-2-normal;
    }
     &-vertical&-sub, &-vertical-left&-sub, &-vertical-right&-sub {
         min-width: 160px;
         max-height: calc(100vh - 100px);
         padding: 0;
         overflow: hidden;
         border-right: 0;
         &:not([class*='-active']) {
             overflow-x: hidden;
             overflow-y: auto;
        }
         .@{menu-prefix-cls}-item {
             left: 0;
             margin-left: 0;
             border-right: 0;
             &::after {
                 border-right: 0;
            }
        }
         > .@{menu-prefix-cls}-item, > .@{menu-prefix-cls}-submenu {
             transform-origin: 0 0;
        }
    }
     &-horizontal&-sub {
         min-width: 114px;
    }
     &-horizontal &-item, &-horizontal &-submenu-title {
         transition: border-color @animation-duration-slow, background @animation-duration-slow;
    }
     &-item, &-submenu-title {
         position: relative;
         display: block;
         margin: 0;
         padding: @menu-item-padding;
         white-space: nowrap;
         cursor: pointer;
         transition: border-color @animation-duration-slow, background @animation-duration-slow, padding @animation-duration-slow @ease-in-out;
         .@{menu-prefix-cls}-item-icon, .@{iconfont-css-prefix}{
             min-width: 14px;
             font-size: @font-size-body-m;
             transition: font-size @menu-animation-duration-normal @ease-out, margin @animation-duration-slow @ease-in-out, color @animation-duration-slow;
             + span {
                 margin-left: @menu-icon-margin-right;
                 opacity: 1;
                 transition: opacity @animation-duration-slow @ease-in-out, margin @animation-duration-slow, color @animation-duration-slow;
            }
        }
         .@{menu-prefix-cls}-item-icon.svg {
             vertical-align: -0.125em;
        }
         &.@{menu-prefix-cls}-item-only-child {
             > .@{iconfont-css-prefix}, > .@{menu-prefix-cls}-item-icon {
                 margin-right: 0;
            }
        }
         &:not(.@{menu-prefix-cls}-item-disabled):focus-visible {
             .accessibility-focus();
        }
    }
     & > &-item-divider {
         margin: 1px 0;
         padding: 0;
    }
     &-submenu {
         &-popup {
             position: absolute;
             z-index: @zindex-dropdown;
             background: transparent;
             border-radius: @radius-m;
             box-shadow: none;
             transform-origin: 0 0;
             &::before {
                 position: absolute;
                 top: -7px;
                 right: 0;
                 bottom: 0;
                 left: 0;
                 z-index: -1;
                 width: 100%;
                 height: 100%;
                 opacity: 0.0001;
                 content: ' ';
            }
        }
         &-placement-rightTop::before {
             top: 0;
             left: -7px;
        }
         > .@{menu-prefix-cls}{
             background-color: @menu-bg;
             border-radius: @radius-m;
             &-submenu-title::after {
                 transition: transform @animation-duration-slow @ease-in-out;
            }
        }
         &-popup > .@{menu-prefix-cls}{
             background-color: @menu-popup-bg;
        }
         &-expand-icon, &-arrow {
             position: absolute;
             top: 50%;
             right: 16px;
             width: 10px;
             color: @neutral-fg-2-normal;
             transform: translateY(-50%);
             transition: transform @animation-duration-slow @ease-in-out;
        }
         &-arrow {
             &::before, &::after {
                 position: absolute;
                 width: 6px;
                 height: 1.5px;
                 background-color: currentcolor;
                 border-radius: 2px;
                 transition: background @animation-duration-slow @ease-in-out, transform @animation-duration-slow @ease-in-out, top @animation-duration-slow @ease-in-out, color @animation-duration-slow @ease-in-out;
                 content: '';
            }
             &::before {
                 transform: rotate(45deg) translateY(-2.5px);
            }
             &::after {
                 transform: rotate(-45deg) translateY(2.5px);
            }
        }
         &:hover > &-title > &-expand-icon, &:hover > &-title > &-arrow {
             color: @brand-fg-1-hover;
        }
         .@{menu-prefix-cls}-inline-collapsed &-arrow, &-inline &-arrow {
             &::before {
                 transform: rotate(-45deg) translateX(2.5px);
            }
             &::after {
                 transform: rotate(45deg) translateX(-2.5px);
            }
        }
         &-horizontal &-arrow {
             display: none;
        }
         &-open&-inline > &-title > &-arrow {
             transform: translateY(-2px);
             &::after {
                 transform: rotate(-45deg) translateX(-2.5px);
            }
             &::before {
                 transform: rotate(45deg) translateX(2.5px);
            }
        }
    }
     &-vertical &-submenu-selected, &-vertical-left &-submenu-selected, &-vertical-right &-submenu-selected {
         color: @brand-fg-1-normal;
    }
     &-horizontal {
         line-height: @menu-horizontal-line-height;
         border: 0;
         border-bottom: @border-width-base @border-style-base @neutral-stroke-2-normal;
         box-shadow: none;
         &:not(.@{menu-prefix-cls}-dark) {
             > .@{menu-prefix-cls}-item, > .@{menu-prefix-cls}-submenu {
                 margin-top: -1px;
                 margin-bottom: 0;
                 padding: @menu-item-padding;
                 &:hover, &-active, &-open, &-selected {
                     color: @brand-fg-1-normal;
                     &::after {
                         border-bottom: 2px solid @brand-fg-1-normal;
                    }
                }
            }
        }
         > .@{menu-prefix-cls}-item, > .@{menu-prefix-cls}-submenu {
             position: relative;
             top: 1px;
             display: inline-block;
             vertical-align: bottom;
             &::after {
                 position: absolute;
                 right: @menu-item-padding-horizontal;
                 bottom: 0;
                 left: @menu-item-padding-horizontal;
                 border-bottom: 2px solid transparent;
                 transition: border-color @animation-duration-slow @ease-in-out;
                 content: '';
            }
        }
         > .@{menu-prefix-cls}-submenu > .@{menu-prefix-cls}-submenu-title {
             padding: 0;
        }
         > .@{menu-prefix-cls}-item {
             a {
                 color: @neutral-fg-2-normal;
                 &:hover {
                     color: @brand-fg-1-hover;
                }
                 &::before {
                     bottom: -2px;
                }
            }
             &-selected a {
                 color: @brand-fg-1-normal;
            }
        }
         &::after {
             display: block;
             clear: both;
             height: 0;
             content: '\20';
        }
    }
     &-vertical, &-vertical-left, &-vertical-right, &-inline {
         .@{menu-prefix-cls}-item {
             position: relative;
             &::after {
                 position: absolute;
                 top: 0;
                 right: 0;
                 bottom: 0;
                 border-right: @menu-item-active-border-width solid @brand-stroke-1-normal;
                 transform: scaleY(0.0001);
                 opacity: 0;
                 transition: transform @menu-animation-duration-normal @ease-out, opacity @menu-animation-duration-normal @ease-out;
                 content: '';
            }
        }
         .@{menu-prefix-cls}-item, .@{menu-prefix-cls}-submenu-title {
             height: @menu-item-height;
             margin-top: @menu-item-vertical-margin;
             margin-bottom: @menu-item-vertical-margin;
             padding: 0 16px;
             overflow: hidden;
             line-height: @menu-item-height;
             text-overflow: ellipsis;
        }
         .@{menu-prefix-cls}-submenu {
             padding-bottom: 0.02px;
        }
         .@{menu-prefix-cls}-item:not(:last-child) {
             margin-bottom: @menu-item-boundary-margin;
        }
         > .@{menu-prefix-cls}-item, > .@{menu-prefix-cls}-submenu > .@{menu-prefix-cls}-submenu-title {
             height: @menu-inline-toplevel-item-height;
             line-height: @menu-inline-toplevel-item-height;
        }
    }
     &-vertical {
         .@{menu-prefix-cls}-item-group-list .@{menu-prefix-cls}-submenu-title, .@{menu-prefix-cls}-submenu-title {
             padding-right: 34px;
        }
    }
     &-inline {
         width: 100%;
         .@{menu-prefix-cls}-selected, .@{menu-prefix-cls}-item-selected {
             &::after {
                 transform: scaleY(1);
                 opacity: 1;
                 transition: transform @menu-animation-duration-normal @ease-in-out, opacity @menu-animation-duration-normal @ease-in-out;
            }
        }
         .@{menu-prefix-cls}-item, .@{menu-prefix-cls}-submenu-title {
             width: ~'calc(100% + 1px)';
        }
         .@{menu-prefix-cls}-item-group-list .@{menu-prefix-cls}-submenu-title, .@{menu-prefix-cls}-submenu-title {
             padding-right: 34px;
        }
         &.@{menu-prefix-cls}-root {
             .@{menu-prefix-cls}-item, .@{menu-prefix-cls}-submenu-title {
                 display: flex;
                 align-items: center;
                 transition: border-color @animation-duration-slow, background @animation-duration-slow, padding 0.1s @ease-out;
                 > .@{menu-prefix-cls}-title-content {
                     flex: auto;
                     min-width: 0;
                     overflow: hidden;
                     text-overflow: ellipsis;
                }
                 > * {
                     flex: none;
                }
            }
        }
    }
     &&-inline-collapsed {
         width: @menu-collapsed-width;
         > .@{menu-prefix-cls}-item, > .@{menu-prefix-cls}-item-group > .@{menu-prefix-cls}-item-group-list > .@{menu-prefix-cls}-item, > .@{menu-prefix-cls}-item-group > .@{menu-prefix-cls}-item-group-list > .@{menu-prefix-cls}-submenu > .@{menu-prefix-cls}-submenu-title, > .@{menu-prefix-cls}-submenu > .@{menu-prefix-cls}-submenu-title {
             left: 0;
             padding: 0 ~'calc(50% - @{menu-icon-size-lg}/ 2)';
             text-overflow: clip;
             .@{menu-prefix-cls}-submenu-arrow {
                 opacity: 0;
            }
             .@{menu-prefix-cls}-item-icon, .@{iconfont-css-prefix}{
                 margin: 0;
                 font-size: @menu-icon-size-lg;
                 line-height: @menu-item-height;
                 + span {
                     display: inline-block;
                     opacity: 0;
                }
            }
        }
         .@{menu-prefix-cls}-item-icon, .@{iconfont-css-prefix}{
             display: inline-block;
        }
         &-tooltip {
             pointer-events: none;
             .@{menu-prefix-cls}-item-icon, .@{iconfont-css-prefix}{
                 display: none;
            }
             a {
                 color: @text-color-dark;
            }
        }
         .@{menu-prefix-cls}-item-group-title {
             padding-right: 4px;
             padding-left: 4px;
             overflow: hidden;
             white-space: nowrap;
             text-overflow: ellipsis;
        }
    }
     &-item-group-list {
         margin: 0;
         padding: 0;
         .@{menu-prefix-cls}-item, .@{menu-prefix-cls}-submenu-title {
             padding: 0 16px 0 28px;
        }
    }
     &-root&-vertical, &-root&-vertical-left, &-root&-vertical-right, &-root&-inline {
         box-shadow: none;
    }
     &-root&-inline-collapsed {
         .@{menu-prefix-cls}-item, .@{menu-prefix-cls}-submenu .@{menu-prefix-cls}-submenu-title {
             > .@{menu-prefix-cls}-inline-collapsed-noicon {
                 font-size: @menu-icon-size-lg;
                 text-align: center;
            }
        }
    }
     &-sub&-inline {
         padding: 0;
         background: @neutral-bg-4-hover;
         border: 0;
         border-radius: 0;
         box-shadow: none;
         & > .@{menu-prefix-cls}-item, & > .@{menu-prefix-cls}-submenu > .@{menu-prefix-cls}-submenu-title {
             height: @menu-item-height;
             line-height: @menu-item-height;
             list-style-position: inside;
             list-style-type: disc;
        }
         & .@{menu-prefix-cls}-item-group-title {
             padding-left: 32px;
        }
    }
     &-item-disabled, &-submenu-disabled {
         color: @disabled-color !important;
         background: none;
         cursor: not-allowed;
         &::after {
             border-color: transparent !important;
        }
         a {
             color: @disabled-color !important;
             pointer-events: none;
        }
         > .@{menu-prefix-cls}-submenu-title {
             color: @disabled-color !important;
             cursor: not-allowed;
             > .@{menu-prefix-cls}-submenu-arrow {
                 &::before, &::after {
                     background: @disabled-color !important;
                }
            }
        }
    }
}
 .@{ant-prefix}-layout-header {
     .@{menu-prefix-cls}{
         line-height: inherit;
    }
}
 .@{ant-prefix}-menu-inline-collapsed-tooltip {
     a, a:hover {
         color: @white;
    }
}
 .@{menu-prefix-cls}{
     &-light {
         .@{menu-prefix-cls}-item:hover, .@{menu-prefix-cls}-item-active, .@{menu-prefix-cls}:not(.@{menu-prefix-cls}-inline) .@{menu-prefix-cls}-submenu-open, .@{menu-prefix-cls}-submenu-active, .@{menu-prefix-cls}-submenu-title:hover {
             color: @brand-fg-1-hover;
        }
    }
}
 .accessibility-focus-dark() {
     box-shadow: 0 0 0 2px @primary-7;
}
 .@{menu-prefix-cls}{
     &&-root:focus-visible {
         .accessibility-focus-dark();
    }
     &-dark &-item, &-dark &-submenu-title {
         &:focus-visible {
             .accessibility-focus-dark();
        }
    }
     &&-dark, &-dark &-sub, &&-dark &-sub {
         color: @menu-dark-color;
         background: @menu-dark-bg;
         .@{menu-prefix-cls}-submenu-title .@{menu-prefix-cls}-submenu-arrow {
             opacity: 0.45;
             transition: all 0.3s;
             &::after, &::before {
                 background: @menu-dark-arrow-color;
            }
        }
    }
     &-dark&-submenu-popup {
         background: transparent;
    }
     &-dark &-inline&-sub {
         background: @menu-dark-inline-submenu-bg;
    }
     &-dark&-horizontal {
         border-bottom: 0;
    }
     &-dark&-horizontal > &-item, &-dark&-horizontal > &-submenu {
         top: 0;
         margin-top: 0;
         padding: @menu-item-padding;
         border-color: @menu-dark-bg;
         border-bottom: 0;
    }
     &-dark&-horizontal > &-item:hover {
         background-color: @menu-dark-item-active-bg;
    }
     &-dark&-horizontal > &-item > a::before {
         bottom: 0;
    }
     &-dark &-item, &-dark &-item-group-title, &-dark &-item > a, &-dark &-item > span > a {
         color: @menu-dark-color;
    }
     &-dark&-inline, &-dark&-vertical, &-dark&-vertical-left, &-dark&-vertical-right {
         border-right: 0;
    }
     &-dark&-inline &-item, &-dark&-vertical &-item, &-dark&-vertical-left &-item, &-dark&-vertical-right &-item {
         left: 0;
         margin-left: 0;
         border-right: 0;
         &::after {
             border-right: 0;
        }
    }
     &-dark&-inline &-item, &-dark&-inline &-submenu-title {
         width: 100%;
    }
     &-dark &-item:hover, &-dark &-item-active, &-dark &-submenu-active, &-dark &-submenu-open, &-dark &-submenu-selected, &-dark &-submenu-title:hover {
         color: @menu-dark-highlight-color;
         background-color: transparent;
         > a, > span > a {
             color: @menu-dark-highlight-color;
        }
         > .@{menu-prefix-cls}-submenu-title {
             > .@{menu-prefix-cls}-submenu-arrow {
                 opacity: 1;
                 &::after, &::before {
                     background: @menu-dark-highlight-color;
                }
            }
        }
    }
     &-dark &-item:hover {
         background-color: @menu-dark-item-hover-bg;
    }
     &-dark&-dark:not(&-horizontal) &-item-selected {
         background-color: @menu-dark-item-active-bg;
    }
     &-dark &-item-selected {
         color: @menu-dark-highlight-color;
         border-right: 0;
         &::after {
             border-right: 0;
        }
         > a, > span > a, > a:hover, > span > a:hover {
             color: @menu-dark-highlight-color;
        }
         .@{menu-prefix-cls}-item-icon, .@{iconfont-css-prefix}{
             color: @menu-dark-selected-item-icon-color;
             + span {
                 color: @menu-dark-selected-item-text-color;
            }
        }
    }
     &&-dark &-item-selected, &-submenu-popup&-dark &-item-selected {
         background-color: @menu-dark-item-active-bg;
    }
     &-dark &-item-disabled, &-dark &-submenu-disabled {
         &, > a, > span > a {
             color: @disabled-color-dark !important;
             opacity: 0.8;
        }
         > .@{menu-prefix-cls}-submenu-title {
             color: @disabled-color-dark !important;
             > .@{menu-prefix-cls}-submenu-arrow {
                 &::before, &::after {
                     background: @disabled-color-dark !important;
                }
            }
        }
    }
}
 @menu-prefix-cls: ~'@{ant-prefix}-menu';
 .@{menu-prefix-cls}{
     &&-rtl {
         direction: rtl;
         text-align: right;
    }
     &-item-group-title {
         .@{menu-prefix-cls}-rtl & {
             text-align: right;
        }
    }
     &-inline, &-vertical {
         .@{menu-prefix-cls}-rtl& {
             border-right: none;
             border-left: @border-width-base @border-style-base @border-color-split;
        }
    }
     &-dark&-inline, &-dark&-vertical {
         .@{menu-prefix-cls}-rtl& {
             border-left: none;
        }
    }
     &-vertical&-sub, &-vertical-left&-sub, &-vertical-right&-sub {
         > .@{menu-prefix-cls}-item, > .@{menu-prefix-cls}-submenu {
             .@{menu-prefix-cls}-rtl& {
                 transform-origin: top right;
            }
        }
    }
     &-item, &-submenu-title {
         .@{menu-prefix-cls}-item-icon, .@{iconfont-css-prefix}{
             .@{menu-prefix-cls}-rtl & {
                 margin-right: auto;
                 margin-left: @menu-icon-margin-right;
            }
        }
         &.@{menu-prefix-cls}-item-only-child {
             > .@{menu-prefix-cls}-item-icon, > .@{iconfont-css-prefix}{
                 .@{menu-prefix-cls}-rtl & {
                     margin-left: 0;
                }
            }
        }
    }
     &-submenu {
         &-rtl.@{menu-prefix-cls}-submenu-popup {
             transform-origin: 100% 0;
        }
         &-vertical, &-vertical-left, &-vertical-right, &-inline {
             > .@{menu-prefix-cls}-submenu-title .@{menu-prefix-cls}-submenu-arrow {
                 .@{menu-prefix-cls}-rtl & {
                     right: auto;
                     left: 16px;
                }
            }
        }
         &-vertical, &-vertical-left, &-vertical-right {
             > .@{menu-prefix-cls}-submenu-title .@{menu-prefix-cls}-submenu-arrow {
                 &::before {
                     .@{menu-prefix-cls}-rtl & {
                         transform: rotate(-45deg) translateY(-2px);
                    }
                }
                 &::after {
                     .@{menu-prefix-cls}-rtl & {
                         transform: rotate(45deg) translateY(2px);
                    }
                }
            }
        }
    }
     &-vertical, &-vertical-left, &-vertical-right, &-inline {
         .@{menu-prefix-cls}-item {
             &::after {
                 .@{menu-prefix-cls}-rtl& {
                     right: auto;
                     left: 0;
                }
            }
        }
         .@{menu-prefix-cls}-item, .@{menu-prefix-cls}-submenu-title {
             .@{menu-prefix-cls}-rtl& {
                 text-align: right;
            }
        }
    }
     &-inline {
         .@{menu-prefix-cls}-submenu-title {
             .@{menu-prefix-cls}-rtl& {
                 padding-right: 0;
                 padding-left: 34px;
            }
        }
    }
     &-vertical {
         .@{menu-prefix-cls}-submenu-title {
             .@{menu-prefix-cls}-rtl& {
                 padding-right: 16px;
                 padding-left: 34px;
            }
        }
    }
     &-inline-collapsed&-vertical {
         .@{menu-prefix-cls}-submenu-title {
             .@{menu-prefix-cls}-rtl& {
                 padding: 0 ~'calc(50% - @{menu-icon-size-lg}/ 2)';
            }
        }
    }
     &-item-group-list {
         .@{menu-prefix-cls}-item, .@{menu-prefix-cls}-submenu-title {
             .@{menu-prefix-cls}-rtl & {
                 padding: 0 28px 0 16px;
            }
        }
    }
     &-sub&-inline {
         border: 0;
         & .@{menu-prefix-cls}-item-group-title {
             .@{menu-prefix-cls}-rtl& {
                 padding-right: 32px;
                 padding-left: 0;
            }
        }
    }
}
 @root-entry-name: default;
 @message-prefix-cls: ~'@{ant-prefix}-message';
 .@{message-prefix-cls}{
     .reset-component();
     position: fixed;
     top: 8px;
     left: 0;
     z-index: @zindex-message;
     width: 100%;
     pointer-events: none;
     &-notice {
         display: flex;
         justify-content: center;
         padding: 8px;
    }
     &-notice-content {
         display: inline-block;
         padding: @message-notice-content-padding;
         background: @neutral-bg-3-normal;
         border-radius: @radius-m;
         box-shadow: @shadow-3-down;
         pointer-events: all;
         max-width: 520px;
    }
     &-success, &-error, &-warning, &-info, &-loading {
         display: flex;
    }
     &-success .@{iconfont-css-prefix}{
         color: @status-success-bg-1-normal;
    }
     &-error .@{iconfont-css-prefix}{
         color: @status-error-bg-1-normal;
    }
     &-warning .@{iconfont-css-prefix}{
         color: @status-warning-bg-1-normal;
    }