[class^=ant-]::-ms-clear, [class*=ant-]::-ms-clear, [class^=ant-] input::-ms-clear, [class*=ant-] input::-ms-clear, [class^=ant-] input::-ms-reveal, [class*=ant-] input::-ms-reveal {
    display: none
}

html, body {
    width: 100%;
    height: 100%
}

input::-ms-clear, input::-ms-reveal {
    display: none
}

*, *:before, *:after {
    box-sizing: border-box
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

@-ms-viewport {
    width: device-width
}

body {
    margin: 0;
    color: var(--text-color);
    font-size: 14px;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
    font-variant: tabular-nums;
    line-height: 1.5715;
    background-color: var(--body-background);
    font-feature-settings: "tnum"
}

[tabindex="-1"]:focus {
    outline: none !important
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: .5em;
    color: var(--heading-color);
    font-weight: 500
}

p {
    margin-top: 0;
    margin-bottom: 1em
}

abbr[title], abbr[data-original-title] {
    text-decoration: underline;
    text-decoration: underline dotted;
    border-bottom: 0;
    cursor: help
}

address {
    margin-bottom: 1em;
    font-style: normal;
    line-height: inherit
}

input[type=text], input[type=password], input[type=number], textarea {
    -webkit-appearance: none
}

ol, ul, dl {
    margin-top: 0;
    margin-bottom: 1em
}

ol ol, ul ul, ol ul, ul ol {
    margin-bottom: 0
}

dt {
    font-weight: 500
}

dd {
    margin-bottom: .5em;
    margin-left: 0
}

blockquote {
    margin: 0 0 1em
}

dfn {
    font-style: italic
}

b, strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

sub, sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    color: var(--primary-color);
    text-decoration: none;
    background-color: transparent;
    outline: none;
    cursor: pointer;
    transition: color .3s;
    -webkit-text-decoration-skip: objects
}

a:hover {
    color: var(--primary-5)
}

a:active {
    color: var(--primary-7)
}

a:active, a:hover {
    text-decoration: none;
    outline: 0
}

a:focus {
    text-decoration: none;
    outline: 0
}

a[disabled] {
    color: var(--disabled-color);
    cursor: not-allowed
}

pre, code, kbd, samp {
    font-size: 1em;
    font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace
}

pre {
    margin-top: 0;
    margin-bottom: 1em;
    overflow: auto
}

figure {
    margin: 0 0 1em
}

img {
    vertical-align: middle;
    border-style: none
}

a, area, button, [role=button], input:not([type="range"]), label, select, summary, textarea {
    touch-action: manipulation
}

table {
    border-collapse: collapse
}

caption {
    padding-top: .75em;
    padding-bottom: .3em;
    color: var(--text-color-secondary);
    text-align: left;
    caption-side: bottom
}

input, button, select, optgroup, textarea {
    margin: 0;
    color: inherit;
    font-size: inherit;
    font-family: inherit;
    line-height: inherit
}

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

button, html [type=button], [type=reset], [type=submit] {
    -webkit-appearance: button
}

button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner {
    padding: 0;
    border-style: none
}

input[type=radio], input[type=checkbox] {
    box-sizing: border-box;
    padding: 0
}

input[type=date], input[type=time], input[type=datetime-local], input[type=month] {
    -webkit-appearance: listbox
}

textarea {
    overflow: auto;
    resize: vertical
}

fieldset {
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    max-width: 100%;
    margin-bottom: .5em;
    padding: 0;
    color: inherit;
    font-size: 1.5em;
    line-height: inherit;
    white-space: normal
}

progress {
    vertical-align: baseline
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    outline-offset: -2px;
    -webkit-appearance: none
}

[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

output {
    display: inline-block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none !important
}

mark {
    padding: .2em;
    background-color: #feffe6
}

::selection {
    color: var(--text-color-inverse);
    background: var(--primary-color)
}

.clearfix:before {
    display: table;
    content: ""
}

.clearfix:after {
    display: table;
    clear: both;
    content: ""
}

.anticon {
    display: inline-block;
    color: inherit;
    font-style: normal;
    line-height: 0;
    text-align: center;
    text-transform: none;
    vertical-align: -.125em;
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.anticon > * {
    line-height: 1
}

.anticon svg {
    display: inline-block
}

.anticon:before {
    display: none
}

.anticon .anticon-icon {
    display: block
}

.anticon > .anticon {
    line-height: 0;
    vertical-align: 0
}

.anticon[tabindex] {
    cursor: pointer
}

.anticon-spin:before {
    display: inline-block;
    animation: loadingCircle 1s infinite linear
}

.anticon-spin {
    display: inline-block;
    animation: loadingCircle 1s infinite linear
}

.ant-fade-enter, .ant-fade-appear, .ant-fade-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.ant-fade-enter.ant-fade-enter-active, .ant-fade-appear.ant-fade-appear-active {
    animation-name: antFadeIn;
    animation-play-state: running
}

.ant-fade-leave.ant-fade-leave-active {
    animation-name: antFadeOut;
    animation-play-state: running;
    pointer-events: none
}

.ant-fade-enter, .ant-fade-appear {
    opacity: 0;
    animation-timing-function: linear
}

.ant-fade-leave {
    animation-timing-function: linear
}

.fade-enter, .fade-appear, .fade-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.fade-enter.fade-enter-active, .fade-appear.fade-appear-active {
    animation-name: antFadeIn;
    animation-play-state: running
}

.fade-leave.fade-leave-active {
    animation-name: antFadeOut;
    animation-play-state: running;
    pointer-events: none
}

.fade-enter, .fade-appear {
    opacity: 0;
    animation-timing-function: linear
}

.fade-leave {
    animation-timing-function: linear
}

@keyframes antFadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes antFadeOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

.ant-move-up-enter, .ant-move-up-appear, .ant-move-up-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.ant-move-up-enter.ant-move-up-enter-active, .ant-move-up-appear.ant-move-up-appear-active {
    animation-name: antMoveUpIn;
    animation-play-state: running
}

.ant-move-up-leave.ant-move-up-leave-active {
    animation-name: antMoveUpOut;
    animation-play-state: running;
    pointer-events: none
}

.ant-move-up-enter, .ant-move-up-appear {
    opacity: 0;
    animation-timing-function: cubic-bezier(.08, .82, .17, 1)
}

.ant-move-up-leave {
    animation-timing-function: cubic-bezier(.6, .04, .98, .34)
}

.move-up-enter, .move-up-appear, .move-up-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.move-up-enter.move-up-enter-active, .move-up-appear.move-up-appear-active {
    animation-name: antMoveUpIn;
    animation-play-state: running
}

.move-up-leave.move-up-leave-active {
    animation-name: antMoveUpOut;
    animation-play-state: running;
    pointer-events: none
}

.move-up-enter, .move-up-appear {
    opacity: 0;
    animation-timing-function: cubic-bezier(.08, .82, .17, 1)
}

.move-up-leave {
    animation-timing-function: cubic-bezier(.6, .04, .98, .34)
}

.ant-move-down-enter, .ant-move-down-appear, .ant-move-down-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.ant-move-down-enter.ant-move-down-enter-active, .ant-move-down-appear.ant-move-down-appear-active {
    animation-name: antMoveDownIn;
    animation-play-state: running
}

.ant-move-down-leave.ant-move-down-leave-active {
    animation-name: antMoveDownOut;
    animation-play-state: running;
    pointer-events: none
}

.ant-move-down-enter, .ant-move-down-appear {
    opacity: 0;
    animation-timing-function: cubic-bezier(.08, .82, .17, 1)
}

.ant-move-down-leave {
    animation-timing-function: cubic-bezier(.6, .04, .98, .34)
}

.move-down-enter, .move-down-appear, .move-down-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.move-down-enter.move-down-enter-active, .move-down-appear.move-down-appear-active {
    animation-name: antMoveDownIn;
    animation-play-state: running
}

.move-down-leave.move-down-leave-active {
    animation-name: antMoveDownOut;
    animation-play-state: running;
    pointer-events: none
}

.move-down-enter, .move-down-appear {
    opacity: 0;
    animation-timing-function: cubic-bezier(.08, .82, .17, 1)
}

.move-down-leave {
    animation-timing-function: cubic-bezier(.6, .04, .98, .34)
}

.ant-move-left-enter, .ant-move-left-appear, .ant-move-left-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.ant-move-left-enter.ant-move-left-enter-active, .ant-move-left-appear.ant-move-left-appear-active {
    animation-name: antMoveLeftIn;
    animation-play-state: running
}

.ant-move-left-leave.ant-move-left-leave-active {
    animation-name: antMoveLeftOut;
    animation-play-state: running;
    pointer-events: none
}

.ant-move-left-enter, .ant-move-left-appear {
    opacity: 0;
    animation-timing-function: cubic-bezier(.08, .82, .17, 1)
}

.ant-move-left-leave {
    animation-timing-function: cubic-bezier(.6, .04, .98, .34)
}

.move-left-enter, .move-left-appear, .move-left-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.move-left-enter.move-left-enter-active, .move-left-appear.move-left-appear-active {
    animation-name: antMoveLeftIn;
    animation-play-state: running
}

.move-left-leave.move-left-leave-active {
    animation-name: antMoveLeftOut;
    animation-play-state: running;
    pointer-events: none
}

.move-left-enter, .move-left-appear {
    opacity: 0;
    animation-timing-function: cubic-bezier(.08, .82, .17, 1)
}

.move-left-leave {
    animation-timing-function: cubic-bezier(.6, .04, .98, .34)
}

.ant-move-right-enter, .ant-move-right-appear, .ant-move-right-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.ant-move-right-enter.ant-move-right-enter-active, .ant-move-right-appear.ant-move-right-appear-active {
    animation-name: antMoveRightIn;
    animation-play-state: running
}

.ant-move-right-leave.ant-move-right-leave-active {
    animation-name: antMoveRightOut;
    animation-play-state: running;
    pointer-events: none
}

.ant-move-right-enter, .ant-move-right-appear {
    opacity: 0;
    animation-timing-function: cubic-bezier(.08, .82, .17, 1)
}

.ant-move-right-leave {
    animation-timing-function: cubic-bezier(.6, .04, .98, .34)
}

.move-right-enter, .move-right-appear, .move-right-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.move-right-enter.move-right-enter-active, .move-right-appear.move-right-appear-active {
    animation-name: antMoveRightIn;
    animation-play-state: running
}

.move-right-leave.move-right-leave-active {
    animation-name: antMoveRightOut;
    animation-play-state: running;
    pointer-events: none
}

.move-right-enter, .move-right-appear {
    opacity: 0;
    animation-timing-function: cubic-bezier(.08, .82, .17, 1)
}

.move-right-leave {
    animation-timing-function: cubic-bezier(.6, .04, .98, .34)
}

@keyframes antMoveDownIn {
    0% {
        transform: translateY(100%);
        transform-origin: 0 0;
        opacity: 0
    }
    to {
        transform: translateY(0);
        transform-origin: 0 0;
        opacity: 1
    }
}

@keyframes antMoveDownOut {
    0% {
        transform: translateY(0);
        transform-origin: 0 0;
        opacity: 1
    }
    to {
        transform: translateY(100%);
        transform-origin: 0 0;
        opacity: 0
    }
}

@keyframes antMoveLeftIn {
    0% {
        transform: translate(-100%);
        transform-origin: 0 0;
        opacity: 0
    }
    to {
        transform: translate(0);
        transform-origin: 0 0;
        opacity: 1
    }
}

@keyframes antMoveLeftOut {
    0% {
        transform: translate(0);
        transform-origin: 0 0;
        opacity: 1
    }
    to {
        transform: translate(-100%);
        transform-origin: 0 0;
        opacity: 0
    }
}

@keyframes antMoveRightIn {
    0% {
        transform: translate(100%);
        transform-origin: 0 0;
        opacity: 0
    }
    to {
        transform: translate(0);
        transform-origin: 0 0;
        opacity: 1
    }
}

@keyframes antMoveRightOut {
    0% {
        transform: translate(0);
        transform-origin: 0 0;
        opacity: 1
    }
    to {
        transform: translate(100%);
        transform-origin: 0 0;
        opacity: 0
    }
}

@keyframes antMoveUpIn {
    0% {
        transform: translateY(-100%);
        transform-origin: 0 0;
        opacity: 0
    }
    to {
        transform: translateY(0);
        transform-origin: 0 0;
        opacity: 1
    }
}

@keyframes antMoveUpOut {
    0% {
        transform: translateY(0);
        transform-origin: 0 0;
        opacity: 1
    }
    to {
        transform: translateY(-100%);
        transform-origin: 0 0;
        opacity: 0
    }
}

@keyframes loadingCircle {
    to {
        transform: rotate(360deg)
    }
}

[ant-click-animating=true], [ant-click-animating-without-extra-node=true] {
    position: relative
}

html {
    --antd-wave-shadow-color: var(--primary-color);
    --scroll-bar: 0
}

[ant-click-animating-without-extra-node=true]:after, .ant-click-animating-node {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    border-radius: inherit;
    box-shadow: 0 0 0 0 var(--primary-color);
    box-shadow: 0 0 0 0 var(--antd-wave-shadow-color);
    opacity: .2;
    animation: fadeEffect 2s cubic-bezier(.08, .82, .17, 1), waveEffect .4s cubic-bezier(.08, .82, .17, 1);
    animation-fill-mode: forwards;
    content: "";
    pointer-events: none
}

@keyframes waveEffect {
    to {
        box-shadow: 0 0 0 var(--primary-color);
        box-shadow: 0 0 0 6px var(--antd-wave-shadow-color)
    }
}

@keyframes fadeEffect {
    to {
        opacity: 0
    }
}

.slide-up-enter, .slide-up-appear, .slide-up-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.slide-up-enter.slide-up-enter-active, .slide-up-appear.slide-up-appear-active {
    animation-name: antSlideUpIn;
    animation-play-state: running
}

.slide-up-leave.slide-up-leave-active {
    animation-name: antSlideUpOut;
    animation-play-state: running;
    pointer-events: none
}

.slide-up-enter, .slide-up-appear {
    opacity: 0;
    animation-timing-function: cubic-bezier(.23, 1, .32, 1)
}

.slide-up-leave {
    animation-timing-function: cubic-bezier(.755, .05, .855, .06)
}

.slide-down-enter, .slide-down-appear, .slide-down-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.slide-down-enter.slide-down-enter-active, .slide-down-appear.slide-down-appear-active {
    animation-name: antSlideDownIn;
    animation-play-state: running
}

.slide-down-leave.slide-down-leave-active {
    animation-name: antSlideDownOut;
    animation-play-state: running;
    pointer-events: none
}

.slide-down-enter, .slide-down-appear {
    opacity: 0;
    animation-timing-function: cubic-bezier(.23, 1, .32, 1)
}

.slide-down-leave {
    animation-timing-function: cubic-bezier(.755, .05, .855, .06)
}

.slide-left-enter, .slide-left-appear, .slide-left-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.slide-left-enter.slide-left-enter-active, .slide-left-appear.slide-left-appear-active {
    animation-name: antSlideLeftIn;
    animation-play-state: running
}

.slide-left-leave.slide-left-leave-active {
    animation-name: antSlideLeftOut;
    animation-play-state: running;
    pointer-events: none
}

.slide-left-enter, .slide-left-appear {
    opacity: 0;
    animation-timing-function: cubic-bezier(.23, 1, .32, 1)
}

.slide-left-leave {
    animation-timing-function: cubic-bezier(.755, .05, .855, .06)
}

.slide-right-enter, .slide-right-appear, .slide-right-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.slide-right-enter.slide-right-enter-active, .slide-right-appear.slide-right-appear-active {
    animation-name: antSlideRightIn;
    animation-play-state: running
}

.slide-right-leave.slide-right-leave-active {
    animation-name: antSlideRightOut;
    animation-play-state: running;
    pointer-events: none
}

.slide-right-enter, .slide-right-appear {
    opacity: 0;
    animation-timing-function: cubic-bezier(.23, 1, .32, 1)
}

.slide-right-leave {
    animation-timing-function: cubic-bezier(.755, .05, .855, .06)
}

.ant-slide-up-enter, .ant-slide-up-appear, .ant-slide-up-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.ant-slide-up-enter.ant-slide-up-enter-active, .ant-slide-up-appear.ant-slide-up-appear-active {
    animation-name: antSlideUpIn;
    animation-play-state: running
}

.ant-slide-up-leave.ant-slide-up-leave-active {
    animation-name: antSlideUpOut;
    animation-play-state: running;
    pointer-events: none
}

.ant-slide-up-enter, .ant-slide-up-appear {
    opacity: 0;
    animation-timing-function: cubic-bezier(.23, 1, .32, 1)
}

.ant-slide-up-leave {
    animation-timing-function: cubic-bezier(.755, .05, .855, .06)
}

.ant-slide-down-enter, .ant-slide-down-appear, .ant-slide-down-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.ant-slide-down-enter.ant-slide-down-enter-active, .ant-slide-down-appear.ant-slide-down-appear-active {
    animation-name: antSlideDownIn;
    animation-play-state: running
}

.ant-slide-down-leave.ant-slide-down-leave-active {
    animation-name: antSlideDownOut;
    animation-play-state: running;
    pointer-events: none
}

.ant-slide-down-enter, .ant-slide-down-appear {
    opacity: 0;
    animation-timing-function: cubic-bezier(.23, 1, .32, 1)
}

.ant-slide-down-leave {
    animation-timing-function: cubic-bezier(.755, .05, .855, .06)
}

.ant-slide-left-enter, .ant-slide-left-appear, .ant-slide-left-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.ant-slide-left-enter.ant-slide-left-enter-active, .ant-slide-left-appear.ant-slide-left-appear-active {
    animation-name: antSlideLeftIn;
    animation-play-state: running
}

.ant-slide-left-leave.ant-slide-left-leave-active {
    animation-name: antSlideLeftOut;
    animation-play-state: running;
    pointer-events: none
}

.ant-slide-left-enter, .ant-slide-left-appear {
    opacity: 0;
    animation-timing-function: cubic-bezier(.23, 1, .32, 1)
}

.ant-slide-left-leave {
    animation-timing-function: cubic-bezier(.755, .05, .855, .06)
}

.ant-slide-right-enter, .ant-slide-right-appear, .ant-slide-right-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.ant-slide-right-enter.ant-slide-right-enter-active, .ant-slide-right-appear.ant-slide-right-appear-active {
    animation-name: antSlideRightIn;
    animation-play-state: running
}

.ant-slide-right-leave.ant-slide-right-leave-active {
    animation-name: antSlideRightOut;
    animation-play-state: running;
    pointer-events: none
}

.ant-slide-right-enter, .ant-slide-right-appear {
    opacity: 0;
    animation-timing-function: cubic-bezier(.23, 1, .32, 1)
}

.ant-slide-right-leave {
    animation-timing-function: cubic-bezier(.755, .05, .855, .06)
}

@keyframes antSlideUpIn {
    0% {
        transform: scaleY(.8);
        transform-origin: 0% 0%;
        opacity: 0
    }
    to {
        transform: scaleY(1);
        transform-origin: 0% 0%;
        opacity: 1
    }
}

@keyframes antSlideUpOut {
    0% {
        transform: scaleY(1);
        transform-origin: 0% 0%;
        opacity: 1
    }
    to {
        transform: scaleY(.8);
        transform-origin: 0% 0%;
        opacity: 0
    }
}

@keyframes antSlideDownIn {
    0% {
        transform: scaleY(.8);
        transform-origin: 100% 100%;
        opacity: 0
    }
    to {
        transform: scaleY(1);
        transform-origin: 100% 100%;
        opacity: 1
    }
}

@keyframes antSlideDownOut {
    0% {
        transform: scaleY(1);
        transform-origin: 100% 100%;
        opacity: 1
    }
    to {
        transform: scaleY(.8);
        transform-origin: 100% 100%;
        opacity: 0
    }
}

@keyframes antSlideLeftIn {
    0% {
        transform: scaleX(.8);
        transform-origin: 0% 0%;
        opacity: 0
    }
    to {
        transform: scaleX(1);
        transform-origin: 0% 0%;
        opacity: 1
    }
}

@keyframes antSlideLeftOut {
    0% {
        transform: scaleX(1);
        transform-origin: 0% 0%;
        opacity: 1
    }
    to {
        transform: scaleX(.8);
        transform-origin: 0% 0%;
        opacity: 0
    }
}

@keyframes antSlideRightIn {
    0% {
        transform: scaleX(.8);
        transform-origin: 100% 0%;
        opacity: 0
    }
    to {
        transform: scaleX(1);
        transform-origin: 100% 0%;
        opacity: 1
    }
}

@keyframes antSlideRightOut {
    0% {
        transform: scaleX(1);
        transform-origin: 100% 0%;
        opacity: 1
    }
    to {
        transform: scaleX(.8);
        transform-origin: 100% 0%;
        opacity: 0
    }
}

.ant-zoom-enter, .ant-zoom-appear, .ant-zoom-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.ant-zoom-enter.ant-zoom-enter-active, .ant-zoom-appear.ant-zoom-appear-active {
    animation-name: antZoomIn;
    animation-play-state: running
}

.ant-zoom-leave.ant-zoom-leave-active {
    animation-name: antZoomOut;
    animation-play-state: running;
    pointer-events: none
}

.ant-zoom-enter, .ant-zoom-appear {
    transform: scale(0);
    opacity: 0;
    animation-timing-function: cubic-bezier(.08, .82, .17, 1)
}

.ant-zoom-enter-prepare, .ant-zoom-appear-prepare {
    transform: none
}

.ant-zoom-leave {
    animation-timing-function: cubic-bezier(.78, .14, .15, .86)
}

.zoom-enter, .zoom-appear, .zoom-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.zoom-enter.zoom-enter-active, .zoom-appear.zoom-appear-active {
    animation-name: antZoomIn;
    animation-play-state: running
}

.zoom-leave.zoom-leave-active {
    animation-name: antZoomOut;
    animation-play-state: running;
    pointer-events: none
}

.zoom-enter, .zoom-appear {
    transform: scale(0);
    opacity: 0;
    animation-timing-function: cubic-bezier(.08, .82, .17, 1)
}

.zoom-enter-prepare, .zoom-appear-prepare {
    transform: none
}

.zoom-leave {
    animation-timing-function: cubic-bezier(.78, .14, .15, .86)
}

.ant-zoom-big-enter, .ant-zoom-big-appear, .ant-zoom-big-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.ant-zoom-big-enter.ant-zoom-big-enter-active, .ant-zoom-big-appear.ant-zoom-big-appear-active {
    animation-name: antZoomBigIn;
    animation-play-state: running
}

.ant-zoom-big-leave.ant-zoom-big-leave-active {
    animation-name: antZoomBigOut;
    animation-play-state: running;
    pointer-events: none
}

.ant-zoom-big-enter, .ant-zoom-big-appear {
    transform: scale(0);
    opacity: 0;
    animation-timing-function: cubic-bezier(.08, .82, .17, 1)
}

.ant-zoom-big-enter-prepare, .ant-zoom-big-appear-prepare {
    transform: none
}

.ant-zoom-big-leave {
    animation-timing-function: cubic-bezier(.78, .14, .15, .86)
}

.zoom-big-enter, .zoom-big-appear, .zoom-big-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.zoom-big-enter.zoom-big-enter-active, .zoom-big-appear.zoom-big-appear-active {
    animation-name: antZoomBigIn;
    animation-play-state: running
}

.zoom-big-leave.zoom-big-leave-active {
    animation-name: antZoomBigOut;
    animation-play-state: running;
    pointer-events: none
}

.zoom-big-enter, .zoom-big-appear {
    transform: scale(0);
    opacity: 0;
    animation-timing-function: cubic-bezier(.08, .82, .17, 1)
}

.zoom-big-enter-prepare, .zoom-big-appear-prepare {
    transform: none
}

.zoom-big-leave {
    animation-timing-function: cubic-bezier(.78, .14, .15, .86)
}

.ant-zoom-big-fast-enter, .ant-zoom-big-fast-appear, .ant-zoom-big-fast-leave {
    animation-duration: .1s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.ant-zoom-big-fast-enter.ant-zoom-big-fast-enter-active, .ant-zoom-big-fast-appear.ant-zoom-big-fast-appear-active {
    animation-name: antZoomBigIn;
    animation-play-state: running
}

.ant-zoom-big-fast-leave.ant-zoom-big-fast-leave-active {
    animation-name: antZoomBigOut;
    animation-play-state: running;
    pointer-events: none
}

.ant-zoom-big-fast-enter, .ant-zoom-big-fast-appear {
    transform: scale(0);
    opacity: 0;
    animation-timing-function: cubic-bezier(.08, .82, .17, 1)
}

.ant-zoom-big-fast-enter-prepare, .ant-zoom-big-fast-appear-prepare {
    transform: none
}

.ant-zoom-big-fast-leave {
    animation-timing-function: cubic-bezier(.78, .14, .15, .86)
}

.zoom-big-fast-enter, .zoom-big-fast-appear, .zoom-big-fast-leave {
    animation-duration: .1s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.zoom-big-fast-enter.zoom-big-fast-enter-active, .zoom-big-fast-appear.zoom-big-fast-appear-active {
    animation-name: antZoomBigIn;
    animation-play-state: running
}

.zoom-big-fast-leave.zoom-big-fast-leave-active {
    animation-name: antZoomBigOut;
    animation-play-state: running;
    pointer-events: none
}

.zoom-big-fast-enter, .zoom-big-fast-appear {
    transform: scale(0);
    opacity: 0;
    animation-timing-function: cubic-bezier(.08, .82, .17, 1)
}

.zoom-big-fast-enter-prepare, .zoom-big-fast-appear-prepare {
    transform: none
}

.zoom-big-fast-leave {
    animation-timing-function: cubic-bezier(.78, .14, .15, .86)
}

.ant-zoom-up-enter, .ant-zoom-up-appear, .ant-zoom-up-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.ant-zoom-up-enter.ant-zoom-up-enter-active, .ant-zoom-up-appear.ant-zoom-up-appear-active {
    animation-name: antZoomUpIn;
    animation-play-state: running
}

.ant-zoom-up-leave.ant-zoom-up-leave-active {
    animation-name: antZoomUpOut;
    animation-play-state: running;
    pointer-events: none
}

.ant-zoom-up-enter, .ant-zoom-up-appear {
    transform: scale(0);
    opacity: 0;
    animation-timing-function: cubic-bezier(.08, .82, .17, 1)
}

.ant-zoom-up-enter-prepare, .ant-zoom-up-appear-prepare {
    transform: none
}

.ant-zoom-up-leave {
    animation-timing-function: cubic-bezier(.78, .14, .15, .86)
}

.zoom-up-enter, .zoom-up-appear, .zoom-up-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.zoom-up-enter.zoom-up-enter-active, .zoom-up-appear.zoom-up-appear-active {
    animation-name: antZoomUpIn;
    animation-play-state: running
}

.zoom-up-leave.zoom-up-leave-active {
    animation-name: antZoomUpOut;
    animation-play-state: running;
    pointer-events: none
}

.zoom-up-enter, .zoom-up-appear {
    transform: scale(0);
    opacity: 0;
    animation-timing-function: cubic-bezier(.08, .82, .17, 1)
}

.zoom-up-enter-prepare, .zoom-up-appear-prepare {
    transform: none
}

.zoom-up-leave {
    animation-timing-function: cubic-bezier(.78, .14, .15, .86)
}

.ant-zoom-down-enter, .ant-zoom-down-appear, .ant-zoom-down-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.ant-zoom-down-enter.ant-zoom-down-enter-active, .ant-zoom-down-appear.ant-zoom-down-appear-active {
    animation-name: antZoomDownIn;
    animation-play-state: running
}

.ant-zoom-down-leave.ant-zoom-down-leave-active {
    animation-name: antZoomDownOut;
    animation-play-state: running;
    pointer-events: none
}

.ant-zoom-down-enter, .ant-zoom-down-appear {
    transform: scale(0);
    opacity: 0;
    animation-timing-function: cubic-bezier(.08, .82, .17, 1)
}

.ant-zoom-down-enter-prepare, .ant-zoom-down-appear-prepare {
    transform: none
}

.ant-zoom-down-leave {
    animation-timing-function: cubic-bezier(.78, .14, .15, .86)
}

.zoom-down-enter, .zoom-down-appear, .zoom-down-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.zoom-down-enter.zoom-down-enter-active, .zoom-down-appear.zoom-down-appear-active {
    animation-name: antZoomDownIn;
    animation-play-state: running
}

.zoom-down-leave.zoom-down-leave-active {
    animation-name: antZoomDownOut;
    animation-play-state: running;
    pointer-events: none
}

.zoom-down-enter, .zoom-down-appear {
    transform: scale(0);
    opacity: 0;
    animation-timing-function: cubic-bezier(.08, .82, .17, 1)
}

.zoom-down-enter-prepare, .zoom-down-appear-prepare {
    transform: none
}

.zoom-down-leave {
    animation-timing-function: cubic-bezier(.78, .14, .15, .86)
}

.ant-zoom-left-enter, .ant-zoom-left-appear, .ant-zoom-left-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.ant-zoom-left-enter.ant-zoom-left-enter-active, .ant-zoom-left-appear.ant-zoom-left-appear-active {
    animation-name: antZoomLeftIn;
    animation-play-state: running
}

.ant-zoom-left-leave.ant-zoom-left-leave-active {
    animation-name: antZoomLeftOut;
    animation-play-state: running;
    pointer-events: none
}

.ant-zoom-left-enter, .ant-zoom-left-appear {
    transform: scale(0);
    opacity: 0;
    animation-timing-function: cubic-bezier(.08, .82, .17, 1)
}

.ant-zoom-left-enter-prepare, .ant-zoom-left-appear-prepare {
    transform: none
}

.ant-zoom-left-leave {
    animation-timing-function: cubic-bezier(.78, .14, .15, .86)
}

.zoom-left-enter, .zoom-left-appear, .zoom-left-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.zoom-left-enter.zoom-left-enter-active, .zoom-left-appear.zoom-left-appear-active {
    animation-name: antZoomLeftIn;
    animation-play-state: running
}

.zoom-left-leave.zoom-left-leave-active {
    animation-name: antZoomLeftOut;
    animation-play-state: running;
    pointer-events: none
}

.zoom-left-enter, .zoom-left-appear {
    transform: scale(0);
    opacity: 0;
    animation-timing-function: cubic-bezier(.08, .82, .17, 1)
}

.zoom-left-enter-prepare, .zoom-left-appear-prepare {
    transform: none
}

.zoom-left-leave {
    animation-timing-function: cubic-bezier(.78, .14, .15, .86)
}

.ant-zoom-right-enter, .ant-zoom-right-appear, .ant-zoom-right-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.ant-zoom-right-enter.ant-zoom-right-enter-active, .ant-zoom-right-appear.ant-zoom-right-appear-active {
    animation-name: antZoomRightIn;
    animation-play-state: running
}

.ant-zoom-right-leave.ant-zoom-right-leave-active {
    animation-name: antZoomRightOut;
    animation-play-state: running;
    pointer-events: none
}

.ant-zoom-right-enter, .ant-zoom-right-appear {
    transform: scale(0);
    opacity: 0;
    animation-timing-function: cubic-bezier(.08, .82, .17, 1)
}

.ant-zoom-right-enter-prepare, .ant-zoom-right-appear-prepare {
    transform: none
}

.ant-zoom-right-leave {
    animation-timing-function: cubic-bezier(.78, .14, .15, .86)
}

.zoom-right-enter, .zoom-right-appear, .zoom-right-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.zoom-right-enter.zoom-right-enter-active, .zoom-right-appear.zoom-right-appear-active {
    animation-name: antZoomRightIn;
    animation-play-state: running
}

.zoom-right-leave.zoom-right-leave-active {
    animation-name: antZoomRightOut;
    animation-play-state: running;
    pointer-events: none
}

.zoom-right-enter, .zoom-right-appear {
    transform: scale(0);
    opacity: 0;
    animation-timing-function: cubic-bezier(.08, .82, .17, 1)
}

.zoom-right-enter-prepare, .zoom-right-appear-prepare {
    transform: none
}

.zoom-right-leave {
    animation-timing-function: cubic-bezier(.78, .14, .15, .86)
}

@keyframes antZoomIn {
    0% {
        transform: scale(.2);
        opacity: 0
    }
    to {
        transform: scale(1);
        opacity: 1
    }
}

@keyframes antZoomOut {
    0% {
        transform: scale(1)
    }
    to {
        transform: scale(.2);
        opacity: 0
    }
}

@keyframes antZoomBigIn {
    0% {
        transform: scale(.8);
        opacity: 0
    }
    to {
        transform: scale(1);
        opacity: 1
    }
}

@keyframes antZoomBigOut {
    0% {
        transform: scale(1)
    }
    to {
        transform: scale(.8);
        opacity: 0
    }
}

@keyframes antZoomUpIn {
    0% {
        transform: scale(.8);
        transform-origin: 50% 0%;
        opacity: 0
    }
    to {
        transform: scale(1);
        transform-origin: 50% 0%
    }
}

@keyframes antZoomUpOut {
    0% {
        transform: scale(1);
        transform-origin: 50% 0%
    }
    to {
        transform: scale(.8);
        transform-origin: 50% 0%;
        opacity: 0
    }
}

@keyframes antZoomLeftIn {
    0% {
        transform: scale(.8);
        transform-origin: 0% 50%;
        opacity: 0
    }
    to {
        transform: scale(1);
        transform-origin: 0% 50%
    }
}

@keyframes antZoomLeftOut {
    0% {
        transform: scale(1);
        transform-origin: 0% 50%
    }
    to {
        transform: scale(.8);
        transform-origin: 0% 50%;
        opacity: 0
    }
}

@keyframes antZoomRightIn {
    0% {
        transform: scale(.8);
        transform-origin: 100% 50%;
        opacity: 0
    }
    to {
        transform: scale(1);
        transform-origin: 100% 50%
    }
}

@keyframes antZoomRightOut {
    0% {
        transform: scale(1);
        transform-origin: 100% 50%
    }
    to {
        transform: scale(.8);
        transform-origin: 100% 50%;
        opacity: 0
    }
}

@keyframes antZoomDownIn {
    0% {
        transform: scale(.8);
        transform-origin: 50% 100%;
        opacity: 0
    }
    to {
        transform: scale(1);
        transform-origin: 50% 100%
    }
}

@keyframes antZoomDownOut {
    0% {
        transform: scale(1);
        transform-origin: 50% 100%
    }
    to {
        transform: scale(.8);
        transform-origin: 50% 100%;
        opacity: 0
    }
}

.ant-motion-collapse-legacy {
    overflow: hidden
}

.ant-motion-collapse-legacy-active {
    transition: height .2s cubic-bezier(.645, .045, .355, 1), opacity .2s cubic-bezier(.645, .045, .355, 1) !important
}

.ant-motion-collapse {
    overflow: hidden;
    transition: height .2s cubic-bezier(.645, .045, .355, 1), opacity .2s cubic-bezier(.645, .045, .355, 1) !important
}

.ant-back-top {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: var(--text-color);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: fixed;
    right: 100px;
    bottom: 50px;
    z-index: 10;
    width: 40px;
    height: 40px;
    cursor: pointer
}

.ant-back-top:empty {
    display: none
}

.ant-back-top-rtl {
    right: auto;
    left: 100px;
    direction: rtl
}

.ant-back-top-content {
    width: 40px;
    height: 40px;
    overflow: hidden;
    color: #fff;
    text-align: center;
    background-color: var(--back-top-bg);
    border-radius: 20px;
    transition: all .3s
}

.ant-back-top-content:hover {
    background-color: var(--back-top-hover-bg);
    transition: all .3s
}

.ant-back-top-icon {
    font-size: 24px;
    line-height: 40px
}

@media screen and (max-width: 768px) {
    .ant-back-top {
        right: 60px
    }
}

@media screen and (max-width: 480px) {
    .ant-back-top {
        right: 20px
    }
}

.ant-breadcrumb {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: var(--text-color);
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    color: var(--text-color-secondary);
    font-size: 14px
}

.ant-breadcrumb .anticon {
    font-size: 14px
}

.ant-breadcrumb a {
    color: var(--text-color-secondary);
    transition: color .3s
}

.ant-breadcrumb a:hover {
    color: var(--primary-5)
}

.ant-breadcrumb > span:last-child {
    color: var(--text-color)
}

.ant-breadcrumb > span:last-child a {
    color: var(--text-color)
}

.ant-breadcrumb > span:last-child .ant-breadcrumb-separator {
    display: none
}

.ant-breadcrumb-separator {
    margin: 0 8px;
    color: var(--text-color-secondary)
}

.ant-breadcrumb-link > .anticon + span, .ant-breadcrumb-link > .anticon + a {
    margin-left: 4px
}

.ant-breadcrumb-overlay-link > .anticon {
    margin-left: 4px
}

.ant-breadcrumb-rtl {
    direction: rtl
}

.ant-breadcrumb-rtl:before {
    display: table;
    content: ""
}

.ant-breadcrumb-rtl:after {
    display: table;
    clear: both;
    content: ""
}

.ant-breadcrumb-rtl > span {
    float: right
}

.ant-breadcrumb-rtl .ant-breadcrumb-link > .anticon + span, .ant-breadcrumb-rtl .ant-breadcrumb-link > .anticon + a {
    margin-right: 4px;
    margin-left: 0
}

.ant-breadcrumb-rtl .ant-breadcrumb-overlay-link > .anticon {
    margin-right: 4px;
    margin-left: 0
}

.ant-menu-item-danger.ant-menu-item, .ant-menu-item-danger.ant-menu-item:hover, .ant-menu-item-danger.ant-menu-item-active {
    color: var(--error-color)
}

.ant-menu-item-danger.ant-menu-item:active {
    background: var(--red-1)
}

.ant-menu-item-danger.ant-menu-item-selected {
    color: var(--error-color)
}

.ant-menu-item-danger.ant-menu-item-selected > a, .ant-menu-item-danger.ant-menu-item-selected > a:hover {
    color: var(--error-color)
}

.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-danger.ant-menu-item-selected {
    background-color: var(--red-1)
}

.ant-menu-inline .ant-menu-item-danger.ant-menu-item:after {
    border-right-color: var(--error-color)
}

.ant-menu-dark .ant-menu-item-danger.ant-menu-item, .ant-menu-dark .ant-menu-item-danger.ant-menu-item:hover, .ant-menu-dark .ant-menu-item-danger.ant-menu-item > a {
    color: var(--error-color)
}

.ant-menu-dark.ant-menu-dark:not(.ant-menu-horizontal) .ant-menu-item-danger.ant-menu-item-selected {
    color: #fff;
    background-color: var(--error-color)
}

.ant-menu {
    box-sizing: border-box;
    margin: 0;
    font-variant: tabular-nums;
    line-height: 1.5715;
    font-feature-settings: "tnum";
    padding: 0;
    color: var(--text-color);
    font-size: 14px;
    line-height: 0;
    text-align: left;
    list-style: none;
    background: var(--component-background);
    outline: none;
    box-shadow: var(--box-shadow-base);
    transition: background .3s, width .3s cubic-bezier(.2, 0, 0, 1) 0s
}

.ant-menu:before {
    display: table;
    content: ""
}

.ant-menu:after {
    display: table;
    clear: both;
    content: ""
}

.ant-menu.ant-menu-root:focus-visible {
    box-shadow: 0 0 0 2px var(--primary-2)
}

.ant-menu ul, .ant-menu ol {
    margin: 0;
    padding: 0;
    list-style: none
}

.ant-menu-overflow {
    display: flex
}

.ant-menu-overflow-item {
    flex: none
}

.ant-menu-hidden, .ant-menu-submenu-hidden {
    display: none
}

.ant-menu-item-group-title {
    height: 1.5715;
    padding: 8px 16px;
    color: var(--text-color-secondary);
    font-size: 14px;
    line-height: 1.5715;
    transition: all .3s
}

.ant-menu-horizontal .ant-menu-submenu {
    transition: border-color .3s cubic-bezier(.645, .045, .355, 1), background .3s cubic-bezier(.645, .045, .355, 1)
}

.ant-menu-submenu, .ant-menu-submenu-inline {
    transition: border-color .3s cubic-bezier(.645, .045, .355, 1), background .3s cubic-bezier(.645, .045, .355, 1), padding .15s cubic-bezier(.645, .045, .355, 1)
}

.ant-menu-submenu-selected {
    color: var(--primary-color)
}

.ant-menu-item:active, .ant-menu-submenu-title:active {
    background: var(--primary-1)
}

.ant-menu-submenu .ant-menu-sub {
    cursor: initial;
    transition: background .3s cubic-bezier(.645, .045, .355, 1), padding .3s cubic-bezier(.645, .045, .355, 1)
}

.ant-menu-title-content {
    transition: color .3s
}

.ant-menu-item a {
    color: var(--text-color)
}

.ant-menu-item a:hover {
    color: var(--primary-color)
}

.ant-menu-item a:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: transparent;
    content: ""
}

.ant-menu-item > .ant-badge a {
    color: var(--text-color)
}

.ant-menu-item > .ant-badge a:hover {
    color: var(--primary-color)
}

.ant-menu-item-divider {
    overflow: hidden;
    line-height: 0;
    border-color: var(--border-color-split);
    border-style: solid;
    border-width: 1px 0 0
}

.ant-menu-item-divider-dashed {
    border-style: dashed
}

.ant-menu-horizontal .ant-menu-item, .ant-menu-horizontal .ant-menu-submenu {
    margin-top: -1px
}

.ant-menu-horizontal > .ant-menu-item:hover, .ant-menu-horizontal > .ant-menu-item-active, .ant-menu-horizontal > .ant-menu-submenu .ant-menu-submenu-title:hover {
    background-color: transparent
}

.ant-menu-item-selected, .ant-menu-item-selected a, .ant-menu-item-selected a:hover {
    color: var(--primary-color)
}

.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
    background-color: var(--primary-1)
}

.ant-menu-inline, .ant-menu-vertical, .ant-menu-vertical-left {
    border-right: 1px solid var(--border-color-split)
}

.ant-menu-vertical-right {
    border-left: 1px solid var(--border-color-split)
}

.ant-menu-vertical.ant-menu-sub, .ant-menu-vertical-left.ant-menu-sub, .ant-menu-vertical-right.ant-menu-sub {
    min-width: 160px;
    max-height: calc(100vh - 100px);
    padding: 0;
    overflow: hidden;
    border-right: 0
}

.ant-menu-vertical.ant-menu-sub:not([class*="-active"]), .ant-menu-vertical-left.ant-menu-sub:not([class*="-active"]), .ant-menu-vertical-right.ant-menu-sub:not([class*="-active"]) {
    overflow-x: hidden;
    overflow-y: auto
}

.ant-menu-vertical.ant-menu-sub .ant-menu-item, .ant-menu-vertical-left.ant-menu-sub .ant-menu-item, .ant-menu-vertical-right.ant-menu-sub .ant-menu-item {
    left: 0;
    margin-left: 0;
    border-right: 0
}

.ant-menu-vertical.ant-menu-sub .ant-menu-item:after, .ant-menu-vertical-left.ant-menu-sub .ant-menu-item:after, .ant-menu-vertical-right.ant-menu-sub .ant-menu-item:after {
    border-right: 0
}

.ant-menu-vertical.ant-menu-sub > .ant-menu-item, .ant-menu-vertical-left.ant-menu-sub > .ant-menu-item, .ant-menu-vertical-right.ant-menu-sub > .ant-menu-item, .ant-menu-vertical.ant-menu-sub > .ant-menu-submenu, .ant-menu-vertical-left.ant-menu-sub > .ant-menu-submenu, .ant-menu-vertical-right.ant-menu-sub > .ant-menu-submenu {
    transform-origin: 0 0
}

.ant-menu-horizontal.ant-menu-sub {
    min-width: 114px
}

.ant-menu-horizontal .ant-menu-item, .ant-menu-horizontal .ant-menu-submenu-title {
    transition: border-color .3s, background .3s
}

.ant-menu-item, .ant-menu-submenu-title {
    position: relative;
    display: block;
    margin: 0;
    padding: 0 20px;
    white-space: nowrap;
    cursor: pointer;
    transition: border-color .3s, background .3s, padding .3s cubic-bezier(.645, .045, .355, 1)
}

.ant-menu-item .ant-menu-item-icon, .ant-menu-submenu-title .ant-menu-item-icon, .ant-menu-item .anticon, .ant-menu-submenu-title .anticon {
    min-width: 14px;
    font-size: 14px;
    transition: font-size .15s cubic-bezier(.215, .61, .355, 1), margin .3s cubic-bezier(.645, .045, .355, 1), color .3s
}

.ant-menu-item .ant-menu-item-icon + span, .ant-menu-submenu-title .ant-menu-item-icon + span, .ant-menu-item .anticon + span, .ant-menu-submenu-title .anticon + span {
    margin-left: 10px;
    opacity: 1;
    transition: opacity .3s cubic-bezier(.645, .045, .355, 1), margin .3s, color .3s
}

.ant-menu-item .ant-menu-item-icon.svg, .ant-menu-submenu-title .ant-menu-item-icon.svg {
    vertical-align: -.125em
}

.ant-menu-item.ant-menu-item-only-child > .anticon, .ant-menu-submenu-title.ant-menu-item-only-child > .anticon, .ant-menu-item.ant-menu-item-only-child > .ant-menu-item-icon, .ant-menu-submenu-title.ant-menu-item-only-child > .ant-menu-item-icon {
    margin-right: 0
}

.ant-menu-item:focus-visible, .ant-menu-submenu-title:focus-visible {
    box-shadow: 0 0 0 2px var(--primary-2)
}

.ant-menu > .ant-menu-item-divider {
    margin: 1px 0;
    padding: 0
}

.ant-menu-submenu-popup {
    position: absolute;
    z-index: 1050;
    background: transparent;
    border-radius: 2px;
    box-shadow: none;
    transform-origin: 0 0
}

.ant-menu-submenu-popup:before {
    position: absolute;
    top: -7px;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    opacity: .0001;
    content: " "
}

.ant-menu-submenu-placement-rightTop:before {
    top: 0;
    left: -7px
}

.ant-menu-submenu > .ant-menu {
    background-color: var(--component-background);
    border-radius: 2px
}

.ant-menu-submenu > .ant-menu-submenu-title:after {
    transition: transform .3s cubic-bezier(.645, .045, .355, 1)
}

.ant-menu-submenu-popup > .ant-menu {
    background-color: var(--menu-popup-bg)
}

.ant-menu-submenu-expand-icon, .ant-menu-submenu-arrow {
    position: absolute;
    top: 50%;
    right: 16px;
    width: 10px;
    color: var(--text-color);
    transform: translateY(-50%);
    transition: transform .3s cubic-bezier(.645, .045, .355, 1)
}

.ant-menu-submenu-arrow:before, .ant-menu-submenu-arrow:after {
    position: absolute;
    width: 6px;
    height: 1.5px;
    background-color: currentcolor;
    border-radius: 2px;
    transition: background .3s cubic-bezier(.645, .045, .355, 1), transform .3s cubic-bezier(.645, .045, .355, 1), top .3s cubic-bezier(.645, .045, .355, 1), color .3s cubic-bezier(.645, .045, .355, 1);
    content: ""
}

.ant-menu-submenu-arrow:before {
    transform: rotate(45deg) translateY(-2.5px)
}

.ant-menu-submenu-arrow:after {
    transform: rotate(-45deg) translateY(2.5px)
}

.ant-menu-submenu:hover > .ant-menu-submenu-title > .ant-menu-submenu-expand-icon, .ant-menu-submenu:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow {
    color: var(--primary-color)
}

.ant-menu-inline-collapsed .ant-menu-submenu-arrow:before, .ant-menu-submenu-inline .ant-menu-submenu-arrow:before {
    transform: rotate(-45deg) translate(2.5px)
}

.ant-menu-inline-collapsed .ant-menu-submenu-arrow:after, .ant-menu-submenu-inline .ant-menu-submenu-arrow:after {
    transform: rotate(45deg) translate(-2.5px)
}

.ant-menu-submenu-horizontal .ant-menu-submenu-arrow {
    display: none
}

.ant-menu-submenu-open.ant-menu-submenu-inline > .ant-menu-submenu-title > .ant-menu-submenu-arrow {
    transform: translateY(-2px)
}

.ant-menu-submenu-open.ant-menu-submenu-inline > .ant-menu-submenu-title > .ant-menu-submenu-arrow:after {
    transform: rotate(-45deg) translate(-2.5px)
}

.ant-menu-submenu-open.ant-menu-submenu-inline > .ant-menu-submenu-title > .ant-menu-submenu-arrow:before {
    transform: rotate(45deg) translate(2.5px)
}

.ant-menu-vertical .ant-menu-submenu-selected, .ant-menu-vertical-left .ant-menu-submenu-selected, .ant-menu-vertical-right .ant-menu-submenu-selected {
    color: var(--primary-color)
}

.ant-menu-horizontal {
    line-height: 46px;
    border: 0;
    border-bottom: 1px solid var(--border-color-split);
    box-shadow: none
}

.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item, .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu {
    margin-top: -1px;
    margin-bottom: 0;
    padding: 0 20px
}

.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item:hover, .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu:hover, .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-active, .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-active, .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-open, .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-open, .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-selected, .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-selected {
    color: var(--primary-color)
}

.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item:hover:after, .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu:hover:after, .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-active:after, .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-active:after, .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-open:after, .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-open:after, .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-selected:after, .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-selected:after {
    border-bottom: 2px solid var(--primary-color)
}

.ant-menu-horizontal > .ant-menu-item, .ant-menu-horizontal > .ant-menu-submenu {
    position: relative;
    top: 1px;
    display: inline-block;
    vertical-align: bottom
}

.ant-menu-horizontal > .ant-menu-item:after, .ant-menu-horizontal > .ant-menu-submenu:after {
    position: absolute;
    right: 20px;
    bottom: 0;
    left: 20px;
    border-bottom: 2px solid transparent;
    transition: border-color .3s cubic-bezier(.645, .045, .355, 1);
    content: ""
}

.ant-menu-horizontal > .ant-menu-submenu > .ant-menu-submenu-title {
    padding: 0
}

.ant-menu-horizontal > .ant-menu-item a {
    color: var(--text-color)
}

.ant-menu-horizontal > .ant-menu-item a:hover {
    color: var(--primary-color)
}

.ant-menu-horizontal > .ant-menu-item a:before {
    bottom: -2px
}

.ant-menu-horizontal > .ant-menu-item-selected a {
    color: var(--primary-color)
}

.ant-menu-horizontal:after {
    display: block;
    clear: both;
    height: 0;
    content: " "
}

.ant-menu-vertical .ant-menu-item, .ant-menu-vertical-left .ant-menu-item, .ant-menu-vertical-right .ant-menu-item, .ant-menu-inline .ant-menu-item {
    position: relative
}

.ant-menu-vertical .ant-menu-item:after, .ant-menu-vertical-left .ant-menu-item:after, .ant-menu-vertical-right .ant-menu-item:after, .ant-menu-inline .ant-menu-item:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    border-right: 3px solid var(--primary-color);
    transform: scaleY(.0001);
    opacity: 0;
    transition: transform .15s cubic-bezier(.215, .61, .355, 1), opacity .15s cubic-bezier(.215, .61, .355, 1);
    content: ""
}

.ant-menu-vertical .ant-menu-item, .ant-menu-vertical-left .ant-menu-item, .ant-menu-vertical-right .ant-menu-item, .ant-menu-inline .ant-menu-item, .ant-menu-vertical .ant-menu-submenu-title, .ant-menu-vertical-left .ant-menu-submenu-title, .ant-menu-vertical-right .ant-menu-submenu-title, .ant-menu-inline .ant-menu-submenu-title {
    height: 40px;
    margin-top: 4px;
    margin-bottom: 4px;
    padding: 0 16px;
    overflow: hidden;
    line-height: 40px;
    text-overflow: ellipsis
}

.ant-menu-vertical .ant-menu-submenu, .ant-menu-vertical-left .ant-menu-submenu, .ant-menu-vertical-right .ant-menu-submenu, .ant-menu-inline .ant-menu-submenu {
    padding-bottom: .02px
}

.ant-menu-vertical .ant-menu-item:not(:last-child), .ant-menu-vertical-left .ant-menu-item:not(:last-child), .ant-menu-vertical-right .ant-menu-item:not(:last-child), .ant-menu-inline .ant-menu-item:not(:last-child) {
    margin-bottom: 8px
}

.ant-menu-vertical > .ant-menu-item, .ant-menu-vertical-left > .ant-menu-item, .ant-menu-vertical-right > .ant-menu-item, .ant-menu-inline > .ant-menu-item, .ant-menu-vertical > .ant-menu-submenu > .ant-menu-submenu-title, .ant-menu-vertical-left > .ant-menu-submenu > .ant-menu-submenu-title, .ant-menu-vertical-right > .ant-menu-submenu > .ant-menu-submenu-title, .ant-menu-inline > .ant-menu-submenu > .ant-menu-submenu-title {
    height: 40px;
    line-height: 40px
}

.ant-menu-vertical .ant-menu-item-group-list .ant-menu-submenu-title, .ant-menu-vertical .ant-menu-submenu-title {
    padding-right: 34px
}

.ant-menu-inline {
    width: 100%
}

.ant-menu-inline .ant-menu-selected:after, .ant-menu-inline .ant-menu-item-selected:after {
    transform: scaleY(1);
    opacity: 1;
    transition: transform .15s cubic-bezier(.645, .045, .355, 1), opacity .15s cubic-bezier(.645, .045, .355, 1)
}

.ant-menu-inline .ant-menu-item, .ant-menu-inline .ant-menu-submenu-title {
    width: calc(100% + 1px)
}

.ant-menu-inline .ant-menu-item-group-list .ant-menu-submenu-title, .ant-menu-inline .ant-menu-submenu-title {
    padding-right: 34px
}

.ant-menu-inline.ant-menu-root .ant-menu-item, .ant-menu-inline.ant-menu-root .ant-menu-submenu-title {
    display: flex;
    align-items: center;
    transition: border-color .3s, background .3s, padding .1s cubic-bezier(.215, .61, .355, 1)
}

.ant-menu-inline.ant-menu-root .ant-menu-item > .ant-menu-title-content, .ant-menu-inline.ant-menu-root .ant-menu-submenu-title > .ant-menu-title-content {
    flex: auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis
}

.ant-menu-inline.ant-menu-root .ant-menu-item > *, .ant-menu-inline.ant-menu-root .ant-menu-submenu-title > * {
    flex: none
}

.ant-menu.ant-menu-inline-collapsed {
    width: 80px
}

.ant-menu.ant-menu-inline-collapsed > .ant-menu-item, .ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item, .ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title, .ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title {
    left: 0;
    padding: 0 calc(50% - 8px);
    text-overflow: clip
}

.ant-menu.ant-menu-inline-collapsed > .ant-menu-item .ant-menu-submenu-arrow, .ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .ant-menu-submenu-arrow, .ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-submenu-arrow, .ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-submenu-arrow {
    opacity: 0
}

.ant-menu.ant-menu-inline-collapsed > .ant-menu-item .ant-menu-item-icon, .ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .ant-menu-item-icon, .ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-item-icon, .ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-item-icon, .ant-menu.ant-menu-inline-collapsed > .ant-menu-item .anticon, .ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .anticon, .ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .anticon, .ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .anticon {
    margin: 0;
    font-size: 16px;
    line-height: 40px
}

.ant-menu.ant-menu-inline-collapsed > .ant-menu-item .ant-menu-item-icon + span, .ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .ant-menu-item-icon + span, .ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-item-icon + span, .ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-item-icon + span, .ant-menu.ant-menu-inline-collapsed > .ant-menu-item .anticon + span, .ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .anticon + span, .ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .anticon + span, .ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .anticon + span {
    display: inline-block;
    opacity: 0
}

.ant-menu.ant-menu-inline-collapsed .ant-menu-item-icon, .ant-menu.ant-menu-inline-collapsed .anticon {
    display: inline-block
}

.ant-menu.ant-menu-inline-collapsed-tooltip {
    pointer-events: none
}

.ant-menu.ant-menu-inline-collapsed-tooltip .ant-menu-item-icon, .ant-menu.ant-menu-inline-collapsed-tooltip .anticon {
    display: none
}

.ant-menu.ant-menu-inline-collapsed-tooltip a {
    color: rgba(255, 255, 255, .85)
}

.ant-menu.ant-menu-inline-collapsed .ant-menu-item-group-title {
    padding-right: 4px;
    padding-left: 4px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.ant-menu-item-group-list {
    margin: 0;
    padding: 0
}

.ant-menu-item-group-list .ant-menu-item, .ant-menu-item-group-list .ant-menu-submenu-title {
    padding: 0 16px 0 28px
}

.ant-menu-root.ant-menu-vertical, .ant-menu-root.ant-menu-vertical-left, .ant-menu-root.ant-menu-vertical-right, .ant-menu-root.ant-menu-inline {
    box-shadow: none
}

.ant-menu-root.ant-menu-inline-collapsed .ant-menu-item > .ant-menu-inline-collapsed-noicon, .ant-menu-root.ant-menu-inline-collapsed .ant-menu-submenu .ant-menu-submenu-title > .ant-menu-inline-collapsed-noicon {
    font-size: 16px;
    text-align: center
}

.ant-menu-sub.ant-menu-inline {
    padding: 0;
    background: var(--background-color-light);
    border: 0;
    border-radius: 0;
    box-shadow: none
}

.ant-menu-sub.ant-menu-inline > .ant-menu-item, .ant-menu-sub.ant-menu-inline > .ant-menu-submenu > .ant-menu-submenu-title {
    height: 40px;
    line-height: 40px;
    list-style-position: inside;
    list-style-type: disc
}

.ant-menu-sub.ant-menu-inline .ant-menu-item-group-title {
    padding-left: 32px
}

.ant-menu-item-disabled, .ant-menu-submenu-disabled {
    color: var(--disabled-color) !important;
    background: none;
    cursor: not-allowed
}

.ant-menu-item-disabled:after, .ant-menu-submenu-disabled:after {
    border-color: transparent !important
}

.ant-menu-item-disabled a, .ant-menu-submenu-disabled a {
    color: var(--disabled-color) !important;
    pointer-events: none
}

.ant-menu-item-disabled > .ant-menu-submenu-title, .ant-menu-submenu-disabled > .ant-menu-submenu-title {
    color: var(--disabled-color) !important;
    cursor: not-allowed
}

.ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow:before, .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow:before, .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow:after, .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow:after {
    background: var(--disabled-color) !important
}

.ant-layout-header .ant-menu {
    line-height: inherit
}

.ant-menu-inline-collapsed-tooltip a, .ant-menu-inline-collapsed-tooltip a:hover {
    color: #fff
}

.ant-menu-light .ant-menu-item:hover, .ant-menu-light .ant-menu-item-active, .ant-menu-light .ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open, .ant-menu-light .ant-menu-submenu-active, .ant-menu-light .ant-menu-submenu-title:hover {
    color: var(--primary-color)
}

.ant-menu.ant-menu-root:focus-visible {
    box-shadow: 0 0 0 2px var(--primary-7)
}

.ant-menu-dark .ant-menu-item:focus-visible, .ant-menu-dark .ant-menu-submenu-title:focus-visible {
    box-shadow: 0 0 0 2px var(--primary-7)
}

.ant-menu.ant-menu-dark, .ant-menu-dark .ant-menu-sub, .ant-menu.ant-menu-dark .ant-menu-sub {
    color: rgba(255, 255, 255, .65);
    background: var(--menu-dark-bg)
}

.ant-menu.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow, .ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow, .ant-menu.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow {
    opacity: .45;
    transition: all .3s
}

.ant-menu.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow:after, .ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow:after, .ant-menu.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow:after, .ant-menu.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow:before, .ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow:before, .ant-menu.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow:before {
    background: #fff
}

.ant-menu-dark.ant-menu-submenu-popup {
    background: transparent
}

.ant-menu-dark .ant-menu-inline.ant-menu-sub {
    background: var(--menu-dark-inline-submenu-bg)
}

.ant-menu-dark.ant-menu-horizontal {
    border-bottom: 0
}

.ant-menu-dark.ant-menu-horizontal > .ant-menu-item, .ant-menu-dark.ant-menu-horizontal > .ant-menu-submenu {
    top: 0;
    margin-top: 0;
    padding: 0 20px;
    border-color: var(--menu-dark-bg);
    border-bottom: 0
}

.ant-menu-dark.ant-menu-horizontal > .ant-menu-item:hover {
    background-color: var(--primary-color)
}

.ant-menu-dark.ant-menu-horizontal > .ant-menu-item > a:before {
    bottom: 0
}

.ant-menu-dark .ant-menu-item, .ant-menu-dark .ant-menu-item-group-title, .ant-menu-dark .ant-menu-item > a, .ant-menu-dark .ant-menu-item > span > a {
    color: rgba(255, 255, 255, .65)
}

.ant-menu-dark.ant-menu-inline, .ant-menu-dark.ant-menu-vertical, .ant-menu-dark.ant-menu-vertical-left, .ant-menu-dark.ant-menu-vertical-right {
    border-right: 0
}

.ant-menu-dark.ant-menu-inline .ant-menu-item, .ant-menu-dark.ant-menu-vertical .ant-menu-item, .ant-menu-dark.ant-menu-vertical-left .ant-menu-item, .ant-menu-dark.ant-menu-vertical-right .ant-menu-item {
    left: 0;
    margin-left: 0;
    border-right: 0
}

.ant-menu-dark.ant-menu-inline .ant-menu-item:after, .ant-menu-dark.ant-menu-vertical .ant-menu-item:after, .ant-menu-dark.ant-menu-vertical-left .ant-menu-item:after, .ant-menu-dark.ant-menu-vertical-right .ant-menu-item:after {
    border-right: 0
}

.ant-menu-dark.ant-menu-inline .ant-menu-item, .ant-menu-dark.ant-menu-inline .ant-menu-submenu-title {
    width: 100%
}

.ant-menu-dark .ant-menu-item:hover, .ant-menu-dark .ant-menu-item-active, .ant-menu-dark .ant-menu-submenu-active, .ant-menu-dark .ant-menu-submenu-open, .ant-menu-dark .ant-menu-submenu-selected, .ant-menu-dark .ant-menu-submenu-title:hover {
    color: #fff;
    background-color: transparent
}

.ant-menu-dark .ant-menu-item:hover > a, .ant-menu-dark .ant-menu-item-active > a, .ant-menu-dark .ant-menu-submenu-active > a, .ant-menu-dark .ant-menu-submenu-open > a, .ant-menu-dark .ant-menu-submenu-selected > a, .ant-menu-dark .ant-menu-submenu-title:hover > a, .ant-menu-dark .ant-menu-item:hover > span > a, .ant-menu-dark .ant-menu-item-active > span > a, .ant-menu-dark .ant-menu-submenu-active > span > a, .ant-menu-dark .ant-menu-submenu-open > span > a, .ant-menu-dark .ant-menu-submenu-selected > span > a, .ant-menu-dark .ant-menu-submenu-title:hover > span > a {
    color: #fff
}

.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow, .ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow, .ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow, .ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow, .ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow, .ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow {
    opacity: 1
}

.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow:after, .ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow:after, .ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow:after, .ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow:after, .ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow:after, .ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow:after, .ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow:before, .ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow:before, .ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow:before, .ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow:before, .ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow:before, .ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow:before {
    background: #fff
}

.ant-menu-dark .ant-menu-item:hover {
    background-color: transparent
}

.ant-menu-dark.ant-menu-dark:not(.ant-menu-horizontal) .ant-menu-item-selected {
    background-color: var(--primary-color)
}

.ant-menu-dark .ant-menu-item-selected {
    color: #fff;
    border-right: 0
}

.ant-menu-dark .ant-menu-item-selected:after {
    border-right: 0
}

.ant-menu-dark .ant-menu-item-selected > a, .ant-menu-dark .ant-menu-item-selected > span > a, .ant-menu-dark .ant-menu-item-selected > a:hover, .ant-menu-dark .ant-menu-item-selected > span > a:hover {
    color: #fff
}

.ant-menu-dark .ant-menu-item-selected .ant-menu-item-icon, .ant-menu-dark .ant-menu-item-selected .anticon {
    color: #fff
}

.ant-menu-dark .ant-menu-item-selected .ant-menu-item-icon + span, .ant-menu-dark .ant-menu-item-selected .anticon + span {
    color: #fff
}

.ant-menu.ant-menu-dark .ant-menu-item-selected, .ant-menu-submenu-popup.ant-menu-dark .ant-menu-item-selected {
    background-color: var(--primary-color)
}

.ant-menu-dark .ant-menu-item-disabled, .ant-menu-dark .ant-menu-submenu-disabled, .ant-menu-dark .ant-menu-item-disabled > a, .ant-menu-dark .ant-menu-submenu-disabled > a, .ant-menu-dark .ant-menu-item-disabled > span > a, .ant-menu-dark .ant-menu-submenu-disabled > span > a {
    color: var(--disabled-color-dark) !important;
    opacity: .8
}

.ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title, .ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title {
    color: var(--disabled-color-dark) !important
}

.ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow:before, .ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow:before, .ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow:after, .ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow:after {
    background: var(--disabled-color-dark) !important
}

.ant-menu.ant-menu-rtl {
    direction: rtl;
    text-align: right
}

.ant-menu-rtl .ant-menu-item-group-title {
    text-align: right
}

.ant-menu-rtl.ant-menu-inline, .ant-menu-rtl.ant-menu-vertical {
    border-right: none;
    border-left: 1px solid var(--border-color-split)
}

.ant-menu-rtl.ant-menu-dark.ant-menu-inline, .ant-menu-rtl.ant-menu-dark.ant-menu-vertical {
    border-left: none
}

.ant-menu-rtl.ant-menu-vertical.ant-menu-sub > .ant-menu-item, .ant-menu-rtl.ant-menu-vertical-left.ant-menu-sub > .ant-menu-item, .ant-menu-rtl.ant-menu-vertical-right.ant-menu-sub > .ant-menu-item, .ant-menu-rtl.ant-menu-vertical.ant-menu-sub > .ant-menu-submenu, .ant-menu-rtl.ant-menu-vertical-left.ant-menu-sub > .ant-menu-submenu, .ant-menu-rtl.ant-menu-vertical-right.ant-menu-sub > .ant-menu-submenu {
    transform-origin: top right
}

.ant-menu-rtl .ant-menu-item .ant-menu-item-icon, .ant-menu-rtl .ant-menu-submenu-title .ant-menu-item-icon, .ant-menu-rtl .ant-menu-item .anticon, .ant-menu-rtl .ant-menu-submenu-title .anticon {
    margin-right: auto;
    margin-left: 10px
}

.ant-menu-rtl .ant-menu-item.ant-menu-item-only-child > .ant-menu-item-icon, .ant-menu-rtl .ant-menu-submenu-title.ant-menu-item-only-child > .ant-menu-item-icon, .ant-menu-rtl .ant-menu-item.ant-menu-item-only-child > .anticon, .ant-menu-rtl .ant-menu-submenu-title.ant-menu-item-only-child > .anticon {
    margin-left: 0
}

.ant-menu-submenu-rtl.ant-menu-submenu-popup {
    transform-origin: 100% 0
}

.ant-menu-rtl .ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow, .ant-menu-rtl .ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow, .ant-menu-rtl .ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow, .ant-menu-rtl .ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow {
    right: auto;
    left: 16px
}

.ant-menu-rtl .ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow:before, .ant-menu-rtl .ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow:before, .ant-menu-rtl .ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow:before {
    transform: rotate(-45deg) translateY(-2px)
}

.ant-menu-rtl .ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow:after, .ant-menu-rtl .ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow:after, .ant-menu-rtl .ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow:after {
    transform: rotate(45deg) translateY(2px)
}

.ant-menu-rtl.ant-menu-vertical .ant-menu-item:after, .ant-menu-rtl.ant-menu-vertical-left .ant-menu-item:after, .ant-menu-rtl.ant-menu-vertical-right .ant-menu-item:after, .ant-menu-rtl.ant-menu-inline .ant-menu-item:after {
    right: auto;
    left: 0
}

.ant-menu-rtl.ant-menu-vertical .ant-menu-item, .ant-menu-rtl.ant-menu-vertical-left .ant-menu-item, .ant-menu-rtl.ant-menu-vertical-right .ant-menu-item, .ant-menu-rtl.ant-menu-inline .ant-menu-item, .ant-menu-rtl.ant-menu-vertical .ant-menu-submenu-title, .ant-menu-rtl.ant-menu-vertical-left .ant-menu-submenu-title, .ant-menu-rtl.ant-menu-vertical-right .ant-menu-submenu-title, .ant-menu-rtl.ant-menu-inline .ant-menu-submenu-title {
    text-align: right
}

.ant-menu-rtl.ant-menu-inline .ant-menu-submenu-title {
    padding-right: 0;
    padding-left: 34px
}

.ant-menu-rtl.ant-menu-vertical .ant-menu-submenu-title {
    padding-right: 16px;
    padding-left: 34px
}

.ant-menu-rtl.ant-menu-inline-collapsed.ant-menu-vertical .ant-menu-submenu-title {
    padding: 0 calc(50% - 8px)
}

.ant-menu-rtl .ant-menu-item-group-list .ant-menu-item, .ant-menu-rtl .ant-menu-item-group-list .ant-menu-submenu-title {
    padding: 0 28px 0 16px
}

.ant-menu-sub.ant-menu-inline {
    border: 0
}

.ant-menu-rtl.ant-menu-sub.ant-menu-inline .ant-menu-item-group-title {
    padding-right: 32px;
    padding-left: 0
}

.ant-tooltip {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: var(--text-color);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: absolute;
    z-index: 1070;
    display: block;
    width: max-content;
    max-width: 250px;
    visibility: visible
}

.ant-tooltip-hidden {
    display: none
}

.ant-tooltip-placement-top, .ant-tooltip-placement-topLeft, .ant-tooltip-placement-topRight {
    padding-bottom: 8px
}

.ant-tooltip-placement-right, .ant-tooltip-placement-rightTop, .ant-tooltip-placement-rightBottom {
    padding-left: 8px
}

.ant-tooltip-placement-bottom, .ant-tooltip-placement-bottomLeft, .ant-tooltip-placement-bottomRight {
    padding-top: 8px
}

.ant-tooltip-placement-left, .ant-tooltip-placement-leftTop, .ant-tooltip-placement-leftBottom {
    padding-right: 8px
}

.ant-tooltip-inner {
    min-width: 30px;
    min-height: 32px;
    padding: 6px 8px;
    color: #fff;
    text-align: left;
    text-decoration: none;
    word-wrap: break-word;
    background-color: var(--tooltip-bg);
    border-radius: 2px;
    box-shadow: var(--box-shadow-base)
}

.ant-tooltip-arrow {
    position: absolute;
    display: block;
    width: 13.07106781px;
    height: 13.07106781px;
    overflow: hidden;
    background: transparent;
    pointer-events: none
}

.ant-tooltip-arrow-content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 5px;
    height: 5px;
    margin: auto;
    background-color: var(--tooltip-bg);
    content: "";
    pointer-events: auto
}

.ant-tooltip-placement-top .ant-tooltip-arrow, .ant-tooltip-placement-topLeft .ant-tooltip-arrow, .ant-tooltip-placement-topRight .ant-tooltip-arrow {
    bottom: -5.07106781px
}

.ant-tooltip-placement-top .ant-tooltip-arrow-content, .ant-tooltip-placement-topLeft .ant-tooltip-arrow-content, .ant-tooltip-placement-topRight .ant-tooltip-arrow-content {
    box-shadow: 3px 3px 7px rgba(0, 0, 0, .07);
    transform: translateY(-6.53553391px) rotate(45deg)
}

.ant-tooltip-placement-top .ant-tooltip-arrow {
    left: 50%;
    transform: translate(-50%)
}

.ant-tooltip-placement-topLeft .ant-tooltip-arrow {
    left: 13px
}

.ant-tooltip-placement-topRight .ant-tooltip-arrow {
    right: 13px
}

.ant-tooltip-placement-right .ant-tooltip-arrow, .ant-tooltip-placement-rightTop .ant-tooltip-arrow, .ant-tooltip-placement-rightBottom .ant-tooltip-arrow {
    left: -5.07106781px
}

.ant-tooltip-placement-right .ant-tooltip-arrow-content, .ant-tooltip-placement-rightTop .ant-tooltip-arrow-content, .ant-tooltip-placement-rightBottom .ant-tooltip-arrow-content {
    box-shadow: -3px 3px 7px rgba(0, 0, 0, .07);
    transform: translate(6.53553391px) rotate(45deg)
}

.ant-tooltip-placement-right .ant-tooltip-arrow {
    top: 50%;
    transform: translateY(-50%)
}

.ant-tooltip-placement-rightTop .ant-tooltip-arrow {
    top: 5px
}

.ant-tooltip-placement-rightBottom .ant-tooltip-arrow {
    bottom: 5px
}

.ant-tooltip-placement-left .ant-tooltip-arrow, .ant-tooltip-placement-leftTop .ant-tooltip-arrow, .ant-tooltip-placement-leftBottom .ant-tooltip-arrow {
    right: -5.07106781px
}

.ant-tooltip-placement-left .ant-tooltip-arrow-content, .ant-tooltip-placement-leftTop .ant-tooltip-arrow-content, .ant-tooltip-placement-leftBottom .ant-tooltip-arrow-content {
    box-shadow: 3px -3px 7px rgba(0, 0, 0, .07);
    transform: translate(-6.53553391px) rotate(45deg)
}

.ant-tooltip-placement-left .ant-tooltip-arrow {
    top: 50%;
    transform: translateY(-50%)
}

.ant-tooltip-placement-leftTop .ant-tooltip-arrow {
    top: 5px
}

.ant-tooltip-placement-leftBottom .ant-tooltip-arrow {
    bottom: 5px
}

.ant-tooltip-placement-bottom .ant-tooltip-arrow, .ant-tooltip-placement-bottomLeft .ant-tooltip-arrow, .ant-tooltip-placement-bottomRight .ant-tooltip-arrow {
    top: -5.07106781px
}

.ant-tooltip-placement-bottom .ant-tooltip-arrow-content, .ant-tooltip-placement-bottomLeft .ant-tooltip-arrow-content, .ant-tooltip-placement-bottomRight .ant-tooltip-arrow-content {
    box-shadow: -3px -3px 7px rgba(0, 0, 0, .07);
    transform: translateY(6.53553391px) rotate(45deg)
}

.ant-tooltip-placement-bottom .ant-tooltip-arrow {
    left: 50%;
    transform: translate(-50%)
}

.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow {
    left: 13px
}

.ant-tooltip-placement-bottomRight .ant-tooltip-arrow {
    right: 13px
}

.ant-tooltip-pink .ant-tooltip-inner, .ant-tooltip-pink .ant-tooltip-arrow-content {
    background-color: var(--pink-6)
}

.ant-tooltip-magenta .ant-tooltip-inner, .ant-tooltip-magenta .ant-tooltip-arrow-content {
    background-color: #eb2f96
}

.ant-tooltip-red .ant-tooltip-inner, .ant-tooltip-red .ant-tooltip-arrow-content {
    background-color: var(--red-6)
}

.ant-tooltip-volcano .ant-tooltip-inner, .ant-tooltip-volcano .ant-tooltip-arrow-content {
    background-color: #fa541c
}

.ant-tooltip-orange .ant-tooltip-inner, .ant-tooltip-orange .ant-tooltip-arrow-content {
    background-color: var(--orange-6)
}

.ant-tooltip-yellow .ant-tooltip-inner, .ant-tooltip-yellow .ant-tooltip-arrow-content {
    background-color: #fadb14
}

.ant-tooltip-gold .ant-tooltip-inner, .ant-tooltip-gold .ant-tooltip-arrow-content {
    background-color: var(--gold-6)
}

.ant-tooltip-cyan .ant-tooltip-inner, .ant-tooltip-cyan .ant-tooltip-arrow-content {
    background-color: var(--cyan-6)
}

.ant-tooltip-lime .ant-tooltip-inner, .ant-tooltip-lime .ant-tooltip-arrow-content {
    background-color: #a0d911
}

.ant-tooltip-green .ant-tooltip-inner, .ant-tooltip-green .ant-tooltip-arrow-content {
    background-color: var(--green-6)
}

.ant-tooltip-blue .ant-tooltip-inner, .ant-tooltip-blue .ant-tooltip-arrow-content {
    background-color: var(--blue-6)
}

.ant-tooltip-geekblue .ant-tooltip-inner, .ant-tooltip-geekblue .ant-tooltip-arrow-content {
    background-color: #2f54eb
}

.ant-tooltip-purple .ant-tooltip-inner, .ant-tooltip-purple .ant-tooltip-arrow-content {
    background-color: var(--purple-6)
}

.ant-tooltip-rtl {
    direction: rtl
}

.ant-tooltip-rtl .ant-tooltip-inner {
    text-align: right
}

.ant-dropdown-menu-item.ant-dropdown-menu-item-danger {
    color: var(--error-color)
}

.ant-dropdown-menu-item.ant-dropdown-menu-item-danger:hover {
    color: var(--text-color-inverse);
    background-color: var(--error-color)
}

.ant-dropdown {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: var(--text-color);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: absolute;
    top: -9999px;
    left: -9999px;
    z-index: 1050;
    display: block
}

.ant-dropdown:before {
    position: absolute;
    top: -4px;
    right: 0;
    bottom: -4px;
    left: -7px;
    z-index: -9999;
    opacity: .0001;
    content: " "
}

.ant-dropdown-wrap {
    position: relative
}

.ant-dropdown-wrap .ant-btn > .anticon-down {
    font-size: 10px
}

.ant-dropdown-wrap .anticon-down:before {
    transition: transform .2s
}

.ant-dropdown-wrap-open .anticon-down:before {
    transform: rotate(180deg)
}

.ant-dropdown-hidden, .ant-dropdown-menu-hidden, .ant-dropdown-menu-submenu-hidden {
    display: none
}

.ant-dropdown-show-arrow.ant-dropdown-placement-topCenter, .ant-dropdown-show-arrow.ant-dropdown-placement-topLeft, .ant-dropdown-show-arrow.ant-dropdown-placement-topRight {
    padding-bottom: 10px
}

.ant-dropdown-show-arrow.ant-dropdown-placement-bottomCenter, .ant-dropdown-show-arrow.ant-dropdown-placement-bottomLeft, .ant-dropdown-show-arrow.ant-dropdown-placement-bottomRight {
    padding-top: 10px
}

.ant-dropdown-arrow {
    position: absolute;
    z-index: 1;
    display: block;
    width: 8.48528137px;
    height: 8.48528137px;
    background: transparent;
    border-style: solid;
    border-width: 4.24264069px;
    transform: rotate(45deg)
}

.ant-dropdown-placement-topCenter > .ant-dropdown-arrow, .ant-dropdown-placement-topLeft > .ant-dropdown-arrow, .ant-dropdown-placement-topRight > .ant-dropdown-arrow {
    bottom: 6.2px;
    border-color: transparent var(--popover-bg) var(--popover-bg) transparent;
    box-shadow: 3px 3px 7px rgba(0, 0, 0, .07)
}

.ant-dropdown-placement-topCenter > .ant-dropdown-arrow {
    left: 50%;
    transform: translate(-50%) rotate(45deg)
}

.ant-dropdown-placement-topLeft > .ant-dropdown-arrow {
    left: 16px
}

.ant-dropdown-placement-topRight > .ant-dropdown-arrow {
    right: 16px
}

.ant-dropdown-placement-bottomCenter > .ant-dropdown-arrow, .ant-dropdown-placement-bottomLeft > .ant-dropdown-arrow, .ant-dropdown-placement-bottomRight > .ant-dropdown-arrow {
    top: 6px;
    border-color: var(--popover-bg) transparent transparent var(--popover-bg);
    box-shadow: -2px -2px 5px rgba(0, 0, 0, .06)
}

.ant-dropdown-placement-bottomCenter > .ant-dropdown-arrow {
    left: 50%;
    transform: translate(-50%) rotate(45deg)
}

.ant-dropdown-placement-bottomLeft > .ant-dropdown-arrow {
    left: 16px
}

.ant-dropdown-placement-bottomRight > .ant-dropdown-arrow {
    right: 16px
}

.ant-dropdown-menu {
    position: relative;
    margin: 0;
    padding: 4px 0;
    text-align: left;
    list-style-type: none;
    background-color: var(--dropdown-menu-bg);
    background-clip: padding-box;
    border-radius: 2px;
    outline: none;
    box-shadow: var(--box-shadow-base)
}

.ant-dropdown-menu-item-group-title {
    padding: 5px 12px;
    color: var(--text-color-secondary);
    transition: all .3s
}

.ant-dropdown-menu-submenu-popup {
    position: absolute;
    z-index: 1050;
    background: transparent;
    box-shadow: none;
    transform-origin: 0 0
}

.ant-dropdown-menu-submenu-popup ul, .ant-dropdown-menu-submenu-popup li {
    list-style: none
}

.ant-dropdown-menu-submenu-popup ul {
    margin-right: .3em;
    margin-left: .3em
}

.ant-dropdown-menu-item {
    position: relative;
    display: flex;
    align-items: center
}

.ant-dropdown-menu-item-icon {
    min-width: 12px;
    margin-right: 8px;
    font-size: 12px
}

.ant-dropdown-menu-title-content {
    flex: auto;
    white-space: nowrap
}

.ant-dropdown-menu-title-content > a {
    color: inherit;
    transition: all .3s
}

.ant-dropdown-menu-title-content > a:hover {
    color: inherit
}

.ant-dropdown-menu-title-content > a:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: ""
}

.ant-dropdown-menu-item, .ant-dropdown-menu-submenu-title {
    clear: both;
    margin: 0;
    padding: 5px 12px;
    color: var(--text-color);
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    cursor: pointer;
    transition: all .3s
}

.ant-dropdown-menu-item-selected, .ant-dropdown-menu-submenu-title-selected {
    color: var(--primary-color);
    background-color: var(--primary-1)
}

.ant-dropdown-menu-item:hover, .ant-dropdown-menu-submenu-title:hover {
    background-color: var(--item-hover-bg)
}

.ant-dropdown-menu-item-disabled, .ant-dropdown-menu-submenu-title-disabled {
    color: var(--disabled-color);
    cursor: not-allowed
}

.ant-dropdown-menu-item-disabled:hover, .ant-dropdown-menu-submenu-title-disabled:hover {
    color: var(--disabled-color);
    background-color: var(--dropdown-menu-submenu-disabled-bg);
    cursor: not-allowed
}

.ant-dropdown-menu-item-disabled a, .ant-dropdown-menu-submenu-title-disabled a {
    pointer-events: none
}

.ant-dropdown-menu-item-divider, .ant-dropdown-menu-submenu-title-divider {
    height: 1px;
    margin: 4px 0;
    overflow: hidden;
    line-height: 0;
    background-color: var(--border-color-split)
}

.ant-dropdown-menu-item .ant-dropdown-menu-submenu-expand-icon, .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-expand-icon {
    position: absolute;
    right: 8px
}

.ant-dropdown-menu-item .ant-dropdown-menu-submenu-expand-icon .ant-dropdown-menu-submenu-arrow-icon, .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-expand-icon .ant-dropdown-menu-submenu-arrow-icon {
    margin-right: 0 !important;
    color: var(--text-color-secondary);
    font-size: 10px;
    font-style: normal
}

.ant-dropdown-menu-item-group-list {
    margin: 0 8px;
    padding: 0;
    list-style: none
}

.ant-dropdown-menu-submenu-title {
    padding-right: 24px
}

.ant-dropdown-menu-submenu-vertical {
    position: relative
}

.ant-dropdown-menu-submenu-vertical > .ant-dropdown-menu {
    position: absolute;
    top: 0;
    left: 100%;
    min-width: 100%;
    margin-left: 4px;
    transform-origin: 0 0
}

.ant-dropdown-menu-submenu.ant-dropdown-menu-submenu-disabled .ant-dropdown-menu-submenu-title, .ant-dropdown-menu-submenu.ant-dropdown-menu-submenu-disabled .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow-icon {
    color: var(--disabled-color);
    background-color: var(--dropdown-menu-submenu-disabled-bg);
    cursor: not-allowed
}

.ant-dropdown-menu-submenu-selected .ant-dropdown-menu-submenu-title {
    color: var(--primary-color)
}

.ant-dropdown.ant-slide-down-enter.ant-slide-down-enter-active.ant-dropdown-placement-bottomLeft, .ant-dropdown.ant-slide-down-appear.ant-slide-down-appear-active.ant-dropdown-placement-bottomLeft, .ant-dropdown.ant-slide-down-enter.ant-slide-down-enter-active.ant-dropdown-placement-bottomCenter, .ant-dropdown.ant-slide-down-appear.ant-slide-down-appear-active.ant-dropdown-placement-bottomCenter, .ant-dropdown.ant-slide-down-enter.ant-slide-down-enter-active.ant-dropdown-placement-bottomRight, .ant-dropdown.ant-slide-down-appear.ant-slide-down-appear-active.ant-dropdown-placement-bottomRight {
    animation-name: antSlideUpIn
}

.ant-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-dropdown-placement-topLeft, .ant-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-dropdown-placement-topLeft, .ant-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-dropdown-placement-topCenter, .ant-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-dropdown-placement-topCenter, .ant-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-dropdown-placement-topRight, .ant-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-dropdown-placement-topRight {
    animation-name: antSlideDownIn
}

.ant-dropdown.ant-slide-down-leave.ant-slide-down-leave-active.ant-dropdown-placement-bottomLeft, .ant-dropdown.ant-slide-down-leave.ant-slide-down-leave-active.ant-dropdown-placement-bottomCenter, .ant-dropdown.ant-slide-down-leave.ant-slide-down-leave-active.ant-dropdown-placement-bottomRight {
    animation-name: antSlideUpOut
}

.ant-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-dropdown-placement-topLeft, .ant-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-dropdown-placement-topCenter, .ant-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-dropdown-placement-topRight {
    animation-name: antSlideDownOut
}

.ant-dropdown-trigger > .anticon.anticon-down, .ant-dropdown-link > .anticon.anticon-down, .ant-dropdown-button > .anticon.anticon-down {
    font-size: 10px;
    vertical-align: baseline
}

.ant-dropdown-button {
    white-space: nowrap
}

.ant-dropdown-button.ant-btn-group > .ant-btn-loading, .ant-dropdown-button.ant-btn-group > .ant-btn-loading + .ant-btn {
    cursor: default;
    pointer-events: none
}

.ant-dropdown-button.ant-btn-group > .ant-btn-loading + .ant-btn:before {
    display: block
}

.ant-dropdown-button.ant-btn-group > .ant-btn:last-child:not(:first-child):not(.ant-btn-icon-only) {
    padding-right: 8px;
    padding-left: 8px
}

.ant-dropdown-menu-dark, .ant-dropdown-menu-dark .ant-dropdown-menu {
    background: var(--menu-dark-bg)
}

.ant-dropdown-menu-dark .ant-dropdown-menu-item, .ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title, .ant-dropdown-menu-dark .ant-dropdown-menu-item > a, .ant-dropdown-menu-dark .ant-dropdown-menu-item > .anticon + span > a {
    color: rgba(255, 255, 255, .65)
}

.ant-dropdown-menu-dark .ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow:after, .ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow:after, .ant-dropdown-menu-dark .ant-dropdown-menu-item > a .ant-dropdown-menu-submenu-arrow:after, .ant-dropdown-menu-dark .ant-dropdown-menu-item > .anticon + span > a .ant-dropdown-menu-submenu-arrow:after {
    color: rgba(255, 255, 255, .65)
}

.ant-dropdown-menu-dark .ant-dropdown-menu-item:hover, .ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title:hover, .ant-dropdown-menu-dark .ant-dropdown-menu-item > a:hover, .ant-dropdown-menu-dark .ant-dropdown-menu-item > .anticon + span > a:hover {
    color: var(--text-color-inverse);
    background: transparent
}

.ant-dropdown-menu-dark .ant-dropdown-menu-item-selected, .ant-dropdown-menu-dark .ant-dropdown-menu-item-selected:hover, .ant-dropdown-menu-dark .ant-dropdown-menu-item-selected > a {
    color: var(--text-color-inverse);
    background: var(--primary-color)
}

.ant-dropdown-rtl {
    direction: rtl
}

.ant-dropdown-rtl.ant-dropdown:before {
    right: -7px;
    left: 0
}

.ant-dropdown-menu.ant-dropdown-menu-rtl, .ant-dropdown-rtl .ant-dropdown-menu-item-group-title, .ant-dropdown-menu-submenu-rtl .ant-dropdown-menu-item-group-title {
    direction: rtl;
    text-align: right
}

.ant-dropdown-menu-submenu-popup.ant-dropdown-menu-submenu-rtl {
    transform-origin: 100% 0
}

.ant-dropdown-rtl .ant-dropdown-menu-submenu-popup ul, .ant-dropdown-rtl .ant-dropdown-menu-submenu-popup li, .ant-dropdown-rtl .ant-dropdown-menu-item, .ant-dropdown-rtl .ant-dropdown-menu-submenu-title {
    text-align: right
}

.ant-dropdown-rtl .ant-dropdown-menu-item > .anticon:first-child, .ant-dropdown-rtl .ant-dropdown-menu-submenu-title > .anticon:first-child, .ant-dropdown-rtl .ant-dropdown-menu-item > span > .anticon:first-child, .ant-dropdown-rtl .ant-dropdown-menu-submenu-title > span > .anticon:first-child {
    margin-right: 0;
    margin-left: 8px
}

.ant-dropdown-rtl .ant-dropdown-menu-item .ant-dropdown-menu-submenu-expand-icon, .ant-dropdown-rtl .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-expand-icon {
    right: auto;
    left: 8px
}

.ant-dropdown-rtl .ant-dropdown-menu-item .ant-dropdown-menu-submenu-expand-icon .ant-dropdown-menu-submenu-arrow-icon, .ant-dropdown-rtl .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-expand-icon .ant-dropdown-menu-submenu-arrow-icon {
    margin-left: 0 !important;
    transform: scaleX(-1)
}

.ant-dropdown-rtl .ant-dropdown-menu-submenu-title {
    padding-right: 12px;
    padding-left: 24px
}

.ant-dropdown-rtl .ant-dropdown-menu-submenu-vertical > .ant-dropdown-menu {
    right: 100%;
    left: 0;
    margin-right: 4px;
    margin-left: 0
}

.ant-btn {
    line-height: 1.5715;
    position: relative;
    display: inline-block;
    font-weight: 400;
    white-space: nowrap;
    text-align: center;
    background-image: none;
    border: 1px solid transparent;
    box-shadow: var(--btn-shadow);
    cursor: pointer;
    transition: all .3s cubic-bezier(.645, .045, .355, 1);
    user-select: none;
    touch-action: manipulation;
    height: 32px;
    padding: 4px 15px;
    font-size: 14px;
    border-radius: 2px;
    color: var(--text-color);
    border-color: var(--border-color-base);
    background: var(--btn-default-bg)
}

.ant-btn > .anticon {
    line-height: 1
}

.ant-btn, .ant-btn:active, .ant-btn:focus {
    outline: 0
}

.ant-btn:not([disabled]):hover {
    text-decoration: none
}

.ant-btn:not([disabled]):active {
    outline: 0;
    box-shadow: none
}

.ant-btn[disabled] {
    cursor: not-allowed
}

.ant-btn[disabled] > * {
    pointer-events: none
}

.ant-btn-lg {
    height: 40px;
    padding: 6.4px 15px;
    font-size: 16px;
    border-radius: 2px
}

.ant-btn-sm {
    height: 24px;
    padding: 0 7px;
    font-size: 14px;
    border-radius: 2px
}

.ant-btn > a:only-child {
    color: currentcolor
}

.ant-btn > a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.ant-btn:hover, .ant-btn:focus {
    color: var(--primary-5);
    border-color: var(--primary-5);
    background: var(--btn-default-bg)
}

.ant-btn:hover > a:only-child, .ant-btn:focus > a:only-child {
    color: currentcolor
}

.ant-btn:hover > a:only-child:after, .ant-btn:focus > a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.ant-btn:active {
    color: var(--primary-7);
    border-color: var(--primary-7);
    background: var(--btn-default-bg)
}

.ant-btn:active > a:only-child {
    color: currentcolor
}

.ant-btn:active > a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.ant-btn[disabled], .ant-btn[disabled]:hover, .ant-btn[disabled]:focus, .ant-btn[disabled]:active {
    color: var(--disabled-color);
    border-color: var(--border-color-base);
    background: var(--disabled-bg);
    text-shadow: none;
    box-shadow: none
}

.ant-btn[disabled] > a:only-child, .ant-btn[disabled]:hover > a:only-child, .ant-btn[disabled]:focus > a:only-child, .ant-btn[disabled]:active > a:only-child {
    color: currentcolor
}

.ant-btn[disabled] > a:only-child:after, .ant-btn[disabled]:hover > a:only-child:after, .ant-btn[disabled]:focus > a:only-child:after, .ant-btn[disabled]:active > a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.ant-btn:hover, .ant-btn:focus, .ant-btn:active {
    text-decoration: none;
    background: var(--btn-default-bg)
}

.ant-btn > span {
    display: inline-block
}

.ant-btn-primary {
    color: #fff;
    border-color: var(--primary-color);
    background: var(--primary-color);
    text-shadow: var(--btn-text-shadow);
    box-shadow: var(--btn-primary-shadow)
}

.ant-btn-primary > a:only-child {
    color: currentcolor
}

.ant-btn-primary > a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.ant-btn-primary:hover, .ant-btn-primary:focus {
    color: #fff;
    border-color: var(--primary-5);
    background: var(--primary-5)
}

.ant-btn-primary:hover > a:only-child, .ant-btn-primary:focus > a:only-child {
    color: currentcolor
}

.ant-btn-primary:hover > a:only-child:after, .ant-btn-primary:focus > a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.ant-btn-primary:active {
    color: #fff;
    border-color: var(--primary-7);
    background: var(--primary-7)
}

.ant-btn-primary:active > a:only-child {
    color: currentcolor
}

.ant-btn-primary:active > a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.ant-btn-primary[disabled], .ant-btn-primary[disabled]:hover, .ant-btn-primary[disabled]:focus, .ant-btn-primary[disabled]:active {
    color: var(--disabled-color);
    border-color: var(--border-color-base);
    background: var(--disabled-bg);
    text-shadow: none;
    box-shadow: none
}

.ant-btn-primary[disabled] > a:only-child, .ant-btn-primary[disabled]:hover > a:only-child, .ant-btn-primary[disabled]:focus > a:only-child, .ant-btn-primary[disabled]:active > a:only-child {
    color: currentcolor
}

.ant-btn-primary[disabled] > a:only-child:after, .ant-btn-primary[disabled]:hover > a:only-child:after, .ant-btn-primary[disabled]:focus > a:only-child:after, .ant-btn-primary[disabled]:active > a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child) {
    border-right-color: var(--primary-5);
    border-left-color: var(--primary-5)
}

.ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child):disabled {
    border-color: var(--border-color-base)
}

.ant-btn-group .ant-btn-primary:first-child:not(:last-child) {
    border-right-color: var(--primary-5)
}

.ant-btn-group .ant-btn-primary:first-child:not(:last-child)[disabled] {
    border-right-color: var(--border-color-base)
}

.ant-btn-group .ant-btn-primary:last-child:not(:first-child), .ant-btn-group .ant-btn-primary + .ant-btn-primary {
    border-left-color: var(--primary-5)
}

.ant-btn-group .ant-btn-primary:last-child:not(:first-child)[disabled], .ant-btn-group .ant-btn-primary + .ant-btn-primary[disabled] {
    border-left-color: var(--border-color-base)
}

.ant-btn-ghost {
    color: var(--text-color);
    border-color: var(--border-color-base);
    background: transparent
}

.ant-btn-ghost > a:only-child {
    color: currentcolor
}

.ant-btn-ghost > a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.ant-btn-ghost:hover, .ant-btn-ghost:focus {
    color: var(--primary-5);
    border-color: var(--primary-5);
    background: transparent
}

.ant-btn-ghost:hover > a:only-child, .ant-btn-ghost:focus > a:only-child {
    color: currentcolor
}

.ant-btn-ghost:hover > a:only-child:after, .ant-btn-ghost:focus > a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.ant-btn-ghost:active {
    color: var(--primary-7);
    border-color: var(--primary-7);
    background: transparent
}

.ant-btn-ghost:active > a:only-child {
    color: currentcolor
}

.ant-btn-ghost:active > a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.ant-btn-ghost[disabled], .ant-btn-ghost[disabled]:hover, .ant-btn-ghost[disabled]:focus, .ant-btn-ghost[disabled]:active {
    color: var(--disabled-color);
    border-color: var(--border-color-base);
    background: var(--disabled-bg);
    text-shadow: none;
    box-shadow: none
}

.ant-btn-ghost[disabled] > a:only-child, .ant-btn-ghost[disabled]:hover > a:only-child, .ant-btn-ghost[disabled]:focus > a:only-child, .ant-btn-ghost[disabled]:active > a:only-child {
    color: currentcolor
}

.ant-btn-ghost[disabled] > a:only-child:after, .ant-btn-ghost[disabled]:hover > a:only-child:after, .ant-btn-ghost[disabled]:focus > a:only-child:after, .ant-btn-ghost[disabled]:active > a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.ant-btn-dashed {
    color: var(--text-color);
    border-color: var(--border-color-base);
    background: var(--btn-default-bg);
    border-style: dashed
}

.ant-btn-dashed > a:only-child {
    color: currentcolor
}

.ant-btn-dashed > a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.ant-btn-dashed:hover, .ant-btn-dashed:focus {
    color: var(--primary-5);
    border-color: var(--primary-5);
    background: var(--btn-default-bg)
}

.ant-btn-dashed:hover > a:only-child, .ant-btn-dashed:focus > a:only-child {
    color: currentcolor
}

.ant-btn-dashed:hover > a:only-child:after, .ant-btn-dashed:focus > a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.ant-btn-dashed:active {
    color: var(--primary-7);
    border-color: var(--primary-7);
    background: var(--btn-default-bg)
}

.ant-btn-dashed:active > a:only-child {
    color: currentcolor
}

.ant-btn-dashed:active > a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.ant-btn-dashed[disabled], .ant-btn-dashed[disabled]:hover, .ant-btn-dashed[disabled]:focus, .ant-btn-dashed[disabled]:active {
    color: var(--disabled-color);
    border-color: var(--border-color-base);
    background: var(--disabled-bg);
    text-shadow: none;
    box-shadow: none
}

.ant-btn-dashed[disabled] > a:only-child, .ant-btn-dashed[disabled]:hover > a:only-child, .ant-btn-dashed[disabled]:focus > a:only-child, .ant-btn-dashed[disabled]:active > a:only-child {
    color: currentcolor
}

.ant-btn-dashed[disabled] > a:only-child:after, .ant-btn-dashed[disabled]:hover > a:only-child:after, .ant-btn-dashed[disabled]:focus > a:only-child:after, .ant-btn-dashed[disabled]:active > a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.ant-btn-danger {
    color: #fff;
    border-color: var(--error-color);
    background: var(--error-color);
    text-shadow: var(--btn-text-shadow);
    box-shadow: var(--btn-primary-shadow)
}

.ant-btn-danger > a:only-child {
    color: currentcolor
}

.ant-btn-danger > a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.ant-btn-danger:hover, .ant-btn-danger:focus {
    color: #fff;
    border-color: var(--red-5);
    background: var(--red-5)
}

.ant-btn-danger:hover > a:only-child, .ant-btn-danger:focus > a:only-child {
    color: currentcolor
}

.ant-btn-danger:hover > a:only-child:after, .ant-btn-danger:focus > a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.ant-btn-danger:active {
    color: #fff;
    border-color: var(--red-7);
    background: var(--red-7)
}

.ant-btn-danger:active > a:only-child {
    color: currentcolor
}

.ant-btn-danger:active > a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.ant-btn-danger[disabled], .ant-btn-danger[disabled]:hover, .ant-btn-danger[disabled]:focus, .ant-btn-danger[disabled]:active {
    color: var(--disabled-color);
    border-color: var(--border-color-base);
    background: var(--disabled-bg);
    text-shadow: none;
    box-shadow: none
}

.ant-btn-danger[disabled] > a:only-child, .ant-btn-danger[disabled]:hover > a:only-child, .ant-btn-danger[disabled]:focus > a:only-child, .ant-btn-danger[disabled]:active > a:only-child {
    color: currentcolor
}

.ant-btn-danger[disabled] > a:only-child:after, .ant-btn-danger[disabled]:hover > a:only-child:after, .ant-btn-danger[disabled]:focus > a:only-child:after, .ant-btn-danger[disabled]:active > a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.ant-btn-link {
    color: var(--primary-color);
    border-color: transparent;
    background: transparent;
    box-shadow: none
}

.ant-btn-link > a:only-child {
    color: currentcolor
}

.ant-btn-link > a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.ant-btn-link:hover, .ant-btn-link:focus {
    color: var(--primary-5);
    border-color: var(--primary-5);
    background: transparent
}

.ant-btn-link:hover > a:only-child, .ant-btn-link:focus > a:only-child {
    color: currentcolor
}

.ant-btn-link:hover > a:only-child:after, .ant-btn-link:focus > a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.ant-btn-link:active {
    color: var(--primary-7);
    border-color: var(--primary-7);
    background: transparent
}

.ant-btn-link:active > a:only-child {
    color: currentcolor
}

.ant-btn-link:active > a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.ant-btn-link[disabled], .ant-btn-link[disabled]:hover, .ant-btn-link[disabled]:focus, .ant-btn-link[disabled]:active {
    color: var(--disabled-color);
    border-color: var(--border-color-base);
    background: var(--disabled-bg);
    text-shadow: none;
    box-shadow: none
}

.ant-btn-link:hover {
    background: transparent
}

.ant-btn-link:hover, .ant-btn-link:focus, .ant-btn-link:active {
    border-color: transparent
}

.ant-btn-link[disabled], .ant-btn-link[disabled]:hover, .ant-btn-link[disabled]:focus, .ant-btn-link[disabled]:active {
    color: var(--disabled-color);
    border-color: transparent;
    background: transparent;
    text-shadow: none;
    box-shadow: none
}

.ant-btn-link[disabled] > a:only-child, .ant-btn-link[disabled]:hover > a:only-child, .ant-btn-link[disabled]:focus > a:only-child, .ant-btn-link[disabled]:active > a:only-child {
    color: currentcolor
}

.ant-btn-link[disabled] > a:only-child:after, .ant-btn-link[disabled]:hover > a:only-child:after, .ant-btn-link[disabled]:focus > a:only-child:after, .ant-btn-link[disabled]:active > a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.ant-btn-text {
    color: var(--text-color);
    border-color: transparent;
    background: transparent;
    box-shadow: none
}

.ant-btn-text > a:only-child {
    color: currentcolor
}

.ant-btn-text > a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.ant-btn-text:hover, .ant-btn-text:focus {
    color: var(--primary-5);
    border-color: var(--primary-5);
    background: transparent
}

.ant-btn-text:hover > a:only-child, .ant-btn-text:focus > a:only-child {
    color: currentcolor
}

.ant-btn-text:hover > a:only-child:after, .ant-btn-text:focus > a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.ant-btn-text:active {
    color: var(--primary-7);
    border-color: var(--primary-7);
    background: transparent
}

.ant-btn-text:active > a:only-child {
    color: currentcolor
}

.ant-btn-text:active > a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.ant-btn-text[disabled], .ant-btn-text[disabled]:hover, .ant-btn-text[disabled]:focus, .ant-btn-text[disabled]:active {
    color: var(--disabled-color);
    border-color: var(--border-color-base);
    background: var(--disabled-bg);
    text-shadow: none;
    box-shadow: none
}

.ant-btn-text:hover, .ant-btn-text:focus {
    color: var(--text-color);
    background: var(--btn-text-hover-bg);
    border-color: transparent
}

.ant-btn-text:active {
    color: var(--text-color);
    background: var(--btn-text-active-bg);
    border-color: transparent
}

.ant-btn-text[disabled], .ant-btn-text[disabled]:hover, .ant-btn-text[disabled]:focus, .ant-btn-text[disabled]:active {
    color: var(--disabled-color);
    border-color: transparent;
    background: transparent;
    text-shadow: none;
    box-shadow: none
}

.ant-btn-text[disabled] > a:only-child, .ant-btn-text[disabled]:hover > a:only-child, .ant-btn-text[disabled]:focus > a:only-child, .ant-btn-text[disabled]:active > a:only-child {
    color: currentcolor
}

.ant-btn-text[disabled] > a:only-child:after, .ant-btn-text[disabled]:hover > a:only-child:after, .ant-btn-text[disabled]:focus > a:only-child:after, .ant-btn-text[disabled]:active > a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.ant-btn-dangerous {
    color: var(--error-color);
    border-color: var(--error-color);
    background: var(--btn-default-bg)
}

.ant-btn-dangerous > a:only-child {
    color: currentcolor
}

.ant-btn-dangerous > a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.ant-btn-dangerous:hover, .ant-btn-dangerous:focus {
    color: var(--red-5);
    border-color: var(--red-5);
    background: var(--btn-default-bg)
}

.ant-btn-dangerous:hover > a:only-child, .ant-btn-dangerous:focus > a:only-child {
    color: currentcolor
}

.ant-btn-dangerous:hover > a:only-child:after, .ant-btn-dangerous:focus > a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.ant-btn-dangerous:active {
    color: var(--red-7);
    border-color: var(--red-7);
    background: var(--btn-default-bg)
}

.ant-btn-dangerous:active > a:only-child {
    color: currentcolor
}

.ant-btn-dangerous:active > a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.ant-btn-dangerous[disabled], .ant-btn-dangerous[disabled]:hover, .ant-btn-dangerous[disabled]:focus, .ant-btn-dangerous[disabled]:active {
    color: var(--disabled-color);
    border-color: var(--border-color-base);
    background: var(--disabled-bg);
    text-shadow: none;
    box-shadow: none
}

.ant-btn-dangerous[disabled] > a:only-child, .ant-btn-dangerous[disabled]:hover > a:only-child, .ant-btn-dangerous[disabled]:focus > a:only-child, .ant-btn-dangerous[disabled]:active > a:only-child {
    color: currentcolor
}

.ant-btn-dangerous[disabled] > a:only-child:after, .ant-btn-dangerous[disabled]:hover > a:only-child:after, .ant-btn-dangerous[disabled]:focus > a:only-child:after, .ant-btn-dangerous[disabled]:active > a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.ant-btn-dangerous.ant-btn-primary {
    color: #fff;
    border-color: var(--error-color);
    background: var(--error-color);
    text-shadow: var(--btn-text-shadow);
    box-shadow: var(--btn-primary-shadow)
}

.ant-btn-dangerous.ant-btn-primary > a:only-child {
    color: currentcolor
}

.ant-btn-dangerous.ant-btn-primary > a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.ant-btn-dangerous.ant-btn-primary:hover, .ant-btn-dangerous.ant-btn-primary:focus {
    color: #fff;
    border-color: var(--red-5);
    background: var(--red-5)
}

.ant-btn-dangerous.ant-btn-primary:hover > a:only-child, .ant-btn-dangerous.ant-btn-primary:focus > a:only-child {
    color: currentcolor
}

.ant-btn-dangerous.ant-btn-primary:hover > a:only-child:after, .ant-btn-dangerous.ant-btn-primary:focus > a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.ant-btn-dangerous.ant-btn-primary:active {
    color: #fff;
    border-color: var(--red-7);
    background: var(--red-7)
}

.ant-btn-dangerous.ant-btn-primary:active > a:only-child {
    color: currentcolor
}

.ant-btn-dangerous.ant-btn-primary:active > a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.ant-btn-dangerous.ant-btn-primary[disabled], .ant-btn-dangerous.ant-btn-primary[disabled]:hover, .ant-btn-dangerous.ant-btn-primary[disabled]:focus, .ant-btn-dangerous.ant-btn-primary[disabled]:active {
    color: var(--disabled-color);
    border-color: var(--border-color-base);
    background: var(--disabled-bg);
    text-shadow: none;
    box-shadow: none
}

.ant-btn-dangerous.ant-btn-primary[disabled] > a:only-child, .ant-btn-dangerous.ant-btn-primary[disabled]:hover > a:only-child, .ant-btn-dangerous.ant-btn-primary[disabled]:focus > a:only-child, .ant-btn-dangerous.ant-btn-primary[disabled]:active > a:only-child {
    color: currentcolor
}

.ant-btn-dangerous.ant-btn-primary[disabled] > a:only-child:after, .ant-btn-dangerous.ant-btn-primary[disabled]:hover > a:only-child:after, .ant-btn-dangerous.ant-btn-primary[disabled]:focus > a:only-child:after, .ant-btn-dangerous.ant-btn-primary[disabled]:active > a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.ant-btn-dangerous.ant-btn-link {
    color: var(--error-color);
    border-color: transparent;
    background: transparent;
    box-shadow: none
}

.ant-btn-dangerous.ant-btn-link > a:only-child {
    color: currentcolor
}

.ant-btn-dangerous.ant-btn-link > a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.ant-btn-dangerous.ant-btn-link:hover, .ant-btn-dangerous.ant-btn-link:focus {
    color: var(--primary-5);
    border-color: var(--primary-5);
    background: transparent
}

.ant-btn-dangerous.ant-btn-link:active {
    color: var(--primary-7);
    border-color: var(--primary-7);
    background: transparent
}

.ant-btn-dangerous.ant-btn-link[disabled], .ant-btn-dangerous.ant-btn-link[disabled]:hover, .ant-btn-dangerous.ant-btn-link[disabled]:focus, .ant-btn-dangerous.ant-btn-link[disabled]:active {
    color: var(--disabled-color);
    border-color: var(--border-color-base);
    background: var(--disabled-bg);
    text-shadow: none;
    box-shadow: none
}

.ant-btn-dangerous.ant-btn-link:hover, .ant-btn-dangerous.ant-btn-link:focus {
    color: var(--red-5);
    border-color: transparent;
    background: transparent
}

.ant-btn-dangerous.ant-btn-link:hover > a:only-child, .ant-btn-dangerous.ant-btn-link:focus > a:only-child {
    color: currentcolor
}

.ant-btn-dangerous.ant-btn-link:hover > a:only-child:after, .ant-btn-dangerous.ant-btn-link:focus > a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.ant-btn-dangerous.ant-btn-link:active {
    color: var(--red-7);
    border-color: transparent;
    background: transparent
}

.ant-btn-dangerous.ant-btn-link:active > a:only-child {
    color: currentcolor
}

.ant-btn-dangerous.ant-btn-link:active > a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.ant-btn-dangerous.ant-btn-link[disabled], .ant-btn-dangerous.ant-btn-link[disabled]:hover, .ant-btn-dangerous.ant-btn-link[disabled]:focus, .ant-btn-dangerous.ant-btn-link[disabled]:active {
    color: var(--disabled-color);
    border-color: transparent;
    background: transparent;
    text-shadow: none;
    box-shadow: none
}

.ant-btn-dangerous.ant-btn-link[disabled] > a:only-child, .ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child, .ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child, .ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child {
    color: currentcolor
}

.ant-btn-dangerous.ant-btn-link[disabled] > a:only-child:after, .ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child:after, .ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child:after, .ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.ant-btn-dangerous.ant-btn-text {
    color: var(--error-color);
    border-color: transparent;
    background: transparent;
    box-shadow: none
}

.ant-btn-dangerous.ant-btn-text > a:only-child {
    color: currentcolor
}

.ant-btn-dangerous.ant-btn-text > a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.ant-btn-dangerous.ant-btn-text:hover, .ant-btn-dangerous.ant-btn-text:focus {
    color: var(--primary-5);
    border-color: var(--primary-5);
    background: transparent
}

.ant-btn-dangerous.ant-btn-text:active {
    color: var(--primary-7);
    border-color: var(--primary-7);
    background: transparent
}

.ant-btn-dangerous.ant-btn-text[disabled], .ant-btn-dangerous.ant-btn-text[disabled]:hover, .ant-btn-dangerous.ant-btn-text[disabled]:focus, .ant-btn-dangerous.ant-btn-text[disabled]:active {
    color: var(--disabled-color);
    border-color: var(--border-color-base);
    background: var(--disabled-bg);
    text-shadow: none;
    box-shadow: none
}

.ant-btn-dangerous.ant-btn-text:hover, .ant-btn-dangerous.ant-btn-text:focus {
    color: var(--red-5);
    border-color: transparent;
    background: var(--btn-text-hover-bg)
}

.ant-btn-dangerous.ant-btn-text:hover > a:only-child, .ant-btn-dangerous.ant-btn-text:focus > a:only-child {
    color: currentcolor
}

.ant-btn-dangerous.ant-btn-text:hover > a:only-child:after, .ant-btn-dangerous.ant-btn-text:focus > a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.ant-btn-dangerous.ant-btn-text:active {
    color: var(--red-7);
    border-color: transparent;
    background: var(--btn-text-active-bg)
}

.ant-btn-dangerous.ant-btn-text:active > a:only-child {
    color: currentcolor
}

.ant-btn-dangerous.ant-btn-text:active > a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.ant-btn-dangerous.ant-btn-text[disabled], .ant-btn-dangerous.ant-btn-text[disabled]:hover, .ant-btn-dangerous.ant-btn-text[disabled]:focus, .ant-btn-dangerous.ant-btn-text[disabled]:active {
    color: var(--disabled-color);
    border-color: transparent;
    background: transparent;
    text-shadow: none;
    box-shadow: none
}

.ant-btn-dangerous.ant-btn-text[disabled] > a:only-child, .ant-btn-dangerous.ant-btn-text[disabled]:hover > a:only-child, .ant-btn-dangerous.ant-btn-text[disabled]:focus > a:only-child, .ant-btn-dangerous.ant-btn-text[disabled]:active > a:only-child {
    color: currentcolor
}

.ant-btn-dangerous.ant-btn-text[disabled] > a:only-child:after, .ant-btn-dangerous.ant-btn-text[disabled]:hover > a:only-child:after, .ant-btn-dangerous.ant-btn-text[disabled]:focus > a:only-child:after, .ant-btn-dangerous.ant-btn-text[disabled]:active > a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.ant-btn-icon-only {
    width: 32px;
    height: 32px;
    padding: 2.4px 0;
    font-size: 16px;
    border-radius: 2px;
    vertical-align: -3px
}

.ant-btn-icon-only > * {
    font-size: 16px
}

.ant-btn-icon-only.ant-btn-lg {
    width: 40px;
    height: 40px;
    padding: 4.9px 0;
    font-size: 18px;
    border-radius: 2px
}

.ant-btn-icon-only.ant-btn-lg > * {
    font-size: 18px
}

.ant-btn-icon-only.ant-btn-sm {
    width: 24px;
    height: 24px;
    padding: 0;
    font-size: 14px;
    border-radius: 2px
}

.ant-btn-icon-only.ant-btn-sm > * {
    font-size: 14px
}

.ant-btn-icon-only > .anticon {
    display: flex;
    justify-content: center
}

a.ant-btn-icon-only {
    vertical-align: -1px
}

a.ant-btn-icon-only > .anticon {
    display: inline
}

.ant-btn-round {
    height: 32px;
    padding: 4px 16px;
    font-size: 14px;
    border-radius: 32px
}

.ant-btn-round.ant-btn-lg {
    height: 40px;
    padding: 6.4px 20px;
    font-size: 16px;
    border-radius: 40px
}

.ant-btn-round.ant-btn-sm {
    height: 24px;
    padding: 0 12px;
    font-size: 14px;
    border-radius: 24px
}

.ant-btn-round.ant-btn-icon-only {
    width: auto
}

.ant-btn-circle {
    min-width: 32px;
    padding-right: 0;
    padding-left: 0;
    text-align: center;
    border-radius: 50%
}

.ant-btn-circle.ant-btn-lg {
    min-width: 40px;
    border-radius: 50%
}

.ant-btn-circle.ant-btn-sm {
    min-width: 24px;
    border-radius: 50%
}

.ant-btn:before {
    position: absolute;
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
    z-index: 1;
    display: none;
    background: var(--component-background);
    border-radius: inherit;
    opacity: .35;
    transition: opacity .2s;
    content: "";
    pointer-events: none
}

.ant-btn .anticon {
    transition: margin-left .3s cubic-bezier(.645, .045, .355, 1)
}

.ant-btn .anticon.anticon-plus > svg, .ant-btn .anticon.anticon-minus > svg {
    shape-rendering: optimizespeed
}

.ant-btn.ant-btn-loading {
    position: relative;
    cursor: default
}

.ant-btn.ant-btn-loading:before {
    display: block
}

.ant-btn > .ant-btn-loading-icon {
    transition: width .3s cubic-bezier(.645, .045, .355, 1), opacity .3s cubic-bezier(.645, .045, .355, 1)
}

.ant-btn > .ant-btn-loading-icon .anticon {
    padding-right: 8px;
    animation: none
}

.ant-btn > .ant-btn-loading-icon .anticon svg {
    animation: loadingCircle 1s infinite linear
}

.ant-btn > .ant-btn-loading-icon:only-child .anticon {
    padding-right: 0
}

.ant-btn-group {
    position: relative;
    display: inline-flex
}

.ant-btn-group > .ant-btn, .ant-btn-group > span > .ant-btn {
    position: relative
}

.ant-btn-group > .ant-btn:hover, .ant-btn-group > span > .ant-btn:hover, .ant-btn-group > .ant-btn:focus, .ant-btn-group > span > .ant-btn:focus, .ant-btn-group > .ant-btn:active, .ant-btn-group > span > .ant-btn:active {
    z-index: 2
}

.ant-btn-group > .ant-btn[disabled], .ant-btn-group > span > .ant-btn[disabled] {
    z-index: 0
}

.ant-btn-group .ant-btn-icon-only {
    font-size: 14px
}

.ant-btn-group-lg > .ant-btn, .ant-btn-group-lg > span > .ant-btn {
    height: 40px;
    padding: 6.4px 15px;
    font-size: 16px;
    border-radius: 0
}

.ant-btn-group-lg .ant-btn.ant-btn-icon-only {
    width: 40px;
    height: 40px;
    padding-right: 0;
    padding-left: 0
}

.ant-btn-group-sm > .ant-btn, .ant-btn-group-sm > span > .ant-btn {
    height: 24px;
    padding: 0 7px;
    font-size: 14px;
    border-radius: 0
}

.ant-btn-group-sm > .ant-btn > .anticon, .ant-btn-group-sm > span > .ant-btn > .anticon {
    font-size: 14px
}

.ant-btn-group-sm .ant-btn.ant-btn-icon-only {
    width: 24px;
    height: 24px;
    padding-right: 0;
    padding-left: 0
}

.ant-btn-group .ant-btn + .ant-btn, .ant-btn + .ant-btn-group, .ant-btn-group span + .ant-btn, .ant-btn-group .ant-btn + span, .ant-btn-group > span + span, .ant-btn-group + .ant-btn, .ant-btn-group + .ant-btn-group {
    margin-left: -1px
}

.ant-btn-group .ant-btn-primary + .ant-btn:not(.ant-btn-primary):not([disabled]) {
    border-left-color: transparent
}

.ant-btn-group .ant-btn {
    border-radius: 0
}

.ant-btn-group > .ant-btn:first-child, .ant-btn-group > span:first-child > .ant-btn {
    margin-left: 0
}

.ant-btn-group > .ant-btn:only-child {
    border-radius: 2px
}

.ant-btn-group > span:only-child > .ant-btn {
    border-radius: 2px
}

.ant-btn-group > .ant-btn:first-child:not(:last-child), .ant-btn-group > span:first-child:not(:last-child) > .ant-btn {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px
}

.ant-btn-group > .ant-btn:last-child:not(:first-child), .ant-btn-group > span:last-child:not(:first-child) > .ant-btn {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px
}

.ant-btn-group-sm > .ant-btn:only-child {
    border-radius: 2px
}

.ant-btn-group-sm > span:only-child > .ant-btn {
    border-radius: 2px
}

.ant-btn-group-sm > .ant-btn:first-child:not(:last-child), .ant-btn-group-sm > span:first-child:not(:last-child) > .ant-btn {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px
}

.ant-btn-group-sm > .ant-btn:last-child:not(:first-child), .ant-btn-group-sm > span:last-child:not(:first-child) > .ant-btn {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px
}

.ant-btn-group > .ant-btn-group {
    float: left
}

.ant-btn-group > .ant-btn-group:not(:first-child):not(:last-child) > .ant-btn {
    border-radius: 0
}

.ant-btn-group > .ant-btn-group:first-child:not(:last-child) > .ant-btn:last-child {
    padding-right: 8px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.ant-btn-group > .ant-btn-group:last-child:not(:first-child) > .ant-btn:first-child {
    padding-left: 8px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.ant-btn-rtl.ant-btn-group .ant-btn + .ant-btn, .ant-btn-rtl.ant-btn + .ant-btn-group, .ant-btn-rtl.ant-btn-group span + .ant-btn, .ant-btn-rtl.ant-btn-group .ant-btn + span, .ant-btn-rtl.ant-btn-group > span + span, .ant-btn-rtl.ant-btn-group + .ant-btn, .ant-btn-rtl.ant-btn-group + .ant-btn-group, .ant-btn-group-rtl.ant-btn-group .ant-btn + .ant-btn, .ant-btn-group-rtl.ant-btn + .ant-btn-group, .ant-btn-group-rtl.ant-btn-group span + .ant-btn, .ant-btn-group-rtl.ant-btn-group .ant-btn + span, .ant-btn-group-rtl.ant-btn-group > span + span, .ant-btn-group-rtl.ant-btn-group + .ant-btn, .ant-btn-group-rtl.ant-btn-group + .ant-btn-group {
    margin-right: -1px;
    margin-left: auto
}

.ant-btn-group.ant-btn-group-rtl {
    direction: rtl
}

.ant-btn-group-rtl.ant-btn-group > .ant-btn:first-child:not(:last-child), .ant-btn-group-rtl.ant-btn-group > span:first-child:not(:last-child) > .ant-btn {
    border-radius: 0 2px 2px 0
}

.ant-btn-group-rtl.ant-btn-group > .ant-btn:last-child:not(:first-child), .ant-btn-group-rtl.ant-btn-group > span:last-child:not(:first-child) > .ant-btn {
    border-radius: 2px 0 0 2px
}

.ant-btn-group-rtl.ant-btn-group-sm > .ant-btn:first-child:not(:last-child), .ant-btn-group-rtl.ant-btn-group-sm > span:first-child:not(:last-child) > .ant-btn {
    border-radius: 0 2px 2px 0
}

.ant-btn-group-rtl.ant-btn-group-sm > .ant-btn:last-child:not(:first-child), .ant-btn-group-rtl.ant-btn-group-sm > span:last-child:not(:first-child) > .ant-btn {
    border-radius: 2px 0 0 2px
}

.ant-btn:focus > span, .ant-btn:active > span {
    position: relative
}

.ant-btn > .anticon + span, .ant-btn > span + .anticon {
    margin-left: 8px
}

.ant-btn.ant-btn-background-ghost {
    color: var(--btn-default-ghost-color);
    border-color: var(--btn-default-ghost-border)
}

.ant-btn.ant-btn-background-ghost, .ant-btn.ant-btn-background-ghost:hover, .ant-btn.ant-btn-background-ghost:active, .ant-btn.ant-btn-background-ghost:focus {
    background: transparent
}

.ant-btn.ant-btn-background-ghost:hover, .ant-btn.ant-btn-background-ghost:focus {
    color: var(--primary-color-hover);
    border-color: var(--primary-color-hover)
}

.ant-btn.ant-btn-background-ghost:active {
    color: var(--primary-color-active);
    border-color: var(--primary-color-active)
}

.ant-btn.ant-btn-background-ghost[disabled] {
    color: var(--disabled-color);
    background: transparent;
    border-color: var(--border-color-base)
}

.ant-btn-background-ghost.ant-btn-primary {
    color: var(--primary-color);
    border-color: var(--primary-color);
    text-shadow: none
}

.ant-btn-background-ghost.ant-btn-primary > a:only-child {
    color: currentcolor
}

.ant-btn-background-ghost.ant-btn-primary > a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.ant-btn-background-ghost.ant-btn-primary:hover, .ant-btn-background-ghost.ant-btn-primary:focus {
    color: var(--primary-5);
    border-color: var(--primary-5)
}

.ant-btn-background-ghost.ant-btn-primary:hover > a:only-child, .ant-btn-background-ghost.ant-btn-primary:focus > a:only-child {
    color: currentcolor
}

.ant-btn-background-ghost.ant-btn-primary:hover > a:only-child:after, .ant-btn-background-ghost.ant-btn-primary:focus > a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.ant-btn-background-ghost.ant-btn-primary:active {
    color: var(--primary-7);
    border-color: var(--primary-7)
}

.ant-btn-background-ghost.ant-btn-primary:active > a:only-child {
    color: currentcolor
}

.ant-btn-background-ghost.ant-btn-primary:active > a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.ant-btn-background-ghost.ant-btn-primary[disabled], .ant-btn-background-ghost.ant-btn-primary[disabled]:hover, .ant-btn-background-ghost.ant-btn-primary[disabled]:focus, .ant-btn-background-ghost.ant-btn-primary[disabled]:active {
    color: var(--disabled-color);
    border-color: var(--border-color-base);
    background: var(--disabled-bg);
    text-shadow: none;
    box-shadow: none
}

.ant-btn-background-ghost.ant-btn-primary[disabled] > a:only-child, .ant-btn-background-ghost.ant-btn-primary[disabled]:hover > a:only-child, .ant-btn-background-ghost.ant-btn-primary[disabled]:focus > a:only-child, .ant-btn-background-ghost.ant-btn-primary[disabled]:active > a:only-child {
    color: currentcolor
}

.ant-btn-background-ghost.ant-btn-primary[disabled] > a:only-child:after, .ant-btn-background-ghost.ant-btn-primary[disabled]:hover > a:only-child:after, .ant-btn-background-ghost.ant-btn-primary[disabled]:focus > a:only-child:after, .ant-btn-background-ghost.ant-btn-primary[disabled]:active > a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.ant-btn-background-ghost.ant-btn-danger {
    color: var(--error-color);
    border-color: var(--error-color);
    text-shadow: none
}

.ant-btn-background-ghost.ant-btn-danger > a:only-child {
    color: currentcolor
}

.ant-btn-background-ghost.ant-btn-danger > a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.ant-btn-background-ghost.ant-btn-danger:hover, .ant-btn-background-ghost.ant-btn-danger:focus {
    color: var(--red-5);
    border-color: var(--red-5)
}

.ant-btn-background-ghost.ant-btn-danger:hover > a:only-child, .ant-btn-background-ghost.ant-btn-danger:focus > a:only-child {
    color: currentcolor
}

.ant-btn-background-ghost.ant-btn-danger:hover > a:only-child:after, .ant-btn-background-ghost.ant-btn-danger:focus > a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.ant-btn-background-ghost.ant-btn-danger:active {
    color: var(--red-7);
    border-color: var(--red-7)
}

.ant-btn-background-ghost.ant-btn-danger:active > a:only-child {
    color: currentcolor
}

.ant-btn-background-ghost.ant-btn-danger:active > a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.ant-btn-background-ghost.ant-btn-danger[disabled], .ant-btn-background-ghost.ant-btn-danger[disabled]:hover, .ant-btn-background-ghost.ant-btn-danger[disabled]:focus, .ant-btn-background-ghost.ant-btn-danger[disabled]:active {
    color: var(--disabled-color);
    border-color: var(--border-color-base);
    background: var(--disabled-bg);
    text-shadow: none;
    box-shadow: none
}

.ant-btn-background-ghost.ant-btn-danger[disabled] > a:only-child, .ant-btn-background-ghost.ant-btn-danger[disabled]:hover > a:only-child, .ant-btn-background-ghost.ant-btn-danger[disabled]:focus > a:only-child, .ant-btn-background-ghost.ant-btn-danger[disabled]:active > a:only-child {
    color: currentcolor
}

.ant-btn-background-ghost.ant-btn-danger[disabled] > a:only-child:after, .ant-btn-background-ghost.ant-btn-danger[disabled]:hover > a:only-child:after, .ant-btn-background-ghost.ant-btn-danger[disabled]:focus > a:only-child:after, .ant-btn-background-ghost.ant-btn-danger[disabled]:active > a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.ant-btn-background-ghost.ant-btn-dangerous {
    color: var(--error-color);
    border-color: var(--error-color);
    text-shadow: none
}

.ant-btn-background-ghost.ant-btn-dangerous > a:only-child {
    color: currentcolor
}

.ant-btn-background-ghost.ant-btn-dangerous > a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.ant-btn-background-ghost.ant-btn-dangerous:hover, .ant-btn-background-ghost.ant-btn-dangerous:focus {
    color: var(--red-5);
    border-color: var(--red-5)
}

.ant-btn-background-ghost.ant-btn-dangerous:hover > a:only-child, .ant-btn-background-ghost.ant-btn-dangerous:focus > a:only-child {
    color: currentcolor
}

.ant-btn-background-ghost.ant-btn-dangerous:hover > a:only-child:after, .ant-btn-background-ghost.ant-btn-dangerous:focus > a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.ant-btn-background-ghost.ant-btn-dangerous:active {
    color: var(--red-7);
    border-color: var(--red-7)
}

.ant-btn-background-ghost.ant-btn-dangerous:active > a:only-child {
    color: currentcolor
}

.ant-btn-background-ghost.ant-btn-dangerous:active > a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.ant-btn-background-ghost.ant-btn-dangerous[disabled], .ant-btn-background-ghost.ant-btn-dangerous[disabled]:hover, .ant-btn-background-ghost.ant-btn-dangerous[disabled]:focus, .ant-btn-background-ghost.ant-btn-dangerous[disabled]:active {
    color: var(--disabled-color);
    border-color: var(--border-color-base);
    background: var(--disabled-bg);
    text-shadow: none;
    box-shadow: none
}

.ant-btn-background-ghost.ant-btn-dangerous[disabled] > a:only-child, .ant-btn-background-ghost.ant-btn-dangerous[disabled]:hover > a:only-child, .ant-btn-background-ghost.ant-btn-dangerous[disabled]:focus > a:only-child, .ant-btn-background-ghost.ant-btn-dangerous[disabled]:active > a:only-child {
    color: currentcolor
}

.ant-btn-background-ghost.ant-btn-dangerous[disabled] > a:only-child:after, .ant-btn-background-ghost.ant-btn-dangerous[disabled]:hover > a:only-child:after, .ant-btn-background-ghost.ant-btn-dangerous[disabled]:focus > a:only-child:after, .ant-btn-background-ghost.ant-btn-dangerous[disabled]:active > a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link {
    color: var(--error-color);
    border-color: transparent;
    text-shadow: none
}

.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link > a:only-child {
    color: currentcolor
}

.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link > a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:hover, .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:focus {
    color: var(--red-5);
    border-color: transparent
}

.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:hover > a:only-child, .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:focus > a:only-child {
    color: currentcolor
}

.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:hover > a:only-child:after, .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:focus > a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:active {
    color: var(--red-7);
    border-color: transparent
}

.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:active > a:only-child {
    color: currentcolor
}

.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:active > a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled], .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:hover, .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:focus, .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:active {
    color: var(--disabled-color);
    border-color: var(--border-color-base);
    background: var(--disabled-bg);
    text-shadow: none;
    box-shadow: none
}

.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled] > a:only-child, .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child, .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child, .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child {
    color: currentcolor
}

.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled] > a:only-child:after, .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child:after, .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child:after, .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.ant-btn-two-chinese-chars:first-letter {
    letter-spacing: .34em
}

.ant-btn-two-chinese-chars > *:not(.anticon) {
    margin-right: -.34em;
    letter-spacing: .34em
}

.ant-btn.ant-btn-block {
    width: 100%
}

.ant-btn:empty {
    display: inline-block;
    width: 0;
    visibility: hidden;
    content: "\a0"
}

a.ant-btn {
    padding-top: .01px !important;
    line-height: 30px
}

a.ant-btn-lg {
    line-height: 38px
}

a.ant-btn-sm {
    line-height: 22px
}

.ant-btn-rtl {
    direction: rtl
}

.ant-btn-group-rtl.ant-btn-group .ant-btn-primary:last-child:not(:first-child), .ant-btn-group-rtl.ant-btn-group .ant-btn-primary + .ant-btn-primary {
    border-right-color: var(--primary-5);
    border-left-color: var(--border-color-base)
}

.ant-btn-group-rtl.ant-btn-group .ant-btn-primary:last-child:not(:first-child)[disabled], .ant-btn-group-rtl.ant-btn-group .ant-btn-primary + .ant-btn-primary[disabled] {
    border-right-color: var(--border-color-base);
    border-left-color: var(--primary-5)
}

.ant-btn-rtl.ant-btn > .ant-btn-loading-icon .anticon {
    padding-right: 0;
    padding-left: 8px
}

.ant-btn > .ant-btn-loading-icon:only-child .anticon {
    padding-right: 0;
    padding-left: 0
}

.ant-btn-rtl.ant-btn > .anticon + span, .ant-btn-rtl.ant-btn > span + .anticon {
    margin-right: 8px;
    margin-left: 0
}

.ant-tabs-small > .ant-tabs-nav .ant-tabs-tab {
    padding: 8px 0;
    font-size: 14px
}

.ant-tabs-large > .ant-tabs-nav .ant-tabs-tab {
    padding: 16px 0;
    font-size: 16px
}

.ant-tabs-card.ant-tabs-small > .ant-tabs-nav .ant-tabs-tab {
    padding: 6px 16px
}

.ant-tabs-card.ant-tabs-large > .ant-tabs-nav .ant-tabs-tab {
    padding: 7px 16px 6px
}

.ant-tabs-rtl {
    direction: rtl
}

.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab {
    margin: 0 0 0 32px
}

.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab:last-of-type {
    margin-left: 0
}

.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .anticon {
    margin-right: 0;
    margin-left: 12px
}

.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove {
    margin-right: 8px;
    margin-left: -4px
}

.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove .anticon {
    margin: 0
}

.ant-tabs-rtl.ant-tabs-left > .ant-tabs-nav {
    order: 1
}

.ant-tabs-rtl.ant-tabs-left > .ant-tabs-content-holder {
    order: 0
}

.ant-tabs-rtl.ant-tabs-right > .ant-tabs-nav {
    order: 0
}

.ant-tabs-rtl.ant-tabs-right > .ant-tabs-content-holder {
    order: 1
}

.ant-tabs-rtl.ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab, .ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab, .ant-tabs-rtl.ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab, .ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab {
    margin-right: 2px;
    margin-left: 0
}

.ant-tabs-rtl.ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-add, .ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-add, .ant-tabs-rtl.ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-add, .ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-add {
    margin-right: 2px;
    margin-left: 0
}

.ant-tabs-dropdown-rtl {
    direction: rtl
}

.ant-tabs-dropdown-rtl .ant-tabs-dropdown-menu-item {
    text-align: right
}

.ant-tabs-top, .ant-tabs-bottom {
    flex-direction: column
}

.ant-tabs-top > .ant-tabs-nav, .ant-tabs-bottom > .ant-tabs-nav, .ant-tabs-top > div > .ant-tabs-nav, .ant-tabs-bottom > div > .ant-tabs-nav {
    margin: 0 0 16px
}

.ant-tabs-top > .ant-tabs-nav:before, .ant-tabs-bottom > .ant-tabs-nav:before, .ant-tabs-top > div > .ant-tabs-nav:before, .ant-tabs-bottom > div > .ant-tabs-nav:before {
    position: absolute;
    right: 0;
    left: 0;
    border-bottom: 1px solid var(--border-color-split);
    content: ""
}

.ant-tabs-top > .ant-tabs-nav .ant-tabs-ink-bar, .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-ink-bar, .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-ink-bar, .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-ink-bar {
    height: 2px
}

.ant-tabs-top > .ant-tabs-nav .ant-tabs-ink-bar-animated, .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-ink-bar-animated, .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-ink-bar-animated, .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-ink-bar-animated {
    transition: width .3s, left .3s, right .3s
}

.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap:before, .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap:before, .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap:before, .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap:before, .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap:after, .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap:after, .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap:after, .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap:after {
    top: 0;
    bottom: 0;
    width: 30px
}

.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap:before, .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap:before, .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap:before, .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap:before {
    left: 0;
    box-shadow: inset 10px 0 8px -8px var(--shadow-color)
}

.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap:after, .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap:after, .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap:after, .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap:after {
    right: 0;
    box-shadow: inset -10px 0 8px -8px var(--shadow-color)
}

.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left:before, .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left:before, .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left:before, .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left:before {
    opacity: 1
}

.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right:after, .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right:after, .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right:after, .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right:after {
    opacity: 1
}

.ant-tabs-top > .ant-tabs-nav:before, .ant-tabs-top > div > .ant-tabs-nav:before {
    bottom: 0
}

.ant-tabs-top > .ant-tabs-nav .ant-tabs-ink-bar, .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-ink-bar {
    bottom: 0
}

.ant-tabs-bottom > .ant-tabs-nav, .ant-tabs-bottom > div > .ant-tabs-nav {
    order: 1;
    margin-top: 16px;
    margin-bottom: 0
}

.ant-tabs-bottom > .ant-tabs-nav:before, .ant-tabs-bottom > div > .ant-tabs-nav:before {
    top: 0
}

.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-ink-bar, .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-ink-bar {
    top: 0
}

.ant-tabs-bottom > .ant-tabs-content-holder, .ant-tabs-bottom > div > .ant-tabs-content-holder {
    order: 0
}

.ant-tabs-left > .ant-tabs-nav, .ant-tabs-right > .ant-tabs-nav, .ant-tabs-left > div > .ant-tabs-nav, .ant-tabs-right > div > .ant-tabs-nav {
    flex-direction: column;
    min-width: 50px
}

.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab, .ant-tabs-right > .ant-tabs-nav .ant-tabs-tab, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab {
    padding: 8px 24px;
    text-align: center
}

.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab, .ant-tabs-right > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab {
    margin: 16px 0 0
}

.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap, .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap {
    flex-direction: column
}

.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap:before, .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap:before, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap:before, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap:before, .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap:after, .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap:after, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap:after, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap:after {
    right: 0;
    left: 0;
    height: 30px
}

.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap:before, .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap:before, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap:before, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap:before {
    top: 0;
    box-shadow: inset 0 10px 8px -8px var(--shadow-color)
}

.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap:after, .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap:after, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap:after, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap:after {
    bottom: 0;
    box-shadow: inset 0 -10px 8px -8px var(--shadow-color)
}

.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top:before, .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top:before, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top:before, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top:before {
    opacity: 1
}

.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom:after, .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom:after, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom:after, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom:after {
    opacity: 1
}

.ant-tabs-left > .ant-tabs-nav .ant-tabs-ink-bar, .ant-tabs-right > .ant-tabs-nav .ant-tabs-ink-bar, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-ink-bar, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-ink-bar {
    width: 2px
}

.ant-tabs-left > .ant-tabs-nav .ant-tabs-ink-bar-animated, .ant-tabs-right > .ant-tabs-nav .ant-tabs-ink-bar-animated, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-ink-bar-animated, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-ink-bar-animated {
    transition: height .3s, top .3s
}

.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-list, .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-list, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-list, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-list, .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-operations, .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-operations, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-operations, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-operations {
    flex: 1 0 auto;
    flex-direction: column
}

.ant-tabs-left > .ant-tabs-nav .ant-tabs-ink-bar, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-ink-bar {
    right: 0
}

.ant-tabs-left > .ant-tabs-content-holder, .ant-tabs-left > div > .ant-tabs-content-holder {
    margin-left: -1px;
    border-left: 1px solid var(--border-color-split)
}

.ant-tabs-left > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane, .ant-tabs-left > div > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane {
    padding-left: 24px
}

.ant-tabs-right > .ant-tabs-nav, .ant-tabs-right > div > .ant-tabs-nav {
    order: 1
}

.ant-tabs-right > .ant-tabs-nav .ant-tabs-ink-bar, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-ink-bar {
    left: 0
}

.ant-tabs-right > .ant-tabs-content-holder, .ant-tabs-right > div > .ant-tabs-content-holder {
    order: 0;
    margin-right: -1px;
    border-right: 1px solid var(--border-color-split)
}

.ant-tabs-right > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane, .ant-tabs-right > div > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane {
    padding-right: 24px
}

.ant-tabs-dropdown {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: var(--text-color);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: absolute;
    top: -9999px;
    left: -9999px;
    z-index: 1050;
    display: block
}

.ant-tabs-dropdown-hidden {
    display: none
}

.ant-tabs-dropdown-menu {
    max-height: 200px;
    margin: 0;
    padding: 4px 0;
    overflow-x: hidden;
    overflow-y: auto;
    text-align: left;
    list-style-type: none;
    background-color: var(--dropdown-menu-bg);
    background-clip: padding-box;
    border-radius: 2px;
    outline: none;
    box-shadow: var(--box-shadow-base)
}

.ant-tabs-dropdown-menu-item {
    display: flex;
    align-items: center;
    min-width: 120px;
    margin: 0;
    padding: 5px 12px;
    overflow: hidden;
    color: var(--text-color);
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
    transition: all .3s
}

.ant-tabs-dropdown-menu-item > span {
    flex: 1;
    white-space: nowrap
}

.ant-tabs-dropdown-menu-item-remove {
    flex: none;
    margin-left: 12px;
    color: var(--text-color-secondary);
    font-size: 12px;
    background: transparent;
    border: 0;
    cursor: pointer
}

.ant-tabs-dropdown-menu-item-remove:hover {
    color: var(--primary-5)
}

.ant-tabs-dropdown-menu-item:hover {
    background: var(--item-hover-bg)
}

.ant-tabs-dropdown-menu-item-disabled, .ant-tabs-dropdown-menu-item-disabled:hover {
    color: var(--disabled-color);
    background: transparent;
    cursor: not-allowed
}

.ant-tabs-card > .ant-tabs-nav .ant-tabs-tab, .ant-tabs-card > div > .ant-tabs-nav .ant-tabs-tab {
    margin: 0;
    padding: 8px 16px;
    background: var(--background-color-light);
    border: 1px solid var(--border-color-split);
    transition: all .3s cubic-bezier(.645, .045, .355, 1)
}

.ant-tabs-card > .ant-tabs-nav .ant-tabs-tab-active, .ant-tabs-card > div > .ant-tabs-nav .ant-tabs-tab-active {
    color: var(--primary-color);
    background: var(--component-background)
}

.ant-tabs-card > .ant-tabs-nav .ant-tabs-ink-bar, .ant-tabs-card > div > .ant-tabs-nav .ant-tabs-ink-bar {
    visibility: hidden
}

.ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab, .ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab, .ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab, .ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab {
    margin-left: 2px
}

.ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab, .ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab {
    border-radius: 2px 2px 0 0
}

.ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab-active, .ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab-active {
    border-bottom-color: var(--component-background)
}

.ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab, .ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab {
    border-radius: 0 0 2px 2px
}

.ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab-active, .ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab-active {
    border-top-color: var(--component-background)
}

.ant-tabs-card.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab, .ant-tabs-card.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab, .ant-tabs-card.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab, .ant-tabs-card.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab {
    margin-top: 2px
}

.ant-tabs-card.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab, .ant-tabs-card.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab {
    border-radius: 2px 0 0 2px
}

.ant-tabs-card.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab-active, .ant-tabs-card.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab-active {
    border-right-color: var(--component-background)
}

.ant-tabs-card.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab, .ant-tabs-card.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab {
    border-radius: 0 2px 2px 0
}

.ant-tabs-card.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab-active, .ant-tabs-card.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab-active {
    border-left-color: var(--component-background)
}

.ant-tabs {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: var(--text-color);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    display: flex;
    overflow: hidden
}

.ant-tabs > .ant-tabs-nav, .ant-tabs > div > .ant-tabs-nav {
    position: relative;
    display: flex;
    flex: none;
    align-items: center
}

.ant-tabs > .ant-tabs-nav .ant-tabs-nav-wrap, .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-wrap {
    position: relative;
    display: inline-block;
    display: flex;
    flex: auto;
    align-self: stretch;
    overflow: hidden;
    white-space: nowrap;
    transform: translate(0)
}

.ant-tabs > .ant-tabs-nav .ant-tabs-nav-wrap:before, .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-wrap:before, .ant-tabs > .ant-tabs-nav .ant-tabs-nav-wrap:after, .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-wrap:after {
    position: absolute;
    z-index: 1;
    opacity: 0;
    transition: opacity .3s;
    content: "";
    pointer-events: none
}

.ant-tabs > .ant-tabs-nav .ant-tabs-nav-list, .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-list {
    position: relative;
    display: flex;
    transition: transform .3s
}

.ant-tabs > .ant-tabs-nav .ant-tabs-nav-operations, .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-operations {
    display: flex;
    align-self: stretch
}

.ant-tabs > .ant-tabs-nav .ant-tabs-nav-operations-hidden, .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-operations-hidden {
    position: absolute;
    visibility: hidden;
    pointer-events: none
}

.ant-tabs > .ant-tabs-nav .ant-tabs-nav-more, .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-more {
    position: relative;
    padding: 8px 16px;
    background: transparent;
    border: 0
}

.ant-tabs > .ant-tabs-nav .ant-tabs-nav-more:after, .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-more:after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 5px;
    transform: translateY(100%);
    content: ""
}

.ant-tabs > .ant-tabs-nav .ant-tabs-nav-add, .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add {
    min-width: 40px;
    margin-left: 2px;
    padding: 0 8px;
    background: var(--background-color-light);
    border: 1px solid var(--border-color-split);
    border-radius: 2px 2px 0 0;
    outline: none;
    cursor: pointer;
    transition: all .3s cubic-bezier(.645, .045, .355, 1)
}

.ant-tabs > .ant-tabs-nav .ant-tabs-nav-add:hover, .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add:hover {
    color: var(--primary-5)
}

.ant-tabs > .ant-tabs-nav .ant-tabs-nav-add:active, .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add:active, .ant-tabs > .ant-tabs-nav .ant-tabs-nav-add:focus, .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add:focus {
    color: var(--primary-7)
}

.ant-tabs-extra-content {
    flex: none
}

.ant-tabs-centered > .ant-tabs-nav .ant-tabs-nav-wrap:not([class*="ant-tabs-nav-wrap-ping"]), .ant-tabs-centered > div > .ant-tabs-nav .ant-tabs-nav-wrap:not([class*="ant-tabs-nav-wrap-ping"]) {
    justify-content: center
}

.ant-tabs-ink-bar {
    position: absolute;
    background: var(--primary-color);
    pointer-events: none
}

.ant-tabs-tab {
    position: relative;
    display: inline-flex;
    align-items: center;
    padding: 12px 0;
    font-size: 14px;
    background: transparent;
    border: 0;
    outline: none;
    cursor: pointer
}

.ant-tabs-tab-btn:focus, .ant-tabs-tab-remove:focus, .ant-tabs-tab-btn:active, .ant-tabs-tab-remove:active {
    color: var(--primary-7)
}

.ant-tabs-tab-btn {
    outline: none;
    transition: all .3s
}

.ant-tabs-tab-remove {
    flex: none;
    margin-right: -4px;
    margin-left: 8px;
    color: var(--text-color-secondary);
    font-size: 12px;
    background: transparent;
    border: none;
    outline: none;
    cursor: pointer;
    transition: all .3s
}

.ant-tabs-tab-remove:hover {
    color: var(--heading-color)
}

.ant-tabs-tab:hover {
    color: var(--primary-5)
}

.ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
    color: var(--primary-color);
    text-shadow: 0 0 .25px currentcolor
}

.ant-tabs-tab.ant-tabs-tab-disabled {
    color: var(--disabled-color);
    cursor: not-allowed
}

.ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-btn:focus, .ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-remove:focus, .ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-btn:active, .ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-remove:active {
    color: var(--disabled-color)
}

.ant-tabs-tab .ant-tabs-tab-remove .anticon {
    margin: 0
}

.ant-tabs-tab .anticon {
    margin-right: 12px
}

.ant-tabs-tab + .ant-tabs-tab {
    margin: 0 0 0 32px
}

.ant-tabs-content {
    display: flex;
    width: 100%
}

.ant-tabs-content-holder {
    flex: auto;
    min-width: 0;
    min-height: 0
}

.ant-tabs-content-animated {
    transition: margin .3s
}

.ant-tabs-tabpane {
    flex: none;
    width: 100%;
    outline: none
}

.ele-admin-layout {
    background: var(--layout-body-background)
}

.ele-admin-main {
    display: flex
}

.ele-admin-body {
    display: flex;
    flex-direction: column;
    min-height: calc(100vh - 48px);
    box-sizing: border-box;
    width: 100%
}

.ele-admin-body .ele-admin-content {
    flex: auto;
    display: flex;
    flex-direction: column;
    box-sizing: border-box
}

.ele-admin-body .ele-admin-content .ele-admin-content-view {
    flex: auto;
    box-sizing: border-box
}

.ele-admin-iframe {
    width: 100%;
    height: calc(100vh - 48px);
    box-sizing: border-box;
    display: block;
    border: none
}

.ele-admin-show-tabs .ele-admin-iframe {
    height: calc(100vh - 88px)
}

.ele-admin-fixed-body.ele-admin-show-tabs.ele-admin-tab-card .ele-admin-iframe {
    height: calc(100vh - 96px)
}

.ele-admin-shade {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2001;
    transition: background-color .3s cubic-bezier(.2, 0, 0, 1) 0s, left .3s cubic-bezier(.2, 0, 0, 1) 0s;
    visibility: hidden
}

.ele-admin-layout > .ant-back-top {
    right: 30px;
    bottom: 60px
}

.ele-admin-weak {
    filter: invert(.8);
    background: var(--heading-color);
    overflow-x: hidden
}

body.ele-transition-disabled .ele-admin-header, body.ele-transition-disabled .ele-admin-logo, body.ele-transition-disabled .ele-admin-sidebar, body.ele-transition-disabled .ele-admin-sidebar-nav, body.ele-transition-disabled .ele-admin-body, body.ele-transition-disabled .ele-admin-tabs, body.ele-transition-disabled .ele-admin-content, body.ele-transition-disabled .ele-modal-inner {
    transition: none !important
}

.ele-admin-header {
    display: flex;
    align-items: center;
    height: 48px;
    line-height: 48px;
    box-shadow: var(--header-light-shadow);
    background: var(--header-light-background);
    z-index: 101;
    box-sizing: border-box;
    position: relative
}

.ele-admin-header .ele-admin-logo {
    width: 210px;
    height: 48px;
    box-shadow: var(--logo-light-shadow);
    background: var(--header-light-background);
    transition: width .3s cubic-bezier(.2, 0, 0, 1) 0s, left .3s cubic-bezier(.2, 0, 0, 1) 0s, box-shadow .3s cubic-bezier(.2, 0, 0, 1) 0s;
    font-weight: 600;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
    font-size: 18px;
    color: var(--heading-color);
    white-space: nowrap;
    position: relative;
    overflow: hidden;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.ele-admin-header .ele-admin-logo > img {
    width: 30px;
    height: 30px
}

.ele-admin-header .ele-admin-logo > img + span {
    margin-left: 12px
}

.ele-admin-header .ele-admin-breadcrumb {
    flex-shrink: 0
}

.ele-admin-header .ele-admin-header-nav {
    flex: 1;
    overflow: hidden
}

.ele-admin-header .ele-admin-header-nav > .ant-menu {
    border: none;
    background: none;
    line-height: 48px
}

.ele-admin-header .ele-admin-header-nav > .ant-menu .ant-menu-item, .ele-admin-header .ele-admin-header-nav > .ant-menu .ant-menu-submenu {
    top: auto;
    margin-top: 0
}

.ele-admin-header .ele-admin-header-tool {
    display: flex;
    flex-shrink: 0;
    padding: 0 12px
}

.ele-admin-header .ele-admin-header-tool .ele-admin-header-tool-item {
    padding: 0 12px;
    font-size: 14px;
    transition: color .2s, background-color .2s;
    cursor: pointer
}

.ele-admin-header .ele-admin-header-tool .ele-admin-header-tool-item:hover {
    background: var(--header-tool-hover-bg)
}

.ele-admin-header .ele-admin-header-tool .ele-admin-header-tool-item .anticon-menu-fold, .ele-admin-header .ele-admin-header-tool .ele-admin-header-tool-item .anticon-menu-unfold, .ele-admin-header .ele-admin-header-tool .ele-admin-header-tool-item .anticon-more, .ele-admin-header .ele-admin-header-tool .ele-admin-header-tool-item .anticon-bell, .ele-admin-header .ele-admin-header-tool .ele-admin-header-tool-item .anticon-fullscreen, .ele-admin-header .ele-admin-header-tool .ele-admin-header-tool-item .anticon-fullscreen-exit {
    transform: scale(1.15)
}

.ele-admin-header .ele-admin-header-avatar {
    display: flex;
    align-items: center;
    position: relative;
    height: 100%
}

.ele-admin-header .ele-admin-header-avatar .ant-avatar {
    width: 28px;
    height: 28px;
    line-height: 28px
}

.ele-admin-header .ele-admin-header-avatar .ant-avatar + span {
    padding-left: 8px
}

.ele-admin-sidebar {
    flex-shrink: 0;
    width: 210px;
    min-height: calc(100vh - 48px);
    z-index: 102;
    background: var(--sidebar-light-background);
    box-shadow: var(--sidebar-light-shadow);
    transition: width .3s cubic-bezier(.2, 0, 0, 1) 0s, left .3s cubic-bezier(.2, 0, 0, 1) 0s, box-shadow .3s cubic-bezier(.2, 0, 0, 1) 0s;
    box-sizing: border-box;
    position: relative;
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
    overflow-y: auto
}

.ele-admin-sidebar > .ele-admin-sidebar-menus {
    flex: auto;
    overflow-x: hidden;
    overflow-y: auto
}

.ele-admin-sidebar > .ele-admin-sidebar-menus > .ant-menu {
    border: none;
    background: none;
    transition: none
}

.ele-admin-sidebar > .ele-admin-sidebar-menus > .ant-menu .ant-menu-item, .ele-admin-sidebar > .ele-admin-sidebar-menus > .ant-menu .ant-menu-submenu-title {
    width: 100%
}

.ele-admin-sidebar > .ele-admin-sidebar-menus > .ant-menu .ant-menu-submenu .ant-menu-sub {
    transition: none
}

.ele-admin-sidebar + .ele-admin-body {
    width: calc(100% - 210px);
    transition: width .3s cubic-bezier(.2, 0, 0, 1) 0s
}

.ele-admin-sidebar-nav {
    flex-shrink: 0;
    width: 80px;
    min-height: calc(100vh - 48px);
    box-shadow: -1px 0 0 var(--border-color-split) inset;
    transition: width .3s cubic-bezier(.2, 0, 0, 1) 0s, left .3s cubic-bezier(.2, 0, 0, 1) 0s, padding .3s cubic-bezier(.2, 0, 0, 1) 0s, box-shadow .3s cubic-bezier(.2, 0, 0, 1) 0s;
    z-index: 102;
    background: var(--component-background);
    box-sizing: border-box;
    position: relative;
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
    overflow-y: auto
}

.ele-admin-sidebar-nav > .ele-admin-sidebar-nav-menu {
    flex: auto;
    position: relative;
    box-sizing: border-box;
    padding: 0 8px;
    transition: padding .3s cubic-bezier(.2, 0, 0, 1) 0s;
    overflow-x: hidden;
    overflow-y: auto
}

.ele-admin-sidebar-nav > .ele-admin-sidebar-nav-menu > .ant-menu {
    border: none;
    background: none;
    width: auto
}

.ele-admin-sidebar-nav > .ele-admin-sidebar-nav-menu > .ant-menu > .ant-menu-item, .ele-admin-sidebar-nav > .ele-admin-sidebar-nav-menu > .ant-menu > .ant-menu-submenu {
    margin: 4px 0 8px;
    border-radius: 2px
}

.ele-admin-sidebar-nav > .ele-admin-sidebar-nav-menu > .ant-menu > .ant-menu-item {
    transition: color .3s cubic-bezier(.645, .045, .355, 1), background-color .3s cubic-bezier(.645, .045, .355, 1), margin .3s cubic-bezier(.645, .045, .355, 1)
}

.ele-admin-sidebar-nav > .ele-admin-sidebar-nav-menu > .ant-menu > .ant-menu-submenu {
    transition: margin .3s cubic-bezier(.645, .045, .355, 1)
}

.ele-admin-sidebar-nav > .ele-admin-sidebar-nav-menu > .ant-menu > .ant-menu-submenu > .ant-menu-submenu-title {
    margin: 0
}

.ele-admin-sidebar-nav > .ele-admin-sidebar-nav-menu > .ant-menu > .ant-menu-item, .ele-admin-sidebar-nav > .ele-admin-sidebar-nav-menu > .ant-menu > .ant-menu-submenu > .ant-menu-submenu-title {
    width: 100%;
    height: auto;
    line-height: 0;
    display: block;
    text-align: center;
    border-radius: 2px;
    padding: 12px 0 !important;
    transition: color .3s cubic-bezier(.645, .045, .355, 1), background-color .3s cubic-bezier(.645, .045, .355, 1), padding .3s cubic-bezier(.645, .045, .355, 1)
}

.ele-admin-sidebar-nav > .ele-admin-sidebar-nav-menu > .ant-menu > .ant-menu-item > .ant-menu-item-icon, .ele-admin-sidebar-nav > .ele-admin-sidebar-nav-menu > .ant-menu > .ant-menu-submenu > .ant-menu-submenu-title > .ant-menu-item-icon {
    margin: 0;
    line-height: 0;
    font-size: 16px;
    transition: font-size .3s cubic-bezier(.645, .045, .355, 1)
}

.ele-admin-sidebar-nav > .ele-admin-sidebar-nav-menu > .ant-menu > .ant-menu-item > .ant-menu-title-content, .ele-admin-sidebar-nav > .ele-admin-sidebar-nav-menu > .ant-menu > .ant-menu-submenu > .ant-menu-submenu-title > .ant-menu-title-content {
    margin: 0;
    opacity: 1;
    display: block;
    transition: none
}

.ele-admin-sidebar-nav > .ele-admin-sidebar-nav-menu > .ant-menu > .ant-menu-item > .ant-menu-title-content > span, .ele-admin-sidebar-nav > .ele-admin-sidebar-nav-menu > .ant-menu > .ant-menu-submenu > .ant-menu-submenu-title > .ant-menu-title-content > span {
    width: auto;
    height: auto;
    display: block;
    line-height: 1;
    font-size: 12px;
    max-height: 12px;
    margin: 6px 0 0;
    transition: transform .3s cubic-bezier(.645, .045, .355, 1), max-height .3s cubic-bezier(.645, .045, .355, 1), margin .3s cubic-bezier(.645, .045, .355, 1), visibility .3s cubic-bezier(.645, .045, .355, 1);
    overflow: hidden;
    white-space: nowrap;
    word-break: break-all;
    text-overflow: ellipsis;
    visibility: visible;
    transform: scale(1);
    max-width: none;
    opacity: 1
}

.ele-admin-sidebar-nav > .ele-admin-sidebar-nav-menu > .ant-menu > .ant-menu-item:after, .ele-admin-sidebar-nav > .ele-admin-sidebar-nav-menu > .ant-menu > .ant-menu-submenu > .ant-menu-submenu-title:after {
    display: none
}

.ele-admin-sidebar-nav > .ele-admin-sidebar-nav-menu > .ant-menu > .ant-menu-item:not(.ant-menu-item-selected):hover {
    background: var(--header-tool-hover-bg)
}

.ele-admin-sidebar-nav > .ele-admin-sidebar-nav-menu > .ant-menu > .ant-menu-submenu:not(.ant-menu-submenu-selected) > .ant-menu-submenu-title:not(:active):hover {
    background: var(--header-tool-hover-bg)
}

.ele-admin-sidebar-nav > .ele-admin-sidebar-nav-menu > .ant-menu > .ant-menu-submenu.ant-menu-submenu-selected > .ant-menu-submenu-title {
    background: var(--primary-1)
}

.ele-admin-sidebar-nav .ele-admin-sidebar-nav-tool-item {
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: var(--text-color);
    font-size: 16px;
    transition: color .3s cubic-bezier(.645, .045, .355, 1), background-color .3s cubic-bezier(.645, .045, .355, 1), padding .3s cubic-bezier(.645, .045, .355, 1);
    cursor: pointer
}

.ele-admin-sidebar-nav .ele-admin-sidebar-nav-tool-item:hover {
    color: var(--primary-color)
}

.ele-admin-sidebar-nav-menu-pop > .ant-menu {
    margin-left: 8px
}

.ele-admin-side-mix .ele-admin-logo {
    width: 80px
}

.ele-admin-side-mix .ele-admin-logo > span {
    display: none
}

.ele-admin-side-mix:not(.ele-admin-collapse) .ele-admin-logo {
    box-shadow: -1px 0 0 var(--border-color-split) inset
}

.ele-admin-side-mix .ele-admin-sidebar-nav + .ele-admin-sidebar {
    background: var(--component-background);
    box-shadow: var(--sidebar-light-shadow);
    width: 162px;
    z-index: 100
}

.ele-admin-side-mix .ele-admin-body {
    width: calc(100% - 80px)
}

.ele-admin-side-mix .ele-admin-sidebar + .ele-admin-body {
    width: calc(100% - 242px)
}

.ele-admin-tabs {
    background: var(--component-background);
    box-shadow: var(--header-light-shadow);
    z-index: 99
}

.ele-admin-tabs > .ant-tabs {
    background: none
}

.ele-admin-tabs > .ant-tabs .ant-tabs-nav {
    margin-bottom: 0
}

.ele-admin-tabs > .ant-tabs .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab {
    background: none;
    height: 40px;
    line-height: 40px;
    transition: background-color .3s, color .3s;
    border-radius: 0;
    border: none;
    padding: 0;
    margin: 0
}

.ele-admin-tabs > .ant-tabs .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab .ele-admin-tab-title {
    padding: 0 16px
}

.ele-admin-tabs > .ant-tabs .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab .ant-tabs-tab-remove {
    margin: 0
}

.ele-admin-tabs > .ant-tabs .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab-with-remove {
    padding-right: 4px
}

.ele-admin-tabs > .ant-tabs .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab-with-remove .ele-admin-tab-title {
    padding-right: 0
}

.ele-admin-tabs > .ant-tabs .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab-active {
    background: var(--primary-1)
}

.ele-admin-tabs > .ant-tabs .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-ink-bar {
    visibility: visible
}

.ele-admin-tabs > .ant-tabs .ant-tabs-nav .ant-tabs-extra-content {
    display: flex
}

.ele-admin-tabs > .ant-tabs .ant-tabs-content-holder, .ele-admin-tabs > .ant-tabs .ant-tabs-nav:before {
    display: none
}

.ele-admin-tabs > .ant-tabs .ele-admin-tabs-drop, .ele-admin-tabs > .ant-tabs .ele-admin-tabs-arrow, .ele-admin-tabs > .ant-tabs .ant-tabs-nav-operations .ant-tabs-nav-more {
    padding: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    cursor: pointer
}

.ele-admin-tabs > .ant-tabs .ele-admin-tabs-drop .anticon, .ele-admin-tabs > .ant-tabs .ele-admin-tabs-arrow .anticon, .ele-admin-tabs > .ant-tabs .ant-tabs-nav-operations .ant-tabs-nav-more .anticon {
    font-size: 12px;
    vertical-align: -1px
}

.ele-admin-tabs > .ant-tabs .ant-tabs-nav-more .anticon {
    font-size: 14px;
    vertical-align: -2px
}

.ele-admin-tabs-drop-popper, .ele-admin-tab-context-menu {
    min-width: 116px !important
}

.ele-admin-tabs-drop-popper {
    left: auto !important;
    right: 6px !important
}

.ant-tabs-dropdown {
    min-width: 140px !important
}

.ant-tabs-dropdown > .ant-tabs-dropdown-content {
    background: var(--dropdown-menu-bg);
    border-radius: 2px
}

.ant-tabs-dropdown .ant-tabs-dropdown-menu-item {
    padding-right: 6px
}

.ant-tabs-dropdown .ant-tabs-dropdown-menu-item > span {
    display: flex
}

.ant-tabs-dropdown .ant-tabs-dropdown-menu-item > span > span {
    flex: 1
}

.ant-tabs-dropdown .ant-tabs-dropdown-menu-item-remove {
    width: 22px;
    height: 22px;
    line-height: 22px;
    margin-left: 2px
}

.ele-dropdown-item {
    display: flex;
    align-items: center
}

.ele-dropdown-item .ele-dropdown-item-label {
    flex: 1;
    box-sizing: border-box
}

.ele-dropdown-item > * + .ele-dropdown-item-label {
    padding-left: 12px
}

.ele-admin-show-tabs:not(.ele-admin-tab-card):not(.ele-admin-head-dark) .ele-admin-header {
    box-shadow: 210px -1px 0 var(--border-color-split) inset;
    transition: padding-left .3s cubic-bezier(.2, 0, 0, 1) 0s, box-shadow .3s cubic-bezier(.2, 0, 0, 1) 0s
}

.ele-admin-show-tabs:not(.ele-admin-tab-card):not(.ele-admin-head-dark).ele-admin-collapse .ele-admin-header {
    box-shadow: 48px -1px 0 var(--border-color-split) inset
}

.ele-admin-show-tabs:not(.ele-admin-tab-card):not(.ele-admin-head-dark).ele-admin-side-mix .ele-admin-header {
    box-shadow: 80px -1px 0 var(--border-color-split) inset
}

.ele-admin-show-tabs:not(.ele-admin-tab-card):not(.ele-admin-head-dark).ele-admin-side-mix.ele-admin-nav-collapse:not(.ele-admin-logo-auto) .ele-admin-header {
    box-shadow: 48px -1px 0 var(--border-color-split) inset
}

.ele-admin-show-tabs:not(.ele-admin-tab-card):not(.ele-admin-head-dark).ele-admin-logo-auto .ele-admin-header {
    box-shadow: 0 -1px 0 var(--border-color-split) inset
}

.ele-admin-collapse .ele-admin-logo > span {
    display: none
}

.ele-admin-collapse:not(.ele-admin-side-mix) .ele-admin-logo, .ele-admin-collapse:not(.ele-admin-side-mix) .ele-admin-sidebar {
    width: 48px
}

.ele-admin-collapse .ele-admin-sidebar .ant-menu-inline-collapsed {
    width: 100%
}

.ele-admin-collapse .ele-admin-sidebar .ant-menu > .ant-menu-item, .ele-admin-collapse .ele-admin-sidebar .ant-menu > .ant-menu-submenu > .ant-menu-submenu-title {
    padding: 0 16px !important
}

.ele-admin-collapse.ele-admin-side-mix .ele-admin-sidebar-nav {
    box-shadow: var(--sidebar-light-shadow)
}

.ele-admin-collapse.ele-admin-side-mix .ele-admin-sidebar-nav + .ele-admin-sidebar {
    width: 0
}

.ele-admin-collapse .ele-admin-sidebar + .ele-admin-body {
    width: calc(100% - 48px)
}

.ele-admin-collapse.ele-admin-side-mix:not(.ele-admin-nav-collapse) .ele-admin-sidebar + .ele-admin-body {
    width: calc(100% - 80px)
}

.ele-admin-nav-collapse.ele-admin-side-mix .ele-admin-logo, .ele-admin-nav-collapse.ele-admin-side-mix .ele-admin-sidebar-nav {
    width: 48px
}

.ele-admin-nav-collapse.ele-admin-side-mix .ele-admin-sidebar-nav > .ele-admin-sidebar-nav-menu {
    padding: 0 4px
}

.ele-admin-nav-collapse.ele-admin-side-mix .ele-admin-sidebar-nav > .ele-admin-sidebar-nav-menu > .ant-menu > .ant-menu-item, .ele-admin-nav-collapse.ele-admin-side-mix .ele-admin-sidebar-nav > .ele-admin-sidebar-nav-menu > .ant-menu > .ant-menu-submenu {
    margin: 4px 0 8px
}

.ele-admin-nav-collapse.ele-admin-side-mix .ele-admin-sidebar-nav > .ele-admin-sidebar-nav-menu > .ant-menu > .ant-menu-item, .ele-admin-nav-collapse.ele-admin-side-mix .ele-admin-sidebar-nav > .ele-admin-sidebar-nav-menu > .ant-menu > .ant-menu-submenu > .ant-menu-submenu-title {
    padding: 12px 0 !important
}

.ele-admin-nav-collapse.ele-admin-side-mix .ele-admin-sidebar-nav > .ele-admin-sidebar-nav-menu > .ant-menu > .ant-menu-item > .ant-menu-item-icon, .ele-admin-nav-collapse.ele-admin-side-mix .ele-admin-sidebar-nav > .ele-admin-sidebar-nav-menu > .ant-menu > .ant-menu-submenu > .ant-menu-submenu-title > .ant-menu-item-icon {
    font-size: 16px
}

.ele-admin-nav-collapse.ele-admin-side-mix .ele-admin-sidebar-nav > .ele-admin-sidebar-nav-menu > .ant-menu > .ant-menu-item > .ant-menu-title-content > span, .ele-admin-nav-collapse.ele-admin-side-mix .ele-admin-sidebar-nav > .ele-admin-sidebar-nav-menu > .ant-menu > .ant-menu-submenu > .ant-menu-submenu-title > .ant-menu-title-content > span {
    margin: 0;
    max-height: 0;
    transform: scale(0);
    visibility: hidden
}

.ele-admin-nav-collapse.ele-admin-side-mix .ele-admin-body {
    width: calc(100% - 48px)
}

.ele-admin-nav-collapse.ele-admin-side-mix:not(.ele-admin-collapse) .ele-admin-sidebar + .ele-admin-body {
    width: calc(100% - 210px)
}

.ele-admin-fixed-header:not(.ele-admin-fixed-body) {
    padding-top: 48px
}

.ele-admin-fixed-header:not(.ele-admin-fixed-body) .ele-admin-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0
}

.ele-admin-fixed-header:not(.ele-admin-fixed-body).ele-admin-show-tabs .ele-admin-body {
    padding-top: 40px
}

.ele-admin-fixed-header:not(.ele-admin-fixed-body) .ele-admin-tabs {
    position: fixed;
    left: 0;
    right: 0;
    top: 48px;
    transition: left .3s cubic-bezier(.2, 0, 0, 1) 0s
}

.ele-admin-fixed-header:not(.ele-admin-fixed-body) .ele-admin-sidebar + .ele-admin-body .ele-admin-tabs {
    left: 210px
}

.ele-admin-fixed-header:not(.ele-admin-fixed-body).ele-admin-collapse .ele-admin-sidebar + .ele-admin-body .ele-admin-tabs {
    left: 48px
}

.ele-admin-fixed-header:not(.ele-admin-fixed-body):not(.ele-admin-fixed-sidebar) .ele-admin-sidebar, .ele-admin-fixed-header:not(.ele-admin-fixed-body):not(.ele-admin-fixed-sidebar) .ele-admin-sidebar-nav {
    z-index: 100
}

.ele-admin-fixed-header:not(.ele-admin-fixed-body):not(.ele-admin-fixed-sidebar):not(.ele-admin-logo-auto):not(.ele-admin-side-dark) .ele-admin-logo {
    box-shadow: 0 -1px 0 var(--border-color-split) inset
}

.ele-admin-fixed-header:not(.ele-admin-fixed-body):not(.ele-admin-fixed-sidebar):not(.ele-admin-logo-auto):not(.ele-admin-side-dark).ele-admin-head-dark .ele-admin-logo, .ele-admin-fixed-header:not(.ele-admin-fixed-body):not(.ele-admin-fixed-sidebar):not(.ele-admin-logo-auto):not(.ele-admin-side-dark).ele-admin-tab-card .ele-admin-logo, .ele-admin-fixed-header:not(.ele-admin-fixed-body):not(.ele-admin-fixed-sidebar):not(.ele-admin-logo-auto):not(.ele-admin-side-dark):not(.ele-admin-show-tabs) .ele-admin-logo {
    box-shadow: none
}

.ele-admin-fixed-header:not(.ele-admin-fixed-body).ele-admin-side-mix .ele-admin-sidebar + .ele-admin-body .ele-admin-tabs {
    left: 242px
}

.ele-admin-fixed-header:not(.ele-admin-fixed-body).ele-admin-side-mix .ele-admin-sidebar-nav + .ele-admin-body .ele-admin-tabs {
    left: 80px
}

.ele-admin-fixed-header:not(.ele-admin-fixed-body).ele-admin-side-mix.ele-admin-nav-collapse .ele-admin-sidebar + .ele-admin-body .ele-admin-tabs {
    left: 210px
}

.ele-admin-fixed-header:not(.ele-admin-fixed-body).ele-admin-side-mix.ele-admin-nav-collapse .ele-admin-sidebar-nav + .ele-admin-body .ele-admin-tabs {
    left: 48px
}

.ele-admin-fixed-header:not(.ele-admin-fixed-body).ele-admin-side-mix.ele-admin-collapse .ele-admin-sidebar + .ele-admin-body .ele-admin-tabs {
    left: 80px
}

.ele-admin-fixed-header:not(.ele-admin-fixed-body).ele-admin-side-mix.ele-admin-collapse.ele-admin-nav-collapse .ele-admin-sidebar + .ele-admin-body .ele-admin-tabs {
    left: 48px
}

.ele-admin-fixed-sidebar:not(.ele-admin-fixed-body) .ele-admin-sidebar, .ele-admin-fixed-sidebar:not(.ele-admin-fixed-body) .ele-admin-sidebar-nav {
    position: fixed;
    left: 0;
    bottom: 0;
    top: 48px
}

.ele-admin-fixed-sidebar:not(.ele-admin-fixed-body):not(.ele-admin-fixed-header):not(.ele-admin-logo-auto) .ele-admin-logo {
    position: fixed;
    top: 0;
    left: 0
}

.ele-admin-fixed-sidebar:not(.ele-admin-fixed-body).ele-admin-logo-auto:not(.ele-admin-fixed-header) .ele-admin-sidebar-nav, .ele-admin-fixed-sidebar:not(.ele-admin-fixed-body).ele-admin-logo-auto:not(.ele-admin-fixed-header):not(.ele-admin-side-mix) .ele-admin-sidebar {
    top: 0;
    z-index: 102
}

.ele-admin-fixed-sidebar:not(.ele-admin-fixed-body) .ele-admin-body {
    width: 100%
}

.ele-admin-fixed-sidebar:not(.ele-admin-fixed-body) .ele-admin-header, .ele-admin-fixed-sidebar:not(.ele-admin-fixed-body) .ele-admin-sidebar + .ele-admin-body, .ele-admin-fixed-sidebar:not(.ele-admin-fixed-body) .ele-admin-sidebar-nav + .ele-admin-body {
    padding-left: 210px;
    transition: padding-left .3s cubic-bezier(.2, 0, 0, 1) 0s, box-shadow .3s cubic-bezier(.2, 0, 0, 1) 0s
}

.ele-admin-fixed-sidebar:not(.ele-admin-fixed-body).ele-admin-collapse .ele-admin-sidebar + .ele-admin-body, .ele-admin-fixed-sidebar:not(.ele-admin-fixed-body).ele-admin-collapse:not(.ele-admin-fixed-header):not(.ele-admin-side-mix) .ele-admin-header {
    padding-left: 48px
}

.ele-admin-fixed-sidebar:not(.ele-admin-fixed-body).ele-admin-side-mix.ele-admin-collapse .ele-admin-body {
    width: 100%
}

.ele-admin-fixed-sidebar:not(.ele-admin-fixed-body).ele-admin-side-mix .ele-admin-sidebar {
    left: 80px
}

.ele-admin-fixed-sidebar:not(.ele-admin-fixed-body).ele-admin-side-mix .ele-admin-header, .ele-admin-fixed-sidebar:not(.ele-admin-fixed-body).ele-admin-side-mix .ele-admin-sidebar + .ele-admin-body, .ele-admin-fixed-sidebar:not(.ele-admin-fixed-body).ele-admin-side-mix .ele-admin-sidebar-nav + .ele-admin-body {
    padding-left: 80px
}

.ele-admin-fixed-sidebar:not(.ele-admin-fixed-body).ele-admin-side-mix:not(.ele-admin-fixed-header) .ele-admin-sidebar {
    position: relative;
    top: auto
}

.ele-admin-fixed-sidebar:not(.ele-admin-fixed-body).ele-admin-side-mix.ele-admin-nav-collapse .ele-admin-body {
    width: 100%
}

.ele-admin-fixed-sidebar:not(.ele-admin-fixed-body).ele-admin-side-mix.ele-admin-nav-collapse .ele-admin-header, .ele-admin-fixed-sidebar:not(.ele-admin-fixed-body).ele-admin-side-mix.ele-admin-nav-collapse .ele-admin-sidebar + .ele-admin-body, .ele-admin-fixed-sidebar:not(.ele-admin-fixed-body).ele-admin-side-mix.ele-admin-nav-collapse .ele-admin-sidebar-nav + .ele-admin-body {
    padding-left: 48px
}

.ele-admin-fixed-sidebar:not(.ele-admin-fixed-body).ele-admin-side-mix.ele-admin-nav-collapse .ele-admin-sidebar {
    left: 48px
}

.ele-admin-fixed-sidebar:not(.ele-admin-fixed-body).ele-admin-fixed-header .ele-admin-header {
    padding-left: 0
}

.ele-admin-fixed-sidebar:not(.ele-admin-fixed-body).ele-admin-fixed-header.ele-admin-side-mix .ele-admin-sidebar + .ele-admin-body {
    padding-left: 242px
}

.ele-admin-fixed-sidebar:not(.ele-admin-fixed-body).ele-admin-fixed-header.ele-admin-side-mix.ele-admin-collapse .ele-admin-sidebar + .ele-admin-body {
    padding-left: 80px
}

.ele-admin-fixed-sidebar:not(.ele-admin-fixed-body).ele-admin-fixed-header.ele-admin-side-mix.ele-admin-nav-collapse .ele-admin-header {
    padding-left: 0
}

.ele-admin-fixed-sidebar:not(.ele-admin-fixed-body).ele-admin-fixed-header.ele-admin-side-mix.ele-admin-nav-collapse .ele-admin-sidebar {
    left: 48px
}

.ele-admin-fixed-sidebar:not(.ele-admin-fixed-body).ele-admin-fixed-header.ele-admin-side-mix.ele-admin-nav-collapse .ele-admin-sidebar + .ele-admin-body {
    padding-left: 210px
}

.ele-admin-fixed-sidebar:not(.ele-admin-fixed-body).ele-admin-fixed-header.ele-admin-side-mix.ele-admin-nav-collapse.ele-admin-collapse .ele-admin-sidebar + .ele-admin-body {
    padding-left: 48px
}

.ele-admin-fixed-body .ele-admin-content {
    height: calc(100vh - 48px);
    overflow-x: hidden;
    overflow-y: auto
}

.ele-admin-fixed-body .ele-admin-sidebar, .ele-admin-fixed-body .ele-admin-sidebar-nav {
    height: calc(100vh - 48px)
}

.ele-admin-fixed-body.ele-admin-show-tabs .ele-admin-content {
    height: calc(100vh - 88px)
}

.ele-admin-fixed-body.ele-admin-show-tabs.ele-admin-tab-card .ele-admin-content {
    height: calc(100vh - 96px)
}

.ele-admin-body-fullscreen {
    padding-top: 0 !important
}

.ele-admin-body-fullscreen .ele-admin-header, .ele-admin-body-fullscreen .ele-admin-sidebar, .ele-admin-body-fullscreen .ele-admin-sidebar-nav {
    display: none
}

.ele-admin-body-fullscreen .ele-admin-body {
    min-height: 100vh;
    padding-left: 0 !important;
    width: 100% !important
}

.ele-admin-body-fullscreen .ele-admin-tabs {
    left: 0 !important;
    top: 0 !important
}

.ele-admin-body-fullscreen.ele-admin-fixed-body .ele-admin-content {
    height: 100vh !important
}

.ele-admin-body-fullscreen.ele-admin-fixed-body.ele-admin-show-tabs:not(.ele-admin-content-fullscreen) .ele-admin-content {
    height: calc(100vh - 40px) !important
}

.ele-admin-body-fullscreen.ele-admin-fixed-body.ele-admin-show-tabs:not(.ele-admin-content-fullscreen).ele-admin-tab-card .ele-admin-content {
    height: calc(100vh - 48px) !important
}

.ele-admin-body-fullscreen.ele-admin-content-fullscreen .ele-admin-body {
    padding-top: 0 !important
}

.ele-admin-body-fullscreen.ele-admin-content-fullscreen .ele-admin-tabs {
    display: none
}

.ele-admin-body-limit .ele-body {
    max-width: 1160px;
    margin: 0 auto
}

.ele-admin-logo-auto.ele-admin-layout .ele-admin-logo {
    width: auto;
    padding: 0 12px 0 24px;
    color: var(--heading-color);
    background: none;
    box-shadow: none;
    transition: none
}

.ele-admin-logo-auto.ele-admin-layout .ele-admin-logo > span {
    display: inline
}

.ele-admin-logo-auto.ele-admin-layout .ele-admin-logo + .ele-admin-header-nav {
    margin-left: 12px
}

.ele-admin-logo-auto.ele-admin-layout .ele-admin-sidebar, .ele-admin-logo-auto.ele-admin-layout .ele-admin-sidebar-nav {
    z-index: 100
}

.ele-admin-logo-auto.ele-admin-layout.ele-admin-head-dark .ele-admin-logo {
    color: #fff
}

.ele-admin-head-dark .ele-admin-header {
    color: rgba(255, 255, 255, .85);
    box-shadow: var(--header-dark-shadow);
    background: var(--header-background)
}

.ele-admin-head-dark .ele-admin-header .ele-admin-header-tool .ele-admin-header-tool-item:hover {
    color: #fff;
    background: var(--header-dark-tool-hover-bg)
}

.ele-admin-head-dark .ele-admin-header .ant-breadcrumb, .ele-admin-head-dark .ele-admin-header .ant-breadcrumb-separator, .ele-admin-head-dark .ele-admin-header .ant-breadcrumb a {
    color: rgba(255, 255, 255, .85)
}

.ele-admin-head-dark .ele-admin-header .ant-breadcrumb a:hover {
    color: #fff
}

.ele-admin-head-dark .ele-admin-header .ant-breadcrumb > span:last-child {
    color: rgba(255, 255, 255, .85)
}

.ele-admin-head-dark .ele-admin-header.ele-admin-header-primary {
    background-color: var(--primary-color)
}

.ele-admin-head-dark .ele-admin-header .ant-menu-light {
    color: rgba(255, 255, 255, .85)
}

.ele-admin-head-dark .ele-admin-header .ant-menu-light > .ant-menu-item:hover, .ele-admin-head-dark .ele-admin-header .ant-menu-light > .ant-menu-item-active, .ele-admin-head-dark .ele-admin-header .ant-menu-light > .ant-menu-item-selected, .ele-admin-head-dark .ele-admin-header .ant-menu-light > .ant-menu-submenu-active, .ele-admin-head-dark .ele-admin-header .ant-menu-light > .ant-menu-submenu-open, .ele-admin-head-dark .ele-admin-header .ant-menu-light > .ant-menu-submenu-selected, .ele-admin-head-dark .ele-admin-header .ant-menu-light > .ant-menu-submenu > .ant-menu-submenu-title:hover {
    color: #fff
}

.ele-admin-head-dark .ele-admin-header .ant-menu-light > .ant-menu-item:hover:after, .ele-admin-head-dark .ele-admin-header .ant-menu-light > .ant-menu-submenu:hover:after, .ele-admin-head-dark .ele-admin-header .ant-menu-light > .ant-menu-item-active:after, .ele-admin-head-dark .ele-admin-header .ant-menu-light > .ant-menu-submenu-active:after, .ele-admin-head-dark .ele-admin-header .ant-menu-light > .ant-menu-item-open:after, .ele-admin-head-dark .ele-admin-header .ant-menu-light > .ant-menu-submenu-open:after, .ele-admin-head-dark .ele-admin-header .ant-menu-light > .ant-menu-item-selected:after, .ele-admin-head-dark .ele-admin-header .ant-menu-light > .ant-menu-submenu-selected:after {
    border-bottom-color: #fff
}

.ele-admin-side-dark .ele-admin-logo {
    color: #fff;
    box-shadow: var(--logo-dark-shadow);
    background: var(--sidebar-background)
}

.ele-admin-side-dark .ele-admin-sidebar {
    box-shadow: var(--sidebar-dark-shadow);
    background: var(--sidebar-background)
}

.ele-admin-side-dark.ele-admin-side-mix:not(.ele-admin-collapse) .ele-admin-logo, .ele-admin-side-dark.ele-admin-side-mix:not(.ele-admin-collapse) .ele-admin-sidebar-nav {
    box-shadow: none
}

.ele-admin-side-dark.ele-admin-side-mix .ele-admin-sidebar-nav {
    background: var(--sidebar-background)
}

.ele-admin-side-dark.ele-admin-side-mix .ele-admin-sidebar-nav > .ele-admin-sidebar-nav-menu > .ant-menu > .ant-menu-item:not(.ant-menu-item-selected):hover {
    background: var(--header-dark-tool-hover-bg)
}

.ele-admin-side-dark.ele-admin-side-mix .ele-admin-sidebar-nav > .ele-admin-sidebar-nav-menu > .ant-menu > .ant-menu-submenu:not(.ant-menu-submenu-selected) > .ant-menu-submenu-title:hover {
    background: var(--header-dark-tool-hover-bg)
}

.ele-admin-side-dark.ele-admin-side-mix .ele-admin-sidebar-nav > .ele-admin-sidebar-nav-menu > .ant-menu > .ant-menu-submenu.ant-menu-submenu-selected > .ant-menu-submenu-title {
    background: var(--primary-color);
    color: #fff
}

.ele-admin-side-dark.ele-admin-side-mix .ele-admin-sidebar-nav .ele-admin-sidebar-nav-tool-item {
    color: rgba(255, 255, 255, .85)
}

.ele-admin-side-dark.ele-admin-side-mix .ele-admin-sidebar-nav .ele-admin-sidebar-nav-tool-item:hover {
    color: #fff
}

.ele-admin-tab-dot .ele-admin-tabs > .ant-tabs .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab .ele-admin-tab-title {
    padding-left: 12px
}

.ele-admin-tab-dot .ele-admin-tabs > .ant-tabs .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab .ele-admin-tab-title:before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-right: 8px;
    background: var(--border-color-base);
    transition: background-color .3s;
    vertical-align: baseline;
    display: inline-block
}

.ele-admin-tab-dot .ele-admin-tabs > .ant-tabs .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab-active .ele-admin-tab-title:before {
    background: var(--primary-color)
}

.ele-admin-tab-dot .ele-admin-tabs > .ant-tabs .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-ink-bar {
    display: none
}

.ele-admin-tab-card .ele-admin-tabs {
    padding-top: 8px;
    background: var(--layout-body-background);
    box-shadow: 0 8px 0 var(--layout-body-background)
}

.ele-admin-tab-card .ele-admin-tabs > .ant-tabs .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab {
    border-radius: 4px;
    height: 32px;
    line-height: 32px;
    background: var(--component-background)
}

.ele-admin-tab-card .ele-admin-tabs > .ant-tabs .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab + .ant-tabs-tab {
    margin-left: 8px
}

.ele-admin-tab-card .ele-admin-tabs > .ant-tabs .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-ink-bar {
    display: none
}

.ele-admin-tab-card .ele-admin-tabs > .ant-tabs .ant-tabs-nav-more, .ele-admin-tab-card .ele-admin-tabs > .ant-tabs .ele-admin-tabs-arrow, .ele-admin-tab-card .ele-admin-tabs > .ant-tabs .ele-admin-tabs-drop {
    border-radius: 4px;
    height: 32px;
    line-height: 32px
}

.ele-admin-tab-card .ele-admin-tabs > .ant-tabs .ele-admin-tabs-drop {
    width: 32px;
    background: var(--component-background);
    margin-right: 8px
}

.ele-admin-tab-card .ele-admin-tabs + .ele-admin-content {
    margin-top: 8px
}

.ele-admin-tab-card .ele-admin-tabs + .ele-admin-content > .ele-admin-content-view > .ele-body:first-child {
    padding-top: 0
}

.ele-admin-side-colorful .ele-admin-sidebar .ele-admin-sidebar-menus > .ant-menu > li > .ant-menu-item-icon, .ele-admin-side-colorful .ele-admin-sidebar .ele-admin-sidebar-menus > .ant-menu > li > .ant-menu-submenu-title > .ant-menu-item-icon {
    color: #fff;
    background: #61b2fc;
    width: 26px;
    height: 26px;
    line-height: 30px;
    font-size: 14px;
    vertical-align: -.05em;
    border-radius: 50%;
    text-align: center
}

.ele-admin-side-colorful .ele-admin-sidebar .ele-admin-sidebar-menus > .ant-menu > li:nth-child(even) > .ant-menu-item-icon, .ele-admin-side-colorful .ele-admin-sidebar .ele-admin-sidebar-menus > .ant-menu > li:nth-child(even) > .ant-menu-submenu-title > .ant-menu-item-icon {
    background: #7dd733
}

.ele-admin-side-colorful .ele-admin-sidebar .ele-admin-sidebar-menus > .ant-menu > li:nth-child(3) > .ant-menu-item-icon, .ele-admin-side-colorful .ele-admin-sidebar .ele-admin-sidebar-menus > .ant-menu > li:nth-child(3) > .ant-menu-submenu-title > .ant-menu-item-icon {
    background: #32a2d4
}

.ele-admin-side-colorful .ele-admin-sidebar .ele-admin-sidebar-menus > .ant-menu > li:nth-child(4) > .ant-menu-item-icon, .ele-admin-side-colorful .ele-admin-sidebar .ele-admin-sidebar-menus > .ant-menu > li:nth-child(4) > .ant-menu-submenu-title > .ant-menu-item-icon {
    background: #7383cf
}

.ele-admin-side-colorful .ele-admin-sidebar .ele-admin-sidebar-menus > .ant-menu > li:nth-child(5) > .ant-menu-item-icon, .ele-admin-side-colorful .ele-admin-sidebar .ele-admin-sidebar-menus > .ant-menu > li:nth-child(5) > .ant-menu-submenu-title > .ant-menu-item-icon {
    background: #f5686f
}

.ele-admin-side-colorful .ele-admin-sidebar .ele-admin-sidebar-menus > .ant-menu > li:nth-child(6) > .ant-menu-item-icon, .ele-admin-side-colorful .ele-admin-sidebar .ele-admin-sidebar-menus > .ant-menu > li:nth-child(6) > .ant-menu-submenu-title > .ant-menu-item-icon {
    background: #2bccce
}

.ele-admin-side-colorful .ele-admin-sidebar .ele-admin-sidebar-menus > .ant-menu > li:nth-child(7) > .ant-menu-item-icon, .ele-admin-side-colorful .ele-admin-sidebar .ele-admin-sidebar-menus > .ant-menu > li:nth-child(7) > .ant-menu-submenu-title > .ant-menu-item-icon {
    background: #7dd733
}

.ele-admin-side-colorful .ele-admin-sidebar .ele-admin-sidebar-menus > .ant-menu > li:nth-child(8) > .ant-menu-item-icon, .ele-admin-side-colorful .ele-admin-sidebar .ele-admin-sidebar-menus > .ant-menu > li:nth-child(8) > .ant-menu-submenu-title > .ant-menu-item-icon {
    background: #faad14
}

.ele-admin-side-colorful .ele-admin-sidebar .ant-menu-submenu > .ant-menu > li > .ant-menu-item-icon, .ele-admin-side-colorful .ele-admin-sidebar .ant-menu-submenu > .ant-menu > li > .ant-menu-submenu-title > .ant-menu-item-icon {
    display: none
}

.ele-admin-side-colorful .ele-admin-sidebar .ant-menu-submenu > .ant-menu > li > .ant-menu-item-icon + .ant-menu-title-content, .ele-admin-side-colorful .ele-admin-sidebar .ant-menu-submenu > .ant-menu > li > .ant-menu-submenu-title > .ant-menu-item-icon + .ant-menu-title-content {
    margin-left: 0
}

.ele-admin-side-colorful .ele-admin-sidebar .ant-menu-submenu > .ant-menu > li:not(.ant-menu-submenu):before, .ele-admin-side-colorful .ele-admin-sidebar .ant-menu-submenu > .ant-menu > li > .ant-menu-submenu-title:before {
    content: "";
    width: 8px;
    height: 8px;
    margin: 0 8px;
    position: static;
    border-radius: 50%;
    display: inline-block;
    vertical-align: .05em;
    background: #d9d9d9;
    transition: background-color .3s cubic-bezier(.645, .045, .355, 1)
}

.ele-admin-side-colorful .ele-admin-sidebar .ant-menu-submenu > .ant-menu > li:not(.ant-menu-submenu):hover:before, .ele-admin-side-colorful .ele-admin-sidebar .ant-menu-submenu > .ant-menu > li:not(.ant-menu-submenu).ant-menu-item-selected:before, .ele-admin-side-colorful .ele-admin-sidebar .ant-menu-submenu > .ant-menu > li.ant-menu-submenu:hover > .ant-menu-submenu-title:before {
    background: var(--primary-color)
}

.ele-admin-side-colorful.ele-admin-side-dark:not(.ele-admin-side-mix) .ele-admin-sidebar .ant-menu-submenu > .ant-menu > li:not(.ant-menu-submenu):before, .ele-admin-side-colorful.ele-admin-side-dark:not(.ele-admin-side-mix) .ele-admin-sidebar .ant-menu-submenu > .ant-menu > li > .ant-menu-submenu-title:before {
    background: rgba(255, 255, 255, .85)
}

.ele-admin-side-colorful.ele-admin-side-dark:not(.ele-admin-side-mix) .ele-admin-sidebar .ant-menu-submenu > .ant-menu > li:not(.ant-menu-submenu):hover:before, .ele-admin-side-colorful.ele-admin-side-dark:not(.ele-admin-side-mix) .ele-admin-sidebar .ant-menu-submenu > .ant-menu > li:not(.ant-menu-submenu).ant-menu-item-selected:before, .ele-admin-side-colorful.ele-admin-side-dark:not(.ele-admin-side-mix) .ele-admin-sidebar .ant-menu-submenu > .ant-menu > li.ant-menu-submenu:hover > .ant-menu-submenu-title:before {
    background: #fff
}

.ele-admin-side-colorful.ele-admin-collapse .ele-admin-sidebar .ant-menu > .ant-menu-item, .ele-admin-side-colorful.ele-admin-collapse .ele-admin-sidebar .ant-menu > .ant-menu-submenu > .ant-menu-submenu-title {
    padding: 0 11px !important
}

@media screen and (max-width: 768px) {
    .ele-admin-responsive .ele-admin-logo, .ele-admin-responsive .ele-admin-sidebar {
        position: fixed !important;
        left: 0 !important;
        width: 210px !important;
        z-index: 2002 !important
    }

    .ele-admin-responsive .ele-admin-sidebar {
        top: 48px !important
    }

    .ele-admin-responsive .ele-admin-logo > span {
        display: inline !important
    }

    .ele-admin-responsive .ele-admin-body, .ele-admin-responsive .ele-admin-header {
        padding-left: 0 !important;
        width: 100% !important
    }

    .ele-admin-responsive .ele-admin-tabs {
        left: 0 !important
    }

    .ele-admin-responsive .ele-admin-breadcrumb, .ele-admin-responsive .ele-admin-sidebar-nav {
        display: none
    }

    .ele-admin-responsive:not(.ele-admin-collapse) .ele-admin-shade {
        left: 210px;
        background: rgba(0, 0, 0, .45);
        visibility: visible
    }

    .ele-admin-responsive:not(.ele-admin-collapse) .ele-admin-header {
        z-index: auto
    }

    .ele-admin-responsive.ele-admin-collapse .ele-admin-sidebar, .ele-admin-responsive.ele-admin-collapse .ele-admin-logo {
        left: -210px !important;
        box-shadow: none !important
    }

    .ele-admin-responsive.ele-admin-show-tabs:not(.ele-admin-tab-card):not(.ele-admin-head-dark) .ele-admin-header {
        box-shadow: 0 -1px 0 var(--border-color-split) inset !important
    }
}

.ele-admin-sidebar, .ele-admin-sidebar > .ele-admin-sidebar-menus, .ele-admin-sidebar-nav, .ele-admin-sidebar-nav > .ele-admin-sidebar-nav-menu, .ant-menu-submenu-popup > .ant-menu.ant-menu-vertical {
    overflow-y: overlay;
    scrollbar-width: thin;
    scrollbar-color: var(--sidebar-light-scrollbar-thumb-color) transparent
}

.ele-admin-sidebar::-webkit-scrollbar, .ele-admin-sidebar > .ele-admin-sidebar-menus::-webkit-scrollbar, .ele-admin-sidebar-nav::-webkit-scrollbar, .ele-admin-sidebar-nav > .ele-admin-sidebar-nav-menu::-webkit-scrollbar, .ant-menu-submenu-popup > .ant-menu.ant-menu-vertical::-webkit-scrollbar {
    width: 8px;
    height: 8px
}

.ele-admin-sidebar::-webkit-scrollbar-thumb, .ele-admin-sidebar > .ele-admin-sidebar-menus::-webkit-scrollbar-thumb, .ele-admin-sidebar-nav::-webkit-scrollbar-thumb, .ele-admin-sidebar-nav > .ele-admin-sidebar-nav-menu::-webkit-scrollbar-thumb, .ant-menu-submenu-popup > .ant-menu.ant-menu-vertical::-webkit-scrollbar-thumb {
    border-radius: 4px;
    border: 2px solid transparent;
    background-color: var(--sidebar-light-scrollbar-thumb-color);
    background-clip: padding-box
}

.ele-admin-sidebar::-webkit-scrollbar-thumb:hover, .ele-admin-sidebar > .ele-admin-sidebar-menus::-webkit-scrollbar-thumb:hover, .ele-admin-sidebar-nav::-webkit-scrollbar-thumb:hover, .ele-admin-sidebar-nav > .ele-admin-sidebar-nav-menu::-webkit-scrollbar-thumb:hover, .ant-menu-submenu-popup > .ant-menu.ant-menu-vertical::-webkit-scrollbar-thumb:hover {
    background-color: var(--sidebar-light-scrollbar-thumb-hover-color)
}

.ele-admin-sidebar::-webkit-scrollbar-track, .ele-admin-sidebar > .ele-admin-sidebar-menus::-webkit-scrollbar-track, .ele-admin-sidebar-nav::-webkit-scrollbar-track, .ele-admin-sidebar-nav > .ele-admin-sidebar-nav-menu::-webkit-scrollbar-track, .ant-menu-submenu-popup > .ant-menu.ant-menu-vertical::-webkit-scrollbar-track {
    background: var(--sidebar-light-scrollbar-track-color)
}

.ele-admin-sidebar::-webkit-scrollbar-corner, .ele-admin-sidebar > .ele-admin-sidebar-menus::-webkit-scrollbar-corner, .ele-admin-sidebar-nav::-webkit-scrollbar-corner, .ele-admin-sidebar-nav > .ele-admin-sidebar-nav-menu::-webkit-scrollbar-corner, .ant-menu-submenu-popup > .ant-menu.ant-menu-vertical::-webkit-scrollbar-corner {
    background: transparent
}

@media (hover: hover) and (pointer: fine) {
    .ele-admin-sidebar::-webkit-scrollbar, .ele-admin-sidebar > .ele-admin-sidebar-menus::-webkit-scrollbar, .ele-admin-sidebar-nav::-webkit-scrollbar, .ele-admin-sidebar-nav > .ele-admin-sidebar-nav-menu::-webkit-scrollbar, .ant-menu-submenu-popup > .ant-menu.ant-menu-vertical::-webkit-scrollbar {
        width: 0;
        height: 0
    }

    .ele-admin-sidebar:hover::-webkit-scrollbar, .ele-admin-sidebar > .ele-admin-sidebar-menus:hover::-webkit-scrollbar, .ele-admin-sidebar-nav:hover::-webkit-scrollbar, .ele-admin-sidebar-nav > .ele-admin-sidebar-nav-menu:hover::-webkit-scrollbar, .ant-menu-submenu-popup > .ant-menu.ant-menu-vertical:hover::-webkit-scrollbar {
        width: 8px;
        height: 8px
    }
}

.ele-admin-side-dark:not(.ele-admin-side-mix) > .ele-admin-sidebar, .ele-admin-side-dark:not(.ele-admin-side-mix) .ele-admin-sidebar > .ele-admin-sidebar-menus, .ele-admin-side-dark .ele-admin-sidebar-nav, .ele-admin-side-dark .ele-admin-sidebar-nav > .ele-admin-sidebar-nav-menu, .ant-menu-submenu-popup.ant-menu-dark > .ant-menu.ant-menu-vertical {
    scrollbar-color: var(--sidebar-scrollbar-thumb-color) transparent
}

.ele-admin-side-dark:not(.ele-admin-side-mix) > .ele-admin-sidebar::-webkit-scrollbar-thumb, .ele-admin-side-dark:not(.ele-admin-side-mix) .ele-admin-sidebar > .ele-admin-sidebar-menus::-webkit-scrollbar-thumb, .ele-admin-side-dark .ele-admin-sidebar-nav::-webkit-scrollbar-thumb, .ele-admin-side-dark .ele-admin-sidebar-nav > .ele-admin-sidebar-nav-menu::-webkit-scrollbar-thumb, .ant-menu-submenu-popup.ant-menu-dark > .ant-menu.ant-menu-vertical::-webkit-scrollbar-thumb {
    background-color: var(--sidebar-scrollbar-thumb-color)
}

.ele-admin-side-dark:not(.ele-admin-side-mix) > .ele-admin-sidebar::-webkit-scrollbar-thumb:hover, .ele-admin-side-dark:not(.ele-admin-side-mix) .ele-admin-sidebar > .ele-admin-sidebar-menus::-webkit-scrollbar-thumb:hover, .ele-admin-side-dark .ele-admin-sidebar-nav::-webkit-scrollbar-thumb:hover, .ele-admin-side-dark .ele-admin-sidebar-nav > .ele-admin-sidebar-nav-menu::-webkit-scrollbar-thumb:hover, .ant-menu-submenu-popup.ant-menu-dark > .ant-menu.ant-menu-vertical::-webkit-scrollbar-thumb:hover {
    background-color: var(--sidebar-scrollbar-thumb-hover-color)
}

.ele-admin-side-dark:not(.ele-admin-side-mix) > .ele-admin-sidebar::-webkit-scrollbar-track, .ele-admin-side-dark:not(.ele-admin-side-mix) .ele-admin-sidebar > .ele-admin-sidebar-menus::-webkit-scrollbar-track, .ele-admin-side-dark .ele-admin-sidebar-nav::-webkit-scrollbar-track, .ele-admin-side-dark .ele-admin-sidebar-nav > .ele-admin-sidebar-nav-menu::-webkit-scrollbar-track, .ant-menu-submenu-popup.ant-menu-dark > .ant-menu.ant-menu-vertical::-webkit-scrollbar-track {
    background: var(--sidebar-scrollbar-track-color)
}

.ant-row {
    display: flex;
    flex-flow: row wrap
}

.ant-row:before, .ant-row:after {
    display: flex
}

.ant-row-no-wrap {
    flex-wrap: nowrap
}

.ant-row-start {
    justify-content: flex-start
}

.ant-row-center {
    justify-content: center
}

.ant-row-end {
    justify-content: flex-end
}

.ant-row-space-between {
    justify-content: space-between
}

.ant-row-space-around {
    justify-content: space-around
}

.ant-row-top {
    align-items: flex-start
}

.ant-row-middle {
    align-items: center
}

.ant-row-bottom {
    align-items: flex-end
}

.ant-col {
    position: relative;
    max-width: 100%;
    min-height: 1px
}

.ant-col-24 {
    display: block;
    flex: 0 0 100%;
    max-width: 100%
}

.ant-col-push-24 {
    left: 100%
}

.ant-col-pull-24 {
    right: 100%
}

.ant-col-offset-24 {
    margin-left: 100%
}

.ant-col-order-24 {
    order: 24
}

.ant-col-23 {
    display: block;
    flex: 0 0 95.83333333%;
    max-width: 95.83333333%
}

.ant-col-push-23 {
    left: 95.83333333%
}

.ant-col-pull-23 {
    right: 95.83333333%
}

.ant-col-offset-23 {
    margin-left: 95.83333333%
}

.ant-col-order-23 {
    order: 23
}

.ant-col-22 {
    display: block;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%
}

.ant-col-push-22 {
    left: 91.66666667%
}

.ant-col-pull-22 {
    right: 91.66666667%
}

.ant-col-offset-22 {
    margin-left: 91.66666667%
}

.ant-col-order-22 {
    order: 22
}

.ant-col-21 {
    display: block;
    flex: 0 0 87.5%;
    max-width: 87.5%
}

.ant-col-push-21 {
    left: 87.5%
}

.ant-col-pull-21 {
    right: 87.5%
}

.ant-col-offset-21 {
    margin-left: 87.5%
}

.ant-col-order-21 {
    order: 21
}

.ant-col-20 {
    display: block;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%
}

.ant-col-push-20 {
    left: 83.33333333%
}

.ant-col-pull-20 {
    right: 83.33333333%
}

.ant-col-offset-20 {
    margin-left: 83.33333333%
}

.ant-col-order-20 {
    order: 20
}

.ant-col-19 {
    display: block;
    flex: 0 0 79.16666667%;
    max-width: 79.16666667%
}

.ant-col-push-19 {
    left: 79.16666667%
}

.ant-col-pull-19 {
    right: 79.16666667%
}

.ant-col-offset-19 {
    margin-left: 79.16666667%
}

.ant-col-order-19 {
    order: 19
}

.ant-col-18 {
    display: block;
    flex: 0 0 75%;
    max-width: 75%
}

.ant-col-push-18 {
    left: 75%
}

.ant-col-pull-18 {
    right: 75%
}

.ant-col-offset-18 {
    margin-left: 75%
}

.ant-col-order-18 {
    order: 18
}

.ant-col-17 {
    display: block;
    flex: 0 0 70.83333333%;
    max-width: 70.83333333%
}

.ant-col-push-17 {
    left: 70.83333333%
}

.ant-col-pull-17 {
    right: 70.83333333%
}

.ant-col-offset-17 {
    margin-left: 70.83333333%
}

.ant-col-order-17 {
    order: 17
}

.ant-col-16 {
    display: block;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%
}

.ant-col-push-16 {
    left: 66.66666667%
}

.ant-col-pull-16 {
    right: 66.66666667%
}

.ant-col-offset-16 {
    margin-left: 66.66666667%
}

.ant-col-order-16 {
    order: 16
}

.ant-col-15 {
    display: block;
    flex: 0 0 62.5%;
    max-width: 62.5%
}

.ant-col-push-15 {
    left: 62.5%
}

.ant-col-pull-15 {
    right: 62.5%
}

.ant-col-offset-15 {
    margin-left: 62.5%
}

.ant-col-order-15 {
    order: 15
}

.ant-col-14 {
    display: block;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%
}

.ant-col-push-14 {
    left: 58.33333333%
}

.ant-col-pull-14 {
    right: 58.33333333%
}

.ant-col-offset-14 {
    margin-left: 58.33333333%
}

.ant-col-order-14 {
    order: 14
}

.ant-col-13 {
    display: block;
    flex: 0 0 54.16666667%;
    max-width: 54.16666667%
}

.ant-col-push-13 {
    left: 54.16666667%
}

.ant-col-pull-13 {
    right: 54.16666667%
}

.ant-col-offset-13 {
    margin-left: 54.16666667%
}

.ant-col-order-13 {
    order: 13
}

.ant-col-12 {
    display: block;
    flex: 0 0 50%;
    max-width: 50%
}

.ant-col-push-12 {
    left: 50%
}

.ant-col-pull-12 {
    right: 50%
}

.ant-col-offset-12 {
    margin-left: 50%
}

.ant-col-order-12 {
    order: 12
}

.ant-col-11 {
    display: block;
    flex: 0 0 45.83333333%;
    max-width: 45.83333333%
}

.ant-col-push-11 {
    left: 45.83333333%
}

.ant-col-pull-11 {
    right: 45.83333333%
}

.ant-col-offset-11 {
    margin-left: 45.83333333%
}

.ant-col-order-11 {
    order: 11
}

.ant-col-10 {
    display: block;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%
}

.ant-col-push-10 {
    left: 41.66666667%
}

.ant-col-pull-10 {
    right: 41.66666667%
}

.ant-col-offset-10 {
    margin-left: 41.66666667%
}

.ant-col-order-10 {
    order: 10
}

.ant-col-9 {
    display: block;
    flex: 0 0 37.5%;
    max-width: 37.5%
}

.ant-col-push-9 {
    left: 37.5%
}

.ant-col-pull-9 {
    right: 37.5%
}

.ant-col-offset-9 {
    margin-left: 37.5%
}

.ant-col-order-9 {
    order: 9
}

.ant-col-8 {
    display: block;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%
}

.ant-col-push-8 {
    left: 33.33333333%
}

.ant-col-pull-8 {
    right: 33.33333333%
}

.ant-col-offset-8 {
    margin-left: 33.33333333%
}

.ant-col-order-8 {
    order: 8
}

.ant-col-7 {
    display: block;
    flex: 0 0 29.16666667%;
    max-width: 29.16666667%
}

.ant-col-push-7 {
    left: 29.16666667%
}

.ant-col-pull-7 {
    right: 29.16666667%
}

.ant-col-offset-7 {
    margin-left: 29.16666667%
}

.ant-col-order-7 {
    order: 7
}

.ant-col-6 {
    display: block;
    flex: 0 0 25%;
    max-width: 25%
}

.ant-col-push-6 {
    left: 25%
}

.ant-col-pull-6 {
    right: 25%
}

.ant-col-offset-6 {
    margin-left: 25%
}

.ant-col-order-6 {
    order: 6
}

.ant-col-5 {
    display: block;
    flex: 0 0 20.83333333%;
    max-width: 20.83333333%
}

.ant-col-push-5 {
    left: 20.83333333%
}

.ant-col-pull-5 {
    right: 20.83333333%
}

.ant-col-offset-5 {
    margin-left: 20.83333333%
}

.ant-col-order-5 {
    order: 5
}

.ant-col-4 {
    display: block;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%
}

.ant-col-push-4 {
    left: 16.66666667%
}

.ant-col-pull-4 {
    right: 16.66666667%
}

.ant-col-offset-4 {
    margin-left: 16.66666667%
}

.ant-col-order-4 {
    order: 4
}

.ant-col-3 {
    display: block;
    flex: 0 0 12.5%;
    max-width: 12.5%
}

.ant-col-push-3 {
    left: 12.5%
}

.ant-col-pull-3 {
    right: 12.5%
}

.ant-col-offset-3 {
    margin-left: 12.5%
}

.ant-col-order-3 {
    order: 3
}

.ant-col-2 {
    display: block;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%
}

.ant-col-push-2 {
    left: 8.33333333%
}

.ant-col-pull-2 {
    right: 8.33333333%
}

.ant-col-offset-2 {
    margin-left: 8.33333333%
}

.ant-col-order-2 {
    order: 2
}

.ant-col-1 {
    display: block;
    flex: 0 0 4.16666667%;
    max-width: 4.16666667%
}

.ant-col-push-1 {
    left: 4.16666667%
}

.ant-col-pull-1 {
    right: 4.16666667%
}

.ant-col-offset-1 {
    margin-left: 4.16666667%
}

.ant-col-order-1 {
    order: 1
}

.ant-col-0 {
    display: none
}

.ant-col-push-0 {
    left: auto
}

.ant-col-pull-0 {
    right: auto
}

.ant-col-offset-0 {
    margin-left: 0
}

.ant-col-order-0 {
    order: 0
}

.ant-col-push-0.ant-col-rtl {
    right: auto
}

.ant-col-pull-0.ant-col-rtl {
    left: auto
}

.ant-col-offset-0.ant-col-rtl {
    margin-right: 0
}

.ant-col-push-1.ant-col-rtl {
    right: 4.16666667%;
    left: auto
}

.ant-col-pull-1.ant-col-rtl {
    right: auto;
    left: 4.16666667%
}

.ant-col-offset-1.ant-col-rtl {
    margin-right: 4.16666667%;
    margin-left: 0
}

.ant-col-push-2.ant-col-rtl {
    right: 8.33333333%;
    left: auto
}

.ant-col-pull-2.ant-col-rtl {
    right: auto;
    left: 8.33333333%
}

.ant-col-offset-2.ant-col-rtl {
    margin-right: 8.33333333%;
    margin-left: 0
}

.ant-col-push-3.ant-col-rtl {
    right: 12.5%;
    left: auto
}

.ant-col-pull-3.ant-col-rtl {
    right: auto;
    left: 12.5%
}

.ant-col-offset-3.ant-col-rtl {
    margin-right: 12.5%;
    margin-left: 0
}

.ant-col-push-4.ant-col-rtl {
    right: 16.66666667%;
    left: auto
}

.ant-col-pull-4.ant-col-rtl {
    right: auto;
    left: 16.66666667%
}

.ant-col-offset-4.ant-col-rtl {
    margin-right: 16.66666667%;
    margin-left: 0
}

.ant-col-push-5.ant-col-rtl {
    right: 20.83333333%;
    left: auto
}

.ant-col-pull-5.ant-col-rtl {
    right: auto;
    left: 20.83333333%
}

.ant-col-offset-5.ant-col-rtl {
    margin-right: 20.83333333%;
    margin-left: 0
}

.ant-col-push-6.ant-col-rtl {
    right: 25%;
    left: auto
}

.ant-col-pull-6.ant-col-rtl {
    right: auto;
    left: 25%
}

.ant-col-offset-6.ant-col-rtl {
    margin-right: 25%;
    margin-left: 0
}

.ant-col-push-7.ant-col-rtl {
    right: 29.16666667%;
    left: auto
}

.ant-col-pull-7.ant-col-rtl {
    right: auto;
    left: 29.16666667%
}

.ant-col-offset-7.ant-col-rtl {
    margin-right: 29.16666667%;
    margin-left: 0
}

.ant-col-push-8.ant-col-rtl {
    right: 33.33333333%;
    left: auto
}

.ant-col-pull-8.ant-col-rtl {
    right: auto;
    left: 33.33333333%
}

.ant-col-offset-8.ant-col-rtl {
    margin-right: 33.33333333%;
    margin-left: 0
}

.ant-col-push-9.ant-col-rtl {
    right: 37.5%;
    left: auto
}

.ant-col-pull-9.ant-col-rtl {
    right: auto;
    left: 37.5%
}

.ant-col-offset-9.ant-col-rtl {
    margin-right: 37.5%;
    margin-left: 0
}

.ant-col-push-10.ant-col-rtl {
    right: 41.66666667%;
    left: auto
}

.ant-col-pull-10.ant-col-rtl {
    right: auto;
    left: 41.66666667%
}

.ant-col-offset-10.ant-col-rtl {
    margin-right: 41.66666667%;
    margin-left: 0
}

.ant-col-push-11.ant-col-rtl {
    right: 45.83333333%;
    left: auto
}

.ant-col-pull-11.ant-col-rtl {
    right: auto;
    left: 45.83333333%
}

.ant-col-offset-11.ant-col-rtl {
    margin-right: 45.83333333%;
    margin-left: 0
}

.ant-col-push-12.ant-col-rtl {
    right: 50%;
    left: auto
}

.ant-col-pull-12.ant-col-rtl {
    right: auto;
    left: 50%
}

.ant-col-offset-12.ant-col-rtl {
    margin-right: 50%;
    margin-left: 0
}

.ant-col-push-13.ant-col-rtl {
    right: 54.16666667%;
    left: auto
}

.ant-col-pull-13.ant-col-rtl {
    right: auto;
    left: 54.16666667%
}

.ant-col-offset-13.ant-col-rtl {
    margin-right: 54.16666667%;
    margin-left: 0
}

.ant-col-push-14.ant-col-rtl {
    right: 58.33333333%;
    left: auto
}

.ant-col-pull-14.ant-col-rtl {
    right: auto;
    left: 58.33333333%
}

.ant-col-offset-14.ant-col-rtl {
    margin-right: 58.33333333%;
    margin-left: 0
}

.ant-col-push-15.ant-col-rtl {
    right: 62.5%;
    left: auto
}

.ant-col-pull-15.ant-col-rtl {
    right: auto;
    left: 62.5%
}

.ant-col-offset-15.ant-col-rtl {
    margin-right: 62.5%;
    margin-left: 0
}

.ant-col-push-16.ant-col-rtl {
    right: 66.66666667%;
    left: auto
}

.ant-col-pull-16.ant-col-rtl {
    right: auto;
    left: 66.66666667%
}

.ant-col-offset-16.ant-col-rtl {
    margin-right: 66.66666667%;
    margin-left: 0
}

.ant-col-push-17.ant-col-rtl {
    right: 70.83333333%;
    left: auto
}

.ant-col-pull-17.ant-col-rtl {
    right: auto;
    left: 70.83333333%
}

.ant-col-offset-17.ant-col-rtl {
    margin-right: 70.83333333%;
    margin-left: 0
}

.ant-col-push-18.ant-col-rtl {
    right: 75%;
    left: auto
}

.ant-col-pull-18.ant-col-rtl {
    right: auto;
    left: 75%
}

.ant-col-offset-18.ant-col-rtl {
    margin-right: 75%;
    margin-left: 0
}

.ant-col-push-19.ant-col-rtl {
    right: 79.16666667%;
    left: auto
}

.ant-col-pull-19.ant-col-rtl {
    right: auto;
    left: 79.16666667%
}

.ant-col-offset-19.ant-col-rtl {
    margin-right: 79.16666667%;
    margin-left: 0
}

.ant-col-push-20.ant-col-rtl {
    right: 83.33333333%;
    left: auto
}

.ant-col-pull-20.ant-col-rtl {
    right: auto;
    left: 83.33333333%
}

.ant-col-offset-20.ant-col-rtl {
    margin-right: 83.33333333%;
    margin-left: 0
}

.ant-col-push-21.ant-col-rtl {
    right: 87.5%;
    left: auto
}

.ant-col-pull-21.ant-col-rtl {
    right: auto;
    left: 87.5%
}

.ant-col-offset-21.ant-col-rtl {
    margin-right: 87.5%;
    margin-left: 0
}

.ant-col-push-22.ant-col-rtl {
    right: 91.66666667%;
    left: auto
}

.ant-col-pull-22.ant-col-rtl {
    right: auto;
    left: 91.66666667%
}

.ant-col-offset-22.ant-col-rtl {
    margin-right: 91.66666667%;
    margin-left: 0
}

.ant-col-push-23.ant-col-rtl {
    right: 95.83333333%;
    left: auto
}

.ant-col-pull-23.ant-col-rtl {
    right: auto;
    left: 95.83333333%
}

.ant-col-offset-23.ant-col-rtl {
    margin-right: 95.83333333%;
    margin-left: 0
}

.ant-col-push-24.ant-col-rtl {
    right: 100%;
    left: auto
}

.ant-col-pull-24.ant-col-rtl {
    right: auto;
    left: 100%
}

.ant-col-offset-24.ant-col-rtl {
    margin-right: 100%;
    margin-left: 0
}

.ant-col-xs-24 {
    display: block;
    flex: 0 0 100%;
    max-width: 100%
}

.ant-col-xs-push-24 {
    left: 100%
}

.ant-col-xs-pull-24 {
    right: 100%
}

.ant-col-xs-offset-24 {
    margin-left: 100%
}

.ant-col-xs-order-24 {
    order: 24
}

.ant-col-xs-23 {
    display: block;
    flex: 0 0 95.83333333%;
    max-width: 95.83333333%
}

.ant-col-xs-push-23 {
    left: 95.83333333%
}

.ant-col-xs-pull-23 {
    right: 95.83333333%
}

.ant-col-xs-offset-23 {
    margin-left: 95.83333333%
}

.ant-col-xs-order-23 {
    order: 23
}

.ant-col-xs-22 {
    display: block;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%
}

.ant-col-xs-push-22 {
    left: 91.66666667%
}

.ant-col-xs-pull-22 {
    right: 91.66666667%
}

.ant-col-xs-offset-22 {
    margin-left: 91.66666667%
}

.ant-col-xs-order-22 {
    order: 22
}

.ant-col-xs-21 {
    display: block;
    flex: 0 0 87.5%;
    max-width: 87.5%
}

.ant-col-xs-push-21 {
    left: 87.5%
}

.ant-col-xs-pull-21 {
    right: 87.5%
}

.ant-col-xs-offset-21 {
    margin-left: 87.5%
}

.ant-col-xs-order-21 {
    order: 21
}

.ant-col-xs-20 {
    display: block;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%
}

.ant-col-xs-push-20 {
    left: 83.33333333%
}

.ant-col-xs-pull-20 {
    right: 83.33333333%
}

.ant-col-xs-offset-20 {
    margin-left: 83.33333333%
}

.ant-col-xs-order-20 {
    order: 20
}

.ant-col-xs-19 {
    display: block;
    flex: 0 0 79.16666667%;
    max-width: 79.16666667%
}

.ant-col-xs-push-19 {
    left: 79.16666667%
}

.ant-col-xs-pull-19 {
    right: 79.16666667%
}

.ant-col-xs-offset-19 {
    margin-left: 79.16666667%
}

.ant-col-xs-order-19 {
    order: 19
}

.ant-col-xs-18 {
    display: block;
    flex: 0 0 75%;
    max-width: 75%
}

.ant-col-xs-push-18 {
    left: 75%
}

.ant-col-xs-pull-18 {
    right: 75%
}

.ant-col-xs-offset-18 {
    margin-left: 75%
}

.ant-col-xs-order-18 {
    order: 18
}

.ant-col-xs-17 {
    display: block;
    flex: 0 0 70.83333333%;
    max-width: 70.83333333%
}

.ant-col-xs-push-17 {
    left: 70.83333333%
}

.ant-col-xs-pull-17 {
    right: 70.83333333%
}

.ant-col-xs-offset-17 {
    margin-left: 70.83333333%
}

.ant-col-xs-order-17 {
    order: 17
}

.ant-col-xs-16 {
    display: block;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%
}

.ant-col-xs-push-16 {
    left: 66.66666667%
}

.ant-col-xs-pull-16 {
    right: 66.66666667%
}

.ant-col-xs-offset-16 {
    margin-left: 66.66666667%
}

.ant-col-xs-order-16 {
    order: 16
}

.ant-col-xs-15 {
    display: block;
    flex: 0 0 62.5%;
    max-width: 62.5%
}

.ant-col-xs-push-15 {
    left: 62.5%
}

.ant-col-xs-pull-15 {
    right: 62.5%
}

.ant-col-xs-offset-15 {
    margin-left: 62.5%
}

.ant-col-xs-order-15 {
    order: 15
}

.ant-col-xs-14 {
    display: block;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%
}

.ant-col-xs-push-14 {
    left: 58.33333333%
}

.ant-col-xs-pull-14 {
    right: 58.33333333%
}

.ant-col-xs-offset-14 {
    margin-left: 58.33333333%
}

.ant-col-xs-order-14 {
    order: 14
}

.ant-col-xs-13 {
    display: block;
    flex: 0 0 54.16666667%;
    max-width: 54.16666667%
}

.ant-col-xs-push-13 {
    left: 54.16666667%
}

.ant-col-xs-pull-13 {
    right: 54.16666667%
}

.ant-col-xs-offset-13 {
    margin-left: 54.16666667%
}

.ant-col-xs-order-13 {
    order: 13
}

.ant-col-xs-12 {
    display: block;
    flex: 0 0 50%;
    max-width: 50%
}

.ant-col-xs-push-12 {
    left: 50%
}

.ant-col-xs-pull-12 {
    right: 50%
}

.ant-col-xs-offset-12 {
    margin-left: 50%
}

.ant-col-xs-order-12 {
    order: 12
}

.ant-col-xs-11 {
    display: block;
    flex: 0 0 45.83333333%;
    max-width: 45.83333333%
}

.ant-col-xs-push-11 {
    left: 45.83333333%
}

.ant-col-xs-pull-11 {
    right: 45.83333333%
}

.ant-col-xs-offset-11 {
    margin-left: 45.83333333%
}

.ant-col-xs-order-11 {
    order: 11
}

.ant-col-xs-10 {
    display: block;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%
}

.ant-col-xs-push-10 {
    left: 41.66666667%
}

.ant-col-xs-pull-10 {
    right: 41.66666667%
}

.ant-col-xs-offset-10 {
    margin-left: 41.66666667%
}

.ant-col-xs-order-10 {
    order: 10
}

.ant-col-xs-9 {
    display: block;
    flex: 0 0 37.5%;
    max-width: 37.5%
}

.ant-col-xs-push-9 {
    left: 37.5%
}

.ant-col-xs-pull-9 {
    right: 37.5%
}

.ant-col-xs-offset-9 {
    margin-left: 37.5%
}

.ant-col-xs-order-9 {
    order: 9
}

.ant-col-xs-8 {
    display: block;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%
}

.ant-col-xs-push-8 {
    left: 33.33333333%
}

.ant-col-xs-pull-8 {
    right: 33.33333333%
}

.ant-col-xs-offset-8 {
    margin-left: 33.33333333%
}

.ant-col-xs-order-8 {
    order: 8
}

.ant-col-xs-7 {
    display: block;
    flex: 0 0 29.16666667%;
    max-width: 29.16666667%
}

.ant-col-xs-push-7 {
    left: 29.16666667%
}

.ant-col-xs-pull-7 {
    right: 29.16666667%
}

.ant-col-xs-offset-7 {
    margin-left: 29.16666667%
}

.ant-col-xs-order-7 {
    order: 7
}

.ant-col-xs-6 {
    display: block;
    flex: 0 0 25%;
    max-width: 25%
}

.ant-col-xs-push-6 {
    left: 25%
}

.ant-col-xs-pull-6 {
    right: 25%
}

.ant-col-xs-offset-6 {
    margin-left: 25%
}

.ant-col-xs-order-6 {
    order: 6
}

.ant-col-xs-5 {
    display: block;
    flex: 0 0 20.83333333%;
    max-width: 20.83333333%
}

.ant-col-xs-push-5 {
    left: 20.83333333%
}

.ant-col-xs-pull-5 {
    right: 20.83333333%
}

.ant-col-xs-offset-5 {
    margin-left: 20.83333333%
}

.ant-col-xs-order-5 {
    order: 5
}

.ant-col-xs-4 {
    display: block;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%
}

.ant-col-xs-push-4 {
    left: 16.66666667%
}

.ant-col-xs-pull-4 {
    right: 16.66666667%
}

.ant-col-xs-offset-4 {
    margin-left: 16.66666667%
}

.ant-col-xs-order-4 {
    order: 4
}

.ant-col-xs-3 {
    display: block;
    flex: 0 0 12.5%;
    max-width: 12.5%
}

.ant-col-xs-push-3 {
    left: 12.5%
}

.ant-col-xs-pull-3 {
    right: 12.5%
}

.ant-col-xs-offset-3 {
    margin-left: 12.5%
}

.ant-col-xs-order-3 {
    order: 3
}

.ant-col-xs-2 {
    display: block;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%
}

.ant-col-xs-push-2 {
    left: 8.33333333%
}

.ant-col-xs-pull-2 {
    right: 8.33333333%
}

.ant-col-xs-offset-2 {
    margin-left: 8.33333333%
}

.ant-col-xs-order-2 {
    order: 2
}

.ant-col-xs-1 {
    display: block;
    flex: 0 0 4.16666667%;
    max-width: 4.16666667%
}

.ant-col-xs-push-1 {
    left: 4.16666667%
}

.ant-col-xs-pull-1 {
    right: 4.16666667%
}

.ant-col-xs-offset-1 {
    margin-left: 4.16666667%
}

.ant-col-xs-order-1 {
    order: 1
}

.ant-col-xs-0 {
    display: none
}

.ant-col-push-0 {
    left: auto
}

.ant-col-pull-0 {
    right: auto
}

.ant-col-xs-push-0 {
    left: auto
}

.ant-col-xs-pull-0 {
    right: auto
}

.ant-col-xs-offset-0 {
    margin-left: 0
}

.ant-col-xs-order-0 {
    order: 0
}

.ant-col-push-0.ant-col-rtl {
    right: auto
}

.ant-col-pull-0.ant-col-rtl {
    left: auto
}

.ant-col-xs-push-0.ant-col-rtl {
    right: auto
}

.ant-col-xs-pull-0.ant-col-rtl {
    left: auto
}

.ant-col-xs-offset-0.ant-col-rtl {
    margin-right: 0
}

.ant-col-xs-push-1.ant-col-rtl {
    right: 4.16666667%;
    left: auto
}

.ant-col-xs-pull-1.ant-col-rtl {
    right: auto;
    left: 4.16666667%
}

.ant-col-xs-offset-1.ant-col-rtl {
    margin-right: 4.16666667%;
    margin-left: 0
}

.ant-col-xs-push-2.ant-col-rtl {
    right: 8.33333333%;
    left: auto
}

.ant-col-xs-pull-2.ant-col-rtl {
    right: auto;
    left: 8.33333333%
}

.ant-col-xs-offset-2.ant-col-rtl {
    margin-right: 8.33333333%;
    margin-left: 0
}

.ant-col-xs-push-3.ant-col-rtl {
    right: 12.5%;
    left: auto
}

.ant-col-xs-pull-3.ant-col-rtl {
    right: auto;
    left: 12.5%
}

.ant-col-xs-offset-3.ant-col-rtl {
    margin-right: 12.5%;
    margin-left: 0
}

.ant-col-xs-push-4.ant-col-rtl {
    right: 16.66666667%;
    left: auto
}

.ant-col-xs-pull-4.ant-col-rtl {
    right: auto;
    left: 16.66666667%
}

.ant-col-xs-offset-4.ant-col-rtl {
    margin-right: 16.66666667%;
    margin-left: 0
}

.ant-col-xs-push-5.ant-col-rtl {
    right: 20.83333333%;
    left: auto
}

.ant-col-xs-pull-5.ant-col-rtl {
    right: auto;
    left: 20.83333333%
}

.ant-col-xs-offset-5.ant-col-rtl {
    margin-right: 20.83333333%;
    margin-left: 0
}

.ant-col-xs-push-6.ant-col-rtl {
    right: 25%;
    left: auto
}

.ant-col-xs-pull-6.ant-col-rtl {
    right: auto;
    left: 25%
}

.ant-col-xs-offset-6.ant-col-rtl {
    margin-right: 25%;
    margin-left: 0
}

.ant-col-xs-push-7.ant-col-rtl {
    right: 29.16666667%;
    left: auto
}

.ant-col-xs-pull-7.ant-col-rtl {
    right: auto;
    left: 29.16666667%
}

.ant-col-xs-offset-7.ant-col-rtl {
    margin-right: 29.16666667%;
    margin-left: 0
}

.ant-col-xs-push-8.ant-col-rtl {
    right: 33.33333333%;
    left: auto
}

.ant-col-xs-pull-8.ant-col-rtl {
    right: auto;
    left: 33.33333333%
}

.ant-col-xs-offset-8.ant-col-rtl {
    margin-right: 33.33333333%;
    margin-left: 0
}

.ant-col-xs-push-9.ant-col-rtl {
    right: 37.5%;
    left: auto
}

.ant-col-xs-pull-9.ant-col-rtl {
    right: auto;
    left: 37.5%
}

.ant-col-xs-offset-9.ant-col-rtl {
    margin-right: 37.5%;
    margin-left: 0
}

.ant-col-xs-push-10.ant-col-rtl {
    right: 41.66666667%;
    left: auto
}

.ant-col-xs-pull-10.ant-col-rtl {
    right: auto;
    left: 41.66666667%
}

.ant-col-xs-offset-10.ant-col-rtl {
    margin-right: 41.66666667%;
    margin-left: 0
}

.ant-col-xs-push-11.ant-col-rtl {
    right: 45.83333333%;
    left: auto
}

.ant-col-xs-pull-11.ant-col-rtl {
    right: auto;
    left: 45.83333333%
}

.ant-col-xs-offset-11.ant-col-rtl {
    margin-right: 45.83333333%;
    margin-left: 0
}

.ant-col-xs-push-12.ant-col-rtl {
    right: 50%;
    left: auto
}

.ant-col-xs-pull-12.ant-col-rtl {
    right: auto;
    left: 50%
}

.ant-col-xs-offset-12.ant-col-rtl {
    margin-right: 50%;
    margin-left: 0
}

.ant-col-xs-push-13.ant-col-rtl {
    right: 54.16666667%;
    left: auto
}

.ant-col-xs-pull-13.ant-col-rtl {
    right: auto;
    left: 54.16666667%
}

.ant-col-xs-offset-13.ant-col-rtl {
    margin-right: 54.16666667%;
    margin-left: 0
}

.ant-col-xs-push-14.ant-col-rtl {
    right: 58.33333333%;
    left: auto
}

.ant-col-xs-pull-14.ant-col-rtl {
    right: auto;
    left: 58.33333333%
}

.ant-col-xs-offset-14.ant-col-rtl {
    margin-right: 58.33333333%;
    margin-left: 0
}

.ant-col-xs-push-15.ant-col-rtl {
    right: 62.5%;
    left: auto
}

.ant-col-xs-pull-15.ant-col-rtl {
    right: auto;
    left: 62.5%
}

.ant-col-xs-offset-15.ant-col-rtl {
    margin-right: 62.5%;
    margin-left: 0
}

.ant-col-xs-push-16.ant-col-rtl {
    right: 66.66666667%;
    left: auto
}

.ant-col-xs-pull-16.ant-col-rtl {
    right: auto;
    left: 66.66666667%
}

.ant-col-xs-offset-16.ant-col-rtl {
    margin-right: 66.66666667%;
    margin-left: 0
}

.ant-col-xs-push-17.ant-col-rtl {
    right: 70.83333333%;
    left: auto
}

.ant-col-xs-pull-17.ant-col-rtl {
    right: auto;
    left: 70.83333333%
}

.ant-col-xs-offset-17.ant-col-rtl {
    margin-right: 70.83333333%;
    margin-left: 0
}

.ant-col-xs-push-18.ant-col-rtl {
    right: 75%;
    left: auto
}

.ant-col-xs-pull-18.ant-col-rtl {
    right: auto;
    left: 75%
}

.ant-col-xs-offset-18.ant-col-rtl {
    margin-right: 75%;
    margin-left: 0
}

.ant-col-xs-push-19.ant-col-rtl {
    right: 79.16666667%;
    left: auto
}

.ant-col-xs-pull-19.ant-col-rtl {
    right: auto;
    left: 79.16666667%
}

.ant-col-xs-offset-19.ant-col-rtl {
    margin-right: 79.16666667%;
    margin-left: 0
}

.ant-col-xs-push-20.ant-col-rtl {
    right: 83.33333333%;
    left: auto
}

.ant-col-xs-pull-20.ant-col-rtl {
    right: auto;
    left: 83.33333333%
}

.ant-col-xs-offset-20.ant-col-rtl {
    margin-right: 83.33333333%;
    margin-left: 0
}

.ant-col-xs-push-21.ant-col-rtl {
    right: 87.5%;
    left: auto
}

.ant-col-xs-pull-21.ant-col-rtl {
    right: auto;
    left: 87.5%
}

.ant-col-xs-offset-21.ant-col-rtl {
    margin-right: 87.5%;
    margin-left: 0
}

.ant-col-xs-push-22.ant-col-rtl {
    right: 91.66666667%;
    left: auto
}

.ant-col-xs-pull-22.ant-col-rtl {
    right: auto;
    left: 91.66666667%
}

.ant-col-xs-offset-22.ant-col-rtl {
    margin-right: 91.66666667%;
    margin-left: 0
}

.ant-col-xs-push-23.ant-col-rtl {
    right: 95.83333333%;
    left: auto
}

.ant-col-xs-pull-23.ant-col-rtl {
    right: auto;
    left: 95.83333333%
}

.ant-col-xs-offset-23.ant-col-rtl {
    margin-right: 95.83333333%;
    margin-left: 0
}

.ant-col-xs-push-24.ant-col-rtl {
    right: 100%;
    left: auto
}

.ant-col-xs-pull-24.ant-col-rtl {
    right: auto;
    left: 100%
}

.ant-col-xs-offset-24.ant-col-rtl {
    margin-right: 100%;
    margin-left: 0
}

@media (min-width: 576px) {
    .ant-col-sm-24 {
        display: block;
        flex: 0 0 100%;
        max-width: 100%
    }

    .ant-col-sm-push-24 {
        left: 100%
    }

    .ant-col-sm-pull-24 {
        right: 100%
    }

    .ant-col-sm-offset-24 {
        margin-left: 100%
    }

    .ant-col-sm-order-24 {
        order: 24
    }

    .ant-col-sm-23 {
        display: block;
        flex: 0 0 95.83333333%;
        max-width: 95.83333333%
    }

    .ant-col-sm-push-23 {
        left: 95.83333333%
    }

    .ant-col-sm-pull-23 {
        right: 95.83333333%
    }

    .ant-col-sm-offset-23 {
        margin-left: 95.83333333%
    }

    .ant-col-sm-order-23 {
        order: 23
    }

    .ant-col-sm-22 {
        display: block;
        flex: 0 0 91.66666667%;
        max-width: 91.66666667%
    }

    .ant-col-sm-push-22 {
        left: 91.66666667%
    }

    .ant-col-sm-pull-22 {
        right: 91.66666667%
    }

    .ant-col-sm-offset-22 {
        margin-left: 91.66666667%
    }

    .ant-col-sm-order-22 {
        order: 22
    }

    .ant-col-sm-21 {
        display: block;
        flex: 0 0 87.5%;
        max-width: 87.5%
    }

    .ant-col-sm-push-21 {
        left: 87.5%
    }

    .ant-col-sm-pull-21 {
        right: 87.5%
    }

    .ant-col-sm-offset-21 {
        margin-left: 87.5%
    }

    .ant-col-sm-order-21 {
        order: 21
    }

    .ant-col-sm-20 {
        display: block;
        flex: 0 0 83.33333333%;
        max-width: 83.33333333%
    }

    .ant-col-sm-push-20 {
        left: 83.33333333%
    }

    .ant-col-sm-pull-20 {
        right: 83.33333333%
    }

    .ant-col-sm-offset-20 {
        margin-left: 83.33333333%
    }

    .ant-col-sm-order-20 {
        order: 20
    }

    .ant-col-sm-19 {
        display: block;
        flex: 0 0 79.16666667%;
        max-width: 79.16666667%
    }

    .ant-col-sm-push-19 {
        left: 79.16666667%
    }

    .ant-col-sm-pull-19 {
        right: 79.16666667%
    }

    .ant-col-sm-offset-19 {
        margin-left: 79.16666667%
    }

    .ant-col-sm-order-19 {
        order: 19
    }

    .ant-col-sm-18 {
        display: block;
        flex: 0 0 75%;
        max-width: 75%
    }

    .ant-col-sm-push-18 {
        left: 75%
    }

    .ant-col-sm-pull-18 {
        right: 75%
    }

    .ant-col-sm-offset-18 {
        margin-left: 75%
    }

    .ant-col-sm-order-18 {
        order: 18
    }

    .ant-col-sm-17 {
        display: block;
        flex: 0 0 70.83333333%;
        max-width: 70.83333333%
    }

    .ant-col-sm-push-17 {
        left: 70.83333333%
    }

    .ant-col-sm-pull-17 {
        right: 70.83333333%
    }

    .ant-col-sm-offset-17 {
        margin-left: 70.83333333%
    }

    .ant-col-sm-order-17 {
        order: 17
    }

    .ant-col-sm-16 {
        display: block;
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%
    }

    .ant-col-sm-push-16 {
        left: 66.66666667%
    }

    .ant-col-sm-pull-16 {
        right: 66.66666667%
    }

    .ant-col-sm-offset-16 {
        margin-left: 66.66666667%
    }

    .ant-col-sm-order-16 {
        order: 16
    }

    .ant-col-sm-15 {
        display: block;
        flex: 0 0 62.5%;
        max-width: 62.5%
    }

    .ant-col-sm-push-15 {
        left: 62.5%
    }

    .ant-col-sm-pull-15 {
        right: 62.5%
    }

    .ant-col-sm-offset-15 {
        margin-left: 62.5%
    }

    .ant-col-sm-order-15 {
        order: 15
    }

    .ant-col-sm-14 {
        display: block;
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%
    }

    .ant-col-sm-push-14 {
        left: 58.33333333%
    }

    .ant-col-sm-pull-14 {
        right: 58.33333333%
    }

    .ant-col-sm-offset-14 {
        margin-left: 58.33333333%
    }

    .ant-col-sm-order-14 {
        order: 14
    }

    .ant-col-sm-13 {
        display: block;
        flex: 0 0 54.16666667%;
        max-width: 54.16666667%
    }

    .ant-col-sm-push-13 {
        left: 54.16666667%
    }

    .ant-col-sm-pull-13 {
        right: 54.16666667%
    }

    .ant-col-sm-offset-13 {
        margin-left: 54.16666667%
    }

    .ant-col-sm-order-13 {
        order: 13
    }

    .ant-col-sm-12 {
        display: block;
        flex: 0 0 50%;
        max-width: 50%
    }

    .ant-col-sm-push-12 {
        left: 50%
    }

    .ant-col-sm-pull-12 {
        right: 50%
    }

    .ant-col-sm-offset-12 {
        margin-left: 50%
    }

    .ant-col-sm-order-12 {
        order: 12
    }

    .ant-col-sm-11 {
        display: block;
        flex: 0 0 45.83333333%;
        max-width: 45.83333333%
    }

    .ant-col-sm-push-11 {
        left: 45.83333333%
    }

    .ant-col-sm-pull-11 {
        right: 45.83333333%
    }

    .ant-col-sm-offset-11 {
        margin-left: 45.83333333%
    }

    .ant-col-sm-order-11 {
        order: 11
    }

    .ant-col-sm-10 {
        display: block;
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%
    }

    .ant-col-sm-push-10 {
        left: 41.66666667%
    }

    .ant-col-sm-pull-10 {
        right: 41.66666667%
    }

    .ant-col-sm-offset-10 {
        margin-left: 41.66666667%
    }

    .ant-col-sm-order-10 {
        order: 10
    }

    .ant-col-sm-9 {
        display: block;
        flex: 0 0 37.5%;
        max-width: 37.5%
    }

    .ant-col-sm-push-9 {
        left: 37.5%
    }

    .ant-col-sm-pull-9 {
        right: 37.5%
    }

    .ant-col-sm-offset-9 {
        margin-left: 37.5%
    }

    .ant-col-sm-order-9 {
        order: 9
    }

    .ant-col-sm-8 {
        display: block;
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%
    }

    .ant-col-sm-push-8 {
        left: 33.33333333%
    }

    .ant-col-sm-pull-8 {
        right: 33.33333333%
    }

    .ant-col-sm-offset-8 {
        margin-left: 33.33333333%
    }

    .ant-col-sm-order-8 {
        order: 8
    }

    .ant-col-sm-7 {
        display: block;
        flex: 0 0 29.16666667%;
        max-width: 29.16666667%
    }

    .ant-col-sm-push-7 {
        left: 29.16666667%
    }

    .ant-col-sm-pull-7 {
        right: 29.16666667%
    }

    .ant-col-sm-offset-7 {
        margin-left: 29.16666667%
    }

    .ant-col-sm-order-7 {
        order: 7
    }

    .ant-col-sm-6 {
        display: block;
        flex: 0 0 25%;
        max-width: 25%
    }

    .ant-col-sm-push-6 {
        left: 25%
    }

    .ant-col-sm-pull-6 {
        right: 25%
    }

    .ant-col-sm-offset-6 {
        margin-left: 25%
    }

    .ant-col-sm-order-6 {
        order: 6
    }

    .ant-col-sm-5 {
        display: block;
        flex: 0 0 20.83333333%;
        max-width: 20.83333333%
    }

    .ant-col-sm-push-5 {
        left: 20.83333333%
    }

    .ant-col-sm-pull-5 {
        right: 20.83333333%
    }

    .ant-col-sm-offset-5 {
        margin-left: 20.83333333%
    }

    .ant-col-sm-order-5 {
        order: 5
    }

    .ant-col-sm-4 {
        display: block;
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%
    }

    .ant-col-sm-push-4 {
        left: 16.66666667%
    }

    .ant-col-sm-pull-4 {
        right: 16.66666667%
    }

    .ant-col-sm-offset-4 {
        margin-left: 16.66666667%
    }

    .ant-col-sm-order-4 {
        order: 4
    }

    .ant-col-sm-3 {
        display: block;
        flex: 0 0 12.5%;
        max-width: 12.5%
    }

    .ant-col-sm-push-3 {
        left: 12.5%
    }

    .ant-col-sm-pull-3 {
        right: 12.5%
    }

    .ant-col-sm-offset-3 {
        margin-left: 12.5%
    }

    .ant-col-sm-order-3 {
        order: 3
    }

    .ant-col-sm-2 {
        display: block;
        flex: 0 0 8.33333333%;
        max-width: 8.33333333%
    }

    .ant-col-sm-push-2 {
        left: 8.33333333%
    }

    .ant-col-sm-pull-2 {
        right: 8.33333333%
    }

    .ant-col-sm-offset-2 {
        margin-left: 8.33333333%
    }

    .ant-col-sm-order-2 {
        order: 2
    }

    .ant-col-sm-1 {
        display: block;
        flex: 0 0 4.16666667%;
        max-width: 4.16666667%
    }

    .ant-col-sm-push-1 {
        left: 4.16666667%
    }

    .ant-col-sm-pull-1 {
        right: 4.16666667%
    }

    .ant-col-sm-offset-1 {
        margin-left: 4.16666667%
    }

    .ant-col-sm-order-1 {
        order: 1
    }

    .ant-col-sm-0 {
        display: none
    }

    .ant-col-push-0 {
        left: auto
    }

    .ant-col-pull-0 {
        right: auto
    }

    .ant-col-sm-push-0 {
        left: auto
    }

    .ant-col-sm-pull-0 {
        right: auto
    }

    .ant-col-sm-offset-0 {
        margin-left: 0
    }

    .ant-col-sm-order-0 {
        order: 0
    }

    .ant-col-push-0.ant-col-rtl {
        right: auto
    }

    .ant-col-pull-0.ant-col-rtl {
        left: auto
    }

    .ant-col-sm-push-0.ant-col-rtl {
        right: auto
    }

    .ant-col-sm-pull-0.ant-col-rtl {
        left: auto
    }

    .ant-col-sm-offset-0.ant-col-rtl {
        margin-right: 0
    }

    .ant-col-sm-push-1.ant-col-rtl {
        right: 4.16666667%;
        left: auto
    }

    .ant-col-sm-pull-1.ant-col-rtl {
        right: auto;
        left: 4.16666667%
    }

    .ant-col-sm-offset-1.ant-col-rtl {
        margin-right: 4.16666667%;
        margin-left: 0
    }

    .ant-col-sm-push-2.ant-col-rtl {
        right: 8.33333333%;
        left: auto
    }

    .ant-col-sm-pull-2.ant-col-rtl {
        right: auto;
        left: 8.33333333%
    }

    .ant-col-sm-offset-2.ant-col-rtl {
        margin-right: 8.33333333%;
        margin-left: 0
    }

    .ant-col-sm-push-3.ant-col-rtl {
        right: 12.5%;
        left: auto
    }

    .ant-col-sm-pull-3.ant-col-rtl {
        right: auto;
        left: 12.5%
    }

    .ant-col-sm-offset-3.ant-col-rtl {
        margin-right: 12.5%;
        margin-left: 0
    }

    .ant-col-sm-push-4.ant-col-rtl {
        right: 16.66666667%;
        left: auto
    }

    .ant-col-sm-pull-4.ant-col-rtl {
        right: auto;
        left: 16.66666667%
    }

    .ant-col-sm-offset-4.ant-col-rtl {
        margin-right: 16.66666667%;
        margin-left: 0
    }

    .ant-col-sm-push-5.ant-col-rtl {
        right: 20.83333333%;
        left: auto
    }

    .ant-col-sm-pull-5.ant-col-rtl {
        right: auto;
        left: 20.83333333%
    }

    .ant-col-sm-offset-5.ant-col-rtl {
        margin-right: 20.83333333%;
        margin-left: 0
    }

    .ant-col-sm-push-6.ant-col-rtl {
        right: 25%;
        left: auto
    }

    .ant-col-sm-pull-6.ant-col-rtl {
        right: auto;
        left: 25%
    }

    .ant-col-sm-offset-6.ant-col-rtl {
        margin-right: 25%;
        margin-left: 0
    }

    .ant-col-sm-push-7.ant-col-rtl {
        right: 29.16666667%;
        left: auto
    }

    .ant-col-sm-pull-7.ant-col-rtl {
        right: auto;
        left: 29.16666667%
    }

    .ant-col-sm-offset-7.ant-col-rtl {
        margin-right: 29.16666667%;
        margin-left: 0
    }

    .ant-col-sm-push-8.ant-col-rtl {
        right: 33.33333333%;
        left: auto
    }

    .ant-col-sm-pull-8.ant-col-rtl {
        right: auto;
        left: 33.33333333%
    }

    .ant-col-sm-offset-8.ant-col-rtl {
        margin-right: 33.33333333%;
        margin-left: 0
    }

    .ant-col-sm-push-9.ant-col-rtl {
        right: 37.5%;
        left: auto
    }

    .ant-col-sm-pull-9.ant-col-rtl {
        right: auto;
        left: 37.5%
    }

    .ant-col-sm-offset-9.ant-col-rtl {
        margin-right: 37.5%;
        margin-left: 0
    }

    .ant-col-sm-push-10.ant-col-rtl {
        right: 41.66666667%;
        left: auto
    }

    .ant-col-sm-pull-10.ant-col-rtl {
        right: auto;
        left: 41.66666667%
    }

    .ant-col-sm-offset-10.ant-col-rtl {
        margin-right: 41.66666667%;
        margin-left: 0
    }

    .ant-col-sm-push-11.ant-col-rtl {
        right: 45.83333333%;
        left: auto
    }

    .ant-col-sm-pull-11.ant-col-rtl {
        right: auto;
        left: 45.83333333%
    }

    .ant-col-sm-offset-11.ant-col-rtl {
        margin-right: 45.83333333%;
        margin-left: 0
    }

    .ant-col-sm-push-12.ant-col-rtl {
        right: 50%;
        left: auto
    }

    .ant-col-sm-pull-12.ant-col-rtl {
        right: auto;
        left: 50%
    }

    .ant-col-sm-offset-12.ant-col-rtl {
        margin-right: 50%;
        margin-left: 0
    }

    .ant-col-sm-push-13.ant-col-rtl {
        right: 54.16666667%;
        left: auto
    }

    .ant-col-sm-pull-13.ant-col-rtl {
        right: auto;
        left: 54.16666667%
    }

    .ant-col-sm-offset-13.ant-col-rtl {
        margin-right: 54.16666667%;
        margin-left: 0
    }

    .ant-col-sm-push-14.ant-col-rtl {
        right: 58.33333333%;
        left: auto
    }

    .ant-col-sm-pull-14.ant-col-rtl {
        right: auto;
        left: 58.33333333%
    }

    .ant-col-sm-offset-14.ant-col-rtl {
        margin-right: 58.33333333%;
        margin-left: 0
    }

    .ant-col-sm-push-15.ant-col-rtl {
        right: 62.5%;
        left: auto
    }

    .ant-col-sm-pull-15.ant-col-rtl {
        right: auto;
        left: 62.5%
    }

    .ant-col-sm-offset-15.ant-col-rtl {
        margin-right: 62.5%;
        margin-left: 0
    }

    .ant-col-sm-push-16.ant-col-rtl {
        right: 66.66666667%;
        left: auto
    }

    .ant-col-sm-pull-16.ant-col-rtl {
        right: auto;
        left: 66.66666667%
    }

    .ant-col-sm-offset-16.ant-col-rtl {
        margin-right: 66.66666667%;
        margin-left: 0
    }

    .ant-col-sm-push-17.ant-col-rtl {
        right: 70.83333333%;
        left: auto
    }

    .ant-col-sm-pull-17.ant-col-rtl {
        right: auto;
        left: 70.83333333%
    }

    .ant-col-sm-offset-17.ant-col-rtl {
        margin-right: 70.83333333%;
        margin-left: 0
    }

    .ant-col-sm-push-18.ant-col-rtl {
        right: 75%;
        left: auto
    }

    .ant-col-sm-pull-18.ant-col-rtl {
        right: auto;
        left: 75%
    }

    .ant-col-sm-offset-18.ant-col-rtl {
        margin-right: 75%;
        margin-left: 0
    }

    .ant-col-sm-push-19.ant-col-rtl {
        right: 79.16666667%;
        left: auto
    }

    .ant-col-sm-pull-19.ant-col-rtl {
        right: auto;
        left: 79.16666667%
    }

    .ant-col-sm-offset-19.ant-col-rtl {
        margin-right: 79.16666667%;
        margin-left: 0
    }

    .ant-col-sm-push-20.ant-col-rtl {
        right: 83.33333333%;
        left: auto
    }

    .ant-col-sm-pull-20.ant-col-rtl {
        right: auto;
        left: 83.33333333%
    }

    .ant-col-sm-offset-20.ant-col-rtl {
        margin-right: 83.33333333%;
        margin-left: 0
    }

    .ant-col-sm-push-21.ant-col-rtl {
        right: 87.5%;
        left: auto
    }

    .ant-col-sm-pull-21.ant-col-rtl {
        right: auto;
        left: 87.5%
    }

    .ant-col-sm-offset-21.ant-col-rtl {
        margin-right: 87.5%;
        margin-left: 0
    }

    .ant-col-sm-push-22.ant-col-rtl {
        right: 91.66666667%;
        left: auto
    }

    .ant-col-sm-pull-22.ant-col-rtl {
        right: auto;
        left: 91.66666667%
    }

    .ant-col-sm-offset-22.ant-col-rtl {
        margin-right: 91.66666667%;
        margin-left: 0
    }

    .ant-col-sm-push-23.ant-col-rtl {
        right: 95.83333333%;
        left: auto
    }

    .ant-col-sm-pull-23.ant-col-rtl {
        right: auto;
        left: 95.83333333%
    }

    .ant-col-sm-offset-23.ant-col-rtl {
        margin-right: 95.83333333%;
        margin-left: 0
    }

    .ant-col-sm-push-24.ant-col-rtl {
        right: 100%;
        left: auto
    }

    .ant-col-sm-pull-24.ant-col-rtl {
        right: auto;
        left: 100%
    }

    .ant-col-sm-offset-24.ant-col-rtl {
        margin-right: 100%;
        margin-left: 0
    }
}

@media (min-width: 768px) {
    .ant-col-md-24 {
        display: block;
        flex: 0 0 100%;
        max-width: 100%
    }

    .ant-col-md-push-24 {
        left: 100%
    }

    .ant-col-md-pull-24 {
        right: 100%
    }

    .ant-col-md-offset-24 {
        margin-left: 100%
    }

    .ant-col-md-order-24 {
        order: 24
    }

    .ant-col-md-23 {
        display: block;
        flex: 0 0 95.83333333%;
        max-width: 95.83333333%
    }

    .ant-col-md-push-23 {
        left: 95.83333333%
    }

    .ant-col-md-pull-23 {
        right: 95.83333333%
    }

    .ant-col-md-offset-23 {
        margin-left: 95.83333333%
    }

    .ant-col-md-order-23 {
        order: 23
    }

    .ant-col-md-22 {
        display: block;
        flex: 0 0 91.66666667%;
        max-width: 91.66666667%
    }

    .ant-col-md-push-22 {
        left: 91.66666667%
    }

    .ant-col-md-pull-22 {
        right: 91.66666667%
    }

    .ant-col-md-offset-22 {
        margin-left: 91.66666667%
    }

    .ant-col-md-order-22 {
        order: 22
    }

    .ant-col-md-21 {
        display: block;
        flex: 0 0 87.5%;
        max-width: 87.5%
    }

    .ant-col-md-push-21 {
        left: 87.5%
    }

    .ant-col-md-pull-21 {
        right: 87.5%
    }

    .ant-col-md-offset-21 {
        margin-left: 87.5%
    }

    .ant-col-md-order-21 {
        order: 21
    }

    .ant-col-md-20 {
        display: block;
        flex: 0 0 83.33333333%;
        max-width: 83.33333333%
    }

    .ant-col-md-push-20 {
        left: 83.33333333%
    }

    .ant-col-md-pull-20 {
        right: 83.33333333%
    }

    .ant-col-md-offset-20 {
        margin-left: 83.33333333%
    }

    .ant-col-md-order-20 {
        order: 20
    }

    .ant-col-md-19 {
        display: block;
        flex: 0 0 79.16666667%;
        max-width: 79.16666667%
    }

    .ant-col-md-push-19 {
        left: 79.16666667%
    }

    .ant-col-md-pull-19 {
        right: 79.16666667%
    }

    .ant-col-md-offset-19 {
        margin-left: 79.16666667%
    }

    .ant-col-md-order-19 {
        order: 19
    }

    .ant-col-md-18 {
        display: block;
        flex: 0 0 75%;
        max-width: 75%
    }

    .ant-col-md-push-18 {
        left: 75%
    }

    .ant-col-md-pull-18 {
        right: 75%
    }

    .ant-col-md-offset-18 {
        margin-left: 75%
    }

    .ant-col-md-order-18 {
        order: 18
    }

    .ant-col-md-17 {
        display: block;
        flex: 0 0 70.83333333%;
        max-width: 70.83333333%
    }

    .ant-col-md-push-17 {
        left: 70.83333333%
    }

    .ant-col-md-pull-17 {
        right: 70.83333333%
    }

    .ant-col-md-offset-17 {
        margin-left: 70.83333333%
    }

    .ant-col-md-order-17 {
        order: 17
    }

    .ant-col-md-16 {
        display: block;
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%
    }

    .ant-col-md-push-16 {
        left: 66.66666667%
    }

    .ant-col-md-pull-16 {
        right: 66.66666667%
    }

    .ant-col-md-offset-16 {
        margin-left: 66.66666667%
    }

    .ant-col-md-order-16 {
        order: 16
    }

    .ant-col-md-15 {
        display: block;
        flex: 0 0 62.5%;
        max-width: 62.5%
    }

    .ant-col-md-push-15 {
        left: 62.5%
    }

    .ant-col-md-pull-15 {
        right: 62.5%
    }

    .ant-col-md-offset-15 {
        margin-left: 62.5%
    }

    .ant-col-md-order-15 {
        order: 15
    }

    .ant-col-md-14 {
        display: block;
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%
    }

    .ant-col-md-push-14 {
        left: 58.33333333%
    }

    .ant-col-md-pull-14 {
        right: 58.33333333%
    }

    .ant-col-md-offset-14 {
        margin-left: 58.33333333%
    }

    .ant-col-md-order-14 {
        order: 14
    }

    .ant-col-md-13 {
        display: block;
        flex: 0 0 54.16666667%;
        max-width: 54.16666667%
    }

    .ant-col-md-push-13 {
        left: 54.16666667%
    }

    .ant-col-md-pull-13 {
        right: 54.16666667%
    }

    .ant-col-md-offset-13 {
        margin-left: 54.16666667%
    }

    .ant-col-md-order-13 {
        order: 13
    }

    .ant-col-md-12 {
        display: block;
        flex: 0 0 50%;
        max-width: 50%
    }

    .ant-col-md-push-12 {
        left: 50%
    }

    .ant-col-md-pull-12 {
        right: 50%
    }

    .ant-col-md-offset-12 {
        margin-left: 50%
    }

    .ant-col-md-order-12 {
        order: 12
    }

    .ant-col-md-11 {
        display: block;
        flex: 0 0 45.83333333%;
        max-width: 45.83333333%
    }

    .ant-col-md-push-11 {
        left: 45.83333333%
    }

    .ant-col-md-pull-11 {
        right: 45.83333333%
    }

    .ant-col-md-offset-11 {
        margin-left: 45.83333333%
    }

    .ant-col-md-order-11 {
        order: 11
    }

    .ant-col-md-10 {
        display: block;
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%
    }

    .ant-col-md-push-10 {
        left: 41.66666667%
    }

    .ant-col-md-pull-10 {
        right: 41.66666667%
    }

    .ant-col-md-offset-10 {
        margin-left: 41.66666667%
    }

    .ant-col-md-order-10 {
        order: 10
    }

    .ant-col-md-9 {
        display: block;
        flex: 0 0 37.5%;
        max-width: 37.5%
    }

    .ant-col-md-push-9 {
        left: 37.5%
    }

    .ant-col-md-pull-9 {
        right: 37.5%
    }

    .ant-col-md-offset-9 {
        margin-left: 37.5%
    }

    .ant-col-md-order-9 {
        order: 9
    }

    .ant-col-md-8 {
        display: block;
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%
    }

    .ant-col-md-push-8 {
        left: 33.33333333%
    }

    .ant-col-md-pull-8 {
        right: 33.33333333%
    }

    .ant-col-md-offset-8 {
        margin-left: 33.33333333%
    }

    .ant-col-md-order-8 {
        order: 8
    }

    .ant-col-md-7 {
        display: block;
        flex: 0 0 29.16666667%;
        max-width: 29.16666667%
    }

    .ant-col-md-push-7 {
        left: 29.16666667%
    }

    .ant-col-md-pull-7 {
        right: 29.16666667%
    }

    .ant-col-md-offset-7 {
        margin-left: 29.16666667%
    }

    .ant-col-md-order-7 {
        order: 7
    }

    .ant-col-md-6 {
        display: block;
        flex: 0 0 25%;
        max-width: 25%
    }

    .ant-col-md-push-6 {
        left: 25%
    }

    .ant-col-md-pull-6 {
        right: 25%
    }

    .ant-col-md-offset-6 {
        margin-left: 25%
    }

    .ant-col-md-order-6 {
        order: 6
    }

    .ant-col-md-5 {
        display: block;
        flex: 0 0 20.83333333%;
        max-width: 20.83333333%
    }

    .ant-col-md-push-5 {
        left: 20.83333333%
    }

    .ant-col-md-pull-5 {
        right: 20.83333333%
    }

    .ant-col-md-offset-5 {
        margin-left: 20.83333333%
    }

    .ant-col-md-order-5 {
        order: 5
    }

    .ant-col-md-4 {
        display: block;
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%
    }

    .ant-col-md-push-4 {
        left: 16.66666667%
    }

    .ant-col-md-pull-4 {
        right: 16.66666667%
    }

    .ant-col-md-offset-4 {
        margin-left: 16.66666667%
    }

    .ant-col-md-order-4 {
        order: 4
    }

    .ant-col-md-3 {
        display: block;
        flex: 0 0 12.5%;
        max-width: 12.5%
    }

    .ant-col-md-push-3 {
        left: 12.5%
    }

    .ant-col-md-pull-3 {
        right: 12.5%
    }

    .ant-col-md-offset-3 {
        margin-left: 12.5%
    }

    .ant-col-md-order-3 {
        order: 3
    }

    .ant-col-md-2 {
        display: block;
        flex: 0 0 8.33333333%;
        max-width: 8.33333333%
    }

    .ant-col-md-push-2 {
        left: 8.33333333%
    }

    .ant-col-md-pull-2 {
        right: 8.33333333%
    }

    .ant-col-md-offset-2 {
        margin-left: 8.33333333%
    }

    .ant-col-md-order-2 {
        order: 2
    }

    .ant-col-md-1 {
        display: block;
        flex: 0 0 4.16666667%;
        max-width: 4.16666667%
    }

    .ant-col-md-push-1 {
        left: 4.16666667%
    }

    .ant-col-md-pull-1 {
        right: 4.16666667%
    }

    .ant-col-md-offset-1 {
        margin-left: 4.16666667%
    }

    .ant-col-md-order-1 {
        order: 1
    }

    .ant-col-md-0 {
        display: none
    }

    .ant-col-push-0 {
        left: auto
    }

    .ant-col-pull-0 {
        right: auto
    }

    .ant-col-md-push-0 {
        left: auto
    }

    .ant-col-md-pull-0 {
        right: auto
    }

    .ant-col-md-offset-0 {
        margin-left: 0
    }

    .ant-col-md-order-0 {
        order: 0
    }

    .ant-col-push-0.ant-col-rtl {
        right: auto
    }

    .ant-col-pull-0.ant-col-rtl {
        left: auto
    }

    .ant-col-md-push-0.ant-col-rtl {
        right: auto
    }

    .ant-col-md-pull-0.ant-col-rtl {
        left: auto
    }

    .ant-col-md-offset-0.ant-col-rtl {
        margin-right: 0
    }

    .ant-col-md-push-1.ant-col-rtl {
        right: 4.16666667%;
        left: auto
    }

    .ant-col-md-pull-1.ant-col-rtl {
        right: auto;
        left: 4.16666667%
    }

    .ant-col-md-offset-1.ant-col-rtl {
        margin-right: 4.16666667%;
        margin-left: 0
    }

    .ant-col-md-push-2.ant-col-rtl {
        right: 8.33333333%;
        left: auto
    }

    .ant-col-md-pull-2.ant-col-rtl {
        right: auto;
        left: 8.33333333%
    }

    .ant-col-md-offset-2.ant-col-rtl {
        margin-right: 8.33333333%;
        margin-left: 0
    }

    .ant-col-md-push-3.ant-col-rtl {
        right: 12.5%;
        left: auto
    }

    .ant-col-md-pull-3.ant-col-rtl {
        right: auto;
        left: 12.5%
    }

    .ant-col-md-offset-3.ant-col-rtl {
        margin-right: 12.5%;
        margin-left: 0
    }

    .ant-col-md-push-4.ant-col-rtl {
        right: 16.66666667%;
        left: auto
    }

    .ant-col-md-pull-4.ant-col-rtl {
        right: auto;
        left: 16.66666667%
    }

    .ant-col-md-offset-4.ant-col-rtl {
        margin-right: 16.66666667%;
        margin-left: 0
    }

    .ant-col-md-push-5.ant-col-rtl {
        right: 20.83333333%;
        left: auto
    }

    .ant-col-md-pull-5.ant-col-rtl {
        right: auto;
        left: 20.83333333%
    }

    .ant-col-md-offset-5.ant-col-rtl {
        margin-right: 20.83333333%;
        margin-left: 0
    }

    .ant-col-md-push-6.ant-col-rtl {
        right: 25%;
        left: auto
    }

    .ant-col-md-pull-6.ant-col-rtl {
        right: auto;
        left: 25%
    }

    .ant-col-md-offset-6.ant-col-rtl {
        margin-right: 25%;
        margin-left: 0
    }

    .ant-col-md-push-7.ant-col-rtl {
        right: 29.16666667%;
        left: auto
    }

    .ant-col-md-pull-7.ant-col-rtl {
        right: auto;
        left: 29.16666667%
    }

    .ant-col-md-offset-7.ant-col-rtl {
        margin-right: 29.16666667%;
        margin-left: 0
    }

    .ant-col-md-push-8.ant-col-rtl {
        right: 33.33333333%;
        left: auto
    }

    .ant-col-md-pull-8.ant-col-rtl {
        right: auto;
        left: 33.33333333%
    }

    .ant-col-md-offset-8.ant-col-rtl {
        margin-right: 33.33333333%;
        margin-left: 0
    }

    .ant-col-md-push-9.ant-col-rtl {
        right: 37.5%;
        left: auto
    }

    .ant-col-md-pull-9.ant-col-rtl {
        right: auto;
        left: 37.5%
    }

    .ant-col-md-offset-9.ant-col-rtl {
        margin-right: 37.5%;
        margin-left: 0
    }

    .ant-col-md-push-10.ant-col-rtl {
        right: 41.66666667%;
        left: auto
    }

    .ant-col-md-pull-10.ant-col-rtl {
        right: auto;
        left: 41.66666667%
    }

    .ant-col-md-offset-10.ant-col-rtl {
        margin-right: 41.66666667%;
        margin-left: 0
    }

    .ant-col-md-push-11.ant-col-rtl {
        right: 45.83333333%;
        left: auto
    }

    .ant-col-md-pull-11.ant-col-rtl {
        right: auto;
        left: 45.83333333%
    }

    .ant-col-md-offset-11.ant-col-rtl {
        margin-right: 45.83333333%;
        margin-left: 0
    }

    .ant-col-md-push-12.ant-col-rtl {
        right: 50%;
        left: auto
    }

    .ant-col-md-pull-12.ant-col-rtl {
        right: auto;
        left: 50%
    }

    .ant-col-md-offset-12.ant-col-rtl {
        margin-right: 50%;
        margin-left: 0
    }

    .ant-col-md-push-13.ant-col-rtl {
        right: 54.16666667%;
        left: auto
    }

    .ant-col-md-pull-13.ant-col-rtl {
        right: auto;
        left: 54.16666667%
    }

    .ant-col-md-offset-13.ant-col-rtl {
        margin-right: 54.16666667%;
        margin-left: 0
    }

    .ant-col-md-push-14.ant-col-rtl {
        right: 58.33333333%;
        left: auto
    }

    .ant-col-md-pull-14.ant-col-rtl {
        right: auto;
        left: 58.33333333%
    }

    .ant-col-md-offset-14.ant-col-rtl {
        margin-right: 58.33333333%;
        margin-left: 0
    }

    .ant-col-md-push-15.ant-col-rtl {
        right: 62.5%;
        left: auto
    }

    .ant-col-md-pull-15.ant-col-rtl {
        right: auto;
        left: 62.5%
    }

    .ant-col-md-offset-15.ant-col-rtl {
        margin-right: 62.5%;
        margin-left: 0
    }

    .ant-col-md-push-16.ant-col-rtl {
        right: 66.66666667%;
        left: auto
    }

    .ant-col-md-pull-16.ant-col-rtl {
        right: auto;
        left: 66.66666667%
    }

    .ant-col-md-offset-16.ant-col-rtl {
        margin-right: 66.66666667%;
        margin-left: 0
    }

    .ant-col-md-push-17.ant-col-rtl {
        right: 70.83333333%;
        left: auto
    }

    .ant-col-md-pull-17.ant-col-rtl {
        right: auto;
        left: 70.83333333%
    }

    .ant-col-md-offset-17.ant-col-rtl {
        margin-right: 70.83333333%;
        margin-left: 0
    }

    .ant-col-md-push-18.ant-col-rtl {
        right: 75%;
        left: auto
    }

    .ant-col-md-pull-18.ant-col-rtl {
        right: auto;
        left: 75%
    }

    .ant-col-md-offset-18.ant-col-rtl {
        margin-right: 75%;
        margin-left: 0
    }

    .ant-col-md-push-19.ant-col-rtl {
        right: 79.16666667%;
        left: auto
    }

    .ant-col-md-pull-19.ant-col-rtl {
        right: auto;
        left: 79.16666667%
    }

    .ant-col-md-offset-19.ant-col-rtl {
        margin-right: 79.16666667%;
        margin-left: 0
    }

    .ant-col-md-push-20.ant-col-rtl {
        right: 83.33333333%;
        left: auto
    }

    .ant-col-md-pull-20.ant-col-rtl {
        right: auto;
        left: 83.33333333%
    }

    .ant-col-md-offset-20.ant-col-rtl {
        margin-right: 83.33333333%;
        margin-left: 0
    }

    .ant-col-md-push-21.ant-col-rtl {
        right: 87.5%;
        left: auto
    }

    .ant-col-md-pull-21.ant-col-rtl {
        right: auto;
        left: 87.5%
    }

    .ant-col-md-offset-21.ant-col-rtl {
        margin-right: 87.5%;
        margin-left: 0
    }

    .ant-col-md-push-22.ant-col-rtl {
        right: 91.66666667%;
        left: auto
    }

    .ant-col-md-pull-22.ant-col-rtl {
        right: auto;
        left: 91.66666667%
    }

    .ant-col-md-offset-22.ant-col-rtl {
        margin-right: 91.66666667%;
        margin-left: 0
    }

    .ant-col-md-push-23.ant-col-rtl {
        right: 95.83333333%;
        left: auto
    }

    .ant-col-md-pull-23.ant-col-rtl {
        right: auto;
        left: 95.83333333%
    }

    .ant-col-md-offset-23.ant-col-rtl {
        margin-right: 95.83333333%;
        margin-left: 0
    }

    .ant-col-md-push-24.ant-col-rtl {
        right: 100%;
        left: auto
    }

    .ant-col-md-pull-24.ant-col-rtl {
        right: auto;
        left: 100%
    }

    .ant-col-md-offset-24.ant-col-rtl {
        margin-right: 100%;
        margin-left: 0
    }
}

@media (min-width: 992px) {
    .ant-col-lg-24 {
        display: block;
        flex: 0 0 100%;
        max-width: 100%
    }

    .ant-col-lg-push-24 {
        left: 100%
    }

    .ant-col-lg-pull-24 {
        right: 100%
    }

    .ant-col-lg-offset-24 {
        margin-left: 100%
    }

    .ant-col-lg-order-24 {
        order: 24
    }

    .ant-col-lg-23 {
        display: block;
        flex: 0 0 95.83333333%;
        max-width: 95.83333333%
    }

    .ant-col-lg-push-23 {
        left: 95.83333333%
    }

    .ant-col-lg-pull-23 {
        right: 95.83333333%
    }

    .ant-col-lg-offset-23 {
        margin-left: 95.83333333%
    }

    .ant-col-lg-order-23 {
        order: 23
    }

    .ant-col-lg-22 {
        display: block;
        flex: 0 0 91.66666667%;
        max-width: 91.66666667%
    }

    .ant-col-lg-push-22 {
        left: 91.66666667%
    }

    .ant-col-lg-pull-22 {
        right: 91.66666667%
    }

    .ant-col-lg-offset-22 {
        margin-left: 91.66666667%
    }

    .ant-col-lg-order-22 {
        order: 22
    }

    .ant-col-lg-21 {
        display: block;
        flex: 0 0 87.5%;
        max-width: 87.5%
    }

    .ant-col-lg-push-21 {
        left: 87.5%
    }

    .ant-col-lg-pull-21 {
        right: 87.5%
    }

    .ant-col-lg-offset-21 {
        margin-left: 87.5%
    }

    .ant-col-lg-order-21 {
        order: 21
    }

    .ant-col-lg-20 {
        display: block;
        flex: 0 0 83.33333333%;
        max-width: 83.33333333%
    }

    .ant-col-lg-push-20 {
        left: 83.33333333%
    }

    .ant-col-lg-pull-20 {
        right: 83.33333333%
    }

    .ant-col-lg-offset-20 {
        margin-left: 83.33333333%
    }

    .ant-col-lg-order-20 {
        order: 20
    }

    .ant-col-lg-19 {
        display: block;
        flex: 0 0 79.16666667%;
        max-width: 79.16666667%
    }

    .ant-col-lg-push-19 {
        left: 79.16666667%
    }

    .ant-col-lg-pull-19 {
        right: 79.16666667%
    }

    .ant-col-lg-offset-19 {
        margin-left: 79.16666667%
    }

    .ant-col-lg-order-19 {
        order: 19
    }

    .ant-col-lg-18 {
        display: block;
        flex: 0 0 75%;
        max-width: 75%
    }

    .ant-col-lg-push-18 {
        left: 75%
    }

    .ant-col-lg-pull-18 {
        right: 75%
    }

    .ant-col-lg-offset-18 {
        margin-left: 75%
    }

    .ant-col-lg-order-18 {
        order: 18
    }

    .ant-col-lg-17 {
        display: block;
        flex: 0 0 70.83333333%;
        max-width: 70.83333333%
    }

    .ant-col-lg-push-17 {
        left: 70.83333333%
    }

    .ant-col-lg-pull-17 {
        right: 70.83333333%
    }

    .ant-col-lg-offset-17 {
        margin-left: 70.83333333%
    }

    .ant-col-lg-order-17 {
        order: 17
    }

    .ant-col-lg-16 {
        display: block;
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%
    }

    .ant-col-lg-push-16 {
        left: 66.66666667%
    }

    .ant-col-lg-pull-16 {
        right: 66.66666667%
    }

    .ant-col-lg-offset-16 {
        margin-left: 66.66666667%
    }

    .ant-col-lg-order-16 {
        order: 16
    }

    .ant-col-lg-15 {
        display: block;
        flex: 0 0 62.5%;
        max-width: 62.5%
    }

    .ant-col-lg-push-15 {
        left: 62.5%
    }

    .ant-col-lg-pull-15 {
        right: 62.5%
    }

    .ant-col-lg-offset-15 {
        margin-left: 62.5%
    }

    .ant-col-lg-order-15 {
        order: 15
    }

    .ant-col-lg-14 {
        display: block;
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%
    }

    .ant-col-lg-push-14 {
        left: 58.33333333%
    }

    .ant-col-lg-pull-14 {
        right: 58.33333333%
    }

    .ant-col-lg-offset-14 {
        margin-left: 58.33333333%
    }

    .ant-col-lg-order-14 {
        order: 14
    }

    .ant-col-lg-13 {
        display: block;
        flex: 0 0 54.16666667%;
        max-width: 54.16666667%
    }

    .ant-col-lg-push-13 {
        left: 54.16666667%
    }

    .ant-col-lg-pull-13 {
        right: 54.16666667%
    }

    .ant-col-lg-offset-13 {
        margin-left: 54.16666667%
    }

    .ant-col-lg-order-13 {
        order: 13
    }

    .ant-col-lg-12 {
        display: block;
        flex: 0 0 50%;
        max-width: 50%
    }

    .ant-col-lg-push-12 {
        left: 50%
    }

    .ant-col-lg-pull-12 {
        right: 50%
    }

    .ant-col-lg-offset-12 {
        margin-left: 50%
    }

    .ant-col-lg-order-12 {
        order: 12
    }

    .ant-col-lg-11 {
        display: block;
        flex: 0 0 45.83333333%;
        max-width: 45.83333333%
    }

    .ant-col-lg-push-11 {
        left: 45.83333333%
    }

    .ant-col-lg-pull-11 {
        right: 45.83333333%
    }

    .ant-col-lg-offset-11 {
        margin-left: 45.83333333%
    }

    .ant-col-lg-order-11 {
        order: 11
    }

    .ant-col-lg-10 {
        display: block;
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%
    }

    .ant-col-lg-push-10 {
        left: 41.66666667%
    }

    .ant-col-lg-pull-10 {
        right: 41.66666667%
    }

    .ant-col-lg-offset-10 {
        margin-left: 41.66666667%
    }

    .ant-col-lg-order-10 {
        order: 10
    }

    .ant-col-lg-9 {
        display: block;
        flex: 0 0 37.5%;
        max-width: 37.5%
    }

    .ant-col-lg-push-9 {
        left: 37.5%
    }

    .ant-col-lg-pull-9 {
        right: 37.5%
    }

    .ant-col-lg-offset-9 {
        margin-left: 37.5%
    }

    .ant-col-lg-order-9 {
        order: 9
    }

    .ant-col-lg-8 {
        display: block;
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%
    }

    .ant-col-lg-push-8 {
        left: 33.33333333%
    }

    .ant-col-lg-pull-8 {
        right: 33.33333333%
    }

    .ant-col-lg-offset-8 {
        margin-left: 33.33333333%
    }

    .ant-col-lg-order-8 {
        order: 8
    }

    .ant-col-lg-7 {
        display: block;
        flex: 0 0 29.16666667%;
        max-width: 29.16666667%
    }

    .ant-col-lg-push-7 {
        left: 29.16666667%
    }

    .ant-col-lg-pull-7 {
        right: 29.16666667%
    }

    .ant-col-lg-offset-7 {
        margin-left: 29.16666667%
    }

    .ant-col-lg-order-7 {
        order: 7
    }

    .ant-col-lg-6 {
        display: block;
        flex: 0 0 25%;
        max-width: 25%
    }

    .ant-col-lg-push-6 {
        left: 25%
    }

    .ant-col-lg-pull-6 {
        right: 25%
    }

    .ant-col-lg-offset-6 {
        margin-left: 25%
    }

    .ant-col-lg-order-6 {
        order: 6
    }

    .ant-col-lg-5 {
        display: block;
        flex: 0 0 20.83333333%;
        max-width: 20.83333333%
    }

    .ant-col-lg-push-5 {
        left: 20.83333333%
    }

    .ant-col-lg-pull-5 {
        right: 20.83333333%
    }

    .ant-col-lg-offset-5 {
        margin-left: 20.83333333%
    }

    .ant-col-lg-order-5 {
        order: 5
    }

    .ant-col-lg-4 {
        display: block;
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%
    }

    .ant-col-lg-push-4 {
        left: 16.66666667%
    }

    .ant-col-lg-pull-4 {
        right: 16.66666667%
    }

    .ant-col-lg-offset-4 {
        margin-left: 16.66666667%
    }

    .ant-col-lg-order-4 {
        order: 4
    }

    .ant-col-lg-3 {
        display: block;
        flex: 0 0 12.5%;
        max-width: 12.5%
    }

    .ant-col-lg-push-3 {
        left: 12.5%
    }

    .ant-col-lg-pull-3 {
        right: 12.5%
    }

    .ant-col-lg-offset-3 {
        margin-left: 12.5%
    }

    .ant-col-lg-order-3 {
        order: 3
    }

    .ant-col-lg-2 {
        display: block;
        flex: 0 0 8.33333333%;
        max-width: 8.33333333%
    }

    .ant-col-lg-push-2 {
        left: 8.33333333%
    }

    .ant-col-lg-pull-2 {
        right: 8.33333333%
    }

    .ant-col-lg-offset-2 {
        margin-left: 8.33333333%
    }

    .ant-col-lg-order-2 {
        order: 2
    }

    .ant-col-lg-1 {
        display: block;
        flex: 0 0 4.16666667%;
        max-width: 4.16666667%
    }

    .ant-col-lg-push-1 {
        left: 4.16666667%
    }

    .ant-col-lg-pull-1 {
        right: 4.16666667%
    }

    .ant-col-lg-offset-1 {
        margin-left: 4.16666667%
    }

    .ant-col-lg-order-1 {
        order: 1
    }

    .ant-col-lg-0 {
        display: none
    }

    .ant-col-push-0 {
        left: auto
    }

    .ant-col-pull-0 {
        right: auto
    }

    .ant-col-lg-push-0 {
        left: auto
    }

    .ant-col-lg-pull-0 {
        right: auto
    }

    .ant-col-lg-offset-0 {
        margin-left: 0
    }

    .ant-col-lg-order-0 {
        order: 0
    }

    .ant-col-push-0.ant-col-rtl {
        right: auto
    }

    .ant-col-pull-0.ant-col-rtl {
        left: auto
    }

    .ant-col-lg-push-0.ant-col-rtl {
        right: auto
    }

    .ant-col-lg-pull-0.ant-col-rtl {
        left: auto
    }

    .ant-col-lg-offset-0.ant-col-rtl {
        margin-right: 0
    }

    .ant-col-lg-push-1.ant-col-rtl {
        right: 4.16666667%;
        left: auto
    }

    .ant-col-lg-pull-1.ant-col-rtl {
        right: auto;
        left: 4.16666667%
    }

    .ant-col-lg-offset-1.ant-col-rtl {
        margin-right: 4.16666667%;
        margin-left: 0
    }

    .ant-col-lg-push-2.ant-col-rtl {
        right: 8.33333333%;
        left: auto
    }

    .ant-col-lg-pull-2.ant-col-rtl {
        right: auto;
        left: 8.33333333%
    }

    .ant-col-lg-offset-2.ant-col-rtl {
        margin-right: 8.33333333%;
        margin-left: 0
    }

    .ant-col-lg-push-3.ant-col-rtl {
        right: 12.5%;
        left: auto
    }

    .ant-col-lg-pull-3.ant-col-rtl {
        right: auto;
        left: 12.5%
    }

    .ant-col-lg-offset-3.ant-col-rtl {
        margin-right: 12.5%;
        margin-left: 0
    }

    .ant-col-lg-push-4.ant-col-rtl {
        right: 16.66666667%;
        left: auto
    }

    .ant-col-lg-pull-4.ant-col-rtl {
        right: auto;
        left: 16.66666667%
    }

    .ant-col-lg-offset-4.ant-col-rtl {
        margin-right: 16.66666667%;
        margin-left: 0
    }

    .ant-col-lg-push-5.ant-col-rtl {
        right: 20.83333333%;
        left: auto
    }

    .ant-col-lg-pull-5.ant-col-rtl {
        right: auto;
        left: 20.83333333%
    }

    .ant-col-lg-offset-5.ant-col-rtl {
        margin-right: 20.83333333%;
        margin-left: 0
    }

    .ant-col-lg-push-6.ant-col-rtl {
        right: 25%;
        left: auto
    }

    .ant-col-lg-pull-6.ant-col-rtl {
        right: auto;
        left: 25%
    }

    .ant-col-lg-offset-6.ant-col-rtl {
        margin-right: 25%;
        margin-left: 0
    }

    .ant-col-lg-push-7.ant-col-rtl {
        right: 29.16666667%;
        left: auto
    }

    .ant-col-lg-pull-7.ant-col-rtl {
        right: auto;
        left: 29.16666667%
    }

    .ant-col-lg-offset-7.ant-col-rtl {
        margin-right: 29.16666667%;
        margin-left: 0
    }

    .ant-col-lg-push-8.ant-col-rtl {
        right: 33.33333333%;
        left: auto
    }

    .ant-col-lg-pull-8.ant-col-rtl {
        right: auto;
        left: 33.33333333%
    }

    .ant-col-lg-offset-8.ant-col-rtl {
        margin-right: 33.33333333%;
        margin-left: 0
    }

    .ant-col-lg-push-9.ant-col-rtl {
        right: 37.5%;
        left: auto
    }

    .ant-col-lg-pull-9.ant-col-rtl {
        right: auto;
        left: 37.5%
    }

    .ant-col-lg-offset-9.ant-col-rtl {
        margin-right: 37.5%;
        margin-left: 0
    }

    .ant-col-lg-push-10.ant-col-rtl {
        right: 41.66666667%;
        left: auto
    }

    .ant-col-lg-pull-10.ant-col-rtl {
        right: auto;
        left: 41.66666667%
    }

    .ant-col-lg-offset-10.ant-col-rtl {
        margin-right: 41.66666667%;
        margin-left: 0
    }

    .ant-col-lg-push-11.ant-col-rtl {
        right: 45.83333333%;
        left: auto
    }

    .ant-col-lg-pull-11.ant-col-rtl {
        right: auto;
        left: 45.83333333%
    }

    .ant-col-lg-offset-11.ant-col-rtl {
        margin-right: 45.83333333%;
        margin-left: 0
    }

    .ant-col-lg-push-12.ant-col-rtl {
        right: 50%;
        left: auto
    }

    .ant-col-lg-pull-12.ant-col-rtl {
        right: auto;
        left: 50%
    }

    .ant-col-lg-offset-12.ant-col-rtl {
        margin-right: 50%;
        margin-left: 0
    }

    .ant-col-lg-push-13.ant-col-rtl {
        right: 54.16666667%;
        left: auto
    }

    .ant-col-lg-pull-13.ant-col-rtl {
        right: auto;
        left: 54.16666667%
    }

    .ant-col-lg-offset-13.ant-col-rtl {
        margin-right: 54.16666667%;
        margin-left: 0
    }

    .ant-col-lg-push-14.ant-col-rtl {
        right: 58.33333333%;
        left: auto
    }

    .ant-col-lg-pull-14.ant-col-rtl {
        right: auto;
        left: 58.33333333%
    }

    .ant-col-lg-offset-14.ant-col-rtl {
        margin-right: 58.33333333%;
        margin-left: 0
    }

    .ant-col-lg-push-15.ant-col-rtl {
        right: 62.5%;
        left: auto
    }

    .ant-col-lg-pull-15.ant-col-rtl {
        right: auto;
        left: 62.5%
    }

    .ant-col-lg-offset-15.ant-col-rtl {
        margin-right: 62.5%;
        margin-left: 0
    }

    .ant-col-lg-push-16.ant-col-rtl {
        right: 66.66666667%;
        left: auto
    }

    .ant-col-lg-pull-16.ant-col-rtl {
        right: auto;
        left: 66.66666667%
    }

    .ant-col-lg-offset-16.ant-col-rtl {
        margin-right: 66.66666667%;
        margin-left: 0
    }

    .ant-col-lg-push-17.ant-col-rtl {
        right: 70.83333333%;
        left: auto
    }

    .ant-col-lg-pull-17.ant-col-rtl {
        right: auto;
        left: 70.83333333%
    }

    .ant-col-lg-offset-17.ant-col-rtl {
        margin-right: 70.83333333%;
        margin-left: 0
    }

    .ant-col-lg-push-18.ant-col-rtl {
        right: 75%;
        left: auto
    }

    .ant-col-lg-pull-18.ant-col-rtl {
        right: auto;
        left: 75%
    }

    .ant-col-lg-offset-18.ant-col-rtl {
        margin-right: 75%;
        margin-left: 0
    }

    .ant-col-lg-push-19.ant-col-rtl {
        right: 79.16666667%;
        left: auto
    }

    .ant-col-lg-pull-19.ant-col-rtl {
        right: auto;
        left: 79.16666667%
    }

    .ant-col-lg-offset-19.ant-col-rtl {
        margin-right: 79.16666667%;
        margin-left: 0
    }

    .ant-col-lg-push-20.ant-col-rtl {
        right: 83.33333333%;
        left: auto
    }

    .ant-col-lg-pull-20.ant-col-rtl {
        right: auto;
        left: 83.33333333%
    }

    .ant-col-lg-offset-20.ant-col-rtl {
        margin-right: 83.33333333%;
        margin-left: 0
    }

    .ant-col-lg-push-21.ant-col-rtl {
        right: 87.5%;
        left: auto
    }

    .ant-col-lg-pull-21.ant-col-rtl {
        right: auto;
        left: 87.5%
    }

    .ant-col-lg-offset-21.ant-col-rtl {
        margin-right: 87.5%;
        margin-left: 0
    }

    .ant-col-lg-push-22.ant-col-rtl {
        right: 91.66666667%;
        left: auto
    }

    .ant-col-lg-pull-22.ant-col-rtl {
        right: auto;
        left: 91.66666667%
    }

    .ant-col-lg-offset-22.ant-col-rtl {
        margin-right: 91.66666667%;
        margin-left: 0
    }

    .ant-col-lg-push-23.ant-col-rtl {
        right: 95.83333333%;
        left: auto
    }

    .ant-col-lg-pull-23.ant-col-rtl {
        right: auto;
        left: 95.83333333%
    }

    .ant-col-lg-offset-23.ant-col-rtl {
        margin-right: 95.83333333%;
        margin-left: 0
    }

    .ant-col-lg-push-24.ant-col-rtl {
        right: 100%;
        left: auto
    }

    .ant-col-lg-pull-24.ant-col-rtl {
        right: auto;
        left: 100%
    }

    .ant-col-lg-offset-24.ant-col-rtl {
        margin-right: 100%;
        margin-left: 0
    }
}

@media (min-width: 1200px) {
    .ant-col-xl-24 {
        display: block;
        flex: 0 0 100%;
        max-width: 100%
    }

    .ant-col-xl-push-24 {
        left: 100%
    }

    .ant-col-xl-pull-24 {
        right: 100%
    }

    .ant-col-xl-offset-24 {
        margin-left: 100%
    }

    .ant-col-xl-order-24 {
        order: 24
    }

    .ant-col-xl-23 {
        display: block;
        flex: 0 0 95.83333333%;
        max-width: 95.83333333%
    }

    .ant-col-xl-push-23 {
        left: 95.83333333%
    }

    .ant-col-xl-pull-23 {
        right: 95.83333333%
    }

    .ant-col-xl-offset-23 {
        margin-left: 95.83333333%
    }

    .ant-col-xl-order-23 {
        order: 23
    }

    .ant-col-xl-22 {
        display: block;
        flex: 0 0 91.66666667%;
        max-width: 91.66666667%
    }

    .ant-col-xl-push-22 {
        left: 91.66666667%
    }

    .ant-col-xl-pull-22 {
        right: 91.66666667%
    }

    .ant-col-xl-offset-22 {
        margin-left: 91.66666667%
    }

    .ant-col-xl-order-22 {
        order: 22
    }

    .ant-col-xl-21 {
        display: block;
        flex: 0 0 87.5%;
        max-width: 87.5%
    }

    .ant-col-xl-push-21 {
        left: 87.5%
    }

    .ant-col-xl-pull-21 {
        right: 87.5%
    }

    .ant-col-xl-offset-21 {
        margin-left: 87.5%
    }

    .ant-col-xl-order-21 {
        order: 21
    }

    .ant-col-xl-20 {
        display: block;
        flex: 0 0 83.33333333%;
        max-width: 83.33333333%
    }

    .ant-col-xl-push-20 {
        left: 83.33333333%
    }

    .ant-col-xl-pull-20 {
        right: 83.33333333%
    }

    .ant-col-xl-offset-20 {
        margin-left: 83.33333333%
    }

    .ant-col-xl-order-20 {
        order: 20
    }

    .ant-col-xl-19 {
        display: block;
        flex: 0 0 79.16666667%;
        max-width: 79.16666667%
    }

    .ant-col-xl-push-19 {
        left: 79.16666667%
    }

    .ant-col-xl-pull-19 {
        right: 79.16666667%
    }

    .ant-col-xl-offset-19 {
        margin-left: 79.16666667%
    }

    .ant-col-xl-order-19 {
        order: 19
    }

    .ant-col-xl-18 {
        display: block;
        flex: 0 0 75%;
        max-width: 75%
    }

    .ant-col-xl-push-18 {
        left: 75%
    }

    .ant-col-xl-pull-18 {
        right: 75%
    }

    .ant-col-xl-offset-18 {
        margin-left: 75%
    }

    .ant-col-xl-order-18 {
        order: 18
    }

    .ant-col-xl-17 {
        display: block;
        flex: 0 0 70.83333333%;
        max-width: 70.83333333%
    }

    .ant-col-xl-push-17 {
        left: 70.83333333%
    }

    .ant-col-xl-pull-17 {
        right: 70.83333333%
    }

    .ant-col-xl-offset-17 {
        margin-left: 70.83333333%
    }

    .ant-col-xl-order-17 {
        order: 17
    }

    .ant-col-xl-16 {
        display: block;
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%
    }

    .ant-col-xl-push-16 {
        left: 66.66666667%
    }

    .ant-col-xl-pull-16 {
        right: 66.66666667%
    }

    .ant-col-xl-offset-16 {
        margin-left: 66.66666667%
    }

    .ant-col-xl-order-16 {
        order: 16
    }

    .ant-col-xl-15 {
        display: block;
        flex: 0 0 62.5%;
        max-width: 62.5%
    }

    .ant-col-xl-push-15 {
        left: 62.5%
    }

    .ant-col-xl-pull-15 {
        right: 62.5%
    }

    .ant-col-xl-offset-15 {
        margin-left: 62.5%
    }

    .ant-col-xl-order-15 {
        order: 15
    }

    .ant-col-xl-14 {
        display: block;
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%
    }

    .ant-col-xl-push-14 {
        left: 58.33333333%
    }

    .ant-col-xl-pull-14 {
        right: 58.33333333%
    }

    .ant-col-xl-offset-14 {
        margin-left: 58.33333333%
    }

    .ant-col-xl-order-14 {
        order: 14
    }

    .ant-col-xl-13 {
        display: block;
        flex: 0 0 54.16666667%;
        max-width: 54.16666667%
    }

    .ant-col-xl-push-13 {
        left: 54.16666667%
    }

    .ant-col-xl-pull-13 {
        right: 54.16666667%
    }

    .ant-col-xl-offset-13 {
        margin-left: 54.16666667%
    }

    .ant-col-xl-order-13 {
        order: 13
    }

    .ant-col-xl-12 {
        display: block;
        flex: 0 0 50%;
        max-width: 50%
    }

    .ant-col-xl-push-12 {
        left: 50%
    }

    .ant-col-xl-pull-12 {
        right: 50%
    }

    .ant-col-xl-offset-12 {
        margin-left: 50%
    }

    .ant-col-xl-order-12 {
        order: 12
    }

    .ant-col-xl-11 {
        display: block;
        flex: 0 0 45.83333333%;
        max-width: 45.83333333%
    }

    .ant-col-xl-push-11 {
        left: 45.83333333%
    }

    .ant-col-xl-pull-11 {
        right: 45.83333333%
    }

    .ant-col-xl-offset-11 {
        margin-left: 45.83333333%
    }

    .ant-col-xl-order-11 {
        order: 11
    }

    .ant-col-xl-10 {
        display: block;
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%
    }

    .ant-col-xl-push-10 {
        left: 41.66666667%
    }

    .ant-col-xl-pull-10 {
        right: 41.66666667%
    }

    .ant-col-xl-offset-10 {
        margin-left: 41.66666667%
    }

    .ant-col-xl-order-10 {
        order: 10
    }

    .ant-col-xl-9 {
        display: block;
        flex: 0 0 37.5%;
        max-width: 37.5%
    }

    .ant-col-xl-push-9 {
        left: 37.5%
    }

    .ant-col-xl-pull-9 {
        right: 37.5%
    }

    .ant-col-xl-offset-9 {
        margin-left: 37.5%
    }

    .ant-col-xl-order-9 {
        order: 9
    }

    .ant-col-xl-8 {
        display: block;
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%
    }

    .ant-col-xl-push-8 {
        left: 33.33333333%
    }

    .ant-col-xl-pull-8 {
        right: 33.33333333%
    }

    .ant-col-xl-offset-8 {
        margin-left: 33.33333333%
    }

    .ant-col-xl-order-8 {
        order: 8
    }

    .ant-col-xl-7 {
        display: block;
        flex: 0 0 29.16666667%;
        max-width: 29.16666667%
    }

    .ant-col-xl-push-7 {
        left: 29.16666667%
    }

    .ant-col-xl-pull-7 {
        right: 29.16666667%
    }

    .ant-col-xl-offset-7 {
        margin-left: 29.16666667%
    }

    .ant-col-xl-order-7 {
        order: 7
    }

    .ant-col-xl-6 {
        display: block;
        flex: 0 0 25%;
        max-width: 25%
    }

    .ant-col-xl-push-6 {
        left: 25%
    }

    .ant-col-xl-pull-6 {
        right: 25%
    }

    .ant-col-xl-offset-6 {
        margin-left: 25%
    }

    .ant-col-xl-order-6 {
        order: 6
    }

    .ant-col-xl-5 {
        display: block;
        flex: 0 0 20.83333333%;
        max-width: 20.83333333%
    }

    .ant-col-xl-push-5 {
        left: 20.83333333%
    }

    .ant-col-xl-pull-5 {
        right: 20.83333333%
    }

    .ant-col-xl-offset-5 {
        margin-left: 20.83333333%
    }

    .ant-col-xl-order-5 {
        order: 5
    }

    .ant-col-xl-4 {
        display: block;
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%
    }

    .ant-col-xl-push-4 {
        left: 16.66666667%
    }

    .ant-col-xl-pull-4 {
        right: 16.66666667%
    }

    .ant-col-xl-offset-4 {
        margin-left: 16.66666667%
    }

    .ant-col-xl-order-4 {
        order: 4
    }

    .ant-col-xl-3 {
        display: block;
        flex: 0 0 12.5%;
        max-width: 12.5%
    }

    .ant-col-xl-push-3 {
        left: 12.5%
    }

    .ant-col-xl-pull-3 {
        right: 12.5%
    }

    .ant-col-xl-offset-3 {
        margin-left: 12.5%
    }

    .ant-col-xl-order-3 {
        order: 3
    }

    .ant-col-xl-2 {
        display: block;
        flex: 0 0 8.33333333%;
        max-width: 8.33333333%
    }

    .ant-col-xl-push-2 {
        left: 8.33333333%
    }

    .ant-col-xl-pull-2 {
        right: 8.33333333%
    }

    .ant-col-xl-offset-2 {
        margin-left: 8.33333333%
    }

    .ant-col-xl-order-2 {
        order: 2
    }

    .ant-col-xl-1 {
        display: block;
        flex: 0 0 4.16666667%;
        max-width: 4.16666667%
    }

    .ant-col-xl-push-1 {
        left: 4.16666667%
    }

    .ant-col-xl-pull-1 {
        right: 4.16666667%
    }

    .ant-col-xl-offset-1 {
        margin-left: 4.16666667%
    }

    .ant-col-xl-order-1 {
        order: 1
    }

    .ant-col-xl-0 {
        display: none
    }

    .ant-col-push-0 {
        left: auto
    }

    .ant-col-pull-0 {
        right: auto
    }

    .ant-col-xl-push-0 {
        left: auto
    }

    .ant-col-xl-pull-0 {
        right: auto
    }

    .ant-col-xl-offset-0 {
        margin-left: 0
    }

    .ant-col-xl-order-0 {
        order: 0
    }

    .ant-col-push-0.ant-col-rtl {
        right: auto
    }

    .ant-col-pull-0.ant-col-rtl {
        left: auto
    }

    .ant-col-xl-push-0.ant-col-rtl {
        right: auto
    }

    .ant-col-xl-pull-0.ant-col-rtl {
        left: auto
    }

    .ant-col-xl-offset-0.ant-col-rtl {
        margin-right: 0
    }

    .ant-col-xl-push-1.ant-col-rtl {
        right: 4.16666667%;
        left: auto
    }

    .ant-col-xl-pull-1.ant-col-rtl {
        right: auto;
        left: 4.16666667%
    }

    .ant-col-xl-offset-1.ant-col-rtl {
        margin-right: 4.16666667%;
        margin-left: 0
    }

    .ant-col-xl-push-2.ant-col-rtl {
        right: 8.33333333%;
        left: auto
    }

    .ant-col-xl-pull-2.ant-col-rtl {
        right: auto;
        left: 8.33333333%
    }

    .ant-col-xl-offset-2.ant-col-rtl {
        margin-right: 8.33333333%;
        margin-left: 0
    }

    .ant-col-xl-push-3.ant-col-rtl {
        right: 12.5%;
        left: auto
    }

    .ant-col-xl-pull-3.ant-col-rtl {
        right: auto;
        left: 12.5%
    }

    .ant-col-xl-offset-3.ant-col-rtl {
        margin-right: 12.5%;
        margin-left: 0
    }

    .ant-col-xl-push-4.ant-col-rtl {
        right: 16.66666667%;
        left: auto
    }

    .ant-col-xl-pull-4.ant-col-rtl {
        right: auto;
        left: 16.66666667%
    }

    .ant-col-xl-offset-4.ant-col-rtl {
        margin-right: 16.66666667%;
        margin-left: 0
    }

    .ant-col-xl-push-5.ant-col-rtl {
        right: 20.83333333%;
        left: auto
    }

    .ant-col-xl-pull-5.ant-col-rtl {
        right: auto;
        left: 20.83333333%
    }

    .ant-col-xl-offset-5.ant-col-rtl {
        margin-right: 20.83333333%;
        margin-left: 0
    }

    .ant-col-xl-push-6.ant-col-rtl {
        right: 25%;
        left: auto
    }

    .ant-col-xl-pull-6.ant-col-rtl {
        right: auto;
        left: 25%
    }

    .ant-col-xl-offset-6.ant-col-rtl {
        margin-right: 25%;
        margin-left: 0
    }

    .ant-col-xl-push-7.ant-col-rtl {
        right: 29.16666667%;
        left: auto
    }

    .ant-col-xl-pull-7.ant-col-rtl {
        right: auto;
        left: 29.16666667%
    }

    .ant-col-xl-offset-7.ant-col-rtl {
        margin-right: 29.16666667%;
        margin-left: 0
    }

    .ant-col-xl-push-8.ant-col-rtl {
        right: 33.33333333%;
        left: auto
    }

    .ant-col-xl-pull-8.ant-col-rtl {
        right: auto;
        left: 33.33333333%
    }

    .ant-col-xl-offset-8.ant-col-rtl {
        margin-right: 33.33333333%;
        margin-left: 0
    }

    .ant-col-xl-push-9.ant-col-rtl {
        right: 37.5%;
        left: auto
    }

    .ant-col-xl-pull-9.ant-col-rtl {
        right: auto;
        left: 37.5%
    }

    .ant-col-xl-offset-9.ant-col-rtl {
        margin-right: 37.5%;
        margin-left: 0
    }

    .ant-col-xl-push-10.ant-col-rtl {
        right: 41.66666667%;
        left: auto
    }

    .ant-col-xl-pull-10.ant-col-rtl {
        right: auto;
        left: 41.66666667%
    }

    .ant-col-xl-offset-10.ant-col-rtl {
        margin-right: 41.66666667%;
        margin-left: 0
    }

    .ant-col-xl-push-11.ant-col-rtl {
        right: 45.83333333%;
        left: auto
    }

    .ant-col-xl-pull-11.ant-col-rtl {
        right: auto;
        left: 45.83333333%
    }

    .ant-col-xl-offset-11.ant-col-rtl {
        margin-right: 45.83333333%;
        margin-left: 0
    }

    .ant-col-xl-push-12.ant-col-rtl {
        right: 50%;
        left: auto
    }

    .ant-col-xl-pull-12.ant-col-rtl {
        right: auto;
        left: 50%
    }

    .ant-col-xl-offset-12.ant-col-rtl {
        margin-right: 50%;
        margin-left: 0
    }

    .ant-col-xl-push-13.ant-col-rtl {
        right: 54.16666667%;
        left: auto
    }

    .ant-col-xl-pull-13.ant-col-rtl {
        right: auto;
        left: 54.16666667%
    }

    .ant-col-xl-offset-13.ant-col-rtl {
        margin-right: 54.16666667%;
        margin-left: 0
    }

    .ant-col-xl-push-14.ant-col-rtl {
        right: 58.33333333%;
        left: auto
    }

    .ant-col-xl-pull-14.ant-col-rtl {
        right: auto;
        left: 58.33333333%
    }

    .ant-col-xl-offset-14.ant-col-rtl {
        margin-right: 58.33333333%;
        margin-left: 0
    }

    .ant-col-xl-push-15.ant-col-rtl {
        right: 62.5%;
        left: auto
    }

    .ant-col-xl-pull-15.ant-col-rtl {
        right: auto;
        left: 62.5%
    }

    .ant-col-xl-offset-15.ant-col-rtl {
        margin-right: 62.5%;
        margin-left: 0
    }

    .ant-col-xl-push-16.ant-col-rtl {
        right: 66.66666667%;
        left: auto
    }

    .ant-col-xl-pull-16.ant-col-rtl {
        right: auto;
        left: 66.66666667%
    }

    .ant-col-xl-offset-16.ant-col-rtl {
        margin-right: 66.66666667%;
        margin-left: 0
    }

    .ant-col-xl-push-17.ant-col-rtl {
        right: 70.83333333%;
        left: auto
    }

    .ant-col-xl-pull-17.ant-col-rtl {
        right: auto;
        left: 70.83333333%
    }

    .ant-col-xl-offset-17.ant-col-rtl {
        margin-right: 70.83333333%;
        margin-left: 0
    }

    .ant-col-xl-push-18.ant-col-rtl {
        right: 75%;
        left: auto
    }

    .ant-col-xl-pull-18.ant-col-rtl {
        right: auto;
        left: 75%
    }

    .ant-col-xl-offset-18.ant-col-rtl {
        margin-right: 75%;
        margin-left: 0
    }

    .ant-col-xl-push-19.ant-col-rtl {
        right: 79.16666667%;
        left: auto
    }

    .ant-col-xl-pull-19.ant-col-rtl {
        right: auto;
        left: 79.16666667%
    }

    .ant-col-xl-offset-19.ant-col-rtl {
        margin-right: 79.16666667%;
        margin-left: 0
    }

    .ant-col-xl-push-20.ant-col-rtl {
        right: 83.33333333%;
        left: auto
    }

    .ant-col-xl-pull-20.ant-col-rtl {
        right: auto;
        left: 83.33333333%
    }

    .ant-col-xl-offset-20.ant-col-rtl {
        margin-right: 83.33333333%;
        margin-left: 0
    }

    .ant-col-xl-push-21.ant-col-rtl {
        right: 87.5%;
        left: auto
    }

    .ant-col-xl-pull-21.ant-col-rtl {
        right: auto;
        left: 87.5%
    }

    .ant-col-xl-offset-21.ant-col-rtl {
        margin-right: 87.5%;
        margin-left: 0
    }

    .ant-col-xl-push-22.ant-col-rtl {
        right: 91.66666667%;
        left: auto
    }

    .ant-col-xl-pull-22.ant-col-rtl {
        right: auto;
        left: 91.66666667%
    }

    .ant-col-xl-offset-22.ant-col-rtl {
        margin-right: 91.66666667%;
        margin-left: 0
    }

    .ant-col-xl-push-23.ant-col-rtl {
        right: 95.83333333%;
        left: auto
    }

    .ant-col-xl-pull-23.ant-col-rtl {
        right: auto;
        left: 95.83333333%
    }

    .ant-col-xl-offset-23.ant-col-rtl {
        margin-right: 95.83333333%;
        margin-left: 0
    }

    .ant-col-xl-push-24.ant-col-rtl {
        right: 100%;
        left: auto
    }

    .ant-col-xl-pull-24.ant-col-rtl {
        right: auto;
        left: 100%
    }

    .ant-col-xl-offset-24.ant-col-rtl {
        margin-right: 100%;
        margin-left: 0
    }
}

@media (min-width: 1600px) {
    .ant-col-xxl-24 {
        display: block;
        flex: 0 0 100%;
        max-width: 100%
    }

    .ant-col-xxl-push-24 {
        left: 100%
    }

    .ant-col-xxl-pull-24 {
        right: 100%
    }

    .ant-col-xxl-offset-24 {
        margin-left: 100%
    }

    .ant-col-xxl-order-24 {
        order: 24
    }

    .ant-col-xxl-23 {
        display: block;
        flex: 0 0 95.83333333%;
        max-width: 95.83333333%
    }

    .ant-col-xxl-push-23 {
        left: 95.83333333%
    }

    .ant-col-xxl-pull-23 {
        right: 95.83333333%
    }

    .ant-col-xxl-offset-23 {
        margin-left: 95.83333333%
    }

    .ant-col-xxl-order-23 {
        order: 23
    }

    .ant-col-xxl-22 {
        display: block;
        flex: 0 0 91.66666667%;
        max-width: 91.66666667%
    }

    .ant-col-xxl-push-22 {
        left: 91.66666667%
    }

    .ant-col-xxl-pull-22 {
        right: 91.66666667%
    }

    .ant-col-xxl-offset-22 {
        margin-left: 91.66666667%
    }

    .ant-col-xxl-order-22 {
        order: 22
    }

    .ant-col-xxl-21 {
        display: block;
        flex: 0 0 87.5%;
        max-width: 87.5%
    }

    .ant-col-xxl-push-21 {
        left: 87.5%
    }

    .ant-col-xxl-pull-21 {
        right: 87.5%
    }

    .ant-col-xxl-offset-21 {
        margin-left: 87.5%
    }

    .ant-col-xxl-order-21 {
        order: 21
    }

    .ant-col-xxl-20 {
        display: block;
        flex: 0 0 83.33333333%;
        max-width: 83.33333333%
    }

    .ant-col-xxl-push-20 {
        left: 83.33333333%
    }

    .ant-col-xxl-pull-20 {
        right: 83.33333333%
    }

    .ant-col-xxl-offset-20 {
        margin-left: 83.33333333%
    }

    .ant-col-xxl-order-20 {
        order: 20
    }

    .ant-col-xxl-19 {
        display: block;
        flex: 0 0 79.16666667%;
        max-width: 79.16666667%
    }

    .ant-col-xxl-push-19 {
        left: 79.16666667%
    }

    .ant-col-xxl-pull-19 {
        right: 79.16666667%
    }

    .ant-col-xxl-offset-19 {
        margin-left: 79.16666667%
    }

    .ant-col-xxl-order-19 {
        order: 19
    }

    .ant-col-xxl-18 {
        display: block;
        flex: 0 0 75%;
        max-width: 75%
    }

    .ant-col-xxl-push-18 {
        left: 75%
    }

    .ant-col-xxl-pull-18 {
        right: 75%
    }

    .ant-col-xxl-offset-18 {
        margin-left: 75%
    }

    .ant-col-xxl-order-18 {
        order: 18
    }

    .ant-col-xxl-17 {
        display: block;
        flex: 0 0 70.83333333%;
        max-width: 70.83333333%
    }

    .ant-col-xxl-push-17 {
        left: 70.83333333%
    }

    .ant-col-xxl-pull-17 {
        right: 70.83333333%
    }

    .ant-col-xxl-offset-17 {
        margin-left: 70.83333333%
    }

    .ant-col-xxl-order-17 {
        order: 17
    }

    .ant-col-xxl-16 {
        display: block;
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%
    }

    .ant-col-xxl-push-16 {
        left: 66.66666667%
    }

    .ant-col-xxl-pull-16 {
        right: 66.66666667%
    }

    .ant-col-xxl-offset-16 {
        margin-left: 66.66666667%
    }

    .ant-col-xxl-order-16 {
        order: 16
    }

    .ant-col-xxl-15 {
        display: block;
        flex: 0 0 62.5%;
        max-width: 62.5%
    }

    .ant-col-xxl-push-15 {
        left: 62.5%
    }

    .ant-col-xxl-pull-15 {
        right: 62.5%
    }

    .ant-col-xxl-offset-15 {
        margin-left: 62.5%
    }

    .ant-col-xxl-order-15 {
        order: 15
    }

    .ant-col-xxl-14 {
        display: block;
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%
    }

    .ant-col-xxl-push-14 {
        left: 58.33333333%
    }

    .ant-col-xxl-pull-14 {
        right: 58.33333333%
    }

    .ant-col-xxl-offset-14 {
        margin-left: 58.33333333%
    }

    .ant-col-xxl-order-14 {
        order: 14
    }

    .ant-col-xxl-13 {
        display: block;
        flex: 0 0 54.16666667%;
        max-width: 54.16666667%
    }

    .ant-col-xxl-push-13 {
        left: 54.16666667%
    }

    .ant-col-xxl-pull-13 {
        right: 54.16666667%
    }

    .ant-col-xxl-offset-13 {
        margin-left: 54.16666667%
    }

    .ant-col-xxl-order-13 {
        order: 13
    }

    .ant-col-xxl-12 {
        display: block;
        flex: 0 0 50%;
        max-width: 50%
    }

    .ant-col-xxl-push-12 {
        left: 50%
    }

    .ant-col-xxl-pull-12 {
        right: 50%
    }

    .ant-col-xxl-offset-12 {
        margin-left: 50%
    }

    .ant-col-xxl-order-12 {
        order: 12
    }

    .ant-col-xxl-11 {
        display: block;
        flex: 0 0 45.83333333%;
        max-width: 45.83333333%
    }

    .ant-col-xxl-push-11 {
        left: 45.83333333%
    }

    .ant-col-xxl-pull-11 {
        right: 45.83333333%
    }

    .ant-col-xxl-offset-11 {
        margin-left: 45.83333333%
    }

    .ant-col-xxl-order-11 {
        order: 11
    }

    .ant-col-xxl-10 {
        display: block;
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%
    }

    .ant-col-xxl-push-10 {
        left: 41.66666667%
    }

    .ant-col-xxl-pull-10 {
        right: 41.66666667%
    }

    .ant-col-xxl-offset-10 {
        margin-left: 41.66666667%
    }

    .ant-col-xxl-order-10 {
        order: 10
    }

    .ant-col-xxl-9 {
        display: block;
        flex: 0 0 37.5%;
        max-width: 37.5%
    }

    .ant-col-xxl-push-9 {
        left: 37.5%
    }

    .ant-col-xxl-pull-9 {
        right: 37.5%
    }

    .ant-col-xxl-offset-9 {
        margin-left: 37.5%
    }

    .ant-col-xxl-order-9 {
        order: 9
    }

    .ant-col-xxl-8 {
        display: block;
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%
    }

    .ant-col-xxl-push-8 {
        left: 33.33333333%
    }

    .ant-col-xxl-pull-8 {
        right: 33.33333333%
    }

    .ant-col-xxl-offset-8 {
        margin-left: 33.33333333%
    }

    .ant-col-xxl-order-8 {
        order: 8
    }

    .ant-col-xxl-7 {
        display: block;
        flex: 0 0 29.16666667%;
        max-width: 29.16666667%
    }

    .ant-col-xxl-push-7 {
        left: 29.16666667%
    }

    .ant-col-xxl-pull-7 {
        right: 29.16666667%
    }

    .ant-col-xxl-offset-7 {
        margin-left: 29.16666667%
    }

    .ant-col-xxl-order-7 {
        order: 7
    }

    .ant-col-xxl-6 {
        display: block;
        flex: 0 0 25%;
        max-width: 25%
    }

    .ant-col-xxl-push-6 {
        left: 25%
    }

    .ant-col-xxl-pull-6 {
        right: 25%
    }

    .ant-col-xxl-offset-6 {
        margin-left: 25%
    }

    .ant-col-xxl-order-6 {
        order: 6
    }

    .ant-col-xxl-5 {
        display: block;
        flex: 0 0 20.83333333%;
        max-width: 20.83333333%
    }

    .ant-col-xxl-push-5 {
        left: 20.83333333%
    }

    .ant-col-xxl-pull-5 {
        right: 20.83333333%
    }

    .ant-col-xxl-offset-5 {
        margin-left: 20.83333333%
    }

    .ant-col-xxl-order-5 {
        order: 5
    }

    .ant-col-xxl-4 {
        display: block;
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%
    }

    .ant-col-xxl-push-4 {
        left: 16.66666667%
    }

    .ant-col-xxl-pull-4 {
        right: 16.66666667%
    }

    .ant-col-xxl-offset-4 {
        margin-left: 16.66666667%
    }

    .ant-col-xxl-order-4 {
        order: 4
    }

    .ant-col-xxl-3 {
        display: block;
        flex: 0 0 12.5%;
        max-width: 12.5%
    }

    .ant-col-xxl-push-3 {
        left: 12.5%
    }

    .ant-col-xxl-pull-3 {
        right: 12.5%
    }

    .ant-col-xxl-offset-3 {
        margin-left: 12.5%
    }

    .ant-col-xxl-order-3 {
        order: 3
    }

    .ant-col-xxl-2 {
        display: block;
        flex: 0 0 8.33333333%;
        max-width: 8.33333333%
    }

    .ant-col-xxl-push-2 {
        left: 8.33333333%
    }

    .ant-col-xxl-pull-2 {
        right: 8.33333333%
    }

    .ant-col-xxl-offset-2 {
        margin-left: 8.33333333%
    }

    .ant-col-xxl-order-2 {
        order: 2
    }

    .ant-col-xxl-1 {
        display: block;
        flex: 0 0 4.16666667%;
        max-width: 4.16666667%
    }

    .ant-col-xxl-push-1 {
        left: 4.16666667%
    }

    .ant-col-xxl-pull-1 {
        right: 4.16666667%
    }

    .ant-col-xxl-offset-1 {
        margin-left: 4.16666667%
    }

    .ant-col-xxl-order-1 {
        order: 1
    }

    .ant-col-xxl-0 {
        display: none
    }

    .ant-col-push-0 {
        left: auto
    }

    .ant-col-pull-0 {
        right: auto
    }

    .ant-col-xxl-push-0 {
        left: auto
    }

    .ant-col-xxl-pull-0 {
        right: auto
    }

    .ant-col-xxl-offset-0 {
        margin-left: 0
    }

    .ant-col-xxl-order-0 {
        order: 0
    }

    .ant-col-push-0.ant-col-rtl {
        right: auto
    }

    .ant-col-pull-0.ant-col-rtl {
        left: auto
    }

    .ant-col-xxl-push-0.ant-col-rtl {
        right: auto
    }

    .ant-col-xxl-pull-0.ant-col-rtl {
        left: auto
    }

    .ant-col-xxl-offset-0.ant-col-rtl {
        margin-right: 0
    }

    .ant-col-xxl-push-1.ant-col-rtl {
        right: 4.16666667%;
        left: auto
    }

    .ant-col-xxl-pull-1.ant-col-rtl {
        right: auto;
        left: 4.16666667%
    }

    .ant-col-xxl-offset-1.ant-col-rtl {
        margin-right: 4.16666667%;
        margin-left: 0
    }

    .ant-col-xxl-push-2.ant-col-rtl {
        right: 8.33333333%;
        left: auto
    }

    .ant-col-xxl-pull-2.ant-col-rtl {
        right: auto;
        left: 8.33333333%
    }

    .ant-col-xxl-offset-2.ant-col-rtl {
        margin-right: 8.33333333%;
        margin-left: 0
    }

    .ant-col-xxl-push-3.ant-col-rtl {
        right: 12.5%;
        left: auto
    }

    .ant-col-xxl-pull-3.ant-col-rtl {
        right: auto;
        left: 12.5%
    }

    .ant-col-xxl-offset-3.ant-col-rtl {
        margin-right: 12.5%;
        margin-left: 0
    }

    .ant-col-xxl-push-4.ant-col-rtl {
        right: 16.66666667%;
        left: auto
    }

    .ant-col-xxl-pull-4.ant-col-rtl {
        right: auto;
        left: 16.66666667%
    }

    .ant-col-xxl-offset-4.ant-col-rtl {
        margin-right: 16.66666667%;
        margin-left: 0
    }

    .ant-col-xxl-push-5.ant-col-rtl {
        right: 20.83333333%;
        left: auto
    }

    .ant-col-xxl-pull-5.ant-col-rtl {
        right: auto;
        left: 20.83333333%
    }

    .ant-col-xxl-offset-5.ant-col-rtl {
        margin-right: 20.83333333%;
        margin-left: 0
    }

    .ant-col-xxl-push-6.ant-col-rtl {
        right: 25%;
        left: auto
    }

    .ant-col-xxl-pull-6.ant-col-rtl {
        right: auto;
        left: 25%
    }

    .ant-col-xxl-offset-6.ant-col-rtl {
        margin-right: 25%;
        margin-left: 0
    }

    .ant-col-xxl-push-7.ant-col-rtl {
        right: 29.16666667%;
        left: auto
    }

    .ant-col-xxl-pull-7.ant-col-rtl {
        right: auto;
        left: 29.16666667%
    }

    .ant-col-xxl-offset-7.ant-col-rtl {
        margin-right: 29.16666667%;
        margin-left: 0
    }

    .ant-col-xxl-push-8.ant-col-rtl {
        right: 33.33333333%;
        left: auto
    }

    .ant-col-xxl-pull-8.ant-col-rtl {
        right: auto;
        left: 33.33333333%
    }

    .ant-col-xxl-offset-8.ant-col-rtl {
        margin-right: 33.33333333%;
        margin-left: 0
    }

    .ant-col-xxl-push-9.ant-col-rtl {
        right: 37.5%;
        left: auto
    }

    .ant-col-xxl-pull-9.ant-col-rtl {
        right: auto;
        left: 37.5%
    }

    .ant-col-xxl-offset-9.ant-col-rtl {
        margin-right: 37.5%;
        margin-left: 0
    }

    .ant-col-xxl-push-10.ant-col-rtl {
        right: 41.66666667%;
        left: auto
    }

    .ant-col-xxl-pull-10.ant-col-rtl {
        right: auto;
        left: 41.66666667%
    }

    .ant-col-xxl-offset-10.ant-col-rtl {
        margin-right: 41.66666667%;
        margin-left: 0
    }

    .ant-col-xxl-push-11.ant-col-rtl {
        right: 45.83333333%;
        left: auto
    }

    .ant-col-xxl-pull-11.ant-col-rtl {
        right: auto;
        left: 45.83333333%
    }

    .ant-col-xxl-offset-11.ant-col-rtl {
        margin-right: 45.83333333%;
        margin-left: 0
    }

    .ant-col-xxl-push-12.ant-col-rtl {
        right: 50%;
        left: auto
    }

    .ant-col-xxl-pull-12.ant-col-rtl {
        right: auto;
        left: 50%
    }

    .ant-col-xxl-offset-12.ant-col-rtl {
        margin-right: 50%;
        margin-left: 0
    }

    .ant-col-xxl-push-13.ant-col-rtl {
        right: 54.16666667%;
        left: auto
    }

    .ant-col-xxl-pull-13.ant-col-rtl {
        right: auto;
        left: 54.16666667%
    }

    .ant-col-xxl-offset-13.ant-col-rtl {
        margin-right: 54.16666667%;
        margin-left: 0
    }

    .ant-col-xxl-push-14.ant-col-rtl {
        right: 58.33333333%;
        left: auto
    }

    .ant-col-xxl-pull-14.ant-col-rtl {
        right: auto;
        left: 58.33333333%
    }

    .ant-col-xxl-offset-14.ant-col-rtl {
        margin-right: 58.33333333%;
        margin-left: 0
    }

    .ant-col-xxl-push-15.ant-col-rtl {
        right: 62.5%;
        left: auto
    }

    .ant-col-xxl-pull-15.ant-col-rtl {
        right: auto;
        left: 62.5%
    }

    .ant-col-xxl-offset-15.ant-col-rtl {
        margin-right: 62.5%;
        margin-left: 0
    }

    .ant-col-xxl-push-16.ant-col-rtl {
        right: 66.66666667%;
        left: auto
    }

    .ant-col-xxl-pull-16.ant-col-rtl {
        right: auto;
        left: 66.66666667%
    }

    .ant-col-xxl-offset-16.ant-col-rtl {
        margin-right: 66.66666667%;
        margin-left: 0
    }

    .ant-col-xxl-push-17.ant-col-rtl {
        right: 70.83333333%;
        left: auto
    }

    .ant-col-xxl-pull-17.ant-col-rtl {
        right: auto;
        left: 70.83333333%
    }

    .ant-col-xxl-offset-17.ant-col-rtl {
        margin-right: 70.83333333%;
        margin-left: 0
    }

    .ant-col-xxl-push-18.ant-col-rtl {
        right: 75%;
        left: auto
    }

    .ant-col-xxl-pull-18.ant-col-rtl {
        right: auto;
        left: 75%
    }

    .ant-col-xxl-offset-18.ant-col-rtl {
        margin-right: 75%;
        margin-left: 0
    }

    .ant-col-xxl-push-19.ant-col-rtl {
        right: 79.16666667%;
        left: auto
    }

    .ant-col-xxl-pull-19.ant-col-rtl {
        right: auto;
        left: 79.16666667%
    }

    .ant-col-xxl-offset-19.ant-col-rtl {
        margin-right: 79.16666667%;
        margin-left: 0
    }

    .ant-col-xxl-push-20.ant-col-rtl {
        right: 83.33333333%;
        left: auto
    }

    .ant-col-xxl-pull-20.ant-col-rtl {
        right: auto;
        left: 83.33333333%
    }

    .ant-col-xxl-offset-20.ant-col-rtl {
        margin-right: 83.33333333%;
        margin-left: 0
    }

    .ant-col-xxl-push-21.ant-col-rtl {
        right: 87.5%;
        left: auto
    }

    .ant-col-xxl-pull-21.ant-col-rtl {
        right: auto;
        left: 87.5%
    }

    .ant-col-xxl-offset-21.ant-col-rtl {
        margin-right: 87.5%;
        margin-left: 0
    }

    .ant-col-xxl-push-22.ant-col-rtl {
        right: 91.66666667%;
        left: auto
    }

    .ant-col-xxl-pull-22.ant-col-rtl {
        right: auto;
        left: 91.66666667%
    }

    .ant-col-xxl-offset-22.ant-col-rtl {
        margin-right: 91.66666667%;
        margin-left: 0
    }

    .ant-col-xxl-push-23.ant-col-rtl {
        right: 95.83333333%;
        left: auto
    }

    .ant-col-xxl-pull-23.ant-col-rtl {
        right: auto;
        left: 95.83333333%
    }

    .ant-col-xxl-offset-23.ant-col-rtl {
        margin-right: 95.83333333%;
        margin-left: 0
    }

    .ant-col-xxl-push-24.ant-col-rtl {
        right: 100%;
        left: auto
    }

    .ant-col-xxl-pull-24.ant-col-rtl {
        right: auto;
        left: 100%
    }

    .ant-col-xxl-offset-24.ant-col-rtl {
        margin-right: 100%;
        margin-left: 0
    }
}

@media (min-width: 2000px) {
    .ant-col-xxxl-24 {
        display: block;
        flex: 0 0 100%;
        max-width: 100%
    }

    .ant-col-xxxl-push-24 {
        left: 100%
    }

    .ant-col-xxxl-pull-24 {
        right: 100%
    }

    .ant-col-xxxl-offset-24 {
        margin-left: 100%
    }

    .ant-col-xxxl-order-24 {
        order: 24
    }

    .ant-col-xxxl-23 {
        display: block;
        flex: 0 0 95.83333333%;
        max-width: 95.83333333%
    }

    .ant-col-xxxl-push-23 {
        left: 95.83333333%
    }

    .ant-col-xxxl-pull-23 {
        right: 95.83333333%
    }

    .ant-col-xxxl-offset-23 {
        margin-left: 95.83333333%
    }

    .ant-col-xxxl-order-23 {
        order: 23
    }

    .ant-col-xxxl-22 {
        display: block;
        flex: 0 0 91.66666667%;
        max-width: 91.66666667%
    }

    .ant-col-xxxl-push-22 {
        left: 91.66666667%
    }

    .ant-col-xxxl-pull-22 {
        right: 91.66666667%
    }

    .ant-col-xxxl-offset-22 {
        margin-left: 91.66666667%
    }

    .ant-col-xxxl-order-22 {
        order: 22
    }

    .ant-col-xxxl-21 {
        display: block;
        flex: 0 0 87.5%;
        max-width: 87.5%
    }

    .ant-col-xxxl-push-21 {
        left: 87.5%
    }

    .ant-col-xxxl-pull-21 {
        right: 87.5%
    }

    .ant-col-xxxl-offset-21 {
        margin-left: 87.5%
    }

    .ant-col-xxxl-order-21 {
        order: 21
    }

    .ant-col-xxxl-20 {
        display: block;
        flex: 0 0 83.33333333%;
        max-width: 83.33333333%
    }

    .ant-col-xxxl-push-20 {
        left: 83.33333333%
    }

    .ant-col-xxxl-pull-20 {
        right: 83.33333333%
    }

    .ant-col-xxxl-offset-20 {
        margin-left: 83.33333333%
    }

    .ant-col-xxxl-order-20 {
        order: 20
    }

    .ant-col-xxxl-19 {
        display: block;
        flex: 0 0 79.16666667%;
        max-width: 79.16666667%
    }

    .ant-col-xxxl-push-19 {
        left: 79.16666667%
    }

    .ant-col-xxxl-pull-19 {
        right: 79.16666667%
    }

    .ant-col-xxxl-offset-19 {
        margin-left: 79.16666667%
    }

    .ant-col-xxxl-order-19 {
        order: 19
    }

    .ant-col-xxxl-18 {
        display: block;
        flex: 0 0 75%;
        max-width: 75%
    }

    .ant-col-xxxl-push-18 {
        left: 75%
    }

    .ant-col-xxxl-pull-18 {
        right: 75%
    }

    .ant-col-xxxl-offset-18 {
        margin-left: 75%
    }

    .ant-col-xxxl-order-18 {
        order: 18
    }

    .ant-col-xxxl-17 {
        display: block;
        flex: 0 0 70.83333333%;
        max-width: 70.83333333%
    }

    .ant-col-xxxl-push-17 {
        left: 70.83333333%
    }

    .ant-col-xxxl-pull-17 {
        right: 70.83333333%
    }

    .ant-col-xxxl-offset-17 {
        margin-left: 70.83333333%
    }

    .ant-col-xxxl-order-17 {
        order: 17
    }

    .ant-col-xxxl-16 {
        display: block;
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%
    }

    .ant-col-xxxl-push-16 {
        left: 66.66666667%
    }

    .ant-col-xxxl-pull-16 {
        right: 66.66666667%
    }

    .ant-col-xxxl-offset-16 {
        margin-left: 66.66666667%
    }

    .ant-col-xxxl-order-16 {
        order: 16
    }

    .ant-col-xxxl-15 {
        display: block;
        flex: 0 0 62.5%;
        max-width: 62.5%
    }

    .ant-col-xxxl-push-15 {
        left: 62.5%
    }

    .ant-col-xxxl-pull-15 {
        right: 62.5%
    }

    .ant-col-xxxl-offset-15 {
        margin-left: 62.5%
    }

    .ant-col-xxxl-order-15 {
        order: 15
    }

    .ant-col-xxxl-14 {
        display: block;
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%
    }

    .ant-col-xxxl-push-14 {
        left: 58.33333333%
    }

    .ant-col-xxxl-pull-14 {
        right: 58.33333333%
    }

    .ant-col-xxxl-offset-14 {
        margin-left: 58.33333333%
    }

    .ant-col-xxxl-order-14 {
        order: 14
    }

    .ant-col-xxxl-13 {
        display: block;
        flex: 0 0 54.16666667%;
        max-width: 54.16666667%
    }

    .ant-col-xxxl-push-13 {
        left: 54.16666667%
    }

    .ant-col-xxxl-pull-13 {
        right: 54.16666667%
    }

    .ant-col-xxxl-offset-13 {
        margin-left: 54.16666667%
    }

    .ant-col-xxxl-order-13 {
        order: 13
    }

    .ant-col-xxxl-12 {
        display: block;
        flex: 0 0 50%;
        max-width: 50%
    }

    .ant-col-xxxl-push-12 {
        left: 50%
    }

    .ant-col-xxxl-pull-12 {
        right: 50%
    }

    .ant-col-xxxl-offset-12 {
        margin-left: 50%
    }

    .ant-col-xxxl-order-12 {
        order: 12
    }

    .ant-col-xxxl-11 {
        display: block;
        flex: 0 0 45.83333333%;
        max-width: 45.83333333%
    }

    .ant-col-xxxl-push-11 {
        left: 45.83333333%
    }

    .ant-col-xxxl-pull-11 {
        right: 45.83333333%
    }

    .ant-col-xxxl-offset-11 {
        margin-left: 45.83333333%
    }

    .ant-col-xxxl-order-11 {
        order: 11
    }

    .ant-col-xxxl-10 {
        display: block;
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%
    }

    .ant-col-xxxl-push-10 {
        left: 41.66666667%
    }

    .ant-col-xxxl-pull-10 {
        right: 41.66666667%
    }

    .ant-col-xxxl-offset-10 {
        margin-left: 41.66666667%
    }

    .ant-col-xxxl-order-10 {
        order: 10
    }

    .ant-col-xxxl-9 {
        display: block;
        flex: 0 0 37.5%;
        max-width: 37.5%
    }

    .ant-col-xxxl-push-9 {
        left: 37.5%
    }

    .ant-col-xxxl-pull-9 {
        right: 37.5%
    }

    .ant-col-xxxl-offset-9 {
        margin-left: 37.5%
    }

    .ant-col-xxxl-order-9 {
        order: 9
    }

    .ant-col-xxxl-8 {
        display: block;
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%
    }

    .ant-col-xxxl-push-8 {
        left: 33.33333333%
    }

    .ant-col-xxxl-pull-8 {
        right: 33.33333333%
    }

    .ant-col-xxxl-offset-8 {
        margin-left: 33.33333333%
    }

    .ant-col-xxxl-order-8 {
        order: 8
    }

    .ant-col-xxxl-7 {
        display: block;
        flex: 0 0 29.16666667%;
        max-width: 29.16666667%
    }

    .ant-col-xxxl-push-7 {
        left: 29.16666667%
    }

    .ant-col-xxxl-pull-7 {
        right: 29.16666667%
    }

    .ant-col-xxxl-offset-7 {
        margin-left: 29.16666667%
    }

    .ant-col-xxxl-order-7 {
        order: 7
    }

    .ant-col-xxxl-6 {
        display: block;
        flex: 0 0 25%;
        max-width: 25%
    }

    .ant-col-xxxl-push-6 {
        left: 25%
    }

    .ant-col-xxxl-pull-6 {
        right: 25%
    }

    .ant-col-xxxl-offset-6 {
        margin-left: 25%
    }

    .ant-col-xxxl-order-6 {
        order: 6
    }

    .ant-col-xxxl-5 {
        display: block;
        flex: 0 0 20.83333333%;
        max-width: 20.83333333%
    }

    .ant-col-xxxl-push-5 {
        left: 20.83333333%
    }

    .ant-col-xxxl-pull-5 {
        right: 20.83333333%
    }

    .ant-col-xxxl-offset-5 {
        margin-left: 20.83333333%
    }

    .ant-col-xxxl-order-5 {
        order: 5
    }

    .ant-col-xxxl-4 {
        display: block;
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%
    }

    .ant-col-xxxl-push-4 {
        left: 16.66666667%
    }

    .ant-col-xxxl-pull-4 {
        right: 16.66666667%
    }

    .ant-col-xxxl-offset-4 {
        margin-left: 16.66666667%
    }

    .ant-col-xxxl-order-4 {
        order: 4
    }

    .ant-col-xxxl-3 {
        display: block;
        flex: 0 0 12.5%;
        max-width: 12.5%
    }

    .ant-col-xxxl-push-3 {
        left: 12.5%
    }

    .ant-col-xxxl-pull-3 {
        right: 12.5%
    }

    .ant-col-xxxl-offset-3 {
        margin-left: 12.5%
    }

    .ant-col-xxxl-order-3 {
        order: 3
    }

    .ant-col-xxxl-2 {
        display: block;
        flex: 0 0 8.33333333%;
        max-width: 8.33333333%
    }

    .ant-col-xxxl-push-2 {
        left: 8.33333333%
    }

    .ant-col-xxxl-pull-2 {
        right: 8.33333333%
    }

    .ant-col-xxxl-offset-2 {
        margin-left: 8.33333333%
    }

    .ant-col-xxxl-order-2 {
        order: 2
    }

    .ant-col-xxxl-1 {
        display: block;
        flex: 0 0 4.16666667%;
        max-width: 4.16666667%
    }

    .ant-col-xxxl-push-1 {
        left: 4.16666667%
    }

    .ant-col-xxxl-pull-1 {
        right: 4.16666667%
    }

    .ant-col-xxxl-offset-1 {
        margin-left: 4.16666667%
    }

    .ant-col-xxxl-order-1 {
        order: 1
    }

    .ant-col-xxxl-0 {
        display: none
    }

    .ant-col-push-0 {
        left: auto
    }

    .ant-col-pull-0 {
        right: auto
    }

    .ant-col-xxxl-push-0 {
        left: auto
    }

    .ant-col-xxxl-pull-0 {
        right: auto
    }

    .ant-col-xxxl-offset-0 {
        margin-left: 0
    }

    .ant-col-xxxl-order-0 {
        order: 0
    }

    .ant-col-push-0.ant-col-rtl {
        right: auto
    }

    .ant-col-pull-0.ant-col-rtl {
        left: auto
    }

    .ant-col-xxxl-push-0.ant-col-rtl {
        right: auto
    }

    .ant-col-xxxl-pull-0.ant-col-rtl {
        left: auto
    }

    .ant-col-xxxl-offset-0.ant-col-rtl {
        margin-right: 0
    }

    .ant-col-xxxl-push-1.ant-col-rtl {
        right: 4.16666667%;
        left: auto
    }

    .ant-col-xxxl-pull-1.ant-col-rtl {
        right: auto;
        left: 4.16666667%
    }

    .ant-col-xxxl-offset-1.ant-col-rtl {
        margin-right: 4.16666667%;
        margin-left: 0
    }

    .ant-col-xxxl-push-2.ant-col-rtl {
        right: 8.33333333%;
        left: auto
    }

    .ant-col-xxxl-pull-2.ant-col-rtl {
        right: auto;
        left: 8.33333333%
    }

    .ant-col-xxxl-offset-2.ant-col-rtl {
        margin-right: 8.33333333%;
        margin-left: 0
    }

    .ant-col-xxxl-push-3.ant-col-rtl {
        right: 12.5%;
        left: auto
    }

    .ant-col-xxxl-pull-3.ant-col-rtl {
        right: auto;
        left: 12.5%
    }

    .ant-col-xxxl-offset-3.ant-col-rtl {
        margin-right: 12.5%;
        margin-left: 0
    }

    .ant-col-xxxl-push-4.ant-col-rtl {
        right: 16.66666667%;
        left: auto
    }

    .ant-col-xxxl-pull-4.ant-col-rtl {
        right: auto;
        left: 16.66666667%
    }

    .ant-col-xxxl-offset-4.ant-col-rtl {
        margin-right: 16.66666667%;
        margin-left: 0
    }

    .ant-col-xxxl-push-5.ant-col-rtl {
        right: 20.83333333%;
        left: auto
    }

    .ant-col-xxxl-pull-5.ant-col-rtl {
        right: auto;
        left: 20.83333333%
    }

    .ant-col-xxxl-offset-5.ant-col-rtl {
        margin-right: 20.83333333%;
        margin-left: 0
    }

    .ant-col-xxxl-push-6.ant-col-rtl {
        right: 25%;
        left: auto
    }

    .ant-col-xxxl-pull-6.ant-col-rtl {
        right: auto;
        left: 25%
    }

    .ant-col-xxxl-offset-6.ant-col-rtl {
        margin-right: 25%;
        margin-left: 0
    }

    .ant-col-xxxl-push-7.ant-col-rtl {
        right: 29.16666667%;
        left: auto
    }

    .ant-col-xxxl-pull-7.ant-col-rtl {
        right: auto;
        left: 29.16666667%
    }

    .ant-col-xxxl-offset-7.ant-col-rtl {
        margin-right: 29.16666667%;
        margin-left: 0
    }

    .ant-col-xxxl-push-8.ant-col-rtl {
        right: 33.33333333%;
        left: auto
    }

    .ant-col-xxxl-pull-8.ant-col-rtl {
        right: auto;
        left: 33.33333333%
    }

    .ant-col-xxxl-offset-8.ant-col-rtl {
        margin-right: 33.33333333%;
        margin-left: 0
    }

    .ant-col-xxxl-push-9.ant-col-rtl {
        right: 37.5%;
        left: auto
    }

    .ant-col-xxxl-pull-9.ant-col-rtl {
        right: auto;
        left: 37.5%
    }

    .ant-col-xxxl-offset-9.ant-col-rtl {
        margin-right: 37.5%;
        margin-left: 0
    }

    .ant-col-xxxl-push-10.ant-col-rtl {
        right: 41.66666667%;
        left: auto
    }

    .ant-col-xxxl-pull-10.ant-col-rtl {
        right: auto;
        left: 41.66666667%
    }

    .ant-col-xxxl-offset-10.ant-col-rtl {
        margin-right: 41.66666667%;
        margin-left: 0
    }

    .ant-col-xxxl-push-11.ant-col-rtl {
        right: 45.83333333%;
        left: auto
    }

    .ant-col-xxxl-pull-11.ant-col-rtl {
        right: auto;
        left: 45.83333333%
    }

    .ant-col-xxxl-offset-11.ant-col-rtl {
        margin-right: 45.83333333%;
        margin-left: 0
    }

    .ant-col-xxxl-push-12.ant-col-rtl {
        right: 50%;
        left: auto
    }

    .ant-col-xxxl-pull-12.ant-col-rtl {
        right: auto;
        left: 50%
    }

    .ant-col-xxxl-offset-12.ant-col-rtl {
        margin-right: 50%;
        margin-left: 0
    }

    .ant-col-xxxl-push-13.ant-col-rtl {
        right: 54.16666667%;
        left: auto
    }

    .ant-col-xxxl-pull-13.ant-col-rtl {
        right: auto;
        left: 54.16666667%
    }

    .ant-col-xxxl-offset-13.ant-col-rtl {
        margin-right: 54.16666667%;
        margin-left: 0
    }

    .ant-col-xxxl-push-14.ant-col-rtl {
        right: 58.33333333%;
        left: auto
    }

    .ant-col-xxxl-pull-14.ant-col-rtl {
        right: auto;
        left: 58.33333333%
    }

    .ant-col-xxxl-offset-14.ant-col-rtl {
        margin-right: 58.33333333%;
        margin-left: 0
    }

    .ant-col-xxxl-push-15.ant-col-rtl {
        right: 62.5%;
        left: auto
    }

    .ant-col-xxxl-pull-15.ant-col-rtl {
        right: auto;
        left: 62.5%
    }

    .ant-col-xxxl-offset-15.ant-col-rtl {
        margin-right: 62.5%;
        margin-left: 0
    }

    .ant-col-xxxl-push-16.ant-col-rtl {
        right: 66.66666667%;
        left: auto
    }

    .ant-col-xxxl-pull-16.ant-col-rtl {
        right: auto;
        left: 66.66666667%
    }

    .ant-col-xxxl-offset-16.ant-col-rtl {
        margin-right: 66.66666667%;
        margin-left: 0
    }

    .ant-col-xxxl-push-17.ant-col-rtl {
        right: 70.83333333%;
        left: auto
    }

    .ant-col-xxxl-pull-17.ant-col-rtl {
        right: auto;
        left: 70.83333333%
    }

    .ant-col-xxxl-offset-17.ant-col-rtl {
        margin-right: 70.83333333%;
        margin-left: 0
    }

    .ant-col-xxxl-push-18.ant-col-rtl {
        right: 75%;
        left: auto
    }

    .ant-col-xxxl-pull-18.ant-col-rtl {
        right: auto;
        left: 75%
    }

    .ant-col-xxxl-offset-18.ant-col-rtl {
        margin-right: 75%;
        margin-left: 0
    }

    .ant-col-xxxl-push-19.ant-col-rtl {
        right: 79.16666667%;
        left: auto
    }

    .ant-col-xxxl-pull-19.ant-col-rtl {
        right: auto;
        left: 79.16666667%
    }

    .ant-col-xxxl-offset-19.ant-col-rtl {
        margin-right: 79.16666667%;
        margin-left: 0
    }

    .ant-col-xxxl-push-20.ant-col-rtl {
        right: 83.33333333%;
        left: auto
    }

    .ant-col-xxxl-pull-20.ant-col-rtl {
        right: auto;
        left: 83.33333333%
    }

    .ant-col-xxxl-offset-20.ant-col-rtl {
        margin-right: 83.33333333%;
        margin-left: 0
    }

    .ant-col-xxxl-push-21.ant-col-rtl {
        right: 87.5%;
        left: auto
    }

    .ant-col-xxxl-pull-21.ant-col-rtl {
        right: auto;
        left: 87.5%
    }

    .ant-col-xxxl-offset-21.ant-col-rtl {
        margin-right: 87.5%;
        margin-left: 0
    }

    .ant-col-xxxl-push-22.ant-col-rtl {
        right: 91.66666667%;
        left: auto
    }

    .ant-col-xxxl-pull-22.ant-col-rtl {
        right: auto;
        left: 91.66666667%
    }

    .ant-col-xxxl-offset-22.ant-col-rtl {
        margin-right: 91.66666667%;
        margin-left: 0
    }

    .ant-col-xxxl-push-23.ant-col-rtl {
        right: 95.83333333%;
        left: auto
    }

    .ant-col-xxxl-pull-23.ant-col-rtl {
        right: auto;
        left: 95.83333333%
    }

    .ant-col-xxxl-offset-23.ant-col-rtl {
        margin-right: 95.83333333%;
        margin-left: 0
    }

    .ant-col-xxxl-push-24.ant-col-rtl {
        right: 100%;
        left: auto
    }

    .ant-col-xxxl-pull-24.ant-col-rtl {
        right: auto;
        left: 100%
    }

    .ant-col-xxxl-offset-24.ant-col-rtl {
        margin-right: 100%;
        margin-left: 0
    }
}

.ant-row-rtl {
    direction: rtl
}

.ant-space {
    display: inline-flex
}

.ant-space-vertical {
    flex-direction: column
}

.ant-space-align-center {
    align-items: center
}

.ant-space-align-start {
    align-items: flex-start
}

.ant-space-align-end {
    align-items: flex-end
}

.ant-space-align-baseline {
    align-items: baseline
}

.ant-space-item:empty {
    display: none
}

.ant-space-rtl {
    direction: rtl
}

.ant-avatar {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: var(--text-color);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: relative;
    display: inline-block;
    overflow: hidden;
    color: #fff;
    white-space: nowrap;
    text-align: center;
    vertical-align: middle;
    background: var(--avatar-bg);
    width: 32px;
    height: 32px;
    line-height: 32px;
    border-radius: 50%
}

.ant-avatar-image {
    background: transparent
}

.ant-avatar .ant-image-img {
    display: block
}

.ant-avatar-string {
    position: absolute;
    left: 50%;
    transform-origin: 0 center
}

.ant-avatar.ant-avatar-icon {
    font-size: 18px
}

.ant-avatar.ant-avatar-icon > .anticon {
    margin: 0
}

.ant-avatar-lg {
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%
}

.ant-avatar-lg-string {
    position: absolute;
    left: 50%;
    transform-origin: 0 center
}

.ant-avatar-lg.ant-avatar-icon {
    font-size: 24px
}

.ant-avatar-lg.ant-avatar-icon > .anticon {
    margin: 0
}

.ant-avatar-sm {
    width: 24px;
    height: 24px;
    line-height: 24px;
    border-radius: 50%
}

.ant-avatar-sm-string {
    position: absolute;
    left: 50%;
    transform-origin: 0 center
}

.ant-avatar-sm.ant-avatar-icon {
    font-size: 14px
}

.ant-avatar-sm.ant-avatar-icon > .anticon {
    margin: 0
}

.ant-avatar-square {
    border-radius: 2px
}

.ant-avatar > img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.ant-avatar-group {
    display: inline-flex
}

.ant-avatar-group .ant-avatar {
    border: 1px solid #fff
}

.ant-avatar-group .ant-avatar:not(:first-child) {
    margin-left: -8px
}

.ant-avatar-group-popover .ant-avatar + .ant-avatar {
    margin-left: 3px
}

.ant-avatar-group-rtl .ant-avatar:not(:first-child) {
    margin-right: -8px;
    margin-left: 0
}

.ant-avatar-group-popover.ant-popover-rtl .ant-avatar + .ant-avatar {
    margin-right: 3px;
    margin-left: 0
}

.ant-list {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: var(--text-color);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: relative
}

.ant-list * {
    outline: none
}

.ant-list-pagination {
    margin-top: 24px;
    text-align: right
}

.ant-list-pagination .ant-pagination-options {
    text-align: left
}

.ant-list-more {
    margin-top: 12px;
    text-align: center
}

.ant-list-more button {
    padding-right: 32px;
    padding-left: 32px
}

.ant-list-spin {
    min-height: 40px;
    text-align: center
}

.ant-list-empty-text {
    padding: 16px;
    color: var(--disabled-color);
    font-size: 14px;
    text-align: center
}

.ant-list-items {
    margin: 0;
    padding: 0;
    list-style: none
}

.ant-list-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 0;
    color: var(--text-color)
}

.ant-list-item-meta {
    display: flex;
    flex: 1;
    align-items: flex-start;
    max-width: 100%
}

.ant-list-item-meta-avatar {
    margin-right: 16px
}

.ant-list-item-meta-content {
    flex: 1 0;
    width: 0;
    color: var(--text-color)
}

.ant-list-item-meta-title {
    margin-bottom: 4px;
    color: var(--text-color);
    font-size: 14px;
    line-height: 1.5715
}

.ant-list-item-meta-title > a {
    color: var(--text-color);
    transition: all .3s
}

.ant-list-item-meta-title > a:hover {
    color: var(--primary-color)
}

.ant-list-item-meta-description {
    color: var(--text-color-secondary);
    font-size: 14px;
    line-height: 1.5715
}

.ant-list-item-action {
    flex: 0 0 auto;
    margin-left: 48px;
    padding: 0;
    font-size: 0;
    list-style: none
}

.ant-list-item-action > li {
    position: relative;
    display: inline-block;
    padding: 0 8px;
    color: var(--text-color-secondary);
    font-size: 14px;
    line-height: 1.5715;
    text-align: center
}

.ant-list-item-action > li:first-child {
    padding-left: 0
}

.ant-list-item-action-split {
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: 14px;
    margin-top: -7px;
    background-color: var(--border-color-split)
}

.ant-list-header, .ant-list-footer {
    background: transparent
}

.ant-list-header, .ant-list-footer {
    padding-top: 12px;
    padding-bottom: 12px
}

.ant-list-empty {
    padding: 16px 0;
    color: var(--text-color-secondary);
    font-size: 12px;
    text-align: center
}

.ant-list-split .ant-list-item {
    border-bottom: 1px solid var(--border-color-split)
}

.ant-list-split .ant-list-item:last-child {
    border-bottom: none
}

.ant-list-split .ant-list-header {
    border-bottom: 1px solid var(--border-color-split)
}

.ant-list-split.ant-list-empty .ant-list-footer {
    border-top: 1px solid var(--border-color-split)
}

.ant-list-loading .ant-list-spin-nested-loading {
    min-height: 32px
}

.ant-list-split.ant-list-something-after-last-item .ant-spin-container > .ant-list-items > .ant-list-item:last-child {
    border-bottom: 1px solid var(--border-color-split)
}

.ant-list-lg .ant-list-item {
    padding: 16px 24px
}

.ant-list-sm .ant-list-item {
    padding: 8px 16px
}

.ant-list-vertical .ant-list-item {
    align-items: initial
}

.ant-list-vertical .ant-list-item-main {
    display: block;
    flex: 1
}

.ant-list-vertical .ant-list-item-extra {
    margin-left: 40px
}

.ant-list-vertical .ant-list-item-meta {
    margin-bottom: 16px
}

.ant-list-vertical .ant-list-item-meta-title {
    margin-bottom: 12px;
    color: var(--heading-color);
    font-size: 16px;
    line-height: 24px
}

.ant-list-vertical .ant-list-item-action {
    margin-top: 16px;
    margin-left: auto
}

.ant-list-vertical .ant-list-item-action > li {
    padding: 0 16px
}

.ant-list-vertical .ant-list-item-action > li:first-child {
    padding-left: 0
}

.ant-list-grid .ant-col > .ant-list-item {
    display: block;
    max-width: 100%;
    margin-bottom: 16px;
    padding-top: 0;
    padding-bottom: 0;
    border-bottom: none
}

.ant-list-item-no-flex {
    display: block
}

.ant-list:not(.ant-list-vertical) .ant-list-item-no-flex .ant-list-item-action {
    float: right
}

.ant-list-bordered {
    border: 1px solid var(--border-color-base);
    border-radius: 2px
}

.ant-list-bordered .ant-list-header, .ant-list-bordered .ant-list-footer, .ant-list-bordered .ant-list-item {
    padding-right: 24px;
    padding-left: 24px
}

.ant-list-bordered .ant-list-pagination {
    margin: 16px 24px
}

.ant-list-bordered.ant-list-sm .ant-list-item, .ant-list-bordered.ant-list-sm .ant-list-header, .ant-list-bordered.ant-list-sm .ant-list-footer {
    padding: 8px 16px
}

.ant-list-bordered.ant-list-lg .ant-list-item, .ant-list-bordered.ant-list-lg .ant-list-header, .ant-list-bordered.ant-list-lg .ant-list-footer {
    padding: 16px 24px
}

@media screen and (max-width: 768px) {
    .ant-list-item-action, .ant-list-vertical .ant-list-item-extra {
        margin-left: 24px
    }
}

@media screen and (max-width: 576px) {
    .ant-list-item {
        flex-wrap: wrap
    }

    .ant-list-item-action {
        margin-left: 12px
    }

    .ant-list-vertical .ant-list-item {
        flex-wrap: wrap-reverse
    }

    .ant-list-vertical .ant-list-item-main {
        min-width: 220px
    }

    .ant-list-vertical .ant-list-item-extra {
        margin: auto auto 16px
    }
}

.ant-list-rtl {
    direction: rtl;
    text-align: right
}

.ant-list-rtl .ReactVirtualized__List .ant-list-item {
    direction: rtl
}

.ant-list-rtl .ant-list-pagination {
    text-align: left
}

.ant-list-rtl .ant-list-item-meta-avatar {
    margin-right: 0;
    margin-left: 16px
}

.ant-list-rtl .ant-list-item-action {
    margin-right: 48px;
    margin-left: 0
}

.ant-list.ant-list-rtl .ant-list-item-action > li:first-child {
    padding-right: 0;
    padding-left: 16px
}

.ant-list-rtl .ant-list-item-action-split {
    right: auto;
    left: 0
}

.ant-list-rtl.ant-list-vertical .ant-list-item-extra {
    margin-right: 40px;
    margin-left: 0
}

.ant-list-rtl.ant-list-vertical .ant-list-item-action {
    margin-right: auto
}

.ant-list-rtl .ant-list-vertical .ant-list-item-action > li:first-child {
    padding-right: 0;
    padding-left: 16px
}

.ant-list-rtl .ant-list:not(.ant-list-vertical) .ant-list-item-no-flex .ant-list-item-action {
    float: left
}

@media screen and (max-width: 768px) {
    .ant-list-rtl .ant-list-item-action, .ant-list-rtl .ant-list-vertical .ant-list-item-extra {
        margin-right: 24px;
        margin-left: 0
    }
}

@media screen and (max-width: 576px) {
    .ant-list-rtl .ant-list-item-action {
        margin-right: 22px;
        margin-left: 0
    }

    .ant-list-rtl.ant-list-vertical .ant-list-item-extra {
        margin: auto auto 16px
    }
}

.ant-empty {
    margin: 0 8px;
    font-size: 14px;
    line-height: 1.5715;
    text-align: center
}

.ant-empty-image {
    height: 100px;
    margin-bottom: 8px
}

.ant-empty-image img {
    height: 100%
}

.ant-empty-image svg {
    height: 100%;
    margin: auto
}

.ant-empty-footer {
    margin-top: 16px
}

.ant-empty-normal {
    margin: 32px 0;
    color: var(--disabled-color)
}

.ant-empty-normal .ant-empty-image {
    height: 40px
}

.ant-empty-small {
    margin: 8px 0;
    color: var(--disabled-color)
}

.ant-empty-small .ant-empty-image {
    height: 35px
}

.ant-empty-img-default-ellipse {
    fill: #f5f5f5;
    fill-opacity: .8
}

.ant-empty-img-default-path-1 {
    fill: #aeb8c2
}

.ant-empty-img-default-path-2 {
    fill: url(#linearGradient-1)
}

.ant-empty-img-default-path-3 {
    fill: #f5f5f7
}

.ant-empty-img-default-path-4, .ant-empty-img-default-path-5 {
    fill: #dce0e6
}

.ant-empty-img-default-g {
    fill: #fff
}

.ant-empty-img-simple-ellipse {
    fill: #f5f5f5
}

.ant-empty-img-simple-g {
    stroke: #d9d9d9
}

.ant-empty-img-simple-path {
    fill: #fafafa
}

.ant-empty-rtl {
    direction: rtl
}

.ant-spin {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: var(--text-color);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: absolute;
    display: none;
    color: var(--primary-color);
    text-align: center;
    vertical-align: middle;
    opacity: 0;
    transition: transform .3s cubic-bezier(.78, .14, .15, .86)
}

.ant-spin-spinning {
    position: static;
    display: inline-block;
    opacity: 1
}

.ant-spin-nested-loading {
    position: relative
}

.ant-spin-nested-loading > div > .ant-spin {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 4;
    display: block;
    width: 100%;
    height: 100%;
    max-height: 400px
}

.ant-spin-nested-loading > div > .ant-spin .ant-spin-dot {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -10px
}

.ant-spin-nested-loading > div > .ant-spin .ant-spin-text {
    position: absolute;
    top: 50%;
    width: 100%;
    padding-top: 5px;
    text-shadow: 0 1px 2px var(--shadow-color-inverse)
}

.ant-spin-nested-loading > div > .ant-spin.ant-spin-show-text .ant-spin-dot {
    margin-top: -20px
}

.ant-spin-nested-loading > div > .ant-spin-sm .ant-spin-dot {
    margin: -7px
}

.ant-spin-nested-loading > div > .ant-spin-sm .ant-spin-text {
    padding-top: 2px
}

.ant-spin-nested-loading > div > .ant-spin-sm.ant-spin-show-text .ant-spin-dot {
    margin-top: -17px
}

.ant-spin-nested-loading > div > .ant-spin-lg .ant-spin-dot {
    margin: -16px
}

.ant-spin-nested-loading > div > .ant-spin-lg .ant-spin-text {
    padding-top: 11px
}

.ant-spin-nested-loading > div > .ant-spin-lg.ant-spin-show-text .ant-spin-dot {
    margin-top: -26px
}

.ant-spin-container {
    position: relative;
    transition: opacity .3s
}

.ant-spin-container:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    display: none \;
    width: 100%;
    height: 100%;
    background: var(--component-background);
    opacity: 0;
    transition: all .3s;
    content: "";
    pointer-events: none
}

.ant-spin-blur {
    clear: both;
    opacity: .5;
    user-select: none;
    pointer-events: none
}

.ant-spin-blur:after {
    opacity: .4;
    pointer-events: auto
}

.ant-spin-tip {
    color: var(--text-color-secondary)
}

.ant-spin-dot {
    position: relative;
    display: inline-block;
    font-size: 20px;
    width: 1em;
    height: 1em
}

.ant-spin-dot-item {
    position: absolute;
    display: block;
    width: 9px;
    height: 9px;
    background-color: var(--primary-color);
    border-radius: 100%;
    transform: scale(.75);
    transform-origin: 50% 50%;
    opacity: .3;
    animation: antSpinMove 1s infinite linear alternate
}

.ant-spin-dot-item:nth-child(1) {
    top: 0;
    left: 0
}

.ant-spin-dot-item:nth-child(2) {
    top: 0;
    right: 0;
    animation-delay: .4s
}

.ant-spin-dot-item:nth-child(3) {
    right: 0;
    bottom: 0;
    animation-delay: .8s
}

.ant-spin-dot-item:nth-child(4) {
    bottom: 0;
    left: 0;
    animation-delay: 1.2s
}

.ant-spin-dot-spin {
    transform: rotate(45deg);
    animation: antRotate 1.2s infinite linear
}

.ant-spin-sm .ant-spin-dot {
    font-size: 14px
}

.ant-spin-sm .ant-spin-dot i {
    width: 6px;
    height: 6px
}

.ant-spin-lg .ant-spin-dot {
    font-size: 32px
}

.ant-spin-lg .ant-spin-dot i {
    width: 14px;
    height: 14px
}

.ant-spin.ant-spin-show-text .ant-spin-text {
    display: block
}

@media all and (-ms-high-contrast: none),(-ms-high-contrast: active) {
    .ant-spin-blur {
        background: var(--component-background);
        opacity: .5
    }
}

@keyframes antSpinMove {
    to {
        opacity: 1
    }
}

@keyframes antRotate {
    to {
        transform: rotate(405deg)
    }
}

.ant-spin-rtl {
    direction: rtl
}

.ant-spin-rtl .ant-spin-dot-spin {
    transform: rotate(-45deg);
    animation-name: antRotateRtl
}

@keyframes antRotateRtl {
    to {
        transform: rotate(-405deg)
    }
}

.ant-pagination {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: var(--text-color);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum"
}

.ant-pagination ul, .ant-pagination ol {
    margin: 0;
    padding: 0;
    list-style: none
}

.ant-pagination:after {
    display: block;
    clear: both;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    content: " "
}

.ant-pagination-total-text {
    display: inline-block;
    height: 32px;
    margin-right: 8px;
    line-height: 30px;
    vertical-align: middle
}

.ant-pagination-item {
    display: inline-block;
    min-width: 32px;
    height: 32px;
    margin-right: 8px;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
    line-height: 30px;
    text-align: center;
    vertical-align: middle;
    list-style: none;
    background-color: var(--pagination-item-bg);
    border: 1px solid var(--border-color-base);
    border-radius: 2px;
    outline: 0;
    cursor: pointer;
    user-select: none
}

.ant-pagination-item a {
    display: block;
    padding: 0 6px;
    color: var(--text-color);
    transition: none
}

.ant-pagination-item a:hover {
    text-decoration: none
}

.ant-pagination-item:hover {
    border-color: var(--primary-color);
    transition: all .3s
}

.ant-pagination-item:hover a {
    color: var(--primary-color)
}

.ant-pagination-item:focus-visible {
    border-color: var(--primary-color);
    transition: all .3s
}

.ant-pagination-item:focus-visible a {
    color: var(--primary-color)
}

.ant-pagination-item-active {
    font-weight: 500;
    background: var(--pagination-item-bg-active);
    border-color: var(--primary-color)
}

.ant-pagination-item-active a {
    color: var(--primary-color)
}

.ant-pagination-item-active:hover {
    border-color: var(--primary-5)
}

.ant-pagination-item-active:focus-visible {
    border-color: var(--primary-5)
}

.ant-pagination-item-active:hover a {
    color: var(--primary-5)
}

.ant-pagination-item-active:focus-visible a {
    color: var(--primary-5)
}

.ant-pagination-jump-prev, .ant-pagination-jump-next {
    outline: 0
}

.ant-pagination-jump-prev .ant-pagination-item-container, .ant-pagination-jump-next .ant-pagination-item-container {
    position: relative
}

.ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon, .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon {
    color: var(--primary-color);
    font-size: 12px;
    letter-spacing: -1px;
    opacity: 0;
    transition: all .2s
}

.ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon-svg, .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon-svg {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto
}

.ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-ellipsis, .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-ellipsis {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    margin: auto;
    color: var(--disabled-color);
    font-family: Arial, Helvetica, sans-serif;
    letter-spacing: 2px;
    text-align: center;
    text-indent: .13em;
    opacity: 1;
    transition: all .2s
}

.ant-pagination-jump-prev:hover .ant-pagination-item-link-icon, .ant-pagination-jump-next:hover .ant-pagination-item-link-icon {
    opacity: 1
}

.ant-pagination-jump-prev:hover .ant-pagination-item-ellipsis, .ant-pagination-jump-next:hover .ant-pagination-item-ellipsis {
    opacity: 0
}

.ant-pagination-jump-prev:focus-visible .ant-pagination-item-link-icon, .ant-pagination-jump-next:focus-visible .ant-pagination-item-link-icon {
    opacity: 1
}

.ant-pagination-jump-prev:focus-visible .ant-pagination-item-ellipsis, .ant-pagination-jump-next:focus-visible .ant-pagination-item-ellipsis {
    opacity: 0
}

.ant-pagination-prev, .ant-pagination-jump-prev, .ant-pagination-jump-next {
    margin-right: 8px
}

.ant-pagination-prev, .ant-pagination-next, .ant-pagination-jump-prev, .ant-pagination-jump-next {
    display: inline-block;
    min-width: 32px;
    height: 32px;
    color: var(--text-color);
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
    line-height: 32px;
    text-align: center;
    vertical-align: middle;
    list-style: none;
    border-radius: 2px;
    cursor: pointer;
    transition: all .3s
}

.ant-pagination-prev, .ant-pagination-next {
    font-family: Arial, Helvetica, sans-serif;
    outline: 0
}

.ant-pagination-prev button, .ant-pagination-next button {
    color: var(--text-color);
    cursor: pointer;
    user-select: none
}

.ant-pagination-prev:hover button, .ant-pagination-next:hover button {
    border-color: var(--primary-5)
}

.ant-pagination-prev .ant-pagination-item-link, .ant-pagination-next .ant-pagination-item-link {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0;
    font-size: 12px;
    text-align: center;
    background-color: var(--pagination-item-link-bg);
    border: 1px solid var(--border-color-base);
    border-radius: 2px;
    outline: none;
    transition: all .3s
}

.ant-pagination-prev:focus-visible .ant-pagination-item-link, .ant-pagination-next:focus-visible .ant-pagination-item-link {
    color: var(--primary-color);
    border-color: var(--primary-color)
}

.ant-pagination-prev:hover .ant-pagination-item-link, .ant-pagination-next:hover .ant-pagination-item-link {
    color: var(--primary-color);
    border-color: var(--primary-color)
}

.ant-pagination-disabled, .ant-pagination-disabled:hover {
    cursor: not-allowed
}

.ant-pagination-disabled .ant-pagination-item-link, .ant-pagination-disabled:hover .ant-pagination-item-link {
    color: var(--disabled-color);
    border-color: var(--border-color-base);
    cursor: not-allowed
}

.ant-pagination-disabled:focus-visible {
    cursor: not-allowed
}

.ant-pagination-disabled:focus-visible .ant-pagination-item-link {
    color: var(--disabled-color);
    border-color: var(--border-color-base);
    cursor: not-allowed
}

.ant-pagination-slash {
    margin: 0 10px 0 5px
}

.ant-pagination-options {
    display: inline-block;
    margin-left: 16px;
    vertical-align: middle
}

@media all and (-ms-high-contrast: none) {
    .ant-pagination-options *::-ms-backdrop, .ant-pagination-options {
        vertical-align: top
    }
}

.ant-pagination-options-size-changer.ant-select {
    display: inline-block;
    width: auto
}

.ant-pagination-options-quick-jumper {
    display: inline-block;
    height: 32px;
    margin-left: 8px;
    line-height: 32px;
    vertical-align: top
}

.ant-pagination-options-quick-jumper input {
    position: relative;
    display: inline-block;
    width: 100%;
    min-width: 0;
    padding: 4px 11px;
    color: var(--text-color);
    font-size: 14px;
    line-height: 1.5715;
    background-color: var(--input-bg);
    background-image: none;
    border: 1px solid var(--border-color-base);
    border-radius: 2px;
    transition: all .3s;
    width: 50px;
    height: 32px;
    margin: 0 8px
}

.ant-pagination-options-quick-jumper input::-moz-placeholder {
    opacity: 1
}

.ant-pagination-options-quick-jumper input::placeholder {
    color: var(--input-placeholder-color);
    user-select: none
}

.ant-pagination-options-quick-jumper input:placeholder-shown {
    text-overflow: ellipsis
}

.ant-pagination-options-quick-jumper input:hover {
    border-color: var(--primary-5);
    border-right-width: 1px !important
}

.ant-pagination-options-quick-jumper input:focus, .ant-pagination-options-quick-jumper input-focused {
    border-color: var(--primary-color-hover);
    box-shadow: 0 0 0 2px var(--primary-color-outline);
    border-right-width: 1px !important;
    outline: 0
}

.ant-pagination-options-quick-jumper input-disabled {
    color: var(--disabled-color);
    background-color: var(--disabled-bg);
    border-color: var(--border-color-base);
    box-shadow: none;
    cursor: not-allowed;
    opacity: 1
}

.ant-pagination-options-quick-jumper input-disabled:hover {
    border-color: var(--border-color-base);
    border-right-width: 1px !important
}

.ant-pagination-options-quick-jumper input[disabled] {
    color: var(--disabled-color);
    background-color: var(--disabled-bg);
    border-color: var(--border-color-base);
    box-shadow: none;
    cursor: not-allowed;
    opacity: 1
}

.ant-pagination-options-quick-jumper input[disabled]:hover {
    border-color: var(--border-color-base);
    border-right-width: 1px !important
}

.ant-pagination-options-quick-jumper input-borderless, .ant-pagination-options-quick-jumper input-borderless:hover, .ant-pagination-options-quick-jumper input-borderless:focus, .ant-pagination-options-quick-jumper input-borderless-focused, .ant-pagination-options-quick-jumper input-borderless-disabled, .ant-pagination-options-quick-jumper input-borderless[disabled] {
    background-color: transparent;
    border: none;
    box-shadow: none
}

textarea.ant-pagination-options-quick-jumper input {
    max-width: 100%;
    height: auto;
    min-height: 32px;
    line-height: 1.5715;
    vertical-align: bottom;
    transition: all .3s, height 0s
}

.ant-pagination-options-quick-jumper input-lg {
    padding: 6.5px 11px;
    font-size: 16px
}

.ant-pagination-options-quick-jumper input-sm {
    padding: 0 7px
}

.ant-pagination-simple .ant-pagination-prev, .ant-pagination-simple .ant-pagination-next {
    height: 24px;
    line-height: 24px;
    vertical-align: top
}

.ant-pagination-simple .ant-pagination-prev .ant-pagination-item-link, .ant-pagination-simple .ant-pagination-next .ant-pagination-item-link {
    height: 24px;
    background-color: transparent;
    border: 0
}

.ant-pagination-simple .ant-pagination-prev .ant-pagination-item-link:after, .ant-pagination-simple .ant-pagination-next .ant-pagination-item-link:after {
    height: 24px;
    line-height: 24px
}

.ant-pagination-simple .ant-pagination-simple-pager {
    display: inline-block;
    height: 24px;
    margin-right: 8px
}

.ant-pagination-simple .ant-pagination-simple-pager input {
    box-sizing: border-box;
    height: 100%;
    margin-right: 8px;
    padding: 0 6px;
    text-align: center;
    background-color: var(--pagination-item-input-bg);
    border: 1px solid var(--border-color-base);
    border-radius: 2px;
    outline: none;
    transition: border-color .3s
}

.ant-pagination-simple .ant-pagination-simple-pager input:hover {
    border-color: var(--primary-color)
}

.ant-pagination-simple .ant-pagination-simple-pager input:focus {
    border-color: var(--primary-color-hover);
    box-shadow: 0 0 0 2px var(--primary-color-outline)
}

.ant-pagination-simple .ant-pagination-simple-pager input[disabled] {
    color: var(--disabled-color);
    background: var(--disabled-bg);
    border-color: var(--border-color-base);
    cursor: not-allowed
}

.ant-pagination.mini .ant-pagination-total-text, .ant-pagination.mini .ant-pagination-simple-pager {
    height: 24px;
    line-height: 24px
}

.ant-pagination.mini .ant-pagination-item {
    min-width: 24px;
    height: 24px;
    margin: 0;
    line-height: 22px
}

.ant-pagination.mini .ant-pagination-item:not(.ant-pagination-item-active) {
    background: transparent;
    border-color: transparent
}

.ant-pagination.mini .ant-pagination-prev, .ant-pagination.mini .ant-pagination-next {
    min-width: 24px;
    height: 24px;
    margin: 0;
    line-height: 24px
}

.ant-pagination.mini .ant-pagination-prev .ant-pagination-item-link, .ant-pagination.mini .ant-pagination-next .ant-pagination-item-link {
    background: transparent;
    border-color: transparent
}

.ant-pagination.mini .ant-pagination-prev .ant-pagination-item-link:after, .ant-pagination.mini .ant-pagination-next .ant-pagination-item-link:after {
    height: 24px;
    line-height: 24px
}

.ant-pagination.mini .ant-pagination-jump-prev, .ant-pagination.mini .ant-pagination-jump-next {
    height: 24px;
    margin-right: 0;
    line-height: 24px
}

.ant-pagination.mini .ant-pagination-options {
    margin-left: 2px
}

.ant-pagination.mini .ant-pagination-options-size-changer {
    top: 0px
}

.ant-pagination.mini .ant-pagination-options-quick-jumper {
    height: 24px;
    line-height: 24px
}

.ant-pagination.mini .ant-pagination-options-quick-jumper input {
    padding: 0 7px;
    width: 44px;
    height: 24px
}

.ant-pagination.ant-pagination-disabled {
    cursor: not-allowed
}

.ant-pagination.ant-pagination-disabled .ant-pagination-item {
    background: var(--disabled-bg);
    border-color: var(--border-color-base);
    cursor: not-allowed
}

.ant-pagination.ant-pagination-disabled .ant-pagination-item a {
    color: var(--disabled-color);
    background: transparent;
    border: none;
    cursor: not-allowed
}

.ant-pagination.ant-pagination-disabled .ant-pagination-item-active {
    background: var(--pagination-item-disabled-bg-active)
}

.ant-pagination.ant-pagination-disabled .ant-pagination-item-active a {
    color: var(--pagination-item-disabled-color-active)
}

.ant-pagination.ant-pagination-disabled .ant-pagination-item-link {
    color: var(--disabled-color);
    background: var(--disabled-bg);
    border-color: var(--border-color-base);
    cursor: not-allowed
}

.ant-pagination-simple.ant-pagination.ant-pagination-disabled .ant-pagination-item-link {
    background: transparent
}

.ant-pagination.ant-pagination-disabled .ant-pagination-item-link-icon {
    opacity: 0
}

.ant-pagination.ant-pagination-disabled .ant-pagination-item-ellipsis {
    opacity: 1
}

.ant-pagination.ant-pagination-disabled .ant-pagination-simple-pager {
    color: var(--disabled-color)
}

@media only screen and (max-width: 992px) {
    .ant-pagination-item-after-jump-prev, .ant-pagination-item-before-jump-next {
        display: none
    }
}

@media only screen and (max-width: 576px) {
    .ant-pagination-options {
        display: none
    }
}

.ant-pagination-rtl .ant-pagination-total-text, .ant-pagination-rtl .ant-pagination-item, .ant-pagination-rtl .ant-pagination-prev, .ant-pagination-rtl .ant-pagination-jump-prev, .ant-pagination-rtl .ant-pagination-jump-next {
    margin-right: 0;
    margin-left: 8px
}

.ant-pagination-rtl .ant-pagination-slash {
    margin: 0 5px 0 10px
}

.ant-pagination-rtl .ant-pagination-options {
    margin-right: 16px;
    margin-left: 0
}

.ant-pagination-rtl .ant-pagination-options .ant-pagination-options-size-changer.ant-select {
    margin-right: 0;
    margin-left: 8px
}

.ant-pagination-rtl .ant-pagination-options .ant-pagination-options-quick-jumper {
    margin-left: 0
}

.ant-pagination-rtl.ant-pagination-simple .ant-pagination-simple-pager, .ant-pagination-rtl.ant-pagination-simple .ant-pagination-simple-pager input {
    margin-right: 0;
    margin-left: 8px
}

.ant-pagination-rtl.ant-pagination.mini .ant-pagination-options {
    margin-right: 2px;
    margin-left: 0
}

.ant-select-single .ant-select-selector {
    display: flex
}

.ant-select-single .ant-select-selector .ant-select-selection-search {
    position: absolute;
    top: 0;
    right: 11px;
    bottom: 0;
    left: 11px
}

.ant-select-single .ant-select-selector .ant-select-selection-search-input {
    width: 100%
}

.ant-select-single .ant-select-selector .ant-select-selection-item, .ant-select-single .ant-select-selector .ant-select-selection-placeholder {
    padding: 0;
    line-height: 30px;
    transition: all .3s
}

@supports (-moz-appearance: meterbar) {
    .ant-select-single .ant-select-selector .ant-select-selection-item, .ant-select-single .ant-select-selector .ant-select-selection-placeholder {
        line-height: 30px
    }
}

.ant-select-single .ant-select-selector .ant-select-selection-item {
    position: relative;
    user-select: none
}

.ant-select-single .ant-select-selector .ant-select-selection-placeholder {
    transition: none;
    pointer-events: none
}

.ant-select-single .ant-select-selector:after, .ant-select-single .ant-select-selector .ant-select-selection-item:after, .ant-select-single .ant-select-selector .ant-select-selection-placeholder:after {
    display: inline-block;
    width: 0;
    visibility: hidden;
    content: "\a0"
}

.ant-select-single.ant-select-show-arrow .ant-select-selection-search {
    right: 25px
}

.ant-select-single.ant-select-show-arrow .ant-select-selection-item, .ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder {
    padding-right: 18px
}

.ant-select-single.ant-select-open .ant-select-selection-item {
    color: var(--input-placeholder-color)
}

.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
    width: 100%;
    height: 32px;
    padding: 0 11px
}

.ant-select-single:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input {
    height: 30px
}

.ant-select-single:not(.ant-select-customize-input) .ant-select-selector:after {
    line-height: 30px
}

.ant-select-single.ant-select-customize-input .ant-select-selector:after {
    display: none
}

.ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-selection-search {
    position: static;
    width: 100%
}

.ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-selection-placeholder {
    position: absolute;
    right: 0;
    left: 0;
    padding: 0 11px
}

.ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-selection-placeholder:after {
    display: none
}

.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector {
    height: 40px
}

.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector:after, .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-item, .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-placeholder {
    line-height: 38px
}

.ant-select-single.ant-select-lg:not(.ant-select-customize-input):not(.ant-select-customize-input) .ant-select-selection-search-input {
    height: 38px
}

.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector {
    height: 24px
}

.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector:after, .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-item, .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-placeholder {
    line-height: 22px
}

.ant-select-single.ant-select-sm:not(.ant-select-customize-input):not(.ant-select-customize-input) .ant-select-selection-search-input {
    height: 22px
}

.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selection-search {
    right: 7px;
    left: 7px
}

.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector {
    padding: 0 7px
}

.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-search {
    right: 28px
}

.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-item, .ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-placeholder {
    padding-right: 21px
}

.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector {
    padding: 0 11px
}

.ant-select-selection-overflow {
    position: relative;
    display: flex;
    flex: auto;
    flex-wrap: wrap;
    max-width: 100%
}

.ant-select-selection-overflow-item {
    flex: none;
    align-self: center;
    max-width: 100%
}

.ant-select-multiple .ant-select-selector {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 1px 4px
}

.ant-select-show-search.ant-select-multiple .ant-select-selector {
    cursor: text
}

.ant-select-disabled.ant-select-multiple .ant-select-selector {
    background: var(--select-multiple-disabled-background);
    cursor: not-allowed
}

.ant-select-multiple .ant-select-selector:after {
    display: inline-block;
    width: 0;
    margin: 2px 0;
    line-height: 24px;
    content: "\a0"
}

.ant-select-multiple.ant-select-show-arrow .ant-select-selector, .ant-select-multiple.ant-select-allow-clear .ant-select-selector {
    padding-right: 24px
}

.ant-select-multiple .ant-select-selection-item {
    position: relative;
    display: flex;
    flex: none;
    box-sizing: border-box;
    max-width: 100%;
    height: 24px;
    margin-top: 2px;
    margin-bottom: 2px;
    line-height: 22px;
    background: var(--select-selection-item-bg);
    border: 1px solid var(--select-selection-item-border-color);
    border-radius: 2px;
    cursor: default;
    transition: font-size .3s, line-height .3s, height .3s;
    user-select: none;
    margin-inline-end: 4px;
    padding-inline-start: 8px;
    padding-inline-end: 4px
}

.ant-select-disabled.ant-select-multiple .ant-select-selection-item {
    color: var(--select-multiple-item-disabled-color);
    border-color: var(--select-multiple-item-disabled-border-color);
    cursor: not-allowed
}

.ant-select-multiple .ant-select-selection-item-content {
    display: inline-block;
    margin-right: 4px;
    overflow: hidden;
    white-space: pre;
    text-overflow: ellipsis
}

.ant-select-multiple .ant-select-selection-item-remove {
    color: inherit;
    font-style: normal;
    line-height: 0;
    text-align: center;
    text-transform: none;
    vertical-align: -.125em;
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    color: var(--text-color-secondary);
    font-weight: 700;
    font-size: 10px;
    line-height: inherit;
    cursor: pointer
}

.ant-select-multiple .ant-select-selection-item-remove > * {
    line-height: 1
}

.ant-select-multiple .ant-select-selection-item-remove svg {
    display: inline-block
}

.ant-select-multiple .ant-select-selection-item-remove:before {
    display: none
}

.ant-select-multiple .ant-select-selection-item-remove .ant-select-multiple .ant-select-selection-item-remove-icon {
    display: block
}

.ant-select-multiple .ant-select-selection-item-remove > .anticon {
    vertical-align: -.2em
}

.ant-select-multiple .ant-select-selection-item-remove:hover {
    color: var(--icon-color-hover)
}

.ant-select-multiple .ant-select-selection-overflow-item + .ant-select-selection-overflow-item .ant-select-selection-search {
    margin-inline-start: 0
}

.ant-select-multiple .ant-select-selection-search {
    position: relative;
    max-width: 100%;
    margin-inline-start: 7px
}

.ant-select-multiple .ant-select-selection-search-input, .ant-select-multiple .ant-select-selection-search-mirror {
    height: 24px;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
    line-height: 24px;
    transition: all .3s
}

.ant-select-multiple .ant-select-selection-search-input {
    width: 100%;
    min-width: 4.1px
}

.ant-select-multiple .ant-select-selection-search-mirror {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    white-space: pre;
    visibility: hidden
}

.ant-select-multiple .ant-select-selection-placeholder {
    position: absolute;
    top: 50%;
    right: 11px;
    left: 11px;
    transform: translateY(-50%);
    transition: all .3s
}

.ant-select-multiple.ant-select-lg .ant-select-selector:after {
    line-height: 32px
}

.ant-select-multiple.ant-select-lg .ant-select-selection-item {
    height: 32px;
    line-height: 30px
}

.ant-select-multiple.ant-select-lg .ant-select-selection-search {
    height: 32px;
    line-height: 32px
}

.ant-select-multiple.ant-select-lg .ant-select-selection-search-input, .ant-select-multiple.ant-select-lg .ant-select-selection-search-mirror {
    height: 32px;
    line-height: 30px
}

.ant-select-multiple.ant-select-sm .ant-select-selector:after {
    line-height: 16px
}

.ant-select-multiple.ant-select-sm .ant-select-selection-item {
    height: 16px;
    line-height: 14px
}

.ant-select-multiple.ant-select-sm .ant-select-selection-search {
    height: 16px;
    line-height: 16px
}

.ant-select-multiple.ant-select-sm .ant-select-selection-search-input, .ant-select-multiple.ant-select-sm .ant-select-selection-search-mirror {
    height: 16px;
    line-height: 14px
}

.ant-select-multiple.ant-select-sm .ant-select-selection-placeholder {
    left: 7px
}

.ant-select-multiple.ant-select-sm .ant-select-selection-search {
    margin-inline-start: 3px
}

.ant-select-multiple.ant-select-lg .ant-select-selection-item {
    height: 32px;
    line-height: 32px
}

.ant-select-disabled .ant-select-selection-item-remove {
    display: none
}

.ant-select {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: var(--text-color);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: relative;
    display: inline-block;
    cursor: pointer
}

.ant-select:not(.ant-select-customize-input) .ant-select-selector {
    position: relative;
    background-color: var(--select-background);
    border: 1px solid var(--border-color-base);
    border-radius: 2px;
    transition: all .3s cubic-bezier(.645, .045, .355, 1)
}

.ant-select:not(.ant-select-customize-input) .ant-select-selector input {
    cursor: pointer
}

.ant-select-show-search.ant-select:not(.ant-select-customize-input) .ant-select-selector {
    cursor: text
}

.ant-select-show-search.ant-select:not(.ant-select-customize-input) .ant-select-selector input {
    cursor: auto
}

.ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector {
    border-color: var(--primary-color-hover);
    box-shadow: 0 0 0 2px var(--primary-color-outline);
    border-right-width: 1px !important;
    outline: 0
}

.ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector {
    color: var(--disabled-color);
    background: var(--disabled-bg);
    cursor: not-allowed
}

.ant-select-multiple.ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector {
    background: var(--select-multiple-disabled-background)
}

.ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector input {
    cursor: not-allowed
}

.ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input {
    margin: 0;
    padding: 0;
    background: transparent;
    border: none;
    outline: none;
    appearance: none
}

.ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input::-webkit-search-cancel-button {
    display: none;
    -webkit-appearance: none
}

.ant-select:not(.ant-select-disabled):hover .ant-select-selector {
    border-color: var(--primary-5);
    border-right-width: 1px !important
}

.ant-select-selection-item {
    flex: 1;
    overflow: hidden;
    font-weight: 400;
    white-space: nowrap;
    text-overflow: ellipsis
}

@media all and (-ms-high-contrast: none) {
    .ant-select-selection-item *::-ms-backdrop, .ant-select-selection-item {
        flex: auto
    }
}

.ant-select-selection-placeholder {
    flex: 1;
    overflow: hidden;
    color: var(--input-placeholder-color);
    white-space: nowrap;
    text-overflow: ellipsis;
    pointer-events: none
}

@media all and (-ms-high-contrast: none) {
    .ant-select-selection-placeholder *::-ms-backdrop, .ant-select-selection-placeholder {
        flex: auto
    }
}

.ant-select-arrow {
    display: inline-block;
    color: inherit;
    font-style: normal;
    line-height: 0;
    text-transform: none;
    vertical-align: -.125em;
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 50%;
    right: 11px;
    width: 12px;
    height: 12px;
    margin-top: -6px;
    color: var(--disabled-color);
    font-size: 12px;
    line-height: 1;
    text-align: center;
    pointer-events: none
}

.ant-select-arrow > * {
    line-height: 1
}

.ant-select-arrow svg {
    display: inline-block
}

.ant-select-arrow:before {
    display: none
}

.ant-select-arrow .ant-select-arrow-icon {
    display: block
}

.ant-select-arrow .anticon {
    vertical-align: top;
    transition: transform .3s
}

.ant-select-arrow .anticon > svg {
    vertical-align: top
}

.ant-select-arrow .anticon:not(.ant-select-suffix) {
    pointer-events: auto
}

.ant-select-disabled .ant-select-arrow {
    cursor: not-allowed
}

.ant-select-clear {
    position: absolute;
    top: 50%;
    right: 11px;
    z-index: 1;
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-top: -6px;
    color: var(--disabled-color);
    font-size: 12px;
    font-style: normal;
    line-height: 1;
    text-align: center;
    text-transform: none;
    background: var(--select-clear-background);
    cursor: pointer;
    opacity: 0;
    transition: color .3s ease, opacity .15s ease;
    text-rendering: auto
}

.ant-select-clear:before {
    display: block
}

.ant-select-clear:hover {
    color: var(--text-color-secondary)
}

.ant-select:hover .ant-select-clear {
    opacity: 1
}

.ant-select-dropdown {
    margin: 0;
    color: var(--text-color);
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: absolute;
    top: -9999px;
    left: -9999px;
    z-index: 1050;
    box-sizing: border-box;
    padding: 4px 0;
    overflow: hidden;
    font-size: 14px;
    font-variant: initial;
    background-color: var(--select-dropdown-bg);
    border-radius: 2px;
    outline: none;
    box-shadow: var(--box-shadow-base)
}

.ant-select-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-select-dropdown-placement-bottomLeft, .ant-select-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-select-dropdown-placement-bottomLeft {
    animation-name: antSlideUpIn
}

.ant-select-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-select-dropdown-placement-topLeft, .ant-select-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-select-dropdown-placement-topLeft {
    animation-name: antSlideDownIn
}

.ant-select-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-select-dropdown-placement-bottomLeft {
    animation-name: antSlideUpOut
}

.ant-select-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-select-dropdown-placement-topLeft {
    animation-name: antSlideDownOut
}

.ant-select-dropdown-hidden {
    display: none
}

.ant-select-dropdown-empty {
    color: var(--disabled-color)
}

.ant-select-item-empty {
    position: relative;
    display: block;
    min-height: 32px;
    padding: 5px 12px;
    color: var(--text-color);
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: var(--disabled-color)
}

.ant-select-item {
    position: relative;
    display: block;
    min-height: 32px;
    padding: 5px 12px;
    color: var(--text-color);
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    cursor: pointer;
    transition: background .3s ease
}

.ant-select-item-group {
    color: var(--text-color-secondary);
    font-size: 12px;
    cursor: default
}

.ant-select-item-option {
    display: flex
}

.ant-select-item-option-content {
    flex: auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.ant-select-item-option-state {
    flex: none
}

.ant-select-item-option-active:not(.ant-select-item-option-disabled) {
    background-color: var(--item-hover-bg)
}

.ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
    color: var(--text-color);
    font-weight: 600;
    background-color: var(--primary-1)
}

.ant-select-item-option-selected:not(.ant-select-item-option-disabled) .ant-select-item-option-state {
    color: var(--primary-color)
}

.ant-select-item-option-disabled {
    color: var(--disabled-color);
    cursor: not-allowed
}

.ant-select-item-option-disabled.ant-select-item-option-selected {
    background-color: var(--select-multiple-disabled-background)
}

.ant-select-item-option-grouped {
    padding-left: 24px
}

.ant-select-lg {
    font-size: 16px
}

.ant-select-borderless .ant-select-selector {
    background-color: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important
}

.ant-select-rtl {
    direction: rtl
}

.ant-select-rtl .ant-select-arrow, .ant-select-rtl .ant-select-clear {
    right: initial;
    left: 11px
}

.ant-select-dropdown-rtl {
    direction: rtl
}

.ant-select-dropdown-rtl .ant-select-item-option-grouped {
    padding-right: 24px;
    padding-left: 12px
}

.ant-select-rtl.ant-select-multiple.ant-select-show-arrow .ant-select-selector, .ant-select-rtl.ant-select-multiple.ant-select-allow-clear .ant-select-selector {
    padding-right: 4px;
    padding-left: 24px
}

.ant-select-rtl.ant-select-multiple .ant-select-selection-item {
    text-align: right
}

.ant-select-rtl.ant-select-multiple .ant-select-selection-item-content {
    margin-right: 0;
    margin-left: 4px;
    text-align: right
}

.ant-select-rtl.ant-select-multiple .ant-select-selection-search-mirror {
    right: 0;
    left: auto
}

.ant-select-rtl.ant-select-multiple .ant-select-selection-placeholder {
    right: 11px;
    left: auto
}

.ant-select-rtl.ant-select-multiple.ant-select-sm .ant-select-selection-placeholder {
    right: 7px
}

.ant-select-rtl.ant-select-single .ant-select-selector .ant-select-selection-item, .ant-select-rtl.ant-select-single .ant-select-selector .ant-select-selection-placeholder {
    right: 0;
    left: 9px;
    text-align: right
}

.ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-search {
    right: 11px;
    left: 25px
}

.ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-item, .ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder {
    padding-right: 0;
    padding-left: 18px
}

.ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-search {
    right: 6px
}

.ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-item, .ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-placeholder {
    padding-right: 0;
    padding-left: 21px
}

.ant-badge {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: var(--text-color);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: relative;
    display: inline-block;
    line-height: 1
}

.ant-badge-count {
    z-index: auto;
    min-width: 20px;
    height: 20px;
    padding: 0 6px;
    color: #fff;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    white-space: nowrap;
    text-align: center;
    background: var(--highlight-color);
    border-radius: 10px;
    box-shadow: 0 0 0 1px var(--shadow-color-inverse)
}

.ant-badge-count a, .ant-badge-count a:hover {
    color: #fff
}

.ant-badge-count-sm {
    min-width: 14px;
    height: 14px;
    padding: 0;
    font-size: 12px;
    line-height: 14px;
    border-radius: 7px
}

.ant-badge-multiple-words {
    padding: 0 8px
}

.ant-badge-dot {
    z-index: auto;
    width: 6px;
    min-width: 6px;
    height: 6px;
    background: var(--highlight-color);
    border-radius: 100%;
    box-shadow: 0 0 0 1px var(--shadow-color-inverse)
}

.ant-badge-dot.ant-scroll-number {
    transition: background 1.5s
}

.ant-badge-count, .ant-badge-dot, .ant-badge .ant-scroll-number-custom-component {
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(50%, -50%);
    transform-origin: 100% 0%
}

.ant-badge-count.anticon-spin, .ant-badge-dot.anticon-spin, .ant-badge .ant-scroll-number-custom-component.anticon-spin {
    animation: antBadgeLoadingCircle 1s infinite linear
}

.ant-badge-status {
    line-height: inherit;
    vertical-align: baseline
}

.ant-badge-status-dot {
    position: relative;
    top: -1px;
    display: inline-block;
    width: 6px;
    height: 6px;
    vertical-align: middle;
    border-radius: 50%
}

.ant-badge-status-success {
    background-color: var(--success-color)
}

.ant-badge-status-processing {
    position: relative;
    background-color: var(--processing-color)
}

.ant-badge-status-processing:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid var(--processing-color);
    border-radius: 50%;
    animation: antStatusProcessing 1.2s infinite ease-in-out;
    content: ""
}

.ant-badge-status-default {
    background-color: #d9d9d9
}

.ant-badge-status-error {
    background-color: var(--error-color)
}

.ant-badge-status-warning {
    background-color: var(--warning-color)
}

.ant-badge-status-pink {
    background: var(--pink-6)
}

.ant-badge-status-magenta {
    background: #eb2f96
}

.ant-badge-status-red {
    background: var(--red-6)
}

.ant-badge-status-volcano {
    background: #fa541c
}

.ant-badge-status-orange {
    background: var(--orange-6)
}

.ant-badge-status-yellow {
    background: #fadb14
}

.ant-badge-status-gold {
    background: var(--gold-6)
}

.ant-badge-status-cyan {
    background: var(--cyan-6)
}

.ant-badge-status-lime {
    background: #a0d911
}

.ant-badge-status-green {
    background: var(--green-6)
}

.ant-badge-status-blue {
    background: var(--blue-6)
}

.ant-badge-status-geekblue {
    background: #2f54eb
}

.ant-badge-status-purple {
    background: var(--purple-6)
}

.ant-badge-status-text {
    margin-left: 8px;
    color: var(--text-color);
    font-size: 14px
}

.ant-badge-zoom-appear, .ant-badge-zoom-enter {
    animation: antZoomBadgeIn .3s cubic-bezier(.12, .4, .29, 1.46);
    animation-fill-mode: both
}

.ant-badge-zoom-leave {
    animation: antZoomBadgeOut .3s cubic-bezier(.71, -.46, .88, .6);
    animation-fill-mode: both
}

.ant-badge-not-a-wrapper .ant-badge-zoom-appear, .ant-badge-not-a-wrapper .ant-badge-zoom-enter {
    animation: antNoWrapperZoomBadgeIn .3s cubic-bezier(.12, .4, .29, 1.46)
}

.ant-badge-not-a-wrapper .ant-badge-zoom-leave {
    animation: antNoWrapperZoomBadgeOut .3s cubic-bezier(.71, -.46, .88, .6)
}

.ant-badge-not-a-wrapper:not(.ant-badge-status) {
    vertical-align: middle
}

.ant-badge-not-a-wrapper .ant-scroll-number-custom-component, .ant-badge-not-a-wrapper .ant-badge-count {
    transform: none
}

.ant-badge-not-a-wrapper .ant-scroll-number-custom-component, .ant-badge-not-a-wrapper .ant-scroll-number {
    position: relative;
    top: auto;
    display: block;
    transform-origin: 50% 50%
}

@keyframes antStatusProcessing {
    0% {
        transform: scale(.8);
        opacity: .5
    }
    to {
        transform: scale(2.4);
        opacity: 0
    }
}

.ant-scroll-number {
    overflow: hidden;
    direction: ltr
}

.ant-scroll-number-only {
    position: relative;
    display: inline-block;
    height: 20px;
    transition: all .3s cubic-bezier(.645, .045, .355, 1);
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden
}

.ant-scroll-number-only > p.ant-scroll-number-only-unit {
    height: 20px;
    margin: 0;
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden
}

.ant-scroll-number-symbol {
    vertical-align: top
}

@keyframes antZoomBadgeIn {
    0% {
        transform: scale(0) translate(50%, -50%);
        opacity: 0
    }
    to {
        transform: scale(1) translate(50%, -50%)
    }
}

@keyframes antZoomBadgeOut {
    0% {
        transform: scale(1) translate(50%, -50%)
    }
    to {
        transform: scale(0) translate(50%, -50%);
        opacity: 0
    }
}

@keyframes antNoWrapperZoomBadgeIn {
    0% {
        transform: scale(0);
        opacity: 0
    }
    to {
        transform: scale(1)
    }
}

@keyframes antNoWrapperZoomBadgeOut {
    0% {
        transform: scale(1)
    }
    to {
        transform: scale(0);
        opacity: 0
    }
}

@keyframes antBadgeLoadingCircle {
    0% {
        transform-origin: 50%
    }
    to {
        transform: translate(50%, -50%) rotate(360deg);
        transform-origin: 50%
    }
}

.ant-ribbon-wrapper {
    position: relative
}

.ant-ribbon {
    box-sizing: border-box;
    margin: 0;
    color: var(--text-color);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: absolute;
    top: 8px;
    height: 22px;
    padding: 0 8px;
    color: #fff;
    line-height: 22px;
    white-space: nowrap;
    background-color: var(--primary-color);
    border-radius: 2px
}

.ant-ribbon-text {
    color: #fff
}

.ant-ribbon-corner {
    position: absolute;
    top: 100%;
    width: 8px;
    height: 8px;
    color: currentcolor;
    border: 4px solid;
    transform: scaleY(.75);
    transform-origin: top
}

.ant-ribbon-corner:after {
    position: absolute;
    top: -4px;
    left: -4px;
    width: inherit;
    height: inherit;
    color: rgba(0, 0, 0, .25);
    border: inherit;
    content: ""
}

.ant-ribbon-color-pink {
    color: var(--pink-6);
    background: var(--pink-6)
}

.ant-ribbon-color-magenta {
    color: #eb2f96;
    background: #eb2f96
}

.ant-ribbon-color-red {
    color: var(--red-6);
    background: var(--red-6)
}

.ant-ribbon-color-volcano {
    color: #fa541c;
    background: #fa541c
}

.ant-ribbon-color-orange {
    color: var(--orange-6);
    background: var(--orange-6)
}

.ant-ribbon-color-yellow {
    color: #fadb14;
    background: #fadb14
}

.ant-ribbon-color-gold {
    color: var(--gold-6);
    background: var(--gold-6)
}

.ant-ribbon-color-cyan {
    color: var(--cyan-6);
    background: var(--cyan-6)
}

.ant-ribbon-color-lime {
    color: #a0d911;
    background: #a0d911
}

.ant-ribbon-color-green {
    color: var(--green-6);
    background: var(--green-6)
}

.ant-ribbon-color-blue {
    color: var(--blue-6);
    background: var(--blue-6)
}

.ant-ribbon-color-geekblue {
    color: #2f54eb;
    background: #2f54eb
}

.ant-ribbon-color-purple {
    color: var(--purple-6);
    background: var(--purple-6)
}

.ant-ribbon.ant-ribbon-placement-end {
    right: -8px;
    border-bottom-right-radius: 0
}

.ant-ribbon.ant-ribbon-placement-end .ant-ribbon-corner {
    right: 0;
    border-color: currentcolor transparent transparent currentcolor
}

.ant-ribbon.ant-ribbon-placement-start {
    left: -8px;
    border-bottom-left-radius: 0
}

.ant-ribbon.ant-ribbon-placement-start .ant-ribbon-corner {
    left: 0;
    border-color: currentcolor currentcolor transparent transparent
}

.ant-badge-rtl {
    direction: rtl
}

.ant-badge-rtl .ant-badge:not(.ant-badge-not-a-wrapper) .ant-badge-count, .ant-badge-rtl .ant-badge:not(.ant-badge-not-a-wrapper) .ant-badge-dot, .ant-badge-rtl .ant-badge:not(.ant-badge-not-a-wrapper) .ant-scroll-number-custom-component {
    right: auto;
    left: 0;
    direction: ltr;
    transform: translate(-50%, -50%);
    transform-origin: 0% 0%
}

.ant-badge-rtl.ant-badge:not(.ant-badge-not-a-wrapper) .ant-scroll-number-custom-component {
    right: auto;
    left: 0;
    transform: translate(-50%, -50%);
    transform-origin: 0% 0%
}

.ant-badge-rtl .ant-badge-status-text {
    margin-right: 8px;
    margin-left: 0
}

.ant-ribbon-rtl {
    direction: rtl
}

.ant-ribbon-rtl.ant-ribbon-placement-end {
    right: unset;
    left: -8px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 0
}

.ant-ribbon-rtl.ant-ribbon-placement-end .ant-ribbon-corner {
    right: unset;
    left: 0;
    border-color: currentcolor currentcolor transparent transparent
}

.ant-ribbon-rtl.ant-ribbon-placement-end .ant-ribbon-corner:after {
    border-color: currentcolor currentcolor transparent transparent
}

.ant-ribbon-rtl.ant-ribbon-placement-start {
    right: -8px;
    left: unset;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 2px
}

.ant-ribbon-rtl.ant-ribbon-placement-start .ant-ribbon-corner {
    right: 0;
    left: unset;
    border-color: currentcolor transparent transparent currentcolor
}

.ant-ribbon-rtl.ant-ribbon-placement-start .ant-ribbon-corner:after {
    border-color: currentcolor transparent transparent currentcolor
}

.ele-notice-trigger.ant-badge {
    color: inherit
}

.ele-notice-pop.ant-dropdown-menu {
    padding: 0;
    width: 336px;
    max-width: 100%;
    margin-top: 11px
}

.ele-notice-pop .ant-list-item {
    padding-left: 24px;
    padding-right: 24px;
    transition: background-color .3s;
    cursor: pointer
}

.ele-notice-pop .ant-list-item:hover {
    background: hsla(0, 0%, 60%, .05)
}

.ele-notice-pop .ant-tag {
    margin: 0
}

.ele-notice-pop .ele-notice-actions {
    border-top: 1px solid hsla(0, 0%, 60%, .15)
}

.ele-notice-pop .ele-notice-actions > .ele-cell-content {
    line-height: 46px;
    text-align: center;
    transition: background-color .3s;
    cursor: pointer;
    color: inherit
}

.ele-notice-pop .ele-notice-actions > .ele-cell-content:hover {
    background: hsla(0, 0%, 60%, .05)
}

.ant-modal {
    box-sizing: border-box;
    padding: 0 0 24px;
    color: var(--text-color);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    pointer-events: none;
    position: relative;
    top: 100px;
    width: auto;
    max-width: calc(100vw - 32px);
    margin: 0 auto
}

.ant-modal.ant-zoom-enter, .ant-modal.antzoom-appear {
    transform: none;
    opacity: 0;
    animation-duration: .3s;
    user-select: none
}

.ant-modal-mask {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    height: 100%;
    background-color: rgba(0, 0, 0, .45)
}

.ant-modal-mask-hidden {
    display: none
}

.ant-modal-wrap {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
    outline: 0;
    -webkit-overflow-scrolling: touch
}

.ant-modal-wrap {
    z-index: 1000
}

.ant-modal-title {
    margin: 0;
    color: var(--heading-color);
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    word-wrap: break-word
}

.ant-modal-content {
    position: relative;
    background-color: var(--modal-content-bg);
    background-clip: padding-box;
    border: 0;
    border-radius: 2px;
    box-shadow: var(--shadow-2);
    pointer-events: auto
}

.ant-modal-close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    padding: 0;
    color: var(--text-color-secondary);
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
    background: transparent;
    border: 0;
    outline: 0;
    cursor: pointer;
    transition: color .3s
}

.ant-modal-close-x {
    display: block;
    width: 56px;
    height: 56px;
    font-size: 16px;
    font-style: normal;
    line-height: 56px;
    text-align: center;
    text-transform: none;
    text-rendering: auto
}

.ant-modal-close:focus, .ant-modal-close:hover {
    color: var(--icon-color-hover);
    text-decoration: none
}

.ant-modal-header {
    padding: 16px 24px;
    color: var(--text-color);
    background: var(--modal-header-bg);
    border-bottom: 1px solid var(--modal-header-border-color-split);
    border-radius: 2px 2px 0 0
}

.ant-modal-body {
    padding: 24px;
    font-size: 14px;
    line-height: 1.5715;
    word-wrap: break-word
}

.ant-modal-footer {
    padding: 10px 16px;
    text-align: right;
    background: transparent;
    border-top: 1px solid var(--modal-footer-border-color-split);
    border-radius: 0 0 2px 2px
}

.ant-modal-footer .ant-btn + .ant-btn:not(.ant-dropdown-trigger) {
    margin-bottom: 0;
    margin-left: 8px
}

.ant-modal-open {
    overflow: hidden
}

.ant-modal-centered {
    text-align: center
}

.ant-modal-centered:before {
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
    content: ""
}

.ant-modal-centered .ant-modal {
    top: 0;
    display: inline-block;
    padding-bottom: 0;
    text-align: left;
    vertical-align: middle
}

@media (max-width: 767px) {
    .ant-modal {
        max-width: calc(100vw - 16px);
        margin: 8px auto
    }

    .ant-modal-centered .ant-modal {
        flex: 1
    }
}

.ant-modal-confirm .ant-modal-header {
    display: none
}

.ant-modal-confirm .ant-modal-body {
    padding: 32px 32px 24px
}

.ant-modal-confirm-body-wrapper:before {
    display: table;
    content: ""
}

.ant-modal-confirm-body-wrapper:after {
    display: table;
    clear: both;
    content: ""
}

.ant-modal-confirm-body .ant-modal-confirm-title {
    display: block;
    overflow: hidden;
    color: var(--heading-color);
    font-weight: 500;
    font-size: 16px;
    line-height: 1.4
}

.ant-modal-confirm-body .ant-modal-confirm-content {
    margin-top: 8px;
    color: var(--text-color);
    font-size: 14px
}

.ant-modal-confirm-body > .anticon {
    float: left;
    margin-right: 16px;
    font-size: 22px
}

.ant-modal-confirm-body > .anticon + .ant-modal-confirm-title + .ant-modal-confirm-content {
    margin-left: 38px
}

.ant-modal-confirm .ant-modal-confirm-btns {
    float: right;
    margin-top: 24px
}

.ant-modal-confirm .ant-modal-confirm-btns .ant-btn + .ant-btn {
    margin-bottom: 0;
    margin-left: 8px
}

.ant-modal-confirm-error .ant-modal-confirm-body > .anticon {
    color: var(--error-color)
}

.ant-modal-confirm-warning .ant-modal-confirm-body > .anticon, .ant-modal-confirm-confirm .ant-modal-confirm-body > .anticon {
    color: var(--warning-color)
}

.ant-modal-confirm-info .ant-modal-confirm-body > .anticon {
    color: var(--info-color)
}

.ant-modal-confirm-success .ant-modal-confirm-body > .anticon {
    color: var(--success-color)
}

.ant-modal-wrap-rtl {
    direction: rtl
}

.ant-modal-wrap-rtl .ant-modal-close {
    right: initial;
    left: 0
}

.ant-modal-wrap-rtl .ant-modal-footer {
    text-align: left
}

.ant-modal-wrap-rtl .ant-modal-footer .ant-btn + .ant-btn {
    margin-right: 8px;
    margin-left: 0
}

.ant-modal-wrap-rtl .ant-modal-confirm-body {
    direction: rtl
}

.ant-modal-wrap-rtl .ant-modal-confirm-body > .anticon {
    float: right;
    margin-right: 0;
    margin-left: 16px
}

.ant-modal-wrap-rtl .ant-modal-confirm-body > .anticon + .ant-modal-confirm-title + .ant-modal-confirm-content {
    margin-right: 38px;
    margin-left: 0
}

.ant-modal-wrap-rtl .ant-modal-confirm-btns {
    float: left
}

.ant-modal-wrap-rtl .ant-modal-confirm-btns .ant-btn + .ant-btn {
    margin-right: 8px;
    margin-left: 0
}

.ant-modal-wrap-rtl.ant-modal-centered .ant-modal {
    text-align: right
}

.ant-modal-wrap.ele-modal-movable > .ant-modal {
    padding-bottom: 0
}

.ant-modal-wrap.ele-modal-movable > .ant-modal > .ant-modal-content > .ant-modal-header {
    cursor: move;
    user-select: none
}

.ant-modal-wrap.ele-modal-resizable > .ant-modal > .ant-modal-content:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 12px;
    height: 12px;
    cursor: se-resize;
    background-image: linear-gradient(135deg, transparent 45%, var(--input-placeholder-color) 0, var(--input-placeholder-color) 55%, transparent 0, transparent 75%, var(--input-placeholder-color) 0, var(--input-placeholder-color) 85%, transparent 0);
    background-size: 10px 10px;
    background-position: 0 0;
    background-repeat: no-repeat
}

.ant-modal-wrap.ele-modal-resizable-horizontal > .ant-modal > .ant-modal-content:after {
    cursor: e-resize
}

.ant-modal-wrap.ele-modal-resizable-vertical > .ant-modal > .ant-modal-content:after {
    cursor: s-resize
}

.ant-modal-wrap.ele-modal-resizable > .ant-modal, .ant-modal-wrap.ele-modal-wrap-fullscreen > .ant-modal {
    padding-bottom: 0
}

.ant-modal-wrap.ele-modal-resizable > .ant-modal > .ant-modal-content, .ant-modal-wrap.ele-modal-wrap-fullscreen > .ant-modal > .ant-modal-content {
    height: 100%;
    display: flex;
    flex-direction: column
}

.ant-modal-wrap.ele-modal-resizable > .ant-modal > .ant-modal-content > .ant-modal-body, .ant-modal-wrap.ele-modal-wrap-fullscreen > .ant-modal > .ant-modal-content > .ant-modal-body {
    flex: auto;
    overflow: auto
}

.ant-modal-wrap.ele-modal-wrap-fullscreen {
    overflow: hidden
}

.ant-modal-wrap.ele-modal-wrap-fullscreen > .ant-modal {
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: inherit !important;
    min-width: inherit !important;
    max-height: inherit !important;
    min-height: inherit !important;
    margin: 0 !important;
    transform-origin: center !important;
    border: 1px solid var(--border-color-split)
}

.ant-modal-wrap.ele-modal-wrap-fullscreen > .ant-modal > .ant-modal-content {
    border-radius: 0
}

.ant-modal-wrap.ele-modal-wrap-fullscreen > .ant-modal > .ant-modal-content > .ant-modal-header {
    cursor: default !important
}

.ant-modal-wrap.ele-modal-wrap-fullscreen > .ant-modal > .ant-modal-content:after {
    display: none
}

.ant-modal .ele-modal-icon-fullscreen {
    cursor: pointer;
    font-size: 14px;
    color: var(--text-color-secondary)
}

.ant-modal .ele-modal-icon-fullscreen:hover {
    color: var(--icon-color-hover)
}

.ant-modal .ele-modal-title-group {
    display: flex;
    align-items: center
}

.ant-modal .ele-modal-title-group > .ele-modal-title-label {
    flex: 1;
    box-sizing: border-box
}

.ele-modal-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    z-index: 1000;
    --modal-multiple-z-index: 1000
}

.ant-modal-wrap.ele-modal-multiple {
    pointer-events: none;
    overflow: hidden;
    z-index: var(--modal-multiple-z-index) !important
}

.ant-modal-wrap.ele-modal-no-responsive {
    position: absolute
}

.ant-modal-wrap.ele-modal-no-responsive .ant-modal {
    max-width: none
}

.ele-modal-hide {
    display: none !important
}

.ant-modal-wrap.ele-modal-inner, .ant-modal-mask.ele-modal-inner {
    top: 48px;
    left: 210px;
    transition: width .3s cubic-bezier(.2, 0, 0, 1) 0s, left .3s cubic-bezier(.2, 0, 0, 1) 0s, box-shadow .3s cubic-bezier(.2, 0, 0, 1) 0s
}

.ele-state-show-tabs.ele-modal-inner {
    top: 88px
}

.ele-state-collapse.ele-modal-inner {
    left: 48px
}

.ele-state-side-mix.ele-modal-inner {
    left: 242px
}

.ele-state-side-mix.ele-modal-inner.ele-state-collapse, .ele-state-side-mix.ele-modal-inner.ele-state-side-mix-single {
    left: 80px
}

.ele-state-nav-collapse.ele-modal-inner {
    left: 210px
}

.ele-state-nav-collapse.ele-modal-inner.ele-state-side-mix-single, .ele-state-nav-collapse.ele-modal-inner.ele-state-collapse {
    left: 48px
}

.ele-state-layout-top.ele-modal-inner {
    left: 0
}

.ele-state-body-fullscreen.ele-modal-inner {
    top: 40px;
    left: 0 !important
}

.ele-state-content-fullscreen.ele-modal-inner {
    top: 0 !important
}

.ele-state-mobile.ele-modal-inner {
    left: 0 !important
}

.ele-modal-movable.ant-modal-centered, .ele-modal-resizable.ant-modal-centered {
    text-align: left;
    --modal-centered-left: auto
}

.ele-modal-movable.ant-modal-centered > .ant-modal, .ele-modal-resizable.ant-modal-centered > .ant-modal {
    left: var(--modal-centered-left)
}

.ant-form-item .ant-upload {
    background: transparent
}

.ant-form-item .ant-upload.ant-upload-drag {
    background: var(--background-color-light)
}

.ant-form-item input[type=radio], .ant-form-item input[type=checkbox] {
    width: 14px;
    height: 14px
}

.ant-form-item .ant-radio-inline, .ant-form-item .ant-checkbox-inline {
    display: inline-block;
    margin-left: 8px;
    font-weight: 400;
    vertical-align: middle;
    cursor: pointer
}

.ant-form-item .ant-radio-inline:first-child, .ant-form-item .ant-checkbox-inline:first-child {
    margin-left: 0
}

.ant-form-item .ant-checkbox-vertical, .ant-form-item .ant-radio-vertical {
    display: block
}

.ant-form-item .ant-checkbox-vertical + .ant-checkbox-vertical, .ant-form-item .ant-radio-vertical + .ant-radio-vertical {
    margin-left: 0
}

.ant-form-item .ant-input-number + .ant-form-text {
    margin-left: 8px
}

.ant-form-item .ant-input-number-handler-wrap {
    z-index: 2
}

.ant-form-item .ant-select, .ant-form-item .ant-cascader-picker {
    width: 100%
}

.ant-form-item .ant-picker-calendar-year-select, .ant-form-item .ant-picker-calendar-month-select, .ant-form-item .ant-input-group .ant-select, .ant-form-item .ant-input-group .ant-cascader-picker, .ant-form-item .ant-input-number-group .ant-select, .ant-form-item .ant-input-number-group .ant-cascader-picker {
    width: auto
}

.ant-form-inline {
    display: flex;
    flex-wrap: wrap
}

.ant-form-inline .ant-form-item {
    flex: none;
    flex-wrap: nowrap;
    margin-right: 16px;
    margin-bottom: 0
}

.ant-form-inline .ant-form-item-with-help {
    margin-bottom: 24px
}

.ant-form-inline .ant-form-item > .ant-form-item-label, .ant-form-inline .ant-form-item > .ant-form-item-control {
    display: inline-block;
    vertical-align: top
}

.ant-form-inline .ant-form-item > .ant-form-item-label {
    flex: none
}

.ant-form-inline .ant-form-item .ant-form-text, .ant-form-inline .ant-form-item .ant-form-item-has-feedback {
    display: inline-block
}

.ant-form-horizontal .ant-form-item-label {
    flex-grow: 0
}

.ant-form-horizontal .ant-form-item-control {
    flex: 1 1 0;
    min-width: 0
}

.ant-form-horizontal .ant-form-item-label.ant-col-24 + .ant-form-item-control {
    min-width: unset
}

.ant-form-vertical .ant-form-item {
    flex-direction: column
}

.ant-form-vertical .ant-form-item-label > label {
    height: auto
}

.ant-form-vertical .ant-form-item-label, .ant-col-24.ant-form-item-label, .ant-col-xl-24.ant-form-item-label {
    padding: 0 0 8px;
    line-height: 1.5715;
    white-space: initial;
    text-align: left
}

.ant-form-vertical .ant-form-item-label > label, .ant-col-24.ant-form-item-label > label, .ant-col-xl-24.ant-form-item-label > label {
    margin: 0
}

.ant-form-vertical .ant-form-item-label > label:after, .ant-col-24.ant-form-item-label > label:after, .ant-col-xl-24.ant-form-item-label > label:after {
    display: none
}

.ant-form-rtl.ant-form-vertical .ant-form-item-label, .ant-form-rtl.ant-col-24.ant-form-item-label, .ant-form-rtl.ant-col-xl-24.ant-form-item-label {
    text-align: right
}

@media (max-width: 575px) {
    .ant-form-item .ant-form-item-label {
        padding: 0 0 8px;
        line-height: 1.5715;
        white-space: initial;
        text-align: left
    }

    .ant-form-item .ant-form-item-label > label {
        margin: 0
    }

    .ant-form-item .ant-form-item-label > label:after {
        display: none
    }

    .ant-form-rtl.ant-form-item .ant-form-item-label {
        text-align: right
    }

    .ant-form .ant-form-item {
        flex-wrap: wrap
    }

    .ant-form .ant-form-item .ant-form-item-label, .ant-form .ant-form-item .ant-form-item-control {
        flex: 0 0 100%;
        max-width: 100%
    }

    .ant-col-xs-24.ant-form-item-label {
        padding: 0 0 8px;
        line-height: 1.5715;
        white-space: initial;
        text-align: left
    }

    .ant-col-xs-24.ant-form-item-label > label {
        margin: 0
    }

    .ant-col-xs-24.ant-form-item-label > label:after {
        display: none
    }

    .ant-form-rtl.ant-col-xs-24.ant-form-item-label {
        text-align: right
    }
}

@media (max-width: 767px) {
    .ant-col-sm-24.ant-form-item-label {
        padding: 0 0 8px;
        line-height: 1.5715;
        white-space: initial;
        text-align: left
    }

    .ant-col-sm-24.ant-form-item-label > label {
        margin: 0
    }

    .ant-col-sm-24.ant-form-item-label > label:after {
        display: none
    }

    .ant-form-rtl.ant-col-sm-24.ant-form-item-label {
        text-align: right
    }
}

@media (max-width: 991px) {
    .ant-col-md-24.ant-form-item-label {
        padding: 0 0 8px;
        line-height: 1.5715;
        white-space: initial;
        text-align: left
    }

    .ant-col-md-24.ant-form-item-label > label {
        margin: 0
    }

    .ant-col-md-24.ant-form-item-label > label:after {
        display: none
    }

    .ant-form-rtl.ant-col-md-24.ant-form-item-label {
        text-align: right
    }
}

@media (max-width: 1199px) {
    .ant-col-lg-24.ant-form-item-label {
        padding: 0 0 8px;
        line-height: 1.5715;
        white-space: initial;
        text-align: left
    }

    .ant-col-lg-24.ant-form-item-label > label {
        margin: 0
    }

    .ant-col-lg-24.ant-form-item-label > label:after {
        display: none
    }

    .ant-form-rtl.ant-col-lg-24.ant-form-item-label {
        text-align: right
    }
}

@media (max-width: 1599px) {
    .ant-col-xl-24.ant-form-item-label {
        padding: 0 0 8px;
        line-height: 1.5715;
        white-space: initial;
        text-align: left
    }

    .ant-col-xl-24.ant-form-item-label > label {
        margin: 0
    }

    .ant-col-xl-24.ant-form-item-label > label:after {
        display: none
    }

    .ant-form-rtl.ant-col-xl-24.ant-form-item-label {
        text-align: right
    }
}

.ant-form-item-explain-error {
    color: var(--error-color)
}

.ant-form-item-explain-warning {
    color: var(--warning-color)
}

.ant-form-item-has-feedback .ant-input {
    padding-right: 24px
}

.ant-form-item-has-feedback .ant-input-affix-wrapper .ant-input-suffix {
    padding-right: 18px
}

.ant-form-item-has-feedback .ant-input-search:not(.ant-input-search-enter-button) .ant-input-suffix {
    right: 28px
}

.ant-form-item-has-feedback .ant-switch {
    margin: 2px 0 4px
}

.ant-form-item-has-feedback > .ant-select .ant-select-arrow, .ant-form-item-has-feedback > .ant-select .ant-select-clear, .ant-form-item-has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-arrow, .ant-form-item-has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-clear, .ant-form-item-has-feedback :not(.ant-input-number-group-addon) > .ant-select .ant-select-arrow, .ant-form-item-has-feedback :not(.ant-input-number-group-addon) > .ant-select .ant-select-clear {
    right: 32px
}

.ant-form-item-has-feedback > .ant-select .ant-select-selection-selected-value, .ant-form-item-has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-selection-selected-value, .ant-form-item-has-feedback :not(.ant-input-number-group-addon) > .ant-select .ant-select-selection-selected-value {
    padding-right: 42px
}

.ant-form-item-has-feedback .ant-cascader-picker-arrow {
    margin-right: 19px
}

.ant-form-item-has-feedback .ant-cascader-picker-clear {
    right: 32px
}

.ant-form-item-has-feedback .ant-picker, .ant-form-item-has-feedback .ant-picker-large {
    padding-right: 29.2px
}

.ant-form-item-has-feedback .ant-picker-small {
    padding-right: 25.2px
}

.ant-form-item-has-feedback.ant-form-item-has-success .ant-form-item-children-icon, .ant-form-item-has-feedback.ant-form-item-has-warning .ant-form-item-children-icon, .ant-form-item-has-feedback.ant-form-item-has-error .ant-form-item-children-icon, .ant-form-item-has-feedback.ant-form-item-is-validating .ant-form-item-children-icon {
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 1;
    width: 32px;
    height: 20px;
    margin-top: -10px;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    visibility: visible;
    animation: zoomIn .3s cubic-bezier(.12, .4, .29, 1.46);
    pointer-events: none
}

.ant-form-item-has-success.ant-form-item-has-feedback .ant-form-item-children-icon {
    color: var(--success-color);
    animation-name: diffZoomIn1 !important
}

.ant-form-item-has-warning .ant-form-item-split {
    color: var(--warning-color)
}

.ant-form-item-has-warning :not(.ant-input-disabled):not(.ant-input-borderless).ant-input, .ant-form-item-has-warning :not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper, .ant-form-item-has-warning :not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper, .ant-form-item-has-warning :not(.ant-input-disabled):not(.ant-input-borderless).ant-input:hover, .ant-form-item-has-warning :not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:hover, .ant-form-item-has-warning :not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper:hover {
    background-color: var(--input-bg);
    border-color: var(--warning-color)
}

.ant-form-item-has-warning :not(.ant-input-disabled):not(.ant-input-borderless).ant-input:focus, .ant-form-item-has-warning :not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:focus, .ant-form-item-has-warning :not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper:focus, .ant-form-item-has-warning :not(.ant-input-disabled):not(.ant-input-borderless).ant-input-focused, .ant-form-item-has-warning :not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper-focused, .ant-form-item-has-warning :not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper-focused {
    border-color: var(--warning-color-hover);
    box-shadow: 0 0 0 2px var(--warning-color-outline);
    border-right-width: 1px !important;
    outline: 0
}

.ant-form-item-has-warning .ant-calendar-picker-open .ant-calendar-picker-input {
    border-color: var(--warning-color-hover);
    box-shadow: 0 0 0 2px var(--warning-color-outline);
    border-right-width: 1px !important;
    outline: 0
}

.ant-form-item-has-warning .ant-input-prefix, .ant-form-item-has-warning .ant-input-number-prefix {
    color: var(--warning-color)
}

.ant-form-item-has-warning .ant-input-group-addon, .ant-form-item-has-warning .ant-input-number-group-addon {
    color: var(--warning-color);
    border-color: var(--warning-color)
}

.ant-form-item-has-warning .has-feedback {
    color: var(--warning-color)
}

.ant-form-item-has-warning.ant-form-item-has-feedback .ant-form-item-children-icon {
    color: var(--warning-color);
    animation-name: diffZoomIn3 !important
}

.ant-form-item-has-warning .ant-select:not(.ant-select-disabled):not(.ant-select-customize-input) .ant-select-selector {
    background-color: var(--input-bg);
    border-color: var(--warning-color) !important
}

.ant-form-item-has-warning .ant-select:not(.ant-select-disabled):not(.ant-select-customize-input).ant-select-open .ant-select-selector, .ant-form-item-has-warning .ant-select:not(.ant-select-disabled):not(.ant-select-customize-input).ant-select-focused .ant-select-selector {
    border-color: var(--warning-color-hover);
    box-shadow: 0 0 0 2px var(--warning-color-outline);
    border-right-width: 1px !important;
    outline: 0
}

.ant-form-item-has-warning .ant-input-number, .ant-form-item-has-warning .ant-picker {
    background-color: var(--input-bg);
    border-color: var(--warning-color)
}

.ant-form-item-has-warning .ant-input-number-focused, .ant-form-item-has-warning .ant-picker-focused, .ant-form-item-has-warning .ant-input-number:focus, .ant-form-item-has-warning .ant-picker:focus {
    border-color: var(--warning-color-hover);
    box-shadow: 0 0 0 2px var(--warning-color-outline);
    border-right-width: 1px !important;
    outline: 0
}

.ant-form-item-has-warning .ant-input-number:not([disabled]):hover, .ant-form-item-has-warning .ant-picker:not([disabled]):hover {
    background-color: var(--input-bg);
    border-color: var(--warning-color)
}

.ant-form-item-has-warning .ant-cascader-picker:focus .ant-cascader-input {
    border-color: var(--warning-color-hover);
    box-shadow: 0 0 0 2px var(--warning-color-outline);
    border-right-width: 1px !important;
    outline: 0
}

.ant-form-item-has-error .ant-form-item-split {
    color: var(--error-color)
}

.ant-form-item-has-error :not(.ant-input-disabled):not(.ant-input-borderless).ant-input, .ant-form-item-has-error :not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper, .ant-form-item-has-error :not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper, .ant-form-item-has-error :not(.ant-input-disabled):not(.ant-input-borderless).ant-input:hover, .ant-form-item-has-error :not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:hover, .ant-form-item-has-error :not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper:hover {
    background-color: var(--input-bg);
    border-color: var(--error-color)
}

.ant-form-item-has-error :not(.ant-input-disabled):not(.ant-input-borderless).ant-input:focus, .ant-form-item-has-error :not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:focus, .ant-form-item-has-error :not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper:focus, .ant-form-item-has-error :not(.ant-input-disabled):not(.ant-input-borderless).ant-input-focused, .ant-form-item-has-error :not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper-focused, .ant-form-item-has-error :not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper-focused {
    border-color: var(--error-color-hover);
    box-shadow: 0 0 0 2px var(--error-color-outline);
    border-right-width: 1px !important;
    outline: 0
}

.ant-form-item-has-error .ant-calendar-picker-open .ant-calendar-picker-input {
    border-color: var(--error-color-hover);
    box-shadow: 0 0 0 2px var(--error-color-outline);
    border-right-width: 1px !important;
    outline: 0
}

.ant-form-item-has-error .ant-input-prefix, .ant-form-item-has-error .ant-input-number-prefix {
    color: var(--error-color)
}

.ant-form-item-has-error .ant-input-group-addon, .ant-form-item-has-error .ant-input-number-group-addon {
    color: var(--error-color);
    border-color: var(--error-color)
}

.ant-form-item-has-error .has-feedback {
    color: var(--error-color)
}

.ant-form-item-has-error.ant-form-item-has-feedback .ant-form-item-children-icon {
    color: var(--error-color);
    animation-name: diffZoomIn2 !important
}

.ant-form-item-has-error .ant-select:not(.ant-select-disabled):not(.ant-select-customize-input) .ant-select-selector {
    background-color: var(--input-bg);
    border-color: var(--error-color) !important
}

.ant-form-item-has-error .ant-select:not(.ant-select-disabled):not(.ant-select-customize-input).ant-select-open .ant-select-selector, .ant-form-item-has-error .ant-select:not(.ant-select-disabled):not(.ant-select-customize-input).ant-select-focused .ant-select-selector {
    border-color: var(--error-color-hover);
    box-shadow: 0 0 0 2px var(--error-color-outline);
    border-right-width: 1px !important;
    outline: 0
}

.ant-form-item-has-error .ant-input-group-addon .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector, .ant-form-item-has-error .ant-input-number-group-addon .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
    background-color: inherit;
    border: 0;
    box-shadow: none
}

.ant-form-item-has-error .ant-select.ant-select-auto-complete .ant-input:focus {
    border-color: var(--error-color)
}

.ant-form-item-has-error .ant-input-number, .ant-form-item-has-error .ant-picker {
    background-color: var(--input-bg);
    border-color: var(--error-color)
}

.ant-form-item-has-error .ant-input-number-focused, .ant-form-item-has-error .ant-picker-focused, .ant-form-item-has-error .ant-input-number:focus, .ant-form-item-has-error .ant-picker:focus {
    border-color: var(--error-color-hover);
    box-shadow: 0 0 0 2px var(--error-color-outline);
    border-right-width: 1px !important;
    outline: 0
}

.ant-form-item-has-error .ant-input-number:not([disabled]):hover, .ant-form-item-has-error .ant-picker:not([disabled]):hover {
    background-color: var(--input-bg);
    border-color: var(--error-color)
}

.ant-form-item-has-error .ant-mention-wrapper .ant-mention-editor, .ant-form-item-has-error .ant-mention-wrapper .ant-mention-editor:not([disabled]):hover {
    background-color: var(--input-bg);
    border-color: var(--error-color)
}

.ant-form-item-has-error .ant-mention-wrapper.ant-mention-active:not([disabled]) .ant-mention-editor, .ant-form-item-has-error .ant-mention-wrapper .ant-mention-editor:not([disabled]):focus {
    border-color: var(--error-color-hover);
    box-shadow: 0 0 0 2px var(--error-color-outline);
    border-right-width: 1px !important;
    outline: 0
}

.ant-form-item-has-error .ant-cascader-picker:hover .ant-cascader-picker-label:hover + .ant-cascader-input.ant-input {
    border-color: var(--error-color)
}

.ant-form-item-has-error .ant-cascader-picker:focus .ant-cascader-input {
    background-color: var(--input-bg);
    border-color: var(--error-color-hover);
    box-shadow: 0 0 0 2px var(--error-color-outline);
    border-right-width: 1px !important;
    outline: 0
}

.ant-form-item-has-error .ant-transfer-list {
    border-color: var(--error-color)
}

.ant-form-item-has-error .ant-transfer-list-search:not([disabled]) {
    border-color: var(--border-color-base)
}

.ant-form-item-has-error .ant-transfer-list-search:not([disabled]):hover {
    border-color: var(--primary-5);
    border-right-width: 1px !important
}

.ant-form-item-has-error .ant-transfer-list-search:not([disabled]):focus {
    border-color: var(--primary-color-hover);
    box-shadow: 0 0 0 2px var(--primary-color-outline);
    border-right-width: 1px !important;
    outline: 0
}

.ant-form-item-has-error .ant-radio-button-wrapper {
    border-color: var(--error-color) !important
}

.ant-form-item-has-error .ant-radio-button-wrapper:not(:first-child):before {
    background-color: var(--error-color)
}

.ant-form-item-has-error .ant-mentions {
    border-color: var(--error-color) !important
}

.ant-form-item-has-error .ant-mentions-focused, .ant-form-item-has-error .ant-mentions:focus {
    border-color: var(--error-color-hover);
    box-shadow: 0 0 0 2px var(--error-color-outline);
    border-right-width: 1px !important;
    outline: 0
}

.ant-form-item-is-validating.ant-form-item-has-feedback .ant-form-item-children-icon {
    display: inline-block;
    color: var(--primary-color)
}

.ant-form {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: var(--text-color);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum"
}

.ant-form legend {
    display: block;
    width: 100%;
    margin-bottom: 20px;
    padding: 0;
    color: var(--text-color-secondary);
    font-size: 16px;
    line-height: inherit;
    border: 0;
    border-bottom: 1px solid var(--border-color-base)
}

.ant-form label {
    font-size: 14px
}

.ant-form input[type=search] {
    box-sizing: border-box
}

.ant-form input[type=radio], .ant-form input[type=checkbox] {
    line-height: normal
}

.ant-form input[type=file] {
    display: block
}

.ant-form input[type=range] {
    display: block;
    width: 100%
}

.ant-form select[multiple], .ant-form select[size] {
    height: auto
}

.ant-form input[type=file]:focus, .ant-form input[type=radio]:focus, .ant-form input[type=checkbox]:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.ant-form output {
    display: block;
    padding-top: 15px;
    color: var(--text-color);
    font-size: 14px;
    line-height: 1.5715
}

.ant-form .ant-form-text {
    display: inline-block;
    padding-right: 8px
}

.ant-form-small .ant-form-item-label > label {
    height: 24px
}

.ant-form-small .ant-form-item-control-input {
    min-height: 24px
}

.ant-form-large .ant-form-item-label > label {
    height: 40px
}

.ant-form-large .ant-form-item-control-input {
    min-height: 40px
}

.ant-form-item {
    box-sizing: border-box;
    margin: 0 0 24px;
    padding: 0;
    color: var(--text-color);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    vertical-align: top
}

.ant-form-item-with-help {
    margin-bottom: 0;
    transition: none
}

.ant-form-item-hidden, .ant-form-item-hidden.ant-row {
    display: none
}

.ant-form-item-label {
    display: inline-block;
    flex-grow: 0;
    overflow: hidden;
    white-space: nowrap;
    text-align: right;
    vertical-align: middle
}

.ant-form-item-label-left {
    text-align: left
}

.ant-form-item-label-wrap {
    overflow: unset;
    line-height: 1.3215em;
    white-space: unset
}

.ant-form-item-label > label {
    position: relative;
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    height: 32px;
    color: var(--heading-color);
    font-size: 14px
}

.ant-form-item-label > label > .anticon {
    font-size: 14px;
    vertical-align: top
}

.ant-form-item-label > label.ant-form-item-required:not(.ant-form-item-required-mark-optional):before {
    display: inline-block;
    margin-right: 4px;
    color: var(--highlight-color);
    font-size: 14px;
    font-family: SimSun, sans-serif;
    line-height: 1;
    content: "*"
}

.ant-form-hide-required-mark .ant-form-item-label > label.ant-form-item-required:not(.ant-form-item-required-mark-optional):before {
    display: none
}

.ant-form-item-label > label .ant-form-item-optional {
    display: inline-block;
    margin-left: 4px;
    color: var(--text-color-secondary)
}

.ant-form-hide-required-mark .ant-form-item-label > label .ant-form-item-optional {
    display: none
}

.ant-form-item-label > label .ant-form-item-tooltip {
    color: var(--text-color-secondary);
    cursor: help;
    writing-mode: horizontal-tb;
    margin-inline-start: 4px
}

.ant-form-item-label > label:after {
    content: ":";
    position: relative;
    top: -.5px;
    margin: 0 8px 0 2px
}

.ant-form-item-label > label.ant-form-item-no-colon:after {
    content: " "
}

.ant-form-item-control {
    display: flex;
    flex-direction: column;
    flex-grow: 1
}

.ant-form-item-control:first-child:not([class^="ant-col-"]):not([class*=" ant-col-"]) {
    width: 100%
}

.ant-form-item-control-input {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 32px
}

.ant-form-item-control-input-content {
    flex: auto;
    max-width: 100%
}

.ant-form-item-explain, .ant-form-item-extra {
    clear: both;
    color: var(--text-color-secondary);
    font-size: 14px;
    line-height: 1.5715;
    transition: color .3s cubic-bezier(.215, .61, .355, 1)
}

.ant-form-item-explain-connected {
    height: 0;
    min-height: 0;
    opacity: 0
}

.ant-form-item-extra {
    min-height: 24px
}

.ant-form-item .ant-input-textarea-show-count:after {
    margin-bottom: -22px
}

.ant-form-item-with-help .ant-form-item-explain {
    height: auto;
    min-height: 24px;
    opacity: 1
}

.ant-show-help {
    transition: height .3s linear, min-height .3s linear, margin-bottom .3s cubic-bezier(.645, .045, .355, 1), opacity .3s cubic-bezier(.645, .045, .355, 1)
}

.ant-show-help-leave {
    min-height: 24px
}

.ant-show-help-leave-active {
    min-height: 0
}

.ant-show-help-item {
    overflow: hidden;
    transition: height .3s cubic-bezier(.645, .045, .355, 1), opacity .3s cubic-bezier(.645, .045, .355, 1), transform .3s cubic-bezier(.645, .045, .355, 1) !important
}

.ant-show-help-item-appear, .ant-show-help-item-enter {
    transform: translateY(-5px);
    opacity: 0
}

.ant-show-help-item-appear-active, .ant-show-help-item-enter-active {
    transform: translateY(0);
    opacity: 1
}

.ant-show-help-item-leave-active {
    transform: translateY(-5px)
}

@keyframes diffZoomIn1 {
    0% {
        transform: scale(0);
        opacity: 0
    }
    to {
        transform: scale(1);
        opacity: 1
    }
}

@keyframes diffZoomIn2 {
    0% {
        transform: scale(0);
        opacity: 0
    }
    to {
        transform: scale(1);
        opacity: 1
    }
}

@keyframes diffZoomIn3 {
    0% {
        transform: scale(0);
        opacity: 0
    }
    to {
        transform: scale(1);
        opacity: 1
    }
}

.ant-form-rtl {
    direction: rtl
}

.ant-form-rtl .ant-form-item-label {
    text-align: left
}

.ant-form-rtl .ant-form-item-label > label.ant-form-item-required:before {
    margin-right: 0;
    margin-left: 4px
}

.ant-form-rtl .ant-form-item-label > label:after {
    margin: 0 2px 0 8px
}

.ant-form-rtl .ant-form-item-label > label .ant-form-item-optional {
    margin-right: 4px;
    margin-left: 0
}

.ant-col-rtl .ant-form-item-control:first-child {
    width: 100%
}

.ant-form-rtl .ant-form-item-has-feedback .ant-input {
    padding-right: 11px;
    padding-left: 24px
}

.ant-form-rtl .ant-form-item-has-feedback .ant-input-affix-wrapper .ant-input-suffix {
    padding-right: 11px;
    padding-left: 18px
}

.ant-form-rtl .ant-form-item-has-feedback .ant-input-affix-wrapper .ant-input, .ant-form-rtl .ant-form-item-has-feedback .ant-input-number-affix-wrapper .ant-input-number {
    padding: 0
}

.ant-form-rtl .ant-form-item-has-feedback .ant-input-search:not(.ant-input-search-enter-button) .ant-input-suffix {
    right: auto;
    left: 28px
}

.ant-form-rtl .ant-form-item-has-feedback .ant-input-number {
    padding-left: 18px
}

.ant-form-rtl .ant-form-item-has-feedback > .ant-select .ant-select-arrow, .ant-form-rtl .ant-form-item-has-feedback > .ant-select .ant-select-clear, .ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-arrow, .ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-clear, .ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-number-group-addon) > .ant-select .ant-select-arrow, .ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-number-group-addon) > .ant-select .ant-select-clear {
    right: auto;
    left: 32px
}

.ant-form-rtl .ant-form-item-has-feedback > .ant-select .ant-select-selection-selected-value, .ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-selection-selected-value, .ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-number-group-addon) > .ant-select .ant-select-selection-selected-value {
    padding-right: 0;
    padding-left: 42px
}

.ant-form-rtl .ant-form-item-has-feedback .ant-cascader-picker-arrow {
    margin-right: 0;
    margin-left: 19px
}

.ant-form-rtl .ant-form-item-has-feedback .ant-cascader-picker-clear {
    right: auto;
    left: 32px
}

.ant-form-rtl .ant-form-item-has-feedback .ant-picker, .ant-form-rtl .ant-form-item-has-feedback .ant-picker-large {
    padding-right: 11px;
    padding-left: 29.2px
}

.ant-form-rtl .ant-form-item-has-feedback .ant-picker-small {
    padding-right: 7px;
    padding-left: 25.2px
}

.ant-form-rtl .ant-form-item-has-feedback.ant-form-item-has-success .ant-form-item-children-icon, .ant-form-rtl .ant-form-item-has-feedback.ant-form-item-has-warning .ant-form-item-children-icon, .ant-form-rtl .ant-form-item-has-feedback.ant-form-item-has-error .ant-form-item-children-icon, .ant-form-rtl .ant-form-item-has-feedback.ant-form-item-is-validating .ant-form-item-children-icon {
    right: auto;
    left: 0
}

.ant-form-rtl.ant-form-inline .ant-form-item {
    margin-right: 0;
    margin-left: 16px
}

.ant-input-affix-wrapper {
    position: relative;
    display: inline-block;
    width: 100%;
    min-width: 0;
    padding: 4px 11px;
    color: var(--text-color);
    font-size: 14px;
    line-height: 1.5715;
    background-color: var(--input-bg);
    background-image: none;
    border: 1px solid var(--border-color-base);
    border-radius: 2px;
    transition: all .3s;
    display: inline-flex
}

.ant-input-affix-wrapper::-moz-placeholder {
    opacity: 1
}

.ant-input-affix-wrapper::placeholder {
    color: var(--input-placeholder-color);
    user-select: none
}

.ant-input-affix-wrapper:placeholder-shown {
    text-overflow: ellipsis
}

.ant-input-affix-wrapper:hover {
    border-color: var(--primary-5);
    border-right-width: 1px !important
}

.ant-input-rtl .ant-input-affix-wrapper:hover {
    border-right-width: 0;
    border-left-width: 1px !important
}

.ant-input-affix-wrapper:focus, .ant-input-affix-wrapper-focused {
    border-color: var(--primary-color-hover);
    box-shadow: 0 0 0 2px var(--primary-color-outline);
    border-right-width: 1px !important;
    outline: 0
}

.ant-input-rtl .ant-input-affix-wrapper:focus, .ant-input-rtl .ant-input-affix-wrapper-focused {
    border-right-width: 0;
    border-left-width: 1px !important
}

.ant-input-affix-wrapper-disabled {
    color: var(--disabled-color);
    background-color: var(--disabled-bg);
    border-color: var(--border-color-base);
    box-shadow: none;
    cursor: not-allowed;
    opacity: 1
}

.ant-input-affix-wrapper-disabled:hover {
    border-color: var(--border-color-base);
    border-right-width: 1px !important
}

.ant-input-affix-wrapper[disabled] {
    color: var(--disabled-color);
    background-color: var(--disabled-bg);
    border-color: var(--border-color-base);
    box-shadow: none;
    cursor: not-allowed;
    opacity: 1
}

.ant-input-affix-wrapper[disabled]:hover {
    border-color: var(--border-color-base);
    border-right-width: 1px !important
}

.ant-input-affix-wrapper-borderless, .ant-input-affix-wrapper-borderless:hover, .ant-input-affix-wrapper-borderless:focus, .ant-input-affix-wrapper-borderless-focused, .ant-input-affix-wrapper-borderless-disabled, .ant-input-affix-wrapper-borderless[disabled] {
    background-color: transparent;
    border: none;
    box-shadow: none
}

textarea.ant-input-affix-wrapper {
    max-width: 100%;
    height: auto;
    min-height: 32px;
    line-height: 1.5715;
    vertical-align: bottom;
    transition: all .3s, height 0s
}

.ant-input-affix-wrapper-lg {
    padding: 6.5px 11px;
    font-size: 16px
}

.ant-input-affix-wrapper-sm {
    padding: 0 7px
}

.ant-input-affix-wrapper-rtl {
    direction: rtl
}

.ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
    border-color: var(--primary-5);
    border-right-width: 1px !important;
    z-index: 1
}

.ant-input-rtl .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
    border-right-width: 0;
    border-left-width: 1px !important
}

.ant-input-search-with-button .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
    z-index: 0
}

.ant-input-affix-wrapper-focused, .ant-input-affix-wrapper:focus {
    z-index: 1
}

.ant-input-affix-wrapper-disabled .ant-input[disabled] {
    background: transparent
}

.ant-input-affix-wrapper > input.ant-input {
    padding: 0;
    border: none;
    outline: none
}

.ant-input-affix-wrapper > input.ant-input:focus {
    box-shadow: none !important
}

.ant-input-affix-wrapper:before {
    width: 0;
    visibility: hidden;
    content: "\a0"
}

.ant-input-prefix, .ant-input-suffix {
    display: flex;
    flex: none;
    align-items: center
}

.ant-input-show-count-suffix {
    color: var(--text-color-secondary)
}

.ant-input-show-count-has-suffix {
    margin-right: 2px
}

.ant-input-prefix {
    margin-right: 4px
}

.ant-input-suffix {
    margin-left: 4px
}

.anticon.ant-input-clear-icon {
    margin: 0;
    color: var(--disabled-color);
    font-size: 12px;
    vertical-align: -1px;
    cursor: pointer;
    transition: color .3s
}

.anticon.ant-input-clear-icon:hover {
    color: var(--text-color-secondary)
}

.anticon.ant-input-clear-icon:active {
    color: var(--text-color)
}

.anticon.ant-input-clear-icon-hidden {
    visibility: hidden
}

.anticon.ant-input-clear-icon-has-suffix {
    margin: 0 4px
}

.ant-input-affix-wrapper-textarea-with-clear-btn {
    padding: 0 !important;
    border: 0 !important
}

.ant-input-affix-wrapper-textarea-with-clear-btn .ant-input-clear-icon {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 1
}

.ant-input {
    box-sizing: border-box;
    margin: 0;
    font-variant: tabular-nums;
    list-style: none;
    font-feature-settings: "tnum";
    position: relative;
    display: inline-block;
    width: 100%;
    min-width: 0;
    padding: 4px 11px;
    color: var(--text-color);
    font-size: 14px;
    line-height: 1.5715;
    background-color: var(--input-bg);
    background-image: none;
    border: 1px solid var(--border-color-base);
    border-radius: 2px;
    transition: all .3s
}

.ant-input::-moz-placeholder {
    opacity: 1
}

.ant-input::placeholder {
    color: var(--input-placeholder-color);
    user-select: none
}

.ant-input:placeholder-shown {
    text-overflow: ellipsis
}

.ant-input:hover {
    border-color: var(--primary-5);
    border-right-width: 1px !important
}

.ant-input-rtl .ant-input:hover {
    border-right-width: 0;
    border-left-width: 1px !important
}

.ant-input:focus, .ant-input-focused {
    border-color: var(--primary-color-hover);
    box-shadow: 0 0 0 2px var(--primary-color-outline);
    border-right-width: 1px !important;
    outline: 0
}

.ant-input-rtl .ant-input:focus, .ant-input-rtl .ant-input-focused {
    border-right-width: 0;
    border-left-width: 1px !important
}

.ant-input-disabled {
    color: var(--disabled-color);
    background-color: var(--disabled-bg);
    border-color: var(--border-color-base);
    box-shadow: none;
    cursor: not-allowed;
    opacity: 1
}

.ant-input-disabled:hover {
    border-color: var(--border-color-base);
    border-right-width: 1px !important
}

.ant-input[disabled] {
    color: var(--disabled-color);
    background-color: var(--disabled-bg);
    border-color: var(--border-color-base);
    box-shadow: none;
    cursor: not-allowed;
    opacity: 1
}

.ant-input[disabled]:hover {
    border-color: var(--border-color-base);
    border-right-width: 1px !important
}

.ant-input-borderless, .ant-input-borderless:hover, .ant-input-borderless:focus, .ant-input-borderless-focused, .ant-input-borderless-disabled, .ant-input-borderless[disabled] {
    background-color: transparent;
    border: none;
    box-shadow: none
}

textarea.ant-input {
    max-width: 100%;
    height: auto;
    min-height: 32px;
    line-height: 1.5715;
    vertical-align: bottom;
    transition: all .3s, height 0s
}

.ant-input-lg {
    padding: 6.5px 11px;
    font-size: 16px
}

.ant-input-sm {
    padding: 0 7px
}

.ant-input-rtl {
    direction: rtl
}

.ant-input-group {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: var(--text-color);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: relative;
    display: table;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0
}

.ant-input-group[class*=col-] {
    float: none;
    padding-right: 0;
    padding-left: 0
}

.ant-input-group > [class*=col-] {
    padding-right: 8px
}

.ant-input-group > [class*=col-]:last-child {
    padding-right: 0
}

.ant-input-group-addon, .ant-input-group-wrap, .ant-input-group > .ant-input {
    display: table-cell
}

.ant-input-group-addon:not(:first-child):not(:last-child), .ant-input-group-wrap:not(:first-child):not(:last-child), .ant-input-group > .ant-input:not(:first-child):not(:last-child) {
    border-radius: 0
}

.ant-input-group-addon, .ant-input-group-wrap {
    width: 1px;
    white-space: nowrap;
    vertical-align: middle
}

.ant-input-group-wrap > * {
    display: block !important
}

.ant-input-group .ant-input {
    float: left;
    width: 100%;
    margin-bottom: 0;
    text-align: inherit
}

.ant-input-group .ant-input:focus {
    z-index: 1;
    border-right-width: 1px
}

.ant-input-group .ant-input:hover {
    z-index: 1;
    border-right-width: 1px
}

.ant-input-search-with-button .ant-input-group .ant-input:hover {
    z-index: 0
}

.ant-input-group-addon {
    position: relative;
    padding: 0 11px;
    color: var(--text-color);
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    background-color: var(--background-color-light);
    border: 1px solid var(--border-color-base);
    border-radius: 2px;
    transition: all .3s
}

.ant-input-group-addon .ant-select {
    margin: -5px -11px
}

.ant-input-group-addon .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
    background-color: inherit;
    border: 1px solid transparent;
    box-shadow: none
}

.ant-input-group-addon .ant-select-open .ant-select-selector, .ant-input-group-addon .ant-select-focused .ant-select-selector {
    color: var(--primary-color)
}

.ant-input-group-addon .ant-cascader-picker {
    margin: -9px -12px;
    background-color: transparent
}

.ant-input-group-addon .ant-cascader-picker .ant-cascader-input {
    text-align: left;
    border: 0;
    box-shadow: none
}

.ant-input-group > .ant-input:first-child, .ant-input-group-addon:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.ant-input-group > .ant-input:first-child .ant-select .ant-select-selector, .ant-input-group-addon:first-child .ant-select .ant-select-selector {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.ant-input-group > .ant-input-affix-wrapper:not(:first-child) .ant-input {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.ant-input-group > .ant-input-affix-wrapper:not(:last-child) .ant-input {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.ant-input-group-addon:first-child {
    border-right: 0
}

.ant-input-group-addon:last-child {
    border-left: 0
}

.ant-input-group > .ant-input:last-child, .ant-input-group-addon:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.ant-input-group > .ant-input:last-child .ant-select .ant-select-selector, .ant-input-group-addon:last-child .ant-select .ant-select-selector {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.ant-input-group-lg .ant-input, .ant-input-group-lg > .ant-input-group-addon {
    padding: 6.5px 11px;
    font-size: 16px
}

.ant-input-group-sm .ant-input, .ant-input-group-sm > .ant-input-group-addon {
    padding: 0 7px
}

.ant-input-group-lg .ant-select-single .ant-select-selector {
    height: 40px
}

.ant-input-group-sm .ant-select-single .ant-select-selector {
    height: 24px
}

.ant-input-group .ant-input-affix-wrapper:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.ant-input-search .ant-input-group .ant-input-affix-wrapper:not(:last-child) {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px
}

.ant-input-group .ant-input-affix-wrapper:not(:first-child), .ant-input-search .ant-input-group .ant-input-affix-wrapper:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.ant-input-group.ant-input-group-compact {
    display: block
}

.ant-input-group.ant-input-group-compact:before {
    display: table;
    content: ""
}

.ant-input-group.ant-input-group-compact:after {
    display: table;
    clear: both;
    content: ""
}

.ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child), .ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child), .ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child) {
    border-right-width: 1px
}

.ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child):hover, .ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child):hover, .ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child):hover {
    z-index: 1
}

.ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child):focus, .ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child):focus, .ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child):focus {
    z-index: 1
}

.ant-input-group.ant-input-group-compact > * {
    display: inline-block;
    float: none;
    vertical-align: top;
    border-radius: 0
}

.ant-input-group.ant-input-group-compact > .ant-input-affix-wrapper {
    display: inline-flex
}

.ant-input-group.ant-input-group-compact > .ant-picker-range {
    display: inline-flex
}

.ant-input-group.ant-input-group-compact > *:not(:last-child) {
    margin-right: -1px;
    border-right-width: 1px
}

.ant-input-group.ant-input-group-compact .ant-input {
    float: none
}

.ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selector, .ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input, .ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input, .ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input {
    border-right-width: 1px;
    border-radius: 0
}

.ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selector:hover, .ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input:hover, .ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input:hover, .ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input:hover {
    z-index: 1
}

.ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selector:focus, .ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input:focus, .ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input:focus, .ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input:focus {
    z-index: 1
}

.ant-input-group.ant-input-group-compact > .ant-select-focused {
    z-index: 1
}

.ant-input-group.ant-input-group-compact > .ant-select > .ant-select-arrow {
    z-index: 1
}

.ant-input-group.ant-input-group-compact > *:first-child, .ant-input-group.ant-input-group-compact > .ant-select:first-child > .ant-select-selector, .ant-input-group.ant-input-group-compact > .ant-select-auto-complete:first-child .ant-input, .ant-input-group.ant-input-group-compact > .ant-cascader-picker:first-child .ant-input {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px
}

.ant-input-group.ant-input-group-compact > *:last-child, .ant-input-group.ant-input-group-compact > .ant-select:last-child > .ant-select-selector, .ant-input-group.ant-input-group-compact > .ant-cascader-picker:last-child .ant-input, .ant-input-group.ant-input-group-compact > .ant-cascader-picker-focused:last-child .ant-input {
    border-right-width: 1px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px
}

.ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input {
    vertical-align: top
}

.ant-input-group.ant-input-group-compact .ant-input-group-wrapper + .ant-input-group-wrapper {
    margin-left: -1px
}

.ant-input-group.ant-input-group-compact .ant-input-group-wrapper + .ant-input-group-wrapper .ant-input-affix-wrapper {
    border-radius: 0
}

.ant-input-group.ant-input-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search > .ant-input-group > .ant-input-group-addon > .ant-input-search-button {
    border-radius: 0
}

.ant-input-group.ant-input-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search > .ant-input-group > .ant-input {
    border-radius: 2px 0 0 2px
}

.ant-input-group > .ant-input-rtl:first-child, .ant-input-group-rtl .ant-input-group-addon:first-child {
    border-radius: 0 2px 2px 0
}

.ant-input-group-rtl .ant-input-group-addon:first-child {
    border-right: 1px solid var(--border-color-base);
    border-left: 0
}

.ant-input-group-rtl .ant-input-group-addon:last-child {
    border-right: 0;
    border-left: 1px solid var(--border-color-base)
}

.ant-input-group-rtl.ant-input-group > .ant-input:last-child, .ant-input-group-rtl.ant-input-group-addon:last-child {
    border-radius: 2px 0 0 2px
}

.ant-input-group-rtl.ant-input-group .ant-input-affix-wrapper:not(:first-child) {
    border-radius: 2px 0 0 2px
}

.ant-input-group-rtl.ant-input-group .ant-input-affix-wrapper:not(:last-child) {
    border-radius: 0 2px 2px 0
}

.ant-input-group-rtl.ant-input-group.ant-input-group-compact > *:not(:last-child) {
    margin-right: 0;
    margin-left: -1px;
    border-left-width: 1px
}

.ant-input-group-rtl.ant-input-group.ant-input-group-compact > *:first-child, .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select:first-child > .ant-select-selector, .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select-auto-complete:first-child .ant-input, .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-cascader-picker:first-child .ant-input {
    border-radius: 0 2px 2px 0
}

.ant-input-group-rtl.ant-input-group.ant-input-group-compact > *:last-child, .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select:last-child > .ant-select-selector, .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select-auto-complete:last-child .ant-input, .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-cascader-picker:last-child .ant-input, .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-cascader-picker-focused:last-child .ant-input {
    border-left-width: 1px;
    border-radius: 2px 0 0 2px
}

.ant-input-group.ant-input-group-compact .ant-input-group-wrapper-rtl + .ant-input-group-wrapper-rtl {
    margin-right: -1px;
    margin-left: 0
}

.ant-input-group.ant-input-group-compact .ant-input-group-wrapper-rtl:not(:last-child).ant-input-search > .ant-input-group > .ant-input {
    border-radius: 0 2px 2px 0
}

.ant-input-group-wrapper {
    display: inline-block;
    width: 100%;
    text-align: start;
    vertical-align: top
}

.ant-input-password-icon {
    color: var(--text-color-secondary);
    cursor: pointer;
    transition: all .3s
}

.ant-input-password-icon:hover {
    color: var(--input-icon-hover-color)
}

.ant-input[type=color] {
    height: 32px
}

.ant-input[type=color].ant-input-lg {
    height: 40px
}

.ant-input[type=color].ant-input-sm {
    height: 24px;
    padding-top: 3px;
    padding-bottom: 3px
}

.ant-input-textarea-show-count > .ant-input {
    height: 100%
}

.ant-input-textarea-show-count:after {
    float: right;
    color: var(--text-color-secondary);
    white-space: nowrap;
    content: attr(data-count);
    pointer-events: none
}

.ant-input-search .ant-input:hover, .ant-input-search .ant-input:focus {
    border-color: var(--primary-5)
}

.ant-input-search .ant-input:hover + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary), .ant-input-search .ant-input:focus + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary) {
    border-left-color: var(--primary-5)
}

.ant-input-search .ant-input-affix-wrapper {
    border-radius: 0
}

.ant-input-search .ant-input-lg {
    line-height: 1.5713
}

.ant-input-search > .ant-input-group > .ant-input-group-addon:last-child {
    left: -1px;
    padding: 0;
    border: 0
}

.ant-input-search > .ant-input-group > .ant-input-group-addon:last-child .ant-input-search-button {
    padding-top: 0;
    padding-bottom: 0;
    border-radius: 0 2px 2px 0
}

.ant-input-search > .ant-input-group > .ant-input-group-addon:last-child .ant-input-search-button:not(.ant-btn-primary) {
    color: var(--text-color-secondary)
}

.ant-input-search > .ant-input-group > .ant-input-group-addon:last-child .ant-input-search-button:not(.ant-btn-primary).ant-btn-loading:before {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.ant-input-search-button {
    height: 32px
}

.ant-input-search-button:hover, .ant-input-search-button:focus {
    z-index: 1
}

.ant-input-search-large .ant-input-search-button {
    height: 40px
}

.ant-input-search-small .ant-input-search-button {
    height: 24px
}

.ant-input-group-wrapper-rtl, .ant-input-group-rtl {
    direction: rtl
}

.ant-input-affix-wrapper.ant-input-affix-wrapper-rtl > input.ant-input {
    border: none;
    outline: none
}

.ant-input-affix-wrapper-rtl .ant-input-prefix {
    margin: 0 0 0 4px
}

.ant-input-affix-wrapper-rtl .ant-input-suffix {
    margin: 0 4px 0 0
}

.ant-input-textarea-rtl {
    direction: rtl
}

.ant-input-textarea-rtl.ant-input-textarea-show-count:after {
    text-align: left
}

.ant-input-affix-wrapper-rtl .ant-input-clear-icon-has-suffix {
    margin-right: 0;
    margin-left: 4px
}

.ant-input-affix-wrapper-rtl .ant-input-clear-icon {
    right: auto;
    left: 8px
}

.ant-input-search-rtl {
    direction: rtl
}

.ant-input-search-rtl .ant-input:hover + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary), .ant-input-search-rtl .ant-input:focus + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary) {
    border-right-color: var(--primary-5);
    border-left-color: var(--border-color-base)
}

.ant-input-search-rtl > .ant-input-group > .ant-input-affix-wrapper:hover, .ant-input-search-rtl > .ant-input-group > .ant-input-affix-wrapper-focused {
    border-right-color: var(--primary-5)
}

.ant-input-search-rtl > .ant-input-group > .ant-input-group-addon {
    right: -1px;
    left: auto
}

.ant-input-search-rtl > .ant-input-group > .ant-input-group-addon .ant-input-search-button {
    border-radius: 2px 0 0 2px
}

@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {
    .ant-input {
        height: 32px
    }

    .ant-input-lg {
        height: 40px
    }

    .ant-input-sm {
        height: 24px
    }

    .ant-input-affix-wrapper > input.ant-input {
        height: auto
    }
}

.ant-drawer {
    position: fixed;
    z-index: 1000;
    width: 0%;
    height: 100%;
    transition: width 0s ease .3s, height 0s ease .3s
}

.ant-drawer-content-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    transition: transform .3s cubic-bezier(.23, 1, .32, 1), box-shadow .3s cubic-bezier(.23, 1, .32, 1)
}

.ant-drawer .ant-drawer-content {
    width: 100%;
    height: 100%
}

.ant-drawer-left, .ant-drawer-right {
    top: 0;
    width: 0%;
    height: 100%
}

.ant-drawer-left .ant-drawer-content-wrapper, .ant-drawer-right .ant-drawer-content-wrapper {
    height: 100%
}

.ant-drawer-left.ant-drawer-open, .ant-drawer-right.ant-drawer-open {
    width: 100%;
    transition: transform .3s cubic-bezier(.23, 1, .32, 1)
}

.ant-drawer-left, .ant-drawer-left .ant-drawer-content-wrapper {
    left: 0
}

.ant-drawer-left.ant-drawer-open .ant-drawer-content-wrapper {
    box-shadow: var(--shadow-1-right)
}

.ant-drawer-right, .ant-drawer-right .ant-drawer-content-wrapper {
    right: 0
}

.ant-drawer-right.ant-drawer-open .ant-drawer-content-wrapper {
    box-shadow: var(--shadow-1-left)
}

.ant-drawer-right.ant-drawer-open.no-mask {
    right: 1px;
    transform: translate(1px)
}

.ant-drawer-top, .ant-drawer-bottom {
    left: 0;
    width: 100%;
    height: 0%
}

.ant-drawer-top .ant-drawer-content-wrapper, .ant-drawer-bottom .ant-drawer-content-wrapper {
    width: 100%
}

.ant-drawer-top.ant-drawer-open, .ant-drawer-bottom.ant-drawer-open {
    height: 100%;
    transition: transform .3s cubic-bezier(.23, 1, .32, 1)
}

.ant-drawer-top {
    top: 0
}

.ant-drawer-top.ant-drawer-open .ant-drawer-content-wrapper {
    box-shadow: var(--shadow-1-down)
}

.ant-drawer-bottom, .ant-drawer-bottom .ant-drawer-content-wrapper {
    bottom: 0
}

.ant-drawer-bottom.ant-drawer-open .ant-drawer-content-wrapper {
    box-shadow: var(--shadow-1-up)
}

.ant-drawer-bottom.ant-drawer-open.no-mask {
    bottom: 1px;
    transform: translateY(1px)
}

.ant-drawer.ant-drawer-open .ant-drawer-mask {
    height: 100%;
    opacity: 1;
    transition: none;
    animation: antdDrawerFadeIn .3s cubic-bezier(.23, 1, .32, 1);
    pointer-events: auto
}

.ant-drawer-title {
    flex: 1;
    margin: 0;
    color: var(--heading-color);
    font-weight: 500;
    font-size: 16px;
    line-height: 22px
}

.ant-drawer-content {
    position: relative;
    z-index: 1;
    overflow: auto;
    background-color: var(--drawer-bg);
    background-clip: padding-box;
    border: 0
}

.ant-drawer-close {
    display: inline-block;
    margin-right: 12px;
    color: var(--text-color-secondary);
    font-weight: 700;
    font-size: 16px;
    font-style: normal;
    line-height: 1;
    text-align: center;
    text-transform: none;
    text-decoration: none;
    background: transparent;
    border: 0;
    outline: 0;
    cursor: pointer;
    transition: color .3s;
    text-rendering: auto
}

.ant-drawer-close:focus, .ant-drawer-close:hover {
    color: var(--icon-color-hover);
    text-decoration: none
}

.ant-drawer-header {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 24px;
    color: var(--text-color);
    background: var(--drawer-bg);
    border-bottom: 1px solid var(--border-color-split);
    border-radius: 2px 2px 0 0
}

.ant-drawer-header-title {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: space-between
}

.ant-drawer-header-close-only {
    padding-bottom: 0;
    border: none
}

.ant-drawer-wrapper-body {
    display: flex;
    flex-flow: column nowrap;
    width: 100%;
    height: 100%
}

.ant-drawer-body {
    flex-grow: 1;
    padding: 24px;
    overflow: auto;
    font-size: 14px;
    line-height: 1.5715;
    word-wrap: break-word
}

.ant-drawer-footer {
    flex-shrink: 0;
    padding: 10px 16px;
    border-top: 1px solid var(--border-color-split)
}

.ant-drawer-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    background-color: rgba(0, 0, 0, .45);
    opacity: 0;
    transition: opacity .3s linear, height 0s ease .3s;
    pointer-events: none
}

.ant-drawer .ant-picker-clear {
    background: var(--popover-background)
}

@keyframes antdDrawerFadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.ant-drawer-rtl {
    direction: rtl
}

.ant-drawer-rtl .ant-drawer-close {
    margin-right: 0;
    margin-left: 12px
}

.ant-alert {
    box-sizing: border-box;
    margin: 0;
    color: var(--text-color);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: relative;
    display: flex;
    align-items: center;
    padding: 8px 15px;
    word-wrap: break-word;
    border-radius: 2px
}

.ant-alert-content {
    flex: 1;
    min-width: 0
}

.ant-alert-icon {
    margin-right: 8px
}

.ant-alert-description {
    display: none;
    font-size: 14px;
    line-height: 22px
}

.ant-alert-success {
    background-color: var(--green-1);
    border: 1px solid var(--green-3)
}

.ant-alert-success .ant-alert-icon {
    color: var(--success-color)
}

.ant-alert-info {
    background-color: var(--primary-1);
    border: 1px solid var(--primary-3)
}

.ant-alert-info .ant-alert-icon {
    color: var(--primary-color)
}

.ant-alert-warning {
    background-color: var(--gold-1);
    border: 1px solid var(--gold-3)
}

.ant-alert-warning .ant-alert-icon {
    color: var(--warning-color)
}

.ant-alert-error {
    background-color: var(--red-1);
    border: 1px solid var(--red-3)
}

.ant-alert-error .ant-alert-icon {
    color: var(--error-color)
}

.ant-alert-error .ant-alert-description > pre {
    margin: 0;
    padding: 0
}

.ant-alert-action {
    margin-left: 8px
}

.ant-alert-close-icon {
    margin-left: 8px;
    padding: 0;
    overflow: hidden;
    font-size: 12px;
    line-height: 12px;
    background-color: transparent;
    border: none;
    outline: none;
    cursor: pointer
}

.ant-alert-close-icon .anticon-close {
    color: var(--text-color-secondary);
    transition: color .3s
}

.ant-alert-close-icon .anticon-close:hover {
    color: var(--icon-color-hover)
}

.ant-alert-close-text {
    color: var(--text-color-secondary);
    transition: color .3s
}

.ant-alert-close-text:hover {
    color: var(--icon-color-hover)
}

.ant-alert-with-description {
    align-items: flex-start;
    padding: 15px 15px 15px 24px
}

.ant-alert-with-description.ant-alert-no-icon {
    padding: 15px
}

.ant-alert-with-description .ant-alert-icon {
    margin-right: 15px;
    font-size: 24px
}

.ant-alert-with-description .ant-alert-message {
    display: block;
    margin-bottom: 4px;
    color: var(--heading-color);
    font-size: 16px
}

.ant-alert-message {
    color: var(--heading-color)
}

.ant-alert-with-description .ant-alert-description {
    display: block
}

.ant-alert.ant-alert-motion-leave {
    overflow: hidden;
    opacity: 1;
    transition: max-height .3s cubic-bezier(.78, .14, .15, .86), opacity .3s cubic-bezier(.78, .14, .15, .86), padding-top .3s cubic-bezier(.78, .14, .15, .86), padding-bottom .3s cubic-bezier(.78, .14, .15, .86), margin-bottom .3s cubic-bezier(.78, .14, .15, .86)
}

.ant-alert.ant-alert-motion-leave-active {
    max-height: 0;
    margin-bottom: 0 !important;
    padding-top: 0;
    padding-bottom: 0;
    opacity: 0
}

.ant-alert-banner {
    margin-bottom: 0;
    border: 0;
    border-radius: 0
}

.ant-alert.ant-alert-rtl {
    direction: rtl
}

.ant-alert-rtl .ant-alert-icon {
    margin-right: auto;
    margin-left: 8px
}

.ant-alert-rtl .ant-alert-action, .ant-alert-rtl .ant-alert-close-icon {
    margin-right: 8px;
    margin-left: auto
}

.ant-alert-rtl.ant-alert-with-description {
    padding-right: 24px;
    padding-left: 15px
}

.ant-alert-rtl.ant-alert-with-description .ant-alert-icon {
    margin-right: auto;
    margin-left: 15px
}

.ant-divider {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: var(--text-color);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    border-top: 1px solid var(--divider-color)
}

.ant-divider-vertical {
    position: relative;
    top: -.06em;
    display: inline-block;
    height: .9em;
    margin: 0 8px;
    vertical-align: middle;
    border-top: 0;
    border-left: 1px solid var(--divider-color)
}

.ant-divider-horizontal {
    display: flex;
    clear: both;
    width: 100%;
    min-width: 100%;
    margin: 24px 0
}

.ant-divider-horizontal.ant-divider-with-text {
    display: flex;
    margin: 16px 0;
    color: var(--heading-color);
    font-weight: 500;
    font-size: 16px;
    white-space: nowrap;
    text-align: center;
    border-top: 0;
    border-top-color: var(--divider-color)
}

.ant-divider-horizontal.ant-divider-with-text:before, .ant-divider-horizontal.ant-divider-with-text:after {
    position: relative;
    top: 50%;
    width: 50%;
    border-top: 1px solid transparent;
    border-top-color: inherit;
    border-bottom: 0;
    transform: translateY(50%);
    content: ""
}

.ant-divider-horizontal.ant-divider-with-text-left:before {
    top: 50%;
    width: 5%
}

.ant-divider-horizontal.ant-divider-with-text-left:after {
    top: 50%;
    width: 95%
}

.ant-divider-horizontal.ant-divider-with-text-right:before {
    top: 50%;
    width: 95%
}

.ant-divider-horizontal.ant-divider-with-text-right:after {
    top: 50%;
    width: 5%
}

.ant-divider-inner-text {
    display: inline-block;
    padding: 0 1em
}

.ant-divider-dashed {
    background: none;
    border-color: var(--divider-color);
    border-style: dashed;
    border-width: 1px 0 0
}

.ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed:before, .ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed:after {
    border-style: dashed none none
}

.ant-divider-vertical.ant-divider-dashed {
    border-width: 0 0 0 1px
}

.ant-divider-plain.ant-divider-with-text {
    color: var(--text-color);
    font-weight: 400;
    font-size: 14px
}

.ant-divider-horizontal.ant-divider-with-text-left.ant-divider-no-default-orientation-margin-left:before {
    width: 0
}

.ant-divider-horizontal.ant-divider-with-text-left.ant-divider-no-default-orientation-margin-left:after {
    width: 100%
}

.ant-divider-horizontal.ant-divider-with-text-left.ant-divider-no-default-orientation-margin-left .ant-divider-inner-text {
    padding-left: 0
}

.ant-divider-horizontal.ant-divider-with-text-right.ant-divider-no-default-orientation-margin-right:before {
    width: 100%
}

.ant-divider-horizontal.ant-divider-with-text-right.ant-divider-no-default-orientation-margin-right:after {
    width: 0
}

.ant-divider-horizontal.ant-divider-with-text-right.ant-divider-no-default-orientation-margin-right .ant-divider-inner-text {
    padding-right: 0
}

.ant-divider-rtl {
    direction: rtl
}

.ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-left:before {
    width: 95%
}

.ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-left:after {
    width: 5%
}

.ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-right:before {
    width: 5%
}

.ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-right:after {
    width: 95%
}

.ant-switch {
    margin: 0;
    padding: 0;
    color: var(--text-color);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    min-width: 44px;
    height: 22px;
    line-height: 22px;
    vertical-align: middle;
    background-color: var(--disabled-color);
    border: 0;
    border-radius: 100px;
    cursor: pointer;
    transition: all .2s;
    user-select: none
}

.ant-switch:focus {
    outline: 0;
    box-shadow: 0 0 0 2px var(--primary-2)
}

.ant-switch-checked:focus {
    box-shadow: 0 0 0 2px var(--primary-1)
}

.ant-switch:focus:hover {
    box-shadow: none
}

.ant-switch-checked {
    background-color: var(--primary-color)
}

.ant-switch-loading, .ant-switch-disabled {
    cursor: not-allowed;
    opacity: .4
}

.ant-switch-loading *, .ant-switch-disabled * {
    box-shadow: none;
    cursor: not-allowed
}

.ant-switch-inner {
    display: block;
    margin: 0 7px 0 25px;
    color: var(--text-color-inverse);
    font-size: 12px;
    transition: margin .2s
}

.ant-switch-checked .ant-switch-inner {
    margin: 0 25px 0 7px
}

.ant-switch-handle {
    position: absolute;
    top: 2px;
    left: 2px;
    width: 18px;
    height: 18px;
    transition: all .2s ease-in-out
}

.ant-switch-handle:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: var(--switch-bg);
    border-radius: 9px;
    box-shadow: 0 2px 4px rgba(0, 35, 11, .2);
    transition: all .2s ease-in-out;
    content: ""
}

.ant-switch-checked .ant-switch-handle {
    left: calc(100% - 20px)
}

.ant-switch:not(.ant-switch-disabled):active .ant-switch-handle:before {
    right: -30%;
    left: 0
}

.ant-switch:not(.ant-switch-disabled):active.ant-switch-checked .ant-switch-handle:before {
    right: 0;
    left: -30%
}

.ant-switch-loading-icon.anticon {
    position: relative;
    top: 2px;
    color: rgba(0, 0, 0, .65);
    vertical-align: top
}

.ant-switch-checked .ant-switch-loading-icon {
    color: var(--primary-color)
}

.ant-switch-small {
    min-width: 28px;
    height: 16px;
    line-height: 16px
}

.ant-switch-small .ant-switch-inner {
    margin: 0 5px 0 18px;
    font-size: 12px
}

.ant-switch-small .ant-switch-handle {
    width: 12px;
    height: 12px
}

.ant-switch-small .ant-switch-loading-icon {
    top: 1.5px;
    font-size: 9px
}

.ant-switch-small.ant-switch-checked .ant-switch-inner {
    margin: 0 18px 0 5px
}

.ant-switch-small.ant-switch-checked .ant-switch-handle {
    left: calc(100% - 14px)
}

.ant-switch-rtl {
    direction: rtl
}

.ant-switch-rtl .ant-switch-inner {
    margin: 0 25px 0 7px
}

.ant-switch-rtl .ant-switch-handle {
    right: 2px;
    left: auto
}

.ant-switch-rtl:not(.ant-switch-rtl-disabled):active .ant-switch-handle:before {
    right: 0;
    left: -30%
}

.ant-switch-rtl:not(.ant-switch-rtl-disabled):active.ant-switch-checked .ant-switch-handle:before {
    right: -30%;
    left: 0
}

.ant-switch-rtl.ant-switch-checked .ant-switch-inner {
    margin: 0 7px 0 25px
}

.ant-switch-rtl.ant-switch-checked .ant-switch-handle {
    right: calc(100% - 20px)
}

.ant-switch-rtl.ant-switch-small.ant-switch-checked .ant-switch-handle {
    right: calc(100% - 14px)
}

.ele-color-picker-trigger {
    width: 32px;
    height: 32px;
    position: relative;
    display: inline-block;
    padding: 4px;
    border-radius: 2px;
    border: 1px solid var(--border-color-split);
    background: var(--component-background);
    box-sizing: border-box;
    text-align: center;
    cursor: pointer
}

.ele-color-picker-trigger .ele-color-picker-trigger-inner {
    height: 100%;
    border-radius: 2px;
    box-shadow: 0 0 0 1px var(--border-color-split);
    overflow: hidden
}

.ele-color-picker-trigger .ele-color-picker-trigger-inner:not(.is-empty) {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)
}

.ele-color-picker-trigger .ele-color-picker-trigger-inner > div {
    height: 100%
}

.ele-color-picker-trigger .ele-color-picker-trigger-arrow {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -6px auto auto -6px;
    line-height: 0;
    font-size: 12px;
    color: var(--text-color-secondary)
}

.ele-color-picker-trigger .ele-color-picker-trigger-arrow > .anticon:not(.anticon-close) {
    color: #fff
}

.ele-color-picker-trigger.is-disabled {
    cursor: not-allowed
}

.ele-color-picker-trigger.is-disabled .ele-color-picker-trigger-inner {
    opacity: .6
}

.ele-color-picker-trigger.ele-color-picker-large {
    width: 40px;
    height: 40px
}

.ele-color-picker-trigger.ele-color-picker-small {
    width: 24px;
    height: 24px;
    padding: 3px
}

.ele-color-picker.ant-dropdown-menu {
    width: 280px;
    padding: 12px;
    box-sizing: content-box
}

.ele-color-picker .ele-color-picker-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 12px
}

.ele-color-picker .ele-color-picker-footer .ele-color-picker-value {
    width: 140px
}

.ele-color-picker .ele-color-picker-footer .ele-color-picker-value > .ant-input {
    height: 24px;
    line-height: 1;
    padding: 0 4px;
    font-size: 12px;
    display: block
}

.ele-color-picker .ele-color-picker-footer .ant-btn + .ant-btn {
    margin-left: 8px
}

.ele-color-picker .ele-color-alpha-slider {
    height: 12px;
    margin-top: 12px;
    position: relative;
    box-sizing: border-box;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)
}

.ele-color-picker .ele-color-alpha-slider .ele-color-alpha-slider-bar {
    height: 100%;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
    position: relative;
    cursor: pointer
}

.ele-color-picker .ele-color-alpha-slider .ele-color-alpha-slider-thumb {
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background: #fff;
    box-sizing: border-box;
    box-shadow: 0 0 2px rgba(0, 0, 0, .6);
    border: 1px solid #f0f0f0;
    border-radius: 1px;
    cursor: pointer;
    z-index: 1
}

.ele-color-picker .ele-color-hue-slider {
    height: 12px;
    padding: 0 2px;
    margin-top: 12px;
    position: relative;
    box-sizing: border-box
}

.ele-color-picker .ele-color-hue-slider .ele-color-hue-slider-bar {
    height: 100%;
    background: linear-gradient(to right, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);
    position: relative;
    cursor: pointer
}

.ele-color-picker .ele-color-hue-slider .ele-color-hue-slider-thumb {
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background: #fff;
    box-sizing: border-box;
    box-shadow: 0 0 2px rgba(0, 0, 0, .6);
    border: 1px solid #f0f0f0;
    border-radius: 1px;
    cursor: pointer;
    z-index: 1
}

.ele-color-picker .ele-color-predefine {
    display: flex;
    flex-wrap: wrap;
    margin-top: 4px
}

.ele-color-picker .ele-color-predefine .ele-color-predefine-item {
    width: 20px;
    height: 20px;
    border-radius: 2px;
    margin: 8px 0 0 8px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
    position: relative;
    overflow: hidden;
    cursor: pointer
}

.ele-color-picker .ele-color-predefine .ele-color-predefine-item > div {
    height: 100%
}

.ele-color-picker .ele-color-predefine .ele-color-predefine-item:nth-child(10n + 1) {
    margin-left: 4px
}

.ele-color-picker .ele-color-predefine .ele-color-predefine-item > .anticon {
    color: #fff;
    font-size: 12px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -6px auto auto -6px
}

.ele-color-picker .ele-color-svpanel {
    height: 180px;
    position: relative;
    cursor: pointer
}

.ele-color-picker .ele-color-svpanel .ele-color-svpanel-white, .ele-color-picker .ele-color-svpanel .ele-color-svpanel-black {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.ele-color-picker .ele-color-svpanel .ele-color-svpanel-white {
    background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0))
}

.ele-color-picker .ele-color-svpanel .ele-color-svpanel-black {
    background: linear-gradient(to top, #000, rgba(0, 0, 0, 0))
}

.ele-color-picker .ele-color-svpanel .ele-color-svpanel-cursor {
    position: absolute;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    box-shadow: 0 0 0 1.5px #fff, inset 0 0 1px 1px rgba(0, 0, 0, .3), 0 0 1px 2px rgba(0, 0, 0, .4);
    transform: translate(-2px, -2px);
    cursor: pointer
}

.ele-setting-wrapper {
    padding: 20px 18px
}

.ele-setting-wrapper .ele-setting-title {
    font-size: 13px;
    margin-bottom: 15px
}

.ele-setting-wrapper .ele-setting-theme > div {
    width: 52px;
    height: 36px;
    line-height: 1;
    border-radius: 3px;
    margin: 0 20px 30px 0;
    padding: 16px 0 0 26px;
    box-sizing: border-box;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .15);
    display: inline-block;
    vertical-align: top;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    transition: background-color .2s
}

.ele-setting-wrapper .ele-setting-theme > div:before, .ele-setting-wrapper .ele-setting-theme > div:after, .ele-setting-wrapper .ele-setting-theme > div > .ele-bg-primary {
    content: "";
    width: 100%;
    height: 10px;
    background: #fff;
    position: absolute;
    left: 0;
    top: 0;
    transition: background-color .2s
}

.ele-setting-wrapper .ele-setting-theme > div:after {
    width: 14px;
    height: 100%
}

.ele-setting-wrapper .ele-setting-theme > div.ele-side-dark:after, .ele-setting-wrapper .ele-setting-theme > div.ele-head-dark:before, .ele-setting-wrapper .ele-setting-theme > div.ele-layout-mix:before, .ele-setting-wrapper .ele-setting-theme > div.ele-layout-mix:after {
    background: #001529
}

.ele-setting-wrapper .ele-setting-theme > div.ele-head-light:before, .ele-setting-wrapper .ele-setting-theme > div.ele-head-dark:before, .ele-setting-wrapper .ele-setting-theme > div > .ele-bg-primary {
    z-index: 1
}

.ele-setting-wrapper .ele-setting-theme > div.ele-layout-top {
    padding-left: 19px
}

.ele-setting-wrapper .ele-setting-theme > div.ele-layout-top:after {
    display: none
}

.ele-setting-wrapper .ele-setting-colors {
    color: #fff;
    margin-bottom: 20px
}

.ele-setting-wrapper .ele-setting-color-item {
    width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 2px;
    margin: 8px 8px 0 0;
    display: inline-block;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .15);
    vertical-align: top;
    position: relative;
    text-align: center;
    cursor: pointer
}

.ele-setting-wrapper .ele-setting-color-item .ele-setting-color-tooltip {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.ele-setting-wrapper .ele-setting-item {
    display: flex;
    align-items: center;
    margin-bottom: 20px
}

.ele-setting-wrapper .ele-setting-item .setting-item-title {
    flex: 1;
    line-height: 28px
}

.ele-setting-wrapper .ele-setting-item .setting-item-control {
    line-height: 1
}

.ele-setting-wrapper .ant-divider {
    margin-bottom: 20px
}

.ele-setting-wrapper .ant-alert + .ant-btn {
    margin-top: 12px
}

.ele-setting-wrapper.ele-setting-dark .ele-setting-theme > div {
    box-shadow: 0 1px 4px rgba(0, 0, 0, .55)
}

.ele-setting-wrapper.ele-setting-dark .ele-setting-theme > div:before, .ele-setting-wrapper.ele-setting-dark .ele-setting-theme > div:after, .ele-setting-wrapper.ele-setting-dark .ele-setting-theme > div > .ele-bg-primary {
    background: #1f1f1f
}

.ele-setting-wrapper.ele-setting-dark .ele-setting-theme > div.ele-side-dark:after, .ele-setting-wrapper.ele-setting-dark .ele-setting-theme > div.ele-head-dark:before, .ele-setting-wrapper.ele-setting-dark .ele-setting-theme > div.ele-layout-mix:before, .ele-setting-wrapper.ele-setting-dark .ele-setting-theme > div.ele-layout-mix:after {
    background: #262626
}

.ele-setting-color-picker.ele-color-picker-trigger {
    padding: 0;
    width: 20px;
    height: 20px;
    margin-top: 8px;
    border: none !important;
    background: none !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .15)
}

.ele-setting-color-picker.ele-color-picker-trigger > .ele-color-picker-trigger-inner {
    background: none
}

.ele-setting-color-picker.ele-color-picker-trigger > .ele-color-picker-trigger-inner.is-empty {
    background: conic-gradient(from 90deg at 50% 50%, #ff0000 -19.41deg, #ff0000 18.76deg, #ff8a00 59.32deg, #ffe600 99.87deg, #14ff00 141.65deg, #00a3ff 177.72deg, #0500ff 220.23deg, #ad00ff 260.13deg, #ff00c7 300.69deg, #ff0000 340.59deg, #ff0000 378.76deg)
}

.ele-setting-color-picker.ele-color-picker-trigger > .ele-color-picker-trigger-inner.is-empty + .ele-color-picker-trigger-arrow {
    display: none
}

.ant-select-auto-complete {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: var(--text-color);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum"
}

.ant-select-auto-complete .ant-select-clear {
    right: 13px
}

.ant-tag {
    box-sizing: border-box;
    margin: 0 8px 0 0;
    color: var(--text-color);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    display: inline-block;
    height: auto;
    padding: 0 7px;
    font-size: 12px;
    line-height: 20px;
    white-space: nowrap;
    background: var(--background-color-light);
    border: 1px solid var(--border-color-base);
    border-radius: 2px;
    opacity: 1;
    transition: all .3s
}

.ant-tag, .ant-tag a, .ant-tag a:hover {
    color: var(--text-color)
}

.ant-tag > a:first-child:last-child {
    display: inline-block;
    margin: 0 -8px;
    padding: 0 8px
}

.ant-tag-close-icon {
    margin-left: 3px;
    color: var(--text-color-secondary);
    font-size: 10px;
    cursor: pointer;
    transition: all .3s
}

.ant-tag-close-icon:hover {
    color: var(--heading-color)
}

.ant-tag-has-color {
    border-color: transparent
}

.ant-tag-has-color, .ant-tag-has-color a, .ant-tag-has-color a:hover, .ant-tag-has-color .anticon-close, .ant-tag-has-color .anticon-close:hover {
    color: var(--text-color-inverse)
}

.ant-tag-checkable {
    background-color: transparent;
    border-color: transparent;
    cursor: pointer
}

.ant-tag-checkable:not(.ant-tag-checkable-checked):hover {
    color: var(--primary-color)
}

.ant-tag-checkable:active, .ant-tag-checkable-checked {
    color: var(--text-color-inverse)
}

.ant-tag-checkable-checked {
    background-color: var(--primary-6)
}

.ant-tag-checkable:active {
    background-color: var(--primary-7)
}

.ant-tag-hidden {
    display: none
}

.ant-tag-pink {
    color: var(--pink-7);
    background: var(--pink-1);
    border-color: var(--pink-3)
}

.ant-tag-pink-inverse {
    color: var(--text-color-inverse);
    background: var(--pink-6);
    border-color: var(--pink-6)
}

.ant-tag-magenta {
    color: #c41d7f;
    background: #fff0f6;
    border-color: #ffadd2
}

.ant-tag-magenta-inverse {
    color: var(--text-color-inverse);
    background: #eb2f96;
    border-color: #eb2f96
}

.ant-tag-red {
    color: var(--red-7);
    background: var(--red-1);
    border-color: var(--red-3)
}

.ant-tag-red-inverse {
    color: var(--text-color-inverse);
    background: var(--red-6);
    border-color: var(--red-6)
}

.ant-tag-volcano {
    color: #d4380d;
    background: #fff2e8;
    border-color: #ffbb96
}

.ant-tag-volcano-inverse {
    color: var(--text-color-inverse);
    background: #fa541c;
    border-color: #fa541c
}

.ant-tag-orange {
    color: var(--orange-7);
    background: var(--orange-1);
    border-color: var(--orange-3)
}

.ant-tag-orange-inverse {
    color: var(--text-color-inverse);
    background: var(--orange-6);
    border-color: var(--orange-6)
}

.ant-tag-yellow {
    color: #d4b106;
    background: #feffe6;
    border-color: #fffb8f
}

.ant-tag-yellow-inverse {
    color: var(--text-color-inverse);
    background: #fadb14;
    border-color: #fadb14
}

.ant-tag-gold {
    color: var(--gold-7);
    background: var(--gold-1);
    border-color: var(--gold-3)
}

.ant-tag-gold-inverse {
    color: var(--text-color-inverse);
    background: var(--gold-6);
    border-color: var(--gold-6)
}

.ant-tag-cyan {
    color: var(--cyan-7);
    background: var(--cyan-1);
    border-color: var(--cyan-3)
}

.ant-tag-cyan-inverse {
    color: var(--text-color-inverse);
    background: var(--cyan-6);
    border-color: var(--cyan-6)
}

.ant-tag-lime {
    color: #7cb305;
    background: #fcffe6;
    border-color: #eaff8f
}

.ant-tag-lime-inverse {
    color: var(--text-color-inverse);
    background: #a0d911;
    border-color: #a0d911
}

.ant-tag-green {
    color: var(--green-7);
    background: var(--green-1);
    border-color: var(--green-3)
}

.ant-tag-green-inverse {
    color: var(--text-color-inverse);
    background: var(--green-6);
    border-color: var(--green-6)
}

.ant-tag-blue {
    color: var(--blue-7);
    background: var(--blue-1);
    border-color: var(--blue-3)
}

.ant-tag-blue-inverse {
    color: var(--text-color-inverse);
    background: var(--blue-6);
    border-color: var(--blue-6)
}

.ant-tag-geekblue {
    color: #1d39c4;
    background: #f0f5ff;
    border-color: #adc6ff
}

.ant-tag-geekblue-inverse {
    color: var(--text-color-inverse);
    background: #2f54eb;
    border-color: #2f54eb
}

.ant-tag-purple {
    color: var(--purple-7);
    background: var(--purple-1);
    border-color: var(--purple-3)
}

.ant-tag-purple-inverse {
    color: var(--text-color-inverse);
    background: var(--purple-6);
    border-color: var(--purple-6)
}

.ant-tag-success {
    color: var(--success-color);
    background: var(--green-1);
    border-color: var(--green-3)
}

.ant-tag-processing {
    color: var(--info-color);
    background: var(--primary-1);
    border-color: var(--primary-3)
}

.ant-tag-error {
    color: var(--error-color);
    background: var(--red-1);
    border-color: var(--red-3)
}

.ant-tag-warning {
    color: var(--warning-color);
    background: var(--gold-1);
    border-color: var(--gold-3)
}

.ant-tag > .anticon + span, .ant-tag > span + .anticon {
    margin-left: 7px
}

.ant-tag.ant-tag-rtl {
    margin-right: 0;
    margin-left: 8px;
    direction: rtl;
    text-align: right
}

.ant-tag-rtl .ant-tag-close-icon {
    margin-right: 3px;
    margin-left: 0
}

.ant-tag-rtl.ant-tag > .anticon + span, .ant-tag-rtl.ant-tag > span + .anticon {
    margin-right: 7px;
    margin-left: 0
}

.info_r1[data-v-0201cfb2], .info_r2[data-v-0201cfb2] {
    padding-left: 40px;
    color: #777;
    font-size: 14px
}

.customer_tag[data-v-0201cfb2] {
    padding: 0 3px;
    line-height: 16px;
    margin-right: 3px;
    border-radius: 30%
}

@keyframes antCheckboxEffect {
    0% {
        transform: scale(1);
        opacity: .5
    }
    to {
        transform: scale(1.6);
        opacity: 0
    }
}

.ant-cascader-checkbox {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: var(--text-color);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: relative;
    top: .2em;
    line-height: 1;
    white-space: nowrap;
    outline: none;
    cursor: pointer
}

.ant-cascader-checkbox-wrapper:hover .ant-cascader-checkbox-inner, .ant-cascader-checkbox:hover .ant-cascader-checkbox-inner, .ant-cascader-checkbox-input:focus + .ant-cascader-checkbox-inner {
    border-color: var(--primary-color)
}

.ant-cascader-checkbox-checked:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid var(--primary-color);
    border-radius: 2px;
    visibility: hidden;
    animation: antCheckboxEffect .36s ease-in-out;
    animation-fill-mode: backwards;
    content: ""
}

.ant-cascader-checkbox:hover:after, .ant-cascader-checkbox-wrapper:hover .ant-cascader-checkbox:after {
    visibility: visible
}

.ant-cascader-checkbox-inner {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    width: 16px;
    height: 16px;
    direction: ltr;
    background-color: var(--checkbox-check-bg);
    border: 1px solid var(--border-color-base);
    border-radius: 2px;
    border-collapse: separate;
    transition: all .3s
}

.ant-cascader-checkbox-inner:after {
    position: absolute;
    top: 50%;
    left: 21.5%;
    display: table;
    width: 5.71428571px;
    height: 9.14285714px;
    border: 2px solid #fff;
    border-top: 0;
    border-left: 0;
    transform: rotate(45deg) scale(0) translate(-50%, -50%);
    opacity: 0;
    transition: all .1s cubic-bezier(.71, -.46, .88, .6), opacity .1s;
    content: " "
}

.ant-cascader-checkbox-input {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 0
}

.ant-cascader-checkbox-checked .ant-cascader-checkbox-inner:after {
    position: absolute;
    display: table;
    border: 2px solid #fff;
    border-top: 0;
    border-left: 0;
    transform: rotate(45deg) scale(1) translate(-50%, -50%);
    opacity: 1;
    transition: all .2s cubic-bezier(.12, .4, .29, 1.46) .1s;
    content: " "
}

.ant-cascader-checkbox-checked .ant-cascader-checkbox-inner {
    background-color: var(--primary-color);
    border-color: var(--primary-color)
}

.ant-cascader-checkbox-disabled {
    cursor: not-allowed
}

.ant-cascader-checkbox-disabled.ant-cascader-checkbox-checked .ant-cascader-checkbox-inner:after {
    border-color: var(--disabled-color);
    animation-name: none
}

.ant-cascader-checkbox-disabled .ant-cascader-checkbox-input {
    cursor: not-allowed;
    pointer-events: none
}

.ant-cascader-checkbox-disabled .ant-cascader-checkbox-inner {
    background-color: var(--disabled-bg);
    border-color: var(--border-color-base) !important
}

.ant-cascader-checkbox-disabled .ant-cascader-checkbox-inner:after {
    border-color: var(--disabled-bg);
    border-collapse: separate;
    animation-name: none
}

.ant-cascader-checkbox-disabled + span {
    color: var(--disabled-color);
    cursor: not-allowed
}

.ant-cascader-checkbox-disabled:hover:after, .ant-cascader-checkbox-wrapper:hover .ant-cascader-checkbox-disabled:after {
    visibility: hidden
}

.ant-cascader-checkbox-wrapper {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: var(--text-color);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    display: inline-flex;
    align-items: baseline;
    line-height: unset;
    cursor: pointer
}

.ant-cascader-checkbox-wrapper:after {
    display: inline-block;
    width: 0;
    overflow: hidden;
    content: "\a0"
}

.ant-cascader-checkbox-wrapper.ant-cascader-checkbox-wrapper-disabled {
    cursor: not-allowed
}

.ant-cascader-checkbox-wrapper + .ant-cascader-checkbox-wrapper {
    margin-left: 8px
}

.ant-cascader-checkbox + span {
    padding-right: 8px;
    padding-left: 8px
}

.ant-cascader-checkbox-group {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: var(--text-color);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    display: inline-block
}

.ant-cascader-checkbox-group-item {
    margin-right: 8px
}

.ant-cascader-checkbox-group-item:last-child {
    margin-right: 0
}

.ant-cascader-checkbox-group-item + .ant-cascader-checkbox-group-item {
    margin-left: 0
}

.ant-cascader-checkbox-indeterminate .ant-cascader-checkbox-inner {
    background-color: var(--checkbox-check-bg);
    border-color: var(--border-color-base)
}

.ant-cascader-checkbox-indeterminate .ant-cascader-checkbox-inner:after {
    top: 50%;
    left: 50%;
    width: 8px;
    height: 8px;
    background-color: var(--primary-color);
    border: 0;
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
    content: " "
}

.ant-cascader-checkbox-indeterminate.ant-cascader-checkbox-disabled .ant-cascader-checkbox-inner:after {
    background-color: var(--disabled-color);
    border-color: var(--disabled-color)
}

.ant-cascader {
    width: 184px
}

.ant-cascader-checkbox {
    top: 0;
    margin-right: 8px
}

.ant-cascader-menus {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start
}

.ant-cascader-menus.ant-cascader-menu-empty .ant-cascader-menu {
    width: 100%;
    height: auto
}

.ant-cascader-menu {
    min-width: 111px;
    height: 180px;
    margin: -4px 0;
    padding: 4px 0;
    overflow: auto;
    vertical-align: top;
    list-style: none;
    border-right: 1px solid var(--cascader-menu-border-color-split);
    -ms-overflow-style: -ms-autohiding-scrollbar
}

.ant-cascader-menu-item {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    padding: 5px 12px;
    overflow: hidden;
    line-height: 22px;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
    transition: all .3s
}

.ant-cascader-menu-item:hover {
    background: var(--item-hover-bg)
}

.ant-cascader-menu-item-disabled {
    color: var(--disabled-color);
    cursor: not-allowed
}

.ant-cascader-menu-item-disabled:hover {
    background: transparent
}

.ant-cascader-menu-empty .ant-cascader-menu-item {
    color: var(--disabled-color);
    cursor: default;
    pointer-events: none
}

.ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled), .ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled):hover {
    font-weight: 600;
    background-color: var(--primary-1)
}

.ant-cascader-menu-item-content {
    flex: auto
}

.ant-cascader-menu-item-expand .ant-cascader-menu-item-expand-icon, .ant-cascader-menu-item-loading-icon {
    margin-left: 4px;
    color: var(--text-color-secondary);
    font-size: 10px
}

.ant-cascader-menu-item-disabled.ant-cascader-menu-item-expand .ant-cascader-menu-item-expand-icon, .ant-cascader-menu-item-disabled.ant-cascader-menu-item-loading-icon {
    color: var(--disabled-color)
}

.ant-cascader-menu-item-keyword {
    color: var(--highlight-color)
}

.ant-cascader-rtl .ant-cascader-menu-item-expand-icon, .ant-cascader-rtl .ant-cascader-menu-item-loading-icon {
    margin-right: 4px;
    margin-left: 0
}

.ant-cascader-rtl .ant-cascader-checkbox {
    top: 0;
    margin-right: 0;
    margin-left: 8px
}

.ant-picker {
    box-sizing: border-box;
    margin: 0;
    color: var(--text-color);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    padding: 4px 11px;
    position: relative;
    display: inline-flex;
    align-items: center;
    background: var(--picker-bg);
    border: 1px solid var(--border-color-base);
    border-radius: 2px;
    transition: border .3s, box-shadow .3s
}

.ant-picker:hover, .ant-picker-focused {
    border-color: var(--primary-5);
    border-right-width: 1px !important
}

.ant-picker-focused {
    border-color: var(--primary-color-hover);
    box-shadow: 0 0 0 2px var(--primary-color-outline);
    border-right-width: 1px !important;
    outline: 0
}

.ant-picker.ant-picker-disabled {
    background: var(--disabled-bg);
    border-color: var(--border-color-base);
    cursor: not-allowed
}

.ant-picker.ant-picker-disabled .ant-picker-suffix {
    color: var(--disabled-color)
}

.ant-picker.ant-picker-borderless {
    background-color: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important
}

.ant-picker-input {
    position: relative;
    display: inline-flex;
    align-items: center;
    width: 100%
}

.ant-picker-input > input {
    position: relative;
    display: inline-block;
    width: 100%;
    min-width: 0;
    color: var(--text-color);
    font-size: 14px;
    line-height: 1.5715;
    background-color: var(--input-bg);
    background-image: none;
    border: 1px solid var(--border-color-base);
    border-radius: 2px;
    transition: all .3s;
    flex: auto;
    min-width: 1px;
    height: auto;
    padding: 0;
    background: transparent;
    border: 0
}

.ant-picker-input > input::-moz-placeholder {
    opacity: 1
}

.ant-picker-input > input::placeholder {
    color: var(--input-placeholder-color);
    user-select: none
}

.ant-picker-input > input:placeholder-shown {
    text-overflow: ellipsis
}

.ant-picker-input > input:hover {
    border-color: var(--primary-5);
    border-right-width: 1px !important
}

.ant-picker-input > input:focus, .ant-picker-input > input-focused {
    border-color: var(--primary-color-hover);
    box-shadow: 0 0 0 2px var(--primary-color-outline);
    border-right-width: 1px !important;
    outline: 0
}

.ant-picker-input > input-disabled {
    color: var(--disabled-color);
    background-color: var(--disabled-bg);
    border-color: var(--border-color-base);
    box-shadow: none;
    cursor: not-allowed;
    opacity: 1
}

.ant-picker-input > input-disabled:hover {
    border-color: var(--border-color-base);
    border-right-width: 1px !important
}

.ant-picker-input > input[disabled] {
    color: var(--disabled-color);
    background-color: var(--disabled-bg);
    border-color: var(--border-color-base);
    box-shadow: none;
    cursor: not-allowed;
    opacity: 1
}

.ant-picker-input > input[disabled]:hover {
    border-color: var(--border-color-base);
    border-right-width: 1px !important
}

.ant-picker-input > input-borderless, .ant-picker-input > input-borderless:hover, .ant-picker-input > input-borderless:focus, .ant-picker-input > input-borderless-focused, .ant-picker-input > input-borderless-disabled, .ant-picker-input > input-borderless[disabled] {
    background-color: transparent;
    border: none;
    box-shadow: none
}

textarea.ant-picker-input > input {
    max-width: 100%;
    height: auto;
    min-height: 32px;
    line-height: 1.5715;
    vertical-align: bottom;
    transition: all .3s, height 0s
}

.ant-picker-input > input-lg {
    padding: 6.5px 11px;
    font-size: 16px
}

.ant-picker-input > input-sm {
    padding: 0 7px
}

.ant-picker-input > input:focus {
    box-shadow: none
}

.ant-picker-input > input[disabled] {
    background: transparent
}

.ant-picker-input:hover .ant-picker-clear {
    opacity: 1
}

.ant-picker-input-placeholder > input {
    color: var(--input-placeholder-color)
}

.ant-picker-large {
    padding: 6.5px 11px
}

.ant-picker-large .ant-picker-input > input {
    font-size: 16px
}

.ant-picker-small {
    padding: 0 7px
}

.ant-picker-suffix {
    align-self: center;
    margin-left: 4px;
    color: var(--disabled-color);
    line-height: 1;
    pointer-events: none
}

.ant-picker-suffix > * {
    vertical-align: top
}

.ant-picker-clear {
    position: absolute;
    top: 50%;
    right: 0;
    color: var(--disabled-color);
    line-height: 1;
    background: var(--component-background);
    transform: translateY(-50%);
    cursor: pointer;
    opacity: 0;
    transition: opacity .3s, color .3s
}

.ant-picker-clear > * {
    vertical-align: top
}

.ant-picker-clear:hover {
    color: var(--text-color-secondary)
}

.ant-picker-separator {
    position: relative;
    display: inline-block;
    width: 1em;
    height: 16px;
    color: var(--disabled-color);
    font-size: 16px;
    vertical-align: top;
    cursor: default
}

.ant-picker-focused .ant-picker-separator {
    color: var(--text-color-secondary)
}

.ant-picker-disabled .ant-picker-range-separator .ant-picker-separator {
    cursor: not-allowed
}

.ant-picker-range {
    position: relative;
    display: inline-flex
}

.ant-picker-range .ant-picker-clear {
    right: 11px
}

.ant-picker-range:hover .ant-picker-clear {
    opacity: 1
}

.ant-picker-range .ant-picker-active-bar {
    bottom: -1px;
    height: 2px;
    margin-left: 11px;
    background: var(--primary-color);
    opacity: 0;
    transition: all .3s ease-out;
    pointer-events: none
}

.ant-picker-range.ant-picker-focused .ant-picker-active-bar {
    opacity: 1
}

.ant-picker-range-separator {
    align-items: center;
    padding: 0 8px;
    line-height: 1
}

.ant-picker-range.ant-picker-small .ant-picker-clear {
    right: 7px
}

.ant-picker-range.ant-picker-small .ant-picker-active-bar {
    margin-left: 7px
}

.ant-picker-dropdown {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: var(--text-color);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: absolute;
    z-index: 1050
}

.ant-picker-dropdown-hidden {
    display: none
}

.ant-picker-dropdown-placement-bottomLeft .ant-picker-range-arrow {
    top: 1.66666667px;
    display: block;
    transform: rotate(-45deg)
}

.ant-picker-dropdown-placement-topLeft .ant-picker-range-arrow {
    bottom: 1.66666667px;
    display: block;
    transform: rotate(135deg)
}

.ant-picker-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-picker-dropdown-placement-topLeft, .ant-picker-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-picker-dropdown-placement-topRight, .ant-picker-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-picker-dropdown-placement-topLeft, .ant-picker-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-picker-dropdown-placement-topRight {
    animation-name: antSlideDownIn
}

.ant-picker-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-picker-dropdown-placement-bottomLeft, .ant-picker-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-picker-dropdown-placement-bottomRight, .ant-picker-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-picker-dropdown-placement-bottomLeft, .ant-picker-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-picker-dropdown-placement-bottomRight {
    animation-name: antSlideUpIn
}

.ant-picker-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-picker-dropdown-placement-topLeft, .ant-picker-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-picker-dropdown-placement-topRight {
    animation-name: antSlideDownOut
}

.ant-picker-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-picker-dropdown-placement-bottomLeft, .ant-picker-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-picker-dropdown-placement-bottomRight {
    animation-name: antSlideUpOut
}

.ant-picker-dropdown-range {
    padding: 6.66666667px 0
}

.ant-picker-dropdown-range-hidden {
    display: none
}

.ant-picker-dropdown .ant-picker-panel > .ant-picker-time-panel {
    padding-top: 4px
}

.ant-picker-ranges {
    margin-bottom: 0;
    padding: 4px 12px;
    overflow: hidden;
    line-height: 34px;
    text-align: left;
    list-style: none
}

.ant-picker-ranges > li {
    display: inline-block
}

.ant-picker-ranges .ant-picker-preset > .ant-tag-blue {
    color: var(--primary-color);
    background: var(--primary-1);
    border-color: var(--primary-3);
    cursor: pointer
}

.ant-picker-ranges .ant-picker-ok {
    float: right;
    margin-left: 8px
}

.ant-picker-range-wrapper {
    display: flex
}

.ant-picker-range-arrow {
    position: absolute;
    z-index: 1;
    display: none;
    width: 10px;
    height: 10px;
    margin-left: 16.5px;
    box-shadow: 2px -2px 6px rgba(0, 0, 0, .06);
    transition: left .3s ease-out
}

.ant-picker-range-arrow:after {
    position: absolute;
    top: 1px;
    right: 1px;
    width: 10px;
    height: 10px;
    border: 5px solid var(--border-color-split);
    border-color: var(--calendar-bg) var(--calendar-bg) transparent transparent;
    content: ""
}

.ant-picker-panel-container {
    overflow: hidden;
    vertical-align: top;
    background: var(--calendar-bg);
    border-radius: 2px;
    box-shadow: var(--box-shadow-base);
    transition: margin .3s
}

.ant-picker-panel-container .ant-picker-panels {
    display: inline-flex;
    flex-wrap: nowrap;
    direction: ltr
}

.ant-picker-panel-container .ant-picker-panel {
    vertical-align: top;
    background: transparent;
    border-width: 0 0 1px 0;
    border-radius: 0
}

.ant-picker-panel-container .ant-picker-panel .ant-picker-content, .ant-picker-panel-container .ant-picker-panel table {
    text-align: center
}

.ant-picker-panel-container .ant-picker-panel-focused {
    border-color: var(--border-color-split)
}

.ant-picker-panel {
    display: inline-flex;
    flex-direction: column;
    text-align: center;
    background: var(--calendar-bg);
    border: 1px solid var(--picker-border-color);
    border-radius: 2px;
    outline: none
}

.ant-picker-panel-focused {
    border-color: var(--primary-color)
}

.ant-picker-decade-panel, .ant-picker-year-panel, .ant-picker-quarter-panel, .ant-picker-month-panel, .ant-picker-week-panel, .ant-picker-date-panel, .ant-picker-time-panel {
    display: flex;
    flex-direction: column;
    width: 280px
}

.ant-picker-header {
    display: flex;
    padding: 0 8px;
    color: var(--heading-color);
    border-bottom: 1px solid var(--picker-border-color)
}

.ant-picker-header > * {
    flex: none
}

.ant-picker-header button {
    padding: 0;
    color: var(--disabled-color);
    line-height: 40px;
    background: transparent;
    border: 0;
    cursor: pointer;
    transition: color .3s
}

.ant-picker-header > button {
    min-width: 1.6em;
    font-size: 14px
}

.ant-picker-header > button:hover {
    color: var(--text-color)
}

.ant-picker-header-view {
    flex: auto;
    font-weight: 500;
    line-height: 40px
}

.ant-picker-header-view button {
    color: inherit;
    font-weight: inherit
}

.ant-picker-header-view button:not(:first-child) {
    margin-left: 8px
}

.ant-picker-header-view button:hover {
    color: var(--primary-color)
}

.ant-picker-prev-icon, .ant-picker-next-icon, .ant-picker-super-prev-icon, .ant-picker-super-next-icon {
    position: relative;
    display: inline-block;
    width: 7px;
    height: 7px
}

.ant-picker-prev-icon:before, .ant-picker-next-icon:before, .ant-picker-super-prev-icon:before, .ant-picker-super-next-icon:before {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 7px;
    height: 7px;
    border: 0 solid currentcolor;
    border-width: 1.5px 0 0 1.5px;
    content: ""
}

.ant-picker-super-prev-icon:after, .ant-picker-super-next-icon:after {
    position: absolute;
    top: 4px;
    left: 4px;
    display: inline-block;
    width: 7px;
    height: 7px;
    border: 0 solid currentcolor;
    border-width: 1.5px 0 0 1.5px;
    content: ""
}

.ant-picker-prev-icon, .ant-picker-super-prev-icon {
    transform: rotate(-45deg)
}

.ant-picker-next-icon, .ant-picker-super-next-icon {
    transform: rotate(135deg)
}

.ant-picker-content {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse
}

.ant-picker-content th, .ant-picker-content td {
    position: relative;
    min-width: 24px;
    font-weight: 400
}

.ant-picker-content th {
    height: 30px;
    color: var(--text-color);
    line-height: 30px
}

.ant-picker-cell {
    padding: 3px 0;
    color: var(--disabled-color);
    cursor: pointer
}

.ant-picker-cell-in-view {
    color: var(--text-color)
}

.ant-picker-cell:before {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    z-index: 1;
    height: 24px;
    transform: translateY(-50%);
    transition: all .3s;
    content: ""
}

.ant-picker-cell .ant-picker-cell-inner {
    position: relative;
    z-index: 2;
    display: inline-block;
    min-width: 24px;
    height: 24px;
    line-height: 24px;
    border-radius: 2px;
    transition: background .3s, border .3s
}

.ant-picker-cell:hover:not(.ant-picker-cell-in-view) .ant-picker-cell-inner, .ant-picker-cell:hover:not(.ant-picker-cell-selected):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end):not(.ant-picker-cell-range-hover-start):not(.ant-picker-cell-range-hover-end) .ant-picker-cell-inner {
    background: var(--item-hover-bg)
}

.ant-picker-cell-in-view.ant-picker-cell-today .ant-picker-cell-inner:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    border: 1px solid var(--primary-color);
    border-radius: 2px;
    content: ""
}

.ant-picker-cell-in-view.ant-picker-cell-in-range {
    position: relative
}

.ant-picker-cell-in-view.ant-picker-cell-in-range:before {
    background: var(--primary-1)
}

.ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner, .ant-picker-cell-in-view.ant-picker-cell-range-start .ant-picker-cell-inner, .ant-picker-cell-in-view.ant-picker-cell-range-end .ant-picker-cell-inner {
    color: var(--text-color-inverse);
    background: var(--primary-color)
}

.ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single):before, .ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single):before {
    background: var(--primary-1)
}

.ant-picker-cell-in-view.ant-picker-cell-range-start:before {
    left: 50%
}

.ant-picker-cell-in-view.ant-picker-cell-range-end:before {
    right: 50%
}

.ant-picker-cell-in-view.ant-picker-cell-range-hover-start:not(.ant-picker-cell-in-range):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end):after, .ant-picker-cell-in-view.ant-picker-cell-range-hover-end:not(.ant-picker-cell-in-range):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end):after, .ant-picker-cell-in-view.ant-picker-cell-range-hover-start.ant-picker-cell-range-start-single:after, .ant-picker-cell-in-view.ant-picker-cell-range-hover-start.ant-picker-cell-range-start.ant-picker-cell-range-end.ant-picker-cell-range-end-near-hover:after, .ant-picker-cell-in-view.ant-picker-cell-range-hover-end.ant-picker-cell-range-start.ant-picker-cell-range-end.ant-picker-cell-range-start-near-hover:after, .ant-picker-cell-in-view.ant-picker-cell-range-hover-end.ant-picker-cell-range-end-single:after, .ant-picker-cell-in-view.ant-picker-cell-range-hover:not(.ant-picker-cell-in-range):after {
    position: absolute;
    top: 50%;
    z-index: 0;
    height: 24px;
    border-top: 1px dashed var(--primary-4);
    border-bottom: 1px dashed var(--primary-4);
    transform: translateY(-50%);
    transition: all .3s;
    content: ""
}

.ant-picker-cell-range-hover-start:after, .ant-picker-cell-range-hover-end:after, .ant-picker-cell-range-hover:after {
    right: 0;
    left: 2px
}

.ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover:before, .ant-picker-cell-in-view.ant-picker-cell-range-start.ant-picker-cell-range-hover:before, .ant-picker-cell-in-view.ant-picker-cell-range-end.ant-picker-cell-range-hover:before, .ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single).ant-picker-cell-range-hover-start:before, .ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single).ant-picker-cell-range-hover-end:before, .ant-picker-panel > :not(.ant-picker-date-panel) .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start:before, .ant-picker-panel > :not(.ant-picker-date-panel) .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end:before {
    background: var(--primary-2)
}

.ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single):not(.ant-picker-cell-range-end) .ant-picker-cell-inner {
    border-radius: 2px 0 0 2px
}

.ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single):not(.ant-picker-cell-range-start) .ant-picker-cell-inner {
    border-radius: 0 2px 2px 0
}

.ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start .ant-picker-cell-inner:after, .ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end .ant-picker-cell-inner:after {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: -1;
    background: var(--primary-2);
    transition: all .3s;
    content: ""
}

.ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start .ant-picker-cell-inner:after {
    right: -6px;
    left: 0
}

.ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end .ant-picker-cell-inner:after {
    right: 0;
    left: -6px
}

.ant-picker-cell-range-hover.ant-picker-cell-range-start:after {
    right: 50%
}

.ant-picker-cell-range-hover.ant-picker-cell-range-end:after {
    left: 50%
}

tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover:first-child:after, tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-end:first-child:after, .ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover-edge-start.ant-picker-cell-range-hover-edge-start-near-range:after, .ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-start:not(.ant-picker-cell-range-hover-edge-start-near-range):after, .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:after {
    left: 6px;
    border-left: 1px dashed var(--primary-4);
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px
}

tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover:last-child:after, tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child:after, .ant-picker-cell-in-view.ant-picker-cell-end.ant-picker-cell-range-hover-edge-end.ant-picker-cell-range-hover-edge-end-near-range:after, .ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-end:not(.ant-picker-cell-range-hover-edge-end-near-range):after, .ant-picker-cell-in-view.ant-picker-cell-range-hover-end:after {
    right: 6px;
    border-right: 1px dashed var(--primary-4);
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px
}

.ant-picker-cell-disabled {
    color: var(--disabled-color);
    pointer-events: none
}

.ant-picker-cell-disabled .ant-picker-cell-inner {
    background: transparent
}

.ant-picker-cell-disabled:before {
    background: var(--picker-basic-cell-disabled-bg)
}

.ant-picker-cell-disabled.ant-picker-cell-today .ant-picker-cell-inner:before {
    border-color: var(--disabled-color)
}

.ant-picker-decade-panel .ant-picker-content, .ant-picker-year-panel .ant-picker-content, .ant-picker-quarter-panel .ant-picker-content, .ant-picker-month-panel .ant-picker-content {
    height: 264px
}

.ant-picker-decade-panel .ant-picker-cell-inner, .ant-picker-year-panel .ant-picker-cell-inner, .ant-picker-quarter-panel .ant-picker-cell-inner, .ant-picker-month-panel .ant-picker-cell-inner {
    padding: 0 8px
}

.ant-picker-quarter-panel .ant-picker-content {
    height: 56px
}

.ant-picker-footer {
    width: min-content;
    min-width: 100%;
    line-height: 38px;
    text-align: center;
    border-bottom: 1px solid transparent
}

.ant-picker-panel .ant-picker-footer {
    border-top: 1px solid var(--picker-border-color)
}

.ant-picker-footer-extra {
    padding: 0 12px;
    line-height: 38px;
    text-align: left
}

.ant-picker-footer-extra:not(:last-child) {
    border-bottom: 1px solid var(--picker-border-color)
}

.ant-picker-now {
    text-align: left
}

.ant-picker-today-btn {
    color: var(--primary-color)
}

.ant-picker-today-btn:hover {
    color: var(--primary-5)
}

.ant-picker-today-btn:active {
    color: var(--primary-7)
}

.ant-picker-today-btn.ant-picker-today-btn-disabled {
    color: var(--disabled-color);
    cursor: not-allowed
}

.ant-picker-decade-panel .ant-picker-cell-inner {
    padding: 0 4px
}

.ant-picker-decade-panel .ant-picker-cell:before {
    display: none
}

.ant-picker-year-panel .ant-picker-body, .ant-picker-quarter-panel .ant-picker-body, .ant-picker-month-panel .ant-picker-body {
    padding: 0 8px
}

.ant-picker-year-panel .ant-picker-cell-inner, .ant-picker-quarter-panel .ant-picker-cell-inner, .ant-picker-month-panel .ant-picker-cell-inner {
    width: 60px
}

.ant-picker-year-panel .ant-picker-cell-range-hover-start:after, .ant-picker-quarter-panel .ant-picker-cell-range-hover-start:after, .ant-picker-month-panel .ant-picker-cell-range-hover-start:after {
    left: 14px;
    border-left: 1px dashed var(--primary-4);
    border-radius: 2px 0 0 2px
}

.ant-picker-panel-rtl .ant-picker-year-panel .ant-picker-cell-range-hover-start:after, .ant-picker-panel-rtl .ant-picker-quarter-panel .ant-picker-cell-range-hover-start:after, .ant-picker-panel-rtl .ant-picker-month-panel .ant-picker-cell-range-hover-start:after {
    right: 14px;
    border-right: 1px dashed var(--primary-4);
    border-radius: 0 2px 2px 0
}

.ant-picker-year-panel .ant-picker-cell-range-hover-end:after, .ant-picker-quarter-panel .ant-picker-cell-range-hover-end:after, .ant-picker-month-panel .ant-picker-cell-range-hover-end:after {
    right: 14px;
    border-right: 1px dashed var(--primary-4);
    border-radius: 0 2px 2px 0
}

.ant-picker-panel-rtl .ant-picker-year-panel .ant-picker-cell-range-hover-end:after, .ant-picker-panel-rtl .ant-picker-quarter-panel .ant-picker-cell-range-hover-end:after, .ant-picker-panel-rtl .ant-picker-month-panel .ant-picker-cell-range-hover-end:after {
    left: 14px;
    border-left: 1px dashed var(--primary-4);
    border-radius: 2px 0 0 2px
}

.ant-picker-week-panel .ant-picker-body {
    padding: 8px 12px
}

.ant-picker-week-panel .ant-picker-cell:hover .ant-picker-cell-inner, .ant-picker-week-panel .ant-picker-cell-selected .ant-picker-cell-inner, .ant-picker-week-panel .ant-picker-cell .ant-picker-cell-inner {
    background: transparent !important
}

.ant-picker-week-panel-row td {
    transition: background .3s
}

.ant-picker-week-panel-row:hover td {
    background: var(--item-hover-bg)
}

.ant-picker-week-panel-row-selected td, .ant-picker-week-panel-row-selected:hover td {
    background: var(--primary-color)
}

.ant-picker-week-panel-row-selected td.ant-picker-cell-week, .ant-picker-week-panel-row-selected:hover td.ant-picker-cell-week {
    color: rgba(255, 255, 255, .5)
}

.ant-picker-week-panel-row-selected td.ant-picker-cell-today .ant-picker-cell-inner:before, .ant-picker-week-panel-row-selected:hover td.ant-picker-cell-today .ant-picker-cell-inner:before {
    border-color: var(--text-color-inverse)
}

.ant-picker-week-panel-row-selected td .ant-picker-cell-inner, .ant-picker-week-panel-row-selected:hover td .ant-picker-cell-inner {
    color: var(--text-color-inverse)
}

.ant-picker-date-panel .ant-picker-body {
    padding: 8px 12px
}

.ant-picker-date-panel .ant-picker-content {
    width: 252px
}

.ant-picker-date-panel .ant-picker-content th {
    width: 36px
}

.ant-picker-datetime-panel {
    display: flex
}

.ant-picker-datetime-panel .ant-picker-time-panel {
    border-left: 1px solid var(--picker-border-color)
}

.ant-picker-datetime-panel .ant-picker-date-panel, .ant-picker-datetime-panel .ant-picker-time-panel {
    transition: opacity .3s
}

.ant-picker-datetime-panel-active .ant-picker-date-panel, .ant-picker-datetime-panel-active .ant-picker-time-panel {
    opacity: .3
}

.ant-picker-datetime-panel-active .ant-picker-date-panel-active, .ant-picker-datetime-panel-active .ant-picker-time-panel-active {
    opacity: 1
}

.ant-picker-time-panel {
    width: auto;
    min-width: auto
}

.ant-picker-time-panel .ant-picker-content {
    display: flex;
    flex: auto;
    height: 224px
}

.ant-picker-time-panel-column {
    flex: 1 0 auto;
    width: 56px;
    margin: 0;
    padding: 0;
    overflow-y: hidden;
    text-align: left;
    list-style: none;
    transition: background .3s
}

.ant-picker-time-panel-column:after {
    display: block;
    height: 196px;
    content: ""
}

.ant-picker-datetime-panel .ant-picker-time-panel-column:after {
    height: 198px
}

.ant-picker-time-panel-column:not(:first-child) {
    border-left: 1px solid var(--picker-border-color)
}

.ant-picker-time-panel-column-active {
    background: var(--primary-1)
}

.ant-picker-time-panel-column:hover {
    overflow-y: auto
}

.ant-picker-time-panel-column > li {
    margin: 0;
    padding: 0
}

.ant-picker-time-panel-column > li.ant-picker-time-panel-cell .ant-picker-time-panel-cell-inner {
    display: block;
    width: 100%;
    height: 28px;
    margin: 0;
    padding: 0 0 0 14px;
    color: var(--text-color);
    line-height: 28px;
    border-radius: 0;
    cursor: pointer;
    transition: background .3s
}

.ant-picker-time-panel-column > li.ant-picker-time-panel-cell .ant-picker-time-panel-cell-inner:hover {
    background: var(--item-hover-bg)
}

.ant-picker-time-panel-column > li.ant-picker-time-panel-cell-selected .ant-picker-time-panel-cell-inner {
    background: var(--primary-1)
}

.ant-picker-time-panel-column > li.ant-picker-time-panel-cell-disabled .ant-picker-time-panel-cell-inner {
    color: var(--disabled-color);
    background: transparent;
    cursor: not-allowed
}

_:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-month-panel .ant-picker-cell, :root .ant-picker-range-wrapper .ant-picker-month-panel .ant-picker-cell, _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-cell, :root .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-cell {
    padding: 21px 0
}

.ant-picker-rtl {
    direction: rtl
}

.ant-picker-rtl .ant-picker-suffix {
    margin-right: 4px;
    margin-left: 0
}

.ant-picker-rtl .ant-picker-clear {
    right: auto;
    left: 0
}

.ant-picker-rtl .ant-picker-separator {
    transform: rotate(180deg)
}

.ant-picker-panel-rtl .ant-picker-header-view button:not(:first-child) {
    margin-right: 8px;
    margin-left: 0
}

.ant-picker-rtl.ant-picker-range .ant-picker-clear {
    right: auto;
    left: 11px
}

.ant-picker-rtl.ant-picker-range .ant-picker-active-bar {
    margin-right: 11px;
    margin-left: 0
}

.ant-picker-rtl.ant-picker-range.ant-picker-small .ant-picker-active-bar {
    margin-right: 7px
}

.ant-picker-dropdown-rtl .ant-picker-ranges {
    text-align: right
}

.ant-picker-dropdown-rtl .ant-picker-ranges .ant-picker-ok {
    float: left;
    margin-right: 8px;
    margin-left: 0
}

.ant-picker-panel-rtl {
    direction: rtl
}

.ant-picker-panel-rtl .ant-picker-prev-icon, .ant-picker-panel-rtl .ant-picker-super-prev-icon {
    transform: rotate(135deg)
}

.ant-picker-panel-rtl .ant-picker-next-icon, .ant-picker-panel-rtl .ant-picker-super-next-icon {
    transform: rotate(-45deg)
}

.ant-picker-cell .ant-picker-cell-inner {
    position: relative;
    z-index: 2;
    display: inline-block;
    min-width: 24px;
    height: 24px;
    line-height: 24px;
    border-radius: 2px;
    transition: background .3s, border .3s
}

.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-start:before {
    right: 50%;
    left: 0
}

.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-end:before {
    right: 0;
    left: 50%
}

.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-start.ant-picker-cell-range-end:before {
    right: 50%;
    left: 50%
}

.ant-picker-panel-rtl .ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start .ant-picker-cell-inner:after {
    right: 0;
    left: -6px
}

.ant-picker-panel-rtl .ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end .ant-picker-cell-inner:after {
    right: -6px;
    left: 0
}

.ant-picker-panel-rtl .ant-picker-cell-range-hover.ant-picker-cell-range-start:after {
    right: 0;
    left: 50%
}

.ant-picker-panel-rtl .ant-picker-cell-range-hover.ant-picker-cell-range-end:after {
    right: 50%;
    left: 0
}

.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single):not(.ant-picker-cell-range-end) .ant-picker-cell-inner {
    border-radius: 0 2px 2px 0
}

.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single):not(.ant-picker-cell-range-start) .ant-picker-cell-inner {
    border-radius: 2px 0 0 2px
}

.ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover:not(.ant-picker-cell-selected):first-child:after, .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover-edge-start.ant-picker-cell-range-hover-edge-start-near-range:after, .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-start:not(.ant-picker-cell-range-hover-edge-start-near-range):after, .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:after {
    right: 6px;
    left: 0;
    border-right: 1px dashed var(--primary-4);
    border-left: none;
    border-radius: 0 2px 2px 0
}

.ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover:not(.ant-picker-cell-selected):last-child:after, .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-end.ant-picker-cell-range-hover-edge-end.ant-picker-cell-range-hover-edge-end-near-range:after, .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-end:not(.ant-picker-cell-range-hover-edge-end-near-range):after, .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-hover-end:after {
    right: 0;
    left: 6px;
    border-right: none;
    border-left: 1px dashed var(--primary-4);
    border-radius: 2px 0 0 2px
}

.ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child:after, .ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-end:first-child:after, .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover-edge-start:not(.ant-picker-cell-range-hover):after, .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover-end.ant-picker-cell-range-hover-edge-start:not(.ant-picker-cell-range-hover):after, .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-end.ant-picker-cell-range-hover-start.ant-picker-cell-range-hover-edge-end:not(.ant-picker-cell-range-hover):after, .ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover.ant-picker-cell-range-hover-edge-start:last-child:after, .ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-end.ant-picker-cell-range-hover.ant-picker-cell-range-hover-edge-end:first-child:after {
    right: 6px;
    left: 6px;
    border-right: 1px dashed var(--primary-4);
    border-left: 1px dashed var(--primary-4);
    border-radius: 2px
}

.ant-picker-dropdown-rtl .ant-picker-footer-extra {
    direction: rtl;
    text-align: right
}

.ant-picker-panel-rtl .ant-picker-time-panel {
    direction: ltr
}

@keyframes ant-tree-node-fx-do-not-use {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes antCheckboxEffect {
    0% {
        transform: scale(1);
        opacity: .5
    }
    to {
        transform: scale(1.6);
        opacity: 0
    }
}

.ant-select-tree-checkbox {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: var(--text-color);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: relative;
    top: .2em;
    line-height: 1;
    white-space: nowrap;
    outline: none;
    cursor: pointer
}

.ant-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox-inner, .ant-select-tree-checkbox:hover .ant-select-tree-checkbox-inner, .ant-select-tree-checkbox-input:focus + .ant-select-tree-checkbox-inner {
    border-color: var(--primary-color)
}

.ant-select-tree-checkbox-checked:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid var(--primary-color);
    border-radius: 2px;
    visibility: hidden;
    animation: antCheckboxEffect .36s ease-in-out;
    animation-fill-mode: backwards;
    content: ""
}

.ant-select-tree-checkbox:hover:after, .ant-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox:after {
    visibility: visible
}

.ant-select-tree-checkbox-inner {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    width: 16px;
    height: 16px;
    direction: ltr;
    background-color: var(--checkbox-check-bg);
    border: 1px solid var(--border-color-base);
    border-radius: 2px;
    border-collapse: separate;
    transition: all .3s
}

.ant-select-tree-checkbox-inner:after {
    position: absolute;
    top: 50%;
    left: 21.5%;
    display: table;
    width: 5.71428571px;
    height: 9.14285714px;
    border: 2px solid #fff;
    border-top: 0;
    border-left: 0;
    transform: rotate(45deg) scale(0) translate(-50%, -50%);
    opacity: 0;
    transition: all .1s cubic-bezier(.71, -.46, .88, .6), opacity .1s;
    content: " "
}

.ant-select-tree-checkbox-input {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 0
}

.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner:after {
    position: absolute;
    display: table;
    border: 2px solid #fff;
    border-top: 0;
    border-left: 0;
    transform: rotate(45deg) scale(1) translate(-50%, -50%);
    opacity: 1;
    transition: all .2s cubic-bezier(.12, .4, .29, 1.46) .1s;
    content: " "
}

.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner {
    background-color: var(--primary-color);
    border-color: var(--primary-color)
}

.ant-select-tree-checkbox-disabled {
    cursor: not-allowed
}

.ant-select-tree-checkbox-disabled.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner:after {
    border-color: var(--disabled-color);
    animation-name: none
}

.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-input {
    cursor: not-allowed;
    pointer-events: none
}

.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner {
    background-color: var(--disabled-bg);
    border-color: var(--border-color-base) !important
}

.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner:after {
    border-color: var(--disabled-bg);
    border-collapse: separate;
    animation-name: none
}

.ant-select-tree-checkbox-disabled + span {
    color: var(--disabled-color);
    cursor: not-allowed
}

.ant-select-tree-checkbox-disabled:hover:after, .ant-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox-disabled:after {
    visibility: hidden
}

.ant-select-tree-checkbox-wrapper {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: var(--text-color);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    display: inline-flex;
    align-items: baseline;
    line-height: unset;
    cursor: pointer
}

.ant-select-tree-checkbox-wrapper:after {
    display: inline-block;
    width: 0;
    overflow: hidden;
    content: "\a0"
}

.ant-select-tree-checkbox-wrapper.ant-select-tree-checkbox-wrapper-disabled {
    cursor: not-allowed
}

.ant-select-tree-checkbox-wrapper + .ant-select-tree-checkbox-wrapper {
    margin-left: 8px
}

.ant-select-tree-checkbox + span {
    padding-right: 8px;
    padding-left: 8px
}

.ant-select-tree-checkbox-group {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: var(--text-color);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    display: inline-block
}

.ant-select-tree-checkbox-group-item {
    margin-right: 8px
}

.ant-select-tree-checkbox-group-item:last-child {
    margin-right: 0
}

.ant-select-tree-checkbox-group-item + .ant-select-tree-checkbox-group-item {
    margin-left: 0
}

.ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner {
    background-color: var(--checkbox-check-bg);
    border-color: var(--border-color-base)
}

.ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner:after {
    top: 50%;
    left: 50%;
    width: 8px;
    height: 8px;
    background-color: var(--primary-color);
    border: 0;
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
    content: " "
}

.ant-select-tree-checkbox-indeterminate.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner:after {
    background-color: var(--disabled-color);
    border-color: var(--disabled-color)
}

.ant-tree-select-dropdown {
    padding: 8px 4px
}

.ant-tree-select-dropdown-rtl {
    direction: rtl
}

.ant-tree-select-dropdown .ant-select-tree {
    border-radius: 0
}

.ant-tree-select-dropdown .ant-select-tree-list-holder-inner {
    align-items: stretch
}

.ant-tree-select-dropdown .ant-select-tree-list-holder-inner .ant-select-tree-treenode .ant-select-tree-node-content-wrapper {
    flex: auto
}

.ant-select-tree {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: var(--text-color);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    background: var(--tree-bg);
    border-radius: 2px;
    transition: background-color .3s
}

.ant-select-tree-focused:not(:hover):not(.ant-select-tree-active-focused) {
    background: var(--primary-1)
}

.ant-select-tree-list-holder-inner {
    align-items: flex-start
}

.ant-select-tree.ant-select-tree-block-node .ant-select-tree-list-holder-inner {
    align-items: stretch
}

.ant-select-tree.ant-select-tree-block-node .ant-select-tree-list-holder-inner .ant-select-tree-node-content-wrapper {
    flex: auto
}

.ant-select-tree.ant-select-tree-block-node .ant-select-tree-list-holder-inner .ant-select-tree-treenode.dragging {
    position: relative
}

.ant-select-tree.ant-select-tree-block-node .ant-select-tree-list-holder-inner .ant-select-tree-treenode.dragging:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 4px;
    left: 0;
    border: 1px solid var(--primary-color);
    opacity: 0;
    animation: ant-tree-node-fx-do-not-use .3s;
    animation-play-state: running;
    animation-fill-mode: forwards;
    content: "";
    pointer-events: none
}

.ant-select-tree .ant-select-tree-treenode {
    display: flex;
    align-items: flex-start;
    padding: 0 0 4px;
    outline: none
}

.ant-select-tree .ant-select-tree-treenode-disabled .ant-select-tree-node-content-wrapper {
    color: var(--disabled-color);
    cursor: not-allowed
}

.ant-select-tree .ant-select-tree-treenode-disabled .ant-select-tree-node-content-wrapper:hover {
    background: transparent
}

.ant-select-tree .ant-select-tree-treenode-active .ant-select-tree-node-content-wrapper {
    background: var(--item-hover-bg)
}

.ant-select-tree .ant-select-tree-treenode:not(.ant-select-tree .ant-select-tree-treenode-disabled).filter-node .ant-select-tree-title {
    color: inherit;
    font-weight: 500
}

.ant-select-tree-indent {
    align-self: stretch;
    white-space: nowrap;
    user-select: none
}

.ant-select-tree-indent-unit {
    display: inline-block;
    width: 24px
}

.ant-select-tree-draggable-icon {
    width: 24px;
    line-height: 24px;
    text-align: center;
    opacity: .2;
    transition: opacity .3s
}

.ant-select-tree-treenode:hover .ant-select-tree-draggable-icon {
    opacity: .45
}

.ant-select-tree-switcher {
    position: relative;
    flex: none;
    align-self: stretch;
    width: 24px;
    margin: 0;
    line-height: 24px;
    text-align: center;
    cursor: pointer;
    user-select: none
}

.ant-select-tree-switcher .ant-tree-switcher-icon, .ant-select-tree-switcher .ant-select-tree-switcher-icon {
    display: inline-block;
    font-size: 10px;
    vertical-align: baseline
}

.ant-select-tree-switcher .ant-tree-switcher-icon svg, .ant-select-tree-switcher .ant-select-tree-switcher-icon svg {
    transition: transform .3s
}

.ant-select-tree-switcher-noop {
    cursor: default
}

.ant-select-tree-switcher_close .ant-select-tree-switcher-icon svg {
    transform: rotate(-90deg)
}

.ant-select-tree-switcher-loading-icon {
    color: var(--primary-color)
}

.ant-select-tree-switcher-leaf-line {
    position: relative;
    z-index: 1;
    display: inline-block;
    width: 100%;
    height: 100%
}

.ant-select-tree-switcher-leaf-line:before {
    position: absolute;
    top: 0;
    right: 12px;
    bottom: -4px;
    margin-left: -1px;
    border-right: 1px solid #d9d9d9;
    content: " "
}

.ant-select-tree-switcher-leaf-line:after {
    position: absolute;
    width: 10px;
    height: 14px;
    border-bottom: 1px solid #d9d9d9;
    content: " "
}

.ant-select-tree-checkbox {
    top: initial;
    margin: 4px 8px 0 0
}

.ant-select-tree .ant-select-tree-node-content-wrapper {
    position: relative;
    z-index: auto;
    min-height: 24px;
    margin: 0;
    padding: 0 4px;
    color: inherit;
    line-height: 24px;
    background: transparent;
    border-radius: 2px;
    cursor: pointer;
    transition: all .3s, border 0s, line-height 0s, box-shadow 0s
}

.ant-select-tree .ant-select-tree-node-content-wrapper:hover {
    background-color: var(--item-hover-bg)
}

.ant-select-tree .ant-select-tree-node-content-wrapper.ant-select-tree-node-selected {
    background-color: var(--primary-2)
}

.ant-select-tree .ant-select-tree-node-content-wrapper .ant-select-tree-iconEle {
    display: inline-block;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    vertical-align: top
}

.ant-select-tree .ant-select-tree-node-content-wrapper .ant-select-tree-iconEle:empty {
    display: none
}

.ant-select-tree-unselectable .ant-select-tree-node-content-wrapper:hover {
    background-color: transparent
}

.ant-select-tree-node-content-wrapper {
    line-height: 24px;
    user-select: none
}

.ant-select-tree-node-content-wrapper .ant-tree-drop-indicator {
    position: absolute;
    z-index: 1;
    height: 2px;
    background-color: var(--primary-color);
    border-radius: 1px;
    pointer-events: none
}

.ant-select-tree-node-content-wrapper .ant-tree-drop-indicator:after {
    position: absolute;
    top: -3px;
    left: -6px;
    width: 8px;
    height: 8px;
    background-color: transparent;
    border: 2px solid var(--primary-color);
    border-radius: 50%;
    content: ""
}

.ant-select-tree .ant-select-tree-treenode.drop-container > [draggable] {
    box-shadow: 0 0 0 2px var(--primary-color)
}

.ant-select-tree-show-line .ant-select-tree-indent-unit {
    position: relative;
    height: 100%
}

.ant-select-tree-show-line .ant-select-tree-indent-unit:before {
    position: absolute;
    top: 0;
    right: 12px;
    bottom: -4px;
    border-right: 1px solid var(--border-color-base);
    content: ""
}

.ant-select-tree-show-line .ant-select-tree-indent-unit-end:before {
    display: none
}

.ant-select-tree-show-line .ant-select-tree-switcher {
    background: var(--component-background)
}

.ant-select-tree-show-line .ant-select-tree-switcher-line-icon {
    vertical-align: -.15em
}

.ant-select-tree .ant-select-tree-treenode-leaf-last .ant-select-tree-switcher-leaf-line:before {
    top: auto !important;
    bottom: auto !important;
    height: 14px !important
}

.ant-tree-select-dropdown-rtl .ant-select-tree .ant-select-tree-switcher_close .ant-select-tree-switcher-icon svg {
    transform: rotate(90deg)
}

.ant-tree-select-dropdown-rtl .ant-select-tree .ant-select-tree-switcher-loading-icon {
    transform: scaleY(-1)
}

[data-v-4615377a] .fc .fc-day-today {
    background: unset
}

.ele-menu-badge {
    position: absolute;
    top: 50%;
    right: 14px;
    line-height: 1;
    margin-top: -9px;
    font-size: 0
}

.ele-menu-badge .ant-badge-count {
    height: 18px;
    line-height: 18px;
    border-radius: 9px;
    box-shadow: none;
    min-width: 18px;
    padding: 0 4px
}

.ele-menu-badge .ant-scroll-number-only {
    height: 18px
}

.ele-menu-badge .ant-scroll-number-only > p.ant-scroll-number-only-unit {
    height: 18px
}

.ant-menu-submenu-title > .ant-menu-title-content .ele-menu-badge {
    right: 36px
}

.ant-menu-submenu-popup .ant-menu-submenu-title > .ant-menu-title-content .ele-menu-badge {
    right: 30px
}

.ele-admin-header-nav > .ant-menu > .ant-menu-item > .ant-menu-title-content .ele-menu-badge, .ele-admin-header-nav > .ant-menu > .ant-menu-submenu > .ant-menu-submenu-title > .ant-menu-title-content .ele-menu-badge {
    position: static;
    right: auto;
    top: auto;
    display: inline-block;
    vertical-align: 5px;
    margin: 0 0 0 4px
}

.ele-admin-sidebar-nav-menu > .ant-menu > .ant-menu-item > .ant-menu-title-content .ele-menu-badge, .ele-admin-sidebar-nav-menu > .ant-menu > .ant-menu-submenu > .ant-menu-submenu-title > .ant-menu-title-content .ele-menu-badge {
    top: 0;
    right: 0;
    margin: 0
}

.ele-admin-nav-collapse .ele-admin-sidebar-nav-menu > .ant-menu > .ant-menu-item > .ant-menu-title-content .ele-menu-badge, .ele-admin-nav-collapse .ele-admin-sidebar-nav-menu > .ant-menu > .ant-menu-submenu > .ant-menu-submenu-title > .ant-menu-title-content .ele-menu-badge {
    top: 0;
    right: 0
}

.ant-tooltip-inner .ele-menu-badge {
    display: none
}

.ant-message {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: var(--text-color);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: fixed;
    top: 8px;
    left: 0;
    z-index: 1010;
    width: 100%;
    pointer-events: none
}

.ant-message-notice {
    padding: 8px;
    text-align: center
}

.ant-message-notice-content {
    display: inline-block;
    padding: 10px 16px;
    background: var(--message-notice-content-bg);
    border-radius: 2px;
    box-shadow: var(--shadow-2);
    pointer-events: all
}

.ant-message-success .anticon {
    color: var(--success-color)
}

.ant-message-error .anticon {
    color: var(--error-color)
}

.ant-message-warning .anticon {
    color: var(--warning-color)
}

.ant-message-info .anticon, .ant-message-loading .anticon {
    color: var(--info-color)
}

.ant-message .anticon {
    position: relative;
    top: 1px;
    margin-right: 8px;
    font-size: 16px
}

.ant-message-notice.ant-move-up-leave.ant-move-up-leave-active {
    animation-name: MessageMoveOut;
    animation-duration: .3s
}

@keyframes MessageMoveOut {
    0% {
        max-height: 150px;
        padding: 8px;
        opacity: 1
    }
    to {
        max-height: 0;
        padding: 0;
        opacity: 0
    }
}

.ant-message-rtl, .ant-message-rtl span {
    direction: rtl
}

.ant-message-rtl .anticon {
    margin-right: 0;
    margin-left: 8px
}

#nprogress {
    pointer-events: none
}

#nprogress .bar {
    background: var(--primary-color);
    position: fixed;
    z-index: 1031;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px
}

#nprogress .peg {
    display: block;
    position: absolute;
    right: 0;
    width: 100px;
    height: 100%;
    box-shadow: 0 0 10px var(--primary-color), 0 0 5px var(--primary-color);
    opacity: 1;
    -webkit-transform: rotate(3deg) translate(0px, -4px);
    -ms-transform: rotate(3deg) translate(0px, -4px);
    transform: rotate(3deg) translateY(-4px)
}

#nprogress .spinner {
    display: block;
    position: fixed;
    z-index: 1031;
    top: 15px;
    right: 15px
}

#nprogress .spinner-icon {
    width: 18px;
    height: 18px;
    box-sizing: border-box;
    border: solid 2px transparent;
    border-top-color: var(--primary-color);
    border-left-color: var(--primary-color);
    border-radius: 50%;
    -webkit-animation: nprogress-spinner .4s linear infinite;
    animation: nprogress-spinner .4s linear infinite
}

.nprogress-custom-parent {
    overflow: hidden;
    position: relative
}

.nprogress-custom-parent #nprogress .spinner, .nprogress-custom-parent #nprogress .bar {
    position: absolute
}

@-webkit-keyframes nprogress-spinner {
    0% {
        -webkit-transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes nprogress-spinner {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(360deg)
    }
}

@media only screen and (max-width: 575px) {
    .hidden-xs-only {
        display: none !important
    }
}

@media only screen and (min-width: 576px) {
    .hidden-sm-and-up {
        display: none !important
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .hidden-sm-only {
        display: none !important
    }
}

@media only screen and (max-width: 767px) {
    .hidden-sm-and-down {
        display: none !important
    }
}

@media only screen and (min-width: 768px) {
    .hidden-md-and-up {
        display: none !important
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .hidden-md-only {
        display: none !important
    }
}

@media only screen and (max-width: 991px) {
    .hidden-md-and-down {
        display: none !important
    }
}

@media only screen and (min-width: 992px) {
    .hidden-lg-and-up {
        display: none !important
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .hidden-lg-only {
        display: none !important
    }
}

@media only screen and (max-width: 1199px) {
    .hidden-lg-and-down {
        display: none !important
    }
}

@media only screen and (min-width: 1200px) {
    .hidden-xl-and-up {
        display: none !important
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .hidden-xl-only {
        display: none !important
    }
}

@media only screen and (max-width: 1599px) {
    .hidden-xl-and-down {
        display: none !important
    }
}

@media only screen and (min-width: 1600px) {
    .hidden-xxl-and-up {
        display: none !important
    }
}

@media only screen and (min-width: 1600px) and (max-width: 1999px) {
    .hidden-xxl-only {
        display: none !important
    }
}

@media only screen and (max-width: 1999px) {
    .hidden-xxl-and-down {
        display: none !important
    }
}

@media only screen and (min-width: 2000px) {
    .hidden-xxxl-only {
        display: none !important
    }
}

html {
    overflow: auto;
    overflow: overlay
}

body {
    overflow-x: hidden;
    position: relative
}

body.ele-body-limit-width {
    min-width: 1400px
}

body.ele-body-limit-width .ant-form-item .ant-form-item-label {
    padding: 0;
    line-height: inherit;
    white-space: nowrap;
    text-align: right
}

body.ele-body-limit-width .ant-form-item .ant-form-item-label > label:after {
    display: block
}

body h1, body h2, body h3, body h4, body h5, body h6 {
    margin: 0;
    font-weight: 400;
    font-size: 16px
}

body h5 {
    font-size: 18px
}

body h4 {
    font-size: 20px
}

body h3 {
    font-size: 22px
}

body h2 {
    font-size: 24px
}

body h1 {
    font-size: 26px
}

body .ele-text {
    color: var(--text-color)
}

body .ele-text-heading {
    color: var(--heading-color)
}

body .ele-text-secondary {
    color: var(--text-color-secondary)
}

body .ele-text-placeholder {
    color: var(--input-placeholder-color)
}

body a.ele-text:hover, body a.ele-text-heading:hover, body a.ele-text-secondary:hover, body a.ele-text-placeholder:hover {
    color: var(--primary-5)
}

body .ele-text-primary {
    color: var(--primary-color)
}

body .ele-text-success, body .ele-text-success:hover {
    color: var(--success-color)
}

body a.ele-text-success:hover {
    color: var(--green-5)
}

body a.ele-text-success:active {
    color: var(--green-7)
}

body .ele-text-warning, body .ele-text-warning:hover {
    color: var(--warning-color)
}

body a.ele-text-warning:hover {
    color: var(--gold-5)
}

body a.ele-text-warning:active {
    color: var(--gold-7)
}

body .ele-text-danger, body .ele-text-danger:hover {
    color: var(--error-color)
}

body a.ele-text-danger:hover {
    color: var(--red-5)
}

body a.ele-text-danger:active {
    color: var(--red-7)
}

body .ele-text-info, body a.ele-text-info:hover, body a.ele-text-info:active {
    color: #d9d9d9
}

body .ele-text-delete {
    text-decoration: line-through
}

body .ele-text-small {
    font-size: 12px !important
}

body .ele-bg-base {
    background-color: var(--layout-body-background) !important
}

body .ele-bg-primary {
    background-color: var(--primary-color) !important
}

body .ele-bg-success {
    background-color: var(--success-color) !important
}

body .ele-bg-warning {
    background-color: var(--warning-color) !important
}

body .ele-bg-danger {
    background-color: var(--error-color) !important
}

body .ele-bg-info {
    background-color: #d9d9d9 !important
}

body .ele-bg-white {
    background-color: var(--component-background) !important
}

body .ele-border-primary {
    border-color: var(--primary-color) !important
}

body .ele-border-success {
    border-color: var(--success-color) !important
}

body .ele-border-warning {
    border-color: var(--warning-color) !important
}

body .ele-border-danger {
    border-color: var(--error-color) !important
}

body .ele-border-info {
    border-color: #d9d9d9 !important
}

body .ele-border-base {
    border-color: var(--border-color-base) !important
}

body .ele-border-split {
    border-color: var(--border-color-split) !important
}

body .ele-pull-left {
    float: left
}

body .ele-pull-right {
    float: right
}

body .ele-clear {
    clear: both
}

body .ele-clear-after:after {
    content: "";
    clear: both;
    display: block
}

body .ele-text-center {
    text-align: center
}

body .ele-text-left {
    text-align: left
}

body .ele-text-right {
    text-align: right
}

body .ele-fluid {
    width: 100% !important
}

body .ele-block {
    display: block
}

body .ele-inline-block {
    display: inline-block
}

body .ele-inline {
    display: inline
}

body em:not([class]) {
    padding: 0 .5em;
    font-style: normal
}

body s:not([class]) {
    padding: 0 .125em;
    font-style: normal
}

.ele-elip {
    overflow: hidden;
    white-space: nowrap;
    word-break: break-all;
    text-overflow: ellipsis
}

.ele-cell {
    display: flex
}

.ele-cell:not(.ele-cell-align-top) {
    align-items: center
}

.ele-cell.ele-cell-align-bottom {
    align-items: flex-end
}

.ele-cell > .ele-cell-content {
    flex: 1;
    box-sizing: border-box
}

.ele-cell > * + .ele-cell-content {
    padding-left: 12px
}

.ele-cell .ele-cell-title {
    color: var(--heading-color);
    font-size: 15px
}

.ele-cell .ele-cell-desc {
    color: var(--text-color-secondary);
    font-size: 13px;
    margin-top: 4px
}

.ele-body {
    padding: 16px
}

.ele-body.ele-body-card {
    padding-bottom: 0
}

.ele-body.ele-body-card .ant-card {
    margin-bottom: 16px
}

.ele-bottom-tool {
    position: fixed;
    bottom: 0;
    right: 0;
    width: 100%;
    display: flex;
    align-items: center;
    box-shadow: var(--shadow-1-up);
    padding: 8px 16px;
    background: var(--component-background);
    transition: padding-left .3s cubic-bezier(.2, 0, 0, 1) 0s;
    z-index: 98
}

.ele-bottom-tool .ele-bottom-tool-actions {
    flex: 1;
    text-align: right
}

@media screen and (min-width: 768px) {
    .ele-admin-sidebar + .ele-admin-body .ele-bottom-tool {
        padding-left: 226px
    }

    .ele-layout-collapse .ele-admin-sidebar + .ele-admin-body .ele-bottom-tool {
        padding-left: 64px
    }
}

.ele-table {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
    background: var(--component-background)
}

.ele-table thead tr th, .ele-table thead tr td {
    background: var(--table-header-bg);
    transition: background-color .25s ease
}

.ele-table tbody tr th, .ele-table tbody tr td {
    background: var(--component-background);
    transition: background-color .25s ease
}

.ele-table tbody tr:hover th, .ele-table.ele-table-stripe tr:nth-child(even) th, .ele-table tbody tr:hover td, .ele-table.ele-table-stripe tr:nth-child(even) td {
    background: var(--table-row-hover-bg)
}

.ele-table tbody tr.ele-table-active th, .ele-table tbody tr.ele-table-active td {
    background: var(--primary-1)
}

.ele-table th, .ele-table td {
    font-weight: 400;
    line-height: 23px;
    padding: 12px 10px;
    border-width: 0;
    border-style: solid;
    border-color: var(--border-color-split);
    border-bottom-width: 1px;
    text-align: left
}

.ele-table th {
    color: var(--heading-color)
}

.ele-table.ele-table-border th, .ele-table.ele-table-border td {
    border-width: 1px
}

.ele-table.ele-table-medium th, .ele-table.ele-table-medium td {
    padding-top: 10px;
    padding-bottom: 10px
}

.ele-table.ele-table-small th, .ele-table.ele-table-small td {
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 12px
}

.ele-table.ele-table-mini th, .ele-table.ele-table-mini td {
    padding-top: 6px;
    padding-bottom: 6px;
    font-size: 12px
}

.ele-table:not(.ele-table-border) thead > tr > th {
    position: relative
}

.ele-table:not(.ele-table-border) thead > tr > th:not(:last-child):before {
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: 1.6em;
    background-color: var(--table-header-cell-split-color);
    transform: translateY(-50%);
    transition: background-color .3s;
    content: ""
}

body .ant-divider {
    margin: 0
}

body .ant-modal-header {
    padding: 16px 24px
}

body .ant-modal-header > .ant-modal-title > div {
    padding-right: 34px
}

body .ant-modal-close-x {
    width: 54px;
    height: 54px;
    line-height: 54px
}

.ele-btn-icon:not(.ant-btn-sm) {
    padding-left: 10px;
    padding-right: 10px
}

.ele-btn-icon:not(.ant-btn-sm) > .anticon + span {
    margin-left: 4px;
    margin-right: 2px
}

.ele-form-detail .ant-form-item {
    margin-bottom: 0
}

@media (max-width: 575px) {
    .ele-form-detail .ant-form-item-label {
        line-height: 39.9999px;
        padding-bottom: 0
    }

    .ele-form-detail .ant-form-item-label > label:after {
        display: inherit
    }
}

.ele-pop-wrap-higher .ant-cascader-menu {
    height: 280px
}

.ele-message-loading .ant-message, .ele-message-loading-mask .ant-message {
    pointer-events: auto
}

.ele-message-loading-mask .ant-message {
    background: rgba(0, 0, 0, .45)
}

body .ant-message {
    top: 0;
    padding-top: 16px;
    min-height: 100vh;
    transition: background-color .3s
}

.rc-virtual-list-scrollbar-thumb, .ant-select-tree-list-scrollbar-thumb {
    background: var(--scrollbar-thumb-color) !important
}

.rc-virtual-list-scrollbar-thumb:hover, .ant-select-tree-list-scrollbar-thumb:hover {
    background: var(--scrollbar-thumb-hover-color) !important
}

.ant-table-bordered div.ant-table-body:before, .ant-table-bordered div.ant-table-body:after {
    content: "";
    position: absolute;
    background: var(--border-color-split);
    z-index: 2
}

.ant-table-bordered div.ant-table-body:before {
    right: 0;
    top: 0;
    bottom: 0;
    width: 1px
}

.ant-table-bordered div.ant-table-body:after {
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px
}

.ele-chart-dot {
    width: 10px;
    height: 10px;
    margin-right: 5px;
    border-radius: 50%;
    display: inline-block;
    background: #5b8ff9
}

.echarts > div {
    max-width: 100%;
    overflow: hidden
}

::-webkit-scrollbar {
    width: 12px;
    height: 12px
}

::-webkit-scrollbar-thumb {
    border-radius: 6px;
    border: 2px solid transparent;
    background-color: var(--scrollbar-thumb-color);
    background-clip: padding-box
}

::-webkit-scrollbar-thumb:hover {
    background-color: var(--scrollbar-thumb-hover-color)
}

::-webkit-scrollbar-track {
    background: var(--scrollbar-track-color)
}

::-webkit-scrollbar-corner {
    background: transparent
}

.ele-scrollbar-mini::-webkit-scrollbar {
    width: 8px;
    height: 8px
}

.ele-scrollbar-mini::-webkit-scrollbar-thumb {
    border-radius: 4px
}

.ele-scrollbar-hide::-webkit-scrollbar {
    width: 0;
    height: 0
}

.ele-scrollbar-hide, .ele-scrollbar-hover {
    overflow: auto;
    overflow: overlay
}

@media (hover: hover) and (pointer: fine) {
    .ele-scrollbar-hover::-webkit-scrollbar, .ele-scrollbar-hover.ele-scrollbar-mini::-webkit-scrollbar {
        width: 0;
        height: 0
    }

    .ele-scrollbar-hover:hover::-webkit-scrollbar {
        width: 12px;
        height: 12px
    }

    .ele-scrollbar-hover:hover.ele-scrollbar-mini::-webkit-scrollbar {
        width: 8px;
        height: 8px
    }
}

@media only screen and (max-width: 768px) {
    ::-webkit-scrollbar, .ele-scrollbar-hover:hover::-webkit-scrollbar {
        width: 8px;
        height: 8px
    }

    ::-webkit-scrollbar-thumb {
        border-radius: 4px
    }
}

* {
    scrollbar-width: thin;
    scrollbar-color: var(--scrollbar-thumb-color) transparent
}

.fade-enter-active, .fade-leave-active {
    transition: opacity .2s ease-in-out
}

.fade-enter-from, .fade-leave-to {
    opacity: 0
}

.slide-bottom-enter-active, .slide-bottom-leave-active {
    transition: opacity .2s ease-out, transform .25s ease-out
}

.slide-bottom-enter-from {
    opacity: 0;
    transform: translateY(-10%)
}

.slide-bottom-leave-to {
    opacity: 0;
    transform: translateY(10%)
}

.slide-right-leave-active, .slide-right-enter-active {
    transition: opacity .2s ease-out, transform .25s ease-out
}

.slide-right-enter-from {
    opacity: 0;
    transform: translate(-60px)
}

.slide-right-leave-to {
    opacity: 0;
    transform: translate(60px)
}

.zoom-in-enter-active, .zoom-in-leave-active {
    transition: opacity .2s ease-out, transform .25s ease-out
}

.zoom-in-enter-from {
    opacity: 0;
    transform: scale(.9)
}

.zoom-in-leave-to {
    opacity: 0;
    transform: scale(1.1)
}

.zoom-out-leave-active, .zoom-out-enter-active {
    transition: opacity .2s ease-out, transform .25s ease-out
}

.zoom-out-enter-from {
    opacity: 0;
    transform: scale(1.2)
}

.zoom-out-leave-to {
    opacity: 0;
    transform: scale(.8)
}

:root {
    --blue-1: #e6f7ff;
    --blue-2: #bae7ff;
    --blue-3: #91d5ff;
    --blue-4: #69c0ff;
    --blue-5: #40a9ff;
    --blue-6: #1890ff;
    --blue-7: #096dd9;
    --blue-8: #0050b3;
    --blue-9: #003a8c;
    --blue-10: #002766;
    --purple-1: #f9f0ff;
    --purple-2: #efdbff;
    --purple-3: #d3adf7;
    --purple-4: #b37feb;
    --purple-5: #9254de;
    --purple-6: #722ed1;
    --purple-7: #531dab;
    --purple-8: #391085;
    --purple-9: #22075e;
    --purple-10: #120338;
    --cyan-1: #e6fffb;
    --cyan-2: #b5f5ec;
    --cyan-3: #87e8de;
    --cyan-4: #5cdbd3;
    --cyan-5: #36cfc9;
    --cyan-6: #13c2c2;
    --cyan-7: #08979c;
    --cyan-8: #006d75;
    --cyan-9: #00474f;
    --cyan-10: #002329;
    --green-1: #f6ffed;
    --green-2: #d9f7be;
    --green-3: #b7eb8f;
    --green-4: #95de64;
    --green-5: #73d13d;
    --green-6: #52c41a;
    --green-7: #389e0d;
    --green-8: #237804;
    --green-9: #135200;
    --green-10: #092b00;
    --pink-1: #fff0f6;
    --pink-2: #ffd6e7;
    --pink-3: #ffadd2;
    --pink-4: #ff85c0;
    --pink-5: #f759ab;
    --pink-6: #eb2f96;
    --pink-7: #c41d7f;
    --pink-8: #9e1068;
    --pink-9: #780650;
    --pink-10: #520339;
    --red-1: #fff1f0;
    --red-2: #ffccc7;
    --red-3: #ffa39e;
    --red-4: #ff7875;
    --red-5: #ff4d4f;
    --red-6: #f5222d;
    --red-7: #cf1322;
    --red-8: #a8071a;
    --red-9: #820014;
    --red-10: #5c0011;
    --orange-1: #fff7e6;
    --orange-2: #ffe7ba;
    --orange-3: #ffd591;
    --orange-4: #ffc069;
    --orange-5: #ffa940;
    --orange-6: #fa8c16;
    --orange-7: #d46b08;
    --orange-8: #ad4e00;
    --orange-9: #873800;
    --orange-10: #612500;
    --gold-1: #fffbe6;
    --gold-2: #fff1b8;
    --gold-3: #ffe58f;
    --gold-4: #ffd666;
    --gold-5: #ffc53d;
    --gold-6: #faad14;
    --gold-7: #d48806;
    --gold-8: #ad6800;
    --gold-9: #874d00;
    --gold-10: #613400;
    --primary-1: var(--blue-1);
    --primary-2: var(--blue-2);
    --primary-3: var(--blue-3);
    --primary-4: var(--blue-4);
    --primary-5: var(--blue-5);
    --primary-6: var(--blue-6);
    --primary-7: var(--blue-7);
    --primary-8: var(--blue-8);
    --primary-9: var(--blue-9);
    --primary-10: var(--blue-10);
    --primary-color: var(--primary-6);
    --primary-color-hover: var(--primary-5);
    --primary-color-active: var(--primary-7);
    --primary-color-outline: var(--primary-2);
    --info-color: var(--primary-color);
    --success-color: var(--green-6);
    --success-color-hover: var(--green-5);
    --success-color-active: var(--green-7);
    --success-color-outline: var(--green-2);
    --warning-color: var(--gold-6);
    --warning-color-hover: var(--gold-5);
    --warning-color-active: var(--gold-7);
    --warning-color-outline: var(--gold-2);
    --error-color: var(--red-5);
    --error-color-hover: var(--red-4);
    --error-color-active: var(--red-7);
    --error-color-outline: var(--red-2);
    --highlight-color: var(--red-5);
    --processing-color: var(--blue-6);
    --body-background: #fff;
    --component-background: #fff;
    --popover-background: var(--component-background);
    --popover-customize-border-color: var(--border-color-split);
    --text-color: rgba(0, 0, 0, .85);
    --text-color-secondary: rgba(0, 0, 0, .45);
    --text-color-inverse: #fff;
    --icon-color-hover: rgba(0, 0, 0, .75);
    --heading-color: rgba(0, 0, 0, .85);
    --item-hover-bg: #f5f5f5;
    --border-color-base: #d9d9d9;
    --border-color-split: #f0f0f0;
    --background-color-light: #fafafa;
    --background-color-base: #f5f5f5;
    --disabled-color: rgba(0, 0, 0, .25);
    --disabled-bg: var(--background-color-base);
    --disabled-color-dark: rgba(255, 255, 255, .35);
    --shadow-color: rgba(0, 0, 0, .15);
    --shadow-color-inverse: var(--component-background);
    --box-shadow-base: var(--shadow-2);
    --shadow-1-up: 0 -6px 16px -8px rgba(0, 0, 0, .08), 0 -9px 28px 0 rgba(0, 0, 0, .05), 0 -12px 48px 16px rgba(0, 0, 0, .03);
    --shadow-1-down: 0 6px 16px -8px rgba(0, 0, 0, .08), 0 9px 28px 0 rgba(0, 0, 0, .05), 0 12px 48px 16px rgba(0, 0, 0, .03);
    --shadow-1-left: -6px 0 16px -8px rgba(0, 0, 0, .08), -9px 0 28px 0 rgba(0, 0, 0, .05), -12px 0 48px 16px rgba(0, 0, 0, .03);
    --shadow-1-right: 6px 0 16px -8px rgba(0, 0, 0, .08), 9px 0 28px 0 rgba(0, 0, 0, .05), 12px 0 48px 16px rgba(0, 0, 0, .03);
    --shadow-2: 0 3px 6px -4px rgba(0, 0, 0, .12), 0 6px 16px 0 rgba(0, 0, 0, .08), 0 9px 28px 8px rgba(0, 0, 0, .05);
    --btn-shadow: 0 2px 0 rgba(0, 0, 0, .015);
    --btn-primary-shadow: 0 2px 0 rgba(0, 0, 0, .045);
    --btn-text-shadow: 0 -1px 0 rgba(0, 0, 0, .12);
    --btn-default-bg: var(--component-background);
    --btn-default-ghost-color: var(--component-background);
    --btn-default-ghost-border: var(--component-background);
    --btn-text-hover-bg: rgba(0, 0, 0, .018);
    --btn-text-active-bg: rgba(0, 0, 0, .028);
    --checkbox-check-bg: #fff;
    --descriptions-bg: #fafafa;
    --divider-color: rgba(0, 0, 0, .06);
    --dropdown-menu-submenu-disabled-bg: var(--component-background);
    --radio-dot-disabled-color: rgba(0, 0, 0, .2);
    --radio-solid-checked-color: var(--component-background);
    --radio-disabled-button-checked-bg: #e6e6e6;
    --radio-disabled-button-checked-color: var(--disabled-color);
    --layout-body-background: #f0f2f5;
    --layout-header-background: #001529;
    --layout-trigger-background: #002140;
    --dropdown-menu-bg: var(--component-background);
    --input-placeholder-color: #bfbfbf;
    --input-icon-color: var(--text-color);
    --input-bg: var(--component-background);
    --input-number-handler-active-bg: #f4f4f4;
    --input-icon-hover-color: rgba(0, 0, 0, .85);
    --mentions-dropdown-bg: var(--component-background);
    --select-dropdown-bg: var(--component-background);
    --select-background: var(--component-background);
    --select-clear-background: var(--select-background);
    --select-selection-item-bg: var(--background-color-base);
    --select-selection-item-border-color: var(--border-color-split);
    --select-multiple-disabled-background: var(--disabled-bg);
    --select-multiple-item-disabled-color: #bfbfbf;
    --select-multiple-item-disabled-border-color: var(--border-color-base);
    --cascader-bg: var(--component-background);
    --cascader-menu-bg: var(--component-background);
    --cascader-menu-border-color-split: var(--border-color-split);
    --tooltip-bg: rgba(0, 0, 0, .75);
    --popover-bg: var(--component-background);
    --modal-header-bg: var(--component-background);
    --modal-header-border-color-split: var(--border-color-split);
    --modal-content-bg: var(--component-background);
    --modal-footer-border-color-split: var(--border-color-split);
    --progress-steps-item-bg: #f3f3f3;
    --menu-popup-bg: var(--component-background);
    --menu-dark-bg: var(--layout-header-background);
    --menu-dark-inline-submenu-bg: #000c17;
    --table-header-bg: var(--background-color-light);
    --table-header-sort-bg: var(--background-color-base);
    --table-body-sort-bg: #fafafa;
    --table-row-hover-bg: var(--background-color-light);
    --table-expanded-row-bg: #fbfbfb;
    --table-header-cell-split-color: rgba(0, 0, 0, .06);
    --table-header-sort-active-bg: rgba(0, 0, 0, .04);
    --table-fixed-header-sort-active-bg: #f5f5f5;
    --table-header-filter-active-bg: rgba(0, 0, 0, .04);
    --table-filter-btns-bg: inherit;
    --table-filter-dropdown-bg: var(--component-background);
    --table-expand-icon-bg: var(--component-background);
    --picker-bg: var(--component-background);
    --picker-basic-cell-disabled-bg: var(--disabled-bg);
    --picker-border-color: var(--border-color-split);
    --calendar-bg: var(--component-background);
    --calendar-input-bg: var(--input-bg);
    --calendar-border-color: #fff;
    --calendar-full-bg: var(--calendar-bg);
    --badge-text-color: var(--component-background);
    --rate-star-bg: var(--border-color-split);
    --card-actions-background: var(--component-background);
    --card-skeleton-bg: #cfd8dc;
    --card-shadow: 0 1px 2px -2px rgba(0, 0, 0, .16), 0 3px 6px 0 rgba(0, 0, 0, .12), 0 5px 12px 4px rgba(0, 0, 0, .09);
    --comment-bg: inherit;
    --comment-author-time-color: #ccc;
    --comment-action-hover-color: #595959;
    --back-top-bg: var(--text-color-secondary);
    --back-top-hover-bg: var(--text-color);
    --avatar-bg: #ccc;
    --switch-bg: var(--component-background);
    --pagination-item-bg: var(--component-background);
    --pagination-item-bg-active: var(--component-background);
    --pagination-item-link-bg: var(--component-background);
    --pagination-item-disabled-color-active: #fff;
    --pagination-item-disabled-bg-active: #e6e6e6;
    --pagination-item-input-bg: var(--component-background);
    --page-header-back-color: #000;
    --page-header-ghost-bg: inherit;
    --slider-rail-background-color: var(--background-color-base);
    --slider-rail-background-color-hover: #e1e1e1;
    --slider-dot-border-color: var(--border-color-split);
    --slider-dot-border-color-active: var(--primary-4);
    --tree-bg: var(--component-background);
    --skeleton-to-color: rgba(129, 129, 129, .24);
    --transfer-item-hover-bg: var(--item-hover-bg);
    --message-notice-content-bg: var(--component-background);
    --list-customize-card-bg: var(--component-background);
    --drawer-bg: var(--component-background);
    --timeline-color: var(--border-color-split);
    --timeline-dot-color: var(--primary-color);
    --steps-nav-arrow-color: rgba(0, 0, 0, .25);
    --steps-background: var(--component-background);
    --notification-bg: var(--component-background);
    --image-preview-operation-disabled-color: rgba(255, 255, 255, .45);
    --gradient-min: rgba(207, 216, 220, .2);
    --gradient-max: rgba(207, 216, 220, .4);
    --scrollbar-thumb-color: #cfcfcf;
    --scrollbar-thumb-hover-color: #b6b6b6;
    --scrollbar-track-color: transparent;
    --sidebar-background: var(--layout-header-background);
    --sidebar-light-background: var(--component-background);
    --sidebar-light-shadow: 1px 3px 3px rgba(0, 21, 41, .08);
    --sidebar-dark-shadow: 0 4px 4px rgba(0, 0, 0, .35);
    --sidebar-scrollbar-thumb-color: #4d5b69;
    --sidebar-scrollbar-thumb-hover-color: #66737f;
    --sidebar-scrollbar-track-color: transparent;
    --sidebar-light-scrollbar-thumb-color: var(--scrollbar-thumb-color);
    --sidebar-light-scrollbar-thumb-hover-color: var(--scrollbar-thumb-hover-color);
    --sidebar-light-scrollbar-track-color: transparent;
    --header-background: var(--layout-header-background);
    --header-light-background: var(--component-background);
    --header-light-shadow: 0 1px 4px rgba(0, 21, 41, .08);
    --header-dark-shadow: 0 1px 4px rgba(0, 0, 0, .1);
    --header-tool-hover-bg: rgba(0, 0, 0, .025);
    --header-dark-tool-hover-bg: rgba(255, 255, 255, .05);
    --logo-light-shadow: 1px 2px 3px rgba(0, 21, 41, .08);
    --logo-dark-shadow: 0 3px 4px rgba(0, 0, 0, .35)
}

.ele-admin-theme-dark {
    --blue-1: #111d2c;
    --blue-2: #112a45;
    --blue-3: #15395b;
    --blue-4: #164c7e;
    --blue-5: #1765ad;
    --blue-6: #177ddc;
    --blue-7: #3c9ae8;
    --blue-8: #65b7f3;
    --blue-9: #8dcff8;
    --blue-10: #b7e3fa;
    --purple-1: #1a1325;
    --purple-2: #24163a;
    --purple-3: #301c4d;
    --purple-4: #3e2069;
    --purple-5: #51258f;
    --purple-6: #642ab5;
    --purple-7: #854eca;
    --purple-8: #ab7ae0;
    --purple-9: #cda8f0;
    --purple-10: #ebd7fa;
    --cyan-1: #112123;
    --cyan-2: #113536;
    --cyan-3: #144848;
    --cyan-4: #146262;
    --cyan-5: #138585;
    --cyan-6: #13a8a8;
    --cyan-7: #33bcb7;
    --cyan-8: #58d1c9;
    --cyan-9: #84e2d8;
    --cyan-10: #b2f1e8;
    --green-1: #162312;
    --green-2: #1d3712;
    --green-3: #274916;
    --green-4: #306317;
    --green-5: #3c8618;
    --green-6: #49aa19;
    --green-7: #6abe39;
    --green-8: #8fd460;
    --green-9: #b2e58b;
    --green-10: #d5f2bb;
    --pink-1: #291321;
    --pink-2: #40162f;
    --pink-3: #551c3b;
    --pink-4: #75204f;
    --pink-5: #a02669;
    --pink-6: #cb2b83;
    --pink-7: #e0529c;
    --pink-8: #f37fb7;
    --pink-9: #f8a8cc;
    --pink-10: #fad2e3;
    --red-1: #2a1215;
    --red-2: #431418;
    --red-3: #58181c;
    --red-4: #791a1f;
    --red-5: #a61d24;
    --red-6: #f5222d;
    --red-7: #e84749;
    --red-8: #f37370;
    --red-9: #f89f9a;
    --red-10: #fac8c3;
    --orange-1: #2b1d11;
    --orange-2: #442a11;
    --orange-3: #593815;
    --orange-4: #7c4a15;
    --orange-5: #aa6215;
    --orange-6: #d87a16;
    --orange-7: #e89a3c;
    --orange-8: #f3b765;
    --orange-9: #f8cf8d;
    --orange-10: #fae3b7;
    --gold-1: #2b2111;
    --gold-2: #443111;
    --gold-3: #594214;
    --gold-4: #7c5914;
    --gold-5: #aa7714;
    --gold-6: #d89614;
    --gold-7: #e8b339;
    --gold-8: #f3cc62;
    --gold-9: #f8df8b;
    --gold-10: #faedb5;
    --primary-1: var(--blue-1);
    --primary-2: var(--blue-2);
    --primary-3: var(--blue-3);
    --primary-4: var(--blue-4);
    --primary-5: var(--blue-5);
    --primary-6: var(--blue-6);
    --primary-7: var(--blue-7);
    --primary-8: var(--blue-8);
    --primary-9: var(--blue-9);
    --primary-10: var(--blue-10);
    --primary-color: var(--primary-6);
    --primary-color-hover: var(--primary-5);
    --primary-color-active: var(--primary-7);
    --primary-color-outline: var(--primary-2);
    --info-color: var(--primary-color);
    --success-color: var(--green-6);
    --success-color-hover: var(--green-5);
    --success-color-active: var(--green-7);
    --success-color-outline: var(--green-2);
    --warning-color: var(--gold-6);
    --warning-color-hover: var(--gold-5);
    --warning-color-active: var(--gold-7);
    --warning-color-outline: var(--gold-2);
    --error-color: var(--red-5);
    --error-color-hover: var(--red-4);
    --error-color-active: var(--red-7);
    --error-color-outline: var(--red-2);
    --highlight-color: var(--red-5);
    --processing-color: var(--blue-6);
    --body-background: #000;
    --component-background: #141414;
    --popover-background: #1f1f1f;
    --popover-customize-border-color: #3a3a3a;
    --text-color: rgba(255, 255, 255, .85);
    --text-color-secondary: rgba(255, 255, 255, .45);
    --text-color-inverse: #fff;
    --icon-color-hover: rgba(255, 255, 255, .75);
    --heading-color: rgba(255, 255, 255, .85);
    --item-hover-bg: rgba(255, 255, 255, .08);
    --border-color-base: #434343;
    --border-color-split: #303030;
    --background-color-light: rgba(255, 255, 255, .04);
    --background-color-base: rgba(255, 255, 255, .08);
    --disabled-color: rgba(255, 255, 255, .3);
    --disabled-bg: var(--background-color-base);
    --disabled-color-dark: rgba(255, 255, 255, .3);
    --shadow-color: rgba(0, 0, 0, .45);
    --shadow-color-inverse: var(--component-background);
    --box-shadow-base: var(--shadow-2);
    --shadow-1-up: 0 -6px 16px -8px rgba(0, 0, 0, .32), 0 -9px 28px 0 rgba(0, 0, 0, .2), 0 -12px 48px 16px rgba(0, 0, 0, .12);
    --shadow-1-down: 0 6px 16px -8px rgba(0, 0, 0, .32), 0 9px 28px 0 rgba(0, 0, 0, .2), 0 12px 48px 16px rgba(0, 0, 0, .12);
    --shadow-1-right: 6px 0 16px -8px rgba(0, 0, 0, .32), 9px 0 28px 0 rgba(0, 0, 0, .2), 12px 0 48px 16px rgba(0, 0, 0, .12);
    --shadow-2: 0 3px 6px -4px rgba(0, 0, 0, .48), 0 6px 16px 0 rgba(0, 0, 0, .32), 0 9px 28px 8px rgba(0, 0, 0, .2);
    --btn-shadow: 0 2px 0 rgba(0, 0, 0, .015);
    --btn-primary-shadow: 0 2px 0 rgba(0, 0, 0, .045);
    --btn-text-shadow: 0 -1px 0 rgba(0, 0, 0, .12);
    --btn-default-bg: transparent;
    --btn-default-ghost-color: var(--text-color);
    --btn-default-ghost-border: rgba(255, 255, 255, .25);
    --btn-text-hover-bg: rgba(255, 255, 255, .03);
    --btn-text-active-bg: rgba(255, 255, 255, .04);
    --checkbox-check-bg: transparent;
    --descriptions-bg: var(--background-color-light);
    --divider-color: rgba(255, 255, 255, .12);
    --dropdown-menu-submenu-disabled-bg: transparent;
    --radio-dot-disabled-color: rgba(255, 255, 255, .2);
    --radio-solid-checked-color: #fff;
    --radio-disabled-button-checked-bg: rgba(255, 255, 255, .2);
    --radio-disabled-button-checked-color: var(--disabled-color);
    --layout-body-background: var(--body-background);
    --layout-header-background: var(--popover-background);
    --layout-trigger-background: #262626;
    --dropdown-menu-bg: var(--popover-background);
    --input-placeholder-color: rgba(255, 255, 255, .3);
    --input-icon-color: rgba(255, 255, 255, .3);
    --input-bg: transparent;
    --input-number-handler-active-bg: var(--item-hover-bg);
    --input-icon-hover-color: rgba(255, 255, 255, .85);
    --mentions-dropdown-bg: var(--popover-background);
    --select-dropdown-bg: var(--popover-background);
    --select-background: transparent;
    --select-clear-background: var(--component-background);
    --select-selection-item-bg: rgba(255, 255, 255, .08);
    --select-selection-item-border-color: var(--border-color-split);
    --select-multiple-disabled-background: var(--component-background);
    --select-multiple-item-disabled-color: #595959;
    --select-multiple-item-disabled-border-color: var(--popover-background);
    --cascader-bg: transparent;
    --cascader-menu-bg: var(--popover-background);
    --cascader-menu-border-color-split: var(--border-color-split);
    --tooltip-bg: #434343;
    --popover-bg: var(--popover-background);
    --modal-header-bg: var(--popover-background);
    --modal-header-border-color-split: var(--border-color-split);
    --modal-content-bg: var(--popover-background);
    --modal-footer-border-color-split: var(--border-color-split);
    --progress-steps-item-bg: rgba(255, 255, 255, .08);
    --menu-popup-bg: var(--popover-background);
    --menu-dark-bg: var(--popover-background);
    --menu-dark-inline-submenu-bg: var(--component-background);
    --table-header-bg: #1d1d1d;
    --table-header-sort-bg: #262626;
    --table-body-sort-bg: rgba(255, 255, 255, .01);
    --table-row-hover-bg: #262626;
    --table-expanded-row-bg: var(--table-header-bg);
    --table-header-cell-split-color: rgba(255, 255, 255, .08);
    --table-header-sort-active-bg: #303030;
    --table-fixed-header-sort-active-bg: #222;
    --table-header-filter-active-bg: #434343;
    --table-filter-btns-bg: var(--popover-background);
    --table-filter-dropdown-bg: var(--popover-background);
    --table-expand-icon-bg: transparent;
    --picker-bg: transparent;
    --picker-basic-cell-disabled-bg: #303030;
    --picker-border-color: var(--border-color-split);
    --calendar-bg: var(--popover-background);
    --calendar-input-bg: var(--calendar-bg);
    --calendar-border-color: transparent;
    --calendar-full-bg: var(--component-background);
    --badge-text-color: #fff;
    --rate-star-bg: rgba(255, 255, 255, .12);
    --card-actions-background: var(--component-background);
    --card-skeleton-bg: #303030;
    --card-shadow: 0 1px 2px -2px rgba(0, 0, 0, .64), 0 3px 6px 0 rgba(0, 0, 0, .48), 0 5px 12px 4px rgba(0, 0, 0, .36);
    --comment-bg: transparent;
    --comment-author-time-color: rgba(255, 255, 255, .3);
    --comment-action-hover-color: rgba(255, 255, 255, .65);
    --back-top-bg: var(--tooltip-bg);
    --back-top-hover-bg: var(--border-color-split);
    --avatar-bg: rgba(255, 255, 255, .3);
    --switch-bg: #fff;
    --pagination-item-bg: transparent;
    --pagination-item-bg-active: transparent;
    --pagination-item-link-bg: transparent;
    --pagination-item-disabled-color-active: #000;
    --pagination-item-disabled-bg-active: rgba(255, 255, 255, .25);
    --pagination-item-input-bg: var(--pagination-item-bg);
    --page-header-back-color: inherit;
    --page-header-ghost-bg: transparent;
    --slider-rail-background-color: #262626;
    --slider-rail-background-color-hover: var(--border-color-base);
    --slider-dot-border-color: var(--border-color-split);
    --slider-dot-border-color-active: var(--primary-4);
    --tree-bg: transparent;
    --skeleton-to-color: rgba(255, 255, 255, .16);
    --transfer-item-hover-bg: #262626;
    --message-notice-content-bg: var(--popover-background);
    --list-customize-card-bg: transparent;
    --drawer-bg: var(--popover-background);
    --timeline-color: var(--border-color-split);
    --timeline-dot-color: var(--primary-color);
    --steps-nav-arrow-color: rgba(255, 255, 255, .2);
    --steps-background: transparent;
    --notification-bg: var(--popover-background);
    --image-preview-operation-disabled-color: rgba(255, 255, 255, .45);
    --gradient-min: rgba(48, 48, 48, .2);
    --gradient-max: rgba(48, 48, 48, .4);
    --scrollbar-thumb-color: #484848;
    --scrollbar-thumb-hover-color: #5b5b5b;
    --scrollbar-track-color: transparent;
    --sidebar-background: var(--layout-header-background);
    --sidebar-light-background: var(--component-background);
    --sidebar-light-shadow: 0 4px 4px rgba(0, 0, 0, .6);
    --sidebar-dark-shadow: 0 4px 4px rgba(0, 0, 0, .6);
    --sidebar-scrollbar-thumb-color: #626262;
    --sidebar-scrollbar-thumb-hover-color: #797979;
    --sidebar-scrollbar-track-color: transparent;
    --sidebar-light-scrollbar-thumb-color: var(--scrollbar-thumb-color);
    --sidebar-light-scrollbar-thumb-hover-color: var(--scrollbar-thumb-hover-color);
    --sidebar-light-scrollbar-track-color: transparent;
    --header-background: var(--layout-header-background);
    --header-light-background: var(--component-background);
    --header-light-shadow: 0 1px 4px rgba(0, 0, 0, .6);
    --header-dark-shadow: 0 1px 4px rgba(0, 0, 0, .6);
    --header-tool-hover-bg: rgba(255, 255, 255, .05);
    --header-dark-tool-hover-bg: rgba(255, 255, 255, .05);
    --logo-light-shadow: 0 3px 4px rgba(0, 0, 0, .6);
    --logo-dark-shadow: 0 3px 4px rgba(0, 0, 0, .6)
}

.ant-btn, .ant-btn:active, .ant-btn:focus {
    border-radius: 5px
}

.ant-input-affix-wrapper {
    border-radius: 5px
}

.ant-select:not(.ant-select-customize-input) .ant-select-selector {
    border-radius: 5px
}

.ant-picker, textarea.ant-input {
    border-radius: 5px
}